Merge pull request #6979 from thornbill/webos-infinite-screen

src/apps/dashboard/controllers/library.js

@@ -3,7 +3,7 @@ import escapeHtml from 'escape-html';
 import taskButton from 'scripts/taskbutton';
 import loading from 'components/loading/loading';
 import globalize from 'lib/globalize';
-import dom from 'scripts/dom';
+import dom from 'utils/dom';
 import imageHelper from 'utils/image';
 import 'components/cardbuilder/card.scss';
 import 'elements/emby-itemrefreshindicator/emby-itemrefreshindicator';

src/apps/dashboard/controllers/livetvstatus.js

@@ -2,7 +2,7 @@ import 'jquery';
 
 import globalize from 'lib/globalize';
 import taskButton from 'scripts/taskbutton';
-import dom from 'scripts/dom';
+import dom from 'utils/dom';
 import layoutManager from 'components/layoutManager';
 import loading from 'components/loading/loading';
 import browser from 'scripts/browser';

src/apps/dashboard/controllers/livetvtuner.js

@@ -1,6 +1,6 @@
 import globalize from 'lib/globalize';
 import loading from 'components/loading/loading';
-import dom from 'scripts/dom';
+import dom from 'utils/dom';
 import 'elements/emby-input/emby-input';
 import 'elements/emby-button/emby-button';
 import 'elements/emby-checkbox/emby-checkbox';

src/apps/dashboard/features/sessions/utils/getNowPlayingImageUrl.ts

@@ -1,7 +1,7 @@
 import type { BaseItemDto } from '@jellyfin/sdk/lib/generated-client/models/base-item-dto';
 import { ImageType } from '@jellyfin/sdk/lib/generated-client/models/image-type';
 import { ServerConnections } from 'lib/jellyfin-apiclient';
