// ==UserScript==
// @name Pixiv Downloader
// @namespace https://greasyfork.org/zh-CN/scripts/432150
// @version 1.0.1
// @author ruaruarua
// @description Pixiv | Danbooru | Rule34. 一键下载各页面原图。批量下载画师作品，按作品标签下载。转换动图格式：Gif | Apng | Webp | Webm | MP4。自定义图片文件名，保存路径。保留 / 导出下载历史。
// @description:zh-TW Pixiv | Danbooru | Rule34. 一鍵下載各頁面原圖。批次下載畫師作品，按作品標籤下載。轉換動圖格式：Gif | Apng | Webp | Webm | MP4。自定義圖片檔名，儲存路徑。保留 / 匯出下載歷史。
// @description:en Pixiv | Danbooru | Rule34. Download artworks with one click. Batch download artworks or download by tags. Convert ugoira formats: Gif | Apng | Webp | Webm | MP4. Customize image file name, save path. Save / export download history.
// @icon https://www.pixiv.net/favicon.ico
// @match https://www.pixiv.net/*
// @match https://rule34.xxx/*
// @match https://danbooru.donmai.us/*
// @require https://unpkg.com/[email protected]/dist/dexie.min.js
// @require https://unpkg.com/[email protected]/dist/jszip.min.js
// @require https://unpkg.com/[email protected]/dist/gif.js
// @require https://unpkg.com/[email protected]/dayjs.min.js
// @resource ../wasm/toWebpWorker?raw https://update.greasyfork.org/scripts/500281/1409041/libwebp_wasm.js
// @resource gif.js/dist/gif.worker?raw https://unpkg.com/[email protected]/dist/gif.worker.js
// @resource pako?raw https://unpkg.com/[email protected]/dist/pako.min.js
// @resource upng-js?raw https://unpkg.com/[email protected]/UPNG.js
// @connect i.pximg.net
// @connect rule34.xxx
// @connect donmai.us
// @grant GM_addStyle
// @grant GM_download
// @grant GM_getResourceText
// @grant GM_info
// @grant GM_registerMenuCommand
// @grant GM_xmlhttpRequest
// @grant unsafeWindow
// @noframes
// ==/UserScript==
(t=>{const r=new CSSStyleSheet;r.replaceSync(t),window._pdlShadowStyle=r})(` .anim-indeterminate.svelte-12wvf64{transform-origin:0% 50%;animation:svelte-12wvf64-anim-indeterminate 2s infinite linear}@keyframes svelte-12wvf64-anim-indeterminate{0%{transform:translate(0) scaleX(0)}40%{transform:translate(0) scaleX(.4)}to{transform:translate(100%) scaleX(.5)}}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}:host [data-theme=skeleton],:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}:host [data-theme=skeleton]{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h3{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}dl,dd,h1,h3,hr,figure,p{margin:0}fieldset{margin:0;padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}input::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:8px 12px;font-size:16px;line-height:24px;--tw-shadow: 0 0 #0000}[type=text]:focus,input:where(:not([type])):focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:40px;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:12px;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:16px;width:16px;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}:host [data-theme=skeleton]{background-color:rgb(var(--color-surface-50));font-size:16px;line-height:24px;font-family:var(--theme-font-family-base);color:rgba(var(--theme-font-color-base))}:host .dark [data-theme=skeleton]{background-color:rgb(var(--color-surface-900));color:rgba(var(--theme-font-color-dark))}::-moz-selection{background-color:rgb(var(--color-primary-500) / .3)}::selection{background-color:rgb(var(--color-primary-500) / .3)}:host [data-theme=skeleton]{-webkit-tap-highlight-color:rgba(128,128,128,.5);scrollbar-color:rgba(0,0,0,.2) rgba(255,255,255,.05)}:host [data-theme=skeleton]{scrollbar-color:rgba(128,128,128,.5) rgba(0,0,0,.1);scrollbar-width:thin}:host.dark{scrollbar-color:rgba(255,255,255,.1) rgba(0,0,0,.05)}hr:not(.divider){display:block;border-top-width:1px;border-style:solid;border-color:rgb(var(--color-surface-300))}.dark hr:not(.divider){border-color:rgb(var(--color-surface-600))}fieldset,label{display:block}::-moz-placeholder{color:rgb(var(--color-surface-500))}::placeholder{color:rgb(var(--color-surface-500))}.dark ::-moz-placeholder{color:rgb(var(--color-surface-400))}.dark ::placeholder{color:rgb(var(--color-surface-400))}:is(.dark input::-webkit-calendar-picker-indicator){--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E") no-repeat 50% 50%;pointer-events:none;height:16px;width:16px;border-radius:9999px;background-size:contain;opacity:0}input[type=search]:focus::-webkit-search-cancel-button{pointer-events:auto;opacity:1}:is(.dark input[type=search]::-webkit-search-cancel-button){--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}progress{webkit-appearance:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:8px;width:100%;overflow:hidden;border-radius:var(--theme-rounded-base);background-color:rgb(var(--color-surface-400))}.dark progress{background-color:rgb(var(--color-surface-500))}progress::-webkit-progress-bar{background-color:rgb(var(--color-surface-400))}.dark progress::-webkit-progress-bar{background-color:rgb(var(--color-surface-500))}progress::-webkit-progress-value{background-color:rgb(var(--color-surface-900))}.dark progress::-webkit-progress-value{background-color:rgb(var(--color-surface-50))}::-moz-progress-bar{background-color:rgb(var(--color-surface-900))}.dark ::-moz-progress-bar{background-color:rgb(var(--color-surface-50))}:indeterminate::-moz-progress-bar{width:0}input[type=file]:not(.file-dropzone-input)::file-selector-button:disabled{cursor:not-allowed;opacity:.5}input[type=file]:not(.file-dropzone-input)::file-selector-button:disabled:hover{--tw-brightness: brightness(1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}input[type=file]:not(.file-dropzone-input)::file-selector-button:disabled:active{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}input[type=file]:not(.file-dropzone-input)::file-selector-button{font-size:14px;line-height:20px;padding:6px 12px;white-space:nowrap;text-align:center;display:inline-flex;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:var(--theme-rounded-base);background-color:rgb(var(--color-surface-900));color:rgb(var(--color-surface-50));margin-right:8px;border-width:0px}input[type=file]:not(.file-dropzone-input)::file-selector-button>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(8px * var(--tw-space-x-reverse));margin-left:calc(8px * calc(1 - var(--tw-space-x-reverse)))}input[type=file]:not(.file-dropzone-input)::file-selector-button:hover{--tw-brightness: brightness(1.15);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}input[type=file]:not(.file-dropzone-input)::file-selector-button:active{--tw-scale-x: 95%;--tw-scale-y: 95%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-brightness: brightness(.9);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.dark input[type=file]:not(.file-dropzone-input)::file-selector-button{background-color:rgb(var(--color-surface-50));color:rgb(var(--color-surface-900))}[type=range]{width:100%;accent-color:rgb(var(--color-surface-900) / 1)}:is(.dark [type=range]){accent-color:rgb(var(--color-surface-50) / 1)}[data-sort]{cursor:pointer}[data-sort]:hover:hover,.dark [data-sort]:hover:hover{background-color:rgb(var(--color-primary-500) / .1)}[data-sort]:after{margin-left:8px!important;opacity:0;--tw-content: "\u2193" !important;content:var(--tw-content)!important}[data-popup]{position:absolute;top:0;left:0;display:none;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host [data-theme=skeleton]{--theme-font-family-base: system-ui;--theme-font-family-heading: system-ui;--theme-font-color-base: 0 0 0;--theme-font-color-dark: 255 255 255;--theme-rounded-base: 9999px;--theme-rounded-container: 8px;--theme-border-base: 1px;--on-primary: 0 0 0;--on-secondary: 255 255 255;--on-tertiary: 0 0 0;--on-success: 0 0 0;--on-warning: 0 0 0;--on-error: 255 255 255;--on-surface: 255 255 255;--color-primary-50: 219 245 236;--color-primary-100: 207 241 230;--color-primary-200: 195 238 224;--color-primary-300: 159 227 205;--color-primary-400: 87 207 167;--color-primary-500: 15 186 129;--color-primary-600: 14 167 116;--color-primary-700: 11 140 97;--color-primary-800: 9 112 77;--color-primary-900: 7 91 63;--color-secondary-50: 229 227 251;--color-secondary-100: 220 218 250;--color-secondary-200: 211 209 249;--color-secondary-300: 185 181 245;--color-secondary-400: 132 126 237;--color-secondary-500: 79 70 229;--color-secondary-600: 71 63 206;--color-secondary-700: 59 53 172;--color-secondary-800: 47 42 137;--color-secondary-900: 39 34 112;--color-tertiary-50: 219 242 252;--color-tertiary-100: 207 237 251;--color-tertiary-200: 195 233 250;--color-tertiary-300: 159 219 246;--color-tertiary-400: 86 192 240;--color-tertiary-500: 14 165 233;--color-tertiary-600: 13 149 210;--color-tertiary-700: 11 124 175;--color-tertiary-800: 8 99 140;--color-tertiary-900: 7 81 114;--color-success-50: 237 247 220;--color-success-100: 230 245 208;--color-success-200: 224 242 197;--color-success-300: 206 235 162;--color-success-400: 169 219 92;--color-success-500: 132 204 22;--color-success-600: 119 184 20;--color-success-700: 99 153 17;--color-success-800: 79 122 13;--color-success-900: 65 100 11;--color-warning-50: 252 244 218;--color-warning-100: 251 240 206;--color-warning-200: 250 236 193;--color-warning-300: 247 225 156;--color-warning-400: 240 202 82;--color-warning-500: 234 179 8;--color-warning-600: 211 161 7;--color-warning-700: 176 134 6;--color-warning-800: 140 107 5;--color-warning-900: 115 88 4;--color-error-50: 249 221 234;--color-error-100: 246 209 228;--color-error-200: 244 198 221;--color-error-300: 238 163 200;--color-error-400: 225 94 159;--color-error-500: 212 25 118;--color-error-600: 191 23 106;--color-error-700: 159 19 89;--color-error-800: 127 15 71;--color-error-900: 104 12 58;--color-surface-50: 228 230 238;--color-surface-100: 219 222 233;--color-surface-200: 210 214 227;--color-surface-300: 182 189 210;--color-surface-400: 128 140 177;--color-surface-500: 73 90 143;--color-surface-600: 66 81 129;--color-surface-700: 55 68 107;--color-surface-800: 44 54 86;--color-surface-900: 36 44 70}[data-theme=skeleton] h1,[data-theme=skeleton] h3{font-weight:700}[data-theme=skeleton]{background-image:radial-gradient(at 0% 0%,rgba(var(--color-secondary-500) / .33) 0px,transparent 50%),radial-gradient(at 98% 1%,rgba(var(--color-error-500) / .33) 0px,transparent 50%);background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}*{scrollbar-color:initial;scrollbar-width:initial}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.h3{font-size:20px;line-height:28px;font-family:var(--theme-font-family-heading)}.anchor{--tw-text-opacity: 1;color:rgb(var(--color-primary-700) / var(--tw-text-opacity));text-decoration-line:underline}.anchor:hover{--tw-brightness: brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:is(.dark .anchor){--tw-text-opacity: 1;color:rgb(var(--color-primary-500) / var(--tw-text-opacity))}.time{font-size:14px;line-height:20px;--tw-text-opacity: 1;color:rgb(var(--color-surface-500) / var(--tw-text-opacity))}:is(.dark .time){--tw-text-opacity: 1;color:rgb(var(--color-surface-400) / var(--tw-text-opacity))}.code{white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:16px;--tw-text-opacity: 1;color:rgb(var(--color-primary-700) / var(--tw-text-opacity));background-color:rgb(var(--color-primary-500) / .3);border-radius:4px;padding:2px 4px}:is(.dark .code){--tw-text-opacity: 1;color:rgb(var(--color-primary-400) / var(--tw-text-opacity));background-color:rgb(var(--color-primary-500) / .2)}.del{position:relative;display:block;padding:2px 2px 2px 20px;text-decoration:none}.del:before{position:absolute;left:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.del:before{content:"\u2212"}.del{--tw-bg-opacity: 1;background-color:rgb(var(--color-error-500) / var(--tw-bg-opacity));font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:rgb(var(--on-error))}.alert{display:flex;flex-direction:column;align-items:flex-start;padding:16px;color:rgb(var(--color-surface-900));border-radius:var(--theme-rounded-container)}.alert>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(16px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(16px * var(--tw-space-y-reverse))}.dark .alert{color:rgb(var(--color-surface-50))}.\\!btn:disabled{cursor:not-allowed!important;opacity:.5!important}.btn:disabled,.btn-icon:disabled{cursor:not-allowed!important;opacity:.5!important}.\\!btn:disabled:hover{--tw-brightness: brightness(1) !important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.btn:disabled:hover,.btn-icon:disabled:hover{--tw-brightness: brightness(1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\\!btn:disabled:active{--tw-scale-x: 1 !important;--tw-scale-y: 1 !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.btn:disabled:active,.btn-icon:disabled:active{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!btn{font-size:16px!important;line-height:24px!important;padding:9px 20px!important;white-space:nowrap!important;text-align:center!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important;border-radius:var(--theme-rounded-base)!important}.btn{font-size:16px;line-height:24px;padding:9px 20px;white-space:nowrap;text-align:center;display:inline-flex;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:var(--theme-rounded-base)}.\\!btn>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0 !important;margin-right:calc(8px * var(--tw-space-x-reverse))!important;margin-left:calc(8px * calc(1 - var(--tw-space-x-reverse)))!important}.btn>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(8px * var(--tw-space-x-reverse));margin-left:calc(8px * calc(1 - var(--tw-space-x-reverse)))}.\\!btn:hover{--tw-brightness: brightness(1.15) !important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.btn:hover{--tw-brightness: brightness(1.15);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\\!btn:active{--tw-scale-x: 95% !important;--tw-scale-y: 95% !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;--tw-brightness: brightness(.9) !important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.btn:active{--tw-scale-x: 95%;--tw-scale-y: 95%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-brightness: brightness(.9);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.btn-sm{padding:6px 12px;font-size:14px;line-height:20px}.btn-icon{font-size:16px;line-height:24px;white-space:nowrap;text-align:center;display:inline-flex;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;padding:0;aspect-ratio:1 / 1;width:43px;border-radius:9999px}.btn-icon>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(8px * var(--tw-space-x-reverse));margin-left:calc(8px * calc(1 - var(--tw-space-x-reverse)))}.btn-icon:hover{--tw-brightness: brightness(1.15);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.btn-icon:active{--tw-scale-x: 95%;--tw-scale-y: 95%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-brightness: brightness(.9);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.btn-icon-sm{aspect-ratio:1 / 1;width:33px;font-size:14px;line-height:20px}.card{background-color:rgb(var(--color-surface-100));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset: inset;--tw-ring-color: rgb(23 23 23 / .05);border-radius:var(--theme-rounded-container)}.dark .card{background-color:rgb(var(--color-surface-800));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset: inset;--tw-ring-color: rgb(250 250 250 / .05)}a.card{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}a.card:hover{--tw-brightness: brightness(1.05);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.chip{cursor:pointer;white-space:nowrap;padding:6px 12px;text-align:center;font-size:12px;line-height:16px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.chip>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(8px * var(--tw-space-x-reverse));margin-left:calc(8px * calc(1 - var(--tw-space-x-reverse)))}a.chip:hover,button.chip:hover{--tw-brightness: brightness(1.15);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.chip:disabled{cursor:not-allowed!important;opacity:.5!important}.chip:disabled:active{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.label>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(4px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(4px * var(--tw-space-y-reverse))}.input,.select,.input-group{width:100%;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;background-color:rgb(var(--color-surface-200));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important;border-width:var(--theme-border-base);border-color:rgb(var(--color-surface-400))}.dark .input,.dark .select,.dark .input-group{background-color:rgb(var(--color-surface-700));border-color:rgb(var(--color-surface-500))}.input:hover,.select:hover,.input-group:hover{--tw-brightness: brightness(1.05);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.input:focus,.select:focus,.input-group:focus{--tw-brightness: brightness(1.05);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.input:focus-within,.select:focus-within,.input-group:focus-within{--tw-border-opacity: 1;border-color:rgb(var(--color-primary-500) / var(--tw-border-opacity))}.input,.input-group{border-radius:var(--theme-rounded-base)}.select{border-radius:var(--theme-rounded-container)}.select>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(4px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(4px * var(--tw-space-y-reverse))}.select{padding:8px 32px 8px 8px}.select[size]{background-image:none}.select optgroup>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(4px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(4px * var(--tw-space-y-reverse))}.select optgroup{font-weight:700}.select optgroup option{margin-left:0;padding-left:0}.select optgroup option:first-of-type{margin-top:12px}.select optgroup option:last-child{margin-bottom:12px!important}.select option{cursor:pointer;padding:8px 16px;background-color:rgb(var(--color-surface-200));border-radius:var(--theme-rounded-base)}.dark .select option{background-color:rgb(var(--color-surface-700))}.select option:checked{background:rgb(var(--color-primary-500)) linear-gradient(0deg,rgb(var(--color-primary-500)),rgb(var(--color-primary-500)));color:rgb(var(--on-primary))}.checkbox,.radio{height:20px;width:20px;cursor:pointer;border-radius:4px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important;background-color:rgb(var(--color-surface-200));border-width:var(--theme-border-base);border-color:rgb(var(--color-surface-400))}.dark .checkbox,.dark .radio{background-color:rgb(var(--color-surface-700));border-color:rgb(var(--color-surface-500))}.checkbox:hover,.radio:hover{--tw-brightness: brightness(1.05);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.checkbox:focus,.radio:focus{--tw-brightness: brightness(1.05);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);--tw-border-opacity: 1;border-color:rgb(var(--color-primary-500) / var(--tw-border-opacity))}.checkbox:checked,.checkbox:indeterminate,.radio:checked{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary-500) / var(--tw-bg-opacity))}.checkbox:checked:hover,.checkbox:indeterminate:hover,.radio:checked:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary-500) / var(--tw-bg-opacity))}.checkbox:checked:focus,.checkbox:indeterminate:focus,.radio:checked:focus{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary-500) / var(--tw-bg-opacity));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.radio{border-radius:var(--theme-rounded-base)}.input[type=file]{padding:4px}.input[type=color]{height:40px;width:40px;cursor:pointer;overflow:hidden;border-style:none;border-radius:var(--theme-rounded-base);-webkit-appearance:none}.input[type=color]::-webkit-color-swatch-wrapper{padding:0}.input[type=color]::-webkit-color-swatch{border-style:none}.input[type=color]::-webkit-color-swatch:hover{--tw-brightness: brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.input[type=color]::-moz-color-swatch{border-style:none}.input:disabled,.select:disabled,.input-group>input:disabled,.input-group>select:disabled{cursor:not-allowed!important;opacity:.5!important}.input:disabled:hover,.select:disabled:hover,.input-group>input:disabled:hover,.input-group>select:disabled:hover{--tw-brightness: brightness(1) !important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.input[readonly],.select[readonly]{cursor:not-allowed!important;border-color:transparent!important}.input[readonly]:hover,.select[readonly]:hover{--tw-brightness: brightness(1) !important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.input-group{display:grid;overflow:hidden}.input-group input,.input-group select{border-width:0px;background-color:transparent;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important}.input-group select option{background-color:rgb(var(--color-surface-200))}.dark .input-group select option{background-color:rgb(var(--color-surface-700))}.input-group div,.input-group a,.input-group button{display:flex;align-items:center;justify-content:space-between;padding-left:16px;padding-right:16px}.input-group-divider input,.input-group-divider select,.input-group-divider div,.input-group-divider a{border-left-width:1px;border-color:rgb(var(--color-surface-400));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important;min-width:-moz-fit-content!important;min-width:fit-content!important}.dark .input-group-divider input,.dark .input-group-divider select,.dark .input-group-divider div,.dark .input-group-divider a{border-color:rgb(var(--color-surface-500))}.input-group-divider input:focus,.input-group-divider select:focus,.input-group-divider div:focus,.input-group-divider a:focus{border-color:rgb(var(--color-surface-400))}.dark .input-group-divider input:focus,.dark .input-group-divider select:focus,.dark .input-group-divider div:focus,.dark .input-group-divider a:focus{border-color:rgb(var(--color-surface-500))}.input-group-divider *:first-child{border-left-width:0px!important}.list{list-style-type:none}.list>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(4px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(4px * var(--tw-space-y-reverse))}.list li{display:flex;align-items:center;border-radius:var(--theme-rounded-base)}.list li>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(16px * var(--tw-space-x-reverse));margin-left:calc(16px * calc(1 - var(--tw-space-x-reverse)))}.placeholder{height:20px;background-color:rgb(var(--color-surface-300));border-radius:var(--theme-rounded-base)}.dark .placeholder{background-color:rgb(var(--color-surface-600))}.w-modal{width:100%;max-width:640px}.modal *:focus:not([tabindex="-1"]):not(.input):not(.textarea):not(.select):not(.input-group):not(.input-group input){outline-style:auto;outline-color:-webkit-focus-ring-color}.variant-filled{background-color:rgb(var(--color-surface-900));color:rgb(var(--color-surface-50))}.dark .variant-filled{background-color:rgb(var(--color-surface-50));color:rgb(var(--color-surface-900))}.variant-ghost-surface{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset: inset;--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-surface-500) / var(--tw-ring-opacity));background-color:rgb(var(--color-surface-500) / .2)}:is(.dark .variant-ghost-surface){--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-surface-500) / var(--tw-ring-opacity));background-color:rgb(var(--color-surface-500) / .2)}.variant-soft,.variant-soft-surface{background-color:rgb(var(--color-surface-400) / .2);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important;color:rgb(var(--color-surface-700))}.dark .variant-soft,.dark .variant-soft-surface{color:rgb(var(--color-surface-200))}:is(.dark .variant-soft),:is(.dark .variant-soft-surface){background-color:rgb(var(--color-surface-500) / .2)}@media (min-width: 768px){.h3{font-size:24px;line-height:32px}}@media (min-width: 1024px){.alert{flex-direction:row;align-items:center}.alert>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse));--tw-space-x-reverse: 0;margin-right:calc(16px * var(--tw-space-x-reverse));margin-left:calc(16px * calc(1 - var(--tw-space-x-reverse)))}}.modal *:focus:not([tabindex="-1"]):not(.input):not(.textarea):not(.select):not(.input-group):not(.input-group input){outline-style:solid;outline-width:1px;outline-color:rgb(var(--color-surface-900) / 1)}.dark .modal *:focus:not([tabindex="-1"]):not(.input):not(.textarea):not(.select):not(.input-group):not(.input-group input){outline-color:rgb(var(--color-surface-50) / 1)}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.bottom-24{bottom:96px}.left-0{left:0}.right-0{right:0}.right-2{right:8px}.top-0{top:0}.top-2{top:8px}.z-\\[999\\]{z-index:999}.row-span-2{grid-row:span 2 / span 2}.row-start-1{grid-row-start:1}.m-auto{margin:auto}.mx-2{margin-left:8px;margin-right:8px}.ml-1{margin-left:4px}.ml-3{margin-left:12px}.ml-4{margin-left:16px}.mr-2{margin-right:8px}.mr-6{margin-right:24px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-0{height:0px}.h-10{height:40px}.h-2{height:8px}.h-48{height:192px}.h-6{height:24px}.h-8{height:32px}.h-\\[38px\\]{height:38px}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.max-h-\\[200px\\]{max-height:200px}.min-h-full{min-height:100%}.w-0{width:0px}.w-12{width:48px}.w-16{width:64px}.w-20{width:80px}.w-32{width:128px}.w-48{width:192px}.w-6{width:24px}.w-8{width:32px}.w-\\[140px\\]{width:140px}.w-\\[38px\\]{width:38px}.w-\\[50\\%\\]{width:50%}.w-full{width:100%}.w-screen{width:100vw}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\\[calc\\(100\\%-44px\\)\\]{--tw-translate-x: calc(100% - 44px) ;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[0\\.8\\]{--tw-scale-x: .8;--tw-scale-y: .8;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.\\!cursor-default{cursor:default!important}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-\\[0px_1fr\\]{grid-template-columns:0px 1fr}.grid-cols-\\[140px_1fr\\]{grid-template-columns:140px 1fr}.grid-cols-\\[auto_1fr_auto\\]{grid-template-columns:auto 1fr auto}.grid-cols-\\[auto_1fr_auto_auto\\]{grid-template-columns:auto 1fr auto auto}.grid-rows-\\[auto_1fr\\]{grid-template-rows:auto 1fr}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.\\!items-stretch{align-items:stretch!important}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-3{gap:12px}.gap-4{gap:16px}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(8px * var(--tw-space-x-reverse));margin-left:calc(8px * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(16px * var(--tw-space-x-reverse));margin-left:calc(16px * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(4px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(4px * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(8px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(8px * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(16px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(16px * var(--tw-space-y-reverse))}.divide-y-\\[1px\\]>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:4px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:8px}.rounded-none{border-radius:0}.rounded-e-\\[4px\\]{border-start-end-radius:4px;border-end-end-radius:4px}.rounded-s-full{border-start-start-radius:9999px;border-end-start-radius:9999px}.border{border-width:1px}.\\!border-t-0{border-top-width:0px!important}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.bg-surface-400{--tw-bg-opacity: 1;background-color:rgb(var(--color-surface-400) / var(--tw-bg-opacity))}.bg-surface-900{--tw-bg-opacity: 1;background-color:rgb(var(--color-surface-900) / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-white\\/30{background-color:#ffffff4d}.bg-white\\/75{background-color:#ffffffbf}.bg-scroll{background-attachment:scroll}.fill-current{fill:currentColor}.\\!p-0{padding:0!important}.p-1{padding:4px}.p-4{padding:16px}.px-4{padding-left:16px;padding-right:16px}.px-8{padding-left:32px;padding-right:32px}.py-1{padding-top:4px;padding-bottom:4px}.py-2{padding-top:8px;padding-bottom:8px}.py-6{padding-top:24px;padding-bottom:24px}.pb-6{padding-bottom:24px}.pl-6{padding-left:24px}.pr-2{padding-right:8px}.pr-4{padding-right:16px}.pr-6{padding-right:24px}.pt-4{padding-top:16px}.text-center{text-align:center}.text-2xl{font-size:24px;line-height:32px}.text-base{font-size:16px;line-height:24px}.text-sm{font-size:14px;line-height:20px}.text-xs{font-size:12px;line-height:16px}.font-bold{font-weight:700}.italic{font-style:italic}.leading-loose{line-height:2}.text-surface-400{--tw-text-opacity: 1;color:rgb(var(--color-surface-400) / var(--tw-text-opacity))}.underline-offset-2{text-underline-offset:2px}.accent-surface-900{accent-color:rgb(var(--color-surface-900) / 1)}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.-outline-offset-\\[3px\\]{outline-offset:-3px}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[grid-template-columns\\]{transition-property:grid-template-columns;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[transform\\]{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.delay-100{transition-delay:.1s}.duration-\\[200ms\\]{transition-duration:.2s}.bg-surface-backdrop-token{background-color:rgb(var(--color-surface-400) / .7)}.dark .bg-surface-backdrop-token{background-color:rgb(var(--color-surface-900) / .7)}.bg-surface-100-800-token{background-color:rgb(var(--color-surface-100))}.dark .bg-surface-100-800-token{background-color:rgb(var(--color-surface-800))}.bg-surface-200-700-token{background-color:rgb(var(--color-surface-200))}.dark .bg-surface-200-700-token{background-color:rgb(var(--color-surface-700))}.border-token{border-width:var(--theme-border-base)}.border-surface-400-500-token{border-color:rgb(var(--color-surface-400))}.dark .border-surface-400-500-token{border-color:rgb(var(--color-surface-500))}.border-surface-800-100-token{border-color:rgb(var(--color-surface-800))}.dark .border-surface-800-100-token{border-color:rgb(var(--color-surface-100))}.rounded-token{border-radius:var(--theme-rounded-base)}.rounded-container-token{border-radius:var(--theme-rounded-container)}.scrollbar-thin::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:var(--scrollbar-track-radius)}.scrollbar-thin::-webkit-scrollbar-track:hover{background-color:var(--scrollbar-track-hover, var(--scrollbar-track))}.scrollbar-thin::-webkit-scrollbar-track:active{background-color:var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--scrollbar-thumb-radius)}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover, var(--scrollbar-thumb))}.scrollbar-thin::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))}.scrollbar-thin::-webkit-scrollbar-corner{background-color:var(--scrollbar-corner);border-radius:var(--scrollbar-corner-radius)}.scrollbar-thin::-webkit-scrollbar-corner:hover{background-color:var(--scrollbar-corner-hover, var(--scrollbar-corner))}.scrollbar-thin::-webkit-scrollbar-corner:active{background-color:var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)}.scrollbar-thin::-webkit-scrollbar{display:block;width:8px;height:8px}.scrollbar-track-transparent{--scrollbar-track: transparent !important}.scrollbar-thumb-slate-400\\/50{--scrollbar-thumb: rgb(148 163 184 / .5) !important}.scrollbar-corner-transparent{--scrollbar-corner: transparent !important}.hover\\:variant-filled:hover{background-color:rgb(var(--color-surface-900));color:rgb(var(--color-surface-50))}.dark .hover\\:variant-filled:hover{background-color:rgb(var(--color-surface-50));color:rgb(var(--color-surface-900))}.hover\\:variant-soft:hover,.hover\\:variant-soft-surface:hover{background-color:rgb(var(--color-surface-400) / .2);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important;color:rgb(var(--color-surface-700))}.dark .hover\\:variant-soft:hover,.dark .hover\\:variant-soft-surface:hover{color:rgb(var(--color-surface-200))}:is(.dark .hover\\:variant-soft:hover){background-color:rgb(var(--color-surface-500) / .2)}:is(.dark .hover\\:variant-soft-surface:hover){background-color:rgb(var(--color-surface-500) / .2)}.\\[\\&\\:not\\(\\[disabled\\]\\)\\]\\:variant-soft-primary:not([disabled]){background-color:rgb(var(--color-primary-400) / .2);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important;color:rgb(var(--color-primary-700))}.dark .\\[\\&\\:not\\(\\[disabled\\]\\)\\]\\:variant-soft-primary:not([disabled]){color:rgb(var(--color-primary-200))}:is(.dark .\\[\\&\\:not\\(\\[disabled\\]\\)\\]\\:variant-soft-primary:not([disabled])){background-color:rgb(var(--color-primary-500) / .2)}.\\*\\:\\!m-0>*{margin:0!important}.\\*\\:items-center>*{align-items:center}.\\*\\:\\!rounded-none>*{border-radius:0!important}.\\*\\:py-4>*{padding-top:16px;padding-bottom:16px}.\\*\\:border-surface-300-600-token>*{border-color:rgb(var(--color-surface-300))}.dark .\\*\\:border-surface-300-600-token>*{border-color:rgb(var(--color-surface-600))}.hover\\:translate-x-0:hover{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:text-xl:hover{font-size:20px;line-height:28px}.hover\\:opacity-100:hover{opacity:1}.hover\\:brightness-\\[105\\%\\]:hover{--tw-brightness: brightness(105%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\\:decoration-wavy:focus{text-decoration-style:wavy}.focus\\:\\!outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}.disabled\\:cursor-wait:disabled{cursor:wait}.disabled\\:opacity-70:disabled{opacity:.7}.dark\\:bg-black\\/15:is(.dark *){background-color:#00000026}.dark\\:bg-surface-300:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(var(--color-surface-300) / var(--tw-bg-opacity))}.dark\\:bg-surface-500\\/20:is(.dark *){background-color:rgb(var(--color-surface-500) / .2)}.dark\\:bg-surface-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(var(--color-surface-700) / var(--tw-bg-opacity))}.dark\\:accent-surface-50:is(.dark *){accent-color:rgb(var(--color-surface-50) / 1)}.dark\\:hover\\:brightness-110:hover:is(.dark *){--tw-brightness: brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width: 768px){.md\\:h-\\[600px\\]{height:600px}.md\\:max-w-screen-md{max-width:768px}.md\\:max-w-screen-sm{max-width:640px}.md\\:flex-row{flex-direction:row}.md\\:\\!items-baseline{align-items:baseline!important}}@media (min-width: 1024px){.lg\\:max-w-screen-md{max-width:768px}}@media (min-width: 1280px){.xl\\:max-w-screen-lg{max-width:1024px}}.\\[\\&\\:last-child\\]\\:\\*\\:pt-4>*:last-child{padding-top:16px}.\\[\\&\\:not\\(\\:last-child\\)\\]\\:\\*\\:py-4>*:not(:last-child){padding-top:16px;padding-bottom:16px}.\\[\\&\\:not\\(\\[disabled\\]\\)\\]\\:hover\\:bg-slate-400\\/30:hover:not([disabled]){background-color:#94a3b84d} `);
(function (Dexie, dayjs, JSZip, GIF) {
'use strict';
var __defProp = Object.defineProperty;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
var _GM_addStyle = /* @__PURE__ */ (() => typeof GM_addStyle != "undefined" ? GM_addStyle : void 0)();
var _GM_download = /* @__PURE__ */ (() => typeof GM_download != "undefined" ? GM_download : void 0)();
var _GM_info = /* @__PURE__ */ (() => typeof GM_info != "undefined" ? GM_info : void 0)();
var _GM_registerMenuCommand = /* @__PURE__ */ (() => typeof GM_registerMenuCommand != "undefined" ? GM_registerMenuCommand : void 0)();
var _GM_xmlhttpRequest = /* @__PURE__ */ (() => typeof GM_xmlhttpRequest != "undefined" ? GM_xmlhttpRequest : void 0)();
var _unsafeWindow = /* @__PURE__ */ (() => typeof unsafeWindow != "undefined" ? unsafeWindow : void 0)();
function getLogger() {
const methods = ["info", "warn", "error"];
const style = ["color: green;", "color: orange;", "color: red;"];
const logLevel = 2;
const namePrefix = "[Pixiv Downlaoder] ";
function log(level, args) {
if (logLevel <= level) console[methods[level]]("%c[Pixiv Downloader]", style[level], ...args);
}
return {
info(...args) {
log(0, args);
},
warn(...args) {
log(1, args);
},
error(...args) {
log(2, args);
},
time(label) {
console.time(namePrefix + label);
},
timeLog(label) {
console.timeLog(namePrefix + label);
},
timeEnd(label) {
console.timeEnd(namePrefix + label);
}
};
}
const logger = getLogger();
function sleep(delay) {
return new Promise((resolve) => {
setTimeout(resolve, delay);
});
}
function wakeableSleep(delay) {
let wake = () => void 0;
const sleep2 = new Promise((r) => {
setTimeout(r, delay);
wake = r;
});
return {
wake,
sleep: sleep2
};
}
function replaceInvalidChar(str) {
if (typeof str !== "string") throw new TypeError("expect string but got " + typeof str);
if (!str) return "";
return str.replace(new RegExp("\\p{C}", "gu"), "").replace(/\\/g, "＼").replace(/\//g, "／").replace(/:/g, "：").replace(/\*/g, "＊").replace(/\?/g, "？").replace(/\|/g, "｜").replace(/"/g, "＂").replace(/</g, "﹤").replace(/>/g, "﹥").replace(/~/g, "～").trim().replace(/^\.|\.$/g, "．");
}
function unescapeHtml(str) {
if (typeof str !== "string") throw new TypeError("expect string but got " + typeof str);
if (!str) return "";
const el = document.createElement("p");
el.innerHTML = str;
return el.innerText;
}
function generateCsv(sheetData) {
const sheetStr = sheetData.map((row) => {
return row.map((cell) => {
return '"' + cell.replace(/"/g, '""') + '"';
}).join(",");
}).join("\r\n");
return new Blob(["\uFEFF" + sheetStr], { type: "text/csv" });
}
function evalScript(script) {
const el = document.createElement("script");
el.text = script;
document.head.appendChild(el).parentNode.removeChild(el);
}
function readBlobAsDataUrl(blob) {
return new Promise((resolve) => {
const reader = new FileReader();
reader.onload = () => {
resolve(reader.result);
};
reader.readAsDataURL(blob);
});
}
async function addStyleToShadow(shadowRoot) {
{
shadowRoot.adoptedStyleSheets = [window._pdlShadowStyle];
}
}
class RequestError extends Error {
constructor(message, response) {
super(message);
__publicField(this, "response");
this.name = "RequestError";
this.response = response;
}
}
class CancelError extends Error {
constructor() {
super("User aborted");
this.name = "CancelError";
}
}
class JsonDataError extends Error {
constructor(msg) {
super(msg);
this.name = "JsonDataError";
}
}
const env = {
isFirefox() {
return navigator.userAgent.includes("Firefox");
},
isViolentmonkey() {
return _GM_info.scriptHandler === "Violentmonkey";
},
isTampermonkey() {
return _GM_info.scriptHandler === "Tampermonkey";
},
isBlobDlAvaliable() {
return !this.isFirefox() || this.isFirefox() && this.isTampermonkey() && parseFloat(_GM_info.version ?? "") < 4.18;
},
// firefox使用tampermonkey，downloadmod为默认时也支持子目录，但GM_info显示为原生的“native”，而“原生”不支持子目录
isSupportSubpath() {
return this.isBrowserDownloadMode();
},
isBrowserDownloadMode() {
return _GM_info.downloadMode === "browser";
},
isConflictActionEnable() {
return this.isTampermonkey() && parseFloat(_GM_info.version ?? "") >= 4.18 && this.isBrowserDownloadMode();
},
isConflictActionPromptEnable() {
return !this.isFirefox() && this.isConflictActionEnable();
},
isFileSystemAccessAvaliable() {
return typeof _unsafeWindow.showDirectoryPicker === "function" && typeof _unsafeWindow.showSaveFilePicker === "function";
},
videoFrameSupported() {
return typeof _unsafeWindow.VideoFrame === "function";
},
isPixiv() {
return location.hostname === "www.pixiv.net";
}
};
class FileSystemAccessHandler {
constructor(channelName) {
__publicField(this, "filenameConflictAction", "uniquify");
__publicField(this, "updateDirHandleChannel");
__publicField(this, "dirHandle");
__publicField(this, "dirHandleStatus", 0);
__publicField(this, "cachedTasks", []);
__publicField(this, "duplicateFilenameCached", {});
this.updateDirHandleChannel = new BroadcastChannel(channelName);
this.updateDirHandleChannel.onmessage = (evt) => {
const data2 = evt.data;
switch (data2.kind) {
case 1:
this.dirHandleStatus = 1;
logger.info("正在选择目录");
break;
case 0:
logger.warn("取消更新dirHandle");
if (this.dirHandle) {
this.dirHandleStatus = 2;
this.processCachedTasks();
} else {
this.dirHandleStatus = 0;
this.rejectCachedTasks();
}
break;
case 2:
this.dirHandleStatus = 2;
this.dirHandle = data2.handle;
logger.info("更新dirHandle", this.dirHandle);
this.processCachedTasks();
break;
case "request":
if (this.dirHandle) {
this.updateDirHandleChannel.postMessage({
kind: "response",
handle: this.dirHandle
});
logger.info("响应请求dirHandle");
}
break;
case "response":
if (!this.dirHandle) {
if (this.dirHandleStatus === 0)
this.dirHandleStatus = 2;
this.dirHandle = data2.handle;
logger.info("首次获取dirHandle", this.dirHandle);
}
break;
default:
throw new Error("Invalid data kind.");
}
};
this.updateDirHandleChannel.postMessage({ kind: "request" });
}
async getDirHandleRecursive(dirs) {
if (!this.dirHandle) throw new Error("未选择保存文件夹");
let handler = this.dirHandle;
if (typeof dirs === "string") {
if (dirs.indexOf("/") === -1) return await handler.getDirectoryHandle(dirs, { create: true });
dirs = dirs.split("/").filter((dir) => !!dir);
}
for await (const dir of dirs) {
handler = await handler.getDirectoryHandle(dir, { create: true });
}
return handler;
}
processCachedTasks() {
const { length } = this.cachedTasks;
for (let i = 0; i < length; i++) {
const [blob, downloadMeta, onSaveFullfilled, onSaveRejected] = this.cachedTasks[i];
this.saveFile(blob, downloadMeta).then(onSaveFullfilled, onSaveRejected);
}
logger.info(`执行${length}个缓存任务`);
if (this.cachedTasks.length > length) {
this.cachedTasks = this.cachedTasks.slice(length);
} else {
this.cachedTasks.length = 0;
}
}
rejectCachedTasks() {
this.cachedTasks.forEach(([, , , onSaveRejected]) => onSaveRejected(new CancelError()));
this.cachedTasks.length = 0;
logger.info(`取消${this.cachedTasks.length}个缓存任务`);
}
async getFilenameHandle(dirHandle, filename) {
if (this.filenameConflictAction === "overwrite")
return await dirHandle.getFileHandle(filename, { create: true });
if (!(filename in this.duplicateFilenameCached)) {
this.duplicateFilenameCached[filename] = [];
try {
await dirHandle.getFileHandle(filename);
logger.warn("存在同名文件", filename);
} catch (error) {
return await dirHandle.getFileHandle(filename, { create: true });
}
}
const extIndex = filename.lastIndexOf(".");
const ext = filename.slice(extIndex + 1);
const name = filename.slice(0, extIndex);
if (this.filenameConflictAction === "prompt") {
return await _unsafeWindow.showSaveFilePicker({
suggestedName: filename,
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
//@ts-ignore
types: [{ description: "Image file", accept: { ["image/" + ext]: ["." + ext] } }]
});
} else {
for (let suffix = 1; suffix < 1e3; suffix++) {
const newName = `${name} (${suffix}).${ext}`;
try {
await dirHandle.getFileHandle(newName);
} catch (error) {
if (this.duplicateFilenameCached[filename].includes(newName)) {
continue;
} else {
this.duplicateFilenameCached[filename].push(newName);
}
logger.info("使用文件名:", newName);
return await dirHandle.getFileHandle(newName, { create: true });
}
}
throw new RangeError("Oops, you have too many duplicate files.");
}
}
clearFilenameCached(duplicateName, actualName) {
if (!(duplicateName in this.duplicateFilenameCached)) return;
const usedNameArr = this.duplicateFilenameCached[duplicateName];
logger.info("清理重名文件名", usedNameArr, actualName);
if (usedNameArr.length === 0) {
delete this.duplicateFilenameCached[duplicateName];
return;
}
const index = usedNameArr.indexOf(actualName);
if (index === -1) return;
usedNameArr.splice(index, 1);
if (usedNameArr.length === 0) delete this.duplicateFilenameCached[duplicateName];
}
async updateDirHandle() {
try {
this.dirHandleStatus = 1;
this.updateDirHandleChannel.postMessage({
kind: 1
/* picking */
});
this.dirHandle = await _unsafeWindow.showDirectoryPicker({ id: "pdl", mode: "readwrite" });
logger.info("更新dirHandle", this.dirHandle);
this.dirHandleStatus = 2;
this.updateDirHandleChannel.postMessage({
kind: 2,
handle: this.dirHandle
});
this.processCachedTasks();
return true;
} catch (error) {
logger.warn(error);
this.updateDirHandleChannel.postMessage({
kind: 0
/* unpick */
});
if (this.dirHandle) {
this.dirHandleStatus = 2;
this.processCachedTasks();
} else {
this.dirHandleStatus = 0;
this.rejectCachedTasks();
}
return false;
}
}
getCurrentDirName() {
var _a;
return ((_a = this.dirHandle) == null ? void 0 : _a.name) ?? "";
}
isDirHandleNotSet() {
return this.dirHandleStatus === 0;
}
setFilenameConflictAction(action) {
this.filenameConflictAction = action;
}
async saveFile(blob, downloadMeta) {
if (downloadMeta.isAborted) throw new CancelError();
if (this.dirHandleStatus === 1) {
let onSaveFullfilled;
let onSaveRejected;
const promiseExcutor = new Promise((resolve, reject) => {
onSaveFullfilled = resolve;
onSaveRejected = reject;
});
this.cachedTasks.push([blob, downloadMeta, onSaveFullfilled, onSaveRejected]);
return promiseExcutor;
}
if (this.dirHandleStatus === 0) {
const isSuccess = await this.updateDirHandle();
if (!isSuccess) throw new TypeError("Failed to get dir handle.");
}
let currenDirHandle;
let filename;
const path = downloadMeta.config.path;
const index = path.lastIndexOf("/");
if (index === -1) {
filename = path;
currenDirHandle = this.dirHandle;
} else {
filename = path.slice(index + 1);
currenDirHandle = await this.getDirHandleRecursive(path.slice(0, index));
}
if (downloadMeta.isAborted) throw new CancelError();
const fileHandle = await this.getFilenameHandle(currenDirHandle, filename);
const writableStream = await fileHandle.createWritable();
await writableStream.write(blob);
await writableStream.close();
this.clearFilenameCached(filename, fileHandle.name);
}
}
const fsaHandler = new FileSystemAccessHandler("update_dir_channel");
function gmDownload(blob, downloadMeta) {
return new Promise((resolve, reject) => {
if (downloadMeta.isAborted) return reject(new CancelError());
const imgUrl = URL.createObjectURL(blob);
const request = {
url: URL.createObjectURL(blob),
name: downloadMeta.config.path,
onerror: (error) => {
URL.revokeObjectURL(imgUrl);
if (downloadMeta.isAborted) {
resolve();
} else {
reject(
new Error(
`FileSave error: ${downloadMeta.config.path} because ${error.error} ${error.details ?? ""} `
)
);
}
},
onload: () => {
URL.revokeObjectURL(imgUrl);
resolve();
}
};
downloadMeta.abort = _GM_download(request).abort;
});
}
function aDownload(blob, downloadMeta) {
if (downloadMeta.isAborted) return Promise.reject(new CancelError());
let path = downloadMeta.config.path;
const separaterIndex = path.lastIndexOf("/");
if (separaterIndex !== -1) path = path.slice(separaterIndex + 1);
const dlEle = document.createElement("a");
dlEle.href = URL.createObjectURL(blob);
dlEle.download = path;
dlEle.click();
URL.revokeObjectURL(dlEle.href);
return Promise.resolve();
}
var UgoiraFormat = /* @__PURE__ */ ((UgoiraFormat2) => {
UgoiraFormat2["ZIP"] = "zip";
UgoiraFormat2["GIF"] = "gif";
UgoiraFormat2["WEBP"] = "webp";
UgoiraFormat2["PNG"] = "png";
UgoiraFormat2["WEBM"] = "webm";
UgoiraFormat2["MP4"] = "mp4";
return UgoiraFormat2;
})(UgoiraFormat || {});
var FilenameConfigAction = /* @__PURE__ */ ((FilenameConfigAction2) => {
FilenameConfigAction2["UNIQUIFY"] = "uniquify";
FilenameConfigAction2["OVERWRITE"] = "overwrite";
FilenameConfigAction2["PROMPT"] = "prompt";
return FilenameConfigAction2;
})(FilenameConfigAction || {});
var TagLanguage = /* @__PURE__ */ ((TagLanguage2) => {
TagLanguage2["JAPANESE"] = "ja";
TagLanguage2["CHINESE"] = "zh";
TagLanguage2["TRADITIONAL_CHINESE"] = "zh-tw";
TagLanguage2["ENGLISH"] = "en";
return TagLanguage2;
})(TagLanguage || {});
function loadConfig(siteConfig2) {
const defaultConfig = Object.freeze({
version: "1.0.1",
ugoiraFormat: "zip",
folderPattern: "pixiv/{artist}",
filenamePattern: "{artist}_{title}_{id}_p{page}",
tagLang: "ja",
showMsg: true,
filterExcludeDownloaded: false,
filterIllusts: true,
filterManga: true,
filterUgoira: true,
bundleIllusts: false,
bundleManga: false,
addBookmark: false,
addBookmarkWithTags: false,
privateR18: false,
useFileSystemAccess: false,
fileSystemFilenameConflictAction: "uniquify",
showPopupButton: true,
gifQuality: 10,
webmQuality: 95,
losslessWebp: false,
webpQuality: 95,
webpMehtod: 4,
pngColor: 256,
"pdl-btn-self-bookmark-left": 100,
"pdl-btn-self-bookmark-top": 76,
"pdl-btn-left": 0,
"pdl-btn-top": 100,
...siteConfig2
});
let config2;
if (!localStorage.pdlSetting) {
config2 = Object.assign({}, defaultConfig);
} else {
try {
config2 = JSON.parse(localStorage.pdlSetting);
} catch (error) {
logger.error("Use default config because: ", error);
config2 = Object.assign({}, defaultConfig);
}
}
if (config2.version !== defaultConfig.version) {
config2 = {
...defaultConfig,
...config2,
version: defaultConfig.version,
showMsg: true
};
localStorage.pdlSetting = JSON.stringify(config2);
}
return {
get(key) {
return config2[key] ?? defaultConfig[key];
},
set(key, value) {
if (config2[key] !== value) {
config2[key] = value;
localStorage.pdlSetting = JSON.stringify(config2);
logger.info("Config set:", key, value);
}
},
getAll() {
return config2;
},
update(newConfig) {
config2 = newConfig;
localStorage.pdlSetting = JSON.stringify(config2);
}
};
}
const hostname = location.hostname;
let siteConfig;
if (hostname === "rule34.xxx") {
siteConfig = {
folderPattern: "rule34/{artist}",
filenamePattern: "{id}_{artist}_{character}"
};
} else if (hostname === "danbooru.donmai.us") {
siteConfig = {
folderPattern: "danbooru/{artist}",
filenamePattern: "{id}_{artist}_{character}"
};
}
const config = loadConfig(siteConfig);
function gmDownloadDataUrl(blob, downloadMeta) {
return readBlobAsDataUrl(blob).then((dataUrl) => {
return new Promise((resolve, reject) => {
if (downloadMeta.isAborted) return reject(new CancelError());
const request = {
url: dataUrl,
name: downloadMeta.config.path,
onerror: (error) => {
if (downloadMeta.isAborted) {
resolve();
} else {
reject(
new Error(
`FileSave error: ${downloadMeta.config.path} because ${error.error} ${error.details ?? ""} `
)
);
}
},
onload: () => {
resolve();
}
};
downloadMeta.abort = _GM_download(request).abort;
});
});
}
let saveFile;
const blobAvaliable = env.isBlobDlAvaliable();
const subPathAvaliable = env.isSupportSubpath();
if (subPathAvaliable) {
if (!blobAvaliable) {
saveFile = gmDownloadDataUrl;
} else {
saveFile = gmDownload;
}
} else {
saveFile = aDownload;
logger.warn("Download function is not fully supported:", _GM_info.scriptHandler, _GM_info.version);
}
const fileSaveAdapters = {
getAdapter() {
if (this.isFileSystemAccessEnable()) {
fsaHandler.setFilenameConflictAction(config.get("fileSystemFilenameConflictAction"));
return fsaHandler.saveFile.bind(fsaHandler);
} else {
return saveFile;
}
},
isFileSystemAccessEnable() {
return env.isFileSystemAccessAvaliable() && config.get("useFileSystemAccess");
},
dirHandleCheck() {
if (this.isFileSystemAccessEnable() && fsaHandler.isDirHandleNotSet())
fsaHandler.updateDirHandle();
},
async updateDirHandle() {
if (this.isFileSystemAccessEnable()) {
await fsaHandler.updateDirHandle();
return fsaHandler.getCurrentDirName();
}
return "";
},
getFsaDirName() {
if (this.isFileSystemAccessEnable()) {
return fsaHandler.getCurrentDirName();
} else {
return "";
}
}
};
function createDownloader() {
const MAX_DOWNLOAD = 5;
const MAX_RETRY = 3;
const DOWNLOAD_INTERVAL = 500;
let queue = [];
let active2 = [];
const cleanAndStartNext = (removeMeta, nextMeta) => {
sleep(DOWNLOAD_INTERVAL).then(() => {
active2.splice(active2.indexOf(removeMeta), 1);
if (nextMeta) {
active2.push(nextMeta);
dispatchDownload(nextMeta);
} else if (queue.length) {
const meta = queue.shift();
active2.push(meta);
dispatchDownload(meta);
}
});
};
const errorHandlerFactory = (downloadMeta) => {
return {
ontimeout() {
var _a;
const { taskId, config: config2, isAborted } = downloadMeta;
if (isAborted) return;
downloadMeta.retry++;
logger.error("Download timeout", downloadMeta.retry, ":", config2.src);
if (downloadMeta.retry > MAX_RETRY) {
const err = new Error(`Download failed: ${taskId} | ${config2.src}`);
(_a = config2.onError) == null ? void 0 : _a.call(config2, err, config2);
downloadMeta.reject(err);
cleanAndStartNext(downloadMeta);
} else {
logger.info("Download retry:", downloadMeta.retry, config2.src);
cleanAndStartNext(downloadMeta, downloadMeta);
}
},
/* GM_download().abort() 会触发 onerror */
onerror(error) {
var _a;
const { taskId, config: config2, isAborted } = downloadMeta;
if (isAborted) return;
let err;
if ("status" in error && error.status === 429) {
err = new RequestError("Too many request", error);
} else {
err = new Error(`Download failed. ID: ${taskId}. Reason: ${error.error}.`);
logger.error(error);
}
(_a = config2.onError) == null ? void 0 : _a.call(config2, err, config2);
downloadMeta.reject(err);
cleanAndStartNext(downloadMeta);
}
};
};
const gmDownload2 = (downloadMeta, errHandler) => {
const { taskId, config: config2 } = downloadMeta;
const { ontimeout, onerror } = errHandler;
return _GM_download({
url: config2.src,
name: config2.path,
headers: config2.headers,
ontimeout,
onerror,
// Firefox 参数只包含loaded, toal, estimatedEndTime(Chrome没有此参数), 且触发次数非常少
onprogress(res) {
var _a;
if (res.loaded > 0 && res.total > 0) {
const progress = Math.floor(res.loaded / res.total * 100);
(_a = config2.onProgress) == null ? void 0 : _a.call(config2, progress, config2);
}
},
onload() {
var _a;
cleanAndStartNext(downloadMeta);
(_a = config2.onFileSaved) == null ? void 0 : _a.call(config2, config2);
downloadMeta.resolve(taskId);
logger.info("Download complete:", taskId, config2.path);
}
});
};
const xhr = (downloadMeta, errHandler) => {
const { taskId, config: config2, timeout } = downloadMeta;
const { ontimeout, onerror } = errHandler;
const saveFile2 = fileSaveAdapters.getAdapter();
return _GM_xmlhttpRequest({
url: config2.src,
timeout,
method: "GET",
headers: config2.headers,
responseType: "blob",
ontimeout,
onerror,
onprogress: (res) => {
var _a;
if (res.loaded > 0 && res.total > 0) {
const progress = Math.floor(res.loaded / res.total * 100);
(_a = config2.onProgress) == null ? void 0 : _a.call(config2, progress, config2);
}
},
onload: async (e) => {
var _a, _b, _c, _d;
logger.info("Xhr complete:", config2.src);
cleanAndStartNext(downloadMeta);
if (downloadMeta.isAborted)
return logger.warn("Download was canceled.", taskId, config2.path);
(_a = config2.onXhrLoaded) == null ? void 0 : _a.call(config2, config2);
try {
let modRes;
if (typeof config2.beforeFileSave === "function") {
modRes = await config2.beforeFileSave(e.response, config2);
if (modRes && !downloadMeta.isAborted) {
await saveFile2(modRes, downloadMeta);
(_b = config2.onFileSaved) == null ? void 0 : _b.call(config2, config2);
logger.info("Download complete:", config2.path);
}
} else {
await saveFile2(e.response, downloadMeta);
(_c = config2.onFileSaved) == null ? void 0 : _c.call(config2, config2);
logger.info("Download complete:", config2.path);
}
downloadMeta.resolve(downloadMeta.taskId);
} catch (error) {
(_d = config2.onError) == null ? void 0 : _d.call(config2, error, config2);
downloadMeta.reject(error);
}
}
});
};
const isDirectSaveConfig = (downloadMeta) => {
return !!downloadMeta.config.directSave;
};
const dispatchDownload = (downloadMeta) => {
logger.info("Start download:", downloadMeta.config.src);
let abortObj;
const errHandler = errorHandlerFactory(downloadMeta);
if (isDirectSaveConfig(downloadMeta)) {
abortObj = gmDownload2(downloadMeta, errHandler);
} else {
abortObj = xhr(downloadMeta, errHandler);
}
downloadMeta.abort = abortObj.abort;
};
return {
get fileSystemAccessEnabled() {
return fileSaveAdapters.isFileSystemAccessEnable();
},
/**
* 下载触发后应该先弹窗选择文件保存位置，避免下载/转换用时过长导致错误
* Must be handling a user gesture to show a file picker.
* https://bugs.chromium.org/p/chromium/issues/detail?id=1193489
*/
dirHandleCheck() {
fileSaveAdapters.dirHandleCheck();
},
updateDirHandle() {
return fileSaveAdapters.updateDirHandle();
},
getCurrentFsaDirName() {
return fileSaveAdapters.getFsaDirName();
},
async download(configs) {
logger.info("Downloader add:", configs);
if (!Array.isArray(configs)) configs = [configs];
if (configs.length < 1) return Promise.resolve([]);
const promises = [];
configs.forEach((config2) => {
promises.push(
new Promise((resolve, reject) => {
const downloadMeta = {
taskId: config2.taskId,
config: config2,
isAborted: false,
retry: 0,
timeout: config2.timeout,
resolve,
reject
};
queue.push(downloadMeta);
})
);
});
while (active2.length < MAX_DOWNLOAD && queue.length) {
const meta = queue.shift();
active2.push(meta);
dispatchDownload(meta);
}
const results = await Promise.allSettled(promises);
const resultIds = [];
for (let i = 0; i < results.length; i++) {
const result = results[i];
if (result.status === "rejected") throw result.reason;
resultIds.push(result.value);
}
return resultIds;
},
abort(taskIds) {
if (typeof taskIds === "string") taskIds = [taskIds];
if (!taskIds.length) return;
logger.info("Downloader delete, active:", active2.length, "queue", queue.length);
active2 = active2.filter((downloadMeta) => {
var _a, _b, _c;
if (taskIds.includes(downloadMeta.taskId) && !downloadMeta.isAborted) {
downloadMeta.isAborted = true;
(_a = downloadMeta.abort) == null ? void 0 : _a.call(downloadMeta);
(_c = (_b = downloadMeta.config).onAbort) == null ? void 0 : _c.call(_b, downloadMeta.config);
downloadMeta.reject(new CancelError());
logger.warn("Download aborted:", downloadMeta.config.path);
} else {
return true;
}
});
queue = queue.filter((downloadMeta) => !taskIds.includes(downloadMeta.taskId));
while (active2.length < MAX_DOWNLOAD && queue.length) {
const meta = queue.shift();
active2.push(meta);
dispatchDownload(meta);
}
}
};
}
const downloader = createDownloader();
class HistoryDb extends Dexie {
constructor() {
super("PdlHistory");
__publicField(this, "history");
this.version(2).stores({
history: "pid, userId, user, title, *tags"
});
}
}
function createHistoryDb() {
const db = new HistoryDb();
let record;
logger.time("loadDb");
db.history.toArray().then((datas) => {
record = new Set(datas.map((data2) => data2.pid));
logger.timeEnd("loadDb");
});
return {
async add(historyData) {
if (!await this.has(historyData.pid)) {
db.history.put(historyData);
record.add(historyData.pid);
}
},
bulkAdd(historyDatas) {
const result = db.history.bulkPut(historyDatas);
historyDatas.forEach((data2) => {
record.add(data2.pid);
});
return result;
},
async has(pid) {
if (typeof pid === "string") pid = Number(pid);
if (record) {
return record.has(pid);
} else {
return !!await db.history.get(pid);
}
},
getAll() {
return db.history.toArray();
},
clear() {
record && (record = /* @__PURE__ */ new Set());
return db.history.clear();
}
};
}
const historyDb = createHistoryDb();
const rule34Parser = {
async parse(id) {
var _a, _b, _c, _d, _e, _f;
const res = await fetch("index.php?page=post&s=view&id=" + id);
if (!res.ok) throw new RequestError("Request failed with status code " + res.status, res);
const html = await res.text();
const doc = new DOMParser().parseFromString(html, "text/html");
const src = ((_a = doc.querySelector("#gelcomVideoPlayer > source")) == null ? void 0 : _a.src) || doc.querySelector('meta[property="og:image"]').getAttribute("content");
const imageNameMatch = new RegExp("(?<=\\/)\\w+\\.\\w+(?=\\?)").exec(src);
if (!imageNameMatch) throw new Error("Can not parse image name from src.");
const imageName = imageNameMatch[0];
const [title, extendName] = imageName.split(".");
const artists = [];
const characters = [];
const tags = [];
const tagEls = doc.querySelectorAll('li[class*="tag-type"]');
tagEls.forEach((tagEl) => {
var _a2;
const tagTypeMatch = new RegExp("(?<=tag-type-)\\w+").exec(tagEl.className);
if (!tagTypeMatch) throw new Error("Unknown tag: " + tagEl.className);
const tagType = tagTypeMatch[0];
const tag = ((_a2 = tagEl.querySelector('a[href*="page=post"]')) == null ? void 0 : _a2.textContent) || "";
if (tagType === "artist") {
artists.push(tag);
} else if (tagType === "character") {
characters.push(tag);
}
tags.push(tagType + ":" + tag);
});
const uploaderEl = doc.querySelector('a[href*="page=account&s=profile"]');
const postDateStr = (_c = (_b = uploaderEl == null ? void 0 : uploaderEl.parentElement) == null ? void 0 : _b.firstChild) == null ? void 0 : _c.nodeValue;
const postDate = postDateStr ? postDateStr.split(": ")[1] : "";
const sourceEl = (_e = (_d = uploaderEl == null ? void 0 : uploaderEl.parentElement) == null ? void 0 : _d.nextElementSibling) == null ? void 0 : _e.nextElementSibling;
if (sourceEl && ((_f = sourceEl.textContent) == null ? void 0 : _f.toLowerCase().includes("source"))) {
const sourceLink = sourceEl.querySelector("a");
if (sourceLink) {
tags.push("source:" + sourceLink.href);
} else {
tags.push("source:" + sourceEl.textContent.replace("Source: ", ""));
}
}
return {
id,
src,
extendName,
artist: artists.join(",") || "UnknownArtist",
character: characters.join(",") || "UnknownCharacter",
title,
tags,
createDate: postDate
};
}
};
const btnStyle = `.pdl-thumbnail{position:absolute;display:flex;justify-content:center;align-items:center;margin:0;padding:0;height:32px;width:32px;border:none;border-radius:4px;overflow:hidden;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:'win-bug-omega, system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif';font-size:13px;font-weight:700;color:var(--pdl-green1);background-color:#ffffff80;top:calc((100% - 32px) * var(--pdl-btn-top) / 100);left:calc((100% - 32px) * var(--pdl-btn-left) / 100);z-index:1;cursor:pointer}.pdl-thumbnail:disabled{cursor:default}.pdl-thumbnail>svg{position:absolute;width:85%;height:85%;fill:var(--pdl-fill-svg);stroke:var(--pdl-fill-svg)}.pdl-thumbnail>span{opacity:0;transition:opacity .2s}.pdl-thumbnail>span.show{opacity:1}:host([type=gallery])::part(button){position:sticky;top:40px;left:0}:host([type=pixiv-my-bookmark])::part(button){top:calc((100% - 32px) * var(--pdl-btn-self-bookmark-top) / 100);left:calc((100% - 32px) * var(--pdl-btn-self-bookmark-left) / 100)}:host([type=pixiv-history])::part(button){z-index:auto}:host([type=pixiv-presentation])::part(button){position:fixed;top:50px;right:20px;left:auto}:host([type=pixiv-toolbar])::part(button){position:relative;top:auto;left:auto;background-color:transparent}:host([type=pixiv-manga-viewer])::part(button){top:80%;right:4px;left:auto}`;
const svgGroup = `<svg xmlns="http://www.w3.org/2000/svg" style="display: none">
<symbol id="pdl-download" viewBox="0 0 512 512">
<path
d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm-32-316v116h-67c-10.7 0-16 12.9-8.5 20.5l99 99c4.7 4.7 12.3 4.7 17 0l99-99c7.6-7.6 2.2-20.5-8.5-20.5h-67V140c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12z"
></path>
</symbol>
<symbol id="pdl-loading" viewBox="0 0 512 512">
<style>
@keyframes pdl-loading {
0% {
transform: rotate3d(0, 0, 1, -90deg) rotate3d(1, 0, 0, 0deg);
stroke-dashoffset: 1407.43;
}
49.99% {
transform: rotate3d(0, 0, 1, 90deg) rotate3d(1, 0, 0, 0deg);
}
50% {
transform: rotate3d(0, 0, 1, 90deg) rotate3d(1, 0, 0, 180deg);
stroke-dashoffset: 0;
}
100% {
transform: rotate3d(0, 0, 1, 270deg) rotate3d(1, 0, 0, 180deg);
stroke-dashoffset: 1407.43;
}
}
circle.rotate {
transform-origin: 50% 50%;
animation: 2.5s infinite ease-in-out pdl-loading;
}
</style>
<circle
class="rotate"
cx="256"
cy="256"
r="224"
stroke-width="48"
fill="none"
stroke-dasharray="1407.43"
stroke-dashoffset="1055.57"
stroke-linecap="round"
></circle>
</symbol>
<symbol id="pdl-progress" viewBox="0 0 512 512">
<style>
circle.progress {
transition: stroke-dashoffset 0.2s ease;
}
</style>
<circle
class="progress"
cx="256"
cy="256"
r="224"
stroke-width="48"
fill="none"
stroke-dasharray="1407.43"
stroke-linecap="round"
transform="rotate(-90 256 256)"
></circle>
</symbol>
<symbol id="pdl-error" viewBox="0 0 512 512">
<path
d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z"
></path>
</symbol>
<symbol id="pdl-complete" viewBox="0 0 512 512">
<path
d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z"
></path>
</symbol>
</svg>
`;
const iconTypeMap = {
init: "#pdl-download",
loading: "#pdl-loading",
progress: "#pdl-progress",
complete: "#pdl-complete",
error: "#pdl-error"
};
var ThumbnailBtnStatus = /* @__PURE__ */ ((ThumbnailBtnStatus2) => {
ThumbnailBtnStatus2["Init"] = "init";
ThumbnailBtnStatus2["Loading"] = "loading";
ThumbnailBtnStatus2["Progress"] = "progress";
ThumbnailBtnStatus2["Complete"] = "complete";
ThumbnailBtnStatus2["Error"] = "error";
return ThumbnailBtnStatus2;
})(ThumbnailBtnStatus || {});
var ThumbnailBtnType = /* @__PURE__ */ ((ThumbnailBtnType2) => {
ThumbnailBtnType2["Gallery"] = "gallery";
ThumbnailBtnType2["PixivMyBookmark"] = "pixiv-my-bookmark";
ThumbnailBtnType2["PixivHistory"] = "pixiv-history";
ThumbnailBtnType2["PixivPresentation"] = "pixiv-presentation";
ThumbnailBtnType2["PixivToolbar"] = "pixiv-toolbar";
ThumbnailBtnType2["PixivMangaViewer"] = "pixiv-manga-viewer";
ThumbnailBtnType2["DanbooruPool"] = "danbooru-pool";
return ThumbnailBtnType2;
})(ThumbnailBtnType || {});
class ThumbnailButton extends HTMLElement {
constructor(props) {
super();
__publicField(this, "status");
__publicField(this, "mediaId");
__publicField(this, "page");
__publicField(this, "type");
__publicField(this, "onClick");
this.status = "init";
this.mediaId = props.id;
this.page = props.page;
this.type = props.type;
this.onClick = props.onClick;
this.render();
}
static get observedAttributes() {
return ["status", "page", "disabled"];
}
attributeChangedCallback(name, oldValue, newValue) {
if (name === "status") {
this.updateIcon(newValue);
} else if (name === "page") {
this.updatePage(newValue);
} else {
this.updateDisableStatus(newValue);
}
}
updateDisableStatus(val) {
const btn = this.shadowRoot.querySelector("button");
if (typeof val === "string") {
btn.setAttribute("disabled", "");
} else {
btn.removeAttribute("disabled");
}
}
updatePage(page) {
const pageNum = Number(page);
if (!Number.isNaN(pageNum) && pageNum >= 0) {
this.page = pageNum;
}
}
updateIcon(status) {
if (status === null || !(status in iconTypeMap)) return;
const useEl = this.shadowRoot.querySelector("use");
this.status = status;
useEl.setAttribute("xlink:href", iconTypeMap[status]);
useEl.animate(
[
{
opacity: 0.5
},
{
opactiy: 1
}
],
{
duration: 200
}
);
}
render() {
const shadowRoot = this.attachShadow({ mode: "open" });
shadowRoot.innerHTML = ` <style>${btnStyle}</style>${svgGroup}<button part="button" class="pdl-thumbnail">
<svg xmlns="http://www.w3.org/2000/svg" class="pdl-icon">
<use xlink:href="#pdl-download"></use>
</svg>
<span></span>
</button>`;
this.type !== "danbooru-pool" && historyDb.has(this.mediaId).then((downloaded) => {
downloaded && this.setStatus(
"complete"
/* Complete */
);
});
this.setAttribute("pdl-id", this.mediaId);
this.page !== void 0 && !Number.isNaN(this.page) && this.setAttribute("page", String(this.page));
this.type && this.setAttribute("type", this.type);
}
connectedCallback() {
this.shadowRoot.lastElementChild.addEventListener("click", (evt) => {
evt.preventDefault();
evt.stopPropagation();
this.setAttribute("disabled", "");
this.setStatus(
"loading"
/* Loading */
);
Promise.resolve(this.onClick(this)).then(
() => {
this.setStatus(
"complete"
/* Complete */
);
},
(err) => {
if (err) logger.error(err);
this.setStatus(
"error"
/* Error */
);
}
).finally(() => {
this.removeAttribute("disabled");
});
});
}
setProgress(progress, updateProgressbar = true) {
if (progress < 0 || progress > 100) throw new RangeError('Value "progress" must between 0-100');
const shadowRoot = this.shadowRoot;
const span = shadowRoot.querySelector("span");
if (this.status !== "progress") {
this.setAttribute(
"status",
"progress"
/* Progress */
);
span.classList.toggle("show");
}
span.textContent = String(Math.floor(progress));
if (!updateProgressbar) return;
const svg = shadowRoot.querySelector("svg.pdl-icon");
const radius = 224;
const circumference = 2 * Math.PI * radius;
const offset = circumference - progress / 100 * circumference;
svg.style.strokeDashoffset = String(offset);
}
removeProgress() {
const shadowRoot = this.shadowRoot;
const span = shadowRoot.querySelector("span");
const svg = shadowRoot.querySelector("svg.pdl-icon");
span.classList.toggle("show");
span.addEventListener(
"transitionend",
() => {
span.textContent = "";
},
{ once: true }
);
svg.style.removeProperty("stroke-dashoffset");
if (this.status === "progress")
this.setAttribute(
"status",
"init"
/* Init */
);
}
setStatus(status) {
if (status !== this.status) {
if (status === "progress") {
this.setProgress(0);
return;
}
if (this.status === "progress") {
this.removeProgress();
}
this.setAttribute("status", status);
}
}
}
customElements.define("pdl-button", ThumbnailButton);
class DownloadConfigBuilder {
constructor(meta) {
this.meta = meta;
}
normalizeString(str) {
return replaceInvalidChar(unescapeHtml(str));
}
getFolderPattern() {
return config.get("folderPattern");
}
getFilenamePattern() {
return config.get("filenamePattern");
}
getFullpathPattern() {
const folder = this.getFolderPattern();
const filename = this.getFilenamePattern() + "." + this.meta.extendName;
return folder ? folder + "/" + filename : filename;
}
isBrowserApi() {
return env.isBrowserDownloadMode();
}
isFsaEnable() {
return downloader.fileSystemAccessEnabled;
}
supportSubpath() {
return this.isBrowserApi() || this.isFsaEnable();
}
isImage() {
return /bmp|jp(e)?g|png|tif|gif|exif|svg|webp/i.test(this.meta.extendName);
}
buildFilePath() {
const path = this.getFullpathPattern();
const { id, createDate } = this.meta;
let { artist, title, tags } = this.meta;
artist = this.normalizeString(artist);
title = this.normalizeString(title);
tags = tags.map((tag) => this.normalizeString(tag));
const replaceDate = (match, p1) => {
const format = p1 || "YYYY-MM-DD";
return dayjs(createDate).format(format);
};
return path.replaceAll(/\{date\((.*?)\)\}|\{date\}/g, replaceDate).replaceAll("{artist}", artist).replaceAll("{title}", title).replaceAll("{tags}", tags.join("_")).replaceAll("{id}", id);
}
}
function artworkProgressFactory$1(btn) {
if (!btn) return;
return function onArtworkProgress(progress) {
btn.setProgress(progress);
};
}
class Rule34DownloadConfig extends DownloadConfigBuilder {
constructor(meta) {
super(meta);
this.meta = meta;
}
getDownloadConfig(btn) {
return {
taskId: Math.random().toString(36).slice(2),
src: this.meta.src,
path: this.buildFilePath(),
source: this.meta,
timeout: this.isImage() ? 6e4 : void 0,
// GM_download下载带cf_clearance cookie
directSave: downloader.fileSystemAccessEnabled ? false : true,
onProgress: artworkProgressFactory$1(btn)
};
}
buildFilePath() {
const path = super.buildFilePath();
return path.replaceAll("{character}", this.normalizeString(this.meta.character));
}
}
function addBookmark$2(id) {
_unsafeWindow.addFav(id);
}
async function downloadArtwork$2(btn) {
downloader.dirHandleCheck();
const id = btn.getAttribute("pdl-id");
const mediaMeta = await rule34Parser.parse(id);
const { tags, artist, title } = mediaMeta;
const downloadConfigs = new Rule34DownloadConfig(mediaMeta).getDownloadConfig(btn);
config.get("addBookmark") && addBookmark$2(id);
await downloader.download(downloadConfigs);
const historyData = {
pid: Number(id),
user: artist,
title,
tags
};
historyDb.add(historyData);
}
const zh = {
setting: {
save_to: {
title: "保存至",
label: {
directory: "保存位置",
filename: "文件名"
},
options: {
use_fsa: "使用FileSystemAccess API",
fsa_directory: "选择保存文件夹",
fsa_filename_conflict: "当文件名重复时",
tag_language: "使用的标签语言",
tag_language_tips: "无翻译的标签仍可能是其他语言"
},
button: {
choose_fsa_directory: "浏览"
},
radio: {
filename_conflict_option_uniquify: "重命名",
filename_conflict_option_overwrite: "覆盖",
filename_conflict_option_prompt: "提示"
},
placeholder: {
sub_directory_unused: "如不需要保存到子目录，此行留空即可",
vm_not_supported: "Violentmonkey不支持",
need_browser_api: '请将下载模式设置为"Browser Api"',
filename_requried: "必填"
}
},
ugoira: {
title: "动图转换",
label: {
format: "动图格式",
quality: "动图质量"
},
options: {
select_format: "将动图转换到所选格式",
gif_tips: "数值越低颜色越好，但处理速度显著减慢",
webm_tips: "0最差，99最好",
webp_lossy: "无损转换",
webp_quality: "图片质量",
webp_quality_tips: "有损：0表示文件最小，100表示文件最大。无损：0最快，但文件较大，100最慢，但质量最好。",
webp_method: "压缩方法",
webp_method_tips: "0=快，6=慢但效果更好",
png_tips: "颜色数量。0：所有颜色（无损PNG）"
}
},
history: {
title: "下载历史",
label: {
export: "导出",
import: "导入",
clear: "清理"
},
options: {
export_as_json: "将下载历史导出为JSON文件",
export_as_csv: "将下载历史导出为CSV文件",
import_json: "导入JSON格式下载历史",
clear_history: "清除下载历史"
},
button: {
export: "导出记录",
import: "导入记录",
clear: "清除记录"
}
},
button_position: {
title: "按钮位置",
label: {
common: "通用",
my_bookmark: "我的收藏"
},
options: {
horizon_position: "水平位置",
vertical_position: "垂直位置"
}
},
others: {
title: "其它",
options: {
show_setting_button: "显示设置按钮",
bundle_multipage_illust: "将多页插图打包为zip压缩包",
bundle_manga: "将漫画作品打包为zip压缩包",
add_bookmark_when_download: "下载单个作品时收藏作品",
add_bookmark_with_tags: "收藏时添加作品标签",
add_bookmark_private_r18: "将R-18作品收藏到不公开类别"
}
},
feedback: {
title: "反馈 / 赞赏",
label: {
feedback: "反馈",
donate: "赞赏"
},
text: {
feedback_desc: ` 如果你在使用中发现了问题或有改进建议，欢迎到<a
href="https://sleazyfork.org/zh-CN/scripts/432150-pixiv-downloader/feedback"
target="_blank"
class=" anchor">此链接</a
>反馈。`,
donate_desc: "如果脚本有帮助到你，欢迎扫码请我喝杯可乐 ^_^"
}
}
},
button: {
setting: "设置",
download_stop: "停止",
download_works: "作品",
download_bookmarks: "收藏",
download_bookmarks_public: "公开",
download_bookmarks_private: "不公开",
download_all_one_page: "全部（单页）",
download_all: "全部（批量）",
download_r18_one_page: "R-18（单页）",
download_r18: "R-18（批量）"
},
checkbox: {
filter_exclude_downloaded: "排除已下载图片",
filter_illusts: "插画",
filter_manga: "漫画",
filter_ugoira: "动图"
},
text: {
confirm_clear_history: "真的要清除历史记录吗？"
}
};
const en = {
setting: {
save_to: {
title: "Save To",
label: {
directory: "Save Path",
filename: "Filename"
},
options: {
use_fsa: "Use FileSystemAccess API",
fsa_directory: "Select directory",
fsa_filename_conflict: "When filename conflicts",
tag_language: "Tag Language",
tag_language_tips: "Tags without translation may still be in another language"
},
button: {
choose_fsa_directory: "Browse"
},
radio: {
filename_conflict_option_uniquify: "Uniquify",
filename_conflict_option_overwrite: "Overwrite",
filename_conflict_option_prompt: "Prompt"
},
placeholder: {
sub_directory_unused: "Leave folder name blank if not saving to a subdirectory",
vm_not_supported: "Not supported by Violentmonkey",
need_browser_api: "Browser API required",
filename_requried: "Required"
}
},
ugoira: {
title: "Ugoira",
label: {
format: "Ugoira Format",
quality: "Ugoira Quality"
},
options: {
select_format: "Convert Ugoira to selected format",
gif_tips: "Lower values produce better colors, but slow processing significantly",
webm_tips: "0 (worst) to 99 (best)",
webp_lossy: "Lossless Webp",
webp_quality: "Image Quality",
webp_quality_tips: "For lossy, 0 gives the smallest size and 100 the largest. For lossless, 0 is the fastest but gives larger files compared to the slowest, but best, 100.",
webp_method: "Compression Method",
webp_method_tips: "Quality/speed trade-off (0=fast, 6=slower-better)",
png_tips: "Number of colors in the result; 0: all colors (lossless PNG)"
}
},
history: {
title: "History",
label: {
export: "Export",
import: "Import",
clear: "Clear"
},
options: {
export_as_json: "Export download history as JSON file",
export_as_csv: "Export download history as CSV file",
import_json: "Import JSON format download history",
clear_history: "Clear download history"
},
button: {
export: "Export",
import: "Import",
clear: "Clear"
}
},
button_position: {
title: "Button",
label: {
common: "Common",
my_bookmark: "My Bookmark"
},
options: {
horizon_position: "Horizontal Position",
vertical_position: "Vertical Position"
}
},
others: {
title: "Others",
options: {
show_setting_button: "Show Setting Button",
bundle_multipage_illust: "Bundle multipage illustrations into a zip file",
bundle_manga: "Bundle manga into a zip file",
add_bookmark_when_download: "Bookmark artwork when downloading",
add_bookmark_with_tags: "Add tags when bookmarking",
add_bookmark_private_r18: "Bookmark R-18 artwork as private"
}
},
feedback: {
title: "Feedback",
label: {
feedback: "Feedback",
donate: "Donate"
},
text: {
feedback_desc: `If you encounter any issues or have suggestions for improvements, feel free to provide feedback <a href="https://sleazyfork.org/zh-CN/scripts/432150-pixiv-downloader/feedback" target="_blank" class=" anchor">here</a>.`,
donate_desc: "如果脚本有帮助到你，欢迎扫码请我喝杯可乐 ^_^"
}
}
},
button: {
setting: "Setting",
download_stop: "Stop",
download_works: "Works",
download_bookmarks: "Bookmarks",
download_bookmarks_public: "Public",
download_bookmarks_private: "Private",
download_all_one_page: "All (one page)",
download_all: "All",
download_r18_one_page: "R-18 (one page)",
download_r18: "R-18"
},
checkbox: {
filter_exclude_downloaded: "Exclude downloaded",
filter_illusts: "Illustrations",
filter_manga: "Manga",
filter_ugoira: "Ugoira"
},
text: {
confirm_clear_history: "Do you really want to clear history?"
}
};
const messages = {
"zh-cn": zh,
"zh-tw": zh,
zh,
en
};
const curLang = navigator.language.toLowerCase();
const lang = curLang in messages ? curLang : "en";
function t(key) {
const paths = key.split(".");
let last2 = messages[lang];
for (let i = 0; i < paths.length; i++) {
const value = last2[paths[i]];
if (value === void 0 || value === null) return null;
last2 = value;
}
return last2;
}
function noop() {
}
const identity = (x) => x;
function assign(tar, src) {
for (const k in src) tar[k] = src[k];
return (
/** @type {T & S} */
tar
);
}
function run(fn) {
return fn();
}
function blank_object() {
return /* @__PURE__ */ Object.create(null);
}
function run_all(fns) {
fns.forEach(run);
}
function is_function(thing) {
return typeof thing === "function";
}
function safe_not_equal(a, b) {
return a != a ? b == b : a !== b || a && typeof a === "object" || typeof a === "function";
}
let src_url_equal_anchor;
function src_url_equal(element_src, url2) {
if (element_src === url2) return true;
if (!src_url_equal_anchor) {
src_url_equal_anchor = document.createElement("a");
}
src_url_equal_anchor.href = url2;
return element_src === src_url_equal_anchor.href;
}
function is_empty(obj) {
return Object.keys(obj).length === 0;
}
function subscribe(store, ...callbacks) {
if (store == null) {
for (const callback of callbacks) {
callback(void 0);
}
return noop;
}
const unsub = store.subscribe(...callbacks);
return unsub.unsubscribe ? () => unsub.unsubscribe() : unsub;
}
function get_store_value(store) {
let value;
subscribe(store, (_) => value = _)();
return value;
}
function component_subscribe(component, store, callback) {
component.$$.on_destroy.push(subscribe(store, callback));
}
function create_slot(definition, ctx, $$scope, fn) {
if (definition) {
const slot_ctx = get_slot_context(definition, ctx, $$scope, fn);
return definition[0](slot_ctx);
}
}
function get_slot_context(definition, ctx, $$scope, fn) {
return definition[1] && fn ? assign($$scope.ctx.slice(), definition[1](fn(ctx))) : $$scope.ctx;
}
function get_slot_changes(definition, $$scope, dirty, fn) {
if (definition[2] && fn) {
const lets = definition[2](fn(dirty));
if ($$scope.dirty === void 0) {
return lets;
}
if (typeof lets === "object") {
const merged = [];
const len = Math.max($$scope.dirty.length, lets.length);
for (let i = 0; i < len; i += 1) {
merged[i] = $$scope.dirty[i] | lets[i];
}
return merged;
}
return $$scope.dirty | lets;
}
return $$scope.dirty;
}
function update_slot_base(slot, slot_definition, ctx, $$scope, slot_changes, get_slot_context_fn) {
if (slot_changes) {
const slot_context = get_slot_context(slot_definition, ctx, $$scope, get_slot_context_fn);
slot.p(slot_context, slot_changes);
}
}
function get_all_dirty_from_scope($$scope) {
if ($$scope.ctx.length > 32) {
const dirty = [];
const length = $$scope.ctx.length / 32;
for (let i = 0; i < length; i++) {
dirty[i] = -1;
}
return dirty;
}
return -1;
}
function exclude_internal_props(props) {
const result = {};
for (const k in props) if (k[0] !== "$") result[k] = props[k];
return result;
}
function compute_rest_props(props, keys) {
const rest = {};
keys = new Set(keys);
for (const k in props) if (!keys.has(k) && k[0] !== "$") rest[k] = props[k];
return rest;
}
function compute_slots(slots) {
const result = {};
for (const key in slots) {
result[key] = true;
}
return result;
}
function set_store_value(store, ret, value) {
store.set(value);
return ret;
}
function action_destroyer(action_result) {
return action_result && is_function(action_result.destroy) ? action_result.destroy : noop;
}
function split_css_unit(value) {
const split = typeof value === "string" && value.match(/^\s*(-?[\d.]+)([^\s]*)\s*$/);
return split ? [parseFloat(split[1]), split[2] || "px"] : [
/** @type {number} */
value,
"px"
];
}
const is_client = typeof window !== "undefined";
let now = is_client ? () => window.performance.now() : () => Date.now();
let raf = is_client ? (cb) => requestAnimationFrame(cb) : noop;
const tasks = /* @__PURE__ */ new Set();
function run_tasks(now2) {
tasks.forEach((task) => {
if (!task.c(now2)) {
tasks.delete(task);
task.f();
}
});
if (tasks.size !== 0) raf(run_tasks);
}
function loop(callback) {
let task;
if (tasks.size === 0) raf(run_tasks);
return {
promise: new Promise((fulfill) => {
tasks.add(task = { c: callback, f: fulfill });
}),
abort() {
tasks.delete(task);
}
};
}
function append(target, node) {
target.appendChild(node);
}
function get_root_for_style(node) {
if (!node) return document;
const root = node.getRootNode ? node.getRootNode() : node.ownerDocument;
if (root && /** @type {ShadowRoot} */
root.host) {
return (
/** @type {ShadowRoot} */
root
);
}
return node.ownerDocument;
}
function append_empty_stylesheet(node) {
const style_element = element("style");
style_element.textContent = "/* empty */";
append_stylesheet(get_root_for_style(node), style_element);
return style_element.sheet;
}
function append_stylesheet(node, style) {
append(
/** @type {Document} */
node.head || node,
style
);
return style.sheet;
}
function insert(target, node, anchor) {
target.insertBefore(node, anchor || null);
}
function detach(node) {
if (node.parentNode) {
node.parentNode.removeChild(node);
}
}
function destroy_each(iterations, detaching) {
for (let i = 0; i < iterations.length; i += 1) {
if (iterations[i]) iterations[i].d(detaching);
}
}
function element(name) {
return document.createElement(name);
}
function svg_element(name) {
return document.createElementNS("http://www.w3.org/2000/svg", name);
}
function text(data2) {
return document.createTextNode(data2);
}
function space() {
return text(" ");
}
function empty() {
return text("");
}
function listen(node, event, handler, options) {
node.addEventListener(event, handler, options);
return () => node.removeEventListener(event, handler, options);
}
function stop_propagation(fn) {
return function(event) {
event.stopPropagation();
return fn.call(this, event);
};
}
function attr(node, attribute, value) {
if (value == null) node.removeAttribute(attribute);
else if (node.getAttribute(attribute) !== value) node.setAttribute(attribute, value);
}
const always_set_through_set_attribute = ["width", "height"];
function set_attributes(node, attributes) {
const descriptors = Object.getOwnPropertyDescriptors(node.__proto__);
for (const key in attributes) {
if (attributes[key] == null) {
node.removeAttribute(key);
} else if (key === "style") {
node.style.cssText = attributes[key];
} else if (key === "__value") {
node.value = node[key] = attributes[key];
} else if (descriptors[key] && descriptors[key].set && always_set_through_set_attribute.indexOf(key) === -1) {
node[key] = attributes[key];
} else {
attr(node, key, attributes[key]);
}
}
}
function init_binding_group(group) {
let _inputs;
return {
/* push */
p(...inputs) {
_inputs = inputs;
_inputs.forEach((input) => group.push(input));
},
/* remove */
r() {
_inputs.forEach((input) => group.splice(group.indexOf(input), 1));
}
};
}
function to_number(value) {
return value === "" ? null : +value;
}
function children(element2) {
return Array.from(element2.childNodes);
}
function set_data(text2, data2) {
data2 = "" + data2;
if (text2.data === data2) return;
text2.data = /** @type {string} */
data2;
}
function set_input_value(input, value) {
input.value = value == null ? "" : value;
}
function set_style(node, key, value, important) {
{
node.style.setProperty(key, value, "");
}
}
function select_option(select, value, mounting) {
for (let i = 0; i < select.options.length; i += 1) {
const option = select.options[i];
if (option.__value === value) {
option.selected = true;
return;
}
}
if (!mounting || value !== void 0) {
select.selectedIndex = -1;
}
}
function select_value(select) {
const selected_option = select.querySelector(":checked");
return selected_option && selected_option.__value;
}
function toggle_class(element2, name, toggle) {
element2.classList.toggle(name, !!toggle);
}
function custom_event(type, detail, { bubbles = false, cancelable = false } = {}) {
return new CustomEvent(type, { detail, bubbles, cancelable });
}
class HtmlTag {
constructor(is_svg = false) {
/**
* @private
* @default false
*/
__publicField(this, "is_svg", false);
/** parent for creating node */
__publicField(this, "e");
/** html tag nodes */
__publicField(this, "n");
/** target */
__publicField(this, "t");
/** anchor */
__publicField(this, "a");
this.is_svg = is_svg;
this.e = this.n = null;
}
/**
* @param {string} html
* @returns {void}
*/
c(html) {
this.h(html);
}
/**
* @param {string} html
* @param {HTMLElement | SVGElement} target
* @param {HTMLElement | SVGElement} anchor
* @returns {void}
*/
m(html, target, anchor = null) {
if (!this.e) {
if (this.is_svg)
this.e = svg_element(
/** @type {keyof SVGElementTagNameMap} */
target.nodeName
);
else
this.e = element(
/** @type {keyof HTMLElementTagNameMap} */
target.nodeType === 11 ? "TEMPLATE" : target.nodeName
);
this.t = target.tagName !== "TEMPLATE" ? target : (
/** @type {HTMLTemplateElement} */
target.content
);
this.c(html);
}
this.i(anchor);
}
/**
* @param {string} html
* @returns {void}
*/
h(html) {
this.e.innerHTML = html;
this.n = Array.from(
this.e.nodeName === "TEMPLATE" ? this.e.content.childNodes : this.e.childNodes
);
}
/**
* @returns {void} */
i(anchor) {
for (let i = 0; i < this.n.length; i += 1) {
insert(this.t, this.n[i], anchor);
}
}
/**
* @param {string} html
* @returns {void}
*/
p(html) {
this.d();
this.h(html);
this.i(this.a);
}
/**
* @returns {void} */
d() {
this.n.forEach(detach);
}
}
function get_custom_elements_slots(element2) {
const result = {};
element2.childNodes.forEach(
/** @param {Element} node */
(node) => {
result[node.slot || "default"] = true;
}
);
return result;
}
function construct_svelte_component(component, props) {
return new component(props);
}
const managed_styles = /* @__PURE__ */ new Map();
let active = 0;
function hash(str) {
let hash2 = 5381;
let i = str.length;
while (i--) hash2 = (hash2 << 5) - hash2 ^ str.charCodeAt(i);
return hash2 >>> 0;
}
function create_style_information(doc, node) {
const info = { stylesheet: append_empty_stylesheet(node), rules: {} };
managed_styles.set(doc, info);
return info;
}
function create_rule(node, a, b, duration, delay, ease, fn, uid = 0) {
const step2 = 16.666 / duration;
let keyframes = "{\n";
for (let p = 0; p <= 1; p += step2) {
const t2 = a + (b - a) * ease(p);
keyframes += p * 100 + `%{${fn(t2, 1 - t2)}}
`;
}
const rule = keyframes + `100% {${fn(b, 1 - b)}}
}`;
const name = `__svelte_${hash(rule)}_${uid}`;
const doc = get_root_for_style(node);
const { stylesheet, rules } = managed_styles.get(doc) || create_style_information(doc, node);
if (!rules[name]) {
rules[name] = true;
stylesheet.insertRule(`@keyframes ${name} ${rule}`, stylesheet.cssRules.length);
}
const animation = node.style.animation || "";
node.style.animation = `${animation ? `${animation}, ` : ""}${name} ${duration}ms linear ${delay}ms 1 both`;
active += 1;
return name;
}
function delete_rule(node, name) {
const previous = (node.style.animation || "").split(", ");
const next = previous.filter(
name ? (anim) => anim.indexOf(name) < 0 : (anim) => anim.indexOf("__svelte") === -1
// remove all Svelte animations
);
const deleted = previous.length - next.length;
if (deleted) {
node.style.animation = next.join(", ");
active -= deleted;
if (!active) clear_rules();
}
}
function clear_rules() {
raf(() => {
if (active) return;
managed_styles.forEach((info) => {
const { ownerNode } = info.stylesheet;
if (ownerNode) detach(ownerNode);
});
managed_styles.clear();
});
}
let current_component;
function set_current_component(component) {
current_component = component;
}
function get_current_component() {
if (!current_component) throw new Error("Function called outside component initialization");
return current_component;
}
function onMount(fn) {
get_current_component().$$.on_mount.push(fn);
}
function afterUpdate(fn) {
get_current_component().$$.after_update.push(fn);
}
function onDestroy(fn) {
get_current_component().$$.on_destroy.push(fn);
}
function createEventDispatcher() {
const component = get_current_component();
return (type, detail, { cancelable = false } = {}) => {
const callbacks = component.$$.callbacks[type];
if (callbacks) {
const event = custom_event(
/** @type {string} */
type,
detail,
{ cancelable }
);
callbacks.slice().forEach((fn) => {
fn.call(component, event);
});
return !event.defaultPrevented;
}
return true;
};
}
function setContext(key, context) {
get_current_component().$$.context.set(key, context);
return context;
}
function getContext(key) {
return get_current_component().$$.context.get(key);
}
function bubble(component, event) {
const callbacks = component.$$.callbacks[event.type];
if (callbacks) {
callbacks.slice().forEach((fn) => fn.call(this, event));
}
}
const dirty_components = [];
const binding_callbacks = [];
let render_callbacks = [];
const flush_callbacks = [];
const resolved_promise = /* @__PURE__ */ Promise.resolve();
let update_scheduled = false;
function schedule_update() {
if (!update_scheduled) {
update_scheduled = true;
resolved_promise.then(flush);
}
}
function add_render_callback(fn) {
render_callbacks.push(fn);
}
function add_flush_callback(fn) {
flush_callbacks.push(fn);
}
const seen_callbacks = /* @__PURE__ */ new Set();
let flushidx = 0;
function flush() {
if (flushidx !== 0) {
return;
}
const saved_component = current_component;
do {
try {
while (flushidx < dirty_components.length) {
const component = dirty_components[flushidx];
flushidx++;
set_current_component(component);
update(component.$$);
}
} catch (e) {
dirty_components.length = 0;
flushidx = 0;
throw e;
}
set_current_component(null);
dirty_components.length = 0;
flushidx = 0;
while (binding_callbacks.length) binding_callbacks.pop()();
for (let i = 0; i < render_callbacks.length; i += 1) {
const callback = render_callbacks[i];
if (!seen_callbacks.has(callback)) {
seen_callbacks.add(callback);
callback();
}
}
render_callbacks.length = 0;
} while (dirty_components.length);
while (flush_callbacks.length) {
flush_callbacks.pop()();
}
update_scheduled = false;
seen_callbacks.clear();
set_current_component(saved_component);
}
function update($$) {
if ($$.fragment !== null) {
$$.update();
run_all($$.before_update);
const dirty = $$.dirty;
$$.dirty = [-1];
$$.fragment && $$.fragment.p($$.ctx, dirty);
$$.after_update.forEach(add_render_callback);
}
}
function flush_render_callbacks(fns) {
const filtered = [];
const targets = [];
render_callbacks.forEach((c) => fns.indexOf(c) === -1 ? filtered.push(c) : targets.push(c));
targets.forEach((c) => c());
render_callbacks = filtered;
}
let promise;
function wait() {
if (!promise) {
promise = Promise.resolve();
promise.then(() => {
promise = null;
});
}
return promise;
}
function dispatch(node, direction, kind) {
node.dispatchEvent(custom_event(`${direction ? "intro" : "outro"}${kind}`));
}
const outroing = /* @__PURE__ */ new Set();
let outros;
function group_outros() {
outros = {
r: 0,
c: [],
p: outros
// parent group
};
}
function check_outros() {
if (!outros.r) {
run_all(outros.c);
}
outros = outros.p;
}
function transition_in(block, local) {
if (block && block.i) {
outroing.delete(block);
block.i(local);
}
}
function transition_out(block, local, detach2, callback) {
if (block && block.o) {
if (outroing.has(block)) return;
outroing.add(block);
outros.c.push(() => {
outroing.delete(block);
if (callback) {
if (detach2) block.d(1);
callback();
}
});
block.o(local);
} else if (callback) {
callback();
}
}
const null_transition = { duration: 0 };
function create_in_transition(node, fn, params) {
const options = { direction: "in" };
let config2 = fn(node, params, options);
let running = false;
let animation_name;
let task;
let uid = 0;
function cleanup() {
if (animation_name) delete_rule(node, animation_name);
}
function go() {
const {
delay = 0,
duration = 300,
easing = identity,
tick = noop,
css
} = config2 || null_transition;
if (css) animation_name = create_rule(node, 0, 1, duration, delay, easing, css, uid++);
tick(0, 1);
const start_time = now() + delay;
const end_time = start_time + duration;
if (task) task.abort();
running = true;
add_render_callback(() => dispatch(node, true, "start"));
task = loop((now2) => {
if (running) {
if (now2 >= end_time) {
tick(1, 0);
dispatch(node, true, "end");
cleanup();
return running = false;
}
if (now2 >= start_time) {
const t2 = easing((now2 - start_time) / duration);
tick(t2, 1 - t2);
}
}
return running;
});
}
let started = false;
return {
start() {
if (started) return;
started = true;
delete_rule(node);
if (is_function(config2)) {
config2 = config2(options);
wait().then(go);
} else {
go();
}
},
invalidate() {
started = false;
},
end() {
if (running) {
cleanup();
running = false;
}
}
};
}
function create_out_transition(node, fn, params) {
const options = { direction: "out" };
let config2 = fn(node, params, options);
let running = true;
let animation_name;
const group = outros;
group.r += 1;
let original_inert_value;
function go() {
const {
delay = 0,
duration = 300,
easing = identity,
tick = noop,
css
} = config2 || null_transition;
if (css) animation_name = create_rule(node, 1, 0, duration, delay, easing, css);
const start_time = now() + delay;
const end_time = start_time + duration;
add_render_callback(() => dispatch(node, false, "start"));
if ("inert" in node) {
original_inert_value = /** @type {HTMLElement} */
node.inert;
node.inert = true;
}
loop((now2) => {
if (running) {
if (now2 >= end_time) {
tick(0, 1);
dispatch(node, false, "end");
if (!--group.r) {
run_all(group.c);
}
return false;
}
if (now2 >= start_time) {
const t2 = easing((now2 - start_time) / duration);
tick(1 - t2, t2);
}
}
return running;
});
}
if (is_function(config2)) {
wait().then(() => {
config2 = config2(options);
go();
});
} else {
go();
}
return {
end(reset) {
if (reset && "inert" in node) {
node.inert = original_inert_value;
}
if (reset && config2.tick) {
config2.tick(1, 0);
}
if (running) {
if (animation_name) delete_rule(node, animation_name);
running = false;
}
}
};
}
function create_bidirectional_transition(node, fn, params, intro) {
const options = { direction: "both" };
let config2 = fn(node, params, options);
let t2 = intro ? 0 : 1;
let running_program = null;
let pending_program = null;
let animation_name = null;
let original_inert_value;
function clear_animation() {
if (animation_name) delete_rule(node, animation_name);
}
function init2(program, duration) {
const d = (
/** @type {Program['d']} */
program.b - t2
);
duration *= Math.abs(d);
return {
a: t2,
b: program.b,
d,
duration,
start: program.start,
end: program.start + duration,
group: program.group
};
}
function go(b) {
const {
delay = 0,
duration = 300,
easing = identity,
tick = noop,
css
} = config2 || null_transition;
const program = {
start: now() + delay,
b
};
if (!b) {
program.group = outros;
outros.r += 1;
}
if ("inert" in node) {
if (b) {
if (original_inert_value !== void 0) {
node.inert = original_inert_value;
}
} else {
original_inert_value = /** @type {HTMLElement} */
node.inert;
node.inert = true;
}
}
if (running_program || pending_program) {
pending_program = program;
} else {
if (css) {
clear_animation();
animation_name = create_rule(node, t2, b, duration, delay, easing, css);
}
if (b) tick(0, 1);
running_program = init2(program, duration);
add_render_callback(() => dispatch(node, b, "start"));
loop((now2) => {
if (pending_program && now2 > pending_program.start) {
running_program = init2(pending_program, duration);
pending_program = null;
dispatch(node, running_program.b, "start");
if (css) {
clear_animation();
animation_name = create_rule(
node,
t2,
running_program.b,
running_program.duration,
0,
easing,
config2.css
);
}
}
if (running_program) {
if (now2 >= running_program.end) {
tick(t2 = running_program.b, 1 - t2);
dispatch(node, running_program.b, "end");
if (!pending_program) {
if (running_program.b) {
clear_animation();
} else {
if (!--running_program.group.r) run_all(running_program.group.c);
}
}
running_program = null;
} else if (now2 >= running_program.start) {
const p = now2 - running_program.start;
t2 = running_program.a + running_program.d * easing(p / running_program.duration);
tick(t2, 1 - t2);
}
}
return !!(running_program || pending_program);
});
}
}
return {
run(b) {
if (is_function(config2)) {
wait().then(() => {
const opts = { direction: b ? "in" : "out" };
config2 = config2(opts);
go(b);
});
} else {
go(b);
}
},
end() {
clear_animation();
running_program = pending_program = null;
}
};
}
function ensure_array_like(array_like_or_iterator) {
return (array_like_or_iterator == null ? void 0 : array_like_or_iterator.length) !== void 0 ? array_like_or_iterator : Array.from(array_like_or_iterator);
}
function get_spread_update(levels, updates) {
const update2 = {};
const to_null_out = {};
const accounted_for = { $$scope: 1 };
let i = levels.length;
while (i--) {
const o = levels[i];
const n = updates[i];
if (n) {
for (const key in o) {
if (!(key in n)) to_null_out[key] = 1;
}
for (const key in n) {
if (!accounted_for[key]) {
update2[key] = n[key];
accounted_for[key] = 1;
}
}
levels[i] = n;
} else {
for (const key in o) {
accounted_for[key] = 1;
}
}
}
for (const key in to_null_out) {
if (!(key in update2)) update2[key] = void 0;
}
return update2;
}
function get_spread_object(spread_props) {
return typeof spread_props === "object" && spread_props !== null ? spread_props : {};
}
function bind(component, name, callback) {
const index = component.$$.props[name];
if (index !== void 0) {
component.$$.bound[index] = callback;
callback(component.$$.ctx[index]);
}
}
function create_component(block) {
block && block.c();
}
function mount_component(component, target, anchor) {
const { fragment, after_update } = component.$$;
fragment && fragment.m(target, anchor);
add_render_callback(() => {
const new_on_destroy = component.$$.on_mount.map(run).filter(is_function);
if (component.$$.on_destroy) {
component.$$.on_destroy.push(...new_on_destroy);
} else {
run_all(new_on_destroy);
}
component.$$.on_mount = [];
});
after_update.forEach(add_render_callback);
}
function destroy_component(component, detaching) {
const $$ = component.$$;
if ($$.fragment !== null) {
flush_render_callbacks($$.after_update);
run_all($$.on_destroy);
$$.fragment && $$.fragment.d(detaching);
$$.on_destroy = $$.fragment = null;
$$.ctx = [];
}
}
function make_dirty(component, i) {
if (component.$$.dirty[0] === -1) {
dirty_components.push(component);
schedule_update();
component.$$.dirty.fill(0);
}
component.$$.dirty[i / 31 | 0] |= 1 << i % 31;
}
function init(component, options, instance2, create_fragment2, not_equal, props, append_styles = null, dirty = [-1]) {
const parent_component = current_component;
set_current_component(component);
const $$ = component.$$ = {
fragment: null,
ctx: [],
// state
props,
update: noop,
not_equal,
bound: blank_object(),
// lifecycle
on_mount: [],
on_destroy: [],
on_disconnect: [],
before_update: [],
after_update: [],
context: new Map(options.context || (parent_component ? parent_component.$$.context : [])),
// everything else
callbacks: blank_object(),
dirty,
skip_bound: false,
root: options.target || parent_component.$$.root
};
append_styles && append_styles($$.root);
let ready = false;
$$.ctx = instance2 ? instance2(component, options.props || {}, (i, ret, ...rest) => {
const value = rest.length ? rest[0] : ret;
if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {
if (!$$.skip_bound && $$.bound[i]) $$.bound[i](value);
if (ready) make_dirty(component, i);
}
return ret;
}) : [];
$$.update();
ready = true;
run_all($$.before_update);
$$.fragment = create_fragment2 ? create_fragment2($$.ctx) : false;
if (options.target) {
if (options.hydrate) {
const nodes = children(options.target);
$$.fragment && $$.fragment.l(nodes);
nodes.forEach(detach);
} else {
$$.fragment && $$.fragment.c();
}
if (options.intro) transition_in(component.$$.fragment);
mount_component(component, options.target, options.anchor);
flush();
}
set_current_component(parent_component);
}
let SvelteElement;
if (typeof HTMLElement === "function") {
SvelteElement = class extends HTMLElement {
constructor($$componentCtor, $$slots, use_shadow_dom) {
super();
/** The Svelte component constructor */
__publicField(this, "$$ctor");
/** Slots */
__publicField(this, "$$s");
/** The Svelte component instance */
__publicField(this, "$$c");
/** Whether or not the custom element is connected */
__publicField(this, "$$cn", false);
/** Component props data */
__publicField(this, "$$d", {});
/** `true` if currently in the process of reflecting component props back to attributes */
__publicField(this, "$$r", false);
/** @type {Record<string, CustomElementPropDefinition>} Props definition (name, reflected, type etc) */
__publicField(this, "$$p_d", {});
/** @type {Record<string, Function[]>} Event listeners */
__publicField(this, "$$l", {});
/** @type {Map<Function, Function>} Event listener unsubscribe functions */
__publicField(this, "$$l_u", /* @__PURE__ */ new Map());
this.$$ctor = $$componentCtor;
this.$$s = $$slots;
if (use_shadow_dom) {
this.attachShadow({ mode: "open" });
}
}
addEventListener(type, listener, options) {
this.$$l[type] = this.$$l[type] || [];
this.$$l[type].push(listener);
if (this.$$c) {
const unsub = this.$$c.$on(type, listener);
this.$$l_u.set(listener, unsub);
}
super.addEventListener(type, listener, options);
}
removeEventListener(type, listener, options) {
super.removeEventListener(type, listener, options);
if (this.$$c) {
const unsub = this.$$l_u.get(listener);
if (unsub) {
unsub();
this.$$l_u.delete(listener);
}
}
}
async connectedCallback() {
this.$$cn = true;
if (!this.$$c) {
let create_slot2 = function(name) {
return () => {
let node;
const obj = {
c: function create() {
node = element("slot");
if (name !== "default") {
attr(node, "name", name);
}
},
/**
* @param {HTMLElement} target
* @param {HTMLElement} [anchor]
*/
m: function mount(target, anchor) {
insert(target, node, anchor);
},
d: function destroy(detaching) {
if (detaching) {
detach(node);
}
}
};
return obj;
};
};
await Promise.resolve();
if (!this.$$cn || this.$$c) {
return;
}
const $$slots = {};
const existing_slots = get_custom_elements_slots(this);
for (const name of this.$$s) {
if (name in existing_slots) {
$$slots[name] = [create_slot2(name)];
}
}
for (const attribute of this.attributes) {
const name = this.$$g_p(attribute.name);
if (!(name in this.$$d)) {
this.$$d[name] = get_custom_element_value(name, attribute.value, this.$$p_d, "toProp");
}
}
for (const key in this.$$p_d) {
if (!(key in this.$$d) && this[key] !== void 0) {
this.$$d[key] = this[key];
delete this[key];
}
}
this.$$c = new this.$$ctor({
target: this.shadowRoot || this,
props: {
...this.$$d,
$$slots,
$$scope: {
ctx: []
}
}
});
const reflect_attributes = () => {
this.$$r = true;
for (const key in this.$$p_d) {
this.$$d[key] = this.$$c.$$.ctx[this.$$c.$$.props[key]];
if (this.$$p_d[key].reflect) {
const attribute_value = get_custom_element_value(
key,
this.$$d[key],
this.$$p_d,
"toAttribute"
);
if (attribute_value == null) {
this.removeAttribute(this.$$p_d[key].attribute || key);
} else {
this.setAttribute(this.$$p_d[key].attribute || key, attribute_value);
}
}
}
this.$$r = false;
};
this.$$c.$$.after_update.push(reflect_attributes);
reflect_attributes();
for (const type in this.$$l) {
for (const listener of this.$$l[type]) {
const unsub = this.$$c.$on(type, listener);
this.$$l_u.set(listener, unsub);
}
}
this.$$l = {};
}
}
// We don't need this when working within Svelte code, but for compatibility of people using this outside of Svelte
// and setting attributes through setAttribute etc, this is helpful
attributeChangedCallback(attr2, _oldValue, newValue) {
var _a;
if (this.$$r) return;
attr2 = this.$$g_p(attr2);
this.$$d[attr2] = get_custom_element_value(attr2, newValue, this.$$p_d, "toProp");
(_a = this.$$c) == null ? void 0 : _a.$set({ [attr2]: this.$$d[attr2] });
}
disconnectedCallback() {
this.$$cn = false;
Promise.resolve().then(() => {
if (!this.$$cn && this.$$c) {
this.$$c.$destroy();
this.$$c = void 0;
}
});
}
$$g_p(attribute_name) {
return Object.keys(this.$$p_d).find(
(key) => this.$$p_d[key].attribute === attribute_name || !this.$$p_d[key].attribute && key.toLowerCase() === attribute_name
) || attribute_name;
}
};
}
function get_custom_element_value(prop, value, props_definition, transform) {
var _a;
const type = (_a = props_definition[prop]) == null ? void 0 : _a.type;
value = type === "Boolean" && typeof value !== "boolean" ? value != null : value;
if (!transform || !props_definition[prop]) {
return value;
} else if (transform === "toAttribute") {
switch (type) {
case "Object":
case "Array":
return value == null ? null : JSON.stringify(value);
case "Boolean":
return value ? "" : null;
case "Number":
return value == null ? null : value;
default:
return value;
}
} else {
switch (type) {
case "Object":
case "Array":
return value && JSON.parse(value);
case "Boolean":
return value;
case "Number":
return value != null ? +value : value;
default:
return value;
}
}
}
function create_custom_element(Component, props_definition, slots, accessors, use_shadow_dom, extend) {
let Class = class extends SvelteElement {
constructor() {
super(Component, slots, use_shadow_dom);
this.$$p_d = props_definition;
}
static get observedAttributes() {
return Object.keys(props_definition).map(
(key) => (props_definition[key].attribute || key).toLowerCase()
);
}
};
Object.keys(props_definition).forEach((prop) => {
Object.defineProperty(Class.prototype, prop, {
get() {
return this.$$c && prop in this.$$c ? this.$$c[prop] : this.$$d[prop];
},
set(value) {
var _a;
value = get_custom_element_value(prop, value, props_definition);
this.$$d[prop] = value;
(_a = this.$$c) == null ? void 0 : _a.$set({ [prop]: value });
}
});
});
accessors.forEach((accessor) => {
Object.defineProperty(Class.prototype, accessor, {
get() {
var _a;
return (_a = this.$$c) == null ? void 0 : _a[accessor];
}
});
});
Component.element = /** @type {any} */
Class;
return Class;
}
class SvelteComponent {
constructor() {
/**
* ### PRIVATE API
*
* Do not use, may change at any time
*
* @type {any}
*/
__publicField(this, "$$");
/**
* ### PRIVATE API
*
* Do not use, may change at any time
*
* @type {any}
*/
__publicField(this, "$$set");
}
/** @returns {void} */
$destroy() {
destroy_component(this, 1);
this.$destroy = noop;
}
/**
* @template {Extract<keyof Events, string>} K
* @param {K} type
* @param {((e: Events[K]) => void) | null | undefined} callback
* @returns {() => void}
*/
$on(type, callback) {
if (!is_function(callback)) {
return noop;
}
const callbacks = this.$$.callbacks[type] || (this.$$.callbacks[type] = []);
callbacks.push(callback);
return () => {
const index = callbacks.indexOf(callback);
if (index !== -1) callbacks.splice(index, 1);
};
}
/**
* @param {Partial<Props>} props
* @returns {void}
*/
$set(props) {
if (this.$$set && !is_empty(props)) {
this.$$.skip_bound = true;
this.$$set(props);
this.$$.skip_bound = false;
}
}
}
const PUBLIC_VERSION = "4";
if (typeof window !== "undefined")
(window.__svelte || (window.__svelte = { v: /* @__PURE__ */ new Set() })).v.add(PUBLIC_VERSION);
const subscriber_queue = [];
function readable(value, start) {
return {
subscribe: writable(value, start).subscribe
};
}
function writable(value, start = noop) {
let stop;
const subscribers = /* @__PURE__ */ new Set();
function set(new_value) {
if (safe_not_equal(value, new_value)) {
value = new_value;
if (stop) {
const run_queue = !subscriber_queue.length;
for (const subscriber of subscribers) {
subscriber[1]();
subscriber_queue.push(subscriber, value);
}
if (run_queue) {
for (let i = 0; i < subscriber_queue.length; i += 2) {
subscriber_queue[i][0](subscriber_queue[i + 1]);
}
subscriber_queue.length = 0;
}
}
}
}
function update2(fn) {
set(fn(value));
}
function subscribe2(run2, invalidate = noop) {
const subscriber = [run2, invalidate];
subscribers.add(subscriber);
if (subscribers.size === 1) {
stop = start(set, update2) || noop;
}
run2(value);
return () => {
subscribers.delete(subscriber);
if (subscribers.size === 0 && stop) {
stop();
stop = null;
}
};
}
return { set, update: update2, subscribe: subscribe2 };
}
const DRAWER_STORE_KEY = "drawerStore";
function initializeDrawerStore() {
const drawerStore = drawerService();
return setContext(DRAWER_STORE_KEY, drawerStore);
}
function drawerService() {
const { subscribe: subscribe2, set, update: update2 } = writable({});
return {
subscribe: subscribe2,
set,
update: update2,
/** Open the drawer. */
open: (newSettings) => update2(() => {
return { open: true, ...newSettings };
}),
/** Close the drawer. */
close: () => update2((d) => {
d.open = false;
return d;
})
};
}
const MODAL_STORE_KEY = "modalStore";
function getModalStore() {
const modalStore = getContext(MODAL_STORE_KEY);
if (!modalStore)
throw new Error("modalStore is not initialized. Please ensure that `initializeStores()` is invoked in the root layout file of this app!");
return modalStore;
}
function initializeModalStore() {
const modalStore = modalService();
return setContext(MODAL_STORE_KEY, modalStore);
}
function modalService() {
const { subscribe: subscribe2, set, update: update2 } = writable([]);
return {
subscribe: subscribe2,
set,
update: update2,
/** Append to end of queue. */
trigger: (modal) => update2((mStore) => {
mStore.push(modal);
return mStore;
}),
/** Remove first item in queue. */
close: () => update2((mStore) => {
if (mStore.length > 0)
mStore.shift();
return mStore;
}),
/** Remove all items from queue. */
clear: () => set([])
};
}
const toastDefaults = { message: "Missing Toast Message", autohide: true, timeout: 5e3 };
const TOAST_STORE_KEY = "toastStore";
function initializeToastStore() {
const toastStore = toastService();
return setContext(TOAST_STORE_KEY, toastStore);
}
function randomUUID() {
const random = Math.random();
return Number(random).toString(32);
}
function toastService() {
const { subscribe: subscribe2, set, update: update2 } = writable([]);
const close = (id) => update2((tStore) => {
if (tStore.length > 0) {
const index = tStore.findIndex((t2) => t2.id === id);
const selectedToast = tStore[index];
if (selectedToast) {
if (selectedToast.callback)
selectedToast.callback({ id, status: "closed" });
if (selectedToast.timeoutId)
clearTimeout(selectedToast.timeoutId);
tStore.splice(index, 1);
}
}
return tStore;
});
function handleAutoHide(toast) {
if (toast.autohide === true) {
return setTimeout(() => {
close(toast.id);
}, toast.timeout);
}
}
return {
subscribe: subscribe2,
close,
/** Add a new toast to the queue. */
trigger: (toast) => {
const id = randomUUID();
update2((tStore) => {
if (toast && toast.callback)
toast.callback({ id, status: "queued" });
if (toast.hideDismiss)
toast.autohide = true;
const tMerged = { ...toastDefaults, ...toast, id };
tMerged.timeoutId = handleAutoHide(tMerged);
tStore.push(tMerged);
return tStore;
});
return id;
},
/** Remain visible on hover */
freeze: (index) => update2((tStore) => {
if (tStore.length > 0)
clearTimeout(tStore[index].timeoutId);
return tStore;
}),
/** Cancel remain visible on leave */
unfreeze: (index) => update2((tStore) => {
if (tStore.length > 0)
tStore[index].timeoutId = handleAutoHide(tStore[index]);
return tStore;
}),
/** Remove all toasts from queue */
clear: () => set([])
};
}
function initializeStores() {
initializeModalStore();
initializeToastStore();
initializeDrawerStore();
}
const stores = {};
function getStorage(type) {
return type === "local" ? localStorage : sessionStorage;
}
function localStorageStore(key, initialValue, options) {
const serializer = JSON;
const storageType = "local";
function updateStorage(key2, value) {
getStorage(storageType).setItem(key2, serializer.stringify(value));
}
if (!stores[key]) {
const store = writable(initialValue, (set2) => {
const json = getStorage(storageType).getItem(key);
if (json) {
set2(serializer.parse(json));
}
{
const handleStorage = (event) => {
if (event.key === key)
set2(event.newValue ? serializer.parse(event.newValue) : null);
};
window.addEventListener("storage", handleStorage);
return () => window.removeEventListener("storage", handleStorage);
}
});
const { subscribe: subscribe2, set } = store;
stores[key] = {
set(value) {
updateStorage(key, value);
set(value);
},
update(updater) {
const value = updater(get_store_value(store));
updateStorage(key, value);
set(value);
},
subscribe: subscribe2
};
}
return stores[key];
}
localStorageStore("modeOsPrefers", false);
localStorageStore("modeUserPrefers", void 0);
localStorageStore("modeCurrent", false);
const reducedMotionQuery = "(prefers-reduced-motion: reduce)";
function prefersReducedMotion() {
return window.matchMedia(reducedMotionQuery).matches;
}
const prefersReducedMotionStore = readable(prefersReducedMotion(), (set) => {
{
const setReducedMotion = (event) => {
set(event.matches);
};
const mediaQueryList = window.matchMedia(reducedMotionQuery);
mediaQueryList.addEventListener("change", setReducedMotion);
return () => {
mediaQueryList.removeEventListener("change", setReducedMotion);
};
}
});
function focusTrap(node, enabled) {
const elemWhitelist = 'a[href]:not([tabindex="-1"]), button:not([tabindex="-1"]), input:not([tabindex="-1"]), textarea:not([tabindex="-1"]), select:not([tabindex="-1"]), details:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])';
let elemFirst;
let elemLast;
function onFirstElemKeydown(e) {
if (e.shiftKey && e.code === "Tab") {
e.preventDefault();
elemLast.focus();
}
}
function onLastElemKeydown(e) {
if (!e.shiftKey && e.code === "Tab") {
e.preventDefault();
elemFirst.focus();
}
}
const sortByTabIndex = (focusableElems) => {
return focusableElems.filter((elem) => elem.tabIndex >= 0).sort((a, b) => {
if (a.tabIndex === 0 && b.tabIndex > 0)
return 1;
else if (a.tabIndex > 0 && b.tabIndex === 0)
return -1;
else
return a.tabIndex - b.tabIndex;
});
};
const getFocusTrapTarget = (elemFirst2) => {
const focusindexElements = [...node.querySelectorAll("[data-focusindex]")];
if (!focusindexElements || focusindexElements.length === 0)
return elemFirst2;
return focusindexElements.sort((a, b) => {
return +a.dataset.focusindex - +b.dataset.focusindex;
})[0] || elemFirst2;
};
const onScanElements = (fromObserver) => {
if (enabled === false)
return;
const focusableElems = sortByTabIndex(Array.from(node.querySelectorAll(elemWhitelist)));
if (focusableElems.length) {
elemFirst = focusableElems[0];
elemLast = focusableElems[focusableElems.length - 1];
if (!fromObserver)
getFocusTrapTarget(elemFirst).focus();
elemFirst.addEventListener("keydown", onFirstElemKeydown);
elemLast.addEventListener("keydown", onLastElemKeydown);
}
};
onScanElements(false);
function onCleanUp() {
if (elemFirst)
elemFirst.removeEventListener("keydown", onFirstElemKeydown);
if (elemLast)
elemLast.removeEventListener("keydown", onLastElemKeydown);
}
const onObservationChange = (mutationRecords, observer2) => {
if (mutationRecords.length) {
onCleanUp();
onScanElements(true);
}
return observer2;
};
const observer = new MutationObserver(onObservationChange);
observer.observe(node, { childList: true, subtree: true });
return {
update(newArgs) {
enabled = newArgs;
newArgs ? onScanElements(false) : onCleanUp();
},
destroy() {
onCleanUp();
observer.disconnect();
}
};
}
function cubicOut(t2) {
const f = t2 - 1;
return f * f * f + 1;
}
function fade(node, { delay = 0, duration = 400, easing = identity } = {}) {
const o = +getComputedStyle(node).opacity;
return {
delay,
duration,
easing,
css: (t2) => `opacity: ${t2 * o}`
};
}
function fly(node, { delay = 0, duration = 400, easing = cubicOut, x = 0, y = 0, opacity = 0 } = {}) {
const style = getComputedStyle(node);
const target_opacity = +style.opacity;
const transform = style.transform === "none" ? "" : style.transform;
const od = target_opacity * (1 - opacity);
const [xValue, xUnit] = split_css_unit(x);
const [yValue, yUnit] = split_css_unit(y);
return {
delay,
duration,
easing,
css: (t2, u) => `
transform: ${transform} translate(${(1 - t2) * xValue}${xUnit}, ${(1 - t2) * yValue}${yUnit});
opacity: ${target_opacity - od * u}`
};
}
function dynamicTransition(node, dynParams) {
const { transition, params, enabled } = dynParams;
if (enabled)
return transition(node, params);
if ("duration" in params)
return transition(node, { duration: 0 });
return { duration: 0 };
}
const get_headline_slot_changes = (dirty) => ({});
const get_headline_slot_context = (ctx) => ({});
const get_trail_slot_changes$2 = (dirty) => ({});
const get_trail_slot_context$2 = (ctx) => ({});
const get_lead_slot_changes$1 = (dirty) => ({});
const get_lead_slot_context$1 = (ctx) => ({});
function create_if_block_2$3(ctx) {
let div;
let div_class_value;
let current;
const lead_slot_template = (
/*#slots*/
ctx[22].lead
);
const lead_slot = create_slot(
lead_slot_template,
ctx,
/*$$scope*/
ctx[21],
get_lead_slot_context$1
);
return {
c() {
div = element("div");
if (lead_slot) lead_slot.c();
attr(div, "class", div_class_value = "app-bar-slot-lead " + /*classesSlotLead*/
ctx[4]);
},
m(target, anchor) {
insert(target, div, anchor);
if (lead_slot) {
lead_slot.m(div, null);
}
current = true;
},
p(ctx2, dirty) {
if (lead_slot) {
if (lead_slot.p && (!current || dirty & /*$$scope*/
2097152)) {
update_slot_base(
lead_slot,
lead_slot_template,
ctx2,
/*$$scope*/
ctx2[21],
!current ? get_all_dirty_from_scope(
/*$$scope*/
ctx2[21]
) : get_slot_changes(
lead_slot_template,
/*$$scope*/
ctx2[21],
dirty,
get_lead_slot_changes$1
),
get_lead_slot_context$1
);
}
}
if (!current || dirty & /*classesSlotLead*/
16 && div_class_value !== (div_class_value = "app-bar-slot-lead " + /*classesSlotLead*/
ctx2[4])) {
attr(div, "class", div_class_value);
}
},
i(local) {
if (current) return;
transition_in(lead_slot, local);
current = true;
},
o(local) {
transition_out(lead_slot, local);
current = false;
},
d(detaching) {
if (detaching) {
detach(div);
}
if (lead_slot) lead_slot.d(detaching);
}
};
}
function create_if_block_1$4(ctx) {
let div;
let div_class_value;
let current;
const trail_slot_template = (
/*#slots*/
ctx[22].trail
);
const trail_slot = create_slot(
trail_slot_template,
ctx,
/*$$scope*/
ctx[21],
get_trail_slot_context$2
);
return {
c() {
div = element("div");
if (trail_slot) trail_slot.c();
attr(div, "class", div_class_value = "app-bar-slot-trail " + /*classesSlotTrail*/
ctx[2]);
},
m(target, anchor) {
insert(target, div, anchor);
if (trail_slot) {
trail_slot.m(div, null);
}
current = true;
},
p(ctx2, dirty) {
if (trail_slot) {
if (trail_slot.p && (!current || dirty & /*$$scope*/
2097152)) {
update_slot_base(
trail_slot,
trail_slot_template,
ctx2,
/*$$scope*/
ctx2[21],
!current ? get_all_dirty_from_scope(
/*$$scope*/
ctx2[21]
) : get_slot_changes(
trail_slot_template,
/*$$scope*/
ctx2[21],
dirty,
get_trail_slot_changes$2
),
get_trail_slot_context$2
);
}
}
if (!current || dirty & /*classesSlotTrail*/
4 && div_class_value !== (div_class_value = "app-bar-slot-trail " + /*classesSlotTrail*/
ctx2[2])) {
attr(div, "class", div_class_value);
}
},
i(local) {
if (current) return;
transition_in(trail_slot, local);
current = true;
},
o(local) {
transition_out(trail_slot, local);
current = false;
},
d(detaching) {
if (detaching) {
detach(div);
}
if (trail_slot) trail_slot.d(detaching);
}
};
}
function create_if_block$a(ctx) {
let div;
let div_class_value;
let current;
const headline_slot_template = (
/*#slots*/
ctx[22].headline
);
const headline_slot = create_slot(
headline_slot_template,
ctx,
/*$$scope*/
ctx[21],
get_headline_slot_context
);
return {
c() {
div = element("div");
if (headline_slot) headline_slot.c();
attr(div, "class", div_class_value = "app-bar-row-headline " + /*classesRowHeadline*/
ctx[5]);
},
m(target, anchor) {
insert(target, div, anchor);
if (headline_slot) {
headline_slot.m(div, null);
}
current = true;
},
p(ctx2, dirty) {
if (headline_slot) {
if (headline_slot.p && (!current || dirty & /*$$scope*/
2097152)) {
update_slot_base(
headline_slot,
headline_slot_template,
ctx2,
/*$$scope*/
ctx2[21],
!current ? get_all_dirty_from_scope(
/*$$scope*/
ctx2[21]
) : get_slot_changes(
headline_slot_template,
/*$$scope*/
ctx2[21],
dirty,
get_headline_slot_changes
),
get_headline_slot_context
);
}
}
if (!current || dirty & /*classesRowHeadline*/
32 && div_class_value !== (div_class_value = "app-bar-row-headline " + /*classesRowHeadline*/
ctx2[5])) {
attr(div, "class", div_class_value);
}
},
i(local) {
if (current) return;
transition_in(headline_slot, local);
current = true;
},
o(local) {
transition_out(headline_slot, local);
current = false;
},
d(detaching) {
if (detaching) {
detach(div);
}
if (headline_slot) headline_slot.d(detaching);
}
};
}
function create_fragment$i(ctx) {
let div2;
let div1;
let t0;
let div0;
let div0_class_value;
let t1;
let div1_class_value;
let t2;
let div2_class_value;
let current;
let if_block0 = (
/*$$slots*/
ctx[8].lead && create_if_block_2$3(ctx)
);
const default_slot_template = (
/*#slots*/
ctx[22].default
);
const default_slot = create_slot(
default_slot_template,
ctx,
/*$$scope*/
ctx[21],
null
);
let if_block1 = (
/*$$slots*/
ctx[8].trail && create_if_block_1$4(ctx)
);
let if_block2 = (
/*$$slots*/
ctx[8].headline && create_if_block$a(ctx)
);
return {
c() {
div2 = element("div");
div1 = element("div");
if (if_block0) if_block0.c();
t0 = space();
div0 = element("div");
if (default_slot) default_slot.c();
t1 = space();
if (if_block1) if_block1.c();
t2 = space();
if (if_block2) if_block2.c();
attr(div0, "class", div0_class_value = "app-bar-slot-default " + /*classesSlotDefault*/
ctx[3]);
attr(div1, "class", div1_class_value = "app-bar-row-main " + /*classesRowMain*/
ctx[6]);
attr(div2, "class", div2_class_value = "app-bar " + /*classesBase*/
ctx[7]);
attr(div2, "data-testid", "app-bar");
attr(div2, "role", "toolbar");
attr(
div2,
"aria-label",
/*label*/
ctx[0]
);
attr(
div2,
"aria-labelledby",
/*labelledby*/
ctx[1]
);
},
m(target, anchor) {
insert(target, div2, anchor);
append(div2, div1);
if (if_block0) if_block0.m(div1, null);
append(div1, t0);
append(div1, div0);
if (default_slot) {
default_slot.m(div0, null);
}
append(div1, t1);
if (if_block1) if_block1.m(div1, null);
append(div2, t2);
if (if_block2) if_block2.m(div2, null);
current = true;
},
p(ctx2, [dirty]) {
if (
/*$$slots*/
ctx2[8].lead
) {
if (if_block0) {
if_block0.p(ctx2, dirty);
if (dirty & /*$$slots*/
256) {
transition_in(if_block0, 1);
}
} else {
if_block0 = create_if_block_2$3(ctx2);
if_block0.c();
transition_in(if_block0, 1);
if_block0.m(div1, t0);
}
} else if (if_block0) {
group_outros();
transition_out(if_block0, 1, 1, () => {
if_block0 = null;
});
check_outros();
}
if (default_slot) {
if (default_slot.p && (!current || dirty & /*$$scope*/
2097152)) {
update_slot_base(
default_slot,
default_slot_template,
ctx2,
/*$$scope*/
ctx2[21],
!current ? get_all_dirty_from_scope(
/*$$scope*/
ctx2[21]
) : get_slot_changes(
default_slot_template,
/*$$scope*/
ctx2[21],
dirty,
null
),
null
);
}
}
if (!current || dirty & /*classesSlotDefault*/
8 && div0_class_value !== (div0_class_value = "app-bar-slot-default " + /*classesSlotDefault*/
ctx2[3])) {
attr(div0, "class", div0_class_value);
}
if (
/*$$slots*/
ctx2[8].trail
) {
if (if_block1) {
if_block1.p(ctx2, dirty);
if (dirty & /*$$slots*/
256) {
transition_in(if_block1, 1);
}
} else {
if_block1 = create_if_block_1$4(ctx2);
if_block1.c();
transition_in(if_block1, 1);
if_block1.m(div1, null);
}
} else if (if_block1) {
group_outros();
transition_out(if_block1, 1, 1, () => {
if_block1 = null;
});
check_outros();
}
if (!current || dirty & /*classesRowMain*/
64 && div1_class_value !== (div1_class_value = "app-bar-row-main " + /*classesRowMain*/
ctx2[6])) {
attr(div1, "class", div1_class_value);
}
if (
/*$$slots*/
ctx2[8].headline
) {
if (if_block2) {
if_block2.p(ctx2, dirty);
if (dirty & /*$$slots*/
256) {
transition_in(if_block2, 1);
}
} else {
if_block2 = create_if_block$a(ctx2);
if_block2.c();
transition_in(if_block2, 1);
if_block2.m(div2, null);
}
} else if (if_block2) {
group_outros();
transition_out(if_block2, 1, 1, () => {
if_block2 = null;
});
check_outros();
}
if (!current || dirty & /*classesBase*/
128 && div2_class_value !== (div2_class_value = "app-bar " + /*classesBase*/
ctx2[7])) {
attr(div2, "class", div2_class_value);
}
if (!current || dirty & /*label*/
1) {
attr(
div2,
"aria-label",
/*label*/
ctx2[0]
);
}
if (!current || dirty & /*labelledby*/
2) {
attr(
div2,
"aria-labelledby",
/*labelledby*/
ctx2[1]
);
}
},
i(local) {
if (current) return;
transition_in(if_block0);
transition_in(default_slot, local);
transition_in(if_block1);
transition_in(if_block2);
current = true;
},
o(local) {
transition_out(if_block0);
transition_out(default_slot, local);
transition_out(if_block1);
transition_out(if_block2);
current = false;
},
d(detaching) {
if (detaching) {
detach(div2);
}
if (if_block0) if_block0.d();
if (default_slot) default_slot.d(detaching);
if (if_block1) if_block1.d();
if (if_block2) if_block2.d();
}
};
}
const cBase$6 = "flex flex-col";
const cRowMain = "grid items-center";
const cRowHeadline = "";
const cSlotLead = "flex-none flex justify-between items-center";
const cSlotDefault = "flex-auto";
const cSlotTrail = "flex-none flex items-center space-x-4";
function instance$i($$self, $$props, $$invalidate) {
let classesBase;
let classesRowMain;
let classesRowHeadline;
let classesSlotLead;
let classesSlotDefault;
let classesSlotTrail;
let { $$slots: slots = {}, $$scope } = $$props;
const $$slots = compute_slots(slots);
let { background = "bg-surface-100-800-token" } = $$props;
let { border = "" } = $$props;
let { padding = "p-4" } = $$props;
let { shadow = "" } = $$props;
let { spacing = "space-y-4" } = $$props;
let { gridColumns = "grid-cols-[auto_1fr_auto]" } = $$props;
let { gap = "gap-4" } = $$props;
let { regionRowMain = "" } = $$props;
let { regionRowHeadline = "" } = $$props;
let { slotLead = "" } = $$props;
let { slotDefault = "" } = $$props;
let { slotTrail = "" } = $$props;
let { label = "" } = $$props;
let { labelledby = "" } = $$props;
$$self.$$set = ($$new_props) => {
$$invalidate(23, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
if ("background" in $$new_props) $$invalidate(9, background = $$new_props.background);
if ("border" in $$new_props) $$invalidate(10, border = $$new_props.border);
if ("padding" in $$new_props) $$invalidate(11, padding = $$new_props.padding);
if ("shadow" in $$new_props) $$invalidate(12, shadow = $$new_props.shadow);
if ("spacing" in $$new_props) $$invalidate(13, spacing = $$new_props.spacing);
if ("gridColumns" in $$new_props) $$invalidate(14, gridColumns = $$new_props.gridColumns);
if ("gap" in $$new_props) $$invalidate(15, gap = $$new_props.gap);
if ("regionRowMain" in $$new_props) $$invalidate(16, regionRowMain = $$new_props.regionRowMain);
if ("regionRowHeadline" in $$new_props) $$invalidate(17, regionRowHeadline = $$new_props.regionRowHeadline);
if ("slotLead" in $$new_props) $$invalidate(18, slotLead = $$new_props.slotLead);
if ("slotDefault" in $$new_props) $$invalidate(19, slotDefault = $$new_props.slotDefault);
if ("slotTrail" in $$new_props) $$invalidate(20, slotTrail = $$new_props.slotTrail);
if ("label" in $$new_props) $$invalidate(0, label = $$new_props.label);
if ("labelledby" in $$new_props) $$invalidate(1, labelledby = $$new_props.labelledby);
if ("$$scope" in $$new_props) $$invalidate(21, $$scope = $$new_props.$$scope);
};
$$self.$$.update = () => {
$$invalidate(7, classesBase = `${cBase$6} ${background} ${border} ${spacing} ${padding} ${shadow} ${$$props.class ?? ""}`);
if ($$self.$$.dirty & /*gridColumns, gap, regionRowMain*/
114688) {
$$invalidate(6, classesRowMain = `${cRowMain} ${gridColumns} ${gap} ${regionRowMain}`);
}
if ($$self.$$.dirty & /*regionRowHeadline*/
131072) {
$$invalidate(5, classesRowHeadline = `${cRowHeadline} ${regionRowHeadline}`);
}
if ($$self.$$.dirty & /*slotLead*/
262144) {
$$invalidate(4, classesSlotLead = `${cSlotLead} ${slotLead}`);
}
if ($$self.$$.dirty & /*slotDefault*/
524288) {
$$invalidate(3, classesSlotDefault = `${cSlotDefault} ${slotDefault}`);
}
if ($$self.$$.dirty & /*slotTrail*/
1048576) {
$$invalidate(2, classesSlotTrail = `${cSlotTrail} ${slotTrail}`);
}
};
$$props = exclude_internal_props($$props);
return [
label,
labelledby,
classesSlotTrail,
classesSlotDefault,
classesSlotLead,
classesRowHeadline,
classesRowMain,
classesBase,
$$slots,
background,
border,
padding,
shadow,
spacing,
gridColumns,
gap,
regionRowMain,
regionRowHeadline,
slotLead,
slotDefault,
slotTrail,
$$scope,
slots
];
}
class AppBar extends SvelteComponent {
constructor(options) {
super();
init(this, options, instance$i, create_fragment$i, safe_not_equal, {
background: 9,
border: 10,
padding: 11,
shadow: 12,
spacing: 13,
gridColumns: 14,
gap: 15,
regionRowMain: 16,
regionRowHeadline: 17,
slotLead: 18,
slotDefault: 19,
slotTrail: 20,
label: 0,
labelledby: 1
});
}
}
function fallback_block(ctx) {
let t2;
return {
c() {
t2 = text("Select a File");
},
m(target, anchor) {
insert(target, t2, anchor);
},
d(detaching) {
if (detaching) {
detach(t2);
}
}
};
}
function create_fragment$h(ctx) {
let div1;
let div0;
let input;
let t2;
let button_1;
let button_1_class_value;
let button_1_disabled_value;
let div1_class_value;
let current;
let mounted;
let dispose;
let input_levels = [
{ type: "file" },
{ name: (
/*name*/
ctx[2]
) },
/*prunedRestProps*/
ctx[6]()
];
let input_data = {};
for (let i = 0; i < input_levels.length; i += 1) {
input_data = assign(input_data, input_levels[i]);
}
const default_slot_template = (
/*#slots*/
ctx[11].default
);
const default_slot = create_slot(
default_slot_template,
ctx,
/*$$scope*/
ctx[10],
null
);
const default_slot_or_fallback = default_slot || fallback_block();
return {
c() {
div1 = element("div");
div0 = element("div");
input = element("input");
t2 = space();
button_1 = element("button");
if (default_slot_or_fallback) default_slot_or_fallback.c();
set_attributes(input, input_data);
attr(div0, "class", "w-0 h-0 overflow-hidden");
attr(button_1, "type", "button");
attr(button_1, "class", button_1_class_value = "file-button-btn " + /*classesButton*/
ctx[3]);
button_1.disabled = button_1_disabled_value = /*$$restProps*/
ctx[7].disabled;
attr(div1, "class", div1_class_value = "file-button " + /*classesBase*/
ctx[4]);
attr(div1, "data-testid", "file-button");
},
m(target, anchor) {
insert(target, div1, anchor);
append(div1, div0);
append(div0, input);
if (input.autofocus) input.focus();
ctx[16](input);
append(div1, t2);
append(div1, button_1);
if (default_slot_or_fallback) {
default_slot_or_fallback.m(button_1, null);
}
current = true;
if (!mounted) {
dispose = [
listen(
input,
"change",
/*input_change_handler*/
ctx[17]
),
listen(
input,
"change",
/*change_handler*/
ctx[15]
),
listen(
button_1,
"click",
/*onButtonClick*/
ctx[5]
),
listen(
button_1,
"keydown",
/*keydown_handler*/
ctx[12]
),
listen(
button_1,
"keyup",
/*keyup_handler*/
ctx[13]
),
listen(
button_1,
"keypress",
/*keypress_handler*/
ctx[14]
)
];
mounted = true;
}
},
p(ctx2, [dirty]) {
set_attributes(input, input_data = get_spread_update(input_levels, [
{ type: "file" },
(!current || dirty & /*name*/
4) && { name: (
/*name*/
ctx2[2]
) },
/*prunedRestProps*/
ctx2[6]()
]));
if (default_slot) {
if (default_slot.p && (!current || dirty & /*$$scope*/
1024)) {
update_slot_base(
default_slot,
default_slot_template,
ctx2,
/*$$scope*/
ctx2[10],
!current ? get_all_dirty_from_scope(
/*$$scope*/
ctx2[10]
) : get_slot_changes(
default_slot_template,
/*$$scope*/
ctx2[10],
dirty,
null
),
null
);
}
}
if (!current || dirty & /*classesButton*/
8 && button_1_class_value !== (button_1_class_value = "file-button-btn " + /*classesButton*/
ctx2[3])) {
attr(button_1, "class", button_1_class_value);
}
if (!current || dirty & /*$$restProps*/
128 && button_1_disabled_value !== (button_1_disabled_value = /*$$restProps*/
ctx2[7].disabled)) {
button_1.disabled = button_1_disabled_value;
}
if (!current || dirty & /*classesBase*/
16 && div1_class_value !== (div1_class_value = "file-button " + /*classesBase*/
ctx2[4])) {
attr(div1, "class", div1_class_value);
}
},
i(local) {
if (current) return;
transition_in(default_slot_or_fallback, local);
current = true;
},
o(local) {
transition_out(default_slot_or_fallback, local);
current = false;
},
d(detaching) {
if (detaching) {
detach(div1);
}
ctx[16](null);
if (default_slot_or_fallback) default_slot_or_fallback.d(detaching);
mounted = false;
run_all(dispose);
}
};
}
function instance$h($$self, $$props, $$invalidate) {
let classesBase;
let classesButton;
const omit_props_names = ["files", "fileInput", "name", "width", "button"];
let $$restProps = compute_rest_props($$props, omit_props_names);
let { $$slots: slots = {}, $$scope } = $$props;
let { files = void 0 } = $$props;
let { fileInput = void 0 } = $$props;
let { name } = $$props;
let { width = "" } = $$props;
let { button = "btn variant-filled" } = $$props;
function onButtonClick() {
if (fileInput) fileInput.click();
}
function prunedRestProps() {
delete $$restProps.class;
return $$restProps;
}
function keydown_handler(event) {
bubble.call(this, $$self, event);
}
function keyup_handler(event) {
bubble.call(this, $$self, event);
}
function keypress_handler(event) {
bubble.call(this, $$self, event);
}
function change_handler(event) {
bubble.call(this, $$self, event);
}
function input_binding($$value) {
binding_callbacks[$$value ? "unshift" : "push"](() => {
fileInput = $$value;
$$invalidate(1, fileInput);
});
}
function input_change_handler() {
files = this.files;
$$invalidate(0, files);
}
$$self.$$set = ($$new_props) => {
$$invalidate(18, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
$$invalidate(7, $$restProps = compute_rest_props($$props, omit_props_names));
if ("files" in $$new_props) $$invalidate(0, files = $$new_props.files);
if ("fileInput" in $$new_props) $$invalidate(1, fileInput = $$new_props.fileInput);
if ("name" in $$new_props) $$invalidate(2, name = $$new_props.name);
if ("width" in $$new_props) $$invalidate(8, width = $$new_props.width);
if ("button" in $$new_props) $$invalidate(9, button = $$new_props.button);
if ("$$scope" in $$new_props) $$invalidate(10, $$scope = $$new_props.$$scope);
};
$$self.$$.update = () => {
$$invalidate(4, classesBase = `${$$props.class ?? ""}`);
if ($$self.$$.dirty & /*button, width*/
768) {
$$invalidate(3, classesButton = `${button} ${width}`);
}
};
$$props = exclude_internal_props($$props);
return [
files,
fileInput,
name,
classesButton,
classesBase,
onButtonClick,
prunedRestProps,
$$restProps,
width,
button,
$$scope,
slots,
keydown_handler,
keyup_handler,
keypress_handler,
change_handler,
input_binding,
input_change_handler
];
}
class FileButton extends SvelteComponent {
constructor(options) {
super();
init(this, options, instance$h, create_fragment$h, safe_not_equal, {
files: 0,
fileInput: 1,
name: 2,
width: 8,
button: 9
});
}
}
function create_fragment$g(ctx) {
let div;
let div_class_value;
let current;
const default_slot_template = (
/*#slots*/
ctx[13].default
);
const default_slot = create_slot(
default_slot_template,
ctx,
/*$$scope*/
ctx[12],
null
);
return {
c() {
div = element("div");
if (default_slot) default_slot.c();
attr(div, "class", div_class_value = "listbox " + /*classesBase*/
ctx[1]);
attr(div, "role", "listbox");
attr(
div,
"aria-labelledby",
/*labelledby*/
ctx[0]
);
attr(div, "data-testid", "listbox");
},
m(target, anchor) {
insert(target, div, anchor);
if (default_slot) {
default_slot.m(div, null);
}
current = true;
},
p(ctx2, [dirty]) {
if (default_slot) {
if (default_slot.p && (!current || dirty & /*$$scope*/
4096)) {
update_slot_base(
default_slot,
default_slot_template,
ctx2,
/*$$scope*/
ctx2[12],
!current ? get_all_dirty_from_scope(
/*$$scope*/
ctx2[12]
) : get_slot_changes(
default_slot_template,
/*$$scope*/
ctx2[12],
dirty,
null
),
null
);
}
}
if (!current || dirty & /*classesBase*/
2 && div_class_value !== (div_class_value = "listbox " + /*classesBase*/
ctx2[1])) {
attr(div, "class", div_class_value);
}
if (!current || dirty & /*labelledby*/
1) {
attr(
div,
"aria-labelledby",
/*labelledby*/
ctx2[0]
);
}
},
i(local) {
if (current) return;
transition_in(default_slot, local);
current = true;
},
o(local) {
transition_out(default_slot, local);
current = false;
},
d(detaching) {
if (detaching) {
detach(div);
}
if (default_slot) default_slot.d(detaching);
}
};
}
const cBase$5 = "";
function instance$g($$self, $$props, $$invalidate) {
let classesBase;
let { $$slots: slots = {}, $$scope } = $$props;
let { multiple = false } = $$props;
let { disabled = false } = $$props;
let { spacing = "space-y-1" } = $$props;
let { rounded = "rounded-token" } = $$props;
let { active: active2 = "variant-filled" } = $$props;
let { hover = "hover:variant-soft" } = $$props;
let { padding = "px-4 py-2" } = $$props;
let { regionLead = "" } = $$props;
let { regionDefault = "" } = $$props;
let { regionTrail = "" } = $$props;
let { labelledby = "" } = $$props;
setContext("disabled", disabled);
setContext("multiple", multiple);
setContext("rounded", rounded);
setContext("active", active2);
setContext("hover", hover);
setContext("padding", padding);
setContext("regionLead", regionLead);
setContext("regionDefault", regionDefault);
setContext("regionTrail", regionTrail);
$$self.$$set = ($$new_props) => {
$$invalidate(14, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
if ("multiple" in $$new_props) $$invalidate(2, multiple = $$new_props.multiple);
if ("disabled" in $$new_props) $$invalidate(3, disabled = $$new_props.disabled);
if ("spacing" in $$new_props) $$invalidate(4, spacing = $$new_props.spacing);
if ("rounded" in $$new_props) $$invalidate(5, rounded = $$new_props.rounded);
if ("active" in $$new_props) $$invalidate(6, active2 = $$new_props.active);
if ("hover" in $$new_props) $$invalidate(7, hover = $$new_props.hover);
if ("padding" in $$new_props) $$invalidate(8, padding = $$new_props.padding);
if ("regionLead" in $$new_props) $$invalidate(9, regionLead = $$new_props.regionLead);
if ("regionDefault" in $$new_props) $$invalidate(10, regionDefault = $$new_props.regionDefault);
if ("regionTrail" in $$new_props) $$invalidate(11, regionTrail = $$new_props.regionTrail);
if ("labelledby" in $$new_props) $$invalidate(0, labelledby = $$new_props.labelledby);
if ("$$scope" in $$new_props) $$invalidate(12, $$scope = $$new_props.$$scope);
};
$$self.$$.update = () => {
$$invalidate(1, classesBase = `${cBase$5} ${spacing} ${rounded} ${$$props.class ?? ""}`);
};
$$props = exclude_internal_props($$props);
return [
labelledby,
classesBase,
multiple,
disabled,
spacing,
rounded,
active2,
hover,
padding,
regionLead,
regionDefault,
regionTrail,
$$scope,
slots
];
}
class ListBox extends SvelteComponent {
constructor(options) {
super();
init(this, options, instance$g, create_fragment$g, safe_not_equal, {
multiple: 2,
disabled: 3,
spacing: 4,
rounded: 5,
active: 6,
hover: 7,
padding: 8,
regionLead: 9,
regionDefault: 10,
regionTrail: 11,
labelledby: 0
});
}
}
const get_trail_slot_changes$1 = (dirty) => ({});
const get_trail_slot_context$1 = (ctx) => ({});
const get_lead_slot_changes = (dirty) => ({});
const get_lead_slot_context = (ctx) => ({});
function create_else_block$3(ctx) {
let input;
let value_has_changed = false;
let binding_group;
let mounted;
let dispose;
binding_group = init_binding_group(
/*$$binding_groups*/
ctx[37][0]
);
return {
c() {
input = element("input");
input.disabled = /*disabled*/
ctx[3];
attr(input, "type", "radio");
attr(
input,
"name",
/*name*/
ctx[1]
);
input.__value = /*value*/
ctx[2];
set_input_value(input, input.__value);
attr(input, "tabindex", "-1");
binding_group.p(input);
},
m(target, anchor) {
insert(target, input, anchor);
ctx[35](input);
input.checked = input.__value === /*group*/
ctx[0];
if (!mounted) {
dispose = [
listen(
input,
"change",
/*input_change_handler_1*/
ctx[36]
),
listen(
input,
"click",
/*click_handler_1*/
ctx[31]
),
listen(
input,
"change",
/*change_handler_1*/
ctx[32]
)
];
mounted = true;
}
},
p(ctx2, dirty) {
if (dirty[0] & /*disabled*/
8) {
input.disabled = /*disabled*/
ctx2[3];
}
if (dirty[0] & /*name*/
2) {
attr(
input,
"name",
/*name*/
ctx2[1]
);
}
if (dirty[0] & /*value*/
4) {
input.__value = /*value*/
ctx2[2];
set_input_value(input, input.__value);
value_has_changed = true;
}
if (value_has_changed || dirty[0] & /*group*/
1) {
input.checked = input.__value === /*group*/
ctx2[0];
}
},
d(detaching) {
if (detaching) {
detach(input);
}
ctx[35](null);
binding_group.r();
mounted = false;
run_all(dispose);
}
};
}
function create_if_block_2$2(ctx) {
let input;
let mounted;
let dispose;
return {
c() {
input = element("input");
input.disabled = /*disabled*/
ctx[3];
attr(input, "type", "checkbox");
attr(
input,
"name",
/*name*/
ctx[1]
);
input.__value = /*value*/
ctx[2];
set_input_value(input, input.__value);
attr(input, "tabindex", "-1");
},
m(target, anchor) {
insert(target, input, anchor);
ctx[33](input);
input.checked = /*checked*/
ctx[5];
if (!mounted) {
dispose = [
listen(
input,
"change",
/*input_change_handler*/
ctx[34]
),
listen(
input,
"click",
/*click_handler*/
ctx[29]
),
listen(
input,
"change",
/*change_handler*/
ctx[30]
)
];
mounted = true;
}
},
p(ctx2, dirty) {
if (dirty[0] & /*disabled*/
8) {
input.disabled = /*disabled*/
ctx2[3];
}
if (dirty[0] & /*name*/
2) {
attr(
input,
"name",
/*name*/
ctx2[1]
);
}
if (dirty[0] & /*value*/
4) {
input.__value = /*value*/
ctx2[2];
set_input_value(input, input.__value);
}
if (dirty[0] & /*checked*/
32) {
input.checked = /*checked*/
ctx2[5];
}
},
d(detaching) {
if (detaching) {
detach(input);
}
ctx[33](null);
mounted = false;
run_all(dispose);
}
};
}
function create_if_block_1$3(ctx) {
let div;
let div_class_value;
let current;
const lead_slot_template = (
/*#slots*/
ctx[25].lead
);
const lead_slot = create_slot(
lead_slot_template,
ctx,
/*$$scope*/
ctx[24],
get_lead_slot_context
);
return {
c() {
div = element("div");
if (lead_slot) lead_slot.c();
attr(div, "class", div_class_value = "listbox-label-lead " + /*classesRegionLead*/
ctx[10]);
},
m(target, anchor) {
insert(target, div, anchor);
if (lead_slot) {
lead_slot.m(div, null);
}
current = true;
},
p(ctx2, dirty) {
if (lead_slot) {
if (lead_slot.p && (!current || dirty[0] & /*$$scope*/
16777216)) {
update_slot_base(
lead_slot,
lead_slot_template,
ctx2,
/*$$scope*/
ctx2[24],
!current ? get_all_dirty_from_scope(
/*$$scope*/
ctx2[24]
) : get_slot_changes(
lead_slot_template,
/*$$scope*/
ctx2[24],
dirty,
get_lead_slot_changes
),
get_lead_slot_context
);
}
}
if (!current || dirty[0] & /*classesRegionLead*/
1024 && div_class_value !== (div_class_value = "listbox-label-lead " + /*classesRegionLead*/
ctx2[10])) {
attr(div, "class", div_class_value);
}
},
i(local) {
if (current) return;
transition_in(lead_slot, local);
current = true;
},
o(local) {
transition_out(lead_slot, local);
current = false;
},
d(detaching) {
if (detaching) {
detach(div);
}
if (lead_slot) lead_slot.d(detaching);
}
};
}
function create_if_block$9(ctx) {
let div;
let div_class_value;
let current;
const trail_slot_template = (
/*#slots*/
ctx[25].trail
);
const trail_slot = create_slot(
trail_slot_template,
ctx,
/*$$scope*/
ctx[24],
get_trail_slot_context$1
);
return {
c() {
div = element("div");
if (trail_slot) trail_slot.c();
attr(div, "class", div_class_value = "listbox-label-trail " + /*classesRegionTrail*/
ctx[8]);
},
m(target, anchor) {
insert(target, div, anchor);
if (trail_slot) {
trail_slot.m(div, null);
}
current = true;
},
p(ctx2, dirty) {
if (trail_slot) {
if (trail_slot.p && (!current || dirty[0] & /*$$scope*/
16777216)) {
update_slot_base(
trail_slot,
trail_slot_template,
ctx2,
/*$$scope*/
ctx2[24],
!current ? get_all_dirty_from_scope(
/*$$scope*/
ctx2[24]
) : get_slot_changes(
trail_slot_template,
/*$$scope*/
ctx2[24],
dirty,
get_trail_slot_changes$1
),
get_trail_slot_context$1
);
}
}
if (!current || dirty[0] & /*classesRegionTrail*/
256 && div_class_value !== (div_class_value = "listbox-label-trail " + /*classesRegionTrail*/
ctx2[8])) {
attr(div, "class", div_class_value);
}
},
i(local) {
if (current) return;
transition_in(trail_slot, local);
current = true;
},
o(local) {
transition_out(trail_slot, local);
current = false;
},
d(detaching) {
if (detaching) {
detach(div);
}
if (trail_slot) trail_slot.d(detaching);
}
};
}
function create_fragment$f(ctx) {
let label;
let div3;
let div0;
let t0;
let div2;
let t1;
let div1;
let div1_class_value;
let t2;
let div2_class_value;
let div3_class_value;
let current;
let mounted;
let dispose;
function select_block_type(ctx2, dirty) {
if (
/*multiple*/
ctx2[4]
) return create_if_block_2$2;
return create_else_block$3;
}
let current_block_type = select_block_type(ctx);
let if_block0 = current_block_type(ctx);
let if_block1 = (
/*$$slots*/
ctx[14].lead && create_if_block_1$3(ctx)
);
const default_slot_template = (
/*#slots*/
ctx[25].default
);
const default_slot = create_slot(
default_slot_template,
ctx,
/*$$scope*/
ctx[24],
null
);
let if_block2 = (
/*$$slots*/
ctx[14].trail && create_if_block$9(ctx)
);
return {
c() {
label = element("label");
div3 = element("div");
div0 = element("div");
if_block0.c();
t0 = space();
div2 = element("div");
if (if_block1) if_block1.c();
t1 = space();
div1 = element("div");
if (default_slot) default_slot.c();
t2 = space();
if (if_block2) if_block2.c();
attr(div0, "class", "h-0 w-0 overflow-hidden");
attr(div1, "class", div1_class_value = "listbox-label-content " + /*classesRegionDefault*/
ctx[9]);
attr(div2, "class", div2_class_value = "listbox-label " + /*classesLabel*/
ctx[11]);
attr(div3, "class", div3_class_value = "listbox-item " + /*classesBase*/
ctx[12]);
attr(div3, "data-testid", "listbox-item");
attr(div3, "role", "option");
attr(
div3,
"aria-selected",
/*selected*/
ctx[6]
);
attr(div3, "tabindex", "0");
},
m(target, anchor) {
insert(target, label, anchor);
append(label, div3);
append(div3, div0);
if_block0.m(div0, null);
append(div3, t0);
append(div3, div2);
if (if_block1) if_block1.m(div2, null);
append(div2, t1);
append(div2, div1);
if (default_slot) {
default_slot.m(div1, null);
}
append(div2, t2);
if (if_block2) if_block2.m(div2, null);
current = true;
if (!mounted) {
dispose = [
listen(
div3,
"keydown",
/*onKeyDown*/
ctx[13]
),
listen(
div3,
"keydown",
/*keydown_handler*/
ctx[26]
),
listen(
div3,
"keyup",
/*keyup_handler*/
ctx[27]
),
listen(
div3,
"keypress",
/*keypress_handler*/
ctx[28]
)
];
mounted = true;
}
},
p(ctx2, dirty) {
if (current_block_type === (current_block_type = select_block_type(ctx2)) && if_block0) {
if_block0.p(ctx2, dirty);
} else {
if_block0.d(1);
if_block0 = current_block_type(ctx2);
if (if_block0) {
if_block0.c();
if_block0.m(div0, null);
}
}
if (
/*$$slots*/
ctx2[14].lead
) {
if (if_block1) {
if_block1.p(ctx2, dirty);
if (dirty[0] & /*$$slots*/
16384) {
transition_in(if_block1, 1);
}
} else {
if_block1 = create_if_block_1$3(ctx2);
if_block1.c();
transition_in(if_block1, 1);
if_block1.m(div2, t1);
}
} else if (if_block1) {
group_outros();
transition_out(if_block1, 1, 1, () => {
if_block1 = null;
});
check_outros();
}
if (default_slot) {
if (default_slot.p && (!current || dirty[0] & /*$$scope*/
16777216)) {
update_slot_base(
default_slot,
default_slot_template,
ctx2,
/*$$scope*/
ctx2[24],
!current ? get_all_dirty_from_scope(
/*$$scope*/
ctx2[24]
) : get_slot_changes(
default_slot_template,
/*$$scope*/
ctx2[24],
dirty,
null
),
null
);
}
}
if (!current || dirty[0] & /*classesRegionDefault*/
512 && div1_class_value !== (div1_class_value = "listbox-label-content " + /*classesRegionDefault*/
ctx2[9])) {
attr(div1, "class", div1_class_value);
}
if (
/*$$slots*/
ctx2[14].trail
) {
if (if_block2) {
if_block2.p(ctx2, dirty);
if (dirty[0] & /*$$slots*/
16384) {
transition_in(if_block2, 1);
}
} else {
if_block2 = create_if_block$9(ctx2);
if_block2.c();
transition_in(if_block2, 1);
if_block2.m(div2, null);
}
} else if (if_block2) {
group_outros();
transition_out(if_block2, 1, 1, () => {
if_block2 = null;
});
check_outros();
}
if (!current || dirty[0] & /*classesLabel*/
2048 && div2_class_value !== (div2_class_value = "listbox-label " + /*classesLabel*/
ctx2[11])) {
attr(div2, "class", div2_class_value);
}
if (!current || dirty[0] & /*classesBase*/
4096 && div3_class_value !== (div3_class_value = "listbox-item " + /*classesBase*/
ctx2[12])) {
attr(div3, "class", div3_class_value);
}
if (!current || dirty[0] & /*selected*/
64) {
attr(
div3,
"aria-selected",
/*selected*/
ctx2[6]
);
}
},
i(local) {
if (current) return;
transition_in(if_block1);
transition_in(default_slot, local);
transition_in(if_block2);
current = true;
},
o(local) {
transition_out(if_block1);
transition_out(default_slot, local);
transition_out(if_block2);
current = false;
},
d(detaching) {
if (detaching) {
detach(label);
}
if_block0.d();
if (if_block1) if_block1.d();
if (default_slot) default_slot.d(detaching);
if (if_block2) if_block2.d();
mounted = false;
run_all(dispose);
}
};
}
const cBase$4 = "cursor-pointer -outline-offset-[3px]";
const cDisabled$1 = "opacity-50 !cursor-default";
const cLabel$1 = "flex items-center space-x-4";
const cRegionLead = "";
const cRegionDefault = "flex-1";
const cRegionTrail = "";
function areDeeplyEqual(param1, param2) {
if (param1 === param2) return true;
if (!(param1 instanceof Object) || !(param2 instanceof Object)) return false;
const keys1 = Object.keys(param1);
const keys2 = Object.keys(param2);
if (keys1.length !== keys2.length) return false;
for (const key of keys1) {
const value1 = param1[key];
const value2 = param2[key];
if (!areDeeplyEqual(value1, value2)) return false;
}
return true;
}
function instance$f($$self, $$props, $$invalidate) {
let selected;
let classesActive;
let classesDisabled;
let classesBase;
let classesLabel;
let classesRegionLead;
let classesRegionDefault;
let classesRegionTrail;
let { $$slots: slots = {}, $$scope } = $$props;
const $$slots = compute_slots(slots);
let { group } = $$props;
let { name } = $$props;
let { value } = $$props;
let { disabled = getContext("disabled") } = $$props;
let { multiple = getContext("multiple") } = $$props;
let { rounded = getContext("rounded") } = $$props;
let { active: active2 = getContext("active") } = $$props;
let { hover = getContext("hover") } = $$props;
let { padding = getContext("padding") } = $$props;
let { regionLead = getContext("regionLead") } = $$props;
let { regionDefault = getContext("regionDefault") } = $$props;
let { regionTrail = getContext("regionTrail") } = $$props;
let checked;
let elemInput;
function updateCheckbox(group2) {
$$invalidate(5, checked = group2.indexOf(value) >= 0);
}
function updateGroup(checked2) {
const index = group.indexOf(value);
if (checked2) {
if (index < 0) {
group.push(value);
$$invalidate(0, group);
}
} else {
if (index >= 0) {
group.splice(index, 1);
$$invalidate(0, group);
}
}
}
function onKeyDown(event) {
if (["Enter", "Space"].includes(event.code)) {
event.preventDefault();
elemInput.click();
}
}
const $$binding_groups = [[]];
function keydown_handler(event) {
bubble.call(this, $$self, event);
}
function keyup_handler(event) {
bubble.call(this, $$self, event);
}
function keypress_handler(event) {
bubble.call(this, $$self, event);
}
function click_handler(event) {
bubble.call(this, $$self, event);
}
function change_handler(event) {
bubble.call(this, $$self, event);
}
function click_handler_1(event) {
bubble.call(this, $$self, event);
}
function change_handler_1(event) {
bubble.call(this, $$self, event);
}
function input_binding($$value) {
binding_callbacks[$$value ? "unshift" : "push"](() => {
elemInput = $$value;
$$invalidate(7, elemInput);
});
}
function input_change_handler() {
checked = this.checked;
$$invalidate(5, checked);
}
function input_binding_1($$value) {
binding_callbacks[$$value ? "unshift" : "push"](() => {
elemInput = $$value;
$$invalidate(7, elemInput);
});
}
function input_change_handler_1() {
group = this.__value;
$$invalidate(0, group);
}
$$self.$$set = ($$new_props) => {
$$invalidate(40, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
if ("group" in $$new_props) $$invalidate(0, group = $$new_props.group);
if ("name" in $$new_props) $$invalidate(1, name = $$new_props.name);
if ("value" in $$new_props) $$invalidate(2, value = $$new_props.value);
if ("disabled" in $$new_props) $$invalidate(3, disabled = $$new_props.disabled);
if ("multiple" in $$new_props) $$invalidate(4, multiple = $$new_props.multiple);
if ("rounded" in $$new_props) $$invalidate(15, rounded = $$new_props.rounded);
if ("active" in $$new_props) $$invalidate(16, active2 = $$new_props.active);
if ("hover" in $$new_props) $$invalidate(17, hover = $$new_props.hover);
if ("padding" in $$new_props) $$invalidate(18, padding = $$new_props.padding);
if ("regionLead" in $$new_props) $$invalidate(19, regionLead = $$new_props.regionLead);
if ("regionDefault" in $$new_props) $$invalidate(20, regionDefault = $$new_props.regionDefault);
if ("regionTrail" in $$new_props) $$invalidate(21, regionTrail = $$new_props.regionTrail);
if ("$$scope" in $$new_props) $$invalidate(24, $$scope = $$new_props.$$scope);
};
$$self.$$.update = () => {
if ($$self.$$.dirty[0] & /*multiple, group*/
17) {
if (multiple) updateCheckbox(group);
}
if ($$self.$$.dirty[0] & /*multiple, checked*/
48) {
if (multiple) updateGroup(checked);
}
if ($$self.$$.dirty[0] & /*multiple, group, value*/
21) {
$$invalidate(6, selected = multiple ? group.some((groupVal) => areDeeplyEqual(value, groupVal)) : areDeeplyEqual(group, value));
}
if ($$self.$$.dirty[0] & /*selected, active, disabled, hover*/
196680) {
$$invalidate(22, classesActive = selected ? active2 : !disabled ? hover : "");
}
if ($$self.$$.dirty[0] & /*disabled*/
8) {
$$invalidate(23, classesDisabled = disabled ? cDisabled$1 : "");
}
$$invalidate(12, classesBase = `${cBase$4} ${classesDisabled} ${rounded} ${padding} ${classesActive} ${$$props.class ?? ""}`);
if ($$self.$$.dirty[0] & /*regionLead*/
524288) {
$$invalidate(10, classesRegionLead = `${cRegionLead} ${regionLead}`);
}
if ($$self.$$.dirty[0] & /*regionDefault*/
1048576) {
$$invalidate(9, classesRegionDefault = `${cRegionDefault} ${regionDefault}`);
}
if ($$self.$$.dirty[0] & /*regionTrail*/
2097152) {
$$invalidate(8, classesRegionTrail = `${cRegionTrail} ${regionTrail}`);
}
};
$$invalidate(11, classesLabel = `${cLabel$1}`);
$$props = exclude_internal_props($$props);
return [
group,
name,
value,
disabled,
multiple,
checked,
selected,
elemInput,
classesRegionTrail,
classesRegionDefault,
classesRegionLead,
classesLabel,
classesBase,
onKeyDown,
$$slots,
rounded,
active2,
hover,
padding,
regionLead,
regionDefault,
regionTrail,
classesActive,
classesDisabled,
$$scope,
slots,
keydown_handler,
keyup_handler,
keypress_handler,
click_handler,
change_handler,
click_handler_1,
change_handler_1,
input_binding,
input_change_handler,
input_binding_1,
input_change_handler_1,
$$binding_groups
];
}
class ListBoxItem extends SvelteComponent {
constructor(options) {
super();
init(
this,
options,
instance$f,
create_fragment$f,
safe_not_equal,
{
group: 0,
name: 1,
value: 2,
disabled: 3,
multiple: 4,
rounded: 15,
active: 16,
hover: 17,
padding: 18,
regionLead: 19,
regionDefault: 20,
regionTrail: 21
},
null,
[-1, -1]
);
}
}
function create_fragment$e(ctx) {
let div;
let div_class_value;
let current;
const default_slot_template = (
/*#slots*/
ctx[15].default
);
const default_slot = create_slot(
default_slot_template,
ctx,
/*$$scope*/
ctx[14],
null
);
return {
c() {
div = element("div");
if (default_slot) default_slot.c();
attr(div, "class", div_class_value = "radio-group " + /*classesBase*/
ctx[1]);
attr(div, "data-testid", "radio-group");
attr(div, "role", "radiogroup");
attr(
div,
"aria-labelledby",
/*labelledby*/
ctx[0]
);
},
m(target, anchor) {
insert(target, div, anchor);
if (default_slot) {
default_slot.m(div, null);
}
current = true;
},
p(ctx2, [dirty]) {
if (default_slot) {
if (default_slot.p && (!current || dirty & /*$$scope*/
16384)) {
update_slot_base(
default_slot,
default_slot_template,
ctx2,
/*$$scope*/
ctx2[14],
!current ? get_all_dirty_from_scope(
/*$$scope*/
ctx2[14]
) : get_slot_changes(
default_slot_template,
/*$$scope*/
ctx2[14],
dirty,
null
),
null
);
}
}
if (!current || dirty & /*classesBase*/
2 && div_class_value !== (div_class_value = "radio-group " + /*classesBase*/
ctx2[1])) {
attr(div, "class", div_class_value);
}
if (!current || dirty & /*labelledby*/
1) {
attr(
div,
"aria-labelledby",
/*labelledby*/
ctx2[0]
);
}
},
i(local) {
if (current) return;
transition_in(default_slot, local);
current = true;
},
o(local) {
transition_out(default_slot, local);
current = false;
},
d(detaching) {
if (detaching) {
detach(div);
}
if (default_slot) default_slot.d(detaching);
}
};
}
const cBase$3 = "p-1";
function instance$e($$self, $$props, $$invalidate) {
let classesBase;
let { $$slots: slots = {}, $$scope } = $$props;
let { display = "inline-flex" } = $$props;
let { flexDirection = "flex-row" } = $$props;
let { gap = "gap-1" } = $$props;
let { background = "bg-surface-200-700-token" } = $$props;
let { border = "border-token border-surface-400-500-token" } = $$props;
let { rounded = "rounded-token" } = $$props;
let { padding = "px-4 py-1" } = $$props;
let { active: active2 = "variant-filled" } = $$props;
let { hover = "hover:variant-soft" } = $$props;
let { color = "" } = $$props;
let { fill = "" } = $$props;
let { regionLabel = "" } = $$props;
let { labelledby = "" } = $$props;
setContext("rounded", rounded);
setContext("padding", padding);
setContext("active", active2);
setContext("hover", hover);
setContext("color", color);
setContext("fill", fill);
setContext("regionLabel", regionLabel);
$$self.$$set = ($$new_props) => {
$$invalidate(16, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
if ("display" in $$new_props) $$invalidate(2, display = $$new_props.display);
if ("flexDirection" in $$new_props) $$invalidate(3, flexDirection = $$new_props.flexDirection);
if ("gap" in $$new_props) $$invalidate(4, gap = $$new_props.gap);
if ("background" in $$new_props) $$invalidate(5, background = $$new_props.background);
if ("border" in $$new_props) $$invalidate(6, border = $$new_props.border);
if ("rounded" in $$new_props) $$invalidate(7, rounded = $$new_props.rounded);
if ("padding" in $$new_props) $$invalidate(8, padding = $$new_props.padding);
if ("active" in $$new_props) $$invalidate(9, active2 = $$new_props.active);
if ("hover" in $$new_props) $$invalidate(10, hover = $$new_props.hover);
if ("color" in $$new_props) $$invalidate(11, color = $$new_props.color);
if ("fill" in $$new_props) $$invalidate(12, fill = $$new_props.fill);
if ("regionLabel" in $$new_props) $$invalidate(13, regionLabel = $$new_props.regionLabel);
if ("labelledby" in $$new_props) $$invalidate(0, labelledby = $$new_props.labelledby);
if ("$$scope" in $$new_props) $$invalidate(14, $$scope = $$new_props.$$scope);
};
$$self.$$.update = () => {
$$invalidate(1, classesBase = `${cBase$3} ${display} ${flexDirection} ${gap} ${background} ${border} ${rounded} ${$$props.class ?? ""}`);
};
$$props = exclude_internal_props($$props);
return [
labelledby,
classesBase,
display,
flexDirection,
gap,
background,
border,
rounded,
padding,
active2,
hover,
color,
fill,
regionLabel,
$$scope,
slots
];
}
class RadioGroup extends SvelteComponent {
constructor(options) {
super();
init(this, options, instance$e, create_fragment$e, safe_not_equal, {
display: 2,
flexDirection: 3,
gap: 4,
background: 5,
border: 6,
rounded: 7,
padding: 8,
active: 9,
hover: 10,
color: 11,
fill: 12,
regionLabel: 13,
labelledby: 0
});
}
}
function create_fragment$d(ctx) {
let label_1;
let div1;
let div0;
let input;
let t2;
let div1_class_value;
let label_1_class_value;
let current;
let binding_group;
let mounted;
let dispose;
let input_levels = [
{ type: "radio" },
{ name: (
/*name*/
ctx[1]
) },
{ __value: (
/*value*/
ctx[2]
) },
/*prunedRestProps*/
ctx[11](),
{ tabindex: "-1" }
];
let input_data = {};
for (let i = 0; i < input_levels.length; i += 1) {
input_data = assign(input_data, input_levels[i]);
}
const default_slot_template = (
/*#slots*/
ctx[21].default
);
const default_slot = create_slot(
default_slot_template,
ctx,
/*$$scope*/
ctx[20],
null
);
binding_group = init_binding_group(
/*$$binding_groups*/
ctx[29][0]
);
return {
c() {
label_1 = element("label");
div1 = element("div");
div0 = element("div");
input = element("input");
t2 = space();
if (default_slot) default_slot.c();
set_attributes(input, input_data);
attr(div0, "class", "h-0 w-0 overflow-hidden");
attr(div1, "class", div1_class_value = "radio-item " + /*classesWrapper*/
ctx[8]);
attr(div1, "data-testid", "radio-item");
attr(div1, "role", "radio");
attr(
div1,
"aria-checked",
/*checked*/
ctx[6]
);
attr(
div1,
"aria-label",
/*label*/
ctx[4]
);
attr(div1, "tabindex", "0");
attr(
div1,
"title",
/*title*/
ctx[3]
);
attr(label_1, "class", label_1_class_value = "radio-label " + /*classsBase*/
ctx[9] + " " + /*regionLabel*/
ctx[5]);
binding_group.p(input);
},
m(target, anchor) {
insert(target, label_1, anchor);
append(label_1, div1);
append(div1, div0);
append(div0, input);
if (input.autofocus) input.focus();
ctx[27](input);
input.checked = input.__value === /*group*/
ctx[0];
append(div1, t2);
if (default_slot) {
default_slot.m(div1, null);
}
current = true;
if (!mounted) {
dispose = [
listen(
input,
"change",
/*input_change_handler*/
ctx[28]
),
listen(
input,
"click",
/*click_handler*/
ctx[25]
),
listen(
input,
"change",
/*change_handler*/
ctx[26]
),
listen(
div1,
"keydown",
/*onKeyDown*/
ctx[10]
),
listen(
div1,
"keydown",
/*keydown_handler*/
ctx[22]
),
listen(
div1,
"keyup",
/*keyup_handler*/
ctx[23]
),
listen(
div1,
"keypress",
/*keypress_handler*/
ctx[24]
)
];
mounted = true;
}
},
p(ctx2, dirty) {
set_attributes(input, input_data = get_spread_update(input_levels, [
{ type: "radio" },
(!current || dirty[0] & /*name*/
2) && { name: (
/*name*/
ctx2[1]
) },
(!current || dirty[0] & /*value*/
4) && { __value: (
/*value*/
ctx2[2]
) },
/*prunedRestProps*/
ctx2[11](),
{ tabindex: "-1" }
]));
if (dirty[0] & /*group*/
1) {
input.checked = input.__value === /*group*/
ctx2[0];
}
if (default_slot) {
if (default_slot.p && (!current || dirty[0] & /*$$scope*/
1048576)) {
update_slot_base(
default_slot,
default_slot_template,
ctx2,
/*$$scope*/
ctx2[20],
!current ? get_all_dirty_from_scope(
/*$$scope*/
ctx2[20]
) : get_slot_changes(
default_slot_template,
/*$$scope*/
ctx2[20],
dirty,
null
),
null
);
}
}
if (!current || dirty[0] & /*classesWrapper*/
256 && div1_class_value !== (div1_class_value = "radio-item " + /*classesWrapper*/
ctx2[8])) {
attr(div1, "class", div1_class_value);
}
if (!current || dirty[0] & /*checked*/
64) {
attr(
div1,
"aria-checked",
/*checked*/
ctx2[6]
);
}
if (!current || dirty[0] & /*label*/
16) {
attr(
div1,
"aria-label",
/*label*/
ctx2[4]
);
}
if (!current || dirty[0] & /*title*/
8) {
attr(
div1,
"title",
/*title*/
ctx2[3]
);
}
if (!current || dirty[0] & /*classsBase, regionLabel*/
544 && label_1_class_value !== (label_1_class_value = "radio-label " + /*classsBase*/
ctx2[9] + " " + /*regionLabel*/
ctx2[5])) {
attr(label_1, "class", label_1_class_value);
}
},
i(local) {
if (current) return;
transition_in(default_slot, local);
current = true;
},
o(local) {
transition_out(default_slot, local);
current = false;
},
d(detaching) {
if (detaching) {
detach(label_1);
}
ctx[27](null);
if (default_slot) default_slot.d(detaching);
binding_group.r();
mounted = false;
run_all(dispose);
}
};
}
const cBase$2 = "flex-auto";
const cWrapper = "text-base text-center cursor-pointer";
const cDisabled = "opacity-50 cursor-not-allowed";
function instance$d($$self, $$props, $$invalidate) {
let checked;
let classesActive;
let classesDisabled;
let classsBase;
let classesWrapper;
const omit_props_names = [
"group",
"name",
"value",
"title",
"label",
"rounded",
"padding",
"active",
"hover",
"color",
"fill",
"regionLabel"
];
let $$restProps = compute_rest_props($$props, omit_props_names);
let { $$slots: slots = {}, $$scope } = $$props;
let { group } = $$props;
let { name } = $$props;
let { value } = $$props;
let { title = "" } = $$props;
let { label = "" } = $$props;
let { rounded = getContext("rounded") } = $$props;
let { padding = getContext("padding") } = $$props;
let { active: active2 = getContext("active") } = $$props;
let { hover = getContext("hover") } = $$props;
let { color = getContext("color") } = $$props;
let { fill = getContext("fill") } = $$props;
let { regionLabel = getContext("regionLabel") } = $$props;
let elemInput;
function onKeyDown(event) {
if (["Enter", "Space"].includes(event.code)) {
event.preventDefault();
elemInput.click();
}
}
function prunedRestProps() {
delete $$restProps.class;
return $$restProps;
}
const $$binding_groups = [[]];
function keydown_handler(event) {
bubble.call(this, $$self, event);
}
function keyup_handler(event) {
bubble.call(this, $$self, event);
}
function keypress_handler(event) {
bubble.call(this, $$self, event);
}
function click_handler(event) {
bubble.call(this, $$self, event);
}
function change_handler(event) {
bubble.call(this, $$self, event);
}
function input_binding($$value) {
binding_callbacks[$$value ? "unshift" : "push"](() => {
elemInput = $$value;
$$invalidate(7, elemInput);
});
}
function input_change_handler() {
group = this.__value;
$$invalidate(0, group);
}
$$self.$$set = ($$new_props) => {
$$invalidate(31, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
$$invalidate(30, $$restProps = compute_rest_props($$props, omit_props_names));
if ("group" in $$new_props) $$invalidate(0, group = $$new_props.group);
if ("name" in $$new_props) $$invalidate(1, name = $$new_props.name);
if ("value" in $$new_props) $$invalidate(2, value = $$new_props.value);
if ("title" in $$new_props) $$invalidate(3, title = $$new_props.title);
if ("label" in $$new_props) $$invalidate(4, label = $$new_props.label);
if ("rounded" in $$new_props) $$invalidate(12, rounded = $$new_props.rounded);
if ("padding" in $$new_props) $$invalidate(13, padding = $$new_props.padding);
if ("active" in $$new_props) $$invalidate(14, active2 = $$new_props.active);
if ("hover" in $$new_props) $$invalidate(15, hover = $$new_props.hover);
if ("color" in $$new_props) $$invalidate(16, color = $$new_props.color);
if ("fill" in $$new_props) $$invalidate(17, fill = $$new_props.fill);
if ("regionLabel" in $$new_props) $$invalidate(5, regionLabel = $$new_props.regionLabel);
if ("$$scope" in $$new_props) $$invalidate(20, $$scope = $$new_props.$$scope);
};
$$self.$$.update = () => {
if ($$self.$$.dirty[0] & /*value, group*/
5) {
$$invalidate(6, checked = value === group);
}
if ($$self.$$.dirty[0] & /*checked, active, color, fill, hover*/
245824) {
$$invalidate(19, classesActive = checked ? `${active2} ${color} ${fill}` : hover);
}
$$invalidate(18, classesDisabled = $$props.disabled ? cDisabled : "");
$$invalidate(8, classesWrapper = `${cWrapper} ${padding} ${rounded} ${classesActive} ${classesDisabled} ${$$props.class ?? ""}`);
};
$$invalidate(9, classsBase = `${cBase$2}`);
$$props = exclude_internal_props($$props);
return [
group,
name,
value,
title,
label,
regionLabel,
checked,
elemInput,
classesWrapper,
classsBase,
onKeyDown,
prunedRestProps,
rounded,
padding,
active2,
hover,
color,
fill,
classesDisabled,
classesActive,
$$scope,
slots,
keydown_handler,
keyup_handler,
keypress_handler,
click_handler,
change_handler,
input_binding,
input_change_handler,
$$binding_groups
];
}
class RadioItem extends SvelteComponent {
constructor(options) {
super();
init(
this,
options,
instance$d,
create_fragment$d,
safe_not_equal,
{
group: 0,
name: 1,
value: 2,
title: 3,
label: 4,
rounded: 12,
padding: 13,
active: 14,
hover: 15,
color: 16,
fill: 17,
regionLabel: 5
},
null,
[-1, -1]
);
}
}
const get_trail_slot_changes = (dirty) => ({});
const get_trail_slot_context = (ctx) => ({});
function get_each_context$3(ctx, list, i) {
const child_ctx = ctx.slice();
child_ctx[23] = list[i];
return child_ctx;
}
function create_if_block_2$1(ctx) {
let label_1;
let current;
const default_slot_template = (
/*#slots*/
ctx[15].default
);
const default_slot = create_slot(
default_slot_template,
ctx,
/*$$scope*/
ctx[14],
null
);
return {
c() {
label_1 = element("label");
if (default_slot) default_slot.c();
attr(label_1, "class", "range-slider-label " + cBaseLabel);
attr(
label_1,
"for",
/*id*/
ctx[2]
);
},
m(target, anchor) {
insert(target, label_1, anchor);
if (default_slot) {
default_slot.m(label_1, null);
}
current = true;
},
p(ctx2, dirty) {
if (default_slot) {
if (default_slot.p && (!current || dirty & /*$$scope*/
16384)) {
update_slot_base(
default_slot,
default_slot_template,
ctx2,
/*$$scope*/
ctx2[14],
!current ? get_all_dirty_from_scope(
/*$$scope*/
ctx2[14]
) : get_slot_changes(
default_slot_template,
/*$$scope*/
ctx2[14],
dirty,
null
),
null
);
}
}
if (!current || dirty & /*id*/
4) {
attr(
label_1,
"for",
/*id*/
ctx2[2]
);
}
},
i(local) {
if (current) return;
transition_in(default_slot, local);
current = true;
},
o(local) {
transition_out(default_slot, local);
current = false;
},
d(detaching) {
if (detaching) {
detach(label_1);
}
if (default_slot) default_slot.d(detaching);
}
};
}
function create_if_block_1$2(ctx) {
let datalist;
let datalist_id_value;
let each_value = ensure_array_like(
/*tickmarks*/
ctx[8]
);
let each_blocks = [];
for (let i = 0; i < each_value.length; i += 1) {
each_blocks[i] = create_each_block$3(get_each_context$3(ctx, each_value, i));
}
return {
c() {
datalist = element("datalist");
for (let i = 0; i < each_blocks.length; i += 1) {
each_blocks[i].c();
}
attr(datalist, "id", datalist_id_value = "tickmarks-" + /*id*/
ctx[2]);
attr(datalist, "class", "range-slider-ticks");
},
m(target, anchor) {
insert(target, datalist, anchor);
for (let i = 0; i < each_blocks.length; i += 1) {
if (each_blocks[i]) {
each_blocks[i].m(datalist, null);
}
}
},
p(ctx2, dirty) {
if (dirty & /*tickmarks*/
256) {
each_value = ensure_array_like(
/*tickmarks*/
ctx2[8]
);
let i;
for (i = 0; i < each_value.length; i += 1) {
const child_ctx = get_each_context$3(ctx2, each_value, i);
if (each_blocks[i]) {
each_blocks[i].p(child_ctx, dirty);
} else {
each_blocks[i] = create_each_block$3(child_ctx);
each_blocks[i].c();
each_blocks[i].m(datalist, null);
}
}
for (; i < each_blocks.length; i += 1) {
each_blocks[i].d(1);
}
each_blocks.length = each_value.length;
}
if (dirty & /*id*/
4 && datalist_id_value !== (datalist_id_value = "tickmarks-" + /*id*/
ctx2[2])) {
attr(datalist, "id", datalist_id_value);
}
},
d(detaching) {
if (detaching) {
detach(datalist);
}
destroy_each(each_blocks, detaching);
}
};
}
function create_each_block$3(ctx) {
let option;
let option_value_value;
let option_label_value;
return {
c() {
option = element("option");
option.__value = option_value_value = /*tm*/
ctx[23];
set_input_value(option, option.__value);
attr(option, "label", option_label_value = /*tm*/
ctx[23]);
},
m(target, anchor) {
insert(target, option, anchor);
},
p(ctx2, dirty) {
if (dirty & /*tickmarks*/
256 && option_value_value !== (option_value_value = /*tm*/
ctx2[23])) {
option.__value = option_value_value;
set_input_value(option, option.__value);
}
if (dirty & /*tickmarks*/
256 && option_label_value !== (option_label_value = /*tm*/
ctx2[23])) {
attr(option, "label", option_label_value);
}
},
d(detaching) {
if (detaching) {
detach(option);
}
}
};
}
function create_if_block$8(ctx) {
let div;
let current;
const trail_slot_template = (
/*#slots*/
ctx[15].trail
);
const trail_slot = create_slot(
trail_slot_template,
ctx,
/*$$scope*/
ctx[14],
get_trail_slot_context
);
return {
c() {
div = element("div");
if (trail_slot) trail_slot.c();
attr(div, "class", "range-slider-trail");
},
m(target, anchor) {
insert(target, div, anchor);
if (trail_slot) {
trail_slot.m(div, null);
}
current = true;
},
p(ctx2, dirty) {
if (trail_slot) {
if (trail_slot.p && (!current || dirty & /*$$scope*/
16384)) {
update_slot_base(
trail_slot,
trail_slot_template,
ctx2,
/*$$scope*/
ctx2[14],
!current ? get_all_dirty_from_scope(
/*$$scope*/
ctx2[14]
) : get_slot_changes(
trail_slot_template,
/*$$scope*/
ctx2[14],
dirty,
get_trail_slot_changes
),
get_trail_slot_context
);
}
}
},
i(local) {
if (current) return;
transition_in(trail_slot, local);
current = true;
},
o(local) {
transition_out(trail_slot, local);
current = false;
},
d(detaching) {
if (detaching) {
detach(div);
}
if (trail_slot) trail_slot.d(detaching);
}
};
}
function create_fragment$c(ctx) {
let div1;
let t0;
let div0;
let input;
let input_class_value;
let input_list_value;
let t1;
let t2;
let div1_class_value;
let current;
let mounted;
let dispose;
let if_block0 = (
/*$$slots*/
ctx[12].default && create_if_block_2$1(ctx)
);
let input_levels = [
{ type: "range" },
{ id: (
/*id*/
ctx[2]
) },
{ name: (
/*name*/
ctx[1]
) },
{
class: input_class_value = "range-slider-input " + /*classesInput*/
ctx[9]
},
{
list: input_list_value = "tickmarks-" + /*id*/
ctx[2]
},
{ "aria-label": (
/*label*/
ctx[7]
) },
{ min: (
/*min*/
ctx[3]
) },
{ max: (
/*max*/
ctx[4]
) },
{ step: (
/*step*/
ctx[5]
) },
/*prunedRestProps*/
ctx[11]()
];
let input_data = {};
for (let i = 0; i < input_levels.length; i += 1) {
input_data = assign(input_data, input_levels[i]);
}
let if_block1 = (
/*ticked*/
ctx[6] && /*tickmarks*/
ctx[8] && /*tickmarks*/
ctx[8].length && create_if_block_1$2(ctx)
);
let if_block2 = (
/*$$slots*/
ctx[12].trail && create_if_block$8(ctx)
);
return {
c() {
div1 = element("div");
if (if_block0) if_block0.c();
t0 = space();
div0 = element("div");
input = element("input");
t1 = space();
if (if_block1) if_block1.c();
t2 = space();
if (if_block2) if_block2.c();
set_attributes(input, input_data);
attr(div0, "class", "range-content " + cBaseContent);
attr(div1, "class", div1_class_value = "range-slider " + /*classesBase*/
ctx[10]);
attr(div1, "data-testid", "range-slider");
},
m(target, anchor) {
insert(target, div1, anchor);
if (if_block0) if_block0.m(div1, null);
append(div1, t0);
append(div1, div0);
append(div0, input);
if (input.autofocus) input.focus();
set_input_value(
input,
/*value*/
ctx[0]
);
append(div0, t1);
if (if_block1) if_block1.m(div0, null);
append(div1, t2);
if (if_block2) if_block2.m(div1, null);
current = true;
if (!mounted) {
dispose = [
listen(
input,
"change",
/*input_change_input_handler*/
ctx[19]
),
listen(
input,
"input",
/*input_change_input_handler*/
ctx[19]
),
listen(
input,
"click",
/*click_handler*/
ctx[16]
),
listen(
input,
"change",
/*change_handler*/
ctx[17]
),
listen(
input,
"blur",
/*blur_handler*/
ctx[18]
)
];
mounted = true;
}
},
p(ctx2, [dirty]) {
if (
/*$$slots*/
ctx2[12].default
) {
if (if_block0) {
if_block0.p(ctx2, dirty);
if (dirty & /*$$slots*/
4096) {
transition_in(if_block0, 1);
}
} else {
if_block0 = create_if_block_2$1(ctx2);
if_block0.c();
transition_in(if_block0, 1);
if_block0.m(div1, t0);
}
} else if (if_block0) {
group_outros();
transition_out(if_block0, 1, 1, () => {
if_block0 = null;
});
check_outros();
}
set_attributes(input, input_data = get_spread_update(input_levels, [
{ type: "range" },
(!current || dirty & /*id*/
4) && { id: (
/*id*/
ctx2[2]
) },
(!current || dirty & /*name*/
2) && { name: (
/*name*/
ctx2[1]
) },
(!current || dirty & /*classesInput*/
512 && input_class_value !== (input_class_value = "range-slider-input " + /*classesInput*/
ctx2[9])) && { class: input_class_value },
(!current || dirty & /*id*/
4 && input_list_value !== (input_list_value = "tickmarks-" + /*id*/
ctx2[2])) && { list: input_list_value },
(!current || dirty & /*label*/
128) && { "aria-label": (
/*label*/
ctx2[7]
) },
(!current || dirty & /*min*/
8) && { min: (
/*min*/
ctx2[3]
) },
(!current || dirty & /*max*/
16) && { max: (
/*max*/
ctx2[4]
) },
(!current || dirty & /*step*/
32) && { step: (
/*step*/
ctx2[5]
) },
/*prunedRestProps*/
ctx2[11]()
]));
if (dirty & /*value*/
1) {
set_input_value(
input,
/*value*/
ctx2[0]
);
}
if (
/*ticked*/
ctx2[6] && /*tickmarks*/
ctx2[8] && /*tickmarks*/
ctx2[8].length
) {
if (if_block1) {
if_block1.p(ctx2, dirty);
} else {
if_block1 = create_if_block_1$2(ctx2);
if_block1.c();
if_block1.m(div0, null);
}
} else if (if_block1) {
if_block1.d(1);
if_block1 = null;
}
if (
/*$$slots*/
ctx2[12].trail
) {
if (if_block2) {
if_block2.p(ctx2, dirty);
if (dirty & /*$$slots*/
4096) {
transition_in(if_block2, 1);
}
} else {
if_block2 = create_if_block$8(ctx2);
if_block2.c();
transition_in(if_block2, 1);
if_block2.m(div1, null);
}
} else if (if_block2) {
group_outros();
transition_out(if_block2, 1, 1, () => {
if_block2 = null;
});
check_outros();
}
if (!current || dirty & /*classesBase*/
1024 && div1_class_value !== (div1_class_value = "range-slider " + /*classesBase*/
ctx2[10])) {
attr(div1, "class", div1_class_value);
}
},
i(local) {
if (current) return;
transition_in(if_block0);
transition_in(if_block2);
current = true;
},
o(local) {
transition_out(if_block0);
transition_out(if_block2);
current = false;
},
d(detaching) {
if (detaching) {
detach(div1);
}
if (if_block0) if_block0.d();
if (if_block1) if_block1.d();
if (if_block2) if_block2.d();
mounted = false;
run_all(dispose);
}
};
}
const cBase$1 = "space-y-2";
const cBaseLabel = "";
const cBaseContent = "flex justify-center py-2";
const cBaseInput = "w-full h-2";
function instance$c($$self, $$props, $$invalidate) {
let classesBase;
let classesInput;
const omit_props_names = ["name", "id", "value", "min", "max", "step", "ticked", "accent", "label"];
let $$restProps = compute_rest_props($$props, omit_props_names);
let { $$slots: slots = {}, $$scope } = $$props;
const $$slots = compute_slots(slots);
let { name } = $$props;
let { id = String(Math.random()) } = $$props;
let { value = 0 } = $$props;
let { min = 0 } = $$props;
let { max: max2 = 100 } = $$props;
let { step: step2 = 1 } = $$props;
let { ticked = false } = $$props;
let { accent = "accent-surface-900 dark:accent-surface-50" } = $$props;
let { label = "" } = $$props;
let tickmarks;
function setTicks() {
if (ticked == false) return;
$$invalidate(8, tickmarks = Array.from({ length: max2 - min + 1 }, (_, i) => i + min));
}
if (ticked) setTicks();
afterUpdate(() => {
setTicks();
});
function prunedRestProps() {
delete $$restProps.class;
return $$restProps;
}
function click_handler(event) {
bubble.call(this, $$self, event);
}
function change_handler(event) {
bubble.call(this, $$self, event);
}
function blur_handler(event) {
bubble.call(this, $$self, event);
}
function input_change_input_handler() {
value = to_number(this.value);
$$invalidate(0, value);
}
$$self.$$set = ($$new_props) => {
$$invalidate(22, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
$$invalidate(21, $$restProps = compute_rest_props($$props, omit_props_names));
if ("name" in $$new_props) $$invalidate(1, name = $$new_props.name);
if ("id" in $$new_props) $$invalidate(2, id = $$new_props.id);
if ("value" in $$new_props) $$invalidate(0, value = $$new_props.value);
if ("min" in $$new_props) $$invalidate(3, min = $$new_props.min);
if ("max" in $$new_props) $$invalidate(4, max2 = $$new_props.max);
if ("step" in $$new_props) $$invalidate(5, step2 = $$new_props.step);
if ("ticked" in $$new_props) $$invalidate(6, ticked = $$new_props.ticked);
if ("accent" in $$new_props) $$invalidate(13, accent = $$new_props.accent);
if ("label" in $$new_props) $$invalidate(7, label = $$new_props.label);
if ("$$scope" in $$new_props) $$invalidate(14, $$scope = $$new_props.$$scope);
};
$$self.$$.update = () => {
$$invalidate(10, classesBase = `${cBase$1} ${$$props.class ?? ""}`);
if ($$self.$$.dirty & /*accent*/
8192) {
$$invalidate(9, classesInput = `${cBaseInput} ${accent}`);
}
};
$$props = exclude_internal_props($$props);
return [
value,
name,
id,
min,
max2,
step2,
ticked,
label,
tickmarks,
classesInput,
classesBase,
prunedRestProps,
$$slots,
accent,
$$scope,
slots,
click_handler,
change_handler,
blur_handler,
input_change_input_handler
];
}
class RangeSlider extends SvelteComponent {
constructor(options) {
super();
init(this, options, instance$c, create_fragment$c, safe_not_equal, {
name: 1,
id: 2,
value: 0,
min: 3,
max: 4,
step: 5,
ticked: 6,
accent: 13,
label: 7
});
}
}
function create_if_block$7(ctx) {
let div;
let current;
const default_slot_template = (
/*#slots*/
ctx[22].default
);
const default_slot = create_slot(
default_slot_template,
ctx,
/*$$scope*/
ctx[21],
null
);
return {
c() {
div = element("div");
if (default_slot) default_slot.c();
attr(div, "class", "slide-toggle-text ml-3");
},
m(target, anchor) {
insert(target, div, anchor);
if (default_slot) {
default_slot.m(div, null);
}
current = true;
},
p(ctx2, dirty) {
if (default_slot) {
if (default_slot.p && (!current || dirty[0] & /*$$scope*/
2097152)) {
update_slot_base(
default_slot,
default_slot_template,
ctx2,
/*$$scope*/
ctx2[21],
!current ? get_all_dirty_from_scope(
/*$$scope*/
ctx2[21]
) : get_slot_changes(
default_slot_template,
/*$$scope*/
ctx2[21],
dirty,
null
),
null
);
}
}
},
i(local) {
if (current) return;
transition_in(default_slot, local);
current = true;
},
o(local) {
transition_out(default_slot, local);
current = false;
},
d(detaching) {
if (detaching) {
detach(div);
}
if (default_slot) default_slot.d(detaching);
}
};
}
function create_fragment$b(ctx) {
let div2;
let label_1;
let input;
let input_disabled_value;
let t0;
let div1;
let div0;
let div0_class_value;
let div1_class_value;
let t1;
let label_1_class_value;
let div2_class_value;
let current;
let mounted;
let dispose;
let input_levels = [
{ type: "checkbox" },
{ class: "slide-toggle-input hidden" },
{ name: (
/*name*/
ctx[1]
) },
/*prunedRestProps*/
ctx[8](),
{
disabled: input_disabled_value = /*$$props*/
ctx[9].disabled
}
];
let input_data = {};
for (let i = 0; i < input_levels.length; i += 1) {
input_data = assign(input_data, input_levels[i]);
}
let if_block = (
/*$$slots*/
ctx[10].default && create_if_block$7(ctx)
);
return {
c() {
div2 = element("div");
label_1 = element("label");
input = element("input");
t0 = space();
div1 = element("div");
div0 = element("div");
t1 = space();
if (if_block) if_block.c();
set_attributes(input, input_data);
attr(div0, "class", div0_class_value = "slide-toggle-thumb " + /*classesThumb*/
ctx[3]);
toggle_class(
div0,
"cursor-not-allowed",
/*$$props*/
ctx[9].disabled
);
attr(div1, "class", div1_class_value = "slide-toggle-track " + /*classesTrack*/
ctx[4]);
toggle_class(
div1,
"cursor-not-allowed",
/*$$props*/
ctx[9].disabled
);
attr(label_1, "class", label_1_class_value = "slide-toggle-label " + /*classesLabel*/
ctx[5]);
attr(
div2,
"id",
/*label*/
ctx[2]
);
attr(div2, "class", div2_class_value = "slide-toggle " + /*classesBase*/
ctx[6]);
attr(div2, "data-testid", "slide-toggle");
attr(div2, "role", "switch");
attr(
div2,
"aria-label",
/*label*/
ctx[2]
);
attr(
div2,
"aria-checked",
/*checked*/
ctx[0]
);
attr(div2, "tabindex", "0");
},
m(target, anchor) {
insert(target, div2, anchor);
append(div2, label_1);
append(label_1, input);
if (input.autofocus) input.focus();
input.checked = /*checked*/
ctx[0];
append(label_1, t0);
append(label_1, div1);
append(div1, div0);
append(label_1, t1);
if (if_block) if_block.m(label_1, null);
current = true;
if (!mounted) {
dispose = [
listen(
input,
"change",
/*input_change_handler*/
ctx[31]
),
listen(
input,
"click",
/*click_handler*/
ctx[23]
),
listen(
input,
"keydown",
/*keydown_handler*/
ctx[24]
),
listen(
input,
"keyup",
/*keyup_handler*/
ctx[25]
),
listen(
input,
"keypress",
/*keypress_handler*/
ctx[26]
),
listen(
input,
"mouseover",
/*mouseover_handler*/
ctx[27]
),
listen(
input,
"change",
/*change_handler*/
ctx[28]
),
listen(
input,
"focus",
/*focus_handler*/
ctx[29]
),
listen(
input,
"blur",
/*blur_handler*/
ctx[30]
),
listen(
div2,
"keydown",
/*onKeyDown*/
ctx[7]
)
];
mounted = true;
}
},
p(ctx2, dirty) {
set_attributes(input, input_data = get_spread_update(input_levels, [
{ type: "checkbox" },
{ class: "slide-toggle-input hidden" },
(!current || dirty[0] & /*name*/
2) && { name: (
/*name*/
ctx2[1]
) },
/*prunedRestProps*/
ctx2[8](),
(!current || dirty[0] & /*$$props*/
512 && input_disabled_value !== (input_disabled_value = /*$$props*/
ctx2[9].disabled)) && { disabled: input_disabled_value }
]));
if (dirty[0] & /*checked*/
1) {
input.checked = /*checked*/
ctx2[0];
}
if (!current || dirty[0] & /*classesThumb*/
8 && div0_class_value !== (div0_class_value = "slide-toggle-thumb " + /*classesThumb*/
ctx2[3])) {
attr(div0, "class", div0_class_value);
}
if (!current || dirty[0] & /*classesThumb, $$props*/
520) {
toggle_class(
div0,
"cursor-not-allowed",
/*$$props*/
ctx2[9].disabled
);
}
if (!current || dirty[0] & /*classesTrack*/
16 && div1_class_value !== (div1_class_value = "slide-toggle-track " + /*classesTrack*/
ctx2[4])) {
attr(div1, "class", div1_class_value);
}
if (!current || dirty[0] & /*classesTrack, $$props*/
528) {
toggle_class(
div1,
"cursor-not-allowed",
/*$$props*/
ctx2[9].disabled
);
}
if (
/*$$slots*/
ctx2[10].default
) {
if (if_block) {
if_block.p(ctx2, dirty);
if (dirty[0] & /*$$slots*/
1024) {
transition_in(if_block, 1);
}
} else {
if_block = create_if_block$7(ctx2);
if_block.c();
transition_in(if_block, 1);
if_block.m(label_1, null);
}
} else if (if_block) {
group_outros();
transition_out(if_block, 1, 1, () => {
if_block = null;
});
check_outros();
}
if (!current || dirty[0] & /*classesLabel*/
32 && label_1_class_value !== (label_1_class_value = "slide-toggle-label " + /*classesLabel*/
ctx2[5])) {
attr(label_1, "class", label_1_class_value);
}
if (!current || dirty[0] & /*label*/
4) {
attr(
div2,
"id",
/*label*/
ctx2[2]
);
}
if (!current || dirty[0] & /*classesBase*/
64 && div2_class_value !== (div2_class_value = "slide-toggle " + /*classesBase*/
ctx2[6])) {
attr(div2, "class", div2_class_value);
}
if (!current || dirty[0] & /*label*/
4) {
attr(
div2,
"aria-label",
/*label*/
ctx2[2]
);
}
if (!current || dirty[0] & /*checked*/
1) {
attr(
div2,
"aria-checked",
/*checked*/
ctx2[0]
);
}
},
i(local) {
if (current) return;
transition_in(if_block);
current = true;
},
o(local) {
transition_out(if_block);
current = false;
},
d(detaching) {
if (detaching) {
detach(div2);
}
if (if_block) if_block.d();
mounted = false;
run_all(dispose);
}
};
}
const cBase = "inline-block";
const cLabel = "unstyled flex items-center";
const cTrack = "flex transition-all duration-[200ms] cursor-pointer";
const cThumb = "w-[50%] h-full scale-[0.8] transition-all duration-[200ms] shadow";
function instance$b($$self, $$props, $$invalidate) {
let cTrackActive;
let cThumbBackground;
let cThumbPos;
let classesDisabled;
let classesBase;
let classesLabel;
let classesTrack;
let classesThumb;
const omit_props_names = ["name", "checked", "size", "background", "active", "border", "rounded", "label"];
let $$restProps = compute_rest_props($$props, omit_props_names);
let { $$slots: slots = {}, $$scope } = $$props;
const $$slots = compute_slots(slots);
const dispatch2 = createEventDispatcher();
let { name } = $$props;
let { checked = false } = $$props;
let { size = "md" } = $$props;
let { background = "bg-surface-400 dark:bg-surface-700" } = $$props;
let { active: active2 = "bg-surface-900 dark:bg-surface-300" } = $$props;
let { border = "" } = $$props;
let { rounded = "rounded-full" } = $$props;
let { label = "" } = $$props;
let trackSize;
switch (size) {
case "sm":
trackSize = "w-12 h-6";
break;
case "lg":
trackSize = "w-20 h-10";
break;
default:
trackSize = "w-16 h-8";
}
function onKeyDown(event) {
if (["Enter", "Space"].includes(event.code)) {
event.preventDefault();
dispatch2("keyup", event);
const inputElem = event.currentTarget.firstChild;
inputElem.click();
}
}
function prunedRestProps() {
delete $$restProps.class;
return $$restProps;
}
function click_handler(event) {
bubble.call(this, $$self, event);
}
function keydown_handler(event) {
bubble.call(this, $$self, event);
}
function keyup_handler(event) {
bubble.call(this, $$self, event);
}
function keypress_handler(event) {
bubble.call(this, $$self, event);
}
function mouseover_handler(event) {
bubble.call(this, $$self, event);
}
function change_handler(event) {
bubble.call(this, $$self, event);
}
function focus_handler(event) {
bubble.call(this, $$self, event);
}
function blur_handler(event) {
bubble.call(this, $$self, event);
}
function input_change_handler() {
checked = this.checked;
$$invalidate(0, checked);
}
$$self.$$set = ($$new_props) => {
$$invalidate(9, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
$$invalidate(33, $$restProps = compute_rest_props($$props, omit_props_names));
if ("name" in $$new_props) $$invalidate(1, name = $$new_props.name);
if ("checked" in $$new_props) $$invalidate(0, checked = $$new_props.checked);
if ("size" in $$new_props) $$invalidate(11, size = $$new_props.size);
if ("background" in $$new_props) $$invalidate(12, background = $$new_props.background);
if ("active" in $$new_props) $$invalidate(13, active2 = $$new_props.active);
if ("border" in $$new_props) $$invalidate(14, border = $$new_props.border);
if ("rounded" in $$new_props) $$invalidate(15, rounded = $$new_props.rounded);
if ("label" in $$new_props) $$invalidate(2, label = $$new_props.label);
if ("$$scope" in $$new_props) $$invalidate(21, $$scope = $$new_props.$$scope);
};
$$self.$$.update = () => {
if ($$self.$$.dirty[0] & /*checked, active, background*/
12289) {
$$invalidate(19, cTrackActive = checked ? active2 : `${background} cursor-pointer`);
}
if ($$self.$$.dirty[0] & /*checked*/
1) {
$$invalidate(18, cThumbBackground = checked ? "bg-white/75" : "bg-white");
}
if ($$self.$$.dirty[0] & /*checked*/
1) {
$$invalidate(17, cThumbPos = checked ? "translate-x-full" : "");
}
$$invalidate(20, classesDisabled = $$props.disabled === true ? "opacity-50" : "hover:brightness-[105%] dark:hover:brightness-110 cursor-pointer");
$$invalidate(6, classesBase = `${cBase} ${rounded} ${classesDisabled} ${$$props.class ?? ""}`);
if ($$self.$$.dirty[0] & /*border, rounded, trackSize, cTrackActive*/
638976) {
$$invalidate(4, classesTrack = `${cTrack} ${border} ${rounded} ${trackSize} ${cTrackActive}`);
}
if ($$self.$$.dirty[0] & /*rounded, cThumbBackground, cThumbPos*/
425984) {
$$invalidate(3, classesThumb = `${cThumb} ${rounded} ${cThumbBackground} ${cThumbPos}`);
}
};
$$invalidate(5, classesLabel = `${cLabel}`);
$$props = exclude_internal_props($$props);
return [
checked,
name,
label,
classesThumb,
classesTrack,
classesLabel,
classesBase,
onKeyDown,
prunedRestProps,
$$props,
$$slots,
size,
background,
active2,
border,
rounded,
trackSize,
cThumbPos,
cThumbBackground,
cTrackActive,
classesDisabled,
$$scope,
slots,
click_handler,
keydown_handler,
keyup_handler,
keypress_handler,
mouseover_handler,
change_handler,
focus_handler,
blur_handler,
input_change_handler
];
}
class SlideToggle extends SvelteComponent {
constructor(options) {
super();
init(
this,
options,
instance$b,
create_fragment$b,
safe_not_equal,
{
name: 1,
checked: 0,
size: 11,
background: 12,
active: 13,
border: 14,
rounded: 15,
label: 2
},
null,
[-1, -1]
);
}
}
function create_if_block$6(ctx) {
let previous_key = (
/*$modalStore*/
ctx[14]
);
let key_block_anchor;
let current;
let key_block = create_key_block(ctx);
return {
c() {
key_block.c();
key_block_anchor = empty();
},
m(target, anchor) {
key_block.m(target, anchor);
insert(target, key_block_anchor, anchor);
current = true;
},
p(ctx2, dirty) {
if (dirty[0] & /*$modalStore*/
16384 && safe_not_equal(previous_key, previous_key = /*$modalStore*/
ctx2[14])) {
group_outros();
transition_out(key_block, 1, 1, noop);
check_outros();
key_block = create_key_block(ctx2);
key_block.c();
transition_in(key_block, 1);
key_block.m(key_block_anchor.parentNode, key_block_anchor);
} else {
key_block.p(ctx2, dirty);
}
},
i(local) {
if (current) return;
transition_in(key_block);
current = true;
},
o(local) {
transition_out(key_block);
current = false;
},
d(detaching) {
if (detaching) {
detach(key_block_anchor);
}
key_block.d(detaching);
}
};
}
function create_else_block$2(ctx) {
let div;
let current_block_type_index;
let if_block;
let div_class_value;
let div_aria_label_value;
let current;
const if_block_creators = [create_if_block_8, create_else_block_1];
const if_blocks = [];
function select_block_type_2(ctx2, dirty) {
var _a;
if (
/*currentComponent*/
(_a = ctx2[16]) == null ? void 0 : _a.slot
) return 0;
return 1;
}
current_block_type_index = select_block_type_2(ctx);
if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
return {
c() {
var _a;
div = element("div");
if_block.c();
attr(div, "class", div_class_value = "modal contents " + /*$modalStore*/
(((_a = ctx[14][0]) == null ? void 0 : _a.modalClasses) ?? ""));
attr(div, "data-testid", "modal-component");
attr(div, "role", "dialog");
attr(div, "aria-modal", "true");
attr(div, "aria-label", div_aria_label_value = /*$modalStore*/
ctx[14][0].title ?? "");
},
m(target, anchor) {
insert(target, div, anchor);
if_blocks[current_block_type_index].m(div, null);
ctx[47](div);
current = true;
},
p(ctx2, dirty) {
var _a;
let previous_block_index = current_block_type_index;
current_block_type_index = select_block_type_2(ctx2);
if (current_block_type_index === previous_block_index) {
if_blocks[current_block_type_index].p(ctx2, dirty);
} else {
group_outros();
transition_out(if_blocks[previous_block_index], 1, 1, () => {
if_blocks[previous_block_index] = null;
});
check_outros();
if_block = if_blocks[current_block_type_index];
if (!if_block) {
if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx2);
if_block.c();
} else {
if_block.p(ctx2, dirty);
}
transition_in(if_block, 1);
if_block.m(div, null);
}
if (!current || dirty[0] & /*$modalStore*/
16384 && div_class_value !== (div_class_value = "modal contents " + /*$modalStore*/
(((_a = ctx2[14][0]) == null ? void 0 : _a.modalClasses) ?? ""))) {
attr(div, "class", div_class_value);
}
if (!current || dirty[0] & /*$modalStore*/
16384 && div_aria_label_value !== (div_aria_label_value = /*$modalStore*/
ctx2[14][0].title ?? "")) {
attr(div, "aria-label", div_aria_label_value);
}
},
i(local) {
if (current) return;
transition_in(if_block);
current = true;
},
o(local) {
transition_out(if_block);
current = false;
},
d(detaching) {
if (detaching) {
detach(div);
}
if_blocks[current_block_type_index].d();
ctx[47](null);
}
};
}
function create_if_block_1$1(ctx) {
var _a, _b, _c, _d;
let div;
let t0;
let t1;
let t2;
let div_class_value;
let div_aria_label_value;
let if_block0 = (
/*$modalStore*/
((_a = ctx[14][0]) == null ? void 0 : _a.title) && create_if_block_7(ctx)
);
let if_block1 = (
/*$modalStore*/
((_b = ctx[14][0]) == null ? void 0 : _b.body) && create_if_block_6(ctx)
);
let if_block2 = (
/*$modalStore*/
((_c = ctx[14][0]) == null ? void 0 : _c.image) && typeof /*$modalStore*/
((_d = ctx[14][0]) == null ? void 0 : _d.image) === "string" && create_if_block_5(ctx)
);
function select_block_type_1(ctx2, dirty) {
if (
/*$modalStore*/
ctx2[14][0].type === "alert"
) return create_if_block_2;
if (
/*$modalStore*/
ctx2[14][0].type === "confirm"
) return create_if_block_3;
if (
/*$modalStore*/
ctx2[14][0].type === "prompt"
) return create_if_block_4;
}
let current_block_type = select_block_type_1(ctx);
let if_block3 = current_block_type && current_block_type(ctx);
return {
c() {
div = element("div");
if (if_block0) if_block0.c();
t0 = space();
if (if_block1) if_block1.c();
t1 = space();
if (if_block2) if_block2.c();
t2 = space();
if (if_block3) if_block3.c();
attr(div, "class", div_class_value = "modal " + /*classesModal*/
ctx[20]);
attr(div, "data-testid", "modal");
attr(div, "role", "dialog");
attr(div, "aria-modal", "true");
attr(div, "aria-label", div_aria_label_value = /*$modalStore*/
ctx[14][0].title ?? "");
},
m(target, anchor) {
insert(target, div, anchor);
if (if_block0) if_block0.m(div, null);
append(div, t0);
if (if_block1) if_block1.m(div, null);
append(div, t1);
if (if_block2) if_block2.m(div, null);
append(div, t2);
if (if_block3) if_block3.m(div, null);
ctx[46](div);
},
p(ctx2, dirty) {
var _a2, _b2, _c2, _d2;
if (
/*$modalStore*/
(_a2 = ctx2[14][0]) == null ? void 0 : _a2.title
) {
if (if_block0) {
if_block0.p(ctx2, dirty);
} else {
if_block0 = create_if_block_7(ctx2);
if_block0.c();
if_block0.m(div, t0);
}
} else if (if_block0) {
if_block0.d(1);
if_block0 = null;
}
if (
/*$modalStore*/
(_b2 = ctx2[14][0]) == null ? void 0 : _b2.body
) {
if (if_block1) {
if_block1.p(ctx2, dirty);
} else {
if_block1 = create_if_block_6(ctx2);
if_block1.c();
if_block1.m(div, t1);
}
} else if (if_block1) {
if_block1.d(1);
if_block1 = null;
}
if (
/*$modalStore*/
((_c2 = ctx2[14][0]) == null ? void 0 : _c2.image) && typeof /*$modalStore*/
((_d2 = ctx2[14][0]) == null ? void 0 : _d2.image) === "string"
) {
if (if_block2) {
if_block2.p(ctx2, dirty);
} else {
if_block2 = create_if_block_5(ctx2);
if_block2.c();
if_block2.m(div, t2);
}
} else if (if_block2) {
if_block2.d(1);
if_block2 = null;
}
if (current_block_type === (current_block_type = select_block_type_1(ctx2)) && if_block3) {
if_block3.p(ctx2, dirty);
} else {
if (if_block3) if_block3.d(1);
if_block3 = current_block_type && current_block_type(ctx2);
if (if_block3) {
if_block3.c();
if_block3.m(div, null);
}
}
if (dirty[0] & /*classesModal*/
1048576 && div_class_value !== (div_class_value = "modal " + /*classesModal*/
ctx2[20])) {
attr(div, "class", div_class_value);
}
if (dirty[0] & /*$modalStore*/
16384 && div_aria_label_value !== (div_aria_label_value = /*$modalStore*/
ctx2[14][0].title ?? "")) {
attr(div, "aria-label", div_aria_label_value);
}
},
i: noop,
o: noop,
d(detaching) {
if (detaching) {
detach(div);
}
if (if_block0) if_block0.d();
if (if_block1) if_block1.d();
if (if_block2) if_block2.d();
if (if_block3) {
if_block3.d();
}
ctx[46](null);
}
};
}
function create_else_block_1(ctx) {
var _a, _b;
let switch_instance;
let switch_instance_anchor;
let current;
const switch_instance_spread_levels = [
/*currentComponent*/
(_a = ctx[16]) == null ? void 0 : _a.props,
{ parent: (
/*parent*/
ctx[19]
) }
];
var switch_value = (
/*currentComponent*/
(_b = ctx[16]) == null ? void 0 : _b.ref
);
function switch_props(ctx2, dirty) {
var _a2;
let switch_instance_props = {};
for (let i = 0; i < switch_instance_spread_levels.length; i += 1) {
switch_instance_props = assign(switch_instance_props, switch_instance_spread_levels[i]);
}
if (dirty !== void 0 && dirty[0] & /*currentComponent, parent*/
589824) {
switch_instance_props = assign(switch_instance_props, get_spread_update(switch_instance_spread_levels, [
dirty[0] & /*currentComponent*/
65536 && get_spread_object(
/*currentComponent*/
(_a2 = ctx2[16]) == null ? void 0 : _a2.props
),
dirty[0] & /*parent*/
524288 && { parent: (
/*parent*/
ctx2[19]
) }
]));
}
return { props: switch_instance_props };
}
if (switch_value) {
switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
}
return {
c() {
if (switch_instance) create_component(switch_instance.$$.fragment);
switch_instance_anchor = empty();
},
m(target, anchor) {
if (switch_instance) mount_component(switch_instance, target, anchor);
insert(target, switch_instance_anchor, anchor);
current = true;
},
p(ctx2, dirty) {
var _a2, _b2;
if (dirty[0] & /*currentComponent*/
65536 && switch_value !== (switch_value = /*currentComponent*/
(_a2 = ctx2[16]) == null ? void 0 : _a2.ref)) {
if (switch_instance) {
group_outros();
const old_component = switch_instance;
transition_out(old_component.$$.fragment, 1, 0, () => {
destroy_component(old_component, 1);
});
check_outros();
}
if (switch_value) {
switch_instance = construct_svelte_component(switch_value, switch_props(ctx2, dirty));
create_component(switch_instance.$$.fragment);
transition_in(switch_instance.$$.fragment, 1);
mount_component(switch_instance, switch_instance_anchor.parentNode, switch_instance_anchor);
} else {
switch_instance = null;
}
} else if (switch_value) {
const switch_instance_changes = dirty[0] & /*currentComponent, parent*/
589824 ? get_spread_update(switch_instance_spread_levels, [
dirty[0] & /*currentComponent*/
65536 && get_spread_object(
/*currentComponent*/
(_b2 = ctx2[16]) == null ? void 0 : _b2.props
),
dirty[0] & /*parent*/
524288 && { parent: (
/*parent*/
ctx2[19]
) }
]) : {};
switch_instance.$set(switch_instance_changes);
}
},
i(local) {
if (current) return;
if (switch_instance) transition_in(switch_instance.$$.fragment, local);
current = true;
},
o(local) {
if (switch_instance) transition_out(switch_instance.$$.fragment, local);
current = false;
},
d(detaching) {
if (detaching) {
detach(switch_instance_anchor);
}
if (switch_instance) destroy_component(switch_instance, detaching);
}
};
}
function create_if_block_8(ctx) {
var _a, _b;
let switch_instance;
let switch_instance_anchor;
let current;
const switch_instance_spread_levels = [
/*currentComponent*/
(_a = ctx[16]) == null ? void 0 : _a.props,
{ parent: (
/*parent*/
ctx[19]
) }
];
var switch_value = (
/*currentComponent*/
(_b = ctx[16]) == null ? void 0 : _b.ref
);
function switch_props(ctx2, dirty) {
var _a2;
let switch_instance_props = {
$$slots: { default: [create_default_slot$6] },
$$scope: { ctx: ctx2 }
};
for (let i = 0; i < switch_instance_spread_levels.length; i += 1) {
switch_instance_props = assign(switch_instance_props, switch_instance_spread_levels[i]);
}
if (dirty !== void 0 && dirty[0] & /*currentComponent, parent*/
589824) {
switch_instance_props = assign(switch_instance_props, get_spread_update(switch_instance_spread_levels, [
dirty[0] & /*currentComponent*/
65536 && get_spread_object(
/*currentComponent*/
(_a2 = ctx2[16]) == null ? void 0 : _a2.props
),
dirty[0] & /*parent*/
524288 && { parent: (
/*parent*/
ctx2[19]
) }
]));
}
return { props: switch_instance_props };
}
if (switch_value) {
switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
}
return {
c() {
if (switch_instance) create_component(switch_instance.$$.fragment);
switch_instance_anchor = empty();
},
m(target, anchor) {
if (switch_instance) mount_component(switch_instance, target, anchor);
insert(target, switch_instance_anchor, anchor);
current = true;
},
p(ctx2, dirty) {
var _a2, _b2;
if (dirty[0] & /*currentComponent*/
65536 && switch_value !== (switch_value = /*currentComponent*/
(_a2 = ctx2[16]) == null ? void 0 : _a2.ref)) {
if (switch_instance) {
group_outros();
const old_component = switch_instance;
transition_out(old_component.$$.fragment, 1, 0, () => {
destroy_component(old_component, 1);
});
check_outros();
}
if (switch_value) {
switch_instance = construct_svelte_component(switch_value, switch_props(ctx2, dirty));
create_component(switch_instance.$$.fragment);
transition_in(switch_instance.$$.fragment, 1);
mount_component(switch_instance, switch_instance_anchor.parentNode, switch_instance_anchor);
} else {
switch_instance = null;
}
} else if (switch_value) {
const switch_instance_changes = dirty[0] & /*currentComponent, parent*/
589824 ? get_spread_update(switch_instance_spread_levels, [
dirty[0] & /*currentComponent*/
65536 && get_spread_object(
/*currentComponent*/
(_b2 = ctx2[16]) == null ? void 0 : _b2.props
),
dirty[0] & /*parent*/
524288 && { parent: (
/*parent*/
ctx2[19]
) }
]) : {};
if (dirty[0] & /*currentComponent*/
65536 | dirty[1] & /*$$scope*/
16777216) {
switch_instance_changes.$$scope = { dirty, ctx: ctx2 };
}
switch_instance.$set(switch_instance_changes);
}
},
i(local) {
if (current) return;
if (switch_instance) transition_in(switch_instance.$$.fragment, local);
current = true;
},
o(local) {
if (switch_instance) transition_out(switch_instance.$$.fragment, local);
current = false;
},
d(detaching) {
if (detaching) {
detach(switch_instance_anchor);
}
if (switch_instance) destroy_component(switch_instance, detaching);
}
};
}
function create_default_slot$6(ctx) {
var _a;
let html_tag;
let raw_value = (
/*currentComponent*/
((_a = ctx[16]) == null ? void 0 : _a.slot) + ""
);
let html_anchor;
return {
c() {
html_tag = new HtmlTag(false);
html_anchor = empty();
html_tag.a = html_anchor;
},
m(target, anchor) {
html_tag.m(raw_value, target, anchor);
insert(target, html_anchor, anchor);
},
p(ctx2, dirty) {
var _a2;
if (dirty[0] & /*currentComponent*/
65536 && raw_value !== (raw_value = /*currentComponent*/
((_a2 = ctx2[16]) == null ? void 0 : _a2.slot) + "")) html_tag.p(raw_value);
},
d(detaching) {
if (detaching) {
detach(html_anchor);
html_tag.d();
}
}
};
}
function create_if_block_7(ctx) {
let header;
let raw_value = (
/*$modalStore*/
ctx[14][0].title + ""
);
let header_class_value;
return {
c() {
header = element("header");
attr(header, "class", header_class_value = "modal-header " + /*regionHeader*/
ctx[5]);
},
m(target, anchor) {
insert(target, header, anchor);
header.innerHTML = raw_value;
},
p(ctx2, dirty) {
if (dirty[0] & /*$modalStore*/
16384 && raw_value !== (raw_value = /*$modalStore*/
ctx2[14][0].title + "")) header.innerHTML = raw_value;
if (dirty[0] & /*regionHeader*/
32 && header_class_value !== (header_class_value = "modal-header " + /*regionHeader*/
ctx2[5])) {
attr(header, "class", header_class_value);
}
},
d(detaching) {
if (detaching) {
detach(header);
}
}
};
}
function create_if_block_6(ctx) {
let article;
let raw_value = (
/*$modalStore*/
ctx[14][0].body + ""
);
let article_class_value;
return {
c() {
article = element("article");
attr(article, "class", article_class_value = "modal-body " + /*regionBody*/
ctx[6]);
},
m(target, anchor) {
insert(target, article, anchor);
article.innerHTML = raw_value;
},
p(ctx2, dirty) {
if (dirty[0] & /*$modalStore*/
16384 && raw_value !== (raw_value = /*$modalStore*/
ctx2[14][0].body + "")) article.innerHTML = raw_value;
if (dirty[0] & /*regionBody*/
64 && article_class_value !== (article_class_value = "modal-body " + /*regionBody*/
ctx2[6])) {
attr(article, "class", article_class_value);
}
},
d(detaching) {
if (detaching) {
detach(article);
}
}
};
}
function create_if_block_5(ctx) {
let img;
let img_src_value;
return {
c() {
var _a;
img = element("img");
attr(img, "class", "modal-image " + cModalImage);
if (!src_url_equal(img.src, img_src_value = /*$modalStore*/
(_a = ctx[14][0]) == null ? void 0 : _a.image)) attr(img, "src", img_src_value);
attr(img, "alt", "Modal");
},
m(target, anchor) {
insert(target, img, anchor);
},
p(ctx2, dirty) {
var _a;
if (dirty[0] & /*$modalStore*/
16384 && !src_url_equal(img.src, img_src_value = /*$modalStore*/
(_a = ctx2[14][0]) == null ? void 0 : _a.image)) {
attr(img, "src", img_src_value);
}
},
d(detaching) {
if (detaching) {
detach(img);
}
}
};
}
function create_if_block_4(ctx) {
let form;
let input;
let t0;
let footer;
let button0;
let t1;
let button0_class_value;
let t2;
let button1;
let t3;
let button1_class_value;
let footer_class_value;
let mounted;
let dispose;
let input_levels = [
{ class: "modal-prompt-input input" },
{ name: "prompt" },
{ type: "text" },
/*$modalStore*/
ctx[14][0].valueAttr
];
let input_data = {};
for (let i = 0; i < input_levels.length; i += 1) {
input_data = assign(input_data, input_levels[i]);
}
return {
c() {
form = element("form");
input = element("input");
t0 = space();
footer = element("footer");
button0 = element("button");
t1 = text(
/*buttonTextCancel*/
ctx[0]
);
t2 = space();
button1 = element("button");
t3 = text(
/*buttonTextSubmit*/
ctx[2]
);
set_attributes(input, input_data);
attr(button0, "type", "button");
attr(button0, "class", button0_class_value = "btn " + /*buttonNeutral*/
ctx[3]);
attr(button1, "type", "submit");
attr(button1, "class", button1_class_value = "btn " + /*buttonPositive*/
ctx[4]);
attr(footer, "class", footer_class_value = "modal-footer " + /*regionFooter*/
ctx[7]);
attr(form, "class", "space-y-4");
},
m(target, anchor) {
insert(target, form, anchor);
append(form, input);
if (input.autofocus) input.focus();
set_input_value(
input,
/*promptValue*/
ctx[15]
);
append(form, t0);
append(form, footer);
append(footer, button0);
append(button0, t1);
append(footer, t2);
append(footer, button1);
append(button1, t3);
if (!mounted) {
dispose = [
listen(
input,
"input",
/*input_input_handler*/
ctx[45]
),
listen(
button0,
"click",
/*onClose*/
ctx[26]
),
listen(
form,
"submit",
/*onPromptSubmit*/
ctx[28]
)
];
mounted = true;
}
},
p(ctx2, dirty) {
set_attributes(input, input_data = get_spread_update(input_levels, [
{ class: "modal-prompt-input input" },
{ name: "prompt" },
{ type: "text" },
dirty[0] & /*$modalStore*/
16384 && /*$modalStore*/
ctx2[14][0].valueAttr
]));
if (dirty[0] & /*promptValue*/
32768 && input.value !== /*promptValue*/
ctx2[15]) {
set_input_value(
input,
/*promptValue*/
ctx2[15]
);
}
if (dirty[0] & /*buttonTextCancel*/
1) set_data(
t1,
/*buttonTextCancel*/
ctx2[0]
);
if (dirty[0] & /*buttonNeutral*/
8 && button0_class_value !== (button0_class_value = "btn " + /*buttonNeutral*/
ctx2[3])) {
attr(button0, "class", button0_class_value);
}
if (dirty[0] & /*buttonTextSubmit*/
4) set_data(
t3,
/*buttonTextSubmit*/
ctx2[2]
);
if (dirty[0] & /*buttonPositive*/
16 && button1_class_value !== (button1_class_value = "btn " + /*buttonPositive*/
ctx2[4])) {
attr(button1, "class", button1_class_value);
}
if (dirty[0] & /*regionFooter*/
128 && footer_class_value !== (footer_class_value = "modal-footer " + /*regionFooter*/
ctx2[7])) {
attr(footer, "class", footer_class_value);
}
},
d(detaching) {
if (detaching) {
detach(form);
}
mounted = false;
run_all(dispose);
}
};
}
function create_if_block_3(ctx) {
let footer;
let button0;
let t0;
let button0_class_value;
let t1;
let button1;
let t2;
let button1_class_value;
let footer_class_value;
let mounted;
let dispose;
return {
c() {
footer = element("footer");
button0 = element("button");
t0 = text(
/*buttonTextCancel*/
ctx[0]
);
t1 = space();
button1 = element("button");
t2 = text(
/*buttonTextConfirm*/
ctx[1]
);
attr(button0, "type", "button");
attr(button0, "class", button0_class_value = "btn " + /*buttonNeutral*/
ctx[3]);
attr(button1, "type", "button");
attr(button1, "class", button1_class_value = "btn " + /*buttonPositive*/
ctx[4]);
attr(footer, "class", footer_class_value = "modal-footer " + /*regionFooter*/
ctx[7]);
},
m(target, anchor) {
insert(target, footer, anchor);
append(footer, button0);
append(button0, t0);
append(footer, t1);
append(footer, button1);
append(button1, t2);
if (!mounted) {
dispose = [
listen(
button0,
"click",
/*onClose*/
ctx[26]
),
listen(
button1,
"click",
/*onConfirm*/
ctx[27]
)
];
mounted = true;
}
},
p(ctx2, dirty) {
if (dirty[0] & /*buttonTextCancel*/
1) set_data(
t0,
/*buttonTextCancel*/
ctx2[0]
);
if (dirty[0] & /*buttonNeutral*/
8 && button0_class_value !== (button0_class_value = "btn " + /*buttonNeutral*/
ctx2[3])) {
attr(button0, "class", button0_class_value);
}
if (dirty[0] & /*buttonTextConfirm*/
2) set_data(
t2,
/*buttonTextConfirm*/
ctx2[1]
);
if (dirty[0] & /*buttonPositive*/
16 && button1_class_value !== (button1_class_value = "btn " + /*buttonPositive*/
ctx2[4])) {
attr(button1, "class", button1_class_value);
}
if (dirty[0] & /*regionFooter*/
128 && footer_class_value !== (footer_class_value = "modal-footer " + /*regionFooter*/
ctx2[7])) {
attr(footer, "class", footer_class_value);
}
},
d(detaching) {
if (detaching) {
detach(footer);
}
mounted = false;
run_all(dispose);
}
};
}
function create_if_block_2(ctx) {
let footer;
let button;
let t2;
let button_class_value;
let footer_class_value;
let mounted;
let dispose;
return {
c() {
footer = element("footer");
button = element("button");
t2 = text(
/*buttonTextCancel*/
ctx[0]
);
attr(button, "type", "button");
attr(button, "class", button_class_value = "btn " + /*buttonNeutral*/
ctx[3]);
attr(footer, "class", footer_class_value = "modal-footer " + /*regionFooter*/
ctx[7]);
},
m(target, anchor) {
insert(target, footer, anchor);
append(footer, button);
append(button, t2);
if (!mounted) {
dispose = listen(
button,
"click",
/*onClose*/
ctx[26]
);
mounted = true;
}
},
p(ctx2, dirty) {
if (dirty[0] & /*buttonTextCancel*/
1) set_data(
t2,
/*buttonTextCancel*/
ctx2[0]
);
if (dirty[0] & /*buttonNeutral*/
8 && button_class_value !== (button_class_value = "btn " + /*buttonNeutral*/
ctx2[3])) {
attr(button, "class", button_class_value);
}
if (dirty[0] & /*regionFooter*/
128 && footer_class_value !== (footer_class_value = "modal-footer " + /*regionFooter*/
ctx2[7])) {
attr(footer, "class", footer_class_value);
}
},
d(detaching) {
if (detaching) {
detach(footer);
}
mounted = false;
dispose();
}
};
}
function create_key_block(ctx) {
let div1;
let div0;
let current_block_type_index;
let if_block;
let div0_class_value;
let div0_intro;
let div0_outro;
let div1_class_value;
let div1_transition;
let current;
let mounted;
let dispose;
const if_block_creators = [create_if_block_1$1, create_else_block$2];
const if_blocks = [];
function select_block_type(ctx2, dirty) {
if (
/*$modalStore*/
ctx2[14][0].type !== "component"
) return 0;
return 1;
}
current_block_type_index = select_block_type(ctx);
if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
return {
c() {
div1 = element("div");
div0 = element("div");
if_block.c();
attr(div0, "class", div0_class_value = "modal-transition " + /*classesTransitionLayer*/
ctx[21]);
attr(div1, "class", div1_class_value = "modal-backdrop " + /*classesBackdrop*/
ctx[22] + " " + /*backdropOverflow*/
ctx[18]);
attr(div1, "data-testid", "modal-backdrop");
},
m(target, anchor) {
insert(target, div1, anchor);
append(div1, div0);
if_blocks[current_block_type_index].m(div0, null);
current = true;
if (!mounted) {
dispose = [
listen(
div1,
"mousedown",
/*onBackdropInteractionBegin*/
ctx[24]
),
listen(
div1,
"mouseup",
/*onBackdropInteractionEnd*/
ctx[25]
),
listen(
div1,
"touchstart",
/*touchstart_handler*/
ctx[42],
{ passive: true }
),
listen(
div1,
"touchend",
/*touchend_handler*/
ctx[43],
{ passive: true }
),
action_destroyer(focusTrap.call(null, div1, true))
];
mounted = true;
}
},
p(new_ctx, dirty) {
ctx = new_ctx;
let previous_block_index = current_block_type_index;
current_block_type_index = select_block_type(ctx);
if (current_block_type_index === previous_block_index) {
if_blocks[current_block_type_index].p(ctx, dirty);
} else {
group_outros();
transition_out(if_blocks[previous_block_index], 1, 1, () => {
if_blocks[previous_block_index] = null;
});
check_outros();
if_block = if_blocks[current_block_type_index];
if (!if_block) {
if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
if_block.c();
} else {
if_block.p(ctx, dirty);
}
transition_in(if_block, 1);
if_block.m(div0, null);
}
if (!current || dirty[0] & /*classesTransitionLayer*/
2097152 && div0_class_value !== (div0_class_value = "modal-transition " + /*classesTransitionLayer*/
ctx[21])) {
attr(div0, "class", div0_class_value);
}
if (!current || dirty[0] & /*classesBackdrop, backdropOverflow*/
4456448 && div1_class_value !== (div1_class_value = "modal-backdrop " + /*classesBackdrop*/
ctx[22] + " " + /*backdropOverflow*/
ctx[18])) {
attr(div1, "class", div1_class_value);
}
},
i(local) {
if (current) return;
transition_in(if_block);
add_render_callback(() => {
if (!current) return;
if (div0_outro) div0_outro.end(1);
div0_intro = create_in_transition(div0, dynamicTransition, {
transition: (
/*transitionIn*/
ctx[9]
),
params: (
/*transitionInParams*/
ctx[10]
),
enabled: (
/*transitions*/
ctx[8]
)
});
div0_intro.start();
});
add_render_callback(() => {
if (!current) return;
if (!div1_transition) div1_transition = create_bidirectional_transition(
div1,
dynamicTransition,
{
transition: fade,
params: { duration: 150 },
enabled: (
/*transitions*/
ctx[8]
)
},
true
);
div1_transition.run(1);
});
current = true;
},
o(local) {
transition_out(if_block);
if (div0_intro) div0_intro.invalidate();
div0_outro = create_out_transition(div0, dynamicTransition, {
transition: (
/*transitionOut*/
ctx[11]
),
params: (
/*transitionOutParams*/
ctx[12]
),
enabled: (
/*transitions*/
ctx[8]
)
});
if (!div1_transition) div1_transition = create_bidirectional_transition(
div1,
dynamicTransition,
{
transition: fade,
params: { duration: 150 },
enabled: (
/*transitions*/
ctx[8]
)
},
false
);
div1_transition.run(0);
current = false;
},
d(detaching) {
if (detaching) {
detach(div1);
}
if_blocks[current_block_type_index].d();
if (detaching && div0_outro) div0_outro.end();
if (detaching && div1_transition) div1_transition.end();
mounted = false;
run_all(dispose);
}
};
}
function create_fragment$a(ctx) {
let if_block_anchor;
let current;
let mounted;
let dispose;
add_render_callback(
/*onwindowresize*/
ctx[44]
);
let if_block = (
/*$modalStore*/
ctx[14].length > 0 && create_if_block$6(ctx)
);
return {
c() {
if (if_block) if_block.c();
if_block_anchor = empty();
},
m(target, anchor) {
if (if_block) if_block.m(target, anchor);
insert(target, if_block_anchor, anchor);
current = true;
if (!mounted) {
dispose = [
listen(
window,
"keydown",
/*onKeyDown*/
ctx[29]
),
listen(
window,
"resize",
/*onwindowresize*/
ctx[44]
)
];
mounted = true;
}
},
p(ctx2, dirty) {
if (
/*$modalStore*/
ctx2[14].length > 0
) {
if (if_block) {
if_block.p(ctx2, dirty);
if (dirty[0] & /*$modalStore*/
16384) {
transition_in(if_block, 1);
}
} else {
if_block = create_if_block$6(ctx2);
if_block.c();
transition_in(if_block, 1);
if_block.m(if_block_anchor.parentNode, if_block_anchor);
}
} else if (if_block) {
group_outros();
transition_out(if_block, 1, 1, () => {
if_block = null;
});
check_outros();
}
},
i(local) {
if (current) return;
transition_in(if_block);
current = true;
},
o(local) {
transition_out(if_block);
current = false;
},
d(detaching) {
if (detaching) {
detach(if_block_anchor);
}
if (if_block) if_block.d(detaching);
mounted = false;
run_all(dispose);
}
};
}
const cBackdrop = "fixed top-0 left-0 right-0 bottom-0 bg-surface-backdrop-token p-4";
const cTransitionLayer = "w-full h-fit min-h-full overflow-y-auto flex justify-center";
const cModal = "block overflow-y-auto";
const cModalImage = "w-full h-auto";
function instance$a($$self, $$props, $$invalidate) {
let cPosition;
let classesBackdrop;
let classesTransitionLayer;
let classesModal;
let parent;
let $modalStore;
let $prefersReducedMotionStore;
component_subscribe($$self, prefersReducedMotionStore, ($$value) => $$invalidate(49, $prefersReducedMotionStore = $$value));
const dispatch2 = createEventDispatcher();
let { components = {} } = $$props;
let { position = "items-center" } = $$props;
let { background = "bg-surface-100-800-token" } = $$props;
let { width = "w-modal" } = $$props;
let { height = "h-auto" } = $$props;
let { padding = "p-4" } = $$props;
let { spacing = "space-y-4" } = $$props;
let { rounded = "rounded-container-token" } = $$props;
let { shadow = "shadow-xl" } = $$props;
let { zIndex = "z-[999]" } = $$props;
let { buttonNeutral = "variant-ghost-surface" } = $$props;
let { buttonPositive = "variant-filled" } = $$props;
let { buttonTextCancel = "Cancel" } = $$props;
let { buttonTextConfirm = "Confirm" } = $$props;
let { buttonTextSubmit = "Submit" } = $$props;
let { regionBackdrop = "" } = $$props;
let { regionHeader = "text-2xl font-bold" } = $$props;
let { regionBody = "max-h-[200px] overflow-hidden" } = $$props;
let { regionFooter = "flex justify-end space-x-2" } = $$props;
let { transitions = !$prefersReducedMotionStore } = $$props;
let { transitionIn = fly } = $$props;
let { transitionInParams = { duration: 150, opacity: 0, x: 0, y: 100 } } = $$props;
let { transitionOut = fly } = $$props;
let { transitionOutParams = { duration: 150, opacity: 0, x: 0, y: 100 } } = $$props;
let promptValue;
const buttonTextDefaults = {
buttonTextCancel,
buttonTextConfirm,
buttonTextSubmit
};
let currentComponent;
let registeredInteractionWithBackdrop = false;
let modalElement;
let windowHeight;
let backdropOverflow = "overflow-y-hidden";
const modalStore = getModalStore();
component_subscribe($$self, modalStore, (value) => $$invalidate(14, $modalStore = value));
function handleModals(modals) {
if (modals[0].type === "prompt") $$invalidate(15, promptValue = modals[0].value);
$$invalidate(0, buttonTextCancel = modals[0].buttonTextCancel || buttonTextDefaults.buttonTextCancel);
$$invalidate(1, buttonTextConfirm = modals[0].buttonTextConfirm || buttonTextDefaults.buttonTextConfirm);
$$invalidate(2, buttonTextSubmit = modals[0].buttonTextSubmit || buttonTextDefaults.buttonTextSubmit);
$$invalidate(16, currentComponent = typeof modals[0].component === "string" ? components[modals[0].component] : modals[0].component);
}
function onModalHeightChange(modal) {
var _a;
let modalHeight = modal == null ? void 0 : modal.clientHeight;
if (!modalHeight) modalHeight = (_a = modal == null ? void 0 : modal.firstChild) == null ? void 0 : _a.clientHeight;
if (!modalHeight) return;
if (modalHeight > windowHeight) {
$$invalidate(18, backdropOverflow = "overflow-y-auto");
} else {
$$invalidate(18, backdropOverflow = "overflow-y-hidden");
}
}
function onBackdropInteractionBegin(event) {
if (!(event.target instanceof Element)) return;
const classList = event.target.classList;
if (classList.contains("modal-backdrop") || classList.contains("modal-transition")) {
registeredInteractionWithBackdrop = true;
}
}
function onBackdropInteractionEnd(event) {
if (!(event.target instanceof Element)) return;
const classList = event.target.classList;
if ((classList.contains("modal-backdrop") || classList.contains("modal-transition")) && registeredInteractionWithBackdrop) {
if ($modalStore[0].response) $modalStore[0].response(void 0);
modalStore.close();
dispatch2("backdrop", event);
}
registeredInteractionWithBackdrop = false;
}
function onClose() {
if ($modalStore[0].response) $modalStore[0].response(false);
modalStore.close();
}
function onConfirm() {
if ($modalStore[0].response) $modalStore[0].response(true);
modalStore.close();
}
function onPromptSubmit(event) {
event.preventDefault();
if ($modalStore[0].response) {
if ($modalStore[0].valueAttr !== void 0 && "type" in $modalStore[0].valueAttr && $modalStore[0].valueAttr.type === "number") $modalStore[0].response(parseInt(promptValue));
else $modalStore[0].response(promptValue);
}
modalStore.close();
}
function onKeyDown(event) {
if (!$modalStore.length) return;
if (event.code === "Escape") onClose();
}
function touchstart_handler(event) {
bubble.call(this, $$self, event);
}
function touchend_handler(event) {
bubble.call(this, $$self, event);
}
function onwindowresize() {
$$invalidate(17, windowHeight = window.innerHeight);
}
function input_input_handler() {
promptValue = this.value;
$$invalidate(15, promptValue);
}
function div_binding($$value) {
binding_callbacks[$$value ? "unshift" : "push"](() => {
modalElement = $$value;
$$invalidate(13, modalElement);
});
}
function div_binding_1($$value) {
binding_callbacks[$$value ? "unshift" : "push"](() => {
modalElement = $$value;
$$invalidate(13, modalElement);
});
}
$$self.$$set = ($$new_props) => {
$$invalidate(54, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
if ("components" in $$new_props) $$invalidate(30, components = $$new_props.components);
if ("position" in $$new_props) $$invalidate(31, position = $$new_props.position);
if ("background" in $$new_props) $$invalidate(32, background = $$new_props.background);
if ("width" in $$new_props) $$invalidate(33, width = $$new_props.width);
if ("height" in $$new_props) $$invalidate(34, height = $$new_props.height);
if ("padding" in $$new_props) $$invalidate(35, padding = $$new_props.padding);
if ("spacing" in $$new_props) $$invalidate(36, spacing = $$new_props.spacing);
if ("rounded" in $$new_props) $$invalidate(37, rounded = $$new_props.rounded);
if ("shadow" in $$new_props) $$invalidate(38, shadow = $$new_props.shadow);
if ("zIndex" in $$new_props) $$invalidate(39, zIndex = $$new_props.zIndex);
if ("buttonNeutral" in $$new_props) $$invalidate(3, buttonNeutral = $$new_props.buttonNeutral);
if ("buttonPositive" in $$new_props) $$invalidate(4, buttonPositive = $$new_props.buttonPositive);
if ("buttonTextCancel" in $$new_props) $$invalidate(0, buttonTextCancel = $$new_props.buttonTextCancel);
if ("buttonTextConfirm" in $$new_props) $$invalidate(1, buttonTextConfirm = $$new_props.buttonTextConfirm);
if ("buttonTextSubmit" in $$new_props) $$invalidate(2, buttonTextSubmit = $$new_props.buttonTextSubmit);
if ("regionBackdrop" in $$new_props) $$invalidate(40, regionBackdrop = $$new_props.regionBackdrop);
if ("regionHeader" in $$new_props) $$invalidate(5, regionHeader = $$new_props.regionHeader);
if ("regionBody" in $$new_props) $$invalidate(6, regionBody = $$new_props.regionBody);
if ("regionFooter" in $$new_props) $$invalidate(7, regionFooter = $$new_props.regionFooter);
if ("transitions" in $$new_props) $$invalidate(8, transitions = $$new_props.transitions);
if ("transitionIn" in $$new_props) $$invalidate(9, transitionIn = $$new_props.transitionIn);
if ("transitionInParams" in $$new_props) $$invalidate(10, transitionInParams = $$new_props.transitionInParams);
if ("transitionOut" in $$new_props) $$invalidate(11, transitionOut = $$new_props.transitionOut);
if ("transitionOutParams" in $$new_props) $$invalidate(12, transitionOutParams = $$new_props.transitionOutParams);
};
$$self.$$.update = () => {
var _a, _b, _c;
if ($$self.$$.dirty[0] & /*$modalStore*/
16384) {
if ($modalStore.length) handleModals($modalStore);
}
if ($$self.$$.dirty[0] & /*modalElement*/
8192) {
onModalHeightChange(modalElement);
}
if ($$self.$$.dirty[0] & /*$modalStore*/
16384 | $$self.$$.dirty[1] & /*position*/
1) {
$$invalidate(41, cPosition = ((_a = $modalStore[0]) == null ? void 0 : _a.position) ?? position);
}
$$invalidate(22, classesBackdrop = `${cBackdrop} ${regionBackdrop} ${zIndex} ${$$props.class ?? ""} ${((_b = $modalStore[0]) == null ? void 0 : _b.backdropClasses) ?? ""}`);
if ($$self.$$.dirty[1] & /*cPosition*/
1024) {
$$invalidate(21, classesTransitionLayer = `${cTransitionLayer} ${cPosition ?? ""}`);
}
if ($$self.$$.dirty[0] & /*$modalStore*/
16384 | $$self.$$.dirty[1] & /*background, width, height, padding, spacing, rounded, shadow*/
254) {
$$invalidate(20, classesModal = `${cModal} ${background} ${width} ${height} ${padding} ${spacing} ${rounded} ${shadow} ${((_c = $modalStore[0]) == null ? void 0 : _c.modalClasses) ?? ""}`);
}
if ($$self.$$.dirty[0] & /*buttonNeutral, buttonPositive, buttonTextCancel, buttonTextConfirm, buttonTextSubmit, regionHeader, regionBody, regionFooter*/
255 | $$self.$$.dirty[1] & /*position, background, width, height, padding, spacing, rounded, shadow, regionBackdrop*/
767) {
$$invalidate(19, parent = {
position,
// ---
background,
width,
height,
padding,
spacing,
rounded,
shadow,
// ---
buttonNeutral,
buttonPositive,
buttonTextCancel,
buttonTextConfirm,
buttonTextSubmit,
// ---
regionBackdrop,
regionHeader,
regionBody,
regionFooter,
// ---
onClose
});
}
};
$$props = exclude_internal_props($$props);
return [
buttonTextCancel,
buttonTextConfirm,
buttonTextSubmit,
buttonNeutral,
buttonPositive,
regionHeader,
regionBody,
regionFooter,
transitions,
transitionIn,
transitionInParams,
transitionOut,
transitionOutParams,
modalElement,
$modalStore,
promptValue,
currentComponent,
windowHeight,
backdropOverflow,
parent,
classesModal,
classesTransitionLayer,
classesBackdrop,
modalStore,
onBackdropInteractionBegin,
onBackdropInteractionEnd,
onClose,
onConfirm,
onPromptSubmit,
onKeyDown,
components,
position,
background,
width,
height,
padding,
spacing,
rounded,
shadow,
zIndex,
regionBackdrop,
cPosition,
touchstart_handler,
touchend_handler,
onwindowresize,
input_input_handler,
div_binding,
div_binding_1
];
}
class Modal extends SvelteComponent {
constructor(options) {
super();
init(
this,
options,
instance$a,
create_fragment$a,
safe_not_equal,
{
components: 30,
position: 31,
background: 32,
width: 33,
height: 34,
padding: 35,
spacing: 36,
rounded: 37,
shadow: 38,
zIndex: 39,
buttonNeutral: 3,
buttonPositive: 4,
buttonTextCancel: 0,
buttonTextConfirm: 1,
buttonTextSubmit: 2,
regionBackdrop: 40,
regionHeader: 5,
regionBody: 6,
regionFooter: 7,
transitions: 8,
transitionIn: 9,
transitionInParams: 10,
transitionOut: 11,
transitionOutParams: 12
},
null,
[-1, -1]
);
}
}
const creditCode = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxMAAAsTAQCanBgAADzWSURBVHhe7Z0HnBRF9sdrMyxZoiCegKCCOZ3xzKcCgp56CoqKohj+6pmznBGMGM+cQDALBgwneuZ4nieGU5KKIoqAIrCEDf1/3zddQ29vd09P2oD++BQzW93TXV316uWqLvhZUCowv8P8+OOP5uOPPzY9evQwvXr1MoWFhe6RYDiOY2bPnm2+/vprs+WWW5p27dq5R37bWCEwNTU1K6WDfvNYvny5M2LECKd58+bOjjvu6Hz77bfukXB88803zuabb+60aNHCueqqq5xVq1a5R+JB+t79tmZBnms5U7IqQWdrHhYvXmymTZvm/hWNlStXmpkzZxohMOVCcK9UKCkpMT/88INZtmyZqa6uNgUFBe6RaHzxxRdm6dKl7l9rJKqieX0Txi+//GKGDh1qhKOYs846y1RVRc+fsrIy0759eyWOyspK2Ll7JBxrr722ef31182ECRPMyJEjTXFxsXskHOeee67p27ev+b//+79Y92iqWGMJCy4yb9481YNeeOGFlBwINbNbt26qV8G94g567969lYDXWmsttyYatIM2iWqLGuLWrnlYYwmrdevWyoHATz/9ZL777jv9HgYIqmPHjqaoqEg5FmIUAsg1xo4dax588EFz/fXXm/Lycrd2zUOTIiy4CDqNKMluTThatmxpNt54YxVPiMXvv/8+JaF07dpVCYvrw1nywVHatm1rDjvsMLU64+hk6G60Jc4zNyY0GcJCPI0ePdoMGjTIiAWmXCUKDNr+++9vNthgA7PeeuupmEs1kB06dFDCgqDgcg0tqrj/zTffbAYPHmzGjRuXUk9sVJDGL5OZ3OghHMfZZpttYDmO6DXOl19+6R4JhwyEI7PdmTNnjn5PhX/9619Oq1at9B4nn3yyuiDiQvrR/ZY7VFRUOMJFtT177723s2TJEvdI44b0xZImw7FQjvv166cc5auvvjJTp05VMREFzu3UqZPp3r27fk8FxJQ9LxXH4t633Xab2XrrrVVfSsVBM0GzZs3MlVdeaf70pz+Z4cOHm+bNm7tHmgCaCscC77//vtOmTRudwZtuuqkjg+8eiQYz/7PPPnNk8N2aYMyePdvp3LmzXn+PPfZwfv31V/dIXcyfP9/Zbrvt9Ny+ffsqV4xC3DYEAU4lhOz+1fjRpDiWtNdstdVWZt9999W/P/30UzNlyhT9ngrXXHON2XHHHdWHFAUh2mRYZtGiRZEcCwcnliOAy6XyYV133XXahlGjRrk18dGiRYuU4aVGh8bAscTaiz0jZ8yYoSEUabrqWmLxuUfCIaJEzxcCcObNm+fW1gXtsHrcH/7wh0iO+MUXXzg9evTQc//4xz86QojukbrgulZXEmPCrQ0HoaFrr73WkYngiBUcW3+jD9PRC/OFRsGx3nvvPXPUUUeZ++67L5aesv7665tjjjlGvwuRmXvuuUe/R0EGXj/Ri15++WX9HgS87zvttJN+h3NFcSFcHzhhgYjPSP1HjAJ1kwARsfoZhaefflq565gxY8xTTz0Vyy1BKOqGG25QVwb6Z4OjoTnWgQce6EjHafD3zTffdGuj8c477ziiaMfiFkBEpiNEo+eLEhzKHeEMIt6cCy+8UC3EKC767rvvOq1bt9ZrCqG7tcE47rjj9DzKs88+69YGg/tvttlmei5t5j5xMHPmTGejjTbSvtxnn30y0uVyhUbBsbB40FGYccOGDdMwTCrgm8IaYyb/73//M//+97/dI8HgfOl09XSjR4VxAOrx2F922WVm1113jeQUePJFIdfv1sMfBvxjOGy32GILs+2227q1wXj44YfNl19+qd+HDBlixEjR76lAG0jd6dmzp+qhcazgvKKhORbWkrDv5Iw++OCDI60xi0cffVR1LazEl156ya0NBj6s//znP8ot0tFZoiDErHqTEIxytygsXLjQefHFF9UqTKVL3nXXXcq9hRidV155Ja22LliwQP176HQNCThWAYQlM7NBg1b//e9/zX777adcoFWrVkaIxuy99956LIxr4IV+5plnVNfBw17fPh70tY8++kitVThFrjgEz/PEE08ohxswYECsjInGBumTpQ3OsZiRzOKLLrrIKSkpUa5Fot3PP//snpFbYOkxo9PhBL8jPcCxGlzHgiPhozn99NONKPJah2ed2GBcEGT+8MMPk7E0eTb99IPcKeJuf//732OnxdQnPvnkkzUnAbChOZYX0qnO3/72N+eBBx5QX04criImv3PEEUeolYjfB+4X9jtSj+WRndLSUmfatGlubV288MILzvHHH+98+umnbk1dfPzxx3rOk08+6dZkDtorBoM+A5xbJpV7JByiPqi1+fLLL6fU2+obcKx6JSzcAjgWGRQGdvr06UlXgZ8Y+NtfFwQcntapKRaRI1aie6QurrvuOj2Pcs0117i1tcEg9evXT88R68qtrYujjz5az0HRZkJkA4wL3CZcb+DAgSmDzfRfly5d9Pw999yzjrGDGuHtZxR6FPv6Qr0RFlzl/vvvVw/4euutp51CWX/99bVu/Pjxah1mAjgbXE6UXC1XXHFF6KIGvPbWn7XTTju5tbUBMW+88cZ6Dt73MO7x8MMPKzFw7ziZE6mAxSgi2nn77bcjORA6IgQv6oOW8847L9lGnnvixIka5yQqYPuZCcfz3n333VlPgjioF8KCqE488UQ1yxmsoIKjcezYsaEEkQrMTBuchtuEKf4MWJ8+ffQ8wjuk4gRh11131XNoc1AICOLDAYkzkxAKf+cCccT/PffcoxOI9jEx4UwAg+Tss89OOm2DCu6ZSy+9NJaozQb1QljEvNBpmF277LKLM2HCBEcUbc1UuOOOO3TWYw3SWRCXv2MhTEQmeVVRIH/KdiDXCcMJJ5yQPI+2BAHvPMchrKBlYLkiJIAYw7cWR0/6/PPP1b9F2+C89957r3vEce68804VyxzDqkZPxdf2wQcf6HnUWW6NHpdPz3zeCeutt97SGSSWn3POOedoqokfyP4zzzxTCYuO8TobETFXX321cpn99tsvMjUFztKtWzftOJTgr7/+2j1SGyjbEDrnocwHEQmDwbH77rsvp0TkB4P717/+VScXYaooMLG22morbTflggsuSIpgOHb79u21HukQxGXh4qNGjdJnp6+feeYZ90jukXfC2n///fVhIYoovxQEs+WWW+q5WHh2MGHvgwYN0npEFwp31ExD3+BcyujRo93a2hCT3llnnXX0HJT+oDgj3AOdLxe6UxQgcjg5bbnkkkvc2mCghNv46IABA2q121q7iPCojAw44/bbb6/nDh48OG8iMa+EhQhBcYT9ouhaYqFDCFs8+OCDSUWSY6eddprOJBL46ACLJ554wmnXrp12BmIgKigL6+/YsaOeS/JdkBjj2tYC6969u5rtuQTPgni76aabnIsvvtj57rvv3CO1AQFsuOGG2g7SoVHao4D+dfvtt2vA25uWzb1IxaHvUC3sZCCdCIMJkYiVafsfAkb1IGAdxtWzhdwrf4SFlcMMo7z66qturePceuutTrNmzVTZJhZmgV4EEdLZX331lVubEBdXXnmlDgAF300YUKSJO8IFYPnoUH7dhQEaMmRIMqMCrmE7PR0Q+8O1EfRbYpLoZ3BZxGmQ/mSfl2fCH5Yqj8rex3+tuXPn6gTmfvjfLCAqng+F3VuP8k99r169Yq0byAQQVt487zbGJ/eBePU7YMMNmV0aE/RuoiEzzf1WG5x7xhlnmIMOOkhz0v/85z+7R+qCHHEbNxQCMo899phmTXjBsvjttttOc684hrc77N5heOihh7Q95JHZLFIvyEiQCaLrFMmqEEJ3jyRApECIT6ML9ANtpu1BIDfrueeeS7bRfy3bz/SxEJ1+B6xMsv3sXUyb7rNmDGlQxhwLvQmrLQhE9FG6mbU4Jr26EfqC15GJrB82bJhyGnSAIH2MGY0Ca2duGGjPzjvvrJyA602ePNk9shrc34pXIdRY2RReYFDAdfEVhek0tCNsYxE4NeKP+2OtBel5cNbLL79cuRoqQFiuGn2HaIcD+732WJFED+gzCmOAcs+YbLHFFrVUDgvOoz+ycajKNTIXhVgiuA8OPfTQ0Ie2IgxHY5QO8c9//jO5iIFdW3i4bADRwu65HjqbX8xgFDCgHIfArC8oLvBfCTdUq9fqNOlg6NChem+K12XgBVaiTWfu1KlTpG6JbsV5iET6Mgy011rOGDpBbcdyx92CQzVu4qUfWREWpisNhCvgUkCx9DeUAcSJx3kQznvvveceWQ3ypNZdd12dcXRgutwjDFhO3Jfr4o32gyxRe/y2225za+MD4s9kAjAhbRYHHC/MMkNXpG2c95e//CVSB+Ma1qpGd33ttdfcI6vB5EHJ55pw2zDnMD5G67o49dRT3dr0kBVhwWZRtLFGaASNxfloRZztdIKkmPc8EIo8pjFugzFjxqgSDavnGGIzlWWUDlCurbd/9913rxN/gwMgEuzABSGKG2XCqRBvpGJzT4jr8ccfd4/UhSUULNco6832M8+DQk5fMtFF/1PuT0HNKC8v1+sxib3KvB+I9iOPPFJVklS+tTBkRVhg1qxZGiuzDkcKK2fGjRuXtF6Q6zg9Ca7C3ex53oJPhZkSZD1lAjobcxuuRUfjR/MTFoNswzvMUL+uRGQAfQQrystVaCOW3imnnJK2CBVFPKlbsbI5ijvDdYh7wtHjgHZBCGJUJCe7vxBj5JxU/YwbKM7qpzBkRVgMHgUWjb6BGLMPwEJOq4Db8xhYTHs8zdtuu62zww476KyaNGmSPgjn5Ar2WiwwIPCK+yLo+taxSPHOYgiJFGk4GlyZkJIFDlbEOoOHcg2BesHAMeH89+OaPDuEznW9ky8I/N5/7ShwPoW+xKuONGAc6OfDDz9cU7m9/qx8Qu6RHcfygswBvOTIcYKhYbpDYwLOQ8tF4by20xkAVrpQj0IM97J46qmnkusa0UHQIy2YONQj+ukPLyBIxBDHcd6y6npNBYSVMz8W6/3YEQWfCxmaIh61njVud955p5HB0r8bAiKOjYgUXYfoxSabbKJ7OwAhnqRPCh8XPighOv2tTBKtB8uWLUtmqLL6hnOA6Fzm1ltv1e8iVutkggrRJffoEp3OiKWs3+sTCxcuNP/4xz/Uh5Z35Ipj2dnuBWwZ5RPFHo97QwGzGW6BCEM8WmAZ2cAuFhoGCeBZTj/9dBV3KL1wKft8N998sz4Pv7nhhhuSSjz6ls08QPx4fXH49KzrAA7pbUN9ggwI2o5Rw8a8+UJOOZboDu631aBOxIYWy8HSBVxERJaZOHFich1fupBO1PWKcBUv58Tzzzo82sl36XSt52/pfOVG1Nl6AAezx+E6lmNNmzZNPd88p+hSetxCLDYjirpywvPOO083XWsIcH/WVvKsoue5tflB3pd/CRfQDTZYrAmBEUZ59dVXVQSxbIpBigJiVPQfHdzJkyfrAtd0wY54hEZE/9Ml9JYYAEvPWGQh5nWtZVxz5swxzz//vIpElqLRdgCBIu7FpDeih2nIBPCMr7zyihIQCza8i1h5ZlQCjrGki9BUQ4BJxZI1Fu1uttlmbm3uIUwr3vKvVOZpOsCRinkv+k2sICieZEx0RBnOxUwR5ndCxIUdoz7o2cPqo67FsVz2Y0PBa6yEQZ41tShkI1Z2BmbZuVeJzRTsBcoMRrn1K7hB2GuvvXRp10svvaTB3UwRxvrhmGHHqPdyN4uw+qhrcSzoN00BGCMywZVzY6RhAAj9uEdDkIpj4c+R0yI3ImM2xgWBz4ceekgDsXGoPwjc77dUGhKkPBET9ubS9+/fP9LHJm1O7cciRIMjU/SNJJvHYUhiHp7hTKLgiIRMO4zf8fvfUmlIEKYTTpskKpyuXr9eECCsSOVdzqmjXFN34oknmrvuukutIPKNjjjiCM0pItcKq8j/m7hAuUXZR/ENe0kS96f8lhAmQul/Xs8iUkDfduE1GDIBfi728kL1wcfHfTFszj//fLUoMaLYyYY8ryjI+GS2dwMhHGKCXMMWUmPI7iQ9OFOwrg6Wy7VZphQketc0jhXnecLAWgF8ZkQCiAJwrTgIO48FL/ju8O15Y4Xki5EqBOLcQ87JzI8Fd3rzzTd11znMboCviN312LFu7ty5WpcuRNQq18JDfvnll5vDDz9clf01DdL37rfa39MFv8WFQDQgHcMKicJvRcetdf+uXbvqGODn8nJJ/rbjHFsaCXVl7HmHeslKIDYIl8FLjXfbG7TFAw21x6F0YnRwPa+iiEwn9cbmI3GdoFm9JpcwcIwsCBZuBGWDekG/UcjiQCE/5JBDNCrCekw7Nnzi3onzSr0oyHVyG4QmDZjovm0oYQNyobAsUy04tWDZFYl5drtECnlchE+4LsXf8WtyCfOLxYEdB0BYiUxTxsOuGqeQiMl9cgm5b+4Iyw66Fyz7ovFYFXGT+LgGnQmns2sKKaxRpJ7j/s7PZeEeQfUNUWhLNoQFcOmMGzdOtx4gXVtEmfYnn7vttlvGyXxRkDHK745+ONZ4Lx8ymh2ACWWgCxBWwAIhrIBcD7N6iBPy9gfOP+WUU3SfdGl3VnpJKnDt2HpEPYD20D/ptgldVcSkZlywU7QQqF6DscDJecIJJ2hMk9hhriFtzv+OfswYrzONhDoi/cweXnvLnlbkKsGJwkAWqkW6HCtzDiS/q1klpTLgWP2WqL4Jw4033phMzabwna2Xpk6dqmIxn5D21rUKpdLMnz/f/St74P9gLZ8Ff2PJENYhAMwbGwjbXHLJJWrdAGmbflqk8ptEISvuY4elnuB/7mxAaAkuxSf7u+KPuuWWW4zoWLFf2ulHUPuQPGR81IEQUpJjsfSH/HCsO5TnkSNHqnwmryqXIJzDEiiyM2Xg7fApJwtaB+hFuhwru8K96u9+Ydw1DFjK+JuCOBpGEH3JHveZ7j0WBO7JIhCW+rM2EQuexReso7SAY9UiLHLD7W52tuAwI7aXa9BAQgM4Re0eBhQWMEShfgmrcRQ/ICYWZrCmkxhuPhRwwBiRwOhVRQjtwXi8NMKCWetABXUIi4dgcQPuAbuAlJJqH/VsgP6FW+L888/XZUreFdJwNlH+nTfeeMOt+Z2wRKSpNUcqEdY240O2az7A/hIiNtUjb4HfUsSr3pdjLGfzv8WjDmF5gVh87rnnMl4NmwvYvUVpvMVvnbDsNpYU0VdVZWGFcz7AUjLuwzI5LyAumE2YbxLCKho1atQFoues1q5dkDFJMHLdddd1a+ofdvHBWWedpQHu+gDKfqYlX/BeG2WcV+rheqFfLr74Yg1A5+P+bCxCYJut0vlusfbaa2tKt82qDcCqenszxbfffmtEXus7cPClACFu/QzrFHxeIir1Aayvi9/Y32UK+2vvXblmJv4iP6Q/3W+5g9fPhwVG/JQ+pF/CEgu94NlEnVCfIT6suOB33A+rPp1+kd8trRfCEr1JXQoEp8l1J/cc5xyvhyOXPc1Ga4kDrht0rpiiUmTAalYf41wyVVmmhSPXO2Ac81/L2w7Meghq+PDhOptzTVxewvKC+8fpO17/izuHxR/k66dDXJlA2rU0uMU5Bg9vBwofGbPniiuu0L2pbMcsWLDAvP322xlnRgTBSwheFDAgvmO0A9FL+8hx+uyzz8z06dM1a4M2UViUAbfgO2/P4DhiyZ5HpCGX8BJvEGzf0Sbe++hdgeSFPY9P+z3fqBeOxQxGDLIRGoslCdEgEh9//HGzzjrraIeMGDHCvPjii7qChNxqVuPwySoZL1J1dqagwy2h3HTTTZpSUlpSagqLCk1hgZRCGRQpYjvo89AGUaz1O8mNJD+i93Tr1i1nHMs+pxXR/G0Jg1VB9BeFkA0hHPqQCetdrgZ4lhdeeEH7mpVIYRwwV5B21o8o9IJOZ3azitgunWLGsWTK/95BiIz3+9FhiE5A59oOzyUYMJZ2jRs3TnfsIwpguaxTzf3kvgWO1BXrM9iBBhDWcccdZ0aOHKmRhVwRloWXEPCe83Ywoha//PKLW5vALrvsom9Es/3aUICw6kUUekEnYeF5Hx69i2X5EBAWjg0BEYRmdQ5rAusDtA2FGEsIwiGURCkpKzGlzcrke4mGQyAerXfbybNQ5yW2fIFkStZlWqKiDeisRx99tK6kykdQORPUO8cKA7McKxCxyMphcq9ZAAo3YJb+0X2vcz45FiutH3roYfPIow+br0WHKi0tc48m2oeIsZmacDPqsFoRfyeddJI54IADIsWMbTf3Sgfea7IqnMxdOD5xP3LQt9lmGyWodA2hfAGOpYQlnKH8wgsvVKUUC4IFEoAAI0vH6RAsJWYlM4TBZmbzcPl8EKwt7m05A+BvO0C5BgM4ZcpzZuzY682cb78xRYWY2QlCIGi+1VZbqdKOmKTO1tNfo0aNUr0xCrbd6faZn1jRr0gVziY4nwq01bYTyYFhw8TjO/dFV7Ppyh988IG59NJL1beF5BFaSaTNkPpLiEAupPtJ4e0lIMrWPgQZOcb+6WzPw65xbMPDjm9kevo9w4AwDd5gPPd4aYVg1WOeCnHPsR7pXBeuzersQYMGO336bKDP2r37OhrL5JlZvY2neyP5m33S+/btp3t6EoTlGUHQdbMpjEOcfkkF0pdYqkcCZdj1OM7e9GzvJJxZ60hAYMdDxp4QDuk3ZKCSDm1jiKSmC7E5a6+9ti6mkesnQjqswmBzLgKadscVHoj9x4XlM80CC7sTB2U+EOPjJrYRNIo1iF6Qo024iMal03GcGzQAuShcm8Ar+6uutVZ7JZ6BA/dTwiI9muwLCIy3aXXp3MVp224tp43UswEbgeGga+aiZAN2BCT2y9oB0cU0yYB9vILAjkAiHXQLBLs9JWEb/vaPPVt9WsIiCG430oOWIKxIHQufDoozPh18NBSheGX/cj3N6kTh9rNqdobBWYj+YYHoxA/Ep9xT91qHhY4ePVp1BsC1zznnHDX7cTNgFaIsH3roocp6Afel5AOwfgrPjIXYv/8AEcPF5pJLLhXrdBszc+YsscgeN7379DEbbriBaVHeQp2OGB/sP+91qoaBtlsRExfe/sVtgO6J8o5IZIwIt+Bm6N69u3vWatAuDCAvcOWQXeoHm6CQWUoYD1eQ3TsMp/H999+fHA+2OmCPLxtB8UOeMX4GKRyMvB5YKWyfV3kwwyl+2MR99ulk91/y1WGvdvbxG1ItpMOU8i14vQnt8hdmnAW/9c/oXBauz7ORUcGMRKwjIsjLYoXLpElP6r5anEtfIO6pz2e7vPCnNdkiBo57Rm3Qv0Igym0JYLM6x/umEC+4F/vCs0rHP66IRmjAC/85FlKfu8UUftAI5DoJYIhLf6NYbEmaLMdsA8moYBWJcLVanebdtI1z/R2f68I9yBVj52UL2g/BkdYDwTHJSKJjEzXOz2e7vDj22GNr9Q3qBmLIvzWlBWPAtpSoHkwExsO2N1+Qa+d3MUVcSFuS4kE6Utk7bgdEJ+IFJ6m1gDiXkm8gfnDYYgnh6uCeDzwwzgwdOkSPsfWkjfJ7258PeEUhHnYWC+M769Kli4on1IZ07p/v9sr169/zni3oFEoYctlpDCjuBfZGwJWAzgjBE/bBKUm2QD4HyMJLWE0BayRh5RLch0HFyBArSTmY6Clmzz33VG5VX+34nbBiQHQVLcx+0VWSn3i0bYHd45wV/UstUbZXJNQD6pOwLMfCInrkkUe0TbRj6NCh5sADD8x4tUu68BIWFiEE3rlzZxWHhJ9wVOJExvNundh84tSuD47qR84JC4Ih/QXPNCID/YTBgDggFnQmvmMm48H1EhMuDM6H0IjG84m+RcHdQGAY1Cdh4WYhc4ClU7SfZyNhEZcJbcLVEie3ifZmM8BewmKRL9EQdE8KBARBEQ0hrMMr9ajjk3DPmWeemdRP6XtcOUQQvBkQjBt9znPlghCThCXfy1NdMFXnQCxnn322+kzgNBAEv5HrJ9NL7Cf1lLi45pprtINAur/NBDznO++8o23Ff0a7AUSF4swxJsbAgQPNzjvvrMTFuUH9Y9uazYB5CYsdeCZMmOD+FQ2IDX2QFHPAPmZPPfWUxjUJ3QEmMz5H6zvEF0Z6DRyR52Iz4HQD2/LMCcKSL+XsEmw38YJImJ1QOE5Lsj+HDBlSi8r9INGMLYzgVn7QqcwuZg7FsmquR6P5zmwh9oiVA3u3qbcoydzfxgvzTVi0FQIitYedlO1sDwJcmb05xdxXCy1f7fISFuNBFqiVAvxtvzNu9L/l+JtvvrmKcUQm4HnQF8lzmzJlitaRgsNLPYPAfSFGlukzTkiWcePGaUYw3JoYKf2FtIF24JI4a6UuQViffPJJOWkX/IAf2xlqgUlNQzbccEO3pi4gyAsuuECzQvHYQiA8ELMAIkHeU4c+YIkKwuFvGkRhhkGA3o70I5+EZbkKxIKLgfYG3cuexycDChfbbbfd9Lks+J09L134fxvVHwBuafVWOBAF4iIqQL9aoJuRZLnrrrsmuRjjduqpp5qPP/44SZzQgAWrqImktGzZUrkfHBqvP4s4GG/G7I477lAOSJYH2RfC6RKed2J7BJrlOoGFhZE416Ig11HnGzEzmcn6nbibNFIdikKssZ1yUedxjGvlo3DtefPm6Tq5uPcBeLL5XdDxTIoQiRb7t0Xc/guDfSY/GCvGl4iKcDR9EwfbphPfxfFq7yuEp0vx8OITcbDXsjsBeoPQyrHkIcqR21A04oiCOQ17t7JWfp/xDEwXzD5mDso+XBRRg9wHtIOSD/B8KOtwUmKZce4DN0HJ5zeIAelP90jmsPe1/W05FvUo7l9++aXp16+fSgPUBrh8fQKOhQSiPbSRlJq7775b9TN0QOFi9e9uSAX0luuvv15zuWUGKatGzrOZLuBh4gx4phg/frym+CJG4tyHQaed6GSIz3xMPq8oRE/C68+EZ7IdfPDBmm/vFcMNDem3+k9NToVZs2bpBvVYXhgU6A1ePSFfgCCw9CBsBi0dwDHgriIa3Jr8gb6gTzAw6CN2NIZjeAGhc05Dot4IC2sFpTIVYO2kZcBW4QBXXXWVZidmg7gcDhYPkaRDyFwbyxGCRAzmg2N5wUZ0p512mvqiSG+BuyKWAAo71nufPn00BMUCj4cffjjQUs838ioK4QDobTgY+cRkJXUV/SAMDBQzEB0LPc8fYOV4XEJJB9yDJWoUcte99wi6n7dNDByWJA5JrN1cty/IKsTFgJqABU4fcQ7EjW7IXvkW9DmWGvlT9jo2Lw5LLx+Q58/Pjn7PPvus7p9ExiLWJlmJ3E8erNY7/jKBtDdpLeWycF32SSUtJl3wW3aBsa/sDbp+NiUuuDdWGTlXZLzS56J76V6wtl2kILEnP3u5X3LJJWoBC6dzr5C95QnkGrlPm2EpN1zJC2YKMwSF+MYbb1Sfj3fG+yFtc7/V5gyAY97juQJtnPTkk+app59WHw/3QCxyf45R+C69ZqTrTZVTY5xqKfwtBb2G/VZ5owN/5xLcG9Am2sD1bV0YSD1ipRN+Jl5/h3iHs7I+EwerF1izOLeJydpzgb2f/YwLOX9p6G4zFuledNKkSeqF5zc4VskEOOqoozSNmbRXYl12kMLAMQpeYgiRB0f3yivkfhXLl5v5IiYYDPQm66y17bFt5rOQIsdsQWzjPIyKTsSFv8+998UdIlxfnZhMAO4dBCYymRh4x23UgmfCIY3IpBB6A+iWOE4J96CmWFUFAwDXBvflemlgVSxRiJMTJ+B0z4sBwoCz7d5779WEfTJCyRDFQZoJeOsUjjc2ZbWQ9tYRFbkqlSKiEQs8byYlX23zYtttt9UFLjLQzuDBg9Wh6T8nCqghQlS6eyNikRU4pC4LMWjhhQQWvKZYJrTuBX/SSSfpixzijKX0Q+3UZDpGFG71wHr1IGS0zETVl0hzzTW4ryiUqqMwQBZ0XIcOHXQZmkW+Bs8W//X52xZvfapjuSxeDBw4UPUmSwiinCtxsHUkfWjbkw7EEHBIw2ZFjxd42e19KBD0+PHj3aMJiAFRZ6WW3L82YYkl5owYMUIVu0cffdStdXQzU3KrcdnbZUG5BB3CggmUfdY1WpDUzxIxOJ9FPgeRyRRU39DFC/Lu77vvPkdUjFqve2N8WOI1evTorF9ZYgE3ZEnXpptuqoyFezzyyCPuUUdz/uGgbKlO+M6iDmFhEYk+ow0dMmSI1jGQFRUVujUgaw75O9dgA1XW6nFf1jdGIZ+E1ViLH0wA4nZMeAZddKAkgYl+qGsfWSic7VjZsSf+i/WImPRakMSQuScLe2FKFvK72ltFEhbAmkBpJeJt37aO8oci7vcpZQIi6Dj5ePk2KTH4UlAMpT2qoLP9ITHK37Ea/j5HYWesyGY97LDDNGcMZRwl3Gbd4mAmxspYZgruy9hjkGBAYdVjAFiQ80/KNpYmhovn2OqtIhlYYNOEbQ5PrsHiR2J/WBy8b5pYFw/A/WV21mp4EDjPtvW3gjDLzwsIi9QX8qvI2uWllVtssUXWjCAMjAHXxoUBkXvHTY7VfxAaz/agQYN0ZrHiONVGGn40NsKyHZwO0v1NHMKygCkwQeEy3CPoPpm0OR3I9es/CE2yIHt9UtIlqsaKdAk900HFz4QD9thjj03uAuQH3IMwDsQYdR8kBqEz4ovptj8OckpYiNE4jUTM4lBcExDGFfIBUonI4iT3Ca7Pe4jQWdMF7RXLUrND2b4qL0AUCjFkDRyivDHhjDPOCLRkcgUsFWsteb83tKsgn/e3IJuTHXBk2LTgzyImi1M6XfTv31+vgaPVe49cQMYlu70bcGby4vF99tkn+bAUNpbIBOxNxbt0uGaYhzcXxNSYCDJO8YINSXBcQhC2v/E74nNKB7zejxeN3nPPPW6No+nVV111lboW6JdMkTVhsSEGr8OwD4iX/IQTTtCQQSYgbMB18M3gOwmClygaY8kHofpBfjoSgk3gbN/jU6Jv4oJz8Ul5f8M7ebgWu9KkWuMQBblm/LfYy/nut9XAB0V+PCBjgb2bSCumPgpcK+h6LEvCl8UqEpTQ3xEMEvv2339/8+ijj2pWAjor+2Clo+txLn3s/Q3LxQBrHGzgOlOkdDfIDNQ0WJyjQQSDQ5WEM6w9sgLiAKLCGmHPd3wuhxxySHITL/6mo8KuFUaUDQ3bJjtQfOaqnVHuBtwLJFTaTdKyBYtXWMZFFoQfrGEkAZPjUVkc8typE/2IgKMw8to3bzwoWxByIHJOO3jNbDqAfTe24hVdYfX+Y0El6LzGAFQTm7zJsrAoHUzanFoUwm6hYkxdZke2kPvqJ9yPBaGAUEE6gBs0tgJXsSWs3n8sqASdFwekFlaLupX4lH6m0gfq7HE+00lHhFPxShrys1B5kGRRSCkKyVVnn1A2wSAXPFXIJQy8fYIYFkRkCYpl2YQEWDyRLeQ5VCQgRjNtY2MGkQry6nnO/v37qxPUC1EQEp+Vy82qioVm1YpfTOWyn0xNNe9rdkxRSUtT2rKDKW3W1hRLKShupr8REtbfpQIOVfxn7FNKuAjdLgzCPOKFdHB8MlhxZ48XNAiud/PNN2vAkpUjOOVyqZzDBdlfgA1Zhw8froFZL3Ghz/GKEN6I4V/ahY6I0xGPNnqkBdz5/fffV+OELEwL6lnXhw7iXxTCwlUIgBid1RFpG/02Y8YM3eOA32QSGGZBMesHuRbxVl4e4MWqigXmp88nm4q575jlC6YbZ+UvcnN4E0LJ5V8Fxaa4RWdTttb6plXPvUz73nuZ4tL0FlTw/KnGDsKKZRVmSlSA1OKTTz5ZB4lBZDdiZl0csHSJVGcIOwoQ77XXXqs7AU+ePLmOyIZw2M8KTzOeaiuOAS9k4hhhEq8Xm5Ut1BMk9656oT1wbgoEZkG2BlYt9exhZe9BvxEfJUUbTsNayUxgNx0hH71lqwQx2FWMi2a9Yr58/Ejz/WuXmyVfv2mcFUuED5WYgsIyEavFUkq0SGNM5dIfzOJZU82cF880s6acZpb+9IWSHYINDpbgfKv7xwvuH5chxCKsdIlKlE/lEOxiwtZGpHMwS1kDx5q4OOv2kOeskeMabLoRBR6W+/DqD5Y5+R+eTSsQxeTQs8DAPg8ZAeTn0z6OzZw5U+sBxIAVBKeBsCyhsOLZ1vMbO0m4PvVMHF6U5CVuFpYSl2PBBZtneAk7LhA977z9jnle9BsbY61e9qOZPfUCM2PS0WbVohmmtEUHU9SstSkoEm4pBAWHqqpxzMqqai1VMi4FUl/SvI0pLW9rfv1qqvl84gFm3gd3moJVdu2hFap1kQ4dxCKsdEGHQxCwbMDCyquvvlo3T4taU+gFsUQWXtCJ5P2kwvHHH69KJcToFTWIJ3bjA+SUsce5BVs1MdgA0WYXbKCYwr0gGnLFEIe2U2mXFbMQkiUsBt6KUjiWl/vRF4haQKoQ7wrKBP027mc2ZzFKQaFZsWSucJxTzC+fPiL6luiVQlAgQbSJUlW5zJS27Wm6/+l8s96frzRt199XdC72KBMCk39l5e1N85JCM+/ta8yc10ebmiomA8+ZHiMJQl4Ii8FEMech2V8AgmKVTtzAM78jsYwVKWyfxMreVMCSYutGv9geM2aMcibAu429m94jmuE0AOK3viAIC0OAdthENwsIzV4fw8MSFsRvX3LAJmb0gQUGBaIWoO8hZjPhWoBfVS5faGZPOdlUfPu+KS5ra5zCZkoo/EMZr5GzqqtXiKgsNt33uMx02vSvpkOfAWa93S4wrXvsaqqEO+lbZrleYbkpKW1tFnw03nzz2hVSw++zR04IC7bP4NnOQuQhkthzi1egkcnIgHMOBIf7goJYsYPu7Wg7cHAQ69nPBIgg+0o6xCQ7oXgBZ4WAADvXWRGNTod4pE2IVa8FBvFCxIBzLGHRZvQrQB2rv71A/4IDcy0v4acLp3ql+fbN64Wo3jMl5WvJjWsPIb3I1WsqV5hW62xjWnfpZ37874Pm8ydHCrdaaTpscqj8pLm00aO3FhSJGG1nFvz7djP/v+NMgXC0bJE1YeGOgIAYNPQqBoOQACyfHWJIb0bn4u2qpLDaRZEsR+c7BIhC7PeLeDvfPxCcm8oIgNjZXAQrDQsNa9QfOfC+CgTl2oLfYsEBfuvV2XCVWMLCt+NtA8q5nQgYEd7JgkVKqgrqwUUXXZQWcSlnSXw1i4Wgfv7iGVPaMvFOxdVHErBXdZwaIbz2xhECWv7jf8yCjx80i6Y/b5p37Guate8hs2eFnGt/K5ar6F7NW3U0c9/9h1m+aLZb6796fGRFWKyoxb+F9YbCyiy1HY34YAAYJNwLI0aMUB0IpRjLCG6FuMCa4hjbB0Ew3sEIA0SK7sW+pGHnoyxjidIe8r/RrfxmvrXQEGPepEMmgrVE+Y03bublOP4kOTis3d3Z7mNlwXVwQ8C54uiMXnifcP7HE02BU2lqCspEZAUTJ+o377wuKipTAnOkD0plclQvX2AKy1qK+GxjatQVsRrco1rEorNqsfl55vNKkNkgY8JC/yEQyrZDDB6ciY6zs9mCWYrLAWWW3WPwN+EW4PfsJINegkhhw1V0jzgzGQJFN2J/TfScIEDoWG4An49dGOIFjj7ENi4HL/F4OZaa9x5OB0ey23AT1/RzTd4LDahHiQ8C4p+Vx8Rg48D2yK/zPjSLv3rVFJag8wnxJKp9gERExxLCKm3dVURnlalZ9av0a6EQS5VwJplcxeWmGiuxcqXUJQiMa2kpKjE/f/mcqVqxOFmXCVIusQ8D3Am2DmfCEhs7dqzOei9hocMMHz5cOxJfFk5SBhnvO6KBQSATEuLgXAaCzAY4TBT4PVYcyjhWpp8Y8WsdeeSRKqpoH2LZq6tZLoOlRgAcz7/3GhAZ+7tjMSLiyRywz8X14KxMKByxPIOXE/KdfqENXAdR7+eUqAhwaYgfP5nfix4EWvzjh3eYiu8+EI7TWgacfxC1o9ZctViANdWr5PsKU7VymSnvurVZZ4dTVdea/5/7jVNVYYqEU7Xtubtp3W1r0w7naMsupmL+Z/qbQghOrojFWbl0vilbq6cp75Sw4DMgrtWrdNyK2GBWw2Gw9EiZCcp8QKdCbMH+2SA1bMN9PPJwP1aZoK8ROojiXBCGHTg/hwRwSPxlnAeBwTWjrucHv0PMwUlps1fH4hhiEg6Mtef3meELQ3fEMoRgibH6l7OhGvAaOODdajwMENVKEWPTHx1qqhfPMUWldgWVcB2x8ApL25jmbbooR0KZb9ahr+m8zfGmebse5vuPJph5b44xJcVFprKmwHTa+gTTfoOBpqxNV1Mo5y+Y8az5+oVzTVmpcMHCRLRg1bIFpnXvP5veg+7Qe6cr1qSPMl9MQYeiEOPNDiIqRNVbb72lyu+wYcOSm4NhhUFkzGq7ERscCJHEzGaRBTHFKEAk3D+IqOAyiFgIAPcBg+gnKtqAbgeXDPLqcz4ikEnjJxyO8UxwQP8xgJ5ldSivn8wLDAWblkKohvOiQOsrF8811UvnSh+tTieCQzXr+kfT+6CJZoMhk80GQ5/Rsu6eo01hcXOxBseZH96+NsExC4pNUYFjfnjrWjN9Yn/zxcRBpmLRLNNxwwNEod9IRPdq46mwuMRULf5Kro+CnxkyJqxUYPAgHNg8+TuWCFD08ekgChhYwGBBXLgk4IRxdv7zA0Ki8JZ3dB9wzDHHqH/KC85BbBOuQcx5wzW5AFYjnIpnwU8GF/brYezGh74JmIBej38YVi37yTiiExV4JhNKeefNDjEt2vcyi2b80/z40QMi9u4zc1670syYNMLMff0qUyzEVFhULM9dJdytwrTrtYtp1WUTs+z7j8yyH7DiRbFvs45cbLUyX4jHvmKRqVq+yK1JH3kjLAsG0gvEAoSErhLE6TIF14TTodgjJhFhiGAbDLZAn8O/hShD1FklPVdgAkE4iGl0MZR02uMFInTkyJHqbIUrxnIcJ/vR8hA+xfIrFq4pX38UPeqbqRebb4WoFk0bb1b+MlvaUmCcQmmHcOUVi380HfodaNr3PcAs/1msYRR4wjhCWMWlLTzXF0hfJqKGtccuHeSNsAhvIBYYSILA1k81ePBgdZpCANZTjTjiHD6Z8Tatht/ce++9mjLL3lreMEkQEKOY+QAL1abaeoFCjw8M0Ea7zXeuwETCALHPQJwziAPDMXnZAr40uHVK1BljKshSTXDDwpLmpqRZay2kyJS139CUdugnivxSU1DWzvQYcJMQ1UHmuzeuFm40XwiyNGEh6jXIwNDLJJG4XSMkLHQQRA3EgTLtFTlYj15LjEAwSi4iA8XX6mN0PLsDIk5wTyBaooDVad0PKO92cL1ARFudho3L0t0h2QJxCyHbCWPBM2HV8vJOgGESJtqxjL2pOlEguFwoCrglpNVI9CH3JUyjnyLWSsrbmV4DbzI9B99lNjjwPrEIW5lZz55sKpctNMUlhICE27WQe4uyj9jzOi/4Pek0q42E9JFXUcgGH3AETHPCHXAlP9Av0LfgIhAC/ixLcKNGjUpuNc3udOhqYcBQsJ50fFaIwSAgduBkED7iyOu/Sge4Ogg833LLLW7NatB+tsmmvbzIyRufzATwjZIWHeS/lkm/U11In2m3FahOtfjr183MZ/9m2v5hB1Mx/1Mz+7nTTM2qJeoDSwi5QlNW3onGCrHNl4/VpFBTXWWKytsLcdXNe4+LvO/dQBAZFwLchsHErwWnwLsNR8LHhIhjluPwxM8FFyAcw443gAF64403dIaHAX8UCYVYaoRTCBuFAQ6C3mM5Y7pAdGAUQPToUxghdjJ4wX1Q4i3xBp0TBxAWsb3Zz55olsx8WdSjRBYGvqv1Btxo2vXc00yfdIxZ8t17ci/inRAOBLPQtOy2uan8VSxK0acKSsqlvsY4K381JW16mt5/ud9Urlxs/vfQX00ZUrEQK9cRQ2Gh6bTdiab7jmfpvdPlPtI/+d+7AecifilCKogg/DZwCrIhIR6ICmIiAwLdBLBjCi8BArgMMMmjiAoQZEanY79TXBdRwFLNlKgABGIzIbDqwkQd98F44PwoorIGDiEm/GdBIFGv7fp7m6qaKiUOMhjcI/o/3MhZschUr1go5WdTI9+LigrNsu/e1+Q+p3q5qVm+wFRjXRaVm7V3OMUUCxec/+G9ouRWqJIPOdaI9VjcqrPpsMEgZYCZTYV64Fh0GoVgMHlRcBXEHtYTSiued+KNWEjUsQc53mosN3532WWXmXPOOSelyMJNAQdBZwlaupRrMAkITdFm9KhU0YJUuP3221Wf5FnZfdn7vJaEqqsqzKcPDFACKSJnXYipx363mTY9djPfvD7aLP/hE9HDiA/S5wmvvCUM5WFCPM3ar286bnygad6ut1k04znz1T/PEQJM+AQ5t7JypWn1hx1Nr33HihGQGVnI/RvmXTpYf8xgxIQfODfPO+887Rx8PXjusx20dMG9QRSX4ZVqcFzENMYHEyNToBbwrBgD6GRwb68rhtZQ4E3ff3iP+f6ta01JaQvjVC0z7Tc/yqy9zfEarllNROFwCPmsWGyWzP1AXRNO5ZIEkeoz18jYrDK99rvFtFtvF/mL/K700WCEFQb0Md63jHhEV8IStEHd+gSZFliicA4SDv1gELAKMUYwTkgTyhZwaJzHcHC4oT++aLFSRNmMycea6oWfmQKx3ETNNq26bqOcKEEcQl7JCSGfLpVRhbW3aslcs2LBdP0slIOFbhiHE6ukrnW/Q0yPva7MmFuBRkVYiBP0MBvxv/zyy9WyAlGcIy4QlXfeeafqPYSY/I5TC9wRiGjcFhAWXno/GMA4bUoMdCLDA2OBuGVYvj/n0kbahVgKAyJt0eyXzcwnjjKlzRPLuKoqlwsnWmUcaRLpMom7EqTWHySBO6KosEh+wz0SmbaJs0TRX77QOCWtzSZHTjGlrbomfpshIKy8K+9xgPebmB5xNR6WiD8pLfrgMQYwDnAL4P4499xzNTkxDOSIQVxYpnwGIW6bOA8LlbRsAs24Qyyx+cG5NocNfTTMIEBrWkuswJ4Db9I3ZJCwV1ZSZsqatzTNm7U0zZq3ksJba/mUv8vlU0oZn/J3aVlz4Ybe9O0asRiXmpK2PUyfg+5XovJ7yjJBoyAsMkhJIRbuqdwCIstGZ/EDSws/lw2thA0uwMqziPKbxQX6E4AD0oagoLcXED3qAItDrA/PCxybkFfHjf5ieg64yRQ0byNGnVh6Ul0jYrFGh7RIzqAUu5+I1UThu8vLDKnKlUu+N2UdN5Jr3Whad95UjwQL4fTQ4IRFh+NasLnvOEtxhuYSrKbBlIegcDNEbaDh9e7HCrWkABEGK3bRo8LcCRbkaBHuIgOEpWpMtrpA3NWYdmIN9trvH6a02w5m+a/zVSRCesKOEp8BJcGpakSB/9WsWlFhWvUbYnrvf5dp0amvHOZYbtDghEX+N555wNvqsQijdAzA4OCURGxZjhAFjAFihABlOyroi1UGMWA0RDlZ44IoAIsoAOnYqTgWDlf0QJ4LhzGTwovE0CeIpLqg0LTovJnpd8gjwnFuMM1If6mGaJaqeMOB6lRWmBopfKeucuVS5Wwt19vZbHjQA6b3vteY4uZrCaHmjqgUKO8ykxsM7FwiFpBuM8n7XeKAjfOF6zjdu3d33n//fbc2HMINdbecPfbYw+HVHmGQvtBP0fV0dzv7d7bgdXX77ruvM2bMmFob8AdB9E1n+PDhKu+Ki4udCRMmuEeiUSP/VlUsdJb+MM354ZOJzjf/GuXMnHKCM+PpEVpmP3+KM+eNK52F059zlv30P6dqZWab48WB9Ft2O/rlAnQkb70QURV7IHfYYYeEoiFl6tSpbm00uI9wLt0iqL7Bc0HcYvW5NdFgr1EmG8/32GOPubXR4Klq5H96sKamyqmuWuFUV1Y41auWJYp8r6mS+0tb9Bz33HwAwmpUfqw4YGUQGRAA0YnvK9NAcrawS+rJkCCclEuQWoT4RjSHuUa8gAot+B4m2PzHciwAFUJb+XnDar6wYMGC5L6bLVu2dN599133SDTGjx+v4qgqiw1b/UCknXzyyc66667rDBs2LON9V4MQl3M3VsCxGoW7IS7Ym8ku6SItJs4+ECQKEvQmP9+mLOcCGAS4BrA22YuBGGeusNrHlAAuEH/eV2NHkyEsnIbE0HCm4uMiiTCVrwsLDG87zkb2SQ1zOmYCnJn2/vjHaFeuITNfExYJGRFDtX64poAmQ1gQCcQlnFY5VZwYIu4Iy+FI7gtbfpYJ0HtI4IO7MOCEY3INuBS+L4iW5WRNiWs1GcLCscmsxStPVgFJg36R4QdZB5ZLkQ4Nl8kVMBggLHxuEFYqx2cm4B7kopFJSygqzr5ijQVNhrAgou22207zs3AipiIqHIzsuAeng7vAsVJZj+hNbBHOmsNUhAJBYQnyybn8Ni6wJmkX3DcVcLCSp8V2lameuTGhSSnv6YDBs555uBvp0KkGhjAKcTrep8jOOamAaIWwEIO4HdCJUsFuNYnul0q0NSVC8mONJSxEoOUicZZ5McjsTkPs0pZUIFMVwoJ4SbuOQ1iIczJPCdfk0phobFhjCQsuxSoaRCB5VamWWaEnseAV8USSIfG6VEDvg6vwG/9eWWFgFRLrKVlX2JR0prQhndFkHKTpQjiCviFfntGtCcfixYud3XffXZ2vOD2nTZvmHgnH66+/7gjX0t/wginCRnGAozdueKcpQvq7aTlI0wUcgRSZOLoKy95JC4ZTbb/99roRbiqwKJVd/BCJrDSKE3oBKP1xz22qaHKxwnwDJRyxGbTQIwzkcEXleP3WIExraYEorVVFYZn7v+N3ZABoCo7FZlS58xz+jt9hTMX/A/eR72+RaQ9jAAAAAElFTkSuQmCC";
function create_if_block$5(ctx) {
let div;
let section;
let t0;
let button;
let div_class_value;
let current;
let mounted;
let dispose;
const default_slot_template = (
/*#slots*/
ctx[9].default
);
const default_slot = create_slot(
default_slot_template,
ctx,
/*$$scope*/
ctx[8],
null
);
return {
c() {
div = element("div");
section = element("section");
if (default_slot) default_slot.c();
t0 = space();
button = element("button");
button.textContent = "✕";
attr(section, "class", "overflow-hidden h-full");
attr(button, "class", "absolute top-2 right-2 z-1 btn-icon btn-icon-sm select-none bg-transparent font-bold hover:text-xl");
attr(div, "data-theme", "skeleton");
attr(div, "class", div_class_value = "relative rounded-container-token shadow-xl bg-scroll " + /*classes*/
ctx[2]);
},
m(target, anchor) {
insert(target, div, anchor);
append(div, section);
if (default_slot) {
default_slot.m(section, null);
}
ctx[10](section);
append(div, t0);
append(div, button);
current = true;
if (!mounted) {
dispose = listen(button, "click", function() {
if (is_function(
/*parent*/
ctx[0].onClose
)) ctx[0].onClose.apply(this, arguments);
});
mounted = true;
}
},
p(new_ctx, dirty) {
ctx = new_ctx;
if (default_slot) {
if (default_slot.p && (!current || dirty & /*$$scope*/
256)) {
update_slot_base(
default_slot,
default_slot_template,
ctx,
/*$$scope*/
ctx[8],
!current ? get_all_dirty_from_scope(
/*$$scope*/
ctx[8]
) : get_slot_changes(
default_slot_template,
/*$$scope*/
ctx[8],
dirty,
null
),
null
);
}
}
if (!current || dirty & /*classes*/
4 && div_class_value !== (div_class_value = "relative rounded-container-token shadow-xl bg-scroll " + /*classes*/
ctx[2])) {
attr(div, "class", div_class_value);
}
},
i(local) {
if (current) return;
transition_in(default_slot, local);
current = true;
},
o(local) {
transition_out(default_slot, local);
current = false;
},
d(detaching) {
if (detaching) {
detach(div);
}
if (default_slot) default_slot.d(detaching);
ctx[10](null);
mounted = false;
dispose();
}
};
}
function create_fragment$9(ctx) {
let if_block_anchor;
let current;
let if_block = (
/*$modalStore*/
ctx[3][0] && create_if_block$5(ctx)
);
return {
c() {
if (if_block) if_block.c();
if_block_anchor = empty();
},
m(target, anchor) {
if (if_block) if_block.m(target, anchor);
insert(target, if_block_anchor, anchor);
current = true;
},
p(ctx2, [dirty]) {
if (
/*$modalStore*/
ctx2[3][0]
) {
if (if_block) {
if_block.p(ctx2, dirty);
if (dirty & /*$modalStore*/
8) {
transition_in(if_block, 1);
}
} else {
if_block = create_if_block$5(ctx2);
if_block.c();
transition_in(if_block, 1);
if_block.m(if_block_anchor.parentNode, if_block_anchor);
}
} else if (if_block) {
group_outros();
transition_out(if_block, 1, 1, () => {
if_block = null;
});
check_outros();
}
},
i(local) {
if (current) return;
transition_in(if_block);
current = true;
},
o(local) {
transition_out(if_block);
current = false;
},
d(detaching) {
if (detaching) {
detach(if_block_anchor);
}
if (if_block) if_block.d(detaching);
}
};
}
function instance$9($$self, $$props, $$invalidate) {
let classes;
let $modalStore;
let { $$slots: slots = {}, $$scope } = $$props;
let { parent } = $$props;
let { padding = "py-6 px-8" } = $$props;
let { width = "w-full md:max-w-screen-sm lg:max-w-screen-md xl:max-w-screen-lg" } = $$props;
let { height = "" } = $$props;
const modalStore = getModalStore();
component_subscribe($$self, modalStore, (value) => $$invalidate(3, $modalStore = value));
let content;
let lastHeight;
let inAnimation = false;
const ob = new ResizeObserver(() => {
if (!content) return;
const curHeight = content.offsetHeight;
if (curHeight === lastHeight || inAnimation) return;
inAnimation = true;
const animation = content.animate([{ height: lastHeight + "px" }, { height: curHeight + "px" }], { duration: 100 });
lastHeight = curHeight;
animation.finished.then(() => {
inAnimation = false;
});
});
onMount(() => {
lastHeight = content.offsetHeight;
ob.observe(content);
});
onDestroy(() => {
ob.disconnect();
});
function section_binding($$value) {
binding_callbacks[$$value ? "unshift" : "push"](() => {
content = $$value;
$$invalidate(1, content);
});
}
$$self.$$set = ($$new_props) => {
$$invalidate(14, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
if ("parent" in $$new_props) $$invalidate(0, parent = $$new_props.parent);
if ("padding" in $$new_props) $$invalidate(5, padding = $$new_props.padding);
if ("width" in $$new_props) $$invalidate(6, width = $$new_props.width);
if ("height" in $$new_props) $$invalidate(7, height = $$new_props.height);
if ("$$scope" in $$new_props) $$invalidate(8, $$scope = $$new_props.$$scope);
};
$$self.$$.update = () => {
$$invalidate(2, classes = `${padding} ${width} ${height} ${$$props.class ?? ""}`);
};
$$props = exclude_internal_props($$props);
return [
parent,
content,
classes,
$modalStore,
modalStore,
padding,
width,
height,
$$scope,
slots,
section_binding
];
}
class ModalWrapper extends SvelteComponent {
constructor(options) {
super();
init(this, options, instance$9, create_fragment$9, safe_not_equal, {
parent: 0,
padding: 5,
width: 6,
height: 7
});
}
}
function create_default_slot$5(ctx) {
let header;
let t2;
let article;
let t10;
let footer;
let details;
let summary;
let t11;
let t12;
let div;
let t15;
let a;
let t16;
return {
c() {
header = element("header");
header.textContent = `Pixiv Downloader ${"1.0.1"}`;
t2 = space();
article = element("article");
article.innerHTML = `<ul class="list-disc list-inside leading-loose"><li>Pixiv作品标签下载按钮调整，现在会跟踪标签颜色变化。</li> <li>修复无法批量下载搜索结果的问题。</li> <li>修复滚动页面时设置背景改变的问题。</li> <li>重新适配Pixiv Previewer。</li></ul>`;
t10 = space();
footer = element("footer");
details = element("details");
summary = element("summary");
t11 = text("脚本还行？请我喝杯可乐吧！");
t12 = space();
div = element("div");
div.innerHTML = `<img src="${creditCode}" alt="credit" class="rounded-full"/> <p class="mt-2">想喝香草味冰可乐</p>`;
t15 = space();
a = element("a");
t16 = text("有问题or想建议？这里反馈");
attr(header, "class", "modal-header text-2xl font-bold");
attr(article, "class", "modal-body mt-4");
attr(summary, "class", "inline-block cursor-pointer " + /*anchor*/
ctx[1]);
attr(div, "class", "text-center truncate flex flex-col items-center mt-4");
attr(a, "class", "absolute right-0 top-0 " + /*anchor*/
ctx[1]);
attr(a, "target", "_blank");
attr(a, "href", "https://sleazyfork.org/zh-CN/scripts/432150-pixiv-downloader/feedback");
attr(footer, "class", "modal-footer relative mt-4 text-sm");
},
m(target, anchor) {
insert(target, header, anchor);
insert(target, t2, anchor);
insert(target, article, anchor);
insert(target, t10, anchor);
insert(target, footer, anchor);
append(footer, details);
append(details, summary);
append(summary, t11);
append(details, t12);
append(details, div);
append(footer, t15);
append(footer, a);
append(a, t16);
},
p: noop,
d(detaching) {
if (detaching) {
detach(header);
detach(t2);
detach(article);
detach(t10);
detach(footer);
}
}
};
}
function create_fragment$8(ctx) {
let modalwrapper;
let current;
modalwrapper = new ModalWrapper({
props: {
parent: (
/*parent*/
ctx[0]
),
$$slots: { default: [create_default_slot$5] },
$$scope: { ctx }
}
});
return {
c() {
create_component(modalwrapper.$$.fragment);
},
m(target, anchor) {
mount_component(modalwrapper, target, anchor);
current = true;
},
p(ctx2, [dirty]) {
const modalwrapper_changes = {};
if (dirty & /*parent*/
1) modalwrapper_changes.parent = /*parent*/
ctx2[0];
if (dirty & /*$$scope*/
8) {
modalwrapper_changes.$$scope = { dirty, ctx: ctx2 };
}
modalwrapper.$set(modalwrapper_changes);
},
i(local) {
if (current) return;
transition_in(modalwrapper.$$.fragment, local);
current = true;
},
o(local) {
transition_out(modalwrapper.$$.fragment, local);
current = false;
},
d(detaching) {
destroy_component(modalwrapper, detaching);
}
};
}
function instance$8($$self, $$props, $$invalidate) {
const anchorFocus = `focus:!outline-none focus:decoration-wavy`;
const anchor = `leading-loose anchor underline-offset-2 ${anchorFocus}`;
let { parent } = $$props;
$$self.$$set = ($$props2) => {
if ("parent" in $$props2) $$invalidate(0, parent = $$props2.parent);
};
return [parent, anchor];
}
class Changelog extends SvelteComponent {
constructor(options) {
super();
init(this, options, instance$8, create_fragment$8, safe_not_equal, { parent: 0 });
}
}
const check = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>check</title><path d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" /></svg>`;
const folderSvg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6H12L10,4Z" /></svg>`;
const fileSvg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13,9V3.5L18.5,9M6,2C4.89,2 4,2.89 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2H6Z" /></svg>`;
const data = config.getAll();
const configStore = writable(data);
configStore.subscribe(config.update);
function get_each_context$2(ctx, list, i) {
const child_ctx = ctx.slice();
child_ctx[36] = list[i];
return child_ctx;
}
function get_each_context_1$1(ctx, list, i) {
const child_ctx = ctx.slice();
child_ctx[36] = list[i];
return child_ctx;
}
function create_else_block$1(ctx) {
let input;
return {
c() {
input = element("input");
attr(input, "type", "text");
input.disabled = true;
attr(
input,
"placeholder",
/*directoryPlaceholder*/
ctx[9]
);
},
m(target, anchor) {
insert(target, input, anchor);
},
p(ctx2, dirty) {
if (dirty[0] & /*directoryPlaceholder*/
512) {
attr(
input,
"placeholder",
/*directoryPlaceholder*/
ctx2[9]
);
}
},
d(detaching) {
if (detaching) {
detach(input);
}
}
};
}
function create_if_block_1(ctx) {
let input;
let mounted;
let dispose;
return {
c() {
input = element("input");
attr(input, "type", "text");
attr(
input,
"placeholder",
/*directoryPlaceholder*/
ctx[9]
);
},
m(target, anchor) {
insert(target, input, anchor);
set_input_value(
input,
/*directory*/
ctx[4]
);
if (!mounted) {
dispose = listen(
input,
"input",
/*input_input_handler*/
ctx[23]
);
mounted = true;
}
},
p(ctx2, dirty) {
if (dirty[0] & /*directoryPlaceholder*/
512) {
attr(
input,
"placeholder",
/*directoryPlaceholder*/
ctx2[9]
);
}
if (dirty[0] & /*directory*/
16 && input.value !== /*directory*/
ctx2[4]) {
set_input_value(
input,
/*directory*/
ctx2[4]
);
}
},
d(detaching) {
if (detaching) {
detach(input);
}
mounted = false;
dispose();
}
};
}
function create_each_block_1$1(ctx) {
let button;
let span;
let t0_value = (
/*p*/
ctx[36] + ""
);
let t0;
let t1;
let button_disabled_value;
let mounted;
let dispose;
function click_handler() {
return (
/*click_handler*/
ctx[24](
/*p*/
ctx[36]
)
);
}
return {
c() {
button = element("button");
span = element("span");
t0 = text(t0_value);
t1 = space();
attr(button, "class", "chip variant-soft hover:variant-filled");
button.disabled = button_disabled_value = !/*subDirectoryAvailable*/
ctx[6];
},
m(target, anchor) {
insert(target, button, anchor);
append(button, span);
append(span, t0);
append(button, t1);
if (!mounted) {
dispose = listen(button, "click", click_handler);
mounted = true;
}
},
p(new_ctx, dirty) {
ctx = new_ctx;
if (dirty[0] & /*pattern*/
8 && t0_value !== (t0_value = /*p*/
ctx[36] + "")) set_data(t0, t0_value);
if (dirty[0] & /*subDirectoryAvailable*/
64 && button_disabled_value !== (button_disabled_value = !/*subDirectoryAvailable*/
ctx[6])) {
button.disabled = button_disabled_value;
}
},
d(detaching) {
if (detaching) {
detach(button);
}
mounted = false;
dispose();
}
};
}
function create_if_block$4(ctx) {
let li0;
let p0;
let t1;
let span;
let t2;
let t3;
let button;
let t5;
let li1;
let p1;
let t7;
let radiogroup;
let current;
let mounted;
let dispose;
radiogroup = new RadioGroup({
props: {
class: "shrink-0",
$$slots: { default: [create_default_slot_5$1] },
$$scope: { ctx }
}
});
return {
c() {
li0 = element("li");
p0 = element("p");
p0.textContent = `${t("setting.save_to.options.fsa_directory")}`;
t1 = space();
span = element("span");
t2 = text(
/*fsaDirectory*/
ctx[8]
);
t3 = space();
button = element("button");
button.textContent = `${t("setting.save_to.button.choose_fsa_directory")}`;
t5 = space();
li1 = element("li");
p1 = element("p");
p1.textContent = `${t("setting.save_to.options.fsa_filename_conflict")}`;
t7 = space();
create_component(radiogroup.$$.fragment);
attr(p0, "class", "flex-auto");
attr(span, "class", "text-sm italic");
attr(button, "class", "btn btn-sm variant-filled");
attr(p1, "class", "flex-auto");
},
m(target, anchor) {
insert(target, li0, anchor);
append(li0, p0);
append(li0, t1);
append(li0, span);
append(span, t2);
append(li0, t3);
append(li0, button);
insert(target, t5, anchor);
insert(target, li1, anchor);
append(li1, p1);
append(li1, t7);
mount_component(radiogroup, li1, null);
current = true;
if (!mounted) {
dispose = listen(
button,
"click",
/*updatefsaDir*/
ctx[17]
);
mounted = true;
}
},
p(ctx2, dirty) {
if (!current || dirty[0] & /*fsaDirectory*/
256) set_data(
t2,
/*fsaDirectory*/
ctx2[8]
);
const radiogroup_changes = {};
if (dirty[0] & /*$store*/
128 | dirty[1] & /*$$scope*/
1024) {
radiogroup_changes.$$scope = { dirty, ctx: ctx2 };
}
radiogroup.$set(radiogroup_changes);
},
i(local) {
if (current) return;
transition_in(radiogroup.$$.fragment, local);
current = true;
},
o(local) {
transition_out(radiogroup.$$.fragment, local);
current = false;
},
d(detaching) {
if (detaching) {
detach(li0);
detach(t5);
detach(li1);
}
destroy_component(radiogroup);
mounted = false;
dispose();
}
};
}
function create_default_slot_8(ctx) {
let t_1_value = t("setting.save_to.radio.filename_conflict_option_uniquify") + "";
let t_1;
return {
c() {
t_1 = text(t_1_value);
},
m(target, anchor) {
insert(target, t_1, anchor);
},
p: noop,
d(detaching) {
if (detaching) {
detach(t_1);
}
}
};
}
function create_default_slot_7(ctx) {
let t_1_value = t("setting.save_to.radio.filename_conflict_option_overwrite") + "";
let t_1;
return {
c() {
t_1 = text(t_1_value);
},
m(target, anchor) {
insert(target, t_1, anchor);
},
p: noop,
d(detaching) {
if (detaching) {
detach(t_1);
}
}
};
}
function create_default_slot_6$1(ctx) {
let t_1_value = t("setting.save_to.radio.filename_conflict_option_prompt") + "";
let t_1;
return {
c() {
t_1 = text(t_1_value);
},
m(target, anchor) {
insert(target, t_1, anchor);
},
p: noop,
d(detaching) {
if (detaching) {
detach(t_1);
}
}
};
}
function create_default_slot_5$1(ctx) {
let radioitem0;
let updating_group;
let t0;
let radioitem1;
let updating_group_1;
let t1;
let radioitem2;
let updating_group_2;
let current;
function radioitem0_group_binding(value) {
ctx[26](value);
}
let radioitem0_props = {
name: "filenameConfigAction",
class: "text-sm",
value: FilenameConfigAction.UNIQUIFY,
$$slots: { default: [create_default_slot_8] },
$$scope: { ctx }
};
if (
/*$store*/
ctx[7].fileSystemFilenameConflictAction !== void 0
) {
radioitem0_props.group = /*$store*/
ctx[7].fileSystemFilenameConflictAction;
}
radioitem0 = new RadioItem({ props: radioitem0_props });
binding_callbacks.push(() => bind(radioitem0, "group", radioitem0_group_binding));
function radioitem1_group_binding(value) {
ctx[27](value);
}
let radioitem1_props = {
name: "filenameConfigAction",
class: "text-sm",
value: FilenameConfigAction.OVERWRITE,
$$slots: { default: [create_default_slot_7] },
$$scope: { ctx }
};
if (
/*$store*/
ctx[7].fileSystemFilenameConflictAction !== void 0
) {
radioitem1_props.group = /*$store*/
ctx[7].fileSystemFilenameConflictAction;
}
radioitem1 = new RadioItem({ props: radioitem1_props });
binding_callbacks.push(() => bind(radioitem1, "group", radioitem1_group_binding));
function radioitem2_group_binding(value) {
ctx[28](value);
}
let radioitem2_props = {
name: "filenameConfigAction",
class: "text-sm",
value: FilenameConfigAction.PROMPT,
$$slots: { default: [create_default_slot_6$1] },
$$scope: { ctx }
};
if (
/*$store*/
ctx[7].fileSystemFilenameConflictAction !== void 0
) {
radioitem2_props.group = /*$store*/
ctx[7].fileSystemFilenameConflictAction;
}
radioitem2 = new RadioItem({ props: radioitem2_props });
binding_callbacks.push(() => bind(radioitem2, "group", radioitem2_group_binding));
return {
c() {
create_component(radioitem0.$$.fragment);
t0 = space();
create_component(radioitem1.$$.fragment);
t1 = space();
create_component(radioitem2.$$.fragment);
},
m(target, anchor) {
mount_component(radioitem0, target, anchor);
insert(target, t0, anchor);
mount_component(radioitem1, target, anchor);
insert(target, t1, anchor);
mount_component(radioitem2, target, anchor);
current = true;
},
p(ctx2, dirty) {
const radioitem0_changes = {};
if (dirty[1] & /*$$scope*/
1024) {
radioitem0_changes.$$scope = { dirty, ctx: ctx2 };
}
if (!updating_group && dirty[0] & /*$store*/
128) {
updating_group = true;
radioitem0_changes.group = /*$store*/
ctx2[7].fileSystemFilenameConflictAction;
add_flush_callback(() => updating_group = false);
}
radioitem0.$set(radioitem0_changes);
const radioitem1_changes = {};
if (dirty[1] & /*$$scope*/
1024) {
radioitem1_changes.$$scope = { dirty, ctx: ctx2 };
}
if (!updating_group_1 && dirty[0] & /*$store*/
128) {
updating_group_1 = true;
radioitem1_changes.group = /*$store*/
ctx2[7].fileSystemFilenameConflictAction;
add_flush_callback(() => updating_group_1 = false);
}
radioitem1.$set(radioitem1_changes);
const radioitem2_changes = {};
if (dirty[1] & /*$$scope*/
1024) {
radioitem2_changes.$$scope = { dirty, ctx: ctx2 };
}
if (!updating_group_2 && dirty[0] & /*$store*/
128) {
updating_group_2 = true;
radioitem2_changes.group = /*$store*/
ctx2[7].fileSystemFilenameConflictAction;
add_flush_callback(() => updating_group_2 = false);
}
radioitem2.$set(radioitem2_changes);
},
i(local) {
if (current) return;
transition_in(radioitem0.$$.fragment, local);
transition_in(radioitem1.$$.fragment, local);
transition_in(radioitem2.$$.fragment, local);
current = true;
},
o(local) {
transition_out(radioitem0.$$.fragment, local);
transition_out(radioitem1.$$.fragment, local);
transition_out(radioitem2.$$.fragment, local);
current = false;
},
d(detaching) {
if (detaching) {
detach(t0);
detach(t1);
}
destroy_component(radioitem0, detaching);
destroy_component(radioitem1, detaching);
destroy_component(radioitem2, detaching);
}
};
}
function create_each_block$2(ctx) {
let button;
let span;
let t0_value = (
/*p*/
ctx[36] + ""
);
let t0;
let t1;
let mounted;
let dispose;
function click_handler_1() {
return (
/*click_handler_1*/
ctx[30](
/*p*/
ctx[36]
)
);
}
return {
c() {
button = element("button");
span = element("span");
t0 = text(t0_value);
t1 = space();
attr(button, "class", "chip variant-soft hover:variant-filled");
},
m(target, anchor) {
insert(target, button, anchor);
append(button, span);
append(span, t0);
append(button, t1);
if (!mounted) {
dispose = listen(button, "click", click_handler_1);
mounted = true;
}
},
p(new_ctx, dirty) {
ctx = new_ctx;
if (dirty[0] & /*pattern*/
8 && t0_value !== (t0_value = /*p*/
ctx[36] + "")) set_data(t0, t0_value);
},
d(detaching) {
if (detaching) {
detach(button);
}
mounted = false;
dispose();
}
};
}
function create_default_slot_4$1(ctx) {
let t_1;
return {
c() {
t_1 = text("日本語");
},
m(target, anchor) {
insert(target, t_1, anchor);
},
d(detaching) {
if (detaching) {
detach(t_1);
}
}
};
}
function create_default_slot_3$3(ctx) {
let t_1;
return {
c() {
t_1 = text("简中");
},
m(target, anchor) {
insert(target, t_1, anchor);
},
d(detaching) {
if (detaching) {
detach(t_1);
}
}
};
}
function create_default_slot_2$3(ctx) {
let t_1;
return {
c() {
t_1 = text("繁中");
},
m(target, anchor) {
insert(target, t_1, anchor);
},
d(detaching) {
if (detaching) {
detach(t_1);
}
}
};
}
function create_default_slot_1$3(ctx) {
let t_1;
return {
c() {
t_1 = text("En");
},
m(target, anchor) {
insert(target, t_1, anchor);
},
d(detaching) {
if (detaching) {
detach(t_1);
}
}
};
}
function create_default_slot$4(ctx) {
let radioitem0;
let updating_group;
let t0;
let radioitem1;
let updating_group_1;
let t1;
let radioitem2;
let updating_group_2;
let t2;
let radioitem3;
let updating_group_3;
let current;
function radioitem0_group_binding_1(value) {
ctx[31](value);
}
let radioitem0_props = {
name: "tagLang",
class: "text-sm",
value: TagLanguage.JAPANESE,
$$slots: { default: [create_default_slot_4$1] },
$$scope: { ctx }
};
if (
/*$store*/
ctx[7].tagLang !== void 0
) {
radioitem0_props.group = /*$store*/
ctx[7].tagLang;
}
radioitem0 = new RadioItem({ props: radioitem0_props });
binding_callbacks.push(() => bind(radioitem0, "group", radioitem0_group_binding_1));
function radioitem1_group_binding_1(value) {
ctx[32](value);
}
let radioitem1_props = {
name: "tagLang",
class: "text-sm",
value: TagLanguage.CHINESE,
$$slots: { default: [create_default_slot_3$3] },
$$scope: { ctx }
};
if (
/*$store*/
ctx[7].tagLang !== void 0
) {
radioitem1_props.group = /*$store*/
ctx[7].tagLang;
}
radioitem1 = new RadioItem({ props: radioitem1_props });
binding_callbacks.push(() => bind(radioitem1, "group", radioitem1_group_binding_1));
function radioitem2_group_binding_1(value) {
ctx[33](value);
}
let radioitem2_props = {
name: "tagLang",
class: "text-sm",
value: TagLanguage.TRADITIONAL_CHINESE,
$$slots: { default: [create_default_slot_2$3] },
$$scope: { ctx }
};
if (
/*$store*/
ctx[7].tagLang !== void 0
) {
radioitem2_props.group = /*$store*/
ctx[7].tagLang;
}
radioitem2 = new RadioItem({ props: radioitem2_props });
binding_callbacks.push(() => bind(radioitem2, "group", radioitem2_group_binding_1));
function radioitem3_group_binding(value) {
ctx[34](value);
}
let radioitem3_props = {
name: "tagLang",
class: "text-sm",
value: TagLanguage.ENGLISH,
$$slots: { default: [create_default_slot_1$3] },
$$scope: { ctx }
};
if (
/*$store*/
ctx[7].tagLang !== void 0
) {
radioitem3_props.group = /*$store*/
ctx[7].tagLang;
}
radioitem3 = new RadioItem({ props: radioitem3_props });
binding_callbacks.push(() => bind(radioitem3, "group", radioitem3_group_binding));
return {
c() {
create_component(radioitem0.$$.fragment);
t0 = space();
create_component(radioitem1.$$.fragment);
t1 = space();
create_component(radioitem2.$$.fragment);
t2 = space();
create_component(radioitem3.$$.fragment);
},
m(target, anchor) {
mount_component(radioitem0, target, anchor);
insert(target, t0, anchor);
mount_component(radioitem1, target, anchor);
insert(target, t1, anchor);
mount_component(radioitem2, target, anchor);
insert(target, t2, anchor);
mount_component(radioitem3, target, anchor);
current = true;
},
p(ctx2, dirty) {
const radioitem0_changes = {};
if (dirty[1] & /*$$scope*/
1024) {
radioitem0_changes.$$scope = { dirty, ctx: ctx2 };
}
if (!updating_group && dirty[0] & /*$store*/
128) {
updating_group = true;
radioitem0_changes.group = /*$store*/
ctx2[7].tagLang;
add_flush_callback(() => updating_group = false);
}
radioitem0.$set(radioitem0_changes);
const radioitem1_changes = {};
if (dirty[1] & /*$$scope*/
1024) {
radioitem1_changes.$$scope = { dirty, ctx: ctx2 };
}
if (!updating_group_1 && dirty[0] & /*$store*/
128) {
updating_group_1 = true;
radioitem1_changes.group = /*$store*/
ctx2[7].tagLang;
add_flush_callback(() => updating_group_1 = false);
}
radioitem1.$set(radioitem1_changes);
const radioitem2_changes = {};
if (dirty[1] & /*$$scope*/
1024) {
radioitem2_changes.$$scope = { dirty, ctx: ctx2 };
}
if (!updating_group_2 && dirty[0] & /*$store*/
128) {
updating_group_2 = true;
radioitem2_changes.group = /*$store*/
ctx2[7].tagLang;
add_flush_callback(() => updating_group_2 = false);
}
radioitem2.$set(radioitem2_changes);
const radioitem3_changes = {};
if (dirty[1] & /*$$scope*/
1024) {
radioitem3_changes.$$scope = { dirty, ctx: ctx2 };
}
if (!updating_group_3 && dirty[0] & /*$store*/
128) {
updating_group_3 = true;
radioitem3_changes.group = /*$store*/
ctx2[7].tagLang;
add_flush_callback(() => updating_group_3 = false);
}
radioitem3.$set(radioitem3_changes);
},
i(local) {
if (current) return;
transition_in(radioitem0.$$.fragment, local);
transition_in(radioitem1.$$.fragment, local);
transition_in(radioitem2.$$.fragment, local);
transition_in(radioitem3.$$.fragment, local);
current = true;
},
o(local) {
transition_out(radioitem0.$$.fragment, local);
transition_out(radioitem1.$$.fragment, local);
transition_out(radioitem2.$$.fragment, local);
transition_out(radioitem3.$$.fragment, local);
current = false;
},
d(detaching) {
if (detaching) {
detach(t0);
detach(t1);
detach(t2);
}
destroy_component(radioitem0, detaching);
destroy_component(radioitem1, detaching);
destroy_component(radioitem2, detaching);
destroy_component(radioitem3, detaching);
}
};
}
function create_fragment$7(ctx) {
let div5;
let section0;
let p0;
let t0_value = t("setting.save_to.label.directory") + "";
let t0;
let t1;
let ul0;
let li0;
let div0;
let button0;
let i0;
let t2;
let t3;
let button1;
let i1;
let t4;
let div1;
let t5;
let li1;
let p1;
let t7;
let slidetoggle;
let updating_checked;
let t8;
let t9;
let section1;
let p2;
let t10_value = t("setting.save_to.label.filename") + "";
let t10;
let t11;
let ul1;
let li2;
let div2;
let button2;
let i2;
let t12;
let input;
let t13;
let button3;
let i3;
let t14;
let div3;
let t15;
let li3;
let div4;
let p3;
let t17;
let p4;
let t18_value = t("setting.save_to.options.tag_language_tips") + "";
let t18;
let t19;
let radiogroup;
let current;
let mounted;
let dispose;
function select_block_type(ctx2, dirty) {
if (
/*subDirectoryAvailable*/
ctx2[6]
) return create_if_block_1;
return create_else_block$1;
}
let current_block_type = select_block_type(ctx);
let if_block0 = current_block_type(ctx);
let each_value_1 = ensure_array_like(
/*pattern*/
ctx[3]
);
let each_blocks_1 = [];
for (let i = 0; i < each_value_1.length; i += 1) {
each_blocks_1[i] = create_each_block_1$1(get_each_context_1$1(ctx, each_value_1, i));
}
function slidetoggle_checked_binding(value) {
ctx[25](value);
}
let slidetoggle_props = {
size: "sm",
name: "fsa-enable",
disabled: !env.isFileSystemAccessAvaliable()
};
if (
/*$store*/
ctx[7].useFileSystemAccess !== void 0
) {
slidetoggle_props.checked = /*$store*/
ctx[7].useFileSystemAccess;
}
slidetoggle = new SlideToggle({ props: slidetoggle_props });
binding_callbacks.push(() => bind(slidetoggle, "checked", slidetoggle_checked_binding));
let if_block1 = (
/*$store*/
ctx[7].useFileSystemAccess && create_if_block$4(ctx)
);
let each_value = ensure_array_like(
/*pattern*/
ctx[3]
);
let each_blocks = [];
for (let i = 0; i < each_value.length; i += 1) {
each_blocks[i] = create_each_block$2(get_each_context$2(ctx, each_value, i));
}
radiogroup = new RadioGroup({
props: {
class: " shrink-0",
$$slots: { default: [create_default_slot$4] },
$$scope: { ctx }
}
});
return {
c() {
div5 = element("div");
section0 = element("section");
p0 = element("p");
t0 = text(t0_value);
t1 = space();
ul0 = element("ul");
li0 = element("li");
div0 = element("div");
button0 = element("button");
i0 = element("i");
t2 = space();
if_block0.c();
t3 = space();
button1 = element("button");
i1 = element("i");
t4 = space();
div1 = element("div");
for (let i = 0; i < each_blocks_1.length; i += 1) {
each_blocks_1[i].c();
}
t5 = space();
li1 = element("li");
p1 = element("p");
p1.textContent = `${t("setting.save_to.options.use_fsa")}`;
t7 = space();
create_component(slidetoggle.$$.fragment);
t8 = space();
if (if_block1) if_block1.c();
t9 = space();
section1 = element("section");
p2 = element("p");
t10 = text(t10_value);
t11 = space();
ul1 = element("ul");
li2 = element("li");
div2 = element("div");
button2 = element("button");
i2 = element("i");
t12 = space();
input = element("input");
t13 = space();
button3 = element("button");
i3 = element("i");
t14 = space();
div3 = element("div");
for (let i = 0; i < each_blocks.length; i += 1) {
each_blocks[i].c();
}
t15 = space();
li3 = element("li");
div4 = element("div");
p3 = element("p");
p3.textContent = `${t("setting.save_to.options.tag_language")}`;
t17 = space();
p4 = element("p");
t18 = text(t18_value);
t19 = space();
create_component(radiogroup.$$.fragment);
attr(
p0,
"class",
/*sectionTitle*/
ctx[2]
);
attr(i0, "class", "w-6 fill-current");
attr(button0, "type", "button");
attr(button0, "class", "[&:not([disabled])]:variant-soft-primary");
button0.disabled = /*folderBtnDisabled*/
ctx[11];
attr(i1, "class", "w-6 fill-current");
attr(button1, "type", "button");
attr(button1, "class", "variant-soft-surface [&:not([disabled])]:variant-soft-primary");
button1.disabled = /*folderBtnDisabled*/
ctx[11];
attr(div0, "class", "input-group input-group-divider grid-cols-[auto_1fr_auto_auto]");
attr(div1, "class", "self-start space-x-2");
attr(li0, "class", "flex-col gap-3");
attr(p1, "class", "flex-auto");
attr(
ul0,
"class",
/*ulClasses*/
ctx[12]
);
attr(
p2,
"class",
/*sectionTitle*/
ctx[2]
);
attr(i2, "class", "w-6 fill-current");
attr(button2, "type", "button");
attr(button2, "class", "[&:not([disabled])]:variant-soft-primary");
button2.disabled = /*filenameBtnDisabled*/
ctx[10];
attr(input, "type", "text");
input.required = true;
attr(input, "placeholder", t("setting.save_to.placeholder.filename_requried"));
attr(i3, "class", "w-6 fill-current");
attr(button3, "type", "button");
attr(button3, "class", "variant-soft-surface dark:variant-fill-surface [&:not([disabled])]:variant-soft-primary");
button3.disabled = /*filenameBtnDisabled*/
ctx[10];
attr(div2, "class", "input-group input-group-divider grid-cols-[auto_1fr_auto]");
attr(div3, "class", "self-start space-x-2");
attr(li2, "class", "flex-col gap-3");
attr(
p4,
"class",
/*descritionText*/
ctx[0]
);
attr(div4, "class", "flex-auto");
attr(
ul1,
"class",
/*ulClasses*/
ctx[12]
);
attr(
div5,
"class",
/*sectionSpace*/
ctx[1]
);
},
m(target, anchor) {
insert(target, div5, anchor);
append(div5, section0);
append(section0, p0);
append(p0, t0);
append(section0, t1);
append(section0, ul0);
append(ul0, li0);
append(li0, div0);
append(div0, button0);
append(button0, i0);
i0.innerHTML = folderSvg;
append(div0, t2);
if_block0.m(div0, null);
append(div0, t3);
append(div0, button1);
append(button1, i1);
i1.innerHTML = check;
append(li0, t4);
append(li0, div1);
for (let i = 0; i < each_blocks_1.length; i += 1) {
if (each_blocks_1[i]) {
each_blocks_1[i].m(div1, null);
}
}
append(ul0, t5);
append(ul0, li1);
append(li1, p1);
append(li1, t7);
mount_component(slidetoggle, li1, null);
append(ul0, t8);
if (if_block1) if_block1.m(ul0, null);
append(div5, t9);
append(div5, section1);
append(section1, p2);
append(p2, t10);
append(section1, t11);
append(section1, ul1);
append(ul1, li2);
append(li2, div2);
append(div2, button2);
append(button2, i2);
i2.innerHTML = fileSvg;
append(div2, t12);
append(div2, input);
set_input_value(
input,
/*filename*/
ctx[5]
);
append(div2, t13);
append(div2, button3);
append(button3, i3);
i3.innerHTML = check;
append(li2, t14);
append(li2, div3);
for (let i = 0; i < each_blocks.length; i += 1) {
if (each_blocks[i]) {
each_blocks[i].m(div3, null);
}
}
append(ul1, t15);
append(ul1, li3);
append(li3, div4);
append(div4, p3);
append(div4, t17);
append(div4, p4);
append(p4, t18);
append(li3, t19);
mount_component(radiogroup, li3, null);
current = true;
if (!mounted) {
dispose = [
listen(
button0,
"click",
/*resetFolder*/
ctx[15]
),
listen(
button1,
"click",
/*updateDirectory*/
ctx[13]
),
listen(
button2,
"click",
/*resetFilename*/
ctx[16]
),
listen(
input,
"input",
/*input_input_handler_1*/
ctx[29]
),
listen(
button3,
"click",
/*updateFilename*/
ctx[14]
)
];
mounted = true;
}
},
p(ctx2, dirty) {
if (!current || dirty[0] & /*sectionTitle*/
4) {
attr(
p0,
"class",
/*sectionTitle*/
ctx2[2]
);
}
if (!current || dirty[0] & /*folderBtnDisabled*/
2048) {
button0.disabled = /*folderBtnDisabled*/
ctx2[11];
}
if (current_block_type === (current_block_type = select_block_type(ctx2)) && if_block0) {
if_block0.p(ctx2, dirty);
} else {
if_block0.d(1);
if_block0 = current_block_type(ctx2);
if (if_block0) {
if_block0.c();
if_block0.m(div0, t3);
}
}
if (!current || dirty[0] & /*folderBtnDisabled*/
2048) {
button1.disabled = /*folderBtnDisabled*/
ctx2[11];
}
if (dirty[0] & /*subDirectoryAvailable, directory, pattern*/
88) {
each_value_1 = ensure_array_like(
/*pattern*/
ctx2[3]
);
let i;
for (i = 0; i < each_value_1.length; i += 1) {
const child_ctx = get_each_context_1$1(ctx2, each_value_1, i);
if (each_blocks_1[i]) {
each_blocks_1[i].p(child_ctx, dirty);
} else {
each_blocks_1[i] = create_each_block_1$1(child_ctx);
each_blocks_1[i].c();
each_blocks_1[i].m(div1, null);
}
}
for (; i < each_blocks_1.length; i += 1) {
each_blocks_1[i].d(1);
}
each_blocks_1.length = each_value_1.length;
}
const slidetoggle_changes = {};
if (!updating_checked && dirty[0] & /*$store*/
128) {
updating_checked = true;
slidetoggle_changes.checked = /*$store*/
ctx2[7].useFileSystemAccess;
add_flush_callback(() => updating_checked = false);
}
slidetoggle.$set(slidetoggle_changes);
if (
/*$store*/
ctx2[7].useFileSystemAccess
) {
if (if_block1) {
if_block1.p(ctx2, dirty);
if (dirty[0] & /*$store*/
128) {
transition_in(if_block1, 1);
}
} else {
if_block1 = create_if_block$4(ctx2);
if_block1.c();
transition_in(if_block1, 1);
if_block1.m(ul0, null);
}
} else if (if_block1) {
group_outros();
transition_out(if_block1, 1, 1, () => {
if_block1 = null;
});
check_outros();
}
if (!current || dirty[0] & /*ulClasses*/
4096) {
attr(
ul0,
"class",
/*ulClasses*/
ctx2[12]
);
}
if (!current || dirty[0] & /*sectionTitle*/
4) {
attr(
p2,
"class",
/*sectionTitle*/
ctx2[2]
);
}
if (!current || dirty[0] & /*filenameBtnDisabled*/
1024) {
button2.disabled = /*filenameBtnDisabled*/
ctx2[10];
}
if (dirty[0] & /*filename*/
32 && input.value !== /*filename*/
ctx2[5]) {
set_input_value(
input,
/*filename*/
ctx2[5]
);
}
if (!current || dirty[0] & /*filenameBtnDisabled*/
1024) {
button3.disabled = /*filenameBtnDisabled*/
ctx2[10];
}
if (dirty[0] & /*filename, pattern*/
40) {
each_value = ensure_array_like(
/*pattern*/
ctx2[3]
);
let i;
for (i = 0; i < each_value.length; i += 1) {
const child_ctx = get_each_context$2(ctx2, each_value, i);
if (each_blocks[i]) {
each_blocks[i].p(child_ctx, dirty);
} else {
each_blocks[i] = create_each_block$2(child_ctx);
each_blocks[i].c();
each_blocks[i].m(div3, null);
}
}
for (; i < each_blocks.length; i += 1) {
each_blocks[i].d(1);
}
each_blocks.length = each_value.length;
}
if (!current || dirty[0] & /*descritionText*/
1) {
attr(
p4,
"class",
/*descritionText*/
ctx2[0]
);
}
const radiogroup_changes = {};
if (dirty[0] & /*$store*/
128 | dirty[1] & /*$$scope*/
1024) {
radiogroup_changes.$$scope = { dirty, ctx: ctx2 };
}
radiogroup.$set(radiogroup_changes);
if (!current || dirty[0] & /*ulClasses*/
4096) {
attr(
ul1,
"class",
/*ulClasses*/
ctx2[12]
);
}
if (!current || dirty[0] & /*sectionSpace*/
2) {
attr(
div5,
"class",
/*sectionSpace*/
ctx2[1]
);
}
},
i(local) {
if (current) return;
transition_in(slidetoggle.$$.fragment, local);
transition_in(if_block1);
transition_in(radiogroup.$$.fragment, local);
current = true;
},
o(local) {
transition_out(slidetoggle.$$.fragment, local);
transition_out(if_block1);
transition_out(radiogroup.$$.fragment, local);
current = false;
},
d(detaching) {
if (detaching) {
detach(div5);
}
if_block0.d();
destroy_each(each_blocks_1, detaching);
destroy_component(slidetoggle);
if (if_block1) if_block1.d();
destroy_each(each_blocks, detaching);
destroy_component(radiogroup);
mounted = false;
run_all(dispose);
}
};
}
function instance$7($$self, $$props, $$invalidate) {
let ulClasses;
let subDirectoryAvailable;
let folderBtnDisabled;
let filenameBtnDisabled;
let directoryPlaceholder;
let $store;
component_subscribe($$self, configStore, ($$value) => $$invalidate(7, $store = $$value));
let { bg = "bg-white/30 dark:bg-black/15" } = $$props;
let { border = "divide-y-[1px] *:border-surface-300-600-token" } = $$props;
let { padding = "px-4 *:py-4" } = $$props;
let { margin = "mt-2 *:!m-0" } = $$props;
let { rounded = "rounded-container-token *:!rounded-none" } = $$props;
let { descritionText = "text-sm text-surface-400" } = $$props;
let { sectionSpace = `space-y-4` } = $$props;
let { sectionTitle = "font-bold" } = $$props;
let { pattern = [] } = $$props;
let directory = $store.folderPattern;
let filename = $store.filenamePattern;
let fsaDirectory = downloader.getCurrentFsaDirName();
function updateDirectory() {
const newDirectory = directory.split("/").map(replaceInvalidChar).filter((path) => !!path).join("/");
set_store_value(configStore, $store.folderPattern = $$invalidate(4, directory = newDirectory), $store);
}
function updateFilename() {
const newFilename = replaceInvalidChar(filename);
if (newFilename === "") {
$$invalidate(5, filename = $store.filenamePattern);
} else {
set_store_value(configStore, $store.filenamePattern = $$invalidate(5, filename = newFilename), $store);
}
}
function resetFolder() {
$$invalidate(4, directory = $store.folderPattern);
}
function resetFilename() {
$$invalidate(5, filename = $store.filenamePattern);
}
async function updatefsaDir() {
$$invalidate(8, fsaDirectory = await downloader.updateDirHandle());
console.log(fsaDirectory);
}
function input_input_handler() {
directory = this.value;
$$invalidate(4, directory);
}
const click_handler = (p) => $$invalidate(4, directory += " " + p);
function slidetoggle_checked_binding(value) {
if ($$self.$$.not_equal($store.useFileSystemAccess, value)) {
$store.useFileSystemAccess = value;
configStore.set($store);
}
}
function radioitem0_group_binding(value) {
if ($$self.$$.not_equal($store.fileSystemFilenameConflictAction, value)) {
$store.fileSystemFilenameConflictAction = value;
configStore.set($store);
}
}
function radioitem1_group_binding(value) {
if ($$self.$$.not_equal($store.fileSystemFilenameConflictAction, value)) {
$store.fileSystemFilenameConflictAction = value;
configStore.set($store);
}
}
function radioitem2_group_binding(value) {
if ($$self.$$.not_equal($store.fileSystemFilenameConflictAction, value)) {
$store.fileSystemFilenameConflictAction = value;
configStore.set($store);
}
}
function input_input_handler_1() {
filename = this.value;
$$invalidate(5, filename);
}
const click_handler_1 = (p) => $$invalidate(5, filename += " " + p);
function radioitem0_group_binding_1(value) {
if ($$self.$$.not_equal($store.tagLang, value)) {
$store.tagLang = value;
configStore.set($store);
}
}
function radioitem1_group_binding_1(value) {
if ($$self.$$.not_equal($store.tagLang, value)) {
$store.tagLang = value;
configStore.set($store);
}
}
function radioitem2_group_binding_1(value) {
if ($$self.$$.not_equal($store.tagLang, value)) {
$store.tagLang = value;
configStore.set($store);
}
}
function radioitem3_group_binding(value) {
if ($$self.$$.not_equal($store.tagLang, value)) {
$store.tagLang = value;
configStore.set($store);
}
}
$$self.$$set = ($$new_props) => {
$$invalidate(35, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
if ("bg" in $$new_props) $$invalidate(18, bg = $$new_props.bg);
if ("border" in $$new_props) $$invalidate(19, border = $$new_props.border);
if ("padding" in $$new_props) $$invalidate(20, padding = $$new_props.padding);
if ("margin" in $$new_props) $$invalidate(21, margin = $$new_props.margin);
if ("rounded" in $$new_props) $$invalidate(22, rounded = $$new_props.rounded);
if ("descritionText" in $$new_props) $$invalidate(0, descritionText = $$new_props.descritionText);
if ("sectionSpace" in $$new_props) $$invalidate(1, sectionSpace = $$new_props.sectionSpace);
if ("sectionTitle" in $$new_props) $$invalidate(2, sectionTitle = $$new_props.sectionTitle);
if ("pattern" in $$new_props) $$invalidate(3, pattern = $$new_props.pattern);
};
$$self.$$.update = () => {
$$invalidate(12, ulClasses = `list *:items-center ${padding} ${margin} ${border} ${bg} ${rounded} ${$$props.class ?? ""}`);
if ($$self.$$.dirty[0] & /*$store*/
128) {
$$invalidate(6, subDirectoryAvailable = $store.useFileSystemAccess || env.isSupportSubpath());
}
if ($$self.$$.dirty[0] & /*directory, $store*/
144) {
$$invalidate(11, folderBtnDisabled = directory === $store.folderPattern);
}
if ($$self.$$.dirty[0] & /*filename, $store*/
160) {
$$invalidate(10, filenameBtnDisabled = filename === $store.filenamePattern);
}
if ($$self.$$.dirty[0] & /*subDirectoryAvailable*/
64) {
$$invalidate(9, directoryPlaceholder = subDirectoryAvailable ? t("setting.save_to.placeholder.sub_directory_unused") : env.isViolentmonkey() ? t("setting.save_to.placeholder.vm_not_supported") : t("setting.save_to.placeholder.need_browser_api"));
}
};
$$props = exclude_internal_props($$props);
return [
descritionText,
sectionSpace,
sectionTitle,
pattern,
directory,
filename,
subDirectoryAvailable,
$store,
fsaDirectory,
directoryPlaceholder,
filenameBtnDisabled,
folderBtnDisabled,
ulClasses,
updateDirectory,
updateFilename,
resetFolder,
resetFilename,
updatefsaDir,
bg,
border,
padding,
margin,
rounded,
input_input_handler,
click_handler,
slidetoggle_checked_binding,
radioitem0_group_binding,
radioitem1_group_binding,
radioitem2_group_binding,
input_input_handler_1,
click_handler_1,
radioitem0_group_binding_1,
radioitem1_group_binding_1,
radioitem2_group_binding_1,
radioitem3_group_binding
];
}
class SaveTo extends SvelteComponent {
constructor(options) {
super();
init(
this,
options,
instance$7,
create_fragment$7,
safe_not_equal,
{
bg: 18,
border: 19,
padding: 20,
margin: 21,
rounded: 22,
descritionText: 0,
sectionSpace: 1,
sectionTitle: 2,
pattern: 3
},
null,
[-1, -1]
);
}
}
function get_each_context$1(ctx, list, i) {
const child_ctx = ctx.slice();
child_ctx[26] = list[i];
return child_ctx;
}
function get_each_context_1(ctx, list, i) {
const child_ctx = ctx.slice();
child_ctx[26] = list[i];
return child_ctx;
}
function create_default_slot_6(ctx) {
let t_1;
return {
c() {
t_1 = text("Zip");
},
m(target, anchor) {
insert(target, t_1, anchor);
},
d(detaching) {
if (detaching) {
detach(t_1);
}
}
};
}
function create_default_slot_5(ctx) {
let t_1;
return {
c() {
t_1 = text("Webm");
},
m(target, anchor) {
insert(target, t_1, anchor);
},
d(detaching) {
if (detaching) {
detach(t_1);
}
}
};
}
function create_default_slot_4(ctx) {
let t_1;
return {
c() {
t_1 = text("Mp4");
},
m(target, anchor) {
insert(target, t_1, anchor);
},
d(detaching) {
if (detaching) {
detach(t_1);
}
}
};
}
function create_default_slot_3$2(ctx) {
let t_1;
return {
c() {
t_1 = text("Webp");
},
m(target, anchor) {
insert(target, t_1, anchor);
},
d(detaching) {
if (detaching) {
detach(t_1);
}
}
};
}
function create_default_slot_2$2(ctx) {
let t_1;
return {
c() {
t_1 = text("Gif");
},
m(target, anchor) {
insert(target, t_1, anchor);
},
d(detaching) {
if (detaching) {
detach(t_1);
}
}
};
}
function create_default_slot_1$2(ctx) {
let t_1;
return {
c() {
t_1 = text("Png");
},
m(target, anchor) {
insert(target, t_1, anchor);
},
d(detaching) {
if (detaching) {
detach(t_1);
}
}
};
}
function create_default_slot$3(ctx) {
let radioitem0;
let updating_group;
let t0;
let radioitem1;
let updating_group_1;
let t1;
let radioitem2;
let updating_group_2;
let t2;
let radioitem3;
let updating_group_3;
let t3;
let radioitem4;
let updating_group_4;
let t4;
let radioitem5;
let updating_group_5;
let current;
function radioitem0_group_binding(value) {
ctx[13](value);
}
let radioitem0_props = {
name: "ugoiraFormat",
class: "text-sm",
value: UgoiraFormat.ZIP,
$$slots: { default: [create_default_slot_6] },
$$scope: { ctx }
};
if (
/*$store*/
ctx[7].ugoiraFormat !== void 0
) {
radioitem0_props.group = /*$store*/
ctx[7].ugoiraFormat;
}
radioitem0 = new RadioItem({ props: radioitem0_props });
binding_callbacks.push(() => bind(radioitem0, "group", radioitem0_group_binding));
function radioitem1_group_binding(value) {
ctx[14](value);
}
let radioitem1_props = {
name: "ugoiraFormat",
class: "text-sm",
value: UgoiraFormat.WEBM,
$$slots: { default: [create_default_slot_5] },
$$scope: { ctx }
};
if (
/*$store*/
ctx[7].ugoiraFormat !== void 0
) {
radioitem1_props.group = /*$store*/
ctx[7].ugoiraFormat;
}
radioitem1 = new RadioItem({ props: radioitem1_props });
binding_callbacks.push(() => bind(radioitem1, "group", radioitem1_group_binding));
function radioitem2_group_binding(value) {
ctx[15](value);
}
let radioitem2_props = {
disabled: !env.videoFrameSupported(),
class: "text-sm",
name: "ugoiraFormat",
value: UgoiraFormat.MP4,
$$slots: { default: [create_default_slot_4] },
$$scope: { ctx }
};
if (
/*$store*/
ctx[7].ugoiraFormat !== void 0
) {
radioitem2_props.group = /*$store*/
ctx[7].ugoiraFormat;
}
radioitem2 = new RadioItem({ props: radioitem2_props });
binding_callbacks.push(() => bind(radioitem2, "group", radioitem2_group_binding));
function radioitem3_group_binding(value) {
ctx[16](value);
}
let radioitem3_props = {
name: "ugoiraFormat",
class: "text-sm",
value: UgoiraFormat.WEBP,
$$slots: { default: [create_default_slot_3$2] },
$$scope: { ctx }
};
if (
/*$store*/
ctx[7].ugoiraFormat !== void 0
) {
radioitem3_props.group = /*$store*/
ctx[7].ugoiraFormat;
}
radioitem3 = new RadioItem({ props: radioitem3_props });
binding_callbacks.push(() => bind(radioitem3, "group", radioitem3_group_binding));
function radioitem4_group_binding(value) {
ctx[17](value);
}
let radioitem4_props = {
name: "ugoiraFormat",
class: "text-sm",
value: UgoiraFormat.GIF,
$$slots: { default: [create_default_slot_2$2] },
$$scope: { ctx }
};
if (
/*$store*/
ctx[7].ugoiraFormat !== void 0
) {
radioitem4_props.group = /*$store*/
ctx[7].ugoiraFormat;
}
radioitem4 = new RadioItem({ props: radioitem4_props });
binding_callbacks.push(() => bind(radioitem4, "group", radioitem4_group_binding));
function radioitem5_group_binding(value) {
ctx[18](value);
}
let radioitem5_props = {
name: "ugoiraFormat",
class: "text-sm",
value: UgoiraFormat.PNG,
$$slots: { default: [create_default_slot_1$2] },
$$scope: { ctx }
};
if (
/*$store*/
ctx[7].ugoiraFormat !== void 0
) {
radioitem5_props.group = /*$store*/
ctx[7].ugoiraFormat;
}
radioitem5 = new RadioItem({ props: radioitem5_props });
binding_callbacks.push(() => bind(radioitem5, "group", radioitem5_group_binding));
return {
c() {
create_component(radioitem0.$$.fragment);
t0 = space();
create_component(radioitem1.$$.fragment);
t1 = space();
create_component(radioitem2.$$.fragment);
t2 = space();
create_component(radioitem3.$$.fragment);
t3 = space();
create_component(radioitem4.$$.fragment);
t4 = space();
create_component(radioitem5.$$.fragment);
},
m(target, anchor) {
mount_component(radioitem0, target, anchor);
insert(target, t0, anchor);
mount_component(radioitem1, target, anchor);
insert(target, t1, anchor);
mount_component(radioitem2, target, anchor);
insert(target, t2, anchor);
mount_component(radioitem3, target, anchor);
insert(target, t3, anchor);
mount_component(radioitem4, target, anchor);
insert(target, t4, anchor);
mount_component(radioitem5, target, anchor);
current = true;
},
p(ctx2, dirty) {
const radioitem0_changes = {};
if (dirty[1] & /*$$scope*/
1) {
radioitem0_changes.$$scope = { dirty, ctx: ctx2 };
}
if (!updating_group && dirty[0] & /*$store*/
128) {
updating_group = true;
radioitem0_changes.group = /*$store*/
ctx2[7].ugoiraFormat;
add_flush_callback(() => updating_group = false);
}
radioitem0.$set(radioitem0_changes);
const radioitem1_changes = {};
if (dirty[1] & /*$$scope*/
1) {
radioitem1_changes.$$scope = { dirty, ctx: ctx2 };
}
if (!updating_group_1 && dirty[0] & /*$store*/
128) {
updating_group_1 = true;
radioitem1_changes.group = /*$store*/
ctx2[7].ugoiraFormat;
add_flush_callback(() => updating_group_1 = false);
}
radioitem1.$set(radioitem1_changes);
const radioitem2_changes = {};
if (dirty[1] & /*$$scope*/
1) {
radioitem2_changes.$$scope = { dirty, ctx: ctx2 };
}
if (!updating_group_2 && dirty[0] & /*$store*/
128) {
updating_group_2 = true;
radioitem2_changes.group = /*$store*/
ctx2[7].ugoiraFormat;
add_flush_callback(() => updating_group_2 = false);
}
radioitem2.$set(radioitem2_changes);
const radioitem3_changes = {};
if (dirty[1] & /*$$scope*/
1) {
radioitem3_changes.$$scope = { dirty, ctx: ctx2 };
}
if (!updating_group_3 && dirty[0] & /*$store*/
128) {
updating_group_3 = true;
radioitem3_changes.group = /*$store*/
ctx2[7].ugoiraFormat;
add_flush_callback(() => updating_group_3 = false);
}
radioitem3.$set(radioitem3_changes);
const radioitem4_changes = {};
if (dirty[1] & /*$$scope*/
1) {
radioitem4_changes.$$scope = { dirty, ctx: ctx2 };
}
if (!updating_group_4 && dirty[0] & /*$store*/
128) {
updating_group_4 = true;
radioitem4_changes.group = /*$store*/
ctx2[7].ugoiraFormat;
add_flush_callback(() => updating_group_4 = false);
}
radioitem4.$set(radioitem4_changes);
const radioitem5_changes = {};
if (dirty[1] & /*$$scope*/
1) {
radioitem5_changes.$$scope = { dirty, ctx: ctx2 };
}
if (!updating_group_5 && dirty[0] & /*$store*/
128) {
updating_group_5 = true;
radioitem5_changes.group = /*$store*/
ctx2[7].ugoiraFormat;
add_flush_callback(() => updating_group_5 = false);
}
radioitem5.$set(radioitem5_changes);
},
i(local) {
if (current) return;
transition_in(radioitem0.$$.fragment, local);
transition_in(radioitem1.$$.fragment, local);
transition_in(radioitem2.$$.fragment, local);
transition_in(radioitem3.$$.fragment, local);
transition_in(radioitem4.$$.fragment, local);
transition_in(radioitem5.$$.fragment, local);
current = true;
},
o(local) {
transition_out(radioitem0.$$.fragment, local);
transition_out(radioitem1.$$.fragment, local);
transition_out(radioitem2.$$.fragment, local);
transition_out(radioitem3.$$.fragment, local);
transition_out(radioitem4.$$.fragment, local);
transition_out(radioitem5.$$.fragment, local);
current = false;
},
d(detaching) {
if (detaching) {
detach(t0);
detach(t1);
detach(t2);
detach(t3);
detach(t4);
}
destroy_component(radioitem0, detaching);
destroy_component(radioitem1, detaching);
destroy_component(radioitem2, detaching);
destroy_component(radioitem3, detaching);
destroy_component(radioitem4, detaching);
destroy_component(radioitem5, detaching);
}
};
}
function create_each_block_1(ctx) {
let option;
let t_1_value = (
/*quality*/
ctx[26] + 1 + ""
);
let t_1;
return {
c() {
option = element("option");
t_1 = text(t_1_value);
option.__value = /*quality*/
ctx[26] + 1;
set_input_value(option, option.__value);
},
m(target, anchor) {
insert(target, option, anchor);
append(option, t_1);
},
p: noop,
d(detaching) {
if (detaching) {
detach(option);
}
}
};
}
function create_each_block$1(ctx) {
let option;
let t_1_value = (
/*quality*/
ctx[26] + ""
);
let t_1;
return {
c() {
option = element("option");
t_1 = text(t_1_value);
option.__value = /*quality*/
ctx[26];
set_input_value(option, option.__value);
},
m(target, anchor) {
insert(target, option, anchor);
append(option, t_1);
},
p: noop,
d(detaching) {
if (detaching) {
detach(option);
}
}
};
}
function create_fragment$6(ctx) {
let div5;
let section0;
let p0;
let t0_value = t("setting.ugoira.label.format") + "";
let t0;
let t1;
let ul0;
let li0;
let p1;
let t3;
let radiogroup;
let t4;
let section1;
let p2;
let t5_value = t("setting.ugoira.label.quality") + "";
let t5;
let t6;
let ul2;
let li1;
let div0;
let p3;
let t8;
let p4;
let t9_value = t("setting.ugoira.options.gif_tips") + "";
let t9;
let t10;
let select0;
let select0_class_value;
let t11;
let li2;
let div1;
let p5;
let t13;
let p6;
let t14_value = t("setting.ugoira.options.webm_tips") + "";
let t14;
let t15;
let input0;
let input0_class_value;
let t16;
let li6;
let p7;
let t18;
let ul1;
let li3;
let p8;
let t20;
let slidetoggle;
let updating_checked;
let t21;
let li4;
let div2;
let p9;
let t23;
let p10;
let t24_value = t("setting.ugoira.options.webp_quality_tips") + "";
let t24;
let t25;
let input1;
let input1_class_value;
let t26;
let li5;
let div3;
let p11;
let t28;
let p12;
let t29_value = t("setting.ugoira.options.webp_method_tips") + "";
let t29;
let t30;
let select1;
let select1_class_value;
let ul1_class_value;
let t31;
let li7;
let div4;
let p13;
let t33;
let p14;
let t34_value = t("setting.ugoira.options.png_tips") + "";
let t34;
let t35;
let input2;
let input2_class_value;
let current;
let mounted;
let dispose;
radiogroup = new RadioGroup({
props: {
class: "shrink-0",
$$slots: { default: [create_default_slot$3] },
$$scope: { ctx }
}
});
let each_value_1 = ensure_array_like(Array.from({ length: 20 }, func));
let each_blocks_1 = [];
for (let i = 0; i < each_value_1.length; i += 1) {
each_blocks_1[i] = create_each_block_1(get_each_context_1(ctx, each_value_1, i));
}
function slidetoggle_checked_binding(value) {
ctx[21](value);
}
let slidetoggle_props = { name: "fsa-enable", size: "sm" };
if (
/*$store*/
ctx[7].losslessWebp !== void 0
) {
slidetoggle_props.checked = /*$store*/
ctx[7].losslessWebp;
}
slidetoggle = new SlideToggle({ props: slidetoggle_props });
binding_callbacks.push(() => bind(slidetoggle, "checked", slidetoggle_checked_binding));
let each_value = ensure_array_like(Array.from({ length: 7 }, func_1));
let each_blocks = [];
for (let i = 0; i < each_value.length; i += 1) {
each_blocks[i] = create_each_block$1(get_each_context$1(ctx, each_value, i));
}
return {
c() {
div5 = element("div");
section0 = element("section");
p0 = element("p");
t0 = text(t0_value);
t1 = space();
ul0 = element("ul");
li0 = element("li");
p1 = element("p");
p1.textContent = `${t("setting.ugoira.options.select_format")}`;
t3 = space();
create_component(radiogroup.$$.fragment);
t4 = space();
section1 = element("section");
p2 = element("p");
t5 = text(t5_value);
t6 = space();
ul2 = element("ul");
li1 = element("li");
div0 = element("div");
p3 = element("p");
p3.textContent = "Gif";
t8 = space();
p4 = element("p");
t9 = text(t9_value);
t10 = space();
select0 = element("select");
for (let i = 0; i < each_blocks_1.length; i += 1) {
each_blocks_1[i].c();
}
t11 = space();
li2 = element("li");
div1 = element("div");
p5 = element("p");
p5.textContent = "Webm";
t13 = space();
p6 = element("p");
t14 = text(t14_value);
t15 = space();
input0 = element("input");
t16 = space();
li6 = element("li");
p7 = element("p");
p7.textContent = "Webp";
t18 = space();
ul1 = element("ul");
li3 = element("li");
p8 = element("p");
p8.textContent = `${t("setting.ugoira.options.webp_lossy")}`;
t20 = space();
create_component(slidetoggle.$$.fragment);
t21 = space();
li4 = element("li");
div2 = element("div");
p9 = element("p");
p9.textContent = `${t("setting.ugoira.options.webp_quality")}`;
t23 = space();
p10 = element("p");
t24 = text(t24_value);
t25 = space();
input1 = element("input");
t26 = space();
li5 = element("li");
div3 = element("div");
p11 = element("p");
p11.textContent = `${t("setting.ugoira.options.webp_method")}`;
t28 = space();
p12 = element("p");
t29 = text(t29_value);
t30 = space();
select1 = element("select");
for (let i = 0; i < each_blocks.length; i += 1) {
each_blocks[i].c();
}
t31 = space();
li7 = element("li");
div4 = element("div");
p13 = element("p");
p13.textContent = "Png";
t33 = space();
p14 = element("p");
t34 = text(t34_value);
t35 = space();
input2 = element("input");
attr(
p0,
"class",
/*sectionTitle*/
ctx[4]
);
attr(p1, "class", "flex-auto");
attr(
ul0,
"class",
/*ulClasses*/
ctx[6]
);
attr(
p2,
"class",
/*sectionTitle*/
ctx[4]
);
attr(
p4,
"class",
/*descritionText*/
ctx[2]
);
attr(div0, "class", "flex-auto");
attr(select0, "class", select0_class_value = "select " + /*inputClasses*/
ctx[5]);
if (
/*$store*/
ctx[7].gifQuality === void 0
) add_render_callback(() => (
/*select0_change_handler*/
ctx[19].call(select0)
));
attr(
p6,
"class",
/*descritionText*/
ctx[2]
);
attr(div1, "class", "flex-auto");
attr(input0, "type", "number");
attr(input0, "class", input0_class_value = "input " + /*inputClasses*/
ctx[5]);
attr(input0, "min", "0");
attr(input0, "max", "99");
attr(input0, "step", "1");
attr(p8, "class", "flex-auto");
attr(li3, "class", "items-center");
attr(
p10,
"class",
/*descritionText*/
ctx[2]
);
attr(div2, "class", "flex-auto");
attr(input1, "type", "number");
attr(input1, "class", input1_class_value = "input " + /*inputClasses*/
ctx[5]);
attr(input1, "min", "0");
attr(input1, "max", "100");
attr(input1, "step", "1");
attr(li4, "class", "items-center");
attr(
p12,
"class",
/*descritionText*/
ctx[2]
);
attr(div3, "class", "flex-auto");
attr(select1, "class", select1_class_value = "select " + /*inputClasses*/
ctx[5]);
if (
/*$store*/
ctx[7].webpMehtod === void 0
) add_render_callback(() => (
/*select1_change_handler*/
ctx[23].call(select1)
));
attr(li5, "class", "items-center");
attr(ul1, "class", ul1_class_value = "list " + /*border*/
ctx[0] + " " + /*rounded*/
ctx[1] + " [&:not(:last-child)]:*:py-4 [&:last-child]:*:pt-4");
attr(li6, "class", "flex-col !items-stretch");
attr(
p14,
"class",
/*descritionText*/
ctx[2]
);
attr(div4, "class", "flex-auto");
attr(input2, "type", "number");
attr(input2, "class", input2_class_value = "input " + /*inputClasses*/
ctx[5]);
attr(input2, "min", "0");
attr(input2, "max", "256");
attr(input2, "step", "1");
attr(
ul2,
"class",
/*ulClasses*/
ctx[6]
);
attr(
div5,
"class",
/*sectionSpace*/
ctx[3]
);
},
m(target, anchor) {
insert(target, div5, anchor);
append(div5, section0);
append(section0, p0);
append(p0, t0);
append(section0, t1);
append(section0, ul0);
append(ul0, li0);
append(li0, p1);
append(li0, t3);
mount_component(radiogroup, li0, null);
append(div5, t4);
append(div5, section1);
append(section1, p2);
append(p2, t5);
append(section1, t6);
append(section1, ul2);
append(ul2, li1);
append(li1, div0);
append(div0, p3);
append(div0, t8);
append(div0, p4);
append(p4, t9);
append(li1, t10);
append(li1, select0);
for (let i = 0; i < each_blocks_1.length; i += 1) {
if (each_blocks_1[i]) {
each_blocks_1[i].m(select0, null);
}
}
select_option(
select0,
/*$store*/
ctx[7].gifQuality,
true
);
append(ul2, t11);
append(ul2, li2);
append(li2, div1);
append(div1, p5);
append(div1, t13);
append(div1, p6);
append(p6, t14);
append(li2, t15);
append(li2, input0);
set_input_value(
input0,
/*$store*/
ctx[7].webmQuality
);
append(ul2, t16);
append(ul2, li6);
append(li6, p7);
append(li6, t18);
append(li6, ul1);
append(ul1, li3);
append(li3, p8);
append(li3, t20);
mount_component(slidetoggle, li3, null);
append(ul1, t21);
append(ul1, li4);
append(li4, div2);
append(div2, p9);
append(div2, t23);
append(div2, p10);
append(p10, t24);
append(li4, t25);
append(li4, input1);
set_input_value(
input1,
/*$store*/
ctx[7].webpQuality
);
append(ul1, t26);
append(ul1, li5);
append(li5, div3);
append(div3, p11);
append(div3, t28);
append(div3, p12);
append(p12, t29);
append(li5, t30);
append(li5, select1);
for (let i = 0; i < each_blocks.length; i += 1) {
if (each_blocks[i]) {
each_blocks[i].m(select1, null);
}
}
select_option(
select1,
/*$store*/
ctx[7].webpMehtod,
true
);
append(ul2, t31);
append(ul2, li7);
append(li7, div4);
append(div4, p13);
append(div4, t33);
append(div4, p14);
append(p14, t34);
append(li7, t35);
append(li7, input2);
set_input_value(
input2,
/*$store*/
ctx[7].pngColor
);
current = true;
if (!mounted) {
dispose = [
listen(
select0,
"change",
/*select0_change_handler*/
ctx[19]
),
listen(
input0,
"input",
/*input0_input_handler*/
ctx[20]
),
listen(
input1,
"input",
/*input1_input_handler*/
ctx[22]
),
listen(
select1,
"change",
/*select1_change_handler*/
ctx[23]
),
listen(
input2,
"input",
/*input2_input_handler*/
ctx[24]
)
];
mounted = true;
}
},
p(ctx2, dirty) {
if (!current || dirty[0] & /*sectionTitle*/
16) {
attr(
p0,
"class",
/*sectionTitle*/
ctx2[4]
);
}
const radiogroup_changes = {};
if (dirty[0] & /*$store*/
128 | dirty[1] & /*$$scope*/
1) {
radiogroup_changes.$$scope = { dirty, ctx: ctx2 };
}
radiogroup.$set(radiogroup_changes);
if (!current || dirty[0] & /*ulClasses*/
64) {
attr(
ul0,
"class",
/*ulClasses*/
ctx2[6]
);
}
if (!current || dirty[0] & /*sectionTitle*/
16) {
attr(
p2,
"class",
/*sectionTitle*/
ctx2[4]
);
}
if (!current || dirty[0] & /*descritionText*/
4) {
attr(
p4,
"class",
/*descritionText*/
ctx2[2]
);
}
if (dirty & /*Array*/
0) {
each_value_1 = ensure_array_like(Array.from({ length: 20 }, func));
let i;
for (i = 0; i < each_value_1.length; i += 1) {
const child_ctx = get_each_context_1(ctx2, each_value_1, i);
if (each_blocks_1[i]) {
each_blocks_1[i].p(child_ctx, dirty);
} else {
each_blocks_1[i] = create_each_block_1(child_ctx);
each_blocks_1[i].c();
each_blocks_1[i].m(select0, null);
}
}
for (; i < each_blocks_1.length; i += 1) {
each_blocks_1[i].d(1);
}
each_blocks_1.length = each_value_1.length;
}
if (!current || dirty[0] & /*inputClasses*/
32 && select0_class_value !== (select0_class_value = "select " + /*inputClasses*/
ctx2[5])) {
attr(select0, "class", select0_class_value);
}
if (dirty[0] & /*$store*/
128) {
select_option(
select0,
/*$store*/
ctx2[7].gifQuality
);
}
if (!current || dirty[0] & /*descritionText*/
4) {
attr(
p6,
"class",
/*descritionText*/
ctx2[2]
);
}
if (!current || dirty[0] & /*inputClasses*/
32 && input0_class_value !== (input0_class_value = "input " + /*inputClasses*/
ctx2[5])) {
attr(input0, "class", input0_class_value);
}
if (dirty[0] & /*$store*/
128 && to_number(input0.value) !== /*$store*/
ctx2[7].webmQuality) {
set_input_value(
input0,
/*$store*/
ctx2[7].webmQuality
);
}
const slidetoggle_changes = {};
if (!updating_checked && dirty[0] & /*$store*/
128) {
updating_checked = true;
slidetoggle_changes.checked = /*$store*/
ctx2[7].losslessWebp;
add_flush_callback(() => updating_checked = false);
}
slidetoggle.$set(slidetoggle_changes);
if (!current || dirty[0] & /*descritionText*/
4) {
attr(
p10,
"class",
/*descritionText*/
ctx2[2]
);
}
if (!current || dirty[0] & /*inputClasses*/
32 && input1_class_value !== (input1_class_value = "input " + /*inputClasses*/
ctx2[5])) {
attr(input1, "class", input1_class_value);
}
if (dirty[0] & /*$store*/
128 && to_number(input1.value) !== /*$store*/
ctx2[7].webpQuality) {
set_input_value(
input1,
/*$store*/
ctx2[7].webpQuality
);
}
if (!current || dirty[0] & /*descritionText*/
4) {
attr(
p12,
"class",
/*descritionText*/
ctx2[2]
);
}
if (dirty & /*Array*/
0) {
each_value = ensure_array_like(Array.from({ length: 7 }, func_1));
let i;
for (i = 0; i < each_value.length; i += 1) {
const child_ctx = get_each_context$1(ctx2, each_value, i);
if (each_blocks[i]) {
each_blocks[i].p(child_ctx, dirty);
} else {
each_blocks[i] = create_each_block$1(child_ctx);
each_blocks[i].c();
each_blocks[i].m(select1, null);
}
}
for (; i < each_blocks.length; i += 1) {
each_blocks[i].d(1);
}
each_blocks.length = each_value.length;
}
if (!current || dirty[0] & /*inputClasses*/
32 && select1_class_value !== (select1_class_value = "select " + /*inputClasses*/
ctx2[5])) {
attr(select1, "class", select1_class_value);
}
if (dirty[0] & /*$store*/
128) {
select_option(
select1,
/*$store*/
ctx2[7].webpMehtod
);
}
if (!current || dirty[0] & /*border, rounded*/
3 && ul1_class_value !== (ul1_class_value = "list " + /*border*/
ctx2[0] + " " + /*rounded*/
ctx2[1] + " [&:not(:last-child)]:*:py-4 [&:last-child]:*:pt-4")) {
attr(ul1, "class", ul1_class_value);
}
if (!current || dirty[0] & /*descritionText*/
4) {
attr(
p14,
"class",
/*descritionText*/
ctx2[2]
);
}
if (!current || dirty[0] & /*inputClasses*/
32 && input2_class_value !== (input2_class_value = "input " + /*inputClasses*/
ctx2[5])) {
attr(input2, "class", input2_class_value);
}
if (dirty[0] & /*$store*/
128 && to_number(input2.value) !== /*$store*/
ctx2[7].pngColor) {
set_input_value(
input2,
/*$store*/
ctx2[7].pngColor
);
}
if (!current || dirty[0] & /*ulClasses*/
64) {
attr(
ul2,
"class",
/*ulClasses*/
ctx2[6]
);
}
if (!current || dirty[0] & /*sectionSpace*/
8) {
attr(
div5,
"class",
/*sectionSpace*/
ctx2[3]
);
}
},
i(local) {
if (current) return;
transition_in(radiogroup.$$.fragment, local);
transition_in(slidetoggle.$$.fragment, local);
current = true;
},
o(local) {
transition_out(radiogroup.$$.fragment, local);
transition_out(slidetoggle.$$.fragment, local);
current = false;
},
d(detaching) {
if (detaching) {
detach(div5);
}
destroy_component(radiogroup);
destroy_each(each_blocks_1, detaching);
destroy_component(slidetoggle);
destroy_each(each_blocks, detaching);
mounted = false;
run_all(dispose);
}
};
}
const func = (_, idx) => idx;
const func_1 = (_, idx) => idx;
function instance$6($$self, $$props, $$invalidate) {
let ulClasses;
let inputClasses;
let $store;
component_subscribe($$self, configStore, ($$value) => $$invalidate(7, $store = $$value));
let { bg = "bg-white/30 dark:bg-black/15" } = $$props;
let { border = "divide-y-[1px] *:border-surface-300-600-token" } = $$props;
let { padding = "px-4 *:py-4" } = $$props;
let { margin = "mt-2 *:!m-0" } = $$props;
let { rounded = "rounded-container-token *:!rounded-none" } = $$props;
let { descritionText = "text-sm text-surface-400" } = $$props;
let { inputRounded = "rounded-full" } = $$props;
let { inputWidth = "w-32" } = $$props;
let { sectionSpace = `space-y-4` } = $$props;
let { sectionTitle = "font-bold" } = $$props;
function radioitem0_group_binding(value) {
if ($$self.$$.not_equal($store.ugoiraFormat, value)) {
$store.ugoiraFormat = value;
configStore.set($store);
}
}
function radioitem1_group_binding(value) {
if ($$self.$$.not_equal($store.ugoiraFormat, value)) {
$store.ugoiraFormat = value;
configStore.set($store);
}
}
function radioitem2_group_binding(value) {
if ($$self.$$.not_equal($store.ugoiraFormat, value)) {
$store.ugoiraFormat = value;
configStore.set($store);
}
}
function radioitem3_group_binding(value) {
if ($$self.$$.not_equal($store.ugoiraFormat, value)) {
$store.ugoiraFormat = value;
configStore.set($store);
}
}
function radioitem4_group_binding(value) {
if ($$self.$$.not_equal($store.ugoiraFormat, value)) {
$store.ugoiraFormat = value;
configStore.set($store);
}
}
function radioitem5_group_binding(value) {
if ($$self.$$.not_equal($store.ugoiraFormat, value)) {
$store.ugoiraFormat = value;
configStore.set($store);
}
}
function select0_change_handler() {
$store.gifQuality = select_value(this);
configStore.set($store);
}
function input0_input_handler() {
$store.webmQuality = to_number(this.value);
configStore.set($store);
}
function slidetoggle_checked_binding(value) {
if ($$self.$$.not_equal($store.losslessWebp, value)) {
$store.losslessWebp = value;
configStore.set($store);
}
}
function input1_input_handler() {
$store.webpQuality = to_number(this.value);
configStore.set($store);
}
function select1_change_handler() {
$store.webpMehtod = select_value(this);
configStore.set($store);
}
function input2_input_handler() {
$store.pngColor = to_number(this.value);
configStore.set($store);
}
$$self.$$set = ($$new_props) => {
$$invalidate(25, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
if ("bg" in $$new_props) $$invalidate(8, bg = $$new_props.bg);
if ("border" in $$new_props) $$invalidate(0, border = $$new_props.border);
if ("padding" in $$new_props) $$invalidate(9, padding = $$new_props.padding);
if ("margin" in $$new_props) $$invalidate(10, margin = $$new_props.margin);
if ("rounded" in $$new_props) $$invalidate(1, rounded = $$new_props.rounded);
if ("descritionText" in $$new_props) $$invalidate(2, descritionText = $$new_props.descritionText);
if ("inputRounded" in $$new_props) $$invalidate(11, inputRounded = $$new_props.inputRounded);
if ("inputWidth" in $$new_props) $$invalidate(12, inputWidth = $$new_props.inputWidth);
if ("sectionSpace" in $$new_props) $$invalidate(3, sectionSpace = $$new_props.sectionSpace);
if ("sectionTitle" in $$new_props) $$invalidate(4, sectionTitle = $$new_props.sectionTitle);
};
$$self.$$.update = () => {
$$invalidate(6, ulClasses = `list *:items-center ${padding} ${margin} ${border} ${bg} ${rounded} ${$$props.class ?? ""}`);
if ($$self.$$.dirty[0] & /*inputWidth, inputRounded*/
6144) {
$$invalidate(5, inputClasses = `${inputWidth} ${inputRounded} shrink-0`);
}
};
$$props = exclude_internal_props($$props);
return [
border,
rounded,
descritionText,
sectionSpace,
sectionTitle,
inputClasses,
ulClasses,
$store,
bg,
padding,
margin,
inputRounded,
inputWidth,
radioitem0_group_binding,
radioitem1_group_binding,
radioitem2_group_binding,
radioitem3_group_binding,
radioitem4_group_binding,
radioitem5_group_binding,
select0_change_handler,
input0_input_handler,
slidetoggle_checked_binding,
input1_input_handler,
select1_change_handler,
input2_input_handler
];
}
class UgoiraConvert extends SvelteComponent {
constructor(options) {
super();
init(
this,
options,
instance$6,
create_fragment$6,
safe_not_equal,
{
bg: 8,
border: 0,
padding: 9,
margin: 10,
rounded: 1,
descritionText: 2,
inputRounded: 11,
inputWidth: 12,
sectionSpace: 3,
sectionTitle: 4
},
null,
[-1, -1]
);
}
}
function create_default_slot$2(ctx) {
let t_1_value = t("setting.history.button.import") + "";
let t_1;
return {
c() {
t_1 = text(t_1_value);
},
m(target, anchor) {
insert(target, t_1, anchor);
},
p: noop,
d(detaching) {
if (detaching) {
detach(t_1);
}
}
};
}
function create_fragment$5(ctx) {
let div;
let section0;
let p0;
let t0_value = t("setting.history.label.export") + "";
let t0;
let t1;
let ul0;
let li0;
let p1;
let t3;
let button0;
let t5;
let li1;
let p2;
let t7;
let button1;
let t9;
let section1;
let p3;
let t10_value = t("setting.history.label.import") + "";
let t10;
let t11;
let ul1;
let li2;
let p4;
let t13;
let filebutton;
let t14;
let section2;
let p5;
let t15_value = t("setting.history.label.clear") + "";
let t15;
let t16;
let ul2;
let li3;
let p6;
let t18;
let button2;
let current;
let mounted;
let dispose;
filebutton = new FileButton({
props: {
name: "import-file",
accept: ".json",
$$slots: { default: [create_default_slot$2] },
$$scope: { ctx }
}
});
filebutton.$on(
"change",
/*importJSON*/
ctx[3]
);
return {
c() {
div = element("div");
section0 = element("section");
p0 = element("p");
t0 = text(t0_value);
t1 = space();
ul0 = element("ul");
li0 = element("li");
p1 = element("p");
p1.textContent = `${t("setting.history.options.export_as_json")}`;
t3 = space();
button0 = element("button");
button0.textContent = `${t("setting.history.button.export")}`;
t5 = space();
li1 = element("li");
p2 = element("p");
p2.textContent = `${t("setting.history.options.export_as_csv")}`;
t7 = space();
button1 = element("button");
button1.textContent = `${t("setting.history.button.export")}`;
t9 = space();
section1 = element("section");
p3 = element("p");
t10 = text(t10_value);
t11 = space();
ul1 = element("ul");
li2 = element("li");
p4 = element("p");
p4.textContent = `${t("setting.history.options.import_json")}`;
t13 = space();
create_component(filebutton.$$.fragment);
t14 = space();
section2 = element("section");
p5 = element("p");
t15 = text(t15_value);
t16 = space();
ul2 = element("ul");
li3 = element("li");
p6 = element("p");
p6.textContent = `${t("setting.history.options.clear_history")}`;
t18 = space();
button2 = element("button");
button2.textContent = `${t("setting.history.button.clear")}`;
attr(
p0,
"class",
/*sectionTitle*/
ctx[1]
);
attr(p1, "class", "flex-auto");
attr(button0, "class", "btn variant-filled");
attr(p2, "class", "flex-auto");
attr(button1, "class", "btn variant-filled");
attr(
ul0,
"class",
/*ulClasses*/
ctx[2]
);
attr(
p3,
"class",
/*sectionTitle*/
ctx[1]
);
attr(p4, "class", "flex-auto");
attr(
ul1,
"class",
/*ulClasses*/
ctx[2]
);
attr(
p5,
"class",
/*sectionTitle*/
ctx[1]
);
attr(p6, "class", "flex-auto");
attr(button2, "class", "btn variant-filled");
attr(
ul2,
"class",
/*ulClasses*/
ctx[2]
);
attr(
div,
"class",
/*sectionSpace*/
ctx[0]
);
},
m(target, anchor) {
insert(target, div, anchor);
append(div, section0);
append(section0, p0);
append(p0, t0);
append(section0, t1);
append(section0, ul0);
append(ul0, li0);
append(li0, p1);
append(li0, t3);
append(li0, button0);
append(ul0, t5);
append(ul0, li1);
append(li1, p2);
append(li1, t7);
append(li1, button1);
append(div, t9);
append(div, section1);
append(section1, p3);
append(p3, t10);
append(section1, t11);
append(section1, ul1);
append(ul1, li2);
append(li2, p4);
append(li2, t13);
mount_component(filebutton, li2, null);
append(div, t14);
append(div, section2);
append(section2, p5);
append(p5, t15);
append(section2, t16);
append(section2, ul2);
append(ul2, li3);
append(li3, p6);
append(li3, t18);
append(li3, button2);
current = true;
if (!mounted) {
dispose = [
listen(
button0,
"click",
/*exportAsJSON*/
ctx[4]
),
listen(
button1,
"click",
/*exportAsCSV*/
ctx[5]
),
listen(
button2,
"click",
/*clearDb*/
ctx[6]
)
];
mounted = true;
}
},
p(ctx2, [dirty]) {
if (!current || dirty & /*sectionTitle*/
2) {
attr(
p0,
"class",
/*sectionTitle*/
ctx2[1]
);
}
if (!current || dirty & /*ulClasses*/
4) {
attr(
ul0,
"class",
/*ulClasses*/
ctx2[2]
);
}
if (!current || dirty & /*sectionTitle*/
2) {
attr(
p3,
"class",
/*sectionTitle*/
ctx2[1]
);
}
const filebutton_changes = {};
if (dirty & /*$$scope*/
8192) {
filebutton_changes.$$scope = { dirty, ctx: ctx2 };
}
filebutton.$set(filebutton_changes);
if (!current || dirty & /*ulClasses*/
4) {
attr(
ul1,
"class",
/*ulClasses*/
ctx2[2]
);
}
if (!current || dirty & /*sectionTitle*/
2) {
attr(
p5,
"class",
/*sectionTitle*/
ctx2[1]
);
}
if (!current || dirty & /*ulClasses*/
4) {
attr(
ul2,
"class",
/*ulClasses*/
ctx2[2]
);
}
if (!current || dirty & /*sectionSpace*/
1) {
attr(
div,
"class",
/*sectionSpace*/
ctx2[0]
);
}
},
i(local) {
if (current) return;
transition_in(filebutton.$$.fragment, local);
current = true;
},
o(local) {
transition_out(filebutton.$$.fragment, local);
current = false;
},
d(detaching) {
if (detaching) {
detach(div);
}
destroy_component(filebutton);
mounted = false;
run_all(dispose);
}
};
}
function readHistoryFile(type, file) {
return new Promise((resolve) => {
if (file.type !== type) throw new Error("Invalid file");
const reader = new FileReader();
reader.readAsText(file);
reader.onload = (readEvt) => {
var _a;
const text2 = (_a = readEvt.target) == null ? void 0 : _a.result;
if (typeof text2 !== "string") throw new Error("Invalid file");
const history = JSON.parse(text2);
if (!(history instanceof Array)) throw new Error("Invalid file");
resolve(history);
};
});
}
function instance$5($$self, $$props, $$invalidate) {
let ulClasses;
let { bg = "bg-white/30 dark:bg-black/15" } = $$props;
let { border = "divide-y-[1px] *:border-surface-300-600-token" } = $$props;
let { padding = "px-4 *:py-4" } = $$props;
let { margin = "mt-2 *:!m-0" } = $$props;
let { rounded = "rounded-container-token *:!rounded-none" } = $$props;
let { sectionSpace = `space-y-4` } = $$props;
let { sectionTitle = "font-bold" } = $$props;
function importJSON(evt) {
var _a;
const file = (_a = evt.currentTarget.files) == null ? void 0 : _a[0];
if (!file) return;
readHistoryFile("application/json", file).then((data2) => historyDb.bulkAdd(data2)).then(() => location.reload()).catch((err) => alert(err == null ? void 0 : err.message));
}
function exportAsJSON() {
historyDb.getAll().then((datas) => {
const str = JSON.stringify(datas);
const dlEle = document.createElement("a");
dlEle.href = URL.createObjectURL(new Blob([str], { type: "application/json" }));
dlEle.download = "Pixiv Downloader " + (/* @__PURE__ */ new Date()).toLocaleString() + ".json";
dlEle.click();
URL.revokeObjectURL(dlEle.href);
});
}
function exportAsCSV() {
historyDb.getAll().then((datas) => {
const csvData = datas.map((historyData) => {
const { pid, userId = "", user = "", title = "", tags = "" } = historyData;
return [String(pid), String(userId), user, title, tags ? tags.join(",") : tags];
});
csvData.unshift(["id", "userId", "user", "title", "tags"]);
const csv = generateCsv(csvData);
const dlEle = document.createElement("a");
dlEle.href = URL.createObjectURL(csv);
dlEle.download = "Pixiv Downloader " + (/* @__PURE__ */ new Date()).toLocaleString() + ".csv";
dlEle.click();
URL.revokeObjectURL(dlEle.href);
});
}
function clearDb() {
const isConfirm = confirm(t("text.confirm_clear_history"));
if (!isConfirm) return;
historyDb.clear().then(() => location.reload());
}
$$self.$$set = ($$new_props) => {
$$invalidate(12, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
if ("bg" in $$new_props) $$invalidate(7, bg = $$new_props.bg);
if ("border" in $$new_props) $$invalidate(8, border = $$new_props.border);
if ("padding" in $$new_props) $$invalidate(9, padding = $$new_props.padding);
if ("margin" in $$new_props) $$invalidate(10, margin = $$new_props.margin);
if ("rounded" in $$new_props) $$invalidate(11, rounded = $$new_props.rounded);
if ("sectionSpace" in $$new_props) $$invalidate(0, sectionSpace = $$new_props.sectionSpace);
if ("sectionTitle" in $$new_props) $$invalidate(1, sectionTitle = $$new_props.sectionTitle);
};
$$self.$$.update = () => {
$$invalidate(2, ulClasses = `list *:items-center ${padding} ${margin} ${border} ${bg} ${rounded} ${$$props.class ?? ""}`);
};
$$props = exclude_internal_props($$props);
return [
sectionSpace,
sectionTitle,
ulClasses,
importJSON,
exportAsJSON,
exportAsCSV,
clearDb,
bg,
border,
padding,
margin,
rounded
];
}
class DownloadHistory extends SvelteComponent {
constructor(options) {
super();
init(this, options, instance$5, create_fragment$5, safe_not_equal, {
bg: 7,
border: 8,
padding: 9,
margin: 10,
rounded: 11,
sectionSpace: 0,
sectionTitle: 1
});
}
}
function create_default_slot_3$1(ctx) {
let div1;
let p;
let t1;
let div0;
let t2;
let t3;
let t4;
return {
c() {
div1 = element("div");
p = element("p");
p.textContent = `${t("setting.button_position.options.horizon_position")}`;
t1 = space();
div0 = element("div");
t2 = text(
/*btnLeft*/
ctx[3]
);
t3 = text(" / ");
t4 = text(max);
attr(div0, "class", "text-xs");
attr(div1, "class", "flex justify-between items-center");
},
m(target, anchor) {
insert(target, div1, anchor);
append(div1, p);
append(div1, t1);
append(div1, div0);
append(div0, t2);
append(div0, t3);
append(div0, t4);
},
p(ctx2, dirty) {
if (dirty & /*btnLeft*/
8) set_data(
t2,
/*btnLeft*/
ctx2[3]
);
},
d(detaching) {
if (detaching) {
detach(div1);
}
}
};
}
function create_default_slot_2$1(ctx) {
let div1;
let p;
let t1;
let div0;
let t2;
let t3;
let t4;
return {
c() {
div1 = element("div");
p = element("p");
p.textContent = `${t("setting.button_position.options.vertical_position")}`;
t1 = space();
div0 = element("div");
t2 = text(
/*btnTop*/
ctx[4]
);
t3 = text(" / ");
t4 = text(max);
attr(div0, "class", "text-xs");
attr(div1, "class", "flex justify-between items-center");
},
m(target, anchor) {
insert(target, div1, anchor);
append(div1, p);
append(div1, t1);
append(div1, div0);
append(div0, t2);
append(div0, t3);
append(div0, t4);
},
p(ctx2, dirty) {
if (dirty & /*btnTop*/
16) set_data(
t2,
/*btnTop*/
ctx2[4]
);
},
d(detaching) {
if (detaching) {
detach(div1);
}
}
};
}
function create_if_block$3(ctx) {
let section;
let p;
let t0_value = t("setting.button_position.label.my_bookmark") + "";
let t0;
let t1;
let ul;
let li;
let rangeslider0;
let updating_value;
let t2;
let rangeslider1;
let updating_value_1;
let current;
function rangeslider0_value_binding_1(value) {
ctx[19](value);
}
let rangeslider0_props = {
name: "pdl-bookmark-btn-left",
step,
max,
ticked: true,
class: "flex-grow",
$$slots: { default: [create_default_slot_1$1] },
$$scope: { ctx }
};
if (
/*bookmarkBtnLeft*/
ctx[5] !== void 0
) {
rangeslider0_props.value = /*bookmarkBtnLeft*/
ctx[5];
}
rangeslider0 = new RangeSlider({ props: rangeslider0_props });
binding_callbacks.push(() => bind(rangeslider0, "value", rangeslider0_value_binding_1));
rangeslider0.$on(
"change",
/*change_handler_2*/
ctx[20]
);
function rangeslider1_value_binding_1(value) {
ctx[21](value);
}
let rangeslider1_props = {
name: "pdl-bookmark-btn-top",
step,
max,
ticked: true,
class: "flex-grow",
$$slots: { default: [create_default_slot$1] },
$$scope: { ctx }
};
if (
/*bookmarkBtnTop*/
ctx[6] !== void 0
) {
rangeslider1_props.value = /*bookmarkBtnTop*/
ctx[6];
}
rangeslider1 = new RangeSlider({ props: rangeslider1_props });
binding_callbacks.push(() => bind(rangeslider1, "value", rangeslider1_value_binding_1));
rangeslider1.$on(
"change",
/*change_handler_3*/
ctx[22]
);
return {
c() {
section = element("section");
p = element("p");
t0 = text(t0_value);
t1 = space();
ul = element("ul");
li = element("li");
create_component(rangeslider0.$$.fragment);
t2 = space();
create_component(rangeslider1.$$.fragment);
attr(
p,
"class",
/*sectionTitle*/
ctx[2]
);
attr(li, "class", "flex-col !items-stretch md:flex-row md:!items-baseline gap-4 *:!m-0");
attr(
ul,
"class",
/*ulClasses*/
ctx[8]
);
},
m(target, anchor) {
insert(target, section, anchor);
append(section, p);
append(p, t0);
append(section, t1);
append(section, ul);
append(ul, li);
mount_component(rangeslider0, li, null);
append(li, t2);
mount_component(rangeslider1, li, null);
current = true;
},
p(ctx2, dirty) {
if (!current || dirty & /*sectionTitle*/
4) {
attr(
p,
"class",
/*sectionTitle*/
ctx2[2]
);
}
const rangeslider0_changes = {};
if (dirty & /*$$scope, bookmarkBtnLeft*/
134217760) {
rangeslider0_changes.$$scope = { dirty, ctx: ctx2 };
}
if (!updating_value && dirty & /*bookmarkBtnLeft*/
32) {
updating_value = true;
rangeslider0_changes.value = /*bookmarkBtnLeft*/
ctx2[5];
add_flush_callback(() => updating_value = false);
}
rangeslider0.$set(rangeslider0_changes);
const rangeslider1_changes = {};
if (dirty & /*$$scope, bookmarkBtnTop*/
134217792) {
rangeslider1_changes.$$scope = { dirty, ctx: ctx2 };
}
if (!updating_value_1 && dirty & /*bookmarkBtnTop*/
64) {
updating_value_1 = true;
rangeslider1_changes.value = /*bookmarkBtnTop*/
ctx2[6];
add_flush_callback(() => updating_value_1 = false);
}
rangeslider1.$set(rangeslider1_changes);
if (!current || dirty & /*ulClasses*/
256) {
attr(
ul,
"class",
/*ulClasses*/
ctx2[8]
);
}
},
i(local) {
if (current) return;
transition_in(rangeslider0.$$.fragment, local);
transition_in(rangeslider1.$$.fragment, local);
current = true;
},
o(local) {
transition_out(rangeslider0.$$.fragment, local);
transition_out(rangeslider1.$$.fragment, local);
current = false;
},
d(detaching) {
if (detaching) {
detach(section);
}
destroy_component(rangeslider0);
destroy_component(rangeslider1);
}
};
}
function create_default_slot_1$1(ctx) {
let div1;
let p;
let t1;
let div0;
let t2;
let t3;
let t4;
return {
c() {
div1 = element("div");
p = element("p");
p.textContent = `${t("setting.button_position.options.horizon_position")}`;
t1 = space();
div0 = element("div");
t2 = text(
/*bookmarkBtnLeft*/
ctx[5]
);
t3 = text(" / ");
t4 = text(max);
attr(div0, "class", "text-xs");
attr(div1, "class", "flex justify-between items-center");
},
m(target, anchor) {
insert(target, div1, anchor);
append(div1, p);
append(div1, t1);
append(div1, div0);
append(div0, t2);
append(div0, t3);
append(div0, t4);
},
p(ctx2, dirty) {
if (dirty & /*bookmarkBtnLeft*/
32) set_data(
t2,
/*bookmarkBtnLeft*/
ctx2[5]
);
},
d(detaching) {
if (detaching) {
detach(div1);
}
}
};
}
function create_default_slot$1(ctx) {
let div1;
let p;
let t1;
let div0;
let t2;
let t3;
let t4;
return {
c() {
div1 = element("div");
p = element("p");
p.textContent = `${t("setting.button_position.options.vertical_position")}`;
t1 = space();
div0 = element("div");
t2 = text(
/*bookmarkBtnTop*/
ctx[6]
);
t3 = text(" / ");
t4 = text(max);
attr(div0, "class", "text-xs");
attr(div1, "class", "flex justify-between items-center");
},
m(target, anchor) {
insert(target, div1, anchor);
append(div1, p);
append(div1, t1);
append(div1, div0);
append(div0, t2);
append(div0, t3);
append(div0, t4);
},
p(ctx2, dirty) {
if (dirty & /*bookmarkBtnTop*/
64) set_data(
t2,
/*bookmarkBtnTop*/
ctx2[6]
);
},
d(detaching) {
if (detaching) {
detach(div1);
}
}
};
}
function create_fragment$4(ctx) {
let div2;
let div1;
let div0;
let div0_class_value;
let t0;
let section;
let p;
let t1_value = t("setting.button_position.label.common") + "";
let t1;
let t2;
let ul;
let li;
let rangeslider0;
let updating_value;
let t3;
let rangeslider1;
let updating_value_1;
let t4;
let show_if = env.isPixiv();
let current;
function rangeslider0_value_binding(value) {
ctx[15](value);
}
let rangeslider0_props = {
name: "pdl-btn-left",
step,
max,
ticked: true,
class: "flex-grow",
$$slots: { default: [create_default_slot_3$1] },
$$scope: { ctx }
};
if (
/*btnLeft*/
ctx[3] !== void 0
) {
rangeslider0_props.value = /*btnLeft*/
ctx[3];
}
rangeslider0 = new RangeSlider({ props: rangeslider0_props });
binding_callbacks.push(() => bind(rangeslider0, "value", rangeslider0_value_binding));
rangeslider0.$on(
"change",
/*change_handler*/
ctx[16]
);
function rangeslider1_value_binding(value) {
ctx[17](value);
}
let rangeslider1_props = {
name: "pdl-btn-top",
step,
max,
ticked: true,
class: "flex-grow",
$$slots: { default: [create_default_slot_2$1] },
$$scope: { ctx }
};
if (
/*btnTop*/
ctx[4] !== void 0
) {
rangeslider1_props.value = /*btnTop*/
ctx[4];
}
rangeslider1 = new RangeSlider({ props: rangeslider1_props });
binding_callbacks.push(() => bind(rangeslider1, "value", rangeslider1_value_binding));
rangeslider1.$on(
"change",
/*change_handler_1*/
ctx[18]
);
let if_block = show_if && create_if_block$3(ctx);
return {
c() {
div2 = element("div");
div1 = element("div");
div0 = element("div");
t0 = space();
section = element("section");
p = element("p");
t1 = text(t1_value);
t2 = space();
ul = element("ul");
li = element("li");
create_component(rangeslider0.$$.fragment);
t3 = space();
create_component(rangeslider1.$$.fragment);
t4 = space();
if (if_block) if_block.c();
attr(div0, "class", div0_class_value = "w-48 h-48 backdrop-blur-sm rounded-lg relative " + /*bg*/
ctx[0]);
attr(div1, "class", "flex items-center justify-center");
attr(
p,
"class",
/*sectionTitle*/
ctx[2]
);
attr(li, "class", "flex-col !items-stretch md:flex-row md:!items-baseline gap-4 *:!m-0");
attr(
ul,
"class",
/*ulClasses*/
ctx[8]
);
attr(
div2,
"class",
/*sectionSpace*/
ctx[1]
);
},
m(target, anchor) {
insert(target, div2, anchor);
append(div2, div1);
append(div1, div0);
ctx[14](div0);
append(div2, t0);
append(div2, section);
append(section, p);
append(p, t1);
append(section, t2);
append(section, ul);
append(ul, li);
mount_component(rangeslider0, li, null);
append(li, t3);
mount_component(rangeslider1, li, null);
append(div2, t4);
if (if_block) if_block.m(div2, null);
current = true;
},
p(ctx2, [dirty]) {
if (!current || dirty & /*bg*/
1 && div0_class_value !== (div0_class_value = "w-48 h-48 backdrop-blur-sm rounded-lg relative " + /*bg*/
ctx2[0])) {
attr(div0, "class", div0_class_value);
}
if (!current || dirty & /*sectionTitle*/
4) {
attr(
p,
"class",
/*sectionTitle*/
ctx2[2]
);
}
const rangeslider0_changes = {};
if (dirty & /*$$scope, btnLeft*/
134217736) {
rangeslider0_changes.$$scope = { dirty, ctx: ctx2 };
}
if (!updating_value && dirty & /*btnLeft*/
8) {
updating_value = true;
rangeslider0_changes.value = /*btnLeft*/
ctx2[3];
add_flush_callback(() => updating_value = false);
}
rangeslider0.$set(rangeslider0_changes);
const rangeslider1_changes = {};
if (dirty & /*$$scope, btnTop*/
134217744) {
rangeslider1_changes.$$scope = { dirty, ctx: ctx2 };
}
if (!updating_value_1 && dirty & /*btnTop*/
16) {
updating_value_1 = true;
rangeslider1_changes.value = /*btnTop*/
ctx2[4];
add_flush_callback(() => updating_value_1 = false);
}
rangeslider1.$set(rangeslider1_changes);
if (!current || dirty & /*ulClasses*/
256) {
attr(
ul,
"class",
/*ulClasses*/
ctx2[8]
);
}
if (show_if) if_block.p(ctx2, dirty);
if (!current || dirty & /*sectionSpace*/
2) {
attr(
div2,
"class",
/*sectionSpace*/
ctx2[1]
);
}
},
i(local) {
if (current) return;
transition_in(rangeslider0.$$.fragment, local);
transition_in(rangeslider1.$$.fragment, local);
transition_in(if_block);
current = true;
},
o(local) {
transition_out(rangeslider0.$$.fragment, local);
transition_out(rangeslider1.$$.fragment, local);
transition_out(if_block);
current = false;
},
d(detaching) {
if (detaching) {
detach(div2);
}
ctx[14](null);
destroy_component(rangeslider0);
destroy_component(rangeslider1);
if (if_block) if_block.d();
}
};
}
const max = 100;
const step = 4;
function changeCssProp(key, value) {
document.documentElement.style.setProperty(key, String(value));
}
function instance$4($$self, $$props, $$invalidate) {
let ulClasses;
let $store;
component_subscribe($$self, configStore, ($$value) => $$invalidate(23, $store = $$value));
let { bg = "bg-white/30 dark:bg-black/15" } = $$props;
let { border = "divide-y-[1px] *:border-surface-300-600-token" } = $$props;
let { padding = "px-4 *:py-4" } = $$props;
let { margin = "mt-2 *:!m-0" } = $$props;
let { rounded = "rounded-container-token *:!rounded-none" } = $$props;
let { sectionSpace = `space-y-4` } = $$props;
let { sectionTitle = "font-bold" } = $$props;
let btnLeft = $store["pdl-btn-left"];
let btnTop = $store["pdl-btn-top"];
let bookmarkBtnLeft = $store["pdl-btn-self-bookmark-left"];
let bookmarkBtnTop = $store["pdl-btn-self-bookmark-top"];
function updateBtnPosConfig(key, val) {
set_store_value(configStore, $store[key] = val, $store);
}
let buttonContainer;
const sampleBtn = new ThumbnailButton({ id: "sample", onClick: () => void 0 });
const sampleBookmarkBtn = new ThumbnailButton({
id: "sample-bookmark",
type: ThumbnailBtnType.PixivMyBookmark,
onClick: () => void 0
});
sampleBtn.setAttribute("disabled", "");
sampleBookmarkBtn.setAttribute("disabled", "");
sampleBookmarkBtn.setAttribute("status", "complete");
onMount(() => {
buttonContainer.appendChild(sampleBtn);
if (env.isPixiv()) {
buttonContainer.appendChild(sampleBookmarkBtn);
}
});
function div0_binding($$value) {
binding_callbacks[$$value ? "unshift" : "push"](() => {
buttonContainer = $$value;
$$invalidate(7, buttonContainer);
});
}
function rangeslider0_value_binding(value) {
btnLeft = value;
$$invalidate(3, btnLeft);
}
const change_handler = () => updateBtnPosConfig("pdl-btn-left", btnLeft);
function rangeslider1_value_binding(value) {
btnTop = value;
$$invalidate(4, btnTop);
}
const change_handler_1 = () => updateBtnPosConfig("pdl-btn-top", btnTop);
function rangeslider0_value_binding_1(value) {
bookmarkBtnLeft = value;
$$invalidate(5, bookmarkBtnLeft);
}
const change_handler_2 = () => updateBtnPosConfig("pdl-btn-self-bookmark-left", bookmarkBtnLeft);
function rangeslider1_value_binding_1(value) {
bookmarkBtnTop = value;
$$invalidate(6, bookmarkBtnTop);
}
const change_handler_3 = () => updateBtnPosConfig("pdl-btn-self-bookmark-top", bookmarkBtnTop);
$$self.$$set = ($$new_props) => {
$$invalidate(26, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
if ("bg" in $$new_props) $$invalidate(0, bg = $$new_props.bg);
if ("border" in $$new_props) $$invalidate(10, border = $$new_props.border);
if ("padding" in $$new_props) $$invalidate(11, padding = $$new_props.padding);
if ("margin" in $$new_props) $$invalidate(12, margin = $$new_props.margin);
if ("rounded" in $$new_props) $$invalidate(13, rounded = $$new_props.rounded);
if ("sectionSpace" in $$new_props) $$invalidate(1, sectionSpace = $$new_props.sectionSpace);
if ("sectionTitle" in $$new_props) $$invalidate(2, sectionTitle = $$new_props.sectionTitle);
};
$$self.$$.update = () => {
$$invalidate(8, ulClasses = `list *:items-center ${padding} ${margin} ${border} ${bg} ${rounded} ${$$props.class ?? ""}`);
if ($$self.$$.dirty & /*btnLeft*/
8) {
changeCssProp("--pdl-btn-left", btnLeft);
}
if ($$self.$$.dirty & /*btnTop*/
16) {
changeCssProp("--pdl-btn-top", btnTop);
}
if ($$self.$$.dirty & /*bookmarkBtnLeft*/
32) {
changeCssProp("--pdl-btn-self-bookmark-left", bookmarkBtnLeft);
}
if ($$self.$$.dirty & /*bookmarkBtnTop*/
64) {
changeCssProp("--pdl-btn-self-bookmark-top", bookmarkBtnTop);
}
};
$$props = exclude_internal_props($$props);
return [
bg,
sectionSpace,
sectionTitle,
btnLeft,
btnTop,
bookmarkBtnLeft,
bookmarkBtnTop,
buttonContainer,
ulClasses,
updateBtnPosConfig,
border,
padding,
margin,
rounded,
div0_binding,
rangeslider0_value_binding,
change_handler,
rangeslider1_value_binding,
change_handler_1,
rangeslider0_value_binding_1,
change_handler_2,
rangeslider1_value_binding_1,
change_handler_3
];
}
class BtnPosition extends SvelteComponent {
constructor(options) {
super();
init(this, options, instance$4, create_fragment$4, safe_not_equal, {
bg: 0,
border: 10,
padding: 11,
margin: 12,
rounded: 13,
sectionSpace: 1,
sectionTitle: 2
});
}
}
function create_if_block$2(ctx) {
let ul;
let li0;
let label0;
let p0;
let t1;
let slidetoggle0;
let updating_checked;
let t2;
let li1;
let label1;
let p1;
let t4;
let slidetoggle1;
let updating_checked_1;
let ul_class_value;
let current;
function slidetoggle0_checked_binding_1(value) {
ctx[12](value);
}
let slidetoggle0_props = { name: "fsa-enable", size: "sm" };
if (
/*$store*/
ctx[4].addBookmarkWithTags !== void 0
) {
slidetoggle0_props.checked = /*$store*/
ctx[4].addBookmarkWithTags;
}
slidetoggle0 = new SlideToggle({ props: slidetoggle0_props });
binding_callbacks.push(() => bind(slidetoggle0, "checked", slidetoggle0_checked_binding_1));
function slidetoggle1_checked_binding_1(value) {
ctx[13](value);
}
let slidetoggle1_props = { name: "fsa-enable", size: "sm" };
if (
/*$store*/
ctx[4].privateR18 !== void 0
) {
slidetoggle1_props.checked = /*$store*/
ctx[4].privateR18;
}
slidetoggle1 = new SlideToggle({ props: slidetoggle1_props });
binding_callbacks.push(() => bind(slidetoggle1, "checked", slidetoggle1_checked_binding_1));
return {
c() {
ul = element("ul");
li0 = element("li");
label0 = element("label");
p0 = element("p");
p0.textContent = `${t("setting.others.options.add_bookmark_with_tags")}`;
t1 = space();
create_component(slidetoggle0.$$.fragment);
t2 = space();
li1 = element("li");
label1 = element("label");
p1 = element("p");
p1.textContent = `${t("setting.others.options.add_bookmark_private_r18")}`;
t4 = space();
create_component(slidetoggle1.$$.fragment);
attr(p0, "class", "flex-auto");
attr(label0, "class", "label flex flex-grow items-center justify-center");
attr(p1, "class", "flex-auto");
attr(label1, "class", "label flex flex-grow items-center justify-center");
attr(ul, "class", ul_class_value = "list " + /*border*/
ctx[0] + " " + /*rounded*/
ctx[1] + " [&:not(:last-child)]:*:py-4 [&:last-child]:*:pt-4");
},
m(target, anchor) {
insert(target, ul, anchor);
append(ul, li0);
append(li0, label0);
append(label0, p0);
append(label0, t1);
mount_component(slidetoggle0, label0, null);
append(ul, t2);
append(ul, li1);
append(li1, label1);
append(label1, p1);
append(label1, t4);
mount_component(slidetoggle1, label1, null);
current = true;
},
p(ctx2, dirty) {
const slidetoggle0_changes = {};
if (!updating_checked && dirty & /*$store*/
16) {
updating_checked = true;
slidetoggle0_changes.checked = /*$store*/
ctx2[4].addBookmarkWithTags;
add_flush_callback(() => updating_checked = false);
}
slidetoggle0.$set(slidetoggle0_changes);
const slidetoggle1_changes = {};
if (!updating_checked_1 && dirty & /*$store*/
16) {
updating_checked_1 = true;
slidetoggle1_changes.checked = /*$store*/
ctx2[4].privateR18;
add_flush_callback(() => updating_checked_1 = false);
}
slidetoggle1.$set(slidetoggle1_changes);
if (!current || dirty & /*border, rounded*/
3 && ul_class_value !== (ul_class_value = "list " + /*border*/
ctx2[0] + " " + /*rounded*/
ctx2[1] + " [&:not(:last-child)]:*:py-4 [&:last-child]:*:pt-4")) {
attr(ul, "class", ul_class_value);
}
},
i(local) {
if (current) return;
transition_in(slidetoggle0.$$.fragment, local);
transition_in(slidetoggle1.$$.fragment, local);
current = true;
},
o(local) {
transition_out(slidetoggle0.$$.fragment, local);
transition_out(slidetoggle1.$$.fragment, local);
current = false;
},
d(detaching) {
if (detaching) {
detach(ul);
}
destroy_component(slidetoggle0);
destroy_component(slidetoggle1);
}
};
}
function create_fragment$3(ctx) {
let div1;
let ul;
let li0;
let p0;
let t1;
let slidetoggle0;
let updating_checked;
let t2;
let li1;
let p1;
let t4;
let slidetoggle1;
let updating_checked_1;
let t5;
let li2;
let p2;
let t7;
let slidetoggle2;
let updating_checked_2;
let t8;
let li3;
let div0;
let p3;
let t10;
let slidetoggle3;
let updating_checked_3;
let t11;
let show_if = (
/*$store*/
ctx[4].addBookmark && env.isPixiv()
);
let current;
function slidetoggle0_checked_binding(value) {
ctx[8](value);
}
let slidetoggle0_props = { name: "fsa-enable", size: "sm" };
if (
/*$store*/
ctx[4].showPopupButton !== void 0
) {
slidetoggle0_props.checked = /*$store*/
ctx[4].showPopupButton;
}
slidetoggle0 = new SlideToggle({ props: slidetoggle0_props });
binding_callbacks.push(() => bind(slidetoggle0, "checked", slidetoggle0_checked_binding));
function slidetoggle1_checked_binding(value) {
ctx[9](value);
}
let slidetoggle1_props = { name: "fsa-enable", size: "sm" };
if (
/*$store*/
ctx[4].bundleIllusts !== void 0
) {
slidetoggle1_props.checked = /*$store*/
ctx[4].bundleIllusts;
}
slidetoggle1 = new SlideToggle({ props: slidetoggle1_props });
binding_callbacks.push(() => bind(slidetoggle1, "checked", slidetoggle1_checked_binding));
function slidetoggle2_checked_binding(value) {
ctx[10](value);
}
let slidetoggle2_props = { name: "fsa-enable", size: "sm" };
if (
/*$store*/
ctx[4].bundleManga !== void 0
) {
slidetoggle2_props.checked = /*$store*/
ctx[4].bundleManga;
}
slidetoggle2 = new SlideToggle({ props: slidetoggle2_props });
binding_callbacks.push(() => bind(slidetoggle2, "checked", slidetoggle2_checked_binding));
function slidetoggle3_checked_binding(value) {
ctx[11](value);
}
let slidetoggle3_props = { name: "fsa-enable", size: "sm" };
if (
/*$store*/
ctx[4].addBookmark !== void 0
) {
slidetoggle3_props.checked = /*$store*/
ctx[4].addBookmark;
}
slidetoggle3 = new SlideToggle({ props: slidetoggle3_props });
binding_callbacks.push(() => bind(slidetoggle3, "checked", slidetoggle3_checked_binding));
let if_block = show_if && create_if_block$2(ctx);
return {
c() {
div1 = element("div");
ul = element("ul");
li0 = element("li");
p0 = element("p");
p0.textContent = `${t("setting.others.options.show_setting_button")}`;
t1 = space();
create_component(slidetoggle0.$$.fragment);
t2 = space();
li1 = element("li");
p1 = element("p");
p1.textContent = `${t("setting.others.options.bundle_multipage_illust")}`;
t4 = space();
create_component(slidetoggle1.$$.fragment);
t5 = space();
li2 = element("li");
p2 = element("p");
p2.textContent = `${t("setting.others.options.bundle_manga")}`;
t7 = space();
create_component(slidetoggle2.$$.fragment);
t8 = space();
li3 = element("li");
div0 = element("div");
p3 = element("p");
p3.textContent = `${t("setting.others.options.add_bookmark_when_download")}`;
t10 = space();
create_component(slidetoggle3.$$.fragment);
t11 = space();
if (if_block) if_block.c();
attr(p0, "class", "flex-auto");
attr(p1, "class", "flex-auto");
attr(p2, "class", "flex-auto");
attr(p3, "class", "flex-auto");
attr(div0, "class", "flex items-center");
attr(li3, "class", "flex-col !items-stretch");
attr(
ul,
"class",
/*ulClasses*/
ctx[3]
);
attr(
div1,
"class",
/*sectionSpace*/
ctx[2]
);
},
m(target, anchor) {
insert(target, div1, anchor);
append(div1, ul);
append(ul, li0);
append(li0, p0);
append(li0, t1);
mount_component(slidetoggle0, li0, null);
append(ul, t2);
append(ul, li1);
append(li1, p1);
append(li1, t4);
mount_component(slidetoggle1, li1, null);
append(ul, t5);
append(ul, li2);
append(li2, p2);
append(li2, t7);
mount_component(slidetoggle2, li2, null);
append(ul, t8);
append(ul, li3);
append(li3, div0);
append(div0, p3);
append(div0, t10);
mount_component(slidetoggle3, div0, null);
append(li3, t11);
if (if_block) if_block.m(li3, null);
current = true;
},
p(ctx2, [dirty]) {
const slidetoggle0_changes = {};
if (!updating_checked && dirty & /*$store*/
16) {
updating_checked = true;
slidetoggle0_changes.checked = /*$store*/
ctx2[4].showPopupButton;
add_flush_callback(() => updating_checked = false);
}
slidetoggle0.$set(slidetoggle0_changes);
const slidetoggle1_changes = {};
if (!updating_checked_1 && dirty & /*$store*/
16) {
updating_checked_1 = true;
slidetoggle1_changes.checked = /*$store*/
ctx2[4].bundleIllusts;
add_flush_callback(() => updating_checked_1 = false);
}
slidetoggle1.$set(slidetoggle1_changes);
const slidetoggle2_changes = {};
if (!updating_checked_2 && dirty & /*$store*/
16) {
updating_checked_2 = true;
slidetoggle2_changes.checked = /*$store*/
ctx2[4].bundleManga;
add_flush_callback(() => updating_checked_2 = false);
}
slidetoggle2.$set(slidetoggle2_changes);
const slidetoggle3_changes = {};
if (!updating_checked_3 && dirty & /*$store*/
16) {
updating_checked_3 = true;
slidetoggle3_changes.checked = /*$store*/
ctx2[4].addBookmark;
add_flush_callback(() => updating_checked_3 = false);
}
slidetoggle3.$set(slidetoggle3_changes);
if (dirty & /*$store*/
16) show_if = /*$store*/
ctx2[4].addBookmark && env.isPixiv();
if (show_if) {
if (if_block) {
if_block.p(ctx2, dirty);
if (dirty & /*$store*/
16) {
transition_in(if_block, 1);
}
} else {
if_block = create_if_block$2(ctx2);
if_block.c();
transition_in(if_block, 1);
if_block.m(li3, null);
}
} else if (if_block) {
group_outros();
transition_out(if_block, 1, 1, () => {
if_block = null;
});
check_outros();
}
if (!current || dirty & /*ulClasses*/
8) {
attr(
ul,
"class",
/*ulClasses*/
ctx2[3]
);
}
if (!current || dirty & /*sectionSpace*/
4) {
attr(
div1,
"class",
/*sectionSpace*/
ctx2[2]
);
}
},
i(local) {
if (current) return;
transition_in(slidetoggle0.$$.fragment, local);
transition_in(slidetoggle1.$$.fragment, local);
transition_in(slidetoggle2.$$.fragment, local);
transition_in(slidetoggle3.$$.fragment, local);
transition_in(if_block);
current = true;
},
o(local) {
transition_out(slidetoggle0.$$.fragment, local);
transition_out(slidetoggle1.$$.fragment, local);
transition_out(slidetoggle2.$$.fragment, local);
transition_out(slidetoggle3.$$.fragment, local);
transition_out(if_block);
current = false;
},
d(detaching) {
if (detaching) {
detach(div1);
}
destroy_component(slidetoggle0);
destroy_component(slidetoggle1);
destroy_component(slidetoggle2);
destroy_component(slidetoggle3);
if (if_block) if_block.d();
}
};
}
function instance$3($$self, $$props, $$invalidate) {
let ulClasses;
let $store;
component_subscribe($$self, configStore, ($$value) => $$invalidate(4, $store = $$value));
let { bg = "bg-white/30 dark:bg-black/15" } = $$props;
let { border = "divide-y-[1px] *:border-surface-300-600-token" } = $$props;
let { padding = "px-4 *:py-4" } = $$props;
let { margin = "mt-2 *:!m-0" } = $$props;
let { rounded = "rounded-container-token *:!rounded-none" } = $$props;
let { sectionSpace = `space-y-4` } = $$props;
function slidetoggle0_checked_binding(value) {
if ($$self.$$.not_equal($store.showPopupButton, value)) {
$store.showPopupButton = value;
configStore.set($store);
}
}
function slidetoggle1_checked_binding(value) {
if ($$self.$$.not_equal($store.bundleIllusts, value)) {
$store.bundleIllusts = value;
configStore.set($store);
}
}
function slidetoggle2_checked_binding(value) {
if ($$self.$$.not_equal($store.bundleManga, value)) {
$store.bundleManga = value;
configStore.set($store);
}
}
function slidetoggle3_checked_binding(value) {
if ($$self.$$.not_equal($store.addBookmark, value)) {
$store.addBookmark = value;
configStore.set($store);
}
}
function slidetoggle0_checked_binding_1(value) {
if ($$self.$$.not_equal($store.addBookmarkWithTags, value)) {
$store.addBookmarkWithTags = value;
configStore.set($store);
}
}
function slidetoggle1_checked_binding_1(value) {
if ($$self.$$.not_equal($store.privateR18, value)) {
$store.privateR18 = value;
configStore.set($store);
}
}
$$self.$$set = ($$new_props) => {
$$invalidate(14, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
if ("bg" in $$new_props) $$invalidate(5, bg = $$new_props.bg);
if ("border" in $$new_props) $$invalidate(0, border = $$new_props.border);
if ("padding" in $$new_props) $$invalidate(6, padding = $$new_props.padding);
if ("margin" in $$new_props) $$invalidate(7, margin = $$new_props.margin);
if ("rounded" in $$new_props) $$invalidate(1, rounded = $$new_props.rounded);
if ("sectionSpace" in $$new_props) $$invalidate(2, sectionSpace = $$new_props.sectionSpace);
};
$$self.$$.update = () => {
$$invalidate(3, ulClasses = `list *:items-center ${padding} ${margin} ${border} ${bg} ${rounded} ${$$props.class ?? ""}`);
};
$$props = exclude_internal_props($$props);
return [
border,
rounded,
sectionSpace,
ulClasses,
$store,
bg,
padding,
margin,
slidetoggle0_checked_binding,
slidetoggle1_checked_binding,
slidetoggle2_checked_binding,
slidetoggle3_checked_binding,
slidetoggle0_checked_binding_1,
slidetoggle1_checked_binding_1
];
}
class Others extends SvelteComponent {
constructor(options) {
super();
init(this, options, instance$3, create_fragment$3, safe_not_equal, {
bg: 5,
border: 0,
padding: 6,
margin: 7,
rounded: 1,
sectionSpace: 2
});
}
}
function create_fragment$2(ctx) {
let div;
let section0;
let p0;
let t0_value = t("setting.feedback.label.feedback") + "";
let t0;
let t1;
let ul0;
let li0;
let span;
let raw_value = t("setting.feedback.text.feedback_desc") + "";
let t2;
let section1;
let p1;
let t3_value = t("setting.feedback.label.donate") + "";
let t3;
let t4;
let ul1;
let li1;
let figure;
let img;
let img_src_value;
let t5;
let figcaption;
return {
c() {
div = element("div");
section0 = element("section");
p0 = element("p");
t0 = text(t0_value);
t1 = space();
ul0 = element("ul");
li0 = element("li");
span = element("span");
t2 = space();
section1 = element("section");
p1 = element("p");
t3 = text(t3_value);
t4 = space();
ul1 = element("ul");
li1 = element("li");
figure = element("figure");
img = element("img");
t5 = space();
figcaption = element("figcaption");
figcaption.textContent = `${t("setting.feedback.text.donate_desc")}`;
attr(
p0,
"class",
/*sectionTitle*/
ctx[1]
);
attr(
ul0,
"class",
/*ulClasses*/
ctx[2]
);
attr(
p1,
"class",
/*sectionTitle*/
ctx[1]
);
if (!src_url_equal(img.src, img_src_value = creditCode)) attr(img, "src", img_src_value);
attr(img, "alt", "credit");
attr(img, "class", "rounded-full m-auto");
attr(figcaption, "class", "mt-4");
attr(li1, "class", "justify-center");
attr(
ul1,
"class",
/*ulClasses*/
ctx[2]
);
attr(
div,
"class",
/*sectionSpace*/
ctx[0]
);
},
m(target, anchor) {
insert(target, div, anchor);
append(div, section0);
append(section0, p0);
append(p0, t0);
append(section0, t1);
append(section0, ul0);
append(ul0, li0);
append(li0, span);
span.innerHTML = raw_value;
append(div, t2);
append(div, section1);
append(section1, p1);
append(p1, t3);
append(section1, t4);
append(section1, ul1);
append(ul1, li1);
append(li1, figure);
append(figure, img);
append(figure, t5);
append(figure, figcaption);
},
p(ctx2, [dirty]) {
if (dirty & /*sectionTitle*/
2) {
attr(
p0,
"class",
/*sectionTitle*/
ctx2[1]
);
}
if (dirty & /*ulClasses*/
4) {
attr(
ul0,
"class",
/*ulClasses*/
ctx2[2]
);
}
if (dirty & /*sectionTitle*/
2) {
attr(
p1,
"class",
/*sectionTitle*/
ctx2[1]
);
}
if (dirty & /*ulClasses*/
4) {
attr(
ul1,
"class",
/*ulClasses*/
ctx2[2]
);
}
if (dirty & /*sectionSpace*/
1) {
attr(
div,
"class",
/*sectionSpace*/
ctx2[0]
);
}
},
i: noop,
o: noop,
d(detaching) {
if (detaching) {
detach(div);
}
}
};
}
function instance$2($$self, $$props, $$invalidate) {
let ulClasses;
let { bg = "bg-white/30 dark:bg-black/15" } = $$props;
let { border = "divide-y-[1px] *:border-surface-300-600-token" } = $$props;
let { padding = "px-4 *:py-4" } = $$props;
let { margin = "mt-2 *:!m-0" } = $$props;
let { rounded = "rounded-container-token *:!rounded-none" } = $$props;
let { sectionSpace = `space-y-4` } = $$props;
let { sectionTitle = "font-bold" } = $$props;
$$self.$$set = ($$new_props) => {
$$invalidate(8, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props)));
if ("bg" in $$new_props) $$invalidate(3, bg = $$new_props.bg);
if ("border" in $$new_props) $$invalidate(4, border = $$new_props.border);
if ("padding" in $$new_props) $$invalidate(5, padding = $$new_props.padding);
if ("margin" in $$new_props) $$invalidate(6, margin = $$new_props.margin);
if ("rounded" in $$new_props) $$invalidate(7, rounded = $$new_props.rounded);
if ("sectionSpace" in $$new_props) $$invalidate(0, sectionSpace = $$new_props.sectionSpace);
if ("sectionTitle" in $$new_props) $$invalidate(1, sectionTitle = $$new_props.sectionTitle);
};
$$self.$$.update = () => {
$$invalidate(2, ulClasses = `list *:items-center ${padding} ${margin} ${border} ${bg} ${rounded} ${$$props.class ?? ""}`);
};
$$props = exclude_internal_props($$props);
return [sectionSpace, sectionTitle, ulClasses, bg, border, padding, margin, rounded];
}
class FeedBack extends SvelteComponent {
constructor(options) {
super();
init(this, options, instance$2, create_fragment$2, safe_not_equal, {
bg: 3,
border: 4,
padding: 5,
margin: 6,
rounded: 7,
sectionSpace: 0,
sectionTitle: 1
});
}
}
const menuOpen = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21,15.61L19.59,17L14.58,12L19.59,7L21,8.39L17.44,12L21,15.61M3,6H16V8H3V6M3,13V11H13V13H3M3,18V16H16V18H3Z" /></svg>`;
const menuClose = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6H13V8H3V6M3 16H13V18H3V16M3 11H15V13H3V11M16 7L14.58 8.39L18.14 12L14.58 15.61L16 17L21 12L16 7Z" /></svg>`;
function get_each_context(ctx, list, i) {
const child_ctx = ctx.slice();
child_ctx[9] = list[i].name;
child_ctx[11] = i;
return child_ctx;
}
function create_default_slot_3(ctx) {
let t_1_value = (
/*name*/
ctx[9] + ""
);
let t_1;
return {
c() {
t_1 = text(t_1_value);
},
m(target, anchor) {
insert(target, t_1, anchor);
},
p: noop,
d(detaching) {
if (detaching) {
detach(t_1);
}
}
};
}
function create_each_block(ctx) {
let listboxitem;
let updating_group;
let current;
function listboxitem_group_binding(value) {
ctx[6](value);
}
let listboxitem_props = {
name: "option",
value: (
/*idx*/
ctx[11]
),
class: "rounded-token",
$$slots: { default: [create_default_slot_3] },
$$scope: { ctx }
};
if (
/*slected*/
ctx[2] !== void 0
) {
listboxitem_props.group = /*slected*/
ctx[2];
}
listboxitem = new ListBoxItem({ props: listboxitem_props });
binding_callbacks.push(() => bind(listboxitem, "group", listboxitem_group_binding));
return {
c() {
create_component(listboxitem.$$.fragment);
},
m(target, anchor) {
mount_component(listboxitem, target, anchor);
current = true;
},
p(ctx2, dirty) {
const listboxitem_changes = {};
if (dirty & /*$$scope*/
4096) {
listboxitem_changes.$$scope = { dirty, ctx: ctx2 };
}
if (!updating_group && dirty & /*slected*/
4) {
updating_group = true;
listboxitem_changes.group = /*slected*/
ctx2[2];
add_flush_callback(() => updating_group = false);
}
listboxitem.$set(listboxitem_changes);
},
i(local) {
if (current) return;
transition_in(listboxitem.$$.fragment, local);
current = true;
},
o(local) {
transition_out(listboxitem.$$.fragment, local);
current = false;
},
d(detaching) {
destroy_component(listboxitem, detaching);
}
};
}
function create_default_slot_2(ctx) {
let each_1_anchor;
let current;
let each_value = ensure_array_like(
/*optionList*/
ctx[5]
);
let each_blocks = [];
for (let i = 0; i < each_value.length; i += 1) {
each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
}
const out = (i) => transition_out(each_blocks[i], 1, 1, () => {
each_blocks[i] = null;
});
return {
c() {
for (let i = 0; i < each_blocks.length; i += 1) {
each_blocks[i].c();
}
each_1_anchor = empty();
},
m(target, anchor) {
for (let i = 0; i < each_blocks.length; i += 1) {
if (each_blocks[i]) {
each_blocks[i].m(target, anchor);
}
}
insert(target, each_1_anchor, anchor);
current = true;
},
p(ctx2, dirty) {
if (dirty & /*slected, optionList*/
36) {
each_value = ensure_array_like(
/*optionList*/
ctx2[5]
);
let i;
for (i = 0; i < each_value.length; i += 1) {
const child_ctx = get_each_context(ctx2, each_value, i);
if (each_blocks[i]) {
each_blocks[i].p(child_ctx, dirty);
transition_in(each_blocks[i], 1);
} else {
each_blocks[i] = create_each_block(child_ctx);
each_blocks[i].c();
transition_in(each_blocks[i], 1);
each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor);
}
}
group_outros();
for (i = each_value.length; i < each_blocks.length; i += 1) {
out(i);
}
check_outros();
}
},
i(local) {
if (current) return;
for (let i = 0; i < each_value.length; i += 1) {
transition_in(each_blocks[i]);
}
current = true;
},
o(local) {
each_blocks = each_blocks.filter(Boolean);
for (let i = 0; i < each_blocks.length; i += 1) {
transition_out(each_blocks[i]);
}
current = false;
},
d(detaching) {
if (detaching) {
detach(each_1_anchor);
}
destroy_each(each_blocks, detaching);
}
};
}
function create_default_slot_1(ctx) {
let h3;
let t_1_value = (
/*optionList*/
(ctx[5][
/*slected*/
ctx[2]
].name || "设置") + ""
);
let t_1;
return {
c() {
h3 = element("h3");
t_1 = text(t_1_value);
attr(h3, "class", "h3");
},
m(target, anchor) {
insert(target, h3, anchor);
append(h3, t_1);
},
p(ctx2, dirty) {
if (dirty & /*slected*/
4 && t_1_value !== (t_1_value = /*optionList*/
(ctx2[5][
/*slected*/
ctx2[2]
].name || "设置") + "")) set_data(t_1, t_1_value);
},
d(detaching) {
if (detaching) {
detach(h3);
}
}
};
}
function create_else_block(ctx) {
let html_tag;
let html_anchor;
return {
c() {
html_tag = new HtmlTag(false);
html_anchor = empty();
html_tag.a = html_anchor;
},
m(target, anchor) {
html_tag.m(menuOpen, target, anchor);
insert(target, html_anchor, anchor);
},
d(detaching) {
if (detaching) {
detach(html_anchor);
html_tag.d();
}
}
};
}
function create_if_block$1(ctx) {
let html_tag;
let html_anchor;
return {
c() {
html_tag = new HtmlTag(false);
html_anchor = empty();
html_tag.a = html_anchor;
},
m(target, anchor) {
html_tag.m(menuClose, target, anchor);
insert(target, html_anchor, anchor);
},
d(detaching) {
if (detaching) {
detach(html_anchor);
html_tag.d();
}
}
};
}
function create_lead_slot(ctx) {
let button;
let i;
let mounted;
let dispose;
function select_block_type(ctx2, dirty) {
if (
/*showListbox*/
ctx2[1]
) return create_if_block$1;
return create_else_block;
}
let current_block_type = select_block_type(ctx);
let if_block = current_block_type(ctx);
return {
c() {
button = element("button");
i = element("i");
if_block.c();
attr(i, "class", "w-8 fill-current");
attr(button, "type", "button");
attr(button, "class", "btn-icon hover:variant-soft-surface ml-1");
},
m(target, anchor) {
insert(target, button, anchor);
append(button, i);
if_block.m(i, null);
if (!mounted) {
dispose = listen(
button,
"click",
/*click_handler*/
ctx[7]
);
mounted = true;
}
},
p(ctx2, dirty) {
if (current_block_type !== (current_block_type = select_block_type(ctx2))) {
if_block.d(1);
if_block = current_block_type(ctx2);
if (if_block) {
if_block.c();
if_block.m(i, null);
}
}
},
d(detaching) {
if (detaching) {
detach(button);
}
if_block.d();
mounted = false;
dispose();
}
};
}
function create_default_slot(ctx) {
let div1;
let listbox;
let t0;
let appbar;
let t1;
let div0;
let switch_instance;
let div1_class_value;
let current;
listbox = new ListBox({
props: {
class: "pt-4 pr-6 row-start-1 row-span-2 " + sidebarWidth + " transition-[transform] " + /*transform*/
ctx[3],
$$slots: { default: [create_default_slot_2] },
$$scope: { ctx }
}
});
appbar = new AppBar({
props: {
padding: "py-2",
background: "bg-transparent",
class: "mr-6 border-b border-surface-800-100-token",
$$slots: {
lead: [create_lead_slot],
default: [create_default_slot_1]
},
$$scope: { ctx }
}
});
const switch_instance_spread_levels = [
/*optionList*/
ctx[5][
/*slected*/
ctx[2]
].props,
{
bg: "bg-white/30 dark:bg-surface-500/20 backdrop-blur-sm"
}
];
var switch_value = (
/*optionList*/
ctx[5][
/*slected*/
ctx[2]
].component
);
function switch_props(ctx2, dirty) {
let switch_instance_props = {};
for (let i = 0; i < switch_instance_spread_levels.length; i += 1) {
switch_instance_props = assign(switch_instance_props, switch_instance_spread_levels[i]);
}
if (dirty !== void 0 && dirty & /*optionList, slected*/
36) {
switch_instance_props = assign(switch_instance_props, get_spread_update(switch_instance_spread_levels, [
get_spread_object(
/*optionList*/
ctx2[5][
/*slected*/
ctx2[2]
].props
),
switch_instance_spread_levels[1]
]));
}
return { props: switch_instance_props };
}
if (switch_value) {
switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
}
return {
c() {
div1 = element("div");
create_component(listbox.$$.fragment);
t0 = space();
create_component(appbar.$$.fragment);
t1 = space();
div0 = element("div");
if (switch_instance) create_component(switch_instance.$$.fragment);
attr(div0, "class", "mt-4 pr-4 scrollbar-track-transparent scrollbar-thumb-slate-400/50 scrollbar-corner-transparent scrollbar-thin overflow-y-auto");
set_style(div0, "scrollbar-gutter", "stable");
attr(div1, "class", div1_class_value = "h-full pt-4 pb-6 pl-6 grid grid-rows-[auto_1fr] transition-[grid-template-columns] " + /*gridCol*/
ctx[4]);
},
m(target, anchor) {
insert(target, div1, anchor);
mount_component(listbox, div1, null);
append(div1, t0);
mount_component(appbar, div1, null);
append(div1, t1);
append(div1, div0);
if (switch_instance) mount_component(switch_instance, div0, null);
current = true;
},
p(ctx2, dirty) {
const listbox_changes = {};
if (dirty & /*transform*/
8) listbox_changes.class = "pt-4 pr-6 row-start-1 row-span-2 " + sidebarWidth + " transition-[transform] " + /*transform*/
ctx2[3];
if (dirty & /*$$scope, slected*/
4100) {
listbox_changes.$$scope = { dirty, ctx: ctx2 };
}
listbox.$set(listbox_changes);
const appbar_changes = {};
if (dirty & /*$$scope, showListbox, slected*/
4102) {
appbar_changes.$$scope = { dirty, ctx: ctx2 };
}
appbar.$set(appbar_changes);
if (dirty & /*slected*/
4 && switch_value !== (switch_value = /*optionList*/
ctx2[5][
/*slected*/
ctx2[2]
].component)) {
if (switch_instance) {
group_outros();
const old_component = switch_instance;
transition_out(old_component.$$.fragment, 1, 0, () => {
destroy_component(old_component, 1);
});
check_outros();
}
if (switch_value) {
switch_instance = construct_svelte_component(switch_value, switch_props(ctx2, dirty));
create_component(switch_instance.$$.fragment);
transition_in(switch_instance.$$.fragment, 1);
mount_component(switch_instance, div0, null);
} else {
switch_instance = null;
}
} else if (switch_value) {
const switch_instance_changes = dirty & /*optionList, slected*/
36 ? get_spread_update(switch_instance_spread_levels, [
get_spread_object(
/*optionList*/
ctx2[5][
/*slected*/
ctx2[2]
].props
),
switch_instance_spread_levels[1]
]) : {};
switch_instance.$set(switch_instance_changes);
}
if (!current || dirty & /*gridCol*/
16 && div1_class_value !== (div1_class_value = "h-full pt-4 pb-6 pl-6 grid grid-rows-[auto_1fr] transition-[grid-template-columns] " + /*gridCol*/
ctx2[4])) {
attr(div1, "class", div1_class_value);
}
},
i(local) {
if (current) return;
transition_in(listbox.$$.fragment, local);
transition_in(appbar.$$.fragment, local);
if (switch_instance) transition_in(switch_instance.$$.fragment, local);
current = true;
},
o(local) {
transition_out(listbox.$$.fragment, local);
transition_out(appbar.$$.fragment, local);
if (switch_instance) transition_out(switch_instance.$$.fragment, local);
current = false;
},
d(detaching) {
if (detaching) {
detach(div1);
}
destroy_component(listbox);
destroy_component(appbar);
if (switch_instance) destroy_component(switch_instance);
}
};
}
function create_fragment$1(ctx) {
let modalwrapper;
let current;
modalwrapper = new ModalWrapper({
props: {
parent: (
/*parent*/
ctx[0]
),
height: "h-screen md:h-[600px]",
width: "w-screen md:max-w-screen-md xl:max-w-screen-lg",
padding: "",
$$slots: { default: [create_default_slot] },
$$scope: { ctx }
}
});
return {
c() {
create_component(modalwrapper.$$.fragment);
},
m(target, anchor) {
mount_component(modalwrapper, target, anchor);
current = true;
},
p(ctx2, [dirty]) {
const modalwrapper_changes = {};
if (dirty & /*parent*/
1) modalwrapper_changes.parent = /*parent*/
ctx2[0];
if (dirty & /*$$scope, gridCol, slected, showListbox, transform*/
4126) {
modalwrapper_changes.$$scope = { dirty, ctx: ctx2 };
}
modalwrapper.$set(modalwrapper_changes);
},
i(local) {
if (current) return;
transition_in(modalwrapper.$$.fragment, local);
current = true;
},
o(local) {
transition_out(modalwrapper.$$.fragment, local);
current = false;
},
d(detaching) {
destroy_component(modalwrapper, detaching);
}
};
}
const sidebarWidth = "w-[140px]";
function instance$1($$self, $$props, $$invalidate) {
let gridCol;
let transform;
let { parent } = $$props;
const pattern = env.isPixiv() ? ["{artist}", "{artistID}", "{title}", "{id}", "{page}", "{tags}", "{date}"] : ["{artist}", "{character}", "{id}", "{date}"];
let slected = 0;
const optionList = [
{
name: t("setting.save_to.title"),
component: SaveTo,
props: { pattern }
},
{
name: t("setting.ugoira.title"),
component: UgoiraConvert
},
{
name: t("setting.history.title"),
component: DownloadHistory
},
{
name: t("setting.button_position.title"),
component: BtnPosition
},
{
name: t("setting.others.title"),
component: Others
},
{
name: t("setting.feedback.title"),
component: FeedBack
}
];
let showListbox = true;
function listboxitem_group_binding(value) {
slected = value;
$$invalidate(2, slected);
}
const click_handler = () => $$invalidate(1, showListbox = !showListbox);
$$self.$$set = ($$props2) => {
if ("parent" in $$props2) $$invalidate(0, parent = $$props2.parent);
};
$$self.$$.update = () => {
if ($$self.$$.dirty & /*showListbox*/
2) {
$$invalidate(4, gridCol = showListbox ? "grid-cols-[140px_1fr]" : "grid-cols-[0px_1fr]");
}
if ($$self.$$.dirty & /*showListbox*/
2) {
$$invalidate(3, transform = showListbox ? "translate-x-0" : "-translate-x-full");
}
};
return [
parent,
showListbox,
slected,
transform,
gridCol,
optionList,
listboxitem_group_binding,
click_handler
];
}
class Config extends SvelteComponent {
constructor(options) {
super();
init(this, options, instance$1, create_fragment$1, safe_not_equal, { parent: 0 });
}
}
const cog = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z" /></svg>`;
function create_if_block(ctx) {
let button;
let i;
let t0;
let span;
let mounted;
let dispose;
return {
c() {
button = element("button");
i = element("i");
t0 = space();
span = element("span");
span.textContent = `${t("button.setting")}`;
attr(i, "class", "text-sm w-6 fill-current");
attr(span, "class", "text-sm");
attr(button, "type", "button");
attr(button, "class", "btn btn-sm variant-filled fixed bottom-24 rounded-none rounded-s-full opacity-40 hover:opacity-100 right-0 translate-x-[calc(100%-44px)] hover:translate-x-0 delay-100");
},
m(target, anchor) {
insert(target, button, anchor);
append(button, i);
i.innerHTML = cog;
append(button, t0);
append(button, span);
if (!mounted) {
dispose = listen(
button,
"click",
/*click_handler*/
ctx[12]
);
mounted = true;
}
},
p: noop,
d(detaching) {
if (detaching) {
detach(button);
}
mounted = false;
dispose();
}
};
}
function create_fragment(ctx) {
let div;
let modal;
let t_1;
let div_class_value;
let current;
let mounted;
let dispose;
modal = new Modal({
props: {
components: (
/*components*/
ctx[4]
),
class: "!p-0"
}
});
let if_block = (
/*$store*/
ctx[2].showPopupButton && create_if_block(ctx)
);
return {
c() {
div = element("div");
create_component(modal.$$.fragment);
t_1 = space();
if (if_block) if_block.c();
attr(div, "class", div_class_value = "contents " + /*darkMode*/
ctx[1]);
attr(div, "data-theme", "skeleton");
},
m(target, anchor) {
insert(target, div, anchor);
mount_component(modal, div, null);
append(div, t_1);
if (if_block) if_block.m(div, null);
ctx[13](div);
current = true;
if (!mounted) {
dispose = [
listen(
window,
"keydown",
/*handleKeydown*/
ctx[6],
true
),
listen(div, "keydown", stop_propagation(
/*keydown_handler*/
ctx[11]
)),
listen(div, "mousedown", preventBackDropClick, true),
listen(div, "mouseup", preventBackDropClick, true)
];
mounted = true;
}
},
p(ctx2, [dirty]) {
if (
/*$store*/
ctx2[2].showPopupButton
) {
if (if_block) {
if_block.p(ctx2, dirty);
} else {
if_block = create_if_block(ctx2);
if_block.c();
if_block.m(div, null);
}
} else if (if_block) {
if_block.d(1);
if_block = null;
}
if (!current || dirty & /*darkMode*/
2 && div_class_value !== (div_class_value = "contents " + /*darkMode*/
ctx2[1])) {
attr(div, "class", div_class_value);
}
},
i(local) {
if (current) return;
transition_in(modal.$$.fragment, local);
current = true;
},
o(local) {
transition_out(modal.$$.fragment, local);
current = false;
},
d(detaching) {
if (detaching) {
detach(div);
}
destroy_component(modal);
if (if_block) if_block.d();
ctx[13](null);
mounted = false;
run_all(dispose);
}
};
}
function preventBackDropClick(event) {
if (!(event.target instanceof Element)) return;
const classList = event.target.classList;
if (classList.contains("modal-backdrop") || classList.contains("modal-transition")) {
event.stopPropagation();
}
}
function instance($$self, $$props, $$invalidate) {
let darkMode;
let $store;
component_subscribe($$self, configStore, ($$value) => $$invalidate(2, $store = $$value));
initializeStores();
const modalStore = getModalStore();
const components = {
changelog: { ref: Changelog },
setting: { ref: Config }
};
const changelogModal = {
type: "component",
component: "changelog"
};
const settingModal = { type: "component", component: "setting" };
let { dark = false } = $$props;
let { updated = false } = $$props;
function showChangelog() {
modalStore.trigger(changelogModal);
}
function showSetting() {
modalStore.trigger(settingModal);
}
let root;
onMount(async () => {
const shadow = root.getRootNode();
addStyleToShadow(shadow);
if (updated) {
showChangelog();
}
});
function modalExist() {
return !!(root == null ? void 0 : root.querySelector(".modal-backdrop"));
}
function handleKeydown(event) {
if (!modalExist()) return;
if (event.code === "Escape") {
modalStore.close();
return;
} else if (event.ctrlKey || event.shiftKey) {
return;
}
if (!event.composedPath().includes(root)) {
event.stopImmediatePropagation();
event.preventDefault();
}
}
function keydown_handler(event) {
bubble.call(this, $$self, event);
}
const click_handler = () => modalStore.trigger(settingModal);
function div_binding($$value) {
binding_callbacks[$$value ? "unshift" : "push"](() => {
root = $$value;
$$invalidate(0, root);
});
}
$$self.$$set = ($$props2) => {
if ("dark" in $$props2) $$invalidate(7, dark = $$props2.dark);
if ("updated" in $$props2) $$invalidate(8, updated = $$props2.updated);
};
$$self.$$.update = () => {
if ($$self.$$.dirty & /*dark*/
128) {
$$invalidate(1, darkMode = dark ? "dark" : "");
}
};
return [
root,
darkMode,
$store,
modalStore,
components,
settingModal,
handleKeydown,
dark,
updated,
showChangelog,
showSetting,
keydown_handler,
click_handler,
div_binding
];
}
class App extends SvelteComponent {
constructor(options) {
super();
init(this, options, instance, create_fragment, safe_not_equal, {
dark: 7,
updated: 8,
showChangelog: 9,
showSetting: 10
});
}
get showChangelog() {
return this.$$.ctx[9];
}
get showSetting() {
return this.$$.ctx[10];
}
}
const util = ".pdl-hide{display:none!important}.pdl-unavailable{pointer-events:none!important;opacity:.5!important;cursor:not-allowed!important}.pdl-spacer{margin:0;padding:0;flex:1}";
const theme = ":root{--pdl-bg1: #fff;--pdl-bg2-hover: rgba(0, 0, 0, .05);--pdl-bg3-hover: rgb(31, 31, 31);--pdl-btn1: rgba(0, 0, 0, .04);--pdl-btn1-hover: rgba(0, 0, 0, .12);--pdl-border1: rgba(0, 0, 0, .1);--pdl-text1: rgb(31, 31, 31)}:root[data-theme=default],:root body[data-current-user-theme=light]{--pdl-bg1: #fff;--pdl-bg2-hover: rgba(0, 0, 0, .05);--pdl-bg3-hover: rgb(31, 31, 31);--pdl-btn1: rgba(0, 0, 0, .04);--pdl-btn1-hover: rgba(0, 0, 0, .12);--pdl-border1: rgba(0, 0, 0, .1);--pdl-text1: rgb(31, 31, 31)}@media (prefers-color-scheme: light){:root{--pdl-bg1: #fff;--pdl-bg2-hover: rgba(0, 0, 0, .05);--pdl-bg3-hover: rgb(31, 31, 31);--pdl-btn1: rgba(0, 0, 0, .04);--pdl-btn1-hover: rgba(0, 0, 0, .12);--pdl-border1: rgba(0, 0, 0, .1);--pdl-text1: rgb(31, 31, 31)}}:root[data-theme=dark],:root body[data-current-user-theme=dark]{--pdl-bg1: rgb(31, 31, 31);--pdl-bg2-hover: rgba(255, 255, 255, .1);--pdl-bg3-hover: rgb(155, 155, 155);--pdl-btn1: rgba(255, 255, 255, .4);--pdl-btn1-hover: rgba(255, 255, 255, .6);--pdl-border1: rgba(255, 255, 255, .3);--pdl-text1: rgb(245, 245, 245)}@media (prefers-color-scheme: dark){:root{--pdl-bg1: rgb(31, 31, 31);--pdl-bg2-hover: rgba(255, 255, 255, .1);--pdl-bg3-hover: rgb(155, 155, 155);--pdl-btn1: rgba(255, 255, 255, .4);--pdl-btn1-hover: rgba(255, 255, 255, .6);--pdl-border1: rgba(255, 255, 255, .3);--pdl-text1: rgb(245, 245, 245)}}pdl-button{--pdl-green1: #01b468;--pdl-black1: #3c3c3c;--pdl-red1: #ea0000;--pdl-fill-svg: var(--pdl-black1)}pdl-button[status=init]{--pdl-fill-svg: var(--pdl-black1)}pdl-button[type=pixiv-toolbar]{--pdl-fill-svg: var(--pdl-text1)}pdl-button[status]{--pdl-fill-svg: var(--pdl-green1)}pdl-button[status=error]{--pdl-fill-svg: var(--pdl-red1)}";
const downloadButton = `@charset "UTF-8";@property --pdl-progress{syntax: "<percentage>"; inherits: true; initial-value: 0%;}@keyframes pdl_loading{to{transform:translate(-50%,-50%) rotate(360deg)}}.pdl-btn{font-family:'win-bug-omega, system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif';position:relative;border-radius:4px;background:no-repeat center/85%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%233C3C3C' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm-32-316v116h-67c-10.7 0-16 12.9-8.5 20.5l99 99c4.7 4.7 12.3 4.7 17 0l99-99c7.6-7.6 2.2-20.5-8.5-20.5h-67V140c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12z'%3E%3C/path%3E %3C/svg%3E");color:#01b468;display:inline-block;font-size:13px;font-weight:700;height:32px;line-height:32px;margin:0;overflow:hidden;padding:0;border:none;text-decoration:none!important;text-align:center;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:32px;cursor:pointer}.pdl-btn.pdl-btn-main{margin:0 0 0 10px}.pdl-btn.pdl-btn-sub{position:absolute;background-color:#ffffff80;top:calc((100% - 32px) * var(--pdl-btn-top) / 100);left:calc((100% - 32px) * var(--pdl-btn-left) / 100);z-index:1}.pdl-btn.pdl-btn-sub.presentation{position:fixed;top:50px;right:20px;left:auto;border-radius:8px}.pdl-btn.pdl-btn-sub.manga-viewer{top:80%;right:4px;left:auto;border-radius:8px}.pdl-btn.pdl-btn-sub.self-bookmark{top:calc((100% - 32px) * var(--pdl-btn-self-bookmark-top) / 100);left:calc((100% - 32px) * var(--pdl-btn-self-bookmark-left) / 100)}._history-item>.pdl-btn.pdl-btn-sub{z-index:auto}.pdl-btn.pdl-error{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23EA0000' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z'%3E%3C/path%3E %3C/svg%3E")!important}.pdl-btn.pdl-complete{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%2301B468' d='M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z'%3E%3C/path%3E %3C/svg%3E")!important}.pdl-btn.pdl-progress{background-image:none!important;cursor:default!important}.pdl-btn.pdl-progress:after{content:"";display:inline-block;position:absolute;top:50%;left:50%;width:27px;height:27px;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(transparent,transparent 54%,#000 57%,#000);mask:radial-gradient(transparent,transparent 54%,#000 57%,#000);border-radius:50%}.pdl-btn.pdl-progress:not(:empty):after{background:conic-gradient(#01b468 0,#01b468 var(--pdl-progress),transparent var(--pdl-progress),transparent);transition:--pdl-progress .2s ease}.pdl-btn.pdl-progress:empty:after{background:conic-gradient(#01b468 0,#01b468 25%,#01b46833 25%,#01b46833);animation:1.5s infinite linear pdl_loading}.pdl-btn.pdl-tag{height:auto;border-top-right-radius:4px;border-bottom-right-radius:4px;left:-1px;background-color:var(--pdl-btn1);transition:background-image .5s}.pdl-btn.pdl-tag:hover{background-color:var(--pdl-btn1-hover)}.pdl-btn.pdl-modal-tag{position:absolute;right:65px;top:6px;background-origin:content-box;border-radius:4px;padding:5px;width:42px;height:50px;background-color:var(--pdl-btn1);transition:.25s background-color}.pdl-btn.pdl-modal-tag:hover{background-color:var(--pdl-btn1-hover)}.pdl-btn.pdl-tag-hide{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3C/svg%3E")!important;pointer-events:none!important}.pdl-wrap-artworks{position:absolute;right:8px;top:0;bottom:0;margin-top:40px;z-index:1}.pdl-wrap-artworks.rule34{bottom:calc(22px + 1em)}.pdl-wrap-artworks .pdl-btn-sub.artworks{position:sticky;top:40px;left:0}:root .pdl-btn-main{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%233C3C3C' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm-32-316v116h-67c-10.7 0-16 12.9-8.5 20.5l99 99c4.7 4.7 12.3 4.7 17 0l99-99c7.6-7.6 2.2-20.5-8.5-20.5h-67V140c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12z'%3E%3C/path%3E %3C/svg%3E")}:root[data-theme=default] .pdl-btn-main{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%233C3C3C' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm-32-316v116h-67c-10.7 0-16 12.9-8.5 20.5l99 99c4.7 4.7 12.3 4.7 17 0l99-99c7.6-7.6 2.2-20.5-8.5-20.5h-67V140c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12z'%3E%3C/path%3E %3C/svg%3E")}@media (prefers-color-scheme: light){:root .pdl-btn-main{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%233C3C3C' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm-32-316v116h-67c-10.7 0-16 12.9-8.5 20.5l99 99c4.7 4.7 12.3 4.7 17 0l99-99c7.6-7.6 2.2-20.5-8.5-20.5h-67V140c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12z'%3E%3C/path%3E %3C/svg%3E")}}:root[data-theme=dark] .pdl-btn-main{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23D6D6D6' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm-32-316v116h-67c-10.7 0-16 12.9-8.5 20.5l99 99c4.7 4.7 12.3 4.7 17 0l99-99c7.6-7.6 2.2-20.5-8.5-20.5h-67V140c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12z'%3E%3C/path%3E %3C/svg%3E")}@media (prefers-color-scheme: dark){:root .pdl-btn-main{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23D6D6D6' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm-32-316v116h-67c-10.7 0-16 12.9-8.5 20.5l99 99c4.7 4.7 12.3 4.7 17 0l99-99c7.6-7.6 2.2-20.5-8.5-20.5h-67V140c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12z'%3E%3C/path%3E %3C/svg%3E")}}`;
class SiteInject {
constructor() {
__publicField(this, "modal");
this.inject();
this.observeColorScheme();
}
inject() {
this.injectApp();
this.injectStyle();
_GM_registerMenuCommand(
t("button.setting"),
() => {
var _a;
if ((_a = this.modal.shadowRoot) == null ? void 0 : _a.querySelector(".modal")) {
return;
}
this.modal.showSetting();
},
"s"
);
if (config.get("showMsg")) {
this.modal.setAttribute("updated", "");
config.set("showMsg", false);
}
}
injectApp() {
customElements.define(
"pdl-app",
create_custom_element(
App,
{ dark: { type: "Boolean" }, updated: { type: "Boolean" } },
[],
["showChangelog", "showSetting"],
true
)
);
const modal = document.createElement("pdl-app");
modal.setAttribute("style", "position:fixed; z-index:99999");
document.body.append(modal);
this.modal = modal;
}
injectStyle() {
[util, theme, downloadButton].forEach((style) => _GM_addStyle(style));
[
"pdl-btn-self-bookmark-left",
"pdl-btn-self-bookmark-top",
"pdl-btn-left",
"pdl-btn-top"
].forEach((key) => {
let val;
if ((val = config.get(key)) !== void 0) {
document.documentElement.style.setProperty("--" + key, val);
}
});
}
setModalDarkMode() {
this.modal.setAttribute("dark", "");
}
setModalLightMode() {
this.modal.removeAttribute("dark");
}
}
class Rule34 extends SiteInject {
inject() {
super.inject();
this.pageAction();
}
createThumbnailBtn() {
const btnContainers = document.querySelectorAll(
".thumb:not(.blacklisted-image) > a:first-child"
);
if (!btnContainers.length) return;
btnContainers.forEach((el) => {
el.style.display = "inline-block";
el.style.position = "relative";
const imgEl = el.querySelector("img");
imgEl.style.boxSizing = "border-box";
let aspectRatio = imgEl.naturalHeight / imgEl.naturalWidth;
aspectRatio > 1 && (el.style.height = "inherit");
imgEl.onload = () => {
aspectRatio = imgEl.naturalHeight / imgEl.naturalWidth;
aspectRatio > 1 && (el.style.height = "inherit");
};
const idMathch = new RegExp("(?<=&id=)\\d+").exec(el.href);
if (!idMathch) return;
const id = idMathch[0];
el.appendChild(
new ThumbnailButton({
id,
onClick: downloadArtwork$2
})
);
});
}
createArtworkBtn(id) {
const btnContainer = document.querySelector("div.flexi > div");
btnContainer.style.position = "relative";
const wrapper = document.createElement("div");
wrapper.classList.add("pdl-wrap-artworks", "rule34");
const btn = new ThumbnailButton({
id,
type: ThumbnailBtnType.Gallery,
onClick: downloadArtwork$2
});
wrapper.appendChild(btn);
btnContainer.appendChild(wrapper);
}
pageAction() {
const query = location.search;
if (!query) return;
const searchParams = new URLSearchParams(query);
const page = searchParams.get("page");
const s = searchParams.get("s");
if (page === "post" && s === "view") {
if (!document.querySelector("#image, #gelcomVideoPlayer")) return;
const id = searchParams.get("id");
this.createArtworkBtn(id);
} else {
this.createThumbnailBtn();
}
}
observeColorScheme() {
const query = window.matchMedia("(prefers-color-scheme: dark)");
if (query.matches) {
this.setModalDarkMode();
}
query.addEventListener("change", (e) => {
e.matches ? this.setModalDarkMode() : this.setModalLightMode();
});
}
}
async function addBookmark$1(id) {
var _a;
try {
const token = (_a = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : _a.content;
if (!token) throw new Error("Can not get csrf-token");
const res = await fetch("/favorites?post_id=" + id, {
method: "POST",
headers: {
"X-Csrf-Token": token
}
});
if (!res.ok) throw new Error(res.status + " " + res.statusText);
const galleryMatch = new RegExp("(?<=^\\/posts\\/)\\d+").exec(location.pathname);
if (galleryMatch && id !== galleryMatch[0]) {
_unsafeWindow.Danbooru.Utility.notice("You have favorited " + id);
} else {
const script = await res.text();
evalScript(script);
}
} catch (error) {
logger.error(error);
}
}
const danbooruParser = {
async getDoc(url2) {
const res = await fetch(url2);
if (!res.ok) throw new RequestError("Request failed with status code " + res.status, res);
const html = await res.text();
return new DOMParser().parseFromString(html, "text/html");
},
async parse(id) {
var _a, _b, _c;
const doc = await this.getDoc("/posts/" + id);
const src = (_a = doc.querySelector("a[download]")) == null ? void 0 : _a.href;
if (!src) throw new Error("Can not get media src");
const ogImageMeta = doc.querySelector('meta[property="og:image"]');
const mediaSrc = ogImageMeta.getAttribute("content");
const title = mediaSrc.slice(mediaSrc.lastIndexOf("/") + 1).split(".")[0];
const ogTypeMeta = doc.querySelector('meta[property="og:video:type"]') || doc.querySelector('meta[property="og:image:type"]');
const mimeType = ogTypeMeta.getAttribute("content");
const extendName = mimeType.slice(mimeType.lastIndexOf("/") + 1);
const artists = [];
const characters = [];
const tags = [];
const tagLists = doc.querySelectorAll(
'section#tag-list ul[class*="-tag-list"]'
);
if (tagLists.length) {
tagLists.forEach((ul) => {
const tagTypeMatch = /[a-zA-Z]+(?=-tag-list)/.exec(ul.className);
if (!tagTypeMatch) throw new Error("Unknown tag: " + ul.className);
const tagType = tagTypeMatch[0];
const liEls = ul.children;
let tagRef;
if (tagType === "artist") {
tagRef = artists;
} else if (tagType === "character") {
tagRef = characters;
}
for (let i = 0; i < liEls.length; i++) {
const tag = liEls[i].getAttribute("data-tag-name");
if (!tag) continue;
tagRef && tagRef.push(tag);
tags.push(tagType + ":" + tag);
}
});
}
const postDate = ((_b = doc.querySelector("time")) == null ? void 0 : _b.getAttribute("datetime")) ?? "";
const source = (_c = doc.querySelector("li#post-info-source > a")) == null ? void 0 : _c.href;
if (source) tags.push("source:" + source);
return {
id,
src,
extendName,
artist: artists.join(",") || "UnknownArtist",
character: characters.join(",") || "UnknownCharacter",
title,
tags,
createDate: postDate
};
},
async getPoolPostCount(poolId) {
const doc = await this.getDoc(`/pools/${poolId}`);
const nextEl = doc.querySelector("a.paginator-next");
if (nextEl) {
const lastPageEl = nextEl.previousElementSibling;
const poolPageCount = Number(lastPageEl.textContent);
const lastPageDoc = await this.getDoc(lastPageEl.href);
const postPerPage = Number(lastPageDoc.body.getAttribute("data-current-user-per-page"));
const lastPagePostCount = lastPageDoc.querySelectorAll(
".posts-container article"
).length;
return (poolPageCount - 1) * postPerPage + lastPagePostCount;
} else {
const imageContainers = doc.querySelectorAll(".posts-container article");
return imageContainers.length;
}
},
async *genIdByPool(poolId, filter) {
let page = 0;
let nextUrl;
do {
++page > 1 && await sleep(1e3);
const doc = await this.getDoc(`/pools/${poolId}?page=${page}`);
const nextEl = doc.querySelector("a.paginator-next");
nextUrl = (nextEl == null ? void 0 : nextEl.getAttribute("href")) ?? "";
const imageContainers = doc.querySelectorAll(".posts-container article");
const ids = Array.from(imageContainers).map((el) => el.getAttribute("data-id"));
for (let i = 0; i < ids.length; i++) {
const id = ids[i];
const isValid = await (filter == null ? void 0 : filter(id)) ?? true;
if (isValid) {
yield id;
i !== id.length - 1 && await sleep(1e3);
}
}
} while (nextUrl);
}
};
function artworkProgressFactory(btn) {
if (!btn) return;
return function onArtworkProgress(progress) {
btn.setProgress(progress);
};
}
class DanbooruDownloadConfig extends DownloadConfigBuilder {
constructor(meta) {
super(meta);
this.meta = meta;
}
getDownloadConfig(btn) {
return {
taskId: Math.random().toString(36).slice(2),
src: this.meta.src,
path: this.buildFilePath(),
source: this.meta,
timeout: this.isImage() ? 6e4 : void 0,
// GM_download下载带cf_clearance cookie
directSave: downloader.fileSystemAccessEnabled ? false : true,
onProgress: artworkProgressFactory(btn)
};
}
buildFilePath() {
const path = super.buildFilePath();
return path.replaceAll("{character}", this.normalizeString(this.meta.character));
}
}
async function downloadArtwork$1(btn) {
downloader.dirHandleCheck();
const id = btn.getAttribute("pdl-id");
const mediaMeta = await danbooruParser.parse(id);
const { tags, artist, title } = mediaMeta;
const downloadConfigs = new DanbooruDownloadConfig(mediaMeta).getDownloadConfig(btn);
config.get("addBookmark") && addBookmark$1(id);
await downloader.download(downloadConfigs);
const historyData = {
pid: Number(id),
user: artist,
title,
tags
};
historyDb.add(historyData);
}
async function downloadPoolArtwork(btn) {
downloader.dirHandleCheck();
const poolId = btn.getAttribute("pdl-id");
const promises = [];
const postCount = await danbooruParser.getPoolPostCount(poolId);
let completed = 0;
const filter = async (id) => !await historyDb.has(id);
const idGen = danbooruParser.genIdByPool(poolId, filter);
for await (const id of idGen) {
const mediaMeta = await danbooruParser.parse(id);
const downloadConfigs = new DanbooruDownloadConfig(mediaMeta).getDownloadConfig();
const p = downloader.download(downloadConfigs).then(() => {
completed++;
btn.setProgress(completed / postCount * 100);
}).then(() => {
const { tags, artist, title } = mediaMeta;
const historyData = {
pid: Number(id),
user: artist,
title,
tags
};
historyDb.add(historyData);
});
promises.push(p);
}
const results = await Promise.allSettled(promises);
const rejectedTasks = results.filter(
(result) => result.status === "rejected"
);
if (rejectedTasks.length) {
rejectedTasks.length > 1 && logger.error(rejectedTasks);
throw rejectedTasks[0].reason;
}
}
class Danbooru extends SiteInject {
inject() {
super.inject();
this.pageAction();
}
createThumbnailBtn() {
const btnContainers = document.querySelectorAll(
"article a.post-preview-link"
);
if (!btnContainers.length) return;
btnContainers.forEach((el) => {
var _a;
const id = (_a = new RegExp("(?<=\\/posts\\/)\\d+").exec(el.href)) == null ? void 0 : _a[0];
if (!id) return;
const btn = new ThumbnailButton({
id,
onClick: downloadArtwork$1
});
el.appendChild(btn);
});
}
createArtworkBtn(id) {
const btnContainer = document.querySelector("section.image-container");
const btn = new ThumbnailButton({
id,
type: ThumbnailBtnType.Gallery,
onClick: downloadArtwork$1
});
const wrapper = document.createElement("div");
wrapper.classList.add("pdl-wrap-artworks");
wrapper.appendChild(btn);
btnContainer.appendChild(wrapper);
}
createPoolThumbnailBtn() {
const btnContainers = document.querySelectorAll(
"article a.post-preview-link"
);
if (!btnContainers.length) return;
btnContainers.forEach((el) => {
var _a;
const poolId = (_a = new RegExp("(?<=\\/pools\\/)\\d+").exec(el.href)) == null ? void 0 : _a[0];
if (!poolId) return;
const btn = new ThumbnailButton({
id: poolId,
type: ThumbnailBtnType.DanbooruPool,
onClick: downloadPoolArtwork
});
el.appendChild(btn);
});
}
pageAction() {
const path = location.pathname;
if (/^\/posts\/\d+/.test(path)) {
const imageContainer = document.querySelector(
"section.image-container:not(.blacklisted-active)"
);
if (!imageContainer) return;
const id = imageContainer.getAttribute("data-id");
this.createArtworkBtn(id);
this.createThumbnailBtn();
} else if (/^\/pools\/gallery/.test(path)) {
this.createPoolThumbnailBtn();
} else {
this.createThumbnailBtn();
}
}
observeColorScheme() {
const query = window.matchMedia("(prefers-color-scheme: dark)");
let uaPreferDark = query.matches;
const siteSetting = document.body.getAttribute("data-current-user-theme");
const sitePreferDark = siteSetting === "dark";
if (sitePreferDark || siteSetting === "auto" && uaPreferDark) {
this.setModalDarkMode();
}
if (siteSetting === "auto") {
query.addEventListener("change", (e) => {
uaPreferDark = e.matches;
uaPreferDark ? this.setModalDarkMode() : this.setModalLightMode();
});
}
}
}
const regexp = {
preloadData: /"meta-preload-data" content='(.*?)'>/,
globalData: /"meta-global-data" content='(.*?)'>/,
artworksPage: /artworks\/(\d+)$/,
userPage: /\/users\/(\d+)$|\/users\/(\d+)\/(?!following|mypixiv|followers)/,
bookmarkPage: /users\/(\d+)\/bookmarks\/artworks/,
userPageTags: /users\/\d+\/(artworks|illustrations|manga|bookmarks(?=\/artworks))/,
searchPage: /\/tags\/.*\/(artworks|illustrations|manga)/,
suscribePage: /bookmark_new_illust/,
activityHref: /illust_id=(\d+)/,
originSrcPageNum: new RegExp("(?<=_p)\\d+"),
followLatest: /\/bookmark_new_illust(?:_r18)?\.php/,
historyPage: /\/history\.php/,
historyThumbnailsId: /\d+(?=_)/
};
function getSelfId() {
var _a, _b;
return ((_b = (_a = _unsafeWindow.dataLayer) == null ? void 0 : _a[0]) == null ? void 0 : _b.user_id) ?? "";
}
function getIllustId(node) {
const isLinkToArtworksPage = regexp.artworksPage.exec(node.getAttribute("href") || "");
if (isLinkToArtworksPage) {
if (node.getAttribute("data-gtm-value") || [
"gtm-illust-recommend-node-node",
"gtm-discover-user-recommend-node",
"work",
"_history-item",
"_history-related-item"
].some((className) => node.classList.contains(className))) {
return isLinkToArtworksPage[1];
}
} else if (node.className.includes("_history-item")) {
const result = regexp.historyThumbnailsId.exec(node.getAttribute("style") || "");
if (result) return result[0];
} else {
const isActivityThumb = regexp.activityHref.exec(node.getAttribute("href") || "");
if (isActivityThumb && node.classList.contains("work")) {
return isActivityThumb[1];
}
}
return "";
}
var IllustType = /* @__PURE__ */ ((IllustType2) => {
IllustType2[IllustType2["illusts"] = 0] = "illusts";
IllustType2[IllustType2["manga"] = 1] = "manga";
IllustType2[IllustType2["ugoira"] = 2] = "ugoira";
return IllustType2;
})(IllustType || {});
var BookmarkRestrict = /* @__PURE__ */ ((BookmarkRestrict2) => {
BookmarkRestrict2[BookmarkRestrict2["public"] = 0] = "public";
BookmarkRestrict2[BookmarkRestrict2["private"] = 1] = "private";
return BookmarkRestrict2;
})(BookmarkRestrict || {});
function createService() {
async function _requestJson(url2, init2) {
logger.info("fetch url:", url2);
const res = await fetch(url2, init2);
if (!res.ok)
throw new RequestError("Request " + url2 + " failed with status code " + res.status, res);
const data2 = await res.json();
if (data2.error) throw new JsonDataError(data2.message);
return data2.body;
}
return {
async getJson(url2) {
return await _requestJson(url2);
},
async getArtworkHtml(illustId) {
logger.info("Fetch illust:", illustId);
let params = "";
const tagLang = config.get("tagLang");
if (tagLang !== "ja") params = "?lang=" + tagLang;
const res = await fetch("https://www.pixiv.net/artworks/" + illustId + params);
if (!res.ok) throw new RequestError("Request failed with status code " + res.status, res);
return await res.text();
},
addBookmark(illustId, token, tags = [], restrict = BookmarkRestrict.public) {
return _requestJson("/ajax/illusts/bookmarks/add", {
method: "POST",
headers: {
accept: "application/json",
"content-type": "application/json; charset=utf-8",
"x-csrf-token": token
},
body: JSON.stringify({
illust_id: illustId,
restrict,
comment: "",
tags
})
});
},
getFollowLatestWorks(page, mode = "all") {
return _requestJson(
`/ajax/follow_latest/illust?p=${page}&mode=${mode}&lang=jp`
);
},
getUserAllProfile(userId) {
return _requestJson("/ajax/user/" + userId + "/profile/all");
},
getUgoiraMeta(illustId) {
return _requestJson("/ajax/illust/" + illustId + "/ugoira_meta");
},
getArtworkDetail(illustId) {
let params = "";
const tagLang = config.get("tagLang");
if (tagLang !== "ja") params = "?lang=" + tagLang;
return _requestJson("/ajax/illust/" + illustId + params);
}
};
}
const api = createService();
function addBookmark(btn, illustId, token, tags) {
if (!config.get("addBookmark")) return;
api.addBookmark(
illustId,
token,
config.get("addBookmarkWithTags") ? tags : [],
config.get("privateR18") && tags.includes("R-18") ? BookmarkRestrict.private : BookmarkRestrict.public
).then(() => {
const bookmarkBtnRef = findBookmarkBtn(btn);
if (!bookmarkBtnRef) return;
switch (bookmarkBtnRef.kind) {
case "main": {
const pathBorder = bookmarkBtnRef.button.querySelector("svg g path");
pathBorder && (pathBorder.style.color = "rgb(255, 64, 96)");
break;
}
case "sub": {
const pathBorder = bookmarkBtnRef.button.querySelector("path");
pathBorder && (pathBorder.style.color = "rgb(255, 64, 96)");
break;
}
case "rank": {
bookmarkBtnRef.button.style.backgroundColor = "rgb(255, 64, 96)";
break;
}
}
}).catch((reason) => {
logger.error(reason.message);
});
}
function findBookmarkBtn(btn) {
var _a, _b, _c, _d, _e;
const bookmarkBtnRef = {};
if (!btn.getAttribute("type")) {
const favBtn = (_b = (_a = btn.parentElement) == null ? void 0 : _a.nextElementSibling) == null ? void 0 : _b.querySelector(
'button[type="button"]'
);
if (favBtn) {
bookmarkBtnRef.kind = "sub";
bookmarkBtnRef.button = favBtn;
} else {
const favBtn2 = (_c = btn.parentElement) == null ? void 0 : _c.querySelector("div._one-click-bookmark");
if (favBtn2) {
bookmarkBtnRef.kind = "rank";
bookmarkBtnRef.button = favBtn2;
}
}
} else if (btn.getAttribute("type") === ThumbnailBtnType.PixivToolbar) {
const favBtn = (_e = (_d = btn.parentElement) == null ? void 0 : _d.parentElement) == null ? void 0 : _e.querySelector(
"button.gtm-main-bookmark"
);
if (favBtn) {
bookmarkBtnRef.kind = "main";
bookmarkBtnRef.button = favBtn;
}
} else {
return logger.warn(new Error("Can not find bookmark button."));
}
return bookmarkBtnRef;
}
function isValidIllustType(illustType, option) {
switch (illustType) {
case IllustType.illusts:
if (option.filterIllusts) return true;
break;
case IllustType.manga:
if (option.filterManga) return true;
break;
case IllustType.ugoira:
if (option.filterUgoira) return true;
break;
default:
throw new Error("Invalid filter type");
}
return false;
}
async function filterWorks(works, option) {
const obj = {
unavaliable: [],
avaliable: [],
invalid: []
};
for (const work of works) {
if (!work.isBookmarkable) {
obj.unavaliable.push(work.id);
} else if (option.filterExcludeDownloaded && await historyDb.has(work.id)) {
obj.invalid.push(work.id);
} else if (!isValidIllustType(work.illustType, option)) {
obj.invalid.push(work.id);
} else {
obj.avaliable.push(work.id);
}
}
return obj;
}
const pixivParser = {
async parse(illustId) {
const htmlText = await api.getArtworkHtml(illustId);
const preloadDataText = htmlText.match(regexp.preloadData);
if (!preloadDataText) throw new Error("Fail to parse preload data.");
const globalDataText = htmlText.match(regexp.globalData);
if (!globalDataText) throw new Error("Fail to parse global data.");
const preloadData = JSON.parse(preloadDataText[1]);
const globalData = JSON.parse(globalDataText[1]);
const illustData = preloadData.illust[illustId];
const {
illustType,
userName,
userId,
illustTitle,
tags,
pageCount,
createDate,
urls,
bookmarkData
} = illustData;
const { token } = globalData;
const tagsArr = [];
const tagsTranslatedArr = [];
tags.tags.forEach((tagData) => {
var _a;
tagsArr.push(tagData.tag);
tagsTranslatedArr.push(((_a = tagData.translation) == null ? void 0 : _a.en) || tagData.tag);
});
const meta = {
id: illustId,
src: urls.original,
extendName: urls.original.slice(-3),
artist: userName,
title: illustTitle,
tags: tagsArr,
tagsTranslated: tagsTranslatedArr,
userId,
pageCount,
bookmarkData,
createDate,
token
};
if (illustType === IllustType.ugoira) {
return {
...meta,
illustType,
ugoiraMeta: await api.getUgoiraMeta(illustId)
};
} else {
return {
...meta,
illustType
};
}
},
async getFollowLatestGenerator(filterOption, mode, page) {
const MAX_PAGE = 34;
const MAX_ILLUSTS_PER_PAGE = 60;
let lastId;
let total;
let data2;
let cache;
function findLastId(ids) {
return Math.min(...ids.map((id) => Number(id)));
}
if (page === void 0) {
data2 = await api.getFollowLatestWorks(1, mode);
const ids = data2.page.ids;
total = ids.length;
lastId = findLastId(ids);
if (total === MAX_ILLUSTS_PER_PAGE) {
const secondPageData = await api.getFollowLatestWorks(2, mode);
const secondIds = secondPageData.page.ids;
const secondLastId = findLastId(secondIds);
if (secondLastId < lastId) {
lastId = secondLastId;
cache = secondPageData;
total += secondIds.length;
}
}
} else {
data2 = await api.getFollowLatestWorks(page, mode);
total = data2.page.ids.length;
}
async function* generateIds() {
yield await filterWorks(data2.thumbnails.illust, filterOption);
if (page === void 0) {
if (total === MAX_ILLUSTS_PER_PAGE) return;
if (total < MAX_ILLUSTS_PER_PAGE * 2) {
yield await filterWorks(cache.thumbnails.illust, filterOption);
return;
}
let currentPage = 3;
while (currentPage <= MAX_PAGE) {
const data22 = await api.getFollowLatestWorks(currentPage, mode);
const ids = data22.page.ids;
const pageLastId = findLastId(ids);
if (pageLastId >= lastId) {
logger.info("getFollowLatestGenerator: got duplicate works");
yield await filterWorks(cache.thumbnails.illust, filterOption);
break;
}
lastId = pageLastId;
total += ids.length;
yield { ...await filterWorks(cache.thumbnails.illust, filterOption), total };
cache = data22;
currentPage++;
await sleep(3e3);
}
}
}
return {
total,
generator: generateIds()
};
},
async getChunksGenerator(userId, category, tag, rest, filterOption) {
const OFFSET = 48;
let requestUrl;
if (category === "bookmarks") {
requestUrl = `https://www.pixiv.net/ajax/user/${userId}/illusts/bookmarks?tag=${tag}&offset=0&limit=${OFFSET}&rest=${rest}&lang=ja`;
} else {
requestUrl = `https://www.pixiv.net/ajax/user/${userId}/${category}/tag?tag=${tag}&offset=0&limit=${OFFSET}&lang=ja`;
}
let head = 0;
const firstPageData = await api.getJson(requestUrl);
const total = firstPageData.total;
async function* generateIds() {
yield await filterWorks(firstPageData.works, filterOption);
head += OFFSET;
while (head < total) {
const data2 = await api.getJson(
requestUrl.replace("offset=0", "offset=" + head)
);
head += OFFSET;
await sleep(3e3);
yield await filterWorks(data2.works, filterOption);
}
}
return {
total,
generator: generateIds()
};
},
async getAllWorksGenerator(userId, filterOption) {
const profile = await api.getUserAllProfile(userId);
let illustIds = [];
let mangaIds = [];
if ((filterOption.filterIllusts || filterOption.filterUgoira) && typeof profile.illusts === "object") {
illustIds.push(...Object.keys(profile.illusts).reverse());
}
if (filterOption.filterManga && typeof profile.manga === "object") {
mangaIds.push(...Object.keys(profile.manga).reverse());
}
if (filterOption.filterExcludeDownloaded) {
const filteredIllustIds = [];
for (const id of illustIds) {
const isDownloaded = await historyDb.has(id);
!isDownloaded && filteredIllustIds.push(id);
}
illustIds = filteredIllustIds;
const filteredMangaIds = [];
for (const id of mangaIds) {
const isDownloaded = await historyDb.has(id);
!isDownloaded && filteredMangaIds.push(id);
}
mangaIds = filteredMangaIds;
}
async function* generateIds() {
const OFFSET = 48;
const baseUrl = "https://www.pixiv.net/ajax/user/" + userId + "/profile/illusts";
let workCategory = "illust";
while (illustIds.length > 0) {
let searchStr = "?";
const chunk = illustIds.splice(0, OFFSET);
searchStr += chunk.map((id) => "ids[]=" + id).join("&") + `&work_category=${workCategory}&is_first_page=0&lang=ja`;
const data2 = await api.getJson(baseUrl + searchStr);
await sleep(3e3);
yield await filterWorks(Object.values(data2.works).reverse(), filterOption);
}
workCategory = "manga";
while (mangaIds.length > 0) {
let searchStr = "?";
const chunk = mangaIds.splice(0, OFFSET);
searchStr += chunk.map((id) => "ids[]=" + id).join("&") + `&work_category=${workCategory}&is_first_page=0&lang=ja`;
const data2 = await api.getJson(baseUrl + searchStr);
await sleep(3e3);
yield await filterWorks(Object.values(data2.works).reverse(), filterOption);
}
}
return {
total: illustIds.length + mangaIds.length,
generator: generateIds()
};
}
};
function createCompressor() {
const zip = new JSZip();
return {
add(id, name, data2) {
var _a;
(_a = zip.folder(id)) == null ? void 0 : _a.file(name, data2);
},
bundle(id, comment) {
const folder = zip.folder(id);
if (!folder) throw new TypeError("no such folder:" + id);
return folder.generateAsync({ type: "blob", comment });
},
remove(ids) {
if (typeof ids === "string") {
zip.remove(ids);
} else {
const dirs = zip.filter((_, file) => file.dir).map((dir) => dir.name);
const dirsToDel = ids.filter((id) => dirs.some((dir) => dir.includes(id)));
dirsToDel.forEach((dir) => zip.remove(dir));
logger.info("Compressor: Remove", zip);
}
},
fileCount(id) {
var _a;
let count = 0;
(_a = zip.folder(id)) == null ? void 0 : _a.forEach(() => count++);
return count;
},
async unzip(data2) {
const id = Math.random().toString(36);
let folder = zip.folder(id);
if (!folder) throw TypeError("Can not get new root folder");
const filesPromises = [];
folder = await folder.loadAsync(data2);
folder.forEach((_, file) => {
filesPromises.push(file.async("blob"));
});
const files = await Promise.all(filesPromises);
zip.remove(id);
return files;
}
};
}
const compressor = createCompressor();
const gifWorker = (() => GM_getResourceText("gif.js/dist/gif.worker?raw"))();
const workerUrl$2 = URL.createObjectURL(new Blob([gifWorker], { type: "text/javascript" }));
function gif(frames, convertMeta) {
return Promise.all(frames.map((frame) => createImageBitmap(frame))).then(
(bitmaps) => {
return new Promise((resolve, reject) => {
logger.info("Start convert:", convertMeta.id);
logger.time(convertMeta.id);
const canvas = document.createElement("canvas");
const width = canvas.width = bitmaps[0].width;
const height = canvas.height = bitmaps[0].height;
const ctx = canvas.getContext("2d", { willReadFrequently: true });
const gif2 = new GIF({
workers: 2,
quality: config.get("gifQuality"),
width,
height,
workerScript: workerUrl$2
});
convertMeta.abort = () => {
gif2.abort();
};
bitmaps.forEach((bitmap, i) => {
ctx.drawImage(bitmap, 0, 0);
gif2.addFrame(ctx, {
copy: true,
delay: convertMeta.source.delays[i]
});
});
gif2.on("progress", (progress) => {
var _a;
(_a = convertMeta.onProgress) == null ? void 0 : _a.call(convertMeta, progress * 100);
});
gif2.on("finished", (gifBlob) => {
logger.timeEnd(convertMeta.id);
resolve(gifBlob);
});
gif2.on("abort", () => {
logger.timeEnd(convertMeta.id);
logger.warn("Convert stop manually. " + convertMeta.id);
convertMeta.isAborted = true;
reject(new CancelError());
});
gif2.render();
});
}
);
}
const pngWorkerFragment = "onmessage = async (evt) => {\n const { frames, delay, cnum = 256 } = evt.data;\n const bitmaps = await Promise.all(frames.map((blob) => createImageBitmap(blob)));\n\n const width = bitmaps[0].width;\n const height = bitmaps[0].height;\n const canvas = new OffscreenCanvas(width, height);\n const ctx = canvas.getContext('2d', { willReadFrequently: true });\n const u8arrs = [];\n\n for (let i = 0; i < bitmaps.length; i++) {\n ctx?.drawImage(bitmaps[i], 0, 0);\n u8arrs.push(ctx?.getImageData(0, 0, width, height).data);\n }\n\n const png = UPNG.encode(u8arrs, width, height, cnum, delay, { loop: 0 });\n if (!png) console.error('Convert Apng failed.');\n postMessage(png, [png]);\n};\n";
const UPNG = (() => GM_getResourceText("upng-js?raw"))();
const pako = (() => GM_getResourceText("pako?raw"))();
const workerUrl$1 = URL.createObjectURL(
new Blob(
[
pngWorkerFragment + pako + UPNG.replace("window.UPNG", "self.UPNG").replace("window.pako", "self.pako")
],
{
type: "text/javascript"
}
)
);
const freeApngWorkers = [];
function png(frames, convertMeta) {
return new Promise((resolve, reject) => {
logger.info("Start convert:", convertMeta.id);
logger.time(convertMeta.id);
let worker;
if (freeApngWorkers.length) {
worker = freeApngWorkers.shift();
logger.info("Reuse apng workers.");
} else {
worker = new Worker(workerUrl$1);
}
convertMeta.abort = () => {
logger.timeEnd(convertMeta.id);
logger.warn("Convert stop manually. " + convertMeta.id);
reject(new CancelError());
convertMeta.isAborted = true;
worker.terminate();
};
worker.onmessage = function(e) {
freeApngWorkers.push(worker);
logger.timeEnd(convertMeta.id);
if (!e.data) {
return reject(new TypeError("Failed to get png data. " + convertMeta.id));
}
const pngBlob = new Blob([e.data], { type: "image/png" });
resolve(pngBlob);
};
const delay = convertMeta.source.delays;
const cfg = { frames, delay, cnum: config.get("pngColor") };
worker.postMessage(cfg);
});
}
const webpWorkerFragment = "// Lossless encoding (0=lossy(default), 1=lossless).\n// quality: between 0 and 100. For lossy, 0 gives the smallest\n// size and 100 the largest. For lossless, this\n// parameter is the amount of effort put into the\n// compression: 0 is the fastest but gives larger\n// files compared to the slowest, but best, 100.\n// method: quality/speed trade-off (0=fast, 6=slower-better)\n\nlet webpApi = {};\nModule.onRuntimeInitialized = () => {\n webpApi = {\n init: Module.cwrap('init', '', ['number', 'number', 'number']),\n createBuffer: Module.cwrap('createBuffer', 'number', ['number']),\n addFrame: Module.cwrap('addFrame', 'number', ['number', 'number', 'number']),\n generate: Module.cwrap('generate', 'number', []),\n freeResult: Module.cwrap('freeResult', '', []),\n getResultPointer: Module.cwrap('getResultPointer', 'number', []),\n getResultSize: Module.cwrap('getResultSize', 'number', [])\n };\n\n postMessage('ok');\n};\n\nonmessage = async (evt) => {\n const { frames, delays, lossless = 0, quality = 95, method = 4 } = evt.data;\n\n webpApi.init(lossless, quality, method);\n\n const bitmaps = await Promise.all(frames.map((blob) => createImageBitmap(blob)));\n const width = bitmaps[0].width;\n const height = bitmaps[0].height;\n const canvas = new OffscreenCanvas(width, height);\n const ctx = canvas.getContext('2d');\n\n for (let i = 0; i < bitmaps.length; i++) {\n ctx?.drawImage(bitmaps[i], 0, 0);\n const webpBlob = await canvas.convertToBlob({\n type: 'image/webp',\n quality: lossless ? 1 : quality / 100\n });\n const buffer = await webpBlob.arrayBuffer();\n const u8a = new Uint8Array(buffer);\n const pointer = webpApi.createBuffer(u8a.length);\n\n Module.HEAPU8.set(u8a, pointer);\n webpApi.addFrame(pointer, u8a.length, delays[i]);\n postMessage(((i + 1) / bitmaps.length) * 100);\n }\n\n webpApi.generate();\n const resultPointer = webpApi.getResultPointer();\n const resultSize = webpApi.getResultSize();\n const result = new Uint8Array(Module.HEAP8.buffer, resultPointer, resultSize);\n postMessage(result);\n webpApi.freeResult();\n};\n";
const webpWasm = (() => GM_getResourceText("../wasm/toWebpWorker?raw"))();
const workerUrl = URL.createObjectURL(
new Blob([webpWasm + webpWorkerFragment], { type: "text/javascript" })
);
const freeWebpWorkers = [];
function webp(frames, convertMeta) {
return new Promise((resolve, reject) => {
logger.time(convertMeta.id);
let worker;
if (freeWebpWorkers.length) {
logger.info("Reuse webp workers.");
worker = freeWebpWorkers.shift();
resolve(worker);
} else {
worker = new Worker(workerUrl);
worker.onmessage = (evt) => {
if (evt.data === "ok") {
logger.info("Webp worker loaded.");
resolve(worker);
} else {
reject(evt.data);
}
};
}
}).then((worker) => {
if (convertMeta.isAborted) {
freeWebpWorkers.push(worker);
logger.timeEnd(convertMeta.id);
logger.warn("Convert stop manually." + convertMeta.id);
throw new CancelError();
}
return new Promise((resolve, reject) => {
worker.onmessage = (evt) => {
var _a;
if (convertMeta.isAborted) {
worker.terminate();
logger.timeEnd(convertMeta.id);
logger.warn("Convert stop manually." + convertMeta.id);
reject(new CancelError());
} else {
const data2 = evt.data;
if (typeof data2 !== "object") {
(_a = convertMeta.onProgress) == null ? void 0 : _a.call(convertMeta, evt.data);
} else {
logger.timeEnd(convertMeta.id);
freeWebpWorkers.push(worker);
resolve(new Blob([evt.data], { type: "image/webp" }));
}
}
};
const delays = convertMeta.source.delays;
worker.postMessage({
frames,
delays,
lossless: Number(config.get("losslessWebp")),
quality: config.get("webpQuality"),
method: config.get("webpMehtod")
});
});
});
}
function getDefaultExportFromCjs(x) {
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
}
var WebMWriter$1 = { exports: {} };
(function(module) {
(function() {
function extend(base, top) {
let target = {};
[base, top].forEach(function(obj) {
for (let prop in obj) {
if (Object.prototype.hasOwnProperty.call(obj, prop)) {
target[prop] = obj[prop];
}
}
});
return target;
}
function decodeBase64WebPDataURL(url2) {
if (typeof url2 !== "string" || !url2.match(/^data:image\/webp;base64,/i)) {
throw new Error("Failed to decode WebP Base64 URL");
}
return window.atob(url2.substring("data:image/webp;base64,".length));
}
function renderAsWebP(canvas, quality) {
let frame = typeof canvas === "string" && /^data:image\/webp/.test(canvas) ? canvas : canvas.toDataURL("image/webp", quality);
return decodeBase64WebPDataURL(frame);
}
function byteStringToUint32LE(string) {
let a = string.charCodeAt(0), b = string.charCodeAt(1), c = string.charCodeAt(2), d = string.charCodeAt(3);
return (a | b << 8 | c << 16 | d << 24) >>> 0;
}
function extractKeyframeFromWebP(webP) {
let cursor = webP.indexOf("VP8", 12);
if (cursor === -1) {
throw new Error("Bad image format, does this browser support WebP?");
}
let hasAlpha = false;
while (cursor < webP.length - 8) {
let chunkLength, fourCC;
fourCC = webP.substring(cursor, cursor + 4);
cursor += 4;
chunkLength = byteStringToUint32LE(webP.substring(cursor, cursor + 4));
cursor += 4;
switch (fourCC) {
case "VP8 ":
return {
frame: webP.substring(cursor, cursor + chunkLength),
hasAlpha
};
case "ALPH":
hasAlpha = true;
break;
}
cursor += chunkLength;
if ((chunkLength & 1) !== 0) {
cursor++;
}
}
throw new Error("Failed to find VP8 keyframe in WebP image, is this image mistakenly encoded in the Lossless WebP format?");
}
const EBML_SIZE_UNKNOWN = -1, EBML_SIZE_UNKNOWN_5_BYTES = -2;
function EBMLFloat32(value) {
this.value = value;
}
function EBMLFloat64(value) {
this.value = value;
}
function writeEBML(buffer, bufferFileOffset, ebml) {
if (Array.isArray(ebml)) {
for (let i = 0; i < ebml.length; i++) {
writeEBML(buffer, bufferFileOffset, ebml[i]);
}
} else if (typeof ebml === "string") {
buffer.writeString(ebml);
} else if (ebml instanceof Uint8Array) {
buffer.writeBytes(ebml);
} else if (ebml.id) {
ebml.offset = buffer.pos + bufferFileOffset;
buffer.writeUnsignedIntBE(ebml.id);
if (Array.isArray(ebml.data)) {
let sizePos, dataBegin, dataEnd;
if (ebml.size === EBML_SIZE_UNKNOWN) {
buffer.writeByte(255);
} else if (ebml.size === EBML_SIZE_UNKNOWN_5_BYTES) {
sizePos = buffer.pos;
buffer.writeBytes([15, 255, 255, 255, 255]);
} else {
sizePos = buffer.pos;
buffer.writeBytes([0, 0, 0, 0]);
}
dataBegin = buffer.pos;
ebml.dataOffset = dataBegin + bufferFileOffset;
writeEBML(buffer, bufferFileOffset, ebml.data);
if (ebml.size !== EBML_SIZE_UNKNOWN && ebml.size !== EBML_SIZE_UNKNOWN_5_BYTES) {
dataEnd = buffer.pos;
ebml.size = dataEnd - dataBegin;
buffer.seek(sizePos);
buffer.writeEBMLVarIntWidth(ebml.size, 4);
buffer.seek(dataEnd);
}
} else if (typeof ebml.data === "string") {
buffer.writeEBMLVarInt(ebml.data.length);
ebml.dataOffset = buffer.pos + bufferFileOffset;
buffer.writeString(ebml.data);
} else if (typeof ebml.data === "number") {
if (!ebml.size) {
ebml.size = buffer.measureUnsignedInt(ebml.data);
}
buffer.writeEBMLVarInt(ebml.size);
ebml.dataOffset = buffer.pos + bufferFileOffset;
buffer.writeUnsignedIntBE(ebml.data, ebml.size);
} else if (ebml.data instanceof EBMLFloat64) {
buffer.writeEBMLVarInt(8);
ebml.dataOffset = buffer.pos + bufferFileOffset;
buffer.writeDoubleBE(ebml.data.value);
} else if (ebml.data instanceof EBMLFloat32) {
buffer.writeEBMLVarInt(4);
ebml.dataOffset = buffer.pos + bufferFileOffset;
buffer.writeFloatBE(ebml.data.value);
} else if (ebml.data instanceof Uint8Array) {
buffer.writeEBMLVarInt(ebml.data.byteLength);
ebml.dataOffset = buffer.pos + bufferFileOffset;
buffer.writeBytes(ebml.data);
} else {
throw new Error("Bad EBML datatype " + typeof ebml.data);
}
} else {
throw new Error("Bad EBML datatype " + typeof ebml.data);
}
}
let WebMWriter2 = function(ArrayBufferDataStream2, BlobBuffer2) {
return function(options) {
let MAX_CLUSTER_DURATION_MSEC = 5e3, DEFAULT_TRACK_NUMBER = 1, writtenHeader = false, videoWidth = 0, videoHeight = 0, alphaBuffer = null, alphaBufferContext = null, alphaBufferData = null, clusterFrameBuffer = [], clusterStartTime = 0, clusterDuration = 0, optionDefaults = {
quality: 0.95,
// WebM image quality from 0.0 (worst) to 0.99999 (best), 1.00 (WebP lossless) is not supported
transparent: false,
// True if an alpha channel should be included in the video
alphaQuality: void 0,
// Allows you to set the quality level of the alpha channel separately.
// If not specified this defaults to the same value as `quality`.
fileWriter: null,
// Chrome FileWriter in order to stream to a file instead of buffering to memory (optional)
fd: null,
// Node.JS file descriptor to write to instead of buffering (optional)
// You must supply one of:
frameDuration: null,
// Duration of frames in milliseconds
frameRate: null
// Number of frames per second
}, seekPoints = {
Cues: { id: new Uint8Array([28, 83, 187, 107]), positionEBML: null },
SegmentInfo: { id: new Uint8Array([21, 73, 169, 102]), positionEBML: null },
Tracks: { id: new Uint8Array([22, 84, 174, 107]), positionEBML: null }
}, ebmlSegment, segmentDuration = {
"id": 17545,
// Duration
"data": new EBMLFloat64(0)
}, seekHead, cues = [], blobBuffer = new BlobBuffer2(options.fileWriter || options.fd);
function fileOffsetToSegmentRelative(fileOffset) {
return fileOffset - ebmlSegment.dataOffset;
}
function convertAlphaToGrayscaleImage(source) {
if (alphaBuffer === null || alphaBuffer.width !== source.width || alphaBuffer.height !== source.height) {
alphaBuffer = document.createElement("canvas");
alphaBuffer.width = source.width;
alphaBuffer.height = source.height;
alphaBufferContext = alphaBuffer.getContext("2d");
alphaBufferData = alphaBufferContext.createImageData(alphaBuffer.width, alphaBuffer.height);
}
let sourceContext = source.getContext("2d"), sourceData = sourceContext.getImageData(0, 0, source.width, source.height).data, destData = alphaBufferData.data, dstCursor = 0, srcEnd = source.width * source.height * 4;
for (let srcCursor = 3; srcCursor < srcEnd; srcCursor += 4) {
let alpha = sourceData[srcCursor];
destData[dstCursor++] = alpha;
destData[dstCursor++] = alpha;
destData[dstCursor++] = alpha;
destData[dstCursor++] = 255;
}
alphaBufferContext.putImageData(alphaBufferData, 0, 0);
return alphaBuffer;
}
function createSeekHead() {
let seekPositionEBMLTemplate = {
"id": 21420,
// SeekPosition
"size": 5,
// Allows for 32GB video files
"data": 0
// We'll overwrite this when the file is complete
}, result = {
"id": 290298740,
// SeekHead
"data": []
};
for (let name in seekPoints) {
let seekPoint = seekPoints[name];
seekPoint.positionEBML = Object.create(seekPositionEBMLTemplate);
result.data.push({
"id": 19899,
// Seek
"data": [
{
"id": 21419,
// SeekID
"data": seekPoint.id
},
seekPoint.positionEBML
]
});
}
return result;
}
function writeHeader() {
seekHead = createSeekHead();
let ebmlHeader = {
"id": 440786851,
// EBML
"data": [
{
"id": 17030,
// EBMLVersion
"data": 1
},
{
"id": 17143,
// EBMLReadVersion
"data": 1
},
{
"id": 17138,
// EBMLMaxIDLength
"data": 4
},
{
"id": 17139,
// EBMLMaxSizeLength
"data": 8
},
{
"id": 17026,
// DocType
"data": "webm"
},
{
"id": 17031,
// DocTypeVersion
"data": 2
},
{
"id": 17029,
// DocTypeReadVersion
"data": 2
}
]
}, segmentInfo = {
"id": 357149030,
// Info
"data": [
{
"id": 2807729,
// TimecodeScale
"data": 1e6
// Times will be in miliseconds (1e6 nanoseconds per step = 1ms)
},
{
"id": 19840,
// MuxingApp
"data": "webm-writer-js"
},
{
"id": 22337,
// WritingApp
"data": "webm-writer-js"
},
segmentDuration
// To be filled in later
]
}, videoProperties = [
{
"id": 176,
// PixelWidth
"data": videoWidth
},
{
"id": 186,
// PixelHeight
"data": videoHeight
}
];
if (options.transparent) {
videoProperties.push(
{
"id": 21440,
// AlphaMode
"data": 1
}
);
}
let tracks = {
"id": 374648427,
// Tracks
"data": [
{
"id": 174,
// TrackEntry
"data": [
{
"id": 215,
// TrackNumber
"data": DEFAULT_TRACK_NUMBER
},
{
"id": 29637,
// TrackUID
"data": DEFAULT_TRACK_NUMBER
},
{
"id": 156,
// FlagLacing
"data": 0
},
{
"id": 2274716,
// Language
"data": "und"
},
{
"id": 134,
// CodecID
"data": "V_VP8"
},
{
"id": 2459272,
// CodecName
"data": "VP8"
},
{
"id": 131,
// TrackType
"data": 1
},
{
"id": 224,
// Video
"data": videoProperties
}
]
}
]
};
ebmlSegment = {
"id": 408125543,
// Segment
"size": EBML_SIZE_UNKNOWN_5_BYTES,
// We'll seek back and fill this in at completion
"data": [
seekHead,
segmentInfo,
tracks
]
};
let bufferStream = new ArrayBufferDataStream2(256);
writeEBML(bufferStream, blobBuffer.pos, [ebmlHeader, ebmlSegment]);
blobBuffer.write(bufferStream.getAsDataArray());
seekPoints.SegmentInfo.positionEBML.data = fileOffsetToSegmentRelative(segmentInfo.offset);
seekPoints.Tracks.positionEBML.data = fileOffsetToSegmentRelative(tracks.offset);
writtenHeader = true;
}
function createBlockGroupForTransparentKeyframe(keyframe) {
let block, blockAdditions, bufferStream = new ArrayBufferDataStream2(1 + 2 + 1);
if (!(keyframe.trackNumber > 0 && keyframe.trackNumber < 127)) {
throw new Error("TrackNumber must be > 0 and < 127");
}
bufferStream.writeEBMLVarInt(keyframe.trackNumber);
bufferStream.writeU16BE(keyframe.timecode);
bufferStream.writeByte(0);
block = {
"id": 161,
// Block
"data": [
bufferStream.getAsDataArray(),
keyframe.frame
]
};
blockAdditions = {
"id": 30113,
// BlockAdditions
"data": [
{
"id": 166,
// BlockMore
"data": [
{
"id": 238,
// BlockAddID
"data": 1
// Means "BlockAdditional has a codec-defined meaning, pass it to the codec"
},
{
"id": 165,
// BlockAdditional
"data": keyframe.alpha
// The actual alpha channel image
}
]
}
]
};
return {
"id": 160,
// BlockGroup
"data": [
block,
blockAdditions
]
};
}
function createSimpleBlockForKeyframe(keyframe) {
let bufferStream = new ArrayBufferDataStream2(1 + 2 + 1);
if (!(keyframe.trackNumber > 0 && keyframe.trackNumber < 127)) {
throw new Error("TrackNumber must be > 0 and < 127");
}
bufferStream.writeEBMLVarInt(keyframe.trackNumber);
bufferStream.writeU16BE(keyframe.timecode);
bufferStream.writeByte(
1 << 7
// Keyframe
);
return {
"id": 163,
// SimpleBlock
"data": [
bufferStream.getAsDataArray(),
keyframe.frame
]
};
}
function createContainerForKeyframe(keyframe) {
if (keyframe.alpha) {
return createBlockGroupForTransparentKeyframe(keyframe);
}
return createSimpleBlockForKeyframe(keyframe);
}
function createCluster(cluster) {
return {
"id": 524531317,
"data": [
{
"id": 231,
// Timecode
"data": Math.round(cluster.timecode)
}
]
};
}
function addCuePoint(trackIndex, clusterTime, clusterFileOffset) {
cues.push({
"id": 187,
// Cue
"data": [
{
"id": 179,
// CueTime
"data": clusterTime
},
{
"id": 183,
// CueTrackPositions
"data": [
{
"id": 247,
// CueTrack
"data": trackIndex
},
{
"id": 241,
// CueClusterPosition
"data": fileOffsetToSegmentRelative(clusterFileOffset)
}
]
}
]
});
}
function writeCues() {
let ebml = {
"id": 475249515,
"data": cues
}, cuesBuffer = new ArrayBufferDataStream2(16 + cues.length * 32);
writeEBML(cuesBuffer, blobBuffer.pos, ebml);
blobBuffer.write(cuesBuffer.getAsDataArray());
seekPoints.Cues.positionEBML.data = fileOffsetToSegmentRelative(ebml.offset);
}
function flushClusterFrameBuffer() {
if (clusterFrameBuffer.length === 0) {
return;
}
let rawImageSize = 0;
for (let i = 0; i < clusterFrameBuffer.length; i++) {
rawImageSize += clusterFrameBuffer[i].frame.length + (clusterFrameBuffer[i].alpha ? clusterFrameBuffer[i].alpha.length : 0);
}
let buffer = new ArrayBufferDataStream2(rawImageSize + clusterFrameBuffer.length * 64), cluster = createCluster({
timecode: Math.round(clusterStartTime)
});
for (let i = 0; i < clusterFrameBuffer.length; i++) {
cluster.data.push(createContainerForKeyframe(clusterFrameBuffer[i]));
}
writeEBML(buffer, blobBuffer.pos, cluster);
blobBuffer.write(buffer.getAsDataArray());
addCuePoint(DEFAULT_TRACK_NUMBER, Math.round(clusterStartTime), cluster.offset);
clusterFrameBuffer = [];
clusterStartTime += clusterDuration;
clusterDuration = 0;
}
function validateOptions() {
if (!options.frameDuration) {
if (options.frameRate) {
options.frameDuration = 1e3 / options.frameRate;
} else {
throw new Error("Missing required frameDuration or frameRate setting");
}
}
options.quality = Math.max(Math.min(options.quality, 0.99999), 0);
if (options.alphaQuality === void 0) {
options.alphaQuality = options.quality;
} else {
options.alphaQuality = Math.max(Math.min(options.alphaQuality, 0.99999), 0);
}
}
function addFrameToCluster(frame) {
frame.trackNumber = DEFAULT_TRACK_NUMBER;
frame.timecode = Math.round(clusterDuration);
clusterFrameBuffer.push(frame);
clusterDuration += frame.duration;
if (clusterDuration >= MAX_CLUSTER_DURATION_MSEC) {
flushClusterFrameBuffer();
}
}
function rewriteSeekHead() {
let seekHeadBuffer = new ArrayBufferDataStream2(seekHead.size), oldPos = blobBuffer.pos;
writeEBML(seekHeadBuffer, seekHead.dataOffset, seekHead.data);
blobBuffer.seek(seekHead.dataOffset);
blobBuffer.write(seekHeadBuffer.getAsDataArray());
blobBuffer.seek(oldPos);
}
function rewriteDuration() {
let buffer = new ArrayBufferDataStream2(8), oldPos = blobBuffer.pos;
buffer.writeDoubleBE(clusterStartTime);
blobBuffer.seek(segmentDuration.dataOffset);
blobBuffer.write(buffer.getAsDataArray());
blobBuffer.seek(oldPos);
}
function rewriteSegmentLength() {
let buffer = new ArrayBufferDataStream2(10), oldPos = blobBuffer.pos;
buffer.writeUnsignedIntBE(ebmlSegment.id);
buffer.writeEBMLVarIntWidth(blobBuffer.pos - ebmlSegment.dataOffset, 5);
blobBuffer.seek(ebmlSegment.offset);
blobBuffer.write(buffer.getAsDataArray());
blobBuffer.seek(oldPos);
}
this.addFrame = function(frame, alpha, overrideFrameDuration) {
if (!writtenHeader) {
videoWidth = frame.width || 0;
videoHeight = frame.height || 0;
writeHeader();
}
let keyframe = extractKeyframeFromWebP(renderAsWebP(frame, options.quality)), frameDuration, frameAlpha = null;
if (overrideFrameDuration) {
frameDuration = overrideFrameDuration;
} else if (typeof alpha == "number") {
frameDuration = alpha;
} else {
frameDuration = options.frameDuration;
}
if (options.transparent) {
if (alpha instanceof HTMLCanvasElement || typeof alpha === "string") {
frameAlpha = alpha;
} else if (keyframe.hasAlpha) {
frameAlpha = convertAlphaToGrayscaleImage(frame);
}
}
addFrameToCluster({
frame: keyframe.frame,
duration: frameDuration,
alpha: frameAlpha ? extractKeyframeFromWebP(renderAsWebP(frameAlpha, options.alphaQuality)).frame : null
});
};
this.complete = function() {
if (!writtenHeader) {
writeHeader();
}
flushClusterFrameBuffer();
writeCues();
rewriteSeekHead();
rewriteDuration();
rewriteSegmentLength();
return blobBuffer.complete("video/webm");
};
this.getWrittenSize = function() {
return blobBuffer.length;
};
options = extend(optionDefaults, options || {});
validateOptions();
};
};
{
module.exports = WebMWriter2;
}
})();
})(WebMWriter$1);
var WebMWriterExports = WebMWriter$1.exports;
var ArrayBufferDataStream = { exports: {} };
(function(module) {
(function() {
let ArrayBufferDataStream2 = function(length) {
this.data = new Uint8Array(length);
this.pos = 0;
};
ArrayBufferDataStream2.prototype.seek = function(toOffset) {
this.pos = toOffset;
};
ArrayBufferDataStream2.prototype.writeBytes = function(arr) {
for (let i = 0; i < arr.length; i++) {
this.data[this.pos++] = arr[i];
}
};
ArrayBufferDataStream2.prototype.writeByte = function(b) {
this.data[this.pos++] = b;
};
ArrayBufferDataStream2.prototype.writeU8 = ArrayBufferDataStream2.prototype.writeByte;
ArrayBufferDataStream2.prototype.writeU16BE = function(u) {
this.data[this.pos++] = u >> 8;
this.data[this.pos++] = u;
};
ArrayBufferDataStream2.prototype.writeDoubleBE = function(d) {
let bytes2 = new Uint8Array(new Float64Array([d]).buffer);
for (let i = bytes2.length - 1; i >= 0; i--) {
this.writeByte(bytes2[i]);
}
};
ArrayBufferDataStream2.prototype.writeFloatBE = function(d) {
let bytes2 = new Uint8Array(new Float32Array([d]).buffer);
for (let i = bytes2.length - 1; i >= 0; i--) {
this.writeByte(bytes2[i]);
}
};
ArrayBufferDataStream2.prototype.writeString = function(s) {
for (let i = 0; i < s.length; i++) {
this.data[this.pos++] = s.charCodeAt(i);
}
};
ArrayBufferDataStream2.prototype.writeEBMLVarIntWidth = function(i, width) {
switch (width) {
case 1:
this.writeU8(1 << 7 | i);
break;
case 2:
this.writeU8(1 << 6 | i >> 8);
this.writeU8(i);
break;
case 3:
this.writeU8(1 << 5 | i >> 16);
this.writeU8(i >> 8);
this.writeU8(i);
break;
case 4:
this.writeU8(1 << 4 | i >> 24);
this.writeU8(i >> 16);
this.writeU8(i >> 8);
this.writeU8(i);
break;
case 5:
this.writeU8(1 << 3 | i / 4294967296 & 7);
this.writeU8(i >> 24);
this.writeU8(i >> 16);
this.writeU8(i >> 8);
this.writeU8(i);
break;
default:
throw new Error("Bad EBML VINT size " + width);
}
};
ArrayBufferDataStream2.prototype.measureEBMLVarInt = function(val) {
if (val < (1 << 7) - 1) {
return 1;
} else if (val < (1 << 14) - 1) {
return 2;
} else if (val < (1 << 21) - 1) {
return 3;
} else if (val < (1 << 28) - 1) {
return 4;
} else if (val < 34359738367) {
return 5;
} else {
throw new Error("EBML VINT size not supported " + val);
}
};
ArrayBufferDataStream2.prototype.writeEBMLVarInt = function(i) {
this.writeEBMLVarIntWidth(i, this.measureEBMLVarInt(i));
};
ArrayBufferDataStream2.prototype.writeUnsignedIntBE = function(u, width) {
if (width === void 0) {
width = this.measureUnsignedInt(u);
}
switch (width) {
case 5:
this.writeU8(Math.floor(u / 4294967296));
case 4:
this.writeU8(u >> 24);
case 3:
this.writeU8(u >> 16);
case 2:
this.writeU8(u >> 8);
case 1:
this.writeU8(u);
break;
default:
throw new Error("Bad UINT size " + width);
}
};
ArrayBufferDataStream2.prototype.measureUnsignedInt = function(val) {
if (val < 1 << 8) {
return 1;
} else if (val < 1 << 16) {
return 2;
} else if (val < 1 << 24) {
return 3;
} else if (val < 4294967296) {
return 4;
} else {
return 5;
}
};
ArrayBufferDataStream2.prototype.getAsDataArray = function() {
if (this.pos < this.data.byteLength) {
return this.data.subarray(0, this.pos);
} else if (this.pos == this.data.byteLength) {
return this.data;
} else {
throw new Error("ArrayBufferDataStream's pos lies beyond end of buffer");
}
};
{
module.exports = ArrayBufferDataStream2;
}
})();
})(ArrayBufferDataStream);
var ArrayBufferDataStreamExports = ArrayBufferDataStream.exports;
var BlobBuffer = { exports: {} };
(function(module) {
(function() {
let BlobBuffer2 = function(fs) {
return function(destination) {
let buffer = [], writePromise = Promise.resolve(), fileWriter = null, fd = null;
if (destination && destination.constructor.name === "FileWriter") {
fileWriter = destination;
} else if (fs && destination) {
fd = destination;
}
this.pos = 0;
this.length = 0;
function readBlobAsBuffer(blob) {
return new Promise(function(resolve, reject) {
let reader = new FileReader();
reader.addEventListener("loadend", function() {
resolve(reader.result);
});
reader.readAsArrayBuffer(blob);
});
}
function convertToUint8Array(thing) {
return new Promise(function(resolve, reject) {
if (thing instanceof Uint8Array) {
resolve(thing);
} else if (thing instanceof ArrayBuffer || ArrayBuffer.isView(thing)) {
resolve(new Uint8Array(thing));
} else if (thing instanceof Blob) {
resolve(readBlobAsBuffer(thing).then(function(buffer2) {
return new Uint8Array(buffer2);
}));
} else {
resolve(readBlobAsBuffer(new Blob([thing])).then(function(buffer2) {
return new Uint8Array(buffer2);
}));
}
});
}
function measureData(data2) {
let result = data2.byteLength || data2.length || data2.size;
if (!Number.isInteger(result)) {
throw new Error("Failed to determine size of element");
}
return result;
}
this.seek = function(offset) {
if (offset < 0) {
throw new Error("Offset may not be negative");
}
if (isNaN(offset)) {
throw new Error("Offset may not be NaN");
}
if (offset > this.length) {
throw new Error("Seeking beyond the end of file is not allowed");
}
this.pos = offset;
};
this.write = function(data2) {
let newEntry = {
offset: this.pos,
data: data2,
length: measureData(data2)
}, isAppend = newEntry.offset >= this.length;
this.pos += newEntry.length;
this.length = Math.max(this.length, this.pos);
writePromise = writePromise.then(function() {
if (fd) {
return new Promise(function(resolve, reject) {
convertToUint8Array(newEntry.data).then(function(dataArray) {
let totalWritten = 0, buffer2 = Buffer.from(dataArray.buffer), handleWriteComplete = function(err, written, buffer3) {
totalWritten += written;
if (totalWritten >= buffer3.length) {
resolve();
} else {
fs.write(fd, buffer3, totalWritten, buffer3.length - totalWritten, newEntry.offset + totalWritten, handleWriteComplete);
}
};
fs.write(fd, buffer2, 0, buffer2.length, newEntry.offset, handleWriteComplete);
});
});
} else if (fileWriter) {
return new Promise(function(resolve, reject) {
fileWriter.onwriteend = resolve;
fileWriter.seek(newEntry.offset);
fileWriter.write(new Blob([newEntry.data]));
});
} else if (!isAppend) {
for (let i = 0; i < buffer.length; i++) {
let entry = buffer[i];
if (!(newEntry.offset + newEntry.length <= entry.offset || newEntry.offset >= entry.offset + entry.length)) {
if (newEntry.offset < entry.offset || newEntry.offset + newEntry.length > entry.offset + entry.length) {
throw new Error("Overwrite crosses blob boundaries");
}
if (newEntry.offset == entry.offset && newEntry.length == entry.length) {
entry.data = newEntry.data;
return;
} else {
return convertToUint8Array(entry.data).then(function(entryArray) {
entry.data = entryArray;
return convertToUint8Array(newEntry.data);
}).then(function(newEntryArray) {
newEntry.data = newEntryArray;
entry.data.set(newEntry.data, newEntry.offset - entry.offset);
});
}
}
}
}
buffer.push(newEntry);
});
};
this.complete = function(mimeType) {
if (fd || fileWriter) {
writePromise = writePromise.then(function() {
return null;
});
} else {
writePromise = writePromise.then(function() {
let result = [];
for (let i = 0; i < buffer.length; i++) {
result.push(buffer[i].data);
}
return new Blob(result, { type: mimeType });
});
}
return writePromise;
};
};
};
{
module.exports = BlobBuffer2;
}
})();
})(BlobBuffer);
var BlobBufferExports = BlobBuffer.exports;
var browser = WebMWriterExports(ArrayBufferDataStreamExports, BlobBufferExports(null));
const WebMWriter = /* @__PURE__ */ getDefaultExportFromCjs(browser);
function webm(frames, convertMeta) {
const quality = config.get("webmQuality") / 100;
return Promise.all(frames.map((frame) => createImageBitmap(frame))).then((bitmaps) => {
if (convertMeta.isAborted) throw new CancelError();
const width = bitmaps[0].width;
const height = bitmaps[0].height;
const canvas = new OffscreenCanvas(width, height);
const ctx = canvas.getContext("2d");
const dataUrls = [];
for (let i = 0; i < frames.length; i++) {
ctx.drawImage(bitmaps[i], 0, 0);
const url2 = canvas.convertToBlob({ type: "image/webp", quality }).then(readBlobAsDataUrl);
dataUrls.push(url2);
}
return Promise.all(dataUrls);
}).then((dataUrls) => {
if (convertMeta.isAborted) throw new CancelError();
const videoWriter = new WebMWriter({
quality,
// WebM image quality from 0.0 (worst) to 0.99999 (best), 1.00 (VP8L lossless) is not supported
frameRate: 30,
// Number of frames per second
transparent: false
// True if an alpha channel should be included in the video
});
const delays = convertMeta.source.delays;
for (let i = 0; i < dataUrls.length; i++) {
videoWriter.addFrame(dataUrls[i], delays[i]);
}
return videoWriter.complete();
}).then((blob) => {
if (convertMeta.isAborted) throw new CancelError();
return blob;
});
}
var __accessCheck = (obj, member, msg) => {
if (!member.has(obj))
throw TypeError("Cannot " + msg);
};
var __privateGet = (obj, member, getter) => {
__accessCheck(obj, member, "read from private field");
return getter ? getter.call(obj) : member.get(obj);
};
var __privateAdd = (obj, member, value) => {
if (member.has(obj))
throw TypeError("Cannot add the same private member more than once");
member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
};
var __privateSet = (obj, member, value, setter) => {
__accessCheck(obj, member, "write to private field");
member.set(obj, value);
return value;
};
var __privateWrapper = (obj, member, setter, getter) => ({
set _(value) {
__privateSet(obj, member, value);
},
get _() {
return __privateGet(obj, member, getter);
}
});
var __privateMethod = (obj, member, method) => {
__accessCheck(obj, member, "access private method");
return method;
};
var bytes = new Uint8Array(8);
var view = new DataView(bytes.buffer);
var u8 = (value) => {
return [(value % 256 + 256) % 256];
};
var u16 = (value) => {
view.setUint16(0, value, false);
return [bytes[0], bytes[1]];
};
var i16 = (value) => {
view.setInt16(0, value, false);
return [bytes[0], bytes[1]];
};
var u24 = (value) => {
view.setUint32(0, value, false);
return [bytes[1], bytes[2], bytes[3]];
};
var u32 = (value) => {
view.setUint32(0, value, false);
return [bytes[0], bytes[1], bytes[2], bytes[3]];
};
var i32 = (value) => {
view.setInt32(0, value, false);
return [bytes[0], bytes[1], bytes[2], bytes[3]];
};
var u64 = (value) => {
view.setUint32(0, Math.floor(value / 2 ** 32), false);
view.setUint32(4, value, false);
return [bytes[0], bytes[1], bytes[2], bytes[3], bytes[4], bytes[5], bytes[6], bytes[7]];
};
var fixed_8_8 = (value) => {
view.setInt16(0, 2 ** 8 * value, false);
return [bytes[0], bytes[1]];
};
var fixed_16_16 = (value) => {
view.setInt32(0, 2 ** 16 * value, false);
return [bytes[0], bytes[1], bytes[2], bytes[3]];
};
var fixed_2_30 = (value) => {
view.setInt32(0, 2 ** 30 * value, false);
return [bytes[0], bytes[1], bytes[2], bytes[3]];
};
var ascii = (text2, nullTerminated = false) => {
let bytes2 = Array(text2.length).fill(null).map((_, i) => text2.charCodeAt(i));
if (nullTerminated)
bytes2.push(0);
return bytes2;
};
var last = (arr) => {
return arr && arr[arr.length - 1];
};
var lastPresentedSample = (samples) => {
let result = void 0;
for (let sample of samples) {
if (!result || sample.presentationTimestamp > result.presentationTimestamp) {
result = sample;
}
}
return result;
};
var intoTimescale = (timeInSeconds, timescale, round = true) => {
let value = timeInSeconds * timescale;
return round ? Math.round(value) : value;
};
var rotationMatrix = (rotationInDegrees) => {
let theta = rotationInDegrees * (Math.PI / 180);
let cosTheta = Math.cos(theta);
let sinTheta = Math.sin(theta);
return [
cosTheta,
sinTheta,
0,
-sinTheta,
cosTheta,
0,
0,
0,
1
];
};
var IDENTITY_MATRIX = rotationMatrix(0);
var matrixToBytes = (matrix) => {
return [
fixed_16_16(matrix[0]),
fixed_16_16(matrix[1]),
fixed_2_30(matrix[2]),
fixed_16_16(matrix[3]),
fixed_16_16(matrix[4]),
fixed_2_30(matrix[5]),
fixed_16_16(matrix[6]),
fixed_16_16(matrix[7]),
fixed_2_30(matrix[8])
];
};
var deepClone = (x) => {
if (!x)
return x;
if (typeof x !== "object")
return x;
if (Array.isArray(x))
return x.map(deepClone);
return Object.fromEntries(Object.entries(x).map(([key, value]) => [key, deepClone(value)]));
};
var isU32 = (value) => {
return value >= 0 && value < 2 ** 32;
};
var box = (type, contents, children2) => ({
type,
contents: contents && new Uint8Array(contents.flat(10)),
children: children2
});
var fullBox = (type, version, flags, contents, children2) => box(
type,
[u8(version), u24(flags), contents ?? []],
children2
);
var ftyp = (details) => {
let minorVersion = 512;
if (details.fragmented)
return box("ftyp", [
ascii("iso5"),
// Major brand
u32(minorVersion),
// Minor version
// Compatible brands
ascii("iso5"),
ascii("iso6"),
ascii("mp41")
]);
return box("ftyp", [
ascii("isom"),
// Major brand
u32(minorVersion),
// Minor version
// Compatible brands
ascii("isom"),
details.holdsAvc ? ascii("avc1") : [],
ascii("mp41")
]);
};
var mdat = (reserveLargeSize) => ({ type: "mdat", largeSize: reserveLargeSize });
var free = (size) => ({ type: "free", size });
var moov = (tracks, creationTime, fragmented = false) => box("moov", null, [
mvhd(creationTime, tracks),
...tracks.map((x) => trak(x, creationTime)),
fragmented ? mvex(tracks) : null
]);
var mvhd = (creationTime, tracks) => {
let duration = intoTimescale(Math.max(
0,
...tracks.filter((x) => x.samples.length > 0).map((x) => {
const lastSample = lastPresentedSample(x.samples);
return lastSample.presentationTimestamp + lastSample.duration;
})
), GLOBAL_TIMESCALE);
let nextTrackId = Math.max(...tracks.map((x) => x.id)) + 1;
let needsU64 = !isU32(creationTime) || !isU32(duration);
let u32OrU64 = needsU64 ? u64 : u32;
return fullBox("mvhd", +needsU64, 0, [
u32OrU64(creationTime),
// Creation time
u32OrU64(creationTime),
// Modification time
u32(GLOBAL_TIMESCALE),
// Timescale
u32OrU64(duration),
// Duration
fixed_16_16(1),
// Preferred rate
fixed_8_8(1),
// Preferred volume
Array(10).fill(0),
// Reserved
matrixToBytes(IDENTITY_MATRIX),
// Matrix
Array(24).fill(0),
// Pre-defined
u32(nextTrackId)
// Next track ID
]);
};
var trak = (track, creationTime) => box("trak", null, [
tkhd(track, creationTime),
mdia(track, creationTime)
]);
var tkhd = (track, creationTime) => {
let lastSample = lastPresentedSample(track.samples);
let durationInGlobalTimescale = intoTimescale(
lastSample ? lastSample.presentationTimestamp + lastSample.duration : 0,
GLOBAL_TIMESCALE
);
let needsU64 = !isU32(creationTime) || !isU32(durationInGlobalTimescale);
let u32OrU64 = needsU64 ? u64 : u32;
let matrix;
if (track.info.type === "video") {
matrix = typeof track.info.rotation === "number" ? rotationMatrix(track.info.rotation) : track.info.rotation;
} else {
matrix = IDENTITY_MATRIX;
}
return fullBox("tkhd", +needsU64, 3, [
u32OrU64(creationTime),
// Creation time
u32OrU64(creationTime),
// Modification time
u32(track.id),
// Track ID
u32(0),
// Reserved
u32OrU64(durationInGlobalTimescale),
// Duration
Array(8).fill(0),
// Reserved
u16(0),
// Layer
u16(0),
// Alternate group
fixed_8_8(track.info.type === "audio" ? 1 : 0),
// Volume
u16(0),
// Reserved
matrixToBytes(matrix),
// Matrix
fixed_16_16(track.info.type === "video" ? track.info.width : 0),
// Track width
fixed_16_16(track.info.type === "video" ? track.info.height : 0)
// Track height
]);
};
var mdia = (track, creationTime) => box("mdia", null, [
mdhd(track, creationTime),
hdlr(track.info.type === "video" ? "vide" : "soun"),
minf(track)
]);
var mdhd = (track, creationTime) => {
let lastSample = lastPresentedSample(track.samples);
let localDuration = intoTimescale(
lastSample ? lastSample.presentationTimestamp + lastSample.duration : 0,
track.timescale
);
let needsU64 = !isU32(creationTime) || !isU32(localDuration);
let u32OrU64 = needsU64 ? u64 : u32;
return fullBox("mdhd", +needsU64, 0, [
u32OrU64(creationTime),
// Creation time
u32OrU64(creationTime),
// Modification time
u32(track.timescale),
// Timescale
u32OrU64(localDuration),
// Duration
u16(21956),
// Language ("und", undetermined)
u16(0)
// Quality
]);
};
var hdlr = (componentSubtype) => fullBox("hdlr", 0, 0, [
ascii("mhlr"),
// Component type
ascii(componentSubtype),
// Component subtype
u32(0),
// Component manufacturer
u32(0),
// Component flags
u32(0),
// Component flags mask
ascii("mp4-muxer-hdlr", true)
// Component name
]);
var minf = (track) => box("minf", null, [
track.info.type === "video" ? vmhd() : smhd(),
dinf(),
stbl(track)
]);
var vmhd = () => fullBox("vmhd", 0, 1, [
u16(0),
// Graphics mode
u16(0),
// Opcolor R
u16(0),
// Opcolor G
u16(0)
// Opcolor B
]);
var smhd = () => fullBox("smhd", 0, 0, [
u16(0),
// Balance
u16(0)
// Reserved
]);
var dinf = () => box("dinf", null, [
dref()
]);
var dref = () => fullBox("dref", 0, 0, [
u32(1)
// Entry count
], [
url()
]);
var url = () => fullBox("url ", 0, 1);
var stbl = (track) => {
const needsCtts = track.compositionTimeOffsetTable.length > 1 || track.compositionTimeOffsetTable.some((x) => x.sampleCompositionTimeOffset !== 0);
return box("stbl", null, [
stsd(track),
stts(track),
stss(track),
stsc(track),
stsz(track),
stco(track),
needsCtts ? ctts(track) : null
]);
};
var stsd = (track) => fullBox("stsd", 0, 0, [
u32(1)
// Entry count
], [
track.info.type === "video" ? videoSampleDescription(
VIDEO_CODEC_TO_BOX_NAME[track.info.codec],
track
) : soundSampleDescription(
AUDIO_CODEC_TO_BOX_NAME[track.info.codec],
track
)
]);
var videoSampleDescription = (compressionType, track) => box(compressionType, [
Array(6).fill(0),
// Reserved
u16(1),
// Data reference index
u16(0),
// Pre-defined
u16(0),
// Reserved
Array(12).fill(0),
// Pre-defined
u16(track.info.width),
// Width
u16(track.info.height),
// Height
u32(4718592),
// Horizontal resolution
u32(4718592),
// Vertical resolution
u32(0),
// Reserved
u16(1),
// Frame count
Array(32).fill(0),
// Compressor name
u16(24),
// Depth
i16(65535)
// Pre-defined
], [
VIDEO_CODEC_TO_CONFIGURATION_BOX[track.info.codec](track)
]);
var avcC = (track) => track.info.decoderConfig && box("avcC", [
// For AVC, description is an AVCDecoderConfigurationRecord, so nothing else to do here
...new Uint8Array(track.info.decoderConfig.description)
]);
var hvcC = (track) => track.info.decoderConfig && box("hvcC", [
// For HEVC, description is a HEVCDecoderConfigurationRecord, so nothing else to do here
...new Uint8Array(track.info.decoderConfig.description)
]);
var vpcC = (track) => {
if (!track.info.decoderConfig) {
return null;
}
let decoderConfig = track.info.decoderConfig;
if (!decoderConfig.colorSpace) {
throw new Error(`'colorSpace' is required in the decoder config for VP9.`);
}
let parts = decoderConfig.codec.split(".");
let profile = Number(parts[1]);
let level = Number(parts[2]);
let bitDepth = Number(parts[3]);
let chromaSubsampling = 0;
let thirdByte = (bitDepth << 4) + (chromaSubsampling << 1) + Number(decoderConfig.colorSpace.fullRange);
let colourPrimaries = 2;
let transferCharacteristics = 2;
let matrixCoefficients = 2;
return fullBox("vpcC", 1, 0, [
u8(profile),
// Profile
u8(level),
// Level
u8(thirdByte),
// Bit depth, chroma subsampling, full range
u8(colourPrimaries),
// Colour primaries
u8(transferCharacteristics),
// Transfer characteristics
u8(matrixCoefficients),
// Matrix coefficients
u16(0)
// Codec initialization data size
]);
};
var av1C = () => {
let marker = 1;
let version = 1;
let firstByte = (marker << 7) + version;
return box("av1C", [
firstByte,
0,
0,
0
]);
};
var soundSampleDescription = (compressionType, track) => box(compressionType, [
Array(6).fill(0),
// Reserved
u16(1),
// Data reference index
u16(0),
// Version
u16(0),
// Revision level
u32(0),
// Vendor
u16(track.info.numberOfChannels),
// Number of channels
u16(16),
// Sample size (bits)
u16(0),
// Compression ID
u16(0),
// Packet size
fixed_16_16(track.info.sampleRate)
// Sample rate
], [
AUDIO_CODEC_TO_CONFIGURATION_BOX[track.info.codec](track)
]);
var esds = (track) => {
let description = new Uint8Array(track.info.decoderConfig.description);
return fullBox("esds", 0, 0, [
// https://stackoverflow.com/a/54803118
u32(58753152),
// TAG(3) = Object Descriptor ([2])
u8(32 + description.byteLength),
// length of this OD (which includes the next 2 tags)
u16(1),
// ES_ID = 1
u8(0),
// flags etc = 0
u32(75530368),
// TAG(4) = ES Descriptor ([2]) embedded in above OD
u8(18 + description.byteLength),
// length of this ESD
u8(64),
// MPEG-4 Audio
u8(21),
// stream type(6bits)=5 audio, flags(2bits)=1
u24(0),
// 24bit buffer size
u32(130071),
// max bitrate
u32(130071),
// avg bitrate
u32(92307584),
// TAG(5) = ASC ([2],[3]) embedded in above OD
u8(description.byteLength),
// length
...description,
u32(109084800),
// TAG(6)
u8(1),
// length
u8(2)
// data
]);
};
var dOps = (track) => box("dOps", [
u8(0),
// Version
u8(track.info.numberOfChannels),
// OutputChannelCount
u16(3840),
// PreSkip, should be at least 80 milliseconds worth of playback, measured in 48000 Hz samples
u32(track.info.sampleRate),
// InputSampleRate
fixed_8_8(0),
// OutputGain
u8(0)
// ChannelMappingFamily
]);
var stts = (track) => {
return fullBox("stts", 0, 0, [
u32(track.timeToSampleTable.length),
// Number of entries
track.timeToSampleTable.map((x) => [
// Time-to-sample table
u32(x.sampleCount),
// Sample count
u32(x.sampleDelta)
// Sample duration
])
]);
};
var stss = (track) => {
if (track.samples.every((x) => x.type === "key"))
return null;
let keySamples = [...track.samples.entries()].filter(([, sample]) => sample.type === "key");
return fullBox("stss", 0, 0, [
u32(keySamples.length),
// Number of entries
keySamples.map(([index]) => u32(index + 1))
// Sync sample table
]);
};
var stsc = (track) => {
return fullBox("stsc", 0, 0, [
u32(track.compactlyCodedChunkTable.length),
// Number of entries
track.compactlyCodedChunkTable.map((x) => [
// Sample-to-chunk table
u32(x.firstChunk),
// First chunk
u32(x.samplesPerChunk),
// Samples per chunk
u32(1)
// Sample description index
])
]);
};
var stsz = (track) => fullBox("stsz", 0, 0, [
u32(0),
// Sample size (0 means non-constant size)
u32(track.samples.length),
// Number of entries
track.samples.map((x) => u32(x.size))
// Sample size table
]);
var stco = (track) => {
if (track.finalizedChunks.length > 0 && last(track.finalizedChunks).offset >= 2 ** 32) {
return fullBox("co64", 0, 0, [
u32(track.finalizedChunks.length),
// Number of entries
track.finalizedChunks.map((x) => u64(x.offset))
// Chunk offset table
]);
}
return fullBox("stco", 0, 0, [
u32(track.finalizedChunks.length),
// Number of entries
track.finalizedChunks.map((x) => u32(x.offset))
// Chunk offset table
]);
};
var ctts = (track) => {
return fullBox("ctts", 0, 0, [
u32(track.compositionTimeOffsetTable.length),
// Number of entries
track.compositionTimeOffsetTable.map((x) => [
// Time-to-sample table
u32(x.sampleCount),
// Sample count
u32(x.sampleCompositionTimeOffset)
// Sample offset
])
]);
};
var mvex = (tracks) => {
return box("mvex", null, tracks.map(trex));
};
var trex = (track) => {
return fullBox("trex", 0, 0, [
u32(track.id),
// Track ID
u32(1),
// Default sample description index
u32(0),
// Default sample duration
u32(0),
// Default sample size
u32(0)
// Default sample flags
]);
};
var moof = (sequenceNumber, tracks) => {
return box("moof", null, [
mfhd(sequenceNumber),
...tracks.map(traf)
]);
};
var mfhd = (sequenceNumber) => {
return fullBox("mfhd", 0, 0, [
u32(sequenceNumber)
// Sequence number
]);
};
var fragmentSampleFlags = (sample) => {
let byte1 = 0;
let byte2 = 0;
let byte3 = 0;
let byte4 = 0;
let sampleIsDifferenceSample = sample.type === "delta";
byte2 |= +sampleIsDifferenceSample;
if (sampleIsDifferenceSample) {
byte1 |= 1;
} else {
byte1 |= 2;
}
return byte1 << 24 | byte2 << 16 | byte3 << 8 | byte4;
};
var traf = (track) => {
return box("traf", null, [
tfhd(track),
tfdt(track),
trun(track)
]);
};
var tfhd = (track) => {
let tfFlags = 0;
tfFlags |= 8;
tfFlags |= 16;
tfFlags |= 32;
tfFlags |= 131072;
let referenceSample = track.currentChunk.samples[1] ?? track.currentChunk.samples[0];
let referenceSampleInfo = {
duration: referenceSample.timescaleUnitsToNextSample,
size: referenceSample.size,
flags: fragmentSampleFlags(referenceSample)
};
return fullBox("tfhd", 0, tfFlags, [
u32(track.id),
// Track ID
u32(referenceSampleInfo.duration),
// Default sample duration
u32(referenceSampleInfo.size),
// Default sample size
u32(referenceSampleInfo.flags)
// Default sample flags
]);
};
var tfdt = (track) => {
return fullBox("tfdt", 1, 0, [
u64(intoTimescale(track.currentChunk.startTimestamp, track.timescale))
// Base Media Decode Time
]);
};
var trun = (track) => {
let allSampleDurations = track.currentChunk.samples.map((x) => x.timescaleUnitsToNextSample);
let allSampleSizes = track.currentChunk.samples.map((x) => x.size);
let allSampleFlags = track.currentChunk.samples.map(fragmentSampleFlags);
let allSampleCompositionTimeOffsets = track.currentChunk.samples.map((x) => intoTimescale(x.presentationTimestamp - x.decodeTimestamp, track.timescale));
let uniqueSampleDurations = new Set(allSampleDurations);
let uniqueSampleSizes = new Set(allSampleSizes);
let uniqueSampleFlags = new Set(allSampleFlags);
let uniqueSampleCompositionTimeOffsets = new Set(allSampleCompositionTimeOffsets);
let firstSampleFlagsPresent = uniqueSampleFlags.size === 2 && allSampleFlags[0] !== allSampleFlags[1];
let sampleDurationPresent = uniqueSampleDurations.size > 1;
let sampleSizePresent = uniqueSampleSizes.size > 1;
let sampleFlagsPresent = !firstSampleFlagsPresent && uniqueSampleFlags.size > 1;
let sampleCompositionTimeOffsetsPresent = uniqueSampleCompositionTimeOffsets.size > 1 || [...uniqueSampleCompositionTimeOffsets].some((x) => x !== 0);
let flags = 0;
flags |= 1;
flags |= 4 * +firstSampleFlagsPresent;
flags |= 256 * +sampleDurationPresent;
flags |= 512 * +sampleSizePresent;
flags |= 1024 * +sampleFlagsPresent;
flags |= 2048 * +sampleCompositionTimeOffsetsPresent;
return fullBox("trun", 1, flags, [
u32(track.currentChunk.samples.length),
// Sample count
u32(track.currentChunk.offset - track.currentChunk.moofOffset || 0),
// Data offset
firstSampleFlagsPresent ? u32(allSampleFlags[0]) : [],
track.currentChunk.samples.map((_, i) => [
sampleDurationPresent ? u32(allSampleDurations[i]) : [],
// Sample duration
sampleSizePresent ? u32(allSampleSizes[i]) : [],
// Sample size
sampleFlagsPresent ? u32(allSampleFlags[i]) : [],
// Sample flags
// Sample composition time offsets
sampleCompositionTimeOffsetsPresent ? i32(allSampleCompositionTimeOffsets[i]) : []
])
]);
};
var mfra = (tracks) => {
return box("mfra", null, [
...tracks.map(tfra),
mfro()
]);
};
var tfra = (track, trackIndex) => {
let version = 1;
return fullBox("tfra", version, 0, [
u32(track.id),
// Track ID
u32(63),
// This specifies that traf number, trun number and sample number are 32-bit ints
u32(track.finalizedChunks.length),
// Number of entries
track.finalizedChunks.map((chunk) => [
u64(intoTimescale(chunk.startTimestamp, track.timescale)),
// Time
u64(chunk.moofOffset),
// moof offset
u32(trackIndex + 1),
// traf number
u32(1),
// trun number
u32(1)
// Sample number
])
]);
};
var mfro = () => {
return fullBox("mfro", 0, 0, [
// This value needs to be overwritten manually from the outside, where the actual size of the enclosing mfra box
// is known
u32(0)
// Size
]);
};
var VIDEO_CODEC_TO_BOX_NAME = {
"avc": "avc1",
"hevc": "hvc1",
"vp9": "vp09",
"av1": "av01"
};
var VIDEO_CODEC_TO_CONFIGURATION_BOX = {
"avc": avcC,
"hevc": hvcC,
"vp9": vpcC,
"av1": av1C
};
var AUDIO_CODEC_TO_BOX_NAME = {
"aac": "mp4a",
"opus": "Opus"
};
var AUDIO_CODEC_TO_CONFIGURATION_BOX = {
"aac": esds,
"opus": dOps
};
var ArrayBufferTarget = class {
constructor() {
this.buffer = null;
}
};
var StreamTarget = class {
constructor(options) {
this.options = options;
}
};
var FileSystemWritableFileStreamTarget = class {
constructor(stream, options) {
this.stream = stream;
this.options = options;
}
};
var _helper, _helperView;
var Writer = class {
constructor() {
this.pos = 0;
__privateAdd(this, _helper, new Uint8Array(8));
__privateAdd(this, _helperView, new DataView(__privateGet(this, _helper).buffer));
this.offsets = /* @__PURE__ */ new WeakMap();
}
/** Sets the current position for future writes to a new one. */
seek(newPos) {
this.pos = newPos;
}
writeU32(value) {
__privateGet(this, _helperView).setUint32(0, value, false);
this.write(__privateGet(this, _helper).subarray(0, 4));
}
writeU64(value) {
__privateGet(this, _helperView).setUint32(0, Math.floor(value / 2 ** 32), false);
__privateGet(this, _helperView).setUint32(4, value, false);
this.write(__privateGet(this, _helper).subarray(0, 8));
}
writeAscii(text2) {
for (let i = 0; i < text2.length; i++) {
__privateGet(this, _helperView).setUint8(i % 8, text2.charCodeAt(i));
if (i % 8 === 7)
this.write(__privateGet(this, _helper));
}
if (text2.length % 8 !== 0) {
this.write(__privateGet(this, _helper).subarray(0, text2.length % 8));
}
}
writeBox(box2) {
this.offsets.set(box2, this.pos);
if (box2.contents && !box2.children) {
this.writeBoxHeader(box2, box2.size ?? box2.contents.byteLength + 8);
this.write(box2.contents);
} else {
let startPos = this.pos;
this.writeBoxHeader(box2, 0);
if (box2.contents)
this.write(box2.contents);
if (box2.children) {
for (let child of box2.children)
if (child)
this.writeBox(child);
}
let endPos = this.pos;
let size = box2.size ?? endPos - startPos;
this.seek(startPos);
this.writeBoxHeader(box2, size);
this.seek(endPos);
}
}
writeBoxHeader(box2, size) {
this.writeU32(box2.largeSize ? 1 : size);
this.writeAscii(box2.type);
if (box2.largeSize)
this.writeU64(size);
}
measureBoxHeader(box2) {
return 8 + (box2.largeSize ? 8 : 0);
}
patchBox(box2) {
let endPos = this.pos;
this.seek(this.offsets.get(box2));
this.writeBox(box2);
this.seek(endPos);
}
measureBox(box2) {
if (box2.contents && !box2.children) {
let headerSize = this.measureBoxHeader(box2);
return headerSize + box2.contents.byteLength;
} else {
let result = this.measureBoxHeader(box2);
if (box2.contents)
result += box2.contents.byteLength;
if (box2.children) {
for (let child of box2.children)
if (child)
result += this.measureBox(child);
}
return result;
}
}
};
_helper = /* @__PURE__ */ new WeakMap();
_helperView = /* @__PURE__ */ new WeakMap();
var _target, _buffer, _bytes, _maxPos, _ensureSize, ensureSize_fn;
var ArrayBufferTargetWriter = class extends Writer {
constructor(target) {
super();
__privateAdd(this, _ensureSize);
__privateAdd(this, _target, void 0);
__privateAdd(this, _buffer, new ArrayBuffer(2 ** 16));
__privateAdd(this, _bytes, new Uint8Array(__privateGet(this, _buffer)));
__privateAdd(this, _maxPos, 0);
__privateSet(this, _target, target);
}
write(data2) {
__privateMethod(this, _ensureSize, ensureSize_fn).call(this, this.pos + data2.byteLength);
__privateGet(this, _bytes).set(data2, this.pos);
this.pos += data2.byteLength;
__privateSet(this, _maxPos, Math.max(__privateGet(this, _maxPos), this.pos));
}
finalize() {
__privateMethod(this, _ensureSize, ensureSize_fn).call(this, this.pos);
__privateGet(this, _target).buffer = __privateGet(this, _buffer).slice(0, Math.max(__privateGet(this, _maxPos), this.pos));
}
};
_target = /* @__PURE__ */ new WeakMap();
_buffer = /* @__PURE__ */ new WeakMap();
_bytes = /* @__PURE__ */ new WeakMap();
_maxPos = /* @__PURE__ */ new WeakMap();
_ensureSize = /* @__PURE__ */ new WeakSet();
ensureSize_fn = function(size) {
let newLength = __privateGet(this, _buffer).byteLength;
while (newLength < size)
newLength *= 2;
if (newLength === __privateGet(this, _buffer).byteLength)
return;
let newBuffer = new ArrayBuffer(newLength);
let newBytes = new Uint8Array(newBuffer);
newBytes.set(__privateGet(this, _bytes), 0);
__privateSet(this, _buffer, newBuffer);
__privateSet(this, _bytes, newBytes);
};
var _target2, _sections;
var StreamTargetWriter = class extends Writer {
constructor(target) {
super();
__privateAdd(this, _target2, void 0);
__privateAdd(this, _sections, []);
__privateSet(this, _target2, target);
}
write(data2) {
__privateGet(this, _sections).push({
data: data2.slice(),
start: this.pos
});
this.pos += data2.byteLength;
}
flush() {
var _a, _b;
if (__privateGet(this, _sections).length === 0)
return;
let chunks = [];
let sorted = [...__privateGet(this, _sections)].sort((a, b) => a.start - b.start);
chunks.push({
start: sorted[0].start,
size: sorted[0].data.byteLength
});
for (let i = 1; i < sorted.length; i++) {
let lastChunk = chunks[chunks.length - 1];
let section = sorted[i];
if (section.start <= lastChunk.start + lastChunk.size) {
lastChunk.size = Math.max(lastChunk.size, section.start + section.data.byteLength - lastChunk.start);
} else {
chunks.push({
start: section.start,
size: section.data.byteLength
});
}
}
for (let chunk of chunks) {
chunk.data = new Uint8Array(chunk.size);
for (let section of __privateGet(this, _sections)) {
if (chunk.start <= section.start && section.start < chunk.start + chunk.size) {
chunk.data.set(section.data, section.start - chunk.start);
}
}
(_b = (_a = __privateGet(this, _target2).options).onData) == null ? void 0 : _b.call(_a, chunk.data, chunk.start);
}
__privateGet(this, _sections).length = 0;
}
finalize() {
}
};
_target2 = /* @__PURE__ */ new WeakMap();
_sections = /* @__PURE__ */ new WeakMap();
var DEFAULT_CHUNK_SIZE = 2 ** 24;
var MAX_CHUNKS_AT_ONCE = 2;
var _target3, _chunkSize, _chunks, _writeDataIntoChunks, writeDataIntoChunks_fn, _insertSectionIntoChunk, insertSectionIntoChunk_fn, _createChunk, createChunk_fn, _flushChunks, flushChunks_fn;
var ChunkedStreamTargetWriter = class extends Writer {
constructor(target) {
var _a;
super();
__privateAdd(this, _writeDataIntoChunks);
__privateAdd(this, _insertSectionIntoChunk);
__privateAdd(this, _createChunk);
__privateAdd(this, _flushChunks);
__privateAdd(this, _target3, void 0);
__privateAdd(this, _chunkSize, void 0);
__privateAdd(this, _chunks, []);
__privateSet(this, _target3, target);
__privateSet(this, _chunkSize, ((_a = target.options) == null ? void 0 : _a.chunkSize) ?? DEFAULT_CHUNK_SIZE);
if (!Number.isInteger(__privateGet(this, _chunkSize)) || __privateGet(this, _chunkSize) < 2 ** 10) {
throw new Error("Invalid StreamTarget options: chunkSize must be an integer not smaller than 1024.");
}
}
write(data2) {
__privateMethod(this, _writeDataIntoChunks, writeDataIntoChunks_fn).call(this, data2, this.pos);
__privateMethod(this, _flushChunks, flushChunks_fn).call(this);
this.pos += data2.byteLength;
}
finalize() {
__privateMethod(this, _flushChunks, flushChunks_fn).call(this, true);
}
};
_target3 = /* @__PURE__ */ new WeakMap();
_chunkSize = /* @__PURE__ */ new WeakMap();
_chunks = /* @__PURE__ */ new WeakMap();
_writeDataIntoChunks = /* @__PURE__ */ new WeakSet();
writeDataIntoChunks_fn = function(data2, position) {
let chunkIndex = __privateGet(this, _chunks).findIndex((x) => x.start <= position && position < x.start + __privateGet(this, _chunkSize));
if (chunkIndex === -1)
chunkIndex = __privateMethod(this, _createChunk, createChunk_fn).call(this, position);
let chunk = __privateGet(this, _chunks)[chunkIndex];
let relativePosition = position - chunk.start;
let toWrite = data2.subarray(0, Math.min(__privateGet(this, _chunkSize) - relativePosition, data2.byteLength));
chunk.data.set(toWrite, relativePosition);
let section = {
start: relativePosition,
end: relativePosition + toWrite.byteLength
};
__privateMethod(this, _insertSectionIntoChunk, insertSectionIntoChunk_fn).call(this, chunk, section);
if (chunk.written[0].start === 0 && chunk.written[0].end === __privateGet(this, _chunkSize)) {
chunk.shouldFlush = true;
}
if (__privateGet(this, _chunks).length > MAX_CHUNKS_AT_ONCE) {
for (let i = 0; i < __privateGet(this, _chunks).length - 1; i++) {
__privateGet(this, _chunks)[i].shouldFlush = true;
}
__privateMethod(this, _flushChunks, flushChunks_fn).call(this);
}
if (toWrite.byteLength < data2.byteLength) {
__privateMethod(this, _writeDataIntoChunks, writeDataIntoChunks_fn).call(this, data2.subarray(toWrite.byteLength), position + toWrite.byteLength);
}
};
_insertSectionIntoChunk = /* @__PURE__ */ new WeakSet();
insertSectionIntoChunk_fn = function(chunk, section) {
let low = 0;
let high = chunk.written.length - 1;
let index = -1;
while (low <= high) {
let mid = Math.floor(low + (high - low + 1) / 2);
if (chunk.written[mid].start <= section.start) {
low = mid + 1;
index = mid;
} else {
high = mid - 1;
}
}
chunk.written.splice(index + 1, 0, section);
if (index === -1 || chunk.written[index].end < section.start)
index++;
while (index < chunk.written.length - 1 && chunk.written[index].end >= chunk.written[index + 1].start) {
chunk.written[index].end = Math.max(chunk.written[index].end, chunk.written[index + 1].end);
chunk.written.splice(index + 1, 1);
}
};
_createChunk = /* @__PURE__ */ new WeakSet();
createChunk_fn = function(includesPosition) {
let start = Math.floor(includesPosition / __privateGet(this, _chunkSize)) * __privateGet(this, _chunkSize);
let chunk = {
start,
data: new Uint8Array(__privateGet(this, _chunkSize)),
written: [],
shouldFlush: false
};
__privateGet(this, _chunks).push(chunk);
__privateGet(this, _chunks).sort((a, b) => a.start - b.start);
return __privateGet(this, _chunks).indexOf(chunk);
};
_flushChunks = /* @__PURE__ */ new WeakSet();
flushChunks_fn = function(force = false) {
var _a, _b;
for (let i = 0; i < __privateGet(this, _chunks).length; i++) {
let chunk = __privateGet(this, _chunks)[i];
if (!chunk.shouldFlush && !force)
continue;
for (let section of chunk.written) {
(_b = (_a = __privateGet(this, _target3).options).onData) == null ? void 0 : _b.call(
_a,
chunk.data.subarray(section.start, section.end),
chunk.start + section.start
);
}
__privateGet(this, _chunks).splice(i--, 1);
}
};
var FileSystemWritableFileStreamTargetWriter = class extends ChunkedStreamTargetWriter {
constructor(target) {
var _a;
super(new StreamTarget({
onData: (data2, position) => target.stream.write({
type: "write",
data: data2,
position
}),
chunkSize: (_a = target.options) == null ? void 0 : _a.chunkSize
}));
}
};
var GLOBAL_TIMESCALE = 1e3;
var SUPPORTED_VIDEO_CODECS2 = ["avc", "hevc", "vp9", "av1"];
var SUPPORTED_AUDIO_CODECS2 = ["aac", "opus"];
var TIMESTAMP_OFFSET = 2082844800;
var FIRST_TIMESTAMP_BEHAVIORS = ["strict", "offset", "cross-track-offset"];
var _options, _writer, _ftypSize, _mdat, _videoTrack, _audioTrack, _creationTime, _finalizedChunks, _nextFragmentNumber, _videoSampleQueue, _audioSampleQueue, _finalized, _validateOptions, validateOptions_fn, _writeHeader, writeHeader_fn, _computeMoovSizeUpperBound, computeMoovSizeUpperBound_fn, _prepareTracks, prepareTracks_fn, _generateMpeg4AudioSpecificConfig, generateMpeg4AudioSpecificConfig_fn, _createSampleForTrack, createSampleForTrack_fn, _addSampleToTrack, addSampleToTrack_fn, _validateTimestamp, validateTimestamp_fn, _finalizeCurrentChunk, finalizeCurrentChunk_fn, _finalizeFragment, finalizeFragment_fn, _maybeFlushStreamingTargetWriter, maybeFlushStreamingTargetWriter_fn, _ensureNotFinalized, ensureNotFinalized_fn;
var Muxer = class {
constructor(options) {
var _a;
__privateAdd(this, _validateOptions);
__privateAdd(this, _writeHeader);
__privateAdd(this, _computeMoovSizeUpperBound);
__privateAdd(this, _prepareTracks);
__privateAdd(this, _generateMpeg4AudioSpecificConfig);
__privateAdd(this, _createSampleForTrack);
__privateAdd(this, _addSampleToTrack);
__privateAdd(this, _validateTimestamp);
__privateAdd(this, _finalizeCurrentChunk);
__privateAdd(this, _finalizeFragment);
__privateAdd(this, _maybeFlushStreamingTargetWriter);
__privateAdd(this, _ensureNotFinalized);
__privateAdd(this, _options, void 0);
__privateAdd(this, _writer, void 0);
__privateAdd(this, _ftypSize, void 0);
__privateAdd(this, _mdat, void 0);
__privateAdd(this, _videoTrack, null);
__privateAdd(this, _audioTrack, null);
__privateAdd(this, _creationTime, Math.floor(Date.now() / 1e3) + TIMESTAMP_OFFSET);
__privateAdd(this, _finalizedChunks, []);
__privateAdd(this, _nextFragmentNumber, 1);
__privateAdd(this, _videoSampleQueue, []);
__privateAdd(this, _audioSampleQueue, []);
__privateAdd(this, _finalized, false);
__privateMethod(this, _validateOptions, validateOptions_fn).call(this, options);
options.video = deepClone(options.video);
options.audio = deepClone(options.audio);
options.fastStart = deepClone(options.fastStart);
this.target = options.target;
__privateSet(this, _options, {
firstTimestampBehavior: "strict",
...options
});
if (options.target instanceof ArrayBufferTarget) {
__privateSet(this, _writer, new ArrayBufferTargetWriter(options.target));
} else if (options.target instanceof StreamTarget) {
__privateSet(this, _writer, ((_a = options.target.options) == null ? void 0 : _a.chunked) ? new ChunkedStreamTargetWriter(options.target) : new StreamTargetWriter(options.target));
} else if (options.target instanceof FileSystemWritableFileStreamTarget) {
__privateSet(this, _writer, new FileSystemWritableFileStreamTargetWriter(options.target));
} else {
throw new Error(`Invalid target: ${options.target}`);
}
__privateMethod(this, _prepareTracks, prepareTracks_fn).call(this);
__privateMethod(this, _writeHeader, writeHeader_fn).call(this);
}
addVideoChunk(sample, meta, timestamp, compositionTimeOffset) {
let data2 = new Uint8Array(sample.byteLength);
sample.copyTo(data2);
this.addVideoChunkRaw(
data2,
sample.type,
timestamp ?? sample.timestamp,
sample.duration,
meta,
compositionTimeOffset
);
}
addVideoChunkRaw(data2, type, timestamp, duration, meta, compositionTimeOffset) {
__privateMethod(this, _ensureNotFinalized, ensureNotFinalized_fn).call(this);
if (!__privateGet(this, _options).video)
throw new Error("No video track declared.");
if (typeof __privateGet(this, _options).fastStart === "object" && __privateGet(this, _videoTrack).samples.length === __privateGet(this, _options).fastStart.expectedVideoChunks) {
throw new Error(`Cannot add more video chunks than specified in 'fastStart' (${__privateGet(this, _options).fastStart.expectedVideoChunks}).`);
}
let videoSample = __privateMethod(this, _createSampleForTrack, createSampleForTrack_fn).call(this, __privateGet(this, _videoTrack), data2, type, timestamp, duration, meta, compositionTimeOffset);
if (__privateGet(this, _options).fastStart === "fragmented" && __privateGet(this, _audioTrack)) {
while (__privateGet(this, _audioSampleQueue).length > 0 && __privateGet(this, _audioSampleQueue)[0].decodeTimestamp <= videoSample.decodeTimestamp) {
let audioSample = __privateGet(this, _audioSampleQueue).shift();
__privateMethod(this, _addSampleToTrack, addSampleToTrack_fn).call(this, __privateGet(this, _audioTrack), audioSample);
}
if (videoSample.decodeTimestamp <= __privateGet(this, _audioTrack).lastDecodeTimestamp) {
__privateMethod(this, _addSampleToTrack, addSampleToTrack_fn).call(this, __privateGet(this, _videoTrack), videoSample);
} else {
__privateGet(this, _videoSampleQueue).push(videoSample);
}
} else {
__privateMethod(this, _addSampleToTrack, addSampleToTrack_fn).call(this, __privateGet(this, _videoTrack), videoSample);
}
}
addAudioChunk(sample, meta, timestamp) {
let data2 = new Uint8Array(sample.byteLength);
sample.copyTo(data2);
this.addAudioChunkRaw(data2, sample.type, timestamp ?? sample.timestamp, sample.duration, meta);
}
addAudioChunkRaw(data2, type, timestamp, duration, meta) {
__privateMethod(this, _ensureNotFinalized, ensureNotFinalized_fn).call(this);
if (!__privateGet(this, _options).audio)
throw new Error("No audio track declared.");
if (typeof __privateGet(this, _options).fastStart === "object" && __privateGet(this, _audioTrack).samples.length === __privateGet(this, _options).fastStart.expectedAudioChunks) {
throw new Error(`Cannot add more audio chunks than specified in 'fastStart' (${__privateGet(this, _options).fastStart.expectedAudioChunks}).`);
}
let audioSample = __privateMethod(this, _createSampleForTrack, createSampleForTrack_fn).call(this, __privateGet(this, _audioTrack), data2, type, timestamp, duration, meta);
if (__privateGet(this, _options).fastStart === "fragmented" && __privateGet(this, _videoTrack)) {
while (__privateGet(this, _videoSampleQueue).length > 0 && __privateGet(this, _videoSampleQueue)[0].decodeTimestamp <= audioSample.decodeTimestamp) {
let videoSample = __privateGet(this, _videoSampleQueue).shift();
__privateMethod(this, _addSampleToTrack, addSampleToTrack_fn).call(this, __privateGet(this, _videoTrack), videoSample);
}
if (audioSample.decodeTimestamp <= __privateGet(this, _videoTrack).lastDecodeTimestamp) {
__privateMethod(this, _addSampleToTrack, addSampleToTrack_fn).call(this, __privateGet(this, _audioTrack), audioSample);
} else {
__privateGet(this, _audioSampleQueue).push(audioSample);
}
} else {
__privateMethod(this, _addSampleToTrack, addSampleToTrack_fn).call(this, __privateGet(this, _audioTrack), audioSample);
}
}
/** Finalizes the file, making it ready for use. Must be called after all video and audio chunks have been added. */
finalize() {
if (__privateGet(this, _finalized)) {
throw new Error("Cannot finalize a muxer more than once.");
}
if (__privateGet(this, _options).fastStart === "fragmented") {
for (let videoSample of __privateGet(this, _videoSampleQueue))
__privateMethod(this, _addSampleToTrack, addSampleToTrack_fn).call(this, __privateGet(this, _videoTrack), videoSample);
for (let audioSample of __privateGet(this, _audioSampleQueue))
__privateMethod(this, _addSampleToTrack, addSampleToTrack_fn).call(this, __privateGet(this, _audioTrack), audioSample);
__privateMethod(this, _finalizeFragment, finalizeFragment_fn).call(this, false);
} else {
if (__privateGet(this, _videoTrack))
__privateMethod(this, _finalizeCurrentChunk, finalizeCurrentChunk_fn).call(this, __privateGet(this, _videoTrack));
if (__privateGet(this, _audioTrack))
__privateMethod(this, _finalizeCurrentChunk, finalizeCurrentChunk_fn).call(this, __privateGet(this, _audioTrack));
}
let tracks = [__privateGet(this, _videoTrack), __privateGet(this, _audioTrack)].filter(Boolean);
if (__privateGet(this, _options).fastStart === "in-memory") {
let mdatSize;
for (let i = 0; i < 2; i++) {
let movieBox2 = moov(tracks, __privateGet(this, _creationTime));
let movieBoxSize = __privateGet(this, _writer).measureBox(movieBox2);
mdatSize = __privateGet(this, _writer).measureBox(__privateGet(this, _mdat));
let currentChunkPos = __privateGet(this, _writer).pos + movieBoxSize + mdatSize;
for (let chunk of __privateGet(this, _finalizedChunks)) {
chunk.offset = currentChunkPos;
for (let { data: data2 } of chunk.samples) {
currentChunkPos += data2.byteLength;
mdatSize += data2.byteLength;
}
}
if (currentChunkPos < 2 ** 32)
break;
if (mdatSize >= 2 ** 32)
__privateGet(this, _mdat).largeSize = true;
}
let movieBox = moov(tracks, __privateGet(this, _creationTime));
__privateGet(this, _writer).writeBox(movieBox);
__privateGet(this, _mdat).size = mdatSize;
__privateGet(this, _writer).writeBox(__privateGet(this, _mdat));
for (let chunk of __privateGet(this, _finalizedChunks)) {
for (let sample of chunk.samples) {
__privateGet(this, _writer).write(sample.data);
sample.data = null;
}
}
} else if (__privateGet(this, _options).fastStart === "fragmented") {
let startPos = __privateGet(this, _writer).pos;
let mfraBox = mfra(tracks);
__privateGet(this, _writer).writeBox(mfraBox);
let mfraBoxSize = __privateGet(this, _writer).pos - startPos;
__privateGet(this, _writer).seek(__privateGet(this, _writer).pos - 4);
__privateGet(this, _writer).writeU32(mfraBoxSize);
} else {
let mdatPos = __privateGet(this, _writer).offsets.get(__privateGet(this, _mdat));
let mdatSize = __privateGet(this, _writer).pos - mdatPos;
__privateGet(this, _mdat).size = mdatSize;
__privateGet(this, _mdat).largeSize = mdatSize >= 2 ** 32;
__privateGet(this, _writer).patchBox(__privateGet(this, _mdat));
let movieBox = moov(tracks, __privateGet(this, _creationTime));
if (typeof __privateGet(this, _options).fastStart === "object") {
__privateGet(this, _writer).seek(__privateGet(this, _ftypSize));
__privateGet(this, _writer).writeBox(movieBox);
let remainingBytes = mdatPos - __privateGet(this, _writer).pos;
__privateGet(this, _writer).writeBox(free(remainingBytes));
} else {
__privateGet(this, _writer).writeBox(movieBox);
}
}
__privateMethod(this, _maybeFlushStreamingTargetWriter, maybeFlushStreamingTargetWriter_fn).call(this);
__privateGet(this, _writer).finalize();
__privateSet(this, _finalized, true);
}
};
_options = /* @__PURE__ */ new WeakMap();
_writer = /* @__PURE__ */ new WeakMap();
_ftypSize = /* @__PURE__ */ new WeakMap();
_mdat = /* @__PURE__ */ new WeakMap();
_videoTrack = /* @__PURE__ */ new WeakMap();
_audioTrack = /* @__PURE__ */ new WeakMap();
_creationTime = /* @__PURE__ */ new WeakMap();
_finalizedChunks = /* @__PURE__ */ new WeakMap();
_nextFragmentNumber = /* @__PURE__ */ new WeakMap();
_videoSampleQueue = /* @__PURE__ */ new WeakMap();
_audioSampleQueue = /* @__PURE__ */ new WeakMap();
_finalized = /* @__PURE__ */ new WeakMap();
_validateOptions = /* @__PURE__ */ new WeakSet();
validateOptions_fn = function(options) {
if (options.video) {
if (!SUPPORTED_VIDEO_CODECS2.includes(options.video.codec)) {
throw new Error(`Unsupported video codec: ${options.video.codec}`);
}
const videoRotation = options.video.rotation;
if (typeof videoRotation === "number" && ![0, 90, 180, 270].includes(videoRotation)) {
throw new Error(`Invalid video rotation: ${videoRotation}. Has to be 0, 90, 180 or 270.`);
} else if (Array.isArray(videoRotation) && (videoRotation.length !== 9 || videoRotation.some((value) => typeof value !== "number"))) {
throw new Error(`Invalid video transformation matrix: ${videoRotation.join()}`);
}
}
if (options.audio && !SUPPORTED_AUDIO_CODECS2.includes(options.audio.codec)) {
throw new Error(`Unsupported audio codec: ${options.audio.codec}`);
}
if (options.firstTimestampBehavior && !FIRST_TIMESTAMP_BEHAVIORS.includes(options.firstTimestampBehavior)) {
throw new Error(`Invalid first timestamp behavior: ${options.firstTimestampBehavior}`);
}
if (typeof options.fastStart === "object") {
if (options.video && options.fastStart.expectedVideoChunks === void 0) {
throw new Error(`'fastStart' is an object but is missing property 'expectedVideoChunks'.`);
}
if (options.audio && options.fastStart.expectedAudioChunks === void 0) {
throw new Error(`'fastStart' is an object but is missing property 'expectedAudioChunks'.`);
}
} else if (![false, "in-memory", "fragmented"].includes(options.fastStart)) {
throw new Error(`'fastStart' option must be false, 'in-memory', 'fragmented' or an object.`);
}
};
_writeHeader = /* @__PURE__ */ new WeakSet();
writeHeader_fn = function() {
var _a;
__privateGet(this, _writer).writeBox(ftyp({
holdsAvc: ((_a = __privateGet(this, _options).video) == null ? void 0 : _a.codec) === "avc",
fragmented: __privateGet(this, _options).fastStart === "fragmented"
}));
__privateSet(this, _ftypSize, __privateGet(this, _writer).pos);
if (__privateGet(this, _options).fastStart === "in-memory") {
__privateSet(this, _mdat, mdat(false));
} else if (__privateGet(this, _options).fastStart === "fragmented") ;
else {
if (typeof __privateGet(this, _options).fastStart === "object") {
let moovSizeUpperBound = __privateMethod(this, _computeMoovSizeUpperBound, computeMoovSizeUpperBound_fn).call(this);
__privateGet(this, _writer).seek(__privateGet(this, _writer).pos + moovSizeUpperBound);
}
__privateSet(this, _mdat, mdat(true));
__privateGet(this, _writer).writeBox(__privateGet(this, _mdat));
}
__privateMethod(this, _maybeFlushStreamingTargetWriter, maybeFlushStreamingTargetWriter_fn).call(this);
};
_computeMoovSizeUpperBound = /* @__PURE__ */ new WeakSet();
computeMoovSizeUpperBound_fn = function() {
if (typeof __privateGet(this, _options).fastStart !== "object")
return;
let upperBound = 0;
let sampleCounts = [
__privateGet(this, _options).fastStart.expectedVideoChunks,
__privateGet(this, _options).fastStart.expectedAudioChunks
];
for (let n of sampleCounts) {
if (!n)
continue;
upperBound += (4 + 4) * Math.ceil(2 / 3 * n);
upperBound += 4 * n;
upperBound += (4 + 4 + 4) * Math.ceil(2 / 3 * n);
upperBound += 4 * n;
upperBound += 8 * n;
}
upperBound += 4096;
return upperBound;
};
_prepareTracks = /* @__PURE__ */ new WeakSet();
prepareTracks_fn = function() {
if (__privateGet(this, _options).video) {
__privateSet(this, _videoTrack, {
id: 1,
info: {
type: "video",
codec: __privateGet(this, _options).video.codec,
width: __privateGet(this, _options).video.width,
height: __privateGet(this, _options).video.height,
rotation: __privateGet(this, _options).video.rotation ?? 0,
decoderConfig: null
},
timescale: 11520,
// Timescale used by FFmpeg, contains many common frame rates as factors
samples: [],
finalizedChunks: [],
currentChunk: null,
firstDecodeTimestamp: void 0,
lastDecodeTimestamp: -1,
timeToSampleTable: [],
compositionTimeOffsetTable: [],
lastTimescaleUnits: null,
lastSample: null,
compactlyCodedChunkTable: []
});
}
if (__privateGet(this, _options).audio) {
let guessedCodecPrivate = __privateMethod(this, _generateMpeg4AudioSpecificConfig, generateMpeg4AudioSpecificConfig_fn).call(
this,
2,
// Object type for AAC-LC, since it's the most common
__privateGet(this, _options).audio.sampleRate,
__privateGet(this, _options).audio.numberOfChannels
);
__privateSet(this, _audioTrack, {
id: __privateGet(this, _options).video ? 2 : 1,
info: {
type: "audio",
codec: __privateGet(this, _options).audio.codec,
numberOfChannels: __privateGet(this, _options).audio.numberOfChannels,
sampleRate: __privateGet(this, _options).audio.sampleRate,
decoderConfig: {
codec: __privateGet(this, _options).audio.codec,
description: guessedCodecPrivate,
numberOfChannels: __privateGet(this, _options).audio.numberOfChannels,
sampleRate: __privateGet(this, _options).audio.sampleRate
}
},
timescale: __privateGet(this, _options).audio.sampleRate,
samples: [],
finalizedChunks: [],
currentChunk: null,
firstDecodeTimestamp: void 0,
lastDecodeTimestamp: -1,
timeToSampleTable: [],
compositionTimeOffsetTable: [],
lastTimescaleUnits: null,
lastSample: null,
compactlyCodedChunkTable: []
});
}
};
_generateMpeg4AudioSpecificConfig = /* @__PURE__ */ new WeakSet();
generateMpeg4AudioSpecificConfig_fn = function(objectType, sampleRate, numberOfChannels) {
let frequencyIndices = [96e3, 88200, 64e3, 48e3, 44100, 32e3, 24e3, 22050, 16e3, 12e3, 11025, 8e3, 7350];
let frequencyIndex = frequencyIndices.indexOf(sampleRate);
let channelConfig = numberOfChannels;
let configBits = "";
configBits += objectType.toString(2).padStart(5, "0");
configBits += frequencyIndex.toString(2).padStart(4, "0");
if (frequencyIndex === 15)
configBits += sampleRate.toString(2).padStart(24, "0");
configBits += channelConfig.toString(2).padStart(4, "0");
let paddingLength = Math.ceil(configBits.length / 8) * 8;
configBits = configBits.padEnd(paddingLength, "0");
let configBytes = new Uint8Array(configBits.length / 8);
for (let i = 0; i < configBits.length; i += 8) {
configBytes[i / 8] = parseInt(configBits.slice(i, i + 8), 2);
}
return configBytes;
};
_createSampleForTrack = /* @__PURE__ */ new WeakSet();
createSampleForTrack_fn = function(track, data2, type, timestamp, duration, meta, compositionTimeOffset) {
let presentationTimestampInSeconds = timestamp / 1e6;
let decodeTimestampInSeconds = (timestamp - (compositionTimeOffset ?? 0)) / 1e6;
let durationInSeconds = duration / 1e6;
let adjusted = __privateMethod(this, _validateTimestamp, validateTimestamp_fn).call(this, presentationTimestampInSeconds, decodeTimestampInSeconds, track);
presentationTimestampInSeconds = adjusted.presentationTimestamp;
decodeTimestampInSeconds = adjusted.decodeTimestamp;
if (meta == null ? void 0 : meta.decoderConfig) {
if (track.info.decoderConfig === null) {
track.info.decoderConfig = meta.decoderConfig;
} else {
Object.assign(track.info.decoderConfig, meta.decoderConfig);
}
}
let sample = {
presentationTimestamp: presentationTimestampInSeconds,
decodeTimestamp: decodeTimestampInSeconds,
duration: durationInSeconds,
data: data2,
size: data2.byteLength,
type,
// Will be refined once the next sample comes in
timescaleUnitsToNextSample: intoTimescale(durationInSeconds, track.timescale)
};
return sample;
};
_addSampleToTrack = /* @__PURE__ */ new WeakSet();
addSampleToTrack_fn = function(track, sample) {
if (__privateGet(this, _options).fastStart !== "fragmented") {
track.samples.push(sample);
}
const sampleCompositionTimeOffset = intoTimescale(sample.presentationTimestamp - sample.decodeTimestamp, track.timescale);
if (track.lastTimescaleUnits !== null) {
let timescaleUnits = intoTimescale(sample.decodeTimestamp, track.timescale, false);
let delta = Math.round(timescaleUnits - track.lastTimescaleUnits);
track.lastTimescaleUnits += delta;
track.lastSample.timescaleUnitsToNextSample = delta;
if (__privateGet(this, _options).fastStart !== "fragmented") {
let lastTableEntry = last(track.timeToSampleTable);
if (lastTableEntry.sampleCount === 1) {
lastTableEntry.sampleDelta = delta;
lastTableEntry.sampleCount++;
} else if (lastTableEntry.sampleDelta === delta) {
lastTableEntry.sampleCount++;
} else {
lastTableEntry.sampleCount--;
track.timeToSampleTable.push({
sampleCount: 2,
sampleDelta: delta
});
}
const lastCompositionTimeOffsetTableEntry = last(track.compositionTimeOffsetTable);
if (lastCompositionTimeOffsetTableEntry.sampleCompositionTimeOffset === sampleCompositionTimeOffset) {
lastCompositionTimeOffsetTableEntry.sampleCount++;
} else {
track.compositionTimeOffsetTable.push({
sampleCount: 1,
sampleCompositionTimeOffset
});
}
}
} else {
track.lastTimescaleUnits = 0;
if (__privateGet(this, _options).fastStart !== "fragmented") {
track.timeToSampleTable.push({
sampleCount: 1,
sampleDelta: intoTimescale(sample.duration, track.timescale)
});
track.compositionTimeOffsetTable.push({
sampleCount: 1,
sampleCompositionTimeOffset
});
}
}
track.lastSample = sample;
let beginNewChunk = false;
if (!track.currentChunk) {
beginNewChunk = true;
} else {
let currentChunkDuration = sample.presentationTimestamp - track.currentChunk.startTimestamp;
if (__privateGet(this, _options).fastStart === "fragmented") {
let mostImportantTrack = __privateGet(this, _videoTrack) ?? __privateGet(this, _audioTrack);
if (track === mostImportantTrack && sample.type === "key" && currentChunkDuration >= 1) {
beginNewChunk = true;
__privateMethod(this, _finalizeFragment, finalizeFragment_fn).call(this);
}
} else {
beginNewChunk = currentChunkDuration >= 0.5;
}
}
if (beginNewChunk) {
if (track.currentChunk) {
__privateMethod(this, _finalizeCurrentChunk, finalizeCurrentChunk_fn).call(this, track);
}
track.currentChunk = {
startTimestamp: sample.presentationTimestamp,
samples: []
};
}
track.currentChunk.samples.push(sample);
};
_validateTimestamp = /* @__PURE__ */ new WeakSet();
validateTimestamp_fn = function(presentationTimestamp, decodeTimestamp, track) {
var _a, _b;
const strictTimestampBehavior = __privateGet(this, _options).firstTimestampBehavior === "strict";
const noLastDecodeTimestamp = track.lastDecodeTimestamp === -1;
const timestampNonZero = decodeTimestamp !== 0;
if (strictTimestampBehavior && noLastDecodeTimestamp && timestampNonZero) {
throw new Error(
`The first chunk for your media track must have a timestamp of 0 (received DTS=${decodeTimestamp}).Non-zero first timestamps are often caused by directly piping frames or audio data from a MediaStreamTrack into the encoder. Their timestamps are typically relative to the age of thedocument, which is probably what you want.
If you want to offset all timestamps of a track such that the first one is zero, set firstTimestampBehavior: 'offset' in the options.
`
);
} else if (__privateGet(this, _options).firstTimestampBehavior === "offset" || __privateGet(this, _options).firstTimestampBehavior === "cross-track-offset") {
if (track.firstDecodeTimestamp === void 0) {
track.firstDecodeTimestamp = decodeTimestamp;
}
let baseDecodeTimestamp;
if (__privateGet(this, _options).firstTimestampBehavior === "offset") {
baseDecodeTimestamp = track.firstDecodeTimestamp;
} else {
baseDecodeTimestamp = Math.min(
((_a = __privateGet(this, _videoTrack)) == null ? void 0 : _a.firstDecodeTimestamp) ?? Infinity,
((_b = __privateGet(this, _audioTrack)) == null ? void 0 : _b.firstDecodeTimestamp) ?? Infinity
);
}
decodeTimestamp -= baseDecodeTimestamp;
presentationTimestamp -= baseDecodeTimestamp;
}
if (decodeTimestamp < track.lastDecodeTimestamp) {
throw new Error(
`Timestamps must be monotonically increasing (DTS went from ${track.lastDecodeTimestamp * 1e6} to ${decodeTimestamp * 1e6}).`
);
}
track.lastDecodeTimestamp = decodeTimestamp;
return { presentationTimestamp, decodeTimestamp };
};
_finalizeCurrentChunk = /* @__PURE__ */ new WeakSet();
finalizeCurrentChunk_fn = function(track) {
if (__privateGet(this, _options).fastStart === "fragmented") {
throw new Error("Can't finalize individual chunks 'fastStart' is set to 'fragmented'.");
}
if (!track.currentChunk)
return;
track.finalizedChunks.push(track.currentChunk);
__privateGet(this, _finalizedChunks).push(track.currentChunk);
if (track.compactlyCodedChunkTable.length === 0 || last(track.compactlyCodedChunkTable).samplesPerChunk !== track.currentChunk.samples.length) {
track.compactlyCodedChunkTable.push({
firstChunk: track.finalizedChunks.length,
// 1-indexed
samplesPerChunk: track.currentChunk.samples.length
});
}
if (__privateGet(this, _options).fastStart === "in-memory") {
track.currentChunk.offset = 0;
return;
}
track.currentChunk.offset = __privateGet(this, _writer).pos;
for (let sample of track.currentChunk.samples) {
__privateGet(this, _writer).write(sample.data);
sample.data = null;
}
__privateMethod(this, _maybeFlushStreamingTargetWriter, maybeFlushStreamingTargetWriter_fn).call(this);
};
_finalizeFragment = /* @__PURE__ */ new WeakSet();
finalizeFragment_fn = function(flushStreamingWriter = true) {
if (__privateGet(this, _options).fastStart !== "fragmented") {
throw new Error("Can't finalize a fragment unless 'fastStart' is set to 'fragmented'.");
}
let tracks = [__privateGet(this, _videoTrack), __privateGet(this, _audioTrack)].filter((track) => track && track.currentChunk);
if (tracks.length === 0)
return;
let fragmentNumber = __privateWrapper(this, _nextFragmentNumber)._++;
if (fragmentNumber === 1) {
let movieBox = moov(tracks, __privateGet(this, _creationTime), true);
__privateGet(this, _writer).writeBox(movieBox);
}
let moofOffset = __privateGet(this, _writer).pos;
let moofBox = moof(fragmentNumber, tracks);
__privateGet(this, _writer).writeBox(moofBox);
{
let mdatBox = mdat(false);
let totalTrackSampleSize = 0;
for (let track of tracks) {
for (let sample of track.currentChunk.samples) {
totalTrackSampleSize += sample.size;
}
}
let mdatSize = __privateGet(this, _writer).measureBox(mdatBox) + totalTrackSampleSize;
if (mdatSize >= 2 ** 32) {
mdatBox.largeSize = true;
mdatSize = __privateGet(this, _writer).measureBox(mdatBox) + totalTrackSampleSize;
}
mdatBox.size = mdatSize;
__privateGet(this, _writer).writeBox(mdatBox);
}
for (let track of tracks) {
track.currentChunk.offset = __privateGet(this, _writer).pos;
track.currentChunk.moofOffset = moofOffset;
for (let sample of track.currentChunk.samples) {
__privateGet(this, _writer).write(sample.data);
sample.data = null;
}
}
let endPos = __privateGet(this, _writer).pos;
__privateGet(this, _writer).seek(__privateGet(this, _writer).offsets.get(moofBox));
let newMoofBox = moof(fragmentNumber, tracks);
__privateGet(this, _writer).writeBox(newMoofBox);
__privateGet(this, _writer).seek(endPos);
for (let track of tracks) {
track.finalizedChunks.push(track.currentChunk);
__privateGet(this, _finalizedChunks).push(track.currentChunk);
track.currentChunk = null;
}
if (flushStreamingWriter) {
__privateMethod(this, _maybeFlushStreamingTargetWriter, maybeFlushStreamingTargetWriter_fn).call(this);
}
};
_maybeFlushStreamingTargetWriter = /* @__PURE__ */ new WeakSet();
maybeFlushStreamingTargetWriter_fn = function() {
if (__privateGet(this, _writer) instanceof StreamTargetWriter) {
__privateGet(this, _writer).flush();
}
};
_ensureNotFinalized = /* @__PURE__ */ new WeakSet();
ensureNotFinalized_fn = function() {
if (__privateGet(this, _finalized)) {
throw new Error("Cannot add new video or audio chunks after the file has been finalized.");
}
};
async function mp4(frames, convertMeta) {
const p = frames.map((frame) => createImageBitmap(frame));
const bitmaps = await Promise.all(p);
if (convertMeta.isAborted) throw new CancelError();
let width = bitmaps[0].width;
let height = bitmaps[0].height;
if (width % 2 !== 0) width += 1;
if (height % 2 !== 0) height += 1;
const muxer = new Muxer({
target: new ArrayBufferTarget(),
video: {
codec: "avc",
width,
height
},
fastStart: "in-memory"
});
const videoEncoder = new VideoEncoder({
output: (chunk, meta) => muxer.addVideoChunk(chunk, meta),
error: (e) => logger.error(e)
});
videoEncoder.configure({
codec: "avc1.420034",
width,
height,
bitrate: 2e7
});
const delays = convertMeta.source.delays.map((delay) => delay *= 1e3);
let timestamp = 0;
const videoFrames = [];
for (let i = 0; i < bitmaps.length; i++) {
const frame = new VideoFrame(bitmaps[i], { duration: delays[i], timestamp });
videoFrames.push(frame);
videoEncoder.encode(frame, {
keyFrame: true
});
timestamp += delays[i];
}
await videoEncoder.flush();
if (convertMeta.isAborted) throw new CancelError();
muxer.finalize();
const { buffer } = muxer.target;
videoFrames.forEach((frame) => frame.close());
return new Blob([buffer], { type: "video/mp4" });
}
const adapter = {
gif,
png,
webp,
webm,
mp4
};
const convertAdapter = {
getAdapter(format) {
return adapter[format];
}
};
function createConverter() {
const MAX_CONVERT = 2;
const framesData = {};
let isStop = false;
let queue = [];
let active2 = [];
const doConvert = (convertMeta) => {
var _a;
const { id, format, source, resolve, reject } = convertMeta;
active2.push(convertMeta);
(_a = convertMeta.onProgress) == null ? void 0 : _a.call(convertMeta, 0);
delete framesData[id];
const adapter2 = convertAdapter.getAdapter(format);
adapter2(source.data, convertMeta).then(resolve, reject).finally(() => {
active2.splice(active2.indexOf(convertMeta), 1);
if (queue.length) doConvert(queue.shift());
});
};
return {
del: (taskIds) => {
if (typeof taskIds === "string") taskIds = [taskIds];
if (!taskIds.length) return;
logger.info(
"Converter del, active:",
active2.map((meta) => meta.id),
"queue:",
queue.map((meta) => meta.id)
);
isStop = true;
taskIds.forEach((taskId) => {
if (taskId in framesData) delete framesData[taskId];
});
active2 = active2.filter((convertMeta) => {
if (taskIds.includes(convertMeta.id)) {
convertMeta.abort();
} else {
return true;
}
});
queue = queue.filter((convertMeta) => !taskIds.includes(convertMeta.id));
isStop = false;
while (active2.length < MAX_CONVERT && queue.length) {
doConvert(queue.shift());
}
},
addFrame(taskId, data2, delay, order) {
if (!(taskId in framesData)) {
framesData[taskId] = {
id: taskId,
data: [],
delays: []
};
}
if (order === void 0) {
framesData[taskId]["data"].push(data2);
framesData[taskId]["delays"].push(delay);
} else {
framesData[taskId]["data"][order] = data2;
framesData[taskId]["delays"][order] = delay;
}
},
framesCount(taskId) {
return taskId in framesData ? framesData[taskId]["delays"].filter((delay) => delay !== void 0).length : 0;
},
convert(taskId, format, onProgress) {
return new Promise((resolve, reject) => {
const meta = {
id: taskId,
format,
source: framesData[taskId],
isAborted: false,
onProgress,
resolve,
reject,
abort() {
this.isAborted = true;
}
};
logger.info("Converter add", taskId);
queue.push(meta);
while (active2.length < MAX_CONVERT && queue.length && !isStop) {
doConvert(queue.shift());
}
});
}
};
}
const converter = createConverter();
const pixivHooks = {
download: {
singleArtworkProgressFactory(btn, pageCount) {
if (!btn || !pageCount) return;
return function onSingleArtworkProgress(progress) {
if (pageCount === 1) {
btn.setProgress(progress);
}
};
},
mulityArtworksProgressFactory(btn, pageCount) {
if (!btn || !pageCount) return;
let pageComplete = 0;
return function onMulityArtworksProgress() {
if (pageCount < 2) return;
const progress = Math.floor(++pageComplete / pageCount * 100);
btn.setProgress(progress);
};
}
},
bundle: {
async beforeFileSave(imgBlob, config2) {
const { taskId, source } = config2;
compressor.add(taskId, source.filename, imgBlob);
if (compressor.fileCount(taskId) === source.pageCount) {
let comment;
if ("ugoiraMeta" in config2.source) {
const delays = config2.source.ugoiraMeta.frames.map((frames) => frames.delay);
comment = JSON.stringify(delays);
}
const zipData = await compressor.bundle(taskId, comment);
compressor.remove(taskId);
return zipData;
}
},
onError(err, config2) {
compressor.remove(config2.taskId);
},
onAbort(config2) {
compressor.remove(config2.taskId);
}
},
convert: {
convertProgressFactory(btn) {
return function onConvertProgress(progress) {
if (progress > 0) {
btn.setProgress(progress, false);
} else {
btn.setStatus(ThumbnailBtnStatus.Loading);
}
};
},
beforeFileSaveFactory(btn) {
const onProgress = btn ? this.convertProgressFactory(btn) : void 0;
return async function beforeFileSave(imgBlob, config2) {
const { taskId, source } = config2;
if (source.illustType === IllustType.ugoira) {
converter.addFrame(
taskId,
imgBlob,
source.ugoiraMeta.frames[source.order]["delay"],
source.order
);
if (converter.framesCount(taskId) === source.pageCount) {
return await converter.convert(taskId, source.extendName, onProgress);
}
}
};
},
onError(err, config2) {
converter.del(config2.taskId);
},
onAbort(config2) {
converter.del(config2.taskId);
}
}
};
const downloaderHooks = {
getHooks(meta, downloadType, button) {
switch (downloadType) {
case "download":
return {
onProgress: pixivHooks.download.singleArtworkProgressFactory(button, meta.pageCount),
onFileSaved: pixivHooks.download.mulityArtworksProgressFactory(button, meta.pageCount)
};
case "bundle":
return {
onXhrLoaded: pixivHooks.download.mulityArtworksProgressFactory(button, meta.pageCount),
beforeFileSave: pixivHooks.bundle.beforeFileSave,
onError: pixivHooks.bundle.onError
};
case "convert":
return {
onXhrLoaded: pixivHooks.download.mulityArtworksProgressFactory(button, meta.pageCount),
beforeFileSave: pixivHooks.convert.beforeFileSaveFactory(button),
onError: pixivHooks.convert.onError
};
}
}
};
class PixivDownloadConfig extends DownloadConfigBuilder {
constructor(meta) {
super(meta);
__publicField(this, "downloadAll", true);
__publicField(this, "headers", {
referer: "https://www.pixiv.net"
});
__publicField(this, "timeout", 6e4);
__publicField(this, "getImgSrc", () => "");
this.meta = meta;
this.getImgSrc = this.meta.illustType === IllustType.ugoira ? (page) => this.meta.src.replace("ugoira0", "ugoira" + page) : (page) => this.meta.src.replace("_p0", "_p" + page);
}
getConvertFormat() {
return config.get("ugoiraFormat");
}
needConvert() {
return this.meta.illustType === IllustType.ugoira && config.get("ugoiraFormat") !== "zip";
}
needBundle() {
const { pageCount, illustType } = this.meta;
return this.downloadAll && (illustType === IllustType.ugoira && this.getConvertFormat() === "zip" || pageCount > 1 && (illustType === IllustType.manga && config.get("bundleManga") || illustType === IllustType.illusts && config.get("bundleIllusts")));
}
useTranslatedTags() {
return config.get("tagLang") !== "ja";
}
// directSave使firefox下载图片时支持子目录
useDirectSave() {
return !!this.getFolderPattern() && !this.needBundle() && !this.needConvert() && (!env.isBlobDlAvaliable() || env.isViolentmonkey() && !this.isFsaEnable());
}
supportSubpath() {
return this.isBrowserApi() || this.isFsaEnable();
}
buildPattern(pattern, page) {
const { id, userId, artist, title, tags, tagsTranslated, createDate, pageCount } = this.meta;
const currPage = page === void 0 ? pageCount : page;
const useTags = this.useTranslatedTags() ? tagsTranslated : tags;
const fArtist = this.normalizeString(artist);
const fTitle = this.normalizeString(title);
const fTags = this.normalizeString(useTags.join("_"));
const replaceDate = (match, p1) => {
const format = p1 || "YYYY-MM-DD";
return dayjs(createDate).format(format);
};
return pattern.replaceAll(/\{date\((.*?)\)\}|\{date\}/g, replaceDate).replaceAll("{artist}", fArtist).replaceAll("{artistID}", userId).replaceAll("{title}", fTitle).replaceAll("{tags}", fTags).replaceAll("{page}", String(currPage)).replaceAll("{id}", id);
}
getDownloadConfig(btn) {
const { illustType, src, id, pageCount, extendName } = this.meta;
const pageAttr = btn == null ? void 0 : btn.getAttribute("page");
const downloadPage = pageAttr ? Number(pageAttr) : void 0;
if (downloadPage && (downloadPage > pageCount - 1 || downloadPage < 0))
throw new Error("Invalid downloadPage.");
if (downloadPage !== void 0) this.downloadAll = false;
const taskId = id + "_" + Math.random().toString(36).slice(2);
const headers = this.headers;
const directSave = this.useDirectSave();
const supportSubPath = this.supportSubpath();
const downloadConfigs = [];
if ((pageCount === 1 || downloadPage !== void 0) && illustType !== IllustType.ugoira) {
const imgSrc = downloadPage ? this.getImgSrc(downloadPage) : src;
const pathPattern = supportSubPath ? this.getFullpathPattern() : this.getFilenamePattern() + "." + extendName;
const path = this.buildPattern(pathPattern, downloadPage ? downloadPage : 0);
const filename = path.slice(path.lastIndexOf("/") + 1);
const hooks = downloaderHooks.getHooks({ ...this.meta, pageCount: 1 }, "download", btn);
const source = {
...this.meta,
pageCount: 1,
filename,
order: downloadPage ?? 0
};
const downloadConfig = {
taskId,
src: imgSrc,
path,
source,
directSave,
headers,
timeout: this.timeout,
...hooks
};
downloadConfigs.push(downloadConfig);
} else {
const pathPatternNoExt = supportSubPath ? this.getFullpathPattern().slice(0, -4) : this.getFilenamePattern();
if (this.needBundle()) {
const pathPattern = pathPatternNoExt + ".zip";
const filenamePattern = this.getFilenamePattern().includes("{page}") ? this.getFilenamePattern() + "." + extendName : this.getFilenamePattern() + "_{page}." + extendName;
let path;
let imgCount;
if (illustType === IllustType.ugoira) {
path = this.buildPattern(pathPattern, 0);
imgCount = this.meta.ugoiraMeta.frames.length;
} else {
path = this.buildPattern(pathPattern);
imgCount = pageCount;
}
const hooks = downloaderHooks.getHooks(
{ ...this.meta, pageCount: imgCount },
"bundle",
btn
);
for (let page = 0; page < imgCount; page++) {
const filename = this.buildPattern(filenamePattern, page);
const imgSrc = this.getImgSrc(page);
const source = {
...this.meta,
pageCount: imgCount,
extendName: "zip",
filename,
order: page
};
const downloadConfig = {
taskId,
src: imgSrc,
path,
source,
headers,
timeout: this.timeout,
...hooks
};
downloadConfigs.push(downloadConfig);
}
} else if (this.needConvert()) {
const ext = this.getConvertFormat();
const pathPattern = pathPatternNoExt + "." + ext;
const path = this.buildPattern(pathPattern, 0);
const filename = path.slice(path.lastIndexOf("/") + 1);
const imgCount = this.meta.ugoiraMeta.frames.length;
const hooks = downloaderHooks.getHooks(
{ ...this.meta, pageCount: imgCount },
"convert",
btn
);
for (let page = 0; page < imgCount; page++) {
const imgSrc = this.getImgSrc(page);
const source = {
...this.meta,
pageCount: imgCount,
extendName: ext,
filename,
order: page
};
const downloadConfig = {
taskId,
src: imgSrc,
path,
source,
headers,
timeout: this.timeout,
...hooks
};
downloadConfigs.push(downloadConfig);
}
} else {
const pathPattern = pathPatternNoExt + "." + extendName;
const hooks = downloaderHooks.getHooks(this.meta, "download", btn);
for (let page = 0; page < pageCount; page++) {
const path = this.buildPattern(pathPattern, page);
const filename = path.slice(path.lastIndexOf("/") + 1);
const imgSrc = this.getImgSrc(page);
const source = {
...this.meta,
filename,
order: page
};
const downloadConfig = {
taskId,
src: imgSrc,
path,
source,
directSave,
headers,
timeout: this.timeout,
...hooks
};
downloadConfigs.push(downloadConfig);
}
}
}
!this.downloadAll && (this.downloadAll = true);
return downloadConfigs;
}
}
async function downloadArtwork(btn) {
downloader.dirHandleCheck();
const id = btn.getAttribute("pdl-id");
const pixivMeta = await pixivParser.parse(id);
const { bookmarkData, token, tags, artist, userId, title } = pixivMeta;
if (!bookmarkData) {
addBookmark(btn, id, token, tags);
}
const downloadConfigs = new PixivDownloadConfig(pixivMeta).getDownloadConfig(btn);
await downloader.download(downloadConfigs);
const historyData = {
pid: Number(id),
user: artist,
userId: Number(userId),
title,
tags
};
historyDb.add(historyData);
}
function createThumbnailBtn(nodes) {
let isSelfBookmark = false;
const inBookmarkPage = regexp.bookmarkPage.exec(location.pathname);
inBookmarkPage && inBookmarkPage[1] === getSelfId() && (isSelfBookmark = true);
nodes.forEach((e) => {
let illustId;
let type;
if ((e.childElementCount !== 0 || e.className.includes("_history-item") || e.className.includes("_history-related-item")) && !e.querySelector("pdl-button") && (illustId = getIllustId(e))) {
if (isSelfBookmark) {
type = ThumbnailBtnType.PixivMyBookmark;
} else if (e.className.includes("_history-related-item")) {
e.style.position = "relative";
type = ThumbnailBtnType.PixivHistory;
} else if (e.className.includes("_history-item")) {
type = ThumbnailBtnType.PixivHistory;
}
const btn = new ThumbnailButton({
id: illustId,
type,
onClick: downloadArtwork
});
e.appendChild(btn);
}
});
}
function fixPixivPreviewer(nodes) {
const isPpSearchPage = regexp.searchPage.test(location.pathname);
if (!isPpSearchPage) return;
nodes.forEach((node) => {
const pdlEle = node.querySelector("pdl-button");
if (!pdlEle) return false;
pdlEle.remove();
});
}
function createPdlBtn(option) {
const { attrs, classList, textContent, downloadArtwork: downloadArtwork2 } = option;
const ele = document.createElement("button");
textContent && (ele.textContent = textContent);
if (classList && classList.length > 0) {
for (const cla of classList) {
ele.classList.add(cla);
}
}
if (attrs) {
for (const key in attrs) {
ele.setAttribute(key, attrs[key]);
}
}
if (downloadArtwork2) {
ele.addEventListener("click", (evt) => {
evt.preventDefault();
evt.stopPropagation();
const btn = evt.currentTarget;
if (!btn.classList.contains("pdl-progress")) {
btn.classList.add("pdl-progress");
const setProgress = (progress, updateProgressbar = true) => {
if (progress !== null) {
progress = Math.floor(progress);
btn.textContent = String(progress);
updateProgressbar && btn.style.setProperty("--pdl-progress", progress + "%");
} else {
btn.textContent = "";
updateProgressbar && btn.style.removeProperty("--pdl-progress");
}
};
downloadArtwork2(btn, setProgress).then(() => {
btn.classList.remove("pdl-error");
btn.classList.add("pdl-complete");
}).catch((err) => {
if (err) logger.error(err);
btn.classList.remove("pdl-complete");
btn.classList.add("pdl-error");
}).finally(() => {
btn.innerHTML = "";
btn.style.removeProperty("--pdl-progress");
btn.classList.remove("pdl-progress");
});
}
});
}
return ele;
}
const dlBarRef = {
filter: {
filterExcludeDownloaded: void 0,
filterIllusts: void 0,
filterManga: void 0,
filterUgoira: void 0
},
statusBar: void 0,
abortBtn: void 0
};
function updateStatus(str) {
dlBarRef.statusBar && (dlBarRef.statusBar.textContent = str);
}
function createFilterEl(id, filterType, text2) {
const checkbox2 = document.createElement("input");
const label = document.createElement("label");
checkbox2.id = id;
checkbox2.type = "checkbox";
checkbox2.classList.add("pdl-checkbox");
checkbox2.setAttribute("category", String(filterType));
checkbox2.checked = config.get(filterType);
label.setAttribute("for", id);
label.setAttribute("category", String(filterType));
label.textContent = text2;
checkbox2.addEventListener("change", (evt) => {
const checkbox22 = evt.currentTarget;
const category = checkbox22.getAttribute("category");
config.set(category, checkbox22.checked);
});
dlBarRef.filter[filterType] = checkbox2;
const wrap = document.createElement("div");
wrap.classList.add("pdl-filter");
wrap.appendChild(checkbox2);
wrap.appendChild(label);
return wrap;
}
function createFilter() {
const wrapper = document.createElement("div");
wrapper.classList.add("pdl-filter-wrap");
wrapper.appendChild(
createFilterEl(
"pdl-filter-exclude_downloaded",
"filterExcludeDownloaded",
t("checkbox.filter_exclude_downloaded")
)
);
wrapper.appendChild(
createFilterEl("pdl-filter-illusts", "filterIllusts", t("checkbox.filter_illusts"))
);
wrapper.appendChild(
createFilterEl("pdl-filter-manga", "filterManga", t("checkbox.filter_manga"))
);
wrapper.appendChild(
createFilterEl("pdl-filter-ugoira", "filterUgoira", t("checkbox.filter_ugoira"))
);
return wrapper;
}
function createExcludeDownloadedFilter() {
const wrapper = document.createElement("div");
wrapper.classList.add("pdl-filter-wrap");
wrapper.appendChild(
createFilterEl(
"pdl-filter-exclude_downloaded",
"filterExcludeDownloaded",
t("checkbox.filter_exclude_downloaded")
)
);
return wrapper;
}
function createDownloadBar(userId) {
const nav = document.querySelector("nav");
if (!nav || nav.previousElementSibling) return;
const dlBtn = nav.querySelector(".pdl-btn-all");
if (dlBtn) {
if (dlBtn.getAttribute("pdl-userid") === userId) return;
removeDownloadBar();
}
const doesRequestPageLoaded = [
"a[href$='illustrations']",
"a[href$='manga']",
"a[href*='bookmarks']"
].some((selector) => !!nav.querySelector(selector));
if (!doesRequestPageLoaded) return;
const dlBar = document.createElement("div");
dlBar.classList.add("pdl-dlbar");
const statusBar = document.createElement("div");
statusBar.classList.add("pdl-dlbar-status_bar");
dlBarRef.statusBar = dlBar.appendChild(statusBar);
const baseClasses = nav.querySelector("a:not([aria-current])").classList;
dlBarRef.abortBtn = dlBar.appendChild(
createPdlBtn({
attrs: { "pdl-userId": userId },
classList: [...baseClasses, "pdl-stop", "pdl-hide"],
textContent: t("button.download_stop")
})
);
if (userId !== getSelfId()) {
const hasWorks = ["a[href$='illustrations']", "a[href$='manga']"].some(
(selector) => !!nav.querySelector(selector)
);
if (hasWorks) {
const el = createPdlBtn({
attrs: { "pdl-userid": userId },
classList: [...baseClasses, "pdl-btn-all"],
textContent: t("button.download_works")
});
el.addEventListener("click", downloadWorks);
dlBar.appendChild(el);
}
if (nav.querySelector("a[href*='bookmarks']")) {
const el = createPdlBtn({
attrs: { "pdl-userid": userId, category: "bookmarks" },
classList: [...baseClasses, "pdl-btn-all"],
textContent: t("button.download_bookmarks")
});
el.addEventListener("click", downloadBookmarksOrTags);
dlBar.appendChild(el);
}
} else {
if (nav.querySelector("a[href*='bookmarks']")) {
dlBar.appendChild(
createPdlBtn({
attrs: { "pdl-userid": userId, category: "bookmarks", rest: "all" },
classList: [...baseClasses, "pdl-btn-all"],
textContent: t("button.download_bookmarks")
})
);
dlBar.appendChild(
createPdlBtn({
attrs: {
"pdl-userid": userId,
category: "bookmarks",
rest: "show"
},
classList: [...baseClasses, "pdl-btn-all"],
textContent: t("button.download_bookmarks_public")
})
);
dlBar.appendChild(
createPdlBtn({
attrs: {
"pdl-userid": userId,
category: "bookmarks",
rest: "hide"
},
classList: [...baseClasses, "pdl-btn-all"],
textContent: t("button.download_bookmarks_private")
})
);
dlBar.querySelectorAll(".pdl-btn-all").forEach((node) => {
node.addEventListener("click", downloadBookmarksOrTags);
});
}
}
const filter = createFilter();
nav.parentElement.insertBefore(filter, nav);
nav.appendChild(dlBar);
}
function removeDownloadBar() {
var _a;
const dlBarWrap = document.querySelector(".pdl-dlbar");
if (dlBarWrap) {
dlBarWrap.remove();
(_a = document.querySelector(".pdl-filter-wrap")) == null ? void 0 : _a.remove();
}
}
function updateFollowLatestDownloadBarBtnText(prevDlBtn, prevDlAllBtn) {
if (location.pathname.includes("r18") && prevDlBtn.textContent !== t("button.download_r18_one_page")) {
prevDlBtn.textContent = t("button.download_r18_one_page");
prevDlAllBtn.textContent = t("button.download_r18");
} else if (!location.pathname.includes("r18") && prevDlBtn.textContent !== t("button.download_all_one_page")) {
prevDlBtn.textContent = t("button.download_all_one_page");
prevDlAllBtn.textContent = t("button.download_all");
}
}
function createFollowLatestDownloadBar() {
const prevDlBtn = document.querySelector(".pdl-btn-all");
if (prevDlBtn) {
const prevDlAllBtn = document.querySelector(".pdl-dl-all");
updateFollowLatestDownloadBarBtnText(prevDlBtn, prevDlAllBtn);
return;
}
const nav = document.querySelector("nav");
if (!nav || nav.parentElement.childElementCount === 1) return;
const navBar = nav.parentElement;
const modeSwitch = nav.nextElementSibling;
const filter = createFilter();
navBar.parentElement.insertBefore(filter, navBar);
const dlBar = document.createElement("div");
dlBar.classList.add("pdl-dlbar");
dlBar.classList.add("pdl-dlbar-follow_latest");
const statusBar = document.createElement("div");
statusBar.classList.add("pdl-dlbar-status_bar");
dlBarRef.statusBar = dlBar.appendChild(statusBar);
const baseClasses = nav.querySelector("a:not([aria-current])").classList;
dlBarRef.abortBtn = dlBar.appendChild(
createPdlBtn({
attrs: { "pdl-userid": "" },
classList: [...baseClasses, "pdl-stop", "pdl-hide"],
textContent: t("button.download_stop")
})
);
const dlBtn = createPdlBtn({
attrs: { "pdl-userid": "" },
classList: [...baseClasses, "pdl-btn-all"],
textContent: t("button.download_works")
});
dlBtn.addEventListener("click", downloadFollowLatest);
dlBar.appendChild(dlBtn);
const dlAllBtn = createPdlBtn({
attrs: { "pdl-userid": "" },
classList: [...baseClasses, "pdl-btn-all", "pdl-dl-all"],
textContent: t("button.download_works")
});
dlAllBtn.addEventListener("click", downloadFollowLatest);
dlBar.appendChild(dlAllBtn);
navBar.insertBefore(dlBar, modeSwitch);
}
function createSearchDownloadbar() {
if (document.querySelector(".pdl-dlbar")) return;
const sections = document.querySelectorAll("section");
const worksSection = sections[sections.length - 1];
const styleRefEle = document.querySelector("nav a:not([aria-current])");
if (!worksSection || !styleRefEle) return;
const dlBarContainer = worksSection.firstElementChild.firstElementChild;
const dlBar = document.createElement("div");
dlBar.classList.add("pdl-dlbar");
dlBar.classList.add("pdl-dlbar-search");
const statusBar = document.createElement("div");
statusBar.classList.add("pdl-dlbar-status_bar");
dlBarRef.statusBar = dlBar.appendChild(statusBar);
const baseClasses = styleRefEle.classList;
dlBarRef.abortBtn = dlBar.appendChild(
createPdlBtn({
attrs: { "pdl-userid": "" },
classList: [...baseClasses, "pdl-stop", "pdl-hide"],
textContent: t("button.download_stop")
})
);
const dlBtn = createPdlBtn({
attrs: { "pdl-userid": "" },
classList: [...baseClasses, "pdl-btn-all"],
textContent: t("button.download_all_one_page")
});
dlBtn.addEventListener("click", downloadSearchResult);
const filter = createExcludeDownloadedFilter();
dlBarContainer.parentElement.insertBefore(filter, dlBarContainer);
dlBar.appendChild(dlBtn);
dlBarContainer.appendChild(dlBar);
}
function changeDlbarDisplay() {
var _a, _b;
document.querySelectorAll(".pdl-dlbar .pdl-btn-all").forEach((ele) => {
ele.classList.toggle("pdl-hide");
});
(_a = document.querySelector(".pdl-dlbar .pdl-stop")) == null ? void 0 : _a.classList.toggle("pdl-hide");
document.querySelectorAll("pdl-artwork-tag, pdl-tag-list-button").forEach((ele) => {
if (ele.hasAttribute("disabled")) {
ele.removeAttribute("disabled");
} else {
ele.setAttribute("disabled", "");
}
});
(_b = document.querySelector(".pdl-filter-wrap")) == null ? void 0 : _b.classList.toggle("pdl-unavailable");
}
async function downloadByIds(total, idsGenerators, signal, onProgress) {
signal.throwIfAborted();
const failed = [];
const unavaliable = [];
const invalid = [];
const tasks2 = [];
let completed = 0;
let tooManyRequests = false;
let wakeTooManyRequest;
let wakeInterval;
let resolve;
let reject;
const done = new Promise((r, j) => {
resolve = r;
reject = j;
});
signal.addEventListener(
"abort",
() => {
if (tasks2.length) {
downloader.abort(tasks2);
tasks2.length = 0;
}
wakeTooManyRequest == null ? void 0 : wakeTooManyRequest();
wakeInterval == null ? void 0 : wakeInterval();
reject(signal.aborted ? signal.reason : "Unexpected generator error");
},
{ once: true }
);
const afterEach = (illustId) => {
const avaliable = total - failed.length - unavaliable.length - invalid.length;
onProgress({
illustId,
avaliable,
completed
});
if (completed === avaliable) {
resolve({ failed, unavaliable });
}
};
onProgress("Downloading...");
try {
for (const idsGenerator of idsGenerators) {
for await (const ids of idsGenerator) {
logger.info("Got ids:", ids);
signal.throwIfAborted();
if (ids.unavaliable.length) {
unavaliable.push(...ids.unavaliable);
}
if (ids.invalid.length) {
invalid.push(...ids.invalid);
}
if (typeof ids.total === "number" && !Number.isNaN(ids.total)) {
total = ids.total;
}
if (ids.avaliable.length) {
for (const id of ids.avaliable) {
signal.throwIfAborted();
if (tooManyRequests) {
onProgress("Too many requests, wait 30s");
const { wake: wake2, sleep: sleep22 } = wakeableSleep(3e4);
wakeTooManyRequest = wake2;
await sleep22;
signal.throwIfAborted();
tooManyRequests = false;
onProgress("Downloading...");
}
let historyData;
pixivParser.parse(id).then((pixivMeta) => {
const { id: id2, tags, artist, userId, title } = pixivMeta;
historyData = {
pid: Number(id2),
user: artist,
userId: Number(userId),
title,
tags
};
const downloadConfigs = new PixivDownloadConfig(pixivMeta).getDownloadConfig();
tasks2.push(downloadConfigs[0].taskId);
return downloader.download(downloadConfigs);
}).then(
(taskId) => {
historyDb.add(historyData);
if (!signal.aborted) {
tasks2.splice(tasks2.indexOf(taskId[0]), 1);
completed++;
afterEach(id);
}
},
(reason) => {
if (!signal.aborted) {
reason && logger.error(reason);
if (reason instanceof RequestError && reason.response.status === 429) {
tooManyRequests = true;
}
if (reason instanceof JsonDataError) {
unavaliable.push(id);
} else {
failed.push(id);
}
afterEach(id);
}
}
);
const { wake, sleep: sleep2 } = wakeableSleep(1e3);
wakeInterval = wake;
await sleep2;
}
} else {
afterEach("no avaliable id");
}
}
}
} catch (error) {
if (!signal.aborted) {
done.catch((reason) => {
logger.info("catch unexpected abort: ", reason);
});
signal.dispatchEvent(new Event("abort"));
throw error;
}
}
return done;
}
const downloadSvg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm-32-316v116h-67c-10.7 0-16 12.9-8.5 20.5l99 99c4.7 4.7 12.3 4.7 17 0l99-99c7.6-7.6 2.2-20.5-8.5-20.5h-67V140c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12z"></path></svg>`;
class ArtworkTagButton extends HTMLElement {
constructor(tagElement) {
super();
__publicField(this, "ob");
this.tagElement = tagElement;
this.bindValue(this.getTagProps());
this.render();
this.resetTagStyle();
this.ob = new MutationObserver((records) => {
if (records.some((record) => record.type === "attributes" && record.attributeName === "href")) {
this.bindValue(this.getTagProps());
}
this.changeBtnColor();
});
}
// 为了美观
resetTagStyle() {
this.tagElement.style.borderTopRightRadius = "0px";
this.tagElement.style.borderBottomRightRadius = "0px";
}
getTagProps() {
const tagTitles = this.tagElement.querySelectorAll("div[title]");
const tagStr = tagTitles[tagTitles.length - 1].getAttribute("title");
const tag = tagStr.startsWith("#") ? tagStr.slice(1) : "未分類";
const url2 = new URL(this.tagElement.href);
const { searchParams, pathname } = url2;
const [, , userId, urlCategory] = pathname.split("/");
let category;
if (urlCategory === "illustrations" || urlCategory === "artworks") {
category = "illusts";
} else {
category = urlCategory;
}
return {
userId,
category,
tag,
rest: searchParams.get("rest") === "hide" ? "hide" : "show"
};
}
bindValue(props) {
this.setAttribute("data-user-id", props.userId);
this.setAttribute("data-category", props.category);
this.setAttribute("data-tag", props.tag);
this.setAttribute("data-bookmark-rest", props.rest);
}
changeBtnColor() {
const { color, backgroundColor } = getComputedStyle(this.tagElement);
const btn = this.shadowRoot.querySelector("button");
btn.style.color = color;
btn.style.backgroundColor = backgroundColor;
}
async render() {
const shadowRoot = this.attachShadow({ mode: "open" });
addStyleToShadow(shadowRoot);
shadowRoot.innerHTML = ` <button class="flex h-full items-center pr-2 rounded-e-[4px] disabled:cursor-wait disabled:opacity-70">
<hr class="!border-t-0 border-l h-6 pr-2" />
<i class="text-sm w-6 fill-current">
${downloadSvg}
</i>
</button>`;
this.changeBtnColor();
}
connectedCallback() {
this.ob.observe(this.tagElement, {
attributes: true,
attributeFilter: ["class", "status", "href"]
});
}
disconnectedCallback() {
this.ob.disconnect();
}
static get observedAttributes() {
return ["disabled"];
}
attributeChangedCallback(name, oldValue, newValue) {
const btn = this.shadowRoot.querySelector("button");
if (typeof newValue === "string") {
btn.setAttribute("disabled", "");
} else {
btn.removeAttribute("disabled");
}
}
}
customElements.define("pdl-artwork-tag", ArtworkTagButton);
function onProgressCB(progressData) {
if (typeof progressData === "string") {
updateStatus(progressData);
} else {
logger.info(
"Update progress by",
progressData.illustId,
", completed: ",
progressData.completed
);
updateStatus(`Downloading: ${progressData.completed} / ${progressData.avaliable}`);
}
}
async function useDownloadBar(chunksGenerators) {
var _a;
if (!dlBarRef.abortBtn) return;
let total = 0;
let failedResult;
const idsGenerators = [];
!Array.isArray(chunksGenerators) && (chunksGenerators = [chunksGenerators]);
isDownloading = true;
changeDlbarDisplay();
try {
await Promise.all(chunksGenerators).then((gens) => {
gens.forEach((val) => {
total += val.total;
idsGenerators.push(val.generator);
});
});
} catch (error) {
logger.error(error);
updateStatus("Network error, see console");
changeDlbarDisplay();
isDownloading = false;
return;
}
if (total === 0) {
updateStatus("No works");
} else {
try {
logger.info("Total works:", total);
const controller = new AbortController();
const signal = controller.signal;
!signal.throwIfAborted && (signal.throwIfAborted = function() {
if (this.aborted) {
throw this.reason;
}
});
if (!("reason" in signal)) {
const abort = controller.abort;
controller.abort = function(reason) {
this.signal.reason = reason ? reason : new DOMException("signal is aborted without reason");
abort.apply(this);
};
}
(_a = dlBarRef.abortBtn) == null ? void 0 : _a.addEventListener(
"click",
() => {
controller.abort();
},
{ once: true }
);
const { failed, unavaliable } = await downloadByIds(
total,
idsGenerators,
signal,
onProgressCB
);
if (failed.length || unavaliable.length) {
updateStatus(`Failed: ${failed.length + unavaliable.length}. See console.`);
console.log("[Pixiv Downloader] Failed: ", failed.join(", "));
console.log("[Pixiv Downloader] Unavaliable: ", unavaliable.join(", "));
if (failed.length) failedResult = failed;
} else {
console.log("[Pixiv Downloader] Download complete");
updateStatus("Complete");
}
} catch (error) {
if (error instanceof DOMException) {
updateStatus("Stop");
} else {
updateStatus("Error, see console");
logger.error(error);
}
}
}
changeDlbarDisplay();
isDownloading = false;
return failedResult;
}
function getFilterOption() {
return {
filterExcludeDownloaded: config.get("filterExcludeDownloaded"),
filterIllusts: config.get("filterIllusts"),
filterManga: config.get("filterManga"),
filterUgoira: config.get("filterUgoira")
};
}
function downloadAndRetry(chunksGenerators) {
useDownloadBar(chunksGenerators).then((failed) => {
if (failed instanceof Array && failed.length) {
const gen = async function* () {
yield {
avaliable: failed,
unavaliable: [],
invalid: []
};
};
console.log("[Pixiv Downloader] Retry...");
useDownloadBar({ total: failed.length, generator: gen() });
}
});
}
let isDownloading = false;
function downloadWorks(evt) {
evt.preventDefault();
evt.stopPropagation();
if (isDownloading) return;
const btn = evt.target;
const userId = btn.getAttribute("pdl-userid");
const filterOption = getFilterOption();
downloader.dirHandleCheck();
const ids = pixivParser.getAllWorksGenerator(userId, filterOption);
downloadAndRetry(ids);
}
async function downloadBookmarksOrTags(evt) {
evt.preventDefault();
evt.stopPropagation();
if (isDownloading) return;
let userId;
let category;
let tag;
let rest;
const btn = evt.currentTarget;
if (btn.dataset.userId) {
userId = btn.dataset.userId;
category = btn.dataset.category;
tag = btn.dataset.tag;
rest = btn.dataset.bookmarkRest;
} else {
userId = btn.getAttribute("pdl-userid");
category = btn.getAttribute("category");
tag = btn.getAttribute("tag") || "";
rest = btn.getAttribute("rest") || "show";
}
downloader.dirHandleCheck();
const filterOption = getFilterOption();
let idsGenerators;
if (rest === "all") {
const idsShowPromise = pixivParser.getChunksGenerator(
userId,
"bookmarks",
"",
"show",
filterOption
);
const idsHidePromise = pixivParser.getChunksGenerator(
userId,
"bookmarks",
"",
"hide",
filterOption
);
idsGenerators = [idsShowPromise, idsHidePromise];
} else {
idsGenerators = pixivParser.getChunksGenerator(userId, category, tag, rest, filterOption);
}
downloadAndRetry(idsGenerators);
}
function downloadFollowLatest(evt) {
evt.preventDefault();
evt.stopPropagation();
if (isDownloading) return;
const btn = evt.target;
const mode = location.pathname.includes("r18") ? "r18" : "all";
const filterOption = getFilterOption();
let idsGenerators;
if (btn.classList.contains("pdl-dl-all")) {
idsGenerators = pixivParser.getFollowLatestGenerator(filterOption, mode);
} else {
const params = new URLSearchParams(location.search);
const page = Number(params.get("p")) || 1;
idsGenerators = pixivParser.getFollowLatestGenerator(filterOption, mode, page);
}
downloadAndRetry(idsGenerators);
}
async function downloadSearchResult(evt) {
evt.preventDefault();
evt.stopPropagation();
if (isDownloading) return;
const pdlNodes = document.querySelectorAll("section ul li pdl-button");
if (!pdlNodes.length) return;
let ids = Array.prototype.map.call(
pdlNodes,
(node) => node.getAttribute("pdl-id")
);
if (getFilterOption().filterExcludeDownloaded) {
const filteredIds = [];
for (const id of ids) {
const isDownloaded = await historyDb.has(id);
!isDownloaded && filteredIds.push(id);
}
ids = filteredIds;
}
const idsGenerators = {
total: ids.length,
generator: async function* () {
yield {
avaliable: ids,
unavaliable: [],
invalid: []
};
}()
};
downloadAndRetry(idsGenerators);
}
class TagListButton extends HTMLElement {
constructor(tagUrl, onClick) {
super();
this.tagUrl = tagUrl;
this.onClick = onClick;
this.render();
}
getTagProps() {
const url2 = new URL(this.tagUrl);
const { searchParams, pathname } = url2;
const pathComponent = pathname.split("/");
const [, , userId, urlCategory] = pathComponent;
let category;
if (urlCategory === "illustrations" || urlCategory === "artworks") {
category = "illusts";
} else {
category = urlCategory;
}
return {
userId,
category,
tag: pathComponent[pathComponent.length - 1],
rest: searchParams.get("rest") === "hide" ? "hide" : "show"
};
}
bindValue(btn, props) {
btn.setAttribute("data-user-id", props.userId);
btn.setAttribute("data-category", props.category);
btn.setAttribute("data-tag", props.tag);
btn.setAttribute("data-bookmark-rest", props.rest);
}
async render() {
const shadowRoot = this.attachShadow({ mode: "open" });
addStyleToShadow(shadowRoot);
shadowRoot.innerHTML = `
<div class=" flex items-center">
<hr class="!border-t-0 border-l h-6 ml-4 mr-2" />
<button class=" h-[38px] w-[38px] btn-icon [&:not([disabled])]:hover:bg-slate-400/30 disabled:cursor-wait disabled:opacity-70">
<i class="text-sm w-6 fill-current mx-2">
${downloadSvg}
</i>
</button>
</div>
`;
const btn = shadowRoot.querySelector("button");
this.bindValue(btn, this.getTagProps());
this.onClick && btn.addEventListener("click", this.onClick);
}
static get observedAttributes() {
return ["disabled"];
}
attributeChangedCallback(name, oldValue, newValue) {
const btn = this.shadowRoot.querySelector("button");
if (typeof newValue === "string") {
btn.setAttribute("disabled", "");
} else {
btn.removeAttribute("disabled");
}
}
}
customElements.define("pdl-tag-list-button", TagListButton);
function createTagListBtn() {
var _a;
const listContainer = document.querySelector('div[style*="position: relative"]');
if (!listContainer) return;
const modalRoot = listContainer == null ? void 0 : listContainer.closest('div[role="presentation"], div[class="charcoal-token"]');
const closeBtn = (_a = modalRoot == null ? void 0 : modalRoot.querySelector("svg")) == null ? void 0 : _a.parentElement;
const tagElements = listContainer.querySelectorAll(
'div[style*="position: absolute"] a'
);
tagElements.forEach((ele) => {
if (ele.querySelector("pdl-tag-list-button")) return;
const btn = new TagListButton(ele.href, (evt) => {
closeBtn == null ? void 0 : closeBtn.click();
downloadBookmarksOrTags(evt);
});
if (isDownloading) btn.setAttribute("disabled", "");
ele.appendChild(btn);
});
}
function createToolbarBtn(id) {
const toolbar = document.querySelector("main section section");
if (!toolbar || toolbar.querySelector("pdl-button")) return;
const btn = new ThumbnailButton({
id,
type: ThumbnailBtnType.PixivToolbar,
onClick: downloadArtwork
});
const pdlBtnWrap = toolbar.lastElementChild.cloneNode();
pdlBtnWrap.appendChild(btn);
toolbar.appendChild(pdlBtnWrap);
}
function createWorkScrollBtn(id) {
const works = document.querySelectorAll(
"figure a.gtm-expand-full-size-illust"
);
if (works.length < 2) return;
const containers = Array.from(works).map(
(node) => node.parentElement.parentElement
);
const elementToAppend = Array.from(containers).filter((el) => !el.querySelector("pdl-button"));
if (!elementToAppend.length) return;
elementToAppend.forEach((node, idx) => {
const wrapper = document.createElement("div");
wrapper.classList.add("pdl-wrap-artworks");
wrapper.appendChild(
new ThumbnailButton({
id,
page: idx,
type: ThumbnailBtnType.Gallery,
onClick: downloadArtwork
})
);
node.appendChild(wrapper);
});
}
const createPresentationBtn = /* @__PURE__ */ (() => {
let observer, btn;
function cb(mutationList) {
const newImg = mutationList[1]["addedNodes"][0];
const [pageNum] = regexp.originSrcPageNum.exec(newImg.src) ?? [];
if (!pageNum) throw new Error("[Error]Invalid Image Element.");
btn == null ? void 0 : btn.setAttribute("page", String(pageNum));
}
return (id) => {
const containers = document.querySelector("body > [role='presentation'] > div");
if (!containers) {
if (observer) {
observer.disconnect();
observer = null;
btn = null;
}
return;
}
if (containers.querySelector("pdl-button")) return;
const img = containers.querySelector("div > img");
if (!img) return;
const isOriginImg = regexp.originSrcPageNum.exec(img.src);
if (!isOriginImg) return;
const [pageNum] = isOriginImg;
btn = new ThumbnailButton({
id,
type: ThumbnailBtnType.PixivPresentation,
page: Number(pageNum),
onClick: downloadArtwork
});
containers.appendChild(btn);
if (!img.parentElement) return;
observer = new MutationObserver(cb);
observer.observe(img.parentElement, { childList: true, subtree: true });
};
})();
function createPreviewModalBtn() {
var _a;
const illustModalBtn = document.querySelector(
".gtm-manga-viewer-preview-modal-open:not(.pdl-listened)"
);
const mangaModalBtn = document.querySelector(".gtm-manga-viewer-open-preview:not(.pdl-listened)");
const mangaViewerModalBtn = (_a = document.querySelectorAll(
".gtm-manga-viewer-close-icon:not(.pdl-listened)"
)) == null ? void 0 : _a[1];
if (!illustModalBtn && !mangaModalBtn && !mangaViewerModalBtn) return;
[illustModalBtn, mangaModalBtn, mangaViewerModalBtn].forEach((node) => {
if (node) {
node.classList.add("pdl-listened");
node.addEventListener("click", handleModalClick);
}
});
}
function handleModalClick() {
const timer = setInterval(() => {
logger.info("Start to find modal.");
const ulList = document.querySelectorAll("ul");
const previewList = ulList[ulList.length - 1];
if (getComputedStyle(previewList).display !== "grid") return;
clearInterval(timer);
const [, id] = regexp.artworksPage.exec(location.pathname) ?? [];
previewList.childNodes.forEach((node, idx) => {
node.style.position = "relative";
node.appendChild(
new ThumbnailButton({
id,
page: idx,
onClick: downloadArtwork
})
);
});
}, 300);
}
function createMangaViewerBtn(id) {
const mangaViewerBackBtn = document.querySelector(".gtm-manga-viewer-close-icon");
if (!mangaViewerBackBtn) return;
const container = mangaViewerBackBtn.parentElement;
if (container.querySelector("pdl-button")) return;
container.appendChild(
new ThumbnailButton({
id,
type: ThumbnailBtnType.PixivMangaViewer,
onClick: downloadArtwork
})
);
}
function createFrequentTagBtn() {
const tagsEles = Array.from(document.querySelectorAll("a[status]"));
if (!tagsEles.length) return;
tagsEles.forEach((ele) => {
var _a;
if (((_a = ele.nextElementSibling) == null ? void 0 : _a.tagName) === "PDL-ARTWORK-TAG") return;
const artworkTagBtn = new ArtworkTagButton(ele);
artworkTagBtn.addEventListener("click", downloadBookmarksOrTags);
if (isDownloading) artworkTagBtn.setAttribute("disabled", "");
ele.parentElement.appendChild(artworkTagBtn);
});
}
function pageActions() {
const pathname = location.pathname;
let param;
switch (true) {
case !!(param = regexp.artworksPage.exec(pathname)): {
const id = param[1];
createToolbarBtn(id);
createWorkScrollBtn(id);
createPresentationBtn(id);
createPreviewModalBtn();
createMangaViewerBtn(id);
break;
}
case !!(param = regexp.userPage.exec(pathname)): {
const id = param[1] || param[2];
createDownloadBar(id);
const matchTagPage = regexp.userPageTags.exec(pathname);
if (matchTagPage) {
createFrequentTagBtn();
createTagListBtn();
}
break;
}
case regexp.followLatest.test(pathname): {
createFollowLatestDownloadBar();
break;
}
case regexp.searchPage.test(pathname): {
createSearchDownloadbar();
break;
}
case regexp.historyPage.test(pathname): {
createThumbnailBtn(document.querySelectorAll("span[style]._history-item"));
break;
}
default:
removeDownloadBar();
break;
}
}
let firstRun = true;
function observerCallback(records) {
const addedNodes = [];
records.forEach((record) => {
if (!record.addedNodes.length) return;
record.addedNodes.forEach((node) => {
if (node.nodeType === Node.ELEMENT_NODE && node.tagName !== "PDL-BUTTON" && node.tagName !== "IMG") {
addedNodes.push(node);
}
});
});
if (!addedNodes.length) return;
if (firstRun) {
createThumbnailBtn(document.querySelectorAll("a"));
firstRun = false;
} else {
fixPixivPreviewer(addedNodes);
const thumbnails = addedNodes.reduce((prev, current) => {
return prev.concat(
current instanceof HTMLAnchorElement ? [current] : Array.from(current.querySelectorAll("a"))
);
}, []);
createThumbnailBtn(thumbnails);
}
pageActions();
}
const downloadBar = `.pdl-dlbar{display:flex;flex-grow:1}.pdl-dlbar.pdl-dlbar-follow_latest{padding:0 8px}.pdl-dlbar .pdl-dlbar-status_bar{flex-grow:1;height:46px;line-height:46px;padding-right:8px;text-align:right;font-weight:700;font-size:16px;color:#858585;white-space:nowrap;cursor:default}.pdl-dlbar .pdl-btn-all,.pdl-dlbar .pdl-stop{background-color:transparent;border:none;padding:0 8px}.pdl-dlbar .pdl-btn-all:hover,.pdl-dlbar .pdl-stop:hover{color:var(--pdl-text1)}.pdl-dlbar .pdl-btn-all:before,.pdl-dlbar .pdl-stop:before{content:"";height:24px;width:24px;transition:background-image .2s ease 0s;background:no-repeat center/85%}.pdl-dlbar .pdl-btn-all:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23858585' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm-32-316v116h-67c-10.7 0-16 12.9-8.5 20.5l99 99c4.7 4.7 12.3 4.7 17 0l99-99c7.6-7.6 2.2-20.5-8.5-20.5h-67V140c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12z'%3E%3C/path%3E %3C/svg%3E")}.pdl-dlbar .pdl-btn-all:hover:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%231F1F1F' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm-32-316v116h-67c-10.7 0-16 12.9-8.5 20.5l99 99c4.7 4.7 12.3 4.7 17 0l99-99c7.6-7.6 2.2-20.5-8.5-20.5h-67V140c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12z'%3E%3C/path%3E %3C/svg%3E")}.pdl-dlbar .pdl-stop:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23858585' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z'%3E%3C/path%3E %3C/svg%3E")}.pdl-dlbar .pdl-stop:hover:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%231F1F1F' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z'%3E%3C/path%3E %3C/svg%3E")}:root .pdl-dlbar .pdl-btn-all:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23858585' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm-32-316v116h-67c-10.7 0-16 12.9-8.5 20.5l99 99c4.7 4.7 12.3 4.7 17 0l99-99c7.6-7.6 2.2-20.5-8.5-20.5h-67V140c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12z'%3E%3C/path%3E %3C/svg%3E")}:root .pdl-dlbar .pdl-btn-all:hover:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%231F1F1F' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm-32-316v116h-67c-10.7 0-16 12.9-8.5 20.5l99 99c4.7 4.7 12.3 4.7 17 0l99-99c7.6-7.6 2.2-20.5-8.5-20.5h-67V140c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12z'%3E%3C/path%3E %3C/svg%3E")}:root .pdl-dlbar .pdl-stop:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23858585' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z'%3E%3C/path%3E %3C/svg%3E")}:root .pdl-dlbar .pdl-stop:hover:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%231F1F1F' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z'%3E%3C/path%3E %3C/svg%3E")}:root[data-theme=default] .pdl-dlbar .pdl-btn-all:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23858585' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm-32-316v116h-67c-10.7 0-16 12.9-8.5 20.5l99 99c4.7 4.7 12.3 4.7 17 0l99-99c7.6-7.6 2.2-20.5-8.5-20.5h-67V140c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12z'%3E%3C/path%3E %3C/svg%3E")}:root[data-theme=default] .pdl-dlbar .pdl-btn-all:hover:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%231F1F1F' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm-32-316v116h-67c-10.7 0-16 12.9-8.5 20.5l99 99c4.7 4.7 12.3 4.7 17 0l99-99c7.6-7.6 2.2-20.5-8.5-20.5h-67V140c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12z'%3E%3C/path%3E %3C/svg%3E")}:root[data-theme=default] .pdl-dlbar .pdl-stop:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23858585' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z'%3E%3C/path%3E %3C/svg%3E")}:root[data-theme=default] .pdl-dlbar .pdl-stop:hover:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%231F1F1F' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z'%3E%3C/path%3E %3C/svg%3E")}@media (prefers-color-scheme: light){:root .pdl-dlbar .pdl-btn-all:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23858585' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm-32-316v116h-67c-10.7 0-16 12.9-8.5 20.5l99 99c4.7 4.7 12.3 4.7 17 0l99-99c7.6-7.6 2.2-20.5-8.5-20.5h-67V140c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12z'%3E%3C/path%3E %3C/svg%3E")}:root .pdl-dlbar .pdl-btn-all:hover:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%231F1F1F' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm-32-316v116h-67c-10.7 0-16 12.9-8.5 20.5l99 99c4.7 4.7 12.3 4.7 17 0l99-99c7.6-7.6 2.2-20.5-8.5-20.5h-67V140c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12z'%3E%3C/path%3E %3C/svg%3E")}:root .pdl-dlbar .pdl-stop:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23858585' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z'%3E%3C/path%3E %3C/svg%3E")}:root .pdl-dlbar .pdl-stop:hover:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%231F1F1F' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z'%3E%3C/path%3E %3C/svg%3E")}}:root[data-theme=dark] .pdl-dlbar .pdl-btn-all:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23858585' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm-32-316v116h-67c-10.7 0-16 12.9-8.5 20.5l99 99c4.7 4.7 12.3 4.7 17 0l99-99c7.6-7.6 2.2-20.5-8.5-20.5h-67V140c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12z'%3E%3C/path%3E %3C/svg%3E")}:root[data-theme=dark] .pdl-dlbar .pdl-btn-all:hover:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23D6D6D6' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm-32-316v116h-67c-10.7 0-16 12.9-8.5 20.5l99 99c4.7 4.7 12.3 4.7 17 0l99-99c7.6-7.6 2.2-20.5-8.5-20.5h-67V140c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12z'%3E%3C/path%3E %3C/svg%3E")}:root[data-theme=dark] .pdl-dlbar .pdl-stop:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23858585' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z'%3E%3C/path%3E %3C/svg%3E")}:root[data-theme=dark] .pdl-dlbar .pdl-stop:hover:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23D6D6D6' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z'%3E%3C/path%3E %3C/svg%3E")}@media (prefers-color-scheme: dark){:root .pdl-dlbar .pdl-btn-all:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23858585' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm-32-316v116h-67c-10.7 0-16 12.9-8.5 20.5l99 99c4.7 4.7 12.3 4.7 17 0l99-99c7.6-7.6 2.2-20.5-8.5-20.5h-67V140c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12z'%3E%3C/path%3E %3C/svg%3E")}:root .pdl-dlbar .pdl-btn-all:hover:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23D6D6D6' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm-32-316v116h-67c-10.7 0-16 12.9-8.5 20.5l99 99c4.7 4.7 12.3 4.7 17 0l99-99c7.6-7.6 2.2-20.5-8.5-20.5h-67V140c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12z'%3E%3C/path%3E %3C/svg%3E")}:root .pdl-dlbar .pdl-stop:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23858585' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z'%3E%3C/path%3E %3C/svg%3E")}:root .pdl-dlbar .pdl-stop:hover:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23D6D6D6' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z'%3E%3C/path%3E %3C/svg%3E")}}.pdl-filter-wrap{display:flex;justify-content:flex-end;gap:12px;margin:4px 0;font-weight:700;font-size:14px;line-height:14px;color:#858585;transition:color .2s ease 0s}.pdl-filter-wrap .pdl-filter:hover{color:var(--pdl-text1)}.pdl-filter-wrap .pdl-filter label{padding-left:8px;cursor:pointer}`;
const checkbox = '.pdl-checkbox{cursor:pointer;margin:0!important;padding:0!important;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;box-sizing:border-box;width:28px;border:2px solid transparent!important;border-radius:14px!important;height:14px;background-color:#858585!important;transition:background-color .2s ease 0s,box-shadow .2s ease 0s}.pdl-checkbox:hover{background-color:var(--pdl-bg3-hover)!important}.pdl-checkbox:checked{background-color:#0096fa!important}.pdl-checkbox:after{content:"";position:absolute;display:block;top:0;left:0;width:10px;height:10px;transform:translate(0);background-color:#fff;border-radius:10px;transition:transform .2s ease 0s}.pdl-checkbox:checked:after{transform:translate(14px)}';
class Pixiv extends SiteInject {
inject() {
super.inject();
new MutationObserver(observerCallback).observe(document.body, {
childList: true,
subtree: true
});
}
injectStyle() {
super.injectStyle();
_GM_addStyle(checkbox);
_GM_addStyle(downloadBar);
}
observeColorScheme() {
const onThemeChange = () => {
const sitePreferDark = document.documentElement.getAttribute("data-theme");
if (sitePreferDark === "dark") {
this.setModalDarkMode();
} else {
this.setModalLightMode();
}
};
onThemeChange();
new MutationObserver(onThemeChange).observe(document.documentElement, {
attributes: true,
childList: false,
subtree: false
});
}
}
function getSiteInjector(host) {
const sitesAdapter = {
"danbooru.donmai.us": Danbooru,
"www.pixiv.net": Pixiv,
"rule34.xxx": Rule34
};
if (host in sitesAdapter) {
return sitesAdapter[host];
}
}
const siteInject = getSiteInjector(location.host);
siteInject && new siteInject();
})(Dexie, dayjs, JSZip, GIF);
