@cloudflare/realtimekit-ui 1.0.2 → 1.0.3-staging.2

package/dist/esm/rtk-participant_2.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, a as getElement
 import { a as defaultIconPack, c as useLanguage, d as defaultConfig, F as FlagsmithFeatureFlags } from './ui-store-1b477153.js';
 import { l as lenChildren, R as Render } from './index-d31a2e33.js';
 import { f as formatName, s as shorten } from './string-ed1380fb.js';
-import { c as computePosition, b as autoPlacement, o as offset, s as shift, h as hide } from './floating-ui.dom.esm-cf1488a2.js';
+import { c as computePosition, b as autoPlacement, o as offset, s as shift, h as hide } from './floating-ui.dom.esm-a2dc8eef.js';
 import { S as SyncWithStore } from './index-3481d5b2.js';
 import { d as debounce } from './debounce-ea0579b2.js';
 import './isObjectLike-773b9473.js';

package/dist/esm/rtk-setup-screen.entry.js

@@ -70,7 +70,7 @@ const RtkSetupScreen = class {
         }
     }
     render() {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e, _f;
         const disabled = ((_a = this.displayName) === null || _a === void 0 ? void 0 : _a.trim()) === '' || this.connectionState !== 'connected' || this.isJoining;
         const defaults = {
             meeting: this.meeting,
@@ -80,8 +80,8 @@ const RtkSetupScreen = class {
             iconPack: this.iconPack,
             t: this.t,
         };
-        const meetingTitle = (_b = this.meeting) === null || _b === void 0 ? void 0 : _b.meta.meetingTitle.trim();
-        return (h(Host, { key: 'ea88610290c5f721a9fe638928855cc31bcb975f' }, h("div", { key: '321f2a690e22c14c627e603b4f7d590800f19911', class: "container" }, h("div", { key: 'c4501f3c49417145e34024c05e8df52174289138', class: 'container-tile' }, h(Render, { key: '66514020274bb3a6df00c94e75e14785079853c1', element: "rtk-participant-tile", defaults: defaults, props: { participant: (_c = this.meeting) === null || _c === void 0 ? void 0 : _c.self, size: 'md', isPreview: true }, childProps: { participant: (_d = this.meeting) === null || _d === void 0 ? void 0 : _d.self, size: 'md' }, deepProps: true }), h("div", { key: 'e3f6ec148cc113d3efef3955d9bb96c68c36e9a7', class: 'media-selectors' }, h("rtk-microphone-selector", Object.assign({ key: '450cc901acd253dec2c40c1d2c1ff27441fcbb6c' }, defaults, { variant: "inline" })), h("rtk-camera-selector", Object.assign({ key: 'cf38bfe66aac01a51845d619521c747727f926ac' }, defaults, { variant: "inline" })), h("rtk-speaker-selector", Object.assign({ key: '33357804c4d4ba359f7348f853cd25ef1ee0f442' }, defaults, { variant: "inline" })))), h("div", { key: 'bff07c087cb1c5f6db822b38fe9485c4e69d4ecd', class: "metadata" }, meetingTitle && meetingTitle !== '' && h("div", { key: 'e9d6882f1d79b1687883a9de7a23b9ca89142c0a', class: "meeting-title" }, meetingTitle), this.canEditName ? (h(Fragment, null, h("div", { class: "join-as" }, this.t('setup_screen.join_in_as')), h("input", { placeholder: this.t('setup_screen.your_name'), value: this.displayName, spellcheck: false, autoFocus: true, ref: (el) => {
+        const meetingTitle = (_d = (_c = (_b = this.meeting) === null || _b === void 0 ? void 0 : _b.meta) === null || _c === void 0 ? void 0 : _c.meetingTitle) === null || _d === void 0 ? void 0 : _d.trim();
+        return (h(Host, { key: '81fce073b274287e6a4cd3a8d6fb28d2db0ec1db' }, h("div", { key: 'a4b0426c067ff9d5d380759ad535157bd1aa8210', class: "container" }, h("div", { key: '1a65db35ffed6f8dd2e68e20b45e5bc6bc0bb99e', class: 'container-tile' }, h(Render, { key: '7f78f7a68292c27a5531b6aea9c100b3c0d2ab86', element: "rtk-participant-tile", defaults: defaults, props: { participant: (_e = this.meeting) === null || _e === void 0 ? void 0 : _e.self, size: 'md', isPreview: true }, childProps: { participant: (_f = this.meeting) === null || _f === void 0 ? void 0 : _f.self, size: 'md' }, deepProps: true }), h("div", { key: 'bbd220ce356d23388f1c45db5ea9b1934e4df7a3', class: 'media-selectors' }, h("rtk-microphone-selector", Object.assign({ key: '986377b85493dfd45ec10c7bc3a7c06f743d94ee' }, defaults, { variant: "inline" })), h("rtk-camera-selector", Object.assign({ key: '020ad2c9a5a4e6a710c15b0d834baae0e3fd46df' }, defaults, { variant: "inline" })), h("rtk-speaker-selector", Object.assign({ key: '82db6a6a721da0187e2b14926cb794bf5c83bbfe' }, defaults, { variant: "inline" })))), h("div", { key: '8c9139f72ed1da7b9f316970ee17dcc56e83f259', class: "metadata" }, meetingTitle && meetingTitle !== '' && h("div", { key: 'b5f7164a51aabed7a4355d9a5dcaa7148a7eee0c', class: "meeting-title" }, meetingTitle), this.canEditName ? (h(Fragment, null, h("div", { class: "join-as" }, this.t('setup_screen.join_in_as')), h("input", { placeholder: this.t('setup_screen.your_name'), value: this.displayName, spellcheck: false, autoFocus: true, ref: (el) => {
                 this.inputEl = el;
             }, onInput: (e) => {
                 this.displayName = e.target.value;
@@ -89,7 +89,7 @@ const RtkSetupScreen = class {
                 if (e.key === 'Enter') {
                     this.join();
                 }
-            } }))) : (h("div", { class: "uneditable-name" }, h("span", { class: "text" }, this.t('setup_screen.join_in_as'), " "), ' ', h("div", { class: "name" }, shorten(this.displayName, 20)))), h("rtk-button", { key: 'd6d629f03ccabca7823c6b78e3b4dc42c2db9ecc', size: "lg", kind: "wide", onClick: this.join, disabled: disabled }, this.isJoining ? h("rtk-spinner", { iconPack: this.iconPack }) : this.t('join')), this.connectionState !== 'connected' && (h("div", { key: '92c30fa7cdef877ff80cbc74806e6824c725d284', class: "no-network-badge" }, h("rtk-icon", { key: '615e5873958f0e7502e6fbcefdca8b34892d4d2b', size: "md", variant: "danger", icon: this.iconPack.disconnected }), this.connectionState === 'failed'
+            } }))) : (h("div", { class: "uneditable-name" }, h("span", { class: "text" }, this.t('setup_screen.join_in_as'), " "), ' ', h("div", { class: "name" }, shorten(this.displayName, 20)))), h("rtk-button", { key: 'df8528e0fa5e31775a0f70a24b5dd00cf913a00e', size: "lg", kind: "wide", onClick: this.join, disabled: disabled }, this.isJoining ? h("rtk-spinner", { iconPack: this.iconPack }) : this.t('join')), this.connectionState !== 'connected' && (h("div", { key: 'e60c7bb5d1a8ae53251fae2099c403752c330a08', class: "no-network-badge" }, h("rtk-icon", { key: 'f494e5882c9f6488ac7237784fb79983fe560093', size: "md", variant: "danger", icon: this.iconPack.disconnected }), this.connectionState === 'failed'
             ? this.t('network.lost_extended')
             : this.t('network.lost')))))));
     }

package/dist/realtimekit-ui/{p-c39a8005.entry.js → p-14350b0d.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as s,H as e,a}from"./p-0ee570cd.js";import{a as h,c as n,d as c,F as o}from"./p-d3bf4348.js";import{l as r,R as d}from"./p-c8eaa707.js";import{f as l,s as f}from"./p-338c7261.js";import{c as p,b,o as v,s as k,h as m}from"./p-31964573.js";import{S as u}from"./p-dac97779.js";import{d as g}from"./p-a08b5a59.js";import"./p-2c3cda13.js";var y=function(t,i,s,e){var a,h=arguments.length,n=h<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,s):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,i,s,e);else for(var c=t.length-1;c>=0;c--)(a=t[c])&&(n=(h<3?a(n):h>3?a(i,s,n):a(i,s))||n);return h>3&&n&&Object.defineProperty(i,s,n),n};const x=class{constructor(s){t(this,s),this.rtkSendNotification=i(this,"rtkSendNotification",7),this.pinnedListener=({isPinned:t})=>{this.isPinned=t},this.toggleTileListener=({hidden:t})=>{this.isHidden=t},this.stageListener=({stageStatus:t})=>{this.isOnStage="ON_STAGE"===t},this.view="sidebar",this.iconPack=h,this.t=n(),this.config=c,this.audioEnabled=!1,this.videoEnabled=!1,this.isPinned=!1,this.isHidden=!1,this.isOnStage=!1,this.canDisableParticipantAudio=!1,this.canDisableParticipantVideo=!1,this.canKickParticipant=!1,this.canPinParticipant=!1,this.canAllowParticipantOnStage=!1,this.menuOpen=!1,this.permissionsUpdateListener=()=>{this.meetingChanged(this.meeting)},this.inviteToStageToggle=async()=>{const t=this.participant,{stage:i}=this.meeting;"ACCEPTED_TO_JOIN_STAGE"!==t.stageStatus?(this.isOnStage?(t.isPinned&&t.unpin(),await i.kick([t.userId])):(await i.grantAccess([t.userId]),this.rtkSendNotification.emit({message:`${t.name} ${this.t("stage.invited_notification")}`,trace:`join-stage-invite-${t.id}`})),this.isOnStage="ON_STAGE"===t.stageStatus):this.rtkSendNotification.emit({message:`${t.name} ${this.t("stage.invited_notification")}`,trace:`join-stage-${t.id}`})},this.handleOutsideClick=t=>{!t.composedPath().includes(this.host)&&this.menuOpen&&(this.menuOpen=!1)},this.update=()=>{const t=this.host.shadowRoot.getElementById("trigger"),i=this.host.shadowRoot.getElementById("menu-list");p(t,i,{placement:"bottom-end",middleware:[b({allowedPlacements:["bottom-end","top-end"],alignment:"end"}),v(4),k({padding:8}),m()]}).then((({x:t,y:s,placement:e})=>{let a=null;a="bottom-end"===e?{right:`${t}px`,top:`${s}px`}:{right:`${t}px`,bottom:`${s}px`},Object.assign(i.style,a)}))},this.onMenuToggle=()=>{this.menuOpen=!this.menuOpen,this.menuOpen&&this.update()}}connectedCallback(){this.meetingChanged(this.meeting),this.participantChanged(this.participant),document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){var t;document.removeEventListener("click",this.handleOutsideClick),null===(t=this.meeting)||void 0===t||t.self.permissions.removeListener("permissionsUpdate",this.permissionsUpdateListener),null!=this.participant&&null!=this.participant.removeListener&&(this.audioUpdateListener&&this.participant.removeListener("audioUpdate",this.audioUpdateListener),this.videoUpdateListener&&this.participant.removeListener("videoUpdate",this.videoUpdateListener),this.participant.removeListener("pinned",this.pinnedListener),this.participant.removeListener("unpinned",this.pinnedListener),this.participant.removeListener("stageStatusUpdate",this.stageListener),this.participant.removeListener("toggleTile",this.toggleTileListener))}meetingChanged(t){var i,s,e,a,h,n,c;if(null!=t){const{self:r}=t;this.canDisableParticipantAudio=r.permissions.canAllowParticipantAudio||r.permissions.canDisableParticipantAudio,this.canDisableParticipantVideo=r.permissions.canAllowParticipantVideo||r.permissions.canDisableParticipantVideo,this.canKickParticipant=r.permissions.kickParticipant&&!0!==(null===(i=this.meeting)||void 0===i?void 0:i.__internals__.features.hasFeature(o.DISABLE_KICKING))&&(!0!==(null===(s=this.meeting)||void 0===s?void 0:s.__internals__.features.hasFeature(o.ADMIN_CANTREMOVE_ADMIN))||"webinar_admin"!==(null===(e=this.participant)||void 0===e?void 0:e.presetName)),this.canPinParticipant=r.permissions.pinParticipant,this.canAllowParticipantOnStage=r.permissions.acceptStageRequests&&r.permissions.stageEnabled&&(!0!==(null===(a=this.meeting)||void 0===a?void 0:a.__internals__.features.hasFeature(o.ADMIN_CANTREMOVE_ADMIN))||"webinar_admin"!==(null===(h=this.participant)||void 0===h?void 0:h.presetName))&&(!0!==(null===(n=this.meeting)||void 0===n?void 0:n.__internals__.features.hasFeature(o.CANTINVITE_VIEWER))||"webinar_viewer"!==(null===(c=this.participant)||void 0===c?void 0:c.presetName)),t.self.permissions.addListener("permissionsUpdate",this.permissionsUpdateListener)}}participantChanged(t){var i;if(null!=t){if(this.audioEnabled=t.audioEnabled,this.videoEnabled=t.videoEnabled,this.isPinned=t.isPinned,this.isHidden=null!==(i=t.hidden)&&void 0!==i&&i,this.isOnStage="ON_STAGE"===t.stageStatus,this.audioUpdateListener=({audioEnabled:t})=>{this.audioEnabled=t},this.videoUpdateListener=({videoEnabled:t})=>{this.videoEnabled=t},null==t.addListener)return;t.addListener("audioUpdate",this.audioUpdateListener),t.addListener("videoUpdate",this.videoUpdateListener),t.addListener("pinned",this.pinnedListener),t.addListener("unpinned",this.pinnedListener),t.addListener("stageStatusUpdate",this.stageListener),this.participant.addListener("toggleTile",this.toggleTileListener)}}render(){var t,i,a,h,n,c,o,p,b;const v="AUDIO_ROOM"===(null===(t=this.meeting)||void 0===t?void 0:t.meta.viewType),k=(null===(i=this.meeting)||void 0===i?void 0:i.self.id)===this.participant.id,m=this.canDisableParticipantAudio&&this.audioEnabled||this.canDisableParticipantVideo&&this.videoEnabled&&!v||this.canKickParticipant||this.canPinParticipant&&this.isOnStage||this.canAllowParticipantOnStage,u=l((null===(a=this.participant)||void 0===a?void 0:a.name)||""),g=this.isOnStage||["GROUP_CALL","AUDIO_ROOM"].includes(null===(h=this.meeting)||void 0===h?void 0:h.meta.viewType),y={meeting:this.meeting,size:"sm",states:this.states,config:this.config,iconPack:this.iconPack,t:this.t};return s(e,{key:"9a717049edf15cfec3e497a30a37f873dcb37fd8"},s("div",{class:"left",key:null===(n=this.participant)||void 0===n?void 0:n.id},s("rtk-avatar",{key:"4e161f74ce11be1050c95556065867289ab618b2",participant:this.participant,size:"sm",iconPack:this.iconPack,t:this.t}),s("p",{key:"c1e71db1ba1ed2e8defbbb9802c22df8b64670fc",class:"name",title:u},f(u,16)," ",(null===(c=this.meeting)||void 0===c?void 0:c.self.id)===(null===(o=this.participant)||void 0===o?void 0:o.id)&&this.t("(you)"))),"sidebar"===this.view&&s("div",{key:"165e14ba9f5e063820c6f440dc9eb03344e7bcdf",class:"right"},g&&s("rtk-icon",{key:"d6651dc9e7eb12ed56742f08096ef239bd4429c1",class:{red:!this.audioEnabled},icon:this.audioEnabled?this.iconPack.mic_on:this.iconPack.mic_off}),g&&!v&&s("rtk-icon",{key:"89506d158acdb3e2629a7a2ab51aef475f9f3b75",class:{red:!this.videoEnabled},icon:this.videoEnabled?this.iconPack.video_on:this.iconPack.video_off}),(m||r({element:"rtk-participant",defaults:y,childProps:{participant:this.participant}})>0)&&s("div",{key:"202a957dfe004c8c1f2195bf93c9ce9ce167a96f",class:"menu"},s("span",{key:"a01163f9da5fab4a1d7922f8abfe5a2e4a4dcf2c",id:"trigger",onClick:this.onMenuToggle},s("rtk-button",{key:"144e0c418b6a038d560f8087825471b649229ecb",variant:"ghost",kind:"icon",slot:"trigger"},s("rtk-icon",{key:"18abb20a0969e0332d8fe2b5dcfe41bfc66955f7",class:"more",icon:this.iconPack.more_vertical}))),s("span",{key:"3a22ebe5a21228b6ea6e15933d961b24085dce44",id:"menu-list"},this.menuOpen&&s("rtk-menu-list",{key:"86688ad10d1440c5b534fe2f002225e0368ae24a",iconPack:this.iconPack,t:this.t},this.canPinParticipant&&g&&!v&&s("rtk-menu-item",{key:"c22833b86d8583bdaec723a269afa7298cb0ca0d",onClick:()=>{this.isPinned?this.participant.unpin():this.participant.pin()},iconPack:this.iconPack,t:this.t},s("rtk-icon",{key:"9cdde53aaffca1f0042a69048b77f31fc10c69d6",icon:this.isPinned?this.iconPack.pin_off:this.iconPack.pin,slot:"start"}),this.t(this.isPinned?"unpin":"pin")),k&&s("rtk-menu-item",{key:"b651953a9b02065ca223c46dd7dbadedc8401031",iconPack:this.iconPack,t:this.t,onClick:()=>{this.isHidden?this.participant.show():this.participant.hide()}},s("rtk-icon",{key:"e63383cca42314f8ac0a9a03d13948b4eb5ced8c",icon:this.isHidden?this.iconPack.minimize:this.iconPack.maximize,slot:"start"}),this.t(this.meeting.self.hidden?"maximize":"minimize")),this.canDisableParticipantAudio&&g&&this.audioEnabled&&s("rtk-menu-item",{key:"86f670083fa1000cc99c5a57d4da2cb789c88aee",iconPack:this.iconPack,t:this.t,onClick:()=>{this.participant.disableAudio()}},s("rtk-icon",{key:"d75504ef4431c83efea2d281baad6a10c8a2e3b3",icon:this.iconPack.mic_off,slot:"start"}),this.t("mute")),this.canDisableParticipantVideo&&g&&this.videoEnabled&&s("rtk-menu-item",{key:"2634fae26bc72fec773f3a7f85fad7ebc1cfca11",iconPack:this.iconPack,t:this.t,onClick:()=>{this.participant.disableVideo()}},s("rtk-icon",{key:"57d51380b52a20a8f9dfc51931401712f4d67f26",icon:this.iconPack.video_off,slot:"start"}),this.t("participants.turn_off_video")),this.canAllowParticipantOnStage&&(null===(p=this.participant)||void 0===p?void 0:p.id)!==(null===(b=this.meeting)||void 0===b?void 0:b.self.id)&&s("rtk-menu-item",{key:"64ab2f51f494b8d3d445ae9aece430e8c0fca673",iconPack:this.iconPack,t:this.t,class:this.isOnStage?"red":"",onClick:this.inviteToStageToggle},s("rtk-icon",{key:"5633f66f3679bfc3b6e87a55cfb884e63260767c",icon:this.isOnStage?this.iconPack.leave_stage:this.iconPack.join_stage,slot:"start"}),this.t(this.isOnStage?"stage.remove_from_stage":"stage.add_to_stage")),!k&&this.canKickParticipant&&s("rtk-menu-item",{key:"664e9b1c843aa0cc7a47062b4f353a8e1105a368",iconPack:this.iconPack,t:this.t,class:"red",onClick:()=>{var t,i;null===(t=this.meeting)||void 0===t||t.participants.kick(null===(i=this.participant)||void 0===i?void 0:i.id)}},s("rtk-icon",{key:"10cb3a42b4c861241d983d9cb1ebfe594500fbc3",icon:this.iconPack.dismiss,slot:"start"}),this.t("kick")),s("slot",{key:"ed681666f5bb8bf06a6fac4b929853d9b6bc704c"},s(d,{key:"8177a2248bf03ffbe26a7f0f560eb81439a00fb3",element:"rtk-participant",defaults:y,childProps:{participant:this.participant},deepProps:!0,onlyChildren:!0})))))))}get host(){return a(this)}static get watchers(){return{meeting:["meetingChanged"],participant:["participantChanged"]}}};y([u()],x.prototype,"meeting",void 0),y([u()],x.prototype,"states",void 0),y([u()],x.prototype,"iconPack",void 0),y([u()],x.prototype,"t",void 0),x.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:flex;height:var(--rtk-space-14, 56px);align-items:center;justify-content:space-between;cursor:pointer;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}:host rtk-avatar{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);font-size:14px}.left{display:flex;align-items:center}.left>*{margin-right:var(--rtk-space-2, 8px)}.left>*:last-child{margin-right:var(--rtk-space-0, 0px)}.right{display:flex;align-items:center;justify-content:flex-end}.right>*{margin-left:var(--rtk-space-2, 8px)}.right>*:first-child{margin-left:var(--rtk-space-0, 0px)}.name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}rtk-icon.red{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}rtk-icon.more{cursor:pointer}.menu{position:relative;display:inline-block;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#menu-list{position:absolute;top:var(--rtk-space-8, 32px) !important;right:var(--rtk-space-4, 16px) !important;z-index:20}";const w=class{constructor(i){t(this,i),this.items=[],this.itemHeight=55,this.bufferedItemsCount=5,this.emptyListElement=null,this.visibleStart=0,this.visibleEnd=0,this.containerHeight=0,this.lastScrollTop=0,this.recalculatePositioning=()=>{this.updateContainerHeight(),requestAnimationFrame((()=>{this.updateItemHeight()}))},this.updateContainerHeight=()=>{this.el.querySelector(".virtual-list-container").clientHeight&&(requestAnimationFrame((()=>{this.updateItemHeight()})),this.containerHeight=this.el.querySelector(".virtual-list-container").clientHeight,this.updateVisibleRange())},this.onScroll=g((()=>{const t=this.el.querySelector(".virtual-list-container").scrollTop;t>this.lastScrollTop&&this.visibleEnd===this.items.length||(this.lastScrollTop=t,this.updateVisibleRange())}))}itemsChanged(){this.recalculatePositioning()}componentDidLoad(){this.recalculatePositioning(),this.el.querySelector(".virtual-list-container").addEventListener("scroll",this.onScroll),window.addEventListener("resize",this.recalculatePositioning)}componentDidUpdate(){this.updateItemHeight()}disconnectedCallback(){this.el.querySelector(".virtual-list-container").removeEventListener("scroll",this.onScroll),window.removeEventListener("resize",this.recalculatePositioning)}updateVisibleRange(){const t=this.el.querySelector(".virtual-list-container").scrollTop,i=Math.floor(t/this.itemHeight),s=Math.ceil(this.containerHeight/this.itemHeight),e=Math.min(this.items.length,i+s+this.bufferedItemsCount);this.visibleStart=i,this.visibleEnd=e,this.el.querySelector(".virtual-list-container").scrollTop=this.lastScrollTop}updateItemHeight(){const t=this.el.querySelector(".virtual-list-item");if(t){const i=t.style.height;t.style.height="auto";const s=t.getBoundingClientRect().height;i&&(t.style.height=i),s&&Math.floor(s)!==Math.floor(this.itemHeight)&&(this.itemHeight=s)}}renderItems(){return this.items.slice(this.visibleStart,this.visibleEnd).map(((t,i)=>{const e=this.visibleStart+i;return s("div",{class:"virtual-list-item",key:t.id,style:{position:"absolute",top:e*this.itemHeight+"px",height:`${this.itemHeight}px`,width:"100%"}},this.renderItem(t,e))}))}render(){var t;return s("div",{key:"02cd1150b5e7b65f25178c0ce673ee823feec9d8",class:"virtual-list-container",style:{position:"relative",height:"100%",overflowX:"hidden",overflowY:"auto"}},s("div",{key:"0f886b79c861b3010d60df73a7b343955e97a8f2",style:{height:this.items.length*this.itemHeight+"px",position:"relative"}},(null===(t=this.items)||void 0===t?void 0:t.length)?this.renderItems():this.emptyListElement),s("div",{key:"d290097b0d363d9a580e71da1260e87456248dc4",style:{height:`${this.itemHeight}px`}}))}get el(){return a(this)}static get watchers(){return{items:["itemsChanged"]}}};w.style=":host{height:100%;width:100%}";export{x as rtk_participant,w as rtk_virtualized_participant_list}
+import{r as t,c as i,h as s,H as e,a}from"./p-0ee570cd.js";import{a as h,c as n,d as c,F as o}from"./p-d3bf4348.js";import{l as r,R as d}from"./p-c8eaa707.js";import{f as l,s as f}from"./p-338c7261.js";import{c as p,b,o as v,s as k,h as m}from"./p-94cc1b33.js";import{S as u}from"./p-dac97779.js";import{d as g}from"./p-a08b5a59.js";import"./p-2c3cda13.js";var y=function(t,i,s,e){var a,h=arguments.length,n=h<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,s):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,i,s,e);else for(var c=t.length-1;c>=0;c--)(a=t[c])&&(n=(h<3?a(n):h>3?a(i,s,n):a(i,s))||n);return h>3&&n&&Object.defineProperty(i,s,n),n};const x=class{constructor(s){t(this,s),this.rtkSendNotification=i(this,"rtkSendNotification",7),this.pinnedListener=({isPinned:t})=>{this.isPinned=t},this.toggleTileListener=({hidden:t})=>{this.isHidden=t},this.stageListener=({stageStatus:t})=>{this.isOnStage="ON_STAGE"===t},this.view="sidebar",this.iconPack=h,this.t=n(),this.config=c,this.audioEnabled=!1,this.videoEnabled=!1,this.isPinned=!1,this.isHidden=!1,this.isOnStage=!1,this.canDisableParticipantAudio=!1,this.canDisableParticipantVideo=!1,this.canKickParticipant=!1,this.canPinParticipant=!1,this.canAllowParticipantOnStage=!1,this.menuOpen=!1,this.permissionsUpdateListener=()=>{this.meetingChanged(this.meeting)},this.inviteToStageToggle=async()=>{const t=this.participant,{stage:i}=this.meeting;"ACCEPTED_TO_JOIN_STAGE"!==t.stageStatus?(this.isOnStage?(t.isPinned&&t.unpin(),await i.kick([t.userId])):(await i.grantAccess([t.userId]),this.rtkSendNotification.emit({message:`${t.name} ${this.t("stage.invited_notification")}`,trace:`join-stage-invite-${t.id}`})),this.isOnStage="ON_STAGE"===t.stageStatus):this.rtkSendNotification.emit({message:`${t.name} ${this.t("stage.invited_notification")}`,trace:`join-stage-${t.id}`})},this.handleOutsideClick=t=>{!t.composedPath().includes(this.host)&&this.menuOpen&&(this.menuOpen=!1)},this.update=()=>{const t=this.host.shadowRoot.getElementById("trigger"),i=this.host.shadowRoot.getElementById("menu-list");p(t,i,{placement:"bottom-end",middleware:[b({allowedPlacements:["bottom-end","top-end"],alignment:"end"}),v(4),k({padding:8}),m()]}).then((({x:t,y:s,placement:e})=>{let a=null;a="bottom-end"===e?{right:`${t}px`,top:`${s}px`}:{right:`${t}px`,bottom:`${s}px`},Object.assign(i.style,a)}))},this.onMenuToggle=()=>{this.menuOpen=!this.menuOpen,this.menuOpen&&this.update()}}connectedCallback(){this.meetingChanged(this.meeting),this.participantChanged(this.participant),document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){var t;document.removeEventListener("click",this.handleOutsideClick),null===(t=this.meeting)||void 0===t||t.self.permissions.removeListener("permissionsUpdate",this.permissionsUpdateListener),null!=this.participant&&null!=this.participant.removeListener&&(this.audioUpdateListener&&this.participant.removeListener("audioUpdate",this.audioUpdateListener),this.videoUpdateListener&&this.participant.removeListener("videoUpdate",this.videoUpdateListener),this.participant.removeListener("pinned",this.pinnedListener),this.participant.removeListener("unpinned",this.pinnedListener),this.participant.removeListener("stageStatusUpdate",this.stageListener),this.participant.removeListener("toggleTile",this.toggleTileListener))}meetingChanged(t){var i,s,e,a,h,n,c;if(null!=t){const{self:r}=t;this.canDisableParticipantAudio=r.permissions.canAllowParticipantAudio||r.permissions.canDisableParticipantAudio,this.canDisableParticipantVideo=r.permissions.canAllowParticipantVideo||r.permissions.canDisableParticipantVideo,this.canKickParticipant=r.permissions.kickParticipant&&!0!==(null===(i=this.meeting)||void 0===i?void 0:i.__internals__.features.hasFeature(o.DISABLE_KICKING))&&(!0!==(null===(s=this.meeting)||void 0===s?void 0:s.__internals__.features.hasFeature(o.ADMIN_CANTREMOVE_ADMIN))||"webinar_admin"!==(null===(e=this.participant)||void 0===e?void 0:e.presetName)),this.canPinParticipant=r.permissions.pinParticipant,this.canAllowParticipantOnStage=r.permissions.acceptStageRequests&&r.permissions.stageEnabled&&(!0!==(null===(a=this.meeting)||void 0===a?void 0:a.__internals__.features.hasFeature(o.ADMIN_CANTREMOVE_ADMIN))||"webinar_admin"!==(null===(h=this.participant)||void 0===h?void 0:h.presetName))&&(!0!==(null===(n=this.meeting)||void 0===n?void 0:n.__internals__.features.hasFeature(o.CANTINVITE_VIEWER))||"webinar_viewer"!==(null===(c=this.participant)||void 0===c?void 0:c.presetName)),t.self.permissions.addListener("permissionsUpdate",this.permissionsUpdateListener)}}participantChanged(t){var i;if(null!=t){if(this.audioEnabled=t.audioEnabled,this.videoEnabled=t.videoEnabled,this.isPinned=t.isPinned,this.isHidden=null!==(i=t.hidden)&&void 0!==i&&i,this.isOnStage="ON_STAGE"===t.stageStatus,this.audioUpdateListener=({audioEnabled:t})=>{this.audioEnabled=t},this.videoUpdateListener=({videoEnabled:t})=>{this.videoEnabled=t},null==t.addListener)return;t.addListener("audioUpdate",this.audioUpdateListener),t.addListener("videoUpdate",this.videoUpdateListener),t.addListener("pinned",this.pinnedListener),t.addListener("unpinned",this.pinnedListener),t.addListener("stageStatusUpdate",this.stageListener),this.participant.addListener("toggleTile",this.toggleTileListener)}}render(){var t,i,a,h,n,c,o,p,b;const v="AUDIO_ROOM"===(null===(t=this.meeting)||void 0===t?void 0:t.meta.viewType),k=(null===(i=this.meeting)||void 0===i?void 0:i.self.id)===this.participant.id,m=this.canDisableParticipantAudio&&this.audioEnabled||this.canDisableParticipantVideo&&this.videoEnabled&&!v||this.canKickParticipant||this.canPinParticipant&&this.isOnStage||this.canAllowParticipantOnStage,u=l((null===(a=this.participant)||void 0===a?void 0:a.name)||""),g=this.isOnStage||["GROUP_CALL","AUDIO_ROOM"].includes(null===(h=this.meeting)||void 0===h?void 0:h.meta.viewType),y={meeting:this.meeting,size:"sm",states:this.states,config:this.config,iconPack:this.iconPack,t:this.t};return s(e,{key:"9a717049edf15cfec3e497a30a37f873dcb37fd8"},s("div",{class:"left",key:null===(n=this.participant)||void 0===n?void 0:n.id},s("rtk-avatar",{key:"4e161f74ce11be1050c95556065867289ab618b2",participant:this.participant,size:"sm",iconPack:this.iconPack,t:this.t}),s("p",{key:"c1e71db1ba1ed2e8defbbb9802c22df8b64670fc",class:"name",title:u},f(u,16)," ",(null===(c=this.meeting)||void 0===c?void 0:c.self.id)===(null===(o=this.participant)||void 0===o?void 0:o.id)&&this.t("(you)"))),"sidebar"===this.view&&s("div",{key:"165e14ba9f5e063820c6f440dc9eb03344e7bcdf",class:"right"},g&&s("rtk-icon",{key:"d6651dc9e7eb12ed56742f08096ef239bd4429c1",class:{red:!this.audioEnabled},icon:this.audioEnabled?this.iconPack.mic_on:this.iconPack.mic_off}),g&&!v&&s("rtk-icon",{key:"89506d158acdb3e2629a7a2ab51aef475f9f3b75",class:{red:!this.videoEnabled},icon:this.videoEnabled?this.iconPack.video_on:this.iconPack.video_off}),(m||r({element:"rtk-participant",defaults:y,childProps:{participant:this.participant}})>0)&&s("div",{key:"202a957dfe004c8c1f2195bf93c9ce9ce167a96f",class:"menu"},s("span",{key:"a01163f9da5fab4a1d7922f8abfe5a2e4a4dcf2c",id:"trigger",onClick:this.onMenuToggle},s("rtk-button",{key:"144e0c418b6a038d560f8087825471b649229ecb",variant:"ghost",kind:"icon",slot:"trigger"},s("rtk-icon",{key:"18abb20a0969e0332d8fe2b5dcfe41bfc66955f7",class:"more",icon:this.iconPack.more_vertical}))),s("span",{key:"3a22ebe5a21228b6ea6e15933d961b24085dce44",id:"menu-list"},this.menuOpen&&s("rtk-menu-list",{key:"86688ad10d1440c5b534fe2f002225e0368ae24a",iconPack:this.iconPack,t:this.t},this.canPinParticipant&&g&&!v&&s("rtk-menu-item",{key:"c22833b86d8583bdaec723a269afa7298cb0ca0d",onClick:()=>{this.isPinned?this.participant.unpin():this.participant.pin()},iconPack:this.iconPack,t:this.t},s("rtk-icon",{key:"9cdde53aaffca1f0042a69048b77f31fc10c69d6",icon:this.isPinned?this.iconPack.pin_off:this.iconPack.pin,slot:"start"}),this.t(this.isPinned?"unpin":"pin")),k&&s("rtk-menu-item",{key:"b651953a9b02065ca223c46dd7dbadedc8401031",iconPack:this.iconPack,t:this.t,onClick:()=>{this.isHidden?this.participant.show():this.participant.hide()}},s("rtk-icon",{key:"e63383cca42314f8ac0a9a03d13948b4eb5ced8c",icon:this.isHidden?this.iconPack.minimize:this.iconPack.maximize,slot:"start"}),this.t(this.meeting.self.hidden?"maximize":"minimize")),this.canDisableParticipantAudio&&g&&this.audioEnabled&&s("rtk-menu-item",{key:"86f670083fa1000cc99c5a57d4da2cb789c88aee",iconPack:this.iconPack,t:this.t,onClick:()=>{this.participant.disableAudio()}},s("rtk-icon",{key:"d75504ef4431c83efea2d281baad6a10c8a2e3b3",icon:this.iconPack.mic_off,slot:"start"}),this.t("mute")),this.canDisableParticipantVideo&&g&&this.videoEnabled&&s("rtk-menu-item",{key:"2634fae26bc72fec773f3a7f85fad7ebc1cfca11",iconPack:this.iconPack,t:this.t,onClick:()=>{this.participant.disableVideo()}},s("rtk-icon",{key:"57d51380b52a20a8f9dfc51931401712f4d67f26",icon:this.iconPack.video_off,slot:"start"}),this.t("participants.turn_off_video")),this.canAllowParticipantOnStage&&(null===(p=this.participant)||void 0===p?void 0:p.id)!==(null===(b=this.meeting)||void 0===b?void 0:b.self.id)&&s("rtk-menu-item",{key:"64ab2f51f494b8d3d445ae9aece430e8c0fca673",iconPack:this.iconPack,t:this.t,class:this.isOnStage?"red":"",onClick:this.inviteToStageToggle},s("rtk-icon",{key:"5633f66f3679bfc3b6e87a55cfb884e63260767c",icon:this.isOnStage?this.iconPack.leave_stage:this.iconPack.join_stage,slot:"start"}),this.t(this.isOnStage?"stage.remove_from_stage":"stage.add_to_stage")),!k&&this.canKickParticipant&&s("rtk-menu-item",{key:"664e9b1c843aa0cc7a47062b4f353a8e1105a368",iconPack:this.iconPack,t:this.t,class:"red",onClick:()=>{var t,i;null===(t=this.meeting)||void 0===t||t.participants.kick(null===(i=this.participant)||void 0===i?void 0:i.id)}},s("rtk-icon",{key:"10cb3a42b4c861241d983d9cb1ebfe594500fbc3",icon:this.iconPack.dismiss,slot:"start"}),this.t("kick")),s("slot",{key:"ed681666f5bb8bf06a6fac4b929853d9b6bc704c"},s(d,{key:"8177a2248bf03ffbe26a7f0f560eb81439a00fb3",element:"rtk-participant",defaults:y,childProps:{participant:this.participant},deepProps:!0,onlyChildren:!0})))))))}get host(){return a(this)}static get watchers(){return{meeting:["meetingChanged"],participant:["participantChanged"]}}};y([u()],x.prototype,"meeting",void 0),y([u()],x.prototype,"states",void 0),y([u()],x.prototype,"iconPack",void 0),y([u()],x.prototype,"t",void 0),x.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:flex;height:var(--rtk-space-14, 56px);align-items:center;justify-content:space-between;cursor:pointer;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}:host rtk-avatar{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);font-size:14px}.left{display:flex;align-items:center}.left>*{margin-right:var(--rtk-space-2, 8px)}.left>*:last-child{margin-right:var(--rtk-space-0, 0px)}.right{display:flex;align-items:center;justify-content:flex-end}.right>*{margin-left:var(--rtk-space-2, 8px)}.right>*:first-child{margin-left:var(--rtk-space-0, 0px)}.name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}rtk-icon.red{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}rtk-icon.more{cursor:pointer}.menu{position:relative;display:inline-block;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#menu-list{position:absolute;top:var(--rtk-space-8, 32px) !important;right:var(--rtk-space-4, 16px) !important;z-index:20}";const w=class{constructor(i){t(this,i),this.items=[],this.itemHeight=55,this.bufferedItemsCount=5,this.emptyListElement=null,this.visibleStart=0,this.visibleEnd=0,this.containerHeight=0,this.lastScrollTop=0,this.recalculatePositioning=()=>{this.updateContainerHeight(),requestAnimationFrame((()=>{this.updateItemHeight()}))},this.updateContainerHeight=()=>{this.el.querySelector(".virtual-list-container").clientHeight&&(requestAnimationFrame((()=>{this.updateItemHeight()})),this.containerHeight=this.el.querySelector(".virtual-list-container").clientHeight,this.updateVisibleRange())},this.onScroll=g((()=>{const t=this.el.querySelector(".virtual-list-container").scrollTop;t>this.lastScrollTop&&this.visibleEnd===this.items.length||(this.lastScrollTop=t,this.updateVisibleRange())}))}itemsChanged(){this.recalculatePositioning()}componentDidLoad(){this.recalculatePositioning(),this.el.querySelector(".virtual-list-container").addEventListener("scroll",this.onScroll),window.addEventListener("resize",this.recalculatePositioning)}componentDidUpdate(){this.updateItemHeight()}disconnectedCallback(){this.el.querySelector(".virtual-list-container").removeEventListener("scroll",this.onScroll),window.removeEventListener("resize",this.recalculatePositioning)}updateVisibleRange(){const t=this.el.querySelector(".virtual-list-container").scrollTop,i=Math.floor(t/this.itemHeight),s=Math.ceil(this.containerHeight/this.itemHeight),e=Math.min(this.items.length,i+s+this.bufferedItemsCount);this.visibleStart=i,this.visibleEnd=e,this.el.querySelector(".virtual-list-container").scrollTop=this.lastScrollTop}updateItemHeight(){const t=this.el.querySelector(".virtual-list-item");if(t){const i=t.style.height;t.style.height="auto";const s=t.getBoundingClientRect().height;i&&(t.style.height=i),s&&Math.floor(s)!==Math.floor(this.itemHeight)&&(this.itemHeight=s)}}renderItems(){return this.items.slice(this.visibleStart,this.visibleEnd).map(((t,i)=>{const e=this.visibleStart+i;return s("div",{class:"virtual-list-item",key:t.id,style:{position:"absolute",top:e*this.itemHeight+"px",height:`${this.itemHeight}px`,width:"100%"}},this.renderItem(t,e))}))}render(){var t;return s("div",{key:"02cd1150b5e7b65f25178c0ce673ee823feec9d8",class:"virtual-list-container",style:{position:"relative",height:"100%",overflowX:"hidden",overflowY:"auto"}},s("div",{key:"0f886b79c861b3010d60df73a7b343955e97a8f2",style:{height:this.items.length*this.itemHeight+"px",position:"relative"}},(null===(t=this.items)||void 0===t?void 0:t.length)?this.renderItems():this.emptyListElement),s("div",{key:"d290097b0d363d9a580e71da1260e87456248dc4",style:{height:`${this.itemHeight}px`}}))}get el(){return a(this)}static get watchers(){return{items:["itemsChanged"]}}};w.style=":host{height:100%;width:100%}";export{x as rtk_participant,w as rtk_virtualized_participant_list}

package/dist/realtimekit-ui/p-1abb4841.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as i,F as r,H as a}from"./p-0ee570cd.js";import{s as o}from"./p-338c7261.js";import{d as n,a as s,c,k as d}from"./p-d3bf4348.js";import{R as l}from"./p-c8eaa707.js";import{S as p}from"./p-dac97779.js";var b=function(t,e,i,r){var a,o=arguments.length,n=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,r);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(n=(o<3?a(n):o>3?a(e,i,n):a(e,i))||n);return o>3&&n&&Object.defineProperty(e,i,n),n};const h=class{constructor(i){t(this,i),this.stateUpdate=e(this,"rtkStateUpdate",7),this.config=n,this.iconPack=s,this.t=c(),this.isJoining=!1,this.canEditName=!0,this.canProduceAudio=!0,this.socketStateUpdate=({state:t})=>{this.connectionState=t,"failed"===t&&(this.isJoining=!1)},this.join=async()=>{var t,e,i;if(""!==(null===(t=this.displayName)||void 0===t?void 0:t.trim())&&!this.isJoining){this.isJoining=!0,null===(e=this.meeting)||void 0===e||e.self.setName(this.displayName),d.setItem("rtk-display-name",this.displayName);try{await(null===(i=this.meeting)||void 0===i?void 0:i.joinRoom())}catch(t){this.isJoining=!1}}}}connectedCallback(){this.meetingChanged(this.meeting)}disconnectedCallback(){this.meeting.meta.removeListener("socketConnectionUpdate",this.socketStateUpdate)}componentDidLoad(){var t;null===(t=this.inputEl)||void 0===t||t.focus()}meetingChanged(t){var e,i,r;t&&(this.connectionState=null===(e=t.meta.socketState)||void 0===e?void 0:e.state,this.canEditName=null===(i=t.self.permissions.canEditDisplayName)||void 0===i||i,this.displayName=(null===(r=t.self.name)||void 0===r?void 0:r.trim())||(this.canEditName?"":"Participant"),t.meta.addListener("socketConnectionUpdate",this.socketStateUpdate))}render(){var t,e,n,s,c,d;const p=""===(null===(t=this.displayName)||void 0===t?void 0:t.trim())||"connected"!==this.connectionState||this.isJoining,b={meeting:this.meeting,config:this.config,states:this.states,size:this.size,iconPack:this.iconPack,t:this.t},h=null===(s=null===(n=null===(e=this.meeting)||void 0===e?void 0:e.meta)||void 0===n?void 0:n.meetingTitle)||void 0===s?void 0:s.trim();return i(a,{key:"81fce073b274287e6a4cd3a8d6fb28d2db0ec1db"},i("div",{key:"a4b0426c067ff9d5d380759ad535157bd1aa8210",class:"container"},i("div",{key:"1a65db35ffed6f8dd2e68e20b45e5bc6bc0bb99e",class:"container-tile"},i(l,{key:"7f78f7a68292c27a5531b6aea9c100b3c0d2ab86",element:"rtk-participant-tile",defaults:b,props:{participant:null===(c=this.meeting)||void 0===c?void 0:c.self,size:"md",isPreview:!0},childProps:{participant:null===(d=this.meeting)||void 0===d?void 0:d.self,size:"md"},deepProps:!0}),i("div",{key:"bbd220ce356d23388f1c45db5ea9b1934e4df7a3",class:"media-selectors"},i("rtk-microphone-selector",Object.assign({key:"986377b85493dfd45ec10c7bc3a7c06f743d94ee"},b,{variant:"inline"})),i("rtk-camera-selector",Object.assign({key:"020ad2c9a5a4e6a710c15b0d834baae0e3fd46df"},b,{variant:"inline"})),i("rtk-speaker-selector",Object.assign({key:"82db6a6a721da0187e2b14926cb794bf5c83bbfe"},b,{variant:"inline"})))),i("div",{key:"8c9139f72ed1da7b9f316970ee17dcc56e83f259",class:"metadata"},h&&""!==h&&i("div",{key:"b5f7164a51aabed7a4355d9a5dcaa7148a7eee0c",class:"meeting-title"},h),this.canEditName?i(r,null,i("div",{class:"join-as"},this.t("setup_screen.join_in_as")),i("input",{placeholder:this.t("setup_screen.your_name"),value:this.displayName,spellcheck:!1,autoFocus:!0,ref:t=>{this.inputEl=t},onInput:t=>{this.displayName=t.target.value},onKeyDown:t=>{"Enter"===t.key&&this.join()}})):i("div",{class:"uneditable-name"},i("span",{class:"text"},this.t("setup_screen.join_in_as")," ")," ",i("div",{class:"name"},o(this.displayName,20))),i("rtk-button",{key:"df8528e0fa5e31775a0f70a24b5dd00cf913a00e",size:"lg",kind:"wide",onClick:this.join,disabled:p},this.isJoining?i("rtk-spinner",{iconPack:this.iconPack}):this.t("join")),"connected"!==this.connectionState&&i("div",{key:"e60c7bb5d1a8ae53251fae2099c403752c330a08",class:"no-network-badge"},i("rtk-icon",{key:"f494e5882c9f6488ac7237784fb79983fe560093",size:"md",variant:"danger",icon:this.iconPack.disconnected}),this.t("failed"===this.connectionState?"network.lost_extended":"network.lost")))))}static get watchers(){return{meeting:["meetingChanged"]}}};b([p()],h.prototype,"meeting",void 0),b([p()],h.prototype,"states",void 0),b([p()],h.prototype,"size",void 0),b([p()],h.prototype,"iconPack",void 0),b([p()],h.prototype,"t",void 0),h.style=":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{box-sizing:border-box;padding:var(--rtk-space-4, 16px);height:100%;min-height:100%;width:100%;display:flex;place-items:center;justify-content:center;--rtk-controlbar-button-background-color:rgb(var(--rtk-colors-background-700, 44 44 44))}.container{width:100%;max-width:1080px;display:flex;align-items:center;justify-content:space-evenly;gap:var(--rtk-space-4, 16px)}.container-tile{display:flex;height:100%;width:100%;max-width:584px;flex-direction:column;gap:var(--rtk-space-2, 8px)}.metadata{display:flex;width:100%;max-width:var(--rtk-space-80, 320px);flex-direction:column;align-items:center;text-align:center}.meeting-title{margin-bottom:var(--rtk-space-4, 16px);text-align:center;font-size:24px;font-weight:500}.join-as{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-4, 16px);text-align:center;font-size:16px;letter-spacing:-0.025em;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.uneditable-name{margin-bottom:var(--rtk-space-6, 24px)}.uneditable-name .text,.uneditable-name .name{display:inline-block}.uneditable-name .name{font-size:16px;font-weight:500}input{margin-bottom:var(--rtk-space-6, 24px);display:block;height:var(--rtk-space-10, 40px);width:100%;max-width:var(--rtk-space-80, 320px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255));box-sizing:border-box;font-size:16px;outline:2px solid transparent;outline-offset:2px;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}input::-moz-placeholder{color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}input::placeholder{color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}input{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}input:focus{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity))}rtk-spinner{color:rgb(var(--rtk-colors-text-1000, 255 255 255));--icon-size:var(--rtk-space-8, 32px)}:host([size='sm']) .container,:host([size='md']) .container{height:100%;flex-direction:column;justify-content:space-evenly}:host([size='sm']) .container-tile,:host([size='md']) .container-tile{height:-moz-min-content;height:min-content;flex-direction:column;justify-content:center}rtk-participant-tile{height:auto;width:100%;max-width:584px}.media-selectors{display:flex;flex-direction:column;justify-content:space-between}.media-selectors .row{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr))}.no-network-badge{margin-top:var(--rtk-space-2, 8px);display:flex;width:100%;flex-direction:row;align-items:center;justify-content:flex-start;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));background-color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.1);padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px);font-size:12px;color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.75)}.no-network-badge rtk-icon{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px)}";export{h as rtk_setup_screen}

