mirrors
/
SingleFile
mirrorاز https://github.com/gildas-lormeau/SingleFile


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650
							<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>SingleFile options</title>
	<link rel="stylesheet" href="options.css">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<meta name="color-scheme" content="light dark">
	<link rel="icon" href="/src/ui/resources/icon_128.png">
</head>

<body>
	<main>
		<h3>
			<span class="options-title">
				<span id="expandAllButton"></span>
				<span id="titleLabel"></span>
				<a href="options.html#" target="_blank" class="new-window-link"><img
						src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg=="></a>
			</span>
			<span class="profiles">
				<select id="profileNamesInput"></select>
				<button id="addProfileButton"><img src="../resources/button_new.png"></button>
				<button id="deleteProfileButton"><img src="../resources/button_delete.png"></button>
				<button id="renameProfileButton"><img src="../resources/button_edit.png"></button>
			</span>
		</h3>
		<details>
			<summary id="userInterfaceLabel"></summary>
			<div class="option">
				<label for="contextMenuEnabledInput" id="addMenuEntryLabel"></label>
				<input type="checkbox" id="contextMenuEnabledInput">
			</div>
			<div class="option">
				<label for="shadowEnabledInput" id="shadowEnabledLabel"></label>
				<input type="checkbox" id="shadowEnabledInput">
			</div>
			<div class="option" id="openSavedPageOption">
				<label for="openSavedPageInput" id="openSavedPageLabel"></label>
				<input type="checkbox" id="openSavedPageInput">
			</div>
			<div class="option">
				<label for="autoCloseInput" id="autoCloseLabel"></label>
				<input type="checkbox" id="autoCloseInput">
			</div>
		</details>
		<details>
			<summary id="filenameLabel"></summary>
			<div class="option vertical">
				<label for="filenameTemplateInput" id="filenameTemplateLabel"></label>
				<input type="text" id="filenameTemplateInput">
			</div>
			<div class="option">
				<label for="filenameMaxLengthInput" id="filenameMaxLengthLabel"></label>
				<div class="option-input">
					<input type="number" id="filenameMaxLengthInput" min="1">
					<select id="filenameMaxLengthUnitInput">
						<option id="filenameMaxLengthBytesUnitLabel" value="bytes"></option>
						<option id="filenameMaxLengthCharsUnitLabel" value="chars"></option>
					</select>
				</div>
			</div>
			<div class="option">
				<label for="filenameReplacementCharacterInput" id="filenameReplacementCharacterLabel"></label>
				<div class="option-input">
					<input type="text" id="filenameReplacementCharacterInput" class="small-input">
				</div>
			</div>
			<div class="option">
				<label for="replaceEmojisInFilenameInput" id="replaceEmojisInFilenameLabel"></label>
				<input type="checkbox" id="replaceEmojisInFilenameInput">
			</div>
			<div class="option">
				<label for="saveFilenameTemplateDataInput" id="saveFilenameTemplateDataLabel"></label>
				<input type="checkbox" id="saveFilenameTemplateDataInput">
			</div>
			<div class="option" id="confirmFilenameOption">
				<label for="confirmFilenameInput" id="confirmFilenameLabel"></label>
				<input type="checkbox" id="confirmFilenameInput">
			</div>
			<div class="option" id="filenameConflictAction">
				<label for="filenameConflictActionInput" id="filenameConflictActionLabel"></label>
				<select id="filenameConflictActionInput">
					<option id="filenameConflictActionUniquifyLabel" value="uniquify"></option>
					<option id="filenameConflictActionOverwriteLabel" value="overwrite"></option>
					<option id="filenameConflictActionPromptLabel" value="prompt"></option>
					<option id="filenameConflictActionSkipLabel" value="skip"></option>
				</select>
			</div>
		</details>
		<details>
			<summary id="fileFormatLabel"></summary>
			<div class="option">
				<label for="fileFormatSelectInput" id="fileFormatSelectLabel"></label>
				<select id="fileFormatSelectInput">
					<option id="fileFormatSelectHTMLLabel" value="html"></option>
					<option id="fileFormatSelectSelfExtractingUniversalLabel" value="self-extracting-zip-universal">
					</option>
					<option id="fileFormatSelectSelfExtractingLabel" value="self-extracting-zip"></option>
					<option id="fileFormatSelectZIPLabel" value="zip"></option>
				</select>
			</div>
			<div class="option vertical">
				<label for="passwordInput" id="passwordLabel"></label>
				<input type="text" id="passwordInput">
			</div>
			<div class="option">
				<label for="insertEmbeddedImageInput" id="insertEmbeddedImageLabel"></label>
				<input type="checkbox" id="insertEmbeddedImageInput" name="embeddedImageInput">
			</div>
			<div class="option second-level">
				<label for="insertEmbeddedScreenshotImageInput" id="insertEmbeddedScreenshotImageLabel"></label>
				<input type="radio" id="insertEmbeddedScreenshotImageInput" name="embeddedImageInput">
			</div>
			<div class="option second-level">
				<label for="insertEmbeddedCustomImageInput" id="insertEmbeddedCustomImageLabel"></label>
				<input type="radio" id="insertEmbeddedCustomImageInput" name="embeddedImageInput">
			</div>
			<div class="option">
				<label for="createRootDirectoryInput" id="createRootDirectoryLabel"></label>
				<input type="checkbox" id="createRootDirectoryInput">
			</div>
			<div class="option">
				<label for="preventAppendedDataInput" id="preventAppendedDataLabel"></label>
				<input type="checkbox" id="preventAppendedDataInput">
			</div>
			<div class="option">
				<label for="insertTextBodyInput" id="insertTextBodyLabel"></label>
				<input type="checkbox" id="insertTextBodyInput">
			</div>
		</details>
		<details>
			<summary id="htmlContentLabel"></summary>
			<div class="option">
				<label for="compressHTMLInput" id="compressHTMLLabel"></label>
				<input type="checkbox" id="compressHTMLInput">
			</div>
			<div class="option">
				<label for="removeHiddenElementsInput" id="removeHiddenElementsLabel"></label>
				<input type="checkbox" id="removeHiddenElementsInput">
			</div>
			<div class="option">
				<label for="insertMetaCSPInput" id="insertMetaCSPLabel"></label>
				<input type="checkbox" id="insertMetaCSPInput">
			</div>
			<div class="option">
				<label for="removeFramesInput" id="removeFramesLabel"></label>
				<input type="checkbox" id="removeFramesInput">
			</div>
			<div class="option">
				<label for="saveOriginalURLsInput" id="saveOriginalURLsLabel"></label>
				<input type="checkbox" id="saveOriginalURLsInput">
			</div>
			<div class="option">
				<label for="removeInfobarSavedDateInput" id="removeInfobarSavedDateLabel"></label>
				<input type="checkbox" id="removeInfobarSavedDateInput">
			</div>
			<div class="option">
				<label for="saveRawPageInput" id="saveRawPageLabel"></label>
				<input type="checkbox" id="saveRawPageInput">
			</div>
		</details>
		<details>
			<summary id="infobarLabel"></summary>
			<div class="option" id="displayInfobarOption">
				<label for="displayInfobarInput" id="displayInfobarLabel"></label>
				<input type="checkbox" id="displayInfobarInput">
			</div>
			<div class="option vertical">
				<label for="infobarTemplateInput" id="infobarTemplateLabel"></label>
				<input type="text" id="infobarTemplateInput">
			</div>
			<div class="option">
				<label for="confirmInfobarInput" id="confirmInfobarLabel"></label>
				<input type="checkbox" id="confirmInfobarInput">
			</div>
			<div class="option">
				<label for="includeInfobarInput" id="includeInfobarLabel"></label>
				<input type="checkbox" id="includeInfobarInput">
			</div>
		</details>
		<details>
			<summary id="stylesheetsLabel"></summary>
			<div class="option">
				<label for="removeUnusedStylesInput" id="removeUnusedStylesLabel"></label>
				<input type="checkbox" id="removeUnusedStylesInput">
			</div>
			<div class="option">
				<label for="removeAlternativeMediasInput" id="removeAlternativeMediasLabel"></label>
				<input type="checkbox" id="removeAlternativeMediasInput">
			</div>
			<div class="option">
				<label for="compressCSSInput" id="compressCSSLabel"></label>
				<input type="checkbox" id="compressCSSInput">
			</div>
			<div class="option">
				<label for="moveStylesInHeadInput" id="moveStylesInHeadLabel"></label>
				<input type="checkbox" id="moveStylesInHeadInput">
			</div>
		</details>
		<details>
			<summary id="imagesLabel"></summary>
			<div class="option">
				<label for="groupDuplicateImagesInput" id="groupDuplicateImagesLabel"></label>
				<input type="checkbox" id="groupDuplicateImagesInput">
			</div>
			<div class="option">
				<label for="loadDeferredImagesInput" id="loadDeferredImagesLabel"></label>
				<input type="checkbox" id="loadDeferredImagesInput">
			</div>
			<div class="option second-level">
				<label for="loadDeferredImagesMaxIdleTimeInput" id="loadDeferredImagesMaxIdleTimeLabel"></label>
				<input type="number" class="large-input" id="loadDeferredImagesMaxIdleTimeInput" step="100">
			</div>
			<div class="option second-level">
				<label for="loadDeferredImagesDispatchScrollEventInput"
					id="loadDeferredImagesDispatchScrollEventLabel"></label>
				<input type="checkbox" id="loadDeferredImagesDispatchScrollEventInput">
			</div>
			<div class="option second-level">
				<label for="loadDeferredImagesKeepZoomLevelInput" id="loadDeferredImagesKeepZoomLevelLabel"></label>
				<input type="checkbox" id="loadDeferredImagesKeepZoomLevelInput">
			</div>
			<div class="option second-level">
				<label for="loadDeferredImagesBeforeFramesInput" id="loadDeferredImagesBeforeFramesLabel"></label>
				<input type="checkbox" id="loadDeferredImagesBeforeFramesInput">
			</div>
			<div class="option">
				<label for="removeAlternativeImagesInput" id="removeAlternativeImagesLabel"></label>
				<input type="checkbox" id="removeAlternativeImagesInput">
			</div>
		</details>
		<details>
			<summary id="fontsLabel"></summary>
			<div class="option">
				<label for="removeUnusedFontsInput" id="removeUnusedFontsLabel"></label>
				<input type="checkbox" id="removeUnusedFontsInput">
			</div>
			<div class="option">
				<label for="removeAlternativeFontsInput" id="removeAlternativeFontsLabel"></label>
				<input type="checkbox" id="removeAlternativeFontsInput">
			</div>
		</details>
		<details>
			<summary id="destinationLabel"></summary>
			<div class="option">
				<label for="saveToFilesystemInput" id="saveToFilesystemLabel"></label>
				<input type="radio" id="saveToFilesystemInput" name="destinationInput">
			</div>
			<div class="option" id="sharePageOption">
				<label for="sharePageInput" id="sharePageLabel"></label>
				<input type="radio" id="sharePageInput" name="destinationInput">
			</div>
			<div class="option" id="saveToClipboardOption">
				<label for="saveToClipboardInput" id="saveToClipboardLabel"></label>
				<input type="radio" id="saveToClipboardInput" name="destinationInput">
			</div>
			<div class="option">
				<label for="saveToGitHubInput" id="saveToGitHubLabel"></label>
				<input type="radio" id="saveToGitHubInput" name="destinationInput">
			</div>
			<div class="option second-level">
				<label for="githubTokenInput" id="githubTokenLabel"></label>
				<input type="text" id="githubTokenInput" class="medium-input">
			</div>
			<div class="option second-level">
				<label for="githubUserInput" id="githubUserLabel"></label>
				<input type="text" id="githubUserInput" class="medium-input">
			</div>
			<div class="option second-level">
				<label for="githubRepositoryInput" id="githubRepositoryLabel"></label>
				<input type="text" id="githubRepositoryInput" class="medium-input">
			</div>
			<div class="option second-level">
				<label for="githubBranchInput" id="githubBranchLabel"></label>
				<input type="text" id="githubBranchInput" class="medium-input">
			</div>
			<div class="option">
				<label for="saveWithWebDAVInput" id="saveWithWebDAVLabel"></label>
				<input type="radio" id="saveWithWebDAVInput" name="destinationInput">
			</div>
			<div class="option second-level">
				<label for="webDAVURLInput" id="webDAVURLLabel"></label>
				<input type="text" id="webDAVURLInput" class="medium-input">
			</div>
			<div class="option second-level">
				<label for="webDAVUserInput" id="webDAVUserLabel"></label>
				<input type="text" id="webDAVUserInput" class="medium-input">
			</div>
			<div class="option second-level">
				<label for="webDAVPasswordInput" id="webDAVPasswordLabel"></label>
				<input type="password" id="webDAVPasswordInput" class="medium-input">
			</div>
			<div class="option" id="saveToGDriveOption">
				<label for="saveToGDriveInput" id="saveToGDriveLabel"></label>
				<input type="radio" id="saveToGDriveInput" name="destinationInput">
			</div>
			<div class="option" id="saveToS3Option">
				<label for="saveToS3Input" id="saveToS3Label"></label>
				<input type="radio" id="saveToS3Input" name="destinationInput">
			</div>
			<div class="option second-level">
				<label for="S3DomainInput" id="S3DomainLabel"></label>
				<input type="text" id="S3DomainInput" class="medium-input">
			</div>
			<div class="option second-level">
				<label for="S3RegionInput" id="S3RegionLabel"></label>
				<input type="text" id="S3RegionInput" class="medium-input">
			</div>
			<div class="option second-level">
				<label for="S3BucketInput" id="S3BucketLabel"></label>
				<input type="text" id="S3BucketInput" class="medium-input">
			</div>
			<div class="option second-level">
				<label for="S3AccessKeyInput" id="S3AccessKeyLabel"></label>
				<input type="text" id="S3AccessKeyInput" class="medium-input">
			</div>
			<div class="option second-level">
				<label for="S3SecretKeyInput" id="S3SecretKeyLabel"></label>
				<input type="password" id="S3SecretKeyInput" class="medium-input">
			</div>
			<div class="option" id="saveToDropboxOption">
				<label for="saveToDropboxInput" id="saveToDropboxLabel"></label>
				<input type="radio" id="saveToDropboxInput" name="destinationInput">
			</div>
			<div class="option" id="saveWithCompanionOption">
				<label for="saveWithCompanionInput" id="saveWithCompanionLabel"></label>
				<input type="radio" id="saveWithCompanionInput" name="destinationInput">
			</div>
			<div class="option">
				<label for="saveToRestFormApiInput" id="saveToRestFormApiLabel"></label>
				<input type="radio" id="saveToRestFormApiInput" name="destinationInput">
			</div>
			<div class="option second-level">
				<label for="saveToRestFormApiUrlInput" id="saveToRestFormApiUrlLabel"></label>
				<input type="text" id="saveToRestFormApiUrlInput" class="medium-input">
			</div>
			<div class="option second-level">
				<label for="saveToRestFormApiTokenInput" id="saveToRestFormApiTokenLabel"></label>
				<input type="password" id="saveToRestFormApiTokenInput" class="medium-input">
			</div>
			<div class="option second-level">
				<label for="saveToRestFormApiFileFieldNameInput" id="saveToRestFormApiFileFieldNameLabel"></label>
				<input type="text" id="saveToRestFormApiFileFieldNameInput" class="medium-input">
			</div>
			<div class="option second-level">
				<label for="saveToRestFormApiUrlFieldNameInput" id="saveToRestFormApiUrlFieldNameLabel"></label>
				<input type="text" id="saveToRestFormApiUrlFieldNameInput" class="medium-input">
			</div>
		</details>
		<details>
			<summary id="networkLabel"></summary>
			<div class="option">
				<label id="blockResourcesLabel"></label>
			</div>
			<div class="option second-level">
				<label for="blockImagesInput" id="blockImagesLabel"></label>
				<input type="checkbox" id="blockImagesInput">
			</div>
			<div class="option second-level">
				<label for="blockStylesheetsInput" id="blockStylesheetsLabel"></label>
				<input type="checkbox" id="blockStylesheetsInput">
			</div>
			<div class="option second-level">
				<label for="blockFontsInput" id="blockFontsLabel"></label>
				<input type="checkbox" id="blockFontsInput">
			</div>
			<div class="option second-level">
				<label for="blockScriptsInput" id="blockScriptsLabel"></label>
				<input type="checkbox" id="blockScriptsInput">
			</div>
			<div class="option second-level">
				<label for="blockVideosInput" id="blockVideosLabel"></label>
				<input type="checkbox" id="blockVideosInput">
			</div>
			<div class="option second-level">
				<label for="blockAudiosInput" id="blockAudiosLabel"></label>
				<input type="checkbox" id="blockAudiosInput">
			</div>
			<div class="option">
				<label for="blockMixedContentInput" id="blockMixedContentLabel"></label>
				<input type="checkbox" id="blockMixedContentInput">
			</div>
			<div class="option">
				<label id="acceptHeadersLabel"></label>
			</div>
			<div class="option second-level">
				<label for="acceptHeaderDocumentInput" id="acceptHeaderDocumentLabel"></label>
				<input type="text" id="acceptHeaderDocumentInput">
			</div>
			<div class="option second-level">
				<label for="acceptHeaderImageInput" id="acceptHeaderImageLabel"></label>
				<input type="text" id="acceptHeaderImageInput">
			</div>
			<div class="option second-level">
				<label for="acceptHeaderStylesheetInput" id="acceptHeaderStylesheetLabel"></label>
				<input type="text" id="acceptHeaderStylesheetInput">
			</div>
			<div class="option second-level">
				<label for="acceptHeaderFontInput" id="acceptHeaderFontLabel"></label>
				<input type="text" id="acceptHeaderFontInput">
			</div>
			<div class="option second-level">
				<label for="acceptHeaderScriptInput" id="acceptHeaderScriptLabel"></label>
				<input type="text" id="acceptHeaderScriptInput">
			</div>
			<div class="option second-level">
				<label for="acceptHeaderVideoInput" id="acceptHeaderVideoLabel"></label>
				<input type="text" id="acceptHeaderVideoInput">
			</div>
			<div class="option second-level">
				<label for="acceptHeaderAudioInput" id="acceptHeaderAudioLabel"></label>
				<input type="text" id="acceptHeaderAudioInput">
			</div>
			<div class="option">
				<label for="maxResourceSizeEnabledInput" id="setMaxResourceSizeLabel"></label>
				<input type="checkbox" id="maxResourceSizeEnabledInput">
			</div>
			<div class="option second-level">
				<label for="maxResourceSizeInput" id="maxResourceSizeLabel"></label>
				<input type="number" id="maxResourceSizeInput" min="1">
			</div>
			<div class="option">
				<label for="maxResourceDelayEnabledInput" id="setMaxResourceDelayLabel"></label>
				<input type="checkbox" id="maxResourceDelayEnabledInput">
			</div>
			<div class="option second-level">
				<label for="maxResourceDelayInput" id="maxResourceDelayLabel"></label>
				<input type="number" id="maxResourceDelayInput" min="1">
			</div>
			<div class="option" id="passReferrerOnErrorOption">
				<label for="passReferrerOnErrorInput" id="passReferrerOnErrorLabel"></label>
				<input type="checkbox" id="passReferrerOnErrorInput">
			</div>
		</details>
		<details>
			<summary id="editorLabel"></summary>
			<div class="option">
				<label for="defaultEditorModeInput" id="defaultEditorModeLabel"></label>
				<select id="defaultEditorModeInput">
					<option id="defaultEditorModeNormalLabel" value="normal"></option>
					<option id="defaultEditorModeEditLabel" value="edit"></option>
					<option id="defaultEditorModeFormatLabel" value="format"></option>
					<option id="defaultEditorModeCutLabel" value="cut"></option>
					<option id="defaultEditorModeCutExternalLabel" value="cut-external"></option>
				</select>
			</div>
			<div class="option">
				<label for="applySystemThemeInput" id="applySystemThemeLabel"></label>
				<input type="checkbox" id="applySystemThemeInput">
			</div>
			<div class="option">
				<label for="warnUnsavedPageInput" id="warnUnsavedPageLabel"></label>
				<input type="checkbox" id="warnUnsavedPageInput">
			</div>
			<div class="option">
				<label for="openEditorInput" id="openEditorLabel"></label>
				<input type="checkbox" id="openEditorInput">
			</div>
			<div class="option" id="autoOpenEditorOption">
				<label for="autoOpenEditorInput" id="autoOpenEditorLabel"></label>
				<input type="checkbox" id="autoOpenEditorInput">
			</div>
			<div class="option">
				<label for="displayInfobarInEditorInput" id="displayInfobarInEditorLabel"></label>
				<input type="checkbox" id="displayInfobarInEditorInput">
			</div>
		</details>
		<details id="bookmarksOptions">
			<summary id="bookmarksLabel"></summary>
			<div class="option">
				<label for="saveCreatedBookmarksInput" id="saveCreatedBookmarksLabel"></label>
				<input type="checkbox" id="saveCreatedBookmarksInput">
			</div>
			<div class="option second-level">
				<label for="replaceBookmarkURLInput" id="replaceBookmarkURLLabel"></label>
				<input type="checkbox" id="replaceBookmarkURLInput">
			</div>
			<div class="option second-level vertical">
				<label for="ignoredBookmarkFoldersInput" id="ignoredBookmarkFoldersLabel"></label>
				<input type="text" id="ignoredBookmarkFoldersInput">
			</div>
			<div class="option second-level vertical">
				<label for="allowedBookmarkFoldersInput" id="allowedBookmarkFoldersLabel"></label>
				<input type="text" id="allowedBookmarkFoldersInput">
			</div>
		</details>
		<details id="autoSaveSection">
			<summary id="autoSaveLabel"></summary>
			<div class="option">
				<label for="autoSaveLoadOrUnloadInput" id="autoSaveLoadOrUnloadLabel"></label>
				<input type="checkbox" id="autoSaveLoadOrUnloadInput">
			</div>
			<div class="option second-level">
				<label for="autoSaveLoadInput" id="autoSaveLoadLabel"></label>
				<input type="checkbox" id="autoSaveLoadInput">
			</div>
			<div class="option second-level">
				<label for="autoSaveUnloadInput" id="autoSaveUnloadLabel"></label>
				<input type="checkbox" id="autoSaveUnloadInput">
			</div>
			<div class="option">
				<label for="autoSaveDiscardInput" id="autoSaveDiscardLabel"></label>
				<input type="checkbox" id="autoSaveDiscardInput">
			</div>
			<div class="option">
				<label for="autoSaveRemoveInput" id="autoSaveRemoveLabel"></label>
				<input type="checkbox" id="autoSaveRemoveInput">
			</div>
			<div class="option">
				<label for="autoSaveDelayInput" id="autoSaveDelayLabel"></label>
				<input type="number" id="autoSaveDelayInput" min="0">
			</div>
			<div class="option">
				<label for="autoSaveRepeatInput" id="autoSaveRepeatLabel"></label>
				<input type="checkbox" id="autoSaveRepeatInput">
			</div>
			<div class="option second-level">
				<label for="autoSaveRepeatDelayInput" id="autoSaveRepeatDelayLabel"></label>
				<input type="number" id="autoSaveRepeatDelayInput" min="1">
			</div>
			<div class="option">
				<label for="autoSaveExternalSaveInput" id="autoSaveExternalSaveLabel"></label>
				<input type="checkbox" id="autoSaveExternalSaveInput">
			</div>
		</details>
		<details>
			<summary id="miscLabel"></summary>
			<div class="option">
				<label for="addProofInput" id="addProofLabel"></label>
				<input type="checkbox" id="addProofInput">
			</div>
			<div class="option second-level vertical" hidden>
				<label for="woleetKeyInput" id="woleetKeyLabel"></label>
				<input type="text" id="woleetKeyInput">
			</div>
			<div class="option" id="backgroundSaveOptions">
				<label for="backgroundSaveInput" id="backgroundSaveLabel"></label>
				<input type="checkbox" id="backgroundSaveInput">
			</div>
			<div class="option">
				<label for="displayStatsInput" id="displayStatsLabel"></label>
				<input type="checkbox" id="displayStatsInput">
			</div>
		</details>
		<details>
			<summary id="autoSettingsLabel"></summary>
			<div class="rules-table-container compact">
				<div class="thead">
					<div class="tr">
						<span class="th" id="autoSettingsUrlLabel"></span>
						<span class="th" id="autoSettingsProfileLabel"></span>
						<span class="th rule-autosave-profile" id="autoSettingsAutoSaveProfileLabel"></span>
						<span class="th"><button id="rulesDeleteAllButton"><img
									src="../resources/button_delete_all.png"></button></span>
					</div>
				</div>
				<div class="rules-table">
					<div class="rules-data">
					</div>
					<div hidden class="tr rule-view">
						<span class="td rule-url"></span>
						<span class="td rule-profile"></span>
						<span class="td rule-autosave-profile"></span>
						<span class="td"><button class="rule-update-button"><img
									src="../resources/button_edit.png"></button> <button class="rule-delete-button"><img
									src="../resources/button_delete.png"></button></span>
					</div>
					<form class="tr rule-create">
						<span class="td rule-url"><input type="text" id="ruleUrlInput"
								placeholder="Type a complete or partial URL (e.g. example.com)"></span>
						<span class="td rule-profile"><select id="ruleProfileInput"></select></span>
						<span class="td rule-autosave-profile"><select id="ruleAutoSaveProfileInput"></select></span>
						<span class="td"><button id="ruleAddButton" disabled type="submit"><img
									src="../resources/button_new.png"></button></span>
					</form>
					<form hidden class="tr rule-edit">
						<span class="td rule-url"><input type="text" id="ruleEditUrlInput"></span>
						<span class="td rule-profile"><select id="ruleEditProfileInput"></select></span>
						<span class="td rule-autosave-profile"><select
								id="ruleEditAutoSaveProfileInput"></select></span>
						<span class="td"><button id="ruleEditButton" type="submit"><img
									src="../resources/button_ok.png"></button></span>
					</form>
				</div>
			</div>
			<div class="option">
				<label for="showAllProfilesInput" id="showAllProfilesLabel"></label>
				<input type="checkbox" id="showAllProfilesInput">
			</div>
			<div class="option" id="showAutoSaveProfileOption">
				<label for="showAutoSaveProfileInput" id="showAutoSaveProfileLabel"></label>
				<input type="checkbox" id="showAutoSaveProfileInput">
			</div>
		</details>
		<div class="option bottom">
			<a href="help.html" target="SingleFileHelpPage" id="helpLabel"></a>
			<div class="buttons">
				<div class="sync-input">
					<input type="checkbox" id="synchronizeInput">
					<label for="synchronizeInput" id="synchronizeLabel"></label>
				</div>
				<button id="importButton"></button>
				<button id="exportButton"></button>
				<button id="resetButton"></button>
				<input type="file" id="fileInput" hidden>
			</div>
		</div>
		<div id="formResetContainer" class="popup">
			<form class="popup-content">
				<header>
					<span id="resetConfirmLabel"></span>
				</header>
				<footer>
					<button type="submit" id="resetAllButton"></button>
					<button id="resetCurrentButton"></button>
					<button id="resetCancelButton"></button>
				</footer>
			</form>
		</div>
		<div id="formConfirmContainer" class="popup">
			<form class="popup-content">
				<header>
					<span id="confirmLabel"></span>
				</header>
				<footer>
					<button type="submit" id="confirmButton"></button>
					<button id="cancelButton"></button>
				</footer>
			</form>
		</div>
		<div id="formPromptContainer" class="popup">
			<form class="popup-content">
				<header>
					<span id="promptLabel"></span>
				</header>
				<main><input id="promptInput" type="text"></main>
				<footer>
					<button type="submit" id="promptConfirmButton"></button>
					<button id="promptCancelButton"></button>
				</footer>
			</form>
		</div>
	</main>
	<script src="/lib/chrome-browser-polyfill.js"></script>
	<script type="module" src="../bg/ui-options.js"></script>
</body>

</html>