@veltdev/sdk-staging 5.0.4 → 6.0.0-beta.10

package/app/models/element/presence-element.model.d.ts

@@ -1,8 +1,8 @@
-// @ts-nocheck
 import { Observable } from "rxjs";
 import { PresenceUser } from "../data/presence-user.data.model";
 import { GetPresenceDataResponse, PresenceEventTypesMap } from "../data/presence-events.data.model";
 import { PresenceRequestQuery } from "../data/presence-actions.data.model";
+import { FlockOptions } from "../data/flock-options.model";
 
 export declare class PresenceElement {
 
@@ -21,15 +21,27 @@ export declare class PresenceElement {
     setInactivityTime: (time: number) => void;
 
     /**
-     * Enables follow along mode globally
-     * @param options {FollowOptions: {useHistoryAPI: boolean, onNavigate: (url: PageInfo) => void}}}
+     * Enable flock mode globally
+     * @param options FlockOptions
      */
-    enableFollowAlongMode: (useHistoryAPI: boolean) => any;
+    enableFlockMode: (options?: FlockOptions) => void;
 
     /**
-     * To disable follow along mode
+     * Disable flock mode globally
      */
-    disableFollowAlongMode: () => any;
+    disableFlockMode: () => void;
+
+    /**
+     * Start/join a flock session by following the given user
+     * @param userId The leader user ID
+     * @param name The leader user name
+     */
+    startFollowingUser: (userId: string, name: string) => void;
+
+    /**
+     * Exit the flock session / stop following
+     */
+    stopFollowingUser: () => void;
 
     /**
      * To enable adding self to the presence list
@@ -81,15 +93,24 @@ export declare class PresenceElement {
     private _setInactivityTime;
 
     /**
-     * Enables follow along mode globally
-     * @param options {FollowOptions: {useHistoryAPI: boolean, onNavigate: (url: PageInfo) => void}}}
+     * Enable flock mode globally
+     */
+    private _enableFlockMode;
+
+    /**
+     * Disable flock mode globally
+     */
+    private _disableFlockMode;
+
+    /**
+     * Start/join a flock session by following the given user
      */
-    private _enableFollowAlongMode;
+    private _startFollowingUser;
 
     /**
-     * To disable follow along mode
+     * Exit the flock session / stop following
      */
-    private _disableFollowAlongMode;
+    private _stopFollowingUser;
 
     /**
      * To enable adding self to the presence list

package/app/models/element/reaction-element.model.d.ts

@@ -1,4 +1,4 @@
-// @ts-nocheck
+import { ReactionMap } from '../data/reaction-annotation.data.model';
 export { ReactionMap } from '../data/reaction-annotation.data.model';
 
 export declare class ReactionElement {

package/app/models/element/recorder-element.model.d.ts

@@ -1,4 +1,3 @@
-// @ts-nocheck
 import { Observable } from "rxjs";
 import { RecorderData, RecorderRequestQuery, GetRecordingDataResponse, GetRecordingsResponse, DeleteRecordingsResponse } from "../data/recorder-annotation.data.model";
 import { RecorderEventTypesMap } from "../data/recorder-events.data.model";
@@ -6,13 +5,23 @@ import { RecordedData, RecorderQualityConstraints, RecorderEncodingOptions, Reco
 
 export declare class RecorderElement {
 
-  initRecording: (type: string, panelId?: string) => any;
+  initRecording: (type: string, panelId?: string) => Promise<void>;
 
   /**
    * @deprecated Use on('recordingDone') method instead
    */
   onRecordedData: () => Observable<RecordedData | null>;
 
+  /**
+   * To enable dark mode in recording
+   */
+  enableDarkMode: () => void;
+
+  /**
+   * To disable dark mode in recording
+   */
+  disableDarkMode: () => void;
+
   /**
    * To enable recording countdown
    */
@@ -173,6 +182,16 @@ export declare class RecorderElement {
    */
   private _onRecordedData;
 
+  /**
+   * To enable dark mode in recording
+   */
+  private _enableDarkMode;
+
+  /**
+   * To disable dark mode in recording
+   */
+  private _disableDarkMode;
+
   /**
    * To enable dark mode in comments
    */

package/app/models/element/rewriter-element.model.d.ts

@@ -1,4 +1,6 @@
-// @ts-nocheck
+import { Observable } from "rxjs";
+import { RewriterAskAiRequest, RewriterAskAiResponse, RewriterReplaceTextRequest, RewriterReplaceTextResponse, RewriterAddCommentRequest, RewriterAddCommentResponse, RewriterEventTypesMap } from "../data/rewriter-events.data.model";
+
 export declare class RewriterElement {
   /**
    * To enable rewriter feature
@@ -19,6 +21,26 @@ export declare class RewriterElement {
    * To disable the default rewriter UI on text selection
    */
   disableDefaultUI: () => void;
+
+  /**
+   * Subscribe to rewriter events
+   */
+  on: <T extends keyof RewriterEventTypesMap>(action: T) => Observable<RewriterEventTypesMap[T]>;
+
+  /**
+   * Call AI with the currently selected text
+   */
+  askAi: (request: RewriterAskAiRequest) => Promise<RewriterAskAiResponse>;
+
+  /**
+   * Replace the selected text in the DOM with the given text
+   */
+  replaceText: (request: RewriterReplaceTextRequest) => Promise<RewriterReplaceTextResponse>;
+
+  /**
+   * Add a comment annotation on the selected text with the given text as comment body
+   */
+  addComment: (request: RewriterAddCommentRequest) => Promise<RewriterAddCommentResponse>;
   constructor();
 
   /**
@@ -40,4 +62,24 @@ export declare class RewriterElement {
    * To disable the default rewriter UI on text selection
    */
   private _disableDefaultUI;
+
+  /**
+   * Subscribe to rewriter events
+   */
+  private _on;
+
+  /**
+   * Call AI with the currently selected text
+   */
+  private _askAi;
+
+  /**
+   * Replace the selected text in the DOM with the given text
+   */
+  private _replaceText;
+
+  /**
+   * Add a comment annotation on the selected text with the given text as comment body
+   */
+  private _addComment;
 }

package/app/models/element/selection-element.model.d.ts

@@ -1,4 +1,4 @@
-// @ts-nocheck
+import { Observable } from "rxjs";
 import { LiveSelectionData, UserIndicatorPosition, UserIndicatorType } from "../data/selection.model";
 export declare class SelectionElement {
     /**

package/app/models/element/suggestion-element.model.d.ts

@@ -1,4 +1,3 @@
-// @ts-nocheck
 import { Observable } from "rxjs";
 import { SuggestionEventType } from "../../utils/enums";
 import { SuggestionEventTypesMap } from "../data/suggestion-events.data.model";

package/app/models/element/tag-element.model.d.ts

@@ -1,31 +1,30 @@
-// @ts-nocheck
 import { Observable } from "rxjs";
-import { TagPinAnnotation } from "../data/tag-annotation.data.model";
+import { TagAnnotation } from "../data/tag-annotation.data.model";
 export declare class TagElement {
     /**
      * Subscribe to tags on the current document.
      * 
-     * Returns Observable<TagPinAnnotation[] | null>.
+     * Returns Observable<TagAnnotation[] | null>.
      */
-    getAllTagAnnotations: (documentId?: string, documentParams?: object) => Observable<TagPinAnnotation[] | null>;
+    getAllTagAnnotations: (documentId?: string, documentParams?: object) => Observable<TagAnnotation[] | null>;
 
     /**
      * To delete selected tags
      */
-    deleteTag: () => any;
+    deleteTag: () => void;
 
     /**
      * To allow text selection in specific elements only
      * @param elementIds Element ids to be allowed
      */
-    allowedElementIds: (elementIds: string[]) => any;
+    allowedElementIds: (elementIds: string[]) => void;
 
     /**
      * To add tags on specific elements
      * 
      * @param elementId ID of html element
      */
-    attachTag: (elementId: string) => any;
+    attachTag: (elementId: string) => void;
 
     /**
      * Subscribe to add tag mode change.
@@ -37,7 +36,7 @@ export declare class TagElement {
     /**
      * Subscribe to tags on the current document.
      * 
-     * Returns Observable<TagPinAnnotation[] | null>.
+     * Returns Observable<TagAnnotation[] | null>.
      */
     private _getAllTagAnnotations;
 

package/app/models/element/views-element.model.d.ts

@@ -1,4 +1,4 @@
-// @ts-nocheck
+import { Observable } from "rxjs";
 import { ViewsByUser, ViewsByDate } from "../data/views.data.model";
 
 export declare class ViewsElement {

package/app/utils/constants.d.ts

@@ -203,8 +203,11 @@ export declare class Constants {
         VELT_TAGS: string;
         VELT_RECORDER_NOTES: string;
         VELT_RECORDER_CONTROL_PANEL: string;
-        VELT_RECORDER_CONTROL_PANEL_INTERNAL: string;
+        VELT_RECORDER_CONTROL_PANEL_EMBED: string;
+        SNIPPYLY_RECORDER_CONTROL_PANEL_EMBED: string;
         VELT_RECORDER_PLAYER: string;
+        VELT_RECORDER_PLAYER_EMBED: string;
+        SNIPPYLY_RECORDER_PLAYER_EMBED: string;
         VELT_VIDEO_EDITOR: string;
         VELT_TEXT_HIGHLIGHT: string;
         VELT_COMMENT_TEXT_PORTAL: string;
@@ -271,6 +274,8 @@ export declare class Constants {
         VELT_COMMENT_BUBBLE_UNREAD_ICON: string;
         VELT_COMMENT_THREAD: string;
         VELT_COMMENT_PIN: string;
+        VELT_COMMENT_PIN_EMBED: string;
+        SNIPPYLY_COMMENT_PIN_EMBED: string;
         VELT_COMMENT_PIN_NUMBER: string;
         VELT_COMMENT_PIN_INDEX: string;
         VELT_COMMENT_PIN_TRIANGLE: string;
@@ -332,7 +337,11 @@ export declare class Constants {
         VELT_VIDEO_PLAYER: string;
         VELT_VIDEO_COMMENTS_TIMELINE: string;
         VELT_REACTION_TOOL: string;
+        SNIPPYLY_REACTION_TOOL: string;
+        VELT_REACTION_PIN: string;
+        SNIPPYLY_REACTION_PIN: string;
         VELT_INLINE_REACTIONS_SECTION: string;
+        SNIPPYLY_INLINE_REACTIONS_SECTION: string;
         VELT_VIEW_ANALYTICS: string;
         VELT_NOTIFICATIONS_TOOL: string;
         VELT_NOTIFICATIONS_TOOL_ICON: string;

package/app/utils/enums.d.ts

@@ -1,38 +1,40 @@
-export declare enum CommentStatus {
-    NEWLY_ADDED = "newlyAdded",
-    ADDED = "added",
-    UPDATED = "updated",
-    DELETED = "deleted",
-    APPROVED = "approved",
-    ASSIGNED = "assigned",
-    STATUS_CHANGED = "statusChanged",
-    PRIORITY_CHANGED = "priorityChanged",
-    ACCESS_MODE_CHANGED = "accessModeChanged",
-    CUSTOM_LIST_CHANGED = "customListChanged",
-    ACCEPTED = "accepted",
-    REJECTED = "rejected",
-    REACTION_ADDED = "reactionAdded",
-    REACTION_DELETED = "reactionDeleted",
-    SUBSCRIBED = "subscribed",
-    UNSUBSCRIBED = "unsubscribed",
-    SUGGESTION_ACCEPTED = "suggestionAccepted",
-    SUGGESTION_REJECTED = "suggestionRejected"
-}
-export declare enum ResolverActions {
-    COMMENT_ANNOTATION_ADD = "comment_annotation.add",
-    COMMENT_ANNOTATION_DELETE = "comment_annotation.delete",
-    COMMENT_ADD = "comment.add",
-    COMMENT_DELETE = "comment.delete",
-    COMMENT_UPDATE = "comment.update",
-    REACTION_ADD = "reaction.add",
-    REACTION_DELETE = "reaction.delete",
-    ATTACHMENT_ADD = "attachment.add",
-    ATTACHMENT_DELETE = "attachment.delete",
-    RECORDER_ANNOTATION_ADD = "recorder_annotation.add",
-    RECORDER_ANNOTATION_UPDATE = "recorder_annotation.update",
-    RECORDER_ANNOTATION_DELETE = "recorder_annotation.delete",
-    ACTIVITY_SAVE = "activity.save"
-}
+export declare const CommentStatus: {
+    readonly NEWLY_ADDED: "newlyAdded";
+    readonly ADDED: "added";
+    readonly UPDATED: "updated";
+    readonly DELETED: "deleted";
+    readonly APPROVED: "approved";
+    readonly ASSIGNED: "assigned";
+    readonly STATUS_CHANGED: "statusChanged";
+    readonly PRIORITY_CHANGED: "priorityChanged";
+    readonly ACCESS_MODE_CHANGED: "accessModeChanged";
+    readonly CUSTOM_LIST_CHANGED: "customListChanged";
+    readonly ACCEPTED: "accepted";
+    readonly REJECTED: "rejected";
+    readonly REACTION_ADDED: "reactionAdded";
+    readonly REACTION_DELETED: "reactionDeleted";
+    readonly SUBSCRIBED: "subscribed";
+    readonly UNSUBSCRIBED: "unsubscribed";
+    readonly SUGGESTION_ACCEPTED: "suggestionAccepted";
+    readonly SUGGESTION_REJECTED: "suggestionRejected";
+};
+export type CommentStatus = (typeof CommentStatus)[keyof typeof CommentStatus];
+export declare const ResolverActions: {
+    readonly COMMENT_ANNOTATION_ADD: "comment_annotation.add";
+    readonly COMMENT_ANNOTATION_DELETE: "comment_annotation.delete";
+    readonly COMMENT_ADD: "comment.add";
+    readonly COMMENT_DELETE: "comment.delete";
+    readonly COMMENT_UPDATE: "comment.update";
+    readonly REACTION_ADD: "reaction.add";
+    readonly REACTION_DELETE: "reaction.delete";
+    readonly ATTACHMENT_ADD: "attachment.add";
+    readonly ATTACHMENT_DELETE: "attachment.delete";
+    readonly RECORDER_ANNOTATION_ADD: "recorder_annotation.add";
+    readonly RECORDER_ANNOTATION_UPDATE: "recorder_annotation.update";
+    readonly RECORDER_ANNOTATION_DELETE: "recorder_annotation.delete";
+    readonly ACTIVITY_SAVE: "activity.save";
+};
+export type ResolverActions = (typeof ResolverActions)[keyof typeof ResolverActions];
 /**
  * Opt-in additional (non-core) comment save events for the Comment Annotations Resolver
  * (specs/comment-resolver iteration-2). Values mirror the non-core `CommentActivityActionTypes`
@@ -42,22 +44,23 @@ export declare enum ResolverActions {
  * `ResolverActions`. Kept in enums.ts (a leaf module) to avoid a
  * resolver.data.model ↔ comment-resolver.data.model import cycle.
  */
-export declare enum CommentResolverSaveEvent {
-    STATUS_CHANGE = "comment_annotation.status_change",
-    PRIORITY_CHANGE = "comment_annotation.priority_change",
-    ASSIGN = "comment_annotation.assign",
-    ACCESS_MODE_CHANGE = "comment_annotation.access_mode_change",
-    CUSTOM_LIST_CHANGE = "comment_annotation.custom_list_change",
-    APPROVE = "comment_annotation.approve",
-    ACCEPT = "comment.accept",
-    REJECT = "comment.reject",
-    SUGGESTION_ACCEPT = "comment_annotation.suggestion_accept",
-    SUGGESTION_REJECT = "comment_annotation.suggestion_reject",
-    REACTION_ADD = "comment.reaction_add",
-    REACTION_DELETE = "comment.reaction_delete",
-    SUBSCRIBE = "comment_annotation.subscribe",
-    UNSUBSCRIBE = "comment_annotation.unsubscribe"
-}
+export declare const CommentResolverSaveEvent: {
+    readonly STATUS_CHANGE: "comment_annotation.status_change";
+    readonly PRIORITY_CHANGE: "comment_annotation.priority_change";
+    readonly ASSIGN: "comment_annotation.assign";
+    readonly ACCESS_MODE_CHANGE: "comment_annotation.access_mode_change";
+    readonly CUSTOM_LIST_CHANGE: "comment_annotation.custom_list_change";
+    readonly APPROVE: "comment_annotation.approve";
+    readonly ACCEPT: "comment.accept";
+    readonly REJECT: "comment.reject";
+    readonly SUGGESTION_ACCEPT: "comment_annotation.suggestion_accept";
+    readonly SUGGESTION_REJECT: "comment_annotation.suggestion_reject";
+    readonly REACTION_ADD: "comment.reaction_add";
+    readonly REACTION_DELETE: "comment.reaction_delete";
+    readonly SUBSCRIBE: "comment_annotation.subscribe";
+    readonly UNSUBSCRIBE: "comment_annotation.unsubscribe";
+};
+export type CommentResolverSaveEvent = (typeof CommentResolverSaveEvent)[keyof typeof CommentResolverSaveEvent];
 export declare const CommentEventTypes: {
     readonly ADD_COMMENT_ANNOTATION: "addCommentAnnotation";
     readonly ADD_COMMENT_ANNOTATION_DRAFT: "addCommentAnnotationDraft";
@@ -95,6 +98,10 @@ export declare const CommentEventTypes: {
     readonly COMMENT_TOOL_CLICKED: "commentToolClicked";
     readonly SIDEBAR_BUTTON_CLICK: "sidebarButtonClick";
     readonly SIDEBAR_BUTTON_CLICKED: "sidebarButtonClicked";
+    readonly SIDEBAR_OPEN: "sidebarOpen";
+    readonly SIDEBAR_CLOSE: "sidebarClose";
+    readonly COMMENT_CLICK: "commentClick";
+    readonly COMMENT_NAVIGATION_BUTTON_CLICK: "commentNavigationButtonClick";
     readonly ATTACHMENT_DOWNLOAD_CLICKED: "attachmentDownloadClicked";
     readonly COMMENT_SAVED: "commentSaved";
     readonly COMMENT_SAVE_TRIGGERED: "commentSaveTriggered";
@@ -200,11 +207,12 @@ export declare enum ArrowStatus {
     UPDATED = "updated",
     DELETED = "deleted"
 }
-export declare enum AreaStatus {
-    ADDED = "added",
-    UPDATED = "updated",
-    DELETED = "deleted"
-}
+export declare const AreaStatus: {
+    readonly ADDED: "added";
+    readonly UPDATED: "updated";
+    readonly DELETED: "deleted";
+};
+export type AreaStatus = (typeof AreaStatus)[keyof typeof AreaStatus];
 export declare enum DocumentViewsStatus {
     FIRST_VIEWED = "firstViewed"
 }
@@ -224,7 +232,12 @@ export declare enum Features {
     LIVE_SELECTION = "liveSelection",
     NOTIFICATION = "notification",
     REACTION = "reaction",
-    ACTIVITY = "activity"
+    ACTIVITY = "activity",
+    VIEWS = "views",
+    USER_INVITE = "userInvite",
+    USER_REQUEST = "userRequest",
+    VIDEO_PLAYER = "videoPlayer",
+    CRDT = "crdt"
 }
 export declare enum AnalyticsFeatures {
     AREA = "area",
@@ -246,7 +259,7 @@ export declare enum AnalyticsFeatures {
     INLINE_COMMENT = "inlineComment",
     COMMENT_SIDEBAR = "commentSidebar"
 }
-export type FeatureType = 'area' | 'arrow' | 'audioHuddle' | 'comment' | 'cursor' | 'huddle' | 'liveStateSync' | 'presence' | 'recorder' | 'rewriter' | 'tag' | 'liveSelection' | 'notification' | 'reaction' | 'multiThread' | 'activity';
+export type FeatureType = 'area' | 'arrow' | 'audioHuddle' | 'comment' | 'cursor' | 'huddle' | 'liveStateSync' | 'presence' | 'recorder' | 'rewriter' | 'tag' | 'liveSelection' | 'notification' | 'reaction' | 'multiThread' | 'activity' | 'views' | 'userInvite' | 'userRequest' | 'videoPlayer' | 'crdt';
 export type AssignToType = 'dropdown' | 'checkbox';
 export declare enum DeviceType {
     DESKTOP = "Desktop",
@@ -272,19 +285,21 @@ export declare enum Roles {
     ADMIN = "Admin",
     COMMENTER = "Commenter"
 }
-export declare enum DocumentAccessType {
-    PUBLIC = "public",
-    RESTRICTED = "restricted",
-    ORGANIZATION_PRIVATE = "organizationPrivate"
-}
+export declare const DocumentAccessType: {
+    readonly PUBLIC: "public";
+    readonly RESTRICTED: "restricted";
+    readonly ORGANIZATION_PRIVATE: "organizationPrivate";
+};
+export type DocumentAccessType = (typeof DocumentAccessType)[keyof typeof DocumentAccessType];
 export declare enum DetectionStrategy {
     DEFAULT = "default",
     DYNAMIC_ID = "dynamicId"
 }
-export declare enum CommentAccessMode {
-    PUBLIC = "public",
-    PRIVATE = "private"
-}
+export declare const CommentAccessMode: {
+    readonly PUBLIC: "public";
+    readonly PRIVATE: "private";
+};
+export type CommentAccessMode = (typeof CommentAccessMode)[keyof typeof CommentAccessMode];
 export declare enum UnreadIndicatorMode {
     MINIMAL = "minimal",
     VERBOSE = "verbose"
@@ -297,19 +312,21 @@ export declare enum CommentCountType {
     TOTAL = "total",
     UNREAD = "unread"
 }
-export declare enum ServerConnectionState {
-    ONLINE = "online",
-    OFFLINE = "offline",
-    PENDING_INIT = "pendingInit",
-    PENDING_DATA = "pendingData"
-}
-export declare enum ContactListScopeForOrganizationUsers {
-    ALL = "all",
-    ORGANIZATION = "organization",
-    ORGANIZATION_USER_GROUP = "organizationUserGroup",
-    DOCUMENT = "document",
-    FOLDER = "folder"
-}
+export declare const ServerConnectionState: {
+    readonly ONLINE: "online";
+    readonly OFFLINE: "offline";
+    readonly PENDING_INIT: "pendingInit";
+    readonly PENDING_DATA: "pendingData";
+};
+export type ServerConnectionState = (typeof ServerConnectionState)[keyof typeof ServerConnectionState];
+export declare const ContactListScopeForOrganizationUsers: {
+    readonly ALL: "all";
+    readonly ORGANIZATION: "organization";
+    readonly ORGANIZATION_USER_GROUP: "organizationUserGroup";
+    readonly DOCUMENT: "document";
+    readonly FOLDER: "folder";
+};
+export type ContactListScopeForOrganizationUsers = (typeof ContactListScopeForOrganizationUsers)[keyof typeof ContactListScopeForOrganizationUsers];
 export type RecorderMode = 'audio' | 'video' | 'screen' | 'all' | string;
 export type RecorderType = 'audio' | 'video' | 'screen';
 export type RecorderFileFormat = 'mp3' | 'mp4' | 'webm';
@@ -349,10 +366,11 @@ export type InlineSortingCriteria = 'createdFirst' | 'createdLast' | 'updatedFir
 export type NotificationPanelMode = 'popover' | 'sidebar';
 export type SidebarActionButtonType = 'default' | 'toggle';
 export type SidebarButtonCountType = 'default' | 'filter';
-export declare enum CommentSidebarSystemFiltersOperator {
-    AND = "and",
-    OR = "or"
-}
+export declare const CommentSidebarSystemFiltersOperator: {
+    readonly AND: "and";
+    readonly OR: "or";
+};
+export type CommentSidebarSystemFiltersOperator = (typeof CommentSidebarSystemFiltersOperator)[keyof typeof CommentSidebarSystemFiltersOperator];
 /**
  * Type for notification settings accordion types
  */

package/chunk-2YJ3NBTO.js

@@ -0,0 +1 @@
+import{x as F}from"./chunk-LAUYCNER.js";import{b as G}from"./chunk-XJWB3IUW.js";import{W as H,X as A,Y as L,ea as R}from"./chunk-J3FNQGWW.js";import{$ as E,Fa as n,Gc as j,Hc as T,Ib as x,Ic as $,Nb as l,Pa as h,Pb as v,Ua as V,_a as u,_e as N,a as I,ca as D,db as B,ja as m,ka as P,kc as d,l as y,lb as p,lc as c,mb as a,nb as o,ob as g,pc as M,pi as f,r as S,sb as k,tb as b,wa as O,zb as _}from"./chunk-TY3WZ4Q4.js";function K(t,r){t&1&&(m(),a(0,"svg",16),g(1,"rect",17)(2,"path",18)(3,"path",19)(4,"rect",20)(5,"path",21),o())}function Q(t,r){t&1&&(m(),a(0,"svg",16),g(1,"rect",22)(2,"path",23)(3,"path",19)(4,"rect",20)(5,"path",21),o())}function X(t,r){if(t&1&&(k(0),a(1,"div",6)(2,"div",7),u(3,K,6,0,"svg",8)(4,Q,6,0,"ng-template",null,1,M),o(),a(6,"div",9),l(7),d(8,"translate"),g(9,"br"),l(10),d(11,"translate"),o(),a(12,"div",10)(13,"p"),l(14),d(15,"translate"),m(),a(16,"svg",11),g(17,"path",12)(18,"path",13)(19,"path",14)(20,"path",15),o(),l(21),d(22,"translate"),o(),P(),a(23,"p"),l(24),d(25,"translate"),o()()(),b()),t&2){let C=x(5),i=_();n(3),p("ngIf",i.darkMode)("ngIfElse",C),n(4),v(" ",c(8,7,"Allow mic permission to")),n(3),v("",c(11,9,"enable your audio")," "),n(4),v(" ",c(15,11,"1. Click the")," "),n(7),v(" ",c(22,13,"page info icon in your browser\u2019s address bar")," "),n(3),v(" ",c(25,15,"2. Turn on Microphone")," ")}}function Y(t,r){t&1&&(m(),a(0,"svg",16),g(1,"rect",17)(2,"path",24)(3,"path",19)(4,"rect",20)(5,"path",21),o())}function ee(t,r){t&1&&(m(),a(0,"svg",16),g(1,"rect",22)(2,"path",25)(3,"path",19)(4,"rect",20)(5,"path",21),o())}function te(t,r){if(t&1&&(k(0),a(1,"div",6)(2,"div",7),u(3,Y,6,0,"svg",8)(4,ee,6,0,"ng-template",null,2,M),o(),a(6,"div",9),l(7),d(8,"translate"),g(9,"br"),l(10),d(11,"translate"),o(),a(12,"div",10)(13,"p"),l(14),d(15,"translate"),m(),a(16,"svg",11),g(17,"path",12)(18,"path",13)(19,"path",14)(20,"path",15),o(),l(21),d(22,"translate"),o(),P(),a(23,"p"),l(24),d(25,"translate"),o()()(),b()),t&2){let C=x(5),i=_();n(3),p("ngIf",i.darkMode)("ngIfElse",C),n(4),v(" ",c(8,7,"Allow camera permission")),n(3),v("",c(11,9,"to enable your video")," "),n(4),v(" ",c(15,11,"1. Click the")," "),n(7),v(" ",c(22,13,"page info icon in your browser\u2019s address bar")," "),n(3),v(" ",c(25,15,"2. Turn on Camera")," ")}}var z=(()=>{let r=class r{constructor(i,e,s,w,W){this.loggingService=i,this.themeService=e,this.elementRef=s,this.matDialogRef=w,this.data=W,this.veltElement=!0,this.darkMode=!0;try{this.loggingService.log("%c[WB] Creating CLASS: DevicePermissionDeniedDialogComponent","color: blue;"),this.type=this.data?.type,[!0,!1].includes(this.data?.darkMode)&&(this.darkMode=this.data?.darkMode)}catch(Z){this.loggingService.catch("Error in DevicePermissionDeniedDialogComponent constructor: ",Z)}}ngOnDestroy(){}};r.\u0275fac=function(e){return new(e||r)(h(f),h(R),h(O),h(H,8),h(A,8))},r.\u0275cmp=V({type:r,selectors:[["velt-device-permission-denied-dialog-internal"]],hostVars:1,hostBindings:function(e,s){e&2&&B("data-velt-element",s.veltElement)},inputs:{type:"type"},standalone:!1,decls:5,vars:5,consts:[["devicePermissionDialogRef",""],["defaultAudioIcon",""],["defaultVideoIcon",""],[1,"velt-device-permission-denied-dialog--container",3,"snippylyOverlay","snippylyOverlayZIndex"],[3,"ngSwitch"],[4,"ngSwitchCase"],[1,"velt-device-permission-denied-dialog"],[1,"velt-device-permission-denied-dialog--icon"],["width","61","height","60","viewBox","0 0 61 60","fill","none","xmlns","http://www.w3.org/2000/svg",4,"ngIf","ngIfElse"],[1,"velt-device-permission-denied-dialog--header"],[1,"velt-device-permission-denied-dialog--content"],["width","13","height","12","viewBox","0 0 13 12","fill","none","xmlns","http://www.w3.org/2000/svg",1,"velt-device-permission-denied-dialog--page-info-icon"],["d","M4.375 2.5C4.375 3.53553 3.53553 4.375 2.5 4.375C1.46447 4.375 0.625 3.53553 0.625 2.5C0.625 1.46447 1.46447 0.625 2.5 0.625C3.53553 0.625 4.375 1.46447 4.375 2.5Z","stroke","currentColor","stroke-opacity","0.6","stroke-width","1.25"],["d","M5 2.5H12.5","stroke","currentColor","stroke-opacity","0.6","stroke-width","1.25"],["d","M0 8.75H7.5","stroke","currentColor","stroke-opacity","0.6","stroke-width","1.25"],["d","M11.875 8.75C11.875 9.78553 11.0355 10.625 10 10.625C8.96447 10.625 8.125 9.78553 8.125 8.75C8.125 7.71447 8.96447 6.875 10 6.875C11.0355 6.875 11.875 7.71447 11.875 8.75Z","stroke","currentColor","stroke-opacity","0.6","stroke-width","1.25"],["width","61","height","60","viewBox","0 0 61 60","fill","none","xmlns","http://www.w3.org/2000/svg"],["x","0.5","y","4","width","56","height","56","rx","28","fill","white","fill-opacity","0.04"],["d","M23.5026 20.333C23.5026 19.0069 24.0294 17.7352 24.9671 16.7975C25.9048 15.8598 27.1765 15.333 28.5026 15.333C29.8287 15.333 31.1005 15.8598 32.0381 16.7975C32.9758 17.7352 33.5026 19.0069 33.5026 20.333V28.6663C33.5027 29.1599 33.4297 29.6508 33.2859 30.123M29.9526 33.4563C29.2054 33.6828 28.4155 33.7311 27.6463 33.5973C26.8771 33.4636 26.1499 33.1516 25.5229 32.6863C24.8959 32.2211 24.3866 31.6154 24.0358 30.9179C23.685 30.2204 23.5024 29.4504 23.5026 28.6697V27.003M16.8359 28.6663C16.8356 30.7719 17.405 32.8383 18.484 34.6465C19.5629 36.4546 21.111 37.9371 22.9642 38.9366C24.8174 39.9362 26.9066 40.4156 29.0102 40.324C31.1137 40.2324 33.1533 39.5732 34.9126 38.4163M38.2459 35.083C39.5023 33.1791 40.1701 30.9474 40.1659 28.6663M21.8359 46.9997H35.1693M28.5026 40.333V46.9997","stroke","white","stroke-opacity","0.52","stroke-width","2.5","stroke-linecap","round","stroke-linejoin","round"],["d","M13.5 17L43.5 47","stroke","currentColor","stroke-width","2.5","stroke-linecap","round","stroke-linejoin","round"],["x","36.5","width","24","height","24","rx","12","fill","currentColor"],["d","M48.5 18.99V19M48.5 14V5","stroke","white","stroke-width","2.5","stroke-linecap","round","stroke-linejoin","round"],["x","0.5","y","4","width","56","height","56","rx","28","fill","black","fill-opacity","0.04"],["d","M23.5026 20.333C23.5026 19.0069 24.0294 17.7352 24.9671 16.7975C25.9048 15.8598 27.1765 15.333 28.5026 15.333C29.8287 15.333 31.1005 15.8598 32.0381 16.7975C32.9758 17.7352 33.5026 19.0069 33.5026 20.333V28.6663C33.5027 29.1599 33.4297 29.6508 33.2859 30.123M29.9526 33.4563C29.2054 33.6828 28.4155 33.7311 27.6463 33.5973C26.8771 33.4636 26.1499 33.1516 25.5229 32.6863C24.8959 32.2211 24.3866 31.6154 24.0358 30.9179C23.685 30.2204 23.5024 29.4504 23.5026 28.6697V27.003M16.8359 28.6663C16.8356 30.7719 17.405 32.8383 18.484 34.6465C19.5629 36.4546 21.111 37.9371 22.9642 38.9366C24.8174 39.9362 26.9066 40.4156 29.0102 40.324C31.1137 40.2324 33.1533 39.5732 34.9126 38.4163M38.2459 35.083C39.5023 33.1791 40.1701 30.9474 40.1659 28.6663M21.8359 46.9997H35.1693M28.5026 40.333V46.9997","stroke","black","stroke-opacity","0.52","stroke-width","2.5","stroke-linecap","round","stroke-linejoin","round"],["d","M42.375 39.2135C42.7034 39.1007 42.9883 38.8881 43.19 38.6054C43.3917 38.3227 43.5001 37.9841 43.5 37.6369V26.3635C43.4998 26.0795 43.4271 25.8003 43.2888 25.5523C43.1504 25.3043 42.9509 25.0958 42.7093 24.9465C42.4677 24.7973 42.192 24.7122 41.9083 24.6994C41.6246 24.6867 41.3424 24.7466 41.0883 24.8735L33.5 28.6669V30.3335V25.3333C33.5 24.4493 33.1488 23.6014 32.5237 22.9763C31.8986 22.3512 31.0507 22 30.1667 22H25.1667M33.5 37V38.6667C33.5 39.5507 33.1488 40.3986 32.5237 41.0237C31.8986 41.6488 31.0507 42 30.1667 42H16.8333C15.9493 42 15.1014 41.6488 14.4763 41.0237C13.8512 40.3986 13.5 39.5507 13.5 38.6667V25.3333C13.5 24.4493 13.8512 23.6014 14.4763 22.9763C15.1014 22.3512 15.9493 22 16.8333 22H18.5","stroke","white","stroke-opacity","0.52","stroke-width","2.5","stroke-linecap","round","stroke-linejoin","round"],["d","M42.375 39.2135C42.7034 39.1007 42.9883 38.8881 43.19 38.6054C43.3917 38.3227 43.5001 37.9841 43.5 37.6369V26.3635C43.4998 26.0795 43.4271 25.8003 43.2888 25.5523C43.1504 25.3043 42.9509 25.0958 42.7093 24.9465C42.4677 24.7973 42.192 24.7122 41.9083 24.6994C41.6246 24.6867 41.3424 24.7466 41.0883 24.8735L33.5 28.6669V30.3335V25.3333C33.5 24.4493 33.1488 23.6014 32.5237 22.9763C31.8986 22.3512 31.0507 22 30.1667 22H25.1667M33.5 37V38.6667C33.5 39.5507 33.1488 40.3986 32.5237 41.0237C31.8986 41.6488 31.0507 42 30.1667 42H16.8333C15.9493 42 15.1014 41.6488 14.4763 41.0237C13.8512 40.3986 13.5 39.5507 13.5 38.6667V25.3333C13.5 24.4493 13.8512 23.6014 14.4763 22.9763C15.1014 22.3512 15.9493 22 16.8333 22H18.5","stroke","currentColor","stroke-opacity","0.52","stroke-width","2.5","stroke-linecap","round","stroke-linejoin","round"]],template:function(e,s){if(e&1&&(a(0,"div",3,0),k(2,4),u(3,X,26,17,"ng-container",5)(4,te,26,17,"ng-container",5),b(),o()),e&2){let w=x(1);p("snippylyOverlay",w)("snippylyOverlayZIndex",3e3),n(2),p("ngSwitch",s.type),n(),p("ngSwitchCase","audio"),n(),p("ngSwitchCase","video")}},dependencies:[j,T,$,F,G],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-element=true][_ngcontent-%COMP%], *[data-velt-element=true][_ngcontent-%COMP%]{font-family:var(--velt-default-font-family)}velt-wireframe[_ngcontent-%COMP%]{display:none!important}body.velt-pin-dragging[_ngcontent-%COMP%]   iframe[_ngcontent-%COMP%]{pointer-events:none!important}[_nghost-%COMP%]{--velt-green: var(--velt-light-mode-green);--velt-magenta: var(--velt-light-mode-magenta);--velt-amber: var(--velt-light-mode-amber);--velt-purple: var(--velt-light-mode-purple);--velt-cyan: var(--velt-light-mode-cyan);--velt-orange: var(--velt-light-mode-orange);--velt-black: var(--velt-light-mode-black);--velt-white: var(--velt-light-mode-white);--velt-gray: var(--velt-light-mode-gray);--velt-error: var(--velt-light-mode-error);--velt-error-hover: var(--velt-light-mode-error-hover);--velt-error-foreground: var(--velt-light-mode-error-foreground);--velt-error-light: var(--velt-light-mode-error-light);--velt-error-transparent: var(--velt-light-mode-error-transparent);--velt-warning: var(--velt-light-mode-warning);--velt-warning-hover: var(--velt-light-mode-warning-hover);--velt-warning-foreground: var(--velt-light-mode-warning-foreground);--velt-warning-light: var(--velt-light-mode-warning-light);--velt-warning-transparent: var(--velt-light-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-light-mode-success);--velt-success-hover: var(--velt-light-mode-success-hover);--velt-success-foreground: var(--velt-light-mode-success-foreground);--velt-success-light: var(--velt-light-mode-success-light);--velt-success-transparent: var(--velt-light-mode-success-transparent);--velt-accent: var(--velt-light-mode-accent);--velt-accent-text: var(--velt-light-mode-accent-text);--velt-accent-hover: var(--velt-light-mode-accent-hover);--velt-accent-foreground: var(--velt-light-mode-accent-foreground);--velt-accent-light: var(--velt-light-mode-accent-light);--velt-accent-transparent: var(--velt-light-mode-accent-transparent);--velt-text-0: var(--velt-light-mode-text-0);--velt-text-1: var(--velt-light-mode-text-1);--velt-text-2: var(--velt-light-mode-text-2);--velt-text-3: var(--velt-light-mode-text-3);--velt-text-4: var(--velt-light-mode-text-4);--velt-text-5: var(--velt-light-mode-text-5);--velt-text-6: var(--velt-light-mode-text-6);--velt-text-7: var(--velt-light-mode-text-7);--velt-text-8: var(--velt-light-mode-text-8);--velt-text-9: var(--velt-light-mode-text-9);--velt-text-10: var(--velt-light-mode-text-10);--velt-text-11: var(--velt-light-mode-text-11);--velt-text-12: var(--velt-light-mode-text-12);--velt-background-0: var(--velt-light-mode-background-0);--velt-background-1: var(--velt-light-mode-background-1);--velt-background-2: var(--velt-light-mode-background-2);--velt-background-3: var(--velt-light-mode-background-3);--velt-background-4: var(--velt-light-mode-background-4);--velt-background-5: var(--velt-light-mode-background-5);--velt-background-6: var(--velt-light-mode-background-6);--velt-background-7: var(--velt-light-mode-background-7);--velt-background-8: var(--velt-light-mode-background-8);--velt-background-9: var(--velt-light-mode-background-9);--velt-background-10: var(--velt-light-mode-background-10);--velt-border-0: var(--velt-light-mode-border-0);--velt-border-1: var(--velt-light-mode-border-1);--velt-border-2: var(--velt-light-mode-border-2);--velt-border-3: var(--velt-light-mode-border-3);--velt-border-4: var(--velt-light-mode-border-4);--velt-border-5: var(--velt-light-mode-border-5);--velt-border-6: var(--velt-light-mode-border-6);--velt-border-7: var(--velt-light-mode-border-7);--velt-border-8: var(--velt-light-mode-border-8);--velt-border-9: var(--velt-light-mode-border-9);--velt-border-10: var(--velt-light-mode-border-10);--velt-background-transparent: var(--velt-light-mode-background-transparent);--velt-border-transparent: var(--velt-light-mode-border-transparent);--velt-animation-transparent: var(--velt-light-mode-animation-transparent)}[dark][_nghost-%COMP%]{--velt-green: var(--velt-dark-mode-green);--velt-magenta: var(--velt-dark-mode-magenta);--velt-amber: var(--velt-dark-mode-amber);--velt-purple: var(--velt-dark-mode-purple);--velt-cyan: var(--velt-dark-mode-cyan);--velt-orange: var(--velt-dark-mode-orange);--velt-black: var(--velt-dark-mode-black);--velt-white: var(--velt-dark-mode-white);--velt-gray: var(--velt-dark-mode-gray);--velt-error: var(--velt-dark-mode-error);--velt-error-hover: var(--velt-dark-mode-error-hover);--velt-error-foreground: var(--velt-dark-mode-error-foreground);--velt-error-light: var(--velt-dark-mode-error-light);--velt-error-transparent: var(--velt-dark-mode-error-transparent);--velt-warning: var(--velt-dark-mode-warning);--velt-warning-hover: var(--velt-dark-mode-warning-hover);--velt-warning-foreground: var(--velt-dark-mode-warning-foreground);--velt-warning-light: var(--velt-dark-mode-warning-light);--velt-warning-transparent: var(--velt-dark-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-dark-mode-success);--velt-success-hover: var(--velt-dark-mode-success-hover);--velt-success-foreground: var(--velt-dark-mode-success-foreground);--velt-success-light: var(--velt-dark-mode-success-light);--velt-success-transparent: var(--velt-dark-mode-success-transparent);--velt-accent: var(--velt-dark-mode-accent);--velt-accent-text: var(--velt-dark-mode-accent-text);--velt-accent-hover: var(--velt-dark-mode-accent-hover);--velt-accent-foreground: var(--velt-dark-mode-accent-foreground);--velt-accent-light: var(--velt-dark-mode-accent-light);--velt-accent-transparent: var(--velt-dark-mode-accent-transparent);--velt-text-0: var(--velt-dark-mode-text-0);--velt-text-1: var(--velt-dark-mode-text-1);--velt-text-2: var(--velt-dark-mode-text-2);--velt-text-3: var(--velt-dark-mode-text-3);--velt-text-4: var(--velt-dark-mode-text-4);--velt-text-5: var(--velt-dark-mode-text-5);--velt-text-6: var(--velt-dark-mode-text-6);--velt-text-7: var(--velt-dark-mode-text-7);--velt-text-8: var(--velt-dark-mode-text-8);--velt-text-9: var(--velt-dark-mode-text-9);--velt-text-10: var(--velt-dark-mode-text-10);--velt-text-11: var(--velt-dark-mode-text-11);--velt-text-12: var(--velt-dark-mode-text-12);--velt-background-0: var(--velt-dark-mode-background-0);--velt-background-1: var(--velt-dark-mode-background-1);--velt-background-2: var(--velt-dark-mode-background-2);--velt-background-3: var(--velt-dark-mode-background-3);--velt-background-4: var(--velt-dark-mode-background-4);--velt-background-5: var(--velt-dark-mode-background-5);--velt-background-6: var(--velt-dark-mode-background-6);--velt-background-7: var(--velt-dark-mode-background-7);--velt-background-8: var(--velt-dark-mode-background-8);--velt-background-9: var(--velt-dark-mode-background-9);--velt-background-10: var(--velt-dark-mode-background-10);--velt-border-0: var(--velt-dark-mode-border-0);--velt-border-1: var(--velt-dark-mode-border-1);--velt-border-2: var(--velt-dark-mode-border-2);--velt-border-3: var(--velt-dark-mode-border-3);--velt-border-4: var(--velt-dark-mode-border-4);--velt-border-5: var(--velt-dark-mode-border-5);--velt-border-6: var(--velt-dark-mode-border-6);--velt-border-7: var(--velt-dark-mode-border-7);--velt-border-8: var(--velt-dark-mode-border-8);--velt-border-9: var(--velt-dark-mode-border-9);--velt-border-10: var(--velt-dark-mode-border-10);--velt-background-transparent: var(--velt-dark-mode-background-transparent);--velt-border-transparent: var(--velt-dark-mode-border-transparent);--velt-animation-transparent: var(--velt-dark-mode-animation-transparent)}  .velt-mat-dialog-container.velt-device-permission-denied-dialog--panel mat-dialog-container .mat-mdc-dialog-surface.mdc-dialog__surface{padding:0;background-color:transparent;box-shadow:none;overflow:unset}.velt-device-permission-denied-dialog[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:var(--velt-spacing-lg);align-items:center;justify-content:center;padding:4rem;box-sizing:border-box;word-break:break-word;max-width:600px;max-height:400px;text-align:center;background-color:var(--velt-background-0);border-radius:var(--velt-border-radius-2xl);box-shadow:0 calc((4rem + 0px) * var(--velt-base-rem-unit)) calc((4rem + 0px) * var(--velt-base-rem-unit)) calc((-3rem + 0px) * var(--velt-base-rem-unit)) #1f2f461f}.velt-device-permission-denied-dialog[_ngcontent-%COMP%]   .velt-device-permission-denied-dialog--icon[_ngcontent-%COMP%]{color:var(--velt-error)}.velt-device-permission-denied-dialog[_ngcontent-%COMP%]   .velt-device-permission-denied-dialog--header[_ngcontent-%COMP%]{font-size:var(--velt-font-size-lg);font-weight:600;line-height:36px;letter-spacing:-.02em;text-align:center;color:var(--velt-text-0)}.velt-device-permission-denied-dialog[_ngcontent-%COMP%]   .velt-device-permission-denied-dialog--content[_ngcontent-%COMP%]{font-size:var(--velt-font-size-sm);font-weight:400;line-height:21px;text-align:center;color:var(--velt-text-0)}.velt-device-permission-denied-dialog[_ngcontent-%COMP%]   .velt-device-permission-denied-dialog--content[_ngcontent-%COMP%]   .velt-device-permission-denied-dialog--page-info-icon[_ngcontent-%COMP%]{margin-left:var(--velt-spacing-sm);margin-right:var(--velt-spacing-sm);color:var(--velt-error)}"],changeDetection:0});let t=r;return t})();var me=(()=>{let r=class r{constructor(i,e){this.loggingService=i,this.matDialog=e,this.audioPermissionState$=new y(null),this.videoPermissionState$=new y(null);try{this.loggingService.log("%c[WB] Creating CLASS: DevicePermissionService","color: blue;"),this.checkPermissions()}catch(s){this.loggingService.catch("Error in DevicePermissionService constructor: ",s)}}checkPermissions(){try{this.loggingService.log("%c[WB] Calling DevicePermissionService FUNCTION: checkPermissions","color: green;"),new N().browserName!=="Firefox"&&(navigator.permissions.query({name:"microphone"}).then(e=>{this.audioPermissionState$.next(e.state),e.onchange=()=>{this.audioPermissionState$.next(e.state)}}).catch(e=>{}),navigator.permissions.query({name:"camera"}).then(e=>{this.videoPermissionState$.next(e.state),e.onchange=()=>{this.videoPermissionState$.next(e.state)}}).catch(e=>{}))}catch(i){this.loggingService.catch("Error in DevicePermissionService checkPermissions: ",i)}}getPermissionState$(i){try{switch(this.loggingService.log("%c[WB] Calling DevicePermissionService FUNCTION: getPermissionState$","color: green;"),i){case"audio":return this.getAudioPermissionState$();case"video":return this.getVideoPermissionState$();default:return S(null)}}catch(e){return this.loggingService.catch("Error in DevicePermissionService getPermissionState$: ",e),S(null)}}getAudioPermissionState$(){return this.audioPermissionState$.asObservable()}getVideoPermissionState$(){return this.videoPermissionState$.asObservable()}openDevicePermissionDeniedDialog(i,e){try{this.loggingService.log("%c[WB] Calling DevicePermissionService FUNCTION: openDevicePermissionDeniedDialog","color: green;"),this.matDialog.open(z,{panelClass:["velt-device-permission-denied-dialog--panel","velt-mat-dialog-container"],backdropClass:["velt-device-permission-denied-dialog--backdrop","s-background-blur-1"],data:I({type:i},e||{})})}catch(s){this.loggingService.catch("Error in DevicePermissionService openDevicePermissionDeniedDialog: ",s)}}};r.\u0275fac=function(e){return new(e||r)(D(f),D(L))},r.\u0275prov=E({token:r,factory:r.\u0275fac,providedIn:"root"});let t=r;return t})();export{me as a};

package/chunk-3OIAZGVH.js

@@ -0,0 +1 @@
+import{x as Z}from"./chunk-LAUYCNER.js";import{b as N}from"./chunk-XJWB3IUW.js";import{W as T,X as B}from"./chunk-J3FNQGWW.js";import{Fa as a,Fc as A,Gc as E,Ib as k,Kb as P,Nb as d,Ob as b,Pa as y,Pb as u,Te as j,Ua as I,_a as w,_e as R,db as L,g as V,ha as v,hh as z,ia as g,ja as D,ka as S,kc as p,lb as h,lc as m,mb as r,nb as s,ob as _,pi as F,vb as M,xb as C,zb as f}from"./chunk-TY3WZ4Q4.js";function G(o,l){if(o&1){let n=M();r(0,"div",18),C("click",function(){let i=v(n).$implicit,e=f(2);return g(e.selectAudioDevice(i))}),d(1),p(2,"translate"),s()}if(o&2){let n=l.$implicit,t=f(2);P("selected",n.deviceId===(t.selectedAudioDevice==null?null:t.selectedAudioDevice.deviceId)),a(),u(" ",m(2,3,n.label)," ")}}function H(o,l){if(o&1&&(r(0,"div",12)(1,"div",13),d(2),p(3,"translate"),s(),d(4),p(5,"translate"),r(6,"div",14)(7,"div",15),w(8,G,3,5,"div",16),s(),d(9),p(10,"translate"),D(),r(11,"svg",4),_(12,"path",17),s()()()),o&2){let n=f();a(2),b(m(3,4,"Audio")),a(2),u(" ",m(5,6,"Microphone")," "),a(4),h("ngForOf",n.audioDevices),a(),u(" ",m(10,8,n.selectedAudioDevice==null?null:n.selectedAudioDevice.label)," ")}}function U(o,l){if(o&1){let n=M();r(0,"div",18),C("click",function(){let i=v(n).$implicit,e=f(2);return g(e.selectVideoDevice(i))}),d(1),p(2,"translate"),s()}if(o&2){let n=l.$implicit,t=f(2);P("selected",n.deviceId===(t.selectedVideoDevice==null?null:t.selectedVideoDevice.deviceId)),a(),u(" ",m(2,3,n.label)," ")}}function $(o,l){if(o&1&&(r(0,"div",12)(1,"div",13),d(2),p(3,"translate"),s(),d(4),p(5,"translate"),r(6,"div",14)(7,"div",15),w(8,U,3,5,"div",16),s(),d(9),p(10,"translate"),D(),r(11,"svg",4),_(12,"path",17),s()()()),o&2){let n=f();a(2),b(m(3,4,"Video")),a(2),u(" ",m(5,6,"Camera")," "),a(4),h("ngForOf",n.videoDevices),a(),u(" ",m(10,8,n.selectedVideoDevice==null?null:n.selectedVideoDevice.label)," ")}}var ne=(()=>{let l=class l{constructor(t,i,e){this.loggingService=t,this.dialogRef=i,this.devices=[],this.audioDevices=[],this.videoDevices=[],this.settingsVisible={audio:!0,video:!0},this.defaultMediaSourceOptions=z(),this.veltElement=!0;try{e&&(this.selectedAudioDevice=e.selectedAudioDevice,this.selectedVideoDevice=e.selectedVideoDevice,e.settingsVisible&&(this.settingsVisible=e.settingsVisible)),this.getDevices()}catch(c){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent constructor: ",c)}}ngOnInit(){try{this.dialogRef.addPanelClass("snippyly-media-source-options-dialog")}catch(t){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent ngOnInit: ",t)}}getDevices(){return V(this,null,function*(){try{let t=new R;if(t.getBrowserName()?.toLowerCase()==="safari"||t.getBrowserName()?.toLowerCase()==="firefox")try{let i=yield navigator.mediaDevices.getUserMedia({audio:!0,video:!0});i&&i.getTracks().forEach(e=>e.stop())}catch(i){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent getDevices getUserMedia catch: ",i)}navigator.mediaDevices.enumerateDevices().then(i=>{if(this.devices=i.filter(e=>e.kind==="audioinput"||e.kind==="videoinput"),this.audioDevices=this.devices.filter(e=>e.kind==="audioinput"),this.videoDevices=this.devices.filter(e=>e.kind==="videoinput"),this.audioDevices.length>0&&!this.selectedAudioDevice){if(this.defaultMediaSourceOptions?.selectedAudioDevice?.deviceId){let e=this.audioDevices.find(c=>c.deviceId===this.defaultMediaSourceOptions?.selectedAudioDevice?.deviceId);e&&(this.selectedAudioDevice=e)}this.selectedAudioDevice||(this.selectedAudioDevice=this.audioDevices[0])}if(this.videoDevices.length>0&&!this.selectedVideoDevice){if(this.defaultMediaSourceOptions?.selectedVideoDevice?.deviceId){let e=this.videoDevices.find(c=>c.deviceId===this.defaultMediaSourceOptions?.selectedVideoDevice?.deviceId);e&&(this.selectedVideoDevice=e)}this.selectedVideoDevice||(this.selectedVideoDevice=this.videoDevices[0])}}).catch(i=>{this.loggingService.catch("Error in MediaSourceOptionsDialogComponent getDevices enumerateDevices catch: ",i)})}catch(t){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent getDevices: ",t)}})}selectAudioDevice(t){try{this.selectedAudioDevice=t}catch(i){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent selectAudioDevice: ",i)}}selectVideoDevice(t){try{this.selectedVideoDevice=t}catch(i){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent selectVideoDevice: ",i)}}saveChanges(){try{let t={};this.settingsVisible.audio&&(t.selectedAudioDevice=this.selectedAudioDevice),this.settingsVisible.video&&(t.selectedVideoDevice=this.selectedVideoDevice),localStorage.setItem(j.LOCAL_STORAGE.SNIPPYLY_DEFAULT_MEDIA_SOURCE_OPTIONS,JSON.stringify(t||{})),this.closeDialog(t)}catch(t){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent saveChanges: ",t)}}closeDialog(t){try{this.dialogRef.close(t)}catch(i){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent closeDialog: ",i)}}};l.\u0275fac=function(i){return new(i||l)(y(F),y(T),y(B,8))},l.\u0275cmp=I({type:l,selectors:[["snippyly-media-source-options-dialog"]],hostVars:1,hostBindings:function(i,e){i&2&&L("data-velt-element",e.veltElement)},standalone:!1,decls:17,vars:10,consts:[["mediaSourceOptionsDialogRef",""],[1,"s-video-settings-modal",3,"pointerdown","pointerup","click","snippylyOverlay","snippylyOverlayZIndex"],[1,"s-video-header"],[1,"s-video-header-name"],["width","24","height","24","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M19.5 12C19.5 11.77 19.49 11.55 19.47 11.32L21.33 9.91C21.73 9.61 21.84 9.05 21.59 8.61L19.72 5.38C19.47 4.94 18.93 4.76 18.47 4.96L16.32 5.87C15.95 5.61 15.56 5.38 15.15 5.19L14.86 2.88C14.8 2.38 14.37 2 13.87 2H10.14C9.63 2 9.2 2.38 9.14 2.88L8.85 5.19C8.44 5.38 8.05 5.61 7.68 5.87L5.53 4.96C5.07 4.76 4.53 4.94 4.28 5.38L2.41 8.62C2.16 9.06 2.27 9.61 2.67 9.92L4.53 11.33C4.51 11.55 4.5 11.77 4.5 12C4.5 12.23 4.51 12.45 4.53 12.68L2.67 14.09C2.27 14.39 2.16 14.95 2.41 15.39L4.28 18.62C4.53 19.06 5.07 19.24 5.53 19.04L7.68 18.13C8.05 18.39 8.44 18.62 8.85 18.81L9.14 21.12C9.2 21.62 9.63 22 10.13 22H13.86C14.36 22 14.79 21.62 14.85 21.12L15.14 18.81C15.55 18.62 15.94 18.39 16.31 18.13L18.46 19.04C18.92 19.24 19.46 19.06 19.71 18.62L21.58 15.39C21.83 14.95 21.72 14.4 21.32 14.09L19.46 12.68C19.49 12.45 19.5 12.23 19.5 12ZM12.04 15.5C10.11 15.5 8.54 13.93 8.54 12C8.54 10.07 10.11 8.5 12.04 8.5C13.97 8.5 15.54 10.07 15.54 12C15.54 13.93 13.97 15.5 12.04 15.5Z","fill","white"],[1,"s-icon-button",3,"click"],["width","20","height","20","viewBox","0 0 20 20","fill","none","xmlns","http://www.w3.org/2000/svg"],["fill-rule","evenodd","clip-rule","evenodd","d","M4.41076 4.41058C4.7362 4.08514 5.26384 4.08514 5.58928 4.41058L10 8.82133L14.4108 4.41058C14.7362 4.08514 15.2638 4.08514 15.5893 4.41058C15.9147 4.73602 15.9147 5.26366 15.5893 5.58909L11.1785 9.99984L15.5893 14.4106C15.9147 14.736 15.9147 15.2637 15.5893 15.5891C15.2638 15.9145 14.7362 15.9145 14.4108 15.5891L10 11.1783L5.58928 15.5891C5.26384 15.9145 4.7362 15.9145 4.41076 15.5891C4.08533 15.2637 4.08533 14.736 4.41076 14.4106L8.82151 9.99984L4.41076 5.58909C4.08533 5.26366 4.08533 4.73602 4.41076 4.41058Z","fill","white"],["class","s-video-settings-modal-item",4,"ngIf"],[1,"s-flex-fill"],[1,"s-button","s-primary","s-save-button",3,"click"],[1,"s-video-settings-modal-item"],[1,"s-heading"],[1,"s-input","dropdown"],[1,"dropdown-content"],["class","dropdown-item",3,"selected","click",4,"ngFor","ngForOf"],["fill-rule","evenodd","clip-rule","evenodd","d","M16.2071 9.79289C15.8166 9.40237 15.1834 9.40237 14.7929 9.79289L12 12.5858L9.20711 9.79289C8.81658 9.40237 8.18342 9.40237 7.79289 9.79289C7.40237 10.1834 7.40237 10.8166 7.79289 11.2071L11.2929 14.7071C11.6834 15.0976 12.3166 15.0976 12.7071 14.7071L16.2071 11.2071C16.5976 10.8166 16.5976 10.1834 16.2071 9.79289Z","fill","#80808A"],[1,"dropdown-item",3,"click"]],template:function(i,e){if(i&1){let c=M();r(0,"div",1,0),C("pointerdown",function(x){return v(c),g(x.stopPropagation())})("pointerup",function(x){return v(c),g(x.stopPropagation())})("click",function(x){return v(c),g(x.stopPropagation())}),r(2,"div",2)(3,"div",3),D(),r(4,"svg",4),_(5,"path",5),s(),d(6),p(7,"translate"),s(),S(),r(8,"div",6),C("click",function(){return v(c),g(e.closeDialog())}),D(),r(9,"svg",7),_(10,"path",8),s()()(),w(11,H,13,10,"div",9)(12,$,13,10,"div",9),S(),_(13,"div",10),r(14,"div",11),C("click",function(){return v(c),g(e.saveChanges())}),d(15),p(16,"translate"),s()()}if(i&2){let c=k(1);h("snippylyOverlay",c)("snippylyOverlayZIndex",3e3),a(6),u(" ",m(7,6,"Settings")," "),a(5),h("ngIf",e.settingsVisible==null?null:e.settingsVisible.audio),a(),h("ngIf",e.settingsVisible==null?null:e.settingsVisible.video),a(3),b(m(16,8,"Save changes"))}},dependencies:[A,E,Z,N],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-element=true][_ngcontent-%COMP%], *[data-velt-element=true][_ngcontent-%COMP%]{font-family:var(--velt-default-font-family)}velt-wireframe[_ngcontent-%COMP%]{display:none!important}body.velt-pin-dragging[_ngcontent-%COMP%]   iframe[_ngcontent-%COMP%]{pointer-events:none!important}*[_ngcontent-%COMP%]{box-sizing:border-box;-webkit-tap-highlight-color:rgba(255,255,255,0)!important;outline:none!important;margin:0!important;padding:0!important;line-height:1.5!important;color:#000!important;font-size:calc((1rem + 0px) * var(--velt-base-rem-unit))}*[_ngcontent-%COMP%]:not(svg,rect,circle,ellipse,line,polyline,polygon,path,text,g,use,image,defs,hr){height:unset;width:unset}*[_ngcontent-%COMP%]:empty:not(svg,rect,circle,ellipse,line,polyline,polygon,path,text,g,use,image,defs,hr){display:revert!important}.s-video-settings-modal[_ngcontent-%COMP%], .s-video-header[_ngcontent-%COMP%], .s-video-header-name[_ngcontent-%COMP%], .s-video-settings-modal-item[_ngcontent-%COMP%], .s-input[_ngcontent-%COMP%]{display:flex!important;color:#fff!important}.s-video-settings-modal-item[_ngcontent-%COMP%]{flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;width:100%!important;color:#91919c!important;font-size:calc((.8rem + 0px) * var(--velt-base-rem-unit))!important;gap:calc((1rem + 0px) * var(--velt-base-rem-unit))!important}.s-video-settings-modal[_ngcontent-%COMP%]{flex-direction:column!important;align-items:flex-end!important;padding:calc((2rem + 0px) * var(--velt-base-rem-unit))!important;gap:calc((2rem + 0px) * var(--velt-base-rem-unit))!important;background:#141416!important;border-radius:calc((1rem + 0px) * var(--velt-base-rem-unit))!important;width:calc((40rem + 0px) * var(--velt-base-rem-unit))!important;border:2px solid #303034!important}.s-video-header[_ngcontent-%COMP%]{justify-content:space-between!important;width:100%!important;align-items:center!important}.s-video-header-name[_ngcontent-%COMP%]{gap:calc((.5rem + 0px) * var(--velt-base-rem-unit))!important;font-weight:600!important;font-size:calc((1.2rem + 0px) * var(--velt-base-rem-unit))!important;display:flex!important;align-items:center!important}.s-button[_ngcontent-%COMP%]{display:flex!important;align-items:center!important;justify-content:center!important;padding:calc((1rem + 0px) * var(--velt-base-rem-unit)) calc((2rem + 0px) * var(--velt-base-rem-unit))!important;border-radius:calc((4rem + 0px) * var(--velt-base-rem-unit))!important;font-size:calc((1rem + 0px) * var(--velt-base-rem-unit))!important;transition:.1s ease!important;cursor:pointer!important}.s-primary[_ngcontent-%COMP%]{background:#625df5!important;color:#fff!important}.s-primary[_ngcontent-%COMP%]:hover{background:#4f4bbf!important}.s-video-settings-modal-item[_ngcontent-%COMP%]   .s-heading[_ngcontent-%COMP%]{font-size:calc((1rem + 0px) * var(--velt-base-rem-unit))!important;color:#fff!important;padding:calc((.5rem + 0px) * var(--velt-base-rem-unit)) 0!important}.s-input[_ngcontent-%COMP%]{position:relative!important;padding:calc((1rem + 0px) * var(--velt-base-rem-unit))!important;color:#91919c!important;width:100%!important;justify-content:space-between!important;border-radius:calc((1rem + 0px) * var(--velt-base-rem-unit))!important;border:2px solid #303034!important;align-items:center!important;cursor:pointer!important;transition:.2s ease!important}.s-input[_ngcontent-%COMP%]:hover{background:#303034!important}.dropdown[_ngcontent-%COMP%]   .dropdown-content[_ngcontent-%COMP%]{position:absolute!important;top:0!important;right:0!important;z-index:1!important}.dropdown-content[_ngcontent-%COMP%]{width:100%!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;border-radius:calc((.9rem + 0px) * var(--velt-base-rem-unit))!important;border:2px solid #303034!important;color:#91919c!important;background:#141416!important;cursor:pointer!important;visibility:hidden!important;opacity:0!important;transition:all .1s ease!important}.dropdown[_ngcontent-%COMP%]:hover   .dropdown-content[_ngcontent-%COMP%]{visibility:visible!important;opacity:1!important}.dropdown-item[_ngcontent-%COMP%]{padding:calc((1.2rem + 0px) * var(--velt-base-rem-unit)) calc((1rem + 0px) * var(--velt-base-rem-unit))!important;width:100%!important;display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:calc((.5rem + 0px) * var(--velt-base-rem-unit))!important;transition:all .1s ease!important;color:#91919c!important}.dropdown-item.selected[_ngcontent-%COMP%]{color:#fff!important}.dropdown-item[_ngcontent-%COMP%]:hover{background:#303034!important;color:#fff!important}.s-icon-button[_ngcontent-%COMP%]{padding:calc((.5rem + 0px) * var(--velt-base-rem-unit))!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:100px!important;cursor:pointer!important}.s-icon-button[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]   path[_ngcontent-%COMP%]{fill:#777e91!important}.s-icon-button[_ngcontent-%COMP%]:hover{background:#222226!important}.s-icon-button[_ngcontent-%COMP%]:hover   svg[_ngcontent-%COMP%]   path[_ngcontent-%COMP%]{fill:#fff!important}.s-flex-fill[_ngcontent-%COMP%]{flex-grow:1!important}  .velt-mat-dialog-container.snippyly-media-source-options-dialog{max-width:unset}  .velt-mat-dialog-container.snippyly-media-source-options-dialog mat-dialog-container .mat-mdc-dialog-surface.mdc-dialog__surface{background-color:transparent!important;padding:0!important;margin:0!important;border-radius:calc((1rem + 0px) * var(--velt-base-rem-unit))!important}@media screen and (max-width:768px){.s-video-settings-modal[_ngcontent-%COMP%]{width:calc(.8 * var(--legacy-velt-viewport-width))!important}}@media screen and (max-width:425px){  .velt-mat-dialog-container.snippyly-media-source-options-dialog{width:calc(1 * var(--legacy-velt-viewport-width))!important;max-width:calc(1 * var(--legacy-velt-viewport-width))!important}  .velt-mat-dialog-container.snippyly-media-source-options-dialog mat-dialog-container .mat-mdc-dialog-surface.mdc-dialog__surface{width:calc(1 * var(--legacy-velt-viewport-width))!important;height:calc(1 * var(--legacy-velt-viewport-height))!important;border-radius:calc((0rem + 0px) * var(--velt-base-rem-unit))!important}  .velt-mat-dialog-container.snippyly-media-source-options-dialog mat-dialog-container .mat-mdc-dialog-surface.mdc-dialog__surface .s-video-settings-modal{width:calc(1 * var(--legacy-velt-viewport-width))!important;height:calc(1 * var(--legacy-velt-viewport-height))!important;border-radius:0!important}  .velt-mat-dialog-container.snippyly-media-source-options-dialog mat-dialog-container .mat-mdc-dialog-surface.mdc-dialog__surface .s-save-button{width:100%!important}}"],changeDetection:0});let o=l;return o})();export{ne as a};