@yoobic/yobi 8.3.1-5 → 8.3.1-6

package/dist/cjs/yoo-action-sheet-controller.cjs.entry.js

@@ -23,7 +23,7 @@ const YooIonActionSheetControllerComponent = class {
     const index = this.devices.findIndex(device => device === ev.detail);
     this.devices.splice(index, index + 1);
   }
-  onClick(ev) {
+  onPointerDown(ev) {
     if (this.devices.length) {
       this.device = ev.composedPath().find((el) => el.nodeName === 'YOO-DEVICE');
     }

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

@@ -9,7 +9,7 @@ require('./lodash-72d493b9.js');
 require('./index-ab0f1725.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
-const cardChatCss = ":host{display:-ms-flexbox;display:flex;gap:var(--spacing-04, 0.25rem);-ms-flex-align:center;align-items:center;width:100%;padding:var(--spacing-08, 0.5rem) 0;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt-40, rgba(208, 208, 208, 0.4))}:host #content{width:100%}:host #content #heading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%}:host #content #heading yoo-truncated-line{width:calc(100% - (var(--logo-05, 3rem) + var(--spacing-08, 0.5rem)));margin-right:var(--spacing-02, 0.125rem);font-size:var(--font-size-18, 1.125rem)}:host #content #heading span{display:contents;height:var(--spacing-24, 1.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem);white-space:nowrap}:host #content #subcontent,:host #content #message{display:-ms-flexbox;display:flex;gap:var(--spacing-04, 0.25rem);-ms-flex-align:center;align-items:center;width:100%}:host #content #message yoo-truncated-line{width:100%;color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem)}:host #content #message yoo-icon+yoo-truncated-line{width:calc(100% - (var(--icon-size-01, 1rem) + var(--spacing-04, 0.25rem)))}";
+const cardChatCss = ":host{display:-ms-flexbox;display:flex;gap:var(--spacing-04, 0.25rem);-ms-flex-align:center;align-items:center;width:100%;padding:var(--spacing-08, 0.5rem) 0;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt-40, rgba(208, 208, 208, 0.4))}:host #content{width:calc(100% - var(--spacing-64, 4rem));overflow:hidden}:host #content #heading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%}:host #content #heading yoo-truncated-line{width:calc(100% - (var(--logo-05, 3rem) + var(--spacing-08, 0.5rem)));margin-right:var(--spacing-02, 0.125rem);font-size:var(--font-size-18, 1.125rem)}:host #content #heading span{display:contents;height:var(--spacing-24, 1.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem);white-space:nowrap}:host #content #subcontent,:host #content #message{display:-ms-flexbox;display:flex;gap:var(--spacing-04, 0.25rem);-ms-flex-align:center;align-items:center;width:100%;overflow:hidden}:host #content #message yoo-truncated-line{width:100%;color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem)}:host #content #message yoo-icon+yoo-truncated-line{width:calc(100% - (var(--icon-size-01, 1rem) + var(--spacing-04, 0.25rem)))}";
 
 const YooCardChatComponent = class {
   constructor(hostRef) {

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

@@ -23,7 +23,7 @@ const YooIonAlertControllerComponent = class {
     const index = this.devices.findIndex(device => device === ev.detail);
     this.devices.splice(index, index + 1);
   }
-  onClick(ev) {
+  onPointerDown(ev) {
     if (this.devices.length) {
       this.device = ev.composedPath().find((el) => el.nodeName === 'YOO-DEVICE');
     }

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

@@ -24,7 +24,7 @@ const YooIonModalControllerComponent = class {
     const index = this.devices.findIndex(device => device === ev.detail);
     this.devices.splice(index, index + 1);
   }
-  onClick(ev) {
+  onPointerDown(ev) {
     if (this.devices.length) {
       this.device = ev.composedPath().find(el => el.nodeName === 'YOO-DEVICE');
     }

package/dist/cjs/yoo-ion-toast-controller.cjs.entry.js

@@ -23,7 +23,7 @@ const YooIonToastControllerComponent = class {
     const index = this.devices.findIndex(device => device === ev.detail);
     this.devices.splice(index, index + 1);
   }
-  onClick(ev) {
+  onPointerDown(ev) {
     if (this.devices.length) {
       this.device = ev.composedPath().find((el) => el.nodeName === 'YOO-DEVICE');
     }

package/dist/collection/components/2.molecules/action-sheet-controller/action-sheet-controller.js

@@ -12,7 +12,7 @@ export class YooIonActionSheetControllerComponent {
     const index = this.devices.findIndex(device => device === ev.detail);
     this.devices.splice(index, index + 1);
   }
-  onClick(ev) {
+  onPointerDown(ev) {
     if (this.devices.length) {
       this.device = ev.composedPath().find((el) => el.nodeName === 'YOO-DEVICE');
     }
@@ -208,11 +208,11 @@ export class YooIonActionSheetControllerComponent {
       "capture": false,
       "passive": false
     }, {
-      "name": "click",
-      "method": "onClick",
+      "name": "pointerdown",
+      "method": "onPointerDown",
       "target": "body",
       "capture": true,
-      "passive": false
+      "passive": true
     }, {
       "name": "ionActionSheetWillPresent",
       "method": "actionSheetWillPresent",

package/dist/collection/components/2.molecules/alert-controller/alert-controller.js

@@ -12,7 +12,7 @@ export class YooIonAlertControllerComponent {
     const index = this.devices.findIndex(device => device === ev.detail);
     this.devices.splice(index, index + 1);
   }
-  onClick(ev) {
+  onPointerDown(ev) {
     if (this.devices.length) {
       this.device = ev.composedPath().find((el) => el.nodeName === 'YOO-DEVICE');
     }
@@ -182,11 +182,11 @@ export class YooIonAlertControllerComponent {
       "capture": false,
       "passive": false
     }, {
-      "name": "click",
-      "method": "onClick",
+      "name": "pointerdown",
+      "method": "onPointerDown",
       "target": "body",
       "capture": true,
-      "passive": false
+      "passive": true
     }, {
       "name": "ionAlertWillPresent",
       "method": "alertWillPresent",

package/dist/collection/components/2.molecules/modal-controller/modal-controller.js

@@ -13,7 +13,7 @@ export class YooIonModalControllerComponent {
     const index = this.devices.findIndex(device => device === ev.detail);
     this.devices.splice(index, index + 1);
   }
-  onClick(ev) {
+  onPointerDown(ev) {
     if (this.devices.length) {
       this.device = ev.composedPath().find(el => el.nodeName === 'YOO-DEVICE');
     }
@@ -220,11 +220,11 @@ export class YooIonModalControllerComponent {
       "capture": false,
       "passive": false
     }, {
-      "name": "click",
-      "method": "onClick",
+      "name": "pointerdown",
+      "method": "onPointerDown",
       "target": "body",
       "capture": true,
-      "passive": false
+      "passive": true
     }, {
       "name": "ionModalWillPresent",
       "method": "modalWillPresent",

package/dist/collection/components/2.molecules/toast-controller/toast-controller.js

@@ -12,7 +12,7 @@ export class YooIonToastControllerComponent {
     const index = this.devices.findIndex(device => device === ev.detail);
     this.devices.splice(index, index + 1);
   }
-  onClick(ev) {
+  onPointerDown(ev) {
     if (this.devices.length) {
       this.device = ev.composedPath().find((el) => el.nodeName === 'YOO-DEVICE');
     }
@@ -182,11 +182,11 @@ export class YooIonToastControllerComponent {
       "capture": false,
       "passive": false
     }, {
-      "name": "click",
-      "method": "onClick",
+      "name": "pointerdown",
+      "method": "onPointerDown",
       "target": "body",
       "capture": true,
-      "passive": false
+      "passive": true
     }, {
       "name": "ionToastWillPresent",
       "method": "toastWillPresent",

package/dist/collection/feature-communicate/chat/card-chat/card-chat.css

@@ -210,7 +210,8 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   border-bottom: var(--border-width-01, 0.0625rem) solid var(--stable-alt-40, rgba(208, 208, 208, 0.4));
 }
 :host #content {
-  width: 100%;
+  width: calc(100% - var(--spacing-64, 4rem));
+  overflow: hidden;
 }
 :host #content #heading {
   display: flex;
@@ -236,6 +237,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   gap: var(--spacing-04, 0.25rem);
   align-items: center;
   width: 100%;
+  overflow: hidden;
 }
 :host #content #message yoo-truncated-line {
   width: 100%;