-import dom from 'scripts/dom';
+import dom from 'utils/dom';
 
 const getNowPlayingImageUrl = (item: BaseItemDto) => {
     if (!item.ServerId) return null;

src/apps/dashboard/routes/users/index.tsx

@@ -4,7 +4,7 @@ import React, { useEffect, useState, useRef } from 'react';
 import Dashboard from '../../../../utils/dashboard';
 import globalize from '../../../../lib/globalize';
 import loading from '../../../../components/loading/loading';
-import dom from '../../../../scripts/dom';
+import dom from '../../../../utils/dom';
 import confirm from '../../../../components/confirm/confirm';
 import UserCardBox from '../../../../components/dashboard/users/UserCardBox';
 import SectionTitleContainer from '../../../../elements/SectionTitleContainer';

src/apps/wizard/controllers/library.js

@@ -5,7 +5,7 @@ import confirm from 'components/confirm/confirm';
 import loading from 'components/loading/loading';
 import globalize from 'lib/globalize';
 import { ServerConnections } from 'lib/jellyfin-apiclient';
-import dom from 'scripts/dom';
+import dom from 'utils/dom';
 import taskButton from 'scripts/taskbutton';
 import Dashboard, { pageClassOn, pageIdOn } from 'utils/dashboard';
 import imageHelper from 'utils/image';

src/apps/wizard/controllers/start/index.js

@@ -1,7 +1,7 @@
 import loading from 'components/loading/loading';
 import { ServerConnections } from 'lib/jellyfin-apiclient';
 import Dashboard from 'utils/dashboard';
-import dom from 'scripts/dom';
+import dom from 'utils/dom';
 
 import 'elements/emby-button/emby-button';
 import 'elements/emby-select/emby-select';

src/components/actionSheet/actionSheet.ts

@@ -2,7 +2,7 @@ import escapeHtml from 'escape-html';
 import dialogHelper from '../dialogHelper/dialogHelper';
 import layoutManager from '../layoutManager';
 import globalize from '../../lib/globalize';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import '../../elements/emby-button/emby-button';
 import './actionSheet.scss';
 import 'material-design-icons-iconfont';

src/components/alphaPicker/alphaPicker.js

@@ -5,7 +5,7 @@
 
 import focusManager from '../focusManager';
 import layoutManager from '../layoutManager';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import globalize from '../../lib/globalize';
 import './style.scss';
 import '../../elements/emby-button/paper-icon-button-light';

src/components/backdrop/backdrop.js

@@ -2,7 +2,7 @@ import isEqual from 'lodash-es/isEqual';
 import { ServerConnections } from 'lib/jellyfin-apiclient';
 import browser from '../../scripts/browser';
 import { playbackManager } from '../playback/playbackmanager';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import * as userSettings from '../../scripts/settings/userSettings';
 
 import './backdrop.scss';

src/components/cardbuilder/cardBuilder.js

@@ -10,7 +10,7 @@ import escapeHtml from 'escape-html';
 
 import browser from 'scripts/browser';
 import datetime from 'scripts/datetime';
-import dom from 'scripts/dom';
+import dom from 'utils/dom';
 import globalize from 'lib/globalize';
 import { ServerConnections } from 'lib/jellyfin-apiclient';
 import { getBackdropShape, getPortraitShape, getSquareShape } from 'utils/card';

src/components/channelMapper/channelMapper.js

@@ -1,5 +1,5 @@
 import escapeHtml from 'escape-html';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import dialogHelper from '../dialogHelper/dialogHelper';
 import loading from '../loading/loading';
 import globalize from '../../lib/globalize';

src/components/collectionEditor/collectionEditor.js

@@ -1,5 +1,5 @@
 import escapeHtml from 'escape-html';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import dialogHelper from '../dialogHelper/dialogHelper';
 import loading from '../loading/loading';
 import layoutManager from '../layoutManager';

src/components/dialog/dialog.js

@@ -1,7 +1,7 @@
 import DOMPurify from 'dompurify';
 import escapeHtml from 'escape-html';
 import dialogHelper from '../dialogHelper/dialogHelper';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import layoutManager from '../layoutManager';
 import scrollHelper from '../../scripts/scrollHelper';
 import globalize from '../../lib/globalize';

src/components/dialogHelper/dialogHelper.js

@@ -4,7 +4,7 @@ import layoutManager from '../layoutManager';
 import inputManager from '../../scripts/inputManager';
 import { toBoolean } from '../../utils/string.ts';
 import { hide } from '../loading/loading.ts';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 
 import { history } from 'RootAppRouter';
 

src/components/directorybrowser/directorybrowser.js

@@ -1,7 +1,7 @@
 import escapeHtml from 'escape-html';
 import loading from '../loading/loading';
 import dialogHelper from '../dialogHelper/dialogHelper';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import globalize from '../../lib/globalize';
 import '../listview/listview.scss';
 import '../../elements/emby-input/emby-input';

src/components/favoriteitems.js

@@ -1,4 +1,4 @@
-import dom from 'scripts/dom';
+import dom from 'utils/dom';
 import globalize from 'lib/globalize';
 import { getBackdropShape, getPortraitShape, getSquareShape } from 'utils/card';
 import { getParameterByName } from 'utils/url';

src/components/filterdialog/filterdialog.js

@@ -1,4 +1,4 @@
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import dialogHelper from '../dialogHelper/dialogHelper';
 import globalize from '../../lib/globalize';
 import { ServerConnections } from 'lib/jellyfin-apiclient';

src/components/filtermenu/filtermenu.js

@@ -1,5 +1,5 @@
 import escapeHtml from 'escape-html';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import focusManager from '../focusManager';
 import dialogHelper from '../dialogHelper/dialogHelper';
 import inputManager from '../../scripts/inputManager';

src/components/focusManager.js

@@ -1,4 +1,4 @@
-import dom from '../scripts/dom';
+import dom from '../utils/dom';
 import scrollManager from './scrollManager';
 
 const scopes = [];

src/components/groupedcards.js

@@ -1,5 +1,5 @@
 import { ServerConnections } from 'lib/jellyfin-apiclient';
-import dom from '../scripts/dom';
+import dom from '../utils/dom';
 import { appRouter } from './router/appRouter';
 import Dashboard from '../utils/dashboard';
 

src/components/guide/guide.js

@@ -14,7 +14,7 @@ import * as userSettings from '../../scripts/settings/userSettings';
 import imageLoader from '../images/imageLoader';
 import layoutManager from '../layoutManager';
 import itemShortcuts from '../shortcuts';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import './guide.scss';
 import './programs.scss';
 import 'material-design-icons-iconfont';

src/components/homeScreenSettings/homeScreenSettings.js

@@ -12,7 +12,7 @@ import globalize from '../../lib/globalize';
 import loading from '../loading/loading';
 import Events from '../../utils/events.ts';
 import homeSections from '../homesections/homesections';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import '../listview/listview.scss';
 import '../../elements/emby-select/emby-select';
 import '../../elements/emby-checkbox/emby-checkbox';

src/components/imageDownloader/imageDownloader.js

@@ -1,5 +1,5 @@
 import { AppFeature } from 'constants/appFeature';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import loading from '../loading/loading';
 import { appHost } from '../apphost';
 import dialogHelper from '../dialogHelper/dialogHelper';

src/components/imageOptionsEditor/imageOptionsEditor.js

@@ -5,7 +5,7 @@
  */
 
 import globalize from '../../lib/globalize';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import dialogHelper from '../dialogHelper/dialogHelper';
 import '../../elements/emby-checkbox/emby-checkbox';
 import '../../elements/emby-select/emby-select';

src/components/imageUploader/imageUploader.js

@@ -5,7 +5,7 @@
  */
 
 import dialogHelper from '../dialogHelper/dialogHelper';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import loading from '../loading/loading';
 import scrollHelper from '../../scripts/scrollHelper';
 import layoutManager from '../layoutManager';

src/components/imageeditor/imageeditor.js

@@ -1,7 +1,7 @@
 import { AppFeature } from 'constants/appFeature';
 import dialogHelper from '../dialogHelper/dialogHelper';
 import loading from '../loading/loading';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import layoutManager from '../layoutManager';
 import focusManager from '../focusManager';
 import globalize from '../../lib/globalize';

src/components/itemContextMenu.js

@@ -1,6 +1,6 @@
 import browser from '../scripts/browser';
 import { copy } from '../scripts/clipboard';
-import dom from '../scripts/dom';
+import dom from '../utils/dom';
 import globalize from '../lib/globalize';
 import { ServerConnections } from 'lib/jellyfin-apiclient';
 import actionsheet from './actionSheet/actionSheet';

src/components/itemMediaInfo/itemMediaInfo.js

@@ -14,7 +14,7 @@ import toast from 'components/toast/toast';
 import globalize from 'lib/globalize';
 import { ServerConnections } from 'lib/jellyfin-apiclient';
 import { copy } from 'scripts/clipboard';
-import dom from 'scripts/dom';
+import dom from 'utils/dom';
 import { getReadableSize } from 'utils/file';
 
 import 'components/formdialog.scss';

src/components/libraryoptionseditor/libraryoptionseditor.js

@@ -8,7 +8,7 @@ import { CollectionType } from '@jellyfin/sdk/lib/generated-client/models/collec
 import escapeHtml from 'escape-html';
 
 import globalize from '../../lib/globalize';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import '../../elements/emby-checkbox/emby-checkbox';
 import '../../elements/emby-select/emby-select';
 import '../../elements/emby-input/emby-input';

src/components/lyricseditor/lyricseditor.js

@@ -8,7 +8,7 @@ import globalize from 'lib/globalize';
 import { ServerConnections } from 'lib/jellyfin-apiclient';
 import loading from '../loading/loading';
 import focusManager from '../focusManager';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import '../../elements/emby-select/emby-select';
 import '../listview/listview.scss';
 import '../../elements/emby-button/paper-icon-button-light';

src/components/lyricsuploader/lyricsuploader.js

@@ -3,7 +3,7 @@ import escapeHtml from 'escape-html';
 import { getLyricsApi } from '@jellyfin/sdk/lib/utils/api/lyrics-api';
 import { toApi } from 'utils/jellyfin-apiclient/compat';
 import dialogHelper from '../../components/dialogHelper/dialogHelper';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import loading from '../../components/loading/loading';
 import scrollHelper from '../../scripts/scrollHelper';
 import layoutManager from '../layoutManager';

src/components/maintabsmanager.js

@@ -1,4 +1,4 @@
-import dom from '../scripts/dom';
+import dom from '../utils/dom';
 import browser from '../scripts/browser';
 import Events from '../utils/events.ts';
 import '../elements/emby-tabs/emby-tabs';

src/components/mediaLibraryCreator/mediaLibraryCreator.js

@@ -7,7 +7,7 @@
 import escapeHtml from 'escape-html';
 import loading from '../loading/loading';
 import dialogHelper from '../dialogHelper/dialogHelper';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import libraryoptionseditor from '../libraryoptionseditor/libraryoptionseditor';
 import globalize from '../../lib/globalize';
 import '../../elements/emby-button/emby-button';

src/components/mediaLibraryEditor/mediaLibraryEditor.js

@@ -8,7 +8,7 @@ import escapeHtml from 'escape-html';
 import 'jquery';
 import loading from '../loading/loading';
 import dialogHelper from '../dialogHelper/dialogHelper';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import libraryoptionseditor from '../libraryoptionseditor/libraryoptionseditor';
 import globalize from '../../lib/globalize';
 import '../../elements/emby-button/emby-button';

src/components/metadataEditor/metadataEditor.js

@@ -1,5 +1,5 @@
 import escapeHtml from 'escape-html';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import layoutManager from '../layoutManager';
 import dialogHelper from '../dialogHelper/dialogHelper';
 import datetime from '../../scripts/datetime';

src/components/multiSelect/multiSelect.js

@@ -4,7 +4,7 @@ import { appHost } from '../apphost';
 import loading from '../loading/loading';
 import globalize from '../../lib/globalize';
 import { ServerConnections } from 'lib/jellyfin-apiclient';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import './multiSelect.scss';
 import alert from '../alert';
 import confirm from '../confirm/confirm';

src/components/nowPlayingBar/nowPlayingBar.js

@@ -11,7 +11,7 @@ import imageLoader from '../images/imageLoader';
 import layoutManager from '../layoutManager';
 import { playbackManager } from '../playback/playbackmanager';
 import { appHost } from '../apphost';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import globalize from 'lib/globalize';
 import itemContextMenu from '../itemContextMenu';
 import '../../elements/emby-button/paper-icon-button-light';

src/components/playback/brightnessosd.js

@@ -1,5 +1,5 @@
 import { playbackManager } from './playbackmanager';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import browser from '../../scripts/browser';
 import Events from '../../utils/events.ts';
 

src/components/playback/skipsegment.ts

@@ -6,7 +6,7 @@ import { isInSegment } from 'apps/stable/features/playback/utils/mediaSegments';
 import Events, { type Event } from 'utils/events';
 import { EventType } from 'types/eventType';
 import './skipbutton.scss';
-import dom from 'scripts/dom';
+import dom from 'utils/dom';
 import globalize from 'lib/globalize';
 import * as userSettings from 'scripts/settings/userSettings';
 import focusManager from 'components/focusManager';

src/components/playback/volumeosd.js

@@ -1,6 +1,6 @@
 
 import { playbackManager } from './playbackmanager';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import browser from '../../scripts/browser';
 import Events from '../../utils/events.ts';
 

src/components/playlisteditor/playlisteditor.ts

@@ -6,7 +6,7 @@ import { getUserLibraryApi } from '@jellyfin/sdk/lib/utils/api/user-library-api'
 import escapeHtml from 'escape-html';
 
 import toast from 'components/toast/toast';
-import dom from 'scripts/dom';
+import dom from 'utils/dom';
 import globalize from 'lib/globalize';
 import { ServerConnections } from 'lib/jellyfin-apiclient';
 import { currentSettings as userSettings } from 'scripts/settings/userSettings';

src/components/prompt/prompt.js

@@ -3,7 +3,7 @@ import dialogHelper from '../dialogHelper/dialogHelper';
 import layoutManager from '../layoutManager';
 import scrollHelper from '../../scripts/scrollHelper';
 import globalize from '../../lib/globalize';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import 'material-design-icons-iconfont';
 import '../../elements/emby-button/emby-button';
 import '../../elements/emby-button/paper-icon-button-light';

src/components/recordingcreator/recordingbutton.js

@@ -1,5 +1,5 @@
 import { ServerConnections } from 'lib/jellyfin-apiclient';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import recordingHelper from './recordinghelper';
 
 import '../../elements/emby-button/paper-icon-button-light';

src/components/recordingcreator/recordingfields.js

@@ -3,7 +3,7 @@ import { ServerConnections } from 'lib/jellyfin-apiclient';
 import Events from '../../utils/events.ts';
 import serverNotifications from '../../scripts/serverNotifications';
 import loading from '../loading/loading';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import recordingHelper from './recordinghelper';
 
 import '../../elements/emby-button/emby-button';

src/components/refreshdialog/refreshdialog.js

@@ -1,4 +1,4 @@
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import dialogHelper from '../dialogHelper/dialogHelper';
 import loading from '../loading/loading';
 import layoutManager from '../layoutManager';

src/components/scrollManager.js

@@ -3,7 +3,7 @@
  * @module components/scrollManager
  */
 
-import dom from '../scripts/dom';
+import dom from '../utils/dom';
 import appSettings from 'scripts/settings/appSettings';
 import layoutManager from './layoutManager';
 

src/components/shortcuts.js

@@ -9,7 +9,7 @@ import inputManager from '../scripts/inputManager';
 import { appRouter } from './router/appRouter';
 import globalize from '../lib/globalize';
 import { ServerConnections } from 'lib/jellyfin-apiclient';
-import dom from '../scripts/dom';
+import dom from '../utils/dom';
 import recordingHelper from './recordingcreator/recordinghelper';
 import toast from './toast/toast';
 import * as userSettings from '../scripts/settings/userSettings';

src/components/slideshow/slideshow.js

@@ -10,7 +10,7 @@ import layoutManager from '../layoutManager';
 import focusManager from '../focusManager';
 import browser from '../../scripts/browser';
 import { appHost } from '../apphost';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 
 import './style.scss';
 import 'material-design-icons-iconfont';

src/components/subtitleeditor/subtitleeditor.js

@@ -9,7 +9,7 @@ import { ServerConnections } from 'lib/jellyfin-apiclient';
 import * as userSettings from '../../scripts/settings/userSettings';
 import loading from '../loading/loading';
 import focusManager from '../focusManager';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 
 import '../../elements/emby-select/emby-select';
 import '../listview/listview.scss';

src/components/subtitlesettings/subtitlesettings.js

@@ -8,7 +8,7 @@ import layoutManager from '../layoutManager';
 import loading from '../loading/loading';
 import subtitleAppearanceHelper from './subtitleappearancehelper';
 import settingsHelper from '../settingshelper';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import Events from '../../utils/events.ts';
 
 import '../listview/listview.scss';

src/components/subtitleuploader/subtitleuploader.js

@@ -3,7 +3,7 @@ import escapeHtml from 'escape-html';
 import { getSubtitleApi } from '@jellyfin/sdk/lib/utils/api/subtitle-api';
 import { toApi } from 'utils/jellyfin-apiclient/compat';
 import dialogHelper from '../../components/dialogHelper/dialogHelper';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import loading from '../../components/loading/loading';
 import scrollHelper from '../../scripts/scrollHelper';
 import layoutManager from '../layoutManager';

src/components/tunerPicker.js

@@ -1,5 +1,5 @@
 import dialogHelper from './dialogHelper/dialogHelper';
-import dom from '../scripts/dom';
+import dom from '../utils/dom';
 import layoutManager from './layoutManager';
 import globalize from '../lib/globalize';
 import loading from './loading/loading';

src/components/tvproviders/xmltv.js

@@ -7,7 +7,7 @@ import '../listview/listview.scss';
 import '../../elements/emby-button/paper-icon-button-light';
 import Dashboard from '../../utils/dashboard';
 import Events from '../../utils/events.ts';
-import dom from 'scripts/dom';
+import dom from 'utils/dom';
 
 function getTunerName(providerId) {
     switch (providerId.toLowerCase()) {

src/components/upnextdialog/upnextdialog.js

@@ -1,4 +1,4 @@
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import { playbackManager } from '../playback/playbackmanager';
 import Events from '../../utils/events.ts';
 import mediaInfo from '../mediainfo/mediainfo';

src/components/userdatabuttons/userdatabuttons.js

@@ -1,6 +1,6 @@
 import globalize from '../../lib/globalize';
 import { ServerConnections } from 'lib/jellyfin-apiclient';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import itemHelper from '../itemHelper';
 
 import '../../elements/emby-button/paper-icon-button-light';

src/controllers/favorites.js

@@ -2,7 +2,7 @@ import cardBuilder from 'components/cardbuilder/cardBuilder';
 import focusManager from 'components/focusManager';
 import layoutManager from 'components/layoutManager';
 import { appRouter } from 'components/router/appRouter';
-import dom from 'scripts/dom';
+import dom from 'utils/dom';
 import globalize from 'lib/globalize';
 import { ServerConnections } from 'lib/jellyfin-apiclient';
 import { getBackdropShape, getPortraitShape, getSquareShape } from 'utils/card';

src/controllers/itemDetails/index.js

@@ -26,7 +26,7 @@ import globalize from 'lib/globalize';
 import { ServerConnections } from 'lib/jellyfin-apiclient';
 import browser from 'scripts/browser';
 import datetime from 'scripts/datetime';
-import dom from 'scripts/dom';
+import dom from 'utils/dom';
 import { download } from 'scripts/fileDownloader';
 import libraryMenu from 'scripts/libraryMenu';
 import * as userSettings from 'scripts/settings/userSettings';

src/controllers/movies/moviesrecommended.js

@@ -5,7 +5,7 @@ import imageLoader from 'components/images/imageLoader';
 import layoutManager from 'components/layoutManager';
 import * as mainTabsManager from 'components/maintabsmanager';
 import { playbackManager } from 'components/playback/playbackmanager';
-import dom from 'scripts/dom';
+import dom from 'utils/dom';
 import globalize from 'lib/globalize';
 import inputManager from 'scripts/inputManager';
 import libraryMenu from 'scripts/libraryMenu';

src/controllers/music/musicrecommended.js

@@ -4,7 +4,7 @@ import layoutManager from 'components/layoutManager';
 import loading from 'components/loading/loading';
 import * as mainTabsManager from 'components/maintabsmanager';
 import browser from 'scripts/browser';
-import dom from 'scripts/dom';
+import dom from 'utils/dom';
 import globalize from 'lib/globalize';
 import inputManager from 'scripts/inputManager';
 import libraryMenu from 'scripts/libraryMenu';

src/controllers/playback/video/index.js

@@ -7,7 +7,7 @@ import { EventType } from 'types/eventType';
 
 import { playbackManager } from '../../../components/playback/playbackmanager';
 import browser from '../../../scripts/browser';
-import dom from '../../../scripts/dom';
+import dom from '../../../utils/dom';
 import inputManager from '../../../scripts/inputManager';
 import mouseManager from '../../../scripts/mouseManager';
 import datetime from '../../../scripts/datetime';

src/controllers/session/login/index.js

@@ -6,7 +6,7 @@ import { ServerConnections } from 'lib/jellyfin-apiclient';
 
 import { appHost } from '../../../components/apphost';
 import appSettings from '../../../scripts/settings/appSettings';
-import dom from '../../../scripts/dom';
+import dom from '../../../utils/dom';
 import loading from '../../../components/loading/loading';
 import layoutManager from '../../../components/layoutManager';
 import libraryMenu from '../../../scripts/libraryMenu';

src/controllers/session/selectServer/index.js

@@ -8,7 +8,7 @@ import focusManager from '../../../components/focusManager';
 import globalize from '../../../lib/globalize';
 import actionSheet from '../../../components/actionSheet/actionSheet';
 import confirm from '../../../components/confirm/confirm';
-import dom from '../../../scripts/dom';
+import dom from '../../../utils/dom';
 import browser from '../../../scripts/browser';
 import 'material-design-icons-iconfont';
 import '../../../styles/flexstyles.scss';

src/controllers/shows/tvrecommended.js

@@ -4,7 +4,7 @@ import layoutManager from 'components/layoutManager';
 import loading from 'components/loading/loading';
 import * as mainTabsManager from 'components/maintabsmanager';
 import { playbackManager } from 'components/playback/playbackmanager';
-import dom from 'scripts/dom';
+import dom from 'utils/dom';
 import globalize from 'lib/globalize';
 import inputManager from 'scripts/inputManager';
 import libraryMenu from 'scripts/libraryMenu';

src/elements/emby-button/emby-button.js

@@ -4,7 +4,7 @@ import { appHost } from 'components/apphost';
 import layoutManager from 'components/layoutManager';
 import { appRouter } from 'components/router/appRouter';
 import { AppFeature } from 'constants/appFeature';
-import { removeEventListener, addEventListener } from 'scripts/dom';
+import { removeEventListener, addEventListener } from 'utils/dom';
 import shell from 'scripts/shell';
 
 import './emby-button.scss';

src/elements/emby-checkbox/emby-checkbox.js

@@ -1,5 +1,5 @@
 import browser from '../../scripts/browser';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import './emby-checkbox.scss';
 import 'webcomponents.js/webcomponents-lite';
 

src/elements/emby-input/emby-input.js

@@ -1,5 +1,5 @@
 import browser from '../../scripts/browser';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import './emby-input.scss';
 import 'webcomponents.js/webcomponents-lite';
 

src/elements/emby-itemrefreshindicator/emby-itemrefreshindicator.js

@@ -1,5 +1,5 @@
 import EmbyProgressRing from '../emby-progressring/emby-progressring';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import serverNotifications from '../../scripts/serverNotifications';
 import Events from '../../utils/events.ts';
 

src/elements/emby-itemscontainer/ItemsContainer.tsx

@@ -11,7 +11,7 @@ import { usePlaylistsMoveItemMutation } from 'hooks/useFetchItems';
 import Events, { type Event } from 'utils/events';
 import serverNotifications from 'scripts/serverNotifications';
 import inputManager from 'scripts/inputManager';
-import dom from 'scripts/dom';
+import dom from 'utils/dom';
 import browser from 'scripts/browser';
 import imageLoader from 'components/images/imageLoader';
 import layoutManager from 'components/layoutManager';

src/elements/emby-itemscontainer/emby-itemscontainer.js

@@ -7,7 +7,7 @@ import { playbackManager } from '../../components/playback/playbackmanager';
 import imageLoader from '../../components/images/imageLoader';
 import layoutManager from '../../components/layoutManager';
 import browser from '../../scripts/browser';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import loading from '../../components/loading/loading';
 import focusManager from '../../components/focusManager';
 import { ServerConnections } from 'lib/jellyfin-apiclient';

src/elements/emby-scroller/Scroller.tsx

@@ -2,7 +2,7 @@ import React, { type FC, type PropsWithChildren, useCallback, useEffect, useRef,
 import classNames from 'classnames';
 import useElementSize from 'hooks/useElementSize';
 import layoutManager from '../../components/layoutManager';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import browser from '../../scripts/browser';
 import focusManager from '../../components/focusManager';
 import ScrollerFactory from 'lib/scroller';

src/elements/emby-scroller/emby-scroller.js

@@ -1,5 +1,5 @@
 import ScrollerFactory from 'lib/scroller';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import layoutManager from '../../components/layoutManager';
 import inputManager from '../../scripts/inputManager';
 import focusManager from '../../components/focusManager';

src/elements/emby-slider/emby-slider.js

@@ -1,7 +1,7 @@
 import isEqual from 'lodash-es/isEqual';
 
 import browser from '../../scripts/browser';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import layoutManager from '../../components/layoutManager';
 import keyboardnavigation from '../../scripts/keyboardNavigation';
 import './emby-slider.scss';

src/elements/emby-tabs/emby-tabs.js

@@ -1,5 +1,5 @@
 import 'webcomponents.js/webcomponents-lite';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import ScrollerFactory from 'lib/scroller';
 import browser from '../../scripts/browser';
 import focusManager from '../../components/focusManager';

src/lib/navdrawer/navdrawer.js

@@ -4,7 +4,7 @@
  */
 
 import browser from '../../scripts/browser';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import './navdrawer.scss';
 import '../../styles/scrollstyles.scss';
 import globalize from '../globalize';

src/lib/scroller/index.js

@@ -5,7 +5,7 @@
 
 import browser from '../../scripts/browser';
 import layoutManager from '../../components/layoutManager';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import focusManager from '../../components/focusManager';
 import ResizeObserver from 'resize-observer-polyfill';
 import '../../styles/scrollstyles.scss';

src/plugins/htmlVideoPlayer/plugin.js

@@ -10,7 +10,7 @@ import browser from '../../scripts/browser';
 import appSettings from '../../scripts/settings/appSettings';
 import { appHost } from '../../components/apphost';
 import loading from '../../components/loading/loading';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import { playbackManager } from '../../components/playback/playbackmanager';
 import { appRouter } from '../../components/router/appRouter';
 import {

src/plugins/pdfPlayer/plugin.js

@@ -1,7 +1,7 @@
 import loading from '../../components/loading/loading';
 import keyboardnavigation from '../../scripts/keyboardNavigation';
 import dialogHelper from '../../components/dialogHelper/dialogHelper';
-import dom from '../../scripts/dom';
+import dom from '../../utils/dom';
 import { appRouter } from '../../components/router/appRouter';
 import { ServerConnections } from 'lib/jellyfin-apiclient';
 import { PluginType } from '../../types/plugin.ts';

src/scripts/alphanumericshortcuts.js

@@ -1,4 +1,4 @@
-import dom from './dom';
+import dom from '../utils/dom';
 import focusManager from '../components/focusManager';
 
 let inputDisplayElement;

src/scripts/inputManager.js

@@ -3,7 +3,7 @@ import focusManager from 'components/focusManager';
 import { playbackManager } from 'components/playback/playbackmanager';
 import { appRouter } from 'components/router/appRouter';
 import { AppFeature } from 'constants/appFeature';
-import dom from 'scripts/dom';
+import dom from 'utils/dom';
 
 let lastInputTime = new Date().getTime();
 

src/scripts/libraryMenu.js

@@ -12,7 +12,7 @@ import { EventType } from 'types/eventType';
 import { toApi } from 'utils/jellyfin-apiclient/compat';
 import { queryClient } from 'utils/query/queryClient';
 
-import dom from './dom';
+import dom from '../utils/dom';
 import layoutManager from '../components/layoutManager';
 import inputManager from './inputManager';
 import viewManager from '../components/viewManager/viewManager';

src/scripts/mouseManager.js

@@ -2,7 +2,7 @@ import inputManager from './inputManager';
 import focusManager from '../components/focusManager';
 import browser from './browser';
 import layoutManager from '../components/layoutManager';
-import dom from './dom';
+import dom from '../utils/dom';
 import Events from '../utils/events.ts';
 
 const self = {};

src/scripts/scrollHelper.ts

@@ -1,5 +1,5 @@
 import focusManager from '../components/focusManager';
-import dom from './dom';
+import dom from '../utils/dom';
 import '../styles/scrollstyles.scss';
 
 function getBoundingClientRect(elem: Element) {

src/scripts/touchHelper.js

@@ -1,4 +1,4 @@
-import dom from '../scripts/dom';
+import dom from '../utils/dom';
 import Events from '../utils/events.ts';
 
 function getTouches(e) {

src/utils/dom.js

@@ -1,16 +1,15 @@
 
 /**
  * Useful DOM utilities.
- * @module components/dom
  */
 
 /**
-     * Returns parent of element with specified attribute value.
-     * @param {HTMLElement} elem - Element whose parent need to find.
-     * @param {string} name - Attribute name.
-     * @param {mixed} [value] - Attribute value.
-     * @returns {HTMLElement} Parent with specified attribute value.
-     */
+ * Returns parent of element with specified attribute value.
+ * @param {HTMLElement} elem - Element whose parent need to find.
+ * @param {string} name - Attribute name.
+ * @param {mixed} [value] - Attribute value.
+ * @returns {HTMLElement} Parent with specified attribute value.
+ */
 export function parentWithAttribute(elem, name, value) {
     while ((value ? elem.getAttribute(name) !== value : !elem.getAttribute(name))) {
         elem = elem.parentNode;
@@ -24,11 +23,11 @@ export function parentWithAttribute(elem, name, value) {
 }
 
 /**
-     * Returns parent of element with one of specified tag names.
-     * @param {HTMLElement} elem - Element whose parent need to find.
-     * @param {(string|Array)} tagNames - Tag name or array of tag names.
-     * @returns {HTMLElement} Parent with one of specified tag names.
-     */
+ * Returns parent of element with one of specified tag names.
+ * @param {HTMLElement} elem - Element whose parent need to find.
+ * @param {(string|Array)} tagNames - Tag name or array of tag names.
+ * @returns {HTMLElement} Parent with one of specified tag names.
+ */
 export function parentWithTag(elem, tagNames) {
     // accept both string and array passed in
     if (!Array.isArray(tagNames)) {
@@ -47,11 +46,11 @@ export function parentWithTag(elem, tagNames) {
 }
 
 /**
-     * Returns _true_ if class list contains one of specified names.
-     * @param {DOMTokenList} classList - Class list.
-     * @param {Array} classNames - Array of class names.
-     * @returns {boolean} _true_ if class list contains one of specified names.
-     */
+ * Returns _true_ if class list contains one of specified names.
+ * @param {DOMTokenList} classList - Class list.
+ * @param {Array} classNames - Array of class names.
+ * @returns {boolean} _true_ if class list contains one of specified names.
+ */
 function containsAnyClass(classList, classNames) {
     for (let i = 0, length = classNames.length; i < length; i++) {
         if (classList.contains(classNames[i])) {
@@ -62,11 +61,11 @@ function containsAnyClass(classList, classNames) {
 }
 
 /**
-     * Returns parent of element with one of specified class names.
-     * @param {HTMLElement} elem - Element whose parent need to find.
-     * @param {(string|Array)} classNames - Class name or array of class names.
-     * @returns {HTMLElement|null} Parent with one of specified class names.
-     */
+ * Returns parent of element with one of specified class names.
+ * @param {HTMLElement} elem - Element whose parent need to find.
+ * @param {(string|Array)} classNames - Class name or array of class names.
+ * @returns {HTMLElement|null} Parent with one of specified class names.
+ */
 export function parentWithClass(elem, classNames) {
     // accept both string and array passed in
     if (!Array.isArray(classNames)) {
@@ -98,12 +97,12 @@ try {
 }
 
 /**
-     * Adds event listener to specified target.
-     * @param {EventTarget} target - Event target.
-     * @param {string} type - Event type.
-     * @param {function} handler - Event handler.
-     * @param {Object} [options] - Listener options.
-     */
+ * Adds event listener to specified target.
+ * @param {EventTarget} target - Event target.
+ * @param {string} type - Event type.
+ * @param {function} handler - Event handler.
+ * @param {Object} [options] - Listener options.
+ */
 export function addEventListener(target, type, handler, options) {
     let optionsOrCapture = options || {};
     if (!supportsCaptureOption) {
@@ -113,12 +112,12 @@ export function addEventListener(target, type, handler, options) {
 }
 
 /**
-     * Removes event listener from specified target.
-     * @param {EventTarget} target - Event target.
-     * @param {string} type - Event type.
-     * @param {function} handler - Event handler.
-     * @param {Object} [options] - Listener options.
-     */
+ * Removes event listener from specified target.
+ * @param {EventTarget} target - Event target.
+ * @param {string} type - Event type.
+ * @param {function} handler - Event handler.
+ * @param {Object} [options] - Listener options.
+ */
 export function removeEventListener(target, type, handler, options) {
     let optionsOrCapture = options || {};
     if (!supportsCaptureOption) {
@@ -128,37 +127,48 @@ export function removeEventListener(target, type, handler, options) {
 }
 
 /**
-     * Cached window size.
-     */
+ * Cached window size.
+ */
 let windowSize;
 
 /**
-     * Flag of event listener bound.
-     */
+ * Flag of event listener bound.
+ */
 let windowSizeEventsBound;
 
 /**
-     * Resets cached window size.
-     */
+ * Resets cached window size.
+ */
 function clearWindowSize() {
     windowSize = null;
 }
 
 /**
-    * @typedef {Object} windowSize
-    * @property {number} innerHeight - window innerHeight.
-    * @property {number} innerWidth - window innerWidth.
-    */
+ * @typedef {Object} windowSize
+ * @property {number} innerHeight - window innerHeight.
+ * @property {number} innerWidth - window innerWidth.
+ */
 
 /**
-     * Returns window size.
-     * @returns {windowSize} Window size.
-     */
+ * Returns window size.
+ * @returns {windowSize} Window size.
+ */
 export function getWindowSize() {
     if (!windowSize) {
+        const innerWidth = window.innerWidth;
+        const innerHeight = window.innerHeight;
+
+        // NOTE: webOS has a bug that reports window size as infinite on page load, so we use a fallback size of 4K
+        if (!Number.isFinite(innerWidth) || !Number.isFinite(innerHeight)) {
+            return {
+                innerWidth: Number.isFinite(innerWidth) ? innerWidth : 3840,
+                innerHeight: Number.isFinite(innerHeight) ? innerHeight : 2160
+            };
+        }
+
         windowSize = {
-            innerHeight: window.innerHeight,
-            innerWidth: window.innerWidth
+            innerWidth,
+            innerHeight
         };
 
         if (!windowSizeEventsBound) {
@@ -172,17 +182,17 @@ export function getWindowSize() {
 }
 
 /**
-     * Standard screen widths.
-     */
+ * Standard screen widths.
+ */
 const standardWidths = [480, 720, 1280, 1440, 1920, 2560, 3840, 5120, 7680];
 
 /**
-     * Returns screen width.
-     * @returns {number} Screen width.
-     */
+ * Returns screen width.
+ * @returns {number} Screen width.
+ */
 export function getScreenWidth() {
-    let width = window.innerWidth;
-    const height = window.innerHeight;
+    let width = Number.isFinite(window.innerWidth) ? window.innerWidth : 3840;
+    const height = Number.isFinite(window.innerHeight) ? window.innerHeight : 2160;
 
     if (height > width) {
         width = height * (16.0 / 9.0);
@@ -194,14 +204,14 @@ export function getScreenWidth() {
 }
 
 /**
-     * Name of animation end event.
-     */
+ * Name of animation end event.
+ */
 let _animationEvent;
 
 /**
-     * Returns name of animation end event.
-     * @returns {string} Name of animation end event.
-     */
+ * Returns name of animation end event.
+ * @returns {string} Name of animation end event.
+ */
 export function whichAnimationEvent() {
     if (_animationEvent) {
         return _animationEvent;
@@ -226,22 +236,22 @@ export function whichAnimationEvent() {
 }
 
 /**
-     * Returns name of animation cancel event.
-     * @returns {string} Name of animation cancel event.
-     */
+ * Returns name of animation cancel event.
+ * @returns {string} Name of animation cancel event.
+ */
 export function whichAnimationCancelEvent() {
     return whichAnimationEvent().replace('animationend', 'animationcancel').replace('AnimationEnd', 'AnimationCancel');
 }
 
 /**
-     * Name of transition end event.
-     */
+ * Name of transition end event.
+ */
 let _transitionEvent;
 
 /**
-     * Returns name of transition end event.
-     * @returns {string} Name of transition end event.
-     */
+ * Returns name of transition end event.
+ * @returns {string} Name of transition end event.
+ */
 export function whichTransitionEvent() {
     if (_transitionEvent) {
         return _transitionEvent;
@@ -277,15 +287,15 @@ export function setElementTitle(elem, title, ariaLabel) {
 }
 
 export default {
-    parentWithAttribute: parentWithAttribute,
-    parentWithClass: parentWithClass,
-    parentWithTag: parentWithTag,
-    addEventListener: addEventListener,
-    removeEventListener: removeEventListener,
-    getWindowSize: getWindowSize,
-    getScreenWidth: getScreenWidth,
+    parentWithAttribute,
+    parentWithClass,
+    parentWithTag,
+    addEventListener,
+    removeEventListener,
+    getWindowSize,
+    getScreenWidth,
     setElementTitle,
-    whichTransitionEvent: whichTransitionEvent,
-    whichAnimationEvent: whichAnimationEvent,
-    whichAnimationCancelEvent: whichAnimationCancelEvent
+    whichTransitionEvent,
+    whichAnimationEvent,
+    whichAnimationCancelEvent
 };