@yoobic/yobi 8.6.0-2 → 8.6.0-4

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
-const index$1 = require('./index-4cc44897.js');
+const index = require('./index-3bfe7d7a.js');
+require('./index-0b17142a.js');
+const index$1 = require('./index-0e3ef7a3.js');
 require('./lodash-a9050d79.js');
 require('./index-d5115bb4.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -16,8 +16,10 @@ const YooRevealComponent = class {
     index.registerInstance(this, hostRef);
     this.validityChanged = index.createEvent(this, "validityChanged", 7);
     this.inputChanged = index.createEvent(this, "inputChanged", 7);
-    this.validity = false;
     this.cardElements = [];
+    this.values = undefined;
+    this.isVisible = undefined;
+    this.validity = false;
   }
   onVisibleChanged() {
     var _a;

package/dist/cjs/yoo-ripple-effect.cjs.entry.js

@@ -2,16 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
+const index = require('./index-3bfe7d7a.js');
 
 const rippleEffectCss = "svg:not(:root){overflow:hidden}:host{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15);-webkit-mask-image:radial-gradient(white, black);mask-image:radial-gradient(white, black);position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;pointer-events:none}:host div{position:absolute;background-color:var(--color);border-radius:50%;-webkit-transform:scale(0);transform:scale(0);opacity:var(--opacity);-webkit-animation:ripple linear;animation:ripple linear}@-webkit-keyframes ripple{to{-webkit-transform:scale(3);transform:scale(3);opacity:0}}@keyframes ripple{to{-webkit-transform:scale(3);transform:scale(3);opacity:0}}";
 
 const YooRippleEffectComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /**
-     * Duration of ripple effect in milliseconds.
-     */
     this.duration = 1050;
   }
   /**

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
+const index = require('./index-3bfe7d7a.js');
+require('./index-0b17142a.js');
 const lodash = require('./lodash-a9050d79.js');
-const index$1 = require('./index-4cc44897.js');
+const index$1 = require('./index-0e3ef7a3.js');
 require('./index-d5115bb4.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -14,6 +14,7 @@ const salesaiFormulaCss = "svg:not(:root){overflow:hidden}:host .container{margi
 const YooSalesAIFormulaComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.item = undefined;
   }
   componentWillLoad() {
     this.updatePatterns();

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
+const index = require('./index-3bfe7d7a.js');
+require('./index-0b17142a.js');
 const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
-const commonHelpers = require('./common-helpers-859d4168.js');
-const index$1 = require('./index-4cc44897.js');
+const commonHelpers = require('./common-helpers-0fb8b89b.js');
+const index$1 = require('./index-0e3ef7a3.js');
 require('./lodash-a9050d79.js');
 require('./index-d5115bb4.js');
 
@@ -17667,7 +17667,12 @@ const YooScanditComponent = class {
     index.registerInstance(this, hostRef);
     this.scannedSuccess = index.createEvent(this, "scannedSuccess", 7);
     this.scanMode = 'default';
+    this.currentOcrRegex = undefined;
+    this.hasProduct = undefined;
+    this.preventAutoScan = undefined;
+    this.isScannerInit = undefined;
     this.isScanditSupported = true;
+    this.currentScannerMargin = undefined;
   }
   async pauseScanning() {
     var _a, _b;

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
-const index$1 = require('./index-4cc44897.js');
+const index = require('./index-3bfe7d7a.js');
+require('./index-0b17142a.js');
+const index$1 = require('./index-0e3ef7a3.js');
 require('./lodash-a9050d79.js');
 require('./index-d5115bb4.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -17,9 +17,10 @@ const YooScratchCardCreatorComponent = class {
     this.inputChanged = index.createEvent(this, "inputChanged", 7);
     this.translationValueUpdated = index.createEvent(this, "translationValueUpdated", 7);
     var _a, _b;
-    this.value = [];
     this.mainValues = ((_a = this.value) === null || _a === void 0 ? void 0 : _a[0]) || {};
     this.inputValues = ((_b = this.value) === null || _b === void 0 ? void 0 : _b[1]) || {};
+    this.translations = undefined;
+    this.value = [];
   }
   componentWillLoad() {
     this.setTranslatedValue();

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
-require('./index-134dd43d.js');
+const index = require('./index-3bfe7d7a.js');
+require('./index-0b17142a.js');
+require('./index-9424ad0f.js');
 const annotationsHelpers = require('./annotations-helpers-fb554cca.js');
-const index$1 = require('./index-4cc44897.js');
-const localForage = require('./localForage-f9d98472.js');
+const index$1 = require('./index-0e3ef7a3.js');
+const localForage = require('./localForage-4f7bab39.js');
 require('./lodash-a9050d79.js');
 require('./index-d5115bb4.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -20,6 +20,7 @@ const YooScratchCardComponent = class {
     this.validityChanged = index.createEvent(this, "validityChanged", 7);
     this.inputChanged = index.createEvent(this, "inputChanged", 7);
     this.blockMoves = index.createEvent(this, "blockMoves", 7);
+    this.values = undefined;
     this.isVisible = false;
     this.isCanvasLoaded = false;
   }

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

@@ -2,24 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
+const index = require('./index-3bfe7d7a.js');
 
 const YooScrollToButtonComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /**
-      * Choose if the component should render after scrolling or directly
-    */
-    this.displayOnScroll = true;
-    /**
-      * Render the component when the minimum scroll distance is reached
-    */
-    this.minimumScrollDistance = 200;
     this.defaultButtonOptions = {
       color: 'stable-alt',
       shape: 'circular',
       size: 'large'
     };
