@yoobic/yobi 8.6.0-3 → 8.6.0-5

package/dist/esm/yoo-incentive-detail.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, f as forceUpdate, e as Host, g as getElement } from './index-a6a92b3d.js';
-import { k as IncentiveType } from './index-847a32fd.js';
-import './index-e08fecc9.js';
-import { d as dateRangeState, g as getAppContext } from './common-helpers-73accd43.js';
-import { c as getParticipant, g as getUserScore, b as getProgressText, d as getTotalSalesBreakdown, e as getIncentiveStatusBadgeSettings, a as getPositionText } from './incentive-helpers-b6963a8f.js';
-import { a8 as getSession, c5 as getIncentiveTargetHighestMilestone, aa as appendIncentiveUnit, aW as gsapTo, t as translate, H as isWeb, ao as dateFormat, c6 as getIncentiveProgressBase, c7 as getIncentiveProgressOf, c8 as getIncentiveProgress } from './index-44691ffd.js';
+import { r as registerInstance, h, f as forceUpdate, e as Host, g as getElement } from './index-22891abe.js';
+import { k as IncentiveType } from './index-dac754e1.js';
+import './index-590d30dd.js';
+import { d as dateRangeState, g as getAppContext } from './common-helpers-2a9aacec.js';
+import { c as getParticipant, g as getUserScore, b as getProgressText, d as getTotalSalesBreakdown, e as getIncentiveStatusBadgeSettings, a as getPositionText } from './incentive-helpers-d578fc3a.js';
+import { a8 as getSession, c5 as getIncentiveTargetHighestMilestone, aa as appendIncentiveUnit, aW as gsapTo, t as translate, H as isWeb, ao as dateFormat, c6 as getIncentiveProgressBase, c7 as getIncentiveProgressOf, c8 as getIncentiveProgress } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
 import './_commonjsHelpers-f4d11124.js';
 
@@ -14,6 +14,10 @@ const YooIncentiveDetailComponent = class {
     registerInstance(this, hostRef);
     this.groups = [];
     this.targets = [];
+    this.salesBreakdown = undefined;
+    this.kpiChartConfig = undefined;
+    this.incentive = undefined;
+    this.showManagerView = undefined;
   }
   onIncentiveChanged() {
     this.init();

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

@@ -1,10 +1,12 @@
-import { r as registerInstance, h } from './index-a6a92b3d.js';
+import { r as registerInstance, h } from './index-22891abe.js';
 
 const infoTextCss = "svg:not(:root){overflow:hidden}:host{--info-text-color:var(--text-color, #807f83)}:host .outer-container{display:-ms-flexbox;display:flex;padding:0.5rem 1rem;color:var(--info-text-color);font-size:var(--font-size-16, 1rem)}:host yoo-icon{margin:auto 0.5rem}:host(.no-padding-bottom) .outer-container{padding-bottom:0}:host(.no-padding-horizontal) .outer-container{padding-right:0;padding-left:0}:host(.margin-bottom) .outer-container{border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-40, rgba(173, 173, 173, 0.4))}:host(.no-padding) .outer-container{padding:0}";
 
 const YooInfoTextComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.text = undefined;
+    this.icon = undefined;
   }
   render() {
     return h("div", { class: "outer-container" }, this.icon && h("yoo-icon", { name: this.icon, size: "small", color: "stable" }), this.text || '');

package/dist/esm/yoo-input-bar.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, i as createEvent, h, e as Host$1, g as getElement } from './index-a6a92b3d.js';
-import { g as getPicture, P as PictureSourceType, M as MediaType, a as getVideoDevices, b as getVideo, i as importMultipleFromLibrary, s as showAudioRecorder, c as MediaCapture } from './camera-helpers-83dcb23e.js';
-import { c9 as filter, ca as not, cb as raceWith, cc as argsOrArgArray, cd as Subject, ce as Subscription, cf as Observable, cg as merge$1, ch as share, ci as process_1, cj as fromEvent, _ as __extends, aW as gsapTo, k as isNullOrUndefined, H as isWeb, I as debounce, W as getAsyncExtraData, ck as getMediaType, ak as isVideo, cl as isMedia, cm as isBase64, N as isIOS, o as isNativeMobile, cn as File, t as translate, co as showActionSheet, cp as hasWebCam, aj as showAlert, G as showModal, F as getModalAnimation, cq as replaceAndGetAllLinks, am as isImage, cr as addFilePrefix, cs as read, w as closeModal, ct as keepAwake, cu as moveToImageDirectory, a8 as getSession, cv as vibrateHapticMedium, aI as hideKeyboard, p as isAndroid, ac as getUserDisplayName } from './index-44691ffd.js';
-import { V as MessageInput, M as MessageType, X as IFileUploadAcceptMode } from './index-847a32fd.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, i as createEvent, h, e as Host$1, g as getElement } from './index-22891abe.js';
+import { g as getPicture, P as PictureSourceType, M as MediaType, a as getVideoDevices, b as getVideo, i as importMultipleFromLibrary, s as showAudioRecorder, c as MediaCapture } from './camera-helpers-254ab5fb.js';
+import { c9 as filter, ca as not, cb as raceWith, cc as argsOrArgArray, cd as Subject, ce as Subscription, cf as Observable, cg as merge$1, ch as share, ci as process_1, cj as fromEvent, _ as __extends, aW as gsapTo, k as isNullOrUndefined, H as isWeb, I as debounce, W as getAsyncExtraData, ck as getMediaType, ak as isVideo, cl as isMedia, cm as isBase64, N as isIOS, o as isNativeMobile, cn as File, t as translate, co as showActionSheet, cp as hasWebCam, aj as showAlert, G as showModal, F as getModalAnimation, cq as replaceAndGetAllLinks, am as isImage, cr as addFilePrefix, cs as read, w as closeModal, ct as keepAwake, cu as moveToImageDirectory, a8 as getSession, cv as vibrateHapticMedium, aI as hideKeyboard, p as isAndroid, ac as getUserDisplayName } from './index-97f4ed07.js';
+import { V as MessageInput, M as MessageType, X as IFileUploadAcceptMode } from './index-dac754e1.js';
+import './index-590d30dd.js';
 import { a as isNumber, n as compact, i as isArray } from './lodash-777f91de.js';
