@yoobic/yobi 7.7.109 → 7.7.113

package/dist/esm/yoo-welcome-banner.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-27314512.js';
 import { t as translate, bN as getPeriodOfDay } from './rrule-5a2de9bb.js';
 import './input-bar.interface-4e956599.js';
-import './ResizeObserver.es-a8772c31.js';
-import { f as getAppContext } from './common-helpers-f3296dd7.js';
+import './ResizeObserver.es-96c82103.js';
+import { f as getAppContext } from './common-helpers-aa52b9d6.js';
 import './isUndefined-11cbe419.js';
 import './isNumber-5a14c4d5.js';
 import './get-3cbd3bd6.js';

package/dist/types/components/core/input-bar/input-bar.d.ts

@@ -97,6 +97,8 @@ export declare class YooInputBarComponent {
   onInput(ev: Event): Promise<void>;
   setUrlPreview(): void;
   onEmitTypingEvent(isTyping: boolean, sameValue?: boolean): void;
+  videoMobileHandler(maxMediaLimit?: number): void;
+  importVideoFromNativeLibrary(): Promise<void>;
   onImportFromLibrary(): void;
   onFileSelect(ev: any): Promise<void>;
   onHandleMediaInput(mediaData: string | IFileInterface | File | any[], type: MessageType, requireUpload?: boolean, preventAnnotation?: boolean): Promise<void>;

package/dist/types/utils/helpers/camera-helpers.d.ts

@@ -5,7 +5,7 @@ export declare enum MediaPictureOptions {
   VIDEO = "102"
 }
 export declare function getPictureMaxSize(isImageRecognition: boolean, maxWidth?: number): number;
-export declare function importMultipleFromLibrary(limit?: number, selectMode?: MediaPictureOptions, compress?: boolean, quality?: number): Promise<any[]>;
+export declare function importMultipleFromLibrary(limit?: number, compress?: boolean, quality?: number): Promise<any[]>;
 export declare function getPicture(quality: any, sourceType: any, mediaType: any, isMultiMode?: boolean, maxWidth?: number, isImageRecognition?: boolean, limit?: number, isCrop?: boolean): Promise<any>;
 export declare function getVideo(options?: any): Promise<MediaFile[] | CaptureError>;
 export declare function getVideoDevices(): Promise<any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yoobic/yobi",
-  "version": "7.7.109",
+  "version": "7.7.113",
   "description": "Yobi - Yoobic Design System",
   "module": "dist/index.js",
   "main": "dist/index.cjs.js",

package/dist/design-system/p-3e96a3ac.js

@@ -1 +0,0 @@
-import{t as o,E as n,j as r,H as i,Y as e,b as l,ag as s}from"./p-a966475f.js";import"./p-4d956bd4.js";import{p as t}from"./p-cf2b3a56.js";import{g as a,a as c,i as d}from"./p-537db159.js";import{i as u}from"./p-0bb947fc.js";import{c as g}from"./p-a7d0e964.js";function v(n){var r;if(!n)return[];const i=[];return i.push({icon:d(n)?"repeat":"1x",iconOnlyColor:"stable-to-stable-20",noBackground:!0,iconOnlySize:"medium"}),(null===(r=n.type)||void 0===r?void 0:r.toUpperCase)&&i.push({innerHTML:o(n.type.toUpperCase()),color:"stable-to-stable-20"}),i}function T(n){const r={innerHTML:o("visit"===n.type?"SCHEDULED":"PENDINGVALIDATION"),color:"stable-to-stable-20",progressClass:"warning"},i={innerHTML:o("visit"===n.type?"APPROVED":"VALIDATED"),color:"success-to-success-20"},e={innerHTML:o("visit"===n.type?"DECLINED":"REJECTED"),color:"danger-to-danger-20"};return(null==n?void 0:n.validated)?i:!1===(null==n?void 0:n.validated)?e:r}function L(e,l,s){var a,c;if("kanban"===e.type)return[];const d=[],u={innerHTML:o("PENDINGOFFLINE"),color:"energized-to-energized-20"};let g;if("finished"===e.status&&e.finishedDate?d.push({color:"stable-light-to-light-10",innerHTML:t.dateFormat.transform(e.finishedDate,"L LT")}):"finished"!==e.status&&"archived"!==e.status&&(d.push({color:"stable-light-to-light-10",innerHTML:t.dateFormat.transform(e.validFrom||e._ect,"L LT")}),e.duedate&&d.push({customColor:n("danger"),innerHTML:t.dateFormat.transform(e.duedate,"L LT")})),"visit"===e.type?g=T(e):"archived"===e.status?g={innerHTML:o("PAUSEDMISSION"),color:"dark-to-light",progressClass:"dark"}:"scheduled"===e.status?g={innerHTML:o("SCHEDULED"),color:"warning-to-warning-20",progressClass:"warning"}:"pending"===e.status?g=u:"booked"===e.status?g=e.needsRebooking?{innerHTML:o("YOOBICREVIEW"),color:"royal-to-royal-20",progressClass:"royal"}:e.isAssigned&&e.creatorRef===r().userId?{innerHTML:o("ASSIGNED"),color:"warning-to-warning-20",progressClass:"info"}:{innerHTML:o("BOOKED"),color:"info-to-info-20",progressClass:"info"}:"finished"!==e.status||e.hasWorkflow?"draft"===e.status?g={innerHTML:o("DRAFT"),color:"dark-to-light-20"}:"service"===e.type&&e.creatorRef===r().userId&&!e.hasWorkflow&&(null===(a=e._id)||void 0===a?void 0:a.startsWith("offline_"))?g=u:"todo"===e.type&&(null===(c=e.progress)||void 0===c?void 0:c.value)>0?g={innerHTML:o("BOOKED"),color:"info-to-info-20",progressClass:"info"}:!e.hasWorkflow&&i(new Date,e._ect)<=1&&(g={innerHTML:o("YOOBICNEW"),color:"accent-to-accent-20",progressClass:"app-color"}):g=T(e),g&&d.push(g),e.republishCount>0&&!e.autoRenew&&!e.autoRenewOnBooking&&d.push({innerHTML:o("REPUBLISHED"),color:"royal-to-royal-20"}),e.vip&&d.unshift(s?{innerHTML:'<yoo-icon slot="start" size="small" name="star"></yoo-icon>'+o("YOOBICVIP"),color:"energized-to-energized-20"}:{icon:"star",color:"energized-to-energized-20"}),e.priority>0&&d.unshift({innerHTML:"P"+e.priority,color:"stable-to-stable-20"}),e.hasWorkflow){const o=p(e);o&&d.push(o)}return l&&C(e)&&d.unshift({innerHTML:C(e),color:"stable-to-stable-20"}),d}function p(n){var r,i,l,s;if(!n.hasWorkflow)return;let t;if((null===(r=n.workflowState)||void 0===r?void 0:r.stepId)&&(null===(l=null===(i=n.description)||void 0===i?void 0:i.workflow)||void 0===l?void 0:l.steps)){const r=n.description.workflow.steps.find((o=>o._id===n.workflowState.stepId));r&&(t={innerHTML:"start"===r._id?o("SENTBACK"):e(r.title),color:"booked"===n.status?"info-to-info-20":"accent-to-accent-20",customColor:r.color})}else if("finished"===n.status&&(null===(s=n.workflowHistory)||void 0===s?void 0:s.length)>0){const r=n.workflowHistory[n.workflowHistory.length-1];t="rejected"===(null==r?void 0:r.state)?{innerHTML:o("REJECTED"),color:"danger-to-danger-20"}:{innerHTML:o("FINISHED"),color:"app-color-to-app-color-20"}}else t="finished"===n.status?{innerHTML:o("FINISHED"),color:"app-color-to-app-color-20"}:{innerHTML:o("YOOBICNEW"),color:"accent-to-accent-20",progressClass:"app-color"};return t}function C(o){var n,r;return(null===(n=null==o?void 0:o.description)||void 0===n?void 0:n.uniqueKeyPrefix)&&(null==o?void 0:o.uniqueKeySuffix)?(null===(r=o.description)||void 0===r?void 0:r.uniqueKeyPrefix)+"-"+o.uniqueKeySuffix:""}function E(o){return"visit"===o.type?n(o.validated?"app-color":!1===o.validated?"danger":"stable"):"pending"===o.status?n("stable-light-to-light-10"):"booked"===o.status?o.needsRebooking?n("royal"):o.isAssigned&&o.creatorRef===r().userId?n("warning"):n("info"):"finished"===o.status?n(o.validated?"app-color":!1===o.validated?"danger":"stable"):"draft"===o.status?n("dark"):void 0}function H(n){const r={innerHTML:o("PENDING"),color:"stable-to-stable-20",progressClass:"warning"};let i;return i=!0===n.validated?{innerHTML:o("VALIDATED"),color:"success-to-success-20",progressClass:void 0}:!1===n.validated?{innerHTML:o("REJECTED"),color:"danger-to-danger-20",progressClass:void 0}:r,i}function f(n,i="small",e){var l,s,c,d,g,v,T,L,p,C,E,H;const f=r(),M=!!(null===(l=null==f?void 0:f.user)||void 0===l?void 0:l.location)&&f.user.location.disableMarkdownDragging;let D,b=a(n),O=n.date?t.dateFormat.transform(n.date,"L")+" - ":"";return n.date||e||n.isOutOfStock?n.archived?D={size:i,innerHTML:o("TREATED"),color:"stable-to-stable-20",progressClass:void 0}:n.isOutOfStock?(b=a(n,"treatedDate"),O=n.outOfStockInitialDate||n.treatedDate?" "+t.dateFormat.transform(n.outOfStockInitialDate||n.treatedDate,"L"):"",D=-b>=(null===(s=n.aisle)||void 0===s?void 0:s.stockDelay)?{innerHTML:o("OUTOFSTOCKSINCE")+O,color:"dark-to-light-20",size:i,progressClass:void 0}:{innerHTML:o("OUTOFSTOCK"),color:"dark-to-light-20",size:i,progressClass:void 0}):n.isNew?D={innerHTML:o("YOOBICNEW"),color:"accent-to-accent-20",size:i,progressClass:void 0}:u(b)&&b<=(null===(c=n.aisle)||void 0===c?void 0:c.withdrawalDelay)?D={innerHTML:O+o("PRODUCTBATCHWITHDRAWAL"),size:i,color:"danger-to-danger-20",progressClass:void 0}:u(b)&&(M&&(b>(null===(d=n.aisle)||void 0===d?void 0:d.withdrawalDelay)&&(!(null===(g=n.aisle)||void 0===g?void 0:g.markdownDelay)||b<(null===(v=n.aisle)||void 0===v?void 0:v.markdownDelay))||!(null===(T=n.aisle)||void 0===T?void 0:T.markdownDelay)||b>(null===(L=n.aisle)||void 0===L?void 0:L.markdownDelay))||!M&&b>Math.max((null===(p=n.aisle)||void 0===p?void 0:p.withdrawalDelay)||0,(null===(C=n.aisle)||void 0===C?void 0:C.markdownDelay)||0))?D={innerHTML:O+o("PRODUCTBATCHVALID"),color:"success-to-success-20",size:i,progressClass:void 0}:u(b)&&(null===(E=n.aisle)||void 0===E?void 0:E.markdownDelay)>0&&b<=(null===(H=n.aisle)||void 0===H?void 0:H.markdownDelay)&&(D={innerHTML:O+o("PRODUCTBATCHMARKDOWN"),color:"warning-to-warning-20",size:i,progressClass:void 0}):D={size:i,innerHTML:'<yoo-icon slot="start" name="warning" size="small"></yoo-icon>'+o("PRODUCTBATCHNEWCLICK"),color:"danger-to-danger-20",progressClass:void 0},D}function M(o){return"finished"===(null==o?void 0:o.status)?o.validated?{icon:"check",style:"app-color",iconColor:"app-color",text:"APPROVED"}:{icon:"rejected",style:"danger",iconColor:"danger",text:"REJECTED"}:null}function D(o){return o<20?"danger":o<80?"warning":"success"}function b(n){var r;const i=[],e=!l();if(e&&"WAITING"!==n.state&&"COMPLETE"!==n.state&&i.push({innerHTML:o("WAITLIST"+n.state.toUpperCase()),color:"stable-light-to-light-10"}),e&&n.partySize&&i.push({innerHTML:'<yoo-icon slot="start" name="group" size="medium"></yoo-icon>'+n.partySize.toString(),color:"app-color"}),"videocall"===n.callType&&i.push({icon:"videocamera",color:"dark-to-light"}),"phonecall"===n.callType&&i.push({icon:"phone",color:"dark-to-light"}),(null===(r=n.tags)||void 0===r?void 0:r.indexOf("CANCELLED"))>=0&&i.push({innerHTML:o("CANCELLED"),color:"danger-to-danger-20"}),e&&"COMPLETE"!==n.state&&n.duration>0){const r=(n.duration/60).toLocaleString();i.push({color:"energized",innerHTML:'<yoo-icon slot="start" name="calendar" size="medium"></yoo-icon>'+r+o("MINUTESABBRV")})}if(e&&"WAITING"===(null==n?void 0:n.state)&&n.waitlistTime){const r=s(n.waitlistTime,!0);i.push({innerHTML:o("WAITED")+": "+r,color:"stable-light-to-light-10"})}if(e){const r=c(n);if(r){const n=s(r);i.push({innerHTML:o("YOOBICALERTED")+": "+n,color:"stable-light-to-light-10"})}}return i}function O(o){return(o=g(o||[]))&&o.forEach((o=>{var n;null===(n=null==o?void 0:o.items)||void 0===n||n.forEach((o=>{"ownerDisplayName"!==o.name&&"text"!==o.name&&"title"!==o.name&&"user"!==o.name||(o.forceHidden=!0)}))})),o}function h(o){return(o=g(o||[]))&&o.forEach((o=>{var n;null===(n=null==o?void 0:o.items)||void 0===n||n.forEach((o=>{"allowLibrary"!==o.name&&"finished"!==o.name&&"hasphoto"!==o.name&&"isphotorequired"!==o.name&&"text"!==o.name||(o.forceHidden=!0)}))})),o}function I(n){var r;const i=[];return n?(n.uniqueKeyPrefix&&i.push({innerHTML:n.uniqueKeyPrefix,color:"stable-light-to-light-10"}),"kanban"===n.type||(d(n)?i.push({icon:"permanent"===n.recurrenceType?"right-circle":"repeat",iconOnlyColor:"stable-to-stable-20",noBackground:!0,iconOnlySize:"medium"}):"mission"===n.type&&i.push({icon:"1x",iconOnlyColor:"stable-to-stable-20",noBackground:!0,iconOnlySize:"medium"}),(null===(r=n.type)||void 0===r?void 0:r.toUpperCase)&&i.push({innerHTML:o(n.type.toUpperCase()),color:n.active?"app-color":"stable-to-stable-20"}),n&&n.archived&&i.push({innerHTML:o("PAUSEDCAMPAIGN".toUpperCase()),color:n.archived?"dark-to-light":"info-to-info-20"}),n.hasWorkflow&&i.push({innerHTML:o("WORKFLOW"),color:"app-color"}),!n.active&&!n.recurring||n.archived||i.push({innerHTML:'<yoo-icon slot="start" name="circle1" color="success" size="small"></yoo-icon>'+o("ACTIVE")})),i):[]}export{L as a,p as b,C as c,E as d,H as e,f,v as g,M as h,D as i,b as j,O as k,h as l,I as m}

package/dist/design-system/p-44a59b00.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as a,H as o,g as i}from"./p-c26cc6ff.js";import{b as r,k as n,P as p,e as s,d as l,a as d,M as c,s as h,m as b}from"./p-b5241164.js";import{T as m}from"./p-220d0a85.js";import{t as f,M as g,u as v}from"./p-4d956bd4.js";import{T as y,a3 as u,b as x,w,K as k,i as z,bF as C,b1 as I,t as j,s as O,n as T,af as A,u as E,bo as D,bn as R,m as M,j as P,l as q}from"./p-a966475f.js";import{g as S,b as L}from"./p-80c3f796.js";import{f as B,b as F,q as N,v as U}from"./p-68955196.js";import{g as Y}from"./p-9430559f.js";import{a as K}from"./p-8c8163b6.js";import{s as H,u as W,f as V}from"./p-33b2d3a2.js";import{a as _,i as G}from"./p-9229f5bb.js";import{i as Q}from"./p-0bb947fc.js";import"./p-bd19a341.js";import"./p-e0d6fbed.js";import"./p-ca8f9900.js";import"./p-cf2b3a56.js";import"./p-935fbfac.js";import"./p-2043b4c7.js";import"./p-0dae56e6.js";import"./p-4ae61297.js";import"./p-bdb9f4f1.js";import"./p-12bedee1.js";import"./p-e1378940.js";import"./p-43f71ef3.js";import"./p-a1142cd3.js";import"./p-b5ba03fd.js";import"./p-56bcc009.js";import"./p-baaa30cf.js";import"./p-c5108113.js";import"./p-e3093327.js";import"./p-179b66ff.js";import"./p-ba705441.js";import"./p-cfca4271.js";const X=class{constructor(a){t(this,a),this.sendAttachment=e(this,"sendAttachment",7),this.sendText=e(this,"sendText",7),this.mediaInput=e(this,"mediaInput",7),this.urlPreviewAdded=e(this,"urlPreviewAdded",7),this.replyCancelled=e(this,"replyCancelled",7),this.isTyping=e(this,"isTyping",7),this.inputBlurred=e(this,"inputBlurred",7),this.inputFocused=e(this,"inputFocused",7),this.bottomDialogToggled=e(this,"bottomDialogToggled",7),this.browseLibrary=e(this,"browseLibrary",7),this.iconClicked=e(this,"iconClicked",7),this.mediaLoading=e(this,"mediaLoading",7),this.dismissReplyClicked=e(this,"dismissReplyClicked",7),this.captureIconSettings={icon:"plus"},this.secondaryActionSettings={allowInput:{[f.audio]:!1,[f.video]:!0,[f.gif]:!0,[f.gallery]:!0,[f.camera]:!0}},this.placeholder="ADDCOMMENT",this.actionText="YOOBICSEND",this.focused=!1,this.currentTabIndex=0,this.linkPreviews=[],this.defaultInputMaximum=1,this.defaultActionIconMap={[f.video]:"videocamera",[f.audio]:"microphone",[f.document]:"attachment",[f.gif]:"gif",[f.gallery]:"photo-library",[f.camera]:"camera"},this.quickReactions=["🔥","❤️","👏","🎉","⚡️","😂","😢","💯"]}onHideBottomDialog(){this.showBottomDialog&&this.onToggleBottomDialog()}onKeyboardDidHide(){this.showActionSheetOnDidHide&&(this.showActionSheetOnDidHide=!1,this.onVibrate(),this.onShowActionSheet())}async focusInputField(t=!1,e){this.hasTextInside=t,e?this.shouldFocus=!0:this.formTextArea&&this.formTextArea.setFocus()}async blurInputField(){this.formTextArea&&this.formTextArea.setBlur()}async updateValueAndFocus(t){this.formTextArea&&this.formTextArea.updateValueAndFocus(t)}async onToggleBottomDialog(t){y(this.bottomDialogRef,.25,{height:this.showBottomDialog?0:this.bottomDialogHeight,onComplete:()=>{this.showBottomDialog=!this.showBottomDialog,this.bottomDialogToggled.emit(this.showBottomDialog),t&&t()}})}async updateReplyChatMessage(t){this.replyChatMessage=t,this.replyChatMessage&&this.focusInputField(this.hasTextInside)}componentWillLoad(){this.value&&""!==this.value&&(this.hasTextInside=!0)}componentDidLoad(){var t;u(this.bottomDialogHeight)&&(this.bottomDialogHeight=x(this.host)?408:500),(null===(t=this.advancedOptions)||void 0===t?void 0:t.focusOnOpen)&&setTimeout((()=>{this.focusInputField()}),500),this.resizeListener=w(this.onScreenResize,500).bind(this),window.addEventListener("resize",this.resizeListener),window.addEventListener("screenSizeWillChange",this.resizeListener)}componentDidUpdate(){this.shouldFocus&&(this.focusInputField(this.hasTextInside,!1),this.shouldFocus=!1)}disconnectedCallback(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),window.removeEventListener("screenSizeWillChange",this.resizeListener))}onScreenResize(){this.screenWidth=this.host.clientWidth}isInputTypeAllowed(t){var e,a;return!!(null===(a=null===(e=this.secondaryActionSettings)||void 0===e?void 0:e.allowInput)||void 0===a?void 0:a[t])}getTypeInputSettings(t){var e,a;return null===(a=null===(e=this.secondaryActionSettings)||void 0===e?void 0:e.allowInputSettings)||void 0===a?void 0:a[t]}getTypeMaximumAllowedSize(t){var e;let a=this.defaultInputMaximum;const o=this.getTypeInputSettings(t);return(null==o?void 0:o.maxSize)>=0?a=this.secondaryActionSettings.allowInputSettings[t].maxSize:(null===(e=this.secondaryActionSettings)||void 0===e?void 0:e.maxMediaLimit)>=0&&(a=this.secondaryActionSettings.maxMediaLimit),a}getIconDetails(t){const e=this.getTypeInputSettings(t);return{type:t,name:this.defaultActionIconMap[t],color:(null==e?void 0:e.cssClass)||"stable",handler:()=>{const a=()=>{this.onInputActionClick(t,null==e?void 0:e.captureOnly)};this.showBottomDialog?this.onToggleBottomDialog(a):a()}}}hasTopIndication(){var t,e;return!u((null===(t=this.advancedOptions)||void 0===t?void 0:t.topIndication)||(null===(e=this.advancedOptions)||void 0===e?void 0:e.replyToUser))}onTabSelected(t){var e;this.currentTabIndex=null===(e=null==t?void 0:t.detail)||void 0===e?void 0:e.nextIndex}captureFile(t,e,a,o){var i;o=o||this.getTypeMaximumAllowedSize(),x(this.host)?k({type:"file-uploader",params:{acceptMode:e,initialMaxSelectionNumber:o,origin:(null===(i=this.advancedOptions)||void 0===i?void 0:i.origin)||"all"}}).then((e=>{var o;const i=null==e?void 0:e.data;i&&((null===(o=this.advancedOptions)||void 0===o?void 0:o.groupImport)?this.onHandleMediaInput(i,t,!1,a):i.forEach((e=>{this.onHandleMediaInput(e,t||S(e._downloadURL||e),!1,a||_(e)||1!==i.length||!(B(e)||F(64)))})))})):this.onCaptureLocalFile(t,a)}onCaptureLocalFile(t,e){var a;this.fileInput&&(this.fileCaptureSettings={preventAnnotation:e,type:t},null===(a=this.fileInput)||void 0===a||a.dispatchEvent(new MouseEvent("click",{bubbles:!1})))}async onCapturePicture(){var t;if(z())r(70,p.CAMERA,n.PICTURE,!1).then((t=>{this.onHandleMediaInput(t,g.photo)}));else{if(null===(t=this.advancedOptions)||void 0===t?void 0:t.showCaptureOption)return void this.onImportFromLibrary();const e=await s();if(await C()||I(j("WEBCAM"),[j("YOOBICOK")],j("NOCAMERAACCESS")),!((null==e?void 0:e.length)>0))return;{let t=document.createElement("yoo-form-capture-webcam-dialog");t.device=e[0],O(t,{},"",T("Enter","X",!0),T("Leave","X",!0),!0).then((e=>{(null==e?void 0:e.data)&&this.onHandleMediaInput(e.data,g.photo),t=null}))}}}onCaptureVideo(){z()&&l().then((t=>{if(t&&t.length){let e=t[0].fullPath;e&&e.indexOf("file://")<0&&(e="file://"+e),this.onHandleMediaInput(e,g.video)}}))}onShowActionSheet(t){t&&(t.stopPropagation(),t.preventDefault()),this.iconClicked.emit(!0);const e=x(this.host)?[]:[{icon:"camera",actionType:"photo",text:j("PHOTO"),iconColor:"app-color",description:j("TAKEANEWPHOTO"),handler:()=>this.onCapturePicture()}];this.isInputTypeAllowed(f.video)&&!x(this.host)&&e.push({icon:"videocamera",actionType:"video",iconColor:"app-color",text:j("VIDEO"),description:j("TAKEANEWVIDEO"),handler:()=>this.onCaptureVideo()}),this.isInputTypeAllowed(f.gallery)&&e.push({icon:"photo-library",iconColor:"app-color",text:j("GALLERY"),description:j("PICKFROMLIBRARY"),handler:()=>this.onImportFromLibrary()}),this.isInputTypeAllowed(f.document)&&e.push({icon:"file",iconColor:"app-color",text:j("DOCUMENT"),description:j("ADDAFILE"),handler:()=>{k({type:"show-document",params:{selectionMode:!0}}).then((t=>{if((null==t?void 0:t.data)&&!Q(null==t?void 0:t.data)){let e;["_id","size","boxId","mimeType","_filename","_downloadURL"].forEach((a=>{t.data[a]&&(e=e||{},e[a]=t.data[a])})),this.onHandleMediaInput(e||t.data,g.document,!1)}}))}}),this.isInputTypeAllowed(f.audio)&&e.push({icon:"microphone",iconColor:"app-color",text:j("AUDIO"),description:j("TAKEANEWAUDIO"),handler:()=>this.onMicIconClicked()}),this.isInputTypeAllowed(f.gif)&&e.push({icon:"gif",iconColor:"app-color",text:j("GIF"),description:j("SELECTGIF"),handler:()=>this.onGifIconClicked()}),1===e.length?e[0].handler():setTimeout((()=>{A(e,void 0,void 0,this.capturIconEl,t,"above")}),200)}async onInput(t){var e;t.stopPropagation();const a=(null===(e=this.advancedOptions)||void 0===e?void 0:e.allowMention)?t.detail:t.target.value;this.onEmitTypingEvent(!0,this.value===a),this.value=a,this.setUrlPreview(),this.hasTextInside=await this.formTextArea.hasText()}setUrlPreview(){var t,e;if(null===(t=this.advancedOptions)||void 0===t?void 0:t.allowUrlPreview){const{links:t}=K(this.value);(null==t?void 0:t.length)>0&&((null===(e=this.linkPreviews)||void 0===e?void 0:e.length)<1||t[0]!==this.linkPreviews[0].url)?(this.urlPreviewAdded.emit(!0),this.linkPreviews=[{url:t[0]}]):(null==t?void 0:t.length)<1&&(this.urlPreviewAdded.emit(!1),this.linkPreviews=[])}}onEmitTypingEvent(t,e){t&&(clearTimeout(this.typingTimeout),this.typingTimeout=setTimeout((()=>{this.isTyping.emit(!1),this.previousIsTyping=!1}),1e4)),t===this.previousIsTyping||e||(this.isTyping.emit(t),this.previousIsTyping=t)}onImportFromLibrary(){const t=this.getTypeMaximumAllowedSize();if(this.browseLibrary.emit(!0),z())this.mediaLoading.emit(!0),d(t,this.isInputTypeAllowed(f.video)?c.ALLMEDIA:c.IMAGE,!0,70).then((t=>{if(this.mediaLoading.emit(!1),!((null==t?void 0:t.length)<=0))return 1===t.length&&G(t[0])?this.onHandleMediaInput(t[0],g.photo):void t.forEach((t=>{t.indexOf("file://")<0&&(t="file://"+t),this.onHandleMediaInput(t,S(t),!0,!0)}))}));else{const e=[v.image,v.gif,v.unsplash];let a=this.getTypeMaximumAllowedSize(f.gallery);this.isInputTypeAllowed(f.video)&&(e.push(v.video),a=t),this.captureFile(void 0,e,void 0,a)}}async onFileSelect(t){var e,a;if((null===(e=null==t?void 0:t.target)||void 0===e?void 0:e.files)&&this.fileCaptureSettings&&!z()){let e=[];await Promise.all(Array.from(t.target.files).map((async t=>{var e;let a=t;return G(t)&&!(null===(e=this.advancedOptions)||void 0===e?void 0:e.useImageFile)&&await N(t,"blob").then((async t=>{a=t})),a}))).then((t=>e=t)),(null===(a=this.advancedOptions)||void 0===a?void 0:a.groupImport)?this.onHandleMediaInput(e,this.fileCaptureSettings.type||S(e[0]),!0,!0):e.forEach((t=>{this.onHandleMediaInput(t,this.fileCaptureSettings.type||S(t),!0,this.fileCaptureSettings.preventAnnotation)})),this.fileCaptureSettings=null}}async onHandleMediaInput(t,e,a=!0,o){var i,r;const n=null!==(i=t._downloadURL)&&void 0!==i?i:t,p=async o=>{let i;t._downloadURL&&e!==g.document&&(i=t.mediaDimension),a||e!==g.photo||(i=await L(n)),this.mediaInput.emit({type:e,payload:e===g.photo?n:t,options:{requireUpload:a,annotationData:o,dimensionData:i}})};(null===(r=this.advancedOptions)||void 0===r?void 0:r.allowAnnotation)&&e===g.photo&&!o&&(E(t)?1===t.length:t)?H({src:n,showSaveInitial:!0,isReadonly:!1,submitButton:{text:"YOOBICSEND",color:"success",size:"large",handler:async t=>{await D(null),p(t)}},closeHandler:()=>D(null)},{enterAnimation:"slideYEnterAnimation",leaveAnimation:"slideYLeaveAnimation"}):p()}onCloseReplyMode(){this.hasTextInside=!1,this.replyCancelled.emit(!0)}onInputFocused(t){t.stopPropagation(),this.focused=!0,this.inputFocused.emit(!0),this.showBottomDialog&&this.onToggleBottomDialog()}onInputBlurred(t){t.stopPropagation(),this.onEmitTypingEvent(!1),this.focused=!1,this.inputBlurred.emit(!0)}noAudio(){I(j("AUDIO"),[j("YOOBICOK")],j("NOAUDIO"))}async onWebRecorder(){const t=await h();if(t&&t.data)return this.onHandleMediaInput(t.data,g.audio)}async onNativeRecorder(){var t;const e={limit:1,duration:(null===(t=this.advancedOptions)||void 0===t?void 0:t.duration)||60};return R(),b.captureAudio(e).then((t=>{if(t&&t.length>0){let e=t[0].fullPath;z()&&!e.includes("file://")&&(e="file://"+e);let a=Promise.resolve(e);M()&&(a=U(e,!!P().user&&P().user.disablePhotoOrientationAutoFix)),a.then((t=>(R(!1),this.onHandleMediaInput(t,g.audio))))}})).catch((t=>{R(!1),3!==t.code&&this.noAudio()}))}async onMicIconClicked(){M()?await this.onNativeRecorder():await this.onWebRecorder()}onVibrate(){z()&&M()&&m.impact({style:"medium"})}async onActionClick(t=!1){var e,a;if(this.onVibrate(),this.hasTextInside||this.value&&""!==this.value){const t=await W(this.value);this.sendText.emit(t),this.value=null,this.formTextArea&&this.formTextArea.updateValueAndFocus(""),this.setUrlPreview(),this.hasTextInside=!1,this.showBottomDialog&&this.onToggleBottomDialog()}else this.onImportFromLibrary();(null===(e=this.advancedOptions)||void 0===e?void 0:e.keepFocusAfterAction)&&this.formTextArea&&!t&&this.formTextArea.setFocus(),(null===(a=this.advancedOptions)||void 0===a?void 0:a.blurAfterAction)&&this.formTextArea&&this.formTextArea.setBlur()}onInputActionClick(t,e){switch(this.onVibrate(),t){case f.gif:return this.onToggleBottomDialog();case f.audio:return this.onMicIconClicked();case f.camera:return this.onCapturePicture();case f.document:if(e)return this.onCaptureLocalFile(g.document,!0);break;case f.gallery:if(e)return this.captureFile(g.photo,[v.unsplash,v.gif,v.image],!0,this.getTypeMaximumAllowedSize(t));break;case f.video:if(e)return this.captureFile(g.video,[v.video],!0,this.getTypeMaximumAllowedSize(t))}}onGifIconClicked(){const t=()=>{var t;const e=((null===(t=this.advancedOptions)||void 0===t?void 0:t.extraBottomDialogTab)||[]).findIndex((t=>"gifs"===t.value));e>0&&(this.tabRef.setTab(e),this.currentTabIndex=e)};this.showBottomDialog?t():this.onToggleBottomDialog(t)}onDismissReplyClicked(t){null==t||t.stopPropagation(),this.replyChatMessage=null,this.dismissReplyClicked.emit()}onReactionContainerClick(t){t.stopPropagation(),this.blurInputField()}onReactionClick(t,e){t.stopPropagation(),this.sendText.emit(e),this.blurInputField()}renderInputBarIcons(){var t,e,o,i;let r;const n=[this.getIconDetails(f.audio)];x(this.host)||n.push(this.getIconDetails(f.camera)),(null===(e=null===(t=this.secondaryActionSettings)||void 0===t?void 0:t.showAsSecondaryIcon)||void 0===e?void 0:e.length)>0&&this.secondaryActionSettings.showAsSecondaryIcon.forEach((t=>{n.push(this.getIconDetails(t))}));const p=!this.focused&&(null===(i=null===(o=this.secondaryActionSettings)||void 0===o?void 0:o.secondaryActions)||void 0===i?void 0:i.length)>0;return a("div",{class:{"input-bar-icon-container":!0,invisible:this.hasTextInside}},n.map((t=>{var e;const o=(null==t?void 0:t.type)===f.audio&&q();return this.isInputTypeAllowed(t.type)&&a("yoo-button",{onClick:t.handler,onTouchEnd:()=>{if(o)return clearTimeout(r),!1},onTouchStart:()=>{o&&(r=setTimeout((()=>{A([{text:j("YOOBICRECORDEROPTION"),handler:()=>this.onWebRecorder()},{text:j("YOOBICNATIVERECORDEROPTION"),handler:()=>this.onNativeRecorder()}])}),4e3))},fill:"transparent",shape:"circular",rippleType:"unbounded"},a("yoo-icon",{name:t.name,color:t.color,size:null===(e=this.secondaryActionSettings)||void 0===e?void 0:e.secondaryIconSize}))})),p&&this.renderSecondaryActions())}renderInputBarActions(){const t={"action-text":!0,invisible:!this.hasTextInside};return[!z()&&this.renderFileInput(),!this.hasTextInside&&this.renderInputBarIcons(),this.hasTextInside&&a("div",{class:t,onClick:()=>this.onActionClick()},j(this.actionText))]}renderSecondaryActions(){var t;const e=t=>{this.onVibrate(),t.handler()};return((null===(t=this.secondaryActionSettings)||void 0===t?void 0:t.secondaryActions)||[]).map((t=>a("yoo-icon",{name:t.icon,color:t.iconColor||"stable-alt",size:null==t?void 0:t.size,onClick:()=>e(t)})))}renderFileInput(){const t=this.getTypeMaximumAllowedSize()>1;return a("input",{name:"file",ref:t=>this.fileInput=t,multiple:t,type:"file",class:"invisible",onChange:t=>this.onFileSelect(t)})}renderGifIcon(){var t;return a("yoo-icon",{name:"photo-library",color:"stable",slot:"right",class:{invisible:this.hasTextInside},size:null===(t=this.secondaryActionSettings)||void 0===t?void 0:t.secondaryIconSize,onClick:()=>this.onImportFromLibrary()})}renderTextarea(){var t,e,o;return a("yoo-form-text-area",{ref:t=>this.formTextArea=t,class:"input-bar",resizable:"both",value:this.value,initialRows:1,allowMention:null===(t=this.advancedOptions)||void 0===t?void 0:t.allowMention,mentionFitMaxRows:!0,maxRows:5,allowCustomInput:!0,disableEnter:x(this.host),onInputBlurred:t=>this.onInputBlurred(t),onInputFocused:t=>this.onInputFocused(t),onInputChanged:t=>this.onInput(t),onEnterPressed:()=>x(this.host)?this.onActionClick():null,otherIds:null===(e=this.advancedOptions)||void 0===e?void 0:e.otherIds,mentions:null===(o=this.advancedOptions)||void 0===o?void 0:o.mentions,onClick:()=>{x(this.host)&&this.sendAttachment.emit("")}},!this.hasTextInside&&a("div",{slot:"placeholder",class:"placeholder"},j(this.placeholder)),this.isInputTypeAllowed(f.gif)&&this.renderGifIcon())}renderCaptureIcon(){var t,e,o,i,r,n;if(null===(t=this.captureIconSettings)||void 0===t?void 0:t.avatar)return a("yoo-avatar",{user:this.captureIconSettings.avatar,size:"large"});{const t=(null===(e=this.secondaryActionSettings)||void 0===e?void 0:e.secondaryIconSize)?"extra-extra-extra-large"===(null===(o=this.secondaryActionSettings)||void 0===o?void 0:o.secondaryIconSize)?"extra-extra-large":null===(i=this.secondaryActionSettings)||void 0===i?void 0:i.secondaryIconSize:"medium",p={color:this.showBottomDialog||this.focused?"stable-light":"app-color",size:t,iconOnlySize:null===(r=this.captureIconSettings)||void 0===r?void 0:r.iconSize,icon:null===(n=this.captureIconSettings)||void 0===n?void 0:n.icon},s=t=>{this.onShowActionSheet(t)},l=t=>{this.onVibrate(),this.focused&&z()&&M()?this.showActionSheetOnDidHide=!0:this.showBottomDialog?this.onToggleBottomDialog(s):s(t)};return a("div",{class:"capture-icon",ref:t=>this.capturIconEl=t,onMouseDown:t=>l(t)},a("yoo-tag",Object.assign({},p)))}}renderQuickReaction(){return a("div",{class:{"quick-reaction-overlay":!0,hide:!this.focused,web:x(this.host)},onMouseDown:t=>{this.onReactionContainerClick(t)}},a("div",{class:"reaction-title"},j("QUICKREACTIONS")),a("div",{class:"reactions-container"},this.quickReactions.map((t=>a("div",{class:"reaction",onMouseDown:e=>{this.onReactionClick(e,t)},innerHTML:t})))))}renderPlaceholder(){return a("div",{slot:"placeholder",class:"placeholder"},j(this.placeholder))}renderBottomDialogInnerContent(t){var e;const o=((null===(e=this.advancedOptions)||void 0===e?void 0:e.extraBottomDialogTab)||[])[this.currentTabIndex];return a("div",{class:{invisible:(null==o?void 0:o.value)!==t,"slot-grid":!0}},a("slot",{name:t}))}renderBottomDialog(){var t,e;return a("div",{class:"bottom-dialog-container",ref:t=>this.bottomDialogRef=t},a("yoo-header",{class:"secondary"},a("yoo-tabs",{tabs:(null===(t=this.advancedOptions)||void 0===t?void 0:t.extraBottomDialogTab)||[],ref:t=>this.tabRef=t,onTabSelected:t=>{this.onTabSelected(t)}})),((null===(e=this.advancedOptions)||void 0===e?void 0:e.extraBottomDialogTab)||[]).map((t=>this.renderBottomDialogInnerContent(null==t?void 0:t.value))))}renderTopIndication(){var t,e,o;const i={"indications-container":!0,active:this.hasTopIndication()};return a("div",{class:i},a("span",{class:"indications-inner"},(null===(t=this.advancedOptions)||void 0===t?void 0:t.topIndication)&&a("span",null,j(this.advancedOptions.topIndication)),!(null===(e=this.advancedOptions)||void 0===e?void 0:e.topIndication)&&(null===(o=this.advancedOptions)||void 0===o?void 0:o.replyToUser)&&a("span",null,j("REPLY_TO")+" ",a("span",{class:"user-indication"},Y(this.advancedOptions.replyToUser)))),a("span",{class:"close-reply",onClick:()=>this.onCloseReplyMode()},a("yoo-icon",{name:"close",color:"dark-to-light"})))}renderReplyMessage(){return a("div",{class:{"reply-message-container":!0}},this.replyChatMessage&&a("yoo-chat-message-preview",{message:this.replyChatMessage,onDismissReplyClicked:t=>this.onDismissReplyClicked(t)}))}renderUrlPreview(){var t;return a("div",{class:{"url-preview-container":!0,"no-border":(null===(t=this.linkPreviews)||void 0===t?void 0:t.length)<1}},a("yoo-form-url",{class:"chat-preview",readonly:!0,linkPreviews:this.linkPreviews,displayAllPreviews:!1,displayErrorPreviews:!1,canCloseLinkPreviews:!0,bigLinkPreviews:!1,linkPreviewImgType:"background",linkPreviewImgScaledUp:!1,linkPreviewImgInstant:!0,onLinkPreviewChanged:t=>{var e,a;(null===(a=null===(e=t.detail)||void 0===e?void 0:e.linkPreviews)||void 0===a?void 0:a.length)<1&&this.urlPreviewAdded.emit(!1)}}))}render(){var t,e,i,r;const n=this.isInputTypeAllowed(f.gif),p=!!((null===(t=this.secondaryActionSettings)||void 0===t?void 0:t.allowInput)?Object.keys(this.secondaryActionSettings.allowInput||{}).filter((t=>!!this.secondaryActionSettings.allowInput[t])):[]).length||(null===(e=this.captureIconSettings)||void 0===e?void 0:e.avatar),s=!!(null===(i=this.advancedOptions)||void 0===i?void 0:i.showQuickReaction);return a(o,{class:Object.assign(Object.assign({},V(this.host)),{expanded:this.showBottomDialog})},(null===(r=this.advancedOptions)||void 0===r?void 0:r.allowUrlPreview)&&this.renderUrlPreview(),this.renderReplyMessage(),a("div",{class:{"outer-container":!0,focused:this.focused,"has-text":this.hasTextInside,replying:this.hasTopIndication()}},this.renderTopIndication(),a("div",{class:"input-container"},p&&this.renderCaptureIcon(),this.renderTextarea(),this.renderInputBarActions()),n&&this.renderBottomDialog()),s&&this.renderQuickReaction())}get host(){return i(this)}};X.style=':root{--ease-in-back:cubic-bezier(0.36, 0, 0.66, -0.56);--ease-in-circ:cubic-bezier(0.55, 0, 1, 0.45);--ease-in-cubic:cubic-bezier(0.32, 0, 0.67, 0);--ease-in-expo:cubic-bezier(0.7, 0, 0.84, 0);--ease-in-quad:cubic-bezier(0.11, 0, 0.5, 0);--ease-in-quart:cubic-bezier(0.5, 0, 0.75, 0);--ease-in-quint:cubic-bezier(0.64, 0, 0.78, 0);--ease-in-sine:cubic-bezier(0.12, 0, 0.39, 0);--ease-out-back:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-out-circ:cubic-bezier(0, 0.55, 0.45, 1);--ease-out-cubic:cubic-bezier(0.33, 1, 0.68, 1);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-out-quad:cubic-bezier(0.5, 1, 0.89, 1);--ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--ease-out-sine:cubic-bezier(0.61, 1, 0.88, 1);--ease-in-out-back:cubic-bezier(0.68, -0.6, 0.32, 1.6);--ease-in-out-circ:cubic-bezier(0.85, 0, 0.15, 1);--ease-in-out-cubic:cubic-bezier(0.65, 0, 0.35, 1);--ease-in-out-expo:cubic-bezier(0.87, 0, 0.13, 1);--ease-in-out-quad:cubic-bezier(0.45, 0, 0.55, 1);--ease-in-out-quart:cubic-bezier(0.76, 0, 0.24, 1);--ease-in-out-quint:cubic-bezier(0.83, 0, 0.17, 1);--ease-in-out-sine:cubic-bezier(0.37, 0, 0.63, 1)}.tippy-box,.tippy-popper{white-space:pre-wrap}.tippy-box .tippy-tooltip,.tippy-popper .tippy-tooltip{padding:var(--spacing-02, 0.125rem)}.tippy-box{-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}.tippy-box .tippy-content.editable{padding:0}.tippy-box .tippy-content .flex{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.tippy-box .tippy-content .hidden{display:none}.tippy-box .tippy-content .editable-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}.tippy-box .tippy-content .editable-content .text-content{min-width:5rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content .text-content>div{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content.readonly{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .maxchar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;height:var(--spacing-24, 1.5rem);padding-right:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content yoo-button{padding:0 var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content .edit-content{-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content .edit-content yoo-icon{padding-left:var(--spacing-08, 0.5rem);cursor:pointer}.tippy-box .tippy-content .editable-content .edit-content>*{cursor:pointer}.tippy-box .tippy-content .request-access{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .request-access .title{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700)}.tippy-box .tippy-content .request-access .sub-title{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-300, 300);font-size:var(--font-size-14, 0.875rem)}.tippy-box .tippy-content .request-access .sub-title yoo-avatar{margin:0 var(--spacing-04, 0.25rem)}.tippy-box .tippy-content .request-access yoo-button{max-width:8rem}.tippy-box[data-theme~=startameeting] .tippy-content{padding:0;border-radius:var(--border-radius-04, 0.25rem)}.tippy-box[data-theme~=large]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content .text-content{padding-right:var(--spacing-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=small] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content .text-content{padding-right:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=accent]{background-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=accent] .tippy-svg-arrow{fill:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--accent, #276ef1)}.tippy-box[data-theme~=anthracite]{background-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite] .tippy-svg-arrow{fill:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=app-color]{background-color:var(--app-color)}.tippy-box[data-theme~=app-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=app-color] .tippy-svg-arrow{fill:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--app-color)}.tippy-box[data-theme~=danger]{background-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger] .tippy-svg-arrow{fill:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger-light]{background-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger-light] .tippy-svg-arrow{fill:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=dark]{background-color:var(--dark, #000000)}.tippy-box[data-theme~=dark] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=dark] .tippy-svg-arrow{fill:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--dark, #000000)}.tippy-box[data-theme~=energized]{background-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=energized] .tippy-svg-arrow{fill:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--energized, #fed05b)}.tippy-box[data-theme~=info]{background-color:var(--info, #fc459e)}.tippy-box[data-theme~=info] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=info] .tippy-svg-arrow{fill:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--info, #fc459e)}.tippy-box[data-theme~=light]{background-color:var(--light, #ffffff)}.tippy-box[data-theme~=light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light] .tippy-svg-arrow{fill:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light, #ffffff)}.tippy-box[data-theme~=light-orange]{background-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-orange] .tippy-svg-arrow{fill:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-to-text-color]{background-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-to-text-color] .tippy-svg-arrow{fill:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=royal]{background-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=royal] .tippy-svg-arrow{fill:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--royal, #7577ff)}.tippy-box[data-theme~=stable]{background-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable] .tippy-svg-arrow{fill:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable-alt]{background-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-alt] .tippy-svg-arrow{fill:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-light]{background-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-light] .tippy-svg-arrow{fill:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-ultralight]{background-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-ultralight] .tippy-svg-arrow{fill:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=success]{background-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=success] .tippy-svg-arrow{fill:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--success, #3aa76d)}.tippy-box[data-theme~=text-color]{background-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=text-color] .tippy-svg-arrow{fill:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--text-color, #807f83)}.tippy-box[data-theme~=warning]{background-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=warning] .tippy-svg-arrow{fill:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--warning, #ff6402)}.tippy-box[data-theme~=anthracite-to-text-color]{background-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-svg-arrow{fill:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite-to-text-color, #1a1a1a)}:root{--safe-area-inset-top:0;--safe-area-inset-right:0;--safe-area-inset-bottom:0;--safe-area-inset-left:0}@supports (top: constant(safe-area-inset-top)){:root{--safe-area-inset-top:constant(safe-area-inset-top);--safe-area-inset-right:constant(safe-area-inset-right);--safe-area-inset-bottom:constant(safe-area-inset-bottom);--safe-area-inset-left:constant(safe-area-inset-left)}}@supports (top: env(safe-area-inset-top)){:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}}.fr-popup.fr-active{z-index:30004 !important;display:block !important;opacity:1 !important}:host{--padding-input-container:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);--input-bar-placeholder-font-size:var(--font-size-16, 1rem);--input-bar-border-top:none;--emoji-icon-size:var(--font-size-28, 1.75rem);--graident-height:3.5rem;display:block;width:100%}:host .invisible{display:none}:host .outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end;min-height:57px;background:var(--light-to-dark, #ffffff);border-top:var(--input-bar-border-top)}:host .outer-container .input-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--padding-input-container)}:host .outer-container .input-container .input-bar-icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:var(--icon-size-01, 1rem)}:host .outer-container .input-container .input-bar-icon-container yoo-button:not(:last-of-type){margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .input-container .action-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--app-color);font-weight:bold;white-space:nowrap}:host .outer-container .placeholder{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--spacing-08, 0.5rem) 0;color:var(--stable, #adadad);pointer-events:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .bottom-dialog-container{position:relative;width:100%;height:0;overflow:hidden}:host .outer-container .bottom-dialog-container::after{position:absolute;bottom:0;width:100%;height:var(--graident-height);background-image:-webkit-gradient(linear, left top, left bottom, from(var(--light-20, rgba(255, 255, 255, 0.2))), to(var(--light, #ffffff)));background-image:linear-gradient(to bottom, var(--light-20, rgba(255, 255, 255, 0.2)), var(--light, #ffffff));border-radius:2.3px;content:""}:host .outer-container .bottom-dialog-container .emoji-outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem)}:host .outer-container .bottom-dialog-container .emoji-outer-container.most-used{margin:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);padding:0;border-bottom:1px solid var(--stable-light-80, rgba(241, 241, 241, 0.8))}:host .outer-container .bottom-dialog-container .emoji-outer-container.most-used .emoji-container{margin-bottom:0}:host .outer-container .bottom-dialog-container .emoji-outer-container .header{color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .bottom-dialog-container .emoji-outer-container .emoji-container{display:grid;grid-gap:var(--font-size-20, 1.25rem);grid-template-columns:repeat(auto-fit, var(--emoji-icon-size));-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:calc(var(--graident-height) + var(--spacing-32, 2rem));padding:var(--spacing-08, 0.5rem);row-gap:0}:host .outer-container .bottom-dialog-container .emoji-outer-container .emoji-container .emoji{font-size:var(--emoji-icon-size)}:host .outer-container .bottom-dialog-container .slot-grid:not(.invisible){position:relative;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%}:host .indications-container{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:none;-ms-flex-align:center;align-items:center;width:100%;padding-left:var(--spacing-16, 1rem);color:var(--text-color-to-light-60, #807f83);font-size:var(--font-size-01);background:var(--stable-light-to-dark, #f1f1f1);opacity:0;-webkit-transition:all ease 0.3s;transition:all ease 0.3s}:host .indications-container.active{display:-ms-flexbox;display:flex;opacity:1}:host .indications-container .close-reply{padding-right:var(--spacing-16, 1rem)}:host .indications-container .indications-inner{-ms-flex:1;flex:1;padding-left:var(--spacing-16, 1rem)}:host .indications-container .indications-inner .user-indication{-ms-flex:1;flex:1;color:var(--dark-to-light, #000000);font-weight:var(--font-weight-03)}:host .quick-reaction-overlay{position:fixed;top:20%;z-index:9;-ms-flex-direction:column;flex-direction:column;width:100%;height:auto;margin:auto;opacity:1;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease;pointer-events:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .quick-reaction-overlay.web{position:absolute;margin-top:-150%}:host .quick-reaction-overlay.hide{opacity:0;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease;pointer-events:none}:host .quick-reaction-overlay .reactions-container{display:grid;grid-template-columns:25% 25% 25% 25%;width:100%}:host .quick-reaction-overlay .reactions-container .reaction{font-size:var(--spacing-48, 3rem);text-align:center}:host .quick-reaction-overlay .reaction-title{padding-top:var(--spacing-16, 1rem);padding-bottom:var(--spacing-32, 2rem);color:var(--light-to-dark, #ffffff);font-size:var(--font-size-16, 1rem)}:host(.footer){--input-bar-border-top:0.0625rem solid var(--stable-light-to-light-20, #f1f1f1)}:host(.iphone-x.footer) .outer-container:not(.focused),:host(.iphone-x.simple) .outer-container:not(.focused){padding-bottom:2rem}:host(.simple){position:absolute;bottom:0px;z-index:40000}:host(.simple) .outer-container{background:transparent}:host(.simple) yoo-form-text-area{--inputbar-background-color:var(--light-20, rgba(255, 255, 255, 0.2));--textarea-font-color:var(--light, #ffffff)}:host(.dark){background:var(--dark, #000000)}:host(.secondary) yoo-form-text-area{--input-bar-margin:0 var(--spacing-24, 1.5rem);--textarea-pointer-event:none;--input-bar-border-radius:var(--border-radius-04, 0.25rem);cursor:pointer}:host(.secondary) .outer-container{background-color:var(--light-to-dark, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:host(.secondary) .outer-container .input-bar-icon-container{position:relative;white-space:nowrap}:host(.secondary) .outer-container .input-bar-icon-container yoo-icon{cursor:pointer;fill:var(--stable-alt, #d0d0d0)}:host(.web:not(.small)){min-height:3.5625rem}:host(.small) yoo-form-text-area{--textarea-height:var(--spacing-24, 1.5rem);--textarea-inner-padding:var(--spacing-02, 0.125rem) 0}';export{X as yoo_input_bar}

