@yoobic/yobi 8.5.0-44 → 8.5.0-46

package/dist/cjs/yoo-result-dialog.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-3f2bca41.js');
-const commonHelpers = require('./common-helpers-edf7fda5.js');
-const overlays = require('./overlays-c545c947.js');
+require('./index-ca271bba.js');
+const commonHelpers = require('./common-helpers-e0f8defd.js');
+const overlays = require('./overlays-3067754c.js');
 require('./lodash-a9050d79.js');
-require('./index-f9aace31.js');
+require('./index-4f7e1f11.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const resultDialogCss = "svg:not(:root){overflow:hidden}:host{display:grid;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;padding:var(--spacing-08, 0.5rem);padding-bottom:0;background:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--card-shadow, 0 0.125rem 0.25rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow, 0 0.125rem 0.25rem 0 rgba(40, 47, 54, 0.08))}:host>*{margin:var(--spacing-08, 0.5rem) auto}:host span,:host p{text-align:center}:host span{font-weight:var(--font-weight-700, 700);font-size:var(--font-size-20, 1.25rem)}:host p{min-width:10rem;max-width:17.5rem;max-height:25rem;padding:0 var(--spacing-16, 1rem);overflow-y:auto;color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem);line-height:1.5}:host yoo-empty-state{width:3.125rem;height:3.125rem}:host .footer{margin:0;margin-top:var(--spacing-08, 0.5rem);padding:0.75rem;text-align:center;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);cursor:pointer}:host(.web){max-width:40%}:host(.web) p{}:host(.web) p::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.web) p::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web) p::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}";

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-3f2bca41.js');
-const overlays = require('./overlays-c545c947.js');
+require('./index-ca271bba.js');
+const overlays = require('./overlays-3067754c.js');
 require('./lodash-a9050d79.js');
-require('./index-f9aace31.js');
+require('./index-4f7e1f11.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const revealCss = "svg:not(:root){overflow:hidden}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem);background-color:var(--stable-light, #f1f1f1)}:host yoo-flip-card{margin:0 var(--spacing-16, 1rem)}:host yoo-flip-card:first-of-type{padding-top:var(--spacing-16, 1rem)}:host yoo-flip-card:last-of-type{padding-bottom:var(--spacing-16, 1rem)}";

package/dist/cjs/yoo-salesai-formula.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-3f2bca41.js');
+require('./index-ca271bba.js');
 const lodash = require('./lodash-a9050d79.js');
-const overlays = require('./overlays-c545c947.js');
-require('./index-f9aace31.js');
+const overlays = require('./overlays-3067754c.js');
+require('./index-4f7e1f11.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const salesaiFormulaCss = "svg:not(:root){overflow:hidden}:host .container{margin-top:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-16, 1rem);padding:var(--spacing-16, 1rem);font-size:var(--font-size-14, 0.875rem);background:var(--light, #ffffff);-webkit-box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1));box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1))}:host .container ul{list-style-type:decimal}:host .container ul li{margin-bottom:var(--spacing-08, 0.5rem);padding-left:var(--spacing-08, 0.5rem)}:host .container .operator{padding:0 var(--spacing-08, 0.5rem)}";

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-3f2bca41.js');
+require('./index-ca271bba.js');
 const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
-const commonHelpers = require('./common-helpers-edf7fda5.js');
-const overlays = require('./overlays-c545c947.js');
+const commonHelpers = require('./common-helpers-e0f8defd.js');
+const overlays = require('./overlays-3067754c.js');
 require('./lodash-a9050d79.js');
-require('./index-f9aace31.js');
+require('./index-4f7e1f11.js');
 
 var browser = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 /*!

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-3f2bca41.js');
-const overlays = require('./overlays-c545c947.js');
+require('./index-ca271bba.js');
+const overlays = require('./overlays-3067754c.js');
 require('./lodash-a9050d79.js');
-require('./index-f9aace31.js');
+require('./index-4f7e1f11.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const scratchCardCreatorCss = "svg:not(:root){overflow:hidden}: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/cjs/yoo-scratch-card.cjs.entry.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-3f2bca41.js');
-require('./index-83c9d4ca.js');
+require('./index-ca271bba.js');
+require('./index-471adc1f.js');
 const annotationsHelpers = require('./annotations-helpers-fb554cca.js');
-const overlays = require('./overlays-c545c947.js');
-const localForage = require('./localForage-3d6912e0.js');
+const overlays = require('./overlays-3067754c.js');
+const localForage = require('./localForage-421c60d8.js');
 require('./lodash-a9050d79.js');
-require('./index-f9aace31.js');
+require('./index-4f7e1f11.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
-const scratchCardCss = "svg:not(:root){overflow:hidden}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%;max-width:100%;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,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\") 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:\"\"}";
+const scratchCardCss = "svg:not(:root){overflow:hidden}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%;max-width:100%;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,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\") 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 yoo-button{right:unset;left:var(--spacing-16, 1rem)}:host:after{display:block;padding-bottom:100%;content:\"\"}";
 
 const YooScratchCardComponent = class {
   constructor(hostRef) {

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-3f2bca41.js');
+require('./index-ca271bba.js');
 const lodash = require('./lodash-a9050d79.js');
 const sortable_esm = require('./sortable.esm-00e15691.js');
-const overlays = require('./overlays-c545c947.js');
-require('./index-f9aace31.js');
+const overlays = require('./overlays-3067754c.js');
+require('./index-4f7e1f11.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const sectionListCss = "svg:not(:root){overflow:hidden}: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{overflow:hidden;color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem)}@supports (display: -webkit-box){:host .sections .section .items .item .item-container .title-container .description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}}: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/cjs/yoo-segmented-control.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-const index$1 = require('./index-3f2bca41.js');
-const overlays = require('./overlays-c545c947.js');
+const index$1 = require('./index-ca271bba.js');
+const overlays = require('./overlays-3067754c.js');
 require('./lodash-a9050d79.js');
-require('./index-f9aace31.js');
+require('./index-4f7e1f11.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
-const segmentedControlCss = "svg:not(:root){overflow:hidden}:host{position:relative;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;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:var(--spacing-02, 0.125rem) 0}:host .segment-container .segment-content{z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--spacing-04, 0.25rem)}:host .segment-container .segment-content h3{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;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);text-align:center}:host .segment-container .segment-content input{position:fixed;opacity:0;pointer-events:none}: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 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=medium]) yoo-icon+yoo-truncated-line,:host([size=small]) yoo-icon+yoo-truncated-line{width:calc(100% - (var(--icon-size-01, 1rem) + var(--spacing-04, 0.25rem)))}:host([size=large]) .segment-container h3{font-size:var(--font-size-14, 0.875rem)}:host([size=large]) .segment-container yoo-icon+yoo-truncated-line{width:calc(100% - (var(--icon-size-02, 1.5rem) + var(--spacing-04, 0.25rem)))}:host([animated]) .segment-content h3{-webkit-transition:color 0.3s ease-in-out;transition:color 0.3s ease-in-out}:host([animated]) .active-background{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.active-background{position:absolute;height:87%;margin:var(--spacing-02, 0.125rem) 0;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))}";
+const segmentedControlCss = "svg:not(:root){overflow:hidden}:host{position:relative;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;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:var(--spacing-02, 0.125rem) 0}:host .segment-container .segment-content{z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--spacing-04, 0.25rem)}:host .segment-container .segment-content h3{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0;color:var(--text-color, #807f83);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-12, 0.75rem);text-align:center}:host .segment-container .segment-content input{position:fixed;opacity:0;pointer-events:none}: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 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=medium]) yoo-icon+yoo-truncated-line,:host([size=small]) yoo-icon+yoo-truncated-line{width:calc(100% - (var(--icon-size-01, 1rem) + var(--spacing-04, 0.25rem)))}:host([size=large]) .segment-container h3{font-size:var(--font-size-14, 0.875rem)}:host([size=large]) .segment-container yoo-icon+yoo-truncated-line{width:calc(100% - (var(--icon-size-02, 1.5rem) + var(--spacing-04, 0.25rem)))}:host([animated]) .segment-content h3{-webkit-transition:color 0.3s ease-in-out;transition:color 0.3s ease-in-out}:host([animated]) .active-background{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.active-background{position:absolute;height:87%;margin:var(--spacing-02, 0.125rem) 0;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(.rtl){direction:rtl}";
 
 const YooSegmentedControlComponent = class {
   constructor(hostRef) {
@@ -32,16 +32,18 @@ const YooSegmentedControlComponent = class {
     index$1.resizeObserve(this.host, this.moveActiveBackground.bind(this));
     this.moveActiveBackground();
   }
-  moveActiveBackground() {
+  moveActiveBackground(index = this.initialIndex) {
     var _a, _b;
-    this.activeBackgroundEl.style.width = `${(_a = this.activeElement) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width}px`;
-    this.activeBackgroundEl.style.marginLeft = `${(_b = this.activeElement) === null || _b === void 0 ? void 0 : _b.offsetLeft}px`;
+    if (this.activeElement) {
+      this.activeBackgroundEl.style.width = `${(_a = this.activeElement) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width}px`;
+      this.activeBackgroundEl.style[overlays.isRTL() ? 'marginRight' : 'marginLeft'] = `${((_b = this.activeElement) === null || _b === void 0 ? void 0 : _b.offsetWidth) * index}px`;
+    }
   }
   onSegmentClick(ev, index) {
     if (!this.readonly) {
       const target = ev.target;
       this.activeElement = target.closest('.segment-container');
-      this.moveActiveBackground();
+      this.moveActiveBackground(index);
       this.selectedIndex = index;
       this.segmentSelected.emit(index);
     }
@@ -61,7 +63,7 @@ const YooSegmentedControlComponent = class {
     return (index.h("div", { class: "segment-content" }, index.h("input", { checked: this.selectedIndex === index$1, name: `${index$1}`, type: "radio", value: index$1 }), value.icon && index.h("yoo-icon", { size: this.size === 'large' ? 'medium' : this.size === 'medium' ? 'small' : this.size, name: value.icon, color: index$1 === this.selectedIndex ? 'light' : 'stable' }), value.label && index.h("yoo-truncated-line", null, index.h("h3", null, overlays.translate(value.label)))));
   }
   render() {
-    return index.h(index.Host, { style: { maxWidth: this.maxWidth ? this.maxWidth + 'px' : null } }, this.renderSegments(), index.h("span", { ref: el => this.activeBackgroundEl = el, class: "active-background" }));
+    return index.h(index.Host, { style: { maxWidth: this.maxWidth ? this.maxWidth + 'px' : null }, class: { rtl: overlays.isRTL() } }, this.renderSegments(), index.h("span", { ref: el => this.activeBackgroundEl = el, class: "active-background" }));
   }
   get host() { return index.getElement(this); }
   static get watchers() { return {

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-3f2bca41.js');
-const overlays = require('./overlays-c545c947.js');
+require('./index-ca271bba.js');
+const overlays = require('./overlays-3067754c.js');
 require('./lodash-a9050d79.js');
-require('./index-f9aace31.js');
+require('./index-4f7e1f11.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const sideMenuTreeCss = "svg:not(:root){overflow:hidden}: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/cjs/yoo-side-menu.cjs.entry.js

@@ -3,13 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-3f2bca41.js');
+require('./index-ca271bba.js');
 const lodash = require('./lodash-a9050d79.js');
-const overlays = require('./overlays-c545c947.js');
-require('./index-f9aace31.js');
+const commonHelpers = require('./common-helpers-e0f8defd.js');
+const overlays = require('./overlays-3067754c.js');
+require('./index-4f7e1f11.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
-const sideMenuCss = "svg:not(:root){overflow:hidden}.accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}: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{-ms-flex:1;flex:1}: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-16, 1rem) 0 var(--spacing-16, 1rem) 0}:host .top-container yoo-form-input.has-header{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%;max-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;width:calc(100% - (var(--icon-size-02, 1.5rem) + var(--spacing-08, 0.5rem)))}:host .avatar-container .profile-avatar-and-name .user-name{width:calc(100% - (var(--icon-size-02, 1.5rem) + var(--spacing-08, 0.5rem)));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))}:host(.no-margin) .top-container{margin-top:0;margin-bottom:0}";
+const sideMenuCss = "svg:not(:root){overflow:hidden}.accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}: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{-ms-flex:1;flex:1}: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-16, 1rem) 0 var(--spacing-16, 1rem) 0}:host .top-container yoo-form-input.has-header{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%;max-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;width:calc(100% - (var(--icon-size-02, 1.5rem) + var(--spacing-08, 0.5rem)))}:host .avatar-container .profile-avatar-and-name .user-name{width:calc(100% - (var(--icon-size-02, 1.5rem) + var(--spacing-08, 0.5rem)));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))}:host(.no-margin) .top-container{margin-top:0;margin-bottom:0}:host(.rtl){border-right-width:0;border-left:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}";
 
 const YooSideMenuComponent = class {
   constructor(hostRef) {
@@ -137,7 +138,11 @@ const YooSideMenuComponent = class {
         entries[this.selectedIndex].selected = true;
       }
       const isCustomTheme = overlays.getSession().isCustomTheme;
-      return (index.h("yoo-accordion", { class: { 'side-menu': !isSubMenu, 'side-menu-sub': isSubMenu, 'custom-theme': isCustomTheme }, forceEntryUpdate: true, entries: entries, iconPairRight: ['arrow-down', 'arrow-up'], allowMultipleSelection: false, isSubMenu: isSubMenu, onAccordionSelected: (ev) => {
+      return (index.h("yoo-accordion", { class: {
+          'side-menu': !isSubMenu,
+          'side-menu-sub': isSubMenu,
+          'custom-theme': isCustomTheme
+        }, forceEntryUpdate: true, entries: entries, iconPairRight: ['arrow-down', 'arrow-up'], allowMultipleSelection: false, isSubMenu: isSubMenu, onAccordionSelected: (ev) => {
           if (!isSubMenu) {
             this.selectedIndex = ev.detail.selected ? ev.detail.index : undefined;
           }
@@ -204,7 +209,7 @@ const YooSideMenuComponent = class {
   }
   render() {
     const isCustomTheme = overlays.getSession().isCustomTheme;
-    return (index.h(index.Host, { class: { collapsed: this.isMenuCollapsed, 'custom-theme': isCustomTheme } }, index.h("yoo-ion-scroll", { class: "scrolling-container no-scrollbar" }, this.renderTopContainer(), index.h("slot", { name: "bottom" })), this.renderBottomContainer()));
+    return (index.h(index.Host, { class: { collapsed: this.isMenuCollapsed, 'custom-theme': isCustomTheme, ...commonHelpers.getAppContext(this.host) } }, index.h("yoo-ion-scroll", { class: "scrolling-container no-scrollbar" }, this.renderTopContainer(), index.h("slot", { name: "bottom" })), this.renderBottomContainer()));
   }
   get host() { return index.getElement(this); }
 };

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-const overlays = require('./overlays-c545c947.js');
-require('./index-3f2bca41.js');
+const overlays = require('./overlays-3067754c.js');
+require('./index-ca271bba.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-edf7fda5.js');
-const entitiesHelpers = require('./entities-helpers-8f3c0b56.js');
-const formTextAreaHelpers = require('./form-text-area-helpers-cc5587d7.js');
-require('./index-f9aace31.js');
+const commonHelpers = require('./common-helpers-e0f8defd.js');
+const entitiesHelpers = require('./entities-helpers-23d3e408.js');
+const formTextAreaHelpers = require('./form-text-area-helpers-ae9dc82e.js');
+require('./index-4f7e1f11.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const slidesMediaCss = "svg.sc-yoo-slides-media:not(:root){overflow:hidden}.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}";

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-3f2bca41.js');
-const commonHelpers = require('./common-helpers-edf7fda5.js');
-const overlays = require('./overlays-c545c947.js');
+require('./index-ca271bba.js');
+const commonHelpers = require('./common-helpers-e0f8defd.js');
+const overlays = require('./overlays-3067754c.js');
 require('./lodash-a9050d79.js');
-require('./index-f9aace31.js');
+require('./index-4f7e1f11.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const startMeetingPopupCss = "svg:not(:root){overflow:hidden}: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/cjs/yoo-tabs.cjs.entry.js

@@ -3,13 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-3f2bca41.js');
+require('./index-ca271bba.js');
 const lodash = require('./lodash-a9050d79.js');
-const overlays = require('./overlays-c545c947.js');
-require('./index-f9aace31.js');
+const commonHelpers = require('./common-helpers-e0f8defd.js');
+const overlays = require('./overlays-3067754c.js');
+require('./index-4f7e1f11.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
-const tabsCss = "svg:not(:root){overflow:hidden}:host{--justify-tabs:flex-start;--height-tabs:var(--spacing-40, 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{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}:host .tab-container yoo-icon{fill:var(--text-color, #807f83)}:host .tab-container.active{color:var(--dark, #000000);background:var(--active-tab-background);border-bottom-color:var(--active-tab-border-color)}: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 .outer-container{position:relative;height:var(--height-tabs);opacity:var(--opacity-tabs)}:host .outer-container-vertical{--height-tabs:2.5rem;font-size:var(--font-size-16, 1rem);--badge-width-with-spacing:2rem}:host .outer-container-vertical .tab-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container-vertical .tab-container.active{background:none;border-bottom:var(--tab-border-width) solid var(--active-tab-border-color)}:host .outer-container-vertical .tab-container.active yoo-icon{fill:var(--app-color, #5a30f4)}:host .outer-container-vertical .tab-container:hover{color:var(--app-color, #5a30f4);background-color:var(--active-tab-background)}:host .outer-container-vertical .tab-header{-ms-flex-pack:left;justify-content:left;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:var(--height-tabs);padding:var(--spacing-08, 0.5rem);color:var(--dark, #000000);text-align:left}:host .outer-container-vertical .tab-header .flex{-ms-flex:1;flex:1}:host .outer-container-vertical .tab-header .full-width{width:100%}:host .outer-container-vertical .tab-header yoo-icon{margin-right:var(--spacing-08, 0.5rem);fill:var(--text-color, #807f83)}:host .outer-container-vertical .tab-header .tab-title{width:100%}:host .outer-container-vertical .tab-header .tab-title.plus-one{width:calc(100% - var(--spacing-32, 2rem))}:host .outer-container-vertical .tab-header .tab-title.sandwich{width:calc(100% - var(--spacing-64, 4rem))}:host .outer-container-vertical .tab-description{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;padding:0 var(--spacing-16, 1rem) var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);padding-left:calc(var(--spacing-08, 0.5rem) + var(--badge-width-with-spacing));color:var(--text-color);font-size:var(--font-size-14, 0.875rem);white-space:normal}:host([hidden]){display:none}: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:0}: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[shape=dot]{-ms-flex-item-align:start;align-self:flex-start}yoo-badge:not([shape=dot]),yoo-tag{-ms-flex-item-align:center;align-self:center}.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%}.extra.active{color:var(--app-color, #5a30f4)}:host(.tabs-padding-top) .outer-container-vertical{padding-top:4rem}:host(.big-tabs) .tab-container{padding-bottom:0;border:none;-webkit-transition:color 0.3s ease;transition:color 0.3s ease}:host(.big-tabs) .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(.big-tabs) .tab-container.active{background-color:transparent}:host(.big-tabs) .tab-container+.tab-container{margin:0}:host(.big-tabs) .tab-description{border-bottom:var(--tab-border-width) solid var(--active-tab-border-color)}";
+const tabsCss = "svg:not(:root){overflow:hidden}:host{--justify-tabs:flex-start;--height-tabs:var(--spacing-40, 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{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}:host .tab-container yoo-icon{fill:var(--text-color, #807f83)}:host .tab-container.active{color:var(--dark, #000000);background:var(--active-tab-background);border-bottom-color:var(--active-tab-border-color)}: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 .outer-container{position:relative;height:var(--height-tabs);opacity:var(--opacity-tabs)}:host .outer-container-vertical{--height-tabs:2.5rem;font-size:var(--font-size-16, 1rem);--badge-width-with-spacing:var(--spacing-32, 2rem)}:host .outer-container-vertical .tab-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container-vertical .tab-container.active{background:none;border-bottom:var(--tab-border-width) solid var(--active-tab-border-color)}:host .outer-container-vertical .tab-container.active yoo-icon{fill:var(--app-color, #5a30f4)}:host .outer-container-vertical .tab-container:hover{color:var(--app-color, #5a30f4);background-color:var(--active-tab-background)}:host .outer-container-vertical .tab-header{-ms-flex-pack:left;justify-content:left;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:var(--height-tabs);padding:var(--spacing-08, 0.5rem);color:var(--dark, #000000);text-align:start}:host .outer-container-vertical .tab-header .flex{-ms-flex:1;flex:1}:host .outer-container-vertical .tab-header .full-width{width:100%}:host .outer-container-vertical .tab-header yoo-icon{margin-right:var(--spacing-08, 0.5rem);fill:var(--text-color, #807f83)}:host .outer-container-vertical .tab-header .tab-title{width:100%}:host .outer-container-vertical .tab-header .tab-title.plus-one{width:calc(100% - var(--spacing-32, 2rem))}:host .outer-container-vertical .tab-header .tab-title.sandwich{width:calc(100% - var(--spacing-64, 4rem))}:host .outer-container-vertical .tab-description{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;padding:0 var(--spacing-16, 1rem) var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);padding-left:calc(var(--spacing-08, 0.5rem) + var(--badge-width-with-spacing));color:var(--text-color);font-size:var(--font-size-14, 0.875rem);white-space:normal}:host([hidden]){display:none}: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:0}: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:var(--spacing-08, 0.5rem)}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[shape=dot]{-ms-flex-item-align:start;align-self:flex-start}yoo-badge:not([shape=dot]),yoo-tag{-ms-flex-item-align:center;align-self:center}.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%}.extra.active{color:var(--app-color, #5a30f4)}:host(.tabs-padding-top) .outer-container-vertical{padding-top:4rem}:host(.big-tabs) .tab-container{padding-bottom:0;border:none;-webkit-transition:color 0.3s ease;transition:color 0.3s ease}:host(.big-tabs) .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(.big-tabs) .tab-container.active{background-color:transparent}:host(.big-tabs) .tab-container+.tab-container{margin:0}:host(.big-tabs) .tab-description{border-bottom:var(--tab-border-width) solid var(--active-tab-border-color)}:host(.rtl) yoo-icon{margin-right:0;margin-left:var(--spacing-08, 0.5rem)}:host(.rtl) .outer-container-vertical .tab-description{padding-right:calc(var(--spacing-08, 0.5rem) + var(--badge-width-with-spacing));padding-left:var(--spacing-16, 1rem)}";
 
 const YooTabsComponent = class {
   constructor(hostRef) {
@@ -138,7 +139,7 @@ const YooTabsComponent = class {
     return index.h("div", { class: "outer-container-vertical" }, (_a = this.tabs) === null || _a === void 0 ? void 0 : _a.map((tab, index) => this.renderTab(tab, index)));
   }
   render() {
-    return (index.h(index.Host, { class: { web: overlays.isWeb(this.host) } }, !this.vertical && this.renderHorizontal(), this.vertical && this.renderVertical()));
+    return (index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, !this.vertical && this.renderHorizontal(), this.vertical && this.renderVertical()));
   }
   get host() { return index.getElement(this); }
   static get watchers() { return {

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

@@ -3,13 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
+require('./index-ca271bba.js');
+const overlays = require('./overlays-3067754c.js');
+require('./lodash-a9050d79.js');
+require('./index-4f7e1f11.js');
+require('./_commonjsHelpers-94df2ea7.js');
 
 function changeRgbOpacity(rgbColor, opacity) {
   const _opacity = Math.round(Math.min(Math.max(opacity || 1, 0), 1) * 255);
   return rgbColor + _opacity.toString(16).toUpperCase();
 }
 
-const tagCss = "svg:not(:root){overflow:hidden}:host([color=accent]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--accent, #276ef1)}:host([color=accent]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=accent]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=app-color]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--app-color, #5a30f4)}:host([color=app-color]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=app-color]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=app-color-10]:not([no-background])) .outer-container{color:var(--app-color, #5a30f4);background-color:var(--app-color-10, rgba(90, 48, 244, 0.1))}:host([color=app-color-10]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--app-color, #5a30f4)}:host([color=app-color-10]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--app-color, #5a30f4)}:host([color=app-color-20]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host([color=app-color-20]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=app-color-20]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=app-color-60]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--app-color-60, rgba(90, 48, 244, 0.6))}:host([color=app-color-60]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=app-color-60]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=danger]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--danger, #d44333)}:host([color=danger]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=danger]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=danger-10]:not([no-background])) .outer-container{color:var(--danger, #d44333);background-color:var(--danger-10, rgba(212, 67, 51, 0.1))}:host([color=danger-10]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--danger, #d44333)}:host([color=danger-10]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--danger, #d44333)}:host([color=danger-20]:not([no-background])) .outer-container{color:var(--danger, #d44333);background-color:var(--danger-20, rgba(212, 67, 51, 0.2))}:host([color=danger-20]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--danger, #d44333)}:host([color=danger-20]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--danger, #d44333)}:host([color=dark]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--dark, #000000)}:host([color=dark]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=dark]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=dark-40]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--dark-40, rgba(0, 0, 0, 0.4))}:host([color=dark-40]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=dark-40]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=dark-60]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--dark-60, rgba(0, 0, 0, 0.6))}:host([color=dark-60]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=dark-60]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=energized]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--energized, #ffc043)}:host([color=energized]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=energized]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=energized-10]:not([no-background])) .outer-container{color:var(--energized, #ffc043);background-color:var(--energized-10, rgba(255, 192, 67, 0.1))}:host([color=energized-10]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--energized, #ffc043)}:host([color=energized-10]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--energized, #ffc043)}:host([color=energized-20]:not([no-background])) .outer-container{color:var(--energized, #ffc043);background-color:var(--energized-20, rgba(255, 192, 67, 0.2))}:host([color=energized-20]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--energized, #ffc043)}:host([color=energized-20]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--energized, #ffc043)}:host([color=info]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--info, #d84c96)}:host([color=info]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=info]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=info-10]:not([no-background])) .outer-container{color:var(--info, #d84c96);background-color:var(--info-10, rgba(216, 76, 150, 0.1))}:host([color=info-10]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--info, #d84c96)}:host([color=info-10]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--info, #d84c96)}:host([color=light]:not([no-background])) .outer-container{color:var(--dark, #000000);background-color:var(--light, #ffffff)}:host([color=light]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--dark, #000000)}:host([color=light]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--dark, #000000)}:host([color=light-20]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--light-20, rgba(255, 255, 255, 0.2))}:host([color=light-20]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=light-20]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=stable]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--stable, #adadad)}:host([color=stable]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=stable]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=stable-10]:not([no-background])) .outer-container{color:var(--stable, #adadad);background-color:var(--stable-10, rgba(173, 173, 173, 0.1))}:host([color=stable-10]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--stable, #adadad)}:host([color=stable-10]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--stable, #adadad)}:host([color=stable-60]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--stable-60, rgba(173, 173, 173, 0.6))}:host([color=stable-60]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=stable-60]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=stable-alt]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--stable-alt, #d0d0d0)}:host([color=stable-alt]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=stable-alt]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=stable-alt-80]:not([no-background])) .outer-container{color:var(--dark, #000000);background-color:var(--stable-alt-80, rgba(208, 208, 208, 0.8))}:host([color=stable-alt-80]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--dark, #000000)}:host([color=stable-alt-80]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--dark, #000000)}:host([color=stable-light]:not([no-background])) .outer-container{color:var(--text-color, #807f83);background-color:var(--stable-light, #f1f1f1)}:host([color=stable-light]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--text-color, #807f83)}:host([color=stable-light]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--text-color, #807f83)}:host([color=success]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--success, #3aa76d)}:host([color=success]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=success]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=success-10]:not([no-background])) .outer-container{color:var(--success, #3aa76d);background-color:var(--success-10, rgba(58, 167, 109, 0.1))}:host([color=success-10]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--success, #3aa76d)}:host([color=success-10]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--success, #3aa76d)}:host([color=success-20]:not([no-background])) .outer-container{color:var(--success, #3aa76d);background-color:var(--success-20, rgba(58, 167, 109, 0.2))}:host([color=success-20]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--success, #3aa76d)}:host([color=success-20]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--success, #3aa76d)}:host([color=text-color]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--text-color, #807f83)}:host([color=text-color]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=text-color]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=text-color-10]:not([no-background])) .outer-container{color:var(--text-color, #807f83);background-color:var(--text-color-10, rgba(128, 127, 131, 0.1))}:host([color=text-color-10]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--text-color, #807f83)}:host([color=text-color-10]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--text-color, #807f83)}:host([color=text-color-20]:not([no-background])) .outer-container{color:var(--text-color, #807f83);background-color:var(--text-color-20, rgba(128, 127, 131, 0.2))}:host([color=text-color-20]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--text-color, #807f83)}:host([color=text-color-20]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--text-color, #807f83)}:host([color=warning]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--warning, #ed6e33)}:host([color=warning]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=warning]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=warning-10]:not([no-background])) .outer-container{color:var(--warning, #ed6e33);background-color:var(--warning-10, rgba(237, 110, 51, 0.1))}:host([color=warning-10]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--warning, #ed6e33)}:host([color=warning-10]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--warning, #ed6e33)}:host([color=warning-20]:not([no-background])) .outer-container{color:var(--warning, #ed6e33);background-color:var(--warning-20, rgba(237, 110, 51, 0.2))}:host([color=warning-20]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--warning, #ed6e33)}:host([color=warning-20]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--warning, #ed6e33)}:host{--padding:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem);--background-color:unset;display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;white-space:nowrap;border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;margin:0 auto;padding:var(--padding);color:var(--text-color, #807f83);line-height:1.5;background-color:var(--background-color);border-radius:inherit;-webkit-transition:background-color 500ms ease-in-out;transition:background-color 500ms ease-in-out}:host .outer-container ::slotted([slot=start]){margin-right:var(--spacing-04, 0.25rem)}:host .outer-container ::slotted([slot=end]){margin-left:var(--spacing-04, 0.25rem)}:host .outer-container .close-icon{margin-left:var(--spacing-04, 0.25rem)}:host([hidden]){display:none}:host([size=extra-small]){--padding:var(--spacing-02, 0.125rem) var(--spacing-04, 0.25rem);border-radius:var(--border-radius-04, 0.25rem)}:host(:not([icon])) #main-content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}:host([no-background]){--padding:var(--spacing-04, 0.25rem) 0}:host(.margin){margin-right:var(--spacing-04, 0.25rem);margin-bottom:var(--spacing-04, 0.25rem)}:host(.margin-left){margin-left:var(--spacing-04, 0.25rem)}:host(.fab) .outer-container{-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}:host(.autocomplete-selected) .outer-container #main-content{max-width:inherit}:host([size=small]:not([icon]):not(.menu-item):not([shape=dot])){font-size:var(--font-size-12, 0.75rem)}:host([size=small]:not([icon]):not(.menu-item):not([shape=dot])) .outer-container{min-width:1.5rem;height:1.5rem}:host(.highlight[size=small]:not([icon]):not(.menu-item):not([shape=dot])){font-size:max(var(--font-size-12, 0.75rem), var(--font-size-12, 0.75rem))}:host(.highlight[size=small]:not([icon]):not(.menu-item):not([shape=dot])) .highlight-container{background-color:var(--light, #ffffff);border:0.0625rem solid var(--light, #ffffff)}:host([size=medium]:not([icon]):not(.menu-item):not([shape=dot])){font-size:var(--font-size-16, 1rem)}:host([size=medium]:not([icon]):not(.menu-item):not([shape=dot])) .outer-container{min-width:2rem;height:2rem}:host(.highlight[size=medium]:not([icon]):not(.menu-item):not([shape=dot])){font-size:max(var(--font-size-16, 1rem), var(--font-size-12, 0.75rem))}:host(.highlight[size=medium]:not([icon]):not(.menu-item):not([shape=dot])) .highlight-container{background-color:var(--light, #ffffff);border:0.0625rem solid var(--light, #ffffff)}:host([size=extra-small]:not([icon]):not(.menu-item):not([shape=dot])){font-size:var(--font-size-12, 0.75rem)}:host([size=extra-small]:not([icon]):not(.menu-item):not([shape=dot])) .outer-container{min-width:1rem;height:1rem}:host(.highlight[size=extra-small]:not([icon]):not(.menu-item):not([shape=dot])){font-size:max(var(--font-size-12, 0.75rem), var(--font-size-12, 0.75rem))}:host(.highlight[size=extra-small]:not([icon]):not(.menu-item):not([shape=dot])) .highlight-container{background-color:var(--light, #ffffff);border:0.0625rem solid var(--light, #ffffff)}:host([size=small][icon]) .outer-container{width:1.5rem;height:1.5rem;border-radius:50%}:host([size=medium][icon]) .outer-container{width:2rem;height:2rem;border-radius:50%}:host([size=large][icon]) .outer-container{width:3rem;height:3rem;border-radius:50%}:host([size=extra-large][icon]) .outer-container{width:4rem;height:4rem;border-radius:50%}:host([size=extra-small][icon]) .outer-container{width:1rem;height:1rem;border-radius:50%}:host([size=medium]:not([icon]).menu-item){font-size:var(--font-size-12, 0.75rem)}:host([size=medium]:not([icon]).menu-item) .outer-container{height:2rem}:host([size=medium]:not([icon]).menu-item) .outer-container #main-content{line-height:2}:host([size=medium]:not([icon]).menu-item){font-size:var(--font-size-14, 0.875rem)}:host([size=medium]:not([icon]).menu-item) .outer-container{height:2rem}:host([size=medium]:not([icon]).menu-item) .outer-container #main-content{line-height:2}:host([color=app-color][no-background]) ::slotted(yoo-icon:not([color]):not(.custom)),:host([no-background]) ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--app-color, #5a30f4)}:host([color=app-color][no-background]) .outer-container,:host([no-background]) .outer-container{color:var(--app-color, #5a30f4);background-color:transparent}:host([color=app-color][no-background]) .outer-container yoo-icon:not(.custom),:host([no-background]) .outer-container yoo-icon:not(.custom){fill:var(--app-color, #5a30f4)}:host([color=danger][no-background]) ::slotted(yoo-icon:not([color]):not(.custom)),:host([no-background]) ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--danger, #d44333)}:host([color=danger][no-background]) .outer-container,:host([no-background]) .outer-container{color:var(--danger, #d44333);background-color:transparent}:host([color=danger][no-background]) .outer-container yoo-icon:not(.custom),:host([no-background]) .outer-container yoo-icon:not(.custom){fill:var(--danger, #d44333)}:host([color=warning][no-background]) ::slotted(yoo-icon:not([color]):not(.custom)),:host([no-background]) ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--warning, #ed6e33)}:host([color=warning][no-background]) .outer-container,:host([no-background]) .outer-container{color:var(--warning, #ed6e33);background-color:transparent}:host([color=warning][no-background]) .outer-container yoo-icon:not(.custom),:host([no-background]) .outer-container yoo-icon:not(.custom){fill:var(--warning, #ed6e33)}:host([color=dark][no-background]) ::slotted(yoo-icon:not([color]):not(.custom)),:host([no-background]) ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--dark, #000000)}:host([color=dark][no-background]) .outer-container,:host([no-background]) .outer-container{color:var(--dark, #000000);background-color:transparent}:host([color=dark][no-background]) .outer-container yoo-icon:not(.custom),:host([no-background]) .outer-container yoo-icon:not(.custom){fill:var(--dark, #000000)}:host([color=light][no-background]) ::slotted(yoo-icon:not([color]):not(.custom)),:host([no-background]) ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=light][no-background]) .outer-container,:host([no-background]) .outer-container{color:var(--light, #ffffff);background-color:transparent}:host([color=light][no-background]) .outer-container yoo-icon:not(.custom),:host([no-background]) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=stable][no-background]) ::slotted(yoo-icon:not([color]):not(.custom)),:host([no-background]) ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--stable, #adadad)}:host([color=stable][no-background]) .outer-container,:host([no-background]) .outer-container{color:var(--stable, #adadad);background-color:transparent}:host([color=stable][no-background]) .outer-container yoo-icon:not(.custom),:host([no-background]) .outer-container yoo-icon:not(.custom){fill:var(--stable, #adadad)}:host([color=text-color][no-background]) ::slotted(yoo-icon:not([color]):not(.custom)),:host([no-background]) ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--text-color, #807f83)}:host([color=text-color][no-background]) .outer-container,:host([no-background]) .outer-container{color:var(--text-color, #807f83);background-color:transparent}:host([color=text-color][no-background]) .outer-container yoo-icon:not(.custom),:host([no-background]) .outer-container yoo-icon:not(.custom){fill:var(--text-color, #807f83)}:host([color=accent].inverse-color) .outer-container{color:var(--accent, #276ef1);background:var(--accent-20, rgba(39, 110, 241, 0.2))}:host([color=accent].inverse-color) .outer-container yoo-icon{fill:var(--accent, #276ef1) !important}:host([color=accent].inverse-color).solid yoo-icon{fill:accent}:host([color=app-color].inverse-color) .outer-container{color:var(--app-color, #5a30f4);background:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host([color=app-color].inverse-color) .outer-container yoo-icon{fill:var(--app-color, #5a30f4) !important}:host([color=app-color].inverse-color).solid yoo-icon{fill:app-color}:host([color=danger].inverse-color) .outer-container{color:var(--danger, #d44333);background:var(--danger-20, rgba(212, 67, 51, 0.2))}:host([color=danger].inverse-color) .outer-container yoo-icon{fill:var(--danger, #d44333) !important}:host([color=danger].inverse-color).solid yoo-icon{fill:danger}:host([color=dark].inverse-color) .outer-container{color:var(--dark, #000000);background:var(--dark-20, rgba(0, 0, 0, 0.2))}:host([color=dark].inverse-color) .outer-container yoo-icon{fill:var(--dark, #000000) !important}:host([color=dark].inverse-color).solid yoo-icon{fill:dark}:host([color=energized].inverse-color) .outer-container{color:var(--energized, #ffc043);background:var(--energized-20, rgba(255, 192, 67, 0.2))}:host([color=energized].inverse-color) .outer-container yoo-icon{fill:var(--energized, #ffc043) !important}:host([color=energized].inverse-color).solid yoo-icon{fill:energized}:host([color=stable].inverse-color) .outer-container{color:var(--stable, #adadad);background:var(--stable-20, rgba(173, 173, 173, 0.2))}:host([color=stable].inverse-color) .outer-container yoo-icon{fill:var(--stable, #adadad) !important}:host([color=stable].inverse-color).solid yoo-icon{fill:stable}:host([color=stable-light].inverse-color) .outer-container{color:var(--stable-light, #f1f1f1);background:var(--text-color, #807f83)}:host([color=stable-light].inverse-color) .outer-container yoo-icon{fill:var(--stable-light, #f1f1f1) !important}:host([color=stable-light].inverse-color).solid yoo-icon{fill:stable-light}:host([color=success].inverse-color) .outer-container{color:var(--success, #3aa76d);background:var(--success-20, rgba(58, 167, 109, 0.2))}:host([color=success].inverse-color) .outer-container yoo-icon{fill:var(--success, #3aa76d) !important}:host([color=success].inverse-color).solid yoo-icon{fill:success}:host([color=warning].inverse-color) .outer-container{color:var(--warning, #ed6e33);background:var(--warning-20, rgba(237, 110, 51, 0.2))}:host([color=warning].inverse-color) .outer-container yoo-icon{fill:var(--warning, #ed6e33) !important}:host([color=warning].inverse-color).solid yoo-icon{fill:warning}:host([color=info].inverse-color) .outer-container{color:var(--info, #d84c96);background:var(--info-20, rgba(216, 76, 150, 0.2))}:host([color=info].inverse-color) .outer-container yoo-icon{fill:var(--info, #d84c96) !important}:host([color=info].inverse-color).solid yoo-icon{fill:info}:host([color=warning].inverse-color) .outer-container{color:var(--warning, #ed6e33);background:var(--warning-20, rgba(237, 110, 51, 0.2))}:host([color=warning].inverse-color) .outer-container yoo-icon{fill:var(--warning, #ed6e33) !important}:host([color=warning].inverse-color).solid yoo-icon{fill:warning}";
+const tagCss = "svg:not(:root){overflow:hidden}:host([color=accent]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--accent, #276ef1)}:host([color=accent]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=accent]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=app-color]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--app-color, #5a30f4)}:host([color=app-color]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=app-color]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=app-color-10]:not([no-background])) .outer-container{color:var(--app-color, #5a30f4);background-color:var(--app-color-10, rgba(90, 48, 244, 0.1))}:host([color=app-color-10]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--app-color, #5a30f4)}:host([color=app-color-10]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--app-color, #5a30f4)}:host([color=app-color-20]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host([color=app-color-20]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=app-color-20]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=app-color-60]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--app-color-60, rgba(90, 48, 244, 0.6))}:host([color=app-color-60]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=app-color-60]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=danger]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--danger, #d44333)}:host([color=danger]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=danger]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=danger-10]:not([no-background])) .outer-container{color:var(--danger, #d44333);background-color:var(--danger-10, rgba(212, 67, 51, 0.1))}:host([color=danger-10]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--danger, #d44333)}:host([color=danger-10]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--danger, #d44333)}:host([color=danger-20]:not([no-background])) .outer-container{color:var(--danger, #d44333);background-color:var(--danger-20, rgba(212, 67, 51, 0.2))}:host([color=danger-20]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--danger, #d44333)}:host([color=danger-20]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--danger, #d44333)}:host([color=dark]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--dark, #000000)}:host([color=dark]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=dark]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=dark-40]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--dark-40, rgba(0, 0, 0, 0.4))}:host([color=dark-40]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=dark-40]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=dark-60]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--dark-60, rgba(0, 0, 0, 0.6))}:host([color=dark-60]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=dark-60]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=energized]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--energized, #ffc043)}:host([color=energized]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=energized]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=energized-10]:not([no-background])) .outer-container{color:var(--energized, #ffc043);background-color:var(--energized-10, rgba(255, 192, 67, 0.1))}:host([color=energized-10]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--energized, #ffc043)}:host([color=energized-10]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--energized, #ffc043)}:host([color=energized-20]:not([no-background])) .outer-container{color:var(--energized, #ffc043);background-color:var(--energized-20, rgba(255, 192, 67, 0.2))}:host([color=energized-20]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--energized, #ffc043)}:host([color=energized-20]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--energized, #ffc043)}:host([color=info]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--info, #d84c96)}:host([color=info]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=info]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=info-10]:not([no-background])) .outer-container{color:var(--info, #d84c96);background-color:var(--info-10, rgba(216, 76, 150, 0.1))}:host([color=info-10]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--info, #d84c96)}:host([color=info-10]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--info, #d84c96)}:host([color=light]:not([no-background])) .outer-container{color:var(--dark, #000000);background-color:var(--light, #ffffff)}:host([color=light]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--dark, #000000)}:host([color=light]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--dark, #000000)}:host([color=light-20]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--light-20, rgba(255, 255, 255, 0.2))}:host([color=light-20]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=light-20]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=stable]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--stable, #adadad)}:host([color=stable]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=stable]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=stable-10]:not([no-background])) .outer-container{color:var(--stable, #adadad);background-color:var(--stable-10, rgba(173, 173, 173, 0.1))}:host([color=stable-10]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--stable, #adadad)}:host([color=stable-10]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--stable, #adadad)}:host([color=stable-60]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--stable-60, rgba(173, 173, 173, 0.6))}:host([color=stable-60]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=stable-60]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=stable-alt]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--stable-alt, #d0d0d0)}:host([color=stable-alt]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=stable-alt]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=stable-alt-80]:not([no-background])) .outer-container{color:var(--dark, #000000);background-color:var(--stable-alt-80, rgba(208, 208, 208, 0.8))}:host([color=stable-alt-80]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--dark, #000000)}:host([color=stable-alt-80]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--dark, #000000)}:host([color=stable-light]:not([no-background])) .outer-container{color:var(--text-color, #807f83);background-color:var(--stable-light, #f1f1f1)}:host([color=stable-light]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--text-color, #807f83)}:host([color=stable-light]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--text-color, #807f83)}:host([color=success]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--success, #3aa76d)}:host([color=success]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=success]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=success-10]:not([no-background])) .outer-container{color:var(--success, #3aa76d);background-color:var(--success-10, rgba(58, 167, 109, 0.1))}:host([color=success-10]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--success, #3aa76d)}:host([color=success-10]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--success, #3aa76d)}:host([color=success-20]:not([no-background])) .outer-container{color:var(--success, #3aa76d);background-color:var(--success-20, rgba(58, 167, 109, 0.2))}:host([color=success-20]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--success, #3aa76d)}:host([color=success-20]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--success, #3aa76d)}:host([color=text-color]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--text-color, #807f83)}:host([color=text-color]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=text-color]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=text-color-10]:not([no-background])) .outer-container{color:var(--text-color, #807f83);background-color:var(--text-color-10, rgba(128, 127, 131, 0.1))}:host([color=text-color-10]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--text-color, #807f83)}:host([color=text-color-10]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--text-color, #807f83)}:host([color=text-color-20]:not([no-background])) .outer-container{color:var(--text-color, #807f83);background-color:var(--text-color-20, rgba(128, 127, 131, 0.2))}:host([color=text-color-20]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--text-color, #807f83)}:host([color=text-color-20]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--text-color, #807f83)}:host([color=warning]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--warning, #ed6e33)}:host([color=warning]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=warning]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=warning-10]:not([no-background])) .outer-container{color:var(--warning, #ed6e33);background-color:var(--warning-10, rgba(237, 110, 51, 0.1))}:host([color=warning-10]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--warning, #ed6e33)}:host([color=warning-10]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--warning, #ed6e33)}:host([color=warning-20]:not([no-background])) .outer-container{color:var(--warning, #ed6e33);background-color:var(--warning-20, rgba(237, 110, 51, 0.2))}:host([color=warning-20]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--warning, #ed6e33)}:host([color=warning-20]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--warning, #ed6e33)}:host{--padding:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem);--background-color:unset;display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;white-space:nowrap;border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;margin:0 auto;padding:var(--padding);color:var(--text-color, #807f83);line-height:1.5;background-color:var(--background-color);border-radius:inherit;-webkit-transition:background-color 500ms ease-in-out;transition:background-color 500ms ease-in-out}:host .outer-container ::slotted([slot=start]){margin-right:var(--spacing-04, 0.25rem)}:host .outer-container ::slotted([slot=end]){margin-left:var(--spacing-04, 0.25rem)}:host .outer-container .close-icon{margin-left:var(--spacing-04, 0.25rem)}:host .outer-container.rtl ::slotted([slot=start]){margin-right:0;margin-left:var(--spacing-04, 0.25rem)}:host([hidden]){display:none}:host([size=extra-small]){--padding:var(--spacing-02, 0.125rem) var(--spacing-04, 0.25rem);border-radius:var(--border-radius-04, 0.25rem)}:host(:not([icon])) #main-content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}:host([no-background]){--padding:var(--spacing-04, 0.25rem) 0}:host(.margin){margin-right:var(--spacing-04, 0.25rem);margin-bottom:var(--spacing-04, 0.25rem)}:host(.margin-left){margin-left:var(--spacing-04, 0.25rem)}:host(.fab) .outer-container{-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}:host(.autocomplete-selected) .outer-container #main-content{max-width:inherit}:host([size=small]:not([icon]):not(.menu-item):not([shape=dot])){font-size:var(--font-size-12, 0.75rem)}:host([size=small]:not([icon]):not(.menu-item):not([shape=dot])) .outer-container{min-width:1.5rem;height:1.5rem}:host(.highlight[size=small]:not([icon]):not(.menu-item):not([shape=dot])){font-size:max(var(--font-size-12, 0.75rem), var(--font-size-12, 0.75rem))}:host(.highlight[size=small]:not([icon]):not(.menu-item):not([shape=dot])) .highlight-container{background-color:var(--light, #ffffff);border:0.0625rem solid var(--light, #ffffff)}:host([size=medium]:not([icon]):not(.menu-item):not([shape=dot])){font-size:var(--font-size-16, 1rem)}:host([size=medium]:not([icon]):not(.menu-item):not([shape=dot])) .outer-container{min-width:2rem;height:2rem}:host(.highlight[size=medium]:not([icon]):not(.menu-item):not([shape=dot])){font-size:max(var(--font-size-16, 1rem), var(--font-size-12, 0.75rem))}:host(.highlight[size=medium]:not([icon]):not(.menu-item):not([shape=dot])) .highlight-container{background-color:var(--light, #ffffff);border:0.0625rem solid var(--light, #ffffff)}:host([size=extra-small]:not([icon]):not(.menu-item):not([shape=dot])){font-size:var(--font-size-12, 0.75rem)}:host([size=extra-small]:not([icon]):not(.menu-item):not([shape=dot])) .outer-container{min-width:1rem;height:1rem}:host(.highlight[size=extra-small]:not([icon]):not(.menu-item):not([shape=dot])){font-size:max(var(--font-size-12, 0.75rem), var(--font-size-12, 0.75rem))}:host(.highlight[size=extra-small]:not([icon]):not(.menu-item):not([shape=dot])) .highlight-container{background-color:var(--light, #ffffff);border:0.0625rem solid var(--light, #ffffff)}:host([size=small][icon]) .outer-container{width:1.5rem;height:1.5rem;border-radius:50%}:host([size=medium][icon]) .outer-container{width:2rem;height:2rem;border-radius:50%}:host([size=large][icon]) .outer-container{width:3rem;height:3rem;border-radius:50%}:host([size=extra-large][icon]) .outer-container{width:4rem;height:4rem;border-radius:50%}:host([size=extra-small][icon]) .outer-container{width:1rem;height:1rem;border-radius:50%}:host([size=medium]:not([icon]).menu-item){font-size:var(--font-size-12, 0.75rem)}:host([size=medium]:not([icon]).menu-item) .outer-container{height:2rem}:host([size=medium]:not([icon]).menu-item) .outer-container #main-content{line-height:2}:host([size=medium]:not([icon]).menu-item){font-size:var(--font-size-14, 0.875rem)}:host([size=medium]:not([icon]).menu-item) .outer-container{height:2rem}:host([size=medium]:not([icon]).menu-item) .outer-container #main-content{line-height:2}:host([color=app-color][no-background]) ::slotted(yoo-icon:not([color]):not(.custom)),:host([no-background]) ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--app-color, #5a30f4)}:host([color=app-color][no-background]) .outer-container,:host([no-background]) .outer-container{color:var(--app-color, #5a30f4);background-color:transparent}:host([color=app-color][no-background]) .outer-container yoo-icon:not(.custom),:host([no-background]) .outer-container yoo-icon:not(.custom){fill:var(--app-color, #5a30f4)}:host([color=danger][no-background]) ::slotted(yoo-icon:not([color]):not(.custom)),:host([no-background]) ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--danger, #d44333)}:host([color=danger][no-background]) .outer-container,:host([no-background]) .outer-container{color:var(--danger, #d44333);background-color:transparent}:host([color=danger][no-background]) .outer-container yoo-icon:not(.custom),:host([no-background]) .outer-container yoo-icon:not(.custom){fill:var(--danger, #d44333)}:host([color=warning][no-background]) ::slotted(yoo-icon:not([color]):not(.custom)),:host([no-background]) ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--warning, #ed6e33)}:host([color=warning][no-background]) .outer-container,:host([no-background]) .outer-container{color:var(--warning, #ed6e33);background-color:transparent}:host([color=warning][no-background]) .outer-container yoo-icon:not(.custom),:host([no-background]) .outer-container yoo-icon:not(.custom){fill:var(--warning, #ed6e33)}:host([color=dark][no-background]) ::slotted(yoo-icon:not([color]):not(.custom)),:host([no-background]) ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--dark, #000000)}:host([color=dark][no-background]) .outer-container,:host([no-background]) .outer-container{color:var(--dark, #000000);background-color:transparent}:host([color=dark][no-background]) .outer-container yoo-icon:not(.custom),:host([no-background]) .outer-container yoo-icon:not(.custom){fill:var(--dark, #000000)}:host([color=light][no-background]) ::slotted(yoo-icon:not([color]):not(.custom)),:host([no-background]) ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=light][no-background]) .outer-container,:host([no-background]) .outer-container{color:var(--light, #ffffff);background-color:transparent}:host([color=light][no-background]) .outer-container yoo-icon:not(.custom),:host([no-background]) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=stable][no-background]) ::slotted(yoo-icon:not([color]):not(.custom)),:host([no-background]) ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--stable, #adadad)}:host([color=stable][no-background]) .outer-container,:host([no-background]) .outer-container{color:var(--stable, #adadad);background-color:transparent}:host([color=stable][no-background]) .outer-container yoo-icon:not(.custom),:host([no-background]) .outer-container yoo-icon:not(.custom){fill:var(--stable, #adadad)}:host([color=text-color][no-background]) ::slotted(yoo-icon:not([color]):not(.custom)),:host([no-background]) ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--text-color, #807f83)}:host([color=text-color][no-background]) .outer-container,:host([no-background]) .outer-container{color:var(--text-color, #807f83);background-color:transparent}:host([color=text-color][no-background]) .outer-container yoo-icon:not(.custom),:host([no-background]) .outer-container yoo-icon:not(.custom){fill:var(--text-color, #807f83)}:host([color=accent].inverse-color) .outer-container{color:var(--accent, #276ef1);background:var(--accent-20, rgba(39, 110, 241, 0.2))}:host([color=accent].inverse-color) .outer-container yoo-icon{fill:var(--accent, #276ef1) !important}:host([color=accent].inverse-color).solid yoo-icon{fill:accent}:host([color=app-color].inverse-color) .outer-container{color:var(--app-color, #5a30f4);background:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host([color=app-color].inverse-color) .outer-container yoo-icon{fill:var(--app-color, #5a30f4) !important}:host([color=app-color].inverse-color).solid yoo-icon{fill:app-color}:host([color=danger].inverse-color) .outer-container{color:var(--danger, #d44333);background:var(--danger-20, rgba(212, 67, 51, 0.2))}:host([color=danger].inverse-color) .outer-container yoo-icon{fill:var(--danger, #d44333) !important}:host([color=danger].inverse-color).solid yoo-icon{fill:danger}:host([color=dark].inverse-color) .outer-container{color:var(--dark, #000000);background:var(--dark-20, rgba(0, 0, 0, 0.2))}:host([color=dark].inverse-color) .outer-container yoo-icon{fill:var(--dark, #000000) !important}:host([color=dark].inverse-color).solid yoo-icon{fill:dark}:host([color=energized].inverse-color) .outer-container{color:var(--energized, #ffc043);background:var(--energized-20, rgba(255, 192, 67, 0.2))}:host([color=energized].inverse-color) .outer-container yoo-icon{fill:var(--energized, #ffc043) !important}:host([color=energized].inverse-color).solid yoo-icon{fill:energized}:host([color=stable].inverse-color) .outer-container{color:var(--stable, #adadad);background:var(--stable-20, rgba(173, 173, 173, 0.2))}:host([color=stable].inverse-color) .outer-container yoo-icon{fill:var(--stable, #adadad) !important}:host([color=stable].inverse-color).solid yoo-icon{fill:stable}:host([color=stable-light].inverse-color) .outer-container{color:var(--stable-light, #f1f1f1);background:var(--text-color, #807f83)}:host([color=stable-light].inverse-color) .outer-container yoo-icon{fill:var(--stable-light, #f1f1f1) !important}:host([color=stable-light].inverse-color).solid yoo-icon{fill:stable-light}:host([color=success].inverse-color) .outer-container{color:var(--success, #3aa76d);background:var(--success-20, rgba(58, 167, 109, 0.2))}:host([color=success].inverse-color) .outer-container yoo-icon{fill:var(--success, #3aa76d) !important}:host([color=success].inverse-color).solid yoo-icon{fill:success}:host([color=warning].inverse-color) .outer-container{color:var(--warning, #ed6e33);background:var(--warning-20, rgba(237, 110, 51, 0.2))}:host([color=warning].inverse-color) .outer-container yoo-icon{fill:var(--warning, #ed6e33) !important}:host([color=warning].inverse-color).solid yoo-icon{fill:warning}:host([color=info].inverse-color) .outer-container{color:var(--info, #d84c96);background:var(--info-20, rgba(216, 76, 150, 0.2))}:host([color=info].inverse-color) .outer-container yoo-icon{fill:var(--info, #d84c96) !important}:host([color=info].inverse-color).solid yoo-icon{fill:info}:host([color=warning].inverse-color) .outer-container{color:var(--warning, #ed6e33);background:var(--warning-20, rgba(237, 110, 51, 0.2))}:host([color=warning].inverse-color) .outer-container yoo-icon{fill:var(--warning, #ed6e33) !important}:host([color=warning].inverse-color).solid yoo-icon{fill:warning}";
 
 const YooTagComponent = class {
   constructor(hostRef) {
@@ -60,7 +65,7 @@ const YooTagComponent = class {
     return (index.h("span", { id: "main-content" }, this.icon ? (index.h("yoo-icon", { class: { 'custom': !!this.iconOnlyColor || !!this.customColor }, name: this.icon ? this.icon : 'star', size: this.iconSize, color: this.iconOnlyColor })) : (index.h("slot", null))));
   }
   render() {
-    return (index.h("div", { class: "outer-container", style: this.customStyle() }, this.renderSlot('start'), this.renderMainContent(), this.renderSlot('end')));
+    return (index.h("div", { class: { 'outer-container': true, rtl: overlays.isRTL() }, style: this.customStyle() }, this.renderSlot('start'), this.renderMainContent(), this.renderSlot('end')));
   }
 };
 YooTagComponent.style = tagCss;

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-3f2bca41.js');
+require('./index-ca271bba.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-edf7fda5.js');
-const overlays = require('./overlays-c545c947.js');
-require('./index-f9aace31.js');
+const commonHelpers = require('./common-helpers-e0f8defd.js');
+const overlays = require('./overlays-3067754c.js');
+require('./index-4f7e1f11.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const textSequenceCss = "svg:not(:root){overflow:hidden}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;height:100%;overflow:hidden}:host #view-finder{position:relative;width:100%;height:50%}:host #view-finder #sequences{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem);width:100%}:host #view-finder .sequence{display:grid;max-width:75%;height:var(--max-sequence-height);margin:0 auto;padding:0 var(--spacing-16, 1rem);overflow:auto;color:var(--stable, #adadad);text-align:center;word-break:break-word;-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}:host #view-finder .sequence:not(.overflowing){place-content:center}:host #view-finder .sequence img{display:block}:host #view-finder .sequence *{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;margin:var(--spacing-08, 0.5rem) auto;text-align:center}:host #view-finder .sequence::-webkit-scrollbar{display:none}:host #view-finder .sequence.active{color:var(--dark, #000000);-webkit-transform:scale(1);transform:scale(1)}:host #view-finder .sequence.title{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(50%, var(--light, #ffffff)));background:linear-gradient(0deg, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) 0%, var(--light, #ffffff) 50%)}:host .overlay[placement=bottom]{bottom:0;background:-webkit-gradient(linear, left bottom, left top, color-stop(50%, var(--light, #ffffff)), to(var(--transparent-linear-gradient, rgba(255, 255, 255, 0))));background:linear-gradient(0deg, var(--light, #ffffff) 50%, 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:0}: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)}@-webkit-keyframes scale-up{from{-webkit-transform:translateX(-50%) scale(0);transform:translateX(-50%) scale(0);opacity:0}to{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1);opacity:1}}@keyframes scale-up{from{-webkit-transform:translateX(-50%) scale(0);transform:translateX(-50%) scale(0);opacity:0}to{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1);opacity:1}}:host([animated]) #sequences{-webkit-transition:opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;transition:opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out, opacity 0.5s ease-in-out;transition:transform 0.5s ease-in-out, opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out}:host([animated]) #sequences[hidden]{opacity:0}:host([animated]) yoo-button{-webkit-transform:translateX(-50%) scale(0);transform:translateX(-50%) scale(0);opacity:0;-webkit-transition:opacity 0.25s ease-in-out, -webkit-transform 1s ease-in-out;transition:opacity 0.25s ease-in-out, -webkit-transform 1s ease-in-out;transition:transform 1s ease-in-out, opacity 0.25s ease-in-out;transition:transform 1s ease-in-out, opacity 0.25s ease-in-out, -webkit-transform 1s ease-in-out;-webkit-animation-name:scale-up;animation-name:scale-up;-webkit-animation-duration:0.25s;animation-duration:0.25s;-webkit-animation-delay:0.75s;animation-delay:0.75s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host([animated]) .sequence,:host([animated]) .overlay{-webkit-transition:-webkit-transform 0.25s;transition:-webkit-transform 0.25s;transition:transform 0.25s;transition:transform 0.25s, -webkit-transform 0.25s}";