-import { e as showPhotoEditor, f as sanitizeHTML, g as getAppContext } from './common-helpers-73accd43.js';
+import { e as showPhotoEditor, f as sanitizeHTML, g as getAppContext } from './common-helpers-2a9aacec.js';
 import './_commonjsHelpers-f4d11124.js';
 
 function partition(predicate, thisArg) {
@@ -16,7 +16,7 @@ function race(...args) {
 }
 
 /**
- * @license Angular v14.2.7
+ * @license Angular v14.2.8
  * (c) 2010-2022 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -7248,7 +7248,7 @@ class Version {
 /**
  * @publicApi
  */
-const VERSION = new Version('14.2.7');
+const VERSION = new Version('14.2.8');
 
 /**
  * @license
@@ -30374,9 +30374,18 @@ const YooInputBarComponent = class {
     this.iconClicked = createEvent(this, "iconClicked", 7);
     this.mediaLoading = createEvent(this, "mediaLoading", 7);
     this.dismissReplyClicked = createEvent(this, "dismissReplyClicked", 7);
-    /**
-     * Left icon of the input bar, can be an avatar/icon
-     */
+    this.linkPreviews = [];
+    // Default configs
+    this.defaultInputMaximum = 1;
+    this.defaultActionIconMap = {
+      [MessageInput.video]: 'videocamera',
+      [MessageInput.audio]: 'microphone',
+      [MessageInput.document]: 'attachment',
+      [MessageInput.gif]: 'gif',
+      [MessageInput.gallery]: 'photo-library',
+      [MessageInput.camera]: 'camera'
+    };
+    this.quickReactions = ['🔥', '❤️', '👏', '🎉', '⚡️', '😂', '😢', '💯'];
     this.captureIconSettings = {
       icon: 'plus'
     };
@@ -30389,28 +30398,18 @@ const YooInputBarComponent = class {
         [MessageInput.camera]: true
       }
     };
-    /**
-     * Initial placeholder
-     */
+    this.value = undefined;
     this.placeholder = 'ADDCOMMENT';
-    /**
-     * Send action text
-     */
     this.actionText = 'YOOBICSEND';
+    this.advancedOptions = undefined;
+    this.mentionConfigs = undefined;
     this.focused = false;
+    this.fileCaptureSettings = undefined;
+    this.showBottomDialog = undefined;
     this.currentTabIndex = 0;