+    this.options = undefined;
+    this.direction = undefined;
+    this.target = undefined;
+    this.displayOnScroll = true;
+    this.minimumScrollDistance = 200;
+    this.targetScrolledValue = undefined;
   }
   initEventListeners(oldTarget, newTarget) {
     if (oldTarget) {

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
+const index = require('./index-3bfe7d7a.js');
+require('./index-0b17142a.js');
 const lodash = require('./lodash-a9050d79.js');
 const sortable_esm = require('./sortable.esm-00e15691.js');
-const index$1 = require('./index-4cc44897.js');
+const index$1 = require('./index-0e3ef7a3.js');
 require('./index-d5115bb4.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -22,16 +22,6 @@ const YooSectionListComponent = class {
     this.sectionRenamed = index.createEvent(this, "sectionRenamed", 7);
     this.itemClicked = index.createEvent(this, "itemClicked", 7);
     this.autoscroll = index.createEvent(this, "autoscroll", 7);
-    /**
-     * Defines single item actions.
-     */
-    this.itemActions = [];
-    this.disableSortable = false;
-    this.disableBatchActions = false;
-    this.isReadonly = false;
-    this.isViewer = false;
-    this.isPublisher = false;
-    this.isOwner = false;
     this.selectedItems = [];
     this.setSectionListAutoHeightDebounce = lodash.debounce(this.setSectionsAutoHeight, 100).bind(this);
     this.selectedAll = false;
@@ -40,6 +30,20 @@ const YooSectionListComponent = class {
       { text: 'RENAME', icon: 'pen', handler: () => this.onSectionRename() },
       { text: 'DELETE', icon: 'delete', handler: () => this.onSectionDelete() }
     ];
+    this.sections = undefined;
+    this.headers = undefined;
+    this.itemActions = [];
+    this.sectionActions = undefined;
+    this.disableSortable = false;
+    this.disableBatchActions = false;
+    this.countSuffix = undefined;
+    this.icon = undefined;
+    this.isReadonly = false;
+    this.isViewer = false;
+    this.isPublisher = false;
+    this.isOwner = false;
+    this.translations = undefined;
+    this.baseLanguage = undefined;
   }
   get selectedDialogItemEls() {
     var _a, _b;

package/dist/cjs/yoo-segmented-control.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-const index$1 = require('./index-5eb4c510.js');
-const index$2 = require('./index-4cc44897.js');
+const index = require('./index-3bfe7d7a.js');
+const index$1 = require('./index-0b17142a.js');
+const index$2 = require('./index-0e3ef7a3.js');
 require('./lodash-a9050d79.js');
 require('./index-d5115bb4.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -16,8 +16,10 @@ const YooSegmentedControlComponent = class {
     index.registerInstance(this, hostRef);
     this.segmentSelected = index.createEvent(this, "segmentSelected", 7);
     this.values = [];
+    this.readonly = undefined;
     this.size = 'medium';
     this.initialIndex = 0;
+    this.maxWidth = undefined;
     this.animated = true;
     this.selectedIndex = this.initialIndex;
   }

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
-const index$1 = require('./index-4cc44897.js');
+const index = require('./index-3bfe7d7a.js');
+require('./index-0b17142a.js');
+const index$1 = require('./index-0e3ef7a3.js');
 require('./lodash-a9050d79.js');
 require('./index-d5115bb4.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -14,16 +14,17 @@ const sideMenuTreeCss = "svg:not(:root){overflow:hidden}:host{--spacing-bottom:v
 const YooSideMenuTreeComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /**
-     * Max row of item allowed before showing the more button
-     */
+    this.loadMoreNumber = 5;
+    this.mainTitle = undefined;
+    this.subItems = undefined;
     this.truncationNumber = 3;
-    /**
-     * if the content is laready expaned or not
-     */
+    this.itemHandler = undefined;
+    this.bottomActionHandler = undefined;
+    this.selectedItemIndex = undefined;
     this.allowMultiple = false;
+    this.useIconAsSelection = undefined;
     this.selectedIndexes = new Set();
-    this.loadMoreNumber = 5;
+    this.contentExpanded = undefined;
   }
   get shouldTruncate() {
     const subItems = (this.subItems || []).filter((item) => { var _a; return !(!item || ((_a = item === null || item === void 0 ? void 0 : item.badge) === null || _a === void 0 ? void 0 : _a.text) === '0'); });

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
+const index = require('./index-3bfe7d7a.js');
+require('./index-0b17142a.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-859d4168.js');
-const index$1 = require('./index-4cc44897.js');
+const commonHelpers = require('./common-helpers-0fb8b89b.js');
+const index$1 = require('./index-0e3ef7a3.js');
 require('./index-d5115bb4.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -19,19 +19,18 @@ const YooSideMenuComponent = class {
     this.menuCollapsed = index.createEvent(this, "menuCollapsed", 7);
     this.popupClosed = index.createEvent(this, "popupClosed", 7);
     this.logoClicked = index.createEvent(this, "logoClicked", 7);
-    /**
-     * An array for the button options that appear when the user clicks on the footer profile.
-     */
+    this.logoItem = undefined;
+    this.topItems = undefined;
+    this.bottomItems = undefined;
     this.profileFooterOptions = [];
-    /**
-     * An array for the button options that appear when hte user clicks on the help center.
-     */
     this.helpCenterOptions = [];
-    /**
-     * Optional prop to set the collapsed state of the side menu
-     */
+    this.user = undefined;
     this.initialIsMenuCollapsed = false;
+    this.disableCollapse = undefined;
+    this.hideSearch = undefined;
+    this.searchMode = undefined;
     this.isContextMenuOpen = false;
+    this.isMenuCollapsed = undefined;
   }
   async forceUpdate() {
     index.forceUpdate(this);
@@ -94,11 +93,11 @@ const YooSideMenuComponent = class {
     }
   }
   renderTopContainer() {
-    return (index.h("div", { class: "top-container", ref: (el) => (this.topContainerElement = el) }, this.renderHeader(), !this.isMenuCollapsed && this.renderSearchInput(), index.h("slot", { name: "top" }), this.isMenuCollapsed ? this.renderIconOnlyItems(this.topItems, true) : this.renderAccordionItems(this.topItems, false)));
+    return (index.h("div", { class: "top-container", ref: (el) => (this.topContainerElement = el) }, this.renderHeader(), !this.isMenuCollapsed && this.renderSearchInput(), index.h("slot", { name: "top" }), this.isMenuCollapsed ? this.renderIconOnlyItems(this.topItems, true, false, true) : this.renderAccordionItems(this.topItems, false)));
   }
   renderBottomContainer() {
     var _a;
-    return ((this.user || ((_a = this.bottomItems) === null || _a === void 0 ? void 0 : _a.length) > 0) && index.h("div", { class: "bottom-container" }, index.h("div", { class: { 'icon-list': this.isMenuCollapsed } }, this.user && this.renderAvatarContainer(), this.renderIconOnlyItems(this.bottomItems, false, true))));
+    return ((this.user || ((_a = this.bottomItems) === null || _a === void 0 ? void 0 : _a.length) > 0 || !this.disableCollapse) && index.h("div", { class: "bottom-container" }, index.h("div", { class: { 'icon-list': this.isMenuCollapsed } }, this.user && this.renderAvatarContainer(), this.renderIconOnlyItems(this.bottomItems, false, true, false))));
   }
   renderHeader() {
     return this.logoItem && index.h("div", { class: this.isMenuCollapsed ? 'icon-list top-list' : 'header-items' }, this.renderHeaderLogo());
@@ -157,16 +156,16 @@ const YooSideMenuComponent = class {
       })));
     }
   }
