Application instance configuration options.
The current position of the application with respect to the window.document.body.
If this Application uses tabbed navigation groups, this mapping is updated whenever the changeTab method is called.
Reports the active tab for each group, with a value of null indicating no tab is active.
Subclasses may override this property to define default tabs for each group.
Protected_Track the playlist IDs which are currently expanded in the display.
Protected_Cache the set of Playlist and PlaylistSound documents that are displayed as playing when the directory is rendered.
Protected_Whether the global volume controls are currently expanded.
Static Internal_An incrementing integer Application ID.
Static_Static Internal_The current maximum z-index of any displayed Application.
StaticBASE_Designates which upstream Application class in this class' inheritance chain is the base application. Any DEFAULT_OPTIONS of super-classes further upstream of the BASE_APPLICATION are ignored. Hook events for super-classes further upstream of the BASE_APPLICATION are not dispatched.
StaticDEFAULT_StaticemittedStaticPARTSStaticPLAYLIST_Playlist mode button descriptors.
StaticRENDER_The sequence of rendering states that describe the Application life-cycle.
StatictabStaticTABSConfiguration of application tabs, with an entry per tab group.
Protected Static_The path to the template used to render a single folder within the directory.
Whether this tab is currently active in the sidebar.
The child Applications registered under this one via renderChild.
The CSS class list of this Application instance
The Document collection that this directory represents.
The location of the currently-playing widget.
The implementation of the Document type that this directory represents.
The named Document type that this directory represents.
The HTMLElement which renders this Application into the DOM.
Does this Application have a top-level form element?
Does this Application instance render within an outer window frame?
The HTML element ID of this Application instance.
This provides a readonly view into the internal ID used by this application.
This getter should not be overridden by subclasses, which should instead configure the ID in DEFAULT_OPTIONS or
by defining a uniqueId during _initializeApplicationOptions.
Whether this is the popped-out tab or the in-sidebar one.
Is this Application instance currently minimized?
The parent Application of this Application, if registered via renderChild.
A reference to the popped-out version of this tab, if one exists.
Is this Application instance currently rendered?
The current render state of the Application.
The base name of the sidebar tab.
Convenience references to window header elements.
InternalWait for a CSS transition to complete for an element.
The element which is transitioning
A timeout in milliseconds in case the transitionend event does not occur
Whether this Application is permitted to detach from the main workspace. Managed children (those with an active parent) may detach to break the parent link and claim their own window.
InternalPerform an event in the application life-cycle. Await an internal life-cycle method defined by the class. Optionally dispatch an event for any registered listeners.
A handler function to call
Options which configure event handling
Optionalasync?: booleanAwait the result of the handler function?
OptionaldebugText?: stringDebugging text to log for the event
OptionaleventName?: stringAn event name to dispatch for registered listeners
OptionalhandlerArgs?: any[]Arguments passed to the handler function
OptionalhookArgs?: any[]Arguments passed to the requested hook function
OptionalhookName?: stringA hook name to dispatch for this and all parent classes
OptionalhookResponse?: booleanAdd the handler response to hookArgs
OptionalparentClassHooks?: booleanCall hooks for parent classes in the inheritance chain?
A promise which resoles once the handler is complete if async is true
Abstract_Render an HTMLElement for the Application. An Application subclass must implement this method in order for the Application to be renderable.
Context data for the render operation
Options which configure application rendering behavior
The result of HTML rendering may be implementation specific. Whatever value is returned here is passed to _replaceHTML
Activate this tab in the sidebar.
Add a new event listener for a certain type of event.
The type of event being registered for
The listener function called when the event occurs
Optionaloptions: { once?: boolean } = {}Options which configure the event listener
Optionalonce?: booleanShould the event only be responded to once and then removed
Re-attach a detached application to the main workspace. If this application was previously a child and was manually detached, breaking its parent link, this method first attempts to re-join the prior parent's window before falling back to the main workspace.
Optionaloptions: HandlebarsRenderOptions = {}Render options.
Bring this Application window to the front of the rendering stack by increasing its z-index. Once ApplicationV1 is deprecated we should switch from _maxZ to ApplicationV2#maxZ We should also eliminate ui.activeWindow in favor of only ApplicationV2#frontApp
Change the active tab within a tab group in this Application instance.
The name of the tab which should become active
The name of the tab group which defines the set of tabs
Optionaloptions: {Additional options which affect tab navigation
Optionalevent?: EventAn interaction event which caused the tab change, if any
Optionalforce?: booleanForce changing the tab even if the new tab is already active
OptionalnavElement?: HTMLElementAn explicit navigation element being modified
OptionalupdatePosition?: booleanUpdate application position after changing the tab?
Close the Application, removing it from the DOM.
Optionaloptions: Partial<ApplicationClosingOptions> = {}Options which modify how the application is closed.
A Promise which resolves to the closed Application instance
Detach an application from the main workspace, and render it in a separate browser window. If this application is a registered child, detaching it breaks the parent link and gives it its own window.
Optionaloptions: HandlebarsRenderOptions = {}Render options.
Dispatch an event on this target.
The Event to dispatch
Was default behavior for the event prevented?
Restore the Application to its original dimensions.
Minimize the Application, collapsing it to a minimal header.
Remove an event listener for a certain type of event.
The type of event being removed
The listener function being removed
Render another Application as a child of this one. The child is rendered in the same window as this application and moves with it when it is detached or re-attached. Closing this application will also close the child. If the child was previously registered under a different parent, that link is replaced.
The child application to render.
Optionaloptions: HandlebarsRenderOptions = {}Render options passed to the child's render method.
A Promise which resolves to the rendered child Application.
Pop-out this sidebar tab as a new application.
Update the Application element position using provided data which is merged with the prior position.
Optionalposition: Partial<ApplicationPosition>New Application positioning data
The updated application position
Programmatically submit an ApplicationV2 instance which implements a single top-level form.
OptionalsubmitOptions: object = {}Arbitrary options which are supported by and provided to the configured form submission handler.
A promise that resolves to the returned result of the form submission handler, if any.
Update the displayed timestamps for all currently playing audio sources every second.
Protected_ProtectedWhether this Application is permitted to re-attach to the main workspace. Managed children (those with an active parent) cannot re-attach independently; their parent controls placement.
Protected_ProtectedDetermine if the current user has permission to create directory entries.
Protected_ProtectedDetermine if the current user has permission to create folders in this directory.
Protected_ProtectedDetermine if drop operations are permitted.
The candidate HTML selector for dragging
Can the current user drag this selector?
Protected_ProtectedDetermine if drag operations are permitted.
The candidate HTML selector for dragging
Can the current user drag this selector?
Protected_ProtectedModify the provided options passed to a render request.
Options which configure application rendering behavior
Protected_ProtectedCreate a ContextMenu instance used in this Application.
A handler function that provides initial context options
A CSS selector to which the ContextMenu will be bound
Optionaloptions: { container?: HTMLElement; hookName?: string; parentClassHooks?: boolean } = {}Additional options which affect ContextMenu construction
Optionalcontainer?: HTMLElementA parent HTMLElement which contains the selector target
OptionalhookName?: stringThe hook name
OptionalparentClassHooks?: booleanWhether to call hooks for the parent classes in the inheritance chain.
A created ContextMenu or null if no menu items were defined
Protected_Protected_Protected_Protected_ProtectedTest if the given entry is already present in this directory.
The directory entry.
Protected_ProtectedDetermine whether a given directory entry belongs to the given folder.
The entry.
The target folder ID.
Protected_Protected_ProtectedGet drag data for an entry in this directory.
The entry's ID.
Protected_Protected_ProtectedGet drag data for a folder in this directory.
The folder ID.
Protected_ProtectedConfigure the array of header control menu options
Protected_Protected_ProtectedGet the configuration for a tabs group.
The ID of a tabs group
Protected_ProtectedHandle dropping a new entry into this directory.
The drop target element.
The drop data.
Protected_ProtectedHandle dropping a folder onto the directory.
The drop target element.
The drop data.
Protected_Protected_ProtectedIterate over header control buttons, filtering for controls which are visible for the current client.
Protected_ProtectedGenerate context menu entries based on the header control specification.
Protected_ProtectedInsert the application HTML element into the DOM. Subclasses may override this method to customize how the application is inserted.
The element to insert
Optionaloptions: HandlebarsRenderOptions = {}Render options.
Protected_ProtectedActions performed when this tab is activated in the sidebar.
Protected_ProtectedActions performed after the Application has been re-attached to the main workspace. Registered child Applications are re-attached automatically after this method returns.
The Application's former host document. This document's window may have been closed.
The main workspace document.
Protected_ProtectedHandle changes to an input element within the form.
The form configuration for which this handler is bound
An input change event within the form
Protected_ProtectedA generic event handler for action clicks which can be extended by subclasses. Action handlers defined in DEFAULT_OPTIONS are called first. This method is only called for actions which have no defined handler.
The originating click event
The capturing HTML element which defined a [data-action]
Protected_ProtectedHandle click events on a tab within the Application.
Protected_ProtectedHandle creating a new entry in this directory.
The triggering click event.
The action target element.
Protected_ProtectedHandle creating a new folder in this directory.
The triggering click event.
The action target element.
Protected_ProtectedActions performed when this tab is deactivated in the sidebar.
Protected_ProtectedActions performed after the Application has been detached from the main workspace. Registered child Applications are moved into the same detached window automatically after this method returns.
The main workspace document.
The Application's new host document.
Protected_ProtectedHighlight folders as drop targets when a drag event enters or exits their area.
The in-progress drag event.
Protected_ProtectedHandle drag events over the directory.
Protected_ProtectedHandle modifying a global volume slider.
The slider.
Protected_ProtectedActions performed after the Application is re-positioned.
The requested application position
Protected_ProtectedHandle directory searching and filtering.
The keyboard input event.
The input search string.
The regular expression query that should be matched against.
The container to filter entries from.
Protected_ProtectedHandle modifying a playing PlaylistSound's volume.
The volume slider.
Protected_ProtectedHandle submission for an Application which uses the form element.
The form configuration for which this handler is bound
The form submission event
Protected_ProtectedHandle toggling a folder's expanded state.
The triggering click event.
The action target element.
Optionaloptions: { _skipDeprecation?: boolean } = {}Optional_skipDeprecation?: booleanInternal use only.
Protected_Protected_ProtectedPerform post-render finalization actions.
Prepared context data.
Provided render options.
Protected_ProtectedActions performed before closing the Application. Pre-close steps are awaited by the close process.
Provided render options
Protected_ProtectedActions performed before a first render of the Application.
Prepared context data
Provided render options
Protected_ProtectedPrepare render context for the volume controls part.
Protected_ProtectedPrepare render context for the footer part.
Protected_ProtectedPrepare render context for the header part.
Protected_ProtectedPrepare render context for the currently playing part.
Protected_ProtectedPrepare render context for a playlist.
The root render context.
The Playlist document.
Protected_ProtectedPrepare application tab data for a single tab group.
The ID of the tab group to prepare
Protected_ProtectedAugment the tree directory structure with playlist-level data objects for rendering.
The root render context.
The tree node being prepared.
Protected_ProtectedActions performed before the Application is re-positioned. Pre-position steps are not awaited because setPosition is synchronous.
The requested application position
Protected_ProtectedActions performed before any render of the Application. Pre-render steps are awaited by the render process.
Prepared context data
Provided render options
Protected_ProtectedRemove the application HTML element from the DOM. Subclasses may override this method to customize how the application element is removed.
The element to be removed
Protected_ProtectedRender a header control button.
Protected_ProtectedReplace the HTML of the application with the result provided by the rendering backend. An Application subclass should implement this method in order for the Application to be renderable.
The result returned by the application rendering backend
The content element into which the rendered result must be inserted
Options which configure application rendering behavior
Protected_ProtectedRemove elements from the DOM and trigger garbage collection as part of application closure.
Protected_ProtectedWhen the Application is rendered, optionally update aspects of the window frame.
Options provided at render-time
Protected_ProtectedTranslate a requested application position updated into a resolved allowed position for the Application. Subclasses may override this method to implement more advanced positioning behavior.
Requested Application positioning data
Resolved Application positioning data
Static_Static_InternalHelper method to handle dropping a folder onto the directory.
Static_InternalRegister playlist directory specific settings.
StaticinheritanceIterate over the inheritance chain of this Application. The chain includes this Application itself and all parents until the base application is encountered.
StaticinstancesIterate over the instances of this Application.
StaticparseParse a CSS style rule into a number of pixels which apply to that dimension.
The CSS style rule
The relevant dimension of the parent element
The parsed style dimension in pixels
StaticwaitWait for any images in the given element to load.
The element.
Protected StaticformatProtectedFormat the displayed timestamp given a number of seconds as input.
The current playback time in seconds.
The formatted timestamp.
The World Playlist directory listing.