package/dist/design-system/p-ac47a6c5.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as a,H as r,g as o}from"./p-c26cc6ff.js";import{y as i,U as n,W as c,Y as s,b as p,t as l,_ as d,X as h,T as b}from"./p-a966475f.js";import"./p-4d956bd4.js";import{g as m}from"./p-68955196.js";import"./p-b5241164.js";import{f}from"./p-33b2d3a2.js";import{c as g,a as y}from"./p-77bfd3e2.js";import{b as u}from"./p-432e8458.js";import{s as v}from"./p-2fbb14cc.js";import{i as x}from"./p-6b61583e.js";import{c as w}from"./p-d05412cf.js";import"./p-9229f5bb.js";import"./p-e0d6fbed.js";import"./p-ca8f9900.js";import"./p-bd19a341.js";import"./p-0bb947fc.js";import"./p-179b66ff.js";import"./p-12bedee1.js";import"./p-4b1fdfbb.js";import"./p-01267bd9.js";import"./p-49399b44.js";import"./p-affcd66d.js";import"./p-cfca4271.js";import"./p-b5ba03fd.js";import"./p-56bcc009.js";import"./p-baaa30cf.js";import"./p-e1378940.js";import"./p-43f71ef3.js";import"./p-a1142cd3.js";import"./p-c5108113.js";import"./p-e3093327.js";import"./p-ba705441.js";import"./p-773567d1.js";import"./p-2043b4c7.js";import"./p-0dae56e6.js";var k,z;!function(t){t.left="left",t.right="right",t.undo="undo"}(k||(k={})),function(t){t.image="image",t.textimage="textimage",t.text="text"}(z||(z={}));const j=class{constructor(a){t(this,a),this.validityChanged=e(this,"validityChanged",7),this.inputChanged=e(this,"inputChanged",7),this.blockMoves=e(this,"blockMoves",7),this.validators=[],this.mode=z.text,this.showInstructionView=!0,this.animated=!0,this.shuffled=!0,this.values=[],this.swipeCards=[],this.animationDelay=this.animated?.25:0,this.cardsElements=[],this.swipeButtons=[]}onIsVisibleChanged(){setTimeout((()=>this.displayFooterElement(!this.showInstructionView)),150)}get hasImage(){return this.isMode(z.image)||this.isMode(z.textimage)}get hasText(){return this.isMode(z.text)||this.isMode(z.textimage)}get hasTwoCategories(){var t,e;return!(!(null===(t=this.categories)||void 0===t?void 0:t.length)||2!==(null===(e=this.categories)||void 0===e?void 0:e.filter((t=>t)).length))}get buttons(){const t=t=>{var e,a;return null===(a=null===(e=this.swipeButtons)||void 0===e?void 0:e.filter((e=>(null==e?void 0:e.id)===`swipe-${t}`)))||void 0===a?void 0:a[0]};return{left:t(k.left),undo:t(k.undo),right:t(k.right)}}get currentCard(){return this.swipeCards[this.swipeCards.reduce(((t,e,a)=>e.swipedDirection?a+1:t),0)]}get currentCardElement(){var t;return this.getCardElement(null===(t=this.currentCard)||void 0===t?void 0:t.id)}get formHeight(){var t;return null===(t=i(this.host,"form"))||void 0===t?void 0:t.clientHeight}onRequireChanged(){this.validate()}onValuesChanged(){this.isMode(z.image)||this.spyOnValuesChanged(this.values)}onImagesChanged(){this.isMode(z.text)||this.spyOnValuesChanged(this.images)}onCategoriesChanged(){if(!this.hasDuplicatesValues){const t=this.livePreview&&!this.hasTwoCategories;g(this.outerContainerElement,t,"NOTFULFILLEDCATEGORIES"),t&&(this.showInstructionView=!0)}}componentWillLoad(){this.shuffleCardValues(),this.revealCards=!this.showInstructionView,this.swipeCards=this.initCards()}componentDidLoad(){this.outerContainerElement&&(this.displayFooterElement(!1),this.showInstructionView||this.initDraggable())}componentWillUpdate(){this.hasDataChanged&&(this.cardValues=[],this.shuffleCardValues(),this.revealCards=!0,this.swipeCards=this.initCards())}componentDidUpdate(){this.revealCards&&(this.hasDataChanged=!1,this.revealCards=!1,this.initDraggable()),setTimeout((()=>this.lockSwipeButtons(!1)),750)}validate(){var t;const e=null===(t=this.swipeCards.filter((t=>t.swipedDirection)))||void 0===t?void 0:t.length;return this.validity=e===(this.hasImage?this.images.length:this.values.length),this.validityChanged.emit(this.validity),this.validity}hasEmptyValue(t){return!(null==t?void 0:t.length)||!!(null==t?void 0:t.filter((t=>!t)).length)}shuffleCardValues(){const t=this.hasImage?this.images.filter((t=>this.isMode(z.textimage)?null==t?void 0:t._filename:t)):this.values.filter((t=>t));this.cardValues=this.shuffled?v(t):t}getCardElement(t){var e;return null===(e=this.cardsElements)||void 0===e?void 0:e.find((e=>(null==e?void 0:e.id)===t))}spyOnValuesChanged(t){if(this.hasTwoCategories){const e=this.hasEmptyValue(t);this.hasDuplicatesValues=1===y(this.values);const a=this.livePreview&&(e||this.hasDuplicatesValues),r=this.isMode(z.textimage)&&e?"NOEMPTYVALUES":this.hasDuplicatesValues?"NODUPLICATEVALUES":"";g(this.outerContainerElement,a,r),this.hasDataChanged=!a,a&&(this.showInstructionView=!0)}}getUserAnswer(){const t=t=>{var e,a;return this.isMode(z.image)?d(null===(a=null===(e=this.answer)||void 0===e?void 0:e[0])||void 0===a?void 0:a[0])?t._downloadURL:t._downloadURL.split("/").pop():this.isMode(z.textimage)?t._filename:t},e=e=>this.swipeCards.filter((t=>t.swipedDirection===e)).map((e=>t(e.value)));u([e(k.left),e(k.right)],this)}displayFooterElement(t=!0){const e=i(this.host,"yoo-ion-slide");if(e){const a=e.querySelector("yoo-form-footer");a&&!this.livePreview&&(a.style.display=t?"block":"none")}}initDraggable(){this.cardsElements.filter((t=>!n.get(t))).forEach((t=>this.getDraggableInstance(t))),this.cardsElements.forEach((t=>null==t?void 0:t.classList.remove("revealing")))}initCards(){var t;return(null===(t=this.cardValues)||void 0===t?void 0:t.map((t=>({id:m(),value:t}))))||[]}lockSwipeButtons(t=!0){this.swipeButtons.forEach((e=>e.disabled=t))}swipeCard(t){this.currentCard&&(this.lockSwipeButtons(),this.buttons[t].style.removeProperty("transform"),this.backgroundElement.removeAttribute("direction"),this.currentCardElement.setAttribute("swiped",t),this.currentCard.swipedDirection=t,this.getUserAnswer())}getSwipedState(t){const e=[.35,.65];return{swipedDirection:t<e[0]?k.left:t>e[1]?k.right:null,isCardThrowable:!x(t,e[0],e[1])}}setSwipingColor(t){if(this.currentCardElement){const e=this.currentCardElement.querySelector(".content-category"),a=[k.left,k.right].includes(t);e.textContent=this.getSwipedCategoryValue(t),[this.backgroundElement,this.currentCardElement].forEach((e=>{a?e.setAttribute("direction",t):e.removeAttribute("direction")}))}}getDraggableInstance(t){return c().then((e=>{if(!e||!t)return;this.revealCards=!1;const a=this.host.clientWidth/2,r=e(),o=e({paused:!0}),i=t=>t.classList.contains("current");o.fromTo(this.buttons.left,1,{scale:1.5},{scale:1},0).fromTo(this.buttons.right,1,{scale:1},{scale:1.5},1).progress(.5);const c=t=>{i(t)&&(this.blockMoves.emit(!0),null==r||r.kill())},s=(t,e)=>{if(i(e)){const e=w((t+a)/(2*a),0,1);o.progress(e),this.setSwipingColor(this.getSwipedState(e).swipedDirection)}},p=e=>{if(i(e)){const e=this.getSwipedState(o.progress());e.isCardThrowable?this.swipeCard(e.swipedDirection):r.to(t,this.animationDelay,{left:0,top:0}).to([this.buttons.left,this.buttons.right],{scale:1,ease:h.easeInOut},0)}else b(t,this.animationDelay,{left:0,top:0})};return new n(t,{bound:this.outerContainerElement,type:"left, top",cursor:"grab",zIndexBoost:!1,onDragStart(){c(this.target)},onDrag(){s(this.x,this.target)},onDragEnd(){p(this.target)}})}))}clickToSwipe(t){this.buttons[t].disabled||(this.setSwipingColor(t),setTimeout((()=>this.swipeCard(t)),400))}async undoSwipe(){const t=this.swipeCards[this.swipeCards.reduce(((t,e,a)=>e.swipedDirection?a:t),0)];if(!this.buttons.undo.disabled&&(null==t?void 0:t.swipedDirection)){this.lockSwipeButtons();const e=this.getCardElement(null==t?void 0:t.id);e&&(e.style.removeProperty("top"),e.style.removeProperty("left"),e.removeAttribute("swiped"),null==t||delete t.swipedDirection,setTimeout((()=>{this.getUserAnswer()}),225))}}isMode(t){return this.mode===t}getSwipedCategoryValue(t){var e;return(null===(e=this.categories)||void 0===e?void 0:e.length)&&s(t===k.left?this.categories[0]:t===k.right?this.categories[1]:"")}renderCards(){return a("div",{class:"stacked-cards-container"},this.swipeCards.map(((t,e,r)=>{var o;const i=r.indexOf(this.currentCard)||0,n=-1!==i;return a("div",Object.assign({class:{"card-container":!0,current:e===i,second:n&&e===i+1,third:n&&e===i+2,revealing:this.revealCards},id:t.id,ref:t=>this.cardsElements[e]=t},Object.assign({type:this.mode},t.swipedDirection&&{direction:t.swipedDirection})),this.hasImage&&a("div",{class:"content-image"},a("yoo-img",{instant:!0,src:t.value._downloadURL})),this.hasText&&a("div",{class:"content-text"},s((null===(o=t.value)||void 0===o?void 0:o._filename)||t.value)),a("div",{class:"content-category"}))})))}renderInstructionCategory(t){const e=t===k.left,r=e?"danger-light":"light-orange",o=p(this.host)?r:"light-to-dark",i=p(this.host)?"large":"medium",n=this.categories&&s(e?this.categories[0]:this.categories[1]);return a("div",{class:`category ${t}`},a("yoo-tag",{noBackground:p(this.host),color:r,size:"large",icon:`big-arrow-${t}`,iconOnlyColor:o,iconOnlySize:i}),a("p",{class:`${r}`},n),a("span",{class:"stable"},l(`SWIPE${t.toUpperCase()}`)))}renderTopDescription(){return a("div",{class:"top-description"},a("h1",null,s(this.label)),a("span",{class:"stable"},l(this.description||"CARDSWIPEDEFAULTINSTRUCTIONS")))}renderInstructions(){const t=(this.isMode(z.textimage)?!this.hasEmptyValue(this.images)&&!this.hasEmptyValue(this.values):!this.hasEmptyValue(this.images)||!this.hasEmptyValue(this.values))&&this.hasTwoCategories&&!this.hasDuplicatesValues;return a("div",{class:"instructions-container"},this.renderTopDescription(),a("div",{class:"categories"},this.renderInstructionCategory(k.left),a("yoo-icon",{size:"extra-extra-large",name:"swipe-explanation",color:"stable-alt"}),this.renderInstructionCategory(k.right)),this.instructionsDocument&&a("div",{class:"document"},a("div",{class:"document-title"},l("ATTACHMENTS")),a("yoo-form-document",{document:this.instructionsDocument,readonly:!0,onInputChanged:t=>t.stopPropagation()})),a("yoo-button",{disabled:!t,size:p(this.host)&&!this.livePreview?"medium":"large",color:"app-color",onClick:()=>{this.revealCards=!0,this.showInstructionView=!1,this.displayFooterElement()}},l("START")))}renderSwipeButtons(){return a("div",{class:"swipe-buttons"},[k.left,k.undo,k.right].map(((t,e)=>this.renderSwipeAction(t,e))))}renderSwipeAction(t,e){var r;const o=t===k.undo,i=t===k.left,n=!p(this.host)||this.livePreview,c=o?p(this.host)?"light":"stable-alt-to-text-color":i?"danger-light":"light-orange",l=o?"undo":`big-arrow-${t}`,d=i?0:1;return a("div",{class:"swipe-action"},a("yoo-button",{shape:"circular",rippleType:"unbounded",id:`swipe-${t}`,size:o&&!n?"medium":"large",fill:n||o?"solid":"transparent",color:o?n?"stable-light":"text-color":c.concat("-20"),ref:t=>this.swipeButtons[e]=t,onClick:()=>o?this.undoSwipe():this.clickToSwipe(t)},a("yoo-icon",{name:l,color:c,size:n?"medium":o?"small":"large"})),!o&&(null===(r=this.categories)||void 0===r?void 0:r.length)&&a("span",{class:c},s(this.categories[d])))}renderGame(){return a("div",{class:"game-container"},p(this.host)&&!this.livePreview&&this.renderTopDescription(),a("div",{class:"swipecards-container"},a("div",{class:"background",ref:t=>this.backgroundElement=t},this.renderCards()),this.renderSwipeButtons()))}renderSummary(){const t=t=>{var e,a;return(null===(e=this.value)||void 0===e?void 0:e.length)&&(null===(a=this.answer)||void 0===a?void 0:a.length)?s(t):""},e=t=>{var e;return(null===(e=this.images.find((e=>e[this.isMode(z.image)?"_downloadURL":"_filename"].includes(t))))||void 0===e?void 0:e._downloadURL)||""},r=(t,e)=>this.answer[t].find((t=>e.includes(t)))?"valid":"invalid";return this.categories.map(((o,i)=>[a("div",{class:"category-title"},t(o)),a("ul",null,Array.from(new Set(this.value[i])).map((t=>{var o;return a("li",{class:r(i,t)},!!(null===(o=this.images)||void 0===o?void 0:o.length)&&a("yoo-img",{src:e(t)}),!this.isMode(z.image)&&a("yoo-truncate",null,s(t)))})))]))}renderAlertDuplicates(){return this.livePreview&&a("yoo-banner",{class:"danger"})}render(){var t;return a(r,Object.assign({},this.formHeight&&{style:{height:`${this.formHeight}px`}},{class:Object.assign(Object.assign({},f(this.host)),{"live-preview":this.livePreview,"swiper-no-swiping":!this.readonly})}),a("div",{class:"outer-container",ref:t=>this.outerContainerElement=t},this.renderAlertDuplicates(),this.readonly?(null===(t=this.answer)||void 0===t?void 0:t.length)&&this.renderSummary():[this.showInstructionView&&this.renderInstructions(),!this.showInstructionView&&this.renderGame()]))}get host(){return o(this)}static get watchers(){return{isVisible:["onIsVisibleChanged"],required:["onRequireChanged"],values:["onValuesChanged"],images:["onImagesChanged"],categories:["onCategoriesChanged"]}}};j.style=':root{--ease-in-back:cubic-bezier(0.36, 0, 0.66, -0.56);--ease-in-circ:cubic-bezier(0.55, 0, 1, 0.45);--ease-in-cubic:cubic-bezier(0.32, 0, 0.67, 0);--ease-in-expo:cubic-bezier(0.7, 0, 0.84, 0);--ease-in-quad:cubic-bezier(0.11, 0, 0.5, 0);--ease-in-quart:cubic-bezier(0.5, 0, 0.75, 0);--ease-in-quint:cubic-bezier(0.64, 0, 0.78, 0);--ease-in-sine:cubic-bezier(0.12, 0, 0.39, 0);--ease-out-back:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-out-circ:cubic-bezier(0, 0.55, 0.45, 1);--ease-out-cubic:cubic-bezier(0.33, 1, 0.68, 1);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-out-quad:cubic-bezier(0.5, 1, 0.89, 1);--ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--ease-out-sine:cubic-bezier(0.61, 1, 0.88, 1);--ease-in-out-back:cubic-bezier(0.68, -0.6, 0.32, 1.6);--ease-in-out-circ:cubic-bezier(0.85, 0, 0.15, 1);--ease-in-out-cubic:cubic-bezier(0.65, 0, 0.35, 1);--ease-in-out-expo:cubic-bezier(0.87, 0, 0.13, 1);--ease-in-out-quad:cubic-bezier(0.45, 0, 0.55, 1);--ease-in-out-quart:cubic-bezier(0.76, 0, 0.24, 1);--ease-in-out-quint:cubic-bezier(0.83, 0, 0.17, 1);--ease-in-out-sine:cubic-bezier(0.37, 0, 0.63, 1)}.tippy-box,.tippy-popper{white-space:pre-wrap}.tippy-box .tippy-tooltip,.tippy-popper .tippy-tooltip{padding:var(--spacing-02, 0.125rem)}.tippy-box{-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}.tippy-box .tippy-content.editable{padding:0}.tippy-box .tippy-content .flex{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.tippy-box .tippy-content .hidden{display:none}.tippy-box .tippy-content .editable-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}.tippy-box .tippy-content .editable-content .text-content{min-width:5rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content .text-content>div{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content.readonly{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .maxchar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;height:var(--spacing-24, 1.5rem);padding-right:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content yoo-button{padding:0 var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content .edit-content{-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content .edit-content yoo-icon{padding-left:var(--spacing-08, 0.5rem);cursor:pointer}.tippy-box .tippy-content .editable-content .edit-content>*{cursor:pointer}.tippy-box .tippy-content .request-access{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .request-access .title{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700)}.tippy-box .tippy-content .request-access .sub-title{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-300, 300);font-size:var(--font-size-14, 0.875rem)}.tippy-box .tippy-content .request-access .sub-title yoo-avatar{margin:0 var(--spacing-04, 0.25rem)}.tippy-box .tippy-content .request-access yoo-button{max-width:8rem}.tippy-box[data-theme~=startameeting] .tippy-content{padding:0;border-radius:var(--border-radius-04, 0.25rem)}.tippy-box[data-theme~=large]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content .text-content{padding-right:var(--spacing-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=small] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content .text-content{padding-right:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=accent]{background-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=accent] .tippy-svg-arrow{fill:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--accent, #276ef1)}.tippy-box[data-theme~=anthracite]{background-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite] .tippy-svg-arrow{fill:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=app-color]{background-color:var(--app-color)}.tippy-box[data-theme~=app-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=app-color] .tippy-svg-arrow{fill:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--app-color)}.tippy-box[data-theme~=danger]{background-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger] .tippy-svg-arrow{fill:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger-light]{background-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger-light] .tippy-svg-arrow{fill:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=dark]{background-color:var(--dark, #000000)}.tippy-box[data-theme~=dark] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=dark] .tippy-svg-arrow{fill:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--dark, #000000)}.tippy-box[data-theme~=energized]{background-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=energized] .tippy-svg-arrow{fill:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--energized, #fed05b)}.tippy-box[data-theme~=info]{background-color:var(--info, #fc459e)}.tippy-box[data-theme~=info] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=info] .tippy-svg-arrow{fill:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--info, #fc459e)}.tippy-box[data-theme~=light]{background-color:var(--light, #ffffff)}.tippy-box[data-theme~=light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light] .tippy-svg-arrow{fill:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light, #ffffff)}.tippy-box[data-theme~=light-orange]{background-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-orange] .tippy-svg-arrow{fill:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-to-text-color]{background-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-to-text-color] .tippy-svg-arrow{fill:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=royal]{background-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=royal] .tippy-svg-arrow{fill:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--royal, #7577ff)}.tippy-box[data-theme~=stable]{background-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable] .tippy-svg-arrow{fill:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable-alt]{background-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-alt] .tippy-svg-arrow{fill:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-light]{background-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-light] .tippy-svg-arrow{fill:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-ultralight]{background-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-ultralight] .tippy-svg-arrow{fill:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=success]{background-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=success] .tippy-svg-arrow{fill:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--success, #3aa76d)}.tippy-box[data-theme~=text-color]{background-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=text-color] .tippy-svg-arrow{fill:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--text-color, #807f83)}.tippy-box[data-theme~=warning]{background-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=warning] .tippy-svg-arrow{fill:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--warning, #ff6402)}.tippy-box[data-theme~=anthracite-to-text-color]{background-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-svg-arrow{fill:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite-to-text-color, #1a1a1a)}:root{--safe-area-inset-top:0;--safe-area-inset-right:0;--safe-area-inset-bottom:0;--safe-area-inset-left:0}@supports (top: constant(safe-area-inset-top)){:root{--safe-area-inset-top:constant(safe-area-inset-top);--safe-area-inset-right:constant(safe-area-inset-right);--safe-area-inset-bottom:constant(safe-area-inset-bottom);--safe-area-inset-left:constant(safe-area-inset-left)}}@supports (top: env(safe-area-inset-top)){:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}}.fr-popup.fr-active{z-index:30004 !important;display:block !important;opacity:1 !important}.app-color{color:var(--app-color);fill:var(--app-color)}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.danger-light{color:var(--danger-light, #f46885);fill:var(--danger-light, #f46885)}.energized{color:var(--energized, #fed05b);fill:var(--energized, #fed05b)}.royal{color:var(--royal, #7577ff);fill:var(--royal, #7577ff)}.info{color:var(--info, #fc459e);fill:var(--info, #fc459e)}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.dark-to-light{color:var(--dark-to-light, #000000);fill:var(--dark-to-light, #000000)}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.text-color-to-light-60{color:var(--text-color-to-light-60, #807f83);fill:var(--text-color-to-light-60, #807f83)}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.light-to-dark{color:var(--light-to-dark, #ffffff);fill:var(--light-to-dark, #ffffff)}.light-orange{color:var(--light-orange, #fcae49);fill:var(--light-orange, #fcae49)}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.warning{color:var(--warning, #ff6402);fill:var(--warning, #ff6402)}.accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.text-color-to-stable{color:var(--text-color-to-stable, #807f83);fill:var(--text-color-to-stable, #807f83)}.stable-to-stable-20{color:var(--stable-to-stable-20, #adadad);fill:var(--stable-to-stable-20, #adadad)}.stable-to-light{color:var(--stable-to-light, #adadad);fill:var(--stable-to-light, #adadad)}.stable-alt-to-light-10{color:var(--stable-alt-to-light-10, #d0d0d0);fill:var(--stable-alt-to-light-10, #d0d0d0)}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-out{from{opacity:1}to{opacity:0}}.hidden{display:none !important}.flex{display:-ms-flexbox !important;display:flex !important}.block{display:block !important}:host{display:block;height:100%}:host .outer-container{height:100%}:host .outer-container yoo-banner{height:0}:host .outer-container .game-container,:host .outer-container .instructions-container{-webkit-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out}:host .outer-container .instructions-container .top-description{padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);background:var(--dark-to-light, #000000)}:host .outer-container .instructions-container .top-description h1{margin:0;color:var(--light-to-dark, #ffffff)}:host .outer-container .instructions-container .categories{display:inline-grid;grid-template-columns:1fr 0.5fr 1fr;width:100%;margin:var(--spacing-24, 1.5rem) 0;text-align:center}:host .outer-container .instructions-container .categories yoo-icon{margin:0 auto}:host .outer-container .instructions-container .categories .category{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;padding:0;color:var(--stable, #adadad)}:host .outer-container .instructions-container .categories .category p{max-width:75%;margin:auto;padding:var(--spacing-16, 1rem) 0}:host .outer-container .instructions-container .categories .category yoo-tag{margin:0 auto}:host .outer-container .instructions-container yoo-button{padding:var(--spacing-16, 1rem)}:host .outer-container .instructions-container .document{background-color:var(--light-to-dark, #ffffff)}:host .outer-container .instructions-container .document .document-title{padding:0 var(--spacing-16, 1rem);font-size:var(--font-size-16, 1rem)}:host .outer-container .instructions-container .document yoo-form-document{--outer-container-padding:cssvar(spacing-16) cssvar(spacing-16);width:calc(100% - cssvar(spacing-16))}:host .outer-container .game-container{position:relative;height:100%}:host .outer-container .game-container .swipecards-container{height:100%;overflow:hidden}:host .outer-container .game-container .swipecards-container [direction].card-container{z-index:5;-webkit-transition:-webkit-transform 0.35s !important;transition:-webkit-transform 0.35s !important;transition:transform 0.35s !important;transition:transform 0.35s, -webkit-transform 0.35s !important;-webkit-transform:translate(0%, 9%) scale(1);transform:translate(0%, 9%) scale(1);opacity:1}:host .outer-container .game-container .swipecards-container [direction].card-container.current .content-category{color:var(--light, #ffffff);opacity:1 !important;-webkit-transition:opacity 0.35s linear;transition:opacity 0.35s linear}:host .outer-container .game-container .swipecards-container [direction].card-container.current.card-container+.card-container{-webkit-transform:translate(0%, 9%) scale(1);transform:translate(0%, 9%) scale(1);opacity:1}:host .outer-container .game-container .swipecards-container [direction].card-container.current.card-container+.card-container .content-image,:host .outer-container .game-container .swipecards-container [direction].card-container.current.card-container+.card-container .content-text{opacity:1 !important}:host .outer-container .game-container .swipecards-container [direction].card-container.current.card-container+.card-container+.card-container{-webkit-transform:translate(0%, 3.5%) scale(0.95);transform:translate(0%, 3.5%) scale(0.95);opacity:1}:host .outer-container .game-container .swipecards-container [direction].card-container.current.card-container+.card-container+.card-container+.card-container{-webkit-transform:translate(0%, -2%) scale(0.9);transform:translate(0%, -2%) scale(0.9);opacity:0.7}:host .outer-container .game-container .swipecards-container [direction=left].background,:host .outer-container .game-container .swipecards-container [direction=left].current>.content-category{background-color:var(--danger-light, #f46885) !important}:host .outer-container .game-container .swipecards-container [direction=left].current{-webkit-transform:translate(0%, 9%) scale(1) rotate(-3.5deg) !important;transform:translate(0%, 9%) scale(1) rotate(-3.5deg) !important}:host .outer-container .game-container .swipecards-container [direction=right].background,:host .outer-container .game-container .swipecards-container [direction=right].current>.content-category{background-color:var(--light-orange, #fcae49) !important}:host .outer-container .game-container .swipecards-container [direction=right].current{-webkit-transform:translate(0%, 9%) scale(1) rotate(3.5deg) !important;transform:translate(0%, 9%) scale(1) rotate(3.5deg) !important}:host .outer-container .game-container .swipecards-container .background{position:relative;width:100%;background-color:var(--dark-to-light, #000000);-webkit-transition:background-color 0.25s ease-in-out;transition:background-color 0.25s ease-in-out}:host .outer-container .game-container .swipecards-container .background:after{display:block;height:0;padding-top:85%;content:""}:host .outer-container .game-container .swipecards-container .stacked-cards-container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;width:65%;max-width:25rem;height:100%;margin-top:var(--spacing-16, 1rem)}:host .outer-container .game-container .swipecards-container .stacked-cards-container.rtl{top:50%;right:50%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;max-width:16rem;height:100%;max-height:21.3333333333rem;margin:0 auto;overflow:hidden;color:var(--dark, #000000);font-size:var(--font-size-28, 1.75rem);text-align:center;background-color:var(--stable-light, #f1f1f1);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-05, -0.375rem -0.375rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-05, -0.375rem -0.375rem 0.5rem 0 rgba(0, 0, 0, 0.1));-webkit-transition:opacity 0.25s, background-color 0.25s, -webkit-transform 0.25s;transition:opacity 0.25s, background-color 0.25s, -webkit-transform 0.25s;transition:transform 0.25s, opacity 0.25s, background-color 0.25s;transition:transform 0.25s, opacity 0.25s, background-color 0.25s, -webkit-transform 0.25s;will-change:transform}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container:not([direction]){-webkit-transform:translate(0, -5%) scale(0.85);transform:translate(0, -5%) scale(0.85);opacity:0}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.current{z-index:3}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.current:not(.revealing){-webkit-transform:translate(0%, 9%) scale(1);transform:translate(0%, 9%) scale(1);opacity:1;-webkit-transition-delay:175ms;transition-delay:175ms}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.current.revealing{-webkit-animation:"current" 0.25s ease-in-out;animation:"current" 0.25s ease-in-out;-webkit-animation-delay:150ms;animation-delay:150ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes current{to{-webkit-transform:translate(0%, 9%) scale(1);transform:translate(0%, 9%) scale(1);opacity:1}}@keyframes current{to{-webkit-transform:translate(0%, 9%) scale(1);transform:translate(0%, 9%) scale(1);opacity:1}}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.second{z-index:2}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.second:not(.revealing){-webkit-transform:translate(0%, 3.5%) scale(0.95);transform:translate(0%, 3.5%) scale(0.95);opacity:1;-webkit-transition-delay:350ms;transition-delay:350ms}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.second.revealing{-webkit-animation:"second" 0.25s ease-in-out;animation:"second" 0.25s ease-in-out;-webkit-animation-delay:300ms;animation-delay:300ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes second{to{-webkit-transform:translate(0%, 3.5%) scale(0.95);transform:translate(0%, 3.5%) scale(0.95);opacity:1}}@keyframes second{to{-webkit-transform:translate(0%, 3.5%) scale(0.95);transform:translate(0%, 3.5%) scale(0.95);opacity:1}}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.third{z-index:1}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.third:not(.revealing){-webkit-transform:translate(0%, -2%) scale(0.9);transform:translate(0%, -2%) scale(0.9);opacity:0.7;-webkit-transition-delay:525ms;transition-delay:525ms}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.third.revealing{-webkit-animation:"third" 0.25s ease-in-out;animation:"third" 0.25s ease-in-out;-webkit-animation-delay:450ms;animation-delay:450ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes third{to{-webkit-transform:translate(0%, -2%) scale(0.9);transform:translate(0%, -2%) scale(0.9);opacity:0.7}}@keyframes third{to{-webkit-transform:translate(0%, -2%) scale(0.9);transform:translate(0%, -2%) scale(0.9);opacity:0.7}}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container:after{display:block;height:0;padding-top:133%;content:""}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.current .content-image,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container.current .content-text,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[direction] .content-image,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[direction] .content-text{opacity:1 !important}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[swiped]{-webkit-animation:fade-out 1s ease-out;animation:fade-out 1s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[swiped=left]{-webkit-transform:translate(-100%, 15%) rotate(-15deg);transform:translate(-100%, 15%) rotate(-15deg)}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[swiped=right]{-webkit-transform:translate(100%, 15%) rotate(15deg);transform:translate(100%, 15%) rotate(15deg)}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container .content-category,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container .content-image,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container .content-text{position:absolute;width:100%;height:100%;opacity:0}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container .content-category,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container .content-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container .content-image{-webkit-transition:opacity 0.25s linear;transition:opacity 0.25s linear}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[type=image] yoo-img{height:100%}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[type=textimage] .content-image{top:0;bottom:3.5rem}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[type=textimage] .content-image yoo-img{height:calc(100% - 3.5rem)}:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[type=textimage] .content-text,:host .outer-container .game-container .swipecards-container .stacked-cards-container .card-container[type=textimage] .content-category{bottom:0;height:3.5rem}:host .outer-container .game-container .swipecards-container .swipe-buttons{position:absolute;left:50%;z-index:1;display:inline-grid;grid-template-columns:1fr 1fr 1fr;width:100%;max-width:85%;line-height:2.5;-webkit-transform:translate(-50%, 80%);transform:translate(-50%, 80%)}:host .outer-container .game-container .swipecards-container .swipe-buttons .swipe-action{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;text-align:center}:host .outer-container .game-container .swipecards-container .swipe-buttons .swipe-action yoo-button{-webkit-transition:-webkit-transform 0.8s linear;transition:-webkit-transform 0.8s linear;transition:transform 0.8s linear;transition:transform 0.8s linear, -webkit-transform 0.8s linear}:host([readonly]){height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}:host([readonly]) .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host([readonly]) .outer-container .category-title{margin-bottom:var(--spacing-08, 0.5rem)}:host([readonly]) .outer-container ul{display:grid;grid-gap:var(--spacing-16, 1rem);grid-template-columns:repeat(auto-fill, 6rem);margin:0;padding-left:0;list-style:none}:host([readonly]) .outer-container ul+.category-title{margin-top:var(--spacing-16, 1rem)}:host([readonly]) .outer-container ul li{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;height:8rem;overflow:hidden;border-style:solid;border-width:var(--border-width-01, 0.0625rem);border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .outer-container ul li.invalid{border-color:var(--danger, #d44333)}:host([readonly]) .outer-container ul li.invalid yoo-img::before{position:absolute;width:100%;height:100%;background:var(--danger-20, rgba(212, 67, 51, 0.2));content:""}:host([readonly]) .outer-container ul li.invalid yoo-truncate{background:var(--danger, #d44333)}:host([readonly]) .outer-container ul li.valid{border-color:var(--success, #3aa76d)}:host([readonly]) .outer-container ul li.valid yoo-img::before{position:absolute;width:100%;height:100%;background:var(--success-20, rgba(58, 167, 109, 0.2));content:""}:host([readonly]) .outer-container ul li.valid yoo-truncate{background:var(--success, #3aa76d)}:host([readonly]) .outer-container ul li yoo-img{position:relative;-ms-flex-positive:1;flex-grow:1}:host([readonly]) .outer-container ul li yoo-truncate{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--light, #ffffff);font-size:var(--font-size-14, 0.875rem)}:host([readonly]) .outer-container ul li yoo-truncate:only-child{--max-lines:4;height:100%;padding:0 var(--spacing-08, 0.5rem)}:host([readonly]) .outer-container ul li yoo-truncate:not(:only-child){--max-lines:1;height:2.125rem;padding:0 var(--spacing-04, 0.25rem)}:host(.web:not(.live-preview)) .instructions-container .top-description{background:unset}:host(.web:not(.live-preview)) .instructions-container yoo-button{position:absolute;right:0;bottom:0;z-index:1}:host(.web:not(.live-preview)) .instructions-container::after{position:absolute;bottom:0px;display:block;width:100%;height:4rem;background-color:var(--light-to-dark, #ffffff);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);content:""}:host(.web:not(.live-preview)) .game-container .top-description{margin-bottom:var(--spacing-24, 1.5rem)}:host(.web:not(.live-preview)) .game-container .background{max-height:21rem}:host(.web:not(.live-preview)) .game-container .background .stacked-cards-container{top:20%;margin-top:unset;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}:host(.web:not(.live-preview)) .game-container .swipe-buttons{-ms-flex-align:start;align-items:start;max-width:unset;height:10rem;margin-top:1rem;margin-top:var(--spacing-08, 0.5rem);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}:host(.web:not(.live-preview)) .game-container .swipe-buttons .swipe-action:nth-child(2){-ms-flex-item-align:end;align-self:end}:host(.web:not(.live-preview)) .top-description{text-align:center}:host(.web:not(.live-preview)) .top-description h1{margin:var(--spacing-08, 0.5rem) 0;color:var(--dark-to-light, #000000)}';export{j as yoo_form_swipe_cards}

package/dist/design-system/p-ca6c9677.js

@@ -1 +0,0 @@
-import{h as n}from"./p-b5241164.js";const t=n,s={PAN:"pan",PINCH:"pinch",PRESS:"press",ROTATE:"rotate",SWIPE:"swipe",TAP:"tap"},a={vertical:t.DIRECTION_VERTICAL,horizontal:t.DIRECTION_HORIZONTAL,all:t.DIRECTION_ALL};function r(n,a,r){const i=new t(n,r);if(i.on(a,(n=>{r.handleFn(n)})),r.direction)switch(a){case s.SWIPE:case s.PAN:i.get(a).set({direction:r.direction})}}function i(n){return 8===n}function c(n){return 16===n}function o(n){return 4===n}function e(n){return 2===n}export{t as H,a,c as b,o as c,e as d,s as h,i,r as s}