package/dist/realtimekit-ui/p-94cc1b33.js

@@ -0,0 +1 @@
+const t=["top","right","bottom","left"],n=["start","end"],e=t.reduce(((t,e)=>t.concat(e,e+"-"+n[0],e+"-"+n[1])),[]),o=Math.min,r=Math.max,i=Math.round,a=t=>({x:t,y:t}),c={left:"right",right:"left",bottom:"top",top:"bottom"},l={start:"end",end:"start"};function s(t,n,e){return r(t,o(n,e))}function u(t,n){return"function"==typeof t?t(n):t}function f(t){return t.split("-")[0]}function d(t){return t.split("-")[1]}function m(t){return"x"===t?"y":"x"}function y(t){return"y"===t?"height":"width"}const p=new Set(["top","bottom"]);function h(t){return p.has(f(t))?"y":"x"}function w(t){return m(h(t))}function g(t,n,e){void 0===e&&(e=!1);const o=d(t),r=w(t),i=y(r);let a="x"===r?o===(e?"end":"start")?"right":"left":"start"===o?"bottom":"top";return n.reference[i]>n.floating[i]&&(a=k(a)),[a,k(a)]}function x(t){return t.replace(/start|end/g,(t=>l[t]))}const v=["left","right"],b=["right","left"],A=["top","bottom"],S=["bottom","top"];function k(t){return t.replace(/left|right|bottom|top/g,(t=>c[t]))}function P(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function R(t){const{x:n,y:e,width:o,height:r}=t;return{width:o,height:r,top:e,left:n,right:n+o,bottom:e+r,x:n,y:e}}function D(t,n,e){let{reference:o,floating:r}=t;const i=h(n),a=w(n),c=y(a),l=f(n),s="y"===i,u=o.x+o.width/2-r.width/2,m=o.y+o.height/2-r.height/2,p=o[c]/2-r[c]/2;let g;switch(l){case"top":g={x:u,y:o.y-r.height};break;case"bottom":g={x:u,y:o.y+o.height};break;case"right":g={x:o.x+o.width,y:m};break;case"left":g={x:o.x-r.width,y:m};break;default:g={x:o.x,y:o.y}}switch(d(n)){case"start":g[a]-=p*(e&&s?-1:1);break;case"end":g[a]+=p*(e&&s?-1:1)}return g}async function C(t,n){var e;void 0===n&&(n={});const{x:o,y:r,platform:i,rects:a,elements:c,strategy:l}=t,{boundary:s="clippingAncestors",rootBoundary:f="viewport",elementContext:d="floating",altBoundary:m=!1,padding:y=0}=u(n,t),p=P(y),h=c[m?"floating"===d?"reference":"floating":d],w=R(await i.getClippingRect({element:null==(e=await(null==i.isElement?void 0:i.isElement(h)))||e?h:h.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(c.floating)),boundary:s,rootBoundary:f,strategy:l})),g="floating"===d?{x:o,y:r,width:a.floating.width,height:a.floating.height}:a.reference,x=await(null==i.getOffsetParent?void 0:i.getOffsetParent(c.floating)),v=await(null==i.isElement?void 0:i.isElement(x))&&await(null==i.getScale?void 0:i.getScale(x))||{x:1,y:1},b=R(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:g,offsetParent:x,strategy:l}):g);return{top:(w.top-b.top+p.top)/v.y,bottom:(b.bottom-w.bottom+p.bottom)/v.y,left:(w.left-b.left+p.left)/v.x,right:(b.right-w.right+p.right)/v.x}}function O(t,n){return{top:t.top-n.height,right:t.right-n.width,bottom:t.bottom-n.height,left:t.left-n.width}}function T(n){return t.some((t=>n[t]>=0))}const B=new Set(["left","top"]);function F(){return"undefined"!=typeof window}function H(t){return M(t)?(t.nodeName||"").toLowerCase():"#document"}function L(t){var n;return(null==t||null==(n=t.ownerDocument)?void 0:n.defaultView)||window}function E(t){var n;return null==(n=(M(t)?t.ownerDocument:t.document)||window.document)?void 0:n.documentElement}function M(t){return!!F()&&(t instanceof Node||t instanceof L(t).Node)}function N(t){return!!F()&&(t instanceof Element||t instanceof L(t).Element)}function j(t){return!!F()&&(t instanceof HTMLElement||t instanceof L(t).HTMLElement)}function $(t){return!(!F()||"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot||t instanceof L(t).ShadowRoot)}const V=new Set(["inline","contents"]);function W(t){const{overflow:n,overflowX:e,overflowY:o,display:r}=Z(t);return/auto|scroll|overlay|hidden|clip/.test(n+o+e)&&!V.has(r)}const X=new Set(["table","td","th"]);function Y(t){return X.has(H(t))}const _=[":popover-open",":modal"];function q(t){return _.some((n=>{try{return t.matches(n)}catch(t){return!1}}))}const z=["transform","translate","scale","rotate","perspective"],G=["transform","translate","scale","rotate","perspective","filter"],I=["paint","layout","strict","content"];function J(t){const n=K(),e=N(t)?Z(t):t;return z.some((t=>!!e[t]&&"none"!==e[t]))||!!e.containerType&&"normal"!==e.containerType||!n&&!!e.backdropFilter&&"none"!==e.backdropFilter||!n&&!!e.filter&&"none"!==e.filter||G.some((t=>(e.willChange||"").includes(t)))||I.some((t=>(e.contain||"").includes(t)))}function K(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const Q=new Set(["html","body","#document"]);function U(t){return Q.has(H(t))}function Z(t){return L(t).getComputedStyle(t)}function tt(t){return N(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function nt(t){if("html"===H(t))return t;const n=t.assignedSlot||t.parentNode||$(t)&&t.host||E(t);return $(n)?n.host:n}function et(t){const n=nt(t);return U(n)?t.ownerDocument?t.ownerDocument.body:t.body:j(n)&&W(n)?n:et(n)}function ot(t,n,e){var o;void 0===n&&(n=[]),void 0===e&&(e=!0);const r=et(t),i=r===(null==(o=t.ownerDocument)?void 0:o.body),a=L(r);if(i){const t=rt(a);return n.concat(a,a.visualViewport||[],W(r)?r:[],t&&e?ot(t):[])}return n.concat(r,ot(r,[],e))}function rt(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function it(t){const n=Z(t);let e=parseFloat(n.width)||0,o=parseFloat(n.height)||0;const r=j(t),a=r?t.offsetWidth:e,c=r?t.offsetHeight:o,l=i(e)!==a||i(o)!==c;return l&&(e=a,o=c),{width:e,height:o,$:l}}function at(t){return N(t)?t:t.contextElement}function ct(t){const n=at(t);if(!j(n))return a(1);const e=n.getBoundingClientRect(),{width:o,height:r,$:c}=it(n);let l=(c?i(e.width):e.width)/o,s=(c?i(e.height):e.height)/r;return l&&Number.isFinite(l)||(l=1),s&&Number.isFinite(s)||(s=1),{x:l,y:s}}const lt=a(0);function st(t){const n=L(t);return K()&&n.visualViewport?{x:n.visualViewport.offsetLeft,y:n.visualViewport.offsetTop}:lt}function ut(t,n,e,o){void 0===n&&(n=!1),void 0===e&&(e=!1);const r=t.getBoundingClientRect(),i=at(t);let c=a(1);n&&(o?N(o)&&(c=ct(o)):c=ct(t));const l=function(t,n,e){return void 0===n&&(n=!1),!(!e||n&&e!==L(t))&&n}(i,e,o)?st(i):a(0);let s=(r.left+l.x)/c.x,u=(r.top+l.y)/c.y,f=r.width/c.x,d=r.height/c.y;if(i){const t=L(i),n=o&&N(o)?L(o):o;let e=t,r=rt(e);for(;r&&o&&n!==e;){const t=ct(r),n=r.getBoundingClientRect(),o=Z(r),i=n.left+(r.clientLeft+parseFloat(o.paddingLeft))*t.x,a=n.top+(r.clientTop+parseFloat(o.paddingTop))*t.y;s*=t.x,u*=t.y,f*=t.x,d*=t.y,s+=i,u+=a,e=L(r),r=rt(e)}}return R({width:f,height:d,x:s,y:u})}function ft(t,n){const e=tt(t).scrollLeft;return n?n.left+e:ut(E(t)).left+e}function dt(t,n,e){void 0===e&&(e=!1);const o=t.getBoundingClientRect();return{x:o.left+n.scrollLeft-(e?0:ft(t,o)),y:o.top+n.scrollTop}}const mt=new Set(["absolute","fixed"]);function yt(t,n,e){let o;if("viewport"===n)o=function(t,n){const e=L(t),o=E(t),r=e.visualViewport;let i=o.clientWidth,a=o.clientHeight,c=0,l=0;if(r){i=r.width,a=r.height;const t=K();(!t||t&&"fixed"===n)&&(c=r.offsetLeft,l=r.offsetTop)}return{width:i,height:a,x:c,y:l}}(t,e);else if("document"===n)o=function(t){const n=E(t),e=tt(t),o=t.ownerDocument.body,i=r(n.scrollWidth,n.clientWidth,o.scrollWidth,o.clientWidth),a=r(n.scrollHeight,n.clientHeight,o.scrollHeight,o.clientHeight);let c=-e.scrollLeft+ft(t);const l=-e.scrollTop;return"rtl"===Z(o).direction&&(c+=r(n.clientWidth,o.clientWidth)-i),{width:i,height:a,x:c,y:l}}(E(t));else if(N(n))o=function(t,n){const e=ut(t,!0,"fixed"===n),o=e.top+t.clientTop,r=e.left+t.clientLeft,i=j(t)?ct(t):a(1);return{width:t.clientWidth*i.x,height:t.clientHeight*i.y,x:r*i.x,y:o*i.y}}(n,e);else{const e=st(t);o={x:n.x-e.x,y:n.y-e.y,width:n.width,height:n.height}}return R(o)}function pt(t,n){const e=nt(t);return!(e===n||!N(e)||U(e))&&("fixed"===Z(e).position||pt(e,n))}function ht(t,n,e){const o=j(n),r=E(n),i="fixed"===e,c=ut(t,!0,i,n);let l={scrollLeft:0,scrollTop:0};const s=a(0);function u(){s.x=ft(r)}if(o||!o&&!i)if(("body"!==H(n)||W(r))&&(l=tt(n)),o){const t=ut(n,!0,i,n);s.x=t.x+n.clientLeft,s.y=t.y+n.clientTop}else r&&u();i&&!o&&r&&u();const f=!r||o||i?a(0):dt(r,l);return{x:c.left+l.scrollLeft-s.x-f.x,y:c.top+l.scrollTop-s.y-f.y,width:c.width,height:c.height}}function wt(t){return"static"===Z(t).position}function gt(t,n){if(!j(t)||"fixed"===Z(t).position)return null;if(n)return n(t);let e=t.offsetParent;return E(t)===e&&(e=e.ownerDocument.body),e}function xt(t,n){const e=L(t);if(q(t))return e;if(!j(t)){let n=nt(t);for(;n&&!U(n);){if(N(n)&&!wt(n))return n;n=nt(n)}return e}let o=gt(t,n);for(;o&&Y(o)&&wt(o);)o=gt(o,n);return o&&U(o)&&wt(o)&&!J(o)?e:o||function(t){let n=nt(t);for(;j(n)&&!U(n);){if(J(n))return n;if(q(n))return null;n=nt(n)}return null}(t)||e}const vt={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:n,rect:e,offsetParent:o,strategy:r}=t;const i="fixed"===r,c=E(o),l=!!n&&q(n.floating);if(o===c||l&&i)return e;let s={scrollLeft:0,scrollTop:0},u=a(1);const f=a(0),d=j(o);if((d||!d&&!i)&&(("body"!==H(o)||W(c))&&(s=tt(o)),j(o))){const t=ut(o);u=ct(o),f.x=t.x+o.clientLeft,f.y=t.y+o.clientTop}const m=!c||d||i?a(0):dt(c,s,!0);return{width:e.width*u.x,height:e.height*u.y,x:e.x*u.x-s.scrollLeft*u.x+f.x+m.x,y:e.y*u.y-s.scrollTop*u.y+f.y+m.y}},getDocumentElement:E,getClippingRect:function(t){let{element:n,boundary:e,rootBoundary:i,strategy:a}=t;const c=[..."clippingAncestors"===e?q(n)?[]:function(t,n){const e=n.get(t);if(e)return e;let o=ot(t,[],!1).filter((t=>N(t)&&"body"!==H(t))),r=null;const i="fixed"===Z(t).position;let a=i?nt(t):t;for(;N(a)&&!U(a);){const n=Z(a),e=J(a);e||"fixed"!==n.position||(r=null),(i?!e&&!r:!e&&"static"===n.position&&r&&mt.has(r.position)||W(a)&&!e&&pt(t,a))?o=o.filter((t=>t!==a)):r=n,a=nt(a)}return n.set(t,o),o}(n,this._c):[].concat(e),i],l=c.reduce(((t,e)=>{const i=yt(n,e,a);return t.top=r(i.top,t.top),t.right=o(i.right,t.right),t.bottom=o(i.bottom,t.bottom),t.left=r(i.left,t.left),t}),yt(n,c[0],a));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}},getOffsetParent:xt,getElementRects:async function(t){const n=this.getOffsetParent||xt,e=this.getDimensions,o=await e(t.floating);return{reference:ht(t.reference,await n(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:n,height:e}=it(t);return{width:n,height:e}},getScale:ct,isElement:N,isRTL:function(t){return"rtl"===Z(t).direction}},bt=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(n){var e,o;const{x:r,y:i,placement:a,middlewareData:c}=n,l=await async function(t,n){const{placement:e,platform:o,elements:r}=t,i=await(null==o.isRTL?void 0:o.isRTL(r.floating)),a=f(e),c=d(e),l="y"===h(e),s=B.has(a)?-1:1,m=i&&l?-1:1,y=u(n,t);let{mainAxis:p,crossAxis:w,alignmentAxis:g}="number"==typeof y?{mainAxis:y,crossAxis:0,alignmentAxis:null}:{mainAxis:y.mainAxis||0,crossAxis:y.crossAxis||0,alignmentAxis:y.alignmentAxis};return c&&"number"==typeof g&&(w="end"===c?-1*g:g),l?{x:w*m,y:p*s}:{x:p*s,y:w*m}}(n,t);return a===(null==(e=c.offset)?void 0:e.placement)&&null!=(o=c.arrow)&&o.alignmentOffset?{}:{x:r+l.x,y:i+l.y,data:{...l,placement:a}}}}},At=function(t){return void 0===t&&(t={}),{name:"autoPlacement",options:t,async fn(n){var o,r,i;const{rects:a,middlewareData:c,placement:l,platform:s,elements:m}=n,{crossAxis:y=!1,alignment:p,allowedPlacements:h=e,autoAlignment:w=!0,...v}=u(t,n),b=void 0!==p||h===e?function(t,n,e){return(t?[...e.filter((n=>d(n)===t)),...e.filter((n=>d(n)!==t))]:e.filter((t=>f(t)===t))).filter((e=>!t||d(e)===t||!!n&&x(e)!==e))}(p||null,w,h):h,A=await C(n,v),S=(null==(o=c.autoPlacement)?void 0:o.index)||0,k=b[S];if(null==k)return{};const P=g(k,a,await(null==s.isRTL?void 0:s.isRTL(m.floating)));if(l!==k)return{reset:{placement:b[0]}};const R=[A[f(k)],A[P[0]],A[P[1]]],D=[...(null==(r=c.autoPlacement)?void 0:r.overflows)||[],{placement:k,overflows:R}],O=b[S+1];if(O)return{data:{index:S+1,overflows:D},reset:{placement:O}};const T=D.map((t=>{const n=d(t.placement);return[t.placement,n&&y?t.overflows.slice(0,2).reduce(((t,n)=>t+n),0):t.overflows[0],t.overflows]})).sort(((t,n)=>t[1]-n[1])),B=(null==(i=T.filter((t=>t[2].slice(0,d(t[0])?2:3).every((t=>t<=0))))[0])?void 0:i[0])||T[0][0];return B!==l?{data:{index:S+1,overflows:D},reset:{placement:B}}:{}}}},St=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(n){const{x:e,y:o,placement:r}=n,{mainAxis:i=!0,crossAxis:a=!1,limiter:c={fn:t=>{let{x:n,y:e}=t;return{x:n,y:e}}},...l}=u(t,n),d={x:e,y:o},y=await C(n,l),p=h(f(r)),w=m(p);let g=d[w],x=d[p];i&&(g=s(g+y["y"===w?"top":"left"],g,g-y["y"===w?"bottom":"right"])),a&&(x=s(x+y["y"===p?"top":"left"],x,x-y["y"===p?"bottom":"right"]));const v=c.fn({...n,[w]:g,[p]:x});return{...v,data:{x:v.x-e,y:v.y-o,enabled:{[w]:i,[p]:a}}}}}},kt=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(n){var e,o;const{placement:r,middlewareData:i,rects:a,initialPlacement:c,platform:l,elements:s}=n,{mainAxis:m=!0,crossAxis:y=!0,fallbackPlacements:p,fallbackStrategy:w="bestFit",fallbackAxisSideDirection:P="none",flipAlignment:R=!0,...D}=u(t,n);if(null!=(e=i.arrow)&&e.alignmentOffset)return{};const O=f(r),T=h(c),B=f(c)===c,F=await(null==l.isRTL?void 0:l.isRTL(s.floating)),H=p||(B||!R?[k(c)]:function(t){const n=k(t);return[x(t),n,x(n)]}(c)),L="none"!==P;!p&&L&&H.push(...function(t,n,e,o){const r=d(t);let i=function(t,n,e){switch(t){case"top":case"bottom":return e?n?b:v:n?v:b;case"left":case"right":return n?A:S;default:return[]}}(f(t),"start"===e,o);return r&&(i=i.map((t=>t+"-"+r)),n&&(i=i.concat(i.map(x)))),i}(c,R,P,F));const E=[c,...H],M=await C(n,D),N=[];let j=(null==(o=i.flip)?void 0:o.overflows)||[];if(m&&N.push(M[O]),y){const t=g(r,a,F);N.push(M[t[0]],M[t[1]])}if(j=[...j,{placement:r,overflows:N}],!N.every((t=>t<=0))){var $,V;const t=((null==($=i.flip)?void 0:$.index)||0)+1,n=E[t];if(n&&("alignment"!==y||T===h(n)||j.every((t=>t.overflows[0]>0&&h(t.placement)===T))))return{data:{index:t,overflows:j},reset:{placement:n}};let e=null==(V=j.filter((t=>t.overflows[0]<=0)).sort(((t,n)=>t.overflows[1]-n.overflows[1]))[0])?void 0:V.placement;if(!e)switch(w){case"bestFit":{var W;const t=null==(W=j.filter((t=>{if(L){const n=h(t.placement);return n===T||"y"===n}return!0})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,n)=>t+n),0)])).sort(((t,n)=>t[1]-n[1]))[0])?void 0:W[0];t&&(e=t);break}case"initialPlacement":e=c}if(r!==e)return{reset:{placement:e}}}return{}}}},Pt=function(t){return void 0===t&&(t={}),{name:"hide",options:t,async fn(n){const{rects:e}=n,{strategy:o="referenceHidden",...r}=u(t,n);switch(o){case"referenceHidden":{const t=O(await C(n,{...r,elementContext:"reference"}),e.reference);return{data:{referenceHiddenOffsets:t,referenceHidden:T(t)}}}case"escaped":{const t=O(await C(n,{...r,altBoundary:!0}),e.floating);return{data:{escapedOffsets:t,escaped:T(t)}}}default:return{}}}}},Rt=t=>({name:"arrow",options:t,async fn(n){const{x:e,y:r,placement:i,rects:a,platform:c,elements:l,middlewareData:f}=n,{element:m,padding:p=0}=u(t,n)||{};if(null==m)return{};const h=P(p),g={x:e,y:r},x=w(i),v=y(x),b=await c.getDimensions(m),A="y"===x,S=A?"top":"left",k=A?"bottom":"right",R=A?"clientHeight":"clientWidth",D=a.reference[v]+a.reference[x]-g[x]-a.floating[v],C=g[x]-a.reference[x],O=await(null==c.getOffsetParent?void 0:c.getOffsetParent(m));let T=O?O[R]:0;T&&await(null==c.isElement?void 0:c.isElement(O))||(T=l.floating[R]||a.floating[v]);const B=D/2-C/2,F=T/2-b[v]/2-1,H=o(h[S],F),L=o(h[k],F),E=H,M=T-b[v]-L,N=T/2-b[v]/2+B,j=s(E,N,M),$=!f.arrow&&null!=d(i)&&N!==j&&a.reference[v]/2-(N<E?H:L)-b[v]/2<0,V=$?N<E?N-E:N-M:0;return{[x]:g[x]+V,data:{[x]:j,centerOffset:N-j-V,...$&&{alignmentOffset:V}},reset:$}}}),Dt=(t,n,e)=>{const o=new Map,r={platform:vt,...e},i={...r.platform,_c:o};return(async(t,n,e)=>{const{placement:o="bottom",strategy:r="absolute",middleware:i=[],platform:a}=e,c=i.filter(Boolean),l=await(null==a.isRTL?void 0:a.isRTL(n));let s=await a.getElementRects({reference:t,floating:n,strategy:r}),{x:u,y:f}=D(s,o,l),d=o,m={},y=0;for(let e=0;e<c.length;e++){const{name:i,fn:p}=c[e],{x:h,y:w,data:g,reset:x}=await p({x:u,y:f,initialPlacement:o,placement:d,strategy:r,middlewareData:m,rects:s,platform:a,elements:{reference:t,floating:n}});u=null!=h?h:u,f=null!=w?w:f,m={...m,[i]:{...m[i],...g}},x&&y<=50&&(y++,"object"==typeof x&&(x.placement&&(d=x.placement),x.rects&&(s=!0===x.rects?await a.getElementRects({reference:t,floating:n,strategy:r}):x.rects),({x:u,y:f}=D(s,d,l))),e=-1)}return{x:u,y:f,placement:d,strategy:r,middlewareData:m}})(t,n,{...r,platform:i})};export{Rt as a,At as b,Dt as c,kt as f,Pt as h,bt as o,St as s}