-    this.linkPreviews = [];
-    // Default configs
-    this.defaultInputMaximum = 1;
-    this.defaultActionIconMap = {
-      [MessageInput.video]: 'videocamera',
-      [MessageInput.audio]: 'microphone',
-      [MessageInput.document]: 'attachment',
-      [MessageInput.gif]: 'gif',
-      [MessageInput.gallery]: 'photo-library',
-      [MessageInput.camera]: 'camera'
-    };
-    this.quickReactions = ['🔥', '❤️', '👏', '🎉', '⚡️', '😂', '😢', '💯'];
+    this.screenWidth = undefined;
+    this.hasTextInside = undefined;
+    this.replyChatMessage = undefined;
   }
   onHideBottomDialog() {
     if (this.showBottomDialog) {
@@ -30711,7 +30710,12 @@ const YooInputBarComponent = class {
       if ((devices === null || devices === void 0 ? void 0 : devices.length) > 0) {
         let webcam = document.createElement('yoo-form-capture-webcam-dialog');
         webcam.device = devices[0];
-        const ret = await showModal(webcam, {}, '', getModalAnimation('Enter', 'X', { host: this.host, reversedSlide: true }), getModalAnimation('Leave', 'X', { host: this.host, reversedSlide: true }), true);
+        const ret = await showModal({
+          component: webcam,
+          enterAnimation: getModalAnimation('Enter', 'X', { host: this.host, reversedSlide: true }),
+          leaveAnimation: getModalAnimation('Leave', 'X', { host: this.host, reversedSlide: true }),
+          showBackdrop: true
+        });
         if (ret === null || ret === void 0 ? void 0 : ret.data) {
           await this.onHandleMediaInput(ret.data, MessageType.photo);
         }

package/dist/esm/yoo-ion-alert-controller.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance } from './index-a6a92b3d.js';
-import { r as removeLastOverlay, c as createOverlay, d as dismissOverlay } from './overlays-b54e5875.js';
-import './index-e08fecc9.js';
-import './index-44691ffd.js';
-import './index-847a32fd.js';
+import { r as registerInstance } from './index-22891abe.js';
+import { r as removeLastOverlay, c as createOverlay, d as dismissOverlay } from './overlays-be5146f5.js';
+import './index-590d30dd.js';
+import './index-97f4ed07.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 import './lodash-777f91de.js';
 

package/dist/esm/yoo-ion-content.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, l as readTask, f as forceUpdate, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { eJ as isForceScrollbar, X as findParent } from './index-44691ffd.js';
+import { r as registerInstance, i as createEvent, l as readTask, f as forceUpdate, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { eK as isForceScrollbar, X as findParent } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const contentCss = "svg:not(:root){overflow:hidden}.bg-accent{background-color:var(--accent, #276ef1) !important}.accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.bg-app-color{background-color:var(--app-color, #5a30f4) !important}.app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}.bg-danger{background-color:var(--danger, #d44333) !important}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.bg-dark{background-color:var(--dark, #000000) !important}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.bg-energized{background-color:var(--energized, #ffc043) !important}.energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.bg-info{background-color:var(--info, #d84c96) !important}.info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.bg-light{background-color:var(--light, #ffffff) !important}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.bg-stable{background-color:var(--stable, #adadad) !important}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.bg-stable-ultralight{background-color:var(--stable-ultralight, #fafafa) !important}.stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}.bg-success{background-color:var(--success, #3aa76d) !important}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.bg-text-color{background-color:var(--text-color, #807f83) !important}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.bg-warning{background-color:var(--warning, #ed6e33) !important}.warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.bg-wood{background-color:var(--wood, #99644c) !important}.wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}.scroll-inner.full-height{height:100%}:host{--ion-color-base:var(--light, #ffffff);--ion-color-contrast:var(--dark, #000000);--height:100%;--padding-top:0;--padding-bottom:0;--padding-start:0;--padding-end:0;--keyboard-offset:0px;--offset-top:0px;--offset-bottom:0px;position:relative;display:block;-ms-flex:1;flex:1;width:100%;height:var(--height);margin:0 !important;padding:0 !important;font-family:var(--font-family, \"Lato\");contain:layout size style;background-color:var(--light, #ffffff)}:host(.scroll-disabled),yoo-ion-scroll{padding:calc(var(--padding-top) + var(--offset-top)) var(--padding-end) calc(var(--padding-bottom) + var(--keyboard-offset) + var(--offset-bottom)) var(--padding-start)}:host(.ion-color-outer),:host(.outer-content){--ion-color-base:var(--stable-light, #f1f1f1)}::slotted(hr){height:0.55px;background-color:rgba(var(--ion-text-color-rgb), 0.12)}:host(.feed-detail-page){display:-ms-flexbox;display:flex}:host(.feed-detail-page) yoo-ion-scroll{--background-color:var(--dark, #000000)}:host(.manager-insight-page){display:-ms-flexbox;display:flex}:host(.manager-insight-page) yoo-ion-scroll{--background-color:var(--dark, #000000)}:host(.flex){display:-ms-flexbox;display:flex}:host(.scroll-flex) yoo-ion-scroll{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.flex-column){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host(.padding) yoo-ion-scroll{top:1rem;bottom:1rem;left:1rem}:host(.medium-width-scroll){background-color:var(--stable-light, #f1f1f1)}:host(.medium-width-scroll) yoo-ion-scroll{width:30rem;margin-right:auto;margin-left:auto;padding-bottom:6.25rem}:host(.calendar-event.medium){background-color:var(--stable-light, #f1f1f1)}:host(.calendar-event.medium) yoo-ion-scroll{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0 var(--spacing-16, 1rem) var(--spacing-16, 1rem) var(--spacing-16, 1rem)}:host(.bg-dark){background:var(--dark, #000000)}:host(.hidden){display:none}:host(.with-margin) yoo-ion-scroll{margin:var(--spacing-16, 1rem);margin-top:0}";
@@ -12,31 +12,13 @@ const YooIonContentComponent = class {
     registerInstance(this, hostRef);
     this.ionScroll = createEvent(this, "ionScroll", 7);
     this.ionScrollEnd = createEvent(this, "ionScrollEnd", 7);
-    // mode!: Mode;
-    // @Prop() color?: Color;
-    /**
-     * Set the initial scroll top position.
-     * The content must be scrollable (`scrollEnabled` set to `true`).
-     */
+    this.cTop = -1;
+    this.cBottom = -1;
     this.initialScrollTop = 0;
-    /**
-     * If true, the content will scroll behind the headers
-     * and footers. This effect can easily be seen by setting the toolbar
-     * to transparent.
-     */
     this.fullscreen = false;
-    /**
-     * By default `ion-content` uses an `ion-scroll` under the hood to implement scrolling,
-     * if you want to disable the content scrolling for a given page, set this property to `false`.
-     */
+    this.forceOverscroll = undefined;
     this.scrollEnabled = true;
-    /**
-     * Because of performance reasons, ionScroll events are disabled by default, in order to enable them
-     * and start listening from (ionScroll), set this property to `true`.
-     */
     this.scrollEvents = false;
-    this.cTop = -1;
-    this.cBottom = -1;
   }
   onNavChanged() {
     this.resize();

package/dist/esm/yoo-ion-footer.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import { g as getAppContext } from './common-helpers-73accd43.js';
-import './index-44691ffd.js';
-import './index-847a32fd.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-22891abe.js';
+import { g as getAppContext } from './common-helpers-2a9aacec.js';
+import './index-97f4ed07.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 import './lodash-777f91de.js';
-import './index-e08fecc9.js';
+import './index-590d30dd.js';
 
 const footerCss = "svg:not(:root){overflow:hidden}yoo-ion-footer{position:relative;z-index:11;display:block;-ms-flex-order:1;order:1;width:100%}yoo-ion-footer{z-index:1;background:var(--light, #ffffff);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-20, rgba(173, 173, 173, 0.2))}yoo-ion-footer.no-border{border-top:none}yoo-ion-footer.iphone-x:not(.tabbar){padding-bottom:var(--spacing-16, 1rem) !important}";
 

package/dist/esm/yoo-ion-infinite-scroll-content.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { H as isWeb } from './index-44691ffd.js';
+import { r as registerInstance, h, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { H as isWeb } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const infiniteScrollContentCss = "svg:not(:root){overflow:hidden}yoo-ion-infinite-scroll-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;max-height:84px;padding:1rem;text-align:center}.infinite-loading{display:none;width:100%}.infinite-loading-text{margin:4px 32px 0;color:var(--dark, #000000)}.infinite-scroll-loading yoo-ion-infinite-scroll-content>.infinite-loading{display:block}";
@@ -10,10 +10,8 @@ const infiniteScrollContentCss = "svg:not(:root){overflow:hidden}yoo-ion-infinit
 const YooInfiniteScrollContentComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * An animated SVG spinner that shows while loading.
-     */
     this.loadingSpinner = true;
+    this.loadingText = undefined;
   }
   render() {
     return (h("div", { class: "infinite-loading" }, this.loadingSpinner && h("yoo-loader", { size: isWeb(this.host) ? 'small' : 'medium' }), this.loadingText && (h("div", { class: "infinite-loading-text", innerHTML: this.loadingText }))));

package/dist/esm/yoo-ion-infinite-scroll.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, l as readTask, m as writeTask, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { X as findParent } from './index-44691ffd.js';
+import { r as registerInstance, i as createEvent, l as readTask, m as writeTask, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { X as findParent } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const infiniteScrollCss = "svg:not(:root){overflow:hidden}yoo-ion-infinite-scroll{display:none;width:100%}.infinite-scroll-enabled{display:block}";
@@ -11,14 +11,14 @@ const YooIonInfiniteScrollComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.ionInfinite = createEvent(this, "ionInfinite", 7);
-    this.position = 'bottom';
-    this.threshold = '15%';
-    this.disabled = false;
-    this.isLoading = false;
     this.thrPx = 0;
     this.thrPc = 0;
     this.didFire = false;
     this.isBusy = false;
+    this.position = 'bottom';
+    this.threshold = '15%';
+    this.disabled = false;
+    this.isLoading = false;
   }
   /**
    * The threshold distance from the bottom

package/dist/esm/yoo-ion-item-divider.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { c as querySelectorAllDeep } from './common-helpers-73accd43.js';
-import { a as createColorClasses } from './theme-9a8b485f.js';
-import { H as isWeb } from './index-44691ffd.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { c as querySelectorAllDeep } from './common-helpers-2a9aacec.js';
+import { a as createColorClasses } from './theme-f540795a.js';
+import { H as isWeb } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const itemDividerCss = "svg:not(:root){overflow:hidden}:host{--padding-start:0.5rem;--padding-end:0px;--padding-top:0px;--padding-bottom:0px;--divider-font-size:var(--font-size-18, 1.125rem);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0;padding:var(--padding-top) var(--padding-end) var(--padding-bottom) var(--padding-start);z-index:100;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%;min-height:30px;overflow:hidden;color:var(--ion-color-contrast);font-family:var(--font-family, \"Lato\");background-color:var(--ion-color-base)}:host([sticky]){position:-webkit-sticky;position:sticky;top:0}.item-divider-inner{margin:0;padding:0;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;min-height:inherit;overflow:hidden;border:0}.item-divider-wrapper{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;padding-top:var(--spacing-08, 0.5rem);padding-bottom:var(--spacing-04, 0.25rem);overflow:hidden;font-weight:var(--font-weight-700, 700);font-size:var(--divider-font-size);text-overflow:ellipsis}:host(.web){--divider-font-size:var(--font-size-16, 1rem)}";
@@ -12,6 +12,7 @@ const itemDividerCss = "svg:not(:root){overflow:hidden}:host{--padding-start:0.5
 const YooIonItemDividerComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.color = undefined;
   }
   componentDidLoad() {
     // Change the button size to small for each button in the item

package/dist/esm/yoo-ion-item-options.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import { g as getAppContext } from './common-helpers-73accd43.js';
-import './index-44691ffd.js';
-import './index-847a32fd.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-22891abe.js';
+import { g as getAppContext } from './common-helpers-2a9aacec.js';
+import './index-97f4ed07.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 import './lodash-777f91de.js';
-import './index-e08fecc9.js';
+import './index-590d30dd.js';
 
 function isEndSide(win, side) {
   const isRTL = win.document.dir === 'rtl';
@@ -24,10 +24,6 @@ const YooIonItemOptionsComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.ionSwipe = createEvent(this, "ionSwipe", 7);
-    /**
-     * The side the option button should be on. Possible values: `"start"` and `"end"`. Defaults to `"end"`. If you have multiple `ion-item-options`, a side must be provided for each.
-     *
-     */
     this.side = 'end';
   }
   async fireSwipeEvent() {

package/dist/esm/yoo-ion-item-sliding.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-a6a92b3d.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-22891abe.js';
 import { I as ItemSlidingType } from './item-sliding.interface-85f6790e.js';
-import { c as createGesture } from './index-1ec1867a.js';
-import { g as getAppContext } from './common-helpers-73accd43.js';
-import './index-e08fecc9.js';
-import './index-44691ffd.js';
-import './index-847a32fd.js';
+import { c as createGesture } from './index-ad66c896.js';
+import { g as getAppContext } from './common-helpers-2a9aacec.js';
+import './index-590d30dd.js';
+import './index-97f4ed07.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 import './lodash-777f91de.js';
 
@@ -17,12 +17,6 @@ const YooIonItemSlidingComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.ionDrag = createEvent(this, "ionDrag", 7);
-    this.itemSlidingType = ItemSlidingType.swipe;
-    /**
-     * If `true`, the user cannot interact with the sliding-item.
-     */
-    this.disabled = false;
-    this.state = 2 /* SlidingState.Disabled */;
     this.item = null;
     this.openAmount = 0;
     this.initialOpenAmount = 0;
@@ -30,6 +24,9 @@ const YooIonItemSlidingComponent = class {
     this.optsWidthLeftSide = 0;
     this.sides = 0 /* ItemSide.None */;
     this.optsDirty = true;
+    this.itemSlidingType = ItemSlidingType.swipe;
+    this.disabled = false;
+    this.state = 2 /* SlidingState.Disabled */;
   }
   disabledChanged() {
     if (this.gesture) {

package/dist/esm/yoo-ion-item.entry.js

@@ -1,38 +1,31 @@
-import { r as registerInstance, f as forceUpdate, h, e as Host, g as getElement } from './index-a6a92b3d.js';
+import { r as registerInstance, f as forceUpdate, h, e as Host, g as getElement } from './index-22891abe.js';
 import { a as addTapped, r as removeTapped } from './card-list-helpers-4e01192d.js';
-import { c as querySelectorAllDeep, g as getAppContext } from './common-helpers-73accd43.js';
-import { a as createColorClasses, h as hostContext } from './theme-9a8b485f.js';
-import './index-44691ffd.js';
-import './index-847a32fd.js';
+import { c as querySelectorAllDeep, g as getAppContext } from './common-helpers-2a9aacec.js';
+import { a as createColorClasses, h as hostContext } from './theme-f540795a.js';
+import './index-97f4ed07.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 import './lodash-777f91de.js';
-import './index-e08fecc9.js';
+import './index-590d30dd.js';
 
 const itemCss = "svg:not(:root){overflow:hidden}:host{--ion-color-contrast:var(--dark, #000000);--ion-color-tint:var(--stable-ultralight, #fafafa);--ion-color-shade:var(--stable-light, #f1f1f1);--transition:background-color 200ms linear;--padding-entity:0;--padding-content-container-card-list:0;--margin-left-card-placeholder:0;--min-height:44px;--background:transparent;--background-active:var(--ion-color-tint);--color:var(--ion-color-contrast);--detail-push-color:var(--ion-color-shade);--border-radius:0;--border-width:0;--border-style:solid;--border-color:var(--ion-color-shade);--inner-border-width:0;--padding-top:0;--padding-bottom:0;--padding-end:0;--padding-start:0;--inner-padding-top:0;--inner-padding-bottom:0;--inner-padding-start:0;--inner-padding-end:0;--box-shadow:none;--inner-box-shadow:none;--highlight-color-focus:var(--ion-color-primary, #276ef1);--highlight-color-valid:var(--ion-color-success, #3aa76d);--highlight-color-invalid:var(--ion-color-danger, #d44333);--highlight-height:2px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--ion-color-contrast);font-size:1rem;text-decoration:none;background:var(--background)}:host yoo-entity{--padding:var(--padding-entity)}:host yoo-card-list{--padding-content-container:var(--padding-content-container-card-list)}:host yoo-card-placeholder{margin-left:var(--margin-left-card-placeholder)}:host(.activated){--background:var(--background-active);--transition:none}@media screen and (orientation: landscape){.item-inner{padding-left:calc(var(--safe-area-inset-left) + var(--inner-padding-start));padding-right:calc(var(--safe-area-inset-right) + var(--inner-padding-end))}}:host(.item-lines-full){--border-width:0 0 0.55px 0}:host(.item-lines-inset){--inner-border-width:0 0 0.55px 0}:host(.item-lines-inset),:host(.item-lines-none){--border-width:0}:host(.item-lines-full),:host(.item-lines-none){--inner-border-width:0}::slotted(:not(.interactive)[slot=start]){margin:2px 16px 2px 0}::slotted(:not(.interactive)[slot=end]){margin-left:8px;margin-right:8px}::slotted(ion-icon[slot=start]),::slotted(ion-icon[slot=end]){margin-left:0;margin-top:7px;margin-bottom:7px}:host(.item-label-stacked) ::slotted([slot=end]),:host(.item-label-floating) ::slotted([slot=end]){margin-top:7px;margin-bottom:7px}::slotted(.button-small){--padding-top:0;--padding-bottom:0;--padding-start:.5em;--padding-end:.5em;--height:24px;font-size:var(--font-size-14, 0.875rem)}::slotted(ion-avatar){width:36px;height:36px}::slotted(ion-thumbnail){width:56px;height:56px}::slotted(ion-avatar[slot=end]),::slotted(ion-thumbnail[slot=end]){margin:8px}.item-detail-icon{color:var(--detail-push-color);font-size:var(--font-size-20, 1.25rem)}:host(.item-radio) ::slotted(ion-label),:host(.item-toggle) ::slotted(ion-label){margin-left:0}:host(.item-label-stacked) ::slotted(ion-input),:host(.item-label-floating) ::slotted(ion-input),:host(.item-label-stacked) ::slotted(ion-textarea),:host(.item-label-floating) ::slotted(ion-textarea){--padding-top:8px;--padding-bottom:8px;--padding-start:0}:host(.item-disabled){cursor:default;opacity:0.3;pointer-events:none}:host(.item-disabled.item-visible){opacity:1}.item-native{padding:var(--padding-top) var(--padding-end) var(--padding-bottom) var(--padding-start);border-radius:var(--border-radius);margin:0;text-align:initial;position:relative;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%;min-height:var(--min-height);background-color:var(--background);border-color:var(--border-color);border-style:var(--border-style);border-width:var(--border-width);outline:none;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);-webkit-transition:var(--transition);transition:var(--transition)}button,a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.item-state{right:0;left:0;bottom:0;position:absolute;height:var(--highlight-height)}.item-inner{margin:0;padding:var(--inner-padding-top) var(--inner-padding-end) var(--inner-padding-bottom) var(--inner-padding-start);display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;min-height:inherit;border-color:var(--border-color);border-style:var(--border-style);border-width:var(--inner-border-width);-webkit-box-shadow:var(--inner-box-shadow);box-shadow:var(--inner-box-shadow)}.input-wrapper{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;text-overflow:ellipsis}:host([vertical-align-top]),:host(.item-input){-ms-flex-align:start;align-items:flex-start}::slotted(ion-icon){font-size:var(--font-size-24, 1.5rem)}:host(.item-label-stacked) .input-wrapper,:host(.item-label-floating) .input-wrapper{-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}:host(.item-label-stacked)::slotted(ion-select),:host(.item-label-floating)::slotted(ion-select){-ms-flex-item-align:stretch;align-self:stretch;max-width:100%}:host(.item-textarea){-ms-flex-align:stretch;align-items:stretch}:host(.item-multiple-inputs) ::slotted(ion-select){position:relative}:host(.item-label-stacked) ::slotted(ion-select),:host(.item-label-floating) ::slotted(ion-select){max-width:100%}:host(.overflow-visible) .input-wrapper{overflow:visible}:host(.overflow-visible) .item-inner{overflow:visible}:host(.overflow-visible) .item-native{overflow:visible}:host(.card-feed.web){max-width:100%;margin:auto !important;background:var(--light, #ffffff)}:host(.card-feed.web) .input-wrapper{-ms-flex-pack:center;justify-content:center}:host(.tapped){background-color:var(--stable-light, #f1f1f1);-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease}::slotted(ion-reorder[slot]){margin-top:0;margin-bottom:0}";
 
 const YooIonItemComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * The mode determines which platform styles to use.
-     * Possible values are: `"ios"` or `"md"`.
-     */
-    /**
-     * If true, a button tag will be rendered and the item will be tappable. Defaults to `false`.
-     */
-    this.button = false;
-    /**
-     * The icon to use when `detail` is set to `true`. Defaults to `"ios-arrow-forward"`.
-     */
-    this.detailIcon = 'ios-arrow-forward';
-    /**
-     * If true, the user cannot interact with the item. Defaults to `false`.
-     */
-    this.disabled = false;
     this.itemStyles = {};
     this.onTouchStart = () => addTapped(this.outerDiv, this.el);
     this.onTouchEnd = () => removeTapped(this.outerDiv, this.el);
     this.onTouchMove = () => removeTapped(this.outerDiv, this.el);
+    this.color = undefined;
+    this.button = false;
+    this.detail = undefined;
+    this.detailIcon = 'ios-arrow-forward';
+    this.disabled = false;
+    this.href = undefined;
+    this.lines = undefined;
+    this.state = undefined;
+    this.routerDirection = undefined;
   }
   itemStyle(ev) {
     ev.stopPropagation();

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

@@ -1,19 +1,17 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import { g as getAppContext } from './common-helpers-73accd43.js';
-import './index-44691ffd.js';
-import './index-847a32fd.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-22891abe.js';
+import { g as getAppContext } from './common-helpers-2a9aacec.js';
+import './index-97f4ed07.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 import './lodash-777f91de.js';
-import './index-e08fecc9.js';
+import './index-590d30dd.js';
 
 const listCss = "svg:not(:root){overflow:hidden}.list-ios.list-inset{margin:16px;border-radius:4px}.list-ios.list-inset ion-item{--border-width:0 0 0.0625rem 0;--inner-border-width:0}.list-ios.list-inset ion-item:last-child{--border-width:0;--inner-border-width:0}.list-ios.list-inset+ion-list.list-inset{margin-top:0}.list-ios-lines-none .item{--border-width:0;--inner-border-width:0}.list-ios-lines-full .item,.list-ios .item-lines-full{--border-width:0 0 0.55px 0}.list-ios-lines-full .item{--inner-border-width:0}.list-ios-lines-inset .item,.list-ios .item-lines-inset{--inner-border-width:0 0 0.55px 0}.list-ios .item-lines-inset{--border-width:0}.list-ios .item-lines-full{--inner-border-width:0}.list-ios:not(.list-inset):not(.list-ios-lines-none) .item:last-child{--inner-border-width:0;--border-width:0 0 0.55px 0}.card-list yoo-ion-item{--background:var(--ion-item-backgrond-color)}.web-photos-tab{-ms-flex-item-align:center;align-self:center;max-width:25rem}.web-photos-tab yoo-ion-item{padding:0.5rem 0}";
 
 const YooIonListComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * If true, the list will have margin around it and rounded corners. Defaults to `false`.
-     */
+    this.lines = undefined;
     this.inset = false;
   }
   /**

package/dist/esm/yoo-ion-refresher-content.entry.js

@@ -1,11 +1,10 @@
-import { r as registerInstance, h, e as Host } from './index-a6a92b3d.js';
+import { r as registerInstance, h, e as Host } from './index-22891abe.js';
 
 const YooIonRefresherContentComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * An animated spinner that shows when refreshing begins
-     */
+    this.pullingText = undefined;
+    this.refreshingText = undefined;
     this.refreshingSpinner = 'circles';
   }
   render() {

package/dist/esm/yoo-ion-refresher.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, i as createEvent, m as writeTask, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { c as createGesture } from './index-1ec1867a.js';
-import { X as findParent, o as isNativeMobile, N as isIOS, cv as vibrateHapticMedium } from './index-44691ffd.js';
+import { r as registerInstance, i as createEvent, m as writeTask, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { c as createGesture } from './index-ad66c896.js';
+import { X as findParent, o as isNativeMobile, N as isIOS, cv as vibrateHapticMedium } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const refresherCss = "svg:not(:root){overflow:hidden}yoo-ion-refresher{left:0;top:0;position:absolute;top:0;z-index:0;display:none;width:100%;height:60px}yoo-ion-refresher.refresher-active{display:block}yoo-ion-refresher.transparent yoo-ion-refresher-content{background-color:transparent}yoo-ion-refresher-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.refresher-pulling,.refresher-refreshing{display:none;width:100%}.refresher-pulling-icon,.refresher-refreshing-icon{-webkit-transform-origin:center;transform-origin:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:2rem;text-align:center;-webkit-transition:200ms;transition:200ms}.refresher-pulling-text,.refresher-refreshing-text{font-size:1rem;text-align:center}.refresher-pulling yoo-ion-refresher-content .refresher-pulling{display:block}.refresher-ready yoo-ion-refresher-content .refresher-pulling{display:block}.refresher-ready yoo-ion-refresher-content .refresher-pulling-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.refresher-refreshing yoo-ion-refresher-content .refresher-refreshing{display:block}.refresher-cancelling yoo-ion-refresher-content .refresher-pulling{display:block}.refresher-cancelling yoo-ion-refresher-content .refresher-pulling-icon{-webkit-transform:scale(0);transform:scale(0)}.refresher-completing yoo-ion-refresher-content .refresher-refreshing{display:block}.refresher-completing yoo-ion-refresher-content .refresher-refreshing-icon{-webkit-transform:scale(0);transform:scale(0)}.refresher-ios .refresher-pulling-icon,.refresher-ios .refresher-refreshing-icon{color:var(--dark, #000000)}.refresher-ios .refresher-pulling-text,.refresher-ios .refresher-refreshing-text{color:var(--dark, #000000)}.refresher-ios .refresher-refreshing .spinner-lines-ios line,.refresher-ios .refresher-refreshing .spinner-lines-small-ios line,.refresher-ios .refresher-refreshing .spinner-crescent circle{stroke:var(--dark, #000000)}.refresher-ios .refresher-refreshing .spinner-bubbles circle,.refresher-ios .refresher-refreshing .spinner-circles circle,.refresher-ios .refresher-refreshing .spinner-dots circle{fill:var(--dark, #000000)}.refresher-pulling-icon yoo-icon{font-size:var(--font-size-14, 0.875rem)}.refresher-refreshing-icon img{width:25px}";
@@ -14,43 +14,15 @@ const YooIonRefresherComponent = class {
     this.ionRefresh = createEvent(this, "ionRefresh", 7);
     this.ionPull = createEvent(this, "ionPull", 7);
     this.ionStart = createEvent(this, "ionStart", 7);
-    /**
-     * The minimum distance the user must pull down until the
-     * refresher will go into the `refreshing` state. Defaults to `60`.
-     */
+    this.appliedStyles = false;
+    this.didStart = false;
+    this.progress = 0;
     this.pullMin = 60;
-    /**
-     * The maximum distance of the pull until the refresher
-     * will automatically go into the `refreshing` state.
-     * Defaults to the result of `pullMin + 60`.
-     */
     this.pullMax = this.pullMin + 60;
-    /**
-     * Time it takes to close the refresher. Defaults to `280ms`.
-     */
     this.closeDuration = '280ms';
-    /**
-     * Time it takes the refresher to to snap back to the `refreshing` state. Defaults to `280ms`.
-     */
     this.snapbackDuration = '280ms';
-    /**
-     * If true, the refresher will be hidden. Defaults to `true`.
-     */
     this.disabled = false;
-    /**
-     * The current state which the refresher is in. The refresher's states include:
-     *
-     * - `inactive` - The refresher is not being pulled down or refreshing and is currently hidden.
-     * - `pulling` - The user is actively pulling down the refresher, but has not reached the point yet that if the user lets go, it'll refresh.
-     * - `cancelling` - The user pulled down the refresher and let go, but did not pull down far enough to kick off the `refreshing` state. After letting go, the refresher is in the `cancelling` state while it is closing, and will go back to the `inactive` state once closed.
-     * - `ready` - The user has pulled down the refresher far enough that if they let go, it'll begin the `refreshing` state.
-     * - `refreshing` - The refresher is actively waiting on the async operation to end. Once the refresh handler calls `complete()` it will begin the `completing` state.
-     * - `completing` - The `refreshing` state has finished and the refresher is closing itself. Once closed, the refresher will go back to the `inactive` state.
-     */
-    this.state = 1 /* RefresherState.Inactive */; // private was removed
-    this.appliedStyles = false;
-    this.didStart = false;
-    this.progress = 0;
+    this.state = 1 /* RefresherState.Inactive */;
   }
   disabledChanged() {
     if (this.gesture) {

package/dist/esm/yoo-ion-scroll.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, i as createEvent, l as readTask, f as forceUpdate, j as Build, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { g as getAppContext } from './common-helpers-73accd43.js';
-import { H as isWeb, k as isNullOrUndefined, dZ as isFirefox, eJ as isForceScrollbar } from './index-44691ffd.js';
+import { r as registerInstance, i as createEvent, l as readTask, f as forceUpdate, j as Build, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { g as getAppContext } from './common-helpers-2a9aacec.js';
+import { H as isWeb, k as isNullOrUndefined, dZ as isFirefox, eK as isForceScrollbar } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const scrollCss = "svg:not(:root){overflow:hidden}:host{--background-color:transparent;--left-pos:0;--right-pos:0;--bottom-pos:0;--top-pos:0;position:absolute;top:var(--top-pos);right:var(--right-pos);bottom:var(--bottom-pos);left:var(--left-pos);display:block;overflow-x:hidden;background-color:var(--background-color);will-change:scroll-position;contain:size style layout;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent}:host(.isFirefox){will-change:auto}:host(.overscroll)::before,:host(.overscroll)::after{position:absolute;width:0.0625rem;height:0.0625rem;content:\"\"}:host(.overscroll)::before{bottom:-1px}:host(.overscroll)::after{top:-1px}:host(.horizontal){display:-ms-flexbox;display:flex;overflow-x:auto;overflow-y:hidden;contain:initial}:host(.horizontal)::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.horizontal)::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.horizontal)::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.vertical-center){-ms-flex-align:center;align-items:center}:host(.no-scrollbar:not(.force-scrollbar))::-webkit-scrollbar{display:none}:host(.no-scrollbar:not(.force-scrollbar)){scrollbar-width:none}:host(.relative){position:relative;height:100%}:host(.force-visible-overflow){overflow:visible !important}:host(.no-contain){contain:initial}:host(.web),:host(.force-scrollbar){overflow-y:auto;}:host(.web)::-webkit-scrollbar,:host(.force-scrollbar)::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.web)::-webkit-scrollbar-track,:host(.force-scrollbar)::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web)::-webkit-scrollbar-thumb,:host(.force-scrollbar)::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web:hover)::-webkit-scrollbar-track,:host(.force-scrollbar:hover)::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host(.web:hover)::-webkit-scrollbar-thumb,:host(.force-scrollbar:hover)::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host(.flex){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.rtl){direction:rtl}";
@@ -17,12 +17,6 @@ const YooIonScrollComponent = class {
     this.ionScroll = createEvent(this, "ionScroll", 7);
     this.hideTabbar = createEvent(this, "hideTabbar", 7);
     this.ionScrollEnd = createEvent(this, "ionScrollEnd", 7);
-    this.height = null;
-    //   /** If true, the component will emit scroll events. */
-    this.scrollEvents = false;
-    //   /** If true, the component will use horizontal scroll instead of vertical. */
-    this.horizontalMode = false;
-    this.slotName = null;
     this.isScrolling = false;
     this.lastScroll = 0;
     this.lastDeltaY = 0;
@@ -56,6 +50,12 @@ const YooIonScrollComponent = class {
         //
       }
     };
+    this.height = null;
+    this.forceOverscroll = undefined;
+    this.scrollEvents = false;
+    this.showScrollbar = undefined;
+    this.horizontalMode = false;
+    this.slotName = null;
   }
   onScroll(ev) {
     const timeStamp = Date.now();