@yoobic/yobi 8.6.0-2 → 8.6.0-4

package/dist/cjs/yoo-map-gl.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 mapHelpers = require('./map-helpers-79ddd005.js');
-const index$1 = require('./index-4cc44897.js');
+const mapHelpers = require('./map-helpers-4b5d9c03.js');
+const index$1 = require('./index-0e3ef7a3.js');
 require('./index-d5115bb4.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -23,11 +23,6 @@ const YooMapGlComponent = class {
     this.mapLoaded = index.createEvent(this, "mapLoaded", 7);
     this.positionUpdated = index.createEvent(this, "positionUpdated", 7);
     this.fetchData = index.createEvent(this, "fetchData", 7);
-    this.filterGroups = [];
-    this.mapEntry = {};
-    this.markers = [];
-    this.fetchDataMove = false;
-    this.isMaximized = false;
     this.layers = [];
     this.clusterRadius = 50;
     this.clusterCircleSize = 25;
@@ -42,6 +37,12 @@ const YooMapGlComponent = class {
       archived: index$1.getCssColor('dark'),
       pausedmission: index$1.getCssColor('dark')
     };
+    this.markersOnly = undefined;
+    this.filterGroups = [];
+    this.mapEntry = {};
+    this.markers = [];
+    this.fetchDataMove = false;
+    this.isMaximized = false;
   }
   onMarkersChanged() {
     this.initMarkers();

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

@@ -2,12 +2,12 @@
 
 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 mapHelpers = require('./map-helpers-79ddd005.js');
-const index$1 = require('./index-4cc44897.js');
+const commonHelpers = require('./common-helpers-0fb8b89b.js');
+const mapHelpers = require('./map-helpers-4b5d9c03.js');
+const index$1 = require('./index-0e3ef7a3.js');
 require('./index-d5115bb4.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -20,16 +20,16 @@ const YooMapJsComponent = class {
     this.selected = index.createEvent(this, "selected", 7);
     this.mapLoaded = index.createEvent(this, "mapLoaded", 7);
     this.positionUpdated = index.createEvent(this, "positionUpdated", 7);
-    this.mapEntry = {};
-    this.filterGroups = [];
-    this.fetchDataMove = false;
-    this.markers = [];
-    this.isLoading = true;
     this.layers = [];
     this.clusterRadius = 50;
     this.isDestroyed = false;
     this.isLoaded = false;
     this.colorLegends = { available: 'accent', booked: 'warning', validated: 'app-color', rejected: 'danger', tobevalidated: 'info', archived: 'dark' };
+    this.mapEntry = {};
+    this.filterGroups = [];
+    this.fetchDataMove = false;
+    this.markers = [];
+    this.isLoading = true;
   }
   onMarkersChanged() {
     // this.addUnclusteredMarkers((window as any).L);

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
-const commonHelpers = require('./common-helpers-859d4168.js');
-const mapHelpers = require('./map-helpers-79ddd005.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 mapHelpers = require('./map-helpers-4b5d9c03.js');
+const index$1 = require('./index-0e3ef7a3.js');
 require('./lodash-a9050d79.js');
 require('./index-d5115bb4.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -18,6 +18,7 @@ const YooMapLegendComponent = class {
     index.registerInstance(this, hostRef);
     this.filterClicked = index.createEvent(this, "filterClicked", 7);
     this.filterGroups = [];
+    this.legendVisible = undefined;
   }
   componentWillLoad() {
     this.legendColors = mapHelpers.getMapCSSClasses();

package/dist/cjs/yoo-map.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 mapHelpers = require('./map-helpers-79ddd005.js');
-const index$1 = require('./index-4cc44897.js');
+const mapHelpers = require('./map-helpers-4b5d9c03.js');
+const index$1 = require('./index-0e3ef7a3.js');
 require('./index-d5115bb4.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -23,8 +23,14 @@ const YooMapComponent = class {
     this.useCopyAddress = index.createEvent(this, "useCopyAddress", 7);
     this.mapLoaded = index.createEvent(this, "mapLoaded", 7);
     this.mapPositionUpdated = index.createEvent(this, "mapPositionUpdated", 7);
+    this.markers = undefined;
+    this.markersOnly = undefined;
     this.useCluster = false;
+    this.currentLanguage = undefined;
     this.position = { longitude: 2.352222, latitude: 48.856614 };
+    this.minZoom = undefined;
+    this.maxZoom = undefined;
+    this.groupBy = undefined;
     this.showFullscreenControl = false;
     this.showLegend = false;
     this.filterGroups = [];
@@ -40,11 +46,13 @@ const YooMapComponent = class {
     this.showControls = true;
     this.showDirections = false;
     this.disableZoom = false;
+    this.icon = undefined;
     this.mapEntry = {};
     this.isModal = false;
     this.showGetDirectionsButton = false;
     this.isGridMap = false;
     this.gridMapCardCollapsed = true;
+    this.zoom = undefined;
     this.forceReRender = false;
     this.isChinese = false;
   }

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
-const localForage = require('./localForage-f9d98472.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 localForage = require('./localForage-4f7bab39.js');
+const commonHelpers = require('./common-helpers-0fb8b89b.js');
+const index$1 = require('./index-0e3ef7a3.js');
 require('./lodash-a9050d79.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-d5115bb4.js');
@@ -16,13 +16,10 @@ const markdownCss = "/*!\n * froala_editor v4.0.14 (https://www.froala.com/wysiw
 const YooMarkdownComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.treatedContent = this.content;
     this.linkPreviews = [];
-    /**
-     * The markdown content to display inside the component
-     */
     this.content = '';
     this.isVisible = true;
-    this.treatedContent = this.content;
   }
   onContentChanged() {
     this.treatedContent = this.content;

package/dist/cjs/yoo-memo-list-dialog.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,6 +16,8 @@ const YooMemoListDialogComponent = class {
     index.registerInstance(this, hostRef);
     this.memoEdit = index.createEvent(this, "memoEdit", 7);
     this.usersView = index.createEvent(this, "usersView", 7);
+    this.memo = undefined;
+    this.type = undefined;
   }
   showDeleteAlert(memo) {
     const title = index$1.translate('DELETE');

package/dist/cjs/yoo-memo-list.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');
@@ -21,10 +21,15 @@ const YooMemoListComponent = class {
     this.memoSelect = index.createEvent(this, "memoSelect", 7);
     this.memoDelete = index.createEvent(this, "memoDelete", 7);
     this.usersView = index.createEvent(this, "usersView", 7);
+    this.MAX_LINE_HEIGHT = 30;
+    this.memos = undefined;
+    this.modalHost = undefined;
+    this.type = undefined;
     this.collapsed = false;
     this.showEllipsis = false;
+    this.selectedMemoIndex = undefined;
     this.numberOfMemosToRender = 20;
-    this.MAX_LINE_HEIGHT = 30;
+    this.showLoader = undefined;
   }
   onInfiniteScroll() {
     if (this.numberOfMemosToRender < this.memos.length) {

package/dist/cjs/yoo-mention-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');
@@ -15,9 +15,7 @@ const YooMentionTagComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.clicked = index.createEvent(this, "clicked", 7);
-    /**
-     * Display link using inapp browser
-     */
+    this.preventUserView = undefined;
     this.target = '_system';
   }
   get isURL() {

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

@@ -2,12 +2,12 @@
 
 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 missionsHelpers = require('./missions-helpers-707127d4.js');
-const commonHelpers = require('./common-helpers-859d4168.js');
-const index$1 = require('./index-4cc44897.js');
+const missionsHelpers = require('./missions-helpers-19173889.js');
+const commonHelpers = require('./common-helpers-0fb8b89b.js');
+const index$1 = require('./index-0e3ef7a3.js');
 require('./index-d5115bb4.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -38,8 +38,32 @@ const YooMissionDetailsComponent = class {
     this.selectAudience = index.createEvent(this, "selectAudience", 7);
     this.selectUser = index.createEvent(this, "selectUser", 7);
     this.selectValidator = index.createEvent(this, "selectValidator", 7);
+    this.mission = undefined;
+    this.missionTodos = undefined;
+    this.progress = undefined;
+    this.distance = undefined;
+    this.serviceSlides = undefined;
+    this.slidesNumber = undefined;
+    this.photosNumber = undefined;
+    this.questionsNumber = undefined;
+    this.charts = undefined;
+    this.networkScore = undefined;
+    this.hasAudit = undefined;
+    this.taskCount = undefined;
+    this.unsatisfactoryCount = undefined;
+    this.satisfactoryCount = undefined;
+    this.nonapplicableCount = undefined;
+    this.audienceUsers = undefined;
+    this.isTodoCampaign = undefined;
+    this.isPreview = undefined;
+    this.isResult = undefined;
+    this.isPdf = undefined;
+    this.actions = undefined;
+    this.extraActions = undefined;
+    this.disabled = undefined;
     this.animated = true;
     this.instant = false;
+    this.originalMission = undefined;
   }
   get isTodoMission() {
     var _a;

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
-const missionsHelpers = require('./missions-helpers-707127d4.js');
-const commonHelpers = require('./common-helpers-859d4168.js');
-const missionLockedBanner = require('./mission-locked-banner-378f1284.js');
-const index$1 = require('./index-4cc44897.js');
+const index = require('./index-3bfe7d7a.js');
+require('./index-0b17142a.js');
+const missionsHelpers = require('./missions-helpers-19173889.js');
+const commonHelpers = require('./common-helpers-0fb8b89b.js');
+const missionLockedBanner = require('./mission-locked-banner-a20cf11f.js');
+const index$1 = require('./index-0e3ef7a3.js');
 require('./lodash-a9050d79.js');
 require('./index-d5115bb4.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -18,6 +18,9 @@ const YooMissionHeadingComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.animated = true;
+    this.mission = undefined;
+    this.progress = undefined;
+    this.isPdf = undefined;
   }
   async updateHeader() {
     index.forceUpdate(this);

package/dist/cjs/yoo-mission-score.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,6 +17,10 @@ const YooMissionScoreComponent = class {
     this.showScoreChart = index.createEvent(this, "showScoreChart", 7);
     this.missionScoringCardProgressConfig = [];
     this.showMissionScoringViewDetails = false;
+    this.isPdf = undefined;
+    this.networkScore = undefined;
+    this.header = undefined;
+    this.charts = undefined;
   }
   onCardProgressClickAction(ev) {
     if (ev && ev.detail) {

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
-const operationHelpers = require('./operation-helpers-6ecdcfcd.js');
-const index$1 = require('./index-4cc44897.js');
+const index = require('./index-3bfe7d7a.js');
+require('./index-0b17142a.js');
+const operationHelpers = require('./operation-helpers-bbab9944.js');
+const index$1 = require('./index-0e3ef7a3.js');
 require('./lodash-a9050d79.js');
 require('./index-d5115bb4.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -18,6 +18,13 @@ const YooMissionTodoComponent = class {
     this.assignTask = index.createEvent(this, "assignTask", 7);
     this.scheduleTask = index.createEvent(this, "scheduleTask", 7);
     this.updateTask = index.createEvent(this, "updateTask", 7);
+    this.mission = undefined;
+    this.currentUser = undefined;
+    this.isTodoCampaign = undefined;
+    this.slidesTodo = undefined;
+    this.readonly = undefined;
+    this.isPreview = undefined;
+    this.isPdf = undefined;
     this.animated = true;
   }
   async forceUpdate() {

package/dist/cjs/yoo-mobile-tabbar-more.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');
@@ -15,6 +15,8 @@ const YooMobileTabbarMoreComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.itemClicked = index.createEvent(this, "itemClicked", 7);
+    this.items = undefined;
+    this.search = undefined;
   }
   render() {
     const items = this.items ? [...this.items.filter((_, index) => index % 2 === 0), ...this.items.filter((_, index) => index % 2 === 1)] : [];

package/dist/cjs/yoo-mobile-tabbar.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
+const index = require('./index-3bfe7d7a.js');
 const index$1 = require('./index-d5115bb4.js');
-require('./index-5eb4c510.js');
+require('./index-0b17142a.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-859d4168.js');
-const index$2 = require('./index-4cc44897.js');
+const commonHelpers = require('./common-helpers-0fb8b89b.js');
+const index$2 = require('./index-0e3ef7a3.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const mobileTabbarCss = "svg:not(:root){overflow:hidden}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;height:3rem;background:var(--light-10, rgba(255, 255, 255, 0.1));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .outer-container .item-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;width:100%;min-width:48px;padding-top:0.4875rem;overflow:hidden;color:var(--stable, #adadad)}:host .outer-container .item-container .text-container{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}:host .outer-container .item-container.active .icon-container yoo-icon{fill:var(--app-color, #5a30f4)}:host .outer-container .item-container.active .text-container{color:var(--app-color, #5a30f4);text-align:center}:host .outer-container .item-container .icon-container{position:relative;max-height:22px;margin-bottom:-5px}:host .outer-container .item-container .icon-container yoo-badge{position:absolute;top:-2px;right:-5px}:host .outer-container .item-container .text{padding:0 var(--spacing-08, 0.5rem);font-size:var(--font-size-12, 0.75rem)}:host(.iphone-x) .outer-container,:host(.ipad-pro) .outer-container{-ms-flex-align:start;align-items:flex-start;height:73px !important}:host(.iphone-x) .outer-container .item-container,:host(.ipad-pro) .outer-container .item-container{-ms-flex-pack:initial !important;justify-content:initial !important;height:100%}:host(.hidden){display:none}";
@@ -17,9 +17,10 @@ const YooMobileTabbarComponent = class {
     index.registerInstance(this, hostRef);
     this.tabChanged = index.createEvent(this, "tabChanged", 7);
     this.currentTabClicked = index.createEvent(this, "currentTabClicked", 7);
+    this.isBusy = false;
+    this.items = undefined;
     this.maxTabs = 5;
     this.activeIndex = 0;
-    this.isBusy = false;
   }
   async setActiveIcon(index) {
     this.activeIndex = index;

package/dist/cjs/yoo-modal-controller.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-const overlays = require('./overlays-bfb7e8cb.js');
-require('./index-5eb4c510.js');
-require('./index-4cc44897.js');
+const index = require('./index-3bfe7d7a.js');
+const overlays = require('./overlays-adcbe239.js');
+require('./index-0b17142a.js');
+require('./index-0e3ef7a3.js');
 require('./index-d5115bb4.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./lodash-a9050d79.js');

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

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
+const index = require('./index-3bfe7d7a.js');
 const index$2 = require('./index-d5115bb4.js');
-require('./index-5eb4c510.js');
+require('./index-0b17142a.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-859d4168.js');
-const overlays = require('./overlays-bfb7e8cb.js');
-const theme = require('./theme-f0f32a47.js');
-const modalAnimations = require('./modal-animations-ff09b2b2.js');
-const index$1 = require('./index-4cc44897.js');
+const commonHelpers = require('./common-helpers-0fb8b89b.js');
+const overlays = require('./overlays-adcbe239.js');
+const theme = require('./theme-69d17e09.js');
+const modalAnimations = require('./modal-animations-5f03ea6e.js');
+const index$1 = require('./index-0e3ef7a3.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 async function attachComponent(delegate, container, component, cssClasses, componentProps) {
@@ -63,31 +63,6 @@ const YooModalComponent = class {
     this.willPresent = index.createEvent(this, "modalWillPresent", 7);
     this.willDismiss = index.createEvent(this, "modalWillDismiss", 7);
     this.didDismiss = index.createEvent(this, "modalDidDismiss", 7);
-    /**
-     * If set to true, the modal will show a right and left arrow,
-     * To be navigable, a modal must contain slides inside
-     */
-    this.navigable = false;
-    this.keyboardClose = true;
-    /**
-     * If true, the modal will be dismissed when the backdrop is clicked. Defaults to `true`.
-     */
-    this.enableBackdropDismiss = true;
-    /**
-     * If true, a backdrop will be displayed behind the modal. Defaults to `true`.
-     */
-    this.showBackdrop = true;
-    /**
-     * If true, the modal will animate. Defaults to `true`.
-     */
-    this.animated = true;
-    /**
-     * will determine if the modal is closable by a swipe action
-     */
-    this.swipeRightToClose = false;
-    this.displayFullscreenButton = true;
-    this.fullscreen = false;
-    this.dragEnabled = false;
     this.presented = false;
     this.hasPresented = false;
     this.arrowElements = [];
@@ -106,6 +81,28 @@ const YooModalComponent = class {
         this.setFullscreen();
       }
     };
+    this.navigable = false;
+    this.waitForContentLoaded = undefined;
+    this.enterAnimation = undefined;
+    this.leaveAnimation = undefined;
+    this.overlayId = undefined;
+    this.delegate = undefined;
+    this.keyboardClose = true;
+    this.component = undefined;
+    this.componentProps = undefined;
+    this.componentInstance = undefined;
+    this.cssClass = undefined;
+    this.enableBackdropDismiss = true;
+    this.forceCustomAnimationOnWeb = undefined;
+    this.showBackdrop = true;
+    this.animated = true;
+    this.swipeRightToClose = false;
+    this.displayFullscreenButton = true;
+    this.watermarkLogo = undefined;
+    this.modalEnterAnimationDuration = undefined;
+    this.modalLeaveAnimationDuration = undefined;
+    this.fullscreen = false;
+    this.dragEnabled = false;
   }
   get customHeight() {
     var _a;
@@ -201,14 +198,14 @@ const YooModalComponent = class {
    * Present the modal overlay after it has been created.
    */
   async present() {
-    var _a;
+    var _a, _b, _c;
     const getComponentTag = () => this.component instanceof HTMLElement && this.component.tagName;
     const isAutocompleteDialog = getComponentTag() === 'YOO-FORM-AUTOCOMPLETE-DIALOG';
     const isPhotoEditor = getComponentTag() === 'YOO-PHOTO-EDITOR';
-    const isHalfSize = this.componentProps.half;
-    const coeffHalf = 1 - (this.componentProps.coeffHalf || 0.5);
+    const isHalfSize = (_a = this.componentProps) === null || _a === void 0 ? void 0 : _a.half;
+    const coeffHalf = 1 - (((_b = this.componentProps) === null || _b === void 0 ? void 0 : _b.coeffHalf) || 0.5);
     this.modalYPosition = isHalfSize ? this.customHeight * coeffHalf : 0;
-    const isFromBottom = ((_a = this.finalEnterAnimation) === null || _a === void 0 ? void 0 : _a.includes('slideYEnterAnimation')) && this.component instanceof HTMLElement && !isAutocompleteDialog;
+    const isFromBottom = ((_c = this.finalEnterAnimation) === null || _c === void 0 ? void 0 : _c.includes('slideYEnterAnimation')) && this.component instanceof HTMLElement && !isAutocompleteDialog;
     const isContextMenu = this.isMode('context-menu') || this.isMode('language-selector');
     const allowScaleEffect = index$1.isWeb(this.host) && !this.isMode('quickview') && !this.isMode('transparent');
     const allowFadeInContent = (this.waitForContentLoaded || allowScaleEffect) && !isContextMenu && !this.isMode('no-fade-in');
@@ -458,12 +455,14 @@ const YooModalComponent = class {
     return this.finalLeaveAnimation.includes(animationType);
   }
   clearFocusing() {
-    if (document.activeElement != document.body) {
-      document.activeElement.blur();
+    var _a;
+    if (document.activeElement !== document.body) {
+      (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.blur();
     }
   }
   getModalHeight() {
-    switch (this.componentProps.height) {
+    var _a;
+    switch ((_a = this.componentProps) === null || _a === void 0 ? void 0 : _a.height) {
       case 'small':
         return '33.33%';
       case 'medium':
@@ -483,7 +482,7 @@ const YooModalComponent = class {
     return this.getModalDimension('height');
   }
   getModalDimension(name) {
-    if (/^[0-9]+([.][0-9]+)?(px|rem)$/.test(this.componentProps[name])) {
+    if (this.componentProps && /^[0-9]+([.][0-9]+)?(px|rem)$/.test(this.componentProps[name])) {
       return this.componentProps[name];
     }
   }
@@ -557,7 +556,7 @@ const YooModalComponent = class {
     return (index.h("div", { ref: (el) => (this.dialogElement = el), role: "dialog", class: dialogClasses, style: dialogStyle }, isPreview && isProfilePreview && [index.h("div", { class: "fade-overlay top" }), index.h("div", { class: "fade-overlay bottom" })]));
   }
   render() {
-    var _a;
+    var _a, _b, _c;
     const zIndexStyle = { zIndex: this.zIndexOverlay };
     return (index.h(index.Host, { style: zIndexStyle, "no-router": true, class: {
         ...theme.createThemedClasses(undefined, 'modal'),
@@ -567,15 +566,15 @@ const YooModalComponent = class {
         safari: index$1.isSafari(),
         offline: index$1.isOffline() && !index$1.isIphoneX(),
         'offline-iphone-x': index$1.isOffline() && index$1.isIphoneX(),
-        half: this.componentProps.half,
+        half: (_a = this.componentProps) === null || _a === void 0 ? void 0 : _a.half,
         'swipe-to-close': this.swipeRightToClose,
         navigable: this.navigable,
-        'webpart': (_a = index$1.getSession()) === null || _a === void 0 ? void 0 : _a.isWebPart
+        'webpart': (_b = index$1.getSession()) === null || _b === void 0 ? void 0 : _b.isWebPart
       } }, this.showBackdrop && (index.h("div", { ref: (el) => (this.overlay = el), class: "overlay", style: { 'z-index': this.zIndexOverlay }, onClick: (ev) => this.onOverlayDismissClick(ev) })), this.swipeRightToClose ? index.h("yoo-swipe-container", { onSwipedRight: () => this.closeModal() }, this.renderDialog()) : this.renderDialog(), index$1.isWeb(this.host) &&
       this.navigable &&
       ['left', 'right'].map((direction, index$1) => {
         return (index.h("div", { onClick: () => this.onArrowClick(direction), ref: (el) => (this.arrowElements[index$1] = el), style: zIndexStyle, class: `arrow-container ${direction}` }, index.h("yoo-icon", { size: "extra-large", color: "light", name: direction })));
-      }), this.componentProps && this.componentProps.half && this.renderHalfModal()));
+      }), ((_c = this.componentProps) === null || _c === void 0 ? void 0 : _c.half) && this.renderHalfModal()));
   }
   get host() { return index.getElement(this); }
 };

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

@@ -2,11 +2,11 @@
 
 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 = require('./index-3bfe7d7a.js');
+require('./index-0b17142a.js');
+const commonHelpers = require('./common-helpers-0fb8b89b.js');
 const dimensionsHelpers = require('./dimensions-helpers-54685523.js');
-const index$1 = require('./index-4cc44897.js');
+const index$1 = require('./index-0e3ef7a3.js');
 require('./lodash-a9050d79.js');
 require('./index-d5115bb4.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -16,17 +16,8 @@ const navbarCss = "svg:not(:root){overflow:hidden}:host{--top-container-min-heig
 const YooNavbarComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /**
-     * If `true` the title will be centered.
-     */
     this.centerTitle = true;
-    /**
-     * If `true` the navbar will have an extra height for the user to swipe up
-     */
     this.swipeable = false;
-    /**
-     * If `true`, CSS grid will be used.
-     */
     this.grid = false;
   }
   resetCenterStyles() {