-  renderIconOnlyItems(items, addSearchIcon = false, bottomItems = false) {
+  renderIconOnlyItems(items, addSearchIcon = false, bottomItems = false, hideCollapse = false) {
     var _a, _b;
     if (addSearchIcon && !this.hideSearch) {
       items = [{ icon: 'search', text: index$1.translate('SEARCH'), handler: () => this.search.emit() }, ...items];
     }
-    if ((items === null || items === void 0 ? void 0 : items.length) > 0 || ((_a = this.helpCenterOptions) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+    if ((items === null || items === void 0 ? void 0 : items.length) > 0 || ((_a = this.helpCenterOptions) === null || _a === void 0 ? void 0 : _a.length) > 0 || !this.disableCollapse) {
       return (index.h("div", { class: this.isMenuCollapsed ? 'icon-list' : 'icon-row' }, items === null || items === void 0 ? void 0 :
         items.filter((item) => !item.isVisible || item.isVisible() !== false).map((item) => {
           return this.renderIcon(item, bottomItems);
-        }), bottomItems && !addSearchIcon && ((_b = this.helpCenterOptions) === null || _b === void 0 ? void 0 : _b.length) > 0 && this.renderHelpCenter(), bottomItems && !this.disableCollapse && (index.h("div", { class: "icon-container toggle-icon" }, index.h("yoo-icon", { size: "medium", name: this.isMenuCollapsed ? 'side-menu-expand' : 'side-menu-collapse', color: "text-color", onClick: () => this.onCollapseMenuClicked() })))));
+        }), bottomItems && !addSearchIcon && ((_b = this.helpCenterOptions) === null || _b === void 0 ? void 0 : _b.length) > 0 && this.renderHelpCenter(), !hideCollapse && !this.disableCollapse && (index.h("div", { class: "icon-container toggle-icon" }, index.h("yoo-icon", { size: "medium", name: this.isMenuCollapsed ? 'side-menu-expand' : 'side-menu-collapse', color: "text-color", onClick: () => this.onCollapseMenuClicked() })))));
     }
   }
   renderIcon(item, footer) {

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-const index$1 = require('./index-4cc44897.js');
-require('./index-5eb4c510.js');
+const index = require('./index-3bfe7d7a.js');
+const index$1 = require('./index-0e3ef7a3.js');
+require('./index-0b17142a.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-859d4168.js');
-const entitiesHelpers = require('./entities-helpers-068b8cdb.js');
-const formTextAreaHelpers = require('./form-text-area-helpers-3958cea3.js');
+const commonHelpers = require('./common-helpers-0fb8b89b.js');
+const entitiesHelpers = require('./entities-helpers-c34742e8.js');
+const formTextAreaHelpers = require('./form-text-area-helpers-823b0d86.js');
 require('./index-d5115bb4.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -26,39 +26,36 @@ const YooSlidesMediaComponent = class {
     this.tag = index.createEvent(this, "tag", 7);
     this.annotate = index.createEvent(this, "annotate", 7);
     this.slideChanges = index.createEvent(this, "slideChanges", 7);
-    /**
-     * Secondary action, addition functionality passed to a readonly photo editor
-     */
+    this.itemFocused = false;
+    this.isZoomed = false;
+    this.photoEditorElements = [];
+    this.bottomContainerElements = [];
+    this.cardMediaElements = [];
+    this.allowFetchTags = true;
     this.secondaryActions = [];
+    this.canEditPhoto = undefined;
     this.currentSlideIndex = 0;
+    this.items = undefined;
     this.isReadonly = false;
     this.canAnnotate = false;
     this.canFlag = true;
     this.hideCloseButton = false;
     this.showBottomContainer = true;
+    this.isLight = undefined;
+    this.waitForModalLoaded = undefined;
     this.playsinline = true;
+    this.submitPhotoEditorButton = undefined;
+    this.displayType = undefined;
+    this.isAnimationFinished = undefined;
     this.allowOrientation = false;
+    this.currentIndex = undefined;
     this.hideContainer = false;
-    // advance actions states
-    /**
-     * Start tagging photo
-     */
     this.searchMode = 'lastused';
     this.isFirstLoad = true;
-    /**
-     * Start tagging photo
-     */
+    this.mostUsedTags = undefined;
+    this.lastUsedTags = undefined;
     this.isTagging = false;
-    /**
-     * Current search text
-     */
     this.currentText = '';
-    this.itemFocused = false;
-    this.isZoomed = false;
-    this.photoEditorElements = [];
-    this.bottomContainerElements = [];
-    this.cardMediaElements = [];
-    this.allowFetchTags = true;
   }
   onCurrentTextChanged() {
     if (this.currentText && this.currentText !== '') {

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
-const commonHelpers = require('./common-helpers-859d4168.js');
-const index$1 = require('./index-4cc44897.js');
+const index = require('./index-3bfe7d7a.js');
+require('./index-0b17142a.js');
+const commonHelpers = require('./common-helpers-0fb8b89b.js');
+const index$1 = require('./index-0e3ef7a3.js');
 require('./lodash-a9050d79.js');
 require('./index-d5115bb4.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -15,6 +15,9 @@ const startMeetingPopupCss = "svg:not(:root){overflow:hidden}:host .outer-contai
 const YooStartMeetingPopupComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.svgPath = undefined;
+    this.tooltip = undefined;
+    this.extraButtons = undefined;
   }
   closeTooltip() {
     if (this.tooltip) {

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
+const index = require('./index-3bfe7d7a.js');
 const hammerHelpers = require('./hammer-helpers-e8117959.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -17,7 +17,6 @@ const YooSwipeContainerComponent = class {
     this.swipedLeft = index.createEvent(this, "swipedLeft", 7);
     this.panned = index.createEvent(this, "panned", 7);
     this.showSwipeControl = false;
-    // If true can only swipe on the swipe control area
     this.controlOnly = false;
     this.hammerOptions = {};
     this.pan = false;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
+const index = require('./index-3bfe7d7a.js');
 
 const tabsSlidesCss = "svg:not(:root){overflow:hidden}:host{position:relative;width:100%;color:var(--stable-alt, #d0d0d0)}.outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;width:100%;height:6.25rem;overflow:hidden;background:var(--stable-ultralight, #fafafa);-webkit-box-shadow:inset 0 -0.25rem var(--spacing-04, 0.25rem) -0.25rem var(--dark-10, rgba(0, 0, 0, 0.1));box-shadow:inset 0 -0.25rem var(--spacing-04, 0.25rem) -0.25rem var(--dark-10, rgba(0, 0, 0, 0.1))}yoo-ion-slides{width:100%;height:100%}yoo-ion-slide{width:unset !important;max-width:17.5rem}.slide-padding{max-height:var(--spacing-48, 3rem);margin:0 1.5rem;overflow:hidden}.active{color:var(--dark, #000000)}.indicator{position:absolute;bottom:-0.5rem;z-index:1;width:var(--spacing-16, 1rem);height:var(--spacing-16, 1rem);background:var(--light, #ffffff);-webkit-box-shadow:0 0 var(--spacing-04, 0.25rem) var(--dark-10, rgba(0, 0, 0, 0.1));box-shadow:0 0 var(--spacing-04, 0.25rem) var(--dark-10, rgba(0, 0, 0, 0.1));-webkit-transform:rotate(45deg);transform:rotate(45deg)}";
 
@@ -10,14 +10,6 @@ const YooTabsSlidesComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.tabSelected = index.createEvent(this, "tabSelected", 7);
-    /**
-     * Tabs array.
-     */
-    this.tabs = [];
-    /**
-     * Initial index when the tabs is loaded.
-     */
-    this.initialIndex = 0;
     this.currentIndex = 0;
     this.tabElements = [];
     this.tabClicked = (index) => {
@@ -33,6 +25,8 @@ const YooTabsSlidesComponent = class {
       }
       this.setTab(index);
     };
+    this.tabs = [];
+    this.initialIndex = 0;
   }
   /**
    * Navigates to a tab programmatically

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
+const index = require('./index-3bfe7d7a.js');
+require('./index-0b17142a.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-859d4168.js');
-const index$1 = require('./index-4cc44897.js');
+const commonHelpers = require('./common-helpers-0fb8b89b.js');
+const index$1 = require('./index-0e3ef7a3.js');
 require('./index-d5115bb4.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -16,38 +16,6 @@ const YooTabsComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.tabSelected = index.createEvent(this, "tabSelected", 7);
-    /**
-     * Tabs array.
-     */
-    this.tabs = [];
-    /**
-     * Boolean which enables the editable mode.
-     */
-    this.isEditable = false;
-    /**
-     * If false, disables automatic scrolling into view when switching between tabs
-     */
-    this.autoScroll = true;
-    /**
-     * Editable options button array.
-     */
-    this.editableOptions = () => [];
-    /**
-     * Extra tabs array in editable mode.
-     */
-    this.extraTabs = [];
-    /**
-     * If `true`, the user cannot interact with the button.
-     */
-    this.disabled = false;
-    /**
-     * Enable ripple click effect
-     */
-    this.rippleEffect = true;
-    /**
-     * Initial index when the tabs is loaded.
-     */
-    this.initialIndex = 0;
     this.currentIndex = 0;
     this.tabElements = [];
     this.notifElements = [];
@@ -67,6 +35,17 @@ const YooTabsComponent = class {
       this.openedTabs[index] = true;
       this.setTab(index);
     };
+    this.tabs = [];
+    this.isEditable = false;
+    this.autoScroll = true;
+    this.vertical = undefined;
+    this.editableOptions = () => [];
+    this.extraTabs = [];
+    this.disabled = false;
+    this.rippleEffect = true;
+    this.initialIndex = 0;
+    this.showBadges = undefined;
+    this.tabOpenedIndicator = undefined;
   }
   onInitialIndexChanged(newIndex) {
     this.setTab(newIndex);

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
-const index$1 = require('./index-4cc44897.js');
+const index = require('./index-3bfe7d7a.js');
+require('./index-0b17142a.js');
+const index$1 = require('./index-0e3ef7a3.js');
 require('./lodash-a9050d79.js');
 require('./index-d5115bb4.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -20,16 +20,16 @@ const YooTagComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.closed = index.createEvent(this, "closed", 7);
-    /**
-     * Set the size of the tag, can select between small and medium.
-     *
-     * If icon is set, then can change the size to large and extra large as well
-     */
+    this.closable = undefined;
     this.size = 'small';
-    /**
-     * To use as text/icon color instead of the default value, when a custom color has been defined
-     */
+    this.color = undefined;
+    this.icon = undefined;
+    this.noBackground = undefined;
+    this.iconOnlySize = undefined;
+    this.iconOnlyColor = undefined;
+    this.customColor = undefined;
     this.customColorOpacity = 0.1;
+    this.textCustomColor = undefined;
   }
   onClose() {
     this.closed.emit(true);