file

Description
Syntax
Examples
Links

Description

The file of Filesystem for PHP reads entire file into an array.

TIP: A URL can be used as a filename with this function if the fopen wrappers have been enabled. See fopen() for more details on how to specify the filename. See the Supported Protocols and Wrappers for links to information about what abilities the various wrappers have, notes on their usage, and information on any predefined variables they may provide.

flags

The optional parameter flags can be one, or more, of the following constants:

Constant	Description
FILE_USE_INCLUDE_PATH	Search for the file in the include_path.
FILE_IGNORE_NEW_LINES	Omit newline at the end of each array element
FILE_SKIP_EMPTY_LINES	Skip empty lines

context

A context resource created with the stream_context_create() function.

Return

Returns the file in an array. Each element of the array corresponds to a line in the file, with the newline still attached. Returns false on failure.

NOTE: Each line in the resulting array will include the line ending, unless FILE_IGNORE_NEW_LINES is used.

NOTE: If PHP is not properly recognizing the line endings when reading files either on or created by a Macintosh computer, enabling the auto_detect_line_endings run-time configuration option may help resolve the problem.

Examples

1 · filename

<?

$filename = "https://osbo.com";

$return = file($filename);

print_r($return);

Array
(
    [0] => <!doctype html><html lang=en><head><meta charset=utf-8><meta content=width=device-width name=viewport><meta content=osbo.com name=description><title>osbo.com</title><link defer href=/assets/css/ rel=stylesheet><link defer href=/assets/svg/ rel=icon><script defer src=/assets/js/></script><script>var _mtm = window._mtm = window._mtm || [];_mtm.push({"mtm.startTime": (new Date().getTime()), "event": "mtm.Start"});(function(){var d=document, g=d.createElement("script"), s=d.querySelector("script");g.async=true; g.src="/matomo/js/container_Gm7CI6wt.js"; s.parentNode.insertBefore(g,s);})();</script></head><body><div id=foreground><header><a href=/><img alt=Home id=home src=/assets/svg/Home.svg title=Home></a><img alt=Menu id=menu src=/assets/svg/Menu.svg title=Menu><form action=/search/><input id=search-site name=search-site title=Search type=search></form></header><footer><a href=#><img alt=Top id=top src=/assets/svg/Top.svg title=Top></a></footer></div><div id=zeroground><div id=content><header><div id=topnav><a href=/Jesus/>Jesus</a> · <a href=/Bible/>Bible</a> · <a href=/html/>HTML</a> · <a href=/css/>CSS</a> · <a href=/js/>JS</a> · <a href=/php/>PHP</a> · <a href=/svg/>SVG</a> · <a href=/applications/>Applications</a></div></header><div class=banner><script defer src=https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4239362730750625 crossorigin=anonymous></script><ins class=adsbygoogle data-ad-client=ca-pub-4239362730750625 data-ad-slot=5564639719><a href=https://samaritanspurse.org/occ/ target=_blank><img alt="Samaritan's Purse Operation Christmas Child" src=/assets/svg/SamaritansPurseOperationChristmasChild3.svg title="Samaritan's Purse Operation Christmas Child"></a></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script></div><main><h1><a href>Bible Image Editor</a></h1><div id=myid style=height:100vh><script>const Bibleversionarray =

    [1] =>         [

    [2] =>             [

    [3] =>                 "العربية",

    [4] =>                 [

    [5] =>                     ["ASVD", "الكتاب المقدس ترجمة فانديك وسميث (ASVD)"],

    [6] =>                 ],

    [7] =>             ],

    [8] =>             [

    [9] =>                 "česky",

    [10] =>                 [

    [11] =>                     ["CSBKR", "Bible Kralická 1613 (CSBKR)"],

    [12] =>                 ],

    [13] =>             ],

    [14] =>             [

    [15] =>                 "Dansk",

    [16] =>                 [

    [17] =>                     ["DA1871", "Danske Bibel 1871 (DA1871)"],

    [18] =>                 ],

    [19] =>             ],

    [20] =>             [

    [21] =>                 "Deutsch",

    [22] =>                 [

    [23] =>                     ["DELUT", "Luther Bible 1912 (DELUT)"],

    [24] =>                     ["ELB", "Elberfelder 1905 (ELB)"],

    [25] =>                     ["ELB71", "Elberfelder 1871 (ELB71)"],

    [26] =>                 ],

    [27] =>             ],

    [28] =>             [

    [29] =>                 "English",

    [30] =>                 [

    [31] =>                     ["ASV", "American Standard Version (ASV)"],

    [32] =>                     ["KJV", "King James Version (KJV)"],

    [33] =>                     ["WEB", "World English Bible (WEB)"],

    [34] =>                 ],

    [35] =>             ],

    [36] =>             [

    [37] =>                 "Español",

    [38] =>                 [

    [39] =>                     ["RVES", "Reina-Valera Antigua (RVES)"],

    [40] =>                 ],

    [41] =>             ],

    [42] =>             [

    [43] =>                 "Suomi",

    [44] =>                 [

    [45] =>                     ["FI1776", "Finnish 1776 (FI1776)"],

    [46] =>                     ["FINPR", "Finnish 1938 (FINPR)"],

    [47] =>                 ],

    [48] =>             ],

    [49] =>             [

    [50] =>                 "Français",

    [51] =>                 [

    [52] =>                     ["FMAR", "Martin 1744 (FMAR)"],

    [53] =>                     ["FRDBY", "Bible Darby en français (FRDBY)"],

    [54] =>                     ["LSG", "Louis Segond 1910 (LSG)"],

    [55] =>                     ["OST", "Ostervald (OST)"],

    [56] =>                 ],

    [57] =>             ],

    [58] =>             [

    [59] =>                 "Magyar",

    [60] =>                 [

    [61] =>                     ["KAR", "Károli 1590 (KAR)"],

    [62] =>                 ],

    [63] =>             ],

    [64] =>             [

    [65] =>                 "Bahasa Indonesia",

    [66] =>                 [

    [67] =>                     ["IDBAR", "Terjemahan Baru (IDBAR)"],

    [68] =>                 ],

    [69] =>             ],

    [70] =>             [

    [71] =>                 "Italiano",

    [72] =>                 [

    [73] =>                     ["IGD", "Giovanni Diodati Bibbia (IGD)"],

    [74] =>                     ["ITRIV", "Italian Riveduta 1927 (ITRIV)"],

    [75] =>                 ],

    [76] =>             ],

    [77] =>             [

    [78] =>                 "日本語",

    [79] =>                 [

    [80] =>                     ["JA1955", "Colloquial Japanese 1955 (JA1955)"],

    [81] =>                 ],

    [82] =>             ],

    [83] =>             [

    [84] =>                 "Malagasy",

    [85] =>                 [

    [86] =>                     ["MG1865", "Malagasy Bible (MG1865)"],

    [87] =>                 ],

    [88] =>             ],

    [89] =>             [

    [90] =>                 "te reo Māori",

    [91] =>                 [

    [92] =>                     ["MAOR", "Maori Bible (MAOR)"],

    [93] =>                 ],

    [94] =>             ],

    [95] =>             [

    [96] =>                 "한국어",

    [97] =>                 [

    [98] =>                     ["KORVB", "개역한글 (KORVB)"],

    [99] =>                 ],

    [100] =>             ],

    [101] =>             [

    [102] =>                 "Nederlands",

    [103] =>                 [

    [104] =>                     ["SV1750", "Statenvertaling (SV1750)"],

    [105] =>                 ],

    [106] =>             ],

    [107] =>             [

    [108] =>                 "Norsk",

    [109] =>                 [

    [110] =>                     ["NORSK", "Det Norsk Bibelselskap 1930 (NORSK)"],

    [111] =>                 ],

    [112] =>             ],

    [113] =>             [

    [114] =>                 "Polski",

    [115] =>                 [

    [116] =>                     ["PBG", "Biblia Gdańska (PBG)"],

    [117] =>                 ],

    [118] =>             ],

    [119] =>             [

    [120] =>                 "Português",

    [121] =>                 [

    [122] =>                     ["AA", "Almeida Atualizada (AA)"],

    [123] =>                 ],

    [124] =>             ],

    [125] =>             [

    [126] =>                 "Română",

    [127] =>                 [

    [128] =>                     ["RMNN", "Romanian Cornilescu 1928 (RMNN)"],

    [129] =>                     ["VDC", "Versiunea Dumitru Cornilescu (VDC)"],

    [130] =>                     ["VDCC", "Versiunea Dumitru Cornilescu Corectată (VDCC)"],

    [131] =>                 ],

    [132] =>             ],

    [133] =>             [

    [134] =>                 "Pyccкий",

    [135] =>                 [

    [136] =>                     ["RURSV", "Синодальный перевод (RURSV)"],

    [137] =>                 ],

    [138] =>             ],

    [139] =>             [

    [140] =>                 "Shqip",

    [141] =>                 [

    [142] =>                     ["ALBB", "Albanian Bible (ALBB)"],

    [143] =>                 ],

    [144] =>             ],

    [145] =>             [

    [146] =>                 "Svenska",

    [147] =>                 [

    [148] =>                     ["SK73", "Karl XII 1873 (SK73)"],

    [149] =>                     ["SVEN", "Svenska 1917 (SVEN)"],

    [150] =>                 ],

    [151] =>             ],

    [152] =>             [

    [153] =>                 "Wikang Tagalog",

    [154] =>                 [

    [155] =>                     ["TLAB", "Ang Biblia (TLAB)"],

    [156] =>                 ],

    [157] =>             ],

    [158] =>             [

    [159] =>                 "українська",

    [160] =>                 [

    [161] =>                     ["UBIO", "Біблія в пер. Івана Огієнка 1962 (UBIO)"],

    [162] =>                     ["UKRK", "Біблія в пер. П.Куліша та І.Пулюя 1905 (UKRK)"],

    [163] =>                 ],

    [164] =>             ],

    [165] =>             [

    [166] =>                 "Tiếng Việt",

    [167] =>                 [

    [168] =>                     ["VI1934", "Vietnamese Bible 1934 (VI1934)"],

    [169] =>                 ],

    [170] =>             ],

    [171] =>             [

    [172] =>                 "简体中文",

    [173] =>                 [

    [174] =>                     ["CUVS", "简体和合本 (CUVS)"],

    [175] =>                 ],

    [176] =>             ],

    [177] =>             [

    [178] =>                 "繁體中文",

    [179] =>                 [

    [180] =>                     ["CUV", "和合本 (CUV)"],

    [181] =>                 ],

    [182] =>             ],

    [183] =>         ];

    [184] =>         const Biblebookarray =

    [185] =>         [

    [186] =>             //"Genesis",

    [187] =>             //"John",

    [188] =>         ];

    [189] =>         const Bibleversearray =

    [190] =>         [

    [191] =>             //"In the beginning God created the heaven and the earth.",

    [192] =>             //"For God so loved the world, that he gave his only begotten Son, that whosoever believeth in him should not perish, but have everlasting life.",

    [193] =>         ];

    [194] =>         const tabarray =

    [195] =>         [

    [196] =>             "canvas",

    [197] =>             "image",

    [198] =>             "message",

    [199] =>             "reference",

    [200] =>             "passage",

    [201] =>             "save",

    [202] =>         ];

    [203] =>         const borderstylearray =

    [204] =>         [

    [205] =>             "none",

    [206] =>             "dashed",

    [207] =>             "dotted",

    [208] =>             "double",

    [209] =>             "groove",

    [210] =>             //"hidden",

    [211] =>             "inset",

    [212] =>             "outset",

    [213] =>             "ridge",

    [214] =>             "solid",

    [215] =>         ];

    [216] =>         const horizontalarray =

    [217] =>         [

    [218] =>             "left",

    [219] =>             "center",

    [220] =>             "right",

    [221] =>             "justify",

    [222] =>         ];

    [223] =>         const verticalarray =

    [224] =>         [

    [225] =>             "start",

    [226] =>             "center",

    [227] =>             "end",

    [228] =>         ];

    [229] =>         const writingmodearray =

    [230] =>         [

    [231] =>             "horizontal-tb",

    [232] =>             "vertical-lr",

    [233] =>             "vertical-rl",

    [234] =>             "sideways-lr",

    [235] =>             "sideways-rl",

    [236] =>         ];

    [237] =>         const fontfamilyarray =

    [238] =>         [

    [239] =>             //generic family

    [240] =>             "cursive",

    [241] =>             "fantasy",

    [242] =>             "monospace",

    [243] =>             "sans-serif",

    [244] =>             "serif",

    [245] => 

    [246] =>             //web safe

    [247] =>             //"arial",//sans-serif

    [248] =>             //"brush script",//serif

    [249] =>             "courier",

    [250] =>             //"garamond",//serif

    [251] =>             "georgia",

    [252] =>             "tahoma",

    [253] =>             //"times new roman",//serif

    [254] =>             "trebuchet ms",

    [255] =>             "verdana",

    [256] => 

    [257] =>             //popular

    [258] =>             //"avenir",//serif

    [259] =>             //"bodoni",//serif

    [260] =>             "franklin gothic",

    [261] =>             //"frutiger",//serif

    [262] =>             //"futura",//serif

    [263] =>             //"helvetica",//sans-serif

    [264] =>             //"rockwell",//serif

    [265] =>             //"univers",//serif

    [266] =>         ];

    [267] =>         const fontstylearray =

    [268] =>         [

    [269] =>             "normal",

    [270] =>             "italic",

    [271] =>             //"oblique",

    [272] =>         ];

    [273] =>         const fontvariantarray =

    [274] =>         [

    [275] =>             "normal",

    [276] =>             "small-caps",

    [277] =>         ];

    [278] =>         const fontweightarray =

    [279] =>         [

    [280] =>             "normal",

    [281] =>             "bold",

    [282] =>             //"bolder",

    [283] =>             //"lighter",

    [284] =>         ];

    [285] =>         const maxheight = 10000;

    [286] =>         const maxwidth = 10000;

    [287] =>         const image = document.createElement("img");

    [288] =>         const text = document.createElement("img");

    [289] => 

    [290] =>         function bodyload()

    [291] =>         {

    [292] =>             //const body = document.body;

    [293] =>             //body.id = "myid";

    [294] => 

    [295] =>             const style = myid.style;

    [296] =>             //style.height = "100vh";

    [297] =>             style.overflow = "hidden";

    [298] =>         }

    [299] =>         addEventListener("load", bodyload);

    [300] => 

    [301] =>         function window1load()

    [302] =>         {

    [303] =>             const div = document.createElement("div");

    [304] =>             div.id = "window1";

    [305] =>             myid.append(div);

    [306] => 

    [307] =>             const style = div.style;

    [308] =>             style.height = "50vh";

    [309] =>             style.margin = "0";

    [310] =>         }

    [311] =>         addEventListener("load", window1load);

    [312] => 

    [313] =>         function window2load()

    [314] =>         {

    [315] =>             const div = document.createElement("div");

    [316] =>             div.id = "window2";

    [317] =>             myid.append(div);

    [318] => 

    [319] =>             const style = div.style;

    [320] =>             style.height = "32px";

    [321] =>             style.margin = "16px 0 0";

    [322] =>             style.overflowY = "hidden";

    [323] =>             style.whiteSpace = "nowrap";

    [324] =>         }

    [325] =>         addEventListener("load", window2load);

    [326] => 

    [327] =>         function window3load()

    [328] =>         {

    [329] =>             const div = document.createElement("div");

    [330] =>             div.id = "window3";

    [331] =>             myid.append(div);

    [332] => 

    [333] =>             const style = div.style;

    [334] =>             style.height = "calc(50vh - 48px)";

    [335] =>             style.margin = "0";

    [336] =>             style.overflowX = "hidden";

    [337] =>         }

    [338] =>         addEventListener("load", window3load);

    [339] => 

    [340] =>         function canvasload()

    [341] =>         {

    [342] =>             const canvas = document.createElement("canvas");

    [343] =>             canvas.height = 1080;

    [344] =>             canvas.id = "canvas";

    [345] =>             canvas.width = 1920;

    [346] =>             window1.append(canvas);

    [347] => 

    [348] =>             const style = canvas.style;

    [349] =>             style.position = "relative";

    [350] =>         }

    [351] =>         addEventListener("load", canvasload);

    [352] => 

    [353] =>         function canvasupdate()

    [354] =>         {

    [355] =>             //console.log("canup");

    [356] =>             const ww = innerWidth - 96;

    [357] =>             const wh = innerHeight * 0.5;

    [358] =>             const cw = canvas.width;

    [359] =>             const ch = canvas.height;

    [360] =>             const x = (ww - cw) * 0.5;

    [361] =>             const y = (wh - ch) * 0.5;

    [362] =>             const sw = ww / cw;

    [363] =>             const sh = wh / ch;

    [364] =>             const s = Math.min(sw, sh);

    [365] => 

    [366] =>             const style = canvas.style;

    [367] =>             style.left = `${x}px`;

    [368] =>             style.top = `${y}px`;

    [369] =>             style.transform = `scale(${s})`;

    [370] =>         }

    [371] =>         addEventListener("load", canvasupdate);

    [372] => 

    [373] =>         function resize()

    [374] =>         {

    [375] =>             canvasupdate();

    [376] =>         }

    [377] =>         addEventListener("resize", resize);

    [378] => 

    [379] =>         function svgupdate()

    [380] =>         {

    [381] =>             //console.log("svgup");

    [382] =>             const svg =

    [383] => `<svg height="${canvas.height}" width="${canvas.width}" xmlns="http://www.w3.org/2000/svg">

    [384] =>     <style>

    [385] =>         div

    [386] =>         {

    [387] =>             background-color: ${canvas.backgroundcolor};

    [388] =>             height: 100%;

    [389] =>         }

    [390] =>         img

    [391] =>         {

    [392] =>             box-sizing: border-box;

    [393] =>             position: absolute;

    [394] => 

    [395] =>             background-color: ${image.backgroundcolor};

    [396] =>             filter: blur(${image.filterblur}px) brightness(${image.filterbrightness}%) contrast(${image.filtercontrast}%) grayscale(${image.filtergrayscale}%) hue-rotate(${image.filterhuerotate}deg) invert(${image.filterinvert}%) opacity(${image.filteropacity}%) saturate(${image.filtersaturate}%) sepia(${image.filtersepia}%);

    [397] =>             height: ${image.height}px;

    [398] =>             left: ${image.myx}px;

    [399] =>             margin: ${image.margintop}px ${image.marginright}px ${image.marginbottom}px ${image.marginleft}px;

    [400] =>             padding: ${image.paddingtop}px ${image.paddingright}px ${image.paddingbottom}px ${image.paddingleft}px;

    [401] =>             object-fit: ${image.objectfit};

    [402] =>             //opacity: ${image.opacity};

    [403] =>             top: ${image.myy}px;

    [404] =>             width: ${image.width}px;

    [405] =>         }

    [406] =>         text

    [407] =>         {

    [408] =>             box-sizing: border-box;

    [409] =>             display: grid;

    [410] =>             overflow: hidden;

    [411] =>             position: absolute;

    [412] =>         }

    [413] =>         text:nth-of-type(1)

    [414] =>         {

    [415] =>             white-space: pre;

    [416] => 

    [417] =>             align-items: ${text.messagevertical};

    [418] =>             backdrop-filter: blur(${text.messagebackdropfilterblur}px) brightness(${text.messagebackdropfilterbrightness}%) contrast(${text.messagebackdropfiltercontrast}%) grayscale(${text.messagebackdropfiltergrayscale}%) hue-rotate(${text.messagebackdropfilterhuerotate}deg) invert(${text.messagebackdropfilterinvert}%) saturate(${text.messagebackdropfiltersaturate}%) sepia(${text.messagebackdropfiltersepia}%);

    [419] =>             background-color: ${text.messagebackgroundcolor};

    [420] =>             border-color: ${text.messagebordercolor};

    [421] =>             border-radius: ${text.messageborderradius}px;

    [422] =>             border-style: ${text.messageborderstyle};

    [423] =>             border-width: ${text.messageborderwidth}px;

    [424] =>             color: ${text.messagecolor};

    [425] =>             font-family: ${text.messagefontfamily};

    [426] =>             font-size: ${text.messagefontsize}px;

    [427] =>             font-style: ${text.messagefontstyle};

    [428] =>             font-variant: ${text.messagefontvariant};

    [429] =>             font-weight: ${text.messagefontweight};

    [430] =>             height: ${text.messageheight}px;

    [431] =>             left: ${text.messagex}px;

    [432] =>             margin: ${text.messagemargintop}px ${text.messagemarginright}px ${text.messagemarginbottom}px ${text.messagemarginleft}px;

    [433] =>             padding: ${text.messagepaddingtop}px ${text.messagepaddingright}px ${text.messagepaddingbottom}px ${text.messagepaddingleft}px;

    [434] =>             text-align: ${text.messagehorizontal};

    [435] =>             top: ${text.messagey}px;

    [436] =>             width: ${text.messagewidth}px;

    [437] =>             writing-mode: ${text.messagewritingmode};

    [438] =>         }

    [439] =>         text:nth-of-type(2)

    [440] =>         {

    [441] =>             align-items: ${text.referencevertical};

    [442] =>             background-color: ${text.referencebackgroundcolor};

    [443] =>             border-color: ${text.referencebordercolor};

    [444] =>             border-radius: ${text.referenceborderradius}px;

    [445] =>             border-style: ${text.referenceborderstyle};

    [446] =>             border-width: ${text.referenceborderwidth}px;

    [447] =>             color: ${text.referencecolor};

    [448] =>             font-family: ${text.referencefontfamily};

    [449] =>             font-size: ${text.referencefontsize}px;

    [450] =>             font-style: ${text.referencefontstyle};

    [451] =>             font-variant: ${text.referencefontvariant};

    [452] =>             font-weight: ${text.referencefontweight};

    [453] =>             height: ${text.referenceheight}px;

    [454] =>             left: ${text.referencex}px;

    [455] =>             margin: ${text.referencemargintop}px ${text.referencemarginright}px ${text.referencemarginbottom}px ${text.referencemarginleft}px;

    [456] =>             padding: ${text.referencepaddingtop}px ${text.referencepaddingright}px ${text.referencepaddingbottom}px ${text.referencepaddingleft}px;

    [457] =>             text-align: ${text.referencehorizontal};

    [458] =>             top: ${text.referencey}px;

    [459] =>             width: ${text.referencewidth}px;

    [460] =>             writing-mode: ${text.referencewritingmode};

    [461] =>         }

    [462] =>         text:nth-of-type(3)

    [463] =>         {

    [464] =>             align-items: ${text.passagevertical};

    [465] =>             background-color: ${text.passagebackgroundcolor};

    [466] =>             border-color: ${text.passagebordercolor};

    [467] =>             border-radius: ${text.passageborderradius}px;

    [468] =>             border-style: ${text.passageborderstyle};

    [469] =>             border-width: ${text.passageborderwidth}px;

    [470] =>             color: ${text.passagecolor};

    [471] =>             font-family: ${text.passagefontfamily};

    [472] =>             font-size: ${text.passagefontsize}px;

    [473] =>             font-style: ${text.passagefontstyle};

    [474] =>             font-variant: ${text.passagefontvariant};

    [475] =>             font-weight: ${text.passagefontweight};

    [476] =>             height: ${text.passageheight}px;

    [477] =>             left: ${text.passagex}px;

    [478] =>             margin: ${text.passagemargintop}px ${text.passagemarginright}px ${text.passagemarginbottom}px ${text.passagemarginleft}px;

    [479] =>             padding: ${text.passagepaddingtop}px ${text.passagepaddingright}px ${text.passagepaddingbottom}px ${text.passagepaddingleft}px;

    [480] =>             text-align: ${text.passagehorizontal};

    [481] =>             top: ${text.passagey}px;

    [482] =>             width: ${text.passagewidth}px;

    [483] =>             writing-mode: ${text.passagewritingmode};

    [484] =>         }

    [485] =>     </style>

    [486] =>     <foreignObject height="100%" width="100%">

    [487] =>         <div xmlns="http://www.w3.org/1999/xhtml">

    [488] =>             <img src="${image.dataurl}"/>

    [489] =>             <text>${text.messagetext}</text>

    [490] =>             <text>${text.referencetextbook}${text.referencetextchapter}${text.referencetextverse}${text.referencetextverseend}${text.referencetextversion}</text>

    [491] =>             <text>${text.passagetextverse}${text.passagetextverseend}</text>

    [492] =>         </div>

    [493] =>     </foreignObject>

    [494] => </svg>`;

    [495] =>             text.src = `data:image/svg+xml,${svg}`;

    [496] =>         }

    [497] => 

    [498] =>         function textupdate()

    [499] =>         {

    [500] =>             const context = canvas.getContext("2d");

    [501] =>             context.clearRect(0, 0, canvas.width, canvas.height);

    [502] =>             context.drawImage(text, 0, 0);

    [503] =>         }

    [504] =>         text.addEventListener("load", textupdate);

    [505] => 

    [506] => 

    [507] => 

    [508] => 

    [509] => 

    [510] => 

    [511] =>         function tabload()

    [512] =>         {

    [513] =>             for(const [key, value] of tabarray.entries())

    [514] =>             {

    [515] =>                 const button = document.createElement("button");

    [516] =>                 button.className = "tab";

    [517] =>                 if(value == "image")

    [518] =>                 {

    [519] =>                     button.className = "tab current";

    [520] =>                 }

    [521] =>                 button.id = "tab" + tabarray[key];

    [522] =>                 //button.innerHTML = `${key + 1}) ${tabarray[key]}`;

    [523] =>                 button.innerHTML = tabarray[key];

    [524] =>                 button.value = "tabcontent" + tabarray[key];

    [525] =>                 button.addEventListener("click", tabupdate);

    [526] =>                 window2.append(button);

    [527] => 

    [528] =>                 /*

    [529] =>                 const style = button.style;

    [530] =>                 style.backgroundColor = "#000";

    [531] =>                 style.color = "#fff";

    [532] =>                 style.border = "none";

    [533] =>                 style.fontSize = "16px";

    [534] =>                 style.padding = "16px";

    [535] =>                 style.transition = "0.5s";

    [536] =>                 //*/

    [537] =>             }

    [538] =>         }

    [539] =>         addEventListener("load", tabload);

    [540] => 

    [541] => 

    [542] =>         function tabupdate(m)

    [543] =>         {

    [544] =>             const mytarget = m.target;

    [545] => 

    [546] =>             //*

    [547] =>             for(const t of document.querySelectorAll(".tab"))

    [548] =>             {

    [549] =>                 //const style = t.style;

    [550] =>                 //style.backgroundColor = "#000";

    [551] =>                 //style.color = "#fff";

    [552] =>                 t.className = t.className.replace(" current", "");

    [553] =>             }

    [554] =>             //const style = document.querySelector("#"+mytarget.id).style;

    [555] =>             //style.backgroundColor = "#fff";

    [556] =>             //style.color = "#000";

    [557] =>             mytarget.className += " current";

    [558] =>             //*/

    [559] => 

    [560] =>             for(const t of document.querySelectorAll(".tabcontent"))

    [561] =>             {

    [562] =>                 const style = t.style;

    [563] =>                 style.contentVisibility = "hidden";

    [564] =>             }

    [565] =>             document.querySelector("#"+mytarget.value).style.contentVisibility = "visible";

    [566] =>         }

    [567] => 

    [568] =>         function tabcontentload()

    [569] =>         {

    [570] =>             for(const [key, value] of tabarray.entries())

    [571] =>             {

    [572] =>                 const div = document.createElement("div");

    [573] =>                 div.className = "tabcontent";

    [574] =>                 div.id = "tabcontent" + tabarray[key];

    [575] =>                 window3.append(div);

    [576] => 

    [577] =>                 //*

    [578] =>                 const style = div.style;

    [579] =>                 if(value != "image")

    [580] =>                 {

    [581] =>                     style.contentVisibility = "hidden";

    [582] =>                 }

    [583] =>                 style.margin = "0";

    [584] =>                 //style.transitionDuration = "0.5s";

    [585] =>                 //*/

    [586] =>             }

    [587] =>         }

    [588] =>         addEventListener("load", tabcontentload);

    [589] => 

    [590] => 

    [591] => 

    [592] => 

    [593] => 

    [594] => 

    [595] =>         function canvaswidthload()

    [596] =>         {

    [597] =>             const div = document.createElement("div");

    [598] =>             div.id = "canvaswidth";

    [599] =>             div.innerHTML = "width";

    [600] =>             tabcontentcanvas.append(div);

    [601] => 

    [602] =>             const style = div.style;

    [603] =>             style.overflowY = "hidden";

    [604] =>             style.whiteSpace = "nowrap";

    [605] =>         }

    [606] =>         addEventListener("load", canvaswidthload);

    [607] => 

    [608] =>         function canvaswidthnumberload()

    [609] =>         {

    [610] =>             const br = document.createElement("br");

    [611] =>             canvaswidth.append(br);

    [612] => 

    [613] =>             const input = document.createElement("input");

    [614] =>             input.id = "canvaswidthnumber";

    [615] =>             input.max = maxwidth;

    [616] =>             input.min = 0;

    [617] =>             input.type = "number";

    [618] =>             input.value = canvas.width;

    [619] =>             input.addEventListener("input", canvaswidthnumberupdate);

    [620] =>             canvaswidth.append(input);

    [621] => 

    [622] =>             //canvaswidthnumberupdate();

    [623] =>         }

    [624] =>         addEventListener("load", canvaswidthnumberload);

    [625] => 

    [626] =>         function canvaswidthnumberupdate()

    [627] =>         {

    [628] =>             const v = canvaswidthnumber.value;

    [629] => 

    [630] =>             canvaswidthrange.value = v;

    [631] =>             canvas.width = v;

    [632] => 

    [633] =>             canvasupdate();

    [634] =>             svgupdate();

    [635] =>         }

    [636] => 

    [637] =>         function canvaswidthrangeload()

    [638] =>         {

    [639] =>             //const br = document.createElement("br");

    [640] =>             //canvaswidth.append(br);

    [641] => 

    [642] =>             const input = document.createElement("input");

    [643] =>             input.id = "canvaswidthrange";

    [644] =>             input.max = canvaswidthnumber.max;

    [645] =>             input.min = canvaswidthnumber.min;

    [646] =>             input.type = "range";

    [647] =>             input.value = canvaswidthnumber.value;

    [648] =>             input.addEventListener("input", canvaswidthrangeupdate);

    [649] =>             canvaswidth.append(input);

    [650] => 

    [651] =>             canvaswidthrangeupdate();

    [652] =>         }

    [653] =>         addEventListener("load", canvaswidthrangeload);

    [654] => 

    [655] =>         function canvaswidthrangeupdate()

    [656] =>         {

    [657] =>             const v = canvaswidthrange.value;

    [658] => 

    [659] =>             canvaswidthnumber.value = v;

    [660] =>             canvas.width = v;

    [661] => 

    [662] =>             canvasupdate();

    [663] =>             svgupdate();

    [664] =>         }

    [665] => 

    [666] =>         function canvaswidthnaturalload()

    [667] =>         {

    [668] =>             const br = document.createElement("br");

    [669] =>             canvaswidth.append(br);

    [670] => 

    [671] =>             const button = document.createElement("button");

    [672] =>             button.innerHTML = "image";

    [673] =>             button.addEventListener("click", canvaswidthnaturalupdate);

    [674] =>             canvaswidth.append(button);

    [675] =>         }

    [676] =>         addEventListener("load", canvaswidthnaturalload);

    [677] => 

    [678] =>         function canvaswidthnaturalupdate()

    [679] =>         {

    [680] =>             canvaswidthnumber.value = image.naturalWidth;

    [681] => 

    [682] =>             canvaswidthnumberupdate();

    [683] =>         }

    [684] => 

    [685] =>         function canvaswidthexactload()

    [686] =>         {

    [687] =>             const br = document.createElement("br");

    [688] =>             canvaswidth.append(br);

    [689] => 

    [690] =>             const array =

    [691] =>             [

    [692] =>                 ["800",800],

    [693] =>                 ["1280",1280],

    [694] =>                 ["1366",1366],

    [695] =>                 ["1536",1536],

    [696] =>                 ["1600",1600],

    [697] =>                 ["1920",1920],

    [698] =>                 ["2304",2304],

    [699] =>                 ["2560",2560],

    [700] =>                 ["3840",3840],

    [701] =>             ];

    [702] => 

    [703] =>             for(const value of array)

    [704] =>             {

    [705] =>                 const button = document.createElement("button");

    [706] =>                 button.innerHTML = value[0];

    [707] =>                 button.value = value[1];

    [708] =>                 button.addEventListener("click", canvaswidthexactupdate);

    [709] =>                 canvaswidth.append(button);

    [710] =>             }

    [711] =>         }

    [712] =>         addEventListener("load", canvaswidthexactload);

    [713] => 

    [714] =>         function canvaswidthexactupdate(e)

    [715] =>         {

    [716] =>             canvaswidthnumber.value = Number(e.target.value);

    [717] => 

    [718] =>             canvaswidthnumberupdate();

    [719] =>         }

    [720] => 

    [721] =>         function canvaswidthincrementload()

    [722] =>         {

    [723] =>             const br = document.createElement("br");

    [724] =>             canvaswidth.append(br);

    [725] => 

    [726] =>             const array =

    [727] =>             [

    [728] =>                 ["-1000",-1000],

    [729] =>                 ["-100",-100],

    [730] =>                 ["-10",-10],

    [731] =>                 ["-1",-1],

    [732] =>                 ["+1",1],

    [733] =>                 ["+10",10],

    [734] =>                 ["+100",100],

    [735] =>                 ["+1000",1000],

    [736] =>             ];

    [737] => 

    [738] =>             for(const value of array)

    [739] =>             {

    [740] =>                 const button = document.createElement("button");

    [741] =>                 button.innerHTML = value[0];

    [742] =>                 button.value = value[1];

    [743] =>                 button.addEventListener("click", canvaswidthincrementupdate);

    [744] =>                 canvaswidth.append(button);

    [745] =>             }

    [746] =>         }

    [747] =>         addEventListener("load", canvaswidthincrementload);

    [748] => 

    [749] =>         function canvaswidthincrementupdate(e)

    [750] =>         {

    [751] =>             const v = Number(canvaswidthnumber.value) + Number(e.target.value);

    [752] => 

    [753] =>             if((canvaswidthnumber.min <= v) && (v <= canvaswidthnumber.max))

    [754] =>             {

    [755] =>                 canvaswidthnumber.value = v;

    [756] => 

    [757] =>                 canvaswidthnumberupdate();

    [758] =>             }

    [759] =>         }

    [760] => 

    [761] => 

    [762] => 

    [763] =>         function canvasheightload()

    [764] =>         {

    [765] =>             const div = document.createElement("div");

    [766] =>             div.id = "canvasheight";

    [767] =>             div.innerHTML = "height";

    [768] =>             tabcontentcanvas.append(div);

    [769] => 

    [770] =>             const style = div.style;

    [771] =>             style.overflowY = "hidden";

    [772] =>             style.whiteSpace = "nowrap";

    [773] =>         }

    [774] =>         addEventListener("load", canvasheightload);

    [775] => 

    [776] =>         function canvasheightnumberload()

    [777] =>         {

    [778] =>             const br = document.createElement("br");

    [779] =>             canvasheight.append(br);

    [780] => 

    [781] =>             const input = document.createElement("input");

    [782] =>             input.id = "canvasheightnumber";

    [783] =>             input.max = maxheight;

    [784] =>             input.min = 0;

    [785] =>             input.type = "number";

    [786] =>             input.value = canvas.height;

    [787] =>             input.addEventListener("input", canvasheightnumberupdate);

    [788] =>             canvasheight.append(input);

    [789] => 

    [790] =>             //canvasheightnumberupdate();

    [791] =>         }

    [792] =>         addEventListener("load", canvasheightnumberload);

    [793] => 

    [794] =>         function canvasheightnumberupdate()

    [795] =>         {

    [796] =>             const v = canvasheightnumber.value;

    [797] => 

    [798] =>             canvasheightrange.value = v;

    [799] =>             canvas.height = v;

    [800] => 

    [801] =>             canvasupdate();

    [802] =>             svgupdate();

    [803] =>         }

    [804] => 

    [805] =>         function canvasheightrangeload()

    [806] =>         {

    [807] =>             //const br = document.createElement("br");

    [808] =>             //canvasheight.append(br);

    [809] => 

    [810] =>             const input = document.createElement("input");

    [811] =>             input.id = "canvasheightrange";

    [812] =>             input.max = canvasheightnumber.max;

    [813] =>             input.min = canvasheightnumber.min;

    [814] =>             input.type = "range";

    [815] =>             input.value = canvasheightnumber.value;

    [816] =>             input.addEventListener("input", canvasheightrangeupdate);

    [817] =>             canvasheight.append(input);

    [818] => 

    [819] =>             canvasheightrangeupdate();

    [820] =>         }

    [821] =>         addEventListener("load", canvasheightrangeload);

    [822] => 

    [823] =>         function canvasheightrangeupdate()

    [824] =>         {

    [825] =>             const v = canvasheightrange.value;

    [826] => 

    [827] =>             canvasheightnumber.value = v;

    [828] =>             canvas.height = v;

    [829] => 

    [830] =>             canvasupdate();

    [831] =>             svgupdate();

    [832] =>         }

    [833] => 

    [834] =>         function canvasheightnaturalload()

    [835] =>         {

    [836] =>             const br = document.createElement("br");

    [837] =>             canvasheight.append(br);

    [838] => 

    [839] =>             const button = document.createElement("button");

    [840] =>             button.innerHTML = "image";

    [841] =>             button.addEventListener("click", canvasheightnaturalupdate);

    [842] =>             canvasheight.append(button);

    [843] =>         }

    [844] =>         addEventListener("load", canvasheightnaturalload);

    [845] => 

    [846] =>         function canvasheightnaturalupdate()

    [847] =>         {

    [848] =>             canvasheightnumber.value = image.naturalHeight;

    [849] => 

    [850] =>             canvasheightnumberupdate();

    [851] =>         }

    [852] => 

    [853] =>         function canvasheightexactload()

    [854] =>         {

    [855] =>             const br = document.createElement("br");

    [856] =>             canvasheight.append(br);

    [857] => 

    [858] =>             const array =

    [859] =>             [

    [860] =>                 ["600",600],

    [861] =>                 ["720",720],

    [862] =>                 ["768",768],

    [863] =>                 ["864",864],

    [864] =>                 ["900",900],

    [865] =>                 ["1080",1080],

    [866] =>                 ["1296",1296],

    [867] =>                 ["1440",1440],

    [868] =>                 ["2160",2160],

    [869] =>             ];

    [870] => 

    [871] =>             for(const value of array)

    [872] =>             {

    [873] =>                 const button = document.createElement("button");

    [874] =>                 button.innerHTML = value[0];

    [875] =>                 button.value = value[1];

    [876] =>                 button.addEventListener("click", canvasheightexactupdate);

    [877] =>                 canvasheight.append(button);

    [878] =>             }

    [879] =>         }

    [880] =>         addEventListener("load", canvasheightexactload);

    [881] => 

    [882] =>         function canvasheightexactupdate(e)

    [883] =>         {

    [884] =>             canvasheightnumber.value = Number(e.target.value);

    [885] => 

    [886] =>             canvasheightnumberupdate();

    [887] =>         }

    [888] => 

    [889] =>         function canvasheightincrementload()

    [890] =>         {

    [891] =>             const br = document.createElement("br");

    [892] =>             canvasheight.append(br);

    [893] => 

    [894] =>             const array =

    [895] =>             [

    [896] =>                 ["-1000",-1000],

    [897] =>                 ["-100",-100],

    [898] =>                 ["-10",-10],

    [899] =>                 ["-1",-1],

    [900] =>                 ["+1",1],

    [901] =>                 ["+10",10],

    [902] =>                 ["+100",100],

    [903] =>                 ["+1000",1000],

    [904] =>             ];

    [905] => 

    [906] =>             for(const value of array)

    [907] =>             {

    [908] =>                 const button = document.createElement("button");

    [909] =>                 button.innerHTML = value[0];

    [910] =>                 button.value = value[1];

    [911] =>                 button.addEventListener("click", canvasheightincrementupdate);

    [912] =>                 canvasheight.append(button);

    [913] =>             }

    [914] =>         }

    [915] =>         addEventListener("load", canvasheightincrementload);

    [916] => 

    [917] =>         function canvasheightincrementupdate(e)

    [918] =>         {

    [919] =>             const v = Number(canvasheightnumber.value) + Number(e.target.value);

    [920] => 

    [921] =>             if((canvasheightnumber.min <= v) && (v <= canvasheightnumber.max))

    [922] =>             {

    [923] =>                 canvasheightnumber.value = v;

    [924] => 

    [925] =>                 canvasheightnumberupdate();

    [926] =>             }

    [927] =>         }

    [928] => 

    [929] => 

    [930] => 

    [931] =>         function canvasbackgroundcolorload()

    [932] =>         {

    [933] =>             const div = document.createElement("div");

    [934] =>             div.id = "canvasbackgroundcolor";

    [935] =>             div.innerHTML = "background-color";

    [936] =>             tabcontentcanvas.append(div);

    [937] =>         }

    [938] =>         addEventListener("load", canvasbackgroundcolorload);

    [939] => 

    [940] =>         function canvasbackgroundcolorcolorload()

    [941] =>         {

    [942] =>             const br = document.createElement("br");

    [943] =>             canvasbackgroundcolor.append(br);

    [944] => 

    [945] =>             const input = document.createElement("input");

    [946] =>             input.id = "canvasbackgroundcolorcolor";

    [947] =>             input.type = "color";

    [948] =>             input.value = "#000000";

    [949] =>             input.addEventListener("input", canvasbackgroundcolorcolorupdate);

    [950] =>             canvasbackgroundcolor.append(input);

    [951] => 

    [952] =>             //canvasbackgroundcolorcolorset();

    [953] =>         }

    [954] =>         addEventListener("load", canvasbackgroundcolorcolorload);

    [955] => 

    [956] =>         function canvasbackgroundcolorcolorset()

    [957] =>         {

    [958] =>             const c = canvasbackgroundcolorcolor.value;

    [959] =>             const r = parseInt(c.slice(1,3),16);

    [960] =>             const g = parseInt(c.slice(3,5),16);

    [961] =>             const b = parseInt(c.slice(5,7),16);

    [962] =>             const a = canvasbackgroundalphanumber.value;

    [963] => 

    [964] =>             canvas.backgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;

    [965] =>         }

    [966] => 

    [967] =>         function canvasbackgroundcolorcolorupdate()

    [968] =>         {

    [969] =>             canvasbackgroundcolorcolorset();

    [970] =>             svgupdate();

    [971] =>         }

    [972] => 

    [973] =>         function canvasbackgroundcolorexactload()

    [974] =>         {

    [975] =>             const br = document.createElement("br");

    [976] =>             canvasbackgroundcolor.append(br);

    [977] => 

    [978] =>             const array =

    [979] =>             [

    [980] =>                 ["black","#000000"],

    [981] =>                 ["white","#ffffff"],

    [982] =>             ];

    [983] => 

    [984] =>             for(const value of array)

    [985] =>             {

    [986] =>                 const button = document.createElement("button");

    [987] =>                 button.innerHTML = value[0];

    [988] =>                 button.value = value[1];

    [989] =>                 button.addEventListener("click", canvasbackgroundcolorexactupdate);

    [990] =>                 canvasbackgroundcolor.append(button);

    [991] =>             }

    [992] =>         }

    [993] =>         addEventListener("load", canvasbackgroundcolorexactload);

    [994] => 

    [995] =>         function canvasbackgroundcolorexactupdate(e)

    [996] =>         {

    [997] =>             canvasbackgroundcolorcolor.value = e.target.value;

    [998] => 

    [999] =>             canvasbackgroundcolorcolorupdate();

    [1000] =>         }

    [1001] => 

    [1002] => 

    [1003] => 

    [1004] =>         function canvasbackgroundalphaload()

    [1005] =>         {

    [1006] =>             const div = document.createElement("div");

    [1007] =>             div.id = "canvasbackgroundalpha";

    [1008] =>             div.innerHTML = "background-alpha";

    [1009] =>             tabcontentcanvas.append(div);

    [1010] => 

    [1011] =>             const style = div.style;

    [1012] =>             style.overflowY = "hidden";

    [1013] =>             style.whiteSpace = "nowrap";

    [1014] =>         }

    [1015] =>         addEventListener("load", canvasbackgroundalphaload);

    [1016] => 

    [1017] =>         function canvasbackgroundalphanumberload()

    [1018] =>         {

    [1019] =>             const br = document.createElement("br");

    [1020] =>             canvasbackgroundalpha.append(br);

    [1021] => 

    [1022] =>             const input = document.createElement("input");

    [1023] =>             input.id = "canvasbackgroundalphanumber";

    [1024] =>             input.max = 1;

    [1025] =>             input.min = 0;

    [1026] =>             input.step = 0.01;

    [1027] =>             input.type = "number";

    [1028] =>             input.value = 1;

    [1029] =>             input.addEventListener("input", canvasbackgroundalphanumberupdate);

    [1030] =>             canvasbackgroundalpha.append(input);

    [1031] => 

    [1032] =>             //canvasbackgroundalphanumberset();

    [1033] =>         }

    [1034] =>         addEventListener("load", canvasbackgroundalphanumberload);

    [1035] => 

    [1036] =>         function canvasbackgroundalphanumberset()

    [1037] =>         {

    [1038] =>             const c = canvasbackgroundcolorcolor.value;

    [1039] =>             const r = parseInt(c.slice(1,3),16);

    [1040] =>             const g = parseInt(c.slice(3,5),16);

    [1041] =>             const b = parseInt(c.slice(5,7),16);

    [1042] =>             const a = canvasbackgroundalphanumber.value;

    [1043] => 

    [1044] =>             canvasbackgroundalpharange.value = a;

    [1045] =>             canvas.backgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;

    [1046] =>         }

    [1047] => 

    [1048] =>         function canvasbackgroundalphanumberupdate()

    [1049] =>         {

    [1050] =>             canvasbackgroundalphanumberset();

    [1051] =>             svgupdate();

    [1052] =>         }

    [1053] => 

    [1054] =>         function canvasbackgroundalpharangeload()

    [1055] =>         {

    [1056] =>             //const br = document.createElement("br");

    [1057] =>             //canvasbackgroundalpha.append(br);

    [1058] => 

    [1059] =>             const input = document.createElement("input");

    [1060] =>             input.id = "canvasbackgroundalpharange";

    [1061] =>             input.max = canvasbackgroundalphanumber.max;

    [1062] =>             input.min = canvasbackgroundalphanumber.min;

    [1063] =>             input.step = canvasbackgroundalphanumber.step;

    [1064] =>             input.type = "range";

    [1065] =>             input.value = canvasbackgroundalphanumber.value;

    [1066] =>             input.addEventListener("input", canvasbackgroundalpharangeupdate);

    [1067] =>             canvasbackgroundalpha.append(input);

    [1068] => 

    [1069] =>             canvasbackgroundalpharangeset();

    [1070] =>         }

    [1071] =>         addEventListener("load", canvasbackgroundalpharangeload);

    [1072] => 

    [1073] =>         function canvasbackgroundalpharangeset()

    [1074] =>         {

    [1075] =>             const c = canvasbackgroundcolorcolor.value;

    [1076] =>             const r = parseInt(c.slice(1,3),16);

    [1077] =>             const g = parseInt(c.slice(3,5),16);

    [1078] =>             const b = parseInt(c.slice(5,7),16);

    [1079] =>             const a = canvasbackgroundalpharange.value;

    [1080] => 

    [1081] =>             canvasbackgroundalphanumber.value = a;

    [1082] =>             canvas.backgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;

    [1083] =>         }

    [1084] => 

    [1085] =>         function canvasbackgroundalpharangeupdate()

    [1086] =>         {

    [1087] =>             canvasbackgroundalpharangeset();

    [1088] =>             svgupdate();

    [1089] =>         }

    [1090] => 

    [1091] =>         function canvasbackgroundalphaexactload()

    [1092] =>         {

    [1093] =>             const br = document.createElement("br");

    [1094] =>             canvasbackgroundalpha.append(br);

    [1095] => 

    [1096] =>             const array =

    [1097] =>             [

    [1098] =>                 ["0",0],

    [1099] =>                 ["0.25",0.25],

    [1100] =>                 ["0.5",0.5],

    [1101] =>                 ["0.75",0.75],

    [1102] =>                 ["1",1],

    [1103] =>             ];

    [1104] => 

    [1105] =>             for(const value of array)

    [1106] =>             {

    [1107] =>                 const button = document.createElement("button");

    [1108] =>                 button.innerHTML = value[0];

    [1109] =>                 button.value = value[1];

    [1110] =>                 button.addEventListener("click", canvasbackgroundalphaexactupdate);

    [1111] =>                 canvasbackgroundalpha.append(button);

    [1112] =>             }

    [1113] =>         }

    [1114] =>         addEventListener("load", canvasbackgroundalphaexactload);

    [1115] => 

    [1116] =>         function canvasbackgroundalphaexactupdate(e)

    [1117] =>         {

    [1118] =>             canvasbackgroundalphanumber.value = Number(e.target.value);

    [1119] => 

    [1120] =>             canvasbackgroundalphanumberupdate();

    [1121] =>         }

    [1122] => 

    [1123] =>         function canvasbackgroundalphaincrementload()

    [1124] =>         {

    [1125] =>             const br = document.createElement("br");

    [1126] =>             canvasbackgroundalpha.append(br);

    [1127] => 

    [1128] =>             const array =

    [1129] =>             [

    [1130] =>                 ["-0.1",-0.1],

    [1131] =>                 ["-0.01",-0.01],

    [1132] =>                 ["+0.01",0.01],

    [1133] =>                 ["+0.1",0.1],

    [1134] =>             ];

    [1135] => 

    [1136] =>             for(const value of array)

    [1137] =>             {

    [1138] =>                 const button = document.createElement("button");

    [1139] =>                 button.innerHTML = value[0];

    [1140] =>                 button.value = value[1];

    [1141] =>                 button.addEventListener("click", canvasbackgroundalphaincrementupdate);

    [1142] =>                 canvasbackgroundalpha.append(button);

    [1143] =>             }

    [1144] =>         }

    [1145] =>         addEventListener("load", canvasbackgroundalphaincrementload);

    [1146] => 

    [1147] =>         function canvasbackgroundalphaincrementupdate(e)

    [1148] =>         {

    [1149] =>             let v = Number(canvasbackgroundalphanumber.value) + Number(e.target.value);

    [1150] =>             v = parseFloat(v.toFixed(2));

    [1151] => 

    [1152] =>             if((canvasbackgroundalphanumber.min <= v) && (v <= canvasbackgroundalphanumber.max))

    [1153] =>             {

    [1154] =>                 canvasbackgroundalphanumber.value = v;

    [1155] => 

    [1156] =>                 canvasbackgroundalphanumberupdate();

    [1157] =>             }

    [1158] =>         }

    [1159] => 

    [1160] => 

    [1161] => 

    [1162] => 

    [1163] => 

    [1164] => 

    [1165] =>         function myfunction1(e)

    [1166] =>         {

    [1167] =>             //console.log(myvideo.duration);

    [1168] =>             const myvideo = e.target;

    [1169] => 

    [1170] =>             myvideo.currentTime = 0;

    [1171] =>         }

    [1172] => 

    [1173] =>         function myfunction2(e)

    [1174] =>         {

    [1175] =>             //console.log(myvideo.currentTime);

    [1176] =>             const myvideo = e.target;

    [1177] => 

    [1178] =>             const mycanvas = document.createElement("canvas");

    [1179] =>             mycanvas.height = myvideo.videoHeight;

    [1180] =>             mycanvas.width = myvideo.videoWidth;

    [1181] => 

    [1182] =>             const mycontext = mycanvas.getContext("2d");

    [1183] =>             mycontext.drawImage(myvideo, 0, 0, mycanvas.width, mycanvas.height);

    [1184] => 

    [1185] =>             //const myimg = new Image();

    [1186] =>             //myimg.src = mycanvas.toDataURL();

    [1187] => 

    [1188] =>             image.src = mycanvas.toDataURL();

    [1189] =>         }

    [1190] => 

    [1191] =>         function imageload2()

    [1192] =>         {

    [1193] =>             //image.src = "/assets/svg/Happy.svg";

    [1194] => 

    [1195] =>             const date  = new Date();

    [1196] =>             const month = date.getUTCMonth() + 1;

    [1197] =>             const day   = date.getUTCDate();

    [1198] => 

    [1199] =>             const myvideo = document.createElement("video");

    [1200] =>             myvideo.addEventListener("loadedmetadata", myfunction1);

    [1201] =>             myvideo.addEventListener("seeked", myfunction2);

    [1202] =>             myvideo.src = `/assets/mp4/${month}/${day}.mp4`;

    [1203] =>         }

    [1204] =>         addEventListener("load", imageload2);

    [1205] => 

    [1206] =>         function imageload3()

    [1207] =>         {

    [1208] =>             fetch(image.src)

    [1209] =>             .then(r => r.blob())

    [1210] =>             .then(b =>

    [1211] =>             {

    [1212] =>                 const reader = new FileReader();

    [1213] =>                 reader.readAsDataURL(b);

    [1214] =>                 reader.onloadend = () =>

    [1215] =>                 {

    [1216] =>                     //console.log("imageload3");

    [1217] =>                     image.dataurl = reader.result;

    [1218] =>                     svgupdate();

    [1219] =>                 };

    [1220] =>             });

    [1221] =>         }

    [1222] =>         image.addEventListener("load", imageload3);

    [1223] => 

    [1224] => 

    [1225] => 

    [1226] =>         function imagefileload()

    [1227] =>         {

    [1228] =>             const div = document.createElement("div");

    [1229] =>             div.id = "imagefile";

    [1230] =>             div.innerHTML = "file";

    [1231] =>             tabcontentimage.append(div);

    [1232] =>         }

    [1233] =>         addEventListener("load", imagefileload);

    [1234] => 

    [1235] =>         function imagefilefileload()

    [1236] =>         {

    [1237] =>             const br = document.createElement("br");

    [1238] =>             imagefile.append(br);

    [1239] => 

    [1240] =>             const input = document.createElement("input");

    [1241] =>             input.id = "imagefilefile";

    [1242] =>             input.type = "file";

    [1243] =>             input.addEventListener("change", imagefilefileupdate);

    [1244] =>             imagefile.append(input);

    [1245] =>         }

    [1246] =>         addEventListener("load", imagefilefileload);

    [1247] => 

    [1248] =>         function imagefilefileupdate()

    [1249] =>         {

    [1250] =>             const f = imagefilefile.files[0];

    [1251] => 

    [1252] =>             image.src = URL.createObjectURL(f);

    [1253] =>         }

    [1254] => 

    [1255] => 

    [1256] => 

    [1257] =>         function imagefitload()

    [1258] =>         {

    [1259] =>             const div = document.createElement("div");

    [1260] =>             div.id = "imagefit";

    [1261] =>             div.innerHTML = "fit";

    [1262] =>             tabcontentimage.append(div);

    [1263] =>         }

    [1264] =>         addEventListener("load", imagefitload);

    [1265] => 

    [1266] =>         function imagefitselectload()

    [1267] =>         {

    [1268] =>             const br = document.createElement("br");

    [1269] =>             imagefit.append(br);

    [1270] => 

    [1271] =>             const select = document.createElement("select");

    [1272] =>             select.id = "imagefitselect";

    [1273] =>             select.addEventListener("input", imagefitselectupdate);

    [1274] =>             imagefit.append(select);

    [1275] => 

    [1276] =>             const array =

    [1277] =>             [

    [1278] =>                 "contain",

    [1279] =>                 "cover",

    [1280] =>             ];

    [1281] => 

    [1282] =>             for(const value of array)

    [1283] =>             {

    [1284] =>                 const option = document.createElement("option");

    [1285] =>                 option.innerHTML = value;

    [1286] =>                 select.add(option);

    [1287] =>             }

    [1288] => 

    [1289] =>             imagefitselect.value = array[1];

    [1290] => 

    [1291] =>             imagefitselectset();

    [1292] =>         }

    [1293] =>         addEventListener("load", imagefitselectload);

    [1294] => 

    [1295] =>         function imagefitselectset()

    [1296] =>         {

    [1297] =>             image.objectfit = imagefitselect.value;

    [1298] =>         }

    [1299] => 

    [1300] =>         function imagefitselectupdate()

    [1301] =>         {

    [1302] =>             imagefitselectset();

    [1303] =>             svgupdate();

    [1304] =>         }

    [1305] => 

    [1306] => 

    [1307] => 

    [1308] =>         function imagewidthload()

    [1309] =>         {

    [1310] =>             const div = document.createElement("div");

    [1311] =>             div.id = "imagewidth";

    [1312] =>             div.innerHTML = "width";

    [1313] =>             tabcontentimage.append(div);

    [1314] => 

    [1315] =>             const style = div.style;

    [1316] =>             style.overflowY = "hidden";

    [1317] =>             style.whiteSpace = "nowrap";

    [1318] =>         }

    [1319] =>         addEventListener("load", imagewidthload);

    [1320] => 

    [1321] =>         function imagewidthnumberload()

    [1322] =>         {

    [1323] =>             const br = document.createElement("br");

    [1324] =>             imagewidth.append(br);

    [1325] => 

    [1326] =>             const input = document.createElement("input");

    [1327] =>             input.id = "imagewidthnumber";

    [1328] =>             input.max = maxwidth;

    [1329] =>             input.min = 0;

    [1330] =>             input.type = "number";

    [1331] =>             input.value = canvas.width;

    [1332] =>             input.addEventListener("input", imagewidthnumberupdate);

    [1333] =>             imagewidth.append(input);

    [1334] => 

    [1335] =>             //imagewidthnumberset();

    [1336] =>         }

    [1337] =>         addEventListener("load", imagewidthnumberload);

    [1338] => 

    [1339] =>         function imagewidthnumberset()

    [1340] =>         {

    [1341] =>             const v = imagewidthnumber.value;

    [1342] => 

    [1343] =>             imagewidthrange.value = v;

    [1344] =>             image.width = v;

    [1345] =>         }

    [1346] => 

    [1347] =>         function imagewidthnumberupdate()

    [1348] =>         {

    [1349] =>             imagewidthnumberset();

    [1350] =>             svgupdate();

    [1351] =>         }

    [1352] => 

    [1353] =>         function imagewidthrangeload()

    [1354] =>         {

    [1355] =>             //const br = document.createElement("br");

    [1356] =>             //imagewidth.append(br);

    [1357] => 

    [1358] =>             const input = document.createElement("input");

    [1359] =>             input.id = "imagewidthrange";

    [1360] =>             input.max = imagewidthnumber.max;

    [1361] =>             input.min = imagewidthnumber.min;

    [1362] =>             input.type = "range";

    [1363] =>             input.value = imagewidthnumber.value;

    [1364] =>             input.addEventListener("input", imagewidthrangeupdate);

    [1365] =>             imagewidth.append(input);

    [1366] => 

    [1367] =>             imagewidthrangeset();

    [1368] =>         }

    [1369] =>         addEventListener("load", imagewidthrangeload);

    [1370] => 

    [1371] =>         function imagewidthrangeset()

    [1372] =>         {

    [1373] =>             const v = imagewidthrange.value;

    [1374] => 

    [1375] =>             imagewidthnumber.value = v;

    [1376] =>             image.width = v;

    [1377] =>         }

    [1378] => 

    [1379] =>         function imagewidthrangeupdate()

    [1380] =>         {

    [1381] =>             imagewidthrangeset();

    [1382] =>             svgupdate();

    [1383] =>         }

    [1384] => /*

    [1385] =>         function imagewidthnaturalload()

    [1386] =>         {

    [1387] =>             const br = document.createElement("br");

    [1388] =>             imagewidth.append(br);

    [1389] => 

    [1390] =>             const button = document.createElement("button");

    [1391] =>             button.innerHTML = "image";

    [1392] =>             button.addEventListener("click", imagewidthnaturalupdate);

    [1393] =>             imagewidth.append(button);

    [1394] =>         }

    [1395] =>         addEventListener("load", imagewidthnaturalload);

    [1396] => 

    [1397] =>         function imagewidthnaturalupdate()

    [1398] =>         {

    [1399] =>             imagewidthnumber.value = image.naturalWidth;

    [1400] => 

    [1401] =>             imagewidthnumberupdate();

    [1402] =>         }

    [1403] => //*/

    [1404] =>         function imagewidthexactload()

    [1405] =>         {

    [1406] =>             const br = document.createElement("br");

    [1407] =>             imagewidth.append(br);

    [1408] => 

    [1409] =>             const array =

    [1410] =>             [

    [1411] =>                 ["25%",0.25],

    [1412] =>                 ["50%",0.5],

    [1413] =>                 ["75%",0.75],

    [1414] =>                 ["100%",1],

    [1415] =>             ];

    [1416] => 

    [1417] =>             for(const value of array)

    [1418] =>             {

    [1419] =>                 const button = document.createElement("button");

    [1420] =>                 button.innerHTML = value[0];

    [1421] =>                 button.value = value[1];

    [1422] =>                 button.addEventListener("click", imagewidthexactupdate);

    [1423] =>                 imagewidth.append(button);

    [1424] =>             }

    [1425] =>         }

    [1426] =>         addEventListener("load", imagewidthexactload);

    [1427] => 

    [1428] =>         function imagewidthexactupdate(e)

    [1429] =>         {

    [1430] =>             imagewidthnumber.value = canvas.width * Number(e.target.value);

    [1431] => 

    [1432] =>             imagewidthnumberupdate();

    [1433] =>         }

    [1434] => 

    [1435] =>         function imagewidthincrementload()

    [1436] =>         {

    [1437] =>             const br = document.createElement("br");

    [1438] =>             imagewidth.append(br);

    [1439] => 

    [1440] =>             const array =

    [1441] =>             [

    [1442] =>                 ["-1000",-1000],

    [1443] =>                 ["-100",-100],

    [1444] =>                 ["-10",-10],

    [1445] =>                 ["-1",-1],

    [1446] =>                 ["+1",1],

    [1447] =>                 ["+10",10],

    [1448] =>                 ["+100",100],

    [1449] =>                 ["+1000",1000],

    [1450] =>             ];

    [1451] => 

    [1452] =>             for(const value of array)

    [1453] =>             {

    [1454] =>                 const button = document.createElement("button");

    [1455] =>                 button.innerHTML = value[0];

    [1456] =>                 button.value = value[1];

    [1457] =>                 button.addEventListener("click", imagewidthincrementupdate);

    [1458] =>                 imagewidth.append(button);

    [1459] =>             }

    [1460] =>         }

    [1461] =>         addEventListener("load", imagewidthincrementload);

    [1462] => 

    [1463] =>         function imagewidthincrementupdate(e)

    [1464] =>         {

    [1465] =>             const v = Number(imagewidthnumber.value) + Number(e.target.value);

    [1466] => 

    [1467] =>             if((imagewidthnumber.min <= v) && (v <= imagewidthnumber.max))

    [1468] =>             {

    [1469] =>                 imagewidthnumber.value = v;

    [1470] => 

    [1471] =>                 imagewidthnumberupdate();

    [1472] =>             }

    [1473] =>         }

    [1474] => 

    [1475] => 

    [1476] => 

    [1477] =>         function imageheightload()

    [1478] =>         {

    [1479] =>             const div = document.createElement("div");

    [1480] =>             div.id = "imageheight";

    [1481] =>             div.innerHTML = "height";

    [1482] =>             tabcontentimage.append(div);

    [1483] => 

    [1484] =>             const style = div.style;

    [1485] =>             style.overflowY = "hidden";

    [1486] =>             style.whiteSpace = "nowrap";

    [1487] =>         }

    [1488] =>         addEventListener("load", imageheightload);

    [1489] => 

    [1490] =>         function imageheightnumberload()

    [1491] =>         {

    [1492] =>             const br = document.createElement("br");

    [1493] =>             imageheight.append(br);

    [1494] => 

    [1495] =>             const input = document.createElement("input");

    [1496] =>             input.id = "imageheightnumber";

    [1497] =>             input.max = maxheight;

    [1498] =>             input.min = 0;

    [1499] =>             input.type = "number";

    [1500] =>             input.value = canvas.height;

    [1501] =>             input.addEventListener("input", imageheightnumberupdate);

    [1502] =>             imageheight.append(input);

    [1503] => 

    [1504] =>             //imageheightnumberset();

    [1505] =>         }

    [1506] =>         addEventListener("load", imageheightnumberload);

    [1507] => 

    [1508] =>         function imageheightnumberset()

    [1509] =>         {

    [1510] =>             const v = imageheightnumber.value;

    [1511] => 

    [1512] =>             imageheightrange.value = v;

    [1513] =>             image.height = v;

    [1514] =>         }

    [1515] => 

    [1516] =>         function imageheightnumberupdate()

    [1517] =>         {

    [1518] =>             imageheightnumberset();

    [1519] =>             svgupdate();

    [1520] =>         }

    [1521] => 

    [1522] =>         function imageheightrangeload()

    [1523] =>         {

    [1524] =>             //const br = document.createElement("br");

    [1525] =>             //imageheight.append(br);

    [1526] => 

    [1527] =>             const input = document.createElement("input");

    [1528] =>             input.id = "imageheightrange";

    [1529] =>             input.max = imageheightnumber.max;

    [1530] =>             input.min = imageheightnumber.min;

    [1531] =>             input.type = "range";

    [1532] =>             input.value = imageheightnumber.value;

    [1533] =>             input.addEventListener("input", imageheightrangeupdate);

    [1534] =>             imageheight.append(input);

    [1535] => 

    [1536] =>             imageheightrangeset();

    [1537] =>         }

    [1538] =>         addEventListener("load", imageheightrangeload);

    [1539] => 

    [1540] =>         function imageheightrangeset()

    [1541] =>         {

    [1542] =>             const v = imageheightrange.value;

    [1543] => 

    [1544] =>             imageheightnumber.value = v;

    [1545] =>             image.height = v;

    [1546] =>         }

    [1547] => 

    [1548] =>         function imageheightrangeupdate()

    [1549] =>         {

    [1550] =>             imageheightrangeset();

    [1551] =>             svgupdate();

    [1552] =>         }

    [1553] => /*

    [1554] =>         function imageheightnaturalload()

    [1555] =>         {

    [1556] =>             const br = document.createElement("br");

    [1557] =>             imageheight.append(br);

    [1558] => 

    [1559] =>             const button = document.createElement("button");

    [1560] =>             button.innerHTML = "image";

    [1561] =>             button.addEventListener("click", imageheightnaturalupdate);

    [1562] =>             imageheight.append(button);

    [1563] =>         }

    [1564] =>         addEventListener("load", imageheightnaturalload);

    [1565] => 

    [1566] =>         function imageheightnaturalupdate()

    [1567] =>         {

    [1568] =>             imageheightnumber.value = image.naturalHeight;

    [1569] => 

    [1570] =>             imageheightnumberupdate();

    [1571] =>         }

    [1572] => //*/

    [1573] =>         function imageheightexactload()

    [1574] =>         {

    [1575] =>             const br = document.createElement("br");

    [1576] =>             imageheight.append(br);

    [1577] => 

    [1578] =>             const array =

    [1579] =>             [

    [1580] =>                 ["25%",0.25],

    [1581] =>                 ["50%",0.5],

    [1582] =>                 ["75%",0.75],

    [1583] =>                 ["100%",1],

    [1584] =>             ];

    [1585] => 

    [1586] =>             for(const value of array)

    [1587] =>             {

    [1588] =>                 const button = document.createElement("button");

    [1589] =>                 button.innerHTML = value[0];

    [1590] =>                 button.value = value[1];

    [1591] =>                 button.addEventListener("click", imageheightexactupdate);

    [1592] =>                 imageheight.append(button);

    [1593] =>             }

    [1594] =>         }

    [1595] =>         addEventListener("load", imageheightexactload);

    [1596] => 

    [1597] =>         function imageheightexactupdate(e)

    [1598] =>         {

    [1599] =>             imageheightnumber.value = canvas.height * Number(e.target.value);

    [1600] => 

    [1601] =>             imageheightnumberupdate();

    [1602] =>         }

    [1603] => 

    [1604] =>         function imageheightincrementload()

    [1605] =>         {

    [1606] =>             const br = document.createElement("br");

    [1607] =>             imageheight.append(br);

    [1608] => 

    [1609] =>             const array =

    [1610] =>             [

    [1611] =>                 ["-1000",-1000],

    [1612] =>                 ["-100",-100],

    [1613] =>                 ["-10",-10],

    [1614] =>                 ["-1",-1],

    [1615] =>                 ["+1",1],

    [1616] =>                 ["+10",10],

    [1617] =>                 ["+100",100],

    [1618] =>                 ["+1000",1000],

    [1619] =>             ];

    [1620] => 

    [1621] =>             for(const value of array)

    [1622] =>             {

    [1623] =>                 const button = document.createElement("button");

    [1624] =>                 button.innerHTML = value[0];

    [1625] =>                 button.value = value[1];

    [1626] =>                 button.addEventListener("click", imageheightincrementupdate);

    [1627] =>                 imageheight.append(button);

    [1628] =>             }

    [1629] =>         }

    [1630] =>         addEventListener("load", imageheightincrementload);

    [1631] => 

    [1632] =>         function imageheightincrementupdate(e)

    [1633] =>         {

    [1634] =>             const v = Number(imageheightnumber.value) + Number(e.target.value);

    [1635] => 

    [1636] =>             if((imageheightnumber.min <= v) && (v <= imageheightnumber.max))

    [1637] =>             {

    [1638] =>                 imageheightnumber.value = v;

    [1639] => 

    [1640] =>                 imageheightnumberupdate();

    [1641] =>             }

    [1642] =>         }

    [1643] => 

    [1644] => 

    [1645] => 

    [1646] =>         function imagexload()

    [1647] =>         {

    [1648] =>             const div = document.createElement("div");

    [1649] =>             div.id = "imagex";

    [1650] =>             div.innerHTML = "x";

    [1651] =>             tabcontentimage.append(div);

    [1652] => 

    [1653] =>             const style = div.style;

    [1654] =>             style.overflowY = "hidden";

    [1655] =>             style.whiteSpace = "nowrap";

    [1656] =>         }

    [1657] =>         addEventListener("load", imagexload);

    [1658] => 

    [1659] =>         function imagexnumberload()

    [1660] =>         {

    [1661] =>             const br = document.createElement("br");

    [1662] =>             imagex.append(br);

    [1663] => 

    [1664] =>             const input = document.createElement("input");

    [1665] =>             input.id = "imagexnumber";

    [1666] =>             input.max = maxwidth;

    [1667] =>             input.min = -maxwidth;

    [1668] =>             input.type = "number";

    [1669] =>             input.value = 0;

    [1670] =>             input.addEventListener("input", imagexnumberupdate);

    [1671] =>             imagex.append(input);

    [1672] => 

    [1673] =>             //imagexnumberset();

    [1674] =>         }

    [1675] =>         addEventListener("load", imagexnumberload);

    [1676] => 

    [1677] =>         function imagexnumberset()

    [1678] =>         {

    [1679] =>             const v = imagexnumber.value;

    [1680] => 

    [1681] =>             imagexrange.value = v;

    [1682] =>             image.myx = v;

    [1683] =>         }

    [1684] => 

    [1685] =>         function imagexnumberupdate()

    [1686] =>         {

    [1687] =>             imagexnumberset();

    [1688] =>             svgupdate();

    [1689] =>         }

    [1690] => 

    [1691] =>         function imagexrangeload()

    [1692] =>         {

    [1693] =>             //const br = document.createElement("br");

    [1694] =>             //imagex.append(br);

    [1695] => 

    [1696] =>             const input = document.createElement("input");

    [1697] =>             input.id = "imagexrange";

    [1698] =>             input.max = imagexnumber.max;

    [1699] =>             input.min = imagexnumber.min;

    [1700] =>             input.type = "range";

    [1701] =>             input.value = imagexnumber.value;

    [1702] =>             input.addEventListener("input", imagexrangeupdate);

    [1703] =>             imagex.append(input);

    [1704] => 

    [1705] =>             imagexrangeset();

    [1706] =>         }

    [1707] =>         addEventListener("load", imagexrangeload);

    [1708] => 

    [1709] =>         function imagexrangeset()

    [1710] =>         {

    [1711] =>             const v = imagexrange.value;

    [1712] => 

    [1713] =>             imagexnumber.value = v;

    [1714] =>             image.myx = v;

    [1715] =>         }

    [1716] => 

    [1717] =>         function imagexrangeupdate()

    [1718] =>         {

    [1719] =>             imagexrangeset();

    [1720] =>             svgupdate();

    [1721] =>         }

    [1722] => 

    [1723] =>         function imagexexactload()

    [1724] =>         {

    [1725] =>             const br = document.createElement("br");

    [1726] =>             imagex.append(br);

    [1727] => 

    [1728] =>             const array =

    [1729] =>             [

    [1730] =>                 ["left",0],

    [1731] =>                 ["center",0.5],

    [1732] =>                 ["right",1],

    [1733] =>             ];

    [1734] => 

    [1735] =>             for(const value of array)

    [1736] =>             {

    [1737] =>                 const button = document.createElement("button");

    [1738] =>                 button.innerHTML = value[0];

    [1739] =>                 button.value = value[1];

    [1740] =>                 button.addEventListener("click", imagexexactupdate);

    [1741] =>                 imagex.append(button);

    [1742] =>             }

    [1743] =>         }

    [1744] =>         addEventListener("load", imagexexactload);

    [1745] => 

    [1746] =>         function imagexexactupdate(e)

    [1747] =>         {

    [1748] =>             imagexnumber.value = (canvas.width - image.width) * Number(e.target.value);

    [1749] => 

    [1750] =>             imagexnumberupdate();

    [1751] =>         }

    [1752] => 

    [1753] =>         function imagexincrementload()

    [1754] =>         {

    [1755] =>             const br = document.createElement("br");

    [1756] =>             imagex.append(br);

    [1757] => 

    [1758] =>             const array =

    [1759] =>             [

    [1760] =>                 ["-1000",-1000],

    [1761] =>                 ["-100",-100],

    [1762] =>                 ["-10",-10],

    [1763] =>                 ["-1",-1],

    [1764] =>                 ["+1",1],

    [1765] =>                 ["+10",10],

    [1766] =>                 ["+100",100],

    [1767] =>                 ["+1000",1000],

    [1768] =>             ];

    [1769] => 

    [1770] =>             for(const value of array)

    [1771] =>             {

    [1772] =>                 const button = document.createElement("button");

    [1773] =>                 button.innerHTML = value[0];

    [1774] =>                 button.value = value[1];

    [1775] =>                 button.addEventListener("click", imagexincrementupdate);

    [1776] =>                 imagex.append(button);

    [1777] =>             }

    [1778] =>         }

    [1779] =>         addEventListener("load", imagexincrementload);

    [1780] => 

    [1781] =>         function imagexincrementupdate(e)

    [1782] =>         {

    [1783] =>             const v = Number(imagexnumber.value) + Number(e.target.value);

    [1784] => 

    [1785] =>             if((imagexnumber.min <= v) && (v <= imagexnumber.max))

    [1786] =>             {

    [1787] =>                 imagexnumber.value = v;

    [1788] => 

    [1789] =>                 imagexnumberupdate();

    [1790] =>             }

    [1791] =>         }

    [1792] => 

    [1793] => 

    [1794] => 

    [1795] =>         function imageyload()

    [1796] =>         {

    [1797] =>             const div = document.createElement("div");

    [1798] =>             div.id = "imagey";

    [1799] =>             div.innerHTML = "y";

    [1800] =>             tabcontentimage.append(div);

    [1801] => 

    [1802] =>             const style = div.style;

    [1803] =>             style.overflowY = "hidden";

    [1804] =>             style.whiteSpace = "nowrap";

    [1805] =>         }

    [1806] =>         addEventListener("load", imageyload);

    [1807] => 

    [1808] =>         function imageynumberload()

    [1809] =>         {

    [1810] =>             const br = document.createElement("br");

    [1811] =>             imagey.append(br);

    [1812] => 

    [1813] =>             const input = document.createElement("input");

    [1814] =>             input.id = "imageynumber";

    [1815] =>             input.max = maxheight;

    [1816] =>             input.min = -maxheight;

    [1817] =>             input.type = "number";

    [1818] =>             input.value = 0;

    [1819] =>             input.addEventListener("input", imageynumberupdate);

    [1820] =>             imagey.append(input);

    [1821] => 

    [1822] =>             //imageynumberset();

    [1823] =>         }

    [1824] =>         addEventListener("load", imageynumberload);

    [1825] => 

    [1826] =>         function imageynumberset()

    [1827] =>         {

    [1828] =>             const v = imageynumber.value;

    [1829] => 

    [1830] =>             imageyrange.value = v;

    [1831] =>             image.myy = v;

    [1832] =>         }

    [1833] => 

    [1834] =>         function imageynumberupdate()

    [1835] =>         {

    [1836] =>             imageynumberset();

    [1837] =>             svgupdate();

    [1838] =>         }

    [1839] => 

    [1840] =>         function imageyrangeload()

    [1841] =>         {

    [1842] =>             //const br = document.createElement("br");

    [1843] =>             //imagey.append(br);

    [1844] => 

    [1845] =>             const input = document.createElement("input");

    [1846] =>             input.id = "imageyrange";

    [1847] =>             input.max = imageynumber.max;

    [1848] =>             input.min = imageynumber.min;

    [1849] =>             input.type = "range";

    [1850] =>             input.value = imageynumber.value;

    [1851] =>             input.addEventListener("input", imageyrangeupdate);

    [1852] =>             imagey.append(input);

    [1853] => 

    [1854] =>             imageyrangeset();

    [1855] =>         }

    [1856] =>         addEventListener("load", imageyrangeload);

    [1857] => 

    [1858] =>         function imageyrangeset()

    [1859] =>         {

    [1860] =>             const v = imageyrange.value;

    [1861] => 

    [1862] =>             imageynumber.value = v;

    [1863] =>             image.myy = v;

    [1864] =>         }

    [1865] => 

    [1866] =>         function imageyrangeupdate()

    [1867] =>         {

    [1868] =>             imageyrangeset();

    [1869] =>             svgupdate();

    [1870] =>         }

    [1871] => 

    [1872] =>         function imageyexactload()

    [1873] =>         {

    [1874] =>             const br = document.createElement("br");

    [1875] =>             imagey.append(br);

    [1876] => 

    [1877] =>             const array =

    [1878] =>             [

    [1879] =>                 ["top",0],

    [1880] =>                 ["center",0.5],

    [1881] =>                 ["bottom",1],

    [1882] =>             ];

    [1883] => 

    [1884] =>             for(const value of array)

    [1885] =>             {

    [1886] =>                 const button = document.createElement("button");

    [1887] =>                 button.innerHTML = value[0];

    [1888] =>                 button.value = value[1];

    [1889] =>                 button.addEventListener("click", imageyexactupdate);

    [1890] =>                 imagey.append(button);

    [1891] =>             }

    [1892] =>         }

    [1893] =>         addEventListener("load", imageyexactload);

    [1894] => 

    [1895] =>         function imageyexactupdate(e)

    [1896] =>         {

    [1897] =>             imageynumber.value = (canvas.height - image.height) * Number(e.target.value);

    [1898] => 

    [1899] =>             imageynumberupdate();

    [1900] =>         }

    [1901] => 

    [1902] =>         function imageyincrementload()

    [1903] =>         {

    [1904] =>             const br = document.createElement("br");

    [1905] =>             imagey.append(br);

    [1906] => 

    [1907] =>             const array =

    [1908] =>             [

    [1909] =>                 ["-1000",-1000],

    [1910] =>                 ["-100",-100],

    [1911] =>                 ["-10",-10],

    [1912] =>                 ["-1",-1],

    [1913] =>                 ["+1",1],

    [1914] =>                 ["+10",10],

    [1915] =>                 ["+100",100],

    [1916] =>                 ["+1000",1000],

    [1917] =>             ];

    [1918] => 

    [1919] =>             for(const value of array)

    [1920] =>             {

    [1921] =>                 const button = document.createElement("button");

    [1922] =>                 button.innerHTML = value[0];

    [1923] =>                 button.value = value[1];

    [1924] =>                 button.addEventListener("click", imageyincrementupdate);

    [1925] =>                 imagey.append(button);

    [1926] =>             }

    [1927] =>         }

    [1928] =>         addEventListener("load", imageyincrementload);

    [1929] => 

    [1930] =>         function imageyincrementupdate(e)

    [1931] =>         {

    [1932] =>             const v = Number(imageynumber.value) + Number(e.target.value);

    [1933] => 

    [1934] =>             if((imageynumber.min <= v) && (v <= imageynumber.max))

    [1935] =>             {

    [1936] =>                 imageynumber.value = v;

    [1937] => 

    [1938] =>                 imageynumberupdate();

    [1939] =>             }

    [1940] =>         }

    [1941] => 

    [1942] => 

    [1943] => 

    [1944] =>         function imagebackgroundcolorload()

    [1945] =>         {

    [1946] =>             const div = document.createElement("div");

    [1947] =>             div.id = "imagebackgroundcolor";

    [1948] =>             div.innerHTML = "background-color";

    [1949] =>             tabcontentimage.append(div);

    [1950] =>         }

    [1951] =>         addEventListener("load", imagebackgroundcolorload);

    [1952] => 

    [1953] =>         function imagebackgroundcolorcolorload()

    [1954] =>         {

    [1955] =>             const br = document.createElement("br");

    [1956] =>             imagebackgroundcolor.append(br);

    [1957] => 

    [1958] =>             const input = document.createElement("input");

    [1959] =>             input.id = "imagebackgroundcolorcolor";

    [1960] =>             input.type = "color";

    [1961] =>             input.value = "#ffffff";

    [1962] =>             input.addEventListener("input", imagebackgroundcolorcolorupdate);

    [1963] =>             imagebackgroundcolor.append(input);

    [1964] => 

    [1965] =>             //imagebackgroundcolorcolorset();

    [1966] =>         }

    [1967] =>         addEventListener("load", imagebackgroundcolorcolorload);

    [1968] => 

    [1969] =>         function imagebackgroundcolorcolorset()

    [1970] =>         {

    [1971] =>             const c = imagebackgroundcolorcolor.value;

    [1972] =>             const r = parseInt(c.slice(1,3),16);

    [1973] =>             const g = parseInt(c.slice(3,5),16);

    [1974] =>             const b = parseInt(c.slice(5,7),16);

    [1975] =>             const a = imagebackgroundalphanumber.value;

    [1976] => 

    [1977] =>             image.backgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;

    [1978] =>         }

    [1979] => 

    [1980] =>         function imagebackgroundcolorcolorupdate()

    [1981] =>         {

    [1982] =>             imagebackgroundcolorcolorset();

    [1983] =>             svgupdate();

    [1984] =>         }

    [1985] => 

    [1986] =>         function imagebackgroundcolorexactload()

    [1987] =>         {

    [1988] =>             const br = document.createElement("br");

    [1989] =>             imagebackgroundcolor.append(br);

    [1990] => 

    [1991] =>             const array =

    [1992] =>             [

    [1993] =>                 ["black","#000000"],

    [1994] =>                 ["white","#ffffff"],

    [1995] =>             ];

    [1996] => 

    [1997] =>             for(const value of array)

    [1998] =>             {

    [1999] =>                 const button = document.createElement("button");

    [2000] =>                 button.innerHTML = value[0];

    [2001] =>                 button.value = value[1];

    [2002] =>                 button.addEventListener("click", imagebackgroundcolorexactupdate);

    [2003] =>                 imagebackgroundcolor.append(button);

    [2004] =>             }

    [2005] =>         }

    [2006] =>         addEventListener("load", imagebackgroundcolorexactload);

    [2007] => 

    [2008] =>         function imagebackgroundcolorexactupdate(e)

    [2009] =>         {

    [2010] =>             imagebackgroundcolorcolor.value = e.target.value;

    [2011] => 

    [2012] =>             imagebackgroundcolorcolorupdate();

    [2013] =>         }

    [2014] => 

    [2015] => 

    [2016] => 

    [2017] =>         function imagebackgroundalphaload()

    [2018] =>         {

    [2019] =>             const div = document.createElement("div");

    [2020] =>             div.id = "imagebackgroundalpha";

    [2021] =>             div.innerHTML = "background-alpha";

    [2022] =>             tabcontentimage.append(div);

    [2023] => 

    [2024] =>             const style = div.style;

    [2025] =>             style.overflowY = "hidden";

    [2026] =>             style.whiteSpace = "nowrap";

    [2027] =>         }

    [2028] =>         addEventListener("load", imagebackgroundalphaload);

    [2029] => 

    [2030] =>         function imagebackgroundalphanumberload()

    [2031] =>         {

    [2032] =>             const br = document.createElement("br");

    [2033] =>             imagebackgroundalpha.append(br);

    [2034] => 

    [2035] =>             const input = document.createElement("input");

    [2036] =>             input.id = "imagebackgroundalphanumber";

    [2037] =>             input.max = 1;

    [2038] =>             input.min = 0;

    [2039] =>             input.step = 0.01;

    [2040] =>             input.type = "number";

    [2041] =>             input.value = 0;

    [2042] =>             input.addEventListener("input", imagebackgroundalphanumberupdate);

    [2043] =>             imagebackgroundalpha.append(input);

    [2044] => 

    [2045] =>             //imagebackgroundalphanumberset();

    [2046] =>         }

    [2047] =>         addEventListener("load", imagebackgroundalphanumberload);

    [2048] => 

    [2049] =>         function imagebackgroundalphanumberset()

    [2050] =>         {

    [2051] =>             const c = imagebackgroundcolorcolor.value;

    [2052] =>             const r = parseInt(c.slice(1,3),16);

    [2053] =>             const g = parseInt(c.slice(3,5),16);

    [2054] =>             const b = parseInt(c.slice(5,7),16);

    [2055] =>             const a = imagebackgroundalphanumber.value;

    [2056] => 

    [2057] =>             imagebackgroundalpharange.value = a;

    [2058] =>             image.backgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;

    [2059] =>         }

    [2060] => 

    [2061] =>         function imagebackgroundalphanumberupdate()

    [2062] =>         {

    [2063] =>             imagebackgroundalphanumberset();

    [2064] =>             svgupdate();

    [2065] =>         }

    [2066] => 

    [2067] =>         function imagebackgroundalpharangeload()

    [2068] =>         {

    [2069] =>             //const br = document.createElement("br");

    [2070] =>             //imagebackgroundalpha.append(br);

    [2071] => 

    [2072] =>             const input = document.createElement("input");

    [2073] =>             input.id = "imagebackgroundalpharange";

    [2074] =>             input.max = imagebackgroundalphanumber.max;

    [2075] =>             input.min = imagebackgroundalphanumber.min;

    [2076] =>             input.step = imagebackgroundalphanumber.step;

    [2077] =>             input.type = "range";

    [2078] =>             input.value = imagebackgroundalphanumber.value;

    [2079] =>             input.addEventListener("input", imagebackgroundalpharangeupdate);

    [2080] =>             imagebackgroundalpha.append(input);

    [2081] => 

    [2082] =>             imagebackgroundalpharangeset();

    [2083] =>         }

    [2084] =>         addEventListener("load", imagebackgroundalpharangeload);

    [2085] => 

    [2086] =>         function imagebackgroundalpharangeset()

    [2087] =>         {

    [2088] =>             const c = imagebackgroundcolorcolor.value;

    [2089] =>             const r = parseInt(c.slice(1,3),16);

    [2090] =>             const g = parseInt(c.slice(3,5),16);

    [2091] =>             const b = parseInt(c.slice(5,7),16);

    [2092] =>             const a = imagebackgroundalpharange.value;

    [2093] => 

    [2094] =>             imagebackgroundalphanumber.value = a;

    [2095] =>             image.backgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;

    [2096] =>         }

    [2097] => 

    [2098] =>         function imagebackgroundalpharangeupdate()

    [2099] =>         {

    [2100] =>             imagebackgroundalpharangeset();

    [2101] =>             svgupdate();

    [2102] =>         }

    [2103] => 

    [2104] =>         function imagebackgroundalphaexactload()

    [2105] =>         {

    [2106] =>             const br = document.createElement("br");

    [2107] =>             imagebackgroundalpha.append(br);

    [2108] => 

    [2109] =>             const array =

    [2110] =>             [

    [2111] =>                 ["0",0],

    [2112] =>                 ["0.25",0.25],

    [2113] =>                 ["0.5",0.5],

    [2114] =>                 ["0.75",0.75],

    [2115] =>                 ["1",1],

    [2116] =>             ];

    [2117] => 

    [2118] =>             for(const value of array)

    [2119] =>             {

    [2120] =>                 const button = document.createElement("button");

    [2121] =>                 button.innerHTML = value[0];

    [2122] =>                 button.value = value[1];

    [2123] =>                 button.addEventListener("click", imagebackgroundalphaexactupdate);

    [2124] =>                 imagebackgroundalpha.append(button);

    [2125] =>             }

    [2126] =>         }

    [2127] =>         addEventListener("load", imagebackgroundalphaexactload);

    [2128] => 

    [2129] =>         function imagebackgroundalphaexactupdate(e)

    [2130] =>         {

    [2131] =>             imagebackgroundalphanumber.value = Number(e.target.value);

    [2132] => 

    [2133] =>             imagebackgroundalphanumberupdate();

    [2134] =>         }

    [2135] => 

    [2136] =>         function imagebackgroundalphaincrementload()

    [2137] =>         {

    [2138] =>             const br = document.createElement("br");

    [2139] =>             imagebackgroundalpha.append(br);

    [2140] => 

    [2141] =>             const array =

    [2142] =>             [

    [2143] =>                 ["-0.1",-0.1],

    [2144] =>                 ["-0.01",-0.01],

    [2145] =>                 ["+0.01",0.01],

    [2146] =>                 ["+0.1",0.1],

    [2147] =>             ];

    [2148] => 

    [2149] =>             for(const value of array)

    [2150] =>             {

    [2151] =>                 const button = document.createElement("button");

    [2152] =>                 button.innerHTML = value[0];

    [2153] =>                 button.value = value[1];

    [2154] =>                 button.addEventListener("click", imagebackgroundalphaincrementupdate);

    [2155] =>                 imagebackgroundalpha.append(button);

    [2156] =>             }

    [2157] =>         }

    [2158] =>         addEventListener("load", imagebackgroundalphaincrementload);

    [2159] => 

    [2160] =>         function imagebackgroundalphaincrementupdate(e)

    [2161] =>         {

    [2162] =>             let v = Number(imagebackgroundalphanumber.value) + Number(e.target.value);

    [2163] =>             v = parseFloat(v.toFixed(2));

    [2164] => 

    [2165] =>             if((imagebackgroundalphanumber.min <= v) && (v <= imagebackgroundalphanumber.max))

    [2166] =>             {

    [2167] =>                 imagebackgroundalphanumber.value = v;

    [2168] => 

    [2169] =>                 imagebackgroundalphanumberupdate();

    [2170] =>             }

    [2171] =>         }

    [2172] => 

    [2173] => 

    [2174] => 

    [2175] => /*

    [2176] =>         function imageopacityload()

    [2177] =>         {

    [2178] =>             const div = document.createElement("div");

    [2179] =>             div.id = "imageopacity";

    [2180] =>             div.innerHTML = "opacity";

    [2181] =>             tabcontentimage.append(div);

    [2182] => 

    [2183] =>             const style = div.style;

    [2184] =>             style.overflowY = "hidden";

    [2185] =>             style.whiteSpace = "nowrap";

    [2186] =>         }

    [2187] =>         addEventListener("load", imageopacityload);

    [2188] => 

    [2189] =>         function imageopacitynumberload()

    [2190] =>         {

    [2191] =>             const br = document.createElement("br");

    [2192] =>             imageopacity.append(br);

    [2193] => 

    [2194] =>             const input = document.createElement("input");

    [2195] =>             input.id = "imageopacitynumber";

    [2196] =>             input.max = 1;

    [2197] =>             input.min = 0;

    [2198] =>             input.step = 0.01;

    [2199] =>             input.type = "number";

    [2200] =>             input.value = 1;

    [2201] =>             input.addEventListener("input", imageopacitynumberupdate);

    [2202] =>             imageopacity.append(input);

    [2203] => 

    [2204] =>             //imageopacitynumberset();

    [2205] =>         }

    [2206] =>         addEventListener("load", imageopacitynumberload);

    [2207] => 

    [2208] =>         function imageopacitynumberset()

    [2209] =>         {

    [2210] =>             const v = imageopacitynumber.value;

    [2211] => 

    [2212] =>             imageopacityrange.value = v;

    [2213] =>             image.opacity = v;

    [2214] =>         }

    [2215] => 

    [2216] =>         function imageopacitynumberupdate()

    [2217] =>         {

    [2218] =>             imageopacitynumberset();

    [2219] =>             svgupdate();

    [2220] =>         }

    [2221] => 

    [2222] =>         function imageopacityrangeload()

    [2223] =>         {

    [2224] =>             const input = document.createElement("input");

    [2225] =>             input.id = "imageopacityrange";

    [2226] =>             input.max = imageopacitynumber.max;

    [2227] =>             input.min = imageopacitynumber.min;

    [2228] =>             input.step = imageopacitynumber.step;

    [2229] =>             input.type = "range";

    [2230] =>             input.value = imageopacitynumber.value;

    [2231] =>             input.addEventListener("input", imageopacityrangeupdate);

    [2232] =>             imageopacity.append(input);

    [2233] => 

    [2234] =>             imageopacityrangeset();

    [2235] =>         }

    [2236] =>         addEventListener("load", imageopacityrangeload);

    [2237] => 

    [2238] =>         function imageopacityrangeset()

    [2239] =>         {

    [2240] =>             const v = imageopacityrange.value;

    [2241] => 

    [2242] =>             imageopacitynumber.value = v;

    [2243] =>             image.opacity = v;

    [2244] =>         }

    [2245] => 

    [2246] =>         function imageopacityrangeupdate()

    [2247] =>         {

    [2248] =>             imageopacityrangeset();

    [2249] =>             svgupdate();

    [2250] =>         }

    [2251] => 

    [2252] =>         function imageopacityexactload()

    [2253] =>         {

    [2254] =>             const br = document.createElement("br");

    [2255] =>             imageopacity.append(br);

    [2256] => 

    [2257] =>             const array =

    [2258] =>             [

    [2259] =>                 ["0",0],

    [2260] =>                 ["0.25",0.25],

    [2261] =>                 ["0.5",0.5],

    [2262] =>                 ["0.75",0.75],

    [2263] =>                 ["1",1],

    [2264] =>             ];

    [2265] => 

    [2266] =>             for(const value of array)

    [2267] =>             {

    [2268] =>                 const button = document.createElement("button");

    [2269] =>                 button.innerHTML = value[0];

    [2270] =>                 button.value = value[1];

    [2271] =>                 button.addEventListener("click", imageopacityexactupdate);

    [2272] =>                 imageopacity.append(button);

    [2273] =>             }

    [2274] =>         }

    [2275] =>         addEventListener("load", imageopacityexactload);

    [2276] => 

    [2277] =>         function imageopacityexactupdate(e)

    [2278] =>         {

    [2279] =>             imageopacitynumber.value = Number(e.target.value);

    [2280] => 

    [2281] =>             imageopacitynumberupdate();

    [2282] =>         }

    [2283] => 

    [2284] =>         function imageopacityincrementload()

    [2285] =>         {

    [2286] =>             const br = document.createElement("br");

    [2287] =>             imageopacity.append(br);

    [2288] => 

    [2289] =>             const array =

    [2290] =>             [

    [2291] =>                 ["-0.1",-0.1],

    [2292] =>                 ["-0.01",-0.01],

    [2293] =>                 ["+0.01",0.01],

    [2294] =>                 ["+0.1",0.1],

    [2295] =>             ];

    [2296] => 

    [2297] =>             for(const value of array)

    [2298] =>             {

    [2299] =>                 const button = document.createElement("button");

    [2300] =>                 button.innerHTML = value[0];

    [2301] =>                 button.value = value[1];

    [2302] =>                 button.addEventListener("click", imageopacityincrementupdate);

    [2303] =>                 imageopacity.append(button);

    [2304] =>             }

    [2305] =>         }

    [2306] =>         addEventListener("load", imageopacityincrementload);

    [2307] => 

    [2308] =>         function imageopacityincrementupdate(e)

    [2309] =>         {

    [2310] =>             let v = Number(imageopacitynumber.value) + Number(e.target.value);

    [2311] =>             v = parseFloat(v.toFixed(2));

    [2312] => 

    [2313] =>             if((imageopacitynumber.min <= v) && (v <= imageopacitynumber.max))

    [2314] =>             {

    [2315] =>                 imageopacitynumber.value = v;

    [2316] => 

    [2317] =>                 imageopacitynumberupdate();

    [2318] =>             }

    [2319] =>         }

    [2320] => //*/

    [2321] => 

    [2322] => 

    [2323] => 

    [2324] =>         function imagefilterblurload()

    [2325] =>         {

    [2326] =>             const div = document.createElement("div");

    [2327] =>             div.id = "imagefilterblur";

    [2328] =>             div.innerHTML = "filter-blur";

    [2329] =>             tabcontentimage.append(div);

    [2330] => 

    [2331] =>             const style = div.style;

    [2332] =>             style.overflowY = "hidden";

    [2333] =>             style.whiteSpace = "nowrap";

    [2334] =>         }

    [2335] =>         addEventListener("load", imagefilterblurload);

    [2336] => 

    [2337] =>         function imagefilterblurnumberload()

    [2338] =>         {

    [2339] =>             const br = document.createElement("br");

    [2340] =>             imagefilterblur.append(br);

    [2341] => 

    [2342] =>             const input = document.createElement("input");

    [2343] =>             input.id = "imagefilterblurnumber";

    [2344] =>             input.max = 1000;

    [2345] =>             input.min = 0;

    [2346] =>             input.step = 1;

    [2347] =>             input.type = "number";

    [2348] =>             input.value = 0;

    [2349] =>             input.addEventListener("input", imagefilterblurnumberupdate);

    [2350] =>             imagefilterblur.append(input);

    [2351] => 

    [2352] =>             //imagefilterblurnumberset();

    [2353] =>         }

    [2354] =>         addEventListener("load", imagefilterblurnumberload);

    [2355] => 

    [2356] =>         function imagefilterblurnumberset()

    [2357] =>         {

    [2358] =>             const v = imagefilterblurnumber.value;

    [2359] => 

    [2360] =>             imagefilterblurrange.value = v;

    [2361] =>             image.filterblur = v;

    [2362] =>         }

    [2363] => 

    [2364] =>         function imagefilterblurnumberupdate()

    [2365] =>         {

    [2366] =>             imagefilterblurnumberset();

    [2367] =>             svgupdate();

    [2368] =>         }

    [2369] => 

    [2370] =>         function imagefilterblurrangeload()

    [2371] =>         {

    [2372] =>             const input = document.createElement("input");

    [2373] =>             input.id = "imagefilterblurrange";

    [2374] =>             input.max = imagefilterblurnumber.max;

    [2375] =>             input.min = imagefilterblurnumber.min;

    [2376] =>             input.step = imagefilterblurnumber.step;

    [2377] =>             input.type = "range";

    [2378] =>             input.value = imagefilterblurnumber.value;

    [2379] =>             input.addEventListener("input", imagefilterblurrangeupdate);

    [2380] =>             imagefilterblur.append(input);

    [2381] => 

    [2382] =>             imagefilterblurrangeset();

    [2383] =>         }

    [2384] =>         addEventListener("load", imagefilterblurrangeload);

    [2385] => 

    [2386] =>         function imagefilterblurrangeset()

    [2387] =>         {

    [2388] =>             const v = imagefilterblurrange.value;

    [2389] => 

    [2390] =>             imagefilterblurnumber.value = v;

    [2391] =>             image.filterblur = v;

    [2392] =>         }

    [2393] => 

    [2394] =>         function imagefilterblurrangeupdate()

    [2395] =>         {

    [2396] =>             imagefilterblurrangeset();

    [2397] =>             svgupdate();

    [2398] =>         }

    [2399] => 

    [2400] =>         function imagefilterblurexactload()

    [2401] =>         {

    [2402] =>             const br = document.createElement("br");

    [2403] =>             imagefilterblur.append(br);

    [2404] => 

    [2405] =>             const array =

    [2406] =>             [

    [2407] =>                 ["0",0],

    [2408] =>                 ["2",2],

    [2409] =>                 ["4",4],

    [2410] =>                 ["8",8],

    [2411] =>                 ["16",16],

    [2412] =>                 ["32",32],

    [2413] =>                 ["64",64],

    [2414] =>             ];

    [2415] => 

    [2416] =>             for(const value of array)

    [2417] =>             {

    [2418] =>                 const button = document.createElement("button");

    [2419] =>                 button.innerHTML = value[0];

    [2420] =>                 button.value = value[1];

    [2421] =>                 button.addEventListener("click", imagefilterblurexactupdate);

    [2422] =>                 imagefilterblur.append(button);

    [2423] =>             }

    [2424] =>         }

    [2425] =>         addEventListener("load", imagefilterblurexactload);

    [2426] => 

    [2427] =>         function imagefilterblurexactupdate(e)

    [2428] =>         {

    [2429] =>             imagefilterblurnumber.value = Number(e.target.value);

    [2430] => 

    [2431] =>             imagefilterblurnumberupdate();

    [2432] =>         }

    [2433] => 

    [2434] =>         function imagefilterblurincrementload()

    [2435] =>         {

    [2436] =>             const br = document.createElement("br");

    [2437] =>             imagefilterblur.append(br);

    [2438] => 

    [2439] =>             const array =

    [2440] =>             [

    [2441] =>                 ["-100",-100],

    [2442] =>                 ["-10",-10],

    [2443] =>                 ["-1",-1],

    [2444] =>                 ["+1",1],

    [2445] =>                 ["+10",10],

    [2446] =>                 ["+100",100],

    [2447] =>             ];

    [2448] => 

    [2449] =>             for(const value of array)

    [2450] =>             {

    [2451] =>                 const button = document.createElement("button");

    [2452] =>                 button.innerHTML = value[0];

    [2453] =>                 button.value = value[1];

    [2454] =>                 button.addEventListener("click", imagefilterblurincrementupdate);

    [2455] =>                 imagefilterblur.append(button);

    [2456] =>             }

    [2457] =>         }

    [2458] =>         addEventListener("load", imagefilterblurincrementload);

    [2459] => 

    [2460] =>         function imagefilterblurincrementupdate(e)

    [2461] =>         {

    [2462] =>             const v = Number(imagefilterblurnumber.value) + Number(e.target.value);

    [2463] => 

    [2464] =>             if((imagefilterblurnumber.min <= v) && (v <= imagefilterblurnumber.max))

    [2465] =>             {

    [2466] =>                 imagefilterblurnumber.value = v;

    [2467] => 

    [2468] =>                 imagefilterblurnumberupdate();

    [2469] =>             }

    [2470] =>         }

    [2471] => 

    [2472] => 

    [2473] => 

    [2474] =>         function imagefilterbrightnessload()

    [2475] =>         {

    [2476] =>             const div = document.createElement("div");

    [2477] =>             div.id = "imagefilterbrightness";

    [2478] =>             div.innerHTML = "filter-brightness";

    [2479] =>             tabcontentimage.append(div);

    [2480] => 

    [2481] =>             const style = div.style;

    [2482] =>             style.overflowY = "hidden";

    [2483] =>             style.whiteSpace = "nowrap";

    [2484] =>         }

    [2485] =>         addEventListener("load", imagefilterbrightnessload);

    [2486] => 

    [2487] =>         function imagefilterbrightnessnumberload()

    [2488] =>         {

    [2489] =>             const br = document.createElement("br");

    [2490] =>             imagefilterbrightness.append(br);

    [2491] => 

    [2492] =>             const input = document.createElement("input");

    [2493] =>             input.id = "imagefilterbrightnessnumber";

    [2494] =>             input.max = 1000;

    [2495] =>             input.min = 0;

    [2496] =>             input.step = 1;

    [2497] =>             input.type = "number";

    [2498] =>             input.value = 100;

    [2499] =>             input.addEventListener("input", imagefilterbrightnessnumberupdate);

    [2500] =>             imagefilterbrightness.append(input);

    [2501] => 

    [2502] =>             //imagefilterbrightnessnumberset();

    [2503] =>         }

    [2504] =>         addEventListener("load", imagefilterbrightnessnumberload);

    [2505] => 

    [2506] =>         function imagefilterbrightnessnumberset()

    [2507] =>         {

    [2508] =>             const v = imagefilterbrightnessnumber.value;

    [2509] => 

    [2510] =>             imagefilterbrightnessrange.value = v;

    [2511] =>             image.filterbrightness = v;

    [2512] =>         }

    [2513] => 

    [2514] =>         function imagefilterbrightnessnumberupdate()

    [2515] =>         {

    [2516] =>             imagefilterbrightnessnumberset();

    [2517] =>             svgupdate();

    [2518] =>         }

    [2519] => 

    [2520] =>         function imagefilterbrightnessrangeload()

    [2521] =>         {

    [2522] =>             const input = document.createElement("input");

    [2523] =>             input.id = "imagefilterbrightnessrange";

    [2524] =>             input.max = imagefilterbrightnessnumber.max;

    [2525] =>             input.min = imagefilterbrightnessnumber.min;

    [2526] =>             input.step = imagefilterbrightnessnumber.step;

    [2527] =>             input.type = "range";

    [2528] =>             input.value = imagefilterbrightnessnumber.value;

    [2529] =>             input.addEventListener("input", imagefilterbrightnessrangeupdate);

    [2530] =>             imagefilterbrightness.append(input);

    [2531] => 

    [2532] =>             imagefilterbrightnessrangeset();

    [2533] =>         }

    [2534] =>         addEventListener("load", imagefilterbrightnessrangeload);

    [2535] => 

    [2536] =>         function imagefilterbrightnessrangeset()

    [2537] =>         {

    [2538] =>             const v = imagefilterbrightnessrange.value;

    [2539] => 

    [2540] =>             imagefilterbrightnessnumber.value = v;

    [2541] =>             image.filterbrightness = v;

    [2542] =>         }

    [2543] => 

    [2544] =>         function imagefilterbrightnessrangeupdate()

    [2545] =>         {

    [2546] =>             imagefilterbrightnessrangeset();

    [2547] =>             svgupdate();

    [2548] =>         }

    [2549] => 

    [2550] =>         function imagefilterbrightnessexactload()

    [2551] =>         {

    [2552] =>             const br = document.createElement("br");

    [2553] =>             imagefilterbrightness.append(br);

    [2554] => 

    [2555] =>             const array =

    [2556] =>             [

    [2557] =>                 ["0",0],

    [2558] =>                 ["50",50],

    [2559] =>                 ["100 (initial)",100],

    [2560] =>                 ["150",150],

    [2561] =>                 ["200",200],

    [2562] =>             ];

    [2563] => 

    [2564] =>             for(const value of array)

    [2565] =>             {

    [2566] =>                 const button = document.createElement("button");

    [2567] =>                 button.innerHTML = value[0];

    [2568] =>                 button.value = value[1];

    [2569] =>                 button.addEventListener("click", imagefilterbrightnessexactupdate);

    [2570] =>                 imagefilterbrightness.append(button);

    [2571] =>             }

    [2572] =>         }

    [2573] =>         addEventListener("load", imagefilterbrightnessexactload);

    [2574] => 

    [2575] =>         function imagefilterbrightnessexactupdate(e)

    [2576] =>         {

    [2577] =>             imagefilterbrightnessnumber.value = Number(e.target.value);

    [2578] => 

    [2579] =>             imagefilterbrightnessnumberupdate();

    [2580] =>         }

    [2581] => 

    [2582] =>         function imagefilterbrightnessincrementload()

    [2583] =>         {

    [2584] =>             const br = document.createElement("br");

    [2585] =>             imagefilterbrightness.append(br);

    [2586] => 

    [2587] =>             const array =

    [2588] =>             [

    [2589] =>                 ["-100",-100],

    [2590] =>                 ["-10",-10],

    [2591] =>                 ["-1",-1],

    [2592] =>                 ["+1",1],

    [2593] =>                 ["+10",10],

    [2594] =>                 ["+100",100],

    [2595] =>             ];

    [2596] => 

    [2597] =>             for(const value of array)

    [2598] =>             {

    [2599] =>                 const button = document.createElement("button");

    [2600] =>                 button.innerHTML = value[0];

    [2601] =>                 button.value = value[1];

    [2602] =>                 button.addEventListener("click", imagefilterbrightnessincrementupdate);

    [2603] =>                 imagefilterbrightness.append(button);

    [2604] =>             }

    [2605] =>         }

    [2606] =>         addEventListener("load", imagefilterbrightnessincrementload);

    [2607] => 

    [2608] =>         function imagefilterbrightnessincrementupdate(e)

    [2609] =>         {

    [2610] =>             const v = Number(imagefilterbrightnessnumber.value) + Number(e.target.value);

    [2611] => 

    [2612] =>             if((imagefilterbrightnessnumber.min <= v) && (v <= imagefilterbrightnessnumber.max))

    [2613] =>             {

    [2614] =>                 imagefilterbrightnessnumber.value = v;

    [2615] => 

    [2616] =>                 imagefilterbrightnessnumberupdate();

    [2617] =>             }

    [2618] =>         }

    [2619] => 

    [2620] => 

    [2621] => 

    [2622] =>         function imagefiltercontrastload()

    [2623] =>         {

    [2624] =>             const div = document.createElement("div");

    [2625] =>             div.id = "imagefiltercontrast";

    [2626] =>             div.innerHTML = "filter-contrast";

    [2627] =>             tabcontentimage.append(div);

    [2628] => 

    [2629] =>             const style = div.style;

    [2630] =>             style.overflowY = "hidden";

    [2631] =>             style.whiteSpace = "nowrap";

    [2632] =>         }

    [2633] =>         addEventListener("load", imagefiltercontrastload);

    [2634] => 

    [2635] =>         function imagefiltercontrastnumberload()

    [2636] =>         {

    [2637] =>             const br = document.createElement("br");

    [2638] =>             imagefiltercontrast.append(br);

    [2639] => 

    [2640] =>             const input = document.createElement("input");

    [2641] =>             input.id = "imagefiltercontrastnumber";

    [2642] =>             input.max = 1000;

    [2643] =>             input.min = 0;

    [2644] =>             input.step = 1;

    [2645] =>             input.type = "number";

    [2646] =>             input.value = 100;

    [2647] =>             input.addEventListener("input", imagefiltercontrastnumberupdate);

    [2648] =>             imagefiltercontrast.append(input);

    [2649] => 

    [2650] =>             //imagefiltercontrastnumberset();

    [2651] =>         }

    [2652] =>         addEventListener("load", imagefiltercontrastnumberload);

    [2653] => 

    [2654] =>         function imagefiltercontrastnumberset()

    [2655] =>         {

    [2656] =>             const v = imagefiltercontrastnumber.value;

    [2657] => 

    [2658] =>             imagefiltercontrastrange.value = v;

    [2659] =>             image.filtercontrast = v;

    [2660] =>         }

    [2661] => 

    [2662] =>         function imagefiltercontrastnumberupdate()

    [2663] =>         {

    [2664] =>             imagefiltercontrastnumberset();

    [2665] =>             svgupdate();

    [2666] =>         }

    [2667] => 

    [2668] =>         function imagefiltercontrastrangeload()

    [2669] =>         {

    [2670] =>             const input = document.createElement("input");

    [2671] =>             input.id = "imagefiltercontrastrange";

    [2672] =>             input.max = imagefiltercontrastnumber.max;

    [2673] =>             input.min = imagefiltercontrastnumber.min;

    [2674] =>             input.step = imagefiltercontrastnumber.step;

    [2675] =>             input.type = "range";

    [2676] =>             input.value = imagefiltercontrastnumber.value;

    [2677] =>             input.addEventListener("input", imagefiltercontrastrangeupdate);

    [2678] =>             imagefiltercontrast.append(input);

    [2679] => 

    [2680] =>             imagefiltercontrastrangeset();

    [2681] =>         }

    [2682] =>         addEventListener("load", imagefiltercontrastrangeload);

    [2683] => 

    [2684] =>         function imagefiltercontrastrangeset()

    [2685] =>         {

    [2686] =>             const v = imagefiltercontrastrange.value;

    [2687] => 

    [2688] =>             imagefiltercontrastnumber.value = v;

    [2689] =>             image.filtercontrast = v;

    [2690] =>         }

    [2691] => 

    [2692] =>         function imagefiltercontrastrangeupdate()

    [2693] =>         {

    [2694] =>             imagefiltercontrastrangeset();

    [2695] =>             svgupdate();

    [2696] =>         }

    [2697] => 

    [2698] =>         function imagefiltercontrastexactload()

    [2699] =>         {

    [2700] =>             const br = document.createElement("br");

    [2701] =>             imagefiltercontrast.append(br);

    [2702] => 

    [2703] =>             const array =

    [2704] =>             [

    [2705] =>                 ["0",0],

    [2706] =>                 ["50",50],

    [2707] =>                 ["100 (initial)",100],

    [2708] =>                 ["150",150],

    [2709] =>                 ["200",200],

    [2710] =>             ];

    [2711] => 

    [2712] =>             for(const value of array)

    [2713] =>             {

    [2714] =>                 const button = document.createElement("button");

    [2715] =>                 button.innerHTML = value[0];

    [2716] =>                 button.value = value[1];

    [2717] =>                 button.addEventListener("click", imagefiltercontrastexactupdate);

    [2718] =>                 imagefiltercontrast.append(button);

    [2719] =>             }

    [2720] =>         }

    [2721] =>         addEventListener("load", imagefiltercontrastexactload);

    [2722] => 

    [2723] =>         function imagefiltercontrastexactupdate(e)

    [2724] =>         {

    [2725] =>             imagefiltercontrastnumber.value = Number(e.target.value);

    [2726] => 

    [2727] =>             imagefiltercontrastnumberupdate();

    [2728] =>         }

    [2729] => 

    [2730] =>         function imagefiltercontrastincrementload()

    [2731] =>         {

    [2732] =>             const br = document.createElement("br");

    [2733] =>             imagefiltercontrast.append(br);

    [2734] => 

    [2735] =>             const array =

    [2736] =>             [

    [2737] =>                 ["-100",-100],

    [2738] =>                 ["-10",-10],

    [2739] =>                 ["-1",-1],

    [2740] =>                 ["+1",1],

    [2741] =>                 ["+10",10],

    [2742] =>                 ["+100",100],

    [2743] =>             ];

    [2744] => 

    [2745] =>             for(const value of array)

    [2746] =>             {

    [2747] =>                 const button = document.createElement("button");

    [2748] =>                 button.innerHTML = value[0];

    [2749] =>                 button.value = value[1];

    [2750] =>                 button.addEventListener("click", imagefiltercontrastincrementupdate);

    [2751] =>                 imagefiltercontrast.append(button);

    [2752] =>             }

    [2753] =>         }

    [2754] =>         addEventListener("load", imagefiltercontrastincrementload);

    [2755] => 

    [2756] =>         function imagefiltercontrastincrementupdate(e)

    [2757] =>         {

    [2758] =>             const v = Number(imagefiltercontrastnumber.value) + Number(e.target.value);

    [2759] => 

    [2760] =>             if((imagefiltercontrastnumber.min <= v) && (v <= imagefiltercontrastnumber.max))

    [2761] =>             {

    [2762] =>                 imagefiltercontrastnumber.value = v;

    [2763] => 

    [2764] =>                 imagefiltercontrastnumberupdate();

    [2765] =>             }

    [2766] =>         }

    [2767] => 

    [2768] => 

    [2769] => 

    [2770] =>         function imagefiltergrayscaleload()

    [2771] =>         {

    [2772] =>             const div = document.createElement("div");

    [2773] =>             div.id = "imagefiltergrayscale";

    [2774] =>             div.innerHTML = "filter-grayscale";

    [2775] =>             tabcontentimage.append(div);

    [2776] => 

    [2777] =>             const style = div.style;

    [2778] =>             style.overflowY = "hidden";

    [2779] =>             style.whiteSpace = "nowrap";

    [2780] =>         }

    [2781] =>         addEventListener("load", imagefiltergrayscaleload);

    [2782] => 

    [2783] =>         function imagefiltergrayscalenumberload()

    [2784] =>         {

    [2785] =>             const br = document.createElement("br");

    [2786] =>             imagefiltergrayscale.append(br);

    [2787] => 

    [2788] =>             const input = document.createElement("input");

    [2789] =>             input.id = "imagefiltergrayscalenumber";

    [2790] =>             input.max = 100;

    [2791] =>             input.min = 0;

    [2792] =>             input.step = 1;

    [2793] =>             input.type = "number";

    [2794] =>             input.value = 0;

    [2795] =>             input.addEventListener("input", imagefiltergrayscalenumberupdate);

    [2796] =>             imagefiltergrayscale.append(input);

    [2797] => 

    [2798] =>             //imagefiltergrayscalenumberset();

    [2799] =>         }

    [2800] =>         addEventListener("load", imagefiltergrayscalenumberload);

    [2801] => 

    [2802] =>         function imagefiltergrayscalenumberset()

    [2803] =>         {

    [2804] =>             const v = imagefiltergrayscalenumber.value;

    [2805] => 

    [2806] =>             imagefiltergrayscalerange.value = v;

    [2807] =>             image.filtergrayscale = v;

    [2808] =>         }

    [2809] => 

    [2810] =>         function imagefiltergrayscalenumberupdate()

    [2811] =>         {

    [2812] =>             imagefiltergrayscalenumberset();

    [2813] =>             svgupdate();

    [2814] =>         }

    [2815] => 

    [2816] =>         function imagefiltergrayscalerangeload()

    [2817] =>         {

    [2818] =>             const input = document.createElement("input");

    [2819] =>             input.id = "imagefiltergrayscalerange";

    [2820] =>             input.max = imagefiltergrayscalenumber.max;

    [2821] =>             input.min = imagefiltergrayscalenumber.min;

    [2822] =>             input.step = imagefiltergrayscalenumber.step;

    [2823] =>             input.type = "range";

    [2824] =>             input.value = imagefiltergrayscalenumber.value;

    [2825] =>             input.addEventListener("input", imagefiltergrayscalerangeupdate);

    [2826] =>             imagefiltergrayscale.append(input);

    [2827] => 

    [2828] =>             imagefiltergrayscalerangeset();

    [2829] =>         }

    [2830] =>         addEventListener("load", imagefiltergrayscalerangeload);

    [2831] => 

    [2832] =>         function imagefiltergrayscalerangeset()

    [2833] =>         {

    [2834] =>             const v = imagefiltergrayscalerange.value;

    [2835] => 

    [2836] =>             imagefiltergrayscalenumber.value = v;

    [2837] =>             image.filtergrayscale = v;

    [2838] =>         }

    [2839] => 

    [2840] =>         function imagefiltergrayscalerangeupdate()

    [2841] =>         {

    [2842] =>             imagefiltergrayscalerangeset();

    [2843] =>             svgupdate();

    [2844] =>         }

    [2845] => 

    [2846] =>         function imagefiltergrayscaleexactload()

    [2847] =>         {

    [2848] =>             const br = document.createElement("br");

    [2849] =>             imagefiltergrayscale.append(br);

    [2850] => 

    [2851] =>             const array =

    [2852] =>             [

    [2853] =>                 ["0",0],

    [2854] =>                 ["25",25],

    [2855] =>                 ["50",50],

    [2856] =>                 ["75",75],

    [2857] =>                 ["100",100],

    [2858] =>             ];

    [2859] => 

    [2860] =>             for(const value of array)

    [2861] =>             {

    [2862] =>                 const button = document.createElement("button");

    [2863] =>                 button.innerHTML = value[0];

    [2864] =>                 button.value = value[1];

    [2865] =>                 button.addEventListener("click", imagefiltergrayscaleexactupdate);

    [2866] =>                 imagefiltergrayscale.append(button);

    [2867] =>             }

    [2868] =>         }

    [2869] =>         addEventListener("load", imagefiltergrayscaleexactload);

    [2870] => 

    [2871] =>         function imagefiltergrayscaleexactupdate(e)

    [2872] =>         {

    [2873] =>             imagefiltergrayscalenumber.value = Number(e.target.value);

    [2874] => 

    [2875] =>             imagefiltergrayscalenumberupdate();

    [2876] =>         }

    [2877] => 

    [2878] =>         function imagefiltergrayscaleincrementload()

    [2879] =>         {

    [2880] =>             const br = document.createElement("br");

    [2881] =>             imagefiltergrayscale.append(br);

    [2882] => 

    [2883] =>             const array =

    [2884] =>             [

    [2885] =>                 ["-10",-10],

    [2886] =>                 ["-1",-1],

    [2887] =>                 ["+1",1],

    [2888] =>                 ["+10",10],

    [2889] =>             ];

    [2890] => 

    [2891] =>             for(const value of array)

    [2892] =>             {

    [2893] =>                 const button = document.createElement("button");

    [2894] =>                 button.innerHTML = value[0];

    [2895] =>                 button.value = value[1];

    [2896] =>                 button.addEventListener("click", imagefiltergrayscaleincrementupdate);

    [2897] =>                 imagefiltergrayscale.append(button);

    [2898] =>             }

    [2899] =>         }

    [2900] =>         addEventListener("load", imagefiltergrayscaleincrementload);

    [2901] => 

    [2902] =>         function imagefiltergrayscaleincrementupdate(e)

    [2903] =>         {

    [2904] =>             const v = Number(imagefiltergrayscalenumber.value) + Number(e.target.value);

    [2905] => 

    [2906] =>             if((imagefiltergrayscalenumber.min <= v) && (v <= imagefiltergrayscalenumber.max))

    [2907] =>             {

    [2908] =>                 imagefiltergrayscalenumber.value = v;

    [2909] => 

    [2910] =>                 imagefiltergrayscalenumberupdate();

    [2911] =>             }

    [2912] =>         }

    [2913] => 

    [2914] => 

    [2915] => 

    [2916] =>         function imagefilterhuerotateload()

    [2917] =>         {

    [2918] =>             const div = document.createElement("div");

    [2919] =>             div.id = "imagefilterhuerotate";

    [2920] =>             div.innerHTML = "filter-hue-rotate";

    [2921] =>             tabcontentimage.append(div);

    [2922] => 

    [2923] =>             const style = div.style;

    [2924] =>             style.overflowY = "hidden";

    [2925] =>             style.whiteSpace = "nowrap";

    [2926] =>         }

    [2927] =>         addEventListener("load", imagefilterhuerotateload);

    [2928] => 

    [2929] =>         function imagefilterhuerotatenumberload()

    [2930] =>         {

    [2931] =>             const br = document.createElement("br");

    [2932] =>             imagefilterhuerotate.append(br);

    [2933] => 

    [2934] =>             const input = document.createElement("input");

    [2935] =>             input.id = "imagefilterhuerotatenumber";

    [2936] =>             input.max = 360;

    [2937] =>             input.min = 0;

    [2938] =>             input.step = 1;

    [2939] =>             input.type = "number";

    [2940] =>             input.value = 0;

    [2941] =>             input.addEventListener("input", imagefilterhuerotatenumberupdate);

    [2942] =>             imagefilterhuerotate.append(input);

    [2943] => 

    [2944] =>             //imagefilterhuerotatenumberset();

    [2945] =>         }

    [2946] =>         addEventListener("load", imagefilterhuerotatenumberload);

    [2947] => 

    [2948] =>         function imagefilterhuerotatenumberset()

    [2949] =>         {

    [2950] =>             const v = imagefilterhuerotatenumber.value;

    [2951] => 

    [2952] =>             imagefilterhuerotaterange.value = v;

    [2953] =>             image.filterhuerotate = v;

    [2954] =>         }

    [2955] => 

    [2956] =>         function imagefilterhuerotatenumberupdate()

    [2957] =>         {

    [2958] =>             imagefilterhuerotatenumberset();

    [2959] =>             svgupdate();

    [2960] =>         }

    [2961] => 

    [2962] =>         function imagefilterhuerotaterangeload()

    [2963] =>         {

    [2964] =>             const input = document.createElement("input");

    [2965] =>             input.id = "imagefilterhuerotaterange";

    [2966] =>             input.max = imagefilterhuerotatenumber.max;

    [2967] =>             input.min = imagefilterhuerotatenumber.min;

    [2968] =>             input.step = imagefilterhuerotatenumber.step;

    [2969] =>             input.type = "range";

    [2970] =>             input.value = imagefilterhuerotatenumber.value;

    [2971] =>             input.addEventListener("input", imagefilterhuerotaterangeupdate);

    [2972] =>             imagefilterhuerotate.append(input);

    [2973] => 

    [2974] =>             imagefilterhuerotaterangeset();

    [2975] =>         }

    [2976] =>         addEventListener("load", imagefilterhuerotaterangeload);

    [2977] => 

    [2978] =>         function imagefilterhuerotaterangeset()

    [2979] =>         {

    [2980] =>             const v = imagefilterhuerotaterange.value;

    [2981] => 

    [2982] =>             imagefilterhuerotatenumber.value = v;

    [2983] =>             image.filterhuerotate = v;

    [2984] =>         }

    [2985] => 

    [2986] =>         function imagefilterhuerotaterangeupdate()

    [2987] =>         {

    [2988] =>             imagefilterhuerotaterangeset();

    [2989] =>             svgupdate();

    [2990] =>         }

    [2991] => 

    [2992] =>         function imagefilterhuerotateexactload()

    [2993] =>         {

    [2994] =>             const br = document.createElement("br");

    [2995] =>             imagefilterhuerotate.append(br);

    [2996] => 

    [2997] =>             const array =

    [2998] =>             [

    [2999] =>                 ["0",0],

    [3000] =>                 ["90",90],

    [3001] =>                 ["180",180],

    [3002] =>                 ["270",270],

    [3003] =>                 ["360",360],

    [3004] =>             ];

    [3005] => 

    [3006] =>             for(const value of array)

    [3007] =>             {

    [3008] =>                 const button = document.createElement("button");

    [3009] =>                 button.innerHTML = value[0];

    [3010] =>                 button.value = value[1];

    [3011] =>                 button.addEventListener("click", imagefilterhuerotateexactupdate);

    [3012] =>                 imagefilterhuerotate.append(button);

    [3013] =>             }

    [3014] =>         }

    [3015] =>         addEventListener("load", imagefilterhuerotateexactload);

    [3016] => 

    [3017] =>         function imagefilterhuerotateexactupdate(e)

    [3018] =>         {

    [3019] =>             imagefilterhuerotatenumber.value = Number(e.target.value);

    [3020] => 

    [3021] =>             imagefilterhuerotatenumberupdate();

    [3022] =>         }

    [3023] => 

    [3024] =>         function imagefilterhuerotateincrementload()

    [3025] =>         {

    [3026] =>             const br = document.createElement("br");

    [3027] =>             imagefilterhuerotate.append(br);

    [3028] => 

    [3029] =>             const array =

    [3030] =>             [

    [3031] =>                 //["-90",-90],

    [3032] =>                 ["-45",-45],

    [3033] =>                 ["-15",-15],

    [3034] =>                 ["-1",-1],

    [3035] =>                 ["+1",1],

    [3036] =>                 ["+15",15],

    [3037] =>                 ["+45",45],

    [3038] =>                 //["+90",90],

    [3039] =>             ];

    [3040] => 

    [3041] =>             for(const value of array)

    [3042] =>             {

    [3043] =>                 const button = document.createElement("button");

    [3044] =>                 button.innerHTML = value[0];

    [3045] =>                 button.value = value[1];

    [3046] =>                 button.addEventListener("click", imagefilterhuerotateincrementupdate);

    [3047] =>                 imagefilterhuerotate.append(button);

    [3048] =>             }

    [3049] =>         }

    [3050] =>         addEventListener("load", imagefilterhuerotateincrementload);

    [3051] => 

    [3052] =>         function imagefilterhuerotateincrementupdate(e)

    [3053] =>         {

    [3054] =>             const v = Number(imagefilterhuerotatenumber.value) + Number(e.target.value);

    [3055] => 

    [3056] =>             if((imagefilterhuerotatenumber.min <= v) && (v <= imagefilterhuerotatenumber.max))

    [3057] =>             {

    [3058] =>                 imagefilterhuerotatenumber.value = v;

    [3059] => 

    [3060] =>                 imagefilterhuerotatenumberupdate();

    [3061] =>             }

    [3062] =>         }

    [3063] => 

    [3064] => 

    [3065] => 

    [3066] =>         function imagefilterinvertload()

    [3067] =>         {

    [3068] =>             const div = document.createElement("div");

    [3069] =>             div.id = "imagefilterinvert";

    [3070] =>             div.innerHTML = "filter-invert";

    [3071] =>             tabcontentimage.append(div);

    [3072] => 

    [3073] =>             const style = div.style;

    [3074] =>             style.overflowY = "hidden";

    [3075] =>             style.whiteSpace = "nowrap";

    [3076] =>         }

    [3077] =>         addEventListener("load", imagefilterinvertload);

    [3078] => 

    [3079] =>         function imagefilterinvertnumberload()

    [3080] =>         {

    [3081] =>             const br = document.createElement("br");

    [3082] =>             imagefilterinvert.append(br);

    [3083] => 

    [3084] =>             const input = document.createElement("input");

    [3085] =>             input.id = "imagefilterinvertnumber";

    [3086] =>             input.max = 100;

    [3087] =>             input.min = 0;

    [3088] =>             input.step = 1;

    [3089] =>             input.type = "number";

    [3090] =>             input.value = 0;

    [3091] =>             input.addEventListener("input", imagefilterinvertnumberupdate);

    [3092] =>             imagefilterinvert.append(input);

    [3093] => 

    [3094] =>             //imagefilterinvertnumberset();

    [3095] =>         }

    [3096] =>         addEventListener("load", imagefilterinvertnumberload);

    [3097] => 

    [3098] =>         function imagefilterinvertnumberset()

    [3099] =>         {

    [3100] =>             const v = imagefilterinvertnumber.value;

    [3101] => 

    [3102] =>             imagefilterinvertrange.value = v;

    [3103] =>             image.filterinvert = v;

    [3104] =>         }

    [3105] => 

    [3106] =>         function imagefilterinvertnumberupdate()

    [3107] =>         {

    [3108] =>             imagefilterinvertnumberset();

    [3109] =>             svgupdate();

    [3110] =>         }

    [3111] => 

    [3112] =>         function imagefilterinvertrangeload()

    [3113] =>         {

    [3114] =>             const input = document.createElement("input");

    [3115] =>             input.id = "imagefilterinvertrange";

    [3116] =>             input.max = imagefilterinvertnumber.max;

    [3117] =>             input.min = imagefilterinvertnumber.min;

    [3118] =>             input.step = imagefilterinvertnumber.step;

    [3119] =>             input.type = "range";

    [3120] =>             input.value = imagefilterinvertnumber.value;

    [3121] =>             input.addEventListener("input", imagefilterinvertrangeupdate);

    [3122] =>             imagefilterinvert.append(input);

    [3123] => 

    [3124] =>             imagefilterinvertrangeset();

    [3125] =>         }

    [3126] =>         addEventListener("load", imagefilterinvertrangeload);

    [3127] => 

    [3128] =>         function imagefilterinvertrangeset()

    [3129] =>         {

    [3130] =>             const v = imagefilterinvertrange.value;

    [3131] => 

    [3132] =>             imagefilterinvertnumber.value = v;

    [3133] =>             image.filterinvert = v;

    [3134] =>         }

    [3135] => 

    [3136] =>         function imagefilterinvertrangeupdate()

    [3137] =>         {

    [3138] =>             imagefilterinvertrangeset();

    [3139] =>             svgupdate();

    [3140] =>         }

    [3141] => 

    [3142] =>         function imagefilterinvertexactload()

    [3143] =>         {

    [3144] =>             const br = document.createElement("br");

    [3145] =>             imagefilterinvert.append(br);

    [3146] => 

    [3147] =>             const array =

    [3148] =>             [

    [3149] =>                 ["0",0],

    [3150] =>                 ["25",25],

    [3151] =>                 ["50",50],

    [3152] =>                 ["75",75],

    [3153] =>                 ["100",100],

    [3154] =>             ];

    [3155] => 

    [3156] =>             for(const value of array)

    [3157] =>             {

    [3158] =>                 const button = document.createElement("button");

    [3159] =>                 button.innerHTML = value[0];

    [3160] =>                 button.value = value[1];

    [3161] =>                 button.addEventListener("click", imagefilterinvertexactupdate);

    [3162] =>                 imagefilterinvert.append(button);

    [3163] =>             }

    [3164] =>         }

    [3165] =>         addEventListener("load", imagefilterinvertexactload);

    [3166] => 

    [3167] =>         function imagefilterinvertexactupdate(e)

    [3168] =>         {

    [3169] =>             imagefilterinvertnumber.value = Number(e.target.value);

    [3170] => 

    [3171] =>             imagefilterinvertnumberupdate();

    [3172] =>         }

    [3173] => 

    [3174] =>         function imagefilterinvertincrementload()

    [3175] =>         {

    [3176] =>             const br = document.createElement("br");

    [3177] =>             imagefilterinvert.append(br);

    [3178] => 

    [3179] =>             const array =

    [3180] =>             [

    [3181] =>                 ["-10",-10],

    [3182] =>                 ["-1",-1],

    [3183] =>                 ["+1",1],

    [3184] =>                 ["+10",10],

    [3185] =>             ];

    [3186] => 

    [3187] =>             for(const value of array)

    [3188] =>             {

    [3189] =>                 const button = document.createElement("button");

    [3190] =>                 button.innerHTML = value[0];

    [3191] =>                 button.value = value[1];

    [3192] =>                 button.addEventListener("click", imagefilterinvertincrementupdate);

    [3193] =>                 imagefilterinvert.append(button);

    [3194] =>             }

    [3195] =>         }

    [3196] =>         addEventListener("load", imagefilterinvertincrementload);

    [3197] => 

    [3198] =>         function imagefilterinvertincrementupdate(e)

    [3199] =>         {

    [3200] =>             const v = Number(imagefilterinvertnumber.value) + Number(e.target.value);

    [3201] => 

    [3202] =>             if((imagefilterinvertnumber.min <= v) && (v <= imagefilterinvertnumber.max))

    [3203] =>             {

    [3204] =>                 imagefilterinvertnumber.value = v;

    [3205] => 

    [3206] =>                 imagefilterinvertnumberupdate();

    [3207] =>             }

    [3208] =>         }

    [3209] => 

    [3210] => 

    [3211] => 

    [3212] =>         function imagefilteropacityload()

    [3213] =>         {

    [3214] =>             const div = document.createElement("div");

    [3215] =>             div.id = "imagefilteropacity";

    [3216] =>             div.innerHTML = "filter-opacity";

    [3217] =>             tabcontentimage.append(div);

    [3218] => 

    [3219] =>             const style = div.style;

    [3220] =>             style.overflowY = "hidden";

    [3221] =>             style.whiteSpace = "nowrap";

    [3222] =>         }

    [3223] =>         addEventListener("load", imagefilteropacityload);

    [3224] => 

    [3225] =>         function imagefilteropacitynumberload()

    [3226] =>         {

    [3227] =>             const br = document.createElement("br");

    [3228] =>             imagefilteropacity.append(br);

    [3229] => 

    [3230] =>             const input = document.createElement("input");

    [3231] =>             input.id = "imagefilteropacitynumber";

    [3232] =>             input.max = 100;

    [3233] =>             input.min = 0;

    [3234] =>             input.step = 1;

    [3235] =>             input.type = "number";

    [3236] =>             input.value = 100;

    [3237] =>             input.addEventListener("input", imagefilteropacitynumberupdate);

    [3238] =>             imagefilteropacity.append(input);

    [3239] => 

    [3240] =>             //imagefilteropacitynumberset();

    [3241] =>         }

    [3242] =>         addEventListener("load", imagefilteropacitynumberload);

    [3243] => 

    [3244] =>         function imagefilteropacitynumberset()

    [3245] =>         {

    [3246] =>             const v = imagefilteropacitynumber.value;

    [3247] => 

    [3248] =>             imagefilteropacityrange.value = v;

    [3249] =>             image.filteropacity = v;

    [3250] =>         }

    [3251] => 

    [3252] =>         function imagefilteropacitynumberupdate()

    [3253] =>         {

    [3254] =>             imagefilteropacitynumberset();

    [3255] =>             svgupdate();

    [3256] =>         }

    [3257] => 

    [3258] =>         function imagefilteropacityrangeload()

    [3259] =>         {

    [3260] =>             const input = document.createElement("input");

    [3261] =>             input.id = "imagefilteropacityrange";

    [3262] =>             input.max = imagefilteropacitynumber.max;

    [3263] =>             input.min = imagefilteropacitynumber.min;

    [3264] =>             input.step = imagefilteropacitynumber.step;

    [3265] =>             input.type = "range";

    [3266] =>             input.value = imagefilteropacitynumber.value;

    [3267] =>             input.addEventListener("input", imagefilteropacityrangeupdate);

    [3268] =>             imagefilteropacity.append(input);

    [3269] => 

    [3270] =>             imagefilteropacityrangeset();

    [3271] =>         }

    [3272] =>         addEventListener("load", imagefilteropacityrangeload);

    [3273] => 

    [3274] =>         function imagefilteropacityrangeset()

    [3275] =>         {

    [3276] =>             const v = imagefilteropacityrange.value;

    [3277] => 

    [3278] =>             imagefilteropacitynumber.value = v;

    [3279] =>             image.filteropacity = v;

    [3280] =>         }

    [3281] => 

    [3282] =>         function imagefilteropacityrangeupdate()

    [3283] =>         {

    [3284] =>             imagefilteropacityrangeset();

    [3285] =>             svgupdate();

    [3286] =>         }

    [3287] => 

    [3288] =>         function imagefilteropacityexactload()

    [3289] =>         {

    [3290] =>             const br = document.createElement("br");

    [3291] =>             imagefilteropacity.append(br);

    [3292] => 

    [3293] =>             const array =

    [3294] =>             [

    [3295] =>                 ["0",0],

    [3296] =>                 ["25",25],

    [3297] =>                 ["50",50],

    [3298] =>                 ["75",75],

    [3299] =>                 ["100 (initial)",100],

    [3300] =>             ];

    [3301] => 

    [3302] =>             for(const value of array)

    [3303] =>             {

    [3304] =>                 const button = document.createElement("button");

    [3305] =>                 button.innerHTML = value[0];

    [3306] =>                 button.value = value[1];

    [3307] =>                 button.addEventListener("click", imagefilteropacityexactupdate);

    [3308] =>                 imagefilteropacity.append(button);

    [3309] =>             }

    [3310] =>         }

    [3311] =>         addEventListener("load", imagefilteropacityexactload);

    [3312] => 

    [3313] =>         function imagefilteropacityexactupdate(e)

    [3314] =>         {

    [3315] =>             imagefilteropacitynumber.value = Number(e.target.value);

    [3316] => 

    [3317] =>             imagefilteropacitynumberupdate();

    [3318] =>         }

    [3319] => 

    [3320] =>         function imagefilteropacityincrementload()

    [3321] =>         {

    [3322] =>             const br = document.createElement("br");

    [3323] =>             imagefilteropacity.append(br);

    [3324] => 

    [3325] =>             const array =

    [3326] =>             [

    [3327] =>                 ["-10",-10],

    [3328] =>                 ["-1",-1],

    [3329] =>                 ["+1",1],

    [3330] =>                 ["+10",10],

    [3331] =>             ];

    [3332] => 

    [3333] =>             for(const value of array)

    [3334] =>             {

    [3335] =>                 const button = document.createElement("button");

    [3336] =>                 button.innerHTML = value[0];

    [3337] =>                 button.value = value[1];

    [3338] =>                 button.addEventListener("click", imagefilteropacityincrementupdate);

    [3339] =>                 imagefilteropacity.append(button);

    [3340] =>             }

    [3341] =>         }

    [3342] =>         addEventListener("load", imagefilteropacityincrementload);

    [3343] => 

    [3344] =>         function imagefilteropacityincrementupdate(e)

    [3345] =>         {

    [3346] =>             const v = Number(imagefilteropacitynumber.value) + Number(e.target.value);

    [3347] => 

    [3348] =>             if((imagefilteropacitynumber.min <= v) && (v <= imagefilteropacitynumber.max))

    [3349] =>             {

    [3350] =>                 imagefilteropacitynumber.value = v;

    [3351] => 

    [3352] =>                 imagefilteropacitynumberupdate();

    [3353] =>             }

    [3354] =>         }

    [3355] => 

    [3356] => 

    [3357] => 

    [3358] =>         function imagefiltersaturateload()

    [3359] =>         {

    [3360] =>             const div = document.createElement("div");

    [3361] =>             div.id = "imagefiltersaturate";

    [3362] =>             div.innerHTML = "filter-saturate";

    [3363] =>             tabcontentimage.append(div);

    [3364] => 

    [3365] =>             const style = div.style;

    [3366] =>             style.overflowY = "hidden";

    [3367] =>             style.whiteSpace = "nowrap";

    [3368] =>         }

    [3369] =>         addEventListener("load", imagefiltersaturateload);

    [3370] => 

    [3371] =>         function imagefiltersaturatenumberload()

    [3372] =>         {

    [3373] =>             const br = document.createElement("br");

    [3374] =>             imagefiltersaturate.append(br);

    [3375] => 

    [3376] =>             const input = document.createElement("input");

    [3377] =>             input.id = "imagefiltersaturatenumber";

    [3378] =>             input.max = 1000;

    [3379] =>             input.min = 0;

    [3380] =>             input.step = 1;

    [3381] =>             input.type = "number";

    [3382] =>             input.value = 100;

    [3383] =>             input.addEventListener("input", imagefiltersaturatenumberupdate);

    [3384] =>             imagefiltersaturate.append(input);

    [3385] => 

    [3386] =>             //imagefiltersaturatenumberset();

    [3387] =>         }

    [3388] =>         addEventListener("load", imagefiltersaturatenumberload);

    [3389] => 

    [3390] =>         function imagefiltersaturatenumberset()

    [3391] =>         {

    [3392] =>             const v = imagefiltersaturatenumber.value;

    [3393] => 

    [3394] =>             imagefiltersaturaterange.value = v;

    [3395] =>             image.filtersaturate = v;

    [3396] =>         }

    [3397] => 

    [3398] =>         function imagefiltersaturatenumberupdate()

    [3399] =>         {

    [3400] =>             imagefiltersaturatenumberset();

    [3401] =>             svgupdate();

    [3402] =>         }

    [3403] => 

    [3404] =>         function imagefiltersaturaterangeload()

    [3405] =>         {

    [3406] =>             const input = document.createElement("input");

    [3407] =>             input.id = "imagefiltersaturaterange";

    [3408] =>             input.max = imagefiltersaturatenumber.max;

    [3409] =>             input.min = imagefiltersaturatenumber.min;

    [3410] =>             input.step = imagefiltersaturatenumber.step;

    [3411] =>             input.type = "range";

    [3412] =>             input.value = imagefiltersaturatenumber.value;

    [3413] =>             input.addEventListener("input", imagefiltersaturaterangeupdate);

    [3414] =>             imagefiltersaturate.append(input);

    [3415] => 

    [3416] =>             imagefiltersaturaterangeset();

    [3417] =>         }

    [3418] =>         addEventListener("load", imagefiltersaturaterangeload);

    [3419] => 

    [3420] =>         function imagefiltersaturaterangeset()

    [3421] =>         {

    [3422] =>             const v = imagefiltersaturaterange.value;

    [3423] => 

    [3424] =>             imagefiltersaturatenumber.value = v;

    [3425] =>             image.filtersaturate = v;

    [3426] =>         }

    [3427] => 

    [3428] =>         function imagefiltersaturaterangeupdate()

    [3429] =>         {

    [3430] =>             imagefiltersaturaterangeset();

    [3431] =>             svgupdate();

    [3432] =>         }

    [3433] => 

    [3434] =>         function imagefiltersaturateexactload()

    [3435] =>         {

    [3436] =>             const br = document.createElement("br");

    [3437] =>             imagefiltersaturate.append(br);

    [3438] => 

    [3439] =>             const array =

    [3440] =>             [

    [3441] =>                 ["0",0],

    [3442] =>                 ["50",50],

    [3443] =>                 ["100 (initial)",100],

    [3444] =>                 ["150",150],

    [3445] =>                 ["200",200],

    [3446] =>             ];

    [3447] => 

    [3448] =>             for(const value of array)

    [3449] =>             {

    [3450] =>                 const button = document.createElement("button");

    [3451] =>                 button.innerHTML = value[0];

    [3452] =>                 button.value = value[1];

    [3453] =>                 button.addEventListener("click", imagefiltersaturateexactupdate);

    [3454] =>                 imagefiltersaturate.append(button);

    [3455] =>             }

    [3456] =>         }

    [3457] =>         addEventListener("load", imagefiltersaturateexactload);

    [3458] => 

    [3459] =>         function imagefiltersaturateexactupdate(e)

    [3460] =>         {

    [3461] =>             imagefiltersaturatenumber.value = Number(e.target.value);

    [3462] => 

    [3463] =>             imagefiltersaturatenumberupdate();

    [3464] =>         }

    [3465] => 

    [3466] =>         function imagefiltersaturateincrementload()

    [3467] =>         {

    [3468] =>             const br = document.createElement("br");

    [3469] =>             imagefiltersaturate.append(br);

    [3470] => 

    [3471] =>             const array =

    [3472] =>             [

    [3473] =>                 ["-100",-100],

    [3474] =>                 ["-10",-10],

    [3475] =>                 ["-1",-1],

    [3476] =>                 ["+1",1],

    [3477] =>                 ["+10",10],

    [3478] =>                 ["+100",100],

    [3479] =>             ];

    [3480] => 

    [3481] =>             for(const value of array)

    [3482] =>             {

    [3483] =>                 const button = document.createElement("button");

    [3484] =>                 button.innerHTML = value[0];

    [3485] =>                 button.value = value[1];

    [3486] =>                 button.addEventListener("click", imagefiltersaturateincrementupdate);

    [3487] =>                 imagefiltersaturate.append(button);

    [3488] =>             }

    [3489] =>         }

    [3490] =>         addEventListener("load", imagefiltersaturateincrementload);

    [3491] => 

    [3492] =>         function imagefiltersaturateincrementupdate(e)

    [3493] =>         {

    [3494] =>             const v = Number(imagefiltersaturatenumber.value) + Number(e.target.value);

    [3495] => 

    [3496] =>             if((imagefiltersaturatenumber.min <= v) && (v <= imagefiltersaturatenumber.max))

    [3497] =>             {

    [3498] =>                 imagefiltersaturatenumber.value = v;

    [3499] => 

    [3500] =>                 imagefiltersaturatenumberupdate();

    [3501] =>             }

    [3502] =>         }

    [3503] => 

    [3504] => 

    [3505] => 

    [3506] =>         function imagefiltersepiaload()

    [3507] =>         {

    [3508] =>             const div = document.createElement("div");

    [3509] =>             div.id = "imagefiltersepia";

    [3510] =>             div.innerHTML = "filter-sepia";

    [3511] =>             tabcontentimage.append(div);

    [3512] => 

    [3513] =>             const style = div.style;

    [3514] =>             style.overflowY = "hidden";

    [3515] =>             style.whiteSpace = "nowrap";

    [3516] =>         }

    [3517] =>         addEventListener("load", imagefiltersepiaload);

    [3518] => 

    [3519] =>         function imagefiltersepianumberload()

    [3520] =>         {

    [3521] =>             const br = document.createElement("br");

    [3522] =>             imagefiltersepia.append(br);

    [3523] => 

    [3524] =>             const input = document.createElement("input");

    [3525] =>             input.id = "imagefiltersepianumber";

    [3526] =>             input.max = 100;

    [3527] =>             input.min = 0;

    [3528] =>             input.step = 1;

    [3529] =>             input.type = "number";

    [3530] =>             input.value = 0;

    [3531] =>             input.addEventListener("input", imagefiltersepianumberupdate);

    [3532] =>             imagefiltersepia.append(input);

    [3533] => 

    [3534] =>             //imagefiltersepianumberset();

    [3535] =>         }

    [3536] =>         addEventListener("load", imagefiltersepianumberload);

    [3537] => 

    [3538] =>         function imagefiltersepianumberset()

    [3539] =>         {

    [3540] =>             const v = imagefiltersepianumber.value;

    [3541] => 

    [3542] =>             imagefiltersepiarange.value = v;

    [3543] =>             image.filtersepia = v;

    [3544] =>         }

    [3545] => 

    [3546] =>         function imagefiltersepianumberupdate()

    [3547] =>         {

    [3548] =>             imagefiltersepianumberset();

    [3549] =>             svgupdate();

    [3550] =>         }

    [3551] => 

    [3552] =>         function imagefiltersepiarangeload()

    [3553] =>         {

    [3554] =>             const input = document.createElement("input");

    [3555] =>             input.id = "imagefiltersepiarange";

    [3556] =>             input.max = imagefiltersepianumber.max;

    [3557] =>             input.min = imagefiltersepianumber.min;

    [3558] =>             input.step = imagefiltersepianumber.step;

    [3559] =>             input.type = "range";

    [3560] =>             input.value = imagefiltersepianumber.value;

    [3561] =>             input.addEventListener("input", imagefiltersepiarangeupdate);

    [3562] =>             imagefiltersepia.append(input);

    [3563] => 

    [3564] =>             imagefiltersepiarangeset();

    [3565] =>         }

    [3566] =>         addEventListener("load", imagefiltersepiarangeload);

    [3567] => 

    [3568] =>         function imagefiltersepiarangeset()

    [3569] =>         {

    [3570] =>             const v = imagefiltersepiarange.value;

    [3571] => 

    [3572] =>             imagefiltersepianumber.value = v;

    [3573] =>             image.filtersepia = v;

    [3574] =>         }

    [3575] => 

    [3576] =>         function imagefiltersepiarangeupdate()

    [3577] =>         {

    [3578] =>             imagefiltersepiarangeset();

    [3579] =>             svgupdate();

    [3580] =>         }

    [3581] => 

    [3582] =>         function imagefiltersepiaexactload()

    [3583] =>         {

    [3584] =>             const br = document.createElement("br");

    [3585] =>             imagefiltersepia.append(br);

    [3586] => 

    [3587] =>             const array =

    [3588] =>             [

    [3589] =>                 ["0",0],

    [3590] =>                 ["25",25],

    [3591] =>                 ["50",50],

    [3592] =>                 ["75",75],

    [3593] =>                 ["100",100],

    [3594] =>             ];

    [3595] => 

    [3596] =>             for(const value of array)

    [3597] =>             {

    [3598] =>                 const button = document.createElement("button");

    [3599] =>                 button.innerHTML = value[0];

    [3600] =>                 button.value = value[1];

    [3601] =>                 button.addEventListener("click", imagefiltersepiaexactupdate);

    [3602] =>                 imagefiltersepia.append(button);

    [3603] =>             }

    [3604] =>         }

    [3605] =>         addEventListener("load", imagefiltersepiaexactload);

    [3606] => 

    [3607] =>         function imagefiltersepiaexactupdate(e)

    [3608] =>         {

    [3609] =>             imagefiltersepianumber.value = Number(e.target.value);

    [3610] => 

    [3611] =>             imagefiltersepianumberupdate();

    [3612] =>         }

    [3613] => 

    [3614] =>         function imagefiltersepiaincrementload()

    [3615] =>         {

    [3616] =>             const br = document.createElement("br");

    [3617] =>             imagefiltersepia.append(br);

    [3618] => 

    [3619] =>             const array =

    [3620] =>             [

    [3621] =>                 ["-10",-10],

    [3622] =>                 ["-1",-1],

    [3623] =>                 ["+1",1],

    [3624] =>                 ["+10",10],

    [3625] =>             ];

    [3626] => 

    [3627] =>             for(const value of array)

    [3628] =>             {

    [3629] =>                 const button = document.createElement("button");

    [3630] =>                 button.innerHTML = value[0];

    [3631] =>                 button.value = value[1];

    [3632] =>                 button.addEventListener("click", imagefiltersepiaincrementupdate);

    [3633] =>                 imagefiltersepia.append(button);

    [3634] =>             }

    [3635] =>         }

    [3636] =>         addEventListener("load", imagefiltersepiaincrementload);

    [3637] => 

    [3638] =>         function imagefiltersepiaincrementupdate(e)

    [3639] =>         {

    [3640] =>             const v = Number(imagefiltersepianumber.value) + Number(e.target.value);

    [3641] => 

    [3642] =>             if((imagefiltersepianumber.min <= v) && (v <= imagefiltersepianumber.max))

    [3643] =>             {

    [3644] =>                 imagefiltersepianumber.value = v;

    [3645] => 

    [3646] =>                 imagefiltersepianumberupdate();

    [3647] =>             }

    [3648] =>         }

    [3649] => 

    [3650] => 

    [3651] => 

    [3652] => /*

    [3653] =>         function imagemargintopload()

    [3654] =>         {

    [3655] =>             const div = document.createElement("div");

    [3656] =>             div.id = "imagemargintop";

    [3657] =>             div.innerHTML = "margin-top";

    [3658] =>             tabcontentimage.append(div);

    [3659] =>         }

    [3660] =>         addEventListener("load", imagemargintopload);

    [3661] => 

    [3662] =>         function imagemargintopnumberload()

    [3663] =>         {

    [3664] =>             const br = document.createElement("br");

    [3665] =>             imagemargintop.append(br);

    [3666] => 

    [3667] =>             const input = document.createElement("input");

    [3668] =>             input.id = "imagemargintopnumber";

    [3669] =>             input.max = 1000;

    [3670] =>             input.min = 0;

    [3671] =>             input.type = "number";

    [3672] =>             input.value = 0;

    [3673] =>             input.addEventListener("input", imagemargintopnumberupdate);

    [3674] =>             imagemargintop.append(input);

    [3675] => 

    [3676] =>             //imagemargintopnumberset();

    [3677] =>         }

    [3678] =>         addEventListener("load", imagemargintopnumberload);

    [3679] => 

    [3680] =>         function imagemargintopnumberset()

    [3681] =>         {

    [3682] =>             const v = Number(imagemargintopnumber.value);

    [3683] => 

    [3684] =>             imagemargintoprange.value = v;

    [3685] =>             image.margintop = v;

    [3686] =>         }

    [3687] => 

    [3688] =>         function imagemargintopnumberupdate()

    [3689] =>         {

    [3690] =>             imagemargintopnumberset();

    [3691] => 

    [3692] =>             svgupdate();

    [3693] =>         }

    [3694] => 

    [3695] =>         function imagemargintoprangeload()

    [3696] =>         {

    [3697] =>             const input = document.createElement("input");

    [3698] =>             input.id = "imagemargintoprange";

    [3699] =>             input.max = imagemargintopnumber.max;

    [3700] =>             input.min = imagemargintopnumber.min;

    [3701] =>             input.type = "range";

    [3702] =>             input.value = imagemargintopnumber.value;

    [3703] =>             input.addEventListener("input", imagemargintoprangeupdate);

    [3704] =>             imagemargintop.append(input);

    [3705] => 

    [3706] =>             imagemargintoprangeset();

    [3707] =>         }

    [3708] =>         addEventListener("load", imagemargintoprangeload);

    [3709] => 

    [3710] =>         function imagemargintoprangeset()

    [3711] =>         {

    [3712] =>             const v = Number(imagemargintoprange.value);

    [3713] => 

    [3714] =>             imagemargintopnumber.value = v;

    [3715] =>             image.margintop = v;

    [3716] =>         }

    [3717] => 

    [3718] =>         function imagemargintoprangeupdate()

    [3719] =>         {

    [3720] =>             imagemargintoprangeset();

    [3721] => 

    [3722] =>             svgupdate();

    [3723] =>         }

    [3724] => 

    [3725] => 

    [3726] => 

    [3727] =>         function imagemarginbottomload()

    [3728] =>         {

    [3729] =>             const div = document.createElement("div");

    [3730] =>             div.id = "imagemarginbottom";

    [3731] =>             div.innerHTML = "margin-bottom";

    [3732] =>             tabcontentimage.append(div);

    [3733] =>         }

    [3734] =>         addEventListener("load", imagemarginbottomload);

    [3735] => 

    [3736] =>         function imagemarginbottomnumberload()

    [3737] =>         {

    [3738] =>             const br = document.createElement("br");

    [3739] =>             imagemarginbottom.append(br);

    [3740] => 

    [3741] =>             const input = document.createElement("input");

    [3742] =>             input.id = "imagemarginbottomnumber";

    [3743] =>             input.max = 1000;

    [3744] =>             input.min = 0;

    [3745] =>             input.type = "number";

    [3746] =>             input.value = 0;

    [3747] =>             input.addEventListener("input", imagemarginbottomnumberupdate);

    [3748] =>             imagemarginbottom.append(input);

    [3749] => 

    [3750] =>             //imagemarginbottomnumberset();

    [3751] =>         }

    [3752] =>         addEventListener("load", imagemarginbottomnumberload);

    [3753] => 

    [3754] =>         function imagemarginbottomnumberset()

    [3755] =>         {

    [3756] =>             const v = Number(imagemarginbottomnumber.value);

    [3757] => 

    [3758] =>             imagemarginbottomrange.value = v;

    [3759] =>             image.marginbottom = v;

    [3760] =>         }

    [3761] => 

    [3762] =>         function imagemarginbottomnumberupdate()

    [3763] =>         {

    [3764] =>             imagemarginbottomnumberset();

    [3765] => 

    [3766] =>             svgupdate();

    [3767] =>         }

    [3768] => 

    [3769] =>         function imagemarginbottomrangeload()

    [3770] =>         {

    [3771] =>             const input = document.createElement("input");

    [3772] =>             input.id = "imagemarginbottomrange";

    [3773] =>             input.max = imagemarginbottomnumber.max;

    [3774] =>             input.min = imagemarginbottomnumber.min;

    [3775] =>             input.type = "range";

    [3776] =>             input.value = imagemarginbottomnumber.value;

    [3777] =>             input.addEventListener("input", imagemarginbottomrangeupdate);

    [3778] =>             imagemarginbottom.append(input);

    [3779] => 

    [3780] =>             imagemarginbottomrangeset();

    [3781] =>         }

    [3782] =>         addEventListener("load", imagemarginbottomrangeload);

    [3783] => 

    [3784] =>         function imagemarginbottomrangeset()

    [3785] =>         {

    [3786] =>             const v = Number(imagemarginbottomrange.value);

    [3787] => 

    [3788] =>             imagemarginbottomnumber.value = v;

    [3789] =>             image.marginbottom = v;

    [3790] =>         }

    [3791] => 

    [3792] =>         function imagemarginbottomrangeupdate()

    [3793] =>         {

    [3794] =>             imagemarginbottomrangeset();

    [3795] => 

    [3796] =>             svgupdate();

    [3797] =>         }

    [3798] => 

    [3799] => 

    [3800] => 

    [3801] =>         function imagemarginleftload()

    [3802] =>         {

    [3803] =>             const div = document.createElement("div");

    [3804] =>             div.id = "imagemarginleft";

    [3805] =>             div.innerHTML = "margin-left";

    [3806] =>             tabcontentimage.append(div);

    [3807] =>         }

    [3808] =>         addEventListener("load", imagemarginleftload);

    [3809] => 

    [3810] =>         function imagemarginleftnumberload()

    [3811] =>         {

    [3812] =>             const br = document.createElement("br");

    [3813] =>             imagemarginleft.append(br);

    [3814] => 

    [3815] =>             const input = document.createElement("input");

    [3816] =>             input.id = "imagemarginleftnumber";

    [3817] =>             input.max = 1000;

    [3818] =>             input.min = 0;

    [3819] =>             input.type = "number";

    [3820] =>             input.value = 0;

    [3821] =>             input.addEventListener("input", imagemarginleftnumberupdate);

    [3822] =>             imagemarginleft.append(input);

    [3823] => 

    [3824] =>             //imagemarginleftnumberset();

    [3825] =>         }

    [3826] =>         addEventListener("load", imagemarginleftnumberload);

    [3827] => 

    [3828] =>         function imagemarginleftnumberset()

    [3829] =>         {

    [3830] =>             const v = Number(imagemarginleftnumber.value);

    [3831] => 

    [3832] =>             imagemarginleftrange.value = v;

    [3833] =>             image.marginleft = v;

    [3834] =>         }

    [3835] => 

    [3836] =>         function imagemarginleftnumberupdate()

    [3837] =>         {

    [3838] =>             imagemarginleftnumberset();

    [3839] => 

    [3840] =>             svgupdate();

    [3841] =>         }

    [3842] => 

    [3843] =>         function imagemarginleftrangeload()

    [3844] =>         {

    [3845] =>             const input = document.createElement("input");

    [3846] =>             input.id = "imagemarginleftrange";

    [3847] =>             input.max = imagemarginleftnumber.max;

    [3848] =>             input.min = imagemarginleftnumber.min;

    [3849] =>             input.type = "range";

    [3850] =>             input.value = imagemarginleftnumber.value;

    [3851] =>             input.addEventListener("input", imagemarginleftrangeupdate);

    [3852] =>             imagemarginleft.append(input);

    [3853] => 

    [3854] =>             imagemarginleftrangeset();

    [3855] =>         }

    [3856] =>         addEventListener("load", imagemarginleftrangeload);

    [3857] => 

    [3858] =>         function imagemarginleftrangeset()

    [3859] =>         {

    [3860] =>             const v = Number(imagemarginleftrange.value);

    [3861] => 

    [3862] =>             imagemarginleftnumber.value = v;

    [3863] =>             image.marginleft = v;

    [3864] =>         }

    [3865] => 

    [3866] =>         function imagemarginleftrangeupdate()

    [3867] =>         {

    [3868] =>             imagemarginleftrangeset();

    [3869] => 

    [3870] =>             svgupdate();

    [3871] =>         }

    [3872] => 

    [3873] => 

    [3874] => 

    [3875] =>         function imagemarginrightload()

    [3876] =>         {

    [3877] =>             const div = document.createElement("div");

    [3878] =>             div.id = "imagemarginright";

    [3879] =>             div.innerHTML = "margin-right";

    [3880] =>             tabcontentimage.append(div);

    [3881] =>         }

    [3882] =>         addEventListener("load", imagemarginrightload);

    [3883] => 

    [3884] =>         function imagemarginrightnumberload()

    [3885] =>         {

    [3886] =>             const br = document.createElement("br");

    [3887] =>             imagemarginright.append(br);

    [3888] => 

    [3889] =>             const input = document.createElement("input");

    [3890] =>             input.id = "imagemarginrightnumber";

    [3891] =>             input.max = 1000;

    [3892] =>             input.min = 0;

    [3893] =>             input.type = "number";

    [3894] =>             input.value = 0;

    [3895] =>             input.addEventListener("input", imagemarginrightnumberupdate);

    [3896] =>             imagemarginright.append(input);

    [3897] => 

    [3898] =>             //imagemarginrightnumberset();

    [3899] =>         }

    [3900] =>         addEventListener("load", imagemarginrightnumberload);

    [3901] => 

    [3902] =>         function imagemarginrightnumberset()

    [3903] =>         {

    [3904] =>             const v = Number(imagemarginrightnumber.value);

    [3905] => 

    [3906] =>             imagemarginrightrange.value = v;

    [3907] =>             image.marginright = v;

    [3908] =>         }

    [3909] => 

    [3910] =>         function imagemarginrightnumberupdate()

    [3911] =>         {

    [3912] =>             imagemarginrightnumberset();

    [3913] => 

    [3914] =>             svgupdate();

    [3915] =>         }

    [3916] => 

    [3917] =>         function imagemarginrightrangeload()

    [3918] =>         {

    [3919] =>             const input = document.createElement("input");

    [3920] =>             input.id = "imagemarginrightrange";

    [3921] =>             input.max = imagemarginrightnumber.max;

    [3922] =>             input.min = imagemarginrightnumber.min;

    [3923] =>             input.type = "range";

    [3924] =>             input.value = imagemarginrightnumber.value;

    [3925] => 

    [3926] =>             input.addEventListener("input", imagemarginrightrangeupdate);

    [3927] =>             imagemarginright.append(input);

    [3928] => 

    [3929] =>             imagemarginrightrangeset();

    [3930] =>         }

    [3931] =>         addEventListener("load", imagemarginrightrangeload);

    [3932] => 

    [3933] =>         function imagemarginrightrangeset()

    [3934] =>         {

    [3935] =>             const v = Number(imagemarginrightrange.value);

    [3936] => 

    [3937] =>             imagemarginrightnumber.value = v;

    [3938] =>             image.marginright = v;

    [3939] =>         }

    [3940] => 

    [3941] =>         function imagemarginrightrangeupdate()

    [3942] =>         {

    [3943] =>             imagemarginrightrangeset();

    [3944] => 

    [3945] =>             svgupdate();

    [3946] =>         }

    [3947] => 

    [3948] => 

    [3949] => 

    [3950] =>         function imagepaddingtopload()

    [3951] =>         {

    [3952] =>             const div = document.createElement("div");

    [3953] =>             div.id = "imagepaddingtop";

    [3954] =>             div.innerHTML = "padding-top";

    [3955] =>             tabcontentimage.append(div);

    [3956] =>         }

    [3957] =>         addEventListener("load", imagepaddingtopload);

    [3958] => 

    [3959] =>         function imagepaddingtopnumberload()

    [3960] =>         {

    [3961] =>             const br = document.createElement("br");

    [3962] =>             imagepaddingtop.append(br);

    [3963] => 

    [3964] =>             const input = document.createElement("input");

    [3965] =>             input.id = "imagepaddingtopnumber";

    [3966] =>             input.max = 1000;

    [3967] =>             input.min = 0;

    [3968] =>             input.type = "number";

    [3969] =>             input.value = 0;

    [3970] =>             input.addEventListener("input", imagepaddingtopnumberupdate);

    [3971] =>             imagepaddingtop.append(input);

    [3972] => 

    [3973] =>             //imagepaddingtopnumberset();

    [3974] =>         }

    [3975] =>         addEventListener("load", imagepaddingtopnumberload);

    [3976] => 

    [3977] =>         function imagepaddingtopnumberset()

    [3978] =>         {

    [3979] =>             const v = Number(imagepaddingtopnumber.value);

    [3980] => 

    [3981] =>             imagepaddingtoprange.value = v;

    [3982] =>             image.paddingtop = v;

    [3983] =>         }

    [3984] => 

    [3985] =>         function imagepaddingtopnumberupdate()

    [3986] =>         {

    [3987] =>             imagepaddingtopnumberset();

    [3988] => 

    [3989] =>             svgupdate();

    [3990] =>         }

    [3991] => 

    [3992] =>         function imagepaddingtoprangeload()

    [3993] =>         {

    [3994] =>             const input = document.createElement("input");

    [3995] =>             input.id = "imagepaddingtoprange";

    [3996] =>             input.max = imagepaddingtopnumber.max;

    [3997] =>             input.min = imagepaddingtopnumber.min;

    [3998] =>             input.type = "range";

    [3999] =>             input.value = imagepaddingtopnumber.value;

    [4000] =>             input.addEventListener("input", imagepaddingtoprangeupdate);

    [4001] =>             imagepaddingtop.append(input);

    [4002] => 

    [4003] =>             imagepaddingtoprangeset();

    [4004] =>         }

    [4005] =>         addEventListener("load", imagepaddingtoprangeload);

    [4006] => 

    [4007] =>         function imagepaddingtoprangeset()

    [4008] =>         {

    [4009] =>             const v = Number(imagepaddingtoprange.value);

    [4010] => 

    [4011] =>             imagepaddingtopnumber.value = v;

    [4012] =>             image.paddingtop = v;

    [4013] =>         }

    [4014] => 

    [4015] =>         function imagepaddingtoprangeupdate()

    [4016] =>         {

    [4017] =>             imagepaddingtoprangeset();

    [4018] => 

    [4019] =>             svgupdate();

    [4020] =>         }

    [4021] => 

    [4022] => 

    [4023] => 

    [4024] =>         function imagepaddingbottomload()

    [4025] =>         {

    [4026] =>             const div = document.createElement("div");

    [4027] =>             div.id = "imagepaddingbottom";

    [4028] =>             div.innerHTML = "padding-bottom";

    [4029] =>             tabcontentimage.append(div);

    [4030] =>         }

    [4031] =>         addEventListener("load", imagepaddingbottomload);

    [4032] => 

    [4033] =>         function imagepaddingbottomnumberload()

    [4034] =>         {

    [4035] =>             const br = document.createElement("br");

    [4036] =>             imagepaddingbottom.append(br);

    [4037] => 

    [4038] =>             const input = document.createElement("input");

    [4039] =>             input.id = "imagepaddingbottomnumber";

    [4040] =>             input.max = 1000;

    [4041] =>             input.min = 0;

    [4042] =>             input.type = "number";

    [4043] =>             input.value = 0;

    [4044] =>             input.addEventListener("input", imagepaddingbottomnumberupdate);

    [4045] =>             imagepaddingbottom.append(input);

    [4046] => 

    [4047] =>             //imagepaddingbottomnumberset();

    [4048] =>         }

    [4049] =>         addEventListener("load", imagepaddingbottomnumberload);

    [4050] => 

    [4051] =>         function imagepaddingbottomnumberset()

    [4052] =>         {

    [4053] =>             const v = Number(imagepaddingbottomnumber.value);

    [4054] => 

    [4055] =>             imagepaddingbottomrange.value = v;

    [4056] =>             image.paddingbottom = v;

    [4057] =>         }

    [4058] => 

    [4059] =>         function imagepaddingbottomnumberupdate()

    [4060] =>         {

    [4061] =>             imagepaddingbottomnumberset();

    [4062] => 

    [4063] =>             svgupdate();

    [4064] =>         }

    [4065] => 

    [4066] =>         function imagepaddingbottomrangeload()

    [4067] =>         {

    [4068] =>             const input = document.createElement("input");

    [4069] =>             input.id = "imagepaddingbottomrange";

    [4070] =>             input.max = imagepaddingbottomnumber.max;

    [4071] =>             input.min = imagepaddingbottomnumber.min;

    [4072] =>             input.type = "range";

    [4073] =>             input.value = imagepaddingbottomnumber.value;

    [4074] =>             input.addEventListener("input", imagepaddingbottomrangeupdate);

    [4075] =>             imagepaddingbottom.append(input);

    [4076] => 

    [4077] =>             imagepaddingbottomrangeset();

    [4078] =>         }

    [4079] =>         addEventListener("load", imagepaddingbottomrangeload);

    [4080] => 

    [4081] =>         function imagepaddingbottomrangeset()

    [4082] =>         {

    [4083] =>             const v = Number(imagepaddingbottomrange.value);

    [4084] => 

    [4085] =>             imagepaddingbottomnumber.value = v;

    [4086] =>             image.paddingbottom = v;

    [4087] =>         }

    [4088] => 

    [4089] =>         function imagepaddingbottomrangeupdate()

    [4090] =>         {

    [4091] =>             imagepaddingbottomrangeset();

    [4092] => 

    [4093] =>             svgupdate();

    [4094] =>         }

    [4095] => 

    [4096] => 

    [4097] => 

    [4098] =>         function imagepaddingleftload()

    [4099] =>         {

    [4100] =>             const div = document.createElement("div");

    [4101] =>             div.id = "imagepaddingleft";

    [4102] =>             div.innerHTML = "padding-left";

    [4103] =>             tabcontentimage.append(div);

    [4104] =>         }

    [4105] =>         addEventListener("load", imagepaddingleftload);

    [4106] => 

    [4107] =>         function imagepaddingleftnumberload()

    [4108] =>         {

    [4109] =>             const br = document.createElement("br");

    [4110] =>             imagepaddingleft.append(br);

    [4111] => 

    [4112] =>             const input = document.createElement("input");

    [4113] =>             input.id = "imagepaddingleftnumber";

    [4114] =>             input.max = 1000;

    [4115] =>             input.min = 0;

    [4116] =>             input.type = "number";

    [4117] =>             input.value = 0;

    [4118] =>             input.addEventListener("input", imagepaddingleftnumberupdate);

    [4119] =>             imagepaddingleft.append(input);

    [4120] => 

    [4121] =>             //imagepaddingleftnumberset();

    [4122] =>         }

    [4123] =>         addEventListener("load", imagepaddingleftnumberload);

    [4124] => 

    [4125] =>         function imagepaddingleftnumberset()

    [4126] =>         {

    [4127] =>             const v = Number(imagepaddingleftnumber.value);

    [4128] => 

    [4129] =>             imagepaddingleftrange.value = v;

    [4130] =>             image.paddingleft = v;

    [4131] =>         }

    [4132] => 

    [4133] =>         function imagepaddingleftnumberupdate()

    [4134] =>         {

    [4135] =>             imagepaddingleftnumberset();

    [4136] => 

    [4137] =>             svgupdate();

    [4138] =>         }

    [4139] => 

    [4140] =>         function imagepaddingleftrangeload()

    [4141] =>         {

    [4142] =>             const input = document.createElement("input");

    [4143] =>             input.id = "imagepaddingleftrange";

    [4144] =>             input.max = imagepaddingleftnumber.max;

    [4145] =>             input.min = imagepaddingleftnumber.min;

    [4146] =>             input.type = "range";

    [4147] =>             input.value = imagepaddingleftnumber.value;

    [4148] =>             input.addEventListener("input", imagepaddingleftrangeupdate);

    [4149] =>             imagepaddingleft.append(input);

    [4150] => 

    [4151] =>             imagepaddingleftrangeset();

    [4152] =>         }

    [4153] =>         addEventListener("load", imagepaddingleftrangeload);

    [4154] => 

    [4155] =>         function imagepaddingleftrangeset()

    [4156] =>         {

    [4157] =>             const v = Number(imagepaddingleftrange.value);

    [4158] => 

    [4159] =>             imagepaddingleftnumber.value = v;

    [4160] =>             image.paddingleft = v;

    [4161] =>         }

    [4162] => 

    [4163] =>         function imagepaddingleftrangeupdate()

    [4164] =>         {

    [4165] =>             imagepaddingleftrangeset();

    [4166] => 

    [4167] =>             svgupdate();

    [4168] =>         }

    [4169] => 

    [4170] => 

    [4171] => 

    [4172] =>         function imagepaddingrightload()

    [4173] =>         {

    [4174] =>             const div = document.createElement("div");

    [4175] =>             div.id = "imagepaddingright";

    [4176] =>             div.innerHTML = "padding-right";

    [4177] =>             tabcontentimage.append(div);

    [4178] =>         }

    [4179] =>         addEventListener("load", imagepaddingrightload);

    [4180] => 

    [4181] =>         function imagepaddingrightnumberload()

    [4182] =>         {

    [4183] =>             const br = document.createElement("br");

    [4184] =>             imagepaddingright.append(br);

    [4185] => 

    [4186] =>             const input = document.createElement("input");

    [4187] =>             input.id = "imagepaddingrightnumber";

    [4188] =>             input.max = 1000;

    [4189] =>             input.min = 0;

    [4190] =>             input.type = "number";

    [4191] =>             input.value = 0;

    [4192] =>             input.addEventListener("input", imagepaddingrightnumberupdate);

    [4193] =>             imagepaddingright.append(input);

    [4194] => 

    [4195] =>             //imagepaddingrightnumberset();

    [4196] =>         }

    [4197] =>         addEventListener("load", imagepaddingrightnumberload);

    [4198] => 

    [4199] =>         function imagepaddingrightnumberset()

    [4200] =>         {

    [4201] =>             const v = Number(imagepaddingrightnumber.value);

    [4202] => 

    [4203] =>             imagepaddingrightrange.value = v;

    [4204] =>             image.paddingright = v;

    [4205] =>         }

    [4206] => 

    [4207] =>         function imagepaddingrightnumberupdate()

    [4208] =>         {

    [4209] =>             imagepaddingrightnumberset();

    [4210] => 

    [4211] =>             svgupdate();

    [4212] =>         }

    [4213] => 

    [4214] =>         function imagepaddingrightrangeload()

    [4215] =>         {

    [4216] =>             const input = document.createElement("input");

    [4217] =>             input.id = "imagepaddingrightrange";

    [4218] =>             input.max = imagepaddingrightnumber.max;

    [4219] =>             input.min = imagepaddingrightnumber.min;

    [4220] =>             input.type = "range";

    [4221] =>             input.value = imagepaddingrightnumber.value;

    [4222] =>             input.addEventListener("input", imagepaddingrightrangeupdate);

    [4223] =>             imagepaddingright.append(input);

    [4224] => 

    [4225] =>             imagepaddingrightrangeset();

    [4226] =>         }

    [4227] =>         addEventListener("load", imagepaddingrightrangeload);

    [4228] => 

    [4229] =>         function imagepaddingrightrangeset()

    [4230] =>         {

    [4231] =>             const v = Number(imagepaddingrightrange.value);

    [4232] => 

    [4233] =>             imagepaddingrightnumber.value = v;

    [4234] =>             image.paddingright = v;

    [4235] =>         }

    [4236] => 

    [4237] =>         function imagepaddingrightrangeupdate()

    [4238] =>         {

    [4239] =>             imagepaddingrightrangeset();

    [4240] => 

    [4241] =>             svgupdate();

    [4242] =>         }

    [4243] => //*/

    [4244] => 

    [4245] => 

    [4246] => 

    [4247] => 

    [4248] => 

    [4249] => 

    [4250] =>         function messagetextload()

    [4251] =>         {

    [4252] =>             const div = document.createElement("div");

    [4253] =>             div.id = "messagetext";

    [4254] =>             div.innerHTML = "text";

    [4255] =>             tabcontentmessage.append(div);

    [4256] =>         }

    [4257] =>         addEventListener("load", messagetextload);

    [4258] => 

    [4259] =>         function messagetexttextareaload()

    [4260] =>         {

    [4261] =>             const br = document.createElement("br");

    [4262] =>             messagetext.append(br);

    [4263] => 

    [4264] =>             const textarea = document.createElement("textarea");

    [4265] =>             textarea.id = "messagetexttextarea";

    [4266] =>             textarea.addEventListener("input", messagetexttextareaupdate);

    [4267] =>             messagetext.append(textarea);

    [4268] => 

    [4269] =>             textarea.value = "Jesus loves you!";

    [4270] => 

    [4271] =>             messagetexttextareaset();

    [4272] =>         }

    [4273] =>         addEventListener("load", messagetexttextareaload);

    [4274] => 

    [4275] =>         function messagetexttextareaset()

    [4276] =>         {

    [4277] =>             text.messagetext = messagetexttextarea.value;

    [4278] =>         }

    [4279] => 

    [4280] =>         function messagetexttextareaupdate()

    [4281] =>         {

    [4282] =>             messagetexttextareaset();

    [4283] =>             svgupdate();

    [4284] =>         }

    [4285] => 

    [4286] => 

    [4287] => 

    [4288] =>         function messagewidthload()

    [4289] =>         {

    [4290] =>             const div = document.createElement("div");

    [4291] =>             div.id = "messagewidth";

    [4292] =>             div.innerHTML = "width";

    [4293] =>             tabcontentmessage.append(div);

    [4294] => 

    [4295] =>             const style = div.style;

    [4296] =>             style.overflowY = "hidden";

    [4297] =>             style.whiteSpace = "nowrap";

    [4298] =>         }

    [4299] =>         addEventListener("load", messagewidthload);

    [4300] => 

    [4301] =>         function messagewidthnumberload()

    [4302] =>         {

    [4303] =>             const br = document.createElement("br");

    [4304] =>             messagewidth.append(br);

    [4305] => 

    [4306] =>             const input = document.createElement("input");

    [4307] =>             input.id = "messagewidthnumber";

    [4308] =>             input.max = maxwidth;

    [4309] =>             input.min = 0;

    [4310] =>             input.type = "number";

    [4311] =>             input.value = canvas.width - 100;

    [4312] =>             input.addEventListener("input", messagewidthnumberupdate);

    [4313] =>             messagewidth.append(input);

    [4314] => 

    [4315] =>             //messagewidthnumberset();

    [4316] =>         }

    [4317] =>         addEventListener("load", messagewidthnumberload);

    [4318] => 

    [4319] =>         function messagewidthnumberset()

    [4320] =>         {

    [4321] =>             const v = Number(messagewidthnumber.value);

    [4322] => 

    [4323] =>             messagewidthrange.value = v;

    [4324] =>             text.messagewidth = v;

    [4325] =>         }

    [4326] => 

    [4327] =>         function messagewidthnumberupdate()

    [4328] =>         {

    [4329] =>             messagewidthnumberset();

    [4330] =>             svgupdate();

    [4331] =>         }

    [4332] => 

    [4333] =>         function messagewidthrangeload()

    [4334] =>         {

    [4335] =>             const input = document.createElement("input");

    [4336] =>             input.id = "messagewidthrange";

    [4337] =>             input.max = messagewidthnumber.max;

    [4338] =>             input.min = messagewidthnumber.min;

    [4339] =>             input.type = "range";

    [4340] =>             input.value = messagewidthnumber.value;

    [4341] =>             input.addEventListener("input", messagewidthrangeupdate);

    [4342] =>             messagewidth.append(input);

    [4343] => 

    [4344] =>             messagewidthrangeset();

    [4345] =>         }

    [4346] =>         addEventListener("load", messagewidthrangeload);

    [4347] => 

    [4348] =>         function messagewidthrangeset()

    [4349] =>         {

    [4350] =>             const v = Number(messagewidthrange.value);

    [4351] => 

    [4352] =>             messagewidthnumber.value = v;

    [4353] =>             text.messagewidth = v;

    [4354] =>         }

    [4355] => 

    [4356] =>         function messagewidthrangeupdate()

    [4357] =>         {

    [4358] =>             messagewidthrangeset();

    [4359] =>             svgupdate();

    [4360] =>         }

    [4361] => 

    [4362] =>         function messagewidthexactload()

    [4363] =>         {

    [4364] =>             const br = document.createElement("br");

    [4365] =>             messagewidth.append(br);

    [4366] => 

    [4367] =>             const array =

    [4368] =>             [

    [4369] =>                 ["25%",0.25],

    [4370] =>                 ["50%",0.5],

    [4371] =>                 ["75%",0.75],

    [4372] =>                 ["100%",1],

    [4373] =>             ];

    [4374] => 

    [4375] =>             for(const value of array)

    [4376] =>             {

    [4377] =>                 const button = document.createElement("button");

    [4378] =>                 button.innerHTML = value[0];

    [4379] =>                 button.value = value[1];

    [4380] =>                 button.addEventListener("click", messagewidthexactupdate);

    [4381] =>                 messagewidth.append(button);

    [4382] =>             }

    [4383] =>         }

    [4384] =>         addEventListener("load", messagewidthexactload);

    [4385] => 

    [4386] =>         function messagewidthexactupdate(e)

    [4387] =>         {

    [4388] =>             messagewidthnumber.value = canvas.width * Number(e.target.value);

    [4389] => 

    [4390] =>             messagewidthnumberupdate();

    [4391] =>         }

    [4392] => 

    [4393] =>         function messagewidthincrementload()

    [4394] =>         {

    [4395] =>             const br = document.createElement("br");

    [4396] =>             messagewidth.append(br);

    [4397] => 

    [4398] =>             const array =

    [4399] =>             [

    [4400] =>                 ["-1000",-1000],

    [4401] =>                 ["-100",-100],

    [4402] =>                 ["-10",-10],

    [4403] =>                 ["-1",-1],

    [4404] =>                 ["+1",1],

    [4405] =>                 ["+10",10],

    [4406] =>                 ["+100",100],

    [4407] =>                 ["+1000",1000],

    [4408] =>             ];

    [4409] => 

    [4410] =>             for(const value of array)

    [4411] =>             {

    [4412] =>                 const button = document.createElement("button");

    [4413] =>                 button.innerHTML = value[0];

    [4414] =>                 button.value = value[1];

    [4415] =>                 button.addEventListener("click", messagewidthincrementupdate);

    [4416] =>                 messagewidth.append(button);

    [4417] =>             }

    [4418] =>         }

    [4419] =>         addEventListener("load", messagewidthincrementload);

    [4420] => 

    [4421] =>         function messagewidthincrementupdate(e)

    [4422] =>         {

    [4423] =>             const v = Number(messagewidthnumber.value) + Number(e.target.value);

    [4424] => 

    [4425] =>             if((messagewidthnumber.min <= v) && (v <= messagewidthnumber.max))

    [4426] =>             {

    [4427] =>                 messagewidthnumber.value = v;

    [4428] => 

    [4429] =>                 messagewidthnumberupdate();

    [4430] =>             }

    [4431] =>         }

    [4432] => 

    [4433] => 

    [4434] => 

    [4435] =>         function messageheightload()

    [4436] =>         {

    [4437] =>             const div = document.createElement("div");

    [4438] =>             div.id = "messageheight";

    [4439] =>             div.innerHTML = "height";

    [4440] =>             tabcontentmessage.append(div);

    [4441] => 

    [4442] =>             const style = div.style;

    [4443] =>             style.overflowY = "hidden";

    [4444] =>             style.whiteSpace = "nowrap";

    [4445] =>         }

    [4446] =>         addEventListener("load", messageheightload);

    [4447] => 

    [4448] =>         function messageheightnumberload()

    [4449] =>         {

    [4450] =>             const br = document.createElement("br");

    [4451] =>             messageheight.append(br);

    [4452] => 

    [4453] =>             const input = document.createElement("input");

    [4454] =>             input.id = "messageheightnumber";

    [4455] =>             input.max = maxheight;

    [4456] =>             input.min = 0;

    [4457] =>             input.type = "number";

    [4458] =>             input.value = 300;

    [4459] =>             input.addEventListener("input", messageheightnumberupdate);

    [4460] =>             messageheight.append(input);

    [4461] => 

    [4462] =>             //messageheightnumberset();

    [4463] =>         }

    [4464] =>         addEventListener("load", messageheightnumberload);

    [4465] => 

    [4466] =>         function messageheightnumberset()

    [4467] =>         {

    [4468] =>             const v = Number(messageheightnumber.value);

    [4469] => 

    [4470] =>             messageheightrange.value = v;

    [4471] =>             text.messageheight = v;

    [4472] =>         }

    [4473] => 

    [4474] =>         function messageheightnumberupdate()

    [4475] =>         {

    [4476] =>             messageheightnumberset();

    [4477] =>             svgupdate();

    [4478] =>         }

    [4479] => 

    [4480] =>         function messageheightrangeload()

    [4481] =>         {

    [4482] =>             const input = document.createElement("input");

    [4483] =>             input.id = "messageheightrange";

    [4484] =>             input.max = messageheightnumber.max;

    [4485] =>             input.min = messageheightnumber.min;

    [4486] =>             input.type = "range";

    [4487] =>             input.value = messageheightnumber.value;

    [4488] =>             input.addEventListener("input", messageheightrangeupdate);

    [4489] =>             messageheight.append(input);

    [4490] => 

    [4491] =>             messageheightrangeset();

    [4492] =>         }

    [4493] =>         addEventListener("load", messageheightrangeload);

    [4494] => 

    [4495] =>         function messageheightrangeset()

    [4496] =>         {

    [4497] =>             const v = Number(messageheightrange.value);

    [4498] => 

    [4499] =>             messageheightnumber.value = v;

    [4500] =>             text.messageheight = v;

    [4501] =>         }

    [4502] => 

    [4503] =>         function messageheightrangeupdate()

    [4504] =>         {

    [4505] =>             messageheightrangeset();

    [4506] =>             svgupdate();

    [4507] =>         }

    [4508] => 

    [4509] =>         function messageheightexactload()

    [4510] =>         {

    [4511] =>             const br = document.createElement("br");

    [4512] =>             messageheight.append(br);

    [4513] => 

    [4514] =>             const array =

    [4515] =>             [

    [4516] =>                 ["25%",0.25],

    [4517] =>                 ["50%",0.5],

    [4518] =>                 ["75%",0.75],

    [4519] =>                 ["100%",1],

    [4520] =>             ];

    [4521] => 

    [4522] =>             for(const value of array)

    [4523] =>             {

    [4524] =>                 const button = document.createElement("button");

    [4525] =>                 button.innerHTML = value[0];

    [4526] =>                 button.value = value[1];

    [4527] =>                 button.addEventListener("click", messageheightexactupdate);

    [4528] =>                 messageheight.append(button);

    [4529] =>             }

    [4530] =>         }

    [4531] =>         addEventListener("load", messageheightexactload);

    [4532] => 

    [4533] =>         function messageheightexactupdate(e)

    [4534] =>         {

    [4535] =>             messageheightnumber.value = canvas.height * Number(e.target.value);

    [4536] => 

    [4537] =>             messageheightnumberupdate();

    [4538] =>         }

    [4539] => 

    [4540] =>         function messageheightincrementload()

    [4541] =>         {

    [4542] =>             const br = document.createElement("br");

    [4543] =>             messageheight.append(br);

    [4544] => 

    [4545] =>             const array =

    [4546] =>             [

    [4547] =>                 ["-1000",-1000],

    [4548] =>                 ["-100",-100],

    [4549] =>                 ["-10",-10],

    [4550] =>                 ["-1",-1],

    [4551] =>                 ["+1",1],

    [4552] =>                 ["+10",10],

    [4553] =>                 ["+100",100],

    [4554] =>                 ["+1000",1000],

    [4555] =>             ];

    [4556] => 

    [4557] =>             for(const value of array)

    [4558] =>             {

    [4559] =>                 const button = document.createElement("button");

    [4560] =>                 button.innerHTML = value[0];

    [4561] =>                 button.value = value[1];

    [4562] =>                 button.addEventListener("click", messageheightincrementupdate);

    [4563] =>                 messageheight.append(button);

    [4564] =>             }

    [4565] =>         }

    [4566] =>         addEventListener("load", messageheightincrementload);

    [4567] => 

    [4568] =>         function messageheightincrementupdate(e)

    [4569] =>         {

    [4570] =>             const v = Number(messageheightnumber.value) + Number(e.target.value);

    [4571] => 

    [4572] =>             if((messageheightnumber.min <= v) && (v <= messageheightnumber.max))

    [4573] =>             {

    [4574] =>                 messageheightnumber.value = v;

    [4575] => 

    [4576] =>                 messageheightnumberupdate();

    [4577] =>             }

    [4578] =>         }

    [4579] => 

    [4580] => 

    [4581] => 

    [4582] =>         function messagexload()

    [4583] =>         {

    [4584] =>             const div = document.createElement("div");

    [4585] =>             div.id = "messagex";

    [4586] =>             div.innerHTML = "x";

    [4587] =>             tabcontentmessage.append(div);

    [4588] => 

    [4589] =>             const style = div.style;

    [4590] =>             style.overflowY = "hidden";

    [4591] =>             style.whiteSpace = "nowrap";

    [4592] =>         }

    [4593] =>         addEventListener("load", messagexload);

    [4594] => 

    [4595] =>         function messagexnumberload()

    [4596] =>         {

    [4597] =>             const br = document.createElement("br");

    [4598] =>             messagex.append(br);

    [4599] => 

    [4600] =>             const input = document.createElement("input");

    [4601] =>             input.id = "messagexnumber";

    [4602] =>             input.max = maxwidth;

    [4603] =>             input.min = -maxwidth;

    [4604] =>             input.type = "number";

    [4605] =>             input.value = 50;

    [4606] =>             input.addEventListener("input", messagexnumberupdate);

    [4607] =>             messagex.append(input);

    [4608] => 

    [4609] =>             //messagexnumberset();

    [4610] =>         }

    [4611] =>         addEventListener("load", messagexnumberload);

    [4612] => 

    [4613] =>         function messagexnumberset()

    [4614] =>         {

    [4615] =>             const v = Number(messagexnumber.value);

    [4616] => 

    [4617] =>             messagexrange.value = v;

    [4618] =>             text.messagex = v;

    [4619] =>         }

    [4620] => 

    [4621] =>         function messagexnumberupdate()

    [4622] =>         {

    [4623] =>             messagexnumberset();

    [4624] =>             svgupdate();

    [4625] =>         }

    [4626] => 

    [4627] =>         function messagexrangeload()

    [4628] =>         {

    [4629] =>             const input = document.createElement("input");

    [4630] =>             input.id = "messagexrange";

    [4631] =>             input.max = messagexnumber.max;

    [4632] =>             input.min = messagexnumber.min;

    [4633] =>             input.type = "range";

    [4634] =>             input.value = messagexnumber.value;

    [4635] =>             input.addEventListener("input", messagexrangeupdate);

    [4636] =>             messagex.append(input);

    [4637] => 

    [4638] =>             messagexrangeset();

    [4639] =>         }

    [4640] =>         addEventListener("load", messagexrangeload);

    [4641] => 

    [4642] =>         function messagexrangeset()

    [4643] =>         {

    [4644] =>             const v = Number(messagexrange.value);

    [4645] => 

    [4646] =>             messagexnumber.value = v;

    [4647] =>             text.messagex = v;

    [4648] =>         }

    [4649] => 

    [4650] =>         function messagexrangeupdate()

    [4651] =>         {

    [4652] =>             messagexrangeset();

    [4653] =>             svgupdate();

    [4654] =>         }

    [4655] => 

    [4656] =>         function messagexexactload()

    [4657] =>         {

    [4658] =>             const br = document.createElement("br");

    [4659] =>             messagex.append(br);

    [4660] => 

    [4661] =>             const array =

    [4662] =>             [

    [4663] =>                 ["left",0],

    [4664] =>                 ["center",0.5],

    [4665] =>                 ["right",1],

    [4666] =>             ];

    [4667] => 

    [4668] =>             for(const value of array)

    [4669] =>             {

    [4670] =>                 const button = document.createElement("button");

    [4671] =>                 button.innerHTML = value[0];

    [4672] =>                 button.value = value[1];

    [4673] =>                 button.addEventListener("click", messagexexactupdate);

    [4674] =>                 messagex.append(button);

    [4675] =>             }

    [4676] =>         }

    [4677] =>         addEventListener("load", messagexexactload);

    [4678] => 

    [4679] =>         function messagexexactupdate(e)

    [4680] =>         {

    [4681] =>             //messagexnumber.value = (canvas.width - text.messagewidth - text.messagepaddingleft - text.messagepaddingright) * Number(e.target.value);

    [4682] =>             messagexnumber.value = (canvas.width - text.messagewidth) * Number(e.target.value);

    [4683] => 

    [4684] =>             messagexnumberupdate();

    [4685] =>         }

    [4686] => 

    [4687] =>         function messagexincrementload()

    [4688] =>         {

    [4689] =>             const br = document.createElement("br");

    [4690] =>             messagex.append(br);

    [4691] => 

    [4692] =>             const array =

    [4693] =>             [

    [4694] =>                 ["-1000",-1000],

    [4695] =>                 ["-100",-100],

    [4696] =>                 ["-10",-10],

    [4697] =>                 ["-1",-1],

    [4698] =>                 ["+1",1],

    [4699] =>                 ["+10",10],

    [4700] =>                 ["+100",100],

    [4701] =>                 ["+1000",1000],

    [4702] =>             ];

    [4703] => 

    [4704] =>             for(const value of array)

    [4705] =>             {

    [4706] =>                 const button = document.createElement("button");

    [4707] =>                 button.innerHTML = value[0];

    [4708] =>                 button.value = value[1];

    [4709] =>                 button.addEventListener("click", messagexincrementupdate);

    [4710] =>                 messagex.append(button);

    [4711] =>             }

    [4712] =>         }

    [4713] =>         addEventListener("load", messagexincrementload);

    [4714] => 

    [4715] =>         function messagexincrementupdate(e)

    [4716] =>         {

    [4717] =>             const v = Number(messagexnumber.value) + Number(e.target.value);

    [4718] => 

    [4719] =>             if((messagexnumber.min <= v) && (v <= messagexnumber.max))

    [4720] =>             {

    [4721] =>                 messagexnumber.value = v;

    [4722] => 

    [4723] =>                 messagexnumberupdate();

    [4724] =>             }

    [4725] =>         }

    [4726] => 

    [4727] => 

    [4728] => 

    [4729] =>         function messageyload()

    [4730] =>         {

    [4731] =>             const div = document.createElement("div");

    [4732] =>             div.id = "messagey";

    [4733] =>             div.innerHTML = "y";

    [4734] =>             tabcontentmessage.append(div);

    [4735] => 

    [4736] =>             const style = div.style;

    [4737] =>             style.overflowY = "hidden";

    [4738] =>             style.whiteSpace = "nowrap";

    [4739] =>         }

    [4740] =>         addEventListener("load", messageyload);

    [4741] => 

    [4742] =>         function messageynumberload()

    [4743] =>         {

    [4744] =>             const br = document.createElement("br");

    [4745] =>             messagey.append(br);

    [4746] => 

    [4747] =>             const input = document.createElement("input");

    [4748] =>             input.id = "messageynumber";

    [4749] =>             input.max = maxheight;

    [4750] =>             input.min = -maxheight;

    [4751] =>             input.type = "number";

    [4752] =>             input.value = 50;

    [4753] =>             input.addEventListener("input", messageynumberupdate);

    [4754] =>             messagey.append(input);

    [4755] => 

    [4756] =>             //messageynumberset();

    [4757] =>         }

    [4758] =>         addEventListener("load", messageynumberload);

    [4759] => 

    [4760] =>         function messageynumberset()

    [4761] =>         {

    [4762] =>             const v = Number(messageynumber.value);

    [4763] => 

    [4764] =>             messageyrange.value = v;

    [4765] =>             text.messagey = v;

    [4766] =>         }

    [4767] => 

    [4768] =>         function messageynumberupdate()

    [4769] =>         {

    [4770] =>             messageynumberset();

    [4771] =>             svgupdate();

    [4772] =>         }

    [4773] => 

    [4774] =>         function messageyrangeload()

    [4775] =>         {

    [4776] =>             const input = document.createElement("input");

    [4777] =>             input.id = "messageyrange";

    [4778] =>             input.max = messageynumber.max;

    [4779] =>             input.min = messageynumber.min;

    [4780] =>             input.type = "range";

    [4781] =>             input.value = messageynumber.value;

    [4782] =>             input.addEventListener("input", messageyrangeupdate);

    [4783] =>             messagey.append(input);

    [4784] => 

    [4785] =>             messageyrangeset();

    [4786] =>         }

    [4787] =>         addEventListener("load", messageyrangeload);

    [4788] => 

    [4789] =>         function messageyrangeset()

    [4790] =>         {

    [4791] =>             const v = Number(messageyrange.value);

    [4792] => 

    [4793] =>             messageynumber.value = v;

    [4794] =>             text.messagey = v;

    [4795] =>         }

    [4796] => 

    [4797] =>         function messageyrangeupdate()

    [4798] =>         {

    [4799] =>             messageyrangeset();

    [4800] =>             svgupdate();

    [4801] =>         }

    [4802] => 

    [4803] =>         function messageyexactload()

    [4804] =>         {

    [4805] =>             const br = document.createElement("br");

    [4806] =>             messagey.append(br);

    [4807] => 

    [4808] =>             const array =

    [4809] =>             [

    [4810] =>                 ["top",0],

    [4811] =>                 ["center",0.5],

    [4812] =>                 ["bottom",1],

    [4813] =>             ];

    [4814] => 

    [4815] =>             for(const value of array)

    [4816] =>             {

    [4817] =>                 const button = document.createElement("button");

    [4818] =>                 button.innerHTML = value[0];

    [4819] =>                 button.value = value[1];

    [4820] =>                 button.addEventListener("click", messageyexactupdate);

    [4821] =>                 messagey.append(button);

    [4822] =>             }

    [4823] =>         }

    [4824] =>         addEventListener("load", messageyexactload);

    [4825] => 

    [4826] =>         function messageyexactupdate(e)

    [4827] =>         {

    [4828] =>             //messageynumber.value = (canvas.height - text.messageheight - text.messagepaddingtop - text.messagepaddingbottom) * Number(e.target.value);

    [4829] =>             messageynumber.value = (canvas.height - text.messageheight) * Number(e.target.value);

    [4830] => 

    [4831] =>             messageynumberupdate();

    [4832] =>         }

    [4833] => 

    [4834] =>         function messageyincrementload()

    [4835] =>         {

    [4836] =>             const br = document.createElement("br");

    [4837] =>             messagey.append(br);

    [4838] => 

    [4839] =>             const array =

    [4840] =>             [

    [4841] =>                 ["-1000",-1000],

    [4842] =>                 ["-100",-100],

    [4843] =>                 ["-10",-10],

    [4844] =>                 ["-1",-1],

    [4845] =>                 ["+1",1],

    [4846] =>                 ["+10",10],

    [4847] =>                 ["+100",100],

    [4848] =>                 ["+1000",1000],

    [4849] =>             ];

    [4850] => 

    [4851] =>             for(const value of array)

    [4852] =>             {

    [4853] =>                 const button = document.createElement("button");

    [4854] =>                 button.innerHTML = value[0];

    [4855] =>                 button.value = value[1];

    [4856] =>                 button.addEventListener("click", messageyincrementupdate);

    [4857] =>                 messagey.append(button);

    [4858] =>             }

    [4859] =>         }

    [4860] =>         addEventListener("load", messageyincrementload);

    [4861] => 

    [4862] =>         function messageyincrementupdate(e)

    [4863] =>         {

    [4864] =>             const v = Number(messageynumber.value) + Number(e.target.value);

    [4865] => 

    [4866] =>             if((messageynumber.min <= v) && (v <= messageynumber.max))

    [4867] =>             {

    [4868] =>                 messageynumber.value = v;

    [4869] => 

    [4870] =>                 messageynumberupdate();

    [4871] =>             }

    [4872] =>         }

    [4873] => 

    [4874] => 

    [4875] => 

    [4876] =>         function messagebackgroundcolorload()

    [4877] =>         {

    [4878] =>             const div = document.createElement("div");

    [4879] =>             div.id = "messagebackgroundcolor";

    [4880] =>             div.innerHTML = "background-color";

    [4881] =>             tabcontentmessage.append(div);

    [4882] =>         }

    [4883] =>         addEventListener("load", messagebackgroundcolorload);

    [4884] => 

    [4885] =>         function messagebackgroundcolorcolorload()

    [4886] =>         {

    [4887] =>             const br = document.createElement("br");

    [4888] =>             messagebackgroundcolor.append(br);

    [4889] => 

    [4890] =>             const input = document.createElement("input");

    [4891] =>             input.id = "messagebackgroundcolorcolor";

    [4892] =>             input.type = "color";

    [4893] =>             input.value = "#ffffff";

    [4894] =>             input.addEventListener("input", messagebackgroundcolorcolorupdate);

    [4895] =>             messagebackgroundcolor.append(input);

    [4896] => 

    [4897] =>             //messagebackgroundcolorcolorset();

    [4898] =>         }

    [4899] =>         addEventListener("load", messagebackgroundcolorcolorload);

    [4900] => 

    [4901] =>         function messagebackgroundcolorcolorset()

    [4902] =>         {

    [4903] =>             const c = messagebackgroundcolorcolor.value;

    [4904] =>             const r = parseInt(c.slice(1,3),16);

    [4905] =>             const g = parseInt(c.slice(3,5),16);

    [4906] =>             const b = parseInt(c.slice(5,7),16);

    [4907] =>             const a = messagebackgroundalphanumber.value;

    [4908] => 

    [4909] =>             text.messagebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;

    [4910] =>         }

    [4911] => 

    [4912] =>         function messagebackgroundcolorcolorupdate()

    [4913] =>         {

    [4914] =>             messagebackgroundcolorcolorset();

    [4915] =>             svgupdate();

    [4916] =>         }

    [4917] => 

    [4918] =>         function messagebackgroundcolorexactload()

    [4919] =>         {

    [4920] =>             const br = document.createElement("br");

    [4921] =>             messagebackgroundcolor.append(br);

    [4922] => 

    [4923] =>             const array =

    [4924] =>             [

    [4925] =>                 ["black","#000000"],

    [4926] =>                 ["white","#ffffff"],

    [4927] =>             ];

    [4928] => 

    [4929] =>             for(const value of array)

    [4930] =>             {

    [4931] =>                 const button = document.createElement("button");

    [4932] =>                 button.innerHTML = value[0];

    [4933] =>                 button.value = value[1];

    [4934] =>                 button.addEventListener("click", messagebackgroundcolorexactupdate);

    [4935] =>                 messagebackgroundcolor.append(button);

    [4936] =>             }

    [4937] =>         }

    [4938] =>         addEventListener("load", messagebackgroundcolorexactload);

    [4939] => 

    [4940] =>         function messagebackgroundcolorexactupdate(e)

    [4941] =>         {

    [4942] =>             messagebackgroundcolorcolor.value = e.target.value;

    [4943] => 

    [4944] =>             messagebackgroundcolorcolorupdate();

    [4945] =>         }

    [4946] => 

    [4947] => 

    [4948] => 

    [4949] =>         function messagebackgroundalphaload()

    [4950] =>         {

    [4951] =>             const div = document.createElement("div");

    [4952] =>             div.id = "messagebackgroundalpha";

    [4953] =>             div.innerHTML = "background-alpha";

    [4954] =>             tabcontentmessage.append(div);

    [4955] => 

    [4956] =>             const style = div.style;

    [4957] =>             style.overflowY = "hidden";

    [4958] =>             style.whiteSpace = "nowrap";

    [4959] =>         }

    [4960] =>         addEventListener("load", messagebackgroundalphaload);

    [4961] => 

    [4962] =>         function messagebackgroundalphanumberload()

    [4963] =>         {

    [4964] =>             const br = document.createElement("br");

    [4965] =>             messagebackgroundalpha.append(br);

    [4966] => 

    [4967] =>             const input = document.createElement("input");

    [4968] =>             input.id = "messagebackgroundalphanumber";

    [4969] =>             input.max = 1;

    [4970] =>             input.min = 0;

    [4971] =>             input.step = 0.01;

    [4972] =>             input.type = "number";

    [4973] =>             input.value = 0.5;

    [4974] =>             input.addEventListener("input", messagebackgroundalphanumberupdate);

    [4975] =>             messagebackgroundalpha.append(input);

    [4976] => 

    [4977] =>             //messagebackgroundalphanumberset();

    [4978] =>         }

    [4979] =>         addEventListener("load", messagebackgroundalphanumberload);

    [4980] => 

    [4981] =>         function messagebackgroundalphanumberset()

    [4982] =>         {

    [4983] =>             const c = messagebackgroundcolorcolor.value;

    [4984] =>             const r = parseInt(c.slice(1,3),16);

    [4985] =>             const g = parseInt(c.slice(3,5),16);

    [4986] =>             const b = parseInt(c.slice(5,7),16);

    [4987] =>             const a = messagebackgroundalphanumber.value;

    [4988] => 

    [4989] =>             messagebackgroundalpharange.value = a;

    [4990] =>             text.messagebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;

    [4991] =>         }

    [4992] => 

    [4993] =>         function messagebackgroundalphanumberupdate()

    [4994] =>         {

    [4995] =>             messagebackgroundalphanumberset();

    [4996] =>             svgupdate();

    [4997] =>         }

    [4998] => 

    [4999] =>         function messagebackgroundalpharangeload()

    [5000] =>         {

    [5001] =>             const input = document.createElement("input");

    [5002] =>             input.id = "messagebackgroundalpharange";

    [5003] =>             input.max = messagebackgroundalphanumber.max;

    [5004] =>             input.min = messagebackgroundalphanumber.min;

    [5005] =>             input.step = messagebackgroundalphanumber.step;

    [5006] =>             input.type = "range";

    [5007] =>             input.value = messagebackgroundalphanumber.value;

    [5008] =>             input.addEventListener("input", messagebackgroundalpharangeupdate);

    [5009] =>             messagebackgroundalpha.append(input);

    [5010] => 

    [5011] =>             messagebackgroundalpharangeset();

    [5012] =>         }

    [5013] =>         addEventListener("load", messagebackgroundalpharangeload);

    [5014] => 

    [5015] =>         function messagebackgroundalpharangeset()

    [5016] =>         {

    [5017] =>             const c = messagebackgroundcolorcolor.value;

    [5018] =>             const r = parseInt(c.slice(1,3),16);

    [5019] =>             const g = parseInt(c.slice(3,5),16);

    [5020] =>             const b = parseInt(c.slice(5,7),16);

    [5021] =>             const a = messagebackgroundalpharange.value;

    [5022] => 

    [5023] =>             messagebackgroundalphanumber.value = a;

    [5024] =>             text.messagebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;

    [5025] =>         }

    [5026] => 

    [5027] =>         function messagebackgroundalpharangeupdate()

    [5028] =>         {

    [5029] =>             messagebackgroundalpharangeset();

    [5030] =>             svgupdate();

    [5031] =>         }

    [5032] => 

    [5033] =>         function messagebackgroundalphaexactload()

    [5034] =>         {

    [5035] =>             const br = document.createElement("br");

    [5036] =>             messagebackgroundalpha.append(br);

    [5037] => 

    [5038] =>             const array =

    [5039] =>             [

    [5040] =>                 ["0",0],

    [5041] =>                 ["0.25",0.25],

    [5042] =>                 ["0.5",0.5],

    [5043] =>                 ["0.75",0.75],

    [5044] =>                 ["1",1],

    [5045] =>             ];

    [5046] => 

    [5047] =>             for(const value of array)

    [5048] =>             {

    [5049] =>                 const button = document.createElement("button");

    [5050] =>                 button.innerHTML = value[0];

    [5051] =>                 button.value = value[1];

    [5052] =>                 button.addEventListener("click", messagebackgroundalphaexactupdate);

    [5053] =>                 messagebackgroundalpha.append(button);

    [5054] =>             }

    [5055] =>         }

    [5056] =>         addEventListener("load", messagebackgroundalphaexactload);

    [5057] => 

    [5058] =>         function messagebackgroundalphaexactupdate(e)

    [5059] =>         {

    [5060] =>             messagebackgroundalphanumber.value = Number(e.target.value);

    [5061] => 

    [5062] =>             messagebackgroundalphanumberupdate();

    [5063] =>         }

    [5064] => 

    [5065] =>         function messagebackgroundalphaincrementload()

    [5066] =>         {

    [5067] =>             const br = document.createElement("br");

    [5068] =>             messagebackgroundalpha.append(br);

    [5069] => 

    [5070] =>             const array =

    [5071] =>             [

    [5072] =>                 ["-0.1",-0.1],

    [5073] =>                 ["-0.01",-0.01],

    [5074] =>                 ["+0.01",0.01],

    [5075] =>                 ["+0.1",0.1],

    [5076] =>             ];

    [5077] => 

    [5078] =>             for(const value of array)

    [5079] =>             {

    [5080] =>                 const button = document.createElement("button");

    [5081] =>                 button.innerHTML = value[0];

    [5082] =>                 button.value = value[1];

    [5083] =>                 button.addEventListener("click", messagebackgroundalphaincrementupdate);

    [5084] =>                 messagebackgroundalpha.append(button);

    [5085] =>             }

    [5086] =>         }

    [5087] =>         addEventListener("load", messagebackgroundalphaincrementload);

    [5088] => 

    [5089] =>         function messagebackgroundalphaincrementupdate(e)

    [5090] =>         {

    [5091] =>             let v = Number(messagebackgroundalphanumber.value) + Number(e.target.value);

    [5092] =>             v = parseFloat(v.toFixed(2));

    [5093] => 

    [5094] =>             if((messagebackgroundalphanumber.min <= v) && (v <= messagebackgroundalphanumber.max))

    [5095] =>             {

    [5096] =>                 messagebackgroundalphanumber.value = v;

    [5097] => 

    [5098] =>                 messagebackgroundalphanumberupdate();

    [5099] =>             }

    [5100] =>         }

    [5101] => 

    [5102] => 

    [5103] => 

    [5104] =>         function messagebordercolorload()

    [5105] =>         {

    [5106] =>             const div = document.createElement("div");

    [5107] =>             div.id = "messagebordercolor";

    [5108] =>             div.innerHTML = "border-color";

    [5109] =>             tabcontentmessage.append(div);

    [5110] =>         }

    [5111] =>         addEventListener("load", messagebordercolorload);

    [5112] => 

    [5113] =>         function messagebordercolorcolorload()

    [5114] =>         {

    [5115] =>             const br = document.createElement("br");

    [5116] =>             messagebordercolor.append(br);

    [5117] => 

    [5118] =>             const input = document.createElement("input");

    [5119] =>             input.id = "messagebordercolorcolor";

    [5120] =>             input.type = "color";

    [5121] =>             input.value = "#000000";

    [5122] =>             input.addEventListener("input", messagebordercolorcolorupdate);

    [5123] =>             messagebordercolor.append(input);

    [5124] => 

    [5125] =>             //messagebordercolorcolorset();

    [5126] =>         }

    [5127] =>         addEventListener("load", messagebordercolorcolorload);

    [5128] => 

    [5129] =>         function messagebordercolorcolorset()

    [5130] =>         {

    [5131] =>             const c = messagebordercolorcolor.value;

    [5132] =>             const r = parseInt(c.slice(1,3),16);

    [5133] =>             const g = parseInt(c.slice(3,5),16);

    [5134] =>             const b = parseInt(c.slice(5,7),16);

    [5135] =>             const a = messageborderalphanumber.value;

    [5136] => 

    [5137] =>             text.messagebordercolor = `rgb(${r} ${g} ${b} / ${a})`;

    [5138] =>         }

    [5139] => 

    [5140] =>         function messagebordercolorcolorupdate()

    [5141] =>         {

    [5142] =>             messagebordercolorcolorset();

    [5143] =>             svgupdate();

    [5144] =>         }

    [5145] => 

    [5146] =>         function messagebordercolorexactload()

    [5147] =>         {

    [5148] =>             const br = document.createElement("br");

    [5149] =>             messagebordercolor.append(br);

    [5150] => 

    [5151] =>             const array =

    [5152] =>             [

    [5153] =>                 ["black","#000000"],

    [5154] =>                 ["white","#ffffff"],

    [5155] =>             ];

    [5156] => 

    [5157] =>             for(const value of array)

    [5158] =>             {

    [5159] =>                 const button = document.createElement("button");

    [5160] =>                 button.innerHTML = value[0];

    [5161] =>                 button.value = value[1];

    [5162] =>                 button.addEventListener("click", messagebordercolorexactupdate);

    [5163] =>                 messagebordercolor.append(button);

    [5164] =>             }

    [5165] =>         }

    [5166] =>         addEventListener("load", messagebordercolorexactload);

    [5167] => 

    [5168] =>         function messagebordercolorexactupdate(e)

    [5169] =>         {

    [5170] =>             messagebordercolorcolor.value = e.target.value;

    [5171] => 

    [5172] =>             messagebordercolorcolorupdate();

    [5173] =>         }

    [5174] => 

    [5175] => 

    [5176] => 

    [5177] =>         function messageborderalphaload()

    [5178] =>         {

    [5179] =>             const div = document.createElement("div");

    [5180] =>             div.id = "messageborderalpha";

    [5181] =>             div.innerHTML = "border-alpha";

    [5182] =>             tabcontentmessage.append(div);

    [5183] => 

    [5184] =>             const style = div.style;

    [5185] =>             style.overflowY = "hidden";

    [5186] =>             style.whiteSpace = "nowrap";

    [5187] =>         }

    [5188] =>         addEventListener("load", messageborderalphaload);

    [5189] => 

    [5190] =>         function messageborderalphanumberload()

    [5191] =>         {

    [5192] =>             const br = document.createElement("br");

    [5193] =>             messageborderalpha.append(br);

    [5194] => 

    [5195] =>             const input = document.createElement("input");

    [5196] =>             input.id = "messageborderalphanumber";

    [5197] =>             input.max = 1;

    [5198] =>             input.min = 0;

    [5199] =>             input.step = 0.01;

    [5200] =>             input.type = "number";

    [5201] =>             input.value = 1;

    [5202] =>             input.addEventListener("input", messageborderalphanumberupdate);

    [5203] =>             messageborderalpha.append(input);

    [5204] => 

    [5205] =>             //messageborderalphanumberset();

    [5206] =>         }

    [5207] =>         addEventListener("load", messageborderalphanumberload);

    [5208] => 

    [5209] =>         function messageborderalphanumberset()

    [5210] =>         {

    [5211] =>             const c = messagebordercolorcolor.value;

    [5212] =>             const r = parseInt(c.slice(1,3),16);

    [5213] =>             const g = parseInt(c.slice(3,5),16);

    [5214] =>             const b = parseInt(c.slice(5,7),16);

    [5215] =>             const a = messageborderalphanumber.value;

    [5216] => 

    [5217] =>             messageborderalpharange.value = a;

    [5218] =>             text.messagebordercolor = `rgb(${r} ${g} ${b} / ${a})`;

    [5219] =>         }

    [5220] => 

    [5221] =>         function messageborderalphanumberupdate()

    [5222] =>         {

    [5223] =>             messageborderalphanumberset();

    [5224] =>             svgupdate();

    [5225] =>         }

    [5226] => 

    [5227] =>         function messageborderalpharangeload()

    [5228] =>         {

    [5229] =>             const input = document.createElement("input");

    [5230] =>             input.id = "messageborderalpharange";

    [5231] =>             input.max = messageborderalphanumber.max;

    [5232] =>             input.min = messageborderalphanumber.min;

    [5233] =>             input.step = messageborderalphanumber.step;

    [5234] =>             input.type = "range";

    [5235] =>             input.value = messageborderalphanumber.value;

    [5236] =>             input.addEventListener("input", messageborderalpharangeupdate);

    [5237] =>             messageborderalpha.append(input);

    [5238] => 

    [5239] =>             messageborderalpharangeset();

    [5240] =>         }

    [5241] =>         addEventListener("load", messageborderalpharangeload);

    [5242] => 

    [5243] =>         function messageborderalpharangeset()

    [5244] =>         {

    [5245] =>             const c = messagebordercolorcolor.value;

    [5246] =>             const r = parseInt(c.slice(1,3),16);

    [5247] =>             const g = parseInt(c.slice(3,5),16);

    [5248] =>             const b = parseInt(c.slice(5,7),16);

    [5249] =>             const a = messageborderalpharange.value;

    [5250] => 

    [5251] =>             messageborderalphanumber.value = a;

    [5252] =>             text.messagebordercolor = `rgb(${r} ${g} ${b} / ${a})`;

    [5253] =>         }

    [5254] => 

    [5255] =>         function messageborderalpharangeupdate()

    [5256] =>         {

    [5257] =>             messageborderalpharangeset();

    [5258] =>             svgupdate();

    [5259] =>         }

    [5260] => 

    [5261] =>         function messageborderalphaexactload()

    [5262] =>         {

    [5263] =>             const br = document.createElement("br");

    [5264] =>             messageborderalpha.append(br);

    [5265] => 

    [5266] =>             const array =

    [5267] =>             [

    [5268] =>                 ["0",0],

    [5269] =>                 ["0.25",0.25],

    [5270] =>                 ["0.5",0.5],

    [5271] =>                 ["0.75",0.75],

    [5272] =>                 ["1",1],

    [5273] =>             ];

    [5274] => 

    [5275] =>             for(const value of array)

    [5276] =>             {

    [5277] =>                 const button = document.createElement("button");

    [5278] =>                 button.innerHTML = value[0];

    [5279] =>                 button.value = value[1];

    [5280] =>                 button.addEventListener("click", messageborderalphaexactupdate);

    [5281] =>                 messageborderalpha.append(button);

    [5282] =>             }

    [5283] =>         }

    [5284] =>         addEventListener("load", messageborderalphaexactload);

    [5285] => 

    [5286] =>         function messageborderalphaexactupdate(e)

    [5287] =>         {

    [5288] =>             messageborderalphanumber.value = Number(e.target.value);

    [5289] => 

    [5290] =>             messageborderalphanumberupdate();

    [5291] =>         }

    [5292] => 

    [5293] =>         function messageborderalphaincrementload()

    [5294] =>         {

    [5295] =>             const br = document.createElement("br");

    [5296] =>             messageborderalpha.append(br);

    [5297] => 

    [5298] =>             const array =

    [5299] =>             [

    [5300] =>                 ["-0.1",-0.1],

    [5301] =>                 ["-0.01",-0.01],

    [5302] =>                 ["+0.01",0.01],

    [5303] =>                 ["+0.1",0.1],

    [5304] =>             ];

    [5305] => 

    [5306] =>             for(const value of array)

    [5307] =>             {

    [5308] =>                 const button = document.createElement("button");

    [5309] =>                 button.innerHTML = value[0];

    [5310] =>                 button.value = value[1];

    [5311] =>                 button.addEventListener("click", messageborderalphaincrementupdate);

    [5312] =>                 messageborderalpha.append(button);

    [5313] =>             }

    [5314] =>         }

    [5315] =>         addEventListener("load", messageborderalphaincrementload);

    [5316] => 

    [5317] =>         function messageborderalphaincrementupdate(e)

    [5318] =>         {

    [5319] =>             let v = Number(messageborderalphanumber.value) + Number(e.target.value);

    [5320] =>             v = parseFloat(v.toFixed(2));

    [5321] => 

    [5322] =>             if((messageborderalphanumber.min <= v) && (v <= messageborderalphanumber.max))

    [5323] =>             {

    [5324] =>                 messageborderalphanumber.value = v;

    [5325] => 

    [5326] =>                 messageborderalphanumberupdate();

    [5327] =>             }

    [5328] =>         }

    [5329] => 

    [5330] => 

    [5331] => 

    [5332] =>         function messageborderradiusload()

    [5333] =>         {

    [5334] =>             const div = document.createElement("div");

    [5335] =>             div.id = "messageborderradius";

    [5336] =>             div.innerHTML = "border-radius";

    [5337] =>             tabcontentmessage.append(div);

    [5338] => 

    [5339] =>             const style = div.style;

    [5340] =>             style.overflowY = "hidden";

    [5341] =>             style.whiteSpace = "nowrap";

    [5342] =>         }

    [5343] =>         addEventListener("load", messageborderradiusload);

    [5344] => 

    [5345] =>         function messageborderradiusnumberload()

    [5346] =>         {

    [5347] =>             const br = document.createElement("br");

    [5348] =>             messageborderradius.append(br);

    [5349] => 

    [5350] =>             const input = document.createElement("input");

    [5351] =>             input.id = "messageborderradiusnumber";

    [5352] =>             input.max = 1000;

    [5353] =>             input.min = 0;

    [5354] =>             input.type = "number";

    [5355] =>             input.value = 50;

    [5356] =>             input.addEventListener("input", messageborderradiusnumberupdate);

    [5357] =>             messageborderradius.append(input);

    [5358] => 

    [5359] =>             //messageborderradiusnumberset();

    [5360] =>         }

    [5361] =>         addEventListener("load", messageborderradiusnumberload);

    [5362] => 

    [5363] =>         function messageborderradiusnumberset()

    [5364] =>         {

    [5365] =>             const v = Number(messageborderradiusnumber.value);

    [5366] => 

    [5367] =>             messageborderradiusrange.value = v;

    [5368] =>             text.messageborderradius = v;

    [5369] =>         }

    [5370] => 

    [5371] =>         function messageborderradiusnumberupdate()

    [5372] =>         {

    [5373] =>             messageborderradiusnumberset();

    [5374] =>             svgupdate();

    [5375] =>         }

    [5376] => 

    [5377] =>         function messageborderradiusrangeload()

    [5378] =>         {

    [5379] =>             const input = document.createElement("input");

    [5380] =>             input.id = "messageborderradiusrange";

    [5381] =>             input.max = messageborderradiusnumber.max;

    [5382] =>             input.min = messageborderradiusnumber.min;

    [5383] =>             input.type = "range";

    [5384] =>             input.value = messageborderradiusnumber.value;

    [5385] =>             input.addEventListener("input", messageborderradiusrangeupdate);

    [5386] =>             messageborderradius.append(input);

    [5387] => 

    [5388] =>             messageborderradiusrangeset();

    [5389] =>         }

    [5390] =>         addEventListener("load", messageborderradiusrangeload);

    [5391] => 

    [5392] =>         function messageborderradiusrangeset()

    [5393] =>         {

    [5394] =>             const v = Number(messageborderradiusrange.value);

    [5395] => 

    [5396] =>             messageborderradiusnumber.value = v;

    [5397] =>             text.messageborderradius = v;

    [5398] =>         }

    [5399] => 

    [5400] =>         function messageborderradiusrangeupdate()

    [5401] =>         {

    [5402] =>             messageborderradiusrangeset();

    [5403] =>             svgupdate();

    [5404] =>         }

    [5405] => 

    [5406] =>         function messageborderradiusexactload()

    [5407] =>         {

    [5408] =>             const br = document.createElement("br");

    [5409] =>             messageborderradius.append(br);

    [5410] => 

    [5411] =>             const array =

    [5412] =>             [

    [5413] =>                 ["0",0],

    [5414] =>                 ["50",50],

    [5415] =>                 ["100",100],

    [5416] =>                 ["250",250],

    [5417] =>                 ["500",500],

    [5418] =>                 ["1000",1000],

    [5419] =>             ];

    [5420] => 

    [5421] =>             for(const value of array)

    [5422] =>             {

    [5423] =>                 const button = document.createElement("button");

    [5424] =>                 button.innerHTML = value[0];

    [5425] =>                 button.value = value[1];

    [5426] =>                 button.addEventListener("click", messageborderradiusexactupdate);

    [5427] =>                 messageborderradius.append(button);

    [5428] =>             }

    [5429] =>         }

    [5430] =>         addEventListener("load", messageborderradiusexactload);

    [5431] => 

    [5432] =>         function messageborderradiusexactupdate(e)

    [5433] =>         {

    [5434] =>             messageborderradiusnumber.value = Number(e.target.value);

    [5435] => 

    [5436] =>             messageborderradiusnumberupdate();

    [5437] =>         }

    [5438] => 

    [5439] =>         function messageborderradiusincrementload()

    [5440] =>         {

    [5441] =>             const br = document.createElement("br");

    [5442] =>             messageborderradius.append(br);

    [5443] => 

    [5444] =>             const array =

    [5445] =>             [

    [5446] =>                 ["-100",-100],

    [5447] =>                 ["-10",-10],

    [5448] =>                 ["-1",-1],

    [5449] =>                 ["+1",1],

    [5450] =>                 ["+10",10],

    [5451] =>                 ["+100",100],

    [5452] =>             ];

    [5453] => 

    [5454] =>             for(const value of array)

    [5455] =>             {

    [5456] =>                 const button = document.createElement("button");

    [5457] =>                 button.innerHTML = value[0];

    [5458] =>                 button.value = value[1];

    [5459] =>                 button.addEventListener("click", messageborderradiusincrementupdate);

    [5460] =>                 messageborderradius.append(button);

    [5461] =>             }

    [5462] =>         }

    [5463] =>         addEventListener("load", messageborderradiusincrementload);

    [5464] => 

    [5465] =>         function messageborderradiusincrementupdate(e)

    [5466] =>         {

    [5467] =>             const v = Number(messageborderradiusnumber.value) + Number(e.target.value);

    [5468] => 

    [5469] =>             if((messageborderradiusnumber.min <= v) && (v <= messageborderradiusnumber.max))

    [5470] =>             {

    [5471] =>                 messageborderradiusnumber.value = v;

    [5472] => 

    [5473] =>                 messageborderradiusnumberupdate();

    [5474] =>             }

    [5475] =>         }

    [5476] => 

    [5477] => 

    [5478] => 

    [5479] =>         function messageborderstyleload()

    [5480] =>         {

    [5481] =>             const div = document.createElement("div");

    [5482] =>             div.id = "messageborderstyle";

    [5483] =>             div.innerHTML = "border-style";

    [5484] =>             tabcontentmessage.append(div);

    [5485] =>         }

    [5486] =>         addEventListener("load", messageborderstyleload);

    [5487] => 

    [5488] =>         function messageborderstyleselectload()

    [5489] =>         {

    [5490] =>             const br = document.createElement("br");

    [5491] =>             messageborderstyle.append(br);

    [5492] => 

    [5493] =>             const select = document.createElement("select");

    [5494] =>             select.id = "messageborderstyleselect";

    [5495] =>             select.addEventListener("input", messageborderstyleselectupdate);

    [5496] =>             messageborderstyle.append(select);

    [5497] => 

    [5498] =>             for(const value of borderstylearray)

    [5499] =>             {

    [5500] =>                 const option = document.createElement("option");

    [5501] =>                 option.innerHTML = value;

    [5502] =>                 select.add(option);

    [5503] =>             }

    [5504] => 

    [5505] =>             //select.value = borderstylearray[8];

    [5506] => 

    [5507] =>             messageborderstyleselectset();

    [5508] =>         }

    [5509] =>         addEventListener("load", messageborderstyleselectload);

    [5510] => 

    [5511] =>         function messageborderstyleselectset()

    [5512] =>         {

    [5513] =>             text.messageborderstyle = messageborderstyleselect.value;

    [5514] =>         }

    [5515] => 

    [5516] =>         function messageborderstyleselectupdate()

    [5517] =>         {

    [5518] =>             messageborderstyleselectset();

    [5519] =>             svgupdate();

    [5520] =>         }

    [5521] => 

    [5522] => 

    [5523] => 

    [5524] =>         function messageborderwidthload()

    [5525] =>         {

    [5526] =>             const div = document.createElement("div");

    [5527] =>             div.id = "messageborderwidth";

    [5528] =>             div.innerHTML = "border-width";

    [5529] =>             tabcontentmessage.append(div);

    [5530] => 

    [5531] =>             const style = div.style;

    [5532] =>             style.overflowY = "hidden";

    [5533] =>             style.whiteSpace = "nowrap";

    [5534] =>         }

    [5535] =>         addEventListener("load", messageborderwidthload);

    [5536] => 

    [5537] =>         function messageborderwidthnumberload()

    [5538] =>         {

    [5539] =>             const br = document.createElement("br");

    [5540] =>             messageborderwidth.append(br);

    [5541] => 

    [5542] =>             const input = document.createElement("input");

    [5543] =>             input.id = "messageborderwidthnumber";

    [5544] =>             input.max = 1000;

    [5545] =>             input.min = 0;

    [5546] =>             input.type = "number";

    [5547] =>             input.value = 25;

    [5548] =>             input.addEventListener("input", messageborderwidthnumberupdate);

    [5549] =>             messageborderwidth.append(input);

    [5550] => 

    [5551] =>             //messageborderwidthnumberset();

    [5552] =>         }

    [5553] =>         addEventListener("load", messageborderwidthnumberload);

    [5554] => 

    [5555] =>         function messageborderwidthnumberset()

    [5556] =>         {

    [5557] =>             const v = Number(messageborderwidthnumber.value);

    [5558] => 

    [5559] =>             messageborderwidthrange.value = v;

    [5560] =>             text.messageborderwidth = v;

    [5561] =>         }

    [5562] => 

    [5563] =>         function messageborderwidthnumberupdate()

    [5564] =>         {

    [5565] =>             messageborderwidthnumberset();

    [5566] =>             svgupdate();

    [5567] =>         }

    [5568] => 

    [5569] =>         function messageborderwidthrangeload()

    [5570] =>         {

    [5571] =>             const input = document.createElement("input");

    [5572] =>             input.id = "messageborderwidthrange";

    [5573] =>             input.max = messageborderwidthnumber.max;

    [5574] =>             input.min = messageborderwidthnumber.min;

    [5575] =>             input.type = "range";

    [5576] =>             input.value = messageborderwidthnumber.value;

    [5577] =>             input.addEventListener("input", messageborderwidthrangeupdate);

    [5578] =>             messageborderwidth.append(input);

    [5579] => 

    [5580] =>             messageborderwidthrangeset();

    [5581] =>         }

    [5582] =>         addEventListener("load", messageborderwidthrangeload);

    [5583] => 

    [5584] =>         function messageborderwidthrangeset()

    [5585] =>         {

    [5586] =>             const v = Number(messageborderwidthrange.value);

    [5587] => 

    [5588] =>             messageborderwidthnumber.value = v;

    [5589] =>             text.messageborderwidth = v;

    [5590] =>         }

    [5591] => 

    [5592] =>         function messageborderwidthrangeupdate()

    [5593] =>         {

    [5594] =>             messageborderwidthrangeset();

    [5595] =>             svgupdate();

    [5596] =>         }

    [5597] => 

    [5598] =>         function messageborderwidthexactload()

    [5599] =>         {

    [5600] =>             const br = document.createElement("br");

    [5601] =>             messageborderwidth.append(br);

    [5602] => 

    [5603] =>             const array =

    [5604] =>             [

    [5605] =>                 ["0",0],

    [5606] =>                 ["50",50],

    [5607] =>                 ["100",100],

    [5608] =>                 ["250",250],

    [5609] =>                 ["500",500],

    [5610] =>                 ["1000",1000],

    [5611] =>             ];

    [5612] => 

    [5613] =>             for(const value of array)

    [5614] =>             {

    [5615] =>                 const button = document.createElement("button");

    [5616] =>                 button.innerHTML = value[0];

    [5617] =>                 button.value = value[1];

    [5618] =>                 button.addEventListener("click", messageborderwidthexactupdate);

    [5619] =>                 messageborderwidth.append(button);

    [5620] =>             }

    [5621] =>         }

    [5622] =>         addEventListener("load", messageborderwidthexactload);

    [5623] => 

    [5624] =>         function messageborderwidthexactupdate(e)

    [5625] =>         {

    [5626] =>             messageborderwidthnumber.value = Number(e.target.value);

    [5627] => 

    [5628] =>             messageborderwidthnumberupdate();

    [5629] =>         }

    [5630] => 

    [5631] =>         function messageborderwidthincrementload()

    [5632] =>         {

    [5633] =>             const br = document.createElement("br");

    [5634] =>             messageborderwidth.append(br);

    [5635] => 

    [5636] =>             const array =

    [5637] =>             [

    [5638] =>                 ["-100",-100],

    [5639] =>                 ["-10",-10],

    [5640] =>                 ["-1",-1],

    [5641] =>                 ["+1",1],

    [5642] =>                 ["+10",10],

    [5643] =>                 ["+100",100],

    [5644] =>             ];

    [5645] => 

    [5646] =>             for(const value of array)

    [5647] =>             {

    [5648] =>                 const button = document.createElement("button");

    [5649] =>                 button.innerHTML = value[0];

    [5650] =>                 button.value = value[1];

    [5651] =>                 button.addEventListener("click", messageborderwidthincrementupdate);

    [5652] =>                 messageborderwidth.append(button);

    [5653] =>             }

    [5654] =>         }

    [5655] =>         addEventListener("load", messageborderwidthincrementload);

    [5656] => 

    [5657] =>         function messageborderwidthincrementupdate(e)

    [5658] =>         {

    [5659] =>             const v = Number(messageborderwidthnumber.value) + Number(e.target.value);

    [5660] => 

    [5661] =>             if((messageborderwidthnumber.min <= v) && (v <= messageborderwidthnumber.max))

    [5662] =>             {

    [5663] =>                 messageborderwidthnumber.value = v;

    [5664] => 

    [5665] =>                 messageborderwidthnumberupdate();

    [5666] =>             }

    [5667] =>         }

    [5668] => 

    [5669] => 

    [5670] => 

    [5671] =>         function messagehorizontalload()

    [5672] =>         {

    [5673] =>             const div = document.createElement("div");

    [5674] =>             div.id = "messagehorizontal";

    [5675] =>             div.innerHTML = "horizontal";

    [5676] =>             tabcontentmessage.append(div);

    [5677] =>         }

    [5678] =>         addEventListener("load", messagehorizontalload);

    [5679] => 

    [5680] =>         function messagehorizontalselectload()

    [5681] =>         {

    [5682] =>             const br = document.createElement("br");

    [5683] =>             messagehorizontal.append(br);

    [5684] => 

    [5685] =>             const select = document.createElement("select");

    [5686] =>             select.id = "messagehorizontalselect";

    [5687] =>             select.addEventListener("input", messagehorizontalselectupdate);

    [5688] =>             messagehorizontal.append(select);

    [5689] => 

    [5690] =>             for(const value of horizontalarray)

    [5691] =>             {

    [5692] =>                 const option = document.createElement("option");

    [5693] =>                 option.innerHTML = value;

    [5694] =>                 select.add(option);

    [5695] =>             }

    [5696] => 

    [5697] =>             select.value = horizontalarray[1];

    [5698] => 

    [5699] =>             messagehorizontalselectset();

    [5700] =>         }

    [5701] =>         addEventListener("load", messagehorizontalselectload);

    [5702] => 

    [5703] =>         function messagehorizontalselectset()

    [5704] =>         {

    [5705] =>             text.messagehorizontal = messagehorizontalselect.value;

    [5706] =>         }

    [5707] => 

    [5708] =>         function messagehorizontalselectupdate()

    [5709] =>         {

    [5710] =>             messagehorizontalselectset();

    [5711] =>             svgupdate();

    [5712] =>         }

    [5713] => 

    [5714] => 

    [5715] => 

    [5716] =>         function messageverticalload()

    [5717] =>         {

    [5718] =>             const div = document.createElement("div");

    [5719] =>             div.id = "messagevertical";

    [5720] =>             div.innerHTML = "vertical";

    [5721] =>             tabcontentmessage.append(div);

    [5722] =>         }

    [5723] =>         addEventListener("load", messageverticalload);

    [5724] => 

    [5725] =>         function messageverticalselectload()

    [5726] =>         {

    [5727] =>             const br = document.createElement("br");

    [5728] =>             messagevertical.append(br);

    [5729] => 

    [5730] =>             const select = document.createElement("select");

    [5731] =>             select.id = "messageverticalselect";

    [5732] =>             select.addEventListener("input", messageverticalselectupdate);

    [5733] =>             messagevertical.append(select);

    [5734] => 

    [5735] =>             for(const value of verticalarray)

    [5736] =>             {

    [5737] =>                 const option = document.createElement("option");

    [5738] =>                 option.innerHTML = value;

    [5739] =>                 select.add(option);

    [5740] =>             }

    [5741] => 

    [5742] =>             select.value = verticalarray[1];

    [5743] => 

    [5744] =>             messageverticalselectset();

    [5745] =>         }

    [5746] =>         addEventListener("load", messageverticalselectload);

    [5747] => 

    [5748] =>         function messageverticalselectset()

    [5749] =>         {

    [5750] =>             text.messagevertical = messageverticalselect.value;

    [5751] =>         }

    [5752] => 

    [5753] =>         function messageverticalselectupdate()

    [5754] =>         {

    [5755] =>             messageverticalselectset();

    [5756] =>             svgupdate();

    [5757] =>         }

    [5758] => 

    [5759] => 

    [5760] => 

    [5761] =>         function messagewritingmodeload()

    [5762] =>         {

    [5763] =>             const div = document.createElement("div");

    [5764] =>             div.id = "messagewritingmode";

    [5765] =>             div.innerHTML = "writing-mode";

    [5766] =>             tabcontentmessage.append(div);

    [5767] =>         }

    [5768] =>         addEventListener("load", messagewritingmodeload);

    [5769] => 

    [5770] =>         function messagewritingmodeselectload()

    [5771] =>         {

    [5772] =>             const br = document.createElement("br");

    [5773] =>             messagewritingmode.append(br);

    [5774] => 

    [5775] =>             const select = document.createElement("select");

    [5776] =>             select.id = "messagewritingmodeselect";

    [5777] =>             select.addEventListener("input", messagewritingmodeselectupdate);

    [5778] =>             messagewritingmode.append(select);

    [5779] => 

    [5780] =>             for(const value of writingmodearray)

    [5781] =>             {

    [5782] =>                 const option = document.createElement("option");

    [5783] =>                 option.innerHTML = value;

    [5784] =>                 select.add(option);

    [5785] =>             }

    [5786] => 

    [5787] =>             messagewritingmodeselectset();

    [5788] =>         }

    [5789] =>         addEventListener("load", messagewritingmodeselectload);

    [5790] => 

    [5791] =>         function messagewritingmodeselectset()

    [5792] =>         {

    [5793] =>             text.messagewritingmode = messagewritingmodeselect.value;

    [5794] =>         }

    [5795] => 

    [5796] =>         function messagewritingmodeselectupdate()

    [5797] =>         {

    [5798] =>             messagewritingmodeselectset();

    [5799] =>             svgupdate();

    [5800] =>         }

    [5801] => 

    [5802] => 

    [5803] => 

    [5804] =>         function messagefontfamilyload()

    [5805] =>         {

    [5806] =>             const div = document.createElement("div");

    [5807] =>             div.id = "messagefontfamily";

    [5808] =>             div.innerHTML = "font-family";

    [5809] =>             tabcontentmessage.append(div);

    [5810] =>         }

    [5811] =>         addEventListener("load", messagefontfamilyload);

    [5812] => 

    [5813] =>         function messagefontfamilyselectload()

    [5814] =>         {

    [5815] =>             const br = document.createElement("br");

    [5816] =>             messagefontfamily.append(br);

    [5817] => 

    [5818] =>             const select = document.createElement("select");

    [5819] =>             select.id = "messagefontfamilyselect";

    [5820] =>             select.addEventListener("input", messagefontfamilyselectupdate);

    [5821] =>             messagefontfamily.append(select);

    [5822] => 

    [5823] =>             for(const value of fontfamilyarray)

    [5824] =>             {

    [5825] =>                 const option = document.createElement("option");

    [5826] =>                 option.innerHTML = value;

    [5827] =>                 select.add(option);

    [5828] =>             }

    [5829] => 

    [5830] =>             messagefontfamilyselectset();

    [5831] =>         }

    [5832] =>         addEventListener("load", messagefontfamilyselectload);

    [5833] => 

    [5834] =>         function messagefontfamilyselectset()

    [5835] =>         {

    [5836] =>             text.messagefontfamily = messagefontfamilyselect.value;

    [5837] =>         }

    [5838] => 

    [5839] =>         function messagefontfamilyselectupdate()

    [5840] =>         {

    [5841] =>             messagefontfamilyselectset();

    [5842] =>             svgupdate();

    [5843] =>         }

    [5844] => 

    [5845] => 

    [5846] => 

    [5847] => 

    [5848] => function messagefontsizeload()

    [5849] =>         {

    [5850] =>             const div = document.createElement("div");

    [5851] =>             div.id = "messagefontsize";

    [5852] =>             div.innerHTML = "font-size";

    [5853] =>             tabcontentmessage.append(div);

    [5854] =>         }

    [5855] =>         addEventListener("load", messagefontsizeload);

    [5856] => 

    [5857] =>         function messagefontsizenumberload()

    [5858] =>         {

    [5859] =>             const br = document.createElement("br");

    [5860] =>             messagefontsize.append(br);

    [5861] => 

    [5862] =>             const input = document.createElement("input");

    [5863] =>             input.id = "messagefontsizenumber";

    [5864] =>             input.max = 1000;

    [5865] =>             input.min = 0;

    [5866] =>             input.type = "number";

    [5867] =>             input.value = 140;

    [5868] =>             input.addEventListener("input", messagefontsizenumberupdate);

    [5869] =>             messagefontsize.append(input);

    [5870] => 

    [5871] =>             //messagefontsizenumberset();

    [5872] =>         }

    [5873] =>         addEventListener("load", messagefontsizenumberload);

    [5874] => 

    [5875] =>         function messagefontsizenumberset()

    [5876] =>         {

    [5877] =>             const v = Number(messagefontsizenumber.value);

    [5878] => 

    [5879] =>             messagefontsizerange.value = v;

    [5880] =>             text.messagefontsize = v;

    [5881] =>         }

    [5882] => 

    [5883] =>         function messagefontsizenumberupdate()

    [5884] =>         {

    [5885] =>             messagefontsizenumberset();

    [5886] =>             svgupdate();

    [5887] =>         }

    [5888] => 

    [5889] =>         function messagefontsizerangeload()

    [5890] =>         {

    [5891] =>             const input = document.createElement("input");

    [5892] =>             input.id = "messagefontsizerange";

    [5893] =>             input.max = messagefontsizenumber.max;

    [5894] =>             input.min = messagefontsizenumber.min;

    [5895] =>             input.type = "range";

    [5896] =>             input.value = messagefontsizenumber.value;

    [5897] =>             input.addEventListener("input", messagefontsizerangeupdate);

    [5898] =>             messagefontsize.append(input);

    [5899] => 

    [5900] =>             messagefontsizerangeset();

    [5901] =>         }

    [5902] =>         addEventListener("load", messagefontsizerangeload);

    [5903] => 

    [5904] =>         function messagefontsizerangeset()

    [5905] =>         {

    [5906] =>             const v = Number(messagefontsizerange.value);

    [5907] => 

    [5908] =>             messagefontsizenumber.value = v;

    [5909] =>             text.messagefontsize = v;

    [5910] =>         }

    [5911] => 

    [5912] =>         function messagefontsizerangeupdate()

    [5913] =>         {

    [5914] =>             messagefontsizerangeset();

    [5915] =>             svgupdate();

    [5916] =>         }

    [5917] => 

    [5918] =>         function messagefontsizeexactload()

    [5919] =>         {

    [5920] =>             const br = document.createElement("br");

    [5921] =>             messagefontsize.append(br);

    [5922] => 

    [5923] =>             const array =

    [5924] =>             [

    [5925] =>                 ["0",0],

    [5926] =>                 ["50",50],

    [5927] =>                 ["100",100],

    [5928] =>                 ["250",250],

    [5929] =>                 ["500",500],

    [5930] =>                 ["1000",1000],

    [5931] =>             ];

    [5932] => 

    [5933] =>             for(const value of array)

    [5934] =>             {

    [5935] =>                 const button = document.createElement("button");

    [5936] =>                 button.innerHTML = value[0];

    [5937] =>                 button.value = value[1];

    [5938] =>                 button.addEventListener("click", messagefontsizeexactupdate);

    [5939] =>                 messagefontsize.append(button);

    [5940] =>             }

    [5941] =>         }

    [5942] =>         addEventListener("load", messagefontsizeexactload);

    [5943] => 

    [5944] =>         function messagefontsizeexactupdate(e)

    [5945] =>         {

    [5946] =>             messagefontsizenumber.value = Number(e.target.value);

    [5947] => 

    [5948] =>             messagefontsizenumberupdate();

    [5949] =>         }

    [5950] => 

    [5951] =>         function messagefontsizeincrementload()

    [5952] =>         {

    [5953] =>             const br = document.createElement("br");

    [5954] =>             messagefontsize.append(br);

    [5955] => 

    [5956] =>             const array =

    [5957] =>             [

    [5958] =>                 ["-100",-100],

    [5959] =>                 ["-10",-10],

    [5960] =>                 ["-1",-1],

    [5961] =>                 ["+1",1],

    [5962] =>                 ["+10",10],

    [5963] =>                 ["+100",100],

    [5964] =>             ];

    [5965] => 

    [5966] =>             for(const value of array)

    [5967] =>             {

    [5968] =>                 const button = document.createElement("button");

    [5969] =>                 button.innerHTML = value[0];

    [5970] =>                 button.value = value[1];

    [5971] =>                 button.addEventListener("click", messagefontsizeincrementupdate);

    [5972] =>                 messagefontsize.append(button);

    [5973] =>             }

    [5974] =>         }

    [5975] =>         addEventListener("load", messagefontsizeincrementload);

    [5976] => 

    [5977] =>         function messagefontsizeincrementupdate(e)

    [5978] =>         {

    [5979] =>             const v = Number(messagefontsizenumber.value) + Number(e.target.value);

    [5980] => 

    [5981] =>             if((messagefontsizenumber.min <= v) && (v <= messagefontsizenumber.max))

    [5982] =>             {

    [5983] =>                 messagefontsizenumber.value = v;

    [5984] => 

    [5985] =>                 messagefontsizenumberupdate();

    [5986] =>             }

    [5987] =>         }

    [5988] => 

    [5989] => /*

    [5990] =>         function messagefontsizefitload()

    [5991] =>         {

    [5992] =>             const button = document.createElement("button");

    [5993] =>             button.innerHTML = "fit";

    [5994] =>             button.addEventListener("click", messagefontsizefitupdate);

    [5995] =>             messagefontsize.append(button);

    [5996] =>         }

    [5997] =>         addEventListener("load", messagefontsizefitload);

    [5998] => 

    [5999] =>         function messagefontsizefitupdate()

    [6000] =>         {

    [6001] =>             const t = document.createElement("div");

    [6002] =>             messagefontsize.append(t);

    [6003] =>             t.innerHTML = text.bookname;

    [6004] =>             t.style.fontSize = `${messagefontsizenumber.value}px`;

    [6005] => 

    [6006] =>             const h1 = text.messagewidth;

    [6007] =>             const h2 = text.messageheight;

    [6008] =>             const h3 = t.offsetWidth;

    [6009] =>             const h4 = t.offsetHeight;

    [6010] =>             const h5 = messagefontsizenumber.value;

    [6011] => 

    [6012] =>             //const h4 = t.offsetParent;//t.style.fontSize;

    [6013] =>             //const h5 = t.clientHeight;//text.style.height;

    [6014] =>             //const h6 = text.height;

    [6015] =>             //const h7 = text.getBoundingClientRect().height;

    [6016] =>             //const h8 = text.style.lineHeight;

    [6017] =>             //const h9 = canvas.getBoundingClientRect().height;

    [6018] =>             console.log(h1, h2, h3, h4, h5);

    [6019] =>             //t.hidden = true;

    [6020] => 

    [6021] =>             if(h2 < h4)

    [6022] =>             {

    [6023] =>                 messagefontsizenumber.value -= 1;

    [6024] =>                 messagefit();

    [6025] =>             }

    [6026] => 

    [6027] =>             messagefontsizenumberupdate();

    [6028] =>         }

    [6029] => //*/

    [6030] => 

    [6031] => 

    [6032] => 

    [6033] =>         function messagefontstyleload()

    [6034] =>         {

    [6035] =>             const div = document.createElement("div");

    [6036] =>             div.id = "messagefontstyle";

    [6037] =>             div.innerHTML = "font-style";

    [6038] =>             tabcontentmessage.append(div);

    [6039] =>         }

    [6040] =>         addEventListener("load", messagefontstyleload);

    [6041] => 

    [6042] =>         function messagefontstyleselectload()

    [6043] =>         {

    [6044] =>             const br = document.createElement("br");

    [6045] =>             messagefontstyle.append(br);

    [6046] => 

    [6047] =>             const select = document.createElement("select");

    [6048] =>             select.id = "messagefontstyleselect";

    [6049] =>             select.addEventListener("input", messagefontstyleselectupdate);

    [6050] =>             messagefontstyle.append(select);

    [6051] => 

    [6052] =>             for(const value of fontstylearray)

    [6053] =>             {

    [6054] =>                 const option = document.createElement("option");

    [6055] =>                 option.innerHTML = value;

    [6056] =>                 select.add(option);

    [6057] =>             }

    [6058] => 

    [6059] =>             messagefontstyleselectset();

    [6060] =>         }

    [6061] =>         addEventListener("load", messagefontstyleselectload);

    [6062] => 

    [6063] =>         function messagefontstyleselectset()

    [6064] =>         {

    [6065] =>             text.messagefontstyle = messagefontstyleselect.value;

    [6066] =>         }

    [6067] => 

    [6068] =>         function messagefontstyleselectupdate()

    [6069] =>         {

    [6070] =>             messagefontstyleselectset();

    [6071] =>             svgupdate();

    [6072] =>         }

    [6073] => 

    [6074] => 

    [6075] => 

    [6076] =>         function messagefontvariantload()

    [6077] =>         {

    [6078] =>             const div = document.createElement("div");

    [6079] =>             div.id = "messagefontvariant";

    [6080] =>             div.innerHTML = "font-variant";

    [6081] =>             tabcontentmessage.append(div);

    [6082] =>         }

    [6083] =>         addEventListener("load", messagefontvariantload);

    [6084] => 

    [6085] =>         function messagefontvariantselectload()

    [6086] =>         {

    [6087] =>             const br = document.createElement("br");

    [6088] =>             messagefontvariant.append(br);

    [6089] => 

    [6090] =>             const select = document.createElement("select");

    [6091] =>             select.id = "messagefontvariantselect";

    [6092] =>             select.addEventListener("input", messagefontvariantselectupdate);

    [6093] =>             messagefontvariant.append(select);

    [6094] => 

    [6095] =>             for(const value of fontvariantarray)

    [6096] =>             {

    [6097] =>                 const option = document.createElement("option");

    [6098] =>                 option.innerHTML = value;

    [6099] =>                 select.add(option);

    [6100] =>             }

    [6101] => 

    [6102] =>             messagefontvariantselectset();

    [6103] =>         }

    [6104] =>         addEventListener("load", messagefontvariantselectload);

    [6105] => 

    [6106] =>         function messagefontvariantselectset()

    [6107] =>         {

    [6108] =>             text.messagefontvariant = messagefontvariantselect.value;

    [6109] =>         }

    [6110] => 

    [6111] =>         function messagefontvariantselectupdate()

    [6112] =>         {

    [6113] =>             messagefontvariantselectset();

    [6114] =>             svgupdate();

    [6115] =>         }

    [6116] => 

    [6117] => 

    [6118] => 

    [6119] =>         function messagefontweightload()

    [6120] =>         {

    [6121] =>             const div = document.createElement("div");

    [6122] =>             div.id = "messagefontweight";

    [6123] =>             div.innerHTML = "font-weight";

    [6124] =>             tabcontentmessage.append(div);

    [6125] =>         }

    [6126] =>         addEventListener("load", messagefontweightload);

    [6127] => 

    [6128] =>         function messagefontweightselectload()

    [6129] =>         {

    [6130] =>             const br = document.createElement("br");

    [6131] =>             messagefontweight.append(br);

    [6132] => 

    [6133] =>             const select = document.createElement("select");

    [6134] =>             select.id = "messagefontweightselect";

    [6135] =>             select.addEventListener("input", messagefontweightselectupdate);

    [6136] =>             messagefontweight.append(select);

    [6137] => 

    [6138] =>             for(const value of fontweightarray)

    [6139] =>             {

    [6140] =>                 const option = document.createElement("option");

    [6141] =>                 option.innerHTML = value;

    [6142] =>                 select.add(option);

    [6143] =>             }

    [6144] => 

    [6145] =>             messagefontweightselectset();

    [6146] =>         }

    [6147] =>         addEventListener("load", messagefontweightselectload);

    [6148] => 

    [6149] =>         function messagefontweightselectset()

    [6150] =>         {

    [6151] =>             text.messagefontweight = messagefontweightselect.value;

    [6152] =>         }

    [6153] => 

    [6154] =>         function messagefontweightselectupdate()

    [6155] =>         {

    [6156] =>             messagefontweightselectset();

    [6157] =>             svgupdate();

    [6158] =>         }

    [6159] => 

    [6160] => 

    [6161] => 

    [6162] =>         function messagecolorload()

    [6163] =>         {

    [6164] =>             const div = document.createElement("div");

    [6165] =>             div.id = "messagecolor";

    [6166] =>             div.innerHTML = "color";

    [6167] =>             tabcontentmessage.append(div);

    [6168] =>         }

    [6169] =>         addEventListener("load", messagecolorload);

    [6170] => 

    [6171] =>         function messagecolorcolorload()

    [6172] =>         {

    [6173] =>             const br = document.createElement("br");

    [6174] =>             messagecolor.append(br);

    [6175] => 

    [6176] =>             const input = document.createElement("input");

    [6177] =>             input.id = "messagecolorcolor";

    [6178] =>             input.type = "color";

    [6179] =>             input.value = "#000000";

    [6180] =>             input.addEventListener("input", messagecolorcolorupdate);

    [6181] =>             messagecolor.append(input);

    [6182] => 

    [6183] =>             //messagecolorcolorset();

    [6184] =>         }

    [6185] =>         addEventListener("load", messagecolorcolorload);

    [6186] => 

    [6187] =>         function messagecolorcolorset()

    [6188] =>         {

    [6189] =>             const c = messagecolorcolor.value;

    [6190] =>             const r = parseInt(c.slice(1,3),16);

    [6191] =>             const g = parseInt(c.slice(3,5),16);

    [6192] =>             const b = parseInt(c.slice(5,7),16);

    [6193] =>             const a = messagealphanumber.value;

    [6194] => 

    [6195] =>             text.messagecolor = `rgb(${r} ${g} ${b} / ${a})`;

    [6196] =>         }

    [6197] => 

    [6198] =>         function messagecolorcolorupdate()

    [6199] =>         {

    [6200] =>             messagecolorcolorset();

    [6201] =>             svgupdate();

    [6202] =>         }

    [6203] => 

    [6204] =>         function messagecolorexactload()

    [6205] =>         {

    [6206] =>             const br = document.createElement("br");

    [6207] =>             messagecolor.append(br);

    [6208] => 

    [6209] =>             const array =

    [6210] =>             [

    [6211] =>                 ["black","#000000"],

    [6212] =>                 ["white","#ffffff"],

    [6213] =>             ];

    [6214] => 

    [6215] =>             for(const value of array)

    [6216] =>             {

    [6217] =>                 const button = document.createElement("button");

    [6218] =>                 button.innerHTML = value[0];

    [6219] =>                 button.value = value[1];

    [6220] =>                 button.addEventListener("click", messagecolorexactupdate);

    [6221] =>                 messagecolor.append(button);

    [6222] =>             }

    [6223] =>         }

    [6224] =>         addEventListener("load", messagecolorexactload);

    [6225] => 

    [6226] =>         function messagecolorexactupdate(e)

    [6227] =>         {

    [6228] =>             messagecolorcolor.value = e.target.value;

    [6229] => 

    [6230] =>             messagecolorcolorupdate();

    [6231] =>         }

    [6232] => 

    [6233] => 

    [6234] => 

    [6235] =>         function messagealphaload()

    [6236] =>         {

    [6237] =>             const div = document.createElement("div");

    [6238] =>             div.id = "messagealpha";

    [6239] =>             div.innerHTML = "alpha";

    [6240] =>             tabcontentmessage.append(div);

    [6241] => 

    [6242] =>             const style = div.style;

    [6243] =>             style.overflowY = "hidden";

    [6244] =>             style.whiteSpace = "nowrap";

    [6245] =>         }

    [6246] =>         addEventListener("load", messagealphaload);

    [6247] => 

    [6248] =>         function messagealphanumberload()

    [6249] =>         {

    [6250] =>             const br = document.createElement("br");

    [6251] =>             messagealpha.append(br);

    [6252] => 

    [6253] =>             const input = document.createElement("input");

    [6254] =>             input.id = "messagealphanumber";

    [6255] =>             input.max = 1;

    [6256] =>             input.min = 0;

    [6257] =>             input.step = 0.01;

    [6258] =>             input.type = "number";

    [6259] =>             input.value = 1;

    [6260] =>             input.addEventListener("input", messagealphanumberupdate);

    [6261] =>             messagealpha.append(input);

    [6262] => 

    [6263] =>             //messagealphanumberset();

    [6264] =>         }

    [6265] =>         addEventListener("load", messagealphanumberload);

    [6266] => 

    [6267] =>         function messagealphanumberset()

    [6268] =>         {

    [6269] =>             const c = messagecolorcolor.value;

    [6270] =>             const r = parseInt(c.slice(1,3),16);

    [6271] =>             const g = parseInt(c.slice(3,5),16);

    [6272] =>             const b = parseInt(c.slice(5,7),16);

    [6273] =>             const a = messagealphanumber.value;

    [6274] => 

    [6275] =>             messagealpharange.value = a;

    [6276] =>             text.messagecolor = `rgb(${r} ${g} ${b} / ${a})`;

    [6277] =>         }

    [6278] => 

    [6279] =>         function messagealphanumberupdate()

    [6280] =>         {

    [6281] =>             messagealphanumberset();

    [6282] =>             svgupdate();

    [6283] =>         }

    [6284] => 

    [6285] =>         function messagealpharangeload()

    [6286] =>         {

    [6287] =>             const input = document.createElement("input");

    [6288] =>             input.id = "messagealpharange";

    [6289] =>             input.max = messagealphanumber.max;

    [6290] =>             input.min = messagealphanumber.min;

    [6291] =>             input.step = messagealphanumber.step;

    [6292] =>             input.type = "range";

    [6293] =>             input.value = messagealphanumber.value;

    [6294] =>             input.addEventListener("input", messagealpharangeupdate);

    [6295] =>             messagealpha.append(input);

    [6296] => 

    [6297] =>             messagealpharangeset();

    [6298] =>         }

    [6299] =>         addEventListener("load", messagealpharangeload);

    [6300] => 

    [6301] =>         function messagealpharangeset()

    [6302] =>         {

    [6303] =>             const c = messagecolorcolor.value;

    [6304] =>             const r = parseInt(c.slice(1,3),16);

    [6305] =>             const g = parseInt(c.slice(3,5),16);

    [6306] =>             const b = parseInt(c.slice(5,7),16);

    [6307] =>             const a = messagealpharange.value;

    [6308] => 

    [6309] =>             messagealphanumber.value = a;

    [6310] =>             text.messagecolor = `rgb(${r} ${g} ${b} / ${a})`;

    [6311] =>         }

    [6312] => 

    [6313] =>         function messagealpharangeupdate()

    [6314] =>         {

    [6315] =>             messagealpharangeset();

    [6316] =>             svgupdate();

    [6317] =>         }

    [6318] => 

    [6319] =>         function messagealphaexactload()

    [6320] =>         {

    [6321] =>             const br = document.createElement("br");

    [6322] =>             messagealpha.append(br);

    [6323] => 

    [6324] =>             const array =

    [6325] =>             [

    [6326] =>                 ["0",0],

    [6327] =>                 ["0.25",0.25],

    [6328] =>                 ["0.5",0.5],

    [6329] =>                 ["0.75",0.75],

    [6330] =>                 ["1",1],

    [6331] =>             ];

    [6332] => 

    [6333] =>             for(const value of array)

    [6334] =>             {

    [6335] =>                 const button = document.createElement("button");

    [6336] =>                 button.innerHTML = value[0];

    [6337] =>                 button.value = value[1];

    [6338] =>                 button.addEventListener("click", messagealphaexactupdate);

    [6339] =>                 messagealpha.append(button);

    [6340] =>             }

    [6341] =>         }

    [6342] =>         addEventListener("load", messagealphaexactload);

    [6343] => 

    [6344] =>         function messagealphaexactupdate(e)

    [6345] =>         {

    [6346] =>             messagealphanumber.value = Number(e.target.value);

    [6347] => 

    [6348] =>             messagealphanumberupdate();

    [6349] =>         }

    [6350] => 

    [6351] =>         function messagealphaincrementload()

    [6352] =>         {

    [6353] =>             const br = document.createElement("br");

    [6354] =>             messagealpha.append(br);

    [6355] => 

    [6356] =>             const array =

    [6357] =>             [

    [6358] =>                 ["-0.1",-0.1],

    [6359] =>                 ["-0.01",-0.01],

    [6360] =>                 ["+0.01",0.01],

    [6361] =>                 ["+0.1",0.1],

    [6362] =>             ];

    [6363] => 

    [6364] =>             for(const value of array)

    [6365] =>             {

    [6366] =>                 const button = document.createElement("button");

    [6367] =>                 button.innerHTML = value[0];

    [6368] =>                 button.value = value[1];

    [6369] =>                 button.addEventListener("click", messagealphaincrementupdate);

    [6370] =>                 messagealpha.append(button);

    [6371] =>             }

    [6372] =>         }

    [6373] =>         addEventListener("load", messagealphaincrementload);

    [6374] => 

    [6375] =>         function messagealphaincrementupdate(e)

    [6376] =>         {

    [6377] =>             let v = Number(messagealphanumber.value) + Number(e.target.value);

    [6378] =>             v = parseFloat(v.toFixed(2));

    [6379] => 

    [6380] =>             if((messagealphanumber.min <= v) && (v <= messagealphanumber.max))

    [6381] =>             {

    [6382] =>                 messagealphanumber.value = v;

    [6383] => 

    [6384] =>                 messagealphanumberupdate();

    [6385] =>             }

    [6386] =>         }

    [6387] => 

    [6388] => 

    [6389] => 

    [6390] => /*leftoff

    [6391] =>         function messagefilterblurload()

    [6392] =>         {

    [6393] =>             const div = document.createElement("div");

    [6394] =>             div.id = "messagefilterblur";

    [6395] =>             div.innerHTML = "filter-blur";

    [6396] =>             tabcontentmessage.append(div);

    [6397] => 

    [6398] =>             const style = div.style;

    [6399] =>             style.overflowY = "hidden";

    [6400] =>             style.whiteSpace = "nowrap";

    [6401] =>         }

    [6402] =>         addEventListener("load", messagefilterblurload);

    [6403] => 

    [6404] =>         function messagefilterblurnumberload()

    [6405] =>         {

    [6406] =>             const br = document.createElement("br");

    [6407] =>             messagefilterblur.append(br);

    [6408] => 

    [6409] =>             const input = document.createElement("input");

    [6410] =>             input.id = "messagefilterblurnumber";

    [6411] =>             input.max = 1000;

    [6412] =>             input.min = 0;

    [6413] =>             input.step = 1;

    [6414] =>             input.type = "number";

    [6415] =>             input.value = 0;

    [6416] =>             input.addEventListener("input", messagefilterblurnumberupdate);

    [6417] =>             messagefilterblur.append(input);

    [6418] => 

    [6419] =>             //messagefilterblurnumberset();

    [6420] =>         }

    [6421] =>         addEventListener("load", messagefilterblurnumberload);

    [6422] => 

    [6423] =>         function messagefilterblurnumberset()

    [6424] =>         {

    [6425] =>             const v = messagefilterblurnumber.value;

    [6426] => 

    [6427] =>             messagefilterblurrange.value = v;

    [6428] =>             text.messagebackdropfilterblur = v;

    [6429] =>         }

    [6430] => 

    [6431] =>         function messagefilterblurnumberupdate()

    [6432] =>         {

    [6433] =>             messagefilterblurnumberset();

    [6434] =>             svgupdate();

    [6435] =>         }

    [6436] => 

    [6437] =>         function messagefilterblurrangeload()

    [6438] =>         {

    [6439] =>             const input = document.createElement("input");

    [6440] =>             input.id = "messagefilterblurrange";

    [6441] =>             input.max = messagefilterblurnumber.max;

    [6442] =>             input.min = messagefilterblurnumber.min;

    [6443] =>             input.step = messagefilterblurnumber.step;

    [6444] =>             input.type = "range";

    [6445] =>             input.value = messagefilterblurnumber.value;

    [6446] =>             input.addEventListener("input", messagefilterblurrangeupdate);

    [6447] =>             messagefilterblur.append(input);

    [6448] => 

    [6449] =>             messagefilterblurrangeset();

    [6450] =>         }

    [6451] =>         addEventListener("load", messagefilterblurrangeload);

    [6452] => 

    [6453] =>         function messagefilterblurrangeset()

    [6454] =>         {

    [6455] =>             const v = messagefilterblurrange.value;

    [6456] => 

    [6457] =>             messagefilterblurnumber.value = v;

    [6458] =>             text.messagebackdropfilterblur = v;

    [6459] =>         }

    [6460] => 

    [6461] =>         function messagefilterblurrangeupdate()

    [6462] =>         {

    [6463] =>             messagefilterblurrangeset();

    [6464] =>             svgupdate();

    [6465] =>         }

    [6466] => 

    [6467] =>         function messagefilterblurexactload()

    [6468] =>         {

    [6469] =>             const br = document.createElement("br");

    [6470] =>             messagefilterblur.append(br);

    [6471] => 

    [6472] =>             const array =

    [6473] =>             [

    [6474] =>                 ["0",0],

    [6475] =>                 ["2",2],

    [6476] =>                 ["4",4],

    [6477] =>                 ["8",8],

    [6478] =>                 ["16",16],

    [6479] =>                 ["32",32],

    [6480] =>                 ["64",64],

    [6481] =>             ];

    [6482] => 

    [6483] =>             for(const value of array)

    [6484] =>             {

    [6485] =>                 const button = document.createElement("button");

    [6486] =>                 button.innerHTML = value[0];

    [6487] =>                 button.value = value[1];

    [6488] =>                 button.addEventListener("click", messagefilterblurexactupdate);

    [6489] =>                 messagefilterblur.append(button);

    [6490] =>             }

    [6491] =>         }

    [6492] =>         addEventListener("load", messagefilterblurexactload);

    [6493] => 

    [6494] =>         function messagefilterblurexactupdate(e)

    [6495] =>         {

    [6496] =>             messagefilterblurnumber.value = Number(e.target.value);

    [6497] => 

    [6498] =>             messagefilterblurnumberupdate();

    [6499] =>         }

    [6500] => 

    [6501] =>         function messagefilterblurincrementload()

    [6502] =>         {

    [6503] =>             const br = document.createElement("br");

    [6504] =>             messagefilterblur.append(br);

    [6505] => 

    [6506] =>             const array =

    [6507] =>             [

    [6508] =>                 ["-100",-100],

    [6509] =>                 ["-10",-10],

    [6510] =>                 ["-1",-1],

    [6511] =>                 ["+1",1],

    [6512] =>                 ["+10",10],

    [6513] =>                 ["+100",100],

    [6514] =>             ];

    [6515] => 

    [6516] =>             for(const value of array)

    [6517] =>             {

    [6518] =>                 const button = document.createElement("button");

    [6519] =>                 button.innerHTML = value[0];

    [6520] =>                 button.value = value[1];

    [6521] =>                 button.addEventListener("click", messagefilterblurincrementupdate);

    [6522] =>                 messagefilterblur.append(button);

    [6523] =>             }

    [6524] =>         }

    [6525] =>         addEventListener("load", messagefilterblurincrementload);

    [6526] => 

    [6527] =>         function messagefilterblurincrementupdate(e)

    [6528] =>         {

    [6529] =>             const v = Number(messagefilterblurnumber.value) + Number(e.target.value);

    [6530] => 

    [6531] =>             if((messagefilterblurnumber.min <= v) && (v <= messagefilterblurnumber.max))

    [6532] =>             {

    [6533] =>                 messagefilterblurnumber.value = v;

    [6534] => 

    [6535] =>                 messagefilterblurnumberupdate();

    [6536] =>             }

    [6537] =>         }

    [6538] => 

    [6539] => 

    [6540] => 

    [6541] =>         function messagefilterbrightnessload()

    [6542] =>         {

    [6543] =>             const div = document.createElement("div");

    [6544] =>             div.id = "messagefilterbrightness";

    [6545] =>             div.innerHTML = "filter-brightness";

    [6546] =>             tabcontentmessage.append(div);

    [6547] => 

    [6548] =>             const style = div.style;

    [6549] =>             style.overflowY = "hidden";

    [6550] =>             style.whiteSpace = "nowrap";

    [6551] =>         }

    [6552] =>         addEventListener("load", messagefilterbrightnessload);

    [6553] => 

    [6554] =>         function messagefilterbrightnessnumberload()

    [6555] =>         {

    [6556] =>             const br = document.createElement("br");

    [6557] =>             messagefilterbrightness.append(br);

    [6558] => 

    [6559] =>             const input = document.createElement("input");

    [6560] =>             input.id = "messagefilterbrightnessnumber";

    [6561] =>             input.max = 1000;

    [6562] =>             input.min = 0;

    [6563] =>             input.step = 1;

    [6564] =>             input.type = "number";

    [6565] =>             input.value = 100;

    [6566] =>             input.addEventListener("input", messagefilterbrightnessnumberupdate);

    [6567] =>             messagefilterbrightness.append(input);

    [6568] => 

    [6569] =>             //messagefilterbrightnessnumberset();

    [6570] =>         }

    [6571] =>         addEventListener("load", messagefilterbrightnessnumberload);

    [6572] => 

    [6573] =>         function messagefilterbrightnessnumberset()

    [6574] =>         {

    [6575] =>             const v = messagefilterbrightnessnumber.value;

    [6576] => 

    [6577] =>             messagefilterbrightnessrange.value = v;

    [6578] =>             text.messagebackdropfilterbrightness = v;

    [6579] =>         }

    [6580] => 

    [6581] =>         function messagefilterbrightnessnumberupdate()

    [6582] =>         {

    [6583] =>             messagefilterbrightnessnumberset();

    [6584] =>             svgupdate();

    [6585] =>         }

    [6586] => 

    [6587] =>         function messagefilterbrightnessrangeload()

    [6588] =>         {

    [6589] =>             const input = document.createElement("input");

    [6590] =>             input.id = "messagefilterbrightnessrange";

    [6591] =>             input.max = messagefilterbrightnessnumber.max;

    [6592] =>             input.min = messagefilterbrightnessnumber.min;

    [6593] =>             input.step = messagefilterbrightnessnumber.step;

    [6594] =>             input.type = "range";

    [6595] =>             input.value = messagefilterbrightnessnumber.value;

    [6596] =>             input.addEventListener("input", messagefilterbrightnessrangeupdate);

    [6597] =>             messagefilterbrightness.append(input);

    [6598] => 

    [6599] =>             messagefilterbrightnessrangeset();

    [6600] =>         }

    [6601] =>         addEventListener("load", messagefilterbrightnessrangeload);

    [6602] => 

    [6603] =>         function messagefilterbrightnessrangeset()

    [6604] =>         {

    [6605] =>             const v = messagefilterbrightnessrange.value;

    [6606] => 

    [6607] =>             messagefilterbrightnessnumber.value = v;

    [6608] =>             text.messagebackdropfilterbrightness = v;

    [6609] =>         }

    [6610] => 

    [6611] =>         function messagefilterbrightnessrangeupdate()

    [6612] =>         {

    [6613] =>             messagefilterbrightnessrangeset();

    [6614] =>             svgupdate();

    [6615] =>         }

    [6616] => 

    [6617] =>         function messagefilterbrightnessexactload()

    [6618] =>         {

    [6619] =>             const br = document.createElement("br");

    [6620] =>             messagefilterbrightness.append(br);

    [6621] => 

    [6622] =>             const array =

    [6623] =>             [

    [6624] =>                 ["0",0],

    [6625] =>                 ["50",50],

    [6626] =>                 ["100 (initial)",100],

    [6627] =>                 ["150",150],

    [6628] =>                 ["200",200],

    [6629] =>             ];

    [6630] => 

    [6631] =>             for(const value of array)

    [6632] =>             {

    [6633] =>                 const button = document.createElement("button");

    [6634] =>                 button.innerHTML = value[0];

    [6635] =>                 button.value = value[1];

    [6636] =>                 button.addEventListener("click", messagefilterbrightnessexactupdate);

    [6637] =>                 messagefilterbrightness.append(button);

    [6638] =>             }

    [6639] =>         }

    [6640] =>         addEventListener("load", messagefilterbrightnessexactload);

    [6641] => 

    [6642] =>         function messagefilterbrightnessexactupdate(e)

    [6643] =>         {

    [6644] =>             messagefilterbrightnessnumber.value = Number(e.target.value);

    [6645] => 

    [6646] =>             messagefilterbrightnessnumberupdate();

    [6647] =>         }

    [6648] => 

    [6649] =>         function messagefilterbrightnessincrementload()

    [6650] =>         {

    [6651] =>             const br = document.createElement("br");

    [6652] =>             messagefilterbrightness.append(br);

    [6653] => 

    [6654] =>             const array =

    [6655] =>             [

    [6656] =>                 ["-100",-100],

    [6657] =>                 ["-10",-10],

    [6658] =>                 ["-1",-1],

    [6659] =>                 ["+1",1],

    [6660] =>                 ["+10",10],

    [6661] =>                 ["+100",100],

    [6662] =>             ];

    [6663] => 

    [6664] =>             for(const value of array)

    [6665] =>             {

    [6666] =>                 const button = document.createElement("button");

    [6667] =>                 button.innerHTML = value[0];

    [6668] =>                 button.value = value[1];

    [6669] =>                 button.addEventListener("click", messagefilterbrightnessincrementupdate);

    [6670] =>                 messagefilterbrightness.append(button);

    [6671] =>             }

    [6672] =>         }

    [6673] =>         addEventListener("load", messagefilterbrightnessincrementload);

    [6674] => 

    [6675] =>         function messagefilterbrightnessincrementupdate(e)

    [6676] =>         {

    [6677] =>             const v = Number(messagefilterbrightnessnumber.value) + Number(e.target.value);

    [6678] => 

    [6679] =>             if((messagefilterbrightnessnumber.min <= v) && (v <= messagefilterbrightnessnumber.max))

    [6680] =>             {

    [6681] =>                 messagefilterbrightnessnumber.value = v;

    [6682] => 

    [6683] =>                 messagefilterbrightnessnumberupdate();

    [6684] =>             }

    [6685] =>         }

    [6686] => 

    [6687] => 

    [6688] => 

    [6689] =>         function messagefiltercontrastload()

    [6690] =>         {

    [6691] =>             const div = document.createElement("div");

    [6692] =>             div.id = "messagefiltercontrast";

    [6693] =>             div.innerHTML = "filter-contrast";

    [6694] =>             tabcontentmessage.append(div);

    [6695] => 

    [6696] =>             const style = div.style;

    [6697] =>             style.overflowY = "hidden";

    [6698] =>             style.whiteSpace = "nowrap";

    [6699] =>         }

    [6700] =>         addEventListener("load", messagefiltercontrastload);

    [6701] => 

    [6702] =>         function messagefiltercontrastnumberload()

    [6703] =>         {

    [6704] =>             const br = document.createElement("br");

    [6705] =>             messagefiltercontrast.append(br);

    [6706] => 

    [6707] =>             const input = document.createElement("input");

    [6708] =>             input.id = "messagefiltercontrastnumber";

    [6709] =>             input.max = 1000;

    [6710] =>             input.min = 0;

    [6711] =>             input.step = 1;

    [6712] =>             input.type = "number";

    [6713] =>             input.value = 100;

    [6714] =>             input.addEventListener("input", messagefiltercontrastnumberupdate);

    [6715] =>             messagefiltercontrast.append(input);

    [6716] => 

    [6717] =>             //messagefiltercontrastnumberset();

    [6718] =>         }

    [6719] =>         addEventListener("load", messagefiltercontrastnumberload);

    [6720] => 

    [6721] =>         function messagefiltercontrastnumberset()

    [6722] =>         {

    [6723] =>             const v = messagefiltercontrastnumber.value;

    [6724] => 

    [6725] =>             messagefiltercontrastrange.value = v;

    [6726] =>             text.messagebackdropfiltercontrast = v;

    [6727] =>         }

    [6728] => 

    [6729] =>         function messagefiltercontrastnumberupdate()

    [6730] =>         {

    [6731] =>             messagefiltercontrastnumberset();

    [6732] =>             svgupdate();

    [6733] =>         }

    [6734] => 

    [6735] =>         function messagefiltercontrastrangeload()

    [6736] =>         {

    [6737] =>             const input = document.createElement("input");

    [6738] =>             input.id = "messagefiltercontrastrange";

    [6739] =>             input.max = messagefiltercontrastnumber.max;

    [6740] =>             input.min = messagefiltercontrastnumber.min;

    [6741] =>             input.step = messagefiltercontrastnumber.step;

    [6742] =>             input.type = "range";

    [6743] =>             input.value = messagefiltercontrastnumber.value;

    [6744] =>             input.addEventListener("input", messagefiltercontrastrangeupdate);

    [6745] =>             messagefiltercontrast.append(input);

    [6746] => 

    [6747] =>             messagefiltercontrastrangeset();

    [6748] =>         }

    [6749] =>         addEventListener("load", messagefiltercontrastrangeload);

    [6750] => 

    [6751] =>         function messagefiltercontrastrangeset()

    [6752] =>         {

    [6753] =>             const v = messagefiltercontrastrange.value;

    [6754] => 

    [6755] =>             messagefiltercontrastnumber.value = v;

    [6756] =>             text.messagebackdropfiltercontrast = v;

    [6757] =>         }

    [6758] => 

    [6759] =>         function messagefiltercontrastrangeupdate()

    [6760] =>         {

    [6761] =>             messagefiltercontrastrangeset();

    [6762] =>             svgupdate();

    [6763] =>         }

    [6764] => 

    [6765] =>         function messagefiltercontrastexactload()

    [6766] =>         {

    [6767] =>             const br = document.createElement("br");

    [6768] =>             messagefiltercontrast.append(br);

    [6769] => 

    [6770] =>             const array =

    [6771] =>             [

    [6772] =>                 ["0",0],

    [6773] =>                 ["50",50],

    [6774] =>                 ["100 (initial)",100],

    [6775] =>                 ["150",150],

    [6776] =>                 ["200",200],

    [6777] =>             ];

    [6778] => 

    [6779] =>             for(const value of array)

    [6780] =>             {

    [6781] =>                 const button = document.createElement("button");

    [6782] =>                 button.innerHTML = value[0];

    [6783] =>                 button.value = value[1];

    [6784] =>                 button.addEventListener("click", messagefiltercontrastexactupdate);

    [6785] =>                 messagefiltercontrast.append(button);

    [6786] =>             }

    [6787] =>         }

    [6788] =>         addEventListener("load", messagefiltercontrastexactload);

    [6789] => 

    [6790] =>         function messagefiltercontrastexactupdate(e)

    [6791] =>         {

    [6792] =>             messagefiltercontrastnumber.value = Number(e.target.value);

    [6793] => 

    [6794] =>             messagefiltercontrastnumberupdate();

    [6795] =>         }

    [6796] => 

    [6797] =>         function messagefiltercontrastincrementload()

    [6798] =>         {

    [6799] =>             const br = document.createElement("br");

    [6800] =>             messagefiltercontrast.append(br);

    [6801] => 

    [6802] =>             const array =

    [6803] =>             [

    [6804] =>                 ["-100",-100],

    [6805] =>                 ["-10",-10],

    [6806] =>                 ["-1",-1],

    [6807] =>                 ["+1",1],

    [6808] =>                 ["+10",10],

    [6809] =>                 ["+100",100],

    [6810] =>             ];

    [6811] => 

    [6812] =>             for(const value of array)

    [6813] =>             {

    [6814] =>                 const button = document.createElement("button");

    [6815] =>                 button.innerHTML = value[0];

    [6816] =>                 button.value = value[1];

    [6817] =>                 button.addEventListener("click", messagefiltercontrastincrementupdate);

    [6818] =>                 messagefiltercontrast.append(button);

    [6819] =>             }

    [6820] =>         }

    [6821] =>         addEventListener("load", messagefiltercontrastincrementload);

    [6822] => 

    [6823] =>         function messagefiltercontrastincrementupdate(e)

    [6824] =>         {

    [6825] =>             const v = Number(messagefiltercontrastnumber.value) + Number(e.target.value);

    [6826] => 

    [6827] =>             if((messagefiltercontrastnumber.min <= v) && (v <= messagefiltercontrastnumber.max))

    [6828] =>             {

    [6829] =>                 messagefiltercontrastnumber.value = v;

    [6830] => 

    [6831] =>                 messagefiltercontrastnumberupdate();

    [6832] =>             }

    [6833] =>         }

    [6834] => 

    [6835] => 

    [6836] => 

    [6837] =>         function messagefiltergrayscaleload()

    [6838] =>         {

    [6839] =>             const div = document.createElement("div");

    [6840] =>             div.id = "messagefiltergrayscale";

    [6841] =>             div.innerHTML = "filter-grayscale";

    [6842] =>             tabcontentmessage.append(div);

    [6843] => 

    [6844] =>             const style = div.style;

    [6845] =>             style.overflowY = "hidden";

    [6846] =>             style.whiteSpace = "nowrap";

    [6847] =>         }

    [6848] =>         addEventListener("load", messagefiltergrayscaleload);

    [6849] => 

    [6850] =>         function messagefiltergrayscalenumberload()

    [6851] =>         {

    [6852] =>             const br = document.createElement("br");

    [6853] =>             messagefiltergrayscale.append(br);

    [6854] => 

    [6855] =>             const input = document.createElement("input");

    [6856] =>             input.id = "messagefiltergrayscalenumber";

    [6857] =>             input.max = 100;

    [6858] =>             input.min = 0;

    [6859] =>             input.step = 1;

    [6860] =>             input.type = "number";

    [6861] =>             input.value = 0;

    [6862] =>             input.addEventListener("input", messagefiltergrayscalenumberupdate);

    [6863] =>             messagefiltergrayscale.append(input);

    [6864] => 

    [6865] =>             //messagefiltergrayscalenumberset();

    [6866] =>         }

    [6867] =>         addEventListener("load", messagefiltergrayscalenumberload);

    [6868] => 

    [6869] =>         function messagefiltergrayscalenumberset()

    [6870] =>         {

    [6871] =>             const v = messagefiltergrayscalenumber.value;

    [6872] => 

    [6873] =>             messagefiltergrayscalerange.value = v;

    [6874] =>             text.messagebackdropfiltergrayscale = v;

    [6875] =>         }

    [6876] => 

    [6877] =>         function messagefiltergrayscalenumberupdate()

    [6878] =>         {

    [6879] =>             messagefiltergrayscalenumberset();

    [6880] =>             svgupdate();

    [6881] =>         }

    [6882] => 

    [6883] =>         function messagefiltergrayscalerangeload()

    [6884] =>         {

    [6885] =>             const input = document.createElement("input");

    [6886] =>             input.id = "messagefiltergrayscalerange";

    [6887] =>             input.max = messagefiltergrayscalenumber.max;

    [6888] =>             input.min = messagefiltergrayscalenumber.min;

    [6889] =>             input.step = messagefiltergrayscalenumber.step;

    [6890] =>             input.type = "range";

    [6891] =>             input.value = messagefiltergrayscalenumber.value;

    [6892] =>             input.addEventListener("input", messagefiltergrayscalerangeupdate);

    [6893] =>             messagefiltergrayscale.append(input);

    [6894] => 

    [6895] =>             messagefiltergrayscalerangeset();

    [6896] =>         }

    [6897] =>         addEventListener("load", messagefiltergrayscalerangeload);

    [6898] => 

    [6899] =>         function messagefiltergrayscalerangeset()

    [6900] =>         {

    [6901] =>             const v = messagefiltergrayscalerange.value;

    [6902] => 

    [6903] =>             messagefiltergrayscalenumber.value = v;

    [6904] =>             text.messagebackdropfiltergrayscale = v;

    [6905] =>         }

    [6906] => 

    [6907] =>         function messagefiltergrayscalerangeupdate()

    [6908] =>         {

    [6909] =>             messagefiltergrayscalerangeset();

    [6910] =>             svgupdate();

    [6911] =>         }

    [6912] => 

    [6913] =>         function messagefiltergrayscaleexactload()

    [6914] =>         {

    [6915] =>             const br = document.createElement("br");

    [6916] =>             messagefiltergrayscale.append(br);

    [6917] => 

    [6918] =>             const array =

    [6919] =>             [

    [6920] =>                 ["0",0],

    [6921] =>                 ["25",25],

    [6922] =>                 ["50",50],

    [6923] =>                 ["75",75],

    [6924] =>                 ["100",100],

    [6925] =>             ];

    [6926] => 

    [6927] =>             for(const value of array)

    [6928] =>             {

    [6929] =>                 const button = document.createElement("button");

    [6930] =>                 button.innerHTML = value[0];

    [6931] =>                 button.value = value[1];

    [6932] =>                 button.addEventListener("click", messagefiltergrayscaleexactupdate);

    [6933] =>                 messagefiltergrayscale.append(button);

    [6934] =>             }

    [6935] =>         }

    [6936] =>         addEventListener("load", messagefiltergrayscaleexactload);

    [6937] => 

    [6938] =>         function messagefiltergrayscaleexactupdate(e)

    [6939] =>         {

    [6940] =>             messagefiltergrayscalenumber.value = Number(e.target.value);

    [6941] => 

    [6942] =>             messagefiltergrayscalenumberupdate();

    [6943] =>         }

    [6944] => 

    [6945] =>         function messagefiltergrayscaleincrementload()

    [6946] =>         {

    [6947] =>             const br = document.createElement("br");

    [6948] =>             messagefiltergrayscale.append(br);

    [6949] => 

    [6950] =>             const array =

    [6951] =>             [

    [6952] =>                 ["-10",-10],

    [6953] =>                 ["-1",-1],

    [6954] =>                 ["+1",1],

    [6955] =>                 ["+10",10],

    [6956] =>             ];

    [6957] => 

    [6958] =>             for(const value of array)

    [6959] =>             {

    [6960] =>                 const button = document.createElement("button");

    [6961] =>                 button.innerHTML = value[0];

    [6962] =>                 button.value = value[1];

    [6963] =>                 button.addEventListener("click", messagefiltergrayscaleincrementupdate);

    [6964] =>                 messagefiltergrayscale.append(button);

    [6965] =>             }

    [6966] =>         }

    [6967] =>         addEventListener("load", messagefiltergrayscaleincrementload);

    [6968] => 

    [6969] =>         function messagefiltergrayscaleincrementupdate(e)

    [6970] =>         {

    [6971] =>             const v = Number(messagefiltergrayscalenumber.value) + Number(e.target.value);

    [6972] => 

    [6973] =>             if((messagefiltergrayscalenumber.min <= v) && (v <= messagefiltergrayscalenumber.max))

    [6974] =>             {

    [6975] =>                 messagefiltergrayscalenumber.value = v;

    [6976] => 

    [6977] =>                 messagefiltergrayscalenumberupdate();

    [6978] =>             }

    [6979] =>         }

    [6980] => 

    [6981] => 

    [6982] => 

    [6983] =>         function messagefilterhuerotateload()

    [6984] =>         {

    [6985] =>             const div = document.createElement("div");

    [6986] =>             div.id = "messagefilterhuerotate";

    [6987] =>             div.innerHTML = "filter-hue-rotate";

    [6988] =>             tabcontentmessage.append(div);

    [6989] => 

    [6990] =>             const style = div.style;

    [6991] =>             style.overflowY = "hidden";

    [6992] =>             style.whiteSpace = "nowrap";

    [6993] =>         }

    [6994] =>         addEventListener("load", messagefilterhuerotateload);

    [6995] => 

    [6996] =>         function messagefilterhuerotatenumberload()

    [6997] =>         {

    [6998] =>             const br = document.createElement("br");

    [6999] =>             messagefilterhuerotate.append(br);

    [7000] => 

    [7001] =>             const input = document.createElement("input");

    [7002] =>             input.id = "messagefilterhuerotatenumber";

    [7003] =>             input.max = 360;

    [7004] =>             input.min = 0;

    [7005] =>             input.step = 1;

    [7006] =>             input.type = "number";

    [7007] =>             input.value = 0;

    [7008] =>             input.addEventListener("input", messagefilterhuerotatenumberupdate);

    [7009] =>             messagefilterhuerotate.append(input);

    [7010] => 

    [7011] =>             //messagefilterhuerotatenumberset();

    [7012] =>         }

    [7013] =>         addEventListener("load", messagefilterhuerotatenumberload);

    [7014] => 

    [7015] =>         function messagefilterhuerotatenumberset()

    [7016] =>         {

    [7017] =>             const v = messagefilterhuerotatenumber.value;

    [7018] => 

    [7019] =>             messagefilterhuerotaterange.value = v;

    [7020] =>             text.messagebackdropfilterhuerotate = v;

    [7021] =>         }

    [7022] => 

    [7023] =>         function messagefilterhuerotatenumberupdate()

    [7024] =>         {

    [7025] =>             messagefilterhuerotatenumberset();

    [7026] =>             svgupdate();

    [7027] =>         }

    [7028] => 

    [7029] =>         function messagefilterhuerotaterangeload()

    [7030] =>         {

    [7031] =>             const input = document.createElement("input");

    [7032] =>             input.id = "messagefilterhuerotaterange";

    [7033] =>             input.max = messagefilterhuerotatenumber.max;

    [7034] =>             input.min = messagefilterhuerotatenumber.min;

    [7035] =>             input.step = messagefilterhuerotatenumber.step;

    [7036] =>             input.type = "range";

    [7037] =>             input.value = messagefilterhuerotatenumber.value;

    [7038] =>             input.addEventListener("input", messagefilterhuerotaterangeupdate);

    [7039] =>             messagefilterhuerotate.append(input);

    [7040] => 

    [7041] =>             messagefilterhuerotaterangeset();

    [7042] =>         }

    [7043] =>         addEventListener("load", messagefilterhuerotaterangeload);

    [7044] => 

    [7045] =>         function messagefilterhuerotaterangeset()

    [7046] =>         {

    [7047] =>             const v = messagefilterhuerotaterange.value;

    [7048] => 

    [7049] =>             messagefilterhuerotatenumber.value = v;

    [7050] =>             text.messagebackdropfilterhuerotate = v;

    [7051] =>         }

    [7052] => 

    [7053] =>         function messagefilterhuerotaterangeupdate()

    [7054] =>         {

    [7055] =>             messagefilterhuerotaterangeset();

    [7056] =>             svgupdate();

    [7057] =>         }

    [7058] => 

    [7059] =>         function messagefilterhuerotateexactload()

    [7060] =>         {

    [7061] =>             const br = document.createElement("br");

    [7062] =>             messagefilterhuerotate.append(br);

    [7063] => 

    [7064] =>             const array =

    [7065] =>             [

    [7066] =>                 ["0",0],

    [7067] =>                 ["90",90],

    [7068] =>                 ["180",180],

    [7069] =>                 ["270",270],

    [7070] =>                 ["360",360],

    [7071] =>             ];

    [7072] => 

    [7073] =>             for(const value of array)

    [7074] =>             {

    [7075] =>                 const button = document.createElement("button");

    [7076] =>                 button.innerHTML = value[0];

    [7077] =>                 button.value = value[1];

    [7078] =>                 button.addEventListener("click", messagefilterhuerotateexactupdate);

    [7079] =>                 messagefilterhuerotate.append(button);

    [7080] =>             }

    [7081] =>         }

    [7082] =>         addEventListener("load", messagefilterhuerotateexactload);

    [7083] => 

    [7084] =>         function messagefilterhuerotateexactupdate(e)

    [7085] =>         {

    [7086] =>             messagefilterhuerotatenumber.value = Number(e.target.value);

    [7087] => 

    [7088] =>             messagefilterhuerotatenumberupdate();

    [7089] =>         }

    [7090] => 

    [7091] =>         function messagefilterhuerotateincrementload()

    [7092] =>         {

    [7093] =>             const br = document.createElement("br");

    [7094] =>             messagefilterhuerotate.append(br);

    [7095] => 

    [7096] =>             const array =

    [7097] =>             [

    [7098] =>                 //["-90",-90],

    [7099] =>                 ["-45",-45],

    [7100] =>                 ["-15",-15],

    [7101] =>                 ["-1",-1],

    [7102] =>                 ["+1",1],

    [7103] =>                 ["+15",15],

    [7104] =>                 ["+45",45],

    [7105] =>                 //["+90",90],

    [7106] =>             ];

    [7107] => 

    [7108] =>             for(const value of array)

    [7109] =>             {

    [7110] =>                 const button = document.createElement("button");

    [7111] =>                 button.innerHTML = value[0];

    [7112] =>                 button.value = value[1];

    [7113] =>                 button.addEventListener("click", messagefilterhuerotateincrementupdate);

    [7114] =>                 messagefilterhuerotate.append(button);

    [7115] =>             }

    [7116] =>         }

    [7117] =>         addEventListener("load", messagefilterhuerotateincrementload);

    [7118] => 

    [7119] =>         function messagefilterhuerotateincrementupdate(e)

    [7120] =>         {

    [7121] =>             const v = Number(messagefilterhuerotatenumber.value) + Number(e.target.value);

    [7122] => 

    [7123] =>             if((messagefilterhuerotatenumber.min <= v) && (v <= messagefilterhuerotatenumber.max))

    [7124] =>             {

    [7125] =>                 messagefilterhuerotatenumber.value = v;

    [7126] => 

    [7127] =>                 messagefilterhuerotatenumberupdate();

    [7128] =>             }

    [7129] =>         }

    [7130] => 

    [7131] => 

    [7132] => 

    [7133] =>         function messagefilterinvertload()

    [7134] =>         {

    [7135] =>             const div = document.createElement("div");

    [7136] =>             div.id = "messagefilterinvert";

    [7137] =>             div.innerHTML = "filter-invert";

    [7138] =>             tabcontentmessage.append(div);

    [7139] => 

    [7140] =>             const style = div.style;

    [7141] =>             style.overflowY = "hidden";

    [7142] =>             style.whiteSpace = "nowrap";

    [7143] =>         }

    [7144] =>         addEventListener("load", messagefilterinvertload);

    [7145] => 

    [7146] =>         function messagefilterinvertnumberload()

    [7147] =>         {

    [7148] =>             const br = document.createElement("br");

    [7149] =>             messagefilterinvert.append(br);

    [7150] => 

    [7151] =>             const input = document.createElement("input");

    [7152] =>             input.id = "messagefilterinvertnumber";

    [7153] =>             input.max = 100;

    [7154] =>             input.min = 0;

    [7155] =>             input.step = 1;

    [7156] =>             input.type = "number";

    [7157] =>             input.value = 0;

    [7158] =>             input.addEventListener("input", messagefilterinvertnumberupdate);

    [7159] =>             messagefilterinvert.append(input);

    [7160] => 

    [7161] =>             //messagefilterinvertnumberset();

    [7162] =>         }

    [7163] =>         addEventListener("load", messagefilterinvertnumberload);

    [7164] => 

    [7165] =>         function messagefilterinvertnumberset()

    [7166] =>         {

    [7167] =>             const v = messagefilterinvertnumber.value;

    [7168] => 

    [7169] =>             messagefilterinvertrange.value = v;

    [7170] =>             text.messagebackdropfilterinvert = v;

    [7171] =>         }

    [7172] => 

    [7173] =>         function messagefilterinvertnumberupdate()

    [7174] =>         {

    [7175] =>             messagefilterinvertnumberset();

    [7176] =>             svgupdate();

    [7177] =>         }

    [7178] => 

    [7179] =>         function messagefilterinvertrangeload()

    [7180] =>         {

    [7181] =>             const input = document.createElement("input");

    [7182] =>             input.id = "messagefilterinvertrange";

    [7183] =>             input.max = messagefilterinvertnumber.max;

    [7184] =>             input.min = messagefilterinvertnumber.min;

    [7185] =>             input.step = messagefilterinvertnumber.step;

    [7186] =>             input.type = "range";

    [7187] =>             input.value = messagefilterinvertnumber.value;

    [7188] =>             input.addEventListener("input", messagefilterinvertrangeupdate);

    [7189] =>             messagefilterinvert.append(input);

    [7190] => 

    [7191] =>             messagefilterinvertrangeset();

    [7192] =>         }

    [7193] =>         addEventListener("load", messagefilterinvertrangeload);

    [7194] => 

    [7195] =>         function messagefilterinvertrangeset()

    [7196] =>         {

    [7197] =>             const v = messagefilterinvertrange.value;

    [7198] => 

    [7199] =>             messagefilterinvertnumber.value = v;

    [7200] =>             text.messagebackdropfilterinvert = v;

    [7201] =>         }

    [7202] => 

    [7203] =>         function messagefilterinvertrangeupdate()

    [7204] =>         {

    [7205] =>             messagefilterinvertrangeset();

    [7206] =>             svgupdate();

    [7207] =>         }

    [7208] => 

    [7209] =>         function messagefilterinvertexactload()

    [7210] =>         {

    [7211] =>             const br = document.createElement("br");

    [7212] =>             messagefilterinvert.append(br);

    [7213] => 

    [7214] =>             const array =

    [7215] =>             [

    [7216] =>                 ["0",0],

    [7217] =>                 ["25",25],

    [7218] =>                 ["50",50],

    [7219] =>                 ["75",75],

    [7220] =>                 ["100",100],

    [7221] =>             ];

    [7222] => 

    [7223] =>             for(const value of array)

    [7224] =>             {

    [7225] =>                 const button = document.createElement("button");

    [7226] =>                 button.innerHTML = value[0];

    [7227] =>                 button.value = value[1];

    [7228] =>                 button.addEventListener("click", messagefilterinvertexactupdate);

    [7229] =>                 messagefilterinvert.append(button);

    [7230] =>             }

    [7231] =>         }

    [7232] =>         addEventListener("load", messagefilterinvertexactload);

    [7233] => 

    [7234] =>         function messagefilterinvertexactupdate(e)

    [7235] =>         {

    [7236] =>             messagefilterinvertnumber.value = Number(e.target.value);

    [7237] => 

    [7238] =>             messagefilterinvertnumberupdate();

    [7239] =>         }

    [7240] => 

    [7241] =>         function messagefilterinvertincrementload()

    [7242] =>         {

    [7243] =>             const br = document.createElement("br");

    [7244] =>             messagefilterinvert.append(br);

    [7245] => 

    [7246] =>             const array =

    [7247] =>             [

    [7248] =>                 ["-10",-10],

    [7249] =>                 ["-1",-1],

    [7250] =>                 ["+1",1],

    [7251] =>                 ["+10",10],

    [7252] =>             ];

    [7253] => 

    [7254] =>             for(const value of array)

    [7255] =>             {

    [7256] =>                 const button = document.createElement("button");

    [7257] =>                 button.innerHTML = value[0];

    [7258] =>                 button.value = value[1];

    [7259] =>                 button.addEventListener("click", messagefilterinvertincrementupdate);

    [7260] =>                 messagefilterinvert.append(button);

    [7261] =>             }

    [7262] =>         }

    [7263] =>         addEventListener("load", messagefilterinvertincrementload);

    [7264] => 

    [7265] =>         function messagefilterinvertincrementupdate(e)

    [7266] =>         {

    [7267] =>             const v = Number(messagefilterinvertnumber.value) + Number(e.target.value);

    [7268] => 

    [7269] =>             if((messagefilterinvertnumber.min <= v) && (v <= messagefilterinvertnumber.max))

    [7270] =>             {

    [7271] =>                 messagefilterinvertnumber.value = v;

    [7272] => 

    [7273] =>                 messagefilterinvertnumberupdate();

    [7274] =>             }

    [7275] =>         }

    [7276] => 

    [7277] => 

    [7278] => 

    [7279] =>         function messagefiltersaturateload()

    [7280] =>         {

    [7281] =>             const div = document.createElement("div");

    [7282] =>             div.id = "messagefiltersaturate";

    [7283] =>             div.innerHTML = "filter-saturate";

    [7284] =>             tabcontentmessage.append(div);

    [7285] => 

    [7286] =>             const style = div.style;

    [7287] =>             style.overflowY = "hidden";

    [7288] =>             style.whiteSpace = "nowrap";

    [7289] =>         }

    [7290] =>         addEventListener("load", messagefiltersaturateload);

    [7291] => 

    [7292] =>         function messagefiltersaturatenumberload()

    [7293] =>         {

    [7294] =>             const br = document.createElement("br");

    [7295] =>             messagefiltersaturate.append(br);

    [7296] => 

    [7297] =>             const input = document.createElement("input");

    [7298] =>             input.id = "messagefiltersaturatenumber";

    [7299] =>             input.max = 1000;

    [7300] =>             input.min = 0;

    [7301] =>             input.step = 1;

    [7302] =>             input.type = "number";

    [7303] =>             input.value = 100;

    [7304] =>             input.addEventListener("input", messagefiltersaturatenumberupdate);

    [7305] =>             messagefiltersaturate.append(input);

    [7306] => 

    [7307] =>             //messagefiltersaturatenumberset();

    [7308] =>         }

    [7309] =>         addEventListener("load", messagefiltersaturatenumberload);

    [7310] => 

    [7311] =>         function messagefiltersaturatenumberset()

    [7312] =>         {

    [7313] =>             const v = messagefiltersaturatenumber.value;

    [7314] => 

    [7315] =>             messagefiltersaturaterange.value = v;

    [7316] =>             text.messagebackdropfiltersaturate = v;

    [7317] =>         }

    [7318] => 

    [7319] =>         function messagefiltersaturatenumberupdate()

    [7320] =>         {

    [7321] =>             messagefiltersaturatenumberset();

    [7322] =>             svgupdate();

    [7323] =>         }

    [7324] => 

    [7325] =>         function messagefiltersaturaterangeload()

    [7326] =>         {

    [7327] =>             const input = document.createElement("input");

    [7328] =>             input.id = "messagefiltersaturaterange";

    [7329] =>             input.max = messagefiltersaturatenumber.max;

    [7330] =>             input.min = messagefiltersaturatenumber.min;

    [7331] =>             input.step = messagefiltersaturatenumber.step;

    [7332] =>             input.type = "range";

    [7333] =>             input.value = messagefiltersaturatenumber.value;

    [7334] =>             input.addEventListener("input", messagefiltersaturaterangeupdate);

    [7335] =>             messagefiltersaturate.append(input);

    [7336] => 

    [7337] =>             messagefiltersaturaterangeset();

    [7338] =>         }

    [7339] =>         addEventListener("load", messagefiltersaturaterangeload);

    [7340] => 

    [7341] =>         function messagefiltersaturaterangeset()

    [7342] =>         {

    [7343] =>             const v = messagefiltersaturaterange.value;

    [7344] => 

    [7345] =>             messagefiltersaturatenumber.value = v;

    [7346] =>             text.messagebackdropfiltersaturate = v;

    [7347] =>         }

    [7348] => 

    [7349] =>         function messagefiltersaturaterangeupdate()

    [7350] =>         {

    [7351] =>             messagefiltersaturaterangeset();

    [7352] =>             svgupdate();

    [7353] =>         }

    [7354] => 

    [7355] =>         function messagefiltersaturateexactload()

    [7356] =>         {

    [7357] =>             const br = document.createElement("br");

    [7358] =>             messagefiltersaturate.append(br);

    [7359] => 

    [7360] =>             const array =

    [7361] =>             [

    [7362] =>                 ["0",0],

    [7363] =>                 ["50",50],

    [7364] =>                 ["100 (initial)",100],

    [7365] =>                 ["150",150],

    [7366] =>                 ["200",200],

    [7367] =>             ];

    [7368] => 

    [7369] =>             for(const value of array)

    [7370] =>             {

    [7371] =>                 const button = document.createElement("button");

    [7372] =>                 button.innerHTML = value[0];

    [7373] =>                 button.value = value[1];

    [7374] =>                 button.addEventListener("click", messagefiltersaturateexactupdate);

    [7375] =>                 messagefiltersaturate.append(button);

    [7376] =>             }

    [7377] =>         }

    [7378] =>         addEventListener("load", messagefiltersaturateexactload);

    [7379] => 

    [7380] =>         function messagefiltersaturateexactupdate(e)

    [7381] =>         {

    [7382] =>             messagefiltersaturatenumber.value = Number(e.target.value);

    [7383] => 

    [7384] =>             messagefiltersaturatenumberupdate();

    [7385] =>         }

    [7386] => 

    [7387] =>         function messagefiltersaturateincrementload()

    [7388] =>         {

    [7389] =>             const br = document.createElement("br");

    [7390] =>             messagefiltersaturate.append(br);

    [7391] => 

    [7392] =>             const array =

    [7393] =>             [

    [7394] =>                 ["-100",-100],

    [7395] =>                 ["-10",-10],

    [7396] =>                 ["-1",-1],

    [7397] =>                 ["+1",1],

    [7398] =>                 ["+10",10],

    [7399] =>                 ["+100",100],

    [7400] =>             ];

    [7401] => 

    [7402] =>             for(const value of array)

    [7403] =>             {

    [7404] =>                 const button = document.createElement("button");

    [7405] =>                 button.innerHTML = value[0];

    [7406] =>                 button.value = value[1];

    [7407] =>                 button.addEventListener("click", messagefiltersaturateincrementupdate);

    [7408] =>                 messagefiltersaturate.append(button);

    [7409] =>             }

    [7410] =>         }

    [7411] =>         addEventListener("load", messagefiltersaturateincrementload);

    [7412] => 

    [7413] =>         function messagefiltersaturateincrementupdate(e)

    [7414] =>         {

    [7415] =>             const v = Number(messagefiltersaturatenumber.value) + Number(e.target.value);

    [7416] => 

    [7417] =>             if((messagefiltersaturatenumber.min <= v) && (v <= messagefiltersaturatenumber.max))

    [7418] =>             {

    [7419] =>                 messagefiltersaturatenumber.value = v;

    [7420] => 

    [7421] =>                 messagefiltersaturatenumberupdate();

    [7422] =>             }

    [7423] =>         }

    [7424] => 

    [7425] => 

    [7426] => 

    [7427] =>         function messagefiltersepiaload()

    [7428] =>         {

    [7429] =>             const div = document.createElement("div");

    [7430] =>             div.id = "messagefiltersepia";

    [7431] =>             div.innerHTML = "filter-sepia";

    [7432] =>             tabcontentmessage.append(div);

    [7433] => 

    [7434] =>             const style = div.style;

    [7435] =>             style.overflowY = "hidden";

    [7436] =>             style.whiteSpace = "nowrap";

    [7437] =>         }

    [7438] =>         addEventListener("load", messagefiltersepiaload);

    [7439] => 

    [7440] =>         function messagefiltersepianumberload()

    [7441] =>         {

    [7442] =>             const br = document.createElement("br");

    [7443] =>             messagefiltersepia.append(br);

    [7444] => 

    [7445] =>             const input = document.createElement("input");

    [7446] =>             input.id = "messagefiltersepianumber";

    [7447] =>             input.max = 100;

    [7448] =>             input.min = 0;

    [7449] =>             input.step = 1;

    [7450] =>             input.type = "number";

    [7451] =>             input.value = 0;

    [7452] =>             input.addEventListener("input", messagefiltersepianumberupdate);

    [7453] =>             messagefiltersepia.append(input);

    [7454] => 

    [7455] =>             //messagefiltersepianumberset();

    [7456] =>         }

    [7457] =>         addEventListener("load", messagefiltersepianumberload);

    [7458] => 

    [7459] =>         function messagefiltersepianumberset()

    [7460] =>         {

    [7461] =>             const v = messagefiltersepianumber.value;

    [7462] => 

    [7463] =>             messagefiltersepiarange.value = v;

    [7464] =>             text.messagebackdropfiltersepia = v;

    [7465] =>         }

    [7466] => 

    [7467] =>         function messagefiltersepianumberupdate()

    [7468] =>         {

    [7469] =>             messagefiltersepianumberset();

    [7470] =>             svgupdate();

    [7471] =>         }

    [7472] => 

    [7473] =>         function messagefiltersepiarangeload()

    [7474] =>         {

    [7475] =>             const input = document.createElement("input");

    [7476] =>             input.id = "messagefiltersepiarange";

    [7477] =>             input.max = messagefiltersepianumber.max;

    [7478] =>             input.min = messagefiltersepianumber.min;

    [7479] =>             input.step = messagefiltersepianumber.step;

    [7480] =>             input.type = "range";

    [7481] =>             input.value = messagefiltersepianumber.value;

    [7482] =>             input.addEventListener("input", messagefiltersepiarangeupdate);

    [7483] =>             messagefiltersepia.append(input);

    [7484] => 

    [7485] =>             messagefiltersepiarangeset();

    [7486] =>         }

    [7487] =>         addEventListener("load", messagefiltersepiarangeload);

    [7488] => 

    [7489] =>         function messagefiltersepiarangeset()

    [7490] =>         {

    [7491] =>             const v = messagefiltersepiarange.value;

    [7492] => 

    [7493] =>             messagefiltersepianumber.value = v;

    [7494] =>             text.messagebackdropfiltersepia = v;

    [7495] =>         }

    [7496] => 

    [7497] =>         function messagefiltersepiarangeupdate()

    [7498] =>         {

    [7499] =>             messagefiltersepiarangeset();

    [7500] =>             svgupdate();

    [7501] =>         }

    [7502] => 

    [7503] =>         function messagefiltersepiaexactload()

    [7504] =>         {

    [7505] =>             const br = document.createElement("br");

    [7506] =>             messagefiltersepia.append(br);

    [7507] => 

    [7508] =>             const array =

    [7509] =>             [

    [7510] =>                 ["0",0],

    [7511] =>                 ["25",25],

    [7512] =>                 ["50",50],

    [7513] =>                 ["75",75],

    [7514] =>                 ["100",100],

    [7515] =>             ];

    [7516] => 

    [7517] =>             for(const value of array)

    [7518] =>             {

    [7519] =>                 const button = document.createElement("button");

    [7520] =>                 button.innerHTML = value[0];

    [7521] =>                 button.value = value[1];

    [7522] =>                 button.addEventListener("click", messagefiltersepiaexactupdate);

    [7523] =>                 messagefiltersepia.append(button);

    [7524] =>             }

    [7525] =>         }

    [7526] =>         addEventListener("load", messagefiltersepiaexactload);

    [7527] => 

    [7528] =>         function messagefiltersepiaexactupdate(e)

    [7529] =>         {

    [7530] =>             messagefiltersepianumber.value = Number(e.target.value);

    [7531] => 

    [7532] =>             messagefiltersepianumberupdate();

    [7533] =>         }

    [7534] => 

    [7535] =>         function messagefiltersepiaincrementload()

    [7536] =>         {

    [7537] =>             const br = document.createElement("br");

    [7538] =>             messagefiltersepia.append(br);

    [7539] => 

    [7540] =>             const array =

    [7541] =>             [

    [7542] =>                 ["-10",-10],

    [7543] =>                 ["-1",-1],

    [7544] =>                 ["+1",1],

    [7545] =>                 ["+10",10],

    [7546] =>             ];

    [7547] => 

    [7548] =>             for(const value of array)

    [7549] =>             {

    [7550] =>                 const button = document.createElement("button");

    [7551] =>                 button.innerHTML = value[0];

    [7552] =>                 button.value = value[1];

    [7553] =>                 button.addEventListener("click", messagefiltersepiaincrementupdate);

    [7554] =>                 messagefiltersepia.append(button);

    [7555] =>             }

    [7556] =>         }

    [7557] =>         addEventListener("load", messagefiltersepiaincrementload);

    [7558] => 

    [7559] =>         function messagefiltersepiaincrementupdate(e)

    [7560] =>         {

    [7561] =>             const v = Number(messagefiltersepianumber.value) + Number(e.target.value);

    [7562] => 

    [7563] =>             if((messagefiltersepianumber.min <= v) && (v <= messagefiltersepianumber.max))

    [7564] =>             {

    [7565] =>                 messagefiltersepianumber.value = v;

    [7566] => 

    [7567] =>                 messagefiltersepianumberupdate();

    [7568] =>             }

    [7569] =>         }

    [7570] => //*/

    [7571] => 

    [7572] => 

    [7573] => 

    [7574] => /*

    [7575] =>         function messagemargintopload()

    [7576] =>         {

    [7577] =>             const div = document.createElement("div");

    [7578] =>             div.id = "messagemargintop";

    [7579] =>             div.innerHTML = "margin-top";

    [7580] =>             tabcontentmessage.append(div);

    [7581] =>         }

    [7582] =>         addEventListener("load", messagemargintopload);

    [7583] => 

    [7584] =>         function messagemargintopnumberload()

    [7585] =>         {

    [7586] =>             const br = document.createElement("br");

    [7587] =>             messagemargintop.append(br);

    [7588] => 

    [7589] =>             const input = document.createElement("input");

    [7590] =>             input.id = "messagemargintopnumber";

    [7591] =>             input.max = 1000;

    [7592] =>             input.min = 0;

    [7593] =>             input.type = "number";

    [7594] =>             input.value = 0;

    [7595] =>             input.addEventListener("input", messagemargintopnumberupdate);

    [7596] =>             messagemargintop.append(input);

    [7597] => 

    [7598] =>             //messagemargintopnumberset();

    [7599] =>         }

    [7600] =>         addEventListener("load", messagemargintopnumberload);

    [7601] => 

    [7602] =>         function messagemargintopnumberset()

    [7603] =>         {

    [7604] =>             const v = Number(messagemargintopnumber.value);

    [7605] => 

    [7606] =>             messagemargintoprange.value = v;

    [7607] =>             text.messagemargintop = v;

    [7608] =>         }

    [7609] => 

    [7610] =>         function messagemargintopnumberupdate()

    [7611] =>         {

    [7612] =>             messagemargintopnumberset();

    [7613] => 

    [7614] =>             svgupdate();

    [7615] =>         }

    [7616] => 

    [7617] =>         function messagemargintoprangeload()

    [7618] =>         {

    [7619] =>             const input = document.createElement("input");

    [7620] =>             input.id = "messagemargintoprange";

    [7621] =>             input.max = messagemargintopnumber.max;

    [7622] =>             input.min = messagemargintopnumber.min;

    [7623] =>             input.type = "range";

    [7624] =>             input.value = messagemargintopnumber.value;

    [7625] =>             input.addEventListener("input", messagemargintoprangeupdate);

    [7626] =>             messagemargintop.append(input);

    [7627] => 

    [7628] =>             messagemargintoprangeset();

    [7629] =>         }

    [7630] =>         addEventListener("load", messagemargintoprangeload);

    [7631] => 

    [7632] =>         function messagemargintoprangeset()

    [7633] =>         {

    [7634] =>             const v = Number(messagemargintoprange.value);

    [7635] => 

    [7636] =>             messagemargintopnumber.value = v;

    [7637] =>             text.messagemargintop = v;

    [7638] =>         }

    [7639] => 

    [7640] =>         function messagemargintoprangeupdate()

    [7641] =>         {

    [7642] =>             messagemargintoprangeset();

    [7643] => 

    [7644] =>             svgupdate();

    [7645] =>         }

    [7646] => 

    [7647] => 

    [7648] => 

    [7649] =>         function messagemarginbottomload()

    [7650] =>         {

    [7651] =>             const div = document.createElement("div");

    [7652] =>             div.id = "messagemarginbottom";

    [7653] =>             div.innerHTML = "margin-bottom";

    [7654] =>             tabcontentmessage.append(div);

    [7655] =>         }

    [7656] =>         addEventListener("load", messagemarginbottomload);

    [7657] => 

    [7658] =>         function messagemarginbottomnumberload()

    [7659] =>         {

    [7660] =>             const br = document.createElement("br");

    [7661] =>             messagemarginbottom.append(br);

    [7662] => 

    [7663] =>             const input = document.createElement("input");

    [7664] =>             input.id = "messagemarginbottomnumber";

    [7665] =>             input.max = 1000;

    [7666] =>             input.min = 0;

    [7667] =>             input.type = "number";

    [7668] =>             input.value = 0;

    [7669] =>             input.addEventListener("input", messagemarginbottomnumberupdate);

    [7670] =>             messagemarginbottom.append(input);

    [7671] => 

    [7672] =>             //messagemarginbottomnumberset();

    [7673] =>         }

    [7674] =>         addEventListener("load", messagemarginbottomnumberload);

    [7675] => 

    [7676] =>         function messagemarginbottomnumberset()

    [7677] =>         {

    [7678] =>             const v = Number(messagemarginbottomnumber.value);

    [7679] => 

    [7680] =>             messagemarginbottomrange.value = v;

    [7681] =>             text.messagemarginbottom = v;

    [7682] =>         }

    [7683] => 

    [7684] =>         function messagemarginbottomnumberupdate()

    [7685] =>         {

    [7686] =>             messagemarginbottomnumberset();

    [7687] => 

    [7688] =>             svgupdate();

    [7689] =>         }

    [7690] => 

    [7691] =>         function messagemarginbottomrangeload()

    [7692] =>         {

    [7693] =>             const input = document.createElement("input");

    [7694] =>             input.id = "messagemarginbottomrange";

    [7695] =>             input.max = messagemarginbottomnumber.max;

    [7696] =>             input.min = messagemarginbottomnumber.min;

    [7697] =>             input.type = "range";

    [7698] =>             input.value = messagemarginbottomnumber.value;

    [7699] =>             input.addEventListener("input", messagemarginbottomrangeupdate);

    [7700] =>             messagemarginbottom.append(input);

    [7701] => 

    [7702] =>             messagemarginbottomrangeset();

    [7703] =>         }

    [7704] =>         addEventListener("load", messagemarginbottomrangeload);

    [7705] => 

    [7706] =>         function messagemarginbottomrangeset()

    [7707] =>         {

    [7708] =>             const v = Number(messagemarginbottomrange.value);

    [7709] => 

    [7710] =>             messagemarginbottomnumber.value = v;

    [7711] =>             text.messagemarginbottom = v;

    [7712] =>         }

    [7713] => 

    [7714] =>         function messagemarginbottomrangeupdate()

    [7715] =>         {

    [7716] =>             messagemarginbottomrangeset();

    [7717] => 

    [7718] =>             svgupdate();

    [7719] =>         }

    [7720] => 

    [7721] => 

    [7722] => 

    [7723] =>         function messagemarginleftload()

    [7724] =>         {

    [7725] =>             const div = document.createElement("div");

    [7726] =>             div.id = "messagemarginleft";

    [7727] =>             div.innerHTML = "margin-left";

    [7728] =>             tabcontentmessage.append(div);

    [7729] =>         }

    [7730] =>         addEventListener("load", messagemarginleftload);

    [7731] => 

    [7732] =>         function messagemarginleftnumberload()

    [7733] =>         {

    [7734] =>             const br = document.createElement("br");

    [7735] =>             messagemarginleft.append(br);

    [7736] => 

    [7737] =>             const input = document.createElement("input");

    [7738] =>             input.id = "messagemarginleftnumber";

    [7739] =>             input.max = 1000;

    [7740] =>             input.min = 0;

    [7741] =>             input.type = "number";

    [7742] =>             input.value = 0;

    [7743] =>             input.addEventListener("input", messagemarginleftnumberupdate);

    [7744] =>             messagemarginleft.append(input);

    [7745] => 

    [7746] =>             //messagemarginleftnumberset();

    [7747] =>         }

    [7748] =>         addEventListener("load", messagemarginleftnumberload);

    [7749] => 

    [7750] =>         function messagemarginleftnumberset()

    [7751] =>         {

    [7752] =>             const v = Number(messagemarginleftnumber.value);

    [7753] => 

    [7754] =>             messagemarginleftrange.value = v;

    [7755] =>             text.messagemarginleft = v;

    [7756] =>         }

    [7757] => 

    [7758] =>         function messagemarginleftnumberupdate()

    [7759] =>         {

    [7760] =>             messagemarginleftnumberset();

    [7761] => 

    [7762] =>             svgupdate();

    [7763] =>         }

    [7764] => 

    [7765] =>         function messagemarginleftrangeload()

    [7766] =>         {

    [7767] =>             const input = document.createElement("input");

    [7768] =>             input.id = "messagemarginleftrange";

    [7769] =>             input.max = messagemarginleftnumber.max;

    [7770] =>             input.min = messagemarginleftnumber.min;

    [7771] =>             input.type = "range";

    [7772] =>             input.value = messagemarginleftnumber.value;

    [7773] =>             input.addEventListener("input", messagemarginleftrangeupdate);

    [7774] =>             messagemarginleft.append(input);

    [7775] => 

    [7776] =>             messagemarginleftrangeset();

    [7777] =>         }

    [7778] =>         addEventListener("load", messagemarginleftrangeload);

    [7779] => 

    [7780] =>         function messagemarginleftrangeset()

    [7781] =>         {

    [7782] =>             const v = Number(messagemarginleftrange.value);

    [7783] => 

    [7784] =>             messagemarginleftnumber.value = v;

    [7785] =>             text.messagemarginleft = v;

    [7786] =>         }

    [7787] => 

    [7788] =>         function messagemarginleftrangeupdate()

    [7789] =>         {

    [7790] =>             messagemarginleftrangeset();

    [7791] => 

    [7792] =>             svgupdate();

    [7793] =>         }

    [7794] => 

    [7795] => 

    [7796] => 

    [7797] =>         function messagemarginrightload()

    [7798] =>         {

    [7799] =>             const div = document.createElement("div");

    [7800] =>             div.id = "messagemarginright";

    [7801] =>             div.innerHTML = "margin-right";

    [7802] =>             tabcontentmessage.append(div);

    [7803] =>         }

    [7804] =>         addEventListener("load", messagemarginrightload);

    [7805] => 

    [7806] =>         function messagemarginrightnumberload()

    [7807] =>         {

    [7808] =>             const br = document.createElement("br");

    [7809] =>             messagemarginright.append(br);

    [7810] => 

    [7811] =>             const input = document.createElement("input");

    [7812] =>             input.id = "messagemarginrightnumber";

    [7813] =>             input.max = 1000;

    [7814] =>             input.min = 0;

    [7815] =>             input.type = "number";

    [7816] =>             input.value = 0;

    [7817] =>             input.addEventListener("input", messagemarginrightnumberupdate);

    [7818] =>             messagemarginright.append(input);

    [7819] => 

    [7820] =>             //messagemarginrightnumberset();

    [7821] =>         }

    [7822] =>         addEventListener("load", messagemarginrightnumberload);

    [7823] => 

    [7824] =>         function messagemarginrightnumberset()

    [7825] =>         {

    [7826] =>             const v = Number(messagemarginrightnumber.value);

    [7827] => 

    [7828] =>             messagemarginrightrange.value = v;

    [7829] =>             text.messagemarginright = v;

    [7830] =>         }

    [7831] => 

    [7832] =>         function messagemarginrightnumberupdate()

    [7833] =>         {

    [7834] =>             messagemarginrightnumberset();

    [7835] => 

    [7836] =>             svgupdate();

    [7837] =>         }

    [7838] => 

    [7839] =>         function messagemarginrightrangeload()

    [7840] =>         {

    [7841] =>             const input = document.createElement("input");

    [7842] =>             input.id = "messagemarginrightrange";

    [7843] =>             input.max = messagemarginrightnumber.max;

    [7844] =>             input.min = messagemarginrightnumber.min;

    [7845] =>             input.type = "range";

    [7846] =>             input.value = messagemarginrightnumber.value;

    [7847] =>             input.addEventListener("input", messagemarginrightrangeupdate);

    [7848] =>             messagemarginright.append(input);

    [7849] => 

    [7850] =>             messagemarginrightrangeset();

    [7851] =>         }

    [7852] =>         addEventListener("load", messagemarginrightrangeload);

    [7853] => 

    [7854] =>         function messagemarginrightrangeset()

    [7855] =>         {

    [7856] =>             const v = Number(messagemarginrightrange.value);

    [7857] => 

    [7858] =>             messagemarginrightnumber.value = v;

    [7859] =>             text.messagemarginright = v;

    [7860] =>         }

    [7861] => 

    [7862] =>         function messagemarginrightrangeupdate()

    [7863] =>         {

    [7864] =>             messagemarginrightrangeset();

    [7865] => 

    [7866] =>             svgupdate();

    [7867] =>         }

    [7868] => 

    [7869] => 

    [7870] => 

    [7871] =>         function messagepaddingtopload()

    [7872] =>         {

    [7873] =>             const div = document.createElement("div");

    [7874] =>             div.id = "messagepaddingtop";

    [7875] =>             div.innerHTML = "padding-top";

    [7876] =>             tabcontentmessage.append(div);

    [7877] =>         }

    [7878] =>         addEventListener("load", messagepaddingtopload);

    [7879] => 

    [7880] =>         function messagepaddingtopnumberload()

    [7881] =>         {

    [7882] =>             const br = document.createElement("br");

    [7883] =>             messagepaddingtop.append(br);

    [7884] => 

    [7885] =>             const input = document.createElement("input");

    [7886] =>             input.id = "messagepaddingtopnumber";

    [7887] =>             input.max = 1000;

    [7888] =>             input.min = 0;

    [7889] =>             input.type = "number";

    [7890] =>             input.value = 0;

    [7891] =>             input.addEventListener("input", messagepaddingtopnumberupdate);

    [7892] =>             messagepaddingtop.append(input);

    [7893] => 

    [7894] =>             //messagepaddingtopnumberset();

    [7895] =>         }

    [7896] =>         addEventListener("load", messagepaddingtopnumberload);

    [7897] => 

    [7898] =>         function messagepaddingtopnumberset()

    [7899] =>         {

    [7900] =>             const v = Number(messagepaddingtopnumber.value);

    [7901] => 

    [7902] =>             messagepaddingtoprange.value = v;

    [7903] =>             text.messagepaddingtop = v;

    [7904] =>         }

    [7905] => 

    [7906] =>         function messagepaddingtopnumberupdate()

    [7907] =>         {

    [7908] =>             messagepaddingtopnumberset();

    [7909] => 

    [7910] =>             svgupdate();

    [7911] =>         }

    [7912] => 

    [7913] =>         function messagepaddingtoprangeload()

    [7914] =>         {

    [7915] =>             const input = document.createElement("input");

    [7916] =>             input.id = "messagepaddingtoprange";

    [7917] =>             input.max = messagepaddingtopnumber.max;

    [7918] =>             input.min = messagepaddingtopnumber.min;

    [7919] =>             input.type = "range";

    [7920] =>             input.value = messagepaddingtopnumber.value;

    [7921] =>             input.addEventListener("input", messagepaddingtoprangeupdate);

    [7922] =>             messagepaddingtop.append(input);

    [7923] => 

    [7924] =>             messagepaddingtoprangeset();

    [7925] =>         }

    [7926] =>         addEventListener("load", messagepaddingtoprangeload);

    [7927] => 

    [7928] =>         function messagepaddingtoprangeset()

    [7929] =>         {

    [7930] =>             const v = Number(messagepaddingtoprange.value);

    [7931] => 

    [7932] =>             messagepaddingtopnumber.value = v;

    [7933] =>             text.messagepaddingtop = v;

    [7934] =>         }

    [7935] => 

    [7936] =>         function messagepaddingtoprangeupdate()

    [7937] =>         {

    [7938] =>             messagepaddingtoprangeset();

    [7939] => 

    [7940] =>             svgupdate();

    [7941] =>         }

    [7942] => 

    [7943] => 

    [7944] => 

    [7945] =>         function messagepaddingbottomload()

    [7946] =>         {

    [7947] =>             const div = document.createElement("div");

    [7948] =>             div.id = "messagepaddingbottom";

    [7949] =>             div.innerHTML = "padding-bottom";

    [7950] =>             tabcontentmessage.append(div);

    [7951] =>         }

    [7952] =>         addEventListener("load", messagepaddingbottomload);

    [7953] => 

    [7954] =>         function messagepaddingbottomnumberload()

    [7955] =>         {

    [7956] =>             const br = document.createElement("br");

    [7957] =>             messagepaddingbottom.append(br);

    [7958] => 

    [7959] =>             const input = document.createElement("input");

    [7960] =>             input.id = "messagepaddingbottomnumber";

    [7961] =>             input.max = 1000;

    [7962] =>             input.min = 0;

    [7963] =>             input.type = "number";

    [7964] =>             input.value = 0;

    [7965] =>             input.addEventListener("input", messagepaddingbottomnumberupdate);

    [7966] =>             messagepaddingbottom.append(input);

    [7967] => 

    [7968] =>             //messagepaddingbottomnumberset();

    [7969] =>         }

    [7970] =>         addEventListener("load", messagepaddingbottomnumberload);

    [7971] => 

    [7972] =>         function messagepaddingbottomnumberset()

    [7973] =>         {

    [7974] =>             const v = Number(messagepaddingbottomnumber.value);

    [7975] => 

    [7976] =>             messagepaddingbottomrange.value = v;

    [7977] =>             text.messagepaddingbottom = v;

    [7978] =>         }

    [7979] => 

    [7980] =>         function messagepaddingbottomnumberupdate()

    [7981] =>         {

    [7982] =>             messagepaddingbottomnumberset();

    [7983] => 

    [7984] =>             svgupdate();

    [7985] =>         }

    [7986] => 

    [7987] =>         function messagepaddingbottomrangeload()

    [7988] =>         {

    [7989] =>             const input = document.createElement("input");

    [7990] =>             input.id = "messagepaddingbottomrange";

    [7991] =>             input.max = messagepaddingbottomnumber.max;

    [7992] =>             input.min = messagepaddingbottomnumber.min;

    [7993] =>             input.type = "range";

    [7994] =>             input.value = messagepaddingbottomnumber.value;

    [7995] =>             input.addEventListener("input", messagepaddingbottomrangeupdate);

    [7996] =>             messagepaddingbottom.append(input);

    [7997] => 

    [7998] =>             messagepaddingbottomrangeset();

    [7999] =>         }

    [8000] =>         addEventListener("load", messagepaddingbottomrangeload);

    [8001] => 

    [8002] =>         function messagepaddingbottomrangeset()

    [8003] =>         {

    [8004] =>             const v = Number(messagepaddingbottomrange.value);

    [8005] => 

    [8006] =>             messagepaddingbottomnumber.value = v;

    [8007] =>             text.messagepaddingbottom = v;

    [8008] =>         }

    [8009] => 

    [8010] =>         function messagepaddingbottomrangeupdate()

    [8011] =>         {

    [8012] =>             messagepaddingbottomrangeset();

    [8013] => 

    [8014] =>             svgupdate();

    [8015] =>         }

    [8016] => 

    [8017] => 

    [8018] => 

    [8019] =>         function messagepaddingleftload()

    [8020] =>         {

    [8021] =>             const div = document.createElement("div");

    [8022] =>             div.id = "messagepaddingleft";

    [8023] =>             div.innerHTML = "padding-left";

    [8024] =>             tabcontentmessage.append(div);

    [8025] =>         }

    [8026] =>         addEventListener("load", messagepaddingleftload);

    [8027] => 

    [8028] =>         function messagepaddingleftnumberload()

    [8029] =>         {

    [8030] =>             const br = document.createElement("br");

    [8031] =>             messagepaddingleft.append(br);

    [8032] => 

    [8033] =>             const input = document.createElement("input");

    [8034] =>             input.id = "messagepaddingleftnumber";

    [8035] =>             input.max = 1000;

    [8036] =>             input.min = 0;

    [8037] =>             input.type = "number";

    [8038] =>             input.value = 0;

    [8039] =>             input.addEventListener("input", messagepaddingleftnumberupdate);

    [8040] =>             messagepaddingleft.append(input);

    [8041] => 

    [8042] =>             //messagepaddingleftnumberset();

    [8043] =>         }

    [8044] =>         addEventListener("load", messagepaddingleftnumberload);

    [8045] => 

    [8046] =>         function messagepaddingleftnumberset()

    [8047] =>         {

    [8048] =>             const v = Number(messagepaddingleftnumber.value);

    [8049] => 

    [8050] =>             messagepaddingleftrange.value = v;

    [8051] =>             text.messagepaddingleft = v;

    [8052] =>         }

    [8053] => 

    [8054] =>         function messagepaddingleftnumberupdate()

    [8055] =>         {

    [8056] =>             messagepaddingleftnumberset();

    [8057] => 

    [8058] =>             svgupdate();

    [8059] =>         }

    [8060] => 

    [8061] =>         function messagepaddingleftrangeload()

    [8062] =>         {

    [8063] =>             const input = document.createElement("input");

    [8064] =>             input.id = "messagepaddingleftrange";

    [8065] =>             input.max = messagepaddingleftnumber.max;

    [8066] =>             input.min = messagepaddingleftnumber.min;

    [8067] =>             input.type = "range";

    [8068] =>             input.value = messagepaddingleftnumber.value;

    [8069] =>             input.addEventListener("input", messagepaddingleftrangeupdate);

    [8070] =>             messagepaddingleft.append(input);

    [8071] => 

    [8072] =>             messagepaddingleftrangeset();

    [8073] =>         }

    [8074] =>         addEventListener("load", messagepaddingleftrangeload);

    [8075] => 

    [8076] => 

    [8077] =>         function messagepaddingleftrangeset()

    [8078] =>         {

    [8079] =>             const v = Number(messagepaddingleftrange.value);

    [8080] => 

    [8081] =>             messagepaddingleftnumber.value = v;

    [8082] =>             text.messagepaddingleft = v;

    [8083] =>         }

    [8084] => 

    [8085] =>         function messagepaddingleftrangeupdate()

    [8086] =>         {

    [8087] =>             messagepaddingleftrangeset();

    [8088] => 

    [8089] =>             svgupdate();

    [8090] =>         }

    [8091] => 

    [8092] => 

    [8093] => 

    [8094] =>         function messagepaddingrightload()

    [8095] =>         {

    [8096] =>             const div = document.createElement("div");

    [8097] =>             div.id = "messagepaddingright";

    [8098] =>             div.innerHTML = "padding-right";

    [8099] =>             tabcontentmessage.append(div);

    [8100] =>         }

    [8101] =>         addEventListener("load", messagepaddingrightload);

    [8102] => 

    [8103] =>         function messagepaddingrightnumberload()

    [8104] =>         {

    [8105] =>             const br = document.createElement("br");

    [8106] =>             messagepaddingright.append(br);

    [8107] => 

    [8108] =>             const input = document.createElement("input");

    [8109] =>             input.id = "messagepaddingrightnumber";

    [8110] =>             input.max = 1000;

    [8111] =>             input.min = 0;

    [8112] =>             input.type = "number";

    [8113] =>             input.value = 0;

    [8114] =>             input.addEventListener("input", messagepaddingrightnumberupdate);

    [8115] =>             messagepaddingright.append(input);

    [8116] => 

    [8117] =>             //messagepaddingrightnumberset();

    [8118] =>         }

    [8119] =>         addEventListener("load", messagepaddingrightnumberload);

    [8120] => 

    [8121] =>         function messagepaddingrightnumberset()

    [8122] =>         {

    [8123] =>             const v = Number(messagepaddingrightnumber.value);

    [8124] => 

    [8125] =>             messagepaddingrightrange.value = v;

    [8126] =>             text.messagepaddingright = v;

    [8127] =>         }

    [8128] => 

    [8129] =>         function messagepaddingrightnumberupdate()

    [8130] =>         {

    [8131] =>             messagepaddingrightnumberset();

    [8132] => 

    [8133] =>             svgupdate();

    [8134] =>         }

    [8135] => 

    [8136] =>         function messagepaddingrightrangeload()

    [8137] =>         {

    [8138] =>             const input = document.createElement("input");

    [8139] =>             input.id = "messagepaddingrightrange";

    [8140] =>             input.max = messagepaddingrightnumber.max;

    [8141] =>             input.min = messagepaddingrightnumber.min;

    [8142] =>             input.type = "range";

    [8143] =>             input.value = messagepaddingrightnumber.value;

    [8144] =>             input.addEventListener("input", messagepaddingrightrangeupdate);

    [8145] =>             messagepaddingright.append(input);

    [8146] => 

    [8147] =>             messagepaddingrightrangeset();

    [8148] =>         }

    [8149] =>         addEventListener("load", messagepaddingrightrangeload);

    [8150] => 

    [8151] =>         function messagepaddingrightrangeset()

    [8152] =>         {

    [8153] =>             const v = Number(messagepaddingrightrange.value);

    [8154] => 

    [8155] =>             messagepaddingrightnumber.value = v;

    [8156] =>             text.messagepaddingright = v;

    [8157] =>         }

    [8158] => 

    [8159] =>         function messagepaddingrightrangeupdate()

    [8160] =>         {

    [8161] =>             messagepaddingrightrangeset();

    [8162] => 

    [8163] =>             svgupdate();

    [8164] =>         }

    [8165] => //*/

    [8166] => 

    [8167] => 

    [8168] => 

    [8169] => 

    [8170] => 

    [8171] => 

    [8172] =>         function referenceversionload()

    [8173] =>         {

    [8174] =>             const div = document.createElement("div");

    [8175] =>             div.id = "referenceversion";

    [8176] =>             div.innerHTML = "version";

    [8177] =>             tabcontentreference.append(div);

    [8178] =>         }

    [8179] =>         addEventListener("load", referenceversionload);

    [8180] => 

    [8181] =>         function referenceversionselectload()

    [8182] =>         {

    [8183] =>             const br = document.createElement("br");

    [8184] =>             referenceversion.append(br);

    [8185] => 

    [8186] =>             const select = document.createElement("select");

    [8187] =>             select.id = "referenceversionselect";

    [8188] =>             select.addEventListener("input", referenceversionselectupdate);

    [8189] =>             referenceversion.append(select);

    [8190] => 

    [8191] =>             referenceversionselectload2();

    [8192] =>         }

    [8193] =>         addEventListener("load", referenceversionselectload);

    [8194] => 

    [8195] =>         function referenceversionselectload2()

    [8196] =>         {

    [8197] =>             for(const value of Bibleversionarray)

    [8198] =>             {

    [8199] =>                 const optgroup = document.createElement("optgroup");

    [8200] =>                 optgroup.label = value[0];

    [8201] =>                 referenceversionselect.append(optgroup);

    [8202] => 

    [8203] =>                 for(const v of value[1])

    [8204] =>                 {

    [8205] =>                     const option = document.createElement("option");

    [8206] =>                     option.innerHTML = v[1];

    [8207] =>                     option.value = v[0];

    [8208] =>                     optgroup.append(option);

    [8209] =>                 }

    [8210] =>             }

    [8211] => 

    [8212] =>             referenceversionselect.value = Bibleversionarray[4][1][1][0];

    [8213] => 

    [8214] =>             referenceversionselectset();

    [8215] =>         }

    [8216] => 

    [8217] =>         function referenceversionselectset()

    [8218] =>         {

    [8219] =>             text.version = referenceversionselect.options.selectedIndex + 1;

    [8220] =>             text.versionname = referenceversionselect.value;

    [8221] => 

    [8222] =>             text.referencetextversion = "";

    [8223] =>             if(text.versionbool)

    [8224] =>             {

    [8225] =>                 text.referencetextversion = ` ${text.versionname}`;

    [8226] =>             }

    [8227] =>         }

    [8228] => 

    [8229] =>         function referenceversionselectupdate()

    [8230] =>         {

    [8231] =>             referenceversionselectset();

    [8232] =>             /*

    [8233] =>             referencebookselectload2();

    [8234] =>             referencechapterselectload2();

    [8235] =>             referenceverseselectload2();

    [8236] =>             referenceverseendselectload2();

    [8237] =>             svgupdate();

    [8238] =>             //*/

    [8239] =>             Bibleload();

    [8240] =>         }

    [8241] => 

    [8242] =>         function referenceversioncheckboxload()

    [8243] =>         {

    [8244] =>             const input = document.createElement("input");

    [8245] =>             input.type = "checkbox";

    [8246] =>             input.addEventListener("click", referenceversioncheckboxupdate);

    [8247] =>             referenceversion.append(input);

    [8248] =>         }

    [8249] =>         addEventListener("load", referenceversioncheckboxload);

    [8250] => 

    [8251] =>         function referenceversioncheckboxupdate()

    [8252] =>         {

    [8253] =>             text.versionbool = !text.versionbool;

    [8254] => 

    [8255] =>             //referenceversionselectupdate();

    [8256] =>             referenceversionselectset();

    [8257] =>             svgupdate();

    [8258] =>         }

    [8259] => 

    [8260] => 

    [8261] => 

    [8262] =>         function Bibleload()

    [8263] =>         {

    [8264] =>             //console.log("Bibleload");

    [8265] =>             fetch(`/assets/txt/new/${text.versionname}.txt`)

    [8266] =>             .then(r => r.text())

    [8267] =>             .then(t =>

    [8268] =>             {

    [8269] =>                 const split = t.split("@");

    [8270] =>                 //console.log(split);

    [8271] => 

    [8272] =>                 const b = split[1].trim();

    [8273] =>                 //console.log(b);

    [8274] =>                 const c = b.split("\n");

    [8275] =>                 //console.log(c);

    [8276] =>                 for(const [key, value] of c.entries())

    [8277] =>                 {

    [8278] =>                     const split = value.split("#");

    [8279] =>                     const b = split[1];

    [8280] =>                     Biblebookarray[key] = b;

    [8281] =>                     //console.log(Biblebookarray[key]);

    [8282] =>                 }

    [8283] => 

    [8284] =>                 const v = split[2].trim();

    [8285] =>                 //console.log(v);

    [8286] =>                 const w = v.split("\n");

    [8287] =>                 //console.log(w);

    [8288] =>                 for(const value of w)

    [8289] =>                 {

    [8290] =>                     const split = value.split("#");

    [8291] =>                     const b = Number(split[0]);

    [8292] =>                     const c = Number(split[1]);

    [8293] =>                     const v = Number(split[2]);

    [8294] =>                     const t = split[3];

    [8295] =>                     if(!Array.isArray(Bibleversearray[b]))

    [8296] =>                     {

    [8297] =>                         Bibleversearray[b] = [];

    [8298] =>                     }

    [8299] =>                     if(!Array.isArray(Bibleversearray[b][c]))

    [8300] =>                     {

    [8301] =>                         Bibleversearray[b][c] = [];

    [8302] =>                     }

    [8303] =>                     Bibleversearray[b][c][v] = t;

    [8304] =>                     //console.log(b, c, v, t);

    [8305] =>                 }

    [8306] => 

    [8307] =>                 //imageload2();

    [8308] =>                 //referenceversionselectload2();

    [8309] =>                 //*

    [8310] =>                 referencebookselectload2();

    [8311] =>                 referencechapterselectload2()

    [8312] =>                 referenceverseselectload2();

    [8313] =>                 referenceverseendselectload2();

    [8314] =>                 //*/

    [8315] =>                 //canvasupdate();

    [8316] =>                 svgupdate();

    [8317] =>             });

    [8318] =>         }

    [8319] =>         addEventListener("load", Bibleload);

    [8320] => 

    [8321] =>         function referencebookload()

    [8322] =>         {

    [8323] =>             const div = document.createElement("div");

    [8324] =>             div.id = "referencebook";

    [8325] =>             div.innerHTML = "book";

    [8326] =>             tabcontentreference.append(div);

    [8327] =>         }

    [8328] =>         addEventListener("load", referencebookload);

    [8329] => 

    [8330] =>         function referencebookselectload()

    [8331] =>         {

    [8332] =>             const br = document.createElement("br");

    [8333] =>             referencebook.append(br);

    [8334] => 

    [8335] =>             const select = document.createElement("select");

    [8336] =>             select.id = "referencebookselect";

    [8337] =>             select.addEventListener("input", referencebookselectupdate);

    [8338] =>             referencebook.append(select);

    [8339] => 

    [8340] =>             text.referencetextbook = "Genesis";

    [8341] => 

    [8342] =>             //referencebookselectload2();

    [8343] =>         }

    [8344] =>         addEventListener("load", referencebookselectload);

    [8345] => 

    [8346] =>         function referencebookselectload2()

    [8347] =>         {

    [8348] =>             for(let i = referencebookselect.options.length - 1; i >= 0; --i)

    [8349] =>             {

    [8350] =>                 referencebookselect.remove(i);

    [8351] =>             }

    [8352] => 

    [8353] =>             for(const value of Biblebookarray)

    [8354] =>             {

    [8355] =>                 const option = document.createElement("option");

    [8356] =>                 option.innerHTML = value;

    [8357] =>                 referencebookselect.add(option);

    [8358] =>             }

    [8359] => 

    [8360] =>             //referencebookselect.value = Biblebookarray[42];

    [8361] => 

    [8362] =>             referencebookselectset();

    [8363] =>         }

    [8364] => 

    [8365] =>         function referencebookselectset()

    [8366] =>         {

    [8367] =>             text.book = referencebookselect.options.selectedIndex + 1;

    [8368] =>             text.bookname = referencebookselect.value;

    [8369] => 

    [8370] =>             text.referencetextbook = text.bookname;

    [8371] =>         }

    [8372] => 

    [8373] =>         function referencebookselectupdate()

    [8374] =>         {

    [8375] =>             referencebookselectset();

    [8376] =>             referencechapterselectload2();

    [8377] =>             referenceverseselectload2();

    [8378] =>             referenceverseendselectload2();

    [8379] =>             svgupdate();

    [8380] =>         }

    [8381] => 

    [8382] => 

    [8383] => 

    [8384] =>         function referencechapterload()

    [8385] =>         {

    [8386] =>             const div = document.createElement("div");

    [8387] =>             div.id = "referencechapter";

    [8388] =>             div.innerHTML = "chapter";

    [8389] =>             tabcontentreference.append(div);

    [8390] =>         }

    [8391] =>         addEventListener("load", referencechapterload);

    [8392] => 

    [8393] =>         function referencechapterselectload()

    [8394] =>         {

    [8395] =>             const br = document.createElement("br");

    [8396] =>             referencechapter.append(br);

    [8397] => 

    [8398] =>             const select = document.createElement("select");

    [8399] =>             select.id = "referencechapterselect";

    [8400] =>             select.addEventListener("input", referencechapterselectupdate);

    [8401] =>             referencechapter.append(select);

    [8402] => 

    [8403] =>             text.referencetextchapter = " 1";

    [8404] => 

    [8405] =>             //referencechapterselectload2();

    [8406] =>         }

    [8407] =>         addEventListener("load", referencechapterselectload);

    [8408] => 

    [8409] =>         function referencechapterselectload2()

    [8410] =>         {

    [8411] =>             for(let i = referencechapterselect.options.length - 1; i >= 0; --i)

    [8412] =>             {

    [8413] =>                 referencechapterselect.remove(i);

    [8414] =>             }

    [8415] => 

    [8416] =>             for(let i = 1; i < Bibleversearray[text.book].length; ++i)

    [8417] =>             {

    [8418] =>                 const option = document.createElement("option");

    [8419] =>                 option.innerHTML = i;

    [8420] =>                 referencechapterselect.add(option);

    [8421] =>             }

    [8422] => 

    [8423] =>             referencechapterselect.value = 1;

    [8424] => 

    [8425] =>             referencechapterselectset();

    [8426] =>         }

    [8427] => 

    [8428] =>         function referencechapterselectset()

    [8429] =>         {

    [8430] =>             text.chapter = referencechapterselect.value;

    [8431] => 

    [8432] =>             text.referencetextchapter = ` ${text.chapter}`;

    [8433] =>         }

    [8434] => 

    [8435] =>         function referencechapterselectupdate()

    [8436] =>         {

    [8437] =>             referencechapterselectset();

    [8438] =>             referenceverseselectload2();

    [8439] =>             referenceverseendselectload2();

    [8440] =>             svgupdate();

    [8441] =>         }

    [8442] => 

    [8443] => 

    [8444] => 

    [8445] =>         function referenceverseload()

    [8446] =>         {

    [8447] =>             const div = document.createElement("div");

    [8448] =>             div.id = "referenceverse";

    [8449] =>             div.innerHTML = "verse-start";

    [8450] =>             tabcontentreference.append(div);

    [8451] =>         }

    [8452] =>         addEventListener("load", referenceverseload);

    [8453] => 

    [8454] =>         function referenceverseselectload()

    [8455] =>         {

    [8456] =>             const br = document.createElement("br");

    [8457] =>             referenceverse.append(br);

    [8458] => 

    [8459] =>             const select = document.createElement("select");

    [8460] =>             select.id = "referenceverseselect";

    [8461] =>             select.addEventListener("input", referenceverseselectupdate);

    [8462] =>             referenceverse.append(select);

    [8463] => 

    [8464] =>             text.referencetextverse = ":1";

    [8465] =>             text.passagetextverse = "In the beginning God created the heaven and the earth.";

    [8466] => 

    [8467] =>             //referenceverseselectload2();

    [8468] =>         }

    [8469] =>         addEventListener("load", referenceverseselectload);

    [8470] => 

    [8471] =>         function referenceverseselectload2()

    [8472] =>         {

    [8473] =>             for(let i = referenceverseselect.options.length - 1; i >= 0; --i)

    [8474] =>             {

    [8475] =>                 referenceverseselect.remove(i);

    [8476] =>             }

    [8477] => 

    [8478] =>             for(let i = 1; i < Bibleversearray[text.book][text.chapter].length; ++i)

    [8479] =>             {

    [8480] =>                 const option = document.createElement("option");

    [8481] =>                 option.innerHTML = i;

    [8482] =>                 referenceverseselect.add(option);

    [8483] =>             }

    [8484] => 

    [8485] =>             referenceverseselect.value = 1;

    [8486] => 

    [8487] =>             referenceverseselectset();

    [8488] =>         }

    [8489] => 

    [8490] =>         function referenceverseselectset()

    [8491] =>         {

    [8492] =>             text.verse = referenceverseselect.value;

    [8493] => 

    [8494] =>             text.referencetextverse = `:${text.verse}`;

    [8495] =>             text.passagetextverse = Bibleversearray[text.book][text.chapter][text.verse];

    [8496] =>         }

    [8497] => 

    [8498] =>         function referenceverseselectupdate()

    [8499] =>         {

    [8500] =>             referenceverseselectset();

    [8501] =>             referenceverseendselectload2();

    [8502] =>             svgupdate();

    [8503] =>         }

    [8504] => 

    [8505] => 

    [8506] => 

    [8507] =>         function referenceverseendload()

    [8508] =>         {

    [8509] =>             const div = document.createElement("div");

    [8510] =>             div.id = "referenceverseend";

    [8511] =>             div.innerHTML = "verse-end";

    [8512] =>             tabcontentreference.append(div);

    [8513] =>         }

    [8514] =>         addEventListener("load", referenceverseendload);

    [8515] => 

    [8516] =>         function referenceverseendselectload()

    [8517] =>         {

    [8518] =>             const br = document.createElement("br");

    [8519] =>             referenceverseend.append(br);

    [8520] => 

    [8521] =>             const select = document.createElement("select");

    [8522] =>             select.id = "referenceverseendselect";

    [8523] =>             select.addEventListener("input", referenceverseendselectupdate);

    [8524] =>             referenceverseend.append(select);

    [8525] => 

    [8526] =>             text.referencetextverseend = "";

    [8527] =>             text.passagetextverseend = "";

    [8528] => 

    [8529] =>             //referenceverseendselectload2();

    [8530] =>         }

    [8531] =>         addEventListener("load", referenceverseendselectload);

    [8532] => 

    [8533] =>         function referenceverseendselectload2()

    [8534] =>         {

    [8535] =>             for(let i = referenceverseendselect.options.length - 1; i >= 0; --i)

    [8536] =>             {

    [8537] =>                 referenceverseendselect.remove(i);

    [8538] =>             }

    [8539] => 

    [8540] =>             for(let i = referenceverseselect.value; i < Bibleversearray[text.book][text.chapter].length; ++i)

    [8541] =>             {

    [8542] =>                 const option = document.createElement("option");

    [8543] =>                 option.innerHTML = i;

    [8544] =>                 referenceverseendselect.add(option);

    [8545] =>             }

    [8546] => 

    [8547] =>             referenceverseendselect.value = referenceverseselect.value;

    [8548] => 

    [8549] =>             referenceverseendselectset();

    [8550] =>         }

    [8551] => 

    [8552] =>         function referenceverseendselectset()

    [8553] =>         {

    [8554] =>             text.verseend = referenceverseendselect.value;

    [8555] => 

    [8556] =>             //text.referencetext = `${text.bookname} ${text.chapter}:${text.verse}`;

    [8557] =>             //text.passagetext = `${Bibleversearray[text.book][text.chapter][text.verse]}`;

    [8558] =>             text.referencetextverseend = "";

    [8559] =>             text.passagetextverseend = "";

    [8560] => 

    [8561] =>             if(text.verse != text.verseend)

    [8562] =>             {

    [8563] =>                 //text.referencetext += `-${text.verseend}`;

    [8564] =>                 text.referencetextverseend = `-${text.verseend}`;

    [8565] => 

    [8566] =>                 for(let i = Number(text.verse) + 1; i <= text.verseend; ++i)

    [8567] =>                 {

    [8568] =>                     //text.passagetext += ` ${Bibleversearray[text.book][text.chapter][i]}`;

    [8569] =>                     text.passagetextverseend += ` ${Bibleversearray[text.book][text.chapter][i]}`;

    [8570] =>                 }

    [8571] =>             }

    [8572] => 

    [8573] =>             //if(text.versionbool)

    [8574] =>             //{

    [8575] =>             //    text.referencetext += ` ${text.versionname}`;

    [8576] =>             //}

    [8577] =>             //console.log(text.referencetext);

    [8578] =>             //console.log(text.passagetext);

    [8579] =>         }

    [8580] => 

    [8581] =>         function referenceverseendselectupdate()

    [8582] =>         {

    [8583] =>             referenceverseendselectset();

    [8584] =>             svgupdate();

    [8585] =>         }

    [8586] => 

    [8587] => 

    [8588] => 

    [8589] =>         function referencewidthload()

    [8590] =>         {

    [8591] =>             const div = document.createElement("div");

    [8592] =>             div.id = "referencewidth";

    [8593] =>             div.innerHTML = "width";

    [8594] =>             tabcontentreference.append(div);

    [8595] => 

    [8596] =>             const style = div.style;

    [8597] =>             style.overflowY = "hidden";

    [8598] =>             style.whiteSpace = "nowrap";

    [8599] =>         }

    [8600] =>         addEventListener("load", referencewidthload);

    [8601] => 

    [8602] =>         function referencewidthnumberload()

    [8603] =>         {

    [8604] =>             const br = document.createElement("br");

    [8605] =>             referencewidth.append(br);

    [8606] => 

    [8607] =>             const input = document.createElement("input");

    [8608] =>             input.id = "referencewidthnumber";

    [8609] =>             input.max = maxwidth;

    [8610] =>             input.min = 0;

    [8611] =>             input.type = "number";

    [8612] =>             input.value = canvas.width - 100;

    [8613] =>             input.addEventListener("input", referencewidthnumberupdate);

    [8614] =>             referencewidth.append(input);

    [8615] => 

    [8616] =>             //referencewidthnumberset();

    [8617] =>         }

    [8618] =>         addEventListener("load", referencewidthnumberload);

    [8619] => 

    [8620] =>         function referencewidthnumberset()

    [8621] =>         {

    [8622] =>             const v = Number(referencewidthnumber.value);

    [8623] => 

    [8624] =>             referencewidthrange.value = v;

    [8625] =>             text.referencewidth = v;

    [8626] =>         }

    [8627] => 

    [8628] =>         function referencewidthnumberupdate()

    [8629] =>         {

    [8630] =>             referencewidthnumberset();

    [8631] =>             svgupdate();

    [8632] =>         }

    [8633] => 

    [8634] =>         function referencewidthrangeload()

    [8635] =>         {

    [8636] =>             const input = document.createElement("input");

    [8637] =>             input.id = "referencewidthrange";

    [8638] =>             input.max = referencewidthnumber.max;

    [8639] =>             input.min = referencewidthnumber.min;

    [8640] =>             input.type = "range";

    [8641] =>             input.value = referencewidthnumber.value;

    [8642] =>             input.addEventListener("input", referencewidthrangeupdate);

    [8643] =>             referencewidth.append(input);

    [8644] => 

    [8645] =>             referencewidthrangeset();

    [8646] =>         }

    [8647] =>         addEventListener("load", referencewidthrangeload);

    [8648] => 

    [8649] =>         function referencewidthrangeset()

    [8650] =>         {

    [8651] =>             const v = Number(referencewidthrange.value);

    [8652] => 

    [8653] =>             referencewidthnumber.value = v;

    [8654] =>             text.referencewidth = v;

    [8655] =>         }

    [8656] => 

    [8657] =>         function referencewidthrangeupdate()

    [8658] =>         {

    [8659] =>             referencewidthrangeset();

    [8660] =>             svgupdate();

    [8661] =>         }

    [8662] => 

    [8663] =>         function referencewidthexactload()

    [8664] =>         {

    [8665] =>             const br = document.createElement("br");

    [8666] =>             referencewidth.append(br);

    [8667] => 

    [8668] =>             const array =

    [8669] =>             [

    [8670] =>                 ["25%",0.25],

    [8671] =>                 ["50%",0.5],

    [8672] =>                 ["75%",0.75],

    [8673] =>                 ["100%",1],

    [8674] =>             ];

    [8675] => 

    [8676] =>             for(const value of array)

    [8677] =>             {

    [8678] =>                 const button = document.createElement("button");

    [8679] =>                 button.innerHTML = value[0];

    [8680] =>                 button.value = value[1];

    [8681] =>                 button.addEventListener("click", referencewidthexactupdate);

    [8682] =>                 referencewidth.append(button);

    [8683] =>             }

    [8684] =>         }

    [8685] =>         addEventListener("load", referencewidthexactload);

    [8686] => 

    [8687] =>         function referencewidthexactupdate(e)

    [8688] =>         {

    [8689] =>             referencewidthnumber.value = canvas.width * Number(e.target.value);

    [8690] => 

    [8691] =>             referencewidthnumberupdate();

    [8692] =>         }

    [8693] => 

    [8694] =>         function referencewidthincrementload()

    [8695] =>         {

    [8696] =>             const br = document.createElement("br");

    [8697] =>             referencewidth.append(br);

    [8698] => 

    [8699] =>             const array =

    [8700] =>             [

    [8701] =>                 ["-1000",-1000],

    [8702] =>                 ["-100",-100],

    [8703] =>                 ["-10",-10],

    [8704] =>                 ["-1",-1],

    [8705] =>                 ["+1",1],

    [8706] =>                 ["+10",10],

    [8707] =>                 ["+100",100],

    [8708] =>                 ["+1000",1000],

    [8709] =>             ];

    [8710] => 

    [8711] =>             for(const value of array)

    [8712] =>             {

    [8713] =>                 const button = document.createElement("button");

    [8714] =>                 button.innerHTML = value[0];

    [8715] =>                 button.value = value[1];

    [8716] =>                 button.addEventListener("click", referencewidthincrementupdate);

    [8717] =>                 referencewidth.append(button);

    [8718] =>             }

    [8719] =>         }

    [8720] =>         addEventListener("load", referencewidthincrementload);

    [8721] => 

    [8722] =>         function referencewidthincrementupdate(e)

    [8723] =>         {

    [8724] =>             const v = Number(referencewidthnumber.value) + Number(e.target.value);

    [8725] => 

    [8726] =>             if((referencewidthnumber.min <= v) && (v <= referencewidthnumber.max))

    [8727] =>             {

    [8728] =>                 referencewidthnumber.value = v;

    [8729] => 

    [8730] =>                 referencewidthnumberupdate();

    [8731] =>             }

    [8732] =>         }

    [8733] => 

    [8734] => 

    [8735] => 

    [8736] =>         function referenceheightload()

    [8737] =>         {

    [8738] =>             const div = document.createElement("div");

    [8739] =>             div.id = "referenceheight";

    [8740] =>             div.innerHTML = "height";

    [8741] =>             tabcontentreference.append(div);

    [8742] => 

    [8743] =>             const style = div.style;

    [8744] =>             style.overflowY = "hidden";

    [8745] =>             style.whiteSpace = "nowrap";

    [8746] =>         }

    [8747] =>         addEventListener("load", referenceheightload);

    [8748] => 

    [8749] =>         function referenceheightnumberload()

    [8750] =>         {

    [8751] =>             const br = document.createElement("br");

    [8752] =>             referenceheight.append(br);

    [8753] => 

    [8754] =>             const input = document.createElement("input");

    [8755] =>             input.id = "referenceheightnumber";

    [8756] =>             input.max = maxheight;

    [8757] =>             input.min = 0;

    [8758] =>             input.type = "number";

    [8759] =>             input.value = 280;

    [8760] =>             input.addEventListener("input", referenceheightnumberupdate);

    [8761] =>             referenceheight.append(input);

    [8762] => 

    [8763] =>             //referenceheightnumberset();

    [8764] =>         }

    [8765] =>         addEventListener("load", referenceheightnumberload);

    [8766] => 

    [8767] =>         function referenceheightnumberset()

    [8768] =>         {

    [8769] =>             const v = Number(referenceheightnumber.value);

    [8770] => 

    [8771] =>             referenceheightrange.value = v;

    [8772] =>             text.referenceheight = v;

    [8773] =>         }

    [8774] => 

    [8775] =>         function referenceheightnumberupdate()

    [8776] =>         {

    [8777] =>             referenceheightnumberset();

    [8778] =>             svgupdate();

    [8779] =>         }

    [8780] => 

    [8781] =>         function referenceheightrangeload()

    [8782] =>         {

    [8783] =>             const input = document.createElement("input");

    [8784] =>             input.id = "referenceheightrange";

    [8785] =>             input.max = referenceheightnumber.max;

    [8786] =>             input.min = referenceheightnumber.min;

    [8787] =>             input.type = "range";

    [8788] =>             input.value = referenceheightnumber.value;

    [8789] =>             input.addEventListener("input", referenceheightrangeupdate);

    [8790] =>             referenceheight.append(input);

    [8791] => 

    [8792] =>             referenceheightrangeset();

    [8793] =>         }

    [8794] =>         addEventListener("load", referenceheightrangeload);

    [8795] => 

    [8796] =>         function referenceheightrangeset()

    [8797] =>         {

    [8798] =>             const v = Number(referenceheightrange.value);

    [8799] => 

    [8800] =>             referenceheightnumber.value = v;

    [8801] =>             text.referenceheight = v;

    [8802] =>         }

    [8803] => 

    [8804] =>         function referenceheightrangeupdate()

    [8805] =>         {

    [8806] =>             referenceheightrangeset();

    [8807] =>             svgupdate();

    [8808] =>         }

    [8809] => 

    [8810] =>         function referenceheightexactload()

    [8811] =>         {

    [8812] =>             const br = document.createElement("br");

    [8813] =>             referenceheight.append(br);

    [8814] => 

    [8815] =>             const array =

    [8816] =>             [

    [8817] =>                 ["25%",0.25],

    [8818] =>                 ["50%",0.5],

    [8819] =>                 ["75%",0.75],

    [8820] =>                 ["100%",1],

    [8821] =>             ];

    [8822] => 

    [8823] =>             for(const value of array)

    [8824] =>             {

    [8825] =>                 const button = document.createElement("button");

    [8826] =>                 button.innerHTML = value[0];

    [8827] =>                 button.value = value[1];

    [8828] =>                 button.addEventListener("click", referenceheightexactupdate);

    [8829] =>                 referenceheight.append(button);

    [8830] =>             }

    [8831] =>         }

    [8832] =>         addEventListener("load", referenceheightexactload);

    [8833] => 

    [8834] =>         function referenceheightexactupdate(e)

    [8835] =>         {

    [8836] =>             referenceheightnumber.value = canvas.height * Number(e.target.value);

    [8837] => 

    [8838] =>             referenceheightnumberupdate();

    [8839] =>         }

    [8840] => 

    [8841] =>         function referenceheightincrementload()

    [8842] =>         {

    [8843] =>             const br = document.createElement("br");

    [8844] =>             referenceheight.append(br);

    [8845] => 

    [8846] =>             const array =

    [8847] =>             [

    [8848] =>                 ["-1000",-1000],

    [8849] =>                 ["-100",-100],

    [8850] =>                 ["-10",-10],

    [8851] =>                 ["-1",-1],

    [8852] =>                 ["+1",1],

    [8853] =>                 ["+10",10],

    [8854] =>                 ["+100",100],

    [8855] =>                 ["+1000",1000],

    [8856] =>             ];

    [8857] => 

    [8858] =>             for(const value of array)

    [8859] =>             {

    [8860] =>                 const button = document.createElement("button");

    [8861] =>                 button.innerHTML = value[0];

    [8862] =>                 button.value = value[1];

    [8863] =>                 button.addEventListener("click", referenceheightincrementupdate);

    [8864] =>                 referenceheight.append(button);

    [8865] =>             }

    [8866] =>         }

    [8867] =>         addEventListener("load", referenceheightincrementload);

    [8868] => 

    [8869] =>         function referenceheightincrementupdate(e)

    [8870] =>         {

    [8871] =>             const v = Number(referenceheightnumber.value) + Number(e.target.value);

    [8872] => 

    [8873] =>             if((referenceheightnumber.min <= v) && (v <= referenceheightnumber.max))

    [8874] =>             {

    [8875] =>                 referenceheightnumber.value = v;

    [8876] => 

    [8877] =>                 referenceheightnumberupdate();

    [8878] =>             }

    [8879] =>         }

    [8880] => 

    [8881] => 

    [8882] => 

    [8883] =>         function referencexload()

    [8884] =>         {

    [8885] =>             const div = document.createElement("div");

    [8886] =>             div.id = "referencex";

    [8887] =>             div.innerHTML = "x";

    [8888] =>             tabcontentreference.append(div);

    [8889] => 

    [8890] =>             const style = div.style;

    [8891] =>             style.overflowY = "hidden";

    [8892] =>             style.whiteSpace = "nowrap";

    [8893] =>         }

    [8894] =>         addEventListener("load", referencexload);

    [8895] => 

    [8896] =>         function referencexnumberload()

    [8897] =>         {

    [8898] =>             const br = document.createElement("br");

    [8899] =>             referencex.append(br);

    [8900] => 

    [8901] =>             const input = document.createElement("input");

    [8902] =>             input.id = "referencexnumber";

    [8903] =>             input.max = maxwidth;

    [8904] =>             input.min = -maxwidth;

    [8905] =>             input.type = "number";

    [8906] =>             input.value = 50;

    [8907] =>             input.addEventListener("input", referencexnumberupdate);

    [8908] =>             referencex.append(input);

    [8909] => 

    [8910] =>             //referencexnumberset();

    [8911] =>         }

    [8912] =>         addEventListener("load", referencexnumberload);

    [8913] => 

    [8914] =>         function referencexnumberset()

    [8915] =>         {

    [8916] =>             const v = Number(referencexnumber.value);

    [8917] => 

    [8918] =>             referencexrange.value = v;

    [8919] =>             text.referencex = v;

    [8920] =>         }

    [8921] => 

    [8922] =>         function referencexnumberupdate()

    [8923] =>         {

    [8924] =>             referencexnumberset();

    [8925] =>             svgupdate();

    [8926] =>         }

    [8927] => 

    [8928] =>         function referencexrangeload()

    [8929] =>         {

    [8930] =>             const input = document.createElement("input");

    [8931] =>             input.id = "referencexrange";

    [8932] =>             input.max = referencexnumber.max;

    [8933] =>             input.min = referencexnumber.min;

    [8934] =>             input.type = "range";

    [8935] =>             input.value = referencexnumber.value;

    [8936] =>             input.addEventListener("input", referencexrangeupdate);

    [8937] =>             referencex.append(input);

    [8938] => 

    [8939] =>             referencexrangeset();

    [8940] =>         }

    [8941] =>         addEventListener("load", referencexrangeload);

    [8942] => 

    [8943] =>         function referencexrangeset()

    [8944] =>         {

    [8945] =>             const v = Number(referencexrange.value);

    [8946] => 

    [8947] =>             referencexnumber.value = v;

    [8948] =>             text.referencex = v;

    [8949] =>         }

    [8950] => 

    [8951] =>         function referencexrangeupdate()

    [8952] =>         {

    [8953] =>             referencexrangeset();

    [8954] =>             svgupdate();

    [8955] =>         }

    [8956] => 

    [8957] =>         function referencexexactload()

    [8958] =>         {

    [8959] =>             const br = document.createElement("br");

    [8960] =>             referencex.append(br);

    [8961] => 

    [8962] =>             const array =

    [8963] =>             [

    [8964] =>                 ["left",0],

    [8965] =>                 ["center",0.5],

    [8966] =>                 ["right",1],

    [8967] =>             ];

    [8968] => 

    [8969] =>             for(const value of array)

    [8970] =>             {

    [8971] =>                 const button = document.createElement("button");

    [8972] =>                 button.innerHTML = value[0];

    [8973] =>                 button.value = value[1];

    [8974] =>                 button.addEventListener("click", referencexexactupdate);

    [8975] =>                 referencex.append(button);

    [8976] =>             }

    [8977] =>         }

    [8978] =>         addEventListener("load", referencexexactload);

    [8979] => 

    [8980] =>         function referencexexactupdate(e)

    [8981] =>         {

    [8982] =>             //referencexnumber.value = (canvas.width - text.referencewidth - text.referencepaddingleft - text.referencepaddingright) * Number(e.target.value);

    [8983] =>             referencexnumber.value = (canvas.width - text.referencewidth) * Number(e.target.value);

    [8984] => 

    [8985] =>             referencexnumberupdate();

    [8986] =>         }

    [8987] => 

    [8988] =>         function referencexincrementload()

    [8989] =>         {

    [8990] =>             const br = document.createElement("br");

    [8991] =>             referencex.append(br);

    [8992] => 

    [8993] =>             const array =

    [8994] =>             [

    [8995] =>                 ["-1000",-1000],

    [8996] =>                 ["-100",-100],

    [8997] =>                 ["-10",-10],

    [8998] =>                 ["-1",-1],

    [8999] =>                 ["+1",1],

    [9000] =>                 ["+10",10],

    [9001] =>                 ["+100",100],

    [9002] =>                 ["+1000",1000],

    [9003] =>             ];

    [9004] => 

    [9005] =>             for(const value of array)

    [9006] =>             {

    [9007] =>                 const button = document.createElement("button");

    [9008] =>                 button.innerHTML = value[0];

    [9009] =>                 button.value = value[1];

    [9010] =>                 button.addEventListener("click", referencexincrementupdate);

    [9011] =>                 referencex.append(button);

    [9012] =>             }

    [9013] =>         }

    [9014] =>         addEventListener("load", referencexincrementload);

    [9015] => 

    [9016] =>         function referencexincrementupdate(e)

    [9017] =>         {

    [9018] =>             const v = Number(referencexnumber.value) + Number(e.target.value);

    [9019] => 

    [9020] =>             if((referencexnumber.min <= v) && (v <= referencexnumber.max))

    [9021] =>             {

    [9022] =>                 referencexnumber.value = v;

    [9023] => 

    [9024] =>                 referencexnumberupdate();

    [9025] =>             }

    [9026] =>         }

    [9027] => 

    [9028] => 

    [9029] => 

    [9030] =>         function referenceyload()

    [9031] =>         {

    [9032] =>             const div = document.createElement("div");

    [9033] =>             div.id = "referencey";

    [9034] =>             div.innerHTML = "y";

    [9035] =>             tabcontentreference.append(div);

    [9036] => 

    [9037] =>             const style = div.style;

    [9038] =>             style.overflowY = "hidden";

    [9039] =>             style.whiteSpace = "nowrap";

    [9040] =>         }

    [9041] =>         addEventListener("load", referenceyload);

    [9042] => 

    [9043] =>         function referenceynumberload()

    [9044] =>         {

    [9045] =>             const br = document.createElement("br");

    [9046] =>             referencey.append(br);

    [9047] => 

    [9048] =>             const input = document.createElement("input");

    [9049] =>             input.id = "referenceynumber";

    [9050] =>             input.max = maxheight;

    [9051] =>             input.min = -maxheight;

    [9052] =>             input.type = "number";

    [9053] =>             input.value = 400;

    [9054] =>             input.addEventListener("input", referenceynumberupdate);

    [9055] =>             referencey.append(input);

    [9056] => 

    [9057] =>             //referenceynumberset();

    [9058] =>         }

    [9059] =>         addEventListener("load", referenceynumberload);

    [9060] => 

    [9061] =>         function referenceynumberset()

    [9062] =>         {

    [9063] =>             const v = Number(referenceynumber.value);

    [9064] => 

    [9065] =>             referenceyrange.value = v;

    [9066] =>             text.referencey = v;

    [9067] =>         }

    [9068] => 

    [9069] =>         function referenceynumberupdate()

    [9070] =>         {

    [9071] =>             referenceynumberset();

    [9072] =>             svgupdate();

    [9073] =>         }

    [9074] => 

    [9075] =>         function referenceyrangeload()

    [9076] =>         {

    [9077] =>             const input = document.createElement("input");

    [9078] =>             input.id = "referenceyrange";

    [9079] =>             input.max = referenceynumber.max;

    [9080] =>             input.min = referenceynumber.min;

    [9081] =>             input.type = "range";

    [9082] =>             input.value = referenceynumber.value;

    [9083] =>             input.addEventListener("input", referenceyrangeupdate);

    [9084] =>             referencey.append(input);

    [9085] => 

    [9086] =>             referenceyrangeset();

    [9087] =>         }

    [9088] =>         addEventListener("load", referenceyrangeload);

    [9089] => 

    [9090] =>         function referenceyrangeset()

    [9091] =>         {

    [9092] =>             const v = Number(referenceyrange.value);

    [9093] => 

    [9094] =>             referenceynumber.value = v;

    [9095] =>             text.referencey = v;

    [9096] =>         }

    [9097] => 

    [9098] =>         function referenceyrangeupdate()

    [9099] =>         {

    [9100] =>             referenceyrangeset();

    [9101] =>             svgupdate();

    [9102] =>         }

    [9103] => 

    [9104] =>         function referenceyexactload()

    [9105] =>         {

    [9106] =>             const br = document.createElement("br");

    [9107] =>             referencey.append(br);

    [9108] => 

    [9109] =>             const array =

    [9110] =>             [

    [9111] =>                 ["top",0],

    [9112] =>                 ["center",0.5],

    [9113] =>                 ["bottom",1],

    [9114] =>             ];

    [9115] => 

    [9116] =>             for(const value of array)

    [9117] =>             {

    [9118] =>                 const button = document.createElement("button");

    [9119] =>                 button.innerHTML = value[0];

    [9120] =>                 button.value = value[1];

    [9121] =>                 button.addEventListener("click", referenceyexactupdate);

    [9122] =>                 referencey.append(button);

    [9123] =>             }

    [9124] =>         }

    [9125] =>         addEventListener("load", referenceyexactload);

    [9126] => 

    [9127] =>         function referenceyexactupdate(e)

    [9128] =>         {

    [9129] =>             //referenceynumber.value = (canvas.height - text.referenceheight - text.referencepaddingtop - text.referencepaddingbottom) * Number(e.target.value);

    [9130] =>             referenceynumber.value = (canvas.height - text.referenceheight) * Number(e.target.value);

    [9131] => 

    [9132] =>             referenceynumberupdate();

    [9133] =>         }

    [9134] => 

    [9135] =>         function referenceyincrementload()

    [9136] =>         {

    [9137] =>             const br = document.createElement("br");

    [9138] =>             referencey.append(br);

    [9139] => 

    [9140] =>             const array =

    [9141] =>             [

    [9142] =>                 ["-1000",-1000],

    [9143] =>                 ["-100",-100],

    [9144] =>                 ["-10",-10],

    [9145] =>                 ["-1",-1],

    [9146] =>                 ["+1",1],

    [9147] =>                 ["+10",10],

    [9148] =>                 ["+100",100],

    [9149] =>                 ["+1000",1000],

    [9150] =>             ];

    [9151] => 

    [9152] =>             for(const value of array)

    [9153] =>             {

    [9154] =>                 const button = document.createElement("button");

    [9155] =>                 button.innerHTML = value[0];

    [9156] =>                 button.value = value[1];

    [9157] =>                 button.addEventListener("click", referenceyincrementupdate);

    [9158] =>                 referencey.append(button);

    [9159] =>             }

    [9160] =>         }

    [9161] =>         addEventListener("load", referenceyincrementload);

    [9162] => 

    [9163] =>         function referenceyincrementupdate(e)

    [9164] =>         {

    [9165] =>             const v = Number(referenceynumber.value) + Number(e.target.value);

    [9166] => 

    [9167] =>             if((referenceynumber.min <= v) && (v <= referenceynumber.max))

    [9168] =>             {

    [9169] =>                 referenceynumber.value = v;

    [9170] => 

    [9171] =>                 referenceynumberupdate();

    [9172] =>             }

    [9173] =>         }

    [9174] => 

    [9175] => 

    [9176] => 

    [9177] =>         function referencebackgroundcolorload()

    [9178] =>         {

    [9179] =>             const div = document.createElement("div");

    [9180] =>             div.id = "referencebackgroundcolor";

    [9181] =>             div.innerHTML = "background-color";

    [9182] =>             tabcontentreference.append(div);

    [9183] =>         }

    [9184] =>         addEventListener("load", referencebackgroundcolorload);

    [9185] => 

    [9186] =>         function referencebackgroundcolorcolorload()

    [9187] =>         {

    [9188] =>             const br = document.createElement("br");

    [9189] =>             referencebackgroundcolor.append(br);

    [9190] => 

    [9191] =>             const input = document.createElement("input");

    [9192] =>             input.id = "referencebackgroundcolorcolor";

    [9193] =>             input.type = "color";

    [9194] =>             input.value = "#ffffff";

    [9195] =>             input.addEventListener("input", referencebackgroundcolorcolorupdate);

    [9196] =>             referencebackgroundcolor.append(input);

    [9197] => 

    [9198] =>             //referencebackgroundcolorcolorset();

    [9199] =>         }

    [9200] =>         addEventListener("load", referencebackgroundcolorcolorload);

    [9201] => 

    [9202] =>         function referencebackgroundcolorcolorset()

    [9203] =>         {

    [9204] =>             const c = referencebackgroundcolorcolor.value;

    [9205] =>             const r = parseInt(c.slice(1,3),16);

    [9206] =>             const g = parseInt(c.slice(3,5),16);

    [9207] =>             const b = parseInt(c.slice(5,7),16);

    [9208] =>             const a = referencebackgroundalphanumber.value;

    [9209] => 

    [9210] =>             text.referencebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;

    [9211] =>         }

    [9212] => 

    [9213] =>         function referencebackgroundcolorcolorupdate()

    [9214] =>         {

    [9215] =>             referencebackgroundcolorcolorset();

    [9216] =>             svgupdate();

    [9217] =>         }

    [9218] => 

    [9219] =>         function referencebackgroundcolorexactload()

    [9220] =>         {

    [9221] =>             const br = document.createElement("br");

    [9222] =>             referencebackgroundcolor.append(br);

    [9223] => 

    [9224] =>             const array =

    [9225] =>             [

    [9226] =>                 ["black","#000000"],

    [9227] =>                 ["white","#ffffff"],

    [9228] =>             ];

    [9229] => 

    [9230] =>             for(const value of array)

    [9231] =>             {

    [9232] =>                 const button = document.createElement("button");

    [9233] =>                 button.innerHTML = value[0];

    [9234] =>                 button.value = value[1];

    [9235] =>                 button.addEventListener("click", referencebackgroundcolorexactupdate);

    [9236] =>                 referencebackgroundcolor.append(button);

    [9237] =>             }

    [9238] =>         }

    [9239] =>         addEventListener("load", referencebackgroundcolorexactload);

    [9240] => 

    [9241] =>         function referencebackgroundcolorexactupdate(e)

    [9242] =>         {

    [9243] =>             referencebackgroundcolorcolor.value = e.target.value;

    [9244] => 

    [9245] =>             referencebackgroundcolorcolorupdate();

    [9246] =>         }

    [9247] => 

    [9248] => 

    [9249] => 

    [9250] =>         function referencebackgroundalphaload()

    [9251] =>         {

    [9252] =>             const div = document.createElement("div");

    [9253] =>             div.id = "referencebackgroundalpha";

    [9254] =>             div.innerHTML = "background-alpha";

    [9255] =>             tabcontentreference.append(div);

    [9256] => 

    [9257] =>             const style = div.style;

    [9258] =>             style.overflowY = "hidden";

    [9259] =>             style.whiteSpace = "nowrap";

    [9260] =>         }

    [9261] =>         addEventListener("load", referencebackgroundalphaload);

    [9262] => 

    [9263] =>         function referencebackgroundalphanumberload()

    [9264] =>         {

    [9265] =>             const br = document.createElement("br");

    [9266] =>             referencebackgroundalpha.append(br);

    [9267] => 

    [9268] =>             const input = document.createElement("input");

    [9269] =>             input.id = "referencebackgroundalphanumber";

    [9270] =>             input.max = 1;

    [9271] =>             input.min = 0;

    [9272] =>             input.step = 0.01;

    [9273] =>             input.type = "number";

    [9274] =>             input.value = 0.5;

    [9275] =>             input.addEventListener("input", referencebackgroundalphanumberupdate);

    [9276] =>             referencebackgroundalpha.append(input);

    [9277] => 

    [9278] =>             //referencebackgroundalphanumberset();

    [9279] =>         }

    [9280] =>         addEventListener("load", referencebackgroundalphanumberload);

    [9281] => 

    [9282] =>         function referencebackgroundalphanumberset()

    [9283] =>         {

    [9284] =>             const c = referencebackgroundcolorcolor.value;

    [9285] =>             const r = parseInt(c.slice(1,3),16);

    [9286] =>             const g = parseInt(c.slice(3,5),16);

    [9287] =>             const b = parseInt(c.slice(5,7),16);

    [9288] =>             const a = referencebackgroundalphanumber.value;

    [9289] => 

    [9290] =>             referencebackgroundalpharange.value = a;

    [9291] =>             text.referencebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;

    [9292] =>         }

    [9293] => 

    [9294] =>         function referencebackgroundalphanumberupdate()

    [9295] =>         {

    [9296] =>             referencebackgroundalphanumberset();

    [9297] =>             svgupdate();

    [9298] =>         }

    [9299] => 

    [9300] =>         function referencebackgroundalpharangeload()

    [9301] =>         {

    [9302] =>             const input = document.createElement("input");

    [9303] =>             input.id = "referencebackgroundalpharange";

    [9304] =>             input.max = referencebackgroundalphanumber.max;

    [9305] =>             input.min = referencebackgroundalphanumber.min;

    [9306] =>             input.step = referencebackgroundalphanumber.step;

    [9307] =>             input.type = "range";

    [9308] =>             input.value = referencebackgroundalphanumber.value;

    [9309] =>             input.addEventListener("input", referencebackgroundalpharangeupdate);

    [9310] =>             referencebackgroundalpha.append(input);

    [9311] => 

    [9312] =>             referencebackgroundalpharangeset();

    [9313] =>         }

    [9314] =>         addEventListener("load", referencebackgroundalpharangeload);

    [9315] => 

    [9316] =>         function referencebackgroundalpharangeset()

    [9317] =>         {

    [9318] =>             const c = referencebackgroundcolorcolor.value;

    [9319] =>             const r = parseInt(c.slice(1,3),16);

    [9320] =>             const g = parseInt(c.slice(3,5),16);

    [9321] =>             const b = parseInt(c.slice(5,7),16);

    [9322] =>             const a = referencebackgroundalpharange.value;

    [9323] => 

    [9324] =>             referencebackgroundalphanumber.value = a;

    [9325] =>             text.referencebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;

    [9326] =>         }

    [9327] => 

    [9328] =>         function referencebackgroundalpharangeupdate()

    [9329] =>         {

    [9330] =>             referencebackgroundalpharangeset();

    [9331] =>             svgupdate();

    [9332] =>         }

    [9333] => 

    [9334] =>         function referencebackgroundalphaexactload()

    [9335] =>         {

    [9336] =>             const br = document.createElement("br");

    [9337] =>             referencebackgroundalpha.append(br);

    [9338] => 

    [9339] =>             const array =

    [9340] =>             [

    [9341] =>                 ["0",0],

    [9342] =>                 ["0.25",0.25],

    [9343] =>                 ["0.5",0.5],

    [9344] =>                 ["0.75",0.75],

    [9345] =>                 ["1",1],

    [9346] =>             ];

    [9347] => 

    [9348] =>             for(const value of array)

    [9349] =>             {

    [9350] =>                 const button = document.createElement("button");

    [9351] =>                 button.innerHTML = value[0];

    [9352] =>                 button.value = value[1];

    [9353] =>                 button.addEventListener("click", referencebackgroundalphaexactupdate);

    [9354] =>                 referencebackgroundalpha.append(button);

    [9355] =>             }

    [9356] =>         }

    [9357] =>         addEventListener("load", referencebackgroundalphaexactload);

    [9358] => 

    [9359] =>         function referencebackgroundalphaexactupdate(e)

    [9360] =>         {

    [9361] =>             referencebackgroundalphanumber.value = Number(e.target.value);

    [9362] => 

    [9363] =>             referencebackgroundalphanumberupdate();

    [9364] =>         }

    [9365] => 

    [9366] =>         function referencebackgroundalphaincrementload()

    [9367] =>         {

    [9368] =>             const br = document.createElement("br");

    [9369] =>             referencebackgroundalpha.append(br);

    [9370] => 

    [9371] =>             const array =

    [9372] =>             [

    [9373] =>                 ["-0.1",-0.1],

    [9374] =>                 ["-0.01",-0.01],

    [9375] =>                 ["+0.01",0.01],

    [9376] =>                 ["+0.1",0.1],

    [9377] =>             ];

    [9378] => 

    [9379] =>             for(const value of array)

    [9380] =>             {

    [9381] =>                 const button = document.createElement("button");

    [9382] =>                 button.innerHTML = value[0];

    [9383] =>                 button.value = value[1];

    [9384] =>                 button.addEventListener("click", referencebackgroundalphaincrementupdate);

    [9385] =>                 referencebackgroundalpha.append(button);

    [9386] =>             }

    [9387] =>         }

    [9388] =>         addEventListener("load", referencebackgroundalphaincrementload);

    [9389] => 

    [9390] =>         function referencebackgroundalphaincrementupdate(e)

    [9391] =>         {

    [9392] =>             let v = Number(referencebackgroundalphanumber.value) + Number(e.target.value);

    [9393] =>             v = parseFloat(v.toFixed(2));

    [9394] => 

    [9395] =>             if((referencebackgroundalphanumber.min <= v) && (v <= referencebackgroundalphanumber.max))

    [9396] =>             {

    [9397] =>                 referencebackgroundalphanumber.value = v;

    [9398] => 

    [9399] =>                 referencebackgroundalphanumberupdate();

    [9400] =>             }

    [9401] =>         }

    [9402] => 

    [9403] => 

    [9404] => 

    [9405] =>         function referencebordercolorload()

    [9406] =>         {

    [9407] =>             const div = document.createElement("div");

    [9408] =>             div.id = "referencebordercolor";

    [9409] =>             div.innerHTML = "border-color";

    [9410] =>             tabcontentreference.append(div);

    [9411] =>         }

    [9412] =>         addEventListener("load", referencebordercolorload);

    [9413] => 

    [9414] =>         function referencebordercolorcolorload()

    [9415] =>         {

    [9416] =>             const br = document.createElement("br");

    [9417] =>             referencebordercolor.append(br);

    [9418] => 

    [9419] =>             const input = document.createElement("input");

    [9420] =>             input.id = "referencebordercolorcolor";

    [9421] =>             input.type = "color";

    [9422] =>             input.value = "#000000";

    [9423] =>             input.addEventListener("input", referencebordercolorcolorupdate);

    [9424] =>             referencebordercolor.append(input);

    [9425] => 

    [9426] =>             //referencebordercolorcolorset();

    [9427] =>         }

    [9428] =>         addEventListener("load", referencebordercolorcolorload);

    [9429] => 

    [9430] =>         function referencebordercolorcolorset()

    [9431] =>         {

    [9432] =>             const c = referencebordercolorcolor.value;

    [9433] =>             const r = parseInt(c.slice(1,3),16);

    [9434] =>             const g = parseInt(c.slice(3,5),16);

    [9435] =>             const b = parseInt(c.slice(5,7),16);

    [9436] =>             const a = referenceborderalphanumber.value;

    [9437] => 

    [9438] =>             text.referencebordercolor = `rgb(${r} ${g} ${b} / ${a})`;

    [9439] =>         }

    [9440] => 

    [9441] =>         function referencebordercolorcolorupdate()

    [9442] =>         {

    [9443] =>             referencebordercolorcolorset();

    [9444] =>             svgupdate();

    [9445] =>         }

    [9446] => 

    [9447] =>         function referencebordercolorexactload()

    [9448] =>         {

    [9449] =>             const br = document.createElement("br");

    [9450] =>             referencebordercolor.append(br);

    [9451] => 

    [9452] =>             const array =

    [9453] =>             [

    [9454] =>                 ["black","#000000"],

    [9455] =>                 ["white","#ffffff"],

    [9456] =>             ];

    [9457] => 

    [9458] =>             for(const value of array)

    [9459] =>             {

    [9460] =>                 const button = document.createElement("button");

    [9461] =>                 button.innerHTML = value[0];

    [9462] =>                 button.value = value[1];

    [9463] =>                 button.addEventListener("click", referencebordercolorexactupdate);

    [9464] =>                 referencebordercolor.append(button);

    [9465] =>             }

    [9466] =>         }

    [9467] =>         addEventListener("load", referencebordercolorexactload);

    [9468] => 

    [9469] =>         function referencebordercolorexactupdate(e)

    [9470] =>         {

    [9471] =>             referencebordercolorcolor.value = e.target.value;

    [9472] => 

    [9473] =>             referencebordercolorcolorupdate();

    [9474] =>         }

    [9475] => 

    [9476] => 

    [9477] => 

    [9478] =>         function referenceborderalphaload()

    [9479] =>         {

    [9480] =>             const div = document.createElement("div");

    [9481] =>             div.id = "referenceborderalpha";

    [9482] =>             div.innerHTML = "border-alpha";

    [9483] =>             tabcontentreference.append(div);

    [9484] => 

    [9485] =>             const style = div.style;

    [9486] =>             style.overflowY = "hidden";

    [9487] =>             style.whiteSpace = "nowrap";

    [9488] =>         }

    [9489] =>         addEventListener("load", referenceborderalphaload);

    [9490] => 

    [9491] =>         function referenceborderalphanumberload()

    [9492] =>         {

    [9493] =>             const br = document.createElement("br");

    [9494] =>             referenceborderalpha.append(br);

    [9495] => 

    [9496] =>             const input = document.createElement("input");

    [9497] =>             input.id = "referenceborderalphanumber";

    [9498] =>             input.max = 1;

    [9499] =>             input.min = 0;

    [9500] =>             input.step = 0.01;

    [9501] =>             input.type = "number";

    [9502] =>             input.value = 1;

    [9503] =>             input.addEventListener("input", referenceborderalphanumberupdate);

    [9504] =>             referenceborderalpha.append(input);

    [9505] => 

    [9506] =>             //referenceborderalphanumberset();

    [9507] =>         }

    [9508] =>         addEventListener("load", referenceborderalphanumberload);

    [9509] => 

    [9510] =>         function referenceborderalphanumberset()

    [9511] =>         {

    [9512] =>             const c = referencebordercolorcolor.value;

    [9513] =>             const r = parseInt(c.slice(1,3),16);

    [9514] =>             const g = parseInt(c.slice(3,5),16);

    [9515] =>             const b = parseInt(c.slice(5,7),16);

    [9516] =>             const a = referenceborderalphanumber.value;

    [9517] => 

    [9518] =>             referenceborderalpharange.value = a;

    [9519] =>             text.referencebordercolor = `rgb(${r} ${g} ${b} / ${a})`;

    [9520] =>         }

    [9521] => 

    [9522] =>         function referenceborderalphanumberupdate()

    [9523] =>         {

    [9524] =>             referenceborderalphanumberset();

    [9525] =>             svgupdate();

    [9526] =>         }

    [9527] => 

    [9528] =>         function referenceborderalpharangeload()

    [9529] =>         {

    [9530] =>             const input = document.createElement("input");

    [9531] =>             input.id = "referenceborderalpharange";

    [9532] =>             input.max = referenceborderalphanumber.max;

    [9533] =>             input.min = referenceborderalphanumber.min;

    [9534] =>             input.step = referenceborderalphanumber.step;

    [9535] =>             input.type = "range";

    [9536] =>             input.value = referenceborderalphanumber.value;

    [9537] =>             input.addEventListener("input", referenceborderalpharangeupdate);

    [9538] =>             referenceborderalpha.append(input);

    [9539] => 

    [9540] =>             referenceborderalpharangeset();

    [9541] =>         }

    [9542] =>         addEventListener("load", referenceborderalpharangeload);

    [9543] => 

    [9544] =>         function referenceborderalpharangeset()

    [9545] =>         {

    [9546] =>             const c = referencebordercolorcolor.value;

    [9547] =>             const r = parseInt(c.slice(1,3),16);

    [9548] =>             const g = parseInt(c.slice(3,5),16);

    [9549] =>             const b = parseInt(c.slice(5,7),16);

    [9550] =>             const a = referenceborderalpharange.value;

    [9551] => 

    [9552] =>             referenceborderalphanumber.value = a;

    [9553] =>             text.referencebordercolor = `rgb(${r} ${g} ${b} / ${a})`;

    [9554] =>         }

    [9555] => 

    [9556] =>         function referenceborderalpharangeupdate()

    [9557] =>         {

    [9558] =>             referenceborderalpharangeset();

    [9559] =>             svgupdate();

    [9560] =>         }

    [9561] => 

    [9562] =>         function referenceborderalphaexactload()

    [9563] =>         {

    [9564] =>             const br = document.createElement("br");

    [9565] =>             referenceborderalpha.append(br);

    [9566] => 

    [9567] =>             const array =

    [9568] =>             [

    [9569] =>                 ["0",0],

    [9570] =>                 ["0.25",0.25],

    [9571] =>                 ["0.5",0.5],

    [9572] =>                 ["0.75",0.75],

    [9573] =>                 ["1",1],

    [9574] =>             ];

    [9575] => 

    [9576] =>             for(const value of array)

    [9577] =>             {

    [9578] =>                 const button = document.createElement("button");

    [9579] =>                 button.innerHTML = value[0];

    [9580] =>                 button.value = value[1];

    [9581] =>                 button.addEventListener("click", referenceborderalphaexactupdate);

    [9582] =>                 referenceborderalpha.append(button);

    [9583] =>             }

    [9584] =>         }

    [9585] =>         addEventListener("load", referenceborderalphaexactload);

    [9586] => 

    [9587] =>         function referenceborderalphaexactupdate(e)

    [9588] =>         {

    [9589] =>             referenceborderalphanumber.value = Number(e.target.value);

    [9590] => 

    [9591] =>             referenceborderalphanumberupdate();

    [9592] =>         }

    [9593] => 

    [9594] =>         function referenceborderalphaincrementload()

    [9595] =>         {

    [9596] =>             const br = document.createElement("br");

    [9597] =>             referenceborderalpha.append(br);

    [9598] => 

    [9599] =>             const array =

    [9600] =>             [

    [9601] =>                 ["-0.1",-0.1],

    [9602] =>                 ["-0.01",-0.01],

    [9603] =>                 ["+0.01",0.01],

    [9604] =>                 ["+0.1",0.1],

    [9605] =>             ];

    [9606] => 

    [9607] =>             for(const value of array)

    [9608] =>             {

    [9609] =>                 const button = document.createElement("button");

    [9610] =>                 button.innerHTML = value[0];

    [9611] =>                 button.value = value[1];

    [9612] =>                 button.addEventListener("click", referenceborderalphaincrementupdate);

    [9613] =>                 referenceborderalpha.append(button);

    [9614] =>             }

    [9615] =>         }

    [9616] =>         addEventListener("load", referenceborderalphaincrementload);

    [9617] => 

    [9618] =>         function referenceborderalphaincrementupdate(e)

    [9619] =>         {

    [9620] =>             let v = Number(referenceborderalphanumber.value) + Number(e.target.value);

    [9621] =>             v = parseFloat(v.toFixed(2));

    [9622] => 

    [9623] =>             if((referenceborderalphanumber.min <= v) && (v <= referenceborderalphanumber.max))

    [9624] =>             {

    [9625] =>                 referenceborderalphanumber.value = v;

    [9626] => 

    [9627] =>                 referenceborderalphanumberupdate();

    [9628] =>             }

    [9629] =>         }

    [9630] => 

    [9631] => 

    [9632] => 

    [9633] =>         function referenceborderradiusload()

    [9634] =>         {

    [9635] =>             const div = document.createElement("div");

    [9636] =>             div.id = "referenceborderradius";

    [9637] =>             div.innerHTML = "border-radius";

    [9638] =>             tabcontentreference.append(div);

    [9639] => 

    [9640] =>             const style = div.style;

    [9641] =>             style.overflowY = "hidden";

    [9642] =>             style.whiteSpace = "nowrap";

    [9643] =>         }

    [9644] =>         addEventListener("load", referenceborderradiusload);

    [9645] => 

    [9646] =>         function referenceborderradiusnumberload()

    [9647] =>         {

    [9648] =>             const br = document.createElement("br");

    [9649] =>             referenceborderradius.append(br);

    [9650] => 

    [9651] =>             const input = document.createElement("input");

    [9652] =>             input.id = "referenceborderradiusnumber";

    [9653] =>             input.max = 1000;

    [9654] =>             input.min = 0;

    [9655] =>             input.type = "number";

    [9656] =>             input.value = 50;

    [9657] =>             input.addEventListener("input", referenceborderradiusnumberupdate);

    [9658] =>             referenceborderradius.append(input);

    [9659] => 

    [9660] =>             //referenceborderradiusnumberset();

    [9661] =>         }

    [9662] =>         addEventListener("load", referenceborderradiusnumberload);

    [9663] => 

    [9664] =>         function referenceborderradiusnumberset()

    [9665] =>         {

    [9666] =>             const v = Number(referenceborderradiusnumber.value);

    [9667] => 

    [9668] =>             referenceborderradiusrange.value = v;

    [9669] =>             text.referenceborderradius = v;

    [9670] =>         }

    [9671] => 

    [9672] =>         function referenceborderradiusnumberupdate()

    [9673] =>         {

    [9674] =>             referenceborderradiusnumberset();

    [9675] =>             svgupdate();

    [9676] =>         }

    [9677] => 

    [9678] =>         function referenceborderradiusrangeload()

    [9679] =>         {

    [9680] =>             const input = document.createElement("input");

    [9681] =>             input.id = "referenceborderradiusrange";

    [9682] =>             input.max = referenceborderradiusnumber.max;

    [9683] =>             input.min = referenceborderradiusnumber.min;

    [9684] =>             input.type = "range";

    [9685] =>             input.value = referenceborderradiusnumber.value;

    [9686] =>             input.addEventListener("input", referenceborderradiusrangeupdate);

    [9687] =>             referenceborderradius.append(input);

    [9688] => 

    [9689] =>             referenceborderradiusrangeset();

    [9690] =>         }

    [9691] =>         addEventListener("load", referenceborderradiusrangeload);

    [9692] => 

    [9693] =>         function referenceborderradiusrangeset()

    [9694] =>         {

    [9695] =>             const v = Number(referenceborderradiusrange.value);

    [9696] => 

    [9697] =>             referenceborderradiusnumber.value = v;

    [9698] =>             text.referenceborderradius = v;

    [9699] =>         }

    [9700] => 

    [9701] =>         function referenceborderradiusrangeupdate()

    [9702] =>         {

    [9703] =>             referenceborderradiusrangeset();

    [9704] =>             svgupdate();

    [9705] =>         }

    [9706] => 

    [9707] =>         function referenceborderradiusexactload()

    [9708] =>         {

    [9709] =>             const br = document.createElement("br");

    [9710] =>             referenceborderradius.append(br);

    [9711] => 

    [9712] =>             const array =

    [9713] =>             [

    [9714] =>                 ["0",0],

    [9715] =>                 ["50",50],

    [9716] =>                 ["100",100],

    [9717] =>                 ["250",250],

    [9718] =>                 ["500",500],

    [9719] =>                 ["1000",1000],

    [9720] =>             ];

    [9721] => 

    [9722] =>             for(const value of array)

    [9723] =>             {

    [9724] =>                 const button = document.createElement("button");

    [9725] =>                 button.innerHTML = value[0];

    [9726] =>                 button.value = value[1];

    [9727] =>                 button.addEventListener("click", referenceborderradiusexactupdate);

    [9728] =>                 referenceborderradius.append(button);

    [9729] =>             }

    [9730] =>         }

    [9731] =>         addEventListener("load", referenceborderradiusexactload);

    [9732] => 

    [9733] =>         function referenceborderradiusexactupdate(e)

    [9734] =>         {

    [9735] =>             referenceborderradiusnumber.value = Number(e.target.value);

    [9736] => 

    [9737] =>             referenceborderradiusnumberupdate();

    [9738] =>         }

    [9739] => 

    [9740] =>         function referenceborderradiusincrementload()

    [9741] =>         {

    [9742] =>             const br = document.createElement("br");

    [9743] =>             referenceborderradius.append(br);

    [9744] => 

    [9745] =>             const array =

    [9746] =>             [

    [9747] =>                 ["-100",-100],

    [9748] =>                 ["-10",-10],

    [9749] =>                 ["-1",-1],

    [9750] =>                 ["+1",1],

    [9751] =>                 ["+10",10],

    [9752] =>                 ["+100",100],

    [9753] =>             ];

    [9754] => 

    [9755] =>             for(const value of array)

    [9756] =>             {

    [9757] =>                 const button = document.createElement("button");

    [9758] =>                 button.innerHTML = value[0];

    [9759] =>                 button.value = value[1];

    [9760] =>                 button.addEventListener("click", referenceborderradiusincrementupdate);

    [9761] =>                 referenceborderradius.append(button);

    [9762] =>             }

    [9763] =>         }

    [9764] =>         addEventListener("load", referenceborderradiusincrementload);

    [9765] => 

    [9766] =>         function referenceborderradiusincrementupdate(e)

    [9767] =>         {

    [9768] =>             const v = Number(referenceborderradiusnumber.value) + Number(e.target.value);

    [9769] => 

    [9770] =>             if((referenceborderradiusnumber.min <= v) && (v <= referenceborderradiusnumber.max))

    [9771] =>             {

    [9772] =>                 referenceborderradiusnumber.value = v;

    [9773] => 

    [9774] =>                 referenceborderradiusnumberupdate();

    [9775] =>             }

    [9776] =>         }

    [9777] => 

    [9778] => 

    [9779] => 

    [9780] =>         function referenceborderstyleload()

    [9781] =>         {

    [9782] =>             const div = document.createElement("div");

    [9783] =>             div.id = "referenceborderstyle";

    [9784] =>             div.innerHTML = "border-style";

    [9785] =>             tabcontentreference.append(div);

    [9786] =>         }

    [9787] =>         addEventListener("load", referenceborderstyleload);

    [9788] => 

    [9789] =>         function referenceborderstyleselectload()

    [9790] =>         {

    [9791] =>             const br = document.createElement("br");

    [9792] =>             referenceborderstyle.append(br);

    [9793] => 

    [9794] =>             const select = document.createElement("select");

    [9795] =>             select.id = "referenceborderstyleselect";

    [9796] =>             select.addEventListener("input", referenceborderstyleselectupdate);

    [9797] =>             referenceborderstyle.append(select);

    [9798] => 

    [9799] =>             for(const value of borderstylearray)

    [9800] =>             {

    [9801] =>                 const option = document.createElement("option");

    [9802] =>                 option.innerHTML = value;

    [9803] =>                 select.add(option);

    [9804] =>             }

    [9805] => 

    [9806] =>             //select.value = borderstylearray[8];

    [9807] => 

    [9808] =>             referenceborderstyleselectset();

    [9809] =>         }

    [9810] =>         addEventListener("load", referenceborderstyleselectload);

    [9811] => 

    [9812] =>         function referenceborderstyleselectset()

    [9813] =>         {

    [9814] =>             text.referenceborderstyle = referenceborderstyleselect.value;

    [9815] =>         }

    [9816] => 

    [9817] =>         function referenceborderstyleselectupdate()

    [9818] =>         {

    [9819] =>             referenceborderstyleselectset();

    [9820] =>             svgupdate();

    [9821] =>         }

    [9822] => 

    [9823] => 

    [9824] => 

    [9825] =>         function referenceborderwidthload()

    [9826] =>         {

    [9827] =>             const div = document.createElement("div");

    [9828] =>             div.id = "referenceborderwidth";

    [9829] =>             div.innerHTML = "border-width";

    [9830] =>             tabcontentreference.append(div);

    [9831] => 

    [9832] =>             const style = div.style;

    [9833] =>             style.overflowY = "hidden";

    [9834] =>             style.whiteSpace = "nowrap";

    [9835] =>         }

    [9836] =>         addEventListener("load", referenceborderwidthload);

    [9837] => 

    [9838] =>         function referenceborderwidthnumberload()

    [9839] =>         {

    [9840] =>             const br = document.createElement("br");

    [9841] =>             referenceborderwidth.append(br);

    [9842] => 

    [9843] =>             const input = document.createElement("input");

    [9844] =>             input.id = "referenceborderwidthnumber";

    [9845] =>             input.max = 1000;

    [9846] =>             input.min = 0;

    [9847] =>             input.type = "number";

    [9848] =>             input.value = 25;

    [9849] =>             input.addEventListener("input", referenceborderwidthnumberupdate);

    [9850] =>             referenceborderwidth.append(input);

    [9851] => 

    [9852] =>             //referenceborderwidthnumberset();

    [9853] =>         }

    [9854] =>         addEventListener("load", referenceborderwidthnumberload);

    [9855] => 

    [9856] =>         function referenceborderwidthnumberset()

    [9857] =>         {

    [9858] =>             const v = Number(referenceborderwidthnumber.value);

    [9859] => 

    [9860] =>             referenceborderwidthrange.value = v;

    [9861] =>             text.referenceborderwidth = v;

    [9862] =>         }

    [9863] => 

    [9864] =>         function referenceborderwidthnumberupdate()

    [9865] =>         {

    [9866] =>             referenceborderwidthnumberset();

    [9867] =>             svgupdate();

    [9868] =>         }

    [9869] => 

    [9870] =>         function referenceborderwidthrangeload()

    [9871] =>         {

    [9872] =>             const input = document.createElement("input");

    [9873] =>             input.id = "referenceborderwidthrange";

    [9874] =>             input.max = referenceborderwidthnumber.max;

    [9875] =>             input.min = referenceborderwidthnumber.min;

    [9876] =>             input.type = "range";

    [9877] =>             input.value = referenceborderwidthnumber.value;

    [9878] =>             input.addEventListener("input", referenceborderwidthrangeupdate);

    [9879] =>             referenceborderwidth.append(input);

    [9880] => 

    [9881] =>             referenceborderwidthrangeset();

    [9882] =>         }

    [9883] =>         addEventListener("load", referenceborderwidthrangeload);

    [9884] => 

    [9885] =>         function referenceborderwidthrangeset()

    [9886] =>         {

    [9887] =>             const v = Number(referenceborderwidthrange.value);

    [9888] => 

    [9889] =>             referenceborderwidthnumber.value = v;

    [9890] =>             text.referenceborderwidth = v;

    [9891] =>         }

    [9892] => 

    [9893] =>         function referenceborderwidthrangeupdate()

    [9894] =>         {

    [9895] =>             referenceborderwidthrangeset();

    [9896] =>             svgupdate();

    [9897] =>         }

    [9898] => 

    [9899] =>         function referenceborderwidthexactload()

    [9900] =>         {

    [9901] =>             const br = document.createElement("br");

    [9902] =>             referenceborderwidth.append(br);

    [9903] => 

    [9904] =>             const array =

    [9905] =>             [

    [9906] =>                 ["0",0],

    [9907] =>                 ["50",50],

    [9908] =>                 ["100",100],

    [9909] =>                 ["250",250],

    [9910] =>                 ["500",500],

    [9911] =>                 ["1000",1000],

    [9912] =>             ];

    [9913] => 

    [9914] =>             for(const value of array)

    [9915] =>             {

    [9916] =>                 const button = document.createElement("button");

    [9917] =>                 button.innerHTML = value[0];

    [9918] =>                 button.value = value[1];

    [9919] =>                 button.addEventListener("click", referenceborderwidthexactupdate);

    [9920] =>                 referenceborderwidth.append(button);

    [9921] =>             }

    [9922] =>         }

    [9923] =>         addEventListener("load", referenceborderwidthexactload);

    [9924] => 

    [9925] =>         function referenceborderwidthexactupdate(e)

    [9926] =>         {

    [9927] =>             referenceborderwidthnumber.value = Number(e.target.value);

    [9928] => 

    [9929] =>             referenceborderwidthnumberupdate();

    [9930] =>         }

    [9931] => 

    [9932] =>         function referenceborderwidthincrementload()

    [9933] =>         {

    [9934] =>             const br = document.createElement("br");

    [9935] =>             referenceborderwidth.append(br);

    [9936] => 

    [9937] =>             const array =

    [9938] =>             [

    [9939] =>                 ["-100",-100],

    [9940] =>                 ["-10",-10],

    [9941] =>                 ["-1",-1],

    [9942] =>                 ["+1",1],

    [9943] =>                 ["+10",10],

    [9944] =>                 ["+100",100],

    [9945] =>             ];

    [9946] => 

    [9947] =>             for(const value of array)

    [9948] =>             {

    [9949] =>                 const button = document.createElement("button");

    [9950] =>                 button.innerHTML = value[0];

    [9951] =>                 button.value = value[1];

    [9952] =>                 button.addEventListener("click", referenceborderwidthincrementupdate);

    [9953] =>                 referenceborderwidth.append(button);

    [9954] =>             }

    [9955] =>         }

    [9956] =>         addEventListener("load", referenceborderwidthincrementload);

    [9957] => 

    [9958] =>         function referenceborderwidthincrementupdate(e)

    [9959] =>         {

    [9960] =>             const v = Number(referenceborderwidthnumber.value) + Number(e.target.value);

    [9961] => 

    [9962] =>             if((referenceborderwidthnumber.min <= v) && (v <= referenceborderwidthnumber.max))

    [9963] =>             {

    [9964] =>                 referenceborderwidthnumber.value = v;

    [9965] => 

    [9966] =>                 referenceborderwidthnumberupdate();

    [9967] =>             }

    [9968] =>         }

    [9969] => 

    [9970] => 

    [9971] => 

    [9972] =>         function referencehorizontalload()

    [9973] =>         {

    [9974] =>             const div = document.createElement("div");

    [9975] =>             div.id = "referencehorizontal";

    [9976] =>             div.innerHTML = "horizontal";

    [9977] =>             tabcontentreference.append(div);

    [9978] =>         }

    [9979] =>         addEventListener("load", referencehorizontalload);

    [9980] => 

    [9981] =>         function referencehorizontalselectload()

    [9982] =>         {

    [9983] =>             const br = document.createElement("br");

    [9984] =>             referencehorizontal.append(br);

    [9985] => 

    [9986] =>             const select = document.createElement("select");

    [9987] =>             select.id = "referencehorizontalselect";

    [9988] =>             select.addEventListener("input", referencehorizontalselectupdate);

    [9989] =>             referencehorizontal.append(select);

    [9990] => 

    [9991] =>             for(const value of horizontalarray)

    [9992] =>             {

    [9993] =>                 const option = document.createElement("option");

    [9994] =>                 option.innerHTML = value;

    [9995] =>                 select.add(option);

    [9996] =>             }

    [9997] => 

    [9998] =>             select.value = horizontalarray[1];

    [9999] => 

    [10000] =>             referencehorizontalselectset();

    [10001] =>         }

    [10002] =>         addEventListener("load", referencehorizontalselectload);

    [10003] => 

    [10004] =>         function referencehorizontalselectset()

    [10005] =>         {

    [10006] =>             text.referencehorizontal = referencehorizontalselect.value;

    [10007] =>         }

    [10008] => 

    [10009] =>         function referencehorizontalselectupdate()

    [10010] =>         {

    [10011] =>             referencehorizontalselectset();

    [10012] =>             svgupdate();

    [10013] =>         }

    [10014] => 

    [10015] => 

    [10016] => 

    [10017] =>         function referenceverticalload()

    [10018] =>         {

    [10019] =>             const div = document.createElement("div");

    [10020] =>             div.id = "referencevertical";

    [10021] =>             div.innerHTML = "vertical";

    [10022] =>             tabcontentreference.append(div);

    [10023] =>         }

    [10024] =>         addEventListener("load", referenceverticalload);

    [10025] => 

    [10026] =>         function referenceverticalselectload()

    [10027] =>         {

    [10028] =>             const br = document.createElement("br");

    [10029] =>             referencevertical.append(br);

    [10030] => 

    [10031] =>             const select = document.createElement("select");

    [10032] =>             select.id = "referenceverticalselect";

    [10033] =>             select.addEventListener("input", referenceverticalselectupdate);

    [10034] =>             referencevertical.append(select);

    [10035] => 

    [10036] =>             for(const value of verticalarray)

    [10037] =>             {

    [10038] =>                 const option = document.createElement("option");

    [10039] =>                 option.innerHTML = value;

    [10040] =>                 select.add(option);

    [10041] =>             }

    [10042] => 

    [10043] =>             select.value = verticalarray[1];

    [10044] => 

    [10045] =>             referenceverticalselectset();

    [10046] =>         }

    [10047] =>         addEventListener("load", referenceverticalselectload);

    [10048] => 

    [10049] =>         function referenceverticalselectset()

    [10050] =>         {

    [10051] =>             text.referencevertical = referenceverticalselect.value;

    [10052] =>         }

    [10053] => 

    [10054] =>         function referenceverticalselectupdate()

    [10055] =>         {

    [10056] =>             referenceverticalselectset();

    [10057] =>             svgupdate();

    [10058] =>         }

    [10059] => 

    [10060] => 

    [10061] => 

    [10062] =>         function referencewritingmodeload()

    [10063] =>         {

    [10064] =>             const div = document.createElement("div");

    [10065] =>             div.id = "referencewritingmode";

    [10066] =>             div.innerHTML = "writing-mode";

    [10067] =>             tabcontentreference.append(div);

    [10068] =>         }

    [10069] =>         addEventListener("load", referencewritingmodeload);

    [10070] => 

    [10071] =>         function referencewritingmodeselectload()

    [10072] =>         {

    [10073] =>             const br = document.createElement("br");

    [10074] =>             referencewritingmode.append(br);

    [10075] => 

    [10076] =>             const select = document.createElement("select");

    [10077] =>             select.id = "referencewritingmodeselect";

    [10078] =>             select.addEventListener("input", referencewritingmodeselectupdate);

    [10079] =>             referencewritingmode.append(select);

    [10080] => 

    [10081] =>             for(const value of writingmodearray)

    [10082] =>             {

    [10083] =>                 const option = document.createElement("option");

    [10084] =>                 option.innerHTML = value;

    [10085] =>                 select.add(option);

    [10086] =>             }

    [10087] => 

    [10088] =>             referencewritingmodeselectset();

    [10089] =>         }

    [10090] =>         addEventListener("load", referencewritingmodeselectload);

    [10091] => 

    [10092] =>         function referencewritingmodeselectset()

    [10093] =>         {

    [10094] =>             text.referencewritingmode = referencewritingmodeselect.value;

    [10095] =>         }

    [10096] => 

    [10097] =>         function referencewritingmodeselectupdate()

    [10098] =>         {

    [10099] =>             referencewritingmodeselectset();

    [10100] =>             svgupdate();

    [10101] =>         }

    [10102] => 

    [10103] => 

    [10104] => 

    [10105] =>         function referencefontfamilyload()

    [10106] =>         {

    [10107] =>             const div = document.createElement("div");

    [10108] =>             div.id = "referencefontfamily";

    [10109] =>             div.innerHTML = "font-family";

    [10110] =>             tabcontentreference.append(div);

    [10111] =>         }

    [10112] =>         addEventListener("load", referencefontfamilyload);

    [10113] => 

    [10114] =>         function referencefontfamilyselectload()

    [10115] =>         {

    [10116] =>             const br = document.createElement("br");

    [10117] =>             referencefontfamily.append(br);

    [10118] => 

    [10119] =>             const select = document.createElement("select");

    [10120] =>             select.id = "referencefontfamilyselect";

    [10121] =>             select.addEventListener("input", referencefontfamilyselectupdate);

    [10122] =>             referencefontfamily.append(select);

    [10123] => 

    [10124] =>             for(const value of fontfamilyarray)

    [10125] =>             {

    [10126] =>                 const option = document.createElement("option");

    [10127] =>                 option.innerHTML = value;

    [10128] =>                 select.add(option);

    [10129] =>             }

    [10130] => 

    [10131] =>             referencefontfamilyselectset();

    [10132] =>         }

    [10133] =>         addEventListener("load", referencefontfamilyselectload);

    [10134] => 

    [10135] =>         function referencefontfamilyselectset()

    [10136] =>         {

    [10137] =>             text.referencefontfamily = referencefontfamilyselect.value;

    [10138] =>         }

    [10139] => 

    [10140] =>         function referencefontfamilyselectupdate()

    [10141] =>         {

    [10142] =>             referencefontfamilyselectset();

    [10143] =>             svgupdate();

    [10144] =>         }

    [10145] => 

    [10146] => 

    [10147] => 

    [10148] =>         function referencefontsizeload()

    [10149] =>         {

    [10150] =>             const div = document.createElement("div");

    [10151] =>             div.id = "referencefontsize";

    [10152] =>             div.innerHTML = "font-size";

    [10153] =>             tabcontentreference.append(div);

    [10154] =>         }

    [10155] =>         addEventListener("load", referencefontsizeload);

    [10156] => 

    [10157] =>         function referencefontsizenumberload()

    [10158] =>         {

    [10159] =>             const br = document.createElement("br");

    [10160] =>             referencefontsize.append(br);

    [10161] => 

    [10162] =>             const input = document.createElement("input");

    [10163] =>             input.id = "referencefontsizenumber";

    [10164] =>             input.max = 1000;

    [10165] =>             input.min = 0;

    [10166] =>             input.type = "number";

    [10167] =>             input.value = 100;

    [10168] =>             input.addEventListener("input", referencefontsizenumberupdate);

    [10169] =>             referencefontsize.append(input);

    [10170] => 

    [10171] =>             //referencefontsizenumberset();

    [10172] =>         }

    [10173] =>         addEventListener("load", referencefontsizenumberload);

    [10174] => 

    [10175] =>         function referencefontsizenumberset()

    [10176] =>         {

    [10177] =>             const v = Number(referencefontsizenumber.value);

    [10178] => 

    [10179] =>             referencefontsizerange.value = v;

    [10180] =>             text.referencefontsize = v;

    [10181] =>         }

    [10182] => 

    [10183] =>         function referencefontsizenumberupdate()

    [10184] =>         {

    [10185] =>             referencefontsizenumberset();

    [10186] =>             svgupdate();

    [10187] =>         }

    [10188] => 

    [10189] =>         function referencefontsizerangeload()

    [10190] =>         {

    [10191] =>             const input = document.createElement("input");

    [10192] =>             input.id = "referencefontsizerange";

    [10193] =>             input.max = referencefontsizenumber.max;

    [10194] =>             input.min = referencefontsizenumber.min;

    [10195] =>             input.type = "range";

    [10196] =>             input.value = referencefontsizenumber.value;

    [10197] =>             input.addEventListener("input", referencefontsizerangeupdate);

    [10198] =>             referencefontsize.append(input);

    [10199] => 

    [10200] =>             referencefontsizerangeset();

    [10201] =>         }

    [10202] =>         addEventListener("load", referencefontsizerangeload);

    [10203] => 

    [10204] =>         function referencefontsizerangeset()

    [10205] =>         {

    [10206] =>             const v = Number(referencefontsizerange.value);

    [10207] => 

    [10208] =>             referencefontsizenumber.value = v;

    [10209] =>             text.referencefontsize = v;

    [10210] =>         }

    [10211] => 

    [10212] =>         function referencefontsizerangeupdate()

    [10213] =>         {

    [10214] =>             referencefontsizerangeset();

    [10215] =>             svgupdate();

    [10216] =>         }

    [10217] => 

    [10218] =>         function referencefontsizeexactload()

    [10219] =>         {

    [10220] =>             const br = document.createElement("br");

    [10221] =>             referencefontsize.append(br);

    [10222] => 

    [10223] =>             const array =

    [10224] =>             [

    [10225] =>                 ["0",0],

    [10226] =>                 ["50",50],

    [10227] =>                 ["100",100],

    [10228] =>                 ["250",250],

    [10229] =>                 ["500",500],

    [10230] =>                 ["1000",1000],

    [10231] =>             ];

    [10232] => 

    [10233] =>             for(const value of array)

    [10234] =>             {

    [10235] =>                 const button = document.createElement("button");

    [10236] =>                 button.innerHTML = value[0];

    [10237] =>                 button.value = value[1];

    [10238] =>                 button.addEventListener("click", referencefontsizeexactupdate);

    [10239] =>                 referencefontsize.append(button);

    [10240] =>             }

    [10241] =>         }

    [10242] =>         addEventListener("load", referencefontsizeexactload);

    [10243] => 

    [10244] =>         function referencefontsizeexactupdate(e)

    [10245] =>         {

    [10246] =>             referencefontsizenumber.value = Number(e.target.value);

    [10247] => 

    [10248] =>             referencefontsizenumberupdate();

    [10249] =>         }

    [10250] => 

    [10251] =>         function referencefontsizeincrementload()

    [10252] =>         {

    [10253] =>             const br = document.createElement("br");

    [10254] =>             referencefontsize.append(br);

    [10255] => 

    [10256] =>             const array =

    [10257] =>             [

    [10258] =>                 ["-100",-100],

    [10259] =>                 ["-10",-10],

    [10260] =>                 ["-1",-1],

    [10261] =>                 ["+1",1],

    [10262] =>                 ["+10",10],

    [10263] =>                 ["+100",100],

    [10264] =>             ];

    [10265] => 

    [10266] =>             for(const value of array)

    [10267] =>             {

    [10268] =>                 const button = document.createElement("button");

    [10269] =>                 button.innerHTML = value[0];

    [10270] =>                 button.value = value[1];

    [10271] =>                 button.addEventListener("click", referencefontsizeincrementupdate);

    [10272] =>                 referencefontsize.append(button);

    [10273] =>             }

    [10274] =>         }

    [10275] =>         addEventListener("load", referencefontsizeincrementload);

    [10276] => 

    [10277] =>         function referencefontsizeincrementupdate(e)

    [10278] =>         {

    [10279] =>             const v = Number(referencefontsizenumber.value) + Number(e.target.value);

    [10280] => 

    [10281] =>             if((referencefontsizenumber.min <= v) && (v <= referencefontsizenumber.max))

    [10282] =>             {

    [10283] =>                 referencefontsizenumber.value = v;

    [10284] => 

    [10285] =>                 referencefontsizenumberupdate();

    [10286] =>             }

    [10287] =>         }

    [10288] => 

    [10289] => /*

    [10290] =>         function referencefontsizefitload()

    [10291] =>         {

    [10292] =>             const button = document.createElement("button");

    [10293] =>             button.innerHTML = "fit";

    [10294] =>             button.addEventListener("click", referencefontsizefitupdate);

    [10295] =>             referencefontsize.append(button);

    [10296] =>         }

    [10297] =>         addEventListener("load", referencefontsizefitload);

    [10298] => 

    [10299] =>         function referencefontsizefitupdate()

    [10300] =>         {

    [10301] =>             const t = document.createElement("div");

    [10302] =>             referencefontsize.append(t);

    [10303] =>             t.innerHTML = text.bookname;

    [10304] =>             t.style.fontSize = `${referencefontsizenumber.value}px`;

    [10305] => 

    [10306] =>             const h1 = text.referencewidth;

    [10307] =>             const h2 = text.referenceheight;

    [10308] =>             const h3 = t.offsetWidth;

    [10309] =>             const h4 = t.offsetHeight;

    [10310] =>             const h5 = referencefontsizenumber.value;

    [10311] => 

    [10312] =>             //const h4 = t.offsetParent;//t.style.fontSize;

    [10313] =>             //const h5 = t.clientHeight;//text.style.height;

    [10314] =>             //const h6 = text.height;

    [10315] =>             //const h7 = text.getBoundingClientRect().height;

    [10316] =>             //const h8 = text.style.lineHeight;

    [10317] =>             //const h9 = canvas.getBoundingClientRect().height;

    [10318] =>             console.log(h1, h2, h3, h4, h5);

    [10319] =>             //t.hidden = true;

    [10320] => 

    [10321] =>             if(h2 < h4)

    [10322] =>             {

    [10323] =>                 referencefontsizenumber.value -= 1;

    [10324] =>                 referencefit();

    [10325] =>             }

    [10326] => 

    [10327] =>             referencefontsizenumberupdate();

    [10328] =>         }

    [10329] => //*/

    [10330] => 

    [10331] => 

    [10332] => 

    [10333] =>         function referencefontstyleload()

    [10334] =>         {

    [10335] =>             const div = document.createElement("div");

    [10336] =>             div.id = "referencefontstyle";

    [10337] =>             div.innerHTML = "font-style";

    [10338] =>             tabcontentreference.append(div);

    [10339] =>         }

    [10340] =>         addEventListener("load", referencefontstyleload);

    [10341] => 

    [10342] =>         function referencefontstyleselectload()

    [10343] =>         {

    [10344] =>             const br = document.createElement("br");

    [10345] =>             referencefontstyle.append(br);

    [10346] => 

    [10347] =>             const select = document.createElement("select");

    [10348] =>             select.id = "referencefontstyleselect";

    [10349] =>             select.addEventListener("input", referencefontstyleselectupdate);

    [10350] =>             referencefontstyle.append(select);

    [10351] => 

    [10352] =>             for(const value of fontstylearray)

    [10353] =>             {

    [10354] =>                 const option = document.createElement("option");

    [10355] =>                 option.innerHTML = value;

    [10356] =>                 select.add(option);

    [10357] =>             }

    [10358] => 

    [10359] =>             referencefontstyleselectset();

    [10360] =>         }

    [10361] =>         addEventListener("load", referencefontstyleselectload);

    [10362] => 

    [10363] =>         function referencefontstyleselectset()

    [10364] =>         {

    [10365] =>             text.referencefontstyle = referencefontstyleselect.value;

    [10366] =>         }

    [10367] => 

    [10368] =>         function referencefontstyleselectupdate()

    [10369] =>         {

    [10370] =>             referencefontstyleselectset();

    [10371] =>             svgupdate();

    [10372] =>         }

    [10373] => 

    [10374] => 

    [10375] => 

    [10376] =>         function referencefontvariantload()

    [10377] =>         {

    [10378] =>             const div = document.createElement("div");

    [10379] =>             div.id = "referencefontvariant";

    [10380] =>             div.innerHTML = "font-variant";

    [10381] =>             tabcontentreference.append(div);

    [10382] =>         }

    [10383] =>         addEventListener("load", referencefontvariantload);

    [10384] => 

    [10385] =>         function referencefontvariantselectload()

    [10386] =>         {

    [10387] =>             const br = document.createElement("br");

    [10388] =>             referencefontvariant.append(br);

    [10389] => 

    [10390] =>             const select = document.createElement("select");

    [10391] =>             select.id = "referencefontvariantselect";

    [10392] =>             select.addEventListener("input", referencefontvariantselectupdate);

    [10393] =>             referencefontvariant.append(select);

    [10394] => 

    [10395] =>             for(const value of fontvariantarray)

    [10396] =>             {

    [10397] =>                 const option = document.createElement("option");

    [10398] =>                 option.innerHTML = value;

    [10399] =>                 select.add(option);

    [10400] =>             }

    [10401] => 

    [10402] =>             referencefontvariantselectset();

    [10403] =>         }

    [10404] =>         addEventListener("load", referencefontvariantselectload);

    [10405] => 

    [10406] =>         function referencefontvariantselectset()

    [10407] =>         {

    [10408] =>             text.referencefontvariant = referencefontvariantselect.value;

    [10409] =>         }

    [10410] => 

    [10411] =>         function referencefontvariantselectupdate()

    [10412] =>         {

    [10413] =>             referencefontvariantselectset();

    [10414] =>             svgupdate();

    [10415] =>         }

    [10416] => 

    [10417] => 

    [10418] => 

    [10419] =>         function referencefontweightload()

    [10420] =>         {

    [10421] =>             const div = document.createElement("div");

    [10422] =>             div.id = "referencefontweight";

    [10423] =>             div.innerHTML = "font-weight";

    [10424] =>             tabcontentreference.append(div);

    [10425] =>         }

    [10426] =>         addEventListener("load", referencefontweightload);

    [10427] => 

    [10428] =>         function referencefontweightselectload()

    [10429] =>         {

    [10430] =>             const br = document.createElement("br");

    [10431] =>             referencefontweight.append(br);

    [10432] => 

    [10433] =>             const select = document.createElement("select");

    [10434] =>             select.id = "referencefontweightselect";

    [10435] =>             select.addEventListener("input", referencefontweightselectupdate);

    [10436] =>             referencefontweight.append(select);

    [10437] => 

    [10438] =>             for(const value of fontweightarray)

    [10439] =>             {

    [10440] =>                 const option = document.createElement("option");

    [10441] =>                 option.innerHTML = value;

    [10442] =>                 select.add(option);

    [10443] =>             }

    [10444] => 

    [10445] =>             referencefontweightselectset();

    [10446] =>         }

    [10447] =>         addEventListener("load", referencefontweightselectload);

    [10448] => 

    [10449] =>         function referencefontweightselectset()

    [10450] =>         {

    [10451] =>             text.referencefontweight = referencefontweightselect.value;

    [10452] =>         }

    [10453] => 

    [10454] =>         function referencefontweightselectupdate()

    [10455] =>         {

    [10456] =>             referencefontweightselectset();

    [10457] =>             svgupdate();

    [10458] =>         }

    [10459] => 

    [10460] => 

    [10461] => 

    [10462] =>         function referencecolorload()

    [10463] =>         {

    [10464] =>             const div = document.createElement("div");

    [10465] =>             div.id = "referencecolor";

    [10466] =>             div.innerHTML = "color";

    [10467] =>             tabcontentreference.append(div);

    [10468] =>         }

    [10469] =>         addEventListener("load", referencecolorload);

    [10470] => 

    [10471] =>         function referencecolorcolorload()

    [10472] =>         {

    [10473] =>             const br = document.createElement("br");

    [10474] =>             referencecolor.append(br);

    [10475] => 

    [10476] =>             const input = document.createElement("input");

    [10477] =>             input.id = "referencecolorcolor";

    [10478] =>             input.type = "color";

    [10479] =>             input.value = "#000000";

    [10480] =>             input.addEventListener("input", referencecolorcolorupdate);

    [10481] =>             referencecolor.append(input);

    [10482] => 

    [10483] =>             //referencecolorcolorset();

    [10484] =>         }

    [10485] =>         addEventListener("load", referencecolorcolorload);

    [10486] => 

    [10487] =>         function referencecolorcolorset()

    [10488] =>         {

    [10489] =>             const c = referencecolorcolor.value;

    [10490] =>             const r = parseInt(c.slice(1,3),16);

    [10491] =>             const g = parseInt(c.slice(3,5),16);

    [10492] =>             const b = parseInt(c.slice(5,7),16);

    [10493] =>             const a = referencealphanumber.value;

    [10494] => 

    [10495] =>             text.referencecolor = `rgb(${r} ${g} ${b} / ${a})`;

    [10496] =>         }

    [10497] => 

    [10498] =>         function referencecolorcolorupdate()

    [10499] =>         {

    [10500] =>             referencecolorcolorset();

    [10501] =>             svgupdate();

    [10502] =>         }

    [10503] => 

    [10504] =>         function referencecolorexactload()

    [10505] =>         {

    [10506] =>             const br = document.createElement("br");

    [10507] =>             referencecolor.append(br);

    [10508] => 

    [10509] =>             const array =

    [10510] =>             [

    [10511] =>                 ["black","#000000"],

    [10512] =>                 ["white","#ffffff"],

    [10513] =>             ];

    [10514] => 

    [10515] =>             for(const value of array)

    [10516] =>             {

    [10517] =>                 const button = document.createElement("button");

    [10518] =>                 button.innerHTML = value[0];

    [10519] =>                 button.value = value[1];

    [10520] =>                 button.addEventListener("click", referencecolorexactupdate);

    [10521] =>                 referencecolor.append(button);

    [10522] =>             }

    [10523] =>         }

    [10524] =>         addEventListener("load", referencecolorexactload);

    [10525] => 

    [10526] =>         function referencecolorexactupdate(e)

    [10527] =>         {

    [10528] =>             referencecolorcolor.value = e.target.value;

    [10529] => 

    [10530] =>             referencecolorcolorupdate();

    [10531] =>         }

    [10532] => 

    [10533] => 

    [10534] => 

    [10535] =>         function referencealphaload()

    [10536] =>         {

    [10537] =>             const div = document.createElement("div");

    [10538] =>             div.id = "referencealpha";

    [10539] =>             div.innerHTML = "alpha";

    [10540] =>             tabcontentreference.append(div);

    [10541] => 

    [10542] =>             const style = div.style;

    [10543] =>             style.overflowY = "hidden";

    [10544] =>             style.whiteSpace = "nowrap";

    [10545] =>         }

    [10546] =>         addEventListener("load", referencealphaload);

    [10547] => 

    [10548] =>         function referencealphanumberload()

    [10549] =>         {

    [10550] =>             const br = document.createElement("br");

    [10551] =>             referencealpha.append(br);

    [10552] => 

    [10553] =>             const input = document.createElement("input");

    [10554] =>             input.id = "referencealphanumber";

    [10555] =>             input.max = 1;

    [10556] =>             input.min = 0;

    [10557] =>             input.step = 0.01;

    [10558] =>             input.type = "number";

    [10559] =>             input.value = 1;

    [10560] =>             input.addEventListener("input", referencealphanumberupdate);

    [10561] =>             referencealpha.append(input);

    [10562] => 

    [10563] =>             //referencealphanumberset();

    [10564] =>         }

    [10565] =>         addEventListener("load", referencealphanumberload);

    [10566] => 

    [10567] =>         function referencealphanumberset()

    [10568] =>         {

    [10569] =>             const c = referencecolorcolor.value;

    [10570] =>             const r = parseInt(c.slice(1,3),16);

    [10571] =>             const g = parseInt(c.slice(3,5),16);

    [10572] =>             const b = parseInt(c.slice(5,7),16);

    [10573] =>             const a = referencealphanumber.value;

    [10574] => 

    [10575] =>             referencealpharange.value = a;

    [10576] =>             text.referencecolor = `rgb(${r} ${g} ${b} / ${a})`;

    [10577] =>         }

    [10578] => 

    [10579] =>         function referencealphanumberupdate()

    [10580] =>         {

    [10581] =>             referencealphanumberset();

    [10582] =>             svgupdate();

    [10583] =>         }

    [10584] => 

    [10585] =>         function referencealpharangeload()

    [10586] =>         {

    [10587] =>             const input = document.createElement("input");

    [10588] =>             input.id = "referencealpharange";

    [10589] =>             input.max = referencealphanumber.max;

    [10590] =>             input.min = referencealphanumber.min;

    [10591] =>             input.step = referencealphanumber.step;

    [10592] =>             input.type = "range";

    [10593] =>             input.value = referencealphanumber.value;

    [10594] =>             input.addEventListener("input", referencealpharangeupdate);

    [10595] =>             referencealpha.append(input);

    [10596] => 

    [10597] =>             referencealpharangeset();

    [10598] =>         }

    [10599] =>         addEventListener("load", referencealpharangeload);

    [10600] => 

    [10601] =>         function referencealpharangeset()

    [10602] =>         {

    [10603] =>             const c = referencecolorcolor.value;

    [10604] =>             const r = parseInt(c.slice(1,3),16);

    [10605] =>             const g = parseInt(c.slice(3,5),16);

    [10606] =>             const b = parseInt(c.slice(5,7),16);

    [10607] =>             const a = referencealpharange.value;

    [10608] => 

    [10609] =>             referencealphanumber.value = a;

    [10610] =>             text.referencecolor = `rgb(${r} ${g} ${b} / ${a})`;

    [10611] =>         }

    [10612] => 

    [10613] =>         function referencealpharangeupdate()

    [10614] =>         {

    [10615] =>             referencealpharangeset();

    [10616] =>             svgupdate();

    [10617] =>         }

    [10618] => 

    [10619] =>         function referencealphaexactload()

    [10620] =>         {

    [10621] =>             const br = document.createElement("br");

    [10622] =>             referencealpha.append(br);

    [10623] => 

    [10624] =>             const array =

    [10625] =>             [

    [10626] =>                 ["0",0],

    [10627] =>                 ["0.25",0.25],

    [10628] =>                 ["0.5",0.5],

    [10629] =>                 ["0.75",0.75],

    [10630] =>                 ["1",1],

    [10631] =>             ];

    [10632] => 

    [10633] =>             for(const value of array)

    [10634] =>             {

    [10635] =>                 const button = document.createElement("button");

    [10636] =>                 button.innerHTML = value[0];

    [10637] =>                 button.value = value[1];

    [10638] =>                 button.addEventListener("click", referencealphaexactupdate);

    [10639] =>                 referencealpha.append(button);

    [10640] =>             }

    [10641] =>         }

    [10642] =>         addEventListener("load", referencealphaexactload);

    [10643] => 

    [10644] =>         function referencealphaexactupdate(e)

    [10645] =>         {

    [10646] =>             referencealphanumber.value = Number(e.target.value);

    [10647] => 

    [10648] =>             referencealphanumberupdate();

    [10649] =>         }

    [10650] => 

    [10651] =>         function referencealphaincrementload()

    [10652] =>         {

    [10653] =>             const br = document.createElement("br");

    [10654] =>             referencealpha.append(br);

    [10655] => 

    [10656] =>             const array =

    [10657] =>             [

    [10658] =>                 ["-0.1",-0.1],

    [10659] =>                 ["-0.01",-0.01],

    [10660] =>                 ["+0.01",0.01],

    [10661] =>                 ["+0.1",0.1],

    [10662] =>             ];

    [10663] => 

    [10664] =>             for(const value of array)

    [10665] =>             {

    [10666] =>                 const button = document.createElement("button");

    [10667] =>                 button.innerHTML = value[0];

    [10668] =>                 button.value = value[1];

    [10669] =>                 button.addEventListener("click", referencealphaincrementupdate);

    [10670] =>                 referencealpha.append(button);

    [10671] =>             }

    [10672] =>         }

    [10673] =>         addEventListener("load", referencealphaincrementload);

    [10674] => 

    [10675] =>         function referencealphaincrementupdate(e)

    [10676] =>         {

    [10677] =>             let v = Number(referencealphanumber.value) + Number(e.target.value);

    [10678] =>             v = parseFloat(v.toFixed(2));

    [10679] => 

    [10680] =>             if((referencealphanumber.min <= v) && (v <= referencealphanumber.max))

    [10681] =>             {

    [10682] =>                 referencealphanumber.value = v;

    [10683] => 

    [10684] =>                 referencealphanumberupdate();

    [10685] =>             }

    [10686] =>         }

    [10687] => 

    [10688] => 

    [10689] => 

    [10690] => /*leftoff

    [10691] =>         function referencefilterblurload()

    [10692] =>         {

    [10693] =>             const div = document.createElement("div");

    [10694] =>             div.id = "referencefilterblur";

    [10695] =>             div.innerHTML = "filter-blur";

    [10696] =>             tabcontentreference.append(div);

    [10697] => 

    [10698] =>             const style = div.style;

    [10699] =>             style.overflowY = "hidden";

    [10700] =>             style.whiteSpace = "nowrap";

    [10701] =>         }

    [10702] =>         addEventListener("load", referencefilterblurload);

    [10703] => 

    [10704] =>         function referencefilterblurnumberload()

    [10705] =>         {

    [10706] =>             const br = document.createElement("br");

    [10707] =>             referencefilterblur.append(br);

    [10708] => 

    [10709] =>             const input = document.createElement("input");

    [10710] =>             input.id = "referencefilterblurnumber";

    [10711] =>             input.max = 1000;

    [10712] =>             input.min = 0;

    [10713] =>             input.step = 1;

    [10714] =>             input.type = "number";

    [10715] =>             input.value = 0;

    [10716] =>             input.addEventListener("input", referencefilterblurnumberupdate);

    [10717] =>             referencefilterblur.append(input);

    [10718] => 

    [10719] =>             //referencefilterblurnumberset();

    [10720] =>         }

    [10721] =>         addEventListener("load", referencefilterblurnumberload);

    [10722] => 

    [10723] =>         function referencefilterblurnumberset()

    [10724] =>         {

    [10725] =>             const v = referencefilterblurnumber.value;

    [10726] => 

    [10727] =>             referencefilterblurrange.value = v;

    [10728] =>             text.referencebackdropfilterblur = v;

    [10729] =>         }

    [10730] => 

    [10731] =>         function referencefilterblurnumberupdate()

    [10732] =>         {

    [10733] =>             referencefilterblurnumberset();

    [10734] =>             svgupdate();

    [10735] =>         }

    [10736] => 

    [10737] =>         function referencefilterblurrangeload()

    [10738] =>         {

    [10739] =>             const input = document.createElement("input");

    [10740] =>             input.id = "referencefilterblurrange";

    [10741] =>             input.max = referencefilterblurnumber.max;

    [10742] =>             input.min = referencefilterblurnumber.min;

    [10743] =>             input.step = referencefilterblurnumber.step;

    [10744] =>             input.type = "range";

    [10745] =>             input.value = referencefilterblurnumber.value;

    [10746] =>             input.addEventListener("input", referencefilterblurrangeupdate);

    [10747] =>             referencefilterblur.append(input);

    [10748] => 

    [10749] =>             referencefilterblurrangeset();

    [10750] =>         }

    [10751] =>         addEventListener("load", referencefilterblurrangeload);

    [10752] => 

    [10753] =>         function referencefilterblurrangeset()

    [10754] =>         {

    [10755] =>             const v = referencefilterblurrange.value;

    [10756] => 

    [10757] =>             referencefilterblurnumber.value = v;

    [10758] =>             text.referencebackdropfilterblur = v;

    [10759] =>         }

    [10760] => 

    [10761] =>         function referencefilterblurrangeupdate()

    [10762] =>         {

    [10763] =>             referencefilterblurrangeset();

    [10764] =>             svgupdate();

    [10765] =>         }

    [10766] => 

    [10767] =>         function referencefilterblurexactload()

    [10768] =>         {

    [10769] =>             const br = document.createElement("br");

    [10770] =>             referencefilterblur.append(br);

    [10771] => 

    [10772] =>             const array =

    [10773] =>             [

    [10774] =>                 ["0",0],

    [10775] =>                 ["2",2],

    [10776] =>                 ["4",4],

    [10777] =>                 ["8",8],

    [10778] =>                 ["16",16],

    [10779] =>                 ["32",32],

    [10780] =>                 ["64",64],

    [10781] =>             ];

    [10782] => 

    [10783] =>             for(const value of array)

    [10784] =>             {

    [10785] =>                 const button = document.createElement("button");

    [10786] =>                 button.innerHTML = value[0];

    [10787] =>                 button.value = value[1];

    [10788] =>                 button.addEventListener("click", referencefilterblurexactupdate);

    [10789] =>                 referencefilterblur.append(button);

    [10790] =>             }

    [10791] =>         }

    [10792] =>         addEventListener("load", referencefilterblurexactload);

    [10793] => 

    [10794] =>         function referencefilterblurexactupdate(e)

    [10795] =>         {

    [10796] =>             referencefilterblurnumber.value = Number(e.target.value);

    [10797] => 

    [10798] =>             referencefilterblurnumberupdate();

    [10799] =>         }

    [10800] => 

    [10801] =>         function referencefilterblurincrementload()

    [10802] =>         {

    [10803] =>             const br = document.createElement("br");

    [10804] =>             referencefilterblur.append(br);

    [10805] => 

    [10806] =>             const array =

    [10807] =>             [

    [10808] =>                 ["-100",-100],

    [10809] =>                 ["-10",-10],

    [10810] =>                 ["-1",-1],

    [10811] =>                 ["+1",1],

    [10812] =>                 ["+10",10],

    [10813] =>                 ["+100",100],

    [10814] =>             ];

    [10815] => 

    [10816] =>             for(const value of array)

    [10817] =>             {

    [10818] =>                 const button = document.createElement("button");

    [10819] =>                 button.innerHTML = value[0];

    [10820] =>                 button.value = value[1];

    [10821] =>                 button.addEventListener("click", referencefilterblurincrementupdate);

    [10822] =>                 referencefilterblur.append(button);

    [10823] =>             }

    [10824] =>         }

    [10825] =>         addEventListener("load", referencefilterblurincrementload);

    [10826] => 

    [10827] =>         function referencefilterblurincrementupdate(e)

    [10828] =>         {

    [10829] =>             const v = Number(referencefilterblurnumber.value) + Number(e.target.value);

    [10830] => 

    [10831] =>             if((referencefilterblurnumber.min <= v) && (v <= referencefilterblurnumber.max))

    [10832] =>             {

    [10833] =>                 referencefilterblurnumber.value = v;

    [10834] => 

    [10835] =>                 referencefilterblurnumberupdate();

    [10836] =>             }

    [10837] =>         }

    [10838] => 

    [10839] => 

    [10840] => 

    [10841] =>         function referencefilterbrightnessload()

    [10842] =>         {

    [10843] =>             const div = document.createElement("div");

    [10844] =>             div.id = "referencefilterbrightness";

    [10845] =>             div.innerHTML = "filter-brightness";

    [10846] =>             tabcontentreference.append(div);

    [10847] => 

    [10848] =>             const style = div.style;

    [10849] =>             style.overflowY = "hidden";

    [10850] =>             style.whiteSpace = "nowrap";

    [10851] =>         }

    [10852] =>         addEventListener("load", referencefilterbrightnessload);

    [10853] => 

    [10854] =>         function referencefilterbrightnessnumberload()

    [10855] =>         {

    [10856] =>             const br = document.createElement("br");

    [10857] =>             referencefilterbrightness.append(br);

    [10858] => 

    [10859] =>             const input = document.createElement("input");

    [10860] =>             input.id = "referencefilterbrightnessnumber";

    [10861] =>             input.max = 1000;

    [10862] =>             input.min = 0;

    [10863] =>             input.step = 1;

    [10864] =>             input.type = "number";

    [10865] =>             input.value = 100;

    [10866] =>             input.addEventListener("input", referencefilterbrightnessnumberupdate);

    [10867] =>             referencefilterbrightness.append(input);

    [10868] => 

    [10869] =>             //referencefilterbrightnessnumberset();

    [10870] =>         }

    [10871] =>         addEventListener("load", referencefilterbrightnessnumberload);

    [10872] => 

    [10873] =>         function referencefilterbrightnessnumberset()

    [10874] =>         {

    [10875] =>             const v = referencefilterbrightnessnumber.value;

    [10876] => 

    [10877] =>             referencefilterbrightnessrange.value = v;

    [10878] =>             text.referencebackdropfilterbrightness = v;

    [10879] =>         }

    [10880] => 

    [10881] =>         function referencefilterbrightnessnumberupdate()

    [10882] =>         {

    [10883] =>             referencefilterbrightnessnumberset();

    [10884] =>             svgupdate();

    [10885] =>         }

    [10886] => 

    [10887] =>         function referencefilterbrightnessrangeload()

    [10888] =>         {

    [10889] =>             const input = document.createElement("input");

    [10890] =>             input.id = "referencefilterbrightnessrange";

    [10891] =>             input.max = referencefilterbrightnessnumber.max;

    [10892] =>             input.min = referencefilterbrightnessnumber.min;

    [10893] =>             input.step = referencefilterbrightnessnumber.step;

    [10894] =>             input.type = "range";

    [10895] =>             input.value = referencefilterbrightnessnumber.value;

    [10896] =>             input.addEventListener("input", referencefilterbrightnessrangeupdate);

    [10897] =>             referencefilterbrightness.append(input);

    [10898] => 

    [10899] =>             referencefilterbrightnessrangeset();

    [10900] =>         }

    [10901] =>         addEventListener("load", referencefilterbrightnessrangeload);

    [10902] => 

    [10903] =>         function referencefilterbrightnessrangeset()

    [10904] =>         {

    [10905] =>             const v = referencefilterbrightnessrange.value;

    [10906] => 

    [10907] =>             referencefilterbrightnessnumber.value = v;

    [10908] =>             text.referencebackdropfilterbrightness = v;

    [10909] =>         }

    [10910] => 

    [10911] =>         function referencefilterbrightnessrangeupdate()

    [10912] =>         {

    [10913] =>             referencefilterbrightnessrangeset();

    [10914] =>             svgupdate();

    [10915] =>         }

    [10916] => 

    [10917] =>         function referencefilterbrightnessexactload()

    [10918] =>         {

    [10919] =>             const br = document.createElement("br");

    [10920] =>             referencefilterbrightness.append(br);

    [10921] => 

    [10922] =>             const array =

    [10923] =>             [

    [10924] =>                 ["0",0],

    [10925] =>                 ["50",50],

    [10926] =>                 ["100 (initial)",100],

    [10927] =>                 ["150",150],

    [10928] =>                 ["200",200],

    [10929] =>             ];

    [10930] => 

    [10931] =>             for(const value of array)

    [10932] =>             {

    [10933] =>                 const button = document.createElement("button");

    [10934] =>                 button.innerHTML = value[0];

    [10935] =>                 button.value = value[1];

    [10936] =>                 button.addEventListener("click", referencefilterbrightnessexactupdate);

    [10937] =>                 referencefilterbrightness.append(button);

    [10938] =>             }

    [10939] =>         }

    [10940] =>         addEventListener("load", referencefilterbrightnessexactload);

    [10941] => 

    [10942] =>         function referencefilterbrightnessexactupdate(e)

    [10943] =>         {

    [10944] =>             referencefilterbrightnessnumber.value = Number(e.target.value);

    [10945] => 

    [10946] =>             referencefilterbrightnessnumberupdate();

    [10947] =>         }

    [10948] => 

    [10949] =>         function referencefilterbrightnessincrementload()

    [10950] =>         {

    [10951] =>             const br = document.createElement("br");

    [10952] =>             referencefilterbrightness.append(br);

    [10953] => 

    [10954] =>             const array =

    [10955] =>             [

    [10956] =>                 ["-100",-100],

    [10957] =>                 ["-10",-10],

    [10958] =>                 ["-1",-1],

    [10959] =>                 ["+1",1],

    [10960] =>                 ["+10",10],

    [10961] =>                 ["+100",100],

    [10962] =>             ];

    [10963] => 

    [10964] =>             for(const value of array)

    [10965] =>             {

    [10966] =>                 const button = document.createElement("button");

    [10967] =>                 button.innerHTML = value[0];

    [10968] =>                 button.value = value[1];

    [10969] =>                 button.addEventListener("click", referencefilterbrightnessincrementupdate);

    [10970] =>                 referencefilterbrightness.append(button);

    [10971] =>             }

    [10972] =>         }

    [10973] =>         addEventListener("load", referencefilterbrightnessincrementload);

    [10974] => 

    [10975] =>         function referencefilterbrightnessincrementupdate(e)

    [10976] =>         {

    [10977] =>             const v = Number(referencefilterbrightnessnumber.value) + Number(e.target.value);

    [10978] => 

    [10979] =>             if((referencefilterbrightnessnumber.min <= v) && (v <= referencefilterbrightnessnumber.max))

    [10980] =>             {

    [10981] =>                 referencefilterbrightnessnumber.value = v;

    [10982] => 

    [10983] =>                 referencefilterbrightnessnumberupdate();

    [10984] =>             }

    [10985] =>         }

    [10986] => 

    [10987] => 

    [10988] => 

    [10989] =>         function referencefiltercontrastload()

    [10990] =>         {

    [10991] =>             const div = document.createElement("div");

    [10992] =>             div.id = "referencefiltercontrast";

    [10993] =>             div.innerHTML = "filter-contrast";

    [10994] =>             tabcontentreference.append(div);

    [10995] => 

    [10996] =>             const style = div.style;

    [10997] =>             style.overflowY = "hidden";

    [10998] =>             style.whiteSpace = "nowrap";

    [10999] =>         }

    [11000] =>         addEventListener("load", referencefiltercontrastload);

    [11001] => 

    [11002] =>         function referencefiltercontrastnumberload()

    [11003] =>         {

    [11004] =>             const br = document.createElement("br");

    [11005] =>             referencefiltercontrast.append(br);

    [11006] => 

    [11007] =>             const input = document.createElement("input");

    [11008] =>             input.id = "referencefiltercontrastnumber";

    [11009] =>             input.max = 1000;

    [11010] =>             input.min = 0;

    [11011] =>             input.step = 1;

    [11012] =>             input.type = "number";

    [11013] =>             input.value = 100;

    [11014] =>             input.addEventListener("input", referencefiltercontrastnumberupdate);

    [11015] =>             referencefiltercontrast.append(input);

    [11016] => 

    [11017] =>             //referencefiltercontrastnumberset();

    [11018] =>         }

    [11019] =>         addEventListener("load", referencefiltercontrastnumberload);

    [11020] => 

    [11021] =>         function referencefiltercontrastnumberset()

    [11022] =>         {

    [11023] =>             const v = referencefiltercontrastnumber.value;

    [11024] => 

    [11025] =>             referencefiltercontrastrange.value = v;

    [11026] =>             text.referencebackdropfiltercontrast = v;

    [11027] =>         }

    [11028] => 

    [11029] =>         function referencefiltercontrastnumberupdate()

    [11030] =>         {

    [11031] =>             referencefiltercontrastnumberset();

    [11032] =>             svgupdate();

    [11033] =>         }

    [11034] => 

    [11035] =>         function referencefiltercontrastrangeload()

    [11036] =>         {

    [11037] =>             const input = document.createElement("input");

    [11038] =>             input.id = "referencefiltercontrastrange";

    [11039] =>             input.max = referencefiltercontrastnumber.max;

    [11040] =>             input.min = referencefiltercontrastnumber.min;

    [11041] =>             input.step = referencefiltercontrastnumber.step;

    [11042] =>             input.type = "range";

    [11043] =>             input.value = referencefiltercontrastnumber.value;

    [11044] =>             input.addEventListener("input", referencefiltercontrastrangeupdate);

    [11045] =>             referencefiltercontrast.append(input);

    [11046] => 

    [11047] =>             referencefiltercontrastrangeset();

    [11048] =>         }

    [11049] =>         addEventListener("load", referencefiltercontrastrangeload);

    [11050] => 

    [11051] =>         function referencefiltercontrastrangeset()

    [11052] =>         {

    [11053] =>             const v = referencefiltercontrastrange.value;

    [11054] => 

    [11055] =>             referencefiltercontrastnumber.value = v;

    [11056] =>             text.referencebackdropfiltercontrast = v;

    [11057] =>         }

    [11058] => 

    [11059] =>         function referencefiltercontrastrangeupdate()

    [11060] =>         {

    [11061] =>             referencefiltercontrastrangeset();

    [11062] =>             svgupdate();

    [11063] =>         }

    [11064] => 

    [11065] =>         function referencefiltercontrastexactload()

    [11066] =>         {

    [11067] =>             const br = document.createElement("br");

    [11068] =>             referencefiltercontrast.append(br);

    [11069] => 

    [11070] =>             const array =

    [11071] =>             [

    [11072] =>                 ["0",0],

    [11073] =>                 ["50",50],

    [11074] =>                 ["100 (initial)",100],

    [11075] =>                 ["150",150],

    [11076] =>                 ["200",200],

    [11077] =>             ];

    [11078] => 

    [11079] =>             for(const value of array)

    [11080] =>             {

    [11081] =>                 const button = document.createElement("button");

    [11082] =>                 button.innerHTML = value[0];

    [11083] =>                 button.value = value[1];

    [11084] =>                 button.addEventListener("click", referencefiltercontrastexactupdate);

    [11085] =>                 referencefiltercontrast.append(button);

    [11086] =>             }

    [11087] =>         }

    [11088] =>         addEventListener("load", referencefiltercontrastexactload);

    [11089] => 

    [11090] =>         function referencefiltercontrastexactupdate(e)

    [11091] =>         {

    [11092] =>             referencefiltercontrastnumber.value = Number(e.target.value);

    [11093] => 

    [11094] =>             referencefiltercontrastnumberupdate();

    [11095] =>         }

    [11096] => 

    [11097] =>         function referencefiltercontrastincrementload()

    [11098] =>         {

    [11099] =>             const br = document.createElement("br");

    [11100] =>             referencefiltercontrast.append(br);

    [11101] => 

    [11102] =>             const array =

    [11103] =>             [

    [11104] =>                 ["-100",-100],

    [11105] =>                 ["-10",-10],

    [11106] =>                 ["-1",-1],

    [11107] =>                 ["+1",1],

    [11108] =>                 ["+10",10],

    [11109] =>                 ["+100",100],

    [11110] =>             ];

    [11111] => 

    [11112] =>             for(const value of array)

    [11113] =>             {

    [11114] =>                 const button = document.createElement("button");

    [11115] =>                 button.innerHTML = value[0];

    [11116] =>                 button.value = value[1];

    [11117] =>                 button.addEventListener("click", referencefiltercontrastincrementupdate);

    [11118] =>                 referencefiltercontrast.append(button);

    [11119] =>             }

    [11120] =>         }

    [11121] =>         addEventListener("load", referencefiltercontrastincrementload);

    [11122] => 

    [11123] =>         function referencefiltercontrastincrementupdate(e)

    [11124] =>         {

    [11125] =>             const v = Number(referencefiltercontrastnumber.value) + Number(e.target.value);

    [11126] => 

    [11127] =>             if((referencefiltercontrastnumber.min <= v) && (v <= referencefiltercontrastnumber.max))

    [11128] =>             {

    [11129] =>                 referencefiltercontrastnumber.value = v;

    [11130] => 

    [11131] =>                 referencefiltercontrastnumberupdate();

    [11132] =>             }

    [11133] =>         }

    [11134] => 

    [11135] => 

    [11136] => 

    [11137] =>         function referencefiltergrayscaleload()

    [11138] =>         {

    [11139] =>             const div = document.createElement("div");

    [11140] =>             div.id = "referencefiltergrayscale";

    [11141] =>             div.innerHTML = "filter-grayscale";

    [11142] =>             tabcontentreference.append(div);

    [11143] => 

    [11144] =>             const style = div.style;

    [11145] =>             style.overflowY = "hidden";

    [11146] =>             style.whiteSpace = "nowrap";

    [11147] =>         }

    [11148] =>         addEventListener("load", referencefiltergrayscaleload);

    [11149] => 

    [11150] =>         function referencefiltergrayscalenumberload()

    [11151] =>         {

    [11152] =>             const br = document.createElement("br");

    [11153] =>             referencefiltergrayscale.append(br);

    [11154] => 

    [11155] =>             const input = document.createElement("input");

    [11156] =>             input.id = "referencefiltergrayscalenumber";

    [11157] =>             input.max = 100;

    [11158] =>             input.min = 0;

    [11159] =>             input.step = 1;

    [11160] =>             input.type = "number";

    [11161] =>             input.value = 0;

    [11162] =>             input.addEventListener("input", referencefiltergrayscalenumberupdate);

    [11163] =>             referencefiltergrayscale.append(input);

    [11164] => 

    [11165] =>             //referencefiltergrayscalenumberset();

    [11166] =>         }

    [11167] =>         addEventListener("load", referencefiltergrayscalenumberload);

    [11168] => 

    [11169] =>         function referencefiltergrayscalenumberset()

    [11170] =>         {

    [11171] =>             const v = referencefiltergrayscalenumber.value;

    [11172] => 

    [11173] =>             referencefiltergrayscalerange.value = v;

    [11174] =>             text.referencebackdropfiltergrayscale = v;

    [11175] =>         }

    [11176] => 

    [11177] =>         function referencefiltergrayscalenumberupdate()

    [11178] =>         {

    [11179] =>             referencefiltergrayscalenumberset();

    [11180] =>             svgupdate();

    [11181] =>         }

    [11182] => 

    [11183] =>         function referencefiltergrayscalerangeload()

    [11184] =>         {

    [11185] =>             const input = document.createElement("input");

    [11186] =>             input.id = "referencefiltergrayscalerange";

    [11187] =>             input.max = referencefiltergrayscalenumber.max;

    [11188] =>             input.min = referencefiltergrayscalenumber.min;

    [11189] =>             input.step = referencefiltergrayscalenumber.step;

    [11190] =>             input.type = "range";

    [11191] =>             input.value = referencefiltergrayscalenumber.value;

    [11192] =>             input.addEventListener("input", referencefiltergrayscalerangeupdate);

    [11193] =>             referencefiltergrayscale.append(input);

    [11194] => 

    [11195] =>             referencefiltergrayscalerangeset();

    [11196] =>         }

    [11197] =>         addEventListener("load", referencefiltergrayscalerangeload);

    [11198] => 

    [11199] =>         function referencefiltergrayscalerangeset()

    [11200] =>         {

    [11201] =>             const v = referencefiltergrayscalerange.value;

    [11202] => 

    [11203] =>             referencefiltergrayscalenumber.value = v;

    [11204] =>             text.referencebackdropfiltergrayscale = v;

    [11205] =>         }

    [11206] => 

    [11207] =>         function referencefiltergrayscalerangeupdate()

    [11208] =>         {

    [11209] =>             referencefiltergrayscalerangeset();

    [11210] =>             svgupdate();

    [11211] =>         }

    [11212] => 

    [11213] =>         function referencefiltergrayscaleexactload()

    [11214] =>         {

    [11215] =>             const br = document.createElement("br");

    [11216] =>             referencefiltergrayscale.append(br);

    [11217] => 

    [11218] =>             const array =

    [11219] =>             [

    [11220] =>                 ["0",0],

    [11221] =>                 ["25",25],

    [11222] =>                 ["50",50],

    [11223] =>                 ["75",75],

    [11224] =>                 ["100",100],

    [11225] =>             ];

    [11226] => 

    [11227] =>             for(const value of array)

    [11228] =>             {

    [11229] =>                 const button = document.createElement("button");

    [11230] =>                 button.innerHTML = value[0];

    [11231] =>                 button.value = value[1];

    [11232] =>                 button.addEventListener("click", referencefiltergrayscaleexactupdate);

    [11233] =>                 referencefiltergrayscale.append(button);

    [11234] =>             }

    [11235] =>         }

    [11236] =>         addEventListener("load", referencefiltergrayscaleexactload);

    [11237] => 

    [11238] =>         function referencefiltergrayscaleexactupdate(e)

    [11239] =>         {

    [11240] =>             referencefiltergrayscalenumber.value = Number(e.target.value);

    [11241] => 

    [11242] =>             referencefiltergrayscalenumberupdate();

    [11243] =>         }

    [11244] => 

    [11245] =>         function referencefiltergrayscaleincrementload()

    [11246] =>         {

    [11247] =>             const br = document.createElement("br");

    [11248] =>             referencefiltergrayscale.append(br);

    [11249] => 

    [11250] =>             const array =

    [11251] =>             [

    [11252] =>                 ["-10",-10],

    [11253] =>                 ["-1",-1],

    [11254] =>                 ["+1",1],

    [11255] =>                 ["+10",10],

    [11256] =>             ];

    [11257] => 

    [11258] =>             for(const value of array)

    [11259] =>             {

    [11260] =>                 const button = document.createElement("button");

    [11261] =>                 button.innerHTML = value[0];

    [11262] =>                 button.value = value[1];

    [11263] =>                 button.addEventListener("click", referencefiltergrayscaleincrementupdate);

    [11264] =>                 referencefiltergrayscale.append(button);

    [11265] =>             }

    [11266] =>         }

    [11267] =>         addEventListener("load", referencefiltergrayscaleincrementload);

    [11268] => 

    [11269] =>         function referencefiltergrayscaleincrementupdate(e)

    [11270] =>         {

    [11271] =>             const v = Number(referencefiltergrayscalenumber.value) + Number(e.target.value);

    [11272] => 

    [11273] =>             if((referencefiltergrayscalenumber.min <= v) && (v <= referencefiltergrayscalenumber.max))

    [11274] =>             {

    [11275] =>                 referencefiltergrayscalenumber.value = v;

    [11276] => 

    [11277] =>                 referencefiltergrayscalenumberupdate();

    [11278] =>             }

    [11279] =>         }

    [11280] => 

    [11281] => 

    [11282] => 

    [11283] =>         function referencefilterhuerotateload()

    [11284] =>         {

    [11285] =>             const div = document.createElement("div");

    [11286] =>             div.id = "referencefilterhuerotate";

    [11287] =>             div.innerHTML = "filter-hue-rotate";

    [11288] =>             tabcontentreference.append(div);

    [11289] => 

    [11290] =>             const style = div.style;

    [11291] =>             style.overflowY = "hidden";

    [11292] =>             style.whiteSpace = "nowrap";

    [11293] =>         }

    [11294] =>         addEventListener("load", referencefilterhuerotateload);

    [11295] => 

    [11296] =>         function referencefilterhuerotatenumberload()

    [11297] =>         {

    [11298] =>             const br = document.createElement("br");

    [11299] =>             referencefilterhuerotate.append(br);

    [11300] => 

    [11301] =>             const input = document.createElement("input");

    [11302] =>             input.id = "referencefilterhuerotatenumber";

    [11303] =>             input.max = 360;

    [11304] =>             input.min = 0;

    [11305] =>             input.step = 1;

    [11306] =>             input.type = "number";

    [11307] =>             input.value = 0;

    [11308] =>             input.addEventListener("input", referencefilterhuerotatenumberupdate);

    [11309] =>             referencefilterhuerotate.append(input);

    [11310] => 

    [11311] =>             //referencefilterhuerotatenumberset();

    [11312] =>         }

    [11313] =>         addEventListener("load", referencefilterhuerotatenumberload);

    [11314] => 

    [11315] =>         function referencefilterhuerotatenumberset()

    [11316] =>         {

    [11317] =>             const v = referencefilterhuerotatenumber.value;

    [11318] => 

    [11319] =>             referencefilterhuerotaterange.value = v;

    [11320] =>             text.referencebackdropfilterhuerotate = v;

    [11321] =>         }

    [11322] => 

    [11323] =>         function referencefilterhuerotatenumberupdate()

    [11324] =>         {

    [11325] =>             referencefilterhuerotatenumberset();

    [11326] =>             svgupdate();

    [11327] =>         }

    [11328] => 

    [11329] =>         function referencefilterhuerotaterangeload()

    [11330] =>         {

    [11331] =>             const input = document.createElement("input");

    [11332] =>             input.id = "referencefilterhuerotaterange";

    [11333] =>             input.max = referencefilterhuerotatenumber.max;

    [11334] =>             input.min = referencefilterhuerotatenumber.min;

    [11335] =>             input.step = referencefilterhuerotatenumber.step;

    [11336] =>             input.type = "range";

    [11337] =>             input.value = referencefilterhuerotatenumber.value;

    [11338] =>             input.addEventListener("input", referencefilterhuerotaterangeupdate);

    [11339] =>             referencefilterhuerotate.append(input);

    [11340] => 

    [11341] =>             referencefilterhuerotaterangeset();

    [11342] =>         }

    [11343] =>         addEventListener("load", referencefilterhuerotaterangeload);

    [11344] => 

    [11345] =>         function referencefilterhuerotaterangeset()

    [11346] =>         {

    [11347] =>             const v = referencefilterhuerotaterange.value;

    [11348] => 

    [11349] =>             referencefilterhuerotatenumber.value = v;

    [11350] =>             text.referencebackdropfilterhuerotate = v;

    [11351] =>         }

    [11352] => 

    [11353] =>         function referencefilterhuerotaterangeupdate()

    [11354] =>         {

    [11355] =>             referencefilterhuerotaterangeset();

    [11356] =>             svgupdate();

    [11357] =>         }

    [11358] => 

    [11359] =>         function referencefilterhuerotateexactload()

    [11360] =>         {

    [11361] =>             const br = document.createElement("br");

    [11362] =>             referencefilterhuerotate.append(br);

    [11363] => 

    [11364] =>             const array =

    [11365] =>             [

    [11366] =>                 ["0",0],

    [11367] =>                 ["90",90],

    [11368] =>                 ["180",180],

    [11369] =>                 ["270",270],

    [11370] =>                 ["360",360],

    [11371] =>             ];

    [11372] => 

    [11373] =>             for(const value of array)

    [11374] =>             {

    [11375] =>                 const button = document.createElement("button");

    [11376] =>                 button.innerHTML = value[0];

    [11377] =>                 button.value = value[1];

    [11378] =>                 button.addEventListener("click", referencefilterhuerotateexactupdate);

    [11379] =>                 referencefilterhuerotate.append(button);

    [11380] =>             }

    [11381] =>         }

    [11382] =>         addEventListener("load", referencefilterhuerotateexactload);

    [11383] => 

    [11384] =>         function referencefilterhuerotateexactupdate(e)

    [11385] =>         {

    [11386] =>             referencefilterhuerotatenumber.value = Number(e.target.value);

    [11387] => 

    [11388] =>             referencefilterhuerotatenumberupdate();

    [11389] =>         }

    [11390] => 

    [11391] =>         function referencefilterhuerotateincrementload()

    [11392] =>         {

    [11393] =>             const br = document.createElement("br");

    [11394] =>             referencefilterhuerotate.append(br);

    [11395] => 

    [11396] =>             const array =

    [11397] =>             [

    [11398] =>                 //["-90",-90],

    [11399] =>                 ["-45",-45],

    [11400] =>                 ["-15",-15],

    [11401] =>                 ["-1",-1],

    [11402] =>                 ["+1",1],

    [11403] =>                 ["+15",15],

    [11404] =>                 ["+45",45],

    [11405] =>                 //["+90",90],

    [11406] =>             ];

    [11407] => 

    [11408] =>             for(const value of array)

    [11409] =>             {

    [11410] =>                 const button = document.createElement("button");

    [11411] =>                 button.innerHTML = value[0];

    [11412] =>                 button.value = value[1];

    [11413] =>                 button.addEventListener("click", referencefilterhuerotateincrementupdate);

    [11414] =>                 referencefilterhuerotate.append(button);

    [11415] =>             }

    [11416] =>         }

    [11417] =>         addEventListener("load", referencefilterhuerotateincrementload);

    [11418] => 

    [11419] =>         function referencefilterhuerotateincrementupdate(e)

    [11420] =>         {

    [11421] =>             const v = Number(referencefilterhuerotatenumber.value) + Number(e.target.value);

    [11422] => 

    [11423] =>             if((referencefilterhuerotatenumber.min <= v) && (v <= referencefilterhuerotatenumber.max))

    [11424] =>             {

    [11425] =>                 referencefilterhuerotatenumber.value = v;

    [11426] => 

    [11427] =>                 referencefilterhuerotatenumberupdate();

    [11428] =>             }

    [11429] =>         }

    [11430] => 

    [11431] => 

    [11432] => 

    [11433] =>         function referencefilterinvertload()

    [11434] =>         {

    [11435] =>             const div = document.createElement("div");

    [11436] =>             div.id = "referencefilterinvert";

    [11437] =>             div.innerHTML = "filter-invert";

    [11438] =>             tabcontentreference.append(div);

    [11439] => 

    [11440] =>             const style = div.style;

    [11441] =>             style.overflowY = "hidden";

    [11442] =>             style.whiteSpace = "nowrap";

    [11443] =>         }

    [11444] =>         addEventListener("load", referencefilterinvertload);

    [11445] => 

    [11446] =>         function referencefilterinvertnumberload()

    [11447] =>         {

    [11448] =>             const br = document.createElement("br");

    [11449] =>             referencefilterinvert.append(br);

    [11450] => 

    [11451] =>             const input = document.createElement("input");

    [11452] =>             input.id = "referencefilterinvertnumber";

    [11453] =>             input.max = 100;

    [11454] =>             input.min = 0;

    [11455] =>             input.step = 1;

    [11456] =>             input.type = "number";

    [11457] =>             input.value = 0;

    [11458] =>             input.addEventListener("input", referencefilterinvertnumberupdate);

    [11459] =>             referencefilterinvert.append(input);

    [11460] => 

    [11461] =>             //referencefilterinvertnumberset();

    [11462] =>         }

    [11463] =>         addEventListener("load", referencefilterinvertnumberload);

    [11464] => 

    [11465] =>         function referencefilterinvertnumberset()

    [11466] =>         {

    [11467] =>             const v = referencefilterinvertnumber.value;

    [11468] => 

    [11469] =>             referencefilterinvertrange.value = v;

    [11470] =>             text.referencebackdropfilterinvert = v;

    [11471] =>         }

    [11472] => 

    [11473] =>         function referencefilterinvertnumberupdate()

    [11474] =>         {

    [11475] =>             referencefilterinvertnumberset();

    [11476] =>             svgupdate();

    [11477] =>         }

    [11478] => 

    [11479] =>         function referencefilterinvertrangeload()

    [11480] =>         {

    [11481] =>             const input = document.createElement("input");

    [11482] =>             input.id = "referencefilterinvertrange";

    [11483] =>             input.max = referencefilterinvertnumber.max;

    [11484] =>             input.min = referencefilterinvertnumber.min;

    [11485] =>             input.step = referencefilterinvertnumber.step;

    [11486] =>             input.type = "range";

    [11487] =>             input.value = referencefilterinvertnumber.value;

    [11488] =>             input.addEventListener("input", referencefilterinvertrangeupdate);

    [11489] =>             referencefilterinvert.append(input);

    [11490] => 

    [11491] =>             referencefilterinvertrangeset();

    [11492] =>         }

    [11493] =>         addEventListener("load", referencefilterinvertrangeload);

    [11494] => 

    [11495] =>         function referencefilterinvertrangeset()

    [11496] =>         {

    [11497] =>             const v = referencefilterinvertrange.value;

    [11498] => 

    [11499] =>             referencefilterinvertnumber.value = v;

    [11500] =>             text.referencebackdropfilterinvert = v;

    [11501] =>         }

    [11502] => 

    [11503] =>         function referencefilterinvertrangeupdate()

    [11504] =>         {

    [11505] =>             referencefilterinvertrangeset();

    [11506] =>             svgupdate();

    [11507] =>         }

    [11508] => 

    [11509] =>         function referencefilterinvertexactload()

    [11510] =>         {

    [11511] =>             const br = document.createElement("br");

    [11512] =>             referencefilterinvert.append(br);

    [11513] => 

    [11514] =>             const array =

    [11515] =>             [

    [11516] =>                 ["0",0],

    [11517] =>                 ["25",25],

    [11518] =>                 ["50",50],

    [11519] =>                 ["75",75],

    [11520] =>                 ["100",100],

    [11521] =>             ];

    [11522] => 

    [11523] =>             for(const value of array)

    [11524] =>             {

    [11525] =>                 const button = document.createElement("button");

    [11526] =>                 button.innerHTML = value[0];

    [11527] =>                 button.value = value[1];

    [11528] =>                 button.addEventListener("click", referencefilterinvertexactupdate);

    [11529] =>                 referencefilterinvert.append(button);

    [11530] =>             }

    [11531] =>         }

    [11532] =>         addEventListener("load", referencefilterinvertexactload);

    [11533] => 

    [11534] =>         function referencefilterinvertexactupdate(e)

    [11535] =>         {

    [11536] =>             referencefilterinvertnumber.value = Number(e.target.value);

    [11537] => 

    [11538] =>             referencefilterinvertnumberupdate();

    [11539] =>         }

    [11540] => 

    [11541] =>         function referencefilterinvertincrementload()

    [11542] =>         {

    [11543] =>             const br = document.createElement("br");

    [11544] =>             referencefilterinvert.append(br);

    [11545] => 

    [11546] =>             const array =

    [11547] =>             [

    [11548] =>                 ["-10",-10],

    [11549] =>                 ["-1",-1],

    [11550] =>                 ["+1",1],

    [11551] =>                 ["+10",10],

    [11552] =>             ];

    [11553] => 

    [11554] =>             for(const value of array)

    [11555] =>             {

    [11556] =>                 const button = document.createElement("button");

    [11557] =>                 button.innerHTML = value[0];

    [11558] =>                 button.value = value[1];

    [11559] =>                 button.addEventListener("click", referencefilterinvertincrementupdate);

    [11560] =>                 referencefilterinvert.append(button);

    [11561] =>             }

    [11562] =>         }

    [11563] =>         addEventListener("load", referencefilterinvertincrementload);

    [11564] => 

    [11565] =>         function referencefilterinvertincrementupdate(e)

    [11566] =>         {

    [11567] =>             const v = Number(referencefilterinvertnumber.value) + Number(e.target.value);

    [11568] => 

    [11569] =>             if((referencefilterinvertnumber.min <= v) && (v <= referencefilterinvertnumber.max))

    [11570] =>             {

    [11571] =>                 referencefilterinvertnumber.value = v;

    [11572] => 

    [11573] =>                 referencefilterinvertnumberupdate();

    [11574] =>             }

    [11575] =>         }

    [11576] => 

    [11577] => 

    [11578] => 

    [11579] =>         function referencefiltersaturateload()

    [11580] =>         {

    [11581] =>             const div = document.createElement("div");

    [11582] =>             div.id = "referencefiltersaturate";

    [11583] =>             div.innerHTML = "filter-saturate";

    [11584] =>             tabcontentreference.append(div);

    [11585] => 

    [11586] =>             const style = div.style;

    [11587] =>             style.overflowY = "hidden";

    [11588] =>             style.whiteSpace = "nowrap";

    [11589] =>         }

    [11590] =>         addEventListener("load", referencefiltersaturateload);

    [11591] => 

    [11592] =>         function referencefiltersaturatenumberload()

    [11593] =>         {

    [11594] =>             const br = document.createElement("br");

    [11595] =>             referencefiltersaturate.append(br);

    [11596] => 

    [11597] =>             const input = document.createElement("input");

    [11598] =>             input.id = "referencefiltersaturatenumber";

    [11599] =>             input.max = 1000;

    [11600] =>             input.min = 0;

    [11601] =>             input.step = 1;

    [11602] =>             input.type = "number";

    [11603] =>             input.value = 100;

    [11604] =>             input.addEventListener("input", referencefiltersaturatenumberupdate);

    [11605] =>             referencefiltersaturate.append(input);

    [11606] => 

    [11607] =>             //referencefiltersaturatenumberset();

    [11608] =>         }

    [11609] =>         addEventListener("load", referencefiltersaturatenumberload);

    [11610] => 

    [11611] =>         function referencefiltersaturatenumberset()

    [11612] =>         {

    [11613] =>             const v = referencefiltersaturatenumber.value;

    [11614] => 

    [11615] =>             referencefiltersaturaterange.value = v;

    [11616] =>             text.referencebackdropfiltersaturate = v;

    [11617] =>         }

    [11618] => 

    [11619] =>         function referencefiltersaturatenumberupdate()

    [11620] =>         {

    [11621] =>             referencefiltersaturatenumberset();

    [11622] =>             svgupdate();

    [11623] =>         }

    [11624] => 

    [11625] =>         function referencefiltersaturaterangeload()

    [11626] =>         {

    [11627] =>             const input = document.createElement("input");

    [11628] =>             input.id = "referencefiltersaturaterange";

    [11629] =>             input.max = referencefiltersaturatenumber.max;

    [11630] =>             input.min = referencefiltersaturatenumber.min;

    [11631] =>             input.step = referencefiltersaturatenumber.step;

    [11632] =>             input.type = "range";

    [11633] =>             input.value = referencefiltersaturatenumber.value;

    [11634] =>             input.addEventListener("input", referencefiltersaturaterangeupdate);

    [11635] =>             referencefiltersaturate.append(input);

    [11636] => 

    [11637] =>             referencefiltersaturaterangeset();

    [11638] =>         }

    [11639] =>         addEventListener("load", referencefiltersaturaterangeload);

    [11640] => 

    [11641] =>         function referencefiltersaturaterangeset()

    [11642] =>         {

    [11643] =>             const v = referencefiltersaturaterange.value;

    [11644] => 

    [11645] =>             referencefiltersaturatenumber.value = v;

    [11646] =>             text.referencebackdropfiltersaturate = v;

    [11647] =>         }

    [11648] => 

    [11649] =>         function referencefiltersaturaterangeupdate()

    [11650] =>         {

    [11651] =>             referencefiltersaturaterangeset();

    [11652] =>             svgupdate();

    [11653] =>         }

    [11654] => 

    [11655] =>         function referencefiltersaturateexactload()

    [11656] =>         {

    [11657] =>             const br = document.createElement("br");

    [11658] =>             referencefiltersaturate.append(br);

    [11659] => 

    [11660] =>             const array =

    [11661] =>             [

    [11662] =>                 ["0",0],

    [11663] =>                 ["50",50],

    [11664] =>                 ["100 (initial)",100],

    [11665] =>                 ["150",150],

    [11666] =>                 ["200",200],

    [11667] =>             ];

    [11668] => 

    [11669] =>             for(const value of array)

    [11670] =>             {

    [11671] =>                 const button = document.createElement("button");

    [11672] =>                 button.innerHTML = value[0];

    [11673] =>                 button.value = value[1];

    [11674] =>                 button.addEventListener("click", referencefiltersaturateexactupdate);

    [11675] =>                 referencefiltersaturate.append(button);

    [11676] =>             }

    [11677] =>         }

    [11678] =>         addEventListener("load", referencefiltersaturateexactload);

    [11679] => 

    [11680] =>         function referencefiltersaturateexactupdate(e)

    [11681] =>         {

    [11682] =>             referencefiltersaturatenumber.value = Number(e.target.value);

    [11683] => 

    [11684] =>             referencefiltersaturatenumberupdate();

    [11685] =>         }

    [11686] => 

    [11687] =>         function referencefiltersaturateincrementload()

    [11688] =>         {

    [11689] =>             const br = document.createElement("br");

    [11690] =>             referencefiltersaturate.append(br);

    [11691] => 

    [11692] =>             const array =

    [11693] =>             [

    [11694] =>                 ["-100",-100],

    [11695] =>                 ["-10",-10],

    [11696] =>                 ["-1",-1],

    [11697] =>                 ["+1",1],

    [11698] =>                 ["+10",10],

    [11699] =>                 ["+100",100],

    [11700] =>             ];

    [11701] => 

    [11702] =>             for(const value of array)

    [11703] =>             {

    [11704] =>                 const button = document.createElement("button");

    [11705] =>                 button.innerHTML = value[0];

    [11706] =>                 button.value = value[1];

    [11707] =>                 button.addEventListener("click", referencefiltersaturateincrementupdate);

    [11708] =>                 referencefiltersaturate.append(button);

    [11709] =>             }

    [11710] =>         }

    [11711] =>         addEventListener("load", referencefiltersaturateincrementload);

    [11712] => 

    [11713] =>         function referencefiltersaturateincrementupdate(e)

    [11714] =>         {

    [11715] =>             const v = Number(referencefiltersaturatenumber.value) + Number(e.target.value);

    [11716] => 

    [11717] =>             if((referencefiltersaturatenumber.min <= v) && (v <= referencefiltersaturatenumber.max))

    [11718] =>             {

    [11719] =>                 referencefiltersaturatenumber.value = v;

    [11720] => 

    [11721] =>                 referencefiltersaturatenumberupdate();

    [11722] =>             }

    [11723] =>         }

    [11724] => 

    [11725] => 

    [11726] => 

    [11727] =>         function referencefiltersepiaload()

    [11728] =>         {

    [11729] =>             const div = document.createElement("div");

    [11730] =>             div.id = "referencefiltersepia";

    [11731] =>             div.innerHTML = "filter-sepia";

    [11732] =>             tabcontentreference.append(div);

    [11733] => 

    [11734] =>             const style = div.style;

    [11735] =>             style.overflowY = "hidden";

    [11736] =>             style.whiteSpace = "nowrap";

    [11737] =>         }

    [11738] =>         addEventListener("load", referencefiltersepiaload);

    [11739] => 

    [11740] =>         function referencefiltersepianumberload()

    [11741] =>         {

    [11742] =>             const br = document.createElement("br");

    [11743] =>             referencefiltersepia.append(br);

    [11744] => 

    [11745] =>             const input = document.createElement("input");

    [11746] =>             input.id = "referencefiltersepianumber";

    [11747] =>             input.max = 100;

    [11748] =>             input.min = 0;

    [11749] =>             input.step = 1;

    [11750] =>             input.type = "number";

    [11751] =>             input.value = 0;

    [11752] =>             input.addEventListener("input", referencefiltersepianumberupdate);

    [11753] =>             referencefiltersepia.append(input);

    [11754] => 

    [11755] =>             //referencefiltersepianumberset();

    [11756] =>         }

    [11757] =>         addEventListener("load", referencefiltersepianumberload);

    [11758] => 

    [11759] =>         function referencefiltersepianumberset()

    [11760] =>         {

    [11761] =>             const v = referencefiltersepianumber.value;

    [11762] => 

    [11763] =>             referencefiltersepiarange.value = v;

    [11764] =>             text.referencebackdropfiltersepia = v;

    [11765] =>         }

    [11766] => 

    [11767] =>         function referencefiltersepianumberupdate()

    [11768] =>         {

    [11769] =>             referencefiltersepianumberset();

    [11770] =>             svgupdate();

    [11771] =>         }

    [11772] => 

    [11773] =>         function referencefiltersepiarangeload()

    [11774] =>         {

    [11775] =>             const input = document.createElement("input");

    [11776] =>             input.id = "referencefiltersepiarange";

    [11777] =>             input.max = referencefiltersepianumber.max;

    [11778] =>             input.min = referencefiltersepianumber.min;

    [11779] =>             input.step = referencefiltersepianumber.step;

    [11780] =>             input.type = "range";

    [11781] =>             input.value = referencefiltersepianumber.value;

    [11782] =>             input.addEventListener("input", referencefiltersepiarangeupdate);

    [11783] =>             referencefiltersepia.append(input);

    [11784] => 

    [11785] =>             referencefiltersepiarangeset();

    [11786] =>         }

    [11787] =>         addEventListener("load", referencefiltersepiarangeload);

    [11788] => 

    [11789] =>         function referencefiltersepiarangeset()

    [11790] =>         {

    [11791] =>             const v = referencefiltersepiarange.value;

    [11792] => 

    [11793] =>             referencefiltersepianumber.value = v;

    [11794] =>             text.referencebackdropfiltersepia = v;

    [11795] =>         }

    [11796] => 

    [11797] =>         function referencefiltersepiarangeupdate()

    [11798] =>         {

    [11799] =>             referencefiltersepiarangeset();

    [11800] =>             svgupdate();

    [11801] =>         }

    [11802] => 

    [11803] =>         function referencefiltersepiaexactload()

    [11804] =>         {

    [11805] =>             const br = document.createElement("br");

    [11806] =>             referencefiltersepia.append(br);

    [11807] => 

    [11808] =>             const array =

    [11809] =>             [

    [11810] =>                 ["0",0],

    [11811] =>                 ["25",25],

    [11812] =>                 ["50",50],

    [11813] =>                 ["75",75],

    [11814] =>                 ["100",100],

    [11815] =>             ];

    [11816] => 

    [11817] =>             for(const value of array)

    [11818] =>             {

    [11819] =>                 const button = document.createElement("button");

    [11820] =>                 button.innerHTML = value[0];

    [11821] =>                 button.value = value[1];

    [11822] =>                 button.addEventListener("click", referencefiltersepiaexactupdate);

    [11823] =>                 referencefiltersepia.append(button);

    [11824] =>             }

    [11825] =>         }

    [11826] =>         addEventListener("load", referencefiltersepiaexactload);

    [11827] => 

    [11828] =>         function referencefiltersepiaexactupdate(e)

    [11829] =>         {

    [11830] =>             referencefiltersepianumber.value = Number(e.target.value);

    [11831] => 

    [11832] =>             referencefiltersepianumberupdate();

    [11833] =>         }

    [11834] => 

    [11835] =>         function referencefiltersepiaincrementload()

    [11836] =>         {

    [11837] =>             const br = document.createElement("br");

    [11838] =>             referencefiltersepia.append(br);

    [11839] => 

    [11840] =>             const array =

    [11841] =>             [

    [11842] =>                 ["-10",-10],

    [11843] =>                 ["-1",-1],

    [11844] =>                 ["+1",1],

    [11845] =>                 ["+10",10],

    [11846] =>             ];

    [11847] => 

    [11848] =>             for(const value of array)

    [11849] =>             {

    [11850] =>                 const button = document.createElement("button");

    [11851] =>                 button.innerHTML = value[0];

    [11852] =>                 button.value = value[1];

    [11853] =>                 button.addEventListener("click", referencefiltersepiaincrementupdate);

    [11854] =>                 referencefiltersepia.append(button);

    [11855] =>             }

    [11856] =>         }

    [11857] =>         addEventListener("load", referencefiltersepiaincrementload);

    [11858] => 

    [11859] =>         function referencefiltersepiaincrementupdate(e)

    [11860] =>         {

    [11861] =>             const v = Number(referencefiltersepianumber.value) + Number(e.target.value);

    [11862] => 

    [11863] =>             if((referencefiltersepianumber.min <= v) && (v <= referencefiltersepianumber.max))

    [11864] =>             {

    [11865] =>                 referencefiltersepianumber.value = v;

    [11866] => 

    [11867] =>                 referencefiltersepianumberupdate();

    [11868] =>             }

    [11869] =>         }

    [11870] => //*/

    [11871] => 

    [11872] => 

    [11873] => 

    [11874] => /*

    [11875] =>         function referencemargintopload()

    [11876] =>         {

    [11877] =>             const div = document.createElement("div");

    [11878] =>             div.id = "referencemargintop";

    [11879] =>             div.innerHTML = "margin-top";

    [11880] =>             tabcontentreference.append(div);

    [11881] =>         }

    [11882] =>         addEventListener("load", referencemargintopload);

    [11883] => 

    [11884] =>         function referencemargintopnumberload()

    [11885] =>         {

    [11886] =>             const br = document.createElement("br");

    [11887] =>             referencemargintop.append(br);

    [11888] => 

    [11889] =>             const input = document.createElement("input");

    [11890] =>             input.id = "referencemargintopnumber";

    [11891] =>             input.max = 1000;

    [11892] =>             input.min = 0;

    [11893] =>             input.type = "number";

    [11894] =>             input.value = 0;

    [11895] =>             input.addEventListener("input", referencemargintopnumberupdate);

    [11896] =>             referencemargintop.append(input);

    [11897] => 

    [11898] =>             //referencemargintopnumberset();

    [11899] =>         }

    [11900] =>         addEventListener("load", referencemargintopnumberload);

    [11901] => 

    [11902] =>         function referencemargintopnumberset()

    [11903] =>         {

    [11904] =>             const v = Number(referencemargintopnumber.value);

    [11905] => 

    [11906] =>             referencemargintoprange.value = v;

    [11907] =>             text.referencemargintop = v;

    [11908] =>         }

    [11909] => 

    [11910] =>         function referencemargintopnumberupdate()

    [11911] =>         {

    [11912] =>             referencemargintopnumberset();

    [11913] => 

    [11914] =>             svgupdate();

    [11915] =>         }

    [11916] => 

    [11917] =>         function referencemargintoprangeload()

    [11918] =>         {

    [11919] =>             const input = document.createElement("input");

    [11920] =>             input.id = "referencemargintoprange";

    [11921] =>             input.max = referencemargintopnumber.max;

    [11922] =>             input.min = referencemargintopnumber.min;

    [11923] =>             input.type = "range";

    [11924] =>             input.value = referencemargintopnumber.value;

    [11925] =>             input.addEventListener("input", referencemargintoprangeupdate);

    [11926] =>             referencemargintop.append(input);

    [11927] => 

    [11928] =>             referencemargintoprangeset();

    [11929] =>         }

    [11930] =>         addEventListener("load", referencemargintoprangeload);

    [11931] => 

    [11932] =>         function referencemargintoprangeset()

    [11933] =>         {

    [11934] =>             const v = Number(referencemargintoprange.value);

    [11935] => 

    [11936] =>             referencemargintopnumber.value = v;

    [11937] =>             text.referencemargintop = v;

    [11938] =>         }

    [11939] => 

    [11940] =>         function referencemargintoprangeupdate()

    [11941] =>         {

    [11942] =>             referencemargintoprangeset();

    [11943] => 

    [11944] =>             svgupdate();

    [11945] =>         }

    [11946] => 

    [11947] => 

    [11948] => 

    [11949] =>         function referencemarginbottomload()

    [11950] =>         {

    [11951] =>             const div = document.createElement("div");

    [11952] =>             div.id = "referencemarginbottom";

    [11953] =>             div.innerHTML = "margin-bottom";

    [11954] =>             tabcontentreference.append(div);

    [11955] =>         }

    [11956] =>         addEventListener("load", referencemarginbottomload);

    [11957] => 

    [11958] =>         function referencemarginbottomnumberload()

    [11959] =>         {

    [11960] =>             const br = document.createElement("br");

    [11961] =>             referencemarginbottom.append(br);

    [11962] => 

    [11963] =>             const input = document.createElement("input");

    [11964] =>             input.id = "referencemarginbottomnumber";

    [11965] =>             input.max = 1000;

    [11966] =>             input.min = 0;

    [11967] =>             input.type = "number";

    [11968] =>             input.value = 0;

    [11969] =>             input.addEventListener("input", referencemarginbottomnumberupdate);

    [11970] =>             referencemarginbottom.append(input);

    [11971] => 

    [11972] =>             //referencemarginbottomnumberset();

    [11973] =>         }

    [11974] =>         addEventListener("load", referencemarginbottomnumberload);

    [11975] => 

    [11976] =>         function referencemarginbottomnumberset()

    [11977] =>         {

    [11978] =>             const v = Number(referencemarginbottomnumber.value);

    [11979] => 

    [11980] =>             referencemarginbottomrange.value = v;

    [11981] =>             text.referencemarginbottom = v;

    [11982] =>         }

    [11983] => 

    [11984] =>         function referencemarginbottomnumberupdate()

    [11985] =>         {

    [11986] =>             referencemarginbottomnumberset();

    [11987] => 

    [11988] =>             svgupdate();

    [11989] =>         }

    [11990] => 

    [11991] =>         function referencemarginbottomrangeload()

    [11992] =>         {

    [11993] =>             const input = document.createElement("input");

    [11994] =>             input.id = "referencemarginbottomrange";

    [11995] =>             input.max = referencemarginbottomnumber.max;

    [11996] =>             input.min = referencemarginbottomnumber.min;

    [11997] =>             input.type = "range";

    [11998] =>             input.value = referencemarginbottomnumber.value;

    [11999] =>             input.addEventListener("input", referencemarginbottomrangeupdate);

    [12000] =>             referencemarginbottom.append(input);

    [12001] => 

    [12002] =>             referencemarginbottomrangeset();

    [12003] =>         }

    [12004] =>         addEventListener("load", referencemarginbottomrangeload);

    [12005] => 

    [12006] =>         function referencemarginbottomrangeset()

    [12007] =>         {

    [12008] =>             const v = Number(referencemarginbottomrange.value);

    [12009] => 

    [12010] =>             referencemarginbottomnumber.value = v;

    [12011] =>             text.referencemarginbottom = v;

    [12012] =>         }

    [12013] => 

    [12014] =>         function referencemarginbottomrangeupdate()

    [12015] =>         {

    [12016] =>             referencemarginbottomrangeset();

    [12017] => 

    [12018] =>             svgupdate();

    [12019] =>         }

    [12020] => 

    [12021] => 

    [12022] => 

    [12023] =>         function referencemarginleftload()

    [12024] =>         {

    [12025] =>             const div = document.createElement("div");

    [12026] =>             div.id = "referencemarginleft";

    [12027] =>             div.innerHTML = "margin-left";

    [12028] =>             tabcontentreference.append(div);

    [12029] =>         }

    [12030] =>         addEventListener("load", referencemarginleftload);

    [12031] => 

    [12032] =>         function referencemarginleftnumberload()

    [12033] =>         {

    [12034] =>             const br = document.createElement("br");

    [12035] =>             referencemarginleft.append(br);

    [12036] => 

    [12037] =>             const input = document.createElement("input");

    [12038] =>             input.id = "referencemarginleftnumber";

    [12039] =>             input.max = 1000;

    [12040] =>             input.min = 0;

    [12041] =>             input.type = "number";

    [12042] =>             input.value = 0;

    [12043] =>             input.addEventListener("input", referencemarginleftnumberupdate);

    [12044] =>             referencemarginleft.append(input);

    [12045] => 

    [12046] =>             //referencemarginleftnumberset();

    [12047] =>         }

    [12048] =>         addEventListener("load", referencemarginleftnumberload);

    [12049] => 

    [12050] =>         function referencemarginleftnumberset()

    [12051] =>         {

    [12052] =>             const v = Number(referencemarginleftnumber.value);

    [12053] => 

    [12054] =>             referencemarginleftrange.value = v;

    [12055] =>             text.referencemarginleft = v;

    [12056] =>         }

    [12057] => 

    [12058] =>         function referencemarginleftnumberupdate()

    [12059] =>         {

    [12060] =>             referencemarginleftnumberset();

    [12061] => 

    [12062] =>             svgupdate();

    [12063] =>         }

    [12064] => 

    [12065] =>         function referencemarginleftrangeload()

    [12066] =>         {

    [12067] =>             const input = document.createElement("input");

    [12068] =>             input.id = "referencemarginleftrange";

    [12069] =>             input.max = referencemarginleftnumber.max;

    [12070] =>             input.min = referencemarginleftnumber.min;

    [12071] =>             input.type = "range";

    [12072] =>             input.value = referencemarginleftnumber.value;

    [12073] =>             input.addEventListener("input", referencemarginleftrangeupdate);

    [12074] =>             referencemarginleft.append(input);

    [12075] => 

    [12076] =>             referencemarginleftrangeset();

    [12077] =>         }

    [12078] =>         addEventListener("load", referencemarginleftrangeload);

    [12079] => 

    [12080] =>         function referencemarginleftrangeset()

    [12081] =>         {

    [12082] =>             const v = Number(referencemarginleftrange.value);

    [12083] => 

    [12084] =>             referencemarginleftnumber.value = v;

    [12085] =>             text.referencemarginleft = v;

    [12086] =>         }

    [12087] => 

    [12088] =>         function referencemarginleftrangeupdate()

    [12089] =>         {

    [12090] =>             referencemarginleftrangeset();

    [12091] => 

    [12092] =>             svgupdate();

    [12093] =>         }

    [12094] => 

    [12095] => 

    [12096] => 

    [12097] =>         function referencemarginrightload()

    [12098] =>         {

    [12099] =>             const div = document.createElement("div");

    [12100] =>             div.id = "referencemarginright";

    [12101] =>             div.innerHTML = "margin-right";

    [12102] =>             tabcontentreference.append(div);

    [12103] =>         }

    [12104] =>         addEventListener("load", referencemarginrightload);

    [12105] => 

    [12106] =>         function referencemarginrightnumberload()

    [12107] =>         {

    [12108] =>             const br = document.createElement("br");

    [12109] =>             referencemarginright.append(br);

    [12110] => 

    [12111] =>             const input = document.createElement("input");

    [12112] =>             input.id = "referencemarginrightnumber";

    [12113] =>             input.max = 1000;

    [12114] =>             input.min = 0;

    [12115] =>             input.type = "number";

    [12116] =>             input.value = 0;

    [12117] =>             input.addEventListener("input", referencemarginrightnumberupdate);

    [12118] =>             referencemarginright.append(input);

    [12119] => 

    [12120] =>             //referencemarginrightnumberset();

    [12121] =>         }

    [12122] =>         addEventListener("load", referencemarginrightnumberload);

    [12123] => 

    [12124] =>         function referencemarginrightnumberset()

    [12125] =>         {

    [12126] =>             const v = Number(referencemarginrightnumber.value);

    [12127] => 

    [12128] =>             referencemarginrightrange.value = v;

    [12129] =>             text.referencemarginright = v;

    [12130] =>         }

    [12131] => 

    [12132] =>         function referencemarginrightnumberupdate()

    [12133] =>         {

    [12134] =>             referencemarginrightnumberset();

    [12135] => 

    [12136] =>             svgupdate();

    [12137] =>         }

    [12138] => 

    [12139] =>         function referencemarginrightrangeload()

    [12140] =>         {

    [12141] =>             const input = document.createElement("input");

    [12142] =>             input.id = "referencemarginrightrange";

    [12143] =>             input.max = referencemarginrightnumber.max;

    [12144] =>             input.min = referencemarginrightnumber.min;

    [12145] =>             input.type = "range";

    [12146] =>             input.value = referencemarginrightnumber.value;

    [12147] =>             input.addEventListener("input", referencemarginrightrangeupdate);

    [12148] =>             referencemarginright.append(input);

    [12149] => 

    [12150] =>             referencemarginrightrangeset();

    [12151] =>         }

    [12152] =>         addEventListener("load", referencemarginrightrangeload);

    [12153] => 

    [12154] =>         function referencemarginrightrangeset()

    [12155] =>         {

    [12156] =>             const v = Number(referencemarginrightrange.value);

    [12157] => 

    [12158] =>             referencemarginrightnumber.value = v;

    [12159] =>             text.referencemarginright = v;

    [12160] =>         }

    [12161] => 

    [12162] =>         function referencemarginrightrangeupdate()

    [12163] =>         {

    [12164] =>             referencemarginrightrangeset();

    [12165] => 

    [12166] =>             svgupdate();

    [12167] =>         }

    [12168] => 

    [12169] => 

    [12170] => 

    [12171] =>         function referencepaddingtopload()

    [12172] =>         {

    [12173] =>             const div = document.createElement("div");

    [12174] =>             div.id = "referencepaddingtop";

    [12175] =>             div.innerHTML = "padding-top";

    [12176] =>             tabcontentreference.append(div);

    [12177] =>         }

    [12178] =>         addEventListener("load", referencepaddingtopload);

    [12179] => 

    [12180] =>         function referencepaddingtopnumberload()

    [12181] =>         {

    [12182] =>             const br = document.createElement("br");

    [12183] =>             referencepaddingtop.append(br);

    [12184] => 

    [12185] =>             const input = document.createElement("input");

    [12186] =>             input.id = "referencepaddingtopnumber";

    [12187] =>             input.max = 1000;

    [12188] =>             input.min = 0;

    [12189] =>             input.type = "number";

    [12190] =>             input.value = 0;

    [12191] =>             input.addEventListener("input", referencepaddingtopnumberupdate);

    [12192] =>             referencepaddingtop.append(input);

    [12193] => 

    [12194] =>             //referencepaddingtopnumberset();

    [12195] =>         }

    [12196] =>         addEventListener("load", referencepaddingtopnumberload);

    [12197] => 

    [12198] =>         function referencepaddingtopnumberset()

    [12199] =>         {

    [12200] =>             const v = Number(referencepaddingtopnumber.value);

    [12201] => 

    [12202] =>             referencepaddingtoprange.value = v;

    [12203] =>             text.referencepaddingtop = v;

    [12204] =>         }

    [12205] => 

    [12206] =>         function referencepaddingtopnumberupdate()

    [12207] =>         {

    [12208] =>             referencepaddingtopnumberset();

    [12209] => 

    [12210] =>             svgupdate();

    [12211] =>         }

    [12212] => 

    [12213] =>         function referencepaddingtoprangeload()

    [12214] =>         {

    [12215] =>             const input = document.createElement("input");

    [12216] =>             input.id = "referencepaddingtoprange";

    [12217] =>             input.max = referencepaddingtopnumber.max;

    [12218] =>             input.min = referencepaddingtopnumber.min;

    [12219] =>             input.type = "range";

    [12220] =>             input.value = referencepaddingtopnumber.value;

    [12221] =>             input.addEventListener("input", referencepaddingtoprangeupdate);

    [12222] =>             referencepaddingtop.append(input);

    [12223] => 

    [12224] =>             referencepaddingtoprangeset();

    [12225] =>         }

    [12226] =>         addEventListener("load", referencepaddingtoprangeload);

    [12227] => 

    [12228] =>         function referencepaddingtoprangeset()

    [12229] =>         {

    [12230] =>             const v = Number(referencepaddingtoprange.value);

    [12231] => 

    [12232] =>             referencepaddingtopnumber.value = v;

    [12233] =>             text.referencepaddingtop = v;

    [12234] =>         }

    [12235] => 

    [12236] =>         function referencepaddingtoprangeupdate()

    [12237] =>         {

    [12238] =>             referencepaddingtoprangeset();

    [12239] => 

    [12240] =>             svgupdate();

    [12241] =>         }

    [12242] => 

    [12243] => 

    [12244] => 

    [12245] =>         function referencepaddingbottomload()

    [12246] =>         {

    [12247] =>             const div = document.createElement("div");

    [12248] =>             div.id = "referencepaddingbottom";

    [12249] =>             div.innerHTML = "padding-bottom";

    [12250] =>             tabcontentreference.append(div);

    [12251] =>         }

    [12252] =>         addEventListener("load", referencepaddingbottomload);

    [12253] => 

    [12254] =>         function referencepaddingbottomnumberload()

    [12255] =>         {

    [12256] =>             const br = document.createElement("br");

    [12257] =>             referencepaddingbottom.append(br);

    [12258] => 

    [12259] =>             const input = document.createElement("input");

    [12260] =>             input.id = "referencepaddingbottomnumber";

    [12261] =>             input.max = 1000;

    [12262] =>             input.min = 0;

    [12263] =>             input.type = "number";

    [12264] =>             input.value = 0;

    [12265] =>             input.addEventListener("input", referencepaddingbottomnumberupdate);

    [12266] =>             referencepaddingbottom.append(input);

    [12267] => 

    [12268] =>             //referencepaddingbottomnumberset();

    [12269] =>         }

    [12270] =>         addEventListener("load", referencepaddingbottomnumberload);

    [12271] => 

    [12272] =>         function referencepaddingbottomnumberset()

    [12273] =>         {

    [12274] =>             const v = Number(referencepaddingbottomnumber.value);

    [12275] => 

    [12276] =>             referencepaddingbottomrange.value = v;

    [12277] =>             text.referencepaddingbottom = v;

    [12278] =>         }

    [12279] => 

    [12280] =>         function referencepaddingbottomnumberupdate()

    [12281] =>         {

    [12282] =>             referencepaddingbottomnumberset();

    [12283] => 

    [12284] =>             svgupdate();

    [12285] =>         }

    [12286] => 

    [12287] =>         function referencepaddingbottomrangeload()

    [12288] =>         {

    [12289] =>             const input = document.createElement("input");

    [12290] =>             input.id = "referencepaddingbottomrange";

    [12291] =>             input.max = referencepaddingbottomnumber.max;

    [12292] =>             input.min = referencepaddingbottomnumber.min;

    [12293] =>             input.type = "range";

    [12294] =>             input.value = referencepaddingbottomnumber.value;

    [12295] =>             input.addEventListener("input", referencepaddingbottomrangeupdate);

    [12296] =>             referencepaddingbottom.append(input);

    [12297] => 

    [12298] =>             referencepaddingbottomrangeset();

    [12299] =>         }

    [12300] =>         addEventListener("load", referencepaddingbottomrangeload);

    [12301] => 

    [12302] =>         function referencepaddingbottomrangeset()

    [12303] =>         {

    [12304] =>             const v = Number(referencepaddingbottomrange.value);

    [12305] => 

    [12306] =>             referencepaddingbottomnumber.value = v;

    [12307] =>             text.referencepaddingbottom = v;

    [12308] =>         }

    [12309] => 

    [12310] =>         function referencepaddingbottomrangeupdate()

    [12311] =>         {

    [12312] =>             referencepaddingbottomrangeset();

    [12313] => 

    [12314] =>             svgupdate();

    [12315] =>         }

    [12316] => 

    [12317] => 

    [12318] => 

    [12319] =>         function referencepaddingleftload()

    [12320] =>         {

    [12321] =>             const div = document.createElement("div");

    [12322] =>             div.id = "referencepaddingleft";

    [12323] =>             div.innerHTML = "padding-left";

    [12324] =>             tabcontentreference.append(div);

    [12325] =>         }

    [12326] =>         addEventListener("load", referencepaddingleftload);

    [12327] => 

    [12328] =>         function referencepaddingleftnumberload()

    [12329] =>         {

    [12330] =>             const br = document.createElement("br");

    [12331] =>             referencepaddingleft.append(br);

    [12332] => 

    [12333] =>             const input = document.createElement("input");

    [12334] =>             input.id = "referencepaddingleftnumber";

    [12335] =>             input.max = 1000;

    [12336] =>             input.min = 0;

    [12337] =>             input.type = "number";

    [12338] =>             input.value = 0;

    [12339] =>             input.addEventListener("input", referencepaddingleftnumberupdate);

    [12340] =>             referencepaddingleft.append(input);

    [12341] => 

    [12342] =>             //referencepaddingleftnumberset();

    [12343] =>         }

    [12344] =>         addEventListener("load", referencepaddingleftnumberload);

    [12345] => 

    [12346] =>         function referencepaddingleftnumberset()

    [12347] =>         {

    [12348] =>             const v = Number(referencepaddingleftnumber.value);

    [12349] => 

    [12350] =>             referencepaddingleftrange.value = v;

    [12351] =>             text.referencepaddingleft = v;

    [12352] =>         }

    [12353] => 

    [12354] =>         function referencepaddingleftnumberupdate()

    [12355] =>         {

    [12356] =>             referencepaddingleftnumberset();

    [12357] => 

    [12358] =>             svgupdate();

    [12359] =>         }

    [12360] => 

    [12361] =>         function referencepaddingleftrangeload()

    [12362] =>         {

    [12363] =>             const input = document.createElement("input");

    [12364] =>             input.id = "referencepaddingleftrange";

    [12365] =>             input.max = referencepaddingleftnumber.max;

    [12366] =>             input.min = referencepaddingleftnumber.min;

    [12367] =>             input.type = "range";

    [12368] =>             input.value = referencepaddingleftnumber.value;

    [12369] =>             input.addEventListener("input", referencepaddingleftrangeupdate);

    [12370] =>             referencepaddingleft.append(input);

    [12371] => 

    [12372] =>             referencepaddingleftrangeset();

    [12373] =>         }

    [12374] =>         addEventListener("load", referencepaddingleftrangeload);

    [12375] => 

    [12376] => 

    [12377] =>         function referencepaddingleftrangeset()

    [12378] =>         {

    [12379] =>             const v = Number(referencepaddingleftrange.value);

    [12380] => 

    [12381] =>             referencepaddingleftnumber.value = v;

    [12382] =>             text.referencepaddingleft = v;

    [12383] =>         }

    [12384] => 

    [12385] =>         function referencepaddingleftrangeupdate()

    [12386] =>         {

    [12387] =>             referencepaddingleftrangeset();

    [12388] => 

    [12389] =>             svgupdate();

    [12390] =>         }

    [12391] => 

    [12392] => 

    [12393] => 

    [12394] =>         function referencepaddingrightload()

    [12395] =>         {

    [12396] =>             const div = document.createElement("div");

    [12397] =>             div.id = "referencepaddingright";

    [12398] =>             div.innerHTML = "padding-right";

    [12399] =>             tabcontentreference.append(div);

    [12400] =>         }

    [12401] =>         addEventListener("load", referencepaddingrightload);

    [12402] => 

    [12403] =>         function referencepaddingrightnumberload()

    [12404] =>         {

    [12405] =>             const br = document.createElement("br");

    [12406] =>             referencepaddingright.append(br);

    [12407] => 

    [12408] =>             const input = document.createElement("input");

    [12409] =>             input.id = "referencepaddingrightnumber";

    [12410] =>             input.max = 1000;

    [12411] =>             input.min = 0;

    [12412] =>             input.type = "number";

    [12413] =>             input.value = 0;

    [12414] =>             input.addEventListener("input", referencepaddingrightnumberupdate);

    [12415] =>             referencepaddingright.append(input);

    [12416] => 

    [12417] =>             //referencepaddingrightnumberset();

    [12418] =>         }

    [12419] =>         addEventListener("load", referencepaddingrightnumberload);

    [12420] => 

    [12421] =>         function referencepaddingrightnumberset()

    [12422] =>         {

    [12423] =>             const v = Number(referencepaddingrightnumber.value);

    [12424] => 

    [12425] =>             referencepaddingrightrange.value = v;

    [12426] =>             text.referencepaddingright = v;

    [12427] =>         }

    [12428] => 

    [12429] =>         function referencepaddingrightnumberupdate()

    [12430] =>         {

    [12431] =>             referencepaddingrightnumberset();

    [12432] => 

    [12433] =>             svgupdate();

    [12434] =>         }

    [12435] => 

    [12436] =>         function referencepaddingrightrangeload()

    [12437] =>         {

    [12438] =>             const input = document.createElement("input");

    [12439] =>             input.id = "referencepaddingrightrange";

    [12440] =>             input.max = referencepaddingrightnumber.max;

    [12441] =>             input.min = referencepaddingrightnumber.min;

    [12442] =>             input.type = "range";

    [12443] =>             input.value = referencepaddingrightnumber.value;

    [12444] =>             input.addEventListener("input", referencepaddingrightrangeupdate);

    [12445] =>             referencepaddingright.append(input);

    [12446] => 

    [12447] =>             referencepaddingrightrangeset();

    [12448] =>         }

    [12449] =>         addEventListener("load", referencepaddingrightrangeload);

    [12450] => 

    [12451] =>         function referencepaddingrightrangeset()

    [12452] =>         {

    [12453] =>             const v = Number(referencepaddingrightrange.value);

    [12454] => 

    [12455] =>             referencepaddingrightnumber.value = v;

    [12456] =>             text.referencepaddingright = v;

    [12457] =>         }

    [12458] => 

    [12459] =>         function referencepaddingrightrangeupdate()

    [12460] =>         {

    [12461] =>             referencepaddingrightrangeset();

    [12462] => 

    [12463] =>             svgupdate();

    [12464] =>         }

    [12465] => //*/

    [12466] => 

    [12467] => 

    [12468] => 

    [12469] => 

    [12470] => 

    [12471] => 

    [12472] =>         function passagewidthload()

    [12473] =>         {

    [12474] =>             const div = document.createElement("div");

    [12475] =>             div.id = "passagewidth";

    [12476] =>             div.innerHTML = "width";

    [12477] =>             tabcontentpassage.append(div);

    [12478] => 

    [12479] =>             const style = div.style;

    [12480] =>             style.overflowY = "hidden";

    [12481] =>             style.whiteSpace = "nowrap";

    [12482] =>         }

    [12483] =>         addEventListener("load", passagewidthload);

    [12484] => 

    [12485] =>         function passagewidthnumberload()

    [12486] =>         {

    [12487] =>             const br = document.createElement("br");

    [12488] =>             passagewidth.append(br);

    [12489] => 

    [12490] =>             const input = document.createElement("input");

    [12491] =>             input.id = "passagewidthnumber";

    [12492] =>             input.max = maxwidth;

    [12493] =>             input.min = 0;

    [12494] =>             input.type = "number";

    [12495] =>             input.value = canvas.width - 100;

    [12496] =>             input.addEventListener("input", passagewidthnumberupdate);

    [12497] =>             passagewidth.append(input);

    [12498] => 

    [12499] =>             //passagewidthnumberset();

    [12500] =>         }

    [12501] =>         addEventListener("load", passagewidthnumberload);

    [12502] => 

    [12503] =>         function passagewidthnumberset()

    [12504] =>         {

    [12505] =>             const v = Number(passagewidthnumber.value);

    [12506] => 

    [12507] =>             passagewidthrange.value = v;

    [12508] =>             text.passagewidth = v;

    [12509] =>         }

    [12510] => 

    [12511] =>         function passagewidthnumberupdate()

    [12512] =>         {

    [12513] =>             passagewidthnumberset();

    [12514] =>             svgupdate();

    [12515] =>         }

    [12516] => 

    [12517] =>         function passagewidthrangeload()

    [12518] =>         {

    [12519] =>             const input = document.createElement("input");

    [12520] =>             input.id = "passagewidthrange";

    [12521] =>             input.max = passagewidthnumber.max;

    [12522] =>             input.min = passagewidthnumber.min;

    [12523] =>             input.type = "range";

    [12524] =>             input.value = passagewidthnumber.value;

    [12525] =>             input.addEventListener("input", passagewidthrangeupdate);

    [12526] =>             passagewidth.append(input);

    [12527] => 

    [12528] =>             passagewidthrangeset();

    [12529] =>         }

    [12530] =>         addEventListener("load", passagewidthrangeload);

    [12531] => 

    [12532] =>         function passagewidthrangeset()

    [12533] =>         {

    [12534] =>             const v = Number(passagewidthrange.value);

    [12535] => 

    [12536] =>             passagewidthnumber.value = v;

    [12537] =>             text.passagewidth = v;

    [12538] =>         }

    [12539] => 

    [12540] =>         function passagewidthrangeupdate()

    [12541] =>         {

    [12542] =>             passagewidthrangeset();

    [12543] =>             svgupdate();

    [12544] =>         }

    [12545] => 

    [12546] =>         function passagewidthexactload()

    [12547] =>         {

    [12548] =>             const br = document.createElement("br");

    [12549] =>             passagewidth.append(br);

    [12550] => 

    [12551] =>             const array =

    [12552] =>             [

    [12553] =>                 ["25%",0.25],

    [12554] =>                 ["50%",0.5],

    [12555] =>                 ["75%",0.75],

    [12556] =>                 ["100%",1],

    [12557] =>             ];

    [12558] => 

    [12559] =>             for(const value of array)

    [12560] =>             {

    [12561] =>                 const button = document.createElement("button");

    [12562] =>                 button.innerHTML = value[0];

    [12563] =>                 button.value = value[1];

    [12564] =>                 button.addEventListener("click", passagewidthexactupdate);

    [12565] =>                 passagewidth.append(button);

    [12566] =>             }

    [12567] =>         }

    [12568] =>         addEventListener("load", passagewidthexactload);

    [12569] => 

    [12570] =>         function passagewidthexactupdate(e)

    [12571] =>         {

    [12572] =>             passagewidthnumber.value = canvas.width * Number(e.target.value);

    [12573] => 

    [12574] =>             passagewidthnumberupdate();

    [12575] =>         }

    [12576] => 

    [12577] =>         function passagewidthincrementload()

    [12578] =>         {

    [12579] =>             const br = document.createElement("br");

    [12580] =>             passagewidth.append(br);

    [12581] => 

    [12582] =>             const array =

    [12583] =>             [

    [12584] =>                 ["-1000",-1000],

    [12585] =>                 ["-100",-100],

    [12586] =>                 ["-10",-10],

    [12587] =>                 ["-1",-1],

    [12588] =>                 ["+1",1],

    [12589] =>                 ["+10",10],

    [12590] =>                 ["+100",100],

    [12591] =>                 ["+1000",1000],

    [12592] =>             ];

    [12593] => 

    [12594] =>             for(const value of array)

    [12595] =>             {

    [12596] =>                 const button = document.createElement("button");

    [12597] =>                 button.innerHTML = value[0];

    [12598] =>                 button.value = value[1];

    [12599] =>                 button.addEventListener("click", passagewidthincrementupdate);

    [12600] =>                 passagewidth.append(button);

    [12601] =>             }

    [12602] =>         }

    [12603] =>         addEventListener("load", passagewidthincrementload);

    [12604] => 

    [12605] =>         function passagewidthincrementupdate(e)

    [12606] =>         {

    [12607] =>             const v = Number(passagewidthnumber.value) + Number(e.target.value);

    [12608] => 

    [12609] =>             if((passagewidthnumber.min <= v) && (v <= passagewidthnumber.max))

    [12610] =>             {

    [12611] =>                 passagewidthnumber.value = v;

    [12612] => 

    [12613] =>                 passagewidthnumberupdate();

    [12614] =>             }

    [12615] =>         }

    [12616] => 

    [12617] => 

    [12618] => 

    [12619] =>         function passageheightload()

    [12620] =>         {

    [12621] =>             const div = document.createElement("div");

    [12622] =>             div.id = "passageheight";

    [12623] =>             div.innerHTML = "height";

    [12624] =>             tabcontentpassage.append(div);

    [12625] => 

    [12626] =>             const style = div.style;

    [12627] =>             style.overflowY = "hidden";

    [12628] =>             style.whiteSpace = "nowrap";

    [12629] =>         }

    [12630] =>         addEventListener("load", passageheightload);

    [12631] => 

    [12632] =>         function passageheightnumberload()

    [12633] =>         {

    [12634] =>             const br = document.createElement("br");

    [12635] =>             passageheight.append(br);

    [12636] => 

    [12637] =>             const input = document.createElement("input");

    [12638] =>             input.id = "passageheightnumber";

    [12639] =>             input.max = maxheight;

    [12640] =>             input.min = 0;

    [12641] =>             input.type = "number";

    [12642] =>             input.value = 300;

    [12643] =>             input.addEventListener("input", passageheightnumberupdate);

    [12644] =>             passageheight.append(input);

    [12645] => 

    [12646] =>             //passageheightnumberset();

    [12647] =>         }

    [12648] =>         addEventListener("load", passageheightnumberload);

    [12649] => 

    [12650] =>         function passageheightnumberset()

    [12651] =>         {

    [12652] =>             const v = Number(passageheightnumber.value);

    [12653] => 

    [12654] =>             passageheightrange.value = v;

    [12655] =>             text.passageheight = v;

    [12656] =>         }

    [12657] => 

    [12658] =>         function passageheightnumberupdate()

    [12659] =>         {

    [12660] =>             passageheightnumberset();

    [12661] =>             svgupdate();

    [12662] =>         }

    [12663] => 

    [12664] =>         function passageheightrangeload()

    [12665] =>         {

    [12666] =>             const input = document.createElement("input");

    [12667] =>             input.id = "passageheightrange";

    [12668] =>             input.max = passageheightnumber.max;

    [12669] =>             input.min = passageheightnumber.min;

    [12670] =>             input.type = "range";

    [12671] =>             input.value = passageheightnumber.value;

    [12672] =>             input.addEventListener("input", passageheightrangeupdate);

    [12673] =>             passageheight.append(input);

    [12674] => 

    [12675] =>             passageheightrangeset();

    [12676] =>         }

    [12677] =>         addEventListener("load", passageheightrangeload);

    [12678] => 

    [12679] =>         function passageheightrangeset()

    [12680] =>         {

    [12681] =>             const v = Number(passageheightrange.value);

    [12682] => 

    [12683] =>             passageheightnumber.value = v;

    [12684] =>             text.passageheight = v;

    [12685] =>         }

    [12686] => 

    [12687] =>         function passageheightrangeupdate()

    [12688] =>         {

    [12689] =>             passageheightrangeset();

    [12690] =>             svgupdate();

    [12691] =>         }

    [12692] => 

    [12693] =>         function passageheightexactload()

    [12694] =>         {

    [12695] =>             const br = document.createElement("br");

    [12696] =>             passageheight.append(br);

    [12697] => 

    [12698] =>             const array =

    [12699] =>             [

    [12700] =>                 ["25%",0.25],

    [12701] =>                 ["50%",0.5],

    [12702] =>                 ["75%",0.75],

    [12703] =>                 ["100%",1],

    [12704] =>             ];

    [12705] => 

    [12706] =>             for(const value of array)

    [12707] =>             {

    [12708] =>                 const button = document.createElement("button");

    [12709] =>                 button.innerHTML = value[0];

    [12710] =>                 button.value = value[1];

    [12711] =>                 button.addEventListener("click", passageheightexactupdate);

    [12712] =>                 passageheight.append(button);

    [12713] =>             }

    [12714] =>         }

    [12715] =>         addEventListener("load", passageheightexactload);

    [12716] => 

    [12717] =>         function passageheightexactupdate(e)

    [12718] =>         {

    [12719] =>             passageheightnumber.value = canvas.height * Number(e.target.value);

    [12720] => 

    [12721] =>             passageheightnumberupdate();

    [12722] =>         }

    [12723] => 

    [12724] =>         function passageheightincrementload()

    [12725] =>         {

    [12726] =>             const br = document.createElement("br");

    [12727] =>             passageheight.append(br);

    [12728] => 

    [12729] =>             const array =

    [12730] =>             [

    [12731] =>                 ["-1000",-1000],

    [12732] =>                 ["-100",-100],

    [12733] =>                 ["-10",-10],

    [12734] =>                 ["-1",-1],

    [12735] =>                 ["+1",1],

    [12736] =>                 ["+10",10],

    [12737] =>                 ["+100",100],

    [12738] =>                 ["+1000",1000],

    [12739] =>             ];

    [12740] => 

    [12741] =>             for(const value of array)

    [12742] =>             {

    [12743] =>                 const button = document.createElement("button");

    [12744] =>                 button.innerHTML = value[0];

    [12745] =>                 button.value = value[1];

    [12746] =>                 button.addEventListener("click", passageheightincrementupdate);

    [12747] =>                 passageheight.append(button);

    [12748] =>             }

    [12749] =>         }

    [12750] =>         addEventListener("load", passageheightincrementload);

    [12751] => 

    [12752] =>         function passageheightincrementupdate(e)

    [12753] =>         {

    [12754] =>             const v = Number(passageheightnumber.value) + Number(e.target.value);

    [12755] => 

    [12756] =>             if((passageheightnumber.min <= v) && (v <= passageheightnumber.max))

    [12757] =>             {

    [12758] =>                 passageheightnumber.value = v;

    [12759] => 

    [12760] =>                 passageheightnumberupdate();

    [12761] =>             }

    [12762] =>         }

    [12763] => 

    [12764] => 

    [12765] => 

    [12766] =>         function passagexload()

    [12767] =>         {

    [12768] =>             const div = document.createElement("div");

    [12769] =>             div.id = "passagex";

    [12770] =>             div.innerHTML = "x";

    [12771] =>             tabcontentpassage.append(div);

    [12772] => 

    [12773] =>             const style = div.style;

    [12774] =>             style.overflowY = "hidden";

    [12775] =>             style.whiteSpace = "nowrap";

    [12776] =>         }

    [12777] =>         addEventListener("load", passagexload);

    [12778] => 

    [12779] =>         function passagexnumberload()

    [12780] =>         {

    [12781] =>             const br = document.createElement("br");

    [12782] =>             passagex.append(br);

    [12783] => 

    [12784] =>             const input = document.createElement("input");

    [12785] =>             input.id = "passagexnumber";

    [12786] =>             input.max = maxwidth;

    [12787] =>             input.min = -maxwidth;

    [12788] =>             input.type = "number";

    [12789] =>             input.value = 50;

    [12790] =>             input.addEventListener("input", passagexnumberupdate);

    [12791] =>             passagex.append(input);

    [12792] => 

    [12793] =>             //passagexnumberset();

    [12794] =>         }

    [12795] =>         addEventListener("load", passagexnumberload);

    [12796] => 

    [12797] =>         function passagexnumberset()

    [12798] =>         {

    [12799] =>             const v = Number(passagexnumber.value);

    [12800] => 

    [12801] =>             passagexrange.value = v;

    [12802] =>             text.passagex = v;

    [12803] =>         }

    [12804] => 

    [12805] =>         function passagexnumberupdate()

    [12806] =>         {

    [12807] =>             passagexnumberset();

    [12808] =>             svgupdate();

    [12809] =>         }

    [12810] => 

    [12811] =>         function passagexrangeload()

    [12812] =>         {

    [12813] =>             const input = document.createElement("input");

    [12814] =>             input.id = "passagexrange";

    [12815] =>             input.max = passagexnumber.max;

    [12816] =>             input.min = passagexnumber.min;

    [12817] =>             input.type = "range";

    [12818] =>             input.value = passagexnumber.value;

    [12819] =>             input.addEventListener("input", passagexrangeupdate);

    [12820] =>             passagex.append(input);

    [12821] => 

    [12822] =>             passagexrangeset();

    [12823] =>         }

    [12824] =>         addEventListener("load", passagexrangeload);

    [12825] => 

    [12826] =>         function passagexrangeset()

    [12827] =>         {

    [12828] =>             const v = Number(passagexrange.value);

    [12829] => 

    [12830] =>             passagexnumber.value = v;

    [12831] =>             text.passagex = v;

    [12832] =>         }

    [12833] => 

    [12834] =>         function passagexrangeupdate()

    [12835] =>         {

    [12836] =>             passagexrangeset();

    [12837] =>             svgupdate();

    [12838] =>         }

    [12839] => 

    [12840] =>         function passagexexactload()

    [12841] =>         {

    [12842] =>             const br = document.createElement("br");

    [12843] =>             passagex.append(br);

    [12844] => 

    [12845] =>             const array =

    [12846] =>             [

    [12847] =>                 ["left",0],

    [12848] =>                 ["center",0.5],

    [12849] =>                 ["right",1],

    [12850] =>             ];

    [12851] => 

    [12852] =>             for(const value of array)

    [12853] =>             {

    [12854] =>                 const button = document.createElement("button");

    [12855] =>                 button.innerHTML = value[0];

    [12856] =>                 button.value = value[1];

    [12857] =>                 button.addEventListener("click", passagexexactupdate);

    [12858] =>                 passagex.append(button);

    [12859] =>             }

    [12860] =>         }

    [12861] =>         addEventListener("load", passagexexactload);

    [12862] => 

    [12863] =>         function passagexexactupdate(e)

    [12864] =>         {

    [12865] =>             //passagexnumber.value = (canvas.width - text.passagewidth - text.passagepaddingleft - text.passagepaddingright) * Number(e.target.value);

    [12866] =>             passagexnumber.value = (canvas.width - text.passagewidth) * Number(e.target.value);

    [12867] => 

    [12868] =>             passagexnumberupdate();

    [12869] =>         }

    [12870] => 

    [12871] =>         function passagexincrementload()

    [12872] =>         {

    [12873] =>             const br = document.createElement("br");

    [12874] =>             passagex.append(br);

    [12875] => 

    [12876] =>             const array =

    [12877] =>             [

    [12878] =>                 ["-1000",-1000],

    [12879] =>                 ["-100",-100],

    [12880] =>                 ["-10",-10],

    [12881] =>                 ["-1",-1],

    [12882] =>                 ["+1",1],

    [12883] =>                 ["+10",10],

    [12884] =>                 ["+100",100],

    [12885] =>                 ["+1000",1000],

    [12886] =>             ];

    [12887] => 

    [12888] =>             for(const value of array)

    [12889] =>             {

    [12890] =>                 const button = document.createElement("button");

    [12891] =>                 button.innerHTML = value[0];

    [12892] =>                 button.value = value[1];

    [12893] =>                 button.addEventListener("click", passagexincrementupdate);

    [12894] =>                 passagex.append(button);

    [12895] =>             }

    [12896] =>         }

    [12897] =>         addEventListener("load", passagexincrementload);

    [12898] => 

    [12899] =>         function passagexincrementupdate(e)

    [12900] =>         {

    [12901] =>             const v = Number(passagexnumber.value) + Number(e.target.value);

    [12902] => 

    [12903] =>             if((passagexnumber.min <= v) && (v <= passagexnumber.max))

    [12904] =>             {

    [12905] =>                 passagexnumber.value = v;

    [12906] => 

    [12907] =>                 passagexnumberupdate();

    [12908] =>             }

    [12909] =>         }

    [12910] => 

    [12911] => 

    [12912] => 

    [12913] =>         function passageyload()

    [12914] =>         {

    [12915] =>             const div = document.createElement("div");

    [12916] =>             div.id = "passagey";

    [12917] =>             div.innerHTML = "y";

    [12918] =>             tabcontentpassage.append(div);

    [12919] => 

    [12920] =>             const style = div.style;

    [12921] =>             style.overflowY = "hidden";

    [12922] =>             style.whiteSpace = "nowrap";

    [12923] =>         }

    [12924] =>         addEventListener("load", passageyload);

    [12925] => 

    [12926] =>         function passageynumberload()

    [12927] =>         {

    [12928] =>             const br = document.createElement("br");

    [12929] =>             passagey.append(br);

    [12930] => 

    [12931] =>             const input = document.createElement("input");

    [12932] =>             input.id = "passageynumber";

    [12933] =>             input.max = maxheight;

    [12934] =>             input.min = -maxheight;

    [12935] =>             input.type = "number";

    [12936] =>             input.value = 730;

    [12937] =>             input.addEventListener("input", passageynumberupdate);

    [12938] =>             passagey.append(input);

    [12939] => 

    [12940] =>             //passageynumberset();

    [12941] =>         }

    [12942] =>         addEventListener("load", passageynumberload);

    [12943] => 

    [12944] =>         function passageynumberset()

    [12945] =>         {

    [12946] =>             const v = Number(passageynumber.value);

    [12947] => 

    [12948] =>             passageyrange.value = v;

    [12949] =>             text.passagey = v;

    [12950] =>         }

    [12951] => 

    [12952] =>         function passageynumberupdate()

    [12953] =>         {

    [12954] =>             passageynumberset();

    [12955] =>             svgupdate();

    [12956] =>         }

    [12957] => 

    [12958] =>         function passageyrangeload()

    [12959] =>         {

    [12960] =>             const input = document.createElement("input");

    [12961] =>             input.id = "passageyrange";

    [12962] =>             input.max = passageynumber.max;

    [12963] =>             input.min = passageynumber.min;

    [12964] =>             input.type = "range";

    [12965] =>             input.value = passageynumber.value;

    [12966] =>             input.addEventListener("input", passageyrangeupdate);

    [12967] =>             passagey.append(input);

    [12968] => 

    [12969] =>             passageyrangeset();

    [12970] =>         }

    [12971] =>         addEventListener("load", passageyrangeload);

    [12972] => 

    [12973] =>         function passageyrangeset()

    [12974] =>         {

    [12975] =>             const v = Number(passageyrange.value);

    [12976] => 

    [12977] =>             passageynumber.value = v;

    [12978] =>             text.passagey = v;

    [12979] =>         }

    [12980] => 

    [12981] =>         function passageyrangeupdate()

    [12982] =>         {

    [12983] =>             passageyrangeset();

    [12984] =>             svgupdate();

    [12985] =>         }

    [12986] => 

    [12987] =>         function passageyexactload()

    [12988] =>         {

    [12989] =>             const br = document.createElement("br");

    [12990] =>             passagey.append(br);

    [12991] => 

    [12992] =>             const array =

    [12993] =>             [

    [12994] =>                 ["top",0],

    [12995] =>                 ["center",0.5],

    [12996] =>                 ["bottom",1],

    [12997] =>             ];

    [12998] => 

    [12999] =>             for(const value of array)

    [13000] =>             {

    [13001] =>                 const button = document.createElement("button");

    [13002] =>                 button.innerHTML = value[0];

    [13003] =>                 button.value = value[1];

    [13004] =>                 button.addEventListener("click", passageyexactupdate);

    [13005] =>                 passagey.append(button);

    [13006] =>             }

    [13007] =>         }

    [13008] =>         addEventListener("load", passageyexactload);

    [13009] => 

    [13010] =>         function passageyexactupdate(e)

    [13011] =>         {

    [13012] =>             //passageynumber.value = (canvas.height - text.passageheight - text.passagepaddingtop - text.passagepaddingbottom) * Number(e.target.value);

    [13013] =>             passageynumber.value = (canvas.height - text.passageheight) * Number(e.target.value);

    [13014] => 

    [13015] =>             passageynumberupdate();

    [13016] =>         }

    [13017] => 

    [13018] =>         function passageyincrementload()

    [13019] =>         {

    [13020] =>             const br = document.createElement("br");

    [13021] =>             passagey.append(br);

    [13022] => 

    [13023] =>             const array =

    [13024] =>             [

    [13025] =>                 ["-1000",-1000],

    [13026] =>                 ["-100",-100],

    [13027] =>                 ["-10",-10],

    [13028] =>                 ["-1",-1],

    [13029] =>                 ["+1",1],

    [13030] =>                 ["+10",10],

    [13031] =>                 ["+100",100],

    [13032] =>                 ["+1000",1000],

    [13033] =>             ];

    [13034] => 

    [13035] =>             for(const value of array)

    [13036] =>             {

    [13037] =>                 const button = document.createElement("button");

    [13038] =>                 button.innerHTML = value[0];

    [13039] =>                 button.value = value[1];

    [13040] =>                 button.addEventListener("click", passageyincrementupdate);

    [13041] =>                 passagey.append(button);

    [13042] =>             }

    [13043] =>         }

    [13044] =>         addEventListener("load", passageyincrementload);

    [13045] => 

    [13046] =>         function passageyincrementupdate(e)

    [13047] =>         {

    [13048] =>             const v = Number(passageynumber.value) + Number(e.target.value);

    [13049] => 

    [13050] =>             if((passageynumber.min <= v) && (v <= passageynumber.max))

    [13051] =>             {

    [13052] =>                 passageynumber.value = v;

    [13053] => 

    [13054] =>                 passageynumberupdate();

    [13055] =>             }

    [13056] =>         }

    [13057] => 

    [13058] => 

    [13059] => 

    [13060] =>         function passagebackgroundcolorload()

    [13061] =>         {

    [13062] =>             const div = document.createElement("div");

    [13063] =>             div.id = "passagebackgroundcolor";

    [13064] =>             div.innerHTML = "background-color";

    [13065] =>             tabcontentpassage.append(div);

    [13066] =>         }

    [13067] =>         addEventListener("load", passagebackgroundcolorload);

    [13068] => 

    [13069] =>         function passagebackgroundcolorcolorload()

    [13070] =>         {

    [13071] =>             const br = document.createElement("br");

    [13072] =>             passagebackgroundcolor.append(br);

    [13073] => 

    [13074] =>             const input = document.createElement("input");

    [13075] =>             input.id = "passagebackgroundcolorcolor";

    [13076] =>             input.type = "color";

    [13077] =>             input.value = "#ffffff";

    [13078] =>             input.addEventListener("input", passagebackgroundcolorcolorupdate);

    [13079] =>             passagebackgroundcolor.append(input);

    [13080] => 

    [13081] =>             //passagebackgroundcolorcolorset();

    [13082] =>         }

    [13083] =>         addEventListener("load", passagebackgroundcolorcolorload);

    [13084] => 

    [13085] =>         function passagebackgroundcolorcolorset()

    [13086] =>         {

    [13087] =>             const c = passagebackgroundcolorcolor.value;

    [13088] =>             const r = parseInt(c.slice(1,3),16);

    [13089] =>             const g = parseInt(c.slice(3,5),16);

    [13090] =>             const b = parseInt(c.slice(5,7),16);

    [13091] =>             const a = passagebackgroundalphanumber.value;

    [13092] => 

    [13093] =>             text.passagebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;

    [13094] =>         }

    [13095] => 

    [13096] =>         function passagebackgroundcolorcolorupdate()

    [13097] =>         {

    [13098] =>             passagebackgroundcolorcolorset();

    [13099] =>             svgupdate();

    [13100] =>         }

    [13101] => 

    [13102] =>         function passagebackgroundcolorexactload()

    [13103] =>         {

    [13104] =>             const br = document.createElement("br");

    [13105] =>             passagebackgroundcolor.append(br);

    [13106] => 

    [13107] =>             const array =

    [13108] =>             [

    [13109] =>                 ["black","#000000"],

    [13110] =>                 ["white","#ffffff"],

    [13111] =>             ];

    [13112] => 

    [13113] =>             for(const value of array)

    [13114] =>             {

    [13115] =>                 const button = document.createElement("button");

    [13116] =>                 button.innerHTML = value[0];

    [13117] =>                 button.value = value[1];

    [13118] =>                 button.addEventListener("click", passagebackgroundcolorexactupdate);

    [13119] =>                 passagebackgroundcolor.append(button);

    [13120] =>             }

    [13121] =>         }

    [13122] =>         addEventListener("load", passagebackgroundcolorexactload);

    [13123] => 

    [13124] =>         function passagebackgroundcolorexactupdate(e)

    [13125] =>         {

    [13126] =>             passagebackgroundcolorcolor.value = e.target.value;

    [13127] => 

    [13128] =>             passagebackgroundcolorcolorupdate();

    [13129] =>         }

    [13130] => 

    [13131] => 

    [13132] => 

    [13133] =>         function passagebackgroundalphaload()

    [13134] =>         {

    [13135] =>             const div = document.createElement("div");

    [13136] =>             div.id = "passagebackgroundalpha";

    [13137] =>             div.innerHTML = "background-alpha";

    [13138] =>             tabcontentpassage.append(div);

    [13139] => 

    [13140] =>             const style = div.style;

    [13141] =>             style.overflowY = "hidden";

    [13142] =>             style.whiteSpace = "nowrap";

    [13143] =>         }

    [13144] =>         addEventListener("load", passagebackgroundalphaload);

    [13145] => 

    [13146] =>         function passagebackgroundalphanumberload()

    [13147] =>         {

    [13148] =>             const br = document.createElement("br");

    [13149] =>             passagebackgroundalpha.append(br);

    [13150] => 

    [13151] =>             const input = document.createElement("input");

    [13152] =>             input.id = "passagebackgroundalphanumber";

    [13153] =>             input.max = 1;

    [13154] =>             input.min = 0;

    [13155] =>             input.step = 0.01;

    [13156] =>             input.type = "number";

    [13157] =>             input.value = 0.5;

    [13158] =>             input.addEventListener("input", passagebackgroundalphanumberupdate);

    [13159] =>             passagebackgroundalpha.append(input);

    [13160] => 

    [13161] =>             //passagebackgroundalphanumberset();

    [13162] =>         }

    [13163] =>         addEventListener("load", passagebackgroundalphanumberload);

    [13164] => 

    [13165] =>         function passagebackgroundalphanumberset()

    [13166] =>         {

    [13167] =>             const c = passagebackgroundcolorcolor.value;

    [13168] =>             const r = parseInt(c.slice(1,3),16);

    [13169] =>             const g = parseInt(c.slice(3,5),16);

    [13170] =>             const b = parseInt(c.slice(5,7),16);

    [13171] =>             const a = passagebackgroundalphanumber.value;

    [13172] => 

    [13173] =>             passagebackgroundalpharange.value = a;

    [13174] =>             text.passagebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;

    [13175] =>         }

    [13176] => 

    [13177] =>         function passagebackgroundalphanumberupdate()

    [13178] =>         {

    [13179] =>             passagebackgroundalphanumberset();

    [13180] =>             svgupdate();

    [13181] =>         }

    [13182] => 

    [13183] =>         function passagebackgroundalpharangeload()

    [13184] =>         {

    [13185] =>             const input = document.createElement("input");

    [13186] =>             input.id = "passagebackgroundalpharange";

    [13187] =>             input.max = passagebackgroundalphanumber.max;

    [13188] =>             input.min = passagebackgroundalphanumber.min;

    [13189] =>             input.step = passagebackgroundalphanumber.step;

    [13190] =>             input.type = "range";

    [13191] =>             input.value = passagebackgroundalphanumber.value;

    [13192] =>             input.addEventListener("input", passagebackgroundalpharangeupdate);

    [13193] =>             passagebackgroundalpha.append(input);

    [13194] => 

    [13195] =>             passagebackgroundalpharangeset();

    [13196] =>         }

    [13197] =>         addEventListener("load", passagebackgroundalpharangeload);

    [13198] => 

    [13199] =>         function passagebackgroundalpharangeset()

    [13200] =>         {

    [13201] =>             const c = passagebackgroundcolorcolor.value;

    [13202] =>             const r = parseInt(c.slice(1,3),16);

    [13203] =>             const g = parseInt(c.slice(3,5),16);

    [13204] =>             const b = parseInt(c.slice(5,7),16);

    [13205] =>             const a = passagebackgroundalpharange.value;

    [13206] => 

    [13207] =>             passagebackgroundalphanumber.value = a;

    [13208] =>             text.passagebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;

    [13209] =>         }

    [13210] => 

    [13211] =>         function passagebackgroundalpharangeupdate()

    [13212] =>         {

    [13213] =>             passagebackgroundalpharangeset();

    [13214] =>             svgupdate();

    [13215] =>         }

    [13216] => 

    [13217] =>         function passagebackgroundalphaexactload()

    [13218] =>         {

    [13219] =>             const br = document.createElement("br");

    [13220] =>             passagebackgroundalpha.append(br);

    [13221] => 

    [13222] =>             const array =

    [13223] =>             [

    [13224] =>                 ["0",0],

    [13225] =>                 ["0.25",0.25],

    [13226] =>                 ["0.5",0.5],

    [13227] =>                 ["0.75",0.75],

    [13228] =>                 ["1",1],

    [13229] =>             ];

    [13230] => 

    [13231] =>             for(const value of array)

    [13232] =>             {

    [13233] =>                 const button = document.createElement("button");

    [13234] =>                 button.innerHTML = value[0];

    [13235] =>                 button.value = value[1];

    [13236] =>                 button.addEventListener("click", passagebackgroundalphaexactupdate);

    [13237] =>                 passagebackgroundalpha.append(button);

    [13238] =>             }

    [13239] =>         }

    [13240] =>         addEventListener("load", passagebackgroundalphaexactload);

    [13241] => 

    [13242] =>         function passagebackgroundalphaexactupdate(e)

    [13243] =>         {

    [13244] =>             passagebackgroundalphanumber.value = Number(e.target.value);

    [13245] => 

    [13246] =>             passagebackgroundalphanumberupdate();

    [13247] =>         }

    [13248] => 

    [13249] =>         function passagebackgroundalphaincrementload()

    [13250] =>         {

    [13251] =>             const br = document.createElement("br");

    [13252] =>             passagebackgroundalpha.append(br);

    [13253] => 

    [13254] =>             const array =

    [13255] =>             [

    [13256] =>                 ["-0.1",-0.1],

    [13257] =>                 ["-0.01",-0.01],

    [13258] =>                 ["+0.01",0.01],

    [13259] =>                 ["+0.1",0.1],

    [13260] =>             ];

    [13261] => 

    [13262] =>             for(const value of array)

    [13263] =>             {

    [13264] =>                 const button = document.createElement("button");

    [13265] =>                 button.innerHTML = value[0];

    [13266] =>                 button.value = value[1];

    [13267] =>                 button.addEventListener("click", passagebackgroundalphaincrementupdate);

    [13268] =>                 passagebackgroundalpha.append(button);

    [13269] =>             }

    [13270] =>         }

    [13271] =>         addEventListener("load", passagebackgroundalphaincrementload);

    [13272] => 

    [13273] =>         function passagebackgroundalphaincrementupdate(e)

    [13274] =>         {

    [13275] =>             let v = Number(passagebackgroundalphanumber.value) + Number(e.target.value);

    [13276] =>             v = parseFloat(v.toFixed(2));

    [13277] => 

    [13278] =>             if((passagebackgroundalphanumber.min <= v) && (v <= passagebackgroundalphanumber.max))

    [13279] =>             {

    [13280] =>                 passagebackgroundalphanumber.value = v;

    [13281] => 

    [13282] =>                 passagebackgroundalphanumberupdate();

    [13283] =>             }

    [13284] =>         }

    [13285] => 

    [13286] => 

    [13287] => 

    [13288] =>         function passagebordercolorload()

    [13289] =>         {

    [13290] =>             const div = document.createElement("div");

    [13291] =>             div.id = "passagebordercolor";

    [13292] =>             div.innerHTML = "border-color";

    [13293] =>             tabcontentpassage.append(div);

    [13294] =>         }

    [13295] =>         addEventListener("load", passagebordercolorload);

    [13296] => 

    [13297] =>         function passagebordercolorcolorload()

    [13298] =>         {

    [13299] =>             const br = document.createElement("br");

    [13300] =>             passagebordercolor.append(br);

    [13301] => 

    [13302] =>             const input = document.createElement("input");

    [13303] =>             input.id = "passagebordercolorcolor";

    [13304] =>             input.type = "color";

    [13305] =>             input.value = "#000000";

    [13306] =>             input.addEventListener("input", passagebordercolorcolorupdate);

    [13307] =>             passagebordercolor.append(input);

    [13308] => 

    [13309] =>             //passagebordercolorcolorset();

    [13310] =>         }

    [13311] =>         addEventListener("load", passagebordercolorcolorload);

    [13312] => 

    [13313] =>         function passagebordercolorcolorset()

    [13314] =>         {

    [13315] =>             const c = passagebordercolorcolor.value;

    [13316] =>             const r = parseInt(c.slice(1,3),16);

    [13317] =>             const g = parseInt(c.slice(3,5),16);

    [13318] =>             const b = parseInt(c.slice(5,7),16);

    [13319] =>             const a = passageborderalphanumber.value;

    [13320] => 

    [13321] =>             text.passagebordercolor = `rgb(${r} ${g} ${b} / ${a})`;

    [13322] =>         }

    [13323] => 

    [13324] =>         function passagebordercolorcolorupdate()

    [13325] =>         {

    [13326] =>             passagebordercolorcolorset();

    [13327] =>             svgupdate();

    [13328] =>         }

    [13329] => 

    [13330] =>         function passagebordercolorexactload()

    [13331] =>         {

    [13332] =>             const br = document.createElement("br");

    [13333] =>             passagebordercolor.append(br);

    [13334] => 

    [13335] =>             const array =

    [13336] =>             [

    [13337] =>                 ["black","#000000"],

    [13338] =>                 ["white","#ffffff"],

    [13339] =>             ];

    [13340] => 

    [13341] =>             for(const value of array)

    [13342] =>             {

    [13343] =>                 const button = document.createElement("button");

    [13344] =>                 button.innerHTML = value[0];

    [13345] =>                 button.value = value[1];

    [13346] =>                 button.addEventListener("click", passagebordercolorexactupdate);

    [13347] =>                 passagebordercolor.append(button);

    [13348] =>             }

    [13349] =>         }

    [13350] =>         addEventListener("load", passagebordercolorexactload);

    [13351] => 

    [13352] =>         function passagebordercolorexactupdate(e)

    [13353] =>         {

    [13354] =>             passagebordercolorcolor.value = e.target.value;

    [13355] => 

    [13356] =>             passagebordercolorcolorupdate();

    [13357] =>         }

    [13358] => 

    [13359] => 

    [13360] => 

    [13361] =>         function passageborderalphaload()

    [13362] =>         {

    [13363] =>             const div = document.createElement("div");

    [13364] =>             div.id = "passageborderalpha";

    [13365] =>             div.innerHTML = "border-alpha";

    [13366] =>             tabcontentpassage.append(div);

    [13367] => 

    [13368] =>             const style = div.style;

    [13369] =>             style.overflowY = "hidden";

    [13370] =>             style.whiteSpace = "nowrap";

    [13371] =>         }

    [13372] =>         addEventListener("load", passageborderalphaload);

    [13373] => 

    [13374] =>         function passageborderalphanumberload()

    [13375] =>         {

    [13376] =>             const br = document.createElement("br");

    [13377] =>             passageborderalpha.append(br);

    [13378] => 

    [13379] =>             const input = document.createElement("input");

    [13380] =>             input.id = "passageborderalphanumber";

    [13381] =>             input.max = 1;

    [13382] =>             input.min = 0;

    [13383] =>             input.step = 0.01;

    [13384] =>             input.type = "number";

    [13385] =>             input.value = 1;

    [13386] =>             input.addEventListener("input", passageborderalphanumberupdate);

    [13387] =>             passageborderalpha.append(input);

    [13388] => 

    [13389] =>             //passageborderalphanumberset();

    [13390] =>         }

    [13391] =>         addEventListener("load", passageborderalphanumberload);

    [13392] => 

    [13393] =>         function passageborderalphanumberset()

    [13394] =>         {

    [13395] =>             const c = passagebordercolorcolor.value;

    [13396] =>             const r = parseInt(c.slice(1,3),16);

    [13397] =>             const g = parseInt(c.slice(3,5),16);

    [13398] =>             const b = parseInt(c.slice(5,7),16);

    [13399] =>             const a = passageborderalphanumber.value;

    [13400] => 

    [13401] =>             passageborderalpharange.value = a;

    [13402] =>             text.passagebordercolor = `rgb(${r} ${g} ${b} / ${a})`;

    [13403] =>         }

    [13404] => 

    [13405] =>         function passageborderalphanumberupdate()

    [13406] =>         {

    [13407] =>             passageborderalphanumberset();

    [13408] =>             svgupdate();

    [13409] =>         }

    [13410] => 

    [13411] =>         function passageborderalpharangeload()

    [13412] =>         {

    [13413] =>             const input = document.createElement("input");

    [13414] =>             input.id = "passageborderalpharange";

    [13415] =>             input.max = passageborderalphanumber.max;

    [13416] =>             input.min = passageborderalphanumber.min;

    [13417] =>             input.step = passageborderalphanumber.step;

    [13418] =>             input.type = "range";

    [13419] =>             input.value = passageborderalphanumber.value;

    [13420] =>             input.addEventListener("input", passageborderalpharangeupdate);

    [13421] =>             passageborderalpha.append(input);

    [13422] => 

    [13423] =>             passageborderalpharangeset();

    [13424] =>         }

    [13425] =>         addEventListener("load", passageborderalpharangeload);

    [13426] => 

    [13427] =>         function passageborderalpharangeset()

    [13428] =>         {

    [13429] =>             const c = passagebordercolorcolor.value;

    [13430] =>             const r = parseInt(c.slice(1,3),16);

    [13431] =>             const g = parseInt(c.slice(3,5),16);

    [13432] =>             const b = parseInt(c.slice(5,7),16);

    [13433] =>             const a = passageborderalpharange.value;

    [13434] => 

    [13435] =>             passageborderalphanumber.value = a;

    [13436] =>             text.passagebordercolor = `rgb(${r} ${g} ${b} / ${a})`;

    [13437] =>         }

    [13438] => 

    [13439] =>         function passageborderalpharangeupdate()

    [13440] =>         {

    [13441] =>             passageborderalpharangeset();

    [13442] =>             svgupdate();

    [13443] =>         }

    [13444] => 

    [13445] =>         function passageborderalphaexactload()

    [13446] =>         {

    [13447] =>             const br = document.createElement("br");

    [13448] =>             passageborderalpha.append(br);

    [13449] => 

    [13450] =>             const array =

    [13451] =>             [

    [13452] =>                 ["0",0],

    [13453] =>                 ["0.25",0.25],

    [13454] =>                 ["0.5",0.5],

    [13455] =>                 ["0.75",0.75],

    [13456] =>                 ["1",1],

    [13457] =>             ];

    [13458] => 

    [13459] =>             for(const value of array)

    [13460] =>             {

    [13461] =>                 const button = document.createElement("button");

    [13462] =>                 button.innerHTML = value[0];

    [13463] =>                 button.value = value[1];

    [13464] =>                 button.addEventListener("click", passageborderalphaexactupdate);

    [13465] =>                 passageborderalpha.append(button);

    [13466] =>             }

    [13467] =>         }

    [13468] =>         addEventListener("load", passageborderalphaexactload);

    [13469] => 

    [13470] =>         function passageborderalphaexactupdate(e)

    [13471] =>         {

    [13472] =>             passageborderalphanumber.value = Number(e.target.value);

    [13473] => 

    [13474] =>             passageborderalphanumberupdate();

    [13475] =>         }

    [13476] => 

    [13477] =>         function passageborderalphaincrementload()

    [13478] =>         {

    [13479] =>             const br = document.createElement("br");

    [13480] =>             passageborderalpha.append(br);

    [13481] => 

    [13482] =>             const array =

    [13483] =>             [

    [13484] =>                 ["-0.1",-0.1],

    [13485] =>                 ["-0.01",-0.01],

    [13486] =>                 ["+0.01",0.01],

    [13487] =>                 ["+0.1",0.1],

    [13488] =>             ];

    [13489] => 

    [13490] =>             for(const value of array)

    [13491] =>             {

    [13492] =>                 const button = document.createElement("button");

    [13493] =>                 button.innerHTML = value[0];

    [13494] =>                 button.value = value[1];

    [13495] =>                 button.addEventListener("click", passageborderalphaincrementupdate);

    [13496] =>                 passageborderalpha.append(button);

    [13497] =>             }

    [13498] =>         }

    [13499] =>         addEventListener("load", passageborderalphaincrementload);

    [13500] => 

    [13501] =>         function passageborderalphaincrementupdate(e)

    [13502] =>         {

    [13503] =>             let v = Number(passageborderalphanumber.value) + Number(e.target.value);

    [13504] =>             v = parseFloat(v.toFixed(2));

    [13505] => 

    [13506] =>             if((passageborderalphanumber.min <= v) && (v <= passageborderalphanumber.max))

    [13507] =>             {

    [13508] =>                 passageborderalphanumber.value = v;

    [13509] => 

    [13510] =>                 passageborderalphanumberupdate();

    [13511] =>             }

    [13512] =>         }

    [13513] => 

    [13514] => 

    [13515] => 

    [13516] =>         function passageborderradiusload()

    [13517] =>         {

    [13518] =>             const div = document.createElement("div");

    [13519] =>             div.id = "passageborderradius";

    [13520] =>             div.innerHTML = "border-radius";

    [13521] =>             tabcontentpassage.append(div);

    [13522] => 

    [13523] =>             const style = div.style;

    [13524] =>             style.overflowY = "hidden";

    [13525] =>             style.whiteSpace = "nowrap";

    [13526] =>         }

    [13527] =>         addEventListener("load", passageborderradiusload);

    [13528] => 

    [13529] =>         function passageborderradiusnumberload()

    [13530] =>         {

    [13531] =>             const br = document.createElement("br");

    [13532] =>             passageborderradius.append(br);

    [13533] => 

    [13534] =>             const input = document.createElement("input");

    [13535] =>             input.id = "passageborderradiusnumber";

    [13536] =>             input.max = 1000;

    [13537] =>             input.min = 0;

    [13538] =>             input.type = "number";

    [13539] =>             input.value = 50;

    [13540] =>             input.addEventListener("input", passageborderradiusnumberupdate);

    [13541] =>             passageborderradius.append(input);

    [13542] => 

    [13543] =>             //passageborderradiusnumberset();

    [13544] =>         }

    [13545] =>         addEventListener("load", passageborderradiusnumberload);

    [13546] => 

    [13547] =>         function passageborderradiusnumberset()

    [13548] =>         {

    [13549] =>             const v = Number(passageborderradiusnumber.value);

    [13550] => 

    [13551] =>             passageborderradiusrange.value = v;

    [13552] =>             text.passageborderradius = v;

    [13553] =>         }

    [13554] => 

    [13555] =>         function passageborderradiusnumberupdate()

    [13556] =>         {

    [13557] =>             passageborderradiusnumberset();

    [13558] =>             svgupdate();

    [13559] =>         }

    [13560] => 

    [13561] =>         function passageborderradiusrangeload()

    [13562] =>         {

    [13563] =>             const input = document.createElement("input");

    [13564] =>             input.id = "passageborderradiusrange";

    [13565] =>             input.max = passageborderradiusnumber.max;

    [13566] =>             input.min = passageborderradiusnumber.min;

    [13567] =>             input.type = "range";

    [13568] =>             input.value = passageborderradiusnumber.value;

    [13569] =>             input.addEventListener("input", passageborderradiusrangeupdate);

    [13570] =>             passageborderradius.append(input);

    [13571] => 

    [13572] =>             passageborderradiusrangeset();

    [13573] =>         }

    [13574] =>         addEventListener("load", passageborderradiusrangeload);

    [13575] => 

    [13576] =>         function passageborderradiusrangeset()

    [13577] =>         {

    [13578] =>             const v = Number(passageborderradiusrange.value);

    [13579] => 

    [13580] =>             passageborderradiusnumber.value = v;

    [13581] =>             text.passageborderradius = v;

    [13582] =>         }

    [13583] => 

    [13584] =>         function passageborderradiusrangeupdate()

    [13585] =>         {

    [13586] =>             passageborderradiusrangeset();

    [13587] =>             svgupdate();

    [13588] =>         }

    [13589] => 

    [13590] =>         function passageborderradiusexactload()

    [13591] =>         {

    [13592] =>             const br = document.createElement("br");

    [13593] =>             passageborderradius.append(br);

    [13594] => 

    [13595] =>             const array =

    [13596] =>             [

    [13597] =>                 ["0",0],

    [13598] =>                 ["50",50],

    [13599] =>                 ["100",100],

    [13600] =>                 ["250",250],

    [13601] =>                 ["500",500],

    [13602] =>                 ["1000",1000],

    [13603] =>             ];

    [13604] => 

    [13605] =>             for(const value of array)

    [13606] =>             {

    [13607] =>                 const button = document.createElement("button");

    [13608] =>                 button.innerHTML = value[0];

    [13609] =>                 button.value = value[1];

    [13610] =>                 button.addEventListener("click", passageborderradiusexactupdate);

    [13611] =>                 passageborderradius.append(button);

    [13612] =>             }

    [13613] =>         }

    [13614] =>         addEventListener("load", passageborderradiusexactload);

    [13615] => 

    [13616] =>         function passageborderradiusexactupdate(e)

    [13617] =>         {

    [13618] =>             passageborderradiusnumber.value = Number(e.target.value);

    [13619] => 

    [13620] =>             passageborderradiusnumberupdate();

    [13621] =>         }

    [13622] => 

    [13623] =>         function passageborderradiusincrementload()

    [13624] =>         {

    [13625] =>             const br = document.createElement("br");

    [13626] =>             passageborderradius.append(br);

    [13627] => 

    [13628] =>             const array =

    [13629] =>             [

    [13630] =>                 ["-100",-100],

    [13631] =>                 ["-10",-10],

    [13632] =>                 ["-1",-1],

    [13633] =>                 ["+1",1],

    [13634] =>                 ["+10",10],

    [13635] =>                 ["+100",100],

    [13636] =>             ];

    [13637] => 

    [13638] =>             for(const value of array)

    [13639] =>             {

    [13640] =>                 const button = document.createElement("button");

    [13641] =>                 button.innerHTML = value[0];

    [13642] =>                 button.value = value[1];

    [13643] =>                 button.addEventListener("click", passageborderradiusincrementupdate);

    [13644] =>                 passageborderradius.append(button);

    [13645] =>             }

    [13646] =>         }

    [13647] =>         addEventListener("load", passageborderradiusincrementload);

    [13648] => 

    [13649] =>         function passageborderradiusincrementupdate(e)

    [13650] =>         {

    [13651] =>             const v = Number(passageborderradiusnumber.value) + Number(e.target.value);

    [13652] => 

    [13653] =>             if((passageborderradiusnumber.min <= v) && (v <= passageborderradiusnumber.max))

    [13654] =>             {

    [13655] =>                 passageborderradiusnumber.value = v;

    [13656] => 

    [13657] =>                 passageborderradiusnumberupdate();

    [13658] =>             }

    [13659] =>         }

    [13660] => 

    [13661] => 

    [13662] => 

    [13663] =>         function passageborderstyleload()

    [13664] =>         {

    [13665] =>             const div = document.createElement("div");

    [13666] =>             div.id = "passageborderstyle";

    [13667] =>             div.innerHTML = "border-style";

    [13668] =>             tabcontentpassage.append(div);

    [13669] =>         }

    [13670] =>         addEventListener("load", passageborderstyleload);

    [13671] => 

    [13672] =>         function passageborderstyleselectload()

    [13673] =>         {

    [13674] =>             const br = document.createElement("br");

    [13675] =>             passageborderstyle.append(br);

    [13676] => 

    [13677] =>             const select = document.createElement("select");

    [13678] =>             select.id = "passageborderstyleselect";

    [13679] =>             select.addEventListener("input", passageborderstyleselectupdate);

    [13680] =>             passageborderstyle.append(select);

    [13681] => 

    [13682] =>             for(const value of borderstylearray)

    [13683] =>             {

    [13684] =>                 const option = document.createElement("option");

    [13685] =>                 option.innerHTML = value;

    [13686] =>                 select.add(option);

    [13687] =>             }

    [13688] => 

    [13689] =>             //select.value = borderstylearray[8];

    [13690] => 

    [13691] =>             passageborderstyleselectset();

    [13692] =>         }

    [13693] =>         addEventListener("load", passageborderstyleselectload);

    [13694] => 

    [13695] =>         function passageborderstyleselectset()

    [13696] =>         {

    [13697] =>             text.passageborderstyle = passageborderstyleselect.value;

    [13698] =>         }

    [13699] => 

    [13700] =>         function passageborderstyleselectupdate()

    [13701] =>         {

    [13702] =>             passageborderstyleselectset();

    [13703] =>             svgupdate();

    [13704] =>         }

    [13705] => 

    [13706] => 

    [13707] => 

    [13708] =>         function passageborderwidthload()

    [13709] =>         {

    [13710] =>             const div = document.createElement("div");

    [13711] =>             div.id = "passageborderwidth";

    [13712] =>             div.innerHTML = "border-width";

    [13713] =>             tabcontentpassage.append(div);

    [13714] => 

    [13715] =>             const style = div.style;

    [13716] =>             style.overflowY = "hidden";

    [13717] =>             style.whiteSpace = "nowrap";

    [13718] =>         }

    [13719] =>         addEventListener("load", passageborderwidthload);

    [13720] => 

    [13721] =>         function passageborderwidthnumberload()

    [13722] =>         {

    [13723] =>             const br = document.createElement("br");

    [13724] =>             passageborderwidth.append(br);

    [13725] => 

    [13726] =>             const input = document.createElement("input");

    [13727] =>             input.id = "passageborderwidthnumber";

    [13728] =>             input.max = 1000;

    [13729] =>             input.min = 0;

    [13730] =>             input.type = "number";

    [13731] =>             input.value = 25;

    [13732] =>             input.addEventListener("input", passageborderwidthnumberupdate);

    [13733] =>             passageborderwidth.append(input);

    [13734] => 

    [13735] =>             //passageborderwidthnumberset();

    [13736] =>         }

    [13737] =>         addEventListener("load", passageborderwidthnumberload);

    [13738] => 

    [13739] =>         function passageborderwidthnumberset()

    [13740] =>         {

    [13741] =>             const v = Number(passageborderwidthnumber.value);

    [13742] => 

    [13743] =>             passageborderwidthrange.value = v;

    [13744] =>             text.passageborderwidth = v;

    [13745] =>         }

    [13746] => 

    [13747] =>         function passageborderwidthnumberupdate()

    [13748] =>         {

    [13749] =>             passageborderwidthnumberset();

    [13750] =>             svgupdate();

    [13751] =>         }

    [13752] => 

    [13753] =>         function passageborderwidthrangeload()

    [13754] =>         {

    [13755] =>             const input = document.createElement("input");

    [13756] =>             input.id = "passageborderwidthrange";

    [13757] =>             input.max = passageborderwidthnumber.max;

    [13758] =>             input.min = passageborderwidthnumber.min;

    [13759] =>             input.type = "range";

    [13760] =>             input.value = passageborderwidthnumber.value;

    [13761] =>             input.addEventListener("input", passageborderwidthrangeupdate);

    [13762] =>             passageborderwidth.append(input);

    [13763] => 

    [13764] =>             passageborderwidthrangeset();

    [13765] =>         }

    [13766] =>         addEventListener("load", passageborderwidthrangeload);

    [13767] => 

    [13768] =>         function passageborderwidthrangeset()

    [13769] =>         {

    [13770] =>             const v = Number(passageborderwidthrange.value);

    [13771] => 

    [13772] =>             passageborderwidthnumber.value = v;

    [13773] =>             text.passageborderwidth = v;

    [13774] =>         }

    [13775] => 

    [13776] =>         function passageborderwidthrangeupdate()

    [13777] =>         {

    [13778] =>             passageborderwidthrangeset();

    [13779] =>             svgupdate();

    [13780] =>         }

    [13781] => 

    [13782] =>         function passageborderwidthexactload()

    [13783] =>         {

    [13784] =>             const br = document.createElement("br");

    [13785] =>             passageborderwidth.append(br);

    [13786] => 

    [13787] =>             const array =

    [13788] =>             [

    [13789] =>                 ["0",0],

    [13790] =>                 ["50",50],

    [13791] =>                 ["100",100],

    [13792] =>                 ["250",250],

    [13793] =>                 ["500",500],

    [13794] =>                 ["1000",1000],

    [13795] =>             ];

    [13796] => 

    [13797] =>             for(const value of array)

    [13798] =>             {

    [13799] =>                 const button = document.createElement("button");

    [13800] =>                 button.innerHTML = value[0];

    [13801] =>                 button.value = value[1];

    [13802] =>                 button.addEventListener("click", passageborderwidthexactupdate);

    [13803] =>                 passageborderwidth.append(button);

    [13804] =>             }

    [13805] =>         }

    [13806] =>         addEventListener("load", passageborderwidthexactload);

    [13807] => 

    [13808] =>         function passageborderwidthexactupdate(e)

    [13809] =>         {

    [13810] =>             passageborderwidthnumber.value = Number(e.target.value);

    [13811] => 

    [13812] =>             passageborderwidthnumberupdate();

    [13813] =>         }

    [13814] => 

    [13815] =>         function passageborderwidthincrementload()

    [13816] =>         {

    [13817] =>             const br = document.createElement("br");

    [13818] =>             passageborderwidth.append(br);

    [13819] => 

    [13820] =>             const array =

    [13821] =>             [

    [13822] =>                 ["-100",-100],

    [13823] =>                 ["-10",-10],

    [13824] =>                 ["-1",-1],

    [13825] =>                 ["+1",1],

    [13826] =>                 ["+10",10],

    [13827] =>                 ["+100",100],

    [13828] =>             ];

    [13829] => 

    [13830] =>             for(const value of array)

    [13831] =>             {

    [13832] =>                 const button = document.createElement("button");

    [13833] =>                 button.innerHTML = value[0];

    [13834] =>                 button.value = value[1];

    [13835] =>                 button.addEventListener("click", passageborderwidthincrementupdate);

    [13836] =>                 passageborderwidth.append(button);

    [13837] =>             }

    [13838] =>         }

    [13839] =>         addEventListener("load", passageborderwidthincrementload);

    [13840] => 

    [13841] =>         function passageborderwidthincrementupdate(e)

    [13842] =>         {

    [13843] =>             const v = Number(passageborderwidthnumber.value) + Number(e.target.value);

    [13844] => 

    [13845] =>             if((passageborderwidthnumber.min <= v) && (v <= passageborderwidthnumber.max))

    [13846] =>             {

    [13847] =>                 passageborderwidthnumber.value = v;

    [13848] => 

    [13849] =>                 passageborderwidthnumberupdate();

    [13850] =>             }

    [13851] =>         }

    [13852] => 

    [13853] => 

    [13854] => 

    [13855] =>         function passagehorizontalload()

    [13856] =>         {

    [13857] =>             const div = document.createElement("div");

    [13858] =>             div.id = "passagehorizontal";

    [13859] =>             div.innerHTML = "horizontal";

    [13860] =>             tabcontentpassage.append(div);

    [13861] =>         }

    [13862] =>         addEventListener("load", passagehorizontalload);

    [13863] => 

    [13864] =>         function passagehorizontalselectload()

    [13865] =>         {

    [13866] =>             const br = document.createElement("br");

    [13867] =>             passagehorizontal.append(br);

    [13868] => 

    [13869] =>             const select = document.createElement("select");

    [13870] =>             select.id = "passagehorizontalselect";

    [13871] =>             select.addEventListener("input", passagehorizontalselectupdate);

    [13872] =>             passagehorizontal.append(select);

    [13873] => 

    [13874] =>             for(const value of horizontalarray)

    [13875] =>             {

    [13876] =>                 const option = document.createElement("option");

    [13877] =>                 option.innerHTML = value;

    [13878] =>                 select.add(option);

    [13879] =>             }

    [13880] => 

    [13881] =>             select.value = horizontalarray[1];

    [13882] => 

    [13883] =>             passagehorizontalselectset();

    [13884] =>         }

    [13885] =>         addEventListener("load", passagehorizontalselectload);

    [13886] => 

    [13887] =>         function passagehorizontalselectset()

    [13888] =>         {

    [13889] =>             text.passagehorizontal = passagehorizontalselect.value;

    [13890] =>         }

    [13891] => 

    [13892] =>         function passagehorizontalselectupdate()

    [13893] =>         {

    [13894] =>             passagehorizontalselectset();

    [13895] =>             svgupdate();

    [13896] =>         }

    [13897] => 

    [13898] => 

    [13899] => 

    [13900] =>         function passageverticalload()

    [13901] =>         {

    [13902] =>             const div = document.createElement("div");

    [13903] =>             div.id = "passagevertical";

    [13904] =>             div.innerHTML = "vertical";

    [13905] =>             tabcontentpassage.append(div);

    [13906] =>         }

    [13907] =>         addEventListener("load", passageverticalload);

    [13908] => 

    [13909] =>         function passageverticalselectload()

    [13910] =>         {

    [13911] =>             const br = document.createElement("br");

    [13912] =>             passagevertical.append(br);

    [13913] => 

    [13914] =>             const select = document.createElement("select");

    [13915] =>             select.id = "passageverticalselect";

    [13916] =>             select.addEventListener("input", passageverticalselectupdate);

    [13917] =>             passagevertical.append(select);

    [13918] => 

    [13919] =>             for(const value of verticalarray)

    [13920] =>             {

    [13921] =>                 const option = document.createElement("option");

    [13922] =>                 option.innerHTML = value;

    [13923] =>                 select.add(option);

    [13924] =>             }

    [13925] => 

    [13926] =>             select.value = verticalarray[1];

    [13927] => 

    [13928] =>             passageverticalselectset();

    [13929] =>         }

    [13930] =>         addEventListener("load", passageverticalselectload);

    [13931] => 

    [13932] =>         function passageverticalselectset()

    [13933] =>         {

    [13934] =>             text.passagevertical = passageverticalselect.value;

    [13935] =>         }

    [13936] => 

    [13937] =>         function passageverticalselectupdate()

    [13938] =>         {

    [13939] =>             passageverticalselectset();

    [13940] =>             svgupdate();

    [13941] =>         }

    [13942] => 

    [13943] => 

    [13944] => 

    [13945] =>         function passagewritingmodeload()

    [13946] =>         {

    [13947] =>             const div = document.createElement("div");

    [13948] =>             div.id = "passagewritingmode";

    [13949] =>             div.innerHTML = "writing-mode";

    [13950] =>             tabcontentpassage.append(div);

    [13951] =>         }

    [13952] =>         addEventListener("load", passagewritingmodeload);

    [13953] => 

    [13954] =>         function passagewritingmodeselectload()

    [13955] =>         {

    [13956] =>             const br = document.createElement("br");

    [13957] =>             passagewritingmode.append(br);

    [13958] => 

    [13959] =>             const select = document.createElement("select");

    [13960] =>             select.id = "passagewritingmodeselect";

    [13961] =>             select.addEventListener("input", passagewritingmodeselectupdate);

    [13962] =>             passagewritingmode.append(select);

    [13963] => 

    [13964] =>             for(const value of writingmodearray)

    [13965] =>             {

    [13966] =>                 const option = document.createElement("option");

    [13967] =>                 option.innerHTML = value;

    [13968] =>                 select.add(option);

    [13969] =>             }

    [13970] => 

    [13971] =>             passagewritingmodeselectset();

    [13972] =>         }

    [13973] =>         addEventListener("load", passagewritingmodeselectload);

    [13974] => 

    [13975] =>         function passagewritingmodeselectset()

    [13976] =>         {

    [13977] =>             text.passagewritingmode = passagewritingmodeselect.value;

    [13978] =>         }

    [13979] => 

    [13980] =>         function passagewritingmodeselectupdate()

    [13981] =>         {

    [13982] =>             passagewritingmodeselectset();

    [13983] =>             svgupdate();

    [13984] =>         }

    [13985] => 

    [13986] => 

    [13987] => 

    [13988] =>         function passagefontfamilyload()

    [13989] =>         {

    [13990] =>             const div = document.createElement("div");

    [13991] =>             div.id = "passagefontfamily";

    [13992] =>             div.innerHTML = "font-family";

    [13993] =>             tabcontentpassage.append(div);

    [13994] =>         }

    [13995] =>         addEventListener("load", passagefontfamilyload);

    [13996] => 

    [13997] =>         function passagefontfamilyselectload()

    [13998] =>         {

    [13999] =>             const br = document.createElement("br");

    [14000] =>             passagefontfamily.append(br);

    [14001] => 

    [14002] =>             const select = document.createElement("select");

    [14003] =>             select.id = "passagefontfamilyselect";

    [14004] =>             select.addEventListener("input", passagefontfamilyselectupdate);

    [14005] =>             passagefontfamily.append(select);

    [14006] => 

    [14007] =>             for(const value of fontfamilyarray)

    [14008] =>             {

    [14009] =>                 const option = document.createElement("option");

    [14010] =>                 option.innerHTML = value;

    [14011] =>                 select.add(option);

    [14012] =>             }

    [14013] => 

    [14014] =>             passagefontfamilyselectset();

    [14015] =>         }

    [14016] =>         addEventListener("load", passagefontfamilyselectload);

    [14017] => 

    [14018] =>         function passagefontfamilyselectset()

    [14019] =>         {

    [14020] =>             text.passagefontfamily = passagefontfamilyselect.value;

    [14021] =>         }

    [14022] => 

    [14023] =>         function passagefontfamilyselectupdate()

    [14024] =>         {

    [14025] =>             passagefontfamilyselectset();

    [14026] =>             svgupdate();

    [14027] =>         }

    [14028] => 

    [14029] => 

    [14030] => 

    [14031] =>         function passagefontsizeload()

    [14032] =>         {

    [14033] =>             const div = document.createElement("div");

    [14034] =>             div.id = "passagefontsize";

    [14035] =>             div.innerHTML = "font-size";

    [14036] =>             tabcontentpassage.append(div);

    [14037] =>         }

    [14038] =>         addEventListener("load", passagefontsizeload);

    [14039] => 

    [14040] =>         function passagefontsizenumberload()

    [14041] =>         {

    [14042] =>             const br = document.createElement("br");

    [14043] =>             passagefontsize.append(br);

    [14044] => 

    [14045] =>             const input = document.createElement("input");

    [14046] =>             input.id = "passagefontsizenumber";

    [14047] =>             input.max = 1000;

    [14048] =>             input.min = 0;

    [14049] =>             input.type = "number";

    [14050] =>             input.value = 60;

    [14051] =>             input.addEventListener("input", passagefontsizenumberupdate);

    [14052] =>             passagefontsize.append(input);

    [14053] => 

    [14054] =>             //passagefontsizenumberset();

    [14055] =>         }

    [14056] =>         addEventListener("load", passagefontsizenumberload);

    [14057] => 

    [14058] =>         function passagefontsizenumberset()

    [14059] =>         {

    [14060] =>             const v = Number(passagefontsizenumber.value);

    [14061] => 

    [14062] =>             passagefontsizerange.value = v;

    [14063] =>             text.passagefontsize = v;

    [14064] =>         }

    [14065] => 

    [14066] =>         function passagefontsizenumberupdate()

    [14067] =>         {

    [14068] =>             passagefontsizenumberset();

    [14069] =>             svgupdate();

    [14070] =>         }

    [14071] => 

    [14072] =>         function passagefontsizerangeload()

    [14073] =>         {

    [14074] =>             const input = document.createElement("input");

    [14075] =>             input.id = "passagefontsizerange";

    [14076] =>             input.max = passagefontsizenumber.max;

    [14077] =>             input.min = passagefontsizenumber.min;

    [14078] =>             input.type = "range";

    [14079] =>             input.value = passagefontsizenumber.value;

    [14080] =>             input.addEventListener("input", passagefontsizerangeupdate);

    [14081] =>             passagefontsize.append(input);

    [14082] => 

    [14083] =>             passagefontsizerangeset();

    [14084] =>         }

    [14085] =>         addEventListener("load", passagefontsizerangeload);

    [14086] => 

    [14087] =>         function passagefontsizerangeset()

    [14088] =>         {

    [14089] =>             const v = Number(passagefontsizerange.value);

    [14090] => 

    [14091] =>             passagefontsizenumber.value = v;

    [14092] =>             text.passagefontsize = v;

    [14093] =>         }

    [14094] => 

    [14095] =>         function passagefontsizerangeupdate()

    [14096] =>         {

    [14097] =>             passagefontsizerangeset();

    [14098] =>             svgupdate();

    [14099] =>         }

    [14100] => 

    [14101] =>         function passagefontsizeexactload()

    [14102] =>         {

    [14103] =>             const br = document.createElement("br");

    [14104] =>             passagefontsize.append(br);

    [14105] => 

    [14106] =>             const array =

    [14107] =>             [

    [14108] =>                 ["0",0],

    [14109] =>                 ["50",50],

    [14110] =>                 ["100",100],

    [14111] =>                 ["250",250],

    [14112] =>                 ["500",500],

    [14113] =>                 ["1000",1000],

    [14114] =>             ];

    [14115] => 

    [14116] =>             for(const value of array)

    [14117] =>             {

    [14118] =>                 const button = document.createElement("button");

    [14119] =>                 button.innerHTML = value[0];

    [14120] =>                 button.value = value[1];

    [14121] =>                 button.addEventListener("click", passagefontsizeexactupdate);

    [14122] =>                 passagefontsize.append(button);

    [14123] =>             }

    [14124] =>         }

    [14125] =>         addEventListener("load", passagefontsizeexactload);

    [14126] => 

    [14127] =>         function passagefontsizeexactupdate(e)

    [14128] =>         {

    [14129] =>             passagefontsizenumber.value = Number(e.target.value);

    [14130] => 

    [14131] =>             passagefontsizenumberupdate();

    [14132] =>         }

    [14133] => 

    [14134] =>         function passagefontsizeincrementload()

    [14135] =>         {

    [14136] =>             const br = document.createElement("br");

    [14137] =>             passagefontsize.append(br);

    [14138] => 

    [14139] =>             const array =

    [14140] =>             [

    [14141] =>                 ["-100",-100],

    [14142] =>                 ["-10",-10],

    [14143] =>                 ["-1",-1],

    [14144] =>                 ["+1",1],

    [14145] =>                 ["+10",10],

    [14146] =>                 ["+100",100],

    [14147] =>             ];

    [14148] => 

    [14149] =>             for(const value of array)

    [14150] =>             {

    [14151] =>                 const button = document.createElement("button");

    [14152] =>                 button.innerHTML = value[0];

    [14153] =>                 button.value = value[1];

    [14154] =>                 button.addEventListener("click", passagefontsizeincrementupdate);

    [14155] =>                 passagefontsize.append(button);

    [14156] =>             }

    [14157] =>         }

    [14158] =>         addEventListener("load", passagefontsizeincrementload);

    [14159] => 

    [14160] =>         function passagefontsizeincrementupdate(e)

    [14161] =>         {

    [14162] =>             const v = Number(passagefontsizenumber.value) + Number(e.target.value);

    [14163] => 

    [14164] =>             if((passagefontsizenumber.min <= v) && (v <= passagefontsizenumber.max))

    [14165] =>             {

    [14166] =>                 passagefontsizenumber.value = v;

    [14167] => 

    [14168] =>                 passagefontsizenumberupdate();

    [14169] =>             }

    [14170] =>         }

    [14171] => 

    [14172] => /*

    [14173] =>         function passagefontsizefitload()

    [14174] =>         {

    [14175] =>             const button = document.createElement("button");

    [14176] =>             button.innerHTML = "fit";

    [14177] =>             button.addEventListener("click", passagefontsizefitupdate);

    [14178] =>             passagefontsize.append(button);

    [14179] =>         }

    [14180] =>         addEventListener("load", passagefontsizefitload);

    [14181] => 

    [14182] =>         function passagefontsizefitupdate()

    [14183] =>         {

    [14184] =>             const t = document.createElement("div");

    [14185] =>             passagefontsize.append(t);

    [14186] =>             t.innerHTML = text.bookname;

    [14187] =>             t.style.fontSize = `${passagefontsizenumber.value}px`;

    [14188] => 

    [14189] =>             const h1 = text.passagewidth;

    [14190] =>             const h2 = text.passageheight;

    [14191] =>             const h3 = t.offsetWidth;

    [14192] =>             const h4 = t.offsetHeight;

    [14193] =>             const h5 = passagefontsizenumber.value;

    [14194] => 

    [14195] =>             //const h4 = t.offsetParent;//t.style.fontSize;

    [14196] =>             //const h5 = t.clientHeight;//text.style.height;

    [14197] =>             //const h6 = text.height;

    [14198] =>             //const h7 = text.getBoundingClientRect().height;

    [14199] =>             //const h8 = text.style.lineHeight;

    [14200] =>             //const h9 = canvas.getBoundingClientRect().height;

    [14201] =>             console.log(h1, h2, h3, h4, h5);

    [14202] =>             //t.hidden = true;

    [14203] => 

    [14204] =>             if(h2 < h4)

    [14205] =>             {

    [14206] =>                 passagefontsizenumber.value -= 1;

    [14207] =>                 passagefit();

    [14208] =>             }

    [14209] => 

    [14210] =>             passagefontsizenumberupdate();

    [14211] =>         }

    [14212] => //*/

    [14213] => 

    [14214] => 

    [14215] => 

    [14216] =>         function passagefontstyleload()

    [14217] =>         {

    [14218] =>             const div = document.createElement("div");

    [14219] =>             div.id = "passagefontstyle";

    [14220] =>             div.innerHTML = "font-style";

    [14221] =>             tabcontentpassage.append(div);

    [14222] =>         }

    [14223] =>         addEventListener("load", passagefontstyleload);

    [14224] => 

    [14225] =>         function passagefontstyleselectload()

    [14226] =>         {

    [14227] =>             const br = document.createElement("br");

    [14228] =>             passagefontstyle.append(br);

    [14229] => 

    [14230] =>             const select = document.createElement("select");

    [14231] =>             select.id = "passagefontstyleselect";

    [14232] =>             select.addEventListener("input", passagefontstyleselectupdate);

    [14233] =>             passagefontstyle.append(select);

    [14234] => 

    [14235] =>             for(const value of fontstylearray)

    [14236] =>             {

    [14237] =>                 const option = document.createElement("option");

    [14238] =>                 option.innerHTML = value;

    [14239] =>                 select.add(option);

    [14240] =>             }

    [14241] => 

    [14242] =>             passagefontstyleselectset();

    [14243] =>         }

    [14244] =>         addEventListener("load", passagefontstyleselectload);

    [14245] => 

    [14246] =>         function passagefontstyleselectset()

    [14247] =>         {

    [14248] =>             text.passagefontstyle = passagefontstyleselect.value;

    [14249] =>         }

    [14250] => 

    [14251] =>         function passagefontstyleselectupdate()

    [14252] =>         {

    [14253] =>             passagefontstyleselectset();

    [14254] =>             svgupdate();

    [14255] =>         }

    [14256] => 

    [14257] => 

    [14258] => 

    [14259] =>         function passagefontvariantload()

    [14260] =>         {

    [14261] =>             const div = document.createElement("div");

    [14262] =>             div.id = "passagefontvariant";

    [14263] =>             div.innerHTML = "font-variant";

    [14264] =>             tabcontentpassage.append(div);

    [14265] =>         }

    [14266] =>         addEventListener("load", passagefontvariantload);

    [14267] => 

    [14268] =>         function passagefontvariantselectload()

    [14269] =>         {

    [14270] =>             const br = document.createElement("br");

    [14271] =>             passagefontvariant.append(br);

    [14272] => 

    [14273] =>             const select = document.createElement("select");

    [14274] =>             select.id = "passagefontvariantselect";

    [14275] =>             select.addEventListener("input", passagefontvariantselectupdate);

    [14276] =>             passagefontvariant.append(select);

    [14277] => 

    [14278] =>             for(const value of fontvariantarray)

    [14279] =>             {

    [14280] =>                 const option = document.createElement("option");

    [14281] =>                 option.innerHTML = value;

    [14282] =>                 select.add(option);

    [14283] =>             }

    [14284] => 

    [14285] =>             passagefontvariantselectset();

    [14286] =>         }

    [14287] =>         addEventListener("load", passagefontvariantselectload);

    [14288] => 

    [14289] =>         function passagefontvariantselectset()

    [14290] =>         {

    [14291] =>             text.passagefontvariant = passagefontvariantselect.value;

    [14292] =>         }

    [14293] => 

    [14294] =>         function passagefontvariantselectupdate()

    [14295] =>         {

    [14296] =>             passagefontvariantselectset();

    [14297] =>             svgupdate();

    [14298] =>         }

    [14299] => 

    [14300] => 

    [14301] => 

    [14302] =>         function passagefontweightload()

    [14303] =>         {

    [14304] =>             const div = document.createElement("div");

    [14305] =>             div.id = "passagefontweight";

    [14306] =>             div.innerHTML = "font-weight";

    [14307] =>             tabcontentpassage.append(div);

    [14308] =>         }

    [14309] =>         addEventListener("load", passagefontweightload);

    [14310] => 

    [14311] =>         function passagefontweightselectload()

    [14312] =>         {

    [14313] =>             const br = document.createElement("br");

    [14314] =>             passagefontweight.append(br);

    [14315] => 

    [14316] =>             const select = document.createElement("select");

    [14317] =>             select.id = "passagefontweightselect";

    [14318] =>             select.addEventListener("input", passagefontweightselectupdate);

    [14319] =>             passagefontweight.append(select);

    [14320] => 

    [14321] =>             for(const value of fontweightarray)

    [14322] =>             {

    [14323] =>                 const option = document.createElement("option");

    [14324] =>                 option.innerHTML = value;

    [14325] =>                 select.add(option);

    [14326] =>             }

    [14327] => 

    [14328] =>             passagefontweightselectset();

    [14329] =>         }

    [14330] =>         addEventListener("load", passagefontweightselectload);

    [14331] => 

    [14332] =>         function passagefontweightselectset()

    [14333] =>         {

    [14334] =>             text.passagefontweight = passagefontweightselect.value;

    [14335] =>         }

    [14336] => 

    [14337] =>         function passagefontweightselectupdate()

    [14338] =>         {

    [14339] =>             passagefontweightselectset();

    [14340] =>             svgupdate();

    [14341] =>         }

    [14342] => 

    [14343] => 

    [14344] => 

    [14345] =>         function passagecolorload()

    [14346] =>         {

    [14347] =>             const div = document.createElement("div");

    [14348] =>             div.id = "passagecolor";

    [14349] =>             div.innerHTML = "color";

    [14350] =>             tabcontentpassage.append(div);

    [14351] =>         }

    [14352] =>         addEventListener("load", passagecolorload);

    [14353] => 

    [14354] =>         function passagecolorcolorload()

    [14355] =>         {

    [14356] =>             const br = document.createElement("br");

    [14357] =>             passagecolor.append(br);

    [14358] => 

    [14359] =>             const input = document.createElement("input");

    [14360] =>             input.id = "passagecolorcolor";

    [14361] =>             input.type = "color";

    [14362] =>             input.value = "#000000";

    [14363] =>             input.addEventListener("input", passagecolorcolorupdate);

    [14364] =>             passagecolor.append(input);

    [14365] => 

    [14366] =>             //passagecolorcolorset();

    [14367] =>         }

    [14368] =>         addEventListener("load", passagecolorcolorload);

    [14369] => 

    [14370] =>         function passagecolorcolorset()

    [14371] =>         {

    [14372] =>             const c = passagecolorcolor.value;

    [14373] =>             const r = parseInt(c.slice(1,3),16);

    [14374] =>             const g = parseInt(c.slice(3,5),16);

    [14375] =>             const b = parseInt(c.slice(5,7),16);

    [14376] =>             const a = passagealphanumber.value;

    [14377] => 

    [14378] =>             text.passagecolor = `rgb(${r} ${g} ${b} / ${a})`;

    [14379] =>         }

    [14380] => 

    [14381] =>         function passagecolorcolorupdate()

    [14382] =>         {

    [14383] =>             passagecolorcolorset();

    [14384] =>             svgupdate();

    [14385] =>         }

    [14386] => 

    [14387] =>         function passagecolorexactload()

    [14388] =>         {

    [14389] =>             const br = document.createElement("br");

    [14390] =>             passagecolor.append(br);

    [14391] => 

    [14392] =>             const array =

    [14393] =>             [

    [14394] =>                 ["black","#000000"],

    [14395] =>                 ["white","#ffffff"],

    [14396] =>             ];

    [14397] => 

    [14398] =>             for(const value of array)

    [14399] =>             {

    [14400] =>                 const button = document.createElement("button");

    [14401] =>                 button.innerHTML = value[0];

    [14402] =>                 button.value = value[1];

    [14403] =>                 button.addEventListener("click", passagecolorexactupdate);

    [14404] =>                 passagecolor.append(button);

    [14405] =>             }

    [14406] =>         }

    [14407] =>         addEventListener("load", passagecolorexactload);

    [14408] => 

    [14409] =>         function passagecolorexactupdate(e)

    [14410] =>         {

    [14411] =>             passagecolorcolor.value = e.target.value;

    [14412] => 

    [14413] =>             passagecolorcolorupdate();

    [14414] =>         }

    [14415] => 

    [14416] => 

    [14417] => 

    [14418] =>         function passagealphaload()

    [14419] =>         {

    [14420] =>             const div = document.createElement("div");

    [14421] =>             div.id = "passagealpha";

    [14422] =>             div.innerHTML = "alpha";

    [14423] =>             tabcontentpassage.append(div);

    [14424] => 

    [14425] =>             const style = div.style;

    [14426] =>             style.overflowY = "hidden";

    [14427] =>             style.whiteSpace = "nowrap";

    [14428] =>         }

    [14429] =>         addEventListener("load", passagealphaload);

    [14430] => 

    [14431] =>         function passagealphanumberload()

    [14432] =>         {

    [14433] =>             const br = document.createElement("br");

    [14434] =>             passagealpha.append(br);

    [14435] => 

    [14436] =>             const input = document.createElement("input");

    [14437] =>             input.id = "passagealphanumber";

    [14438] =>             input.max = 1;

    [14439] =>             input.min = 0;

    [14440] =>             input.step = 0.01;

    [14441] =>             input.type = "number";

    [14442] =>             input.value = 1;

    [14443] =>             input.addEventListener("input", passagealphanumberupdate);

    [14444] =>             passagealpha.append(input);

    [14445] => 

    [14446] =>             //passagealphanumberset();

    [14447] =>         }

    [14448] =>         addEventListener("load", passagealphanumberload);

    [14449] => 

    [14450] =>         function passagealphanumberset()

    [14451] =>         {

    [14452] =>             const c = passagecolorcolor.value;

    [14453] =>             const r = parseInt(c.slice(1,3),16);

    [14454] =>             const g = parseInt(c.slice(3,5),16);

    [14455] =>             const b = parseInt(c.slice(5,7),16);

    [14456] =>             const a = passagealphanumber.value;

    [14457] => 

    [14458] =>             passagealpharange.value = a;

    [14459] =>             text.passagecolor = `rgb(${r} ${g} ${b} / ${a})`;

    [14460] =>         }

    [14461] => 

    [14462] =>         function passagealphanumberupdate()

    [14463] =>         {

    [14464] =>             passagealphanumberset();

    [14465] =>             svgupdate();

    [14466] =>         }

    [14467] => 

    [14468] =>         function passagealpharangeload()

    [14469] =>         {

    [14470] =>             const input = document.createElement("input");

    [14471] =>             input.id = "passagealpharange";

    [14472] =>             input.max = passagealphanumber.max;

    [14473] =>             input.min = passagealphanumber.min;

    [14474] =>             input.step = passagealphanumber.step;

    [14475] =>             input.type = "range";

    [14476] =>             input.value = passagealphanumber.value;

    [14477] =>             input.addEventListener("input", passagealpharangeupdate);

    [14478] =>             passagealpha.append(input);

    [14479] => 

    [14480] =>             passagealpharangeset();

    [14481] =>         }

    [14482] =>         addEventListener("load", passagealpharangeload);

    [14483] => 

    [14484] =>         function passagealpharangeset()

    [14485] =>         {

    [14486] =>             const c = passagecolorcolor.value;

    [14487] =>             const r = parseInt(c.slice(1,3),16);

    [14488] =>             const g = parseInt(c.slice(3,5),16);

    [14489] =>             const b = parseInt(c.slice(5,7),16);

    [14490] =>             const a = passagealpharange.value;

    [14491] => 

    [14492] =>             passagealphanumber.value = a;

    [14493] =>             text.passagecolor = `rgb(${r} ${g} ${b} / ${a})`;

    [14494] =>         }

    [14495] => 

    [14496] =>         function passagealpharangeupdate()

    [14497] =>         {

    [14498] =>             passagealpharangeset();

    [14499] =>             svgupdate();

    [14500] =>         }

    [14501] => 

    [14502] =>         function passagealphaexactload()

    [14503] =>         {

    [14504] =>             const br = document.createElement("br");

    [14505] =>             passagealpha.append(br);

    [14506] => 

    [14507] =>             const array =

    [14508] =>             [

    [14509] =>                 ["0",0],

    [14510] =>                 ["0.25",0.25],

    [14511] =>                 ["0.5",0.5],

    [14512] =>                 ["0.75",0.75],

    [14513] =>                 ["1",1],

    [14514] =>             ];

    [14515] => 

    [14516] =>             for(const value of array)

    [14517] =>             {

    [14518] =>                 const button = document.createElement("button");

    [14519] =>                 button.innerHTML = value[0];

    [14520] =>                 button.value = value[1];

    [14521] =>                 button.addEventListener("click", passagealphaexactupdate);

    [14522] =>                 passagealpha.append(button);

    [14523] =>             }

    [14524] =>         }

    [14525] =>         addEventListener("load", passagealphaexactload);

    [14526] => 

    [14527] =>         function passagealphaexactupdate(e)

    [14528] =>         {

    [14529] =>             passagealphanumber.value = Number(e.target.value);

    [14530] => 

    [14531] =>             passagealphanumberupdate();

    [14532] =>         }

    [14533] => 

    [14534] =>         function passagealphaincrementload()

    [14535] =>         {

    [14536] =>             const br = document.createElement("br");

    [14537] =>             passagealpha.append(br);

    [14538] => 

    [14539] =>             const array =

    [14540] =>             [

    [14541] =>                 ["-0.1",-0.1],

    [14542] =>                 ["-0.01",-0.01],

    [14543] =>                 ["+0.01",0.01],

    [14544] =>                 ["+0.1",0.1],

    [14545] =>             ];

    [14546] => 

    [14547] =>             for(const value of array)

    [14548] =>             {

    [14549] =>                 const button = document.createElement("button");

    [14550] =>                 button.innerHTML = value[0];

    [14551] =>                 button.value = value[1];

    [14552] =>                 button.addEventListener("click", passagealphaincrementupdate);

    [14553] =>                 passagealpha.append(button);

    [14554] =>             }

    [14555] =>         }

    [14556] =>         addEventListener("load", passagealphaincrementload);

    [14557] => 

    [14558] =>         function passagealphaincrementupdate(e)

    [14559] =>         {

    [14560] =>             let v = Number(passagealphanumber.value) + Number(e.target.value);

    [14561] =>             v = parseFloat(v.toFixed(2));

    [14562] => 

    [14563] =>             if((passagealphanumber.min <= v) && (v <= passagealphanumber.max))

    [14564] =>             {

    [14565] =>                 passagealphanumber.value = v;

    [14566] => 

    [14567] =>                 passagealphanumberupdate();

    [14568] =>             }

    [14569] =>         }

    [14570] => 

    [14571] => 

    [14572] => 

    [14573] => /*leftoff

    [14574] =>         function passagefilterblurload()

    [14575] =>         {

    [14576] =>             const div = document.createElement("div");

    [14577] =>             div.id = "passagefilterblur";

    [14578] =>             div.innerHTML = "filter-blur";

    [14579] =>             tabcontentpassage.append(div);

    [14580] => 

    [14581] =>             const style = div.style;

    [14582] =>             style.overflowY = "hidden";

    [14583] =>             style.whiteSpace = "nowrap";

    [14584] =>         }

    [14585] =>         addEventListener("load", passagefilterblurload);

    [14586] => 

    [14587] =>         function passagefilterblurnumberload()

    [14588] =>         {

    [14589] =>             const br = document.createElement("br");

    [14590] =>             passagefilterblur.append(br);

    [14591] => 

    [14592] =>             const input = document.createElement("input");

    [14593] =>             input.id = "passagefilterblurnumber";

    [14594] =>             input.max = 1000;

    [14595] =>             input.min = 0;

    [14596] =>             input.step = 1;

    [14597] =>             input.type = "number";

    [14598] =>             input.value = 0;

    [14599] =>             input.addEventListener("input", passagefilterblurnumberupdate);

    [14600] =>             passagefilterblur.append(input);

    [14601] => 

    [14602] =>             //passagefilterblurnumberset();

    [14603] =>         }

    [14604] =>         addEventListener("load", passagefilterblurnumberload);

    [14605] => 

    [14606] =>         function passagefilterblurnumberset()

    [14607] =>         {

    [14608] =>             const v = passagefilterblurnumber.value;

    [14609] => 

    [14610] =>             passagefilterblurrange.value = v;

    [14611] =>             text.passagebackdropfilterblur = v;

    [14612] =>         }

    [14613] => 

    [14614] =>         function passagefilterblurnumberupdate()

    [14615] =>         {

    [14616] =>             passagefilterblurnumberset();

    [14617] =>             svgupdate();

    [14618] =>         }

    [14619] => 

    [14620] =>         function passagefilterblurrangeload()

    [14621] =>         {

    [14622] =>             const input = document.createElement("input");

    [14623] =>             input.id = "passagefilterblurrange";

    [14624] =>             input.max = passagefilterblurnumber.max;

    [14625] =>             input.min = passagefilterblurnumber.min;

    [14626] =>             input.step = passagefilterblurnumber.step;

    [14627] =>             input.type = "range";

    [14628] =>             input.value = passagefilterblurnumber.value;

    [14629] =>             input.addEventListener("input", passagefilterblurrangeupdate);

    [14630] =>             passagefilterblur.append(input);

    [14631] => 

    [14632] =>             passagefilterblurrangeset();

    [14633] =>         }

    [14634] =>         addEventListener("load", passagefilterblurrangeload);

    [14635] => 

    [14636] =>         function passagefilterblurrangeset()

    [14637] =>         {

    [14638] =>             const v = passagefilterblurrange.value;

    [14639] => 

    [14640] =>             passagefilterblurnumber.value = v;

    [14641] =>             text.passagebackdropfilterblur = v;

    [14642] =>         }

    [14643] => 

    [14644] =>         function passagefilterblurrangeupdate()

    [14645] =>         {

    [14646] =>             passagefilterblurrangeset();

    [14647] =>             svgupdate();

    [14648] =>         }

    [14649] => 

    [14650] =>         function passagefilterblurexactload()

    [14651] =>         {

    [14652] =>             const br = document.createElement("br");

    [14653] =>             passagefilterblur.append(br);

    [14654] => 

    [14655] =>             const array =

    [14656] =>             [

    [14657] =>                 ["0",0],

    [14658] =>                 ["2",2],

    [14659] =>                 ["4",4],

    [14660] =>                 ["8",8],

    [14661] =>                 ["16",16],

    [14662] =>                 ["32",32],

    [14663] =>                 ["64",64],

    [14664] =>             ];

    [14665] => 

    [14666] =>             for(const value of array)

    [14667] =>             {

    [14668] =>                 const button = document.createElement("button");

    [14669] =>                 button.innerHTML = value[0];

    [14670] =>                 button.value = value[1];

    [14671] =>                 button.addEventListener("click", passagefilterblurexactupdate);

    [14672] =>                 passagefilterblur.append(button);

    [14673] =>             }

    [14674] =>         }

    [14675] =>         addEventListener("load", passagefilterblurexactload);

    [14676] => 

    [14677] =>         function passagefilterblurexactupdate(e)

    [14678] =>         {

    [14679] =>             passagefilterblurnumber.value = Number(e.target.value);

    [14680] => 

    [14681] =>             passagefilterblurnumberupdate();

    [14682] =>         }

    [14683] => 

    [14684] =>         function passagefilterblurincrementload()

    [14685] =>         {

    [14686] =>             const br = document.createElement("br");

    [14687] =>             passagefilterblur.append(br);

    [14688] => 

    [14689] =>             const array =

    [14690] =>             [

    [14691] =>                 ["-100",-100],

    [14692] =>                 ["-10",-10],

    [14693] =>                 ["-1",-1],

    [14694] =>                 ["+1",1],

    [14695] =>                 ["+10",10],

    [14696] =>                 ["+100",100],

    [14697] =>             ];

    [14698] => 

    [14699] =>             for(const value of array)

    [14700] =>             {

    [14701] =>                 const button = document.createElement("button");

    [14702] =>                 button.innerHTML = value[0];

    [14703] =>                 button.value = value[1];

    [14704] =>                 button.addEventListener("click", passagefilterblurincrementupdate);

    [14705] =>                 passagefilterblur.append(button);

    [14706] =>             }

    [14707] =>         }

    [14708] =>         addEventListener("load", passagefilterblurincrementload);

    [14709] => 

    [14710] =>         function passagefilterblurincrementupdate(e)

    [14711] =>         {

    [14712] =>             const v = Number(passagefilterblurnumber.value) + Number(e.target.value);

    [14713] => 

    [14714] =>             if((passagefilterblurnumber.min <= v) && (v <= passagefilterblurnumber.max))

    [14715] =>             {

    [14716] =>                 passagefilterblurnumber.value = v;

    [14717] => 

    [14718] =>                 passagefilterblurnumberupdate();

    [14719] =>             }

    [14720] =>         }

    [14721] => 

    [14722] => 

    [14723] => 

    [14724] =>         function passagefilterbrightnessload()

    [14725] =>         {

    [14726] =>             const div = document.createElement("div");

    [14727] =>             div.id = "passagefilterbrightness";

    [14728] =>             div.innerHTML = "filter-brightness";

    [14729] =>             tabcontentpassage.append(div);

    [14730] => 

    [14731] =>             const style = div.style;

    [14732] =>             style.overflowY = "hidden";

    [14733] =>             style.whiteSpace = "nowrap";

    [14734] =>         }

    [14735] =>         addEventListener("load", passagefilterbrightnessload);

    [14736] => 

    [14737] =>         function passagefilterbrightnessnumberload()

    [14738] =>         {

    [14739] =>             const br = document.createElement("br");

    [14740] =>             passagefilterbrightness.append(br);

    [14741] => 

    [14742] =>             const input = document.createElement("input");

    [14743] =>             input.id = "passagefilterbrightnessnumber";

    [14744] =>             input.max = 1000;

    [14745] =>             input.min = 0;

    [14746] =>             input.step = 1;

    [14747] =>             input.type = "number";

    [14748] =>             input.value = 100;

    [14749] =>             input.addEventListener("input", passagefilterbrightnessnumberupdate);

    [14750] =>             passagefilterbrightness.append(input);

    [14751] => 

    [14752] =>             //passagefilterbrightnessnumberset();

    [14753] =>         }

    [14754] =>         addEventListener("load", passagefilterbrightnessnumberload);

    [14755] => 

    [14756] =>         function passagefilterbrightnessnumberset()

    [14757] =>         {

    [14758] =>             const v = passagefilterbrightnessnumber.value;

    [14759] => 

    [14760] =>             passagefilterbrightnessrange.value = v;

    [14761] =>             text.passagebackdropfilterbrightness = v;

    [14762] =>         }

    [14763] => 

    [14764] =>         function passagefilterbrightnessnumberupdate()

    [14765] =>         {

    [14766] =>             passagefilterbrightnessnumberset();

    [14767] =>             svgupdate();

    [14768] =>         }

    [14769] => 

    [14770] =>         function passagefilterbrightnessrangeload()

    [14771] =>         {

    [14772] =>             const input = document.createElement("input");

    [14773] =>             input.id = "passagefilterbrightnessrange";

    [14774] =>             input.max = passagefilterbrightnessnumber.max;

    [14775] =>             input.min = passagefilterbrightnessnumber.min;

    [14776] =>             input.step = passagefilterbrightnessnumber.step;

    [14777] =>             input.type = "range";

    [14778] =>             input.value = passagefilterbrightnessnumber.value;

    [14779] =>             input.addEventListener("input", passagefilterbrightnessrangeupdate);

    [14780] =>             passagefilterbrightness.append(input);

    [14781] => 

    [14782] =>             passagefilterbrightnessrangeset();

    [14783] =>         }

    [14784] =>         addEventListener("load", passagefilterbrightnessrangeload);

    [14785] => 

    [14786] =>         function passagefilterbrightnessrangeset()

    [14787] =>         {

    [14788] =>             const v = passagefilterbrightnessrange.value;

    [14789] => 

    [14790] =>             passagefilterbrightnessnumber.value = v;

    [14791] =>             text.passagebackdropfilterbrightness = v;

    [14792] =>         }

    [14793] => 

    [14794] =>         function passagefilterbrightnessrangeupdate()

    [14795] =>         {

    [14796] =>             passagefilterbrightnessrangeset();

    [14797] =>             svgupdate();

    [14798] =>         }

    [14799] => 

    [14800] =>         function passagefilterbrightnessexactload()

    [14801] =>         {

    [14802] =>             const br = document.createElement("br");

    [14803] =>             passagefilterbrightness.append(br);

    [14804] => 

    [14805] =>             const array =

    [14806] =>             [

    [14807] =>                 ["0",0],

    [14808] =>                 ["50",50],

    [14809] =>                 ["100 (initial)",100],

    [14810] =>                 ["150",150],

    [14811] =>                 ["200",200],

    [14812] =>             ];

    [14813] => 

    [14814] =>             for(const value of array)

    [14815] =>             {

    [14816] =>                 const button = document.createElement("button");

    [14817] =>                 button.innerHTML = value[0];

    [14818] =>                 button.value = value[1];

    [14819] =>                 button.addEventListener("click", passagefilterbrightnessexactupdate);

    [14820] =>                 passagefilterbrightness.append(button);

    [14821] =>             }

    [14822] =>         }

    [14823] =>         addEventListener("load", passagefilterbrightnessexactload);

    [14824] => 

    [14825] =>         function passagefilterbrightnessexactupdate(e)

    [14826] =>         {

    [14827] =>             passagefilterbrightnessnumber.value = Number(e.target.value);

    [14828] => 

    [14829] =>             passagefilterbrightnessnumberupdate();

    [14830] =>         }

    [14831] => 

    [14832] =>         function passagefilterbrightnessincrementload()

    [14833] =>         {

    [14834] =>             const br = document.createElement("br");

    [14835] =>             passagefilterbrightness.append(br);

    [14836] => 

    [14837] =>             const array =

    [14838] =>             [

    [14839] =>                 ["-100",-100],

    [14840] =>                 ["-10",-10],

    [14841] =>                 ["-1",-1],

    [14842] =>                 ["+1",1],

    [14843] =>                 ["+10",10],

    [14844] =>                 ["+100",100],

    [14845] =>             ];

    [14846] => 

    [14847] =>             for(const value of array)

    [14848] =>             {

    [14849] =>                 const button = document.createElement("button");

    [14850] =>                 button.innerHTML = value[0];

    [14851] =>                 button.value = value[1];

    [14852] =>                 button.addEventListener("click", passagefilterbrightnessincrementupdate);

    [14853] =>                 passagefilterbrightness.append(button);

    [14854] =>             }

    [14855] =>         }

    [14856] =>         addEventListener("load", passagefilterbrightnessincrementload);

    [14857] => 

    [14858] =>         function passagefilterbrightnessincrementupdate(e)

    [14859] =>         {

    [14860] =>             const v = Number(passagefilterbrightnessnumber.value) + Number(e.target.value);

    [14861] => 

    [14862] =>             if((passagefilterbrightnessnumber.min <= v) && (v <= passagefilterbrightnessnumber.max))

    [14863] =>             {

    [14864] =>                 passagefilterbrightnessnumber.value = v;

    [14865] => 

    [14866] =>                 passagefilterbrightnessnumberupdate();

    [14867] =>             }

    [14868] =>         }

    [14869] => 

    [14870] => 

    [14871] => 

    [14872] =>         function passagefiltercontrastload()

    [14873] =>         {

    [14874] =>             const div = document.createElement("div");

    [14875] =>             div.id = "passagefiltercontrast";

    [14876] =>             div.innerHTML = "filter-contrast";

    [14877] =>             tabcontentpassage.append(div);

    [14878] => 

    [14879] =>             const style = div.style;

    [14880] =>             style.overflowY = "hidden";

    [14881] =>             style.whiteSpace = "nowrap";

    [14882] =>         }

    [14883] =>         addEventListener("load", passagefiltercontrastload);

    [14884] => 

    [14885] =>         function passagefiltercontrastnumberload()

    [14886] =>         {

    [14887] =>             const br = document.createElement("br");

    [14888] =>             passagefiltercontrast.append(br);

    [14889] => 

    [14890] =>             const input = document.createElement("input");

    [14891] =>             input.id = "passagefiltercontrastnumber";

    [14892] =>             input.max = 1000;

    [14893] =>             input.min = 0;

    [14894] =>             input.step = 1;

    [14895] =>             input.type = "number";

    [14896] =>             input.value = 100;

    [14897] =>             input.addEventListener("input", passagefiltercontrastnumberupdate);

    [14898] =>             passagefiltercontrast.append(input);

    [14899] => 

    [14900] =>             //passagefiltercontrastnumberset();

    [14901] =>         }

    [14902] =>         addEventListener("load", passagefiltercontrastnumberload);

    [14903] => 

    [14904] =>         function passagefiltercontrastnumberset()

    [14905] =>         {

    [14906] =>             const v = passagefiltercontrastnumber.value;

    [14907] => 

    [14908] =>             passagefiltercontrastrange.value = v;

    [14909] =>             text.passagebackdropfiltercontrast = v;

    [14910] =>         }

    [14911] => 

    [14912] =>         function passagefiltercontrastnumberupdate()

    [14913] =>         {

    [14914] =>             passagefiltercontrastnumberset();

    [14915] =>             svgupdate();

    [14916] =>         }

    [14917] => 

    [14918] =>         function passagefiltercontrastrangeload()

    [14919] =>         {

    [14920] =>             const input = document.createElement("input");

    [14921] =>             input.id = "passagefiltercontrastrange";

    [14922] =>             input.max = passagefiltercontrastnumber.max;

    [14923] =>             input.min = passagefiltercontrastnumber.min;

    [14924] =>             input.step = passagefiltercontrastnumber.step;

    [14925] =>             input.type = "range";

    [14926] =>             input.value = passagefiltercontrastnumber.value;

    [14927] =>             input.addEventListener("input", passagefiltercontrastrangeupdate);

    [14928] =>             passagefiltercontrast.append(input);

    [14929] => 

    [14930] =>             passagefiltercontrastrangeset();

    [14931] =>         }

    [14932] =>         addEventListener("load", passagefiltercontrastrangeload);

    [14933] => 

    [14934] =>         function passagefiltercontrastrangeset()

    [14935] =>         {

    [14936] =>             const v = passagefiltercontrastrange.value;

    [14937] => 

    [14938] =>             passagefiltercontrastnumber.value = v;

    [14939] =>             text.passagebackdropfiltercontrast = v;

    [14940] =>         }

    [14941] => 

    [14942] =>         function passagefiltercontrastrangeupdate()

    [14943] =>         {

    [14944] =>             passagefiltercontrastrangeset();

    [14945] =>             svgupdate();

    [14946] =>         }

    [14947] => 

    [14948] =>         function passagefiltercontrastexactload()

    [14949] =>         {

    [14950] =>             const br = document.createElement("br");

    [14951] =>             passagefiltercontrast.append(br);

    [14952] => 

    [14953] =>             const array =

    [14954] =>             [

    [14955] =>                 ["0",0],

    [14956] =>                 ["50",50],

    [14957] =>                 ["100 (initial)",100],

    [14958] =>                 ["150",150],

    [14959] =>                 ["200",200],

    [14960] =>             ];

    [14961] => 

    [14962] =>             for(const value of array)

    [14963] =>             {

    [14964] =>                 const button = document.createElement("button");

    [14965] =>                 button.innerHTML = value[0];

    [14966] =>                 button.value = value[1];

    [14967] =>                 button.addEventListener("click", passagefiltercontrastexactupdate);

    [14968] =>                 passagefiltercontrast.append(button);

    [14969] =>             }

    [14970] =>         }

    [14971] =>         addEventListener("load", passagefiltercontrastexactload);

    [14972] => 

    [14973] =>         function passagefiltercontrastexactupdate(e)

    [14974] =>         {

    [14975] =>             passagefiltercontrastnumber.value = Number(e.target.value);

    [14976] => 

    [14977] =>             passagefiltercontrastnumberupdate();

    [14978] =>         }

    [14979] => 

    [14980] =>         function passagefiltercontrastincrementload()

    [14981] =>         {

    [14982] =>             const br = document.createElement("br");

    [14983] =>             passagefiltercontrast.append(br);

    [14984] => 

    [14985] =>             const array =

    [14986] =>             [

    [14987] =>                 ["-100",-100],

    [14988] =>                 ["-10",-10],

    [14989] =>                 ["-1",-1],

    [14990] =>                 ["+1",1],

    [14991] =>                 ["+10",10],

    [14992] =>                 ["+100",100],

    [14993] =>             ];

    [14994] => 

    [14995] =>             for(const value of array)

    [14996] =>             {

    [14997] =>                 const button = document.createElement("button");

    [14998] =>                 button.innerHTML = value[0];

    [14999] =>                 button.value = value[1];

    [15000] =>                 button.addEventListener("click", passagefiltercontrastincrementupdate);

    [15001] =>                 passagefiltercontrast.append(button);

    [15002] =>             }

    [15003] =>         }

    [15004] =>         addEventListener("load", passagefiltercontrastincrementload);

    [15005] => 

    [15006] =>         function passagefiltercontrastincrementupdate(e)

    [15007] =>         {

    [15008] =>             const v = Number(passagefiltercontrastnumber.value) + Number(e.target.value);

    [15009] => 

    [15010] =>             if((passagefiltercontrastnumber.min <= v) && (v <= passagefiltercontrastnumber.max))

    [15011] =>             {

    [15012] =>                 passagefiltercontrastnumber.value = v;

    [15013] => 

    [15014] =>                 passagefiltercontrastnumberupdate();

    [15015] =>             }

    [15016] =>         }

    [15017] => 

    [15018] => 

    [15019] => 

    [15020] =>         function passagefiltergrayscaleload()

    [15021] =>         {

    [15022] =>             const div = document.createElement("div");

    [15023] =>             div.id = "passagefiltergrayscale";

    [15024] =>             div.innerHTML = "filter-grayscale";

    [15025] =>             tabcontentpassage.append(div);

    [15026] => 

    [15027] =>             const style = div.style;

    [15028] =>             style.overflowY = "hidden";

    [15029] =>             style.whiteSpace = "nowrap";

    [15030] =>         }

    [15031] =>         addEventListener("load", passagefiltergrayscaleload);

    [15032] => 

    [15033] =>         function passagefiltergrayscalenumberload()

    [15034] =>         {

    [15035] =>             const br = document.createElement("br");

    [15036] =>             passagefiltergrayscale.append(br);

    [15037] => 

    [15038] =>             const input = document.createElement("input");

    [15039] =>             input.id = "passagefiltergrayscalenumber";

    [15040] =>             input.max = 100;

    [15041] =>             input.min = 0;

    [15042] =>             input.step = 1;

    [15043] =>             input.type = "number";

    [15044] =>             input.value = 0;

    [15045] =>             input.addEventListener("input", passagefiltergrayscalenumberupdate);

    [15046] =>             passagefiltergrayscale.append(input);

    [15047] => 

    [15048] =>             //passagefiltergrayscalenumberset();

    [15049] =>         }

    [15050] =>         addEventListener("load", passagefiltergrayscalenumberload);

    [15051] => 

    [15052] =>         function passagefiltergrayscalenumberset()

    [15053] =>         {

    [15054] =>             const v = passagefiltergrayscalenumber.value;

    [15055] => 

    [15056] =>             passagefiltergrayscalerange.value = v;

    [15057] =>             text.passagebackdropfiltergrayscale = v;

    [15058] =>         }

    [15059] => 

    [15060] =>         function passagefiltergrayscalenumberupdate()

    [15061] =>         {

    [15062] =>             passagefiltergrayscalenumberset();

    [15063] =>             svgupdate();

    [15064] =>         }

    [15065] => 

    [15066] =>         function passagefiltergrayscalerangeload()

    [15067] =>         {

    [15068] =>             const input = document.createElement("input");

    [15069] =>             input.id = "passagefiltergrayscalerange";

    [15070] =>             input.max = passagefiltergrayscalenumber.max;

    [15071] =>             input.min = passagefiltergrayscalenumber.min;

    [15072] =>             input.step = passagefiltergrayscalenumber.step;

    [15073] =>             input.type = "range";

    [15074] =>             input.value = passagefiltergrayscalenumber.value;

    [15075] =>             input.addEventListener("input", passagefiltergrayscalerangeupdate);

    [15076] =>             passagefiltergrayscale.append(input);

    [15077] => 

    [15078] =>             passagefiltergrayscalerangeset();

    [15079] =>         }

    [15080] =>         addEventListener("load", passagefiltergrayscalerangeload);

    [15081] => 

    [15082] =>         function passagefiltergrayscalerangeset()

    [15083] =>         {

    [15084] =>             const v = passagefiltergrayscalerange.value;

    [15085] => 

    [15086] =>             passagefiltergrayscalenumber.value = v;

    [15087] =>             text.passagebackdropfiltergrayscale = v;

    [15088] =>         }

    [15089] => 

    [15090] =>         function passagefiltergrayscalerangeupdate()

    [15091] =>         {

    [15092] =>             passagefiltergrayscalerangeset();

    [15093] =>             svgupdate();

    [15094] =>         }

    [15095] => 

    [15096] =>         function passagefiltergrayscaleexactload()

    [15097] =>         {

    [15098] =>             const br = document.createElement("br");

    [15099] =>             passagefiltergrayscale.append(br);

    [15100] => 

    [15101] =>             const array =

    [15102] =>             [

    [15103] =>                 ["0",0],

    [15104] =>                 ["25",25],

    [15105] =>                 ["50",50],

    [15106] =>                 ["75",75],

    [15107] =>                 ["100",100],

    [15108] =>             ];

    [15109] => 

    [15110] =>             for(const value of array)

    [15111] =>             {

    [15112] =>                 const button = document.createElement("button");

    [15113] =>                 button.innerHTML = value[0];

    [15114] =>                 button.value = value[1];

    [15115] =>                 button.addEventListener("click", passagefiltergrayscaleexactupdate);

    [15116] =>                 passagefiltergrayscale.append(button);

    [15117] =>             }

    [15118] =>         }

    [15119] =>         addEventListener("load", passagefiltergrayscaleexactload);

    [15120] => 

    [15121] =>         function passagefiltergrayscaleexactupdate(e)

    [15122] =>         {

    [15123] =>             passagefiltergrayscalenumber.value = Number(e.target.value);

    [15124] => 

    [15125] =>             passagefiltergrayscalenumberupdate();

    [15126] =>         }

    [15127] => 

    [15128] =>         function passagefiltergrayscaleincrementload()

    [15129] =>         {

    [15130] =>             const br = document.createElement("br");

    [15131] =>             passagefiltergrayscale.append(br);

    [15132] => 

    [15133] =>             const array =

    [15134] =>             [

    [15135] =>                 ["-10",-10],

    [15136] =>                 ["-1",-1],

    [15137] =>                 ["+1",1],

    [15138] =>                 ["+10",10],

    [15139] =>             ];

    [15140] => 

    [15141] =>             for(const value of array)

    [15142] =>             {

    [15143] =>                 const button = document.createElement("button");

    [15144] =>                 button.innerHTML = value[0];

    [15145] =>                 button.value = value[1];

    [15146] =>                 button.addEventListener("click", passagefiltergrayscaleincrementupdate);

    [15147] =>                 passagefiltergrayscale.append(button);

    [15148] =>             }

    [15149] =>         }

    [15150] =>         addEventListener("load", passagefiltergrayscaleincrementload);

    [15151] => 

    [15152] =>         function passagefiltergrayscaleincrementupdate(e)

    [15153] =>         {

    [15154] =>             const v = Number(passagefiltergrayscalenumber.value) + Number(e.target.value);

    [15155] => 

    [15156] =>             if((passagefiltergrayscalenumber.min <= v) && (v <= passagefiltergrayscalenumber.max))

    [15157] =>             {

    [15158] =>                 passagefiltergrayscalenumber.value = v;

    [15159] => 

    [15160] =>                 passagefiltergrayscalenumberupdate();

    [15161] =>             }

    [15162] =>         }

    [15163] => 

    [15164] => 

    [15165] => 

    [15166] =>         function passagefilterhuerotateload()

    [15167] =>         {

    [15168] =>             const div = document.createElement("div");

    [15169] =>             div.id = "passagefilterhuerotate";

    [15170] =>             div.innerHTML = "filter-hue-rotate";

    [15171] =>             tabcontentpassage.append(div);

    [15172] => 

    [15173] =>             const style = div.style;

    [15174] =>             style.overflowY = "hidden";

    [15175] =>             style.whiteSpace = "nowrap";

    [15176] =>         }

    [15177] =>         addEventListener("load", passagefilterhuerotateload);

    [15178] => 

    [15179] =>         function passagefilterhuerotatenumberload()

    [15180] =>         {

    [15181] =>             const br = document.createElement("br");

    [15182] =>             passagefilterhuerotate.append(br);

    [15183] => 

    [15184] =>             const input = document.createElement("input");

    [15185] =>             input.id = "passagefilterhuerotatenumber";

    [15186] =>             input.max = 360;

    [15187] =>             input.min = 0;

    [15188] =>             input.step = 1;

    [15189] =>             input.type = "number";

    [15190] =>             input.value = 0;

    [15191] =>             input.addEventListener("input", passagefilterhuerotatenumberupdate);

    [15192] =>             passagefilterhuerotate.append(input);

    [15193] => 

    [15194] =>             //passagefilterhuerotatenumberset();

    [15195] =>         }

    [15196] =>         addEventListener("load", passagefilterhuerotatenumberload);

    [15197] => 

    [15198] =>         function passagefilterhuerotatenumberset()

    [15199] =>         {

    [15200] =>             const v = passagefilterhuerotatenumber.value;

    [15201] => 

    [15202] =>             passagefilterhuerotaterange.value = v;

    [15203] =>             text.passagebackdropfilterhuerotate = v;

    [15204] =>         }

    [15205] => 

    [15206] =>         function passagefilterhuerotatenumberupdate()

    [15207] =>         {

    [15208] =>             passagefilterhuerotatenumberset();

    [15209] =>             svgupdate();

    [15210] =>         }

    [15211] => 

    [15212] =>         function passagefilterhuerotaterangeload()

    [15213] =>         {

    [15214] =>             const input = document.createElement("input");

    [15215] =>             input.id = "passagefilterhuerotaterange";

    [15216] =>             input.max = passagefilterhuerotatenumber.max;

    [15217] =>             input.min = passagefilterhuerotatenumber.min;

    [15218] =>             input.step = passagefilterhuerotatenumber.step;

    [15219] =>             input.type = "range";

    [15220] =>             input.value = passagefilterhuerotatenumber.value;

    [15221] =>             input.addEventListener("input", passagefilterhuerotaterangeupdate);

    [15222] =>             passagefilterhuerotate.append(input);

    [15223] => 

    [15224] =>             passagefilterhuerotaterangeset();

    [15225] =>         }

    [15226] =>         addEventListener("load", passagefilterhuerotaterangeload);

    [15227] => 

    [15228] =>         function passagefilterhuerotaterangeset()

    [15229] =>         {

    [15230] =>             const v = passagefilterhuerotaterange.value;

    [15231] => 

    [15232] =>             passagefilterhuerotatenumber.value = v;

    [15233] =>             text.passagebackdropfilterhuerotate = v;

    [15234] =>         }

    [15235] => 

    [15236] =>         function passagefilterhuerotaterangeupdate()

    [15237] =>         {

    [15238] =>             passagefilterhuerotaterangeset();

    [15239] =>             svgupdate();

    [15240] =>         }

    [15241] => 

    [15242] =>         function passagefilterhuerotateexactload()

    [15243] =>         {

    [15244] =>             const br = document.createElement("br");

    [15245] =>             passagefilterhuerotate.append(br);

    [15246] => 

    [15247] =>             const array =

    [15248] =>             [

    [15249] =>                 ["0",0],

    [15250] =>                 ["90",90],

    [15251] =>                 ["180",180],

    [15252] =>                 ["270",270],

    [15253] =>                 ["360",360],

    [15254] =>             ];

    [15255] => 

    [15256] =>             for(const value of array)

    [15257] =>             {

    [15258] =>                 const button = document.createElement("button");

    [15259] =>                 button.innerHTML = value[0];

    [15260] =>                 button.value = value[1];

    [15261] =>                 button.addEventListener("click", passagefilterhuerotateexactupdate);

    [15262] =>                 passagefilterhuerotate.append(button);

    [15263] =>             }

    [15264] =>         }

    [15265] =>         addEventListener("load", passagefilterhuerotateexactload);

    [15266] => 

    [15267] =>         function passagefilterhuerotateexactupdate(e)

    [15268] =>         {

    [15269] =>             passagefilterhuerotatenumber.value = Number(e.target.value);

    [15270] => 

    [15271] =>             passagefilterhuerotatenumberupdate();

    [15272] =>         }

    [15273] => 

    [15274] =>         function passagefilterhuerotateincrementload()

    [15275] =>         {

    [15276] =>             const br = document.createElement("br");

    [15277] =>             passagefilterhuerotate.append(br);

    [15278] => 

    [15279] =>             const array =

    [15280] =>             [

    [15281] =>                 //["-90",-90],

    [15282] =>                 ["-45",-45],

    [15283] =>                 ["-15",-15],

    [15284] =>                 ["-1",-1],

    [15285] =>                 ["+1",1],

    [15286] =>                 ["+15",15],

    [15287] =>                 ["+45",45],

    [15288] =>                 //["+90",90],

    [15289] =>             ];

    [15290] => 

    [15291] =>             for(const value of array)

    [15292] =>             {

    [15293] =>                 const button = document.createElement("button");

    [15294] =>                 button.innerHTML = value[0];

    [15295] =>                 button.value = value[1];

    [15296] =>                 button.addEventListener("click", passagefilterhuerotateincrementupdate);

    [15297] =>                 passagefilterhuerotate.append(button);

    [15298] =>             }

    [15299] =>         }

    [15300] =>         addEventListener("load", passagefilterhuerotateincrementload);

    [15301] => 

    [15302] =>         function passagefilterhuerotateincrementupdate(e)

    [15303] =>         {

    [15304] =>             const v = Number(passagefilterhuerotatenumber.value) + Number(e.target.value);

    [15305] => 

    [15306] =>             if((passagefilterhuerotatenumber.min <= v) && (v <= passagefilterhuerotatenumber.max))

    [15307] =>             {

    [15308] =>                 passagefilterhuerotatenumber.value = v;

    [15309] => 

    [15310] =>                 passagefilterhuerotatenumberupdate();

    [15311] =>             }

    [15312] =>         }

    [15313] => 

    [15314] => 

    [15315] => 

    [15316] =>         function passagefilterinvertload()

    [15317] =>         {

    [15318] =>             const div = document.createElement("div");

    [15319] =>             div.id = "passagefilterinvert";

    [15320] =>             div.innerHTML = "filter-invert";

    [15321] =>             tabcontentpassage.append(div);

    [15322] => 

    [15323] =>             const style = div.style;

    [15324] =>             style.overflowY = "hidden";

    [15325] =>             style.whiteSpace = "nowrap";

    [15326] =>         }

    [15327] =>         addEventListener("load", passagefilterinvertload);

    [15328] => 

    [15329] =>         function passagefilterinvertnumberload()

    [15330] =>         {

    [15331] =>             const br = document.createElement("br");

    [15332] =>             passagefilterinvert.append(br);

    [15333] => 

    [15334] =>             const input = document.createElement("input");

    [15335] =>             input.id = "passagefilterinvertnumber";

    [15336] =>             input.max = 100;

    [15337] =>             input.min = 0;

    [15338] =>             input.step = 1;

    [15339] =>             input.type = "number";

    [15340] =>             input.value = 0;

    [15341] =>             input.addEventListener("input", passagefilterinvertnumberupdate);

    [15342] =>             passagefilterinvert.append(input);

    [15343] => 

    [15344] =>             //passagefilterinvertnumberset();

    [15345] =>         }

    [15346] =>         addEventListener("load", passagefilterinvertnumberload);

    [15347] => 

    [15348] =>         function passagefilterinvertnumberset()

    [15349] =>         {

    [15350] =>             const v = passagefilterinvertnumber.value;

    [15351] => 

    [15352] =>             passagefilterinvertrange.value = v;

    [15353] =>             text.passagebackdropfilterinvert = v;

    [15354] =>         }

    [15355] => 

    [15356] =>         function passagefilterinvertnumberupdate()

    [15357] =>         {

    [15358] =>             passagefilterinvertnumberset();

    [15359] =>             svgupdate();

    [15360] =>         }

    [15361] => 

    [15362] =>         function passagefilterinvertrangeload()

    [15363] =>         {

    [15364] =>             const input = document.createElement("input");

    [15365] =>             input.id = "passagefilterinvertrange";

    [15366] =>             input.max = passagefilterinvertnumber.max;

    [15367] =>             input.min = passagefilterinvertnumber.min;

    [15368] =>             input.step = passagefilterinvertnumber.step;

    [15369] =>             input.type = "range";

    [15370] =>             input.value = passagefilterinvertnumber.value;

    [15371] =>             input.addEventListener("input", passagefilterinvertrangeupdate);

    [15372] =>             passagefilterinvert.append(input);

    [15373] => 

    [15374] =>             passagefilterinvertrangeset();

    [15375] =>         }

    [15376] =>         addEventListener("load", passagefilterinvertrangeload);

    [15377] => 

    [15378] =>         function passagefilterinvertrangeset()

    [15379] =>         {

    [15380] =>             const v = passagefilterinvertrange.value;

    [15381] => 

    [15382] =>             passagefilterinvertnumber.value = v;

    [15383] =>             text.passagebackdropfilterinvert = v;

    [15384] =>         }

    [15385] => 

    [15386] =>         function passagefilterinvertrangeupdate()

    [15387] =>         {

    [15388] =>             passagefilterinvertrangeset();

    [15389] =>             svgupdate();

    [15390] =>         }

    [15391] => 

    [15392] =>         function passagefilterinvertexactload()

    [15393] =>         {

    [15394] =>             const br = document.createElement("br");

    [15395] =>             passagefilterinvert.append(br);

    [15396] => 

    [15397] =>             const array =

    [15398] =>             [

    [15399] =>                 ["0",0],

    [15400] =>                 ["25",25],

    [15401] =>                 ["50",50],

    [15402] =>                 ["75",75],

    [15403] =>                 ["100",100],

    [15404] =>             ];

    [15405] => 

    [15406] =>             for(const value of array)

    [15407] =>             {

    [15408] =>                 const button = document.createElement("button");

    [15409] =>                 button.innerHTML = value[0];

    [15410] =>                 button.value = value[1];

    [15411] =>                 button.addEventListener("click", passagefilterinvertexactupdate);

    [15412] =>                 passagefilterinvert.append(button);

    [15413] =>             }

    [15414] =>         }

    [15415] =>         addEventListener("load", passagefilterinvertexactload);

    [15416] => 

    [15417] =>         function passagefilterinvertexactupdate(e)

    [15418] =>         {

    [15419] =>             passagefilterinvertnumber.value = Number(e.target.value);

    [15420] => 

    [15421] =>             passagefilterinvertnumberupdate();

    [15422] =>         }

    [15423] => 

    [15424] =>         function passagefilterinvertincrementload()

    [15425] =>         {

    [15426] =>             const br = document.createElement("br");

    [15427] =>             passagefilterinvert.append(br);

    [15428] => 

    [15429] =>             const array =

    [15430] =>             [

    [15431] =>                 ["-10",-10],

    [15432] =>                 ["-1",-1],

    [15433] =>                 ["+1",1],

    [15434] =>                 ["+10",10],

    [15435] =>             ];

    [15436] => 

    [15437] =>             for(const value of array)

    [15438] =>             {

    [15439] =>                 const button = document.createElement("button");

    [15440] => 

    [15441] =>                 button.innerHTML = value[0];

    [15442] =>                 button.value = value[1];

    [15443] =>                 button.addEventListener("click", passagefilterinvertincrementupdate);

    [15444] =>                 passagefilterinvert.append(button);

    [15445] =>             }

    [15446] =>         }

    [15447] =>         addEventListener("load", passagefilterinvertincrementload);

    [15448] => 

    [15449] =>         function passagefilterinvertincrementupdate(e)

    [15450] =>         {

    [15451] =>             const v = Number(passagefilterinvertnumber.value) + Number(e.target.value);

    [15452] => 

    [15453] =>             if((passagefilterinvertnumber.min <= v) && (v <= passagefilterinvertnumber.max))

    [15454] =>             {

    [15455] =>                 passagefilterinvertnumber.value = v;

    [15456] => 

    [15457] =>                 passagefilterinvertnumberupdate();

    [15458] =>             }

    [15459] =>         }

    [15460] => 

    [15461] => 

    [15462] => 

    [15463] =>         function passagefiltersaturateload()

    [15464] =>         {

    [15465] =>             const div = document.createElement("div");

    [15466] =>             div.id = "passagefiltersaturate";

    [15467] =>             div.innerHTML = "filter-saturate";

    [15468] =>             tabcontentpassage.append(div);

    [15469] => 

    [15470] =>             const style = div.style;

    [15471] =>             style.overflowY = "hidden";

    [15472] =>             style.whiteSpace = "nowrap";

    [15473] =>         }

    [15474] =>         addEventListener("load", passagefiltersaturateload);

    [15475] => 

    [15476] =>         function passagefiltersaturatenumberload()

    [15477] =>         {

    [15478] =>             const br = document.createElement("br");

    [15479] =>             passagefiltersaturate.append(br);

    [15480] => 

    [15481] =>             const input = document.createElement("input");

    [15482] =>             input.id = "passagefiltersaturatenumber";

    [15483] =>             input.max = 1000;

    [15484] =>             input.min = 0;

    [15485] =>             input.step = 1;

    [15486] =>             input.type = "number";

    [15487] =>             input.value = 100;

    [15488] =>             input.addEventListener("input", passagefiltersaturatenumberupdate);

    [15489] =>             passagefiltersaturate.append(input);

    [15490] => 

    [15491] =>             //passagefiltersaturatenumberset();

    [15492] =>         }

    [15493] =>         addEventListener("load", passagefiltersaturatenumberload);

    [15494] => 

    [15495] =>         function passagefiltersaturatenumberset()

    [15496] =>         {

    [15497] =>             const v = passagefiltersaturatenumber.value;

    [15498] => 

    [15499] =>             passagefiltersaturaterange.value = v;

    [15500] =>             text.passagebackdropfiltersaturate = v;

    [15501] =>         }

    [15502] => 

    [15503] =>         function passagefiltersaturatenumberupdate()

    [15504] =>         {

    [15505] =>             passagefiltersaturatenumberset();

    [15506] =>             svgupdate();

    [15507] =>         }

    [15508] => 

    [15509] =>         function passagefiltersaturaterangeload()

    [15510] =>         {

    [15511] =>             const input = document.createElement("input");

    [15512] =>             input.id = "passagefiltersaturaterange";

    [15513] =>             input.max = passagefiltersaturatenumber.max;

    [15514] =>             input.min = passagefiltersaturatenumber.min;

    [15515] =>             input.step = passagefiltersaturatenumber.step;

    [15516] =>             input.type = "range";

    [15517] =>             input.value = passagefiltersaturatenumber.value;

    [15518] =>             input.addEventListener("input", passagefiltersaturaterangeupdate);

    [15519] =>             passagefiltersaturate.append(input);

    [15520] => 

    [15521] =>             passagefiltersaturaterangeset();

    [15522] =>         }

    [15523] =>         addEventListener("load", passagefiltersaturaterangeload);

    [15524] => 

    [15525] =>         function passagefiltersaturaterangeset()

    [15526] =>         {

    [15527] =>             const v = passagefiltersaturaterange.value;

    [15528] => 

    [15529] =>             passagefiltersaturatenumber.value = v;

    [15530] =>             text.passagebackdropfiltersaturate = v;

    [15531] =>         }

    [15532] => 

    [15533] =>         function passagefiltersaturaterangeupdate()

    [15534] =>         {

    [15535] =>             passagefiltersaturaterangeset();

    [15536] =>             svgupdate();

    [15537] =>         }

    [15538] => 

    [15539] =>         function passagefiltersaturateexactload()

    [15540] =>         {

    [15541] =>             const br = document.createElement("br");

    [15542] =>             passagefiltersaturate.append(br);

    [15543] => 

    [15544] =>             const array =

    [15545] =>             [

    [15546] =>                 ["0",0],

    [15547] =>                 ["50",50],

    [15548] =>                 ["100 (initial)",100],

    [15549] =>                 ["150",150],

    [15550] =>                 ["200",200],

    [15551] =>             ];

    [15552] => 

    [15553] =>             for(const value of array)

    [15554] =>             {

    [15555] =>                 const button = document.createElement("button");

    [15556] =>                 button.innerHTML = value[0];

    [15557] =>                 button.value = value[1];

    [15558] =>                 button.addEventListener("click", passagefiltersaturateexactupdate);

    [15559] =>                 passagefiltersaturate.append(button);

    [15560] =>             }

    [15561] =>         }

    [15562] =>         addEventListener("load", passagefiltersaturateexactload);

    [15563] => 

    [15564] =>         function passagefiltersaturateexactupdate(e)

    [15565] =>         {

    [15566] =>             passagefiltersaturatenumber.value = Number(e.target.value);

    [15567] => 

    [15568] =>             passagefiltersaturatenumberupdate();

    [15569] =>         }

    [15570] => 

    [15571] =>         function passagefiltersaturateincrementload()

    [15572] =>         {

    [15573] =>             const br = document.createElement("br");

    [15574] =>             passagefiltersaturate.append(br);

    [15575] => 

    [15576] =>             const array =

    [15577] =>             [

    [15578] =>                 ["-100",-100],

    [15579] =>                 ["-10",-10],

    [15580] =>                 ["-1",-1],

    [15581] =>                 ["+1",1],

    [15582] =>                 ["+10",10],

    [15583] =>                 ["+100",100],

    [15584] =>             ];

    [15585] => 

    [15586] =>             for(const value of array)

    [15587] =>             {

    [15588] =>                 const button = document.createElement("button");

    [15589] =>                 button.innerHTML = value[0];

    [15590] =>                 button.value = value[1];

    [15591] =>                 button.addEventListener("click", passagefiltersaturateincrementupdate);

    [15592] =>                 passagefiltersaturate.append(button);

    [15593] =>             }

    [15594] =>         }

    [15595] =>         addEventListener("load", passagefiltersaturateincrementload);

    [15596] => 

    [15597] =>         function passagefiltersaturateincrementupdate(e)

    [15598] =>         {

    [15599] =>             const v = Number(passagefiltersaturatenumber.value) + Number(e.target.value);

    [15600] => 

    [15601] =>             if((passagefiltersaturatenumber.min <= v) && (v <= passagefiltersaturatenumber.max))

    [15602] =>             {

    [15603] =>                 passagefiltersaturatenumber.value = v;

    [15604] => 

    [15605] =>                 passagefiltersaturatenumberupdate();

    [15606] =>             }

    [15607] =>         }

    [15608] => 

    [15609] => 

    [15610] => 

    [15611] =>         function passagefiltersepiaload()

    [15612] =>         {

    [15613] =>             const div = document.createElement("div");

    [15614] =>             div.id = "passagefiltersepia";

    [15615] =>             div.innerHTML = "filter-sepia";

    [15616] =>             tabcontentpassage.append(div);

    [15617] => 

    [15618] =>             const style = div.style;

    [15619] =>             style.overflowY = "hidden";

    [15620] =>             style.whiteSpace = "nowrap";

    [15621] =>         }

    [15622] =>         addEventListener("load", passagefiltersepiaload);

    [15623] => 

    [15624] =>         function passagefiltersepianumberload()

    [15625] =>         {

    [15626] =>             const br = document.createElement("br");

    [15627] =>             passagefiltersepia.append(br);

    [15628] => 

    [15629] =>             const input = document.createElement("input");

    [15630] =>             input.id = "passagefiltersepianumber";

    [15631] =>             input.max = 100;

    [15632] =>             input.min = 0;

    [15633] =>             input.step = 1;

    [15634] =>             input.type = "number";

    [15635] =>             input.value = 0;

    [15636] =>             input.addEventListener("input", passagefiltersepianumberupdate);

    [15637] =>             passagefiltersepia.append(input);

    [15638] => 

    [15639] =>             //passagefiltersepianumberset();

    [15640] =>         }

    [15641] =>         addEventListener("load", passagefiltersepianumberload);

    [15642] => 

    [15643] =>         function passagefiltersepianumberset()

    [15644] =>         {

    [15645] =>             const v = passagefiltersepianumber.value;

    [15646] => 

    [15647] =>             passagefiltersepiarange.value = v;

    [15648] =>             text.passagebackdropfiltersepia = v;

    [15649] =>         }

    [15650] => 

    [15651] =>         function passagefiltersepianumberupdate()

    [15652] =>         {

    [15653] =>             passagefiltersepianumberset();

    [15654] =>             svgupdate();

    [15655] =>         }

    [15656] => 

    [15657] =>         function passagefiltersepiarangeload()

    [15658] =>         {

    [15659] =>             const input = document.createElement("input");

    [15660] =>             input.id = "passagefiltersepiarange";

    [15661] =>             input.max = passagefiltersepianumber.max;

    [15662] =>             input.min = passagefiltersepianumber.min;

    [15663] =>             input.step = passagefiltersepianumber.step;

    [15664] =>             input.type = "range";

    [15665] =>             input.value = passagefiltersepianumber.value;

    [15666] =>             input.addEventListener("input", passagefiltersepiarangeupdate);

    [15667] =>             passagefiltersepia.append(input);

    [15668] => 

    [15669] =>             passagefiltersepiarangeset();

    [15670] =>         }

    [15671] =>         addEventListener("load", passagefiltersepiarangeload);

    [15672] => 

    [15673] =>         function passagefiltersepiarangeset()

    [15674] =>         {

    [15675] =>             const v = passagefiltersepiarange.value;

    [15676] => 

    [15677] =>             passagefiltersepianumber.value = v;

    [15678] =>             text.passagebackdropfiltersepia = v;

    [15679] =>         }

    [15680] => 

    [15681] =>         function passagefiltersepiarangeupdate()

    [15682] =>         {

    [15683] =>             passagefiltersepiarangeset();

    [15684] =>             svgupdate();

    [15685] =>         }

    [15686] => 

    [15687] =>         function passagefiltersepiaexactload()

    [15688] =>         {

    [15689] =>             const br = document.createElement("br");

    [15690] =>             passagefiltersepia.append(br);

    [15691] => 

    [15692] =>             const array =

    [15693] =>             [

    [15694] =>                 ["0",0],

    [15695] =>                 ["25",25],

    [15696] =>                 ["50",50],

    [15697] =>                 ["75",75],

    [15698] =>                 ["100",100],

    [15699] =>             ];

    [15700] => 

    [15701] =>             for(const value of array)

    [15702] =>             {

    [15703] =>                 const button = document.createElement("button");

    [15704] =>                 button.innerHTML = value[0];

    [15705] =>                 button.value = value[1];

    [15706] =>                 button.addEventListener("click", passagefiltersepiaexactupdate);

    [15707] =>                 passagefiltersepia.append(button);

    [15708] =>             }

    [15709] =>         }

    [15710] =>         addEventListener("load", passagefiltersepiaexactload);

    [15711] => 

    [15712] =>         function passagefiltersepiaexactupdate(e)

    [15713] =>         {

    [15714] =>             passagefiltersepianumber.value = Number(e.target.value);

    [15715] => 

    [15716] =>             passagefiltersepianumberupdate();

    [15717] =>         }

    [15718] => 

    [15719] =>         function passagefiltersepiaincrementload()

    [15720] =>         {

    [15721] =>             const br = document.createElement("br");

    [15722] =>             passagefiltersepia.append(br);

    [15723] => 

    [15724] =>             const array =

    [15725] =>             [

    [15726] =>                 ["-10",-10],

    [15727] =>                 ["-1",-1],

    [15728] =>                 ["+1",1],

    [15729] =>                 ["+10",10],

    [15730] =>             ];

    [15731] => 

    [15732] =>             for(const value of array)

    [15733] =>             {

    [15734] =>                 const button = document.createElement("button");

    [15735] =>                 button.innerHTML = value[0];

    [15736] =>                 button.value = value[1];

    [15737] =>                 button.addEventListener("click", passagefiltersepiaincrementupdate);

    [15738] =>                 passagefiltersepia.append(button);

    [15739] =>             }

    [15740] =>         }

    [15741] =>         addEventListener("load", passagefiltersepiaincrementload);

    [15742] => 

    [15743] =>         function passagefiltersepiaincrementupdate(e)

    [15744] =>         {

    [15745] =>             const v = Number(passagefiltersepianumber.value) + Number(e.target.value);

    [15746] => 

    [15747] =>             if((passagefiltersepianumber.min <= v) && (v <= passagefiltersepianumber.max))

    [15748] =>             {

    [15749] =>                 passagefiltersepianumber.value = v;

    [15750] => 

    [15751] =>                 passagefiltersepianumberupdate();

    [15752] =>             }

    [15753] =>         }

    [15754] => //*/

    [15755] => 

    [15756] => 

    [15757] => 

    [15758] => /*

    [15759] =>         function passagemargintopload()

    [15760] =>         {

    [15761] =>             const div = document.createElement("div");

    [15762] =>             div.id = "passagemargintop";

    [15763] =>             div.innerHTML = "margin-top";

    [15764] =>             tabcontentpassage.append(div);

    [15765] =>         }

    [15766] =>         addEventListener("load", passagemargintopload);

    [15767] => 

    [15768] =>         function passagemargintopnumberload()

    [15769] =>         {

    [15770] =>             const br = document.createElement("br");

    [15771] =>             passagemargintop.append(br);

    [15772] => 

    [15773] =>             const input = document.createElement("input");

    [15774] =>             input.id = "passagemargintopnumber";

    [15775] =>             input.max = 1000;

    [15776] =>             input.min = 0;

    [15777] =>             input.type = "number";

    [15778] =>             input.value = 0;

    [15779] =>             input.addEventListener("input", passagemargintopnumberupdate);

    [15780] =>             passagemargintop.append(input);

    [15781] => 

    [15782] =>             //passagemargintopnumberset();

    [15783] =>         }

    [15784] =>         addEventListener("load", passagemargintopnumberload);

    [15785] => 

    [15786] =>         function passagemargintopnumberset()

    [15787] =>         {

    [15788] =>             const v = Number(passagemargintopnumber.value);

    [15789] => 

    [15790] =>             passagemargintoprange.value = v;

    [15791] =>             text.passagemargintop = v;

    [15792] =>         }

    [15793] => 

    [15794] =>         function passagemargintopnumberupdate()

    [15795] =>         {

    [15796] =>             passagemargintopnumberset();

    [15797] => 

    [15798] =>             svgupdate();

    [15799] =>         }

    [15800] => 

    [15801] =>         function passagemargintoprangeload()

    [15802] =>         {

    [15803] =>             const input = document.createElement("input");

    [15804] =>             input.id = "passagemargintoprange";

    [15805] =>             input.max = passagemargintopnumber.max;

    [15806] =>             input.min = passagemargintopnumber.min;

    [15807] =>             input.type = "range";

    [15808] =>             input.value = passagemargintopnumber.value;

    [15809] =>             input.addEventListener("input", passagemargintoprangeupdate);

    [15810] =>             passagemargintop.append(input);

    [15811] => 

    [15812] =>             passagemargintoprangeset();

    [15813] =>         }

    [15814] =>         addEventListener("load", passagemargintoprangeload);

    [15815] => 

    [15816] =>         function passagemargintoprangeset()

    [15817] =>         {

    [15818] =>             const v = Number(passagemargintoprange.value);

    [15819] => 

    [15820] =>             passagemargintopnumber.value = v;

    [15821] =>             text.passagemargintop = v;

    [15822] =>         }

    [15823] => 

    [15824] =>         function passagemargintoprangeupdate()

    [15825] =>         {

    [15826] =>             passagemargintoprangeset();

    [15827] => 

    [15828] =>             svgupdate();

    [15829] =>         }

    [15830] => 

    [15831] => 

    [15832] => 

    [15833] =>         function passagemarginbottomload()

    [15834] =>         {

    [15835] =>             const div = document.createElement("div");

    [15836] =>             div.id = "passagemarginbottom";

    [15837] =>             div.innerHTML = "margin-bottom";

    [15838] =>             tabcontentpassage.append(div);

    [15839] =>         }

    [15840] =>         addEventListener("load", passagemarginbottomload);

    [15841] => 

    [15842] =>         function passagemarginbottomnumberload()

    [15843] =>         {

    [15844] =>             const br = document.createElement("br");

    [15845] =>             passagemarginbottom.append(br);

    [15846] => 

    [15847] =>             const input = document.createElement("input");

    [15848] =>             input.id = "passagemarginbottomnumber";

    [15849] =>             input.max = 1000;

    [15850] =>             input.min = 0;

    [15851] =>             input.type = "number";

    [15852] =>             input.value = 0;

    [15853] =>             input.addEventListener("input", passagemarginbottomnumberupdate);

    [15854] =>             passagemarginbottom.append(input);

    [15855] => 

    [15856] =>             //passagemarginbottomnumberset();

    [15857] =>         }

    [15858] =>         addEventListener("load", passagemarginbottomnumberload);

    [15859] => 

    [15860] =>         function passagemarginbottomnumberset()

    [15861] =>         {

    [15862] =>             const v = Number(passagemarginbottomnumber.value);

    [15863] => 

    [15864] =>             passagemarginbottomrange.value = v;

    [15865] =>             text.passagemarginbottom = v;

    [15866] =>         }

    [15867] => 

    [15868] =>         function passagemarginbottomnumberupdate()

    [15869] =>         {

    [15870] =>             passagemarginbottomnumberset();

    [15871] => 

    [15872] =>             svgupdate();

    [15873] =>         }

    [15874] => 

    [15875] =>         function passagemarginbottomrangeload()

    [15876] =>         {

    [15877] =>             const input = document.createElement("input");

    [15878] =>             input.id = "passagemarginbottomrange";

    [15879] =>             input.max = passagemarginbottomnumber.max;

    [15880] =>             input.min = passagemarginbottomnumber.min;

    [15881] =>             input.type = "range";

    [15882] =>             input.value = passagemarginbottomnumber.value;

    [15883] =>             input.addEventListener("input", passagemarginbottomrangeupdate);

    [15884] =>             passagemarginbottom.append(input);

    [15885] => 

    [15886] =>             passagemarginbottomrangeset();

    [15887] =>         }

    [15888] =>         addEventListener("load", passagemarginbottomrangeload);

    [15889] => 

    [15890] =>         function passagemarginbottomrangeset()

    [15891] =>         {

    [15892] =>             const v = Number(passagemarginbottomrange.value);

    [15893] => 

    [15894] =>             passagemarginbottomnumber.value = v;

    [15895] =>             text.passagemarginbottom = v;

    [15896] =>         }

    [15897] => 

    [15898] =>         function passagemarginbottomrangeupdate()

    [15899] =>         {

    [15900] =>             passagemarginbottomrangeset();

    [15901] => 

    [15902] =>             svgupdate();

    [15903] =>         }

    [15904] => 

    [15905] => 

    [15906] => 

    [15907] =>         function passagemarginleftload()

    [15908] =>         {

    [15909] =>             const div = document.createElement("div");

    [15910] =>             div.id = "passagemarginleft";

    [15911] =>             div.innerHTML = "margin-left";

    [15912] =>             tabcontentpassage.append(div);

    [15913] =>         }

    [15914] =>         addEventListener("load", passagemarginleftload);

    [15915] => 

    [15916] =>         function passagemarginleftnumberload()

    [15917] =>         {

    [15918] =>             const br = document.createElement("br");

    [15919] =>             passagemarginleft.append(br);

    [15920] => 

    [15921] =>             const input = document.createElement("input");

    [15922] =>             input.id = "passagemarginleftnumber";

    [15923] =>             input.max = 1000;

    [15924] =>             input.min = 0;

    [15925] =>             input.type = "number";

    [15926] =>             input.value = 0;

    [15927] =>             input.addEventListener("input", passagemarginleftnumberupdate);

    [15928] =>             passagemarginleft.append(input);

    [15929] => 

    [15930] =>             //passagemarginleftnumberset();

    [15931] =>         }

    [15932] =>         addEventListener("load", passagemarginleftnumberload);

    [15933] => 

    [15934] =>         function passagemarginleftnumberset()

    [15935] =>         {

    [15936] =>             const v = Number(passagemarginleftnumber.value);

    [15937] => 

    [15938] =>             passagemarginleftrange.value = v;

    [15939] =>             text.passagemarginleft = v;

    [15940] =>         }

    [15941] => 

    [15942] =>         function passagemarginleftnumberupdate()

    [15943] =>         {

    [15944] =>             passagemarginleftnumberset();

    [15945] => 

    [15946] =>             svgupdate();

    [15947] =>         }

    [15948] => 

    [15949] =>         function passagemarginleftrangeload()

    [15950] =>         {

    [15951] =>             const input = document.createElement("input");

    [15952] =>             input.id = "passagemarginleftrange";

    [15953] =>             input.max = passagemarginleftnumber.max;

    [15954] =>             input.min = passagemarginleftnumber.min;

    [15955] =>             input.type = "range";

    [15956] =>             input.value = passagemarginleftnumber.value;

    [15957] =>             input.addEventListener("input", passagemarginleftrangeupdate);

    [15958] =>             passagemarginleft.append(input);

    [15959] => 

    [15960] =>             passagemarginleftrangeset();

    [15961] =>         }

    [15962] =>         addEventListener("load", passagemarginleftrangeload);

    [15963] => 

    [15964] =>         function passagemarginleftrangeset()

    [15965] =>         {

    [15966] =>             const v = Number(passagemarginleftrange.value);

    [15967] => 

    [15968] =>             passagemarginleftnumber.value = v;

    [15969] =>             text.passagemarginleft = v;

    [15970] =>         }

    [15971] => 

    [15972] =>         function passagemarginleftrangeupdate()

    [15973] =>         {

    [15974] =>             passagemarginleftrangeset();

    [15975] => 

    [15976] =>             svgupdate();

    [15977] =>         }

    [15978] => 

    [15979] => 

    [15980] => 

    [15981] =>         function passagemarginrightload()

    [15982] =>         {

    [15983] =>             const div = document.createElement("div");

    [15984] =>             div.id = "passagemarginright";

    [15985] =>             div.innerHTML = "margin-right";

    [15986] =>             tabcontentpassage.append(div);

    [15987] =>         }

    [15988] =>         addEventListener("load", passagemarginrightload);

    [15989] => 

    [15990] =>         function passagemarginrightnumberload()

    [15991] =>         {

    [15992] =>             const br = document.createElement("br");

    [15993] =>             passagemarginright.append(br);

    [15994] => 

    [15995] =>             const input = document.createElement("input");

    [15996] =>             input.id = "passagemarginrightnumber";

    [15997] =>             input.max = 1000;

    [15998] =>             input.min = 0;

    [15999] =>             input.type = "number";

    [16000] =>             input.value = 0;

    [16001] =>             input.addEventListener("input", passagemarginrightnumberupdate);

    [16002] =>             passagemarginright.append(input);

    [16003] => 

    [16004] =>             //passagemarginrightnumberset();

    [16005] =>         }

    [16006] =>         addEventListener("load", passagemarginrightnumberload);

    [16007] => 

    [16008] =>         function passagemarginrightnumberset()

    [16009] =>         {

    [16010] =>             const v = Number(passagemarginrightnumber.value);

    [16011] => 

    [16012] =>             passagemarginrightrange.value = v;

    [16013] =>             text.passagemarginright = v;

    [16014] =>         }

    [16015] => 

    [16016] =>         function passagemarginrightnumberupdate()

    [16017] =>         {

    [16018] =>             passagemarginrightnumberset();

    [16019] => 

    [16020] =>             svgupdate();

    [16021] =>         }

    [16022] => 

    [16023] =>         function passagemarginrightrangeload()

    [16024] =>         {

    [16025] =>             const input = document.createElement("input");

    [16026] =>             input.id = "passagemarginrightrange";

    [16027] =>             input.max = passagemarginrightnumber.max;

    [16028] =>             input.min = passagemarginrightnumber.min;

    [16029] =>             input.type = "range";

    [16030] =>             input.value = passagemarginrightnumber.value;

    [16031] =>             input.addEventListener("input", passagemarginrightrangeupdate);

    [16032] =>             passagemarginright.append(input);

    [16033] => 

    [16034] =>             passagemarginrightrangeset();

    [16035] =>         }

    [16036] =>         addEventListener("load", passagemarginrightrangeload);

    [16037] => 

    [16038] =>         function passagemarginrightrangeset()

    [16039] =>         {

    [16040] =>             const v = Number(passagemarginrightrange.value);

    [16041] => 

    [16042] =>             passagemarginrightnumber.value = v;

    [16043] =>             text.passagemarginright = v;

    [16044] =>         }

    [16045] => 

    [16046] =>         function passagemarginrightrangeupdate()

    [16047] =>         {

    [16048] =>             passagemarginrightrangeset();

    [16049] => 

    [16050] =>             svgupdate();

    [16051] =>         }

    [16052] => 

    [16053] => 

    [16054] => 

    [16055] =>         function passagepaddingtopload()

    [16056] =>         {

    [16057] =>             const div = document.createElement("div");

    [16058] =>             div.id = "passagepaddingtop";

    [16059] =>             div.innerHTML = "padding-top";

    [16060] =>             tabcontentpassage.append(div);

    [16061] =>         }

    [16062] =>         addEventListener("load", passagepaddingtopload);

    [16063] => 

    [16064] =>         function passagepaddingtopnumberload()

    [16065] =>         {

    [16066] =>             const br = document.createElement("br");

    [16067] =>             passagepaddingtop.append(br);

    [16068] => 

    [16069] =>             const input = document.createElement("input");

    [16070] =>             input.id = "passagepaddingtopnumber";

    [16071] =>             input.max = 1000;

    [16072] =>             input.min = 0;

    [16073] =>             input.type = "number";

    [16074] =>             input.value = 0;

    [16075] =>             input.addEventListener("input", passagepaddingtopnumberupdate);

    [16076] =>             passagepaddingtop.append(input);

    [16077] => 

    [16078] =>             //passagepaddingtopnumberset();

    [16079] =>         }

    [16080] =>         addEventListener("load", passagepaddingtopnumberload);

    [16081] => 

    [16082] =>         function passagepaddingtopnumberset()

    [16083] =>         {

    [16084] =>             const v = Number(passagepaddingtopnumber.value);

    [16085] => 

    [16086] =>             passagepaddingtoprange.value = v;

    [16087] =>             text.passagepaddingtop = v;

    [16088] =>         }

    [16089] => 

    [16090] =>         function passagepaddingtopnumberupdate()

    [16091] =>         {

    [16092] =>             passagepaddingtopnumberset();

    [16093] => 

    [16094] =>             svgupdate();

    [16095] =>         }

    [16096] => 

    [16097] =>         function passagepaddingtoprangeload()

    [16098] =>         {

    [16099] =>             const input = document.createElement("input");

    [16100] =>             input.id = "passagepaddingtoprange";

    [16101] =>             input.max = passagepaddingtopnumber.max;

    [16102] =>             input.min = passagepaddingtopnumber.min;

    [16103] =>             input.type = "range";

    [16104] =>             input.value = passagepaddingtopnumber.value;

    [16105] =>             input.addEventListener("input", passagepaddingtoprangeupdate);

    [16106] =>             passagepaddingtop.append(input);

    [16107] => 

    [16108] =>             passagepaddingtoprangeset();

    [16109] =>         }

    [16110] =>         addEventListener("load", passagepaddingtoprangeload);

    [16111] => 

    [16112] =>         function passagepaddingtoprangeset()

    [16113] =>         {

    [16114] =>             const v = Number(passagepaddingtoprange.value);

    [16115] => 

    [16116] =>             passagepaddingtopnumber.value = v;

    [16117] =>             text.passagepaddingtop = v;

    [16118] =>         }

    [16119] => 

    [16120] =>         function passagepaddingtoprangeupdate()

    [16121] =>         {

    [16122] =>             passagepaddingtoprangeset();

    [16123] => 

    [16124] =>             svgupdate();

    [16125] =>         }

    [16126] => 

    [16127] => 

    [16128] => 

    [16129] =>         function passagepaddingbottomload()

    [16130] =>         {

    [16131] =>             const div = document.createElement("div");

    [16132] =>             div.id = "passagepaddingbottom";

    [16133] =>             div.innerHTML = "padding-bottom";

    [16134] =>             tabcontentpassage.append(div);

    [16135] =>         }

    [16136] =>         addEventListener("load", passagepaddingbottomload);

    [16137] => 

    [16138] =>         function passagepaddingbottomnumberload()

    [16139] =>         {

    [16140] =>             const br = document.createElement("br");

    [16141] =>             passagepaddingbottom.append(br);

    [16142] => 

    [16143] =>             const input = document.createElement("input");

    [16144] =>             input.id = "passagepaddingbottomnumber";

    [16145] =>             input.max = 1000;

    [16146] =>             input.min = 0;

    [16147] =>             input.type = "number";

    [16148] =>             input.value = 0;

    [16149] =>             input.addEventListener("input", passagepaddingbottomnumberupdate);

    [16150] =>             passagepaddingbottom.append(input);

    [16151] => 

    [16152] =>             //passagepaddingbottomnumberset();

    [16153] =>         }

    [16154] =>         addEventListener("load", passagepaddingbottomnumberload);

    [16155] => 

    [16156] =>         function passagepaddingbottomnumberset()

    [16157] =>         {

    [16158] =>             const v = Number(passagepaddingbottomnumber.value);

    [16159] => 

    [16160] =>             passagepaddingbottomrange.value = v;

    [16161] =>             text.passagepaddingbottom = v;

    [16162] =>         }

    [16163] => 

    [16164] =>         function passagepaddingbottomnumberupdate()

    [16165] =>         {

    [16166] =>             passagepaddingbottomnumberset();

    [16167] => 

    [16168] =>             svgupdate();

    [16169] =>         }

    [16170] => 

    [16171] =>         function passagepaddingbottomrangeload()

    [16172] =>         {

    [16173] =>             const input = document.createElement("input");

    [16174] =>             input.id = "passagepaddingbottomrange";

    [16175] =>             input.max = passagepaddingbottomnumber.max;

    [16176] =>             input.min = passagepaddingbottomnumber.min;

    [16177] =>             input.type = "range";

    [16178] =>             input.value = passagepaddingbottomnumber.value;

    [16179] =>             input.addEventListener("input", passagepaddingbottomrangeupdate);

    [16180] =>             passagepaddingbottom.append(input);

    [16181] => 

    [16182] =>             passagepaddingbottomrangeset();

    [16183] =>         }

    [16184] =>         addEventListener("load", passagepaddingbottomrangeload);

    [16185] => 

    [16186] =>         function passagepaddingbottomrangeset()

    [16187] =>         {

    [16188] =>             const v = Number(passagepaddingbottomrange.value);

    [16189] => 

    [16190] =>             passagepaddingbottomnumber.value = v;

    [16191] =>             text.passagepaddingbottom = v;

    [16192] =>         }

    [16193] => 

    [16194] =>         function passagepaddingbottomrangeupdate()

    [16195] =>         {

    [16196] =>             passagepaddingbottomrangeset();

    [16197] => 

    [16198] =>             svgupdate();

    [16199] =>         }

    [16200] => 

    [16201] => 

    [16202] => 

    [16203] =>         function passagepaddingleftload()

    [16204] =>         {

    [16205] =>             const div = document.createElement("div");

    [16206] =>             div.id = "passagepaddingleft";

    [16207] =>             div.innerHTML = "padding-left";

    [16208] =>             tabcontentpassage.append(div);

    [16209] =>         }

    [16210] =>         addEventListener("load", passagepaddingleftload);

    [16211] => 

    [16212] =>         function passagepaddingleftnumberload()

    [16213] =>         {

    [16214] =>             const br = document.createElement("br");

    [16215] =>             passagepaddingleft.append(br);

    [16216] => 

    [16217] =>             const input = document.createElement("input");

    [16218] =>             input.id = "passagepaddingleftnumber";

    [16219] =>             input.max = 1000;

    [16220] =>             input.min = 0;

    [16221] =>             input.type = "number";

    [16222] =>             input.value = 0;

    [16223] =>             input.addEventListener("input", passagepaddingleftnumberupdate);

    [16224] =>             passagepaddingleft.append(input);

    [16225] => 

    [16226] =>             //passagepaddingleftnumberset();

    [16227] =>         }

    [16228] =>         addEventListener("load", passagepaddingleftnumberload);

    [16229] => 

    [16230] =>         function passagepaddingleftnumberset()

    [16231] =>         {

    [16232] =>             const v = Number(passagepaddingleftnumber.value);

    [16233] => 

    [16234] =>             passagepaddingleftrange.value = v;

    [16235] =>             text.passagepaddingleft = v;

    [16236] =>         }

    [16237] => 

    [16238] =>         function passagepaddingleftnumberupdate()

    [16239] =>         {

    [16240] =>             passagepaddingleftnumberset();

    [16241] => 

    [16242] =>             svgupdate();

    [16243] =>         }

    [16244] => 

    [16245] =>         function passagepaddingleftrangeload()

    [16246] =>         {

    [16247] =>             const input = document.createElement("input");

    [16248] =>             input.id = "passagepaddingleftrange";

    [16249] =>             input.max = passagepaddingleftnumber.max;

    [16250] =>             input.min = passagepaddingleftnumber.min;

    [16251] =>             input.type = "range";

    [16252] =>             input.value = passagepaddingleftnumber.value;

    [16253] =>             input.addEventListener("input", passagepaddingleftrangeupdate);

    [16254] =>             passagepaddingleft.append(input);

    [16255] => 

    [16256] =>             passagepaddingleftrangeset();

    [16257] =>         }

    [16258] =>         addEventListener("load", passagepaddingleftrangeload);

    [16259] => 

    [16260] => 

    [16261] =>         function passagepaddingleftrangeset()

    [16262] =>         {

    [16263] =>             const v = Number(passagepaddingleftrange.value);

    [16264] => 

    [16265] =>             passagepaddingleftnumber.value = v;

    [16266] =>             text.passagepaddingleft = v;

    [16267] =>         }

    [16268] => 

    [16269] =>         function passagepaddingleftrangeupdate()

    [16270] =>         {

    [16271] =>             passagepaddingleftrangeset();

    [16272] => 

    [16273] =>             svgupdate();

    [16274] =>         }

    [16275] => 

    [16276] => 

    [16277] => 

    [16278] =>         function passagepaddingrightload()

    [16279] =>         {

    [16280] =>             const div = document.createElement("div");

    [16281] =>             div.id = "passagepaddingright";

    [16282] =>             div.innerHTML = "padding-right";

    [16283] =>             tabcontentpassage.append(div);

    [16284] =>         }

    [16285] =>         addEventListener("load", passagepaddingrightload);

    [16286] => 

    [16287] =>         function passagepaddingrightnumberload()

    [16288] =>         {

    [16289] =>             const br = document.createElement("br");

    [16290] =>             passagepaddingright.append(br);

    [16291] => 

    [16292] =>             const input = document.createElement("input");

    [16293] =>             input.id = "passagepaddingrightnumber";

    [16294] =>             input.max = 1000;

    [16295] =>             input.min = 0;

    [16296] =>             input.type = "number";

    [16297] =>             input.value = 0;

    [16298] =>             input.addEventListener("input", passagepaddingrightnumberupdate);

    [16299] =>             passagepaddingright.append(input);

    [16300] => 

    [16301] =>             //passagepaddingrightnumberset();

    [16302] =>         }

    [16303] =>         addEventListener("load", passagepaddingrightnumberload);

    [16304] => 

    [16305] =>         function passagepaddingrightnumberset()

    [16306] =>         {

    [16307] =>             const v = Number(passagepaddingrightnumber.value);

    [16308] => 

    [16309] =>             passagepaddingrightrange.value = v;

    [16310] =>             text.passagepaddingright = v;

    [16311] =>         }

    [16312] => 

    [16313] =>         function passagepaddingrightnumberupdate()

    [16314] =>         {

    [16315] =>             passagepaddingrightnumberset();

    [16316] => 

    [16317] =>             svgupdate();

    [16318] =>         }

    [16319] => 

    [16320] =>         function passagepaddingrightrangeload()

    [16321] =>         {

    [16322] =>             const input = document.createElement("input");

    [16323] =>             input.id = "passagepaddingrightrange";

    [16324] =>             input.max = passagepaddingrightnumber.max;

    [16325] =>             input.min = passagepaddingrightnumber.min;

    [16326] =>             input.type = "range";

    [16327] =>             input.value = passagepaddingrightnumber.value;

    [16328] =>             input.addEventListener("input", passagepaddingrightrangeupdate);

    [16329] =>             passagepaddingright.append(input);

    [16330] => 

    [16331] =>             passagepaddingrightrangeset();

    [16332] =>         }

    [16333] =>         addEventListener("load", passagepaddingrightrangeload);

    [16334] => 

    [16335] =>         function passagepaddingrightrangeset()

    [16336] =>         {

    [16337] =>             const v = Number(passagepaddingrightrange.value);

    [16338] => 

    [16339] =>             passagepaddingrightnumber.value = v;

    [16340] =>             text.passagepaddingright = v;

    [16341] =>         }

    [16342] => 

    [16343] =>         function passagepaddingrightrangeupdate()

    [16344] =>         {

    [16345] =>             passagepaddingrightrangeset();

    [16346] => 

    [16347] =>             svgupdate();

    [16348] =>         }

    [16349] => //*/

    [16350] => 

    [16351] => 

    [16352] => 

    [16353] => 

    [16354] => 

    [16355] => 

    [16356] =>         function savedownloadload()

    [16357] =>         {

    [16358] =>             const div = document.createElement("div");

    [16359] =>             div.id = "savedownload";

    [16360] =>             //div.innerHTML = "download<br>";

    [16361] =>             tabcontentsave.append(div);

    [16362] =>         }

    [16363] =>         addEventListener("load", savedownloadload);

    [16364] => 

    [16365] =>         function savedownloadimageload()

    [16366] =>         {

    [16367] =>             const a = document.createElement("a");

    [16368] =>             a.download = "download";

    [16369] =>             a.id = "savedownloadimage";

    [16370] =>             a.innerHTML = "download";

    [16371] =>             a.addEventListener("click", savedownloadimageupdate);

    [16372] =>             savedownload.append(a);

    [16373] => 

    [16374] =>             savedownloadimageupdate();

    [16375] =>         }

    [16376] =>         addEventListener("load", savedownloadimageload);

    [16377] => 

    [16378] =>         function savedownloadimageupdate()

    [16379] =>         {

    [16380] =>             savedownloadimage.href = canvas.toDataURL();

    [16381] =>         }

    [16382] => /*

    [16383] =>         function savedownloadsettingsload()

    [16384] =>         {

    [16385] =>             const a = document.createElement("a");

    [16386] =>             a.download = "settings.txt";

    [16387] =>             a.id = "savedownloadsettings";

    [16388] =>             a.innerHTML = "<br>settings";

    [16389] =>             a.addEventListener("click", savedownloadsettingsupdate);

    [16390] =>             savedownload.append(a);

    [16391] => 

    [16392] =>             savedownloadsettingsupdate();

    [16393] =>         }

    [16394] =>         addEventListener("load", savedownloadsettingsload);

    [16395] => 

    [16396] =>         function savedownloadsettingsupdate()

    [16397] =>         {

    [16398] =>             const data =

    [16399] =>             [

    [16400] =>                 [

    [16401] =>                     "canvas.width",

    [16402] =>                     canvas.width,

    [16403] =>                 ],

    [16404] =>                 canvas.height,

    [16405] =>                 canvas.backgroundcolor,

    [16406] =>                 canvas.backgroundalpha,

    [16407] =>                 image.file,

    [16408] =>                 image.fit,

    [16409] =>                 image.width,

    [16410] =>                 image.height,

    [16411] =>                 image.x,

    [16412] =>                 image.y,

    [16413] =>                 image.backgroundcolor,

    [16414] =>                 image.backgroundalpha,

    [16415] =>                 image.opacity,

    [16416] =>                 text.messagetext,

    [16417] =>                 text.messagewidth,

    [16418] =>                 text.messageheight,

    [16419] =>                 text.messagex,

    [16420] =>                 text.messagey,

    [16421] =>                 text.messagehorizontal,

    [16422] =>                 text.messagevertical,

    [16423] =>                 text.messagewritingmode,

    [16424] =>                 text.messagefontfamily,

    [16425] =>                 text.messagefontsize,

    [16426] =>                 text.messagebackgroundcolor,

    [16427] =>                 text.messagebackgroundalpha,

    [16428] =>                 text.messagecolor,

    [16429] =>                 text.messagealpha,

    [16430] =>                 text.version,

    [16431] =>                 text.versionname,

    [16432] =>                 text.book,

    [16433] =>                 text.bookname,

    [16434] =>                 text.chapter,

    [16435] =>                 text.verse,

    [16436] =>                 text.verseend,

    [16437] =>                 text.referencewidth,

    [16438] =>                 text.referenceheight,

    [16439] =>                 text.referencex,

    [16440] =>                 text.referencey,

    [16441] =>                 text.referencehorizontal,

    [16442] =>                 text.referencevertical,

    [16443] =>                 text.referencewritingmode,

    [16444] =>                 text.referencefontfamily,

    [16445] =>                 text.referencefontsize,

    [16446] =>                 text.referencebackgroundcolor,

    [16447] =>                 text.referencebackgroundalpha,

    [16448] =>                 text.referencecolor,

    [16449] =>                 text.referencealpha,

    [16450] =>                 text.passagewidth,

    [16451] =>                 text.passageheight,

    [16452] =>                 text.passagex,

    [16453] =>                 text.passagey,

    [16454] =>                 text.passagehorizontal,

    [16455] =>                 text.passagevertical,

    [16456] =>                 text.passagewritingmode,

    [16457] =>                 text.passagefontfamily,

    [16458] =>                 text.passagefontsize,

    [16459] =>                 text.passagebackgroundcolor,

    [16460] =>                 text.passagebackgroundalpha,

    [16461] =>                 text.passagecolor,

    [16462] =>                 text.passagealpha,

    [16463] =>             ];

    [16464] =>             //leftoff

    [16465] =>             const data2 = [];

    [16466] =>             for(const a of data)

    [16467] =>             {

    [16468] =>                 data2

    [16469] =>             }

    [16470] =>             savedownloadsettings.href = `data:text/plain,${data}`;

    [16471] =>         }

    [16472] => 

    [16473] => 

    [16474] => 

    [16475] =>         function savefileload()

    [16476] =>         {

    [16477] =>             const div = document.createElement("div");

    [16478] =>             div.id = "savefile";

    [16479] =>             div.innerHTML = "file<br>";

    [16480] =>             tabcontentsave.append(div);

    [16481] =>         }

    [16482] =>         addEventListener("load", savefileload);

    [16483] => 

    [16484] =>         function savefilefileload()

    [16485] =>         {

    [16486] =>             const input = document.createElement("input");

    [16487] =>             input.id = "savefilefile";

    [16488] =>             input.type = "file";

    [16489] =>             input.addEventListener("change", savefilefileupdate);

    [16490] =>             savefile.append(input);

    [16491] =>         }

    [16492] =>         addEventListener("load", savefilefileload);

    [16493] => 

    [16494] =>         function savefilefileupdate()

    [16495] =>         {

    [16496] =>             const f = savefilefile.files[0];

    [16497] => 

    [16498] =>             save.src = URL.createObjectURL(f);

    [16499] =>         }

    [16500] => //*/</script></div></main><div class=banner><script defer src=https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4239362730750625 crossorigin=anonymous></script><ins class=adsbygoogle data-ad-client=ca-pub-4239362730750625 data-ad-slot=5564639719><a href=https://samaritanspurse.org/occ/ target=_blank><img alt="Samaritan's Purse Operation Christmas Child" src=/assets/svg/SamaritansPurseOperationChristmasChild1.svg title="Samaritan's Purse Operation Christmas Child"></a></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script></div><footer><div id=boilerplate><div><a href=/Jesus/>Jesus</a> · <a href=/Bible/>Bible</a></div><div><a href=/html/>HTML</a> · <a href=/css/>CSS</a> · <a href=/js/>JS</a> · <a href=/php/>PHP</a> · <a href=/svg/>SVG</a></div><div><a href=/applications/>Applications</a> · <a href=/editor/>Editor</a> · <a href=/favicon/>Favicon</a></div><div><a href=/htaccess/>.htaccess</a> · <a href=/acme.sh/>acme.sh</a></div><div><a href=/flash/>Flash</a> · <a href=/sketchup/>SketchUp</a> · <a href=/unity/>Unity</a> · <a href=/xcode/>Xcode</a></div><div><a href=/about/>About</a> · <a href=/privacy/>Privacy</a> · <a href=/terms/>Terms</a></div><div><a href=/>osbo.com</a></div></div><div id=copyright>© 2026 Osbo Design</div></footer></div><div id=nav><div class=h1><a href=/Jesus/>JESUS</a></div><div class=h1><a id=switch-Bible>BIBLE</a></div><div id=list-Bible><h2>Overview</h2><div><ul><li><a href=/Bible/>Overview</a></li></ul></div><h2>Search</h2><div><ul><li><a href=/Bible/search/>Search</a></li></ul></div><h2>Download</h2><div><ul><li><a href=/Bible/download/>Download</a></li></ul></div><h2>العربية</h2><div><ul><li><a href=/Bible/asvd/>الكتاب المقدس ترجمة فانديك وسميث (ASVD)</a></li></ul></div><h2>česky</h2><div><ul><li><a href=/Bible/csbkr/>Bible Kralická 1613 (CSBKR)</a></li></ul></div><h2>Dansk</h2><div><ul><li><a href=/Bible/da1871/>Danske Bibel 1871 (DA1871)</a></li></ul></div><h2>Deutsch</h2><div><ul><li><a href=/Bible/delut/>Luther Bible 1912 (DELUT)</a></li><li><a href=/Bible/elb/>Elberfelder 1905 (ELB)</a></li><li><a href=/Bible/elb71/>Elberfelder 1871 (ELB71)</a></li></ul></div><h2>English</h2><div><ul><li><a href=/Bible/asv/>American Standard Version (ASV)</a></li><li><a href=/Bible/kjv/>King James Version (KJV)</a></li><li><a href=/Bible/web/>World English Bible (WEB)</a></li></ul></div><h2>Español</h2><div><ul><li><a href=/Bible/rves/>Reina-Valera Antigua (RVES)</a></li></ul></div><h2>Suomi</h2><div><ul><li><a href=/Bible/fi1776/>Finnish 1776 (FI1776)</a></li><li><a href=/Bible/finpr/>Finnish 1938 (FINPR)</a></li></ul></div><h2>Français</h2><div><ul><li><a href=/Bible/fmar/>Martin 1744 (FMAR)</a></li><li><a href=/Bible/frdby/>Bible Darby en français (FRDBY)</a></li><li><a href=/Bible/lsg/>Louis Segond 1910 (LSG)</a></li><li><a href=/Bible/ost/>Ostervald (OST)</a></li></ul></div><h2>Magyar</h2><div><ul><li><a href=/Bible/kar/>Károli 1590 (KAR)</a></li></ul></div><h2>Bahasa Indonesia</h2><div><ul><li><a href=/Bible/idbar/>Terjemahan Baru (IDBAR)</a></li></ul></div><h2>Italiano</h2><div><ul><li><a href=/Bible/igd/>Giovanni Diodati Bibbia (IGD)</a></li><li><a href=/Bible/itriv/>Italian Riveduta 1927 (ITRIV)</a></li></ul></div><h2>日本語</h2><div><ul><li><a href=/Bible/ja1955/>Colloquial Japanese 1955 (JA1955)</a></li></ul></div><h2>Malagasy</h2><div><ul><li><a href=/Bible/mg1865/>Malagasy Bible (MG1865)</a></li></ul></div><h2>te reo Māori</h2><div><ul><li><a href=/Bible/maor/>Maori Bible (MAOR)</a></li></ul></div><h2>한국어</h2><div><ul><li><a href=/Bible/korvb/>개역한글 (KORVB)</a></li></ul></div><h2>Nederlands</h2><div><ul><li><a href=/Bible/sv1750/>Statenvertaling (SV1750)</a></li></ul></div><h2>Norsk</h2><div><ul><li><a href=/Bible/norsk/>Det Norsk Bibelselskap 1930 (NORSK)</a></li></ul></div><h2>Polski</h2><div><ul><li><a href=/Bible/pbg/>Biblia Gdańska (PBG)</a></li></ul></div><h2>Português</h2><div><ul><li><a href=/Bible/aa/>Almeida Atualizada (AA)</a></li></ul></div><h2>Română</h2><div><ul><li><a href=/Bible/rmnn/>Romanian Cornilescu 1928 (RMNN)</a></li><li><a href=/Bible/vdc/>Versiunea Dumitru Cornilescu (VDC)</a></li><li><a href=/Bible/vdcc/>Versiunea Dumitru Cornilescu Corectată (VDCC)</a></li></ul></div><h2>Pyccкий</h2><div><ul><li><a href=/Bible/rursv/>Синодальный перевод (RURSV)</a></li></ul></div><h2>Shqip</h2><div><ul><li><a href=/Bible/albb/>Albanian Bible (ALBB)</a></li></ul></div><h2>Svenska</h2><div><ul><li><a href=/Bible/sk73/>Karl XII 1873 (SK73)</a></li><li><a href=/Bible/sven/>Svenska 1917 (SVEN)</a></li></ul></div><h2>Wikang Tagalog</h2><div><ul><li><a href=/Bible/tlab/>Ang Biblia (TLAB)</a></li></ul></div><h2>українська</h2><div><ul><li><a href=/Bible/ubio/>Біблія в пер. Івана Огієнка 1962 (UBIO)</a></li><li><a href=/Bible/ukrk/>Біблія в пер. П.Куліша та І.Пулюя 1905 (UKRK)</a></li></ul></div><h2>Tiếng Việt</h2><div><ul><li><a href=/Bible/vi1934/>Vietnamese Bible 1934 (VI1934)</a></li></ul></div><h2>简体中文</h2><div><ul><li><a href=/Bible/cuvs/>简体和合本 (CUVS)</a></li></ul></div><h2>繁體中文</h2><div><ul><li><a href=/Bible/cuv/>和合本 (CUV)</a></li></ul></div></div><div class=h1><a id=switch-html>HTML</a></div><div id=list-html><h2>Overview</h2><div><ul><li><a href=/html/>Overview</a></li></ul></div><h2>Attributes</h2><div><ul><li><a href=/html/attributes/abbr/>abbr</a></li><li><a href=/html/attributes/accept/>accept</a></li><li><a href=/html/attributes/accept-charset/>accept-charset</a></li><li><a href=/html/attributes/accesskey/>accesskey</a></li><li><a href=/html/attributes/action/>action</a></li><li><a href=/html/attributes/alt/>alt</a></li><li><a href=/html/attributes/as/>as</a></li><li><a href=/html/attributes/async/>async</a></li><li><a href=/html/attributes/autocapitalize/>autocapitalize</a></li><li><a href=/html/attributes/autocomplete/>autocomplete</a></li><li><a href=/html/attributes/autofocus/>autofocus</a></li><li><a href=/html/attributes/autoplay/>autoplay</a></li><li><a href=/html/attributes/blocking/>blocking</a></li><li><a href=/html/attributes/charset/>charset</a></li><li><a href=/html/attributes/checked/>checked</a></li><li><a href=/html/attributes/cite/>cite</a></li><li><a href=/html/attributes/class/>class</a></li><li><a href=/html/attributes/color/>color</a></li><li><a href=/html/attributes/cols/>cols</a></li><li><a href=/html/attributes/colspan/>colspan</a></li><li><a href=/html/attributes/contenteditable/>contenteditable</a></li><li><a href=/html/attributes/controls/>controls</a></li><li><a href=/html/attributes/coords/>coords</a></li><li><a href=/html/attributes/crossorigin/>crossorigin</a></li><li><a href=/html/attributes/data/>data</a></li><li><a href=/html/attributes/datetime/>datetime</a></li><li><a href=/html/attributes/decoding/>decoding</a></li><li><a href=/html/attributes/default/>default</a></li><li><a href=/html/attributes/defer/>defer</a></li><li><a href=/html/attributes/dir/>dir</a></li><li><a href=/html/attributes/dirname/>dirname</a></li><li><a href=/html/attributes/disabled/>disabled</a></li><li><a href=/html/attributes/download/>download</a></li><li><a href=/html/attributes/draggable/>draggable</a></li><li><a href=/html/attributes/enctype/>enctype</a></li><li><a href=/html/attributes/enterkeyhint/>enterkeyhint</a></li><li><a href=/html/attributes/exportparts/>exportparts</a></li><li><a href=/html/attributes/fetchpriority/>fetchpriority</a></li><li><a href=/html/attributes/for/>for</a></li><li><a href=/html/attributes/form/>form</a></li><li><a href=/html/attributes/formaction/>formaction</a></li><li><a href=/html/attributes/formenctype/>formenctype</a></li><li><a href=/html/attributes/formmethod/>formmethod</a></li><li><a href=/html/attributes/formnovalidate/>formnovalidate</a></li><li><a href=/html/attributes/formtarget/>formtarget</a></li><li><a href=/html/attributes/headers/>headers</a></li><li><a href=/html/attributes/height/>height</a></li><li><a href=/html/attributes/hidden/>hidden</a></li><li><a href=/html/attributes/high/>high</a></li><li><a href=/html/attributes/href/>href</a></li><li><a href=/html/attributes/hreflang/>hreflang</a></li><li><a href=/html/attributes/http-equiv/>http-equiv</a></li><li><a href=/html/attributes/id/>id</a></li><li><a href=/html/attributes/imagesizes/>imagesizes</a></li><li><a href=/html/attributes/imagesrcset/>imagesrcset</a></li><li><a href=/html/attributes/inert/>inert</a></li><li><a href=/html/attributes/inputmode/>inputmode</a></li><li><a href=/html/attributes/integrity/>integrity</a></li><li><a href=/html/attributes/is/>is</a></li><li><a href=/html/attributes/ismap/>ismap</a></li><li><a href=/html/attributes/itemid/>itemid</a></li><li><a href=/html/attributes/itemprop/>itemprop</a></li><li><a href=/html/attributes/itemref/>itemref</a></li><li><a href=/html/attributes/itemscope/>itemscope</a></li><li><a href=/html/attributes/itemtype/>itemtype</a></li><li><a href=/html/attributes/kind/>kind</a></li><li><a href=/html/attributes/label/>label</a></li><li><a href=/html/attributes/lang/>lang</a></li><li><a href=/html/attributes/list/>list</a></li><li><a href=/html/attributes/loading/>loading</a></li><li><a href=/html/attributes/loop/>loop</a></li><li><a href=/html/attributes/low/>low</a></li><li><a href=/html/attributes/max/>max</a></li><li><a href=/html/attributes/maxlength/>maxlength</a></li><li><a href=/html/attributes/media/>media</a></li><li><a href=/html/attributes/method/>method</a></li><li><a href=/html/attributes/min/>min</a></li><li><a href=/html/attributes/minlength/>minlength</a></li><li><a href=/html/attributes/multiple/>multiple</a></li><li><a href=/html/attributes/muted/>muted</a></li><li><a href=/html/attributes/name/>name</a></li><li><a href=/html/attributes/nomodule/>nomodule</a></li><li><a href=/html/attributes/nonce/>nonce</a></li><li><a href=/html/attributes/novalidate/>novalidate</a></li><li><a href=/html/attributes/onabort/>onabort</a></li><li><a href=/html/attributes/onafterprint/>onafterprint</a></li><li><a href=/html/attributes/onauxclick/>onauxclick</a></li><li><a href=/html/attributes/onbeforeinput/>onbeforeinput</a></li><li><a href=/html/attributes/onbeforeprint/>onbeforeprint</a></li><li><a href=/html/attributes/onbeforetoggle/>onbeforetoggle</a></li><li><a href=/html/attributes/onbeforeunload/>onbeforeunload</a></li><li><a href=/html/attributes/onblur/>onblur</a></li><li><a href=/html/attributes/oncancel/>oncancel</a></li><li><a href=/html/attributes/oncanplay/>oncanplay</a></li><li><a href=/html/attributes/oncanplaythrough/>oncanplaythrough</a></li><li><a href=/html/attributes/onchange/>onchange</a></li><li><a href=/html/attributes/onclick/>onclick</a></li><li><a href=/html/attributes/oncontextlost/>oncontextlost</a></li><li><a href=/html/attributes/oncontextmenu/>oncontextmenu</a></li><li><a href=/html/attributes/oncontextrestored/>oncontextrestored</a></li><li><a href=/html/attributes/oncopy/>oncopy</a></li><li><a href=/html/attributes/oncut/>oncut</a></li><li><a href=/html/attributes/ondblclick/>ondblclick</a></li><li><a href=/html/attributes/ondrag/>ondrag</a></li><li><a href=/html/attributes/ondragend/>ondragend</a></li><li><a href=/html/attributes/ondragenter/>ondragenter</a></li><li><a href=/html/attributes/ondragleave/>ondragleave</a></li><li><a href=/html/attributes/ondragover/>ondragover</a></li><li><a href=/html/attributes/ondragstart/>ondragstart</a></li><li><a href=/html/attributes/ondrop/>ondrop</a></li><li><a href=/html/attributes/ondurationchange/>ondurationchange</a></li><li><a href=/html/attributes/onended/>onended</a></li><li><a href=/html/attributes/onfocus/>onfocus</a></li><li><a href=/html/attributes/onformdata/>onformdata</a></li><li><a href=/html/attributes/onhashchange/>onhashchange</a></li><li><a href=/html/attributes/oninput/>oninput</a></li><li><a href=/html/attributes/oninvalid/>oninvalid</a></li><li><a href=/html/attributes/onkeydown/>onkeydown</a></li><li><a href=/html/attributes/onkeypress/>onkeypress</a></li><li><a href=/html/attributes/onkeyup/>onkeyup</a></li><li><a href=/html/attributes/onlanguagechange/>onlanguagechange</a></li><li><a href=/html/attributes/onload/>onload</a></li><li><a href=/html/attributes/onloadeddata/>onloadeddata</a></li><li><a href=/html/attributes/onloadedmetadata/>onloadedmetadata</a></li><li><a href=/html/attributes/onloadstart/>onloadstart</a></li><li><a href=/html/attributes/onmousedown/>onmousedown</a></li><li><a href=/html/attributes/onmouseenter/>onmouseenter</a></li><li><a href=/html/attributes/onmouseleave/>onmouseleave</a></li><li><a href=/html/attributes/onmousemove/>onmousemove</a></li><li><a href=/html/attributes/onmouseout/>onmouseout</a></li><li><a href=/html/attributes/onmouseover/>onmouseover</a></li><li><a href=/html/attributes/onmouseup/>onmouseup</a></li><li><a href=/html/attributes/onmousewheel/>onmousewheel</a></li><li><a href=/html/attributes/onoffline/>onoffline</a></li><li><a href=/html/attributes/ononline/>ononline</a></li><li><a href=/html/attributes/onpagehide/>onpagehide</a></li><li><a href=/html/attributes/onpageshow/>onpageshow</a></li><li><a href=/html/attributes/onpaste/>onpaste</a></li><li><a href=/html/attributes/onpause/>onpause</a></li><li><a href=/html/attributes/onplay/>onplay</a></li><li><a href=/html/attributes/onplaying/>onplaying</a></li><li><a href=/html/attributes/onprogress/>onprogress</a></li><li><a href=/html/attributes/onratechange/>onratechange</a></li><li><a href=/html/attributes/onreset/>onreset</a></li><li><a href=/html/attributes/onresize/>onresize</a></li><li><a href=/html/attributes/onscroll/>onscroll</a></li><li><a href=/html/attributes/onscrollend/>onscrollend</a></li><li><a href=/html/attributes/onsearch/>onsearch</a></li><li><a href=/html/attributes/onseeked/>onseeked</a></li><li><a href=/html/attributes/onseeking/>onseeking</a></li><li><a href=/html/attributes/onselect/>onselect</a></li><li><a href=/html/attributes/onstorage/>onstorage</a></li><li><a href=/html/attributes/onsubmit/>onsubmit</a></li><li><a href=/html/attributes/onsuspend/>onsuspend</a></li><li><a href=/html/attributes/ontimeupdate/>ontimeupdate</a></li><li><a href=/html/attributes/ontoggle/>ontoggle</a></li><li><a href=/html/attributes/onunload/>onunload</a></li><li><a href=/html/attributes/onvolumechange/>onvolumechange</a></li><li><a href=/html/attributes/onwaiting/>onwaiting</a></li><li><a href=/html/attributes/onwheel/>onwheel</a></li><li><a href=/html/attributes/open/>open</a></li><li><a href=/html/attributes/optimum/>optimum</a></li><li><a href=/html/attributes/part/>part</a></li><li><a href=/html/attributes/pattern/>pattern</a></li><li><a href=/html/attributes/ping/>ping</a></li><li><a href=/html/attributes/placeholder/>placeholder</a></li><li><a href=/html/attributes/playsinline/>playsinline</a></li><li><a href=/html/attributes/popover/>popover</a></li><li><a href=/html/attributes/popovertarget/>popovertarget</a></li><li><a href=/html/attributes/popovertargetaction/>popovertargetaction</a></li><li><a href=/html/attributes/poster/>poster</a></li><li><a href=/html/attributes/preload/>preload</a></li><li><a href=/html/attributes/readonly/>readonly</a></li><li><a href=/html/attributes/referrerpolicy/>referrerpolicy</a></li><li><a href=/html/attributes/rel/>rel</a></li><li><a href=/html/attributes/required/>required</a></li><li><a href=/html/attributes/reversed/>reversed</a></li><li><a href=/html/attributes/rows/>rows</a></li><li><a href=/html/attributes/rowspan/>rowspan</a></li><li><a href=/html/attributes/sandbox/>sandbox</a></li><li><a href=/html/attributes/scope/>scope</a></li><li><a href=/html/attributes/selected/>selected</a></li><li><a href=/html/attributes/shape/>shape</a></li><li><a href=/html/attributes/size/>size</a></li><li><a href=/html/attributes/sizes/>sizes</a></li><li><a href=/html/attributes/slot/>slot</a></li><li><a href=/html/attributes/span/>span</a></li><li><a href=/html/attributes/spellcheck/>spellcheck</a></li><li><a href=/html/attributes/src/>src</a></li><li><a href=/html/attributes/srcdoc/>srcdoc</a></li><li><a href=/html/attributes/srclang/>srclang</a></li><li><a href=/html/attributes/srcset/>srcset</a></li><li><a href=/html/attributes/start/>start</a></li><li><a href=/html/attributes/step/>step</a></li><li><a href=/html/attributes/style/>style</a></li><li><a href=/html/attributes/tabindex/>tabindex</a></li><li><a href=/html/attributes/target/>target</a></li><li><a href=/html/attributes/title/>title</a></li><li><a href=/html/attributes/translate/>translate</a></li><li><a href=/html/attributes/type/>type</a></li><li><a href=/html/attributes/usemap/>usemap</a></li><li><a href=/html/attributes/value/>value</a></li><li><a href=/html/attributes/width/>width</a></li><li><a href=/html/attributes/wrap/>wrap</a></li></ul></div><h2>Elements</h2><div><ul><li><a href=/html/elements/!doctype/>!doctype</a></li><li><a href=/html/elements/a/>a</a></li><li><a href=/html/elements/abbr/>abbr</a></li><li><a href=/html/elements/address/>address</a></li><li><a href=/html/elements/area/>area</a></li><li><a href=/html/elements/article/>article</a></li><li><a href=/html/elements/aside/>aside</a></li><li><a href=/html/elements/audio/>audio</a></li><li><a href=/html/elements/b/>b</a></li><li><a href=/html/elements/base/>base</a></li><li><a href=/html/elements/bdi/>bdi</a></li><li><a href=/html/elements/bdo/>bdo</a></li><li><a href=/html/elements/blockquote/>blockquote</a></li><li><a href=/html/elements/body/>body</a></li><li><a href=/html/elements/br/>br</a></li><li><a href=/html/elements/button/>button</a></li><li><a href=/html/elements/canvas/>canvas</a></li><li><a href=/html/elements/caption/>caption</a></li><li><a href=/html/elements/cite/>cite</a></li><li><a href=/html/elements/code/>code</a></li><li><a href=/html/elements/col/>col</a></li><li><a href=/html/elements/colgroup/>colgroup</a></li><li><a href=/html/elements/data/>data</a></li><li><a href=/html/elements/datalist/>datalist</a></li><li><a href=/html/elements/dd/>dd</a></li><li><a href=/html/elements/del/>del</a></li><li><a href=/html/elements/details/>details</a></li><li><a href=/html/elements/dfn/>dfn</a></li><li><a href=/html/elements/dialog/>dialog</a></li><li><a href=/html/elements/div/>div</a></li><li><a href=/html/elements/dl/>dl</a></li><li><a href=/html/elements/dt/>dt</a></li><li><a href=/html/elements/em/>em</a></li><li><a href=/html/elements/embed/>embed</a></li><li><a href=/html/elements/fieldset/>fieldset</a></li><li><a href=/html/elements/figcaption/>figcaption</a></li><li><a href=/html/elements/figure/>figure</a></li><li><a href=/html/elements/footer/>footer</a></li><li><a href=/html/elements/form/>form</a></li><li><a href=/html/elements/h1/>h1</a></li><li><a href=/html/elements/h2/>h2</a></li><li><a href=/html/elements/h3/>h3</a></li><li><a href=/html/elements/h4/>h4</a></li><li><a href=/html/elements/h5/>h5</a></li><li><a href=/html/elements/h6/>h6</a></li><li><a href=/html/elements/head/>head</a></li><li><a href=/html/elements/header/>header</a></li><li><a href=/html/elements/hgroup/>hgroup</a></li><li><a href=/html/elements/hr/>hr</a></li><li><a href=/html/elements/html/>html</a></li><li><a href=/html/elements/i/>i</a></li><li><a href=/html/elements/iframe/>iframe</a></li><li><a href=/html/elements/img/>img</a></li><li><a href=/html/elements/input/>input</a></li><li><a href=/html/elements/ins/>ins</a></li><li><a href=/html/elements/kbd/>kbd</a></li><li><a href=/html/elements/label/>label</a></li><li><a href=/html/elements/legend/>legend</a></li><li><a href=/html/elements/li/>li</a></li><li><a href=/html/elements/link/>link</a></li><li><a href=/html/elements/main/>main</a></li><li><a href=/html/elements/map/>map</a></li><li><a href=/html/elements/mark/>mark</a></li><li><a href=/html/elements/menu/>menu</a></li><li><a href=/html/elements/meta/>meta</a></li><li><a href=/html/elements/meter/>meter</a></li><li><a href=/html/elements/nav/>nav</a></li><li><a href=/html/elements/noscript/>noscript</a></li><li><a href=/html/elements/object/>object</a></li><li><a href=/html/elements/ol/>ol</a></li><li><a href=/html/elements/optgroup/>optgroup</a></li><li><a href=/html/elements/option/>option</a></li><li><a href=/html/elements/output/>output</a></li><li><a href=/html/elements/p/>p</a></li><li><a href=/html/elements/param/>param</a></li><li><a href=/html/elements/picture/>picture</a></li><li><a href=/html/elements/pre/>pre</a></li><li><a href=/html/elements/progress/>progress</a></li><li><a href=/html/elements/q/>q</a></li><li><a href=/html/elements/rb/>rb</a></li><li><a href=/html/elements/rp/>rp</a></li><li><a href=/html/elements/rt/>rt</a></li><li><a href=/html/elements/rtc/>rtc</a></li><li><a href=/html/elements/ruby/>ruby</a></li><li><a href=/html/elements/s/>s</a></li><li><a href=/html/elements/samp/>samp</a></li><li><a href=/html/elements/script/>script</a></li><li><a href=/html/elements/search/>search</a></li><li><a href=/html/elements/section/>section</a></li><li><a href=/html/elements/select/>select</a></li><li><a href=/html/elements/slot/>slot</a></li><li><a href=/html/elements/small/>small</a></li><li><a href=/html/elements/source/>source</a></li><li><a href=/html/elements/span/>span</a></li><li><a href=/html/elements/strong/>strong</a></li><li><a href=/html/elements/style/>style</a></li><li><a href=/html/elements/sub/>sub</a></li><li><a href=/html/elements/summary/>summary</a></li><li><a href=/html/elements/sup/>sup</a></li><li><a href=/html/elements/table/>table</a></li><li><a href=/html/elements/tbody/>tbody</a></li><li><a href=/html/elements/td/>td</a></li><li><a href=/html/elements/template/>template</a></li><li><a href=/html/elements/textarea/>textarea</a></li><li><a href=/html/elements/tfoot/>tfoot</a></li><li><a href=/html/elements/th/>th</a></li><li><a href=/html/elements/thead/>thead</a></li><li><a href=/html/elements/time/>time</a></li><li><a href=/html/elements/title/>title</a></li><li><a href=/html/elements/tr/>tr</a></li><li><a href=/html/elements/track/>track</a></li><li><a href=/html/elements/u/>u</a></li><li><a href=/html/elements/ul/>ul</a></li><li><a href=/html/elements/var/>var</a></li><li><a href=/html/elements/video/>video</a></li><li><a href=/html/elements/wbr/>wbr</a></li></ul></div><h2>Other</h2><div><ul><li><a href=/html/characters/>Characters</a></li><li><a href=/html/comments/>Comments</a></li><li><a href=/html/datatypes/>Datatypes</a></li></ul></div></div><div class=h1><a id=switch-css>CSS</a></div><div id=list-css><h2>Overview</h2><div><ul><li><a href=/css/>Overview</a></li></ul></div><h2>Functions</h2><div><ul><li><a href=/css/functions/abs/>abs</a></li><li><a href=/css/functions/acos/>acos</a></li><li><a href=/css/functions/asin/>asin</a></li><li><a href=/css/functions/atan/>atan</a></li><li><a href=/css/functions/atan2/>atan2</a></li><li><a href=/css/functions/attr/>attr</a></li><li><a href=/css/functions/calc/>calc</a></li><li><a href=/css/functions/clamp/>clamp</a></li><li><a href=/css/functions/color/>color</a></li><li><a href=/css/functions/conic-gradient/>conic-gradient</a></li><li><a href=/css/functions/cos/>cos</a></li><li><a href=/css/functions/counter/>counter</a></li><li><a href=/css/functions/counters/>counters</a></li><li><a href=/css/functions/hsl/>hsl</a></li><li><a href=/css/functions/hsla/>hsla</a></li><li><a href=/css/functions/hwb/>hwb</a></li><li><a href=/css/functions/if/>if</a></li><li><a href=/css/functions/lab/>lab</a></li><li><a href=/css/functions/lch/>lch</a></li><li><a href=/css/functions/linear-gradient/>linear-gradient</a></li><li><a href=/css/functions/matrix/>matrix</a></li><li><a href=/css/functions/matrix3d/>matrix3d</a></li><li><a href=/css/functions/max/>max</a></li><li><a href=/css/functions/min/>min</a></li><li><a href=/css/functions/mod/>mod</a></li><li><a href=/css/functions/oklab/>oklab</a></li><li><a href=/css/functions/oklch/>oklch</a></li><li><a href=/css/functions/param/>param</a></li><li><a href=/css/functions/perspective/>perspective</a></li><li><a href=/css/functions/radial-gradient/>radial-gradient</a></li><li><a href=/css/functions/rem/>rem</a></li><li><a href=/css/functions/repeating-conic-gradient/>repeating-conic-gradient</a></li><li><a href=/css/functions/repeating-linear-gradient/>repeating-linear-gradient</a></li><li><a href=/css/functions/repeating-radial-gradient/>repeating-radial-gradient</a></li><li><a href=/css/functions/rgb/>rgb</a></li><li><a href=/css/functions/rgba/>rgba</a></li><li><a href=/css/functions/rotate/>rotate</a></li><li><a href=/css/functions/rotate3d/>rotate3d</a></li><li><a href=/css/functions/rotatex/>rotateX</a></li><li><a href=/css/functions/rotatey/>rotateY</a></li><li><a href=/css/functions/rotatez/>rotateZ</a></li><li><a href=/css/functions/round/>round</a></li><li><a href=/css/functions/scale/>scale</a></li><li><a href=/css/functions/scale3d/>scale3d</a></li><li><a href=/css/functions/scalex/>scaleX</a></li><li><a href=/css/functions/scaley/>scaleY</a></li><li><a href=/css/functions/scalez/>scaleZ</a></li><li><a href=/css/functions/sin/>sin</a></li><li><a href=/css/functions/skew/>skew</a></li><li><a href=/css/functions/skewx/>skewX</a></li><li><a href=/css/functions/skewy/>skewY</a></li><li><a href=/css/functions/src/>src</a></li><li><a href=/css/functions/tan/>tan</a></li><li><a href=/css/functions/translate/>translate</a></li><li><a href=/css/functions/translate3d/>translate3d</a></li><li><a href=/css/functions/translatex/>translateX</a></li><li><a href=/css/functions/translatey/>translateY</a></li><li><a href=/css/functions/translatez/>translateZ</a></li><li><a href=/css/functions/url/>url</a></li><li><a href=/css/functions/var/>var</a></li></ul></div><h2>Properties</h2><div><ul><li><a href=/css/properties/accent-color/>accent-color</a></li><li><a href=/css/properties/align-content/>align-content</a></li><li><a href=/css/properties/align-items/>align-items</a></li><li><a href=/css/properties/align-self/>align-self</a></li><li><a href=/css/properties/all/>all</a></li><li><a href=/css/properties/animation/>animation</a></li><li><a href=/css/properties/animation-composition/>animation-composition</a></li><li><a href=/css/properties/animation-delay/>animation-delay</a></li><li><a href=/css/properties/animation-direction/>animation-direction</a></li><li><a href=/css/properties/animation-duration/>animation-duration</a></li><li><a href=/css/properties/animation-fill-mode/>animation-fill-mode</a></li><li><a href=/css/properties/animation-iteration-count/>animation-iteration-count</a></li><li><a href=/css/properties/animation-name/>animation-name</a></li><li><a href=/css/properties/animation-play-state/>animation-play-state</a></li><li><a href=/css/properties/animation-timeline/>animation-timeline</a></li><li><a href=/css/properties/animation-timing-function/>animation-timing-function</a></li><li><a href=/css/properties/appearance/>appearance</a></li><li><a href=/css/properties/aspect-ratio/>aspect-ratio</a></li><li><a href=/css/properties/backdrop-filter/>backdrop-filter</a></li><li><a href=/css/properties/backface-visibility/>backface-visibility</a></li><li><a href=/css/properties/background/>background</a></li><li><a href=/css/properties/background-attachment/>background-attachment</a></li><li><a href=/css/properties/background-blend-mode/>background-blend-mode</a></li><li><a href=/css/properties/background-clip/>background-clip</a></li><li><a href=/css/properties/background-color/>background-color</a></li><li><a href=/css/properties/background-image/>background-image</a></li><li><a href=/css/properties/background-origin/>background-origin</a></li><li><a href=/css/properties/background-position/>background-position</a></li><li><a href=/css/properties/background-position-x/>background-position-x</a></li><li><a href=/css/properties/background-position-y/>background-position-y</a></li><li><a href=/css/properties/background-repeat/>background-repeat</a></li><li><a href=/css/properties/background-size/>background-size</a></li><li><a href=/css/properties/block-ellipsis/>block-ellipsis</a></li><li><a href=/css/properties/block-size/>block-size</a></li><li><a href=/css/properties/border/>border</a></li><li><a href=/css/properties/border-block/>border-block</a></li><li><a href=/css/properties/border-block-color/>border-block-color</a></li><li><a href=/css/properties/border-block-end/>border-block-end</a></li><li><a href=/css/properties/border-block-end-color/>border-block-end-color</a></li><li><a href=/css/properties/border-block-end-style/>border-block-end-style</a></li><li><a href=/css/properties/border-block-end-width/>border-block-end-width</a></li><li><a href=/css/properties/border-block-start/>border-block-start</a></li><li><a href=/css/properties/border-block-start-color/>border-block-start-color</a></li><li><a href=/css/properties/border-block-start-style/>border-block-start-style</a></li><li><a href=/css/properties/border-block-start-width/>border-block-start-width</a></li><li><a href=/css/properties/border-block-style/>border-block-style</a></li><li><a href=/css/properties/border-block-width/>border-block-width</a></li><li><a href=/css/properties/border-bottom/>border-bottom</a></li><li><a href=/css/properties/border-bottom-color/>border-bottom-color</a></li><li><a href=/css/properties/border-bottom-left-radius/>border-bottom-left-radius</a></li><li><a href=/css/properties/border-bottom-right-radius/>border-bottom-right-radius</a></li><li><a href=/css/properties/border-bottom-style/>border-bottom-style</a></li><li><a href=/css/properties/border-bottom-width/>border-bottom-width</a></li><li><a href=/css/properties/border-collapse/>border-collapse</a></li><li><a href=/css/properties/border-color/>border-color</a></li><li><a href=/css/properties/border-end-end-radius/>border-end-end-radius</a></li><li><a href=/css/properties/border-end-start-radius/>border-end-start-radius</a></li><li><a href=/css/properties/border-image/>border-image</a></li><li><a href=/css/properties/border-image-outset/>border-image-outset</a></li><li><a href=/css/properties/border-image-repeat/>border-image-repeat</a></li><li><a href=/css/properties/border-image-slice/>border-image-slice</a></li><li><a href=/css/properties/border-image-source/>border-image-source</a></li><li><a href=/css/properties/border-image-width/>border-image-width</a></li><li><a href=/css/properties/border-inline/>border-inline</a></li><li><a href=/css/properties/border-inline-color/>border-inline-color</a></li><li><a href=/css/properties/border-inline-end/>border-inline-end</a></li><li><a href=/css/properties/border-inline-end-color/>border-inline-end-color</a></li><li><a href=/css/properties/border-inline-end-style/>border-inline-end-style</a></li><li><a href=/css/properties/border-inline-end-width/>border-inline-end-width</a></li><li><a href=/css/properties/border-inline-start/>border-inline-start</a></li><li><a href=/css/properties/border-inline-start-color/>border-inline-start-color</a></li><li><a href=/css/properties/border-inline-start-style/>border-inline-start-style</a></li><li><a href=/css/properties/border-inline-start-width/>border-inline-start-width</a></li><li><a href=/css/properties/border-inline-style/>border-inline-style</a></li><li><a href=/css/properties/border-inline-width/>border-inline-width</a></li><li><a href=/css/properties/border-left/>border-left</a></li><li><a href=/css/properties/border-left-color/>border-left-color</a></li><li><a href=/css/properties/border-left-style/>border-left-style</a></li><li><a href=/css/properties/border-left-width/>border-left-width</a></li><li><a href=/css/properties/border-radius/>border-radius</a></li><li><a href=/css/properties/border-right/>border-right</a></li><li><a href=/css/properties/border-right-color/>border-right-color</a></li><li><a href=/css/properties/border-right-style/>border-right-style</a></li><li><a href=/css/properties/border-right-width/>border-right-width</a></li><li><a href=/css/properties/border-spacing/>border-spacing</a></li><li><a href=/css/properties/border-start-end-radius/>border-start-end-radius</a></li><li><a href=/css/properties/border-start-start-radius/>border-start-start-radius</a></li><li><a href=/css/properties/border-style/>border-style</a></li><li><a href=/css/properties/border-top/>border-top</a></li><li><a href=/css/properties/border-top-color/>border-top-color</a></li><li><a href=/css/properties/border-top-left-radius/>border-top-left-radius</a></li><li><a href=/css/properties/border-top-right-radius/>border-top-right-radius</a></li><li><a href=/css/properties/border-top-style/>border-top-style</a></li><li><a href=/css/properties/border-top-width/>border-top-width</a></li><li><a href=/css/properties/border-width/>border-width</a></li><li><a href=/css/properties/bottom/>bottom</a></li><li><a href=/css/properties/box-decoration-break/>box-decoration-break</a></li><li><a href=/css/properties/box-shadow/>box-shadow</a></li><li><a href=/css/properties/box-sizing/>box-sizing</a></li><li><a href=/css/properties/caption-side/>caption-side</a></li><li><a href=/css/properties/caret/>caret</a></li><li><a href=/css/properties/caret-animation/>caret-animation</a></li><li><a href=/css/properties/caret-color/>caret-color</a></li><li><a href=/css/properties/caret-shape/>caret-shape</a></li><li><a href=/css/properties/clear/>clear</a></li><li><a href=/css/properties/clip/>clip</a></li><li><a href=/css/properties/clip-path/>clip-path</a></li><li><a href=/css/properties/color/>color</a></li><li><a href=/css/properties/color-scheme/>color-scheme</a></li><li><a href=/css/properties/column-count/>column-count</a></li><li><a href=/css/properties/column-fill/>column-fill</a></li><li><a href=/css/properties/column-gap/>column-gap</a></li><li><a href=/css/properties/column-rule/>column-rule</a></li><li><a href=/css/properties/column-rule-color/>column-rule-color</a></li><li><a href=/css/properties/column-rule-style/>column-rule-style</a></li><li><a href=/css/properties/column-rule-width/>column-rule-width</a></li><li><a href=/css/properties/column-span/>column-span</a></li><li><a href=/css/properties/column-width/>column-width</a></li><li><a href=/css/properties/columns/>columns</a></li><li><a href=/css/properties/contain/>contain</a></li><li><a href=/css/properties/contain-intrinsic-block-size/>contain-intrinsic-block-size</a></li><li><a href=/css/properties/contain-intrinsic-height/>contain-intrinsic-height</a></li><li><a href=/css/properties/contain-intrinsic-inline-size/>contain-intrinsic-inline-size</a></li><li><a href=/css/properties/contain-intrinsic-size/>contain-intrinsic-size</a></li><li><a href=/css/properties/contain-intrinsic-width/>contain-intrinsic-width</a></li><li><a href=/css/properties/container/>container</a></li><li><a href=/css/properties/container-name/>container-name</a></li><li><a href=/css/properties/container-type/>container-type</a></li><li><a href=/css/properties/content/>content</a></li><li><a href=/css/properties/content-visibility/>content-visibility</a></li><li><a href=/css/properties/continue/>continue</a></li><li><a href=/css/properties/counter-increment/>counter-increment</a></li><li><a href=/css/properties/counter-reset/>counter-reset</a></li><li><a href=/css/properties/counter-set/>counter-set</a></li><li><a href=/css/properties/cursor/>cursor</a></li><li><a href=/css/properties/direction/>direction</a></li><li><a href=/css/properties/display/>display</a></li><li><a href=/css/properties/empty-cells/>empty-cells</a></li><li><a href=/css/properties/filter/>filter</a></li><li><a href=/css/properties/flex/>flex</a></li><li><a href=/css/properties/flex-basis/>flex-basis</a></li><li><a href=/css/properties/flex-direction/>flex-direction</a></li><li><a href=/css/properties/flex-flow/>flex-flow</a></li><li><a href=/css/properties/flex-grow/>flex-grow</a></li><li><a href=/css/properties/flex-shrink/>flex-shrink</a></li><li><a href=/css/properties/flex-wrap/>flex-wrap</a></li><li><a href=/css/properties/float/>float</a></li><li><a href=/css/properties/font/>font</a></li><li><a href=/css/properties/font-family/>font-family</a></li><li><a href=/css/properties/font-feature-settings/>font-feature-settings</a></li><li><a href=/css/properties/font-kerning/>font-kerning</a></li><li><a href=/css/properties/font-optical-sizing/>font-optical-sizing</a></li><li><a href=/css/properties/font-size/>font-size</a></li><li><a href=/css/properties/font-size-adjust/>font-size-adjust</a></li><li><a href=/css/properties/font-stretch/>font-stretch</a></li><li><a href=/css/properties/font-style/>font-style</a></li><li><a href=/css/properties/font-variant/>font-variant</a></li><li><a href=/css/properties/font-variant-caps/>font-variant-caps</a></li><li><a href=/css/properties/font-variant-ligatures/>font-variant-ligatures</a></li><li><a href=/css/properties/font-variant-numeric/>font-variant-numeric</a></li><li><a href=/css/properties/font-variant-position/>font-variant-position</a></li><li><a href=/css/properties/font-variation-settings/>font-variation-settings</a></li><li><a href=/css/properties/font-weight/>font-weight</a></li><li><a href=/css/properties/forced-color-adjust/>forced-color-adjust</a></li><li><a href=/css/properties/gap/>gap</a></li><li><a href=/css/properties/grid/>grid</a></li><li><a href=/css/properties/grid-area/>grid-area</a></li><li><a href=/css/properties/grid-auto-columns/>grid-auto-columns</a></li><li><a href=/css/properties/grid-auto-flow/>grid-auto-flow</a></li><li><a href=/css/properties/grid-auto-rows/>grid-auto-rows</a></li><li><a href=/css/properties/grid-column/>grid-column</a></li><li><a href=/css/properties/grid-column-end/>grid-column-end</a></li><li><a href=/css/properties/grid-column-start/>grid-column-start</a></li><li><a href=/css/properties/grid-row/>grid-row</a></li><li><a href=/css/properties/grid-row-end/>grid-row-end</a></li><li><a href=/css/properties/grid-row-start/>grid-row-start</a></li><li><a href=/css/properties/grid-template/>grid-template</a></li><li><a href=/css/properties/grid-template-areas/>grid-template-areas</a></li><li><a href=/css/properties/grid-template-columns/>grid-template-columns</a></li><li><a href=/css/properties/grid-template-rows/>grid-template-rows</a></li><li><a href=/css/properties/hanging-punctuation/>hanging-punctuation</a></li><li><a href=/css/properties/height/>height</a></li><li><a href=/css/properties/hyphens/>hyphens</a></li><li><a href=/css/properties/image-rendering/>image-rendering</a></li><li><a href=/css/properties/initial-letter/>initial-letter</a></li><li><a href=/css/properties/initial-letter-align/>initial-letter-align</a></li><li><a href=/css/properties/inline-size/>inline-size</a></li><li><a href=/css/properties/inset/>inset</a></li><li><a href=/css/properties/inset-block/>inset-block</a></li><li><a href=/css/properties/inset-block-end/>inset-block-end</a></li><li><a href=/css/properties/inset-block-start/>inset-block-start</a></li><li><a href=/css/properties/inset-inline/>inset-inline</a></li><li><a href=/css/properties/inset-inline-end/>inset-inline-end</a></li><li><a href=/css/properties/inset-inline-start/>inset-inline-start</a></li><li><a href=/css/properties/isolation/>isolation</a></li><li><a href=/css/properties/justify-content/>justify-content</a></li><li><a href=/css/properties/justify-items/>justify-items</a></li><li><a href=/css/properties/justify-self/>justify-self</a></li><li><a href=/css/properties/left/>left</a></li><li><a href=/css/properties/letter-spacing/>letter-spacing</a></li><li><a href=/css/properties/line-break/>line-break</a></li><li><a href=/css/properties/line-clamp/>line-clamp</a></li><li><a href=/css/properties/line-height/>line-height</a></li><li><a href=/css/properties/list-style/>list-style</a></li><li><a href=/css/properties/list-style-image/>list-style-image</a></li><li><a href=/css/properties/list-style-position/>list-style-position</a></li><li><a href=/css/properties/list-style-type/>list-style-type</a></li><li><a href=/css/properties/margin/>margin</a></li><li><a href=/css/properties/margin-block/>margin-block</a></li><li><a href=/css/properties/margin-block-end/>margin-block-end</a></li><li><a href=/css/properties/margin-block-start/>margin-block-start</a></li><li><a href=/css/properties/margin-bottom/>margin-bottom</a></li><li><a href=/css/properties/margin-inline/>margin-inline</a></li><li><a href=/css/properties/margin-inline-end/>margin-inline-end</a></li><li><a href=/css/properties/margin-inline-start/>margin-inline-start</a></li><li><a href=/css/properties/margin-left/>margin-left</a></li><li><a href=/css/properties/margin-right/>margin-right</a></li><li><a href=/css/properties/margin-top/>margin-top</a></li><li><a href=/css/properties/mask/>mask</a></li><li><a href=/css/properties/mask-border/>mask-border</a></li><li><a href=/css/properties/mask-border-mode/>mask-border-mode</a></li><li><a href=/css/properties/mask-border-outset/>mask-border-outset</a></li><li><a href=/css/properties/mask-border-repeat/>mask-border-repeat</a></li><li><a href=/css/properties/mask-border-slice/>mask-border-slice</a></li><li><a href=/css/properties/mask-border-source/>mask-border-source</a></li><li><a href=/css/properties/mask-border-width/>mask-border-width</a></li><li><a href=/css/properties/mask-clip/>mask-clip</a></li><li><a href=/css/properties/mask-composite/>mask-composite</a></li><li><a href=/css/properties/mask-image/>mask-image</a></li><li><a href=/css/properties/mask-mode/>mask-mode</a></li><li><a href=/css/properties/mask-origin/>mask-origin</a></li><li><a href=/css/properties/mask-position/>mask-position</a></li><li><a href=/css/properties/mask-repeat/>mask-repeat</a></li><li><a href=/css/properties/mask-size/>mask-size</a></li><li><a href=/css/properties/mask-type/>mask-type</a></li><li><a href=/css/properties/math-depth/>math-depth</a></li><li><a href=/css/properties/math-shift/>math-shift</a></li><li><a href=/css/properties/math-style/>math-style</a></li><li><a href=/css/properties/max-block-size/>max-block-size</a></li><li><a href=/css/properties/max-height/>max-height</a></li><li><a href=/css/properties/max-inline-size/>max-inline-size</a></li><li><a href=/css/properties/max-lines/>max-lines</a></li><li><a href=/css/properties/max-width/>max-width</a></li><li><a href=/css/properties/min-block-size/>min-block-size</a></li><li><a href=/css/properties/min-height/>min-height</a></li><li><a href=/css/properties/min-inline-size/>min-inline-size</a></li><li><a href=/css/properties/min-width/>min-width</a></li><li><a href=/css/properties/mix-blend-mode/>mix-blend-mode</a></li><li><a href=/css/properties/nav-down/>nav-down</a></li><li><a href=/css/properties/nav-left/>nav-left</a></li><li><a href=/css/properties/nav-right/>nav-right</a></li><li><a href=/css/properties/nav-up/>nav-up</a></li><li><a href=/css/properties/object-fit/>object-fit</a></li><li><a href=/css/properties/object-position/>object-position</a></li><li><a href=/css/properties/opacity/>opacity</a></li><li><a href=/css/properties/orphans/>orphans</a></li><li><a href=/css/properties/outline/>outline</a></li><li><a href=/css/properties/outline-color/>outline-color</a></li><li><a href=/css/properties/outline-offset/>outline-offset</a></li><li><a href=/css/properties/outline-style/>outline-style</a></li><li><a href=/css/properties/outline-width/>outline-width</a></li><li><a href=/css/properties/overflow/>overflow</a></li><li><a href=/css/properties/overflow-block/>overflow-block</a></li><li><a href=/css/properties/overflow-clip-margin/>overflow-clip-margin</a></li><li><a href=/css/properties/overflow-inline/>overflow-inline</a></li><li><a href=/css/properties/overflow-wrap/>overflow-wrap</a></li><li><a href=/css/properties/overflow-x/>overflow-x</a></li><li><a href=/css/properties/overflow-y/>overflow-y</a></li><li><a href=/css/properties/padding/>padding</a></li><li><a href=/css/properties/padding-block/>padding-block</a></li><li><a href=/css/properties/padding-block-end/>padding-block-end</a></li><li><a href=/css/properties/padding-block-start/>padding-block-start</a></li><li><a href=/css/properties/padding-bottom/>padding-bottom</a></li><li><a href=/css/properties/padding-inline/>padding-inline</a></li><li><a href=/css/properties/padding-inline-end/>padding-inline-end</a></li><li><a href=/css/properties/padding-inline-start/>padding-inline-start</a></li><li><a href=/css/properties/padding-left/>padding-left</a></li><li><a href=/css/properties/padding-right/>padding-right</a></li><li><a href=/css/properties/padding-top/>padding-top</a></li><li><a href=/css/properties/paint-order/>paint-order</a></li><li><a href=/css/properties/perspective/>perspective</a></li><li><a href=/css/properties/perspective-origin/>perspective-origin</a></li><li><a href=/css/properties/place-content/>place-content</a></li><li><a href=/css/properties/place-items/>place-items</a></li><li><a href=/css/properties/place-self/>place-self</a></li><li><a href=/css/properties/pointer-events/>pointer-events</a></li><li><a href=/css/properties/position/>position</a></li><li><a href=/css/properties/print-color-adjust/>print-color-adjust</a></li><li><a href=/css/properties/quotes/>quotes</a></li><li><a href=/css/properties/resize/>resize</a></li><li><a href=/css/properties/right/>right</a></li><li><a href=/css/properties/rotate/>rotate</a></li><li><a href=/css/properties/row-gap/>row-gap</a></li><li><a href=/css/properties/scale/>scale</a></li><li><a href=/css/properties/scroll-behavior/>scroll-behavior</a></li><li><a href=/css/properties/scroll-margin/>scroll-margin</a></li><li><a href=/css/properties/scroll-margin-block/>scroll-margin-block</a></li><li><a href=/css/properties/scroll-margin-block-end/>scroll-margin-block-end</a></li><li><a href=/css/properties/scroll-margin-block-start/>scroll-margin-block-start</a></li><li><a href=/css/properties/scroll-margin-bottom/>scroll-margin-bottom</a></li><li><a href=/css/properties/scroll-margin-inline/>scroll-margin-inline</a></li><li><a href=/css/properties/scroll-margin-inline-end/>scroll-margin-inline-end</a></li><li><a href=/css/properties/scroll-margin-inline-start/>scroll-margin-inline-start</a></li><li><a href=/css/properties/scroll-margin-left/>scroll-margin-left</a></li><li><a href=/css/properties/scroll-margin-right/>scroll-margin-right</a></li><li><a href=/css/properties/scroll-margin-top/>scroll-margin-top</a></li><li><a href=/css/properties/scroll-padding/>scroll-padding</a></li><li><a href=/css/properties/scroll-padding-block/>scroll-padding-block</a></li><li><a href=/css/properties/scroll-padding-block-end/>scroll-padding-block-end</a></li><li><a href=/css/properties/scroll-padding-block-start/>scroll-padding-block-start</a></li><li><a href=/css/properties/scroll-padding-bottom/>scroll-padding-bottom</a></li><li><a href=/css/properties/scroll-padding-inline/>scroll-padding-inline</a></li><li><a href=/css/properties/scroll-padding-inline-end/>scroll-padding-inline-end</a></li><li><a href=/css/properties/scroll-padding-inline-start/>scroll-padding-inline-start</a></li><li><a href=/css/properties/scroll-padding-left/>scroll-padding-left</a></li><li><a href=/css/properties/scroll-padding-right/>scroll-padding-right</a></li><li><a href=/css/properties/scroll-padding-top/>scroll-padding-top</a></li><li><a href=/css/properties/scroll-snap-align/>scroll-snap-align</a></li><li><a href=/css/properties/scroll-snap-stop/>scroll-snap-stop</a></li><li><a href=/css/properties/scroll-snap-type/>scroll-snap-type</a></li><li><a href=/css/properties/scroll-timeline/>scroll-timeline</a></li><li><a href=/css/properties/scroll-timeline-axis/>scroll-timeline-axis</a></li><li><a href=/css/properties/scroll-timeline-name/>scroll-timeline-name</a></li><li><a href=/css/properties/scrollbar-color/>scrollbar-color</a></li><li><a href=/css/properties/scrollbar-gutter/>scrollbar-gutter</a></li><li><a href=/css/properties/scrollbar-width/>scrollbar-width</a></li><li><a href=/css/properties/shape-image-threshold/>shape-image-threshold</a></li><li><a href=/css/properties/shape-margin/>shape-margin</a></li><li><a href=/css/properties/shape-outside/>shape-outside</a></li><li><a href=/css/properties/shape-rendering/>shape-rendering</a></li><li><a href=/css/properties/tab-size/>tab-size</a></li><li><a href=/css/properties/table-layout/>table-layout</a></li><li><a href=/css/properties/text-align/>text-align</a></li><li><a href=/css/properties/text-align-all/>text-align-all</a></li><li><a href=/css/properties/text-align-last/>text-align-last</a></li><li><a href=/css/properties/text-combine-upright/>text-combine-upright</a></li><li><a href=/css/properties/text-decoration/>text-decoration</a></li><li><a href=/css/properties/text-decoration-color/>text-decoration-color</a></li><li><a href=/css/properties/text-decoration-line/>text-decoration-line</a></li><li><a href=/css/properties/text-decoration-skip-ink/>text-decoration-skip-ink</a></li><li><a href=/css/properties/text-decoration-style/>text-decoration-style</a></li><li><a href=/css/properties/text-decoration-thickness/>text-decoration-thickness</a></li><li><a href=/css/properties/text-decoration-trim/>text-decoration-trim</a></li><li><a href=/css/properties/text-emphasis/>text-emphasis</a></li><li><a href=/css/properties/text-emphasis-color/>text-emphasis-color</a></li><li><a href=/css/properties/text-emphasis-position/>text-emphasis-position</a></li><li><a href=/css/properties/text-emphasis-style/>text-emphasis-style</a></li><li><a href=/css/properties/text-indent/>text-indent</a></li><li><a href=/css/properties/text-justify/>text-justify</a></li><li><a href=/css/properties/text-orientation/>text-orientation</a></li><li><a href=/css/properties/text-overflow/>text-overflow</a></li><li><a href=/css/properties/text-rendering/>text-rendering</a></li><li><a href=/css/properties/text-shadow/>text-shadow</a></li><li><a href=/css/properties/text-transform/>text-transform</a></li><li><a href=/css/properties/text-underline-offset/>text-underline-offset</a></li><li><a href=/css/properties/text-underline-position/>text-underline-position</a></li><li><a href=/css/properties/top/>top</a></li><li><a href=/css/properties/transform/>transform</a></li><li><a href=/css/properties/transform-box/>transform-box</a></li><li><a href=/css/properties/transform-origin/>transform-origin</a></li><li><a href=/css/properties/transform-style/>transform-style</a></li><li><a href=/css/properties/transition/>transition</a></li><li><a href=/css/properties/transition-delay/>transition-delay</a></li><li><a href=/css/properties/transition-duration/>transition-duration</a></li><li><a href=/css/properties/transition-property/>transition-property</a></li><li><a href=/css/properties/transition-timing-function/>transition-timing-function</a></li><li><a href=/css/properties/translate/>translate</a></li><li><a href=/css/properties/unicode-bidi/>unicode-bidi</a></li><li><a href=/css/properties/vertical-align/>vertical-align</a></li><li><a href=/css/properties/visibility/>visibility</a></li><li><a href=/css/properties/white-space/>white-space</a></li><li><a href=/css/properties/widows/>widows</a></li><li><a href=/css/properties/width/>width</a></li><li><a href=/css/properties/word-break/>word-break</a></li><li><a href=/css/properties/word-spacing/>word-spacing</a></li><li><a href=/css/properties/word-wrap/>word-wrap</a></li><li><a href=/css/properties/writing-mode/>writing-mode</a></li><li><a href=/css/properties/z-index/>z-index</a></li><li><a href=/css/properties/zoom/>zoom</a></li></ul></div><h2>Pseudo-Classes</h2><div><ul><li><a href=/css/pseudo-classes/active/>active</a></li><li><a href=/css/pseudo-classes/any-link/>any-link</a></li><li><a href=/css/pseudo-classes/autofill/>autofill</a></li><li><a href=/css/pseudo-classes/blank/>blank</a></li><li><a href=/css/pseudo-classes/checked/>checked</a></li><li><a href=/css/pseudo-classes/default/>default</a></li><li><a href=/css/pseudo-classes/defined/>defined</a></li><li><a href=/css/pseudo-classes/dir/>dir</a></li><li><a href=/css/pseudo-classes/disabled/>disabled</a></li><li><a href=/css/pseudo-classes/empty/>empty</a></li><li><a href=/css/pseudo-classes/enabled/>enabled</a></li><li><a href=/css/pseudo-classes/first-child/>first-child</a></li><li><a href=/css/pseudo-classes/first-of-type/>first-of-type</a></li><li><a href=/css/pseudo-classes/focus/>focus</a></li><li><a href=/css/pseudo-classes/focus-visible/>focus-visible</a></li><li><a href=/css/pseudo-classes/focus-within/>focus-within</a></li><li><a href=/css/pseudo-classes/fullscreen/>fullscreen</a></li><li><a href=/css/pseudo-classes/has/>has</a></li><li><a href=/css/pseudo-classes/hover/>hover</a></li><li><a href=/css/pseudo-classes/in-range/>in-range</a></li><li><a href=/css/pseudo-classes/indeterminate/>indeterminate</a></li><li><a href=/css/pseudo-classes/invalid/>invalid</a></li><li><a href=/css/pseudo-classes/is/>is</a></li><li><a href=/css/pseudo-classes/lang/>lang</a></li><li><a href=/css/pseudo-classes/last-child/>last-child</a></li><li><a href=/css/pseudo-classes/last-of-type/>last-of-type</a></li><li><a href=/css/pseudo-classes/link/>link</a></li><li><a href=/css/pseudo-classes/local-link/>local-link</a></li><li><a href=/css/pseudo-classes/modal/>modal</a></li><li><a href=/css/pseudo-classes/not/>not</a></li><li><a href=/css/pseudo-classes/nth-child/>nth-child</a></li><li><a href=/css/pseudo-classes/nth-col/>nth-col</a></li><li><a href=/css/pseudo-classes/nth-last-child/>nth-last-child</a></li><li><a href=/css/pseudo-classes/nth-last-col/>nth-last-col</a></li><li><a href=/css/pseudo-classes/nth-last-of-type/>nth-last-of-type</a></li><li><a href=/css/pseudo-classes/nth-of-type/>nth-of-type</a></li><li><a href=/css/pseudo-classes/only-child/>only-child</a></li><li><a href=/css/pseudo-classes/only-of-type/>only-of-type</a></li><li><a href=/css/pseudo-classes/optional/>optional</a></li><li><a href=/css/pseudo-classes/out-of-range/>out-of-range</a></li><li><a href=/css/pseudo-classes/picture-in-picture/>picture-in-picture</a></li><li><a href=/css/pseudo-classes/placeholder-shown/>placeholder-shown</a></li><li><a href=/css/pseudo-classes/popover-open/>popover-open</a></li><li><a href=/css/pseudo-classes/read-only/>read-only</a></li><li><a href=/css/pseudo-classes/read-write/>read-write</a></li><li><a href=/css/pseudo-classes/required/>required</a></li><li><a href=/css/pseudo-classes/root/>root</a></li><li><a href=/css/pseudo-classes/scope/>scope</a></li><li><a href=/css/pseudo-classes/target/>target</a></li><li><a href=/css/pseudo-classes/target-within/>target-within</a></li><li><a href=/css/pseudo-classes/valid/>valid</a></li><li><a href=/css/pseudo-classes/visited/>visited</a></li><li><a href=/css/pseudo-classes/where/>where</a></li></ul></div><h2>Pseudo-Elements</h2><div><ul><li><a href=/css/pseudo-elements/after/>after</a></li><li><a href=/css/pseudo-elements/backdrop/>backdrop</a></li><li><a href=/css/pseudo-elements/before/>before</a></li><li><a href=/css/pseudo-elements/details-content/>details-content</a></li><li><a href=/css/pseudo-elements/file-selector-button/>file-selector-button</a></li><li><a href=/css/pseudo-elements/first-letter/>first-letter</a></li><li><a href=/css/pseudo-elements/first-line/>first-line</a></li><li><a href=/css/pseudo-elements/highlight/>highlight</a></li><li><a href=/css/pseudo-elements/marker/>marker</a></li><li><a href=/css/pseudo-elements/part/>part</a></li><li><a href=/css/pseudo-elements/placeholder/>placeholder</a></li><li><a href=/css/pseudo-elements/selection/>selection</a></li></ul></div><h2>Units</h2><div><ul><li><a href=/css/units/cap/>cap</a></li><li><a href=/css/units/ch/>ch</a></li><li><a href=/css/units/cm/>cm</a></li><li><a href=/css/units/cqb/>cqb</a></li><li><a href=/css/units/cqh/>cqh</a></li><li><a href=/css/units/cqi/>cqi</a></li><li><a href=/css/units/cqmax/>cqmax</a></li><li><a href=/css/units/cqmin/>cqmin</a></li><li><a href=/css/units/cqw/>cqw</a></li><li><a href=/css/units/deg/>deg</a></li><li><a href=/css/units/dpcm/>dpcm</a></li><li><a href=/css/units/dpi/>dpi</a></li><li><a href=/css/units/dppx/>dppx</a></li><li><a href=/css/units/dvb/>dvb</a></li><li><a href=/css/units/dvh/>dvh</a></li><li><a href=/css/units/dvi/>dvi</a></li><li><a href=/css/units/dvmax/>dvmax</a></li><li><a href=/css/units/dvmin/>dvmin</a></li><li><a href=/css/units/dvw/>dvw</a></li><li><a href=/css/units/em/>em</a></li><li><a href=/css/units/ex/>ex</a></li><li><a href=/css/units/grad/>grad</a></li><li><a href=/css/units/ic/>ic</a></li><li><a href=/css/units/in/>in</a></li><li><a href=/css/units/lvb/>lvb</a></li><li><a href=/css/units/lvh/>lvh</a></li><li><a href=/css/units/lvi/>lvi</a></li><li><a href=/css/units/lvmax/>lvmax</a></li><li><a href=/css/units/lvmin/>lvmin</a></li><li><a href=/css/units/lvw/>lvw</a></li><li><a href=/css/units/mm/>mm</a></li><li><a href=/css/units/ms/>ms</a></li><li><a href=/css/units/pc/>pc</a></li><li><a href=/css/units/pt/>pt</a></li><li><a href=/css/units/px/>px</a></li><li><a href=/css/units/q/>Q</a></li><li><a href=/css/units/rad/>rad</a></li><li><a href=/css/units/rem/>rem</a></li><li><a href=/css/units/s/>s</a></li><li><a href=/css/units/svb/>svb</a></li><li><a href=/css/units/svh/>svh</a></li><li><a href=/css/units/svi/>svi</a></li><li><a href=/css/units/svmax/>svmax</a></li><li><a href=/css/units/svmin/>svmin</a></li><li><a href=/css/units/svw/>svw</a></li><li><a href=/css/units/turn/>turn</a></li><li><a href=/css/units/vb/>vb</a></li><li><a href=/css/units/vh/>vh</a></li><li><a href=/css/units/vi/>vi</a></li><li><a href=/css/units/vmax/>vmax</a></li><li><a href=/css/units/vmin/>vmin</a></li><li><a href=/css/units/vw/>vw</a></li></ul></div></div><div class=h1><a id=switch-js>JS</a></div><div id=list-js><h2>Overview</h2><div><ul><li><a href=/js/>Overview</a></li></ul></div><h2>AbortController</h2><div><ul><li><a href=/js/abortcontroller/abort/>abort</a></li><li><a href=/js/abortcontroller/abortcontroller/>AbortController</a></li><li><a href=/js/abortcontroller/signal/>signal</a></li></ul></div><h2>AbstractRange</h2><div><ul><li><a href=/js/abstractrange/collapsed/>collapsed</a></li><li><a href=/js/abstractrange/endcontainer/>endContainer</a></li><li><a href=/js/abstractrange/endoffset/>endOffset</a></li><li><a href=/js/abstractrange/startcontainer/>startContainer</a></li><li><a href=/js/abstractrange/startoffset/>startOffset</a></li></ul></div><h2>AbortSignal</h2><div><ul><li><a href=/js/abortsignal/abort/>abort</a></li><li><a href=/js/abortsignal/aborted/>aborted</a></li><li><a href=/js/abortsignal/reason/>reason</a></li><li><a href=/js/abortsignal/throwifaborted/>throwIfAborted</a></li><li><a href=/js/abortsignal/timeout/>timeout</a></li></ul></div><h2>ChildNode</h2><div><ul><li><a href=/js/childnode/after/>after</a></li><li><a href=/js/childnode/before/>before</a></li><li><a href=/js/childnode/remove/>remove</a></li><li><a href=/js/childnode/replacewith/>replaceWith</a></li></ul></div><h2>Comment</h2><div><ul><li><a href=/js/comment/comment/>Comment</a></li></ul></div><h2>console</h2><div><ul><li><a href=/js/console/assert/>assert</a></li><li><a href=/js/console/clear/>clear</a></li><li><a href=/js/console/count/>count</a></li><li><a href=/js/console/countreset/>countReset</a></li><li><a href=/js/console/debug/>debug</a></li><li><a href=/js/console/dir/>dir</a></li><li><a href=/js/console/dirxml/>dirxml</a></li><li><a href=/js/console/error/>error</a></li><li><a href=/js/console/group/>group</a></li><li><a href=/js/console/groupcollapsed/>groupCollapsed</a></li><li><a href=/js/console/groupend/>groupEnd</a></li><li><a href=/js/console/info/>info</a></li><li><a href=/js/console/log/>log</a></li><li><a href=/js/console/table/>table</a></li><li><a href=/js/console/time/>time</a></li><li><a href=/js/console/timeend/>timeEnd</a></li><li><a href=/js/console/timelog/>timeLog</a></li><li><a href=/js/console/trace/>trace</a></li><li><a href=/js/console/warn/>warn</a></li></ul></div><h2>CustomEvent</h2><div><ul><li><a href=/js/customevent/customevent/>CustomEvent</a></li><li><a href=/js/customevent/detail/>detail</a></li></ul></div><h2>Declarations</h2><div><ul><li><a href=/js/declarations/const/>const</a></li><li><a href=/js/declarations/let/>let</a></li><li><a href=/js/declarations/var/>var</a></li></ul></div><h2>Document</h2><div><ul><li><a href=/js/document/adoptnode/>adoptNode</a></li><li><a href=/js/document/body/>body</a></li><li><a href=/js/document/characterset/>characterSet</a></li><li><a href=/js/document/close/>close</a></li><li><a href=/js/document/compatmode/>compatMode</a></li><li><a href=/js/document/contenttype/>contentType</a></li><li><a href=/js/document/cookie/>cookie</a></li><li><a href=/js/document/createcdatasection/>createCDATASection</a></li><li><a href=/js/document/createcomment/>createComment</a></li><li><a href=/js/document/createdocumentfragment/>createDocumentFragment</a></li><li><a href=/js/document/createelement/>createElement</a></li><li><a href=/js/document/createelementns/>createElementNS</a></li><li><a href=/js/document/createprocessinginstruction/>createProcessingInstruction</a></li><li><a href=/js/document/createtextnode/>createTextNode</a></li><li><a href=/js/document/currentscript/>currentScript</a></li><li><a href=/js/document/defaultview/>defaultView</a></li><li><a href=/js/document/designmode/>designMode</a></li><li><a href=/js/document/dir/>dir</a></li><li><a href=/js/document/doctype/>doctype</a></li><li><a href=/js/document/document/>Document</a></li><li><a href=/js/document/documentelement/>documentElement</a></li><li><a href=/js/document/documenturi/>documentURI</a></li><li><a href=/js/document/domain/>domain</a></li><li><a href=/js/document/embeds/>embeds</a></li><li><a href=/js/document/exitpictureinpicture/>exitPictureInPicture</a></li><li><a href=/js/document/forms/>forms</a></li><li><a href=/js/document/getelementsbyclassname/>getElementsByClassName</a></li><li><a href=/js/document/getelementsbyname/>getElementsByName</a></li><li><a href=/js/document/getelementsbytagname/>getElementsByTagName</a></li><li><a href=/js/document/getelementsbytagnamens/>getElementsByTagNameNS</a></li><li><a href=/js/document/hasfocus/>hasFocus</a></li><li><a href=/js/document/head/>head</a></li><li><a href=/js/document/hidden/>hidden</a></li><li><a href=/js/document/images/>images</a></li><li><a href=/js/document/implementation/>implementation</a></li><li><a href=/js/document/importnode/>importNode</a></li><li><a href=/js/document/lastmodified/>lastModified</a></li><li><a href=/js/document/links/>links</a></li><li><a href=/js/document/location/>location</a></li><li><a href=/js/document/onreadystatechange/>onreadystatechange</a></li><li><a href=/js/document/onvisibilitychange/>onvisibilitychange</a></li><li><a href=/js/document/open/>open</a></li><li><a href=/js/document/parsehtmlunsafe/>parseHTMLUnsafe</a></li><li><a href=/js/document/pictureinpictureenabled/>pictureInPictureEnabled</a></li><li><a href=/js/document/plugins/>plugins</a></li><li><a href=/js/document/readystate/>readyState</a></li><li><a href=/js/document/referrer/>referrer</a></li><li><a href=/js/document/scripts/>scripts</a></li><li><a href=/js/document/title/>title</a></li><li><a href=/js/document/url/>URL</a></li><li><a href=/js/document/visibilitystate/>visibilityState</a></li><li><a href=/js/document/write/>write</a></li><li><a href=/js/document/writeln/>writeln</a></li></ul></div><h2>DocumentFragment</h2><div><ul><li><a href=/js/documentfragment/documentfragment/>DocumentFragment</a></li></ul></div><h2>DocumentOrShadowRoot</h2><div><ul><li><a href=/js/documentorshadowroot/activeelement/>activeElement</a></li><li><a href=/js/documentorshadowroot/pictureinpictureelement/>pictureInPictureElement</a></li></ul></div><h2>DOMImplementation</h2><div><ul><li><a href=/js/domimplementation/createdocument/>createDocument</a></li><li><a href=/js/domimplementation/createdocumenttype/>createDocumentType</a></li><li><a href=/js/domimplementation/createhtmldocument/>createHTMLDocument</a></li></ul></div><h2>DOMStringList</h2><div><ul><li><a href=/js/domstringlist/contains/>contains</a></li><li><a href=/js/domstringlist/item/>item</a></li><li><a href=/js/domstringlist/length/>length</a></li></ul></div><h2>DOMTokenList</h2><div><ul><li><a href=/js/domtokenlist/add/>add</a></li><li><a href=/js/domtokenlist/contains/>contains</a></li><li><a href=/js/domtokenlist/item/>item</a></li><li><a href=/js/domtokenlist/length/>length</a></li><li><a href=/js/domtokenlist/remove/>remove</a></li><li><a href=/js/domtokenlist/replace/>replace</a></li><li><a href=/js/domtokenlist/supports/>supports</a></li><li><a href=/js/domtokenlist/toggle/>toggle</a></li><li><a href=/js/domtokenlist/value/>value</a></li></ul></div><h2>Element</h2><div><ul><li><a href=/js/element/attachshadow/>attachShadow</a></li><li><a href=/js/element/classlist/>classList</a></li><li><a href=/js/element/classname/>className</a></li><li><a href=/js/element/closest/>closest</a></li><li><a href=/js/element/getattribute/>getAttribute</a></li><li><a href=/js/element/getattributenames/>getAttributeNames</a></li><li><a href=/js/element/getattributens/>getAttributeNS</a></li><li><a href=/js/element/hasattribute/>hasAttribute</a></li><li><a href=/js/element/hasattributens/>hasAttributeNS</a></li><li><a href=/js/element/hasattributes/>hasAttributes</a></li><li><a href=/js/element/id/>id</a></li><li><a href=/js/element/innerhtml/>innerHTML</a></li><li><a href=/js/element/insertadjacenthtml/>insertAdjacentHTML</a></li><li><a href=/js/element/localname/>localName</a></li><li><a href=/js/element/matches/>matches</a></li><li><a href=/js/element/namespaceuri/>namespaceURI</a></li><li><a href=/js/element/outerhtml/>outerHTML</a></li><li><a href=/js/element/prefix/>prefix</a></li><li><a href=/js/element/removeattribute/>removeAttribute</a></li><li><a href=/js/element/removeattributens/>removeAttributeNS</a></li><li><a href=/js/element/setattribute/>setAttribute</a></li><li><a href=/js/element/setattributens/>setAttributeNS</a></li><li><a href=/js/element/shadowroot/>shadowRoot</a></li><li><a href=/js/element/slot/>slot</a></li><li><a href=/js/element/tagname/>tagName</a></li><li><a href=/js/element/toggleattribute/>toggleAttribute</a></li></ul></div><h2>Event</h2><div><ul><li><a href=/js/event/bubbles/>bubbles</a></li><li><a href=/js/event/cancelable/>cancelable</a></li><li><a href=/js/event/composed/>composed</a></li><li><a href=/js/event/composedpath/>composedPath</a></li><li><a href=/js/event/currenttarget/>currentTarget</a></li><li><a href=/js/event/defaultprevented/>defaultPrevented</a></li><li><a href=/js/event/event/>Event</a></li><li><a href=/js/event/eventphase/>eventPhase</a></li><li><a href=/js/event/istrusted/>isTrusted</a></li><li><a href=/js/event/preventdefault/>preventDefault</a></li><li><a href=/js/event/stopimmediatepropagation/>stopImmediatePropagation</a></li><li><a href=/js/event/stoppropagation/>stopPropagation</a></li><li><a href=/js/event/target/>target</a></li><li><a href=/js/event/timestamp/>timeStamp</a></li><li><a href=/js/event/type/>type</a></li></ul></div><h2>EventTarget</h2><div><ul><li><a href=/js/eventtarget/addeventlistener/>addEventListener</a></li><li><a href=/js/eventtarget/dispatchevent/>dispatchEvent</a></li><li><a href=/js/eventtarget/eventtarget/>EventTarget</a></li><li><a href=/js/eventtarget/removeeventlistener/>removeEventListener</a></li></ul></div><h2>HTMLAllCollection</h2><div><ul><li><a href=/js/htmlallcollection/item/>item</a></li><li><a href=/js/htmlallcollection/length/>length</a></li><li><a href=/js/htmlallcollection/nameditem/>namedItem</a></li></ul></div><h2>HTMLBaseElement</h2><div><ul><li><a href=/js/htmlbaseelement/href/>href</a></li><li><a href=/js/htmlbaseelement/target/>target</a></li></ul></div><h2>HTMLCollection</h2><div><ul><li><a href=/js/htmlcollection/item/>item</a></li><li><a href=/js/htmlcollection/length/>length</a></li><li><a href=/js/htmlcollection/nameditem/>namedItem</a></li></ul></div><h2>HTMLDialogElement</h2><div><ul><li><a href=/js/htmldialogelement/close/>close</a></li><li><a href=/js/htmldialogelement/open/>open</a></li><li><a href=/js/htmldialogelement/returnvalue/>returnValue</a></li><li><a href=/js/htmldialogelement/show/>show</a></li><li><a href=/js/htmldialogelement/showmodal/>showModal</a></li></ul></div><h2>HTMLElement</h2><div><ul><li><a href=/js/htmlelement/accesskey/>accessKey</a></li><li><a href=/js/htmlelement/accesskeylabel/>accessKeyLabel</a></li><li><a href=/js/htmlelement/attachinternals/>attachInternals</a></li><li><a href=/js/htmlelement/autocapitalize/>autocapitalize</a></li><li><a href=/js/htmlelement/autocorrect/>autocorrect</a></li><li><a href=/js/htmlelement/click/>click</a></li><li><a href=/js/htmlelement/constructor/>constructor</a></li><li><a href=/js/htmlelement/dir/>dir</a></li><li><a href=/js/htmlelement/draggable/>draggable</a></li><li><a href=/js/htmlelement/hidden/>hidden</a></li><li><a href=/js/htmlelement/hidepopover/>hidePopover</a></li><li><a href=/js/htmlelement/inert/>inert</a></li><li><a href=/js/htmlelement/innertext/>innerText</a></li><li><a href=/js/htmlelement/lang/>lang</a></li><li><a href=/js/htmlelement/outertext/>outerText</a></li><li><a href=/js/htmlelement/popover/>popover</a></li><li><a href=/js/htmlelement/showpopover/>showPopover</a></li><li><a href=/js/htmlelement/spellcheck/>spellcheck</a></li><li><a href=/js/htmlelement/title/>title</a></li><li><a href=/js/htmlelement/togglepopover/>togglePopover</a></li><li><a href=/js/htmlelement/translate/>translate</a></li><li><a href=/js/htmlelement/writingsuggestions/>writingSuggestions</a></li></ul></div><h2>HTMLFormControlsCollection</h2><div><ul><li><a href=/js/htmlformcontrolscollection/item/>item</a></li><li><a href=/js/htmlformcontrolscollection/length/>length</a></li><li><a href=/js/htmlformcontrolscollection/nameditem/>namedItem</a></li></ul></div><h2>HTMLLinkElement</h2><div><ul><li><a href=/js/htmllinkelement/crossorigin/>crossOrigin</a></li><li><a href=/js/htmllinkelement/href/>href</a></li><li><a href=/js/htmllinkelement/rel/>rel</a></li></ul></div><h2>HTMLOptionsCollection</h2><div><ul><li><a href=/js/htmloptionscollection/add/>add</a></li><li><a href=/js/htmloptionscollection/item/>item</a></li><li><a href=/js/htmloptionscollection/length/>length</a></li><li><a href=/js/htmloptionscollection/nameditem/>namedItem</a></li><li><a href=/js/htmloptionscollection/remove/>remove</a></li><li><a href=/js/htmloptionscollection/selectedindex/>selectedIndex</a></li></ul></div><h2>HTMLOrSVGElement</h2><div><ul><li><a href=/js/htmlorsvgelement/autofocus/>autofocus</a></li><li><a href=/js/htmlorsvgelement/blur/>blur</a></li><li><a href=/js/htmlorsvgelement/dataset/>dataset</a></li><li><a href=/js/htmlorsvgelement/focus/>focus</a></li><li><a href=/js/htmlorsvgelement/nonce/>nonce</a></li><li><a href=/js/htmlorsvgelement/tabindex/>tabIndex</a></li></ul></div><h2>HTMLVideoElement</h2><div><ul><li><a href=/js/htmlvideoelement/autopictureinpicture/>autoPictureInPicture</a></li><li><a href=/js/htmlvideoelement/disablepictureinpicture/>disablePictureInPicture</a></li><li><a href=/js/htmlvideoelement/requestpictureinpicture/>requestPictureInPicture</a></li></ul></div><h2>Iterations</h2><div><ul><li><a href=/js/iterations/do-while/>do-while</a></li><li><a href=/js/iterations/for/>for</a></li><li><a href=/js/iterations/for-await-of/>for-await-of</a></li><li><a href=/js/iterations/for-in/>for-in</a></li><li><a href=/js/iterations/for-of/>for-of</a></li><li><a href=/js/iterations/while/>while</a></li></ul></div><h2>Location</h2><div><ul><li><a href=/js/location/ancestororigins/>ancestorOrigins</a></li></ul></div><h2>MutationObserver</h2><div><ul><li><a href=/js/mutationobserver/disconnect/>disconnect</a></li><li><a href=/js/mutationobserver/mutationobserver/>MutationObserver</a></li><li><a href=/js/mutationobserver/observe/>observe</a></li><li><a href=/js/mutationobserver/takerecords/>takeRecords</a></li></ul></div><h2>MutationRecord</h2><div><ul><li><a href=/js/mutationrecord/addednodes/>addedNodes</a></li><li><a href=/js/mutationrecord/attributename/>attributeName</a></li><li><a href=/js/mutationrecord/attributenamespace/>attributeNamespace</a></li><li><a href=/js/mutationrecord/nextsibling/>nextSibling</a></li><li><a href=/js/mutationrecord/oldvalue/>oldValue</a></li><li><a href=/js/mutationrecord/previoussibling/>previousSibling</a></li><li><a href=/js/mutationrecord/removednodes/>removedNodes</a></li><li><a href=/js/mutationrecord/target/>target</a></li><li><a href=/js/mutationrecord/type/>type</a></li></ul></div><h2>Node</h2><div><ul><li><a href=/js/node/baseuri/>baseURI</a></li><li><a href=/js/node/childnodes/>childNodes</a></li><li><a href=/js/node/clonenode/>cloneNode</a></li><li><a href=/js/node/comparedocumentposition/>compareDocumentPosition</a></li><li><a href=/js/node/contains/>contains</a></li><li><a href=/js/node/firstchild/>firstChild</a></li><li><a href=/js/node/getrootnode/>getRootNode</a></li><li><a href=/js/node/haschildnodes/>hasChildNodes</a></li><li><a href=/js/node/isconnected/>isConnected</a></li><li><a href=/js/node/isequalnode/>isEqualNode</a></li><li><a href=/js/node/lastchild/>lastChild</a></li><li><a href=/js/node/nextsibling/>nextSibling</a></li><li><a href=/js/node/nodename/>nodeName</a></li><li><a href=/js/node/nodetype/>nodeType</a></li><li><a href=/js/node/normalize/>normalize</a></li><li><a href=/js/node/ownerdocument/>ownerDocument</a></li><li><a href=/js/node/parentelement/>parentElement</a></li><li><a href=/js/node/parentnode/>parentNode</a></li><li><a href=/js/node/previoussibling/>previousSibling</a></li></ul></div><h2>NodeList</h2><div><ul><li><a href=/js/nodelist/item/>item</a></li><li><a href=/js/nodelist/length/>length</a></li></ul></div><h2>NonDocumentTypeChildNode</h2><div><ul><li><a href=/js/nondocumenttypechildnode/nextelementsibling/>nextElementSibling</a></li><li><a href=/js/nondocumenttypechildnode/previouselementsibling/>previousElementSibling</a></li></ul></div><h2>NonElementParentNode</h2><div><ul><li><a href=/js/nonelementparentnode/getelementbyid/>getElementById</a></li></ul></div><h2>ParentNode</h2><div><ul><li><a href=/js/parentnode/append/>append</a></li><li><a href=/js/parentnode/children/>children</a></li><li><a href=/js/parentnode/firstelementchild/>firstElementChild</a></li><li><a href=/js/parentnode/lastelementchild/>lastElementChild</a></li><li><a href=/js/parentnode/prepend/>prepend</a></li><li><a href=/js/parentnode/queryselector/>querySelector</a></li><li><a href=/js/parentnode/queryselectorall/>querySelectorAll</a></li><li><a href=/js/parentnode/replacechildren/>replaceChildren</a></li></ul></div><h2>Prompts</h2><div><ul><li><a href=/js/prompts/alert/>alert</a></li><li><a href=/js/prompts/confirm/>confirm</a></li><li><a href=/js/prompts/prompt/>prompt</a></li></ul></div><h2>RadioNodeList</h2><div><ul><li><a href=/js/radionodelist/value/>value</a></li></ul></div><h2>Range</h2><div><ul><li><a href=/js/range/commonancestorcontainer/>commonAncestorContainer</a></li><li><a href=/js/range/comparepoint/>comparePoint</a></li><li><a href=/js/range/createcontextualfragment/>createContextualFragment</a></li><li><a href=/js/range/intersectsnode/>intersectsNode</a></li><li><a href=/js/range/range/>Range</a></li></ul></div><h2>Slottable</h2><div><ul><li><a href=/js/slottable/assignedslot/>assignedSlot</a></li></ul></div><h2>Statements</h2><div><ul><li><a href=/js/statements/if/>if</a></li><li><a href=/js/statements/switch/>switch</a></li><li><a href=/js/statements/try/>try</a></li></ul></div><h2>StaticRange</h2><div><ul><li><a href=/js/staticrange/staticrange/>StaticRange</a></li></ul></div><h2>Text</h2><div><ul><li><a href=/js/text/splittext/>splitText</a></li><li><a href=/js/text/text/>Text</a></li><li><a href=/js/text/wholetext/>wholeText</a></li></ul></div><h2>Window</h2><div><ul><li><a href=/js/window/location/>location</a></li></ul></div><h2>WindowOrWorkerGlobalScope</h2><div><ul><li><a href=/js/windoworworkerglobalscope/atob/>atob</a></li><li><a href=/js/windoworworkerglobalscope/btoa/>btoa</a></li><li><a href=/js/windoworworkerglobalscope/clearinterval/>clearInterval</a></li><li><a href=/js/windoworworkerglobalscope/cleartimeout/>clearTimeout</a></li><li><a href=/js/windoworworkerglobalscope/createimagebitmap/>createImageBitmap</a></li><li><a href=/js/windoworworkerglobalscope/crossoriginisolated/>crossOriginIsolated</a></li><li><a href=/js/windoworworkerglobalscope/issecurecontext/>isSecureContext</a></li><li><a href=/js/windoworworkerglobalscope/origin/>origin</a></li><li><a href=/js/windoworworkerglobalscope/queuemicrotask/>queueMicrotask</a></li><li><a href=/js/windoworworkerglobalscope/reporterror/>reportError</a></li><li><a href=/js/windoworworkerglobalscope/setinterval/>setInterval</a></li><li><a href=/js/windoworworkerglobalscope/settimeout/>setTimeout</a></li><li><a href=/js/windoworworkerglobalscope/structuredclone/>structuredClone</a></li></ul></div><h2>Other</h2><div><ul><li><a href=/js/array/>Array</a></li><li><a href=/js/comments/>Comments</a></li><li><a href=/js/date/>Date</a></li><li><a href=/js/enable/>Enable</a></li><li><a href=/js/functions/>Functions</a></li><li><a href=/js/infinity/>Infinity</a></li><li><a href=/js/print/>print</a></li></ul></div></div><div class=h1><a id=switch-php>PHP</a></div><div id=list-php><h2>Overview</h2><div><ul><li><a href=/php/>Overview</a></li></ul></div><h2>Array</h2><div><ul><li><a href=/php/array/array/>array</a></li><li><a href=/php/array/array_all/>array_all</a></li><li><a href=/php/array/array_any/>array_any</a></li><li><a href=/php/array/array_change_key_case/>array_change_key_case</a></li><li><a href=/php/array/array_chunk/>array_chunk</a></li><li><a href=/php/array/array_column/>array_column</a></li><li><a href=/php/array/array_combine/>array_combine</a></li><li><a href=/php/array/array_count_values/>array_count_values</a></li><li><a href=/php/array/array_diff/>array_diff</a></li><li><a href=/php/array/array_diff_assoc/>array_diff_assoc</a></li><li><a href=/php/array/array_diff_key/>array_diff_key</a></li><li><a href=/php/array/array_diff_uassoc/>array_diff_uassoc</a></li><li><a href=/php/array/array_diff_ukey/>array_diff_ukey</a></li><li><a href=/php/array/array_fill/>array_fill</a></li><li><a href=/php/array/array_fill_keys/>array_fill_keys</a></li><li><a href=/php/array/array_filter/>array_filter</a></li><li><a href=/php/array/array_find/>array_find</a></li><li><a href=/php/array/array_find_key/>array_find_key</a></li><li><a href=/php/array/array_first/>array_first</a></li><li><a href=/php/array/array_flip/>array_flip</a></li><li><a href=/php/array/array_intersect/>array_intersect</a></li><li><a href=/php/array/array_intersect_assoc/>array_intersect_assoc</a></li><li><a href=/php/array/array_intersect_key/>array_intersect_key</a></li><li><a href=/php/array/array_intersect_uassoc/>array_intersect_uassoc</a></li><li><a href=/php/array/array_intersect_ukey/>array_intersect_ukey</a></li><li><a href=/php/array/array_key_exists/>array_key_exists</a></li><li><a href=/php/array/array_key_first/>array_key_first</a></li><li><a href=/php/array/array_key_last/>array_key_last</a></li><li><a href=/php/array/array_keys/>array_keys</a></li><li><a href=/php/array/array_last/>array_last</a></li><li><a href=/php/array/array_map/>array_map</a></li><li><a href=/php/array/array_merge/>array_merge</a></li><li><a href=/php/array/array_merge_recursive/>array_merge_recursive</a></li><li><a href=/php/array/array_multisort/>array_multisort</a></li><li><a href=/php/array/array_pad/>array_pad</a></li><li><a href=/php/array/array_pop/>array_pop</a></li><li><a href=/php/array/array_product/>array_product</a></li><li><a href=/php/array/array_push/>array_push</a></li><li><a href=/php/array/array_rand/>array_rand</a></li><li><a href=/php/array/array_reduce/>array_reduce</a></li><li><a href=/php/array/array_replace/>array_replace</a></li><li><a href=/php/array/array_replace_recursive/>array_replace_recursive</a></li><li><a href=/php/array/array_reverse/>array_reverse</a></li><li><a href=/php/array/array_search/>array_search</a></li><li><a href=/php/array/array_shift/>array_shift</a></li><li><a href=/php/array/array_slice/>array_slice</a></li><li><a href=/php/array/array_splice/>array_splice</a></li><li><a href=/php/array/array_sum/>array_sum</a></li><li><a href=/php/array/array_udiff/>array_udiff</a></li><li><a href=/php/array/array_udiff_assoc/>array_udiff_assoc</a></li><li><a href=/php/array/array_udiff_uassoc/>array_udiff_uassoc</a></li><li><a href=/php/array/array_uintersect/>array_uintersect</a></li><li><a href=/php/array/array_uintersect_assoc/>array_uintersect_assoc</a></li><li><a href=/php/array/array_uintersect_uassoc/>array_uintersect_uassoc</a></li><li><a href=/php/array/array_unique/>array_unique</a></li><li><a href=/php/array/array_unshift/>array_unshift</a></li><li><a href=/php/array/array_values/>array_values</a></li><li><a href=/php/array/array_walk/>array_walk</a></li><li><a href=/php/array/array_walk_recursive/>array_walk_recursive</a></li><li><a href=/php/array/arsort/>arsort</a></li><li><a href=/php/array/asort/>asort</a></li><li><a href=/php/array/compact/>compact</a></li><li><a href=/php/array/count/>count</a></li><li><a href=/php/array/current/>current</a></li><li><a href=/php/array/end/>end</a></li><li><a href=/php/array/extract/>extract</a></li><li><a href=/php/array/in_array/>in_array</a></li><li><a href=/php/array/key/>key</a></li><li><a href=/php/array/key_exists/>key_exists</a></li><li><a href=/php/array/krsort/>krsort</a></li><li><a href=/php/array/ksort/>ksort</a></li><li><a href=/php/array/list/>list</a></li><li><a href=/php/array/natcasesort/>natcasesort</a></li><li><a href=/php/array/natsort/>natsort</a></li><li><a href=/php/array/next/>next</a></li><li><a href=/php/array/pos/>pos</a></li><li><a href=/php/array/prev/>prev</a></li><li><a href=/php/array/range/>range</a></li><li><a href=/php/array/reset/>reset</a></li><li><a href=/php/array/rsort/>rsort</a></li><li><a href=/php/array/shuffle/>shuffle</a></li><li><a href=/php/array/sizeof/>sizeof</a></li><li><a href=/php/array/sort/>sort</a></li><li><a href=/php/array/uasort/>uasort</a></li><li><a href=/php/array/uksort/>uksort</a></li><li><a href=/php/array/usort/>usort</a></li></ul></div><h2>BCMath</h2><div><ul><li><a href=/php/bcmath/bcadd/>bcadd</a></li><li><a href=/php/bcmath/bcceil/>bcceil</a></li><li><a href=/php/bcmath/bccomp/>bccomp</a></li><li><a href=/php/bcmath/bcdiv/>bcdiv</a></li><li><a href=/php/bcmath/bcdivmod/>bcdivmod</a></li><li><a href=/php/bcmath/bcfloor/>bcfloor</a></li><li><a href=/php/bcmath/bcmod/>bcmod</a></li><li><a href=/php/bcmath/bcmul/>bcmul</a></li><li><a href=/php/bcmath/bcpow/>bcpow</a></li><li><a href=/php/bcmath/bcpowmod/>bcpowmod</a></li><li><a href=/php/bcmath/bcround/>bcround</a></li><li><a href=/php/bcmath/bcscale/>bcscale</a></li><li><a href=/php/bcmath/bcsqrt/>bcsqrt</a></li><li><a href=/php/bcmath/bcsub/>bcsub</a></li></ul></div><h2>bzip2</h2><div><ul><li><a href=/php/bzip2/bzclose/>bzclose</a></li><li><a href=/php/bzip2/bzcompress/>bzcompress</a></li><li><a href=/php/bzip2/bzdecompress/>bzdecompress</a></li><li><a href=/php/bzip2/bzerrno/>bzerrno</a></li><li><a href=/php/bzip2/bzerror/>bzerror</a></li><li><a href=/php/bzip2/bzerrstr/>bzerrstr</a></li><li><a href=/php/bzip2/bzflush/>bzflush</a></li><li><a href=/php/bzip2/bzopen/>bzopen</a></li><li><a href=/php/bzip2/bzread/>bzread</a></li><li><a href=/php/bzip2/bzwrite/>bzwrite</a></li></ul></div><h2>Calendar</h2><div><ul><li><a href=/php/calendar/cal_days_in_month/>cal_days_in_month</a></li><li><a href=/php/calendar/cal_from_jd/>cal_from_jd</a></li><li><a href=/php/calendar/cal_info/>cal_info</a></li><li><a href=/php/calendar/cal_to_jd/>cal_to_jd</a></li><li><a href=/php/calendar/easter_date/>easter_date</a></li><li><a href=/php/calendar/easter_days/>easter_days</a></li><li><a href=/php/calendar/frenchtojd/>frenchtojd</a></li><li><a href=/php/calendar/gregoriantojd/>gregoriantojd</a></li><li><a href=/php/calendar/jddayofweek/>jddayofweek</a></li><li><a href=/php/calendar/jdmonthname/>jdmonthname</a></li><li><a href=/php/calendar/jdtofrench/>jdtofrench</a></li><li><a href=/php/calendar/jdtogregorian/>jdtogregorian</a></li><li><a href=/php/calendar/jdtojewish/>jdtojewish</a></li><li><a href=/php/calendar/jdtojulian/>jdtojulian</a></li><li><a href=/php/calendar/jdtounix/>jdtounix</a></li><li><a href=/php/calendar/jewishtojd/>jewishtojd</a></li><li><a href=/php/calendar/juliantojd/>juliantojd</a></li><li><a href=/php/calendar/unixtojd/>unixtojd</a></li></ul></div><h2>Class / Object</h2><div><ul><li><a href=/php/class-object/class_alias/>class_alias</a></li><li><a href=/php/class-object/class_exists/>class_exists</a></li><li><a href=/php/class-object/get_called_class/>get_called_class</a></li><li><a href=/php/class-object/get_class/>get_class</a></li><li><a href=/php/class-object/get_class_methods/>get_class_methods</a></li><li><a href=/php/class-object/get_class_vars/>get_class_vars</a></li><li><a href=/php/class-object/get_declared_classes/>get_declared_classes</a></li><li><a href=/php/class-object/get_declared_interfaces/>get_declared_interfaces</a></li><li><a href=/php/class-object/get_declared_traits/>get_declared_traits</a></li><li><a href=/php/class-object/get_object_vars/>get_object_vars</a></li><li><a href=/php/class-object/get_parent_class/>get_parent_class</a></li><li><a href=/php/class-object/interface_exists/>interface_exists</a></li><li><a href=/php/class-object/is_a/>is_a</a></li><li><a href=/php/class-object/is_subclass_of/>is_subclass_of</a></li><li><a href=/php/class-object/method_exists/>method_exists</a></li><li><a href=/php/class-object/property_exists/>property_exists</a></li><li><a href=/php/class-object/trait_exists/>trait_exists</a></li></ul></div><h2>Ctype</h2><div><ul><li><a href=/php/ctype/ctype_alnum/>ctype_alnum</a></li><li><a href=/php/ctype/ctype_alpha/>ctype_alpha</a></li><li><a href=/php/ctype/ctype_cntrl/>ctype_cntrl</a></li><li><a href=/php/ctype/ctype_digit/>ctype_digit</a></li><li><a href=/php/ctype/ctype_graph/>ctype_graph</a></li><li><a href=/php/ctype/ctype_lower/>ctype_lower</a></li><li><a href=/php/ctype/ctype_print/>ctype_print</a></li><li><a href=/php/ctype/ctype_punct/>ctype_punct</a></li><li><a href=/php/ctype/ctype_space/>ctype_space</a></li><li><a href=/php/ctype/ctype_upper/>ctype_upper</a></li><li><a href=/php/ctype/ctype_xdigit/>ctype_xdigit</a></li></ul></div><h2>cURL</h2><div><ul><li><a href=/php/curl/curl_close/>curl_close</a></li><li><a href=/php/curl/curl_copy_handle/>curl_copy_handle</a></li><li><a href=/php/curl/curl_errno/>curl_errno</a></li><li><a href=/php/curl/curl_error/>curl_error</a></li><li><a href=/php/curl/curl_escape/>curl_escape</a></li><li><a href=/php/curl/curl_exec/>curl_exec</a></li><li><a href=/php/curl/curl_getinfo/>curl_getinfo</a></li><li><a href=/php/curl/curl_init/>curl_init</a></li><li><a href=/php/curl/curl_multi_add_handle/>curl_multi_add_handle</a></li><li><a href=/php/curl/curl_multi_close/>curl_multi_close</a></li><li><a href=/php/curl/curl_multi_errno/>curl_multi_errno</a></li><li><a href=/php/curl/curl_multi_exec/>curl_multi_exec</a></li><li><a href=/php/curl/curl_multi_getcontent/>curl_multi_getcontent</a></li><li><a href=/php/curl/curl_multi_info_read/>curl_multi_info_read</a></li><li><a href=/php/curl/curl_multi_init/>curl_multi_init</a></li><li><a href=/php/curl/curl_multi_remove_handle/>curl_multi_remove_handle</a></li><li><a href=/php/curl/curl_multi_select/>curl_multi_select</a></li><li><a href=/php/curl/curl_multi_setopt/>curl_multi_setopt</a></li><li><a href=/php/curl/curl_multi_strerror/>curl_multi_strerror</a></li><li><a href=/php/curl/curl_pause/>curl_pause</a></li><li><a href=/php/curl/curl_reset/>curl_reset</a></li><li><a href=/php/curl/curl_setopt/>curl_setopt</a></li><li><a href=/php/curl/curl_setopt_array/>curl_setopt_array</a></li><li><a href=/php/curl/curl_share_close/>curl_share_close</a></li><li><a href=/php/curl/curl_share_errno/>curl_share_errno</a></li><li><a href=/php/curl/curl_share_init/>curl_share_init</a></li><li><a href=/php/curl/curl_share_init_persistent/>curl_share_init_persistent</a></li><li><a href=/php/curl/curl_share_setopt/>curl_share_setopt</a></li><li><a href=/php/curl/curl_share_strerror/>curl_share_strerror</a></li><li><a href=/php/curl/curl_strerror/>curl_strerror</a></li><li><a href=/php/curl/curl_unescape/>curl_unescape</a></li><li><a href=/php/curl/curl_upkeep/>curl_upkeep</a></li><li><a href=/php/curl/curl_version/>curl_version</a></li></ul></div><h2>Date / Time</h2><div><ul><li><a href=/php/date-time/checkdate/>checkdate</a></li><li><a href=/php/date-time/date/>date</a></li><li><a href=/php/date-time/date_add/>date_add</a></li><li><a href=/php/date-time/date_create/>date_create</a></li><li><a href=/php/date-time/date_create_from_format/>date_create_from_format</a></li><li><a href=/php/date-time/date_create_immutable/>date_create_immutable</a></li><li><a href=/php/date-time/date_create_immutable_from_format/>date_create_immutable_from_format</a></li><li><a href=/php/date-time/date_date_set/>date_date_set</a></li><li><a href=/php/date-time/date_default_timezone_get/>date_default_timezone_get</a></li><li><a href=/php/date-time/date_default_timezone_set/>date_default_timezone_set</a></li><li><a href=/php/date-time/date_diff/>date_diff</a></li><li><a href=/php/date-time/date_format/>date_format</a></li><li><a href=/php/date-time/date_get_last_errors/>date_get_last_errors</a></li><li><a href=/php/date-time/date_interval_create_from_date_string/>date_interval_create_from_date_string</a></li><li><a href=/php/date-time/date_interval_format/>date_interval_format</a></li><li><a href=/php/date-time/date_isodate_set/>date_isodate_set</a></li><li><a href=/php/date-time/date_modify/>date_modify</a></li><li><a href=/php/date-time/date_offset_get/>date_offset_get</a></li><li><a href=/php/date-time/date_parse/>date_parse</a></li><li><a href=/php/date-time/date_parse_from_format/>date_parse_from_format</a></li><li><a href=/php/date-time/date_sub/>date_sub</a></li><li><a href=/php/date-time/date_sun_info/>date_sun_info</a></li><li><a href=/php/date-time/date_sunrise/>date_sunrise</a></li><li><a href=/php/date-time/date_sunset/>date_sunset</a></li><li><a href=/php/date-time/date_time_set/>date_time_set</a></li><li><a href=/php/date-time/date_timestamp_get/>date_timestamp_get</a></li><li><a href=/php/date-time/date_timestamp_set/>date_timestamp_set</a></li><li><a href=/php/date-time/date_timezone_get/>date_timezone_get</a></li><li><a href=/php/date-time/date_timezone_set/>date_timezone_set</a></li><li><a href=/php/date-time/getdate/>getdate</a></li><li><a href=/php/date-time/gettimeofday/>gettimeofday</a></li><li><a href=/php/date-time/gmdate/>gmdate</a></li><li><a href=/php/date-time/gmmktime/>gmmktime</a></li><li><a href=/php/date-time/gmstrftime/>gmstrftime</a></li><li><a href=/php/date-time/idate/>idate</a></li><li><a href=/php/date-time/localtime/>localtime</a></li><li><a href=/php/date-time/microtime/>microtime</a></li><li><a href=/php/date-time/mktime/>mktime</a></li><li><a href=/php/date-time/strftime/>strftime</a></li><li><a href=/php/date-time/strptime/>strptime</a></li><li><a href=/php/date-time/strtotime/>strtotime</a></li><li><a href=/php/date-time/time/>time</a></li><li><a href=/php/date-time/timezone_abbreviations_list/>timezone_abbreviations_list</a></li><li><a href=/php/date-time/timezone_identifiers_list/>timezone_identifiers_list</a></li><li><a href=/php/date-time/timezone_location_get/>timezone_location_get</a></li><li><a href=/php/date-time/timezone_name_from_abbr/>timezone_name_from_abbr</a></li><li><a href=/php/date-time/timezone_name_get/>timezone_name_get</a></li><li><a href=/php/date-time/timezone_offset_get/>timezone_offset_get</a></li><li><a href=/php/date-time/timezone_open/>timezone_open</a></li><li><a href=/php/date-time/timezone_transitions_get/>timezone_transitions_get</a></li><li><a href=/php/date-time/timezone_version_get/>timezone_version_get</a></li></ul></div><h2>Directory</h2><div><ul><li><a href=/php/directory/chdir/>chdir</a></li><li><a href=/php/directory/chroot/>chroot</a></li><li><a href=/php/directory/closedir/>closedir</a></li><li><a href=/php/directory/dir/>dir</a></li><li><a href=/php/directory/getcwd/>getcwd</a></li><li><a href=/php/directory/opendir/>opendir</a></li><li><a href=/php/directory/readdir/>readdir</a></li><li><a href=/php/directory/rewinddir/>rewinddir</a></li><li><a href=/php/directory/scandir/>scandir</a></li></ul></div><h2>DOM</h2><div><ul><li><a href=/php/dom/dom_import_simplexml/>dom_import_simplexml</a></li></ul></div><h2>Error Handling</h2><div><ul><li><a href=/php/error-handling/debug_backtrace/>debug_backtrace</a></li><li><a href=/php/error-handling/debug_print_backtrace/>debug_print_backtrace</a></li><li><a href=/php/error-handling/error_clear_last/>error_clear_last</a></li><li><a href=/php/error-handling/error_get_last/>error_get_last</a></li><li><a href=/php/error-handling/error_log/>error_log</a></li><li><a href=/php/error-handling/error_reporting/>error_reporting</a></li><li><a href=/php/error-handling/get_error_handler/>get_error_handler</a></li><li><a href=/php/error-handling/get_exception_handler/>get_exception_handler</a></li><li><a href=/php/error-handling/restore_error_handler/>restore_error_handler</a></li><li><a href=/php/error-handling/restore_exception_handler/>restore_exception_handler</a></li><li><a href=/php/error-handling/set_error_handler/>set_error_handler</a></li><li><a href=/php/error-handling/set_exception_handler/>set_exception_handler</a></li><li><a href=/php/error-handling/trigger_error/>trigger_error</a></li><li><a href=/php/error-handling/user_error/>user_error</a></li></ul></div><h2>Exif</h2><div><ul><li><a href=/php/exif/exif_imagetype/>exif_imagetype</a></li><li><a href=/php/exif/exif_read_data/>exif_read_data</a></li><li><a href=/php/exif/exif_tagname/>exif_tagname</a></li><li><a href=/php/exif/exif_thumbnail/>exif_thumbnail</a></li></ul></div><h2>Fileinfo</h2><div><ul><li><a href=/php/fileinfo/finfo_buffer/>finfo_buffer</a></li><li><a href=/php/fileinfo/finfo_close/>finfo_close</a></li><li><a href=/php/fileinfo/finfo_file/>finfo_file</a></li><li><a href=/php/fileinfo/finfo_open/>finfo_open</a></li><li><a href=/php/fileinfo/finfo_set_flags/>finfo_set_flags</a></li><li><a href=/php/fileinfo/mime_content_type/>mime_content_type</a></li></ul></div><h2>Filesystem</h2><div><ul><li><a href=/php/filesystem/basename/>basename</a></li><li><a href=/php/filesystem/chgrp/>chgrp</a></li><li><a href=/php/filesystem/chmod/>chmod</a></li><li><a href=/php/filesystem/chown/>chown</a></li><li><a href=/php/filesystem/clearstatcache/>clearstatcache</a></li><li><a href=/php/filesystem/copy/>copy</a></li><li><a href=/php/filesystem/dirname/>dirname</a></li><li><a href=/php/filesystem/disk_free_space/>disk_free_space</a></li><li><a href=/php/filesystem/disk_total_space/>disk_total_space</a></li><li><a href=/php/filesystem/diskfreespace/>diskfreespace</a></li><li><a href=/php/filesystem/fclose/>fclose</a></li><li><a href=/php/filesystem/feof/>feof</a></li><li><a href=/php/filesystem/fflush/>fflush</a></li><li><a href=/php/filesystem/fgetc/>fgetc</a></li><li><a href=/php/filesystem/fgetcsv/>fgetcsv</a></li><li><a href=/php/filesystem/fgets/>fgets</a></li><li><a href=/php/filesystem/file/>file</a></li><li><a href=/php/filesystem/file_exists/>file_exists</a></li><li><a href=/php/filesystem/file_get_contents/>file_get_contents</a></li><li><a href=/php/filesystem/file_put_contents/>file_put_contents</a></li><li><a href=/php/filesystem/fileatime/>fileatime</a></li><li><a href=/php/filesystem/filectime/>filectime</a></li><li><a href=/php/filesystem/filegroup/>filegroup</a></li><li><a href=/php/filesystem/fileinode/>fileinode</a></li><li><a href=/php/filesystem/filemtime/>filemtime</a></li><li><a href=/php/filesystem/fileowner/>fileowner</a></li><li><a href=/php/filesystem/fileperms/>fileperms</a></li><li><a href=/php/filesystem/filesize/>filesize</a></li><li><a href=/php/filesystem/filetype/>filetype</a></li><li><a href=/php/filesystem/flock/>flock</a></li><li><a href=/php/filesystem/fnmatch/>fnmatch</a></li><li><a href=/php/filesystem/fopen/>fopen</a></li><li><a href=/php/filesystem/fpassthru/>fpassthru</a></li><li><a href=/php/filesystem/fputcsv/>fputcsv</a></li><li><a href=/php/filesystem/fputs/>fputs</a></li><li><a href=/php/filesystem/fread/>fread</a></li><li><a href=/php/filesystem/fscanf/>fscanf</a></li><li><a href=/php/filesystem/fseek/>fseek</a></li><li><a href=/php/filesystem/fstat/>fstat</a></li><li><a href=/php/filesystem/ftell/>ftell</a></li><li><a href=/php/filesystem/ftruncate/>ftruncate</a></li><li><a href=/php/filesystem/fwrite/>fwrite</a></li><li><a href=/php/filesystem/glob/>glob</a></li><li><a href=/php/filesystem/is_dir/>is_dir</a></li><li><a href=/php/filesystem/is_executable/>is_executable</a></li><li><a href=/php/filesystem/is_file/>is_file</a></li><li><a href=/php/filesystem/is_link/>is_link</a></li><li><a href=/php/filesystem/is_readable/>is_readable</a></li><li><a href=/php/filesystem/is_uploaded_file/>is_uploaded_file</a></li><li><a href=/php/filesystem/is_writable/>is_writable</a></li><li><a href=/php/filesystem/is_writeable/>is_writeable</a></li><li><a href=/php/filesystem/lchgrp/>lchgrp</a></li><li><a href=/php/filesystem/lchown/>lchown</a></li><li><a href=/php/filesystem/link/>link</a></li><li><a href=/php/filesystem/linkinfo/>linkinfo</a></li><li><a href=/php/filesystem/lstat/>lstat</a></li><li><a href=/php/filesystem/mkdir/>mkdir</a></li><li><a href=/php/filesystem/move_uploaded_file/>move_uploaded_file</a></li><li><a href=/php/filesystem/pathinfo/>pathinfo</a></li><li><a href=/php/filesystem/pclose/>pclose</a></li><li><a href=/php/filesystem/popen/>popen</a></li><li><a href=/php/filesystem/readfile/>readfile</a></li><li><a href=/php/filesystem/readlink/>readlink</a></li><li><a href=/php/filesystem/realpath/>realpath</a></li><li><a href=/php/filesystem/realpath_cache_get/>realpath_cache_get</a></li><li><a href=/php/filesystem/realpath_cache_size/>realpath_cache_size</a></li><li><a href=/php/filesystem/rename/>rename</a></li><li><a href=/php/filesystem/rewind/>rewind</a></li><li><a href=/php/filesystem/rmdir/>rmdir</a></li><li><a href=/php/filesystem/set_file_buffer/>set_file_buffer</a></li><li><a href=/php/filesystem/stat/>stat</a></li><li><a href=/php/filesystem/symlink/>symlink</a></li><li><a href=/php/filesystem/tempnam/>tempnam</a></li><li><a href=/php/filesystem/tmpfile/>tmpfile</a></li><li><a href=/php/filesystem/touch/>touch</a></li><li><a href=/php/filesystem/umask/>umask</a></li><li><a href=/php/filesystem/unlink/>unlink</a></li></ul></div><h2>Filter</h2><div><ul><li><a href=/php/filter/filter_has_var/>filter_has_var</a></li><li><a href=/php/filter/filter_id/>filter_id</a></li><li><a href=/php/filter/filter_input/>filter_input</a></li><li><a href=/php/filter/filter_input_array/>filter_input_array</a></li><li><a href=/php/filter/filter_list/>filter_list</a></li><li><a href=/php/filter/filter_var/>filter_var</a></li><li><a href=/php/filter/filter_var_array/>filter_var_array</a></li></ul></div><h2>Function Handling</h2><div><ul><li><a href=/php/function-handling/call_user_func/>call_user_func</a></li><li><a href=/php/function-handling/call_user_func_array/>call_user_func_array</a></li><li><a href=/php/function-handling/forward_static_call/>forward_static_call</a></li><li><a href=/php/function-handling/forward_static_call_array/>forward_static_call_array</a></li><li><a href=/php/function-handling/func_get_arg/>func_get_arg</a></li><li><a href=/php/function-handling/func_get_args/>func_get_args</a></li><li><a href=/php/function-handling/func_num_args/>func_num_args</a></li><li><a href=/php/function-handling/function_exists/>function_exists</a></li><li><a href=/php/function-handling/get_defined_functions/>get_defined_functions</a></li><li><a href=/php/function-handling/register_shutdown_function/>register_shutdown_function</a></li><li><a href=/php/function-handling/register_tick_function/>register_tick_function</a></li><li><a href=/php/function-handling/unregister_tick_function/>unregister_tick_function</a></li></ul></div><h2>GMP</h2><div><ul><li><a href=/php/gmp/gmp_abs/>gmp_abs</a></li><li><a href=/php/gmp/gmp_add/>gmp_add</a></li><li><a href=/php/gmp/gmp_and/>gmp_and</a></li><li><a href=/php/gmp/gmp_binomial/>gmp_binomial</a></li><li><a href=/php/gmp/gmp_clrbit/>gmp_clrbit</a></li><li><a href=/php/gmp/gmp_cmp/>gmp_cmp</a></li><li><a href=/php/gmp/gmp_com/>gmp_com</a></li><li><a href=/php/gmp/gmp_div/>gmp_div</a></li><li><a href=/php/gmp/gmp_div_q/>gmp_div_q</a></li><li><a href=/php/gmp/gmp_div_qr/>gmp_div_qr</a></li><li><a href=/php/gmp/gmp_div_r/>gmp_div_r</a></li><li><a href=/php/gmp/gmp_divexact/>gmp_divexact</a></li><li><a href=/php/gmp/gmp_export/>gmp_export</a></li><li><a href=/php/gmp/gmp_fact/>gmp_fact</a></li><li><a href=/php/gmp/gmp_gcd/>gmp_gcd</a></li><li><a href=/php/gmp/gmp_gcdext/>gmp_gcdext</a></li><li><a href=/php/gmp/gmp_hamdist/>gmp_hamdist</a></li><li><a href=/php/gmp/gmp_import/>gmp_import</a></li><li><a href=/php/gmp/gmp_init/>gmp_init</a></li><li><a href=/php/gmp/gmp_intval/>gmp_intval</a></li><li><a href=/php/gmp/gmp_invert/>gmp_invert</a></li><li><a href=/php/gmp/gmp_jacobi/>gmp_jacobi</a></li><li><a href=/php/gmp/gmp_kronecker/>gmp_kronecker</a></li><li><a href=/php/gmp/gmp_lcm/>gmp_lcm</a></li><li><a href=/php/gmp/gmp_legendre/>gmp_legendre</a></li><li><a href=/php/gmp/gmp_mod/>gmp_mod</a></li><li><a href=/php/gmp/gmp_mul/>gmp_mul</a></li><li><a href=/php/gmp/gmp_neg/>gmp_neg</a></li><li><a href=/php/gmp/gmp_nextprime/>gmp_nextprime</a></li><li><a href=/php/gmp/gmp_or/>gmp_or</a></li><li><a href=/php/gmp/gmp_perfect_power/>gmp_perfect_power</a></li><li><a href=/php/gmp/gmp_perfect_square/>gmp_perfect_square</a></li><li><a href=/php/gmp/gmp_popcount/>gmp_popcount</a></li><li><a href=/php/gmp/gmp_pow/>gmp_pow</a></li><li><a href=/php/gmp/gmp_powm/>gmp_powm</a></li><li><a href=/php/gmp/gmp_prob_prime/>gmp_prob_prime</a></li><li><a href=/php/gmp/gmp_random_bits/>gmp_random_bits</a></li><li><a href=/php/gmp/gmp_random_range/>gmp_random_range</a></li><li><a href=/php/gmp/gmp_random_seed/>gmp_random_seed</a></li><li><a href=/php/gmp/gmp_root/>gmp_root</a></li><li><a href=/php/gmp/gmp_rootrem/>gmp_rootrem</a></li><li><a href=/php/gmp/gmp_scan0/>gmp_scan0</a></li><li><a href=/php/gmp/gmp_scan1/>gmp_scan1</a></li><li><a href=/php/gmp/gmp_setbit/>gmp_setbit</a></li><li><a href=/php/gmp/gmp_sign/>gmp_sign</a></li><li><a href=/php/gmp/gmp_sqrt/>gmp_sqrt</a></li><li><a href=/php/gmp/gmp_sqrtrem/>gmp_sqrtrem</a></li><li><a href=/php/gmp/gmp_strval/>gmp_strval</a></li><li><a href=/php/gmp/gmp_sub/>gmp_sub</a></li><li><a href=/php/gmp/gmp_testbit/>gmp_testbit</a></li><li><a href=/php/gmp/gmp_xor/>gmp_xor</a></li></ul></div><h2>Hash</h2><div><ul><li><a href=/php/hash/hash/>hash</a></li><li><a href=/php/hash/hash_algos/>hash_algos</a></li><li><a href=/php/hash/hash_copy/>hash_copy</a></li><li><a href=/php/hash/hash_equals/>hash_equals</a></li><li><a href=/php/hash/hash_file/>hash_file</a></li><li><a href=/php/hash/hash_final/>hash_final</a></li><li><a href=/php/hash/hash_hkdf/>hash_hkdf</a></li><li><a href=/php/hash/hash_hmac/>hash_hmac</a></li><li><a href=/php/hash/hash_hmac_algos/>hash_hmac_algos</a></li><li><a href=/php/hash/hash_hmac_file/>hash_hmac_file</a></li><li><a href=/php/hash/hash_init/>hash_init</a></li><li><a href=/php/hash/hash_pbkdf2/>hash_pbkdf2</a></li><li><a href=/php/hash/hash_update/>hash_update</a></li><li><a href=/php/hash/hash_update_file/>hash_update_file</a></li><li><a href=/php/hash/hash_update_stream/>hash_update_stream</a></li></ul></div><h2>iconv</h2><div><ul><li><a href=/php/iconv/iconv/>iconv</a></li><li><a href=/php/iconv/iconv_get_encoding/>iconv_get_encoding</a></li><li><a href=/php/iconv/iconv_mime_decode/>iconv_mime_decode</a></li><li><a href=/php/iconv/iconv_mime_decode_headers/>iconv_mime_decode_headers</a></li><li><a href=/php/iconv/iconv_mime_encode/>iconv_mime_encode</a></li><li><a href=/php/iconv/iconv_set_encoding/>iconv_set_encoding</a></li><li><a href=/php/iconv/iconv_strlen/>iconv_strlen</a></li><li><a href=/php/iconv/iconv_strpos/>iconv_strpos</a></li><li><a href=/php/iconv/iconv_strrpos/>iconv_strrpos</a></li><li><a href=/php/iconv/iconv_substr/>iconv_substr</a></li><li><a href=/php/iconv/ob_iconv_handler/>ob_iconv_handler</a></li></ul></div><h2>Image</h2><div><ul><li><a href=/php/image/gd_info/>gd_info</a></li><li><a href=/php/image/getimagesize/>getimagesize</a></li><li><a href=/php/image/getimagesizefromstring/>getimagesizefromstring</a></li><li><a href=/php/image/image_type_to_extension/>image_type_to_extension</a></li><li><a href=/php/image/image_type_to_mime_type/>image_type_to_mime_type</a></li><li><a href=/php/image/imageaffine/>imageaffine</a></li><li><a href=/php/image/imageaffinematrixconcat/>imageaffinematrixconcat</a></li><li><a href=/php/image/imageaffinematrixget/>imageaffinematrixget</a></li><li><a href=/php/image/imagealphablending/>imagealphablending</a></li><li><a href=/php/image/imageantialias/>imageantialias</a></li><li><a href=/php/image/imagearc/>imagearc</a></li><li><a href=/php/image/imageavif/>imageavif</a></li><li><a href=/php/image/imagebmp/>imagebmp</a></li><li><a href=/php/image/imagechar/>imagechar</a></li><li><a href=/php/image/imagecharup/>imagecharup</a></li><li><a href=/php/image/imagecolorallocate/>imagecolorallocate</a></li><li><a href=/php/image/imagecolorallocatealpha/>imagecolorallocatealpha</a></li><li><a href=/php/image/imagecolorat/>imagecolorat</a></li><li><a href=/php/image/imagecolorclosest/>imagecolorclosest</a></li><li><a href=/php/image/imagecolorclosestalpha/>imagecolorclosestalpha</a></li><li><a href=/php/image/imagecolorclosesthwb/>imagecolorclosesthwb</a></li><li><a href=/php/image/imagecolordeallocate/>imagecolordeallocate</a></li><li><a href=/php/image/imagecolorexact/>imagecolorexact</a></li><li><a href=/php/image/imagecolorexactalpha/>imagecolorexactalpha</a></li><li><a href=/php/image/imagecolormatch/>imagecolormatch</a></li><li><a href=/php/image/imagecolorresolve/>imagecolorresolve</a></li><li><a href=/php/image/imagecolorresolvealpha/>imagecolorresolvealpha</a></li><li><a href=/php/image/imagecolorset/>imagecolorset</a></li><li><a href=/php/image/imagecolorsforindex/>imagecolorsforindex</a></li><li><a href=/php/image/imagecolorstotal/>imagecolorstotal</a></li><li><a href=/php/image/imagecolortransparent/>imagecolortransparent</a></li><li><a href=/php/image/imageconvolution/>imageconvolution</a></li><li><a href=/php/image/imagecopy/>imagecopy</a></li><li><a href=/php/image/imagecopymerge/>imagecopymerge</a></li><li><a href=/php/image/imagecopymergegray/>imagecopymergegray</a></li><li><a href=/php/image/imagecopyresampled/>imagecopyresampled</a></li><li><a href=/php/image/imagecopyresized/>imagecopyresized</a></li><li><a href=/php/image/imagecreate/>imagecreate</a></li><li><a href=/php/image/imagecreatefromavif/>imagecreatefromavif</a></li><li><a href=/php/image/imagecreatefrombmp/>imagecreatefrombmp</a></li><li><a href=/php/image/imagecreatefromgif/>imagecreatefromgif</a></li><li><a href=/php/image/imagecreatefromjpeg/>imagecreatefromjpeg</a></li><li><a href=/php/image/imagecreatefrompng/>imagecreatefrompng</a></li><li><a href=/php/image/imagecreatefromstring/>imagecreatefromstring</a></li><li><a href=/php/image/imagecreatefromtga/>imagecreatefromtga</a></li><li><a href=/php/image/imagecreatefromwbmp/>imagecreatefromwbmp</a></li><li><a href=/php/image/imagecreatefromwebp/>imagecreatefromwebp</a></li><li><a href=/php/image/imagecreatefromxbm/>imagecreatefromxbm</a></li><li><a href=/php/image/imagecreatefromxpm/>imagecreatefromxpm</a></li><li><a href=/php/image/imagecreatetruecolor/>imagecreatetruecolor</a></li><li><a href=/php/image/imagecrop/>imagecrop</a></li><li><a href=/php/image/imagecropauto/>imagecropauto</a></li><li><a href=/php/image/imagedashedline/>imagedashedline</a></li><li><a href=/php/image/imagedestroy/>imagedestroy</a></li><li><a href=/php/image/imageellipse/>imageellipse</a></li><li><a href=/php/image/imagefill/>imagefill</a></li><li><a href=/php/image/imagefilledarc/>imagefilledarc</a></li><li><a href=/php/image/imagefilledellipse/>imagefilledellipse</a></li><li><a href=/php/image/imagefilledpolygon/>imagefilledpolygon</a></li><li><a href=/php/image/imagefilledrectangle/>imagefilledrectangle</a></li><li><a href=/php/image/imagefilltoborder/>imagefilltoborder</a></li><li><a href=/php/image/imagefilter/>imagefilter</a></li><li><a href=/php/image/imageflip/>imageflip</a></li><li><a href=/php/image/imagefontheight/>imagefontheight</a></li><li><a href=/php/image/imagefontwidth/>imagefontwidth</a></li><li><a href=/php/image/imageftbbox/>imageftbbox</a></li><li><a href=/php/image/imagefttext/>imagefttext</a></li><li><a href=/php/image/imagegammacorrect/>imagegammacorrect</a></li><li><a href=/php/image/imagegetclip/>imagegetclip</a></li><li><a href=/php/image/imagegetinterpolation/>imagegetinterpolation</a></li><li><a href=/php/image/imagegif/>imagegif</a></li><li><a href=/php/image/imageinterlace/>imageinterlace</a></li><li><a href=/php/image/imageistruecolor/>imageistruecolor</a></li><li><a href=/php/image/imagejpeg/>imagejpeg</a></li><li><a href=/php/image/imagelayereffect/>imagelayereffect</a></li><li><a href=/php/image/imageline/>imageline</a></li><li><a href=/php/image/imageloadfont/>imageloadfont</a></li><li><a href=/php/image/imageopenpolygon/>imageopenpolygon</a></li><li><a href=/php/image/imagepalettecopy/>imagepalettecopy</a></li><li><a href=/php/image/imagepalettetotruecolor/>imagepalettetotruecolor</a></li><li><a href=/php/image/imagepng/>imagepng</a></li><li><a href=/php/image/imagepolygon/>imagepolygon</a></li><li><a href=/php/image/imagerectangle/>imagerectangle</a></li><li><a href=/php/image/imageresolution/>imageresolution</a></li><li><a href=/php/image/imagerotate/>imagerotate</a></li><li><a href=/php/image/imagesavealpha/>imagesavealpha</a></li><li><a href=/php/image/imagescale/>imagescale</a></li><li><a href=/php/image/imagesetbrush/>imagesetbrush</a></li><li><a href=/php/image/imagesetclip/>imagesetclip</a></li><li><a href=/php/image/imagesetinterpolation/>imagesetinterpolation</a></li><li><a href=/php/image/imagesetpixel/>imagesetpixel</a></li><li><a href=/php/image/imagesetstyle/>imagesetstyle</a></li><li><a href=/php/image/imagesetthickness/>imagesetthickness</a></li><li><a href=/php/image/imagesettile/>imagesettile</a></li><li><a href=/php/image/imagestring/>imagestring</a></li><li><a href=/php/image/imagestringup/>imagestringup</a></li><li><a href=/php/image/imagesx/>imagesx</a></li><li><a href=/php/image/imagesy/>imagesy</a></li><li><a href=/php/image/imagetruecolortopalette/>imagetruecolortopalette</a></li><li><a href=/php/image/imagettfbbox/>imagettfbbox</a></li><li><a href=/php/image/imagettftext/>imagettftext</a></li><li><a href=/php/image/imagetypes/>imagetypes</a></li><li><a href=/php/image/imagewbmp/>imagewbmp</a></li><li><a href=/php/image/imagewebp/>imagewebp</a></li><li><a href=/php/image/imagexbm/>imagexbm</a></li><li><a href=/php/image/iptcembed/>iptcembed</a></li><li><a href=/php/image/iptcparse/>iptcparse</a></li></ul></div><h2>JSON</h2><div><ul><li><a href=/php/json/json_decode/>json_decode</a></li><li><a href=/php/json/json_encode/>json_encode</a></li><li><a href=/php/json/json_last_error/>json_last_error</a></li><li><a href=/php/json/json_last_error_msg/>json_last_error_msg</a></li><li><a href=/php/json/json_validate/>json_validate</a></li></ul></div><h2>libxml</h2><div><ul><li><a href=/php/libxml/libxml_clear_errors/>libxml_clear_errors</a></li><li><a href=/php/libxml/libxml_get_errors/>libxml_get_errors</a></li><li><a href=/php/libxml/libxml_get_external_entity_loader/>libxml_get_external_entity_loader</a></li><li><a href=/php/libxml/libxml_get_last_error/>libxml_get_last_error</a></li><li><a href=/php/libxml/libxml_set_external_entity_loader/>libxml_set_external_entity_loader</a></li><li><a href=/php/libxml/libxml_set_streams_context/>libxml_set_streams_context</a></li><li><a href=/php/libxml/libxml_use_internal_errors/>libxml_use_internal_errors</a></li></ul></div><h2>Mail</h2><div><ul><li><a href=/php/mail/mail/>mail</a></li></ul></div><h2>Math</h2><div><ul><li><a href=/php/math/abs/>abs</a></li><li><a href=/php/math/acos/>acos</a></li><li><a href=/php/math/acosh/>acosh</a></li><li><a href=/php/math/asin/>asin</a></li><li><a href=/php/math/asinh/>asinh</a></li><li><a href=/php/math/atan/>atan</a></li><li><a href=/php/math/atan2/>atan2</a></li><li><a href=/php/math/atanh/>atanh</a></li><li><a href=/php/math/base_convert/>base_convert</a></li><li><a href=/php/math/bindec/>bindec</a></li><li><a href=/php/math/ceil/>ceil</a></li><li><a href=/php/math/cos/>cos</a></li><li><a href=/php/math/cosh/>cosh</a></li><li><a href=/php/math/decbin/>decbin</a></li><li><a href=/php/math/dechex/>dechex</a></li><li><a href=/php/math/decoct/>decoct</a></li><li><a href=/php/math/deg2rad/>deg2rad</a></li><li><a href=/php/math/exp/>exp</a></li><li><a href=/php/math/expm1/>expm1</a></li><li><a href=/php/math/fdiv/>fdiv</a></li><li><a href=/php/math/floor/>floor</a></li><li><a href=/php/math/fmod/>fmod</a></li><li><a href=/php/math/fpow/>fpow</a></li><li><a href=/php/math/hexdec/>hexdec</a></li><li><a href=/php/math/hypot/>hypot</a></li><li><a href=/php/math/intdiv/>intdiv</a></li><li><a href=/php/math/is_finite/>is_finite</a></li><li><a href=/php/math/is_infinite/>is_infinite</a></li><li><a href=/php/math/is_nan/>is_nan</a></li><li><a href=/php/math/log/>log</a></li><li><a href=/php/math/log10/>log10</a></li><li><a href=/php/math/log1p/>log1p</a></li><li><a href=/php/math/max/>max</a></li><li><a href=/php/math/min/>min</a></li><li><a href=/php/math/octdec/>octdec</a></li><li><a href=/php/math/pi/>pi</a></li><li><a href=/php/math/pow/>pow</a></li><li><a href=/php/math/rad2deg/>rad2deg</a></li><li><a href=/php/math/round/>round</a></li><li><a href=/php/math/sin/>sin</a></li><li><a href=/php/math/sinh/>sinh</a></li><li><a href=/php/math/sqrt/>sqrt</a></li><li><a href=/php/math/tan/>tan</a></li><li><a href=/php/math/tanh/>tanh</a></li></ul></div><h2>Miscellaneous</h2><div><ul><li><a href=/php/miscellaneous/__halt_compiler/>__halt_compiler</a></li><li><a href=/php/miscellaneous/connection_aborted/>connection_aborted</a></li><li><a href=/php/miscellaneous/connection_status/>connection_status</a></li><li><a href=/php/miscellaneous/constant/>constant</a></li><li><a href=/php/miscellaneous/define/>define</a></li><li><a href=/php/miscellaneous/defined/>defined</a></li><li><a href=/php/miscellaneous/die/>die</a></li><li><a href=/php/miscellaneous/eval/>eval</a></li><li><a href=/php/miscellaneous/exit/>exit</a></li><li><a href=/php/miscellaneous/highlight_file/>highlight_file</a></li><li><a href=/php/miscellaneous/highlight_string/>highlight_string</a></li><li><a href=/php/miscellaneous/hrtime/>hrtime</a></li><li><a href=/php/miscellaneous/ignore_user_abort/>ignore_user_abort</a></li><li><a href=/php/miscellaneous/pack/>pack</a></li><li><a href=/php/miscellaneous/php_strip_whitespace/>php_strip_whitespace</a></li><li><a href=/php/miscellaneous/show_source/>show_source</a></li><li><a href=/php/miscellaneous/sleep/>sleep</a></li><li><a href=/php/miscellaneous/sys_getloadavg/>sys_getloadavg</a></li><li><a href=/php/miscellaneous/time_nanosleep/>time_nanosleep</a></li><li><a href=/php/miscellaneous/time_sleep_until/>time_sleep_until</a></li><li><a href=/php/miscellaneous/uniqid/>uniqid</a></li><li><a href=/php/miscellaneous/unpack/>unpack</a></li><li><a href=/php/miscellaneous/usleep/>usleep</a></li></ul></div><h2>Multibyte String</h2><div><ul><li><a href=/php/multibyte-string/mb_check_encoding/>mb_check_encoding</a></li><li><a href=/php/multibyte-string/mb_chr/>mb_chr</a></li><li><a href=/php/multibyte-string/mb_convert_case/>mb_convert_case</a></li><li><a href=/php/multibyte-string/mb_convert_encoding/>mb_convert_encoding</a></li><li><a href=/php/multibyte-string/mb_convert_kana/>mb_convert_kana</a></li><li><a href=/php/multibyte-string/mb_convert_variables/>mb_convert_variables</a></li><li><a href=/php/multibyte-string/mb_decode_mimeheader/>mb_decode_mimeheader</a></li><li><a href=/php/multibyte-string/mb_decode_numericentity/>mb_decode_numericentity</a></li><li><a href=/php/multibyte-string/mb_detect_encoding/>mb_detect_encoding</a></li><li><a href=/php/multibyte-string/mb_detect_order/>mb_detect_order</a></li><li><a href=/php/multibyte-string/mb_encode_mimeheader/>mb_encode_mimeheader</a></li><li><a href=/php/multibyte-string/mb_encode_numericentity/>mb_encode_numericentity</a></li><li><a href=/php/multibyte-string/mb_encoding_aliases/>mb_encoding_aliases</a></li><li><a href=/php/multibyte-string/mb_ereg/>mb_ereg</a></li><li><a href=/php/multibyte-string/mb_ereg_match/>mb_ereg_match</a></li><li><a href=/php/multibyte-string/mb_ereg_replace/>mb_ereg_replace</a></li><li><a href=/php/multibyte-string/mb_ereg_replace_callback/>mb_ereg_replace_callback</a></li><li><a href=/php/multibyte-string/mb_ereg_search/>mb_ereg_search</a></li><li><a href=/php/multibyte-string/mb_ereg_search_getpos/>mb_ereg_search_getpos</a></li><li><a href=/php/multibyte-string/mb_ereg_search_getregs/>mb_ereg_search_getregs</a></li><li><a href=/php/multibyte-string/mb_ereg_search_init/>mb_ereg_search_init</a></li><li><a href=/php/multibyte-string/mb_ereg_search_pos/>mb_ereg_search_pos</a></li><li><a href=/php/multibyte-string/mb_ereg_search_regs/>mb_ereg_search_regs</a></li><li><a href=/php/multibyte-string/mb_ereg_search_setpos/>mb_ereg_search_setpos</a></li><li><a href=/php/multibyte-string/mb_eregi/>mb_eregi</a></li><li><a href=/php/multibyte-string/mb_eregi_replace/>mb_eregi_replace</a></li><li><a href=/php/multibyte-string/mb_get_info/>mb_get_info</a></li><li><a href=/php/multibyte-string/mb_http_input/>mb_http_input</a></li><li><a href=/php/multibyte-string/mb_http_output/>mb_http_output</a></li><li><a href=/php/multibyte-string/mb_internal_encoding/>mb_internal_encoding</a></li><li><a href=/php/multibyte-string/mb_language/>mb_language</a></li><li><a href=/php/multibyte-string/mb_lcfirst/>mb_lcfirst</a></li><li><a href=/php/multibyte-string/mb_list_encodings/>mb_list_encodings</a></li><li><a href=/php/multibyte-string/mb_ltrim/>mb_ltrim</a></li><li><a href=/php/multibyte-string/mb_ord/>mb_ord</a></li><li><a href=/php/multibyte-string/mb_output_handler/>mb_output_handler</a></li><li><a href=/php/multibyte-string/mb_parse_str/>mb_parse_str</a></li><li><a href=/php/multibyte-string/mb_preferred_mime_name/>mb_preferred_mime_name</a></li><li><a href=/php/multibyte-string/mb_regex_encoding/>mb_regex_encoding</a></li><li><a href=/php/multibyte-string/mb_regex_set_options/>mb_regex_set_options</a></li><li><a href=/php/multibyte-string/mb_rtrim/>mb_rtrim</a></li><li><a href=/php/multibyte-string/mb_scrub/>mb_scrub</a></li><li><a href=/php/multibyte-string/mb_send_mail/>mb_send_mail</a></li><li><a href=/php/multibyte-string/mb_split/>mb_split</a></li><li><a href=/php/multibyte-string/mb_str_pad/>mb_str_pad</a></li><li><a href=/php/multibyte-string/mb_str_split/>mb_str_split</a></li><li><a href=/php/multibyte-string/mb_strcut/>mb_strcut</a></li><li><a href=/php/multibyte-string/mb_strimwidth/>mb_strimwidth</a></li><li><a href=/php/multibyte-string/mb_stripos/>mb_stripos</a></li><li><a href=/php/multibyte-string/mb_stristr/>mb_stristr</a></li><li><a href=/php/multibyte-string/mb_strlen/>mb_strlen</a></li><li><a href=/php/multibyte-string/mb_strpos/>mb_strpos</a></li><li><a href=/php/multibyte-string/mb_strrchr/>mb_strrchr</a></li><li><a href=/php/multibyte-string/mb_strrichr/>mb_strrichr</a></li><li><a href=/php/multibyte-string/mb_strripos/>mb_strripos</a></li><li><a href=/php/multibyte-string/mb_strrpos/>mb_strrpos</a></li><li><a href=/php/multibyte-string/mb_strstr/>mb_strstr</a></li><li><a href=/php/multibyte-string/mb_strtolower/>mb_strtolower</a></li><li><a href=/php/multibyte-string/mb_strtoupper/>mb_strtoupper</a></li><li><a href=/php/multibyte-string/mb_strwidth/>mb_strwidth</a></li><li><a href=/php/multibyte-string/mb_substitute_character/>mb_substitute_character</a></li><li><a href=/php/multibyte-string/mb_substr/>mb_substr</a></li><li><a href=/php/multibyte-string/mb_substr_count/>mb_substr_count</a></li><li><a href=/php/multibyte-string/mb_trim/>mb_trim</a></li><li><a href=/php/multibyte-string/mb_ucfirst/>mb_ucfirst</a></li></ul></div><h2>Network</h2><div><ul><li><a href=/php/network/checkdnsrr/>checkdnsrr</a></li><li><a href=/php/network/closelog/>closelog</a></li><li><a href=/php/network/dns_check_record/>dns_check_record</a></li><li><a href=/php/network/dns_get_mx/>dns_get_mx</a></li><li><a href=/php/network/dns_get_record/>dns_get_record</a></li><li><a href=/php/network/fsockopen/>fsockopen</a></li><li><a href=/php/network/gethostbyaddr/>gethostbyaddr</a></li><li><a href=/php/network/gethostbyname/>gethostbyname</a></li><li><a href=/php/network/gethostbynamel/>gethostbynamel</a></li><li><a href=/php/network/gethostname/>gethostname</a></li><li><a href=/php/network/getmxrr/>getmxrr</a></li><li><a href=/php/network/getprotobyname/>getprotobyname</a></li><li><a href=/php/network/getprotobynumber/>getprotobynumber</a></li><li><a href=/php/network/getservbyname/>getservbyname</a></li><li><a href=/php/network/getservbyport/>getservbyport</a></li><li><a href=/php/network/header/>header</a></li><li><a href=/php/network/header_register_callback/>header_register_callback</a></li><li><a href=/php/network/header_remove/>header_remove</a></li><li><a href=/php/network/headers_list/>headers_list</a></li><li><a href=/php/network/headers_sent/>headers_sent</a></li><li><a href=/php/network/http_clear_last_response_headers/>http_clear_last_response_headers</a></li><li><a href=/php/network/http_get_last_response_headers/>http_get_last_response_headers</a></li><li><a href=/php/network/http_response_code/>http_response_code</a></li><li><a href=/php/network/inet_ntop/>inet_ntop</a></li><li><a href=/php/network/inet_pton/>inet_pton</a></li><li><a href=/php/network/ip2long/>ip2long</a></li><li><a href=/php/network/long2ip/>long2ip</a></li><li><a href=/php/network/openlog/>openlog</a></li><li><a href=/php/network/pfsockopen/>pfsockopen</a></li><li><a href=/php/network/setcookie/>setcookie</a></li><li><a href=/php/network/setrawcookie/>setrawcookie</a></li><li><a href=/php/network/socket_get_status/>socket_get_status</a></li><li><a href=/php/network/socket_set_blocking/>socket_set_blocking</a></li><li><a href=/php/network/socket_set_timeout/>socket_set_timeout</a></li><li><a href=/php/network/syslog/>syslog</a></li></ul></div><h2>Options / Information</h2><div><ul><li><a href=/php/options-information/assert/>assert</a></li><li><a href=/php/options-information/assert_options/>assert_options</a></li><li><a href=/php/options-information/cli_get_process_title/>cli_get_process_title</a></li><li><a href=/php/options-information/cli_set_process_title/>cli_set_process_title</a></li><li><a href=/php/options-information/dl/>dl</a></li><li><a href=/php/options-information/extension_loaded/>extension_loaded</a></li><li><a href=/php/options-information/gc_collect_cycles/>gc_collect_cycles</a></li><li><a href=/php/options-information/gc_disable/>gc_disable</a></li><li><a href=/php/options-information/gc_enable/>gc_enable</a></li><li><a href=/php/options-information/gc_enabled/>gc_enabled</a></li><li><a href=/php/options-information/gc_mem_caches/>gc_mem_caches</a></li><li><a href=/php/options-information/gc_status/>gc_status</a></li><li><a href=/php/options-information/get_cfg_var/>get_cfg_var</a></li><li><a href=/php/options-information/get_current_user/>get_current_user</a></li><li><a href=/php/options-information/get_defined_constants/>get_defined_constants</a></li><li><a href=/php/options-information/get_extension_funcs/>get_extension_funcs</a></li><li><a href=/php/options-information/get_include_path/>get_include_path</a></li><li><a href=/php/options-information/get_included_files/>get_included_files</a></li><li><a href=/php/options-information/get_loaded_extensions/>get_loaded_extensions</a></li><li><a href=/php/options-information/get_required_files/>get_required_files</a></li><li><a href=/php/options-information/get_resources/>get_resources</a></li><li><a href=/php/options-information/getenv/>getenv</a></li><li><a href=/php/options-information/getlastmod/>getlastmod</a></li><li><a href=/php/options-information/getmygid/>getmygid</a></li><li><a href=/php/options-information/getmyinode/>getmyinode</a></li><li><a href=/php/options-information/getmypid/>getmypid</a></li><li><a href=/php/options-information/getmyuid/>getmyuid</a></li><li><a href=/php/options-information/getopt/>getopt</a></li><li><a href=/php/options-information/getrusage/>getrusage</a></li><li><a href=/php/options-information/ini_alter/>ini_alter</a></li><li><a href=/php/options-information/ini_get/>ini_get</a></li><li><a href=/php/options-information/ini_get_all/>ini_get_all</a></li><li><a href=/php/options-information/ini_parse_quantity/>ini_parse_quantity</a></li><li><a href=/php/options-information/ini_restore/>ini_restore</a></li><li><a href=/php/options-information/ini_set/>ini_set</a></li><li><a href=/php/options-information/memory_get_peak_usage/>memory_get_peak_usage</a></li><li><a href=/php/options-information/memory_get_usage/>memory_get_usage</a></li><li><a href=/php/options-information/memory_reset_peak_usage/>memory_reset_peak_usage</a></li><li><a href=/php/options-information/php_ini_loaded_file/>php_ini_loaded_file</a></li><li><a href=/php/options-information/php_ini_scanned_files/>php_ini_scanned_files</a></li><li><a href=/php/options-information/php_sapi_name/>php_sapi_name</a></li><li><a href=/php/options-information/php_uname/>php_uname</a></li><li><a href=/php/options-information/phpcredits/>phpcredits</a></li><li><a href=/php/options-information/phpinfo/>phpinfo</a></li><li><a href=/php/options-information/phpversion/>phpversion</a></li><li><a href=/php/options-information/putenv/>putenv</a></li><li><a href=/php/options-information/set_include_path/>set_include_path</a></li><li><a href=/php/options-information/set_time_limit/>set_time_limit</a></li><li><a href=/php/options-information/sys_get_temp_dir/>sys_get_temp_dir</a></li><li><a href=/php/options-information/version_compare/>version_compare</a></li><li><a href=/php/options-information/zend_thread_id/>zend_thread_id</a></li><li><a href=/php/options-information/zend_version/>zend_version</a></li></ul></div><h2>Output Control</h2><div><ul><li><a href=/php/output-control/flush/>flush</a></li><li><a href=/php/output-control/ob_clean/>ob_clean</a></li><li><a href=/php/output-control/ob_end_clean/>ob_end_clean</a></li><li><a href=/php/output-control/ob_end_flush/>ob_end_flush</a></li><li><a href=/php/output-control/ob_flush/>ob_flush</a></li><li><a href=/php/output-control/ob_get_clean/>ob_get_clean</a></li><li><a href=/php/output-control/ob_get_contents/>ob_get_contents</a></li><li><a href=/php/output-control/ob_get_flush/>ob_get_flush</a></li><li><a href=/php/output-control/ob_get_length/>ob_get_length</a></li><li><a href=/php/output-control/ob_get_level/>ob_get_level</a></li><li><a href=/php/output-control/ob_get_status/>ob_get_status</a></li><li><a href=/php/output-control/ob_gzhandler/>ob_gzhandler</a></li><li><a href=/php/output-control/ob_implicit_flush/>ob_implicit_flush</a></li><li><a href=/php/output-control/ob_list_handlers/>ob_list_handlers</a></li><li><a href=/php/output-control/ob_start/>ob_start</a></li><li><a href=/php/output-control/output_add_rewrite_var/>output_add_rewrite_var</a></li><li><a href=/php/output-control/output_reset_rewrite_vars/>output_reset_rewrite_vars</a></li></ul></div><h2>PCNTL</h2><div><ul><li><a href=/php/pcntl/pcntl_alarm/>pcntl_alarm</a></li><li><a href=/php/pcntl/pcntl_async_signals/>pcntl_async_signals</a></li><li><a href=/php/pcntl/pcntl_errno/>pcntl_errno</a></li><li><a href=/php/pcntl/pcntl_exec/>pcntl_exec</a></li><li><a href=/php/pcntl/pcntl_fork/>pcntl_fork</a></li><li><a href=/php/pcntl/pcntl_get_last_error/>pcntl_get_last_error</a></li><li><a href=/php/pcntl/pcntl_getpriority/>pcntl_getpriority</a></li><li><a href=/php/pcntl/pcntl_rfork/>pcntl_rfork</a></li><li><a href=/php/pcntl/pcntl_setpriority/>pcntl_setpriority</a></li><li><a href=/php/pcntl/pcntl_signal/>pcntl_signal</a></li><li><a href=/php/pcntl/pcntl_signal_dispatch/>pcntl_signal_dispatch</a></li><li><a href=/php/pcntl/pcntl_signal_get_handler/>pcntl_signal_get_handler</a></li><li><a href=/php/pcntl/pcntl_sigprocmask/>pcntl_sigprocmask</a></li><li><a href=/php/pcntl/pcntl_sigtimedwait/>pcntl_sigtimedwait</a></li><li><a href=/php/pcntl/pcntl_sigwaitinfo/>pcntl_sigwaitinfo</a></li><li><a href=/php/pcntl/pcntl_strerror/>pcntl_strerror</a></li><li><a href=/php/pcntl/pcntl_unshare/>pcntl_unshare</a></li><li><a href=/php/pcntl/pcntl_wait/>pcntl_wait</a></li><li><a href=/php/pcntl/pcntl_waitpid/>pcntl_waitpid</a></li><li><a href=/php/pcntl/pcntl_wexitstatus/>pcntl_wexitstatus</a></li><li><a href=/php/pcntl/pcntl_wifexited/>pcntl_wifexited</a></li><li><a href=/php/pcntl/pcntl_wifsignaled/>pcntl_wifsignaled</a></li><li><a href=/php/pcntl/pcntl_wifstopped/>pcntl_wifstopped</a></li><li><a href=/php/pcntl/pcntl_wstopsig/>pcntl_wstopsig</a></li><li><a href=/php/pcntl/pcntl_wtermsig/>pcntl_wtermsig</a></li></ul></div><h2>PCRE</h2><div><ul><li><a href=/php/pcre/preg_filter/>preg_filter</a></li><li><a href=/php/pcre/preg_grep/>preg_grep</a></li><li><a href=/php/pcre/preg_last_error/>preg_last_error</a></li><li><a href=/php/pcre/preg_match/>preg_match</a></li><li><a href=/php/pcre/preg_match_all/>preg_match_all</a></li><li><a href=/php/pcre/preg_quote/>preg_quote</a></li><li><a href=/php/pcre/preg_replace/>preg_replace</a></li><li><a href=/php/pcre/preg_replace_callback/>preg_replace_callback</a></li><li><a href=/php/pcre/preg_replace_callback_array/>preg_replace_callback_array</a></li><li><a href=/php/pcre/preg_split/>preg_split</a></li></ul></div><h2>POSIX</h2><div><ul><li><a href=/php/posix/posix_access/>posix_access</a></li><li><a href=/php/posix/posix_ctermid/>posix_ctermid</a></li><li><a href=/php/posix/posix_eaccess/>posix_eaccess</a></li><li><a href=/php/posix/posix_errno/>posix_errno</a></li><li><a href=/php/posix/posix_fpathconf/>posix_fpathconf</a></li><li><a href=/php/posix/posix_get_last_error/>posix_get_last_error</a></li><li><a href=/php/posix/posix_getcwd/>posix_getcwd</a></li><li><a href=/php/posix/posix_getegid/>posix_getegid</a></li><li><a href=/php/posix/posix_geteuid/>posix_geteuid</a></li><li><a href=/php/posix/posix_getgid/>posix_getgid</a></li><li><a href=/php/posix/posix_getgrgid/>posix_getgrgid</a></li><li><a href=/php/posix/posix_getgrnam/>posix_getgrnam</a></li><li><a href=/php/posix/posix_getgroups/>posix_getgroups</a></li><li><a href=/php/posix/posix_getlogin/>posix_getlogin</a></li><li><a href=/php/posix/posix_getpgid/>posix_getpgid</a></li><li><a href=/php/posix/posix_getpgrp/>posix_getpgrp</a></li><li><a href=/php/posix/posix_getpid/>posix_getpid</a></li><li><a href=/php/posix/posix_getppid/>posix_getppid</a></li><li><a href=/php/posix/posix_getpwnam/>posix_getpwnam</a></li><li><a href=/php/posix/posix_getpwuid/>posix_getpwuid</a></li><li><a href=/php/posix/posix_getrlimit/>posix_getrlimit</a></li><li><a href=/php/posix/posix_getsid/>posix_getsid</a></li><li><a href=/php/posix/posix_getuid/>posix_getuid</a></li><li><a href=/php/posix/posix_initgroups/>posix_initgroups</a></li><li><a href=/php/posix/posix_isatty/>posix_isatty</a></li><li><a href=/php/posix/posix_kill/>posix_kill</a></li><li><a href=/php/posix/posix_mkfifo/>posix_mkfifo</a></li><li><a href=/php/posix/posix_mknod/>posix_mknod</a></li><li><a href=/php/posix/posix_pathconf/>posix_pathconf</a></li><li><a href=/php/posix/posix_setegid/>posix_setegid</a></li><li><a href=/php/posix/posix_seteuid/>posix_seteuid</a></li><li><a href=/php/posix/posix_setgid/>posix_setgid</a></li><li><a href=/php/posix/posix_setpgid/>posix_setpgid</a></li><li><a href=/php/posix/posix_setrlimit/>posix_setrlimit</a></li><li><a href=/php/posix/posix_setsid/>posix_setsid</a></li><li><a href=/php/posix/posix_setuid/>posix_setuid</a></li><li><a href=/php/posix/posix_strerror/>posix_strerror</a></li><li><a href=/php/posix/posix_sysconf/>posix_sysconf</a></li><li><a href=/php/posix/posix_times/>posix_times</a></li><li><a href=/php/posix/posix_ttyname/>posix_ttyname</a></li><li><a href=/php/posix/posix_uname/>posix_uname</a></li></ul></div><h2>Random</h2><div><ul><li><a href=/php/random/getrandmax/>getrandmax</a></li><li><a href=/php/random/lcg_value/>lcg_value</a></li><li><a href=/php/random/mt_getrandmax/>mt_getrandmax</a></li><li><a href=/php/random/mt_rand/>mt_rand</a></li><li><a href=/php/random/mt_srand/>mt_srand</a></li><li><a href=/php/random/rand/>rand</a></li><li><a href=/php/random/random_bytes/>random_bytes</a></li><li><a href=/php/random/random_int/>random_int</a></li><li><a href=/php/random/srand/>srand</a></li></ul></div><h2>Readline</h2><div><ul><li><a href=/php/readline/readline/>readline</a></li><li><a href=/php/readline/readline_add_history/>readline_add_history</a></li><li><a href=/php/readline/readline_callback_handler_install/>readline_callback_handler_install</a></li><li><a href=/php/readline/readline_callback_handler_remove/>readline_callback_handler_remove</a></li><li><a href=/php/readline/readline_callback_read_char/>readline_callback_read_char</a></li><li><a href=/php/readline/readline_clear_history/>readline_clear_history</a></li><li><a href=/php/readline/readline_completion_function/>readline_completion_function</a></li><li><a href=/php/readline/readline_info/>readline_info</a></li><li><a href=/php/readline/readline_list_history/>readline_list_history</a></li><li><a href=/php/readline/readline_on_new_line/>readline_on_new_line</a></li><li><a href=/php/readline/readline_read_history/>readline_read_history</a></li><li><a href=/php/readline/readline_redisplay/>readline_redisplay</a></li><li><a href=/php/readline/readline_write_history/>readline_write_history</a></li></ul></div><h2>ReflectionConstant</h2><div><ul><li><a href=/php/reflectionconstant/getname/>getName</a></li><li><a href=/php/reflectionconstant/getnamespacename/>getNamespaceName</a></li><li><a href=/php/reflectionconstant/getshortname/>getShortName</a></li><li><a href=/php/reflectionconstant/getvalue/>getValue</a></li><li><a href=/php/reflectionconstant/isdeprecated/>isDeprecated</a></li></ul></div><h2>Session</h2><div><ul><li><a href=/php/session/session_abort/>session_abort</a></li><li><a href=/php/session/session_cache_expire/>session_cache_expire</a></li><li><a href=/php/session/session_cache_limiter/>session_cache_limiter</a></li><li><a href=/php/session/session_commit/>session_commit</a></li><li><a href=/php/session/session_create_id/>session_create_id</a></li><li><a href=/php/session/session_decode/>session_decode</a></li><li><a href=/php/session/session_destroy/>session_destroy</a></li><li><a href=/php/session/session_encode/>session_encode</a></li><li><a href=/php/session/session_gc/>session_gc</a></li><li><a href=/php/session/session_get_cookie_params/>session_get_cookie_params</a></li><li><a href=/php/session/session_id/>session_id</a></li><li><a href=/php/session/session_module_name/>session_module_name</a></li><li><a href=/php/session/session_name/>session_name</a></li><li><a href=/php/session/session_regenerate_id/>session_regenerate_id</a></li><li><a href=/php/session/session_register_shutdown/>session_register_shutdown</a></li><li><a href=/php/session/session_reset/>session_reset</a></li><li><a href=/php/session/session_save_path/>session_save_path</a></li><li><a href=/php/session/session_set_cookie_params/>session_set_cookie_params</a></li><li><a href=/php/session/session_set_save_handler/>session_set_save_handler</a></li><li><a href=/php/session/session_start/>session_start</a></li><li><a href=/php/session/session_status/>session_status</a></li><li><a href=/php/session/session_unset/>session_unset</a></li><li><a href=/php/session/session_write_close/>session_write_close</a></li></ul></div><h2>Shmop</h2><div><ul><li><a href=/php/shmop/shmop_delete/>shmop_delete</a></li><li><a href=/php/shmop/shmop_open/>shmop_open</a></li><li><a href=/php/shmop/shmop_read/>shmop_read</a></li><li><a href=/php/shmop/shmop_size/>shmop_size</a></li><li><a href=/php/shmop/shmop_write/>shmop_write</a></li></ul></div><h2>SimpleXML</h2><div><ul><li><a href=/php/simplexml/simplexml_import_dom/>simplexml_import_dom</a></li><li><a href=/php/simplexml/simplexml_load_file/>simplexml_load_file</a></li><li><a href=/php/simplexml/simplexml_load_string/>simplexml_load_string</a></li></ul></div><h2>SNMP</h2><div><ul><li><a href=/php/snmp/snmp_get_quick_print/>snmp_get_quick_print</a></li><li><a href=/php/snmp/snmp_get_valueretrieval/>snmp_get_valueretrieval</a></li><li><a href=/php/snmp/snmp_read_mib/>snmp_read_mib</a></li><li><a href=/php/snmp/snmp_set_enum_print/>snmp_set_enum_print</a></li><li><a href=/php/snmp/snmp_set_oid_numeric_print/>snmp_set_oid_numeric_print</a></li><li><a href=/php/snmp/snmp_set_oid_output_format/>snmp_set_oid_output_format</a></li><li><a href=/php/snmp/snmp_set_quick_print/>snmp_set_quick_print</a></li><li><a href=/php/snmp/snmp_set_valueretrieval/>snmp_set_valueretrieval</a></li><li><a href=/php/snmp/snmp2_get/>snmp2_get</a></li><li><a href=/php/snmp/snmp2_getnext/>snmp2_getnext</a></li><li><a href=/php/snmp/snmp2_real_walk/>snmp2_real_walk</a></li><li><a href=/php/snmp/snmp2_set/>snmp2_set</a></li><li><a href=/php/snmp/snmp2_walk/>snmp2_walk</a></li><li><a href=/php/snmp/snmp3_get/>snmp3_get</a></li><li><a href=/php/snmp/snmp3_getnext/>snmp3_getnext</a></li><li><a href=/php/snmp/snmp3_real_walk/>snmp3_real_walk</a></li><li><a href=/php/snmp/snmp3_set/>snmp3_set</a></li><li><a href=/php/snmp/snmp3_walk/>snmp3_walk</a></li><li><a href=/php/snmp/snmpget/>snmpget</a></li><li><a href=/php/snmp/snmpgetnext/>snmpgetnext</a></li><li><a href=/php/snmp/snmprealwalk/>snmprealwalk</a></li><li><a href=/php/snmp/snmpset/>snmpset</a></li><li><a href=/php/snmp/snmpwalk/>snmpwalk</a></li><li><a href=/php/snmp/snmpwalkoid/>snmpwalkoid</a></li></ul></div><h2>Sockets</h2><div><ul><li><a href=/php/sockets/socket_accept/>socket_accept</a></li><li><a href=/php/sockets/socket_addrinfo_bind/>socket_addrinfo_bind</a></li><li><a href=/php/sockets/socket_addrinfo_connect/>socket_addrinfo_connect</a></li><li><a href=/php/sockets/socket_addrinfo_explain/>socket_addrinfo_explain</a></li><li><a href=/php/sockets/socket_addrinfo_lookup/>socket_addrinfo_lookup</a></li><li><a href=/php/sockets/socket_atmark/>socket_atmark</a></li><li><a href=/php/sockets/socket_bind/>socket_bind</a></li><li><a href=/php/sockets/socket_clear_error/>socket_clear_error</a></li><li><a href=/php/sockets/socket_close/>socket_close</a></li><li><a href=/php/sockets/socket_cmsg_space/>socket_cmsg_space</a></li><li><a href=/php/sockets/socket_connect/>socket_connect</a></li><li><a href=/php/sockets/socket_create/>socket_create</a></li><li><a href=/php/sockets/socket_create_listen/>socket_create_listen</a></li><li><a href=/php/sockets/socket_create_pair/>socket_create_pair</a></li><li><a href=/php/sockets/socket_export_stream/>socket_export_stream</a></li><li><a href=/php/sockets/socket_get_option/>socket_get_option</a></li><li><a href=/php/sockets/socket_getopt/>socket_getopt</a></li><li><a href=/php/sockets/socket_getpeername/>socket_getpeername</a></li><li><a href=/php/sockets/socket_getsockname/>socket_getsockname</a></li><li><a href=/php/sockets/socket_import_stream/>socket_import_stream</a></li><li><a href=/php/sockets/socket_last_error/>socket_last_error</a></li><li><a href=/php/sockets/socket_listen/>socket_listen</a></li><li><a href=/php/sockets/socket_read/>socket_read</a></li><li><a href=/php/sockets/socket_recv/>socket_recv</a></li><li><a href=/php/sockets/socket_recvfrom/>socket_recvfrom</a></li><li><a href=/php/sockets/socket_recvmsg/>socket_recvmsg</a></li><li><a href=/php/sockets/socket_select/>socket_select</a></li><li><a href=/php/sockets/socket_send/>socket_send</a></li><li><a href=/php/sockets/socket_sendmsg/>socket_sendmsg</a></li><li><a href=/php/sockets/socket_sendto/>socket_sendto</a></li><li><a href=/php/sockets/socket_set_block/>socket_set_block</a></li><li><a href=/php/sockets/socket_set_nonblock/>socket_set_nonblock</a></li><li><a href=/php/sockets/socket_set_option/>socket_set_option</a></li><li><a href=/php/sockets/socket_setopt/>socket_setopt</a></li><li><a href=/php/sockets/socket_shutdown/>socket_shutdown</a></li><li><a href=/php/sockets/socket_strerror/>socket_strerror</a></li><li><a href=/php/sockets/socket_write/>socket_write</a></li><li><a href=/php/sockets/socket_wsaprotocol_info_export/>socket_wsaprotocol_info_export</a></li><li><a href=/php/sockets/socket_wsaprotocol_info_import/>socket_wsaprotocol_info_import</a></li><li><a href=/php/sockets/socket_wsaprotocol_info_release/>socket_wsaprotocol_info_release</a></li></ul></div><h2>SPL</h2><div><ul><li><a href=/php/spl/class_implements/>class_implements</a></li><li><a href=/php/spl/class_parents/>class_parents</a></li><li><a href=/php/spl/class_uses/>class_uses</a></li><li><a href=/php/spl/iterator_apply/>iterator_apply</a></li><li><a href=/php/spl/iterator_count/>iterator_count</a></li><li><a href=/php/spl/iterator_to_array/>iterator_to_array</a></li><li><a href=/php/spl/spl_autoload/>spl_autoload</a></li><li><a href=/php/spl/spl_autoload_call/>spl_autoload_call</a></li><li><a href=/php/spl/spl_autoload_extensions/>spl_autoload_extensions</a></li><li><a href=/php/spl/spl_autoload_functions/>spl_autoload_functions</a></li><li><a href=/php/spl/spl_autoload_register/>spl_autoload_register</a></li><li><a href=/php/spl/spl_autoload_unregister/>spl_autoload_unregister</a></li><li><a href=/php/spl/spl_classes/>spl_classes</a></li><li><a href=/php/spl/spl_object_hash/>spl_object_hash</a></li><li><a href=/php/spl/spl_object_id/>spl_object_id</a></li></ul></div><h2>Stream</h2><div><ul><li><a href=/php/stream/stream_bucket_append/>stream_bucket_append</a></li><li><a href=/php/stream/stream_bucket_make_writeable/>stream_bucket_make_writeable</a></li><li><a href=/php/stream/stream_bucket_new/>stream_bucket_new</a></li><li><a href=/php/stream/stream_bucket_prepend/>stream_bucket_prepend</a></li><li><a href=/php/stream/stream_context_create/>stream_context_create</a></li><li><a href=/php/stream/stream_context_get_default/>stream_context_get_default</a></li><li><a href=/php/stream/stream_context_get_options/>stream_context_get_options</a></li><li><a href=/php/stream/stream_context_get_params/>stream_context_get_params</a></li><li><a href=/php/stream/stream_context_set_default/>stream_context_set_default</a></li><li><a href=/php/stream/stream_context_set_option/>stream_context_set_option</a></li><li><a href=/php/stream/stream_context_set_options/>stream_context_set_options</a></li><li><a href=/php/stream/stream_context_set_params/>stream_context_set_params</a></li><li><a href=/php/stream/stream_copy_to_stream/>stream_copy_to_stream</a></li><li><a href=/php/stream/stream_filter_append/>stream_filter_append</a></li><li><a href=/php/stream/stream_filter_prepend/>stream_filter_prepend</a></li><li><a href=/php/stream/stream_filter_register/>stream_filter_register</a></li><li><a href=/php/stream/stream_filter_remove/>stream_filter_remove</a></li><li><a href=/php/stream/stream_get_contents/>stream_get_contents</a></li><li><a href=/php/stream/stream_get_filters/>stream_get_filters</a></li><li><a href=/php/stream/stream_get_line/>stream_get_line</a></li><li><a href=/php/stream/stream_get_meta_data/>stream_get_meta_data</a></li><li><a href=/php/stream/stream_get_transports/>stream_get_transports</a></li><li><a href=/php/stream/stream_get_wrappers/>stream_get_wrappers</a></li><li><a href=/php/stream/stream_is_local/>stream_is_local</a></li><li><a href=/php/stream/stream_isatty/>stream_isatty</a></li><li><a href=/php/stream/stream_notification_callback/>stream_notification_callback</a></li><li><a href=/php/stream/stream_register_wrapper/>stream_register_wrapper</a></li><li><a href=/php/stream/stream_resolve_include_path/>stream_resolve_include_path</a></li><li><a href=/php/stream/stream_select/>stream_select</a></li><li><a href=/php/stream/stream_set_blocking/>stream_set_blocking</a></li><li><a href=/php/stream/stream_set_chunk_size/>stream_set_chunk_size</a></li><li><a href=/php/stream/stream_set_read_buffer/>stream_set_read_buffer</a></li><li><a href=/php/stream/stream_set_timeout/>stream_set_timeout</a></li><li><a href=/php/stream/stream_set_write_buffer/>stream_set_write_buffer</a></li><li><a href=/php/stream/stream_socket_accept/>stream_socket_accept</a></li><li><a href=/php/stream/stream_socket_client/>stream_socket_client</a></li><li><a href=/php/stream/stream_socket_enable_crypto/>stream_socket_enable_crypto</a></li><li><a href=/php/stream/stream_socket_get_name/>stream_socket_get_name</a></li><li><a href=/php/stream/stream_socket_pair/>stream_socket_pair</a></li><li><a href=/php/stream/stream_socket_recvfrom/>stream_socket_recvfrom</a></li><li><a href=/php/stream/stream_socket_sendto/>stream_socket_sendto</a></li><li><a href=/php/stream/stream_socket_server/>stream_socket_server</a></li><li><a href=/php/stream/stream_socket_shutdown/>stream_socket_shutdown</a></li><li><a href=/php/stream/stream_supports_lock/>stream_supports_lock</a></li><li><a href=/php/stream/stream_wrapper_register/>stream_wrapper_register</a></li><li><a href=/php/stream/stream_wrapper_restore/>stream_wrapper_restore</a></li><li><a href=/php/stream/stream_wrapper_unregister/>stream_wrapper_unregister</a></li></ul></div><h2>String</h2><div><ul><li><a href=/php/string/addcslashes/>addcslashes</a></li><li><a href=/php/string/addslashes/>addslashes</a></li><li><a href=/php/string/bin2hex/>bin2hex</a></li><li><a href=/php/string/chop/>chop</a></li><li><a href=/php/string/chr/>chr</a></li><li><a href=/php/string/chunk_split/>chunk_split</a></li><li><a href=/php/string/convert_uudecode/>convert_uudecode</a></li><li><a href=/php/string/convert_uuencode/>convert_uuencode</a></li><li><a href=/php/string/count_chars/>count_chars</a></li><li><a href=/php/string/crc32/>crc32</a></li><li><a href=/php/string/crypt/>crypt</a></li><li><a href=/php/string/echo/>echo</a></li><li><a href=/php/string/explode/>explode</a></li><li><a href=/php/string/fprintf/>fprintf</a></li><li><a href=/php/string/get_html_translation_table/>get_html_translation_table</a></li><li><a href=/php/string/hebrev/>hebrev</a></li><li><a href=/php/string/hebrevc/>hebrevc</a></li><li><a href=/php/string/hex2bin/>hex2bin</a></li><li><a href=/php/string/html_entity_decode/>html_entity_decode</a></li><li><a href=/php/string/htmlentities/>htmlentities</a></li><li><a href=/php/string/htmlspecialchars/>htmlspecialchars</a></li><li><a href=/php/string/htmlspecialchars_decode/>htmlspecialchars_decode</a></li><li><a href=/php/string/implode/>implode</a></li><li><a href=/php/string/join/>join</a></li><li><a href=/php/string/lcfirst/>lcfirst</a></li><li><a href=/php/string/levenshtein/>levenshtein</a></li><li><a href=/php/string/localeconv/>localeconv</a></li><li><a href=/php/string/ltrim/>ltrim</a></li><li><a href=/php/string/md5/>md5</a></li><li><a href=/php/string/md5_file/>md5_file</a></li><li><a href=/php/string/metaphone/>metaphone</a></li><li><a href=/php/string/nl_langinfo/>nl_langinfo</a></li><li><a href=/php/string/nl2br/>nl2br</a></li><li><a href=/php/string/number_format/>number_format</a></li><li><a href=/php/string/ord/>ord</a></li><li><a href=/php/string/parse_str/>parse_str</a></li><li><a href=/php/string/print/>print</a></li><li><a href=/php/string/printf/>printf</a></li><li><a href=/php/string/quoted_printable_decode/>quoted_printable_decode</a></li><li><a href=/php/string/quoted_printable_encode/>quoted_printable_encode</a></li><li><a href=/php/string/quotemeta/>quotemeta</a></li><li><a href=/php/string/rtrim/>rtrim</a></li><li><a href=/php/string/setlocale/>setlocale</a></li><li><a href=/php/string/sha1/>sha1</a></li><li><a href=/php/string/sha1_file/>sha1_file</a></li><li><a href=/php/string/similar_text/>similar_text</a></li><li><a href=/php/string/soundex/>soundex</a></li><li><a href=/php/string/sprintf/>sprintf</a></li><li><a href=/php/string/sscanf/>sscanf</a></li><li><a href=/php/string/str_contains/>str_contains</a></li><li><a href=/php/string/str_decrement/>str_decrement</a></li><li><a href=/php/string/str_ends_with/>str_ends_with</a></li><li><a href=/php/string/str_getcsv/>str_getcsv</a></li><li><a href=/php/string/str_increment/>str_increment</a></li><li><a href=/php/string/str_ireplace/>str_ireplace</a></li><li><a href=/php/string/str_pad/>str_pad</a></li><li><a href=/php/string/str_repeat/>str_repeat</a></li><li><a href=/php/string/str_replace/>str_replace</a></li><li><a href=/php/string/str_rot13/>str_rot13</a></li><li><a href=/php/string/str_shuffle/>str_shuffle</a></li><li><a href=/php/string/str_split/>str_split</a></li><li><a href=/php/string/str_starts_with/>str_starts_with</a></li><li><a href=/php/string/str_word_count/>str_word_count</a></li><li><a href=/php/string/strcasecmp/>strcasecmp</a></li><li><a href=/php/string/strchr/>strchr</a></li><li><a href=/php/string/strcmp/>strcmp</a></li><li><a href=/php/string/strcoll/>strcoll</a></li><li><a href=/php/string/strcspn/>strcspn</a></li><li><a href=/php/string/strip_tags/>strip_tags</a></li><li><a href=/php/string/stripcslashes/>stripcslashes</a></li><li><a href=/php/string/stripos/>stripos</a></li><li><a href=/php/string/stripslashes/>stripslashes</a></li><li><a href=/php/string/stristr/>stristr</a></li><li><a href=/php/string/strlen/>strlen</a></li><li><a href=/php/string/strnatcasecmp/>strnatcasecmp</a></li><li><a href=/php/string/strnatcmp/>strnatcmp</a></li><li><a href=/php/string/strncasecmp/>strncasecmp</a></li><li><a href=/php/string/strncmp/>strncmp</a></li><li><a href=/php/string/strpbrk/>strpbrk</a></li><li><a href=/php/string/strpos/>strpos</a></li><li><a href=/php/string/strrchr/>strrchr</a></li><li><a href=/php/string/strrev/>strrev</a></li><li><a href=/php/string/strripos/>strripos</a></li><li><a href=/php/string/strrpos/>strrpos</a></li><li><a href=/php/string/strspn/>strspn</a></li><li><a href=/php/string/strstr/>strstr</a></li><li><a href=/php/string/strtok/>strtok</a></li><li><a href=/php/string/strtolower/>strtolower</a></li><li><a href=/php/string/strtoupper/>strtoupper</a></li><li><a href=/php/string/strtr/>strtr</a></li><li><a href=/php/string/substr/>substr</a></li><li><a href=/php/string/substr_compare/>substr_compare</a></li><li><a href=/php/string/substr_count/>substr_count</a></li><li><a href=/php/string/substr_replace/>substr_replace</a></li><li><a href=/php/string/trim/>trim</a></li><li><a href=/php/string/ucfirst/>ucfirst</a></li><li><a href=/php/string/ucwords/>ucwords</a></li><li><a href=/php/string/vfprintf/>vfprintf</a></li><li><a href=/php/string/vprintf/>vprintf</a></li><li><a href=/php/string/vsprintf/>vsprintf</a></li><li><a href=/php/string/wordwrap/>wordwrap</a></li></ul></div><h2>Tokenizer</h2><div><ul><li><a href=/php/tokenizer/token_get_all/>token_get_all</a></li><li><a href=/php/tokenizer/token_name/>token_name</a></li></ul></div><h2>URL</h2><div><ul><li><a href=/php/url/base64_decode/>base64_decode</a></li><li><a href=/php/url/base64_encode/>base64_encode</a></li><li><a href=/php/url/get_headers/>get_headers</a></li><li><a href=/php/url/get_meta_tags/>get_meta_tags</a></li><li><a href=/php/url/http_build_query/>http_build_query</a></li><li><a href=/php/url/parse_url/>parse_url</a></li><li><a href=/php/url/rawurldecode/>rawurldecode</a></li><li><a href=/php/url/rawurlencode/>rawurlencode</a></li><li><a href=/php/url/urldecode/>urldecode</a></li><li><a href=/php/url/urlencode/>urlencode</a></li></ul></div><h2>Variable Handling</h2><div><ul><li><a href=/php/variable-handling/boolval/>boolval</a></li><li><a href=/php/variable-handling/debug_zval_dump/>debug_zval_dump</a></li><li><a href=/php/variable-handling/doubleval/>doubleval</a></li><li><a href=/php/variable-handling/empty/>empty</a></li><li><a href=/php/variable-handling/floatval/>floatval</a></li><li><a href=/php/variable-handling/get_debug_type/>get_debug_type</a></li><li><a href=/php/variable-handling/get_defined_vars/>get_defined_vars</a></li><li><a href=/php/variable-handling/get_resource_id/>get_resource_id</a></li><li><a href=/php/variable-handling/get_resource_type/>get_resource_type</a></li><li><a href=/php/variable-handling/gettype/>gettype</a></li><li><a href=/php/variable-handling/intval/>intval</a></li><li><a href=/php/variable-handling/is_array/>is_array</a></li><li><a href=/php/variable-handling/is_bool/>is_bool</a></li><li><a href=/php/variable-handling/is_callable/>is_callable</a></li><li><a href=/php/variable-handling/is_countable/>is_countable</a></li><li><a href=/php/variable-handling/is_double/>is_double</a></li><li><a href=/php/variable-handling/is_float/>is_float</a></li><li><a href=/php/variable-handling/is_int/>is_int</a></li><li><a href=/php/variable-handling/is_integer/>is_integer</a></li><li><a href=/php/variable-handling/is_iterable/>is_iterable</a></li><li><a href=/php/variable-handling/is_long/>is_long</a></li><li><a href=/php/variable-handling/is_null/>is_null</a></li><li><a href=/php/variable-handling/is_numeric/>is_numeric</a></li><li><a href=/php/variable-handling/is_object/>is_object</a></li><li><a href=/php/variable-handling/is_real/>is_real</a></li><li><a href=/php/variable-handling/is_resource/>is_resource</a></li><li><a href=/php/variable-handling/is_scalar/>is_scalar</a></li><li><a href=/php/variable-handling/is_string/>is_string</a></li><li><a href=/php/variable-handling/isset/>isset</a></li><li><a href=/php/variable-handling/print_r/>print_r</a></li><li><a href=/php/variable-handling/serialize/>serialize</a></li><li><a href=/php/variable-handling/settype/>settype</a></li><li><a href=/php/variable-handling/strval/>strval</a></li><li><a href=/php/variable-handling/unserialize/>unserialize</a></li><li><a href=/php/variable-handling/unset/>unset</a></li><li><a href=/php/variable-handling/var_dump/>var_dump</a></li><li><a href=/php/variable-handling/var_export/>var_export</a></li></ul></div><h2>zlib</h2><div><ul><li><a href=/php/zlib/deflate_add/>deflate_add</a></li><li><a href=/php/zlib/deflate_init/>deflate_init</a></li><li><a href=/php/zlib/gzclose/>gzclose</a></li><li><a href=/php/zlib/gzcompress/>gzcompress</a></li><li><a href=/php/zlib/gzdecode/>gzdecode</a></li><li><a href=/php/zlib/gzdeflate/>gzdeflate</a></li><li><a href=/php/zlib/gzencode/>gzencode</a></li><li><a href=/php/zlib/gzeof/>gzeof</a></li><li><a href=/php/zlib/gzfile/>gzfile</a></li><li><a href=/php/zlib/gzgetc/>gzgetc</a></li><li><a href=/php/zlib/gzgets/>gzgets</a></li><li><a href=/php/zlib/gzinflate/>gzinflate</a></li><li><a href=/php/zlib/gzopen/>gzopen</a></li><li><a href=/php/zlib/gzpassthru/>gzpassthru</a></li><li><a href=/php/zlib/gzputs/>gzputs</a></li><li><a href=/php/zlib/gzread/>gzread</a></li><li><a href=/php/zlib/gzrewind/>gzrewind</a></li><li><a href=/php/zlib/gzseek/>gzseek</a></li><li><a href=/php/zlib/gztell/>gztell</a></li><li><a href=/php/zlib/gzuncompress/>gzuncompress</a></li><li><a href=/php/zlib/gzwrite/>gzwrite</a></li><li><a href=/php/zlib/inflate_add/>inflate_add</a></li><li><a href=/php/zlib/inflate_get_read_len/>inflate_get_read_len</a></li><li><a href=/php/zlib/inflate_get_status/>inflate_get_status</a></li><li><a href=/php/zlib/inflate_init/>inflate_init</a></li><li><a href=/php/zlib/ob_gzhandler/>ob_gzhandler</a></li><li><a href=/php/zlib/readgzfile/>readgzfile</a></li><li><a href=/php/zlib/zlib_decode/>zlib_decode</a></li><li><a href=/php/zlib/zlib_encode/>zlib_encode</a></li><li><a href=/php/zlib/zlib_get_coding_type/>zlib_get_coding_type</a></li></ul></div></div><div class=h1><a id=switch-svg>SVG</a></div><div id=list-svg><h2>Overview</h2><div><ul><li><a href=/svg/>Overview</a></li></ul></div><h2>Attributes</h2><div><ul><li><a href=/svg/attributes/accumulate/>accumulate</a></li><li><a href=/svg/attributes/additive/>additive</a></li><li><a href=/svg/attributes/amplitude/>amplitude</a></li><li><a href=/svg/attributes/attributename/>attributeName</a></li><li><a href=/svg/attributes/azimuth/>azimuth</a></li><li><a href=/svg/attributes/basefrequency/>baseFrequency</a></li><li><a href=/svg/attributes/begin/>begin</a></li><li><a href=/svg/attributes/bias/>bias</a></li><li><a href=/svg/attributes/by/>by</a></li><li><a href=/svg/attributes/calcmode/>calcMode</a></li><li><a href=/svg/attributes/clippathunits/>clipPathUnits</a></li><li><a href=/svg/attributes/crossorigin/>crossorigin</a></li><li><a href=/svg/attributes/cx/>cx</a></li><li><a href=/svg/attributes/cy/>cy</a></li><li><a href=/svg/attributes/d/>d</a></li><li><a href=/svg/attributes/diffuseconstant/>diffuseConstant</a></li><li><a href=/svg/attributes/divisor/>divisor</a></li><li><a href=/svg/attributes/download/>download</a></li><li><a href=/svg/attributes/dur/>dur</a></li><li><a href=/svg/attributes/dx/>dx</a></li><li><a href=/svg/attributes/dy/>dy</a></li><li><a href=/svg/attributes/edgemode/>edgeMode</a></li><li><a href=/svg/attributes/elevation/>elevation</a></li><li><a href=/svg/attributes/end/>end</a></li><li><a href=/svg/attributes/exponent/>exponent</a></li><li><a href=/svg/attributes/fill/>fill</a></li><li><a href=/svg/attributes/filterunits/>filterUnits</a></li><li><a href=/svg/attributes/flood-color/>flood-color</a></li><li><a href=/svg/attributes/flood-opacity/>flood-opacity</a></li><li><a href=/svg/attributes/fr/>fr</a></li><li><a href=/svg/attributes/from/>from</a></li><li><a href=/svg/attributes/fx/>fx</a></li><li><a href=/svg/attributes/fy/>fy</a></li><li><a href=/svg/attributes/gradienttransform/>gradientTransform</a></li><li><a href=/svg/attributes/gradientunits/>gradientUnits</a></li><li><a href=/svg/attributes/height/>height</a></li><li><a href=/svg/attributes/href/>href</a></li><li><a href=/svg/attributes/hreflang/>hreflang</a></li><li><a href=/svg/attributes/id/>id</a></li><li><a href=/svg/attributes/in/>in</a></li><li><a href=/svg/attributes/in2/>in2</a></li><li><a href=/svg/attributes/intercept/>intercept</a></li><li><a href=/svg/attributes/k1/>k1</a></li><li><a href=/svg/attributes/k2/>k2</a></li><li><a href=/svg/attributes/k3/>k3</a></li><li><a href=/svg/attributes/k4/>k4</a></li><li><a href=/svg/attributes/kernelmatrix/>kernelMatrix</a></li><li><a href=/svg/attributes/keypoints/>keyPoints</a></li><li><a href=/svg/attributes/keysplines/>keySplines</a></li><li><a href=/svg/attributes/keytimes/>keyTimes</a></li><li><a href=/svg/attributes/lengthadjust/>lengthAdjust</a></li><li><a href=/svg/attributes/limitingconeangle/>limitingConeAngle</a></li><li><a href=/svg/attributes/markerheight/>markerHeight</a></li><li><a href=/svg/attributes/markerunits/>markerUnits</a></li><li><a href=/svg/attributes/markerwidth/>markerWidth</a></li><li><a href=/svg/attributes/maskcontentunits/>maskContentUnits</a></li><li><a href=/svg/attributes/maskunits/>maskUnits</a></li><li><a href=/svg/attributes/max/>max</a></li><li><a href=/svg/attributes/media/>media</a></li><li><a href=/svg/attributes/method/>method</a></li><li><a href=/svg/attributes/min/>min</a></li><li><a href=/svg/attributes/mode/>mode</a></li><li><a href=/svg/attributes/no-composite/>no-composite</a></li><li><a href=/svg/attributes/numoctaves/>numOctaves</a></li><li><a href=/svg/attributes/offset/>offset</a></li><li><a href=/svg/attributes/onbegin/>onbegin</a></li><li><a href=/svg/attributes/onend/>onend</a></li><li><a href=/svg/attributes/onrepeat/>onrepeat</a></li><li><a href=/svg/attributes/operator/>operator</a></li><li><a href=/svg/attributes/order/>order</a></li><li><a href=/svg/attributes/orient/>orient</a></li><li><a href=/svg/attributes/origin/>origin</a></li><li><a href=/svg/attributes/path/>path</a></li><li><a href=/svg/attributes/pathlength/>pathLength</a></li><li><a href=/svg/attributes/patterncontentunits/>patternContentUnits</a></li><li><a href=/svg/attributes/patterntransform/>patternTransform</a></li><li><a href=/svg/attributes/patternunits/>patternUnits</a></li><li><a href=/svg/attributes/ping/>ping</a></li><li><a href=/svg/attributes/points/>points</a></li><li><a href=/svg/attributes/pointsatx/>pointsAtX</a></li><li><a href=/svg/attributes/pointsaty/>pointsAtY</a></li><li><a href=/svg/attributes/pointsatz/>pointsAtZ</a></li><li><a href=/svg/attributes/preservealpha/>preserveAlpha</a></li><li><a href=/svg/attributes/preserveaspectratio/>preserveAspectRatio</a></li><li><a href=/svg/attributes/primitiveunits/>primitiveUnits</a></li><li><a href=/svg/attributes/r/>r</a></li><li><a href=/svg/attributes/radius/>radius</a></li><li><a href=/svg/attributes/referrerpolicy/>referrerPolicy</a></li><li><a href=/svg/attributes/refx/>refx</a></li><li><a href=/svg/attributes/refy/>refy</a></li><li><a href=/svg/attributes/rel/>rel</a></li><li><a href=/svg/attributes/repeatcount/>repeatCount</a></li><li><a href=/svg/attributes/repeatdur/>repeatDur</a></li><li><a href=/svg/attributes/requiredextensions/>requiredExtensions</a></li><li><a href=/svg/attributes/restart/>restart</a></li><li><a href=/svg/attributes/rotate/>rotate</a></li><li><a href=/svg/attributes/rx/>rx</a></li><li><a href=/svg/attributes/ry/>ry</a></li><li><a href=/svg/attributes/scale/>scale</a></li><li><a href=/svg/attributes/seed/>seed</a></li><li><a href=/svg/attributes/side/>side</a></li><li><a href=/svg/attributes/slope/>slope</a></li><li><a href=/svg/attributes/spacing/>spacing</a></li><li><a href=/svg/attributes/specularconstant/>specularConstant</a></li><li><a href=/svg/attributes/specularexponent/>specularExponent</a></li><li><a href=/svg/attributes/spreadmethod/>spreadMethod</a></li><li><a href=/svg/attributes/startoffset/>startoffset</a></li><li><a href=/svg/attributes/stddeviation/>stdDeviation</a></li><li><a href=/svg/attributes/stitchtiles/>stitchTiles</a></li><li><a href=/svg/attributes/stop-color/>stop-color</a></li><li><a href=/svg/attributes/stop-opacity/>stop-opacity</a></li><li><a href=/svg/attributes/surfacescale/>surfaceScale</a></li><li><a href=/svg/attributes/systemlanguage/>systemLanguage</a></li><li><a href=/svg/attributes/tabindex/>tabindex</a></li><li><a href=/svg/attributes/tablevalues/>tableValues</a></li><li><a href=/svg/attributes/target/>target</a></li><li><a href=/svg/attributes/targetx/>targetX</a></li><li><a href=/svg/attributes/targety/>targetY</a></li><li><a href=/svg/attributes/textlength/>textLength</a></li><li><a href=/svg/attributes/title/>title</a></li><li><a href=/svg/attributes/to/>to</a></li><li><a href=/svg/attributes/transform/>transform</a></li><li><a href=/svg/attributes/type/>type</a></li><li><a href=/svg/attributes/values/>values</a></li><li><a href=/svg/attributes/viewbox/>viewBox</a></li><li><a href=/svg/attributes/width/>width</a></li><li><a href=/svg/attributes/x/>x</a></li><li><a href=/svg/attributes/x1/>x1</a></li><li><a href=/svg/attributes/x2/>x2</a></li><li><a href=/svg/attributes/xchannelselector/>xChannelSelector</a></li><li><a href=/svg/attributes/y/>y</a></li><li><a href=/svg/attributes/y1/>y1</a></li><li><a href=/svg/attributes/y2/>y2</a></li><li><a href=/svg/attributes/ychannelselector/>yChannelSelector</a></li><li><a href=/svg/attributes/z/>z</a></li><li><a href=/svg/attributes/zoomandpan/>zoomAndPan</a></li></ul></div><h2>Elements</h2><div><ul><li><a href=/svg/elements/a/>a</a></li><li><a href=/svg/elements/animate/>animate</a></li><li><a href=/svg/elements/animatemotion/>animateMotion</a></li><li><a href=/svg/elements/animatetransform/>animateTransform</a></li><li><a href=/svg/elements/circle/>circle</a></li><li><a href=/svg/elements/clippath/>clipPath</a></li><li><a href=/svg/elements/defs/>defs</a></li><li><a href=/svg/elements/desc/>desc</a></li><li><a href=/svg/elements/discard/>discard</a></li><li><a href=/svg/elements/ellipse/>ellipse</a></li><li><a href=/svg/elements/feblend/>feBlend</a></li><li><a href=/svg/elements/fecolormatrix/>feColorMatrix</a></li><li><a href=/svg/elements/fecomponenttransfer/>feComponentTransfer</a></li><li><a href=/svg/elements/fecomposite/>feComposite</a></li><li><a href=/svg/elements/feconvolvematrix/>feConvolveMatrix</a></li><li><a href=/svg/elements/fediffuselighting/>feDiffuseLighting</a></li><li><a href=/svg/elements/fedisplacementmap/>feDisplacementMap</a></li><li><a href=/svg/elements/fedistantlight/>feDistantLight</a></li><li><a href=/svg/elements/fedropshadow/>feDropShadow</a></li><li><a href=/svg/elements/feflood/>feFlood</a></li><li><a href=/svg/elements/fefunca/>feFuncA</a></li><li><a href=/svg/elements/fefuncb/>feFuncB</a></li><li><a href=/svg/elements/fefuncg/>feFuncG</a></li><li><a href=/svg/elements/fefuncr/>feFuncR</a></li><li><a href=/svg/elements/fegaussianblur/>feGaussianBlur</a></li><li><a href=/svg/elements/feimage/>feImage</a></li><li><a href=/svg/elements/femerge/>feMerge</a></li><li><a href=/svg/elements/femergenode/>feMergeNode</a></li><li><a href=/svg/elements/femorphology/>feMorphology</a></li><li><a href=/svg/elements/feoffset/>feOffset</a></li><li><a href=/svg/elements/fepointlight/>fePointLight</a></li><li><a href=/svg/elements/fespecularlighting/>feSpecularLighting</a></li><li><a href=/svg/elements/fespotlight/>feSpotLight</a></li><li><a href=/svg/elements/fetile/>feTile</a></li><li><a href=/svg/elements/feturbulence/>feTurbulence</a></li><li><a href=/svg/elements/filter/>filter</a></li><li><a href=/svg/elements/foreignobject/>foreignObject</a></li><li><a href=/svg/elements/g/>g</a></li><li><a href=/svg/elements/image/>image</a></li><li><a href=/svg/elements/line/>line</a></li><li><a href=/svg/elements/lineargradient/>linearGradient</a></li><li><a href=/svg/elements/marker/>marker</a></li><li><a href=/svg/elements/mask/>mask</a></li><li><a href=/svg/elements/metadata/>metadata</a></li><li><a href=/svg/elements/mpath/>mpath</a></li><li><a href=/svg/elements/path/>path</a></li><li><a href=/svg/elements/pattern/>pattern</a></li><li><a href=/svg/elements/polygon/>polygon</a></li><li><a href=/svg/elements/polyline/>polyline</a></li><li><a href=/svg/elements/radialgradient/>radialGradient</a></li><li><a href=/svg/elements/rect/>rect</a></li><li><a href=/svg/elements/script/>script</a></li><li><a href=/svg/elements/set/>set</a></li><li><a href=/svg/elements/stop/>stop</a></li><li><a href=/svg/elements/style/>style</a></li><li><a href=/svg/elements/svg/>svg</a></li><li><a href=/svg/elements/switch/>switch</a></li><li><a href=/svg/elements/symbol/>symbol</a></li><li><a href=/svg/elements/text/>text</a></li><li><a href=/svg/elements/textpath/>textPath</a></li><li><a href=/svg/elements/title/>title</a></li><li><a href=/svg/elements/tspan/>tspan</a></li><li><a href=/svg/elements/unknown/>unknown</a></li><li><a href=/svg/elements/use/>use</a></li><li><a href=/svg/elements/view/>view</a></li></ul></div><h2>Values</h2><div><ul><li><a href=/svg/values/_blank/>_blank</a></li><li><a href=/svg/values/_parent/>_parent</a></li><li><a href=/svg/values/_self/>_self</a></li><li><a href=/svg/values/_top/>_top</a></li><li><a href=/svg/values/a/>A</a></li><li><a href=/svg/values/align/>align</a></li><li><a href=/svg/values/alpha-value/>alpha-value</a></li><li><a href=/svg/values/always/>always</a></li><li><a href=/svg/values/angle/>angle</a></li><li><a href=/svg/values/anonymous/>anonymous</a></li><li><a href=/svg/values/arithmetic/>arithmetic</a></li><li><a href=/svg/values/atop/>atop</a></li><li><a href=/svg/values/auto/>auto</a></li><li><a href=/svg/values/auto-start-reverse/>auto-start-reverse</a></li><li><a href=/svg/values/auto-reverse/>auto-reverse</a></li><li><a href=/svg/values/b/>B</a></li><li><a href=/svg/values/backgroundalpha/>BackgroundAlpha</a></li><li><a href=/svg/values/backgroundimage/>BackgroundImage</a></li><li><a href=/svg/values/begin-value-list/>begin-value-list</a></li><li><a href=/svg/values/blend-mode/>blend-mode</a></li><li><a href=/svg/values/bottom/>bottom</a></li><li><a href=/svg/values/center/>center</a></li><li><a href=/svg/values/clock-value/>clock-value</a></li><li><a href=/svg/values/color/>color</a></li><li><a href=/svg/values/control-point/>control-point</a></li><li><a href=/svg/values/currentcolor/>currentColor</a></li><li><a href=/svg/values/default/>default</a></li><li><a href=/svg/values/dilate/>dilate</a></li><li><a href=/svg/values/disable/>disable</a></li><li><a href=/svg/values/discrete/>discrete</a></li><li><a href=/svg/values/duplicate/>duplicate</a></li><li><a href=/svg/values/empty-string/>empty-string</a></li><li><a href=/svg/values/end-value-list/>end-value-list</a></li><li><a href=/svg/values/erode/>erode</a></li><li><a href=/svg/values/exact/>exact</a></li><li><a href=/svg/values/false/>false</a></li><li><a href=/svg/values/fillpaint/>FillPaint</a></li><li><a href=/svg/values/filter-primitive-reference/>filter-primitive-reference</a></li><li><a href=/svg/values/fractalnoise/>fractalNoise</a></li><li><a href=/svg/values/freeze/>freeze</a></li><li><a href=/svg/values/g/>G</a></li><li><a href=/svg/values/gamma/>gamma</a></li><li><a href=/svg/values/height/>height</a></li><li><a href=/svg/values/huerotate/>hueRotate</a></li><li><a href=/svg/values/icccolor/>icccolor</a></li><li><a href=/svg/values/id/>id</a></li><li><a href=/svg/values/identity/>identity</a></li><li><a href=/svg/values/in/>in</a></li><li><a href=/svg/values/indefinite/>indefinite</a></li><li><a href=/svg/values/integer/>integer</a></li><li><a href=/svg/values/left/>left</a></li><li><a href=/svg/values/length/>length</a></li><li><a href=/svg/values/length-percentage/>length-percentage</a></li><li><a href=/svg/values/lighter/>lighter</a></li><li><a href=/svg/values/linear/>linear</a></li><li><a href=/svg/values/list/>list</a></li><li><a href=/svg/values/list-of-numbers/>list-of-numbers</a></li><li><a href=/svg/values/luminancetoalpha/>luminanceToAlpha</a></li><li><a href=/svg/values/magnify/>magnify</a></li><li><a href=/svg/values/matrix/>matrix</a></li><li><a href=/svg/values/media/>media</a></li><li><a href=/svg/values/meetorslice/>meetOrSlice</a></li><li><a href=/svg/values/min-x/>min-x</a></li><li><a href=/svg/values/min-y/>min-y</a></li><li><a href=/svg/values/name/>name</a></li><li><a href=/svg/values/never/>never</a></li><li><a href=/svg/values/no-composite/>no-composite</a></li><li><a href=/svg/values/no-referrer/>no-referrer</a></li><li><a href=/svg/values/no-referrer-when-downgrade/>no-referrer-when-downgrade</a></li><li><a href=/svg/values/none/>none</a></li><li><a href=/svg/values/nostitch/>noStitch</a></li><li><a href=/svg/values/number/>number</a></li><li><a href=/svg/values/number-optional-number/>number-optional-number</a></li><li><a href=/svg/values/objectboundingbox/>objectBoundingBox</a></li><li><a href=/svg/values/origin/>origin</a></li><li><a href=/svg/values/origin-when-cross-origin/>origin-when-cross-origin</a></li><li><a href=/svg/values/out/>out</a></li><li><a href=/svg/values/over/>over</a></li><li><a href=/svg/values/paced/>paced</a></li><li><a href=/svg/values/pad/>pad</a></li><li><a href=/svg/values/path-data/>path-data</a></li><li><a href=/svg/values/percentage/>percentage</a></li><li><a href=/svg/values/points/>points</a></li><li><a href=/svg/values/r/>R</a></li><li><a href=/svg/values/reflect/>reflect</a></li><li><a href=/svg/values/remove/>remove</a></li><li><a href=/svg/values/repeat/>repeat</a></li><li><a href=/svg/values/replace/>replace</a></li><li><a href=/svg/values/right/>right</a></li><li><a href=/svg/values/rotate/>rotate</a></li><li><a href=/svg/values/same-origin/>same-origin</a></li><li><a href=/svg/values/saturate/>saturate</a></li><li><a href=/svg/values/scale/>scale</a></li><li><a href=/svg/values/script/>script</a></li><li><a href=/svg/values/set-of-comma-separated-tokens/>set-of-comma-separated-tokens</a></li><li><a href=/svg/values/set-of-space-separated-tokens/>set-of-space-separated-tokens</a></li><li><a href=/svg/values/skewx/>skewx</a></li><li><a href=/svg/values/skewy/>skewy</a></li><li><a href=/svg/values/sourcealpha/>SourceAlpha</a></li><li><a href=/svg/values/sourcegraphic/>SourceGraphic</a></li><li><a href=/svg/values/spacing/>spacing</a></li><li><a href=/svg/values/spacingandglyphs/>spacingAndGlyphs</a></li><li><a href=/svg/values/spline/>spline</a></li><li><a href=/svg/values/stitch/>stitch</a></li><li><a href=/svg/values/stretch/>stretch</a></li><li><a href=/svg/values/strict-origin/>strict-origin</a></li><li><a href=/svg/values/strict-origin-when-cross-origin/>strict-origin-when-cross-origin</a></li><li><a href=/svg/values/string/>string</a></li><li><a href=/svg/values/strokepaint/>StrokePaint</a></li><li><a href=/svg/values/strokewidth/>strokeWidth</a></li><li><a href=/svg/values/sum/>sum</a></li><li><a href=/svg/values/table/>table</a></li><li><a href=/svg/values/tokens/>tokens</a></li><li><a href=/svg/values/top/>top</a></li><li><a href=/svg/values/transform-list/>transform-list</a></li><li><a href=/svg/values/translate/>translate</a></li><li><a href=/svg/values/true/>true</a></li><li><a href=/svg/values/turbulence/>turbulence</a></li><li><a href=/svg/values/unsafe-url/>unsafe-url</a></li><li><a href=/svg/values/url/>url</a></li><li><a href=/svg/values/use-credentials/>use-credentials</a></li><li><a href=/svg/values/userspaceonuse/>userSpaceOnUse</a></li><li><a href=/svg/values/valid-integer/>valid-integer</a></li><li><a href=/svg/values/value/>value</a></li><li><a href=/svg/values/whennotactive/>whenNotActive</a></li><li><a href=/svg/values/width/>width</a></li><li><a href=/svg/values/wrap/>wrap</a></li><li><a href=/svg/values/xml-name/>XML-Name</a></li><li><a href=/svg/values/xor/>xor</a></li></ul></div></div><div class=h1><a id=switch-applications>APPLICATIONS</a></div><div id=list-applications><h2>Overview</h2><div><ul><li><a href=/applications/>Overview</a></li></ul></div><h2>Bible</h2><div><ul><li><a href=/applications/Bible-passages/>Bible Passages</a></li><li><a href=/applications/Bible-pictures/>Bible Pictures</a></li><li><a href=/applications/Jesus-loves-the-little-children/>Jesus Loves the Little Children</a></li><li><a href=/applications/merry-Christmas/>Merry Christmas</a></li><li><a href=/applications/one-man-one-woman-one-lifetime/>One Man. One Woman. One Lifetime.</a></li><li><a href=/applications/The-Armor-of-God/>The Armor of God</a></li></ul></div><h2>Cards</h2><div><ul><li><a href=/applications/euchre/>Euchre</a></li><li><a href=/applications/sevens/>Sevens</a></li><li><a href=/applications/solitaire/>Solitaire</a></li></ul></div><h2>LEGO</h2><div><ul><li><a href=/applications/lego-cannonball-bingo/>LEGO Cannonball Bingo</a></li><li><a href=/applications/lego-pandamonium/>LEGO Pandamonium</a></li><li><a href=/applications/lego-pirate-plunder/>LEGO Pirate Plunder</a></li><li><a href=/applications/lego-the-machine/>LEGO The Machine</a></li></ul></div><h2>Other</h2><div><ul><li><a href=/applications/miniature-golf/>Miniature Golf</a></li><li><a href=/applications/space-station/>Space Station</a></li></ul></div></div><div class=h1><a href=/editor/>EDITOR</a></div><div class=h1><a href=/favicon/>FAVICON</a></div><div class=h1><a href=/htaccess/>.HTACCESS</a></div><div class=h1><a href=/acme.sh/>ACME.SH</a></div><div class=h1><a id=switch-flash>FLASH</a></div><div id=list-flash><div class=h2><a href=/flash/detect/>DETECT</a></div><div class=h2><a id=switch-flash-actionscript>ACTIONSCRIPT</a></div><div id=list-flash-actionscript><h3>Overview</h3><div><ul><li><a href=/flash/actionscript/>Overview</a></li></ul></div><h3>Assets</h3><div><ul><li><a href=/flash/actionscript/embed/>Embed</a></li><li><a href=/flash/actionscript/load/>Load</a></li></ul></div></div><div class=h2><a id=switch-flash-as3dmod>AS3DMOD</a></div><div id=list-flash-as3dmod><h3>Overview</h3><div><ul><li><a href=/flash/as3dmod/>Overview</a></li></ul></div><h3>Modifiers</h3><div><ul><li><a href=/flash/as3dmod/bend/>Bend</a></li><li><a href=/flash/as3dmod/bloat/>Bloat</a></li><li><a href=/flash/as3dmod/cloth/>Cloth</a></li><li><a href=/flash/as3dmod/noise/>Noise</a></li><li><a href=/flash/as3dmod/perlin/>Perlin</a></li><li><a href=/flash/as3dmod/pivot/>Pivot</a></li><li><a href=/flash/as3dmod/skew/>Skew</a></li><li><a href=/flash/as3dmod/taper/>Taper</a></li><li><a href=/flash/as3dmod/twist/>Twist</a></li></ul></div><h3>Other</h3><div><ul><li><a href=/flash/as3dmod/flag/>Flag</a></li></ul></div></div><div class=h2><a href=/flash/flartoolkit/>FLARTOOLKIT</a></div><div class=h2><a id=switch-flash-jiglibflash>JIGLIBFLASH</a></div><div id=list-flash-jiglibflash><h3>Overview</h3><div><ul><li><a href=/flash/jiglibflash/>Overview</a></li></ul></div><h3>Objects</h3><div><ul><li><a href=/flash/jiglibflash/jbox/>JBox</a></li><li><a href=/flash/jiglibflash/jcapsule/>JCapsule</a></li><li><a href=/flash/jiglibflash/jplane/>JPlane</a></li><li><a href=/flash/jiglibflash/jsphere/>JSphere</a></li></ul></div><h3>Other</h3><div><ul><li><a href=/flash/jiglibflash/physics/>Physics</a></li></ul></div></div><div class=h2><a id=switch-flash-papervision3d>PAPERVISION3D</a></div><div id=list-flash-papervision3d><h3>Overview</h3><div><ul><li><a href=/flash/papervision3d/>Overview</a></li></ul></div><h3>Install</h3><div><ul><li><a href=/flash/papervision3d/install/>Install</a></li></ul></div><h3>Example</h3><div><ul><li><a href=/flash/papervision3d/1/>1</a></li><li><a href=/flash/papervision3d/2/>2</a></li><li><a href=/flash/papervision3d/3/>3</a></li><li><a href=/flash/papervision3d/4/>4</a></li><li><a href=/flash/papervision3d/5/>5</a></li></ul></div><h3>Cameras</h3><div><ul><li><a href=/flash/papervision3d/camera3d/>Camera3D</a></li><li><a href=/flash/papervision3d/debugcamera3d/>DebugCamera3D</a></li><li><a href=/flash/papervision3d/springcamera3d/>SpringCamera3D</a></li></ul></div><h3>Core</h3><div><ul><li><a href=/flash/papervision3d/lines3d/>Lines3D</a></li><li><a href=/flash/papervision3d/fogfilter/>FogFilter</a></li></ul></div><h3>Light</h3><div><ul><li><a href=/flash/papervision3d/pointlight3d/>PointLight3D</a></li></ul></div><h3>Materials</h3><div><ul><li><a href=/flash/papervision3d/bitmapfilematerial/>BitmapFileMaterial</a></li><li><a href=/flash/papervision3d/bitmapmaterial/>BitmapMaterial</a></li><li><a href=/flash/papervision3d/bitmapviewportmaterial/>BitmapViewportMaterial</a></li><li><a href=/flash/papervision3d/colormaterial/>ColorMaterial</a></li><li><a href=/flash/papervision3d/compositematerial/>CompositeMaterial</a></li><li><a href=/flash/papervision3d/moviematerial/>MovieMaterial</a></li><li><a href=/flash/papervision3d/wireframematerial/>WireframeMaterial</a></li></ul></div><h3>Shade Materials</h3><div><ul><li><a href=/flash/papervision3d/cellmaterial/>CellMaterial</a></li><li><a href=/flash/papervision3d/envmapmaterial/>EnvMapMaterial</a></li><li><a href=/flash/papervision3d/flatshadematerial/>FlatShadeMaterial</a></li><li><a href=/flash/papervision3d/gouraudmaterial/>GouraudMaterial</a></li><li><a href=/flash/papervision3d/phongmaterial/>PhongMaterial</a></li></ul></div><h3>Special Material</h3><div><ul><li><a href=/flash/papervision3d/particlematerial/>ParticleMaterial</a></li></ul></div><h3>Parser Objects</h3><div><ul><li><a href=/flash/papervision3d/dae/>DAE</a></li><li><a href=/flash/papervision3d/kmz/>KMZ</a></li></ul></div><h3>Primitive Objects</h3><div><ul><li><a href=/flash/papervision3d/arrow/>Arrow</a></li><li><a href=/flash/papervision3d/cone/>Cone</a></li><li><a href=/flash/papervision3d/cube/>Cube</a></li><li><a href=/flash/papervision3d/cylinder/>Cylinder</a></li><li><a href=/flash/papervision3d/paperplane/>PaperPlane</a></li><li><a href=/flash/papervision3d/plane/>Plane</a></li><li><a href=/flash/papervision3d/sphere/>Sphere</a></li></ul></div><h3>Special Objects</h3><div><ul><li><a href=/flash/papervision3d/particlefield/>ParticleField</a></li><li><a href=/flash/papervision3d/ucs/>UCS</a></li></ul></div><h3>Render</h3><div><ul><li><a href=/flash/papervision3d/basicrenderengine/>BasicRenderEngine</a></li><li><a href=/flash/papervision3d/lazyrenderengine/>LazyRenderEngine</a></li><li><a href=/flash/papervision3d/quadrantrenderengine/>QuadrantRenderEngine</a></li></ul></div><h3>Scene</h3><div><ul><li><a href=/flash/papervision3d/scene3d/>Scene3D</a></li></ul></div><h3>Typography</h3><div><ul><li><a href=/flash/papervision3d/text3d/>Text3D</a></li></ul></div><h3>Views</h3><div><ul><li><a href=/flash/papervision3d/basicview/>BasicView</a></li><li><a href=/flash/papervision3d/reflectionview/>ReflectionView</a></li><li><a href=/flash/papervision3d/statsview/>StatsView</a></li><li><a href=/flash/papervision3d/viewport3d/>Viewport3D</a></li></ul></div><h3>View Layers</h3><div><ul><li><a href=/flash/papervision3d/bitmapeffectlayer/>BitmapEffectLayer</a></li><li><a href=/flash/papervision3d/viewportlayer/>ViewportLayer</a></li></ul></div><h3>Other</h3><div><ul><li><a href=/flash/papervision3d/anaglyph/>Anaglyph</a></li><li><a href=/flash/papervision3d/camera-move/>Camera Move</a></li><li><a href=/flash/papervision3d/camera-rotate/>Camera Rotate</a></li><li><a href=/flash/papervision3d/camera-target-move/>Camera Target Move</a></li><li><a href=/flash/papervision3d/object-move/>Object Move</a></li><li><a href=/flash/papervision3d/object-rotate/>Object Rotate</a></li><li><a href=/flash/papervision3d/object-scale/>Object Scale</a></li><li><a href=/flash/papervision3d/panorama/>Panorama</a></li></ul></div></div></div><div class=h1><a id=switch-sketchup>SKETCHUP</a></div><div id=list-sketchup><h2>Overview</h2><div><ul><li><a href=/sketchup/>Overview</a></li></ul></div><h2>Plugins</h2><div><ul><li><a href=/sketchup/papervision3d/>Papervision3D</a></li><li><a href=/sketchup/triangulate/>Triangulate</a></li></ul></div></div><div class=h1><a id=switch-unity>UNITY</a></div><div id=list-unity><h2>Overview</h2><div><ul><li><a href=/unity/>Overview</a></li></ul></div><h2>Android</h2><div><ul><li><a href=/unity/android/>Android</a></li></ul></div><h2>Detect</h2><div><ul><li><a href=/unity/detect/>Detect</a></li></ul></div><h2>Games</h2><div><ul><li><a href=/unity/air-hockey/>Air Hockey</a></li><li><a href=/unity/foosball/>Foosball</a></li><li><a href=/unity/pool/>Pool</a></li></ul></div><h2>Unity</h2><div><ul><li><a href=/unity/car/>Car</a></li><li><a href=/unity/lerpz-escapes/>Lerpz Escapes</a></li><li><a href=/unity/mecanim/>Mecanim</a></li></ul></div></div><div class=h1><a id=switch-xcode>XCODE</a></div><div id=list-xcode><h2>Overview</h2><div><ul><li><a href=/xcode/>Overview</a></li></ul></div><h2>Example</h2><div><ul><li><a href=/xcode/1/>1</a></li><li><a href=/xcode/2/>2</a></li><li><a href=/xcode/3/>3</a></li><li><a href=/xcode/4/>4</a></li><li><a href=/xcode/5/>5</a></li><li><a href=/xcode/6/>6</a></li></ul></div><h2>CSV2Plist</h2><div><ul><li><a href=/xcode/csv2plist/>CSV2Plist</a></li></ul></div><h2>UI</h2><div><ul><li><a href=/xcode/uiactivityindicatorview/>UIActivityIndicatorView</a></li><li><a href=/xcode/uibutton/>UIButton</a></li><li><a href=/xcode/uiimageview/>UIImageView</a></li><li><a href=/xcode/uilabel/>UILabel</a></li><li><a href=/xcode/uipagecontrol/>UIPageControl</a></li><li><a href=/xcode/uiprogressview/>UIProgressView</a></li><li><a href=/xcode/uisegmentedcontrol/>UISegmentedControl</a></li><li><a href=/xcode/uislider/>UISlider</a></li><li><a href=/xcode/uistepper/>UIStepper</a></li><li><a href=/xcode/uiswitch/>UISwitch</a></li><li><a href=/xcode/uitextfield/>UITextField</a></li></ul></div></div><div class=h1><a href=/about/>ABOUT</a></div><div class=h1><a href=/privacy/>PRIVACY</a></div><div class=h1><a href=/terms/>TERMS</a></div></div></div><div id=background><video loop muted src=/assets/mp4/holiday/TrainDay.mp4></video></div></body></html>
)

2 · flags · FILE_USE_INCLUDE_PATH

<?

$filename = "https://osbo.com";
$flags = FILE_USE_INCLUDE_PATH;

$return = file($filename, $flags);

print_r($return);

Array
(
    [0] => <!doctype html><html lang=en><head><meta charset=utf-8><meta content=width=device-width name=viewport><meta content=osbo.com name=description><title>osbo.com</title><link defer href=/assets/css/ rel=stylesheet><link defer href=/assets/svg/ rel=icon><script defer src=/assets/js/></script><script>var _mtm = window._mtm = window._mtm || [];_mtm.push({"mtm.startTime": (new Date().getTime()), "event": "mtm.Start"});(function(){var d=document, g=d.createElement("script"), s=d.querySelector("script");g.async=true; g.src="/matomo/js/container_Gm7CI6wt.js"; s.parentNode.insertBefore(g,s);})();</script></head><body><div id=foreground><header><a href=/><img alt=Home id=home src=/assets/svg/Home.svg title=Home></a><img alt=Menu id=menu src=/assets/svg/Menu.svg title=Menu><form action=/search/><input id=search-site name=search-site title=Search type=search></form></header><footer><a href=#><img alt=Top id=top src=/assets/svg/Top.svg title=Top></a></footer></div><div id=zeroground><div id=content><header><div id=topnav><a href=/Jesus/>Jesus</a> · <a href=/Bible/>Bible</a> · <a href=/html/>HTML</a> · <a href=/css/>CSS</a> · <a href=/js/>JS</a> · <a href=/php/>PHP</a> · <a href=/svg/>SVG</a> · <a href=/applications/>Applications</a></div></header><div class=banner><script defer src=https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4239362730750625 crossorigin=anonymous></script><ins class=adsbygoogle data-ad-client=ca-pub-4239362730750625 data-ad-slot=5564639719><a href=https://samaritanspurse.org/occ/ target=_blank><img alt="Samaritan's Purse Operation Christmas Child" src=/assets/svg/SamaritansPurseOperationChristmasChild2.svg title="Samaritan's Purse Operation Christmas Child"></a></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script></div><main><h1><a href>Bible Image Editor</a></h1><div id=myid style=height:100vh><script>const Bibleversionarray =

    [1] =>         [

    [2] =>             [

    [3] =>                 "العربية",

    [4] =>                 [

    [5] =>                     ["ASVD", "الكتاب المقدس ترجمة فانديك وسميث (ASVD)"],

    [6] =>                 ],

    [7] =>             ],

    [8] =>             [

    [9] =>                 "česky",

    [10] =>                 [

    [11] =>                     ["CSBKR", "Bible Kralická 1613 (CSBKR)"],

    [12] =>                 ],

    [13] =>             ],

    [14] =>             [

    [15] =>                 "Dansk",

    [16] =>                 [

    [17] =>                     ["DA1871", "Danske Bibel 1871 (DA1871)"],

    [18] =>                 ],

    [19] =>             ],

    [20] =>             [

    [21] =>                 "Deutsch",

    [22] =>                 [

    [23] =>                     ["DELUT", "Luther Bible 1912 (DELUT)"],

    [24] =>                     ["ELB", "Elberfelder 1905 (ELB)"],

    [25] =>                     ["ELB71", "Elberfelder 1871 (ELB71)"],

    [26] =>                 ],

    [27] =>             ],

    [28] =>             [

    [29] =>                 "English",

    [30] =>                 [

    [31] =>                     ["ASV", "American Standard Version (ASV)"],

    [32] =>                     ["KJV", "King James Version (KJV)"],

    [33] =>                     ["WEB", "World English Bible (WEB)"],

    [34] =>                 ],

    [35] =>             ],

    [36] =>             [

    [37] =>                 "Español",

    [38] =>                 [

    [39] =>                     ["RVES", "Reina-Valera Antigua (RVES)"],

    [40] =>                 ],

    [41] =>             ],

    [42] =>             [

    [43] =>                 "Suomi",

    [44] =>                 [

    [45] =>                     ["FI1776", "Finnish 1776 (FI1776)"],

    [46] =>                     ["FINPR", "Finnish 1938 (FINPR)"],

    [47] =>                 ],

    [48] =>             ],

    [49] =>             [

    [50] =>                 "Français",

    [51] =>                 [

    [52] =>                     ["FMAR", "Martin 1744 (FMAR)"],

    [53] =>                     ["FRDBY", "Bible Darby en français (FRDBY)"],

    [54] =>                     ["LSG", "Louis Segond 1910 (LSG)"],

    [55] =>                     ["OST", "Ostervald (OST)"],

    [56] =>                 ],

    [57] =>             ],

    [58] =>             [

    [59] =>                 "Magyar",

    [60] =>                 [

    [61] =>                     ["KAR", "Károli 1590 (KAR)"],

    [62] =>                 ],

    [63] =>             ],

    [64] =>             [

    [65] =>                 "Bahasa Indonesia",

    [66] =>                 [

    [67] =>                     ["IDBAR", "Terjemahan Baru (IDBAR)"],

    [68] =>                 ],

    [69] =>             ],

    [70] =>             [

    [71] =>                 "Italiano",

    [72] =>                 [

    [73] =>                     ["IGD", "Giovanni Diodati Bibbia (IGD)"],

    [74] =>                     ["ITRIV", "Italian Riveduta 1927 (ITRIV)"],

    [75] =>                 ],

    [76] =>             ],

    [77] =>             [

    [78] =>                 "日本語",

    [79] =>                 [

    [80] =>                     ["JA1955", "Colloquial Japanese 1955 (JA1955)"],

    [81] =>                 ],

    [82] =>             ],

    [83] =>             [

    [84] =>                 "Malagasy",

    [85] =>                 [

    [86] =>                     ["MG1865", "Malagasy Bible (MG1865)"],

    [87] =>                 ],

    [88] =>             ],

    [89] =>             [

    [90] =>                 "te reo Māori",

    [91] =>                 [

    [92] =>                     ["MAOR", "Maori Bible (MAOR)"],

    [93] =>                 ],

    [94] =>             ],

    [95] =>             [

    [96] =>                 "한국어",

    [97] =>                 [

    [98] =>                     ["KORVB", "개역한글 (KORVB)"],

    [99] =>                 ],

    [100] =>             ],

    [101] =>             [

    [102] =>                 "Nederlands",

    [103] =>                 [

    [104] =>                     ["SV1750", "Statenvertaling (SV1750)"],

    [105] =>                 ],

    [106] =>             ],

    [107] =>             [

    [108] =>                 "Norsk",

    [109] =>                 [

    [110] =>                     ["NORSK", "Det Norsk Bibelselskap 1930 (NORSK)"],

    [111] =>                 ],

    [112] =>             ],

    [113] =>             [

    [114] =>                 "Polski",

    [115] =>                 [

    [116] =>                     ["PBG", "Biblia Gdańska (PBG)"],

    [117] =>                 ],

    [118] =>             ],

    [119] =>             [

    [120] =>                 "Português",

    [121] =>                 [

    [122] =>                     ["AA", "Almeida Atualizada (AA)"],

    [123] =>                 ],

    [124] =>             ],

    [125] =>             [

    [126] =>                 "Română",

    [127] =>                 [

    [128] =>                     ["RMNN", "Romanian Cornilescu 1928 (RMNN)"],

    [129] =>                     ["VDC", "Versiunea Dumitru Cornilescu (VDC)"],

    [130] =>                     ["VDCC", "Versiunea Dumitru Cornilescu Corectată (VDCC)"],

    [131] =>                 ],

    [132] =>             ],

    [133] =>             [

    [134] =>                 "Pyccкий",

    [135] =>                 [

    [136] =>                     ["RURSV", "Синодальный перевод (RURSV)"],

    [137] =>                 ],

    [138] =>             ],

    [139] =>             [

    [140] =>                 "Shqip",

    [141] =>                 [

    [142] =>                     ["ALBB", "Albanian Bible (ALBB)"],

    [143] =>                 ],

    [144] =>             ],

    [145] =>             [

    [146] =>                 "Svenska",

    [147] =>                 [

    [148] =>                     ["SK73", "Karl XII 1873 (SK73)"],

    [149] =>                     ["SVEN", "Svenska 1917 (SVEN)"],

    [150] =>                 ],

    [151] =>             ],

    [152] =>             [

    [153] =>                 "Wikang Tagalog",

    [154] =>                 [

    [155] =>                     ["TLAB", "Ang Biblia (TLAB)"],

    [156] =>                 ],

    [157] =>             ],

    [158] =>             [

    [159] =>                 "українська",

    [160] =>                 [

    [161] =>                     ["UBIO", "Біблія в пер. Івана Огієнка 1962 (UBIO)"],

    [162] =>                     ["UKRK", "Біблія в пер. П.Куліша та І.Пулюя 1905 (UKRK)"],

    [163] =>                 ],

    [164] =>             ],

    [165] =>             [

    [166] =>                 "Tiếng Việt",

    [167] =>                 [

    [168] =>                     ["VI1934", "Vietnamese Bible 1934 (VI1934)"],

    [169] =>                 ],

    [170] =>             ],

    [171] =>             [

    [172] =>                 "简体中文",

    [173] =>                 [

    [174] =>                     ["CUVS", "简体和合本 (CUVS)"],

    [175] =>                 ],

    [176] =>             ],

    [177] =>             [

    [178] =>                 "繁體中文",

    [179] =>                 [

    [180] =>                     ["CUV", "和合本 (CUV)"],

    [181] =>                 ],

    [182] =>             ],

    [183] =>         ];

    [184] =>         const Biblebookarray =

    [185] =>         [

    [186] =>             //"Genesis",

    [187] =>             //"John",

    [188] =>         ];

    [189] =>         const Bibleversearray =

    [190] =>         [

    [191] =>             //"In the beginning God created the heaven and the earth.",

    [192] =>             //"For God so loved the world, that he gave his only begotten Son, that whosoever believeth in him should not perish, but have everlasting life.",

    [193] =>         ];

    [194] =>         const tabarray =

    [195] =>         [

    [196] =>             "canvas",

    [197] =>             "image",

    [198] =>             "message",

    [199] =>             "reference",

    [200] =>             "passage",

    [201] =>             "save",

    [202] =>         ];

    [203] =>         const borderstylearray =

    [204] =>         [

    [205] =>             "none",

    [206] =>             "dashed",

    [207] =>             "dotted",

    [208] =>             "double",

    [209] =>             "groove",

    [210] =>             //"hidden",

    [211] =>             "inset",

    [212] =>             "outset",

    [213] =>             "ridge",

    [214] =>             "solid",

    [215] =>         ];

    [216] =>         const horizontalarray =

    [217] =>         [

    [218] =>             "left",

    [219] =>             "center",

    [220] =>             "right",

    [221] =>             "justify",

    [222] =>         ];

    [223] =>         const verticalarray =

    [224] =>         [

    [225] =>             "start",

    [226] =>             "center",

    [227] =>             "end",

    [228] =>         ];

    [229] =>         const writingmodearray =

    [230] =>         [

    [231] =>             "horizontal-tb",

    [232] =>             "vertical-lr",

    [233] =>             "vertical-rl",

    [234] =>             "sideways-lr",

    [235] =>             "sideways-rl",

    [236] =>         ];

    [237] =>         const fontfamilyarray =

    [238] =>         [

    [239] =>             //generic family

    [240] =>             "cursive",

    [241] =>             "fantasy",

    [242] =>             "monospace",

    [243] =>             "sans-serif",

    [244] =>             "serif",

    [245] => 

    [246] =>             //web safe

    [247] =>             //"arial",//sans-serif

    [248] =>             //"brush script",//serif

    [249] =>             "courier",

    [250] =>             //"garamond",//serif

    [251] =>             "georgia",

    [252] =>             "tahoma",

    [253] =>             //"times new roman",//serif

    [254] =>             "trebuchet ms",

    [255] =>             "verdana",

    [256] => 

    [257] =>             //popular

    [258] =>             //"avenir",//serif

    [259] =>             //"bodoni",//serif

    [260] =>             "franklin gothic",

    [261] =>             //"frutiger",//serif

    [262] =>             //"futura",//serif

    [263] =>             //"helvetica",//sans-serif

    [264] =>             //"rockwell",//serif

    [265] =>             //"univers",//serif

    [266] =>         ];

    [267] =>         const fontstylearray =

    [268] =>         [

    [269] =>             "normal",

    [270] =>             "italic",

    [271] =>             //"oblique",

    [272] =>         ];

    [273] =>         const fontvariantarray =

    [274] =>         [

    [275] =>             "normal",

    [276] =>             "small-caps",

    [277] =>         ];

    [278] =>         const fontweightarray =

    [279] =>         [

    [280] =>             "normal",

    [281] =>             "bold",

    [282] =>             //"bolder",

    [283] =>             //"lighter",

    [284] =>         ];

    [285] =>         const maxheight = 10000;

    [286] =>         const maxwidth = 10000;

    [287] =>         const image = document.createElement("img");

    [288] =>         const text = document.createElement("img");

    [289] => 

    [290] =>         function bodyload()

    [291] =>         {

    [292] =>             //const body = document.body;

    [293] =>             //body.id = "myid";

    [294] => 

    [295] =>             const style = myid.style;

    [296] =>             //style.height = "100vh";

    [297] =>             style.overflow = "hidden";

    [298] =>         }

    [299] =>         addEventListener("load", bodyload);

    [300] => 

    [301] =>         function window1load()

    [302] =>         {

    [303] =>             const div = document.createElement("div");

    [304] =>             div.id = "window1";

    [305] =>             myid.append(div);

    [306] => 

    [307] =>             const style = div.style;

    [308] =>             style.height = "50vh";

    [309] =>             style.margin = "0";

    [310] =>         }

    [311] =>         addEventListener("load", window1load);

    [312] => 

    [313] =>         function window2load()

    [314] =>         {

    [315] =>             const div = document.createElement("div");

    [316] =>             div.id = "window2";

    [317] =>             myid.append(div);

    [318] => 

    [319] =>             const style = div.style;

    [320] =>             style.height = "32px";

    [321] =>             style.margin = "16px 0 0";

    [322] =>             style.overflowY = "hidden";

    [323] =>             style.whiteSpace = "nowrap";

    [324] =>         }

    [325] =>         addEventListener("load", window2load);

    [326] => 

    [327] =>         function window3load()

    [328] =>         {

    [329] =>             const div = document.createElement("div");

    [330] =>             div.id = "window3";

    [331] =>             myid.append(div);

    [332] => 

    [333] =>             const style = div.style;

    [334] =>             style.height = "calc(50vh - 48px)";

    [335] =>             style.margin = "0";

    [336] =>             style.overflowX = "hidden";

    [337] =>         }

    [338] =>         addEventListener("load", window3load);

    [339] => 

    [340] =>         function canvasload()

    [341] =>         {

    [342] =>             const canvas = document.createElement("canvas");

    [343] =>             canvas.height = 1080;

    [344] =>             canvas.id = "canvas";

    [345] =>             canvas.width = 1920;

    [346] =>             window1.append(canvas);

    [347] => 

    [348] =>             const style = canvas.style;

    [349] =>             style.position = "relative";

    [350] =>         }

    [351] =>         addEventListener("load", canvasload);

    [352] => 

    [353] =>         function canvasupdate()

    [354] =>         {

    [355] =>             //console.log("canup");

    [356] =>             const ww = innerWidth - 96;

    [357] =>             const wh = innerHeight * 0.5;

    [358] =>             const cw = canvas.width;

    [359] =>             const ch = canvas.height;

    [360] =>             const x = (ww - cw) * 0.5;

    [361] =>             const y = (wh - ch) * 0.5;

    [362] =>             const sw = ww / cw;

    [363] =>             const sh = wh / ch;

    [364] =>             const s = Math.min(sw, sh);

    [365] => 

    [366] =>             const style = canvas.style;

    [367] =>             style.left = `${x}px`;

    [368] =>             style.top = `${y}px`;

    [369] =>             style.transform = `scale(${s})`;

    [370] =>         }

    [371] =>         addEventListener("load", canvasupdate);

    [372] => 

    [373] =>         function resize()

    [374] =>         {

    [375] =>             canvasupdate();

    [376] =>         }

    [377] =>         addEventListener("resize", resize);

    [378] => 

    [379] =>         function svgupdate()

    [380] =>         {

    [381] =>             //console.log("svgup");

    [382] =>             const svg =

    [383] => `<svg height="${canvas.height}" width="${canvas.width}" xmlns="http://www.w3.org/2000/svg">

    [384] =>     <style>

    [385] =>         div

    [386] =>         {

    [387] =>             background-color: ${canvas.backgroundcolor};

    [388] =>             height: 100%;

    [389] =>         }

    [390] =>         img

    [391] =>         {

    [392] =>             box-sizing: border-box;

    [393] =>             position: absolute;

    [394] => 

    [395] =>             background-color: ${image.backgroundcolor};

    [396] =>             filter: blur(${image.filterblur}px) brightness(${image.filterbrightness}%) contrast(${image.filtercontrast}%) grayscale(${image.filtergrayscale}%) hue-rotate(${image.filterhuerotate}deg) invert(${image.filterinvert}%) opacity(${image.filteropacity}%) saturate(${image.filtersaturate}%) sepia(${image.filtersepia}%);

    [397] =>             height: ${image.height}px;

    [398] =>             left: ${image.myx}px;

    [399] =>             margin: ${image.margintop}px ${image.marginright}px ${image.marginbottom}px ${image.marginleft}px;

    [400] =>             padding: ${image.paddingtop}px ${image.paddingright}px ${image.paddingbottom}px ${image.paddingleft}px;

    [401] =>             object-fit: ${image.objectfit};

    [402] =>             //opacity: ${image.opacity};

    [403] =>             top: ${image.myy}px;

    [404] =>             width: ${image.width}px;

    [405] =>         }

    [406] =>         text

    [407] =>         {

    [408] =>             box-sizing: border-box;

    [409] =>             display: grid;

    [410] =>             overflow: hidden;

    [411] =>             position: absolute;

    [412] =>         }

    [413] =>         text:nth-of-type(1)

    [414] =>         {

    [415] =>             white-space: pre;

    [416] => 

    [417] =>             align-items: ${text.messagevertical};

    [418] =>             backdrop-filter: blur(${text.messagebackdropfilterblur}px) brightness(${text.messagebackdropfilterbrightness}%) contrast(${text.messagebackdropfiltercontrast}%) grayscale(${text.messagebackdropfiltergrayscale}%) hue-rotate(${text.messagebackdropfilterhuerotate}deg) invert(${text.messagebackdropfilterinvert}%) saturate(${text.messagebackdropfiltersaturate}%) sepia(${text.messagebackdropfiltersepia}%);

    [419] =>             background-color: ${text.messagebackgroundcolor};

    [420] =>             border-color: ${text.messagebordercolor};

    [421] =>             border-radius: ${text.messageborderradius}px;

    [422] =>             border-style: ${text.messageborderstyle};

    [423] =>             border-width: ${text.messageborderwidth}px;

    [424] =>             color: ${text.messagecolor};

    [425] =>             font-family: ${text.messagefontfamily};

    [426] =>             font-size: ${text.messagefontsize}px;

    [427] =>             font-style: ${text.messagefontstyle};

    [428] =>             font-variant: ${text.messagefontvariant};

    [429] =>             font-weight: ${text.messagefontweight};

    [430] =>             height: ${text.messageheight}px;

    [431] =>             left: ${text.messagex}px;

    [432] =>             margin: ${text.messagemargintop}px ${text.messagemarginright}px ${text.messagemarginbottom}px ${text.messagemarginleft}px;

    [433] =>             padding: ${text.messagepaddingtop}px ${text.messagepaddingright}px ${text.messagepaddingbottom}px ${text.messagepaddingleft}px;

    [434] =>             text-align: ${text.messagehorizontal};

    [435] =>             top: ${text.messagey}px;

    [436] =>             width: ${text.messagewidth}px;

    [437] =>             writing-mode: ${text.messagewritingmode};

    [438] =>         }

    [439] =>         text:nth-of-type(2)

    [440] =>         {

    [441] =>             align-items: ${text.referencevertical};

    [442] =>             background-color: ${text.referencebackgroundcolor};

    [443] =>             border-color: ${text.referencebordercolor};

    [444] =>             border-radius: ${text.referenceborderradius}px;

    [445] =>             border-style: ${text.referenceborderstyle};

    [446] =>             border-width: ${text.referenceborderwidth}px;

    [447] =>             color: ${text.referencecolor};

    [448] =>             font-family: ${text.referencefontfamily};

    [449] =>             font-size: ${text.referencefontsize}px;

    [450] =>             font-style: ${text.referencefontstyle};

    [451] =>             font-variant: ${text.referencefontvariant};

    [452] =>             font-weight: ${text.referencefontweight};

    [453] =>             height: ${text.referenceheight}px;

    [454] =>             left: ${text.referencex}px;

    [455] =>             margin: ${text.referencemargintop}px ${text.referencemarginright}px ${text.referencemarginbottom}px ${text.referencemarginleft}px;

    [456] =>             padding: ${text.referencepaddingtop}px ${text.referencepaddingright}px ${text.referencepaddingbottom}px ${text.referencepaddingleft}px;

    [457] =>             text-align: ${text.referencehorizontal};

    [458] =>             top: ${text.referencey}px;

    [459] =>             width: ${text.referencewidth}px;

    [460] =>             writing-mode: ${text.referencewritingmode};

    [461] =>         }

    [462] =>         text:nth-of-type(3)

    [463] =>         {

    [464] =>             align-items: ${text.passagevertical};

    [465] =>             background-color: ${text.passagebackgroundcolor};

    [466] =>             border-color: ${text.passagebordercolor};

    [467] =>             border-radius: ${text.passageborderradius}px;

    [468] =>             border-style: ${text.passageborderstyle};

    [469] =>             border-width: ${text.passageborderwidth}px;

    [470] =>             color: ${text.passagecolor};

    [471] =>             font-family: ${text.passagefontfamily};

    [472] =>             font-size: ${text.passagefontsize}px;

    [473] =>             font-style: ${text.passagefontstyle};

    [474] =>             font-variant: ${text.passagefontvariant};

    [475] =>             font-weight: ${text.passagefontweight};

    [476] =>             height: ${text.passageheight}px;

    [477] =>             left: ${text.passagex}px;

    [478] =>             margin: ${text.passagemargintop}px ${text.passagemarginright}px ${text.passagemarginbottom}px ${text.passagemarginleft}px;

    [479] =>             padding: ${text.passagepaddingtop}px ${text.passagepaddingright}px ${text.passagepaddingbottom}px ${text.passagepaddingleft}px;

    [480] =>             text-align: ${text.passagehorizontal};

    [481] =>             top: ${text.passagey}px;

    [482] =>             width: ${text.passagewidth}px;

    [483] =>             writing-mode: ${text.passagewritingmode};

    [484] =>         }

    [485] =>     </style>

    [486] =>     <foreignObject height="100%" width="100%">

    [487] =>         <div xmlns="http://www.w3.org/1999/xhtml">

    [488] =>             <img src="${image.dataurl}"/>

    [489] =>             <text>${text.messagetext}</text>

    [490] =>             <text>${text.referencetextbook}${text.referencetextchapter}${text.referencetextverse}${text.referencetextverseend}${text.referencetextversion}</text>

    [491] =>             <text>${text.passagetextverse}${text.passagetextverseend}</text>

    [492] =>         </div>

    [493] =>     </foreignObject>

    [494] => </svg>`;

    [495] =>             text.src = `data:image/svg+xml,${svg}`;

    [496] =>         }

    [497] => 

    [498] =>         function textupdate()

    [499] =>         {

    [500] =>             const context = canvas.getContext("2d");

    [501] =>             context.clearRect(0, 0, canvas.width, canvas.height);

    [502] =>             context.drawImage(text, 0, 0);

    [503] =>         }

    [504] =>         text.addEventListener("load", textupdate);

    [505] => 

    [506] => 

    [507] => 

    [508] => 

    [509] => 

    [510] => 

    [511] =>         function tabload()

    [512] =>         {

    [513] =>             for(const [key, value] of tabarray.entries())

    [514] =>             {

    [515] =>                 const button = document.createElement("button");

    [516] =>                 button.className = "tab";

    [517] =>                 if(value == "image")

    [518] =>                 {

    [519] =>                     button.className = "tab current";

    [520] =>                 }

    [521] =>                 button.id = "tab" + tabarray[key];

    [522] =>                 //button.innerHTML = `${key + 1}) ${tabarray[key]}`;

    [523] =>                 button.innerHTML = tabarray[key];

    [524] =>                 button.value = "tabcontent" + tabarray[key];

    [525] =>                 button.addEventListener("click", tabupdate);

    [526] =>                 window2.append(button);

    [527] => 

    [528] =>                 /*

    [529] =>                 const style = button.style;

    [530] =>                 style.backgroundColor = "#000";

    [531] =>                 style.color = "#fff";

    [532] =>                 style.border = "none";

    [533] =>                 style.fontSize = "16px";

    [534] =>                 style.padding = "16px";

    [535] =>                 style.transition = "0.5s";

    [536] =>                 //*/

    [537] =>             }

    [538] =>         }

    [539] =>         addEventListener("load", tabload);

    [540] => 

    [541] => 

    [542] =>         function tabupdate(m)

    [543] =>         {

    [544] =>             const mytarget = m.target;

    [545] => 

    [546] =>             //*

    [547] =>             for(const t of document.querySelectorAll(".tab"))

    [548] =>             {

    [549] =>                 //const style = t.style;

    [550] =>                 //style.backgroundColor = "#000";

    [551] =>                 //style.color = "#fff";

    [552] =>                 t.className = t.className.replace(" current", "");

    [553] =>             }

    [554] =>             //const style = document.querySelector("#"+mytarget.id).style;

    [555] =>             //style.backgroundColor = "#fff";

    [556] =>             //style.color = "#000";

    [557] =>             mytarget.className += " current";

    [558] =>             //*/

    [559] => 

    [560] =>             for(const t of document.querySelectorAll(".tabcontent"))

    [561] =>             {

    [562] =>                 const style = t.style;

    [563] =>                 style.contentVisibility = "hidden";

    [564] =>             }

    [565] =>             document.querySelector("#"+mytarget.value).style.contentVisibility = "visible";

    [566] =>         }

    [567] => 

    [568] =>         function tabcontentload()

    [569] =>         {

    [570] =>             for(const [key, value] of tabarray.entries())

    [571] =>             {

    [572] =>                 const div = document.createElement("div");

    [573] =>                 div.className = "tabcontent";

    [574] =>                 div.id = "tabcontent" + tabarray[key];

    [575] =>                 window3.append(div);

    [576] => 

    [577] =>                 //*

    [578] =>                 const style = div.style;

    [579] =>                 if(value != "image")

    [580] =>                 {

    [581] =>                     style.contentVisibility = "hidden";

    [582] =>                 }

    [583] =>                 style.margin = "0";

    [584] =>                 //style.transitionDuration = "0.5s";

    [585] =>                 //*/

    [586] =>             }

    [587] =>         }

    [588] =>         addEventListener("load", tabcontentload);

    [589] => 

    [590] => 

    [591] => 

    [592] => 

    [593] => 

    [594] => 

    [595] =>         function canvaswidthload()

    [596] =>         {

    [597] =>             const div = document.createElement("div");

    [598] =>             div.id = "canvaswidth";

    [599] =>             div.innerHTML = "width";

    [600] =>             tabcontentcanvas.append(div);

    [601] => 

    [602] =>             const style = div.style;

    [603] =>             style.overflowY = "hidden";

    [604] =>             style.whiteSpace = "nowrap";

    [605] =>         }

    [606] =>         addEventListener("load", canvaswidthload);

    [607] => 

    [608] =>         function canvaswidthnumberload()

    [609] =>         {

    [610] =>             const br = document.createElement("br");

    [611] =>             canvaswidth.append(br);

    [612] => 

    [613] =>             const input = document.createElement("input");

    [614] =>             input.id = "canvaswidthnumber";

    [615] =>             input.max = maxwidth;

    [616] =>             input.min = 0;

    [617] =>             input.type = "number";

    [618] =>             input.value = canvas.width;

    [619] =>             input.addEventListener("input", canvaswidthnumberupdate);

    [620] =>             canvaswidth.append(input);

    [621] => 

    [622] =>             //canvaswidthnumberupdate();

    [623] =>         }

    [624] =>         addEventListener("load", canvaswidthnumberload);

    [625] => 

    [626] =>         function canvaswidthnumberupdate()

    [627] =>         {

    [628] =>             const v = canvaswidthnumber.value;

    [629] => 

    [630] =>             canvaswidthrange.value = v;

    [631] =>             canvas.width = v;

    [632] => 

    [633] =>             canvasupdate();

    [634] =>             svgupdate();

    [635] =>         }

    [636] => 

    [637] =>         function canvaswidthrangeload()

    [638] =>         {

    [639] =>             //const br = document.createElement("br");

    [640] =>             //canvaswidth.append(br);

    [641] => 

    [642] =>             const input = document.createElement("input");

    [643] =>             input.id = "canvaswidthrange";

    [644] =>             input.max = canvaswidthnumber.max;

    [645] =>             input.min = canvaswidthnumber.min;

    [646] =>             input.type = "range";

    [647] =>             input.value = canvaswidthnumber.value;

    [648] =>             input.addEventListener("input", canvaswidthrangeupdate);

    [649] =>             canvaswidth.append(input);

    [650] => 

    [651] =>             canvaswidthrangeupdate();

    [652] =>         }

    [653] =>         addEventListener("load", canvaswidthrangeload);

    [654] => 

    [655] =>         function canvaswidthrangeupdate()

    [656] =>         {

    [657] =>             const v = canvaswidthrange.value;

    [658] => 

    [659] =>             canvaswidthnumber.value = v;

    [660] =>             canvas.width = v;

    [661] => 

    [662] =>             canvasupdate();

    [663] =>             svgupdate();

    [664] =>         }

    [665] => 

    [666] =>         function canvaswidthnaturalload()

    [667] =>         {

    [668] =>             const br = document.createElement("br");

    [669] =>             canvaswidth.append(br);

    [670] => 

    [671] =>             const button = document.createElement("button");

    [672] =>             button.innerHTML = "image";

    [673] =>             button.addEventListener("click", canvaswidthnaturalupdate);

    [674] =>             canvaswidth.append(button);

    [675] =>         }

    [676] =>         addEventListener("load", canvaswidthnaturalload);

    [677] => 

    [678] =>         function canvaswidthnaturalupdate()

    [679] =>         {

    [680] =>             canvaswidthnumber.value = image.naturalWidth;

    [681] => 

    [682] =>             canvaswidthnumberupdate();

    [683] =>         }

    [684] => 

    [685] =>         function canvaswidthexactload()

    [686] =>         {

    [687] =>             const br = document.createElement("br");

    [688] =>             canvaswidth.append(br);

    [689] => 

    [690] =>             const array =

    [691] =>             [

    [692] =>                 ["800",800],

    [693] =>                 ["1280",1280],

    [694] =>                 ["1366",1366],

    [695] =>                 ["1536",1536],

    [696] =>                 ["1600",1600],

    [697] =>                 ["1920",1920],

    [698] =>                 ["2304",2304],

    [699] =>                 ["2560",2560],

    [700] =>                 ["3840",3840],

    [701] =>             ];

    [702] => 

    [703] =>             for(const value of array)

    [704] =>             {

    [705] =>                 const button = document.createElement("button");

    [706] =>                 button.innerHTML = value[0];

    [707] =>                 button.value = value[1];

    [708] =>                 button.addEventListener("click", canvaswidthexactupdate);

    [709] =>                 canvaswidth.append(button);

    [710] =>             }

    [711] =>         }

    [712] =>         addEventListener("load", canvaswidthexactload);

    [713] => 

    [714] =>         function canvaswidthexactupdate(e)

    [715] =>         {

    [716] =>             canvaswidthnumber.value = Number(e.target.value);

    [717] => 

    [718] =>             canvaswidthnumberupdate();

    [719] =>         }

    [720] => 

    [721] =>         function canvaswidthincrementload()

    [722] =>         {

    [723] =>             const br = document.createElement("br");

    [724] =>             canvaswidth.append(br);

    [725] => 

    [726] =>             const array =

    [727] =>             [

    [728] =>                 ["-1000",-1000],

    [729] =>                 ["-100",-100],

    [730] =>                 ["-10",-10],

    [731] =>                 ["-1",-1],

    [732] =>                 ["+1",1],

    [733] =>                 ["+10",10],

    [734] =>                 ["+100",100],

    [735] =>                 ["+1000",1000],

    [736] =>             ];

    [737] => 

    [738] =>             for(const value of array)

    [739] =>             {

    [740] =>                 const button = document.createElement("button");

    [741] =>                 button.innerHTML = value[0];

    [742] =>                 button.value = value[1];

    [743] =>                 button.addEventListener("click", canvaswidthincrementupdate);

    [744] =>                 canvaswidth.append(button);

    [745] =>             }

    [746] =>         }

    [747] =>         addEventListener("load", canvaswidthincrementload);

    [748] => 

    [749] =>         function canvaswidthincrementupdate(e)

    [750] =>         {

    [751] =>             const v = Number(canvaswidthnumber.value) + Number(e.target.value);

    [752] => 

    [753] =>             if((canvaswidthnumber.min <= v) && (v <= canvaswidthnumber.max))

    [754] =>             {

    [755] =>                 canvaswidthnumber.value = v;

    [756] => 

    [757] =>                 canvaswidthnumberupdate();

    [758] =>             }

    [759] =>         }

    [760] => 

    [761] => 

    [762] => 

    [763] =>         function canvasheightload()

    [764] =>         {

    [765] =>             const div = document.createElement("div");

    [766] =>             div.id = "canvasheight";

    [767] =>             div.innerHTML = "height";

    [768] =>             tabcontentcanvas.append(div);

    [769] => 

    [770] =>             const style = div.style;

    [771] =>             style.overflowY = "hidden";

    [772] =>             style.whiteSpace = "nowrap";

    [773] =>         }

    [774] =>         addEventListener("load", canvasheightload);

    [775] => 

    [776] =>         function canvasheightnumberload()

    [777] =>         {

    [778] =>             const br = document.createElement("br");

    [779] =>             canvasheight.append(br);

    [780] => 

    [781] =>             const input = document.createElement("input");

    [782] =>             input.id = "canvasheightnumber";

    [783] =>             input.max = maxheight;

    [784] =>             input.min = 0;

    [785] =>             input.type = "number";

    [786] =>             input.value = canvas.height;

    [787] =>             input.addEventListener("input", canvasheightnumberupdate);

    [788] =>             canvasheight.append(input);

    [789] => 

    [790] =>             //canvasheightnumberupdate();

    [791] =>         }

    [792] =>         addEventListener("load", canvasheightnumberload);

    [793] => 

    [794] =>         function canvasheightnumberupdate()

    [795] =>         {

    [796] =>             const v = canvasheightnumber.value;

    [797] => 

    [798] =>             canvasheightrange.value = v;

    [799] =>             canvas.height = v;

    [800] => 

    [801] =>             canvasupdate();

    [802] =>             svgupdate();

    [803] =>         }

    [804] => 

    [805] =>         function canvasheightrangeload()

    [806] =>         {

    [807] =>             //const br = document.createElement("br");

    [808] =>             //canvasheight.append(br);

    [809] => 

    [810] =>             const input = document.createElement("input");

    [811] =>             input.id = "canvasheightrange";

    [812] =>             input.max = canvasheightnumber.max;

    [813] =>             input.min = canvasheightnumber.min;

    [814] =>             input.type = "range";

    [815] =>             input.value = canvasheightnumber.value;

    [816] =>             input.addEventListener("input", canvasheightrangeupdate);

    [817] =>             canvasheight.append(input);

    [818] => 

    [819] =>             canvasheightrangeupdate();

    [820] =>         }

    [821] =>         addEventListener("load", canvasheightrangeload);

    [822] => 

    [823] =>         function canvasheightrangeupdate()

    [824] =>         {

    [825] =>             const v = canvasheightrange.value;

    [826] => 

    [827] =>             canvasheightnumber.value = v;

    [828] =>             canvas.height = v;

    [829] => 

    [830] =>             canvasupdate();

    [831] =>             svgupdate();

    [832] =>         }

    [833] => 

    [834] =>         function canvasheightnaturalload()

    [835] =>         {

    [836] =>             const br = document.createElement("br");

    [837] =>             canvasheight.append(br);

    [838] => 

    [839] =>             const button = document.createElement("button");

    [840] =>             button.innerHTML = "image";

    [841] =>             button.addEventListener("click", canvasheightnaturalupdate);

    [842] =>             canvasheight.append(button);

    [843] =>         }

    [844] =>         addEventListener("load", canvasheightnaturalload);

    [845] => 

    [846] =>         function canvasheightnaturalupdate()

    [847] =>         {

    [848] =>             canvasheightnumber.value = image.naturalHeight;

    [849] => 

    [850] =>             canvasheightnumberupdate();

    [851] =>         }

    [852] => 

    [853] =>         function canvasheightexactload()

    [854] =>         {

    [855] =>             const br = document.createElement("br");

    [856] =>             canvasheight.append(br);

    [857] => 

    [858] =>             const array =

    [859] =>             [

    [860] =>                 ["600",600],

    [861] =>                 ["720",720],

    [862] =>                 ["768",768],

    [863] =>                 ["864",864],

    [864] =>                 ["900",900],

    [865] =>                 ["1080",1080],

    [866] =>                 ["1296",1296],

    [867] =>                 ["1440",1440],

    [868] =>                 ["2160",2160],

    [869] =>             ];

    [870] => 

    [871] =>             for(const value of array)

    [872] =>             {

    [873] =>                 const button = document.createElement("button");

    [874] =>                 button.innerHTML = value[0];

    [875] =>                 button.value = value[1];

    [876] =>                 button.addEventListener("click", canvasheightexactupdate);

    [877] =>                 canvasheight.append(button);

    [878] =>             }

    [879] =>         }

    [880] =>         addEventListener("load", canvasheightexactload);

    [881] => 

    [882] =>         function canvasheightexactupdate(e)

    [883] =>         {

    [884] =>             canvasheightnumber.value = Number(e.target.value);

    [885] => 

    [886] =>             canvasheightnumberupdate();

    [887] =>         }

    [888] => 

    [889] =>         function canvasheightincrementload()

    [890] =>         {

    [891] =>             const br = document.createElement("br");

    [892] =>             canvasheight.append(br);

    [893] => 

    [894] =>             const array =

    [895] =>             [

    [896] =>                 ["-1000",-1000],

    [897] =>                 ["-100",-100],

    [898] =>                 ["-10",-10],

    [899] =>                 ["-1",-1],

    [900] =>                 ["+1",1],

    [901] =>                 ["+10",10],

    [902] =>                 ["+100",100],

    [903] =>                 ["+1000",1000],

    [904] =>             ];

    [905] => 

    [906] =>             for(const value of array)

    [907] =>             {

    [908] =>                 const button = document.createElement("button");

    [909] =>                 button.innerHTML = value[0];

    [910] =>                 button.value = value[1];

    [911] =>                 button.addEventListener("click", canvasheightincrementupdate);

    [912] =>                 canvasheight.append(button);

    [913] =>             }

    [914] =>         }

    [915] =>         addEventListener("load", canvasheightincrementload);

    [916] => 

    [917] =>         function canvasheightincrementupdate(e)

    [918] =>         {

    [919] =>             const v = Number(canvasheightnumber.value) + Number(e.target.value);

    [920] => 

    [921] =>             if((canvasheightnumber.min <= v) && (v <= canvasheightnumber.max))

    [922] =>             {

    [923] =>                 canvasheightnumber.value = v;

    [924] => 

    [925] =>                 canvasheightnumberupdate();

    [926] =>             }

    [927] =>         }

    [928] => 

    [929] => 

    [930] => 

    [931] =>         function canvasbackgroundcolorload()

    [932] =>         {

    [933] =>             const div = document.createElement("div");

    [934] =>             div.id = "canvasbackgroundcolor";

    [935] =>             div.innerHTML = "background-color";

    [936] =>             tabcontentcanvas.append(div);

    [937] =>         }

    [938] =>         addEventListener("load", canvasbackgroundcolorload);

    [939] => 

    [940] =>         function canvasbackgroundcolorcolorload()

    [941] =>         {

    [942] =>             const br = document.createElement("br");

    [943] =>             canvasbackgroundcolor.append(br);

    [944] => 

    [945] =>             const input = document.createElement("input");

    [946] =>             input.id = "canvasbackgroundcolorcolor";

    [947] =>             input.type = "color";

    [948] =>             input.value = "#000000";

    [949] =>             input.addEventListener("input", canvasbackgroundcolorcolorupdate);

    [950] =>             canvasbackgroundcolor.append(input);

    [951] => 

    [952] =>             //canvasbackgroundcolorcolorset();

    [953] =>         }

    [954] =>         addEventListener("load", canvasbackgroundcolorcolorload);

    [955] => 

    [956] =>         function canvasbackgroundcolorcolorset()

    [957] =>         {

    [958] =>             const c = canvasbackgroundcolorcolor.value;

    [959] =>             const r = parseInt(c.slice(1,3),16);

    [960] =>             const g = parseInt(c.slice(3,5),16);

    [961] =>             const b = parseInt(c.slice(5,7),16);

    [962] =>             const a = canvasbackgroundalphanumber.value;

    [963] => 

    [964] =>             canvas.backgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;

    [965] =>         }

    [966] => 

    [967] =>         function canvasbackgroundcolorcolorupdate()

    [968] =>         {

    [969] =>             canvasbackgroundcolorcolorset();

    [970] =>             svgupdate();

    [971] =>         }

    [972] => 

    [973] =>         function canvasbackgroundcolorexactload()

    [974] =>         {

    [975] =>             const br = document.createElement("br");

    [976] =>             canvasbackgroundcolor.append(br);

    [977] => 

    [978] =>             const array =

    [979] =>             [

    [980] =>                 ["black","#000000"],

    [981] =>                 ["white","#ffffff"],

    [982] =>             ];

    [983] => 

    [984] =>             for(const value of array)

    [985] =>             {

    [986] =>                 const button = document.createElement("button");

    [987] =>                 button.innerHTML = value[0];

    [988] =>                 button.value = value[1];

    [989] =>                 button.addEventListener("click", canvasbackgroundcolorexactupdate);

    [990] =>                 canvasbackgroundcolor.append(button);

    [991] =>             }

    [992] =>         }

    [993] =>         addEventListener("load", canvasbackgroundcolorexactload);

    [994] => 

    [995] =>         function canvasbackgroundcolorexactupdate(e)

    [996] =>         {

    [997] =>             canvasbackgroundcolorcolor.value = e.target.value;

    [998] => 

    [999] =>             canvasbackgroundcolorcolorupdate();

    [1000] =>         }

    [1001] => 

    [1002] => 

    [1003] => 

    [1004] =>         function canvasbackgroundalphaload()

    [1005] =>         {

    [1006] =>             const div = document.createElement("div");

    [1007] =>             div.id = "canvasbackgroundalpha";

    [1008] =>             div.innerHTML = "background-alpha";

    [1009] =>             tabcontentcanvas.append(div);

    [1010] => 

    [1011] =>             const style = div.style;

    [1012] =>             style.overflowY = "hidden";

    [1013] =>             style.whiteSpace = "nowrap";

    [1014] =>         }

    [1015] =>         addEventListener("load", canvasbackgroundalphaload);

    [1016] => 

    [1017] =>         function canvasbackgroundalphanumberload()

    [1018] =>         {

    [1019] =>             const br = document.createElement("br");

    [1020] =>             canvasbackgroundalpha.append(br);

    [1021] => 

    [1022] =>             const input = document.createElement("input");

    [1023] =>             input.id = "canvasbackgroundalphanumber";

    [1024] =>             input.max = 1;

    [1025] =>             input.min = 0;

    [1026] =>             input.step = 0.01;

    [1027] =>             input.type = "number";

    [1028] =>             input.value = 1;

    [1029] =>             input.addEventListener("input", canvasbackgroundalphanumberupdate);

    [1030] =>             canvasbackgroundalpha.append(input);

    [1031] => 

    [1032] =>             //canvasbackgroundalphanumberset();

    [1033] =>         }

    [1034] =>         addEventListener("load", canvasbackgroundalphanumberload);

    [1035] => 

    [1036] =>         function canvasbackgroundalphanumberset()

    [1037] =>         {

    [1038] =>             const c = canvasbackgroundcolorcolor.value;

    [1039] =>             const r = parseInt(c.slice(1,3),16);

    [1040] =>             const g = parseInt(c.slice(3,5),16);

    [1041] =>             const b = parseInt(c.slice(5,7),16);

    [1042] =>             const a = canvasbackgroundalphanumber.value;

    [1043] => 

    [1044] =>             canvasbackgroundalpharange.value = a;

    [1045] =>             canvas.backgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;

    [1046] =>         }

    [1047] => 

    [1048] =>         function canvasbackgroundalphanumberupdate()

    [1049] =>         {

    [1050] =>             canvasbackgroundalphanumberset();

    [1051] =>             svgupdate();

    [1052] =>         }

    [1053] => 

    [1054] =>         function canvasbackgroundalpharangeload()

    [1055] =>         {

    [1056] =>             //const br = document.createElement("br");

    [1057] =>             //canvasbackgroundalpha.append(br);

    [1058] => 

    [1059] =>             const input = document.createElement("input");

    [1060] =>             input.id = "canvasbackgroundalpharange";

    [1061] =>             input.max = canvasbackgroundalphanumber.max;

    [1062] =>             input.min = canvasbackgroundalphanumber.min;

    [1063] =>             input.step = canvasbackgroundalphanumber.step;

    [1064] =>             input.type = "range";

    [1065] =>             input.value = canvasbackgroundalphanumber.value;

    [1066] =>             input.addEventListener("input", canvasbackgroundalpharangeupdate);

    [1067] =>             canvasbackgroundalpha.append(input);

    [1068] => 

    [1069] =>             canvasbackgroundalpharangeset();

    [1070] =>         }

    [1071] =>         addEventListener("load", canvasbackgroundalpharangeload);

    [1072] => 

    [1073] =>         function canvasbackgroundalpharangeset()

    [1074] =>         {

    [1075] =>             const c = canvasbackgroundcolorcolor.value;

    [1076] =>             const r = parseInt(c.slice(1,3),16);

    [1077] =>             const g = parseInt(c.slice(3,5),16);

    [1078] =>             const b = parseInt(c.slice(5,7),16);

    [1079] =>             const a = canvasbackgroundalpharange.value;

    [1080] => 

    [1081] =>             canvasbackgroundalphanumber.value = a;

    [1082] =>             canvas.backgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;

    [1083] =>         }

    [1084] => 

    [1085] =>         function canvasbackgroundalpharangeupdate()

    [1086] =>         {

    [1087] =>             canvasbackgroundalpharangeset();

    [1088] =>             svgupdate();

    [1089] =>         }

    [1090] => 

    [1091] =>         function canvasbackgroundalphaexactload()

    [1092] =>         {

    [1093] =>             const br = document.createElement("br");

    [1094] =>             canvasbackgroundalpha.append(br);

    [1095] => 

    [1096] =>             const array =

    [1097] =>             [

    [1098] =>                 ["0",0],

    [1099] =>                 ["0.25",0.25],

    [1100] =>                 ["0.5",0.5],

    [1101] =>                 ["0.75",0.75],

    [1102] =>                 ["1",1],

    [1103] =>             ];

    [1104] => 

    [1105] =>             for(const value of array)

    [1106] =>             {

    [1107] =>                 const button = document.createElement("button");

    [1108] =>                 button.innerHTML = value[0];

    [1109] =>                 button.value = value[1];

    [1110] =>                 button.addEventListener("click", canvasbackgroundalphaexactupdate);

    [1111] =>                 canvasbackgroundalpha.append(button);

    [1112] =>             }

    [1113] =>         }

    [1114] =>         addEventListener("load", canvasbackgroundalphaexactload);

    [1115] => 

    [1116] =>         function canvasbackgroundalphaexactupdate(e)

    [1117] =>         {

    [1118] =>             canvasbackgroundalphanumber.value = Number(e.target.value);

    [1119] => 

    [1120] =>             canvasbackgroundalphanumberupdate();

    [1121] =>         }

    [1122] => 

    [1123] =>         function canvasbackgroundalphaincrementload()

    [1124] =>         {

    [1125] =>             const br = document.createElement("br");

    [1126] =>             canvasbackgroundalpha.append(br);

    [1127] => 

    [1128] =>             const array =

    [1129] =>             [

    [1130] =>                 ["-0.1",-0.1],

    [1131] =>                 ["-0.01",-0.01],

    [1132] =>                 ["+0.01",0.01],

    [1133] =>                 ["+0.1",0.1],

    [1134] =>             ];

    [1135] => 

    [1136] =>             for(const value of array)

    [1137] =>             {

    [1138] =>                 const button = document.createElement("button");

    [1139] =>                 button.innerHTML = value[0];

    [1140] =>                 button.value = value[1];

    [1141] =>                 button.addEventListener("click", canvasbackgroundalphaincrementupdate);

    [1142] =>                 canvasbackgroundalpha.append(button);

    [1143] =>             }

    [1144] =>         }

    [1145] =>         addEventListener("load", canvasbackgroundalphaincrementload);

    [1146] => 

    [1147] =>         function canvasbackgroundalphaincrementupdate(e)

    [1148] =>         {

    [1149] =>             let v = Number(canvasbackgroundalphanumber.value) + Number(e.target.value);

    [1150] =>             v = parseFloat(v.toFixed(2));

    [1151] => 

    [1152] =>             if((canvasbackgroundalphanumber.min <= v) && (v <= canvasbackgroundalphanumber.max))

    [1153] =>             {

    [1154] =>                 canvasbackgroundalphanumber.value = v;

    [1155] => 

    [1156] =>                 canvasbackgroundalphanumberupdate();

    [1157] =>             }

    [1158] =>         }

    [1159] => 

    [1160] => 

    [1161] => 

    [1162] => 

    [1163] => 

    [1164] => 

    [1165] =>         function myfunction1(e)

    [1166] =>         {

    [1167] =>             //console.log(myvideo.duration);

    [1168] =>             const myvideo = e.target;

    [1169] => 

    [1170] =>             myvideo.currentTime = 0;

    [1171] =>         }

    [1172] => 

    [1173] =>         function myfunction2(e)

    [1174] =>         {

    [1175] =>             //console.log(myvideo.currentTime);

    [1176] =>             const myvideo = e.target;

    [1177] => 

    [1178] =>             const mycanvas = document.createElement("canvas");

    [1179] =>             mycanvas.height = myvideo.videoHeight;

    [1180] =>             mycanvas.width = myvideo.videoWidth;

    [1181] => 

    [1182] =>             const mycontext = mycanvas.getContext("2d");

    [1183] =>             mycontext.drawImage(myvideo, 0, 0, mycanvas.width, mycanvas.height);

    [1184] => 

    [1185] =>             //const myimg = new Image();

    [1186] =>             //myimg.src = mycanvas.toDataURL();

    [1187] => 

    [1188] =>             image.src = mycanvas.toDataURL();

    [1189] =>         }

    [1190] => 

    [1191] =>         function imageload2()

    [1192] =>         {

    [1193] =>             //image.src = "/assets/svg/Happy.svg";

    [1194] => 

    [1195] =>             const date  = new Date();

    [1196] =>             const month = date.getUTCMonth() + 1;

    [1197] =>             const day   = date.getUTCDate();

    [1198] => 

    [1199] =>             const myvideo = document.createElement("video");

    [1200] =>             myvideo.addEventListener("loadedmetadata", myfunction1);

    [1201] =>             myvideo.addEventListener("seeked", myfunction2);

    [1202] =>             myvideo.src = `/assets/mp4/${month}/${day}.mp4`;

    [1203] =>         }

    [1204] =>         addEventListener("load", imageload2);

    [1205] => 

    [1206] =>         function imageload3()

    [1207] =>         {

    [1208] =>             fetch(image.src)

    [1209] =>             .then(r => r.blob())

    [1210] =>             .then(b =>

    [1211] =>             {

    [1212] =>                 const reader = new FileReader();

    [1213] =>                 reader.readAsDataURL(b);

    [1214] =>                 reader.onloadend = () =>

    [1215] =>                 {

    [1216] =>                     //console.log("imageload3");

    [1217] =>                     image.dataurl = reader.result;

    [1218] =>                     svgupdate();

    [1219] =>                 };

    [1220] =>             });

    [1221] =>         }

    [1222] =>         image.addEventListener("load", imageload3);

    [1223] => 

    [1224] => 

    [1225] => 

    [1226] =>         function imagefileload()

    [1227] =>         {

    [1228] =>             const div = document.createElement("div");

    [1229] =>             div.id = "imagefile";

    [1230] =>             div.innerHTML = "file";

    [1231] =>             tabcontentimage.append(div);

    [1232] =>         }

    [1233] =>         addEventListener("load", imagefileload);

    [1234] => 

    [1235] =>         function imagefilefileload()

    [1236] =>         {

    [1237] =>             const br = document.createElement("br");

    [1238] =>             imagefile.append(br);

    [1239] => 

    [1240] =>             const input = document.createElement("input");

    [1241] =>             input.id = "imagefilefile";

    [1242] =>             input.type = "file";

    [1243] =>             input.addEventListener("change", imagefilefileupdate);

    [1244] =>             imagefile.append(input);

    [1245] =>         }

    [1246] =>         addEventListener("load", imagefilefileload);

    [1247] => 

    [1248] =>         function imagefilefileupdate()

    [1249] =>         {

    [1250] =>             const f = imagefilefile.files[0];

    [1251] => 

    [1252] =>             image.src = URL.createObjectURL(f);

    [1253] =>         }

    [1254] => 

    [1255] => 

    [1256] => 

    [1257] =>         function imagefitload()

    [1258] =>         {

    [1259] =>             const div = document.createElement("div");

    [1260] =>             div.id = "imagefit";

    [1261] =>             div.innerHTML = "fit";

    [1262] =>             tabcontentimage.append(div);

    [1263] =>         }

    [1264] =>         addEventListener("load", imagefitload);

    [1265] => 

    [1266] =>         function imagefitselectload()

    [1267] =>         {

    [1268] =>             const br = document.createElement("br");

    [1269] =>             imagefit.append(br);

    [1270] => 

    [1271] =>             const select = document.createElement("select");

    [1272] =>             select.id = "imagefitselect";

    [1273] =>             select.addEventListener("input", imagefitselectupdate);

    [1274] =>             imagefit.append(select);

    [1275] => 

    [1276] =>             const array =

    [1277] =>             [

    [1278] =>                 "contain",

    [1279] =>                 "cover",

    [1280] =>             ];

    [1281] => 

    [1282] =>             for(const value of array)

    [1283] =>             {

    [1284] =>                 const option = document.createElement("option");

    [1285] =>                 option.innerHTML = value;

    [1286] =>                 select.add(option);

    [1287] =>             }

    [1288] => 

    [1289] =>             imagefitselect.value = array[1];

    [1290] => 

    [1291] =>             imagefitselectset();

    [1292] =>         }

    [1293] =>         addEventListener("load", imagefitselectload);

    [1294] => 

    [1295] =>         function imagefitselectset()

    [1296] =>         {

    [1297] =>             image.objectfit = imagefitselect.value;

    [1298] =>         }

    [1299] => 

    [1300] =>         function imagefitselectupdate()

    [1301] =>         {

    [1302] =>             imagefitselectset();

    [1303] =>             svgupdate();

    [1304] =>         }

    [1305] => 

    [1306] => 

    [1307] => 

    [1308] =>         function imagewidthload()

    [1309] =>         {

    [1310] =>             const div = document.createElement("div");

    [1311] =>             div.id = "imagewidth";

    [1312] =>             div.innerHTML = "width";

    [1313] =>             tabcontentimage.append(div);

    [1314] => 

    [1315] =>             const style = div.style;

    [1316] =>             style.overflowY = "hidden";

    [1317] =>             style.whiteSpace = "nowrap";

    [1318] =>         }

    [1319] =>         addEventListener("load", imagewidthload);

    [1320] => 

    [1321] =>         function imagewidthnumberload()

    [1322] =>         {

    [1323] =>             const br = document.createElement("br");

    [1324] =>             imagewidth.append(br);

    [1325] => 

    [1326] =>             const input = document.createElement("input");

    [1327] =>             input.id = "imagewidthnumber";

    [1328] =>             input.max = maxwidth;

    [1329] =>             input.min = 0;

    [1330] =>             input.type = "number";

    [1331] =>             input.value = canvas.width;

    [1332] =>             input.addEventListener("input", imagewidthnumberupdate);

    [1333] =>             imagewidth.append(input);

    [1334] => 

    [1335] =>             //imagewidthnumberset();

    [1336] =>         }

    [1337] =>         addEventListener("load", imagewidthnumberload);

    [1338] => 

    [1339] =>         function imagewidthnumberset()

    [1340] =>         {

    [1341] =>             const v = imagewidthnumber.value;

    [1342] => 

    [1343] =>             imagewidthrange.value = v;

    [1344] =>             image.width = v;

    [1345] =>         }

    [1346] => 

    [1347] =>         function imagewidthnumberupdate()

    [1348] =>         {

    [1349] =>             imagewidthnumberset();

    [1350] =>             svgupdate();

    [1351] =>         }

    [1352] => 

    [1353] =>         function imagewidthrangeload()

    [1354] =>         {

    [1355] =>             //const br = document.createElement("br");

    [1356] =>             //imagewidth.append(br);

    [1357] => 

    [1358] =>             const input = document.createElement("input");

    [1359] =>             input.id = "imagewidthrange";

    [1360] =>             input.max = imagewidthnumber.max;

    [1361] =>             input.min = imagewidthnumber.min;

    [1362] =>             input.type = "range";

    [1363] =>             input.value = imagewidthnumber.value;

    [1364] =>             input.addEventListener("input", imagewidthrangeupdate);

    [1365] =>             imagewidth.append(input);

    [1366] => 

    [1367] =>             imagewidthrangeset();

    [1368] =>         }

    [1369] =>         addEventListener("load", imagewidthrangeload);

    [1370] => 

    [1371] =>         function imagewidthrangeset()

    [1372] =>         {

    [1373] =>             const v = imagewidthrange.value;

    [1374] => 

    [1375] =>             imagewidthnumber.value = v;

    [1376] =>             image.width = v;

    [1377] =>         }

    [1378] => 

    [1379] =>         function imagewidthrangeupdate()

    [1380] =>         {

    [1381] =>             imagewidthrangeset();

    [1382] =>             svgupdate();

    [1383] =>         }

    [1384] => /*

    [1385] =>         function imagewidthnaturalload()

    [1386] =>         {

    [1387] =>             const br = document.createElement("br");

    [1388] =>             imagewidth.append(br);

    [1389] => 

    [1390] =>             const button = document.createElement("button");

    [1391] =>             button.innerHTML = "image";

    [1392] =>             button.addEventListener("click", imagewidthnaturalupdate);

    [1393] =>             imagewidth.append(button);

    [1394] =>         }

    [1395] =>         addEventListener("load", imagewidthnaturalload);

    [1396] => 

    [1397] =>         function imagewidthnaturalupdate()

    [1398] =>         {

    [1399] =>             imagewidthnumber.value = image.naturalWidth;

    [1400] => 

    [1401] =>             imagewidthnumberupdate();

    [1402] =>         }

    [1403] => //*/

    [1404] =>         function imagewidthexactload()

    [1405] =>         {

    [1406] =>             const br = document.createElement("br");

    [1407] =>             imagewidth.append(br);

    [1408] => 

    [1409] =>             const array =

    [1410] =>             [

    [1411] =>                 ["25%",0.25],

    [1412] =>                 ["50%",0.5],

    [1413] =>                 ["75%",0.75],

    [1414] =>                 ["100%",1],

    [1415] =>             ];

    [1416] => 

    [1417] =>             for(const value of array)

    [1418] =>             {

    [1419] =>                 const button = document.createElement("button");

    [1420] =>                 button.innerHTML = value[0];

    [1421] =>                 button.value = value[1];

    [1422] =>                 button.addEventListener("click", imagewidthexactupdate);

    [1423] =>                 imagewidth.append(button);

    [1424] =>             }

    [1425] =>         }

    [1426] =>         addEventListener("load", imagewidthexactload);

    [1427] => 

    [1428] =>         function imagewidthexactupdate(e)

    [1429] =>         {

    [1430] =>             imagewidthnumber.value = canvas.width * Number(e.target.value);

    [1431] => 

    [1432] =>             imagewidthnumberupdate();

    [1433] =>         }

    [1434] => 

    [1435] =>         function imagewidthincrementload()

    [1436] =>         {

    [1437] =>             const br = document.createElement("br");

    [1438] =>             imagewidth.append(br);

    [1439] => 

    [1440] =>             const array =

    [1441] =>             [

    [1442] =>                 ["-1000",-1000],

    [1443] =>                 ["-100",-100],

    [1444] =>                 ["-10",-10],

    [1445] =>                 ["-1",-1],

    [1446] =>                 ["+1",1],

    [1447] =>                 ["+10",10],

    [1448] =>                 ["+100",100],

    [1449] =>                 ["+1000",1000],

    [1450] =>             ];

    [1451] => 

    [1452] =>             for(const value of array)

    [1453] =>             {

    [1454] =>                 const button = document.createElement("button");

    [1455] =>                 button.innerHTML = value[0];

    [1456] =>                 button.value = value[1];

    [1457] =>                 button.addEventListener("click", imagewidthincrementupdate);

    [1458] =>                 imagewidth.append(button);

    [1459] =>             }

    [1460] =>         }

    [1461] =>         addEventListener("load", imagewidthincrementload);

    [1462] => 

    [1463] =>         function imagewidthincrementupdate(e)

    [1464] =>         {

    [1465] =>             const v = Number(imagewidthnumber.value) + Number(e.target.value);

    [1466] => 

    [1467] =>             if((imagewidthnumber.min <= v) && (v <= imagewidthnumber.max))

    [1468] =>             {

    [1469] =>                 imagewidthnumber.value = v;

    [1470] => 

    [1471] =>                 imagewidthnumberupdate();

    [1472] =>             }

    [1473] =>         }

    [1474] => 

    [1475] => 

    [1476] => 

    [1477] =>         function imageheightload()

    [1478] =>         {

    [1479] =>             const div = document.createElement("div");

    [1480] =>             div.id = "imageheight";

    [1481] =>             div.innerHTML = "height";

    [1482] =>             tabcontentimage.append(div);

    [1483] => 

    [1484] =>             const style = div.style;

    [1485] =>             style.overflowY = "hidden";

    [1486] =>             style.whiteSpace = "nowrap";

    [1487] =>         }

    [1488] =>         addEventListener("load", imageheightload);

    [1489] => 

    [1490] =>         function imageheightnumberload()

    [1491] =>         {

    [1492] =>             const br = document.createElement("br");

    [1493] =>             imageheight.append(br);

    [1494] => 

    [1495] =>             const input = document.createElement("input");

    [1496] =>             input.id = "imageheightnumber";

    [1497] =>             input.max = maxheight;

    [1498] =>             input.min = 0;

    [1499] =>             input.type = "number";

    [1500] =>             input.value = canvas.height;

    [1501] =>             input.addEventListener("input", imageheightnumberupdate);

    [1502] =>             imageheight.append(input);

    [1503] => 

    [1504] =>             //imageheightnumberset();

    [1505] =>         }

    [1506] =>         addEventListener("load", imageheightnumberload);

    [1507] => 

    [1508] =>         function imageheightnumberset()

    [1509] =>         {

    [1510] =>             const v = imageheightnumber.value;

    [1511] => 

    [1512] =>             imageheightrange.value = v;

    [1513] =>             image.height = v;

    [1514] =>         }

    [1515] => 

    [1516] =>         function imageheightnumberupdate()

    [1517] =>         {

    [1518] =>             imageheightnumberset();

    [1519] =>             svgupdate();

    [1520] =>         }

    [1521] => 

    [1522] =>         function imageheightrangeload()

    [1523] =>         {

    [1524] =>             //const br = document.createElement("br");

    [1525] =>             //imageheight.append(br);

    [1526] => 

    [1527] =>             const input = document.createElement("input");

    [1528] =>             input.id = "imageheightrange";

    [1529] =>             input.max = imageheightnumber.max;

    [1530] =>             input.min = imageheightnumber.min;

    [1531] =>             input.type = "range";

    [1532] =>             input.value = imageheightnumber.value;

    [1533] =>             input.addEventListener("input", imageheightrangeupdate);

    [1534] =>             imageheight.append(input);

    [1535] => 

    [1536] =>             imageheightrangeset();

    [1537] =>         }

    [1538] =>         addEventListener("load", imageheightrangeload);

    [1539] => 

    [1540] =>         function imageheightrangeset()

    [1541] =>         {

    [1542] =>             const v = imageheightrange.value;

    [1543] => 

    [1544] =>             imageheightnumber.value = v;

    [1545] =>             image.height = v;

    [1546] =>         }

    [1547] => 

    [1548] =>         function imageheightrangeupdate()

    [1549] =>         {

    [1550] =>             imageheightrangeset();

    [1551] =>             svgupdate();

    [1552] =>         }

    [1553] => /*

    [1554] =>         function imageheightnaturalload()

    [1555] =>         {

    [1556] =>             const br = document.createElement("br");

    [1557] =>             imageheight.append(br);

    [1558] => 

    [1559] =>             const button = document.createElement("button");

    [1560] =>             button.innerHTML = "image";

    [1561] =>             button.addEventListener("click", imageheightnaturalupdate);

    [1562] =>             imageheight.append(button);

    [1563] =>         }

    [1564] =>         addEventListener("load", imageheightnaturalload);

    [1565] => 

    [1566] =>         function imageheightnaturalupdate()

    [1567] =>         {

    [1568] =>             imageheightnumber.value = image.naturalHeight;

    [1569] => 

    [1570] =>             imageheightnumberupdate();

    [1571] =>         }

    [1572] => //*/

    [1573] =>         function imageheightexactload()

    [1574] =>         {

    [1575] =>             const br = document.createElement("br");

    [1576] =>             imageheight.append(br);

    [1577] => 

    [1578] =>             const array =

    [1579] =>             [

    [1580] =>                 ["25%",0.25],

    [1581] =>                 ["50%",0.5],

    [1582] =>                 ["75%",0.75],

    [1583] =>                 ["100%",1],

    [1584] =>             ];

    [1585] => 

    [1586] =>             for(const value of array)

    [1587] =>             {

    [1588] =>                 const button = document.createElement("button");

    [1589] =>                 button.innerHTML = value[0];

    [1590] =>                 button.value = value[1];

    [1591] =>                 button.addEventListener("click", imageheightexactupdate);

    [1592] =>                 imageheight.append(button);

    [1593] =>             }

    [1594] =>         }

    [1595] =>         addEventListener("load", imageheightexactload);

    [1596] => 

    [1597] =>         function imageheightexactupdate(e)

    [1598] =>         {

    [1599] =>             imageheightnumber.value = canvas.height * Number(e.target.value);

    [1600] => 

    [1601] =>             imageheightnumberupdate();

    [1602] =>         }

    [1603] => 

    [1604] =>         function imageheightincrementload()

    [1605] =>         {

    [1606] =>             const br = document.createElement("br");

    [1607] =>             imageheight.append(br);

    [1608] => 

    [1609] =>             const array =

    [1610] =>             [

    [1611] =>                 ["-1000",-1000],

    [1612] =>                 ["-100",-100],

    [1613] =>                 ["-10",-10],

    [1614] =>                 ["-1",-1],

    [1615] =>                 ["+1",1],

    [1616] =>                 ["+10",10],

    [1617] =>                 ["+100",100],

    [1618] =>                 ["+1000",1000],

    [1619] =>             ];

    [1620] => 

    [1621] =>             for(const value of array)

    [1622] =>             {

    [1623] =>                 const button = document.createElement("button");

    [1624] =>                 button.innerHTML = value[0];

    [1625] =>                 button.value = value[1];

    [1626] =>                 button.addEventListener("click", imageheightincrementupdate);

    [1627] =>                 imageheight.append(button);

    [1628] =>             }

    [1629] =>         }

    [1630] =>         addEventListener("load", imageheightincrementload);

    [1631] => 

    [1632] =>         function imageheightincrementupdate(e)

    [1633] =>         {

    [1634] =>             const v = Number(imageheightnumber.value) + Number(e.target.value);

    [1635] => 

    [1636] =>             if((imageheightnumber.min <= v) && (v <= imageheightnumber.max))

    [1637] =>             {

    [1638] =>                 imageheightnumber.value = v;

    [1639] => 

    [1640] =>                 imageheightnumberupdate();

    [1641] =>             }

    [1642] =>         }

    [1643] => 

    [1644] => 

    [1645] => 

    [1646] =>         function imagexload()

    [1647] =>         {

    [1648] =>             const div = document.createElement("div");

    [1649] =>             div.id = "imagex";

    [1650] =>             div.innerHTML = "x";

    [1651] =>             tabcontentimage.append(div);

    [1652] => 

    [1653] =>             const style = div.style;

    [1654] =>             style.overflowY = "hidden";

    [1655] =>             style.whiteSpace = "nowrap";

    [1656] =>         }

    [1657] =>         addEventListener("load", imagexload);

    [1658] => 

    [1659] =>         function imagexnumberload()

    [1660] =>         {

    [1661] =>             const br = document.createElement("br");

    [1662] =>             imagex.append(br);

    [1663] => 

    [1664] =>             const input = document.createElement("input");

    [1665] =>             input.id = "imagexnumber";

    [1666] =>             input.max = maxwidth;

    [1667] =>             input.min = -maxwidth;

    [1668] =>             input.type = "number";

    [1669] =>             input.value = 0;

    [1670] =>             input.addEventListener("input", imagexnumberupdate);

    [1671] =>             imagex.append(input);

    [1672] => 

    [1673] =>             //imagexnumberset();

    [1674] =>         }

    [1675] =>         addEventListener("load", imagexnumberload);

    [1676] => 

    [1677] =>         function imagexnumberset()

    [1678] =>         {

    [1679] =>             const v = imagexnumber.value;

    [1680] => 

    [1681] =>             imagexrange.value = v;

    [1682] =>             image.myx = v;

    [1683] =>         }

    [1684] => 

    [1685] =>         function imagexnumberupdate()

    [1686] =>         {

    [1687] =>             imagexnumberset();

    [1688] =>             svgupdate();

    [1689] =>         }

    [1690] => 

    [1691] =>         function imagexrangeload()

    [1692] =>         {

    [1693] =>             //const br = document.createElement("br");

    [1694] =>             //imagex.append(br);

    [1695] => 

    [1696] =>             const input = document.createElement("input");

    [1697] =>             input.id = "imagexrange";

    [1698] =>             input.max = imagexnumber.max;

    [1699] =>             input.min = imagexnumber.min;

    [1700] =>             input.type = "range";

    [1701] =>             input.value = imagexnumber.value;

    [1702] =>             input.addEventListener("input", imagexrangeupdate);

    [1703] =>             imagex.append(input);

    [1704] => 

    [1705] =>             imagexrangeset();

    [1706] =>         }

    [1707] =>         addEventListener("load", imagexrangeload);

    [1708] => 

    [1709] =>         function imagexrangeset()

    [1710] =>         {

    [1711] =>             const v = imagexrange.value;

    [1712] => 

    [1713] =>             imagexnumber.value = v;

    [1714] =>             image.myx = v;

    [1715] =>         }

    [1716] => 

    [1717] =>         function imagexrangeupdate()

    [1718] =>         {

    [1719] =>             imagexrangeset();

    [1720] =>             svgupdate();

    [1721] =>         }

    [1722] => 

    [1723] =>         function imagexexactload()

    [1724] =>         {

    [1725] =>             const br = document.createElement("br");

    [1726] =>             imagex.append(br);

    [1727] => 

    [1728] =>             const array =

    [1729] =>             [

    [1730] =>                 ["left",0],

    [1731] =>                 ["center",0.5],

    [1732] =>                 ["right",1],

    [1733] =>             ];

    [1734] => 

    [1735] =>             for(const value of array)

    [1736] =>             {

    [1737] =>                 const button = document.createElement("button");

    [1738] =>                 button.innerHTML = value[0];

    [1739] =>                 button.value = value[1];

    [1740] =>                 button.addEventListener("click", imagexexactupdate);

    [1741] =>                 imagex.append(button);

    [1742] =>             }

    [1743] =>         }

    [1744] =>         addEventListener("load", imagexexactload);

    [1745] => 

    [1746] =>         function imagexexactupdate(e)

    [1747] =>         {

    [1748] =>             imagexnumber.value = (canvas.width - image.width) * Number(e.target.value);

    [1749] => 

    [1750] =>             imagexnumberupdate();

    [1751] =>         }

    [1752] => 

    [1753] =>         function imagexincrementload()

    [1754] =>         {

    [1755] =>             const br = document.createElement("br");

    [1756] =>             imagex.append(br);

    [1757] => 

    [1758] =>             const array =

    [1759] =>             [

    [1760] =>                 ["-1000",-1000],

    [1761] =>                 ["-100",-100],

    [1762] =>                 ["-10",-10],

    [1763] =>                 ["-1",-1],

    [1764] =>                 ["+1",1],

    [1765] =>                 ["+10",10],

    [1766] =>                 ["+100",100],

    [1767] =>                 ["+1000",1000],

    [1768] =>             ];

    [1769] => 

    [1770] =>             for(const value of array)

    [1771] =>             {

    [1772] =>                 const button = document.createElement("button");

    [1773] =>                 button.innerHTML = value[0];

    [1774] =>                 button.value = value[1];

    [1775] =>                 button.addEventListener("click", imagexincrementupdate);

    [1776] =>                 imagex.append(button);

    [1777] =>             }

    [1778] =>         }

    [1779] =>         addEventListener("load", imagexincrementload);

    [1780] => 

    [1781] =>         function imagexincrementupdate(e)

    [1782] =>         {

    [1783] =>             const v = Number(imagexnumber.value) + Number(e.target.value);

    [1784] => 

    [1785] =>             if((imagexnumber.min <= v) && (v <= imagexnumber.max))

    [1786] =>             {

    [1787] =>                 imagexnumber.value = v;

    [1788] => 

    [1789] =>                 imagexnumberupdate();

    [1790] =>             }

    [1791] =>         }

    [1792] => 

    [1793] => 

    [1794] => 

    [1795] =>         function imageyload()

    [1796] =>         {

    [1797] =>             const div = document.createElement("div");

    [1798] =>             div.id = "imagey";

    [1799] =>             div.innerHTML = "y";

    [1800] =>             tabcontentimage.append(div);

    [1801] => 

    [1802] =>             const style = div.style;

    [1803] =>             style.overflowY = "hidden";

    [1804] =>             style.whiteSpace = "nowrap";

    [1805] =>         }

    [1806] =>         addEventListener("load", imageyload);

    [1807] => 

    [1808] =>         function imageynumberload()

    [1809] =>         {

    [1810] =>             const br = document.createElement("br");

    [1811] =>             imagey.append(br);

    [1812] => 

    [1813] =>             const input = document.createElement("input");

    [1814] =>             input.id = "imageynumber";

    [1815] =>             input.max = maxheight;

    [1816] =>             input.min = -maxheight;

    [1817] =>             input.type = "number";

    [1818] =>             input.value = 0;

    [1819] =>             input.addEventListener("input", imageynumberupdate);

    [1820] =>             imagey.append(input);

    [1821] => 

    [1822] =>             //imageynumberset();

    [1823] =>         }

    [1824] =>         addEventListener("load", imageynumberload);

    [1825] => 

    [1826] =>         function imageynumberset()

    [1827] =>         {

    [1828] =>             const v = imageynumber.value;

    [1829] => 

    [1830] =>             imageyrange.value = v;

    [1831] =>             image.myy = v;

    [1832] =>         }

    [1833] => 

    [1834] =>         function imageynumberupdate()

    [1835] =>         {

    [1836] =>             imageynumberset();

    [1837] =>             svgupdate();

    [1838] =>         }

    [1839] => 

    [1840] =>         function imageyrangeload()

    [1841] =>         {

    [1842] =>             //const br = document.createElement("br");

    [1843] =>             //imagey.append(br);

    [1844] => 

    [1845] =>             const input = document.createElement("input");

    [1846] =>             input.id = "imageyrange";

    [1847] =>             input.max = imageynumber.max;

    [1848] =>             input.min = imageynumber.min;

    [1849] =>             input.type = "range";

    [1850] =>             input.value = imageynumber.value;

    [1851] =>             input.addEventListener("input", imageyrangeupdate);

    [1852] =>             imagey.append(input);

    [1853] => 

    [1854] =>             imageyrangeset();

    [1855] =>         }

    [1856] =>         addEventListener("load", imageyrangeload);

    [1857] => 

    [1858] =>         function imageyrangeset()

    [1859] =>         {

    [1860] =>             const v = imageyrange.value;

    [1861] => 

    [1862] =>             imageynumber.value = v;

    [1863] =>             image.myy = v;

    [1864] =>         }

    [1865] => 

    [1866] =>         function imageyrangeupdate()

    [1867] =>         {

    [1868] =>             imageyrangeset();

    [1869] =>             svgupdate();

    [1870] =>         }

    [1871] => 

    [1872] =>         function imageyexactload()

    [1873] =>         {

    [1874] =>             const br = document.createElement("br");

    [1875] =>             imagey.append(br);

    [1876] => 

    [1877] =>             const array =

    [1878] =>             [

    [1879] =>                 ["top",0],

    [1880] =>                 ["center",0.5],

    [1881] =>                 ["bottom",1],

    [1882] =>             ];

    [1883] => 

    [1884] =>             for(const value of array)

    [1885] =>             {

    [1886] =>                 const button = document.createElement("button");

    [1887] =>                 button.innerHTML = value[0];

    [1888] =>                 button.value = value[1];

    [1889] =>                 button.addEventListener("click", imageyexactupdate);

    [1890] =>                 imagey.append(button);

    [1891] =>             }

    [1892] =>         }

    [1893] =>         addEventListener("load", imageyexactload);

    [1894] => 

    [1895] =>         function imageyexactupdate(e)

    [1896] =>         {

    [1897] =>             imageynumber.value = (canvas.height - image.height) * Number(e.target.value);

    [1898] => 

    [1899] =>             imageynumberupdate();

    [1900] =>         }

    [1901] => 

    [1902] =>         function imageyincrementload()

    [1903] =>         {

    [1904] =>             const br = document.createElement("br");

    [1905] =>             imagey.append(br);

    [1906] => 

    [1907] =>             const array =

    [1908] =>             [

    [1909] =>                 ["-1000",-1000],

    [1910] =>                 ["-100",-100],

    [1911] =>                 ["-10",-10],

    [1912] =>                 ["-1",-1],

    [1913] =>                 ["+1",1],

    [1914] =>                 ["+10",10],

    [1915] =>                 ["+100",100],

    [1916] =>                 ["+1000",1000],

    [1917] =>             ];

    [1918] => 

    [1919] =>             for(const value of array)

    [1920] =>             {

    [1921] =>                 const button = document.createElement("button");

    [1922] =>                 button.innerHTML = value[0];

    [1923] =>                 button.value = value[1];

    [1924] =>                 button.addEventListener("click", imageyincrementupdate);

    [1925] =>                 imagey.append(button);

    [1926] =>             }

    [1927] =>         }

    [1928] =>         addEventListener("load", imageyincrementload);

    [1929] => 

    [1930] =>         function imageyincrementupdate(e)

    [1931] =>         {

    [1932] =>             const v = Number(imageynumber.value) + Number(e.target.value);

    [1933] => 

    [1934] =>             if((imageynumber.min <= v) && (v <= imageynumber.max))

    [1935] =>             {

    [1936] =>                 imageynumber.value = v;

    [1937] => 

    [1938] =>                 imageynumberupdate();

    [1939] =>             }

    [1940] =>         }

    [1941] => 

    [1942] => 

    [1943] => 

    [1944] =>         function imagebackgroundcolorload()

    [1945] =>         {

    [1946] =>             const div = document.createElement("div");

    [1947] =>             div.id = "imagebackgroundcolor";

    [1948] =>             div.innerHTML = "background-color";

    [1949] =>             tabcontentimage.append(div);

    [1950] =>         }

    [1951] =>         addEventListener("load", imagebackgroundcolorload);

    [1952] => 

    [1953] =>         function imagebackgroundcolorcolorload()

    [1954] =>         {

    [1955] =>             const br = document.createElement("br");

    [1956] =>             imagebackgroundcolor.append(br);

    [1957] => 

    [1958] =>             const input = document.createElement("input");

    [1959] =>             input.id = "imagebackgroundcolorcolor";

    [1960] =>             input.type = "color";

    [1961] =>             input.value = "#ffffff";

    [1962] =>             input.addEventListener("input", imagebackgroundcolorcolorupdate);

    [1963] =>             imagebackgroundcolor.append(input);

    [1964] => 

    [1965] =>             //imagebackgroundcolorcolorset();

    [1966] =>         }

    [1967] =>         addEventListener("load", imagebackgroundcolorcolorload);

    [1968] => 

    [1969] =>         function imagebackgroundcolorcolorset()

    [1970] =>         {

    [1971] =>             const c = imagebackgroundcolorcolor.value;

    [1972] =>             const r = parseInt(c.slice(1,3),16);

    [1973] =>             const g = parseInt(c.slice(3,5),16);

    [1974] =>             const b = parseInt(c.slice(5,7),16);

    [1975] =>             const a = imagebackgroundalphanumber.value;

    [1976] => 

    [1977] =>             image.backgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;

    [1978] =>         }

    [1979] => 

    [1980] =>         function imagebackgroundcolorcolorupdate()

    [1981] =>         {

    [1982] =>             imagebackgroundcolorcolorset();

    [1983] =>             svgupdate();

    [1984] =>         }

    [1985] => 

    [1986] =>         function imagebackgroundcolorexactload()

    [1987] =>         {

    [1988] =>             const br = document.createElement("br");

    [1989] =>             imagebackgroundcolor.append(br);

    [1990] => 

    [1991] =>             const array =

    [1992] =>             [

    [1993] =>                 ["black","#000000"],

    [1994] =>                 ["white","#ffffff"],

    [1995] =>             ];

    [1996] => 

    [1997] =>             for(const value of array)

    [1998] =>             {

    [1999] =>                 const button = document.createElement("button");

    [2000] =>                 button.innerHTML = value[0];

    [2001] =>                 button.value = value[1];

    [2002] =>                 button.addEventListener("click", imagebackgroundcolorexactupdate);

    [2003] =>                 imagebackgroundcolor.append(button);

    [2004] =>             }

    [2005] =>         }

    [2006] =>         addEventListener("load", imagebackgroundcolorexactload);

    [2007] => 

    [2008] =>         function imagebackgroundcolorexactupdate(e)

    [2009] =>         {

    [2010] =>             imagebackgroundcolorcolor.value = e.target.value;

    [2011] => 

    [2012] =>             imagebackgroundcolorcolorupdate();

    [2013] =>         }

    [2014] => 

    [2015] => 

    [2016] => 

    [2017] =>         function imagebackgroundalphaload()

    [2018] =>         {

    [2019] =>             const div = document.createElement("div");

    [2020] =>             div.id = "imagebackgroundalpha";

    [2021] =>             div.innerHTML = "background-alpha";

    [2022] =>             tabcontentimage.append(div);

    [2023] => 

    [2024] =>             const style = div.style;

    [2025] =>             style.overflowY = "hidden";

    [2026] =>             style.whiteSpace = "nowrap";

    [2027] =>         }

    [2028] =>         addEventListener("load", imagebackgroundalphaload);

    [2029] => 

    [2030] =>         function imagebackgroundalphanumberload()

    [2031] =>         {

    [2032] =>             const br = document.createElement("br");

    [2033] =>             imagebackgroundalpha.append(br);

    [2034] => 

    [2035] =>             const input = document.createElement("input");

    [2036] =>             input.id = "imagebackgroundalphanumber";

    [2037] =>             input.max = 1;

    [2038] =>             input.min = 0;

    [2039] =>             input.step = 0.01;

    [2040] =>             input.type = "number";

    [2041] =>             input.value = 0;

    [2042] =>             input.addEventListener("input", imagebackgroundalphanumberupdate);

    [2043] =>             imagebackgroundalpha.append(input);

    [2044] => 

    [2045] =>             //imagebackgroundalphanumberset();

    [2046] =>         }

    [2047] =>         addEventListener("load", imagebackgroundalphanumberload);

    [2048] => 

    [2049] =>         function imagebackgroundalphanumberset()

    [2050] =>         {

    [2051] =>             const c = imagebackgroundcolorcolor.value;

    [2052] =>             const r = parseInt(c.slice(1,3),16);

    [2053] =>             const g = parseInt(c.slice(3,5),16);

    [2054] =>             const b = parseInt(c.slice(5,7),16);

    [2055] =>             const a = imagebackgroundalphanumber.value;

    [2056] => 

    [2057] =>             imagebackgroundalpharange.value = a;

    [2058] =>             image.backgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;

    [2059] =>         }

    [2060] => 

    [2061] =>         function imagebackgroundalphanumberupdate()

    [2062] =>         {

    [2063] =>             imagebackgroundalphanumberset();

    [2064] =>             svgupdate();

    [2065] =>         }

    [2066] => 

    [2067] =>         function imagebackgroundalpharangeload()

    [2068] =>         {

    [2069] =>             //const br = document.createElement("br");

    [2070] =>             //imagebackgroundalpha.append(br);

    [2071] => 

    [2072] =>             const input = document.createElement("input");

    [2073] =>             input.id = "imagebackgroundalpharange";

    [2074] =>             input.max = imagebackgroundalphanumber.max;

    [2075] =>             input.min = imagebackgroundalphanumber.min;

    [2076] =>             input.step = imagebackgroundalphanumber.step;

    [2077] =>             input.type = "range";

    [2078] =>             input.value = imagebackgroundalphanumber.value;

    [2079] =>             input.addEventListener("input", imagebackgroundalpharangeupdate);

    [2080] =>             imagebackgroundalpha.append(input);

    [2081] => 

    [2082] =>             imagebackgroundalpharangeset();

    [2083] =>         }

    [2084] =>         addEventListener("load", imagebackgroundalpharangeload);

    [2085] => 

    [2086] =>         function imagebackgroundalpharangeset()

    [2087] =>         {

    [2088] =>             const c = imagebackgroundcolorcolor.value;

    [2089] =>             const r = parseInt(c.slice(1,3),16);

    [2090] =>             const g = parseInt(c.slice(3,5),16);

    [2091] =>             const b = parseInt(c.slice(5,7),16);

    [2092] =>             const a = imagebackgroundalpharange.value;

    [2093] => 

    [2094] =>             imagebackgroundalphanumber.value = a;

    [2095] =>             image.backgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;

    [2096] =>         }

    [2097] => 

    [2098] =>         function imagebackgroundalpharangeupdate()

    [2099] =>         {

    [2100] =>             imagebackgroundalpharangeset();

    [2101] =>             svgupdate();

    [2102] =>         }

    [2103] => 

    [2104] =>         function imagebackgroundalphaexactload()

    [2105] =>         {

    [2106] =>             const br = document.createElement("br");

    [2107] =>             imagebackgroundalpha.append(br);

    [2108] => 

    [2109] =>             const array =

    [2110] =>             [

    [2111] =>                 ["0",0],

    [2112] =>                 ["0.25",0.25],

    [2113] =>                 ["0.5",0.5],

    [2114] =>                 ["0.75",0.75],

    [2115] =>                 ["1",1],

    [2116] =>             ];

    [2117] => 

    [2118] =>             for(const value of array)

    [2119] =>             {

    [2120] =>                 const button = document.createElement("button");

    [2121] =>                 button.innerHTML = value[0];

    [2122] =>                 button.value = value[1];

    [2123] =>                 button.addEventListener("click", imagebackgroundalphaexactupdate);

    [2124] =>                 imagebackgroundalpha.append(button);

    [2125] =>             }

    [2126] =>         }

    [2127] =>         addEventListener("load", imagebackgroundalphaexactload);

    [2128] => 

    [2129] =>         function imagebackgroundalphaexactupdate(e)

    [2130] =>         {

    [2131] =>             imagebackgroundalphanumber.value = Number(e.target.value);

    [2132] => 

    [2133] =>             imagebackgroundalphanumberupdate();

    [2134] =>         }

    [2135] => 

    [2136] =>         function imagebackgroundalphaincrementload()

    [2137] =>         {

    [2138] =>             const br = document.createElement("br");

    [2139] =>             imagebackgroundalpha.append(br);

    [2140] => 

    [2141] =>             const array =

    [2142] =>             [

    [2143] =>                 ["-0.1",-0.1],

    [2144] =>                 ["-0.01",-0.01],

    [2145] =>                 ["+0.01",0.01],

    [2146] =>                 ["+0.1",0.1],

    [2147] =>             ];

    [2148] => 

    [2149] =>             for(const value of array)

    [2150] =>             {

    [2151] =>                 const button = document.createElement("button");

    [2152] =>                 button.innerHTML = value[0];

    [2153] =>                 button.value = value[1];

    [2154] =>                 button.addEventListener("click", imagebackgroundalphaincrementupdate);

    [2155] =>                 imagebackgroundalpha.append(button);

    [2156] =>             }

    [2157] =>         }

    [2158] =>         addEventListener("load", imagebackgroundalphaincrementload);

    [2159] => 

    [2160] =>         function imagebackgroundalphaincrementupdate(e)

    [2161] =>         {

    [2162] =>             let v = Number(imagebackgroundalphanumber.value) + Number(e.target.value);

    [2163] =>             v = parseFloat(v.toFixed(2));

    [2164] => 

    [2165] =>             if((imagebackgroundalphanumber.min <= v) && (v <= imagebackgroundalphanumber.max))

    [2166] =>             {

    [2167] =>                 imagebackgroundalphanumber.value = v;

    [2168] => 

    [2169] =>                 imagebackgroundalphanumberupdate();

    [2170] =>             }

    [2171] =>         }

    [2172] => 

    [2173] => 

    [2174] => 

    [2175] => /*

    [2176] =>         function imageopacityload()

    [2177] =>         {

    [2178] =>             const div = document.createElement("div");

    [2179] =>             div.id = "imageopacity";

    [2180] =>             div.innerHTML = "opacity";

    [2181] =>             tabcontentimage.append(div);

    [2182] => 

    [2183] =>             const style = div.style;

    [2184] =>             style.overflowY = "hidden";

    [2185] =>             style.whiteSpace = "nowrap";

    [2186] =>         }

    [2187] =>         addEventListener("load", imageopacityload);

    [2188] => 

    [2189] =>         function imageopacitynumberload()

    [2190] =>         {

    [2191] =>             const br = document.createElement("br");

    [2192] =>             imageopacity.append(br);

    [2193] => 

    [2194] =>             const input = document.createElement("input");

    [2195] =>             input.id = "imageopacitynumber";

    [2196] =>             input.max = 1;

    [2197] =>             input.min = 0;

    [2198] =>             input.step = 0.01;

    [2199] =>             input.type = "number";

    [2200] =>             input.value = 1;

    [2201] =>             input.addEventListener("input", imageopacitynumberupdate);

    [2202] =>             imageopacity.append(input);

    [2203] => 

    [2204] =>             //imageopacitynumberset();

    [2205] =>         }

    [2206] =>         addEventListener("load", imageopacitynumberload);

    [2207] => 

    [2208] =>         function imageopacitynumberset()

    [2209] =>         {

    [2210] =>             const v = imageopacitynumber.value;

    [2211] => 

    [2212] =>             imageopacityrange.value = v;

    [2213] =>             image.opacity = v;

    [2214] =>         }

    [2215] => 

    [2216] =>         function imageopacitynumberupdate()

    [2217] =>         {

    [2218] =>             imageopacitynumberset();

    [2219] =>             svgupdate();

    [2220] =>         }

    [2221] => 

    [2222] =>         function imageopacityrangeload()

    [2223] =>         {

    [2224] =>             const input = document.createElement("input");

    [2225] =>             input.id = "imageopacityrange";

    [2226] =>             input.max = imageopacitynumber.max;

    [2227] =>             input.min = imageopacitynumber.min;

    [2228] =>             input.step = imageopacitynumber.step;

    [2229] =>             input.type = "range";

    [2230] =>             input.value = imageopacitynumber.value;

    [2231] =>             input.addEventListener("input", imageopacityrangeupdate);

    [2232] =>             imageopacity.append(input);

    [2233] => 

    [2234] =>             imageopacityrangeset();

    [2235] =>         }

    [2236] =>         addEventListener("load", imageopacityrangeload);

    [2237] => 

    [2238] =>         function imageopacityrangeset()

    [2239] =>         {

    [2240] =>             const v = imageopacityrange.value;

    [2241] => 

    [2242] =>             imageopacitynumber.value = v;

    [2243] =>             image.opacity = v;

    [2244] =>         }

    [2245] => 

    [2246] =>         function imageopacityrangeupdate()

    [2247] =>         {

    [2248] =>             imageopacityrangeset();

    [2249] =>             svgupdate();

    [2250] =>         }

    [2251] => 

    [2252] =>         function imageopacityexactload()

    [2253] =>         {

    [2254] =>             const br = document.createElement("br");

    [2255] =>             imageopacity.append(br);

    [2256] => 

    [2257] =>             const array =

    [2258] =>             [

    [2259] =>                 ["0",0],

    [2260] =>                 ["0.25",0.25],

    [2261] =>                 ["0.5",0.5],

    [2262] =>                 ["0.75",0.75],

    [2263] =>                 ["1",1],

    [2264] =>             ];

    [2265] => 

    [2266] =>             for(const value of array)

    [2267] =>             {

    [2268] =>                 const button = document.createElement("button");

    [2269] =>                 button.innerHTML = value[0];

    [2270] =>                 button.value = value[1];

    [2271] =>                 button.addEventListener("click", imageopacityexactupdate);

    [2272] =>                 imageopacity.append(button);

    [2273] =>             }

    [2274] =>         }

    [2275] =>         addEventListener("load", imageopacityexactload);

    [2276] => 

    [2277] =>         function imageopacityexactupdate(e)

    [2278] =>         {

    [2279] =>             imageopacitynumber.value = Number(e.target.value);

    [2280] => 

    [2281] =>             imageopacitynumberupdate();

    [2282] =>         }

    [2283] => 

    [2284] =>         function imageopacityincrementload()

    [2285] =>         {

    [2286] =>             const br = document.createElement("br");

    [2287] =>             imageopacity.append(br);

    [2288] => 

    [2289] =>             const array =

    [2290] =>             [

    [2291] =>                 ["-0.1",-0.1],

    [2292] =>                 ["-0.01",-0.01],

    [2293] =>                 ["+0.01",0.01],

    [2294] =>                 ["+0.1",0.1],

    [2295] =>             ];

    [2296] => 

    [2297] =>             for(const value of array)

    [2298] =>             {

    [2299] =>                 const button = document.createElement("button");

    [2300] =>                 button.innerHTML = value[0];

    [2301] =>                 button.value = value[1];

    [2302] =>                 button.addEventListener("click", imageopacityincrementupdate);

    [2303] =>                 imageopacity.append(button);

    [2304] =>             }

    [2305] =>         }

    [2306] =>         addEventListener("load", imageopacityincrementload);

    [2307] => 

    [2308] =>         function imageopacityincrementupdate(e)

    [2309] =>         {

    [2310] =>             let v = Number(imageopacitynumber.value) + Number(e.target.value);

    [2311] =>             v = parseFloat(v.toFixed(2));

    [2312] => 

    [2313] =>             if((imageopacitynumber.min <= v) && (v <= imageopacitynumber.max))

    [2314] =>             {

    [2315] =>                 imageopacitynumber.value = v;

    [2316] => 

    [2317] =>                 imageopacitynumberupdate();

    [2318] =>             }

    [2319] =>         }

    [2320] => //*/

    [2321] => 

    [2322] => 

    [2323] => 

    [2324] =>         function imagefilterblurload()

    [2325] =>         {

    [2326] =>             const div = document.createElement("div");

    [2327] =>             div.id = "imagefilterblur";

    [2328] =>             div.innerHTML = "filter-blur";

    [2329] =>             tabcontentimage.append(div);

    [2330] => 

    [2331] =>             const style = div.style;

    [2332] =>             style.overflowY = "hidden";

    [2333] =>             style.whiteSpace = "nowrap";

    [2334] =>         }

    [2335] =>         addEventListener("load", imagefilterblurload);

    [2336] => 

    [2337] =>         function imagefilterblurnumberload()

    [2338] =>         {

    [2339] =>             const br = document.createElement("br");

    [2340] =>             imagefilterblur.append(br);

    [2341] => 

    [2342] =>             const input = document.createElement("input");

    [2343] =>             input.id = "imagefilterblurnumber";

    [2344] =>             input.max = 1000;

    [2345] =>             input.min = 0;

    [2346] =>             input.step = 1;

    [2347] =>             input.type = "number";

    [2348] =>             input.value = 0;

    [2349] =>             input.addEventListener("input", imagefilterblurnumberupdate);

    [2350] =>             imagefilterblur.append(input);

    [2351] => 

    [2352] =>             //imagefilterblurnumberset();

    [2353] =>         }

    [2354] =>         addEventListener("load", imagefilterblurnumberload);

    [2355] => 

    [2356] =>         function imagefilterblurnumberset()

    [2357] =>         {

    [2358] =>             const v = imagefilterblurnumber.value;

    [2359] => 

    [2360] =>             imagefilterblurrange.value = v;

    [2361] =>             image.filterblur = v;

    [2362] =>         }

    [2363] => 

    [2364] =>         function imagefilterblurnumberupdate()

    [2365] =>         {

    [2366] =>             imagefilterblurnumberset();

    [2367] =>             svgupdate();

    [2368] =>         }

    [2369] => 

    [2370] =>         function imagefilterblurrangeload()

    [2371] =>         {

    [2372] =>             const input = document.createElement("input");

    [2373] =>             input.id = "imagefilterblurrange";

    [2374] =>             input.max = imagefilterblurnumber.max;

    [2375] =>             input.min = imagefilterblurnumber.min;

    [2376] =>             input.step = imagefilterblurnumber.step;

    [2377] =>             input.type = "range";

    [2378] =>             input.value = imagefilterblurnumber.value;

    [2379] =>             input.addEventListener("input", imagefilterblurrangeupdate);

    [2380] =>             imagefilterblur.append(input);

    [2381] => 

    [2382] =>             imagefilterblurrangeset();

    [2383] =>         }

    [2384] =>         addEventListener("load", imagefilterblurrangeload);

    [2385] => 

    [2386] =>         function imagefilterblurrangeset()

    [2387] =>         {

    [2388] =>             const v = imagefilterblurrange.value;

    [2389] => 

    [2390] =>             imagefilterblurnumber.value = v;

    [2391] =>             image.filterblur = v;

    [2392] =>         }

    [2393] => 

    [2394] =>         function imagefilterblurrangeupdate()

    [2395] =>         {

    [2396] =>             imagefilterblurrangeset();

    [2397] =>             svgupdate();

    [2398] =>         }

    [2399] => 

    [2400] =>         function imagefilterblurexactload()

    [2401] =>         {

    [2402] =>             const br = document.createElement("br");

    [2403] =>             imagefilterblur.append(br);

    [2404] => 

    [2405] =>             const array =

    [2406] =>             [

    [2407] =>                 ["0",0],

    [2408] =>                 ["2",2],

    [2409] =>                 ["4",4],

    [2410] =>                 ["8",8],

    [2411] =>                 ["16",16],

    [2412] =>                 ["32",32],

    [2413] =>                 ["64",64],

    [2414] =>             ];

    [2415] => 

    [2416] =>             for(const value of array)

    [2417] =>             {

    [2418] =>                 const button = document.createElement("button");

    [2419] =>                 button.innerHTML = value[0];

    [2420] =>                 button.value = value[1];

    [2421] =>                 button.addEventListener("click", imagefilterblurexactupdate);

    [2422] =>                 imagefilterblur.append(button);

    [2423] =>             }

    [2424] =>         }

    [2425] =>         addEventListener("load", imagefilterblurexactload);

    [2426] => 

    [2427] =>         function imagefilterblurexactupdate(e)

    [2428] =>         {

    [2429] =>             imagefilterblurnumber.value = Number(e.target.value);

    [2430] => 

    [2431] =>             imagefilterblurnumberupdate();

    [2432] =>         }

    [2433] => 

    [2434] =>         function imagefilterblurincrementload()

    [2435] =>         {

    [2436] =>             const br = document.createElement("br");

    [2437] =>             imagefilterblur.append(br);

    [2438] => 

    [2439] =>             const array =

    [2440] =>             [

    [2441] =>                 ["-100",-100],

    [2442] =>                 ["-10",-10],

    [2443] =>                 ["-1",-1],

    [2444] =>                 ["+1",1],

    [2445] =>                 ["+10",10],

    [2446] =>                 ["+100",100],

    [2447] =>             ];

    [2448] => 

    [2449] =>             for(const value of array)

    [2450] =>             {

    [2451] =>                 const button = document.createElement("button");

    [2452] =>                 button.innerHTML = value[0];

    [2453] =>                 button.value = value[1];

    [2454] =>                 button.addEventListener("click", imagefilterblurincrementupdate);

    [2455] =>                 imagefilterblur.append(button);

    [2456] =>             }

    [2457] =>         }

    [2458] =>         addEventListener("load", imagefilterblurincrementload);

    [2459] => 

    [2460] =>         function imagefilterblurincrementupdate(e)

    [2461] =>         {

    [2462] =>             const v = Number(imagefilterblurnumber.value) + Number(e.target.value);

    [2463] => 

    [2464] =>             if((imagefilterblurnumber.min <= v) && (v <= imagefilterblurnumber.max))

    [2465] =>             {

    [2466] =>                 imagefilterblurnumber.value = v;

    [2467] => 

    [2468] =>                 imagefilterblurnumberupdate();

    [2469] =>             }

    [2470] =>         }

    [2471] => 

    [2472] => 

    [2473] => 

    [2474] =>         function imagefilterbrightnessload()

    [2475] =>         {

    [2476] =>             const div = document.createElement("div");

    [2477] =>             div.id = "imagefilterbrightness";

    [2478] =>             div.innerHTML = "filter-brightness";

    [2479] =>             tabcontentimage.append(div);

    [2480] => 

    [2481] =>             const style = div.style;

    [2482] =>             style.overflowY = "hidden";

    [2483] =>             style.whiteSpace = "nowrap";

    [2484] =>         }

    [2485] =>         addEventListener("load", imagefilterbrightnessload);

    [2486] => 

    [2487] =>         function imagefilterbrightnessnumberload()

    [2488] =>         {

    [2489] =>             const br = document.createElement("br");

    [2490] =>             imagefilterbrightness.append(br);

    [2491] => 

    [2492] =>             const input = document.createElement("input");

    [2493] =>             input.id = "imagefilterbrightnessnumber";

    [2494] =>             input.max = 1000;

    [2495] =>             input.min = 0;

    [2496] =>             input.step = 1;

    [2497] =>             input.type = "number";

    [2498] =>             input.value = 100;

    [2499] =>             input.addEventListener("input", imagefilterbrightnessnumberupdate);

    [2500] =>             imagefilterbrightness.append(input);

    [2501] => 

    [2502] =>             //imagefilterbrightnessnumberset();

    [2503] =>         }

    [2504] =>         addEventListener("load", imagefilterbrightnessnumberload);

    [2505] => 

    [2506] =>         function imagefilterbrightnessnumberset()

    [2507] =>         {

    [2508] =>             const v = imagefilterbrightnessnumber.value;

    [2509] => 

    [2510] =>             imagefilterbrightnessrange.value = v;

    [2511] =>             image.filterbrightness = v;

    [2512] =>         }

    [2513] => 

    [2514] =>         function imagefilterbrightnessnumberupdate()

    [2515] =>         {

    [2516] =>             imagefilterbrightnessnumberset();

    [2517] =>             svgupdate();

    [2518] =>         }

    [2519] => 

    [2520] =>         function imagefilterbrightnessrangeload()

    [2521] =>         {

    [2522] =>             const input = document.createElement("input");

    [2523] =>             input.id = "imagefilterbrightnessrange";

    [2524] =>             input.max = imagefilterbrightnessnumber.max;

    [2525] =>             input.min = imagefilterbrightnessnumber.min;

    [2526] =>             input.step = imagefilterbrightnessnumber.step;

    [2527] =>             input.type = "range";

    [2528] =>             input.value = imagefilterbrightnessnumber.value;

    [2529] =>             input.addEventListener("input", imagefilterbrightnessrangeupdate);

    [2530] =>             imagefilterbrightness.append(input);

    [2531] => 

    [2532] =>             imagefilterbrightnessrangeset();

    [2533] =>         }

    [2534] =>         addEventListener("load", imagefilterbrightnessrangeload);

    [2535] => 

    [2536] =>         function imagefilterbrightnessrangeset()

    [2537] =>         {

    [2538] =>             const v = imagefilterbrightnessrange.value;

    [2539] => 

    [2540] =>             imagefilterbrightnessnumber.value = v;

    [2541] =>             image.filterbrightness = v;

    [2542] =>         }

    [2543] => 

    [2544] =>         function imagefilterbrightnessrangeupdate()

    [2545] =>         {

    [2546] =>             imagefilterbrightnessrangeset();

    [2547] =>             svgupdate();

    [2548] =>         }

    [2549] => 

    [2550] =>         function imagefilterbrightnessexactload()

    [2551] =>         {

    [2552] =>             const br = document.createElement("br");

    [2553] =>             imagefilterbrightness.append(br);

    [2554] => 

    [2555] =>             const array =

    [2556] =>             [

    [2557] =>                 ["0",0],

    [2558] =>                 ["50",50],

    [2559] =>                 ["100 (initial)",100],

    [2560] =>                 ["150",150],

    [2561] =>                 ["200",200],

    [2562] =>             ];

    [2563] => 

    [2564] =>             for(const value of array)

    [2565] =>             {

    [2566] =>                 const button = document.createElement("button");

    [2567] =>                 button.innerHTML = value[0];

    [2568] =>                 button.value = value[1];

    [2569] =>                 button.addEventListener("click", imagefilterbrightnessexactupdate);

    [2570] =>                 imagefilterbrightness.append(button);

    [2571] =>             }

    [2572] =>         }

    [2573] =>         addEventListener("load", imagefilterbrightnessexactload);

    [2574] => 

    [2575] =>         function imagefilterbrightnessexactupdate(e)

    [2576] =>         {

    [2577] =>             imagefilterbrightnessnumber.value = Number(e.target.value);

    [2578] => 

    [2579] =>             imagefilterbrightnessnumberupdate();

    [2580] =>         }

    [2581] => 

    [2582] =>         function imagefilterbrightnessincrementload()

    [2583] =>         {

    [2584] =>             const br = document.createElement("br");

    [2585] =>             imagefilterbrightness.append(br);

    [2586] => 

    [2587] =>             const array =

    [2588] =>             [

    [2589] =>                 ["-100",-100],

    [2590] =>                 ["-10",-10],

    [2591] =>                 ["-1",-1],

    [2592] =>                 ["+1",1],

    [2593] =>                 ["+10",10],

    [2594] =>                 ["+100",100],

    [2595] =>             ];

    [2596] => 

    [2597] =>             for(const value of array)

    [2598] =>             {

    [2599] =>                 const button = document.createElement("button");

    [2600] =>                 button.innerHTML = value[0];

    [2601] =>                 button.value = value[1];

    [2602] =>                 button.addEventListener("click", imagefilterbrightnessincrementupdate);

    [2603] =>                 imagefilterbrightness.append(button);

    [2604] =>             }

    [2605] =>         }

    [2606] =>         addEventListener("load", imagefilterbrightnessincrementload);

    [2607] => 

    [2608] =>         function imagefilterbrightnessincrementupdate(e)

    [2609] =>         {

    [2610] =>             const v = Number(imagefilterbrightnessnumber.value) + Number(e.target.value);

    [2611] => 

    [2612] =>             if((imagefilterbrightnessnumber.min <= v) && (v <= imagefilterbrightnessnumber.max))

    [2613] =>             {

    [2614] =>                 imagefilterbrightnessnumber.value = v;

    [2615] => 

    [2616] =>                 imagefilterbrightnessnumberupdate();

    [2617] =>             }

    [2618] =>         }

    [2619] => 

    [2620] => 

    [2621] => 

    [2622] =>         function imagefiltercontrastload()

    [2623] =>         {

    [2624] =>             const div = document.createElement("div");

    [2625] =>             div.id = "imagefiltercontrast";

    [2626] =>             div.innerHTML = "filter-contrast";

    [2627] =>             tabcontentimage.append(div);

    [2628] => 

    [2629] =>             const style = div.style;

    [2630] =>             style.overflowY = "hidden";

    [2631] =>             style.whiteSpace = "nowrap";

    [2632] =>         }

    [2633] =>         addEventListener("load", imagefiltercontrastload);

    [2634] => 

    [2635] =>         function imagefiltercontrastnumberload()

    [2636] =>         {

    [2637] =>             const br = document.createElement("br");

    [2638] =>             imagefiltercontrast.append(br);

    [2639] => 

    [2640] =>             const input = document.createElement("input");

    [2641] =>             input.id = "imagefiltercontrastnumber";

    [2642] =>             input.max = 1000;

    [2643] =>             input.min = 0;

    [2644] =>             input.step = 1;

    [2645] =>             input.type = "number";

    [2646] =>             input.value = 100;

    [2647] =>             input.addEventListener("input", imagefiltercontrastnumberupdate);

    [2648] =>             imagefiltercontrast.append(input);

    [2649] => 

    [2650] =>             //imagefiltercontrastnumberset();

    [2651] =>         }

    [2652] =>         addEventListener("load", imagefiltercontrastnumberload);

    [2653] => 

    [2654] =>         function imagefiltercontrastnumberset()

    [2655] =>         {

    [2656] =>             const v = imagefiltercontrastnumber.value;

    [2657] => 

    [2658] =>             imagefiltercontrastrange.value = v;

    [2659] =>             image.filtercontrast = v;

    [2660] =>         }

    [2661] => 

    [2662] =>         function imagefiltercontrastnumberupdate()

    [2663] =>         {

    [2664] =>             imagefiltercontrastnumberset();

    [2665] =>             svgupdate();

    [2666] =>         }

    [2667] => 

    [2668] =>         function imagefiltercontrastrangeload()

    [2669] =>         {

    [2670] =>             const input = document.createElement("input");

    [2671] =>             input.id = "imagefiltercontrastrange";

    [2672] =>             input.max = imagefiltercontrastnumber.max;

    [2673] =>             input.min = imagefiltercontrastnumber.min;

    [2674] =>             input.step = imagefiltercontrastnumber.step;

    [2675] =>             input.type = "range";

    [2676] =>             input.value = imagefiltercontrastnumber.value;

    [2677] =>             input.addEventListener("input", imagefiltercontrastrangeupdate);

    [2678] =>             imagefiltercontrast.append(input);

    [2679] => 

    [2680] =>             imagefiltercontrastrangeset();

    [2681] =>         }

    [2682] =>         addEventListener("load", imagefiltercontrastrangeload);

    [2683] => 

    [2684] =>         function imagefiltercontrastrangeset()

    [2685] =>         {

    [2686] =>             const v = imagefiltercontrastrange.value;

    [2687] => 

    [2688] =>             imagefiltercontrastnumber.value = v;

    [2689] =>             image.filtercontrast = v;

    [2690] =>         }

    [2691] => 

    [2692] =>         function imagefiltercontrastrangeupdate()

    [2693] =>         {

    [2694] =>             imagefiltercontrastrangeset();

    [2695] =>             svgupdate();

    [2696] =>         }

    [2697] => 

    [2698] =>         function imagefiltercontrastexactload()

    [2699] =>         {

    [2700] =>             const br = document.createElement("br");

    [2701] =>             imagefiltercontrast.append(br);

    [2702] => 

    [2703] =>             const array =

    [2704] =>             [

    [2705] =>                 ["0",0],

    [2706] =>                 ["50",50],

    [2707] =>                 ["100 (initial)",100],

    [2708] =>                 ["150",150],

    [2709] =>                 ["200",200],

    [2710] =>             ];

    [2711] => 

    [2712] =>             for(const value of array)

    [2713] =>             {

    [2714] =>                 const button = document.createElement("button");

    [2715] =>                 button.innerHTML = value[0];

    [2716] =>                 button.value = value[1];

    [2717] =>                 button.addEventListener("click", imagefiltercontrastexactupdate);

    [2718] =>                 imagefiltercontrast.append(button);

    [2719] =>             }

    [2720] =>         }

    [2721] =>         addEventListener("load", imagefiltercontrastexactload);

    [2722] => 

    [2723] =>         function imagefiltercontrastexactupdate(e)

    [2724] =>         {

    [2725] =>             imagefiltercontrastnumber.value = Number(e.target.value);

    [2726] => 

    [2727] =>             imagefiltercontrastnumberupdate();

    [2728] =>         }

    [2729] => 

    [2730] =>         function imagefiltercontrastincrementload()

    [2731] =>         {

    [2732] =>             const br = document.createElement("br");

    [2733] =>             imagefiltercontrast.append(br);

    [2734] => 

    [2735] =>             const array =

    [2736] =>             [

    [2737] =>                 ["-100",-100],

    [2738] =>                 ["-10",-10],

    [2739] =>                 ["-1",-1],

    [2740] =>                 ["+1",1],

    [2741] =>                 ["+10",10],

    [2742] =>                 ["+100",100],

    [2743] =>             ];

    [2744] => 

    [2745] =>             for(const value of array)

    [2746] =>             {

    [2747] =>                 const button = document.createElement("button");

    [2748] =>                 button.innerHTML = value[0];

    [2749] =>                 button.value = value[1];

    [2750] =>                 button.addEventListener("click", imagefiltercontrastincrementupdate);

    [2751] =>                 imagefiltercontrast.append(button);

    [2752] =>             }

    [2753] =>         }

    [2754] =>         addEventListener("load", imagefiltercontrastincrementload);

    [2755] => 

    [2756] =>         function imagefiltercontrastincrementupdate(e)

    [2757] =>         {

    [2758] =>             const v = Number(imagefiltercontrastnumber.value) + Number(e.target.value);

    [2759] => 

    [2760] =>             if((imagefiltercontrastnumber.min <= v) && (v <= imagefiltercontrastnumber.max))

    [2761] =>             {

    [2762] =>                 imagefiltercontrastnumber.value = v;

    [2763] => 

    [2764] =>                 imagefiltercontrastnumberupdate();

    [2765] =>             }

    [2766] =>         }

    [2767] => 

    [2768] => 

    [2769] => 

    [2770] =>         function imagefiltergrayscaleload()

    [2771] =>         {

    [2772] =>             const div = document.createElement("div");

    [2773] =>             div.id = "imagefiltergrayscale";

    [2774] =>             div.innerHTML = "filter-grayscale";

    [2775] =>             tabcontentimage.append(div);

    [2776] => 

    [2777] =>             const style = div.style;

    [2778] =>             style.overflowY = "hidden";

    [2779] =>             style.whiteSpace = "nowrap";

    [2780] =>         }

    [2781] =>         addEventListener("load", imagefiltergrayscaleload);

    [2782] => 

    [2783] =>         function imagefiltergrayscalenumberload()

    [2784] =>         {

    [2785] =>             const br = document.createElement("br");

    [2786] =>             imagefiltergrayscale.append(br);

    [2787] => 

    [2788] =>             const input = document.createElement("input");

    [2789] =>             input.id = "imagefiltergrayscalenumber";

    [2790] =>             input.max = 100;

    [2791] =>             input.min = 0;

    [2792] =>             input.step = 1;

    [2793] =>             input.type = "number";

    [2794] =>             input.value = 0;

    [2795] =>             input.addEventListener("input", imagefiltergrayscalenumberupdate);

    [2796] =>             imagefiltergrayscale.append(input);

    [2797] => 

    [2798] =>             //imagefiltergrayscalenumberset();

    [2799] =>         }

    [2800] =>         addEventListener("load", imagefiltergrayscalenumberload);

    [2801] => 

    [2802] =>         function imagefiltergrayscalenumberset()

    [2803] =>         {

    [2804] =>             const v = imagefiltergrayscalenumber.value;

    [2805] => 

    [2806] =>             imagefiltergrayscalerange.value = v;

    [2807] =>             image.filtergrayscale = v;

    [2808] =>         }

    [2809] => 

    [2810] =>         function imagefiltergrayscalenumberupdate()

    [2811] =>         {

    [2812] =>             imagefiltergrayscalenumberset();

    [2813] =>             svgupdate();

    [2814] =>         }

    [2815] => 

    [2816] =>         function imagefiltergrayscalerangeload()

    [2817] =>         {

    [2818] =>             const input = document.createElement("input");

    [2819] =>             input.id = "imagefiltergrayscalerange";

    [2820] =>             input.max = imagefiltergrayscalenumber.max;

    [2821] =>             input.min = imagefiltergrayscalenumber.min;

    [2822] =>             input.step = imagefiltergrayscalenumber.step;

    [2823] =>             input.type = "range";

    [2824] =>             input.value = imagefiltergrayscalenumber.value;

    [2825] =>             input.addEventListener("input", imagefiltergrayscalerangeupdate);

    [2826] =>             imagefiltergrayscale.append(input);

    [2827] => 

    [2828] =>             imagefiltergrayscalerangeset();

    [2829] =>         }

    [2830] =>         addEventListener("load", imagefiltergrayscalerangeload);

    [2831] => 

    [2832] =>         function imagefiltergrayscalerangeset()

    [2833] =>         {

    [2834] =>             const v = imagefiltergrayscalerange.value;

    [2835] => 

    [2836] =>             imagefiltergrayscalenumber.value = v;

    [2837] =>             image.filtergrayscale = v;

    [2838] =>         }

    [2839] => 

    [2840] =>         function imagefiltergrayscalerangeupdate()

    [2841] =>         {

    [2842] =>             imagefiltergrayscalerangeset();

    [2843] =>             svgupdate();

    [2844] =>         }

    [2845] => 

    [2846] =>         function imagefiltergrayscaleexactload()

    [2847] =>         {

    [2848] =>             const br = document.createElement("br");

    [2849] =>             imagefiltergrayscale.append(br);

    [2850] => 

    [2851] =>             const array =

    [2852] =>             [

    [2853] =>                 ["0",0],

    [2854] =>                 ["25",25],

    [2855] =>                 ["50",50],

    [2856] =>                 ["75",75],

    [2857] =>                 ["100",100],

    [2858] =>             ];

    [2859] => 

    [2860] =>             for(const value of array)

    [2861] =>             {

    [2862] =>                 const button = document.createElement("button");

    [2863] =>                 button.innerHTML = value[0];

    [2864] =>                 button.value = value[1];

    [2865] =>                 button.addEventListener("click", imagefiltergrayscaleexactupdate);

    [2866] =>                 imagefiltergrayscale.append(button);

    [2867] =>             }

    [2868] =>         }

    [2869] =>         addEventListener("load", imagefiltergrayscaleexactload);

    [2870] => 

    [2871] =>         function imagefiltergrayscaleexactupdate(e)

    [2872] =>         {

    [2873] =>             imagefiltergrayscalenumber.value = Number(e.target.value);

    [2874] => 

    [2875] =>             imagefiltergrayscalenumberupdate();

    [2876] =>         }

    [2877] => 

    [2878] =>         function imagefiltergrayscaleincrementload()

    [2879] =>         {

    [2880] =>             const br = document.createElement("br");

    [2881] =>             imagefiltergrayscale.append(br);

    [2882] => 

    [2883] =>             const array =

    [2884] =>             [

    [2885] =>                 ["-10",-10],

    [2886] =>                 ["-1",-1],

    [2887] =>                 ["+1",1],

    [2888] =>                 ["+10",10],

    [2889] =>             ];

    [2890] => 

    [2891] =>             for(const value of array)

    [2892] =>             {

    [2893] =>                 const button = document.createElement("button");

    [2894] =>                 button.innerHTML = value[0];

    [2895] =>                 button.value = value[1];

    [2896] =>                 button.addEventListener("click", imagefiltergrayscaleincrementupdate);

    [2897] =>                 imagefiltergrayscale.append(button);

    [2898] =>             }

    [2899] =>         }

    [2900] =>         addEventListener("load", imagefiltergrayscaleincrementload);

    [2901] => 

    [2902] =>         function imagefiltergrayscaleincrementupdate(e)

    [2903] =>         {

    [2904] =>             const v = Number(imagefiltergrayscalenumber.value) + Number(e.target.value);

    [2905] => 

    [2906] =>             if((imagefiltergrayscalenumber.min <= v) && (v <= imagefiltergrayscalenumber.max))

    [2907] =>             {

    [2908] =>                 imagefiltergrayscalenumber.value = v;

    [2909] => 

    [2910] =>                 imagefiltergrayscalenumberupdate();

    [2911] =>             }

    [2912] =>         }

    [2913] => 

    [2914] => 

    [2915] => 

    [2916] =>         function imagefilterhuerotateload()

    [2917] =>         {

    [2918] =>             const div = document.createElement("div");

    [2919] =>             div.id = "imagefilterhuerotate";

    [2920] =>             div.innerHTML = "filter-hue-rotate";

    [2921] =>             tabcontentimage.append(div);

    [2922] => 

    [2923] =>             const style = div.style;

    [2924] =>             style.overflowY = "hidden";

    [2925] =>             style.whiteSpace = "nowrap";

    [2926] =>         }

    [2927] =>         addEventListener("load", imagefilterhuerotateload);

    [2928] => 

    [2929] =>         function imagefilterhuerotatenumberload()

    [2930] =>         {

    [2931] =>             const br = document.createElement("br");

    [2932] =>             imagefilterhuerotate.append(br);

    [2933] => 

    [2934] =>             const input = document.createElement("input");

    [2935] =>             input.id = "imagefilterhuerotatenumber";

    [2936] =>             input.max = 360;

    [2937] =>             input.min = 0;

    [2938] =>             input.step = 1;

    [2939] =>             input.type = "number";

    [2940] =>             input.value = 0;

    [2941] =>             input.addEventListener("input", imagefilterhuerotatenumberupdate);

    [2942] =>             imagefilterhuerotate.append(input);

    [2943] => 

    [2944] =>             //imagefilterhuerotatenumberset();

    [2945] =>         }

    [2946] =>         addEventListener("load", imagefilterhuerotatenumberload);

    [2947] => 

    [2948] =>         function imagefilterhuerotatenumberset()

    [2949] =>         {

    [2950] =>             const v = imagefilterhuerotatenumber.value;

    [2951] => 

    [2952] =>             imagefilterhuerotaterange.value = v;

    [2953] =>             image.filterhuerotate = v;

    [2954] =>         }

    [2955] => 

    [2956] =>         function imagefilterhuerotatenumberupdate()

    [2957] =>         {

    [2958] =>             imagefilterhuerotatenumberset();

    [2959] =>             svgupdate();

    [2960] =>         }

    [2961] => 

    [2962] =>         function imagefilterhuerotaterangeload()

    [2963] =>         {

    [2964] =>             const input = document.createElement("input");

    [2965] =>             input.id = "imagefilterhuerotaterange";

    [2966] =>             input.max = imagefilterhuerotatenumber.max;

    [2967] =>             input.min = imagefilterhuerotatenumber.min;

    [2968] =>             input.step = imagefilterhuerotatenumber.step;

    [2969] =>             input.type = "range";

    [2970] =>             input.value = imagefilterhuerotatenumber.value;

    [2971] =>             input.addEventListener("input", imagefilterhuerotaterangeupdate);

    [2972] =>             imagefilterhuerotate.append(input);

    [2973] => 

    [2974] =>             imagefilterhuerotaterangeset();

    [2975] =>         }

    [2976] =>         addEventListener("load", imagefilterhuerotaterangeload);

    [2977] => 

    [2978] =>         function imagefilterhuerotaterangeset()

    [2979] =>         {

    [2980] =>             const v = imagefilterhuerotaterange.value;

    [2981] => 

    [2982] =>             imagefilterhuerotatenumber.value = v;

    [2983] =>             image.filterhuerotate = v;

    [2984] =>         }

    [2985] => 

    [2986] =>         function imagefilterhuerotaterangeupdate()

    [2987] =>         {

    [2988] =>             imagefilterhuerotaterangeset();

    [2989] =>             svgupdate();

    [2990] =>         }

    [2991] => 

    [2992] =>         function imagefilterhuerotateexactload()

    [2993] =>         {

    [2994] =>             const br = document.createElement("br");

    [2995] =>             imagefilterhuerotate.append(br);

    [2996] => 

    [2997] =>             const array =

    [2998] =>             [

    [2999] =>                 ["0",0],

    [3000] =>                 ["90",90],

    [3001] =>                 ["180",180],

    [3002] =>                 ["270",270],

    [3003] =>                 ["360",360],

    [3004] =>             ];

    [3005] => 

    [3006] =>             for(const value of array)

    [3007] =>             {

    [3008] =>                 const button = document.createElement("button");

    [3009] =>                 button.innerHTML = value[0];

    [3010] =>                 button.value = value[1];

    [3011] =>                 button.addEventListener("click", imagefilterhuerotateexactupdate);

    [3012] =>                 imagefilterhuerotate.append(button);

    [3013] =>             }

    [3014] =>         }

    [3015] =>         addEventListener("load", imagefilterhuerotateexactload);

    [3016] => 

    [3017] =>         function imagefilterhuerotateexactupdate(e)

    [3018] =>         {

    [3019] =>             imagefilterhuerotatenumber.value = Number(e.target.value);

    [3020] => 

    [3021] =>             imagefilterhuerotatenumberupdate();

    [3022] =>         }

    [3023] => 

    [3024] =>         function imagefilterhuerotateincrementload()

    [3025] =>         {

    [3026] =>             const br = document.createElement("br");

    [3027] =>             imagefilterhuerotate.append(br);

    [3028] => 

    [3029] =>             const array =

    [3030] =>             [

    [3031] =>                 //["-90",-90],

    [3032] =>                 ["-45",-45],

    [3033] =>                 ["-15",-15],

    [3034] =>                 ["-1",-1],

    [3035] =>                 ["+1",1],

    [3036] =>                 ["+15",15],

    [3037] =>                 ["+45",45],

    [3038] =>                 //["+90",90],

    [3039] =>             ];

    [3040] => 

    [3041] =>             for(const value of array)

    [3042] =>             {

    [3043] =>                 const button = document.createElement("button");

    [3044] =>                 button.innerHTML = value[0];

    [3045] =>                 button.value = value[1];

    [3046] =>                 button.addEventListener("click", imagefilterhuerotateincrementupdate);

    [3047] =>                 imagefilterhuerotate.append(button);

    [3048] =>             }

    [3049] =>         }

    [3050] =>         addEventListener("load", imagefilterhuerotateincrementload);

    [3051] => 

    [3052] =>         function imagefilterhuerotateincrementupdate(e)

    [3053] =>         {

    [3054] =>             const v = Number(imagefilterhuerotatenumber.value) + Number(e.target.value);

    [3055] => 

    [3056] =>             if((imagefilterhuerotatenumber.min <= v) && (v <= imagefilterhuerotatenumber.max))

    [3057] =>             {

    [3058] =>                 imagefilterhuerotatenumber.value = v;

    [3059] => 

    [3060] =>                 imagefilterhuerotatenumberupdate();

    [3061] =>             }

    [3062] =>         }

    [3063] => 

    [3064] => 

    [3065] => 

    [3066] =>         function imagefilterinvertload()

    [3067] =>         {

    [3068] =>             const div = document.createElement("div");

    [3069] =>             div.id = "imagefilterinvert";

    [3070] =>             div.innerHTML = "filter-invert";

    [3071] =>             tabcontentimage.append(div);

    [3072] => 

    [3073] =>             const style = div.style;

    [3074] =>             style.overflowY = "hidden";

    [3075] =>             style.whiteSpace = "nowrap";

    [3076] =>         }

    [3077] =>         addEventListener("load", imagefilterinvertload);

    [3078] => 

    [3079] =>         function imagefilterinvertnumberload()

    [3080] =>         {

    [3081] =>             const br = document.createElement("br");

    [3082] =>             imagefilterinvert.append(br);

    [3083] => 

    [3084] =>             const input = document.createElement("input");

    [3085] =>             input.id = "imagefilterinvertnumber";

    [3086] =>             input.max = 100;

    [3087] =>             input.min = 0;

    [3088] =>             input.step = 1;

    [3089] =>             input.type = "number";

    [3090] =>             input.value = 0;

    [3091] =>             input.addEventListener("input", imagefilterinvertnumberupdate);

    [3092] =>             imagefilterinvert.append(input);

    [3093] => 

    [3094] =>             //imagefilterinvertnumberset();

    [3095] =>         }

    [3096] =>         addEventListener("load", imagefilterinvertnumberload);

    [3097] => 

    [3098] =>         function imagefilterinvertnumberset()

    [3099] =>         {

    [3100] =>             const v = imagefilterinvertnumber.value;

    [3101] => 

    [3102] =>             imagefilterinvertrange.value = v;

    [3103] =>             image.filterinvert = v;

    [3104] =>         }

    [3105] => 

    [3106] =>         function imagefilterinvertnumberupdate()

    [3107] =>         {

    [3108] =>             imagefilterinvertnumberset();

    [3109] =>             svgupdate();

    [3110] =>         }

    [3111] => 

    [3112] =>         function imagefilterinvertrangeload()

    [3113] =>         {

    [3114] =>             const input = document.createElement("input");

    [3115] =>             input.id = "imagefilterinvertrange";

    [3116] =>             input.max = imagefilterinvertnumber.max;

    [3117] =>             input.min = imagefilterinvertnumber.min;

    [3118] =>             input.step = imagefilterinvertnumber.step;

    [3119] =>             input.type = "range";

    [3120] =>             input.value = imagefilterinvertnumber.value;

    [3121] =>             input.addEventListener("input", imagefilterinvertrangeupdate);

    [3122] =>             imagefilterinvert.append(input);

    [3123] => 

    [3124] =>             imagefilterinvertrangeset();

    [3125] =>         }

    [3126] =>         addEventListener("load", imagefilterinvertrangeload);

    [3127] => 

    [3128] =>         function imagefilterinvertrangeset()

    [3129] =>         {

    [3130] =>             const v = imagefilterinvertrange.value;

    [3131] => 

    [3132] =>             imagefilterinvertnumber.value = v;

    [3133] =>             image.filterinvert = v;

    [3134] =>         }

    [3135] => 

    [3136] =>         function imagefilterinvertrangeupdate()

    [3137] =>         {

    [3138] =>             imagefilterinvertrangeset();

    [3139] =>             svgupdate();

    [3140] =>         }

    [3141] => 

    [3142] =>         function imagefilterinvertexactload()

    [3143] =>         {

    [3144] =>             const br = document.createElement("br");

    [3145] =>             imagefilterinvert.append(br);

    [3146] => 

    [3147] =>             const array =

    [3148] =>             [

    [3149] =>                 ["0",0],

    [3150] =>                 ["25",25],

    [3151] =>                 ["50",50],

    [3152] =>                 ["75",75],

    [3153] =>                 ["100",100],

    [3154] =>             ];

    [3155] => 

    [3156] =>             for(const value of array)

    [3157] =>             {

    [3158] =>                 const button = document.createElement("button");

    [3159] =>                 button.innerHTML = value[0];

    [3160] =>                 button.value = value[1];

    [3161] =>                 button.addEventListener("click", imagefilterinvertexactupdate);

    [3162] =>                 imagefilterinvert.append(button);

    [3163] =>             }

    [3164] =>         }

    [3165] =>         addEventListener("load", imagefilterinvertexactload);

    [3166] => 

    [3167] =>         function imagefilterinvertexactupdate(e)

    [3168] =>         {

    [3169] =>             imagefilterinvertnumber.value = Number(e.target.value);

    [3170] => 

    [3171] =>             imagefilterinvertnumberupdate();

    [3172] =>         }

    [3173] => 

    [3174] =>         function imagefilterinvertincrementload()

    [3175] =>         {

    [3176] =>             const br = document.createElement("br");

    [3177] =>             imagefilterinvert.append(br);

    [3178] => 

    [3179] =>             const array =

    [3180] =>             [

    [3181] =>                 ["-10",-10],

    [3182] =>                 ["-1",-1],

    [3183] =>                 ["+1",1],

    [3184] =>                 ["+10",10],

    [3185] =>             ];

    [3186] => 

    [3187] =>             for(const value of array)

    [3188] =>             {

    [3189] =>                 const button = document.createElement("button");

    [3190] =>                 button.innerHTML = value[0];

    [3191] =>                 button.value = value[1];

    [3192] =>                 button.addEventListener("click", imagefilterinvertincrementupdate);

    [3193] =>                 imagefilterinvert.append(button);

    [3194] =>             }

    [3195] =>         }

    [3196] =>         addEventListener("load", imagefilterinvertincrementload);

    [3197] => 

    [3198] =>         function imagefilterinvertincrementupdate(e)

    [3199] =>         {

    [3200] =>             const v = Number(imagefilterinvertnumber.value) + Number(e.target.value);

    [3201] => 

    [3202] =>             if((imagefilterinvertnumber.min <= v) && (v <= imagefilterinvertnumber.max))

    [3203] =>             {

    [3204] =>                 imagefilterinvertnumber.value = v;

    [3205] => 

    [3206] =>                 imagefilterinvertnumberupdate();

    [3207] =>             }

    [3208] =>         }

    [3209] => 

    [3210] => 

    [3211] => 

    [3212] =>         function imagefilteropacityload()

    [3213] =>         {

    [3214] =>             const div = document.createElement("div");

    [3215] =>             div.id = "imagefilteropacity";

    [3216] =>             div.innerHTML = "filter-opacity";

    [3217] =>             tabcontentimage.append(div);

    [3218] => 

    [3219] =>             const style = div.style;

    [3220] =>             style.overflowY = "hidden";

    [3221] =>             style.whiteSpace = "nowrap";

    [3222] =>         }

    [3223] =>         addEventListener("load", imagefilteropacityload);

    [3224] => 

    [3225] =>         function imagefilteropacitynumberload()

    [3226] =>         {

    [3227] =>             const br = document.createElement("br");

    [3228] =>             imagefilteropacity.append(br);

    [3229] => 

    [3230] =>             const input = document.createElement("input");

    [3231] =>             input.id = "imagefilteropacitynumber";

    [3232] =>             input.max = 100;

    [3233] =>             input.min = 0;

    [3234] =>             input.step = 1;

    [3235] =>             input.type = "number";

    [3236] =>             input.value = 100;

    [3237] =>             input.addEventListener("input", imagefilteropacitynumberupdate);

    [3238] =>             imagefilteropacity.append(input);

    [3239] => 

    [3240] =>             //imagefilteropacitynumberset();

    [3241] =>         }

    [3242] =>         addEventListener("load", imagefilteropacitynumberload);

    [3243] => 

    [3244] =>         function imagefilteropacitynumberset()

    [3245] =>         {

    [3246] =>             const v = imagefilteropacitynumber.value;

    [3247] => 

    [3248] =>             imagefilteropacityrange.value = v;

    [3249] =>             image.filteropacity = v;

    [3250] =>         }

    [3251] => 

    [3252] =>         function imagefilteropacitynumberupdate()

    [3253] =>         {

    [3254] =>             imagefilteropacitynumberset();

    [3255] =>             svgupdate();

    [3256] =>         }

    [3257] => 

    [3258] =>         function imagefilteropacityrangeload()

    [3259] =>         {

    [3260] =>             const input = document.createElement("input");

    [3261] =>             input.id = "imagefilteropacityrange";

    [3262] =>             input.max = imagefilteropacitynumber.max;

    [3263] =>             input.min = imagefilteropacitynumber.min;

    [3264] =>             input.step = imagefilteropacitynumber.step;

    [3265] =>             input.type = "range";

    [3266] =>             input.value = imagefilteropacitynumber.value;

    [3267] =>             input.addEventListener("input", imagefilteropacityrangeupdate);

    [3268] =>             imagefilteropacity.append(input);

    [3269] => 

    [3270] =>             imagefilteropacityrangeset();

    [3271] =>         }

    [3272] =>         addEventListener("load", imagefilteropacityrangeload);

    [3273] => 

    [3274] =>         function imagefilteropacityrangeset()

    [3275] =>         {

    [3276] =>             const v = imagefilteropacityrange.value;

    [3277] => 

    [3278] =>             imagefilteropacitynumber.value = v;

    [3279] =>             image.filteropacity = v;

    [3280] =>         }

    [3281] => 

    [3282] =>         function imagefilteropacityrangeupdate()

    [3283] =>         {

    [3284] =>             imagefilteropacityrangeset();

    [3285] =>             svgupdate();

    [3286] =>         }

    [3287] => 

    [3288] =>         function imagefilteropacityexactload()

    [3289] =>         {

    [3290] =>             const br = document.createElement("br");

    [3291] =>             imagefilteropacity.append(br);

    [3292] => 

    [3293] =>             const array =

    [3294] =>             [

    [3295] =>                 ["0",0],

    [3296] =>                 ["25",25],

    [3297] =>                 ["50",50],

    [3298] =>                 ["75",75],

    [3299] =>                 ["100 (initial)",100],

    [3300] =>             ];

    [3301] => 

    [3302] =>             for(const value of array)

    [3303] =>             {

    [3304] =>                 const button = document.createElement("button");

    [3305] =>                 button.innerHTML = value[0];

    [3306] =>                 button.value = value[1];

    [3307] =>                 button.addEventListener("click", imagefilteropacityexactupdate);

    [3308] =>                 imagefilteropacity.append(button);

    [3309] =>             }

    [3310] =>         }

    [3311] =>         addEventListener("load", imagefilteropacityexactload);

    [3312] => 

    [3313] =>         function imagefilteropacityexactupdate(e)

    [3314] =>         {

    [3315] =>             imagefilteropacitynumber.value = Number(e.target.value);

    [3316] => 

    [3317] =>             imagefilteropacitynumberupdate();

    [3318] =>         }

    [3319] => 

    [3320] =>         function imagefilteropacityincrementload()

    [3321] =>         {

    [3322] =>             const br = document.createElement("br");

    [3323] =>             imagefilteropacity.append(br);

    [3324] => 

    [3325] =>             const array =

    [3326] =>             [

    [3327] =>                 ["-10",-10],

    [3328] =>                 ["-1",-1],

    [3329] =>                 ["+1",1],

    [3330] =>                 ["+10",10],

    [3331] =>             ];

    [3332] => 

    [3333] =>             for(const value of array)

    [3334] =>             {

    [3335] =>                 const button = document.createElement("button");

    [3336] =>                 button.innerHTML = value[0];

    [3337] =>                 button.value = value[1];

    [3338] =>                 button.addEventListener("click", imagefilteropacityincrementupdate);

    [3339] =>                 imagefilteropacity.append(button);

    [3340] =>             }

    [3341] =>         }

    [3342] =>         addEventListener("load", imagefilteropacityincrementload);

    [3343] => 

    [3344] =>         function imagefilteropacityincrementupdate(e)

    [3345] =>         {

    [3346] =>             const v = Number(imagefilteropacitynumber.value) + Number(e.target.value);

    [3347] => 

    [3348] =>             if((imagefilteropacitynumber.min <= v) && (v <= imagefilteropacitynumber.max))

    [3349] =>             {

    [3350] =>                 imagefilteropacitynumber.value = v;

    [3351] => 

    [3352] =>                 imagefilteropacitynumberupdate();

    [3353] =>             }

    [3354] =>         }

    [3355] => 

    [3356] => 

    [3357] => 

    [3358] =>         function imagefiltersaturateload()

    [3359] =>         {

    [3360] =>             const div = document.createElement("div");

    [3361] =>             div.id = "imagefiltersaturate";

    [3362] =>             div.innerHTML = "filter-saturate";

    [3363] =>             tabcontentimage.append(div);

    [3364] => 

    [3365] =>             const style = div.style;

    [3366] =>             style.overflowY = "hidden";

    [3367] =>             style.whiteSpace = "nowrap";

    [3368] =>         }

    [3369] =>         addEventListener("load", imagefiltersaturateload);

    [3370] => 

    [3371] =>         function imagefiltersaturatenumberload()

    [3372] =>         {

    [3373] =>             const br = document.createElement("br");

    [3374] =>             imagefiltersaturate.append(br);

    [3375] => 

    [3376] =>             const input = document.createElement("input");

    [3377] =>             input.id = "imagefiltersaturatenumber";

    [3378] =>             input.max = 1000;

    [3379] =>             input.min = 0;

    [3380] =>             input.step = 1;

    [3381] =>             input.type = "number";

    [3382] =>             input.value = 100;

    [3383] =>             input.addEventListener("input", imagefiltersaturatenumberupdate);

    [3384] =>             imagefiltersaturate.append(input);

    [3385] => 

    [3386] =>             //imagefiltersaturatenumberset();

    [3387] =>         }

    [3388] =>         addEventListener("load", imagefiltersaturatenumberload);

    [3389] => 

    [3390] =>         function imagefiltersaturatenumberset()

    [3391] =>         {

    [3392] =>             const v = imagefiltersaturatenumber.value;

    [3393] => 

    [3394] =>             imagefiltersaturaterange.value = v;

    [3395] =>             image.filtersaturate = v;

    [3396] =>         }

    [3397] => 

    [3398] =>         function imagefiltersaturatenumberupdate()

    [3399] =>         {

    [3400] =>             imagefiltersaturatenumberset();

    [3401] =>             svgupdate();

    [3402] =>         }

    [3403] => 

    [3404] =>         function imagefiltersaturaterangeload()

    [3405] =>         {

    [3406] =>             const input = document.createElement("input");

    [3407] =>             input.id = "imagefiltersaturaterange";

    [3408] =>             input.max = imagefiltersaturatenumber.max;

    [3409] =>             input.min = imagefiltersaturatenumber.min;

    [3410] =>             input.step = imagefiltersaturatenumber.step;

    [3411] =>             input.type = "range";

    [3412] =>             input.value = imagefiltersaturatenumber.value;

    [3413] =>             input.addEventListener("input", imagefiltersaturaterangeupdate);

    [3414] =>             imagefiltersaturate.append(input);

    [3415] => 

    [3416] =>             imagefiltersaturaterangeset();

    [3417] =>         }

    [3418] =>         addEventListener("load", imagefiltersaturaterangeload);

    [3419] => 

    [3420] =>         function imagefiltersaturaterangeset()

    [3421] =>         {

    [3422] =>             const v = imagefiltersaturaterange.value;

    [3423] => 

    [3424] =>             imagefiltersaturatenumber.value = v;

    [3425] =>             image.filtersaturate = v;

    [3426] =>         }

    [3427] => 

    [3428] =>         function imagefiltersaturaterangeupdate()

    [3429] =>         {

    [3430] =>             imagefiltersaturaterangeset();

    [3431] =>             svgupdate();

    [3432] =>         }

    [3433] => 

    [3434] =>         function imagefiltersaturateexactload()

    [3435] =>         {

    [3436] =>             const br = document.createElement("br");

    [3437] =>             imagefiltersaturate.append(br);

    [3438] => 

    [3439] =>             const array =

    [3440] =>             [

    [3441] =>                 ["0",0],

    [3442] =>                 ["50",50],

    [3443] =>                 ["100 (initial)",100],

    [3444] =>                 ["150",150],

    [3445] =>                 ["200",200],

    [3446] =>             ];

    [3447] => 

    [3448] =>             for(const value of array)

    [3449] =>             {

    [3450] =>                 const button = document.createElement("button");

    [3451] =>                 button.innerHTML = value[0];

    [3452] =>                 button.value = value[1];

    [3453] =>                 button.addEventListener("click", imagefiltersaturateexactupdate);

    [3454] =>                 imagefiltersaturate.append(button);

    [3455] =>             }

    [3456] =>         }

    [3457] =>         addEventListener("load", imagefiltersaturateexactload);

    [3458] => 

    [3459] =>         function imagefiltersaturateexactupdate(e)

    [3460] =>         {

    [3461] =>             imagefiltersaturatenumber.value = Number(e.target.value);

    [3462] => 

    [3463] =>             imagefiltersaturatenumberupdate();

    [3464] =>         }

    [3465] => 

    [3466] =>         function imagefiltersaturateincrementload()

    [3467] =>         {

    [3468] =>             const br = document.createElement("br");

    [3469] =>             imagefiltersaturate.append(br);

    [3470] => 

    [3471] =>             const array =

    [3472] =>             [

    [3473] =>                 ["-100",-100],

    [3474] =>                 ["-10",-10],

    [3475] =>                 ["-1",-1],

    [3476] =>                 ["+1",1],

    [3477] =>                 ["+10",10],

    [3478] =>                 ["+100",100],

    [3479] =>             ];

    [3480] => 

    [3481] =>             for(const value of array)

    [3482] =>             {

    [3483] =>                 const button = document.createElement("button");

    [3484] =>                 button.innerHTML = value[0];

    [3485] =>                 button.value = value[1];

    [3486] =>                 button.addEventListener("click", imagefiltersaturateincrementupdate);

    [3487] =>                 imagefiltersaturate.append(button);

    [3488] =>             }

    [3489] =>         }

    [3490] =>         addEventListener("load", imagefiltersaturateincrementload);

    [3491] => 

    [3492] =>         function imagefiltersaturateincrementupdate(e)

    [3493] =>         {

    [3494] =>             const v = Number(imagefiltersaturatenumber.value) + Number(e.target.value);

    [3495] => 

    [3496] =>             if((imagefiltersaturatenumber.min <= v) && (v <= imagefiltersaturatenumber.max))

    [3497] =>             {

    [3498] =>                 imagefiltersaturatenumber.value = v;

    [3499] => 

    [3500] =>                 imagefiltersaturatenumberupdate();

    [3501] =>             }

    [3502] =>         }

    [3503] => 

    [3504] => 

    [3505] => 

    [3506] =>         function imagefiltersepiaload()

    [3507] =>         {

    [3508] =>             const div = document.createElement("div");

    [3509] =>             div.id = "imagefiltersepia";

    [3510] =>             div.innerHTML = "filter-sepia";

    [3511] =>             tabcontentimage.append(div);

    [3512] => 

    [3513] =>             const style = div.style;

    [3514] =>             style.overflowY = "hidden";

    [3515] =>             style.whiteSpace = "nowrap";

    [3516] =>         }

    [3517] =>         addEventListener("load", imagefiltersepiaload);

    [3518] => 

    [3519] =>         function imagefiltersepianumberload()

    [3520] =>         {

    [3521] =>             const br = document.createElement("br");

    [3522] =>             imagefiltersepia.append(br);

    [3523] => 

    [3524] =>             const input = document.createElement("input");

    [3525] =>             input.id = "imagefiltersepianumber";

    [3526] =>             input.max = 100;

    [3527] =>             input.min = 0;

    [3528] =>             input.step = 1;

    [3529] =>             input.type = "number";

    [3530] =>             input.value = 0;

    [3531] =>             input.addEventListener("input", imagefiltersepianumberupdate);

    [3532] =>             imagefiltersepia.append(input);

    [3533] => 

    [3534] =>             //imagefiltersepianumberset();

    [3535] =>         }

    [3536] =>         addEventListener("load", imagefiltersepianumberload);

    [3537] => 

    [3538] =>         function imagefiltersepianumberset()

    [3539] =>         {

    [3540] =>             const v = imagefiltersepianumber.value;

    [3541] => 

    [3542] =>             imagefiltersepiarange.value = v;

    [3543] =>             image.filtersepia = v;

    [3544] =>         }

    [3545] => 

    [3546] =>         function imagefiltersepianumberupdate()

    [3547] =>         {

    [3548] =>             imagefiltersepianumberset();

    [3549] =>             svgupdate();

    [3550] =>         }

    [3551] => 

    [3552] =>         function imagefiltersepiarangeload()

    [3553] =>         {

    [3554] =>             const input = document.createElement("input");

    [3555] =>             input.id = "imagefiltersepiarange";

    [3556] =>             input.max = imagefiltersepianumber.max;

    [3557] =>             input.min = imagefiltersepianumber.min;

    [3558] =>             input.step = imagefiltersepianumber.step;

    [3559] =>             input.type = "range";

    [3560] =>             input.value = imagefiltersepianumber.value;

    [3561] =>             input.addEventListener("input", imagefiltersepiarangeupdate);

    [3562] =>             imagefiltersepia.append(input);

    [3563] => 

    [3564] =>             imagefiltersepiarangeset();

    [3565] =>         }

    [3566] =>         addEventListener("load", imagefiltersepiarangeload);

    [3567] => 

    [3568] =>         function imagefiltersepiarangeset()

    [3569] =>         {

    [3570] =>             const v = imagefiltersepiarange.value;

    [3571] => 

    [3572] =>             imagefiltersepianumber.value = v;

    [3573] =>             image.filtersepia = v;

    [3574] =>         }

    [3575] => 

    [3576] =>         function imagefiltersepiarangeupdate()

    [3577] =>         {

    [3578] =>             imagefiltersepiarangeset();

    [3579] =>             svgupdate();

    [3580] =>         }

    [3581] => 

    [3582] =>         function imagefiltersepiaexactload()

    [3583] =>         {

    [3584] =>             const br = document.createElement("br");

    [3585] =>             imagefiltersepia.append(br);

    [3586] => 

    [3587] =>             const array =

    [3588] =>             [

    [3589] =>                 ["0",0],

    [3590] =>                 ["25",25],

    [3591] =>                 ["50",50],

    [3592] =>                 ["75",75],

    [3593] =>                 ["100",100],

    [3594] =>             ];

    [3595] => 

    [3596] =>             for(const value of array)

    [3597] =>             {

    [3598] =>                 const button = document.createElement("button");

    [3599] =>                 button.innerHTML = value[0];

    [3600] =>                 button.value = value[1];

    [3601] =>                 button.addEventListener("click", imagefiltersepiaexactupdate);

    [3602] =>                 imagefiltersepia.append(button);

    [3603] =>             }

    [3604] =>         }

    [3605] =>         addEventListener("load", imagefiltersepiaexactload);

    [3606] => 

    [3607] =>         function imagefiltersepiaexactupdate(e)

    [3608] =>         {

    [3609] =>             imagefiltersepianumber.value = Number(e.target.value);

    [3610] => 

    [3611] =>             imagefiltersepianumberupdate();

    [3612] =>         }

    [3613] => 

    [3614] =>         function imagefiltersepiaincrementload()

    [3615] =>         {

    [3616] =>             const br = document.createElement("br");

    [3617] =>             imagefiltersepia.append(br);

    [3618] => 

    [3619] =>             const array =

    [3620] =>             [

    [3621] =>                 ["-10",-10],

    [3622] =>                 ["-1",-1],

    [3623] =>                 ["+1",1],

    [3624] =>                 ["+10",10],

    [3625] =>             ];

    [3626] => 

    [3627] =>             for(const value of array)

    [3628] =>             {

    [3629] =>                 const button = document.createElement("button");

    [3630] =>                 button.innerHTML = value[0];

    [3631] =>                 button.value = value[1];

    [3632] =>                 button.addEventListener("click", imagefiltersepiaincrementupdate);

    [3633] =>                 imagefiltersepia.append(button);

    [3634] =>             }

    [3635] =>         }

    [3636] =>         addEventListener("load", imagefiltersepiaincrementload);

    [3637] => 

    [3638] =>         function imagefiltersepiaincrementupdate(e)

    [3639] =>         {

    [3640] =>             const v = Number(imagefiltersepianumber.value) + Number(e.target.value);

    [3641] => 

    [3642] =>             if((imagefiltersepianumber.min <= v) && (v <= imagefiltersepianumber.max))

    [3643] =>             {

    [3644] =>                 imagefiltersepianumber.value = v;

    [3645] => 

    [3646] =>                 imagefiltersepianumberupdate();

    [3647] =>             }

    [3648] =>         }

    [3649] => 

    [3650] => 

    [3651] => 

    [3652] => /*

    [3653] =>         function imagemargintopload()

    [3654] =>         {

    [3655] =>             const div = document.createElement("div");

    [3656] =>             div.id = "imagemargintop";

    [3657] =>             div.innerHTML = "margin-top";

    [3658] =>             tabcontentimage.append(div);

    [3659] =>         }

    [3660] =>         addEventListener("load", imagemargintopload);

    [3661] => 

    [3662] =>         function imagemargintopnumberload()

    [3663] =>         {

    [3664] =>             const br = document.createElement("br");

    [3665] =>             imagemargintop.append(br);

    [3666] => 

    [3667] =>             const input = document.createElement("input");

    [3668] =>             input.id = "imagemargintopnumber";

    [3669] =>             input.max = 1000;

    [3670] =>             input.min = 0;

    [3671] =>             input.type = "number";

    [3672] =>             input.value = 0;

    [3673] =>             input.addEventListener("input", imagemargintopnumberupdate);

    [3674] =>             imagemargintop.append(input);

    [3675] => 

    [3676] =>             //imagemargintopnumberset();

    [3677] =>         }

    [3678] =>         addEventListener("load", imagemargintopnumberload);

    [3679] => 

    [3680] =>         function imagemargintopnumberset()

    [3681] =>         {

    [3682] =>             const v = Number(imagemargintopnumber.value);

    [3683] => 

    [3684] =>             imagemargintoprange.value = v;

    [3685] =>             image.margintop = v;

    [3686] =>         }

    [3687] => 

    [3688] =>         function imagemargintopnumberupdate()

    [3689] =>         {

    [3690] =>             imagemargintopnumberset();

    [3691] => 

    [3692] =>             svgupdate();

    [3693] =>         }

    [3694] => 

    [3695] =>         function imagemargintoprangeload()

    [3696] =>         {

    [3697] =>             const input = document.createElement("input");

    [3698] =>             input.id = "imagemargintoprange";

    [3699] =>             input.max = imagemargintopnumber.max;

    [3700] =>             input.min = imagemargintopnumber.min;

    [3701] =>             input.type = "range";

    [3702] =>             input.value = imagemargintopnumber.value;

    [3703] =>             input.addEventListener("input", imagemargintoprangeupdate);

    [3704] =>             imagemargintop.append(input);

    [3705] => 

    [3706] =>             imagemargintoprangeset();

    [3707] =>         }

    [3708] =>         addEventListener("load", imagemargintoprangeload);

    [3709] => 

    [3710] =>         function imagemargintoprangeset()

    [3711] =>         {

    [3712] =>             const v = Number(imagemargintoprange.value);

    [3713] => 

    [3714] =>             imagemargintopnumber.value = v;

    [3715] =>             image.margintop = v;

    [3716] =>         }

    [3717] => 

    [3718] =>         function imagemargintoprangeupdate()

    [3719] =>         {

    [3720] =>             imagemargintoprangeset();

    [3721] => 

    [3722] =>             svgupdate();

    [3723] =>         }

    [3724] => 

    [3725] => 

    [3726] => 

    [3727] =>         function imagemarginbottomload()

    [3728] =>         {

    [3729] =>             const div = document.createElement("div");

    [3730] =>             div.id = "imagemarginbottom";

    [3731] =>             div.innerHTML = "margin-bottom";

    [3732] =>             tabcontentimage.append(div);

    [3733] =>         }

    [3734] =>         addEventListener("load", imagemarginbottomload);

    [3735] => 

    [3736] =>         function imagemarginbottomnumberload()

    [3737] =>         {

    [3738] =>             const br = document.createElement("br");

    [3739] =>             imagemarginbottom.append(br);

    [3740] => 

    [3741] =>             const input = document.createElement("input");

    [3742] =>             input.id = "imagemarginbottomnumber";

    [3743] =>             input.max = 1000;

    [3744] =>             input.min = 0;

    [3745] =>             input.type = "number";

    [3746] =>             input.value = 0;

    [3747] =>             input.addEventListener("input", imagemarginbottomnumberupdate);

    [3748] =>             imagemarginbottom.append(input);

    [3749] => 

    [3750] =>             //imagemarginbottomnumberset();

    [3751] =>         }

    [3752] =>         addEventListener("load", imagemarginbottomnumberload);

    [3753] => 

    [3754] =>         function imagemarginbottomnumberset()

    [3755] =>         {

    [3756] =>             const v = Number(imagemarginbottomnumber.value);

    [3757] => 

    [3758] =>             imagemarginbottomrange.value = v;

    [3759] =>             image.marginbottom = v;

    [3760] =>         }

    [3761] => 

    [3762] =>         function imagemarginbottomnumberupdate()

    [3763] =>         {

    [3764] =>             imagemarginbottomnumberset();

    [3765] => 

    [3766] =>             svgupdate();

    [3767] =>         }

    [3768] => 

    [3769] =>         function imagemarginbottomrangeload()

    [3770] =>         {

    [3771] =>             const input = document.createElement("input");

    [3772] =>             input.id = "imagemarginbottomrange";

    [3773] =>             input.max = imagemarginbottomnumber.max;

    [3774] =>             input.min = imagemarginbottomnumber.min;

    [3775] =>             input.type = "range";

    [3776] =>             input.value = imagemarginbottomnumber.value;

    [3777] =>             input.addEventListener("input", imagemarginbottomrangeupdate);

    [3778] =>             imagemarginbottom.append(input);

    [3779] => 

    [3780] =>             imagemarginbottomrangeset();

    [3781] =>         }

    [3782] =>         addEventListener("load", imagemarginbottomrangeload);

    [3783] => 

    [3784] =>         function imagemarginbottomrangeset()

    [3785] =>         {

    [3786] =>             const v = Number(imagemarginbottomrange.value);

    [3787] => 

    [3788] =>             imagemarginbottomnumber.value = v;

    [3789] =>             image.marginbottom = v;

    [3790] =>         }

    [3791] => 

    [3792] =>         function imagemarginbottomrangeupdate()

    [3793] =>         {

    [3794] =>             imagemarginbottomrangeset();

    [3795] => 

    [3796] =>             svgupdate();

    [3797] =>         }

    [3798] => 

    [3799] => 

    [3800] => 

    [3801] =>         function imagemarginleftload()

    [3802] =>         {

    [3803] =>             const div = document.createElement("div");

    [3804] =>             div.id = "imagemarginleft";

    [3805] =>             div.innerHTML = "margin-left";

    [3806] =>             tabcontentimage.append(div);

    [3807] =>         }

    [3808] =>         addEventListener("load", imagemarginleftload);

    [3809] => 

    [3810] =>         function imagemarginleftnumberload()

    [3811] =>         {

    [3812] =>             const br = document.createElement("br");

    [3813] =>             imagemarginleft.append(br);

    [3814] => 

    [3815] =>             const input = document.createElement("input");

    [3816] =>             input.id = "imagemarginleftnumber";

    [3817] =>             input.max = 1000;

    [3818] =>             input.min = 0;

    [3819] =>             input.type = "number";

    [3820] =>             input.value = 0;

    [3821] =>             input.addEventListener("input", imagemarginleftnumberupdate);

    [3822] =>             imagemarginleft.append(input);

    [3823] => 

    [3824] =>             //imagemarginleftnumberset();

    [3825] =>         }

    [3826] =>         addEventListener("load", imagemarginleftnumberload);

    [3827] => 

    [3828] =>         function imagemarginleftnumberset()

    [3829] =>         {

    [3830] =>             const v = Number(imagemarginleftnumber.value);

    [3831] => 

    [3832] =>             imagemarginleftrange.value = v;

    [3833] =>             image.marginleft = v;

    [3834] =>         }

    [3835] => 

    [3836] =>         function imagemarginleftnumberupdate()

    [3837] =>         {

    [3838] =>             imagemarginleftnumberset();

    [3839] => 

    [3840] =>             svgupdate();

    [3841] =>         }

    [3842] => 

    [3843] =>         function imagemarginleftrangeload()

    [3844] =>         {

    [3845] =>             const input = document.createElement("input");

    [3846] =>             input.id = "imagemarginleftrange";

    [3847] =>             input.max = imagemarginleftnumber.max;

    [3848] =>             input.min = imagemarginleftnumber.min;

    [3849] =>             input.type = "range";

    [3850] =>             input.value = imagemarginleftnumber.value;

    [3851] =>             input.addEventListener("input", imagemarginleftrangeupdate);

    [3852] =>             imagemarginleft.append(input);

    [3853] => 

    [3854] =>             imagemarginleftrangeset();

    [3855] =>         }

    [3856] =>         addEventListener("load", imagemarginleftrangeload);

    [3857] => 

    [3858] =>         function imagemarginleftrangeset()

    [3859] =>         {

    [3860] =>             const v = Number(imagemarginleftrange.value);

    [3861] => 

    [3862] =>             imagemarginleftnumber.value = v;

    [3863] =>             image.marginleft = v;

    [3864] =>         }

    [3865] => 

    [3866] =>         function imagemarginleftrangeupdate()

    [3867] =>         {

    [3868] =>             imagemarginleftrangeset();

    [3869] => 

    [3870] =>             svgupdate();

    [3871] =>         }

    [3872] => 

    [3873] => 

    [3874] => 

    [3875] =>         function imagemarginrightload()

    [3876] =>         {

    [3877] =>             const div = document.createElement("div");

    [3878] =>             div.id = "imagemarginright";

    [3879] =>             div.innerHTML = "margin-right";

    [3880] =>             tabcontentimage.append(div);

    [3881] =>         }

    [3882] =>         addEventListener("load", imagemarginrightload);

    [3883] => 

    [3884] =>         function imagemarginrightnumberload()

    [3885] =>         {

    [3886] =>             const br = document.createElement("br");

    [3887] =>             imagemarginright.append(br);

    [3888] => 

    [3889] =>             const input = document.createElement("input");

    [3890] =>             input.id = "imagemarginrightnumber";

    [3891] =>             input.max = 1000;

    [3892] =>             input.min = 0;

    [3893] =>             input.type = "number";

    [3894] =>             input.value = 0;

    [3895] =>             input.addEventListener("input", imagemarginrightnumberupdate);

    [3896] =>             imagemarginright.append(input);

    [3897] => 

    [3898] =>             //imagemarginrightnumberset();

    [3899] =>         }

    [3900] =>         addEventListener("load", imagemarginrightnumberload);

    [3901] => 

    [3902] =>         function imagemarginrightnumberset()

    [3903] =>         {

    [3904] =>             const v = Number(imagemarginrightnumber.value);

    [3905] => 

    [3906] =>             imagemarginrightrange.value = v;

    [3907] =>             image.marginright = v;

    [3908] =>         }

    [3909] => 

    [3910] =>         function imagemarginrightnumberupdate()

    [3911] =>         {

    [3912] =>             imagemarginrightnumberset();

    [3913] => 

    [3914] =>             svgupdate();

    [3915] =>         }

    [3916] => 

    [3917] =>         function imagemarginrightrangeload()

    [3918] =>         {

    [3919] =>             const input = document.createElement("input");

    [3920] =>             input.id = "imagemarginrightrange";

    [3921] =>             input.max = imagemarginrightnumber.max;

    [3922] =>             input.min = imagemarginrightnumber.min;

    [3923] =>             input.type = "range";

    [3924] =>             input.value = imagemarginrightnumber.value;

    [3925] => 

    [3926] =>             input.addEventListener("input", imagemarginrightrangeupdate);

    [3927] =>             imagemarginright.append(input);

    [3928] => 

    [3929] =>             imagemarginrightrangeset();

    [3930] =>         }

    [3931] =>         addEventListener("load", imagemarginrightrangeload);

    [3932] => 

    [3933] =>         function imagemarginrightrangeset()

    [3934] =>         {

    [3935] =>             const v = Number(imagemarginrightrange.value);

    [3936] => 

    [3937] =>             imagemarginrightnumber.value = v;

    [3938] =>             image.marginright = v;

    [3939] =>         }

    [3940] => 

    [3941] =>         function imagemarginrightrangeupdate()

    [3942] =>         {

    [3943] =>             imagemarginrightrangeset();

    [3944] => 

    [3945] =>             svgupdate();

    [3946] =>         }

    [3947] => 

    [3948] => 

    [3949] => 

    [3950] =>         function imagepaddingtopload()

    [3951] =>         {

    [3952] =>             const div = document.createElement("div");

    [3953] =>             div.id = "imagepaddingtop";

    [3954] =>             div.innerHTML = "padding-top";

    [3955] =>             tabcontentimage.append(div);

    [3956] =>         }

    [3957] =>         addEventListener("load", imagepaddingtopload);

    [3958] => 

    [3959] =>         function imagepaddingtopnumberload()

    [3960] =>         {

    [3961] =>             const br = document.createElement("br");

    [3962] =>             imagepaddingtop.append(br);

    [3963] => 

    [3964] =>             const input = document.createElement("input");

    [3965] =>             input.id = "imagepaddingtopnumber";

    [3966] =>             input.max = 1000;

    [3967] =>             input.min = 0;

    [3968] =>             input.type = "number";

    [3969] =>             input.value = 0;

    [3970] =>             input.addEventListener("input", imagepaddingtopnumberupdate);

    [3971] =>             imagepaddingtop.append(input);

    [3972] => 

    [3973] =>             //imagepaddingtopnumberset();

    [3974] =>         }

    [3975] =>         addEventListener("load", imagepaddingtopnumberload);

    [3976] => 

    [3977] =>         function imagepaddingtopnumberset()

    [3978] =>         {

    [3979] =>             const v = Number(imagepaddingtopnumber.value);

    [3980] => 

    [3981] =>             imagepaddingtoprange.value = v;

    [3982] =>             image.paddingtop = v;

    [3983] =>         }

    [3984] => 

    [3985] =>         function imagepaddingtopnumberupdate()

    [3986] =>         {

    [3987] =>             imagepaddingtopnumberset();

    [3988] => 

    [3989] =>             svgupdate();

    [3990] =>         }

    [3991] => 

    [3992] =>         function imagepaddingtoprangeload()

    [3993] =>         {

    [3994] =>             const input = document.createElement("input");

    [3995] =>             input.id = "imagepaddingtoprange";

    [3996] =>             input.max = imagepaddingtopnumber.max;

    [3997] =>             input.min = imagepaddingtopnumber.min;

    [3998] =>             input.type = "range";

    [3999] =>             input.value = imagepaddingtopnumber.value;

    [4000] =>             input.addEventListener("input", imagepaddingtoprangeupdate);

    [4001] =>             imagepaddingtop.append(input);

    [4002] => 

    [4003] =>             imagepaddingtoprangeset();

    [4004] =>         }

    [4005] =>         addEventListener("load", imagepaddingtoprangeload);

    [4006] => 

    [4007] =>         function imagepaddingtoprangeset()

    [4008] =>         {

    [4009] =>             const v = Number(imagepaddingtoprange.value);

    [4010] => 

    [4011] =>             imagepaddingtopnumber.value = v;

    [4012] =>             image.paddingtop = v;

    [4013] =>         }

    [4014] => 

    [4015] =>         function imagepaddingtoprangeupdate()

    [4016] =>         {

    [4017] =>             imagepaddingtoprangeset();

    [4018] => 

    [4019] =>             svgupdate();

    [4020] =>         }

    [4021] => 

    [4022] => 

    [4023] => 

    [4024] =>         function imagepaddingbottomload()

    [4025] =>         {

    [4026] =>             const div = document.createElement("div");

    [4027] =>             div.id = "imagepaddingbottom";

    [4028] =>             div.innerHTML = "padding-bottom";

    [4029] =>             tabcontentimage.append(div);

    [4030] =>         }

    [4031] =>         addEventListener("load", imagepaddingbottomload);

    [4032] => 

    [4033] =>         function imagepaddingbottomnumberload()

    [4034] =>         {

    [4035] =>             const br = document.createElement("br");

    [4036] =>             imagepaddingbottom.append(br);

    [4037] => 

    [4038] =>             const input = document.createElement("input");

    [4039] =>             input.id = "imagepaddingbottomnumber";

    [4040] =>             input.max = 1000;

    [4041] =>             input.min = 0;

    [4042] =>             input.type = "number";

    [4043] =>             input.value = 0;

    [4044] =>             input.addEventListener("input", imagepaddingbottomnumberupdate);

    [4045] =>             imagepaddingbottom.append(input);

    [4046] => 

    [4047] =>             //imagepaddingbottomnumberset();

    [4048] =>         }

    [4049] =>         addEventListener("load", imagepaddingbottomnumberload);

    [4050] => 

    [4051] =>         function imagepaddingbottomnumberset()

    [4052] =>         {

    [4053] =>             const v = Number(imagepaddingbottomnumber.value);

    [4054] => 

    [4055] =>             imagepaddingbottomrange.value = v;

    [4056] =>             image.paddingbottom = v;

    [4057] =>         }

    [4058] => 

    [4059] =>         function imagepaddingbottomnumberupdate()

    [4060] =>         {

    [4061] =>             imagepaddingbottomnumberset();

    [4062] => 

    [4063] =>             svgupdate();

    [4064] =>         }

    [4065] => 

    [4066] =>         function imagepaddingbottomrangeload()

    [4067] =>         {

    [4068] =>             const input = document.createElement("input");

    [4069] =>             input.id = "imagepaddingbottomrange";

    [4070] =>             input.max = imagepaddingbottomnumber.max;

    [4071] =>             input.min = imagepaddingbottomnumber.min;

    [4072] =>             input.type = "range";

    [4073] =>             input.value = imagepaddingbottomnumber.value;

    [4074] =>             input.addEventListener("input", imagepaddingbottomrangeupdate);

    [4075] =>             imagepaddingbottom.append(input);

    [4076] => 

    [4077] =>             imagepaddingbottomrangeset();

    [4078] =>         }

    [4079] =>         addEventListener("load", imagepaddingbottomrangeload);

    [4080] => 

    [4081] =>         function imagepaddingbottomrangeset()

    [4082] =>         {

    [4083] =>             const v = Number(imagepaddingbottomrange.value);

    [4084] => 

    [4085] =>             imagepaddingbottomnumber.value = v;

    [4086] =>             image.paddingbottom = v;

    [4087] =>         }

    [4088] => 

    [4089] =>         function imagepaddingbottomrangeupdate()

    [4090] =>         {

    [4091] =>             imagepaddingbottomrangeset();

    [4092] => 

    [4093] =>             svgupdate();

    [4094] =>         }

    [4095] => 

    [4096] => 

    [4097] => 

    [4098] =>         function imagepaddingleftload()

    [4099] =>         {

    [4100] =>             const div = document.createElement("div");

    [4101] =>             div.id = "imagepaddingleft";

    [4102] =>             div.innerHTML = "padding-left";

    [4103] =>             tabcontentimage.append(div);

    [4104] =>         }

    [4105] =>         addEventListener("load", imagepaddingleftload);

    [4106] => 

    [4107] =>         function imagepaddingleftnumberload()

    [4108] =>         {

    [4109] =>             const br = document.createElement("br");

    [4110] =>             imagepaddingleft.append(br);

    [4111] => 

    [4112] =>             const input = document.createElement("input");

    [4113] =>             input.id = "imagepaddingleftnumber";

    [4114] =>             input.max = 1000;

    [4115] =>             input.min = 0;

    [4116] =>             input.type = "number";

    [4117] =>             input.value = 0;

    [4118] =>             input.addEventListener("input", imagepaddingleftnumberupdate);

    [4119] =>             imagepaddingleft.append(input);

    [4120] => 

    [4121] =>             //imagepaddingleftnumberset();

    [4122] =>         }

    [4123] =>         addEventListener("load", imagepaddingleftnumberload);

    [4124] => 

    [4125] =>         function imagepaddingleftnumberset()

    [4126] =>         {

    [4127] =>             const v = Number(imagepaddingleftnumber.value);

    [4128] => 

    [4129] =>             imagepaddingleftrange.value = v;

    [4130] =>             image.paddingleft = v;

    [4131] =>         }

    [4132] => 

    [4133] =>         function imagepaddingleftnumberupdate()

    [4134] =>         {

    [4135] =>             imagepaddingleftnumberset();

    [4136] => 

    [4137] =>             svgupdate();

    [4138] =>         }

    [4139] => 

    [4140] =>         function imagepaddingleftrangeload()

    [4141] =>         {

    [4142] =>             const input = document.createElement("input");

    [4143] =>             input.id = "imagepaddingleftrange";

    [4144] =>             input.max = imagepaddingleftnumber.max;

    [4145] =>             input.min = imagepaddingleftnumber.min;

    [4146] =>             input.type = "range";

    [4147] =>             input.value = imagepaddingleftnumber.value;

    [4148] =>             input.addEventListener("input", imagepaddingleftrangeupdate);

    [4149] =>             imagepaddingleft.append(input);

    [4150] => 

    [4151] =>             imagepaddingleftrangeset();

    [4152] =>         }

    [4153] =>         addEventListener("load", imagepaddingleftrangeload);

    [4154] => 

    [4155] =>         function imagepaddingleftrangeset()

    [4156] =>         {

    [4157] =>             const v = Number(imagepaddingleftrange.value);

    [4158] => 

    [4159] =>             imagepaddingleftnumber.value = v;

    [4160] =>             image.paddingleft = v;

    [4161] =>         }

    [4162] => 

    [4163] =>         function imagepaddingleftrangeupdate()

    [4164] =>         {

    [4165] =>             imagepaddingleftrangeset();

    [4166] => 

    [4167] =>             svgupdate();

    [4168] =>         }

    [4169] => 

    [4170] => 

    [4171] => 

    [4172] =>         function imagepaddingrightload()

    [4173] =>         {

    [4174] =>             const div = document.createElement("div");

    [4175] =>             div.id = "imagepaddingright";

    [4176] =>             div.innerHTML = "padding-right";

    [4177] =>             tabcontentimage.append(div);

    [4178] =>         }

    [4179] =>         addEventListener("load", imagepaddingrightload);

    [4180] => 

    [4181] =>         function imagepaddingrightnumberload()

    [4182] =>         {

    [4183] =>             const br = document.createElement("br");

    [4184] =>             imagepaddingright.append(br);

    [4185] => 

    [4186] =>             const input = document.createElement("input");

    [4187] =>             input.id = "imagepaddingrightnumber";

    [4188] =>             input.max = 1000;

    [4189] =>             input.min = 0;

    [4190] =>             input.type = "number";

    [4191] =>             input.value = 0;

    [4192] =>             input.addEventListener("input", imagepaddingrightnumberupdate);

    [4193] =>             imagepaddingright.append(input);

    [4194] => 

    [4195] =>             //imagepaddingrightnumberset();

    [4196] =>         }

    [4197] =>         addEventListener("load", imagepaddingrightnumberload);

    [4198] => 

    [4199] =>         function imagepaddingrightnumberset()

    [4200] =>         {

    [4201] =>             const v = Number(imagepaddingrightnumber.value);

    [4202] => 

    [4203] =>             imagepaddingrightrange.value = v;

    [4204] =>             image.paddingright = v;

    [4205] =>         }

    [4206] => 

    [4207] =>         function imagepaddingrightnumberupdate()

    [4208] =>         {

    [4209] =>             imagepaddingrightnumberset();

    [4210] => 

    [4211] =>             svgupdate();

    [4212] =>         }

    [4213] => 

    [4214] =>         function imagepaddingrightrangeload()

    [4215] =>         {

    [4216] =>             const input = document.createElement("input");

    [4217] =>             input.id = "imagepaddingrightrange";

    [4218] =>             input.max = imagepaddingrightnumber.max;

    [4219] =>             input.min = imagepaddingrightnumber.min;

    [4220] =>             input.type = "range";

    [4221] =>             input.value = imagepaddingrightnumber.value;

    [4222] =>             input.addEventListener("input", imagepaddingrightrangeupdate);

    [4223] =>             imagepaddingright.append(input);

    [4224] => 

    [4225] =>             imagepaddingrightrangeset();

    [4226] =>         }

    [4227] =>         addEventListener("load", imagepaddingrightrangeload);

    [4228] => 

    [4229] =>         function imagepaddingrightrangeset()

    [4230] =>         {

    [4231] =>             const v = Number(imagepaddingrightrange.value);

    [4232] => 

    [4233] =>             imagepaddingrightnumber.value = v;

    [4234] =>             image.paddingright = v;

    [4235] =>         }

    [4236] => 

    [4237] =>         function imagepaddingrightrangeupdate()

    [4238] =>         {

    [4239] =>             imagepaddingrightrangeset();

    [4240] => 

    [4241] =>             svgupdate();

    [4242] =>         }

    [4243] => //*/

    [4244] => 

    [4245] => 

    [4246] => 

    [4247] => 

    [4248] => 

    [4249] => 

    [4250] =>         function messagetextload()

    [4251] =>         {

    [4252] =>             const div = document.createElement("div");

    [4253] =>             div.id = "messagetext";

    [4254] =>             div.innerHTML = "text";

    [4255] =>             tabcontentmessage.append(div);

    [4256] =>         }

    [4257] =>         addEventListener("load", messagetextload);

    [4258] => 

    [4259] =>         function messagetexttextareaload()

    [4260] =>         {

    [4261] =>             const br = document.createElement("br");

    [4262] =>             messagetext.append(br);

    [4263] => 

    [4264] =>             const textarea = document.createElement("textarea");

    [4265] =>             textarea.id = "messagetexttextarea";

    [4266] =>             textarea.addEventListener("input", messagetexttextareaupdate);

    [4267] =>             messagetext.append(textarea);

    [4268] => 

    [4269] =>             textarea.value = "Jesus loves you!";

    [4270] => 

    [4271] =>             messagetexttextareaset();

    [4272] =>         }

    [4273] =>         addEventListener("load", messagetexttextareaload);

    [4274] => 

    [4275] =>         function messagetexttextareaset()

    [4276] =>         {

    [4277] =>             text.messagetext = messagetexttextarea.value;

    [4278] =>         }

    [4279] => 

    [4280] =>         function messagetexttextareaupdate()

    [4281] =>         {

    [4282] =>             messagetexttextareaset();

    [4283] =>             svgupdate();

    [4284] =>         }

    [4285] => 

    [4286] => 

    [4287] => 

    [4288] =>         function messagewidthload()

    [4289] =>         {

    [4290] =>             const div = document.createElement("div");

    [4291] =>             div.id = "messagewidth";

    [4292] =>             div.innerHTML = "width";

    [4293] =>             tabcontentmessage.append(div);

    [4294] => 

    [4295] =>             const style = div.style;

    [4296] =>             style.overflowY = "hidden";

    [4297] =>             style.whiteSpace = "nowrap";

    [4298] =>         }

    [4299] =>         addEventListener("load", messagewidthload);

    [4300] => 

    [4301] =>         function messagewidthnumberload()

    [4302] =>         {

    [4303] =>             const br = document.createElement("br");

    [4304] =>             messagewidth.append(br);

    [4305] => 

    [4306] =>             const input = document.createElement("input");

    [4307] =>             input.id = "messagewidthnumber";

    [4308] =>             input.max = maxwidth;

    [4309] =>             input.min = 0;

    [4310] =>             input.type = "number";

    [4311] =>             input.value = canvas.width - 100;

    [4312] =>             input.addEventListener("input", messagewidthnumberupdate);

    [4313] =>             messagewidth.append(input);

    [4314] => 

    [4315] =>             //messagewidthnumberset();

    [4316] =>         }

    [4317] =>         addEventListener("load", messagewidthnumberload);

    [4318] => 

    [4319] =>         function messagewidthnumberset()

    [4320] =>         {

    [4321] =>             const v = Number(messagewidthnumber.value);

    [4322] => 

    [4323] =>             messagewidthrange.value = v;

    [4324] =>             text.messagewidth = v;

    [4325] =>         }

    [4326] => 

    [4327] =>         function messagewidthnumberupdate()

    [4328] =>         {

    [4329] =>             messagewidthnumberset();

    [4330] =>             svgupdate();

    [4331] =>         }

    [4332] => 

    [4333] =>         function messagewidthrangeload()

    [4334] =>         {

    [4335] =>             const input = document.createElement("input");

    [4336] =>             input.id = "messagewidthrange";

    [4337] =>             input.max = messagewidthnumber.max;

    [4338] =>             input.min = messagewidthnumber.min;

    [4339] =>             input.type = "range";

    [4340] =>             input.value = messagewidthnumber.value;

    [4341] =>             input.addEventListener("input", messagewidthrangeupdate);

    [4342] =>             messagewidth.append(input);

    [4343] => 

    [4344] =>             messagewidthrangeset();

    [4345] =>         }

    [4346] =>         addEventListener("load", messagewidthrangeload);

    [4347] => 

    [4348] =>         function messagewidthrangeset()

    [4349] =>         {

    [4350] =>             const v = Number(messagewidthrange.value);

    [4351] => 

    [4352] =>             messagewidthnumber.value = v;

    [4353] =>             text.messagewidth = v;

    [4354] =>         }

    [4355] => 

    [4356] =>         function messagewidthrangeupdate()

    [4357] =>         {

    [4358] =>             messagewidthrangeset();

    [4359] =>             svgupdate();

    [4360] =>         }

    [4361] => 

    [4362] =>         function messagewidthexactload()

    [4363] =>         {

    [4364] =>             const br = document.createElement("br");

    [4365] =>             messagewidth.append(br);

    [4366] => 

    [4367] =>             const array =

    [4368] =>             [

    [4369] =>                 ["25%",0.25],

    [4370] =>                 ["50%",0.5],

    [4371] =>                 ["75%",0.75],

    [4372] =>                 ["100%",1],

    [4373] =>             ];

    [4374] => 

    [4375] =>             for(const value of array)

    [4376] =>             {

    [4377] =>                 const button = document.createElement("button");

    [4378] =>                 button.innerHTML = value[0];

    [4379] =>                 button.value = value[1];

    [4380] =>                 button.addEventListener("click", messagewidthexactupdate);

    [4381] =>                 messagewidth.append(button);

    [4382] =>             }

    [4383] =>         }

    [4384] =>         addEventListener("load", messagewidthexactload);

    [4385] => 

    [4386] =>         function messagewidthexactupdate(e)

    [4387] =>         {

    [4388] =>             messagewidthnumber.value = canvas.width * Number(e.target.value);

    [4389] => 

    [4390] =>             messagewidthnumberupdate();

    [4391] =>         }

    [4392] => 

    [4393] =>         function messagewidthincrementload()

    [4394] =>         {

    [4395] =>             const br = document.createElement("br");

    [4396] =>             messagewidth.append(br);

    [4397] => 

    [4398] =>             const array =

    [4399] =>             [

    [4400] =>                 ["-1000",-1000],

    [4401] =>                 ["-100",-100],

    [4402] =>                 ["-10",-10],

    [4403] =>                 ["-1",-1],

    [4404] =>                 ["+1",1],

    [4405] =>                 ["+10",10],

    [4406] =>                 ["+100",100],

    [4407] =>                 ["+1000",1000],

    [4408] =>             ];

    [4409] => 

    [4410] =>             for(const value of array)

    [4411] =>             {

    [4412] =>                 const button = document.createElement("button");

    [4413] =>                 button.innerHTML = value[0];

    [4414] =>                 button.value = value[1];

    [4415] =>                 button.addEventListener("click", messagewidthincrementupdate);

    [4416] =>                 messagewidth.append(button);

    [4417] =>             }

    [4418] =>         }

    [4419] =>         addEventListener("load", messagewidthincrementload);

    [4420] => 

    [4421] =>         function messagewidthincrementupdate(e)

    [4422] =>         {

    [4423] =>             const v = Number(messagewidthnumber.value) + Number(e.target.value);

    [4424] => 

    [4425] =>             if((messagewidthnumber.min <= v) && (v <= messagewidthnumber.max))

    [4426] =>             {

    [4427] =>                 messagewidthnumber.value = v;

    [4428] => 

    [4429] =>                 messagewidthnumberupdate();

    [4430] =>             }

    [4431] =>         }

    [4432] => 

    [4433] => 

    [4434] => 

    [4435] =>         function messageheightload()

    [4436] =>         {

    [4437] =>             const div = document.createElement("div");

    [4438] =>             div.id = "messageheight";

    [4439] =>             div.innerHTML = "height";

    [4440] =>             tabcontentmessage.append(div);

    [4441] => 

    [4442] =>             const style = div.style;

    [4443] =>             style.overflowY = "hidden";

    [4444] =>             style.whiteSpace = "nowrap";

    [4445] =>         }

    [4446] =>         addEventListener("load", messageheightload);

    [4447] => 

    [4448] =>         function messageheightnumberload()

    [4449] =>         {

    [4450] =>             const br = document.createElement("br");

    [4451] =>             messageheight.append(br);

    [4452] => 

    [4453] =>             const input = document.createElement("input");

    [4454] =>             input.id = "messageheightnumber";

    [4455] =>             input.max = maxheight;

    [4456] =>             input.min = 0;

    [4457] =>             input.type = "number";

    [4458] =>             input.value = 300;

    [4459] =>             input.addEventListener("input", messageheightnumberupdate);

    [4460] =>             messageheight.append(input);

    [4461] => 

    [4462] =>             //messageheightnumberset();

    [4463] =>         }

    [4464] =>         addEventListener("load", messageheightnumberload);

    [4465] => 

    [4466] =>         function messageheightnumberset()

    [4467] =>         {

    [4468] =>             const v = Number(messageheightnumber.value);

    [4469] => 

    [4470] =>             messageheightrange.value = v;

    [4471] =>             text.messageheight = v;

    [4472] =>         }

    [4473] => 

    [4474] =>         function messageheightnumberupdate()

    [4475] =>         {

    [4476] =>             messageheightnumberset();

    [4477] =>             svgupdate();

    [4478] =>         }

    [4479] => 

    [4480] =>         function messageheightrangeload()

    [4481] =>         {

    [4482] =>             const input = document.createElement("input");

    [4483] =>             input.id = "messageheightrange";

    [4484] =>             input.max = messageheightnumber.max;

    [4485] =>             input.min = messageheightnumber.min;

    [4486] =>             input.type = "range";

    [4487] =>             input.value = messageheightnumber.value;

    [4488] =>             input.addEventListener("input", messageheightrangeupdate);

    [4489] =>             messageheight.append(input);

    [4490] => 

    [4491] =>             messageheightrangeset();

    [4492] =>         }

    [4493] =>         addEventListener("load", messageheightrangeload);

    [4494] => 

    [4495] =>         function messageheightrangeset()

    [4496] =>         {

    [4497] =>             const v = Number(messageheightrange.value);

    [4498] => 

    [4499] =>             messageheightnumber.value = v;

    [4500] =>             text.messageheight = v;

    [4501] =>         }

    [4502] => 

    [4503] =>         function messageheightrangeupdate()

    [4504] =>         {

    [4505] =>             messageheightrangeset();

    [4506] =>             svgupdate();

    [4507] =>         }

    [4508] => 

    [4509] =>         function messageheightexactload()

    [4510] =>         {

    [4511] =>             const br = document.createElement("br");

    [4512] =>             messageheight.append(br);

    [4513] => 

    [4514] =>             const array =

    [4515] =>             [

    [4516] =>                 ["25%",0.25],

    [4517] =>                 ["50%",0.5],

    [4518] =>                 ["75%",0.75],

    [4519] =>                 ["100%",1],

    [4520] =>             ];

    [4521] => 

    [4522] =>             for(const value of array)

    [4523] =>             {

    [4524] =>                 const button = document.createElement("button");

    [4525] =>                 button.innerHTML = value[0];

    [4526] =>                 button.value = value[1];

    [4527] =>                 button.addEventListener("click", messageheightexactupdate);

    [4528] =>                 messageheight.append(button);

    [4529] =>             }

    [4530] =>         }

    [4531] =>         addEventListener("load", messageheightexactload);

    [4532] => 

    [4533] =>         function messageheightexactupdate(e)

    [4534] =>         {

    [4535] =>             messageheightnumber.value = canvas.height * Number(e.target.value);

    [4536] => 

    [4537] =>             messageheightnumberupdate();

    [4538] =>         }

    [4539] => 

    [4540] =>         function messageheightincrementload()

    [4541] =>         {

    [4542] =>             const br = document.createElement("br");

    [4543] =>             messageheight.append(br);

    [4544] => 

    [4545] =>             const array =

    [4546] =>             [

    [4547] =>                 ["-1000",-1000],

    [4548] =>                 ["-100",-100],

    [4549] =>                 ["-10",-10],

    [4550] =>                 ["-1",-1],

    [4551] =>                 ["+1",1],

    [4552] =>                 ["+10",10],

    [4553] =>                 ["+100",100],

    [4554] =>                 ["+1000",1000],

    [4555] =>             ];

    [4556] => 

    [4557] =>             for(const value of array)

    [4558] =>             {

    [4559] =>                 const button = document.createElement("button");

    [4560] =>                 button.innerHTML = value[0];

    [4561] =>                 button.value = value[1];

    [4562] =>                 button.addEventListener("click", messageheightincrementupdate);

    [4563] =>                 messageheight.append(button);

    [4564] =>             }

    [4565] =>         }

    [4566] =>         addEventListener("load", messageheightincrementload);

    [4567] => 

    [4568] =>         function messageheightincrementupdate(e)

    [4569] =>         {

    [4570] =>             const v = Number(messageheightnumber.value) + Number(e.target.value);

    [4571] => 

    [4572] =>             if((messageheightnumber.min <= v) && (v <= messageheightnumber.max))

    [4573] =>             {

    [4574] =>                 messageheightnumber.value = v;

    [4575] => 

    [4576] =>                 messageheightnumberupdate();

    [4577] =>             }

    [4578] =>         }

    [4579] => 

    [4580] => 

    [4581] => 

    [4582] =>         function messagexload()

    [4583] =>         {

    [4584] =>             const div = document.createElement("div");

    [4585] =>             div.id = "messagex";

    [4586] =>             div.innerHTML = "x";

    [4587] =>             tabcontentmessage.append(div);

    [4588] => 

    [4589] =>             const style = div.style;

    [4590] =>             style.overflowY = "hidden";

    [4591] =>             style.whiteSpace = "nowrap";

    [4592] =>         }

    [4593] =>         addEventListener("load", messagexload);

    [4594] => 

    [4595] =>         function messagexnumberload()

    [4596] =>         {

    [4597] =>             const br = document.createElement("br");

    [4598] =>             messagex.append(br);

    [4599] => 

    [4600] =>             const input = document.createElement("input");

    [4601] =>             input.id = "messagexnumber";

    [4602] =>             input.max = maxwidth;

    [4603] =>             input.min = -maxwidth;

    [4604] =>             input.type = "number";

    [4605] =>             input.value = 50;

    [4606] =>             input.addEventListener("input", messagexnumberupdate);

    [4607] =>             messagex.append(input);

    [4608] => 

    [4609] =>             //messagexnumberset();

    [4610] =>         }

    [4611] =>         addEventListener("load", messagexnumberload);

    [4612] => 

    [4613] =>         function messagexnumberset()

    [4614] =>         {

    [4615] =>             const v = Number(messagexnumber.value);

    [4616] => 

    [4617] =>             messagexrange.value = v;

    [4618] =>             text.messagex = v;

    [4619] =>         }

    [4620] => 

    [4621] =>         function messagexnumberupdate()

    [4622] =>         {

    [4623] =>             messagexnumberset();

    [4624] =>             svgupdate();

    [4625] =>         }

    [4626] => 

    [4627] =>         function messagexrangeload()

    [4628] =>         {

    [4629] =>             const input = document.createElement("input");

    [4630] =>             input.id = "messagexrange";

    [4631] =>             input.max = messagexnumber.max;

    [4632] =>             input.min = messagexnumber.min;

    [4633] =>             input.type = "range";

    [4634] =>             input.value = messagexnumber.value;

    [4635] =>             input.addEventListener("input", messagexrangeupdate);

    [4636] =>             messagex.append(input);

    [4637] => 

    [4638] =>             messagexrangeset();

    [4639] =>         }

    [4640] =>         addEventListener("load", messagexrangeload);

    [4641] => 

    [4642] =>         function messagexrangeset()

    [4643] =>         {

    [4644] =>             const v = Number(messagexrange.value);

    [4645] => 

    [4646] =>             messagexnumber.value = v;

    [4647] =>             text.messagex = v;

    [4648] =>         }

    [4649] => 

    [4650] =>         function messagexrangeupdate()

    [4651] =>         {

    [4652] =>             messagexrangeset();

    [4653] =>             svgupdate();

    [4654] =>         }

    [4655] => 

    [4656] =>         function messagexexactload()

    [4657] =>         {

    [4658] =>             const br = document.createElement("br");

    [4659] =>             messagex.append(br);

    [4660] => 

    [4661] =>             const array =

    [4662] =>             [

    [4663] =>                 ["left",0],

    [4664] =>                 ["center",0.5],

    [4665] =>                 ["right",1],

    [4666] =>             ];

    [4667] => 

    [4668] =>             for(const value of array)

    [4669] =>             {

    [4670] =>                 const button = document.createElement("button");

    [4671] =>                 button.innerHTML = value[0];

    [4672] =>                 button.value = value[1];

    [4673] =>                 button.addEventListener("click", messagexexactupdate);

    [4674] =>                 messagex.append(button);

    [4675] =>             }

    [4676] =>         }

    [4677] =>         addEventListener("load", messagexexactload);

    [4678] => 

    [4679] =>         function messagexexactupdate(e)

    [4680] =>         {

    [4681] =>             //messagexnumber.value = (canvas.width - text.messagewidth - text.messagepaddingleft - text.messagepaddingright) * Number(e.target.value);

    [4682] =>             messagexnumber.value = (canvas.width - text.messagewidth) * Number(e.target.value);

    [4683] => 

    [4684] =>             messagexnumberupdate();

    [4685] =>         }

    [4686] => 

    [4687] =>         function messagexincrementload()

    [4688] =>         {

    [4689] =>             const br = document.createElement("br");

    [4690] =>             messagex.append(br);

    [4691] => 

    [4692] =>             const array =

    [4693] =>             [

    [4694] =>                 ["-1000",-1000],

    [4695] =>                 ["-100",-100],

    [4696] =>                 ["-10",-10],

    [4697] =>                 ["-1",-1],

    [4698] =>                 ["+1",1],

    [4699] =>                 ["+10",10],

    [4700] =>                 ["+100",100],

    [4701] =>                 ["+1000",1000],

    [4702] =>             ];

    [4703] => 

    [4704] =>             for(const value of array)

    [4705] =>             {

    [4706] =>                 const button = document.createElement("button");

    [4707] =>                 button.innerHTML = value[0];

    [4708] =>                 button.value = value[1];

    [4709] =>                 button.addEventListener("click", messagexincrementupdate);

    [4710] =>                 messagex.append(button);

    [4711] =>             }

    [4712] =>         }

    [4713] =>         addEventListener("load", messagexincrementload);

    [4714] => 

    [4715] =>         function messagexincrementupdate(e)

    [4716] =>         {

    [4717] =>             const v = Number(messagexnumber.value) + Number(e.target.value);

    [4718] => 

    [4719] =>             if((messagexnumber.min <= v) && (v <= messagexnumber.max))

    [4720] =>             {

    [4721] =>                 messagexnumber.value = v;

    [4722] => 

    [4723] =>                 messagexnumberupdate();

    [4724] =>             }

    [4725] =>         }

    [4726] => 

    [4727] => 

    [4728] => 

    [4729] =>         function messageyload()

    [4730] =>         {

    [4731] =>             const div = document.createElement("div");

    [4732] =>             div.id = "messagey";

    [4733] =>             div.innerHTML = "y";

    [4734] =>             tabcontentmessage.append(div);

    [4735] => 

    [4736] =>             const style = div.style;

    [4737] =>             style.overflowY = "hidden";

    [4738] =>             style.whiteSpace = "nowrap";

    [4739] =>         }

    [4740] =>         addEventListener("load", messageyload);

    [4741] => 

    [4742] =>         function messageynumberload()

    [4743] =>         {

    [4744] =>             const br = document.createElement("br");

    [4745] =>             messagey.append(br);

    [4746] => 

    [4747] =>             const input = document.createElement("input");

    [4748] =>             input.id = "messageynumber";

    [4749] =>             input.max = maxheight;

    [4750] =>             input.min = -maxheight;

    [4751] =>             input.type = "number";

    [4752] =>             input.value = 50;

    [4753] =>             input.addEventListener("input", messageynumberupdate);

    [4754] =>             messagey.append(input);

    [4755] => 

    [4756] =>             //messageynumberset();

    [4757] =>         }

    [4758] =>         addEventListener("load", messageynumberload);

    [4759] => 

    [4760] =>         function messageynumberset()

    [4761] =>         {

    [4762] =>             const v = Number(messageynumber.value);

    [4763] => 

    [4764] =>             messageyrange.value = v;

    [4765] =>             text.messagey = v;

    [4766] =>         }

    [4767] => 

    [4768] =>         function messageynumberupdate()

    [4769] =>         {

    [4770] =>             messageynumberset();

    [4771] =>             svgupdate();

    [4772] =>         }

    [4773] => 

    [4774] =>         function messageyrangeload()

    [4775] =>         {

    [4776] =>             const input = document.createElement("input");

    [4777] =>             input.id = "messageyrange";

    [4778] =>             input.max = messageynumber.max;

    [4779] =>             input.min = messageynumber.min;

    [4780] =>             input.type = "range";

    [4781] =>             input.value = messageynumber.value;

    [4782] =>             input.addEventListener("input", messageyrangeupdate);

    [4783] =>             messagey.append(input);

    [4784] => 

    [4785] =>             messageyrangeset();

    [4786] =>         }

    [4787] =>         addEventListener("load", messageyrangeload);

    [4788] => 

    [4789] =>         function messageyrangeset()

    [4790] =>         {

    [4791] =>             const v = Number(messageyrange.value);

    [4792] => 

    [4793] =>             messageynumber.value = v;

    [4794] =>             text.messagey = v;

    [4795] =>         }

    [4796] => 

    [4797] =>         function messageyrangeupdate()

    [4798] =>         {

    [4799] =>             messageyrangeset();

    [4800] =>             svgupdate();

    [4801] =>         }

    [4802] => 

    [4803] =>         function messageyexactload()

    [4804] =>         {

    [4805] =>             const br = document.createElement("br");

    [4806] =>             messagey.append(br);

    [4807] => 

    [4808] =>             const array =

    [4809] =>             [

    [4810] =>                 ["top",0],

    [4811] =>                 ["center",0.5],

    [4812] =>                 ["bottom",1],

    [4813] =>             ];

    [4814] => 

    [4815] =>             for(const value of array)

    [4816] =>             {

    [4817] =>                 const button = document.createElement("button");

    [4818] =>                 button.innerHTML = value[0];

    [4819] =>                 button.value = value[1];

    [4820] =>                 button.addEventListener("click", messageyexactupdate);

    [4821] =>                 messagey.append(button);

    [4822] =>             }

    [4823] =>         }

    [4824] =>         addEventListener("load", messageyexactload);

    [4825] => 

    [4826] =>         function messageyexactupdate(e)

    [4827] =>         {

    [4828] =>             //messageynumber.value = (canvas.height - text.messageheight - text.messagepaddingtop - text.messagepaddingbottom) * Number(e.target.value);

    [4829] =>             messageynumber.value = (canvas.height - text.messageheight) * Number(e.target.value);

    [4830] => 

    [4831] =>             messageynumberupdate();

    [4832] =>         }

    [4833] => 

    [4834] =>         function messageyincrementload()

    [4835] =>         {

    [4836] =>             const br = document.createElement("br");

    [4837] =>             messagey.append(br);

    [4838] => 

    [4839] =>             const array =

    [4840] =>             [

    [4841] =>                 ["-1000",-1000],

    [4842] =>                 ["-100",-100],

    [4843] =>                 ["-10",-10],

    [4844] =>                 ["-1",-1],

    [4845] =>                 ["+1",1],

    [4846] =>                 ["+10",10],

    [4847] =>                 ["+100",100],

    [4848] =>                 ["+1000",1000],

    [4849] =>             ];

    [4850] => 

    [4851] =>             for(const value of array)

    [4852] =>             {

    [4853] =>                 const button = document.createElement("button");

    [4854] =>                 button.innerHTML = value[0];

    [4855] =>                 button.value = value[1];

    [4856] =>                 button.addEventListener("click", messageyincrementupdate);

    [4857] =>                 messagey.append(button);

    [4858] =>             }

    [4859] =>         }

    [4860] =>         addEventListener("load", messageyincrementload);

    [4861] => 

    [4862] =>         function messageyincrementupdate(e)

    [4863] =>         {

    [4864] =>             const v = Number(messageynumber.value) + Number(e.target.value);

    [4865] => 

    [4866] =>             if((messageynumber.min <= v) && (v <= messageynumber.max))

    [4867] =>             {

    [4868] =>                 messageynumber.value = v;

    [4869] => 

    [4870] =>                 messageynumberupdate();

    [4871] =>             }

    [4872] =>         }

    [4873] => 

    [4874] => 

    [4875] => 

    [4876] =>         function messagebackgroundcolorload()

    [4877] =>         {

    [4878] =>             const div = document.createElement("div");

    [4879] =>             div.id = "messagebackgroundcolor";

    [4880] =>             div.innerHTML = "background-color";

    [4881] =>             tabcontentmessage.append(div);

    [4882] =>         }

    [4883] =>         addEventListener("load", messagebackgroundcolorload);

    [4884] => 

    [4885] =>         function messagebackgroundcolorcolorload()

    [4886] =>         {

    [4887] =>             const br = document.createElement("br");

    [4888] =>             messagebackgroundcolor.append(br);

    [4889] => 

    [4890] =>             const input = document.createElement("input");

    [4891] =>             input.id = "messagebackgroundcolorcolor";

    [4892] =>             input.type = "color";

    [4893] =>             input.value = "#ffffff";

    [4894] =>             input.addEventListener("input", messagebackgroundcolorcolorupdate);

    [4895] =>             messagebackgroundcolor.append(input);

    [4896] => 

    [4897] =>             //messagebackgroundcolorcolorset();

    [4898] =>         }

    [4899] =>         addEventListener("load", messagebackgroundcolorcolorload);

    [4900] => 

    [4901] =>         function messagebackgroundcolorcolorset()

    [4902] =>         {

    [4903] =>             const c = messagebackgroundcolorcolor.value;

    [4904] =>             const r = parseInt(c.slice(1,3),16);

    [4905] =>             const g = parseInt(c.slice(3,5),16);

    [4906] =>             const b = parseInt(c.slice(5,7),16);

    [4907] =>             const a = messagebackgroundalphanumber.value;

    [4908] => 

    [4909] =>             text.messagebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;

    [4910] =>         }

    [4911] => 

    [4912] =>         function messagebackgroundcolorcolorupdate()

    [4913] =>         {

    [4914] =>             messagebackgroundcolorcolorset();

    [4915] =>             svgupdate();

    [4916] =>         }

    [4917] => 

    [4918] =>         function messagebackgroundcolorexactload()

    [4919] =>         {

    [4920] =>             const br = document.createElement("br");

    [4921] =>             messagebackgroundcolor.append(br);

    [4922] => 

    [4923] =>             const array =

    [4924] =>             [

    [4925] =>                 ["black","#000000"],

    [4926] =>                 ["white","#ffffff"],

    [4927] =>             ];

    [4928] => 

    [4929] =>             for(const value of array)

    [4930] =>             {

    [4931] =>                 const button = document.createElement("button");

    [4932] =>                 button.innerHTML = value[0];

    [4933] =>                 button.value = value[1];

    [4934] =>                 button.addEventListener("click", messagebackgroundcolorexactupdate);

    [4935] =>                 messagebackgroundcolor.append(button);

    [4936] =>             }

    [4937] =>         }

    [4938] =>         addEventListener("load", messagebackgroundcolorexactload);

    [4939] => 

    [4940] =>         function messagebackgroundcolorexactupdate(e)

    [4941] =>         {

    [4942] =>             messagebackgroundcolorcolor.value = e.target.value;

    [4943] => 

    [4944] =>             messagebackgroundcolorcolorupdate();

    [4945] =>         }

    [4946] => 

    [4947] => 

    [4948] => 

    [4949] =>         function messagebackgroundalphaload()

    [4950] =>         {

    [4951] =>             const div = document.createElement("div");

    [4952] =>             div.id = "messagebackgroundalpha";

    [4953] =>             div.innerHTML = "background-alpha";

    [4954] =>             tabcontentmessage.append(div);

    [4955] => 

    [4956] =>             const style = div.style;

    [4957] =>             style.overflowY = "hidden";

    [4958] =>             style.whiteSpace = "nowrap";

    [4959] =>         }

    [4960] =>         addEventListener("load", messagebackgroundalphaload);

    [4961] => 

    [4962] =>         function messagebackgroundalphanumberload()

    [4963] =>         {

    [4964] =>             const br = document.createElement("br");

    [4965] =>             messagebackgroundalpha.append(br);

    [4966] => 

    [4967] =>             const input = document.createElement("input");

    [4968] =>             input.id = "messagebackgroundalphanumber";

    [4969] =>             input.max = 1;

    [4970] =>             input.min = 0;

    [4971] =>             input.step = 0.01;

    [4972] =>             input.type = "number";

    [4973] =>             input.value = 0.5;

    [4974] =>             input.addEventListener("input", messagebackgroundalphanumberupdate);

    [4975] =>             messagebackgroundalpha.append(input);

    [4976] => 

    [4977] =>             //messagebackgroundalphanumberset();

    [4978] =>         }

    [4979] =>         addEventListener("load", messagebackgroundalphanumberload);

    [4980] => 

    [4981] =>         function messagebackgroundalphanumberset()

    [4982] =>         {

    [4983] =>             const c = messagebackgroundcolorcolor.value;

    [4984] =>             const r = parseInt(c.slice(1,3),16);

    [4985] =>             const g = parseInt(c.slice(3,5),16);

    [4986] =>             const b = parseInt(c.slice(5,7),16);

    [4987] =>             const a = messagebackgroundalphanumber.value;

    [4988] => 

    [4989] =>             messagebackgroundalpharange.value = a;

    [4990] =>             text.messagebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;

    [4991] =>         }

    [4992] => 

    [4993] =>         function messagebackgroundalphanumberupdate()

    [4994] =>         {

    [4995] =>             messagebackgroundalphanumberset();

    [4996] =>             svgupdate();

    [4997] =>         }

    [4998] => 

    [4999] =>         function messagebackgroundalpharangeload()

    [5000] =>         {

    [5001] =>             const input = document.createElement("input");

    [5002] =>             input.id = "messagebackgroundalpharange";

    [5003] =>             input.max = messagebackgroundalphanumber.max;

    [5004] =>             input.min = messagebackgroundalphanumber.min;

    [5005] =>             input.step = messagebackgroundalphanumber.step;

    [5006] =>             input.type = "range";

    [5007] =>             input.value = messagebackgroundalphanumber.value;

    [5008] =>             input.addEventListener("input", messagebackgroundalpharangeupdate);

    [5009] =>             messagebackgroundalpha.append(input);

    [5010] => 

    [5011] =>             messagebackgroundalpharangeset();

    [5012] =>         }

    [5013] =>         addEventListener("load", messagebackgroundalpharangeload);

    [5014] => 

    [5015] =>         function messagebackgroundalpharangeset()

    [5016] =>         {

    [5017] =>             const c = messagebackgroundcolorcolor.value;

    [5018] =>             const r = parseInt(c.slice(1,3),16);

    [5019] =>             const g = parseInt(c.slice(3,5),16);

    [5020] =>             const b = parseInt(c.slice(5,7),16);

    [5021] =>             const a = messagebackgroundalpharange.value;

    [5022] => 

    [5023] =>             messagebackgroundalphanumber.value = a;

    [5024] =>             text.messagebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;

    [5025] =>         }

    [5026] => 

    [5027] =>         function messagebackgroundalpharangeupdate()

    [5028] =>         {

    [5029] =>             messagebackgroundalpharangeset();

    [5030] =>             svgupdate();

    [5031] =>         }

    [5032] => 

    [5033] =>         function messagebackgroundalphaexactload()

    [5034] =>         {

    [5035] =>             const br = document.createElement("br");

    [5036] =>             messagebackgroundalpha.append(br);

    [5037] => 

    [5038] =>             const array =

    [5039] =>             [

    [5040] =>                 ["0",0],

    [5041] =>                 ["0.25",0.25],

    [5042] =>                 ["0.5",0.5],

    [5043] =>                 ["0.75",0.75],

    [5044] =>                 ["1",1],

    [5045] =>             ];

    [5046] => 

    [5047] =>             for(const value of array)

    [5048] =>             {

    [5049] =>                 const button = document.createElement("button");

    [5050] =>                 button.innerHTML = value[0];

    [5051] =>                 button.value = value[1];

    [5052] =>                 button.addEventListener("click", messagebackgroundalphaexactupdate);

    [5053] =>                 messagebackgroundalpha.append(button);

    [5054] =>             }

    [5055] =>         }

    [5056] =>         addEventListener("load", messagebackgroundalphaexactload);

    [5057] => 

    [5058] =>         function messagebackgroundalphaexactupdate(e)

    [5059] =>         {

    [5060] =>             messagebackgroundalphanumber.value = Number(e.target.value);

    [5061] => 

    [5062] =>             messagebackgroundalphanumberupdate();

    [5063] =>         }

    [5064] => 

    [5065] =>         function messagebackgroundalphaincrementload()

    [5066] =>         {

    [5067] =>             const br = document.createElement("br");

    [5068] =>             messagebackgroundalpha.append(br);

    [5069] => 

    [5070] =>             const array =

    [5071] =>             [

    [5072] =>                 ["-0.1",-0.1],

    [5073] =>                 ["-0.01",-0.01],

    [5074] =>                 ["+0.01",0.01],

    [5075] =>                 ["+0.1",0.1],

    [5076] =>             ];

    [5077] => 

    [5078] =>             for(const value of array)

    [5079] =>             {

    [5080] =>                 const button = document.createElement("button");

    [5081] =>                 button.innerHTML = value[0];

    [5082] =>                 button.value = value[1];

    [5083] =>                 button.addEventListener("click", messagebackgroundalphaincrementupdate);

    [5084] =>                 messagebackgroundalpha.append(button);

    [5085] =>             }

    [5086] =>         }

    [5087] =>         addEventListener("load", messagebackgroundalphaincrementload);

    [5088] => 

    [5089] =>         function messagebackgroundalphaincrementupdate(e)

    [5090] =>         {

    [5091] =>             let v = Number(messagebackgroundalphanumber.value) + Number(e.target.value);

    [5092] =>             v = parseFloat(v.toFixed(2));

    [5093] => 

    [5094] =>             if((messagebackgroundalphanumber.min <= v) && (v <= messagebackgroundalphanumber.max))

    [5095] =>             {

    [5096] =>                 messagebackgroundalphanumber.value = v;

    [5097] => 

    [5098] =>                 messagebackgroundalphanumberupdate();

    [5099] =>             }

    [5100] =>         }

    [5101] => 

    [5102] => 

    [5103] => 

    [5104] =>         function messagebordercolorload()

    [5105] =>         {

    [5106] =>             const div = document.createElement("div");

    [5107] =>             div.id = "messagebordercolor";

    [5108] =>             div.innerHTML = "border-color";

    [5109] =>             tabcontentmessage.append(div);

    [5110] =>         }

    [5111] =>         addEventListener("load", messagebordercolorload);

    [5112] => 

    [5113] =>         function messagebordercolorcolorload()

    [5114] =>         {

    [5115] =>             const br = document.createElement("br");

    [5116] =>             messagebordercolor.append(br);

    [5117] => 

    [5118] =>             const input = document.createElement("input");

    [5119] =>             input.id = "messagebordercolorcolor";

    [5120] =>             input.type = "color";

    [5121] =>             input.value = "#000000";

    [5122] =>             input.addEventListener("input", messagebordercolorcolorupdate);

    [5123] =>             messagebordercolor.append(input);

    [5124] => 

    [5125] =>             //messagebordercolorcolorset();

    [5126] =>         }

    [5127] =>         addEventListener("load", messagebordercolorcolorload);

    [5128] => 

    [5129] =>         function messagebordercolorcolorset()

    [5130] =>         {

    [5131] =>             const c = messagebordercolorcolor.value;

    [5132] =>             const r = parseInt(c.slice(1,3),16);

    [5133] =>             const g = parseInt(c.slice(3,5),16);

    [5134] =>             const b = parseInt(c.slice(5,7),16);

    [5135] =>             const a = messageborderalphanumber.value;

    [5136] => 

    [5137] =>             text.messagebordercolor = `rgb(${r} ${g} ${b} / ${a})`;

    [5138] =>         }

    [5139] => 

    [5140] =>         function messagebordercolorcolorupdate()

    [5141] =>         {

    [5142] =>             messagebordercolorcolorset();

    [5143] =>             svgupdate();

    [5144] =>         }

    [5145] => 

    [5146] =>         function messagebordercolorexactload()

    [5147] =>         {

    [5148] =>             const br = document.createElement("br");

    [5149] =>             messagebordercolor.append(br);

    [5150] => 

    [5151] =>             const array =

    [5152] =>             [

    [5153] =>                 ["black","#000000"],

    [5154] =>                 ["white","#ffffff"],

    [5155] =>             ];

    [5156] => 

    [5157] =>             for(const value of array)

    [5158] =>             {

    [5159] =>                 const button = document.createElement("button");

    [5160] =>                 button.innerHTML = value[0];

    [5161] =>                 button.value = value[1];

    [5162] =>                 button.addEventListener("click", messagebordercolorexactupdate);

    [5163] =>                 messagebordercolor.append(button);

    [5164] =>             }

    [5165] =>         }

    [5166] =>         addEventListener("load", messagebordercolorexactload);

    [5167] => 

    [5168] =>         function messagebordercolorexactupdate(e)

    [5169] =>         {

    [5170] =>             messagebordercolorcolor.value = e.target.value;

    [5171] => 

    [5172] =>             messagebordercolorcolorupdate();

    [5173] =>         }

    [5174] => 

    [5175] => 

    [5176] => 

    [5177] =>         function messageborderalphaload()

    [5178] =>         {

    [5179] =>             const div = document.createElement("div");

    [5180] =>             div.id = "messageborderalpha";

    [5181] =>             div.innerHTML = "border-alpha";

    [5182] =>             tabcontentmessage.append(div);

    [5183] => 

    [5184] =>             const style = div.style;

    [5185] =>             style.overflowY = "hidden";

    [5186] =>             style.whiteSpace = "nowrap";

    [5187] =>         }

    [5188] =>         addEventListener("load", messageborderalphaload);

    [5189] => 

    [5190] =>         function messageborderalphanumberload()

    [5191] =>         {

    [5192] =>             const br = document.createElement("br");

    [5193] =>             messageborderalpha.append(br);

    [5194] => 

    [5195] =>             const input = document.createElement("input");

    [5196] =>             input.id = "messageborderalphanumber";

    [5197] =>             input.max = 1;

    [5198] =>             input.min = 0;

    [5199] =>             input.step = 0.01;

    [5200] =>             input.type = "number";

    [5201] =>             input.value = 1;

    [5202] =>             input.addEventListener("input", messageborderalphanumberupdate);

    [5203] =>             messageborderalpha.append(input);

    [5204] => 

    [5205] =>             //messageborderalphanumberset();

    [5206] =>         }

    [5207] =>         addEventListener("load", messageborderalphanumberload);

    [5208] => 

    [5209] =>         function messageborderalphanumberset()

    [5210] =>         {

    [5211] =>             const c = messagebordercolorcolor.value;

    [5212] =>             const r = parseInt(c.slice(1,3),16);

    [5213] =>             const g = parseInt(c.slice(3,5),16);

    [5214] =>             const b = parseInt(c.slice(5,7),16);

    [5215] =>             const a = messageborderalphanumber.value;

    [5216] => 

    [5217] =>             messageborderalpharange.value = a;

    [5218] =>             text.messagebordercolor = `rgb(${r} ${g} ${b} / ${a})`;

    [5219] =>         }

    [5220] => 

    [5221] =>         function messageborderalphanumberupdate()

    [5222] =>         {

    [5223] =>             messageborderalphanumberset();

    [5224] =>             svgupdate();

    [5225] =>         }

    [5226] => 

    [5227] =>         function messageborderalpharangeload()

    [5228] =>         {

    [5229] =>             const input = document.createElement("input");

    [5230] =>             input.id = "messageborderalpharange";

    [5231] =>             input.max = messageborderalphanumber.max;

    [5232] =>             input.min = messageborderalphanumber.min;

    [5233] =>             input.step = messageborderalphanumber.step;

    [5234] =>             input.type = "range";

    [5235] =>             input.value = messageborderalphanumber.value;

    [5236] =>             input.addEventListener("input", messageborderalpharangeupdate);

    [5237] =>             messageborderalpha.append(input);

    [5238] => 

    [5239] =>             messageborderalpharangeset();

    [5240] =>         }

    [5241] =>         addEventListener("load", messageborderalpharangeload);

    [5242] => 

    [5243] =>         function messageborderalpharangeset()

    [5244] =>         {

    [5245] =>             const c = messagebordercolorcolor.value;

    [5246] =>             const r = parseInt(c.slice(1,3),16);

    [5247] =>             const g = parseInt(c.slice(3,5),16);

    [5248] =>             const b = parseInt(c.slice(5,7),16);

    [5249] =>             const a = messageborderalpharange.value;

    [5250] => 

    [5251] =>             messageborderalphanumber.value = a;

    [5252] =>             text.messagebordercolor = `rgb(${r} ${g} ${b} / ${a})`;

    [5253] =>         }

    [5254] => 

    [5255] =>         function messageborderalpharangeupdate()

    [5256] =>         {

    [5257] =>             messageborderalpharangeset();

    [5258] =>             svgupdate();

    [5259] =>         }

    [5260] => 

    [5261] =>         function messageborderalphaexactload()

    [5262] =>         {

    [5263] =>             const br = document.createElement("br");

    [5264] =>             messageborderalpha.append(br);

    [5265] => 

    [5266] =>             const array =

    [5267] =>             [

    [5268] =>                 ["0",0],

    [5269] =>                 ["0.25",0.25],

    [5270] =>                 ["0.5",0.5],

    [5271] =>                 ["0.75",0.75],

    [5272] =>                 ["1",1],

    [5273] =>             ];

    [5274] => 

    [5275] =>             for(const value of array)

    [5276] =>             {

    [5277] =>                 const button = document.createElement("button");

    [5278] =>                 button.innerHTML = value[0];

    [5279] =>                 button.value = value[1];

    [5280] =>                 button.addEventListener("click", messageborderalphaexactupdate);

    [5281] =>                 messageborderalpha.append(button);

    [5282] =>             }

    [5283] =>         }

    [5284] =>         addEventListener("load", messageborderalphaexactload);

    [5285] => 

    [5286] =>         function messageborderalphaexactupdate(e)

    [5287] =>         {

    [5288] =>             messageborderalphanumber.value = Number(e.target.value);

    [5289] => 

    [5290] =>             messageborderalphanumberupdate();

    [5291] =>         }

    [5292] => 

    [5293] =>         function messageborderalphaincrementload()

    [5294] =>         {

    [5295] =>             const br = document.createElement("br");

    [5296] =>             messageborderalpha.append(br);

    [5297] => 

    [5298] =>             const array =

    [5299] =>             [

    [5300] =>                 ["-0.1",-0.1],

    [5301] =>                 ["-0.01",-0.01],

    [5302] =>                 ["+0.01",0.01],

    [5303] =>                 ["+0.1",0.1],

    [5304] =>             ];

    [5305] => 

    [5306] =>             for(const value of array)

    [5307] =>             {

    [5308] =>                 const button = document.createElement("button");

    [5309] =>                 button.innerHTML = value[0];

    [5310] =>                 button.value = value[1];

    [5311] =>                 button.addEventListener("click", messageborderalphaincrementupdate);

    [5312] =>                 messageborderalpha.append(button);

    [5313] =>             }

    [5314] =>         }

    [5315] =>         addEventListener("load", messageborderalphaincrementload);

    [5316] => 

    [5317] =>         function messageborderalphaincrementupdate(e)

    [5318] =>         {

    [5319] =>             let v = Number(messageborderalphanumber.value) + Number(e.target.value);

    [5320] =>             v = parseFloat(v.toFixed(2));

    [5321] => 

    [5322] =>             if((messageborderalphanumber.min <= v) && (v <= messageborderalphanumber.max))

    [5323] =>             {

    [5324] =>                 messageborderalphanumber.value = v;

    [5325] => 

    [5326] =>                 messageborderalphanumberupdate();

    [5327] =>             }

    [5328] =>         }

    [5329] => 

    [5330] => 

    [5331] => 

    [5332] =>         function messageborderradiusload()

    [5333] =>         {

    [5334] =>             const div = document.createElement("div");

    [5335] =>             div.id = "messageborderradius";

    [5336] =>             div.innerHTML = "border-radius";

    [5337] =>             tabcontentmessage.append(div);

    [5338] => 

    [5339] =>             const style = div.style;

    [5340] =>             style.overflowY = "hidden";

    [5341] =>             style.whiteSpace = "nowrap";

    [5342] =>         }

    [5343] =>         addEventListener("load", messageborderradiusload);

    [5344] => 

    [5345] =>         function messageborderradiusnumberload()

    [5346] =>         {

    [5347] =>             const br = document.createElement("br");

    [5348] =>             messageborderradius.append(br);

    [5349] => 

    [5350] =>             const input = document.createElement("input");

    [5351] =>             input.id = "messageborderradiusnumber";

    [5352] =>             input.max = 1000;

    [5353] =>             input.min = 0;

    [5354] =>             input.type = "number";

    [5355] =>             input.value = 50;

    [5356] =>             input.addEventListener("input", messageborderradiusnumberupdate);

    [5357] =>             messageborderradius.append(input);

    [5358] => 

    [5359] =>             //messageborderradiusnumberset();

    [5360] =>         }

    [5361] =>         addEventListener("load", messageborderradiusnumberload);

    [5362] => 

    [5363] =>         function messageborderradiusnumberset()

    [5364] =>         {

    [5365] =>             const v = Number(messageborderradiusnumber.value);

    [5366] => 

    [5367] =>             messageborderradiusrange.value = v;

    [5368] =>             text.messageborderradius = v;

    [5369] =>         }

    [5370] => 

    [5371] =>         function messageborderradiusnumberupdate()

    [5372] =>         {

    [5373] =>             messageborderradiusnumberset();

    [5374] =>             svgupdate();

    [5375] =>         }

    [5376] => 

    [5377] =>         function messageborderradiusrangeload()

    [5378] =>         {

    [5379] =>             const input = document.createElement("input");

    [5380] =>             input.id = "messageborderradiusrange";

    [5381] =>             input.max = messageborderradiusnumber.max;

    [5382] =>             input.min = messageborderradiusnumber.min;

    [5383] =>             input.type = "range";

    [5384] =>             input.value = messageborderradiusnumber.value;

    [5385] =>             input.addEventListener("input", messageborderradiusrangeupdate);

    [5386] =>             messageborderradius.append(input);

    [5387] => 

    [5388] =>             messageborderradiusrangeset();

    [5389] =>         }

    [5390] =>         addEventListener("load", messageborderradiusrangeload);

    [5391] => 

    [5392] =>         function messageborderradiusrangeset()

    [5393] =>         {

    [5394] =>             const v = Number(messageborderradiusrange.value);

    [5395] => 

    [5396] =>             messageborderradiusnumber.value = v;

    [5397] =>             text.messageborderradius = v;

    [5398] =>         }

    [5399] => 

    [5400] =>         function messageborderradiusrangeupdate()

    [5401] =>         {

    [5402] =>             messageborderradiusrangeset();

    [5403] =>             svgupdate();

    [5404] =>         }

    [5405] => 

    [5406] =>         function messageborderradiusexactload()

    [5407] =>         {

    [5408] =>             const br = document.createElement("br");

    [5409] =>             messageborderradius.append(br);

    [5410] => 

    [5411] =>             const array =

    [5412] =>             [

    [5413] =>                 ["0",0],

    [5414] =>                 ["50",50],

    [5415] =>                 ["100",100],

    [5416] =>                 ["250",250],

    [5417] =>                 ["500",500],

    [5418] =>                 ["1000",1000],

    [5419] =>             ];

    [5420] => 

    [5421] =>             for(const value of array)

    [5422] =>             {

    [5423] =>                 const button = document.createElement("button");

    [5424] =>                 button.innerHTML = value[0];

    [5425] =>                 button.value = value[1];

    [5426] =>                 button.addEventListener("click", messageborderradiusexactupdate);

    [5427] =>                 messageborderradius.append(button);

    [5428] =>             }

    [5429] =>         }

    [5430] =>         addEventListener("load", messageborderradiusexactload);

    [5431] => 

    [5432] =>         function messageborderradiusexactupdate(e)

    [5433] =>         {

    [5434] =>             messageborderradiusnumber.value = Number(e.target.value);

    [5435] => 

    [5436] =>             messageborderradiusnumberupdate();

    [5437] =>         }

    [5438] => 

    [5439] =>         function messageborderradiusincrementload()

    [5440] =>         {

    [5441] =>             const br = document.createElement("br");

    [5442] =>             messageborderradius.append(br);

    [5443] => 

    [5444] =>             const array =

    [5445] =>             [

    [5446] =>                 ["-100",-100],

    [5447] =>                 ["-10",-10],

    [5448] =>                 ["-1",-1],

    [5449] =>                 ["+1",1],

    [5450] =>                 ["+10",10],

    [5451] =>                 ["+100",100],

    [5452] =>             ];

    [5453] => 

    [5454] =>             for(const value of array)

    [5455] =>             {

    [5456] =>                 const button = document.createElement("button");

    [5457] =>                 button.innerHTML = value[0];

    [5458] =>                 button.value = value[1];

    [5459] =>                 button.addEventListener("click", messageborderradiusincrementupdate);

    [5460] =>                 messageborderradius.append(button);

    [5461] =>             }

    [5462] =>         }

    [5463] =>         addEventListener("load", messageborderradiusincrementload);

    [5464] => 

    [5465] =>         function messageborderradiusincrementupdate(e)

    [5466] =>         {

    [5467] =>             const v = Number(messageborderradiusnumber.value) + Number(e.target.value);

    [5468] => 

    [5469] =>             if((messageborderradiusnumber.min <= v) && (v <= messageborderradiusnumber.max))

    [5470] =>             {

    [5471] =>                 messageborderradiusnumber.value = v;

    [5472] => 

    [5473] =>                 messageborderradiusnumberupdate();

    [5474] =>             }

    [5475] =>         }

    [5476] => 

    [5477] => 

    [5478] => 

    [5479] =>         function messageborderstyleload()

    [5480] =>         {

    [5481] =>             const div = document.createElement("div");

    [5482] =>             div.id = "messageborderstyle";

    [5483] =>             div.innerHTML = "border-style";

    [5484] =>             tabcontentmessage.append(div);

    [5485] =>         }

    [5486] =>         addEventListener("load", messageborderstyleload);

    [5487] => 

    [5488] =>         function messageborderstyleselectload()

    [5489] =>         {

    [5490] =>             const br = document.createElement("br");

    [5491] =>             messageborderstyle.append(br);

    [5492] => 

    [5493] =>             const select = document.createElement("select");

    [5494] =>             select.id = "messageborderstyleselect";

    [5495] =>             select.addEventListener("input", messageborderstyleselectupdate);

    [5496] =>             messageborderstyle.append(select);

    [5497] => 

    [5498] =>             for(const value of borderstylearray)

    [5499] =>             {

    [5500] =>                 const option = document.createElement("option");

    [5501] =>                 option.innerHTML = value;

    [5502] =>                 select.add(option);

    [5503] =>             }

    [5504] => 

    [5505] =>             //select.value = borderstylearray[8];

    [5506] => 

    [5507] =>             messageborderstyleselectset();

    [5508] =>         }

    [5509] =>         addEventListener("load", messageborderstyleselectload);

    [5510] => 

    [5511] =>         function messageborderstyleselectset()

    [5512] =>         {

    [5513] =>             text.messageborderstyle = messageborderstyleselect.value;

    [5514] =>         }

    [5515] => 

    [5516] =>         function messageborderstyleselectupdate()

    [5517] =>         {

    [5518] =>             messageborderstyleselectset();

    [5519] =>             svgupdate();

    [5520] =>         }

    [5521] => 

    [5522] => 

    [5523] => 

    [5524] =>         function messageborderwidthload()

    [5525] =>         {

    [5526] =>             const div = document.createElement("div");

    [5527] =>             div.id = "messageborderwidth";

    [5528] =>             div.innerHTML = "border-width";

    [5529] =>             tabcontentmessage.append(div);

    [5530] => 

    [5531] =>             const style = div.style;

    [5532] =>             style.overflowY = "hidden";

    [5533] =>             style.whiteSpace = "nowrap";

    [5534] =>         }

    [5535] =>         addEventListener("load", messageborderwidthload);

    [5536] => 

    [5537] =>         function messageborderwidthnumberload()

    [5538] =>         {

    [5539] =>             const br = document.createElement("br");

    [5540] =>             messageborderwidth.append(br);

    [5541] => 

    [5542] =>             const input = document.createElement("input");

    [5543] =>             input.id = "messageborderwidthnumber";

    [5544] =>             input.max = 1000;

    [5545] =>             input.min = 0;

    [5546] =>             input.type = "number";

    [5547] =>             input.value = 25;

    [5548] =>             input.addEventListener("input", messageborderwidthnumberupdate);

    [5549] =>             messageborderwidth.append(input);

    [5550] => 

    [5551] =>             //messageborderwidthnumberset();

    [5552] =>         }

    [5553] =>         addEventListener("load", messageborderwidthnumberload);

    [5554] => 

    [5555] =>         function messageborderwidthnumberset()

    [5556] =>         {

    [5557] =>             const v = Number(messageborderwidthnumber.value);

    [5558] => 

    [5559] =>             messageborderwidthrange.value = v;

    [5560] =>             text.messageborderwidth = v;

    [5561] =>         }

    [5562] => 

    [5563] =>         function messageborderwidthnumberupdate()

    [5564] =>         {

    [5565] =>             messageborderwidthnumberset();

    [5566] =>             svgupdate();

    [5567] =>         }

    [5568] => 

    [5569] =>         function messageborderwidthrangeload()

    [5570] =>         {

    [5571] =>             const input = document.createElement("input");

    [5572] =>             input.id = "messageborderwidthrange";

    [5573] =>             input.max = messageborderwidthnumber.max;

    [5574] =>             input.min = messageborderwidthnumber.min;

    [5575] =>             input.type = "range";

    [5576] =>             input.value = messageborderwidthnumber.value;

    [5577] =>             input.addEventListener("input", messageborderwidthrangeupdate);

    [5578] =>             messageborderwidth.append(input);

    [5579] => 

    [5580] =>             messageborderwidthrangeset();

    [5581] =>         }

    [5582] =>         addEventListener("load", messageborderwidthrangeload);

    [5583] => 

    [5584] =>         function messageborderwidthrangeset()

    [5585] =>         {

    [5586] =>             const v = Number(messageborderwidthrange.value);

    [5587] => 

    [5588] =>             messageborderwidthnumber.value = v;

    [5589] =>             text.messageborderwidth = v;

    [5590] =>         }

    [5591] => 

    [5592] =>         function messageborderwidthrangeupdate()

    [5593] =>         {

    [5594] =>             messageborderwidthrangeset();

    [5595] =>             svgupdate();

    [5596] =>         }

    [5597] => 

    [5598] =>         function messageborderwidthexactload()

    [5599] =>         {

    [5600] =>             const br = document.createElement("br");

    [5601] =>             messageborderwidth.append(br);

    [5602] => 

    [5603] =>             const array =

    [5604] =>             [

    [5605] =>                 ["0",0],

    [5606] =>                 ["50",50],

    [5607] =>                 ["100",100],

    [5608] =>                 ["250",250],

    [5609] =>                 ["500",500],

    [5610] =>                 ["1000",1000],

    [5611] =>             ];

    [5612] => 

    [5613] =>             for(const value of array)

    [5614] =>             {

    [5615] =>                 const button = document.createElement("button");

    [5616] =>                 button.innerHTML = value[0];

    [5617] =>                 button.value = value[1];

    [5618] =>                 button.addEventListener("click", messageborderwidthexactupdate);

    [5619] =>                 messageborderwidth.append(button);

    [5620] =>             }

    [5621] =>         }

    [5622] =>         addEventListener("load", messageborderwidthexactload);

    [5623] => 

    [5624] =>         function messageborderwidthexactupdate(e)

    [5625] =>         {

    [5626] =>             messageborderwidthnumber.value = Number(e.target.value);

    [5627] => 

    [5628] =>             messageborderwidthnumberupdate();

    [5629] =>         }

    [5630] => 

    [5631] =>         function messageborderwidthincrementload()

    [5632] =>         {

    [5633] =>             const br = document.createElement("br");

    [5634] =>             messageborderwidth.append(br);

    [5635] => 

    [5636] =>             const array =

    [5637] =>             [

    [5638] =>                 ["-100",-100],

    [5639] =>                 ["-10",-10],

    [5640] =>                 ["-1",-1],

    [5641] =>                 ["+1",1],

    [5642] =>                 ["+10",10],

    [5643] =>                 ["+100",100],

    [5644] =>             ];

    [5645] => 

    [5646] =>             for(const value of array)

    [5647] =>             {

    [5648] =>                 const button = document.createElement("button");

    [5649] =>                 button.innerHTML = value[0];

    [5650] =>                 button.value = value[1];

    [5651] =>                 button.addEventListener("click", messageborderwidthincrementupdate);

    [5652] =>                 messageborderwidth.append(button);

    [5653] =>             }

    [5654] =>         }

    [5655] =>         addEventListener("load", messageborderwidthincrementload);

    [5656] => 

    [5657] =>         function messageborderwidthincrementupdate(e)

    [5658] =>         {

    [5659] =>             const v = Number(messageborderwidthnumber.value) + Number(e.target.value);

    [5660] => 

    [5661] =>             if((messageborderwidthnumber.min <= v) && (v <= messageborderwidthnumber.max))

    [5662] =>             {

    [5663] =>                 messageborderwidthnumber.value = v;

    [5664] => 

    [5665] =>                 messageborderwidthnumberupdate();

    [5666] =>             }

    [5667] =>         }

    [5668] => 

    [5669] => 

    [5670] => 

    [5671] =>         function messagehorizontalload()

    [5672] =>         {

    [5673] =>             const div = document.createElement("div");

    [5674] =>             div.id = "messagehorizontal";

    [5675] =>             div.innerHTML = "horizontal";

    [5676] =>             tabcontentmessage.append(div);

    [5677] =>         }

    [5678] =>         addEventListener("load", messagehorizontalload);

    [5679] => 

    [5680] =>         function messagehorizontalselectload()

    [5681] =>         {

    [5682] =>             const br = document.createElement("br");

    [5683] =>             messagehorizontal.append(br);

    [5684] => 

    [5685] =>             const select = document.createElement("select");

    [5686] =>             select.id = "messagehorizontalselect";

    [5687] =>             select.addEventListener("input", messagehorizontalselectupdate);

    [5688] =>             messagehorizontal.append(select);

    [5689] => 

    [5690] =>             for(const value of horizontalarray)

    [5691] =>             {

    [5692] =>                 const option = document.createElement("option");

    [5693] =>                 option.innerHTML = value;

    [5694] =>                 select.add(option);

    [5695] =>             }

    [5696] => 

    [5697] =>             select.value = horizontalarray[1];

    [5698] => 

    [5699] =>             messagehorizontalselectset();

    [5700] =>         }

    [5701] =>         addEventListener("load", messagehorizontalselectload);

    [5702] => 

    [5703] =>         function messagehorizontalselectset()

    [5704] =>         {

    [5705] =>             text.messagehorizontal = messagehorizontalselect.value;

    [5706] =>         }

    [5707] => 

    [5708] =>         function messagehorizontalselectupdate()

    [5709] =>         {

    [5710] =>             messagehorizontalselectset();

    [5711] =>             svgupdate();

    [5712] =>         }

    [5713] => 

    [5714] => 

    [5715] => 

    [5716] =>         function messageverticalload()

    [5717] =>         {

    [5718] =>             const div = document.createElement("div");

    [5719] =>             div.id = "messagevertical";

    [5720] =>             div.innerHTML = "vertical";

    [5721] =>             tabcontentmessage.append(div);

    [5722] =>         }

    [5723] =>         addEventListener("load", messageverticalload);

    [5724] => 

    [5725] =>         function messageverticalselectload()

    [5726] =>         {

    [5727] =>             const br = document.createElement("br");

    [5728] =>             messagevertical.append(br);

    [5729] => 

    [5730] =>             const select = document.createElement("select");

    [5731] =>             select.id = "messageverticalselect";

    [5732] =>             select.addEventListener("input", messageverticalselectupdate);

    [5733] =>             messagevertical.append(select);

    [5734] => 

    [5735] =>             for(const value of verticalarray)

    [5736] =>             {

    [5737] =>                 const option = document.createElement("option");

    [5738] =>                 option.innerHTML = value;

    [5739] =>                 select.add(option);

    [5740] =>             }

    [5741] => 

    [5742] =>             select.value = verticalarray[1];

    [5743] => 

    [5744] =>             messageverticalselectset();

    [5745] =>         }

    [5746] =>         addEventListener("load", messageverticalselectload);

    [5747] => 

    [5748] =>         function messageverticalselectset()

    [5749] =>         {

    [5750] =>             text.messagevertical = messageverticalselect.value;

    [5751] =>         }

    [5752] => 

    [5753] =>         function messageverticalselectupdate()

    [5754] =>         {

    [5755] =>             messageverticalselectset();

    [5756] =>             svgupdate();

    [5757] =>         }

    [5758] => 

    [5759] => 

    [5760] => 

    [5761] =>         function messagewritingmodeload()

    [5762] =>         {

    [5763] =>             const div = document.createElement("div");

    [5764] =>             div.id = "messagewritingmode";

    [5765] =>             div.innerHTML = "writing-mode";

    [5766] =>             tabcontentmessage.append(div);

    [5767] =>         }

    [5768] =>         addEventListener("load", messagewritingmodeload);

    [5769] => 

    [5770] =>         function messagewritingmodeselectload()

    [5771] =>         {

    [5772] =>             const br = document.createElement("br");

    [5773] =>             messagewritingmode.append(br);

    [5774] => 

    [5775] =>             const select = document.createElement("select");

    [5776] =>             select.id = "messagewritingmodeselect";

    [5777] =>             select.addEventListener("input", messagewritingmodeselectupdate);

    [5778] =>             messagewritingmode.append(select);

    [5779] => 

    [5780] =>             for(const value of writingmodearray)

    [5781] =>             {

    [5782] =>                 const option = document.createElement("option");

    [5783] =>                 option.innerHTML = value;

    [5784] =>                 select.add(option);

    [5785] =>             }

    [5786] => 

    [5787] =>             messagewritingmodeselectset();

    [5788] =>         }

    [5789] =>         addEventListener("load", messagewritingmodeselectload);

    [5790] => 

    [5791] =>         function messagewritingmodeselectset()

    [5792] =>         {

    [5793] =>             text.messagewritingmode = messagewritingmodeselect.value;

    [5794] =>         }

    [5795] => 

    [5796] =>         function messagewritingmodeselectupdate()

    [5797] =>         {

    [5798] =>             messagewritingmodeselectset();

    [5799] =>             svgupdate();

    [5800] =>         }

    [5801] => 

    [5802] => 

    [5803] => 

    [5804] =>         function messagefontfamilyload()

    [5805] =>         {

    [5806] =>             const div = document.createElement("div");

    [5807] =>             div.id = "messagefontfamily";

    [5808] =>             div.innerHTML = "font-family";

    [5809] =>             tabcontentmessage.append(div);

    [5810] =>         }

    [5811] =>         addEventListener("load", messagefontfamilyload);

    [5812] => 

    [5813] =>         function messagefontfamilyselectload()

    [5814] =>         {

    [5815] =>             const br = document.createElement("br");

    [5816] =>             messagefontfamily.append(br);

    [5817] => 

    [5818] =>             const select = document.createElement("select");

    [5819] =>             select.id = "messagefontfamilyselect";

    [5820] =>             select.addEventListener("input", messagefontfamilyselectupdate);

    [5821] =>             messagefontfamily.append(select);

    [5822] => 

    [5823] =>             for(const value of fontfamilyarray)

    [5824] =>             {

    [5825] =>                 const option = document.createElement("option");

    [5826] =>                 option.innerHTML = value;

    [5827] =>                 select.add(option);

    [5828] =>             }

    [5829] => 

    [5830] =>             messagefontfamilyselectset();

    [5831] =>         }

    [5832] =>         addEventListener("load", messagefontfamilyselectload);

    [5833] => 

    [5834] =>         function messagefontfamilyselectset()

    [5835] =>         {

    [5836] =>             text.messagefontfamily = messagefontfamilyselect.value;

    [5837] =>         }

    [5838] => 

    [5839] =>         function messagefontfamilyselectupdate()

    [5840] =>         {

    [5841] =>             messagefontfamilyselectset();

    [5842] =>             svgupdate();

    [5843] =>         }

    [5844] => 

    [5845] => 

    [5846] => 

    [5847] => 

    [5848] => function messagefontsizeload()

    [5849] =>         {

    [5850] =>             const div = document.createElement("div");

    [5851] =>             div.id = "messagefontsize";

    [5852] =>             div.innerHTML = "font-size";

    [5853] =>             tabcontentmessage.append(div);

    [5854] =>         }

    [5855] =>         addEventListener("load", messagefontsizeload);

    [5856] => 

    [5857] =>         function messagefontsizenumberload()

    [5858] =>         {

    [5859] =>             const br = document.createElement("br");

    [5860] =>             messagefontsize.append(br);

    [5861] => 

    [5862] =>             const input = document.createElement("input");

    [5863] =>             input.id = "messagefontsizenumber";

    [5864] =>             input.max = 1000;

    [5865] =>             input.min = 0;

    [5866] =>             input.type = "number";

    [5867] =>             input.value = 140;

    [5868] =>             input.addEventListener("input", messagefontsizenumberupdate);

    [5869] =>             messagefontsize.append(input);

    [5870] => 

    [5871] =>             //messagefontsizenumberset();

    [5872] =>         }

    [5873] =>         addEventListener("load", messagefontsizenumberload);

    [5874] => 

    [5875] =>         function messagefontsizenumberset()

    [5876] =>         {

    [5877] =>             const v = Number(messagefontsizenumber.value);

    [5878] => 

    [5879] =>             messagefontsizerange.value = v;

    [5880] =>             text.messagefontsize = v;

    [5881] =>         }

    [5882] => 

    [5883] =>         function messagefontsizenumberupdate()

    [5884] =>         {

    [5885] =>             messagefontsizenumberset();

    [5886] =>             svgupdate();

    [5887] =>         }

    [5888] => 

    [5889] =>         function messagefontsizerangeload()

    [5890] =>         {

    [5891] =>             const input = document.createElement("input");

    [5892] =>             input.id = "messagefontsizerange";

    [5893] =>             input.max = messagefontsizenumber.max;

    [5894] =>             input.min = messagefontsizenumber.min;

    [5895] =>             input.type = "range";

    [5896] =>             input.value = messagefontsizenumber.value;

    [5897] =>             input.addEventListener("input", messagefontsizerangeupdate);

    [5898] =>             messagefontsize.append(input);

    [5899] => 

    [5900] =>             messagefontsizerangeset();

    [5901] =>         }

    [5902] =>         addEventListener("load", messagefontsizerangeload);

    [5903] => 

    [5904] =>         function messagefontsizerangeset()

    [5905] =>         {

    [5906] =>             const v = Number(messagefontsizerange.value);

    [5907] => 

    [5908] =>             messagefontsizenumber.value = v;

    [5909] =>             text.messagefontsize = v;

    [5910] =>         }

    [5911] => 

    [5912] =>         function messagefontsizerangeupdate()

    [5913] =>         {

    [5914] =>             messagefontsizerangeset();

    [5915] =>             svgupdate();

    [5916] =>         }

    [5917] => 

    [5918] =>         function messagefontsizeexactload()

    [5919] =>         {

    [5920] =>             const br = document.createElement("br");

    [5921] =>             messagefontsize.append(br);

    [5922] => 

    [5923] =>             const array =

    [5924] =>             [

    [5925] =>                 ["0",0],

    [5926] =>                 ["50",50],

    [5927] =>                 ["100",100],

    [5928] =>                 ["250",250],

    [5929] =>                 ["500",500],

    [5930] =>                 ["1000",1000],

    [5931] =>             ];

    [5932] => 

    [5933] =>             for(const value of array)

    [5934] =>             {

    [5935] =>                 const button = document.createElement("button");

    [5936] =>                 button.innerHTML = value[0];

    [5937] =>                 button.value = value[1];

    [5938] =>                 button.addEventListener("click", messagefontsizeexactupdate);

    [5939] =>                 messagefontsize.append(button);

    [5940] =>             }

    [5941] =>         }

    [5942] =>         addEventListener("load", messagefontsizeexactload);

    [5943] => 

    [5944] =>         function messagefontsizeexactupdate(e)

    [5945] =>         {

    [5946] =>             messagefontsizenumber.value = Number(e.target.value);

    [5947] => 

    [5948] =>             messagefontsizenumberupdate();

    [5949] =>         }

    [5950] => 

    [5951] =>         function messagefontsizeincrementload()

    [5952] =>         {

    [5953] =>             const br = document.createElement("br");

    [5954] =>             messagefontsize.append(br);

    [5955] => 

    [5956] =>             const array =

    [5957] =>             [

    [5958] =>                 ["-100",-100],

    [5959] =>                 ["-10",-10],

    [5960] =>                 ["-1",-1],

    [5961] =>                 ["+1",1],

    [5962] =>                 ["+10",10],

    [5963] =>                 ["+100",100],

    [5964] =>             ];

    [5965] => 

    [5966] =>             for(const value of array)

    [5967] =>             {

    [5968] =>                 const button = document.createElement("button");

    [5969] =>                 button.innerHTML = value[0];

    [5970] =>                 button.value = value[1];

    [5971] =>                 button.addEventListener("click", messagefontsizeincrementupdate);

    [5972] =>                 messagefontsize.append(button);

    [5973] =>             }

    [5974] =>         }

    [5975] =>         addEventListener("load", messagefontsizeincrementload);

    [5976] => 

    [5977] =>         function messagefontsizeincrementupdate(e)

    [5978] =>         {

    [5979] =>             const v = Number(messagefontsizenumber.value) + Number(e.target.value);

    [5980] => 

    [5981] =>             if((messagefontsizenumber.min <= v) && (v <= messagefontsizenumber.max))

    [5982] =>             {

    [5983] =>                 messagefontsizenumber.value = v;

    [5984] => 

    [5985] =>                 messagefontsizenumberupdate();

    [5986] =>             }

    [5987] =>         }

    [5988] => 

    [5989] => /*

    [5990] =>         function messagefontsizefitload()

    [5991] =>         {

    [5992] =>             const button = document.createElement("button");

    [5993] =>             button.innerHTML = "fit";

    [5994] =>             button.addEventListener("click", messagefontsizefitupdate);

    [5995] =>             messagefontsize.append(button);

    [5996] =>         }

    [5997] =>         addEventListener("load", messagefontsizefitload);

    [5998] => 

    [5999] =>         function messagefontsizefitupdate()

    [6000] =>         {

    [6001] =>             const t = document.createElement("div");

    [6002] =>             messagefontsize.append(t);

    [6003] =>             t.innerHTML = text.bookname;

    [6004] =>             t.style.fontSize = `${messagefontsizenumber.value}px`;

    [6005] => 

    [6006] =>             const h1 = text.messagewidth;

    [6007] =>             const h2 = text.messageheight;

    [6008] =>             const h3 = t.offsetWidth;

    [6009] =>             const h4 = t.offsetHeight;

    [6010] =>             const h5 = messagefontsizenumber.value;

    [6011] => 

    [6012] =>             //const h4 = t.offsetParent;//t.style.fontSize;

    [6013] =>             //const h5 = t.clientHeight;//text.style.height;

    [6014] =>             //const h6 = text.height;

    [6015] =>             //const h7 = text.getBoundingClientRect().height;

    [6016] =>             //const h8 = text.style.lineHeight;

    [6017] =>             //const h9 = canvas.getBoundingClientRect().height;

    [6018] =>             console.log(h1, h2, h3, h4, h5);

    [6019] =>             //t.hidden = true;

    [6020] => 

    [6021] =>             if(h2 < h4)

    [6022] =>             {

    [6023] =>                 messagefontsizenumber.value -= 1;

    [6024] =>                 messagefit();

    [6025] =>             }

    [6026] => 

    [6027] =>             messagefontsizenumberupdate();

    [6028] =>         }

    [6029] => //*/

    [6030] => 

    [6031] => 

    [6032] => 

    [6033] =>         function messagefontstyleload()

    [6034] =>         {

    [6035] =>             const div = document.createElement("div");

    [6036] =>             div.id = "messagefontstyle";

    [6037] =>             div.innerHTML = "font-style";

    [6038] =>             tabcontentmessage.append(div);

    [6039] =>         }

    [6040] =>         addEventListener("load", messagefontstyleload);

    [6041] => 

    [6042] =>         function messagefontstyleselectload()

    [6043] =>         {

    [6044] =>             const br = document.createElement("br");

    [6045] =>             messagefontstyle.append(br);

    [6046] => 

    [6047] =>             const select = document.createElement("select");

    [6048] =>             select.id = "messagefontstyleselect";

    [6049] =>             select.addEventListener("input", messagefontstyleselectupdate);

    [6050] =>             messagefontstyle.append(select);

    [6051] => 

    [6052] =>             for(const value of fontstylearray)

    [6053] =>             {

    [6054] =>                 const option = document.createElement("option");

    [6055] =>                 option.innerHTML = value;

    [6056] =>                 select.add(option);

    [6057] =>             }

    [6058] => 

    [6059] =>             messagefontstyleselectset();

    [6060] =>         }

    [6061] =>         addEventListener("load", messagefontstyleselectload);

    [6062] => 

    [6063] =>         function messagefontstyleselectset()

    [6064] =>         {

    [6065] =>             text.messagefontstyle = messagefontstyleselect.value;

    [6066] =>         }

    [6067] => 

    [6068] =>         function messagefontstyleselectupdate()

    [6069] =>         {

    [6070] =>             messagefontstyleselectset();

    [6071] =>             svgupdate();

    [6072] =>         }

    [6073] => 

    [6074] => 

    [6075] => 

    [6076] =>         function messagefontvariantload()

    [6077] =>         {

    [6078] =>             const div = document.createElement("div");

    [6079] =>             div.id = "messagefontvariant";

    [6080] =>             div.innerHTML = "font-variant";

    [6081] =>             tabcontentmessage.append(div);

    [6082] =>         }

    [6083] =>         addEventListener("load", messagefontvariantload);

    [6084] => 

    [6085] =>         function messagefontvariantselectload()

    [6086] =>         {

    [6087] =>             const br = document.createElement("br");

    [6088] =>             messagefontvariant.append(br);

    [6089] => 

    [6090] =>             const select = document.createElement("select");

    [6091] =>             select.id = "messagefontvariantselect";

    [6092] =>             select.addEventListener("input", messagefontvariantselectupdate);

    [6093] =>             messagefontvariant.append(select);

    [6094] => 

    [6095] =>             for(const value of fontvariantarray)

    [6096] =>             {

    [6097] =>                 const option = document.createElement("option");

    [6098] =>                 option.innerHTML = value;

    [6099] =>                 select.add(option);

    [6100] =>             }

    [6101] => 

    [6102] =>             messagefontvariantselectset();

    [6103] =>         }

    [6104] =>         addEventListener("load", messagefontvariantselectload);

    [6105] => 

    [6106] =>         function messagefontvariantselectset()

    [6107] =>         {

    [6108] =>             text.messagefontvariant = messagefontvariantselect.value;

    [6109] =>         }

    [6110] => 

    [6111] =>         function messagefontvariantselectupdate()

    [6112] =>         {

    [6113] =>             messagefontvariantselectset();

    [6114] =>             svgupdate();

    [6115] =>         }

    [6116] => 

    [6117] => 

    [6118] => 

    [6119] =>         function messagefontweightload()

    [6120] =>         {

    [6121] =>             const div = document.createElement("div");

    [6122] =>             div.id = "messagefontweight";

    [6123] =>             div.innerHTML = "font-weight";

    [6124] =>             tabcontentmessage.append(div);

    [6125] =>         }

    [6126] =>         addEventListener("load", messagefontweightload);

    [6127] => 

    [6128] =>         function messagefontweightselectload()

    [6129] =>         {

    [6130] =>             const br = document.createElement("br");

    [6131] =>             messagefontweight.append(br);

    [6132] => 

    [6133] =>             const select = document.createElement("select");

    [6134] =>             select.id = "messagefontweightselect";

    [6135] =>             select.addEventListener("input", messagefontweightselectupdate);

    [6136] =>             messagefontweight.append(select);

    [6137] => 

    [6138] =>             for(const value of fontweightarray)

    [6139] =>             {

    [6140] =>                 const option = document.createElement("option");

    [6141] =>                 option.innerHTML = value;

    [6142] =>                 select.add(option);

    [6143] =>             }

    [6144] => 

    [6145] =>             messagefontweightselectset();

    [6146] =>         }

    [6147] =>         addEventListener("load", messagefontweightselectload);

    [6148] => 

    [6149] =>         function messagefontweightselectset()

    [6150] =>         {

    [6151] =>             text.messagefontweight = messagefontweightselect.value;

    [6152] =>         }

    [6153] => 

    [6154] =>         function messagefontweightselectupdate()

    [6155] =>         {

    [6156] =>             messagefontweightselectset();

    [6157] =>             svgupdate();

    [6158] =>         }

    [6159] => 

    [6160] => 

    [6161] => 

    [6162] =>         function messagecolorload()

    [6163] =>         {

    [6164] =>             const div = document.createElement("div");

    [6165] =>             div.id = "messagecolor";

    [6166] =>             div.innerHTML = "color";

    [6167] =>             tabcontentmessage.append(div);

    [6168] =>         }

    [6169] =>         addEventListener("load", messagecolorload);

    [6170] => 

    [6171] =>         function messagecolorcolorload()

    [6172] =>         {

    [6173] =>             const br = document.createElement("br");

    [6174] =>             messagecolor.append(br);

    [6175] => 

    [6176] =>             const input = document.createElement("input");

    [6177] =>             input.id = "messagecolorcolor";

    [6178] =>             input.type = "color";

    [6179] =>             input.value = "#000000";

    [6180] =>             input.addEventListener("input", messagecolorcolorupdate);

    [6181] =>             messagecolor.append(input);

    [6182] => 

    [6183] =>             //messagecolorcolorset();

    [6184] =>         }

    [6185] =>         addEventListener("load", messagecolorcolorload);

    [6186] => 

    [6187] =>         function messagecolorcolorset()

    [6188] =>         {

    [6189] =>             const c = messagecolorcolor.value;

    [6190] =>             const r = parseInt(c.slice(1,3),16);

    [6191] =>             const g = parseInt(c.slice(3,5),16);

    [6192] =>             const b = parseInt(c.slice(5,7),16);

    [6193] =>             const a = messagealphanumber.value;

    [6194] => 

    [6195] =>             text.messagecolor = `rgb(${r} ${g} ${b} / ${a})`;

    [6196] =>         }

    [6197] => 

    [6198] =>         function messagecolorcolorupdate()

    [6199] =>         {

    [6200] =>             messagecolorcolorset();

    [6201] =>             svgupdate();

    [6202] =>         }

    [6203] => 

    [6204] =>         function messagecolorexactload()

    [6205] =>         {

    [6206] =>             const br = document.createElement("br");

    [6207] =>             messagecolor.append(br);

    [6208] => 

    [6209] =>             const array =

    [6210] =>             [

    [6211] =>                 ["black","#000000"],

    [6212] =>                 ["white","#ffffff"],

    [6213] =>             ];

    [6214] => 

    [6215] =>             for(const value of array)

    [6216] =>             {

    [6217] =>                 const button = document.createElement("button");

    [6218] =>                 button.innerHTML = value[0];

    [6219] =>                 button.value = value[1];

    [6220] =>                 button.addEventListener("click", messagecolorexactupdate);

    [6221] =>                 messagecolor.append(button);

    [6222] =>             }

    [6223] =>         }

    [6224] =>         addEventListener("load", messagecolorexactload);

    [6225] => 

    [6226] =>         function messagecolorexactupdate(e)

    [6227] =>         {

    [6228] =>             messagecolorcolor.value = e.target.value;

    [6229] => 

    [6230] =>             messagecolorcolorupdate();

    [6231] =>         }

    [6232] => 

    [6233] => 

    [6234] => 

    [6235] =>         function messagealphaload()

    [6236] =>         {

    [6237] =>             const div = document.createElement("div");

    [6238] =>             div.id = "messagealpha";

    [6239] =>             div.innerHTML = "alpha";

    [6240] =>             tabcontentmessage.append(div);

    [6241] => 

    [6242] =>             const style = div.style;

    [6243] =>             style.overflowY = "hidden";

    [6244] =>             style.whiteSpace = "nowrap";

    [6245] =>         }

    [6246] =>         addEventListener("load", messagealphaload);

    [6247] => 

    [6248] =>         function messagealphanumberload()

    [6249] =>         {

    [6250] =>             const br = document.createElement("br");

    [6251] =>             messagealpha.append(br);

    [6252] => 

    [6253] =>             const input = document.createElement("input");

    [6254] =>             input.id = "messagealphanumber";

    [6255] =>             input.max = 1;

    [6256] =>             input.min = 0;

    [6257] =>             input.step = 0.01;

    [6258] =>             input.type = "number";

    [6259] =>             input.value = 1;

    [6260] =>             input.addEventListener("input", messagealphanumberupdate);

    [6261] =>             messagealpha.append(input);

    [6262] => 

    [6263] =>             //messagealphanumberset();

    [6264] =>         }

    [6265] =>         addEventListener("load", messagealphanumberload);

    [6266] => 

    [6267] =>         function messagealphanumberset()

    [6268] =>         {

    [6269] =>             const c = messagecolorcolor.value;

    [6270] =>             const r = parseInt(c.slice(1,3),16);

    [6271] =>             const g = parseInt(c.slice(3,5),16);

    [6272] =>             const b = parseInt(c.slice(5,7),16);

    [6273] =>             const a = messagealphanumber.value;

    [6274] => 

    [6275] =>             messagealpharange.value = a;

    [6276] =>             text.messagecolor = `rgb(${r} ${g} ${b} / ${a})`;

    [6277] =>         }

    [6278] => 

    [6279] =>         function messagealphanumberupdate()

    [6280] =>         {

    [6281] =>             messagealphanumberset();

    [6282] =>             svgupdate();

    [6283] =>         }

    [6284] => 

    [6285] =>         function messagealpharangeload()

    [6286] =>         {

    [6287] =>             const input = document.createElement("input");

    [6288] =>             input.id = "messagealpharange";

    [6289] =>             input.max = messagealphanumber.max;

    [6290] =>             input.min = messagealphanumber.min;

    [6291] =>             input.step = messagealphanumber.step;

    [6292] =>             input.type = "range";

    [6293] =>             input.value = messagealphanumber.value;

    [6294] =>             input.addEventListener("input", messagealpharangeupdate);

    [6295] =>             messagealpha.append(input);

    [6296] => 

    [6297] =>             messagealpharangeset();

    [6298] =>         }

    [6299] =>         addEventListener("load", messagealpharangeload);

    [6300] => 

    [6301] =>         function messagealpharangeset()

    [6302] =>         {

    [6303] =>             const c = messagecolorcolor.value;

    [6304] =>             const r = parseInt(c.slice(1,3),16);

    [6305] =>             const g = parseInt(c.slice(3,5),16);

    [6306] =>             const b = parseInt(c.slice(5,7),16);

    [6307] =>             const a = messagealpharange.value;

    [6308] => 

    [6309] =>             messagealphanumber.value = a;

    [6310] =>             text.messagecolor = `rgb(${r} ${g} ${b} / ${a})`;

    [6311] =>         }

    [6312] => 

    [6313] =>         function messagealpharangeupdate()

    [6314] =>         {

    [6315] =>             messagealpharangeset();

    [6316] =>             svgupdate();

    [6317] =>         }

    [6318] => 

    [6319] =>         function messagealphaexactload()

    [6320] =>         {

    [6321] =>             const br = document.createElement("br");

    [6322] =>             messagealpha.append(br);

    [6323] => 

    [6324] =>             const array =

    [6325] =>             [

    [6326] =>                 ["0",0],

    [6327] =>                 ["0.25",0.25],

    [6328] =>                 ["0.5",0.5],

    [6329] =>                 ["0.75",0.75],

    [6330] =>                 ["1",1],

    [6331] =>             ];

    [6332] => 

    [6333] =>             for(const value of array)

    [6334] =>             {

    [6335] =>                 const button = document.createElement("button");

    [6336] =>                 button.innerHTML = value[0];

    [6337] =>                 button.value = value[1];

    [6338] =>                 button.addEventListener("click", messagealphaexactupdate);

    [6339] =>                 messagealpha.append(button);

    [6340] =>             }

    [6341] =>         }

    [6342] =>         addEventListener("load", messagealphaexactload);

    [6343] => 

    [6344] =>         function messagealphaexactupdate(e)

    [6345] =>         {

    [6346] =>             messagealphanumber.value = Number(e.target.value);

    [6347] => 

    [6348] =>             messagealphanumberupdate();

    [6349] =>         }

    [6350] => 

    [6351] =>         function messagealphaincrementload()

    [6352] =>         {

    [6353] =>             const br = document.createElement("br");

    [6354] =>             messagealpha.append(br);

    [6355] => 

    [6356] =>             const array =

    [6357] =>             [

    [6358] =>                 ["-0.1",-0.1],

    [6359] =>                 ["-0.01",-0.01],

    [6360] =>                 ["+0.01",0.01],

    [6361] =>                 ["+0.1",0.1],

    [6362] =>             ];

    [6363] => 

    [6364] =>             for(const value of array)

    [6365] =>             {

    [6366] =>                 const button = document.createElement("button");

    [6367] =>                 button.innerHTML = value[0];

    [6368] =>                 button.value = value[1];

    [6369] =>                 button.addEventListener("click", messagealphaincrementupdate);

    [6370] =>                 messagealpha.append(button);

    [6371] =>             }

    [6372] =>         }

    [6373] =>         addEventListener("load", messagealphaincrementload);

    [6374] => 

    [6375] =>         function messagealphaincrementupdate(e)

    [6376] =>         {

    [6377] =>             let v = Number(messagealphanumber.value) + Number(e.target.value);

    [6378] =>             v = parseFloat(v.toFixed(2));

    [6379] => 

    [6380] =>             if((messagealphanumber.min <= v) && (v <= messagealphanumber.max))

    [6381] =>             {

    [6382] =>                 messagealphanumber.value = v;

    [6383] => 

    [6384] =>                 messagealphanumberupdate();

    [6385] =>             }

    [6386] =>         }

    [6387] => 

    [6388] => 

    [6389] => 

    [6390] => /*leftoff

    [6391] =>         function messagefilterblurload()

    [6392] =>         {

    [6393] =>             const div = document.createElement("div");

    [6394] =>             div.id = "messagefilterblur";

    [6395] =>             div.innerHTML = "filter-blur";

    [6396] =>             tabcontentmessage.append(div);

    [6397] => 

    [6398] =>             const style = div.style;

    [6399] =>             style.overflowY = "hidden";

    [6400] =>             style.whiteSpace = "nowrap";

    [6401] =>         }

    [6402] =>         addEventListener("load", messagefilterblurload);

    [6403] => 

    [6404] =>         function messagefilterblurnumberload()

    [6405] =>         {

    [6406] =>             const br = document.createElement("br");

    [6407] =>             messagefilterblur.append(br);

    [6408] => 

    [6409] =>             const input = document.createElement("input");

    [6410] =>             input.id = "messagefilterblurnumber";

    [6411] =>             input.max = 1000;

    [6412] =>             input.min = 0;

    [6413] =>             input.step = 1;

    [6414] =>             input.type = "number";

    [6415] =>             input.value = 0;

    [6416] =>             input.addEventListener("input", messagefilterblurnumberupdate);

    [6417] =>             messagefilterblur.append(input);

    [6418] => 

    [6419] =>             //messagefilterblurnumberset();

    [6420] =>         }

    [6421] =>         addEventListener("load", messagefilterblurnumberload);

    [6422] => 

    [6423] =>         function messagefilterblurnumberset()

    [6424] =>         {

    [6425] =>             const v = messagefilterblurnumber.value;

    [6426] => 

    [6427] =>             messagefilterblurrange.value = v;

    [6428] =>             text.messagebackdropfilterblur = v;

    [6429] =>         }

    [6430] => 

    [6431] =>         function messagefilterblurnumberupdate()

    [6432] =>         {

    [6433] =>             messagefilterblurnumberset();

    [6434] =>             svgupdate();

    [6435] =>         }

    [6436] => 

    [6437] =>         function messagefilterblurrangeload()

    [6438] =>         {

    [6439] =>             const input = document.createElement("input");

    [6440] =>             input.id = "messagefilterblurrange";

    [6441] =>             input.max = messagefilterblurnumber.max;

    [6442] =>             input.min = messagefilterblurnumber.min;

    [6443] =>             input.step = messagefilterblurnumber.step;

    [6444] =>             input.type = "range";

    [6445] =>             input.value = messagefilterblurnumber.value;

    [6446] =>             input.addEventListener("input", messagefilterblurrangeupdate);

    [6447] =>             messagefilterblur.append(input);

    [6448] => 

    [6449] =>             messagefilterblurrangeset();

    [6450] =>         }

    [6451] =>         addEventListener("load", messagefilterblurrangeload);

    [6452] => 

    [6453] =>         function messagefilterblurrangeset()

    [6454] =>         {

    [6455] =>             const v = messagefilterblurrange.value;

    [6456] => 

    [6457] =>             messagefilterblurnumber.value = v;

    [6458] =>             text.messagebackdropfilterblur = v;

    [6459] =>         }

    [6460] => 

    [6461] =>         function messagefilterblurrangeupdate()

    [6462] =>         {

    [6463] =>             messagefilterblurrangeset();

    [6464] =>             svgupdate();

    [6465] =>         }

    [6466] => 

    [6467] =>         function messagefilterblurexactload()

    [6468] =>         {

    [6469] =>             const br = document.createElement("br");

    [6470] =>             messagefilterblur.append(br);

    [6471] => 

    [6472] =>             const array =

    [6473] =>             [

    [6474] =>                 ["0",0],

    [6475] =>                 ["2",2],

    [6476] =>                 ["4",4],

    [6477] =>                 ["8",8],

    [6478] =>                 ["16",16],

    [6479] =>                 ["32",32],

    [6480] =>                 ["64",64],

    [6481] =>             ];

    [6482] => 

    [6483] =>             for(const value of array)

    [6484] =>             {

    [6485] =>                 const button = document.createElement("button");

    [6486] =>                 button.innerHTML = value[0];

    [6487] =>                 button.value = value[1];

    [6488] =>                 button.addEventListener("click", messagefilterblurexactupdate);

    [6489] =>                 messagefilterblur.append(button);

    [6490] =>             }

    [6491] =>         }

    [6492] =>         addEventListener("load", messagefilterblurexactload);

    [6493] => 

    [6494] =>         function messagefilterblurexactupdate(e)

    [6495] =>         {

    [6496] =>             messagefilterblurnumber.value = Number(e.target.value);

    [6497] => 

    [6498] =>             messagefilterblurnumberupdate();

    [6499] =>         }

    [6500] => 

    [6501] =>         function messagefilterblurincrementload()

    [6502] =>         {

    [6503] =>             const br = document.createElement("br");

    [6504] =>             messagefilterblur.append(br);

    [6505] => 

    [6506] =>             const array =

    [6507] =>             [

    [6508] =>                 ["-100",-100],

    [6509] =>                 ["-10",-10],

    [6510] =>                 ["-1",-1],

    [6511] =>                 ["+1",1],

    [6512] =>                 ["+10",10],

    [6513] =>                 ["+100",100],

    [6514] =>             ];

    [6515] => 

    [6516] =>             for(const value of array)

    [6517] =>             {

    [6518] =>                 const button = document.createElement("button");

    [6519] =>                 button.innerHTML = value[0];

    [6520] =>                 button.value = value[1];

    [6521] =>                 button.addEventListener("click", messagefilterblurincrementupdate);

    [6522] =>                 messagefilterblur.append(button);

    [6523] =>             }

    [6524] =>         }

    [6525] =>         addEventListener("load", messagefilterblurincrementload);

    [6526] => 

    [6527] =>         function messagefilterblurincrementupdate(e)

    [6528] =>         {

    [6529] =>             const v = Number(messagefilterblurnumber.value) + Number(e.target.value);

    [6530] => 

    [6531] =>             if((messagefilterblurnumber.min <= v) && (v <= messagefilterblurnumber.max))

    [6532] =>             {

    [6533] =>                 messagefilterblurnumber.value = v;

    [6534] => 

    [6535] =>                 messagefilterblurnumberupdate();

    [6536] =>             }

    [6537] =>         }

    [6538] => 

    [6539] => 

    [6540] => 

    [6541] =>         function messagefilterbrightnessload()

    [6542] =>         {

    [6543] =>             const div = document.createElement("div");

    [6544] =>             div.id = "messagefilterbrightness";

    [6545] =>             div.innerHTML = "filter-brightness";

    [6546] =>             tabcontentmessage.append(div);

    [6547] => 

    [6548] =>             const style = div.style;

    [6549] =>             style.overflowY = "hidden";

    [6550] =>             style.whiteSpace = "nowrap";

    [6551] =>         }

    [6552] =>         addEventListener("load", messagefilterbrightnessload);

    [6553] => 

    [6554] =>         function messagefilterbrightnessnumberload()

    [6555] =>         {

    [6556] =>             const br = document.createElement("br");

    [6557] =>             messagefilterbrightness.append(br);

    [6558] => 

    [6559] =>             const input = document.createElement("input");

    [6560] =>             input.id = "messagefilterbrightnessnumber";

    [6561] =>             input.max = 1000;

    [6562] =>             input.min = 0;

    [6563] =>             input.step = 1;

    [6564] =>             input.type = "number";

    [6565] =>             input.value = 100;

    [6566] =>             input.addEventListener("input", messagefilterbrightnessnumberupdate);

    [6567] =>             messagefilterbrightness.append(input);

    [6568] => 

    [6569] =>             //messagefilterbrightnessnumberset();

    [6570] =>         }

    [6571] =>         addEventListener("load", messagefilterbrightnessnumberload);

    [6572] => 

    [6573] =>         function messagefilterbrightnessnumberset()

    [6574] =>         {

    [6575] =>             const v = messagefilterbrightnessnumber.value;

    [6576] => 

    [6577] =>             messagefilterbrightnessrange.value = v;

    [6578] =>             text.messagebackdropfilterbrightness = v;

    [6579] =>         }

    [6580] => 

    [6581] =>         function messagefilterbrightnessnumberupdate()

    [6582] =>         {

    [6583] =>             messagefilterbrightnessnumberset();

    [6584] =>             svgupdate();

    [6585] =>         }

    [6586] => 

    [6587] =>         function messagefilterbrightnessrangeload()

    [6588] =>         {

    [6589] =>             const input = document.createElement("input");

    [6590] =>             input.id = "messagefilterbrightnessrange";

    [6591] =>             input.max = messagefilterbrightnessnumber.max;

    [6592] =>             input.min = messagefilterbrightnessnumber.min;

    [6593] =>             input.step = messagefilterbrightnessnumber.step;

    [6594] =>             input.type = "range";

    [6595] =>             input.value = messagefilterbrightnessnumber.value;

    [6596] =>             input.addEventListener("input", messagefilterbrightnessrangeupdate);

    [6597] =>             messagefilterbrightness.append(input);

    [6598] => 

    [6599] =>             messagefilterbrightnessrangeset();

    [6600] =>         }

    [6601] =>         addEventListener("load", messagefilterbrightnessrangeload);

    [6602] => 

    [6603] =>         function messagefilterbrightnessrangeset()

    [6604] =>         {

    [6605] =>             const v = messagefilterbrightnessrange.value;

    [6606] => 

    [6607] =>             messagefilterbrightnessnumber.value = v;

    [6608] =>             text.messagebackdropfilterbrightness = v;

    [6609] =>         }

    [6610] => 

    [6611] =>         function messagefilterbrightnessrangeupdate()

    [6612] =>         {

    [6613] =>             messagefilterbrightnessrangeset();

    [6614] =>             svgupdate();

    [6615] =>         }

    [6616] => 

    [6617] =>         function messagefilterbrightnessexactload()

    [6618] =>         {

    [6619] =>             const br = document.createElement("br");

    [6620] =>             messagefilterbrightness.append(br);

    [6621] => 

    [6622] =>             const array =

    [6623] =>             [

    [6624] =>                 ["0",0],

    [6625] =>                 ["50",50],

    [6626] =>                 ["100 (initial)",100],

    [6627] =>                 ["150",150],

    [6628] =>                 ["200",200],

    [6629] =>             ];

    [6630] => 

    [6631] =>             for(const value of array)

    [6632] =>             {

    [6633] =>                 const button = document.createElement("button");

    [6634] =>                 button.innerHTML = value[0];

    [6635] =>                 button.value = value[1];

    [6636] =>                 button.addEventListener("click", messagefilterbrightnessexactupdate);

    [6637] =>                 messagefilterbrightness.append(button);

    [6638] =>             }

    [6639] =>         }

    [6640] =>         addEventListener("load", messagefilterbrightnessexactload);

    [6641] => 

    [6642] =>         function messagefilterbrightnessexactupdate(e)

    [6643] =>         {

    [6644] =>             messagefilterbrightnessnumber.value = Number(e.target.value);

    [6645] => 

    [6646] =>             messagefilterbrightnessnumberupdate();

    [6647] =>         }

    [6648] => 

    [6649] =>         function messagefilterbrightnessincrementload()

    [6650] =>         {

    [6651] =>             const br = document.createElement("br");

    [6652] =>             messagefilterbrightness.append(br);

    [6653] => 

    [6654] =>             const array =

    [6655] =>             [

    [6656] =>                 ["-100",-100],

    [6657] =>                 ["-10",-10],

    [6658] =>                 ["-1",-1],

    [6659] =>                 ["+1",1],

    [6660] =>                 ["+10",10],

    [6661] =>                 ["+100",100],

    [6662] =>             ];

    [6663] => 

    [6664] =>             for(const value of array)

    [6665] =>             {

    [6666] =>                 const button = document.createElement("button");

    [6667] =>                 button.innerHTML = value[0];

    [6668] =>                 button.value = value[1];

    [6669] =>                 button.addEventListener("click", messagefilterbrightnessincrementupdate);

    [6670] =>                 messagefilterbrightness.append(button);

    [6671] =>             }

    [6672] =>         }

    [6673] =>         addEventListener("load", messagefilterbrightnessincrementload);

    [6674] => 

    [6675] =>         function messagefilterbrightnessincrementupdate(e)

    [6676] =>         {

    [6677] =>             const v = Number(messagefilterbrightnessnumber.value) + Number(e.target.value);

    [6678] => 

    [6679] =>             if((messagefilterbrightnessnumber.min <= v) && (v <= messagefilterbrightnessnumber.max))

    [6680] =>             {

    [6681] =>                 messagefilterbrightnessnumber.value = v;

    [6682] => 

    [6683] =>                 messagefilterbrightnessnumberupdate();

    [6684] =>             }

    [6685] =>         }

    [6686] => 

    [6687] => 

    [6688] => 

    [6689] =>         function messagefiltercontrastload()

    [6690] =>         {

    [6691] =>             const div = document.createElement("div");

    [6692] =>             div.id = "messagefiltercontrast";

    [6693] =>             div.innerHTML = "filter-contrast";

    [6694] =>             tabcontentmessage.append(div);

    [6695] => 

    [6696] =>             const style = div.style;

    [6697] =>             style.overflowY = "hidden";

    [6698] =>             style.whiteSpace = "nowrap";

    [6699] =>         }

    [6700] =>         addEventListener("load", messagefiltercontrastload);

    [6701] => 

    [6702] =>         function messagefiltercontrastnumberload()

    [6703] =>         {

    [6704] =>             const br = document.createElement("br");

    [6705] =>             messagefiltercontrast.append(br);

    [6706] => 

    [6707] =>             const input = document.createElement("input");

    [6708] =>             input.id = "messagefiltercontrastnumber";

    [6709] =>             input.max = 1000;

    [6710] =>             input.min = 0;

    [6711] =>             input.step = 1;

    [6712] =>             input.type = "number";

    [6713] =>             input.value = 100;

    [6714] =>             input.addEventListener("input", messagefiltercontrastnumberupdate);

    [6715] =>             messagefiltercontrast.append(input);

    [6716] => 

    [6717] =>             //messagefiltercontrastnumberset();

    [6718] =>         }

    [6719] =>         addEventListener("load", messagefiltercontrastnumberload);

    [6720] => 

    [6721] =>         function messagefiltercontrastnumberset()

    [6722] =>         {

    [6723] =>             const v = messagefiltercontrastnumber.value;

    [6724] => 

    [6725] =>             messagefiltercontrastrange.value = v;

    [6726] =>             text.messagebackdropfiltercontrast = v;

    [6727] =>         }

    [6728] => 

    [6729] =>         function messagefiltercontrastnumberupdate()

    [6730] =>         {

    [6731] =>             messagefiltercontrastnumberset();

    [6732] =>             svgupdate();

    [6733] =>         }

    [6734] => 

    [6735] =>         function messagefiltercontrastrangeload()

    [6736] =>         {

    [6737] =>             const input = document.createElement("input");

    [6738] =>             input.id = "messagefiltercontrastrange";

    [6739] =>             input.max = messagefiltercontrastnumber.max;

    [6740] =>             input.min = messagefiltercontrastnumber.min;

    [6741] =>             input.step = messagefiltercontrastnumber.step;

    [6742] =>             input.type = "range";

    [6743] =>             input.value = messagefiltercontrastnumber.value;

    [6744] =>             input.addEventListener("input", messagefiltercontrastrangeupdate);

    [6745] =>             messagefiltercontrast.append(input);

    [6746] => 

    [6747] =>             messagefiltercontrastrangeset();

    [6748] =>         }

    [6749] =>         addEventListener("load", messagefiltercontrastrangeload);

    [6750] => 

    [6751] =>         function messagefiltercontrastrangeset()

    [6752] =>         {

    [6753] =>             const v = messagefiltercontrastrange.value;

    [6754] => 

    [6755] =>             messagefiltercontrastnumber.value = v;

    [6756] =>             text.messagebackdropfiltercontrast = v;

    [6757] =>         }

    [6758] => 

    [6759] =>         function messagefiltercontrastrangeupdate()

    [6760] =>         {

    [6761] =>             messagefiltercontrastrangeset();

    [6762] =>             svgupdate();

    [6763] =>         }

    [6764] => 

    [6765] =>         function messagefiltercontrastexactload()

    [6766] =>         {

    [6767] =>             const br = document.createElement("br");

    [6768] =>             messagefiltercontrast.append(br);

    [6769] => 

    [6770] =>             const array =

    [6771] =>             [

    [6772] =>                 ["0",0],

    [6773] =>                 ["50",50],

    [6774] =>                 ["100 (initial)",100],

    [6775] =>                 ["150",150],

    [6776] =>                 ["200",200],

    [6777] =>             ];

    [6778] => 

    [6779] =>             for(const value of array)

    [6780] =>             {

    [6781] =>                 const button = document.createElement("button");

    [6782] =>                 button.innerHTML = value[0];

    [6783] =>                 button.value = value[1];

    [6784] =>                 button.addEventListener("click", messagefiltercontrastexactupdate);

    [6785] =>                 messagefiltercontrast.append(button);

    [6786] =>             }

    [6787] =>         }

    [6788] =>         addEventListener("load", messagefiltercontrastexactload);

    [6789] => 

    [6790] =>         function messagefiltercontrastexactupdate(e)

    [6791] =>         {

    [6792] =>             messagefiltercontrastnumber.value = Number(e.target.value);

    [6793] => 

    [6794] =>             messagefiltercontrastnumberupdate();

    [6795] =>         }

    [6796] => 

    [6797] =>         function messagefiltercontrastincrementload()

    [6798] =>         {

    [6799] =>             const br = document.createElement("br");

    [6800] =>             messagefiltercontrast.append(br);

    [6801] => 

    [6802] =>             const array =

    [6803] =>             [

    [6804] =>                 ["-100",-100],

    [6805] =>                 ["-10",-10],

    [6806] =>                 ["-1",-1],

    [6807] =>                 ["+1",1],

    [6808] =>                 ["+10",10],

    [6809] =>                 ["+100",100],

    [6810] =>             ];

    [6811] => 

    [6812] =>             for(const value of array)

    [6813] =>             {

    [6814] =>                 const button = document.createElement("button");

    [6815] =>                 button.innerHTML = value[0];

    [6816] =>                 button.value = value[1];

    [6817] =>                 button.addEventListener("click", messagefiltercontrastincrementupdate);

    [6818] =>                 messagefiltercontrast.append(button);

    [6819] =>             }

    [6820] =>         }

    [6821] =>         addEventListener("load", messagefiltercontrastincrementload);

    [6822] => 

    [6823] =>         function messagefiltercontrastincrementupdate(e)

    [6824] =>         {

    [6825] =>             const v = Number(messagefiltercontrastnumber.value) + Number(e.target.value);

    [6826] => 

    [6827] =>             if((messagefiltercontrastnumber.min <= v) && (v <= messagefiltercontrastnumber.max))

    [6828] =>             {

    [6829] =>                 messagefiltercontrastnumber.value = v;

    [6830] => 

    [6831] =>                 messagefiltercontrastnumberupdate();

    [6832] =>             }

    [6833] =>         }

    [6834] => 

    [6835] => 

    [6836] => 

    [6837] =>         function messagefiltergrayscaleload()

    [6838] =>         {

    [6839] =>             const div = document.createElement("div");

    [6840] =>             div.id = "messagefiltergrayscale";

    [6841] =>             div.innerHTML = "filter-grayscale";

    [6842] =>             tabcontentmessage.append(div);

    [6843] => 

    [6844] =>             const style = div.style;

    [6845] =>             style.overflowY = "hidden";

    [6846] =>             style.whiteSpace = "nowrap";

    [6847] =>         }

    [6848] =>         addEventListener("load", messagefiltergrayscaleload);

    [6849] => 

    [6850] =>         function messagefiltergrayscalenumberload()

    [6851] =>         {

    [6852] =>             const br = document.createElement("br");

    [6853] =>             messagefiltergrayscale.append(br);

    [6854] => 

    [6855] =>             const input = document.createElement("input");

    [6856] =>             input.id = "messagefiltergrayscalenumber";

    [6857] =>             input.max = 100;

    [6858] =>             input.min = 0;

    [6859] =>             input.step = 1;

    [6860] =>             input.type = "number";

    [6861] =>             input.value = 0;

    [6862] =>             input.addEventListener("input", messagefiltergrayscalenumberupdate);

    [6863] =>             messagefiltergrayscale.append(input);

    [6864] => 

    [6865] =>             //messagefiltergrayscalenumberset();

    [6866] =>         }

    [6867] =>         addEventListener("load", messagefiltergrayscalenumberload);

    [6868] => 

    [6869] =>         function messagefiltergrayscalenumberset()

    [6870] =>         {

    [6871] =>             const v = messagefiltergrayscalenumber.value;

    [6872] => 

    [6873] =>             messagefiltergrayscalerange.value = v;

    [6874] =>             text.messagebackdropfiltergrayscale = v;

    [6875] =>         }

    [6876] => 

    [6877] =>         function messagefiltergrayscalenumberupdate()

    [6878] =>         {

    [6879] =>             messagefiltergrayscalenumberset();

    [6880] =>             svgupdate();

    [6881] =>         }

    [6882] => 

    [6883] =>         function messagefiltergrayscalerangeload()

    [6884] =>         {

    [6885] =>             const input = document.createElement("input");

    [6886] =>             input.id = "messagefiltergrayscalerange";

    [6887] =>             input.max = messagefiltergrayscalenumber.max;

    [6888] =>             input.min = messagefiltergrayscalenumber.min;

    [6889] =>             input.step = messagefiltergrayscalenumber.step;

    [6890] =>             input.type = "range";

    [6891] =>             input.value = messagefiltergrayscalenumber.value;

    [6892] =>             input.addEventListener("input", messagefiltergrayscalerangeupdate);

    [6893] =>             messagefiltergrayscale.append(input);

    [6894] => 

    [6895] =>             messagefiltergrayscalerangeset();

    [6896] =>         }

    [6897] =>         addEventListener("load", messagefiltergrayscalerangeload);

    [6898] => 

    [6899] =>         function messagefiltergrayscalerangeset()

    [6900] =>         {

    [6901] =>             const v = messagefiltergrayscalerange.value;

    [6902] => 

    [6903] =>             messagefiltergrayscalenumber.value = v;

    [6904] =>             text.messagebackdropfiltergrayscale = v;

    [6905] =>         }

    [6906] => 

    [6907] =>         function messagefiltergrayscalerangeupdate()

    [6908] =>         {

    [6909] =>             messagefiltergrayscalerangeset();

    [6910] =>             svgupdate();

    [6911] =>         }

    [6912] => 

    [6913] =>         function messagefiltergrayscaleexactload()

    [6914] =>         {

    [6915] =>             const br = document.createElement("br");

    [6916] =>             messagefiltergrayscale.append(br);

    [6917] => 

    [6918] =>             const array =

    [6919] =>             [

    [6920] =>                 ["0",0],

    [6921] =>                 ["25",25],

    [6922] =>                 ["50",50],

    [6923] =>                 ["75",75],

    [6924] =>                 ["100",100],

    [6925] =>             ];

    [6926] => 

    [6927] =>             for(const value of array)

    [6928] =>             {

    [6929] =>                 const button = document.createElement("button");

    [6930] =>                 button.innerHTML = value[0];

    [6931] =>                 button.value = value[1];

    [6932] =>                 button.addEventListener("click", messagefiltergrayscaleexactupdate);

    [6933] =>                 messagefiltergrayscale.append(button);

    [6934] =>             }

    [6935] =>         }

    [6936] =>         addEventListener("load", messagefiltergrayscaleexactload);

    [6937] => 

    [6938] =>         function messagefiltergrayscaleexactupdate(e)

    [6939] =>         {

    [6940] =>             messagefiltergrayscalenumber.value = Number(e.target.value);

    [6941] => 

    [6942] =>             messagefiltergrayscalenumberupdate();

    [6943] =>         }

    [6944] => 

    [6945] =>         function messagefiltergrayscaleincrementload()

    [6946] =>         {

    [6947] =>             const br = document.createElement("br");

    [6948] =>             messagefiltergrayscale.append(br);

    [6949] => 

    [6950] =>             const array =

    [6951] =>             [

    [6952] =>                 ["-10",-10],

    [6953] =>                 ["-1",-1],

    [6954] =>                 ["+1",1],

    [6955] =>                 ["+10",10],

    [6956] =>             ];

    [6957] => 

    [6958] =>             for(const value of array)

    [6959] =>             {

    [6960] =>                 const button = document.createElement("button");

    [6961] =>                 button.innerHTML = value[0];

    [6962] =>                 button.value = value[1];

    [6963] =>                 button.addEventListener("click", messagefiltergrayscaleincrementupdate);

    [6964] =>                 messagefiltergrayscale.append(button);

    [6965] =>             }

    [6966] =>         }

    [6967] =>         addEventListener("load", messagefiltergrayscaleincrementload);

    [6968] => 

    [6969] =>         function messagefiltergrayscaleincrementupdate(e)

    [6970] =>         {

    [6971] =>             const v = Number(messagefiltergrayscalenumber.value) + Number(e.target.value);

    [6972] => 

    [6973] =>             if((messagefiltergrayscalenumber.min <= v) && (v <= messagefiltergrayscalenumber.max))

    [6974] =>             {

    [6975] =>                 messagefiltergrayscalenumber.value = v;

    [6976] => 

    [6977] =>                 messagefiltergrayscalenumberupdate();

    [6978] =>             }

    [6979] =>         }

    [6980] => 

    [6981] => 

    [6982] => 

    [6983] =>         function messagefilterhuerotateload()

    [6984] =>         {

    [6985] =>             const div = document.createElement("div");

    [6986] =>             div.id = "messagefilterhuerotate";

    [6987] =>             div.innerHTML = "filter-hue-rotate";

    [6988] =>             tabcontentmessage.append(div);

    [6989] => 

    [6990] =>             const style = div.style;

    [6991] =>             style.overflowY = "hidden";

    [6992] =>             style.whiteSpace = "nowrap";

    [6993] =>         }

    [6994] =>         addEventListener("load", messagefilterhuerotateload);

    [6995] => 

    [6996] =>         function messagefilterhuerotatenumberload()

    [6997] =>         {

    [6998] =>             const br = document.createElement("br");

    [6999] =>             messagefilterhuerotate.append(br);

    [7000] => 

    [7001] =>             const input = document.createElement("input");

    [7002] =>             input.id = "messagefilterhuerotatenumber";

    [7003] =>             input.max = 360;

    [7004] =>             input.min = 0;

    [7005] =>             input.step = 1;

    [7006] =>             input.type = "number";

    [7007] =>             input.value = 0;

    [7008] =>             input.addEventListener("input", messagefilterhuerotatenumberupdate);

    [7009] =>             messagefilterhuerotate.append(input);

    [7010] => 

    [7011] =>             //messagefilterhuerotatenumberset();

    [7012] =>         }

    [7013] =>         addEventListener("load", messagefilterhuerotatenumberload);

    [7014] => 

    [7015] =>         function messagefilterhuerotatenumberset()

    [7016] =>         {

    [7017] =>             const v = messagefilterhuerotatenumber.value;

    [7018] => 

    [7019] =>             messagefilterhuerotaterange.value = v;

    [7020] =>             text.messagebackdropfilterhuerotate = v;

    [7021] =>         }

    [7022] => 

    [7023] =>         function messagefilterhuerotatenumberupdate()

    [7024] =>         {

    [7025] =>             messagefilterhuerotatenumberset();

    [7026] =>             svgupdate();

    [7027] =>         }

    [7028] => 

    [7029] =>         function messagefilterhuerotaterangeload()

    [7030] =>         {

    [7031] =>             const input = document.createElement("input");

    [7032] =>             input.id = "messagefilterhuerotaterange";

    [7033] =>             input.max = messagefilterhuerotatenumber.max;

    [7034] =>             input.min = messagefilterhuerotatenumber.min;

    [7035] =>             input.step = messagefilterhuerotatenumber.step;

    [7036] =>             input.type = "range";

    [7037] =>             input.value = messagefilterhuerotatenumber.value;

    [7038] =>             input.addEventListener("input", messagefilterhuerotaterangeupdate);

    [7039] =>             messagefilterhuerotate.append(input);

    [7040] => 

    [7041] =>             messagefilterhuerotaterangeset();

    [7042] =>         }

    [7043] =>         addEventListener("load", messagefilterhuerotaterangeload);

    [7044] => 

    [7045] =>         function messagefilterhuerotaterangeset()

    [7046] =>         {

    [7047] =>             const v = messagefilterhuerotaterange.value;

    [7048] => 

    [7049] =>             messagefilterhuerotatenumber.value = v;

    [7050] =>             text.messagebackdropfilterhuerotate = v;

    [7051] =>         }

    [7052] => 

    [7053] =>         function messagefilterhuerotaterangeupdate()

    [7054] =>         {

    [7055] =>             messagefilterhuerotaterangeset();

    [7056] =>             svgupdate();

    [7057] =>         }

    [7058] => 

    [7059] =>         function messagefilterhuerotateexactload()

    [7060] =>         {

    [7061] =>             const br = document.createElement("br");

    [7062] =>             messagefilterhuerotate.append(br);

    [7063] => 

    [7064] =>             const array =

    [7065] =>             [

    [7066] =>                 ["0",0],

    [7067] =>                 ["90",90],

    [7068] =>                 ["180",180],

    [7069] =>                 ["270",270],

    [7070] =>                 ["360",360],

    [7071] =>             ];

    [7072] => 

    [7073] =>             for(const value of array)

    [7074] =>             {

    [7075] =>                 const button = document.createElement("button");

    [7076] =>                 button.innerHTML = value[0];

    [7077] =>                 button.value = value[1];

    [7078] =>                 button.addEventListener("click", messagefilterhuerotateexactupdate);

    [7079] =>                 messagefilterhuerotate.append(button);

    [7080] =>             }

    [7081] =>         }

    [7082] =>         addEventListener("load", messagefilterhuerotateexactload);

    [7083] => 

    [7084] =>         function messagefilterhuerotateexactupdate(e)

    [7085] =>         {

    [7086] =>             messagefilterhuerotatenumber.value = Number(e.target.value);

    [7087] => 

    [7088] =>             messagefilterhuerotatenumberupdate();

    [7089] =>         }

    [7090] => 

    [7091] =>         function messagefilterhuerotateincrementload()

    [7092] =>         {

    [7093] =>             const br = document.createElement("br");

    [7094] =>             messagefilterhuerotate.append(br);

    [7095] => 

    [7096] =>             const array =

    [7097] =>             [

    [7098] =>                 //["-90",-90],

    [7099] =>                 ["-45",-45],

    [7100] =>                 ["-15",-15],

    [7101] =>                 ["-1",-1],

    [7102] =>                 ["+1",1],

    [7103] =>                 ["+15",15],

    [7104] =>                 ["+45",45],

    [7105] =>                 //["+90",90],

    [7106] =>             ];

    [7107] => 

    [7108] =>             for(const value of array)

    [7109] =>             {

    [7110] =>                 const button = document.createElement("button");

    [7111] =>                 button.innerHTML = value[0];

    [7112] =>                 button.value = value[1];

    [7113] =>                 button.addEventListener("click", messagefilterhuerotateincrementupdate);

    [7114] =>                 messagefilterhuerotate.append(button);

    [7115] =>             }

    [7116] =>         }

    [7117] =>         addEventListener("load", messagefilterhuerotateincrementload);

    [7118] => 

    [7119] =>         function messagefilterhuerotateincrementupdate(e)

    [7120] =>         {

    [7121] =>             const v = Number(messagefilterhuerotatenumber.value) + Number(e.target.value);

    [7122] => 

    [7123] =>             if((messagefilterhuerotatenumber.min <= v) && (v <= messagefilterhuerotatenumber.max))

    [7124] =>             {

    [7125] =>                 messagefilterhuerotatenumber.value = v;

    [7126] => 

    [7127] =>                 messagefilterhuerotatenumberupdate();

    [7128] =>             }

    [7129] =>         }

    [7130] => 

    [7131] => 

    [7132] => 

    [7133] =>         function messagefilterinvertload()

    [7134] =>         {

    [7135] =>             const div = document.createElement("div");

    [7136] =>             div.id = "messagefilterinvert";

    [7137] =>             div.innerHTML = "filter-invert";

    [7138] =>             tabcontentmessage.append(div);

    [7139] => 

    [7140] =>             const style = div.style;

    [7141] =>             style.overflowY = "hidden";

    [7142] =>             style.whiteSpace = "nowrap";

    [7143] =>         }

    [7144] =>         addEventListener("load", messagefilterinvertload);

    [7145] => 

    [7146] =>         function messagefilterinvertnumberload()

    [7147] =>         {

    [7148] =>             const br = document.createElement("br");

    [7149] =>             messagefilterinvert.append(br);

    [7150] => 

    [7151] =>             const input = document.createElement("input");

    [7152] =>             input.id = "messagefilterinvertnumber";

    [7153] =>             input.max = 100;

    [7154] =>             input.min = 0;

    [7155] =>             input.step = 1;

    [7156] =>             input.type = "number";

    [7157] =>             input.value = 0;

    [7158] =>             input.addEventListener("input", messagefilterinvertnumberupdate);

    [7159] =>             messagefilterinvert.append(input);

    [7160] => 

    [7161] =>             //messagefilterinvertnumberset();

    [7162] =>         }

    [7163] =>         addEventListener("load", messagefilterinvertnumberload);

    [7164] => 

    [7165] =>         function messagefilterinvertnumberset()

    [7166] =>         {

    [7167] =>             const v = messagefilterinvertnumber.value;

    [7168] => 

    [7169] =>             messagefilterinvertrange.value = v;

    [7170] =>             text.messagebackdropfilterinvert = v;

    [7171] =>         }

    [7172] => 

    [7173] =>         function messagefilterinvertnumberupdate()

    [7174] =>         {

    [7175] =>             messagefilterinvertnumberset();

    [7176] =>             svgupdate();

    [7177] =>         }

    [7178] => 

    [7179] =>         function messagefilterinvertrangeload()

    [7180] =>         {

    [7181] =>             const input = document.createElement("input");

    [7182] =>             input.id = "messagefilterinvertrange";

    [7183] =>             input.max = messagefilterinvertnumber.max;

    [7184] =>             input.min = messagefilterinvertnumber.min;

    [7185] =>             input.step = messagefilterinvertnumber.step;

    [7186] =>             input.type = "range";

    [7187] =>             input.value = messagefilterinvertnumber.value;

    [7188] =>             input.addEventListener("input", messagefilterinvertrangeupdate);

    [7189] =>             messagefilterinvert.append(input);

    [7190] => 

    [7191] =>             messagefilterinvertrangeset();

    [7192] =>         }

    [7193] =>         addEventListener("load", messagefilterinvertrangeload);

    [7194] => 

    [7195] =>         function messagefilterinvertrangeset()

    [7196] =>         {

    [7197] =>             const v = messagefilterinvertrange.value;

    [7198] => 

    [7199] =>             messagefilterinvertnumber.value = v;

    [7200] =>             text.messagebackdropfilterinvert = v;

    [7201] =>         }

    [7202] => 

    [7203] =>         function messagefilterinvertrangeupdate()

    [7204] =>         {

    [7205] =>             messagefilterinvertrangeset();

    [7206] =>             svgupdate();

    [7207] =>         }

    [7208] => 

    [7209] =>         function messagefilterinvertexactload()

    [7210] =>         {

    [7211] =>             const br = document.createElement("br");

    [7212] =>             messagefilterinvert.append(br);

    [7213] => 

    [7214] =>             const array =

    [7215] =>             [

    [7216] =>                 ["0",0],

    [7217] =>                 ["25",25],

    [7218] =>                 ["50",50],

    [7219] =>                 ["75",75],

    [7220] =>                 ["100",100],

    [7221] =>             ];

    [7222] => 

    [7223] =>             for(const value of array)

    [7224] =>             {

    [7225] =>                 const button = document.createElement("button");

    [7226] =>                 button.innerHTML = value[0];

    [7227] =>                 button.value = value[1];

    [7228] =>                 button.addEventListener("click", messagefilterinvertexactupdate);

    [7229] =>                 messagefilterinvert.append(button);

    [7230] =>             }

    [7231] =>         }

    [7232] =>         addEventListener("load", messagefilterinvertexactload);

    [7233] => 

    [7234] =>         function messagefilterinvertexactupdate(e)

    [7235] =>         {

    [7236] =>             messagefilterinvertnumber.value = Number(e.target.value);

    [7237] => 

    [7238] =>             messagefilterinvertnumberupdate();

    [7239] =>         }

    [7240] => 

    [7241] =>         function messagefilterinvertincrementload()

    [7242] =>         {

    [7243] =>             const br = document.createElement("br");

    [7244] =>             messagefilterinvert.append(br);

    [7245] => 

    [7246] =>             const array =

    [7247] =>             [

    [7248] =>                 ["-10",-10],

    [7249] =>                 ["-1",-1],

    [7250] =>                 ["+1",1],

    [7251] =>                 ["+10",10],

    [7252] =>             ];

    [7253] => 

    [7254] =>             for(const value of array)

    [7255] =>             {

    [7256] =>                 const button = document.createElement("button");

    [7257] =>                 button.innerHTML = value[0];

    [7258] =>                 button.value = value[1];

    [7259] =>                 button.addEventListener("click", messagefilterinvertincrementupdate);

    [7260] =>                 messagefilterinvert.append(button);

    [7261] =>             }

    [7262] =>         }

    [7263] =>         addEventListener("load", messagefilterinvertincrementload);

    [7264] => 

    [7265] =>         function messagefilterinvertincrementupdate(e)

    [7266] =>         {

    [7267] =>             const v = Number(messagefilterinvertnumber.value) + Number(e.target.value);

    [7268] => 

    [7269] =>             if((messagefilterinvertnumber.min <= v) && (v <= messagefilterinvertnumber.max))

    [7270] =>             {

    [7271] =>                 messagefilterinvertnumber.value = v;

    [7272] => 

    [7273] =>                 messagefilterinvertnumberupdate();

    [7274] =>             }

    [7275] =>         }

    [7276] => 

    [7277] => 

    [7278] => 

    [7279] =>         function messagefiltersaturateload()

    [7280] =>         {

    [7281] =>             const div = document.createElement("div");

    [7282] =>             div.id = "messagefiltersaturate";

    [7283] =>             div.innerHTML = "filter-saturate";

    [7284] =>             tabcontentmessage.append(div);

    [7285] => 

    [7286] =>             const style = div.style;

    [7287] =>             style.overflowY = "hidden";

    [7288] =>             style.whiteSpace = "nowrap";

    [7289] =>         }

    [7290] =>         addEventListener("load", messagefiltersaturateload);

    [7291] => 

    [7292] =>         function messagefiltersaturatenumberload()

    [7293] =>         {

    [7294] =>             const br = document.createElement("br");

    [7295] =>             messagefiltersaturate.append(br);

    [7296] => 

    [7297] =>             const input = document.createElement("input");

    [7298] =>             input.id = "messagefiltersaturatenumber";

    [7299] =>             input.max = 1000;

    [7300] =>             input.min = 0;

    [7301] =>             input.step = 1;

    [7302] =>             input.type = "number";

    [7303] =>             input.value = 100;

    [7304] =>             input.addEventListener("input", messagefiltersaturatenumberupdate);

    [7305] =>             messagefiltersaturate.append(input);

    [7306] => 

    [7307] =>             //messagefiltersaturatenumberset();

    [7308] =>         }

    [7309] =>         addEventListener("load", messagefiltersaturatenumberload);

    [7310] => 

    [7311] =>         function messagefiltersaturatenumberset()

    [7312] =>         {

    [7313] =>             const v = messagefiltersaturatenumber.value;

    [7314] => 

    [7315] =>             messagefiltersaturaterange.value = v;

    [7316] =>             text.messagebackdropfiltersaturate = v;

    [7317] =>         }

    [7318] => 

    [7319] =>         function messagefiltersaturatenumberupdate()

    [7320] =>         {

    [7321] =>             messagefiltersaturatenumberset();

    [7322] =>             svgupdate();

    [7323] =>         }

    [7324] => 

    [7325] =>         function messagefiltersaturaterangeload()

    [7326] =>         {

    [7327] =>             const input = document.createElement("input");

    [7328] =>             input.id = "messagefiltersaturaterange";

    [7329] =>             input.max = messagefiltersaturatenumber.max;

    [7330] =>             input.min = messagefiltersaturatenumber.min;

    [7331] =>             input.step = messagefiltersaturatenumber.step;

    [7332] =>             input.type = "range";

    [7333] =>             input.value = messagefiltersaturatenumber.value;

    [7334] =>             input.addEventListener("input", messagefiltersaturaterangeupdate);

    [7335] =>             messagefiltersaturate.append(input);

    [7336] => 

    [7337] =>             messagefiltersaturaterangeset();

    [7338] =>         }

    [7339] =>         addEventListener("load", messagefiltersaturaterangeload);

    [7340] => 

    [7341] =>         function messagefiltersaturaterangeset()

    [7342] =>         {

    [7343] =>             const v = messagefiltersaturaterange.value;

    [7344] => 

    [7345] =>             messagefiltersaturatenumber.value = v;

    [7346] =>             text.messagebackdropfiltersaturate = v;

    [7347] =>         }

    [7348] => 

    [7349] =>         function messagefiltersaturaterangeupdate()

    [7350] =>         {

    [7351] =>             messagefiltersaturaterangeset();

    [7352] =>             svgupdate();

    [7353] =>         }

    [7354] => 

    [7355] =>         function messagefiltersaturateexactload()

    [7356] =>         {

    [7357] =>             const br = document.createElement("br");

    [7358] =>             messagefiltersaturate.append(br);

    [7359] => 

    [7360] =>             const array =

    [7361] =>             [

    [7362] =>                 ["0",0],

    [7363] =>                 ["50",50],

    [7364] =>                 ["100 (initial)",100],

    [7365] =>                 ["150",150],

    [7366] =>                 ["200",200],

    [7367] =>             ];

    [7368] => 

    [7369] =>             for(const value of array)

    [7370] =>             {

    [7371] =>                 const button = document.createElement("button");

    [7372] =>                 button.innerHTML = value[0];

    [7373] =>                 button.value = value[1];

    [7374] =>                 button.addEventListener("click", messagefiltersaturateexactupdate);

    [7375] =>                 messagefiltersaturate.append(button);

    [7376] =>             }

    [7377] =>         }

    [7378] =>         addEventListener("load", messagefiltersaturateexactload);

    [7379] => 

    [7380] =>         function messagefiltersaturateexactupdate(e)

    [7381] =>         {

    [7382] =>             messagefiltersaturatenumber.value = Number(e.target.value);

    [7383] => 

    [7384] =>             messagefiltersaturatenumberupdate();

    [7385] =>         }

    [7386] => 

    [7387] =>         function messagefiltersaturateincrementload()

    [7388] =>         {

    [7389] =>             const br = document.createElement("br");

    [7390] =>             messagefiltersaturate.append(br);

    [7391] => 

    [7392] =>             const array =

    [7393] =>             [

    [7394] =>                 ["-100",-100],

    [7395] =>                 ["-10",-10],

    [7396] =>                 ["-1",-1],

    [7397] =>                 ["+1",1],

    [7398] =>                 ["+10",10],

    [7399] =>                 ["+100",100],

    [7400] =>             ];

    [7401] => 

    [7402] =>             for(const value of array)

    [7403] =>             {

    [7404] =>                 const button = document.createElement("button");

    [7405] =>                 button.innerHTML = value[0];

    [7406] =>                 button.value = value[1];

    [7407] =>                 button.addEventListener("click", messagefiltersaturateincrementupdate);

    [7408] =>                 messagefiltersaturate.append(button);

    [7409] =>             }

    [7410] =>         }

    [7411] =>         addEventListener("load", messagefiltersaturateincrementload);

    [7412] => 

    [7413] =>         function messagefiltersaturateincrementupdate(e)

    [7414] =>         {

    [7415] =>             const v = Number(messagefiltersaturatenumber.value) + Number(e.target.value);

    [7416] => 

    [7417] =>             if((messagefiltersaturatenumber.min <= v) && (v <= messagefiltersaturatenumber.max))

    [7418] =>             {

    [7419] =>                 messagefiltersaturatenumber.value = v;

    [7420] => 

    [7421] =>                 messagefiltersaturatenumberupdate();

    [7422] =>             }

    [7423] =>         }

    [7424] => 

    [7425] => 

    [7426] => 

    [7427] =>         function messagefiltersepiaload()

    [7428] =>         {

    [7429] =>             const div = document.createElement("div");

    [7430] =>             div.id = "messagefiltersepia";

    [7431] =>             div.innerHTML = "filter-sepia";

    [7432] =>             tabcontentmessage.append(div);

    [7433] => 

    [7434] =>             const style = div.style;

    [7435] =>             style.overflowY = "hidden";

    [7436] =>             style.whiteSpace = "nowrap";

    [7437] =>         }

    [7438] =>         addEventListener("load", messagefiltersepiaload);

    [7439] => 

    [7440] =>         function messagefiltersepianumberload()

    [7441] =>         {

    [7442] =>             const br = document.createElement("br");

    [7443] =>             messagefiltersepia.append(br);

    [7444] => 

    [7445] =>             const input = document.createElement("input");

    [7446] =>             input.id = "messagefiltersepianumber";

    [7447] =>             input.max = 100;

    [7448] =>             input.min = 0;

    [7449] =>             input.step = 1;

    [7450] =>             input.type = "number";

    [7451] =>             input.value = 0;

    [7452] =>             input.addEventListener("input", messagefiltersepianumberupdate);

    [7453] =>             messagefiltersepia.append(input);

    [7454] => 

    [7455] =>             //messagefiltersepianumberset();

    [7456] =>         }

    [7457] =>         addEventListener("load", messagefiltersepianumberload);

    [7458] => 

    [7459] =>         function messagefiltersepianumberset()

    [7460] =>         {

    [7461] =>             const v = messagefiltersepianumber.value;

    [7462] => 

    [7463] =>             messagefiltersepiarange.value = v;

    [7464] =>             text.messagebackdropfiltersepia = v;

    [7465] =>         }

    [7466] => 

    [7467] =>         function messagefiltersepianumberupdate()

    [7468] =>         {

    [7469] =>             messagefiltersepianumberset();

    [7470] =>             svgupdate();

    [7471] =>         }

    [7472] => 

    [7473] =>         function messagefiltersepiarangeload()

    [7474] =>         {

    [7475] =>             const input = document.createElement("input");

    [7476] =>             input.id = "messagefiltersepiarange";

    [7477] =>             input.max = messagefiltersepianumber.max;

    [7478] =>             input.min = messagefiltersepianumber.min;

    [7479] =>             input.step = messagefiltersepianumber.step;

    [7480] =>             input.type = "range";

    [7481] =>             input.value = messagefiltersepianumber.value;

    [7482] =>             input.addEventListener("input", messagefiltersepiarangeupdate);

    [7483] =>             messagefiltersepia.append(input);

    [7484] => 

    [7485] =>             messagefiltersepiarangeset();

    [7486] =>         }

    [7487] =>         addEventListener("load", messagefiltersepiarangeload);

    [7488] => 

    [7489] =>         function messagefiltersepiarangeset()

    [7490] =>         {

    [7491] =>             const v = messagefiltersepiarange.value;

    [7492] => 

    [7493] =>             messagefiltersepianumber.value = v;

    [7494] =>             text.messagebackdropfiltersepia = v;

    [7495] =>         }

    [7496] => 

    [7497] =>         function messagefiltersepiarangeupdate()

    [7498] =>         {

    [7499] =>             messagefiltersepiarangeset();

    [7500] =>             svgupdate();

    [7501] =>         }

    [7502] => 

    [7503] =>         function messagefiltersepiaexactload()

    [7504] =>         {

    [7505] =>             const br = document.createElement("br");

    [7506] =>             messagefiltersepia.append(br);

    [7507] => 

    [7508] =>             const array =

    [7509] =>             [

    [7510] =>                 ["0",0],

    [7511] =>                 ["25",25],

    [7512] =>                 ["50",50],

    [7513] =>                 ["75",75],

    [7514] =>                 ["100",100],

    [7515] =>             ];

    [7516] => 

    [7517] =>             for(const value of array)

    [7518] =>             {

    [7519] =>                 const button = document.createElement("button");

    [7520] =>                 button.innerHTML = value[0];

    [7521] =>                 button.value = value[1];

    [7522] =>                 button.addEventListener("click", messagefiltersepiaexactupdate);

    [7523] =>                 messagefiltersepia.append(button);

    [7524] =>             }

    [7525] =>         }

    [7526] =>         addEventListener("load", messagefiltersepiaexactload);

    [7527] => 

    [7528] =>         function messagefiltersepiaexactupdate(e)

    [7529] =>         {

    [7530] =>             messagefiltersepianumber.value = Number(e.target.value);

    [7531] => 

    [7532] =>             messagefiltersepianumberupdate();

    [7533] =>         }

    [7534] => 

    [7535] =>         function messagefiltersepiaincrementload()

    [7536] =>         {

    [7537] =>             const br = document.createElement("br");

    [7538] =>             messagefiltersepia.append(br);

    [7539] => 

    [7540] =>             const array =

    [7541] =>             [

    [7542] =>                 ["-10",-10],

    [7543] =>                 ["-1",-1],

    [7544] =>                 ["+1",1],

    [7545] =>                 ["+10",10],

    [7546] =>             ];

    [7547] => 

    [7548] =>             for(const value of array)

    [7549] =>             {

    [7550] =>                 const button = document.createElement("button");

    [7551] =>                 button.innerHTML = value[0];

    [7552] =>                 button.value = value[1];

    [7553] =>                 button.addEventListener("click", messagefiltersepiaincrementupdate);

    [7554] =>                 messagefiltersepia.append(button);

    [7555] =>             }

    [7556] =>         }

    [7557] =>         addEventListener("load", messagefiltersepiaincrementload);

    [7558] => 

    [7559] =>         function messagefiltersepiaincrementupdate(e)

    [7560] =>         {

    [7561] =>             const v = Number(messagefiltersepianumber.value) + Number(e.target.value);

    [7562] => 

    [7563] =>             if((messagefiltersepianumber.min <= v) && (v <= messagefiltersepianumber.max))

    [7564] =>             {

    [7565] =>                 messagefiltersepianumber.value = v;

    [7566] => 

    [7567] =>                 messagefiltersepianumberupdate();

    [7568] =>             }

    [7569] =>         }

    [7570] => //*/

    [7571] => 

    [7572] => 

    [7573] => 

    [7574] => /*

    [7575] =>         function messagemargintopload()

    [7576] =>         {

    [7577] =>             const div = document.createElement("div");

    [7578] =>             div.id = "messagemargintop";

    [7579] =>             div.innerHTML = "margin-top";

    [7580] =>             tabcontentmessage.append(div);

    [7581] =>         }

    [7582] =>         addEventListener("load", messagemargintopload);

    [7583] => 

    [7584] =>         function messagemargintopnumberload()

    [7585] =>         {

    [7586] =>             const br = document.createElement("br");

    [7587] =>             messagemargintop.append(br);

    [7588] => 

    [7589] =>             const input = document.createElement("input");

    [7590] =>             input.id = "messagemargintopnumber";

    [7591] =>             input.max = 1000;

    [7592] =>             input.min = 0;

    [7593] =>             input.type = "number";

    [7594] =>             input.value = 0;

    [7595] =>             input.addEventListener("input", messagemargintopnumberupdate);

    [7596] =>             messagemargintop.append(input);

    [7597] => 

    [7598] =>             //messagemargintopnumberset();

    [7599] =>         }

    [7600] =>         addEventListener("load", messagemargintopnumberload);

    [7601] => 

    [7602] =>         function messagemargintopnumberset()

    [7603] =>         {

    [7604] =>             const v = Number(messagemargintopnumber.value);

    [7605] => 

    [7606] =>             messagemargintoprange.value = v;

    [7607] =>             text.messagemargintop = v;

    [7608] =>         }

    [7609] => 

    [7610] =>         function messagemargintopnumberupdate()

    [7611] =>         {

    [7612] =>             messagemargintopnumberset();

    [7613] => 

    [7614] =>             svgupdate();

    [7615] =>         }

    [7616] => 

    [7617] =>         function messagemargintoprangeload()

    [7618] =>         {

    [7619] =>             const input = document.createElement("input");

    [7620] =>             input.id = "messagemargintoprange";

    [7621] =>             input.max = messagemargintopnumber.max;

    [7622] =>             input.min = messagemargintopnumber.min;

    [7623] =>             input.type = "range";

    [7624] =>             input.value = messagemargintopnumber.value;

    [7625] =>             input.addEventListener("input", messagemargintoprangeupdate);

    [7626] =>             messagemargintop.append(input);

    [7627] => 

    [7628] =>             messagemargintoprangeset();

    [7629] =>         }

    [7630] =>         addEventListener("load", messagemargintoprangeload);

    [7631] => 

    [7632] =>         function messagemargintoprangeset()

    [7633] =>         {

    [7634] =>             const v = Number(messagemargintoprange.value);

    [7635] => 

    [7636] =>             messagemargintopnumber.value = v;

    [7637] =>             text.messagemargintop = v;

    [7638] =>         }

    [7639] => 

    [7640] =>         function messagemargintoprangeupdate()

    [7641] =>         {

    [7642] =>             messagemargintoprangeset();

    [7643] => 

    [7644] =>             svgupdate();

    [7645] =>         }

    [7646] => 

    [7647] => 

    [7648] => 

    [7649] =>         function messagemarginbottomload()

    [7650] =>         {

    [7651] =>             const div = document.createElement("div");

    [7652] =>             div.id = "messagemarginbottom";

    [7653] =>             div.innerHTML = "margin-bottom";

    [7654] =>             tabcontentmessage.append(div);

    [7655] =>         }

    [7656] =>         addEventListener("load", messagemarginbottomload);

    [7657] => 

    [7658] =>         function messagemarginbottomnumberload()

    [7659] =>         {

    [7660] =>             const br = document.createElement("br");

    [7661] =>             messagemarginbottom.append(br);

    [7662] => 

    [7663] =>             const input = document.createElement("input");

    [7664] =>             input.id = "messagemarginbottomnumber";

    [7665] =>             input.max = 1000;

    [7666] =>             input.min = 0;

    [7667] =>             input.type = "number";

    [7668] =>             input.value = 0;

    [7669] =>             input.addEventListener("input", messagemarginbottomnumberupdate);

    [7670] =>             messagemarginbottom.append(input);

    [7671] => 

    [7672] =>             //messagemarginbottomnumberset();

    [7673] =>         }

    [7674] =>         addEventListener("load", messagemarginbottomnumberload);

    [7675] => 

    [7676] =>         function messagemarginbottomnumberset()

    [7677] =>         {

    [7678] =>             const v = Number(messagemarginbottomnumber.value);

    [7679] => 

    [7680] =>             messagemarginbottomrange.value = v;

    [7681] =>             text.messagemarginbottom = v;

    [7682] =>         }

    [7683] => 

    [7684] =>         function messagemarginbottomnumberupdate()

    [7685] =>         {

    [7686] =>             messagemarginbottomnumberset();

    [7687] => 

    [7688] =>             svgupdate();

    [7689] =>         }

    [7690] => 

    [7691] =>         function messagemarginbottomrangeload()

    [7692] =>         {

    [7693] =>             const input = document.createElement("input");

    [7694] =>             input.id = "messagemarginbottomrange";

    [7695] =>             input.max = messagemarginbottomnumber.max;

    [7696] =>             input.min = messagemarginbottomnumber.min;

    [7697] =>             input.type = "range";

    [7698] =>             input.value = messagemarginbottomnumber.value;

    [7699] =>             input.addEventListener("input", messagemarginbottomrangeupdate);

    [7700] =>             messagemarginbottom.append(input);

    [7701] => 

    [7702] =>             messagemarginbottomrangeset();

    [7703] =>         }

    [7704] =>         addEventListener("load", messagemarginbottomrangeload);

    [7705] => 

    [7706] =>         function messagemarginbottomrangeset()

    [7707] =>         {

    [7708] =>             const v = Number(messagemarginbottomrange.value);

    [7709] => 

    [7710] =>             messagemarginbottomnumber.value = v;

    [7711] =>             text.messagemarginbottom = v;

    [7712] =>         }

    [7713] => 

    [7714] =>         function messagemarginbottomrangeupdate()

    [7715] =>         {

    [7716] =>             messagemarginbottomrangeset();

    [7717] => 

    [7718] =>             svgupdate();

    [7719] =>         }

    [7720] => 

    [7721] => 

    [7722] => 

    [7723] =>         function messagemarginleftload()

    [7724] =>         {

    [7725] =>             const div = document.createElement("div");

    [7726] =>             div.id = "messagemarginleft";

    [7727] =>             div.innerHTML = "margin-left";

    [7728] =>             tabcontentmessage.append(div);

    [7729] =>         }

    [7730] =>         addEventListener("load", messagemarginleftload);

    [7731] => 

    [7732] =>         function messagemarginleftnumberload()

    [7733] =>         {

    [7734] =>             const br = document.createElement("br");

    [7735] =>             messagemarginleft.append(br);

    [7736] => 

    [7737] =>             const input = document.createElement("input");

    [7738] =>             input.id = "messagemarginleftnumber";

    [7739] =>             input.max = 1000;

    [7740] =>             input.min = 0;

    [7741] =>             input.type = "number";

    [7742] =>             input.value = 0;

    [7743] =>             input.addEventListener("input", messagemarginleftnumberupdate);

    [7744] =>             messagemarginleft.append(input);

    [7745] => 

    [7746] =>             //messagemarginleftnumberset();

    [7747] =>         }

    [7748] =>         addEventListener("load", messagemarginleftnumberload);

    [7749] => 

    [7750] =>         function messagemarginleftnumberset()

    [7751] =>         {

    [7752] =>             const v = Number(messagemarginleftnumber.value);

    [7753] => 

    [7754] =>             messagemarginleftrange.value = v;

    [7755] =>             text.messagemarginleft = v;

    [7756] =>         }

    [7757] => 

    [7758] =>         function messagemarginleftnumberupdate()

    [7759] =>         {

    [7760] =>             messagemarginleftnumberset();

    [7761] => 

    [7762] =>             svgupdate();

    [7763] =>         }

    [7764] => 

    [7765] =>         function messagemarginleftrangeload()

    [7766] =>         {

    [7767] =>             const input = document.createElement("input");

    [7768] =>             input.id = "messagemarginleftrange";

    [7769] =>             input.max = messagemarginleftnumber.max;

    [7770] =>             input.min = messagemarginleftnumber.min;

    [7771] =>             input.type = "range";

    [7772] =>             input.value = messagemarginleftnumber.value;

    [7773] =>             input.addEventListener("input", messagemarginleftrangeupdate);

    [7774] =>             messagemarginleft.append(input);

    [7775] => 

    [7776] =>             messagemarginleftrangeset();

    [7777] =>         }

    [7778] =>         addEventListener("load", messagemarginleftrangeload);

    [7779] => 

    [7780] =>         function messagemarginleftrangeset()

    [7781] =>         {

    [7782] =>             const v = Number(messagemarginleftrange.value);

    [7783] => 

    [7784] =>             messagemarginleftnumber.value = v;

    [7785] =>             text.messagemarginleft = v;

    [7786] =>         }

    [7787] => 

    [7788] =>         function messagemarginleftrangeupdate()

    [7789] =>         {

    [7790] =>             messagemarginleftrangeset();

    [7791] => 

    [7792] =>             svgupdate();

    [7793] =>         }

    [7794] => 

    [7795] => 

    [7796] => 

    [7797] =>         function messagemarginrightload()

    [7798] =>         {

    [7799] =>             const div = document.createElement("div");

    [7800] =>             div.id = "messagemarginright";

    [7801] =>             div.innerHTML = "margin-right";

    [7802] =>             tabcontentmessage.append(div);

    [7803] =>         }

    [7804] =>         addEventListener("load", messagemarginrightload);

    [7805] => 

    [7806] =>         function messagemarginrightnumberload()

    [7807] =>         {

    [7808] =>             const br = document.createElement("br");

    [7809] =>             messagemarginright.append(br);

    [7810] => 

    [7811] =>             const input = document.createElement("input");

    [7812] =>             input.id = "messagemarginrightnumber";

    [7813] =>             input.max = 1000;

    [7814] =>             input.min = 0;

    [7815] =>             input.type = "number";

    [7816] =>             input.value = 0;

    [7817] =>             input.addEventListener("input", messagemarginrightnumberupdate);

    [7818] =>             messagemarginright.append(input);

    [7819] => 

    [7820] =>             //messagemarginrightnumberset();

    [7821] =>         }

    [7822] =>         addEventListener("load", messagemarginrightnumberload);

    [7823] => 

    [7824] =>         function messagemarginrightnumberset()

    [7825] =>         {

    [7826] =>             const v = Number(messagemarginrightnumber.value);

    [7827] => 

    [7828] =>             messagemarginrightrange.value = v;

    [7829] =>             text.messagemarginright = v;

    [7830] =>         }

    [7831] => 

    [7832] =>         function messagemarginrightnumberupdate()

    [7833] =>         {

    [7834] =>             messagemarginrightnumberset();

    [7835] => 

    [7836] =>             svgupdate();

    [7837] =>         }

    [7838] => 

    [7839] =>         function messagemarginrightrangeload()

    [7840] =>         {

    [7841] =>             const input = document.createElement("input");

    [7842] =>             input.id = "messagemarginrightrange";

    [7843] =>             input.max = messagemarginrightnumber.max;

    [7844] =>             input.min = messagemarginrightnumber.min;

    [7845] =>             input.type = "range";

    [7846] =>             input.value = messagemarginrightnumber.value;

    [7847] =>             input.addEventListener("input", messagemarginrightrangeupdate);

    [7848] =>             messagemarginright.append(input);

    [7849] => 

    [7850] =>             messagemarginrightrangeset();

    [7851] =>         }

    [7852] =>         addEventListener("load", messagemarginrightrangeload);

    [7853] => 

    [7854] =>         function messagemarginrightrangeset()

    [7855] =>         {

    [7856] =>             const v = Number(messagemarginrightrange.value);

    [7857] => 

    [7858] =>             messagemarginrightnumber.value = v;

    [7859] =>             text.messagemarginright = v;

    [7860] =>         }

    [7861] => 

    [7862] =>         function messagemarginrightrangeupdate()

    [7863] =>         {

    [7864] =>             messagemarginrightrangeset();

    [7865] => 

    [7866] =>             svgupdate();

    [7867] =>         }

    [7868] => 

    [7869] => 

    [7870] => 

    [7871] =>         function messagepaddingtopload()

    [7872] =>         {

    [7873] =>             const div = document.createElement("div");

    [7874] =>             div.id = "messagepaddingtop";

    [7875] =>             div.innerHTML = "padding-top";

    [7876] =>             tabcontentmessage.append(div);

    [7877] =>         }

    [7878] =>         addEventListener("load", messagepaddingtopload);

    [7879] => 

    [7880] =>         function messagepaddingtopnumberload()

    [7881] =>         {

    [7882] =>             const br = document.createElement("br");

    [7883] =>             messagepaddingtop.append(br);

    [7884] => 

    [7885] =>             const input = document.createElement("input");

    [7886] =>             input.id = "messagepaddingtopnumber";

    [7887] =>             input.max = 1000;

    [7888] =>             input.min = 0;

    [7889] =>             input.type = "number";

    [7890] =>             input.value = 0;

    [7891] =>             input.addEventListener("input", messagepaddingtopnumberupdate);

    [7892] =>             messagepaddingtop.append(input);

    [7893] => 

    [7894] =>             //messagepaddingtopnumberset();

    [7895] =>         }

    [7896] =>         addEventListener("load", messagepaddingtopnumberload);

    [7897] => 

    [7898] =>         function messagepaddingtopnumberset()

    [7899] =>         {

    [7900] =>             const v = Number(messagepaddingtopnumber.value);

    [7901] => 

    [7902] =>             messagepaddingtoprange.value = v;

    [7903] =>             text.messagepaddingtop = v;

    [7904] =>         }

    [7905] => 

    [7906] =>         function messagepaddingtopnumberupdate()

    [7907] =>         {

    [7908] =>             messagepaddingtopnumberset();

    [7909] => 

    [7910] =>             svgupdate();

    [7911] =>         }

    [7912] => 

    [7913] =>         function messagepaddingtoprangeload()

    [7914] =>         {

    [7915] =>             const input = document.createElement("input");

    [7916] =>             input.id = "messagepaddingtoprange";

    [7917] =>             input.max = messagepaddingtopnumber.max;

    [7918] =>             input.min = messagepaddingtopnumber.min;

    [7919] =>             input.type = "range";

    [7920] =>             input.value = messagepaddingtopnumber.value;

    [7921] =>             input.addEventListener("input", messagepaddingtoprangeupdate);

    [7922] =>             messagepaddingtop.append(input);

    [7923] => 

    [7924] =>             messagepaddingtoprangeset();

    [7925] =>         }

    [7926] =>         addEventListener("load", messagepaddingtoprangeload);

    [7927] => 

    [7928] =>         function messagepaddingtoprangeset()

    [7929] =>         {

    [7930] =>             const v = Number(messagepaddingtoprange.value);

    [7931] => 

    [7932] =>             messagepaddingtopnumber.value = v;

    [7933] =>             text.messagepaddingtop = v;

    [7934] =>         }

    [7935] => 

    [7936] =>         function messagepaddingtoprangeupdate()

    [7937] =>         {

    [7938] =>             messagepaddingtoprangeset();

    [7939] => 

    [7940] =>             svgupdate();

    [7941] =>         }

    [7942] => 

    [7943] => 

    [7944] => 

    [7945] =>         function messagepaddingbottomload()

    [7946] =>         {

    [7947] =>             const div = document.createElement("div");

    [7948] =>             div.id = "messagepaddingbottom";

    [7949] =>             div.innerHTML = "padding-bottom";

    [7950] =>             tabcontentmessage.append(div);

    [7951] =>         }

    [7952] =>         addEventListener("load", messagepaddingbottomload);

    [7953] => 

    [7954] =>         function messagepaddingbottomnumberload()

    [7955] =>         {

    [7956] =>             const br = document.createElement("br");

    [7957] =>             messagepaddingbottom.append(br);

    [7958] => 

    [7959] =>             const input = document.createElement("input");

    [7960] =>             input.id = "messagepaddingbottomnumber";

    [7961] =>             input.max = 1000;

    [7962] =>             input.min = 0;

    [7963] =>             input.type = "number";

    [7964] =>             input.value = 0;

    [7965] =>             input.addEventListener("input", messagepaddingbottomnumberupdate);

    [7966] =>             messagepaddingbottom.append(input);

    [7967] => 

    [7968] =>             //messagepaddingbottomnumberset();

    [7969] =>         }

    [7970] =>         addEventListener("load", messagepaddingbottomnumberload);

    [7971] => 

    [7972] =>         function messagepaddingbottomnumberset()

    [7973] =>         {

    [7974] =>             const v = Number(messagepaddingbottomnumber.value);

    [7975] => 

    [7976] =>             messagepaddingbottomrange.value = v;

    [7977] =>             text.messagepaddingbottom = v;

    [7978] =>         }

    [7979] => 

    [7980] =>         function messagepaddingbottomnumberupdate()

    [7981] =>         {

    [7982] =>             messagepaddingbottomnumberset();

    [7983] => 

    [7984] =>             svgupdate();

    [7985] =>         }

    [7986] => 

    [7987] =>         function messagepaddingbottomrangeload()

    [7988] =>         {

    [7989] =>             const input = document.createElement("input");

    [7990] =>             input.id = "messagepaddingbottomrange";

    [7991] =>             input.max = messagepaddingbottomnumber.max;

    [7992] =>             input.min = messagepaddingbottomnumber.min;

    [7993] =>             input.type = "range";

    [7994] =>             input.value = messagepaddingbottomnumber.value;

    [7995] =>             input.addEventListener("input", messagepaddingbottomrangeupdate);

    [7996] =>             messagepaddingbottom.append(input);

    [7997] => 

    [7998] =>             messagepaddingbottomrangeset();

    [7999] =>         }

    [8000] =>         addEventListener("load", messagepaddingbottomrangeload);

    [8001] => 

    [8002] =>         function messagepaddingbottomrangeset()

    [8003] =>         {

    [8004] =>             const v = Number(messagepaddingbottomrange.value);

    [8005] => 

    [8006] =>             messagepaddingbottomnumber.value = v;

    [8007] =>             text.messagepaddingbottom = v;

    [8008] =>         }

    [8009] => 

    [8010] =>         function messagepaddingbottomrangeupdate()

    [8011] =>         {

    [8012] =>             messagepaddingbottomrangeset();

    [8013] => 

    [8014] =>             svgupdate();

    [8015] =>         }

    [8016] => 

    [8017] => 

    [8018] => 

    [8019] =>         function messagepaddingleftload()

    [8020] =>         {

    [8021] =>             const div = document.createElement("div");

    [8022] =>             div.id = "messagepaddingleft";

    [8023] =>             div.innerHTML = "padding-left";

    [8024] =>             tabcontentmessage.append(div);

    [8025] =>         }

    [8026] =>         addEventListener("load", messagepaddingleftload);

    [8027] => 

    [8028] =>         function messagepaddingleftnumberload()

    [8029] =>         {

    [8030] =>             const br = document.createElement("br");

    [8031] =>             messagepaddingleft.append(br);

    [8032] => 

    [8033] =>             const input = document.createElement("input");

    [8034] =>             input.id = "messagepaddingleftnumber";

    [8035] =>             input.max = 1000;

    [8036] =>             input.min = 0;

    [8037] =>             input.type = "number";

    [8038] =>             input.value = 0;

    [8039] =>             input.addEventListener("input", messagepaddingleftnumberupdate);

    [8040] =>             messagepaddingleft.append(input);

    [8041] => 

    [8042] =>             //messagepaddingleftnumberset();

    [8043] =>         }

    [8044] =>         addEventListener("load", messagepaddingleftnumberload);

    [8045] => 

    [8046] =>         function messagepaddingleftnumberset()

    [8047] =>         {

    [8048] =>             const v = Number(messagepaddingleftnumber.value);

    [8049] => 

    [8050] =>             messagepaddingleftrange.value = v;

    [8051] =>             text.messagepaddingleft = v;

    [8052] =>         }

    [8053] => 

    [8054] =>         function messagepaddingleftnumberupdate()

    [8055] =>         {

    [8056] =>             messagepaddingleftnumberset();

    [8057] => 

    [8058] =>             svgupdate();

    [8059] =>         }

    [8060] => 

    [8061] =>         function messagepaddingleftrangeload()

    [8062] =>         {

    [8063] =>             const input = document.createElement("input");

    [8064] =>             input.id = "messagepaddingleftrange";

    [8065] =>             input.max = messagepaddingleftnumber.max;

    [8066] =>             input.min = messagepaddingleftnumber.min;

    [8067] =>             input.type = "range";

    [8068] =>             input.value = messagepaddingleftnumber.value;

    [8069] =>             input.addEventListener("input", messagepaddingleftrangeupdate);

    [8070] =>             messagepaddingleft.append(input);

    [8071] => 

    [8072] =>             messagepaddingleftrangeset();

    [8073] =>         }

    [8074] =>         addEventListener("load", messagepaddingleftrangeload);

    [8075] => 

    [8076] => 

    [8077] =>         function messagepaddingleftrangeset()

    [8078] =>         {

    [8079] =>             const v = Number(messagepaddingleftrange.value);

    [8080] => 

    [8081] =>             messagepaddingleftnumber.value = v;

    [8082] =>             text.messagepaddingleft = v;

    [8083] =>         }

    [8084] => 

    [8085] =>         function messagepaddingleftrangeupdate()

    [8086] =>         {

    [8087] =>             messagepaddingleftrangeset();

    [8088] => 

    [8089] =>             svgupdate();

    [8090] =>         }

    [8091] => 

    [8092] => 

    [8093] => 

    [8094] =>         function messagepaddingrightload()

    [8095] =>         {

    [8096] =>             const div = document.createElement("div");

    [8097] =>             div.id = "messagepaddingright";

    [8098] =>             div.innerHTML = "padding-right";

    [8099] =>             tabcontentmessage.append(div);

    [8100] =>         }

    [8101] =>         addEventListener("load", messagepaddingrightload);

    [8102] => 

    [8103] =>         function messagepaddingrightnumberload()

    [8104] =>         {

    [8105] =>             const br = document.createElement("br");

    [8106] =>             messagepaddingright.append(br);

    [8107] => 

    [8108] =>             const input = document.createElement("input");

    [8109] =>             input.id = "messagepaddingrightnumber";

    [8110] =>             input.max = 1000;

    [8111] =>             input.min = 0;

    [8112] =>             input.type = "number";

    [8113] =>             input.value = 0;

    [8114] =>             input.addEventListener("input", messagepaddingrightnumberupdate);

    [8115] =>             messagepaddingright.append(input);

    [8116] => 

    [8117] =>             //messagepaddingrightnumberset();

    [8118] =>         }

    [8119] =>         addEventListener("load", messagepaddingrightnumberload);

    [8120] => 

    [8121] =>         function messagepaddingrightnumberset()

    [8122] =>         {

    [8123] =>             const v = Number(messagepaddingrightnumber.value);

    [8124] => 

    [8125] =>             messagepaddingrightrange.value = v;

    [8126] =>             text.messagepaddingright = v;

    [8127] =>         }

    [8128] => 

    [8129] =>         function messagepaddingrightnumberupdate()

    [8130] =>         {

    [8131] =>             messagepaddingrightnumberset();

    [8132] => 

    [8133] =>             svgupdate();

    [8134] =>         }

    [8135] => 

    [8136] =>         function messagepaddingrightrangeload()

    [8137] =>         {

    [8138] =>             const input = document.createElement("input");

    [8139] =>             input.id = "messagepaddingrightrange";

    [8140] =>             input.max = messagepaddingrightnumber.max;

    [8141] =>             input.min = messagepaddingrightnumber.min;

    [8142] =>             input.type = "range";

    [8143] =>             input.value = messagepaddingrightnumber.value;

    [8144] =>             input.addEventListener("input", messagepaddingrightrangeupdate);

    [8145] =>             messagepaddingright.append(input);

    [8146] => 

    [8147] =>             messagepaddingrightrangeset();

    [8148] =>         }

    [8149] =>         addEventListener("load", messagepaddingrightrangeload);

    [8150] => 

    [8151] =>         function messagepaddingrightrangeset()

    [8152] =>         {

    [8153] =>             const v = Number(messagepaddingrightrange.value);

    [8154] => 

    [8155] =>             messagepaddingrightnumber.value = v;

    [8156] =>             text.messagepaddingright = v;

    [8157] =>         }

    [8158] => 

    [8159] =>         function messagepaddingrightrangeupdate()

    [8160] =>         {

    [8161] =>             messagepaddingrightrangeset();

    [8162] => 

    [8163] =>             svgupdate();

    [8164] =>         }

    [8165] => //*/

    [8166] => 

    [8167] => 

    [8168] => 

    [8169] => 

    [8170] => 

    [8171] => 

    [8172] =>         function referenceversionload()

    [8173] =>         {

    [8174] =>             const div = document.createElement("div");

    [8175] =>             div.id = "referenceversion";

    [8176] =>             div.innerHTML = "version";

    [8177] =>             tabcontentreference.append(div);

    [8178] =>         }

    [8179] =>         addEventListener("load", referenceversionload);

    [8180] => 

    [8181] =>         function referenceversionselectload()

    [8182] =>         {

    [8183] =>             const br = document.createElement("br");

    [8184] =>             referenceversion.append(br);

    [8185] => 

    [8186] =>             const select = document.createElement("select");

    [8187] =>             select.id = "referenceversionselect";

    [8188] =>             select.addEventListener("input", referenceversionselectupdate);

    [8189] =>             referenceversion.append(select);

    [8190] => 

    [8191] =>             referenceversionselectload2();

    [8192] =>         }

    [8193] =>         addEventListener("load", referenceversionselectload);

    [8194] => 

    [8195] =>         function referenceversionselectload2()

    [8196] =>         {

    [8197] =>             for(const value of Bibleversionarray)

    [8198] =>             {

    [8199] =>                 const optgroup = document.createElement("optgroup");

    [8200] =>                 optgroup.label = value[0];

    [8201] =>                 referenceversionselect.append(optgroup);

    [8202] => 

    [8203] =>                 for(const v of value[1])

    [8204] =>                 {

    [8205] =>                     const option = document.createElement("option");

    [8206] =>                     option.innerHTML = v[1];

    [8207] =>                     option.value = v[0];

    [8208] =>                     optgroup.append(option);

    [8209] =>                 }

    [8210] =>             }

    [8211] => 

    [8212] =>             referenceversionselect.value = Bibleversionarray[4][1][1][0];

    [8213] => 

    [8214] =>             referenceversionselectset();

    [8215] =>         }

    [8216] => 

    [8217] =>         function referenceversionselectset()

    [8218] =>         {

    [8219] =>             text.version = referenceversionselect.options.selectedIndex + 1;

    [8220] =>             text.versionname = referenceversionselect.value;

    [8221] => 

    [8222] =>             text.referencetextversion = "";

    [8223] =>             if(text.versionbool)

    [8224] =>             {

    [8225] =>                 text.referencetextversion = ` ${text.versionname}`;

    [8226] =>             }

    [8227] =>         }

    [8228] => 

    [8229] =>         function referenceversionselectupdate()

    [8230] =>         {

    [8231] =>             referenceversionselectset();

    [8232] =>             /*

    [8233] =>             referencebookselectload2();

    [8234] =>             referencechapterselectload2();

    [8235] =>             referenceverseselectload2();

    [8236] =>             referenceverseendselectload2();

    [8237] =>             svgupdate();

    [8238] =>             //*/

    [8239] =>             Bibleload();

    [8240] =>         }

    [8241] => 

    [8242] =>         function referenceversioncheckboxload()

    [8243] =>         {

    [8244] =>             const input = document.createElement("input");

    [8245] =>             input.type = "checkbox";

    [8246] =>             input.addEventListener("click", referenceversioncheckboxupdate);

    [8247] =>             referenceversion.append(input);

    [8248] =>         }

    [8249] =>         addEventListener("load", referenceversioncheckboxload);

    [8250] => 

    [8251] =>         function referenceversioncheckboxupdate()

    [8252] =>         {

    [8253] =>             text.versionbool = !text.versionbool;

    [8254] => 

    [8255] =>             //referenceversionselectupdate();

    [8256] =>             referenceversionselectset();

    [8257] =>             svgupdate();

    [8258] =>         }

    [8259] => 

    [8260] => 

    [8261] => 

    [8262] =>         function Bibleload()

    [8263] =>         {

    [8264] =>             //console.log("Bibleload");

    [8265] =>             fetch(`/assets/txt/new/${text.versionname}.txt`)

    [8266] =>             .then(r => r.text())

    [8267] =>             .then(t =>

    [8268] =>             {

    [8269] =>                 const split = t.split("@");

    [8270] =>                 //console.log(split);

    [8271] => 

    [8272] =>                 const b = split[1].trim();

    [8273] =>                 //console.log(b);

    [8274] =>                 const c = b.split("\n");

    [8275] =>                 //console.log(c);

    [8276] =>                 for(const [key, value] of c.entries())

    [8277] =>                 {

    [8278] =>                     const split = value.split("#");

    [8279] =>                     const b = split[1];

    [8280] =>                     Biblebookarray[key] = b;

    [8281] =>                     //console.log(Biblebookarray[key]);

    [8282] =>                 }

    [8283] => 

    [8284] =>                 const v = split[2].trim();

    [8285] =>                 //console.log(v);

    [8286] =>                 const w = v.split("\n");

    [8287] =>                 //console.log(w);

    [8288] =>                 for(const value of w)

    [8289] =>                 {

    [8290] =>                     const split = value.split("#");

    [8291] =>                     const b = Number(split[0]);

    [8292] =>                     const c = Number(split[1]);

    [8293] =>                     const v = Number(split[2]);

    [8294] =>                     const t = split[3];

    [8295] =>                     if(!Array.isArray(Bibleversearray[b]))

    [8296] =>                     {

    [8297] =>                         Bibleversearray[b] = [];

    [8298] =>                     }

    [8299] =>                     if(!Array.isArray(Bibleversearray[b][c]))

    [8300] =>                     {

    [8301] =>                         Bibleversearray[b][c] = [];

    [8302] =>                     }

    [8303] =>                     Bibleversearray[b][c][v] = t;

    [8304] =>                     //console.log(b, c, v, t);

    [8305] =>                 }

    [8306] => 

    [8307] =>                 //imageload2();

    [8308] =>                 //referenceversionselectload2();

    [8309] =>                 //*

    [8310] =>                 referencebookselectload2();

    [8311] =>                 referencechapterselectload2()

    [8312] =>                 referenceverseselectload2();

    [8313] =>                 referenceverseendselectload2();

    [8314] =>                 //*/

    [8315] =>                 //canvasupdate();

    [8316] =>                 svgupdate();

    [8317] =>             });

    [8318] =>         }

    [8319] =>         addEventListener("load", Bibleload);

    [8320] => 

    [8321] =>         function referencebookload()

    [8322] =>         {

    [8323] =>             const div = document.createElement("div");

    [8324] =>             div.id = "referencebook";

    [8325] =>             div.innerHTML = "book";

    [8326] =>             tabcontentreference.append(div);

    [8327] =>         }

    [8328] =>         addEventListener("load", referencebookload);

    [8329] => 

    [8330] =>         function referencebookselectload()

    [8331] =>         {

    [8332] =>             const br = document.createElement("br");

    [8333] =>             referencebook.append(br);

    [8334] => 

    [8335] =>             const select = document.createElement("select");

    [8336] =>             select.id = "referencebookselect";

    [8337] =>             select.addEventListener("input", referencebookselectupdate);

    [8338] =>             referencebook.append(select);

    [8339] => 

    [8340] =>             text.referencetextbook = "Genesis";

    [8341] => 

    [8342] =>             //referencebookselectload2();

    [8343] =>         }

    [8344] =>         addEventListener("load", referencebookselectload);

    [8345] => 

    [8346] =>         function referencebookselectload2()

    [8347] =>         {

    [8348] =>             for(let i = referencebookselect.options.length - 1; i >= 0; --i)

    [8349] =>             {

    [8350] =>                 referencebookselect.remove(i);

    [8351] =>             }

    [8352] => 

    [8353] =>             for(const value of Biblebookarray)

    [8354] =>             {

    [8355] =>                 const option = document.createElement("option");

    [8356] =>                 option.innerHTML = value;

    [8357] =>                 referencebookselect.add(option);

    [8358] =>             }

    [8359] => 

    [8360] =>             //referencebookselect.value = Biblebookarray[42];

    [8361] => 

    [8362] =>             referencebookselectset();

    [8363] =>         }

    [8364] => 

    [8365] =>         function referencebookselectset()

    [8366] =>         {

    [8367] =>             text.book = referencebookselect.options.selectedIndex + 1;

    [8368] =>             text.bookname = referencebookselect.value;

    [8369] => 

    [8370] =>             text.referencetextbook = text.bookname;

    [8371] =>         }

    [8372] => 

    [8373] =>         function referencebookselectupdate()

    [8374] =>         {

    [8375] =>             referencebookselectset();

    [8376] =>             referencechapterselectload2();

    [8377] =>             referenceverseselectload2();

    [8378] =>             referenceverseendselectload2();

    [8379] =>             svgupdate();

    [8380] =>         }

    [8381] => 

    [8382] => 

    [8383] => 

    [8384] =>         function referencechapterload()

    [8385] =>         {

    [8386] =>             const div = document.createElement("div");

    [8387] =>             div.id = "referencechapter";

    [8388] =>             div.innerHTML = "chapter";

    [8389] =>             tabcontentreference.append(div);

    [8390] =>         }

    [8391] =>         addEventListener("load", referencechapterload);

    [8392] => 

    [8393] =>         function referencechapterselectload()

    [8394] =>         {

    [8395] =>             const br = document.createElement("br");

    [8396] =>             referencechapter.append(br);

    [8397] => 

    [8398] =>             const select = document.createElement("select");

    [8399] =>             select.id = "referencechapterselect";

    [8400] =>             select.addEventListener("input", referencechapterselectupdate);

    [8401] =>             referencechapter.append(select);

    [8402] => 

    [8403] =>             text.referencetextchapter = " 1";

    [8404] => 

    [8405] =>             //referencechapterselectload2();

    [8406] =>         }

    [8407] =>         addEventListener("load", referencechapterselectload);

    [8408] => 

    [8409] =>         function referencechapterselectload2()

    [8410] =>         {

    [8411] =>             for(let i = referencechapterselect.options.length - 1; i >= 0; --i)

    [8412] =>             {

    [8413] =>                 referencechapterselect.remove(i);

    [8414] =>             }

    [8415] => 

    [8416] =>             for(let i = 1; i < Bibleversearray[text.book].length; ++i)

    [8417] =>             {

    [8418] =>                 const option = document.createElement("option");

    [8419] =>                 option.innerHTML = i;

    [8420] =>                 referencechapterselect.add(option);

    [8421] =>             }

    [8422] => 

    [8423] =>             referencechapterselect.value = 1;

    [8424] => 

    [8425] =>             referencechapterselectset();

    [8426] =>         }

    [8427] => 

    [8428] =>         function referencechapterselectset()

    [8429] =>         {

    [8430] =>             text.chapter = referencechapterselect.value;

    [8431] => 

    [8432] =>             text.referencetextchapter = ` ${text.chapter}`;

    [8433] =>         }

    [8434] => 

    [8435] =>         function referencechapterselectupdate()

    [8436] =>         {

    [8437] =>             referencechapterselectset();

    [8438] =>             referenceverseselectload2();

    [8439] =>             referenceverseendselectload2();

    [8440] =>             svgupdate();

    [8441] =>         }

    [8442] => 

    [8443] => 

    [8444] => 

    [8445] =>         function referenceverseload()

    [8446] =>         {

    [8447] =>             const div = document.createElement("div");

    [8448] =>             div.id = "referenceverse";

    [8449] =>             div.innerHTML = "verse-start";

    [8450] =>             tabcontentreference.append(div);

    [8451] =>         }

    [8452] =>         addEventListener("load", referenceverseload);

    [8453] => 

    [8454] =>         function referenceverseselectload()

    [8455] =>         {

    [8456] =>             const br = document.createElement("br");

    [8457] =>             referenceverse.append(br);

    [8458] => 

    [8459] =>             const select = document.createElement("select");

    [8460] =>             select.id = "referenceverseselect";

    [8461] =>             select.addEventListener("input", referenceverseselectupdate);

    [8462] =>             referenceverse.append(select);

    [8463] => 

    [8464] =>             text.referencetextverse = ":1";

    [8465] =>             text.passagetextverse = "In the beginning God created the heaven and the earth.";

    [8466] => 

    [8467] =>             //referenceverseselectload2();

    [8468] =>         }

    [8469] =>         addEventListener("load", referenceverseselectload);

    [8470] => 

    [8471] =>         function referenceverseselectload2()

    [8472] =>         {

    [8473] =>             for(let i = referenceverseselect.options.length - 1; i >= 0; --i)

    [8474] =>             {

    [8475] =>                 referenceverseselect.remove(i);

    [8476] =>             }

    [8477] => 

    [8478] =>             for(let i = 1; i < Bibleversearray[text.book][text.chapter].length; ++i)

    [8479] =>             {

    [8480] =>                 const option = document.createElement("option");

    [8481] =>                 option.innerHTML = i;

    [8482] =>                 referenceverseselect.add(option);

    [8483] =>             }

    [8484] => 

    [8485] =>             referenceverseselect.value = 1;

    [8486] => 

    [8487] =>             referenceverseselectset();

    [8488] =>         }

    [8489] => 

    [8490] =>         function referenceverseselectset()

    [8491] =>         {

    [8492] =>             text.verse = referenceverseselect.value;

    [8493] => 

    [8494] =>             text.referencetextverse = `:${text.verse}`;

    [8495] =>             text.passagetextverse = Bibleversearray[text.book][text.chapter][text.verse];

    [8496] =>         }

    [8497] => 

    [8498] =>         function referenceverseselectupdate()

    [8499] =>         {

    [8500] =>             referenceverseselectset();

    [8501] =>             referenceverseendselectload2();

    [8502] =>             svgupdate();

    [8503] =>         }

    [8504] => 

    [8505] => 

    [8506] => 

    [8507] =>         function referenceverseendload()

    [8508] =>         {

    [8509] =>             const div = document.createElement("div");

    [8510] =>             div.id = "referenceverseend";

    [8511] =>             div.innerHTML = "verse-end";

    [8512] =>             tabcontentreference.append(div);

    [8513] =>         }

    [8514] =>         addEventListener("load", referenceverseendload);

    [8515] => 

    [8516] =>         function referenceverseendselectload()

    [8517] =>         {

    [8518] =>             const br = document.createElement("br");

    [8519] =>             referenceverseend.append(br);

    [8520] => 

    [8521] =>             const select = document.createElement("select");

    [8522] =>             select.id = "referenceverseendselect";

    [8523] =>             select.addEventListener("input", referenceverseendselectupdate);

    [8524] =>             referenceverseend.append(select);

    [8525] => 

    [8526] =>             text.referencetextverseend = "";

    [8527] =>             text.passagetextverseend = "";

    [8528] => 

    [8529] =>             //referenceverseendselectload2();

    [8530] =>         }

    [8531] =>         addEventListener("load", referenceverseendselectload);

    [8532] => 

    [8533] =>         function referenceverseendselectload2()

    [8534] =>         {

    [8535] =>             for(let i = referenceverseendselect.options.length - 1; i >= 0; --i)

    [8536] =>             {

    [8537] =>                 referenceverseendselect.remove(i);

    [8538] =>             }

    [8539] => 

    [8540] =>             for(let i = referenceverseselect.value; i < Bibleversearray[text.book][text.chapter].length; ++i)

    [8541] =>             {

    [8542] =>                 const option = document.createElement("option");

    [8543] =>                 option.innerHTML = i;

    [8544] =>                 referenceverseendselect.add(option);

    [8545] =>             }

    [8546] => 

    [8547] =>             referenceverseendselect.value = referenceverseselect.value;

    [8548] => 

    [8549] =>             referenceverseendselectset();

    [8550] =>         }

    [8551] => 

    [8552] =>         function referenceverseendselectset()

    [8553] =>         {

    [8554] =>             text.verseend = referenceverseendselect.value;

    [8555] => 

    [8556] =>             //text.referencetext = `${text.bookname} ${text.chapter}:${text.verse}`;

    [8557] =>             //text.passagetext = `${Bibleversearray[text.book][text.chapter][text.verse]}`;

    [8558] =>             text.referencetextverseend = "";

    [8559] =>             text.passagetextverseend = "";

    [8560] => 

    [8561] =>             if(text.verse != text.verseend)

    [8562] =>             {

    [8563] =>                 //text.referencetext += `-${text.verseend}`;

    [8564] =>                 text.referencetextverseend = `-${text.verseend}`;

    [8565] => 

    [8566] =>                 for(let i = Number(text.verse) + 1; i <= text.verseend; ++i)

    [8567] =>                 {

    [8568] =>                     //text.passagetext += ` ${Bibleversearray[text.book][text.chapter][i]}`;

    [8569] =>                     text.passagetextverseend += ` ${Bibleversearray[text.book][text.chapter][i]}`;

    [8570] =>                 }

    [8571] =>             }

    [8572] => 

    [8573] =>             //if(text.versionbool)

    [8574] =>             //{

    [8575] =>             //    text.referencetext += ` ${text.versionname}`;

    [8576] =>             //}

    [8577] =>             //console.log(text.referencetext);

    [8578] =>             //console.log(text.passagetext);

    [8579] =>         }

    [8580] => 

    [8581] =>         function referenceverseendselectupdate()

    [8582] =>         {

    [8583] =>             referenceverseendselectset();

    [8584] =>             svgupdate();

    [8585] =>         }

    [8586] => 

    [8587] => 

    [8588] => 

    [8589] =>         function referencewidthload()

    [8590] =>         {

    [8591] =>             const div = document.createElement("div");

    [8592] =>             div.id = "referencewidth";

    [8593] =>             div.innerHTML = "width";

    [8594] =>             tabcontentreference.append(div);

    [8595] => 

    [8596] =>             const style = div.style;

    [8597] =>             style.overflowY = "hidden";

    [8598] =>             style.whiteSpace = "nowrap";

    [8599] =>         }

    [8600] =>         addEventListener("load", referencewidthload);

    [8601] => 

    [8602] =>         function referencewidthnumberload()

    [8603] =>         {

    [8604] =>             const br = document.createElement("br");

    [8605] =>             referencewidth.append(br);

    [8606] => 

    [8607] =>             const input = document.createElement("input");

    [8608] =>             input.id = "referencewidthnumber";

    [8609] =>             input.max = maxwidth;

    [8610] =>             input.min = 0;

    [8611] =>             input.type = "number";

    [8612] =>             input.value = canvas.width - 100;

    [8613] =>             input.addEventListener("input", referencewidthnumberupdate);

    [8614] =>             referencewidth.append(input);

    [8615] => 

    [8616] =>             //referencewidthnumberset();

    [8617] =>         }

    [8618] =>         addEventListener("load", referencewidthnumberload);

    [8619] => 

    [8620] =>         function referencewidthnumberset()

    [8621] =>         {

    [8622] =>             const v = Number(referencewidthnumber.value);

    [8623] => 

    [8624] =>             referencewidthrange.value = v;

    [8625] =>             text.referencewidth = v;

    [8626] =>         }

    [8627] => 

    [8628] =>         function referencewidthnumberupdate()

    [8629] =>         {

    [8630] =>             referencewidthnumberset();

    [8631] =>             svgupdate();

    [8632] =>         }

    [8633] => 

    [8634] =>         function referencewidthrangeload()

    [8635] =>         {

    [8636] =>             const input = document.createElement("input");

    [8637] =>             input.id = "referencewidthrange";

    [8638] =>             input.max = referencewidthnumber.max;

    [8639] =>             input.min = referencewidthnumber.min;

    [8640] =>             input.type = "range";

    [8641] =>             input.value = referencewidthnumber.value;

    [8642] =>             input.addEventListener("input", referencewidthrangeupdate);

    [8643] =>             referencewidth.append(input);

    [8644] => 

    [8645] =>             referencewidthrangeset();

    [8646] =>         }

    [8647] =>         addEventListener("load", referencewidthrangeload);

    [8648] => 

    [8649] =>         function referencewidthrangeset()

    [8650] =>         {

    [8651] =>             const v = Number(referencewidthrange.value);

    [8652] => 

    [8653] =>             referencewidthnumber.value = v;

    [8654] =>             text.referencewidth = v;

    [8655] =>         }

    [8656] => 

    [8657] =>         function referencewidthrangeupdate()

    [8658] =>         {

    [8659] =>             referencewidthrangeset();

    [8660] =>             svgupdate();

    [8661] =>         }

    [8662] => 

    [8663] =>         function referencewidthexactload()

    [8664] =>         {

    [8665] =>             const br = document.createElement("br");

    [8666] =>             referencewidth.append(br);

    [8667] => 

    [8668] =>             const array =

    [8669] =>             [

    [8670] =>                 ["25%",0.25],

    [8671] =>                 ["50%",0.5],

    [8672] =>                 ["75%",0.75],

    [8673] =>                 ["100%",1],

    [8674] =>             ];

    [8675] => 

    [8676] =>             for(const value of array)

    [8677] =>             {

    [8678] =>                 const button = document.createElement("button");

    [8679] =>                 button.innerHTML = value[0];

    [8680] =>                 button.value = value[1];

    [8681] =>                 button.addEventListener("click", referencewidthexactupdate);

    [8682] =>                 referencewidth.append(button);

    [8683] =>             }

    [8684] =>         }

    [8685] =>         addEventListener("load", referencewidthexactload);

    [8686] => 

    [8687] =>         function referencewidthexactupdate(e)

    [8688] =>         {

    [8689] =>             referencewidthnumber.value = canvas.width * Number(e.target.value);

    [8690] => 

    [8691] =>             referencewidthnumberupdate();

    [8692] =>         }

    [8693] => 

    [8694] =>         function referencewidthincrementload()

    [8695] =>         {

    [8696] =>             const br = document.createElement("br");

    [8697] =>             referencewidth.append(br);

    [8698] => 

    [8699] =>             const array =

    [8700] =>             [

    [8701] =>                 ["-1000",-1000],

    [8702] =>                 ["-100",-100],

    [8703] =>                 ["-10",-10],

    [8704] =>                 ["-1",-1],

    [8705] =>                 ["+1",1],

    [8706] =>                 ["+10",10],

    [8707] =>                 ["+100",100],

    [8708] =>                 ["+1000",1000],

    [8709] =>             ];

    [8710] => 

    [8711] =>             for(const value of array)

    [8712] =>             {

    [8713] =>                 const button = document.createElement("button");

    [8714] =>                 button.innerHTML = value[0];

    [8715] =>                 button.value = value[1];

    [8716] =>                 button.addEventListener("click", referencewidthincrementupdate);

    [8717] =>                 referencewidth.append(button);

    [8718] =>             }

    [8719] =>         }

    [8720] =>         addEventListener("load", referencewidthincrementload);

    [8721] => 

    [8722] =>         function referencewidthincrementupdate(e)

    [8723] =>         {

    [8724] =>             const v = Number(referencewidthnumber.value) + Number(e.target.value);

    [8725] => 

    [8726] =>             if((referencewidthnumber.min <= v) && (v <= referencewidthnumber.max))

    [8727] =>             {

    [8728] =>                 referencewidthnumber.value = v;

    [8729] => 

    [8730] =>                 referencewidthnumberupdate();

    [8731] =>             }

    [8732] =>         }

    [8733] => 

    [8734] => 

    [8735] => 

    [8736] =>         function referenceheightload()

    [8737] =>         {

    [8738] =>             const div = document.createElement("div");

    [8739] =>             div.id = "referenceheight";

    [8740] =>             div.innerHTML = "height";

    [8741] =>             tabcontentreference.append(div);

    [8742] => 

    [8743] =>             const style = div.style;

    [8744] =>             style.overflowY = "hidden";

    [8745] =>             style.whiteSpace = "nowrap";

    [8746] =>         }

    [8747] =>         addEventListener("load", referenceheightload);

    [8748] => 

    [8749] =>         function referenceheightnumberload()

    [8750] =>         {

    [8751] =>             const br = document.createElement("br");

    [8752] =>             referenceheight.append(br);

    [8753] => 

    [8754] =>             const input = document.createElement("input");

    [8755] =>             input.id = "referenceheightnumber";

    [8756] =>             input.max = maxheight;

    [8757] =>             input.min = 0;

    [8758] =>             input.type = "number";

    [8759] =>             input.value = 280;

    [8760] =>             input.addEventListener("input", referenceheightnumberupdate);

    [8761] =>             referenceheight.append(input);

    [8762] => 

    [8763] =>             //referenceheightnumberset();

    [8764] =>         }

    [8765] =>         addEventListener("load", referenceheightnumberload);

    [8766] => 

    [8767] =>         function referenceheightnumberset()

    [8768] =>         {

    [8769] =>             const v = Number(referenceheightnumber.value);

    [8770] => 

    [8771] =>             referenceheightrange.value = v;

    [8772] =>             text.referenceheight = v;

    [8773] =>         }

    [8774] => 

    [8775] =>         function referenceheightnumberupdate()

    [8776] =>         {

    [8777] =>             referenceheightnumberset();

    [8778] =>             svgupdate();

    [8779] =>         }

    [8780] => 

    [8781] =>         function referenceheightrangeload()

    [8782] =>         {

    [8783] =>             const input = document.createElement("input");

    [8784] =>             input.id = "referenceheightrange";

    [8785] =>             input.max = referenceheightnumber.max;

    [8786] =>             input.min = referenceheightnumber.min;

    [8787] =>             input.type = "range";

    [8788] =>             input.value = referenceheightnumber.value;

    [8789] =>             input.addEventListener("input", referenceheightrangeupdate);

    [8790] =>             referenceheight.append(input);

    [8791] => 

    [8792] =>             referenceheightrangeset();

    [8793] =>         }

    [8794] =>         addEventListener("load", referenceheightrangeload);

    [8795] => 

    [8796] =>         function referenceheightrangeset()

    [8797] =>         {

    [8798] =>             const v = Number(referenceheightrange.value);

    [8799] => 

    [8800] =>             referenceheightnumber.value = v;

    [8801] =>             text.referenceheight = v;

    [8802] =>         }

    [8803] => 

    [8804] =>         function referenceheightrangeupdate()

    [8805] =>         {

    [8806] =>             referenceheightrangeset();

    [8807] =>             svgupdate();

    [8808] =>         }

    [8809] => 

    [8810] =>         function referenceheightexactload()

    [8811] =>         {

    [8812] =>             const br = document.createElement("br");

    [8813] =>             referenceheight.append(br);

    [8814] => 

    [8815] =>             const array =

    [8816] =>             [

    [8817] =>                 ["25%",0.25],

    [8818] =>                 ["50%",0.5],

    [8819] =>                 ["75%",0.75],

    [8820] =>                 ["100%",1],

    [8821] =>             ];

    [8822] => 

    [8823] =>             for(const value of array)

    [8824] =>             {

    [8825] =>                 const button = document.createElement("button");

    [8826] =>                 button.innerHTML = value[0];

    [8827] =>                 button.value = value[1];

    [8828] =>                 button.addEventListener("click", referenceheightexactupdate);

    [8829] =>                 referenceheight.append(button);

    [8830] =>             }

    [8831] =>         }

    [8832] =>         addEventListener("load", referenceheightexactload);

    [8833] => 

    [8834] =>         function referenceheightexactupdate(e)

    [8835] =>         {

    [8836] =>             referenceheightnumber.value = canvas.height * Number(e.target.value);

    [8837] => 

    [8838] =>             referenceheightnumberupdate();

    [8839] =>         }

    [8840] => 

    [8841] =>         function referenceheightincrementload()

    [8842] =>         {

    [8843] =>             const br = document.createElement("br");

    [8844] =>             referenceheight.append(br);

    [8845] => 

    [8846] =>             const array =

    [8847] =>             [

    [8848] =>                 ["-1000",-1000],

    [8849] =>                 ["-100",-100],

    [8850] =>                 ["-10",-10],

    [8851] =>                 ["-1",-1],

    [8852] =>                 ["+1",1],

    [8853] =>                 ["+10",10],

    [8854] =>                 ["+100",100],

    [8855] =>                 ["+1000",1000],

    [8856] =>             ];

    [8857] => 

    [8858] =>             for(const value of array)

    [8859] =>             {

    [8860] =>                 const button = document.createElement("button");

    [8861] =>                 button.innerHTML = value[0];

    [8862] =>                 button.value = value[1];

    [8863] =>                 button.addEventListener("click", referenceheightincrementupdate);

    [8864] =>                 referenceheight.append(button);

    [8865] =>             }

    [8866] =>         }

    [8867] =>         addEventListener("load", referenceheightincrementload);

    [8868] => 

    [8869] =>         function referenceheightincrementupdate(e)

    [8870] =>         {

    [8871] =>             const v = Number(referenceheightnumber.value) + Number(e.target.value);

    [8872] => 

    [8873] =>             if((referenceheightnumber.min <= v) && (v <= referenceheightnumber.max))

    [8874] =>             {

    [8875] =>                 referenceheightnumber.value = v;

    [8876] => 

    [8877] =>                 referenceheightnumberupdate();

    [8878] =>             }

    [8879] =>         }

    [8880] => 

    [8881] => 

    [8882] => 

    [8883] =>         function referencexload()

    [8884] =>         {

    [8885] =>             const div = document.createElement("div");

    [8886] =>             div.id = "referencex";

    [8887] =>             div.innerHTML = "x";

    [8888] =>             tabcontentreference.append(div);

    [8889] => 

    [8890] =>             const style = div.style;

    [8891] =>             style.overflowY = "hidden";

    [8892] =>             style.whiteSpace = "nowrap";

    [8893] =>         }

    [8894] =>         addEventListener("load", referencexload);

    [8895] => 

    [8896] =>         function referencexnumberload()

    [8897] =>         {

    [8898] =>             const br = document.createElement("br");

    [8899] =>             referencex.append(br);

    [8900] => 

    [8901] =>             const input = document.createElement("input");

    [8902] =>             input.id = "referencexnumber";

    [8903] =>             input.max = maxwidth;

    [8904] =>             input.min = -maxwidth;

    [8905] =>             input.type = "number";

    [8906] =>             input.value = 50;

    [8907] =>             input.addEventListener("input", referencexnumberupdate);

    [8908] =>             referencex.append(input);

    [8909] => 

    [8910] =>             //referencexnumberset();

    [8911] =>         }

    [8912] =>         addEventListener("load", referencexnumberload);

    [8913] => 

    [8914] =>         function referencexnumberset()

    [8915] =>         {

    [8916] =>             const v = Number(referencexnumber.value);

    [8917] => 

    [8918] =>             referencexrange.value = v;

    [8919] =>             text.referencex = v;

    [8920] =>         }

    [8921] => 

    [8922] =>         function referencexnumberupdate()

    [8923] =>         {

    [8924] =>             referencexnumberset();

    [8925] =>             svgupdate();

    [8926] =>         }

    [8927] => 

    [8928] =>         function referencexrangeload()

    [8929] =>         {

    [8930] =>             const input = document.createElement("input");

    [8931] =>             input.id = "referencexrange";

    [8932] =>             input.max = referencexnumber.max;

    [8933] =>             input.min = referencexnumber.min;

    [8934] =>             input.type = "range";

    [8935] =>             input.value = referencexnumber.value;

    [8936] =>             input.addEventListener("input", referencexrangeupdate);

    [8937] =>             referencex.append(input);

    [8938] => 

    [8939] =>             referencexrangeset();

    [8940] =>         }

    [8941] =>         addEventListener("load", referencexrangeload);

    [8942] => 

    [8943] =>         function referencexrangeset()

    [8944] =>         {

    [8945] =>             const v = Number(referencexrange.value);

    [8946] => 

    [8947] =>             referencexnumber.value = v;

    [8948] =>             text.referencex = v;

    [8949] =>         }

    [8950] => 

    [8951] =>         function referencexrangeupdate()

    [8952] =>         {

    [8953] =>             referencexrangeset();

    [8954] =>             svgupdate();

    [8955] =>         }

    [8956] => 

    [8957] =>         function referencexexactload()

    [8958] =>         {

    [8959] =>             const br = document.createElement("br");

    [8960] =>             referencex.append(br);

    [8961] => 

    [8962] =>             const array =

    [8963] =>             [

    [8964] =>                 ["left",0],

    [8965] =>                 ["center",0.5],

    [8966] =>                 ["right",1],

    [8967] =>             ];

    [8968] => 

    [8969] =>             for(const value of array)

    [8970] =>             {

    [8971] =>                 const button = document.createElement("button");

    [8972] =>                 button.innerHTML = value[0];

    [8973] =>                 button.value = value[1];

    [8974] =>                 button.addEventListener("click", referencexexactupdate);

    [8975] =>                 referencex.append(button);

    [8976] =>             }

    [8977] =>         }

    [8978] =>         addEventListener("load", referencexexactload);

    [8979] => 

    [8980] =>         function referencexexactupdate(e)

    [8981] =>         {

    [8982] =>             //referencexnumber.value = (canvas.width - text.referencewidth - text.referencepaddingleft - text.referencepaddingright) * Number(e.target.value);

    [8983] =>             referencexnumber.value = (canvas.width - text.referencewidth) * Number(e.target.value);

    [8984] => 

    [8985] =>             referencexnumberupdate();

    [8986] =>         }

    [8987] => 

    [8988] =>         function referencexincrementload()

    [8989] =>         {

    [8990] =>             const br = document.createElement("br");

    [8991] =>             referencex.append(br);

    [8992] => 

    [8993] =>             const array =

    [8994] =>             [

    [8995] =>                 ["-1000",-1000],

    [8996] =>                 ["-100",-100],

    [8997] =>                 ["-10",-10],

    [8998] =>                 ["-1",-1],

    [8999] =>                 ["+1",1],

    [9000] =>                 ["+10",10],

    [9001] =>                 ["+100",100],

    [9002] =>                 ["+1000",1000],

    [9003] =>             ];

    [9004] => 

    [9005] =>             for(const value of array)

    [9006] =>             {

    [9007] =>                 const button = document.createElement("button");

    [9008] =>                 button.innerHTML = value[0];

    [9009] =>                 button.value = value[1];

    [9010] =>                 button.addEventListener("click", referencexincrementupdate);

    [9011] =>                 referencex.append(button);

    [9012] =>             }

    [9013] =>         }

    [9014] =>         addEventListener("load", referencexincrementload);

    [9015] => 

    [9016] =>         function referencexincrementupdate(e)

    [9017] =>         {

    [9018] =>             const v = Number(referencexnumber.value) + Number(e.target.value);

    [9019] => 

    [9020] =>             if((referencexnumber.min <= v) && (v <= referencexnumber.max))

    [9021] =>             {

    [9022] =>                 referencexnumber.value = v;

    [9023] => 

    [9024] =>                 referencexnumberupdate();

    [9025] =>             }

    [9026] =>         }

    [9027] => 

    [9028] => 

    [9029] => 

    [9030] =>         function referenceyload()

    [9031] =>         {

    [9032] =>             const div = document.createElement("div");

    [9033] =>             div.id = "referencey";

    [9034] =>             div.innerHTML = "y";

    [9035] =>             tabcontentreference.append(div);

    [9036] => 

    [9037] =>             const style = div.style;

    [9038] =>             style.overflowY = "hidden";

    [9039] =>             style.whiteSpace = "nowrap";

    [9040] =>         }

    [9041] =>         addEventListener("load", referenceyload);

    [9042] => 

    [9043] =>         function referenceynumberload()

    [9044] =>         {

    [9045] =>             const br = document.createElement("br");

    [9046] =>             referencey.append(br);

    [9047] => 

    [9048] =>             const input = document.createElement("input");

    [9049] =>             input.id = "referenceynumber";

    [9050] =>             input.max = maxheight;

    [9051] =>             input.min = -maxheight;

    [9052] =>             input.type = "number";

    [9053] =>             input.value = 400;

    [9054] =>             input.addEventListener("input", referenceynumberupdate);

    [9055] =>             referencey.append(input);

    [9056] => 

    [9057] =>             //referenceynumberset();

    [9058] =>         }

    [9059] =>         addEventListener("load", referenceynumberload);

    [9060] => 

    [9061] =>         function referenceynumberset()

    [9062] =>         {

    [9063] =>             const v = Number(referenceynumber.value);

    [9064] => 

    [9065] =>             referenceyrange.value = v;

    [9066] =>             text.referencey = v;

    [9067] =>         }

    [9068] => 

    [9069] =>         function referenceynumberupdate()

    [9070] =>         {

    [9071] =>             referenceynumberset();

    [9072] =>             svgupdate();

    [9073] =>         }

    [9074] => 

    [9075] =>         function referenceyrangeload()

    [9076] =>         {

    [9077] =>             const input = document.createElement("input");

    [9078] =>             input.id = "referenceyrange";

    [9079] =>             input.max = referenceynumber.max;

    [9080] =>             input.min = referenceynumber.min;

    [9081] =>             input.type = "range";

    [9082] =>             input.value = referenceynumber.value;

    [9083] =>             input.addEventListener("input", referenceyrangeupdate);

    [9084] =>             referencey.append(input);

    [9085] => 

    [9086] =>             referenceyrangeset();

    [9087] =>         }

    [9088] =>         addEventListener("load", referenceyrangeload);

    [9089] => 

    [9090] =>         function referenceyrangeset()

    [9091] =>         {

    [9092] =>             const v = Number(referenceyrange.value);

    [9093] => 

    [9094] =>             referenceynumber.value = v;

    [9095] =>             text.referencey = v;

    [9096] =>         }

    [9097] => 

    [9098] =>         function referenceyrangeupdate()

    [9099] =>         {

    [9100] =>             referenceyrangeset();

    [9101] =>             svgupdate();

    [9102] =>         }

    [9103] => 

    [9104] =>         function referenceyexactload()

    [9105] =>         {

    [9106] =>             const br = document.createElement("br");

    [9107] =>             referencey.append(br);

    [9108] => 

    [9109] =>             const array =

    [9110] =>             [

    [9111] =>                 ["top",0],

    [9112] =>                 ["center",0.5],

    [9113] =>                 ["bottom",1],

    [9114] =>             ];

    [9115] => 

    [9116] =>             for(const value of array)

    [9117] =>             {

    [9118] =>                 const button = document.createElement("button");

    [9119] =>                 button.innerHTML = value[0];

    [9120] =>                 button.value = value[1];

    [9121] =>                 button.addEventListener("click", referenceyexactupdate);

    [9122] =>                 referencey.append(button);

    [9123] =>             }

    [9124] =>         }

    [9125] =>         addEventListener("load", referenceyexactload);

    [9126] => 

    [9127] =>         function referenceyexactupdate(e)

    [9128] =>         {

    [9129] =>             //referenceynumber.value = (canvas.height - text.referenceheight - text.referencepaddingtop - text.referencepaddingbottom) * Number(e.target.value);

    [9130] =>             referenceynumber.value = (canvas.height - text.referenceheight) * Number(e.target.value);

    [9131] => 

    [9132] =>             referenceynumberupdate();

    [9133] =>         }

    [9134] => 

    [9135] =>         function referenceyincrementload()

    [9136] =>         {

    [9137] =>             const br = document.createElement("br");

    [9138] =>             referencey.append(br);

    [9139] => 

    [9140] =>             const array =

    [9141] =>             [

    [9142] =>                 ["-1000",-1000],

    [9143] =>                 ["-100",-100],

    [9144] =>                 ["-10",-10],

    [9145] =>                 ["-1",-1],

    [9146] =>                 ["+1",1],

    [9147] =>                 ["+10",10],

    [9148] =>                 ["+100",100],

    [9149] =>                 ["+1000",1000],

    [9150] =>             ];

    [9151] => 

    [9152] =>             for(const value of array)

    [9153] =>             {

    [9154] =>                 const button = document.createElement("button");

    [9155] =>                 button.innerHTML = value[0];

    [9156] =>                 button.value = value[1];

    [9157] =>                 button.addEventListener("click", referenceyincrementupdate);

    [9158] =>                 referencey.append(button);

    [9159] =>             }

    [9160] =>         }

    [9161] =>         addEventListener("load", referenceyincrementload);

    [9162] => 

    [9163] =>         function referenceyincrementupdate(e)

    [9164] =>         {

    [9165] =>             const v = Number(referenceynumber.value) + Number(e.target.value);

    [9166] => 

    [9167] =>             if((referenceynumber.min <= v) && (v <= referenceynumber.max))

    [9168] =>             {

    [9169] =>                 referenceynumber.value = v;

    [9170] => 

    [9171] =>                 referenceynumberupdate();

    [9172] =>             }

    [9173] =>         }

    [9174] => 

    [9175] => 

    [9176] => 

    [9177] =>         function referencebackgroundcolorload()

    [9178] =>         {

    [9179] =>             const div = document.createElement("div");

    [9180] =>             div.id = "referencebackgroundcolor";

    [9181] =>             div.innerHTML = "background-color";

    [9182] =>             tabcontentreference.append(div);

    [9183] =>         }

    [9184] =>         addEventListener("load", referencebackgroundcolorload);

    [9185] => 

    [9186] =>         function referencebackgroundcolorcolorload()

    [9187] =>         {

    [9188] =>             const br = document.createElement("br");

    [9189] =>             referencebackgroundcolor.append(br);

    [9190] => 

    [9191] =>             const input = document.createElement("input");

    [9192] =>             input.id = "referencebackgroundcolorcolor";

    [9193] =>             input.type = "color";

    [9194] =>             input.value = "#ffffff";

    [9195] =>             input.addEventListener("input", referencebackgroundcolorcolorupdate);

    [9196] =>             referencebackgroundcolor.append(input);

    [9197] => 

    [9198] =>             //referencebackgroundcolorcolorset();

    [9199] =>         }

    [9200] =>         addEventListener("load", referencebackgroundcolorcolorload);

    [9201] => 

    [9202] =>         function referencebackgroundcolorcolorset()

    [9203] =>         {

    [9204] =>             const c = referencebackgroundcolorcolor.value;

    [9205] =>             const r = parseInt(c.slice(1,3),16);

    [9206] =>             const g = parseInt(c.slice(3,5),16);

    [9207] =>             const b = parseInt(c.slice(5,7),16);

    [9208] =>             const a = referencebackgroundalphanumber.value;

    [9209] => 

    [9210] =>             text.referencebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;

    [9211] =>         }

    [9212] => 

    [9213] =>         function referencebackgroundcolorcolorupdate()

    [9214] =>         {

    [9215] =>             referencebackgroundcolorcolorset();

    [9216] =>             svgupdate();

    [9217] =>         }

    [9218] => 

    [9219] =>         function referencebackgroundcolorexactload()

    [9220] =>         {

    [9221] =>             const br = document.createElement("br");

    [9222] =>             referencebackgroundcolor.append(br);

    [9223] => 

    [9224] =>             const array =

    [9225] =>             [

    [9226] =>                 ["black","#000000"],

    [9227] =>                 ["white","#ffffff"],

    [9228] =>             ];

    [9229] => 

    [9230] =>             for(const value of array)

    [9231] =>             {

    [9232] =>                 const button = document.createElement("button");

    [9233] =>                 button.innerHTML = value[0];

    [9234] =>                 button.value = value[1];

    [9235] =>                 button.addEventListener("click", referencebackgroundcolorexactupdate);

    [9236] =>                 referencebackgroundcolor.append(button);

    [9237] =>             }

    [9238] =>         }

    [9239] =>         addEventListener("load", referencebackgroundcolorexactload);

    [9240] => 

    [9241] =>         function referencebackgroundcolorexactupdate(e)

    [9242] =>         {

    [9243] =>             referencebackgroundcolorcolor.value = e.target.value;

    [9244] => 

    [9245] =>             referencebackgroundcolorcolorupdate();

    [9246] =>         }

    [9247] => 

    [9248] => 

    [9249] => 

    [9250] =>         function referencebackgroundalphaload()

    [9251] =>         {

    [9252] =>             const div = document.createElement("div");

    [9253] =>             div.id = "referencebackgroundalpha";

    [9254] =>             div.innerHTML = "background-alpha";

    [9255] =>             tabcontentreference.append(div);

    [9256] => 

    [9257] =>             const style = div.style;

    [9258] =>             style.overflowY = "hidden";

    [9259] =>             style.whiteSpace = "nowrap";

    [9260] =>         }

    [9261] =>         addEventListener("load", referencebackgroundalphaload);

    [9262] => 

    [9263] =>         function referencebackgroundalphanumberload()

    [9264] =>         {

    [9265] =>             const br = document.createElement("br");

    [9266] =>             referencebackgroundalpha.append(br);

    [9267] => 

    [9268] =>             const input = document.createElement("input");

    [9269] =>             input.id = "referencebackgroundalphanumber";

    [9270] =>             input.max = 1;

    [9271] =>             input.min = 0;

    [9272] =>             input.step = 0.01;

    [9273] =>             input.type = "number";

    [9274] =>             input.value = 0.5;

    [9275] =>             input.addEventListener("input", referencebackgroundalphanumberupdate);

    [9276] =>             referencebackgroundalpha.append(input);

    [9277] => 

    [9278] =>             //referencebackgroundalphanumberset();

    [9279] =>         }

    [9280] =>         addEventListener("load", referencebackgroundalphanumberload);

    [9281] => 

    [9282] =>         function referencebackgroundalphanumberset()

    [9283] =>         {

    [9284] =>             const c = referencebackgroundcolorcolor.value;

    [9285] =>             const r = parseInt(c.slice(1,3),16);

    [9286] =>             const g = parseInt(c.slice(3,5),16);

    [9287] =>             const b = parseInt(c.slice(5,7),16);

    [9288] =>             const a = referencebackgroundalphanumber.value;

    [9289] => 

    [9290] =>             referencebackgroundalpharange.value = a;

    [9291] =>             text.referencebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;

    [9292] =>         }

    [9293] => 

    [9294] =>         function referencebackgroundalphanumberupdate()

    [9295] =>         {

    [9296] =>             referencebackgroundalphanumberset();

    [9297] =>             svgupdate();

    [9298] =>         }

    [9299] => 

    [9300] =>         function referencebackgroundalpharangeload()

    [9301] =>         {

    [9302] =>             const input = document.createElement("input");

    [9303] =>             input.id = "referencebackgroundalpharange";

    [9304] =>             input.max = referencebackgroundalphanumber.max;

    [9305] =>             input.min = referencebackgroundalphanumber.min;

    [9306] =>             input.step = referencebackgroundalphanumber.step;

    [9307] =>             input.type = "range";

    [9308] =>             input.value = referencebackgroundalphanumber.value;

    [9309] =>             input.addEventListener("input", referencebackgroundalpharangeupdate);

    [9310] =>             referencebackgroundalpha.append(input);

    [9311] => 

    [9312] =>             referencebackgroundalpharangeset();

    [9313] =>         }

    [9314] =>         addEventListener("load", referencebackgroundalpharangeload);

    [9315] => 

    [9316] =>         function referencebackgroundalpharangeset()

    [9317] =>         {

    [9318] =>             const c = referencebackgroundcolorcolor.value;

    [9319] =>             const r = parseInt(c.slice(1,3),16);

    [9320] =>             const g = parseInt(c.slice(3,5),16);

    [9321] =>             const b = parseInt(c.slice(5,7),16);

    [9322] =>             const a = referencebackgroundalpharange.value;

    [9323] => 

    [9324] =>             referencebackgroundalphanumber.value = a;

    [9325] =>             text.referencebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;

    [9326] =>         }

    [9327] => 

    [9328] =>         function referencebackgroundalpharangeupdate()

    [9329] =>         {

    [9330] =>             referencebackgroundalpharangeset();

    [9331] =>             svgupdate();

    [9332] =>         }

    [9333] => 

    [9334] =>         function referencebackgroundalphaexactload()

    [9335] =>         {

    [9336] =>             const br = document.createElement("br");

    [9337] =>             referencebackgroundalpha.append(br);

    [9338] => 

    [9339] =>             const array =

    [9340] =>             [

    [9341] =>                 ["0",0],

    [9342] =>                 ["0.25",0.25],

    [9343] =>                 ["0.5",0.5],

    [9344] =>                 ["0.75",0.75],

    [9345] =>                 ["1",1],

    [9346] =>             ];

    [9347] => 

    [9348] =>             for(const value of array)

    [9349] =>             {

    [9350] =>                 const button = document.createElement("button");

    [9351] =>                 button.innerHTML = value[0];

    [9352] =>                 button.value = value[1];

    [9353] =>                 button.addEventListener("click", referencebackgroundalphaexactupdate);

    [9354] =>                 referencebackgroundalpha.append(button);

    [9355] =>             }

    [9356] =>         }

    [9357] =>         addEventListener("load", referencebackgroundalphaexactload);

    [9358] => 

    [9359] =>         function referencebackgroundalphaexactupdate(e)

    [9360] =>         {

    [9361] =>             referencebackgroundalphanumber.value = Number(e.target.value);

    [9362] => 

    [9363] =>             referencebackgroundalphanumberupdate();

    [9364] =>         }

    [9365] => 

    [9366] =>         function referencebackgroundalphaincrementload()

    [9367] =>         {

    [9368] =>             const br = document.createElement("br");

    [9369] =>             referencebackgroundalpha.append(br);

    [9370] => 

    [9371] =>             const array =

    [9372] =>             [

    [9373] =>                 ["-0.1",-0.1],

    [9374] =>                 ["-0.01",-0.01],

    [9375] =>                 ["+0.01",0.01],

    [9376] =>                 ["+0.1",0.1],

    [9377] =>             ];

    [9378] => 

    [9379] =>             for(const value of array)

    [9380] =>             {

    [9381] =>                 const button = document.createElement("button");

    [9382] =>                 button.innerHTML = value[0];

    [9383] =>                 button.value = value[1];

    [9384] =>                 button.addEventListener("click", referencebackgroundalphaincrementupdate);

    [9385] =>                 referencebackgroundalpha.append(button);

    [9386] =>             }

    [9387] =>         }

    [9388] =>         addEventListener("load", referencebackgroundalphaincrementload);

    [9389] => 

    [9390] =>         function referencebackgroundalphaincrementupdate(e)

    [9391] =>         {

    [9392] =>             let v = Number(referencebackgroundalphanumber.value) + Number(e.target.value);

    [9393] =>             v = parseFloat(v.toFixed(2));

    [9394] => 

    [9395] =>             if((referencebackgroundalphanumber.min <= v) && (v <= referencebackgroundalphanumber.max))

    [9396] =>             {

    [9397] =>                 referencebackgroundalphanumber.value = v;

    [9398] => 

    [9399] =>                 referencebackgroundalphanumberupdate();

    [9400] =>             }

    [9401] =>         }

    [9402] => 

    [9403] => 

    [9404] => 

    [9405] =>         function referencebordercolorload()

    [9406] =>         {

    [9407] =>             const div = document.createElement("div");

    [9408] =>             div.id = "referencebordercolor";

    [9409] =>             div.innerHTML = "border-color";

    [9410] =>             tabcontentreference.append(div);

    [9411] =>         }

    [9412] =>         addEventListener("load", referencebordercolorload);

    [9413] => 

    [9414] =>         function referencebordercolorcolorload()

    [9415] =>         {

    [9416] =>             const br = document.createElement("br");

    [9417] =>             referencebordercolor.append(br);

    [9418] => 

    [9419] =>             const input = document.createElement("input");

    [9420] =>             input.id = "referencebordercolorcolor";

    [9421] =>             input.type = "color";

    [9422] =>             input.value = "#000000";

    [9423] =>             input.addEventListener("input", referencebordercolorcolorupdate);

    [9424] =>             referencebordercolor.append(input);

    [9425] => 

    [9426] =>             //referencebordercolorcolorset();

    [9427] =>         }

    [9428] =>         addEventListener("load", referencebordercolorcolorload);

    [9429] => 

    [9430] =>         function referencebordercolorcolorset()

    [9431] =>         {

    [9432] =>             const c = referencebordercolorcolor.value;

    [9433] =>             const r = parseInt(c.slice(1,3),16);

    [9434] =>             const g = parseInt(c.slice(3,5),16);

    [9435] =>             const b = parseInt(c.slice(5,7),16);

    [9436] =>             const a = referenceborderalphanumber.value;

    [9437] => 

    [9438] =>             text.referencebordercolor = `rgb(${r} ${g} ${b} / ${a})`;

    [9439] =>         }

    [9440] => 

    [9441] =>         function referencebordercolorcolorupdate()

    [9442] =>         {

    [9443] =>             referencebordercolorcolorset();

    [9444] =>             svgupdate();

    [9445] =>         }

    [9446] => 

    [9447] =>         function referencebordercolorexactload()

    [9448] =>         {

    [9449] =>             const br = document.createElement("br");

    [9450] =>             referencebordercolor.append(br);

    [9451] => 

    [9452] =>             const array =

    [9453] =>             [

    [9454] =>                 ["black","#000000"],

    [9455] =>                 ["white","#ffffff"],

    [9456] =>             ];

    [9457] => 

    [9458] =>             for(const value of array)

    [9459] =>             {

    [9460] =>                 const button = document.createElement("button");

    [9461] =>                 button.innerHTML = value[0];

    [9462] =>                 button.value = value[1];

    [9463] =>                 button.addEventListener("click", referencebordercolorexactupdate);

    [9464] =>                 referencebordercolor.append(button);

    [9465] =>             }

    [9466] =>         }

    [9467] =>         addEventListener("load", referencebordercolorexactload);

    [9468] => 

    [9469] =>         function referencebordercolorexactupdate(e)

    [9470] =>         {

    [9471] =>             referencebordercolorcolor.value = e.target.value;

    [9472] => 

    [9473] =>             referencebordercolorcolorupdate();

    [9474] =>         }

    [9475] => 

    [9476] => 

    [9477] => 

    [9478] =>         function referenceborderalphaload()

    [9479] =>         {

    [9480] =>             const div = document.createElement("div");

    [9481] =>             div.id = "referenceborderalpha";

    [9482] =>             div.innerHTML = "border-alpha";

    [9483] =>             tabcontentreference.append(div);

    [9484] => 

    [9485] =>             const style = div.style;

    [9486] =>             style.overflowY = "hidden";

    [9487] =>             style.whiteSpace = "nowrap";

    [9488] =>         }

    [9489] =>         addEventListener("load", referenceborderalphaload);

    [9490] => 

    [9491] =>         function referenceborderalphanumberload()

    [9492] =>         {

    [9493] =>             const br = document.createElement("br");

    [9494] =>             referenceborderalpha.append(br);

    [9495] => 

    [9496] =>             const input = document.createElement("input");

    [9497] =>             input.id = "referenceborderalphanumber";

    [9498] =>             input.max = 1;

    [9499] =>             input.min = 0;

    [9500] =>             input.step = 0.01;

    [9501] =>             input.type = "number";

    [9502] =>             input.value = 1;

    [9503] =>             input.addEventListener("input", referenceborderalphanumberupdate);

    [9504] =>             referenceborderalpha.append(input);

    [9505] => 

    [9506] =>             //referenceborderalphanumberset();

    [9507] =>         }

    [9508] =>         addEventListener("load", referenceborderalphanumberload);

    [9509] => 

    [9510] =>         function referenceborderalphanumberset()

    [9511] =>         {

    [9512] =>             const c = referencebordercolorcolor.value;

    [9513] =>             const r = parseInt(c.slice(1,3),16);

    [9514] =>             const g = parseInt(c.slice(3,5),16);

    [9515] =>             const b = parseInt(c.slice(5,7),16);

    [9516] =>             const a = referenceborderalphanumber.value;

    [9517] => 

    [9518] =>             referenceborderalpharange.value = a;

    [9519] =>             text.referencebordercolor = `rgb(${r} ${g} ${b} / ${a})`;

    [9520] =>         }

    [9521] => 

    [9522] =>         function referenceborderalphanumberupdate()

    [9523] =>         {

    [9524] =>             referenceborderalphanumberset();

    [9525] =>             svgupdate();

    [9526] =>         }

    [9527] => 

    [9528] =>         function referenceborderalpharangeload()

    [9529] =>         {

    [9530] =>             const input = document.createElement("input");

    [9531] =>             input.id = "referenceborderalpharange";

    [9532] =>             input.max = referenceborderalphanumber.max;

    [9533] =>             input.min = referenceborderalphanumber.min;

    [9534] =>             input.step = referenceborderalphanumber.step;

    [9535] =>             input.type = "range";

    [9536] =>             input.value = referenceborderalphanumber.value;

    [9537] =>             input.addEventListener("input", referenceborderalpharangeupdate);

    [9538] =>             referenceborderalpha.append(input);

    [9539] => 

    [9540] =>             referenceborderalpharangeset();

    [9541] =>         }

    [9542] =>         addEventListener("load", referenceborderalpharangeload);

    [9543] => 

    [9544] =>         function referenceborderalpharangeset()

    [9545] =>         {

    [9546] =>             const c = referencebordercolorcolor.value;

    [9547] =>             const r = parseInt(c.slice(1,3),16);

    [9548] =>             const g = parseInt(c.slice(3,5),16);

    [9549] =>             const b = parseInt(c.slice(5,7),16);

    [9550] =>             const a = referenceborderalpharange.value;

    [9551] => 

    [9552] =>             referenceborderalphanumber.value = a;

    [9553] =>             text.referencebordercolor = `rgb(${r} ${g} ${b} / ${a})`;

    [9554] =>         }

    [9555] => 

    [9556] =>         function referenceborderalpharangeupdate()

    [9557] =>         {

    [9558] =>             referenceborderalpharangeset();

    [9559] =>             svgupdate();

    [9560] =>         }

    [9561] => 

    [9562] =>         function referenceborderalphaexactload()

    [9563] =>         {

    [9564] =>             const br = document.createElement("br");

    [9565] =>             referenceborderalpha.append(br);

    [9566] => 

    [9567] =>             const array =

    [9568] =>             [

    [9569] =>                 ["0",0],

    [9570] =>                 ["0.25",0.25],

    [9571] =>                 ["0.5",0.5],

    [9572] =>                 ["0.75",0.75],

    [9573] =>                 ["1",1],

    [9574] =>             ];

    [9575] => 

    [9576] =>             for(const value of array)

    [9577] =>             {

    [9578] =>                 const button = document.createElement("button");

    [9579] =>                 button.innerHTML = value[0];

    [9580] =>                 button.value = value[1];

    [9581] =>                 button.addEventListener("click", referenceborderalphaexactupdate);

    [9582] =>                 referenceborderalpha.append(button);

    [9583] =>             }

    [9584] =>         }

    [9585] =>         addEventListener("load", referenceborderalphaexactload);

    [9586] => 

    [9587] =>         function referenceborderalphaexactupdate(e)

    [9588] =>         {

    [9589] =>             referenceborderalphanumber.value = Number(e.target.value);

    [9590] => 

    [9591] =>             referenceborderalphanumberupdate();

    [9592] =>         }

    [9593] => 

    [9594] =>         function referenceborderalphaincrementload()

    [9595] =>         {

    [9596] =>             const br = document.createElement("br");

    [9597] =>             referenceborderalpha.append(br);

    [9598] => 

    [9599] =>             const array =

    [9600] =>             [

    [9601] =>                 ["-0.1",-0.1],

    [9602] =>                 ["-0.01",-0.01],

    [9603] =>                 ["+0.01",0.01],

    [9604] =>                 ["+0.1",0.1],

    [9605] =>             ];

    [9606] => 

    [9607] =>             for(const value of array)

    [9608] =>             {

    [9609] =>                 const button = document.createElement("button");

    [9610] =>                 button.innerHTML = value[0];

    [9611] =>                 button.value = value[1];

    [9612] =>                 button.addEventListener("click", referenceborderalphaincrementupdate);

    [9613] =>                 referenceborderalpha.append(button);

    [9614] =>             }

    [9615] =>         }

    [9616] =>         addEventListener("load", referenceborderalphaincrementload);

    [9617] => 

    [9618] =>         function referenceborderalphaincrementupdate(e)

    [9619] =>         {

    [9620] =>             let v = Number(referenceborderalphanumber.value) + Number(e.target.value);

    [9621] =>             v = parseFloat(v.toFixed(2));

    [9622] => 

    [9623] =>             if((referenceborderalphanumber.min <= v) && (v <= referenceborderalphanumber.max))

    [9624] =>             {

    [9625] =>                 referenceborderalphanumber.value = v;

    [9626] => 

    [9627] =>                 referenceborderalphanumberupdate();

    [9628] =>             }

    [9629] =>         }

    [9630] => 

    [9631] => 

    [9632] => 

    [9633] =>         function referenceborderradiusload()

    [9634] =>         {

    [9635] =>             const div = document.createElement("div");

    [9636] =>             div.id = "referenceborderradius";

    [9637] =>             div.innerHTML = "border-radius";

    [9638] =>             tabcontentreference.append(div);

    [9639] => 

    [9640] =>             const style = div.style;

    [9641] =>             style.overflowY = "hidden";

    [9642] =>             style.whiteSpace = "nowrap";

    [9643] =>         }

    [9644] =>         addEventListener("load", referenceborderradiusload);

    [9645] => 

    [9646] =>         function referenceborderradiusnumberload()

    [9647] =>         {

    [9648] =>             const br = document.createElement("br");

    [9649] =>             referenceborderradius.append(br);

    [9650] => 

    [9651] =>             const input = document.createElement("input");

    [9652] =>             input.id = "referenceborderradiusnumber";

    [9653] =>             input.max = 1000;

    [9654] =>             input.min = 0;

    [9655] =>             input.type = "number";

    [9656] =>             input.value = 50;

    [9657] =>             input.addEventListener("input", referenceborderradiusnumberupdate);

    [9658] =>             referenceborderradius.append(input);

    [9659] => 

    [9660] =>             //referenceborderradiusnumberset();

    [9661] =>         }

    [9662] =>         addEventListener("load", referenceborderradiusnumberload);

    [9663] => 

    [9664] =>         function referenceborderradiusnumberset()

    [9665] =>         {

    [9666] =>             const v = Number(referenceborderradiusnumber.value);

    [9667] => 

    [9668] =>             referenceborderradiusrange.value = v;

    [9669] =>             text.referenceborderradius = v;

    [9670] =>         }

    [9671] => 

    [9672] =>         function referenceborderradiusnumberupdate()

    [9673] =>         {

    [9674] =>             referenceborderradiusnumberset();

    [9675] =>             svgupdate();

    [9676] =>         }

    [9677] => 

    [9678] =>         function referenceborderradiusrangeload()

    [9679] =>         {

    [9680] =>             const input = document.createElement("input");

    [9681] =>             input.id = "referenceborderradiusrange";

    [9682] =>             input.max = referenceborderradiusnumber.max;

    [9683] =>             input.min = referenceborderradiusnumber.min;

    [9684] =>             input.type = "range";

    [9685] =>             input.value = referenceborderradiusnumber.value;

    [9686] =>             input.addEventListener("input", referenceborderradiusrangeupdate);

    [9687] =>             referenceborderradius.append(input);

    [9688] => 

    [9689] =>             referenceborderradiusrangeset();

    [9690] =>         }

    [9691] =>         addEventListener("load", referenceborderradiusrangeload);

    [9692] => 

    [9693] =>         function referenceborderradiusrangeset()

    [9694] =>         {

    [9695] =>             const v = Number(referenceborderradiusrange.value);

    [9696] => 

    [9697] =>             referenceborderradiusnumber.value = v;

    [9698] =>             text.referenceborderradius = v;

    [9699] =>         }

    [9700] => 

    [9701] =>         function referenceborderradiusrangeupdate()

    [9702] =>         {

    [9703] =>             referenceborderradiusrangeset();

    [9704] =>             svgupdate();

    [9705] =>         }

    [9706] => 

    [9707] =>         function referenceborderradiusexactload()

    [9708] =>         {

    [9709] =>             const br = document.createElement("br");

    [9710] =>             referenceborderradius.append(br);

    [9711] => 

    [9712] =>             const array =

    [9713] =>             [

    [9714] =>                 ["0",0],

    [9715] =>                 ["50",50],

    [9716] =>                 ["100",100],

    [9717] =>                 ["250",250],

    [9718] =>                 ["500",500],

    [9719] =>                 ["1000",1000],

    [9720] =>             ];

    [9721] => 

    [9722] =>             for(const value of array)

    [9723] =>             {

    [9724] =>                 const button = document.createElement("button");

    [9725] =>                 button.innerHTML = value[0];

    [9726] =>                 button.value = value[1];

    [9727] =>                 button.addEventListener("click", referenceborderradiusexactupdate);

    [9728] =>                 referenceborderradius.append(button);

    [9729] =>             }

    [9730] =>         }

    [9731] =>         addEventListener("load", referenceborderradiusexactload);

    [9732] => 

    [9733] =>         function referenceborderradiusexactupdate(e)

    [9734] =>         {

    [9735] =>             referenceborderradiusnumber.value = Number(e.target.value);

    [9736] => 

    [9737] =>             referenceborderradiusnumberupdate();

    [9738] =>         }

    [9739] => 

    [9740] =>         function referenceborderradiusincrementload()

    [9741] =>         {

    [9742] =>             const br = document.createElement("br");

    [9743] =>             referenceborderradius.append(br);

    [9744] => 

    [9745] =>             const array =

    [9746] =>             [

    [9747] =>                 ["-100",-100],

    [9748] =>                 ["-10",-10],

    [9749] =>                 ["-1",-1],

    [9750] =>                 ["+1",1],

    [9751] =>                 ["+10",10],

    [9752] =>                 ["+100",100],

    [9753] =>             ];

    [9754] => 

    [9755] =>             for(const value of array)

    [9756] =>             {

    [9757] =>                 const button = document.createElement("button");

    [9758] =>                 button.innerHTML = value[0];

    [9759] =>                 button.value = value[1];

    [9760] =>                 button.addEventListener("click", referenceborderradiusincrementupdate);

    [9761] =>                 referenceborderradius.append(button);

    [9762] =>             }

    [9763] =>         }

    [9764] =>         addEventListener("load", referenceborderradiusincrementload);

    [9765] => 

    [9766] =>         function referenceborderradiusincrementupdate(e)

    [9767] =>         {

    [9768] =>             const v = Number(referenceborderradiusnumber.value) + Number(e.target.value);

    [9769] => 

    [9770] =>             if((referenceborderradiusnumber.min <= v) && (v <= referenceborderradiusnumber.max))

    [9771] =>             {

    [9772] =>                 referenceborderradiusnumber.value = v;

    [9773] => 

    [9774] =>                 referenceborderradiusnumberupdate();

    [9775] =>             }

    [9776] =>         }

    [9777] => 

    [9778] => 

    [9779] => 

    [9780] =>         function referenceborderstyleload()

    [9781] =>         {

    [9782] =>             const div = document.createElement("div");

    [9783] =>             div.id = "referenceborderstyle";

    [9784] =>             div.innerHTML = "border-style";

    [9785] =>             tabcontentreference.append(div);

    [9786] =>         }

    [9787] =>         addEventListener("load", referenceborderstyleload);

    [9788] => 

    [9789] =>         function referenceborderstyleselectload()

    [9790] =>         {

    [9791] =>             const br = document.createElement("br");

    [9792] =>             referenceborderstyle.append(br);

    [9793] => 

    [9794] =>             const select = document.createElement("select");

    [9795] =>             select.id = "referenceborderstyleselect";

    [9796] =>             select.addEventListener("input", referenceborderstyleselectupdate);

    [9797] =>             referenceborderstyle.append(select);

    [9798] => 

    [9799] =>             for(const value of borderstylearray)

    [9800] =>             {

    [9801] =>                 const option = document.createElement("option");

    [9802] =>                 option.innerHTML = value;

    [9803] =>                 select.add(option);

    [9804] =>             }

    [9805] => 

    [9806] =>             //select.value = borderstylearray[8];

    [9807] => 

    [9808] =>             referenceborderstyleselectset();

    [9809] =>         }

    [9810] =>         addEventListener("load", referenceborderstyleselectload);

    [9811] => 

    [9812] =>         function referenceborderstyleselectset()

    [9813] =>         {

    [9814] =>             text.referenceborderstyle = referenceborderstyleselect.value;

    [9815] =>         }

    [9816] => 

    [9817] =>         function referenceborderstyleselectupdate()

    [9818] =>         {

    [9819] =>             referenceborderstyleselectset();

    [9820] =>             svgupdate();

    [9821] =>         }

    [9822] => 

    [9823] => 

    [9824] => 

    [9825] =>         function referenceborderwidthload()

    [9826] =>         {

    [9827] =>             const div = document.createElement("div");

    [9828] =>             div.id = "referenceborderwidth";

    [9829] =>             div.innerHTML = "border-width";

    [9830] =>             tabcontentreference.append(div);

    [9831] => 

    [9832] =>             const style = div.style;

    [9833] =>             style.overflowY = "hidden";

    [9834] =>             style.whiteSpace = "nowrap";

    [9835] =>         }

    [9836] =>         addEventListener("load", referenceborderwidthload);

    [9837] => 

    [9838] =>         function referenceborderwidthnumberload()

    [9839] =>         {

    [9840] =>             const br = document.createElement("br");

    [9841] =>             referenceborderwidth.append(br);

    [9842] => 

    [9843] =>             const input = document.createElement("input");

    [9844] =>             input.id = "referenceborderwidthnumber";

    [9845] =>             input.max = 1000;

    [9846] =>             input.min = 0;

    [9847] =>             input.type = "number";

    [9848] =>             input.value = 25;

    [9849] =>             input.addEventListener("input", referenceborderwidthnumberupdate);

    [9850] =>             referenceborderwidth.append(input);

    [9851] => 

    [9852] =>             //referenceborderwidthnumberset();

    [9853] =>         }

    [9854] =>         addEventListener("load", referenceborderwidthnumberload);

    [9855] => 

    [9856] =>         function referenceborderwidthnumberset()

    [9857] =>         {

    [9858] =>             const v = Number(referenceborderwidthnumber.value);

    [9859] => 

    [9860] =>             referenceborderwidthrange.value = v;

    [9861] =>             text.referenceborderwidth = v;

    [9862] =>         }

    [9863] => 

    [9864] =>         function referenceborderwidthnumberupdate()

    [9865] =>         {

    [9866] =>             referenceborderwidthnumberset();

    [9867] =>             svgupdate();

    [9868] =>         }

    [9869] => 

    [9870] =>         function referenceborderwidthrangeload()

    [9871] =>         {

    [9872] =>             const input = document.createElement("input");

    [9873] =>             input.id = "referenceborderwidthrange";

    [9874] =>             input.max = referenceborderwidthnumber.max;

    [9875] =>             input.min = referenceborderwidthnumber.min;

    [9876] =>             input.type = "range";

    [9877] =>             input.value = referenceborderwidthnumber.value;

    [9878] =>             input.addEventListener("input", referenceborderwidthrangeupdate);

    [9879] =>             referenceborderwidth.append(input);

    [9880] => 

    [9881] =>             referenceborderwidthrangeset();

    [9882] =>         }

    [9883] =>         addEventListener("load", referenceborderwidthrangeload);

    [9884] => 

    [9885] =>         function referenceborderwidthrangeset()

    [9886] =>         {

    [9887] =>             const v = Number(referenceborderwidthrange.value);

    [9888] => 

    [9889] =>             referenceborderwidthnumber.value = v;

    [9890] =>             text.referenceborderwidth = v;

    [9891] =>         }

    [9892] => 

    [9893] =>         function referenceborderwidthrangeupdate()

    [9894] =>         {

    [9895] =>             referenceborderwidthrangeset();

    [9896] =>             svgupdate();

    [9897] =>         }

    [9898] => 

    [9899] =>         function referenceborderwidthexactload()

    [9900] =>         {

    [9901] =>             const br = document.createElement("br");

    [9902] =>             referenceborderwidth.append(br);

    [9903] => 

    [9904] =>             const array =

    [9905] =>             [

    [9906] =>                 ["0",0],

    [9907] =>                 ["50",50],

    [9908] =>                 ["100",100],

    [9909] =>                 ["250",250],

    [9910] =>                 ["500",500],

    [9911] =>                 ["1000",1000],

    [9912] =>             ];

    [9913] => 

    [9914] =>             for(const value of array)

    [9915] =>             {

    [9916] =>                 const button = document.createElement("button");

    [9917] =>                 button.innerHTML = value[0];

    [9918] =>                 button.value = value[1];

    [9919] =>                 button.addEventListener("click", referenceborderwidthexactupdate);

    [9920] =>                 referenceborderwidth.append(button);

    [9921] =>             }

    [9922] =>         }

    [9923] =>         addEventListener("load", referenceborderwidthexactload);

    [9924] => 

    [9925] =>         function referenceborderwidthexactupdate(e)

    [9926] =>         {

    [9927] =>             referenceborderwidthnumber.value = Number(e.target.value);

    [9928] => 

    [9929] =>             referenceborderwidthnumberupdate();

    [9930] =>         }

    [9931] => 

    [9932] =>         function referenceborderwidthincrementload()

    [9933] =>         {

    [9934] =>             const br = document.createElement("br");

    [9935] =>             referenceborderwidth.append(br);

    [9936] => 

    [9937] =>             const array =

    [9938] =>             [

    [9939] =>                 ["-100",-100],

    [9940] =>                 ["-10",-10],

    [9941] =>                 ["-1",-1],

    [9942] =>                 ["+1",1],

    [9943] =>                 ["+10",10],

    [9944] =>                 ["+100",100],

    [9945] =>             ];

    [9946] => 

    [9947] =>             for(const value of array)

    [9948] =>             {

    [9949] =>                 const button = document.createElement("button");

    [9950] =>                 button.innerHTML = value[0];

    [9951] =>                 button.value = value[1];

    [9952] =>                 button.addEventListener("click", referenceborderwidthincrementupdate);

    [9953] =>                 referenceborderwidth.append(button);

    [9954] =>             }

    [9955] =>         }

    [9956] =>         addEventListener("load", referenceborderwidthincrementload);

    [9957] => 

    [9958] =>         function referenceborderwidthincrementupdate(e)

    [9959] =>         {

    [9960] =>             const v = Number(referenceborderwidthnumber.value) + Number(e.target.value);

    [9961] => 

    [9962] =>             if((referenceborderwidthnumber.min <= v) && (v <= referenceborderwidthnumber.max))

    [9963] =>             {

    [9964] =>                 referenceborderwidthnumber.value = v;

    [9965] => 

    [9966] =>                 referenceborderwidthnumberupdate();

    [9967] =>             }

    [9968] =>         }

    [9969] => 

    [9970] => 

    [9971] => 

    [9972] =>         function referencehorizontalload()

    [9973] =>         {

    [9974] =>             const div = document.createElement("div");

    [9975] =>             div.id = "referencehorizontal";

    [9976] =>             div.innerHTML = "horizontal";

    [9977] =>             tabcontentreference.append(div);

    [9978] =>         }

    [9979] =>         addEventListener("load", referencehorizontalload);

    [9980] => 

    [9981] =>         function referencehorizontalselectload()

    [9982] =>         {

    [9983] =>             const br = document.createElement("br");

    [9984] =>             referencehorizontal.append(br);

    [9985] => 

    [9986] =>             const select = document.createElement("select");

    [9987] =>             select.id = "referencehorizontalselect";

    [9988] =>             select.addEventListener("input", referencehorizontalselectupdate);

    [9989] =>             referencehorizontal.append(select);

    [9990] => 

    [9991] =>             for(const value of horizontalarray)

    [9992] =>             {

    [9993] =>                 const option = document.createElement("option");

    [9994] =>                 option.innerHTML = value;

    [9995] =>                 select.add(option);

    [9996] =>             }

    [9997] => 

    [9998] =>             select.value = horizontalarray[1];

    [9999] => 

    [10000] =>             referencehorizontalselectset();

    [10001] =>         }

    [10002] =>         addEventListener("load", referencehorizontalselectload);

    [10003] => 

    [10004] =>         function referencehorizontalselectset()

    [10005] =>         {

    [10006] =>             text.referencehorizontal = referencehorizontalselect.value;

    [10007] =>         }

    [10008] => 

    [10009] =>         function referencehorizontalselectupdate()

    [10010] =>         {

    [10011] =>             referencehorizontalselectset();

    [10012] =>             svgupdate();

    [10013] =>         }

    [10014] => 

    [10015] => 

    [10016] => 

    [10017] =>         function referenceverticalload()

    [10018] =>         {

    [10019] =>             const div = document.createElement("div");

    [10020] =>             div.id = "referencevertical";

    [10021] =>             div.innerHTML = "vertical";

    [10022] =>             tabcontentreference.append(div);

    [10023] =>         }

    [10024] =>         addEventListener("load", referenceverticalload);

    [10025] => 

    [10026] =>         function referenceverticalselectload()

    [10027] =>         {

    [10028] =>             const br = document.createElement("br");

    [10029] =>             referencevertical.append(br);

    [10030] => 

    [10031] =>             const select = document.createElement("select");

    [10032] =>             select.id = "referenceverticalselect";

    [10033] =>             select.addEventListener("input", referenceverticalselectupdate);

    [10034] =>             referencevertical.append(select);

    [10035] => 

    [10036] =>             for(const value of verticalarray)

    [10037] =>             {

    [10038] =>                 const option = document.createElement("option");

    [10039] =>                 option.innerHTML = value;

    [10040] =>                 select.add(option);

    [10041] =>             }

    [10042] => 

    [10043] =>             select.value = verticalarray[1];

    [10044] => 

    [10045] =>             referenceverticalselectset();

    [10046] =>         }

    [10047] =>         addEventListener("load", referenceverticalselectload);

    [10048] => 

    [10049] =>         function referenceverticalselectset()

    [10050] =>         {

    [10051] =>             text.referencevertical = referenceverticalselect.value;

    [10052] =>         }

    [10053] => 

    [10054] =>         function referenceverticalselectupdate()

    [10055] =>         {

    [10056] =>             referenceverticalselectset();

    [10057] =>             svgupdate();

    [10058] =>         }

    [10059] => 

    [10060] => 

    [10061] => 

    [10062] =>         function referencewritingmodeload()

    [10063] =>         {

    [10064] =>             const div = document.createElement("div");

    [10065] =>             div.id = "referencewritingmode";

    [10066] =>             div.innerHTML = "writing-mode";

    [10067] =>             tabcontentreference.append(div);

    [10068] =>         }

    [10069] =>         addEventListener("load", referencewritingmodeload);

    [10070] => 

    [10071] =>         function referencewritingmodeselectload()

    [10072] =>         {

    [10073] =>             const br = document.createElement("br");

    [10074] =>             referencewritingmode.append(br);

    [10075] => 

    [10076] =>             const select = document.createElement("select");

    [10077] =>             select.id = "referencewritingmodeselect";

    [10078] =>             select.addEventListener("input", referencewritingmodeselectupdate);

    [10079] =>             referencewritingmode.append(select);

    [10080] => 

    [10081] =>             for(const value of writingmodearray)

    [10082] =>             {

    [10083] =>                 const option = document.createElement("option");

    [10084] =>                 option.innerHTML = value;

    [10085] =>                 select.add(option);

    [10086] =>             }

    [10087] => 

    [10088] =>             referencewritingmodeselectset();

    [10089] =>         }

    [10090] =>         addEventListener("load", referencewritingmodeselectload);

    [10091] => 

    [10092] =>         function referencewritingmodeselectset()

    [10093] =>         {

    [10094] =>             text.referencewritingmode = referencewritingmodeselect.value;

    [10095] =>         }

    [10096] => 

    [10097] =>         function referencewritingmodeselectupdate()

    [10098] =>         {

    [10099] =>             referencewritingmodeselectset();

    [10100] =>             svgupdate();

    [10101] =>         }

    [10102] => 

    [10103] => 

    [10104] => 

    [10105] =>         function referencefontfamilyload()

    [10106] =>         {

    [10107] =>             const div = document.createElement("div");

    [10108] =>             div.id = "referencefontfamily";

    [10109] =>             div.innerHTML = "font-family";

    [10110] =>             tabcontentreference.append(div);

    [10111] =>         }

    [10112] =>         addEventListener("load", referencefontfamilyload);

    [10113] => 

    [10114] =>         function referencefontfamilyselectload()

    [10115] =>         {

    [10116] =>             const br = document.createElement("br");

    [10117] =>             referencefontfamily.append(br);

    [10118] => 

    [10119] =>             const select = document.createElement("select");

    [10120] =>             select.id = "referencefontfamilyselect";

    [10121] =>             select.addEventListener("input", referencefontfamilyselectupdate);

    [10122] =>             referencefontfamily.append(select);

    [10123] => 

    [10124] =>             for(const value of fontfamilyarray)

    [10125] =>             {

    [10126] =>                 const option = document.createElement("option");

    [10127] =>                 option.innerHTML = value;

    [10128] =>                 select.add(option);

    [10129] =>             }

    [10130] => 

    [10131] =>             referencefontfamilyselectset();

    [10132] =>         }

    [10133] =>         addEventListener("load", referencefontfamilyselectload);

    [10134] => 

    [10135] =>         function referencefontfamilyselectset()

    [10136] =>         {

    [10137] =>             text.referencefontfamily = referencefontfamilyselect.value;

    [10138] =>         }

    [10139] => 

    [10140] =>         function referencefontfamilyselectupdate()

    [10141] =>         {

    [10142] =>             referencefontfamilyselectset();

    [10143] =>             svgupdate();

    [10144] =>         }

    [10145] => 

    [10146] => 

    [10147] => 

    [10148] =>         function referencefontsizeload()

    [10149] =>         {

    [10150] =>             const div = document.createElement("div");

    [10151] =>             div.id = "referencefontsize";

    [10152] =>             div.innerHTML = "font-size";

    [10153] =>             tabcontentreference.append(div);

    [10154] =>         }

    [10155] =>         addEventListener("load", referencefontsizeload);

    [10156] => 

    [10157] =>         function referencefontsizenumberload()

    [10158] =>         {

    [10159] =>             const br = document.createElement("br");

    [10160] =>             referencefontsize.append(br);

    [10161] => 

    [10162] =>             const input = document.createElement("input");

    [10163] =>             input.id = "referencefontsizenumber";

    [10164] =>             input.max = 1000;

    [10165] =>             input.min = 0;

    [10166] =>             input.type = "number";

    [10167] =>             input.value = 100;

    [10168] =>             input.addEventListener("input", referencefontsizenumberupdate);

    [10169] =>             referencefontsize.append(input);

    [10170] => 

    [10171] =>             //referencefontsizenumberset();

    [10172] =>         }

    [10173] =>         addEventListener("load", referencefontsizenumberload);

    [10174] => 

    [10175] =>         function referencefontsizenumberset()

    [10176] =>         {

    [10177] =>             const v = Number(referencefontsizenumber.value);

    [10178] => 

    [10179] =>             referencefontsizerange.value = v;

    [10180] =>             text.referencefontsize = v;

    [10181] =>         }

    [10182] => 

    [10183] =>         function referencefontsizenumberupdate()

    [10184] =>         {

    [10185] =>             referencefontsizenumberset();

    [10186] =>             svgupdate();

    [10187] =>         }

    [10188] => 

    [10189] =>         function referencefontsizerangeload()

    [10190] =>         {

    [10191] =>             const input = document.createElement("input");

    [10192] =>             input.id = "referencefontsizerange";

    [10193] =>             input.max = referencefontsizenumber.max;

    [10194] =>             input.min = referencefontsizenumber.min;

    [10195] =>             input.type = "range";

    [10196] =>             input.value = referencefontsizenumber.value;

    [10197] =>             input.addEventListener("input", referencefontsizerangeupdate);

    [10198] =>             referencefontsize.append(input);

    [10199] => 

    [10200] =>             referencefontsizerangeset();

    [10201] =>         }

    [10202] =>         addEventListener("load", referencefontsizerangeload);

    [10203] => 

    [10204] =>         function referencefontsizerangeset()

    [10205] =>         {

    [10206] =>             const v = Number(referencefontsizerange.value);

    [10207] => 

    [10208] =>             referencefontsizenumber.value = v;

    [10209] =>             text.referencefontsize = v;

    [10210] =>         }

    [10211] => 

    [10212] =>         function referencefontsizerangeupdate()

    [10213] =>         {

    [10214] =>             referencefontsizerangeset();

    [10215] =>             svgupdate();

    [10216] =>         }

    [10217] => 

    [10218] =>         function referencefontsizeexactload()

    [10219] =>         {

    [10220] =>             const br = document.createElement("br");

    [10221] =>             referencefontsize.append(br);

    [10222] => 

    [10223] =>             const array =

    [10224] =>             [

    [10225] =>                 ["0",0],

    [10226] =>                 ["50",50],

    [10227] =>                 ["100",100],

    [10228] =>                 ["250",250],

    [10229] =>                 ["500",500],

    [10230] =>                 ["1000",1000],

    [10231] =>             ];

    [10232] => 

    [10233] =>             for(const value of array)

    [10234] =>             {

    [10235] =>                 const button = document.createElement("button");

    [10236] =>                 button.innerHTML = value[0];

    [10237] =>                 button.value = value[1];

    [10238] =>                 button.addEventListener("click", referencefontsizeexactupdate);

    [10239] =>                 referencefontsize.append(button);

    [10240] =>             }

    [10241] =>         }

    [10242] =>         addEventListener("load", referencefontsizeexactload);

    [10243] => 

    [10244] =>         function referencefontsizeexactupdate(e)

    [10245] =>         {

    [10246] =>             referencefontsizenumber.value = Number(e.target.value);

    [10247] => 

    [10248] =>             referencefontsizenumberupdate();

    [10249] =>         }

    [10250] => 

    [10251] =>         function referencefontsizeincrementload()

    [10252] =>         {

    [10253] =>             const br = document.createElement("br");

    [10254] =>             referencefontsize.append(br);

    [10255] => 

    [10256] =>             const array =

    [10257] =>             [

    [10258] =>                 ["-100",-100],

    [10259] =>                 ["-10",-10],

    [10260] =>                 ["-1",-1],

    [10261] =>                 ["+1",1],

    [10262] =>                 ["+10",10],

    [10263] =>                 ["+100",100],

    [10264] =>             ];

    [10265] => 

    [10266] =>             for(const value of array)

    [10267] =>             {

    [10268] =>                 const button = document.createElement("button");

    [10269] =>                 button.innerHTML = value[0];

    [10270] =>                 button.value = value[1];

    [10271] =>                 button.addEventListener("click", referencefontsizeincrementupdate);

    [10272] =>                 referencefontsize.append(button);

    [10273] =>             }

    [10274] =>         }

    [10275] =>         addEventListener("load", referencefontsizeincrementload);

    [10276] => 

    [10277] =>         function referencefontsizeincrementupdate(e)

    [10278] =>         {

    [10279] =>             const v = Number(referencefontsizenumber.value) + Number(e.target.value);

    [10280] => 

    [10281] =>             if((referencefontsizenumber.min <= v) && (v <= referencefontsizenumber.max))

    [10282] =>             {

    [10283] =>                 referencefontsizenumber.value = v;

    [10284] => 

    [10285] =>                 referencefontsizenumberupdate();

    [10286] =>             }

    [10287] =>         }

    [10288] => 

    [10289] => /*

    [10290] =>         function referencefontsizefitload()

    [10291] =>         {

    [10292] =>             const button = document.createElement("button");

    [10293] =>             button.innerHTML = "fit";

    [10294] =>             button.addEventListener("click", referencefontsizefitupdate);

    [10295] =>             referencefontsize.append(button);

    [10296] =>         }

    [10297] =>         addEventListener("load", referencefontsizefitload);

    [10298] => 

    [10299] =>         function referencefontsizefitupdate()

    [10300] =>         {

    [10301] =>             const t = document.createElement("div");

    [10302] =>             referencefontsize.append(t);

    [10303] =>             t.innerHTML = text.bookname;

    [10304] =>             t.style.fontSize = `${referencefontsizenumber.value}px`;

    [10305] => 

    [10306] =>             const h1 = text.referencewidth;

    [10307] =>             const h2 = text.referenceheight;

    [10308] =>             const h3 = t.offsetWidth;

    [10309] =>             const h4 = t.offsetHeight;

    [10310] =>             const h5 = referencefontsizenumber.value;

    [10311] => 

    [10312] =>             //const h4 = t.offsetParent;//t.style.fontSize;

    [10313] =>             //const h5 = t.clientHeight;//text.style.height;

    [10314] =>             //const h6 = text.height;

    [10315] =>             //const h7 = text.getBoundingClientRect().height;

    [10316] =>             //const h8 = text.style.lineHeight;

    [10317] =>             //const h9 = canvas.getBoundingClientRect().height;

    [10318] =>             console.log(h1, h2, h3, h4, h5);

    [10319] =>             //t.hidden = true;

    [10320] => 

    [10321] =>             if(h2 < h4)

    [10322] =>             {

    [10323] =>                 referencefontsizenumber.value -= 1;

    [10324] =>                 referencefit();

    [10325] =>             }

    [10326] => 

    [10327] =>             referencefontsizenumberupdate();

    [10328] =>         }

    [10329] => //*/

    [10330] => 

    [10331] => 

    [10332] => 

    [10333] =>         function referencefontstyleload()

    [10334] =>         {

    [10335] =>             const div = document.createElement("div");

    [10336] =>             div.id = "referencefontstyle";

    [10337] =>             div.innerHTML = "font-style";

    [10338] =>             tabcontentreference.append(div);

    [10339] =>         }

    [10340] =>         addEventListener("load", referencefontstyleload);

    [10341] => 

    [10342] =>         function referencefontstyleselectload()

    [10343] =>         {

    [10344] =>             const br = document.createElement("br");

    [10345] =>             referencefontstyle.append(br);

    [10346] => 

    [10347] =>             const select = document.createElement("select");

    [10348] =>             select.id = "referencefontstyleselect";

    [10349] =>             select.addEventListener("input", referencefontstyleselectupdate);

    [10350] =>             referencefontstyle.append(select);

    [10351] => 

    [10352] =>             for(const value of fontstylearray)

    [10353] =>             {

    [10354] =>                 const option = document.createElement("option");

    [10355] =>                 option.innerHTML = value;

    [10356] =>                 select.add(option);

    [10357] =>             }

    [10358] => 

    [10359] =>             referencefontstyleselectset();

    [10360] =>         }

    [10361] =>         addEventListener("load", referencefontstyleselectload);

    [10362] => 

    [10363] =>         function referencefontstyleselectset()

    [10364] =>         {

    [10365] =>             text.referencefontstyle = referencefontstyleselect.value;

    [10366] =>         }

    [10367] => 

    [10368] =>         function referencefontstyleselectupdate()

    [10369] =>         {

    [10370] =>             referencefontstyleselectset();

    [10371] =>             svgupdate();

    [10372] =>         }

    [10373] => 

    [10374] => 

    [10375] => 

    [10376] =>         function referencefontvariantload()

    [10377] =>         {

    [10378] =>             const div = document.createElement("div");

    [10379] =>             div.id = "referencefontvariant";

    [10380] =>             div.innerHTML = "font-variant";

    [10381] =>             tabcontentreference.append(div);

    [10382] =>         }

    [10383] =>         addEventListener("load", referencefontvariantload);

    [10384] => 

    [10385] =>         function referencefontvariantselectload()

    [10386] =>         {

    [10387] =>             const br = document.createElement("br");

    [10388] =>             referencefontvariant.append(br);

    [10389] => 

    [10390] =>             const select = document.createElement("select");

    [10391] =>             select.id = "referencefontvariantselect";

    [10392] =>             select.addEventListener("input", referencefontvariantselectupdate);

    [10393] =>             referencefontvariant.append(select);

    [10394] => 

    [10395] =>             for(const value of fontvariantarray)

    [10396] =>             {

    [10397] =>                 const option = document.createElement("option");

    [10398] =>                 option.innerHTML = value;

    [10399] =>                 select.add(option);

    [10400] =>             }

    [10401] => 

    [10402] =>             referencefontvariantselectset();

    [10403] =>         }

    [10404] =>         addEventListener("load", referencefontvariantselectload);

    [10405] => 

    [10406] =>         function referencefontvariantselectset()

    [10407] =>         {

    [10408] =>             text.referencefontvariant = referencefontvariantselect.value;

    [10409] =>         }

    [10410] => 

    [10411] =>         function referencefontvariantselectupdate()

    [10412] =>         {

    [10413] =>             referencefontvariantselectset();

    [10414] =>             svgupdate();

    [10415] =>         }

    [10416] => 

    [10417] => 

    [10418] => 

    [10419] =>         function referencefontweightload()

    [10420] =>         {

    [10421] =>             const div = document.createElement("div");

    [10422] =>             div.id = "referencefontweight";

    [10423] =>             div.innerHTML = "font-weight";

    [10424] =>             tabcontentreference.append(div);

    [10425] =>         }

    [10426] =>         addEventListener("load", referencefontweightload);

    [10427] => 

    [10428] =>         function referencefontweightselectload()

    [10429] =>         {

    [10430] =>             const br = document.createElement("br");

    [10431] =>             referencefontweight.append(br);

    [10432] => 

    [10433] =>             const select = document.createElement("select");

    [10434] =>             select.id = "referencefontweightselect";

    [10435] =>             select.addEventListener("input", referencefontweightselectupdate);

    [10436] =>             referencefontweight.append(select);

    [10437] => 

    [10438] =>             for(const value of fontweightarray)

    [10439] =>             {

    [10440] =>                 const option = document.createElement("option");

    [10441] =>                 option.innerHTML = value;

    [10442] =>                 select.add(option);

    [10443] =>             }

    [10444] => 

    [10445] =>             referencefontweightselectset();

    [10446] =>         }

    [10447] =>         addEventListener("load", referencefontweightselectload);

    [10448] => 

    [10449] =>         function referencefontweightselectset()

    [10450] =>         {

    [10451] =>             text.referencefontweight = referencefontweightselect.value;

    [10452] =>         }

    [10453] => 

    [10454] =>         function referencefontweightselectupdate()

    [10455] =>         {

    [10456] =>             referencefontweightselectset();

    [10457] =>             svgupdate();

    [10458] =>         }

    [10459] => 

    [10460] => 

    [10461] => 

    [10462] =>         function referencecolorload()

    [10463] =>         {

    [10464] =>             const div = document.createElement("div");

    [10465] =>             div.id = "referencecolor";

    [10466] =>             div.innerHTML = "color";

    [10467] =>             tabcontentreference.append(div);

    [10468] =>         }

    [10469] =>         addEventListener("load", referencecolorload);

    [10470] => 

    [10471] =>         function referencecolorcolorload()

    [10472] =>         {

    [10473] =>             const br = document.createElement("br");

    [10474] =>             referencecolor.append(br);

    [10475] => 

    [10476] =>             const input = document.createElement("input");

    [10477] =>             input.id = "referencecolorcolor";

    [10478] =>             input.type = "color";

    [10479] =>             input.value = "#000000";

    [10480] =>             input.addEventListener("input", referencecolorcolorupdate);

    [10481] =>             referencecolor.append(input);

    [10482] => 

    [10483] =>             //referencecolorcolorset();

    [10484] =>         }

    [10485] =>         addEventListener("load", referencecolorcolorload);

    [10486] => 

    [10487] =>         function referencecolorcolorset()

    [10488] =>         {

    [10489] =>             const c = referencecolorcolor.value;

    [10490] =>             const r = parseInt(c.slice(1,3),16);

    [10491] =>             const g = parseInt(c.slice(3,5),16);

    [10492] =>             const b = parseInt(c.slice(5,7),16);

    [10493] =>             const a = referencealphanumber.value;

    [10494] => 

    [10495] =>             text.referencecolor = `rgb(${r} ${g} ${b} / ${a})`;

    [10496] =>         }

    [10497] => 

    [10498] =>         function referencecolorcolorupdate()

    [10499] =>         {

    [10500] =>             referencecolorcolorset();

    [10501] =>             svgupdate();

    [10502] =>         }

    [10503] => 

    [10504] =>         function referencecolorexactload()

    [10505] =>         {

    [10506] =>             const br = document.createElement("br");

    [10507] =>             referencecolor.append(br);

    [10508] => 

    [10509] =>             const array =

    [10510] =>             [

    [10511] =>                 ["black","#000000"],

    [10512] =>                 ["white","#ffffff"],

    [10513] =>             ];

    [10514] => 

    [10515] =>             for(const value of array)

    [10516] =>             {

    [10517] =>                 const button = document.createElement("button");

    [10518] =>                 button.innerHTML = value[0];

    [10519] =>                 button.value = value[1];

    [10520] =>                 button.addEventListener("click", referencecolorexactupdate);

    [10521] =>                 referencecolor.append(button);

    [10522] =>             }

    [10523] =>         }

    [10524] =>         addEventListener("load", referencecolorexactload);

    [10525] => 

    [10526] =>         function referencecolorexactupdate(e)

    [10527] =>         {

    [10528] =>             referencecolorcolor.value = e.target.value;

    [10529] => 

    [10530] =>             referencecolorcolorupdate();

    [10531] =>         }

    [10532] => 

    [10533] => 

    [10534] => 

    [10535] =>         function referencealphaload()

    [10536] =>         {

    [10537] =>             const div = document.createElement("div");

    [10538] =>             div.id = "referencealpha";

    [10539] =>             div.innerHTML = "alpha";

    [10540] =>             tabcontentreference.append(div);

    [10541] => 

    [10542] =>             const style = div.style;

    [10543] =>             style.overflowY = "hidden";

    [10544] =>             style.whiteSpace = "nowrap";

    [10545] =>         }

    [10546] =>         addEventListener("load", referencealphaload);

    [10547] => 

    [10548] =>         function referencealphanumberload()

    [10549] =>         {

    [10550] =>             const br = document.createElement("br");

    [10551] =>             referencealpha.append(br);

    [10552] => 

    [10553] =>             const input = document.createElement("input");

    [10554] =>             input.id = "referencealphanumber";

    [10555] =>             input.max = 1;

    [10556] =>             input.min = 0;

    [10557] =>             input.step = 0.01;

    [10558] =>             input.type = "number";

    [10559] =>             input.value = 1;

    [10560] =>             input.addEventListener("input", referencealphanumberupdate);

    [10561] =>             referencealpha.append(input);

    [10562] => 

    [10563] =>             //referencealphanumberset();

    [10564] =>         }

    [10565] =>         addEventListener("load", referencealphanumberload);

    [10566] => 

    [10567] =>         function referencealphanumberset()

    [10568] =>         {

    [10569] =>             const c = referencecolorcolor.value;

    [10570] =>             const r = parseInt(c.slice(1,3),16);

    [10571] =>             const g = parseInt(c.slice(3,5),16);

    [10572] =>             const b = parseInt(c.slice(5,7),16);

    [10573] =>             const a = referencealphanumber.value;

    [10574] => 

    [10575] =>             referencealpharange.value = a;

    [10576] =>             text.referencecolor = `rgb(${r} ${g} ${b} / ${a})`;

    [10577] =>         }

    [10578] => 

    [10579] =>         function referencealphanumberupdate()

    [10580] =>         {

    [10581] =>             referencealphanumberset();

    [10582] =>             svgupdate();

    [10583] =>         }

    [10584] => 

    [10585] =>         function referencealpharangeload()

    [10586] =>         {

    [10587] =>             const input = document.createElement("input");

    [10588] =>             input.id = "referencealpharange";

    [10589] =>             input.max = referencealphanumber.max;

    [10590] =>             input.min = referencealphanumber.min;

    [10591] =>             input.step = referencealphanumber.step;

    [10592] =>             input.type = "range";

    [10593] =>             input.value = referencealphanumber.value;

    [10594] =>             input.addEventListener("input", referencealpharangeupdate);

    [10595] =>             referencealpha.append(input);

    [10596] => 

    [10597] =>             referencealpharangeset();

    [10598] =>         }

    [10599] =>         addEventListener("load", referencealpharangeload);

    [10600] => 

    [10601] =>         function referencealpharangeset()

    [10602] =>         {

    [10603] =>             const c = referencecolorcolor.value;

    [10604] =>             const r = parseInt(c.slice(1,3),16);

    [10605] =>             const g = parseInt(c.slice(3,5),16);

    [10606] =>             const b = parseInt(c.slice(5,7),16);

    [10607] =>             const a = referencealpharange.value;

    [10608] => 

    [10609] =>             referencealphanumber.value = a;

    [10610] =>             text.referencecolor = `rgb(${r} ${g} ${b} / ${a})`;

    [10611] =>         }

    [10612] => 

    [10613] =>         function referencealpharangeupdate()

    [10614] =>         {

    [10615] =>             referencealpharangeset();

    [10616] =>             svgupdate();

    [10617] =>         }

    [10618] => 

    [10619] =>         function referencealphaexactload()

    [10620] =>         {

    [10621] =>             const br = document.createElement("br");

    [10622] =>             referencealpha.append(br);

    [10623] => 

    [10624] =>             const array =

    [10625] =>             [

    [10626] =>                 ["0",0],

    [10627] =>                 ["0.25",0.25],

    [10628] =>                 ["0.5",0.5],

    [10629] =>                 ["0.75",0.75],

    [10630] =>                 ["1",1],

    [10631] =>             ];

    [10632] => 

    [10633] =>             for(const value of array)

    [10634] =>             {

    [10635] =>                 const button = document.createElement("button");

    [10636] =>                 button.innerHTML = value[0];

    [10637] =>                 button.value = value[1];

    [10638] =>                 button.addEventListener("click", referencealphaexactupdate);

    [10639] =>                 referencealpha.append(button);

    [10640] =>             }

    [10641] =>         }

    [10642] =>         addEventListener("load", referencealphaexactload);

    [10643] => 

    [10644] =>         function referencealphaexactupdate(e)

    [10645] =>         {

    [10646] =>             referencealphanumber.value = Number(e.target.value);

    [10647] => 

    [10648] =>             referencealphanumberupdate();

    [10649] =>         }

    [10650] => 

    [10651] =>         function referencealphaincrementload()

    [10652] =>         {

    [10653] =>             const br = document.createElement("br");

    [10654] =>             referencealpha.append(br);

    [10655] => 

    [10656] =>             const array =

    [10657] =>             [

    [10658] =>                 ["-0.1",-0.1],

    [10659] =>                 ["-0.01",-0.01],

    [10660] =>                 ["+0.01",0.01],

    [10661] =>                 ["+0.1",0.1],

    [10662] =>             ];

    [10663] => 

    [10664] =>             for(const value of array)

    [10665] =>             {

    [10666] =>                 const button = document.createElement("button");

    [10667] =>                 button.innerHTML = value[0];

    [10668] =>                 button.value = value[1];

    [10669] =>                 button.addEventListener("click", referencealphaincrementupdate);

    [10670] =>                 referencealpha.append(button);

    [10671] =>             }

    [10672] =>         }

    [10673] =>         addEventListener("load", referencealphaincrementload);

    [10674] => 

    [10675] =>         function referencealphaincrementupdate(e)

    [10676] =>         {

    [10677] =>             let v = Number(referencealphanumber.value) + Number(e.target.value);

    [10678] =>             v = parseFloat(v.toFixed(2));

    [10679] => 

    [10680] =>             if((referencealphanumber.min <= v) && (v <= referencealphanumber.max))

    [10681] =>             {

    [10682] =>                 referencealphanumber.value = v;

    [10683] => 

    [10684] =>                 referencealphanumberupdate();

    [10685] =>             }

    [10686] =>         }

    [10687] => 

    [10688] => 

    [10689] => 

    [10690] => /*leftoff

    [10691] =>         function referencefilterblurload()

    [10692] =>         {

    [10693] =>             const div = document.createElement("div");

    [10694] =>             div.id = "referencefilterblur";

    [10695] =>             div.innerHTML = "filter-blur";

    [10696] =>             tabcontentreference.append(div);

    [10697] => 

    [10698] =>             const style = div.style;

    [10699] =>             style.overflowY = "hidden";

    [10700] =>             style.whiteSpace = "nowrap";

    [10701] =>         }

    [10702] =>         addEventListener("load", referencefilterblurload);

    [10703] => 

    [10704] =>         function referencefilterblurnumberload()

    [10705] =>         {

    [10706] =>             const br = document.createElement("br");

    [10707] =>             referencefilterblur.append(br);

    [10708] => 

    [10709] =>             const input = document.createElement("input");

    [10710] =>             input.id = "referencefilterblurnumber";

    [10711] =>             input.max = 1000;

    [10712] =>             input.min = 0;

    [10713] =>             input.step = 1;

    [10714] =>             input.type = "number";

    [10715] =>             input.value = 0;

    [10716] =>             input.addEventListener("input", referencefilterblurnumberupdate);

    [10717] =>             referencefilterblur.append(input);

    [10718] => 

    [10719] =>             //referencefilterblurnumberset();

    [10720] =>         }

    [10721] =>         addEventListener("load", referencefilterblurnumberload);

    [10722] => 

    [10723] =>         function referencefilterblurnumberset()

    [10724] =>         {

    [10725] =>             const v = referencefilterblurnumber.value;

    [10726] => 

    [10727] =>             referencefilterblurrange.value = v;

    [10728] =>             text.referencebackdropfilterblur = v;

    [10729] =>         }

    [10730] => 

    [10731] =>         function referencefilterblurnumberupdate()

    [10732] =>         {

    [10733] =>             referencefilterblurnumberset();

    [10734] =>             svgupdate();

    [10735] =>         }

    [10736] => 

    [10737] =>         function referencefilterblurrangeload()

    [10738] =>         {

    [10739] =>             const input = document.createElement("input");

    [10740] =>             input.id = "referencefilterblurrange";

    [10741] =>             input.max = referencefilterblurnumber.max;

    [10742] =>             input.min = referencefilterblurnumber.min;

    [10743] =>             input.step = referencefilterblurnumber.step;

    [10744] =>             input.type = "range";

    [10745] =>             input.value = referencefilterblurnumber.value;

    [10746] =>             input.addEventListener("input", referencefilterblurrangeupdate);

    [10747] =>             referencefilterblur.append(input);

    [10748] => 

    [10749] =>             referencefilterblurrangeset();

    [10750] =>         }

    [10751] =>         addEventListener("load", referencefilterblurrangeload);

    [10752] => 

    [10753] =>         function referencefilterblurrangeset()

    [10754] =>         {

    [10755] =>             const v = referencefilterblurrange.value;

    [10756] => 

    [10757] =>             referencefilterblurnumber.value = v;

    [10758] =>             text.referencebackdropfilterblur = v;

    [10759] =>         }

    [10760] => 

    [10761] =>         function referencefilterblurrangeupdate()

    [10762] =>         {

    [10763] =>             referencefilterblurrangeset();

    [10764] =>             svgupdate();

    [10765] =>         }

    [10766] => 

    [10767] =>         function referencefilterblurexactload()

    [10768] =>         {

    [10769] =>             const br = document.createElement("br");

    [10770] =>             referencefilterblur.append(br);

    [10771] => 

    [10772] =>             const array =

    [10773] =>             [

    [10774] =>                 ["0",0],

    [10775] =>                 ["2",2],

    [10776] =>                 ["4",4],

    [10777] =>                 ["8",8],

    [10778] =>                 ["16",16],

    [10779] =>                 ["32",32],

    [10780] =>                 ["64",64],

    [10781] =>             ];

    [10782] => 

    [10783] =>             for(const value of array)

    [10784] =>             {

    [10785] =>                 const button = document.createElement("button");

    [10786] =>                 button.innerHTML = value[0];

    [10787] =>                 button.value = value[1];

    [10788] =>                 button.addEventListener("click", referencefilterblurexactupdate);

    [10789] =>                 referencefilterblur.append(button);

    [10790] =>             }

    [10791] =>         }

    [10792] =>         addEventListener("load", referencefilterblurexactload);

    [10793] => 

    [10794] =>         function referencefilterblurexactupdate(e)

    [10795] =>         {

    [10796] =>             referencefilterblurnumber.value = Number(e.target.value);

    [10797] => 

    [10798] =>             referencefilterblurnumberupdate();

    [10799] =>         }

    [10800] => 

    [10801] =>         function referencefilterblurincrementload()

    [10802] =>         {

    [10803] =>             const br = document.createElement("br");

    [10804] =>             referencefilterblur.append(br);

    [10805] => 

    [10806] =>             const array =

    [10807] =>             [

    [10808] =>                 ["-100",-100],

    [10809] =>                 ["-10",-10],

    [10810] =>                 ["-1",-1],

    [10811] =>                 ["+1",1],

    [10812] =>                 ["+10",10],

    [10813] =>                 ["+100",100],

    [10814] =>             ];

    [10815] => 

    [10816] =>             for(const value of array)

    [10817] =>             {

    [10818] =>                 const button = document.createElement("button");

    [10819] =>                 button.innerHTML = value[0];

    [10820] =>                 button.value = value[1];

    [10821] =>                 button.addEventListener("click", referencefilterblurincrementupdate);

    [10822] =>                 referencefilterblur.append(button);

    [10823] =>             }

    [10824] =>         }

    [10825] =>         addEventListener("load", referencefilterblurincrementload);

    [10826] => 

    [10827] =>         function referencefilterblurincrementupdate(e)

    [10828] =>         {

    [10829] =>             const v = Number(referencefilterblurnumber.value) + Number(e.target.value);

    [10830] => 

    [10831] =>             if((referencefilterblurnumber.min <= v) && (v <= referencefilterblurnumber.max))

    [10832] =>             {

    [10833] =>                 referencefilterblurnumber.value = v;

    [10834] => 

    [10835] =>                 referencefilterblurnumberupdate();

    [10836] =>             }

    [10837] =>         }

    [10838] => 

    [10839] => 

    [10840] => 

    [10841] =>         function referencefilterbrightnessload()

    [10842] =>         {

    [10843] =>             const div = document.createElement("div");

    [10844] =>             div.id = "referencefilterbrightness";

    [10845] =>             div.innerHTML = "filter-brightness";

    [10846] =>             tabcontentreference.append(div);

    [10847] => 

    [10848] =>             const style = div.style;

    [10849] =>             style.overflowY = "hidden";

    [10850] =>             style.whiteSpace = "nowrap";

    [10851] =>         }

    [10852] =>         addEventListener("load", referencefilterbrightnessload);

    [10853] => 

    [10854] =>         function referencefilterbrightnessnumberload()

    [10855] =>         {

    [10856] =>             const br = document.createElement("br");

    [10857] =>             referencefilterbrightness.append(br);

    [10858] => 

    [10859] =>             const input = document.createElement("input");

    [10860] =>             input.id = "referencefilterbrightnessnumber";

    [10861] =>             input.max = 1000;

    [10862] =>             input.min = 0;

    [10863] =>             input.step = 1;

    [10864] =>             input.type = "number";

    [10865] =>             input.value = 100;

    [10866] =>             input.addEventListener("input", referencefilterbrightnessnumberupdate);

    [10867] =>             referencefilterbrightness.append(input);

    [10868] => 

    [10869] =>             //referencefilterbrightnessnumberset();

    [10870] =>         }

    [10871] =>         addEventListener("load", referencefilterbrightnessnumberload);

    [10872] => 

    [10873] =>         function referencefilterbrightnessnumberset()

    [10874] =>         {

    [10875] =>             const v = referencefilterbrightnessnumber.value;

    [10876] => 

    [10877] =>             referencefilterbrightnessrange.value = v;

    [10878] =>             text.referencebackdropfilterbrightness = v;

    [10879] =>         }

    [10880] => 

    [10881] =>         function referencefilterbrightnessnumberupdate()

    [10882] =>         {

    [10883] =>             referencefilterbrightnessnumberset();

    [10884] =>             svgupdate();

    [10885] =>         }

    [10886] => 

    [10887] =>         function referencefilterbrightnessrangeload()

    [10888] =>         {

    [10889] =>             const input = document.createElement("input");

    [10890] =>             input.id = "referencefilterbrightnessrange";

    [10891] =>             input.max = referencefilterbrightnessnumber.max;

    [10892] =>             input.min = referencefilterbrightnessnumber.min;

    [10893] =>             input.step = referencefilterbrightnessnumber.step;

    [10894] =>             input.type = "range";

    [10895] =>             input.value = referencefilterbrightnessnumber.value;

    [10896] =>             input.addEventListener("input", referencefilterbrightnessrangeupdate);

    [10897] =>             referencefilterbrightness.append(input);

    [10898] => 

    [10899] =>             referencefilterbrightnessrangeset();

    [10900] =>         }

    [10901] =>         addEventListener("load", referencefilterbrightnessrangeload);

    [10902] => 

    [10903] =>         function referencefilterbrightnessrangeset()

    [10904] =>         {

    [10905] =>             const v = referencefilterbrightnessrange.value;

    [10906] => 

    [10907] =>             referencefilterbrightnessnumber.value = v;

    [10908] =>             text.referencebackdropfilterbrightness = v;

    [10909] =>         }

    [10910] => 

    [10911] =>         function referencefilterbrightnessrangeupdate()

    [10912] =>         {

    [10913] =>             referencefilterbrightnessrangeset();

    [10914] =>             svgupdate();

    [10915] =>         }

    [10916] => 

    [10917] =>         function referencefilterbrightnessexactload()

    [10918] =>         {

    [10919] =>             const br = document.createElement("br");

    [10920] =>             referencefilterbrightness.append(br);

    [10921] => 

    [10922] =>             const array =

    [10923] =>             [

    [10924] =>                 ["0",0],

    [10925] =>                 ["50",50],

    [10926] =>                 ["100 (initial)",100],

    [10927] =>                 ["150",150],

    [10928] =>                 ["200",200],

    [10929] =>             ];

    [10930] => 

    [10931] =>             for(const value of array)

    [10932] =>             {

    [10933] =>                 const button = document.createElement("button");

    [10934] =>                 button.innerHTML = value[0];

    [10935] =>                 button.value = value[1];

    [10936] =>                 button.addEventListener("click", referencefilterbrightnessexactupdate);

    [10937] =>                 referencefilterbrightness.append(button);

    [10938] =>             }

    [10939] =>         }

    [10940] =>         addEventListener("load", referencefilterbrightnessexactload);

    [10941] => 

    [10942] =>         function referencefilterbrightnessexactupdate(e)

    [10943] =>         {

    [10944] =>             referencefilterbrightnessnumber.value = Number(e.target.value);

    [10945] => 

    [10946] =>             referencefilterbrightnessnumberupdate();

    [10947] =>         }

    [10948] => 

    [10949] =>         function referencefilterbrightnessincrementload()

    [10950] =>         {

    [10951] =>             const br = document.createElement("br");

    [10952] =>             referencefilterbrightness.append(br);

    [10953] => 

    [10954] =>             const array =

    [10955] =>             [

    [10956] =>                 ["-100",-100],

    [10957] =>                 ["-10",-10],

    [10958] =>                 ["-1",-1],

    [10959] =>                 ["+1",1],

    [10960] =>                 ["+10",10],

    [10961] =>                 ["+100",100],

    [10962] =>             ];

    [10963] => 

    [10964] =>             for(const value of array)

    [10965] =>             {

    [10966] =>                 const button = document.createElement("button");

    [10967] =>                 button.innerHTML = value[0];

    [10968] =>                 button.value = value[1];

    [10969] =>                 button.addEventListener("click", referencefilterbrightnessincrementupdate);

    [10970] =>                 referencefilterbrightness.append(button);

    [10971] =>             }

    [10972] =>         }

    [10973] =>         addEventListener("load", referencefilterbrightnessincrementload);

    [10974] => 

    [10975] =>         function referencefilterbrightnessincrementupdate(e)

    [10976] =>         {

    [10977] =>             const v = Number(referencefilterbrightnessnumber.value) + Number(e.target.value);

    [10978] => 

    [10979] =>             if((referencefilterbrightnessnumber.min <= v) && (v <= referencefilterbrightnessnumber.max))

    [10980] =>             {

    [10981] =>                 referencefilterbrightnessnumber.value = v;

    [10982] => 

    [10983] =>                 referencefilterbrightnessnumberupdate();

    [10984] =>             }

    [10985] =>         }

    [10986] => 

    [10987] => 

    [10988] => 

    [10989] =>         function referencefiltercontrastload()

    [10990] =>         {

    [10991] =>             const div = document.createElement("div");

    [10992] =>             div.id = "referencefiltercontrast";

    [10993] =>             div.innerHTML = "filter-contrast";

    [10994] =>             tabcontentreference.append(div);

    [10995] => 

    [10996] =>             const style = div.style;

    [10997] =>             style.overflowY = "hidden";

    [10998] =>             style.whiteSpace = "nowrap";

    [10999] =>         }

    [11000] =>         addEventListener("load", referencefiltercontrastload);

    [11001] => 

    [11002] =>         function referencefiltercontrastnumberload()

    [11003] =>         {

    [11004] =>             const br = document.createElement("br");

    [11005] =>             referencefiltercontrast.append(br);

    [11006] => 

    [11007] =>             const input = document.createElement("input");

    [11008] =>             input.id = "referencefiltercontrastnumber";

    [11009] =>             input.max = 1000;

    [11010] =>             input.min = 0;

    [11011] =>             input.step = 1;

    [11012] =>             input.type = "number";

    [11013] =>             input.value = 100;

    [11014] =>             input.addEventListener("input", referencefiltercontrastnumberupdate);

    [11015] =>             referencefiltercontrast.append(input);

    [11016] => 

    [11017] =>             //referencefiltercontrastnumberset();

    [11018] =>         }

    [11019] =>         addEventListener("load", referencefiltercontrastnumberload);

    [11020] => 

    [11021] =>         function referencefiltercontrastnumberset()

    [11022] =>         {

    [11023] =>             const v = referencefiltercontrastnumber.value;

    [11024] => 

    [11025] =>             referencefiltercontrastrange.value = v;

    [11026] =>             text.referencebackdropfiltercontrast = v;

    [11027] =>         }

    [11028] => 

    [11029] =>         function referencefiltercontrastnumberupdate()

    [11030] =>         {

    [11031] =>             referencefiltercontrastnumberset();

    [11032] =>             svgupdate();

    [11033] =>         }

    [11034] => 

    [11035] =>         function referencefiltercontrastrangeload()

    [11036] =>         {

    [11037] =>             const input = document.createElement("input");

    [11038] =>             input.id = "referencefiltercontrastrange";

    [11039] =>             input.max = referencefiltercontrastnumber.max;

    [11040] =>             input.min = referencefiltercontrastnumber.min;

    [11041] =>             input.step = referencefiltercontrastnumber.step;

    [11042] =>             input.type = "range";

    [11043] =>             input.value = referencefiltercontrastnumber.value;

    [11044] =>             input.addEventListener("input", referencefiltercontrastrangeupdate);

    [11045] =>             referencefiltercontrast.append(input);

    [11046] => 

    [11047] =>             referencefiltercontrastrangeset();

    [11048] =>         }

    [11049] =>         addEventListener("load", referencefiltercontrastrangeload);

    [11050] => 

    [11051] =>         function referencefiltercontrastrangeset()

    [11052] =>         {

    [11053] =>             const v = referencefiltercontrastrange.value;

    [11054] => 

    [11055] =>             referencefiltercontrastnumber.value = v;

    [11056] =>             text.referencebackdropfiltercontrast = v;

    [11057] =>         }

    [11058] => 

    [11059] =>         function referencefiltercontrastrangeupdate()

    [11060] =>         {

    [11061] =>             referencefiltercontrastrangeset();

    [11062] =>             svgupdate();

    [11063] =>         }

    [11064] => 

    [11065] =>         function referencefiltercontrastexactload()

    [11066] =>         {

    [11067] =>             const br = document.createElement("br");

    [11068] =>             referencefiltercontrast.append(br);

    [11069] => 

    [11070] =>             const array =

    [11071] =>             [

    [11072] =>                 ["0",0],

    [11073] =>                 ["50",50],

    [11074] =>                 ["100 (initial)",100],

    [11075] =>                 ["150",150],

    [11076] =>                 ["200",200],

    [11077] =>             ];

    [11078] => 

    [11079] =>             for(const value of array)

    [11080] =>             {

    [11081] =>                 const button = document.createElement("button");

    [11082] =>                 button.innerHTML = value[0];

    [11083] =>                 button.value = value[1];

    [11084] =>                 button.addEventListener("click", referencefiltercontrastexactupdate);

    [11085] =>                 referencefiltercontrast.append(button);

    [11086] =>             }

    [11087] =>         }

    [11088] =>         addEventListener("load", referencefiltercontrastexactload);

    [11089] => 

    [11090] =>         function referencefiltercontrastexactupdate(e)

    [11091] =>         {

    [11092] =>             referencefiltercontrastnumber.value = Number(e.target.value);

    [11093] => 

    [11094] =>             referencefiltercontrastnumberupdate();

    [11095] =>         }

    [11096] => 

    [11097] =>         function referencefiltercontrastincrementload()

    [11098] =>         {

    [11099] =>             const br = document.createElement("br");

    [11100] =>             referencefiltercontrast.append(br);

    [11101] => 

    [11102] =>             const array =

    [11103] =>             [

    [11104] =>                 ["-100",-100],

    [11105] =>                 ["-10",-10],

    [11106] =>                 ["-1",-1],

    [11107] =>                 ["+1",1],

    [11108] =>                 ["+10",10],

    [11109] =>                 ["+100",100],

    [11110] =>             ];

    [11111] => 

    [11112] =>             for(const value of array)

    [11113] =>             {

    [11114] =>                 const button = document.createElement("button");

    [11115] =>                 button.innerHTML = value[0];

    [11116] =>                 button.value = value[1];

    [11117] =>                 button.addEventListener("click", referencefiltercontrastincrementupdate);

    [11118] =>                 referencefiltercontrast.append(button);

    [11119] =>             }

    [11120] =>         }

    [11121] =>         addEventListener("load", referencefiltercontrastincrementload);

    [11122] => 

    [11123] =>         function referencefiltercontrastincrementupdate(e)

    [11124] =>         {

    [11125] =>             const v = Number(referencefiltercontrastnumber.value) + Number(e.target.value);

    [11126] => 

    [11127] =>             if((referencefiltercontrastnumber.min <= v) && (v <= referencefiltercontrastnumber.max))

    [11128] =>             {

    [11129] =>                 referencefiltercontrastnumber.value = v;

    [11130] => 

    [11131] =>                 referencefiltercontrastnumberupdate();

    [11132] =>             }

    [11133] =>         }

    [11134] => 

    [11135] => 

    [11136] => 

    [11137] =>         function referencefiltergrayscaleload()

    [11138] =>         {

    [11139] =>             const div = document.createElement("div");

    [11140] =>             div.id = "referencefiltergrayscale";

    [11141] =>             div.innerHTML = "filter-grayscale";

    [11142] =>             tabcontentreference.append(div);

    [11143] => 

    [11144] =>             const style = div.style;

    [11145] =>             style.overflowY = "hidden";

    [11146] =>             style.whiteSpace = "nowrap";

    [11147] =>         }

    [11148] =>         addEventListener("load", referencefiltergrayscaleload);

    [11149] => 

    [11150] =>         function referencefiltergrayscalenumberload()

    [11151] =>         {

    [11152] =>             const br = document.createElement("br");

    [11153] =>             referencefiltergrayscale.append(br);

    [11154] => 

    [11155] =>             const input = document.createElement("input");

    [11156] =>             input.id = "referencefiltergrayscalenumber";

    [11157] =>             input.max = 100;

    [11158] =>             input.min = 0;

    [11159] =>             input.step = 1;

    [11160] =>             input.type = "number";

    [11161] =>             input.value = 0;

    [11162] =>             input.addEventListener("input", referencefiltergrayscalenumberupdate);

    [11163] =>             referencefiltergrayscale.append(input);

    [11164] => 

    [11165] =>             //referencefiltergrayscalenumberset();

    [11166] =>         }

    [11167] =>         addEventListener("load", referencefiltergrayscalenumberload);

    [11168] => 

    [11169] =>         function referencefiltergrayscalenumberset()

    [11170] =>         {

    [11171] =>             const v = referencefiltergrayscalenumber.value;

    [11172] => 

    [11173] =>             referencefiltergrayscalerange.value = v;

    [11174] =>             text.referencebackdropfiltergrayscale = v;

    [11175] =>         }

    [11176] => 

    [11177] =>         function referencefiltergrayscalenumberupdate()

    [11178] =>         {

    [11179] =>             referencefiltergrayscalenumberset();

    [11180] =>             svgupdate();

    [11181] =>         }

    [11182] => 

    [11183] =>         function referencefiltergrayscalerangeload()

    [11184] =>         {

    [11185] =>             const input = document.createElement("input");

    [11186] =>             input.id = "referencefiltergrayscalerange";

    [11187] =>             input.max = referencefiltergrayscalenumber.max;

    [11188] =>             input.min = referencefiltergrayscalenumber.min;

    [11189] =>             input.step = referencefiltergrayscalenumber.step;

    [11190] =>             input.type = "range";

    [11191] =>             input.value = referencefiltergrayscalenumber.value;

    [11192] =>             input.addEventListener("input", referencefiltergrayscalerangeupdate);

    [11193] =>             referencefiltergrayscale.append(input);

    [11194] => 

    [11195] =>             referencefiltergrayscalerangeset();

    [11196] =>         }

    [11197] =>         addEventListener("load", referencefiltergrayscalerangeload);

    [11198] => 

    [11199] =>         function referencefiltergrayscalerangeset()

    [11200] =>         {

    [11201] =>             const v = referencefiltergrayscalerange.value;

    [11202] => 

    [11203] =>             referencefiltergrayscalenumber.value = v;

    [11204] =>             text.referencebackdropfiltergrayscale = v;

    [11205] =>         }

    [11206] => 

    [11207] =>         function referencefiltergrayscalerangeupdate()

    [11208] =>         {

    [11209] =>             referencefiltergrayscalerangeset();

    [11210] =>             svgupdate();

    [11211] =>         }

    [11212] => 

    [11213] =>         function referencefiltergrayscaleexactload()

    [11214] =>         {

    [11215] =>             const br = document.createElement("br");

    [11216] =>             referencefiltergrayscale.append(br);

    [11217] => 

    [11218] =>             const array =

    [11219] =>             [

    [11220] =>                 ["0",0],

    [11221] =>                 ["25",25],

    [11222] =>                 ["50",50],

    [11223] =>                 ["75",75],

    [11224] =>                 ["100",100],

    [11225] =>             ];

    [11226] => 

    [11227] =>             for(const value of array)

    [11228] =>             {

    [11229] =>                 const button = document.createElement("button");

    [11230] =>                 button.innerHTML = value[0];

    [11231] =>                 button.value = value[1];

    [11232] =>                 button.addEventListener("click", referencefiltergrayscaleexactupdate);

    [11233] =>                 referencefiltergrayscale.append(button);

    [11234] =>             }

    [11235] =>         }

    [11236] =>         addEventListener("load", referencefiltergrayscaleexactload);

    [11237] => 

    [11238] =>         function referencefiltergrayscaleexactupdate(e)

    [11239] =>         {

    [11240] =>             referencefiltergrayscalenumber.value = Number(e.target.value);

    [11241] => 

    [11242] =>             referencefiltergrayscalenumberupdate();

    [11243] =>         }

    [11244] => 

    [11245] =>         function referencefiltergrayscaleincrementload()

    [11246] =>         {

    [11247] =>             const br = document.createElement("br");

    [11248] =>             referencefiltergrayscale.append(br);

    [11249] => 

    [11250] =>             const array =

    [11251] =>             [

    [11252] =>                 ["-10",-10],

    [11253] =>                 ["-1",-1],

    [11254] =>                 ["+1",1],

    [11255] =>                 ["+10",10],

    [11256] =>             ];

    [11257] => 

    [11258] =>             for(const value of array)

    [11259] =>             {

    [11260] =>                 const button = document.createElement("button");

    [11261] =>                 button.innerHTML = value[0];

    [11262] =>                 button.value = value[1];

    [11263] =>                 button.addEventListener("click", referencefiltergrayscaleincrementupdate);

    [11264] =>                 referencefiltergrayscale.append(button);

    [11265] =>             }

    [11266] =>         }

    [11267] =>         addEventListener("load", referencefiltergrayscaleincrementload);

    [11268] => 

    [11269] =>         function referencefiltergrayscaleincrementupdate(e)

    [11270] =>         {

    [11271] =>             const v = Number(referencefiltergrayscalenumber.value) + Number(e.target.value);

    [11272] => 

    [11273] =>             if((referencefiltergrayscalenumber.min <= v) && (v <= referencefiltergrayscalenumber.max))

    [11274] =>             {

    [11275] =>                 referencefiltergrayscalenumber.value = v;

    [11276] => 

    [11277] =>                 referencefiltergrayscalenumberupdate();

    [11278] =>             }

    [11279] =>         }

    [11280] => 

    [11281] => 

    [11282] => 

    [11283] =>         function referencefilterhuerotateload()

    [11284] =>         {

    [11285] =>             const div = document.createElement("div");

    [11286] =>             div.id = "referencefilterhuerotate";

    [11287] =>             div.innerHTML = "filter-hue-rotate";

    [11288] =>             tabcontentreference.append(div);

    [11289] => 

    [11290] =>             const style = div.style;

    [11291] =>             style.overflowY = "hidden";

    [11292] =>             style.whiteSpace = "nowrap";

    [11293] =>         }

    [11294] =>         addEventListener("load", referencefilterhuerotateload);

    [11295] => 

    [11296] =>         function referencefilterhuerotatenumberload()

    [11297] =>         {

    [11298] =>             const br = document.createElement("br");

    [11299] =>             referencefilterhuerotate.append(br);

    [11300] => 

    [11301] =>             const input = document.createElement("input");

    [11302] =>             input.id = "referencefilterhuerotatenumber";

    [11303] =>             input.max = 360;

    [11304] =>             input.min = 0;

    [11305] =>             input.step = 1;

    [11306] =>             input.type = "number";

    [11307] =>             input.value = 0;

    [11308] =>             input.addEventListener("input", referencefilterhuerotatenumberupdate);

    [11309] =>             referencefilterhuerotate.append(input);

    [11310] => 

    [11311] =>             //referencefilterhuerotatenumberset();

    [11312] =>         }

    [11313] =>         addEventListener("load", referencefilterhuerotatenumberload);

    [11314] => 

    [11315] =>         function referencefilterhuerotatenumberset()

    [11316] =>         {

    [11317] =>             const v = referencefilterhuerotatenumber.value;

    [11318] => 

    [11319] =>             referencefilterhuerotaterange.value = v;

    [11320] =>             text.referencebackdropfilterhuerotate = v;

    [11321] =>         }

    [11322] => 

    [11323] =>         function referencefilterhuerotatenumberupdate()

    [11324] =>         {

    [11325] =>             referencefilterhuerotatenumberset();

    [11326] =>             svgupdate();

    [11327] =>         }

    [11328] => 

    [11329] =>         function referencefilterhuerotaterangeload()

    [11330] =>         {

    [11331] =>             const input = document.createElement("input");

    [11332] =>             input.id = "referencefilterhuerotaterange";

    [11333] =>             input.max = referencefilterhuerotatenumber.max;

    [11334] =>             input.min = referencefilterhuerotatenumber.min;

    [11335] =>             input.step = referencefilterhuerotatenumber.step;

    [11336] =>             input.type = "range";

    [11337] =>             input.value = referencefilterhuerotatenumber.value;

    [11338] =>             input.addEventListener("input", referencefilterhuerotaterangeupdate);

    [11339] =>             referencefilterhuerotate.append(input);

    [11340] => 

    [11341] =>             referencefilterhuerotaterangeset();

    [11342] =>         }

    [11343] =>         addEventListener("load", referencefilterhuerotaterangeload);

    [11344] => 

    [11345] =>         function referencefilterhuerotaterangeset()

    [11346] =>         {

    [11347] =>             const v = referencefilterhuerotaterange.value;

    [11348] => 

    [11349] =>             referencefilterhuerotatenumber.value = v;

    [11350] =>             text.referencebackdropfilterhuerotate = v;

    [11351] =>         }

    [11352] => 

    [11353] =>         function referencefilterhuerotaterangeupdate()

    [11354] =>         {

    [11355] =>             referencefilterhuerotaterangeset();

    [11356] =>             svgupdate();

    [11357] =>         }

    [11358] => 

    [11359] =>         function referencefilterhuerotateexactload()

    [11360] =>         {

    [11361] =>             const br = document.createElement("br");

    [11362] =>             referencefilterhuerotate.append(br);

    [11363] => 

    [11364] =>             const array =

    [11365] =>             [

    [11366] =>                 ["0",0],

    [11367] =>                 ["90",90],

    [11368] =>                 ["180",180],

    [11369] =>                 ["270",270],

    [11370] =>                 ["360",360],

    [11371] =>             ];

    [11372] => 

    [11373] =>             for(const value of array)

    [11374] =>             {

    [11375] =>                 const button = document.createElement("button");

    [11376] =>                 button.innerHTML = value[0];

    [11377] =>                 button.value = value[1];

    [11378] =>                 button.addEventListener("click", referencefilterhuerotateexactupdate);

    [11379] =>                 referencefilterhuerotate.append(button);

    [11380] =>             }

    [11381] =>         }

    [11382] =>         addEventListener("load", referencefilterhuerotateexactload);

    [11383] => 

    [11384] =>         function referencefilterhuerotateexactupdate(e)

    [11385] =>         {

    [11386] =>             referencefilterhuerotatenumber.value = Number(e.target.value);

    [11387] => 

    [11388] =>             referencefilterhuerotatenumberupdate();

    [11389] =>         }

    [11390] => 

    [11391] =>         function referencefilterhuerotateincrementload()

    [11392] =>         {

    [11393] =>             const br = document.createElement("br");

    [11394] =>             referencefilterhuerotate.append(br);

    [11395] => 

    [11396] =>             const array =

    [11397] =>             [

    [11398] =>                 //["-90",-90],

    [11399] =>                 ["-45",-45],

    [11400] =>                 ["-15",-15],

    [11401] =>                 ["-1",-1],

    [11402] =>                 ["+1",1],

    [11403] =>                 ["+15",15],

    [11404] =>                 ["+45",45],

    [11405] =>                 //["+90",90],

    [11406] =>             ];

    [11407] => 

    [11408] =>             for(const value of array)

    [11409] =>             {

    [11410] =>                 const button = document.createElement("button");

    [11411] =>                 button.innerHTML = value[0];

    [11412] =>                 button.value = value[1];

    [11413] =>                 button.addEventListener("click", referencefilterhuerotateincrementupdate);

    [11414] =>                 referencefilterhuerotate.append(button);

    [11415] =>             }

    [11416] =>         }

    [11417] =>         addEventListener("load", referencefilterhuerotateincrementload);

    [11418] => 

    [11419] =>         function referencefilterhuerotateincrementupdate(e)

    [11420] =>         {

    [11421] =>             const v = Number(referencefilterhuerotatenumber.value) + Number(e.target.value);

    [11422] => 

    [11423] =>             if((referencefilterhuerotatenumber.min <= v) && (v <= referencefilterhuerotatenumber.max))

    [11424] =>             {

    [11425] =>                 referencefilterhuerotatenumber.value = v;

    [11426] => 

    [11427] =>                 referencefilterhuerotatenumberupdate();

    [11428] =>             }

    [11429] =>         }

    [11430] => 

    [11431] => 

    [11432] => 

    [11433] =>         function referencefilterinvertload()

    [11434] =>         {

    [11435] =>             const div = document.createElement("div");

    [11436] =>             div.id = "referencefilterinvert";

    [11437] =>             div.innerHTML = "filter-invert";

    [11438] =>             tabcontentreference.append(div);

    [11439] => 

    [11440] =>             const style = div.style;

    [11441] =>             style.overflowY = "hidden";

    [11442] =>             style.whiteSpace = "nowrap";

    [11443] =>         }

    [11444] =>         addEventListener("load", referencefilterinvertload);

    [11445] => 

    [11446] =>         function referencefilterinvertnumberload()

    [11447] =>         {

    [11448] =>             const br = document.createElement("br");

    [11449] =>             referencefilterinvert.append(br);

    [11450] => 

    [11451] =>             const input = document.createElement("input");

    [11452] =>             input.id = "referencefilterinvertnumber";

    [11453] =>             input.max = 100;

    [11454] =>             input.min = 0;

    [11455] =>             input.step = 1;

    [11456] =>             input.type = "number";

    [11457] =>             input.value = 0;

    [11458] =>             input.addEventListener("input", referencefilterinvertnumberupdate);

    [11459] =>             referencefilterinvert.append(input);

    [11460] => 

    [11461] =>             //referencefilterinvertnumberset();

    [11462] =>         }

    [11463] =>         addEventListener("load", referencefilterinvertnumberload);

    [11464] => 

    [11465] =>         function referencefilterinvertnumberset()

    [11466] =>         {

    [11467] =>             const v = referencefilterinvertnumber.value;

    [11468] => 

    [11469] =>             referencefilterinvertrange.value = v;

    [11470] =>             text.referencebackdropfilterinvert = v;

    [11471] =>         }

    [11472] => 

    [11473] =>         function referencefilterinvertnumberupdate()

    [11474] =>         {

    [11475] =>             referencefilterinvertnumberset();

    [11476] =>             svgupdate();

    [11477] =>         }

    [11478] => 

    [11479] =>         function referencefilterinvertrangeload()

    [11480] =>         {

    [11481] =>             const input = document.createElement("input");

    [11482] =>             input.id = "referencefilterinvertrange";

    [11483] =>             input.max = referencefilterinvertnumber.max;

    [11484] =>             input.min = referencefilterinvertnumber.min;

    [11485] =>             input.step = referencefilterinvertnumber.step;

    [11486] =>             input.type = "range";

    [11487] =>             input.value = referencefilterinvertnumber.value;

    [11488] =>             input.addEventListener("input", referencefilterinvertrangeupdate);

    [11489] =>             referencefilterinvert.append(input);

    [11490] => 

    [11491] =>             referencefilterinvertrangeset();

    [11492] =>         }

    [11493] =>         addEventListener("load", referencefilterinvertrangeload);

    [11494] => 

    [11495] =>         function referencefilterinvertrangeset()

    [11496] =>         {

    [11497] =>             const v = referencefilterinvertrange.value;

    [11498] => 

    [11499] =>             referencefilterinvertnumber.value = v;

    [11500] =>             text.referencebackdropfilterinvert = v;

    [11501] =>         }

    [11502] => 

    [11503] =>         function referencefilterinvertrangeupdate()

    [11504] =>         {

    [11505] =>             referencefilterinvertrangeset();

    [11506] =>             svgupdate();

    [11507] =>         }

    [11508] => 

    [11509] =>         function referencefilterinvertexactload()

    [11510] =>         {

    [11511] =>             const br = document.createElement("br");

    [11512] =>             referencefilterinvert.append(br);

    [11513] => 

    [11514] =>             const array =

    [11515] =>             [

    [11516] =>                 ["0",0],

    [11517] =>                 ["25",25],

    [11518] =>                 ["50",50],

    [11519] =>                 ["75",75],

    [11520] =>                 ["100",100],

    [11521] =>             ];

    [11522] => 

    [11523] =>             for(const value of array)

    [11524] =>             {

    [11525] =>                 const button = document.createElement("button");

    [11526] =>                 button.innerHTML = value[0];

    [11527] =>                 button.value = value[1];

    [11528] =>                 button.addEventListener("click", referencefilterinvertexactupdate);

    [11529] =>                 referencefilterinvert.append(button);

    [11530] =>             }

    [11531] =>         }

    [11532] =>         addEventListener("load", referencefilterinvertexactload);

    [11533] => 

    [11534] =>         function referencefilterinvertexactupdate(e)

    [11535] =>         {

    [11536] =>             referencefilterinvertnumber.value = Number(e.target.value);

    [11537] => 

    [11538] =>             referencefilterinvertnumberupdate();

    [11539] =>         }

    [11540] => 

    [11541] =>         function referencefilterinvertincrementload()

    [11542] =>         {

    [11543] =>             const br = document.createElement("br");

    [11544] =>             referencefilterinvert.append(br);

    [11545] => 

    [11546] =>             const array =

    [11547] =>             [

    [11548] =>                 ["-10",-10],

    [11549] =>                 ["-1",-1],

    [11550] =>                 ["+1",1],

    [11551] =>                 ["+10",10],

    [11552] =>             ];

    [11553] => 

    [11554] =>             for(const value of array)

    [11555] =>             {

    [11556] =>                 const button = document.createElement("button");

    [11557] =>                 button.innerHTML = value[0];

    [11558] =>                 button.value = value[1];

    [11559] =>                 button.addEventListener("click", referencefilterinvertincrementupdate);

    [11560] =>                 referencefilterinvert.append(button);

    [11561] =>             }

    [11562] =>         }

    [11563] =>         addEventListener("load", referencefilterinvertincrementload);

    [11564] => 

    [11565] =>         function referencefilterinvertincrementupdate(e)

    [11566] =>         {

    [11567] =>             const v = Number(referencefilterinvertnumber.value) + Number(e.target.value);

    [11568] => 

    [11569] =>             if((referencefilterinvertnumber.min <= v) && (v <= referencefilterinvertnumber.max))

    [11570] =>             {

    [11571] =>                 referencefilterinvertnumber.value = v;

    [11572] => 

    [11573] =>                 referencefilterinvertnumberupdate();

    [11574] =>             }

    [11575] =>         }

    [11576] => 

    [11577] => 

    [11578] => 

    [11579] =>         function referencefiltersaturateload()

    [11580] =>         {

    [11581] =>             const div = document.createElement("div");

    [11582] =>             div.id = "referencefiltersaturate";

    [11583] =>             div.innerHTML = "filter-saturate";

    [11584] =>             tabcontentreference.append(div);

    [11585] => 

    [11586] =>             const style = div.style;

    [11587] =>             style.overflowY = "hidden";

    [11588] =>             style.whiteSpace = "nowrap";

    [11589] =>         }

    [11590] =>         addEventListener("load", referencefiltersaturateload);

    [11591] => 

    [11592] =>         function referencefiltersaturatenumberload()

    [11593] =>         {

    [11594] =>             const br = document.createElement("br");

    [11595] =>             referencefiltersaturate.append(br);

    [11596] => 

    [11597] =>             const input = document.createElement("input");

    [11598] =>             input.id = "referencefiltersaturatenumber";

    [11599] =>             input.max = 1000;

    [11600] =>             input.min = 0;

    [11601] =>             input.step = 1;

    [11602] =>             input.type = "number";

    [11603] =>             input.value = 100;

    [11604] =>             input.addEventListener("input", referencefiltersaturatenumberupdate);

    [11605] =>             referencefiltersaturate.append(input);

    [11606] => 

    [11607] =>             //referencefiltersaturatenumberset();

    [11608] =>         }

    [11609] =>         addEventListener("load", referencefiltersaturatenumberload);

    [11610] => 

    [11611] =>         function referencefiltersaturatenumberset()

    [11612] =>         {

    [11613] =>             const v = referencefiltersaturatenumber.value;

    [11614] => 

    [11615] =>             referencefiltersaturaterange.value = v;

    [11616] =>             text.referencebackdropfiltersaturate = v;

    [11617] =>         }

    [11618] => 

    [11619] =>         function referencefiltersaturatenumberupdate()

    [11620] =>         {

    [11621] =>             referencefiltersaturatenumberset();

    [11622] =>             svgupdate();

    [11623] =>         }

    [11624] => 

    [11625] =>         function referencefiltersaturaterangeload()

    [11626] =>         {

    [11627] =>             const input = document.createElement("input");

    [11628] =>             input.id = "referencefiltersaturaterange";

    [11629] =>             input.max = referencefiltersaturatenumber.max;

    [11630] =>             input.min = referencefiltersaturatenumber.min;

    [11631] =>             input.step = referencefiltersaturatenumber.step;

    [11632] =>             input.type = "range";

    [11633] =>             input.value = referencefiltersaturatenumber.value;

    [11634] =>             input.addEventListener("input", referencefiltersaturaterangeupdate);

    [11635] =>             referencefiltersaturate.append(input);

    [11636] => 

    [11637] =>             referencefiltersaturaterangeset();

    [11638] =>         }

    [11639] =>         addEventListener("load", referencefiltersaturaterangeload);

    [11640] => 

    [11641] =>         function referencefiltersaturaterangeset()

    [11642] =>         {

    [11643] =>             const v = referencefiltersaturaterange.value;

    [11644] => 

    [11645] =>             referencefiltersaturatenumber.value = v;

    [11646] =>             text.referencebackdropfiltersaturate = v;

    [11647] =>         }

    [11648] => 

    [11649] =>         function referencefiltersaturaterangeupdate()

    [11650] =>         {

    [11651] =>             referencefiltersaturaterangeset();

    [11652] =>             svgupdate();

    [11653] =>         }

    [11654] => 

    [11655] =>         function referencefiltersaturateexactload()

    [11656] =>         {

    [11657] =>             const br = document.createElement("br");

    [11658] =>             referencefiltersaturate.append(br);

    [11659] => 

    [11660] =>             const array =

    [11661] =>             [

    [11662] =>                 ["0",0],

    [11663] =>                 ["50",50],

    [11664] =>                 ["100 (initial)",100],

    [11665] =>                 ["150",150],

    [11666] =>                 ["200",200],

    [11667] =>             ];

    [11668] => 

    [11669] =>             for(const value of array)

    [11670] =>             {

    [11671] =>                 const button = document.createElement("button");

    [11672] =>                 button.innerHTML = value[0];

    [11673] =>                 button.value = value[1];

    [11674] =>                 button.addEventListener("click", referencefiltersaturateexactupdate);

    [11675] =>                 referencefiltersaturate.append(button);

    [11676] =>             }

    [11677] =>         }

    [11678] =>         addEventListener("load", referencefiltersaturateexactload);

    [11679] => 

    [11680] =>         function referencefiltersaturateexactupdate(e)

    [11681] =>         {

    [11682] =>             referencefiltersaturatenumber.value = Number(e.target.value);

    [11683] => 

    [11684] =>             referencefiltersaturatenumberupdate();

    [11685] =>         }

    [11686] => 

    [11687] =>         function referencefiltersaturateincrementload()

    [11688] =>         {

    [11689] =>             const br = document.createElement("br");

    [11690] =>             referencefiltersaturate.append(br);

    [11691] => 

    [11692] =>             const array =

    [11693] =>             [

    [11694] =>                 ["-100",-100],

    [11695] =>                 ["-10",-10],

    [11696] =>                 ["-1",-1],

    [11697] =>                 ["+1",1],

    [11698] =>                 ["+10",10],

    [11699] =>                 ["+100",100],

    [11700] =>             ];

    [11701] => 

    [11702] =>             for(const value of array)

    [11703] =>             {

    [11704] =>                 const button = document.createElement("button");

    [11705] =>                 button.innerHTML = value[0];

    [11706] =>                 button.value = value[1];

    [11707] =>                 button.addEventListener("click", referencefiltersaturateincrementupdate);

    [11708] =>                 referencefiltersaturate.append(button);

    [11709] =>             }

    [11710] =>         }

    [11711] =>         addEventListener("load", referencefiltersaturateincrementload);

    [11712] => 

    [11713] =>         function referencefiltersaturateincrementupdate(e)

    [11714] =>         {

    [11715] =>             const v = Number(referencefiltersaturatenumber.value) + Number(e.target.value);

    [11716] => 

    [11717] =>             if((referencefiltersaturatenumber.min <= v) && (v <= referencefiltersaturatenumber.max))

    [11718] =>             {

    [11719] =>                 referencefiltersaturatenumber.value = v;

    [11720] => 

    [11721] =>                 referencefiltersaturatenumberupdate();

    [11722] =>             }

    [11723] =>         }

    [11724] => 

    [11725] => 

    [11726] => 

    [11727] =>         function referencefiltersepiaload()

    [11728] =>         {

    [11729] =>             const div = document.createElement("div");

    [11730] =>             div.id = "referencefiltersepia";

    [11731] =>             div.innerHTML = "filter-sepia";

    [11732] =>             tabcontentreference.append(div);

    [11733] => 

    [11734] =>             const style = div.style;

    [11735] =>             style.overflowY = "hidden";

    [11736] =>             style.whiteSpace = "nowrap";

    [11737] =>         }

    [11738] =>         addEventListener("load", referencefiltersepiaload);

    [11739] => 

    [11740] =>         function referencefiltersepianumberload()

    [11741] =>         {

    [11742] =>             const br = document.createElement("br");

    [11743] =>             referencefiltersepia.append(br);

    [11744] => 

    [11745] =>             const input = document.createElement("input");

    [11746] =>             input.id = "referencefiltersepianumber";

    [11747] =>             input.max = 100;

    [11748] =>             input.min = 0;

    [11749] =>             input.step = 1;

    [11750] =>             input.type = "number";

    [11751] =>             input.value = 0;

    [11752] =>             input.addEventListener("input", referencefiltersepianumberupdate);

    [11753] =>             referencefiltersepia.append(input);

    [11754] => 

    [11755] =>             //referencefiltersepianumberset();

    [11756] =>         }

    [11757] =>         addEventListener("load", referencefiltersepianumberload);

    [11758] => 

    [11759] =>         function referencefiltersepianumberset()

    [11760] =>         {

    [11761] =>             const v = referencefiltersepianumber.value;

    [11762] => 

    [11763] =>             referencefiltersepiarange.value = v;

    [11764] =>             text.referencebackdropfiltersepia = v;

    [11765] =>         }

    [11766] => 

    [11767] =>         function referencefiltersepianumberupdate()

    [11768] =>         {

    [11769] =>             referencefiltersepianumberset();

    [11770] =>             svgupdate();

    [11771] =>         }

    [11772] => 

    [11773] =>         function referencefiltersepiarangeload()

    [11774] =>         {

    [11775] =>             const input = document.createElement("input");

    [11776] =>             input.id = "referencefiltersepiarange";

    [11777] =>             input.max = referencefiltersepianumber.max;

    [11778] =>             input.min = referencefiltersepianumber.min;

    [11779] =>             input.step = referencefiltersepianumber.step;

    [11780] =>             input.type = "range";

    [11781] =>             input.value = referencefiltersepianumber.value;

    [11782] =>             input.addEventListener("input", referencefiltersepiarangeupdate);

    [11783] =>             referencefiltersepia.append(input);

    [11784] => 

    [11785] =>             referencefiltersepiarangeset();

    [11786] =>         }

    [11787] =>         addEventListener("load", referencefiltersepiarangeload);

    [11788] => 

    [11789] =>         function referencefiltersepiarangeset()

    [11790] =>         {

    [11791] =>             const v = referencefiltersepiarange.value;

    [11792] => 

    [11793] =>             referencefiltersepianumber.value = v;

    [11794] =>             text.referencebackdropfiltersepia = v;

    [11795] =>         }

    [11796] => 

    [11797] =>         function referencefiltersepiarangeupdate()

    [11798] =>         {

    [11799] =>             referencefiltersepiarangeset();

    [11800] =>             svgupdate();

    [11801] =>         }

    [11802] => 

    [11803] =>         function referencefiltersepiaexactload()

    [11804] =>         {

    [11805] =>             const br = document.createElement("br");

    [11806] =>             referencefiltersepia.append(br);

    [11807] => 

    [11808] =>             const array =

    [11809] =>             [

    [11810] =>                 ["0",0],

    [11811] =>                 ["25",25],

    [11812] =>                 ["50",50],

    [11813] =>                 ["75",75],

    [11814] =>                 ["100",100],

    [11815] =>             ];

    [11816] => 

    [11817] =>             for(const value of array)

    [11818] =>             {

    [11819] =>                 const button = document.createElement("button");

    [11820] =>                 button.innerHTML = value[0];

    [11821] =>                 button.value = value[1];

    [11822] =>                 button.addEventListener("click", referencefiltersepiaexactupdate);

    [11823] =>                 referencefiltersepia.append(button);

    [11824] =>             }

    [11825] =>         }

    [11826] =>         addEventListener("load", referencefiltersepiaexactload);

    [11827] => 

    [11828] =>         function referencefiltersepiaexactupdate(e)

    [11829] =>         {

    [11830] =>             referencefiltersepianumber.value = Number(e.target.value);

    [11831] => 

    [11832] =>             referencefiltersepianumberupdate();

    [11833] =>         }

    [11834] => 

    [11835] =>         function referencefiltersepiaincrementload()

    [11836] =>         {

    [11837] =>             const br = document.createElement("br");

    [11838] =>             referencefiltersepia.append(br);

    [11839] => 

    [11840] =>             const array =

    [11841] =>             [

    [11842] =>                 ["-10",-10],

    [11843] =>                 ["-1",-1],

    [11844] =>                 ["+1",1],

    [11845] =>                 ["+10",10],

    [11846] =>             ];

    [11847] => 

    [11848] =>             for(const value of array)

    [11849] =>             {

    [11850] =>                 const button = document.createElement("button");

    [11851] =>                 button.innerHTML = value[0];

    [11852] =>                 button.value = value[1];

    [11853] =>                 button.addEventListener("click", referencefiltersepiaincrementupdate);

    [11854] =>                 referencefiltersepia.append(button);

    [11855] =>             }

    [11856] =>         }

    [11857] =>         addEventListener("load", referencefiltersepiaincrementload);

    [11858] => 

    [11859] =>         function referencefiltersepiaincrementupdate(e)

    [11860] =>         {

    [11861] =>             const v = Number(referencefiltersepianumber.value) + Number(e.target.value);

    [11862] => 

    [11863] =>             if((referencefiltersepianumber.min <= v) && (v <= referencefiltersepianumber.max))

    [11864] =>             {

    [11865] =>                 referencefiltersepianumber.value = v;

    [11866] => 

    [11867] =>                 referencefiltersepianumberupdate();

    [11868] =>             }

    [11869] =>         }

    [11870] => //*/

    [11871] => 

    [11872] => 

    [11873] => 

    [11874] => /*

    [11875] =>         function referencemargintopload()

    [11876] =>         {

    [11877] =>             const div = document.createElement("div");

    [11878] =>             div.id = "referencemargintop";

    [11879] =>             div.innerHTML = "margin-top";

    [11880] =>             tabcontentreference.append(div);

    [11881] =>         }

    [11882] =>         addEventListener("load", referencemargintopload);

    [11883] => 

    [11884] =>         function referencemargintopnumberload()

    [11885] =>         {

    [11886] =>             const br = document.createElement("br");

    [11887] =>             referencemargintop.append(br);

    [11888] => 

    [11889] =>             const input = document.createElement("input");

    [11890] =>             input.id = "referencemargintopnumber";

    [11891] =>             input.max = 1000;

    [11892] =>             input.min = 0;

    [11893] =>             input.type = "number";

    [11894] =>             input.value = 0;

    [11895] =>             input.addEventListener("input", referencemargintopnumberupdate);

    [11896] =>             referencemargintop.append(input);

    [11897] => 

    [11898] =>             //referencemargintopnumberset();

    [11899] =>         }

    [11900] =>         addEventListener("load", referencemargintopnumberload);

    [11901] => 

    [11902] =>         function referencemargintopnumberset()

    [11903] =>         {

    [11904] =>             const v = Number(referencemargintopnumber.value);

    [11905] => 

    [11906] =>             referencemargintoprange.value = v;

    [11907] =>             text.referencemargintop = v;

    [11908] =>         }

    [11909] => 

    [11910] =>         function referencemargintopnumberupdate()

    [11911] =>         {

    [11912] =>             referencemargintopnumberset();

    [11913] => 

    [11914] =>             svgupdate();

    [11915] =>         }

    [11916] => 

    [11917] =>         function referencemargintoprangeload()

    [11918] =>         {

    [11919] =>             const input = document.createElement("input");

    [11920] =>             input.id = "referencemargintoprange";

    [11921] =>             input.max = referencemargintopnumber.max;

    [11922] =>             input.min = referencemargintopnumber.min;

    [11923] =>             input.type = "range";

    [11924] =>             input.value = referencemargintopnumber.value;

    [11925] =>             input.addEventListener("input", referencemargintoprangeupdate);

    [11926] =>             referencemargintop.append(input);

    [11927] => 

    [11928] =>             referencemargintoprangeset();

    [11929] =>         }

    [11930] =>         addEventListener("load", referencemargintoprangeload);

    [11931] => 

    [11932] =>         function referencemargintoprangeset()

    [11933] =>         {

    [11934] =>             const v = Number(referencemargintoprange.value);

    [11935] => 

    [11936] =>             referencemargintopnumber.value = v;

    [11937] =>             text.referencemargintop = v;

    [11938] =>         }

    [11939] => 

    [11940] =>         function referencemargintoprangeupdate()

    [11941] =>         {

    [11942] =>             referencemargintoprangeset();

    [11943] => 

    [11944] =>             svgupdate();

    [11945] =>         }

    [11946] => 

    [11947] => 

    [11948] => 

    [11949] =>         function referencemarginbottomload()

    [11950] =>         {

    [11951] =>             const div = document.createElement("div");

    [11952] =>             div.id = "referencemarginbottom";

    [11953] =>             div.innerHTML = "margin-bottom";

    [11954] =>             tabcontentreference.append(div);

    [11955] =>         }

    [11956] =>         addEventListener("load", referencemarginbottomload);

    [11957] => 

    [11958] =>         function referencemarginbottomnumberload()

    [11959] =>         {

    [11960] =>             const br = document.createElement("br");

    [11961] =>             referencemarginbottom.append(br);

    [11962] => 

    [11963] =>             const input = document.createElement("input");

    [11964] =>             input.id = "referencemarginbottomnumber";

    [11965] =>             input.max = 1000;

    [11966] =>             input.min = 0;

    [11967] =>             input.type = "number";

    [11968] =>             input.value = 0;

    [11969] =>             input.addEventListener("input", referencemarginbottomnumberupdate);

    [11970] =>             referencemarginbottom.append(input);

    [11971] => 

    [11972] =>             //referencemarginbottomnumberset();

    [11973] =>         }

    [11974] =>         addEventListener("load", referencemarginbottomnumberload);

    [11975] => 

    [11976] =>         function referencemarginbottomnumberset()

    [11977] =>         {

    [11978] =>             const v = Number(referencemarginbottomnumber.value);

    [11979] => 

    [11980] =>             referencemarginbottomrange.value = v;

    [11981] =>             text.referencemarginbottom = v;

    [11982] =>         }

    [11983] => 

    [11984] =>         function referencemarginbottomnumberupdate()

    [11985] =>         {

    [11986] =>             referencemarginbottomnumberset();

    [11987] => 

    [11988] =>             svgupdate();

    [11989] =>         }

    [11990] => 

    [11991] =>         function referencemarginbottomrangeload()

    [11992] =>         {

    [11993] =>             const input = document.createElement("input");

    [11994] =>             input.id = "referencemarginbottomrange";

    [11995] =>             input.max = referencemarginbottomnumber.max;

    [11996] =>             input.min = referencemarginbottomnumber.min;

    [11997] =>             input.type = "range";

    [11998] =>             input.value = referencemarginbottomnumber.value;

    [11999] =>             input.addEventListener("input", referencemarginbottomrangeupdate);

    [12000] =>             referencemarginbottom.append(input);

    [12001] => 

    [12002] =>             referencemarginbottomrangeset();

    [12003] =>         }

    [12004] =>         addEventListener("load", referencemarginbottomrangeload);

    [12005] => 

    [12006] =>         function referencemarginbottomrangeset()

    [12007] =>         {

    [12008] =>             const v = Number(referencemarginbottomrange.value);

    [12009] => 

    [12010] =>             referencemarginbottomnumber.value = v;

    [12011] =>             text.referencemarginbottom = v;

    [12012] =>         }

    [12013] => 

    [12014] =>         function referencemarginbottomrangeupdate()

    [12015] =>         {

    [12016] =>             referencemarginbottomrangeset();

    [12017] => 

    [12018] =>             svgupdate();

    [12019] =>         }

    [12020] => 

    [12021] => 

    [12022] => 

    [12023] =>         function referencemarginleftload()

    [12024] =>         {

    [12025] =>             const div = document.createElement("div");

    [12026] =>             div.id = "referencemarginleft";

    [12027] =>             div.innerHTML = "margin-left";

    [12028] =>             tabcontentreference.append(div);

    [12029] =>         }

    [12030] =>         addEventListener("load", referencemarginleftload);

    [12031] => 

    [12032] =>         function referencemarginleftnumberload()

    [12033] =>         {

    [12034] =>             const br = document.createElement("br");

    [12035] =>             referencemarginleft.append(br);

    [12036] => 

    [12037] =>             const input = document.createElement("input");

    [12038] =>             input.id = "referencemarginleftnumber";

    [12039] =>             input.max = 1000;

    [12040] =>             input.min = 0;

    [12041] =>             input.type = "number";

    [12042] =>             input.value = 0;

    [12043] =>             input.addEventListener("input", referencemarginleftnumberupdate);

    [12044] =>             referencemarginleft.append(input);

    [12045] => 

    [12046] =>             //referencemarginleftnumberset();

    [12047] =>         }

    [12048] =>         addEventListener("load", referencemarginleftnumberload);

    [12049] => 

    [12050] =>         function referencemarginleftnumberset()

    [12051] =>         {

    [12052] =>             const v = Number(referencemarginleftnumber.value);

    [12053] => 

    [12054] =>             referencemarginleftrange.value = v;

    [12055] =>             text.referencemarginleft = v;

    [12056] =>         }

    [12057] => 

    [12058] =>         function referencemarginleftnumberupdate()

    [12059] =>         {

    [12060] =>             referencemarginleftnumberset();

    [12061] => 

    [12062] =>             svgupdate();

    [12063] =>         }

    [12064] => 

    [12065] =>         function referencemarginleftrangeload()

    [12066] =>         {

    [12067] =>             const input = document.createElement("input");

    [12068] =>             input.id = "referencemarginleftrange";

    [12069] =>             input.max = referencemarginleftnumber.max;

    [12070] =>             input.min = referencemarginleftnumber.min;

    [12071] =>             input.type = "range";

    [12072] =>             input.value = referencemarginleftnumber.value;

    [12073] =>             input.addEventListener("input", referencemarginleftrangeupdate);

    [12074] =>             referencemarginleft.append(input);

    [12075] => 

    [12076] =>             referencemarginleftrangeset();

    [12077] =>         }

    [12078] =>         addEventListener("load", referencemarginleftrangeload);

    [12079] => 

    [12080] =>         function referencemarginleftrangeset()

    [12081] =>         {

    [12082] =>             const v = Number(referencemarginleftrange.value);

    [12083] => 

    [12084] =>             referencemarginleftnumber.value = v;

    [12085] =>             text.referencemarginleft = v;

    [12086] =>         }

    [12087] => 

    [12088] =>         function referencemarginleftrangeupdate()

    [12089] =>         {

    [12090] =>             referencemarginleftrangeset();

    [12091] => 

    [12092] =>             svgupdate();

    [12093] =>         }

    [12094] => 

    [12095] => 

    [12096] => 

    [12097] =>         function referencemarginrightload()

    [12098] =>         {

    [12099] =>             const div = document.createElement("div");

    [12100] =>             div.id = "referencemarginright";

    [12101] =>             div.innerHTML = "margin-right";

    [12102] =>             tabcontentreference.append(div);

    [12103] =>         }

    [12104] =>         addEventListener("load", referencemarginrightload);

    [12105] => 

    [12106] =>         function referencemarginrightnumberload()

    [12107] =>         {

    [12108] =>             const br = document.createElement("br");

    [12109] =>             referencemarginright.append(br);

    [12110] => 

    [12111] =>             const input = document.createElement("input");

    [12112] =>             input.id = "referencemarginrightnumber";

    [12113] =>             input.max = 1000;

    [12114] =>             input.min = 0;

    [12115] =>             input.type = "number";

    [12116] =>             input.value = 0;

    [12117] =>             input.addEventListener("input", referencemarginrightnumberupdate);

    [12118] =>             referencemarginright.append(input);

    [12119] => 

    [12120] =>             //referencemarginrightnumberset();

    [12121] =>         }

    [12122] =>         addEventListener("load", referencemarginrightnumberload);

    [12123] => 

    [12124] =>         function referencemarginrightnumberset()

    [12125] =>         {

    [12126] =>             const v = Number(referencemarginrightnumber.value);

    [12127] => 

    [12128] =>             referencemarginrightrange.value = v;

    [12129] =>             text.referencemarginright = v;

    [12130] =>         }

    [12131] => 

    [12132] =>         function referencemarginrightnumberupdate()

    [12133] =>         {

    [12134] =>             referencemarginrightnumberset();

    [12135] => 

    [12136] =>             svgupdate();

    [12137] =>         }

    [12138] => 

    [12139] =>         function referencemarginrightrangeload()

    [12140] =>         {

    [12141] =>             const input = document.createElement("input");

    [12142] =>             input.id = "referencemarginrightrange";

    [12143] =>             input.max = referencemarginrightnumber.max;

    [12144] =>             input.min = referencemarginrightnumber.min;

    [12145] =>             input.type = "range";

    [12146] =>             input.value = referencemarginrightnumber.value;

    [12147] =>             input.addEventListener("input", referencemarginrightrangeupdate);

    [12148] =>             referencemarginright.append(input);

    [12149] => 

    [12150] =>             referencemarginrightrangeset();

    [12151] =>         }

    [12152] =>         addEventListener("load", referencemarginrightrangeload);

    [12153] => 

    [12154] =>         function referencemarginrightrangeset()

    [12155] =>         {

    [12156] =>             const v = Number(referencemarginrightrange.value);

    [12157] => 

    [12158] =>             referencemarginrightnumber.value = v;

    [12159] =>             text.referencemarginright = v;

    [12160] =>         }

    [12161] => 

    [12162] =>         function referencemarginrightrangeupdate()

    [12163] =>         {

    [12164] =>             referencemarginrightrangeset();

    [12165] => 

    [12166] =>             svgupdate();

    [12167] =>         }

    [12168] => 

    [12169] => 

    [12170] => 

    [12171] =>         function referencepaddingtopload()

    [12172] =>         {

    [12173] =>             const div = document.createElement("div");

    [12174] =>             div.id = "referencepaddingtop";

    [12175] =>             div.innerHTML = "padding-top";

    [12176] =>             tabcontentreference.append(div);

    [12177] =>         }

    [12178] =>         addEventListener("load", referencepaddingtopload);

    [12179] => 

    [12180] =>         function referencepaddingtopnumberload()

    [12181] =>         {

    [12182] =>             const br = document.createElement("br");

    [12183] =>             referencepaddingtop.append(br);

    [12184] => 

    [12185] =>             const input = document.createElement("input");

    [12186] =>             input.id = "referencepaddingtopnumber";

    [12187] =>             input.max = 1000;

    [12188] =>             input.min = 0;

    [12189] =>             input.type = "number";

    [12190] =>             input.value = 0;

    [12191] =>             input.addEventListener("input", referencepaddingtopnumberupdate);

    [12192] =>             referencepaddingtop.append(input);

    [12193] => 

    [12194] =>             //referencepaddingtopnumberset();

    [12195] =>         }

    [12196] =>         addEventListener("load", referencepaddingtopnumberload);

    [12197] => 

    [12198] =>         function referencepaddingtopnumberset()

    [12199] =>         {

    [12200] =>             const v = Number(referencepaddingtopnumber.value);

    [12201] => 

    [12202] =>             referencepaddingtoprange.value = v;

    [12203] =>             text.referencepaddingtop = v;

    [12204] =>         }

    [12205] => 

    [12206] =>         function referencepaddingtopnumberupdate()

    [12207] =>         {

    [12208] =>             referencepaddingtopnumberset();

    [12209] => 

    [12210] =>             svgupdate();

    [12211] =>         }

    [12212] => 

    [12213] =>         function referencepaddingtoprangeload()

    [12214] =>         {

    [12215] =>             const input = document.createElement("input");

    [12216] =>             input.id = "referencepaddingtoprange";

    [12217] =>             input.max = referencepaddingtopnumber.max;

    [12218] =>             input.min = referencepaddingtopnumber.min;

    [12219] =>             input.type = "range";

    [12220] =>             input.value = referencepaddingtopnumber.value;

    [12221] =>             input.addEventListener("input", referencepaddingtoprangeupdate);

    [12222] =>             referencepaddingtop.append(input);

    [12223] => 

    [12224] =>             referencepaddingtoprangeset();

    [12225] =>         }

    [12226] =>         addEventListener("load", referencepaddingtoprangeload);

    [12227] => 

    [12228] =>         function referencepaddingtoprangeset()

    [12229] =>         {

    [12230] =>             const v = Number(referencepaddingtoprange.value);

    [12231] => 

    [12232] =>             referencepaddingtopnumber.value = v;

    [12233] =>             text.referencepaddingtop = v;

    [12234] =>         }

    [12235] => 

    [12236] =>         function referencepaddingtoprangeupdate()

    [12237] =>         {

    [12238] =>             referencepaddingtoprangeset();

    [12239] => 

    [12240] =>             svgupdate();

    [12241] =>         }

    [12242] => 

    [12243] => 

    [12244] => 

    [12245] =>         function referencepaddingbottomload()

    [12246] =>         {

    [12247] =>             const div = document.createElement("div");

    [12248] =>             div.id = "referencepaddingbottom";

    [12249] =>             div.innerHTML = "padding-bottom";

    [12250] =>             tabcontentreference.append(div);

    [12251] =>         }

    [12252] =>         addEventListener("load", referencepaddingbottomload);

    [12253] => 

    [12254] =>         function referencepaddingbottomnumberload()

    [12255] =>         {

    [12256] =>             const br = document.createElement("br");

    [12257] =>             referencepaddingbottom.append(br);

    [12258] => 

    [12259] =>             const input = document.createElement("input");

    [12260] =>             input.id = "referencepaddingbottomnumber";

    [12261] =>             input.max = 1000;

    [12262] =>             input.min = 0;

    [12263] =>             input.type = "number";

    [12264] =>             input.value = 0;

    [12265] =>             input.addEventListener("input", referencepaddingbottomnumberupdate);

    [12266] =>             referencepaddingbottom.append(input);

    [12267] => 

    [12268] =>             //referencepaddingbottomnumberset();

    [12269] =>         }

    [12270] =>         addEventListener("load", referencepaddingbottomnumberload);

    [12271] => 

    [12272] =>         function referencepaddingbottomnumberset()

    [12273] =>         {

    [12274] =>             const v = Number(referencepaddingbottomnumber.value);

    [12275] => 

    [12276] =>             referencepaddingbottomrange.value = v;

    [12277] =>             text.referencepaddingbottom = v;

    [12278] =>         }

    [12279] => 

    [12280] =>         function referencepaddingbottomnumberupdate()

    [12281] =>         {

    [12282] =>             referencepaddingbottomnumberset();

    [12283] => 

    [12284] =>             svgupdate();

    [12285] =>         }

    [12286] => 

    [12287] =>         function referencepaddingbottomrangeload()

    [12288] =>         {

    [12289] =>             const input = document.createElement("input");

    [12290] =>             input.id = "referencepaddingbottomrange";

    [12291] =>             input.max = referencepaddingbottomnumber.max;

    [12292] =>             input.min = referencepaddingbottomnumber.min;

    [12293] =>             input.type = "range";

    [12294] =>             input.value = referencepaddingbottomnumber.value;

    [12295] =>             input.addEventListener("input", referencepaddingbottomrangeupdate);

    [12296] =>             referencepaddingbottom.append(input);

    [12297] => 

    [12298] =>             referencepaddingbottomrangeset();

    [12299] =>         }

    [12300] =>         addEventListener("load", referencepaddingbottomrangeload);

    [12301] => 

    [12302] =>         function referencepaddingbottomrangeset()

    [12303] =>         {

    [12304] =>             const v = Number(referencepaddingbottomrange.value);

    [12305] => 

    [12306] =>             referencepaddingbottomnumber.value = v;

    [12307] =>             text.referencepaddingbottom = v;

    [12308] =>         }

    [12309] => 

    [12310] =>         function referencepaddingbottomrangeupdate()

    [12311] =>         {

    [12312] =>             referencepaddingbottomrangeset();

    [12313] => 

    [12314] =>             svgupdate();

    [12315] =>         }

    [12316] => 

    [12317] => 

    [12318] => 

    [12319] =>         function referencepaddingleftload()

    [12320] =>         {

    [12321] =>             const div = document.createElement("div");

    [12322] =>             div.id = "referencepaddingleft";

    [12323] =>             div.innerHTML = "padding-left";

    [12324] =>             tabcontentreference.append(div);

    [12325] =>         }

    [12326] =>         addEventListener("load", referencepaddingleftload);

    [12327] => 

    [12328] =>         function referencepaddingleftnumberload()

    [12329] =>         {

    [12330] =>             const br = document.createElement("br");

    [12331] =>             referencepaddingleft.append(br);

    [12332] => 

    [12333] =>             const input = document.createElement("input");

    [12334] =>             input.id = "referencepaddingleftnumber";

    [12335] =>             input.max = 1000;

    [12336] =>             input.min = 0;

    [12337] =>             input.type = "number";

    [12338] =>             input.value = 0;

    [12339] =>             input.addEventListener("input", referencepaddingleftnumberupdate);

    [12340] =>             referencepaddingleft.append(input);

    [12341] => 

    [12342] =>             //referencepaddingleftnumberset();

    [12343] =>         }

    [12344] =>         addEventListener("load", referencepaddingleftnumberload);

    [12345] => 

    [12346] =>         function referencepaddingleftnumberset()

    [12347] =>         {

    [12348] =>             const v = Number(referencepaddingleftnumber.value);

    [12349] => 

    [12350] =>             referencepaddingleftrange.value = v;

    [12351] =>             text.referencepaddingleft = v;

    [12352] =>         }

    [12353] => 

    [12354] =>         function referencepaddingleftnumberupdate()

    [12355] =>         {

    [12356] =>             referencepaddingleftnumberset();

    [12357] => 

    [12358] =>             svgupdate();

    [12359] =>         }

    [12360] => 

    [12361] =>         function referencepaddingleftrangeload()

    [12362] =>         {

    [12363] =>             const input = document.createElement("input");

    [12364] =>             input.id = "referencepaddingleftrange";

    [12365] =>             input.max = referencepaddingleftnumber.max;

    [12366] =>             input.min = referencepaddingleftnumber.min;

    [12367] =>             input.type = "range";

    [12368] =>             input.value = referencepaddingleftnumber.value;

    [12369] =>             input.addEventListener("input", referencepaddingleftrangeupdate);

    [12370] =>             referencepaddingleft.append(input);

    [12371] => 

    [12372] =>             referencepaddingleftrangeset();

    [12373] =>         }

    [12374] =>         addEventListener("load", referencepaddingleftrangeload);

    [12375] => 

    [12376] => 

    [12377] =>         function referencepaddingleftrangeset()

    [12378] =>         {

    [12379] =>             const v = Number(referencepaddingleftrange.value);

    [12380] => 

    [12381] =>             referencepaddingleftnumber.value = v;

    [12382] =>             text.referencepaddingleft = v;

    [12383] =>         }

    [12384] => 

    [12385] =>         function referencepaddingleftrangeupdate()

    [12386] =>         {

    [12387] =>             referencepaddingleftrangeset();

    [12388] => 

    [12389] =>             svgupdate();

    [12390] =>         }

    [12391] => 

    [12392] => 

    [12393] => 

    [12394] =>         function referencepaddingrightload()

    [12395] =>         {

    [12396] =>             const div = document.createElement("div");

    [12397] =>             div.id = "referencepaddingright";

    [12398] =>             div.innerHTML = "padding-right";

    [12399] =>             tabcontentreference.append(div);

    [12400] =>         }

    [12401] =>         addEventListener("load", referencepaddingrightload);

    [12402] => 

    [12403] =>         function referencepaddingrightnumberload()

    [12404] =>         {

    [12405] =>             const br = document.createElement("br");

    [12406] =>             referencepaddingright.append(br);

    [12407] => 

    [12408] =>             const input = document.createElement("input");

    [12409] =>             input.id = "referencepaddingrightnumber";

    [12410] =>             input.max = 1000;

    [12411] =>             input.min = 0;

    [12412] =>             input.type = "number";

    [12413] =>             input.value = 0;

    [12414] =>             input.addEventListener("input", referencepaddingrightnumberupdate);

    [12415] =>             referencepaddingright.append(input);

    [12416] => 

    [12417] =>             //referencepaddingrightnumberset();

    [12418] =>         }

    [12419] =>         addEventListener("load", referencepaddingrightnumberload);

    [12420] => 

    [12421] =>         function referencepaddingrightnumberset()

    [12422] =>         {

    [12423] =>             const v = Number(referencepaddingrightnumber.value);

    [12424] => 

    [12425] =>             referencepaddingrightrange.value = v;

    [12426] =>             text.referencepaddingright = v;

    [12427] =>         }

    [12428] => 

    [12429] =>         function referencepaddingrightnumberupdate()

    [12430] =>         {

    [12431] =>             referencepaddingrightnumberset();

    [12432] => 

    [12433] =>             svgupdate();

    [12434] =>         }

    [12435] => 

    [12436] =>         function referencepaddingrightrangeload()

    [12437] =>         {

    [12438] =>             const input = document.createElement("input");

    [12439] =>             input.id = "referencepaddingrightrange";

    [12440] =>             input.max = referencepaddingrightnumber.max;

    [12441] =>             input.min = referencepaddingrightnumber.min;

    [12442] =>             input.type = "range";

    [12443] =>             input.value = referencepaddingrightnumber.value;

    [12444] =>             input.addEventListener("input", referencepaddingrightrangeupdate);

    [12445] =>             referencepaddingright.append(input);

    [12446] => 

    [12447] =>             referencepaddingrightrangeset();

    [12448] =>         }

    [12449] =>         addEventListener("load", referencepaddingrightrangeload);

    [12450] => 

    [12451] =>         function referencepaddingrightrangeset()

    [12452] =>         {

    [12453] =>             const v = Number(referencepaddingrightrange.value);

    [12454] => 

    [12455] =>             referencepaddingrightnumber.value = v;

    [12456] =>             text.referencepaddingright = v;

    [12457] =>         }

    [12458] => 

    [12459] =>         function referencepaddingrightrangeupdate()

    [12460] =>         {

    [12461] =>             referencepaddingrightrangeset();

    [12462] => 

    [12463] =>             svgupdate();

    [12464] =>         }

    [12465] => //*/

    [12466] => 

    [12467] => 

    [12468] => 

    [12469] => 

    [12470] => 

    [12471] => 

    [12472] =>         function passagewidthload()

    [12473] =>         {

    [12474] =>             const div = document.createElement("div");

    [12475] =>             div.id = "passagewidth";

    [12476] =>             div.innerHTML = "width";

    [12477] =>             tabcontentpassage.append(div);

    [12478] => 

    [12479] =>             const style = div.style;

    [12480] =>             style.overflowY = "hidden";

    [12481] =>             style.whiteSpace = "nowrap";

    [12482] =>         }

    [12483] =>         addEventListener("load", passagewidthload);

    [12484] => 

    [12485] =>         function passagewidthnumberload()

    [12486] =>         {

    [12487] =>             const br = document.createElement("br");

    [12488] =>             passagewidth.append(br);

    [12489] => 

    [12490] =>             const input = document.createElement("input");

    [12491] =>             input.id = "passagewidthnumber";

    [12492] =>             input.max = maxwidth;

    [12493] =>             input.min = 0;

    [12494] =>             input.type = "number";

    [12495] =>             input.value = canvas.width - 100;

    [12496] =>             input.addEventListener("input", passagewidthnumberupdate);

    [12497] =>             passagewidth.append(input);

    [12498] => 

    [12499] =>             //passagewidthnumberset();

    [12500] =>         }

    [12501] =>         addEventListener("load", passagewidthnumberload);

    [12502] => 

    [12503] =>         function passagewidthnumberset()

    [12504] =>         {

    [12505] =>             const v = Number(passagewidthnumber.value);

    [12506] => 

    [12507] =>             passagewidthrange.value = v;

    [12508] =>             text.passagewidth = v;

    [12509] =>         }

    [12510] => 

    [12511] =>         function passagewidthnumberupdate()

    [12512] =>         {

    [12513] =>             passagewidthnumberset();

    [12514] =>             svgupdate();

    [12515] =>         }

    [12516] => 

    [12517] =>         function passagewidthrangeload()

    [12518] =>         {

    [12519] =>             const input = document.createElement("input");

    [12520] =>             input.id = "passagewidthrange";

    [12521] =>             input.max = passagewidthnumber.max;

    [12522] =>             input.min = passagewidthnumber.min;

    [12523] =>             input.type = "range";

    [12524] =>             input.value = passagewidthnumber.value;

    [12525] =>             input.addEventListener("input", passagewidthrangeupdate);

    [12526] =>             passagewidth.append(input);

    [12527] => 

    [12528] =>             passagewidthrangeset();

    [12529] =>         }

    [12530] =>         addEventListener("load", passagewidthrangeload);

    [12531] => 

    [12532] =>         function passagewidthrangeset()

    [12533] =>         {

    [12534] =>             const v = Number(passagewidthrange.value);

    [12535] => 

    [12536] =>             passagewidthnumber.value = v;

    [12537] =>             text.passagewidth = v;

    [12538] =>         }

    [12539] => 

    [12540] =>         function passagewidthrangeupdate()

    [12541] =>         {

    [12542] =>             passagewidthrangeset();

    [12543] =>             svgupdate();

    [12544] =>         }

    [12545] => 

    [12546] =>         function passagewidthexactload()

    [12547] =>         {

    [12548] =>             const br = document.createElement("br");

    [12549] =>             passagewidth.append(br);

    [12550] => 

    [12551] =>             const array =

    [12552] =>             [

    [12553] =>                 ["25%",0.25],

    [12554] =>                 ["50%",0.5],

    [12555] =>                 ["75%",0.75],

    [12556] =>                 ["100%",1],

    [12557] =>             ];

    [12558] => 

    [12559] =>             for(const value of array)

    [12560] =>             {

    [12561] =>                 const button = document.createElement("button");

    [12562] =>                 button.innerHTML = value[0];

    [12563] =>                 button.value = value[1];

    [12564] =>                 button.addEventListener("click", passagewidthexactupdate);

    [12565] =>                 passagewidth.append(button);

    [12566] =>             }

    [12567] =>         }

    [12568] =>         addEventListener("load", passagewidthexactload);

    [12569] => 

    [12570] =>         function passagewidthexactupdate(e)

    [12571] =>         {

    [12572] =>             passagewidthnumber.value = canvas.width * Number(e.target.value);

    [12573] => 

    [12574] =>             passagewidthnumberupdate();

    [12575] =>         }

    [12576] => 

    [12577] =>         function passagewidthincrementload()

    [12578] =>         {

    [12579] =>             const br = document.createElement("br");

    [12580] =>             passagewidth.append(br);

    [12581] => 

    [12582] =>             const array =

    [12583] =>             [

    [12584] =>                 ["-1000",-1000],

    [12585] =>                 ["-100",-100],

    [12586] =>                 ["-10",-10],

    [12587] =>                 ["-1",-1],

    [12588] =>                 ["+1",1],

    [12589] =>                 ["+10",10],

    [12590] =>                 ["+100",100],

    [12591] =>                 ["+1000",1000],

    [12592] =>             ];

    [12593] => 

    [12594] =>             for(const value of array)

    [12595] =>             {

    [12596] =>                 const button = document.createElement("button");

    [12597] =>                 button.innerHTML = value[0];

    [12598] =>                 button.value = value[1];

    [12599] =>                 button.addEventListener("click", passagewidthincrementupdate);

    [12600] =>                 passagewidth.append(button);

    [12601] =>             }

    [12602] =>         }

    [12603] =>         addEventListener("load", passagewidthincrementload);

    [12604] => 

    [12605] =>         function passagewidthincrementupdate(e)

    [12606] =>         {

    [12607] =>             const v = Number(passagewidthnumber.value) + Number(e.target.value);

    [12608] => 

    [12609] =>             if((passagewidthnumber.min <= v) && (v <= passagewidthnumber.max))

    [12610] =>             {

    [12611] =>                 passagewidthnumber.value = v;

    [12612] => 

    [12613] =>                 passagewidthnumberupdate();

    [12614] =>             }

    [12615] =>         }

    [12616] => 

    [12617] => 

    [12618] => 

    [12619] =>         function passageheightload()

    [12620] =>         {

    [12621] =>             const div = document.createElement("div");

    [12622] =>             div.id = "passageheight";

    [12623] =>             div.innerHTML = "height";

    [12624] =>             tabcontentpassage.append(div);

    [12625] => 

    [12626] =>             const style = div.style;

    [12627] =>             style.overflowY = "hidden";

    [12628] =>             style.whiteSpace = "nowrap";

    [12629] =>         }

    [12630] =>         addEventListener("load", passageheightload);

    [12631] => 

    [12632] =>         function passageheightnumberload()

    [12633] =>         {

    [12634] =>             const br = document.createElement("br");

    [12635] =>             passageheight.append(br);

    [12636] => 

    [12637] =>             const input = document.createElement("input");

    [12638] =>             input.id = "passageheightnumber";

    [12639] =>             input.max = maxheight;

    [12640] =>             input.min = 0;

    [12641] =>             input.type = "number";

    [12642] =>             input.value = 300;

    [12643] =>             input.addEventListener("input", passageheightnumberupdate);

    [12644] =>             passageheight.append(input);

    [12645] => 

    [12646] =>             //passageheightnumberset();

    [12647] =>         }

    [12648] =>         addEventListener("load", passageheightnumberload);

    [12649] => 

    [12650] =>         function passageheightnumberset()

    [12651] =>         {

    [12652] =>             const v = Number(passageheightnumber.value);

    [12653] => 

    [12654] =>             passageheightrange.value = v;

    [12655] =>             text.passageheight = v;

    [12656] =>         }

    [12657] => 

    [12658] =>         function passageheightnumberupdate()

    [12659] =>         {

    [12660] =>             passageheightnumberset();

    [12661] =>             svgupdate();

    [12662] =>         }

    [12663] => 

    [12664] =>         function passageheightrangeload()

    [12665] =>         {

    [12666] =>             const input = document.createElement("input");

    [12667] =>             input.id = "passageheightrange";

    [12668] =>             input.max = passageheightnumber.max;

    [12669] =>             input.min = passageheightnumber.min;

    [12670] =>             input.type = "range";

    [12671] =>             input.value = passageheightnumber.value;

    [12672] =>             input.addEventListener("input", passageheightrangeupdate);

    [12673] =>             passageheight.append(input);

    [12674] => 

    [12675] =>             passageheightrangeset();

    [12676] =>         }

    [12677] =>         addEventListener("load", passageheightrangeload);

    [12678] => 

    [12679] =>         function passageheightrangeset()

    [12680] =>         {

    [12681] =>             const v = Number(passageheightrange.value);

    [12682] => 

    [12683] =>             passageheightnumber.value = v;

    [12684] =>             text.passageheight = v;

    [12685] =>         }

    [12686] => 

    [12687] =>         function passageheightrangeupdate()

    [12688] =>         {

    [12689] =>             passageheightrangeset();

    [12690] =>             svgupdate();

    [12691] =>         }

    [12692] => 

    [12693] =>         function passageheightexactload()

    [12694] =>         {

    [12695] =>             const br = document.createElement("br");

    [12696] =>             passageheight.append(br);

    [12697] => 

    [12698] =>             const array =

    [12699] =>             [

    [12700] =>                 ["25%",0.25],

    [12701] =>                 ["50%",0.5],

    [12702] =>                 ["75%",0.75],

    [12703] =>                 ["100%",1],

    [12704] =>             ];

    [12705] => 

    [12706] =>             for(const value of array)

    [12707] =>             {

    [12708] =>                 const button = document.createElement("button");

    [12709] =>                 button.innerHTML = value[0];

    [12710] =>                 button.value = value[1];

    [12711] =>                 button.addEventListener("click", passageheightexactupdate);

    [12712] =>                 passageheight.append(button);

    [12713] =>             }

    [12714] =>         }

    [12715] =>         addEventListener("load", passageheightexactload);

    [12716] => 

    [12717] =>         function passageheightexactupdate(e)

    [12718] =>         {

    [12719] =>             passageheightnumber.value = canvas.height * Number(e.target.value);

    [12720] => 

    [12721] =>             passageheightnumberupdate();

    [12722] =>         }

    [12723] => 

    [12724] =>         function passageheightincrementload()

    [12725] =>         {

    [12726] =>             const br = document.createElement("br");

    [12727] =>             passageheight.append(br);

    [12728] => 

    [12729] =>             const array =

    [12730] =>             [

    [12731] =>                 ["-1000",-1000],

    [12732] =>                 ["-100",-100],

    [12733] =>                 ["-10",-10],

    [12734] =>                 ["-1",-1],

    [12735] =>                 ["+1",1],

    [12736] =>                 ["+10",10],

    [12737] =>                 ["+100",100],

    [12738] =>                 ["+1000",1000],

    [12739] =>             ];

    [12740] => 

    [12741] =>             for(const value of array)

    [12742] =>             {

    [12743] =>                 const button = document.createElement("button");

    [12744] =>                 button.innerHTML = value[0];

    [12745] =>                 button.value = value[1];

    [12746] =>                 button.addEventListener("click", passageheightincrementupdate);

    [12747] =>                 passageheight.append(button);

    [12748] =>             }

    [12749] =>         }

    [12750] =>         addEventListener("load", passageheightincrementload);

    [12751] => 

    [12752] =>         function passageheightincrementupdate(e)

    [12753] =>         {

    [12754] =>             const v = Number(passageheightnumber.value) + Number(e.target.value);

    [12755] => 

    [12756] =>             if((passageheightnumber.min <= v) && (v <= passageheightnumber.max))

    [12757] =>             {

    [12758] =>                 passageheightnumber.value = v;

    [12759] => 

    [12760] =>                 passageheightnumberupdate();

    [12761] =>             }

    [12762] =>         }

    [12763] => 

    [12764] => 

    [12765] => 

    [12766] =>         function passagexload()

    [12767] =>         {

    [12768] =>             const div = document.createElement("div");

    [12769] =>             div.id = "passagex";

    [12770] =>             div.innerHTML = "x";

    [12771] =>             tabcontentpassage.append(div);

    [12772] => 

    [12773] =>             const style = div.style;

    [12774] =>             style.overflowY = "hidden";

    [12775] =>             style.whiteSpace = "nowrap";

    [12776] =>         }

    [12777] =>         addEventListener("load", passagexload);

    [12778] => 

    [12779] =>         function passagexnumberload()

    [12780] =>         {

    [12781] =>             const br = document.createElement("br");

    [12782] =>             passagex.append(br);

    [12783] => 

    [12784] =>             const input = document.createElement("input");

    [12785] =>             input.id = "passagexnumber";

    [12786] =>             input.max = maxwidth;

    [12787] =>             input.min = -maxwidth;

    [12788] =>             input.type = "number";

    [12789] =>             input.value = 50;

    [12790] =>             input.addEventListener("input", passagexnumberupdate);

    [12791] =>             passagex.append(input);

    [12792] => 

    [12793] =>             //passagexnumberset();

    [12794] =>         }

    [12795] =>         addEventListener("load", passagexnumberload);

    [12796] => 

    [12797] =>         function passagexnumberset()

    [12798] =>         {

    [12799] =>             const v = Number(passagexnumber.value);

    [12800] => 

    [12801] =>             passagexrange.value = v;

    [12802] =>             text.passagex = v;

    [12803] =>         }

    [12804] => 

    [12805] =>         function passagexnumberupdate()

    [12806] =>         {

    [12807] =>             passagexnumberset();

    [12808] =>             svgupdate();

    [12809] =>         }

    [12810] => 

    [12811] =>         function passagexrangeload()

    [12812] =>         {

    [12813] =>             const input = document.createElement("input");

    [12814] =>             input.id = "passagexrange";

    [12815] =>             input.max = passagexnumber.max;

    [12816] =>             input.min = passagexnumber.min;

    [12817] =>             input.type = "range";

    [12818] =>             input.value = passagexnumber.value;

    [12819] =>             input.addEventListener("input", passagexrangeupdate);

    [12820] =>             passagex.append(input);

    [12821] => 

    [12822] =>             passagexrangeset();

    [12823] =>         }

    [12824] =>         addEventListener("load", passagexrangeload);

    [12825] => 

    [12826] =>         function passagexrangeset()

    [12827] =>         {

    [12828] =>             const v = Number(passagexrange.value);

    [12829] => 

    [12830] =>             passagexnumber.value = v;

    [12831] =>             text.passagex = v;

    [12832] =>         }

    [12833] => 

    [12834] =>         function passagexrangeupdate()

    [12835] =>         {

    [12836] =>             passagexrangeset();

    [12837] =>             svgupdate();

    [12838] =>         }

    [12839] => 

    [12840] =>         function passagexexactload()

    [12841] =>         {

    [12842] =>             const br = document.createElement("br");

    [12843] =>             passagex.append(br);

    [12844] => 

    [12845] =>             const array =

    [12846] =>             [

    [12847] =>                 ["left",0],

    [12848] =>                 ["center",0.5],

    [12849] =>                 ["right",1],

    [12850] =>             ];

    [12851] => 

    [12852] =>             for(const value of array)

    [12853] =>             {

    [12854] =>                 const button = document.createElement("button");

    [12855] =>                 button.innerHTML = value[0];

    [12856] =>                 button.value = value[1];

    [12857] =>                 button.addEventListener("click", passagexexactupdate);

    [12858] =>                 passagex.append(button);

    [12859] =>             }

    [12860] =>         }

    [12861] =>         addEventListener("load", passagexexactload);

    [12862] => 

    [12863] =>         function passagexexactupdate(e)

    [12864] =>         {

    [12865] =>             //passagexnumber.value = (canvas.width - text.passagewidth - text.passagepaddingleft - text.passagepaddingright) * Number(e.target.value);

    [12866] =>             passagexnumber.value = (canvas.width - text.passagewidth) * Number(e.target.value);

    [12867] => 

    [12868] =>             passagexnumberupdate();

    [12869] =>         }

    [12870] => 

    [12871] =>         function passagexincrementload()

    [12872] =>         {

    [12873] =>             const br = document.createElement("br");

    [12874] =>             passagex.append(br);

    [12875] => 

    [12876] =>             const array =

    [12877] =>             [

    [12878] =>                 ["-1000",-1000],

    [12879] =>                 ["-100",-100],

    [12880] =>                 ["-10",-10],

    [12881] =>                 ["-1",-1],

    [12882] =>                 ["+1",1],

    [12883] =>                 ["+10",10],

    [12884] =>                 ["+100",100],

    [12885] =>                 ["+1000",1000],

    [12886] =>             ];

    [12887] => 

    [12888] =>             for(const value of array)

    [12889] =>             {

    [12890] =>                 const button = document.createElement("button");

    [12891] =>                 button.innerHTML = value[0];

    [12892] =>                 button.value = value[1];

    [12893] =>                 button.addEventListener("click", passagexincrementupdate);

    [12894] =>                 passagex.append(button);

    [12895] =>             }

    [12896] =>         }

    [12897] =>         addEventListener("load", passagexincrementload);

    [12898] => 

    [12899] =>         function passagexincrementupdate(e)

    [12900] =>         {

    [12901] =>             const v = Number(passagexnumber.value) + Number(e.target.value);

    [12902] => 

    [12903] =>             if((passagexnumber.min <= v) && (v <= passagexnumber.max))

    [12904] =>             {

    [12905] =>                 passagexnumber.value = v;

    [12906] => 

    [12907] =>                 passagexnumberupdate();

    [12908] =>             }

    [12909] =>         }

    [12910] => 

    [12911] => 

    [12912] => 

    [12913] =>         function passageyload()

    [12914] =>         {

    [12915] =>             const div = document.createElement("div");

    [12916] =>             div.id = "passagey";

    [12917] =>             div.innerHTML = "y";

    [12918] =>             tabcontentpassage.append(div);

    [12919] => 

    [12920] =>             const style = div.style;

    [12921] =>             style.overflowY = "hidden";

    [12922] =>             style.whiteSpace = "nowrap";

    [12923] =>         }

    [12924] =>         addEventListener("load", passageyload);

    [12925] => 

    [12926] =>         function passageynumberload()

    [12927] =>         {

    [12928] =>             const br = document.createElement("br");

    [12929] =>             passagey.append(br);

    [12930] => 

    [12931] =>             const input = document.createElement("input");

    [12932] =>             input.id = "passageynumber";

    [12933] =>             input.max = maxheight;

    [12934] =>             input.min = -maxheight;

    [12935] =>             input.type = "number";

    [12936] =>             input.value = 730;

    [12937] =>             input.addEventListener("input", passageynumberupdate);

    [12938] =>             passagey.append(input);

    [12939] => 

    [12940] =>             //passageynumberset();

    [12941] =>         }

    [12942] =>         addEventListener("load", passageynumberload);

    [12943] => 

    [12944] =>         function passageynumberset()

    [12945] =>         {

    [12946] =>             const v = Number(passageynumber.value);

    [12947] => 

    [12948] =>             passageyrange.value = v;

    [12949] =>             text.passagey = v;

    [12950] =>         }

    [12951] => 

    [12952] =>         function passageynumberupdate()

    [12953] =>         {

    [12954] =>             passageynumberset();

    [12955] =>             svgupdate();

    [12956] =>         }

    [12957] => 

    [12958] =>         function passageyrangeload()

    [12959] =>         {

    [12960] =>             const input = document.createElement("input");

    [12961] =>             input.id = "passageyrange";

    [12962] =>             input.max = passageynumber.max;

    [12963] =>             input.min = passageynumber.min;

    [12964] =>             input.type = "range";

    [12965] =>             input.value = passageynumber.value;

    [12966] =>             input.addEventListener("input", passageyrangeupdate);

    [12967] =>             passagey.append(input);

    [12968] => 

    [12969] =>             passageyrangeset();

    [12970] =>         }

    [12971] =>         addEventListener("load", passageyrangeload);

    [12972] => 

    [12973] =>         function passageyrangeset()

    [12974] =>         {

    [12975] =>             const v = Number(passageyrange.value);

    [12976] => 

    [12977] =>             passageynumber.value = v;

    [12978] =>             text.passagey = v;

    [12979] =>         }

    [12980] => 

    [12981] =>         function passageyrangeupdate()

    [12982] =>         {

    [12983] =>             passageyrangeset();

    [12984] =>             svgupdate();

    [12985] =>         }

    [12986] => 

    [12987] =>         function passageyexactload()

    [12988] =>         {

    [12989] =>             const br = document.createElement("br");

    [12990] =>             passagey.append(br);

    [12991] => 

    [12992] =>             const array =

    [12993] =>             [

    [12994] =>                 ["top",0],

    [12995] =>                 ["center",0.5],

    [12996] =>                 ["bottom",1],

    [12997] =>             ];

    [12998] => 

    [12999] =>             for(const value of array)

    [13000] =>             {

    [13001] =>                 const button = document.createElement("button");

    [13002] =>                 button.innerHTML = value[0];

    [13003] =>                 button.value = value[1];

    [13004] =>                 button.addEventListener("click", passageyexactupdate);

    [13005] =>                 passagey.append(button);

    [13006] =>             }

    [13007] =>         }

    [13008] =>         addEventListener("load", passageyexactload);

    [13009] => 

    [13010] =>         function passageyexactupdate(e)

    [13011] =>         {

    [13012] =>             //passageynumber.value = (canvas.height - text.passageheight - text.passagepaddingtop - text.passagepaddingbottom) * Number(e.target.value);

    [13013] =>             passageynumber.value = (canvas.height - text.passageheight) * Number(e.target.value);

    [13014] => 

    [13015] =>             passageynumberupdate();

    [13016] =>         }

    [13017] => 

    [13018] =>         function passageyincrementload()

    [13019] =>         {

    [13020] =>             const br = document.createElement("br");

    [13021] =>             passagey.append(br);

    [13022] => 

    [13023] =>             const array =

    [13024] =>             [

    [13025] =>                 ["-1000",-1000],

    [13026] =>                 ["-100",-100],

    [13027] =>                 ["-10",-10],

    [13028] =>                 ["-1",-1],

    [13029] =>                 ["+1",1],

    [13030] =>                 ["+10",10],

    [13031] =>                 ["+100",100],

    [13032] =>                 ["+1000",1000],

    [13033] =>             ];

    [13034] => 

    [13035] =>             for(const value of array)

    [13036] =>             {

    [13037] =>                 const button = document.createElement("button");

    [13038] =>                 button.innerHTML = value[0];

    [13039] =>                 button.value = value[1];

    [13040] =>                 button.addEventListener("click", passageyincrementupdate);

    [13041] =>                 passagey.append(button);

    [13042] =>             }

    [13043] =>         }

    [13044] =>         addEventListener("load", passageyincrementload);

    [13045] => 

    [13046] =>         function passageyincrementupdate(e)

    [13047] =>         {

    [13048] =>             const v = Number(passageynumber.value) + Number(e.target.value);

    [13049] => 

    [13050] =>             if((passageynumber.min <= v) && (v <= passageynumber.max))

    [13051] =>             {

    [13052] =>                 passageynumber.value = v;

    [13053] => 

    [13054] =>                 passageynumberupdate();

    [13055] =>             }

    [13056] =>         }

    [13057] => 

    [13058] => 

    [13059] => 

    [13060] =>         function passagebackgroundcolorload()

    [13061] =>         {

    [13062] =>             const div = document.createElement("div");

    [13063] =>             div.id = "passagebackgroundcolor";

    [13064] =>             div.innerHTML = "background-color";

    [13065] =>             tabcontentpassage.append(div);

    [13066] =>         }

    [13067] =>         addEventListener("load", passagebackgroundcolorload);

    [13068] => 

    [13069] =>         function passagebackgroundcolorcolorload()

    [13070] =>         {

    [13071] =>             const br = document.createElement("br");

    [13072] =>             passagebackgroundcolor.append(br);

    [13073] => 

    [13074] =>             const input = document.createElement("input");

    [13075] =>             input.id = "passagebackgroundcolorcolor";

    [13076] =>             input.type = "color";

    [13077] =>             input.value = "#ffffff";

    [13078] =>             input.addEventListener("input", passagebackgroundcolorcolorupdate);

    [13079] =>             passagebackgroundcolor.append(input);

    [13080] => 

    [13081] =>             //passagebackgroundcolorcolorset();

    [13082] =>         }

    [13083] =>         addEventListener("load", passagebackgroundcolorcolorload);

    [13084] => 

    [13085] =>         function passagebackgroundcolorcolorset()

    [13086] =>         {

    [13087] =>             const c = passagebackgroundcolorcolor.value;

    [13088] =>             const r = parseInt(c.slice(1,3),16);

    [13089] =>             const g = parseInt(c.slice(3,5),16);

    [13090] =>             const b = parseInt(c.slice(5,7),16);

    [13091] =>             const a = passagebackgroundalphanumber.value;

    [13092] => 

    [13093] =>             text.passagebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;

    [13094] =>         }

    [13095] => 

    [13096] =>         function passagebackgroundcolorcolorupdate()

    [13097] =>         {

    [13098] =>             passagebackgroundcolorcolorset();

    [13099] =>             svgupdate();

    [13100] =>         }

    [13101] => 

    [13102] =>         function passagebackgroundcolorexactload()

    [13103] =>         {

    [13104] =>             const br = document.createElement("br");

    [13105] =>             passagebackgroundcolor.append(br);

    [13106] => 

    [13107] =>             const array =

    [13108] =>             [

    [13109] =>                 ["black","#000000"],

    [13110] =>                 ["white","#ffffff"],

    [13111] =>             ];

    [13112] => 

    [13113] =>             for(const value of array)

    [13114] =>             {

    [13115] =>                 const button = document.createElement("button");

    [13116] =>                 button.innerHTML = value[0];

    [13117] =>                 button.value = value[1];

    [13118] =>                 button.addEventListener("click", passagebackgroundcolorexactupdate);

    [13119] =>                 passagebackgroundcolor.append(button);

    [13120] =>             }

    [13121] =>         }

    [13122] =>         addEventListener("load", passagebackgroundcolorexactload);

    [13123] => 

    [13124] =>         function passagebackgroundcolorexactupdate(e)

    [13125] =>         {

    [13126] =>             passagebackgroundcolorcolor.value = e.target.value;

    [13127] => 

    [13128] =>             passagebackgroundcolorcolorupdate();

    [13129] =>         }

    [13130] => 

    [13131] => 

    [13132] => 

    [13133] =>         function passagebackgroundalphaload()

    [13134] =>         {

    [13135] =>             const div = document.createElement("div");

    [13136] =>             div.id = "passagebackgroundalpha";

    [13137] =>             div.innerHTML = "background-alpha";

    [13138] =>             tabcontentpassage.append(div);

    [13139] => 

    [13140] =>             const style = div.style;

    [13141] =>             style.overflowY = "hidden";

    [13142] =>             style.whiteSpace = "nowrap";

    [13143] =>         }

    [13144] =>         addEventListener("load", passagebackgroundalphaload);

    [13145] => 

    [13146] =>         function passagebackgroundalphanumberload()

    [13147] =>         {

    [13148] =>             const br = document.createElement("br");

    [13149] =>             passagebackgroundalpha.append(br);

    [13150] => 

    [13151] =>             const input = document.createElement("input");

    [13152] =>             input.id = "passagebackgroundalphanumber";

    [13153] =>             input.max = 1;

    [13154] =>             input.min = 0;

    [13155] =>             input.step = 0.01;

    [13156] =>             input.type = "number";

    [13157] =>             input.value = 0.5;

    [13158] =>             input.addEventListener("input", passagebackgroundalphanumberupdate);

    [13159] =>             passagebackgroundalpha.append(input);

    [13160] => 

    [13161] =>             //passagebackgroundalphanumberset();

    [13162] =>         }

    [13163] =>         addEventListener("load", passagebackgroundalphanumberload);

    [13164] => 

    [13165] =>         function passagebackgroundalphanumberset()

    [13166] =>         {

    [13167] =>             const c = passagebackgroundcolorcolor.value;

    [13168] =>             const r = parseInt(c.slice(1,3),16);

    [13169] =>             const g = parseInt(c.slice(3,5),16);

    [13170] =>             const b = parseInt(c.slice(5,7),16);

    [13171] =>             const a = passagebackgroundalphanumber.value;

    [13172] => 

    [13173] =>             passagebackgroundalpharange.value = a;

    [13174] =>             text.passagebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;

    [13175] =>         }

    [13176] => 

    [13177] =>         function passagebackgroundalphanumberupdate()

    [13178] =>         {

    [13179] =>             passagebackgroundalphanumberset();

    [13180] =>             svgupdate();

    [13181] =>         }

    [13182] => 

    [13183] =>         function passagebackgroundalpharangeload()

    [13184] =>         {

    [13185] =>             const input = document.createElement("input");

    [13186] =>             input.id = "passagebackgroundalpharange";

    [13187] =>             input.max = passagebackgroundalphanumber.max;

    [13188] =>             input.min = passagebackgroundalphanumber.min;

    [13189] =>             input.step = passagebackgroundalphanumber.step;

    [13190] =>             input.type = "range";

    [13191] =>             input.value = passagebackgroundalphanumber.value;

    [13192] =>             input.addEventListener("input", passagebackgroundalpharangeupdate);

    [13193] =>             passagebackgroundalpha.append(input);

    [13194] => 

    [13195] =>             passagebackgroundalpharangeset();

    [13196] =>         }

    [13197] =>         addEventListener("load", passagebackgroundalpharangeload);

    [13198] => 

    [13199] =>         function passagebackgroundalpharangeset()

    [13200] =>         {

    [13201] =>             const c = passagebackgroundcolorcolor.value;

    [13202] =>             const r = parseInt(c.slice(1,3),16);

    [13203] =>             const g = parseInt(c.slice(3,5),16);

    [13204] =>             const b = parseInt(c.slice(5,7),16);

    [13205] =>             const a = passagebackgroundalpharange.value;

    [13206] => 

    [13207] =>             passagebackgroundalphanumber.value = a;

    [13208] =>             text.passagebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;

    [13209] =>         }

    [13210] => 

    [13211] =>         function passagebackgroundalpharangeupdate()

    [13212] =>         {

    [13213] =>             passagebackgroundalpharangeset();

    [13214] =>             svgupdate();

    [13215] =>         }

    [13216] => 

    [13217] =>         function passagebackgroundalphaexactload()

    [13218] =>         {

    [13219] =>             const br = document.createElement("br");

    [13220] =>             passagebackgroundalpha.append(br);

    [13221] => 

    [13222] =>             const array =

    [13223] =>             [

    [13224] =>                 ["0",0],

    [13225] =>                 ["0.25",0.25],

    [13226] =>                 ["0.5",0.5],

    [13227] =>                 ["0.75",0.75],

    [13228] =>                 ["1",1],

    [13229] =>             ];

    [13230] => 

    [13231] =>             for(const value of array)

    [13232] =>             {

    [13233] =>                 const button = document.createElement("button");

    [13234] =>                 button.innerHTML = value[0];

    [13235] =>                 button.value = value[1];

    [13236] =>                 button.addEventListener("click", passagebackgroundalphaexactupdate);

    [13237] =>                 passagebackgroundalpha.append(button);

    [13238] =>             }

    [13239] =>         }

    [13240] =>         addEventListener("load", passagebackgroundalphaexactload);

    [13241] => 

    [13242] =>         function passagebackgroundalphaexactupdate(e)

    [13243] =>         {

    [13244] =>             passagebackgroundalphanumber.value = Number(e.target.value);

    [13245] => 

    [13246] =>             passagebackgroundalphanumberupdate();

    [13247] =>         }

    [13248] => 

    [13249] =>         function passagebackgroundalphaincrementload()

    [13250] =>         {

    [13251] =>             const br = document.createElement("br");

    [13252] =>             passagebackgroundalpha.append(br);

    [13253] => 

    [13254] =>             const array =

    [13255] =>             [

    [13256] =>                 ["-0.1",-0.1],

    [13257] =>                 ["-0.01",-0.01],

    [13258] =>                 ["+0.01",0.01],

    [13259] =>                 ["+0.1",0.1],

    [13260] =>             ];

    [13261] => 

    [13262] =>             for(const value of array)

    [13263] =>             {

    [13264] =>                 const button = document.createElement("button");

    [13265] =>                 button.innerHTML = value[0];

    [13266] =>                 button.value = value[1];

    [13267] =>                 button.addEventListener("click", passagebackgroundalphaincrementupdate);

    [13268] =>                 passagebackgroundalpha.append(button);

    [13269] =>             }

    [13270] =>         }

    [13271] =>         addEventListener("load", passagebackgroundalphaincrementload);

    [13272] => 

    [13273] =>         function passagebackgroundalphaincrementupdate(e)

    [13274] =>         {

    [13275] =>             let v = Number(passagebackgroundalphanumber.value) + Number(e.target.value);

    [13276] =>             v = parseFloat(v.toFixed(2));

    [13277] => 

    [13278] =>             if((passagebackgroundalphanumber.min <= v) && (v <= passagebackgroundalphanumber.max))

    [13279] =>             {

    [13280] =>                 passagebackgroundalphanumber.value = v;

    [13281] => 

    [13282] =>                 passagebackgroundalphanumberupdate();

    [13283] =>             }

    [13284] =>         }

    [13285] => 

    [13286] => 

    [13287] => 

    [13288] =>         function passagebordercolorload()

    [13289] =>         {

    [13290] =>             const div = document.createElement("div");

    [13291] =>             div.id = "passagebordercolor";

    [13292] =>             div.innerHTML = "border-color";

    [13293] =>             tabcontentpassage.append(div);

    [13294] =>         }

    [13295] =>         addEventListener("load", passagebordercolorload);

    [13296] => 

    [13297] =>         function passagebordercolorcolorload()

    [13298] =>         {

    [13299] =>             const br = document.createElement("br");

    [13300] =>             passagebordercolor.append(br);

    [13301] => 

    [13302] =>             const input = document.createElement("input");

    [13303] =>             input.id = "passagebordercolorcolor";

    [13304] =>             input.type = "color";

    [13305] =>             input.value = "#000000";

    [13306] =>             input.addEventListener("input", passagebordercolorcolorupdate);

    [13307] =>             passagebordercolor.append(input);

    [13308] => 

    [13309] =>             //passagebordercolorcolorset();

    [13310] =>         }

    [13311] =>         addEventListener("load", passagebordercolorcolorload);

    [13312] => 

    [13313] =>         function passagebordercolorcolorset()

    [13314] =>         {

    [13315] =>             const c = passagebordercolorcolor.value;

    [13316] =>             const r = parseInt(c.slice(1,3),16);

    [13317] =>             const g = parseInt(c.slice(3,5),16);

    [13318] =>             const b = parseInt(c.slice(5,7),16);

    [13319] =>             const a = passageborderalphanumber.value;

    [13320] => 

    [13321] =>             text.passagebordercolor = `rgb(${r} ${g} ${b} / ${a})`;

    [13322] =>         }

    [13323] => 

    [13324] =>         function passagebordercolorcolorupdate()

    [13325] =>         {

    [13326] =>             passagebordercolorcolorset();

    [13327] =>             svgupdate();

    [13328] =>         }

    [13329] => 

    [13330] =>         function passagebordercolorexactload()

    [13331] =>         {

    [13332] =>             const br = document.createElement("br");

    [13333] =>             passagebordercolor.append(br);

    [13334] => 

    [13335] =>             const array =

    [13336] =>             [

    [13337] =>                 ["black","#000000"],

    [13338] =>                 ["white","#ffffff"],

    [13339] =>             ];

    [13340] => 

    [13341] =>             for(const value of array)

    [13342] =>             {

    [13343] =>                 const button = document.createElement("button");

    [13344] =>                 button.innerHTML = value[0];

    [13345] =>                 button.value = value[1];

    [13346] =>                 button.addEventListener("click", passagebordercolorexactupdate);

    [13347] =>                 passagebordercolor.append(button);

    [13348] =>             }

    [13349] =>         }

    [13350] =>         addEventListener("load", passagebordercolorexactload);

    [13351] => 

    [13352] =>         function passagebordercolorexactupdate(e)

    [13353] =>         {

    [13354] =>             passagebordercolorcolor.value = e.target.value;

    [13355] => 

    [13356] =>             passagebordercolorcolorupdate();

    [13357] =>         }

    [13358] => 

    [13359] => 

    [13360] => 

    [13361] =>         function passageborderalphaload()

    [13362] =>         {

    [13363] =>             const div = document.createElement("div");

    [13364] =>             div.id = "passageborderalpha";

    [13365] =>             div.innerHTML = "border-alpha";

    [13366] =>             tabcontentpassage.append(div);

    [13367] => 

    [13368] =>             const style = div.style;

    [13369] =>             style.overflowY = "hidden";

    [13370] =>             style.whiteSpace = "nowrap";

    [13371] =>         }

    [13372] =>         addEventListener("load", passageborderalphaload);

    [13373] => 

    [13374] =>         function passageborderalphanumberload()

    [13375] =>         {

    [13376] =>             const br = document.createElement("br");

    [13377] =>             passageborderalpha.append(br);

    [13378] => 

    [13379] =>             const input = document.createElement("input");

    [13380] =>             input.id = "passageborderalphanumber";

    [13381] =>             input.max = 1;

    [13382] =>             input.min = 0;

    [13383] =>             input.step = 0.01;

    [13384] =>             input.type = "number";

    [13385] =>             input.value = 1;

    [13386] =>             input.addEventListener("input", passageborderalphanumberupdate);

    [13387] =>             passageborderalpha.append(input);

    [13388] => 

    [13389] =>             //passageborderalphanumberset();

    [13390] =>         }

    [13391] =>         addEventListener("load", passageborderalphanumberload);

    [13392] => 

    [13393] =>         function passageborderalphanumberset()

    [13394] =>         {

    [13395] =>             const c = passagebordercolorcolor.value;

    [13396] =>             const r = parseInt(c.slice(1,3),16);

    [13397] =>             const g = parseInt(c.slice(3,5),16);

    [13398] =>             const b = parseInt(c.slice(5,7),16);

    [13399] =>             const a = passageborderalphanumber.value;

    [13400] => 

    [13401] =>             passageborderalpharange.value = a;

    [13402] =>             text.passagebordercolor = `rgb(${r} ${g} ${b} / ${a})`;

    [13403] =>         }

    [13404] => 

    [13405] =>         function passageborderalphanumberupdate()

    [13406] =>         {

    [13407] =>             passageborderalphanumberset();

    [13408] =>             svgupdate();

    [13409] =>         }

    [13410] => 

    [13411] =>         function passageborderalpharangeload()

    [13412] =>         {

    [13413] =>             const input = document.createElement("input");

    [13414] =>             input.id = "passageborderalpharange";

    [13415] =>             input.max = passageborderalphanumber.max;

    [13416] =>             input.min = passageborderalphanumber.min;

    [13417] =>             input.step = passageborderalphanumber.step;

    [13418] =>             input.type = "range";

    [13419] =>             input.value = passageborderalphanumber.value;

    [13420] =>             input.addEventListener("input", passageborderalpharangeupdate);

    [13421] =>             passageborderalpha.append(input);

    [13422] => 

    [13423] =>             passageborderalpharangeset();

    [13424] =>         }

    [13425] =>         addEventListener("load", passageborderalpharangeload);

    [13426] => 

    [13427] =>         function passageborderalpharangeset()

    [13428] =>         {

    [13429] =>             const c = passagebordercolorcolor.value;

    [13430] =>             const r = parseInt(c.slice(1,3),16);

    [13431] =>             const g = parseInt(c.slice(3,5),16);

    [13432] =>             const b = parseInt(c.slice(5,7),16);

    [13433] =>             const a = passageborderalpharange.value;

    [13434] => 

    [13435] =>             passageborderalphanumber.value = a;

    [13436] =>             text.passagebordercolor = `rgb(${r} ${g} ${b} / ${a})`;

    [13437] =>         }

    [13438] => 

    [13439] =>         function passageborderalpharangeupdate()

    [13440] =>         {

    [13441] =>             passageborderalpharangeset();

    [13442] =>             svgupdate();

    [13443] =>         }

    [13444] => 

    [13445] =>         function passageborderalphaexactload()

    [13446] =>         {

    [13447] =>             const br = document.createElement("br");

    [13448] =>             passageborderalpha.append(br);

    [13449] => 

    [13450] =>             const array =

    [13451] =>             [

    [13452] =>                 ["0",0],

    [13453] =>                 ["0.25",0.25],

    [13454] =>                 ["0.5",0.5],

    [13455] =>                 ["0.75",0.75],

    [13456] =>                 ["1",1],

    [13457] =>             ];

    [13458] => 

    [13459] =>             for(const value of array)

    [13460] =>             {

    [13461] =>                 const button = document.createElement("button");

    [13462] =>                 button.innerHTML = value[0];

    [13463] =>                 button.value = value[1];

    [13464] =>                 button.addEventListener("click", passageborderalphaexactupdate);

    [13465] =>                 passageborderalpha.append(button);

    [13466] =>             }

    [13467] =>         }

    [13468] =>         addEventListener("load", passageborderalphaexactload);

    [13469] => 

    [13470] =>         function passageborderalphaexactupdate(e)

    [13471] =>         {

    [13472] =>             passageborderalphanumber.value = Number(e.target.value);

    [13473] => 

    [13474] =>             passageborderalphanumberupdate();

    [13475] =>         }

    [13476] => 

    [13477] =>         function passageborderalphaincrementload()

    [13478] =>         {

    [13479] =>             const br = document.createElement("br");

    [13480] =>             passageborderalpha.append(br);

    [13481] => 

    [13482] =>             const array =

    [13483] =>             [

    [13484] =>                 ["-0.1",-0.1],

    [13485] =>                 ["-0.01",-0.01],

    [13486] =>                 ["+0.01",0.01],

    [13487] =>                 ["+0.1",0.1],

    [13488] =>             ];

    [13489] => 

    [13490] =>             for(const value of array)

    [13491] =>             {

    [13492] =>                 const button = document.createElement("button");

    [13493] =>                 button.innerHTML = value[0];

    [13494] =>                 button.value = value[1];

    [13495] =>                 button.addEventListener("click", passageborderalphaincrementupdate);

    [13496] =>                 passageborderalpha.append(button);

    [13497] =>             }

    [13498] =>         }

    [13499] =>         addEventListener("load", passageborderalphaincrementload);

    [13500] => 

    [13501] =>         function passageborderalphaincrementupdate(e)

    [13502] =>         {

    [13503] =>             let v = Number(passageborderalphanumber.value) + Number(e.target.value);

    [13504] =>             v = parseFloat(v.toFixed(2));

    [13505] => 

    [13506] =>             if((passageborderalphanumber.min <= v) && (v <= passageborderalphanumber.max))

    [13507] =>             {

    [13508] =>                 passageborderalphanumber.value = v;

    [13509] => 

    [13510] =>                 passageborderalphanumberupdate();

    [13511] =>             }

    [13512] =>         }

    [13513] => 

    [13514] => 

    [13515] => 

    [13516] =>         function passageborderradiusload()

    [13517] =>         {

    [13518] =>             const div = document.createElement("div");

    [13519] =>             div.id = "passageborderradius";

    [13520] =>             div.innerHTML = "border-radius";

    [13521] =>             tabcontentpassage.append(div);

    [13522] => 

    [13523] =>             const style = div.style;

    [13524] =>             style.overflowY = "hidden";

    [13525] =>             style.whiteSpace = "nowrap";

    [13526] =>         }

    [13527] =>         addEventListener("load", passageborderradiusload);

    [13528] => 

    [13529] =>         function passageborderradiusnumberload()

    [13530] =>         {

    [13531] =>             const br = document.createElement("br");

    [13532] =>             passageborderradius.append(br);

    [13533] => 

    [13534] =>             const input = document.createElement("input");

    [13535] =>             input.id = "passageborderradiusnumber";

    [13536] =>             input.max = 1000;

    [13537] =>             input.min = 0;

    [13538] =>             input.type = "number";

    [13539] =>             input.value = 50;

    [13540] =>             input.addEventListener("input", passageborderradiusnumberupdate);

    [13541] =>             passageborderradius.append(input);

    [13542] => 

    [13543] =>             //passageborderradiusnumberset();

    [13544] =>         }

    [13545] =>         addEventListener("load", passageborderradiusnumberload);

    [13546] => 

    [13547] =>         function passageborderradiusnumberset()

    [13548] =>         {

    [13549] =>             const v = Number(passageborderradiusnumber.value);

    [13550] => 

    [13551] =>             passageborderradiusrange.value = v;

    [13552] =>             text.passageborderradius = v;

    [13553] =>         }

    [13554] => 

    [13555] =>         function passageborderradiusnumberupdate()

    [13556] =>         {

    [13557] =>             passageborderradiusnumberset();

    [13558] =>             svgupdate();

    [13559] =>         }

    [13560] => 

    [13561] =>         function passageborderradiusrangeload()

    [13562] =>         {

    [13563] =>             const input = document.createElement("input");

    [13564] =>             input.id = "passageborderradiusrange";

    [13565] =>             input.max = passageborderradiusnumber.max;

    [13566] =>             input.min = passageborderradiusnumber.min;

    [13567] =>             input.type = "range";

    [13568] =>             input.value = passageborderradiusnumber.value;

    [13569] =>             input.addEventListener("input", passageborderradiusrangeupdate);

    [13570] =>             passageborderradius.append(input);

    [13571] => 

    [13572] =>             passageborderradiusrangeset();

    [13573] =>         }

    [13574] =>         addEventListener("load", passageborderradiusrangeload);

    [13575] => 

    [13576] =>         function passageborderradiusrangeset()

    [13577] =>         {

    [13578] =>             const v = Number(passageborderradiusrange.value);

    [13579] => 

    [13580] =>             passageborderradiusnumber.value = v;

    [13581] =>             text.passageborderradius = v;

    [13582] =>         }

    [13583] => 

    [13584] =>         function passageborderradiusrangeupdate()

    [13585] =>         {

    [13586] =>             passageborderradiusrangeset();

    [13587] =>             svgupdate();

    [13588] =>         }

    [13589] => 

    [13590] =>         function passageborderradiusexactload()

    [13591] =>         {

    [13592] =>             const br = document.createElement("br");

    [13593] =>             passageborderradius.append(br);

    [13594] => 

    [13595] =>             const array =

    [13596] =>             [

    [13597] =>                 ["0",0],

    [13598] =>                 ["50",50],

    [13599] =>                 ["100",100],

    [13600] =>                 ["250",250],

    [13601] =>                 ["500",500],

    [13602] =>                 ["1000",1000],

    [13603] =>             ];

    [13604] => 

    [13605] =>             for(const value of array)

    [13606] =>             {

    [13607] =>                 const button = document.createElement("button");

    [13608] =>                 button.innerHTML = value[0];

    [13609] =>                 button.value = value[1];

    [13610] =>                 button.addEventListener("click", passageborderradiusexactupdate);

    [13611] =>                 passageborderradius.append(button);

    [13612] =>             }

    [13613] =>         }

    [13614] =>         addEventListener("load", passageborderradiusexactload);

    [13615] => 

    [13616] =>         function passageborderradiusexactupdate(e)

    [13617] =>         {

    [13618] =>             passageborderradiusnumber.value = Number(e.target.value);

    [13619] => 

    [13620] =>             passageborderradiusnumberupdate();

    [13621] =>         }

    [13622] => 

    [13623] =>         function passageborderradiusincrementload()

    [13624] =>         {

    [13625] =>             const br = document.createElement("br");

    [13626] =>             passageborderradius.append(br);

    [13627] => 

    [13628] =>             const array =

    [13629] =>             [

    [13630] =>                 ["-100",-100],

    [13631] =>                 ["-10",-10],

    [13632] =>                 ["-1",-1],

    [13633] =>                 ["+1",1],

    [13634] =>                 ["+10",10],

    [13635] =>                 ["+100",100],

    [13636] =>             ];

    [13637] => 

    [13638] =>             for(const value of array)

    [13639] =>             {

    [13640] =>                 const button = document.createElement("button");

    [13641] =>                 button.innerHTML = value[0];

    [13642] =>                 button.value = value[1];

    [13643] =>                 button.addEventListener("click", passageborderradiusincrementupdate);

    [13644] =>                 passageborderradius.append(button);

    [13645] =>             }

    [13646] =>         }

    [13647] =>         addEventListener("load", passageborderradiusincrementload);

    [13648] => 

    [13649] =>         function passageborderradiusincrementupdate(e)

    [13650] =>         {

    [13651] =>             const v = Number(passageborderradiusnumber.value) + Number(e.target.value);

    [13652] => 

    [13653] =>             if((passageborderradiusnumber.min <= v) && (v <= passageborderradiusnumber.max))

    [13654] =>             {

    [13655] =>                 passageborderradiusnumber.value = v;

    [13656] => 

    [13657] =>                 passageborderradiusnumberupdate();

    [13658] =>             }

    [13659] =>         }

    [13660] => 

    [13661] => 

    [13662] => 

    [13663] =>         function passageborderstyleload()

    [13664] =>         {

    [13665] =>             const div = document.createElement("div");

    [13666] =>             div.id = "passageborderstyle";

    [13667] =>             div.innerHTML = "border-style";

    [13668] =>             tabcontentpassage.append(div);

    [13669] =>         }

    [13670] =>         addEventListener("load", passageborderstyleload);

    [13671] => 

    [13672] =>         function passageborderstyleselectload()

    [13673] =>         {

    [13674] =>             const br = document.createElement("br");

    [13675] =>             passageborderstyle.append(br);

    [13676] => 

    [13677] =>             const select = document.createElement("select");

    [13678] =>             select.id = "passageborderstyleselect";

    [13679] =>             select.addEventListener("input", passageborderstyleselectupdate);

    [13680] =>             passageborderstyle.append(select);

    [13681] => 

    [13682] =>             for(const value of borderstylearray)

    [13683] =>             {

    [13684] =>                 const option = document.createElement("option");

    [13685] =>                 option.innerHTML = value;

    [13686] =>                 select.add(option);

    [13687] =>             }

    [13688] => 

    [13689] =>             //select.value = borderstylearray[8];

    [13690] => 

    [13691] =>             passageborderstyleselectset();

    [13692] =>         }

    [13693] =>         addEventListener("load", passageborderstyleselectload);

    [13694] => 

    [13695] =>         function passageborderstyleselectset()

    [13696] =>         {

    [13697] =>             text.passageborderstyle = passageborderstyleselect.value;

    [13698] =>         }

    [13699] => 

    [13700] =>         function passageborderstyleselectupdate()

    [13701] =>         {

    [13702] =>             passageborderstyleselectset();

    [13703] =>             svgupdate();

    [13704] =>         }

    [13705] => 

    [13706] => 

    [13707] => 

    [13708] =>         function passageborderwidthload()

    [13709] =>         {

    [13710] =>             const div = document.createElement("div");

    [13711] =>             div.id = "passageborderwidth";

    [13712] =>             div.innerHTML = "border-width";

    [13713] =>             tabcontentpassage.append(div);

    [13714] => 

    [13715] =>             const style = div.style;

    [13716] =>             style.overflowY = "hidden";

    [13717] =>             style.whiteSpace = "nowrap";

    [13718] =>         }

    [13719] =>         addEventListener("load", passageborderwidthload);

    [13720] => 

    [13721] =>         function passageborderwidthnumberload()

    [13722] =>         {

    [13723] =>             const br = document.createElement("br");

    [13724] =>             passageborderwidth.append(br);

    [13725] => 

    [13726] =>             const input = document.createElement("input");

    [13727] =>             input.id = "passageborderwidthnumber";

    [13728] =>             input.max = 1000;

    [13729] =>             input.min = 0;

    [13730] =>             input.type = "number";

    [13731] =>             input.value = 25;

    [13732] =>             input.addEventListener("input", passageborderwidthnumberupdate);

    [13733] =>             passageborderwidth.append(input);

    [13734] => 

    [13735] =>             //passageborderwidthnumberset();

    [13736] =>         }

    [13737] =>         addEventListener("load", passageborderwidthnumberload);

    [13738] => 

    [13739] =>         function passageborderwidthnumberset()

    [13740] =>         {

    [13741] =>             const v = Number(passageborderwidthnumber.value);

    [13742] => 

    [13743] =>             passageborderwidthrange.value = v;

    [13744] =>             text.passageborderwidth = v;

    [13745] =>         }

    [13746] => 

    [13747] =>         function passageborderwidthnumberupdate()

    [13748] =>         {

    [13749] =>             passageborderwidthnumberset();

    [13750] =>             svgupdate();

    [13751] =>         }

    [13752] => 

    [13753] =>         function passageborderwidthrangeload()

    [13754] =>         {

    [13755] =>             const input = document.createElement("input");

    [13756] =>             input.id = "passageborderwidthrange";

    [13757] =>             input.max = passageborderwidthnumber.max;

    [13758] =>             input.min = passageborderwidthnumber.min;

    [13759] =>             input.type = "range";

    [13760] =>             input.value = passageborderwidthnumber.value;

    [13761] =>             input.addEventListener("input", passageborderwidthrangeupdate);

    [13762] =>             passageborderwidth.append(input);

    [13763] => 

    [13764] =>             passageborderwidthrangeset();

    [13765] =>         }

    [13766] =>         addEventListener("load", passageborderwidthrangeload);

    [13767] => 

    [13768] =>         function passageborderwidthrangeset()

    [13769] =>         {

    [13770] =>             const v = Number(passageborderwidthrange.value);

    [13771] => 

    [13772] =>             passageborderwidthnumber.value = v;

    [13773] =>             text.passageborderwidth = v;

    [13774] =>         }

    [13775] => 

    [13776] =>         function passageborderwidthrangeupdate()

    [13777] =>         {

    [13778] =>             passageborderwidthrangeset();

    [13779] =>             svgupdate();

    [13780] =>         }

    [13781] => 

    [13782] =>         function passageborderwidthexactload()

    [13783] =>         {

    [13784] =>             const br = document.createElement("br");

    [13785] =>             passageborderwidth.append(br);

    [13786] => 

    [13787] =>             const array =

    [13788] =>             [

    [13789] =>                 ["0",0],

    [13790] =>                 ["50",50],

    [13791] =>                 ["100",100],

    [13792] =>                 ["250",250],

    [13793] =>                 ["500",500],

    [13794] =>                 ["1000",1000],

    [13795] =>             ];

    [13796] => 

    [13797] =>             for(const value of array)

    [13798] =>             {

    [13799] =>                 const button = document.createElement("button");

    [13800] =>                 button.innerHTML = value[0];

    [13801] =>                 button.value = value[1];

    [13802] =>                 button.addEventListener("click", passageborderwidthexactupdate);

    [13803] =>                 passageborderwidth.append(button);

    [13804] =>             }

    [13805] =>         }

    [13806] =>         addEventListener("load", passageborderwidthexactload);

    [13807] => 

    [13808] =>         function passageborderwidthexactupdate(e)

    [13809] =>         {

    [13810] =>             passageborderwidthnumber.value = Number(e.target.value);

    [13811] => 

    [13812] =>             passageborderwidthnumberupdate();

    [13813] =>         }

    [13814] => 

    [13815] =>         function passageborderwidthincrementload()

    [13816] =>         {

    [13817] =>             const br = document.createElement("br");

    [13818] =>             passageborderwidth.append(br);

    [13819] => 

    [13820] =>             const array =

    [13821] =>             [

    [13822] =>                 ["-100",-100],

    [13823] =>                 ["-10",-10],

    [13824] =>                 ["-1",-1],

    [13825] =>                 ["+1",1],

    [13826] =>                 ["+10",10],

    [13827] =>                 ["+100",100],

    [13828] =>             ];

    [13829] => 

    [13830] =>             for(const value of array)

    [13831] =>             {

    [13832] =>                 const button = document.createElement("button");

    [13833] =>                 button.innerHTML = value[0];

    [13834] =>                 button.value = value[1];

    [13835] =>                 button.addEventListener("click", passageborderwidthincrementupdate);

    [13836] =>                 passageborderwidth.append(button);

    [13837] =>             }

    [13838] =>         }

    [13839] =>         addEventListener("load", passageborderwidthincrementload);

    [13840] => 

    [13841] =>         function passageborderwidthincrementupdate(e)

    [13842] =>         {

    [13843] =>             const v = Number(passageborderwidthnumber.value) + Number(e.target.value);

    [13844] => 

    [13845] =>             if((passageborderwidthnumber.min <= v) && (v <= passageborderwidthnumber.max))

    [13846] =>             {

    [13847] =>                 passageborderwidthnumber.value = v;

    [13848] => 

    [13849] =>                 passageborderwidthnumberupdate();

    [13850] =>             }

    [13851] =>         }

    [13852] => 

    [13853] => 

    [13854] => 

    [13855] =>         function passagehorizontalload()

    [13856] =>         {

    [13857] =>             const div = document.createElement("div");

    [13858] =>             div.id = "passagehorizontal";

    [13859] =>             div.innerHTML = "horizontal";

    [13860] =>             tabcontentpassage.append(div);

    [13861] =>         }

    [13862] =>         addEventListener("load", passagehorizontalload);

    [13863] => 

    [13864] =>         function passagehorizontalselectload()

    [13865] =>         {

    [13866] =>             const br = document.createElement("br");

    [13867] =>             passagehorizontal.append(br);

    [13868] => 

    [13869] =>             const select = document.createElement("select");

    [13870] =>             select.id = "passagehorizontalselect";

    [13871] =>             select.addEventListener("input", passagehorizontalselectupdate);

    [13872] =>             passagehorizontal.append(select);

    [13873] => 

    [13874] =>             for(const value of horizontalarray)

    [13875] =>             {

    [13876] =>                 const option = document.createElement("option");

    [13877] =>                 option.innerHTML = value;

    [13878] =>                 select.add(option);

    [13879] =>             }

    [13880] => 

    [13881] =>             select.value = horizontalarray[1];

    [13882] => 

    [13883] =>             passagehorizontalselectset();

    [13884] =>         }

    [13885] =>         addEventListener("load", passagehorizontalselectload);

    [13886] => 

    [13887] =>         function passagehorizontalselectset()

    [13888] =>         {

    [13889] =>             text.passagehorizontal = passagehorizontalselect.value;

    [13890] =>         }

    [13891] => 

    [13892] =>         function passagehorizontalselectupdate()

    [13893] =>         {

    [13894] =>             passagehorizontalselectset();

    [13895] =>             svgupdate();

    [13896] =>         }

    [13897] => 

    [13898] => 

    [13899] => 

    [13900] =>         function passageverticalload()

    [13901] =>         {

    [13902] =>             const div = document.createElement("div");

    [13903] =>             div.id = "passagevertical";

    [13904] =>             div.innerHTML = "vertical";

    [13905] =>             tabcontentpassage.append(div);

    [13906] =>         }

    [13907] =>         addEventListener("load", passageverticalload);

    [13908] => 

    [13909] =>         function passageverticalselectload()

    [13910] =>         {

    [13911] =>             const br = document.createElement("br");

    [13912] =>             passagevertical.append(br);

    [13913] => 

    [13914] =>             const select = document.createElement("select");

    [13915] =>             select.id = "passageverticalselect";

    [13916] =>             select.addEventListener("input", passageverticalselectupdate);

    [13917] =>             passagevertical.append(select);

    [13918] => 

    [13919] =>             for(const value of verticalarray)

    [13920] =>             {

    [13921] =>                 const option = document.createElement("option");

    [13922] =>                 option.innerHTML = value;

    [13923] =>                 select.add(option);

    [13924] =>             }

    [13925] => 

    [13926] =>             select.value = verticalarray[1];

    [13927] => 

    [13928] =>             passageverticalselectset();

    [13929] =>         }

    [13930] =>         addEventListener("load", passageverticalselectload);

    [13931] => 

    [13932] =>         function passageverticalselectset()

    [13933] =>         {

    [13934] =>             text.passagevertical = passageverticalselect.value;

    [13935] =>         }

    [13936] => 

    [13937] =>         function passageverticalselectupdate()

    [13938] =>         {

    [13939] =>             passageverticalselectset();

    [13940] =>             svgupdate();

    [13941] =>         }

    [13942] => 

    [13943] => 

    [13944] => 

    [13945] =>         function passagewritingmodeload()

    [13946] =>         {

    [13947] =>             const div = document.createElement("div");

    [13948] =>             div.id = "passagewritingmode";

    [13949] =>             div.innerHTML = "writing-mode";

    [13950] =>             tabcontentpassage.append(div);

    [13951] =>         }

    [13952] =>         addEventListener("load", passagewritingmodeload);

    [13953] => 

    [13954] =>         function passagewritingmodeselectload()

    [13955] =>         {

    [13956] =>             const br = document.createElement("br");

    [13957] =>             passagewritingmode.append(br);

    [13958] => 

    [13959] =>             const select = document.createElement("select");

    [13960] =>             select.id = "passagewritingmodeselect";

    [13961] =>             select.addEventListener("input", passagewritingmodeselectupdate);

    [13962] =>             passagewritingmode.append(select);

    [13963] => 

    [13964] =>             for(const value of writingmodearray)

    [13965] =>             {

    [13966] =>                 const option = document.createElement("option");

    [13967] =>                 option.innerHTML = value;

    [13968] =>                 select.add(option);

    [13969] =>             }

    [13970] => 

    [13971] =>             passagewritingmodeselectset();

    [13972] =>         }

    [13973] =>         addEventListener("load", passagewritingmodeselectload);

    [13974] => 

    [13975] =>         function passagewritingmodeselectset()

    [13976] =>         {

    [13977] =>             text.passagewritingmode = passagewritingmodeselect.value;

    [13978] =>         }

    [13979] => 

    [13980] =>         function passagewritingmodeselectupdate()

    [13981] =>         {

    [13982] =>             passagewritingmodeselectset();

    [13983] =>             svgupdate();

    [13984] =>         }

    [13985] => 

    [13986] => 

    [13987] => 

    [13988] =>         function passagefontfamilyload()

    [13989] =>         {

    [13990] =>             const div = document.createElement("div");

    [13991] =>             div.id = "passagefontfamily";

    [13992] =>             div.innerHTML = "font-family";

    [13993] =>             tabcontentpassage.append(div);

    [13994] =>         }

    [13995] =>         addEventListener("load", passagefontfamilyload);

    [13996] => 

    [13997] =>         function passagefontfamilyselectload()

    [13998] =>         {

    [13999] =>             const br = document.createElement("br");

    [14000] =>             passagefontfamily.append(br);

    [14001] => 

    [14002] =>             const select = document.createElement("select");

    [14003] =>             select.id = "passagefontfamilyselect";

    [14004] =>             select.addEventListener("input", passagefontfamilyselectupdate);

    [14005] =>             passagefontfamily.append(select);

    [14006] => 

    [14007] =>             for(const value of fontfamilyarray)

    [14008] =>             {

    [14009] =>                 const option = document.createElement("option");

    [14010] =>                 option.innerHTML = value;

    [14011] =>                 select.add(option);

    [14012] =>             }

    [14013] => 

    [14014] =>             passagefontfamilyselectset();

    [14015] =>         }

    [14016] =>         addEventListener("load", passagefontfamilyselectload);

    [14017] => 

    [14018] =>         function passagefontfamilyselectset()

    [14019] =>         {

    [14020] =>             text.passagefontfamily = passagefontfamilyselect.value;

    [14021] =>         }

    [14022] => 

    [14023] =>         function passagefontfamilyselectupdate()

    [14024] =>         {

    [14025] =>             passagefontfamilyselectset();

    [14026] =>             svgupdate();

    [14027] =>         }

    [14028] => 

    [14029] => 

    [14030] => 

    [14031] =>         function passagefontsizeload()

    [14032] =>         {

    [14033] =>             const div = document.createElement("div");

    [14034] =>             div.id = "passagefontsize";

    [14035] =>             div.innerHTML = "font-size";

    [14036] =>             tabcontentpassage.append(div);

    [14037] =>         }

    [14038] =>         addEventListener("load", passagefontsizeload);

    [14039] => 

    [14040] =>         function passagefontsizenumberload()

    [14041] =>         {

    [14042] =>             const br = document.createElement("br");

    [14043] =>             passagefontsize.append(br);

    [14044] => 

    [14045] =>             const input = document.createElement("input");

    [14046] =>             input.id = "passagefontsizenumber";

    [14047] =>             input.max = 1000;

    [14048] =>             input.min = 0;

    [14049] =>             input.type = "number";

    [14050] =>             input.value = 60;

    [14051] =>             input.addEventListener("input", passagefontsizenumberupdate);

    [14052] =>             passagefontsize.append(input);

    [14053] => 

    [14054] =>             //passagefontsizenumberset();

    [14055] =>         }

    [14056] =>         addEventListener("load", passagefontsizenumberload);

    [14057] => 

    [14058] =>         function passagefontsizenumberset()

    [14059] =>         {

    [14060] =>             const v = Number(passagefontsizenumber.value);

    [14061] => 

    [14062] =>             passagefontsizerange.value = v;

    [14063] =>             text.passagefontsize = v;

    [14064] =>         }

    [14065] => 

    [14066] =>         function passagefontsizenumberupdate()

    [14067] =>         {

    [14068] =>             passagefontsizenumberset();

    [14069] =>             svgupdate();

    [14070] =>         }

    [14071] => 

    [14072] =>         function passagefontsizerangeload()

    [14073] =>         {

    [14074] =>             const input = document.createElement("input");

    [14075] =>             input.id = "passagefontsizerange";

    [14076] =>             input.max = passagefontsizenumber.max;

    [14077] =>             input.min = passagefontsizenumber.min;

    [14078] =>             input.type = "range";

    [14079] =>             input.value = passagefontsizenumber.value;

    [14080] =>             input.addEventListener("input", passagefontsizerangeupdate);

    [14081] =>             passagefontsize.append(input);

    [14082] => 

    [14083] =>             passagefontsizerangeset();

    [14084] =>         }

    [14085] =>         addEventListener("load", passagefontsizerangeload);

    [14086] => 

    [14087] =>         function passagefontsizerangeset()

    [14088] =>         {

    [14089] =>             const v = Number(passagefontsizerange.value);

    [14090] => 

    [14091] =>             passagefontsizenumber.value = v;

    [14092] =>             text.passagefontsize = v;

    [14093] =>         }

    [14094] => 

    [14095] =>         function passagefontsizerangeupdate()

    [14096] =>         {

    [14097] =>             passagefontsizerangeset();

    [14098] =>             svgupdate();

    [14099] =>         }

    [14100] => 

    [14101] =>         function passagefontsizeexactload()

    [14102] =>         {

    [14103] =>             const br = document.createElement("br");

    [14104] =>             passagefontsize.append(br);

    [14105] => 

    [14106] =>             const array =

    [14107] =>             [

    [14108] =>                 ["0",0],

    [14109] =>                 ["50",50],

    [14110] =>                 ["100",100],

    [14111] =>                 ["250",250],

    [14112] =>                 ["500",500],

    [14113] =>                 ["1000",1000],

    [14114] =>             ];

    [14115] => 

    [14116] =>             for(const value of array)

    [14117] =>             {

    [14118] =>                 const button = document.createElement("button");

    [14119] =>                 button.innerHTML = value[0];

    [14120] =>                 button.value = value[1];

    [14121] =>                 button.addEventListener("click", passagefontsizeexactupdate);

    [14122] =>                 passagefontsize.append(button);

    [14123] =>             }

    [14124] =>         }

    [14125] =>         addEventListener("load", passagefontsizeexactload);

    [14126] => 

    [14127] =>         function passagefontsizeexactupdate(e)

    [14128] =>         {

    [14129] =>             passagefontsizenumber.value = Number(e.target.value);

    [14130] => 

    [14131] =>             passagefontsizenumberupdate();

    [14132] =>         }

    [14133] => 

    [14134] =>         function passagefontsizeincrementload()

    [14135] =>         {

    [14136] =>             const br = document.createElement("br");

    [14137] =>             passagefontsize.append(br);

    [14138] => 

    [14139] =>             const array =

    [14140] =>             [

    [14141] =>                 ["-100",-100],

    [14142] =>                 ["-10",-10],

    [14143] =>                 ["-1",-1],

    [14144] =>                 ["+1",1],

    [14145] =>                 ["+10",10],

    [14146] =>                 ["+100",100],

    [14147] =>             ];

    [14148] => 

    [14149] =>             for(const value of array)

    [14150] =>             {

    [14151] =>                 const button = document.createElement("button");

    [14152] =>                 button.innerHTML = value[0];

    [14153] =>                 button.value = value[1];

    [14154] =>                 button.addEventListener("click", passagefontsizeincrementupdate);

    [14155] =>                 passagefontsize.append(button);

    [14156] =>             }

    [14157] =>         }

    [14158] =>         addEventListener("load", passagefontsizeincrementload);

    [14159] => 

    [14160] =>         function passagefontsizeincrementupdate(e)

    [14161] =>         {

    [14162] =>             const v = Number(passagefontsizenumber.value) + Number(e.target.value);

    [14163] => 

    [14164] =>             if((passagefontsizenumber.min <= v) && (v <= passagefontsizenumber.max))

    [14165] =>             {

    [14166] =>                 passagefontsizenumber.value = v;

    [14167] => 

    [14168] =>                 passagefontsizenumberupdate();

    [14169] =>             }

    [14170] =>         }

    [14171] => 

    [14172] => /*

    [14173] =>         function passagefontsizefitload()

    [14174] =>         {

    [14175] =>             const button = document.createElement("button");

    [14176] =>             button.innerHTML = "fit";

    [14177] =>             button.addEventListener("click", passagefontsizefitupdate);

    [14178] =>             passagefontsize.append(button);

    [14179] =>         }

    [14180] =>         addEventListener("load", passagefontsizefitload);

    [14181] => 

    [14182] =>         function passagefontsizefitupdate()

    [14183] =>         {

    [14184] =>             const t = document.createElement("div");

    [14185] =>             passagefontsize.append(t);

    [14186] =>             t.innerHTML = text.bookname;

    [14187] =>             t.style.fontSize = `${passagefontsizenumber.value}px`;

    [14188] => 

    [14189] =>             const h1 = text.passagewidth;

    [14190] =>             const h2 = text.passageheight;

    [14191] =>             const h3 = t.offsetWidth;

    [14192] =>             const h4 = t.offsetHeight;

    [14193] =>             const h5 = passagefontsizenumber.value;

    [14194] => 

    [14195] =>             //const h4 = t.offsetParent;//t.style.fontSize;

    [14196] =>             //const h5 = t.clientHeight;//text.style.height;

    [14197] =>             //const h6 = text.height;

    [14198] =>             //const h7 = text.getBoundingClientRect().height;

    [14199] =>             //const h8 = text.style.lineHeight;

    [14200] =>             //const h9 = canvas.getBoundingClientRect().height;

    [14201] =>             console.log(h1, h2, h3, h4, h5);

    [14202] =>             //t.hidden = true;

    [14203] => 

    [14204] =>             if(h2 < h4)

    [14205] =>             {

    [14206] =>                 passagefontsizenumber.value -= 1;

    [14207] =>                 passagefit();

    [14208] =>             }

    [14209] => 

    [14210] =>             passagefontsizenumberupdate();

    [14211] =>         }

    [14212] => //*/

    [14213] => 

    [14214] => 

    [14215] => 

    [14216] =>         function passagefontstyleload()

    [14217] =>         {

    [14218] =>             const div = document.createElement("div");

    [14219] =>             div.id = "passagefontstyle";

    [14220] =>             div.innerHTML = "font-style";

    [14221] =>             tabcontentpassage.append(div);

    [14222] =>         }

    [14223] =>         addEventListener("load", passagefontstyleload);

    [14224] => 

    [14225] =>         function passagefontstyleselectload()

    [14226] =>         {

    [14227] =>             const br = document.createElement("br");

    [14228] =>             passagefontstyle.append(br);

    [14229] => 

    [14230] =>             const select = document.createElement("select");

    [14231] =>             select.id = "passagefontstyleselect";

    [14232] =>             select.addEventListener("input", passagefontstyleselectupdate);

    [14233] =>             passagefontstyle.append(select);

    [14234] => 

    [14235] =>             for(const value of fontstylearray)

    [14236] =>             {

    [14237] =>                 const option = document.createElement("option");

    [14238] =>                 option.innerHTML = value;

    [14239] =>                 select.add(option);

    [14240] =>             }

    [14241] => 

    [14242] =>             passagefontstyleselectset();

    [14243] =>         }

    [14244] =>         addEventListener("load", passagefontstyleselectload);

    [14245] => 

    [14246] =>         function passagefontstyleselectset()

    [14247] =>         {

    [14248] =>             text.passagefontstyle = passagefontstyleselect.value;

    [14249] =>         }

    [14250] => 

    [14251] =>         function passagefontstyleselectupdate()

    [14252] =>         {

    [14253] =>             passagefontstyleselectset();

    [14254] =>             svgupdate();

    [14255] =>         }

    [14256] => 

    [14257] => 

    [14258] => 

    [14259] =>         function passagefontvariantload()

    [14260] =>         {

    [14261] =>             const div = document.createElement("div");

    [14262] =>             div.id = "passagefontvariant";

    [14263] =>             div.innerHTML = "font-variant";

    [14264] =>             tabcontentpassage.append(div);

    [14265] =>         }

    [14266] =>         addEventListener("load", passagefontvariantload);

    [14267] => 

    [14268] =>         function passagefontvariantselectload()

    [14269] =>         {

    [14270] =>             const br = document.createElement("br");

    [14271] =>             passagefontvariant.append(br);

    [14272] => 

    [14273] =>             const select = document.createElement("select");

    [14274] =>             select.id = "passagefontvariantselect";

    [14275] =>             select.addEventListener("input", passagefontvariantselectupdate);

    [14276] =>             passagefontvariant.append(select);

    [14277] => 

    [14278] =>             for(const value of fontvariantarray)

    [14279] =>             {

    [14280] =>                 const option = document.createElement("option");

    [14281] =>                 option.innerHTML = value;

    [14282] =>                 select.add(option);

    [14283] =>             }

    [14284] => 

    [14285] =>             passagefontvariantselectset();

    [14286] =>         }

    [14287] =>         addEventListener("load", passagefontvariantselectload);

    [14288] => 

    [14289] =>         function passagefontvariantselectset()

    [14290] =>         {

    [14291] =>             text.passagefontvariant = passagefontvariantselect.value;

    [14292] =>         }

    [14293] => 

    [14294] =>         function passagefontvariantselectupdate()

    [14295] =>         {

    [14296] =>             passagefontvariantselectset();

    [14297] =>             svgupdate();

    [14298] =>         }

    [14299] => 

    [14300] => 

    [14301] => 

    [14302] =>         function passagefontweightload()

    [14303] =>         {

    [14304] =>             const div = document.createElement("div");

    [14305] =>             div.id = "passagefontweight";

    [14306] =>             div.innerHTML = "font-weight";

    [14307] =>             tabcontentpassage.append(div);

    [14308] =>         }

    [14309] =>         addEventListener("load", passagefontweightload);

    [14310] => 

    [14311] =>         function passagefontweightselectload()

    [14312] =>         {

    [14313] =>             const br = document.createElement("br");

    [14314] =>             passagefontweight.append(br);

    [14315] => 

    [14316] =>             const select = document.createElement("select");

    [14317] =>             select.id = "passagefontweightselect";

    [14318] =>             select.addEventListener("input", passagefontweightselectupdate);

    [14319] =>             passagefontweight.append(select);

    [14320] => 

    [14321] =>             for(const value of fontweightarray)

    [14322] =>             {

    [14323] =>                 const option = document.createElement("option");

    [14324] =>                 option.innerHTML = value;

    [14325] =>                 select.add(option);

    [14326] =>             }

    [14327] => 

    [14328] =>             passagefontweightselectset();

    [14329] =>         }

    [14330] =>         addEventListener("load", passagefontweightselectload);

    [14331] => 

    [14332] =>         function passagefontweightselectset()

    [14333] =>         {

    [14334] =>             text.passagefontweight = passagefontweightselect.value;

    [14335] =>         }

    [14336] => 

    [14337] =>         function passagefontweightselectupdate()

    [14338] =>         {

    [14339] =>             passagefontweightselectset();

    [14340] =>             svgupdate();

    [14341] =>         }

    [14342] => 

    [14343] => 

    [14344] => 

    [14345] =>         function passagecolorload()

    [14346] =>         {

    [14347] =>             const div = document.createElement("div");

    [14348] =>             div.id = "passagecolor";

    [14349] =>             div.innerHTML = "color";

    [14350] =>             tabcontentpassage.append(div);

    [14351] =>         }

    [14352] =>         addEventListener("load", passagecolorload);

    [14353] => 

    [14354] =>         function passagecolorcolorload()

    [14355] =>         {

    [14356] =>             const br = document.createElement("br");

    [14357] =>             passagecolor.append(br);

    [14358] => 

    [14359] =>             const input = document.createElement("input");

    [14360] =>             input.id = "passagecolorcolor";

    [14361] =>             input.type = "color";

    [14362] =>             input.value = "#000000";

    [14363] =>             input.addEventListener("input", passagecolorcolorupdate);

    [14364] =>             passagecolor.append(input);

    [14365] => 

    [14366] =>             //passagecolorcolorset();

    [14367] =>         }

    [14368] =>         addEventListener("load", passagecolorcolorload);

    [14369] => 

    [14370] =>         function passagecolorcolorset()

    [14371] =>         {

    [14372] =>             const c = passagecolorcolor.value;

    [14373] =>             const r = parseInt(c.slice(1,3),16);

    [14374] =>             const g = parseInt(c.slice(3,5),16);

    [14375] =>             const b = parseInt(c.slice(5,7),16);

    [14376] =>             const a = passagealphanumber.value;

    [14377] => 

    [14378] =>             text.passagecolor = `rgb(${r} ${g} ${b} / ${a})`;

    [14379] =>         }

    [14380] => 

    [14381] =>         function passagecolorcolorupdate()

    [14382] =>         {

    [14383] =>             passagecolorcolorset();

    [14384] =>             svgupdate();

    [14385] =>         }

    [14386] => 

    [14387] =>         function passagecolorexactload()

    [14388] =>         {

    [14389] =>             const br = document.createElement("br");

    [14390] =>             passagecolor.append(br);

    [14391] => 

    [14392] =>             const array =

    [14393] =>             [

    [14394] =>                 ["black","#000000"],

    [14395] =>                 ["white","#ffffff"],

    [14396] =>             ];

    [14397] => 

    [14398] =>             for(const value of array)

    [14399] =>             {

    [14400] =>                 const button = document.createElement("button");

    [14401] =>                 button.innerHTML = value[0];

    [14402] =>                 button.value = value[1];

    [14403] =>                 button.addEventListener("click", passagecolorexactupdate);

    [14404] =>                 passagecolor.append(button);

    [14405] =>             }

    [14406] =>         }

    [14407] =>         addEventListener("load", passagecolorexactload);

    [14408] => 

    [14409] =>         function passagecolorexactupdate(e)

    [14410] =>         {

    [14411] =>             passagecolorcolor.value = e.target.value;

    [14412] => 

    [14413] =>             passagecolorcolorupdate();

    [14414] =>         }

    [14415] => 

    [14416] => 

    [14417] => 

    [14418] =>         function passagealphaload()

    [14419] =>         {

    [14420] =>             const div = document.createElement("div");

    [14421] =>             div.id = "passagealpha";

    [14422] =>             div.innerHTML = "alpha";

    [14423] =>             tabcontentpassage.append(div);

    [14424] => 

    [14425] =>             const style = div.style;

    [14426] =>             style.overflowY = "hidden";

    [14427] =>             style.whiteSpace = "nowrap";

    [14428] =>         }

    [14429] =>         addEventListener("load", passagealphaload);

    [14430] => 

    [14431] =>         function passagealphanumberload()

    [14432] =>         {

    [14433] =>             const br = document.createElement("br");

    [14434] =>             passagealpha.append(br);

    [14435] => 

    [14436] =>             const input = document.createElement("input");

    [14437] =>             input.id = "passagealphanumber";

    [14438] =>             input.max = 1;

    [14439] =>             input.min = 0;

    [14440] =>             input.step = 0.01;

    [14441] =>             input.type = "number";

    [14442] =>             input.value = 1;

    [14443] =>             input.addEventListener("input", passagealphanumberupdate);

    [14444] =>             passagealpha.append(input);

    [14445] => 

    [14446] =>             //passagealphanumberset();

    [14447] =>         }

    [14448] =>         addEventListener("load", passagealphanumberload);

    [14449] => 

    [14450] =>         function passagealphanumberset()

    [14451] =>         {

    [14452] =>             const c = passagecolorcolor.value;

    [14453] =>             const r = parseInt(c.slice(1,3),16);

    [14454] =>             const g = parseInt(c.slice(3,5),16);

    [14455] =>             const b = parseInt(c.slice(5,7),16);

    [14456] =>             const a = passagealphanumber.value;

    [14457] => 

    [14458] =>             passagealpharange.value = a;

    [14459] =>             text.passagecolor = `rgb(${r} ${g} ${b} / ${a})`;

    [14460] =>         }

    [14461] => 

    [14462] =>         function passagealphanumberupdate()

    [14463] =>         {

    [14464] =>             passagealphanumberset();

    [14465] =>             svgupdate();

    [14466] =>         }

    [14467] => 

    [14468] =>         function passagealpharangeload()

    [14469] =>         {

    [14470] =>             const input = document.createElement("input");

    [14471] =>             input.id = "passagealpharange";

    [14472] =>             input.max = passagealphanumber.max;

    [14473] =>             input.min = passagealphanumber.min;

    [14474] =>             input.step = passagealphanumber.step;

    [14475] =>             input.type = "range";

    [14476] =>             input.value = passagealphanumber.value;

    [14477] =>             input.addEventListener("input", passagealpharangeupdate);

    [14478] =>             passagealpha.append(input);

    [14479] => 

    [14480] =>             passagealpharangeset();

    [14481] =>         }

    [14482] =>         addEventListener("load", passagealpharangeload);

    [14483] => 

    [14484] =>         function passagealpharangeset()

    [14485] =>         {

    [14486] =>             const c = passagecolorcolor.value;

    [14487] =>             const r = parseInt(c.slice(1,3),16);

    [14488] =>             const g = parseInt(c.slice(3,5),16);

    [14489] =>             const b = parseInt(c.slice(5,7),16);

    [14490] =>             const a = passagealpharange.value;

    [14491] => 

    [14492] =>             passagealphanumber.value = a;

    [14493] =>             text.passagecolor = `rgb(${r} ${g} ${b} / ${a})`;

    [14494] =>         }

    [14495] => 

    [14496] =>         function passagealpharangeupdate()

    [14497] =>         {

    [14498] =>             passagealpharangeset();

    [14499] =>             svgupdate();

    [14500] =>         }

    [14501] => 

    [14502] =>         function passagealphaexactload()

    [14503] =>         {

    [14504] =>             const br = document.createElement("br");

    [14505] =>             passagealpha.append(br);

    [14506] => 

    [14507] =>             const array =

    [14508] =>             [

    [14509] =>                 ["0",0],

    [14510] =>                 ["0.25",0.25],

    [14511] =>                 ["0.5",0.5],

    [14512] =>                 ["0.75",0.75],

    [14513] =>                 ["1",1],

    [14514] =>             ];

    [14515] => 

    [14516] =>             for(const value of array)

    [14517] =>             {

    [14518] =>                 const button = document.createElement("button");

    [14519] =>                 button.innerHTML = value[0];

    [14520] =>                 button.value = value[1];

    [14521] =>                 button.addEventListener("click", passagealphaexactupdate);

    [14522] =>                 passagealpha.append(button);

    [14523] =>             }

    [14524] =>         }

    [14525] =>         addEventListener("load", passagealphaexactload);

    [14526] => 

    [14527] =>         function passagealphaexactupdate(e)

    [14528] =>         {

    [14529] =>             passagealphanumber.value = Number(e.target.value);

    [14530] => 

    [14531] =>             passagealphanumberupdate();

    [14532] =>         }

    [14533] => 

    [14534] =>         function passagealphaincrementload()

    [14535] =>         {

    [14536] =>             const br = document.createElement("br");

    [14537] =>             passagealpha.append(br);

    [14538] => 

    [14539] =>             const array =

    [14540] =>             [

    [14541] =>                 ["-0.1",-0.1],

    [14542] =>                 ["-0.01",-0.01],

    [14543] =>                 ["+0.01",0.01],

    [14544] =>                 ["+0.1",0.1],

    [14545] =>             ];

    [14546] => 

    [14547] =>             for(const value of array)

    [14548] =>             {

    [14549] =>                 const button = document.createElement("button");

    [14550] =>                 button.innerHTML = value[0];

    [14551] =>                 button.value = value[1];

    [14552] =>                 button.addEventListener("click", passagealphaincrementupdate);

    [14553] =>                 passagealpha.append(button);

    [14554] =>             }

    [14555] =>         }

    [14556] =>         addEventListener("load", passagealphaincrementload);

    [14557] => 

    [14558] =>         function passagealphaincrementupdate(e)

    [14559] =>         {

    [14560] =>             let v = Number(passagealphanumber.value) + Number(e.target.value);

    [14561] =>             v = parseFloat(v.toFixed(2));

    [14562] => 

    [14563] =>             if((passagealphanumber.min <= v) && (v <= passagealphanumber.max))

    [14564] =>             {

    [14565] =>                 passagealphanumber.value = v;

    [14566] => 

    [14567] =>                 passagealphanumberupdate();

    [14568] =>             }

    [14569] =>         }

    [14570] => 

    [14571] => 

    [14572] => 

    [14573] => /*leftoff

    [14574] =>         function passagefilterblurload()

    [14575] =>         {

    [14576] =>             const div = document.createElement("div");

    [14577] =>             div.id = "passagefilterblur";

    [14578] =>             div.innerHTML = "filter-blur";

    [14579] =>             tabcontentpassage.append(div);

    [14580] => 

    [14581] =>             const style = div.style;

    [14582] =>             style.overflowY = "hidden";

    [14583] =>             style.whiteSpace = "nowrap";

    [14584] =>         }

    [14585] =>         addEventListener("load", passagefilterblurload);

    [14586] => 

    [14587] =>         function passagefilterblurnumberload()

    [14588] =>         {

    [14589] =>             const br = document.createElement("br");

    [14590] =>             passagefilterblur.append(br);

    [14591] => 

    [14592] =>             const input = document.createElement("input");

    [14593] =>             input.id = "passagefilterblurnumber";

    [14594] =>             input.max = 1000;

    [14595] =>             input.min = 0;

    [14596] =>             input.step = 1;

    [14597] =>             input.type = "number";

    [14598] =>             input.value = 0;

    [14599] =>             input.addEventListener("input", passagefilterblurnumberupdate);

    [14600] =>             passagefilterblur.append(input);

    [14601] => 

    [14602] =>             //passagefilterblurnumberset();

    [14603] =>         }

    [14604] =>         addEventListener("load", passagefilterblurnumberload);

    [14605] => 

    [14606] =>         function passagefilterblurnumberset()

    [14607] =>         {

    [14608] =>             const v = passagefilterblurnumber.value;

    [14609] => 

    [14610] =>             passagefilterblurrange.value = v;

    [14611] =>             text.passagebackdropfilterblur = v;

    [14612] =>         }

    [14613] => 

    [14614] =>         function passagefilterblurnumberupdate()

    [14615] =>         {

    [14616] =>             passagefilterblurnumberset();

    [14617] =>             svgupdate();

    [14618] =>         }

    [14619] => 

    [14620] =>         function passagefilterblurrangeload()

    [14621] =>         {

    [14622] =>             const input = document.createElement("input");

    [14623] =>             input.id = "passagefilterblurrange";

    [14624] =>             input.max = passagefilterblurnumber.max;

    [14625] =>             input.min = passagefilterblurnumber.min;

    [14626] =>             input.step = passagefilterblurnumber.step;

    [14627] =>             input.type = "range";

    [14628] =>             input.value = passagefilterblurnumber.value;

    [14629] =>             input.addEventListener("input", passagefilterblurrangeupdate);

    [14630] =>             passagefilterblur.append(input);

    [14631] => 

    [14632] =>             passagefilterblurrangeset();

    [14633] =>         }

    [14634] =>         addEventListener("load", passagefilterblurrangeload);

    [14635] => 

    [14636] =>         function passagefilterblurrangeset()

    [14637] =>         {

    [14638] =>             const v = passagefilterblurrange.value;

    [14639] => 

    [14640] =>             passagefilterblurnumber.value = v;

    [14641] =>             text.passagebackdropfilterblur = v;

    [14642] =>         }

    [14643] => 

    [14644] =>         function passagefilterblurrangeupdate()

    [14645] =>         {

    [14646] =>             passagefilterblurrangeset();

    [14647] =>             svgupdate();

    [14648] =>         }

    [14649] => 

    [14650] =>         function passagefilterblurexactload()

    [14651] =>         {

    [14652] =>             const br = document.createElement("br");

    [14653] =>             passagefilterblur.append(br);

    [14654] => 

    [14655] =>             const array =

    [14656] =>             [

    [14657] =>                 ["0",0],

    [14658] =>                 ["2",2],

    [14659] =>                 ["4",4],

    [14660] =>                 ["8",8],

    [14661] =>                 ["16",16],

    [14662] =>                 ["32",32],

    [14663] =>                 ["64",64],

    [14664] =>             ];

    [14665] => 

    [14666] =>             for(const value of array)

    [14667] =>             {

    [14668] =>                 const button = document.createElement("button");

    [14669] =>                 button.innerHTML = value[0];

    [14670] =>                 button.value = value[1];

    [14671] =>                 button.addEventListener("click", passagefilterblurexactupdate);

    [14672] =>                 passagefilterblur.append(button);

    [14673] =>             }

    [14674] =>         }

    [14675] =>         addEventListener("load", passagefilterblurexactload);

    [14676] => 

    [14677] =>         function passagefilterblurexactupdate(e)

    [14678] =>         {

    [14679] =>             passagefilterblurnumber.value = Number(e.target.value);

    [14680] => 

    [14681] =>             passagefilterblurnumberupdate();

    [14682] =>         }

    [14683] => 

    [14684] =>         function passagefilterblurincrementload()

    [14685] =>         {

    [14686] =>             const br = document.createElement("br");

    [14687] =>             passagefilterblur.append(br);

    [14688] => 

    [14689] =>             const array =

    [14690] =>             [

    [14691] =>                 ["-100",-100],

    [14692] =>                 ["-10",-10],

    [14693] =>                 ["-1",-1],

    [14694] =>                 ["+1",1],

    [14695] =>                 ["+10",10],

    [14696] =>                 ["+100",100],

    [14697] =>             ];

    [14698] => 

    [14699] =>             for(const value of array)

    [14700] =>             {

    [14701] =>                 const button = document.createElement("button");

    [14702] =>                 button.innerHTML = value[0];

    [14703] =>                 button.value = value[1];

    [14704] =>                 button.addEventListener("click", passagefilterblurincrementupdate);

    [14705] =>                 passagefilterblur.append(button);

    [14706] =>             }

    [14707] =>         }

    [14708] =>         addEventListener("load", passagefilterblurincrementload);

    [14709] => 

    [14710] =>         function passagefilterblurincrementupdate(e)

    [14711] =>         {

    [14712] =>             const v = Number(passagefilterblurnumber.value) + Number(e.target.value);

    [14713] => 

    [14714] =>             if((passagefilterblurnumber.min <= v) && (v <= passagefilterblurnumber.max))

    [14715] =>             {

    [14716] =>                 passagefilterblurnumber.value = v;

    [14717] => 

    [14718] =>                 passagefilterblurnumberupdate();

    [14719] =>             }

    [14720] =>         }

    [14721] => 

    [14722] => 

    [14723] => 

    [14724] =>         function passagefilterbrightnessload()

    [14725] =>         {

    [14726] =>             const div = document.createElement("div");

    [14727] =>             div.id = "passagefilterbrightness";

    [14728] =>             div.innerHTML = "filter-brightness";

    [14729] =>             tabcontentpassage.append(div);

    [14730] => 

    [14731] =>             const style = div.style;

    [14732] =>             style.overflowY = "hidden";

    [14733] =>             style.whiteSpace = "nowrap";

    [14734] =>         }

    [14735] =>         addEventListener("load", passagefilterbrightnessload);

    [14736] => 

    [14737] =>         function passagefilterbrightnessnumberload()

    [14738] =>         {

    [14739] =>             const br = document.createElement("br");

    [14740] =>             passagefilterbrightness.append(br);

    [14741] => 

    [14742] =>             const input = document.createElement("input");

    [14743] =>             input.id = "passagefilterbrightnessnumber";

    [14744] =>             input.max = 1000;

    [14745] =>             input.min = 0;

    [14746] =>             input.step = 1;

    [14747] =>             input.type = "number";

    [14748] =>             input.value = 100;

    [14749] =>             input.addEventListener("input", passagefilterbrightnessnumberupdate);

    [14750] =>             passagefilterbrightness.append(input);

    [14751] => 

    [14752] =>             //passagefilterbrightnessnumberset();

    [14753] =>         }

    [14754] =>         addEventListener("load", passagefilterbrightnessnumberload);

    [14755] => 

    [14756] =>         function passagefilterbrightnessnumberset()

    [14757] =>         {

    [14758] =>             const v = passagefilterbrightnessnumber.value;

    [14759] => 

    [14760] =>             passagefilterbrightnessrange.value = v;

    [14761] =>             text.passagebackdropfilterbrightness = v;

    [14762] =>         }

    [14763] => 

    [14764] =>         function passagefilterbrightnessnumberupdate()

    [14765] =>         {

    [14766] =>             passagefilterbrightnessnumberset();

    [14767] =>             svgupdate();

    [14768] =>         }

    [14769] => 

    [14770] =>         function passagefilterbrightnessrangeload()

    [14771] =>         {

    [14772] =>             const input = document.createElement("input");

    [14773] =>             input.id = "passagefilterbrightnessrange";

    [14774] =>             input.max = passagefilterbrightnessnumber.max;

    [14775] =>             input.min = passagefilterbrightnessnumber.min;

    [14776] =>             input.step = passagefilterbrightnessnumber.step;

    [14777] =>             input.type = "range";

    [14778] =>             input.value = passagefilterbrightnessnumber.value;

    [14779] =>             input.addEventListener("input", passagefilterbrightnessrangeupdate);

    [14780] =>             passagefilterbrightness.append(input);

    [14781] => 

    [14782] =>             passagefilterbrightnessrangeset();

    [14783] =>         }

    [14784] =>         addEventListener("load", passagefilterbrightnessrangeload);

    [14785] => 

    [14786] =>         function passagefilterbrightnessrangeset()

    [14787] =>         {

    [14788] =>             const v = passagefilterbrightnessrange.value;

    [14789] => 

    [14790] =>             passagefilterbrightnessnumber.value = v;

    [14791] =>             text.passagebackdropfilterbrightness = v;

    [14792] =>         }

    [14793] => 

    [14794] =>         function passagefilterbrightnessrangeupdate()

    [14795] =>         {

    [14796] =>             passagefilterbrightnessrangeset();

    [14797] =>             svgupdate();

    [14798] =>         }

    [14799] => 

    [14800] =>         function passagefilterbrightnessexactload()

    [14801] =>         {

    [14802] =>             const br = document.createElement("br");

    [14803] =>             passagefilterbrightness.append(br);

    [14804] => 

    [14805] =>             const array =

    [14806] =>             [

    [14807] =>                 ["0",0],

    [14808] =>                 ["50",50],

    [14809] =>                 ["100 (initial)",100],

    [14810] =>                 ["150",150],

    [14811] =>                 ["200",200],

    [14812] =>             ];

    [14813] => 

    [14814] =>             for(const value of array)

    [14815] =>             {

    [14816] =>                 const button = document.createElement("button");

    [14817] =>                 button.innerHTML = value[0];

    [14818] =>                 button.value = value[1];

    [14819] =>                 button.addEventListener("click", passagefilterbrightnessexactupdate);

    [14820] =>                 passagefilterbrightness.append(button);

    [14821] =>             }

    [14822] =>         }

    [14823] =>         addEventListener("load", passagefilterbrightnessexactload);

    [14824] => 

    [14825] =>         function passagefilterbrightnessexactupdate(e)

    [14826] =>         {

    [14827] =>             passagefilterbrightnessnumber.value = Number(e.target.value);

    [14828] => 

    [14829] =>             passagefilterbrightnessnumberupdate();

    [14830] =>         }

    [14831] => 

    [14832] =>         function passagefilterbrightnessincrementload()

    [14833] =>         {

    [14834] =>             const br = document.createElement("br");

    [14835] =>             passagefilterbrightness.append(br);

    [14836] => 

    [14837] =>             const array =

    [14838] =>             [

    [14839] =>                 ["-100",-100],

    [14840] =>                 ["-10",-10],

    [14841] =>                 ["-1",-1],

    [14842] =>                 ["+1",1],

    [14843] =>                 ["+10",10],

    [14844] =>                 ["+100",100],

    [14845] =>             ];

    [14846] => 

    [14847] =>             for(const value of array)

    [14848] =>             {

    [14849] =>                 const button = document.createElement("button");

    [14850] =>                 button.innerHTML = value[0];

    [14851] =>                 button.value = value[1];

    [14852] =>                 button.addEventListener("click", passagefilterbrightnessincrementupdate);

    [14853] =>                 passagefilterbrightness.append(button);

    [14854] =>             }

    [14855] =>         }

    [14856] =>         addEventListener("load", passagefilterbrightnessincrementload);

    [14857] => 

    [14858] =>         function passagefilterbrightnessincrementupdate(e)

    [14859] =>         {

    [14860] =>             const v = Number(passagefilterbrightnessnumber.value) + Number(e.target.value);

    [14861] => 

    [14862] =>             if((passagefilterbrightnessnumber.min <= v) && (v <= passagefilterbrightnessnumber.max))

    [14863] =>             {

    [14864] =>                 passagefilterbrightnessnumber.value = v;

    [14865] => 

    [14866] =>                 passagefilterbrightnessnumberupdate();

    [14867] =>             }

    [14868] =>         }

    [14869] => 

    [14870] => 

    [14871] => 

    [14872] =>         function passagefiltercontrastload()

    [14873] =>         {

    [14874] =>             const div = document.createElement("div");

    [14875] =>             div.id = "passagefiltercontrast";

    [14876] =>             div.innerHTML = "filter-contrast";

    [14877] =>             tabcontentpassage.append(div);

    [14878] => 

    [14879] =>             const style = div.style;

    [14880] =>             style.overflowY = "hidden";

    [14881] =>             style.whiteSpace = "nowrap";

    [14882] =>         }

    [14883] =>         addEventListener("load", passagefiltercontrastload);

    [14884] => 

    [14885] =>         function passagefiltercontrastnumberload()

    [14886] =>         {

    [14887] =>             const br = document.createElement("br");

    [14888] =>             passagefiltercontrast.append(br);

    [14889] => 

    [14890] =>             const input = document.createElement("input");

    [14891] =>             input.id = "passagefiltercontrastnumber";

    [14892] =>             input.max = 1000;

    [14893] =>             input.min = 0;

    [14894] =>             input.step = 1;

    [14895] =>             input.type = "number";

    [14896] =>             input.value = 100;

    [14897] =>             input.addEventListener("input", passagefiltercontrastnumberupdate);

    [14898] =>             passagefiltercontrast.append(input);

    [14899] => 

    [14900] =>             //passagefiltercontrastnumberset();

    [14901] =>         }

    [14902] =>         addEventListener("load", passagefiltercontrastnumberload);

    [14903] => 

    [14904] =>         function passagefiltercontrastnumberset()

    [14905] =>         {

    [14906] =>             const v = passagefiltercontrastnumber.value;

    [14907] => 

    [14908] =>             passagefiltercontrastrange.value = v;

    [14909] =>             text.passagebackdropfiltercontrast = v;

    [14910] =>         }

    [14911] => 

    [14912] =>         function passagefiltercontrastnumberupdate()

    [14913] =>         {

    [14914] =>             passagefiltercontrastnumberset();

    [14915] =>             svgupdate();

    [14916] =>         }

    [14917] => 

    [14918] =>         function passagefiltercontrastrangeload()

    [14919] =>         {

    [14920] =>             const input = document.createElement("input");

    [14921] =>             input.id = "passagefiltercontrastrange";

    [14922] =>             input.max = passagefiltercontrastnumber.max;

    [14923] =>             input.min = passagefiltercontrastnumber.min;

    [14924] =>             input.step = passagefiltercontrastnumber.step;

    [14925] =>             input.type = "range";

    [14926] =>             input.value = passagefiltercontrastnumber.value;

    [14927] =>             input.addEventListener("input", passagefiltercontrastrangeupdate);

    [14928] =>             passagefiltercontrast.append(input);

    [14929] => 

    [14930] =>             passagefiltercontrastrangeset();

    [14931] =>         }

    [14932] =>         addEventListener("load", passagefiltercontrastrangeload);

    [14933] => 

    [14934] =>         function passagefiltercontrastrangeset()

    [14935] =>         {

    [14936] =>             const v = passagefiltercontrastrange.value;

    [14937] => 

    [14938] =>             passagefiltercontrastnumber.value = v;

    [14939] =>             text.passagebackdropfiltercontrast = v;

    [14940] =>         }

    [14941] => 

    [14942] =>         function passagefiltercontrastrangeupdate()

    [14943] =>         {

    [14944] =>             passagefiltercontrastrangeset();

    [14945] =>             svgupdate();

    [14946] =>         }

    [14947] => 

    [14948] =>         function passagefiltercontrastexactload()

    [14949] =>         {

    [14950] =>             const br = document.createElement("br");

    [14951] =>             passagefiltercontrast.append(br);

    [14952] => 

    [14953] =>             const array =

    [14954] =>             [

    [14955] =>                 ["0",0],

    [14956] =>                 ["50",50],

    [14957] =>                 ["100 (initial)",100],

    [14958] =>                 ["150",150],

    [14959] =>                 ["200",200],

    [14960] =>             ];

    [14961] => 

    [14962] =>             for(const value of array)

    [14963] =>             {

    [14964] =>                 const button = document.createElement("button");

    [14965] =>                 button.innerHTML = value[0];

    [14966] =>                 button.value = value[1];

    [14967] =>                 button.addEventListener("click", passagefiltercontrastexactupdate);

    [14968] =>                 passagefiltercontrast.append(button);

    [14969] =>             }

    [14970] =>         }

    [14971] =>         addEventListener("load", passagefiltercontrastexactload);

    [14972] => 

    [14973] =>         function passagefiltercontrastexactupdate(e)

    [14974] =>         {

    [14975] =>             passagefiltercontrastnumber.value = Number(e.target.value);

    [14976] => 

    [14977] =>             passagefiltercontrastnumberupdate();

    [14978] =>         }

    [14979] => 

    [14980] =>         function passagefiltercontrastincrementload()

    [14981] =>         {

    [14982] =>             const br = document.createElement("br");

    [14983] =>             passagefiltercontrast.append(br);

    [14984] => 

    [14985] =>             const array =

    [14986] =>             [

    [14987] =>                 ["-100",-100],

    [14988] =>                 ["-10",-10],

    [14989] =>                 ["-1",-1],

    [14990] =>                 ["+1",1],

    [14991] =>                 ["+10",10],

    [14992] =>                 ["+100",100],

    [14993] =>             ];

    [14994] => 

    [14995] =>             for(const value of array)

    [14996] =>             {

    [14997] =>                 const button = document.createElement("button");

    [14998] =>                 button.innerHTML = value[0];

    [14999] =>                 button.value = value[1];

    [15000] =>                 button.addEventListener("click", passagefiltercontrastincrementupdate);

    [15001] =>                 passagefiltercontrast.append(button);

    [15002] =>             }

    [15003] =>         }

    [15004] =>         addEventListener("load", passagefiltercontrastincrementload);

    [15005] => 

    [15006] =>         function passagefiltercontrastincrementupdate(e)

    [15007] =>         {

    [15008] =>             const v = Number(passagefiltercontrastnumber.value) + Number(e.target.value);

    [15009] => 

    [15010] =>             if((passagefiltercontrastnumber.min <= v) && (v <= passagefiltercontrastnumber.max))

    [15011] =>             {

    [15012] =>                 passagefiltercontrastnumber.value = v;

    [15013] => 

    [15014] =>                 passagefiltercontrastnumberupdate();

    [15015] =>             }

    [15016] =>         }

    [15017] => 

    [15018] => 

    [15019] => 

    [15020] =>         function passagefiltergrayscaleload()

    [15021] =>         {

    [15022] =>             const div = document.createElement("div");

    [15023] =>             div.id = "passagefiltergrayscale";

    [15024] =>             div.innerHTML = "filter-grayscale";

    [15025] =>             tabcontentpassage.append(div);

    [15026] => 

    [15027] =>             const style = div.style;

    [15028] =>             style.overflowY = "hidden";

    [15029] =>             style.whiteSpace = "nowrap";

    [15030] =>         }

    [15031] =>         addEventListener("load", passagefiltergrayscaleload);

    [15032] => 

    [15033] =>         function passagefiltergrayscalenumberload()

    [15034] =>         {

    [15035] =>             const br = document.createElement("br");

    [15036] =>             passagefiltergrayscale.append(br);

    [15037] => 

    [15038] =>             const input = document.createElement("input");

    [15039] =>             input.id = "passagefiltergrayscalenumber";

    [15040] =>             input.max = 100;

    [15041] =>             input.min = 0;

    [15042] =>             input.step = 1;

    [15043] =>             input.type = "number";

    [15044] =>             input.value = 0;

    [15045] =>             input.addEventListener("input", passagefiltergrayscalenumberupdate);

    [15046] =>             passagefiltergrayscale.append(input);

    [15047] => 

    [15048] =>             //passagefiltergrayscalenumberset();

    [15049] =>         }

    [15050] =>         addEventListener("load", passagefiltergrayscalenumberload);

    [15051] => 

    [15052] =>         function passagefiltergrayscalenumberset()

    [15053] =>         {

    [15054] =>             const v = passagefiltergrayscalenumber.value;

    [15055] => 

    [15056] =>             passagefiltergrayscalerange.value = v;

    [15057] =>             text.passagebackdropfiltergrayscale = v;

    [15058] =>         }

    [15059] => 

    [15060] =>         function passagefiltergrayscalenumberupdate()

    [15061] =>         {

    [15062] =>             passagefiltergrayscalenumberset();

    [15063] =>             svgupdate();

    [15064] =>         }

    [15065] => 

    [15066] =>         function passagefiltergrayscalerangeload()

    [15067] =>         {

    [15068] =>             const input = document.createElement("input");

    [15069] =>             input.id = "passagefiltergrayscalerange";

    [15070] =>             input.max = passagefiltergrayscalenumber.max;

    [15071] =>             input.min = passagefiltergrayscalenumber.min;

    [15072] =>             input.step = passagefiltergrayscalenumber.step;

    [15073] =>             input.type = "range";

    [15074] =>             input.value = passagefiltergrayscalenumber.value;

    [15075] =>             input.addEventListener("input", passagefiltergrayscalerangeupdate);

    [15076] =>             passagefiltergrayscale.append(input);

    [15077] => 

    [15078] =>             passagefiltergrayscalerangeset();

    [15079] =>         }

    [15080] =>         addEventListener("load", passagefiltergrayscalerangeload);

    [15081] => 

    [15082] =>         function passagefiltergrayscalerangeset()

    [15083] =>         {

    [15084] =>             const v = passagefiltergrayscalerange.value;

    [15085] => 

    [15086] =>             passagefiltergrayscalenumber.value = v;

    [15087] =>             text.passagebackdropfiltergrayscale = v;

    [15088] =>         }

    [15089] => 

    [15090] =>         function passagefiltergrayscalerangeupdate()

    [15091] =>         {

    [15092] =>             passagefiltergrayscalerangeset();

    [15093] =>             svgupdate();

    [15094] =>         }

    [15095] => 

    [15096] =>         function passagefiltergrayscaleexactload()

    [15097] =>         {

    [15098] =>             const br = document.createElement("br");

    [15099] =>             passagefiltergrayscale.append(br);

    [15100] => 

    [15101] =>             const array =

    [15102] =>             [

    [15103] =>                 ["0",0],

    [15104] =>                 ["25",25],

    [15105] =>                 ["50",50],

    [15106] =>                 ["75",75],

    [15107] =>                 ["100",100],

    [15108] =>             ];

    [15109] => 

    [15110] =>             for(const value of array)

    [15111] =>             {

    [15112] =>                 const button = document.createElement("button");

    [15113] =>                 button.innerHTML = value[0];

    [15114] =>                 button.value = value[1];

    [15115] =>                 button.addEventListener("click", passagefiltergrayscaleexactupdate);

    [15116] =>                 passagefiltergrayscale.append(button);

    [15117] =>             }

    [15118] =>         }

    [15119] =>         addEventListener("load", passagefiltergrayscaleexactload);

    [15120] => 

    [15121] =>         function passagefiltergrayscaleexactupdate(e)

    [15122] =>         {

    [15123] =>             passagefiltergrayscalenumber.value = Number(e.target.value);

    [15124] => 

    [15125] =>             passagefiltergrayscalenumberupdate();

    [15126] =>         }

    [15127] => 

    [15128] =>         function passagefiltergrayscaleincrementload()

    [15129] =>         {

    [15130] =>             const br = document.createElement("br");

    [15131] =>             passagefiltergrayscale.append(br);

    [15132] => 

    [15133] =>             const array =

    [15134] =>             [

    [15135] =>                 ["-10",-10],

    [15136] =>                 ["-1",-1],

    [15137] =>                 ["+1",1],

    [15138] =>                 ["+10",10],

    [15139] =>             ];

    [15140] => 

    [15141] =>             for(const value of array)

    [15142] =>             {

    [15143] =>                 const button = document.createElement("button");

    [15144] =>                 button.innerHTML = value[0];

    [15145] =>                 button.value = value[1];

    [15146] =>                 button.addEventListener("click", passagefiltergrayscaleincrementupdate);

    [15147] =>                 passagefiltergrayscale.append(button);

    [15148] =>             }

    [15149] =>         }

    [15150] =>         addEventListener("load", passagefiltergrayscaleincrementload);

    [15151] => 

    [15152] =>         function passagefiltergrayscaleincrementupdate(e)

    [15153] =>         {

    [15154] =>             const v = Number(passagefiltergrayscalenumber.value) + Number(e.target.value);

    [15155] => 

    [15156] =>             if((passagefiltergrayscalenumber.min <= v) && (v <= passagefiltergrayscalenumber.max))

    [15157] =>             {

    [15158] =>                 passagefiltergrayscalenumber.value = v;

    [15159] => 

    [15160] =>                 passagefiltergrayscalenumberupdate();

    [15161] =>             }

    [15162] =>         }

    [15163] => 

    [15164] => 

    [15165] => 

    [15166] =>         function passagefilterhuerotateload()

    [15167] =>         {

    [15168] =>             const div = document.createElement("div");

    [15169] =>             div.id = "passagefilterhuerotate";

    [15170] =>             div.innerHTML = "filter-hue-rotate";

    [15171] =>             tabcontentpassage.append(div);

    [15172] => 

    [15173] =>             const style = div.style;

    [15174] =>             style.overflowY = "hidden";

    [15175] =>             style.whiteSpace = "nowrap";

    [15176] =>         }

    [15177] =>         addEventListener("load", passagefilterhuerotateload);

    [15178] => 

    [15179] =>         function passagefilterhuerotatenumberload()

    [15180] =>         {

    [15181] =>             const br = document.createElement("br");

    [15182] =>             passagefilterhuerotate.append(br);

    [15183] => 

    [15184] =>             const input = document.createElement("input");

    [15185] =>             input.id = "passagefilterhuerotatenumber";

    [15186] =>             input.max = 360;

    [15187] =>             input.min = 0;

    [15188] =>             input.step = 1;

    [15189] =>             input.type = "number";

    [15190] =>             input.value = 0;

    [15191] =>             input.addEventListener("input", passagefilterhuerotatenumberupdate);

    [15192] =>             passagefilterhuerotate.append(input);

    [15193] => 

    [15194] =>             //passagefilterhuerotatenumberset();

    [15195] =>         }

    [15196] =>         addEventListener("load", passagefilterhuerotatenumberload);

    [15197] => 

    [15198] =>         function passagefilterhuerotatenumberset()

    [15199] =>         {

    [15200] =>             const v = passagefilterhuerotatenumber.value;

    [15201] => 

    [15202] =>             passagefilterhuerotaterange.value = v;

    [15203] =>             text.passagebackdropfilterhuerotate = v;

    [15204] =>         }

    [15205] => 

    [15206] =>         function passagefilterhuerotatenumberupdate()

    [15207] =>         {

    [15208] =>             passagefilterhuerotatenumberset();

    [15209] =>             svgupdate();

    [15210] =>         }

    [15211] => 

    [15212] =>         function passagefilterhuerotaterangeload()

    [15213] =>         {

    [15214] =>             const input = document.createElement("input");

    [15215] =>             input.id = "passagefilterhuerotaterange";

    [15216] =>             input.max = passagefilterhuerotatenumber.max;

    [15217] =>             input.min = passagefilterhuerotatenumber.min;

    [15218] =>             input.step = passagefilterhuerotatenumber.step;

    [15219] =>             input.type = "range";

    [15220] =>             input.value = passagefilterhuerotatenumber.value;

    [15221] =>             input.addEventListener("input", passagefilterhuerotaterangeupdate);

    [15222] =>             passagefilterhuerotate.append(input);

    [15223] => 

    [15224] =>             passagefilterhuerotaterangeset();

    [15225] =>         }

    [15226] =>         addEventListener("load", passagefilterhuerotaterangeload);

    [15227] => 

    [15228] =>         function passagefilterhuerotaterangeset()

    [15229] =>         {

    [15230] =>             const v = passagefilterhuerotaterange.value;

    [15231] => 

    [15232] =>             passagefilterhuerotatenumber.value = v;

    [15233] =>             text.passagebackdropfilterhuerotate = v;

    [15234] =>         }

    [15235] => 

    [15236] =>         function passagefilterhuerotaterangeupdate()

    [15237] =>         {

    [15238] =>             passagefilterhuerotaterangeset();

    [15239] =>             svgupdate();

    [15240] =>         }

    [15241] => 

    [15242] =>         function passagefilterhuerotateexactload()

    [15243] =>         {

    [15244] =>             const br = document.createElement("br");

    [15245] =>             passagefilterhuerotate.append(br);

    [15246] => 

    [15247] =>             const array =

    [15248] =>             [

    [15249] =>                 ["0",0],

    [15250] =>                 ["90",90],

    [15251] =>                 ["180",180],

    [15252] =>                 ["270",270],

    [15253] =>                 ["360",360],

    [15254] =>             ];

    [15255] => 

    [15256] =>             for(const value of array)

    [15257] =>             {

    [15258] =>                 const button = document.createElement("button");

    [15259] =>                 button.innerHTML = value[0];

    [15260] =>                 button.value = value[1];

    [15261] =>                 button.addEventListener("click", passagefilterhuerotateexactupdate);

    [15262] =>                 passagefilterhuerotate.append(button);

    [15263] =>             }

    [15264] =>         }

    [15265] =>         addEventListener("load", passagefilterhuerotateexactload);

    [15266] => 

    [15267] =>         function passagefilterhuerotateexactupdate(e)

    [15268] =>         {

    [15269] =>             passagefilterhuerotatenumber.value = Number(e.target.value);

    [15270] => 

    [15271] =>             passagefilterhuerotatenumberupdate();

    [15272] =>         }

    [15273] => 

    [15274] =>         function passagefilterhuerotateincrementload()

    [15275] =>         {

    [15276] =>             const br = document.createElement("br");

    [15277] =>             passagefilterhuerotate.append(br);

    [15278] => 

    [15279] =>             const array =

    [15280] =>             [

    [15281] =>                 //["-90",-90],

    [15282] =>                 ["-45",-45],

    [15283] =>                 ["-15",-15],

    [15284] =>                 ["-1",-1],

    [15285] =>                 ["+1",1],

    [15286] =>                 ["+15",15],

    [15287] =>                 ["+45",45],

    [15288] =>                 //["+90",90],

    [15289] =>             ];

    [15290] => 

    [15291] =>             for(const value of array)

    [15292] =>             {

    [15293] =>                 const button = document.createElement("button");

    [15294] =>                 button.innerHTML = value[0];

    [15295] =>                 button.value = value[1];

    [15296] =>                 button.addEventListener("click", passagefilterhuerotateincrementupdate);

    [15297] =>                 passagefilterhuerotate.append(button);

    [15298] =>             }

    [15299] =>         }

    [15300] =>         addEventListener("load", passagefilterhuerotateincrementload);

    [15301] => 

    [15302] =>         function passagefilterhuerotateincrementupdate(e)

    [15303] =>         {

    [15304] =>             const v = Number(passagefilterhuerotatenumber.value) + Number(e.target.value);

    [15305] => 

    [15306] =>             if((passagefilterhuerotatenumber.min <= v) && (v <= passagefilterhuerotatenumber.max))

    [15307] =>             {

    [15308] =>                 passagefilterhuerotatenumber.value = v;

    [15309] => 

    [15310] =>                 passagefilterhuerotatenumberupdate();

    [15311] =>             }

    [15312] =>         }

    [15313] => 

    [15314] => 

    [15315] => 

    [15316] =>         function passagefilterinvertload()

    [15317] =>         {

    [15318] =>             const div = document.createElement("div");

    [15319] =>             div.id = "passagefilterinvert";

    [15320] =>             div.innerHTML = "filter-invert";

    [15321] =>             tabcontentpassage.append(div);

    [15322] => 

    [15323] =>             const style = div.style;

    [15324] =>             style.overflowY = "hidden";

    [15325] =>             style.whiteSpace = "nowrap";

    [15326] =>         }

    [15327] =>         addEventListener("load", passagefilterinvertload);

    [15328] => 

    [15329] =>         function passagefilterinvertnumberload()

    [15330] =>         {

    [15331] =>             const br = document.createElement("br");

    [15332] =>             passagefilterinvert.append(br);

    [15333] => 

    [15334] =>             const input = document.createElement("input");

    [15335] =>             input.id = "passagefilterinvertnumber";

    [15336] =>             input.max = 100;

    [15337] =>             input.min = 0;

    [15338] =>             input.step = 1;

    [15339] =>             input.type = "number";

    [15340] =>             input.value = 0;

    [15341] =>             input.addEventListener("input", passagefilterinvertnumberupdate);

    [15342] =>             passagefilterinvert.append(input);

    [15343] => 

    [15344] =>             //passagefilterinvertnumberset();

    [15345] =>         }

    [15346] =>         addEventListener("load", passagefilterinvertnumberload);

    [15347] => 

    [15348] =>         function passagefilterinvertnumberset()

    [15349] =>         {

    [15350] =>             const v = passagefilterinvertnumber.value;

    [15351] => 

    [15352] =>             passagefilterinvertrange.value = v;

    [15353] =>             text.passagebackdropfilterinvert = v;

    [15354] =>         }

    [15355] => 

    [15356] =>         function passagefilterinvertnumberupdate()

    [15357] =>         {

    [15358] =>             passagefilterinvertnumberset();

    [15359] =>             svgupdate();

    [15360] =>         }

    [15361] => 

    [15362] =>         function passagefilterinvertrangeload()

    [15363] =>         {

    [15364] =>             const input = document.createElement("input");

    [15365] =>             input.id = "passagefilterinvertrange";

    [15366] =>             input.max = passagefilterinvertnumber.max;

    [15367] =>             input.min = passagefilterinvertnumber.min;

    [15368] =>             input.step = passagefilterinvertnumber.step;

    [15369] =>             input.type = "range";

    [15370] =>             input.value = passagefilterinvertnumber.value;

    [15371] =>             input.addEventListener("input", passagefilterinvertrangeupdate);

    [15372] =>             passagefilterinvert.append(input);

    [15373] => 

    [15374] =>             passagefilterinvertrangeset();

    [15375] =>         }

    [15376] =>         addEventListener("load", passagefilterinvertrangeload);

    [15377] => 

    [15378] =>         function passagefilterinvertrangeset()

    [15379] =>         {

    [15380] =>             const v = passagefilterinvertrange.value;

    [15381] => 

    [15382] =>             passagefilterinvertnumber.value = v;

    [15383] =>             text.passagebackdropfilterinvert = v;

    [15384] =>         }

    [15385] => 

    [15386] =>         function passagefilterinvertrangeupdate()

    [15387] =>         {

    [15388] =>             passagefilterinvertrangeset();

    [15389] =>             svgupdate();

    [15390] =>         }

    [15391] => 

    [15392] =>         function passagefilterinvertexactload()

    [15393] =>         {

    [15394] =>             const br = document.createElement("br");

    [15395] =>             passagefilterinvert.append(br);

    [15396] => 

    [15397] =>             const array =

    [15398] =>             [

    [15399] =>                 ["0",0],

    [15400] =>                 ["25",25],

    [15401] =>                 ["50",50],

    [15402] =>                 ["75",75],

    [15403] =>                 ["100",100],

    [15404] =>             ];

    [15405] => 

    [15406] =>             for(const value of array)

    [15407] =>             {

    [15408] =>                 const button = document.createElement("button");

    [15409] =>                 button.innerHTML = value[0];

    [15410] =>                 button.value = value[1];

    [15411] =>                 button.addEventListener("click", passagefilterinvertexactupdate);

    [15412] =>                 passagefilterinvert.append(button);

    [15413] =>             }

    [15414] =>         }

    [15415] =>         addEventListener("load", passagefilterinvertexactload);

    [15416] => 

    [15417] =>         function passagefilterinvertexactupdate(e)

    [15418] =>         {

    [15419] =>             passagefilterinvertnumber.value = Number(e.target.value);

    [15420] => 

    [15421] =>             passagefilterinvertnumberupdate();

    [15422] =>         }

    [15423] => 

    [15424] =>         function passagefilterinvertincrementload()

    [15425] =>         {

    [15426] =>             const br = document.createElement("br");

    [15427] =>             passagefilterinvert.append(br);

    [15428] => 

    [15429] =>             const array =

    [15430] =>             [

    [15431] =>                 ["-10",-10],

    [15432] =>                 ["-1",-1],

    [15433] =>                 ["+1",1],

    [15434] =>                 ["+10",10],

    [15435] =>             ];

    [15436] => 

    [15437] =>             for(const value of array)

    [15438] =>             {

    [15439] =>                 const button = document.createElement("button");

    [15440] => 

    [15441] =>                 button.innerHTML = value[0];

    [15442] =>                 button.value = value[1];

    [15443] =>                 button.addEventListener("click", passagefilterinvertincrementupdate);

    [15444] =>                 passagefilterinvert.append(button);

    [15445] =>             }

    [15446] =>         }

    [15447] =>         addEventListener("load", passagefilterinvertincrementload);

    [15448] => 

    [15449] =>         function passagefilterinvertincrementupdate(e)

    [15450] =>         {

    [15451] =>             const v = Number(passagefilterinvertnumber.value) + Number(e.target.value);

    [15452] => 

    [15453] =>             if((passagefilterinvertnumber.min <= v) && (v <= passagefilterinvertnumber.max))

    [15454] =>             {

    [15455] =>                 passagefilterinvertnumber.value = v;

    [15456] => 

    [15457] =>                 passagefilterinvertnumberupdate();

    [15458] =>             }

    [15459] =>         }

    [15460] => 

    [15461] => 

    [15462] => 

    [15463] =>         function passagefiltersaturateload()

    [15464] =>         {

    [15465] =>             const div = document.createElement("div");

    [15466] =>             div.id = "passagefiltersaturate";

    [15467] =>             div.innerHTML = "filter-saturate";

    [15468] =>             tabcontentpassage.append(div);

    [15469] => 

    [15470] =>             const style = div.style;

    [15471] =>             style.overflowY = "hidden";

    [15472] =>             style.whiteSpace = "nowrap";

    [15473] =>         }

    [15474] =>         addEventListener("load", passagefiltersaturateload);

    [15475] => 

    [15476] =>         function passagefiltersaturatenumberload()

    [15477] =>         {

    [15478] =>             const br = document.createElement("br");

    [15479] =>             passagefiltersaturate.append(br);

    [15480] => 

    [15481] =>             const input = document.createElement("input");

    [15482] =>             input.id = "passagefiltersaturatenumber";

    [15483] =>             input.max = 1000;

    [15484] =>             input.min = 0;

    [15485] =>             input.step = 1;

    [15486] =>             input.type = "number";

    [15487] =>             input.value = 100;

    [15488] =>             input.addEventListener("input", passagefiltersaturatenumberupdate);

    [15489] =>             passagefiltersaturate.append(input);

    [15490] => 

    [15491] =>             //passagefiltersaturatenumberset();

    [15492] =>         }

    [15493] =>         addEventListener("load", passagefiltersaturatenumberload);

    [15494] => 

    [15495] =>         function passagefiltersaturatenumberset()

    [15496] =>         {

    [15497] =>             const v = passagefiltersaturatenumber.value;

    [15498] => 

    [15499] =>             passagefiltersaturaterange.value = v;

    [15500] =>             text.passagebackdropfiltersaturate = v;

    [15501] =>         }

    [15502] => 

    [15503] =>         function passagefiltersaturatenumberupdate()

    [15504] =>         {

    [15505] =>             passagefiltersaturatenumberset();

    [15506] =>             svgupdate();

    [15507] =>         }

    [15508] => 

    [15509] =>         function passagefiltersaturaterangeload()

    [15510] =>         {

    [15511] =>             const input = document.createElement("input");

    [15512] =>             input.id = "passagefiltersaturaterange";

    [15513] =>             input.max = passagefiltersaturatenumber.max;

    [15514] =>             input.min = passagefiltersaturatenumber.min;

    [15515] =>             input.step = passagefiltersaturatenumber.step;

    [15516] =>             input.type = "range";

    [15517] =>             input.value = passagefiltersaturatenumber.value;

    [15518] =>             input.addEventListener("input", passagefiltersaturaterangeupdate);

    [15519] =>             passagefiltersaturate.append(input);

    [15520] => 

    [15521] =>             passagefiltersaturaterangeset();

    [15522] =>         }

    [15523] =>         addEventListener("load", passagefiltersaturaterangeload);

    [15524] => 

    [15525] =>         function passagefiltersaturaterangeset()

    [15526] =>         {

    [15527] =>             const v = passagefiltersaturaterange.value;

    [15528] => 

    [15529] =>             passagefiltersaturatenumber.value = v;

    [15530] =>             text.passagebackdropfiltersaturate = v;

    [15531] =>         }

    [15532] => 

    [15533] =>         function passagefiltersaturaterangeupdate()

    [15534] =>         {

    [15535] =>             passagefiltersaturaterangeset();

    [15536] =>             svgupdate();

    [15537] =>         }

    [15538] => 

    [15539] =>         function passagefiltersaturateexactload()

    [15540] =>         {

    [15541] =>             const br = document.createElement("br");

    [15542] =>             passagefiltersaturate.append(br);

    [15543] => 

    [15544] =>             const array =

    [15545] =>             [

    [15546] =>                 ["0",0],

    [15547] =>                 ["50",50],

    [15548] =>                 ["100 (initial)",100],

    [15549] =>                 ["150",150],

    [15550] =>                 ["200",200],

    [15551] =>             ];

    [15552] => 

    [15553] =>             for(const value of array)

    [15554] =>             {

    [15555] =>                 const button = document.createElement("button");

    [15556] =>                 button.innerHTML = value[0];

    [15557] =>                 button.value = value[1];

    [15558] =>                 button.addEventListener("click", passagefiltersaturateexactupdate);

    [15559] =>                 passagefiltersaturate.append(button);

    [15560] =>             }

    [15561] =>         }

    [15562] =>         addEventListener("load", passagefiltersaturateexactload);

    [15563] => 

    [15564] =>         function passagefiltersaturateexactupdate(e)

    [15565] =>         {

    [15566] =>             passagefiltersaturatenumber.value = Number(e.target.value);

    [15567] => 

    [15568] =>             passagefiltersaturatenumberupdate();

    [15569] =>         }

    [15570] => 

    [15571] =>         function passagefiltersaturateincrementload()

    [15572] =>         {

    [15573] =>             const br = document.createElement("br");

    [15574] =>             passagefiltersaturate.append(br);

    [15575] => 

    [15576] =>             const array =

    [15577] =>             [

    [15578] =>                 ["-100",-100],

    [15579] =>                 ["-10",-10],

    [15580] =>                 ["-1",-1],

    [15581] =>                 ["+1",1],

    [15582] =>                 ["+10",10],

    [15583] =>                 ["+100",100],

    [15584] =>             ];

    [15585] => 

    [15586] =>             for(const value of array)

    [15587] =>             {

    [15588] =>                 const button = document.createElement("button");

    [15589] =>                 button.innerHTML = value[0];

    [15590] =>                 button.value = value[1];

    [15591] =>                 button.addEventListener("click", passagefiltersaturateincrementupdate);

    [15592] =>                 passagefiltersaturate.append(button);

    [15593] =>             }

    [15594] =>         }

    [15595] =>         addEventListener("load", passagefiltersaturateincrementload);

    [15596] => 

    [15597] =>         function passagefiltersaturateincrementupdate(e)

    [15598] =>         {

    [15599] =>             const v = Number(passagefiltersaturatenumber.value) + Number(e.target.value);

    [15600] => 

    [15601] =>             if((passagefiltersaturatenumber.min <= v) && (v <= passagefiltersaturatenumber.max))

    [15602] =>             {

    [15603] =>                 passagefiltersaturatenumber.value = v;

    [15604] => 

    [15605] =>                 passagefiltersaturatenumberupdate();

    [15606] =>             }

    [15607] =>         }

    [15608] => 

    [15609] => 

    [15610] => 

    [15611] =>         function passagefiltersepiaload()

    [15612] =>         {

    [15613] =>             const div = document.createElement("div");

    [15614] =>             div.id = "passagefiltersepia";

    [15615] =>             div.innerHTML = "filter-sepia";

    [15616] =>             tabcontentpassage.append(div);

    [15617] => 

    [15618] =>             const style = div.style;

    [15619] =>             style.overflowY = "hidden";

    [15620] =>             style.whiteSpace = "nowrap";

    [15621] =>         }

    [15622] =>         addEventListener("load", passagefiltersepiaload);

    [15623] => 

    [15624] =>         function passagefiltersepianumberload()

    [15625] =>         {

    [15626] =>             const br = document.createElement("br");

    [15627] =>             passagefiltersepia.append(br);

    [15628] => 

    [15629] =>             const input = document.createElement("input");

    [15630] =>             input.id = "passagefiltersepianumber";

    [15631] =>             input.max = 100;

    [15632] =>             input.min = 0;

    [15633] =>             input.step = 1;

    [15634] =>             input.type = "number";

    [15635] =>             input.value = 0;

    [15636] =>             input.addEventListener("input", passagefiltersepianumberupdate);

    [15637] =>             passagefiltersepia.append(input);

    [15638] => 

    [15639] =>             //passagefiltersepianumberset();

    [15640] =>         }

    [15641] =>         addEventListener("load", passagefiltersepianumberload);

    [15642] => 

    [15643] =>         function passagefiltersepianumberset()

    [15644] =>         {

    [15645] =>             const v = passagefiltersepianumber.value;

    [15646] => 

    [15647] =>             passagefiltersepiarange.value = v;

    [15648] =>             text.passagebackdropfiltersepia = v;

    [15649] =>         }

    [15650] => 

    [15651] =>         function passagefiltersepianumberupdate()

    [15652] =>         {

    [15653] =>             passagefiltersepianumberset();

    [15654] =>             svgupdate();

    [15655] =>         }

    [15656] => 

    [15657] =>         function passagefiltersepiarangeload()

    [15658] =>         {

    [15659] =>             const input = document.createElement("input");

    [15660] =>             input.id = "passagefiltersepiarange";

    [15661] =>             input.max = passagefiltersepianumber.max;

    [15662] =>             input.min = passagefiltersepianumber.min;

    [15663] =>             input.step = passagefiltersepianumber.step;

    [15664] =>             input.type = "range";

    [15665] =>             input.value = passagefiltersepianumber.value;

    [15666] =>             input.addEventListener("input", passagefiltersepiarangeupdate);

    [15667] =>             passagefiltersepia.append(input);

    [15668] => 

    [15669] =>             passagefiltersepiarangeset();

    [15670] =>         }

    [15671] =>         addEventListener("load", passagefiltersepiarangeload);

    [15672] => 

    [15673] =>         function passagefiltersepiarangeset()

    [15674] =>         {

    [15675] =>             const v = passagefiltersepiarange.value;

    [15676] => 

    [15677] =>             passagefiltersepianumber.value = v;

    [15678] =>             text.passagebackdropfiltersepia = v;

    [15679] =>         }

    [15680] => 

    [15681] =>         function passagefiltersepiarangeupdate()

    [15682] =>         {

    [15683] =>             passagefiltersepiarangeset();

    [15684] =>             svgupdate();

    [15685] =>         }

    [15686] => 

    [15687] =>         function passagefiltersepiaexactload()

    [15688] =>         {

    [15689] =>             const br = document.createElement("br");

    [15690] =>             passagefiltersepia.append(br);

    [15691] => 

    [15692] =>             const array =

    [15693] =>             [

    [15694] =>                 ["0",0],

    [15695] =>                 ["25",25],

    [15696] =>                 ["50",50],

    [15697] =>                 ["75",75],

    [15698] =>                 ["100",100],

    [15699] =>             ];

    [15700] => 

    [15701] =>             for(const value of array)

    [15702] =>             {

    [15703] =>                 const button = document.createElement("button");

    [15704] =>                 button.innerHTML = value[0];

    [15705] =>                 button.value = value[1];

    [15706] =>                 button.addEventListener("click", passagefiltersepiaexactupdate);

    [15707] =>                 passagefiltersepia.append(button);

    [15708] =>             }

    [15709] =>         }

    [15710] =>         addEventListener("load", passagefiltersepiaexactload);

    [15711] => 

    [15712] =>         function passagefiltersepiaexactupdate(e)

    [15713] =>         {

    [15714] =>             passagefiltersepianumber.value = Number(e.target.value);

    [15715] => 

    [15716] =>             passagefiltersepianumberupdate();

    [15717] =>         }

    [15718] => 

    [15719] =>         function passagefiltersepiaincrementload()

    [15720] =>         {

    [15721] =>             const br = document.createElement("br");

    [15722] =>             passagefiltersepia.append(br);

    [15723] => 

    [15724] =>             const array =

    [15725] =>             [

    [15726] =>                 ["-10",-10],

    [15727] =>                 ["-1",-1],

    [15728] =>                 ["+1",1],

    [15729] =>                 ["+10",10],

    [15730] =>             ];

    [15731] => 

    [15732] =>             for(const value of array)

    [15733] =>             {

    [15734] =>                 const button = document.createElement("button");

    [15735] =>                 button.innerHTML = value[0];

    [15736] =>                 button.value = value[1];

    [15737] =>                 button.addEventListener("click", passagefiltersepiaincrementupdate);

    [15738] =>                 passagefiltersepia.append(button);

    [15739] =>             }

    [15740] =>         }

    [15741] =>         addEventListener("load", passagefiltersepiaincrementload);

    [15742] => 

    [15743] =>         function passagefiltersepiaincrementupdate(e)

    [15744] =>         {

    [15745] =>             const v = Number(passagefiltersepianumber.value) + Number(e.target.value);

    [15746] => 

    [15747] =>             if((passagefiltersepianumber.min <= v) && (v <= passagefiltersepianumber.max))

    [15748] =>             {

    [15749] =>                 passagefiltersepianumber.value = v;

    [15750] => 

    [15751] =>                 passagefiltersepianumberupdate();

    [15752] =>             }

    [15753] =>         }

    [15754] => //*/

    [15755] => 

    [15756] => 

    [15757] => 

    [15758] => /*

    [15759] =>         function passagemargintopload()

    [15760] =>         {

    [15761] =>             const div = document.createElement("div");

    [15762] =>             div.id = "passagemargintop";

    [15763] =>             div.innerHTML = "margin-top";

    [15764] =>             tabcontentpassage.append(div);

    [15765] =>         }

    [15766] =>         addEventListener("load", passagemargintopload);

    [15767] => 

    [15768] =>         function passagemargintopnumberload()

    [15769] =>         {

    [15770] =>             const br = document.createElement("br");

    [15771] =>             passagemargintop.append(br);

    [15772] => 

    [15773] =>             const input = document.createElement("input");

    [15774] =>             input.id = "passagemargintopnumber";

    [15775] =>             input.max = 1000;

    [15776] =>             input.min = 0;

    [15777] =>             input.type = "number";

    [15778] =>             input.value = 0;

    [15779] =>             input.addEventListener("input", passagemargintopnumberupdate);

    [15780] =>             passagemargintop.append(input);

    [15781] => 

    [15782] =>             //passagemargintopnumberset();

    [15783] =>         }

    [15784] =>         addEventListener("load", passagemargintopnumberload);

    [15785] => 

    [15786] =>         function passagemargintopnumberset()

    [15787] =>         {

    [15788] =>             const v = Number(passagemargintopnumber.value);

    [15789] => 

    [15790] =>             passagemargintoprange.value = v;

    [15791] =>             text.passagemargintop = v;

    [15792] =>         }

    [15793] => 

    [15794] =>         function passagemargintopnumberupdate()

    [15795] =>         {

    [15796] =>             passagemargintopnumberset();

    [15797] => 

    [15798] =>             svgupdate();

    [15799] =>         }

    [15800] => 

    [15801] =>         function passagemargintoprangeload()

    [15802] =>         {

    [15803] =>             const input = document.createElement("input");

    [15804] =>             input.id = "passagemargintoprange";

    [15805] =>             input.max = passagemargintopnumber.max;

    [15806] =>             input.min = passagemargintopnumber.min;

    [15807] =>             input.type = "range";

    [15808] =>             input.value = passagemargintopnumber.value;

    [15809] =>             input.addEventListener("input", passagemargintoprangeupdate);

    [15810] =>             passagemargintop.append(input);

    [15811] => 

    [15812] =>             passagemargintoprangeset();

    [15813] =>         }

    [15814] =>         addEventListener("load", passagemargintoprangeload);

    [15815] => 

    [15816] =>         function passagemargintoprangeset()

    [15817] =>         {

    [15818] =>             const v = Number(passagemargintoprange.value);

    [15819] => 

    [15820] =>             passagemargintopnumber.value = v;

    [15821] =>             text.passagemargintop = v;

    [15822] =>         }

    [15823] => 

    [15824] =>         function passagemargintoprangeupdate()

    [15825] =>         {

    [15826] =>             passagemargintoprangeset();

    [15827] => 

    [15828] =>             svgupdate();

    [15829] =>         }

    [15830] => 

    [15831] => 

    [15832] => 

    [15833] =>         function passagemarginbottomload()

    [15834] =>         {

    [15835] =>             const div = document.createElement("div");

    [15836] =>             div.id = "passagemarginbottom";

    [15837] =>             div.innerHTML = "margin-bottom";

    [15838] =>             tabcontentpassage.append(div);

    [15839] =>         }

    [15840] =>         addEventListener("load", passagemarginbottomload);

    [15841] => 

    [15842] =>         function passagemarginbottomnumberload()

    [15843] =>         {

    [15844] =>             const br = document.createElement("br");

    [15845] =>             passagemarginbottom.append(br);

    [15846] => 

    [15847] =>             const input = document.createElement("input");

    [15848] =>             input.id = "passagemarginbottomnumber";

    [15849] =>             input.max = 1000;

    [15850] =>             input.min = 0;

    [15851] =>             input.type = "number";

    [15852] =>             input.value = 0;

    [15853] =>             input.addEventListener("input", passagemarginbottomnumberupdate);

    [15854] =>             passagemarginbottom.append(input);

    [15855] => 

    [15856] =>             //passagemarginbottomnumberset();

    [15857] =>         }

    [15858] =>         addEventListener("load", passagemarginbottomnumberload);

    [15859] => 

    [15860] =>         function passagemarginbottomnumberset()

    [15861] =>         {

    [15862] =>             const v = Number(passagemarginbottomnumber.value);

    [15863] => 

    [15864] =>             passagemarginbottomrange.value = v;

    [15865] =>             text.passagemarginbottom = v;

    [15866] =>         }

    [15867] => 

    [15868] =>         function passagemarginbottomnumberupdate()

    [15869] =>         {

    [15870] =>             passagemarginbottomnumberset();

    [15871] => 

    [15872] =>             svgupdate();

    [15873] =>         }

    [15874] => 

    [15875] =>         function passagemarginbottomrangeload()

    [15876] =>         {

    [15877] =>             const input = document.createElement("input");

    [15878] =>             input.id = "passagemarginbottomrange";

    [15879] =>             input.max = passagemarginbottomnumber.max;

    [15880] =>             input.min = passagemarginbottomnumber.min;

    [15881] =>             input.type = "range";

    [15882] =>             input.value = passagemarginbottomnumber.value;

    [15883] =>             input.addEventListener("input", passagemarginbottomrangeupdate);

    [15884] =>             passagemarginbottom.append(input);

    [15885] => 

    [15886] =>             passagemarginbottomrangeset();

    [15887] =>         }

    [15888] =>         addEventListener("load", passagemarginbottomrangeload);

    [15889] => 

    [15890] =>         function passagemarginbottomrangeset()

    [15891] =>         {

    [15892] =>             const v = Number(passagemarginbottomrange.value);

    [15893] => 

    [15894] =>             passagemarginbottomnumber.value = v;

    [15895] =>             text.passagemarginbottom = v;

    [15896] =>         }

    [15897] => 

    [15898] =>         function passagemarginbottomrangeupdate()

    [15899] =>         {

    [15900] =>             passagemarginbottomrangeset();

    [15901] => 

    [15902] =>             svgupdate();

    [15903] =>         }

    [15904] => 

    [15905] => 

    [15906] => 

    [15907] =>         function passagemarginleftload()

    [15908] =>         {

    [15909] =>             const div = document.createElement("div");

    [15910] =>             div.id = "passagemarginleft";

    [15911] =>             div.innerHTML = "margin-left";

    [15912] =>             tabcontentpassage.append(div);

    [15913] =>         }

    [15914] =>         addEventListener("load", passagemarginleftload);

    [15915] => 

    [15916] =>         function passagemarginleftnumberload()

    [15917] =>         {

    [15918] =>             const br = document.createElement("br");

    [15919] =>             passagemarginleft.append(br);

    [15920] => 

    [15921] =>             const input = document.createElement("input");

    [15922] =>             input.id = "passagemarginleftnumber";

    [15923] =>             input.max = 1000;

    [15924] =>             input.min = 0;

    [15925] =>             input.type = "number";

    [15926] =>             input.value = 0;

    [15927] =>             input.addEventListener("input", passagemarginleftnumberupdate);

    [15928] =>             passagemarginleft.append(input);

    [15929] => 

    [15930] =>             //passagemarginleftnumberset();

    [15931] =>         }

    [15932] =>         addEventListener("load", passagemarginleftnumberload);

    [15933] => 

    [15934] =>         function passagemarginleftnumberset()

    [15935] =>         {

    [15936] =>             const v = Number(passagemarginleftnumber.value);

    [15937] => 

    [15938] =>             passagemarginleftrange.value = v;

    [15939] =>             text.passagemarginleft = v;

    [15940] =>         }

    [15941] => 

    [15942] =>         function passagemarginleftnumberupdate()

    [15943] =>         {

    [15944] =>             passagemarginleftnumberset();

    [15945] => 

    [15946] =>             svgupdate();

    [15947] =>         }

    [15948] => 

    [15949] =>         function passagemarginleftrangeload()

    [15950] =>         {

    [15951] =>             const input = document.createElement("input");

    [15952] =>             input.id = "passagemarginleftrange";

    [15953] =>             input.max = passagemarginleftnumber.max;

    [15954] =>             input.min = passagemarginleftnumber.min;

    [15955] =>             input.type = "range";

    [15956] =>             input.value = passagemarginleftnumber.value;

    [15957] =>             input.addEventListener("input", passagemarginleftrangeupdate);

    [15958] =>             passagemarginleft.append(input);

    [15959] => 

    [15960] =>             passagemarginleftrangeset();

    [15961] =>         }

    [15962] =>         addEventListener("load", passagemarginleftrangeload);

    [15963] => 

    [15964] =>         function passagemarginleftrangeset()

    [15965] =>         {

    [15966] =>             const v = Number(passagemarginleftrange.value);

    [15967] => 

    [15968] =>             passagemarginleftnumber.value = v;

    [15969] =>             text.passagemarginleft = v;

    [15970] =>         }

    [15971] => 

    [15972] =>         function passagemarginleftrangeupdate()

    [15973] =>         {

    [15974] =>             passagemarginleftrangeset();

    [15975] => 

    [15976] =>             svgupdate();

    [15977] =>         }

    [15978] => 

    [15979] => 

    [15980] => 

    [15981] =>         function passagemarginrightload()

    [15982] =>         {

    [15983] =>             const div = document.createElement("div");

    [15984] =>             div.id = "passagemarginright";

    [15985] =>             div.innerHTML = "margin-right";

    [15986] =>             tabcontentpassage.append(div);

    [15987] =>         }

    [15988] =>         addEventListener("load", passagemarginrightload);

    [15989] => 

    [15990] =>         function passagemarginrightnumberload()

    [15991] =>         {

    [15992] =>             const br = document.createElement("br");

    [15993] =>             passagemarginright.append(br);

    [15994] => 

    [15995] =>             const input = document.createElement("input");

    [15996] =>             input.id = "passagemarginrightnumber";

    [15997] =>             input.max = 1000;

    [15998] =>             input.min = 0;

    [15999] =>             input.type = "number";

    [16000] =>             input.value = 0;

    [16001] =>             input.addEventListener("input", passagemarginrightnumberupdate);

    [16002] =>             passagemarginright.append(input);

    [16003] => 

    [16004] =>             //passagemarginrightnumberset();

    [16005] =>         }

    [16006] =>         addEventListener("load", passagemarginrightnumberload);

    [16007] => 

    [16008] =>         function passagemarginrightnumberset()

    [16009] =>         {

    [16010] =>             const v = Number(passagemarginrightnumber.value);

    [16011] => 

    [16012] =>             passagemarginrightrange.value = v;

    [16013] =>             text.passagemarginright = v;

    [16014] =>         }

    [16015] => 

    [16016] =>         function passagemarginrightnumberupdate()

    [16017] =>         {

    [16018] =>             passagemarginrightnumberset();

    [16019] => 

    [16020] =>             svgupdate();

    [16021] =>         }

    [16022] => 

    [16023] =>         function passagemarginrightrangeload()

    [16024] =>         {

    [16025] =>             const input = document.createElement("input");

    [16026] =>             input.id = "passagemarginrightrange";

    [16027] =>             input.max = passagemarginrightnumber.max;

    [16028] =>             input.min = passagemarginrightnumber.min;

    [16029] =>             input.type = "range";

    [16030] =>             input.value = passagemarginrightnumber.value;

    [16031] =>             input.addEventListener("input", passagemarginrightrangeupdate);

    [16032] =>             passagemarginright.append(input);

    [16033] => 

    [16034] =>             passagemarginrightrangeset();

    [16035] =>         }

    [16036] =>         addEventListener("load", passagemarginrightrangeload);

    [16037] => 

    [16038] =>         function passagemarginrightrangeset()

    [16039] =>         {

    [16040] =>             const v = Number(passagemarginrightrange.value);

    [16041] => 

    [16042] =>             passagemarginrightnumber.value = v;

    [16043] =>             text.passagemarginright = v;

    [16044] =>         }

    [16045] => 

    [16046] =>         function passagemarginrightrangeupdate()

    [16047] =>         {

    [16048] =>             passagemarginrightrangeset();

    [16049] => 

    [16050] =>             svgupdate();

    [16051] =>         }

    [16052] => 

    [16053] => 

    [16054] => 

    [16055] =>         function passagepaddingtopload()

    [16056] =>         {

    [16057] =>             const div = document.createElement("div");

    [16058] =>             div.id = "passagepaddingtop";

    [16059] =>             div.innerHTML = "padding-top";

    [16060] =>             tabcontentpassage.append(div);

    [16061] =>         }

    [16062] =>         addEventListener("load", passagepaddingtopload);

    [16063] => 

    [16064] =>         function passagepaddingtopnumberload()

    [16065] =>         {

    [16066] =>             const br = document.createElement("br");

    [16067] =>             passagepaddingtop.append(br);

    [16068] => 

    [16069] =>             const input = document.createElement("input");

    [16070] =>             input.id = "passagepaddingtopnumber";

    [16071] =>             input.max = 1000;

    [16072] =>             input.min = 0;

    [16073] =>             input.type = "number";

    [16074] =>             input.value = 0;

    [16075] =>             input.addEventListener("input", passagepaddingtopnumberupdate);

    [16076] =>             passagepaddingtop.append(input);

    [16077] => 

    [16078] =>             //passagepaddingtopnumberset();

    [16079] =>         }

    [16080] =>         addEventListener("load", passagepaddingtopnumberload);

    [16081] => 

    [16082] =>         function passagepaddingtopnumberset()

    [16083] =>         {

    [16084] =>             const v = Number(passagepaddingtopnumber.value);

    [16085] => 

    [16086] =>             passagepaddingtoprange.value = v;

    [16087] =>             text.passagepaddingtop = v;

    [16088] =>         }

    [16089] => 

    [16090] =>         function passagepaddingtopnumberupdate()

    [16091] =>         {

    [16092] =>             passagepaddingtopnumberset();

    [16093] => 

    [16094] =>             svgupdate();

    [16095] =>         }

    [16096] => 

    [16097] =>         function passagepaddingtoprangeload()

    [16098] =>         {

    [16099] =>             const input = document.createElement("input");

    [16100] =>             input.id = "passagepaddingtoprange";

    [16101] =>             input.max = passagepaddingtopnumber.max;

    [16102] =>             input.min = passagepaddingtopnumber.min;

    [16103] =>             input.type = "range";

    [16104] =>             input.value = passagepaddingtopnumber.value;

    [16105] =>             input.addEventListener("input", passagepaddingtoprangeupdate);

    [16106] =>             passagepaddingtop.append(input);

    [16107] => 

    [16108] =>             passagepaddingtoprangeset();

    [16109] =>         }

    [16110] =>         addEventListener("load", passagepaddingtoprangeload);

    [16111] => 

    [16112] =>         function passagepaddingtoprangeset()

    [16113] =>         {

    [16114] =>             const v = Number(passagepaddingtoprange.value);

    [16115] => 

    [16116] =>             passagepaddingtopnumber.value = v;

    [16117] =>             text.passagepaddingtop = v;

    [16118] =>         }

    [16119] => 

    [16120] =>         function passagepaddingtoprangeupdate()

    [16121] =>         {

    [16122] =>             passagepaddingtoprangeset();

    [16123] => 

    [16124] =>             svgupdate();

    [16125] =>         }

    [16126] => 

    [16127] => 

    [16128] => 

    [16129] =>         function passagepaddingbottomload()

    [16130] =>         {

    [16131] =>             const div = document.createElement("div");

    [16132] =>             div.id = "passagepaddingbottom";

    [16133] =>             div.innerHTML = "padding-bottom";

    [16134] =>             tabcontentpassage.append(div);

    [16135] =>         }

    [16136] =>         addEventListener("load", passagepaddingbottomload);

    [16137] => 

    [16138] =>         function passagepaddingbottomnumberload()

    [16139] =>         {

    [16140] =>             const br = document.createElement("br");

    [16141] =>             passagepaddingbottom.append(br);

    [16142] => 

    [16143] =>             const input = document.createElement("input");

    [16144] =>             input.id = "passagepaddingbottomnumber";

    [16145] =>             input.max = 1000;

    [16146] =>             input.min = 0;

    [16147] =>             input.type = "number";

    [16148] =>             input.value = 0;

    [16149] =>             input.addEventListener("input", passagepaddingbottomnumberupdate);

    [16150] =>             passagepaddingbottom.append(input);

    [16151] => 

    [16152] =>             //passagepaddingbottomnumberset();

    [16153] =>         }

    [16154] =>         addEventListener("load", passagepaddingbottomnumberload);

    [16155] => 

    [16156] =>         function passagepaddingbottomnumberset()

    [16157] =>         {

    [16158] =>             const v = Number(passagepaddingbottomnumber.value);

    [16159] => 

    [16160] =>             passagepaddingbottomrange.value = v;

    [16161] =>             text.passagepaddingbottom = v;

    [16162] =>         }

    [16163] => 

    [16164] =>         function passagepaddingbottomnumberupdate()

    [16165] =>         {

    [16166] =>             passagepaddingbottomnumberset();

    [16167] => 

    [16168] =>             svgupdate();

    [16169] =>         }

    [16170] => 

    [16171] =>         function passagepaddingbottomrangeload()

    [16172] =>         {

    [16173] =>             const input = document.createElement("input");

    [16174] =>             input.id = "passagepaddingbottomrange";

    [16175] =>             input.max = passagepaddingbottomnumber.max;

    [16176] =>             input.min = passagepaddingbottomnumber.min;

    [16177] =>             input.type = "range";

    [16178] =>             input.value = passagepaddingbottomnumber.value;

    [16179] =>             input.addEventListener("input", passagepaddingbottomrangeupdate);

    [16180] =>             passagepaddingbottom.append(input);

    [16181] => 

    [16182] =>             passagepaddingbottomrangeset();

    [16183] =>         }

    [16184] =>         addEventListener("load", passagepaddingbottomrangeload);

    [16185] => 

    [16186] =>         function passagepaddingbottomrangeset()

    [16187] =>         {

    [16188] =>             const v = Number(passagepaddingbottomrange.value);

    [16189] => 

    [16190] =>             passagepaddingbottomnumber.value = v;

    [16191] =>             text.passagepaddingbottom = v;

    [16192] =>         }

    [16193] => 

    [16194] =>         function passagepaddingbottomrangeupdate()

    [16195] =>         {

    [16196] =>             passagepaddingbottomrangeset();

    [16197] => 

    [16198] =>             svgupdate();

    [16199] =>         }

    [16200] => 

    [16201] => 

    [16202] => 

    [16203] =>         function passagepaddingleftload()

    [16204] =>         {

    [16205] =>             const div = document.createElement("div");

    [16206] =>             div.id = "passagepaddingleft";

    [16207] =>             div.innerHTML = "padding-left";

    [16208] =>             tabcontentpassage.append(div);

    [16209] =>         }

    [16210] =>         addEventListener("load", passagepaddingleftload);

    [16211] => 

    [16212] =>         function passagepaddingleftnumberload()

    [16213] =>         {

    [16214] =>             const br = document.createElement("br");

    [16215] =>             passagepaddingleft.append(br);

    [16216] => 

    [16217] =>             const input = document.createElement("input");

    [16218] =>             input.id = "passagepaddingleftnumber";

    [16219] =>             input.max = 1000;

    [16220] =>             input.min = 0;

    [16221] =>             input.type = "number";

    [16222] =>             input.value = 0;

    [16223] =>             input.addEventListener("input", passagepaddingleftnumberupdate);

    [16224] =>             passagepaddingleft.append(input);

    [16225] => 

    [16226] =>             //passagepaddingleftnumberset();

    [16227] =>         }

    [16228] =>         addEventListener("load", passagepaddingleftnumberload);

    [16229] => 

    [16230] =>         function passagepaddingleftnumberset()

    [16231] =>         {

    [16232] =>             const v = Number(passagepaddingleftnumber.value);

    [16233] => 

    [16234] =>             passagepaddingleftrange.value = v;

    [16235] =>             text.passagepaddingleft = v;

    [16236] =>         }

    [16237] => 

    [16238] =>         function passagepaddingleftnumberupdate()

    [16239] =>         {

    [16240] =>             passagepaddingleftnumberset();

    [16241] => 

    [16242] =>             svgupdate();

    [16243] =>         }

    [16244] => 

    [16245] =>         function passagepaddingleftrangeload()

    [16246] =>         {

    [16247] =>             const input = document.createElement("input");

    [16248] =>             input.id = "passagepaddingleftrange";

    [16249] =>             input.max = passagepaddingleftnumber.max;

    [16250] =>             input.min = passagepaddingleftnumber.min;

    [16251] =>             input.type = "range";

    [16252] =>             input.value = passagepaddingleftnumber.value;

    [16253] =>             input.addEventListener("input", passagepaddingleftrangeupdate);

    [16254] =>             passagepaddingleft.append(input);

    [16255] => 

    [16256] =>             passagepaddingleftrangeset();

    [16257] =>         }

    [16258] =>         addEventListener("load", passagepaddingleftrangeload);

    [16259] => 

    [16260] => 

    [16261] =>         function passagepaddingleftrangeset()

    [16262] =>         {

    [16263] =>             const v = Number(passagepaddingleftrange.value);

    [16264] => 

    [16265] =>             passagepaddingleftnumber.value = v;

    [16266] =>             text.passagepaddingleft = v;

    [16267] =>         }

    [16268] => 

    [16269] =>         function passagepaddingleftrangeupdate()

    [16270] =>         {

    [16271] =>             passagepaddingleftrangeset();

    [16272] => 

    [16273] =>             svgupdate();

    [16274] =>         }

    [16275] => 

    [16276] => 

    [16277] => 

    [16278] =>         function passagepaddingrightload()

    [16279] =>         {

    [16280] =>             const div = document.createElement("div");

    [16281] =>             div.id = "passagepaddingright";

    [16282] =>             div.innerHTML = "padding-right";

    [16283] =>             tabcontentpassage.append(div);

    [16284] =>         }

    [16285] =>         addEventListener("load", passagepaddingrightload);

    [16286] => 

    [16287] =>         function passagepaddingrightnumberload()

    [16288] =>         {

    [16289] =>             const br = document.createElement("br");

    [16290] =>             passagepaddingright.append(br);

    [16291] => 

    [16292] =>             const input = document.createElement("input");

    [16293] =>             input.id = "passagepaddingrightnumber";

    [16294] =>             input.max = 1000;

    [16295] =>             input.min = 0;

    [16296] =>             input.type = "number";

    [16297] =>             input.value = 0;

    [16298] =>             input.addEventListener("input", passagepaddingrightnumberupdate);

    [16299] =>             passagepaddingright.append(input);

    [16300] => 

    [16301] =>             //passagepaddingrightnumberset();

    [16302] =>         }

    [16303] =>         addEventListener("load", passagepaddingrightnumberload);

    [16304] => 

    [16305] =>         function passagepaddingrightnumberset()

    [16306] =>         {

    [16307] =>             const v = Number(passagepaddingrightnumber.value);

    [16308] => 

    [16309] =>             passagepaddingrightrange.value = v;

    [16310] =>             text.passagepaddingright = v;

    [16311] =>         }

    [16312] => 

    [16313] =>         function passagepaddingrightnumberupdate()

    [16314] =>         {

    [16315] =>             passagepaddingrightnumberset();

    [16316] => 

    [16317] =>             svgupdate();

    [16318] =>         }

    [16319] => 

    [16320] =>         function passagepaddingrightrangeload()

    [16321] =>         {

    [16322] =>             const input = document.createElement("input");

    [16323] =>             input.id = "passagepaddingrightrange";

    [16324] =>             input.max = passagepaddingrightnumber.max;

    [16325] =>             input.min = passagepaddingrightnumber.min;

    [16326] =>             input.type = "range";

    [16327] =>             input.value = passagepaddingrightnumber.value;

    [16328] =>             input.addEventListener("input", passagepaddingrightrangeupdate);

    [16329] =>             passagepaddingright.append(input);

    [16330] => 

    [16331] =>             passagepaddingrightrangeset();

    [16332] =>         }

    [16333] =>         addEventListener("load", passagepaddingrightrangeload);

    [16334] => 

    [16335] =>         function passagepaddingrightrangeset()

    [16336] =>         {

    [16337] =>             const v = Number(passagepaddingrightrange.value);

    [16338] => 

    [16339] =>             passagepaddingrightnumber.value = v;

    [16340] =>             text.passagepaddingright = v;

    [16341] =>         }

    [16342] => 

    [16343] =>         function passagepaddingrightrangeupdate()

    [16344] =>         {

    [16345] =>             passagepaddingrightrangeset();

    [16346] => 

    [16347] =>             svgupdate();

    [16348] =>         }

    [16349] => //*/

    [16350] => 

    [16351] => 

    [16352] => 

    [16353] => 

    [16354] => 

    [16355] => 

    [16356] =>         function savedownloadload()

    [16357] =>         {

    [16358] =>             const div = document.createElement("div");

    [16359] =>             div.id = "savedownload";

    [16360] =>             //div.innerHTML = "download<br>";

    [16361] =>             tabcontentsave.append(div);

    [16362] =>         }

    [16363] =>         addEventListener("load", savedownloadload);

    [16364] => 

    [16365] =>         function savedownloadimageload()

    [16366] =>         {

    [16367] =>             const a = document.createElement("a");

    [16368] =>             a.download = "download";

    [16369] =>             a.id = "savedownloadimage";

    [16370] =>             a.innerHTML = "download";

    [16371] =>             a.addEventListener("click", savedownloadimageupdate);

    [16372] =>             savedownload.append(a);

    [16373] => 

    [16374] =>             savedownloadimageupdate();

    [16375] =>         }

    [16376] =>         addEventListener("load", savedownloadimageload);

    [16377] => 

    [16378] =>         function savedownloadimageupdate()

    [16379] =>         {

    [16380] =>             savedownloadimage.href = canvas.toDataURL();

    [16381] =>         }

    [16382] => /*

    [16383] =>         function savedownloadsettingsload()

    [16384] =>         {

    [16385] =>             const a = document.createElement("a");

    [16386] =>             a.download = "settings.txt";

    [16387] =>             a.id = "savedownloadsettings";

    [16388] =>             a.innerHTML = "<br>settings";

    [16389] =>             a.addEventListener("click", savedownloadsettingsupdate);

    [16390] =>             savedownload.append(a);

    [16391] => 

    [16392] =>             savedownloadsettingsupdate();

    [16393] =>         }

    [16394] =>         addEventListener("load", savedownloadsettingsload);

    [16395] => 

    [16396] =>         function savedownloadsettingsupdate()

    [16397] =>         {

    [16398] =>             const data =

    [16399] =>             [

    [16400] =>                 [

    [16401] =>                     "canvas.width",

    [16402] =>                     canvas.width,

    [16403] =>                 ],

    [16404] =>                 canvas.height,

    [16405] =>                 canvas.backgroundcolor,

    [16406] =>                 canvas.backgroundalpha,

    [16407] =>                 image.file,

    [16408] =>                 image.fit,

    [16409] =>                 image.width,

    [16410] =>                 image.height,

    [16411] =>                 image.x,

    [16412] =>                 image.y,

    [16413] =>                 image.backgroundcolor,

    [16414] =>                 image.backgroundalpha,

    [16415] =>                 image.opacity,

    [16416] =>                 text.messagetext,

    [16417] =>                 text.messagewidth,

    [16418] =>                 text.messageheight,

    [16419] =>                 text.messagex,

    [16420] =>                 text.messagey,

    [16421] =>                 text.messagehorizontal,

    [16422] =>                 text.messagevertical,

    [16423] =>                 text.messagewritingmode,

    [16424] =>                 text.messagefontfamily,

    [16425] =>                 text.messagefontsize,

    [16426] =>                 text.messagebackgroundcolor,

    [16427] =>                 text.messagebackgroundalpha,

    [16428] =>                 text.messagecolor,

    [16429] =>                 text.messagealpha,

    [16430] =>                 text.version,

    [16431] =>                 text.versionname,

    [16432] =>                 text.book,

    [16433] =>                 text.bookname,

    [16434] =>                 text.chapter,

    [16435] =>                 text.verse,

    [16436] =>                 text.verseend,

    [16437] =>                 text.referencewidth,

    [16438] =>                 text.referenceheight,

    [16439] =>                 text.referencex,

    [16440] =>                 text.referencey,

    [16441] =>                 text.referencehorizontal,

    [16442] =>                 text.referencevertical,

    [16443] =>                 text.referencewritingmode,

    [16444] =>                 text.referencefontfamily,

    [16445] =>                 text.referencefontsize,

    [16446] =>                 text.referencebackgroundcolor,

    [16447] =>                 text.referencebackgroundalpha,

    [16448] =>                 text.referencecolor,

    [16449] =>                 text.referencealpha,

    [16450] =>                 text.passagewidth,

    [16451] =>                 text.passageheight,

    [16452] =>                 text.passagex,

    [16453] =>                 text.passagey,

    [16454] =>                 text.passagehorizontal,

    [16455] =>                 text.passagevertical,

    [16456] =>                 text.passagewritingmode,

    [16457] =>                 text.passagefontfamily,

    [16458] =>                 text.passagefontsize,

    [16459] =>                 text.passagebackgroundcolor,

    [16460] =>                 text.passagebackgroundalpha,

    [16461] =>                 text.passagecolor,

    [16462] =>                 text.passagealpha,

    [16463] =>             ];

    [16464] =>             //leftoff

    [16465] =>             const data2 = [];

    [16466] =>             for(const a of data)

    [16467] =>             {

    [16468] =>                 data2

    [16469] =>             }

    [16470] =>             savedownloadsettings.href = `data:text/plain,${data}`;

    [16471] =>         }

    [16472] => 

    [16473] => 

    [16474] => 

    [16475] =>         function savefileload()

    [16476] =>         {

    [16477] =>             const div = document.createElement("div");

    [16478] =>             div.id = "savefile";

    [16479] =>             div.innerHTML = "file<br>";

    [16480] =>             tabcontentsave.append(div);

    [16481] =>         }

    [16482] =>         addEventListener("load", savefileload);

    [16483] => 

    [16484] =>         function savefilefileload()

    [16485] =>         {

    [16486] =>             const input = document.createElement("input");

    [16487] =>             input.id = "savefilefile";

    [16488] =>             input.type = "file";

    [16489] =>             input.addEventListener("change", savefilefileupdate);

    [16490] =>             savefile.append(input);

    [16491] =>         }

    [16492] =>         addEventListener("load", savefilefileload);

    [16493] => 

    [16494] =>         function savefilefileupdate()

    [16495] =>         {

    [16496] =>             const f = savefilefile.files[0];

    [16497] => 

    [16498] =>             save.src = URL.createObjectURL(f);

    [16499] =>         }

    [16500] => //*/</script></div></main><div class=banner><script defer src=https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4239362730750625 crossorigin=anonymous></script><ins class=adsbygoogle data-ad-client=ca-pub-4239362730750625 data-ad-slot=5564639719><a href=https://samaritanspurse.org/ target=_blank><img alt="Samaritan's Purse" src=/assets/svg/SamaritansPurseBanner.svg title="Samaritan's Purse"></a></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script></div><footer><div id=boilerplate><div><a href=/Jesus/>Jesus</a> · <a href=/Bible/>Bible</a></div><div><a href=/html/>HTML</a> · <a href=/css/>CSS</a> · <a href=/js/>JS</a> · <a href=/php/>PHP</a> · <a href=/svg/>SVG</a></div><div><a href=/applications/>Applications</a> · <a href=/editor/>Editor</a> · <a href=/favicon/>Favicon</a></div><div><a href=/htaccess/>.htaccess</a> · <a href=/acme.sh/>acme.sh</a></div><div><a href=/flash/>Flash</a> · <a href=/sketchup/>SketchUp</a> · <a href=/unity/>Unity</a> · <a href=/xcode/>Xcode</a></div><div><a href=/about/>About</a> · <a href=/privacy/>Privacy</a> · <a href=/terms/>Terms</a></div><div><a href=/>osbo.com</a></div></div><div id=copyright>© 2026 Osbo Design</div></footer></div><div id=nav><div class=h1><a href=/Jesus/>JESUS</a></div><div class=h1><a id=switch-Bible>BIBLE</a></div><div id=list-Bible><h2>Overview</h2><div><ul><li><a href=/Bible/>Overview</a></li></ul></div><h2>Search</h2><div><ul><li><a href=/Bible/search/>Search</a></li></ul></div><h2>Download</h2><div><ul><li><a href=/Bible/download/>Download</a></li></ul></div><h2>العربية</h2><div><ul><li><a href=/Bible/asvd/>الكتاب المقدس ترجمة فانديك وسميث (ASVD)</a></li></ul></div><h2>česky</h2><div><ul><li><a href=/Bible/csbkr/>Bible Kralická 1613 (CSBKR)</a></li></ul></div><h2>Dansk</h2><div><ul><li><a href=/Bible/da1871/>Danske Bibel 1871 (DA1871)</a></li></ul></div><h2>Deutsch</h2><div><ul><li><a href=/Bible/delut/>Luther Bible 1912 (DELUT)</a></li><li><a href=/Bible/elb/>Elberfelder 1905 (ELB)</a></li><li><a href=/Bible/elb71/>Elberfelder 1871 (ELB71)</a></li></ul></div><h2>English</h2><div><ul><li><a href=/Bible/asv/>American Standard Version (ASV)</a></li><li><a href=/Bible/kjv/>King James Version (KJV)</a></li><li><a href=/Bible/web/>World English Bible (WEB)</a></li></ul></div><h2>Español</h2><div><ul><li><a href=/Bible/rves/>Reina-Valera Antigua (RVES)</a></li></ul></div><h2>Suomi</h2><div><ul><li><a href=/Bible/fi1776/>Finnish 1776 (FI1776)</a></li><li><a href=/Bible/finpr/>Finnish 1938 (FINPR)</a></li></ul></div><h2>Français</h2><div><ul><li><a href=/Bible/fmar/>Martin 1744 (FMAR)</a></li><li><a href=/Bible/frdby/>Bible Darby en français (FRDBY)</a></li><li><a href=/Bible/lsg/>Louis Segond 1910 (LSG)</a></li><li><a href=/Bible/ost/>Ostervald (OST)</a></li></ul></div><h2>Magyar</h2><div><ul><li><a href=/Bible/kar/>Károli 1590 (KAR)</a></li></ul></div><h2>Bahasa Indonesia</h2><div><ul><li><a href=/Bible/idbar/>Terjemahan Baru (IDBAR)</a></li></ul></div><h2>Italiano</h2><div><ul><li><a href=/Bible/igd/>Giovanni Diodati Bibbia (IGD)</a></li><li><a href=/Bible/itriv/>Italian Riveduta 1927 (ITRIV)</a></li></ul></div><h2>日本語</h2><div><ul><li><a href=/Bible/ja1955/>Colloquial Japanese 1955 (JA1955)</a></li></ul></div><h2>Malagasy</h2><div><ul><li><a href=/Bible/mg1865/>Malagasy Bible (MG1865)</a></li></ul></div><h2>te reo Māori</h2><div><ul><li><a href=/Bible/maor/>Maori Bible (MAOR)</a></li></ul></div><h2>한국어</h2><div><ul><li><a href=/Bible/korvb/>개역한글 (KORVB)</a></li></ul></div><h2>Nederlands</h2><div><ul><li><a href=/Bible/sv1750/>Statenvertaling (SV1750)</a></li></ul></div><h2>Norsk</h2><div><ul><li><a href=/Bible/norsk/>Det Norsk Bibelselskap 1930 (NORSK)</a></li></ul></div><h2>Polski</h2><div><ul><li><a href=/Bible/pbg/>Biblia Gdańska (PBG)</a></li></ul></div><h2>Português</h2><div><ul><li><a href=/Bible/aa/>Almeida Atualizada (AA)</a></li></ul></div><h2>Română</h2><div><ul><li><a href=/Bible/rmnn/>Romanian Cornilescu 1928 (RMNN)</a></li><li><a href=/Bible/vdc/>Versiunea Dumitru Cornilescu (VDC)</a></li><li><a href=/Bible/vdcc/>Versiunea Dumitru Cornilescu Corectată (VDCC)</a></li></ul></div><h2>Pyccкий</h2><div><ul><li><a href=/Bible/rursv/>Синодальный перевод (RURSV)</a></li></ul></div><h2>Shqip</h2><div><ul><li><a href=/Bible/albb/>Albanian Bible (ALBB)</a></li></ul></div><h2>Svenska</h2><div><ul><li><a href=/Bible/sk73/>Karl XII 1873 (SK73)</a></li><li><a href=/Bible/sven/>Svenska 1917 (SVEN)</a></li></ul></div><h2>Wikang Tagalog</h2><div><ul><li><a href=/Bible/tlab/>Ang Biblia (TLAB)</a></li></ul></div><h2>українська</h2><div><ul><li><a href=/Bible/ubio/>Біблія в пер. Івана Огієнка 1962 (UBIO)</a></li><li><a href=/Bible/ukrk/>Біблія в пер. П.Куліша та І.Пулюя 1905 (UKRK)</a></li></ul></div><h2>Tiếng Việt</h2><div><ul><li><a href=/Bible/vi1934/>Vietnamese Bible 1934 (VI1934)</a></li></ul></div><h2>简体中文</h2><div><ul><li><a href=/Bible/cuvs/>简体和合本 (CUVS)</a></li></ul></div><h2>繁體中文</h2><div><ul><li><a href=/Bible/cuv/>和合本 (CUV)</a></li></ul></div></div><div class=h1><a id=switch-html>HTML</a></div><div id=list-html><h2>Overview</h2><div><ul><li><a href=/html/>Overview</a></li></ul></div><h2>Attributes</h2><div><ul><li><a href=/html/attributes/abbr/>abbr</a></li><li><a href=/html/attributes/accept/>accept</a></li><li><a href=/html/attributes/accept-charset/>accept-charset</a></li><li><a href=/html/attributes/accesskey/>accesskey</a></li><li><a href=/html/attributes/action/>action</a></li><li><a href=/html/attributes/alt/>alt</a></li><li><a href=/html/attributes/as/>as</a></li><li><a href=/html/attributes/async/>async</a></li><li><a href=/html/attributes/autocapitalize/>autocapitalize</a></li><li><a href=/html/attributes/autocomplete/>autocomplete</a></li><li><a href=/html/attributes/autofocus/>autofocus</a></li><li><a href=/html/attributes/autoplay/>autoplay</a></li><li><a href=/html/attributes/blocking/>blocking</a></li><li><a href=/html/attributes/charset/>charset</a></li><li><a href=/html/attributes/checked/>checked</a></li><li><a href=/html/attributes/cite/>cite</a></li><li><a href=/html/attributes/class/>class</a></li><li><a href=/html/attributes/color/>color</a></li><li><a href=/html/attributes/cols/>cols</a></li><li><a href=/html/attributes/colspan/>colspan</a></li><li><a href=/html/attributes/contenteditable/>contenteditable</a></li><li><a href=/html/attributes/controls/>controls</a></li><li><a href=/html/attributes/coords/>coords</a></li><li><a href=/html/attributes/crossorigin/>crossorigin</a></li><li><a href=/html/attributes/data/>data</a></li><li><a href=/html/attributes/datetime/>datetime</a></li><li><a href=/html/attributes/decoding/>decoding</a></li><li><a href=/html/attributes/default/>default</a></li><li><a href=/html/attributes/defer/>defer</a></li><li><a href=/html/attributes/dir/>dir</a></li><li><a href=/html/attributes/dirname/>dirname</a></li><li><a href=/html/attributes/disabled/>disabled</a></li><li><a href=/html/attributes/download/>download</a></li><li><a href=/html/attributes/draggable/>draggable</a></li><li><a href=/html/attributes/enctype/>enctype</a></li><li><a href=/html/attributes/enterkeyhint/>enterkeyhint</a></li><li><a href=/html/attributes/exportparts/>exportparts</a></li><li><a href=/html/attributes/fetchpriority/>fetchpriority</a></li><li><a href=/html/attributes/for/>for</a></li><li><a href=/html/attributes/form/>form</a></li><li><a href=/html/attributes/formaction/>formaction</a></li><li><a href=/html/attributes/formenctype/>formenctype</a></li><li><a href=/html/attributes/formmethod/>formmethod</a></li><li><a href=/html/attributes/formnovalidate/>formnovalidate</a></li><li><a href=/html/attributes/formtarget/>formtarget</a></li><li><a href=/html/attributes/headers/>headers</a></li><li><a href=/html/attributes/height/>height</a></li><li><a href=/html/attributes/hidden/>hidden</a></li><li><a href=/html/attributes/high/>high</a></li><li><a href=/html/attributes/href/>href</a></li><li><a href=/html/attributes/hreflang/>hreflang</a></li><li><a href=/html/attributes/http-equiv/>http-equiv</a></li><li><a href=/html/attributes/id/>id</a></li><li><a href=/html/attributes/imagesizes/>imagesizes</a></li><li><a href=/html/attributes/imagesrcset/>imagesrcset</a></li><li><a href=/html/attributes/inert/>inert</a></li><li><a href=/html/attributes/inputmode/>inputmode</a></li><li><a href=/html/attributes/integrity/>integrity</a></li><li><a href=/html/attributes/is/>is</a></li><li><a href=/html/attributes/ismap/>ismap</a></li><li><a href=/html/attributes/itemid/>itemid</a></li><li><a href=/html/attributes/itemprop/>itemprop</a></li><li><a href=/html/attributes/itemref/>itemref</a></li><li><a href=/html/attributes/itemscope/>itemscope</a></li><li><a href=/html/attributes/itemtype/>itemtype</a></li><li><a href=/html/attributes/kind/>kind</a></li><li><a href=/html/attributes/label/>label</a></li><li><a href=/html/attributes/lang/>lang</a></li><li><a href=/html/attributes/list/>list</a></li><li><a href=/html/attributes/loading/>loading</a></li><li><a href=/html/attributes/loop/>loop</a></li><li><a href=/html/attributes/low/>low</a></li><li><a href=/html/attributes/max/>max</a></li><li><a href=/html/attributes/maxlength/>maxlength</a></li><li><a href=/html/attributes/media/>media</a></li><li><a href=/html/attributes/method/>method</a></li><li><a href=/html/attributes/min/>min</a></li><li><a href=/html/attributes/minlength/>minlength</a></li><li><a href=/html/attributes/multiple/>multiple</a></li><li><a href=/html/attributes/muted/>muted</a></li><li><a href=/html/attributes/name/>name</a></li><li><a href=/html/attributes/nomodule/>nomodule</a></li><li><a href=/html/attributes/nonce/>nonce</a></li><li><a href=/html/attributes/novalidate/>novalidate</a></li><li><a href=/html/attributes/onabort/>onabort</a></li><li><a href=/html/attributes/onafterprint/>onafterprint</a></li><li><a href=/html/attributes/onauxclick/>onauxclick</a></li><li><a href=/html/attributes/onbeforeinput/>onbeforeinput</a></li><li><a href=/html/attributes/onbeforeprint/>onbeforeprint</a></li><li><a href=/html/attributes/onbeforetoggle/>onbeforetoggle</a></li><li><a href=/html/attributes/onbeforeunload/>onbeforeunload</a></li><li><a href=/html/attributes/onblur/>onblur</a></li><li><a href=/html/attributes/oncancel/>oncancel</a></li><li><a href=/html/attributes/oncanplay/>oncanplay</a></li><li><a href=/html/attributes/oncanplaythrough/>oncanplaythrough</a></li><li><a href=/html/attributes/onchange/>onchange</a></li><li><a href=/html/attributes/onclick/>onclick</a></li><li><a href=/html/attributes/oncontextlost/>oncontextlost</a></li><li><a href=/html/attributes/oncontextmenu/>oncontextmenu</a></li><li><a href=/html/attributes/oncontextrestored/>oncontextrestored</a></li><li><a href=/html/attributes/oncopy/>oncopy</a></li><li><a href=/html/attributes/oncut/>oncut</a></li><li><a href=/html/attributes/ondblclick/>ondblclick</a></li><li><a href=/html/attributes/ondrag/>ondrag</a></li><li><a href=/html/attributes/ondragend/>ondragend</a></li><li><a href=/html/attributes/ondragenter/>ondragenter</a></li><li><a href=/html/attributes/ondragleave/>ondragleave</a></li><li><a href=/html/attributes/ondragover/>ondragover</a></li><li><a href=/html/attributes/ondragstart/>ondragstart</a></li><li><a href=/html/attributes/ondrop/>ondrop</a></li><li><a href=/html/attributes/ondurationchange/>ondurationchange</a></li><li><a href=/html/attributes/onended/>onended</a></li><li><a href=/html/attributes/onfocus/>onfocus</a></li><li><a href=/html/attributes/onformdata/>onformdata</a></li><li><a href=/html/attributes/onhashchange/>onhashchange</a></li><li><a href=/html/attributes/oninput/>oninput</a></li><li><a href=/html/attributes/oninvalid/>oninvalid</a></li><li><a href=/html/attributes/onkeydown/>onkeydown</a></li><li><a href=/html/attributes/onkeypress/>onkeypress</a></li><li><a href=/html/attributes/onkeyup/>onkeyup</a></li><li><a href=/html/attributes/onlanguagechange/>onlanguagechange</a></li><li><a href=/html/attributes/onload/>onload</a></li><li><a href=/html/attributes/onloadeddata/>onloadeddata</a></li><li><a href=/html/attributes/onloadedmetadata/>onloadedmetadata</a></li><li><a href=/html/attributes/onloadstart/>onloadstart</a></li><li><a href=/html/attributes/onmousedown/>onmousedown</a></li><li><a href=/html/attributes/onmouseenter/>onmouseenter</a></li><li><a href=/html/attributes/onmouseleave/>onmouseleave</a></li><li><a href=/html/attributes/onmousemove/>onmousemove</a></li><li><a href=/html/attributes/onmouseout/>onmouseout</a></li><li><a href=/html/attributes/onmouseover/>onmouseover</a></li><li><a href=/html/attributes/onmouseup/>onmouseup</a></li><li><a href=/html/attributes/onmousewheel/>onmousewheel</a></li><li><a href=/html/attributes/onoffline/>onoffline</a></li><li><a href=/html/attributes/ononline/>ononline</a></li><li><a href=/html/attributes/onpagehide/>onpagehide</a></li><li><a href=/html/attributes/onpageshow/>onpageshow</a></li><li><a href=/html/attributes/onpaste/>onpaste</a></li><li><a href=/html/attributes/onpause/>onpause</a></li><li><a href=/html/attributes/onplay/>onplay</a></li><li><a href=/html/attributes/onplaying/>onplaying</a></li><li><a href=/html/attributes/onprogress/>onprogress</a></li><li><a href=/html/attributes/onratechange/>onratechange</a></li><li><a href=/html/attributes/onreset/>onreset</a></li><li><a href=/html/attributes/onresize/>onresize</a></li><li><a href=/html/attributes/onscroll/>onscroll</a></li><li><a href=/html/attributes/onscrollend/>onscrollend</a></li><li><a href=/html/attributes/onsearch/>onsearch</a></li><li><a href=/html/attributes/onseeked/>onseeked</a></li><li><a href=/html/attributes/onseeking/>onseeking</a></li><li><a href=/html/attributes/onselect/>onselect</a></li><li><a href=/html/attributes/onstorage/>onstorage</a></li><li><a href=/html/attributes/onsubmit/>onsubmit</a></li><li><a href=/html/attributes/onsuspend/>onsuspend</a></li><li><a href=/html/attributes/ontimeupdate/>ontimeupdate</a></li><li><a href=/html/attributes/ontoggle/>ontoggle</a></li><li><a href=/html/attributes/onunload/>onunload</a></li><li><a href=/html/attributes/onvolumechange/>onvolumechange</a></li><li><a href=/html/attributes/onwaiting/>onwaiting</a></li><li><a href=/html/attributes/onwheel/>onwheel</a></li><li><a href=/html/attributes/open/>open</a></li><li><a href=/html/attributes/optimum/>optimum</a></li><li><a href=/html/attributes/part/>part</a></li><li><a href=/html/attributes/pattern/>pattern</a></li><li><a href=/html/attributes/ping/>ping</a></li><li><a href=/html/attributes/placeholder/>placeholder</a></li><li><a href=/html/attributes/playsinline/>playsinline</a></li><li><a href=/html/attributes/popover/>popover</a></li><li><a href=/html/attributes/popovertarget/>popovertarget</a></li><li><a href=/html/attributes/popovertargetaction/>popovertargetaction</a></li><li><a href=/html/attributes/poster/>poster</a></li><li><a href=/html/attributes/preload/>preload</a></li><li><a href=/html/attributes/readonly/>readonly</a></li><li><a href=/html/attributes/referrerpolicy/>referrerpolicy</a></li><li><a href=/html/attributes/rel/>rel</a></li><li><a href=/html/attributes/required/>required</a></li><li><a href=/html/attributes/reversed/>reversed</a></li><li><a href=/html/attributes/rows/>rows</a></li><li><a href=/html/attributes/rowspan/>rowspan</a></li><li><a href=/html/attributes/sandbox/>sandbox</a></li><li><a href=/html/attributes/scope/>scope</a></li><li><a href=/html/attributes/selected/>selected</a></li><li><a href=/html/attributes/shape/>shape</a></li><li><a href=/html/attributes/size/>size</a></li><li><a href=/html/attributes/sizes/>sizes</a></li><li><a href=/html/attributes/slot/>slot</a></li><li><a href=/html/attributes/span/>span</a></li><li><a href=/html/attributes/spellcheck/>spellcheck</a></li><li><a href=/html/attributes/src/>src</a></li><li><a href=/html/attributes/srcdoc/>srcdoc</a></li><li><a href=/html/attributes/srclang/>srclang</a></li><li><a href=/html/attributes/srcset/>srcset</a></li><li><a href=/html/attributes/start/>start</a></li><li><a href=/html/attributes/step/>step</a></li><li><a href=/html/attributes/style/>style</a></li><li><a href=/html/attributes/tabindex/>tabindex</a></li><li><a href=/html/attributes/target/>target</a></li><li><a href=/html/attributes/title/>title</a></li><li><a href=/html/attributes/translate/>translate</a></li><li><a href=/html/attributes/type/>type</a></li><li><a href=/html/attributes/usemap/>usemap</a></li><li><a href=/html/attributes/value/>value</a></li><li><a href=/html/attributes/width/>width</a></li><li><a href=/html/attributes/wrap/>wrap</a></li></ul></div><h2>Elements</h2><div><ul><li><a href=/html/elements/!doctype/>!doctype</a></li><li><a href=/html/elements/a/>a</a></li><li><a href=/html/elements/abbr/>abbr</a></li><li><a href=/html/elements/address/>address</a></li><li><a href=/html/elements/area/>area</a></li><li><a href=/html/elements/article/>article</a></li><li><a href=/html/elements/aside/>aside</a></li><li><a href=/html/elements/audio/>audio</a></li><li><a href=/html/elements/b/>b</a></li><li><a href=/html/elements/base/>base</a></li><li><a href=/html/elements/bdi/>bdi</a></li><li><a href=/html/elements/bdo/>bdo</a></li><li><a href=/html/elements/blockquote/>blockquote</a></li><li><a href=/html/elements/body/>body</a></li><li><a href=/html/elements/br/>br</a></li><li><a href=/html/elements/button/>button</a></li><li><a href=/html/elements/canvas/>canvas</a></li><li><a href=/html/elements/caption/>caption</a></li><li><a href=/html/elements/cite/>cite</a></li><li><a href=/html/elements/code/>code</a></li><li><a href=/html/elements/col/>col</a></li><li><a href=/html/elements/colgroup/>colgroup</a></li><li><a href=/html/elements/data/>data</a></li><li><a href=/html/elements/datalist/>datalist</a></li><li><a href=/html/elements/dd/>dd</a></li><li><a href=/html/elements/del/>del</a></li><li><a href=/html/elements/details/>details</a></li><li><a href=/html/elements/dfn/>dfn</a></li><li><a href=/html/elements/dialog/>dialog</a></li><li><a href=/html/elements/div/>div</a></li><li><a href=/html/elements/dl/>dl</a></li><li><a href=/html/elements/dt/>dt</a></li><li><a href=/html/elements/em/>em</a></li><li><a href=/html/elements/embed/>embed</a></li><li><a href=/html/elements/fieldset/>fieldset</a></li><li><a href=/html/elements/figcaption/>figcaption</a></li><li><a href=/html/elements/figure/>figure</a></li><li><a href=/html/elements/footer/>footer</a></li><li><a href=/html/elements/form/>form</a></li><li><a href=/html/elements/h1/>h1</a></li><li><a href=/html/elements/h2/>h2</a></li><li><a href=/html/elements/h3/>h3</a></li><li><a href=/html/elements/h4/>h4</a></li><li><a href=/html/elements/h5/>h5</a></li><li><a href=/html/elements/h6/>h6</a></li><li><a href=/html/elements/head/>head</a></li><li><a href=/html/elements/header/>header</a></li><li><a href=/html/elements/hgroup/>hgroup</a></li><li><a href=/html/elements/hr/>hr</a></li><li><a href=/html/elements/html/>html</a></li><li><a href=/html/elements/i/>i</a></li><li><a href=/html/elements/iframe/>iframe</a></li><li><a href=/html/elements/img/>img</a></li><li><a href=/html/elements/input/>input</a></li><li><a href=/html/elements/ins/>ins</a></li><li><a href=/html/elements/kbd/>kbd</a></li><li><a href=/html/elements/label/>label</a></li><li><a href=/html/elements/legend/>legend</a></li><li><a href=/html/elements/li/>li</a></li><li><a href=/html/elements/link/>link</a></li><li><a href=/html/elements/main/>main</a></li><li><a href=/html/elements/map/>map</a></li><li><a href=/html/elements/mark/>mark</a></li><li><a href=/html/elements/menu/>menu</a></li><li><a href=/html/elements/meta/>meta</a></li><li><a href=/html/elements/meter/>meter</a></li><li><a href=/html/elements/nav/>nav</a></li><li><a href=/html/elements/noscript/>noscript</a></li><li><a href=/html/elements/object/>object</a></li><li><a href=/html/elements/ol/>ol</a></li><li><a href=/html/elements/optgroup/>optgroup</a></li><li><a href=/html/elements/option/>option</a></li><li><a href=/html/elements/output/>output</a></li><li><a href=/html/elements/p/>p</a></li><li><a href=/html/elements/param/>param</a></li><li><a href=/html/elements/picture/>picture</a></li><li><a href=/html/elements/pre/>pre</a></li><li><a href=/html/elements/progress/>progress</a></li><li><a href=/html/elements/q/>q</a></li><li><a href=/html/elements/rb/>rb</a></li><li><a href=/html/elements/rp/>rp</a></li><li><a href=/html/elements/rt/>rt</a></li><li><a href=/html/elements/rtc/>rtc</a></li><li><a href=/html/elements/ruby/>ruby</a></li><li><a href=/html/elements/s/>s</a></li><li><a href=/html/elements/samp/>samp</a></li><li><a href=/html/elements/script/>script</a></li><li><a href=/html/elements/search/>search</a></li><li><a href=/html/elements/section/>section</a></li><li><a href=/html/elements/select/>select</a></li><li><a href=/html/elements/slot/>slot</a></li><li><a href=/html/elements/small/>small</a></li><li><a href=/html/elements/source/>source</a></li><li><a href=/html/elements/span/>span</a></li><li><a href=/html/elements/strong/>strong</a></li><li><a href=/html/elements/style/>style</a></li><li><a href=/html/elements/sub/>sub</a></li><li><a href=/html/elements/summary/>summary</a></li><li><a href=/html/elements/sup/>sup</a></li><li><a href=/html/elements/table/>table</a></li><li><a href=/html/elements/tbody/>tbody</a></li><li><a href=/html/elements/td/>td</a></li><li><a href=/html/elements/template/>template</a></li><li><a href=/html/elements/textarea/>textarea</a></li><li><a href=/html/elements/tfoot/>tfoot</a></li><li><a href=/html/elements/th/>th</a></li><li><a href=/html/elements/thead/>thead</a></li><li><a href=/html/elements/time/>time</a></li><li><a href=/html/elements/title/>title</a></li><li><a href=/html/elements/tr/>tr</a></li><li><a href=/html/elements/track/>track</a></li><li><a href=/html/elements/u/>u</a></li><li><a href=/html/elements/ul/>ul</a></li><li><a href=/html/elements/var/>var</a></li><li><a href=/html/elements/video/>video</a></li><li><a href=/html/elements/wbr/>wbr</a></li></ul></div><h2>Other</h2><div><ul><li><a href=/html/characters/>Characters</a></li><li><a href=/html/comments/>Comments</a></li><li><a href=/html/datatypes/>Datatypes</a></li></ul></div></div><div class=h1><a id=switch-css>CSS</a></div><div id=list-css><h2>Overview</h2><div><ul><li><a href=/css/>Overview</a></li></ul></div><h2>Functions</h2><div><ul><li><a href=/css/functions/abs/>abs</a></li><li><a href=/css/functions/acos/>acos</a></li><li><a href=/css/functions/asin/>asin</a></li><li><a href=/css/functions/atan/>atan</a></li><li><a href=/css/functions/atan2/>atan2</a></li><li><a href=/css/functions/attr/>attr</a></li><li><a href=/css/functions/calc/>calc</a></li><li><a href=/css/functions/clamp/>clamp</a></li><li><a href=/css/functions/color/>color</a></li><li><a href=/css/functions/conic-gradient/>conic-gradient</a></li><li><a href=/css/functions/cos/>cos</a></li><li><a href=/css/functions/counter/>counter</a></li><li><a href=/css/functions/counters/>counters</a></li><li><a href=/css/functions/hsl/>hsl</a></li><li><a href=/css/functions/hsla/>hsla</a></li><li><a href=/css/functions/hwb/>hwb</a></li><li><a href=/css/functions/if/>if</a></li><li><a href=/css/functions/lab/>lab</a></li><li><a href=/css/functions/lch/>lch</a></li><li><a href=/css/functions/linear-gradient/>linear-gradient</a></li><li><a href=/css/functions/matrix/>matrix</a></li><li><a href=/css/functions/matrix3d/>matrix3d</a></li><li><a href=/css/functions/max/>max</a></li><li><a href=/css/functions/min/>min</a></li><li><a href=/css/functions/mod/>mod</a></li><li><a href=/css/functions/oklab/>oklab</a></li><li><a href=/css/functions/oklch/>oklch</a></li><li><a href=/css/functions/param/>param</a></li><li><a href=/css/functions/perspective/>perspective</a></li><li><a href=/css/functions/radial-gradient/>radial-gradient</a></li><li><a href=/css/functions/rem/>rem</a></li><li><a href=/css/functions/repeating-conic-gradient/>repeating-conic-gradient</a></li><li><a href=/css/functions/repeating-linear-gradient/>repeating-linear-gradient</a></li><li><a href=/css/functions/repeating-radial-gradient/>repeating-radial-gradient</a></li><li><a href=/css/functions/rgb/>rgb</a></li><li><a href=/css/functions/rgba/>rgba</a></li><li><a href=/css/functions/rotate/>rotate</a></li><li><a href=/css/functions/rotate3d/>rotate3d</a></li><li><a href=/css/functions/rotatex/>rotateX</a></li><li><a href=/css/functions/rotatey/>rotateY</a></li><li><a href=/css/functions/rotatez/>rotateZ</a></li><li><a href=/css/functions/round/>round</a></li><li><a href=/css/functions/scale/>scale</a></li><li><a href=/css/functions/scale3d/>scale3d</a></li><li><a href=/css/functions/scalex/>scaleX</a></li><li><a href=/css/functions/scaley/>scaleY</a></li><li><a href=/css/functions/scalez/>scaleZ</a></li><li><a href=/css/functions/sin/>sin</a></li><li><a href=/css/functions/skew/>skew</a></li><li><a href=/css/functions/skewx/>skewX</a></li><li><a href=/css/functions/skewy/>skewY</a></li><li><a href=/css/functions/src/>src</a></li><li><a href=/css/functions/tan/>tan</a></li><li><a href=/css/functions/translate/>translate</a></li><li><a href=/css/functions/translate3d/>translate3d</a></li><li><a href=/css/functions/translatex/>translateX</a></li><li><a href=/css/functions/translatey/>translateY</a></li><li><a href=/css/functions/translatez/>translateZ</a></li><li><a href=/css/functions/url/>url</a></li><li><a href=/css/functions/var/>var</a></li></ul></div><h2>Properties</h2><div><ul><li><a href=/css/properties/accent-color/>accent-color</a></li><li><a href=/css/properties/align-content/>align-content</a></li><li><a href=/css/properties/align-items/>align-items</a></li><li><a href=/css/properties/align-self/>align-self</a></li><li><a href=/css/properties/all/>all</a></li><li><a href=/css/properties/animation/>animation</a></li><li><a href=/css/properties/animation-composition/>animation-composition</a></li><li><a href=/css/properties/animation-delay/>animation-delay</a></li><li><a href=/css/properties/animation-direction/>animation-direction</a></li><li><a href=/css/properties/animation-duration/>animation-duration</a></li><li><a href=/css/properties/animation-fill-mode/>animation-fill-mode</a></li><li><a href=/css/properties/animation-iteration-count/>animation-iteration-count</a></li><li><a href=/css/properties/animation-name/>animation-name</a></li><li><a href=/css/properties/animation-play-state/>animation-play-state</a></li><li><a href=/css/properties/animation-timeline/>animation-timeline</a></li><li><a href=/css/properties/animation-timing-function/>animation-timing-function</a></li><li><a href=/css/properties/appearance/>appearance</a></li><li><a href=/css/properties/aspect-ratio/>aspect-ratio</a></li><li><a href=/css/properties/backdrop-filter/>backdrop-filter</a></li><li><a href=/css/properties/backface-visibility/>backface-visibility</a></li><li><a href=/css/properties/background/>background</a></li><li><a href=/css/properties/background-attachment/>background-attachment</a></li><li><a href=/css/properties/background-blend-mode/>background-blend-mode</a></li><li><a href=/css/properties/background-clip/>background-clip</a></li><li><a href=/css/properties/background-color/>background-color</a></li><li><a href=/css/properties/background-image/>background-image</a></li><li><a href=/css/properties/background-origin/>background-origin</a></li><li><a href=/css/properties/background-position/>background-position</a></li><li><a href=/css/properties/background-position-x/>background-position-x</a></li><li><a href=/css/properties/background-position-y/>background-position-y</a></li><li><a href=/css/properties/background-repeat/>background-repeat</a></li><li><a href=/css/properties/background-size/>background-size</a></li><li><a href=/css/properties/block-ellipsis/>block-ellipsis</a></li><li><a href=/css/properties/block-size/>block-size</a></li><li><a href=/css/properties/border/>border</a></li><li><a href=/css/properties/border-block/>border-block</a></li><li><a href=/css/properties/border-block-color/>border-block-color</a></li><li><a href=/css/properties/border-block-end/>border-block-end</a></li><li><a href=/css/properties/border-block-end-color/>border-block-end-color</a></li><li><a href=/css/properties/border-block-end-style/>border-block-end-style</a></li><li><a href=/css/properties/border-block-end-width/>border-block-end-width</a></li><li><a href=/css/properties/border-block-start/>border-block-start</a></li><li><a href=/css/properties/border-block-start-color/>border-block-start-color</a></li><li><a href=/css/properties/border-block-start-style/>border-block-start-style</a></li><li><a href=/css/properties/border-block-start-width/>border-block-start-width</a></li><li><a href=/css/properties/border-block-style/>border-block-style</a></li><li><a href=/css/properties/border-block-width/>border-block-width</a></li><li><a href=/css/properties/border-bottom/>border-bottom</a></li><li><a href=/css/properties/border-bottom-color/>border-bottom-color</a></li><li><a href=/css/properties/border-bottom-left-radius/>border-bottom-left-radius</a></li><li><a href=/css/properties/border-bottom-right-radius/>border-bottom-right-radius</a></li><li><a href=/css/properties/border-bottom-style/>border-bottom-style</a></li><li><a href=/css/properties/border-bottom-width/>border-bottom-width</a></li><li><a href=/css/properties/border-collapse/>border-collapse</a></li><li><a href=/css/properties/border-color/>border-color</a></li><li><a href=/css/properties/border-end-end-radius/>border-end-end-radius</a></li><li><a href=/css/properties/border-end-start-radius/>border-end-start-radius</a></li><li><a href=/css/properties/border-image/>border-image</a></li><li><a href=/css/properties/border-image-outset/>border-image-outset</a></li><li><a href=/css/properties/border-image-repeat/>border-image-repeat</a></li><li><a href=/css/properties/border-image-slice/>border-image-slice</a></li><li><a href=/css/properties/border-image-source/>border-image-source</a></li><li><a href=/css/properties/border-image-width/>border-image-width</a></li><li><a href=/css/properties/border-inline/>border-inline</a></li><li><a href=/css/properties/border-inline-color/>border-inline-color</a></li><li><a href=/css/properties/border-inline-end/>border-inline-end</a></li><li><a href=/css/properties/border-inline-end-color/>border-inline-end-color</a></li><li><a href=/css/properties/border-inline-end-style/>border-inline-end-style</a></li><li><a href=/css/properties/border-inline-end-width/>border-inline-end-width</a></li><li><a href=/css/properties/border-inline-start/>border-inline-start</a></li><li><a href=/css/properties/border-inline-start-color/>border-inline-start-color</a></li><li><a href=/css/properties/border-inline-start-style/>border-inline-start-style</a></li><li><a href=/css/properties/border-inline-start-width/>border-inline-start-width</a></li><li><a href=/css/properties/border-inline-style/>border-inline-style</a></li><li><a href=/css/properties/border-inline-width/>border-inline-width</a></li><li><a href=/css/properties/border-left/>border-left</a></li><li><a href=/css/properties/border-left-color/>border-left-color</a></li><li><a href=/css/properties/border-left-style/>border-left-style</a></li><li><a href=/css/properties/border-left-width/>border-left-width</a></li><li><a href=/css/properties/border-radius/>border-radius</a></li><li><a href=/css/properties/border-right/>border-right</a></li><li><a href=/css/properties/border-right-color/>border-right-color</a></li><li><a href=/css/properties/border-right-style/>border-right-style</a></li><li><a href=/css/properties/border-right-width/>border-right-width</a></li><li><a href=/css/properties/border-spacing/>border-spacing</a></li><li><a href=/css/properties/border-start-end-radius/>border-start-end-radius</a></li><li><a href=/css/properties/border-start-start-radius/>border-start-start-radius</a></li><li><a href=/css/properties/border-style/>border-style</a></li><li><a href=/css/properties/border-top/>border-top</a></li><li><a href=/css/properties/border-top-color/>border-top-color</a></li><li><a href=/css/properties/border-top-left-radius/>border-top-left-radius</a></li><li><a href=/css/properties/border-top-right-radius/>border-top-right-radius</a></li><li><a href=/css/properties/border-top-style/>border-top-style</a></li><li><a href=/css/properties/border-top-width/>border-top-width</a></li><li><a href=/css/properties/border-width/>border-width</a></li><li><a href=/css/properties/bottom/>bottom</a></li><li><a href=/css/properties/box-decoration-break/>box-decoration-break</a></li><li><a href=/css/properties/box-shadow/>box-shadow</a></li><li><a href=/css/properties/box-sizing/>box-sizing</a></li><li><a href=/css/properties/caption-side/>caption-side</a></li><li><a href=/css/properties/caret/>caret</a></li><li><a href=/css/properties/caret-animation/>caret-animation</a></li><li><a href=/css/properties/caret-color/>caret-color</a></li><li><a href=/css/properties/caret-shape/>caret-shape</a></li><li><a href=/css/properties/clear/>clear</a></li><li><a href=/css/properties/clip/>clip</a></li><li><a href=/css/properties/clip-path/>clip-path</a></li><li><a href=/css/properties/color/>color</a></li><li><a href=/css/properties/color-scheme/>color-scheme</a></li><li><a href=/css/properties/column-count/>column-count</a></li><li><a href=/css/properties/column-fill/>column-fill</a></li><li><a href=/css/properties/column-gap/>column-gap</a></li><li><a href=/css/properties/column-rule/>column-rule</a></li><li><a href=/css/properties/column-rule-color/>column-rule-color</a></li><li><a href=/css/properties/column-rule-style/>column-rule-style</a></li><li><a href=/css/properties/column-rule-width/>column-rule-width</a></li><li><a href=/css/properties/column-span/>column-span</a></li><li><a href=/css/properties/column-width/>column-width</a></li><li><a href=/css/properties/columns/>columns</a></li><li><a href=/css/properties/contain/>contain</a></li><li><a href=/css/properties/contain-intrinsic-block-size/>contain-intrinsic-block-size</a></li><li><a href=/css/properties/contain-intrinsic-height/>contain-intrinsic-height</a></li><li><a href=/css/properties/contain-intrinsic-inline-size/>contain-intrinsic-inline-size</a></li><li><a href=/css/properties/contain-intrinsic-size/>contain-intrinsic-size</a></li><li><a href=/css/properties/contain-intrinsic-width/>contain-intrinsic-width</a></li><li><a href=/css/properties/container/>container</a></li><li><a href=/css/properties/container-name/>container-name</a></li><li><a href=/css/properties/container-type/>container-type</a></li><li><a href=/css/properties/content/>content</a></li><li><a href=/css/properties/content-visibility/>content-visibility</a></li><li><a href=/css/properties/continue/>continue</a></li><li><a href=/css/properties/counter-increment/>counter-increment</a></li><li><a href=/css/properties/counter-reset/>counter-reset</a></li><li><a href=/css/properties/counter-set/>counter-set</a></li><li><a href=/css/properties/cursor/>cursor</a></li><li><a href=/css/properties/direction/>direction</a></li><li><a href=/css/properties/display/>display</a></li><li><a href=/css/properties/empty-cells/>empty-cells</a></li><li><a href=/css/properties/filter/>filter</a></li><li><a href=/css/properties/flex/>flex</a></li><li><a href=/css/properties/flex-basis/>flex-basis</a></li><li><a href=/css/properties/flex-direction/>flex-direction</a></li><li><a href=/css/properties/flex-flow/>flex-flow</a></li><li><a href=/css/properties/flex-grow/>flex-grow</a></li><li><a href=/css/properties/flex-shrink/>flex-shrink</a></li><li><a href=/css/properties/flex-wrap/>flex-wrap</a></li><li><a href=/css/properties/float/>float</a></li><li><a href=/css/properties/font/>font</a></li><li><a href=/css/properties/font-family/>font-family</a></li><li><a href=/css/properties/font-feature-settings/>font-feature-settings</a></li><li><a href=/css/properties/font-kerning/>font-kerning</a></li><li><a href=/css/properties/font-optical-sizing/>font-optical-sizing</a></li><li><a href=/css/properties/font-size/>font-size</a></li><li><a href=/css/properties/font-size-adjust/>font-size-adjust</a></li><li><a href=/css/properties/font-stretch/>font-stretch</a></li><li><a href=/css/properties/font-style/>font-style</a></li><li><a href=/css/properties/font-variant/>font-variant</a></li><li><a href=/css/properties/font-variant-caps/>font-variant-caps</a></li><li><a href=/css/properties/font-variant-ligatures/>font-variant-ligatures</a></li><li><a href=/css/properties/font-variant-numeric/>font-variant-numeric</a></li><li><a href=/css/properties/font-variant-position/>font-variant-position</a></li><li><a href=/css/properties/font-variation-settings/>font-variation-settings</a></li><li><a href=/css/properties/font-weight/>font-weight</a></li><li><a href=/css/properties/forced-color-adjust/>forced-color-adjust</a></li><li><a href=/css/properties/gap/>gap</a></li><li><a href=/css/properties/grid/>grid</a></li><li><a href=/css/properties/grid-area/>grid-area</a></li><li><a href=/css/properties/grid-auto-columns/>grid-auto-columns</a></li><li><a href=/css/properties/grid-auto-flow/>grid-auto-flow</a></li><li><a href=/css/properties/grid-auto-rows/>grid-auto-rows</a></li><li><a href=/css/properties/grid-column/>grid-column</a></li><li><a href=/css/properties/grid-column-end/>grid-column-end</a></li><li><a href=/css/properties/grid-column-start/>grid-column-start</a></li><li><a href=/css/properties/grid-row/>grid-row</a></li><li><a href=/css/properties/grid-row-end/>grid-row-end</a></li><li><a href=/css/properties/grid-row-start/>grid-row-start</a></li><li><a href=/css/properties/grid-template/>grid-template</a></li><li><a href=/css/properties/grid-template-areas/>grid-template-areas</a></li><li><a href=/css/properties/grid-template-columns/>grid-template-columns</a></li><li><a href=/css/properties/grid-template-rows/>grid-template-rows</a></li><li><a href=/css/properties/hanging-punctuation/>hanging-punctuation</a></li><li><a href=/css/properties/height/>height</a></li><li><a href=/css/properties/hyphens/>hyphens</a></li><li><a href=/css/properties/image-rendering/>image-rendering</a></li><li><a href=/css/properties/initial-letter/>initial-letter</a></li><li><a href=/css/properties/initial-letter-align/>initial-letter-align</a></li><li><a href=/css/properties/inline-size/>inline-size</a></li><li><a href=/css/properties/inset/>inset</a></li><li><a href=/css/properties/inset-block/>inset-block</a></li><li><a href=/css/properties/inset-block-end/>inset-block-end</a></li><li><a href=/css/properties/inset-block-start/>inset-block-start</a></li><li><a href=/css/properties/inset-inline/>inset-inline</a></li><li><a href=/css/properties/inset-inline-end/>inset-inline-end</a></li><li><a href=/css/properties/inset-inline-start/>inset-inline-start</a></li><li><a href=/css/properties/isolation/>isolation</a></li><li><a href=/css/properties/justify-content/>justify-content</a></li><li><a href=/css/properties/justify-items/>justify-items</a></li><li><a href=/css/properties/justify-self/>justify-self</a></li><li><a href=/css/properties/left/>left</a></li><li><a href=/css/properties/letter-spacing/>letter-spacing</a></li><li><a href=/css/properties/line-break/>line-break</a></li><li><a href=/css/properties/line-clamp/>line-clamp</a></li><li><a href=/css/properties/line-height/>line-height</a></li><li><a href=/css/properties/list-style/>list-style</a></li><li><a href=/css/properties/list-style-image/>list-style-image</a></li><li><a href=/css/properties/list-style-position/>list-style-position</a></li><li><a href=/css/properties/list-style-type/>list-style-type</a></li><li><a href=/css/properties/margin/>margin</a></li><li><a href=/css/properties/margin-block/>margin-block</a></li><li><a href=/css/properties/margin-block-end/>margin-block-end</a></li><li><a href=/css/properties/margin-block-start/>margin-block-start</a></li><li><a href=/css/properties/margin-bottom/>margin-bottom</a></li><li><a href=/css/properties/margin-inline/>margin-inline</a></li><li><a href=/css/properties/margin-inline-end/>margin-inline-end</a></li><li><a href=/css/properties/margin-inline-start/>margin-inline-start</a></li><li><a href=/css/properties/margin-left/>margin-left</a></li><li><a href=/css/properties/margin-right/>margin-right</a></li><li><a href=/css/properties/margin-top/>margin-top</a></li><li><a href=/css/properties/mask/>mask</a></li><li><a href=/css/properties/mask-border/>mask-border</a></li><li><a href=/css/properties/mask-border-mode/>mask-border-mode</a></li><li><a href=/css/properties/mask-border-outset/>mask-border-outset</a></li><li><a href=/css/properties/mask-border-repeat/>mask-border-repeat</a></li><li><a href=/css/properties/mask-border-slice/>mask-border-slice</a></li><li><a href=/css/properties/mask-border-source/>mask-border-source</a></li><li><a href=/css/properties/mask-border-width/>mask-border-width</a></li><li><a href=/css/properties/mask-clip/>mask-clip</a></li><li><a href=/css/properties/mask-composite/>mask-composite</a></li><li><a href=/css/properties/mask-image/>mask-image</a></li><li><a href=/css/properties/mask-mode/>mask-mode</a></li><li><a href=/css/properties/mask-origin/>mask-origin</a></li><li><a href=/css/properties/mask-position/>mask-position</a></li><li><a href=/css/properties/mask-repeat/>mask-repeat</a></li><li><a href=/css/properties/mask-size/>mask-size</a></li><li><a href=/css/properties/mask-type/>mask-type</a></li><li><a href=/css/properties/math-depth/>math-depth</a></li><li><a href=/css/properties/math-shift/>math-shift</a></li><li><a href=/css/properties/math-style/>math-style</a></li><li><a href=/css/properties/max-block-size/>max-block-size</a></li><li><a href=/css/properties/max-height/>max-height</a></li><li><a href=/css/properties/max-inline-size/>max-inline-size</a></li><li><a href=/css/properties/max-lines/>max-lines</a></li><li><a href=/css/properties/max-width/>max-width</a></li><li><a href=/css/properties/min-block-size/>min-block-size</a></li><li><a href=/css/properties/min-height/>min-height</a></li><li><a href=/css/properties/min-inline-size/>min-inline-size</a></li><li><a href=/css/properties/min-width/>min-width</a></li><li><a href=/css/properties/mix-blend-mode/>mix-blend-mode</a></li><li><a href=/css/properties/nav-down/>nav-down</a></li><li><a href=/css/properties/nav-left/>nav-left</a></li><li><a href=/css/properties/nav-right/>nav-right</a></li><li><a href=/css/properties/nav-up/>nav-up</a></li><li><a href=/css/properties/object-fit/>object-fit</a></li><li><a href=/css/properties/object-position/>object-position</a></li><li><a href=/css/properties/opacity/>opacity</a></li><li><a href=/css/properties/orphans/>orphans</a></li><li><a href=/css/properties/outline/>outline</a></li><li><a href=/css/properties/outline-color/>outline-color</a></li><li><a href=/css/properties/outline-offset/>outline-offset</a></li><li><a href=/css/properties/outline-style/>outline-style</a></li><li><a href=/css/properties/outline-width/>outline-width</a></li><li><a href=/css/properties/overflow/>overflow</a></li><li><a href=/css/properties/overflow-block/>overflow-block</a></li><li><a href=/css/properties/overflow-clip-margin/>overflow-clip-margin</a></li><li><a href=/css/properties/overflow-inline/>overflow-inline</a></li><li><a href=/css/properties/overflow-wrap/>overflow-wrap</a></li><li><a href=/css/properties/overflow-x/>overflow-x</a></li><li><a href=/css/properties/overflow-y/>overflow-y</a></li><li><a href=/css/properties/padding/>padding</a></li><li><a href=/css/properties/padding-block/>padding-block</a></li><li><a href=/css/properties/padding-block-end/>padding-block-end</a></li><li><a href=/css/properties/padding-block-start/>padding-block-start</a></li><li><a href=/css/properties/padding-bottom/>padding-bottom</a></li><li><a href=/css/properties/padding-inline/>padding-inline</a></li><li><a href=/css/properties/padding-inline-end/>padding-inline-end</a></li><li><a href=/css/properties/padding-inline-start/>padding-inline-start</a></li><li><a href=/css/properties/padding-left/>padding-left</a></li><li><a href=/css/properties/padding-right/>padding-right</a></li><li><a href=/css/properties/padding-top/>padding-top</a></li><li><a href=/css/properties/paint-order/>paint-order</a></li><li><a href=/css/properties/perspective/>perspective</a></li><li><a href=/css/properties/perspective-origin/>perspective-origin</a></li><li><a href=/css/properties/place-content/>place-content</a></li><li><a href=/css/properties/place-items/>place-items</a></li><li><a href=/css/properties/place-self/>place-self</a></li><li><a href=/css/properties/pointer-events/>pointer-events</a></li><li><a href=/css/properties/position/>position</a></li><li><a href=/css/properties/print-color-adjust/>print-color-adjust</a></li><li><a href=/css/properties/quotes/>quotes</a></li><li><a href=/css/properties/resize/>resize</a></li><li><a href=/css/properties/right/>right</a></li><li><a href=/css/properties/rotate/>rotate</a></li><li><a href=/css/properties/row-gap/>row-gap</a></li><li><a href=/css/properties/scale/>scale</a></li><li><a href=/css/properties/scroll-behavior/>scroll-behavior</a></li><li><a href=/css/properties/scroll-margin/>scroll-margin</a></li><li><a href=/css/properties/scroll-margin-block/>scroll-margin-block</a></li><li><a href=/css/properties/scroll-margin-block-end/>scroll-margin-block-end</a></li><li><a href=/css/properties/scroll-margin-block-start/>scroll-margin-block-start</a></li><li><a href=/css/properties/scroll-margin-bottom/>scroll-margin-bottom</a></li><li><a href=/css/properties/scroll-margin-inline/>scroll-margin-inline</a></li><li><a href=/css/properties/scroll-margin-inline-end/>scroll-margin-inline-end</a></li><li><a href=/css/properties/scroll-margin-inline-start/>scroll-margin-inline-start</a></li><li><a href=/css/properties/scroll-margin-left/>scroll-margin-left</a></li><li><a href=/css/properties/scroll-margin-right/>scroll-margin-right</a></li><li><a href=/css/properties/scroll-margin-top/>scroll-margin-top</a></li><li><a href=/css/properties/scroll-padding/>scroll-padding</a></li><li><a href=/css/properties/scroll-padding-block/>scroll-padding-block</a></li><li><a href=/css/properties/scroll-padding-block-end/>scroll-padding-block-end</a></li><li><a href=/css/properties/scroll-padding-block-start/>scroll-padding-block-start</a></li><li><a href=/css/properties/scroll-padding-bottom/>scroll-padding-bottom</a></li><li><a href=/css/properties/scroll-padding-inline/>scroll-padding-inline</a></li><li><a href=/css/properties/scroll-padding-inline-end/>scroll-padding-inline-end</a></li><li><a href=/css/properties/scroll-padding-inline-start/>scroll-padding-inline-start</a></li><li><a href=/css/properties/scroll-padding-left/>scroll-padding-left</a></li><li><a href=/css/properties/scroll-padding-right/>scroll-padding-right</a></li><li><a href=/css/properties/scroll-padding-top/>scroll-padding-top</a></li><li><a href=/css/properties/scroll-snap-align/>scroll-snap-align</a></li><li><a href=/css/properties/scroll-snap-stop/>scroll-snap-stop</a></li><li><a href=/css/properties/scroll-snap-type/>scroll-snap-type</a></li><li><a href=/css/properties/scroll-timeline/>scroll-timeline</a></li><li><a href=/css/properties/scroll-timeline-axis/>scroll-timeline-axis</a></li><li><a href=/css/properties/scroll-timeline-name/>scroll-timeline-name</a></li><li><a href=/css/properties/scrollbar-color/>scrollbar-color</a></li><li><a href=/css/properties/scrollbar-gutter/>scrollbar-gutter</a></li><li><a href=/css/properties/scrollbar-width/>scrollbar-width</a></li><li><a href=/css/properties/shape-image-threshold/>shape-image-threshold</a></li><li><a href=/css/properties/shape-margin/>shape-margin</a></li><li><a href=/css/properties/shape-outside/>shape-outside</a></li><li><a href=/css/properties/shape-rendering/>shape-rendering</a></li><li><a href=/css/properties/tab-size/>tab-size</a></li><li><a href=/css/properties/table-layout/>table-layout</a></li><li><a href=/css/properties/text-align/>text-align</a></li><li><a href=/css/properties/text-align-all/>text-align-all</a></li><li><a href=/css/properties/text-align-last/>text-align-last</a></li><li><a href=/css/properties/text-combine-upright/>text-combine-upright</a></li><li><a href=/css/properties/text-decoration/>text-decoration</a></li><li><a href=/css/properties/text-decoration-color/>text-decoration-color</a></li><li><a href=/css/properties/text-decoration-line/>text-decoration-line</a></li><li><a href=/css/properties/text-decoration-skip-ink/>text-decoration-skip-ink</a></li><li><a href=/css/properties/text-decoration-style/>text-decoration-style</a></li><li><a href=/css/properties/text-decoration-thickness/>text-decoration-thickness</a></li><li><a href=/css/properties/text-decoration-trim/>text-decoration-trim</a></li><li><a href=/css/properties/text-emphasis/>text-emphasis</a></li><li><a href=/css/properties/text-emphasis-color/>text-emphasis-color</a></li><li><a href=/css/properties/text-emphasis-position/>text-emphasis-position</a></li><li><a href=/css/properties/text-emphasis-style/>text-emphasis-style</a></li><li><a href=/css/properties/text-indent/>text-indent</a></li><li><a href=/css/properties/text-justify/>text-justify</a></li><li><a href=/css/properties/text-orientation/>text-orientation</a></li><li><a href=/css/properties/text-overflow/>text-overflow</a></li><li><a href=/css/properties/text-rendering/>text-rendering</a></li><li><a href=/css/properties/text-shadow/>text-shadow</a></li><li><a href=/css/properties/text-transform/>text-transform</a></li><li><a href=/css/properties/text-underline-offset/>text-underline-offset</a></li><li><a href=/css/properties/text-underline-position/>text-underline-position</a></li><li><a href=/css/properties/top/>top</a></li><li><a href=/css/properties/transform/>transform</a></li><li><a href=/css/properties/transform-box/>transform-box</a></li><li><a href=/css/properties/transform-origin/>transform-origin</a></li><li><a href=/css/properties/transform-style/>transform-style</a></li><li><a href=/css/properties/transition/>transition</a></li><li><a href=/css/properties/transition-delay/>transition-delay</a></li><li><a href=/css/properties/transition-duration/>transition-duration</a></li><li><a href=/css/properties/transition-property/>transition-property</a></li><li><a href=/css/properties/transition-timing-function/>transition-timing-function</a></li><li><a href=/css/properties/translate/>translate</a></li><li><a href=/css/properties/unicode-bidi/>unicode-bidi</a></li><li><a href=/css/properties/vertical-align/>vertical-align</a></li><li><a href=/css/properties/visibility/>visibility</a></li><li><a href=/css/properties/white-space/>white-space</a></li><li><a href=/css/properties/widows/>widows</a></li><li><a href=/css/properties/width/>width</a></li><li><a href=/css/properties/word-break/>word-break</a></li><li><a href=/css/properties/word-spacing/>word-spacing</a></li><li><a href=/css/properties/word-wrap/>word-wrap</a></li><li><a href=/css/properties/writing-mode/>writing-mode</a></li><li><a href=/css/properties/z-index/>z-index</a></li><li><a href=/css/properties/zoom/>zoom</a></li></ul></div><h2>Pseudo-Classes</h2><div><ul><li><a href=/css/pseudo-classes/active/>active</a></li><li><a href=/css/pseudo-classes/any-link/>any-link</a></li><li><a href=/css/pseudo-classes/autofill/>autofill</a></li><li><a href=/css/pseudo-classes/blank/>blank</a></li><li><a href=/css/pseudo-classes/checked/>checked</a></li><li><a href=/css/pseudo-classes/default/>default</a></li><li><a href=/css/pseudo-classes/defined/>defined</a></li><li><a href=/css/pseudo-classes/dir/>dir</a></li><li><a href=/css/pseudo-classes/disabled/>disabled</a></li><li><a href=/css/pseudo-classes/empty/>empty</a></li><li><a href=/css/pseudo-classes/enabled/>enabled</a></li><li><a href=/css/pseudo-classes/first-child/>first-child</a></li><li><a href=/css/pseudo-classes/first-of-type/>first-of-type</a></li><li><a href=/css/pseudo-classes/focus/>focus</a></li><li><a href=/css/pseudo-classes/focus-visible/>focus-visible</a></li><li><a href=/css/pseudo-classes/focus-within/>focus-within</a></li><li><a href=/css/pseudo-classes/fullscreen/>fullscreen</a></li><li><a href=/css/pseudo-classes/has/>has</a></li><li><a href=/css/pseudo-classes/hover/>hover</a></li><li><a href=/css/pseudo-classes/in-range/>in-range</a></li><li><a href=/css/pseudo-classes/indeterminate/>indeterminate</a></li><li><a href=/css/pseudo-classes/invalid/>invalid</a></li><li><a href=/css/pseudo-classes/is/>is</a></li><li><a href=/css/pseudo-classes/lang/>lang</a></li><li><a href=/css/pseudo-classes/last-child/>last-child</a></li><li><a href=/css/pseudo-classes/last-of-type/>last-of-type</a></li><li><a href=/css/pseudo-classes/link/>link</a></li><li><a href=/css/pseudo-classes/local-link/>local-link</a></li><li><a href=/css/pseudo-classes/modal/>modal</a></li><li><a href=/css/pseudo-classes/not/>not</a></li><li><a href=/css/pseudo-classes/nth-child/>nth-child</a></li><li><a href=/css/pseudo-classes/nth-col/>nth-col</a></li><li><a href=/css/pseudo-classes/nth-last-child/>nth-last-child</a></li><li><a href=/css/pseudo-classes/nth-last-col/>nth-last-col</a></li><li><a href=/css/pseudo-classes/nth-last-of-type/>nth-last-of-type</a></li><li><a href=/css/pseudo-classes/nth-of-type/>nth-of-type</a></li><li><a href=/css/pseudo-classes/only-child/>only-child</a></li><li><a href=/css/pseudo-classes/only-of-type/>only-of-type</a></li><li><a href=/css/pseudo-classes/optional/>optional</a></li><li><a href=/css/pseudo-classes/out-of-range/>out-of-range</a></li><li><a href=/css/pseudo-classes/picture-in-picture/>picture-in-picture</a></li><li><a href=/css/pseudo-classes/placeholder-shown/>placeholder-shown</a></li><li><a href=/css/pseudo-classes/popover-open/>popover-open</a></li><li><a href=/css/pseudo-classes/read-only/>read-only</a></li><li><a href=/css/pseudo-classes/read-write/>read-write</a></li><li><a href=/css/pseudo-classes/required/>required</a></li><li><a href=/css/pseudo-classes/root/>root</a></li><li><a href=/css/pseudo-classes/scope/>scope</a></li><li><a href=/css/pseudo-classes/target/>target</a></li><li><a href=/css/pseudo-classes/target-within/>target-within</a></li><li><a href=/css/pseudo-classes/valid/>valid</a></li><li><a href=/css/pseudo-classes/visited/>visited</a></li><li><a href=/css/pseudo-classes/where/>where</a></li></ul></div><h2>Pseudo-Elements</h2><div><ul><li><a href=/css/pseudo-elements/after/>after</a></li><li><a href=/css/pseudo-elements/backdrop/>backdrop</a></li><li><a href=/css/pseudo-elements/before/>before</a></li><li><a href=/css/pseudo-elements/details-content/>details-content</a></li><li><a href=/css/pseudo-elements/file-selector-button/>file-selector-button</a></li><li><a href=/css/pseudo-elements/first-letter/>first-letter</a></li><li><a href=/css/pseudo-elements/first-line/>first-line</a></li><li><a href=/css/pseudo-elements/highlight/>highlight</a></li><li><a href=/css/pseudo-elements/marker/>marker</a></li><li><a href=/css/pseudo-elements/part/>part</a></li><li><a href=/css/pseudo-elements/placeholder/>placeholder</a></li><li><a href=/css/pseudo-elements/selection/>selection</a></li></ul></div><h2>Units</h2><div><ul><li><a href=/css/units/cap/>cap</a></li><li><a href=/css/units/ch/>ch</a></li><li><a href=/css/units/cm/>cm</a></li><li><a href=/css/units/cqb/>cqb</a></li><li><a href=/css/units/cqh/>cqh</a></li><li><a href=/css/units/cqi/>cqi</a></li><li><a href=/css/units/cqmax/>cqmax</a></li><li><a href=/css/units/cqmin/>cqmin</a></li><li><a href=/css/units/cqw/>cqw</a></li><li><a href=/css/units/deg/>deg</a></li><li><a href=/css/units/dpcm/>dpcm</a></li><li><a href=/css/units/dpi/>dpi</a></li><li><a href=/css/units/dppx/>dppx</a></li><li><a href=/css/units/dvb/>dvb</a></li><li><a href=/css/units/dvh/>dvh</a></li><li><a href=/css/units/dvi/>dvi</a></li><li><a href=/css/units/dvmax/>dvmax</a></li><li><a href=/css/units/dvmin/>dvmin</a></li><li><a href=/css/units/dvw/>dvw</a></li><li><a href=/css/units/em/>em</a></li><li><a href=/css/units/ex/>ex</a></li><li><a href=/css/units/grad/>grad</a></li><li><a href=/css/units/ic/>ic</a></li><li><a href=/css/units/in/>in</a></li><li><a href=/css/units/lvb/>lvb</a></li><li><a href=/css/units/lvh/>lvh</a></li><li><a href=/css/units/lvi/>lvi</a></li><li><a href=/css/units/lvmax/>lvmax</a></li><li><a href=/css/units/lvmin/>lvmin</a></li><li><a href=/css/units/lvw/>lvw</a></li><li><a href=/css/units/mm/>mm</a></li><li><a href=/css/units/ms/>ms</a></li><li><a href=/css/units/pc/>pc</a></li><li><a href=/css/units/pt/>pt</a></li><li><a href=/css/units/px/>px</a></li><li><a href=/css/units/q/>Q</a></li><li><a href=/css/units/rad/>rad</a></li><li><a href=/css/units/rem/>rem</a></li><li><a href=/css/units/s/>s</a></li><li><a href=/css/units/svb/>svb</a></li><li><a href=/css/units/svh/>svh</a></li><li><a href=/css/units/svi/>svi</a></li><li><a href=/css/units/svmax/>svmax</a></li><li><a href=/css/units/svmin/>svmin</a></li><li><a href=/css/units/svw/>svw</a></li><li><a href=/css/units/turn/>turn</a></li><li><a href=/css/units/vb/>vb</a></li><li><a href=/css/units/vh/>vh</a></li><li><a href=/css/units/vi/>vi</a></li><li><a href=/css/units/vmax/>vmax</a></li><li><a href=/css/units/vmin/>vmin</a></li><li><a href=/css/units/vw/>vw</a></li></ul></div></div><div class=h1><a id=switch-js>JS</a></div><div id=list-js><h2>Overview</h2><div><ul><li><a href=/js/>Overview</a></li></ul></div><h2>AbortController</h2><div><ul><li><a href=/js/abortcontroller/abort/>abort</a></li><li><a href=/js/abortcontroller/abortcontroller/>AbortController</a></li><li><a href=/js/abortcontroller/signal/>signal</a></li></ul></div><h2>AbstractRange</h2><div><ul><li><a href=/js/abstractrange/collapsed/>collapsed</a></li><li><a href=/js/abstractrange/endcontainer/>endContainer</a></li><li><a href=/js/abstractrange/endoffset/>endOffset</a></li><li><a href=/js/abstractrange/startcontainer/>startContainer</a></li><li><a href=/js/abstractrange/startoffset/>startOffset</a></li></ul></div><h2>AbortSignal</h2><div><ul><li><a href=/js/abortsignal/abort/>abort</a></li><li><a href=/js/abortsignal/aborted/>aborted</a></li><li><a href=/js/abortsignal/reason/>reason</a></li><li><a href=/js/abortsignal/throwifaborted/>throwIfAborted</a></li><li><a href=/js/abortsignal/timeout/>timeout</a></li></ul></div><h2>ChildNode</h2><div><ul><li><a href=/js/childnode/after/>after</a></li><li><a href=/js/childnode/before/>before</a></li><li><a href=/js/childnode/remove/>remove</a></li><li><a href=/js/childnode/replacewith/>replaceWith</a></li></ul></div><h2>Comment</h2><div><ul><li><a href=/js/comment/comment/>Comment</a></li></ul></div><h2>console</h2><div><ul><li><a href=/js/console/assert/>assert</a></li><li><a href=/js/console/clear/>clear</a></li><li><a href=/js/console/count/>count</a></li><li><a href=/js/console/countreset/>countReset</a></li><li><a href=/js/console/debug/>debug</a></li><li><a href=/js/console/dir/>dir</a></li><li><a href=/js/console/dirxml/>dirxml</a></li><li><a href=/js/console/error/>error</a></li><li><a href=/js/console/group/>group</a></li><li><a href=/js/console/groupcollapsed/>groupCollapsed</a></li><li><a href=/js/console/groupend/>groupEnd</a></li><li><a href=/js/console/info/>info</a></li><li><a href=/js/console/log/>log</a></li><li><a href=/js/console/table/>table</a></li><li><a href=/js/console/time/>time</a></li><li><a href=/js/console/timeend/>timeEnd</a></li><li><a href=/js/console/timelog/>timeLog</a></li><li><a href=/js/console/trace/>trace</a></li><li><a href=/js/console/warn/>warn</a></li></ul></div><h2>CustomEvent</h2><div><ul><li><a href=/js/customevent/customevent/>CustomEvent</a></li><li><a href=/js/customevent/detail/>detail</a></li></ul></div><h2>Declarations</h2><div><ul><li><a href=/js/declarations/const/>const</a></li><li><a href=/js/declarations/let/>let</a></li><li><a href=/js/declarations/var/>var</a></li></ul></div><h2>Document</h2><div><ul><li><a href=/js/document/adoptnode/>adoptNode</a></li><li><a href=/js/document/body/>body</a></li><li><a href=/js/document/characterset/>characterSet</a></li><li><a href=/js/document/close/>close</a></li><li><a href=/js/document/compatmode/>compatMode</a></li><li><a href=/js/document/contenttype/>contentType</a></li><li><a href=/js/document/cookie/>cookie</a></li><li><a href=/js/document/createcdatasection/>createCDATASection</a></li><li><a href=/js/document/createcomment/>createComment</a></li><li><a href=/js/document/createdocumentfragment/>createDocumentFragment</a></li><li><a href=/js/document/createelement/>createElement</a></li><li><a href=/js/document/createelementns/>createElementNS</a></li><li><a href=/js/document/createprocessinginstruction/>createProcessingInstruction</a></li><li><a href=/js/document/createtextnode/>createTextNode</a></li><li><a href=/js/document/currentscript/>currentScript</a></li><li><a href=/js/document/defaultview/>defaultView</a></li><li><a href=/js/document/designmode/>designMode</a></li><li><a href=/js/document/dir/>dir</a></li><li><a href=/js/document/doctype/>doctype</a></li><li><a href=/js/document/document/>Document</a></li><li><a href=/js/document/documentelement/>documentElement</a></li><li><a href=/js/document/documenturi/>documentURI</a></li><li><a href=/js/document/domain/>domain</a></li><li><a href=/js/document/embeds/>embeds</a></li><li><a href=/js/document/exitpictureinpicture/>exitPictureInPicture</a></li><li><a href=/js/document/forms/>forms</a></li><li><a href=/js/document/getelementsbyclassname/>getElementsByClassName</a></li><li><a href=/js/document/getelementsbyname/>getElementsByName</a></li><li><a href=/js/document/getelementsbytagname/>getElementsByTagName</a></li><li><a href=/js/document/getelementsbytagnamens/>getElementsByTagNameNS</a></li><li><a href=/js/document/hasfocus/>hasFocus</a></li><li><a href=/js/document/head/>head</a></li><li><a href=/js/document/hidden/>hidden</a></li><li><a href=/js/document/images/>images</a></li><li><a href=/js/document/implementation/>implementation</a></li><li><a href=/js/document/importnode/>importNode</a></li><li><a href=/js/document/lastmodified/>lastModified</a></li><li><a href=/js/document/links/>links</a></li><li><a href=/js/document/location/>location</a></li><li><a href=/js/document/onreadystatechange/>onreadystatechange</a></li><li><a href=/js/document/onvisibilitychange/>onvisibilitychange</a></li><li><a href=/js/document/open/>open</a></li><li><a href=/js/document/parsehtmlunsafe/>parseHTMLUnsafe</a></li><li><a href=/js/document/pictureinpictureenabled/>pictureInPictureEnabled</a></li><li><a href=/js/document/plugins/>plugins</a></li><li><a href=/js/document/readystate/>readyState</a></li><li><a href=/js/document/referrer/>referrer</a></li><li><a href=/js/document/scripts/>scripts</a></li><li><a href=/js/document/title/>title</a></li><li><a href=/js/document/url/>URL</a></li><li><a href=/js/document/visibilitystate/>visibilityState</a></li><li><a href=/js/document/write/>write</a></li><li><a href=/js/document/writeln/>writeln</a></li></ul></div><h2>DocumentFragment</h2><div><ul><li><a href=/js/documentfragment/documentfragment/>DocumentFragment</a></li></ul></div><h2>DocumentOrShadowRoot</h2><div><ul><li><a href=/js/documentorshadowroot/activeelement/>activeElement</a></li><li><a href=/js/documentorshadowroot/pictureinpictureelement/>pictureInPictureElement</a></li></ul></div><h2>DOMImplementation</h2><div><ul><li><a href=/js/domimplementation/createdocument/>createDocument</a></li><li><a href=/js/domimplementation/createdocumenttype/>createDocumentType</a></li><li><a href=/js/domimplementation/createhtmldocument/>createHTMLDocument</a></li></ul></div><h2>DOMStringList</h2><div><ul><li><a href=/js/domstringlist/contains/>contains</a></li><li><a href=/js/domstringlist/item/>item</a></li><li><a href=/js/domstringlist/length/>length</a></li></ul></div><h2>DOMTokenList</h2><div><ul><li><a href=/js/domtokenlist/add/>add</a></li><li><a href=/js/domtokenlist/contains/>contains</a></li><li><a href=/js/domtokenlist/item/>item</a></li><li><a href=/js/domtokenlist/length/>length</a></li><li><a href=/js/domtokenlist/remove/>remove</a></li><li><a href=/js/domtokenlist/replace/>replace</a></li><li><a href=/js/domtokenlist/supports/>supports</a></li><li><a href=/js/domtokenlist/toggle/>toggle</a></li><li><a href=/js/domtokenlist/value/>value</a></li></ul></div><h2>Element</h2><div><ul><li><a href=/js/element/attachshadow/>attachShadow</a></li><li><a href=/js/element/classlist/>classList</a></li><li><a href=/js/element/classname/>className</a></li><li><a href=/js/element/closest/>closest</a></li><li><a href=/js/element/getattribute/>getAttribute</a></li><li><a href=/js/element/getattributenames/>getAttributeNames</a></li><li><a href=/js/element/getattributens/>getAttributeNS</a></li><li><a href=/js/element/hasattribute/>hasAttribute</a></li><li><a href=/js/element/hasattributens/>hasAttributeNS</a></li><li><a href=/js/element/hasattributes/>hasAttributes</a></li><li><a href=/js/element/id/>id</a></li><li><a href=/js/element/innerhtml/>innerHTML</a></li><li><a href=/js/element/insertadjacenthtml/>insertAdjacentHTML</a></li><li><a href=/js/element/localname/>localName</a></li><li><a href=/js/element/matches/>matches</a></li><li><a href=/js/element/namespaceuri/>namespaceURI</a></li><li><a href=/js/element/outerhtml/>outerHTML</a></li><li><a href=/js/element/prefix/>prefix</a></li><li><a href=/js/element/removeattribute/>removeAttribute</a></li><li><a href=/js/element/removeattributens/>removeAttributeNS</a></li><li><a href=/js/element/setattribute/>setAttribute</a></li><li><a href=/js/element/setattributens/>setAttributeNS</a></li><li><a href=/js/element/shadowroot/>shadowRoot</a></li><li><a href=/js/element/slot/>slot</a></li><li><a href=/js/element/tagname/>tagName</a></li><li><a href=/js/element/toggleattribute/>toggleAttribute</a></li></ul></div><h2>Event</h2><div><ul><li><a href=/js/event/bubbles/>bubbles</a></li><li><a href=/js/event/cancelable/>cancelable</a></li><li><a href=/js/event/composed/>composed</a></li><li><a href=/js/event/composedpath/>composedPath</a></li><li><a href=/js/event/currenttarget/>currentTarget</a></li><li><a href=/js/event/defaultprevented/>defaultPrevented</a></li><li><a href=/js/event/event/>Event</a></li><li><a href=/js/event/eventphase/>eventPhase</a></li><li><a href=/js/event/istrusted/>isTrusted</a></li><li><a href=/js/event/preventdefault/>preventDefault</a></li><li><a href=/js/event/stopimmediatepropagation/>stopImmediatePropagation</a></li><li><a href=/js/event/stoppropagation/>stopPropagation</a></li><li><a href=/js/event/target/>target</a></li><li><a href=/js/event/timestamp/>timeStamp</a></li><li><a href=/js/event/type/>type</a></li></ul></div><h2>EventTarget</h2><div><ul><li><a href=/js/eventtarget/addeventlistener/>addEventListener</a></li><li><a href=/js/eventtarget/dispatchevent/>dispatchEvent</a></li><li><a href=/js/eventtarget/eventtarget/>EventTarget</a></li><li><a href=/js/eventtarget/removeeventlistener/>removeEventListener</a></li></ul></div><h2>HTMLAllCollection</h2><div><ul><li><a href=/js/htmlallcollection/item/>item</a></li><li><a href=/js/htmlallcollection/length/>length</a></li><li><a href=/js/htmlallcollection/nameditem/>namedItem</a></li></ul></div><h2>HTMLBaseElement</h2><div><ul><li><a href=/js/htmlbaseelement/href/>href</a></li><li><a href=/js/htmlbaseelement/target/>target</a></li></ul></div><h2>HTMLCollection</h2><div><ul><li><a href=/js/htmlcollection/item/>item</a></li><li><a href=/js/htmlcollection/length/>length</a></li><li><a href=/js/htmlcollection/nameditem/>namedItem</a></li></ul></div><h2>HTMLDialogElement</h2><div><ul><li><a href=/js/htmldialogelement/close/>close</a></li><li><a href=/js/htmldialogelement/open/>open</a></li><li><a href=/js/htmldialogelement/returnvalue/>returnValue</a></li><li><a href=/js/htmldialogelement/show/>show</a></li><li><a href=/js/htmldialogelement/showmodal/>showModal</a></li></ul></div><h2>HTMLElement</h2><div><ul><li><a href=/js/htmlelement/accesskey/>accessKey</a></li><li><a href=/js/htmlelement/accesskeylabel/>accessKeyLabel</a></li><li><a href=/js/htmlelement/attachinternals/>attachInternals</a></li><li><a href=/js/htmlelement/autocapitalize/>autocapitalize</a></li><li><a href=/js/htmlelement/autocorrect/>autocorrect</a></li><li><a href=/js/htmlelement/click/>click</a></li><li><a href=/js/htmlelement/constructor/>constructor</a></li><li><a href=/js/htmlelement/dir/>dir</a></li><li><a href=/js/htmlelement/draggable/>draggable</a></li><li><a href=/js/htmlelement/hidden/>hidden</a></li><li><a href=/js/htmlelement/hidepopover/>hidePopover</a></li><li><a href=/js/htmlelement/inert/>inert</a></li><li><a href=/js/htmlelement/innertext/>innerText</a></li><li><a href=/js/htmlelement/lang/>lang</a></li><li><a href=/js/htmlelement/outertext/>outerText</a></li><li><a href=/js/htmlelement/popover/>popover</a></li><li><a href=/js/htmlelement/showpopover/>showPopover</a></li><li><a href=/js/htmlelement/spellcheck/>spellcheck</a></li><li><a href=/js/htmlelement/title/>title</a></li><li><a href=/js/htmlelement/togglepopover/>togglePopover</a></li><li><a href=/js/htmlelement/translate/>translate</a></li><li><a href=/js/htmlelement/writingsuggestions/>writingSuggestions</a></li></ul></div><h2>HTMLFormControlsCollection</h2><div><ul><li><a href=/js/htmlformcontrolscollection/item/>item</a></li><li><a href=/js/htmlformcontrolscollection/length/>length</a></li><li><a href=/js/htmlformcontrolscollection/nameditem/>namedItem</a></li></ul></div><h2>HTMLLinkElement</h2><div><ul><li><a href=/js/htmllinkelement/crossorigin/>crossOrigin</a></li><li><a href=/js/htmllinkelement/href/>href</a></li><li><a href=/js/htmllinkelement/rel/>rel</a></li></ul></div><h2>HTMLOptionsCollection</h2><div><ul><li><a href=/js/htmloptionscollection/add/>add</a></li><li><a href=/js/htmloptionscollection/item/>item</a></li><li><a href=/js/htmloptionscollection/length/>length</a></li><li><a href=/js/htmloptionscollection/nameditem/>namedItem</a></li><li><a href=/js/htmloptionscollection/remove/>remove</a></li><li><a href=/js/htmloptionscollection/selectedindex/>selectedIndex</a></li></ul></div><h2>HTMLOrSVGElement</h2><div><ul><li><a href=/js/htmlorsvgelement/autofocus/>autofocus</a></li><li><a href=/js/htmlorsvgelement/blur/>blur</a></li><li><a href=/js/htmlorsvgelement/dataset/>dataset</a></li><li><a href=/js/htmlorsvgelement/focus/>focus</a></li><li><a href=/js/htmlorsvgelement/nonce/>nonce</a></li><li><a href=/js/htmlorsvgelement/tabindex/>tabIndex</a></li></ul></div><h2>HTMLVideoElement</h2><div><ul><li><a href=/js/htmlvideoelement/autopictureinpicture/>autoPictureInPicture</a></li><li><a href=/js/htmlvideoelement/disablepictureinpicture/>disablePictureInPicture</a></li><li><a href=/js/htmlvideoelement/requestpictureinpicture/>requestPictureInPicture</a></li></ul></div><h2>Iterations</h2><div><ul><li><a href=/js/iterations/do-while/>do-while</a></li><li><a href=/js/iterations/for/>for</a></li><li><a href=/js/iterations/for-await-of/>for-await-of</a></li><li><a href=/js/iterations/for-in/>for-in</a></li><li><a href=/js/iterations/for-of/>for-of</a></li><li><a href=/js/iterations/while/>while</a></li></ul></div><h2>Location</h2><div><ul><li><a href=/js/location/ancestororigins/>ancestorOrigins</a></li></ul></div><h2>MutationObserver</h2><div><ul><li><a href=/js/mutationobserver/disconnect/>disconnect</a></li><li><a href=/js/mutationobserver/mutationobserver/>MutationObserver</a></li><li><a href=/js/mutationobserver/observe/>observe</a></li><li><a href=/js/mutationobserver/takerecords/>takeRecords</a></li></ul></div><h2>MutationRecord</h2><div><ul><li><a href=/js/mutationrecord/addednodes/>addedNodes</a></li><li><a href=/js/mutationrecord/attributename/>attributeName</a></li><li><a href=/js/mutationrecord/attributenamespace/>attributeNamespace</a></li><li><a href=/js/mutationrecord/nextsibling/>nextSibling</a></li><li><a href=/js/mutationrecord/oldvalue/>oldValue</a></li><li><a href=/js/mutationrecord/previoussibling/>previousSibling</a></li><li><a href=/js/mutationrecord/removednodes/>removedNodes</a></li><li><a href=/js/mutationrecord/target/>target</a></li><li><a href=/js/mutationrecord/type/>type</a></li></ul></div><h2>Node</h2><div><ul><li><a href=/js/node/baseuri/>baseURI</a></li><li><a href=/js/node/childnodes/>childNodes</a></li><li><a href=/js/node/clonenode/>cloneNode</a></li><li><a href=/js/node/comparedocumentposition/>compareDocumentPosition</a></li><li><a href=/js/node/contains/>contains</a></li><li><a href=/js/node/firstchild/>firstChild</a></li><li><a href=/js/node/getrootnode/>getRootNode</a></li><li><a href=/js/node/haschildnodes/>hasChildNodes</a></li><li><a href=/js/node/isconnected/>isConnected</a></li><li><a href=/js/node/isequalnode/>isEqualNode</a></li><li><a href=/js/node/lastchild/>lastChild</a></li><li><a href=/js/node/nextsibling/>nextSibling</a></li><li><a href=/js/node/nodename/>nodeName</a></li><li><a href=/js/node/nodetype/>nodeType</a></li><li><a href=/js/node/normalize/>normalize</a></li><li><a href=/js/node/ownerdocument/>ownerDocument</a></li><li><a href=/js/node/parentelement/>parentElement</a></li><li><a href=/js/node/parentnode/>parentNode</a></li><li><a href=/js/node/previoussibling/>previousSibling</a></li></ul></div><h2>NodeList</h2><div><ul><li><a href=/js/nodelist/item/>item</a></li><li><a href=/js/nodelist/length/>length</a></li></ul></div><h2>NonDocumentTypeChildNode</h2><div><ul><li><a href=/js/nondocumenttypechildnode/nextelementsibling/>nextElementSibling</a></li><li><a href=/js/nondocumenttypechildnode/previouselementsibling/>previousElementSibling</a></li></ul></div><h2>NonElementParentNode</h2><div><ul><li><a href=/js/nonelementparentnode/getelementbyid/>getElementById</a></li></ul></div><h2>ParentNode</h2><div><ul><li><a href=/js/parentnode/append/>append</a></li><li><a href=/js/parentnode/children/>children</a></li><li><a href=/js/parentnode/firstelementchild/>firstElementChild</a></li><li><a href=/js/parentnode/lastelementchild/>lastElementChild</a></li><li><a href=/js/parentnode/prepend/>prepend</a></li><li><a href=/js/parentnode/queryselector/>querySelector</a></li><li><a href=/js/parentnode/queryselectorall/>querySelectorAll</a></li><li><a href=/js/parentnode/replacechildren/>replaceChildren</a></li></ul></div><h2>Prompts</h2><div><ul><li><a href=/js/prompts/alert/>alert</a></li><li><a href=/js/prompts/confirm/>confirm</a></li><li><a href=/js/prompts/prompt/>prompt</a></li></ul></div><h2>RadioNodeList</h2><div><ul><li><a href=/js/radionodelist/value/>value</a></li></ul></div><h2>Range</h2><div><ul><li><a href=/js/range/commonancestorcontainer/>commonAncestorContainer</a></li><li><a href=/js/range/comparepoint/>comparePoint</a></li><li><a href=/js/range/createcontextualfragment/>createContextualFragment</a></li><li><a href=/js/range/intersectsnode/>intersectsNode</a></li><li><a href=/js/range/range/>Range</a></li></ul></div><h2>Slottable</h2><div><ul><li><a href=/js/slottable/assignedslot/>assignedSlot</a></li></ul></div><h2>Statements</h2><div><ul><li><a href=/js/statements/if/>if</a></li><li><a href=/js/statements/switch/>switch</a></li><li><a href=/js/statements/try/>try</a></li></ul></div><h2>StaticRange</h2><div><ul><li><a href=/js/staticrange/staticrange/>StaticRange</a></li></ul></div><h2>Text</h2><div><ul><li><a href=/js/text/splittext/>splitText</a></li><li><a href=/js/text/text/>Text</a></li><li><a href=/js/text/wholetext/>wholeText</a></li></ul></div><h2>Window</h2><div><ul><li><a href=/js/window/location/>location</a></li></ul></div><h2>WindowOrWorkerGlobalScope</h2><div><ul><li><a href=/js/windoworworkerglobalscope/atob/>atob</a></li><li><a href=/js/windoworworkerglobalscope/btoa/>btoa</a></li><li><a href=/js/windoworworkerglobalscope/clearinterval/>clearInterval</a></li><li><a href=/js/windoworworkerglobalscope/cleartimeout/>clearTimeout</a></li><li><a href=/js/windoworworkerglobalscope/createimagebitmap/>createImageBitmap</a></li><li><a href=/js/windoworworkerglobalscope/crossoriginisolated/>crossOriginIsolated</a></li><li><a href=/js/windoworworkerglobalscope/issecurecontext/>isSecureContext</a></li><li><a href=/js/windoworworkerglobalscope/origin/>origin</a></li><li><a href=/js/windoworworkerglobalscope/queuemicrotask/>queueMicrotask</a></li><li><a href=/js/windoworworkerglobalscope/reporterror/>reportError</a></li><li><a href=/js/windoworworkerglobalscope/setinterval/>setInterval</a></li><li><a href=/js/windoworworkerglobalscope/settimeout/>setTimeout</a></li><li><a href=/js/windoworworkerglobalscope/structuredclone/>structuredClone</a></li></ul></div><h2>Other</h2><div><ul><li><a href=/js/array/>Array</a></li><li><a href=/js/comments/>Comments</a></li><li><a href=/js/date/>Date</a></li><li><a href=/js/enable/>Enable</a></li><li><a href=/js/functions/>Functions</a></li><li><a href=/js/infinity/>Infinity</a></li><li><a href=/js/print/>print</a></li></ul></div></div><div class=h1><a id=switch-php>PHP</a></div><div id=list-php><h2>Overview</h2><div><ul><li><a href=/php/>Overview</a></li></ul></div><h2>Array</h2><div><ul><li><a href=/php/array/array/>array</a></li><li><a href=/php/array/array_all/>array_all</a></li><li><a href=/php/array/array_any/>array_any</a></li><li><a href=/php/array/array_change_key_case/>array_change_key_case</a></li><li><a href=/php/array/array_chunk/>array_chunk</a></li><li><a href=/php/array/array_column/>array_column</a></li><li><a href=/php/array/array_combine/>array_combine</a></li><li><a href=/php/array/array_count_values/>array_count_values</a></li><li><a href=/php/array/array_diff/>array_diff</a></li><li><a href=/php/array/array_diff_assoc/>array_diff_assoc</a></li><li><a href=/php/array/array_diff_key/>array_diff_key</a></li><li><a href=/php/array/array_diff_uassoc/>array_diff_uassoc</a></li><li><a href=/php/array/array_diff_ukey/>array_diff_ukey</a></li><li><a href=/php/array/array_fill/>array_fill</a></li><li><a href=/php/array/array_fill_keys/>array_fill_keys</a></li><li><a href=/php/array/array_filter/>array_filter</a></li><li><a href=/php/array/array_find/>array_find</a></li><li><a href=/php/array/array_find_key/>array_find_key</a></li><li><a href=/php/array/array_first/>array_first</a></li><li><a href=/php/array/array_flip/>array_flip</a></li><li><a href=/php/array/array_intersect/>array_intersect</a></li><li><a href=/php/array/array_intersect_assoc/>array_intersect_assoc</a></li><li><a href=/php/array/array_intersect_key/>array_intersect_key</a></li><li><a href=/php/array/array_intersect_uassoc/>array_intersect_uassoc</a></li><li><a href=/php/array/array_intersect_ukey/>array_intersect_ukey</a></li><li><a href=/php/array/array_key_exists/>array_key_exists</a></li><li><a href=/php/array/array_key_first/>array_key_first</a></li><li><a href=/php/array/array_key_last/>array_key_last</a></li><li><a href=/php/array/array_keys/>array_keys</a></li><li><a href=/php/array/array_last/>array_last</a></li><li><a href=/php/array/array_map/>array_map</a></li><li><a href=/php/array/array_merge/>array_merge</a></li><li><a href=/php/array/array_merge_recursive/>array_merge_recursive</a></li><li><a href=/php/array/array_multisort/>array_multisort</a></li><li><a href=/php/array/array_pad/>array_pad</a></li><li><a href=/php/array/array_pop/>array_pop</a></li><li><a href=/php/array/array_product/>array_product</a></li><li><a href=/php/array/array_push/>array_push</a></li><li><a href=/php/array/array_rand/>array_rand</a></li><li><a href=/php/array/array_reduce/>array_reduce</a></li><li><a href=/php/array/array_replace/>array_replace</a></li><li><a href=/php/array/array_replace_recursive/>array_replace_recursive</a></li><li><a href=/php/array/array_reverse/>array_reverse</a></li><li><a href=/php/array/array_search/>array_search</a></li><li><a href=/php/array/array_shift/>array_shift</a></li><li><a href=/php/array/array_slice/>array_slice</a></li><li><a href=/php/array/array_splice/>array_splice</a></li><li><a href=/php/array/array_sum/>array_sum</a></li><li><a href=/php/array/array_udiff/>array_udiff</a></li><li><a href=/php/array/array_udiff_assoc/>array_udiff_assoc</a></li><li><a href=/php/array/array_udiff_uassoc/>array_udiff_uassoc</a></li><li><a href=/php/array/array_uintersect/>array_uintersect</a></li><li><a href=/php/array/array_uintersect_assoc/>array_uintersect_assoc</a></li><li><a href=/php/array/array_uintersect_uassoc/>array_uintersect_uassoc</a></li><li><a href=/php/array/array_unique/>array_unique</a></li><li><a href=/php/array/array_unshift/>array_unshift</a></li><li><a href=/php/array/array_values/>array_values</a></li><li><a href=/php/array/array_walk/>array_walk</a></li><li><a href=/php/array/array_walk_recursive/>array_walk_recursive</a></li><li><a href=/php/array/arsort/>arsort</a></li><li><a href=/php/array/asort/>asort</a></li><li><a href=/php/array/compact/>compact</a></li><li><a href=/php/array/count/>count</a></li><li><a href=/php/array/current/>current</a></li><li><a href=/php/array/end/>end</a></li><li><a href=/php/array/extract/>extract</a></li><li><a href=/php/array/in_array/>in_array</a></li><li><a href=/php/array/key/>key</a></li><li><a href=/php/array/key_exists/>key_exists</a></li><li><a href=/php/array/krsort/>krsort</a></li><li><a href=/php/array/ksort/>ksort</a></li><li><a href=/php/array/list/>list</a></li><li><a href=/php/array/natcasesort/>natcasesort</a></li><li><a href=/php/array/natsort/>natsort</a></li><li><a href=/php/array/next/>next</a></li><li><a href=/php/array/pos/>pos</a></li><li><a href=/php/array/prev/>prev</a></li><li><a href=/php/array/range/>range</a></li><li><a href=/php/array/reset/>reset</a></li><li><a href=/php/array/rsort/>rsort</a></li><li><a href=/php/array/shuffle/>shuffle</a></li><li><a href=/php/array/sizeof/>sizeof</a></li><li><a href=/php/array/sort/>sort</a></li><li><a href=/php/array/uasort/>uasort</a></li><li><a href=/php/array/uksort/>uksort</a></li><li><a href=/php/array/usort/>usort</a></li></ul></div><h2>BCMath</h2><div><ul><li><a href=/php/bcmath/bcadd/>bcadd</a></li><li><a href=/php/bcmath/bcceil/>bcceil</a></li><li><a href=/php/bcmath/bccomp/>bccomp</a></li><li><a href=/php/bcmath/bcdiv/>bcdiv</a></li><li><a href=/php/bcmath/bcdivmod/>bcdivmod</a></li><li><a href=/php/bcmath/bcfloor/>bcfloor</a></li><li><a href=/php/bcmath/bcmod/>bcmod</a></li><li><a href=/php/bcmath/bcmul/>bcmul</a></li><li><a href=/php/bcmath/bcpow/>bcpow</a></li><li><a href=/php/bcmath/bcpowmod/>bcpowmod</a></li><li><a href=/php/bcmath/bcround/>bcround</a></li><li><a href=/php/bcmath/bcscale/>bcscale</a></li><li><a href=/php/bcmath/bcsqrt/>bcsqrt</a></li><li><a href=/php/bcmath/bcsub/>bcsub</a></li></ul></div><h2>bzip2</h2><div><ul><li><a href=/php/bzip2/bzclose/>bzclose</a></li><li><a href=/php/bzip2/bzcompress/>bzcompress</a></li><li><a href=/php/bzip2/bzdecompress/>bzdecompress</a></li><li><a href=/php/bzip2/bzerrno/>bzerrno</a></li><li><a href=/php/bzip2/bzerror/>bzerror</a></li><li><a href=/php/bzip2/bzerrstr/>bzerrstr</a></li><li><a href=/php/bzip2/bzflush/>bzflush</a></li><li><a href=/php/bzip2/bzopen/>bzopen</a></li><li><a href=/php/bzip2/bzread/>bzread</a></li><li><a href=/php/bzip2/bzwrite/>bzwrite</a></li></ul></div><h2>Calendar</h2><div><ul><li><a href=/php/calendar/cal_days_in_month/>cal_days_in_month</a></li><li><a href=/php/calendar/cal_from_jd/>cal_from_jd</a></li><li><a href=/php/calendar/cal_info/>cal_info</a></li><li><a href=/php/calendar/cal_to_jd/>cal_to_jd</a></li><li><a href=/php/calendar/easter_date/>easter_date</a></li><li><a href=/php/calendar/easter_days/>easter_days</a></li><li><a href=/php/calendar/frenchtojd/>frenchtojd</a></li><li><a href=/php/calendar/gregoriantojd/>gregoriantojd</a></li><li><a href=/php/calendar/jddayofweek/>jddayofweek</a></li><li><a href=/php/calendar/jdmonthname/>jdmonthname</a></li><li><a href=/php/calendar/jdtofrench/>jdtofrench</a></li><li><a href=/php/calendar/jdtogregorian/>jdtogregorian</a></li><li><a href=/php/calendar/jdtojewish/>jdtojewish</a></li><li><a href=/php/calendar/jdtojulian/>jdtojulian</a></li><li><a href=/php/calendar/jdtounix/>jdtounix</a></li><li><a href=/php/calendar/jewishtojd/>jewishtojd</a></li><li><a href=/php/calendar/juliantojd/>juliantojd</a></li><li><a href=/php/calendar/unixtojd/>unixtojd</a></li></ul></div><h2>Class / Object</h2><div><ul><li><a href=/php/class-object/class_alias/>class_alias</a></li><li><a href=/php/class-object/class_exists/>class_exists</a></li><li><a href=/php/class-object/get_called_class/>get_called_class</a></li><li><a href=/php/class-object/get_class/>get_class</a></li><li><a href=/php/class-object/get_class_methods/>get_class_methods</a></li><li><a href=/php/class-object/get_class_vars/>get_class_vars</a></li><li><a href=/php/class-object/get_declared_classes/>get_declared_classes</a></li><li><a href=/php/class-object/get_declared_interfaces/>get_declared_interfaces</a></li><li><a href=/php/class-object/get_declared_traits/>get_declared_traits</a></li><li><a href=/php/class-object/get_object_vars/>get_object_vars</a></li><li><a href=/php/class-object/get_parent_class/>get_parent_class</a></li><li><a href=/php/class-object/interface_exists/>interface_exists</a></li><li><a href=/php/class-object/is_a/>is_a</a></li><li><a href=/php/class-object/is_subclass_of/>is_subclass_of</a></li><li><a href=/php/class-object/method_exists/>method_exists</a></li><li><a href=/php/class-object/property_exists/>property_exists</a></li><li><a href=/php/class-object/trait_exists/>trait_exists</a></li></ul></div><h2>Ctype</h2><div><ul><li><a href=/php/ctype/ctype_alnum/>ctype_alnum</a></li><li><a href=/php/ctype/ctype_alpha/>ctype_alpha</a></li><li><a href=/php/ctype/ctype_cntrl/>ctype_cntrl</a></li><li><a href=/php/ctype/ctype_digit/>ctype_digit</a></li><li><a href=/php/ctype/ctype_graph/>ctype_graph</a></li><li><a href=/php/ctype/ctype_lower/>ctype_lower</a></li><li><a href=/php/ctype/ctype_print/>ctype_print</a></li><li><a href=/php/ctype/ctype_punct/>ctype_punct</a></li><li><a href=/php/ctype/ctype_space/>ctype_space</a></li><li><a href=/php/ctype/ctype_upper/>ctype_upper</a></li><li><a href=/php/ctype/ctype_xdigit/>ctype_xdigit</a></li></ul></div><h2>cURL</h2><div><ul><li><a href=/php/curl/curl_close/>curl_close</a></li><li><a href=/php/curl/curl_copy_handle/>curl_copy_handle</a></li><li><a href=/php/curl/curl_errno/>curl_errno</a></li><li><a href=/php/curl/curl_error/>curl_error</a></li><li><a href=/php/curl/curl_escape/>curl_escape</a></li><li><a href=/php/curl/curl_exec/>curl_exec</a></li><li><a href=/php/curl/curl_getinfo/>curl_getinfo</a></li><li><a href=/php/curl/curl_init/>curl_init</a></li><li><a href=/php/curl/curl_multi_add_handle/>curl_multi_add_handle</a></li><li><a href=/php/curl/curl_multi_close/>curl_multi_close</a></li><li><a href=/php/curl/curl_multi_errno/>curl_multi_errno</a></li><li><a href=/php/curl/curl_multi_exec/>curl_multi_exec</a></li><li><a href=/php/curl/curl_multi_getcontent/>curl_multi_getcontent</a></li><li><a href=/php/curl/curl_multi_info_read/>curl_multi_info_read</a></li><li><a href=/php/curl/curl_multi_init/>curl_multi_init</a></li><li><a href=/php/curl/curl_multi_remove_handle/>curl_multi_remove_handle</a></li><li><a href=/php/curl/curl_multi_select/>curl_multi_select</a></li><li><a href=/php/curl/curl_multi_setopt/>curl_multi_setopt</a></li><li><a href=/php/curl/curl_multi_strerror/>curl_multi_strerror</a></li><li><a href=/php/curl/curl_pause/>curl_pause</a></li><li><a href=/php/curl/curl_reset/>curl_reset</a></li><li><a href=/php/curl/curl_setopt/>curl_setopt</a></li><li><a href=/php/curl/curl_setopt_array/>curl_setopt_array</a></li><li><a href=/php/curl/curl_share_close/>curl_share_close</a></li><li><a href=/php/curl/curl_share_errno/>curl_share_errno</a></li><li><a href=/php/curl/curl_share_init/>curl_share_init</a></li><li><a href=/php/curl/curl_share_init_persistent/>curl_share_init_persistent</a></li><li><a href=/php/curl/curl_share_setopt/>curl_share_setopt</a></li><li><a href=/php/curl/curl_share_strerror/>curl_share_strerror</a></li><li><a href=/php/curl/curl_strerror/>curl_strerror</a></li><li><a href=/php/curl/curl_unescape/>curl_unescape</a></li><li><a href=/php/curl/curl_upkeep/>curl_upkeep</a></li><li><a href=/php/curl/curl_version/>curl_version</a></li></ul></div><h2>Date / Time</h2><div><ul><li><a href=/php/date-time/checkdate/>checkdate</a></li><li><a href=/php/date-time/date/>date</a></li><li><a href=/php/date-time/date_add/>date_add</a></li><li><a href=/php/date-time/date_create/>date_create</a></li><li><a href=/php/date-time/date_create_from_format/>date_create_from_format</a></li><li><a href=/php/date-time/date_create_immutable/>date_create_immutable</a></li><li><a href=/php/date-time/date_create_immutable_from_format/>date_create_immutable_from_format</a></li><li><a href=/php/date-time/date_date_set/>date_date_set</a></li><li><a href=/php/date-time/date_default_timezone_get/>date_default_timezone_get</a></li><li><a href=/php/date-time/date_default_timezone_set/>date_default_timezone_set</a></li><li><a href=/php/date-time/date_diff/>date_diff</a></li><li><a href=/php/date-time/date_format/>date_format</a></li><li><a href=/php/date-time/date_get_last_errors/>date_get_last_errors</a></li><li><a href=/php/date-time/date_interval_create_from_date_string/>date_interval_create_from_date_string</a></li><li><a href=/php/date-time/date_interval_format/>date_interval_format</a></li><li><a href=/php/date-time/date_isodate_set/>date_isodate_set</a></li><li><a href=/php/date-time/date_modify/>date_modify</a></li><li><a href=/php/date-time/date_offset_get/>date_offset_get</a></li><li><a href=/php/date-time/date_parse/>date_parse</a></li><li><a href=/php/date-time/date_parse_from_format/>date_parse_from_format</a></li><li><a href=/php/date-time/date_sub/>date_sub</a></li><li><a href=/php/date-time/date_sun_info/>date_sun_info</a></li><li><a href=/php/date-time/date_sunrise/>date_sunrise</a></li><li><a href=/php/date-time/date_sunset/>date_sunset</a></li><li><a href=/php/date-time/date_time_set/>date_time_set</a></li><li><a href=/php/date-time/date_timestamp_get/>date_timestamp_get</a></li><li><a href=/php/date-time/date_timestamp_set/>date_timestamp_set</a></li><li><a href=/php/date-time/date_timezone_get/>date_timezone_get</a></li><li><a href=/php/date-time/date_timezone_set/>date_timezone_set</a></li><li><a href=/php/date-time/getdate/>getdate</a></li><li><a href=/php/date-time/gettimeofday/>gettimeofday</a></li><li><a href=/php/date-time/gmdate/>gmdate</a></li><li><a href=/php/date-time/gmmktime/>gmmktime</a></li><li><a href=/php/date-time/gmstrftime/>gmstrftime</a></li><li><a href=/php/date-time/idate/>idate</a></li><li><a href=/php/date-time/localtime/>localtime</a></li><li><a href=/php/date-time/microtime/>microtime</a></li><li><a href=/php/date-time/mktime/>mktime</a></li><li><a href=/php/date-time/strftime/>strftime</a></li><li><a href=/php/date-time/strptime/>strptime</a></li><li><a href=/php/date-time/strtotime/>strtotime</a></li><li><a href=/php/date-time/time/>time</a></li><li><a href=/php/date-time/timezone_abbreviations_list/>timezone_abbreviations_list</a></li><li><a href=/php/date-time/timezone_identifiers_list/>timezone_identifiers_list</a></li><li><a href=/php/date-time/timezone_location_get/>timezone_location_get</a></li><li><a href=/php/date-time/timezone_name_from_abbr/>timezone_name_from_abbr</a></li><li><a href=/php/date-time/timezone_name_get/>timezone_name_get</a></li><li><a href=/php/date-time/timezone_offset_get/>timezone_offset_get</a></li><li><a href=/php/date-time/timezone_open/>timezone_open</a></li><li><a href=/php/date-time/timezone_transitions_get/>timezone_transitions_get</a></li><li><a href=/php/date-time/timezone_version_get/>timezone_version_get</a></li></ul></div><h2>Directory</h2><div><ul><li><a href=/php/directory/chdir/>chdir</a></li><li><a href=/php/directory/chroot/>chroot</a></li><li><a href=/php/directory/closedir/>closedir</a></li><li><a href=/php/directory/dir/>dir</a></li><li><a href=/php/directory/getcwd/>getcwd</a></li><li><a href=/php/directory/opendir/>opendir</a></li><li><a href=/php/directory/readdir/>readdir</a></li><li><a href=/php/directory/rewinddir/>rewinddir</a></li><li><a href=/php/directory/scandir/>scandir</a></li></ul></div><h2>DOM</h2><div><ul><li><a href=/php/dom/dom_import_simplexml/>dom_import_simplexml</a></li></ul></div><h2>Error Handling</h2><div><ul><li><a href=/php/error-handling/debug_backtrace/>debug_backtrace</a></li><li><a href=/php/error-handling/debug_print_backtrace/>debug_print_backtrace</a></li><li><a href=/php/error-handling/error_clear_last/>error_clear_last</a></li><li><a href=/php/error-handling/error_get_last/>error_get_last</a></li><li><a href=/php/error-handling/error_log/>error_log</a></li><li><a href=/php/error-handling/error_reporting/>error_reporting</a></li><li><a href=/php/error-handling/get_error_handler/>get_error_handler</a></li><li><a href=/php/error-handling/get_exception_handler/>get_exception_handler</a></li><li><a href=/php/error-handling/restore_error_handler/>restore_error_handler</a></li><li><a href=/php/error-handling/restore_exception_handler/>restore_exception_handler</a></li><li><a href=/php/error-handling/set_error_handler/>set_error_handler</a></li><li><a href=/php/error-handling/set_exception_handler/>set_exception_handler</a></li><li><a href=/php/error-handling/trigger_error/>trigger_error</a></li><li><a href=/php/error-handling/user_error/>user_error</a></li></ul></div><h2>Exif</h2><div><ul><li><a href=/php/exif/exif_imagetype/>exif_imagetype</a></li><li><a href=/php/exif/exif_read_data/>exif_read_data</a></li><li><a href=/php/exif/exif_tagname/>exif_tagname</a></li><li><a href=/php/exif/exif_thumbnail/>exif_thumbnail</a></li></ul></div><h2>Fileinfo</h2><div><ul><li><a href=/php/fileinfo/finfo_buffer/>finfo_buffer</a></li><li><a href=/php/fileinfo/finfo_close/>finfo_close</a></li><li><a href=/php/fileinfo/finfo_file/>finfo_file</a></li><li><a href=/php/fileinfo/finfo_open/>finfo_open</a></li><li><a href=/php/fileinfo/finfo_set_flags/>finfo_set_flags</a></li><li><a href=/php/fileinfo/mime_content_type/>mime_content_type</a></li></ul></div><h2>Filesystem</h2><div><ul><li><a href=/php/filesystem/basename/>basename</a></li><li><a href=/php/filesystem/chgrp/>chgrp</a></li><li><a href=/php/filesystem/chmod/>chmod</a></li><li><a href=/php/filesystem/chown/>chown</a></li><li><a href=/php/filesystem/clearstatcache/>clearstatcache</a></li><li><a href=/php/filesystem/copy/>copy</a></li><li><a href=/php/filesystem/dirname/>dirname</a></li><li><a href=/php/filesystem/disk_free_space/>disk_free_space</a></li><li><a href=/php/filesystem/disk_total_space/>disk_total_space</a></li><li><a href=/php/filesystem/diskfreespace/>diskfreespace</a></li><li><a href=/php/filesystem/fclose/>fclose</a></li><li><a href=/php/filesystem/feof/>feof</a></li><li><a href=/php/filesystem/fflush/>fflush</a></li><li><a href=/php/filesystem/fgetc/>fgetc</a></li><li><a href=/php/filesystem/fgetcsv/>fgetcsv</a></li><li><a href=/php/filesystem/fgets/>fgets</a></li><li><a href=/php/filesystem/file/>file</a></li><li><a href=/php/filesystem/file_exists/>file_exists</a></li><li><a href=/php/filesystem/file_get_contents/>file_get_contents</a></li><li><a href=/php/filesystem/file_put_contents/>file_put_contents</a></li><li><a href=/php/filesystem/fileatime/>fileatime</a></li><li><a href=/php/filesystem/filectime/>filectime</a></li><li><a href=/php/filesystem/filegroup/>filegroup</a></li><li><a href=/php/filesystem/fileinode/>fileinode</a></li><li><a href=/php/filesystem/filemtime/>filemtime</a></li><li><a href=/php/filesystem/fileowner/>fileowner</a></li><li><a href=/php/filesystem/fileperms/>fileperms</a></li><li><a href=/php/filesystem/filesize/>filesize</a></li><li><a href=/php/filesystem/filetype/>filetype</a></li><li><a href=/php/filesystem/flock/>flock</a></li><li><a href=/php/filesystem/fnmatch/>fnmatch</a></li><li><a href=/php/filesystem/fopen/>fopen</a></li><li><a href=/php/filesystem/fpassthru/>fpassthru</a></li><li><a href=/php/filesystem/fputcsv/>fputcsv</a></li><li><a href=/php/filesystem/fputs/>fputs</a></li><li><a href=/php/filesystem/fread/>fread</a></li><li><a href=/php/filesystem/fscanf/>fscanf</a></li><li><a href=/php/filesystem/fseek/>fseek</a></li><li><a href=/php/filesystem/fstat/>fstat</a></li><li><a href=/php/filesystem/ftell/>ftell</a></li><li><a href=/php/filesystem/ftruncate/>ftruncate</a></li><li><a href=/php/filesystem/fwrite/>fwrite</a></li><li><a href=/php/filesystem/glob/>glob</a></li><li><a href=/php/filesystem/is_dir/>is_dir</a></li><li><a href=/php/filesystem/is_executable/>is_executable</a></li><li><a href=/php/filesystem/is_file/>is_file</a></li><li><a href=/php/filesystem/is_link/>is_link</a></li><li><a href=/php/filesystem/is_readable/>is_readable</a></li><li><a href=/php/filesystem/is_uploaded_file/>is_uploaded_file</a></li><li><a href=/php/filesystem/is_writable/>is_writable</a></li><li><a href=/php/filesystem/is_writeable/>is_writeable</a></li><li><a href=/php/filesystem/lchgrp/>lchgrp</a></li><li><a href=/php/filesystem/lchown/>lchown</a></li><li><a href=/php/filesystem/link/>link</a></li><li><a href=/php/filesystem/linkinfo/>linkinfo</a></li><li><a href=/php/filesystem/lstat/>lstat</a></li><li><a href=/php/filesystem/mkdir/>mkdir</a></li><li><a href=/php/filesystem/move_uploaded_file/>move_uploaded_file</a></li><li><a href=/php/filesystem/pathinfo/>pathinfo</a></li><li><a href=/php/filesystem/pclose/>pclose</a></li><li><a href=/php/filesystem/popen/>popen</a></li><li><a href=/php/filesystem/readfile/>readfile</a></li><li><a href=/php/filesystem/readlink/>readlink</a></li><li><a href=/php/filesystem/realpath/>realpath</a></li><li><a href=/php/filesystem/realpath_cache_get/>realpath_cache_get</a></li><li><a href=/php/filesystem/realpath_cache_size/>realpath_cache_size</a></li><li><a href=/php/filesystem/rename/>rename</a></li><li><a href=/php/filesystem/rewind/>rewind</a></li><li><a href=/php/filesystem/rmdir/>rmdir</a></li><li><a href=/php/filesystem/set_file_buffer/>set_file_buffer</a></li><li><a href=/php/filesystem/stat/>stat</a></li><li><a href=/php/filesystem/symlink/>symlink</a></li><li><a href=/php/filesystem/tempnam/>tempnam</a></li><li><a href=/php/filesystem/tmpfile/>tmpfile</a></li><li><a href=/php/filesystem/touch/>touch</a></li><li><a href=/php/filesystem/umask/>umask</a></li><li><a href=/php/filesystem/unlink/>unlink</a></li></ul></div><h2>Filter</h2><div><ul><li><a href=/php/filter/filter_has_var/>filter_has_var</a></li><li><a href=/php/filter/filter_id/>filter_id</a></li><li><a href=/php/filter/filter_input/>filter_input</a></li><li><a href=/php/filter/filter_input_array/>filter_input_array</a></li><li><a href=/php/filter/filter_list/>filter_list</a></li><li><a href=/php/filter/filter_var/>filter_var</a></li><li><a href=/php/filter/filter_var_array/>filter_var_array</a></li></ul></div><h2>Function Handling</h2><div><ul><li><a href=/php/function-handling/call_user_func/>call_user_func</a></li><li><a href=/php/function-handling/call_user_func_array/>call_user_func_array</a></li><li><a href=/php/function-handling/forward_static_call/>forward_static_call</a></li><li><a href=/php/function-handling/forward_static_call_array/>forward_static_call_array</a></li><li><a href=/php/function-handling/func_get_arg/>func_get_arg</a></li><li><a href=/php/function-handling/func_get_args/>func_get_args</a></li><li><a href=/php/function-handling/func_num_args/>func_num_args</a></li><li><a href=/php/function-handling/function_exists/>function_exists</a></li><li><a href=/php/function-handling/get_defined_functions/>get_defined_functions</a></li><li><a href=/php/function-handling/register_shutdown_function/>register_shutdown_function</a></li><li><a href=/php/function-handling/register_tick_function/>register_tick_function</a></li><li><a href=/php/function-handling/unregister_tick_function/>unregister_tick_function</a></li></ul></div><h2>GMP</h2><div><ul><li><a href=/php/gmp/gmp_abs/>gmp_abs</a></li><li><a href=/php/gmp/gmp_add/>gmp_add</a></li><li><a href=/php/gmp/gmp_and/>gmp_and</a></li><li><a href=/php/gmp/gmp_binomial/>gmp_binomial</a></li><li><a href=/php/gmp/gmp_clrbit/>gmp_clrbit</a></li><li><a href=/php/gmp/gmp_cmp/>gmp_cmp</a></li><li><a href=/php/gmp/gmp_com/>gmp_com</a></li><li><a href=/php/gmp/gmp_div/>gmp_div</a></li><li><a href=/php/gmp/gmp_div_q/>gmp_div_q</a></li><li><a href=/php/gmp/gmp_div_qr/>gmp_div_qr</a></li><li><a href=/php/gmp/gmp_div_r/>gmp_div_r</a></li><li><a href=/php/gmp/gmp_divexact/>gmp_divexact</a></li><li><a href=/php/gmp/gmp_export/>gmp_export</a></li><li><a href=/php/gmp/gmp_fact/>gmp_fact</a></li><li><a href=/php/gmp/gmp_gcd/>gmp_gcd</a></li><li><a href=/php/gmp/gmp_gcdext/>gmp_gcdext</a></li><li><a href=/php/gmp/gmp_hamdist/>gmp_hamdist</a></li><li><a href=/php/gmp/gmp_import/>gmp_import</a></li><li><a href=/php/gmp/gmp_init/>gmp_init</a></li><li><a href=/php/gmp/gmp_intval/>gmp_intval</a></li><li><a href=/php/gmp/gmp_invert/>gmp_invert</a></li><li><a href=/php/gmp/gmp_jacobi/>gmp_jacobi</a></li><li><a href=/php/gmp/gmp_kronecker/>gmp_kronecker</a></li><li><a href=/php/gmp/gmp_lcm/>gmp_lcm</a></li><li><a href=/php/gmp/gmp_legendre/>gmp_legendre</a></li><li><a href=/php/gmp/gmp_mod/>gmp_mod</a></li><li><a href=/php/gmp/gmp_mul/>gmp_mul</a></li><li><a href=/php/gmp/gmp_neg/>gmp_neg</a></li><li><a href=/php/gmp/gmp_nextprime/>gmp_nextprime</a></li><li><a href=/php/gmp/gmp_or/>gmp_or</a></li><li><a href=/php/gmp/gmp_perfect_power/>gmp_perfect_power</a></li><li><a href=/php/gmp/gmp_perfect_square/>gmp_perfect_square</a></li><li><a href=/php/gmp/gmp_popcount/>gmp_popcount</a></li><li><a href=/php/gmp/gmp_pow/>gmp_pow</a></li><li><a href=/php/gmp/gmp_powm/>gmp_powm</a></li><li><a href=/php/gmp/gmp_prob_prime/>gmp_prob_prime</a></li><li><a href=/php/gmp/gmp_random_bits/>gmp_random_bits</a></li><li><a href=/php/gmp/gmp_random_range/>gmp_random_range</a></li><li><a href=/php/gmp/gmp_random_seed/>gmp_random_seed</a></li><li><a href=/php/gmp/gmp_root/>gmp_root</a></li><li><a href=/php/gmp/gmp_rootrem/>gmp_rootrem</a></li><li><a href=/php/gmp/gmp_scan0/>gmp_scan0</a></li><li><a href=/php/gmp/gmp_scan1/>gmp_scan1</a></li><li><a href=/php/gmp/gmp_setbit/>gmp_setbit</a></li><li><a href=/php/gmp/gmp_sign/>gmp_sign</a></li><li><a href=/php/gmp/gmp_sqrt/>gmp_sqrt</a></li><li><a href=/php/gmp/gmp_sqrtrem/>gmp_sqrtrem</a></li><li><a href=/php/gmp/gmp_strval/>gmp_strval</a></li><li><a href=/php/gmp/gmp_sub/>gmp_sub</a></li><li><a href=/php/gmp/gmp_testbit/>gmp_testbit</a></li><li><a href=/php/gmp/gmp_xor/>gmp_xor</a></li></ul></div><h2>Hash</h2><div><ul><li><a href=/php/hash/hash/>hash</a></li><li><a href=/php/hash/hash_algos/>hash_algos</a></li><li><a href=/php/hash/hash_copy/>hash_copy</a></li><li><a href=/php/hash/hash_equals/>hash_equals</a></li><li><a href=/php/hash/hash_file/>hash_file</a></li><li><a href=/php/hash/hash_final/>hash_final</a></li><li><a href=/php/hash/hash_hkdf/>hash_hkdf</a></li><li><a href=/php/hash/hash_hmac/>hash_hmac</a></li><li><a href=/php/hash/hash_hmac_algos/>hash_hmac_algos</a></li><li><a href=/php/hash/hash_hmac_file/>hash_hmac_file</a></li><li><a href=/php/hash/hash_init/>hash_init</a></li><li><a href=/php/hash/hash_pbkdf2/>hash_pbkdf2</a></li><li><a href=/php/hash/hash_update/>hash_update</a></li><li><a href=/php/hash/hash_update_file/>hash_update_file</a></li><li><a href=/php/hash/hash_update_stream/>hash_update_stream</a></li></ul></div><h2>iconv</h2><div><ul><li><a href=/php/iconv/iconv/>iconv</a></li><li><a href=/php/iconv/iconv_get_encoding/>iconv_get_encoding</a></li><li><a href=/php/iconv/iconv_mime_decode/>iconv_mime_decode</a></li><li><a href=/php/iconv/iconv_mime_decode_headers/>iconv_mime_decode_headers</a></li><li><a href=/php/iconv/iconv_mime_encode/>iconv_mime_encode</a></li><li><a href=/php/iconv/iconv_set_encoding/>iconv_set_encoding</a></li><li><a href=/php/iconv/iconv_strlen/>iconv_strlen</a></li><li><a href=/php/iconv/iconv_strpos/>iconv_strpos</a></li><li><a href=/php/iconv/iconv_strrpos/>iconv_strrpos</a></li><li><a href=/php/iconv/iconv_substr/>iconv_substr</a></li><li><a href=/php/iconv/ob_iconv_handler/>ob_iconv_handler</a></li></ul></div><h2>Image</h2><div><ul><li><a href=/php/image/gd_info/>gd_info</a></li><li><a href=/php/image/getimagesize/>getimagesize</a></li><li><a href=/php/image/getimagesizefromstring/>getimagesizefromstring</a></li><li><a href=/php/image/image_type_to_extension/>image_type_to_extension</a></li><li><a href=/php/image/image_type_to_mime_type/>image_type_to_mime_type</a></li><li><a href=/php/image/imageaffine/>imageaffine</a></li><li><a href=/php/image/imageaffinematrixconcat/>imageaffinematrixconcat</a></li><li><a href=/php/image/imageaffinematrixget/>imageaffinematrixget</a></li><li><a href=/php/image/imagealphablending/>imagealphablending</a></li><li><a href=/php/image/imageantialias/>imageantialias</a></li><li><a href=/php/image/imagearc/>imagearc</a></li><li><a href=/php/image/imageavif/>imageavif</a></li><li><a href=/php/image/imagebmp/>imagebmp</a></li><li><a href=/php/image/imagechar/>imagechar</a></li><li><a href=/php/image/imagecharup/>imagecharup</a></li><li><a href=/php/image/imagecolorallocate/>imagecolorallocate</a></li><li><a href=/php/image/imagecolorallocatealpha/>imagecolorallocatealpha</a></li><li><a href=/php/image/imagecolorat/>imagecolorat</a></li><li><a href=/php/image/imagecolorclosest/>imagecolorclosest</a></li><li><a href=/php/image/imagecolorclosestalpha/>imagecolorclosestalpha</a></li><li><a href=/php/image/imagecolorclosesthwb/>imagecolorclosesthwb</a></li><li><a href=/php/image/imagecolordeallocate/>imagecolordeallocate</a></li><li><a href=/php/image/imagecolorexact/>imagecolorexact</a></li><li><a href=/php/image/imagecolorexactalpha/>imagecolorexactalpha</a></li><li><a href=/php/image/imagecolormatch/>imagecolormatch</a></li><li><a href=/php/image/imagecolorresolve/>imagecolorresolve</a></li><li><a href=/php/image/imagecolorresolvealpha/>imagecolorresolvealpha</a></li><li><a href=/php/image/imagecolorset/>imagecolorset</a></li><li><a href=/php/image/imagecolorsforindex/>imagecolorsforindex</a></li><li><a href=/php/image/imagecolorstotal/>imagecolorstotal</a></li><li><a href=/php/image/imagecolortransparent/>imagecolortransparent</a></li><li><a href=/php/image/imageconvolution/>imageconvolution</a></li><li><a href=/php/image/imagecopy/>imagecopy</a></li><li><a href=/php/image/imagecopymerge/>imagecopymerge</a></li><li><a href=/php/image/imagecopymergegray/>imagecopymergegray</a></li><li><a href=/php/image/imagecopyresampled/>imagecopyresampled</a></li><li><a href=/php/image/imagecopyresized/>imagecopyresized</a></li><li><a href=/php/image/imagecreate/>imagecreate</a></li><li><a href=/php/image/imagecreatefromavif/>imagecreatefromavif</a></li><li><a href=/php/image/imagecreatefrombmp/>imagecreatefrombmp</a></li><li><a href=/php/image/imagecreatefromgif/>imagecreatefromgif</a></li><li><a href=/php/image/imagecreatefromjpeg/>imagecreatefromjpeg</a></li><li><a href=/php/image/imagecreatefrompng/>imagecreatefrompng</a></li><li><a href=/php/image/imagecreatefromstring/>imagecreatefromstring</a></li><li><a href=/php/image/imagecreatefromtga/>imagecreatefromtga</a></li><li><a href=/php/image/imagecreatefromwbmp/>imagecreatefromwbmp</a></li><li><a href=/php/image/imagecreatefromwebp/>imagecreatefromwebp</a></li><li><a href=/php/image/imagecreatefromxbm/>imagecreatefromxbm</a></li><li><a href=/php/image/imagecreatefromxpm/>imagecreatefromxpm</a></li><li><a href=/php/image/imagecreatetruecolor/>imagecreatetruecolor</a></li><li><a href=/php/image/imagecrop/>imagecrop</a></li><li><a href=/php/image/imagecropauto/>imagecropauto</a></li><li><a href=/php/image/imagedashedline/>imagedashedline</a></li><li><a href=/php/image/imagedestroy/>imagedestroy</a></li><li><a href=/php/image/imageellipse/>imageellipse</a></li><li><a href=/php/image/imagefill/>imagefill</a></li><li><a href=/php/image/imagefilledarc/>imagefilledarc</a></li><li><a href=/php/image/imagefilledellipse/>imagefilledellipse</a></li><li><a href=/php/image/imagefilledpolygon/>imagefilledpolygon</a></li><li><a href=/php/image/imagefilledrectangle/>imagefilledrectangle</a></li><li><a href=/php/image/imagefilltoborder/>imagefilltoborder</a></li><li><a href=/php/image/imagefilter/>imagefilter</a></li><li><a href=/php/image/imageflip/>imageflip</a></li><li><a href=/php/image/imagefontheight/>imagefontheight</a></li><li><a href=/php/image/imagefontwidth/>imagefontwidth</a></li><li><a href=/php/image/imageftbbox/>imageftbbox</a></li><li><a href=/php/image/imagefttext/>imagefttext</a></li><li><a href=/php/image/imagegammacorrect/>imagegammacorrect</a></li><li><a href=/php/image/imagegetclip/>imagegetclip</a></li><li><a href=/php/image/imagegetinterpolation/>imagegetinterpolation</a></li><li><a href=/php/image/imagegif/>imagegif</a></li><li><a href=/php/image/imageinterlace/>imageinterlace</a></li><li><a href=/php/image/imageistruecolor/>imageistruecolor</a></li><li><a href=/php/image/imagejpeg/>imagejpeg</a></li><li><a href=/php/image/imagelayereffect/>imagelayereffect</a></li><li><a href=/php/image/imageline/>imageline</a></li><li><a href=/php/image/imageloadfont/>imageloadfont</a></li><li><a href=/php/image/imageopenpolygon/>imageopenpolygon</a></li><li><a href=/php/image/imagepalettecopy/>imagepalettecopy</a></li><li><a href=/php/image/imagepalettetotruecolor/>imagepalettetotruecolor</a></li><li><a href=/php/image/imagepng/>imagepng</a></li><li><a href=/php/image/imagepolygon/>imagepolygon</a></li><li><a href=/php/image/imagerectangle/>imagerectangle</a></li><li><a href=/php/image/imageresolution/>imageresolution</a></li><li><a href=/php/image/imagerotate/>imagerotate</a></li><li><a href=/php/image/imagesavealpha/>imagesavealpha</a></li><li><a href=/php/image/imagescale/>imagescale</a></li><li><a href=/php/image/imagesetbrush/>imagesetbrush</a></li><li><a href=/php/image/imagesetclip/>imagesetclip</a></li><li><a href=/php/image/imagesetinterpolation/>imagesetinterpolation</a></li><li><a href=/php/image/imagesetpixel/>imagesetpixel</a></li><li><a href=/php/image/imagesetstyle/>imagesetstyle</a></li><li><a href=/php/image/imagesetthickness/>imagesetthickness</a></li><li><a href=/php/image/imagesettile/>imagesettile</a></li><li><a href=/php/image/imagestring/>imagestring</a></li><li><a href=/php/image/imagestringup/>imagestringup</a></li><li><a href=/php/image/imagesx/>imagesx</a></li><li><a href=/php/image/imagesy/>imagesy</a></li><li><a href=/php/image/imagetruecolortopalette/>imagetruecolortopalette</a></li><li><a href=/php/image/imagettfbbox/>imagettfbbox</a></li><li><a href=/php/image/imagettftext/>imagettftext</a></li><li><a href=/php/image/imagetypes/>imagetypes</a></li><li><a href=/php/image/imagewbmp/>imagewbmp</a></li><li><a href=/php/image/imagewebp/>imagewebp</a></li><li><a href=/php/image/imagexbm/>imagexbm</a></li><li><a href=/php/image/iptcembed/>iptcembed</a></li><li><a href=/php/image/iptcparse/>iptcparse</a></li></ul></div><h2>JSON</h2><div><ul><li><a href=/php/json/json_decode/>json_decode</a></li><li><a href=/php/json/json_encode/>json_encode</a></li><li><a href=/php/json/json_last_error/>json_last_error</a></li><li><a href=/php/json/json_last_error_msg/>json_last_error_msg</a></li><li><a href=/php/json/json_validate/>json_validate</a></li></ul></div><h2>libxml</h2><div><ul><li><a href=/php/libxml/libxml_clear_errors/>libxml_clear_errors</a></li><li><a href=/php/libxml/libxml_get_errors/>libxml_get_errors</a></li><li><a href=/php/libxml/libxml_get_external_entity_loader/>libxml_get_external_entity_loader</a></li><li><a href=/php/libxml/libxml_get_last_error/>libxml_get_last_error</a></li><li><a href=/php/libxml/libxml_set_external_entity_loader/>libxml_set_external_entity_loader</a></li><li><a href=/php/libxml/libxml_set_streams_context/>libxml_set_streams_context</a></li><li><a href=/php/libxml/libxml_use_internal_errors/>libxml_use_internal_errors</a></li></ul></div><h2>Mail</h2><div><ul><li><a href=/php/mail/mail/>mail</a></li></ul></div><h2>Math</h2><div><ul><li><a href=/php/math/abs/>abs</a></li><li><a href=/php/math/acos/>acos</a></li><li><a href=/php/math/acosh/>acosh</a></li><li><a href=/php/math/asin/>asin</a></li><li><a href=/php/math/asinh/>asinh</a></li><li><a href=/php/math/atan/>atan</a></li><li><a href=/php/math/atan2/>atan2</a></li><li><a href=/php/math/atanh/>atanh</a></li><li><a href=/php/math/base_convert/>base_convert</a></li><li><a href=/php/math/bindec/>bindec</a></li><li><a href=/php/math/ceil/>ceil</a></li><li><a href=/php/math/cos/>cos</a></li><li><a href=/php/math/cosh/>cosh</a></li><li><a href=/php/math/decbin/>decbin</a></li><li><a href=/php/math/dechex/>dechex</a></li><li><a href=/php/math/decoct/>decoct</a></li><li><a href=/php/math/deg2rad/>deg2rad</a></li><li><a href=/php/math/exp/>exp</a></li><li><a href=/php/math/expm1/>expm1</a></li><li><a href=/php/math/fdiv/>fdiv</a></li><li><a href=/php/math/floor/>floor</a></li><li><a href=/php/math/fmod/>fmod</a></li><li><a href=/php/math/fpow/>fpow</a></li><li><a href=/php/math/hexdec/>hexdec</a></li><li><a href=/php/math/hypot/>hypot</a></li><li><a href=/php/math/intdiv/>intdiv</a></li><li><a href=/php/math/is_finite/>is_finite</a></li><li><a href=/php/math/is_infinite/>is_infinite</a></li><li><a href=/php/math/is_nan/>is_nan</a></li><li><a href=/php/math/log/>log</a></li><li><a href=/php/math/log10/>log10</a></li><li><a href=/php/math/log1p/>log1p</a></li><li><a href=/php/math/max/>max</a></li><li><a href=/php/math/min/>min</a></li><li><a href=/php/math/octdec/>octdec</a></li><li><a href=/php/math/pi/>pi</a></li><li><a href=/php/math/pow/>pow</a></li><li><a href=/php/math/rad2deg/>rad2deg</a></li><li><a href=/php/math/round/>round</a></li><li><a href=/php/math/sin/>sin</a></li><li><a href=/php/math/sinh/>sinh</a></li><li><a href=/php/math/sqrt/>sqrt</a></li><li><a href=/php/math/tan/>tan</a></li><li><a href=/php/math/tanh/>tanh</a></li></ul></div><h2>Miscellaneous</h2><div><ul><li><a href=/php/miscellaneous/__halt_compiler/>__halt_compiler</a></li><li><a href=/php/miscellaneous/connection_aborted/>connection_aborted</a></li><li><a href=/php/miscellaneous/connection_status/>connection_status</a></li><li><a href=/php/miscellaneous/constant/>constant</a></li><li><a href=/php/miscellaneous/define/>define</a></li><li><a href=/php/miscellaneous/defined/>defined</a></li><li><a href=/php/miscellaneous/die/>die</a></li><li><a href=/php/miscellaneous/eval/>eval</a></li><li><a href=/php/miscellaneous/exit/>exit</a></li><li><a href=/php/miscellaneous/highlight_file/>highlight_file</a></li><li><a href=/php/miscellaneous/highlight_string/>highlight_string</a></li><li><a href=/php/miscellaneous/hrtime/>hrtime</a></li><li><a href=/php/miscellaneous/ignore_user_abort/>ignore_user_abort</a></li><li><a href=/php/miscellaneous/pack/>pack</a></li><li><a href=/php/miscellaneous/php_strip_whitespace/>php_strip_whitespace</a></li><li><a href=/php/miscellaneous/show_source/>show_source</a></li><li><a href=/php/miscellaneous/sleep/>sleep</a></li><li><a href=/php/miscellaneous/sys_getloadavg/>sys_getloadavg</a></li><li><a href=/php/miscellaneous/time_nanosleep/>time_nanosleep</a></li><li><a href=/php/miscellaneous/time_sleep_until/>time_sleep_until</a></li><li><a href=/php/miscellaneous/uniqid/>uniqid</a></li><li><a href=/php/miscellaneous/unpack/>unpack</a></li><li><a href=/php/miscellaneous/usleep/>usleep</a></li></ul></div><h2>Multibyte String</h2><div><ul><li><a href=/php/multibyte-string/mb_check_encoding/>mb_check_encoding</a></li><li><a href=/php/multibyte-string/mb_chr/>mb_chr</a></li><li><a href=/php/multibyte-string/mb_convert_case/>mb_convert_case</a></li><li><a href=/php/multibyte-string/mb_convert_encoding/>mb_convert_encoding</a></li><li><a href=/php/multibyte-string/mb_convert_kana/>mb_convert_kana</a></li><li><a href=/php/multibyte-string/mb_convert_variables/>mb_convert_variables</a></li><li><a href=/php/multibyte-string/mb_decode_mimeheader/>mb_decode_mimeheader</a></li><li><a href=/php/multibyte-string/mb_decode_numericentity/>mb_decode_numericentity</a></li><li><a href=/php/multibyte-string/mb_detect_encoding/>mb_detect_encoding</a></li><li><a href=/php/multibyte-string/mb_detect_order/>mb_detect_order</a></li><li><a href=/php/multibyte-string/mb_encode_mimeheader/>mb_encode_mimeheader</a></li><li><a href=/php/multibyte-string/mb_encode_numericentity/>mb_encode_numericentity</a></li><li><a href=/php/multibyte-string/mb_encoding_aliases/>mb_encoding_aliases</a></li><li><a href=/php/multibyte-string/mb_ereg/>mb_ereg</a></li><li><a href=/php/multibyte-string/mb_ereg_match/>mb_ereg_match</a></li><li><a href=/php/multibyte-string/mb_ereg_replace/>mb_ereg_replace</a></li><li><a href=/php/multibyte-string/mb_ereg_replace_callback/>mb_ereg_replace_callback</a></li><li><a href=/php/multibyte-string/mb_ereg_search/>mb_ereg_search</a></li><li><a href=/php/multibyte-string/mb_ereg_search_getpos/>mb_ereg_search_getpos</a></li><li><a href=/php/multibyte-string/mb_ereg_search_getregs/>mb_ereg_search_getregs</a></li><li><a href=/php/multibyte-string/mb_ereg_search_init/>mb_ereg_search_init</a></li><li><a href=/php/multibyte-string/mb_ereg_search_pos/>mb_ereg_search_pos</a></li><li><a href=/php/multibyte-string/mb_ereg_search_regs/>mb_ereg_search_regs</a></li><li><a href=/php/multibyte-string/mb_ereg_search_setpos/>mb_ereg_search_setpos</a></li><li><a href=/php/multibyte-string/mb_eregi/>mb_eregi</a></li><li><a href=/php/multibyte-string/mb_eregi_replace/>mb_eregi_replace</a></li><li><a href=/php/multibyte-string/mb_get_info/>mb_get_info</a></li><li><a href=/php/multibyte-string/mb_http_input/>mb_http_input</a></li><li><a href=/php/multibyte-string/mb_http_output/>mb_http_output</a></li><li><a href=/php/multibyte-string/mb_internal_encoding/>mb_internal_encoding</a></li><li><a href=/php/multibyte-string/mb_language/>mb_language</a></li><li><a href=/php/multibyte-string/mb_lcfirst/>mb_lcfirst</a></li><li><a href=/php/multibyte-string/mb_list_encodings/>mb_list_encodings</a></li><li><a href=/php/multibyte-string/mb_ltrim/>mb_ltrim</a></li><li><a href=/php/multibyte-string/mb_ord/>mb_ord</a></li><li><a href=/php/multibyte-string/mb_output_handler/>mb_output_handler</a></li><li><a href=/php/multibyte-string/mb_parse_str/>mb_parse_str</a></li><li><a href=/php/multibyte-string/mb_preferred_mime_name/>mb_preferred_mime_name</a></li><li><a href=/php/multibyte-string/mb_regex_encoding/>mb_regex_encoding</a></li><li><a href=/php/multibyte-string/mb_regex_set_options/>mb_regex_set_options</a></li><li><a href=/php/multibyte-string/mb_rtrim/>mb_rtrim</a></li><li><a href=/php/multibyte-string/mb_scrub/>mb_scrub</a></li><li><a href=/php/multibyte-string/mb_send_mail/>mb_send_mail</a></li><li><a href=/php/multibyte-string/mb_split/>mb_split</a></li><li><a href=/php/multibyte-string/mb_str_pad/>mb_str_pad</a></li><li><a href=/php/multibyte-string/mb_str_split/>mb_str_split</a></li><li><a href=/php/multibyte-string/mb_strcut/>mb_strcut</a></li><li><a href=/php/multibyte-string/mb_strimwidth/>mb_strimwidth</a></li><li><a href=/php/multibyte-string/mb_stripos/>mb_stripos</a></li><li><a href=/php/multibyte-string/mb_stristr/>mb_stristr</a></li><li><a href=/php/multibyte-string/mb_strlen/>mb_strlen</a></li><li><a href=/php/multibyte-string/mb_strpos/>mb_strpos</a></li><li><a href=/php/multibyte-string/mb_strrchr/>mb_strrchr</a></li><li><a href=/php/multibyte-string/mb_strrichr/>mb_strrichr</a></li><li><a href=/php/multibyte-string/mb_strripos/>mb_strripos</a></li><li><a href=/php/multibyte-string/mb_strrpos/>mb_strrpos</a></li><li><a href=/php/multibyte-string/mb_strstr/>mb_strstr</a></li><li><a href=/php/multibyte-string/mb_strtolower/>mb_strtolower</a></li><li><a href=/php/multibyte-string/mb_strtoupper/>mb_strtoupper</a></li><li><a href=/php/multibyte-string/mb_strwidth/>mb_strwidth</a></li><li><a href=/php/multibyte-string/mb_substitute_character/>mb_substitute_character</a></li><li><a href=/php/multibyte-string/mb_substr/>mb_substr</a></li><li><a href=/php/multibyte-string/mb_substr_count/>mb_substr_count</a></li><li><a href=/php/multibyte-string/mb_trim/>mb_trim</a></li><li><a href=/php/multibyte-string/mb_ucfirst/>mb_ucfirst</a></li></ul></div><h2>Network</h2><div><ul><li><a href=/php/network/checkdnsrr/>checkdnsrr</a></li><li><a href=/php/network/closelog/>closelog</a></li><li><a href=/php/network/dns_check_record/>dns_check_record</a></li><li><a href=/php/network/dns_get_mx/>dns_get_mx</a></li><li><a href=/php/network/dns_get_record/>dns_get_record</a></li><li><a href=/php/network/fsockopen/>fsockopen</a></li><li><a href=/php/network/gethostbyaddr/>gethostbyaddr</a></li><li><a href=/php/network/gethostbyname/>gethostbyname</a></li><li><a href=/php/network/gethostbynamel/>gethostbynamel</a></li><li><a href=/php/network/gethostname/>gethostname</a></li><li><a href=/php/network/getmxrr/>getmxrr</a></li><li><a href=/php/network/getprotobyname/>getprotobyname</a></li><li><a href=/php/network/getprotobynumber/>getprotobynumber</a></li><li><a href=/php/network/getservbyname/>getservbyname</a></li><li><a href=/php/network/getservbyport/>getservbyport</a></li><li><a href=/php/network/header/>header</a></li><li><a href=/php/network/header_register_callback/>header_register_callback</a></li><li><a href=/php/network/header_remove/>header_remove</a></li><li><a href=/php/network/headers_list/>headers_list</a></li><li><a href=/php/network/headers_sent/>headers_sent</a></li><li><a href=/php/network/http_clear_last_response_headers/>http_clear_last_response_headers</a></li><li><a href=/php/network/http_get_last_response_headers/>http_get_last_response_headers</a></li><li><a href=/php/network/http_response_code/>http_response_code</a></li><li><a href=/php/network/inet_ntop/>inet_ntop</a></li><li><a href=/php/network/inet_pton/>inet_pton</a></li><li><a href=/php/network/ip2long/>ip2long</a></li><li><a href=/php/network/long2ip/>long2ip</a></li><li><a href=/php/network/openlog/>openlog</a></li><li><a href=/php/network/pfsockopen/>pfsockopen</a></li><li><a href=/php/network/setcookie/>setcookie</a></li><li><a href=/php/network/setrawcookie/>setrawcookie</a></li><li><a href=/php/network/socket_get_status/>socket_get_status</a></li><li><a href=/php/network/socket_set_blocking/>socket_set_blocking</a></li><li><a href=/php/network/socket_set_timeout/>socket_set_timeout</a></li><li><a href=/php/network/syslog/>syslog</a></li></ul></div><h2>Options / Information</h2><div><ul><li><a href=/php/options-information/assert/>assert</a></li><li><a href=/php/options-information/assert_options/>assert_options</a></li><li><a href=/php/options-information/cli_get_process_title/>cli_get_process_title</a></li><li><a href=/php/options-information/cli_set_process_title/>cli_set_process_title</a></li><li><a href=/php/options-information/dl/>dl</a></li><li><a href=/php/options-information/extension_loaded/>extension_loaded</a></li><li><a href=/php/options-information/gc_collect_cycles/>gc_collect_cycles</a></li><li><a href=/php/options-information/gc_disable/>gc_disable</a></li><li><a href=/php/options-information/gc_enable/>gc_enable</a></li><li><a href=/php/options-information/gc_enabled/>gc_enabled</a></li><li><a href=/php/options-information/gc_mem_caches/>gc_mem_caches</a></li><li><a href=/php/options-information/gc_status/>gc_status</a></li><li><a href=/php/options-information/get_cfg_var/>get_cfg_var</a></li><li><a href=/php/options-information/get_current_user/>get_current_user</a></li><li><a href=/php/options-information/get_defined_constants/>get_defined_constants</a></li><li><a href=/php/options-information/get_extension_funcs/>get_extension_funcs</a></li><li><a href=/php/options-information/get_include_path/>get_include_path</a></li><li><a href=/php/options-information/get_included_files/>get_included_files</a></li><li><a href=/php/options-information/get_loaded_extensions/>get_loaded_extensions</a></li><li><a href=/php/options-information/get_required_files/>get_required_files</a></li><li><a href=/php/options-information/get_resources/>get_resources</a></li><li><a href=/php/options-information/getenv/>getenv</a></li><li><a href=/php/options-information/getlastmod/>getlastmod</a></li><li><a href=/php/options-information/getmygid/>getmygid</a></li><li><a href=/php/options-information/getmyinode/>getmyinode</a></li><li><a href=/php/options-information/getmypid/>getmypid</a></li><li><a href=/php/options-information/getmyuid/>getmyuid</a></li><li><a href=/php/options-information/getopt/>getopt</a></li><li><a href=/php/options-information/getrusage/>getrusage</a></li><li><a href=/php/options-information/ini_alter/>ini_alter</a></li><li><a href=/php/options-information/ini_get/>ini_get</a></li><li><a href=/php/options-information/ini_get_all/>ini_get_all</a></li><li><a href=/php/options-information/ini_parse_quantity/>ini_parse_quantity</a></li><li><a href=/php/options-information/ini_restore/>ini_restore</a></li><li><a href=/php/options-information/ini_set/>ini_set</a></li><li><a href=/php/options-information/memory_get_peak_usage/>memory_get_peak_usage</a></li><li><a href=/php/options-information/memory_get_usage/>memory_get_usage</a></li><li><a href=/php/options-information/memory_reset_peak_usage/>memory_reset_peak_usage</a></li><li><a href=/php/options-information/php_ini_loaded_file/>php_ini_loaded_file</a></li><li><a href=/php/options-information/php_ini_scanned_files/>php_ini_scanned_files</a></li><li><a href=/php/options-information/php_sapi_name/>php_sapi_name</a></li><li><a href=/php/options-information/php_uname/>php_uname</a></li><li><a href=/php/options-information/phpcredits/>phpcredits</a></li><li><a href=/php/options-information/phpinfo/>phpinfo</a></li><li><a href=/php/options-information/phpversion/>phpversion</a></li><li><a href=/php/options-information/putenv/>putenv</a></li><li><a href=/php/options-information/set_include_path/>set_include_path</a></li><li><a href=/php/options-information/set_time_limit/>set_time_limit</a></li><li><a href=/php/options-information/sys_get_temp_dir/>sys_get_temp_dir</a></li><li><a href=/php/options-information/version_compare/>version_compare</a></li><li><a href=/php/options-information/zend_thread_id/>zend_thread_id</a></li><li><a href=/php/options-information/zend_version/>zend_version</a></li></ul></div><h2>Output Control</h2><div><ul><li><a href=/php/output-control/flush/>flush</a></li><li><a href=/php/output-control/ob_clean/>ob_clean</a></li><li><a href=/php/output-control/ob_end_clean/>ob_end_clean</a></li><li><a href=/php/output-control/ob_end_flush/>ob_end_flush</a></li><li><a href=/php/output-control/ob_flush/>ob_flush</a></li><li><a href=/php/output-control/ob_get_clean/>ob_get_clean</a></li><li><a href=/php/output-control/ob_get_contents/>ob_get_contents</a></li><li><a href=/php/output-control/ob_get_flush/>ob_get_flush</a></li><li><a href=/php/output-control/ob_get_length/>ob_get_length</a></li><li><a href=/php/output-control/ob_get_level/>ob_get_level</a></li><li><a href=/php/output-control/ob_get_status/>ob_get_status</a></li><li><a href=/php/output-control/ob_gzhandler/>ob_gzhandler</a></li><li><a href=/php/output-control/ob_implicit_flush/>ob_implicit_flush</a></li><li><a href=/php/output-control/ob_list_handlers/>ob_list_handlers</a></li><li><a href=/php/output-control/ob_start/>ob_start</a></li><li><a href=/php/output-control/output_add_rewrite_var/>output_add_rewrite_var</a></li><li><a href=/php/output-control/output_reset_rewrite_vars/>output_reset_rewrite_vars</a></li></ul></div><h2>PCNTL</h2><div><ul><li><a href=/php/pcntl/pcntl_alarm/>pcntl_alarm</a></li><li><a href=/php/pcntl/pcntl_async_signals/>pcntl_async_signals</a></li><li><a href=/php/pcntl/pcntl_errno/>pcntl_errno</a></li><li><a href=/php/pcntl/pcntl_exec/>pcntl_exec</a></li><li><a href=/php/pcntl/pcntl_fork/>pcntl_fork</a></li><li><a href=/php/pcntl/pcntl_get_last_error/>pcntl_get_last_error</a></li><li><a href=/php/pcntl/pcntl_getpriority/>pcntl_getpriority</a></li><li><a href=/php/pcntl/pcntl_rfork/>pcntl_rfork</a></li><li><a href=/php/pcntl/pcntl_setpriority/>pcntl_setpriority</a></li><li><a href=/php/pcntl/pcntl_signal/>pcntl_signal</a></li><li><a href=/php/pcntl/pcntl_signal_dispatch/>pcntl_signal_dispatch</a></li><li><a href=/php/pcntl/pcntl_signal_get_handler/>pcntl_signal_get_handler</a></li><li><a href=/php/pcntl/pcntl_sigprocmask/>pcntl_sigprocmask</a></li><li><a href=/php/pcntl/pcntl_sigtimedwait/>pcntl_sigtimedwait</a></li><li><a href=/php/pcntl/pcntl_sigwaitinfo/>pcntl_sigwaitinfo</a></li><li><a href=/php/pcntl/pcntl_strerror/>pcntl_strerror</a></li><li><a href=/php/pcntl/pcntl_unshare/>pcntl_unshare</a></li><li><a href=/php/pcntl/pcntl_wait/>pcntl_wait</a></li><li><a href=/php/pcntl/pcntl_waitpid/>pcntl_waitpid</a></li><li><a href=/php/pcntl/pcntl_wexitstatus/>pcntl_wexitstatus</a></li><li><a href=/php/pcntl/pcntl_wifexited/>pcntl_wifexited</a></li><li><a href=/php/pcntl/pcntl_wifsignaled/>pcntl_wifsignaled</a></li><li><a href=/php/pcntl/pcntl_wifstopped/>pcntl_wifstopped</a></li><li><a href=/php/pcntl/pcntl_wstopsig/>pcntl_wstopsig</a></li><li><a href=/php/pcntl/pcntl_wtermsig/>pcntl_wtermsig</a></li></ul></div><h2>PCRE</h2><div><ul><li><a href=/php/pcre/preg_filter/>preg_filter</a></li><li><a href=/php/pcre/preg_grep/>preg_grep</a></li><li><a href=/php/pcre/preg_last_error/>preg_last_error</a></li><li><a href=/php/pcre/preg_match/>preg_match</a></li><li><a href=/php/pcre/preg_match_all/>preg_match_all</a></li><li><a href=/php/pcre/preg_quote/>preg_quote</a></li><li><a href=/php/pcre/preg_replace/>preg_replace</a></li><li><a href=/php/pcre/preg_replace_callback/>preg_replace_callback</a></li><li><a href=/php/pcre/preg_replace_callback_array/>preg_replace_callback_array</a></li><li><a href=/php/pcre/preg_split/>preg_split</a></li></ul></div><h2>POSIX</h2><div><ul><li><a href=/php/posix/posix_access/>posix_access</a></li><li><a href=/php/posix/posix_ctermid/>posix_ctermid</a></li><li><a href=/php/posix/posix_eaccess/>posix_eaccess</a></li><li><a href=/php/posix/posix_errno/>posix_errno</a></li><li><a href=/php/posix/posix_fpathconf/>posix_fpathconf</a></li><li><a href=/php/posix/posix_get_last_error/>posix_get_last_error</a></li><li><a href=/php/posix/posix_getcwd/>posix_getcwd</a></li><li><a href=/php/posix/posix_getegid/>posix_getegid</a></li><li><a href=/php/posix/posix_geteuid/>posix_geteuid</a></li><li><a href=/php/posix/posix_getgid/>posix_getgid</a></li><li><a href=/php/posix/posix_getgrgid/>posix_getgrgid</a></li><li><a href=/php/posix/posix_getgrnam/>posix_getgrnam</a></li><li><a href=/php/posix/posix_getgroups/>posix_getgroups</a></li><li><a href=/php/posix/posix_getlogin/>posix_getlogin</a></li><li><a href=/php/posix/posix_getpgid/>posix_getpgid</a></li><li><a href=/php/posix/posix_getpgrp/>posix_getpgrp</a></li><li><a href=/php/posix/posix_getpid/>posix_getpid</a></li><li><a href=/php/posix/posix_getppid/>posix_getppid</a></li><li><a href=/php/posix/posix_getpwnam/>posix_getpwnam</a></li><li><a href=/php/posix/posix_getpwuid/>posix_getpwuid</a></li><li><a href=/php/posix/posix_getrlimit/>posix_getrlimit</a></li><li><a href=/php/posix/posix_getsid/>posix_getsid</a></li><li><a href=/php/posix/posix_getuid/>posix_getuid</a></li><li><a href=/php/posix/posix_initgroups/>posix_initgroups</a></li><li><a href=/php/posix/posix_isatty/>posix_isatty</a></li><li><a href=/php/posix/posix_kill/>posix_kill</a></li><li><a href=/php/posix/posix_mkfifo/>posix_mkfifo</a></li><li><a href=/php/posix/posix_mknod/>posix_mknod</a></li><li><a href=/php/posix/posix_pathconf/>posix_pathconf</a></li><li><a href=/php/posix/posix_setegid/>posix_setegid</a></li><li><a href=/php/posix/posix_seteuid/>posix_seteuid</a></li><li><a href=/php/posix/posix_setgid/>posix_setgid</a></li><li><a href=/php/posix/posix_setpgid/>posix_setpgid</a></li><li><a href=/php/posix/posix_setrlimit/>posix_setrlimit</a></li><li><a href=/php/posix/posix_setsid/>posix_setsid</a></li><li><a href=/php/posix/posix_setuid/>posix_setuid</a></li><li><a href=/php/posix/posix_strerror/>posix_strerror</a></li><li><a href=/php/posix/posix_sysconf/>posix_sysconf</a></li><li><a href=/php/posix/posix_times/>posix_times</a></li><li><a href=/php/posix/posix_ttyname/>posix_ttyname</a></li><li><a href=/php/posix/posix_uname/>posix_uname</a></li></ul></div><h2>Random</h2><div><ul><li><a href=/php/random/getrandmax/>getrandmax</a></li><li><a href=/php/random/lcg_value/>lcg_value</a></li><li><a href=/php/random/mt_getrandmax/>mt_getrandmax</a></li><li><a href=/php/random/mt_rand/>mt_rand</a></li><li><a href=/php/random/mt_srand/>mt_srand</a></li><li><a href=/php/random/rand/>rand</a></li><li><a href=/php/random/random_bytes/>random_bytes</a></li><li><a href=/php/random/random_int/>random_int</a></li><li><a href=/php/random/srand/>srand</a></li></ul></div><h2>Readline</h2><div><ul><li><a href=/php/readline/readline/>readline</a></li><li><a href=/php/readline/readline_add_history/>readline_add_history</a></li><li><a href=/php/readline/readline_callback_handler_install/>readline_callback_handler_install</a></li><li><a href=/php/readline/readline_callback_handler_remove/>readline_callback_handler_remove</a></li><li><a href=/php/readline/readline_callback_read_char/>readline_callback_read_char</a></li><li><a href=/php/readline/readline_clear_history/>readline_clear_history</a></li><li><a href=/php/readline/readline_completion_function/>readline_completion_function</a></li><li><a href=/php/readline/readline_info/>readline_info</a></li><li><a href=/php/readline/readline_list_history/>readline_list_history</a></li><li><a href=/php/readline/readline_on_new_line/>readline_on_new_line</a></li><li><a href=/php/readline/readline_read_history/>readline_read_history</a></li><li><a href=/php/readline/readline_redisplay/>readline_redisplay</a></li><li><a href=/php/readline/readline_write_history/>readline_write_history</a></li></ul></div><h2>ReflectionConstant</h2><div><ul><li><a href=/php/reflectionconstant/getname/>getName</a></li><li><a href=/php/reflectionconstant/getnamespacename/>getNamespaceName</a></li><li><a href=/php/reflectionconstant/getshortname/>getShortName</a></li><li><a href=/php/reflectionconstant/getvalue/>getValue</a></li><li><a href=/php/reflectionconstant/isdeprecated/>isDeprecated</a></li></ul></div><h2>Session</h2><div><ul><li><a href=/php/session/session_abort/>session_abort</a></li><li><a href=/php/session/session_cache_expire/>session_cache_expire</a></li><li><a href=/php/session/session_cache_limiter/>session_cache_limiter</a></li><li><a href=/php/session/session_commit/>session_commit</a></li><li><a href=/php/session/session_create_id/>session_create_id</a></li><li><a href=/php/session/session_decode/>session_decode</a></li><li><a href=/php/session/session_destroy/>session_destroy</a></li><li><a href=/php/session/session_encode/>session_encode</a></li><li><a href=/php/session/session_gc/>session_gc</a></li><li><a href=/php/session/session_get_cookie_params/>session_get_cookie_params</a></li><li><a href=/php/session/session_id/>session_id</a></li><li><a href=/php/session/session_module_name/>session_module_name</a></li><li><a href=/php/session/session_name/>session_name</a></li><li><a href=/php/session/session_regenerate_id/>session_regenerate_id</a></li><li><a href=/php/session/session_register_shutdown/>session_register_shutdown</a></li><li><a href=/php/session/session_reset/>session_reset</a></li><li><a href=/php/session/session_save_path/>session_save_path</a></li><li><a href=/php/session/session_set_cookie_params/>session_set_cookie_params</a></li><li><a href=/php/session/session_set_save_handler/>session_set_save_handler</a></li><li><a href=/php/session/session_start/>session_start</a></li><li><a href=/php/session/session_status/>session_status</a></li><li><a href=/php/session/session_unset/>session_unset</a></li><li><a href=/php/session/session_write_close/>session_write_close</a></li></ul></div><h2>Shmop</h2><div><ul><li><a href=/php/shmop/shmop_delete/>shmop_delete</a></li><li><a href=/php/shmop/shmop_open/>shmop_open</a></li><li><a href=/php/shmop/shmop_read/>shmop_read</a></li><li><a href=/php/shmop/shmop_size/>shmop_size</a></li><li><a href=/php/shmop/shmop_write/>shmop_write</a></li></ul></div><h2>SimpleXML</h2><div><ul><li><a href=/php/simplexml/simplexml_import_dom/>simplexml_import_dom</a></li><li><a href=/php/simplexml/simplexml_load_file/>simplexml_load_file</a></li><li><a href=/php/simplexml/simplexml_load_string/>simplexml_load_string</a></li></ul></div><h2>SNMP</h2><div><ul><li><a href=/php/snmp/snmp_get_quick_print/>snmp_get_quick_print</a></li><li><a href=/php/snmp/snmp_get_valueretrieval/>snmp_get_valueretrieval</a></li><li><a href=/php/snmp/snmp_read_mib/>snmp_read_mib</a></li><li><a href=/php/snmp/snmp_set_enum_print/>snmp_set_enum_print</a></li><li><a href=/php/snmp/snmp_set_oid_numeric_print/>snmp_set_oid_numeric_print</a></li><li><a href=/php/snmp/snmp_set_oid_output_format/>snmp_set_oid_output_format</a></li><li><a href=/php/snmp/snmp_set_quick_print/>snmp_set_quick_print</a></li><li><a href=/php/snmp/snmp_set_valueretrieval/>snmp_set_valueretrieval</a></li><li><a href=/php/snmp/snmp2_get/>snmp2_get</a></li><li><a href=/php/snmp/snmp2_getnext/>snmp2_getnext</a></li><li><a href=/php/snmp/snmp2_real_walk/>snmp2_real_walk</a></li><li><a href=/php/snmp/snmp2_set/>snmp2_set</a></li><li><a href=/php/snmp/snmp2_walk/>snmp2_walk</a></li><li><a href=/php/snmp/snmp3_get/>snmp3_get</a></li><li><a href=/php/snmp/snmp3_getnext/>snmp3_getnext</a></li><li><a href=/php/snmp/snmp3_real_walk/>snmp3_real_walk</a></li><li><a href=/php/snmp/snmp3_set/>snmp3_set</a></li><li><a href=/php/snmp/snmp3_walk/>snmp3_walk</a></li><li><a href=/php/snmp/snmpget/>snmpget</a></li><li><a href=/php/snmp/snmpgetnext/>snmpgetnext</a></li><li><a href=/php/snmp/snmprealwalk/>snmprealwalk</a></li><li><a href=/php/snmp/snmpset/>snmpset</a></li><li><a href=/php/snmp/snmpwalk/>snmpwalk</a></li><li><a href=/php/snmp/snmpwalkoid/>snmpwalkoid</a></li></ul></div><h2>Sockets</h2><div><ul><li><a href=/php/sockets/socket_accept/>socket_accept</a></li><li><a href=/php/sockets/socket_addrinfo_bind/>socket_addrinfo_bind</a></li><li><a href=/php/sockets/socket_addrinfo_connect/>socket_addrinfo_connect</a></li><li><a href=/php/sockets/socket_addrinfo_explain/>socket_addrinfo_explain</a></li><li><a href=/php/sockets/socket_addrinfo_lookup/>socket_addrinfo_lookup</a></li><li><a href=/php/sockets/socket_atmark/>socket_atmark</a></li><li><a href=/php/sockets/socket_bind/>socket_bind</a></li><li><a href=/php/sockets/socket_clear_error/>socket_clear_error</a></li><li><a href=/php/sockets/socket_close/>socket_close</a></li><li><a href=/php/sockets/socket_cmsg_space/>socket_cmsg_space</a></li><li><a href=/php/sockets/socket_connect/>socket_connect</a></li><li><a href=/php/sockets/socket_create/>socket_create</a></li><li><a href=/php/sockets/socket_create_listen/>socket_create_listen</a></li><li><a href=/php/sockets/socket_create_pair/>socket_create_pair</a></li><li><a href=/php/sockets/socket_export_stream/>socket_export_stream</a></li><li><a href=/php/sockets/socket_get_option/>socket_get_option</a></li><li><a href=/php/sockets/socket_getopt/>socket_getopt</a></li><li><a href=/php/sockets/socket_getpeername/>socket_getpeername</a></li><li><a href=/php/sockets/socket_getsockname/>socket_getsockname</a></li><li><a href=/php/sockets/socket_import_stream/>socket_import_stream</a></li><li><a href=/php/sockets/socket_last_error/>socket_last_error</a></li><li><a href=/php/sockets/socket_listen/>socket_listen</a></li><li><a href=/php/sockets/socket_read/>socket_read</a></li><li><a href=/php/sockets/socket_recv/>socket_recv</a></li><li><a href=/php/sockets/socket_recvfrom/>socket_recvfrom</a></li><li><a href=/php/sockets/socket_recvmsg/>socket_recvmsg</a></li><li><a href=/php/sockets/socket_select/>socket_select</a></li><li><a href=/php/sockets/socket_send/>socket_send</a></li><li><a href=/php/sockets/socket_sendmsg/>socket_sendmsg</a></li><li><a href=/php/sockets/socket_sendto/>socket_sendto</a></li><li><a href=/php/sockets/socket_set_block/>socket_set_block</a></li><li><a href=/php/sockets/socket_set_nonblock/>socket_set_nonblock</a></li><li><a href=/php/sockets/socket_set_option/>socket_set_option</a></li><li><a href=/php/sockets/socket_setopt/>socket_setopt</a></li><li><a href=/php/sockets/socket_shutdown/>socket_shutdown</a></li><li><a href=/php/sockets/socket_strerror/>socket_strerror</a></li><li><a href=/php/sockets/socket_write/>socket_write</a></li><li><a href=/php/sockets/socket_wsaprotocol_info_export/>socket_wsaprotocol_info_export</a></li><li><a href=/php/sockets/socket_wsaprotocol_info_import/>socket_wsaprotocol_info_import</a></li><li><a href=/php/sockets/socket_wsaprotocol_info_release/>socket_wsaprotocol_info_release</a></li></ul></div><h2>SPL</h2><div><ul><li><a href=/php/spl/class_implements/>class_implements</a></li><li><a href=/php/spl/class_parents/>class_parents</a></li><li><a href=/php/spl/class_uses/>class_uses</a></li><li><a href=/php/spl/iterator_apply/>iterator_apply</a></li><li><a href=/php/spl/iterator_count/>iterator_count</a></li><li><a href=/php/spl/iterator_to_array/>iterator_to_array</a></li><li><a href=/php/spl/spl_autoload/>spl_autoload</a></li><li><a href=/php/spl/spl_autoload_call/>spl_autoload_call</a></li><li><a href=/php/spl/spl_autoload_extensions/>spl_autoload_extensions</a></li><li><a href=/php/spl/spl_autoload_functions/>spl_autoload_functions</a></li><li><a href=/php/spl/spl_autoload_register/>spl_autoload_register</a></li><li><a href=/php/spl/spl_autoload_unregister/>spl_autoload_unregister</a></li><li><a href=/php/spl/spl_classes/>spl_classes</a></li><li><a href=/php/spl/spl_object_hash/>spl_object_hash</a></li><li><a href=/php/spl/spl_object_id/>spl_object_id</a></li></ul></div><h2>Stream</h2><div><ul><li><a href=/php/stream/stream_bucket_append/>stream_bucket_append</a></li><li><a href=/php/stream/stream_bucket_make_writeable/>stream_bucket_make_writeable</a></li><li><a href=/php/stream/stream_bucket_new/>stream_bucket_new</a></li><li><a href=/php/stream/stream_bucket_prepend/>stream_bucket_prepend</a></li><li><a href=/php/stream/stream_context_create/>stream_context_create</a></li><li><a href=/php/stream/stream_context_get_default/>stream_context_get_default</a></li><li><a href=/php/stream/stream_context_get_options/>stream_context_get_options</a></li><li><a href=/php/stream/stream_context_get_params/>stream_context_get_params</a></li><li><a href=/php/stream/stream_context_set_default/>stream_context_set_default</a></li><li><a href=/php/stream/stream_context_set_option/>stream_context_set_option</a></li><li><a href=/php/stream/stream_context_set_options/>stream_context_set_options</a></li><li><a href=/php/stream/stream_context_set_params/>stream_context_set_params</a></li><li><a href=/php/stream/stream_copy_to_stream/>stream_copy_to_stream</a></li><li><a href=/php/stream/stream_filter_append/>stream_filter_append</a></li><li><a href=/php/stream/stream_filter_prepend/>stream_filter_prepend</a></li><li><a href=/php/stream/stream_filter_register/>stream_filter_register</a></li><li><a href=/php/stream/stream_filter_remove/>stream_filter_remove</a></li><li><a href=/php/stream/stream_get_contents/>stream_get_contents</a></li><li><a href=/php/stream/stream_get_filters/>stream_get_filters</a></li><li><a href=/php/stream/stream_get_line/>stream_get_line</a></li><li><a href=/php/stream/stream_get_meta_data/>stream_get_meta_data</a></li><li><a href=/php/stream/stream_get_transports/>stream_get_transports</a></li><li><a href=/php/stream/stream_get_wrappers/>stream_get_wrappers</a></li><li><a href=/php/stream/stream_is_local/>stream_is_local</a></li><li><a href=/php/stream/stream_isatty/>stream_isatty</a></li><li><a href=/php/stream/stream_notification_callback/>stream_notification_callback</a></li><li><a href=/php/stream/stream_register_wrapper/>stream_register_wrapper</a></li><li><a href=/php/stream/stream_resolve_include_path/>stream_resolve_include_path</a></li><li><a href=/php/stream/stream_select/>stream_select</a></li><li><a href=/php/stream/stream_set_blocking/>stream_set_blocking</a></li><li><a href=/php/stream/stream_set_chunk_size/>stream_set_chunk_size</a></li><li><a href=/php/stream/stream_set_read_buffer/>stream_set_read_buffer</a></li><li><a href=/php/stream/stream_set_timeout/>stream_set_timeout</a></li><li><a href=/php/stream/stream_set_write_buffer/>stream_set_write_buffer</a></li><li><a href=/php/stream/stream_socket_accept/>stream_socket_accept</a></li><li><a href=/php/stream/stream_socket_client/>stream_socket_client</a></li><li><a href=/php/stream/stream_socket_enable_crypto/>stream_socket_enable_crypto</a></li><li><a href=/php/stream/stream_socket_get_name/>stream_socket_get_name</a></li><li><a href=/php/stream/stream_socket_pair/>stream_socket_pair</a></li><li><a href=/php/stream/stream_socket_recvfrom/>stream_socket_recvfrom</a></li><li><a href=/php/stream/stream_socket_sendto/>stream_socket_sendto</a></li><li><a href=/php/stream/stream_socket_server/>stream_socket_server</a></li><li><a href=/php/stream/stream_socket_shutdown/>stream_socket_shutdown</a></li><li><a href=/php/stream/stream_supports_lock/>stream_supports_lock</a></li><li><a href=/php/stream/stream_wrapper_register/>stream_wrapper_register</a></li><li><a href=/php/stream/stream_wrapper_restore/>stream_wrapper_restore</a></li><li><a href=/php/stream/stream_wrapper_unregister/>stream_wrapper_unregister</a></li></ul></div><h2>String</h2><div><ul><li><a href=/php/string/addcslashes/>addcslashes</a></li><li><a href=/php/string/addslashes/>addslashes</a></li><li><a href=/php/string/bin2hex/>bin2hex</a></li><li><a href=/php/string/chop/>chop</a></li><li><a href=/php/string/chr/>chr</a></li><li><a href=/php/string/chunk_split/>chunk_split</a></li><li><a href=/php/string/convert_uudecode/>convert_uudecode</a></li><li><a href=/php/string/convert_uuencode/>convert_uuencode</a></li><li><a href=/php/string/count_chars/>count_chars</a></li><li><a href=/php/string/crc32/>crc32</a></li><li><a href=/php/string/crypt/>crypt</a></li><li><a href=/php/string/echo/>echo</a></li><li><a href=/php/string/explode/>explode</a></li><li><a href=/php/string/fprintf/>fprintf</a></li><li><a href=/php/string/get_html_translation_table/>get_html_translation_table</a></li><li><a href=/php/string/hebrev/>hebrev</a></li><li><a href=/php/string/hebrevc/>hebrevc</a></li><li><a href=/php/string/hex2bin/>hex2bin</a></li><li><a href=/php/string/html_entity_decode/>html_entity_decode</a></li><li><a href=/php/string/htmlentities/>htmlentities</a></li><li><a href=/php/string/htmlspecialchars/>htmlspecialchars</a></li><li><a href=/php/string/htmlspecialchars_decode/>htmlspecialchars_decode</a></li><li><a href=/php/string/implode/>implode</a></li><li><a href=/php/string/join/>join</a></li><li><a href=/php/string/lcfirst/>lcfirst</a></li><li><a href=/php/string/levenshtein/>levenshtein</a></li><li><a href=/php/string/localeconv/>localeconv</a></li><li><a href=/php/string/ltrim/>ltrim</a></li><li><a href=/php/string/md5/>md5</a></li><li><a href=/php/string/md5_file/>md5_file</a></li><li><a href=/php/string/metaphone/>metaphone</a></li><li><a href=/php/string/nl_langinfo/>nl_langinfo</a></li><li><a href=/php/string/nl2br/>nl2br</a></li><li><a href=/php/string/number_format/>number_format</a></li><li><a href=/php/string/ord/>ord</a></li><li><a href=/php/string/parse_str/>parse_str</a></li><li><a href=/php/string/print/>print</a></li><li><a href=/php/string/printf/>printf</a></li><li><a href=/php/string/quoted_printable_decode/>quoted_printable_decode</a></li><li><a href=/php/string/quoted_printable_encode/>quoted_printable_encode</a></li><li><a href=/php/string/quotemeta/>quotemeta</a></li><li><a href=/php/string/rtrim/>rtrim</a></li><li><a href=/php/string/setlocale/>setlocale</a></li><li><a href=/php/string/sha1/>sha1</a></li><li><a href=/php/string/sha1_file/>sha1_file</a></li><li><a href=/php/string/similar_text/>similar_text</a></li><li><a href=/php/string/soundex/>soundex</a></li><li><a href=/php/string/sprintf/>sprintf</a></li><li><a href=/php/string/sscanf/>sscanf</a></li><li><a href=/php/string/str_contains/>str_contains</a></li><li><a href=/php/string/str_decrement/>str_decrement</a></li><li><a href=/php/string/str_ends_with/>str_ends_with</a></li><li><a href=/php/string/str_getcsv/>str_getcsv</a></li><li><a href=/php/string/str_increment/>str_increment</a></li><li><a href=/php/string/str_ireplace/>str_ireplace</a></li><li><a href=/php/string/str_pad/>str_pad</a></li><li><a href=/php/string/str_repeat/>str_repeat</a></li><li><a href=/php/string/str_replace/>str_replace</a></li><li><a href=/php/string/str_rot13/>str_rot13</a></li><li><a href=/php/string/str_shuffle/>str_shuffle</a></li><li><a href=/php/string/str_split/>str_split</a></li><li><a href=/php/string/str_starts_with/>str_starts_with</a></li><li><a href=/php/string/str_word_count/>str_word_count</a></li><li><a href=/php/string/strcasecmp/>strcasecmp</a></li><li><a href=/php/string/strchr/>strchr</a></li><li><a href=/php/string/strcmp/>strcmp</a></li><li><a href=/php/string/strcoll/>strcoll</a></li><li><a href=/php/string/strcspn/>strcspn</a></li><li><a href=/php/string/strip_tags/>strip_tags</a></li><li><a href=/php/string/stripcslashes/>stripcslashes</a></li><li><a href=/php/string/stripos/>stripos</a></li><li><a href=/php/string/stripslashes/>stripslashes</a></li><li><a href=/php/string/stristr/>stristr</a></li><li><a href=/php/string/strlen/>strlen</a></li><li><a href=/php/string/strnatcasecmp/>strnatcasecmp</a></li><li><a href=/php/string/strnatcmp/>strnatcmp</a></li><li><a href=/php/string/strncasecmp/>strncasecmp</a></li><li><a href=/php/string/strncmp/>strncmp</a></li><li><a href=/php/string/strpbrk/>strpbrk</a></li><li><a href=/php/string/strpos/>strpos</a></li><li><a href=/php/string/strrchr/>strrchr</a></li><li><a href=/php/string/strrev/>strrev</a></li><li><a href=/php/string/strripos/>strripos</a></li><li><a href=/php/string/strrpos/>strrpos</a></li><li><a href=/php/string/strspn/>strspn</a></li><li><a href=/php/string/strstr/>strstr</a></li><li><a href=/php/string/strtok/>strtok</a></li><li><a href=/php/string/strtolower/>strtolower</a></li><li><a href=/php/string/strtoupper/>strtoupper</a></li><li><a href=/php/string/strtr/>strtr</a></li><li><a href=/php/string/substr/>substr</a></li><li><a href=/php/string/substr_compare/>substr_compare</a></li><li><a href=/php/string/substr_count/>substr_count</a></li><li><a href=/php/string/substr_replace/>substr_replace</a></li><li><a href=/php/string/trim/>trim</a></li><li><a href=/php/string/ucfirst/>ucfirst</a></li><li><a href=/php/string/ucwords/>ucwords</a></li><li><a href=/php/string/vfprintf/>vfprintf</a></li><li><a href=/php/string/vprintf/>vprintf</a></li><li><a href=/php/string/vsprintf/>vsprintf</a></li><li><a href=/php/string/wordwrap/>wordwrap</a></li></ul></div><h2>Tokenizer</h2><div><ul><li><a href=/php/tokenizer/token_get_all/>token_get_all</a></li><li><a href=/php/tokenizer/token_name/>token_name</a></li></ul></div><h2>URL</h2><div><ul><li><a href=/php/url/base64_decode/>base64_decode</a></li><li><a href=/php/url/base64_encode/>base64_encode</a></li><li><a href=/php/url/get_headers/>get_headers</a></li><li><a href=/php/url/get_meta_tags/>get_meta_tags</a></li><li><a href=/php/url/http_build_query/>http_build_query</a></li><li><a href=/php/url/parse_url/>parse_url</a></li><li><a href=/php/url/rawurldecode/>rawurldecode</a></li><li><a href=/php/url/rawurlencode/>rawurlencode</a></li><li><a href=/php/url/urldecode/>urldecode</a></li><li><a href=/php/url/urlencode/>urlencode</a></li></ul></div><h2>Variable Handling</h2><div><ul><li><a href=/php/variable-handling/boolval/>boolval</a></li><li><a href=/php/variable-handling/debug_zval_dump/>debug_zval_dump</a></li><li><a href=/php/variable-handling/doubleval/>doubleval</a></li><li><a href=/php/variable-handling/empty/>empty</a></li><li><a href=/php/variable-handling/floatval/>floatval</a></li><li><a href=/php/variable-handling/get_debug_type/>get_debug_type</a></li><li><a href=/php/variable-handling/get_defined_vars/>get_defined_vars</a></li><li><a href=/php/variable-handling/get_resource_id/>get_resource_id</a></li><li><a href=/php/variable-handling/get_resource_type/>get_resource_type</a></li><li><a href=/php/variable-handling/gettype/>gettype</a></li><li><a href=/php/variable-handling/intval/>intval</a></li><li><a href=/php/variable-handling/is_array/>is_array</a></li><li><a href=/php/variable-handling/is_bool/>is_bool</a></li><li><a href=/php/variable-handling/is_callable/>is_callable</a></li><li><a href=/php/variable-handling/is_countable/>is_countable</a></li><li><a href=/php/variable-handling/is_double/>is_double</a></li><li><a href=/php/variable-handling/is_float/>is_float</a></li><li><a href=/php/variable-handling/is_int/>is_int</a></li><li><a href=/php/variable-handling/is_integer/>is_integer</a></li><li><a href=/php/variable-handling/is_iterable/>is_iterable</a></li><li><a href=/php/variable-handling/is_long/>is_long</a></li><li><a href=/php/variable-handling/is_null/>is_null</a></li><li><a href=/php/variable-handling/is_numeric/>is_numeric</a></li><li><a href=/php/variable-handling/is_object/>is_object</a></li><li><a href=/php/variable-handling/is_real/>is_real</a></li><li><a href=/php/variable-handling/is_resource/>is_resource</a></li><li><a href=/php/variable-handling/is_scalar/>is_scalar</a></li><li><a href=/php/variable-handling/is_string/>is_string</a></li><li><a href=/php/variable-handling/isset/>isset</a></li><li><a href=/php/variable-handling/print_r/>print_r</a></li><li><a href=/php/variable-handling/serialize/>serialize</a></li><li><a href=/php/variable-handling/settype/>settype</a></li><li><a href=/php/variable-handling/strval/>strval</a></li><li><a href=/php/variable-handling/unserialize/>unserialize</a></li><li><a href=/php/variable-handling/unset/>unset</a></li><li><a href=/php/variable-handling/var_dump/>var_dump</a></li><li><a href=/php/variable-handling/var_export/>var_export</a></li></ul></div><h2>zlib</h2><div><ul><li><a href=/php/zlib/deflate_add/>deflate_add</a></li><li><a href=/php/zlib/deflate_init/>deflate_init</a></li><li><a href=/php/zlib/gzclose/>gzclose</a></li><li><a href=/php/zlib/gzcompress/>gzcompress</a></li><li><a href=/php/zlib/gzdecode/>gzdecode</a></li><li><a href=/php/zlib/gzdeflate/>gzdeflate</a></li><li><a href=/php/zlib/gzencode/>gzencode</a></li><li><a href=/php/zlib/gzeof/>gzeof</a></li><li><a href=/php/zlib/gzfile/>gzfile</a></li><li><a href=/php/zlib/gzgetc/>gzgetc</a></li><li><a href=/php/zlib/gzgets/>gzgets</a></li><li><a href=/php/zlib/gzinflate/>gzinflate</a></li><li><a href=/php/zlib/gzopen/>gzopen</a></li><li><a href=/php/zlib/gzpassthru/>gzpassthru</a></li><li><a href=/php/zlib/gzputs/>gzputs</a></li><li><a href=/php/zlib/gzread/>gzread</a></li><li><a href=/php/zlib/gzrewind/>gzrewind</a></li><li><a href=/php/zlib/gzseek/>gzseek</a></li><li><a href=/php/zlib/gztell/>gztell</a></li><li><a href=/php/zlib/gzuncompress/>gzuncompress</a></li><li><a href=/php/zlib/gzwrite/>gzwrite</a></li><li><a href=/php/zlib/inflate_add/>inflate_add</a></li><li><a href=/php/zlib/inflate_get_read_len/>inflate_get_read_len</a></li><li><a href=/php/zlib/inflate_get_status/>inflate_get_status</a></li><li><a href=/php/zlib/inflate_init/>inflate_init</a></li><li><a href=/php/zlib/ob_gzhandler/>ob_gzhandler</a></li><li><a href=/php/zlib/readgzfile/>readgzfile</a></li><li><a href=/php/zlib/zlib_decode/>zlib_decode</a></li><li><a href=/php/zlib/zlib_encode/>zlib_encode</a></li><li><a href=/php/zlib/zlib_get_coding_type/>zlib_get_coding_type</a></li></ul></div></div><div class=h1><a id=switch-svg>SVG</a></div><div id=list-svg><h2>Overview</h2><div><ul><li><a href=/svg/>Overview</a></li></ul></div><h2>Attributes</h2><div><ul><li><a href=/svg/attributes/accumulate/>accumulate</a></li><li><a href=/svg/attributes/additive/>additive</a></li><li><a href=/svg/attributes/amplitude/>amplitude</a></li><li><a href=/svg/attributes/attributename/>attributeName</a></li><li><a href=/svg/attributes/azimuth/>azimuth</a></li><li><a href=/svg/attributes/basefrequency/>baseFrequency</a></li><li><a href=/svg/attributes/begin/>begin</a></li><li><a href=/svg/attributes/bias/>bias</a></li><li><a href=/svg/attributes/by/>by</a></li><li><a href=/svg/attributes/calcmode/>calcMode</a></li><li><a href=/svg/attributes/clippathunits/>clipPathUnits</a></li><li><a href=/svg/attributes/crossorigin/>crossorigin</a></li><li><a href=/svg/attributes/cx/>cx</a></li><li><a href=/svg/attributes/cy/>cy</a></li><li><a href=/svg/attributes/d/>d</a></li><li><a href=/svg/attributes/diffuseconstant/>diffuseConstant</a></li><li><a href=/svg/attributes/divisor/>divisor</a></li><li><a href=/svg/attributes/download/>download</a></li><li><a href=/svg/attributes/dur/>dur</a></li><li><a href=/svg/attributes/dx/>dx</a></li><li><a href=/svg/attributes/dy/>dy</a></li><li><a href=/svg/attributes/edgemode/>edgeMode</a></li><li><a href=/svg/attributes/elevation/>elevation</a></li><li><a href=/svg/attributes/end/>end</a></li><li><a href=/svg/attributes/exponent/>exponent</a></li><li><a href=/svg/attributes/fill/>fill</a></li><li><a href=/svg/attributes/filterunits/>filterUnits</a></li><li><a href=/svg/attributes/flood-color/>flood-color</a></li><li><a href=/svg/attributes/flood-opacity/>flood-opacity</a></li><li><a href=/svg/attributes/fr/>fr</a></li><li><a href=/svg/attributes/from/>from</a></li><li><a href=/svg/attributes/fx/>fx</a></li><li><a href=/svg/attributes/fy/>fy</a></li><li><a href=/svg/attributes/gradienttransform/>gradientTransform</a></li><li><a href=/svg/attributes/gradientunits/>gradientUnits</a></li><li><a href=/svg/attributes/height/>height</a></li><li><a href=/svg/attributes/href/>href</a></li><li><a href=/svg/attributes/hreflang/>hreflang</a></li><li><a href=/svg/attributes/id/>id</a></li><li><a href=/svg/attributes/in/>in</a></li><li><a href=/svg/attributes/in2/>in2</a></li><li><a href=/svg/attributes/intercept/>intercept</a></li><li><a href=/svg/attributes/k1/>k1</a></li><li><a href=/svg/attributes/k2/>k2</a></li><li><a href=/svg/attributes/k3/>k3</a></li><li><a href=/svg/attributes/k4/>k4</a></li><li><a href=/svg/attributes/kernelmatrix/>kernelMatrix</a></li><li><a href=/svg/attributes/keypoints/>keyPoints</a></li><li><a href=/svg/attributes/keysplines/>keySplines</a></li><li><a href=/svg/attributes/keytimes/>keyTimes</a></li><li><a href=/svg/attributes/lengthadjust/>lengthAdjust</a></li><li><a href=/svg/attributes/limitingconeangle/>limitingConeAngle</a></li><li><a href=/svg/attributes/markerheight/>markerHeight</a></li><li><a href=/svg/attributes/markerunits/>markerUnits</a></li><li><a href=/svg/attributes/markerwidth/>markerWidth</a></li><li><a href=/svg/attributes/maskcontentunits/>maskContentUnits</a></li><li><a href=/svg/attributes/maskunits/>maskUnits</a></li><li><a href=/svg/attributes/max/>max</a></li><li><a href=/svg/attributes/media/>media</a></li><li><a href=/svg/attributes/method/>method</a></li><li><a href=/svg/attributes/min/>min</a></li><li><a href=/svg/attributes/mode/>mode</a></li><li><a href=/svg/attributes/no-composite/>no-composite</a></li><li><a href=/svg/attributes/numoctaves/>numOctaves</a></li><li><a href=/svg/attributes/offset/>offset</a></li><li><a href=/svg/attributes/onbegin/>onbegin</a></li><li><a href=/svg/attributes/onend/>onend</a></li><li><a href=/svg/attributes/onrepeat/>onrepeat</a></li><li><a href=/svg/attributes/operator/>operator</a></li><li><a href=/svg/attributes/order/>order</a></li><li><a href=/svg/attributes/orient/>orient</a></li><li><a href=/svg/attributes/origin/>origin</a></li><li><a href=/svg/attributes/path/>path</a></li><li><a href=/svg/attributes/pathlength/>pathLength</a></li><li><a href=/svg/attributes/patterncontentunits/>patternContentUnits</a></li><li><a href=/svg/attributes/patterntransform/>patternTransform</a></li><li><a href=/svg/attributes/patternunits/>patternUnits</a></li><li><a href=/svg/attributes/ping/>ping</a></li><li><a href=/svg/attributes/points/>points</a></li><li><a href=/svg/attributes/pointsatx/>pointsAtX</a></li><li><a href=/svg/attributes/pointsaty/>pointsAtY</a></li><li><a href=/svg/attributes/pointsatz/>pointsAtZ</a></li><li><a href=/svg/attributes/preservealpha/>preserveAlpha</a></li><li><a href=/svg/attributes/preserveaspectratio/>preserveAspectRatio</a></li><li><a href=/svg/attributes/primitiveunits/>primitiveUnits</a></li><li><a href=/svg/attributes/r/>r</a></li><li><a href=/svg/attributes/radius/>radius</a></li><li><a href=/svg/attributes/referrerpolicy/>referrerPolicy</a></li><li><a href=/svg/attributes/refx/>refx</a></li><li><a href=/svg/attributes/refy/>refy</a></li><li><a href=/svg/attributes/rel/>rel</a></li><li><a href=/svg/attributes/repeatcount/>repeatCount</a></li><li><a href=/svg/attributes/repeatdur/>repeatDur</a></li><li><a href=/svg/attributes/requiredextensions/>requiredExtensions</a></li><li><a href=/svg/attributes/restart/>restart</a></li><li><a href=/svg/attributes/rotate/>rotate</a></li><li><a href=/svg/attributes/rx/>rx</a></li><li><a href=/svg/attributes/ry/>ry</a></li><li><a href=/svg/attributes/scale/>scale</a></li><li><a href=/svg/attributes/seed/>seed</a></li><li><a href=/svg/attributes/side/>side</a></li><li><a href=/svg/attributes/slope/>slope</a></li><li><a href=/svg/attributes/spacing/>spacing</a></li><li><a href=/svg/attributes/specularconstant/>specularConstant</a></li><li><a href=/svg/attributes/specularexponent/>specularExponent</a></li><li><a href=/svg/attributes/spreadmethod/>spreadMethod</a></li><li><a href=/svg/attributes/startoffset/>startoffset</a></li><li><a href=/svg/attributes/stddeviation/>stdDeviation</a></li><li><a href=/svg/attributes/stitchtiles/>stitchTiles</a></li><li><a href=/svg/attributes/stop-color/>stop-color</a></li><li><a href=/svg/attributes/stop-opacity/>stop-opacity</a></li><li><a href=/svg/attributes/surfacescale/>surfaceScale</a></li><li><a href=/svg/attributes/systemlanguage/>systemLanguage</a></li><li><a href=/svg/attributes/tabindex/>tabindex</a></li><li><a href=/svg/attributes/tablevalues/>tableValues</a></li><li><a href=/svg/attributes/target/>target</a></li><li><a href=/svg/attributes/targetx/>targetX</a></li><li><a href=/svg/attributes/targety/>targetY</a></li><li><a href=/svg/attributes/textlength/>textLength</a></li><li><a href=/svg/attributes/title/>title</a></li><li><a href=/svg/attributes/to/>to</a></li><li><a href=/svg/attributes/transform/>transform</a></li><li><a href=/svg/attributes/type/>type</a></li><li><a href=/svg/attributes/values/>values</a></li><li><a href=/svg/attributes/viewbox/>viewBox</a></li><li><a href=/svg/attributes/width/>width</a></li><li><a href=/svg/attributes/x/>x</a></li><li><a href=/svg/attributes/x1/>x1</a></li><li><a href=/svg/attributes/x2/>x2</a></li><li><a href=/svg/attributes/xchannelselector/>xChannelSelector</a></li><li><a href=/svg/attributes/y/>y</a></li><li><a href=/svg/attributes/y1/>y1</a></li><li><a href=/svg/attributes/y2/>y2</a></li><li><a href=/svg/attributes/ychannelselector/>yChannelSelector</a></li><li><a href=/svg/attributes/z/>z</a></li><li><a href=/svg/attributes/zoomandpan/>zoomAndPan</a></li></ul></div><h2>Elements</h2><div><ul><li><a href=/svg/elements/a/>a</a></li><li><a href=/svg/elements/animate/>animate</a></li><li><a href=/svg/elements/animatemotion/>animateMotion</a></li><li><a href=/svg/elements/animatetransform/>animateTransform</a></li><li><a href=/svg/elements/circle/>circle</a></li><li><a href=/svg/elements/clippath/>clipPath</a></li><li><a href=/svg/elements/defs/>defs</a></li><li><a href=/svg/elements/desc/>desc</a></li><li><a href=/svg/elements/discard/>discard</a></li><li><a href=/svg/elements/ellipse/>ellipse</a></li><li><a href=/svg/elements/feblend/>feBlend</a></li><li><a href=/svg/elements/fecolormatrix/>feColorMatrix</a></li><li><a href=/svg/elements/fecomponenttransfer/>feComponentTransfer</a></li><li><a href=/svg/elements/fecomposite/>feComposite</a></li><li><a href=/svg/elements/feconvolvematrix/>feConvolveMatrix</a></li><li><a href=/svg/elements/fediffuselighting/>feDiffuseLighting</a></li><li><a href=/svg/elements/fedisplacementmap/>feDisplacementMap</a></li><li><a href=/svg/elements/fedistantlight/>feDistantLight</a></li><li><a href=/svg/elements/fedropshadow/>feDropShadow</a></li><li><a href=/svg/elements/feflood/>feFlood</a></li><li><a href=/svg/elements/fefunca/>feFuncA</a></li><li><a href=/svg/elements/fefuncb/>feFuncB</a></li><li><a href=/svg/elements/fefuncg/>feFuncG</a></li><li><a href=/svg/elements/fefuncr/>feFuncR</a></li><li><a href=/svg/elements/fegaussianblur/>feGaussianBlur</a></li><li><a href=/svg/elements/feimage/>feImage</a></li><li><a href=/svg/elements/femerge/>feMerge</a></li><li><a href=/svg/elements/femergenode/>feMergeNode</a></li><li><a href=/svg/elements/femorphology/>feMorphology</a></li><li><a href=/svg/elements/feoffset/>feOffset</a></li><li><a href=/svg/elements/fepointlight/>fePointLight</a></li><li><a href=/svg/elements/fespecularlighting/>feSpecularLighting</a></li><li><a href=/svg/elements/fespotlight/>feSpotLight</a></li><li><a href=/svg/elements/fetile/>feTile</a></li><li><a href=/svg/elements/feturbulence/>feTurbulence</a></li><li><a href=/svg/elements/filter/>filter</a></li><li><a href=/svg/elements/foreignobject/>foreignObject</a></li><li><a href=/svg/elements/g/>g</a></li><li><a href=/svg/elements/image/>image</a></li><li><a href=/svg/elements/line/>line</a></li><li><a href=/svg/elements/lineargradient/>linearGradient</a></li><li><a href=/svg/elements/marker/>marker</a></li><li><a href=/svg/elements/mask/>mask</a></li><li><a href=/svg/elements/metadata/>metadata</a></li><li><a href=/svg/elements/mpath/>mpath</a></li><li><a href=/svg/elements/path/>path</a></li><li><a href=/svg/elements/pattern/>pattern</a></li><li><a href=/svg/elements/polygon/>polygon</a></li><li><a href=/svg/elements/polyline/>polyline</a></li><li><a href=/svg/elements/radialgradient/>radialGradient</a></li><li><a href=/svg/elements/rect/>rect</a></li><li><a href=/svg/elements/script/>script</a></li><li><a href=/svg/elements/set/>set</a></li><li><a href=/svg/elements/stop/>stop</a></li><li><a href=/svg/elements/style/>style</a></li><li><a href=/svg/elements/svg/>svg</a></li><li><a href=/svg/elements/switch/>switch</a></li><li><a href=/svg/elements/symbol/>symbol</a></li><li><a href=/svg/elements/text/>text</a></li><li><a href=/svg/elements/textpath/>textPath</a></li><li><a href=/svg/elements/title/>title</a></li><li><a href=/svg/elements/tspan/>tspan</a></li><li><a href=/svg/elements/unknown/>unknown</a></li><li><a href=/svg/elements/use/>use</a></li><li><a href=/svg/elements/view/>view</a></li></ul></div><h2>Values</h2><div><ul><li><a href=/svg/values/_blank/>_blank</a></li><li><a href=/svg/values/_parent/>_parent</a></li><li><a href=/svg/values/_self/>_self</a></li><li><a href=/svg/values/_top/>_top</a></li><li><a href=/svg/values/a/>A</a></li><li><a href=/svg/values/align/>align</a></li><li><a href=/svg/values/alpha-value/>alpha-value</a></li><li><a href=/svg/values/always/>always</a></li><li><a href=/svg/values/angle/>angle</a></li><li><a href=/svg/values/anonymous/>anonymous</a></li><li><a href=/svg/values/arithmetic/>arithmetic</a></li><li><a href=/svg/values/atop/>atop</a></li><li><a href=/svg/values/auto/>auto</a></li><li><a href=/svg/values/auto-start-reverse/>auto-start-reverse</a></li><li><a href=/svg/values/auto-reverse/>auto-reverse</a></li><li><a href=/svg/values/b/>B</a></li><li><a href=/svg/values/backgroundalpha/>BackgroundAlpha</a></li><li><a href=/svg/values/backgroundimage/>BackgroundImage</a></li><li><a href=/svg/values/begin-value-list/>begin-value-list</a></li><li><a href=/svg/values/blend-mode/>blend-mode</a></li><li><a href=/svg/values/bottom/>bottom</a></li><li><a href=/svg/values/center/>center</a></li><li><a href=/svg/values/clock-value/>clock-value</a></li><li><a href=/svg/values/color/>color</a></li><li><a href=/svg/values/control-point/>control-point</a></li><li><a href=/svg/values/currentcolor/>currentColor</a></li><li><a href=/svg/values/default/>default</a></li><li><a href=/svg/values/dilate/>dilate</a></li><li><a href=/svg/values/disable/>disable</a></li><li><a href=/svg/values/discrete/>discrete</a></li><li><a href=/svg/values/duplicate/>duplicate</a></li><li><a href=/svg/values/empty-string/>empty-string</a></li><li><a href=/svg/values/end-value-list/>end-value-list</a></li><li><a href=/svg/values/erode/>erode</a></li><li><a href=/svg/values/exact/>exact</a></li><li><a href=/svg/values/false/>false</a></li><li><a href=/svg/values/fillpaint/>FillPaint</a></li><li><a href=/svg/values/filter-primitive-reference/>filter-primitive-reference</a></li><li><a href=/svg/values/fractalnoise/>fractalNoise</a></li><li><a href=/svg/values/freeze/>freeze</a></li><li><a href=/svg/values/g/>G</a></li><li><a href=/svg/values/gamma/>gamma</a></li><li><a href=/svg/values/height/>height</a></li><li><a href=/svg/values/huerotate/>hueRotate</a></li><li><a href=/svg/values/icccolor/>icccolor</a></li><li><a href=/svg/values/id/>id</a></li><li><a href=/svg/values/identity/>identity</a></li><li><a href=/svg/values/in/>in</a></li><li><a href=/svg/values/indefinite/>indefinite</a></li><li><a href=/svg/values/integer/>integer</a></li><li><a href=/svg/values/left/>left</a></li><li><a href=/svg/values/length/>length</a></li><li><a href=/svg/values/length-percentage/>length-percentage</a></li><li><a href=/svg/values/lighter/>lighter</a></li><li><a href=/svg/values/linear/>linear</a></li><li><a href=/svg/values/list/>list</a></li><li><a href=/svg/values/list-of-numbers/>list-of-numbers</a></li><li><a href=/svg/values/luminancetoalpha/>luminanceToAlpha</a></li><li><a href=/svg/values/magnify/>magnify</a></li><li><a href=/svg/values/matrix/>matrix</a></li><li><a href=/svg/values/media/>media</a></li><li><a href=/svg/values/meetorslice/>meetOrSlice</a></li><li><a href=/svg/values/min-x/>min-x</a></li><li><a href=/svg/values/min-y/>min-y</a></li><li><a href=/svg/values/name/>name</a></li><li><a href=/svg/values/never/>never</a></li><li><a href=/svg/values/no-composite/>no-composite</a></li><li><a href=/svg/values/no-referrer/>no-referrer</a></li><li><a href=/svg/values/no-referrer-when-downgrade/>no-referrer-when-downgrade</a></li><li><a href=/svg/values/none/>none</a></li><li><a href=/svg/values/nostitch/>noStitch</a></li><li><a href=/svg/values/number/>number</a></li><li><a href=/svg/values/number-optional-number/>number-optional-number</a></li><li><a href=/svg/values/objectboundingbox/>objectBoundingBox</a></li><li><a href=/svg/values/origin/>origin</a></li><li><a href=/svg/values/origin-when-cross-origin/>origin-when-cross-origin</a></li><li><a href=/svg/values/out/>out</a></li><li><a href=/svg/values/over/>over</a></li><li><a href=/svg/values/paced/>paced</a></li><li><a href=/svg/values/pad/>pad</a></li><li><a href=/svg/values/path-data/>path-data</a></li><li><a href=/svg/values/percentage/>percentage</a></li><li><a href=/svg/values/points/>points</a></li><li><a href=/svg/values/r/>R</a></li><li><a href=/svg/values/reflect/>reflect</a></li><li><a href=/svg/values/remove/>remove</a></li><li><a href=/svg/values/repeat/>repeat</a></li><li><a href=/svg/values/replace/>replace</a></li><li><a href=/svg/values/right/>right</a></li><li><a href=/svg/values/rotate/>rotate</a></li><li><a href=/svg/values/same-origin/>same-origin</a></li><li><a href=/svg/values/saturate/>saturate</a></li><li><a href=/svg/values/scale/>scale</a></li><li><a href=/svg/values/script/>script</a></li><li><a href=/svg/values/set-of-comma-separated-tokens/>set-of-comma-separated-tokens</a></li><li><a href=/svg/values/set-of-space-separated-tokens/>set-of-space-separated-tokens</a></li><li><a href=/svg/values/skewx/>skewx</a></li><li><a href=/svg/values/skewy/>skewy</a></li><li><a href=/svg/values/sourcealpha/>SourceAlpha</a></li><li><a href=/svg/values/sourcegraphic/>SourceGraphic</a></li><li><a href=/svg/values/spacing/>spacing</a></li><li><a href=/svg/values/spacingandglyphs/>spacingAndGlyphs</a></li><li><a href=/svg/values/spline/>spline</a></li><li><a href=/svg/values/stitch/>stitch</a></li><li><a href=/svg/values/stretch/>stretch</a></li><li><a href=/svg/values/strict-origin/>strict-origin</a></li><li><a href=/svg/values/strict-origin-when-cross-origin/>strict-origin-when-cross-origin</a></li><li><a href=/svg/values/string/>string</a></li><li><a href=/svg/values/strokepaint/>StrokePaint</a></li><li><a href=/svg/values/strokewidth/>strokeWidth</a></li><li><a href=/svg/values/sum/>sum</a></li><li><a href=/svg/values/table/>table</a></li><li><a href=/svg/values/tokens/>tokens</a></li><li><a href=/svg/values/top/>top</a></li><li><a href=/svg/values/transform-list/>transform-list</a></li><li><a href=/svg/values/translate/>translate</a></li><li><a href=/svg/values/true/>true</a></li><li><a href=/svg/values/turbulence/>turbulence</a></li><li><a href=/svg/values/unsafe-url/>unsafe-url</a></li><li><a href=/svg/values/url/>url</a></li><li><a href=/svg/values/use-credentials/>use-credentials</a></li><li><a href=/svg/values/userspaceonuse/>userSpaceOnUse</a></li><li><a href=/svg/values/valid-integer/>valid-integer</a></li><li><a href=/svg/values/value/>value</a></li><li><a href=/svg/values/whennotactive/>whenNotActive</a></li><li><a href=/svg/values/width/>width</a></li><li><a href=/svg/values/wrap/>wrap</a></li><li><a href=/svg/values/xml-name/>XML-Name</a></li><li><a href=/svg/values/xor/>xor</a></li></ul></div></div><div class=h1><a id=switch-applications>APPLICATIONS</a></div><div id=list-applications><h2>Overview</h2><div><ul><li><a href=/applications/>Overview</a></li></ul></div><h2>Bible</h2><div><ul><li><a href=/applications/Bible-passages/>Bible Passages</a></li><li><a href=/applications/Bible-pictures/>Bible Pictures</a></li><li><a href=/applications/Jesus-loves-the-little-children/>Jesus Loves the Little Children</a></li><li><a href=/applications/merry-Christmas/>Merry Christmas</a></li><li><a href=/applications/one-man-one-woman-one-lifetime/>One Man. One Woman. One Lifetime.</a></li><li><a href=/applications/The-Armor-of-God/>The Armor of God</a></li></ul></div><h2>Cards</h2><div><ul><li><a href=/applications/euchre/>Euchre</a></li><li><a href=/applications/sevens/>Sevens</a></li><li><a href=/applications/solitaire/>Solitaire</a></li></ul></div><h2>LEGO</h2><div><ul><li><a href=/applications/lego-cannonball-bingo/>LEGO Cannonball Bingo</a></li><li><a href=/applications/lego-pandamonium/>LEGO Pandamonium</a></li><li><a href=/applications/lego-pirate-plunder/>LEGO Pirate Plunder</a></li><li><a href=/applications/lego-the-machine/>LEGO The Machine</a></li></ul></div><h2>Other</h2><div><ul><li><a href=/applications/miniature-golf/>Miniature Golf</a></li><li><a href=/applications/space-station/>Space Station</a></li></ul></div></div><div class=h1><a href=/editor/>EDITOR</a></div><div class=h1><a href=/favicon/>FAVICON</a></div><div class=h1><a href=/htaccess/>.HTACCESS</a></div><div class=h1><a href=/acme.sh/>ACME.SH</a></div><div class=h1><a id=switch-flash>FLASH</a></div><div id=list-flash><div class=h2><a href=/flash/detect/>DETECT</a></div><div class=h2><a id=switch-flash-actionscript>ACTIONSCRIPT</a></div><div id=list-flash-actionscript><h3>Overview</h3><div><ul><li><a href=/flash/actionscript/>Overview</a></li></ul></div><h3>Assets</h3><div><ul><li><a href=/flash/actionscript/embed/>Embed</a></li><li><a href=/flash/actionscript/load/>Load</a></li></ul></div></div><div class=h2><a id=switch-flash-as3dmod>AS3DMOD</a></div><div id=list-flash-as3dmod><h3>Overview</h3><div><ul><li><a href=/flash/as3dmod/>Overview</a></li></ul></div><h3>Modifiers</h3><div><ul><li><a href=/flash/as3dmod/bend/>Bend</a></li><li><a href=/flash/as3dmod/bloat/>Bloat</a></li><li><a href=/flash/as3dmod/cloth/>Cloth</a></li><li><a href=/flash/as3dmod/noise/>Noise</a></li><li><a href=/flash/as3dmod/perlin/>Perlin</a></li><li><a href=/flash/as3dmod/pivot/>Pivot</a></li><li><a href=/flash/as3dmod/skew/>Skew</a></li><li><a href=/flash/as3dmod/taper/>Taper</a></li><li><a href=/flash/as3dmod/twist/>Twist</a></li></ul></div><h3>Other</h3><div><ul><li><a href=/flash/as3dmod/flag/>Flag</a></li></ul></div></div><div class=h2><a href=/flash/flartoolkit/>FLARTOOLKIT</a></div><div class=h2><a id=switch-flash-jiglibflash>JIGLIBFLASH</a></div><div id=list-flash-jiglibflash><h3>Overview</h3><div><ul><li><a href=/flash/jiglibflash/>Overview</a></li></ul></div><h3>Objects</h3><div><ul><li><a href=/flash/jiglibflash/jbox/>JBox</a></li><li><a href=/flash/jiglibflash/jcapsule/>JCapsule</a></li><li><a href=/flash/jiglibflash/jplane/>JPlane</a></li><li><a href=/flash/jiglibflash/jsphere/>JSphere</a></li></ul></div><h3>Other</h3><div><ul><li><a href=/flash/jiglibflash/physics/>Physics</a></li></ul></div></div><div class=h2><a id=switch-flash-papervision3d>PAPERVISION3D</a></div><div id=list-flash-papervision3d><h3>Overview</h3><div><ul><li><a href=/flash/papervision3d/>Overview</a></li></ul></div><h3>Install</h3><div><ul><li><a href=/flash/papervision3d/install/>Install</a></li></ul></div><h3>Example</h3><div><ul><li><a href=/flash/papervision3d/1/>1</a></li><li><a href=/flash/papervision3d/2/>2</a></li><li><a href=/flash/papervision3d/3/>3</a></li><li><a href=/flash/papervision3d/4/>4</a></li><li><a href=/flash/papervision3d/5/>5</a></li></ul></div><h3>Cameras</h3><div><ul><li><a href=/flash/papervision3d/camera3d/>Camera3D</a></li><li><a href=/flash/papervision3d/debugcamera3d/>DebugCamera3D</a></li><li><a href=/flash/papervision3d/springcamera3d/>SpringCamera3D</a></li></ul></div><h3>Core</h3><div><ul><li><a href=/flash/papervision3d/lines3d/>Lines3D</a></li><li><a href=/flash/papervision3d/fogfilter/>FogFilter</a></li></ul></div><h3>Light</h3><div><ul><li><a href=/flash/papervision3d/pointlight3d/>PointLight3D</a></li></ul></div><h3>Materials</h3><div><ul><li><a href=/flash/papervision3d/bitmapfilematerial/>BitmapFileMaterial</a></li><li><a href=/flash/papervision3d/bitmapmaterial/>BitmapMaterial</a></li><li><a href=/flash/papervision3d/bitmapviewportmaterial/>BitmapViewportMaterial</a></li><li><a href=/flash/papervision3d/colormaterial/>ColorMaterial</a></li><li><a href=/flash/papervision3d/compositematerial/>CompositeMaterial</a></li><li><a href=/flash/papervision3d/moviematerial/>MovieMaterial</a></li><li><a href=/flash/papervision3d/wireframematerial/>WireframeMaterial</a></li></ul></div><h3>Shade Materials</h3><div><ul><li><a href=/flash/papervision3d/cellmaterial/>CellMaterial</a></li><li><a href=/flash/papervision3d/envmapmaterial/>EnvMapMaterial</a></li><li><a href=/flash/papervision3d/flatshadematerial/>FlatShadeMaterial</a></li><li><a href=/flash/papervision3d/gouraudmaterial/>GouraudMaterial</a></li><li><a href=/flash/papervision3d/phongmaterial/>PhongMaterial</a></li></ul></div><h3>Special Material</h3><div><ul><li><a href=/flash/papervision3d/particlematerial/>ParticleMaterial</a></li></ul></div><h3>Parser Objects</h3><div><ul><li><a href=/flash/papervision3d/dae/>DAE</a></li><li><a href=/flash/papervision3d/kmz/>KMZ</a></li></ul></div><h3>Primitive Objects</h3><div><ul><li><a href=/flash/papervision3d/arrow/>Arrow</a></li><li><a href=/flash/papervision3d/cone/>Cone</a></li><li><a href=/flash/papervision3d/cube/>Cube</a></li><li><a href=/flash/papervision3d/cylinder/>Cylinder</a></li><li><a href=/flash/papervision3d/paperplane/>PaperPlane</a></li><li><a href=/flash/papervision3d/plane/>Plane</a></li><li><a href=/flash/papervision3d/sphere/>Sphere</a></li></ul></div><h3>Special Objects</h3><div><ul><li><a href=/flash/papervision3d/particlefield/>ParticleField</a></li><li><a href=/flash/papervision3d/ucs/>UCS</a></li></ul></div><h3>Render</h3><div><ul><li><a href=/flash/papervision3d/basicrenderengine/>BasicRenderEngine</a></li><li><a href=/flash/papervision3d/lazyrenderengine/>LazyRenderEngine</a></li><li><a href=/flash/papervision3d/quadrantrenderengine/>QuadrantRenderEngine</a></li></ul></div><h3>Scene</h3><div><ul><li><a href=/flash/papervision3d/scene3d/>Scene3D</a></li></ul></div><h3>Typography</h3><div><ul><li><a href=/flash/papervision3d/text3d/>Text3D</a></li></ul></div><h3>Views</h3><div><ul><li><a href=/flash/papervision3d/basicview/>BasicView</a></li><li><a href=/flash/papervision3d/reflectionview/>ReflectionView</a></li><li><a href=/flash/papervision3d/statsview/>StatsView</a></li><li><a href=/flash/papervision3d/viewport3d/>Viewport3D</a></li></ul></div><h3>View Layers</h3><div><ul><li><a href=/flash/papervision3d/bitmapeffectlayer/>BitmapEffectLayer</a></li><li><a href=/flash/papervision3d/viewportlayer/>ViewportLayer</a></li></ul></div><h3>Other</h3><div><ul><li><a href=/flash/papervision3d/anaglyph/>Anaglyph</a></li><li><a href=/flash/papervision3d/camera-move/>Camera Move</a></li><li><a href=/flash/papervision3d/camera-rotate/>Camera Rotate</a></li><li><a href=/flash/papervision3d/camera-target-move/>Camera Target Move</a></li><li><a href=/flash/papervision3d/object-move/>Object Move</a></li><li><a href=/flash/papervision3d/object-rotate/>Object Rotate</a></li><li><a href=/flash/papervision3d/object-scale/>Object Scale</a></li><li><a href=/flash/papervision3d/panorama/>Panorama</a></li></ul></div></div></div><div class=h1><a id=switch-sketchup>SKETCHUP</a></div><div id=list-sketchup><h2>Overview</h2><div><ul><li><a href=/sketchup/>Overview</a></li></ul></div><h2>Plugins</h2><div><ul><li><a href=/sketchup/papervision3d/>Papervision3D</a></li><li><a href=/sketchup/triangulate/>Triangulate</a></li></ul></div></div><div class=h1><a id=switch-unity>UNITY</a></div><div id=list-unity><h2>Overview</h2><div><ul><li><a href=/unity/>Overview</a></li></ul></div><h2>Android</h2><div><ul><li><a href=/unity/android/>Android</a></li></ul></div><h2>Detect</h2><div><ul><li><a href=/unity/detect/>Detect</a></li></ul></div><h2>Games</h2><div><ul><li><a href=/unity/air-hockey/>Air Hockey</a></li><li><a href=/unity/foosball/>Foosball</a></li><li><a href=/unity/pool/>Pool</a></li></ul></div><h2>Unity</h2><div><ul><li><a href=/unity/car/>Car</a></li><li><a href=/unity/lerpz-escapes/>Lerpz Escapes</a></li><li><a href=/unity/mecanim/>Mecanim</a></li></ul></div></div><div class=h1><a id=switch-xcode>XCODE</a></div><div id=list-xcode><h2>Overview</h2><div><ul><li><a href=/xcode/>Overview</a></li></ul></div><h2>Example</h2><div><ul><li><a href=/xcode/1/>1</a></li><li><a href=/xcode/2/>2</a></li><li><a href=/xcode/3/>3</a></li><li><a href=/xcode/4/>4</a></li><li><a href=/xcode/5/>5</a></li><li><a href=/xcode/6/>6</a></li></ul></div><h2>CSV2Plist</h2><div><ul><li><a href=/xcode/csv2plist/>CSV2Plist</a></li></ul></div><h2>UI</h2><div><ul><li><a href=/xcode/uiactivityindicatorview/>UIActivityIndicatorView</a></li><li><a href=/xcode/uibutton/>UIButton</a></li><li><a href=/xcode/uiimageview/>UIImageView</a></li><li><a href=/xcode/uilabel/>UILabel</a></li><li><a href=/xcode/uipagecontrol/>UIPageControl</a></li><li><a href=/xcode/uiprogressview/>UIProgressView</a></li><li><a href=/xcode/uisegmentedcontrol/>UISegmentedControl</a></li><li><a href=/xcode/uislider/>UISlider</a></li><li><a href=/xcode/uistepper/>UIStepper</a></li><li><a href=/xcode/uiswitch/>UISwitch</a></li><li><a href=/xcode/uitextfield/>UITextField</a></li></ul></div></div><div class=h1><a href=/about/>ABOUT</a></div><div class=h1><a href=/privacy/>PRIVACY</a></div><div class=h1><a href=/terms/>TERMS</a></div></div></div><div id=background><video loop muted src=/assets/mp4/holiday/TrainDay.mp4></video></div></body></html>
)

3 · flags · FILE_IGNORE_NEW_LINES

<?

$filename = "https://osbo.com";
$flags = FILE_IGNORE_NEW_LINES;

$return = file($filename, $flags);

print_r($return);

Array
(
    [0] => <!doctype html><html lang=en><head><meta charset=utf-8><meta content=width=device-width name=viewport><meta content=osbo.com name=description><title>osbo.com</title><link defer href=/assets/css/ rel=stylesheet><link defer href=/assets/svg/ rel=icon><script defer src=/assets/js/></script><script>var _mtm = window._mtm = window._mtm || [];_mtm.push({"mtm.startTime": (new Date().getTime()), "event": "mtm.Start"});(function(){var d=document, g=d.createElement("script"), s=d.querySelector("script");g.async=true; g.src="/matomo/js/container_Gm7CI6wt.js"; s.parentNode.insertBefore(g,s);})();</script></head><body><div id=foreground><header><a href=/><img alt=Home id=home src=/assets/svg/Home.svg title=Home></a><img alt=Menu id=menu src=/assets/svg/Menu.svg title=Menu><form action=/search/><input id=search-site name=search-site title=Search type=search></form></header><footer><a href=#><img alt=Top id=top src=/assets/svg/Top.svg title=Top></a></footer></div><div id=zeroground><div id=content><header><div id=topnav><a href=/Jesus/>Jesus</a> · <a href=/Bible/>Bible</a> · <a href=/html/>HTML</a> · <a href=/css/>CSS</a> · <a href=/js/>JS</a> · <a href=/php/>PHP</a> · <a href=/svg/>SVG</a> · <a href=/applications/>Applications</a></div></header><div class=banner><script defer src=https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4239362730750625 crossorigin=anonymous></script><ins class=adsbygoogle data-ad-client=ca-pub-4239362730750625 data-ad-slot=5564639719><a href=https://samaritanspurse.org/occ/ target=_blank><img alt="Samaritan's Purse Operation Christmas Child" src=/assets/svg/SamaritansPurseOperationChristmasChild1.svg title="Samaritan's Purse Operation Christmas Child"></a></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script></div><main><h1><a href>Bible Image Editor</a></h1><div id=myid style=height:100vh><script>const Bibleversionarray =
    [1] =>         [
    [2] =>             [
    [3] =>                 "العربية",
    [4] =>                 [
    [5] =>                     ["ASVD", "الكتاب المقدس ترجمة فانديك وسميث (ASVD)"],
    [6] =>                 ],
    [7] =>             ],
    [8] =>             [
    [9] =>                 "česky",
    [10] =>                 [
    [11] =>                     ["CSBKR", "Bible Kralická 1613 (CSBKR)"],
    [12] =>                 ],
    [13] =>             ],
    [14] =>             [
    [15] =>                 "Dansk",
    [16] =>                 [
    [17] =>                     ["DA1871", "Danske Bibel 1871 (DA1871)"],
    [18] =>                 ],
    [19] =>             ],
    [20] =>             [
    [21] =>                 "Deutsch",
    [22] =>                 [
    [23] =>                     ["DELUT", "Luther Bible 1912 (DELUT)"],
    [24] =>                     ["ELB", "Elberfelder 1905 (ELB)"],
    [25] =>                     ["ELB71", "Elberfelder 1871 (ELB71)"],
    [26] =>                 ],
    [27] =>             ],
    [28] =>             [
    [29] =>                 "English",
    [30] =>                 [
    [31] =>                     ["ASV", "American Standard Version (ASV)"],
    [32] =>                     ["KJV", "King James Version (KJV)"],
    [33] =>                     ["WEB", "World English Bible (WEB)"],
    [34] =>                 ],
    [35] =>             ],
    [36] =>             [
    [37] =>                 "Español",
    [38] =>                 [
    [39] =>                     ["RVES", "Reina-Valera Antigua (RVES)"],
    [40] =>                 ],
    [41] =>             ],
    [42] =>             [
    [43] =>                 "Suomi",
    [44] =>                 [
    [45] =>                     ["FI1776", "Finnish 1776 (FI1776)"],
    [46] =>                     ["FINPR", "Finnish 1938 (FINPR)"],
    [47] =>                 ],
    [48] =>             ],
    [49] =>             [
    [50] =>                 "Français",
    [51] =>                 [
    [52] =>                     ["FMAR", "Martin 1744 (FMAR)"],
    [53] =>                     ["FRDBY", "Bible Darby en français (FRDBY)"],
    [54] =>                     ["LSG", "Louis Segond 1910 (LSG)"],
    [55] =>                     ["OST", "Ostervald (OST)"],
    [56] =>                 ],
    [57] =>             ],
    [58] =>             [
    [59] =>                 "Magyar",
    [60] =>                 [
    [61] =>                     ["KAR", "Károli 1590 (KAR)"],
    [62] =>                 ],
    [63] =>             ],
    [64] =>             [
    [65] =>                 "Bahasa Indonesia",
    [66] =>                 [
    [67] =>                     ["IDBAR", "Terjemahan Baru (IDBAR)"],
    [68] =>                 ],
    [69] =>             ],
    [70] =>             [
    [71] =>                 "Italiano",
    [72] =>                 [
    [73] =>                     ["IGD", "Giovanni Diodati Bibbia (IGD)"],
    [74] =>                     ["ITRIV", "Italian Riveduta 1927 (ITRIV)"],
    [75] =>                 ],
    [76] =>             ],
    [77] =>             [
    [78] =>                 "日本語",
    [79] =>                 [
    [80] =>                     ["JA1955", "Colloquial Japanese 1955 (JA1955)"],
    [81] =>                 ],
    [82] =>             ],
    [83] =>             [
    [84] =>                 "Malagasy",
    [85] =>                 [
    [86] =>                     ["MG1865", "Malagasy Bible (MG1865)"],
    [87] =>                 ],
    [88] =>             ],
    [89] =>             [
    [90] =>                 "te reo Māori",
    [91] =>                 [
    [92] =>                     ["MAOR", "Maori Bible (MAOR)"],
    [93] =>                 ],
    [94] =>             ],
    [95] =>             [
    [96] =>                 "한국어",
    [97] =>                 [
    [98] =>                     ["KORVB", "개역한글 (KORVB)"],
    [99] =>                 ],
    [100] =>             ],
    [101] =>             [
    [102] =>                 "Nederlands",
    [103] =>                 [
    [104] =>                     ["SV1750", "Statenvertaling (SV1750)"],
    [105] =>                 ],
    [106] =>             ],
    [107] =>             [
    [108] =>                 "Norsk",
    [109] =>                 [
    [110] =>                     ["NORSK", "Det Norsk Bibelselskap 1930 (NORSK)"],
    [111] =>                 ],
    [112] =>             ],
    [113] =>             [
    [114] =>                 "Polski",
    [115] =>                 [
    [116] =>                     ["PBG", "Biblia Gdańska (PBG)"],
    [117] =>                 ],
    [118] =>             ],
    [119] =>             [
    [120] =>                 "Português",
    [121] =>                 [
    [122] =>                     ["AA", "Almeida Atualizada (AA)"],
    [123] =>                 ],
    [124] =>             ],
    [125] =>             [
    [126] =>                 "Română",
    [127] =>                 [
    [128] =>                     ["RMNN", "Romanian Cornilescu 1928 (RMNN)"],
    [129] =>                     ["VDC", "Versiunea Dumitru Cornilescu (VDC)"],
    [130] =>                     ["VDCC", "Versiunea Dumitru Cornilescu Corectată (VDCC)"],
    [131] =>                 ],
    [132] =>             ],
    [133] =>             [
    [134] =>                 "Pyccкий",
    [135] =>                 [
    [136] =>                     ["RURSV", "Синодальный перевод (RURSV)"],
    [137] =>                 ],
    [138] =>             ],
    [139] =>             [
    [140] =>                 "Shqip",
    [141] =>                 [
    [142] =>                     ["ALBB", "Albanian Bible (ALBB)"],
    [143] =>                 ],
    [144] =>             ],
    [145] =>             [
    [146] =>                 "Svenska",
    [147] =>                 [
    [148] =>                     ["SK73", "Karl XII 1873 (SK73)"],
    [149] =>                     ["SVEN", "Svenska 1917 (SVEN)"],
    [150] =>                 ],
    [151] =>             ],
    [152] =>             [
    [153] =>                 "Wikang Tagalog",
    [154] =>                 [
    [155] =>                     ["TLAB", "Ang Biblia (TLAB)"],
    [156] =>                 ],
    [157] =>             ],
    [158] =>             [
    [159] =>                 "українська",
    [160] =>                 [
    [161] =>                     ["UBIO", "Біблія в пер. Івана Огієнка 1962 (UBIO)"],
    [162] =>                     ["UKRK", "Біблія в пер. П.Куліша та І.Пулюя 1905 (UKRK)"],
    [163] =>                 ],
    [164] =>             ],
    [165] =>             [
    [166] =>                 "Tiếng Việt",
    [167] =>                 [
    [168] =>                     ["VI1934", "Vietnamese Bible 1934 (VI1934)"],
    [169] =>                 ],
    [170] =>             ],
    [171] =>             [
    [172] =>                 "简体中文",
    [173] =>                 [
    [174] =>                     ["CUVS", "简体和合本 (CUVS)"],
    [175] =>                 ],
    [176] =>             ],
    [177] =>             [
    [178] =>                 "繁體中文",
    [179] =>                 [
    [180] =>                     ["CUV", "和合本 (CUV)"],
    [181] =>                 ],
    [182] =>             ],
    [183] =>         ];
    [184] =>         const Biblebookarray =
    [185] =>         [
    [186] =>             //"Genesis",
    [187] =>             //"John",
    [188] =>         ];
    [189] =>         const Bibleversearray =
    [190] =>         [
    [191] =>             //"In the beginning God created the heaven and the earth.",
    [192] =>             //"For God so loved the world, that he gave his only begotten Son, that whosoever believeth in him should not perish, but have everlasting life.",
    [193] =>         ];
    [194] =>         const tabarray =
    [195] =>         [
    [196] =>             "canvas",
    [197] =>             "image",
    [198] =>             "message",
    [199] =>             "reference",
    [200] =>             "passage",
    [201] =>             "save",
    [202] =>         ];
    [203] =>         const borderstylearray =
    [204] =>         [
    [205] =>             "none",
    [206] =>             "dashed",
    [207] =>             "dotted",
    [208] =>             "double",
    [209] =>             "groove",
    [210] =>             //"hidden",
    [211] =>             "inset",
    [212] =>             "outset",
    [213] =>             "ridge",
    [214] =>             "solid",
    [215] =>         ];
    [216] =>         const horizontalarray =
    [217] =>         [
    [218] =>             "left",
    [219] =>             "center",
    [220] =>             "right",
    [221] =>             "justify",
    [222] =>         ];
    [223] =>         const verticalarray =
    [224] =>         [
    [225] =>             "start",
    [226] =>             "center",
    [227] =>             "end",
    [228] =>         ];
    [229] =>         const writingmodearray =
    [230] =>         [
    [231] =>             "horizontal-tb",
    [232] =>             "vertical-lr",
    [233] =>             "vertical-rl",
    [234] =>             "sideways-lr",
    [235] =>             "sideways-rl",
    [236] =>         ];
    [237] =>         const fontfamilyarray =
    [238] =>         [
    [239] =>             //generic family
    [240] =>             "cursive",
    [241] =>             "fantasy",
    [242] =>             "monospace",
    [243] =>             "sans-serif",
    [244] =>             "serif",
    [245] => 
    [246] =>             //web safe
    [247] =>             //"arial",//sans-serif
    [248] =>             //"brush script",//serif
    [249] =>             "courier",
    [250] =>             //"garamond",//serif
    [251] =>             "georgia",
    [252] =>             "tahoma",
    [253] =>             //"times new roman",//serif
    [254] =>             "trebuchet ms",
    [255] =>             "verdana",
    [256] => 
    [257] =>             //popular
    [258] =>             //"avenir",//serif
    [259] =>             //"bodoni",//serif
    [260] =>             "franklin gothic",
    [261] =>             //"frutiger",//serif
    [262] =>             //"futura",//serif
    [263] =>             //"helvetica",//sans-serif
    [264] =>             //"rockwell",//serif
    [265] =>             //"univers",//serif
    [266] =>         ];
    [267] =>         const fontstylearray =
    [268] =>         [
    [269] =>             "normal",
    [270] =>             "italic",
    [271] =>             //"oblique",
    [272] =>         ];
    [273] =>         const fontvariantarray =
    [274] =>         [
    [275] =>             "normal",
    [276] =>             "small-caps",
    [277] =>         ];
    [278] =>         const fontweightarray =
    [279] =>         [
    [280] =>             "normal",
    [281] =>             "bold",
    [282] =>             //"bolder",
    [283] =>             //"lighter",
    [284] =>         ];
    [285] =>         const maxheight = 10000;
    [286] =>         const maxwidth = 10000;
    [287] =>         const image = document.createElement("img");
    [288] =>         const text = document.createElement("img");
    [289] => 
    [290] =>         function bodyload()
    [291] =>         {
    [292] =>             //const body = document.body;
    [293] =>             //body.id = "myid";
    [294] => 
    [295] =>             const style = myid.style;
    [296] =>             //style.height = "100vh";
    [297] =>             style.overflow = "hidden";
    [298] =>         }
    [299] =>         addEventListener("load", bodyload);
    [300] => 
    [301] =>         function window1load()
    [302] =>         {
    [303] =>             const div = document.createElement("div");
    [304] =>             div.id = "window1";
    [305] =>             myid.append(div);
    [306] => 
    [307] =>             const style = div.style;
    [308] =>             style.height = "50vh";
    [309] =>             style.margin = "0";
    [310] =>         }
    [311] =>         addEventListener("load", window1load);
    [312] => 
    [313] =>         function window2load()
    [314] =>         {
    [315] =>             const div = document.createElement("div");
    [316] =>             div.id = "window2";
    [317] =>             myid.append(div);
    [318] => 
    [319] =>             const style = div.style;
    [320] =>             style.height = "32px";
    [321] =>             style.margin = "16px 0 0";
    [322] =>             style.overflowY = "hidden";
    [323] =>             style.whiteSpace = "nowrap";
    [324] =>         }
    [325] =>         addEventListener("load", window2load);
    [326] => 
    [327] =>         function window3load()
    [328] =>         {
    [329] =>             const div = document.createElement("div");
    [330] =>             div.id = "window3";
    [331] =>             myid.append(div);
    [332] => 
    [333] =>             const style = div.style;
    [334] =>             style.height = "calc(50vh - 48px)";
    [335] =>             style.margin = "0";
    [336] =>             style.overflowX = "hidden";
    [337] =>         }
    [338] =>         addEventListener("load", window3load);
    [339] => 
    [340] =>         function canvasload()
    [341] =>         {
    [342] =>             const canvas = document.createElement("canvas");
    [343] =>             canvas.height = 1080;
    [344] =>             canvas.id = "canvas";
    [345] =>             canvas.width = 1920;
    [346] =>             window1.append(canvas);
    [347] => 
    [348] =>             const style = canvas.style;
    [349] =>             style.position = "relative";
    [350] =>         }
    [351] =>         addEventListener("load", canvasload);
    [352] => 
    [353] =>         function canvasupdate()
    [354] =>         {
    [355] =>             //console.log("canup");
    [356] =>             const ww = innerWidth - 96;
    [357] =>             const wh = innerHeight * 0.5;
    [358] =>             const cw = canvas.width;
    [359] =>             const ch = canvas.height;
    [360] =>             const x = (ww - cw) * 0.5;
    [361] =>             const y = (wh - ch) * 0.5;
    [362] =>             const sw = ww / cw;
    [363] =>             const sh = wh / ch;
    [364] =>             const s = Math.min(sw, sh);
    [365] => 
    [366] =>             const style = canvas.style;
    [367] =>             style.left = `${x}px`;
    [368] =>             style.top = `${y}px`;
    [369] =>             style.transform = `scale(${s})`;
    [370] =>         }
    [371] =>         addEventListener("load", canvasupdate);
    [372] => 
    [373] =>         function resize()
    [374] =>         {
    [375] =>             canvasupdate();
    [376] =>         }
    [377] =>         addEventListener("resize", resize);
    [378] => 
    [379] =>         function svgupdate()
    [380] =>         {
    [381] =>             //console.log("svgup");
    [382] =>             const svg =
    [383] => `<svg height="${canvas.height}" width="${canvas.width}" xmlns="http://www.w3.org/2000/svg">
    [384] =>     <style>
    [385] =>         div
    [386] =>         {
    [387] =>             background-color: ${canvas.backgroundcolor};
    [388] =>             height: 100%;
    [389] =>         }
    [390] =>         img
    [391] =>         {
    [392] =>             box-sizing: border-box;
    [393] =>             position: absolute;
    [394] => 
    [395] =>             background-color: ${image.backgroundcolor};
    [396] =>             filter: blur(${image.filterblur}px) brightness(${image.filterbrightness}%) contrast(${image.filtercontrast}%) grayscale(${image.filtergrayscale}%) hue-rotate(${image.filterhuerotate}deg) invert(${image.filterinvert}%) opacity(${image.filteropacity}%) saturate(${image.filtersaturate}%) sepia(${image.filtersepia}%);
    [397] =>             height: ${image.height}px;
    [398] =>             left: ${image.myx}px;
    [399] =>             margin: ${image.margintop}px ${image.marginright}px ${image.marginbottom}px ${image.marginleft}px;
    [400] =>             padding: ${image.paddingtop}px ${image.paddingright}px ${image.paddingbottom}px ${image.paddingleft}px;
    [401] =>             object-fit: ${image.objectfit};
    [402] =>             //opacity: ${image.opacity};
    [403] =>             top: ${image.myy}px;
    [404] =>             width: ${image.width}px;
    [405] =>         }
    [406] =>         text
    [407] =>         {
    [408] =>             box-sizing: border-box;
    [409] =>             display: grid;
    [410] =>             overflow: hidden;
    [411] =>             position: absolute;
    [412] =>         }
    [413] =>         text:nth-of-type(1)
    [414] =>         {
    [415] =>             white-space: pre;
    [416] => 
    [417] =>             align-items: ${text.messagevertical};
    [418] =>             backdrop-filter: blur(${text.messagebackdropfilterblur}px) brightness(${text.messagebackdropfilterbrightness}%) contrast(${text.messagebackdropfiltercontrast}%) grayscale(${text.messagebackdropfiltergrayscale}%) hue-rotate(${text.messagebackdropfilterhuerotate}deg) invert(${text.messagebackdropfilterinvert}%) saturate(${text.messagebackdropfiltersaturate}%) sepia(${text.messagebackdropfiltersepia}%);
    [419] =>             background-color: ${text.messagebackgroundcolor};
    [420] =>             border-color: ${text.messagebordercolor};
    [421] =>             border-radius: ${text.messageborderradius}px;
    [422] =>             border-style: ${text.messageborderstyle};
    [423] =>             border-width: ${text.messageborderwidth}px;
    [424] =>             color: ${text.messagecolor};
    [425] =>             font-family: ${text.messagefontfamily};
    [426] =>             font-size: ${text.messagefontsize}px;
    [427] =>             font-style: ${text.messagefontstyle};
    [428] =>             font-variant: ${text.messagefontvariant};
    [429] =>             font-weight: ${text.messagefontweight};
    [430] =>             height: ${text.messageheight}px;
    [431] =>             left: ${text.messagex}px;
    [432] =>             margin: ${text.messagemargintop}px ${text.messagemarginright}px ${text.messagemarginbottom}px ${text.messagemarginleft}px;
    [433] =>             padding: ${text.messagepaddingtop}px ${text.messagepaddingright}px ${text.messagepaddingbottom}px ${text.messagepaddingleft}px;
    [434] =>             text-align: ${text.messagehorizontal};
    [435] =>             top: ${text.messagey}px;
    [436] =>             width: ${text.messagewidth}px;
    [437] =>             writing-mode: ${text.messagewritingmode};
    [438] =>         }
    [439] =>         text:nth-of-type(2)
    [440] =>         {
    [441] =>             align-items: ${text.referencevertical};
    [442] =>             background-color: ${text.referencebackgroundcolor};
    [443] =>             border-color: ${text.referencebordercolor};
    [444] =>             border-radius: ${text.referenceborderradius}px;
    [445] =>             border-style: ${text.referenceborderstyle};
    [446] =>             border-width: ${text.referenceborderwidth}px;
    [447] =>             color: ${text.referencecolor};
    [448] =>             font-family: ${text.referencefontfamily};
    [449] =>             font-size: ${text.referencefontsize}px;
    [450] =>             font-style: ${text.referencefontstyle};
    [451] =>             font-variant: ${text.referencefontvariant};
    [452] =>             font-weight: ${text.referencefontweight};
    [453] =>             height: ${text.referenceheight}px;
    [454] =>             left: ${text.referencex}px;
    [455] =>             margin: ${text.referencemargintop}px ${text.referencemarginright}px ${text.referencemarginbottom}px ${text.referencemarginleft}px;
    [456] =>             padding: ${text.referencepaddingtop}px ${text.referencepaddingright}px ${text.referencepaddingbottom}px ${text.referencepaddingleft}px;
    [457] =>             text-align: ${text.referencehorizontal};
    [458] =>             top: ${text.referencey}px;
    [459] =>             width: ${text.referencewidth}px;
    [460] =>             writing-mode: ${text.referencewritingmode};
    [461] =>         }
    [462] =>         text:nth-of-type(3)
    [463] =>         {
    [464] =>             align-items: ${text.passagevertical};
    [465] =>             background-color: ${text.passagebackgroundcolor};
    [466] =>             border-color: ${text.passagebordercolor};
    [467] =>             border-radius: ${text.passageborderradius}px;
    [468] =>             border-style: ${text.passageborderstyle};
    [469] =>             border-width: ${text.passageborderwidth}px;
    [470] =>             color: ${text.passagecolor};
    [471] =>             font-family: ${text.passagefontfamily};
    [472] =>             font-size: ${text.passagefontsize}px;
    [473] =>             font-style: ${text.passagefontstyle};
    [474] =>             font-variant: ${text.passagefontvariant};
    [475] =>             font-weight: ${text.passagefontweight};
    [476] =>             height: ${text.passageheight}px;
    [477] =>             left: ${text.passagex}px;
    [478] =>             margin: ${text.passagemargintop}px ${text.passagemarginright}px ${text.passagemarginbottom}px ${text.passagemarginleft}px;
    [479] =>             padding: ${text.passagepaddingtop}px ${text.passagepaddingright}px ${text.passagepaddingbottom}px ${text.passagepaddingleft}px;
    [480] =>             text-align: ${text.passagehorizontal};
    [481] =>             top: ${text.passagey}px;
    [482] =>             width: ${text.passagewidth}px;
    [483] =>             writing-mode: ${text.passagewritingmode};
    [484] =>         }
    [485] =>     </style>
    [486] =>     <foreignObject height="100%" width="100%">
    [487] =>         <div xmlns="http://www.w3.org/1999/xhtml">
    [488] =>             <img src="${image.dataurl}"/>
    [489] =>             <text>${text.messagetext}</text>
    [490] =>             <text>${text.referencetextbook}${text.referencetextchapter}${text.referencetextverse}${text.referencetextverseend}${text.referencetextversion}</text>
    [491] =>             <text>${text.passagetextverse}${text.passagetextverseend}</text>
    [492] =>         </div>
    [493] =>     </foreignObject>
    [494] => </svg>`;
    [495] =>             text.src = `data:image/svg+xml,${svg}`;
    [496] =>         }
    [497] => 
    [498] =>         function textupdate()
    [499] =>         {
    [500] =>             const context = canvas.getContext("2d");
    [501] =>             context.clearRect(0, 0, canvas.width, canvas.height);
    [502] =>             context.drawImage(text, 0, 0);
    [503] =>         }
    [504] =>         text.addEventListener("load", textupdate);
    [505] => 
    [506] => 
    [507] => 
    [508] => 
    [509] => 
    [510] => 
    [511] =>         function tabload()
    [512] =>         {
    [513] =>             for(const [key, value] of tabarray.entries())
    [514] =>             {
    [515] =>                 const button = document.createElement("button");
    [516] =>                 button.className = "tab";
    [517] =>                 if(value == "image")
    [518] =>                 {
    [519] =>                     button.className = "tab current";
    [520] =>                 }
    [521] =>                 button.id = "tab" + tabarray[key];
    [522] =>                 //button.innerHTML = `${key + 1}) ${tabarray[key]}`;
    [523] =>                 button.innerHTML = tabarray[key];
    [524] =>                 button.value = "tabcontent" + tabarray[key];
    [525] =>                 button.addEventListener("click", tabupdate);
    [526] =>                 window2.append(button);
    [527] => 
    [528] =>                 /*
    [529] =>                 const style = button.style;
    [530] =>                 style.backgroundColor = "#000";
    [531] =>                 style.color = "#fff";
    [532] =>                 style.border = "none";
    [533] =>                 style.fontSize = "16px";
    [534] =>                 style.padding = "16px";
    [535] =>                 style.transition = "0.5s";
    [536] =>                 //*/
    [537] =>             }
    [538] =>         }
    [539] =>         addEventListener("load", tabload);
    [540] => 
    [541] => 
    [542] =>         function tabupdate(m)
    [543] =>         {
    [544] =>             const mytarget = m.target;
    [545] => 
    [546] =>             //*
    [547] =>             for(const t of document.querySelectorAll(".tab"))
    [548] =>             {
    [549] =>                 //const style = t.style;
    [550] =>                 //style.backgroundColor = "#000";
    [551] =>                 //style.color = "#fff";
    [552] =>                 t.className = t.className.replace(" current", "");
    [553] =>             }
    [554] =>             //const style = document.querySelector("#"+mytarget.id).style;
    [555] =>             //style.backgroundColor = "#fff";
    [556] =>             //style.color = "#000";
    [557] =>             mytarget.className += " current";
    [558] =>             //*/
    [559] => 
    [560] =>             for(const t of document.querySelectorAll(".tabcontent"))
    [561] =>             {
    [562] =>                 const style = t.style;
    [563] =>                 style.contentVisibility = "hidden";
    [564] =>             }
    [565] =>             document.querySelector("#"+mytarget.value).style.contentVisibility = "visible";
    [566] =>         }
    [567] => 
    [568] =>         function tabcontentload()
    [569] =>         {
    [570] =>             for(const [key, value] of tabarray.entries())
    [571] =>             {
    [572] =>                 const div = document.createElement("div");
    [573] =>                 div.className = "tabcontent";
    [574] =>                 div.id = "tabcontent" + tabarray[key];
    [575] =>                 window3.append(div);
    [576] => 
    [577] =>                 //*
    [578] =>                 const style = div.style;
    [579] =>                 if(value != "image")
    [580] =>                 {
    [581] =>                     style.contentVisibility = "hidden";
    [582] =>                 }
    [583] =>                 style.margin = "0";
    [584] =>                 //style.transitionDuration = "0.5s";
    [585] =>                 //*/
    [586] =>             }
    [587] =>         }
    [588] =>         addEventListener("load", tabcontentload);
    [589] => 
    [590] => 
    [591] => 
    [592] => 
    [593] => 
    [594] => 
    [595] =>         function canvaswidthload()
    [596] =>         {
    [597] =>             const div = document.createElement("div");
    [598] =>             div.id = "canvaswidth";
    [599] =>             div.innerHTML = "width";
    [600] =>             tabcontentcanvas.append(div);
    [601] => 
    [602] =>             const style = div.style;
    [603] =>             style.overflowY = "hidden";
    [604] =>             style.whiteSpace = "nowrap";
    [605] =>         }
    [606] =>         addEventListener("load", canvaswidthload);
    [607] => 
    [608] =>         function canvaswidthnumberload()
    [609] =>         {
    [610] =>             const br = document.createElement("br");
    [611] =>             canvaswidth.append(br);
    [612] => 
    [613] =>             const input = document.createElement("input");
    [614] =>             input.id = "canvaswidthnumber";
    [615] =>             input.max = maxwidth;
    [616] =>             input.min = 0;
    [617] =>             input.type = "number";
    [618] =>             input.value = canvas.width;
    [619] =>             input.addEventListener("input", canvaswidthnumberupdate);
    [620] =>             canvaswidth.append(input);
    [621] => 
    [622] =>             //canvaswidthnumberupdate();
    [623] =>         }
    [624] =>         addEventListener("load", canvaswidthnumberload);
    [625] => 
    [626] =>         function canvaswidthnumberupdate()
    [627] =>         {
    [628] =>             const v = canvaswidthnumber.value;
    [629] => 
    [630] =>             canvaswidthrange.value = v;
    [631] =>             canvas.width = v;
    [632] => 
    [633] =>             canvasupdate();
    [634] =>             svgupdate();
    [635] =>         }
    [636] => 
    [637] =>         function canvaswidthrangeload()
    [638] =>         {
    [639] =>             //const br = document.createElement("br");
    [640] =>             //canvaswidth.append(br);
    [641] => 
    [642] =>             const input = document.createElement("input");
    [643] =>             input.id = "canvaswidthrange";
    [644] =>             input.max = canvaswidthnumber.max;
    [645] =>             input.min = canvaswidthnumber.min;
    [646] =>             input.type = "range";
    [647] =>             input.value = canvaswidthnumber.value;
    [648] =>             input.addEventListener("input", canvaswidthrangeupdate);
    [649] =>             canvaswidth.append(input);
    [650] => 
    [651] =>             canvaswidthrangeupdate();
    [652] =>         }
    [653] =>         addEventListener("load", canvaswidthrangeload);
    [654] => 
    [655] =>         function canvaswidthrangeupdate()
    [656] =>         {
    [657] =>             const v = canvaswidthrange.value;
    [658] => 
    [659] =>             canvaswidthnumber.value = v;
    [660] =>             canvas.width = v;
    [661] => 
    [662] =>             canvasupdate();
    [663] =>             svgupdate();
    [664] =>         }
    [665] => 
    [666] =>         function canvaswidthnaturalload()
    [667] =>         {
    [668] =>             const br = document.createElement("br");
    [669] =>             canvaswidth.append(br);
    [670] => 
    [671] =>             const button = document.createElement("button");
    [672] =>             button.innerHTML = "image";
    [673] =>             button.addEventListener("click", canvaswidthnaturalupdate);
    [674] =>             canvaswidth.append(button);
    [675] =>         }
    [676] =>         addEventListener("load", canvaswidthnaturalload);
    [677] => 
    [678] =>         function canvaswidthnaturalupdate()
    [679] =>         {
    [680] =>             canvaswidthnumber.value = image.naturalWidth;
    [681] => 
    [682] =>             canvaswidthnumberupdate();
    [683] =>         }
    [684] => 
    [685] =>         function canvaswidthexactload()
    [686] =>         {
    [687] =>             const br = document.createElement("br");
    [688] =>             canvaswidth.append(br);
    [689] => 
    [690] =>             const array =
    [691] =>             [
    [692] =>                 ["800",800],
    [693] =>                 ["1280",1280],
    [694] =>                 ["1366",1366],
    [695] =>                 ["1536",1536],
    [696] =>                 ["1600",1600],
    [697] =>                 ["1920",1920],
    [698] =>                 ["2304",2304],
    [699] =>                 ["2560",2560],
    [700] =>                 ["3840",3840],
    [701] =>             ];
    [702] => 
    [703] =>             for(const value of array)
    [704] =>             {
    [705] =>                 const button = document.createElement("button");
    [706] =>                 button.innerHTML = value[0];
    [707] =>                 button.value = value[1];
    [708] =>                 button.addEventListener("click", canvaswidthexactupdate);
    [709] =>                 canvaswidth.append(button);
    [710] =>             }
    [711] =>         }
    [712] =>         addEventListener("load", canvaswidthexactload);
    [713] => 
    [714] =>         function canvaswidthexactupdate(e)
    [715] =>         {
    [716] =>             canvaswidthnumber.value = Number(e.target.value);
    [717] => 
    [718] =>             canvaswidthnumberupdate();
    [719] =>         }
    [720] => 
    [721] =>         function canvaswidthincrementload()
    [722] =>         {
    [723] =>             const br = document.createElement("br");
    [724] =>             canvaswidth.append(br);
    [725] => 
    [726] =>             const array =
    [727] =>             [
    [728] =>                 ["-1000",-1000],
    [729] =>                 ["-100",-100],
    [730] =>                 ["-10",-10],
    [731] =>                 ["-1",-1],
    [732] =>                 ["+1",1],
    [733] =>                 ["+10",10],
    [734] =>                 ["+100",100],
    [735] =>                 ["+1000",1000],
    [736] =>             ];
    [737] => 
    [738] =>             for(const value of array)
    [739] =>             {
    [740] =>                 const button = document.createElement("button");
    [741] =>                 button.innerHTML = value[0];
    [742] =>                 button.value = value[1];
    [743] =>                 button.addEventListener("click", canvaswidthincrementupdate);
    [744] =>                 canvaswidth.append(button);
    [745] =>             }
    [746] =>         }
    [747] =>         addEventListener("load", canvaswidthincrementload);
    [748] => 
    [749] =>         function canvaswidthincrementupdate(e)
    [750] =>         {
    [751] =>             const v = Number(canvaswidthnumber.value) + Number(e.target.value);
    [752] => 
    [753] =>             if((canvaswidthnumber.min <= v) && (v <= canvaswidthnumber.max))
    [754] =>             {
    [755] =>                 canvaswidthnumber.value = v;
    [756] => 
    [757] =>                 canvaswidthnumberupdate();
    [758] =>             }
    [759] =>         }
    [760] => 
    [761] => 
    [762] => 
    [763] =>         function canvasheightload()
    [764] =>         {
    [765] =>             const div = document.createElement("div");
    [766] =>             div.id = "canvasheight";
    [767] =>             div.innerHTML = "height";
    [768] =>             tabcontentcanvas.append(div);
    [769] => 
    [770] =>             const style = div.style;
    [771] =>             style.overflowY = "hidden";
    [772] =>             style.whiteSpace = "nowrap";
    [773] =>         }
    [774] =>         addEventListener("load", canvasheightload);
    [775] => 
    [776] =>         function canvasheightnumberload()
    [777] =>         {
    [778] =>             const br = document.createElement("br");
    [779] =>             canvasheight.append(br);
    [780] => 
    [781] =>             const input = document.createElement("input");
    [782] =>             input.id = "canvasheightnumber";
    [783] =>             input.max = maxheight;
    [784] =>             input.min = 0;
    [785] =>             input.type = "number";
    [786] =>             input.value = canvas.height;
    [787] =>             input.addEventListener("input", canvasheightnumberupdate);
    [788] =>             canvasheight.append(input);
    [789] => 
    [790] =>             //canvasheightnumberupdate();
    [791] =>         }
    [792] =>         addEventListener("load", canvasheightnumberload);
    [793] => 
    [794] =>         function canvasheightnumberupdate()
    [795] =>         {
    [796] =>             const v = canvasheightnumber.value;
    [797] => 
    [798] =>             canvasheightrange.value = v;
    [799] =>             canvas.height = v;
    [800] => 
    [801] =>             canvasupdate();
    [802] =>             svgupdate();
    [803] =>         }
    [804] => 
    [805] =>         function canvasheightrangeload()
    [806] =>         {
    [807] =>             //const br = document.createElement("br");
    [808] =>             //canvasheight.append(br);
    [809] => 
    [810] =>             const input = document.createElement("input");
    [811] =>             input.id = "canvasheightrange";
    [812] =>             input.max = canvasheightnumber.max;
    [813] =>             input.min = canvasheightnumber.min;
    [814] =>             input.type = "range";
    [815] =>             input.value = canvasheightnumber.value;
    [816] =>             input.addEventListener("input", canvasheightrangeupdate);
    [817] =>             canvasheight.append(input);
    [818] => 
    [819] =>             canvasheightrangeupdate();
    [820] =>         }
    [821] =>         addEventListener("load", canvasheightrangeload);
    [822] => 
    [823] =>         function canvasheightrangeupdate()
    [824] =>         {
    [825] =>             const v = canvasheightrange.value;
    [826] => 
    [827] =>             canvasheightnumber.value = v;
    [828] =>             canvas.height = v;
    [829] => 
    [830] =>             canvasupdate();
    [831] =>             svgupdate();
    [832] =>         }
    [833] => 
    [834] =>         function canvasheightnaturalload()
    [835] =>         {
    [836] =>             const br = document.createElement("br");
    [837] =>             canvasheight.append(br);
    [838] => 
    [839] =>             const button = document.createElement("button");
    [840] =>             button.innerHTML = "image";
    [841] =>             button.addEventListener("click", canvasheightnaturalupdate);
    [842] =>             canvasheight.append(button);
    [843] =>         }
    [844] =>         addEventListener("load", canvasheightnaturalload);
    [845] => 
    [846] =>         function canvasheightnaturalupdate()
    [847] =>         {
    [848] =>             canvasheightnumber.value = image.naturalHeight;
    [849] => 
    [850] =>             canvasheightnumberupdate();
    [851] =>         }
    [852] => 
    [853] =>         function canvasheightexactload()
    [854] =>         {
    [855] =>             const br = document.createElement("br");
    [856] =>             canvasheight.append(br);
    [857] => 
    [858] =>             const array =
    [859] =>             [
    [860] =>                 ["600",600],
    [861] =>                 ["720",720],
    [862] =>                 ["768",768],
    [863] =>                 ["864",864],
    [864] =>                 ["900",900],
    [865] =>                 ["1080",1080],
    [866] =>                 ["1296",1296],
    [867] =>                 ["1440",1440],
    [868] =>                 ["2160",2160],
    [869] =>             ];
    [870] => 
    [871] =>             for(const value of array)
    [872] =>             {
    [873] =>                 const button = document.createElement("button");
    [874] =>                 button.innerHTML = value[0];
    [875] =>                 button.value = value[1];
    [876] =>                 button.addEventListener("click", canvasheightexactupdate);
    [877] =>                 canvasheight.append(button);
    [878] =>             }
    [879] =>         }
    [880] =>         addEventListener("load", canvasheightexactload);
    [881] => 
    [882] =>         function canvasheightexactupdate(e)
    [883] =>         {
    [884] =>             canvasheightnumber.value = Number(e.target.value);
    [885] => 
    [886] =>             canvasheightnumberupdate();
    [887] =>         }
    [888] => 
    [889] =>         function canvasheightincrementload()
    [890] =>         {
    [891] =>             const br = document.createElement("br");
    [892] =>             canvasheight.append(br);
    [893] => 
    [894] =>             const array =
    [895] =>             [
    [896] =>                 ["-1000",-1000],
    [897] =>                 ["-100",-100],
    [898] =>                 ["-10",-10],
    [899] =>                 ["-1",-1],
    [900] =>                 ["+1",1],
    [901] =>                 ["+10",10],
    [902] =>                 ["+100",100],
    [903] =>                 ["+1000",1000],
    [904] =>             ];
    [905] => 
    [906] =>             for(const value of array)
    [907] =>             {
    [908] =>                 const button = document.createElement("button");
    [909] =>                 button.innerHTML = value[0];
    [910] =>                 button.value = value[1];
    [911] =>                 button.addEventListener("click", canvasheightincrementupdate);
    [912] =>                 canvasheight.append(button);
    [913] =>             }
    [914] =>         }
    [915] =>         addEventListener("load", canvasheightincrementload);
    [916] => 
    [917] =>         function canvasheightincrementupdate(e)
    [918] =>         {
    [919] =>             const v = Number(canvasheightnumber.value) + Number(e.target.value);
    [920] => 
    [921] =>             if((canvasheightnumber.min <= v) && (v <= canvasheightnumber.max))
    [922] =>             {
    [923] =>                 canvasheightnumber.value = v;
    [924] => 
    [925] =>                 canvasheightnumberupdate();
    [926] =>             }
    [927] =>         }
    [928] => 
    [929] => 
    [930] => 
    [931] =>         function canvasbackgroundcolorload()
    [932] =>         {
    [933] =>             const div = document.createElement("div");
    [934] =>             div.id = "canvasbackgroundcolor";
    [935] =>             div.innerHTML = "background-color";
    [936] =>             tabcontentcanvas.append(div);
    [937] =>         }
    [938] =>         addEventListener("load", canvasbackgroundcolorload);
    [939] => 
    [940] =>         function canvasbackgroundcolorcolorload()
    [941] =>         {
    [942] =>             const br = document.createElement("br");
    [943] =>             canvasbackgroundcolor.append(br);
    [944] => 
    [945] =>             const input = document.createElement("input");
    [946] =>             input.id = "canvasbackgroundcolorcolor";
    [947] =>             input.type = "color";
    [948] =>             input.value = "#000000";
    [949] =>             input.addEventListener("input", canvasbackgroundcolorcolorupdate);
    [950] =>             canvasbackgroundcolor.append(input);
    [951] => 
    [952] =>             //canvasbackgroundcolorcolorset();
    [953] =>         }
    [954] =>         addEventListener("load", canvasbackgroundcolorcolorload);
    [955] => 
    [956] =>         function canvasbackgroundcolorcolorset()
    [957] =>         {
    [958] =>             const c = canvasbackgroundcolorcolor.value;
    [959] =>             const r = parseInt(c.slice(1,3),16);
    [960] =>             const g = parseInt(c.slice(3,5),16);
    [961] =>             const b = parseInt(c.slice(5,7),16);
    [962] =>             const a = canvasbackgroundalphanumber.value;
    [963] => 
    [964] =>             canvas.backgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;
    [965] =>         }
    [966] => 
    [967] =>         function canvasbackgroundcolorcolorupdate()
    [968] =>         {
    [969] =>             canvasbackgroundcolorcolorset();
    [970] =>             svgupdate();
    [971] =>         }
    [972] => 
    [973] =>         function canvasbackgroundcolorexactload()
    [974] =>         {
    [975] =>             const br = document.createElement("br");
    [976] =>             canvasbackgroundcolor.append(br);
    [977] => 
    [978] =>             const array =
    [979] =>             [
    [980] =>                 ["black","#000000"],
    [981] =>                 ["white","#ffffff"],
    [982] =>             ];
    [983] => 
    [984] =>             for(const value of array)
    [985] =>             {
    [986] =>                 const button = document.createElement("button");
    [987] =>                 button.innerHTML = value[0];
    [988] =>                 button.value = value[1];
    [989] =>                 button.addEventListener("click", canvasbackgroundcolorexactupdate);
    [990] =>                 canvasbackgroundcolor.append(button);
    [991] =>             }
    [992] =>         }
    [993] =>         addEventListener("load", canvasbackgroundcolorexactload);
    [994] => 
    [995] =>         function canvasbackgroundcolorexactupdate(e)
    [996] =>         {
    [997] =>             canvasbackgroundcolorcolor.value = e.target.value;
    [998] => 
    [999] =>             canvasbackgroundcolorcolorupdate();
    [1000] =>         }
    [1001] => 
    [1002] => 
    [1003] => 
    [1004] =>         function canvasbackgroundalphaload()
    [1005] =>         {
    [1006] =>             const div = document.createElement("div");
    [1007] =>             div.id = "canvasbackgroundalpha";
    [1008] =>             div.innerHTML = "background-alpha";
    [1009] =>             tabcontentcanvas.append(div);
    [1010] => 
    [1011] =>             const style = div.style;
    [1012] =>             style.overflowY = "hidden";
    [1013] =>             style.whiteSpace = "nowrap";
    [1014] =>         }
    [1015] =>         addEventListener("load", canvasbackgroundalphaload);
    [1016] => 
    [1017] =>         function canvasbackgroundalphanumberload()
    [1018] =>         {
    [1019] =>             const br = document.createElement("br");
    [1020] =>             canvasbackgroundalpha.append(br);
    [1021] => 
    [1022] =>             const input = document.createElement("input");
    [1023] =>             input.id = "canvasbackgroundalphanumber";
    [1024] =>             input.max = 1;
    [1025] =>             input.min = 0;
    [1026] =>             input.step = 0.01;
    [1027] =>             input.type = "number";
    [1028] =>             input.value = 1;
    [1029] =>             input.addEventListener("input", canvasbackgroundalphanumberupdate);
    [1030] =>             canvasbackgroundalpha.append(input);
    [1031] => 
    [1032] =>             //canvasbackgroundalphanumberset();
    [1033] =>         }
    [1034] =>         addEventListener("load", canvasbackgroundalphanumberload);
    [1035] => 
    [1036] =>         function canvasbackgroundalphanumberset()
    [1037] =>         {
    [1038] =>             const c = canvasbackgroundcolorcolor.value;
    [1039] =>             const r = parseInt(c.slice(1,3),16);
    [1040] =>             const g = parseInt(c.slice(3,5),16);
    [1041] =>             const b = parseInt(c.slice(5,7),16);
    [1042] =>             const a = canvasbackgroundalphanumber.value;
    [1043] => 
    [1044] =>             canvasbackgroundalpharange.value = a;
    [1045] =>             canvas.backgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;
    [1046] =>         }
    [1047] => 
    [1048] =>         function canvasbackgroundalphanumberupdate()
    [1049] =>         {
    [1050] =>             canvasbackgroundalphanumberset();
    [1051] =>             svgupdate();
    [1052] =>         }
    [1053] => 
    [1054] =>         function canvasbackgroundalpharangeload()
    [1055] =>         {
    [1056] =>             //const br = document.createElement("br");
    [1057] =>             //canvasbackgroundalpha.append(br);
    [1058] => 
    [1059] =>             const input = document.createElement("input");
    [1060] =>             input.id = "canvasbackgroundalpharange";
    [1061] =>             input.max = canvasbackgroundalphanumber.max;
    [1062] =>             input.min = canvasbackgroundalphanumber.min;
    [1063] =>             input.step = canvasbackgroundalphanumber.step;
    [1064] =>             input.type = "range";
    [1065] =>             input.value = canvasbackgroundalphanumber.value;
    [1066] =>             input.addEventListener("input", canvasbackgroundalpharangeupdate);
    [1067] =>             canvasbackgroundalpha.append(input);
    [1068] => 
    [1069] =>             canvasbackgroundalpharangeset();
    [1070] =>         }
    [1071] =>         addEventListener("load", canvasbackgroundalpharangeload);
    [1072] => 
    [1073] =>         function canvasbackgroundalpharangeset()
    [1074] =>         {
    [1075] =>             const c = canvasbackgroundcolorcolor.value;
    [1076] =>             const r = parseInt(c.slice(1,3),16);
    [1077] =>             const g = parseInt(c.slice(3,5),16);
    [1078] =>             const b = parseInt(c.slice(5,7),16);
    [1079] =>             const a = canvasbackgroundalpharange.value;
    [1080] => 
    [1081] =>             canvasbackgroundalphanumber.value = a;
    [1082] =>             canvas.backgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;
    [1083] =>         }
    [1084] => 
    [1085] =>         function canvasbackgroundalpharangeupdate()
    [1086] =>         {
    [1087] =>             canvasbackgroundalpharangeset();
    [1088] =>             svgupdate();
    [1089] =>         }
    [1090] => 
    [1091] =>         function canvasbackgroundalphaexactload()
    [1092] =>         {
    [1093] =>             const br = document.createElement("br");
    [1094] =>             canvasbackgroundalpha.append(br);
    [1095] => 
    [1096] =>             const array =
    [1097] =>             [
    [1098] =>                 ["0",0],
    [1099] =>                 ["0.25",0.25],
    [1100] =>                 ["0.5",0.5],
    [1101] =>                 ["0.75",0.75],
    [1102] =>                 ["1",1],
    [1103] =>             ];
    [1104] => 
    [1105] =>             for(const value of array)
    [1106] =>             {
    [1107] =>                 const button = document.createElement("button");
    [1108] =>                 button.innerHTML = value[0];
    [1109] =>                 button.value = value[1];
    [1110] =>                 button.addEventListener("click", canvasbackgroundalphaexactupdate);
    [1111] =>                 canvasbackgroundalpha.append(button);
    [1112] =>             }
    [1113] =>         }
    [1114] =>         addEventListener("load", canvasbackgroundalphaexactload);
    [1115] => 
    [1116] =>         function canvasbackgroundalphaexactupdate(e)
    [1117] =>         {
    [1118] =>             canvasbackgroundalphanumber.value = Number(e.target.value);
    [1119] => 
    [1120] =>             canvasbackgroundalphanumberupdate();
    [1121] =>         }
    [1122] => 
    [1123] =>         function canvasbackgroundalphaincrementload()
    [1124] =>         {
    [1125] =>             const br = document.createElement("br");
    [1126] =>             canvasbackgroundalpha.append(br);
    [1127] => 
    [1128] =>             const array =
    [1129] =>             [
    [1130] =>                 ["-0.1",-0.1],
    [1131] =>                 ["-0.01",-0.01],
    [1132] =>                 ["+0.01",0.01],
    [1133] =>                 ["+0.1",0.1],
    [1134] =>             ];
    [1135] => 
    [1136] =>             for(const value of array)
    [1137] =>             {
    [1138] =>                 const button = document.createElement("button");
    [1139] =>                 button.innerHTML = value[0];
    [1140] =>                 button.value = value[1];
    [1141] =>                 button.addEventListener("click", canvasbackgroundalphaincrementupdate);
    [1142] =>                 canvasbackgroundalpha.append(button);
    [1143] =>             }
    [1144] =>         }
    [1145] =>         addEventListener("load", canvasbackgroundalphaincrementload);
    [1146] => 
    [1147] =>         function canvasbackgroundalphaincrementupdate(e)
    [1148] =>         {
    [1149] =>             let v = Number(canvasbackgroundalphanumber.value) + Number(e.target.value);
    [1150] =>             v = parseFloat(v.toFixed(2));
    [1151] => 
    [1152] =>             if((canvasbackgroundalphanumber.min <= v) && (v <= canvasbackgroundalphanumber.max))
    [1153] =>             {
    [1154] =>                 canvasbackgroundalphanumber.value = v;
    [1155] => 
    [1156] =>                 canvasbackgroundalphanumberupdate();
    [1157] =>             }
    [1158] =>         }
    [1159] => 
    [1160] => 
    [1161] => 
    [1162] => 
    [1163] => 
    [1164] => 
    [1165] =>         function myfunction1(e)
    [1166] =>         {
    [1167] =>             //console.log(myvideo.duration);
    [1168] =>             const myvideo = e.target;
    [1169] => 
    [1170] =>             myvideo.currentTime = 0;
    [1171] =>         }
    [1172] => 
    [1173] =>         function myfunction2(e)
    [1174] =>         {
    [1175] =>             //console.log(myvideo.currentTime);
    [1176] =>             const myvideo = e.target;
    [1177] => 
    [1178] =>             const mycanvas = document.createElement("canvas");
    [1179] =>             mycanvas.height = myvideo.videoHeight;
    [1180] =>             mycanvas.width = myvideo.videoWidth;
    [1181] => 
    [1182] =>             const mycontext = mycanvas.getContext("2d");
    [1183] =>             mycontext.drawImage(myvideo, 0, 0, mycanvas.width, mycanvas.height);
    [1184] => 
    [1185] =>             //const myimg = new Image();
    [1186] =>             //myimg.src = mycanvas.toDataURL();
    [1187] => 
    [1188] =>             image.src = mycanvas.toDataURL();
    [1189] =>         }
    [1190] => 
    [1191] =>         function imageload2()
    [1192] =>         {
    [1193] =>             //image.src = "/assets/svg/Happy.svg";
    [1194] => 
    [1195] =>             const date  = new Date();
    [1196] =>             const month = date.getUTCMonth() + 1;
    [1197] =>             const day   = date.getUTCDate();
    [1198] => 
    [1199] =>             const myvideo = document.createElement("video");
    [1200] =>             myvideo.addEventListener("loadedmetadata", myfunction1);
    [1201] =>             myvideo.addEventListener("seeked", myfunction2);
    [1202] =>             myvideo.src = `/assets/mp4/${month}/${day}.mp4`;
    [1203] =>         }
    [1204] =>         addEventListener("load", imageload2);
    [1205] => 
    [1206] =>         function imageload3()
    [1207] =>         {
    [1208] =>             fetch(image.src)
    [1209] =>             .then(r => r.blob())
    [1210] =>             .then(b =>
    [1211] =>             {
    [1212] =>                 const reader = new FileReader();
    [1213] =>                 reader.readAsDataURL(b);
    [1214] =>                 reader.onloadend = () =>
    [1215] =>                 {
    [1216] =>                     //console.log("imageload3");
    [1217] =>                     image.dataurl = reader.result;
    [1218] =>                     svgupdate();
    [1219] =>                 };
    [1220] =>             });
    [1221] =>         }
    [1222] =>         image.addEventListener("load", imageload3);
    [1223] => 
    [1224] => 
    [1225] => 
    [1226] =>         function imagefileload()
    [1227] =>         {
    [1228] =>             const div = document.createElement("div");
    [1229] =>             div.id = "imagefile";
    [1230] =>             div.innerHTML = "file";
    [1231] =>             tabcontentimage.append(div);
    [1232] =>         }
    [1233] =>         addEventListener("load", imagefileload);
    [1234] => 
    [1235] =>         function imagefilefileload()
    [1236] =>         {
    [1237] =>             const br = document.createElement("br");
    [1238] =>             imagefile.append(br);
    [1239] => 
    [1240] =>             const input = document.createElement("input");
    [1241] =>             input.id = "imagefilefile";
    [1242] =>             input.type = "file";
    [1243] =>             input.addEventListener("change", imagefilefileupdate);
    [1244] =>             imagefile.append(input);
    [1245] =>         }
    [1246] =>         addEventListener("load", imagefilefileload);
    [1247] => 
    [1248] =>         function imagefilefileupdate()
    [1249] =>         {
    [1250] =>             const f = imagefilefile.files[0];
    [1251] => 
    [1252] =>             image.src = URL.createObjectURL(f);
    [1253] =>         }
    [1254] => 
    [1255] => 
    [1256] => 
    [1257] =>         function imagefitload()
    [1258] =>         {
    [1259] =>             const div = document.createElement("div");
    [1260] =>             div.id = "imagefit";
    [1261] =>             div.innerHTML = "fit";
    [1262] =>             tabcontentimage.append(div);
    [1263] =>         }
    [1264] =>         addEventListener("load", imagefitload);
    [1265] => 
    [1266] =>         function imagefitselectload()
    [1267] =>         {
    [1268] =>             const br = document.createElement("br");
    [1269] =>             imagefit.append(br);
    [1270] => 
    [1271] =>             const select = document.createElement("select");
    [1272] =>             select.id = "imagefitselect";
    [1273] =>             select.addEventListener("input", imagefitselectupdate);
    [1274] =>             imagefit.append(select);
    [1275] => 
    [1276] =>             const array =
    [1277] =>             [
    [1278] =>                 "contain",
    [1279] =>                 "cover",
    [1280] =>             ];
    [1281] => 
    [1282] =>             for(const value of array)
    [1283] =>             {
    [1284] =>                 const option = document.createElement("option");
    [1285] =>                 option.innerHTML = value;
    [1286] =>                 select.add(option);
    [1287] =>             }
    [1288] => 
    [1289] =>             imagefitselect.value = array[1];
    [1290] => 
    [1291] =>             imagefitselectset();
    [1292] =>         }
    [1293] =>         addEventListener("load", imagefitselectload);
    [1294] => 
    [1295] =>         function imagefitselectset()
    [1296] =>         {
    [1297] =>             image.objectfit = imagefitselect.value;
    [1298] =>         }
    [1299] => 
    [1300] =>         function imagefitselectupdate()
    [1301] =>         {
    [1302] =>             imagefitselectset();
    [1303] =>             svgupdate();
    [1304] =>         }
    [1305] => 
    [1306] => 
    [1307] => 
    [1308] =>         function imagewidthload()
    [1309] =>         {
    [1310] =>             const div = document.createElement("div");
    [1311] =>             div.id = "imagewidth";
    [1312] =>             div.innerHTML = "width";
    [1313] =>             tabcontentimage.append(div);
    [1314] => 
    [1315] =>             const style = div.style;
    [1316] =>             style.overflowY = "hidden";
    [1317] =>             style.whiteSpace = "nowrap";
    [1318] =>         }
    [1319] =>         addEventListener("load", imagewidthload);
    [1320] => 
    [1321] =>         function imagewidthnumberload()
    [1322] =>         {
    [1323] =>             const br = document.createElement("br");
    [1324] =>             imagewidth.append(br);
    [1325] => 
    [1326] =>             const input = document.createElement("input");
    [1327] =>             input.id = "imagewidthnumber";
    [1328] =>             input.max = maxwidth;
    [1329] =>             input.min = 0;
    [1330] =>             input.type = "number";
    [1331] =>             input.value = canvas.width;
    [1332] =>             input.addEventListener("input", imagewidthnumberupdate);
    [1333] =>             imagewidth.append(input);
    [1334] => 
    [1335] =>             //imagewidthnumberset();
    [1336] =>         }
    [1337] =>         addEventListener("load", imagewidthnumberload);
    [1338] => 
    [1339] =>         function imagewidthnumberset()
    [1340] =>         {
    [1341] =>             const v = imagewidthnumber.value;
    [1342] => 
    [1343] =>             imagewidthrange.value = v;
    [1344] =>             image.width = v;
    [1345] =>         }
    [1346] => 
    [1347] =>         function imagewidthnumberupdate()
    [1348] =>         {
    [1349] =>             imagewidthnumberset();
    [1350] =>             svgupdate();
    [1351] =>         }
    [1352] => 
    [1353] =>         function imagewidthrangeload()
    [1354] =>         {
    [1355] =>             //const br = document.createElement("br");
    [1356] =>             //imagewidth.append(br);
    [1357] => 
    [1358] =>             const input = document.createElement("input");
    [1359] =>             input.id = "imagewidthrange";
    [1360] =>             input.max = imagewidthnumber.max;
    [1361] =>             input.min = imagewidthnumber.min;
    [1362] =>             input.type = "range";
    [1363] =>             input.value = imagewidthnumber.value;
    [1364] =>             input.addEventListener("input", imagewidthrangeupdate);
    [1365] =>             imagewidth.append(input);
    [1366] => 
    [1367] =>             imagewidthrangeset();
    [1368] =>         }
    [1369] =>         addEventListener("load", imagewidthrangeload);
    [1370] => 
    [1371] =>         function imagewidthrangeset()
    [1372] =>         {
    [1373] =>             const v = imagewidthrange.value;
    [1374] => 
    [1375] =>             imagewidthnumber.value = v;
    [1376] =>             image.width = v;
    [1377] =>         }
    [1378] => 
    [1379] =>         function imagewidthrangeupdate()
    [1380] =>         {
    [1381] =>             imagewidthrangeset();
    [1382] =>             svgupdate();
    [1383] =>         }
    [1384] => /*
    [1385] =>         function imagewidthnaturalload()
    [1386] =>         {
    [1387] =>             const br = document.createElement("br");
    [1388] =>             imagewidth.append(br);
    [1389] => 
    [1390] =>             const button = document.createElement("button");
    [1391] =>             button.innerHTML = "image";
    [1392] =>             button.addEventListener("click", imagewidthnaturalupdate);
    [1393] =>             imagewidth.append(button);
    [1394] =>         }
    [1395] =>         addEventListener("load", imagewidthnaturalload);
    [1396] => 
    [1397] =>         function imagewidthnaturalupdate()
    [1398] =>         {
    [1399] =>             imagewidthnumber.value = image.naturalWidth;
    [1400] => 
    [1401] =>             imagewidthnumberupdate();
    [1402] =>         }
    [1403] => //*/
    [1404] =>         function imagewidthexactload()
    [1405] =>         {
    [1406] =>             const br = document.createElement("br");
    [1407] =>             imagewidth.append(br);
    [1408] => 
    [1409] =>             const array =
    [1410] =>             [
    [1411] =>                 ["25%",0.25],
    [1412] =>                 ["50%",0.5],
    [1413] =>                 ["75%",0.75],
    [1414] =>                 ["100%",1],
    [1415] =>             ];
    [1416] => 
    [1417] =>             for(const value of array)
    [1418] =>             {
    [1419] =>                 const button = document.createElement("button");
    [1420] =>                 button.innerHTML = value[0];
    [1421] =>                 button.value = value[1];
    [1422] =>                 button.addEventListener("click", imagewidthexactupdate);
    [1423] =>                 imagewidth.append(button);
    [1424] =>             }
    [1425] =>         }
    [1426] =>         addEventListener("load", imagewidthexactload);
    [1427] => 
    [1428] =>         function imagewidthexactupdate(e)
    [1429] =>         {
    [1430] =>             imagewidthnumber.value = canvas.width * Number(e.target.value);
    [1431] => 
    [1432] =>             imagewidthnumberupdate();
    [1433] =>         }
    [1434] => 
    [1435] =>         function imagewidthincrementload()
    [1436] =>         {
    [1437] =>             const br = document.createElement("br");
    [1438] =>             imagewidth.append(br);
    [1439] => 
    [1440] =>             const array =
    [1441] =>             [
    [1442] =>                 ["-1000",-1000],
    [1443] =>                 ["-100",-100],
    [1444] =>                 ["-10",-10],
    [1445] =>                 ["-1",-1],
    [1446] =>                 ["+1",1],
    [1447] =>                 ["+10",10],
    [1448] =>                 ["+100",100],
    [1449] =>                 ["+1000",1000],
    [1450] =>             ];
    [1451] => 
    [1452] =>             for(const value of array)
    [1453] =>             {
    [1454] =>                 const button = document.createElement("button");
    [1455] =>                 button.innerHTML = value[0];
    [1456] =>                 button.value = value[1];
    [1457] =>                 button.addEventListener("click", imagewidthincrementupdate);
    [1458] =>                 imagewidth.append(button);
    [1459] =>             }
    [1460] =>         }
    [1461] =>         addEventListener("load", imagewidthincrementload);
    [1462] => 
    [1463] =>         function imagewidthincrementupdate(e)
    [1464] =>         {
    [1465] =>             const v = Number(imagewidthnumber.value) + Number(e.target.value);
    [1466] => 
    [1467] =>             if((imagewidthnumber.min <= v) && (v <= imagewidthnumber.max))
    [1468] =>             {
    [1469] =>                 imagewidthnumber.value = v;
    [1470] => 
    [1471] =>                 imagewidthnumberupdate();
    [1472] =>             }
    [1473] =>         }
    [1474] => 
    [1475] => 
    [1476] => 
    [1477] =>         function imageheightload()
    [1478] =>         {
    [1479] =>             const div = document.createElement("div");
    [1480] =>             div.id = "imageheight";
    [1481] =>             div.innerHTML = "height";
    [1482] =>             tabcontentimage.append(div);
    [1483] => 
    [1484] =>             const style = div.style;
    [1485] =>             style.overflowY = "hidden";
    [1486] =>             style.whiteSpace = "nowrap";
    [1487] =>         }
    [1488] =>         addEventListener("load", imageheightload);
    [1489] => 
    [1490] =>         function imageheightnumberload()
    [1491] =>         {
    [1492] =>             const br = document.createElement("br");
    [1493] =>             imageheight.append(br);
    [1494] => 
    [1495] =>             const input = document.createElement("input");
    [1496] =>             input.id = "imageheightnumber";
    [1497] =>             input.max = maxheight;
    [1498] =>             input.min = 0;
    [1499] =>             input.type = "number";
    [1500] =>             input.value = canvas.height;
    [1501] =>             input.addEventListener("input", imageheightnumberupdate);
    [1502] =>             imageheight.append(input);
    [1503] => 
    [1504] =>             //imageheightnumberset();
    [1505] =>         }
    [1506] =>         addEventListener("load", imageheightnumberload);
    [1507] => 
    [1508] =>         function imageheightnumberset()
    [1509] =>         {
    [1510] =>             const v = imageheightnumber.value;
    [1511] => 
    [1512] =>             imageheightrange.value = v;
    [1513] =>             image.height = v;
    [1514] =>         }
    [1515] => 
    [1516] =>         function imageheightnumberupdate()
    [1517] =>         {
    [1518] =>             imageheightnumberset();
    [1519] =>             svgupdate();
    [1520] =>         }
    [1521] => 
    [1522] =>         function imageheightrangeload()
    [1523] =>         {
    [1524] =>             //const br = document.createElement("br");
    [1525] =>             //imageheight.append(br);
    [1526] => 
    [1527] =>             const input = document.createElement("input");
    [1528] =>             input.id = "imageheightrange";
    [1529] =>             input.max = imageheightnumber.max;
    [1530] =>             input.min = imageheightnumber.min;
    [1531] =>             input.type = "range";
    [1532] =>             input.value = imageheightnumber.value;
    [1533] =>             input.addEventListener("input", imageheightrangeupdate);
    [1534] =>             imageheight.append(input);
    [1535] => 
    [1536] =>             imageheightrangeset();
    [1537] =>         }
    [1538] =>         addEventListener("load", imageheightrangeload);
    [1539] => 
    [1540] =>         function imageheightrangeset()
    [1541] =>         {
    [1542] =>             const v = imageheightrange.value;
    [1543] => 
    [1544] =>             imageheightnumber.value = v;
    [1545] =>             image.height = v;
    [1546] =>         }
    [1547] => 
    [1548] =>         function imageheightrangeupdate()
    [1549] =>         {
    [1550] =>             imageheightrangeset();
    [1551] =>             svgupdate();
    [1552] =>         }
    [1553] => /*
    [1554] =>         function imageheightnaturalload()
    [1555] =>         {
    [1556] =>             const br = document.createElement("br");
    [1557] =>             imageheight.append(br);
    [1558] => 
    [1559] =>             const button = document.createElement("button");
    [1560] =>             button.innerHTML = "image";
    [1561] =>             button.addEventListener("click", imageheightnaturalupdate);
    [1562] =>             imageheight.append(button);
    [1563] =>         }
    [1564] =>         addEventListener("load", imageheightnaturalload);
    [1565] => 
    [1566] =>         function imageheightnaturalupdate()
    [1567] =>         {
    [1568] =>             imageheightnumber.value = image.naturalHeight;
    [1569] => 
    [1570] =>             imageheightnumberupdate();
    [1571] =>         }
    [1572] => //*/
    [1573] =>         function imageheightexactload()
    [1574] =>         {
    [1575] =>             const br = document.createElement("br");
    [1576] =>             imageheight.append(br);
    [1577] => 
    [1578] =>             const array =
    [1579] =>             [
    [1580] =>                 ["25%",0.25],
    [1581] =>                 ["50%",0.5],
    [1582] =>                 ["75%",0.75],
    [1583] =>                 ["100%",1],
    [1584] =>             ];
    [1585] => 
    [1586] =>             for(const value of array)
    [1587] =>             {
    [1588] =>                 const button = document.createElement("button");
    [1589] =>                 button.innerHTML = value[0];
    [1590] =>                 button.value = value[1];
    [1591] =>                 button.addEventListener("click", imageheightexactupdate);
    [1592] =>                 imageheight.append(button);
    [1593] =>             }
    [1594] =>         }
    [1595] =>         addEventListener("load", imageheightexactload);
    [1596] => 
    [1597] =>         function imageheightexactupdate(e)
    [1598] =>         {
    [1599] =>             imageheightnumber.value = canvas.height * Number(e.target.value);
    [1600] => 
    [1601] =>             imageheightnumberupdate();
    [1602] =>         }
    [1603] => 
    [1604] =>         function imageheightincrementload()
    [1605] =>         {
    [1606] =>             const br = document.createElement("br");
    [1607] =>             imageheight.append(br);
    [1608] => 
    [1609] =>             const array =
    [1610] =>             [
    [1611] =>                 ["-1000",-1000],
    [1612] =>                 ["-100",-100],
    [1613] =>                 ["-10",-10],
    [1614] =>                 ["-1",-1],
    [1615] =>                 ["+1",1],
    [1616] =>                 ["+10",10],
    [1617] =>                 ["+100",100],
    [1618] =>                 ["+1000",1000],
    [1619] =>             ];
    [1620] => 
    [1621] =>             for(const value of array)
    [1622] =>             {
    [1623] =>                 const button = document.createElement("button");
    [1624] =>                 button.innerHTML = value[0];
    [1625] =>                 button.value = value[1];
    [1626] =>                 button.addEventListener("click", imageheightincrementupdate);
    [1627] =>                 imageheight.append(button);
    [1628] =>             }
    [1629] =>         }
    [1630] =>         addEventListener("load", imageheightincrementload);
    [1631] => 
    [1632] =>         function imageheightincrementupdate(e)
    [1633] =>         {
    [1634] =>             const v = Number(imageheightnumber.value) + Number(e.target.value);
    [1635] => 
    [1636] =>             if((imageheightnumber.min <= v) && (v <= imageheightnumber.max))
    [1637] =>             {
    [1638] =>                 imageheightnumber.value = v;
    [1639] => 
    [1640] =>                 imageheightnumberupdate();
    [1641] =>             }
    [1642] =>         }
    [1643] => 
    [1644] => 
    [1645] => 
    [1646] =>         function imagexload()
    [1647] =>         {
    [1648] =>             const div = document.createElement("div");
    [1649] =>             div.id = "imagex";
    [1650] =>             div.innerHTML = "x";
    [1651] =>             tabcontentimage.append(div);
    [1652] => 
    [1653] =>             const style = div.style;
    [1654] =>             style.overflowY = "hidden";
    [1655] =>             style.whiteSpace = "nowrap";
    [1656] =>         }
    [1657] =>         addEventListener("load", imagexload);
    [1658] => 
    [1659] =>         function imagexnumberload()
    [1660] =>         {
    [1661] =>             const br = document.createElement("br");
    [1662] =>             imagex.append(br);
    [1663] => 
    [1664] =>             const input = document.createElement("input");
    [1665] =>             input.id = "imagexnumber";
    [1666] =>             input.max = maxwidth;
    [1667] =>             input.min = -maxwidth;
    [1668] =>             input.type = "number";
    [1669] =>             input.value = 0;
    [1670] =>             input.addEventListener("input", imagexnumberupdate);
    [1671] =>             imagex.append(input);
    [1672] => 
    [1673] =>             //imagexnumberset();
    [1674] =>         }
    [1675] =>         addEventListener("load", imagexnumberload);
    [1676] => 
    [1677] =>         function imagexnumberset()
    [1678] =>         {
    [1679] =>             const v = imagexnumber.value;
    [1680] => 
    [1681] =>             imagexrange.value = v;
    [1682] =>             image.myx = v;
    [1683] =>         }
    [1684] => 
    [1685] =>         function imagexnumberupdate()
    [1686] =>         {
    [1687] =>             imagexnumberset();
    [1688] =>             svgupdate();
    [1689] =>         }
    [1690] => 
    [1691] =>         function imagexrangeload()
    [1692] =>         {
    [1693] =>             //const br = document.createElement("br");
    [1694] =>             //imagex.append(br);
    [1695] => 
    [1696] =>             const input = document.createElement("input");
    [1697] =>             input.id = "imagexrange";
    [1698] =>             input.max = imagexnumber.max;
    [1699] =>             input.min = imagexnumber.min;
    [1700] =>             input.type = "range";
    [1701] =>             input.value = imagexnumber.value;
    [1702] =>             input.addEventListener("input", imagexrangeupdate);
    [1703] =>             imagex.append(input);
    [1704] => 
    [1705] =>             imagexrangeset();
    [1706] =>         }
    [1707] =>         addEventListener("load", imagexrangeload);
    [1708] => 
    [1709] =>         function imagexrangeset()
    [1710] =>         {
    [1711] =>             const v = imagexrange.value;
    [1712] => 
    [1713] =>             imagexnumber.value = v;
    [1714] =>             image.myx = v;
    [1715] =>         }
    [1716] => 
    [1717] =>         function imagexrangeupdate()
    [1718] =>         {
    [1719] =>             imagexrangeset();
    [1720] =>             svgupdate();
    [1721] =>         }
    [1722] => 
    [1723] =>         function imagexexactload()
    [1724] =>         {
    [1725] =>             const br = document.createElement("br");
    [1726] =>             imagex.append(br);
    [1727] => 
    [1728] =>             const array =
    [1729] =>             [
    [1730] =>                 ["left",0],
    [1731] =>                 ["center",0.5],
    [1732] =>                 ["right",1],
    [1733] =>             ];
    [1734] => 
    [1735] =>             for(const value of array)
    [1736] =>             {
    [1737] =>                 const button = document.createElement("button");
    [1738] =>                 button.innerHTML = value[0];
    [1739] =>                 button.value = value[1];
    [1740] =>                 button.addEventListener("click", imagexexactupdate);
    [1741] =>                 imagex.append(button);
    [1742] =>             }
    [1743] =>         }
    [1744] =>         addEventListener("load", imagexexactload);
    [1745] => 
    [1746] =>         function imagexexactupdate(e)
    [1747] =>         {
    [1748] =>             imagexnumber.value = (canvas.width - image.width) * Number(e.target.value);
    [1749] => 
    [1750] =>             imagexnumberupdate();
    [1751] =>         }
    [1752] => 
    [1753] =>         function imagexincrementload()
    [1754] =>         {
    [1755] =>             const br = document.createElement("br");
    [1756] =>             imagex.append(br);
    [1757] => 
    [1758] =>             const array =
    [1759] =>             [
    [1760] =>                 ["-1000",-1000],
    [1761] =>                 ["-100",-100],
    [1762] =>                 ["-10",-10],
    [1763] =>                 ["-1",-1],
    [1764] =>                 ["+1",1],
    [1765] =>                 ["+10",10],
    [1766] =>                 ["+100",100],
    [1767] =>                 ["+1000",1000],
    [1768] =>             ];
    [1769] => 
    [1770] =>             for(const value of array)
    [1771] =>             {
    [1772] =>                 const button = document.createElement("button");
    [1773] =>                 button.innerHTML = value[0];
    [1774] =>                 button.value = value[1];
    [1775] =>                 button.addEventListener("click", imagexincrementupdate);
    [1776] =>                 imagex.append(button);
    [1777] =>             }
    [1778] =>         }
    [1779] =>         addEventListener("load", imagexincrementload);
    [1780] => 
    [1781] =>         function imagexincrementupdate(e)
    [1782] =>         {
    [1783] =>             const v = Number(imagexnumber.value) + Number(e.target.value);
    [1784] => 
    [1785] =>             if((imagexnumber.min <= v) && (v <= imagexnumber.max))
    [1786] =>             {
    [1787] =>                 imagexnumber.value = v;
    [1788] => 
    [1789] =>                 imagexnumberupdate();
    [1790] =>             }
    [1791] =>         }
    [1792] => 
    [1793] => 
    [1794] => 
    [1795] =>         function imageyload()
    [1796] =>         {
    [1797] =>             const div = document.createElement("div");
    [1798] =>             div.id = "imagey";
    [1799] =>             div.innerHTML = "y";
    [1800] =>             tabcontentimage.append(div);
    [1801] => 
    [1802] =>             const style = div.style;
    [1803] =>             style.overflowY = "hidden";
    [1804] =>             style.whiteSpace = "nowrap";
    [1805] =>         }
    [1806] =>         addEventListener("load", imageyload);
    [1807] => 
    [1808] =>         function imageynumberload()
    [1809] =>         {
    [1810] =>             const br = document.createElement("br");
    [1811] =>             imagey.append(br);
    [1812] => 
    [1813] =>             const input = document.createElement("input");
    [1814] =>             input.id = "imageynumber";
    [1815] =>             input.max = maxheight;
    [1816] =>             input.min = -maxheight;
    [1817] =>             input.type = "number";
    [1818] =>             input.value = 0;
    [1819] =>             input.addEventListener("input", imageynumberupdate);
    [1820] =>             imagey.append(input);
    [1821] => 
    [1822] =>             //imageynumberset();
    [1823] =>         }
    [1824] =>         addEventListener("load", imageynumberload);
    [1825] => 
    [1826] =>         function imageynumberset()
    [1827] =>         {
    [1828] =>             const v = imageynumber.value;
    [1829] => 
    [1830] =>             imageyrange.value = v;
    [1831] =>             image.myy = v;
    [1832] =>         }
    [1833] => 
    [1834] =>         function imageynumberupdate()
    [1835] =>         {
    [1836] =>             imageynumberset();
    [1837] =>             svgupdate();
    [1838] =>         }
    [1839] => 
    [1840] =>         function imageyrangeload()
    [1841] =>         {
    [1842] =>             //const br = document.createElement("br");
    [1843] =>             //imagey.append(br);
    [1844] => 
    [1845] =>             const input = document.createElement("input");
    [1846] =>             input.id = "imageyrange";
    [1847] =>             input.max = imageynumber.max;
    [1848] =>             input.min = imageynumber.min;
    [1849] =>             input.type = "range";
    [1850] =>             input.value = imageynumber.value;
    [1851] =>             input.addEventListener("input", imageyrangeupdate);
    [1852] =>             imagey.append(input);
    [1853] => 
    [1854] =>             imageyrangeset();
    [1855] =>         }
    [1856] =>         addEventListener("load", imageyrangeload);
    [1857] => 
    [1858] =>         function imageyrangeset()
    [1859] =>         {
    [1860] =>             const v = imageyrange.value;
    [1861] => 
    [1862] =>             imageynumber.value = v;
    [1863] =>             image.myy = v;
    [1864] =>         }
    [1865] => 
    [1866] =>         function imageyrangeupdate()
    [1867] =>         {
    [1868] =>             imageyrangeset();
    [1869] =>             svgupdate();
    [1870] =>         }
    [1871] => 
    [1872] =>         function imageyexactload()
    [1873] =>         {
    [1874] =>             const br = document.createElement("br");
    [1875] =>             imagey.append(br);
    [1876] => 
    [1877] =>             const array =
    [1878] =>             [
    [1879] =>                 ["top",0],
    [1880] =>                 ["center",0.5],
    [1881] =>                 ["bottom",1],
    [1882] =>             ];
    [1883] => 
    [1884] =>             for(const value of array)
    [1885] =>             {
    [1886] =>                 const button = document.createElement("button");
    [1887] =>                 button.innerHTML = value[0];
    [1888] =>                 button.value = value[1];
    [1889] =>                 button.addEventListener("click", imageyexactupdate);
    [1890] =>                 imagey.append(button);
    [1891] =>             }
    [1892] =>         }
    [1893] =>         addEventListener("load", imageyexactload);
    [1894] => 
    [1895] =>         function imageyexactupdate(e)
    [1896] =>         {
    [1897] =>             imageynumber.value = (canvas.height - image.height) * Number(e.target.value);
    [1898] => 
    [1899] =>             imageynumberupdate();
    [1900] =>         }
    [1901] => 
    [1902] =>         function imageyincrementload()
    [1903] =>         {
    [1904] =>             const br = document.createElement("br");
    [1905] =>             imagey.append(br);
    [1906] => 
    [1907] =>             const array =
    [1908] =>             [
    [1909] =>                 ["-1000",-1000],
    [1910] =>                 ["-100",-100],
    [1911] =>                 ["-10",-10],
    [1912] =>                 ["-1",-1],
    [1913] =>                 ["+1",1],
    [1914] =>                 ["+10",10],
    [1915] =>                 ["+100",100],
    [1916] =>                 ["+1000",1000],
    [1917] =>             ];
    [1918] => 
    [1919] =>             for(const value of array)
    [1920] =>             {
    [1921] =>                 const button = document.createElement("button");
    [1922] =>                 button.innerHTML = value[0];
    [1923] =>                 button.value = value[1];
    [1924] =>                 button.addEventListener("click", imageyincrementupdate);
    [1925] =>                 imagey.append(button);
    [1926] =>             }
    [1927] =>         }
    [1928] =>         addEventListener("load", imageyincrementload);
    [1929] => 
    [1930] =>         function imageyincrementupdate(e)
    [1931] =>         {
    [1932] =>             const v = Number(imageynumber.value) + Number(e.target.value);
    [1933] => 
    [1934] =>             if((imageynumber.min <= v) && (v <= imageynumber.max))
    [1935] =>             {
    [1936] =>                 imageynumber.value = v;
    [1937] => 
    [1938] =>                 imageynumberupdate();
    [1939] =>             }
    [1940] =>         }
    [1941] => 
    [1942] => 
    [1943] => 
    [1944] =>         function imagebackgroundcolorload()
    [1945] =>         {
    [1946] =>             const div = document.createElement("div");
    [1947] =>             div.id = "imagebackgroundcolor";
    [1948] =>             div.innerHTML = "background-color";
    [1949] =>             tabcontentimage.append(div);
    [1950] =>         }
    [1951] =>         addEventListener("load", imagebackgroundcolorload);
    [1952] => 
    [1953] =>         function imagebackgroundcolorcolorload()
    [1954] =>         {
    [1955] =>             const br = document.createElement("br");
    [1956] =>             imagebackgroundcolor.append(br);
    [1957] => 
    [1958] =>             const input = document.createElement("input");
    [1959] =>             input.id = "imagebackgroundcolorcolor";
    [1960] =>             input.type = "color";
    [1961] =>             input.value = "#ffffff";
    [1962] =>             input.addEventListener("input", imagebackgroundcolorcolorupdate);
    [1963] =>             imagebackgroundcolor.append(input);
    [1964] => 
    [1965] =>             //imagebackgroundcolorcolorset();
    [1966] =>         }
    [1967] =>         addEventListener("load", imagebackgroundcolorcolorload);
    [1968] => 
    [1969] =>         function imagebackgroundcolorcolorset()
    [1970] =>         {
    [1971] =>             const c = imagebackgroundcolorcolor.value;
    [1972] =>             const r = parseInt(c.slice(1,3),16);
    [1973] =>             const g = parseInt(c.slice(3,5),16);
    [1974] =>             const b = parseInt(c.slice(5,7),16);
    [1975] =>             const a = imagebackgroundalphanumber.value;
    [1976] => 
    [1977] =>             image.backgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;
    [1978] =>         }
    [1979] => 
    [1980] =>         function imagebackgroundcolorcolorupdate()
    [1981] =>         {
    [1982] =>             imagebackgroundcolorcolorset();
    [1983] =>             svgupdate();
    [1984] =>         }
    [1985] => 
    [1986] =>         function imagebackgroundcolorexactload()
    [1987] =>         {
    [1988] =>             const br = document.createElement("br");
    [1989] =>             imagebackgroundcolor.append(br);
    [1990] => 
    [1991] =>             const array =
    [1992] =>             [
    [1993] =>                 ["black","#000000"],
    [1994] =>                 ["white","#ffffff"],
    [1995] =>             ];
    [1996] => 
    [1997] =>             for(const value of array)
    [1998] =>             {
    [1999] =>                 const button = document.createElement("button");
    [2000] =>                 button.innerHTML = value[0];
    [2001] =>                 button.value = value[1];
    [2002] =>                 button.addEventListener("click", imagebackgroundcolorexactupdate);
    [2003] =>                 imagebackgroundcolor.append(button);
    [2004] =>             }
    [2005] =>         }
    [2006] =>         addEventListener("load", imagebackgroundcolorexactload);
    [2007] => 
    [2008] =>         function imagebackgroundcolorexactupdate(e)
    [2009] =>         {
    [2010] =>             imagebackgroundcolorcolor.value = e.target.value;
    [2011] => 
    [2012] =>             imagebackgroundcolorcolorupdate();
    [2013] =>         }
    [2014] => 
    [2015] => 
    [2016] => 
    [2017] =>         function imagebackgroundalphaload()
    [2018] =>         {
    [2019] =>             const div = document.createElement("div");
    [2020] =>             div.id = "imagebackgroundalpha";
    [2021] =>             div.innerHTML = "background-alpha";
    [2022] =>             tabcontentimage.append(div);
    [2023] => 
    [2024] =>             const style = div.style;
    [2025] =>             style.overflowY = "hidden";
    [2026] =>             style.whiteSpace = "nowrap";
    [2027] =>         }
    [2028] =>         addEventListener("load", imagebackgroundalphaload);
    [2029] => 
    [2030] =>         function imagebackgroundalphanumberload()
    [2031] =>         {
    [2032] =>             const br = document.createElement("br");
    [2033] =>             imagebackgroundalpha.append(br);
    [2034] => 
    [2035] =>             const input = document.createElement("input");
    [2036] =>             input.id = "imagebackgroundalphanumber";
    [2037] =>             input.max = 1;
    [2038] =>             input.min = 0;
    [2039] =>             input.step = 0.01;
    [2040] =>             input.type = "number";
    [2041] =>             input.value = 0;
    [2042] =>             input.addEventListener("input", imagebackgroundalphanumberupdate);
    [2043] =>             imagebackgroundalpha.append(input);
    [2044] => 
    [2045] =>             //imagebackgroundalphanumberset();
    [2046] =>         }
    [2047] =>         addEventListener("load", imagebackgroundalphanumberload);
    [2048] => 
    [2049] =>         function imagebackgroundalphanumberset()
    [2050] =>         {
    [2051] =>             const c = imagebackgroundcolorcolor.value;
    [2052] =>             const r = parseInt(c.slice(1,3),16);
    [2053] =>             const g = parseInt(c.slice(3,5),16);
    [2054] =>             const b = parseInt(c.slice(5,7),16);
    [2055] =>             const a = imagebackgroundalphanumber.value;
    [2056] => 
    [2057] =>             imagebackgroundalpharange.value = a;
    [2058] =>             image.backgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;
    [2059] =>         }
    [2060] => 
    [2061] =>         function imagebackgroundalphanumberupdate()
    [2062] =>         {
    [2063] =>             imagebackgroundalphanumberset();
    [2064] =>             svgupdate();
    [2065] =>         }
    [2066] => 
    [2067] =>         function imagebackgroundalpharangeload()
    [2068] =>         {
    [2069] =>             //const br = document.createElement("br");
    [2070] =>             //imagebackgroundalpha.append(br);
    [2071] => 
    [2072] =>             const input = document.createElement("input");
    [2073] =>             input.id = "imagebackgroundalpharange";
    [2074] =>             input.max = imagebackgroundalphanumber.max;
    [2075] =>             input.min = imagebackgroundalphanumber.min;
    [2076] =>             input.step = imagebackgroundalphanumber.step;
    [2077] =>             input.type = "range";
    [2078] =>             input.value = imagebackgroundalphanumber.value;
    [2079] =>             input.addEventListener("input", imagebackgroundalpharangeupdate);
    [2080] =>             imagebackgroundalpha.append(input);
    [2081] => 
    [2082] =>             imagebackgroundalpharangeset();
    [2083] =>         }
    [2084] =>         addEventListener("load", imagebackgroundalpharangeload);
    [2085] => 
    [2086] =>         function imagebackgroundalpharangeset()
    [2087] =>         {
    [2088] =>             const c = imagebackgroundcolorcolor.value;
    [2089] =>             const r = parseInt(c.slice(1,3),16);
    [2090] =>             const g = parseInt(c.slice(3,5),16);
    [2091] =>             const b = parseInt(c.slice(5,7),16);
    [2092] =>             const a = imagebackgroundalpharange.value;
    [2093] => 
    [2094] =>             imagebackgroundalphanumber.value = a;
    [2095] =>             image.backgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;
    [2096] =>         }
    [2097] => 
    [2098] =>         function imagebackgroundalpharangeupdate()
    [2099] =>         {
    [2100] =>             imagebackgroundalpharangeset();
    [2101] =>             svgupdate();
    [2102] =>         }
    [2103] => 
    [2104] =>         function imagebackgroundalphaexactload()
    [2105] =>         {
    [2106] =>             const br = document.createElement("br");
    [2107] =>             imagebackgroundalpha.append(br);
    [2108] => 
    [2109] =>             const array =
    [2110] =>             [
    [2111] =>                 ["0",0],
    [2112] =>                 ["0.25",0.25],
    [2113] =>                 ["0.5",0.5],
    [2114] =>                 ["0.75",0.75],
    [2115] =>                 ["1",1],
    [2116] =>             ];
    [2117] => 
    [2118] =>             for(const value of array)
    [2119] =>             {
    [2120] =>                 const button = document.createElement("button");
    [2121] =>                 button.innerHTML = value[0];
    [2122] =>                 button.value = value[1];
    [2123] =>                 button.addEventListener("click", imagebackgroundalphaexactupdate);
    [2124] =>                 imagebackgroundalpha.append(button);
    [2125] =>             }
    [2126] =>         }
    [2127] =>         addEventListener("load", imagebackgroundalphaexactload);
    [2128] => 
    [2129] =>         function imagebackgroundalphaexactupdate(e)
    [2130] =>         {
    [2131] =>             imagebackgroundalphanumber.value = Number(e.target.value);
    [2132] => 
    [2133] =>             imagebackgroundalphanumberupdate();
    [2134] =>         }
    [2135] => 
    [2136] =>         function imagebackgroundalphaincrementload()
    [2137] =>         {
    [2138] =>             const br = document.createElement("br");
    [2139] =>             imagebackgroundalpha.append(br);
    [2140] => 
    [2141] =>             const array =
    [2142] =>             [
    [2143] =>                 ["-0.1",-0.1],
    [2144] =>                 ["-0.01",-0.01],
    [2145] =>                 ["+0.01",0.01],
    [2146] =>                 ["+0.1",0.1],
    [2147] =>             ];
    [2148] => 
    [2149] =>             for(const value of array)
    [2150] =>             {
    [2151] =>                 const button = document.createElement("button");
    [2152] =>                 button.innerHTML = value[0];
    [2153] =>                 button.value = value[1];
    [2154] =>                 button.addEventListener("click", imagebackgroundalphaincrementupdate);
    [2155] =>                 imagebackgroundalpha.append(button);
    [2156] =>             }
    [2157] =>         }
    [2158] =>         addEventListener("load", imagebackgroundalphaincrementload);
    [2159] => 
    [2160] =>         function imagebackgroundalphaincrementupdate(e)
    [2161] =>         {
    [2162] =>             let v = Number(imagebackgroundalphanumber.value) + Number(e.target.value);
    [2163] =>             v = parseFloat(v.toFixed(2));
    [2164] => 
    [2165] =>             if((imagebackgroundalphanumber.min <= v) && (v <= imagebackgroundalphanumber.max))
    [2166] =>             {
    [2167] =>                 imagebackgroundalphanumber.value = v;
    [2168] => 
    [2169] =>                 imagebackgroundalphanumberupdate();
    [2170] =>             }
    [2171] =>         }
    [2172] => 
    [2173] => 
    [2174] => 
    [2175] => /*
    [2176] =>         function imageopacityload()
    [2177] =>         {
    [2178] =>             const div = document.createElement("div");
    [2179] =>             div.id = "imageopacity";
    [2180] =>             div.innerHTML = "opacity";
    [2181] =>             tabcontentimage.append(div);
    [2182] => 
    [2183] =>             const style = div.style;
    [2184] =>             style.overflowY = "hidden";
    [2185] =>             style.whiteSpace = "nowrap";
    [2186] =>         }
    [2187] =>         addEventListener("load", imageopacityload);
    [2188] => 
    [2189] =>         function imageopacitynumberload()
    [2190] =>         {
    [2191] =>             const br = document.createElement("br");
    [2192] =>             imageopacity.append(br);
    [2193] => 
    [2194] =>             const input = document.createElement("input");
    [2195] =>             input.id = "imageopacitynumber";
    [2196] =>             input.max = 1;
    [2197] =>             input.min = 0;
    [2198] =>             input.step = 0.01;
    [2199] =>             input.type = "number";
    [2200] =>             input.value = 1;
    [2201] =>             input.addEventListener("input", imageopacitynumberupdate);
    [2202] =>             imageopacity.append(input);
    [2203] => 
    [2204] =>             //imageopacitynumberset();
    [2205] =>         }
    [2206] =>         addEventListener("load", imageopacitynumberload);
    [2207] => 
    [2208] =>         function imageopacitynumberset()
    [2209] =>         {
    [2210] =>             const v = imageopacitynumber.value;
    [2211] => 
    [2212] =>             imageopacityrange.value = v;
    [2213] =>             image.opacity = v;
    [2214] =>         }
    [2215] => 
    [2216] =>         function imageopacitynumberupdate()
    [2217] =>         {
    [2218] =>             imageopacitynumberset();
    [2219] =>             svgupdate();
    [2220] =>         }
    [2221] => 
    [2222] =>         function imageopacityrangeload()
    [2223] =>         {
    [2224] =>             const input = document.createElement("input");
    [2225] =>             input.id = "imageopacityrange";
    [2226] =>             input.max = imageopacitynumber.max;
    [2227] =>             input.min = imageopacitynumber.min;
    [2228] =>             input.step = imageopacitynumber.step;
    [2229] =>             input.type = "range";
    [2230] =>             input.value = imageopacitynumber.value;
    [2231] =>             input.addEventListener("input", imageopacityrangeupdate);
    [2232] =>             imageopacity.append(input);
    [2233] => 
    [2234] =>             imageopacityrangeset();
    [2235] =>         }
    [2236] =>         addEventListener("load", imageopacityrangeload);
    [2237] => 
    [2238] =>         function imageopacityrangeset()
    [2239] =>         {
    [2240] =>             const v = imageopacityrange.value;
    [2241] => 
    [2242] =>             imageopacitynumber.value = v;
    [2243] =>             image.opacity = v;
    [2244] =>         }
    [2245] => 
    [2246] =>         function imageopacityrangeupdate()
    [2247] =>         {
    [2248] =>             imageopacityrangeset();
    [2249] =>             svgupdate();
    [2250] =>         }
    [2251] => 
    [2252] =>         function imageopacityexactload()
    [2253] =>         {
    [2254] =>             const br = document.createElement("br");
    [2255] =>             imageopacity.append(br);
    [2256] => 
    [2257] =>             const array =
    [2258] =>             [
    [2259] =>                 ["0",0],
    [2260] =>                 ["0.25",0.25],
    [2261] =>                 ["0.5",0.5],
    [2262] =>                 ["0.75",0.75],
    [2263] =>                 ["1",1],
    [2264] =>             ];
    [2265] => 
    [2266] =>             for(const value of array)
    [2267] =>             {
    [2268] =>                 const button = document.createElement("button");
    [2269] =>                 button.innerHTML = value[0];
    [2270] =>                 button.value = value[1];
    [2271] =>                 button.addEventListener("click", imageopacityexactupdate);
    [2272] =>                 imageopacity.append(button);
    [2273] =>             }
    [2274] =>         }
    [2275] =>         addEventListener("load", imageopacityexactload);
    [2276] => 
    [2277] =>         function imageopacityexactupdate(e)
    [2278] =>         {
    [2279] =>             imageopacitynumber.value = Number(e.target.value);
    [2280] => 
    [2281] =>             imageopacitynumberupdate();
    [2282] =>         }
    [2283] => 
    [2284] =>         function imageopacityincrementload()
    [2285] =>         {
    [2286] =>             const br = document.createElement("br");
    [2287] =>             imageopacity.append(br);
    [2288] => 
    [2289] =>             const array =
    [2290] =>             [
    [2291] =>                 ["-0.1",-0.1],
    [2292] =>                 ["-0.01",-0.01],
    [2293] =>                 ["+0.01",0.01],
    [2294] =>                 ["+0.1",0.1],
    [2295] =>             ];
    [2296] => 
    [2297] =>             for(const value of array)
    [2298] =>             {
    [2299] =>                 const button = document.createElement("button");
    [2300] =>                 button.innerHTML = value[0];
    [2301] =>                 button.value = value[1];
    [2302] =>                 button.addEventListener("click", imageopacityincrementupdate);
    [2303] =>                 imageopacity.append(button);
    [2304] =>             }
    [2305] =>         }
    [2306] =>         addEventListener("load", imageopacityincrementload);
    [2307] => 
    [2308] =>         function imageopacityincrementupdate(e)
    [2309] =>         {
    [2310] =>             let v = Number(imageopacitynumber.value) + Number(e.target.value);
    [2311] =>             v = parseFloat(v.toFixed(2));
    [2312] => 
    [2313] =>             if((imageopacitynumber.min <= v) && (v <= imageopacitynumber.max))
    [2314] =>             {
    [2315] =>                 imageopacitynumber.value = v;
    [2316] => 
    [2317] =>                 imageopacitynumberupdate();
    [2318] =>             }
    [2319] =>         }
    [2320] => //*/
    [2321] => 
    [2322] => 
    [2323] => 
    [2324] =>         function imagefilterblurload()
    [2325] =>         {
    [2326] =>             const div = document.createElement("div");
    [2327] =>             div.id = "imagefilterblur";
    [2328] =>             div.innerHTML = "filter-blur";
    [2329] =>             tabcontentimage.append(div);
    [2330] => 
    [2331] =>             const style = div.style;
    [2332] =>             style.overflowY = "hidden";
    [2333] =>             style.whiteSpace = "nowrap";
    [2334] =>         }
    [2335] =>         addEventListener("load", imagefilterblurload);
    [2336] => 
    [2337] =>         function imagefilterblurnumberload()
    [2338] =>         {
    [2339] =>             const br = document.createElement("br");
    [2340] =>             imagefilterblur.append(br);
    [2341] => 
    [2342] =>             const input = document.createElement("input");
    [2343] =>             input.id = "imagefilterblurnumber";
    [2344] =>             input.max = 1000;
    [2345] =>             input.min = 0;
    [2346] =>             input.step = 1;
    [2347] =>             input.type = "number";
    [2348] =>             input.value = 0;
    [2349] =>             input.addEventListener("input", imagefilterblurnumberupdate);
    [2350] =>             imagefilterblur.append(input);
    [2351] => 
    [2352] =>             //imagefilterblurnumberset();
    [2353] =>         }
    [2354] =>         addEventListener("load", imagefilterblurnumberload);
    [2355] => 
    [2356] =>         function imagefilterblurnumberset()
    [2357] =>         {
    [2358] =>             const v = imagefilterblurnumber.value;
    [2359] => 
    [2360] =>             imagefilterblurrange.value = v;
    [2361] =>             image.filterblur = v;
    [2362] =>         }
    [2363] => 
    [2364] =>         function imagefilterblurnumberupdate()
    [2365] =>         {
    [2366] =>             imagefilterblurnumberset();
    [2367] =>             svgupdate();
    [2368] =>         }
    [2369] => 
    [2370] =>         function imagefilterblurrangeload()
    [2371] =>         {
    [2372] =>             const input = document.createElement("input");
    [2373] =>             input.id = "imagefilterblurrange";
    [2374] =>             input.max = imagefilterblurnumber.max;
    [2375] =>             input.min = imagefilterblurnumber.min;
    [2376] =>             input.step = imagefilterblurnumber.step;
    [2377] =>             input.type = "range";
    [2378] =>             input.value = imagefilterblurnumber.value;
    [2379] =>             input.addEventListener("input", imagefilterblurrangeupdate);
    [2380] =>             imagefilterblur.append(input);
    [2381] => 
    [2382] =>             imagefilterblurrangeset();
    [2383] =>         }
    [2384] =>         addEventListener("load", imagefilterblurrangeload);
    [2385] => 
    [2386] =>         function imagefilterblurrangeset()
    [2387] =>         {
    [2388] =>             const v = imagefilterblurrange.value;
    [2389] => 
    [2390] =>             imagefilterblurnumber.value = v;
    [2391] =>             image.filterblur = v;
    [2392] =>         }
    [2393] => 
    [2394] =>         function imagefilterblurrangeupdate()
    [2395] =>         {
    [2396] =>             imagefilterblurrangeset();
    [2397] =>             svgupdate();
    [2398] =>         }
    [2399] => 
    [2400] =>         function imagefilterblurexactload()
    [2401] =>         {
    [2402] =>             const br = document.createElement("br");
    [2403] =>             imagefilterblur.append(br);
    [2404] => 
    [2405] =>             const array =
    [2406] =>             [
    [2407] =>                 ["0",0],
    [2408] =>                 ["2",2],
    [2409] =>                 ["4",4],
    [2410] =>                 ["8",8],
    [2411] =>                 ["16",16],
    [2412] =>                 ["32",32],
    [2413] =>                 ["64",64],
    [2414] =>             ];
    [2415] => 
    [2416] =>             for(const value of array)
    [2417] =>             {
    [2418] =>                 const button = document.createElement("button");
    [2419] =>                 button.innerHTML = value[0];
    [2420] =>                 button.value = value[1];
    [2421] =>                 button.addEventListener("click", imagefilterblurexactupdate);
    [2422] =>                 imagefilterblur.append(button);
    [2423] =>             }
    [2424] =>         }
    [2425] =>         addEventListener("load", imagefilterblurexactload);
    [2426] => 
    [2427] =>         function imagefilterblurexactupdate(e)
    [2428] =>         {
    [2429] =>             imagefilterblurnumber.value = Number(e.target.value);
    [2430] => 
    [2431] =>             imagefilterblurnumberupdate();
    [2432] =>         }
    [2433] => 
    [2434] =>         function imagefilterblurincrementload()
    [2435] =>         {
    [2436] =>             const br = document.createElement("br");
    [2437] =>             imagefilterblur.append(br);
    [2438] => 
    [2439] =>             const array =
    [2440] =>             [
    [2441] =>                 ["-100",-100],
    [2442] =>                 ["-10",-10],
    [2443] =>                 ["-1",-1],
    [2444] =>                 ["+1",1],
    [2445] =>                 ["+10",10],
    [2446] =>                 ["+100",100],
    [2447] =>             ];
    [2448] => 
    [2449] =>             for(const value of array)
    [2450] =>             {
    [2451] =>                 const button = document.createElement("button");
    [2452] =>                 button.innerHTML = value[0];
    [2453] =>                 button.value = value[1];
    [2454] =>                 button.addEventListener("click", imagefilterblurincrementupdate);
    [2455] =>                 imagefilterblur.append(button);
    [2456] =>             }
    [2457] =>         }
    [2458] =>         addEventListener("load", imagefilterblurincrementload);
    [2459] => 
    [2460] =>         function imagefilterblurincrementupdate(e)
    [2461] =>         {
    [2462] =>             const v = Number(imagefilterblurnumber.value) + Number(e.target.value);
    [2463] => 
    [2464] =>             if((imagefilterblurnumber.min <= v) && (v <= imagefilterblurnumber.max))
    [2465] =>             {
    [2466] =>                 imagefilterblurnumber.value = v;
    [2467] => 
    [2468] =>                 imagefilterblurnumberupdate();
    [2469] =>             }
    [2470] =>         }
    [2471] => 
    [2472] => 
    [2473] => 
    [2474] =>         function imagefilterbrightnessload()
    [2475] =>         {
    [2476] =>             const div = document.createElement("div");
    [2477] =>             div.id = "imagefilterbrightness";
    [2478] =>             div.innerHTML = "filter-brightness";
    [2479] =>             tabcontentimage.append(div);
    [2480] => 
    [2481] =>             const style = div.style;
    [2482] =>             style.overflowY = "hidden";
    [2483] =>             style.whiteSpace = "nowrap";
    [2484] =>         }
    [2485] =>         addEventListener("load", imagefilterbrightnessload);
    [2486] => 
    [2487] =>         function imagefilterbrightnessnumberload()
    [2488] =>         {
    [2489] =>             const br = document.createElement("br");
    [2490] =>             imagefilterbrightness.append(br);
    [2491] => 
    [2492] =>             const input = document.createElement("input");
    [2493] =>             input.id = "imagefilterbrightnessnumber";
    [2494] =>             input.max = 1000;
    [2495] =>             input.min = 0;
    [2496] =>             input.step = 1;
    [2497] =>             input.type = "number";
    [2498] =>             input.value = 100;
    [2499] =>             input.addEventListener("input", imagefilterbrightnessnumberupdate);
    [2500] =>             imagefilterbrightness.append(input);
    [2501] => 
    [2502] =>             //imagefilterbrightnessnumberset();
    [2503] =>         }
    [2504] =>         addEventListener("load", imagefilterbrightnessnumberload);
    [2505] => 
    [2506] =>         function imagefilterbrightnessnumberset()
    [2507] =>         {
    [2508] =>             const v = imagefilterbrightnessnumber.value;
    [2509] => 
    [2510] =>             imagefilterbrightnessrange.value = v;
    [2511] =>             image.filterbrightness = v;
    [2512] =>         }
    [2513] => 
    [2514] =>         function imagefilterbrightnessnumberupdate()
    [2515] =>         {
    [2516] =>             imagefilterbrightnessnumberset();
    [2517] =>             svgupdate();
    [2518] =>         }
    [2519] => 
    [2520] =>         function imagefilterbrightnessrangeload()
    [2521] =>         {
    [2522] =>             const input = document.createElement("input");
    [2523] =>             input.id = "imagefilterbrightnessrange";
    [2524] =>             input.max = imagefilterbrightnessnumber.max;
    [2525] =>             input.min = imagefilterbrightnessnumber.min;
    [2526] =>             input.step = imagefilterbrightnessnumber.step;
    [2527] =>             input.type = "range";
    [2528] =>             input.value = imagefilterbrightnessnumber.value;
    [2529] =>             input.addEventListener("input", imagefilterbrightnessrangeupdate);
    [2530] =>             imagefilterbrightness.append(input);
    [2531] => 
    [2532] =>             imagefilterbrightnessrangeset();
    [2533] =>         }
    [2534] =>         addEventListener("load", imagefilterbrightnessrangeload);
    [2535] => 
    [2536] =>         function imagefilterbrightnessrangeset()
    [2537] =>         {
    [2538] =>             const v = imagefilterbrightnessrange.value;
    [2539] => 
    [2540] =>             imagefilterbrightnessnumber.value = v;
    [2541] =>             image.filterbrightness = v;
    [2542] =>         }
    [2543] => 
    [2544] =>         function imagefilterbrightnessrangeupdate()
    [2545] =>         {
    [2546] =>             imagefilterbrightnessrangeset();
    [2547] =>             svgupdate();
    [2548] =>         }
    [2549] => 
    [2550] =>         function imagefilterbrightnessexactload()
    [2551] =>         {
    [2552] =>             const br = document.createElement("br");
    [2553] =>             imagefilterbrightness.append(br);
    [2554] => 
    [2555] =>             const array =
    [2556] =>             [
    [2557] =>                 ["0",0],
    [2558] =>                 ["50",50],
    [2559] =>                 ["100 (initial)",100],
    [2560] =>                 ["150",150],
    [2561] =>                 ["200",200],
    [2562] =>             ];
    [2563] => 
    [2564] =>             for(const value of array)
    [2565] =>             {
    [2566] =>                 const button = document.createElement("button");
    [2567] =>                 button.innerHTML = value[0];
    [2568] =>                 button.value = value[1];
    [2569] =>                 button.addEventListener("click", imagefilterbrightnessexactupdate);
    [2570] =>                 imagefilterbrightness.append(button);
    [2571] =>             }
    [2572] =>         }
    [2573] =>         addEventListener("load", imagefilterbrightnessexactload);
    [2574] => 
    [2575] =>         function imagefilterbrightnessexactupdate(e)
    [2576] =>         {
    [2577] =>             imagefilterbrightnessnumber.value = Number(e.target.value);
    [2578] => 
    [2579] =>             imagefilterbrightnessnumberupdate();
    [2580] =>         }
    [2581] => 
    [2582] =>         function imagefilterbrightnessincrementload()
    [2583] =>         {
    [2584] =>             const br = document.createElement("br");
    [2585] =>             imagefilterbrightness.append(br);
    [2586] => 
    [2587] =>             const array =
    [2588] =>             [
    [2589] =>                 ["-100",-100],
    [2590] =>                 ["-10",-10],
    [2591] =>                 ["-1",-1],
    [2592] =>                 ["+1",1],
    [2593] =>                 ["+10",10],
    [2594] =>                 ["+100",100],
    [2595] =>             ];
    [2596] => 
    [2597] =>             for(const value of array)
    [2598] =>             {
    [2599] =>                 const button = document.createElement("button");
    [2600] =>                 button.innerHTML = value[0];
    [2601] =>                 button.value = value[1];
    [2602] =>                 button.addEventListener("click", imagefilterbrightnessincrementupdate);
    [2603] =>                 imagefilterbrightness.append(button);
    [2604] =>             }
    [2605] =>         }
    [2606] =>         addEventListener("load", imagefilterbrightnessincrementload);
    [2607] => 
    [2608] =>         function imagefilterbrightnessincrementupdate(e)
    [2609] =>         {
    [2610] =>             const v = Number(imagefilterbrightnessnumber.value) + Number(e.target.value);
    [2611] => 
    [2612] =>             if((imagefilterbrightnessnumber.min <= v) && (v <= imagefilterbrightnessnumber.max))
    [2613] =>             {
    [2614] =>                 imagefilterbrightnessnumber.value = v;
    [2615] => 
    [2616] =>                 imagefilterbrightnessnumberupdate();
    [2617] =>             }
    [2618] =>         }
    [2619] => 
    [2620] => 
    [2621] => 
    [2622] =>         function imagefiltercontrastload()
    [2623] =>         {
    [2624] =>             const div = document.createElement("div");
    [2625] =>             div.id = "imagefiltercontrast";
    [2626] =>             div.innerHTML = "filter-contrast";
    [2627] =>             tabcontentimage.append(div);
    [2628] => 
    [2629] =>             const style = div.style;
    [2630] =>             style.overflowY = "hidden";
    [2631] =>             style.whiteSpace = "nowrap";
    [2632] =>         }
    [2633] =>         addEventListener("load", imagefiltercontrastload);
    [2634] => 
    [2635] =>         function imagefiltercontrastnumberload()
    [2636] =>         {
    [2637] =>             const br = document.createElement("br");
    [2638] =>             imagefiltercontrast.append(br);
    [2639] => 
    [2640] =>             const input = document.createElement("input");
    [2641] =>             input.id = "imagefiltercontrastnumber";
    [2642] =>             input.max = 1000;
    [2643] =>             input.min = 0;
    [2644] =>             input.step = 1;
    [2645] =>             input.type = "number";
    [2646] =>             input.value = 100;
    [2647] =>             input.addEventListener("input", imagefiltercontrastnumberupdate);
    [2648] =>             imagefiltercontrast.append(input);
    [2649] => 
    [2650] =>             //imagefiltercontrastnumberset();
    [2651] =>         }
    [2652] =>         addEventListener("load", imagefiltercontrastnumberload);
    [2653] => 
    [2654] =>         function imagefiltercontrastnumberset()
    [2655] =>         {
    [2656] =>             const v = imagefiltercontrastnumber.value;
    [2657] => 
    [2658] =>             imagefiltercontrastrange.value = v;
    [2659] =>             image.filtercontrast = v;
    [2660] =>         }
    [2661] => 
    [2662] =>         function imagefiltercontrastnumberupdate()
    [2663] =>         {
    [2664] =>             imagefiltercontrastnumberset();
    [2665] =>             svgupdate();
    [2666] =>         }
    [2667] => 
    [2668] =>         function imagefiltercontrastrangeload()
    [2669] =>         {
    [2670] =>             const input = document.createElement("input");
    [2671] =>             input.id = "imagefiltercontrastrange";
    [2672] =>             input.max = imagefiltercontrastnumber.max;
    [2673] =>             input.min = imagefiltercontrastnumber.min;
    [2674] =>             input.step = imagefiltercontrastnumber.step;
    [2675] =>             input.type = "range";
    [2676] =>             input.value = imagefiltercontrastnumber.value;
    [2677] =>             input.addEventListener("input", imagefiltercontrastrangeupdate);
    [2678] =>             imagefiltercontrast.append(input);
    [2679] => 
    [2680] =>             imagefiltercontrastrangeset();
    [2681] =>         }
    [2682] =>         addEventListener("load", imagefiltercontrastrangeload);
    [2683] => 
    [2684] =>         function imagefiltercontrastrangeset()
    [2685] =>         {
    [2686] =>             const v = imagefiltercontrastrange.value;
    [2687] => 
    [2688] =>             imagefiltercontrastnumber.value = v;
    [2689] =>             image.filtercontrast = v;
    [2690] =>         }
    [2691] => 
    [2692] =>         function imagefiltercontrastrangeupdate()
    [2693] =>         {
    [2694] =>             imagefiltercontrastrangeset();
    [2695] =>             svgupdate();
    [2696] =>         }
    [2697] => 
    [2698] =>         function imagefiltercontrastexactload()
    [2699] =>         {
    [2700] =>             const br = document.createElement("br");
    [2701] =>             imagefiltercontrast.append(br);
    [2702] => 
    [2703] =>             const array =
    [2704] =>             [
    [2705] =>                 ["0",0],
    [2706] =>                 ["50",50],
    [2707] =>                 ["100 (initial)",100],
    [2708] =>                 ["150",150],
    [2709] =>                 ["200",200],
    [2710] =>             ];
    [2711] => 
    [2712] =>             for(const value of array)
    [2713] =>             {
    [2714] =>                 const button = document.createElement("button");
    [2715] =>                 button.innerHTML = value[0];
    [2716] =>                 button.value = value[1];
    [2717] =>                 button.addEventListener("click", imagefiltercontrastexactupdate);
    [2718] =>                 imagefiltercontrast.append(button);
    [2719] =>             }
    [2720] =>         }
    [2721] =>         addEventListener("load", imagefiltercontrastexactload);
    [2722] => 
    [2723] =>         function imagefiltercontrastexactupdate(e)
    [2724] =>         {
    [2725] =>             imagefiltercontrastnumber.value = Number(e.target.value);
    [2726] => 
    [2727] =>             imagefiltercontrastnumberupdate();
    [2728] =>         }
    [2729] => 
    [2730] =>         function imagefiltercontrastincrementload()
    [2731] =>         {
    [2732] =>             const br = document.createElement("br");
    [2733] =>             imagefiltercontrast.append(br);
    [2734] => 
    [2735] =>             const array =
    [2736] =>             [
    [2737] =>                 ["-100",-100],
    [2738] =>                 ["-10",-10],
    [2739] =>                 ["-1",-1],
    [2740] =>                 ["+1",1],
    [2741] =>                 ["+10",10],
    [2742] =>                 ["+100",100],
    [2743] =>             ];
    [2744] => 
    [2745] =>             for(const value of array)
    [2746] =>             {
    [2747] =>                 const button = document.createElement("button");
    [2748] =>                 button.innerHTML = value[0];
    [2749] =>                 button.value = value[1];
    [2750] =>                 button.addEventListener("click", imagefiltercontrastincrementupdate);
    [2751] =>                 imagefiltercontrast.append(button);
    [2752] =>             }
    [2753] =>         }
    [2754] =>         addEventListener("load", imagefiltercontrastincrementload);
    [2755] => 
    [2756] =>         function imagefiltercontrastincrementupdate(e)
    [2757] =>         {
    [2758] =>             const v = Number(imagefiltercontrastnumber.value) + Number(e.target.value);
    [2759] => 
    [2760] =>             if((imagefiltercontrastnumber.min <= v) && (v <= imagefiltercontrastnumber.max))
    [2761] =>             {
    [2762] =>                 imagefiltercontrastnumber.value = v;
    [2763] => 
    [2764] =>                 imagefiltercontrastnumberupdate();
    [2765] =>             }
    [2766] =>         }
    [2767] => 
    [2768] => 
    [2769] => 
    [2770] =>         function imagefiltergrayscaleload()
    [2771] =>         {
    [2772] =>             const div = document.createElement("div");
    [2773] =>             div.id = "imagefiltergrayscale";
    [2774] =>             div.innerHTML = "filter-grayscale";
    [2775] =>             tabcontentimage.append(div);
    [2776] => 
    [2777] =>             const style = div.style;
    [2778] =>             style.overflowY = "hidden";
    [2779] =>             style.whiteSpace = "nowrap";
    [2780] =>         }
    [2781] =>         addEventListener("load", imagefiltergrayscaleload);
    [2782] => 
    [2783] =>         function imagefiltergrayscalenumberload()
    [2784] =>         {
    [2785] =>             const br = document.createElement("br");
    [2786] =>             imagefiltergrayscale.append(br);
    [2787] => 
    [2788] =>             const input = document.createElement("input");
    [2789] =>             input.id = "imagefiltergrayscalenumber";
    [2790] =>             input.max = 100;
    [2791] =>             input.min = 0;
    [2792] =>             input.step = 1;
    [2793] =>             input.type = "number";
    [2794] =>             input.value = 0;
    [2795] =>             input.addEventListener("input", imagefiltergrayscalenumberupdate);
    [2796] =>             imagefiltergrayscale.append(input);
    [2797] => 
    [2798] =>             //imagefiltergrayscalenumberset();
    [2799] =>         }
    [2800] =>         addEventListener("load", imagefiltergrayscalenumberload);
    [2801] => 
    [2802] =>         function imagefiltergrayscalenumberset()
    [2803] =>         {
    [2804] =>             const v = imagefiltergrayscalenumber.value;
    [2805] => 
    [2806] =>             imagefiltergrayscalerange.value = v;
    [2807] =>             image.filtergrayscale = v;
    [2808] =>         }
    [2809] => 
    [2810] =>         function imagefiltergrayscalenumberupdate()
    [2811] =>         {
    [2812] =>             imagefiltergrayscalenumberset();
    [2813] =>             svgupdate();
    [2814] =>         }
    [2815] => 
    [2816] =>         function imagefiltergrayscalerangeload()
    [2817] =>         {
    [2818] =>             const input = document.createElement("input");
    [2819] =>             input.id = "imagefiltergrayscalerange";
    [2820] =>             input.max = imagefiltergrayscalenumber.max;
    [2821] =>             input.min = imagefiltergrayscalenumber.min;
    [2822] =>             input.step = imagefiltergrayscalenumber.step;
    [2823] =>             input.type = "range";
    [2824] =>             input.value = imagefiltergrayscalenumber.value;
    [2825] =>             input.addEventListener("input", imagefiltergrayscalerangeupdate);
    [2826] =>             imagefiltergrayscale.append(input);
    [2827] => 
    [2828] =>             imagefiltergrayscalerangeset();
    [2829] =>         }
    [2830] =>         addEventListener("load", imagefiltergrayscalerangeload);
    [2831] => 
    [2832] =>         function imagefiltergrayscalerangeset()
    [2833] =>         {
    [2834] =>             const v = imagefiltergrayscalerange.value;
    [2835] => 
    [2836] =>             imagefiltergrayscalenumber.value = v;
    [2837] =>             image.filtergrayscale = v;
    [2838] =>         }
    [2839] => 
    [2840] =>         function imagefiltergrayscalerangeupdate()
    [2841] =>         {
    [2842] =>             imagefiltergrayscalerangeset();
    [2843] =>             svgupdate();
    [2844] =>         }
    [2845] => 
    [2846] =>         function imagefiltergrayscaleexactload()
    [2847] =>         {
    [2848] =>             const br = document.createElement("br");
    [2849] =>             imagefiltergrayscale.append(br);
    [2850] => 
    [2851] =>             const array =
    [2852] =>             [
    [2853] =>                 ["0",0],
    [2854] =>                 ["25",25],
    [2855] =>                 ["50",50],
    [2856] =>                 ["75",75],
    [2857] =>                 ["100",100],
    [2858] =>             ];
    [2859] => 
    [2860] =>             for(const value of array)
    [2861] =>             {
    [2862] =>                 const button = document.createElement("button");
    [2863] =>                 button.innerHTML = value[0];
    [2864] =>                 button.value = value[1];
    [2865] =>                 button.addEventListener("click", imagefiltergrayscaleexactupdate);
    [2866] =>                 imagefiltergrayscale.append(button);
    [2867] =>             }
    [2868] =>         }
    [2869] =>         addEventListener("load", imagefiltergrayscaleexactload);
    [2870] => 
    [2871] =>         function imagefiltergrayscaleexactupdate(e)
    [2872] =>         {
    [2873] =>             imagefiltergrayscalenumber.value = Number(e.target.value);
    [2874] => 
    [2875] =>             imagefiltergrayscalenumberupdate();
    [2876] =>         }
    [2877] => 
    [2878] =>         function imagefiltergrayscaleincrementload()
    [2879] =>         {
    [2880] =>             const br = document.createElement("br");
    [2881] =>             imagefiltergrayscale.append(br);
    [2882] => 
    [2883] =>             const array =
    [2884] =>             [
    [2885] =>                 ["-10",-10],
    [2886] =>                 ["-1",-1],
    [2887] =>                 ["+1",1],
    [2888] =>                 ["+10",10],
    [2889] =>             ];
    [2890] => 
    [2891] =>             for(const value of array)
    [2892] =>             {
    [2893] =>                 const button = document.createElement("button");
    [2894] =>                 button.innerHTML = value[0];
    [2895] =>                 button.value = value[1];
    [2896] =>                 button.addEventListener("click", imagefiltergrayscaleincrementupdate);
    [2897] =>                 imagefiltergrayscale.append(button);
    [2898] =>             }
    [2899] =>         }
    [2900] =>         addEventListener("load", imagefiltergrayscaleincrementload);
    [2901] => 
    [2902] =>         function imagefiltergrayscaleincrementupdate(e)
    [2903] =>         {
    [2904] =>             const v = Number(imagefiltergrayscalenumber.value) + Number(e.target.value);
    [2905] => 
    [2906] =>             if((imagefiltergrayscalenumber.min <= v) && (v <= imagefiltergrayscalenumber.max))
    [2907] =>             {
    [2908] =>                 imagefiltergrayscalenumber.value = v;
    [2909] => 
    [2910] =>                 imagefiltergrayscalenumberupdate();
    [2911] =>             }
    [2912] =>         }
    [2913] => 
    [2914] => 
    [2915] => 
    [2916] =>         function imagefilterhuerotateload()
    [2917] =>         {
    [2918] =>             const div = document.createElement("div");
    [2919] =>             div.id = "imagefilterhuerotate";
    [2920] =>             div.innerHTML = "filter-hue-rotate";
    [2921] =>             tabcontentimage.append(div);
    [2922] => 
    [2923] =>             const style = div.style;
    [2924] =>             style.overflowY = "hidden";
    [2925] =>             style.whiteSpace = "nowrap";
    [2926] =>         }
    [2927] =>         addEventListener("load", imagefilterhuerotateload);
    [2928] => 
    [2929] =>         function imagefilterhuerotatenumberload()
    [2930] =>         {
    [2931] =>             const br = document.createElement("br");
    [2932] =>             imagefilterhuerotate.append(br);
    [2933] => 
    [2934] =>             const input = document.createElement("input");
    [2935] =>             input.id = "imagefilterhuerotatenumber";
    [2936] =>             input.max = 360;
    [2937] =>             input.min = 0;
    [2938] =>             input.step = 1;
    [2939] =>             input.type = "number";
    [2940] =>             input.value = 0;
    [2941] =>             input.addEventListener("input", imagefilterhuerotatenumberupdate);
    [2942] =>             imagefilterhuerotate.append(input);
    [2943] => 
    [2944] =>             //imagefilterhuerotatenumberset();
    [2945] =>         }
    [2946] =>         addEventListener("load", imagefilterhuerotatenumberload);
    [2947] => 
    [2948] =>         function imagefilterhuerotatenumberset()
    [2949] =>         {
    [2950] =>             const v = imagefilterhuerotatenumber.value;
    [2951] => 
    [2952] =>             imagefilterhuerotaterange.value = v;
    [2953] =>             image.filterhuerotate = v;
    [2954] =>         }
    [2955] => 
    [2956] =>         function imagefilterhuerotatenumberupdate()
    [2957] =>         {
    [2958] =>             imagefilterhuerotatenumberset();
    [2959] =>             svgupdate();
    [2960] =>         }
    [2961] => 
    [2962] =>         function imagefilterhuerotaterangeload()
    [2963] =>         {
    [2964] =>             const input = document.createElement("input");
    [2965] =>             input.id = "imagefilterhuerotaterange";
    [2966] =>             input.max = imagefilterhuerotatenumber.max;
    [2967] =>             input.min = imagefilterhuerotatenumber.min;
    [2968] =>             input.step = imagefilterhuerotatenumber.step;
    [2969] =>             input.type = "range";
    [2970] =>             input.value = imagefilterhuerotatenumber.value;
    [2971] =>             input.addEventListener("input", imagefilterhuerotaterangeupdate);
    [2972] =>             imagefilterhuerotate.append(input);
    [2973] => 
    [2974] =>             imagefilterhuerotaterangeset();
    [2975] =>         }
    [2976] =>         addEventListener("load", imagefilterhuerotaterangeload);
    [2977] => 
    [2978] =>         function imagefilterhuerotaterangeset()
    [2979] =>         {
    [2980] =>             const v = imagefilterhuerotaterange.value;
    [2981] => 
    [2982] =>             imagefilterhuerotatenumber.value = v;
    [2983] =>             image.filterhuerotate = v;
    [2984] =>         }
    [2985] => 
    [2986] =>         function imagefilterhuerotaterangeupdate()
    [2987] =>         {
    [2988] =>             imagefilterhuerotaterangeset();
    [2989] =>             svgupdate();
    [2990] =>         }
    [2991] => 
    [2992] =>         function imagefilterhuerotateexactload()
    [2993] =>         {
    [2994] =>             const br = document.createElement("br");
    [2995] =>             imagefilterhuerotate.append(br);
    [2996] => 
    [2997] =>             const array =
    [2998] =>             [
    [2999] =>                 ["0",0],
    [3000] =>                 ["90",90],
    [3001] =>                 ["180",180],
    [3002] =>                 ["270",270],
    [3003] =>                 ["360",360],
    [3004] =>             ];
    [3005] => 
    [3006] =>             for(const value of array)
    [3007] =>             {
    [3008] =>                 const button = document.createElement("button");
    [3009] =>                 button.innerHTML = value[0];
    [3010] =>                 button.value = value[1];
    [3011] =>                 button.addEventListener("click", imagefilterhuerotateexactupdate);
    [3012] =>                 imagefilterhuerotate.append(button);
    [3013] =>             }
    [3014] =>         }
    [3015] =>         addEventListener("load", imagefilterhuerotateexactload);
    [3016] => 
    [3017] =>         function imagefilterhuerotateexactupdate(e)
    [3018] =>         {
    [3019] =>             imagefilterhuerotatenumber.value = Number(e.target.value);
    [3020] => 
    [3021] =>             imagefilterhuerotatenumberupdate();
    [3022] =>         }
    [3023] => 
    [3024] =>         function imagefilterhuerotateincrementload()
    [3025] =>         {
    [3026] =>             const br = document.createElement("br");
    [3027] =>             imagefilterhuerotate.append(br);
    [3028] => 
    [3029] =>             const array =
    [3030] =>             [
    [3031] =>                 //["-90",-90],
    [3032] =>                 ["-45",-45],
    [3033] =>                 ["-15",-15],
    [3034] =>                 ["-1",-1],
    [3035] =>                 ["+1",1],
    [3036] =>                 ["+15",15],
    [3037] =>                 ["+45",45],
    [3038] =>                 //["+90",90],
    [3039] =>             ];
    [3040] => 
    [3041] =>             for(const value of array)
    [3042] =>             {
    [3043] =>                 const button = document.createElement("button");
    [3044] =>                 button.innerHTML = value[0];
    [3045] =>                 button.value = value[1];
    [3046] =>                 button.addEventListener("click", imagefilterhuerotateincrementupdate);
    [3047] =>                 imagefilterhuerotate.append(button);
    [3048] =>             }
    [3049] =>         }
    [3050] =>         addEventListener("load", imagefilterhuerotateincrementload);
    [3051] => 
    [3052] =>         function imagefilterhuerotateincrementupdate(e)
    [3053] =>         {
    [3054] =>             const v = Number(imagefilterhuerotatenumber.value) + Number(e.target.value);
    [3055] => 
    [3056] =>             if((imagefilterhuerotatenumber.min <= v) && (v <= imagefilterhuerotatenumber.max))
    [3057] =>             {
    [3058] =>                 imagefilterhuerotatenumber.value = v;
    [3059] => 
    [3060] =>                 imagefilterhuerotatenumberupdate();
    [3061] =>             }
    [3062] =>         }
    [3063] => 
    [3064] => 
    [3065] => 
    [3066] =>         function imagefilterinvertload()
    [3067] =>         {
    [3068] =>             const div = document.createElement("div");
    [3069] =>             div.id = "imagefilterinvert";
    [3070] =>             div.innerHTML = "filter-invert";
    [3071] =>             tabcontentimage.append(div);
    [3072] => 
    [3073] =>             const style = div.style;
    [3074] =>             style.overflowY = "hidden";
    [3075] =>             style.whiteSpace = "nowrap";
    [3076] =>         }
    [3077] =>         addEventListener("load", imagefilterinvertload);
    [3078] => 
    [3079] =>         function imagefilterinvertnumberload()
    [3080] =>         {
    [3081] =>             const br = document.createElement("br");
    [3082] =>             imagefilterinvert.append(br);
    [3083] => 
    [3084] =>             const input = document.createElement("input");
    [3085] =>             input.id = "imagefilterinvertnumber";
    [3086] =>             input.max = 100;
    [3087] =>             input.min = 0;
    [3088] =>             input.step = 1;
    [3089] =>             input.type = "number";
    [3090] =>             input.value = 0;
    [3091] =>             input.addEventListener("input", imagefilterinvertnumberupdate);
    [3092] =>             imagefilterinvert.append(input);
    [3093] => 
    [3094] =>             //imagefilterinvertnumberset();
    [3095] =>         }
    [3096] =>         addEventListener("load", imagefilterinvertnumberload);
    [3097] => 
    [3098] =>         function imagefilterinvertnumberset()
    [3099] =>         {
    [3100] =>             const v = imagefilterinvertnumber.value;
    [3101] => 
    [3102] =>             imagefilterinvertrange.value = v;
    [3103] =>             image.filterinvert = v;
    [3104] =>         }
    [3105] => 
    [3106] =>         function imagefilterinvertnumberupdate()
    [3107] =>         {
    [3108] =>             imagefilterinvertnumberset();
    [3109] =>             svgupdate();
    [3110] =>         }
    [3111] => 
    [3112] =>         function imagefilterinvertrangeload()
    [3113] =>         {
    [3114] =>             const input = document.createElement("input");
    [3115] =>             input.id = "imagefilterinvertrange";
    [3116] =>             input.max = imagefilterinvertnumber.max;
    [3117] =>             input.min = imagefilterinvertnumber.min;
    [3118] =>             input.step = imagefilterinvertnumber.step;
    [3119] =>             input.type = "range";
    [3120] =>             input.value = imagefilterinvertnumber.value;
    [3121] =>             input.addEventListener("input", imagefilterinvertrangeupdate);
    [3122] =>             imagefilterinvert.append(input);
    [3123] => 
    [3124] =>             imagefilterinvertrangeset();
    [3125] =>         }
    [3126] =>         addEventListener("load", imagefilterinvertrangeload);
    [3127] => 
    [3128] =>         function imagefilterinvertrangeset()
    [3129] =>         {
    [3130] =>             const v = imagefilterinvertrange.value;
    [3131] => 
    [3132] =>             imagefilterinvertnumber.value = v;
    [3133] =>             image.filterinvert = v;
    [3134] =>         }
    [3135] => 
    [3136] =>         function imagefilterinvertrangeupdate()
    [3137] =>         {
    [3138] =>             imagefilterinvertrangeset();
    [3139] =>             svgupdate();
    [3140] =>         }
    [3141] => 
    [3142] =>         function imagefilterinvertexactload()
    [3143] =>         {
    [3144] =>             const br = document.createElement("br");
    [3145] =>             imagefilterinvert.append(br);
    [3146] => 
    [3147] =>             const array =
    [3148] =>             [
    [3149] =>                 ["0",0],
    [3150] =>                 ["25",25],
    [3151] =>                 ["50",50],
    [3152] =>                 ["75",75],
    [3153] =>                 ["100",100],
    [3154] =>             ];
    [3155] => 
    [3156] =>             for(const value of array)
    [3157] =>             {
    [3158] =>                 const button = document.createElement("button");
    [3159] =>                 button.innerHTML = value[0];
    [3160] =>                 button.value = value[1];
    [3161] =>                 button.addEventListener("click", imagefilterinvertexactupdate);
    [3162] =>                 imagefilterinvert.append(button);
    [3163] =>             }
    [3164] =>         }
    [3165] =>         addEventListener("load", imagefilterinvertexactload);
    [3166] => 
    [3167] =>         function imagefilterinvertexactupdate(e)
    [3168] =>         {
    [3169] =>             imagefilterinvertnumber.value = Number(e.target.value);
    [3170] => 
    [3171] =>             imagefilterinvertnumberupdate();
    [3172] =>         }
    [3173] => 
    [3174] =>         function imagefilterinvertincrementload()
    [3175] =>         {
    [3176] =>             const br = document.createElement("br");
    [3177] =>             imagefilterinvert.append(br);
    [3178] => 
    [3179] =>             const array =
    [3180] =>             [
    [3181] =>                 ["-10",-10],
    [3182] =>                 ["-1",-1],
    [3183] =>                 ["+1",1],
    [3184] =>                 ["+10",10],
    [3185] =>             ];
    [3186] => 
    [3187] =>             for(const value of array)
    [3188] =>             {
    [3189] =>                 const button = document.createElement("button");
    [3190] =>                 button.innerHTML = value[0];
    [3191] =>                 button.value = value[1];
    [3192] =>                 button.addEventListener("click", imagefilterinvertincrementupdate);
    [3193] =>                 imagefilterinvert.append(button);
    [3194] =>             }
    [3195] =>         }
    [3196] =>         addEventListener("load", imagefilterinvertincrementload);
    [3197] => 
    [3198] =>         function imagefilterinvertincrementupdate(e)
    [3199] =>         {
    [3200] =>             const v = Number(imagefilterinvertnumber.value) + Number(e.target.value);
    [3201] => 
    [3202] =>             if((imagefilterinvertnumber.min <= v) && (v <= imagefilterinvertnumber.max))
    [3203] =>             {
    [3204] =>                 imagefilterinvertnumber.value = v;
    [3205] => 
    [3206] =>                 imagefilterinvertnumberupdate();
    [3207] =>             }
    [3208] =>         }
    [3209] => 
    [3210] => 
    [3211] => 
    [3212] =>         function imagefilteropacityload()
    [3213] =>         {
    [3214] =>             const div = document.createElement("div");
    [3215] =>             div.id = "imagefilteropacity";
    [3216] =>             div.innerHTML = "filter-opacity";
    [3217] =>             tabcontentimage.append(div);
    [3218] => 
    [3219] =>             const style = div.style;
    [3220] =>             style.overflowY = "hidden";
    [3221] =>             style.whiteSpace = "nowrap";
    [3222] =>         }
    [3223] =>         addEventListener("load", imagefilteropacityload);
    [3224] => 
    [3225] =>         function imagefilteropacitynumberload()
    [3226] =>         {
    [3227] =>             const br = document.createElement("br");
    [3228] =>             imagefilteropacity.append(br);
    [3229] => 
    [3230] =>             const input = document.createElement("input");
    [3231] =>             input.id = "imagefilteropacitynumber";
    [3232] =>             input.max = 100;
    [3233] =>             input.min = 0;
    [3234] =>             input.step = 1;
    [3235] =>             input.type = "number";
    [3236] =>             input.value = 100;
    [3237] =>             input.addEventListener("input", imagefilteropacitynumberupdate);
    [3238] =>             imagefilteropacity.append(input);
    [3239] => 
    [3240] =>             //imagefilteropacitynumberset();
    [3241] =>         }
    [3242] =>         addEventListener("load", imagefilteropacitynumberload);
    [3243] => 
    [3244] =>         function imagefilteropacitynumberset()
    [3245] =>         {
    [3246] =>             const v = imagefilteropacitynumber.value;
    [3247] => 
    [3248] =>             imagefilteropacityrange.value = v;
    [3249] =>             image.filteropacity = v;
    [3250] =>         }
    [3251] => 
    [3252] =>         function imagefilteropacitynumberupdate()
    [3253] =>         {
    [3254] =>             imagefilteropacitynumberset();
    [3255] =>             svgupdate();
    [3256] =>         }
    [3257] => 
    [3258] =>         function imagefilteropacityrangeload()
    [3259] =>         {
    [3260] =>             const input = document.createElement("input");
    [3261] =>             input.id = "imagefilteropacityrange";
    [3262] =>             input.max = imagefilteropacitynumber.max;
    [3263] =>             input.min = imagefilteropacitynumber.min;
    [3264] =>             input.step = imagefilteropacitynumber.step;
    [3265] =>             input.type = "range";
    [3266] =>             input.value = imagefilteropacitynumber.value;
    [3267] =>             input.addEventListener("input", imagefilteropacityrangeupdate);
    [3268] =>             imagefilteropacity.append(input);
    [3269] => 
    [3270] =>             imagefilteropacityrangeset();
    [3271] =>         }
    [3272] =>         addEventListener("load", imagefilteropacityrangeload);
    [3273] => 
    [3274] =>         function imagefilteropacityrangeset()
    [3275] =>         {
    [3276] =>             const v = imagefilteropacityrange.value;
    [3277] => 
    [3278] =>             imagefilteropacitynumber.value = v;
    [3279] =>             image.filteropacity = v;
    [3280] =>         }
    [3281] => 
    [3282] =>         function imagefilteropacityrangeupdate()
    [3283] =>         {
    [3284] =>             imagefilteropacityrangeset();
    [3285] =>             svgupdate();
    [3286] =>         }
    [3287] => 
    [3288] =>         function imagefilteropacityexactload()
    [3289] =>         {
    [3290] =>             const br = document.createElement("br");
    [3291] =>             imagefilteropacity.append(br);
    [3292] => 
    [3293] =>             const array =
    [3294] =>             [
    [3295] =>                 ["0",0],
    [3296] =>                 ["25",25],
    [3297] =>                 ["50",50],
    [3298] =>                 ["75",75],
    [3299] =>                 ["100 (initial)",100],
    [3300] =>             ];
    [3301] => 
    [3302] =>             for(const value of array)
    [3303] =>             {
    [3304] =>                 const button = document.createElement("button");
    [3305] =>                 button.innerHTML = value[0];
    [3306] =>                 button.value = value[1];
    [3307] =>                 button.addEventListener("click", imagefilteropacityexactupdate);
    [3308] =>                 imagefilteropacity.append(button);
    [3309] =>             }
    [3310] =>         }
    [3311] =>         addEventListener("load", imagefilteropacityexactload);
    [3312] => 
    [3313] =>         function imagefilteropacityexactupdate(e)
    [3314] =>         {
    [3315] =>             imagefilteropacitynumber.value = Number(e.target.value);
    [3316] => 
    [3317] =>             imagefilteropacitynumberupdate();
    [3318] =>         }
    [3319] => 
    [3320] =>         function imagefilteropacityincrementload()
    [3321] =>         {
    [3322] =>             const br = document.createElement("br");
    [3323] =>             imagefilteropacity.append(br);
    [3324] => 
    [3325] =>             const array =
    [3326] =>             [
    [3327] =>                 ["-10",-10],
    [3328] =>                 ["-1",-1],
    [3329] =>                 ["+1",1],
    [3330] =>                 ["+10",10],
    [3331] =>             ];
    [3332] => 
    [3333] =>             for(const value of array)
    [3334] =>             {
    [3335] =>                 const button = document.createElement("button");
    [3336] =>                 button.innerHTML = value[0];
    [3337] =>                 button.value = value[1];
    [3338] =>                 button.addEventListener("click", imagefilteropacityincrementupdate);
    [3339] =>                 imagefilteropacity.append(button);
    [3340] =>             }
    [3341] =>         }
    [3342] =>         addEventListener("load", imagefilteropacityincrementload);
    [3343] => 
    [3344] =>         function imagefilteropacityincrementupdate(e)
    [3345] =>         {
    [3346] =>             const v = Number(imagefilteropacitynumber.value) + Number(e.target.value);
    [3347] => 
    [3348] =>             if((imagefilteropacitynumber.min <= v) && (v <= imagefilteropacitynumber.max))
    [3349] =>             {
    [3350] =>                 imagefilteropacitynumber.value = v;
    [3351] => 
    [3352] =>                 imagefilteropacitynumberupdate();
    [3353] =>             }
    [3354] =>         }
    [3355] => 
    [3356] => 
    [3357] => 
    [3358] =>         function imagefiltersaturateload()
    [3359] =>         {
    [3360] =>             const div = document.createElement("div");
    [3361] =>             div.id = "imagefiltersaturate";
    [3362] =>             div.innerHTML = "filter-saturate";
    [3363] =>             tabcontentimage.append(div);
    [3364] => 
    [3365] =>             const style = div.style;
    [3366] =>             style.overflowY = "hidden";
    [3367] =>             style.whiteSpace = "nowrap";
    [3368] =>         }
    [3369] =>         addEventListener("load", imagefiltersaturateload);
    [3370] => 
    [3371] =>         function imagefiltersaturatenumberload()
    [3372] =>         {
    [3373] =>             const br = document.createElement("br");
    [3374] =>             imagefiltersaturate.append(br);
    [3375] => 
    [3376] =>             const input = document.createElement("input");
    [3377] =>             input.id = "imagefiltersaturatenumber";
    [3378] =>             input.max = 1000;
    [3379] =>             input.min = 0;
    [3380] =>             input.step = 1;
    [3381] =>             input.type = "number";
    [3382] =>             input.value = 100;
    [3383] =>             input.addEventListener("input", imagefiltersaturatenumberupdate);
    [3384] =>             imagefiltersaturate.append(input);
    [3385] => 
    [3386] =>             //imagefiltersaturatenumberset();
    [3387] =>         }
    [3388] =>         addEventListener("load", imagefiltersaturatenumberload);
    [3389] => 
    [3390] =>         function imagefiltersaturatenumberset()
    [3391] =>         {
    [3392] =>             const v = imagefiltersaturatenumber.value;
    [3393] => 
    [3394] =>             imagefiltersaturaterange.value = v;
    [3395] =>             image.filtersaturate = v;
    [3396] =>         }
    [3397] => 
    [3398] =>         function imagefiltersaturatenumberupdate()
    [3399] =>         {
    [3400] =>             imagefiltersaturatenumberset();
    [3401] =>             svgupdate();
    [3402] =>         }
    [3403] => 
    [3404] =>         function imagefiltersaturaterangeload()
    [3405] =>         {
    [3406] =>             const input = document.createElement("input");
    [3407] =>             input.id = "imagefiltersaturaterange";
    [3408] =>             input.max = imagefiltersaturatenumber.max;
    [3409] =>             input.min = imagefiltersaturatenumber.min;
    [3410] =>             input.step = imagefiltersaturatenumber.step;
    [3411] =>             input.type = "range";
    [3412] =>             input.value = imagefiltersaturatenumber.value;
    [3413] =>             input.addEventListener("input", imagefiltersaturaterangeupdate);
    [3414] =>             imagefiltersaturate.append(input);
    [3415] => 
    [3416] =>             imagefiltersaturaterangeset();
    [3417] =>         }
    [3418] =>         addEventListener("load", imagefiltersaturaterangeload);
    [3419] => 
    [3420] =>         function imagefiltersaturaterangeset()
    [3421] =>         {
    [3422] =>             const v = imagefiltersaturaterange.value;
    [3423] => 
    [3424] =>             imagefiltersaturatenumber.value = v;
    [3425] =>             image.filtersaturate = v;
    [3426] =>         }
    [3427] => 
    [3428] =>         function imagefiltersaturaterangeupdate()
    [3429] =>         {
    [3430] =>             imagefiltersaturaterangeset();
    [3431] =>             svgupdate();
    [3432] =>         }
    [3433] => 
    [3434] =>         function imagefiltersaturateexactload()
    [3435] =>         {
    [3436] =>             const br = document.createElement("br");
    [3437] =>             imagefiltersaturate.append(br);
    [3438] => 
    [3439] =>             const array =
    [3440] =>             [
    [3441] =>                 ["0",0],
    [3442] =>                 ["50",50],
    [3443] =>                 ["100 (initial)",100],
    [3444] =>                 ["150",150],
    [3445] =>                 ["200",200],
    [3446] =>             ];
    [3447] => 
    [3448] =>             for(const value of array)
    [3449] =>             {
    [3450] =>                 const button = document.createElement("button");
    [3451] =>                 button.innerHTML = value[0];
    [3452] =>                 button.value = value[1];
    [3453] =>                 button.addEventListener("click", imagefiltersaturateexactupdate);
    [3454] =>                 imagefiltersaturate.append(button);
    [3455] =>             }
    [3456] =>         }
    [3457] =>         addEventListener("load", imagefiltersaturateexactload);
    [3458] => 
    [3459] =>         function imagefiltersaturateexactupdate(e)
    [3460] =>         {
    [3461] =>             imagefiltersaturatenumber.value = Number(e.target.value);
    [3462] => 
    [3463] =>             imagefiltersaturatenumberupdate();
    [3464] =>         }
    [3465] => 
    [3466] =>         function imagefiltersaturateincrementload()
    [3467] =>         {
    [3468] =>             const br = document.createElement("br");
    [3469] =>             imagefiltersaturate.append(br);
    [3470] => 
    [3471] =>             const array =
    [3472] =>             [
    [3473] =>                 ["-100",-100],
    [3474] =>                 ["-10",-10],
    [3475] =>                 ["-1",-1],
    [3476] =>                 ["+1",1],
    [3477] =>                 ["+10",10],
    [3478] =>                 ["+100",100],
    [3479] =>             ];
    [3480] => 
    [3481] =>             for(const value of array)
    [3482] =>             {
    [3483] =>                 const button = document.createElement("button");
    [3484] =>                 button.innerHTML = value[0];
    [3485] =>                 button.value = value[1];
    [3486] =>                 button.addEventListener("click", imagefiltersaturateincrementupdate);
    [3487] =>                 imagefiltersaturate.append(button);
    [3488] =>             }
    [3489] =>         }
    [3490] =>         addEventListener("load", imagefiltersaturateincrementload);
    [3491] => 
    [3492] =>         function imagefiltersaturateincrementupdate(e)
    [3493] =>         {
    [3494] =>             const v = Number(imagefiltersaturatenumber.value) + Number(e.target.value);
    [3495] => 
    [3496] =>             if((imagefiltersaturatenumber.min <= v) && (v <= imagefiltersaturatenumber.max))
    [3497] =>             {
    [3498] =>                 imagefiltersaturatenumber.value = v;
    [3499] => 
    [3500] =>                 imagefiltersaturatenumberupdate();
    [3501] =>             }
    [3502] =>         }
    [3503] => 
    [3504] => 
    [3505] => 
    [3506] =>         function imagefiltersepiaload()
    [3507] =>         {
    [3508] =>             const div = document.createElement("div");
    [3509] =>             div.id = "imagefiltersepia";
    [3510] =>             div.innerHTML = "filter-sepia";
    [3511] =>             tabcontentimage.append(div);
    [3512] => 
    [3513] =>             const style = div.style;
    [3514] =>             style.overflowY = "hidden";
    [3515] =>             style.whiteSpace = "nowrap";
    [3516] =>         }
    [3517] =>         addEventListener("load", imagefiltersepiaload);
    [3518] => 
    [3519] =>         function imagefiltersepianumberload()
    [3520] =>         {
    [3521] =>             const br = document.createElement("br");
    [3522] =>             imagefiltersepia.append(br);
    [3523] => 
    [3524] =>             const input = document.createElement("input");
    [3525] =>             input.id = "imagefiltersepianumber";
    [3526] =>             input.max = 100;
    [3527] =>             input.min = 0;
    [3528] =>             input.step = 1;
    [3529] =>             input.type = "number";
    [3530] =>             input.value = 0;
    [3531] =>             input.addEventListener("input", imagefiltersepianumberupdate);
    [3532] =>             imagefiltersepia.append(input);
    [3533] => 
    [3534] =>             //imagefiltersepianumberset();
    [3535] =>         }
    [3536] =>         addEventListener("load", imagefiltersepianumberload);
    [3537] => 
    [3538] =>         function imagefiltersepianumberset()
    [3539] =>         {
    [3540] =>             const v = imagefiltersepianumber.value;
    [3541] => 
    [3542] =>             imagefiltersepiarange.value = v;
    [3543] =>             image.filtersepia = v;
    [3544] =>         }
    [3545] => 
    [3546] =>         function imagefiltersepianumberupdate()
    [3547] =>         {
    [3548] =>             imagefiltersepianumberset();
    [3549] =>             svgupdate();
    [3550] =>         }
    [3551] => 
    [3552] =>         function imagefiltersepiarangeload()
    [3553] =>         {
    [3554] =>             const input = document.createElement("input");
    [3555] =>             input.id = "imagefiltersepiarange";
    [3556] =>             input.max = imagefiltersepianumber.max;
    [3557] =>             input.min = imagefiltersepianumber.min;
    [3558] =>             input.step = imagefiltersepianumber.step;
    [3559] =>             input.type = "range";
    [3560] =>             input.value = imagefiltersepianumber.value;
    [3561] =>             input.addEventListener("input", imagefiltersepiarangeupdate);
    [3562] =>             imagefiltersepia.append(input);
    [3563] => 
    [3564] =>             imagefiltersepiarangeset();
    [3565] =>         }
    [3566] =>         addEventListener("load", imagefiltersepiarangeload);
    [3567] => 
    [3568] =>         function imagefiltersepiarangeset()
    [3569] =>         {
    [3570] =>             const v = imagefiltersepiarange.value;
    [3571] => 
    [3572] =>             imagefiltersepianumber.value = v;
    [3573] =>             image.filtersepia = v;
    [3574] =>         }
    [3575] => 
    [3576] =>         function imagefiltersepiarangeupdate()
    [3577] =>         {
    [3578] =>             imagefiltersepiarangeset();
    [3579] =>             svgupdate();
    [3580] =>         }
    [3581] => 
    [3582] =>         function imagefiltersepiaexactload()
    [3583] =>         {
    [3584] =>             const br = document.createElement("br");
    [3585] =>             imagefiltersepia.append(br);
    [3586] => 
    [3587] =>             const array =
    [3588] =>             [
    [3589] =>                 ["0",0],
    [3590] =>                 ["25",25],
    [3591] =>                 ["50",50],
    [3592] =>                 ["75",75],
    [3593] =>                 ["100",100],
    [3594] =>             ];
    [3595] => 
    [3596] =>             for(const value of array)
    [3597] =>             {
    [3598] =>                 const button = document.createElement("button");
    [3599] =>                 button.innerHTML = value[0];
    [3600] =>                 button.value = value[1];
    [3601] =>                 button.addEventListener("click", imagefiltersepiaexactupdate);
    [3602] =>                 imagefiltersepia.append(button);
    [3603] =>             }
    [3604] =>         }
    [3605] =>         addEventListener("load", imagefiltersepiaexactload);
    [3606] => 
    [3607] =>         function imagefiltersepiaexactupdate(e)
    [3608] =>         {
    [3609] =>             imagefiltersepianumber.value = Number(e.target.value);
    [3610] => 
    [3611] =>             imagefiltersepianumberupdate();
    [3612] =>         }
    [3613] => 
    [3614] =>         function imagefiltersepiaincrementload()
    [3615] =>         {
    [3616] =>             const br = document.createElement("br");
    [3617] =>             imagefiltersepia.append(br);
    [3618] => 
    [3619] =>             const array =
    [3620] =>             [
    [3621] =>                 ["-10",-10],
    [3622] =>                 ["-1",-1],
    [3623] =>                 ["+1",1],
    [3624] =>                 ["+10",10],
    [3625] =>             ];
    [3626] => 
    [3627] =>             for(const value of array)
    [3628] =>             {
    [3629] =>                 const button = document.createElement("button");
    [3630] =>                 button.innerHTML = value[0];
    [3631] =>                 button.value = value[1];
    [3632] =>                 button.addEventListener("click", imagefiltersepiaincrementupdate);
    [3633] =>                 imagefiltersepia.append(button);
    [3634] =>             }
    [3635] =>         }
    [3636] =>         addEventListener("load", imagefiltersepiaincrementload);
    [3637] => 
    [3638] =>         function imagefiltersepiaincrementupdate(e)
    [3639] =>         {
    [3640] =>             const v = Number(imagefiltersepianumber.value) + Number(e.target.value);
    [3641] => 
    [3642] =>             if((imagefiltersepianumber.min <= v) && (v <= imagefiltersepianumber.max))
    [3643] =>             {
    [3644] =>                 imagefiltersepianumber.value = v;
    [3645] => 
    [3646] =>                 imagefiltersepianumberupdate();
    [3647] =>             }
    [3648] =>         }
    [3649] => 
    [3650] => 
    [3651] => 
    [3652] => /*
    [3653] =>         function imagemargintopload()
    [3654] =>         {
    [3655] =>             const div = document.createElement("div");
    [3656] =>             div.id = "imagemargintop";
    [3657] =>             div.innerHTML = "margin-top";
    [3658] =>             tabcontentimage.append(div);
    [3659] =>         }
    [3660] =>         addEventListener("load", imagemargintopload);
    [3661] => 
    [3662] =>         function imagemargintopnumberload()
    [3663] =>         {
    [3664] =>             const br = document.createElement("br");
    [3665] =>             imagemargintop.append(br);
    [3666] => 
    [3667] =>             const input = document.createElement("input");
    [3668] =>             input.id = "imagemargintopnumber";
    [3669] =>             input.max = 1000;
    [3670] =>             input.min = 0;
    [3671] =>             input.type = "number";
    [3672] =>             input.value = 0;
    [3673] =>             input.addEventListener("input", imagemargintopnumberupdate);
    [3674] =>             imagemargintop.append(input);
    [3675] => 
    [3676] =>             //imagemargintopnumberset();
    [3677] =>         }
    [3678] =>         addEventListener("load", imagemargintopnumberload);
    [3679] => 
    [3680] =>         function imagemargintopnumberset()
    [3681] =>         {
    [3682] =>             const v = Number(imagemargintopnumber.value);
    [3683] => 
    [3684] =>             imagemargintoprange.value = v;
    [3685] =>             image.margintop = v;
    [3686] =>         }
    [3687] => 
    [3688] =>         function imagemargintopnumberupdate()
    [3689] =>         {
    [3690] =>             imagemargintopnumberset();
    [3691] => 
    [3692] =>             svgupdate();
    [3693] =>         }
    [3694] => 
    [3695] =>         function imagemargintoprangeload()
    [3696] =>         {
    [3697] =>             const input = document.createElement("input");
    [3698] =>             input.id = "imagemargintoprange";
    [3699] =>             input.max = imagemargintopnumber.max;
    [3700] =>             input.min = imagemargintopnumber.min;
    [3701] =>             input.type = "range";
    [3702] =>             input.value = imagemargintopnumber.value;
    [3703] =>             input.addEventListener("input", imagemargintoprangeupdate);
    [3704] =>             imagemargintop.append(input);
    [3705] => 
    [3706] =>             imagemargintoprangeset();
    [3707] =>         }
    [3708] =>         addEventListener("load", imagemargintoprangeload);
    [3709] => 
    [3710] =>         function imagemargintoprangeset()
    [3711] =>         {
    [3712] =>             const v = Number(imagemargintoprange.value);
    [3713] => 
    [3714] =>             imagemargintopnumber.value = v;
    [3715] =>             image.margintop = v;
    [3716] =>         }
    [3717] => 
    [3718] =>         function imagemargintoprangeupdate()
    [3719] =>         {
    [3720] =>             imagemargintoprangeset();
    [3721] => 
    [3722] =>             svgupdate();
    [3723] =>         }
    [3724] => 
    [3725] => 
    [3726] => 
    [3727] =>         function imagemarginbottomload()
    [3728] =>         {
    [3729] =>             const div = document.createElement("div");
    [3730] =>             div.id = "imagemarginbottom";
    [3731] =>             div.innerHTML = "margin-bottom";
    [3732] =>             tabcontentimage.append(div);
    [3733] =>         }
    [3734] =>         addEventListener("load", imagemarginbottomload);
    [3735] => 
    [3736] =>         function imagemarginbottomnumberload()
    [3737] =>         {
    [3738] =>             const br = document.createElement("br");
    [3739] =>             imagemarginbottom.append(br);
    [3740] => 
    [3741] =>             const input = document.createElement("input");
    [3742] =>             input.id = "imagemarginbottomnumber";
    [3743] =>             input.max = 1000;
    [3744] =>             input.min = 0;
    [3745] =>             input.type = "number";
    [3746] =>             input.value = 0;
    [3747] =>             input.addEventListener("input", imagemarginbottomnumberupdate);
    [3748] =>             imagemarginbottom.append(input);
    [3749] => 
    [3750] =>             //imagemarginbottomnumberset();
    [3751] =>         }
    [3752] =>         addEventListener("load", imagemarginbottomnumberload);
    [3753] => 
    [3754] =>         function imagemarginbottomnumberset()
    [3755] =>         {
    [3756] =>             const v = Number(imagemarginbottomnumber.value);
    [3757] => 
    [3758] =>             imagemarginbottomrange.value = v;
    [3759] =>             image.marginbottom = v;
    [3760] =>         }
    [3761] => 
    [3762] =>         function imagemarginbottomnumberupdate()
    [3763] =>         {
    [3764] =>             imagemarginbottomnumberset();
    [3765] => 
    [3766] =>             svgupdate();
    [3767] =>         }
    [3768] => 
    [3769] =>         function imagemarginbottomrangeload()
    [3770] =>         {
    [3771] =>             const input = document.createElement("input");
    [3772] =>             input.id = "imagemarginbottomrange";
    [3773] =>             input.max = imagemarginbottomnumber.max;
    [3774] =>             input.min = imagemarginbottomnumber.min;
    [3775] =>             input.type = "range";
    [3776] =>             input.value = imagemarginbottomnumber.value;
    [3777] =>             input.addEventListener("input", imagemarginbottomrangeupdate);
    [3778] =>             imagemarginbottom.append(input);
    [3779] => 
    [3780] =>             imagemarginbottomrangeset();
    [3781] =>         }
    [3782] =>         addEventListener("load", imagemarginbottomrangeload);
    [3783] => 
    [3784] =>         function imagemarginbottomrangeset()
    [3785] =>         {
    [3786] =>             const v = Number(imagemarginbottomrange.value);
    [3787] => 
    [3788] =>             imagemarginbottomnumber.value = v;
    [3789] =>             image.marginbottom = v;
    [3790] =>         }
    [3791] => 
    [3792] =>         function imagemarginbottomrangeupdate()
    [3793] =>         {
    [3794] =>             imagemarginbottomrangeset();
    [3795] => 
    [3796] =>             svgupdate();
    [3797] =>         }
    [3798] => 
    [3799] => 
    [3800] => 
    [3801] =>         function imagemarginleftload()
    [3802] =>         {
    [3803] =>             const div = document.createElement("div");
    [3804] =>             div.id = "imagemarginleft";
    [3805] =>             div.innerHTML = "margin-left";
    [3806] =>             tabcontentimage.append(div);
    [3807] =>         }
    [3808] =>         addEventListener("load", imagemarginleftload);
    [3809] => 
    [3810] =>         function imagemarginleftnumberload()
    [3811] =>         {
    [3812] =>             const br = document.createElement("br");
    [3813] =>             imagemarginleft.append(br);
    [3814] => 
    [3815] =>             const input = document.createElement("input");
    [3816] =>             input.id = "imagemarginleftnumber";
    [3817] =>             input.max = 1000;
    [3818] =>             input.min = 0;
    [3819] =>             input.type = "number";
    [3820] =>             input.value = 0;
    [3821] =>             input.addEventListener("input", imagemarginleftnumberupdate);
    [3822] =>             imagemarginleft.append(input);
    [3823] => 
    [3824] =>             //imagemarginleftnumberset();
    [3825] =>         }
    [3826] =>         addEventListener("load", imagemarginleftnumberload);
    [3827] => 
    [3828] =>         function imagemarginleftnumberset()
    [3829] =>         {
    [3830] =>             const v = Number(imagemarginleftnumber.value);
    [3831] => 
    [3832] =>             imagemarginleftrange.value = v;
    [3833] =>             image.marginleft = v;
    [3834] =>         }
    [3835] => 
    [3836] =>         function imagemarginleftnumberupdate()
    [3837] =>         {
    [3838] =>             imagemarginleftnumberset();
    [3839] => 
    [3840] =>             svgupdate();
    [3841] =>         }
    [3842] => 
    [3843] =>         function imagemarginleftrangeload()
    [3844] =>         {
    [3845] =>             const input = document.createElement("input");
    [3846] =>             input.id = "imagemarginleftrange";
    [3847] =>             input.max = imagemarginleftnumber.max;
    [3848] =>             input.min = imagemarginleftnumber.min;
    [3849] =>             input.type = "range";
    [3850] =>             input.value = imagemarginleftnumber.value;
    [3851] =>             input.addEventListener("input", imagemarginleftrangeupdate);
    [3852] =>             imagemarginleft.append(input);
    [3853] => 
    [3854] =>             imagemarginleftrangeset();
    [3855] =>         }
    [3856] =>         addEventListener("load", imagemarginleftrangeload);
    [3857] => 
    [3858] =>         function imagemarginleftrangeset()
    [3859] =>         {
    [3860] =>             const v = Number(imagemarginleftrange.value);
    [3861] => 
    [3862] =>             imagemarginleftnumber.value = v;
    [3863] =>             image.marginleft = v;
    [3864] =>         }
    [3865] => 
    [3866] =>         function imagemarginleftrangeupdate()
    [3867] =>         {
    [3868] =>             imagemarginleftrangeset();
    [3869] => 
    [3870] =>             svgupdate();
    [3871] =>         }
    [3872] => 
    [3873] => 
    [3874] => 
    [3875] =>         function imagemarginrightload()
    [3876] =>         {
    [3877] =>             const div = document.createElement("div");
    [3878] =>             div.id = "imagemarginright";
    [3879] =>             div.innerHTML = "margin-right";
    [3880] =>             tabcontentimage.append(div);
    [3881] =>         }
    [3882] =>         addEventListener("load", imagemarginrightload);
    [3883] => 
    [3884] =>         function imagemarginrightnumberload()
    [3885] =>         {
    [3886] =>             const br = document.createElement("br");
    [3887] =>             imagemarginright.append(br);
    [3888] => 
    [3889] =>             const input = document.createElement("input");
    [3890] =>             input.id = "imagemarginrightnumber";
    [3891] =>             input.max = 1000;
    [3892] =>             input.min = 0;
    [3893] =>             input.type = "number";
    [3894] =>             input.value = 0;
    [3895] =>             input.addEventListener("input", imagemarginrightnumberupdate);
    [3896] =>             imagemarginright.append(input);
    [3897] => 
    [3898] =>             //imagemarginrightnumberset();
    [3899] =>         }
    [3900] =>         addEventListener("load", imagemarginrightnumberload);
    [3901] => 
    [3902] =>         function imagemarginrightnumberset()
    [3903] =>         {
    [3904] =>             const v = Number(imagemarginrightnumber.value);
    [3905] => 
    [3906] =>             imagemarginrightrange.value = v;
    [3907] =>             image.marginright = v;
    [3908] =>         }
    [3909] => 
    [3910] =>         function imagemarginrightnumberupdate()
    [3911] =>         {
    [3912] =>             imagemarginrightnumberset();
    [3913] => 
    [3914] =>             svgupdate();
    [3915] =>         }
    [3916] => 
    [3917] =>         function imagemarginrightrangeload()
    [3918] =>         {
    [3919] =>             const input = document.createElement("input");
    [3920] =>             input.id = "imagemarginrightrange";
    [3921] =>             input.max = imagemarginrightnumber.max;
    [3922] =>             input.min = imagemarginrightnumber.min;
    [3923] =>             input.type = "range";
    [3924] =>             input.value = imagemarginrightnumber.value;
    [3925] => 
    [3926] =>             input.addEventListener("input", imagemarginrightrangeupdate);
    [3927] =>             imagemarginright.append(input);
    [3928] => 
    [3929] =>             imagemarginrightrangeset();
    [3930] =>         }
    [3931] =>         addEventListener("load", imagemarginrightrangeload);
    [3932] => 
    [3933] =>         function imagemarginrightrangeset()
    [3934] =>         {
    [3935] =>             const v = Number(imagemarginrightrange.value);
    [3936] => 
    [3937] =>             imagemarginrightnumber.value = v;
    [3938] =>             image.marginright = v;
    [3939] =>         }
    [3940] => 
    [3941] =>         function imagemarginrightrangeupdate()
    [3942] =>         {
    [3943] =>             imagemarginrightrangeset();
    [3944] => 
    [3945] =>             svgupdate();
    [3946] =>         }
    [3947] => 
    [3948] => 
    [3949] => 
    [3950] =>         function imagepaddingtopload()
    [3951] =>         {
    [3952] =>             const div = document.createElement("div");
    [3953] =>             div.id = "imagepaddingtop";
    [3954] =>             div.innerHTML = "padding-top";
    [3955] =>             tabcontentimage.append(div);
    [3956] =>         }
    [3957] =>         addEventListener("load", imagepaddingtopload);
    [3958] => 
    [3959] =>         function imagepaddingtopnumberload()
    [3960] =>         {
    [3961] =>             const br = document.createElement("br");
    [3962] =>             imagepaddingtop.append(br);
    [3963] => 
    [3964] =>             const input = document.createElement("input");
    [3965] =>             input.id = "imagepaddingtopnumber";
    [3966] =>             input.max = 1000;
    [3967] =>             input.min = 0;
    [3968] =>             input.type = "number";
    [3969] =>             input.value = 0;
    [3970] =>             input.addEventListener("input", imagepaddingtopnumberupdate);
    [3971] =>             imagepaddingtop.append(input);
    [3972] => 
    [3973] =>             //imagepaddingtopnumberset();
    [3974] =>         }
    [3975] =>         addEventListener("load", imagepaddingtopnumberload);
    [3976] => 
    [3977] =>         function imagepaddingtopnumberset()
    [3978] =>         {
    [3979] =>             const v = Number(imagepaddingtopnumber.value);
    [3980] => 
    [3981] =>             imagepaddingtoprange.value = v;
    [3982] =>             image.paddingtop = v;
    [3983] =>         }
    [3984] => 
    [3985] =>         function imagepaddingtopnumberupdate()
    [3986] =>         {
    [3987] =>             imagepaddingtopnumberset();
    [3988] => 
    [3989] =>             svgupdate();
    [3990] =>         }
    [3991] => 
    [3992] =>         function imagepaddingtoprangeload()
    [3993] =>         {
    [3994] =>             const input = document.createElement("input");
    [3995] =>             input.id = "imagepaddingtoprange";
    [3996] =>             input.max = imagepaddingtopnumber.max;
    [3997] =>             input.min = imagepaddingtopnumber.min;
    [3998] =>             input.type = "range";
    [3999] =>             input.value = imagepaddingtopnumber.value;
    [4000] =>             input.addEventListener("input", imagepaddingtoprangeupdate);
    [4001] =>             imagepaddingtop.append(input);
    [4002] => 
    [4003] =>             imagepaddingtoprangeset();
    [4004] =>         }
    [4005] =>         addEventListener("load", imagepaddingtoprangeload);
    [4006] => 
    [4007] =>         function imagepaddingtoprangeset()
    [4008] =>         {
    [4009] =>             const v = Number(imagepaddingtoprange.value);
    [4010] => 
    [4011] =>             imagepaddingtopnumber.value = v;
    [4012] =>             image.paddingtop = v;
    [4013] =>         }
    [4014] => 
    [4015] =>         function imagepaddingtoprangeupdate()
    [4016] =>         {
    [4017] =>             imagepaddingtoprangeset();
    [4018] => 
    [4019] =>             svgupdate();
    [4020] =>         }
    [4021] => 
    [4022] => 
    [4023] => 
    [4024] =>         function imagepaddingbottomload()
    [4025] =>         {
    [4026] =>             const div = document.createElement("div");
    [4027] =>             div.id = "imagepaddingbottom";
    [4028] =>             div.innerHTML = "padding-bottom";
    [4029] =>             tabcontentimage.append(div);
    [4030] =>         }
    [4031] =>         addEventListener("load", imagepaddingbottomload);
    [4032] => 
    [4033] =>         function imagepaddingbottomnumberload()
    [4034] =>         {
    [4035] =>             const br = document.createElement("br");
    [4036] =>             imagepaddingbottom.append(br);
    [4037] => 
    [4038] =>             const input = document.createElement("input");
    [4039] =>             input.id = "imagepaddingbottomnumber";
    [4040] =>             input.max = 1000;
    [4041] =>             input.min = 0;
    [4042] =>             input.type = "number";
    [4043] =>             input.value = 0;
    [4044] =>             input.addEventListener("input", imagepaddingbottomnumberupdate);
    [4045] =>             imagepaddingbottom.append(input);
    [4046] => 
    [4047] =>             //imagepaddingbottomnumberset();
    [4048] =>         }
    [4049] =>         addEventListener("load", imagepaddingbottomnumberload);
    [4050] => 
    [4051] =>         function imagepaddingbottomnumberset()
    [4052] =>         {
    [4053] =>             const v = Number(imagepaddingbottomnumber.value);
    [4054] => 
    [4055] =>             imagepaddingbottomrange.value = v;
    [4056] =>             image.paddingbottom = v;
    [4057] =>         }
    [4058] => 
    [4059] =>         function imagepaddingbottomnumberupdate()
    [4060] =>         {
    [4061] =>             imagepaddingbottomnumberset();
    [4062] => 
    [4063] =>             svgupdate();
    [4064] =>         }
    [4065] => 
    [4066] =>         function imagepaddingbottomrangeload()
    [4067] =>         {
    [4068] =>             const input = document.createElement("input");
    [4069] =>             input.id = "imagepaddingbottomrange";
    [4070] =>             input.max = imagepaddingbottomnumber.max;
    [4071] =>             input.min = imagepaddingbottomnumber.min;
    [4072] =>             input.type = "range";
    [4073] =>             input.value = imagepaddingbottomnumber.value;
    [4074] =>             input.addEventListener("input", imagepaddingbottomrangeupdate);
    [4075] =>             imagepaddingbottom.append(input);
    [4076] => 
    [4077] =>             imagepaddingbottomrangeset();
    [4078] =>         }
    [4079] =>         addEventListener("load", imagepaddingbottomrangeload);
    [4080] => 
    [4081] =>         function imagepaddingbottomrangeset()
    [4082] =>         {
    [4083] =>             const v = Number(imagepaddingbottomrange.value);
    [4084] => 
    [4085] =>             imagepaddingbottomnumber.value = v;
    [4086] =>             image.paddingbottom = v;
    [4087] =>         }
    [4088] => 
    [4089] =>         function imagepaddingbottomrangeupdate()
    [4090] =>         {
    [4091] =>             imagepaddingbottomrangeset();
    [4092] => 
    [4093] =>             svgupdate();
    [4094] =>         }
    [4095] => 
    [4096] => 
    [4097] => 
    [4098] =>         function imagepaddingleftload()
    [4099] =>         {
    [4100] =>             const div = document.createElement("div");
    [4101] =>             div.id = "imagepaddingleft";
    [4102] =>             div.innerHTML = "padding-left";
    [4103] =>             tabcontentimage.append(div);
    [4104] =>         }
    [4105] =>         addEventListener("load", imagepaddingleftload);
    [4106] => 
    [4107] =>         function imagepaddingleftnumberload()
    [4108] =>         {
    [4109] =>             const br = document.createElement("br");
    [4110] =>             imagepaddingleft.append(br);
    [4111] => 
    [4112] =>             const input = document.createElement("input");
    [4113] =>             input.id = "imagepaddingleftnumber";
    [4114] =>             input.max = 1000;
    [4115] =>             input.min = 0;
    [4116] =>             input.type = "number";
    [4117] =>             input.value = 0;
    [4118] =>             input.addEventListener("input", imagepaddingleftnumberupdate);
    [4119] =>             imagepaddingleft.append(input);
    [4120] => 
    [4121] =>             //imagepaddingleftnumberset();
    [4122] =>         }
    [4123] =>         addEventListener("load", imagepaddingleftnumberload);
    [4124] => 
    [4125] =>         function imagepaddingleftnumberset()
    [4126] =>         {
    [4127] =>             const v = Number(imagepaddingleftnumber.value);
    [4128] => 
    [4129] =>             imagepaddingleftrange.value = v;
    [4130] =>             image.paddingleft = v;
    [4131] =>         }
    [4132] => 
    [4133] =>         function imagepaddingleftnumberupdate()
    [4134] =>         {
    [4135] =>             imagepaddingleftnumberset();
    [4136] => 
    [4137] =>             svgupdate();
    [4138] =>         }
    [4139] => 
    [4140] =>         function imagepaddingleftrangeload()
    [4141] =>         {
    [4142] =>             const input = document.createElement("input");
    [4143] =>             input.id = "imagepaddingleftrange";
    [4144] =>             input.max = imagepaddingleftnumber.max;
    [4145] =>             input.min = imagepaddingleftnumber.min;
    [4146] =>             input.type = "range";
    [4147] =>             input.value = imagepaddingleftnumber.value;
    [4148] =>             input.addEventListener("input", imagepaddingleftrangeupdate);
    [4149] =>             imagepaddingleft.append(input);
    [4150] => 
    [4151] =>             imagepaddingleftrangeset();
    [4152] =>         }
    [4153] =>         addEventListener("load", imagepaddingleftrangeload);
    [4154] => 
    [4155] =>         function imagepaddingleftrangeset()
    [4156] =>         {
    [4157] =>             const v = Number(imagepaddingleftrange.value);
    [4158] => 
    [4159] =>             imagepaddingleftnumber.value = v;
    [4160] =>             image.paddingleft = v;
    [4161] =>         }
    [4162] => 
    [4163] =>         function imagepaddingleftrangeupdate()
    [4164] =>         {
    [4165] =>             imagepaddingleftrangeset();
    [4166] => 
    [4167] =>             svgupdate();
    [4168] =>         }
    [4169] => 
    [4170] => 
    [4171] => 
    [4172] =>         function imagepaddingrightload()
    [4173] =>         {
    [4174] =>             const div = document.createElement("div");
    [4175] =>             div.id = "imagepaddingright";
    [4176] =>             div.innerHTML = "padding-right";
    [4177] =>             tabcontentimage.append(div);
    [4178] =>         }
    [4179] =>         addEventListener("load", imagepaddingrightload);
    [4180] => 
    [4181] =>         function imagepaddingrightnumberload()
    [4182] =>         {
    [4183] =>             const br = document.createElement("br");
    [4184] =>             imagepaddingright.append(br);
    [4185] => 
    [4186] =>             const input = document.createElement("input");
    [4187] =>             input.id = "imagepaddingrightnumber";
    [4188] =>             input.max = 1000;
    [4189] =>             input.min = 0;
    [4190] =>             input.type = "number";
    [4191] =>             input.value = 0;
    [4192] =>             input.addEventListener("input", imagepaddingrightnumberupdate);
    [4193] =>             imagepaddingright.append(input);
    [4194] => 
    [4195] =>             //imagepaddingrightnumberset();
    [4196] =>         }
    [4197] =>         addEventListener("load", imagepaddingrightnumberload);
    [4198] => 
    [4199] =>         function imagepaddingrightnumberset()
    [4200] =>         {
    [4201] =>             const v = Number(imagepaddingrightnumber.value);
    [4202] => 
    [4203] =>             imagepaddingrightrange.value = v;
    [4204] =>             image.paddingright = v;
    [4205] =>         }
    [4206] => 
    [4207] =>         function imagepaddingrightnumberupdate()
    [4208] =>         {
    [4209] =>             imagepaddingrightnumberset();
    [4210] => 
    [4211] =>             svgupdate();
    [4212] =>         }
    [4213] => 
    [4214] =>         function imagepaddingrightrangeload()
    [4215] =>         {
    [4216] =>             const input = document.createElement("input");
    [4217] =>             input.id = "imagepaddingrightrange";
    [4218] =>             input.max = imagepaddingrightnumber.max;
    [4219] =>             input.min = imagepaddingrightnumber.min;
    [4220] =>             input.type = "range";
    [4221] =>             input.value = imagepaddingrightnumber.value;
    [4222] =>             input.addEventListener("input", imagepaddingrightrangeupdate);
    [4223] =>             imagepaddingright.append(input);
    [4224] => 
    [4225] =>             imagepaddingrightrangeset();
    [4226] =>         }
    [4227] =>         addEventListener("load", imagepaddingrightrangeload);
    [4228] => 
    [4229] =>         function imagepaddingrightrangeset()
    [4230] =>         {
    [4231] =>             const v = Number(imagepaddingrightrange.value);
    [4232] => 
    [4233] =>             imagepaddingrightnumber.value = v;
    [4234] =>             image.paddingright = v;
    [4235] =>         }
    [4236] => 
    [4237] =>         function imagepaddingrightrangeupdate()
    [4238] =>         {
    [4239] =>             imagepaddingrightrangeset();
    [4240] => 
    [4241] =>             svgupdate();
    [4242] =>         }
    [4243] => //*/
    [4244] => 
    [4245] => 
    [4246] => 
    [4247] => 
    [4248] => 
    [4249] => 
    [4250] =>         function messagetextload()
    [4251] =>         {
    [4252] =>             const div = document.createElement("div");
    [4253] =>             div.id = "messagetext";
    [4254] =>             div.innerHTML = "text";
    [4255] =>             tabcontentmessage.append(div);
    [4256] =>         }
    [4257] =>         addEventListener("load", messagetextload);
    [4258] => 
    [4259] =>         function messagetexttextareaload()
    [4260] =>         {
    [4261] =>             const br = document.createElement("br");
    [4262] =>             messagetext.append(br);
    [4263] => 
    [4264] =>             const textarea = document.createElement("textarea");
    [4265] =>             textarea.id = "messagetexttextarea";
    [4266] =>             textarea.addEventListener("input", messagetexttextareaupdate);
    [4267] =>             messagetext.append(textarea);
    [4268] => 
    [4269] =>             textarea.value = "Jesus loves you!";
    [4270] => 
    [4271] =>             messagetexttextareaset();
    [4272] =>         }
    [4273] =>         addEventListener("load", messagetexttextareaload);
    [4274] => 
    [4275] =>         function messagetexttextareaset()
    [4276] =>         {
    [4277] =>             text.messagetext = messagetexttextarea.value;
    [4278] =>         }
    [4279] => 
    [4280] =>         function messagetexttextareaupdate()
    [4281] =>         {
    [4282] =>             messagetexttextareaset();
    [4283] =>             svgupdate();
    [4284] =>         }
    [4285] => 
    [4286] => 
    [4287] => 
    [4288] =>         function messagewidthload()
    [4289] =>         {
    [4290] =>             const div = document.createElement("div");
    [4291] =>             div.id = "messagewidth";
    [4292] =>             div.innerHTML = "width";
    [4293] =>             tabcontentmessage.append(div);
    [4294] => 
    [4295] =>             const style = div.style;
    [4296] =>             style.overflowY = "hidden";
    [4297] =>             style.whiteSpace = "nowrap";
    [4298] =>         }
    [4299] =>         addEventListener("load", messagewidthload);
    [4300] => 
    [4301] =>         function messagewidthnumberload()
    [4302] =>         {
    [4303] =>             const br = document.createElement("br");
    [4304] =>             messagewidth.append(br);
    [4305] => 
    [4306] =>             const input = document.createElement("input");
    [4307] =>             input.id = "messagewidthnumber";
    [4308] =>             input.max = maxwidth;
    [4309] =>             input.min = 0;
    [4310] =>             input.type = "number";
    [4311] =>             input.value = canvas.width - 100;
    [4312] =>             input.addEventListener("input", messagewidthnumberupdate);
    [4313] =>             messagewidth.append(input);
    [4314] => 
    [4315] =>             //messagewidthnumberset();
    [4316] =>         }
    [4317] =>         addEventListener("load", messagewidthnumberload);
    [4318] => 
    [4319] =>         function messagewidthnumberset()
    [4320] =>         {
    [4321] =>             const v = Number(messagewidthnumber.value);
    [4322] => 
    [4323] =>             messagewidthrange.value = v;
    [4324] =>             text.messagewidth = v;
    [4325] =>         }
    [4326] => 
    [4327] =>         function messagewidthnumberupdate()
    [4328] =>         {
    [4329] =>             messagewidthnumberset();
    [4330] =>             svgupdate();
    [4331] =>         }
    [4332] => 
    [4333] =>         function messagewidthrangeload()
    [4334] =>         {
    [4335] =>             const input = document.createElement("input");
    [4336] =>             input.id = "messagewidthrange";
    [4337] =>             input.max = messagewidthnumber.max;
    [4338] =>             input.min = messagewidthnumber.min;
    [4339] =>             input.type = "range";
    [4340] =>             input.value = messagewidthnumber.value;
    [4341] =>             input.addEventListener("input", messagewidthrangeupdate);
    [4342] =>             messagewidth.append(input);
    [4343] => 
    [4344] =>             messagewidthrangeset();
    [4345] =>         }
    [4346] =>         addEventListener("load", messagewidthrangeload);
    [4347] => 
    [4348] =>         function messagewidthrangeset()
    [4349] =>         {
    [4350] =>             const v = Number(messagewidthrange.value);
    [4351] => 
    [4352] =>             messagewidthnumber.value = v;
    [4353] =>             text.messagewidth = v;
    [4354] =>         }
    [4355] => 
    [4356] =>         function messagewidthrangeupdate()
    [4357] =>         {
    [4358] =>             messagewidthrangeset();
    [4359] =>             svgupdate();
    [4360] =>         }
    [4361] => 
    [4362] =>         function messagewidthexactload()
    [4363] =>         {
    [4364] =>             const br = document.createElement("br");
    [4365] =>             messagewidth.append(br);
    [4366] => 
    [4367] =>             const array =
    [4368] =>             [
    [4369] =>                 ["25%",0.25],
    [4370] =>                 ["50%",0.5],
    [4371] =>                 ["75%",0.75],
    [4372] =>                 ["100%",1],
    [4373] =>             ];
    [4374] => 
    [4375] =>             for(const value of array)
    [4376] =>             {
    [4377] =>                 const button = document.createElement("button");
    [4378] =>                 button.innerHTML = value[0];
    [4379] =>                 button.value = value[1];
    [4380] =>                 button.addEventListener("click", messagewidthexactupdate);
    [4381] =>                 messagewidth.append(button);
    [4382] =>             }
    [4383] =>         }
    [4384] =>         addEventListener("load", messagewidthexactload);
    [4385] => 
    [4386] =>         function messagewidthexactupdate(e)
    [4387] =>         {
    [4388] =>             messagewidthnumber.value = canvas.width * Number(e.target.value);
    [4389] => 
    [4390] =>             messagewidthnumberupdate();
    [4391] =>         }
    [4392] => 
    [4393] =>         function messagewidthincrementload()
    [4394] =>         {
    [4395] =>             const br = document.createElement("br");
    [4396] =>             messagewidth.append(br);
    [4397] => 
    [4398] =>             const array =
    [4399] =>             [
    [4400] =>                 ["-1000",-1000],
    [4401] =>                 ["-100",-100],
    [4402] =>                 ["-10",-10],
    [4403] =>                 ["-1",-1],
    [4404] =>                 ["+1",1],
    [4405] =>                 ["+10",10],
    [4406] =>                 ["+100",100],
    [4407] =>                 ["+1000",1000],
    [4408] =>             ];
    [4409] => 
    [4410] =>             for(const value of array)
    [4411] =>             {
    [4412] =>                 const button = document.createElement("button");
    [4413] =>                 button.innerHTML = value[0];
    [4414] =>                 button.value = value[1];
    [4415] =>                 button.addEventListener("click", messagewidthincrementupdate);
    [4416] =>                 messagewidth.append(button);
    [4417] =>             }
    [4418] =>         }
    [4419] =>         addEventListener("load", messagewidthincrementload);
    [4420] => 
    [4421] =>         function messagewidthincrementupdate(e)
    [4422] =>         {
    [4423] =>             const v = Number(messagewidthnumber.value) + Number(e.target.value);
    [4424] => 
    [4425] =>             if((messagewidthnumber.min <= v) && (v <= messagewidthnumber.max))
    [4426] =>             {
    [4427] =>                 messagewidthnumber.value = v;
    [4428] => 
    [4429] =>                 messagewidthnumberupdate();
    [4430] =>             }
    [4431] =>         }
    [4432] => 
    [4433] => 
    [4434] => 
    [4435] =>         function messageheightload()
    [4436] =>         {
    [4437] =>             const div = document.createElement("div");
    [4438] =>             div.id = "messageheight";
    [4439] =>             div.innerHTML = "height";
    [4440] =>             tabcontentmessage.append(div);
    [4441] => 
    [4442] =>             const style = div.style;
    [4443] =>             style.overflowY = "hidden";
    [4444] =>             style.whiteSpace = "nowrap";
    [4445] =>         }
    [4446] =>         addEventListener("load", messageheightload);
    [4447] => 
    [4448] =>         function messageheightnumberload()
    [4449] =>         {
    [4450] =>             const br = document.createElement("br");
    [4451] =>             messageheight.append(br);
    [4452] => 
    [4453] =>             const input = document.createElement("input");
    [4454] =>             input.id = "messageheightnumber";
    [4455] =>             input.max = maxheight;
    [4456] =>             input.min = 0;
    [4457] =>             input.type = "number";
    [4458] =>             input.value = 300;
    [4459] =>             input.addEventListener("input", messageheightnumberupdate);
    [4460] =>             messageheight.append(input);
    [4461] => 
    [4462] =>             //messageheightnumberset();
    [4463] =>         }
    [4464] =>         addEventListener("load", messageheightnumberload);
    [4465] => 
    [4466] =>         function messageheightnumberset()
    [4467] =>         {
    [4468] =>             const v = Number(messageheightnumber.value);
    [4469] => 
    [4470] =>             messageheightrange.value = v;
    [4471] =>             text.messageheight = v;
    [4472] =>         }
    [4473] => 
    [4474] =>         function messageheightnumberupdate()
    [4475] =>         {
    [4476] =>             messageheightnumberset();
    [4477] =>             svgupdate();
    [4478] =>         }
    [4479] => 
    [4480] =>         function messageheightrangeload()
    [4481] =>         {
    [4482] =>             const input = document.createElement("input");
    [4483] =>             input.id = "messageheightrange";
    [4484] =>             input.max = messageheightnumber.max;
    [4485] =>             input.min = messageheightnumber.min;
    [4486] =>             input.type = "range";
    [4487] =>             input.value = messageheightnumber.value;
    [4488] =>             input.addEventListener("input", messageheightrangeupdate);
    [4489] =>             messageheight.append(input);
    [4490] => 
    [4491] =>             messageheightrangeset();
    [4492] =>         }
    [4493] =>         addEventListener("load", messageheightrangeload);
    [4494] => 
    [4495] =>         function messageheightrangeset()
    [4496] =>         {
    [4497] =>             const v = Number(messageheightrange.value);
    [4498] => 
    [4499] =>             messageheightnumber.value = v;
    [4500] =>             text.messageheight = v;
    [4501] =>         }
    [4502] => 
    [4503] =>         function messageheightrangeupdate()
    [4504] =>         {
    [4505] =>             messageheightrangeset();
    [4506] =>             svgupdate();
    [4507] =>         }
    [4508] => 
    [4509] =>         function messageheightexactload()
    [4510] =>         {
    [4511] =>             const br = document.createElement("br");
    [4512] =>             messageheight.append(br);
    [4513] => 
    [4514] =>             const array =
    [4515] =>             [
    [4516] =>                 ["25%",0.25],
    [4517] =>                 ["50%",0.5],
    [4518] =>                 ["75%",0.75],
    [4519] =>                 ["100%",1],
    [4520] =>             ];
    [4521] => 
    [4522] =>             for(const value of array)
    [4523] =>             {
    [4524] =>                 const button = document.createElement("button");
    [4525] =>                 button.innerHTML = value[0];
    [4526] =>                 button.value = value[1];
    [4527] =>                 button.addEventListener("click", messageheightexactupdate);
    [4528] =>                 messageheight.append(button);
    [4529] =>             }
    [4530] =>         }
    [4531] =>         addEventListener("load", messageheightexactload);
    [4532] => 
    [4533] =>         function messageheightexactupdate(e)
    [4534] =>         {
    [4535] =>             messageheightnumber.value = canvas.height * Number(e.target.value);
    [4536] => 
    [4537] =>             messageheightnumberupdate();
    [4538] =>         }
    [4539] => 
    [4540] =>         function messageheightincrementload()
    [4541] =>         {
    [4542] =>             const br = document.createElement("br");
    [4543] =>             messageheight.append(br);
    [4544] => 
    [4545] =>             const array =
    [4546] =>             [
    [4547] =>                 ["-1000",-1000],
    [4548] =>                 ["-100",-100],
    [4549] =>                 ["-10",-10],
    [4550] =>                 ["-1",-1],
    [4551] =>                 ["+1",1],
    [4552] =>                 ["+10",10],
    [4553] =>                 ["+100",100],
    [4554] =>                 ["+1000",1000],
    [4555] =>             ];
    [4556] => 
    [4557] =>             for(const value of array)
    [4558] =>             {
    [4559] =>                 const button = document.createElement("button");
    [4560] =>                 button.innerHTML = value[0];
    [4561] =>                 button.value = value[1];
    [4562] =>                 button.addEventListener("click", messageheightincrementupdate);
    [4563] =>                 messageheight.append(button);
    [4564] =>             }
    [4565] =>         }
    [4566] =>         addEventListener("load", messageheightincrementload);
    [4567] => 
    [4568] =>         function messageheightincrementupdate(e)
    [4569] =>         {
    [4570] =>             const v = Number(messageheightnumber.value) + Number(e.target.value);
    [4571] => 
    [4572] =>             if((messageheightnumber.min <= v) && (v <= messageheightnumber.max))
    [4573] =>             {
    [4574] =>                 messageheightnumber.value = v;
    [4575] => 
    [4576] =>                 messageheightnumberupdate();
    [4577] =>             }
    [4578] =>         }
    [4579] => 
    [4580] => 
    [4581] => 
    [4582] =>         function messagexload()
    [4583] =>         {
    [4584] =>             const div = document.createElement("div");
    [4585] =>             div.id = "messagex";
    [4586] =>             div.innerHTML = "x";
    [4587] =>             tabcontentmessage.append(div);
    [4588] => 
    [4589] =>             const style = div.style;
    [4590] =>             style.overflowY = "hidden";
    [4591] =>             style.whiteSpace = "nowrap";
    [4592] =>         }
    [4593] =>         addEventListener("load", messagexload);
    [4594] => 
    [4595] =>         function messagexnumberload()
    [4596] =>         {
    [4597] =>             const br = document.createElement("br");
    [4598] =>             messagex.append(br);
    [4599] => 
    [4600] =>             const input = document.createElement("input");
    [4601] =>             input.id = "messagexnumber";
    [4602] =>             input.max = maxwidth;
    [4603] =>             input.min = -maxwidth;
    [4604] =>             input.type = "number";
    [4605] =>             input.value = 50;
    [4606] =>             input.addEventListener("input", messagexnumberupdate);
    [4607] =>             messagex.append(input);
    [4608] => 
    [4609] =>             //messagexnumberset();
    [4610] =>         }
    [4611] =>         addEventListener("load", messagexnumberload);
    [4612] => 
    [4613] =>         function messagexnumberset()
    [4614] =>         {
    [4615] =>             const v = Number(messagexnumber.value);
    [4616] => 
    [4617] =>             messagexrange.value = v;
    [4618] =>             text.messagex = v;
    [4619] =>         }
    [4620] => 
    [4621] =>         function messagexnumberupdate()
    [4622] =>         {
    [4623] =>             messagexnumberset();
    [4624] =>             svgupdate();
    [4625] =>         }
    [4626] => 
    [4627] =>         function messagexrangeload()
    [4628] =>         {
    [4629] =>             const input = document.createElement("input");
    [4630] =>             input.id = "messagexrange";
    [4631] =>             input.max = messagexnumber.max;
    [4632] =>             input.min = messagexnumber.min;
    [4633] =>             input.type = "range";
    [4634] =>             input.value = messagexnumber.value;
    [4635] =>             input.addEventListener("input", messagexrangeupdate);
    [4636] =>             messagex.append(input);
    [4637] => 
    [4638] =>             messagexrangeset();
    [4639] =>         }
    [4640] =>         addEventListener("load", messagexrangeload);
    [4641] => 
    [4642] =>         function messagexrangeset()
    [4643] =>         {
    [4644] =>             const v = Number(messagexrange.value);
    [4645] => 
    [4646] =>             messagexnumber.value = v;
    [4647] =>             text.messagex = v;
    [4648] =>         }
    [4649] => 
    [4650] =>         function messagexrangeupdate()
    [4651] =>         {
    [4652] =>             messagexrangeset();
    [4653] =>             svgupdate();
    [4654] =>         }
    [4655] => 
    [4656] =>         function messagexexactload()
    [4657] =>         {
    [4658] =>             const br = document.createElement("br");
    [4659] =>             messagex.append(br);
    [4660] => 
    [4661] =>             const array =
    [4662] =>             [
    [4663] =>                 ["left",0],
    [4664] =>                 ["center",0.5],
    [4665] =>                 ["right",1],
    [4666] =>             ];
    [4667] => 
    [4668] =>             for(const value of array)
    [4669] =>             {
    [4670] =>                 const button = document.createElement("button");
    [4671] =>                 button.innerHTML = value[0];
    [4672] =>                 button.value = value[1];
    [4673] =>                 button.addEventListener("click", messagexexactupdate);
    [4674] =>                 messagex.append(button);
    [4675] =>             }
    [4676] =>         }
    [4677] =>         addEventListener("load", messagexexactload);
    [4678] => 
    [4679] =>         function messagexexactupdate(e)
    [4680] =>         {
    [4681] =>             //messagexnumber.value = (canvas.width - text.messagewidth - text.messagepaddingleft - text.messagepaddingright) * Number(e.target.value);
    [4682] =>             messagexnumber.value = (canvas.width - text.messagewidth) * Number(e.target.value);
    [4683] => 
    [4684] =>             messagexnumberupdate();
    [4685] =>         }
    [4686] => 
    [4687] =>         function messagexincrementload()
    [4688] =>         {
    [4689] =>             const br = document.createElement("br");
    [4690] =>             messagex.append(br);
    [4691] => 
    [4692] =>             const array =
    [4693] =>             [
    [4694] =>                 ["-1000",-1000],
    [4695] =>                 ["-100",-100],
    [4696] =>                 ["-10",-10],
    [4697] =>                 ["-1",-1],
    [4698] =>                 ["+1",1],
    [4699] =>                 ["+10",10],
    [4700] =>                 ["+100",100],
    [4701] =>                 ["+1000",1000],
    [4702] =>             ];
    [4703] => 
    [4704] =>             for(const value of array)
    [4705] =>             {
    [4706] =>                 const button = document.createElement("button");
    [4707] =>                 button.innerHTML = value[0];
    [4708] =>                 button.value = value[1];
    [4709] =>                 button.addEventListener("click", messagexincrementupdate);
    [4710] =>                 messagex.append(button);
    [4711] =>             }
    [4712] =>         }
    [4713] =>         addEventListener("load", messagexincrementload);
    [4714] => 
    [4715] =>         function messagexincrementupdate(e)
    [4716] =>         {
    [4717] =>             const v = Number(messagexnumber.value) + Number(e.target.value);
    [4718] => 
    [4719] =>             if((messagexnumber.min <= v) && (v <= messagexnumber.max))
    [4720] =>             {
    [4721] =>                 messagexnumber.value = v;
    [4722] => 
    [4723] =>                 messagexnumberupdate();
    [4724] =>             }
    [4725] =>         }
    [4726] => 
    [4727] => 
    [4728] => 
    [4729] =>         function messageyload()
    [4730] =>         {
    [4731] =>             const div = document.createElement("div");
    [4732] =>             div.id = "messagey";
    [4733] =>             div.innerHTML = "y";
    [4734] =>             tabcontentmessage.append(div);
    [4735] => 
    [4736] =>             const style = div.style;
    [4737] =>             style.overflowY = "hidden";
    [4738] =>             style.whiteSpace = "nowrap";
    [4739] =>         }
    [4740] =>         addEventListener("load", messageyload);
    [4741] => 
    [4742] =>         function messageynumberload()
    [4743] =>         {
    [4744] =>             const br = document.createElement("br");
    [4745] =>             messagey.append(br);
    [4746] => 
    [4747] =>             const input = document.createElement("input");
    [4748] =>             input.id = "messageynumber";
    [4749] =>             input.max = maxheight;
    [4750] =>             input.min = -maxheight;
    [4751] =>             input.type = "number";
    [4752] =>             input.value = 50;
    [4753] =>             input.addEventListener("input", messageynumberupdate);
    [4754] =>             messagey.append(input);
    [4755] => 
    [4756] =>             //messageynumberset();
    [4757] =>         }
    [4758] =>         addEventListener("load", messageynumberload);
    [4759] => 
    [4760] =>         function messageynumberset()
    [4761] =>         {
    [4762] =>             const v = Number(messageynumber.value);
    [4763] => 
    [4764] =>             messageyrange.value = v;
    [4765] =>             text.messagey = v;
    [4766] =>         }
    [4767] => 
    [4768] =>         function messageynumberupdate()
    [4769] =>         {
    [4770] =>             messageynumberset();
    [4771] =>             svgupdate();
    [4772] =>         }
    [4773] => 
    [4774] =>         function messageyrangeload()
    [4775] =>         {
    [4776] =>             const input = document.createElement("input");
    [4777] =>             input.id = "messageyrange";
    [4778] =>             input.max = messageynumber.max;
    [4779] =>             input.min = messageynumber.min;
    [4780] =>             input.type = "range";
    [4781] =>             input.value = messageynumber.value;
    [4782] =>             input.addEventListener("input", messageyrangeupdate);
    [4783] =>             messagey.append(input);
    [4784] => 
    [4785] =>             messageyrangeset();
    [4786] =>         }
    [4787] =>         addEventListener("load", messageyrangeload);
    [4788] => 
    [4789] =>         function messageyrangeset()
    [4790] =>         {
    [4791] =>             const v = Number(messageyrange.value);
    [4792] => 
    [4793] =>             messageynumber.value = v;
    [4794] =>             text.messagey = v;
    [4795] =>         }
    [4796] => 
    [4797] =>         function messageyrangeupdate()
    [4798] =>         {
    [4799] =>             messageyrangeset();
    [4800] =>             svgupdate();
    [4801] =>         }
    [4802] => 
    [4803] =>         function messageyexactload()
    [4804] =>         {
    [4805] =>             const br = document.createElement("br");
    [4806] =>             messagey.append(br);
    [4807] => 
    [4808] =>             const array =
    [4809] =>             [
    [4810] =>                 ["top",0],
    [4811] =>                 ["center",0.5],
    [4812] =>                 ["bottom",1],
    [4813] =>             ];
    [4814] => 
    [4815] =>             for(const value of array)
    [4816] =>             {
    [4817] =>                 const button = document.createElement("button");
    [4818] =>                 button.innerHTML = value[0];
    [4819] =>                 button.value = value[1];
    [4820] =>                 button.addEventListener("click", messageyexactupdate);
    [4821] =>                 messagey.append(button);
    [4822] =>             }
    [4823] =>         }
    [4824] =>         addEventListener("load", messageyexactload);
    [4825] => 
    [4826] =>         function messageyexactupdate(e)
    [4827] =>         {
    [4828] =>             //messageynumber.value = (canvas.height - text.messageheight - text.messagepaddingtop - text.messagepaddingbottom) * Number(e.target.value);
    [4829] =>             messageynumber.value = (canvas.height - text.messageheight) * Number(e.target.value);
    [4830] => 
    [4831] =>             messageynumberupdate();
    [4832] =>         }
    [4833] => 
    [4834] =>         function messageyincrementload()
    [4835] =>         {
    [4836] =>             const br = document.createElement("br");
    [4837] =>             messagey.append(br);
    [4838] => 
    [4839] =>             const array =
    [4840] =>             [
    [4841] =>                 ["-1000",-1000],
    [4842] =>                 ["-100",-100],
    [4843] =>                 ["-10",-10],
    [4844] =>                 ["-1",-1],
    [4845] =>                 ["+1",1],
    [4846] =>                 ["+10",10],
    [4847] =>                 ["+100",100],
    [4848] =>                 ["+1000",1000],
    [4849] =>             ];
    [4850] => 
    [4851] =>             for(const value of array)
    [4852] =>             {
    [4853] =>                 const button = document.createElement("button");
    [4854] =>                 button.innerHTML = value[0];
    [4855] =>                 button.value = value[1];
    [4856] =>                 button.addEventListener("click", messageyincrementupdate);
    [4857] =>                 messagey.append(button);
    [4858] =>             }
    [4859] =>         }
    [4860] =>         addEventListener("load", messageyincrementload);
    [4861] => 
    [4862] =>         function messageyincrementupdate(e)
    [4863] =>         {
    [4864] =>             const v = Number(messageynumber.value) + Number(e.target.value);
    [4865] => 
    [4866] =>             if((messageynumber.min <= v) && (v <= messageynumber.max))
    [4867] =>             {
    [4868] =>                 messageynumber.value = v;
    [4869] => 
    [4870] =>                 messageynumberupdate();
    [4871] =>             }
    [4872] =>         }
    [4873] => 
    [4874] => 
    [4875] => 
    [4876] =>         function messagebackgroundcolorload()
    [4877] =>         {
    [4878] =>             const div = document.createElement("div");
    [4879] =>             div.id = "messagebackgroundcolor";
    [4880] =>             div.innerHTML = "background-color";
    [4881] =>             tabcontentmessage.append(div);
    [4882] =>         }
    [4883] =>         addEventListener("load", messagebackgroundcolorload);
    [4884] => 
    [4885] =>         function messagebackgroundcolorcolorload()
    [4886] =>         {
    [4887] =>             const br = document.createElement("br");
    [4888] =>             messagebackgroundcolor.append(br);
    [4889] => 
    [4890] =>             const input = document.createElement("input");
    [4891] =>             input.id = "messagebackgroundcolorcolor";
    [4892] =>             input.type = "color";
    [4893] =>             input.value = "#ffffff";
    [4894] =>             input.addEventListener("input", messagebackgroundcolorcolorupdate);
    [4895] =>             messagebackgroundcolor.append(input);
    [4896] => 
    [4897] =>             //messagebackgroundcolorcolorset();
    [4898] =>         }
    [4899] =>         addEventListener("load", messagebackgroundcolorcolorload);
    [4900] => 
    [4901] =>         function messagebackgroundcolorcolorset()
    [4902] =>         {
    [4903] =>             const c = messagebackgroundcolorcolor.value;
    [4904] =>             const r = parseInt(c.slice(1,3),16);
    [4905] =>             const g = parseInt(c.slice(3,5),16);
    [4906] =>             const b = parseInt(c.slice(5,7),16);
    [4907] =>             const a = messagebackgroundalphanumber.value;
    [4908] => 
    [4909] =>             text.messagebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;
    [4910] =>         }
    [4911] => 
    [4912] =>         function messagebackgroundcolorcolorupdate()
    [4913] =>         {
    [4914] =>             messagebackgroundcolorcolorset();
    [4915] =>             svgupdate();
    [4916] =>         }
    [4917] => 
    [4918] =>         function messagebackgroundcolorexactload()
    [4919] =>         {
    [4920] =>             const br = document.createElement("br");
    [4921] =>             messagebackgroundcolor.append(br);
    [4922] => 
    [4923] =>             const array =
    [4924] =>             [
    [4925] =>                 ["black","#000000"],
    [4926] =>                 ["white","#ffffff"],
    [4927] =>             ];
    [4928] => 
    [4929] =>             for(const value of array)
    [4930] =>             {
    [4931] =>                 const button = document.createElement("button");
    [4932] =>                 button.innerHTML = value[0];
    [4933] =>                 button.value = value[1];
    [4934] =>                 button.addEventListener("click", messagebackgroundcolorexactupdate);
    [4935] =>                 messagebackgroundcolor.append(button);
    [4936] =>             }
    [4937] =>         }
    [4938] =>         addEventListener("load", messagebackgroundcolorexactload);
    [4939] => 
    [4940] =>         function messagebackgroundcolorexactupdate(e)
    [4941] =>         {
    [4942] =>             messagebackgroundcolorcolor.value = e.target.value;
    [4943] => 
    [4944] =>             messagebackgroundcolorcolorupdate();
    [4945] =>         }
    [4946] => 
    [4947] => 
    [4948] => 
    [4949] =>         function messagebackgroundalphaload()
    [4950] =>         {
    [4951] =>             const div = document.createElement("div");
    [4952] =>             div.id = "messagebackgroundalpha";
    [4953] =>             div.innerHTML = "background-alpha";
    [4954] =>             tabcontentmessage.append(div);
    [4955] => 
    [4956] =>             const style = div.style;
    [4957] =>             style.overflowY = "hidden";
    [4958] =>             style.whiteSpace = "nowrap";
    [4959] =>         }
    [4960] =>         addEventListener("load", messagebackgroundalphaload);
    [4961] => 
    [4962] =>         function messagebackgroundalphanumberload()
    [4963] =>         {
    [4964] =>             const br = document.createElement("br");
    [4965] =>             messagebackgroundalpha.append(br);
    [4966] => 
    [4967] =>             const input = document.createElement("input");
    [4968] =>             input.id = "messagebackgroundalphanumber";
    [4969] =>             input.max = 1;
    [4970] =>             input.min = 0;
    [4971] =>             input.step = 0.01;
    [4972] =>             input.type = "number";
    [4973] =>             input.value = 0.5;
    [4974] =>             input.addEventListener("input", messagebackgroundalphanumberupdate);
    [4975] =>             messagebackgroundalpha.append(input);
    [4976] => 
    [4977] =>             //messagebackgroundalphanumberset();
    [4978] =>         }
    [4979] =>         addEventListener("load", messagebackgroundalphanumberload);
    [4980] => 
    [4981] =>         function messagebackgroundalphanumberset()
    [4982] =>         {
    [4983] =>             const c = messagebackgroundcolorcolor.value;
    [4984] =>             const r = parseInt(c.slice(1,3),16);
    [4985] =>             const g = parseInt(c.slice(3,5),16);
    [4986] =>             const b = parseInt(c.slice(5,7),16);
    [4987] =>             const a = messagebackgroundalphanumber.value;
    [4988] => 
    [4989] =>             messagebackgroundalpharange.value = a;
    [4990] =>             text.messagebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;
    [4991] =>         }
    [4992] => 
    [4993] =>         function messagebackgroundalphanumberupdate()
    [4994] =>         {
    [4995] =>             messagebackgroundalphanumberset();
    [4996] =>             svgupdate();
    [4997] =>         }
    [4998] => 
    [4999] =>         function messagebackgroundalpharangeload()
    [5000] =>         {
    [5001] =>             const input = document.createElement("input");
    [5002] =>             input.id = "messagebackgroundalpharange";
    [5003] =>             input.max = messagebackgroundalphanumber.max;
    [5004] =>             input.min = messagebackgroundalphanumber.min;
    [5005] =>             input.step = messagebackgroundalphanumber.step;
    [5006] =>             input.type = "range";
    [5007] =>             input.value = messagebackgroundalphanumber.value;
    [5008] =>             input.addEventListener("input", messagebackgroundalpharangeupdate);
    [5009] =>             messagebackgroundalpha.append(input);
    [5010] => 
    [5011] =>             messagebackgroundalpharangeset();
    [5012] =>         }
    [5013] =>         addEventListener("load", messagebackgroundalpharangeload);
    [5014] => 
    [5015] =>         function messagebackgroundalpharangeset()
    [5016] =>         {
    [5017] =>             const c = messagebackgroundcolorcolor.value;
    [5018] =>             const r = parseInt(c.slice(1,3),16);
    [5019] =>             const g = parseInt(c.slice(3,5),16);
    [5020] =>             const b = parseInt(c.slice(5,7),16);
    [5021] =>             const a = messagebackgroundalpharange.value;
    [5022] => 
    [5023] =>             messagebackgroundalphanumber.value = a;
    [5024] =>             text.messagebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;
    [5025] =>         }
    [5026] => 
    [5027] =>         function messagebackgroundalpharangeupdate()
    [5028] =>         {
    [5029] =>             messagebackgroundalpharangeset();
    [5030] =>             svgupdate();
    [5031] =>         }
    [5032] => 
    [5033] =>         function messagebackgroundalphaexactload()
    [5034] =>         {
    [5035] =>             const br = document.createElement("br");
    [5036] =>             messagebackgroundalpha.append(br);
    [5037] => 
    [5038] =>             const array =
    [5039] =>             [
    [5040] =>                 ["0",0],
    [5041] =>                 ["0.25",0.25],
    [5042] =>                 ["0.5",0.5],
    [5043] =>                 ["0.75",0.75],
    [5044] =>                 ["1",1],
    [5045] =>             ];
    [5046] => 
    [5047] =>             for(const value of array)
    [5048] =>             {
    [5049] =>                 const button = document.createElement("button");
    [5050] =>                 button.innerHTML = value[0];
    [5051] =>                 button.value = value[1];
    [5052] =>                 button.addEventListener("click", messagebackgroundalphaexactupdate);
    [5053] =>                 messagebackgroundalpha.append(button);
    [5054] =>             }
    [5055] =>         }
    [5056] =>         addEventListener("load", messagebackgroundalphaexactload);
    [5057] => 
    [5058] =>         function messagebackgroundalphaexactupdate(e)
    [5059] =>         {
    [5060] =>             messagebackgroundalphanumber.value = Number(e.target.value);
    [5061] => 
    [5062] =>             messagebackgroundalphanumberupdate();
    [5063] =>         }
    [5064] => 
    [5065] =>         function messagebackgroundalphaincrementload()
    [5066] =>         {
    [5067] =>             const br = document.createElement("br");
    [5068] =>             messagebackgroundalpha.append(br);
    [5069] => 
    [5070] =>             const array =
    [5071] =>             [
    [5072] =>                 ["-0.1",-0.1],
    [5073] =>                 ["-0.01",-0.01],
    [5074] =>                 ["+0.01",0.01],
    [5075] =>                 ["+0.1",0.1],
    [5076] =>             ];
    [5077] => 
    [5078] =>             for(const value of array)
    [5079] =>             {
    [5080] =>                 const button = document.createElement("button");
    [5081] =>                 button.innerHTML = value[0];
    [5082] =>                 button.value = value[1];
    [5083] =>                 button.addEventListener("click", messagebackgroundalphaincrementupdate);
    [5084] =>                 messagebackgroundalpha.append(button);
    [5085] =>             }
    [5086] =>         }
    [5087] =>         addEventListener("load", messagebackgroundalphaincrementload);
    [5088] => 
    [5089] =>         function messagebackgroundalphaincrementupdate(e)
    [5090] =>         {
    [5091] =>             let v = Number(messagebackgroundalphanumber.value) + Number(e.target.value);
    [5092] =>             v = parseFloat(v.toFixed(2));
    [5093] => 
    [5094] =>             if((messagebackgroundalphanumber.min <= v) && (v <= messagebackgroundalphanumber.max))
    [5095] =>             {
    [5096] =>                 messagebackgroundalphanumber.value = v;
    [5097] => 
    [5098] =>                 messagebackgroundalphanumberupdate();
    [5099] =>             }
    [5100] =>         }
    [5101] => 
    [5102] => 
    [5103] => 
    [5104] =>         function messagebordercolorload()
    [5105] =>         {
    [5106] =>             const div = document.createElement("div");
    [5107] =>             div.id = "messagebordercolor";
    [5108] =>             div.innerHTML = "border-color";
    [5109] =>             tabcontentmessage.append(div);
    [5110] =>         }
    [5111] =>         addEventListener("load", messagebordercolorload);
    [5112] => 
    [5113] =>         function messagebordercolorcolorload()
    [5114] =>         {
    [5115] =>             const br = document.createElement("br");
    [5116] =>             messagebordercolor.append(br);
    [5117] => 
    [5118] =>             const input = document.createElement("input");
    [5119] =>             input.id = "messagebordercolorcolor";
    [5120] =>             input.type = "color";
    [5121] =>             input.value = "#000000";
    [5122] =>             input.addEventListener("input", messagebordercolorcolorupdate);
    [5123] =>             messagebordercolor.append(input);
    [5124] => 
    [5125] =>             //messagebordercolorcolorset();
    [5126] =>         }
    [5127] =>         addEventListener("load", messagebordercolorcolorload);
    [5128] => 
    [5129] =>         function messagebordercolorcolorset()
    [5130] =>         {
    [5131] =>             const c = messagebordercolorcolor.value;
    [5132] =>             const r = parseInt(c.slice(1,3),16);
    [5133] =>             const g = parseInt(c.slice(3,5),16);
    [5134] =>             const b = parseInt(c.slice(5,7),16);
    [5135] =>             const a = messageborderalphanumber.value;
    [5136] => 
    [5137] =>             text.messagebordercolor = `rgb(${r} ${g} ${b} / ${a})`;
    [5138] =>         }
    [5139] => 
    [5140] =>         function messagebordercolorcolorupdate()
    [5141] =>         {
    [5142] =>             messagebordercolorcolorset();
    [5143] =>             svgupdate();
    [5144] =>         }
    [5145] => 
    [5146] =>         function messagebordercolorexactload()
    [5147] =>         {
    [5148] =>             const br = document.createElement("br");
    [5149] =>             messagebordercolor.append(br);
    [5150] => 
    [5151] =>             const array =
    [5152] =>             [
    [5153] =>                 ["black","#000000"],
    [5154] =>                 ["white","#ffffff"],
    [5155] =>             ];
    [5156] => 
    [5157] =>             for(const value of array)
    [5158] =>             {
    [5159] =>                 const button = document.createElement("button");
    [5160] =>                 button.innerHTML = value[0];
    [5161] =>                 button.value = value[1];
    [5162] =>                 button.addEventListener("click", messagebordercolorexactupdate);
    [5163] =>                 messagebordercolor.append(button);
    [5164] =>             }
    [5165] =>         }
    [5166] =>         addEventListener("load", messagebordercolorexactload);
    [5167] => 
    [5168] =>         function messagebordercolorexactupdate(e)
    [5169] =>         {
    [5170] =>             messagebordercolorcolor.value = e.target.value;
    [5171] => 
    [5172] =>             messagebordercolorcolorupdate();
    [5173] =>         }
    [5174] => 
    [5175] => 
    [5176] => 
    [5177] =>         function messageborderalphaload()
    [5178] =>         {
    [5179] =>             const div = document.createElement("div");
    [5180] =>             div.id = "messageborderalpha";
    [5181] =>             div.innerHTML = "border-alpha";
    [5182] =>             tabcontentmessage.append(div);
    [5183] => 
    [5184] =>             const style = div.style;
    [5185] =>             style.overflowY = "hidden";
    [5186] =>             style.whiteSpace = "nowrap";
    [5187] =>         }
    [5188] =>         addEventListener("load", messageborderalphaload);
    [5189] => 
    [5190] =>         function messageborderalphanumberload()
    [5191] =>         {
    [5192] =>             const br = document.createElement("br");
    [5193] =>             messageborderalpha.append(br);
    [5194] => 
    [5195] =>             const input = document.createElement("input");
    [5196] =>             input.id = "messageborderalphanumber";
    [5197] =>             input.max = 1;
    [5198] =>             input.min = 0;
    [5199] =>             input.step = 0.01;
    [5200] =>             input.type = "number";
    [5201] =>             input.value = 1;
    [5202] =>             input.addEventListener("input", messageborderalphanumberupdate);
    [5203] =>             messageborderalpha.append(input);
    [5204] => 
    [5205] =>             //messageborderalphanumberset();
    [5206] =>         }
    [5207] =>         addEventListener("load", messageborderalphanumberload);
    [5208] => 
    [5209] =>         function messageborderalphanumberset()
    [5210] =>         {
    [5211] =>             const c = messagebordercolorcolor.value;
    [5212] =>             const r = parseInt(c.slice(1,3),16);
    [5213] =>             const g = parseInt(c.slice(3,5),16);
    [5214] =>             const b = parseInt(c.slice(5,7),16);
    [5215] =>             const a = messageborderalphanumber.value;
    [5216] => 
    [5217] =>             messageborderalpharange.value = a;
    [5218] =>             text.messagebordercolor = `rgb(${r} ${g} ${b} / ${a})`;
    [5219] =>         }
    [5220] => 
    [5221] =>         function messageborderalphanumberupdate()
    [5222] =>         {
    [5223] =>             messageborderalphanumberset();
    [5224] =>             svgupdate();
    [5225] =>         }
    [5226] => 
    [5227] =>         function messageborderalpharangeload()
    [5228] =>         {
    [5229] =>             const input = document.createElement("input");
    [5230] =>             input.id = "messageborderalpharange";
    [5231] =>             input.max = messageborderalphanumber.max;
    [5232] =>             input.min = messageborderalphanumber.min;
    [5233] =>             input.step = messageborderalphanumber.step;
    [5234] =>             input.type = "range";
    [5235] =>             input.value = messageborderalphanumber.value;
    [5236] =>             input.addEventListener("input", messageborderalpharangeupdate);
    [5237] =>             messageborderalpha.append(input);
    [5238] => 
    [5239] =>             messageborderalpharangeset();
    [5240] =>         }
    [5241] =>         addEventListener("load", messageborderalpharangeload);
    [5242] => 
    [5243] =>         function messageborderalpharangeset()
    [5244] =>         {
    [5245] =>             const c = messagebordercolorcolor.value;
    [5246] =>             const r = parseInt(c.slice(1,3),16);
    [5247] =>             const g = parseInt(c.slice(3,5),16);
    [5248] =>             const b = parseInt(c.slice(5,7),16);
    [5249] =>             const a = messageborderalpharange.value;
    [5250] => 
    [5251] =>             messageborderalphanumber.value = a;
    [5252] =>             text.messagebordercolor = `rgb(${r} ${g} ${b} / ${a})`;
    [5253] =>         }
    [5254] => 
    [5255] =>         function messageborderalpharangeupdate()
    [5256] =>         {
    [5257] =>             messageborderalpharangeset();
    [5258] =>             svgupdate();
    [5259] =>         }
    [5260] => 
    [5261] =>         function messageborderalphaexactload()
    [5262] =>         {
    [5263] =>             const br = document.createElement("br");
    [5264] =>             messageborderalpha.append(br);
    [5265] => 
    [5266] =>             const array =
    [5267] =>             [
    [5268] =>                 ["0",0],
    [5269] =>                 ["0.25",0.25],
    [5270] =>                 ["0.5",0.5],
    [5271] =>                 ["0.75",0.75],
    [5272] =>                 ["1",1],
    [5273] =>             ];
    [5274] => 
    [5275] =>             for(const value of array)
    [5276] =>             {
    [5277] =>                 const button = document.createElement("button");
    [5278] =>                 button.innerHTML = value[0];
    [5279] =>                 button.value = value[1];
    [5280] =>                 button.addEventListener("click", messageborderalphaexactupdate);
    [5281] =>                 messageborderalpha.append(button);
    [5282] =>             }
    [5283] =>         }
    [5284] =>         addEventListener("load", messageborderalphaexactload);
    [5285] => 
    [5286] =>         function messageborderalphaexactupdate(e)
    [5287] =>         {
    [5288] =>             messageborderalphanumber.value = Number(e.target.value);
    [5289] => 
    [5290] =>             messageborderalphanumberupdate();
    [5291] =>         }
    [5292] => 
    [5293] =>         function messageborderalphaincrementload()
    [5294] =>         {
    [5295] =>             const br = document.createElement("br");
    [5296] =>             messageborderalpha.append(br);
    [5297] => 
    [5298] =>             const array =
    [5299] =>             [
    [5300] =>                 ["-0.1",-0.1],
    [5301] =>                 ["-0.01",-0.01],
    [5302] =>                 ["+0.01",0.01],
    [5303] =>                 ["+0.1",0.1],
    [5304] =>             ];
    [5305] => 
    [5306] =>             for(const value of array)
    [5307] =>             {
    [5308] =>                 const button = document.createElement("button");
    [5309] =>                 button.innerHTML = value[0];
    [5310] =>                 button.value = value[1];
    [5311] =>                 button.addEventListener("click", messageborderalphaincrementupdate);
    [5312] =>                 messageborderalpha.append(button);
    [5313] =>             }
    [5314] =>         }
    [5315] =>         addEventListener("load", messageborderalphaincrementload);
    [5316] => 
    [5317] =>         function messageborderalphaincrementupdate(e)
    [5318] =>         {
    [5319] =>             let v = Number(messageborderalphanumber.value) + Number(e.target.value);
    [5320] =>             v = parseFloat(v.toFixed(2));
    [5321] => 
    [5322] =>             if((messageborderalphanumber.min <= v) && (v <= messageborderalphanumber.max))
    [5323] =>             {
    [5324] =>                 messageborderalphanumber.value = v;
    [5325] => 
    [5326] =>                 messageborderalphanumberupdate();
    [5327] =>             }
    [5328] =>         }
    [5329] => 
    [5330] => 
    [5331] => 
    [5332] =>         function messageborderradiusload()
    [5333] =>         {
    [5334] =>             const div = document.createElement("div");
    [5335] =>             div.id = "messageborderradius";
    [5336] =>             div.innerHTML = "border-radius";
    [5337] =>             tabcontentmessage.append(div);
    [5338] => 
    [5339] =>             const style = div.style;
    [5340] =>             style.overflowY = "hidden";
    [5341] =>             style.whiteSpace = "nowrap";
    [5342] =>         }
    [5343] =>         addEventListener("load", messageborderradiusload);
    [5344] => 
    [5345] =>         function messageborderradiusnumberload()
    [5346] =>         {
    [5347] =>             const br = document.createElement("br");
    [5348] =>             messageborderradius.append(br);
    [5349] => 
    [5350] =>             const input = document.createElement("input");
    [5351] =>             input.id = "messageborderradiusnumber";
    [5352] =>             input.max = 1000;
    [5353] =>             input.min = 0;
    [5354] =>             input.type = "number";
    [5355] =>             input.value = 50;
    [5356] =>             input.addEventListener("input", messageborderradiusnumberupdate);
    [5357] =>             messageborderradius.append(input);
    [5358] => 
    [5359] =>             //messageborderradiusnumberset();
    [5360] =>         }
    [5361] =>         addEventListener("load", messageborderradiusnumberload);
    [5362] => 
    [5363] =>         function messageborderradiusnumberset()
    [5364] =>         {
    [5365] =>             const v = Number(messageborderradiusnumber.value);
    [5366] => 
    [5367] =>             messageborderradiusrange.value = v;
    [5368] =>             text.messageborderradius = v;
    [5369] =>         }
    [5370] => 
    [5371] =>         function messageborderradiusnumberupdate()
    [5372] =>         {
    [5373] =>             messageborderradiusnumberset();
    [5374] =>             svgupdate();
    [5375] =>         }
    [5376] => 
    [5377] =>         function messageborderradiusrangeload()
    [5378] =>         {
    [5379] =>             const input = document.createElement("input");
    [5380] =>             input.id = "messageborderradiusrange";
    [5381] =>             input.max = messageborderradiusnumber.max;
    [5382] =>             input.min = messageborderradiusnumber.min;
    [5383] =>             input.type = "range";
    [5384] =>             input.value = messageborderradiusnumber.value;
    [5385] =>             input.addEventListener("input", messageborderradiusrangeupdate);
    [5386] =>             messageborderradius.append(input);
    [5387] => 
    [5388] =>             messageborderradiusrangeset();
    [5389] =>         }
    [5390] =>         addEventListener("load", messageborderradiusrangeload);
    [5391] => 
    [5392] =>         function messageborderradiusrangeset()
    [5393] =>         {
    [5394] =>             const v = Number(messageborderradiusrange.value);
    [5395] => 
    [5396] =>             messageborderradiusnumber.value = v;
    [5397] =>             text.messageborderradius = v;
    [5398] =>         }
    [5399] => 
    [5400] =>         function messageborderradiusrangeupdate()
    [5401] =>         {
    [5402] =>             messageborderradiusrangeset();
    [5403] =>             svgupdate();
    [5404] =>         }
    [5405] => 
    [5406] =>         function messageborderradiusexactload()
    [5407] =>         {
    [5408] =>             const br = document.createElement("br");
    [5409] =>             messageborderradius.append(br);
    [5410] => 
    [5411] =>             const array =
    [5412] =>             [
    [5413] =>                 ["0",0],
    [5414] =>                 ["50",50],
    [5415] =>                 ["100",100],
    [5416] =>                 ["250",250],
    [5417] =>                 ["500",500],
    [5418] =>                 ["1000",1000],
    [5419] =>             ];
    [5420] => 
    [5421] =>             for(const value of array)
    [5422] =>             {
    [5423] =>                 const button = document.createElement("button");
    [5424] =>                 button.innerHTML = value[0];
    [5425] =>                 button.value = value[1];
    [5426] =>                 button.addEventListener("click", messageborderradiusexactupdate);
    [5427] =>                 messageborderradius.append(button);
    [5428] =>             }
    [5429] =>         }
    [5430] =>         addEventListener("load", messageborderradiusexactload);
    [5431] => 
    [5432] =>         function messageborderradiusexactupdate(e)
    [5433] =>         {
    [5434] =>             messageborderradiusnumber.value = Number(e.target.value);
    [5435] => 
    [5436] =>             messageborderradiusnumberupdate();
    [5437] =>         }
    [5438] => 
    [5439] =>         function messageborderradiusincrementload()
    [5440] =>         {
    [5441] =>             const br = document.createElement("br");
    [5442] =>             messageborderradius.append(br);
    [5443] => 
    [5444] =>             const array =
    [5445] =>             [
    [5446] =>                 ["-100",-100],
    [5447] =>                 ["-10",-10],
    [5448] =>                 ["-1",-1],
    [5449] =>                 ["+1",1],
    [5450] =>                 ["+10",10],
    [5451] =>                 ["+100",100],
    [5452] =>             ];
    [5453] => 
    [5454] =>             for(const value of array)
    [5455] =>             {
    [5456] =>                 const button = document.createElement("button");
    [5457] =>                 button.innerHTML = value[0];
    [5458] =>                 button.value = value[1];
    [5459] =>                 button.addEventListener("click", messageborderradiusincrementupdate);
    [5460] =>                 messageborderradius.append(button);
    [5461] =>             }
    [5462] =>         }
    [5463] =>         addEventListener("load", messageborderradiusincrementload);
    [5464] => 
    [5465] =>         function messageborderradiusincrementupdate(e)
    [5466] =>         {
    [5467] =>             const v = Number(messageborderradiusnumber.value) + Number(e.target.value);
    [5468] => 
    [5469] =>             if((messageborderradiusnumber.min <= v) && (v <= messageborderradiusnumber.max))
    [5470] =>             {
    [5471] =>                 messageborderradiusnumber.value = v;
    [5472] => 
    [5473] =>                 messageborderradiusnumberupdate();
    [5474] =>             }
    [5475] =>         }
    [5476] => 
    [5477] => 
    [5478] => 
    [5479] =>         function messageborderstyleload()
    [5480] =>         {
    [5481] =>             const div = document.createElement("div");
    [5482] =>             div.id = "messageborderstyle";
    [5483] =>             div.innerHTML = "border-style";
    [5484] =>             tabcontentmessage.append(div);
    [5485] =>         }
    [5486] =>         addEventListener("load", messageborderstyleload);
    [5487] => 
    [5488] =>         function messageborderstyleselectload()
    [5489] =>         {
    [5490] =>             const br = document.createElement("br");
    [5491] =>             messageborderstyle.append(br);
    [5492] => 
    [5493] =>             const select = document.createElement("select");
    [5494] =>             select.id = "messageborderstyleselect";
    [5495] =>             select.addEventListener("input", messageborderstyleselectupdate);
    [5496] =>             messageborderstyle.append(select);
    [5497] => 
    [5498] =>             for(const value of borderstylearray)
    [5499] =>             {
    [5500] =>                 const option = document.createElement("option");
    [5501] =>                 option.innerHTML = value;
    [5502] =>                 select.add(option);
    [5503] =>             }
    [5504] => 
    [5505] =>             //select.value = borderstylearray[8];
    [5506] => 
    [5507] =>             messageborderstyleselectset();
    [5508] =>         }
    [5509] =>         addEventListener("load", messageborderstyleselectload);
    [5510] => 
    [5511] =>         function messageborderstyleselectset()
    [5512] =>         {
    [5513] =>             text.messageborderstyle = messageborderstyleselect.value;
    [5514] =>         }
    [5515] => 
    [5516] =>         function messageborderstyleselectupdate()
    [5517] =>         {
    [5518] =>             messageborderstyleselectset();
    [5519] =>             svgupdate();
    [5520] =>         }
    [5521] => 
    [5522] => 
    [5523] => 
    [5524] =>         function messageborderwidthload()
    [5525] =>         {
    [5526] =>             const div = document.createElement("div");
    [5527] =>             div.id = "messageborderwidth";
    [5528] =>             div.innerHTML = "border-width";
    [5529] =>             tabcontentmessage.append(div);
    [5530] => 
    [5531] =>             const style = div.style;
    [5532] =>             style.overflowY = "hidden";
    [5533] =>             style.whiteSpace = "nowrap";
    [5534] =>         }
    [5535] =>         addEventListener("load", messageborderwidthload);
    [5536] => 
    [5537] =>         function messageborderwidthnumberload()
    [5538] =>         {
    [5539] =>             const br = document.createElement("br");
    [5540] =>             messageborderwidth.append(br);
    [5541] => 
    [5542] =>             const input = document.createElement("input");
    [5543] =>             input.id = "messageborderwidthnumber";
    [5544] =>             input.max = 1000;
    [5545] =>             input.min = 0;
    [5546] =>             input.type = "number";
    [5547] =>             input.value = 25;
    [5548] =>             input.addEventListener("input", messageborderwidthnumberupdate);
    [5549] =>             messageborderwidth.append(input);
    [5550] => 
    [5551] =>             //messageborderwidthnumberset();
    [5552] =>         }
    [5553] =>         addEventListener("load", messageborderwidthnumberload);
    [5554] => 
    [5555] =>         function messageborderwidthnumberset()
    [5556] =>         {
    [5557] =>             const v = Number(messageborderwidthnumber.value);
    [5558] => 
    [5559] =>             messageborderwidthrange.value = v;
    [5560] =>             text.messageborderwidth = v;
    [5561] =>         }
    [5562] => 
    [5563] =>         function messageborderwidthnumberupdate()
    [5564] =>         {
    [5565] =>             messageborderwidthnumberset();
    [5566] =>             svgupdate();
    [5567] =>         }
    [5568] => 
    [5569] =>         function messageborderwidthrangeload()
    [5570] =>         {
    [5571] =>             const input = document.createElement("input");
    [5572] =>             input.id = "messageborderwidthrange";
    [5573] =>             input.max = messageborderwidthnumber.max;
    [5574] =>             input.min = messageborderwidthnumber.min;
    [5575] =>             input.type = "range";
    [5576] =>             input.value = messageborderwidthnumber.value;
    [5577] =>             input.addEventListener("input", messageborderwidthrangeupdate);
    [5578] =>             messageborderwidth.append(input);
    [5579] => 
    [5580] =>             messageborderwidthrangeset();
    [5581] =>         }
    [5582] =>         addEventListener("load", messageborderwidthrangeload);
    [5583] => 
    [5584] =>         function messageborderwidthrangeset()
    [5585] =>         {
    [5586] =>             const v = Number(messageborderwidthrange.value);
    [5587] => 
    [5588] =>             messageborderwidthnumber.value = v;
    [5589] =>             text.messageborderwidth = v;
    [5590] =>         }
    [5591] => 
    [5592] =>         function messageborderwidthrangeupdate()
    [5593] =>         {
    [5594] =>             messageborderwidthrangeset();
    [5595] =>             svgupdate();
    [5596] =>         }
    [5597] => 
    [5598] =>         function messageborderwidthexactload()
    [5599] =>         {
    [5600] =>             const br = document.createElement("br");
    [5601] =>             messageborderwidth.append(br);
    [5602] => 
    [5603] =>             const array =
    [5604] =>             [
    [5605] =>                 ["0",0],
    [5606] =>                 ["50",50],
    [5607] =>                 ["100",100],
    [5608] =>                 ["250",250],
    [5609] =>                 ["500",500],
    [5610] =>                 ["1000",1000],
    [5611] =>             ];
    [5612] => 
    [5613] =>             for(const value of array)
    [5614] =>             {
    [5615] =>                 const button = document.createElement("button");
    [5616] =>                 button.innerHTML = value[0];
    [5617] =>                 button.value = value[1];
    [5618] =>                 button.addEventListener("click", messageborderwidthexactupdate);
    [5619] =>                 messageborderwidth.append(button);
    [5620] =>             }
    [5621] =>         }
    [5622] =>         addEventListener("load", messageborderwidthexactload);
    [5623] => 
    [5624] =>         function messageborderwidthexactupdate(e)
    [5625] =>         {
    [5626] =>             messageborderwidthnumber.value = Number(e.target.value);
    [5627] => 
    [5628] =>             messageborderwidthnumberupdate();
    [5629] =>         }
    [5630] => 
    [5631] =>         function messageborderwidthincrementload()
    [5632] =>         {
    [5633] =>             const br = document.createElement("br");
    [5634] =>             messageborderwidth.append(br);
    [5635] => 
    [5636] =>             const array =
    [5637] =>             [
    [5638] =>                 ["-100",-100],
    [5639] =>                 ["-10",-10],
    [5640] =>                 ["-1",-1],
    [5641] =>                 ["+1",1],
    [5642] =>                 ["+10",10],
    [5643] =>                 ["+100",100],
    [5644] =>             ];
    [5645] => 
    [5646] =>             for(const value of array)
    [5647] =>             {
    [5648] =>                 const button = document.createElement("button");
    [5649] =>                 button.innerHTML = value[0];
    [5650] =>                 button.value = value[1];
    [5651] =>                 button.addEventListener("click", messageborderwidthincrementupdate);
    [5652] =>                 messageborderwidth.append(button);
    [5653] =>             }
    [5654] =>         }
    [5655] =>         addEventListener("load", messageborderwidthincrementload);
    [5656] => 
    [5657] =>         function messageborderwidthincrementupdate(e)
    [5658] =>         {
    [5659] =>             const v = Number(messageborderwidthnumber.value) + Number(e.target.value);
    [5660] => 
    [5661] =>             if((messageborderwidthnumber.min <= v) && (v <= messageborderwidthnumber.max))
    [5662] =>             {
    [5663] =>                 messageborderwidthnumber.value = v;
    [5664] => 
    [5665] =>                 messageborderwidthnumberupdate();
    [5666] =>             }
    [5667] =>         }
    [5668] => 
    [5669] => 
    [5670] => 
    [5671] =>         function messagehorizontalload()
    [5672] =>         {
    [5673] =>             const div = document.createElement("div");
    [5674] =>             div.id = "messagehorizontal";
    [5675] =>             div.innerHTML = "horizontal";
    [5676] =>             tabcontentmessage.append(div);
    [5677] =>         }
    [5678] =>         addEventListener("load", messagehorizontalload);
    [5679] => 
    [5680] =>         function messagehorizontalselectload()
    [5681] =>         {
    [5682] =>             const br = document.createElement("br");
    [5683] =>             messagehorizontal.append(br);
    [5684] => 
    [5685] =>             const select = document.createElement("select");
    [5686] =>             select.id = "messagehorizontalselect";
    [5687] =>             select.addEventListener("input", messagehorizontalselectupdate);
    [5688] =>             messagehorizontal.append(select);
    [5689] => 
    [5690] =>             for(const value of horizontalarray)
    [5691] =>             {
    [5692] =>                 const option = document.createElement("option");
    [5693] =>                 option.innerHTML = value;
    [5694] =>                 select.add(option);
    [5695] =>             }
    [5696] => 
    [5697] =>             select.value = horizontalarray[1];
    [5698] => 
    [5699] =>             messagehorizontalselectset();
    [5700] =>         }
    [5701] =>         addEventListener("load", messagehorizontalselectload);
    [5702] => 
    [5703] =>         function messagehorizontalselectset()
    [5704] =>         {
    [5705] =>             text.messagehorizontal = messagehorizontalselect.value;
    [5706] =>         }
    [5707] => 
    [5708] =>         function messagehorizontalselectupdate()
    [5709] =>         {
    [5710] =>             messagehorizontalselectset();
    [5711] =>             svgupdate();
    [5712] =>         }
    [5713] => 
    [5714] => 
    [5715] => 
    [5716] =>         function messageverticalload()
    [5717] =>         {
    [5718] =>             const div = document.createElement("div");
    [5719] =>             div.id = "messagevertical";
    [5720] =>             div.innerHTML = "vertical";
    [5721] =>             tabcontentmessage.append(div);
    [5722] =>         }
    [5723] =>         addEventListener("load", messageverticalload);
    [5724] => 
    [5725] =>         function messageverticalselectload()
    [5726] =>         {
    [5727] =>             const br = document.createElement("br");
    [5728] =>             messagevertical.append(br);
    [5729] => 
    [5730] =>             const select = document.createElement("select");
    [5731] =>             select.id = "messageverticalselect";
    [5732] =>             select.addEventListener("input", messageverticalselectupdate);
    [5733] =>             messagevertical.append(select);
    [5734] => 
    [5735] =>             for(const value of verticalarray)
    [5736] =>             {
    [5737] =>                 const option = document.createElement("option");
    [5738] =>                 option.innerHTML = value;
    [5739] =>                 select.add(option);
    [5740] =>             }
    [5741] => 
    [5742] =>             select.value = verticalarray[1];
    [5743] => 
    [5744] =>             messageverticalselectset();
    [5745] =>         }
    [5746] =>         addEventListener("load", messageverticalselectload);
    [5747] => 
    [5748] =>         function messageverticalselectset()
    [5749] =>         {
    [5750] =>             text.messagevertical = messageverticalselect.value;
    [5751] =>         }
    [5752] => 
    [5753] =>         function messageverticalselectupdate()
    [5754] =>         {
    [5755] =>             messageverticalselectset();
    [5756] =>             svgupdate();
    [5757] =>         }
    [5758] => 
    [5759] => 
    [5760] => 
    [5761] =>         function messagewritingmodeload()
    [5762] =>         {
    [5763] =>             const div = document.createElement("div");
    [5764] =>             div.id = "messagewritingmode";
    [5765] =>             div.innerHTML = "writing-mode";
    [5766] =>             tabcontentmessage.append(div);
    [5767] =>         }
    [5768] =>         addEventListener("load", messagewritingmodeload);
    [5769] => 
    [5770] =>         function messagewritingmodeselectload()
    [5771] =>         {
    [5772] =>             const br = document.createElement("br");
    [5773] =>             messagewritingmode.append(br);
    [5774] => 
    [5775] =>             const select = document.createElement("select");
    [5776] =>             select.id = "messagewritingmodeselect";
    [5777] =>             select.addEventListener("input", messagewritingmodeselectupdate);
    [5778] =>             messagewritingmode.append(select);
    [5779] => 
    [5780] =>             for(const value of writingmodearray)
    [5781] =>             {
    [5782] =>                 const option = document.createElement("option");
    [5783] =>                 option.innerHTML = value;
    [5784] =>                 select.add(option);
    [5785] =>             }
    [5786] => 
    [5787] =>             messagewritingmodeselectset();
    [5788] =>         }
    [5789] =>         addEventListener("load", messagewritingmodeselectload);
    [5790] => 
    [5791] =>         function messagewritingmodeselectset()
    [5792] =>         {
    [5793] =>             text.messagewritingmode = messagewritingmodeselect.value;
    [5794] =>         }
    [5795] => 
    [5796] =>         function messagewritingmodeselectupdate()
    [5797] =>         {
    [5798] =>             messagewritingmodeselectset();
    [5799] =>             svgupdate();
    [5800] =>         }
    [5801] => 
    [5802] => 
    [5803] => 
    [5804] =>         function messagefontfamilyload()
    [5805] =>         {
    [5806] =>             const div = document.createElement("div");
    [5807] =>             div.id = "messagefontfamily";
    [5808] =>             div.innerHTML = "font-family";
    [5809] =>             tabcontentmessage.append(div);
    [5810] =>         }
    [5811] =>         addEventListener("load", messagefontfamilyload);
    [5812] => 
    [5813] =>         function messagefontfamilyselectload()
    [5814] =>         {
    [5815] =>             const br = document.createElement("br");
    [5816] =>             messagefontfamily.append(br);
    [5817] => 
    [5818] =>             const select = document.createElement("select");
    [5819] =>             select.id = "messagefontfamilyselect";
    [5820] =>             select.addEventListener("input", messagefontfamilyselectupdate);
    [5821] =>             messagefontfamily.append(select);
    [5822] => 
    [5823] =>             for(const value of fontfamilyarray)
    [5824] =>             {
    [5825] =>                 const option = document.createElement("option");
    [5826] =>                 option.innerHTML = value;
    [5827] =>                 select.add(option);
    [5828] =>             }
    [5829] => 
    [5830] =>             messagefontfamilyselectset();
    [5831] =>         }
    [5832] =>         addEventListener("load", messagefontfamilyselectload);
    [5833] => 
    [5834] =>         function messagefontfamilyselectset()
    [5835] =>         {
    [5836] =>             text.messagefontfamily = messagefontfamilyselect.value;
    [5837] =>         }
    [5838] => 
    [5839] =>         function messagefontfamilyselectupdate()
    [5840] =>         {
    [5841] =>             messagefontfamilyselectset();
    [5842] =>             svgupdate();
    [5843] =>         }
    [5844] => 
    [5845] => 
    [5846] => 
    [5847] => 
    [5848] => function messagefontsizeload()
    [5849] =>         {
    [5850] =>             const div = document.createElement("div");
    [5851] =>             div.id = "messagefontsize";
    [5852] =>             div.innerHTML = "font-size";
    [5853] =>             tabcontentmessage.append(div);
    [5854] =>         }
    [5855] =>         addEventListener("load", messagefontsizeload);
    [5856] => 
    [5857] =>         function messagefontsizenumberload()
    [5858] =>         {
    [5859] =>             const br = document.createElement("br");
    [5860] =>             messagefontsize.append(br);
    [5861] => 
    [5862] =>             const input = document.createElement("input");
    [5863] =>             input.id = "messagefontsizenumber";
    [5864] =>             input.max = 1000;
    [5865] =>             input.min = 0;
    [5866] =>             input.type = "number";
    [5867] =>             input.value = 140;
    [5868] =>             input.addEventListener("input", messagefontsizenumberupdate);
    [5869] =>             messagefontsize.append(input);
    [5870] => 
    [5871] =>             //messagefontsizenumberset();
    [5872] =>         }
    [5873] =>         addEventListener("load", messagefontsizenumberload);
    [5874] => 
    [5875] =>         function messagefontsizenumberset()
    [5876] =>         {
    [5877] =>             const v = Number(messagefontsizenumber.value);
    [5878] => 
    [5879] =>             messagefontsizerange.value = v;
    [5880] =>             text.messagefontsize = v;
    [5881] =>         }
    [5882] => 
    [5883] =>         function messagefontsizenumberupdate()
    [5884] =>         {
    [5885] =>             messagefontsizenumberset();
    [5886] =>             svgupdate();
    [5887] =>         }
    [5888] => 
    [5889] =>         function messagefontsizerangeload()
    [5890] =>         {
    [5891] =>             const input = document.createElement("input");
    [5892] =>             input.id = "messagefontsizerange";
    [5893] =>             input.max = messagefontsizenumber.max;
    [5894] =>             input.min = messagefontsizenumber.min;
    [5895] =>             input.type = "range";
    [5896] =>             input.value = messagefontsizenumber.value;
    [5897] =>             input.addEventListener("input", messagefontsizerangeupdate);
    [5898] =>             messagefontsize.append(input);
    [5899] => 
    [5900] =>             messagefontsizerangeset();
    [5901] =>         }
    [5902] =>         addEventListener("load", messagefontsizerangeload);
    [5903] => 
    [5904] =>         function messagefontsizerangeset()
    [5905] =>         {
    [5906] =>             const v = Number(messagefontsizerange.value);
    [5907] => 
    [5908] =>             messagefontsizenumber.value = v;
    [5909] =>             text.messagefontsize = v;
    [5910] =>         }
    [5911] => 
    [5912] =>         function messagefontsizerangeupdate()
    [5913] =>         {
    [5914] =>             messagefontsizerangeset();
    [5915] =>             svgupdate();
    [5916] =>         }
    [5917] => 
    [5918] =>         function messagefontsizeexactload()
    [5919] =>         {
    [5920] =>             const br = document.createElement("br");
    [5921] =>             messagefontsize.append(br);
    [5922] => 
    [5923] =>             const array =
    [5924] =>             [
    [5925] =>                 ["0",0],
    [5926] =>                 ["50",50],
    [5927] =>                 ["100",100],
    [5928] =>                 ["250",250],
    [5929] =>                 ["500",500],
    [5930] =>                 ["1000",1000],
    [5931] =>             ];
    [5932] => 
    [5933] =>             for(const value of array)
    [5934] =>             {
    [5935] =>                 const button = document.createElement("button");
    [5936] =>                 button.innerHTML = value[0];
    [5937] =>                 button.value = value[1];
    [5938] =>                 button.addEventListener("click", messagefontsizeexactupdate);
    [5939] =>                 messagefontsize.append(button);
    [5940] =>             }
    [5941] =>         }
    [5942] =>         addEventListener("load", messagefontsizeexactload);
    [5943] => 
    [5944] =>         function messagefontsizeexactupdate(e)
    [5945] =>         {
    [5946] =>             messagefontsizenumber.value = Number(e.target.value);
    [5947] => 
    [5948] =>             messagefontsizenumberupdate();
    [5949] =>         }
    [5950] => 
    [5951] =>         function messagefontsizeincrementload()
    [5952] =>         {
    [5953] =>             const br = document.createElement("br");
    [5954] =>             messagefontsize.append(br);
    [5955] => 
    [5956] =>             const array =
    [5957] =>             [
    [5958] =>                 ["-100",-100],
    [5959] =>                 ["-10",-10],
    [5960] =>                 ["-1",-1],
    [5961] =>                 ["+1",1],
    [5962] =>                 ["+10",10],
    [5963] =>                 ["+100",100],
    [5964] =>             ];
    [5965] => 
    [5966] =>             for(const value of array)
    [5967] =>             {
    [5968] =>                 const button = document.createElement("button");
    [5969] =>                 button.innerHTML = value[0];
    [5970] =>                 button.value = value[1];
    [5971] =>                 button.addEventListener("click", messagefontsizeincrementupdate);
    [5972] =>                 messagefontsize.append(button);
    [5973] =>             }
    [5974] =>         }
    [5975] =>         addEventListener("load", messagefontsizeincrementload);
    [5976] => 
    [5977] =>         function messagefontsizeincrementupdate(e)
    [5978] =>         {
    [5979] =>             const v = Number(messagefontsizenumber.value) + Number(e.target.value);
    [5980] => 
    [5981] =>             if((messagefontsizenumber.min <= v) && (v <= messagefontsizenumber.max))
    [5982] =>             {
    [5983] =>                 messagefontsizenumber.value = v;
    [5984] => 
    [5985] =>                 messagefontsizenumberupdate();
    [5986] =>             }
    [5987] =>         }
    [5988] => 
    [5989] => /*
    [5990] =>         function messagefontsizefitload()
    [5991] =>         {
    [5992] =>             const button = document.createElement("button");
    [5993] =>             button.innerHTML = "fit";
    [5994] =>             button.addEventListener("click", messagefontsizefitupdate);
    [5995] =>             messagefontsize.append(button);
    [5996] =>         }
    [5997] =>         addEventListener("load", messagefontsizefitload);
    [5998] => 
    [5999] =>         function messagefontsizefitupdate()
    [6000] =>         {
    [6001] =>             const t = document.createElement("div");
    [6002] =>             messagefontsize.append(t);
    [6003] =>             t.innerHTML = text.bookname;
    [6004] =>             t.style.fontSize = `${messagefontsizenumber.value}px`;
    [6005] => 
    [6006] =>             const h1 = text.messagewidth;
    [6007] =>             const h2 = text.messageheight;
    [6008] =>             const h3 = t.offsetWidth;
    [6009] =>             const h4 = t.offsetHeight;
    [6010] =>             const h5 = messagefontsizenumber.value;
    [6011] => 
    [6012] =>             //const h4 = t.offsetParent;//t.style.fontSize;
    [6013] =>             //const h5 = t.clientHeight;//text.style.height;
    [6014] =>             //const h6 = text.height;
    [6015] =>             //const h7 = text.getBoundingClientRect().height;
    [6016] =>             //const h8 = text.style.lineHeight;
    [6017] =>             //const h9 = canvas.getBoundingClientRect().height;
    [6018] =>             console.log(h1, h2, h3, h4, h5);
    [6019] =>             //t.hidden = true;
    [6020] => 
    [6021] =>             if(h2 < h4)
    [6022] =>             {
    [6023] =>                 messagefontsizenumber.value -= 1;
    [6024] =>                 messagefit();
    [6025] =>             }
    [6026] => 
    [6027] =>             messagefontsizenumberupdate();
    [6028] =>         }
    [6029] => //*/
    [6030] => 
    [6031] => 
    [6032] => 
    [6033] =>         function messagefontstyleload()
    [6034] =>         {
    [6035] =>             const div = document.createElement("div");
    [6036] =>             div.id = "messagefontstyle";
    [6037] =>             div.innerHTML = "font-style";
    [6038] =>             tabcontentmessage.append(div);
    [6039] =>         }
    [6040] =>         addEventListener("load", messagefontstyleload);
    [6041] => 
    [6042] =>         function messagefontstyleselectload()
    [6043] =>         {
    [6044] =>             const br = document.createElement("br");
    [6045] =>             messagefontstyle.append(br);
    [6046] => 
    [6047] =>             const select = document.createElement("select");
    [6048] =>             select.id = "messagefontstyleselect";
    [6049] =>             select.addEventListener("input", messagefontstyleselectupdate);
    [6050] =>             messagefontstyle.append(select);
    [6051] => 
    [6052] =>             for(const value of fontstylearray)
    [6053] =>             {
    [6054] =>                 const option = document.createElement("option");
    [6055] =>                 option.innerHTML = value;
    [6056] =>                 select.add(option);
    [6057] =>             }
    [6058] => 
    [6059] =>             messagefontstyleselectset();
    [6060] =>         }
    [6061] =>         addEventListener("load", messagefontstyleselectload);
    [6062] => 
    [6063] =>         function messagefontstyleselectset()
    [6064] =>         {
    [6065] =>             text.messagefontstyle = messagefontstyleselect.value;
    [6066] =>         }
    [6067] => 
    [6068] =>         function messagefontstyleselectupdate()
    [6069] =>         {
    [6070] =>             messagefontstyleselectset();
    [6071] =>             svgupdate();
    [6072] =>         }
    [6073] => 
    [6074] => 
    [6075] => 
    [6076] =>         function messagefontvariantload()
    [6077] =>         {
    [6078] =>             const div = document.createElement("div");
    [6079] =>             div.id = "messagefontvariant";
    [6080] =>             div.innerHTML = "font-variant";
    [6081] =>             tabcontentmessage.append(div);
    [6082] =>         }
    [6083] =>         addEventListener("load", messagefontvariantload);
    [6084] => 
    [6085] =>         function messagefontvariantselectload()
    [6086] =>         {
    [6087] =>             const br = document.createElement("br");
    [6088] =>             messagefontvariant.append(br);
    [6089] => 
    [6090] =>             const select = document.createElement("select");
    [6091] =>             select.id = "messagefontvariantselect";
    [6092] =>             select.addEventListener("input", messagefontvariantselectupdate);
    [6093] =>             messagefontvariant.append(select);
    [6094] => 
    [6095] =>             for(const value of fontvariantarray)
    [6096] =>             {
    [6097] =>                 const option = document.createElement("option");
    [6098] =>                 option.innerHTML = value;
    [6099] =>                 select.add(option);
    [6100] =>             }
    [6101] => 
    [6102] =>             messagefontvariantselectset();
    [6103] =>         }
    [6104] =>         addEventListener("load", messagefontvariantselectload);
    [6105] => 
    [6106] =>         function messagefontvariantselectset()
    [6107] =>         {
    [6108] =>             text.messagefontvariant = messagefontvariantselect.value;
    [6109] =>         }
    [6110] => 
    [6111] =>         function messagefontvariantselectupdate()
    [6112] =>         {
    [6113] =>             messagefontvariantselectset();
    [6114] =>             svgupdate();
    [6115] =>         }
    [6116] => 
    [6117] => 
    [6118] => 
    [6119] =>         function messagefontweightload()
    [6120] =>         {
    [6121] =>             const div = document.createElement("div");
    [6122] =>             div.id = "messagefontweight";
    [6123] =>             div.innerHTML = "font-weight";
    [6124] =>             tabcontentmessage.append(div);
    [6125] =>         }
    [6126] =>         addEventListener("load", messagefontweightload);
    [6127] => 
    [6128] =>         function messagefontweightselectload()
    [6129] =>         {
    [6130] =>             const br = document.createElement("br");
    [6131] =>             messagefontweight.append(br);
    [6132] => 
    [6133] =>             const select = document.createElement("select");
    [6134] =>             select.id = "messagefontweightselect";
    [6135] =>             select.addEventListener("input", messagefontweightselectupdate);
    [6136] =>             messagefontweight.append(select);
    [6137] => 
    [6138] =>             for(const value of fontweightarray)
    [6139] =>             {
    [6140] =>                 const option = document.createElement("option");
    [6141] =>                 option.innerHTML = value;
    [6142] =>                 select.add(option);
    [6143] =>             }
    [6144] => 
    [6145] =>             messagefontweightselectset();
    [6146] =>         }
    [6147] =>         addEventListener("load", messagefontweightselectload);
    [6148] => 
    [6149] =>         function messagefontweightselectset()
    [6150] =>         {
    [6151] =>             text.messagefontweight = messagefontweightselect.value;
    [6152] =>         }
    [6153] => 
    [6154] =>         function messagefontweightselectupdate()
    [6155] =>         {
    [6156] =>             messagefontweightselectset();
    [6157] =>             svgupdate();
    [6158] =>         }
    [6159] => 
    [6160] => 
    [6161] => 
    [6162] =>         function messagecolorload()
    [6163] =>         {
    [6164] =>             const div = document.createElement("div");
    [6165] =>             div.id = "messagecolor";
    [6166] =>             div.innerHTML = "color";
    [6167] =>             tabcontentmessage.append(div);
    [6168] =>         }
    [6169] =>         addEventListener("load", messagecolorload);
    [6170] => 
    [6171] =>         function messagecolorcolorload()
    [6172] =>         {
    [6173] =>             const br = document.createElement("br");
    [6174] =>             messagecolor.append(br);
    [6175] => 
    [6176] =>             const input = document.createElement("input");
    [6177] =>             input.id = "messagecolorcolor";
    [6178] =>             input.type = "color";
    [6179] =>             input.value = "#000000";
    [6180] =>             input.addEventListener("input", messagecolorcolorupdate);
    [6181] =>             messagecolor.append(input);
    [6182] => 
    [6183] =>             //messagecolorcolorset();
    [6184] =>         }
    [6185] =>         addEventListener("load", messagecolorcolorload);
    [6186] => 
    [6187] =>         function messagecolorcolorset()
    [6188] =>         {
    [6189] =>             const c = messagecolorcolor.value;
    [6190] =>             const r = parseInt(c.slice(1,3),16);
    [6191] =>             const g = parseInt(c.slice(3,5),16);
    [6192] =>             const b = parseInt(c.slice(5,7),16);
    [6193] =>             const a = messagealphanumber.value;
    [6194] => 
    [6195] =>             text.messagecolor = `rgb(${r} ${g} ${b} / ${a})`;
    [6196] =>         }
    [6197] => 
    [6198] =>         function messagecolorcolorupdate()
    [6199] =>         {
    [6200] =>             messagecolorcolorset();
    [6201] =>             svgupdate();
    [6202] =>         }
    [6203] => 
    [6204] =>         function messagecolorexactload()
    [6205] =>         {
    [6206] =>             const br = document.createElement("br");
    [6207] =>             messagecolor.append(br);
    [6208] => 
    [6209] =>             const array =
    [6210] =>             [
    [6211] =>                 ["black","#000000"],
    [6212] =>                 ["white","#ffffff"],
    [6213] =>             ];
    [6214] => 
    [6215] =>             for(const value of array)
    [6216] =>             {
    [6217] =>                 const button = document.createElement("button");
    [6218] =>                 button.innerHTML = value[0];
    [6219] =>                 button.value = value[1];
    [6220] =>                 button.addEventListener("click", messagecolorexactupdate);
    [6221] =>                 messagecolor.append(button);
    [6222] =>             }
    [6223] =>         }
    [6224] =>         addEventListener("load", messagecolorexactload);
    [6225] => 
    [6226] =>         function messagecolorexactupdate(e)
    [6227] =>         {
    [6228] =>             messagecolorcolor.value = e.target.value;
    [6229] => 
    [6230] =>             messagecolorcolorupdate();
    [6231] =>         }
    [6232] => 
    [6233] => 
    [6234] => 
    [6235] =>         function messagealphaload()
    [6236] =>         {
    [6237] =>             const div = document.createElement("div");
    [6238] =>             div.id = "messagealpha";
    [6239] =>             div.innerHTML = "alpha";
    [6240] =>             tabcontentmessage.append(div);
    [6241] => 
    [6242] =>             const style = div.style;
    [6243] =>             style.overflowY = "hidden";
    [6244] =>             style.whiteSpace = "nowrap";
    [6245] =>         }
    [6246] =>         addEventListener("load", messagealphaload);
    [6247] => 
    [6248] =>         function messagealphanumberload()
    [6249] =>         {
    [6250] =>             const br = document.createElement("br");
    [6251] =>             messagealpha.append(br);
    [6252] => 
    [6253] =>             const input = document.createElement("input");
    [6254] =>             input.id = "messagealphanumber";
    [6255] =>             input.max = 1;
    [6256] =>             input.min = 0;
    [6257] =>             input.step = 0.01;
    [6258] =>             input.type = "number";
    [6259] =>             input.value = 1;
    [6260] =>             input.addEventListener("input", messagealphanumberupdate);
    [6261] =>             messagealpha.append(input);
    [6262] => 
    [6263] =>             //messagealphanumberset();
    [6264] =>         }
    [6265] =>         addEventListener("load", messagealphanumberload);
    [6266] => 
    [6267] =>         function messagealphanumberset()
    [6268] =>         {
    [6269] =>             const c = messagecolorcolor.value;
    [6270] =>             const r = parseInt(c.slice(1,3),16);
    [6271] =>             const g = parseInt(c.slice(3,5),16);
    [6272] =>             const b = parseInt(c.slice(5,7),16);
    [6273] =>             const a = messagealphanumber.value;
    [6274] => 
    [6275] =>             messagealpharange.value = a;
    [6276] =>             text.messagecolor = `rgb(${r} ${g} ${b} / ${a})`;
    [6277] =>         }
    [6278] => 
    [6279] =>         function messagealphanumberupdate()
    [6280] =>         {
    [6281] =>             messagealphanumberset();
    [6282] =>             svgupdate();
    [6283] =>         }
    [6284] => 
    [6285] =>         function messagealpharangeload()
    [6286] =>         {
    [6287] =>             const input = document.createElement("input");
    [6288] =>             input.id = "messagealpharange";
    [6289] =>             input.max = messagealphanumber.max;
    [6290] =>             input.min = messagealphanumber.min;
    [6291] =>             input.step = messagealphanumber.step;
    [6292] =>             input.type = "range";
    [6293] =>             input.value = messagealphanumber.value;
    [6294] =>             input.addEventListener("input", messagealpharangeupdate);
    [6295] =>             messagealpha.append(input);
    [6296] => 
    [6297] =>             messagealpharangeset();
    [6298] =>         }
    [6299] =>         addEventListener("load", messagealpharangeload);
    [6300] => 
    [6301] =>         function messagealpharangeset()
    [6302] =>         {
    [6303] =>             const c = messagecolorcolor.value;
    [6304] =>             const r = parseInt(c.slice(1,3),16);
    [6305] =>             const g = parseInt(c.slice(3,5),16);
    [6306] =>             const b = parseInt(c.slice(5,7),16);
    [6307] =>             const a = messagealpharange.value;
    [6308] => 
    [6309] =>             messagealphanumber.value = a;
    [6310] =>             text.messagecolor = `rgb(${r} ${g} ${b} / ${a})`;
    [6311] =>         }
    [6312] => 
    [6313] =>         function messagealpharangeupdate()
    [6314] =>         {
    [6315] =>             messagealpharangeset();
    [6316] =>             svgupdate();
    [6317] =>         }
    [6318] => 
    [6319] =>         function messagealphaexactload()
    [6320] =>         {
    [6321] =>             const br = document.createElement("br");
    [6322] =>             messagealpha.append(br);
    [6323] => 
    [6324] =>             const array =
    [6325] =>             [
    [6326] =>                 ["0",0],
    [6327] =>                 ["0.25",0.25],
    [6328] =>                 ["0.5",0.5],
    [6329] =>                 ["0.75",0.75],
    [6330] =>                 ["1",1],
    [6331] =>             ];
    [6332] => 
    [6333] =>             for(const value of array)
    [6334] =>             {
    [6335] =>                 const button = document.createElement("button");
    [6336] =>                 button.innerHTML = value[0];
    [6337] =>                 button.value = value[1];
    [6338] =>                 button.addEventListener("click", messagealphaexactupdate);
    [6339] =>                 messagealpha.append(button);
    [6340] =>             }
    [6341] =>         }
    [6342] =>         addEventListener("load", messagealphaexactload);
    [6343] => 
    [6344] =>         function messagealphaexactupdate(e)
    [6345] =>         {
    [6346] =>             messagealphanumber.value = Number(e.target.value);
    [6347] => 
    [6348] =>             messagealphanumberupdate();
    [6349] =>         }
    [6350] => 
    [6351] =>         function messagealphaincrementload()
    [6352] =>         {
    [6353] =>             const br = document.createElement("br");
    [6354] =>             messagealpha.append(br);
    [6355] => 
    [6356] =>             const array =
    [6357] =>             [
    [6358] =>                 ["-0.1",-0.1],
    [6359] =>                 ["-0.01",-0.01],
    [6360] =>                 ["+0.01",0.01],
    [6361] =>                 ["+0.1",0.1],
    [6362] =>             ];
    [6363] => 
    [6364] =>             for(const value of array)
    [6365] =>             {
    [6366] =>                 const button = document.createElement("button");
    [6367] =>                 button.innerHTML = value[0];
    [6368] =>                 button.value = value[1];
    [6369] =>                 button.addEventListener("click", messagealphaincrementupdate);
    [6370] =>                 messagealpha.append(button);
    [6371] =>             }
    [6372] =>         }
    [6373] =>         addEventListener("load", messagealphaincrementload);
    [6374] => 
    [6375] =>         function messagealphaincrementupdate(e)
    [6376] =>         {
    [6377] =>             let v = Number(messagealphanumber.value) + Number(e.target.value);
    [6378] =>             v = parseFloat(v.toFixed(2));
    [6379] => 
    [6380] =>             if((messagealphanumber.min <= v) && (v <= messagealphanumber.max))
    [6381] =>             {
    [6382] =>                 messagealphanumber.value = v;
    [6383] => 
    [6384] =>                 messagealphanumberupdate();
    [6385] =>             }
    [6386] =>         }
    [6387] => 
    [6388] => 
    [6389] => 
    [6390] => /*leftoff
    [6391] =>         function messagefilterblurload()
    [6392] =>         {
    [6393] =>             const div = document.createElement("div");
    [6394] =>             div.id = "messagefilterblur";
    [6395] =>             div.innerHTML = "filter-blur";
    [6396] =>             tabcontentmessage.append(div);
    [6397] => 
    [6398] =>             const style = div.style;
    [6399] =>             style.overflowY = "hidden";
    [6400] =>             style.whiteSpace = "nowrap";
    [6401] =>         }
    [6402] =>         addEventListener("load", messagefilterblurload);
    [6403] => 
    [6404] =>         function messagefilterblurnumberload()
    [6405] =>         {
    [6406] =>             const br = document.createElement("br");
    [6407] =>             messagefilterblur.append(br);
    [6408] => 
    [6409] =>             const input = document.createElement("input");
    [6410] =>             input.id = "messagefilterblurnumber";
    [6411] =>             input.max = 1000;
    [6412] =>             input.min = 0;
    [6413] =>             input.step = 1;
    [6414] =>             input.type = "number";
    [6415] =>             input.value = 0;
    [6416] =>             input.addEventListener("input", messagefilterblurnumberupdate);
    [6417] =>             messagefilterblur.append(input);
    [6418] => 
    [6419] =>             //messagefilterblurnumberset();
    [6420] =>         }
    [6421] =>         addEventListener("load", messagefilterblurnumberload);
    [6422] => 
    [6423] =>         function messagefilterblurnumberset()
    [6424] =>         {
    [6425] =>             const v = messagefilterblurnumber.value;
    [6426] => 
    [6427] =>             messagefilterblurrange.value = v;
    [6428] =>             text.messagebackdropfilterblur = v;
    [6429] =>         }
    [6430] => 
    [6431] =>         function messagefilterblurnumberupdate()
    [6432] =>         {
    [6433] =>             messagefilterblurnumberset();
    [6434] =>             svgupdate();
    [6435] =>         }
    [6436] => 
    [6437] =>         function messagefilterblurrangeload()
    [6438] =>         {
    [6439] =>             const input = document.createElement("input");
    [6440] =>             input.id = "messagefilterblurrange";
    [6441] =>             input.max = messagefilterblurnumber.max;
    [6442] =>             input.min = messagefilterblurnumber.min;
    [6443] =>             input.step = messagefilterblurnumber.step;
    [6444] =>             input.type = "range";
    [6445] =>             input.value = messagefilterblurnumber.value;
    [6446] =>             input.addEventListener("input", messagefilterblurrangeupdate);
    [6447] =>             messagefilterblur.append(input);
    [6448] => 
    [6449] =>             messagefilterblurrangeset();
    [6450] =>         }
    [6451] =>         addEventListener("load", messagefilterblurrangeload);
    [6452] => 
    [6453] =>         function messagefilterblurrangeset()
    [6454] =>         {
    [6455] =>             const v = messagefilterblurrange.value;
    [6456] => 
    [6457] =>             messagefilterblurnumber.value = v;
    [6458] =>             text.messagebackdropfilterblur = v;
    [6459] =>         }
    [6460] => 
    [6461] =>         function messagefilterblurrangeupdate()
    [6462] =>         {
    [6463] =>             messagefilterblurrangeset();
    [6464] =>             svgupdate();
    [6465] =>         }
    [6466] => 
    [6467] =>         function messagefilterblurexactload()
    [6468] =>         {
    [6469] =>             const br = document.createElement("br");
    [6470] =>             messagefilterblur.append(br);
    [6471] => 
    [6472] =>             const array =
    [6473] =>             [
    [6474] =>                 ["0",0],
    [6475] =>                 ["2",2],
    [6476] =>                 ["4",4],
    [6477] =>                 ["8",8],
    [6478] =>                 ["16",16],
    [6479] =>                 ["32",32],
    [6480] =>                 ["64",64],
    [6481] =>             ];
    [6482] => 
    [6483] =>             for(const value of array)
    [6484] =>             {
    [6485] =>                 const button = document.createElement("button");
    [6486] =>                 button.innerHTML = value[0];
    [6487] =>                 button.value = value[1];
    [6488] =>                 button.addEventListener("click", messagefilterblurexactupdate);
    [6489] =>                 messagefilterblur.append(button);
    [6490] =>             }
    [6491] =>         }
    [6492] =>         addEventListener("load", messagefilterblurexactload);
    [6493] => 
    [6494] =>         function messagefilterblurexactupdate(e)
    [6495] =>         {
    [6496] =>             messagefilterblurnumber.value = Number(e.target.value);
    [6497] => 
    [6498] =>             messagefilterblurnumberupdate();
    [6499] =>         }
    [6500] => 
    [6501] =>         function messagefilterblurincrementload()
    [6502] =>         {
    [6503] =>             const br = document.createElement("br");
    [6504] =>             messagefilterblur.append(br);
    [6505] => 
    [6506] =>             const array =
    [6507] =>             [
    [6508] =>                 ["-100",-100],
    [6509] =>                 ["-10",-10],
    [6510] =>                 ["-1",-1],
    [6511] =>                 ["+1",1],
    [6512] =>                 ["+10",10],
    [6513] =>                 ["+100",100],
    [6514] =>             ];
    [6515] => 
    [6516] =>             for(const value of array)
    [6517] =>             {
    [6518] =>                 const button = document.createElement("button");
    [6519] =>                 button.innerHTML = value[0];
    [6520] =>                 button.value = value[1];
    [6521] =>                 button.addEventListener("click", messagefilterblurincrementupdate);
    [6522] =>                 messagefilterblur.append(button);
    [6523] =>             }
    [6524] =>         }
    [6525] =>         addEventListener("load", messagefilterblurincrementload);
    [6526] => 
    [6527] =>         function messagefilterblurincrementupdate(e)
    [6528] =>         {
    [6529] =>             const v = Number(messagefilterblurnumber.value) + Number(e.target.value);
    [6530] => 
    [6531] =>             if((messagefilterblurnumber.min <= v) && (v <= messagefilterblurnumber.max))
    [6532] =>             {
    [6533] =>                 messagefilterblurnumber.value = v;
    [6534] => 
    [6535] =>                 messagefilterblurnumberupdate();
    [6536] =>             }
    [6537] =>         }
    [6538] => 
    [6539] => 
    [6540] => 
    [6541] =>         function messagefilterbrightnessload()
    [6542] =>         {
    [6543] =>             const div = document.createElement("div");
    [6544] =>             div.id = "messagefilterbrightness";
    [6545] =>             div.innerHTML = "filter-brightness";
    [6546] =>             tabcontentmessage.append(div);
    [6547] => 
    [6548] =>             const style = div.style;
    [6549] =>             style.overflowY = "hidden";
    [6550] =>             style.whiteSpace = "nowrap";
    [6551] =>         }
    [6552] =>         addEventListener("load", messagefilterbrightnessload);
    [6553] => 
    [6554] =>         function messagefilterbrightnessnumberload()
    [6555] =>         {
    [6556] =>             const br = document.createElement("br");
    [6557] =>             messagefilterbrightness.append(br);
    [6558] => 
    [6559] =>             const input = document.createElement("input");
    [6560] =>             input.id = "messagefilterbrightnessnumber";
    [6561] =>             input.max = 1000;
    [6562] =>             input.min = 0;
    [6563] =>             input.step = 1;
    [6564] =>             input.type = "number";
    [6565] =>             input.value = 100;
    [6566] =>             input.addEventListener("input", messagefilterbrightnessnumberupdate);
    [6567] =>             messagefilterbrightness.append(input);
    [6568] => 
    [6569] =>             //messagefilterbrightnessnumberset();
    [6570] =>         }
    [6571] =>         addEventListener("load", messagefilterbrightnessnumberload);
    [6572] => 
    [6573] =>         function messagefilterbrightnessnumberset()
    [6574] =>         {
    [6575] =>             const v = messagefilterbrightnessnumber.value;
    [6576] => 
    [6577] =>             messagefilterbrightnessrange.value = v;
    [6578] =>             text.messagebackdropfilterbrightness = v;
    [6579] =>         }
    [6580] => 
    [6581] =>         function messagefilterbrightnessnumberupdate()
    [6582] =>         {
    [6583] =>             messagefilterbrightnessnumberset();
    [6584] =>             svgupdate();
    [6585] =>         }
    [6586] => 
    [6587] =>         function messagefilterbrightnessrangeload()
    [6588] =>         {
    [6589] =>             const input = document.createElement("input");
    [6590] =>             input.id = "messagefilterbrightnessrange";
    [6591] =>             input.max = messagefilterbrightnessnumber.max;
    [6592] =>             input.min = messagefilterbrightnessnumber.min;
    [6593] =>             input.step = messagefilterbrightnessnumber.step;
    [6594] =>             input.type = "range";
    [6595] =>             input.value = messagefilterbrightnessnumber.value;
    [6596] =>             input.addEventListener("input", messagefilterbrightnessrangeupdate);
    [6597] =>             messagefilterbrightness.append(input);
    [6598] => 
    [6599] =>             messagefilterbrightnessrangeset();
    [6600] =>         }
    [6601] =>         addEventListener("load", messagefilterbrightnessrangeload);
    [6602] => 
    [6603] =>         function messagefilterbrightnessrangeset()
    [6604] =>         {
    [6605] =>             const v = messagefilterbrightnessrange.value;
    [6606] => 
    [6607] =>             messagefilterbrightnessnumber.value = v;
    [6608] =>             text.messagebackdropfilterbrightness = v;
    [6609] =>         }
    [6610] => 
    [6611] =>         function messagefilterbrightnessrangeupdate()
    [6612] =>         {
    [6613] =>             messagefilterbrightnessrangeset();
    [6614] =>             svgupdate();
    [6615] =>         }
    [6616] => 
    [6617] =>         function messagefilterbrightnessexactload()
    [6618] =>         {
    [6619] =>             const br = document.createElement("br");
    [6620] =>             messagefilterbrightness.append(br);
    [6621] => 
    [6622] =>             const array =
    [6623] =>             [
    [6624] =>                 ["0",0],
    [6625] =>                 ["50",50],
    [6626] =>                 ["100 (initial)",100],
    [6627] =>                 ["150",150],
    [6628] =>                 ["200",200],
    [6629] =>             ];
    [6630] => 
    [6631] =>             for(const value of array)
    [6632] =>             {
    [6633] =>                 const button = document.createElement("button");
    [6634] =>                 button.innerHTML = value[0];
    [6635] =>                 button.value = value[1];
    [6636] =>                 button.addEventListener("click", messagefilterbrightnessexactupdate);
    [6637] =>                 messagefilterbrightness.append(button);
    [6638] =>             }
    [6639] =>         }
    [6640] =>         addEventListener("load", messagefilterbrightnessexactload);
    [6641] => 
    [6642] =>         function messagefilterbrightnessexactupdate(e)
    [6643] =>         {
    [6644] =>             messagefilterbrightnessnumber.value = Number(e.target.value);
    [6645] => 
    [6646] =>             messagefilterbrightnessnumberupdate();
    [6647] =>         }
    [6648] => 
    [6649] =>         function messagefilterbrightnessincrementload()
    [6650] =>         {
    [6651] =>             const br = document.createElement("br");
    [6652] =>             messagefilterbrightness.append(br);
    [6653] => 
    [6654] =>             const array =
    [6655] =>             [
    [6656] =>                 ["-100",-100],
    [6657] =>                 ["-10",-10],
    [6658] =>                 ["-1",-1],
    [6659] =>                 ["+1",1],
    [6660] =>                 ["+10",10],
    [6661] =>                 ["+100",100],
    [6662] =>             ];
    [6663] => 
    [6664] =>             for(const value of array)
    [6665] =>             {
    [6666] =>                 const button = document.createElement("button");
    [6667] =>                 button.innerHTML = value[0];
    [6668] =>                 button.value = value[1];
    [6669] =>                 button.addEventListener("click", messagefilterbrightnessincrementupdate);
    [6670] =>                 messagefilterbrightness.append(button);
    [6671] =>             }
    [6672] =>         }
    [6673] =>         addEventListener("load", messagefilterbrightnessincrementload);
    [6674] => 
    [6675] =>         function messagefilterbrightnessincrementupdate(e)
    [6676] =>         {
    [6677] =>             const v = Number(messagefilterbrightnessnumber.value) + Number(e.target.value);
    [6678] => 
    [6679] =>             if((messagefilterbrightnessnumber.min <= v) && (v <= messagefilterbrightnessnumber.max))
    [6680] =>             {
    [6681] =>                 messagefilterbrightnessnumber.value = v;
    [6682] => 
    [6683] =>                 messagefilterbrightnessnumberupdate();
    [6684] =>             }
    [6685] =>         }
    [6686] => 
    [6687] => 
    [6688] => 
    [6689] =>         function messagefiltercontrastload()
    [6690] =>         {
    [6691] =>             const div = document.createElement("div");
    [6692] =>             div.id = "messagefiltercontrast";
    [6693] =>             div.innerHTML = "filter-contrast";
    [6694] =>             tabcontentmessage.append(div);
    [6695] => 
    [6696] =>             const style = div.style;
    [6697] =>             style.overflowY = "hidden";
    [6698] =>             style.whiteSpace = "nowrap";
    [6699] =>         }
    [6700] =>         addEventListener("load", messagefiltercontrastload);
    [6701] => 
    [6702] =>         function messagefiltercontrastnumberload()
    [6703] =>         {
    [6704] =>             const br = document.createElement("br");
    [6705] =>             messagefiltercontrast.append(br);
    [6706] => 
    [6707] =>             const input = document.createElement("input");
    [6708] =>             input.id = "messagefiltercontrastnumber";
    [6709] =>             input.max = 1000;
    [6710] =>             input.min = 0;
    [6711] =>             input.step = 1;
    [6712] =>             input.type = "number";
    [6713] =>             input.value = 100;
    [6714] =>             input.addEventListener("input", messagefiltercontrastnumberupdate);
    [6715] =>             messagefiltercontrast.append(input);
    [6716] => 
    [6717] =>             //messagefiltercontrastnumberset();
    [6718] =>         }
    [6719] =>         addEventListener("load", messagefiltercontrastnumberload);
    [6720] => 
    [6721] =>         function messagefiltercontrastnumberset()
    [6722] =>         {
    [6723] =>             const v = messagefiltercontrastnumber.value;
    [6724] => 
    [6725] =>             messagefiltercontrastrange.value = v;
    [6726] =>             text.messagebackdropfiltercontrast = v;
    [6727] =>         }
    [6728] => 
    [6729] =>         function messagefiltercontrastnumberupdate()
    [6730] =>         {
    [6731] =>             messagefiltercontrastnumberset();
    [6732] =>             svgupdate();
    [6733] =>         }
    [6734] => 
    [6735] =>         function messagefiltercontrastrangeload()
    [6736] =>         {
    [6737] =>             const input = document.createElement("input");
    [6738] =>             input.id = "messagefiltercontrastrange";
    [6739] =>             input.max = messagefiltercontrastnumber.max;
    [6740] =>             input.min = messagefiltercontrastnumber.min;
    [6741] =>             input.step = messagefiltercontrastnumber.step;
    [6742] =>             input.type = "range";
    [6743] =>             input.value = messagefiltercontrastnumber.value;
    [6744] =>             input.addEventListener("input", messagefiltercontrastrangeupdate);
    [6745] =>             messagefiltercontrast.append(input);
    [6746] => 
    [6747] =>             messagefiltercontrastrangeset();
    [6748] =>         }
    [6749] =>         addEventListener("load", messagefiltercontrastrangeload);
    [6750] => 
    [6751] =>         function messagefiltercontrastrangeset()
    [6752] =>         {
    [6753] =>             const v = messagefiltercontrastrange.value;
    [6754] => 
    [6755] =>             messagefiltercontrastnumber.value = v;
    [6756] =>             text.messagebackdropfiltercontrast = v;
    [6757] =>         }
    [6758] => 
    [6759] =>         function messagefiltercontrastrangeupdate()
    [6760] =>         {
    [6761] =>             messagefiltercontrastrangeset();
    [6762] =>             svgupdate();
    [6763] =>         }
    [6764] => 
    [6765] =>         function messagefiltercontrastexactload()
    [6766] =>         {
    [6767] =>             const br = document.createElement("br");
    [6768] =>             messagefiltercontrast.append(br);
    [6769] => 
    [6770] =>             const array =
    [6771] =>             [
    [6772] =>                 ["0",0],
    [6773] =>                 ["50",50],
    [6774] =>                 ["100 (initial)",100],
    [6775] =>                 ["150",150],
    [6776] =>                 ["200",200],
    [6777] =>             ];
    [6778] => 
    [6779] =>             for(const value of array)
    [6780] =>             {
    [6781] =>                 const button = document.createElement("button");
    [6782] =>                 button.innerHTML = value[0];
    [6783] =>                 button.value = value[1];
    [6784] =>                 button.addEventListener("click", messagefiltercontrastexactupdate);
    [6785] =>                 messagefiltercontrast.append(button);
    [6786] =>             }
    [6787] =>         }
    [6788] =>         addEventListener("load", messagefiltercontrastexactload);
    [6789] => 
    [6790] =>         function messagefiltercontrastexactupdate(e)
    [6791] =>         {
    [6792] =>             messagefiltercontrastnumber.value = Number(e.target.value);
    [6793] => 
    [6794] =>             messagefiltercontrastnumberupdate();
    [6795] =>         }
    [6796] => 
    [6797] =>         function messagefiltercontrastincrementload()
    [6798] =>         {
    [6799] =>             const br = document.createElement("br");
    [6800] =>             messagefiltercontrast.append(br);
    [6801] => 
    [6802] =>             const array =
    [6803] =>             [
    [6804] =>                 ["-100",-100],
    [6805] =>                 ["-10",-10],
    [6806] =>                 ["-1",-1],
    [6807] =>                 ["+1",1],
    [6808] =>                 ["+10",10],
    [6809] =>                 ["+100",100],
    [6810] =>             ];
    [6811] => 
    [6812] =>             for(const value of array)
    [6813] =>             {
    [6814] =>                 const button = document.createElement("button");
    [6815] =>                 button.innerHTML = value[0];
    [6816] =>                 button.value = value[1];
    [6817] =>                 button.addEventListener("click", messagefiltercontrastincrementupdate);
    [6818] =>                 messagefiltercontrast.append(button);
    [6819] =>             }
    [6820] =>         }
    [6821] =>         addEventListener("load", messagefiltercontrastincrementload);
    [6822] => 
    [6823] =>         function messagefiltercontrastincrementupdate(e)
    [6824] =>         {
    [6825] =>             const v = Number(messagefiltercontrastnumber.value) + Number(e.target.value);
    [6826] => 
    [6827] =>             if((messagefiltercontrastnumber.min <= v) && (v <= messagefiltercontrastnumber.max))
    [6828] =>             {
    [6829] =>                 messagefiltercontrastnumber.value = v;
    [6830] => 
    [6831] =>                 messagefiltercontrastnumberupdate();
    [6832] =>             }
    [6833] =>         }
    [6834] => 
    [6835] => 
    [6836] => 
    [6837] =>         function messagefiltergrayscaleload()
    [6838] =>         {
    [6839] =>             const div = document.createElement("div");
    [6840] =>             div.id = "messagefiltergrayscale";
    [6841] =>             div.innerHTML = "filter-grayscale";
    [6842] =>             tabcontentmessage.append(div);
    [6843] => 
    [6844] =>             const style = div.style;
    [6845] =>             style.overflowY = "hidden";
    [6846] =>             style.whiteSpace = "nowrap";
    [6847] =>         }
    [6848] =>         addEventListener("load", messagefiltergrayscaleload);
    [6849] => 
    [6850] =>         function messagefiltergrayscalenumberload()
    [6851] =>         {
    [6852] =>             const br = document.createElement("br");
    [6853] =>             messagefiltergrayscale.append(br);
    [6854] => 
    [6855] =>             const input = document.createElement("input");
    [6856] =>             input.id = "messagefiltergrayscalenumber";
    [6857] =>             input.max = 100;
    [6858] =>             input.min = 0;
    [6859] =>             input.step = 1;
    [6860] =>             input.type = "number";
    [6861] =>             input.value = 0;
    [6862] =>             input.addEventListener("input", messagefiltergrayscalenumberupdate);
    [6863] =>             messagefiltergrayscale.append(input);
    [6864] => 
    [6865] =>             //messagefiltergrayscalenumberset();
    [6866] =>         }
    [6867] =>         addEventListener("load", messagefiltergrayscalenumberload);
    [6868] => 
    [6869] =>         function messagefiltergrayscalenumberset()
    [6870] =>         {
    [6871] =>             const v = messagefiltergrayscalenumber.value;
    [6872] => 
    [6873] =>             messagefiltergrayscalerange.value = v;
    [6874] =>             text.messagebackdropfiltergrayscale = v;
    [6875] =>         }
    [6876] => 
    [6877] =>         function messagefiltergrayscalenumberupdate()
    [6878] =>         {
    [6879] =>             messagefiltergrayscalenumberset();
    [6880] =>             svgupdate();
    [6881] =>         }
    [6882] => 
    [6883] =>         function messagefiltergrayscalerangeload()
    [6884] =>         {
    [6885] =>             const input = document.createElement("input");
    [6886] =>             input.id = "messagefiltergrayscalerange";
    [6887] =>             input.max = messagefiltergrayscalenumber.max;
    [6888] =>             input.min = messagefiltergrayscalenumber.min;
    [6889] =>             input.step = messagefiltergrayscalenumber.step;
    [6890] =>             input.type = "range";
    [6891] =>             input.value = messagefiltergrayscalenumber.value;
    [6892] =>             input.addEventListener("input", messagefiltergrayscalerangeupdate);
    [6893] =>             messagefiltergrayscale.append(input);
    [6894] => 
    [6895] =>             messagefiltergrayscalerangeset();
    [6896] =>         }
    [6897] =>         addEventListener("load", messagefiltergrayscalerangeload);
    [6898] => 
    [6899] =>         function messagefiltergrayscalerangeset()
    [6900] =>         {
    [6901] =>             const v = messagefiltergrayscalerange.value;
    [6902] => 
    [6903] =>             messagefiltergrayscalenumber.value = v;
    [6904] =>             text.messagebackdropfiltergrayscale = v;
    [6905] =>         }
    [6906] => 
    [6907] =>         function messagefiltergrayscalerangeupdate()
    [6908] =>         {
    [6909] =>             messagefiltergrayscalerangeset();
    [6910] =>             svgupdate();
    [6911] =>         }
    [6912] => 
    [6913] =>         function messagefiltergrayscaleexactload()
    [6914] =>         {
    [6915] =>             const br = document.createElement("br");
    [6916] =>             messagefiltergrayscale.append(br);
    [6917] => 
    [6918] =>             const array =
    [6919] =>             [
    [6920] =>                 ["0",0],
    [6921] =>                 ["25",25],
    [6922] =>                 ["50",50],
    [6923] =>                 ["75",75],
    [6924] =>                 ["100",100],
    [6925] =>             ];
    [6926] => 
    [6927] =>             for(const value of array)
    [6928] =>             {
    [6929] =>                 const button = document.createElement("button");
    [6930] =>                 button.innerHTML = value[0];
    [6931] =>                 button.value = value[1];
    [6932] =>                 button.addEventListener("click", messagefiltergrayscaleexactupdate);
    [6933] =>                 messagefiltergrayscale.append(button);
    [6934] =>             }
    [6935] =>         }
    [6936] =>         addEventListener("load", messagefiltergrayscaleexactload);
    [6937] => 
    [6938] =>         function messagefiltergrayscaleexactupdate(e)
    [6939] =>         {
    [6940] =>             messagefiltergrayscalenumber.value = Number(e.target.value);
    [6941] => 
    [6942] =>             messagefiltergrayscalenumberupdate();
    [6943] =>         }
    [6944] => 
    [6945] =>         function messagefiltergrayscaleincrementload()
    [6946] =>         {
    [6947] =>             const br = document.createElement("br");
    [6948] =>             messagefiltergrayscale.append(br);
    [6949] => 
    [6950] =>             const array =
    [6951] =>             [
    [6952] =>                 ["-10",-10],
    [6953] =>                 ["-1",-1],
    [6954] =>                 ["+1",1],
    [6955] =>                 ["+10",10],
    [6956] =>             ];
    [6957] => 
    [6958] =>             for(const value of array)
    [6959] =>             {
    [6960] =>                 const button = document.createElement("button");
    [6961] =>                 button.innerHTML = value[0];
    [6962] =>                 button.value = value[1];
    [6963] =>                 button.addEventListener("click", messagefiltergrayscaleincrementupdate);
    [6964] =>                 messagefiltergrayscale.append(button);
    [6965] =>             }
    [6966] =>         }
    [6967] =>         addEventListener("load", messagefiltergrayscaleincrementload);
    [6968] => 
    [6969] =>         function messagefiltergrayscaleincrementupdate(e)
    [6970] =>         {
    [6971] =>             const v = Number(messagefiltergrayscalenumber.value) + Number(e.target.value);
    [6972] => 
    [6973] =>             if((messagefiltergrayscalenumber.min <= v) && (v <= messagefiltergrayscalenumber.max))
    [6974] =>             {
    [6975] =>                 messagefiltergrayscalenumber.value = v;
    [6976] => 
    [6977] =>                 messagefiltergrayscalenumberupdate();
    [6978] =>             }
    [6979] =>         }
    [6980] => 
    [6981] => 
    [6982] => 
    [6983] =>         function messagefilterhuerotateload()
    [6984] =>         {
    [6985] =>             const div = document.createElement("div");
    [6986] =>             div.id = "messagefilterhuerotate";
    [6987] =>             div.innerHTML = "filter-hue-rotate";
    [6988] =>             tabcontentmessage.append(div);
    [6989] => 
    [6990] =>             const style = div.style;
    [6991] =>             style.overflowY = "hidden";
    [6992] =>             style.whiteSpace = "nowrap";
    [6993] =>         }
    [6994] =>         addEventListener("load", messagefilterhuerotateload);
    [6995] => 
    [6996] =>         function messagefilterhuerotatenumberload()
    [6997] =>         {
    [6998] =>             const br = document.createElement("br");
    [6999] =>             messagefilterhuerotate.append(br);
    [7000] => 
    [7001] =>             const input = document.createElement("input");
    [7002] =>             input.id = "messagefilterhuerotatenumber";
    [7003] =>             input.max = 360;
    [7004] =>             input.min = 0;
    [7005] =>             input.step = 1;
    [7006] =>             input.type = "number";
    [7007] =>             input.value = 0;
    [7008] =>             input.addEventListener("input", messagefilterhuerotatenumberupdate);
    [7009] =>             messagefilterhuerotate.append(input);
    [7010] => 
    [7011] =>             //messagefilterhuerotatenumberset();
    [7012] =>         }
    [7013] =>         addEventListener("load", messagefilterhuerotatenumberload);
    [7014] => 
    [7015] =>         function messagefilterhuerotatenumberset()
    [7016] =>         {
    [7017] =>             const v = messagefilterhuerotatenumber.value;
    [7018] => 
    [7019] =>             messagefilterhuerotaterange.value = v;
    [7020] =>             text.messagebackdropfilterhuerotate = v;
    [7021] =>         }
    [7022] => 
    [7023] =>         function messagefilterhuerotatenumberupdate()
    [7024] =>         {
    [7025] =>             messagefilterhuerotatenumberset();
    [7026] =>             svgupdate();
    [7027] =>         }
    [7028] => 
    [7029] =>         function messagefilterhuerotaterangeload()
    [7030] =>         {
    [7031] =>             const input = document.createElement("input");
    [7032] =>             input.id = "messagefilterhuerotaterange";
    [7033] =>             input.max = messagefilterhuerotatenumber.max;
    [7034] =>             input.min = messagefilterhuerotatenumber.min;
    [7035] =>             input.step = messagefilterhuerotatenumber.step;
    [7036] =>             input.type = "range";
    [7037] =>             input.value = messagefilterhuerotatenumber.value;
    [7038] =>             input.addEventListener("input", messagefilterhuerotaterangeupdate);
    [7039] =>             messagefilterhuerotate.append(input);
    [7040] => 
    [7041] =>             messagefilterhuerotaterangeset();
    [7042] =>         }
    [7043] =>         addEventListener("load", messagefilterhuerotaterangeload);
    [7044] => 
    [7045] =>         function messagefilterhuerotaterangeset()
    [7046] =>         {
    [7047] =>             const v = messagefilterhuerotaterange.value;
    [7048] => 
    [7049] =>             messagefilterhuerotatenumber.value = v;
    [7050] =>             text.messagebackdropfilterhuerotate = v;
    [7051] =>         }
    [7052] => 
    [7053] =>         function messagefilterhuerotaterangeupdate()
    [7054] =>         {
    [7055] =>             messagefilterhuerotaterangeset();
    [7056] =>             svgupdate();
    [7057] =>         }
    [7058] => 
    [7059] =>         function messagefilterhuerotateexactload()
    [7060] =>         {
    [7061] =>             const br = document.createElement("br");
    [7062] =>             messagefilterhuerotate.append(br);
    [7063] => 
    [7064] =>             const array =
    [7065] =>             [
    [7066] =>                 ["0",0],
    [7067] =>                 ["90",90],
    [7068] =>                 ["180",180],
    [7069] =>                 ["270",270],
    [7070] =>                 ["360",360],
    [7071] =>             ];
    [7072] => 
    [7073] =>             for(const value of array)
    [7074] =>             {
    [7075] =>                 const button = document.createElement("button");
    [7076] =>                 button.innerHTML = value[0];
    [7077] =>                 button.value = value[1];
    [7078] =>                 button.addEventListener("click", messagefilterhuerotateexactupdate);
    [7079] =>                 messagefilterhuerotate.append(button);
    [7080] =>             }
    [7081] =>         }
    [7082] =>         addEventListener("load", messagefilterhuerotateexactload);
    [7083] => 
    [7084] =>         function messagefilterhuerotateexactupdate(e)
    [7085] =>         {
    [7086] =>             messagefilterhuerotatenumber.value = Number(e.target.value);
    [7087] => 
    [7088] =>             messagefilterhuerotatenumberupdate();
    [7089] =>         }
    [7090] => 
    [7091] =>         function messagefilterhuerotateincrementload()
    [7092] =>         {
    [7093] =>             const br = document.createElement("br");
    [7094] =>             messagefilterhuerotate.append(br);
    [7095] => 
    [7096] =>             const array =
    [7097] =>             [
    [7098] =>                 //["-90",-90],
    [7099] =>                 ["-45",-45],
    [7100] =>                 ["-15",-15],
    [7101] =>                 ["-1",-1],
    [7102] =>                 ["+1",1],
    [7103] =>                 ["+15",15],
    [7104] =>                 ["+45",45],
    [7105] =>                 //["+90",90],
    [7106] =>             ];
    [7107] => 
    [7108] =>             for(const value of array)
    [7109] =>             {
    [7110] =>                 const button = document.createElement("button");
    [7111] =>                 button.innerHTML = value[0];
    [7112] =>                 button.value = value[1];
    [7113] =>                 button.addEventListener("click", messagefilterhuerotateincrementupdate);
    [7114] =>                 messagefilterhuerotate.append(button);
    [7115] =>             }
    [7116] =>         }
    [7117] =>         addEventListener("load", messagefilterhuerotateincrementload);
    [7118] => 
    [7119] =>         function messagefilterhuerotateincrementupdate(e)
    [7120] =>         {
    [7121] =>             const v = Number(messagefilterhuerotatenumber.value) + Number(e.target.value);
    [7122] => 
    [7123] =>             if((messagefilterhuerotatenumber.min <= v) && (v <= messagefilterhuerotatenumber.max))
    [7124] =>             {
    [7125] =>                 messagefilterhuerotatenumber.value = v;
    [7126] => 
    [7127] =>                 messagefilterhuerotatenumberupdate();
    [7128] =>             }
    [7129] =>         }
    [7130] => 
    [7131] => 
    [7132] => 
    [7133] =>         function messagefilterinvertload()
    [7134] =>         {
    [7135] =>             const div = document.createElement("div");
    [7136] =>             div.id = "messagefilterinvert";
    [7137] =>             div.innerHTML = "filter-invert";
    [7138] =>             tabcontentmessage.append(div);
    [7139] => 
    [7140] =>             const style = div.style;
    [7141] =>             style.overflowY = "hidden";
    [7142] =>             style.whiteSpace = "nowrap";
    [7143] =>         }
    [7144] =>         addEventListener("load", messagefilterinvertload);
    [7145] => 
    [7146] =>         function messagefilterinvertnumberload()
    [7147] =>         {
    [7148] =>             const br = document.createElement("br");
    [7149] =>             messagefilterinvert.append(br);
    [7150] => 
    [7151] =>             const input = document.createElement("input");
    [7152] =>             input.id = "messagefilterinvertnumber";
    [7153] =>             input.max = 100;
    [7154] =>             input.min = 0;
    [7155] =>             input.step = 1;
    [7156] =>             input.type = "number";
    [7157] =>             input.value = 0;
    [7158] =>             input.addEventListener("input", messagefilterinvertnumberupdate);
    [7159] =>             messagefilterinvert.append(input);
    [7160] => 
    [7161] =>             //messagefilterinvertnumberset();
    [7162] =>         }
    [7163] =>         addEventListener("load", messagefilterinvertnumberload);
    [7164] => 
    [7165] =>         function messagefilterinvertnumberset()
    [7166] =>         {
    [7167] =>             const v = messagefilterinvertnumber.value;
    [7168] => 
    [7169] =>             messagefilterinvertrange.value = v;
    [7170] =>             text.messagebackdropfilterinvert = v;
    [7171] =>         }
    [7172] => 
    [7173] =>         function messagefilterinvertnumberupdate()
    [7174] =>         {
    [7175] =>             messagefilterinvertnumberset();
    [7176] =>             svgupdate();
    [7177] =>         }
    [7178] => 
    [7179] =>         function messagefilterinvertrangeload()
    [7180] =>         {
    [7181] =>             const input = document.createElement("input");
    [7182] =>             input.id = "messagefilterinvertrange";
    [7183] =>             input.max = messagefilterinvertnumber.max;
    [7184] =>             input.min = messagefilterinvertnumber.min;
    [7185] =>             input.step = messagefilterinvertnumber.step;
    [7186] =>             input.type = "range";
    [7187] =>             input.value = messagefilterinvertnumber.value;
    [7188] =>             input.addEventListener("input", messagefilterinvertrangeupdate);
    [7189] =>             messagefilterinvert.append(input);
    [7190] => 
    [7191] =>             messagefilterinvertrangeset();
    [7192] =>         }
    [7193] =>         addEventListener("load", messagefilterinvertrangeload);
    [7194] => 
    [7195] =>         function messagefilterinvertrangeset()
    [7196] =>         {
    [7197] =>             const v = messagefilterinvertrange.value;
    [7198] => 
    [7199] =>             messagefilterinvertnumber.value = v;
    [7200] =>             text.messagebackdropfilterinvert = v;
    [7201] =>         }
    [7202] => 
    [7203] =>         function messagefilterinvertrangeupdate()
    [7204] =>         {
    [7205] =>             messagefilterinvertrangeset();
    [7206] =>             svgupdate();
    [7207] =>         }
    [7208] => 
    [7209] =>         function messagefilterinvertexactload()
    [7210] =>         {
    [7211] =>             const br = document.createElement("br");
    [7212] =>             messagefilterinvert.append(br);
    [7213] => 
    [7214] =>             const array =
    [7215] =>             [
    [7216] =>                 ["0",0],
    [7217] =>                 ["25",25],
    [7218] =>                 ["50",50],
    [7219] =>                 ["75",75],
    [7220] =>                 ["100",100],
    [7221] =>             ];
    [7222] => 
    [7223] =>             for(const value of array)
    [7224] =>             {
    [7225] =>                 const button = document.createElement("button");
    [7226] =>                 button.innerHTML = value[0];
    [7227] =>                 button.value = value[1];
    [7228] =>                 button.addEventListener("click", messagefilterinvertexactupdate);
    [7229] =>                 messagefilterinvert.append(button);
    [7230] =>             }
    [7231] =>         }
    [7232] =>         addEventListener("load", messagefilterinvertexactload);
    [7233] => 
    [7234] =>         function messagefilterinvertexactupdate(e)
    [7235] =>         {
    [7236] =>             messagefilterinvertnumber.value = Number(e.target.value);
    [7237] => 
    [7238] =>             messagefilterinvertnumberupdate();
    [7239] =>         }
    [7240] => 
    [7241] =>         function messagefilterinvertincrementload()
    [7242] =>         {
    [7243] =>             const br = document.createElement("br");
    [7244] =>             messagefilterinvert.append(br);
    [7245] => 
    [7246] =>             const array =
    [7247] =>             [
    [7248] =>                 ["-10",-10],
    [7249] =>                 ["-1",-1],
    [7250] =>                 ["+1",1],
    [7251] =>                 ["+10",10],
    [7252] =>             ];
    [7253] => 
    [7254] =>             for(const value of array)
    [7255] =>             {
    [7256] =>                 const button = document.createElement("button");
    [7257] =>                 button.innerHTML = value[0];
    [7258] =>                 button.value = value[1];
    [7259] =>                 button.addEventListener("click", messagefilterinvertincrementupdate);
    [7260] =>                 messagefilterinvert.append(button);
    [7261] =>             }
    [7262] =>         }
    [7263] =>         addEventListener("load", messagefilterinvertincrementload);
    [7264] => 
    [7265] =>         function messagefilterinvertincrementupdate(e)
    [7266] =>         {
    [7267] =>             const v = Number(messagefilterinvertnumber.value) + Number(e.target.value);
    [7268] => 
    [7269] =>             if((messagefilterinvertnumber.min <= v) && (v <= messagefilterinvertnumber.max))
    [7270] =>             {
    [7271] =>                 messagefilterinvertnumber.value = v;
    [7272] => 
    [7273] =>                 messagefilterinvertnumberupdate();
    [7274] =>             }
    [7275] =>         }
    [7276] => 
    [7277] => 
    [7278] => 
    [7279] =>         function messagefiltersaturateload()
    [7280] =>         {
    [7281] =>             const div = document.createElement("div");
    [7282] =>             div.id = "messagefiltersaturate";
    [7283] =>             div.innerHTML = "filter-saturate";
    [7284] =>             tabcontentmessage.append(div);
    [7285] => 
    [7286] =>             const style = div.style;
    [7287] =>             style.overflowY = "hidden";
    [7288] =>             style.whiteSpace = "nowrap";
    [7289] =>         }
    [7290] =>         addEventListener("load", messagefiltersaturateload);
    [7291] => 
    [7292] =>         function messagefiltersaturatenumberload()
    [7293] =>         {
    [7294] =>             const br = document.createElement("br");
    [7295] =>             messagefiltersaturate.append(br);
    [7296] => 
    [7297] =>             const input = document.createElement("input");
    [7298] =>             input.id = "messagefiltersaturatenumber";
    [7299] =>             input.max = 1000;
    [7300] =>             input.min = 0;
    [7301] =>             input.step = 1;
    [7302] =>             input.type = "number";
    [7303] =>             input.value = 100;
    [7304] =>             input.addEventListener("input", messagefiltersaturatenumberupdate);
    [7305] =>             messagefiltersaturate.append(input);
    [7306] => 
    [7307] =>             //messagefiltersaturatenumberset();
    [7308] =>         }
    [7309] =>         addEventListener("load", messagefiltersaturatenumberload);
    [7310] => 
    [7311] =>         function messagefiltersaturatenumberset()
    [7312] =>         {
    [7313] =>             const v = messagefiltersaturatenumber.value;
    [7314] => 
    [7315] =>             messagefiltersaturaterange.value = v;
    [7316] =>             text.messagebackdropfiltersaturate = v;
    [7317] =>         }
    [7318] => 
    [7319] =>         function messagefiltersaturatenumberupdate()
    [7320] =>         {
    [7321] =>             messagefiltersaturatenumberset();
    [7322] =>             svgupdate();
    [7323] =>         }
    [7324] => 
    [7325] =>         function messagefiltersaturaterangeload()
    [7326] =>         {
    [7327] =>             const input = document.createElement("input");
    [7328] =>             input.id = "messagefiltersaturaterange";
    [7329] =>             input.max = messagefiltersaturatenumber.max;
    [7330] =>             input.min = messagefiltersaturatenumber.min;
    [7331] =>             input.step = messagefiltersaturatenumber.step;
    [7332] =>             input.type = "range";
    [7333] =>             input.value = messagefiltersaturatenumber.value;
    [7334] =>             input.addEventListener("input", messagefiltersaturaterangeupdate);
    [7335] =>             messagefiltersaturate.append(input);
    [7336] => 
    [7337] =>             messagefiltersaturaterangeset();
    [7338] =>         }
    [7339] =>         addEventListener("load", messagefiltersaturaterangeload);
    [7340] => 
    [7341] =>         function messagefiltersaturaterangeset()
    [7342] =>         {
    [7343] =>             const v = messagefiltersaturaterange.value;
    [7344] => 
    [7345] =>             messagefiltersaturatenumber.value = v;
    [7346] =>             text.messagebackdropfiltersaturate = v;
    [7347] =>         }
    [7348] => 
    [7349] =>         function messagefiltersaturaterangeupdate()
    [7350] =>         {
    [7351] =>             messagefiltersaturaterangeset();
    [7352] =>             svgupdate();
    [7353] =>         }
    [7354] => 
    [7355] =>         function messagefiltersaturateexactload()
    [7356] =>         {
    [7357] =>             const br = document.createElement("br");
    [7358] =>             messagefiltersaturate.append(br);
    [7359] => 
    [7360] =>             const array =
    [7361] =>             [
    [7362] =>                 ["0",0],
    [7363] =>                 ["50",50],
    [7364] =>                 ["100 (initial)",100],
    [7365] =>                 ["150",150],
    [7366] =>                 ["200",200],
    [7367] =>             ];
    [7368] => 
    [7369] =>             for(const value of array)
    [7370] =>             {
    [7371] =>                 const button = document.createElement("button");
    [7372] =>                 button.innerHTML = value[0];
    [7373] =>                 button.value = value[1];
    [7374] =>                 button.addEventListener("click", messagefiltersaturateexactupdate);
    [7375] =>                 messagefiltersaturate.append(button);
    [7376] =>             }
    [7377] =>         }
    [7378] =>         addEventListener("load", messagefiltersaturateexactload);
    [7379] => 
    [7380] =>         function messagefiltersaturateexactupdate(e)
    [7381] =>         {
    [7382] =>             messagefiltersaturatenumber.value = Number(e.target.value);
    [7383] => 
    [7384] =>             messagefiltersaturatenumberupdate();
    [7385] =>         }
    [7386] => 
    [7387] =>         function messagefiltersaturateincrementload()
    [7388] =>         {
    [7389] =>             const br = document.createElement("br");
    [7390] =>             messagefiltersaturate.append(br);
    [7391] => 
    [7392] =>             const array =
    [7393] =>             [
    [7394] =>                 ["-100",-100],
    [7395] =>                 ["-10",-10],
    [7396] =>                 ["-1",-1],
    [7397] =>                 ["+1",1],
    [7398] =>                 ["+10",10],
    [7399] =>                 ["+100",100],
    [7400] =>             ];
    [7401] => 
    [7402] =>             for(const value of array)
    [7403] =>             {
    [7404] =>                 const button = document.createElement("button");
    [7405] =>                 button.innerHTML = value[0];
    [7406] =>                 button.value = value[1];
    [7407] =>                 button.addEventListener("click", messagefiltersaturateincrementupdate);
    [7408] =>                 messagefiltersaturate.append(button);
    [7409] =>             }
    [7410] =>         }
    [7411] =>         addEventListener("load", messagefiltersaturateincrementload);
    [7412] => 
    [7413] =>         function messagefiltersaturateincrementupdate(e)
    [7414] =>         {
    [7415] =>             const v = Number(messagefiltersaturatenumber.value) + Number(e.target.value);
    [7416] => 
    [7417] =>             if((messagefiltersaturatenumber.min <= v) && (v <= messagefiltersaturatenumber.max))
    [7418] =>             {
    [7419] =>                 messagefiltersaturatenumber.value = v;
    [7420] => 
    [7421] =>                 messagefiltersaturatenumberupdate();
    [7422] =>             }
    [7423] =>         }
    [7424] => 
    [7425] => 
    [7426] => 
    [7427] =>         function messagefiltersepiaload()
    [7428] =>         {
    [7429] =>             const div = document.createElement("div");
    [7430] =>             div.id = "messagefiltersepia";
    [7431] =>             div.innerHTML = "filter-sepia";
    [7432] =>             tabcontentmessage.append(div);
    [7433] => 
    [7434] =>             const style = div.style;
    [7435] =>             style.overflowY = "hidden";
    [7436] =>             style.whiteSpace = "nowrap";
    [7437] =>         }
    [7438] =>         addEventListener("load", messagefiltersepiaload);
    [7439] => 
    [7440] =>         function messagefiltersepianumberload()
    [7441] =>         {
    [7442] =>             const br = document.createElement("br");
    [7443] =>             messagefiltersepia.append(br);
    [7444] => 
    [7445] =>             const input = document.createElement("input");
    [7446] =>             input.id = "messagefiltersepianumber";
    [7447] =>             input.max = 100;
    [7448] =>             input.min = 0;
    [7449] =>             input.step = 1;
    [7450] =>             input.type = "number";
    [7451] =>             input.value = 0;
    [7452] =>             input.addEventListener("input", messagefiltersepianumberupdate);
    [7453] =>             messagefiltersepia.append(input);
    [7454] => 
    [7455] =>             //messagefiltersepianumberset();
    [7456] =>         }
    [7457] =>         addEventListener("load", messagefiltersepianumberload);
    [7458] => 
    [7459] =>         function messagefiltersepianumberset()
    [7460] =>         {
    [7461] =>             const v = messagefiltersepianumber.value;
    [7462] => 
    [7463] =>             messagefiltersepiarange.value = v;
    [7464] =>             text.messagebackdropfiltersepia = v;
    [7465] =>         }
    [7466] => 
    [7467] =>         function messagefiltersepianumberupdate()
    [7468] =>         {
    [7469] =>             messagefiltersepianumberset();
    [7470] =>             svgupdate();
    [7471] =>         }
    [7472] => 
    [7473] =>         function messagefiltersepiarangeload()
    [7474] =>         {
    [7475] =>             const input = document.createElement("input");
    [7476] =>             input.id = "messagefiltersepiarange";
    [7477] =>             input.max = messagefiltersepianumber.max;
    [7478] =>             input.min = messagefiltersepianumber.min;
    [7479] =>             input.step = messagefiltersepianumber.step;
    [7480] =>             input.type = "range";
    [7481] =>             input.value = messagefiltersepianumber.value;
    [7482] =>             input.addEventListener("input", messagefiltersepiarangeupdate);
    [7483] =>             messagefiltersepia.append(input);
    [7484] => 
    [7485] =>             messagefiltersepiarangeset();
    [7486] =>         }
    [7487] =>         addEventListener("load", messagefiltersepiarangeload);
    [7488] => 
    [7489] =>         function messagefiltersepiarangeset()
    [7490] =>         {
    [7491] =>             const v = messagefiltersepiarange.value;
    [7492] => 
    [7493] =>             messagefiltersepianumber.value = v;
    [7494] =>             text.messagebackdropfiltersepia = v;
    [7495] =>         }
    [7496] => 
    [7497] =>         function messagefiltersepiarangeupdate()
    [7498] =>         {
    [7499] =>             messagefiltersepiarangeset();
    [7500] =>             svgupdate();
    [7501] =>         }
    [7502] => 
    [7503] =>         function messagefiltersepiaexactload()
    [7504] =>         {
    [7505] =>             const br = document.createElement("br");
    [7506] =>             messagefiltersepia.append(br);
    [7507] => 
    [7508] =>             const array =
    [7509] =>             [
    [7510] =>                 ["0",0],
    [7511] =>                 ["25",25],
    [7512] =>                 ["50",50],
    [7513] =>                 ["75",75],
    [7514] =>                 ["100",100],
    [7515] =>             ];
    [7516] => 
    [7517] =>             for(const value of array)
    [7518] =>             {
    [7519] =>                 const button = document.createElement("button");
    [7520] =>                 button.innerHTML = value[0];
    [7521] =>                 button.value = value[1];
    [7522] =>                 button.addEventListener("click", messagefiltersepiaexactupdate);
    [7523] =>                 messagefiltersepia.append(button);
    [7524] =>             }
    [7525] =>         }
    [7526] =>         addEventListener("load", messagefiltersepiaexactload);
    [7527] => 
    [7528] =>         function messagefiltersepiaexactupdate(e)
    [7529] =>         {
    [7530] =>             messagefiltersepianumber.value = Number(e.target.value);
    [7531] => 
    [7532] =>             messagefiltersepianumberupdate();
    [7533] =>         }
    [7534] => 
    [7535] =>         function messagefiltersepiaincrementload()
    [7536] =>         {
    [7537] =>             const br = document.createElement("br");
    [7538] =>             messagefiltersepia.append(br);
    [7539] => 
    [7540] =>             const array =
    [7541] =>             [
    [7542] =>                 ["-10",-10],
    [7543] =>                 ["-1",-1],
    [7544] =>                 ["+1",1],
    [7545] =>                 ["+10",10],
    [7546] =>             ];
    [7547] => 
    [7548] =>             for(const value of array)
    [7549] =>             {
    [7550] =>                 const button = document.createElement("button");
    [7551] =>                 button.innerHTML = value[0];
    [7552] =>                 button.value = value[1];
    [7553] =>                 button.addEventListener("click", messagefiltersepiaincrementupdate);
    [7554] =>                 messagefiltersepia.append(button);
    [7555] =>             }
    [7556] =>         }
    [7557] =>         addEventListener("load", messagefiltersepiaincrementload);
    [7558] => 
    [7559] =>         function messagefiltersepiaincrementupdate(e)
    [7560] =>         {
    [7561] =>             const v = Number(messagefiltersepianumber.value) + Number(e.target.value);
    [7562] => 
    [7563] =>             if((messagefiltersepianumber.min <= v) && (v <= messagefiltersepianumber.max))
    [7564] =>             {
    [7565] =>                 messagefiltersepianumber.value = v;
    [7566] => 
    [7567] =>                 messagefiltersepianumberupdate();
    [7568] =>             }
    [7569] =>         }
    [7570] => //*/
    [7571] => 
    [7572] => 
    [7573] => 
    [7574] => /*
    [7575] =>         function messagemargintopload()
    [7576] =>         {
    [7577] =>             const div = document.createElement("div");
    [7578] =>             div.id = "messagemargintop";
    [7579] =>             div.innerHTML = "margin-top";
    [7580] =>             tabcontentmessage.append(div);
    [7581] =>         }
    [7582] =>         addEventListener("load", messagemargintopload);
    [7583] => 
    [7584] =>         function messagemargintopnumberload()
    [7585] =>         {
    [7586] =>             const br = document.createElement("br");
    [7587] =>             messagemargintop.append(br);
    [7588] => 
    [7589] =>             const input = document.createElement("input");
    [7590] =>             input.id = "messagemargintopnumber";
    [7591] =>             input.max = 1000;
    [7592] =>             input.min = 0;
    [7593] =>             input.type = "number";
    [7594] =>             input.value = 0;
    [7595] =>             input.addEventListener("input", messagemargintopnumberupdate);
    [7596] =>             messagemargintop.append(input);
    [7597] => 
    [7598] =>             //messagemargintopnumberset();
    [7599] =>         }
    [7600] =>         addEventListener("load", messagemargintopnumberload);
    [7601] => 
    [7602] =>         function messagemargintopnumberset()
    [7603] =>         {
    [7604] =>             const v = Number(messagemargintopnumber.value);
    [7605] => 
    [7606] =>             messagemargintoprange.value = v;
    [7607] =>             text.messagemargintop = v;
    [7608] =>         }
    [7609] => 
    [7610] =>         function messagemargintopnumberupdate()
    [7611] =>         {
    [7612] =>             messagemargintopnumberset();
    [7613] => 
    [7614] =>             svgupdate();
    [7615] =>         }
    [7616] => 
    [7617] =>         function messagemargintoprangeload()
    [7618] =>         {
    [7619] =>             const input = document.createElement("input");
    [7620] =>             input.id = "messagemargintoprange";
    [7621] =>             input.max = messagemargintopnumber.max;
    [7622] =>             input.min = messagemargintopnumber.min;
    [7623] =>             input.type = "range";
    [7624] =>             input.value = messagemargintopnumber.value;
    [7625] =>             input.addEventListener("input", messagemargintoprangeupdate);
    [7626] =>             messagemargintop.append(input);
    [7627] => 
    [7628] =>             messagemargintoprangeset();
    [7629] =>         }
    [7630] =>         addEventListener("load", messagemargintoprangeload);
    [7631] => 
    [7632] =>         function messagemargintoprangeset()
    [7633] =>         {
    [7634] =>             const v = Number(messagemargintoprange.value);
    [7635] => 
    [7636] =>             messagemargintopnumber.value = v;
    [7637] =>             text.messagemargintop = v;
    [7638] =>         }
    [7639] => 
    [7640] =>         function messagemargintoprangeupdate()
    [7641] =>         {
    [7642] =>             messagemargintoprangeset();
    [7643] => 
    [7644] =>             svgupdate();
    [7645] =>         }
    [7646] => 
    [7647] => 
    [7648] => 
    [7649] =>         function messagemarginbottomload()
    [7650] =>         {
    [7651] =>             const div = document.createElement("div");
    [7652] =>             div.id = "messagemarginbottom";
    [7653] =>             div.innerHTML = "margin-bottom";
    [7654] =>             tabcontentmessage.append(div);
    [7655] =>         }
    [7656] =>         addEventListener("load", messagemarginbottomload);
    [7657] => 
    [7658] =>         function messagemarginbottomnumberload()
    [7659] =>         {
    [7660] =>             const br = document.createElement("br");
    [7661] =>             messagemarginbottom.append(br);
    [7662] => 
    [7663] =>             const input = document.createElement("input");
    [7664] =>             input.id = "messagemarginbottomnumber";
    [7665] =>             input.max = 1000;
    [7666] =>             input.min = 0;
    [7667] =>             input.type = "number";
    [7668] =>             input.value = 0;
    [7669] =>             input.addEventListener("input", messagemarginbottomnumberupdate);
    [7670] =>             messagemarginbottom.append(input);
    [7671] => 
    [7672] =>             //messagemarginbottomnumberset();
    [7673] =>         }
    [7674] =>         addEventListener("load", messagemarginbottomnumberload);
    [7675] => 
    [7676] =>         function messagemarginbottomnumberset()
    [7677] =>         {
    [7678] =>             const v = Number(messagemarginbottomnumber.value);
    [7679] => 
    [7680] =>             messagemarginbottomrange.value = v;
    [7681] =>             text.messagemarginbottom = v;
    [7682] =>         }
    [7683] => 
    [7684] =>         function messagemarginbottomnumberupdate()
    [7685] =>         {
    [7686] =>             messagemarginbottomnumberset();
    [7687] => 
    [7688] =>             svgupdate();
    [7689] =>         }
    [7690] => 
    [7691] =>         function messagemarginbottomrangeload()
    [7692] =>         {
    [7693] =>             const input = document.createElement("input");
    [7694] =>             input.id = "messagemarginbottomrange";
    [7695] =>             input.max = messagemarginbottomnumber.max;
    [7696] =>             input.min = messagemarginbottomnumber.min;
    [7697] =>             input.type = "range";
    [7698] =>             input.value = messagemarginbottomnumber.value;
    [7699] =>             input.addEventListener("input", messagemarginbottomrangeupdate);
    [7700] =>             messagemarginbottom.append(input);
    [7701] => 
    [7702] =>             messagemarginbottomrangeset();
    [7703] =>         }
    [7704] =>         addEventListener("load", messagemarginbottomrangeload);
    [7705] => 
    [7706] =>         function messagemarginbottomrangeset()
    [7707] =>         {
    [7708] =>             const v = Number(messagemarginbottomrange.value);
    [7709] => 
    [7710] =>             messagemarginbottomnumber.value = v;
    [7711] =>             text.messagemarginbottom = v;
    [7712] =>         }
    [7713] => 
    [7714] =>         function messagemarginbottomrangeupdate()
    [7715] =>         {
    [7716] =>             messagemarginbottomrangeset();
    [7717] => 
    [7718] =>             svgupdate();
    [7719] =>         }
    [7720] => 
    [7721] => 
    [7722] => 
    [7723] =>         function messagemarginleftload()
    [7724] =>         {
    [7725] =>             const div = document.createElement("div");
    [7726] =>             div.id = "messagemarginleft";
    [7727] =>             div.innerHTML = "margin-left";
    [7728] =>             tabcontentmessage.append(div);
    [7729] =>         }
    [7730] =>         addEventListener("load", messagemarginleftload);
    [7731] => 
    [7732] =>         function messagemarginleftnumberload()
    [7733] =>         {
    [7734] =>             const br = document.createElement("br");
    [7735] =>             messagemarginleft.append(br);
    [7736] => 
    [7737] =>             const input = document.createElement("input");
    [7738] =>             input.id = "messagemarginleftnumber";
    [7739] =>             input.max = 1000;
    [7740] =>             input.min = 0;
    [7741] =>             input.type = "number";
    [7742] =>             input.value = 0;
    [7743] =>             input.addEventListener("input", messagemarginleftnumberupdate);
    [7744] =>             messagemarginleft.append(input);
    [7745] => 
    [7746] =>             //messagemarginleftnumberset();
    [7747] =>         }
    [7748] =>         addEventListener("load", messagemarginleftnumberload);
    [7749] => 
    [7750] =>         function messagemarginleftnumberset()
    [7751] =>         {
    [7752] =>             const v = Number(messagemarginleftnumber.value);
    [7753] => 
    [7754] =>             messagemarginleftrange.value = v;
    [7755] =>             text.messagemarginleft = v;
    [7756] =>         }
    [7757] => 
    [7758] =>         function messagemarginleftnumberupdate()
    [7759] =>         {
    [7760] =>             messagemarginleftnumberset();
    [7761] => 
    [7762] =>             svgupdate();
    [7763] =>         }
    [7764] => 
    [7765] =>         function messagemarginleftrangeload()
    [7766] =>         {
    [7767] =>             const input = document.createElement("input");
    [7768] =>             input.id = "messagemarginleftrange";
    [7769] =>             input.max = messagemarginleftnumber.max;
    [7770] =>             input.min = messagemarginleftnumber.min;
    [7771] =>             input.type = "range";
    [7772] =>             input.value = messagemarginleftnumber.value;
    [7773] =>             input.addEventListener("input", messagemarginleftrangeupdate);
    [7774] =>             messagemarginleft.append(input);
    [7775] => 
    [7776] =>             messagemarginleftrangeset();
    [7777] =>         }
    [7778] =>         addEventListener("load", messagemarginleftrangeload);
    [7779] => 
    [7780] =>         function messagemarginleftrangeset()
    [7781] =>         {
    [7782] =>             const v = Number(messagemarginleftrange.value);
    [7783] => 
    [7784] =>             messagemarginleftnumber.value = v;
    [7785] =>             text.messagemarginleft = v;
    [7786] =>         }
    [7787] => 
    [7788] =>         function messagemarginleftrangeupdate()
    [7789] =>         {
    [7790] =>             messagemarginleftrangeset();
    [7791] => 
    [7792] =>             svgupdate();
    [7793] =>         }
    [7794] => 
    [7795] => 
    [7796] => 
    [7797] =>         function messagemarginrightload()
    [7798] =>         {
    [7799] =>             const div = document.createElement("div");
    [7800] =>             div.id = "messagemarginright";
    [7801] =>             div.innerHTML = "margin-right";
    [7802] =>             tabcontentmessage.append(div);
    [7803] =>         }
    [7804] =>         addEventListener("load", messagemarginrightload);
    [7805] => 
    [7806] =>         function messagemarginrightnumberload()
    [7807] =>         {
    [7808] =>             const br = document.createElement("br");
    [7809] =>             messagemarginright.append(br);
    [7810] => 
    [7811] =>             const input = document.createElement("input");
    [7812] =>             input.id = "messagemarginrightnumber";
    [7813] =>             input.max = 1000;
    [7814] =>             input.min = 0;
    [7815] =>             input.type = "number";
    [7816] =>             input.value = 0;
    [7817] =>             input.addEventListener("input", messagemarginrightnumberupdate);
    [7818] =>             messagemarginright.append(input);
    [7819] => 
    [7820] =>             //messagemarginrightnumberset();
    [7821] =>         }
    [7822] =>         addEventListener("load", messagemarginrightnumberload);
    [7823] => 
    [7824] =>         function messagemarginrightnumberset()
    [7825] =>         {
    [7826] =>             const v = Number(messagemarginrightnumber.value);
    [7827] => 
    [7828] =>             messagemarginrightrange.value = v;
    [7829] =>             text.messagemarginright = v;
    [7830] =>         }
    [7831] => 
    [7832] =>         function messagemarginrightnumberupdate()
    [7833] =>         {
    [7834] =>             messagemarginrightnumberset();
    [7835] => 
    [7836] =>             svgupdate();
    [7837] =>         }
    [7838] => 
    [7839] =>         function messagemarginrightrangeload()
    [7840] =>         {
    [7841] =>             const input = document.createElement("input");
    [7842] =>             input.id = "messagemarginrightrange";
    [7843] =>             input.max = messagemarginrightnumber.max;
    [7844] =>             input.min = messagemarginrightnumber.min;
    [7845] =>             input.type = "range";
    [7846] =>             input.value = messagemarginrightnumber.value;
    [7847] =>             input.addEventListener("input", messagemarginrightrangeupdate);
    [7848] =>             messagemarginright.append(input);
    [7849] => 
    [7850] =>             messagemarginrightrangeset();
    [7851] =>         }
    [7852] =>         addEventListener("load", messagemarginrightrangeload);
    [7853] => 
    [7854] =>         function messagemarginrightrangeset()
    [7855] =>         {
    [7856] =>             const v = Number(messagemarginrightrange.value);
    [7857] => 
    [7858] =>             messagemarginrightnumber.value = v;
    [7859] =>             text.messagemarginright = v;
    [7860] =>         }
    [7861] => 
    [7862] =>         function messagemarginrightrangeupdate()
    [7863] =>         {
    [7864] =>             messagemarginrightrangeset();
    [7865] => 
    [7866] =>             svgupdate();
    [7867] =>         }
    [7868] => 
    [7869] => 
    [7870] => 
    [7871] =>         function messagepaddingtopload()
    [7872] =>         {
    [7873] =>             const div = document.createElement("div");
    [7874] =>             div.id = "messagepaddingtop";
    [7875] =>             div.innerHTML = "padding-top";
    [7876] =>             tabcontentmessage.append(div);
    [7877] =>         }
    [7878] =>         addEventListener("load", messagepaddingtopload);
    [7879] => 
    [7880] =>         function messagepaddingtopnumberload()
    [7881] =>         {
    [7882] =>             const br = document.createElement("br");
    [7883] =>             messagepaddingtop.append(br);
    [7884] => 
    [7885] =>             const input = document.createElement("input");
    [7886] =>             input.id = "messagepaddingtopnumber";
    [7887] =>             input.max = 1000;
    [7888] =>             input.min = 0;
    [7889] =>             input.type = "number";
    [7890] =>             input.value = 0;
    [7891] =>             input.addEventListener("input", messagepaddingtopnumberupdate);
    [7892] =>             messagepaddingtop.append(input);
    [7893] => 
    [7894] =>             //messagepaddingtopnumberset();
    [7895] =>         }
    [7896] =>         addEventListener("load", messagepaddingtopnumberload);
    [7897] => 
    [7898] =>         function messagepaddingtopnumberset()
    [7899] =>         {
    [7900] =>             const v = Number(messagepaddingtopnumber.value);
    [7901] => 
    [7902] =>             messagepaddingtoprange.value = v;
    [7903] =>             text.messagepaddingtop = v;
    [7904] =>         }
    [7905] => 
    [7906] =>         function messagepaddingtopnumberupdate()
    [7907] =>         {
    [7908] =>             messagepaddingtopnumberset();
    [7909] => 
    [7910] =>             svgupdate();
    [7911] =>         }
    [7912] => 
    [7913] =>         function messagepaddingtoprangeload()
    [7914] =>         {
    [7915] =>             const input = document.createElement("input");
    [7916] =>             input.id = "messagepaddingtoprange";
    [7917] =>             input.max = messagepaddingtopnumber.max;
    [7918] =>             input.min = messagepaddingtopnumber.min;
    [7919] =>             input.type = "range";
    [7920] =>             input.value = messagepaddingtopnumber.value;
    [7921] =>             input.addEventListener("input", messagepaddingtoprangeupdate);
    [7922] =>             messagepaddingtop.append(input);
    [7923] => 
    [7924] =>             messagepaddingtoprangeset();
    [7925] =>         }
    [7926] =>         addEventListener("load", messagepaddingtoprangeload);
    [7927] => 
    [7928] =>         function messagepaddingtoprangeset()
    [7929] =>         {
    [7930] =>             const v = Number(messagepaddingtoprange.value);
    [7931] => 
    [7932] =>             messagepaddingtopnumber.value = v;
    [7933] =>             text.messagepaddingtop = v;
    [7934] =>         }
    [7935] => 
    [7936] =>         function messagepaddingtoprangeupdate()
    [7937] =>         {
    [7938] =>             messagepaddingtoprangeset();
    [7939] => 
    [7940] =>             svgupdate();
    [7941] =>         }
    [7942] => 
    [7943] => 
    [7944] => 
    [7945] =>         function messagepaddingbottomload()
    [7946] =>         {
    [7947] =>             const div = document.createElement("div");
    [7948] =>             div.id = "messagepaddingbottom";
    [7949] =>             div.innerHTML = "padding-bottom";
    [7950] =>             tabcontentmessage.append(div);
    [7951] =>         }
    [7952] =>         addEventListener("load", messagepaddingbottomload);
    [7953] => 
    [7954] =>         function messagepaddingbottomnumberload()
    [7955] =>         {
    [7956] =>             const br = document.createElement("br");
    [7957] =>             messagepaddingbottom.append(br);
    [7958] => 
    [7959] =>             const input = document.createElement("input");
    [7960] =>             input.id = "messagepaddingbottomnumber";
    [7961] =>             input.max = 1000;
    [7962] =>             input.min = 0;
    [7963] =>             input.type = "number";
    [7964] =>             input.value = 0;
    [7965] =>             input.addEventListener("input", messagepaddingbottomnumberupdate);
    [7966] =>             messagepaddingbottom.append(input);
    [7967] => 
    [7968] =>             //messagepaddingbottomnumberset();
    [7969] =>         }
    [7970] =>         addEventListener("load", messagepaddingbottomnumberload);
    [7971] => 
    [7972] =>         function messagepaddingbottomnumberset()
    [7973] =>         {
    [7974] =>             const v = Number(messagepaddingbottomnumber.value);
    [7975] => 
    [7976] =>             messagepaddingbottomrange.value = v;
    [7977] =>             text.messagepaddingbottom = v;
    [7978] =>         }
    [7979] => 
    [7980] =>         function messagepaddingbottomnumberupdate()
    [7981] =>         {
    [7982] =>             messagepaddingbottomnumberset();
    [7983] => 
    [7984] =>             svgupdate();
    [7985] =>         }
    [7986] => 
    [7987] =>         function messagepaddingbottomrangeload()
    [7988] =>         {
    [7989] =>             const input = document.createElement("input");
    [7990] =>             input.id = "messagepaddingbottomrange";
    [7991] =>             input.max = messagepaddingbottomnumber.max;
    [7992] =>             input.min = messagepaddingbottomnumber.min;
    [7993] =>             input.type = "range";
    [7994] =>             input.value = messagepaddingbottomnumber.value;
    [7995] =>             input.addEventListener("input", messagepaddingbottomrangeupdate);
    [7996] =>             messagepaddingbottom.append(input);
    [7997] => 
    [7998] =>             messagepaddingbottomrangeset();
    [7999] =>         }
    [8000] =>         addEventListener("load", messagepaddingbottomrangeload);
    [8001] => 
    [8002] =>         function messagepaddingbottomrangeset()
    [8003] =>         {
    [8004] =>             const v = Number(messagepaddingbottomrange.value);
    [8005] => 
    [8006] =>             messagepaddingbottomnumber.value = v;
    [8007] =>             text.messagepaddingbottom = v;
    [8008] =>         }
    [8009] => 
    [8010] =>         function messagepaddingbottomrangeupdate()
    [8011] =>         {
    [8012] =>             messagepaddingbottomrangeset();
    [8013] => 
    [8014] =>             svgupdate();
    [8015] =>         }
    [8016] => 
    [8017] => 
    [8018] => 
    [8019] =>         function messagepaddingleftload()
    [8020] =>         {
    [8021] =>             const div = document.createElement("div");
    [8022] =>             div.id = "messagepaddingleft";
    [8023] =>             div.innerHTML = "padding-left";
    [8024] =>             tabcontentmessage.append(div);
    [8025] =>         }
    [8026] =>         addEventListener("load", messagepaddingleftload);
    [8027] => 
    [8028] =>         function messagepaddingleftnumberload()
    [8029] =>         {
    [8030] =>             const br = document.createElement("br");
    [8031] =>             messagepaddingleft.append(br);
    [8032] => 
    [8033] =>             const input = document.createElement("input");
    [8034] =>             input.id = "messagepaddingleftnumber";
    [8035] =>             input.max = 1000;
    [8036] =>             input.min = 0;
    [8037] =>             input.type = "number";
    [8038] =>             input.value = 0;
    [8039] =>             input.addEventListener("input", messagepaddingleftnumberupdate);
    [8040] =>             messagepaddingleft.append(input);
    [8041] => 
    [8042] =>             //messagepaddingleftnumberset();
    [8043] =>         }
    [8044] =>         addEventListener("load", messagepaddingleftnumberload);
    [8045] => 
    [8046] =>         function messagepaddingleftnumberset()
    [8047] =>         {
    [8048] =>             const v = Number(messagepaddingleftnumber.value);
    [8049] => 
    [8050] =>             messagepaddingleftrange.value = v;
    [8051] =>             text.messagepaddingleft = v;
    [8052] =>         }
    [8053] => 
    [8054] =>         function messagepaddingleftnumberupdate()
    [8055] =>         {
    [8056] =>             messagepaddingleftnumberset();
    [8057] => 
    [8058] =>             svgupdate();
    [8059] =>         }
    [8060] => 
    [8061] =>         function messagepaddingleftrangeload()
    [8062] =>         {
    [8063] =>             const input = document.createElement("input");
    [8064] =>             input.id = "messagepaddingleftrange";
    [8065] =>             input.max = messagepaddingleftnumber.max;
    [8066] =>             input.min = messagepaddingleftnumber.min;
    [8067] =>             input.type = "range";
    [8068] =>             input.value = messagepaddingleftnumber.value;
    [8069] =>             input.addEventListener("input", messagepaddingleftrangeupdate);
    [8070] =>             messagepaddingleft.append(input);
    [8071] => 
    [8072] =>             messagepaddingleftrangeset();
    [8073] =>         }
    [8074] =>         addEventListener("load", messagepaddingleftrangeload);
    [8075] => 
    [8076] => 
    [8077] =>         function messagepaddingleftrangeset()
    [8078] =>         {
    [8079] =>             const v = Number(messagepaddingleftrange.value);
    [8080] => 
    [8081] =>             messagepaddingleftnumber.value = v;
    [8082] =>             text.messagepaddingleft = v;
    [8083] =>         }
    [8084] => 
    [8085] =>         function messagepaddingleftrangeupdate()
    [8086] =>         {
    [8087] =>             messagepaddingleftrangeset();
    [8088] => 
    [8089] =>             svgupdate();
    [8090] =>         }
    [8091] => 
    [8092] => 
    [8093] => 
    [8094] =>         function messagepaddingrightload()
    [8095] =>         {
    [8096] =>             const div = document.createElement("div");
    [8097] =>             div.id = "messagepaddingright";
    [8098] =>             div.innerHTML = "padding-right";
    [8099] =>             tabcontentmessage.append(div);
    [8100] =>         }
    [8101] =>         addEventListener("load", messagepaddingrightload);
    [8102] => 
    [8103] =>         function messagepaddingrightnumberload()
    [8104] =>         {
    [8105] =>             const br = document.createElement("br");
    [8106] =>             messagepaddingright.append(br);
    [8107] => 
    [8108] =>             const input = document.createElement("input");
    [8109] =>             input.id = "messagepaddingrightnumber";
    [8110] =>             input.max = 1000;
    [8111] =>             input.min = 0;
    [8112] =>             input.type = "number";
    [8113] =>             input.value = 0;
    [8114] =>             input.addEventListener("input", messagepaddingrightnumberupdate);
    [8115] =>             messagepaddingright.append(input);
    [8116] => 
    [8117] =>             //messagepaddingrightnumberset();
    [8118] =>         }
    [8119] =>         addEventListener("load", messagepaddingrightnumberload);
    [8120] => 
    [8121] =>         function messagepaddingrightnumberset()
    [8122] =>         {
    [8123] =>             const v = Number(messagepaddingrightnumber.value);
    [8124] => 
    [8125] =>             messagepaddingrightrange.value = v;
    [8126] =>             text.messagepaddingright = v;
    [8127] =>         }
    [8128] => 
    [8129] =>         function messagepaddingrightnumberupdate()
    [8130] =>         {
    [8131] =>             messagepaddingrightnumberset();
    [8132] => 
    [8133] =>             svgupdate();
    [8134] =>         }
    [8135] => 
    [8136] =>         function messagepaddingrightrangeload()
    [8137] =>         {
    [8138] =>             const input = document.createElement("input");
    [8139] =>             input.id = "messagepaddingrightrange";
    [8140] =>             input.max = messagepaddingrightnumber.max;
    [8141] =>             input.min = messagepaddingrightnumber.min;
    [8142] =>             input.type = "range";
    [8143] =>             input.value = messagepaddingrightnumber.value;
    [8144] =>             input.addEventListener("input", messagepaddingrightrangeupdate);
    [8145] =>             messagepaddingright.append(input);
    [8146] => 
    [8147] =>             messagepaddingrightrangeset();
    [8148] =>         }
    [8149] =>         addEventListener("load", messagepaddingrightrangeload);
    [8150] => 
    [8151] =>         function messagepaddingrightrangeset()
    [8152] =>         {
    [8153] =>             const v = Number(messagepaddingrightrange.value);
    [8154] => 
    [8155] =>             messagepaddingrightnumber.value = v;
    [8156] =>             text.messagepaddingright = v;
    [8157] =>         }
    [8158] => 
    [8159] =>         function messagepaddingrightrangeupdate()
    [8160] =>         {
    [8161] =>             messagepaddingrightrangeset();
    [8162] => 
    [8163] =>             svgupdate();
    [8164] =>         }
    [8165] => //*/
    [8166] => 
    [8167] => 
    [8168] => 
    [8169] => 
    [8170] => 
    [8171] => 
    [8172] =>         function referenceversionload()
    [8173] =>         {
    [8174] =>             const div = document.createElement("div");
    [8175] =>             div.id = "referenceversion";
    [8176] =>             div.innerHTML = "version";
    [8177] =>             tabcontentreference.append(div);
    [8178] =>         }
    [8179] =>         addEventListener("load", referenceversionload);
    [8180] => 
    [8181] =>         function referenceversionselectload()
    [8182] =>         {
    [8183] =>             const br = document.createElement("br");
    [8184] =>             referenceversion.append(br);
    [8185] => 
    [8186] =>             const select = document.createElement("select");
    [8187] =>             select.id = "referenceversionselect";
    [8188] =>             select.addEventListener("input", referenceversionselectupdate);
    [8189] =>             referenceversion.append(select);
    [8190] => 
    [8191] =>             referenceversionselectload2();
    [8192] =>         }
    [8193] =>         addEventListener("load", referenceversionselectload);
    [8194] => 
    [8195] =>         function referenceversionselectload2()
    [8196] =>         {
    [8197] =>             for(const value of Bibleversionarray)
    [8198] =>             {
    [8199] =>                 const optgroup = document.createElement("optgroup");
    [8200] =>                 optgroup.label = value[0];
    [8201] =>                 referenceversionselect.append(optgroup);
    [8202] => 
    [8203] =>                 for(const v of value[1])
    [8204] =>                 {
    [8205] =>                     const option = document.createElement("option");
    [8206] =>                     option.innerHTML = v[1];
    [8207] =>                     option.value = v[0];
    [8208] =>                     optgroup.append(option);
    [8209] =>                 }
    [8210] =>             }
    [8211] => 
    [8212] =>             referenceversionselect.value = Bibleversionarray[4][1][1][0];
    [8213] => 
    [8214] =>             referenceversionselectset();
    [8215] =>         }
    [8216] => 
    [8217] =>         function referenceversionselectset()
    [8218] =>         {
    [8219] =>             text.version = referenceversionselect.options.selectedIndex + 1;
    [8220] =>             text.versionname = referenceversionselect.value;
    [8221] => 
    [8222] =>             text.referencetextversion = "";
    [8223] =>             if(text.versionbool)
    [8224] =>             {
    [8225] =>                 text.referencetextversion = ` ${text.versionname}`;
    [8226] =>             }
    [8227] =>         }
    [8228] => 
    [8229] =>         function referenceversionselectupdate()
    [8230] =>         {
    [8231] =>             referenceversionselectset();
    [8232] =>             /*
    [8233] =>             referencebookselectload2();
    [8234] =>             referencechapterselectload2();
    [8235] =>             referenceverseselectload2();
    [8236] =>             referenceverseendselectload2();
    [8237] =>             svgupdate();
    [8238] =>             //*/
    [8239] =>             Bibleload();
    [8240] =>         }
    [8241] => 
    [8242] =>         function referenceversioncheckboxload()
    [8243] =>         {
    [8244] =>             const input = document.createElement("input");
    [8245] =>             input.type = "checkbox";
    [8246] =>             input.addEventListener("click", referenceversioncheckboxupdate);
    [8247] =>             referenceversion.append(input);
    [8248] =>         }
    [8249] =>         addEventListener("load", referenceversioncheckboxload);
    [8250] => 
    [8251] =>         function referenceversioncheckboxupdate()
    [8252] =>         {
    [8253] =>             text.versionbool = !text.versionbool;
    [8254] => 
    [8255] =>             //referenceversionselectupdate();
    [8256] =>             referenceversionselectset();
    [8257] =>             svgupdate();
    [8258] =>         }
    [8259] => 
    [8260] => 
    [8261] => 
    [8262] =>         function Bibleload()
    [8263] =>         {
    [8264] =>             //console.log("Bibleload");
    [8265] =>             fetch(`/assets/txt/new/${text.versionname}.txt`)
    [8266] =>             .then(r => r.text())
    [8267] =>             .then(t =>
    [8268] =>             {
    [8269] =>                 const split = t.split("@");
    [8270] =>                 //console.log(split);
    [8271] => 
    [8272] =>                 const b = split[1].trim();
    [8273] =>                 //console.log(b);
    [8274] =>                 const c = b.split("\n");
    [8275] =>                 //console.log(c);
    [8276] =>                 for(const [key, value] of c.entries())
    [8277] =>                 {
    [8278] =>                     const split = value.split("#");
    [8279] =>                     const b = split[1];
    [8280] =>                     Biblebookarray[key] = b;
    [8281] =>                     //console.log(Biblebookarray[key]);
    [8282] =>                 }
    [8283] => 
    [8284] =>                 const v = split[2].trim();
    [8285] =>                 //console.log(v);
    [8286] =>                 const w = v.split("\n");
    [8287] =>                 //console.log(w);
    [8288] =>                 for(const value of w)
    [8289] =>                 {
    [8290] =>                     const split = value.split("#");
    [8291] =>                     const b = Number(split[0]);
    [8292] =>                     const c = Number(split[1]);
    [8293] =>                     const v = Number(split[2]);
    [8294] =>                     const t = split[3];
    [8295] =>                     if(!Array.isArray(Bibleversearray[b]))
    [8296] =>                     {
    [8297] =>                         Bibleversearray[b] = [];
    [8298] =>                     }
    [8299] =>                     if(!Array.isArray(Bibleversearray[b][c]))
    [8300] =>                     {
    [8301] =>                         Bibleversearray[b][c] = [];
    [8302] =>                     }
    [8303] =>                     Bibleversearray[b][c][v] = t;
    [8304] =>                     //console.log(b, c, v, t);
    [8305] =>                 }
    [8306] => 
    [8307] =>                 //imageload2();
    [8308] =>                 //referenceversionselectload2();
    [8309] =>                 //*
    [8310] =>                 referencebookselectload2();
    [8311] =>                 referencechapterselectload2()
    [8312] =>                 referenceverseselectload2();
    [8313] =>                 referenceverseendselectload2();
    [8314] =>                 //*/
    [8315] =>                 //canvasupdate();
    [8316] =>                 svgupdate();
    [8317] =>             });
    [8318] =>         }
    [8319] =>         addEventListener("load", Bibleload);
    [8320] => 
    [8321] =>         function referencebookload()
    [8322] =>         {
    [8323] =>             const div = document.createElement("div");
    [8324] =>             div.id = "referencebook";
    [8325] =>             div.innerHTML = "book";
    [8326] =>             tabcontentreference.append(div);
    [8327] =>         }
    [8328] =>         addEventListener("load", referencebookload);
    [8329] => 
    [8330] =>         function referencebookselectload()
    [8331] =>         {
    [8332] =>             const br = document.createElement("br");
    [8333] =>             referencebook.append(br);
    [8334] => 
    [8335] =>             const select = document.createElement("select");
    [8336] =>             select.id = "referencebookselect";
    [8337] =>             select.addEventListener("input", referencebookselectupdate);
    [8338] =>             referencebook.append(select);
    [8339] => 
    [8340] =>             text.referencetextbook = "Genesis";
    [8341] => 
    [8342] =>             //referencebookselectload2();
    [8343] =>         }
    [8344] =>         addEventListener("load", referencebookselectload);
    [8345] => 
    [8346] =>         function referencebookselectload2()
    [8347] =>         {
    [8348] =>             for(let i = referencebookselect.options.length - 1; i >= 0; --i)
    [8349] =>             {
    [8350] =>                 referencebookselect.remove(i);
    [8351] =>             }
    [8352] => 
    [8353] =>             for(const value of Biblebookarray)
    [8354] =>             {
    [8355] =>                 const option = document.createElement("option");
    [8356] =>                 option.innerHTML = value;
    [8357] =>                 referencebookselect.add(option);
    [8358] =>             }
    [8359] => 
    [8360] =>             //referencebookselect.value = Biblebookarray[42];
    [8361] => 
    [8362] =>             referencebookselectset();
    [8363] =>         }
    [8364] => 
    [8365] =>         function referencebookselectset()
    [8366] =>         {
    [8367] =>             text.book = referencebookselect.options.selectedIndex + 1;
    [8368] =>             text.bookname = referencebookselect.value;
    [8369] => 
    [8370] =>             text.referencetextbook = text.bookname;
    [8371] =>         }
    [8372] => 
    [8373] =>         function referencebookselectupdate()
    [8374] =>         {
    [8375] =>             referencebookselectset();
    [8376] =>             referencechapterselectload2();
    [8377] =>             referenceverseselectload2();
    [8378] =>             referenceverseendselectload2();
    [8379] =>             svgupdate();
    [8380] =>         }
    [8381] => 
    [8382] => 
    [8383] => 
    [8384] =>         function referencechapterload()
    [8385] =>         {
    [8386] =>             const div = document.createElement("div");
    [8387] =>             div.id = "referencechapter";
    [8388] =>             div.innerHTML = "chapter";
    [8389] =>             tabcontentreference.append(div);
    [8390] =>         }
    [8391] =>         addEventListener("load", referencechapterload);
    [8392] => 
    [8393] =>         function referencechapterselectload()
    [8394] =>         {
    [8395] =>             const br = document.createElement("br");
    [8396] =>             referencechapter.append(br);
    [8397] => 
    [8398] =>             const select = document.createElement("select");
    [8399] =>             select.id = "referencechapterselect";
    [8400] =>             select.addEventListener("input", referencechapterselectupdate);
    [8401] =>             referencechapter.append(select);
    [8402] => 
    [8403] =>             text.referencetextchapter = " 1";
    [8404] => 
    [8405] =>             //referencechapterselectload2();
    [8406] =>         }
    [8407] =>         addEventListener("load", referencechapterselectload);
    [8408] => 
    [8409] =>         function referencechapterselectload2()
    [8410] =>         {
    [8411] =>             for(let i = referencechapterselect.options.length - 1; i >= 0; --i)
    [8412] =>             {
    [8413] =>                 referencechapterselect.remove(i);
    [8414] =>             }
    [8415] => 
    [8416] =>             for(let i = 1; i < Bibleversearray[text.book].length; ++i)
    [8417] =>             {
    [8418] =>                 const option = document.createElement("option");
    [8419] =>                 option.innerHTML = i;
    [8420] =>                 referencechapterselect.add(option);
    [8421] =>             }
    [8422] => 
    [8423] =>             referencechapterselect.value = 1;
    [8424] => 
    [8425] =>             referencechapterselectset();
    [8426] =>         }
    [8427] => 
    [8428] =>         function referencechapterselectset()
    [8429] =>         {
    [8430] =>             text.chapter = referencechapterselect.value;
    [8431] => 
    [8432] =>             text.referencetextchapter = ` ${text.chapter}`;
    [8433] =>         }
    [8434] => 
    [8435] =>         function referencechapterselectupdate()
    [8436] =>         {
    [8437] =>             referencechapterselectset();
    [8438] =>             referenceverseselectload2();
    [8439] =>             referenceverseendselectload2();
    [8440] =>             svgupdate();
    [8441] =>         }
    [8442] => 
    [8443] => 
    [8444] => 
    [8445] =>         function referenceverseload()
    [8446] =>         {
    [8447] =>             const div = document.createElement("div");
    [8448] =>             div.id = "referenceverse";
    [8449] =>             div.innerHTML = "verse-start";
    [8450] =>             tabcontentreference.append(div);
    [8451] =>         }
    [8452] =>         addEventListener("load", referenceverseload);
    [8453] => 
    [8454] =>         function referenceverseselectload()
    [8455] =>         {
    [8456] =>             const br = document.createElement("br");
    [8457] =>             referenceverse.append(br);
    [8458] => 
    [8459] =>             const select = document.createElement("select");
    [8460] =>             select.id = "referenceverseselect";
    [8461] =>             select.addEventListener("input", referenceverseselectupdate);
    [8462] =>             referenceverse.append(select);
    [8463] => 
    [8464] =>             text.referencetextverse = ":1";
    [8465] =>             text.passagetextverse = "In the beginning God created the heaven and the earth.";
    [8466] => 
    [8467] =>             //referenceverseselectload2();
    [8468] =>         }
    [8469] =>         addEventListener("load", referenceverseselectload);
    [8470] => 
    [8471] =>         function referenceverseselectload2()
    [8472] =>         {
    [8473] =>             for(let i = referenceverseselect.options.length - 1; i >= 0; --i)
    [8474] =>             {
    [8475] =>                 referenceverseselect.remove(i);
    [8476] =>             }
    [8477] => 
    [8478] =>             for(let i = 1; i < Bibleversearray[text.book][text.chapter].length; ++i)
    [8479] =>             {
    [8480] =>                 const option = document.createElement("option");
    [8481] =>                 option.innerHTML = i;
    [8482] =>                 referenceverseselect.add(option);
    [8483] =>             }
    [8484] => 
    [8485] =>             referenceverseselect.value = 1;
    [8486] => 
    [8487] =>             referenceverseselectset();
    [8488] =>         }
    [8489] => 
    [8490] =>         function referenceverseselectset()
    [8491] =>         {
    [8492] =>             text.verse = referenceverseselect.value;
    [8493] => 
    [8494] =>             text.referencetextverse = `:${text.verse}`;
    [8495] =>             text.passagetextverse = Bibleversearray[text.book][text.chapter][text.verse];
    [8496] =>         }
    [8497] => 
    [8498] =>         function referenceverseselectupdate()
    [8499] =>         {
    [8500] =>             referenceverseselectset();
    [8501] =>             referenceverseendselectload2();
    [8502] =>             svgupdate();
    [8503] =>         }
    [8504] => 
    [8505] => 
    [8506] => 
    [8507] =>         function referenceverseendload()
    [8508] =>         {
    [8509] =>             const div = document.createElement("div");
    [8510] =>             div.id = "referenceverseend";
    [8511] =>             div.innerHTML = "verse-end";
    [8512] =>             tabcontentreference.append(div);
    [8513] =>         }
    [8514] =>         addEventListener("load", referenceverseendload);
    [8515] => 
    [8516] =>         function referenceverseendselectload()
    [8517] =>         {
    [8518] =>             const br = document.createElement("br");
    [8519] =>             referenceverseend.append(br);
    [8520] => 
    [8521] =>             const select = document.createElement("select");
    [8522] =>             select.id = "referenceverseendselect";
    [8523] =>             select.addEventListener("input", referenceverseendselectupdate);
    [8524] =>             referenceverseend.append(select);
    [8525] => 
    [8526] =>             text.referencetextverseend = "";
    [8527] =>             text.passagetextverseend = "";
    [8528] => 
    [8529] =>             //referenceverseendselectload2();
    [8530] =>         }
    [8531] =>         addEventListener("load", referenceverseendselectload);
    [8532] => 
    [8533] =>         function referenceverseendselectload2()
    [8534] =>         {
    [8535] =>             for(let i = referenceverseendselect.options.length - 1; i >= 0; --i)
    [8536] =>             {
    [8537] =>                 referenceverseendselect.remove(i);
    [8538] =>             }
    [8539] => 
    [8540] =>             for(let i = referenceverseselect.value; i < Bibleversearray[text.book][text.chapter].length; ++i)
    [8541] =>             {
    [8542] =>                 const option = document.createElement("option");
    [8543] =>                 option.innerHTML = i;
    [8544] =>                 referenceverseendselect.add(option);
    [8545] =>             }
    [8546] => 
    [8547] =>             referenceverseendselect.value = referenceverseselect.value;
    [8548] => 
    [8549] =>             referenceverseendselectset();
    [8550] =>         }
    [8551] => 
    [8552] =>         function referenceverseendselectset()
    [8553] =>         {
    [8554] =>             text.verseend = referenceverseendselect.value;
    [8555] => 
    [8556] =>             //text.referencetext = `${text.bookname} ${text.chapter}:${text.verse}`;
    [8557] =>             //text.passagetext = `${Bibleversearray[text.book][text.chapter][text.verse]}`;
    [8558] =>             text.referencetextverseend = "";
    [8559] =>             text.passagetextverseend = "";
    [8560] => 
    [8561] =>             if(text.verse != text.verseend)
    [8562] =>             {
    [8563] =>                 //text.referencetext += `-${text.verseend}`;
    [8564] =>                 text.referencetextverseend = `-${text.verseend}`;
    [8565] => 
    [8566] =>                 for(let i = Number(text.verse) + 1; i <= text.verseend; ++i)
    [8567] =>                 {
    [8568] =>                     //text.passagetext += ` ${Bibleversearray[text.book][text.chapter][i]}`;
    [8569] =>                     text.passagetextverseend += ` ${Bibleversearray[text.book][text.chapter][i]}`;
    [8570] =>                 }
    [8571] =>             }
    [8572] => 
    [8573] =>             //if(text.versionbool)
    [8574] =>             //{
    [8575] =>             //    text.referencetext += ` ${text.versionname}`;
    [8576] =>             //}
    [8577] =>             //console.log(text.referencetext);
    [8578] =>             //console.log(text.passagetext);
    [8579] =>         }
    [8580] => 
    [8581] =>         function referenceverseendselectupdate()
    [8582] =>         {
    [8583] =>             referenceverseendselectset();
    [8584] =>             svgupdate();
    [8585] =>         }
    [8586] => 
    [8587] => 
    [8588] => 
    [8589] =>         function referencewidthload()
    [8590] =>         {
    [8591] =>             const div = document.createElement("div");
    [8592] =>             div.id = "referencewidth";
    [8593] =>             div.innerHTML = "width";
    [8594] =>             tabcontentreference.append(div);
    [8595] => 
    [8596] =>             const style = div.style;
    [8597] =>             style.overflowY = "hidden";
    [8598] =>             style.whiteSpace = "nowrap";
    [8599] =>         }
    [8600] =>         addEventListener("load", referencewidthload);
    [8601] => 
    [8602] =>         function referencewidthnumberload()
    [8603] =>         {
    [8604] =>             const br = document.createElement("br");
    [8605] =>             referencewidth.append(br);
    [8606] => 
    [8607] =>             const input = document.createElement("input");
    [8608] =>             input.id = "referencewidthnumber";
    [8609] =>             input.max = maxwidth;
    [8610] =>             input.min = 0;
    [8611] =>             input.type = "number";
    [8612] =>             input.value = canvas.width - 100;
    [8613] =>             input.addEventListener("input", referencewidthnumberupdate);
    [8614] =>             referencewidth.append(input);
    [8615] => 
    [8616] =>             //referencewidthnumberset();
    [8617] =>         }
    [8618] =>         addEventListener("load", referencewidthnumberload);
    [8619] => 
    [8620] =>         function referencewidthnumberset()
    [8621] =>         {
    [8622] =>             const v = Number(referencewidthnumber.value);
    [8623] => 
    [8624] =>             referencewidthrange.value = v;
    [8625] =>             text.referencewidth = v;
    [8626] =>         }
    [8627] => 
    [8628] =>         function referencewidthnumberupdate()
    [8629] =>         {
    [8630] =>             referencewidthnumberset();
    [8631] =>             svgupdate();
    [8632] =>         }
    [8633] => 
    [8634] =>         function referencewidthrangeload()
    [8635] =>         {
    [8636] =>             const input = document.createElement("input");
    [8637] =>             input.id = "referencewidthrange";
    [8638] =>             input.max = referencewidthnumber.max;
    [8639] =>             input.min = referencewidthnumber.min;
    [8640] =>             input.type = "range";
    [8641] =>             input.value = referencewidthnumber.value;
    [8642] =>             input.addEventListener("input", referencewidthrangeupdate);
    [8643] =>             referencewidth.append(input);
    [8644] => 
    [8645] =>             referencewidthrangeset();
    [8646] =>         }
    [8647] =>         addEventListener("load", referencewidthrangeload);
    [8648] => 
    [8649] =>         function referencewidthrangeset()
    [8650] =>         {
    [8651] =>             const v = Number(referencewidthrange.value);
    [8652] => 
    [8653] =>             referencewidthnumber.value = v;
    [8654] =>             text.referencewidth = v;
    [8655] =>         }
    [8656] => 
    [8657] =>         function referencewidthrangeupdate()
    [8658] =>         {
    [8659] =>             referencewidthrangeset();
    [8660] =>             svgupdate();
    [8661] =>         }
    [8662] => 
    [8663] =>         function referencewidthexactload()
    [8664] =>         {
    [8665] =>             const br = document.createElement("br");
    [8666] =>             referencewidth.append(br);
    [8667] => 
    [8668] =>             const array =
    [8669] =>             [
    [8670] =>                 ["25%",0.25],
    [8671] =>                 ["50%",0.5],
    [8672] =>                 ["75%",0.75],
    [8673] =>                 ["100%",1],
    [8674] =>             ];
    [8675] => 
    [8676] =>             for(const value of array)
    [8677] =>             {
    [8678] =>                 const button = document.createElement("button");
    [8679] =>                 button.innerHTML = value[0];
    [8680] =>                 button.value = value[1];
    [8681] =>                 button.addEventListener("click", referencewidthexactupdate);
    [8682] =>                 referencewidth.append(button);
    [8683] =>             }
    [8684] =>         }
    [8685] =>         addEventListener("load", referencewidthexactload);
    [8686] => 
    [8687] =>         function referencewidthexactupdate(e)
    [8688] =>         {
    [8689] =>             referencewidthnumber.value = canvas.width * Number(e.target.value);
    [8690] => 
    [8691] =>             referencewidthnumberupdate();
    [8692] =>         }
    [8693] => 
    [8694] =>         function referencewidthincrementload()
    [8695] =>         {
    [8696] =>             const br = document.createElement("br");
    [8697] =>             referencewidth.append(br);
    [8698] => 
    [8699] =>             const array =
    [8700] =>             [
    [8701] =>                 ["-1000",-1000],
    [8702] =>                 ["-100",-100],
    [8703] =>                 ["-10",-10],
    [8704] =>                 ["-1",-1],
    [8705] =>                 ["+1",1],
    [8706] =>                 ["+10",10],
    [8707] =>                 ["+100",100],
    [8708] =>                 ["+1000",1000],
    [8709] =>             ];
    [8710] => 
    [8711] =>             for(const value of array)
    [8712] =>             {
    [8713] =>                 const button = document.createElement("button");
    [8714] =>                 button.innerHTML = value[0];
    [8715] =>                 button.value = value[1];
    [8716] =>                 button.addEventListener("click", referencewidthincrementupdate);
    [8717] =>                 referencewidth.append(button);
    [8718] =>             }
    [8719] =>         }
    [8720] =>         addEventListener("load", referencewidthincrementload);
    [8721] => 
    [8722] =>         function referencewidthincrementupdate(e)
    [8723] =>         {
    [8724] =>             const v = Number(referencewidthnumber.value) + Number(e.target.value);
    [8725] => 
    [8726] =>             if((referencewidthnumber.min <= v) && (v <= referencewidthnumber.max))
    [8727] =>             {
    [8728] =>                 referencewidthnumber.value = v;
    [8729] => 
    [8730] =>                 referencewidthnumberupdate();
    [8731] =>             }
    [8732] =>         }
    [8733] => 
    [8734] => 
    [8735] => 
    [8736] =>         function referenceheightload()
    [8737] =>         {
    [8738] =>             const div = document.createElement("div");
    [8739] =>             div.id = "referenceheight";
    [8740] =>             div.innerHTML = "height";
    [8741] =>             tabcontentreference.append(div);
    [8742] => 
    [8743] =>             const style = div.style;
    [8744] =>             style.overflowY = "hidden";
    [8745] =>             style.whiteSpace = "nowrap";
    [8746] =>         }
    [8747] =>         addEventListener("load", referenceheightload);
    [8748] => 
    [8749] =>         function referenceheightnumberload()
    [8750] =>         {
    [8751] =>             const br = document.createElement("br");
    [8752] =>             referenceheight.append(br);
    [8753] => 
    [8754] =>             const input = document.createElement("input");
    [8755] =>             input.id = "referenceheightnumber";
    [8756] =>             input.max = maxheight;
    [8757] =>             input.min = 0;
    [8758] =>             input.type = "number";
    [8759] =>             input.value = 280;
    [8760] =>             input.addEventListener("input", referenceheightnumberupdate);
    [8761] =>             referenceheight.append(input);
    [8762] => 
    [8763] =>             //referenceheightnumberset();
    [8764] =>         }
    [8765] =>         addEventListener("load", referenceheightnumberload);
    [8766] => 
    [8767] =>         function referenceheightnumberset()
    [8768] =>         {
    [8769] =>             const v = Number(referenceheightnumber.value);
    [8770] => 
    [8771] =>             referenceheightrange.value = v;
    [8772] =>             text.referenceheight = v;
    [8773] =>         }
    [8774] => 
    [8775] =>         function referenceheightnumberupdate()
    [8776] =>         {
    [8777] =>             referenceheightnumberset();
    [8778] =>             svgupdate();
    [8779] =>         }
    [8780] => 
    [8781] =>         function referenceheightrangeload()
    [8782] =>         {
    [8783] =>             const input = document.createElement("input");
    [8784] =>             input.id = "referenceheightrange";
    [8785] =>             input.max = referenceheightnumber.max;
    [8786] =>             input.min = referenceheightnumber.min;
    [8787] =>             input.type = "range";
    [8788] =>             input.value = referenceheightnumber.value;
    [8789] =>             input.addEventListener("input", referenceheightrangeupdate);
    [8790] =>             referenceheight.append(input);
    [8791] => 
    [8792] =>             referenceheightrangeset();
    [8793] =>         }
    [8794] =>         addEventListener("load", referenceheightrangeload);
    [8795] => 
    [8796] =>         function referenceheightrangeset()
    [8797] =>         {
    [8798] =>             const v = Number(referenceheightrange.value);
    [8799] => 
    [8800] =>             referenceheightnumber.value = v;
    [8801] =>             text.referenceheight = v;
    [8802] =>         }
    [8803] => 
    [8804] =>         function referenceheightrangeupdate()
    [8805] =>         {
    [8806] =>             referenceheightrangeset();
    [8807] =>             svgupdate();
    [8808] =>         }
    [8809] => 
    [8810] =>         function referenceheightexactload()
    [8811] =>         {
    [8812] =>             const br = document.createElement("br");
    [8813] =>             referenceheight.append(br);
    [8814] => 
    [8815] =>             const array =
    [8816] =>             [
    [8817] =>                 ["25%",0.25],
    [8818] =>                 ["50%",0.5],
    [8819] =>                 ["75%",0.75],
    [8820] =>                 ["100%",1],
    [8821] =>             ];
    [8822] => 
    [8823] =>             for(const value of array)
    [8824] =>             {
    [8825] =>                 const button = document.createElement("button");
    [8826] =>                 button.innerHTML = value[0];
    [8827] =>                 button.value = value[1];
    [8828] =>                 button.addEventListener("click", referenceheightexactupdate);
    [8829] =>                 referenceheight.append(button);
    [8830] =>             }
    [8831] =>         }
    [8832] =>         addEventListener("load", referenceheightexactload);
    [8833] => 
    [8834] =>         function referenceheightexactupdate(e)
    [8835] =>         {
    [8836] =>             referenceheightnumber.value = canvas.height * Number(e.target.value);
    [8837] => 
    [8838] =>             referenceheightnumberupdate();
    [8839] =>         }
    [8840] => 
    [8841] =>         function referenceheightincrementload()
    [8842] =>         {
    [8843] =>             const br = document.createElement("br");
    [8844] =>             referenceheight.append(br);
    [8845] => 
    [8846] =>             const array =
    [8847] =>             [
    [8848] =>                 ["-1000",-1000],
    [8849] =>                 ["-100",-100],
    [8850] =>                 ["-10",-10],
    [8851] =>                 ["-1",-1],
    [8852] =>                 ["+1",1],
    [8853] =>                 ["+10",10],
    [8854] =>                 ["+100",100],
    [8855] =>                 ["+1000",1000],
    [8856] =>             ];
    [8857] => 
    [8858] =>             for(const value of array)
    [8859] =>             {
    [8860] =>                 const button = document.createElement("button");
    [8861] =>                 button.innerHTML = value[0];
    [8862] =>                 button.value = value[1];
    [8863] =>                 button.addEventListener("click", referenceheightincrementupdate);
    [8864] =>                 referenceheight.append(button);
    [8865] =>             }
    [8866] =>         }
    [8867] =>         addEventListener("load", referenceheightincrementload);
    [8868] => 
    [8869] =>         function referenceheightincrementupdate(e)
    [8870] =>         {
    [8871] =>             const v = Number(referenceheightnumber.value) + Number(e.target.value);
    [8872] => 
    [8873] =>             if((referenceheightnumber.min <= v) && (v <= referenceheightnumber.max))
    [8874] =>             {
    [8875] =>                 referenceheightnumber.value = v;
    [8876] => 
    [8877] =>                 referenceheightnumberupdate();
    [8878] =>             }
    [8879] =>         }
    [8880] => 
    [8881] => 
    [8882] => 
    [8883] =>         function referencexload()
    [8884] =>         {
    [8885] =>             const div = document.createElement("div");
    [8886] =>             div.id = "referencex";
    [8887] =>             div.innerHTML = "x";
    [8888] =>             tabcontentreference.append(div);
    [8889] => 
    [8890] =>             const style = div.style;
    [8891] =>             style.overflowY = "hidden";
    [8892] =>             style.whiteSpace = "nowrap";
    [8893] =>         }
    [8894] =>         addEventListener("load", referencexload);
    [8895] => 
    [8896] =>         function referencexnumberload()
    [8897] =>         {
    [8898] =>             const br = document.createElement("br");
    [8899] =>             referencex.append(br);
    [8900] => 
    [8901] =>             const input = document.createElement("input");
    [8902] =>             input.id = "referencexnumber";
    [8903] =>             input.max = maxwidth;
    [8904] =>             input.min = -maxwidth;
    [8905] =>             input.type = "number";
    [8906] =>             input.value = 50;
    [8907] =>             input.addEventListener("input", referencexnumberupdate);
    [8908] =>             referencex.append(input);
    [8909] => 
    [8910] =>             //referencexnumberset();
    [8911] =>         }
    [8912] =>         addEventListener("load", referencexnumberload);
    [8913] => 
    [8914] =>         function referencexnumberset()
    [8915] =>         {
    [8916] =>             const v = Number(referencexnumber.value);
    [8917] => 
    [8918] =>             referencexrange.value = v;
    [8919] =>             text.referencex = v;
    [8920] =>         }
    [8921] => 
    [8922] =>         function referencexnumberupdate()
    [8923] =>         {
    [8924] =>             referencexnumberset();
    [8925] =>             svgupdate();
    [8926] =>         }
    [8927] => 
    [8928] =>         function referencexrangeload()
    [8929] =>         {
    [8930] =>             const input = document.createElement("input");
    [8931] =>             input.id = "referencexrange";
    [8932] =>             input.max = referencexnumber.max;
    [8933] =>             input.min = referencexnumber.min;
    [8934] =>             input.type = "range";
    [8935] =>             input.value = referencexnumber.value;
    [8936] =>             input.addEventListener("input", referencexrangeupdate);
    [8937] =>             referencex.append(input);
    [8938] => 
    [8939] =>             referencexrangeset();
    [8940] =>         }
    [8941] =>         addEventListener("load", referencexrangeload);
    [8942] => 
    [8943] =>         function referencexrangeset()
    [8944] =>         {
    [8945] =>             const v = Number(referencexrange.value);
    [8946] => 
    [8947] =>             referencexnumber.value = v;
    [8948] =>             text.referencex = v;
    [8949] =>         }
    [8950] => 
    [8951] =>         function referencexrangeupdate()
    [8952] =>         {
    [8953] =>             referencexrangeset();
    [8954] =>             svgupdate();
    [8955] =>         }
    [8956] => 
    [8957] =>         function referencexexactload()
    [8958] =>         {
    [8959] =>             const br = document.createElement("br");
    [8960] =>             referencex.append(br);
    [8961] => 
    [8962] =>             const array =
    [8963] =>             [
    [8964] =>                 ["left",0],
    [8965] =>                 ["center",0.5],
    [8966] =>                 ["right",1],
    [8967] =>             ];
    [8968] => 
    [8969] =>             for(const value of array)
    [8970] =>             {
    [8971] =>                 const button = document.createElement("button");
    [8972] =>                 button.innerHTML = value[0];
    [8973] =>                 button.value = value[1];
    [8974] =>                 button.addEventListener("click", referencexexactupdate);
    [8975] =>                 referencex.append(button);
    [8976] =>             }
    [8977] =>         }
    [8978] =>         addEventListener("load", referencexexactload);
    [8979] => 
    [8980] =>         function referencexexactupdate(e)
    [8981] =>         {
    [8982] =>             //referencexnumber.value = (canvas.width - text.referencewidth - text.referencepaddingleft - text.referencepaddingright) * Number(e.target.value);
    [8983] =>             referencexnumber.value = (canvas.width - text.referencewidth) * Number(e.target.value);
    [8984] => 
    [8985] =>             referencexnumberupdate();
    [8986] =>         }
    [8987] => 
    [8988] =>         function referencexincrementload()
    [8989] =>         {
    [8990] =>             const br = document.createElement("br");
    [8991] =>             referencex.append(br);
    [8992] => 
    [8993] =>             const array =
    [8994] =>             [
    [8995] =>                 ["-1000",-1000],
    [8996] =>                 ["-100",-100],
    [8997] =>                 ["-10",-10],
    [8998] =>                 ["-1",-1],
    [8999] =>                 ["+1",1],
    [9000] =>                 ["+10",10],
    [9001] =>                 ["+100",100],
    [9002] =>                 ["+1000",1000],
    [9003] =>             ];
    [9004] => 
    [9005] =>             for(const value of array)
    [9006] =>             {
    [9007] =>                 const button = document.createElement("button");
    [9008] =>                 button.innerHTML = value[0];
    [9009] =>                 button.value = value[1];
    [9010] =>                 button.addEventListener("click", referencexincrementupdate);
    [9011] =>                 referencex.append(button);
    [9012] =>             }
    [9013] =>         }
    [9014] =>         addEventListener("load", referencexincrementload);
    [9015] => 
    [9016] =>         function referencexincrementupdate(e)
    [9017] =>         {
    [9018] =>             const v = Number(referencexnumber.value) + Number(e.target.value);
    [9019] => 
    [9020] =>             if((referencexnumber.min <= v) && (v <= referencexnumber.max))
    [9021] =>             {
    [9022] =>                 referencexnumber.value = v;
    [9023] => 
    [9024] =>                 referencexnumberupdate();
    [9025] =>             }
    [9026] =>         }
    [9027] => 
    [9028] => 
    [9029] => 
    [9030] =>         function referenceyload()
    [9031] =>         {
    [9032] =>             const div = document.createElement("div");
    [9033] =>             div.id = "referencey";
    [9034] =>             div.innerHTML = "y";
    [9035] =>             tabcontentreference.append(div);
    [9036] => 
    [9037] =>             const style = div.style;
    [9038] =>             style.overflowY = "hidden";
    [9039] =>             style.whiteSpace = "nowrap";
    [9040] =>         }
    [9041] =>         addEventListener("load", referenceyload);
    [9042] => 
    [9043] =>         function referenceynumberload()
    [9044] =>         {
    [9045] =>             const br = document.createElement("br");
    [9046] =>             referencey.append(br);
    [9047] => 
    [9048] =>             const input = document.createElement("input");
    [9049] =>             input.id = "referenceynumber";
    [9050] =>             input.max = maxheight;
    [9051] =>             input.min = -maxheight;
    [9052] =>             input.type = "number";
    [9053] =>             input.value = 400;
    [9054] =>             input.addEventListener("input", referenceynumberupdate);
    [9055] =>             referencey.append(input);
    [9056] => 
    [9057] =>             //referenceynumberset();
    [9058] =>         }
    [9059] =>         addEventListener("load", referenceynumberload);
    [9060] => 
    [9061] =>         function referenceynumberset()
    [9062] =>         {
    [9063] =>             const v = Number(referenceynumber.value);
    [9064] => 
    [9065] =>             referenceyrange.value = v;
    [9066] =>             text.referencey = v;
    [9067] =>         }
    [9068] => 
    [9069] =>         function referenceynumberupdate()
    [9070] =>         {
    [9071] =>             referenceynumberset();
    [9072] =>             svgupdate();
    [9073] =>         }
    [9074] => 
    [9075] =>         function referenceyrangeload()
    [9076] =>         {
    [9077] =>             const input = document.createElement("input");
    [9078] =>             input.id = "referenceyrange";
    [9079] =>             input.max = referenceynumber.max;
    [9080] =>             input.min = referenceynumber.min;
    [9081] =>             input.type = "range";
    [9082] =>             input.value = referenceynumber.value;
    [9083] =>             input.addEventListener("input", referenceyrangeupdate);
    [9084] =>             referencey.append(input);
    [9085] => 
    [9086] =>             referenceyrangeset();
    [9087] =>         }
    [9088] =>         addEventListener("load", referenceyrangeload);
    [9089] => 
    [9090] =>         function referenceyrangeset()
    [9091] =>         {
    [9092] =>             const v = Number(referenceyrange.value);
    [9093] => 
    [9094] =>             referenceynumber.value = v;
    [9095] =>             text.referencey = v;
    [9096] =>         }
    [9097] => 
    [9098] =>         function referenceyrangeupdate()
    [9099] =>         {
    [9100] =>             referenceyrangeset();
    [9101] =>             svgupdate();
    [9102] =>         }
    [9103] => 
    [9104] =>         function referenceyexactload()
    [9105] =>         {
    [9106] =>             const br = document.createElement("br");
    [9107] =>             referencey.append(br);
    [9108] => 
    [9109] =>             const array =
    [9110] =>             [
    [9111] =>                 ["top",0],
    [9112] =>                 ["center",0.5],
    [9113] =>                 ["bottom",1],
    [9114] =>             ];
    [9115] => 
    [9116] =>             for(const value of array)
    [9117] =>             {
    [9118] =>                 const button = document.createElement("button");
    [9119] =>                 button.innerHTML = value[0];
    [9120] =>                 button.value = value[1];
    [9121] =>                 button.addEventListener("click", referenceyexactupdate);
    [9122] =>                 referencey.append(button);
    [9123] =>             }
    [9124] =>         }
    [9125] =>         addEventListener("load", referenceyexactload);
    [9126] => 
    [9127] =>         function referenceyexactupdate(e)
    [9128] =>         {
    [9129] =>             //referenceynumber.value = (canvas.height - text.referenceheight - text.referencepaddingtop - text.referencepaddingbottom) * Number(e.target.value);
    [9130] =>             referenceynumber.value = (canvas.height - text.referenceheight) * Number(e.target.value);
    [9131] => 
    [9132] =>             referenceynumberupdate();
    [9133] =>         }
    [9134] => 
    [9135] =>         function referenceyincrementload()
    [9136] =>         {
    [9137] =>             const br = document.createElement("br");
    [9138] =>             referencey.append(br);
    [9139] => 
    [9140] =>             const array =
    [9141] =>             [
    [9142] =>                 ["-1000",-1000],
    [9143] =>                 ["-100",-100],
    [9144] =>                 ["-10",-10],
    [9145] =>                 ["-1",-1],
    [9146] =>                 ["+1",1],
    [9147] =>                 ["+10",10],
    [9148] =>                 ["+100",100],
    [9149] =>                 ["+1000",1000],
    [9150] =>             ];
    [9151] => 
    [9152] =>             for(const value of array)
    [9153] =>             {
    [9154] =>                 const button = document.createElement("button");
    [9155] =>                 button.innerHTML = value[0];
    [9156] =>                 button.value = value[1];
    [9157] =>                 button.addEventListener("click", referenceyincrementupdate);
    [9158] =>                 referencey.append(button);
    [9159] =>             }
    [9160] =>         }
    [9161] =>         addEventListener("load", referenceyincrementload);
    [9162] => 
    [9163] =>         function referenceyincrementupdate(e)
    [9164] =>         {
    [9165] =>             const v = Number(referenceynumber.value) + Number(e.target.value);
    [9166] => 
    [9167] =>             if((referenceynumber.min <= v) && (v <= referenceynumber.max))
    [9168] =>             {
    [9169] =>                 referenceynumber.value = v;
    [9170] => 
    [9171] =>                 referenceynumberupdate();
    [9172] =>             }
    [9173] =>         }
    [9174] => 
    [9175] => 
    [9176] => 
    [9177] =>         function referencebackgroundcolorload()
    [9178] =>         {
    [9179] =>             const div = document.createElement("div");
    [9180] =>             div.id = "referencebackgroundcolor";
    [9181] =>             div.innerHTML = "background-color";
    [9182] =>             tabcontentreference.append(div);
    [9183] =>         }
    [9184] =>         addEventListener("load", referencebackgroundcolorload);
    [9185] => 
    [9186] =>         function referencebackgroundcolorcolorload()
    [9187] =>         {
    [9188] =>             const br = document.createElement("br");
    [9189] =>             referencebackgroundcolor.append(br);
    [9190] => 
    [9191] =>             const input = document.createElement("input");
    [9192] =>             input.id = "referencebackgroundcolorcolor";
    [9193] =>             input.type = "color";
    [9194] =>             input.value = "#ffffff";
    [9195] =>             input.addEventListener("input", referencebackgroundcolorcolorupdate);
    [9196] =>             referencebackgroundcolor.append(input);
    [9197] => 
    [9198] =>             //referencebackgroundcolorcolorset();
    [9199] =>         }
    [9200] =>         addEventListener("load", referencebackgroundcolorcolorload);
    [9201] => 
    [9202] =>         function referencebackgroundcolorcolorset()
    [9203] =>         {
    [9204] =>             const c = referencebackgroundcolorcolor.value;
    [9205] =>             const r = parseInt(c.slice(1,3),16);
    [9206] =>             const g = parseInt(c.slice(3,5),16);
    [9207] =>             const b = parseInt(c.slice(5,7),16);
    [9208] =>             const a = referencebackgroundalphanumber.value;
    [9209] => 
    [9210] =>             text.referencebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;
    [9211] =>         }
    [9212] => 
    [9213] =>         function referencebackgroundcolorcolorupdate()
    [9214] =>         {
    [9215] =>             referencebackgroundcolorcolorset();
    [9216] =>             svgupdate();
    [9217] =>         }
    [9218] => 
    [9219] =>         function referencebackgroundcolorexactload()
    [9220] =>         {
    [9221] =>             const br = document.createElement("br");
    [9222] =>             referencebackgroundcolor.append(br);
    [9223] => 
    [9224] =>             const array =
    [9225] =>             [
    [9226] =>                 ["black","#000000"],
    [9227] =>                 ["white","#ffffff"],
    [9228] =>             ];
    [9229] => 
    [9230] =>             for(const value of array)
    [9231] =>             {
    [9232] =>                 const button = document.createElement("button");
    [9233] =>                 button.innerHTML = value[0];
    [9234] =>                 button.value = value[1];
    [9235] =>                 button.addEventListener("click", referencebackgroundcolorexactupdate);
    [9236] =>                 referencebackgroundcolor.append(button);
    [9237] =>             }
    [9238] =>         }
    [9239] =>         addEventListener("load", referencebackgroundcolorexactload);
    [9240] => 
    [9241] =>         function referencebackgroundcolorexactupdate(e)
    [9242] =>         {
    [9243] =>             referencebackgroundcolorcolor.value = e.target.value;
    [9244] => 
    [9245] =>             referencebackgroundcolorcolorupdate();
    [9246] =>         }
    [9247] => 
    [9248] => 
    [9249] => 
    [9250] =>         function referencebackgroundalphaload()
    [9251] =>         {
    [9252] =>             const div = document.createElement("div");
    [9253] =>             div.id = "referencebackgroundalpha";
    [9254] =>             div.innerHTML = "background-alpha";
    [9255] =>             tabcontentreference.append(div);
    [9256] => 
    [9257] =>             const style = div.style;
    [9258] =>             style.overflowY = "hidden";
    [9259] =>             style.whiteSpace = "nowrap";
    [9260] =>         }
    [9261] =>         addEventListener("load", referencebackgroundalphaload);
    [9262] => 
    [9263] =>         function referencebackgroundalphanumberload()
    [9264] =>         {
    [9265] =>             const br = document.createElement("br");
    [9266] =>             referencebackgroundalpha.append(br);
    [9267] => 
    [9268] =>             const input = document.createElement("input");
    [9269] =>             input.id = "referencebackgroundalphanumber";
    [9270] =>             input.max = 1;
    [9271] =>             input.min = 0;
    [9272] =>             input.step = 0.01;
    [9273] =>             input.type = "number";
    [9274] =>             input.value = 0.5;
    [9275] =>             input.addEventListener("input", referencebackgroundalphanumberupdate);
    [9276] =>             referencebackgroundalpha.append(input);
    [9277] => 
    [9278] =>             //referencebackgroundalphanumberset();
    [9279] =>         }
    [9280] =>         addEventListener("load", referencebackgroundalphanumberload);
    [9281] => 
    [9282] =>         function referencebackgroundalphanumberset()
    [9283] =>         {
    [9284] =>             const c = referencebackgroundcolorcolor.value;
    [9285] =>             const r = parseInt(c.slice(1,3),16);
    [9286] =>             const g = parseInt(c.slice(3,5),16);
    [9287] =>             const b = parseInt(c.slice(5,7),16);
    [9288] =>             const a = referencebackgroundalphanumber.value;
    [9289] => 
    [9290] =>             referencebackgroundalpharange.value = a;
    [9291] =>             text.referencebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;
    [9292] =>         }
    [9293] => 
    [9294] =>         function referencebackgroundalphanumberupdate()
    [9295] =>         {
    [9296] =>             referencebackgroundalphanumberset();
    [9297] =>             svgupdate();
    [9298] =>         }
    [9299] => 
    [9300] =>         function referencebackgroundalpharangeload()
    [9301] =>         {
    [9302] =>             const input = document.createElement("input");
    [9303] =>             input.id = "referencebackgroundalpharange";
    [9304] =>             input.max = referencebackgroundalphanumber.max;
    [9305] =>             input.min = referencebackgroundalphanumber.min;
    [9306] =>             input.step = referencebackgroundalphanumber.step;
    [9307] =>             input.type = "range";
    [9308] =>             input.value = referencebackgroundalphanumber.value;
    [9309] =>             input.addEventListener("input", referencebackgroundalpharangeupdate);
    [9310] =>             referencebackgroundalpha.append(input);
    [9311] => 
    [9312] =>             referencebackgroundalpharangeset();
    [9313] =>         }
    [9314] =>         addEventListener("load", referencebackgroundalpharangeload);
    [9315] => 
    [9316] =>         function referencebackgroundalpharangeset()
    [9317] =>         {
    [9318] =>             const c = referencebackgroundcolorcolor.value;
    [9319] =>             const r = parseInt(c.slice(1,3),16);
    [9320] =>             const g = parseInt(c.slice(3,5),16);
    [9321] =>             const b = parseInt(c.slice(5,7),16);
    [9322] =>             const a = referencebackgroundalpharange.value;
    [9323] => 
    [9324] =>             referencebackgroundalphanumber.value = a;
    [9325] =>             text.referencebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;
    [9326] =>         }
    [9327] => 
    [9328] =>         function referencebackgroundalpharangeupdate()
    [9329] =>         {
    [9330] =>             referencebackgroundalpharangeset();
    [9331] =>             svgupdate();
    [9332] =>         }
    [9333] => 
    [9334] =>         function referencebackgroundalphaexactload()
    [9335] =>         {
    [9336] =>             const br = document.createElement("br");
    [9337] =>             referencebackgroundalpha.append(br);
    [9338] => 
    [9339] =>             const array =
    [9340] =>             [
    [9341] =>                 ["0",0],
    [9342] =>                 ["0.25",0.25],
    [9343] =>                 ["0.5",0.5],
    [9344] =>                 ["0.75",0.75],
    [9345] =>                 ["1",1],
    [9346] =>             ];
    [9347] => 
    [9348] =>             for(const value of array)
    [9349] =>             {
    [9350] =>                 const button = document.createElement("button");
    [9351] =>                 button.innerHTML = value[0];
    [9352] =>                 button.value = value[1];
    [9353] =>                 button.addEventListener("click", referencebackgroundalphaexactupdate);
    [9354] =>                 referencebackgroundalpha.append(button);
    [9355] =>             }
    [9356] =>         }
    [9357] =>         addEventListener("load", referencebackgroundalphaexactload);
    [9358] => 
    [9359] =>         function referencebackgroundalphaexactupdate(e)
    [9360] =>         {
    [9361] =>             referencebackgroundalphanumber.value = Number(e.target.value);
    [9362] => 
    [9363] =>             referencebackgroundalphanumberupdate();
    [9364] =>         }
    [9365] => 
    [9366] =>         function referencebackgroundalphaincrementload()
    [9367] =>         {
    [9368] =>             const br = document.createElement("br");
    [9369] =>             referencebackgroundalpha.append(br);
    [9370] => 
    [9371] =>             const array =
    [9372] =>             [
    [9373] =>                 ["-0.1",-0.1],
    [9374] =>                 ["-0.01",-0.01],
    [9375] =>                 ["+0.01",0.01],
    [9376] =>                 ["+0.1",0.1],
    [9377] =>             ];
    [9378] => 
    [9379] =>             for(const value of array)
    [9380] =>             {
    [9381] =>                 const button = document.createElement("button");
    [9382] =>                 button.innerHTML = value[0];
    [9383] =>                 button.value = value[1];
    [9384] =>                 button.addEventListener("click", referencebackgroundalphaincrementupdate);
    [9385] =>                 referencebackgroundalpha.append(button);
    [9386] =>             }
    [9387] =>         }
    [9388] =>         addEventListener("load", referencebackgroundalphaincrementload);
    [9389] => 
    [9390] =>         function referencebackgroundalphaincrementupdate(e)
    [9391] =>         {
    [9392] =>             let v = Number(referencebackgroundalphanumber.value) + Number(e.target.value);
    [9393] =>             v = parseFloat(v.toFixed(2));
    [9394] => 
    [9395] =>             if((referencebackgroundalphanumber.min <= v) && (v <= referencebackgroundalphanumber.max))
    [9396] =>             {
    [9397] =>                 referencebackgroundalphanumber.value = v;
    [9398] => 
    [9399] =>                 referencebackgroundalphanumberupdate();
    [9400] =>             }
    [9401] =>         }
    [9402] => 
    [9403] => 
    [9404] => 
    [9405] =>         function referencebordercolorload()
    [9406] =>         {
    [9407] =>             const div = document.createElement("div");
    [9408] =>             div.id = "referencebordercolor";
    [9409] =>             div.innerHTML = "border-color";
    [9410] =>             tabcontentreference.append(div);
    [9411] =>         }
    [9412] =>         addEventListener("load", referencebordercolorload);
    [9413] => 
    [9414] =>         function referencebordercolorcolorload()
    [9415] =>         {
    [9416] =>             const br = document.createElement("br");
    [9417] =>             referencebordercolor.append(br);
    [9418] => 
    [9419] =>             const input = document.createElement("input");
    [9420] =>             input.id = "referencebordercolorcolor";
    [9421] =>             input.type = "color";
    [9422] =>             input.value = "#000000";
    [9423] =>             input.addEventListener("input", referencebordercolorcolorupdate);
    [9424] =>             referencebordercolor.append(input);
    [9425] => 
    [9426] =>             //referencebordercolorcolorset();
    [9427] =>         }
    [9428] =>         addEventListener("load", referencebordercolorcolorload);
    [9429] => 
    [9430] =>         function referencebordercolorcolorset()
    [9431] =>         {
    [9432] =>             const c = referencebordercolorcolor.value;
    [9433] =>             const r = parseInt(c.slice(1,3),16);
    [9434] =>             const g = parseInt(c.slice(3,5),16);
    [9435] =>             const b = parseInt(c.slice(5,7),16);
    [9436] =>             const a = referenceborderalphanumber.value;
    [9437] => 
    [9438] =>             text.referencebordercolor = `rgb(${r} ${g} ${b} / ${a})`;
    [9439] =>         }
    [9440] => 
    [9441] =>         function referencebordercolorcolorupdate()
    [9442] =>         {
    [9443] =>             referencebordercolorcolorset();
    [9444] =>             svgupdate();
    [9445] =>         }
    [9446] => 
    [9447] =>         function referencebordercolorexactload()
    [9448] =>         {
    [9449] =>             const br = document.createElement("br");
    [9450] =>             referencebordercolor.append(br);
    [9451] => 
    [9452] =>             const array =
    [9453] =>             [
    [9454] =>                 ["black","#000000"],
    [9455] =>                 ["white","#ffffff"],
    [9456] =>             ];
    [9457] => 
    [9458] =>             for(const value of array)
    [9459] =>             {
    [9460] =>                 const button = document.createElement("button");
    [9461] =>                 button.innerHTML = value[0];
    [9462] =>                 button.value = value[1];
    [9463] =>                 button.addEventListener("click", referencebordercolorexactupdate);
    [9464] =>                 referencebordercolor.append(button);
    [9465] =>             }
    [9466] =>         }
    [9467] =>         addEventListener("load", referencebordercolorexactload);
    [9468] => 
    [9469] =>         function referencebordercolorexactupdate(e)
    [9470] =>         {
    [9471] =>             referencebordercolorcolor.value = e.target.value;
    [9472] => 
    [9473] =>             referencebordercolorcolorupdate();
    [9474] =>         }
    [9475] => 
    [9476] => 
    [9477] => 
    [9478] =>         function referenceborderalphaload()
    [9479] =>         {
    [9480] =>             const div = document.createElement("div");
    [9481] =>             div.id = "referenceborderalpha";
    [9482] =>             div.innerHTML = "border-alpha";
    [9483] =>             tabcontentreference.append(div);
    [9484] => 
    [9485] =>             const style = div.style;
    [9486] =>             style.overflowY = "hidden";
    [9487] =>             style.whiteSpace = "nowrap";
    [9488] =>         }
    [9489] =>         addEventListener("load", referenceborderalphaload);
    [9490] => 
    [9491] =>         function referenceborderalphanumberload()
    [9492] =>         {
    [9493] =>             const br = document.createElement("br");
    [9494] =>             referenceborderalpha.append(br);
    [9495] => 
    [9496] =>             const input = document.createElement("input");
    [9497] =>             input.id = "referenceborderalphanumber";
    [9498] =>             input.max = 1;
    [9499] =>             input.min = 0;
    [9500] =>             input.step = 0.01;
    [9501] =>             input.type = "number";
    [9502] =>             input.value = 1;
    [9503] =>             input.addEventListener("input", referenceborderalphanumberupdate);
    [9504] =>             referenceborderalpha.append(input);
    [9505] => 
    [9506] =>             //referenceborderalphanumberset();
    [9507] =>         }
    [9508] =>         addEventListener("load", referenceborderalphanumberload);
    [9509] => 
    [9510] =>         function referenceborderalphanumberset()
    [9511] =>         {
    [9512] =>             const c = referencebordercolorcolor.value;
    [9513] =>             const r = parseInt(c.slice(1,3),16);
    [9514] =>             const g = parseInt(c.slice(3,5),16);
    [9515] =>             const b = parseInt(c.slice(5,7),16);
    [9516] =>             const a = referenceborderalphanumber.value;
    [9517] => 
    [9518] =>             referenceborderalpharange.value = a;
    [9519] =>             text.referencebordercolor = `rgb(${r} ${g} ${b} / ${a})`;
    [9520] =>         }
    [9521] => 
    [9522] =>         function referenceborderalphanumberupdate()
    [9523] =>         {
    [9524] =>             referenceborderalphanumberset();
    [9525] =>             svgupdate();
    [9526] =>         }
    [9527] => 
    [9528] =>         function referenceborderalpharangeload()
    [9529] =>         {
    [9530] =>             const input = document.createElement("input");
    [9531] =>             input.id = "referenceborderalpharange";
    [9532] =>             input.max = referenceborderalphanumber.max;
    [9533] =>             input.min = referenceborderalphanumber.min;
    [9534] =>             input.step = referenceborderalphanumber.step;
    [9535] =>             input.type = "range";
    [9536] =>             input.value = referenceborderalphanumber.value;
    [9537] =>             input.addEventListener("input", referenceborderalpharangeupdate);
    [9538] =>             referenceborderalpha.append(input);
    [9539] => 
    [9540] =>             referenceborderalpharangeset();
    [9541] =>         }
    [9542] =>         addEventListener("load", referenceborderalpharangeload);
    [9543] => 
    [9544] =>         function referenceborderalpharangeset()
    [9545] =>         {
    [9546] =>             const c = referencebordercolorcolor.value;
    [9547] =>             const r = parseInt(c.slice(1,3),16);
    [9548] =>             const g = parseInt(c.slice(3,5),16);
    [9549] =>             const b = parseInt(c.slice(5,7),16);
    [9550] =>             const a = referenceborderalpharange.value;
    [9551] => 
    [9552] =>             referenceborderalphanumber.value = a;
    [9553] =>             text.referencebordercolor = `rgb(${r} ${g} ${b} / ${a})`;
    [9554] =>         }
    [9555] => 
    [9556] =>         function referenceborderalpharangeupdate()
    [9557] =>         {
    [9558] =>             referenceborderalpharangeset();
    [9559] =>             svgupdate();
    [9560] =>         }
    [9561] => 
    [9562] =>         function referenceborderalphaexactload()
    [9563] =>         {
    [9564] =>             const br = document.createElement("br");
    [9565] =>             referenceborderalpha.append(br);
    [9566] => 
    [9567] =>             const array =
    [9568] =>             [
    [9569] =>                 ["0",0],
    [9570] =>                 ["0.25",0.25],
    [9571] =>                 ["0.5",0.5],
    [9572] =>                 ["0.75",0.75],
    [9573] =>                 ["1",1],
    [9574] =>             ];
    [9575] => 
    [9576] =>             for(const value of array)
    [9577] =>             {
    [9578] =>                 const button = document.createElement("button");
    [9579] =>                 button.innerHTML = value[0];
    [9580] =>                 button.value = value[1];
    [9581] =>                 button.addEventListener("click", referenceborderalphaexactupdate);
    [9582] =>                 referenceborderalpha.append(button);
    [9583] =>             }
    [9584] =>         }
    [9585] =>         addEventListener("load", referenceborderalphaexactload);
    [9586] => 
    [9587] =>         function referenceborderalphaexactupdate(e)
    [9588] =>         {
    [9589] =>             referenceborderalphanumber.value = Number(e.target.value);
    [9590] => 
    [9591] =>             referenceborderalphanumberupdate();
    [9592] =>         }
    [9593] => 
    [9594] =>         function referenceborderalphaincrementload()
    [9595] =>         {
    [9596] =>             const br = document.createElement("br");
    [9597] =>             referenceborderalpha.append(br);
    [9598] => 
    [9599] =>             const array =
    [9600] =>             [
    [9601] =>                 ["-0.1",-0.1],
    [9602] =>                 ["-0.01",-0.01],
    [9603] =>                 ["+0.01",0.01],
    [9604] =>                 ["+0.1",0.1],
    [9605] =>             ];
    [9606] => 
    [9607] =>             for(const value of array)
    [9608] =>             {
    [9609] =>                 const button = document.createElement("button");
    [9610] =>                 button.innerHTML = value[0];
    [9611] =>                 button.value = value[1];
    [9612] =>                 button.addEventListener("click", referenceborderalphaincrementupdate);
    [9613] =>                 referenceborderalpha.append(button);
    [9614] =>             }
    [9615] =>         }
    [9616] =>         addEventListener("load", referenceborderalphaincrementload);
    [9617] => 
    [9618] =>         function referenceborderalphaincrementupdate(e)
    [9619] =>         {
    [9620] =>             let v = Number(referenceborderalphanumber.value) + Number(e.target.value);
    [9621] =>             v = parseFloat(v.toFixed(2));
    [9622] => 
    [9623] =>             if((referenceborderalphanumber.min <= v) && (v <= referenceborderalphanumber.max))
    [9624] =>             {
    [9625] =>                 referenceborderalphanumber.value = v;
    [9626] => 
    [9627] =>                 referenceborderalphanumberupdate();
    [9628] =>             }
    [9629] =>         }
    [9630] => 
    [9631] => 
    [9632] => 
    [9633] =>         function referenceborderradiusload()
    [9634] =>         {
    [9635] =>             const div = document.createElement("div");
    [9636] =>             div.id = "referenceborderradius";
    [9637] =>             div.innerHTML = "border-radius";
    [9638] =>             tabcontentreference.append(div);
    [9639] => 
    [9640] =>             const style = div.style;
    [9641] =>             style.overflowY = "hidden";
    [9642] =>             style.whiteSpace = "nowrap";
    [9643] =>         }
    [9644] =>         addEventListener("load", referenceborderradiusload);
    [9645] => 
    [9646] =>         function referenceborderradiusnumberload()
    [9647] =>         {
    [9648] =>             const br = document.createElement("br");
    [9649] =>             referenceborderradius.append(br);
    [9650] => 
    [9651] =>             const input = document.createElement("input");
    [9652] =>             input.id = "referenceborderradiusnumber";
    [9653] =>             input.max = 1000;
    [9654] =>             input.min = 0;
    [9655] =>             input.type = "number";
    [9656] =>             input.value = 50;
    [9657] =>             input.addEventListener("input", referenceborderradiusnumberupdate);
    [9658] =>             referenceborderradius.append(input);
    [9659] => 
    [9660] =>             //referenceborderradiusnumberset();
    [9661] =>         }
    [9662] =>         addEventListener("load", referenceborderradiusnumberload);
    [9663] => 
    [9664] =>         function referenceborderradiusnumberset()
    [9665] =>         {
    [9666] =>             const v = Number(referenceborderradiusnumber.value);
    [9667] => 
    [9668] =>             referenceborderradiusrange.value = v;
    [9669] =>             text.referenceborderradius = v;
    [9670] =>         }
    [9671] => 
    [9672] =>         function referenceborderradiusnumberupdate()
    [9673] =>         {
    [9674] =>             referenceborderradiusnumberset();
    [9675] =>             svgupdate();
    [9676] =>         }
    [9677] => 
    [9678] =>         function referenceborderradiusrangeload()
    [9679] =>         {
    [9680] =>             const input = document.createElement("input");
    [9681] =>             input.id = "referenceborderradiusrange";
    [9682] =>             input.max = referenceborderradiusnumber.max;
    [9683] =>             input.min = referenceborderradiusnumber.min;
    [9684] =>             input.type = "range";
    [9685] =>             input.value = referenceborderradiusnumber.value;
    [9686] =>             input.addEventListener("input", referenceborderradiusrangeupdate);
    [9687] =>             referenceborderradius.append(input);
    [9688] => 
    [9689] =>             referenceborderradiusrangeset();
    [9690] =>         }
    [9691] =>         addEventListener("load", referenceborderradiusrangeload);
    [9692] => 
    [9693] =>         function referenceborderradiusrangeset()
    [9694] =>         {
    [9695] =>             const v = Number(referenceborderradiusrange.value);
    [9696] => 
    [9697] =>             referenceborderradiusnumber.value = v;
    [9698] =>             text.referenceborderradius = v;
    [9699] =>         }
    [9700] => 
    [9701] =>         function referenceborderradiusrangeupdate()
    [9702] =>         {
    [9703] =>             referenceborderradiusrangeset();
    [9704] =>             svgupdate();
    [9705] =>         }
    [9706] => 
    [9707] =>         function referenceborderradiusexactload()
    [9708] =>         {
    [9709] =>             const br = document.createElement("br");
    [9710] =>             referenceborderradius.append(br);
    [9711] => 
    [9712] =>             const array =
    [9713] =>             [
    [9714] =>                 ["0",0],
    [9715] =>                 ["50",50],
    [9716] =>                 ["100",100],
    [9717] =>                 ["250",250],
    [9718] =>                 ["500",500],
    [9719] =>                 ["1000",1000],
    [9720] =>             ];
    [9721] => 
    [9722] =>             for(const value of array)
    [9723] =>             {
    [9724] =>                 const button = document.createElement("button");
    [9725] =>                 button.innerHTML = value[0];
    [9726] =>                 button.value = value[1];
    [9727] =>                 button.addEventListener("click", referenceborderradiusexactupdate);
    [9728] =>                 referenceborderradius.append(button);
    [9729] =>             }
    [9730] =>         }
    [9731] =>         addEventListener("load", referenceborderradiusexactload);
    [9732] => 
    [9733] =>         function referenceborderradiusexactupdate(e)
    [9734] =>         {
    [9735] =>             referenceborderradiusnumber.value = Number(e.target.value);
    [9736] => 
    [9737] =>             referenceborderradiusnumberupdate();
    [9738] =>         }
    [9739] => 
    [9740] =>         function referenceborderradiusincrementload()
    [9741] =>         {
    [9742] =>             const br = document.createElement("br");
    [9743] =>             referenceborderradius.append(br);
    [9744] => 
    [9745] =>             const array =
    [9746] =>             [
    [9747] =>                 ["-100",-100],
    [9748] =>                 ["-10",-10],
    [9749] =>                 ["-1",-1],
    [9750] =>                 ["+1",1],
    [9751] =>                 ["+10",10],
    [9752] =>                 ["+100",100],
    [9753] =>             ];
    [9754] => 
    [9755] =>             for(const value of array)
    [9756] =>             {
    [9757] =>                 const button = document.createElement("button");
    [9758] =>                 button.innerHTML = value[0];
    [9759] =>                 button.value = value[1];
    [9760] =>                 button.addEventListener("click", referenceborderradiusincrementupdate);
    [9761] =>                 referenceborderradius.append(button);
    [9762] =>             }
    [9763] =>         }
    [9764] =>         addEventListener("load", referenceborderradiusincrementload);
    [9765] => 
    [9766] =>         function referenceborderradiusincrementupdate(e)
    [9767] =>         {
    [9768] =>             const v = Number(referenceborderradiusnumber.value) + Number(e.target.value);
    [9769] => 
    [9770] =>             if((referenceborderradiusnumber.min <= v) && (v <= referenceborderradiusnumber.max))
    [9771] =>             {
    [9772] =>                 referenceborderradiusnumber.value = v;
    [9773] => 
    [9774] =>                 referenceborderradiusnumberupdate();
    [9775] =>             }
    [9776] =>         }
    [9777] => 
    [9778] => 
    [9779] => 
    [9780] =>         function referenceborderstyleload()
    [9781] =>         {
    [9782] =>             const div = document.createElement("div");
    [9783] =>             div.id = "referenceborderstyle";
    [9784] =>             div.innerHTML = "border-style";
    [9785] =>             tabcontentreference.append(div);
    [9786] =>         }
    [9787] =>         addEventListener("load", referenceborderstyleload);
    [9788] => 
    [9789] =>         function referenceborderstyleselectload()
    [9790] =>         {
    [9791] =>             const br = document.createElement("br");
    [9792] =>             referenceborderstyle.append(br);
    [9793] => 
    [9794] =>             const select = document.createElement("select");
    [9795] =>             select.id = "referenceborderstyleselect";
    [9796] =>             select.addEventListener("input", referenceborderstyleselectupdate);
    [9797] =>             referenceborderstyle.append(select);
    [9798] => 
    [9799] =>             for(const value of borderstylearray)
    [9800] =>             {
    [9801] =>                 const option = document.createElement("option");
    [9802] =>                 option.innerHTML = value;
    [9803] =>                 select.add(option);
    [9804] =>             }
    [9805] => 
    [9806] =>             //select.value = borderstylearray[8];
    [9807] => 
    [9808] =>             referenceborderstyleselectset();
    [9809] =>         }
    [9810] =>         addEventListener("load", referenceborderstyleselectload);
    [9811] => 
    [9812] =>         function referenceborderstyleselectset()
    [9813] =>         {
    [9814] =>             text.referenceborderstyle = referenceborderstyleselect.value;
    [9815] =>         }
    [9816] => 
    [9817] =>         function referenceborderstyleselectupdate()
    [9818] =>         {
    [9819] =>             referenceborderstyleselectset();
    [9820] =>             svgupdate();
    [9821] =>         }
    [9822] => 
    [9823] => 
    [9824] => 
    [9825] =>         function referenceborderwidthload()
    [9826] =>         {
    [9827] =>             const div = document.createElement("div");
    [9828] =>             div.id = "referenceborderwidth";
    [9829] =>             div.innerHTML = "border-width";
    [9830] =>             tabcontentreference.append(div);
    [9831] => 
    [9832] =>             const style = div.style;
    [9833] =>             style.overflowY = "hidden";
    [9834] =>             style.whiteSpace = "nowrap";
    [9835] =>         }
    [9836] =>         addEventListener("load", referenceborderwidthload);
    [9837] => 
    [9838] =>         function referenceborderwidthnumberload()
    [9839] =>         {
    [9840] =>             const br = document.createElement("br");
    [9841] =>             referenceborderwidth.append(br);
    [9842] => 
    [9843] =>             const input = document.createElement("input");
    [9844] =>             input.id = "referenceborderwidthnumber";
    [9845] =>             input.max = 1000;
    [9846] =>             input.min = 0;
    [9847] =>             input.type = "number";
    [9848] =>             input.value = 25;
    [9849] =>             input.addEventListener("input", referenceborderwidthnumberupdate);
    [9850] =>             referenceborderwidth.append(input);
    [9851] => 
    [9852] =>             //referenceborderwidthnumberset();
    [9853] =>         }
    [9854] =>         addEventListener("load", referenceborderwidthnumberload);
    [9855] => 
    [9856] =>         function referenceborderwidthnumberset()
    [9857] =>         {
    [9858] =>             const v = Number(referenceborderwidthnumber.value);
    [9859] => 
    [9860] =>             referenceborderwidthrange.value = v;
    [9861] =>             text.referenceborderwidth = v;
    [9862] =>         }
    [9863] => 
    [9864] =>         function referenceborderwidthnumberupdate()
    [9865] =>         {
    [9866] =>             referenceborderwidthnumberset();
    [9867] =>             svgupdate();
    [9868] =>         }
    [9869] => 
    [9870] =>         function referenceborderwidthrangeload()
    [9871] =>         {
    [9872] =>             const input = document.createElement("input");
    [9873] =>             input.id = "referenceborderwidthrange";
    [9874] =>             input.max = referenceborderwidthnumber.max;
    [9875] =>             input.min = referenceborderwidthnumber.min;
    [9876] =>             input.type = "range";
    [9877] =>             input.value = referenceborderwidthnumber.value;
    [9878] =>             input.addEventListener("input", referenceborderwidthrangeupdate);
    [9879] =>             referenceborderwidth.append(input);
    [9880] => 
    [9881] =>             referenceborderwidthrangeset();
    [9882] =>         }
    [9883] =>         addEventListener("load", referenceborderwidthrangeload);
    [9884] => 
    [9885] =>         function referenceborderwidthrangeset()
    [9886] =>         {
    [9887] =>             const v = Number(referenceborderwidthrange.value);
    [9888] => 
    [9889] =>             referenceborderwidthnumber.value = v;
    [9890] =>             text.referenceborderwidth = v;
    [9891] =>         }
    [9892] => 
    [9893] =>         function referenceborderwidthrangeupdate()
    [9894] =>         {
    [9895] =>             referenceborderwidthrangeset();
    [9896] =>             svgupdate();
    [9897] =>         }
    [9898] => 
    [9899] =>         function referenceborderwidthexactload()
    [9900] =>         {
    [9901] =>             const br = document.createElement("br");
    [9902] =>             referenceborderwidth.append(br);
    [9903] => 
    [9904] =>             const array =
    [9905] =>             [
    [9906] =>                 ["0",0],
    [9907] =>                 ["50",50],
    [9908] =>                 ["100",100],
    [9909] =>                 ["250",250],
    [9910] =>                 ["500",500],
    [9911] =>                 ["1000",1000],
    [9912] =>             ];
    [9913] => 
    [9914] =>             for(const value of array)
    [9915] =>             {
    [9916] =>                 const button = document.createElement("button");
    [9917] =>                 button.innerHTML = value[0];
    [9918] =>                 button.value = value[1];
    [9919] =>                 button.addEventListener("click", referenceborderwidthexactupdate);
    [9920] =>                 referenceborderwidth.append(button);
    [9921] =>             }
    [9922] =>         }
    [9923] =>         addEventListener("load", referenceborderwidthexactload);
    [9924] => 
    [9925] =>         function referenceborderwidthexactupdate(e)
    [9926] =>         {
    [9927] =>             referenceborderwidthnumber.value = Number(e.target.value);
    [9928] => 
    [9929] =>             referenceborderwidthnumberupdate();
    [9930] =>         }
    [9931] => 
    [9932] =>         function referenceborderwidthincrementload()
    [9933] =>         {
    [9934] =>             const br = document.createElement("br");
    [9935] =>             referenceborderwidth.append(br);
    [9936] => 
    [9937] =>             const array =
    [9938] =>             [
    [9939] =>                 ["-100",-100],
    [9940] =>                 ["-10",-10],
    [9941] =>                 ["-1",-1],
    [9942] =>                 ["+1",1],
    [9943] =>                 ["+10",10],
    [9944] =>                 ["+100",100],
    [9945] =>             ];
    [9946] => 
    [9947] =>             for(const value of array)
    [9948] =>             {
    [9949] =>                 const button = document.createElement("button");
    [9950] =>                 button.innerHTML = value[0];
    [9951] =>                 button.value = value[1];
    [9952] =>                 button.addEventListener("click", referenceborderwidthincrementupdate);
    [9953] =>                 referenceborderwidth.append(button);
    [9954] =>             }
    [9955] =>         }
    [9956] =>         addEventListener("load", referenceborderwidthincrementload);
    [9957] => 
    [9958] =>         function referenceborderwidthincrementupdate(e)
    [9959] =>         {
    [9960] =>             const v = Number(referenceborderwidthnumber.value) + Number(e.target.value);
    [9961] => 
    [9962] =>             if((referenceborderwidthnumber.min <= v) && (v <= referenceborderwidthnumber.max))
    [9963] =>             {
    [9964] =>                 referenceborderwidthnumber.value = v;
    [9965] => 
    [9966] =>                 referenceborderwidthnumberupdate();
    [9967] =>             }
    [9968] =>         }
    [9969] => 
    [9970] => 
    [9971] => 
    [9972] =>         function referencehorizontalload()
    [9973] =>         {
    [9974] =>             const div = document.createElement("div");
    [9975] =>             div.id = "referencehorizontal";
    [9976] =>             div.innerHTML = "horizontal";
    [9977] =>             tabcontentreference.append(div);
    [9978] =>         }
    [9979] =>         addEventListener("load", referencehorizontalload);
    [9980] => 
    [9981] =>         function referencehorizontalselectload()
    [9982] =>         {
    [9983] =>             const br = document.createElement("br");
    [9984] =>             referencehorizontal.append(br);
    [9985] => 
    [9986] =>             const select = document.createElement("select");
    [9987] =>             select.id = "referencehorizontalselect";
    [9988] =>             select.addEventListener("input", referencehorizontalselectupdate);
    [9989] =>             referencehorizontal.append(select);
    [9990] => 
    [9991] =>             for(const value of horizontalarray)
    [9992] =>             {
    [9993] =>                 const option = document.createElement("option");
    [9994] =>                 option.innerHTML = value;
    [9995] =>                 select.add(option);
    [9996] =>             }
    [9997] => 
    [9998] =>             select.value = horizontalarray[1];
    [9999] => 
    [10000] =>             referencehorizontalselectset();
    [10001] =>         }
    [10002] =>         addEventListener("load", referencehorizontalselectload);
    [10003] => 
    [10004] =>         function referencehorizontalselectset()
    [10005] =>         {
    [10006] =>             text.referencehorizontal = referencehorizontalselect.value;
    [10007] =>         }
    [10008] => 
    [10009] =>         function referencehorizontalselectupdate()
    [10010] =>         {
    [10011] =>             referencehorizontalselectset();
    [10012] =>             svgupdate();
    [10013] =>         }
    [10014] => 
    [10015] => 
    [10016] => 
    [10017] =>         function referenceverticalload()
    [10018] =>         {
    [10019] =>             const div = document.createElement("div");
    [10020] =>             div.id = "referencevertical";
    [10021] =>             div.innerHTML = "vertical";
    [10022] =>             tabcontentreference.append(div);
    [10023] =>         }
    [10024] =>         addEventListener("load", referenceverticalload);
    [10025] => 
    [10026] =>         function referenceverticalselectload()
    [10027] =>         {
    [10028] =>             const br = document.createElement("br");
    [10029] =>             referencevertical.append(br);
    [10030] => 
    [10031] =>             const select = document.createElement("select");
    [10032] =>             select.id = "referenceverticalselect";
    [10033] =>             select.addEventListener("input", referenceverticalselectupdate);
    [10034] =>             referencevertical.append(select);
    [10035] => 
    [10036] =>             for(const value of verticalarray)
    [10037] =>             {
    [10038] =>                 const option = document.createElement("option");
    [10039] =>                 option.innerHTML = value;
    [10040] =>                 select.add(option);
    [10041] =>             }
    [10042] => 
    [10043] =>             select.value = verticalarray[1];
    [10044] => 
    [10045] =>             referenceverticalselectset();
    [10046] =>         }
    [10047] =>         addEventListener("load", referenceverticalselectload);
    [10048] => 
    [10049] =>         function referenceverticalselectset()
    [10050] =>         {
    [10051] =>             text.referencevertical = referenceverticalselect.value;
    [10052] =>         }
    [10053] => 
    [10054] =>         function referenceverticalselectupdate()
    [10055] =>         {
    [10056] =>             referenceverticalselectset();
    [10057] =>             svgupdate();
    [10058] =>         }
    [10059] => 
    [10060] => 
    [10061] => 
    [10062] =>         function referencewritingmodeload()
    [10063] =>         {
    [10064] =>             const div = document.createElement("div");
    [10065] =>             div.id = "referencewritingmode";
    [10066] =>             div.innerHTML = "writing-mode";
    [10067] =>             tabcontentreference.append(div);
    [10068] =>         }
    [10069] =>         addEventListener("load", referencewritingmodeload);
    [10070] => 
    [10071] =>         function referencewritingmodeselectload()
    [10072] =>         {
    [10073] =>             const br = document.createElement("br");
    [10074] =>             referencewritingmode.append(br);
    [10075] => 
    [10076] =>             const select = document.createElement("select");
    [10077] =>             select.id = "referencewritingmodeselect";
    [10078] =>             select.addEventListener("input", referencewritingmodeselectupdate);
    [10079] =>             referencewritingmode.append(select);
    [10080] => 
    [10081] =>             for(const value of writingmodearray)
    [10082] =>             {
    [10083] =>                 const option = document.createElement("option");
    [10084] =>                 option.innerHTML = value;
    [10085] =>                 select.add(option);
    [10086] =>             }
    [10087] => 
    [10088] =>             referencewritingmodeselectset();
    [10089] =>         }
    [10090] =>         addEventListener("load", referencewritingmodeselectload);
    [10091] => 
    [10092] =>         function referencewritingmodeselectset()
    [10093] =>         {
    [10094] =>             text.referencewritingmode = referencewritingmodeselect.value;
    [10095] =>         }
    [10096] => 
    [10097] =>         function referencewritingmodeselectupdate()
    [10098] =>         {
    [10099] =>             referencewritingmodeselectset();
    [10100] =>             svgupdate();
    [10101] =>         }
    [10102] => 
    [10103] => 
    [10104] => 
    [10105] =>         function referencefontfamilyload()
    [10106] =>         {
    [10107] =>             const div = document.createElement("div");
    [10108] =>             div.id = "referencefontfamily";
    [10109] =>             div.innerHTML = "font-family";
    [10110] =>             tabcontentreference.append(div);
    [10111] =>         }
    [10112] =>         addEventListener("load", referencefontfamilyload);
    [10113] => 
    [10114] =>         function referencefontfamilyselectload()
    [10115] =>         {
    [10116] =>             const br = document.createElement("br");
    [10117] =>             referencefontfamily.append(br);
    [10118] => 
    [10119] =>             const select = document.createElement("select");
    [10120] =>             select.id = "referencefontfamilyselect";
    [10121] =>             select.addEventListener("input", referencefontfamilyselectupdate);
    [10122] =>             referencefontfamily.append(select);
    [10123] => 
    [10124] =>             for(const value of fontfamilyarray)
    [10125] =>             {
    [10126] =>                 const option = document.createElement("option");
    [10127] =>                 option.innerHTML = value;
    [10128] =>                 select.add(option);
    [10129] =>             }
    [10130] => 
    [10131] =>             referencefontfamilyselectset();
    [10132] =>         }
    [10133] =>         addEventListener("load", referencefontfamilyselectload);
    [10134] => 
    [10135] =>         function referencefontfamilyselectset()
    [10136] =>         {
    [10137] =>             text.referencefontfamily = referencefontfamilyselect.value;
    [10138] =>         }
    [10139] => 
    [10140] =>         function referencefontfamilyselectupdate()
    [10141] =>         {
    [10142] =>             referencefontfamilyselectset();
    [10143] =>             svgupdate();
    [10144] =>         }
    [10145] => 
    [10146] => 
    [10147] => 
    [10148] =>         function referencefontsizeload()
    [10149] =>         {
    [10150] =>             const div = document.createElement("div");
    [10151] =>             div.id = "referencefontsize";
    [10152] =>             div.innerHTML = "font-size";
    [10153] =>             tabcontentreference.append(div);
    [10154] =>         }
    [10155] =>         addEventListener("load", referencefontsizeload);
    [10156] => 
    [10157] =>         function referencefontsizenumberload()
    [10158] =>         {
    [10159] =>             const br = document.createElement("br");
    [10160] =>             referencefontsize.append(br);
    [10161] => 
    [10162] =>             const input = document.createElement("input");
    [10163] =>             input.id = "referencefontsizenumber";
    [10164] =>             input.max = 1000;
    [10165] =>             input.min = 0;
    [10166] =>             input.type = "number";
    [10167] =>             input.value = 100;
    [10168] =>             input.addEventListener("input", referencefontsizenumberupdate);
    [10169] =>             referencefontsize.append(input);
    [10170] => 
    [10171] =>             //referencefontsizenumberset();
    [10172] =>         }
    [10173] =>         addEventListener("load", referencefontsizenumberload);
    [10174] => 
    [10175] =>         function referencefontsizenumberset()
    [10176] =>         {
    [10177] =>             const v = Number(referencefontsizenumber.value);
    [10178] => 
    [10179] =>             referencefontsizerange.value = v;
    [10180] =>             text.referencefontsize = v;
    [10181] =>         }
    [10182] => 
    [10183] =>         function referencefontsizenumberupdate()
    [10184] =>         {
    [10185] =>             referencefontsizenumberset();
    [10186] =>             svgupdate();
    [10187] =>         }
    [10188] => 
    [10189] =>         function referencefontsizerangeload()
    [10190] =>         {
    [10191] =>             const input = document.createElement("input");
    [10192] =>             input.id = "referencefontsizerange";
    [10193] =>             input.max = referencefontsizenumber.max;
    [10194] =>             input.min = referencefontsizenumber.min;
    [10195] =>             input.type = "range";
    [10196] =>             input.value = referencefontsizenumber.value;
    [10197] =>             input.addEventListener("input", referencefontsizerangeupdate);
    [10198] =>             referencefontsize.append(input);
    [10199] => 
    [10200] =>             referencefontsizerangeset();
    [10201] =>         }
    [10202] =>         addEventListener("load", referencefontsizerangeload);
    [10203] => 
    [10204] =>         function referencefontsizerangeset()
    [10205] =>         {
    [10206] =>             const v = Number(referencefontsizerange.value);
    [10207] => 
    [10208] =>             referencefontsizenumber.value = v;
    [10209] =>             text.referencefontsize = v;
    [10210] =>         }
    [10211] => 
    [10212] =>         function referencefontsizerangeupdate()
    [10213] =>         {
    [10214] =>             referencefontsizerangeset();
    [10215] =>             svgupdate();
    [10216] =>         }
    [10217] => 
    [10218] =>         function referencefontsizeexactload()
    [10219] =>         {
    [10220] =>             const br = document.createElement("br");
    [10221] =>             referencefontsize.append(br);
    [10222] => 
    [10223] =>             const array =
    [10224] =>             [
    [10225] =>                 ["0",0],
    [10226] =>                 ["50",50],
    [10227] =>                 ["100",100],
    [10228] =>                 ["250",250],
    [10229] =>                 ["500",500],
    [10230] =>                 ["1000",1000],
    [10231] =>             ];
    [10232] => 
    [10233] =>             for(const value of array)
    [10234] =>             {
    [10235] =>                 const button = document.createElement("button");
    [10236] =>                 button.innerHTML = value[0];
    [10237] =>                 button.value = value[1];
    [10238] =>                 button.addEventListener("click", referencefontsizeexactupdate);
    [10239] =>                 referencefontsize.append(button);
    [10240] =>             }
    [10241] =>         }
    [10242] =>         addEventListener("load", referencefontsizeexactload);
    [10243] => 
    [10244] =>         function referencefontsizeexactupdate(e)
    [10245] =>         {
    [10246] =>             referencefontsizenumber.value = Number(e.target.value);
    [10247] => 
    [10248] =>             referencefontsizenumberupdate();
    [10249] =>         }
    [10250] => 
    [10251] =>         function referencefontsizeincrementload()
    [10252] =>         {
    [10253] =>             const br = document.createElement("br");
    [10254] =>             referencefontsize.append(br);
    [10255] => 
    [10256] =>             const array =
    [10257] =>             [
    [10258] =>                 ["-100",-100],
    [10259] =>                 ["-10",-10],
    [10260] =>                 ["-1",-1],
    [10261] =>                 ["+1",1],
    [10262] =>                 ["+10",10],
    [10263] =>                 ["+100",100],
    [10264] =>             ];
    [10265] => 
    [10266] =>             for(const value of array)
    [10267] =>             {
    [10268] =>                 const button = document.createElement("button");
    [10269] =>                 button.innerHTML = value[0];
    [10270] =>                 button.value = value[1];
    [10271] =>                 button.addEventListener("click", referencefontsizeincrementupdate);
    [10272] =>                 referencefontsize.append(button);
    [10273] =>             }
    [10274] =>         }
    [10275] =>         addEventListener("load", referencefontsizeincrementload);
    [10276] => 
    [10277] =>         function referencefontsizeincrementupdate(e)
    [10278] =>         {
    [10279] =>             const v = Number(referencefontsizenumber.value) + Number(e.target.value);
    [10280] => 
    [10281] =>             if((referencefontsizenumber.min <= v) && (v <= referencefontsizenumber.max))
    [10282] =>             {
    [10283] =>                 referencefontsizenumber.value = v;
    [10284] => 
    [10285] =>                 referencefontsizenumberupdate();
    [10286] =>             }
    [10287] =>         }
    [10288] => 
    [10289] => /*
    [10290] =>         function referencefontsizefitload()
    [10291] =>         {
    [10292] =>             const button = document.createElement("button");
    [10293] =>             button.innerHTML = "fit";
    [10294] =>             button.addEventListener("click", referencefontsizefitupdate);
    [10295] =>             referencefontsize.append(button);
    [10296] =>         }
    [10297] =>         addEventListener("load", referencefontsizefitload);
    [10298] => 
    [10299] =>         function referencefontsizefitupdate()
    [10300] =>         {
    [10301] =>             const t = document.createElement("div");
    [10302] =>             referencefontsize.append(t);
    [10303] =>             t.innerHTML = text.bookname;
    [10304] =>             t.style.fontSize = `${referencefontsizenumber.value}px`;
    [10305] => 
    [10306] =>             const h1 = text.referencewidth;
    [10307] =>             const h2 = text.referenceheight;
    [10308] =>             const h3 = t.offsetWidth;
    [10309] =>             const h4 = t.offsetHeight;
    [10310] =>             const h5 = referencefontsizenumber.value;
    [10311] => 
    [10312] =>             //const h4 = t.offsetParent;//t.style.fontSize;
    [10313] =>             //const h5 = t.clientHeight;//text.style.height;
    [10314] =>             //const h6 = text.height;
    [10315] =>             //const h7 = text.getBoundingClientRect().height;
    [10316] =>             //const h8 = text.style.lineHeight;
    [10317] =>             //const h9 = canvas.getBoundingClientRect().height;
    [10318] =>             console.log(h1, h2, h3, h4, h5);
    [10319] =>             //t.hidden = true;
    [10320] => 
    [10321] =>             if(h2 < h4)
    [10322] =>             {
    [10323] =>                 referencefontsizenumber.value -= 1;
    [10324] =>                 referencefit();
    [10325] =>             }
    [10326] => 
    [10327] =>             referencefontsizenumberupdate();
    [10328] =>         }
    [10329] => //*/
    [10330] => 
    [10331] => 
    [10332] => 
    [10333] =>         function referencefontstyleload()
    [10334] =>         {
    [10335] =>             const div = document.createElement("div");
    [10336] =>             div.id = "referencefontstyle";
    [10337] =>             div.innerHTML = "font-style";
    [10338] =>             tabcontentreference.append(div);
    [10339] =>         }
    [10340] =>         addEventListener("load", referencefontstyleload);
    [10341] => 
    [10342] =>         function referencefontstyleselectload()
    [10343] =>         {
    [10344] =>             const br = document.createElement("br");
    [10345] =>             referencefontstyle.append(br);
    [10346] => 
    [10347] =>             const select = document.createElement("select");
    [10348] =>             select.id = "referencefontstyleselect";
    [10349] =>             select.addEventListener("input", referencefontstyleselectupdate);
    [10350] =>             referencefontstyle.append(select);
    [10351] => 
    [10352] =>             for(const value of fontstylearray)
    [10353] =>             {
    [10354] =>                 const option = document.createElement("option");
    [10355] =>                 option.innerHTML = value;
    [10356] =>                 select.add(option);
    [10357] =>             }
    [10358] => 
    [10359] =>             referencefontstyleselectset();
    [10360] =>         }
    [10361] =>         addEventListener("load", referencefontstyleselectload);
    [10362] => 
    [10363] =>         function referencefontstyleselectset()
    [10364] =>         {
    [10365] =>             text.referencefontstyle = referencefontstyleselect.value;
    [10366] =>         }
    [10367] => 
    [10368] =>         function referencefontstyleselectupdate()
    [10369] =>         {
    [10370] =>             referencefontstyleselectset();
    [10371] =>             svgupdate();
    [10372] =>         }
    [10373] => 
    [10374] => 
    [10375] => 
    [10376] =>         function referencefontvariantload()
    [10377] =>         {
    [10378] =>             const div = document.createElement("div");
    [10379] =>             div.id = "referencefontvariant";
    [10380] =>             div.innerHTML = "font-variant";
    [10381] =>             tabcontentreference.append(div);
    [10382] =>         }
    [10383] =>         addEventListener("load", referencefontvariantload);
    [10384] => 
    [10385] =>         function referencefontvariantselectload()
    [10386] =>         {
    [10387] =>             const br = document.createElement("br");
    [10388] =>             referencefontvariant.append(br);
    [10389] => 
    [10390] =>             const select = document.createElement("select");
    [10391] =>             select.id = "referencefontvariantselect";
    [10392] =>             select.addEventListener("input", referencefontvariantselectupdate);
    [10393] =>             referencefontvariant.append(select);
    [10394] => 
    [10395] =>             for(const value of fontvariantarray)
    [10396] =>             {
    [10397] =>                 const option = document.createElement("option");
    [10398] =>                 option.innerHTML = value;
    [10399] =>                 select.add(option);
    [10400] =>             }
    [10401] => 
    [10402] =>             referencefontvariantselectset();
    [10403] =>         }
    [10404] =>         addEventListener("load", referencefontvariantselectload);
    [10405] => 
    [10406] =>         function referencefontvariantselectset()
    [10407] =>         {
    [10408] =>             text.referencefontvariant = referencefontvariantselect.value;
    [10409] =>         }
    [10410] => 
    [10411] =>         function referencefontvariantselectupdate()
    [10412] =>         {
    [10413] =>             referencefontvariantselectset();
    [10414] =>             svgupdate();
    [10415] =>         }
    [10416] => 
    [10417] => 
    [10418] => 
    [10419] =>         function referencefontweightload()
    [10420] =>         {
    [10421] =>             const div = document.createElement("div");
    [10422] =>             div.id = "referencefontweight";
    [10423] =>             div.innerHTML = "font-weight";
    [10424] =>             tabcontentreference.append(div);
    [10425] =>         }
    [10426] =>         addEventListener("load", referencefontweightload);
    [10427] => 
    [10428] =>         function referencefontweightselectload()
    [10429] =>         {
    [10430] =>             const br = document.createElement("br");
    [10431] =>             referencefontweight.append(br);
    [10432] => 
    [10433] =>             const select = document.createElement("select");
    [10434] =>             select.id = "referencefontweightselect";
    [10435] =>             select.addEventListener("input", referencefontweightselectupdate);
    [10436] =>             referencefontweight.append(select);
    [10437] => 
    [10438] =>             for(const value of fontweightarray)
    [10439] =>             {
    [10440] =>                 const option = document.createElement("option");
    [10441] =>                 option.innerHTML = value;
    [10442] =>                 select.add(option);
    [10443] =>             }
    [10444] => 
    [10445] =>             referencefontweightselectset();
    [10446] =>         }
    [10447] =>         addEventListener("load", referencefontweightselectload);
    [10448] => 
    [10449] =>         function referencefontweightselectset()
    [10450] =>         {
    [10451] =>             text.referencefontweight = referencefontweightselect.value;
    [10452] =>         }
    [10453] => 
    [10454] =>         function referencefontweightselectupdate()
    [10455] =>         {
    [10456] =>             referencefontweightselectset();
    [10457] =>             svgupdate();
    [10458] =>         }
    [10459] => 
    [10460] => 
    [10461] => 
    [10462] =>         function referencecolorload()
    [10463] =>         {
    [10464] =>             const div = document.createElement("div");
    [10465] =>             div.id = "referencecolor";
    [10466] =>             div.innerHTML = "color";
    [10467] =>             tabcontentreference.append(div);
    [10468] =>         }
    [10469] =>         addEventListener("load", referencecolorload);
    [10470] => 
    [10471] =>         function referencecolorcolorload()
    [10472] =>         {
    [10473] =>             const br = document.createElement("br");
    [10474] =>             referencecolor.append(br);
    [10475] => 
    [10476] =>             const input = document.createElement("input");
    [10477] =>             input.id = "referencecolorcolor";
    [10478] =>             input.type = "color";
    [10479] =>             input.value = "#000000";
    [10480] =>             input.addEventListener("input", referencecolorcolorupdate);
    [10481] =>             referencecolor.append(input);
    [10482] => 
    [10483] =>             //referencecolorcolorset();
    [10484] =>         }
    [10485] =>         addEventListener("load", referencecolorcolorload);
    [10486] => 
    [10487] =>         function referencecolorcolorset()
    [10488] =>         {
    [10489] =>             const c = referencecolorcolor.value;
    [10490] =>             const r = parseInt(c.slice(1,3),16);
    [10491] =>             const g = parseInt(c.slice(3,5),16);
    [10492] =>             const b = parseInt(c.slice(5,7),16);
    [10493] =>             const a = referencealphanumber.value;
    [10494] => 
    [10495] =>             text.referencecolor = `rgb(${r} ${g} ${b} / ${a})`;
    [10496] =>         }
    [10497] => 
    [10498] =>         function referencecolorcolorupdate()
    [10499] =>         {
    [10500] =>             referencecolorcolorset();
    [10501] =>             svgupdate();
    [10502] =>         }
    [10503] => 
    [10504] =>         function referencecolorexactload()
    [10505] =>         {
    [10506] =>             const br = document.createElement("br");
    [10507] =>             referencecolor.append(br);
    [10508] => 
    [10509] =>             const array =
    [10510] =>             [
    [10511] =>                 ["black","#000000"],
    [10512] =>                 ["white","#ffffff"],
    [10513] =>             ];
    [10514] => 
    [10515] =>             for(const value of array)
    [10516] =>             {
    [10517] =>                 const button = document.createElement("button");
    [10518] =>                 button.innerHTML = value[0];
    [10519] =>                 button.value = value[1];
    [10520] =>                 button.addEventListener("click", referencecolorexactupdate);
    [10521] =>                 referencecolor.append(button);
    [10522] =>             }
    [10523] =>         }
    [10524] =>         addEventListener("load", referencecolorexactload);
    [10525] => 
    [10526] =>         function referencecolorexactupdate(e)
    [10527] =>         {
    [10528] =>             referencecolorcolor.value = e.target.value;
    [10529] => 
    [10530] =>             referencecolorcolorupdate();
    [10531] =>         }
    [10532] => 
    [10533] => 
    [10534] => 
    [10535] =>         function referencealphaload()
    [10536] =>         {
    [10537] =>             const div = document.createElement("div");
    [10538] =>             div.id = "referencealpha";
    [10539] =>             div.innerHTML = "alpha";
    [10540] =>             tabcontentreference.append(div);
    [10541] => 
    [10542] =>             const style = div.style;
    [10543] =>             style.overflowY = "hidden";
    [10544] =>             style.whiteSpace = "nowrap";
    [10545] =>         }
    [10546] =>         addEventListener("load", referencealphaload);
    [10547] => 
    [10548] =>         function referencealphanumberload()
    [10549] =>         {
    [10550] =>             const br = document.createElement("br");
    [10551] =>             referencealpha.append(br);
    [10552] => 
    [10553] =>             const input = document.createElement("input");
    [10554] =>             input.id = "referencealphanumber";
    [10555] =>             input.max = 1;
    [10556] =>             input.min = 0;
    [10557] =>             input.step = 0.01;
    [10558] =>             input.type = "number";
    [10559] =>             input.value = 1;
    [10560] =>             input.addEventListener("input", referencealphanumberupdate);
    [10561] =>             referencealpha.append(input);
    [10562] => 
    [10563] =>             //referencealphanumberset();
    [10564] =>         }
    [10565] =>         addEventListener("load", referencealphanumberload);
    [10566] => 
    [10567] =>         function referencealphanumberset()
    [10568] =>         {
    [10569] =>             const c = referencecolorcolor.value;
    [10570] =>             const r = parseInt(c.slice(1,3),16);
    [10571] =>             const g = parseInt(c.slice(3,5),16);
    [10572] =>             const b = parseInt(c.slice(5,7),16);
    [10573] =>             const a = referencealphanumber.value;
    [10574] => 
    [10575] =>             referencealpharange.value = a;
    [10576] =>             text.referencecolor = `rgb(${r} ${g} ${b} / ${a})`;
    [10577] =>         }
    [10578] => 
    [10579] =>         function referencealphanumberupdate()
    [10580] =>         {
    [10581] =>             referencealphanumberset();
    [10582] =>             svgupdate();
    [10583] =>         }
    [10584] => 
    [10585] =>         function referencealpharangeload()
    [10586] =>         {
    [10587] =>             const input = document.createElement("input");
    [10588] =>             input.id = "referencealpharange";
    [10589] =>             input.max = referencealphanumber.max;
    [10590] =>             input.min = referencealphanumber.min;
    [10591] =>             input.step = referencealphanumber.step;
    [10592] =>             input.type = "range";
    [10593] =>             input.value = referencealphanumber.value;
    [10594] =>             input.addEventListener("input", referencealpharangeupdate);
    [10595] =>             referencealpha.append(input);
    [10596] => 
    [10597] =>             referencealpharangeset();
    [10598] =>         }
    [10599] =>         addEventListener("load", referencealpharangeload);
    [10600] => 
    [10601] =>         function referencealpharangeset()
    [10602] =>         {
    [10603] =>             const c = referencecolorcolor.value;
    [10604] =>             const r = parseInt(c.slice(1,3),16);
    [10605] =>             const g = parseInt(c.slice(3,5),16);
    [10606] =>             const b = parseInt(c.slice(5,7),16);
    [10607] =>             const a = referencealpharange.value;
    [10608] => 
    [10609] =>             referencealphanumber.value = a;
    [10610] =>             text.referencecolor = `rgb(${r} ${g} ${b} / ${a})`;
    [10611] =>         }
    [10612] => 
    [10613] =>         function referencealpharangeupdate()
    [10614] =>         {
    [10615] =>             referencealpharangeset();
    [10616] =>             svgupdate();
    [10617] =>         }
    [10618] => 
    [10619] =>         function referencealphaexactload()
    [10620] =>         {
    [10621] =>             const br = document.createElement("br");
    [10622] =>             referencealpha.append(br);
    [10623] => 
    [10624] =>             const array =
    [10625] =>             [
    [10626] =>                 ["0",0],
    [10627] =>                 ["0.25",0.25],
    [10628] =>                 ["0.5",0.5],
    [10629] =>                 ["0.75",0.75],
    [10630] =>                 ["1",1],
    [10631] =>             ];
    [10632] => 
    [10633] =>             for(const value of array)
    [10634] =>             {
    [10635] =>                 const button = document.createElement("button");
    [10636] =>                 button.innerHTML = value[0];
    [10637] =>                 button.value = value[1];
    [10638] =>                 button.addEventListener("click", referencealphaexactupdate);
    [10639] =>                 referencealpha.append(button);
    [10640] =>             }
    [10641] =>         }
    [10642] =>         addEventListener("load", referencealphaexactload);
    [10643] => 
    [10644] =>         function referencealphaexactupdate(e)
    [10645] =>         {
    [10646] =>             referencealphanumber.value = Number(e.target.value);
    [10647] => 
    [10648] =>             referencealphanumberupdate();
    [10649] =>         }
    [10650] => 
    [10651] =>         function referencealphaincrementload()
    [10652] =>         {
    [10653] =>             const br = document.createElement("br");
    [10654] =>             referencealpha.append(br);
    [10655] => 
    [10656] =>             const array =
    [10657] =>             [
    [10658] =>                 ["-0.1",-0.1],
    [10659] =>                 ["-0.01",-0.01],
    [10660] =>                 ["+0.01",0.01],
    [10661] =>                 ["+0.1",0.1],
    [10662] =>             ];
    [10663] => 
    [10664] =>             for(const value of array)
    [10665] =>             {
    [10666] =>                 const button = document.createElement("button");
    [10667] =>                 button.innerHTML = value[0];
    [10668] =>                 button.value = value[1];
    [10669] =>                 button.addEventListener("click", referencealphaincrementupdate);
    [10670] =>                 referencealpha.append(button);
    [10671] =>             }
    [10672] =>         }
    [10673] =>         addEventListener("load", referencealphaincrementload);
    [10674] => 
    [10675] =>         function referencealphaincrementupdate(e)
    [10676] =>         {
    [10677] =>             let v = Number(referencealphanumber.value) + Number(e.target.value);
    [10678] =>             v = parseFloat(v.toFixed(2));
    [10679] => 
    [10680] =>             if((referencealphanumber.min <= v) && (v <= referencealphanumber.max))
    [10681] =>             {
    [10682] =>                 referencealphanumber.value = v;
    [10683] => 
    [10684] =>                 referencealphanumberupdate();
    [10685] =>             }
    [10686] =>         }
    [10687] => 
    [10688] => 
    [10689] => 
    [10690] => /*leftoff
    [10691] =>         function referencefilterblurload()
    [10692] =>         {
    [10693] =>             const div = document.createElement("div");
    [10694] =>             div.id = "referencefilterblur";
    [10695] =>             div.innerHTML = "filter-blur";
    [10696] =>             tabcontentreference.append(div);
    [10697] => 
    [10698] =>             const style = div.style;
    [10699] =>             style.overflowY = "hidden";
    [10700] =>             style.whiteSpace = "nowrap";
    [10701] =>         }
    [10702] =>         addEventListener("load", referencefilterblurload);
    [10703] => 
    [10704] =>         function referencefilterblurnumberload()
    [10705] =>         {
    [10706] =>             const br = document.createElement("br");
    [10707] =>             referencefilterblur.append(br);
    [10708] => 
    [10709] =>             const input = document.createElement("input");
    [10710] =>             input.id = "referencefilterblurnumber";
    [10711] =>             input.max = 1000;
    [10712] =>             input.min = 0;
    [10713] =>             input.step = 1;
    [10714] =>             input.type = "number";
    [10715] =>             input.value = 0;
    [10716] =>             input.addEventListener("input", referencefilterblurnumberupdate);
    [10717] =>             referencefilterblur.append(input);
    [10718] => 
    [10719] =>             //referencefilterblurnumberset();
    [10720] =>         }
    [10721] =>         addEventListener("load", referencefilterblurnumberload);
    [10722] => 
    [10723] =>         function referencefilterblurnumberset()
    [10724] =>         {
    [10725] =>             const v = referencefilterblurnumber.value;
    [10726] => 
    [10727] =>             referencefilterblurrange.value = v;
    [10728] =>             text.referencebackdropfilterblur = v;
    [10729] =>         }
    [10730] => 
    [10731] =>         function referencefilterblurnumberupdate()
    [10732] =>         {
    [10733] =>             referencefilterblurnumberset();
    [10734] =>             svgupdate();
    [10735] =>         }
    [10736] => 
    [10737] =>         function referencefilterblurrangeload()
    [10738] =>         {
    [10739] =>             const input = document.createElement("input");
    [10740] =>             input.id = "referencefilterblurrange";
    [10741] =>             input.max = referencefilterblurnumber.max;
    [10742] =>             input.min = referencefilterblurnumber.min;
    [10743] =>             input.step = referencefilterblurnumber.step;
    [10744] =>             input.type = "range";
    [10745] =>             input.value = referencefilterblurnumber.value;
    [10746] =>             input.addEventListener("input", referencefilterblurrangeupdate);
    [10747] =>             referencefilterblur.append(input);
    [10748] => 
    [10749] =>             referencefilterblurrangeset();
    [10750] =>         }
    [10751] =>         addEventListener("load", referencefilterblurrangeload);
    [10752] => 
    [10753] =>         function referencefilterblurrangeset()
    [10754] =>         {
    [10755] =>             const v = referencefilterblurrange.value;
    [10756] => 
    [10757] =>             referencefilterblurnumber.value = v;
    [10758] =>             text.referencebackdropfilterblur = v;
    [10759] =>         }
    [10760] => 
    [10761] =>         function referencefilterblurrangeupdate()
    [10762] =>         {
    [10763] =>             referencefilterblurrangeset();
    [10764] =>             svgupdate();
    [10765] =>         }
    [10766] => 
    [10767] =>         function referencefilterblurexactload()
    [10768] =>         {
    [10769] =>             const br = document.createElement("br");
    [10770] =>             referencefilterblur.append(br);
    [10771] => 
    [10772] =>             const array =
    [10773] =>             [
    [10774] =>                 ["0",0],
    [10775] =>                 ["2",2],
    [10776] =>                 ["4",4],
    [10777] =>                 ["8",8],
    [10778] =>                 ["16",16],
    [10779] =>                 ["32",32],
    [10780] =>                 ["64",64],
    [10781] =>             ];
    [10782] => 
    [10783] =>             for(const value of array)
    [10784] =>             {
    [10785] =>                 const button = document.createElement("button");
    [10786] =>                 button.innerHTML = value[0];
    [10787] =>                 button.value = value[1];
    [10788] =>                 button.addEventListener("click", referencefilterblurexactupdate);
    [10789] =>                 referencefilterblur.append(button);
    [10790] =>             }
    [10791] =>         }
    [10792] =>         addEventListener("load", referencefilterblurexactload);
    [10793] => 
    [10794] =>         function referencefilterblurexactupdate(e)
    [10795] =>         {
    [10796] =>             referencefilterblurnumber.value = Number(e.target.value);
    [10797] => 
    [10798] =>             referencefilterblurnumberupdate();
    [10799] =>         }
    [10800] => 
    [10801] =>         function referencefilterblurincrementload()
    [10802] =>         {
    [10803] =>             const br = document.createElement("br");
    [10804] =>             referencefilterblur.append(br);
    [10805] => 
    [10806] =>             const array =
    [10807] =>             [
    [10808] =>                 ["-100",-100],
    [10809] =>                 ["-10",-10],
    [10810] =>                 ["-1",-1],
    [10811] =>                 ["+1",1],
    [10812] =>                 ["+10",10],
    [10813] =>                 ["+100",100],
    [10814] =>             ];
    [10815] => 
    [10816] =>             for(const value of array)
    [10817] =>             {
    [10818] =>                 const button = document.createElement("button");
    [10819] =>                 button.innerHTML = value[0];
    [10820] =>                 button.value = value[1];
    [10821] =>                 button.addEventListener("click", referencefilterblurincrementupdate);
    [10822] =>                 referencefilterblur.append(button);
    [10823] =>             }
    [10824] =>         }
    [10825] =>         addEventListener("load", referencefilterblurincrementload);
    [10826] => 
    [10827] =>         function referencefilterblurincrementupdate(e)
    [10828] =>         {
    [10829] =>             const v = Number(referencefilterblurnumber.value) + Number(e.target.value);
    [10830] => 
    [10831] =>             if((referencefilterblurnumber.min <= v) && (v <= referencefilterblurnumber.max))
    [10832] =>             {
    [10833] =>                 referencefilterblurnumber.value = v;
    [10834] => 
    [10835] =>                 referencefilterblurnumberupdate();
    [10836] =>             }
    [10837] =>         }
    [10838] => 
    [10839] => 
    [10840] => 
    [10841] =>         function referencefilterbrightnessload()
    [10842] =>         {
    [10843] =>             const div = document.createElement("div");
    [10844] =>             div.id = "referencefilterbrightness";
    [10845] =>             div.innerHTML = "filter-brightness";
    [10846] =>             tabcontentreference.append(div);
    [10847] => 
    [10848] =>             const style = div.style;
    [10849] =>             style.overflowY = "hidden";
    [10850] =>             style.whiteSpace = "nowrap";
    [10851] =>         }
    [10852] =>         addEventListener("load", referencefilterbrightnessload);
    [10853] => 
    [10854] =>         function referencefilterbrightnessnumberload()
    [10855] =>         {
    [10856] =>             const br = document.createElement("br");
    [10857] =>             referencefilterbrightness.append(br);
    [10858] => 
    [10859] =>             const input = document.createElement("input");
    [10860] =>             input.id = "referencefilterbrightnessnumber";
    [10861] =>             input.max = 1000;
    [10862] =>             input.min = 0;
    [10863] =>             input.step = 1;
    [10864] =>             input.type = "number";
    [10865] =>             input.value = 100;
    [10866] =>             input.addEventListener("input", referencefilterbrightnessnumberupdate);
    [10867] =>             referencefilterbrightness.append(input);
    [10868] => 
    [10869] =>             //referencefilterbrightnessnumberset();
    [10870] =>         }
    [10871] =>         addEventListener("load", referencefilterbrightnessnumberload);
    [10872] => 
    [10873] =>         function referencefilterbrightnessnumberset()
    [10874] =>         {
    [10875] =>             const v = referencefilterbrightnessnumber.value;
    [10876] => 
    [10877] =>             referencefilterbrightnessrange.value = v;
    [10878] =>             text.referencebackdropfilterbrightness = v;
    [10879] =>         }
    [10880] => 
    [10881] =>         function referencefilterbrightnessnumberupdate()
    [10882] =>         {
    [10883] =>             referencefilterbrightnessnumberset();
    [10884] =>             svgupdate();
    [10885] =>         }
    [10886] => 
    [10887] =>         function referencefilterbrightnessrangeload()
    [10888] =>         {
    [10889] =>             const input = document.createElement("input");
    [10890] =>             input.id = "referencefilterbrightnessrange";
    [10891] =>             input.max = referencefilterbrightnessnumber.max;
    [10892] =>             input.min = referencefilterbrightnessnumber.min;
    [10893] =>             input.step = referencefilterbrightnessnumber.step;
    [10894] =>             input.type = "range";
    [10895] =>             input.value = referencefilterbrightnessnumber.value;
    [10896] =>             input.addEventListener("input", referencefilterbrightnessrangeupdate);
    [10897] =>             referencefilterbrightness.append(input);
    [10898] => 
    [10899] =>             referencefilterbrightnessrangeset();
    [10900] =>         }
    [10901] =>         addEventListener("load", referencefilterbrightnessrangeload);
    [10902] => 
    [10903] =>         function referencefilterbrightnessrangeset()
    [10904] =>         {
    [10905] =>             const v = referencefilterbrightnessrange.value;
    [10906] => 
    [10907] =>             referencefilterbrightnessnumber.value = v;
    [10908] =>             text.referencebackdropfilterbrightness = v;
    [10909] =>         }
    [10910] => 
    [10911] =>         function referencefilterbrightnessrangeupdate()
    [10912] =>         {
    [10913] =>             referencefilterbrightnessrangeset();
    [10914] =>             svgupdate();
    [10915] =>         }
    [10916] => 
    [10917] =>         function referencefilterbrightnessexactload()
    [10918] =>         {
    [10919] =>             const br = document.createElement("br");
    [10920] =>             referencefilterbrightness.append(br);
    [10921] => 
    [10922] =>             const array =
    [10923] =>             [
    [10924] =>                 ["0",0],
    [10925] =>                 ["50",50],
    [10926] =>                 ["100 (initial)",100],
    [10927] =>                 ["150",150],
    [10928] =>                 ["200",200],
    [10929] =>             ];
    [10930] => 
    [10931] =>             for(const value of array)
    [10932] =>             {
    [10933] =>                 const button = document.createElement("button");
    [10934] =>                 button.innerHTML = value[0];
    [10935] =>                 button.value = value[1];
    [10936] =>                 button.addEventListener("click", referencefilterbrightnessexactupdate);
    [10937] =>                 referencefilterbrightness.append(button);
    [10938] =>             }
    [10939] =>         }
    [10940] =>         addEventListener("load", referencefilterbrightnessexactload);
    [10941] => 
    [10942] =>         function referencefilterbrightnessexactupdate(e)
    [10943] =>         {
    [10944] =>             referencefilterbrightnessnumber.value = Number(e.target.value);
    [10945] => 
    [10946] =>             referencefilterbrightnessnumberupdate();
    [10947] =>         }
    [10948] => 
    [10949] =>         function referencefilterbrightnessincrementload()
    [10950] =>         {
    [10951] =>             const br = document.createElement("br");
    [10952] =>             referencefilterbrightness.append(br);
    [10953] => 
    [10954] =>             const array =
    [10955] =>             [
    [10956] =>                 ["-100",-100],
    [10957] =>                 ["-10",-10],
    [10958] =>                 ["-1",-1],
    [10959] =>                 ["+1",1],
    [10960] =>                 ["+10",10],
    [10961] =>                 ["+100",100],
    [10962] =>             ];
    [10963] => 
    [10964] =>             for(const value of array)
    [10965] =>             {
    [10966] =>                 const button = document.createElement("button");
    [10967] =>                 button.innerHTML = value[0];
    [10968] =>                 button.value = value[1];
    [10969] =>                 button.addEventListener("click", referencefilterbrightnessincrementupdate);
    [10970] =>                 referencefilterbrightness.append(button);
    [10971] =>             }
    [10972] =>         }
    [10973] =>         addEventListener("load", referencefilterbrightnessincrementload);
    [10974] => 
    [10975] =>         function referencefilterbrightnessincrementupdate(e)
    [10976] =>         {
    [10977] =>             const v = Number(referencefilterbrightnessnumber.value) + Number(e.target.value);
    [10978] => 
    [10979] =>             if((referencefilterbrightnessnumber.min <= v) && (v <= referencefilterbrightnessnumber.max))
    [10980] =>             {
    [10981] =>                 referencefilterbrightnessnumber.value = v;
    [10982] => 
    [10983] =>                 referencefilterbrightnessnumberupdate();
    [10984] =>             }
    [10985] =>         }
    [10986] => 
    [10987] => 
    [10988] => 
    [10989] =>         function referencefiltercontrastload()
    [10990] =>         {
    [10991] =>             const div = document.createElement("div");
    [10992] =>             div.id = "referencefiltercontrast";
    [10993] =>             div.innerHTML = "filter-contrast";
    [10994] =>             tabcontentreference.append(div);
    [10995] => 
    [10996] =>             const style = div.style;
    [10997] =>             style.overflowY = "hidden";
    [10998] =>             style.whiteSpace = "nowrap";
    [10999] =>         }
    [11000] =>         addEventListener("load", referencefiltercontrastload);
    [11001] => 
    [11002] =>         function referencefiltercontrastnumberload()
    [11003] =>         {
    [11004] =>             const br = document.createElement("br");
    [11005] =>             referencefiltercontrast.append(br);
    [11006] => 
    [11007] =>             const input = document.createElement("input");
    [11008] =>             input.id = "referencefiltercontrastnumber";
    [11009] =>             input.max = 1000;
    [11010] =>             input.min = 0;
    [11011] =>             input.step = 1;
    [11012] =>             input.type = "number";
    [11013] =>             input.value = 100;
    [11014] =>             input.addEventListener("input", referencefiltercontrastnumberupdate);
    [11015] =>             referencefiltercontrast.append(input);
    [11016] => 
    [11017] =>             //referencefiltercontrastnumberset();
    [11018] =>         }
    [11019] =>         addEventListener("load", referencefiltercontrastnumberload);
    [11020] => 
    [11021] =>         function referencefiltercontrastnumberset()
    [11022] =>         {
    [11023] =>             const v = referencefiltercontrastnumber.value;
    [11024] => 
    [11025] =>             referencefiltercontrastrange.value = v;
    [11026] =>             text.referencebackdropfiltercontrast = v;
    [11027] =>         }
    [11028] => 
    [11029] =>         function referencefiltercontrastnumberupdate()
    [11030] =>         {
    [11031] =>             referencefiltercontrastnumberset();
    [11032] =>             svgupdate();
    [11033] =>         }
    [11034] => 
    [11035] =>         function referencefiltercontrastrangeload()
    [11036] =>         {
    [11037] =>             const input = document.createElement("input");
    [11038] =>             input.id = "referencefiltercontrastrange";
    [11039] =>             input.max = referencefiltercontrastnumber.max;
    [11040] =>             input.min = referencefiltercontrastnumber.min;
    [11041] =>             input.step = referencefiltercontrastnumber.step;
    [11042] =>             input.type = "range";
    [11043] =>             input.value = referencefiltercontrastnumber.value;
    [11044] =>             input.addEventListener("input", referencefiltercontrastrangeupdate);
    [11045] =>             referencefiltercontrast.append(input);
    [11046] => 
    [11047] =>             referencefiltercontrastrangeset();
    [11048] =>         }
    [11049] =>         addEventListener("load", referencefiltercontrastrangeload);
    [11050] => 
    [11051] =>         function referencefiltercontrastrangeset()
    [11052] =>         {
    [11053] =>             const v = referencefiltercontrastrange.value;
    [11054] => 
    [11055] =>             referencefiltercontrastnumber.value = v;
    [11056] =>             text.referencebackdropfiltercontrast = v;
    [11057] =>         }
    [11058] => 
    [11059] =>         function referencefiltercontrastrangeupdate()
    [11060] =>         {
    [11061] =>             referencefiltercontrastrangeset();
    [11062] =>             svgupdate();
    [11063] =>         }
    [11064] => 
    [11065] =>         function referencefiltercontrastexactload()
    [11066] =>         {
    [11067] =>             const br = document.createElement("br");
    [11068] =>             referencefiltercontrast.append(br);
    [11069] => 
    [11070] =>             const array =
    [11071] =>             [
    [11072] =>                 ["0",0],
    [11073] =>                 ["50",50],
    [11074] =>                 ["100 (initial)",100],
    [11075] =>                 ["150",150],
    [11076] =>                 ["200",200],
    [11077] =>             ];
    [11078] => 
    [11079] =>             for(const value of array)
    [11080] =>             {
    [11081] =>                 const button = document.createElement("button");
    [11082] =>                 button.innerHTML = value[0];
    [11083] =>                 button.value = value[1];
    [11084] =>                 button.addEventListener("click", referencefiltercontrastexactupdate);
    [11085] =>                 referencefiltercontrast.append(button);
    [11086] =>             }
    [11087] =>         }
    [11088] =>         addEventListener("load", referencefiltercontrastexactload);
    [11089] => 
    [11090] =>         function referencefiltercontrastexactupdate(e)
    [11091] =>         {
    [11092] =>             referencefiltercontrastnumber.value = Number(e.target.value);
    [11093] => 
    [11094] =>             referencefiltercontrastnumberupdate();
    [11095] =>         }
    [11096] => 
    [11097] =>         function referencefiltercontrastincrementload()
    [11098] =>         {
    [11099] =>             const br = document.createElement("br");
    [11100] =>             referencefiltercontrast.append(br);
    [11101] => 
    [11102] =>             const array =
    [11103] =>             [
    [11104] =>                 ["-100",-100],
    [11105] =>                 ["-10",-10],
    [11106] =>                 ["-1",-1],
    [11107] =>                 ["+1",1],
    [11108] =>                 ["+10",10],
    [11109] =>                 ["+100",100],
    [11110] =>             ];
    [11111] => 
    [11112] =>             for(const value of array)
    [11113] =>             {
    [11114] =>                 const button = document.createElement("button");
    [11115] =>                 button.innerHTML = value[0];
    [11116] =>                 button.value = value[1];
    [11117] =>                 button.addEventListener("click", referencefiltercontrastincrementupdate);
    [11118] =>                 referencefiltercontrast.append(button);
    [11119] =>             }
    [11120] =>         }
    [11121] =>         addEventListener("load", referencefiltercontrastincrementload);
    [11122] => 
    [11123] =>         function referencefiltercontrastincrementupdate(e)
    [11124] =>         {
    [11125] =>             const v = Number(referencefiltercontrastnumber.value) + Number(e.target.value);
    [11126] => 
    [11127] =>             if((referencefiltercontrastnumber.min <= v) && (v <= referencefiltercontrastnumber.max))
    [11128] =>             {
    [11129] =>                 referencefiltercontrastnumber.value = v;
    [11130] => 
    [11131] =>                 referencefiltercontrastnumberupdate();
    [11132] =>             }
    [11133] =>         }
    [11134] => 
    [11135] => 
    [11136] => 
    [11137] =>         function referencefiltergrayscaleload()
    [11138] =>         {
    [11139] =>             const div = document.createElement("div");
    [11140] =>             div.id = "referencefiltergrayscale";
    [11141] =>             div.innerHTML = "filter-grayscale";
    [11142] =>             tabcontentreference.append(div);
    [11143] => 
    [11144] =>             const style = div.style;
    [11145] =>             style.overflowY = "hidden";
    [11146] =>             style.whiteSpace = "nowrap";
    [11147] =>         }
    [11148] =>         addEventListener("load", referencefiltergrayscaleload);
    [11149] => 
    [11150] =>         function referencefiltergrayscalenumberload()
    [11151] =>         {
    [11152] =>             const br = document.createElement("br");
    [11153] =>             referencefiltergrayscale.append(br);
    [11154] => 
    [11155] =>             const input = document.createElement("input");
    [11156] =>             input.id = "referencefiltergrayscalenumber";
    [11157] =>             input.max = 100;
    [11158] =>             input.min = 0;
    [11159] =>             input.step = 1;
    [11160] =>             input.type = "number";
    [11161] =>             input.value = 0;
    [11162] =>             input.addEventListener("input", referencefiltergrayscalenumberupdate);
    [11163] =>             referencefiltergrayscale.append(input);
    [11164] => 
    [11165] =>             //referencefiltergrayscalenumberset();
    [11166] =>         }
    [11167] =>         addEventListener("load", referencefiltergrayscalenumberload);
    [11168] => 
    [11169] =>         function referencefiltergrayscalenumberset()
    [11170] =>         {
    [11171] =>             const v = referencefiltergrayscalenumber.value;
    [11172] => 
    [11173] =>             referencefiltergrayscalerange.value = v;
    [11174] =>             text.referencebackdropfiltergrayscale = v;
    [11175] =>         }
    [11176] => 
    [11177] =>         function referencefiltergrayscalenumberupdate()
    [11178] =>         {
    [11179] =>             referencefiltergrayscalenumberset();
    [11180] =>             svgupdate();
    [11181] =>         }
    [11182] => 
    [11183] =>         function referencefiltergrayscalerangeload()
    [11184] =>         {
    [11185] =>             const input = document.createElement("input");
    [11186] =>             input.id = "referencefiltergrayscalerange";
    [11187] =>             input.max = referencefiltergrayscalenumber.max;
    [11188] =>             input.min = referencefiltergrayscalenumber.min;
    [11189] =>             input.step = referencefiltergrayscalenumber.step;
    [11190] =>             input.type = "range";
    [11191] =>             input.value = referencefiltergrayscalenumber.value;
    [11192] =>             input.addEventListener("input", referencefiltergrayscalerangeupdate);
    [11193] =>             referencefiltergrayscale.append(input);
    [11194] => 
    [11195] =>             referencefiltergrayscalerangeset();
    [11196] =>         }
    [11197] =>         addEventListener("load", referencefiltergrayscalerangeload);
    [11198] => 
    [11199] =>         function referencefiltergrayscalerangeset()
    [11200] =>         {
    [11201] =>             const v = referencefiltergrayscalerange.value;
    [11202] => 
    [11203] =>             referencefiltergrayscalenumber.value = v;
    [11204] =>             text.referencebackdropfiltergrayscale = v;
    [11205] =>         }
    [11206] => 
    [11207] =>         function referencefiltergrayscalerangeupdate()
    [11208] =>         {
    [11209] =>             referencefiltergrayscalerangeset();
    [11210] =>             svgupdate();
    [11211] =>         }
    [11212] => 
    [11213] =>         function referencefiltergrayscaleexactload()
    [11214] =>         {
    [11215] =>             const br = document.createElement("br");
    [11216] =>             referencefiltergrayscale.append(br);
    [11217] => 
    [11218] =>             const array =
    [11219] =>             [
    [11220] =>                 ["0",0],
    [11221] =>                 ["25",25],
    [11222] =>                 ["50",50],
    [11223] =>                 ["75",75],
    [11224] =>                 ["100",100],
    [11225] =>             ];
    [11226] => 
    [11227] =>             for(const value of array)
    [11228] =>             {
    [11229] =>                 const button = document.createElement("button");
    [11230] =>                 button.innerHTML = value[0];
    [11231] =>                 button.value = value[1];
    [11232] =>                 button.addEventListener("click", referencefiltergrayscaleexactupdate);
    [11233] =>                 referencefiltergrayscale.append(button);
    [11234] =>             }
    [11235] =>         }
    [11236] =>         addEventListener("load", referencefiltergrayscaleexactload);
    [11237] => 
    [11238] =>         function referencefiltergrayscaleexactupdate(e)
    [11239] =>         {
    [11240] =>             referencefiltergrayscalenumber.value = Number(e.target.value);
    [11241] => 
    [11242] =>             referencefiltergrayscalenumberupdate();
    [11243] =>         }
    [11244] => 
    [11245] =>         function referencefiltergrayscaleincrementload()
    [11246] =>         {
    [11247] =>             const br = document.createElement("br");
    [11248] =>             referencefiltergrayscale.append(br);
    [11249] => 
    [11250] =>             const array =
    [11251] =>             [
    [11252] =>                 ["-10",-10],
    [11253] =>                 ["-1",-1],
    [11254] =>                 ["+1",1],
    [11255] =>                 ["+10",10],
    [11256] =>             ];
    [11257] => 
    [11258] =>             for(const value of array)
    [11259] =>             {
    [11260] =>                 const button = document.createElement("button");
    [11261] =>                 button.innerHTML = value[0];
    [11262] =>                 button.value = value[1];
    [11263] =>                 button.addEventListener("click", referencefiltergrayscaleincrementupdate);
    [11264] =>                 referencefiltergrayscale.append(button);
    [11265] =>             }
    [11266] =>         }
    [11267] =>         addEventListener("load", referencefiltergrayscaleincrementload);
    [11268] => 
    [11269] =>         function referencefiltergrayscaleincrementupdate(e)
    [11270] =>         {
    [11271] =>             const v = Number(referencefiltergrayscalenumber.value) + Number(e.target.value);
    [11272] => 
    [11273] =>             if((referencefiltergrayscalenumber.min <= v) && (v <= referencefiltergrayscalenumber.max))
    [11274] =>             {
    [11275] =>                 referencefiltergrayscalenumber.value = v;
    [11276] => 
    [11277] =>                 referencefiltergrayscalenumberupdate();
    [11278] =>             }
    [11279] =>         }
    [11280] => 
    [11281] => 
    [11282] => 
    [11283] =>         function referencefilterhuerotateload()
    [11284] =>         {
    [11285] =>             const div = document.createElement("div");
    [11286] =>             div.id = "referencefilterhuerotate";
    [11287] =>             div.innerHTML = "filter-hue-rotate";
    [11288] =>             tabcontentreference.append(div);
    [11289] => 
    [11290] =>             const style = div.style;
    [11291] =>             style.overflowY = "hidden";
    [11292] =>             style.whiteSpace = "nowrap";
    [11293] =>         }
    [11294] =>         addEventListener("load", referencefilterhuerotateload);
    [11295] => 
    [11296] =>         function referencefilterhuerotatenumberload()
    [11297] =>         {
    [11298] =>             const br = document.createElement("br");
    [11299] =>             referencefilterhuerotate.append(br);
    [11300] => 
    [11301] =>             const input = document.createElement("input");
    [11302] =>             input.id = "referencefilterhuerotatenumber";
    [11303] =>             input.max = 360;
    [11304] =>             input.min = 0;
    [11305] =>             input.step = 1;
    [11306] =>             input.type = "number";
    [11307] =>             input.value = 0;
    [11308] =>             input.addEventListener("input", referencefilterhuerotatenumberupdate);
    [11309] =>             referencefilterhuerotate.append(input);
    [11310] => 
    [11311] =>             //referencefilterhuerotatenumberset();
    [11312] =>         }
    [11313] =>         addEventListener("load", referencefilterhuerotatenumberload);
    [11314] => 
    [11315] =>         function referencefilterhuerotatenumberset()
    [11316] =>         {
    [11317] =>             const v = referencefilterhuerotatenumber.value;
    [11318] => 
    [11319] =>             referencefilterhuerotaterange.value = v;
    [11320] =>             text.referencebackdropfilterhuerotate = v;
    [11321] =>         }
    [11322] => 
    [11323] =>         function referencefilterhuerotatenumberupdate()
    [11324] =>         {
    [11325] =>             referencefilterhuerotatenumberset();
    [11326] =>             svgupdate();
    [11327] =>         }
    [11328] => 
    [11329] =>         function referencefilterhuerotaterangeload()
    [11330] =>         {
    [11331] =>             const input = document.createElement("input");
    [11332] =>             input.id = "referencefilterhuerotaterange";
    [11333] =>             input.max = referencefilterhuerotatenumber.max;
    [11334] =>             input.min = referencefilterhuerotatenumber.min;
    [11335] =>             input.step = referencefilterhuerotatenumber.step;
    [11336] =>             input.type = "range";
    [11337] =>             input.value = referencefilterhuerotatenumber.value;
    [11338] =>             input.addEventListener("input", referencefilterhuerotaterangeupdate);
    [11339] =>             referencefilterhuerotate.append(input);
    [11340] => 
    [11341] =>             referencefilterhuerotaterangeset();
    [11342] =>         }
    [11343] =>         addEventListener("load", referencefilterhuerotaterangeload);
    [11344] => 
    [11345] =>         function referencefilterhuerotaterangeset()
    [11346] =>         {
    [11347] =>             const v = referencefilterhuerotaterange.value;
    [11348] => 
    [11349] =>             referencefilterhuerotatenumber.value = v;
    [11350] =>             text.referencebackdropfilterhuerotate = v;
    [11351] =>         }
    [11352] => 
    [11353] =>         function referencefilterhuerotaterangeupdate()
    [11354] =>         {
    [11355] =>             referencefilterhuerotaterangeset();
    [11356] =>             svgupdate();
    [11357] =>         }
    [11358] => 
    [11359] =>         function referencefilterhuerotateexactload()
    [11360] =>         {
    [11361] =>             const br = document.createElement("br");
    [11362] =>             referencefilterhuerotate.append(br);
    [11363] => 
    [11364] =>             const array =
    [11365] =>             [
    [11366] =>                 ["0",0],
    [11367] =>                 ["90",90],
    [11368] =>                 ["180",180],
    [11369] =>                 ["270",270],
    [11370] =>                 ["360",360],
    [11371] =>             ];
    [11372] => 
    [11373] =>             for(const value of array)
    [11374] =>             {
    [11375] =>                 const button = document.createElement("button");
    [11376] =>                 button.innerHTML = value[0];
    [11377] =>                 button.value = value[1];
    [11378] =>                 button.addEventListener("click", referencefilterhuerotateexactupdate);
    [11379] =>                 referencefilterhuerotate.append(button);
    [11380] =>             }
    [11381] =>         }
    [11382] =>         addEventListener("load", referencefilterhuerotateexactload);
    [11383] => 
    [11384] =>         function referencefilterhuerotateexactupdate(e)
    [11385] =>         {
    [11386] =>             referencefilterhuerotatenumber.value = Number(e.target.value);
    [11387] => 
    [11388] =>             referencefilterhuerotatenumberupdate();
    [11389] =>         }
    [11390] => 
    [11391] =>         function referencefilterhuerotateincrementload()
    [11392] =>         {
    [11393] =>             const br = document.createElement("br");
    [11394] =>             referencefilterhuerotate.append(br);
    [11395] => 
    [11396] =>             const array =
    [11397] =>             [
    [11398] =>                 //["-90",-90],
    [11399] =>                 ["-45",-45],
    [11400] =>                 ["-15",-15],
    [11401] =>                 ["-1",-1],
    [11402] =>                 ["+1",1],
    [11403] =>                 ["+15",15],
    [11404] =>                 ["+45",45],
    [11405] =>                 //["+90",90],
    [11406] =>             ];
    [11407] => 
    [11408] =>             for(const value of array)
    [11409] =>             {
    [11410] =>                 const button = document.createElement("button");
    [11411] =>                 button.innerHTML = value[0];
    [11412] =>                 button.value = value[1];
    [11413] =>                 button.addEventListener("click", referencefilterhuerotateincrementupdate);
    [11414] =>                 referencefilterhuerotate.append(button);
    [11415] =>             }
    [11416] =>         }
    [11417] =>         addEventListener("load", referencefilterhuerotateincrementload);
    [11418] => 
    [11419] =>         function referencefilterhuerotateincrementupdate(e)
    [11420] =>         {
    [11421] =>             const v = Number(referencefilterhuerotatenumber.value) + Number(e.target.value);
    [11422] => 
    [11423] =>             if((referencefilterhuerotatenumber.min <= v) && (v <= referencefilterhuerotatenumber.max))
    [11424] =>             {
    [11425] =>                 referencefilterhuerotatenumber.value = v;
    [11426] => 
    [11427] =>                 referencefilterhuerotatenumberupdate();
    [11428] =>             }
    [11429] =>         }
    [11430] => 
    [11431] => 
    [11432] => 
    [11433] =>         function referencefilterinvertload()
    [11434] =>         {
    [11435] =>             const div = document.createElement("div");
    [11436] =>             div.id = "referencefilterinvert";
    [11437] =>             div.innerHTML = "filter-invert";
    [11438] =>             tabcontentreference.append(div);
    [11439] => 
    [11440] =>             const style = div.style;
    [11441] =>             style.overflowY = "hidden";
    [11442] =>             style.whiteSpace = "nowrap";
    [11443] =>         }
    [11444] =>         addEventListener("load", referencefilterinvertload);
    [11445] => 
    [11446] =>         function referencefilterinvertnumberload()
    [11447] =>         {
    [11448] =>             const br = document.createElement("br");
    [11449] =>             referencefilterinvert.append(br);
    [11450] => 
    [11451] =>             const input = document.createElement("input");
    [11452] =>             input.id = "referencefilterinvertnumber";
    [11453] =>             input.max = 100;
    [11454] =>             input.min = 0;
    [11455] =>             input.step = 1;
    [11456] =>             input.type = "number";
    [11457] =>             input.value = 0;
    [11458] =>             input.addEventListener("input", referencefilterinvertnumberupdate);
    [11459] =>             referencefilterinvert.append(input);
    [11460] => 
    [11461] =>             //referencefilterinvertnumberset();
    [11462] =>         }
    [11463] =>         addEventListener("load", referencefilterinvertnumberload);
    [11464] => 
    [11465] =>         function referencefilterinvertnumberset()
    [11466] =>         {
    [11467] =>             const v = referencefilterinvertnumber.value;
    [11468] => 
    [11469] =>             referencefilterinvertrange.value = v;
    [11470] =>             text.referencebackdropfilterinvert = v;
    [11471] =>         }
    [11472] => 
    [11473] =>         function referencefilterinvertnumberupdate()
    [11474] =>         {
    [11475] =>             referencefilterinvertnumberset();
    [11476] =>             svgupdate();
    [11477] =>         }
    [11478] => 
    [11479] =>         function referencefilterinvertrangeload()
    [11480] =>         {
    [11481] =>             const input = document.createElement("input");
    [11482] =>             input.id = "referencefilterinvertrange";
    [11483] =>             input.max = referencefilterinvertnumber.max;
    [11484] =>             input.min = referencefilterinvertnumber.min;
    [11485] =>             input.step = referencefilterinvertnumber.step;
    [11486] =>             input.type = "range";
    [11487] =>             input.value = referencefilterinvertnumber.value;
    [11488] =>             input.addEventListener("input", referencefilterinvertrangeupdate);
    [11489] =>             referencefilterinvert.append(input);
    [11490] => 
    [11491] =>             referencefilterinvertrangeset();
    [11492] =>         }
    [11493] =>         addEventListener("load", referencefilterinvertrangeload);
    [11494] => 
    [11495] =>         function referencefilterinvertrangeset()
    [11496] =>         {
    [11497] =>             const v = referencefilterinvertrange.value;
    [11498] => 
    [11499] =>             referencefilterinvertnumber.value = v;
    [11500] =>             text.referencebackdropfilterinvert = v;
    [11501] =>         }
    [11502] => 
    [11503] =>         function referencefilterinvertrangeupdate()
    [11504] =>         {
    [11505] =>             referencefilterinvertrangeset();
    [11506] =>             svgupdate();
    [11507] =>         }
    [11508] => 
    [11509] =>         function referencefilterinvertexactload()
    [11510] =>         {
    [11511] =>             const br = document.createElement("br");
    [11512] =>             referencefilterinvert.append(br);
    [11513] => 
    [11514] =>             const array =
    [11515] =>             [
    [11516] =>                 ["0",0],
    [11517] =>                 ["25",25],
    [11518] =>                 ["50",50],
    [11519] =>                 ["75",75],
    [11520] =>                 ["100",100],
    [11521] =>             ];
    [11522] => 
    [11523] =>             for(const value of array)
    [11524] =>             {
    [11525] =>                 const button = document.createElement("button");
    [11526] =>                 button.innerHTML = value[0];
    [11527] =>                 button.value = value[1];
    [11528] =>                 button.addEventListener("click", referencefilterinvertexactupdate);
    [11529] =>                 referencefilterinvert.append(button);
    [11530] =>             }
    [11531] =>         }
    [11532] =>         addEventListener("load", referencefilterinvertexactload);
    [11533] => 
    [11534] =>         function referencefilterinvertexactupdate(e)
    [11535] =>         {
    [11536] =>             referencefilterinvertnumber.value = Number(e.target.value);
    [11537] => 
    [11538] =>             referencefilterinvertnumberupdate();
    [11539] =>         }
    [11540] => 
    [11541] =>         function referencefilterinvertincrementload()
    [11542] =>         {
    [11543] =>             const br = document.createElement("br");
    [11544] =>             referencefilterinvert.append(br);
    [11545] => 
    [11546] =>             const array =
    [11547] =>             [
    [11548] =>                 ["-10",-10],
    [11549] =>                 ["-1",-1],
    [11550] =>                 ["+1",1],
    [11551] =>                 ["+10",10],
    [11552] =>             ];
    [11553] => 
    [11554] =>             for(const value of array)
    [11555] =>             {
    [11556] =>                 const button = document.createElement("button");
    [11557] =>                 button.innerHTML = value[0];
    [11558] =>                 button.value = value[1];
    [11559] =>                 button.addEventListener("click", referencefilterinvertincrementupdate);
    [11560] =>                 referencefilterinvert.append(button);
    [11561] =>             }
    [11562] =>         }
    [11563] =>         addEventListener("load", referencefilterinvertincrementload);
    [11564] => 
    [11565] =>         function referencefilterinvertincrementupdate(e)
    [11566] =>         {
    [11567] =>             const v = Number(referencefilterinvertnumber.value) + Number(e.target.value);
    [11568] => 
    [11569] =>             if((referencefilterinvertnumber.min <= v) && (v <= referencefilterinvertnumber.max))
    [11570] =>             {
    [11571] =>                 referencefilterinvertnumber.value = v;
    [11572] => 
    [11573] =>                 referencefilterinvertnumberupdate();
    [11574] =>             }
    [11575] =>         }
    [11576] => 
    [11577] => 
    [11578] => 
    [11579] =>         function referencefiltersaturateload()
    [11580] =>         {
    [11581] =>             const div = document.createElement("div");
    [11582] =>             div.id = "referencefiltersaturate";
    [11583] =>             div.innerHTML = "filter-saturate";
    [11584] =>             tabcontentreference.append(div);
    [11585] => 
    [11586] =>             const style = div.style;
    [11587] =>             style.overflowY = "hidden";
    [11588] =>             style.whiteSpace = "nowrap";
    [11589] =>         }
    [11590] =>         addEventListener("load", referencefiltersaturateload);
    [11591] => 
    [11592] =>         function referencefiltersaturatenumberload()
    [11593] =>         {
    [11594] =>             const br = document.createElement("br");
    [11595] =>             referencefiltersaturate.append(br);
    [11596] => 
    [11597] =>             const input = document.createElement("input");
    [11598] =>             input.id = "referencefiltersaturatenumber";
    [11599] =>             input.max = 1000;
    [11600] =>             input.min = 0;
    [11601] =>             input.step = 1;
    [11602] =>             input.type = "number";
    [11603] =>             input.value = 100;
    [11604] =>             input.addEventListener("input", referencefiltersaturatenumberupdate);
    [11605] =>             referencefiltersaturate.append(input);
    [11606] => 
    [11607] =>             //referencefiltersaturatenumberset();
    [11608] =>         }
    [11609] =>         addEventListener("load", referencefiltersaturatenumberload);
    [11610] => 
    [11611] =>         function referencefiltersaturatenumberset()
    [11612] =>         {
    [11613] =>             const v = referencefiltersaturatenumber.value;
    [11614] => 
    [11615] =>             referencefiltersaturaterange.value = v;
    [11616] =>             text.referencebackdropfiltersaturate = v;
    [11617] =>         }
    [11618] => 
    [11619] =>         function referencefiltersaturatenumberupdate()
    [11620] =>         {
    [11621] =>             referencefiltersaturatenumberset();
    [11622] =>             svgupdate();
    [11623] =>         }
    [11624] => 
    [11625] =>         function referencefiltersaturaterangeload()
    [11626] =>         {
    [11627] =>             const input = document.createElement("input");
    [11628] =>             input.id = "referencefiltersaturaterange";
    [11629] =>             input.max = referencefiltersaturatenumber.max;
    [11630] =>             input.min = referencefiltersaturatenumber.min;
    [11631] =>             input.step = referencefiltersaturatenumber.step;
    [11632] =>             input.type = "range";
    [11633] =>             input.value = referencefiltersaturatenumber.value;
    [11634] =>             input.addEventListener("input", referencefiltersaturaterangeupdate);
    [11635] =>             referencefiltersaturate.append(input);
    [11636] => 
    [11637] =>             referencefiltersaturaterangeset();
    [11638] =>         }
    [11639] =>         addEventListener("load", referencefiltersaturaterangeload);
    [11640] => 
    [11641] =>         function referencefiltersaturaterangeset()
    [11642] =>         {
    [11643] =>             const v = referencefiltersaturaterange.value;
    [11644] => 
    [11645] =>             referencefiltersaturatenumber.value = v;
    [11646] =>             text.referencebackdropfiltersaturate = v;
    [11647] =>         }
    [11648] => 
    [11649] =>         function referencefiltersaturaterangeupdate()
    [11650] =>         {
    [11651] =>             referencefiltersaturaterangeset();
    [11652] =>             svgupdate();
    [11653] =>         }
    [11654] => 
    [11655] =>         function referencefiltersaturateexactload()
    [11656] =>         {
    [11657] =>             const br = document.createElement("br");
    [11658] =>             referencefiltersaturate.append(br);
    [11659] => 
    [11660] =>             const array =
    [11661] =>             [
    [11662] =>                 ["0",0],
    [11663] =>                 ["50",50],
    [11664] =>                 ["100 (initial)",100],
    [11665] =>                 ["150",150],
    [11666] =>                 ["200",200],
    [11667] =>             ];
    [11668] => 
    [11669] =>             for(const value of array)
    [11670] =>             {
    [11671] =>                 const button = document.createElement("button");
    [11672] =>                 button.innerHTML = value[0];
    [11673] =>                 button.value = value[1];
    [11674] =>                 button.addEventListener("click", referencefiltersaturateexactupdate);
    [11675] =>                 referencefiltersaturate.append(button);
    [11676] =>             }
    [11677] =>         }
    [11678] =>         addEventListener("load", referencefiltersaturateexactload);
    [11679] => 
    [11680] =>         function referencefiltersaturateexactupdate(e)
    [11681] =>         {
    [11682] =>             referencefiltersaturatenumber.value = Number(e.target.value);
    [11683] => 
    [11684] =>             referencefiltersaturatenumberupdate();
    [11685] =>         }
    [11686] => 
    [11687] =>         function referencefiltersaturateincrementload()
    [11688] =>         {
    [11689] =>             const br = document.createElement("br");
    [11690] =>             referencefiltersaturate.append(br);
    [11691] => 
    [11692] =>             const array =
    [11693] =>             [
    [11694] =>                 ["-100",-100],
    [11695] =>                 ["-10",-10],
    [11696] =>                 ["-1",-1],
    [11697] =>                 ["+1",1],
    [11698] =>                 ["+10",10],
    [11699] =>                 ["+100",100],
    [11700] =>             ];
    [11701] => 
    [11702] =>             for(const value of array)
    [11703] =>             {
    [11704] =>                 const button = document.createElement("button");
    [11705] =>                 button.innerHTML = value[0];
    [11706] =>                 button.value = value[1];
    [11707] =>                 button.addEventListener("click", referencefiltersaturateincrementupdate);
    [11708] =>                 referencefiltersaturate.append(button);
    [11709] =>             }
    [11710] =>         }
    [11711] =>         addEventListener("load", referencefiltersaturateincrementload);
    [11712] => 
    [11713] =>         function referencefiltersaturateincrementupdate(e)
    [11714] =>         {
    [11715] =>             const v = Number(referencefiltersaturatenumber.value) + Number(e.target.value);
    [11716] => 
    [11717] =>             if((referencefiltersaturatenumber.min <= v) && (v <= referencefiltersaturatenumber.max))
    [11718] =>             {
    [11719] =>                 referencefiltersaturatenumber.value = v;
    [11720] => 
    [11721] =>                 referencefiltersaturatenumberupdate();
    [11722] =>             }
    [11723] =>         }
    [11724] => 
    [11725] => 
    [11726] => 
    [11727] =>         function referencefiltersepiaload()
    [11728] =>         {
    [11729] =>             const div = document.createElement("div");
    [11730] =>             div.id = "referencefiltersepia";
    [11731] =>             div.innerHTML = "filter-sepia";
    [11732] =>             tabcontentreference.append(div);
    [11733] => 
    [11734] =>             const style = div.style;
    [11735] =>             style.overflowY = "hidden";
    [11736] =>             style.whiteSpace = "nowrap";
    [11737] =>         }
    [11738] =>         addEventListener("load", referencefiltersepiaload);
    [11739] => 
    [11740] =>         function referencefiltersepianumberload()
    [11741] =>         {
    [11742] =>             const br = document.createElement("br");
    [11743] =>             referencefiltersepia.append(br);
    [11744] => 
    [11745] =>             const input = document.createElement("input");
    [11746] =>             input.id = "referencefiltersepianumber";
    [11747] =>             input.max = 100;
    [11748] =>             input.min = 0;
    [11749] =>             input.step = 1;
    [11750] =>             input.type = "number";
    [11751] =>             input.value = 0;
    [11752] =>             input.addEventListener("input", referencefiltersepianumberupdate);
    [11753] =>             referencefiltersepia.append(input);
    [11754] => 
    [11755] =>             //referencefiltersepianumberset();
    [11756] =>         }
    [11757] =>         addEventListener("load", referencefiltersepianumberload);
    [11758] => 
    [11759] =>         function referencefiltersepianumberset()
    [11760] =>         {
    [11761] =>             const v = referencefiltersepianumber.value;
    [11762] => 
    [11763] =>             referencefiltersepiarange.value = v;
    [11764] =>             text.referencebackdropfiltersepia = v;
    [11765] =>         }
    [11766] => 
    [11767] =>         function referencefiltersepianumberupdate()
    [11768] =>         {
    [11769] =>             referencefiltersepianumberset();
    [11770] =>             svgupdate();
    [11771] =>         }
    [11772] => 
    [11773] =>         function referencefiltersepiarangeload()
    [11774] =>         {
    [11775] =>             const input = document.createElement("input");
    [11776] =>             input.id = "referencefiltersepiarange";
    [11777] =>             input.max = referencefiltersepianumber.max;
    [11778] =>             input.min = referencefiltersepianumber.min;
    [11779] =>             input.step = referencefiltersepianumber.step;
    [11780] =>             input.type = "range";
    [11781] =>             input.value = referencefiltersepianumber.value;
    [11782] =>             input.addEventListener("input", referencefiltersepiarangeupdate);
    [11783] =>             referencefiltersepia.append(input);
    [11784] => 
    [11785] =>             referencefiltersepiarangeset();
    [11786] =>         }
    [11787] =>         addEventListener("load", referencefiltersepiarangeload);
    [11788] => 
    [11789] =>         function referencefiltersepiarangeset()
    [11790] =>         {
    [11791] =>             const v = referencefiltersepiarange.value;
    [11792] => 
    [11793] =>             referencefiltersepianumber.value = v;
    [11794] =>             text.referencebackdropfiltersepia = v;
    [11795] =>         }
    [11796] => 
    [11797] =>         function referencefiltersepiarangeupdate()
    [11798] =>         {
    [11799] =>             referencefiltersepiarangeset();
    [11800] =>             svgupdate();
    [11801] =>         }
    [11802] => 
    [11803] =>         function referencefiltersepiaexactload()
    [11804] =>         {
    [11805] =>             const br = document.createElement("br");
    [11806] =>             referencefiltersepia.append(br);
    [11807] => 
    [11808] =>             const array =
    [11809] =>             [
    [11810] =>                 ["0",0],
    [11811] =>                 ["25",25],
    [11812] =>                 ["50",50],
    [11813] =>                 ["75",75],
    [11814] =>                 ["100",100],
    [11815] =>             ];
    [11816] => 
    [11817] =>             for(const value of array)
    [11818] =>             {
    [11819] =>                 const button = document.createElement("button");
    [11820] =>                 button.innerHTML = value[0];
    [11821] =>                 button.value = value[1];
    [11822] =>                 button.addEventListener("click", referencefiltersepiaexactupdate);
    [11823] =>                 referencefiltersepia.append(button);
    [11824] =>             }
    [11825] =>         }
    [11826] =>         addEventListener("load", referencefiltersepiaexactload);
    [11827] => 
    [11828] =>         function referencefiltersepiaexactupdate(e)
    [11829] =>         {
    [11830] =>             referencefiltersepianumber.value = Number(e.target.value);
    [11831] => 
    [11832] =>             referencefiltersepianumberupdate();
    [11833] =>         }
    [11834] => 
    [11835] =>         function referencefiltersepiaincrementload()
    [11836] =>         {
    [11837] =>             const br = document.createElement("br");
    [11838] =>             referencefiltersepia.append(br);
    [11839] => 
    [11840] =>             const array =
    [11841] =>             [
    [11842] =>                 ["-10",-10],
    [11843] =>                 ["-1",-1],
    [11844] =>                 ["+1",1],
    [11845] =>                 ["+10",10],
    [11846] =>             ];
    [11847] => 
    [11848] =>             for(const value of array)
    [11849] =>             {
    [11850] =>                 const button = document.createElement("button");
    [11851] =>                 button.innerHTML = value[0];
    [11852] =>                 button.value = value[1];
    [11853] =>                 button.addEventListener("click", referencefiltersepiaincrementupdate);
    [11854] =>                 referencefiltersepia.append(button);
    [11855] =>             }
    [11856] =>         }
    [11857] =>         addEventListener("load", referencefiltersepiaincrementload);
    [11858] => 
    [11859] =>         function referencefiltersepiaincrementupdate(e)
    [11860] =>         {
    [11861] =>             const v = Number(referencefiltersepianumber.value) + Number(e.target.value);
    [11862] => 
    [11863] =>             if((referencefiltersepianumber.min <= v) && (v <= referencefiltersepianumber.max))
    [11864] =>             {
    [11865] =>                 referencefiltersepianumber.value = v;
    [11866] => 
    [11867] =>                 referencefiltersepianumberupdate();
    [11868] =>             }
    [11869] =>         }
    [11870] => //*/
    [11871] => 
    [11872] => 
    [11873] => 
    [11874] => /*
    [11875] =>         function referencemargintopload()
    [11876] =>         {
    [11877] =>             const div = document.createElement("div");
    [11878] =>             div.id = "referencemargintop";
    [11879] =>             div.innerHTML = "margin-top";
    [11880] =>             tabcontentreference.append(div);
    [11881] =>         }
    [11882] =>         addEventListener("load", referencemargintopload);
    [11883] => 
    [11884] =>         function referencemargintopnumberload()
    [11885] =>         {
    [11886] =>             const br = document.createElement("br");
    [11887] =>             referencemargintop.append(br);
    [11888] => 
    [11889] =>             const input = document.createElement("input");
    [11890] =>             input.id = "referencemargintopnumber";
    [11891] =>             input.max = 1000;
    [11892] =>             input.min = 0;
    [11893] =>             input.type = "number";
    [11894] =>             input.value = 0;
    [11895] =>             input.addEventListener("input", referencemargintopnumberupdate);
    [11896] =>             referencemargintop.append(input);
    [11897] => 
    [11898] =>             //referencemargintopnumberset();
    [11899] =>         }
    [11900] =>         addEventListener("load", referencemargintopnumberload);
    [11901] => 
    [11902] =>         function referencemargintopnumberset()
    [11903] =>         {
    [11904] =>             const v = Number(referencemargintopnumber.value);
    [11905] => 
    [11906] =>             referencemargintoprange.value = v;
    [11907] =>             text.referencemargintop = v;
    [11908] =>         }
    [11909] => 
    [11910] =>         function referencemargintopnumberupdate()
    [11911] =>         {
    [11912] =>             referencemargintopnumberset();
    [11913] => 
    [11914] =>             svgupdate();
    [11915] =>         }
    [11916] => 
    [11917] =>         function referencemargintoprangeload()
    [11918] =>         {
    [11919] =>             const input = document.createElement("input");
    [11920] =>             input.id = "referencemargintoprange";
    [11921] =>             input.max = referencemargintopnumber.max;
    [11922] =>             input.min = referencemargintopnumber.min;
    [11923] =>             input.type = "range";
    [11924] =>             input.value = referencemargintopnumber.value;
    [11925] =>             input.addEventListener("input", referencemargintoprangeupdate);
    [11926] =>             referencemargintop.append(input);
    [11927] => 
    [11928] =>             referencemargintoprangeset();
    [11929] =>         }
    [11930] =>         addEventListener("load", referencemargintoprangeload);
    [11931] => 
    [11932] =>         function referencemargintoprangeset()
    [11933] =>         {
    [11934] =>             const v = Number(referencemargintoprange.value);
    [11935] => 
    [11936] =>             referencemargintopnumber.value = v;
    [11937] =>             text.referencemargintop = v;
    [11938] =>         }
    [11939] => 
    [11940] =>         function referencemargintoprangeupdate()
    [11941] =>         {
    [11942] =>             referencemargintoprangeset();
    [11943] => 
    [11944] =>             svgupdate();
    [11945] =>         }
    [11946] => 
    [11947] => 
    [11948] => 
    [11949] =>         function referencemarginbottomload()
    [11950] =>         {
    [11951] =>             const div = document.createElement("div");
    [11952] =>             div.id = "referencemarginbottom";
    [11953] =>             div.innerHTML = "margin-bottom";
    [11954] =>             tabcontentreference.append(div);
    [11955] =>         }
    [11956] =>         addEventListener("load", referencemarginbottomload);
    [11957] => 
    [11958] =>         function referencemarginbottomnumberload()
    [11959] =>         {
    [11960] =>             const br = document.createElement("br");
    [11961] =>             referencemarginbottom.append(br);
    [11962] => 
    [11963] =>             const input = document.createElement("input");
    [11964] =>             input.id = "referencemarginbottomnumber";
    [11965] =>             input.max = 1000;
    [11966] =>             input.min = 0;
    [11967] =>             input.type = "number";
    [11968] =>             input.value = 0;
    [11969] =>             input.addEventListener("input", referencemarginbottomnumberupdate);
    [11970] =>             referencemarginbottom.append(input);
    [11971] => 
    [11972] =>             //referencemarginbottomnumberset();
    [11973] =>         }
    [11974] =>         addEventListener("load", referencemarginbottomnumberload);
    [11975] => 
    [11976] =>         function referencemarginbottomnumberset()
    [11977] =>         {
    [11978] =>             const v = Number(referencemarginbottomnumber.value);
    [11979] => 
    [11980] =>             referencemarginbottomrange.value = v;
    [11981] =>             text.referencemarginbottom = v;
    [11982] =>         }
    [11983] => 
    [11984] =>         function referencemarginbottomnumberupdate()
    [11985] =>         {
    [11986] =>             referencemarginbottomnumberset();
    [11987] => 
    [11988] =>             svgupdate();
    [11989] =>         }
    [11990] => 
    [11991] =>         function referencemarginbottomrangeload()
    [11992] =>         {
    [11993] =>             const input = document.createElement("input");
    [11994] =>             input.id = "referencemarginbottomrange";
    [11995] =>             input.max = referencemarginbottomnumber.max;
    [11996] =>             input.min = referencemarginbottomnumber.min;
    [11997] =>             input.type = "range";
    [11998] =>             input.value = referencemarginbottomnumber.value;
    [11999] =>             input.addEventListener("input", referencemarginbottomrangeupdate);
    [12000] =>             referencemarginbottom.append(input);
    [12001] => 
    [12002] =>             referencemarginbottomrangeset();
    [12003] =>         }
    [12004] =>         addEventListener("load", referencemarginbottomrangeload);
    [12005] => 
    [12006] =>         function referencemarginbottomrangeset()
    [12007] =>         {
    [12008] =>             const v = Number(referencemarginbottomrange.value);
    [12009] => 
    [12010] =>             referencemarginbottomnumber.value = v;
    [12011] =>             text.referencemarginbottom = v;
    [12012] =>         }
    [12013] => 
    [12014] =>         function referencemarginbottomrangeupdate()
    [12015] =>         {
    [12016] =>             referencemarginbottomrangeset();
    [12017] => 
    [12018] =>             svgupdate();
    [12019] =>         }
    [12020] => 
    [12021] => 
    [12022] => 
    [12023] =>         function referencemarginleftload()
    [12024] =>         {
    [12025] =>             const div = document.createElement("div");
    [12026] =>             div.id = "referencemarginleft";
    [12027] =>             div.innerHTML = "margin-left";
    [12028] =>             tabcontentreference.append(div);
    [12029] =>         }
    [12030] =>         addEventListener("load", referencemarginleftload);
    [12031] => 
    [12032] =>         function referencemarginleftnumberload()
    [12033] =>         {
    [12034] =>             const br = document.createElement("br");
    [12035] =>             referencemarginleft.append(br);
    [12036] => 
    [12037] =>             const input = document.createElement("input");
    [12038] =>             input.id = "referencemarginleftnumber";
    [12039] =>             input.max = 1000;
    [12040] =>             input.min = 0;
    [12041] =>             input.type = "number";
    [12042] =>             input.value = 0;
    [12043] =>             input.addEventListener("input", referencemarginleftnumberupdate);
    [12044] =>             referencemarginleft.append(input);
    [12045] => 
    [12046] =>             //referencemarginleftnumberset();
    [12047] =>         }
    [12048] =>         addEventListener("load", referencemarginleftnumberload);
    [12049] => 
    [12050] =>         function referencemarginleftnumberset()
    [12051] =>         {
    [12052] =>             const v = Number(referencemarginleftnumber.value);
    [12053] => 
    [12054] =>             referencemarginleftrange.value = v;
    [12055] =>             text.referencemarginleft = v;
    [12056] =>         }
    [12057] => 
    [12058] =>         function referencemarginleftnumberupdate()
    [12059] =>         {
    [12060] =>             referencemarginleftnumberset();
    [12061] => 
    [12062] =>             svgupdate();
    [12063] =>         }
    [12064] => 
    [12065] =>         function referencemarginleftrangeload()
    [12066] =>         {
    [12067] =>             const input = document.createElement("input");
    [12068] =>             input.id = "referencemarginleftrange";
    [12069] =>             input.max = referencemarginleftnumber.max;
    [12070] =>             input.min = referencemarginleftnumber.min;
    [12071] =>             input.type = "range";
    [12072] =>             input.value = referencemarginleftnumber.value;
    [12073] =>             input.addEventListener("input", referencemarginleftrangeupdate);
    [12074] =>             referencemarginleft.append(input);
    [12075] => 
    [12076] =>             referencemarginleftrangeset();
    [12077] =>         }
    [12078] =>         addEventListener("load", referencemarginleftrangeload);
    [12079] => 
    [12080] =>         function referencemarginleftrangeset()
    [12081] =>         {
    [12082] =>             const v = Number(referencemarginleftrange.value);
    [12083] => 
    [12084] =>             referencemarginleftnumber.value = v;
    [12085] =>             text.referencemarginleft = v;
    [12086] =>         }
    [12087] => 
    [12088] =>         function referencemarginleftrangeupdate()
    [12089] =>         {
    [12090] =>             referencemarginleftrangeset();
    [12091] => 
    [12092] =>             svgupdate();
    [12093] =>         }
    [12094] => 
    [12095] => 
    [12096] => 
    [12097] =>         function referencemarginrightload()
    [12098] =>         {
    [12099] =>             const div = document.createElement("div");
    [12100] =>             div.id = "referencemarginright";
    [12101] =>             div.innerHTML = "margin-right";
    [12102] =>             tabcontentreference.append(div);
    [12103] =>         }
    [12104] =>         addEventListener("load", referencemarginrightload);
    [12105] => 
    [12106] =>         function referencemarginrightnumberload()
    [12107] =>         {
    [12108] =>             const br = document.createElement("br");
    [12109] =>             referencemarginright.append(br);
    [12110] => 
    [12111] =>             const input = document.createElement("input");
    [12112] =>             input.id = "referencemarginrightnumber";
    [12113] =>             input.max = 1000;
    [12114] =>             input.min = 0;
    [12115] =>             input.type = "number";
    [12116] =>             input.value = 0;
    [12117] =>             input.addEventListener("input", referencemarginrightnumberupdate);
    [12118] =>             referencemarginright.append(input);
    [12119] => 
    [12120] =>             //referencemarginrightnumberset();
    [12121] =>         }
    [12122] =>         addEventListener("load", referencemarginrightnumberload);
    [12123] => 
    [12124] =>         function referencemarginrightnumberset()
    [12125] =>         {
    [12126] =>             const v = Number(referencemarginrightnumber.value);
    [12127] => 
    [12128] =>             referencemarginrightrange.value = v;
    [12129] =>             text.referencemarginright = v;
    [12130] =>         }
    [12131] => 
    [12132] =>         function referencemarginrightnumberupdate()
    [12133] =>         {
    [12134] =>             referencemarginrightnumberset();
    [12135] => 
    [12136] =>             svgupdate();
    [12137] =>         }
    [12138] => 
    [12139] =>         function referencemarginrightrangeload()
    [12140] =>         {
    [12141] =>             const input = document.createElement("input");
    [12142] =>             input.id = "referencemarginrightrange";
    [12143] =>             input.max = referencemarginrightnumber.max;
    [12144] =>             input.min = referencemarginrightnumber.min;
    [12145] =>             input.type = "range";
    [12146] =>             input.value = referencemarginrightnumber.value;
    [12147] =>             input.addEventListener("input", referencemarginrightrangeupdate);
    [12148] =>             referencemarginright.append(input);
    [12149] => 
    [12150] =>             referencemarginrightrangeset();
    [12151] =>         }
    [12152] =>         addEventListener("load", referencemarginrightrangeload);
    [12153] => 
    [12154] =>         function referencemarginrightrangeset()
    [12155] =>         {
    [12156] =>             const v = Number(referencemarginrightrange.value);
    [12157] => 
    [12158] =>             referencemarginrightnumber.value = v;
    [12159] =>             text.referencemarginright = v;
    [12160] =>         }
    [12161] => 
    [12162] =>         function referencemarginrightrangeupdate()
    [12163] =>         {
    [12164] =>             referencemarginrightrangeset();
    [12165] => 
    [12166] =>             svgupdate();
    [12167] =>         }
    [12168] => 
    [12169] => 
    [12170] => 
    [12171] =>         function referencepaddingtopload()
    [12172] =>         {
    [12173] =>             const div = document.createElement("div");
    [12174] =>             div.id = "referencepaddingtop";
    [12175] =>             div.innerHTML = "padding-top";
    [12176] =>             tabcontentreference.append(div);
    [12177] =>         }
    [12178] =>         addEventListener("load", referencepaddingtopload);
    [12179] => 
    [12180] =>         function referencepaddingtopnumberload()
    [12181] =>         {
    [12182] =>             const br = document.createElement("br");
    [12183] =>             referencepaddingtop.append(br);
    [12184] => 
    [12185] =>             const input = document.createElement("input");
    [12186] =>             input.id = "referencepaddingtopnumber";
    [12187] =>             input.max = 1000;
    [12188] =>             input.min = 0;
    [12189] =>             input.type = "number";
    [12190] =>             input.value = 0;
    [12191] =>             input.addEventListener("input", referencepaddingtopnumberupdate);
    [12192] =>             referencepaddingtop.append(input);
    [12193] => 
    [12194] =>             //referencepaddingtopnumberset();
    [12195] =>         }
    [12196] =>         addEventListener("load", referencepaddingtopnumberload);
    [12197] => 
    [12198] =>         function referencepaddingtopnumberset()
    [12199] =>         {
    [12200] =>             const v = Number(referencepaddingtopnumber.value);
    [12201] => 
    [12202] =>             referencepaddingtoprange.value = v;
    [12203] =>             text.referencepaddingtop = v;
    [12204] =>         }
    [12205] => 
    [12206] =>         function referencepaddingtopnumberupdate()
    [12207] =>         {
    [12208] =>             referencepaddingtopnumberset();
    [12209] => 
    [12210] =>             svgupdate();
    [12211] =>         }
    [12212] => 
    [12213] =>         function referencepaddingtoprangeload()
    [12214] =>         {
    [12215] =>             const input = document.createElement("input");
    [12216] =>             input.id = "referencepaddingtoprange";
    [12217] =>             input.max = referencepaddingtopnumber.max;
    [12218] =>             input.min = referencepaddingtopnumber.min;
    [12219] =>             input.type = "range";
    [12220] =>             input.value = referencepaddingtopnumber.value;
    [12221] =>             input.addEventListener("input", referencepaddingtoprangeupdate);
    [12222] =>             referencepaddingtop.append(input);
    [12223] => 
    [12224] =>             referencepaddingtoprangeset();
    [12225] =>         }
    [12226] =>         addEventListener("load", referencepaddingtoprangeload);
    [12227] => 
    [12228] =>         function referencepaddingtoprangeset()
    [12229] =>         {
    [12230] =>             const v = Number(referencepaddingtoprange.value);
    [12231] => 
    [12232] =>             referencepaddingtopnumber.value = v;
    [12233] =>             text.referencepaddingtop = v;
    [12234] =>         }
    [12235] => 
    [12236] =>         function referencepaddingtoprangeupdate()
    [12237] =>         {
    [12238] =>             referencepaddingtoprangeset();
    [12239] => 
    [12240] =>             svgupdate();
    [12241] =>         }
    [12242] => 
    [12243] => 
    [12244] => 
    [12245] =>         function referencepaddingbottomload()
    [12246] =>         {
    [12247] =>             const div = document.createElement("div");
    [12248] =>             div.id = "referencepaddingbottom";
    [12249] =>             div.innerHTML = "padding-bottom";
    [12250] =>             tabcontentreference.append(div);
    [12251] =>         }
    [12252] =>         addEventListener("load", referencepaddingbottomload);
    [12253] => 
    [12254] =>         function referencepaddingbottomnumberload()
    [12255] =>         {
    [12256] =>             const br = document.createElement("br");
    [12257] =>             referencepaddingbottom.append(br);
    [12258] => 
    [12259] =>             const input = document.createElement("input");
    [12260] =>             input.id = "referencepaddingbottomnumber";
    [12261] =>             input.max = 1000;
    [12262] =>             input.min = 0;
    [12263] =>             input.type = "number";
    [12264] =>             input.value = 0;
    [12265] =>             input.addEventListener("input", referencepaddingbottomnumberupdate);
    [12266] =>             referencepaddingbottom.append(input);
    [12267] => 
    [12268] =>             //referencepaddingbottomnumberset();
    [12269] =>         }
    [12270] =>         addEventListener("load", referencepaddingbottomnumberload);
    [12271] => 
    [12272] =>         function referencepaddingbottomnumberset()
    [12273] =>         {
    [12274] =>             const v = Number(referencepaddingbottomnumber.value);
    [12275] => 
    [12276] =>             referencepaddingbottomrange.value = v;
    [12277] =>             text.referencepaddingbottom = v;
    [12278] =>         }
    [12279] => 
    [12280] =>         function referencepaddingbottomnumberupdate()
    [12281] =>         {
    [12282] =>             referencepaddingbottomnumberset();
    [12283] => 
    [12284] =>             svgupdate();
    [12285] =>         }
    [12286] => 
    [12287] =>         function referencepaddingbottomrangeload()
    [12288] =>         {
    [12289] =>             const input = document.createElement("input");
    [12290] =>             input.id = "referencepaddingbottomrange";
    [12291] =>             input.max = referencepaddingbottomnumber.max;
    [12292] =>             input.min = referencepaddingbottomnumber.min;
    [12293] =>             input.type = "range";
    [12294] =>             input.value = referencepaddingbottomnumber.value;
    [12295] =>             input.addEventListener("input", referencepaddingbottomrangeupdate);
    [12296] =>             referencepaddingbottom.append(input);
    [12297] => 
    [12298] =>             referencepaddingbottomrangeset();
    [12299] =>         }
    [12300] =>         addEventListener("load", referencepaddingbottomrangeload);
    [12301] => 
    [12302] =>         function referencepaddingbottomrangeset()
    [12303] =>         {
    [12304] =>             const v = Number(referencepaddingbottomrange.value);
    [12305] => 
    [12306] =>             referencepaddingbottomnumber.value = v;
    [12307] =>             text.referencepaddingbottom = v;
    [12308] =>         }
    [12309] => 
    [12310] =>         function referencepaddingbottomrangeupdate()
    [12311] =>         {
    [12312] =>             referencepaddingbottomrangeset();
    [12313] => 
    [12314] =>             svgupdate();
    [12315] =>         }
    [12316] => 
    [12317] => 
    [12318] => 
    [12319] =>         function referencepaddingleftload()
    [12320] =>         {
    [12321] =>             const div = document.createElement("div");
    [12322] =>             div.id = "referencepaddingleft";
    [12323] =>             div.innerHTML = "padding-left";
    [12324] =>             tabcontentreference.append(div);
    [12325] =>         }
    [12326] =>         addEventListener("load", referencepaddingleftload);
    [12327] => 
    [12328] =>         function referencepaddingleftnumberload()
    [12329] =>         {
    [12330] =>             const br = document.createElement("br");
    [12331] =>             referencepaddingleft.append(br);
    [12332] => 
    [12333] =>             const input = document.createElement("input");
    [12334] =>             input.id = "referencepaddingleftnumber";
    [12335] =>             input.max = 1000;
    [12336] =>             input.min = 0;
    [12337] =>             input.type = "number";
    [12338] =>             input.value = 0;
    [12339] =>             input.addEventListener("input", referencepaddingleftnumberupdate);
    [12340] =>             referencepaddingleft.append(input);
    [12341] => 
    [12342] =>             //referencepaddingleftnumberset();
    [12343] =>         }
    [12344] =>         addEventListener("load", referencepaddingleftnumberload);
    [12345] => 
    [12346] =>         function referencepaddingleftnumberset()
    [12347] =>         {
    [12348] =>             const v = Number(referencepaddingleftnumber.value);
    [12349] => 
    [12350] =>             referencepaddingleftrange.value = v;
    [12351] =>             text.referencepaddingleft = v;
    [12352] =>         }
    [12353] => 
    [12354] =>         function referencepaddingleftnumberupdate()
    [12355] =>         {
    [12356] =>             referencepaddingleftnumberset();
    [12357] => 
    [12358] =>             svgupdate();
    [12359] =>         }
    [12360] => 
    [12361] =>         function referencepaddingleftrangeload()
    [12362] =>         {
    [12363] =>             const input = document.createElement("input");
    [12364] =>             input.id = "referencepaddingleftrange";
    [12365] =>             input.max = referencepaddingleftnumber.max;
    [12366] =>             input.min = referencepaddingleftnumber.min;
    [12367] =>             input.type = "range";
    [12368] =>             input.value = referencepaddingleftnumber.value;
    [12369] =>             input.addEventListener("input", referencepaddingleftrangeupdate);
    [12370] =>             referencepaddingleft.append(input);
    [12371] => 
    [12372] =>             referencepaddingleftrangeset();
    [12373] =>         }
    [12374] =>         addEventListener("load", referencepaddingleftrangeload);
    [12375] => 
    [12376] => 
    [12377] =>         function referencepaddingleftrangeset()
    [12378] =>         {
    [12379] =>             const v = Number(referencepaddingleftrange.value);
    [12380] => 
    [12381] =>             referencepaddingleftnumber.value = v;
    [12382] =>             text.referencepaddingleft = v;
    [12383] =>         }
    [12384] => 
    [12385] =>         function referencepaddingleftrangeupdate()
    [12386] =>         {
    [12387] =>             referencepaddingleftrangeset();
    [12388] => 
    [12389] =>             svgupdate();
    [12390] =>         }
    [12391] => 
    [12392] => 
    [12393] => 
    [12394] =>         function referencepaddingrightload()
    [12395] =>         {
    [12396] =>             const div = document.createElement("div");
    [12397] =>             div.id = "referencepaddingright";
    [12398] =>             div.innerHTML = "padding-right";
    [12399] =>             tabcontentreference.append(div);
    [12400] =>         }
    [12401] =>         addEventListener("load", referencepaddingrightload);
    [12402] => 
    [12403] =>         function referencepaddingrightnumberload()
    [12404] =>         {
    [12405] =>             const br = document.createElement("br");
    [12406] =>             referencepaddingright.append(br);
    [12407] => 
    [12408] =>             const input = document.createElement("input");
    [12409] =>             input.id = "referencepaddingrightnumber";
    [12410] =>             input.max = 1000;
    [12411] =>             input.min = 0;
    [12412] =>             input.type = "number";
    [12413] =>             input.value = 0;
    [12414] =>             input.addEventListener("input", referencepaddingrightnumberupdate);
    [12415] =>             referencepaddingright.append(input);
    [12416] => 
    [12417] =>             //referencepaddingrightnumberset();
    [12418] =>         }
    [12419] =>         addEventListener("load", referencepaddingrightnumberload);
    [12420] => 
    [12421] =>         function referencepaddingrightnumberset()
    [12422] =>         {
    [12423] =>             const v = Number(referencepaddingrightnumber.value);
    [12424] => 
    [12425] =>             referencepaddingrightrange.value = v;
    [12426] =>             text.referencepaddingright = v;
    [12427] =>         }
    [12428] => 
    [12429] =>         function referencepaddingrightnumberupdate()
    [12430] =>         {
    [12431] =>             referencepaddingrightnumberset();
    [12432] => 
    [12433] =>             svgupdate();
    [12434] =>         }
    [12435] => 
    [12436] =>         function referencepaddingrightrangeload()
    [12437] =>         {
    [12438] =>             const input = document.createElement("input");
    [12439] =>             input.id = "referencepaddingrightrange";
    [12440] =>             input.max = referencepaddingrightnumber.max;
    [12441] =>             input.min = referencepaddingrightnumber.min;
    [12442] =>             input.type = "range";
    [12443] =>             input.value = referencepaddingrightnumber.value;
    [12444] =>             input.addEventListener("input", referencepaddingrightrangeupdate);
    [12445] =>             referencepaddingright.append(input);
    [12446] => 
    [12447] =>             referencepaddingrightrangeset();
    [12448] =>         }
    [12449] =>         addEventListener("load", referencepaddingrightrangeload);
    [12450] => 
    [12451] =>         function referencepaddingrightrangeset()
    [12452] =>         {
    [12453] =>             const v = Number(referencepaddingrightrange.value);
    [12454] => 
    [12455] =>             referencepaddingrightnumber.value = v;
    [12456] =>             text.referencepaddingright = v;
    [12457] =>         }
    [12458] => 
    [12459] =>         function referencepaddingrightrangeupdate()
    [12460] =>         {
    [12461] =>             referencepaddingrightrangeset();
    [12462] => 
    [12463] =>             svgupdate();
    [12464] =>         }
    [12465] => //*/
    [12466] => 
    [12467] => 
    [12468] => 
    [12469] => 
    [12470] => 
    [12471] => 
    [12472] =>         function passagewidthload()
    [12473] =>         {
    [12474] =>             const div = document.createElement("div");
    [12475] =>             div.id = "passagewidth";
    [12476] =>             div.innerHTML = "width";
    [12477] =>             tabcontentpassage.append(div);
    [12478] => 
    [12479] =>             const style = div.style;
    [12480] =>             style.overflowY = "hidden";
    [12481] =>             style.whiteSpace = "nowrap";
    [12482] =>         }
    [12483] =>         addEventListener("load", passagewidthload);
    [12484] => 
    [12485] =>         function passagewidthnumberload()
    [12486] =>         {
    [12487] =>             const br = document.createElement("br");
    [12488] =>             passagewidth.append(br);
    [12489] => 
    [12490] =>             const input = document.createElement("input");
    [12491] =>             input.id = "passagewidthnumber";
    [12492] =>             input.max = maxwidth;
    [12493] =>             input.min = 0;
    [12494] =>             input.type = "number";
    [12495] =>             input.value = canvas.width - 100;
    [12496] =>             input.addEventListener("input", passagewidthnumberupdate);
    [12497] =>             passagewidth.append(input);
    [12498] => 
    [12499] =>             //passagewidthnumberset();
    [12500] =>         }
    [12501] =>         addEventListener("load", passagewidthnumberload);
    [12502] => 
    [12503] =>         function passagewidthnumberset()
    [12504] =>         {
    [12505] =>             const v = Number(passagewidthnumber.value);
    [12506] => 
    [12507] =>             passagewidthrange.value = v;
    [12508] =>             text.passagewidth = v;
    [12509] =>         }
    [12510] => 
    [12511] =>         function passagewidthnumberupdate()
    [12512] =>         {
    [12513] =>             passagewidthnumberset();
    [12514] =>             svgupdate();
    [12515] =>         }
    [12516] => 
    [12517] =>         function passagewidthrangeload()
    [12518] =>         {
    [12519] =>             const input = document.createElement("input");
    [12520] =>             input.id = "passagewidthrange";
    [12521] =>             input.max = passagewidthnumber.max;
    [12522] =>             input.min = passagewidthnumber.min;
    [12523] =>             input.type = "range";
    [12524] =>             input.value = passagewidthnumber.value;
    [12525] =>             input.addEventListener("input", passagewidthrangeupdate);
    [12526] =>             passagewidth.append(input);
    [12527] => 
    [12528] =>             passagewidthrangeset();
    [12529] =>         }
    [12530] =>         addEventListener("load", passagewidthrangeload);
    [12531] => 
    [12532] =>         function passagewidthrangeset()
    [12533] =>         {
    [12534] =>             const v = Number(passagewidthrange.value);
    [12535] => 
    [12536] =>             passagewidthnumber.value = v;
    [12537] =>             text.passagewidth = v;
    [12538] =>         }
    [12539] => 
    [12540] =>         function passagewidthrangeupdate()
    [12541] =>         {
    [12542] =>             passagewidthrangeset();
    [12543] =>             svgupdate();
    [12544] =>         }
    [12545] => 
    [12546] =>         function passagewidthexactload()
    [12547] =>         {
    [12548] =>             const br = document.createElement("br");
    [12549] =>             passagewidth.append(br);
    [12550] => 
    [12551] =>             const array =
    [12552] =>             [
    [12553] =>                 ["25%",0.25],
    [12554] =>                 ["50%",0.5],
    [12555] =>                 ["75%",0.75],
    [12556] =>                 ["100%",1],
    [12557] =>             ];
    [12558] => 
    [12559] =>             for(const value of array)
    [12560] =>             {
    [12561] =>                 const button = document.createElement("button");
    [12562] =>                 button.innerHTML = value[0];
    [12563] =>                 button.value = value[1];
    [12564] =>                 button.addEventListener("click", passagewidthexactupdate);
    [12565] =>                 passagewidth.append(button);
    [12566] =>             }
    [12567] =>         }
    [12568] =>         addEventListener("load", passagewidthexactload);
    [12569] => 
    [12570] =>         function passagewidthexactupdate(e)
    [12571] =>         {
    [12572] =>             passagewidthnumber.value = canvas.width * Number(e.target.value);
    [12573] => 
    [12574] =>             passagewidthnumberupdate();
    [12575] =>         }
    [12576] => 
    [12577] =>         function passagewidthincrementload()
    [12578] =>         {
    [12579] =>             const br = document.createElement("br");
    [12580] =>             passagewidth.append(br);
    [12581] => 
    [12582] =>             const array =
    [12583] =>             [
    [12584] =>                 ["-1000",-1000],
    [12585] =>                 ["-100",-100],
    [12586] =>                 ["-10",-10],
    [12587] =>                 ["-1",-1],
    [12588] =>                 ["+1",1],
    [12589] =>                 ["+10",10],
    [12590] =>                 ["+100",100],
    [12591] =>                 ["+1000",1000],
    [12592] =>             ];
    [12593] => 
    [12594] =>             for(const value of array)
    [12595] =>             {
    [12596] =>                 const button = document.createElement("button");
    [12597] =>                 button.innerHTML = value[0];
    [12598] =>                 button.value = value[1];
    [12599] =>                 button.addEventListener("click", passagewidthincrementupdate);
    [12600] =>                 passagewidth.append(button);
    [12601] =>             }
    [12602] =>         }
    [12603] =>         addEventListener("load", passagewidthincrementload);
    [12604] => 
    [12605] =>         function passagewidthincrementupdate(e)
    [12606] =>         {
    [12607] =>             const v = Number(passagewidthnumber.value) + Number(e.target.value);
    [12608] => 
    [12609] =>             if((passagewidthnumber.min <= v) && (v <= passagewidthnumber.max))
    [12610] =>             {
    [12611] =>                 passagewidthnumber.value = v;
    [12612] => 
    [12613] =>                 passagewidthnumberupdate();
    [12614] =>             }
    [12615] =>         }
    [12616] => 
    [12617] => 
    [12618] => 
    [12619] =>         function passageheightload()
    [12620] =>         {
    [12621] =>             const div = document.createElement("div");
    [12622] =>             div.id = "passageheight";
    [12623] =>             div.innerHTML = "height";
    [12624] =>             tabcontentpassage.append(div);
    [12625] => 
    [12626] =>             const style = div.style;
    [12627] =>             style.overflowY = "hidden";
    [12628] =>             style.whiteSpace = "nowrap";
    [12629] =>         }
    [12630] =>         addEventListener("load", passageheightload);
    [12631] => 
    [12632] =>         function passageheightnumberload()
    [12633] =>         {
    [12634] =>             const br = document.createElement("br");
    [12635] =>             passageheight.append(br);
    [12636] => 
    [12637] =>             const input = document.createElement("input");
    [12638] =>             input.id = "passageheightnumber";
    [12639] =>             input.max = maxheight;
    [12640] =>             input.min = 0;
    [12641] =>             input.type = "number";
    [12642] =>             input.value = 300;
    [12643] =>             input.addEventListener("input", passageheightnumberupdate);
    [12644] =>             passageheight.append(input);
    [12645] => 
    [12646] =>             //passageheightnumberset();
    [12647] =>         }
    [12648] =>         addEventListener("load", passageheightnumberload);
    [12649] => 
    [12650] =>         function passageheightnumberset()
    [12651] =>         {
    [12652] =>             const v = Number(passageheightnumber.value);
    [12653] => 
    [12654] =>             passageheightrange.value = v;
    [12655] =>             text.passageheight = v;
    [12656] =>         }
    [12657] => 
    [12658] =>         function passageheightnumberupdate()
    [12659] =>         {
    [12660] =>             passageheightnumberset();
    [12661] =>             svgupdate();
    [12662] =>         }
    [12663] => 
    [12664] =>         function passageheightrangeload()
    [12665] =>         {
    [12666] =>             const input = document.createElement("input");
    [12667] =>             input.id = "passageheightrange";
    [12668] =>             input.max = passageheightnumber.max;
    [12669] =>             input.min = passageheightnumber.min;
    [12670] =>             input.type = "range";
    [12671] =>             input.value = passageheightnumber.value;
    [12672] =>             input.addEventListener("input", passageheightrangeupdate);
    [12673] =>             passageheight.append(input);
    [12674] => 
    [12675] =>             passageheightrangeset();
    [12676] =>         }
    [12677] =>         addEventListener("load", passageheightrangeload);
    [12678] => 
    [12679] =>         function passageheightrangeset()
    [12680] =>         {
    [12681] =>             const v = Number(passageheightrange.value);
    [12682] => 
    [12683] =>             passageheightnumber.value = v;
    [12684] =>             text.passageheight = v;
    [12685] =>         }
    [12686] => 
    [12687] =>         function passageheightrangeupdate()
    [12688] =>         {
    [12689] =>             passageheightrangeset();
    [12690] =>             svgupdate();
    [12691] =>         }
    [12692] => 
    [12693] =>         function passageheightexactload()
    [12694] =>         {
    [12695] =>             const br = document.createElement("br");
    [12696] =>             passageheight.append(br);
    [12697] => 
    [12698] =>             const array =
    [12699] =>             [
    [12700] =>                 ["25%",0.25],
    [12701] =>                 ["50%",0.5],
    [12702] =>                 ["75%",0.75],
    [12703] =>                 ["100%",1],
    [12704] =>             ];
    [12705] => 
    [12706] =>             for(const value of array)
    [12707] =>             {
    [12708] =>                 const button = document.createElement("button");
    [12709] =>                 button.innerHTML = value[0];
    [12710] =>                 button.value = value[1];
    [12711] =>                 button.addEventListener("click", passageheightexactupdate);
    [12712] =>                 passageheight.append(button);
    [12713] =>             }
    [12714] =>         }
    [12715] =>         addEventListener("load", passageheightexactload);
    [12716] => 
    [12717] =>         function passageheightexactupdate(e)
    [12718] =>         {
    [12719] =>             passageheightnumber.value = canvas.height * Number(e.target.value);
    [12720] => 
    [12721] =>             passageheightnumberupdate();
    [12722] =>         }
    [12723] => 
    [12724] =>         function passageheightincrementload()
    [12725] =>         {
    [12726] =>             const br = document.createElement("br");
    [12727] =>             passageheight.append(br);
    [12728] => 
    [12729] =>             const array =
    [12730] =>             [
    [12731] =>                 ["-1000",-1000],
    [12732] =>                 ["-100",-100],
    [12733] =>                 ["-10",-10],
    [12734] =>                 ["-1",-1],
    [12735] =>                 ["+1",1],
    [12736] =>                 ["+10",10],
    [12737] =>                 ["+100",100],
    [12738] =>                 ["+1000",1000],
    [12739] =>             ];
    [12740] => 
    [12741] =>             for(const value of array)
    [12742] =>             {
    [12743] =>                 const button = document.createElement("button");
    [12744] =>                 button.innerHTML = value[0];
    [12745] =>                 button.value = value[1];
    [12746] =>                 button.addEventListener("click", passageheightincrementupdate);
    [12747] =>                 passageheight.append(button);
    [12748] =>             }
    [12749] =>         }
    [12750] =>         addEventListener("load", passageheightincrementload);
    [12751] => 
    [12752] =>         function passageheightincrementupdate(e)
    [12753] =>         {
    [12754] =>             const v = Number(passageheightnumber.value) + Number(e.target.value);
    [12755] => 
    [12756] =>             if((passageheightnumber.min <= v) && (v <= passageheightnumber.max))
    [12757] =>             {
    [12758] =>                 passageheightnumber.value = v;
    [12759] => 
    [12760] =>                 passageheightnumberupdate();
    [12761] =>             }
    [12762] =>         }
    [12763] => 
    [12764] => 
    [12765] => 
    [12766] =>         function passagexload()
    [12767] =>         {
    [12768] =>             const div = document.createElement("div");
    [12769] =>             div.id = "passagex";
    [12770] =>             div.innerHTML = "x";
    [12771] =>             tabcontentpassage.append(div);
    [12772] => 
    [12773] =>             const style = div.style;
    [12774] =>             style.overflowY = "hidden";
    [12775] =>             style.whiteSpace = "nowrap";
    [12776] =>         }
    [12777] =>         addEventListener("load", passagexload);
    [12778] => 
    [12779] =>         function passagexnumberload()
    [12780] =>         {
    [12781] =>             const br = document.createElement("br");
    [12782] =>             passagex.append(br);
    [12783] => 
    [12784] =>             const input = document.createElement("input");
    [12785] =>             input.id = "passagexnumber";
    [12786] =>             input.max = maxwidth;
    [12787] =>             input.min = -maxwidth;
    [12788] =>             input.type = "number";
    [12789] =>             input.value = 50;
    [12790] =>             input.addEventListener("input", passagexnumberupdate);
    [12791] =>             passagex.append(input);
    [12792] => 
    [12793] =>             //passagexnumberset();
    [12794] =>         }
    [12795] =>         addEventListener("load", passagexnumberload);
    [12796] => 
    [12797] =>         function passagexnumberset()
    [12798] =>         {
    [12799] =>             const v = Number(passagexnumber.value);
    [12800] => 
    [12801] =>             passagexrange.value = v;
    [12802] =>             text.passagex = v;
    [12803] =>         }
    [12804] => 
    [12805] =>         function passagexnumberupdate()
    [12806] =>         {
    [12807] =>             passagexnumberset();
    [12808] =>             svgupdate();
    [12809] =>         }
    [12810] => 
    [12811] =>         function passagexrangeload()
    [12812] =>         {
    [12813] =>             const input = document.createElement("input");
    [12814] =>             input.id = "passagexrange";
    [12815] =>             input.max = passagexnumber.max;
    [12816] =>             input.min = passagexnumber.min;
    [12817] =>             input.type = "range";
    [12818] =>             input.value = passagexnumber.value;
    [12819] =>             input.addEventListener("input", passagexrangeupdate);
    [12820] =>             passagex.append(input);
    [12821] => 
    [12822] =>             passagexrangeset();
    [12823] =>         }
    [12824] =>         addEventListener("load", passagexrangeload);
    [12825] => 
    [12826] =>         function passagexrangeset()
    [12827] =>         {
    [12828] =>             const v = Number(passagexrange.value);
    [12829] => 
    [12830] =>             passagexnumber.value = v;
    [12831] =>             text.passagex = v;
    [12832] =>         }
    [12833] => 
    [12834] =>         function passagexrangeupdate()
    [12835] =>         {
    [12836] =>             passagexrangeset();
    [12837] =>             svgupdate();
    [12838] =>         }
    [12839] => 
    [12840] =>         function passagexexactload()
    [12841] =>         {
    [12842] =>             const br = document.createElement("br");
    [12843] =>             passagex.append(br);
    [12844] => 
    [12845] =>             const array =
    [12846] =>             [
    [12847] =>                 ["left",0],
    [12848] =>                 ["center",0.5],
    [12849] =>                 ["right",1],
    [12850] =>             ];
    [12851] => 
    [12852] =>             for(const value of array)
    [12853] =>             {
    [12854] =>                 const button = document.createElement("button");
    [12855] =>                 button.innerHTML = value[0];
    [12856] =>                 button.value = value[1];
    [12857] =>                 button.addEventListener("click", passagexexactupdate);
    [12858] =>                 passagex.append(button);
    [12859] =>             }
    [12860] =>         }
    [12861] =>         addEventListener("load", passagexexactload);
    [12862] => 
    [12863] =>         function passagexexactupdate(e)
    [12864] =>         {
    [12865] =>             //passagexnumber.value = (canvas.width - text.passagewidth - text.passagepaddingleft - text.passagepaddingright) * Number(e.target.value);
    [12866] =>             passagexnumber.value = (canvas.width - text.passagewidth) * Number(e.target.value);
    [12867] => 
    [12868] =>             passagexnumberupdate();
    [12869] =>         }
    [12870] => 
    [12871] =>         function passagexincrementload()
    [12872] =>         {
    [12873] =>             const br = document.createElement("br");
    [12874] =>             passagex.append(br);
    [12875] => 
    [12876] =>             const array =
    [12877] =>             [
    [12878] =>                 ["-1000",-1000],
    [12879] =>                 ["-100",-100],
    [12880] =>                 ["-10",-10],
    [12881] =>                 ["-1",-1],
    [12882] =>                 ["+1",1],
    [12883] =>                 ["+10",10],
    [12884] =>                 ["+100",100],
    [12885] =>                 ["+1000",1000],
    [12886] =>             ];
    [12887] => 
    [12888] =>             for(const value of array)
    [12889] =>             {
    [12890] =>                 const button = document.createElement("button");
    [12891] =>                 button.innerHTML = value[0];
    [12892] =>                 button.value = value[1];
    [12893] =>                 button.addEventListener("click", passagexincrementupdate);
    [12894] =>                 passagex.append(button);
    [12895] =>             }
    [12896] =>         }
    [12897] =>         addEventListener("load", passagexincrementload);
    [12898] => 
    [12899] =>         function passagexincrementupdate(e)
    [12900] =>         {
    [12901] =>             const v = Number(passagexnumber.value) + Number(e.target.value);
    [12902] => 
    [12903] =>             if((passagexnumber.min <= v) && (v <= passagexnumber.max))
    [12904] =>             {
    [12905] =>                 passagexnumber.value = v;
    [12906] => 
    [12907] =>                 passagexnumberupdate();
    [12908] =>             }
    [12909] =>         }
    [12910] => 
    [12911] => 
    [12912] => 
    [12913] =>         function passageyload()
    [12914] =>         {
    [12915] =>             const div = document.createElement("div");
    [12916] =>             div.id = "passagey";
    [12917] =>             div.innerHTML = "y";
    [12918] =>             tabcontentpassage.append(div);
    [12919] => 
    [12920] =>             const style = div.style;
    [12921] =>             style.overflowY = "hidden";
    [12922] =>             style.whiteSpace = "nowrap";
    [12923] =>         }
    [12924] =>         addEventListener("load", passageyload);
    [12925] => 
    [12926] =>         function passageynumberload()
    [12927] =>         {
    [12928] =>             const br = document.createElement("br");
    [12929] =>             passagey.append(br);
    [12930] => 
    [12931] =>             const input = document.createElement("input");
    [12932] =>             input.id = "passageynumber";
    [12933] =>             input.max = maxheight;
    [12934] =>             input.min = -maxheight;
    [12935] =>             input.type = "number";
    [12936] =>             input.value = 730;
    [12937] =>             input.addEventListener("input", passageynumberupdate);
    [12938] =>             passagey.append(input);
    [12939] => 
    [12940] =>             //passageynumberset();
    [12941] =>         }
    [12942] =>         addEventListener("load", passageynumberload);
    [12943] => 
    [12944] =>         function passageynumberset()
    [12945] =>         {
    [12946] =>             const v = Number(passageynumber.value);
    [12947] => 
    [12948] =>             passageyrange.value = v;
    [12949] =>             text.passagey = v;
    [12950] =>         }
    [12951] => 
    [12952] =>         function passageynumberupdate()
    [12953] =>         {
    [12954] =>             passageynumberset();
    [12955] =>             svgupdate();
    [12956] =>         }
    [12957] => 
    [12958] =>         function passageyrangeload()
    [12959] =>         {
    [12960] =>             const input = document.createElement("input");
    [12961] =>             input.id = "passageyrange";
    [12962] =>             input.max = passageynumber.max;
    [12963] =>             input.min = passageynumber.min;
    [12964] =>             input.type = "range";
    [12965] =>             input.value = passageynumber.value;
    [12966] =>             input.addEventListener("input", passageyrangeupdate);
    [12967] =>             passagey.append(input);
    [12968] => 
    [12969] =>             passageyrangeset();
    [12970] =>         }
    [12971] =>         addEventListener("load", passageyrangeload);
    [12972] => 
    [12973] =>         function passageyrangeset()
    [12974] =>         {
    [12975] =>             const v = Number(passageyrange.value);
    [12976] => 
    [12977] =>             passageynumber.value = v;
    [12978] =>             text.passagey = v;
    [12979] =>         }
    [12980] => 
    [12981] =>         function passageyrangeupdate()
    [12982] =>         {
    [12983] =>             passageyrangeset();
    [12984] =>             svgupdate();
    [12985] =>         }
    [12986] => 
    [12987] =>         function passageyexactload()
    [12988] =>         {
    [12989] =>             const br = document.createElement("br");
    [12990] =>             passagey.append(br);
    [12991] => 
    [12992] =>             const array =
    [12993] =>             [
    [12994] =>                 ["top",0],
    [12995] =>                 ["center",0.5],
    [12996] =>                 ["bottom",1],
    [12997] =>             ];
    [12998] => 
    [12999] =>             for(const value of array)
    [13000] =>             {
    [13001] =>                 const button = document.createElement("button");
    [13002] =>                 button.innerHTML = value[0];
    [13003] =>                 button.value = value[1];
    [13004] =>                 button.addEventListener("click", passageyexactupdate);
    [13005] =>                 passagey.append(button);
    [13006] =>             }
    [13007] =>         }
    [13008] =>         addEventListener("load", passageyexactload);
    [13009] => 
    [13010] =>         function passageyexactupdate(e)
    [13011] =>         {
    [13012] =>             //passageynumber.value = (canvas.height - text.passageheight - text.passagepaddingtop - text.passagepaddingbottom) * Number(e.target.value);
    [13013] =>             passageynumber.value = (canvas.height - text.passageheight) * Number(e.target.value);
    [13014] => 
    [13015] =>             passageynumberupdate();
    [13016] =>         }
    [13017] => 
    [13018] =>         function passageyincrementload()
    [13019] =>         {
    [13020] =>             const br = document.createElement("br");
    [13021] =>             passagey.append(br);
    [13022] => 
    [13023] =>             const array =
    [13024] =>             [
    [13025] =>                 ["-1000",-1000],
    [13026] =>                 ["-100",-100],
    [13027] =>                 ["-10",-10],
    [13028] =>                 ["-1",-1],
    [13029] =>                 ["+1",1],
    [13030] =>                 ["+10",10],
    [13031] =>                 ["+100",100],
    [13032] =>                 ["+1000",1000],
    [13033] =>             ];
    [13034] => 
    [13035] =>             for(const value of array)
    [13036] =>             {
    [13037] =>                 const button = document.createElement("button");
    [13038] =>                 button.innerHTML = value[0];
    [13039] =>                 button.value = value[1];
    [13040] =>                 button.addEventListener("click", passageyincrementupdate);
    [13041] =>                 passagey.append(button);
    [13042] =>             }
    [13043] =>         }
    [13044] =>         addEventListener("load", passageyincrementload);
    [13045] => 
    [13046] =>         function passageyincrementupdate(e)
    [13047] =>         {
    [13048] =>             const v = Number(passageynumber.value) + Number(e.target.value);
    [13049] => 
    [13050] =>             if((passageynumber.min <= v) && (v <= passageynumber.max))
    [13051] =>             {
    [13052] =>                 passageynumber.value = v;
    [13053] => 
    [13054] =>                 passageynumberupdate();
    [13055] =>             }
    [13056] =>         }
    [13057] => 
    [13058] => 
    [13059] => 
    [13060] =>         function passagebackgroundcolorload()
    [13061] =>         {
    [13062] =>             const div = document.createElement("div");
    [13063] =>             div.id = "passagebackgroundcolor";
    [13064] =>             div.innerHTML = "background-color";
    [13065] =>             tabcontentpassage.append(div);
    [13066] =>         }
    [13067] =>         addEventListener("load", passagebackgroundcolorload);
    [13068] => 
    [13069] =>         function passagebackgroundcolorcolorload()
    [13070] =>         {
    [13071] =>             const br = document.createElement("br");
    [13072] =>             passagebackgroundcolor.append(br);
    [13073] => 
    [13074] =>             const input = document.createElement("input");
    [13075] =>             input.id = "passagebackgroundcolorcolor";
    [13076] =>             input.type = "color";
    [13077] =>             input.value = "#ffffff";
    [13078] =>             input.addEventListener("input", passagebackgroundcolorcolorupdate);
    [13079] =>             passagebackgroundcolor.append(input);
    [13080] => 
    [13081] =>             //passagebackgroundcolorcolorset();
    [13082] =>         }
    [13083] =>         addEventListener("load", passagebackgroundcolorcolorload);
    [13084] => 
    [13085] =>         function passagebackgroundcolorcolorset()
    [13086] =>         {
    [13087] =>             const c = passagebackgroundcolorcolor.value;
    [13088] =>             const r = parseInt(c.slice(1,3),16);
    [13089] =>             const g = parseInt(c.slice(3,5),16);
    [13090] =>             const b = parseInt(c.slice(5,7),16);
    [13091] =>             const a = passagebackgroundalphanumber.value;
    [13092] => 
    [13093] =>             text.passagebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;
    [13094] =>         }
    [13095] => 
    [13096] =>         function passagebackgroundcolorcolorupdate()
    [13097] =>         {
    [13098] =>             passagebackgroundcolorcolorset();
    [13099] =>             svgupdate();
    [13100] =>         }
    [13101] => 
    [13102] =>         function passagebackgroundcolorexactload()
    [13103] =>         {
    [13104] =>             const br = document.createElement("br");
    [13105] =>             passagebackgroundcolor.append(br);
    [13106] => 
    [13107] =>             const array =
    [13108] =>             [
    [13109] =>                 ["black","#000000"],
    [13110] =>                 ["white","#ffffff"],
    [13111] =>             ];
    [13112] => 
    [13113] =>             for(const value of array)
    [13114] =>             {
    [13115] =>                 const button = document.createElement("button");
    [13116] =>                 button.innerHTML = value[0];
    [13117] =>                 button.value = value[1];
    [13118] =>                 button.addEventListener("click", passagebackgroundcolorexactupdate);
    [13119] =>                 passagebackgroundcolor.append(button);
    [13120] =>             }
    [13121] =>         }
    [13122] =>         addEventListener("load", passagebackgroundcolorexactload);
    [13123] => 
    [13124] =>         function passagebackgroundcolorexactupdate(e)
    [13125] =>         {
    [13126] =>             passagebackgroundcolorcolor.value = e.target.value;
    [13127] => 
    [13128] =>             passagebackgroundcolorcolorupdate();
    [13129] =>         }
    [13130] => 
    [13131] => 
    [13132] => 
    [13133] =>         function passagebackgroundalphaload()
    [13134] =>         {
    [13135] =>             const div = document.createElement("div");
    [13136] =>             div.id = "passagebackgroundalpha";
    [13137] =>             div.innerHTML = "background-alpha";
    [13138] =>             tabcontentpassage.append(div);
    [13139] => 
    [13140] =>             const style = div.style;
    [13141] =>             style.overflowY = "hidden";
    [13142] =>             style.whiteSpace = "nowrap";
    [13143] =>         }
    [13144] =>         addEventListener("load", passagebackgroundalphaload);
    [13145] => 
    [13146] =>         function passagebackgroundalphanumberload()
    [13147] =>         {
    [13148] =>             const br = document.createElement("br");
    [13149] =>             passagebackgroundalpha.append(br);
    [13150] => 
    [13151] =>             const input = document.createElement("input");
    [13152] =>             input.id = "passagebackgroundalphanumber";
    [13153] =>             input.max = 1;
    [13154] =>             input.min = 0;
    [13155] =>             input.step = 0.01;
    [13156] =>             input.type = "number";
    [13157] =>             input.value = 0.5;
    [13158] =>             input.addEventListener("input", passagebackgroundalphanumberupdate);
    [13159] =>             passagebackgroundalpha.append(input);
    [13160] => 
    [13161] =>             //passagebackgroundalphanumberset();
    [13162] =>         }
    [13163] =>         addEventListener("load", passagebackgroundalphanumberload);
    [13164] => 
    [13165] =>         function passagebackgroundalphanumberset()
    [13166] =>         {
    [13167] =>             const c = passagebackgroundcolorcolor.value;
    [13168] =>             const r = parseInt(c.slice(1,3),16);
    [13169] =>             const g = parseInt(c.slice(3,5),16);
    [13170] =>             const b = parseInt(c.slice(5,7),16);
    [13171] =>             const a = passagebackgroundalphanumber.value;
    [13172] => 
    [13173] =>             passagebackgroundalpharange.value = a;
    [13174] =>             text.passagebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;
    [13175] =>         }
    [13176] => 
    [13177] =>         function passagebackgroundalphanumberupdate()
    [13178] =>         {
    [13179] =>             passagebackgroundalphanumberset();
    [13180] =>             svgupdate();
    [13181] =>         }
    [13182] => 
    [13183] =>         function passagebackgroundalpharangeload()
    [13184] =>         {
    [13185] =>             const input = document.createElement("input");
    [13186] =>             input.id = "passagebackgroundalpharange";
    [13187] =>             input.max = passagebackgroundalphanumber.max;
    [13188] =>             input.min = passagebackgroundalphanumber.min;
    [13189] =>             input.step = passagebackgroundalphanumber.step;
    [13190] =>             input.type = "range";
    [13191] =>             input.value = passagebackgroundalphanumber.value;
    [13192] =>             input.addEventListener("input", passagebackgroundalpharangeupdate);
    [13193] =>             passagebackgroundalpha.append(input);
    [13194] => 
    [13195] =>             passagebackgroundalpharangeset();
    [13196] =>         }
    [13197] =>         addEventListener("load", passagebackgroundalpharangeload);
    [13198] => 
    [13199] =>         function passagebackgroundalpharangeset()
    [13200] =>         {
    [13201] =>             const c = passagebackgroundcolorcolor.value;
    [13202] =>             const r = parseInt(c.slice(1,3),16);
    [13203] =>             const g = parseInt(c.slice(3,5),16);
    [13204] =>             const b = parseInt(c.slice(5,7),16);
    [13205] =>             const a = passagebackgroundalpharange.value;
    [13206] => 
    [13207] =>             passagebackgroundalphanumber.value = a;
    [13208] =>             text.passagebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;
    [13209] =>         }
    [13210] => 
    [13211] =>         function passagebackgroundalpharangeupdate()
    [13212] =>         {
    [13213] =>             passagebackgroundalpharangeset();
    [13214] =>             svgupdate();
    [13215] =>         }
    [13216] => 
    [13217] =>         function passagebackgroundalphaexactload()
    [13218] =>         {
    [13219] =>             const br = document.createElement("br");
    [13220] =>             passagebackgroundalpha.append(br);
    [13221] => 
    [13222] =>             const array =
    [13223] =>             [
    [13224] =>                 ["0",0],
    [13225] =>                 ["0.25",0.25],
    [13226] =>                 ["0.5",0.5],
    [13227] =>                 ["0.75",0.75],
    [13228] =>                 ["1",1],
    [13229] =>             ];
    [13230] => 
    [13231] =>             for(const value of array)
    [13232] =>             {
    [13233] =>                 const button = document.createElement("button");
    [13234] =>                 button.innerHTML = value[0];
    [13235] =>                 button.value = value[1];
    [13236] =>                 button.addEventListener("click", passagebackgroundalphaexactupdate);
    [13237] =>                 passagebackgroundalpha.append(button);
    [13238] =>             }
    [13239] =>         }
    [13240] =>         addEventListener("load", passagebackgroundalphaexactload);
    [13241] => 
    [13242] =>         function passagebackgroundalphaexactupdate(e)
    [13243] =>         {
    [13244] =>             passagebackgroundalphanumber.value = Number(e.target.value);
    [13245] => 
    [13246] =>             passagebackgroundalphanumberupdate();
    [13247] =>         }
    [13248] => 
    [13249] =>         function passagebackgroundalphaincrementload()
    [13250] =>         {
    [13251] =>             const br = document.createElement("br");
    [13252] =>             passagebackgroundalpha.append(br);
    [13253] => 
    [13254] =>             const array =
    [13255] =>             [
    [13256] =>                 ["-0.1",-0.1],
    [13257] =>                 ["-0.01",-0.01],
    [13258] =>                 ["+0.01",0.01],
    [13259] =>                 ["+0.1",0.1],
    [13260] =>             ];
    [13261] => 
    [13262] =>             for(const value of array)
    [13263] =>             {
    [13264] =>                 const button = document.createElement("button");
    [13265] =>                 button.innerHTML = value[0];
    [13266] =>                 button.value = value[1];
    [13267] =>                 button.addEventListener("click", passagebackgroundalphaincrementupdate);
    [13268] =>                 passagebackgroundalpha.append(button);
    [13269] =>             }
    [13270] =>         }
    [13271] =>         addEventListener("load", passagebackgroundalphaincrementload);
    [13272] => 
    [13273] =>         function passagebackgroundalphaincrementupdate(e)
    [13274] =>         {
    [13275] =>             let v = Number(passagebackgroundalphanumber.value) + Number(e.target.value);
    [13276] =>             v = parseFloat(v.toFixed(2));
    [13277] => 
    [13278] =>             if((passagebackgroundalphanumber.min <= v) && (v <= passagebackgroundalphanumber.max))
    [13279] =>             {
    [13280] =>                 passagebackgroundalphanumber.value = v;
    [13281] => 
    [13282] =>                 passagebackgroundalphanumberupdate();
    [13283] =>             }
    [13284] =>         }
    [13285] => 
    [13286] => 
    [13287] => 
    [13288] =>         function passagebordercolorload()
    [13289] =>         {
    [13290] =>             const div = document.createElement("div");
    [13291] =>             div.id = "passagebordercolor";
    [13292] =>             div.innerHTML = "border-color";
    [13293] =>             tabcontentpassage.append(div);
    [13294] =>         }
    [13295] =>         addEventListener("load", passagebordercolorload);
    [13296] => 
    [13297] =>         function passagebordercolorcolorload()
    [13298] =>         {
    [13299] =>             const br = document.createElement("br");
    [13300] =>             passagebordercolor.append(br);
    [13301] => 
    [13302] =>             const input = document.createElement("input");
    [13303] =>             input.id = "passagebordercolorcolor";
    [13304] =>             input.type = "color";
    [13305] =>             input.value = "#000000";
    [13306] =>             input.addEventListener("input", passagebordercolorcolorupdate);
    [13307] =>             passagebordercolor.append(input);
    [13308] => 
    [13309] =>             //passagebordercolorcolorset();
    [13310] =>         }
    [13311] =>         addEventListener("load", passagebordercolorcolorload);
    [13312] => 
    [13313] =>         function passagebordercolorcolorset()
    [13314] =>         {
    [13315] =>             const c = passagebordercolorcolor.value;
    [13316] =>             const r = parseInt(c.slice(1,3),16);
    [13317] =>             const g = parseInt(c.slice(3,5),16);
    [13318] =>             const b = parseInt(c.slice(5,7),16);
    [13319] =>             const a = passageborderalphanumber.value;
    [13320] => 
    [13321] =>             text.passagebordercolor = `rgb(${r} ${g} ${b} / ${a})`;
    [13322] =>         }
    [13323] => 
    [13324] =>         function passagebordercolorcolorupdate()
    [13325] =>         {
    [13326] =>             passagebordercolorcolorset();
    [13327] =>             svgupdate();
    [13328] =>         }
    [13329] => 
    [13330] =>         function passagebordercolorexactload()
    [13331] =>         {
    [13332] =>             const br = document.createElement("br");
    [13333] =>             passagebordercolor.append(br);
    [13334] => 
    [13335] =>             const array =
    [13336] =>             [
    [13337] =>                 ["black","#000000"],
    [13338] =>                 ["white","#ffffff"],
    [13339] =>             ];
    [13340] => 
    [13341] =>             for(const value of array)
    [13342] =>             {
    [13343] =>                 const button = document.createElement("button");
    [13344] =>                 button.innerHTML = value[0];
    [13345] =>                 button.value = value[1];
    [13346] =>                 button.addEventListener("click", passagebordercolorexactupdate);
    [13347] =>                 passagebordercolor.append(button);
    [13348] =>             }
    [13349] =>         }
    [13350] =>         addEventListener("load", passagebordercolorexactload);
    [13351] => 
    [13352] =>         function passagebordercolorexactupdate(e)
    [13353] =>         {
    [13354] =>             passagebordercolorcolor.value = e.target.value;
    [13355] => 
    [13356] =>             passagebordercolorcolorupdate();
    [13357] =>         }
    [13358] => 
    [13359] => 
    [13360] => 
    [13361] =>         function passageborderalphaload()
    [13362] =>         {
    [13363] =>             const div = document.createElement("div");
    [13364] =>             div.id = "passageborderalpha";
    [13365] =>             div.innerHTML = "border-alpha";
    [13366] =>             tabcontentpassage.append(div);
    [13367] => 
    [13368] =>             const style = div.style;
    [13369] =>             style.overflowY = "hidden";
    [13370] =>             style.whiteSpace = "nowrap";
    [13371] =>         }
    [13372] =>         addEventListener("load", passageborderalphaload);
    [13373] => 
    [13374] =>         function passageborderalphanumberload()
    [13375] =>         {
    [13376] =>             const br = document.createElement("br");
    [13377] =>             passageborderalpha.append(br);
    [13378] => 
    [13379] =>             const input = document.createElement("input");
    [13380] =>             input.id = "passageborderalphanumber";
    [13381] =>             input.max = 1;
    [13382] =>             input.min = 0;
    [13383] =>             input.step = 0.01;
    [13384] =>             input.type = "number";
    [13385] =>             input.value = 1;
    [13386] =>             input.addEventListener("input", passageborderalphanumberupdate);
    [13387] =>             passageborderalpha.append(input);
    [13388] => 
    [13389] =>             //passageborderalphanumberset();
    [13390] =>         }
    [13391] =>         addEventListener("load", passageborderalphanumberload);
    [13392] => 
    [13393] =>         function passageborderalphanumberset()
    [13394] =>         {
    [13395] =>             const c = passagebordercolorcolor.value;
    [13396] =>             const r = parseInt(c.slice(1,3),16);
    [13397] =>             const g = parseInt(c.slice(3,5),16);
    [13398] =>             const b = parseInt(c.slice(5,7),16);
    [13399] =>             const a = passageborderalphanumber.value;
    [13400] => 
    [13401] =>             passageborderalpharange.value = a;
    [13402] =>             text.passagebordercolor = `rgb(${r} ${g} ${b} / ${a})`;
    [13403] =>         }
    [13404] => 
    [13405] =>         function passageborderalphanumberupdate()
    [13406] =>         {
    [13407] =>             passageborderalphanumberset();
    [13408] =>             svgupdate();
    [13409] =>         }
    [13410] => 
    [13411] =>         function passageborderalpharangeload()
    [13412] =>         {
    [13413] =>             const input = document.createElement("input");
    [13414] =>             input.id = "passageborderalpharange";
    [13415] =>             input.max = passageborderalphanumber.max;
    [13416] =>             input.min = passageborderalphanumber.min;
    [13417] =>             input.step = passageborderalphanumber.step;
    [13418] =>             input.type = "range";
    [13419] =>             input.value = passageborderalphanumber.value;
    [13420] =>             input.addEventListener("input", passageborderalpharangeupdate);
    [13421] =>             passageborderalpha.append(input);
    [13422] => 
    [13423] =>             passageborderalpharangeset();
    [13424] =>         }
    [13425] =>         addEventListener("load", passageborderalpharangeload);
    [13426] => 
    [13427] =>         function passageborderalpharangeset()
    [13428] =>         {
    [13429] =>             const c = passagebordercolorcolor.value;
    [13430] =>             const r = parseInt(c.slice(1,3),16);
    [13431] =>             const g = parseInt(c.slice(3,5),16);
    [13432] =>             const b = parseInt(c.slice(5,7),16);
    [13433] =>             const a = passageborderalpharange.value;
    [13434] => 
    [13435] =>             passageborderalphanumber.value = a;
    [13436] =>             text.passagebordercolor = `rgb(${r} ${g} ${b} / ${a})`;
    [13437] =>         }
    [13438] => 
    [13439] =>         function passageborderalpharangeupdate()
    [13440] =>         {
    [13441] =>             passageborderalpharangeset();
    [13442] =>             svgupdate();
    [13443] =>         }
    [13444] => 
    [13445] =>         function passageborderalphaexactload()
    [13446] =>         {
    [13447] =>             const br = document.createElement("br");
    [13448] =>             passageborderalpha.append(br);
    [13449] => 
    [13450] =>             const array =
    [13451] =>             [
    [13452] =>                 ["0",0],
    [13453] =>                 ["0.25",0.25],
    [13454] =>                 ["0.5",0.5],
    [13455] =>                 ["0.75",0.75],
    [13456] =>                 ["1",1],
    [13457] =>             ];
    [13458] => 
    [13459] =>             for(const value of array)
    [13460] =>             {
    [13461] =>                 const button = document.createElement("button");
    [13462] =>                 button.innerHTML = value[0];
    [13463] =>                 button.value = value[1];
    [13464] =>                 button.addEventListener("click", passageborderalphaexactupdate);
    [13465] =>                 passageborderalpha.append(button);
    [13466] =>             }
    [13467] =>         }
    [13468] =>         addEventListener("load", passageborderalphaexactload);
    [13469] => 
    [13470] =>         function passageborderalphaexactupdate(e)
    [13471] =>         {
    [13472] =>             passageborderalphanumber.value = Number(e.target.value);
    [13473] => 
    [13474] =>             passageborderalphanumberupdate();
    [13475] =>         }
    [13476] => 
    [13477] =>         function passageborderalphaincrementload()
    [13478] =>         {
    [13479] =>             const br = document.createElement("br");
    [13480] =>             passageborderalpha.append(br);
    [13481] => 
    [13482] =>             const array =
    [13483] =>             [
    [13484] =>                 ["-0.1",-0.1],
    [13485] =>                 ["-0.01",-0.01],
    [13486] =>                 ["+0.01",0.01],
    [13487] =>                 ["+0.1",0.1],
    [13488] =>             ];
    [13489] => 
    [13490] =>             for(const value of array)
    [13491] =>             {
    [13492] =>                 const button = document.createElement("button");
    [13493] =>                 button.innerHTML = value[0];
    [13494] =>                 button.value = value[1];
    [13495] =>                 button.addEventListener("click", passageborderalphaincrementupdate);
    [13496] =>                 passageborderalpha.append(button);
    [13497] =>             }
    [13498] =>         }
    [13499] =>         addEventListener("load", passageborderalphaincrementload);
    [13500] => 
    [13501] =>         function passageborderalphaincrementupdate(e)
    [13502] =>         {
    [13503] =>             let v = Number(passageborderalphanumber.value) + Number(e.target.value);
    [13504] =>             v = parseFloat(v.toFixed(2));
    [13505] => 
    [13506] =>             if((passageborderalphanumber.min <= v) && (v <= passageborderalphanumber.max))
    [13507] =>             {
    [13508] =>                 passageborderalphanumber.value = v;
    [13509] => 
    [13510] =>                 passageborderalphanumberupdate();
    [13511] =>             }
    [13512] =>         }
    [13513] => 
    [13514] => 
    [13515] => 
    [13516] =>         function passageborderradiusload()
    [13517] =>         {
    [13518] =>             const div = document.createElement("div");
    [13519] =>             div.id = "passageborderradius";
    [13520] =>             div.innerHTML = "border-radius";
    [13521] =>             tabcontentpassage.append(div);
    [13522] => 
    [13523] =>             const style = div.style;
    [13524] =>             style.overflowY = "hidden";
    [13525] =>             style.whiteSpace = "nowrap";
    [13526] =>         }
    [13527] =>         addEventListener("load", passageborderradiusload);
    [13528] => 
    [13529] =>         function passageborderradiusnumberload()
    [13530] =>         {
    [13531] =>             const br = document.createElement("br");
    [13532] =>             passageborderradius.append(br);
    [13533] => 
    [13534] =>             const input = document.createElement("input");
    [13535] =>             input.id = "passageborderradiusnumber";
    [13536] =>             input.max = 1000;
    [13537] =>             input.min = 0;
    [13538] =>             input.type = "number";
    [13539] =>             input.value = 50;
    [13540] =>             input.addEventListener("input", passageborderradiusnumberupdate);
    [13541] =>             passageborderradius.append(input);
    [13542] => 
    [13543] =>             //passageborderradiusnumberset();
    [13544] =>         }
    [13545] =>         addEventListener("load", passageborderradiusnumberload);
    [13546] => 
    [13547] =>         function passageborderradiusnumberset()
    [13548] =>         {
    [13549] =>             const v = Number(passageborderradiusnumber.value);
    [13550] => 
    [13551] =>             passageborderradiusrange.value = v;
    [13552] =>             text.passageborderradius = v;
    [13553] =>         }
    [13554] => 
    [13555] =>         function passageborderradiusnumberupdate()
    [13556] =>         {
    [13557] =>             passageborderradiusnumberset();
    [13558] =>             svgupdate();
    [13559] =>         }
    [13560] => 
    [13561] =>         function passageborderradiusrangeload()
    [13562] =>         {
    [13563] =>             const input = document.createElement("input");
    [13564] =>             input.id = "passageborderradiusrange";
    [13565] =>             input.max = passageborderradiusnumber.max;
    [13566] =>             input.min = passageborderradiusnumber.min;
    [13567] =>             input.type = "range";
    [13568] =>             input.value = passageborderradiusnumber.value;
    [13569] =>             input.addEventListener("input", passageborderradiusrangeupdate);
    [13570] =>             passageborderradius.append(input);
    [13571] => 
    [13572] =>             passageborderradiusrangeset();
    [13573] =>         }
    [13574] =>         addEventListener("load", passageborderradiusrangeload);
    [13575] => 
    [13576] =>         function passageborderradiusrangeset()
    [13577] =>         {
    [13578] =>             const v = Number(passageborderradiusrange.value);
    [13579] => 
    [13580] =>             passageborderradiusnumber.value = v;
    [13581] =>             text.passageborderradius = v;
    [13582] =>         }
    [13583] => 
    [13584] =>         function passageborderradiusrangeupdate()
    [13585] =>         {
    [13586] =>             passageborderradiusrangeset();
    [13587] =>             svgupdate();
    [13588] =>         }
    [13589] => 
    [13590] =>         function passageborderradiusexactload()
    [13591] =>         {
    [13592] =>             const br = document.createElement("br");
    [13593] =>             passageborderradius.append(br);
    [13594] => 
    [13595] =>             const array =
    [13596] =>             [
    [13597] =>                 ["0",0],
    [13598] =>                 ["50",50],
    [13599] =>                 ["100",100],
    [13600] =>                 ["250",250],
    [13601] =>                 ["500",500],
    [13602] =>                 ["1000",1000],
    [13603] =>             ];
    [13604] => 
    [13605] =>             for(const value of array)
    [13606] =>             {
    [13607] =>                 const button = document.createElement("button");
    [13608] =>                 button.innerHTML = value[0];
    [13609] =>                 button.value = value[1];
    [13610] =>                 button.addEventListener("click", passageborderradiusexactupdate);
    [13611] =>                 passageborderradius.append(button);
    [13612] =>             }
    [13613] =>         }
    [13614] =>         addEventListener("load", passageborderradiusexactload);
    [13615] => 
    [13616] =>         function passageborderradiusexactupdate(e)
    [13617] =>         {
    [13618] =>             passageborderradiusnumber.value = Number(e.target.value);
    [13619] => 
    [13620] =>             passageborderradiusnumberupdate();
    [13621] =>         }
    [13622] => 
    [13623] =>         function passageborderradiusincrementload()
    [13624] =>         {
    [13625] =>             const br = document.createElement("br");
    [13626] =>             passageborderradius.append(br);
    [13627] => 
    [13628] =>             const array =
    [13629] =>             [
    [13630] =>                 ["-100",-100],
    [13631] =>                 ["-10",-10],
    [13632] =>                 ["-1",-1],
    [13633] =>                 ["+1",1],
    [13634] =>                 ["+10",10],
    [13635] =>                 ["+100",100],
    [13636] =>             ];
    [13637] => 
    [13638] =>             for(const value of array)
    [13639] =>             {
    [13640] =>                 const button = document.createElement("button");
    [13641] =>                 button.innerHTML = value[0];
    [13642] =>                 button.value = value[1];
    [13643] =>                 button.addEventListener("click", passageborderradiusincrementupdate);
    [13644] =>                 passageborderradius.append(button);
    [13645] =>             }
    [13646] =>         }
    [13647] =>         addEventListener("load", passageborderradiusincrementload);
    [13648] => 
    [13649] =>         function passageborderradiusincrementupdate(e)
    [13650] =>         {
    [13651] =>             const v = Number(passageborderradiusnumber.value) + Number(e.target.value);
    [13652] => 
    [13653] =>             if((passageborderradiusnumber.min <= v) && (v <= passageborderradiusnumber.max))
    [13654] =>             {
    [13655] =>                 passageborderradiusnumber.value = v;
    [13656] => 
    [13657] =>                 passageborderradiusnumberupdate();
    [13658] =>             }
    [13659] =>         }
    [13660] => 
    [13661] => 
    [13662] => 
    [13663] =>         function passageborderstyleload()
    [13664] =>         {
    [13665] =>             const div = document.createElement("div");
    [13666] =>             div.id = "passageborderstyle";
    [13667] =>             div.innerHTML = "border-style";
    [13668] =>             tabcontentpassage.append(div);
    [13669] =>         }
    [13670] =>         addEventListener("load", passageborderstyleload);
    [13671] => 
    [13672] =>         function passageborderstyleselectload()
    [13673] =>         {
    [13674] =>             const br = document.createElement("br");
    [13675] =>             passageborderstyle.append(br);
    [13676] => 
    [13677] =>             const select = document.createElement("select");
    [13678] =>             select.id = "passageborderstyleselect";
    [13679] =>             select.addEventListener("input", passageborderstyleselectupdate);
    [13680] =>             passageborderstyle.append(select);
    [13681] => 
    [13682] =>             for(const value of borderstylearray)
    [13683] =>             {
    [13684] =>                 const option = document.createElement("option");
    [13685] =>                 option.innerHTML = value;
    [13686] =>                 select.add(option);
    [13687] =>             }
    [13688] => 
    [13689] =>             //select.value = borderstylearray[8];
    [13690] => 
    [13691] =>             passageborderstyleselectset();
    [13692] =>         }
    [13693] =>         addEventListener("load", passageborderstyleselectload);
    [13694] => 
    [13695] =>         function passageborderstyleselectset()
    [13696] =>         {
    [13697] =>             text.passageborderstyle = passageborderstyleselect.value;
    [13698] =>         }
    [13699] => 
    [13700] =>         function passageborderstyleselectupdate()
    [13701] =>         {
    [13702] =>             passageborderstyleselectset();
    [13703] =>             svgupdate();
    [13704] =>         }
    [13705] => 
    [13706] => 
    [13707] => 
    [13708] =>         function passageborderwidthload()
    [13709] =>         {
    [13710] =>             const div = document.createElement("div");
    [13711] =>             div.id = "passageborderwidth";
    [13712] =>             div.innerHTML = "border-width";
    [13713] =>             tabcontentpassage.append(div);
    [13714] => 
    [13715] =>             const style = div.style;
    [13716] =>             style.overflowY = "hidden";
    [13717] =>             style.whiteSpace = "nowrap";
    [13718] =>         }
    [13719] =>         addEventListener("load", passageborderwidthload);
    [13720] => 
    [13721] =>         function passageborderwidthnumberload()
    [13722] =>         {
    [13723] =>             const br = document.createElement("br");
    [13724] =>             passageborderwidth.append(br);
    [13725] => 
    [13726] =>             const input = document.createElement("input");
    [13727] =>             input.id = "passageborderwidthnumber";
    [13728] =>             input.max = 1000;
    [13729] =>             input.min = 0;
    [13730] =>             input.type = "number";
    [13731] =>             input.value = 25;
    [13732] =>             input.addEventListener("input", passageborderwidthnumberupdate);
    [13733] =>             passageborderwidth.append(input);
    [13734] => 
    [13735] =>             //passageborderwidthnumberset();
    [13736] =>         }
    [13737] =>         addEventListener("load", passageborderwidthnumberload);
    [13738] => 
    [13739] =>         function passageborderwidthnumberset()
    [13740] =>         {
    [13741] =>             const v = Number(passageborderwidthnumber.value);
    [13742] => 
    [13743] =>             passageborderwidthrange.value = v;
    [13744] =>             text.passageborderwidth = v;
    [13745] =>         }
    [13746] => 
    [13747] =>         function passageborderwidthnumberupdate()
    [13748] =>         {
    [13749] =>             passageborderwidthnumberset();
    [13750] =>             svgupdate();
    [13751] =>         }
    [13752] => 
    [13753] =>         function passageborderwidthrangeload()
    [13754] =>         {
    [13755] =>             const input = document.createElement("input");
    [13756] =>             input.id = "passageborderwidthrange";
    [13757] =>             input.max = passageborderwidthnumber.max;
    [13758] =>             input.min = passageborderwidthnumber.min;
    [13759] =>             input.type = "range";
    [13760] =>             input.value = passageborderwidthnumber.value;
    [13761] =>             input.addEventListener("input", passageborderwidthrangeupdate);
    [13762] =>             passageborderwidth.append(input);
    [13763] => 
    [13764] =>             passageborderwidthrangeset();
    [13765] =>         }
    [13766] =>         addEventListener("load", passageborderwidthrangeload);
    [13767] => 
    [13768] =>         function passageborderwidthrangeset()
    [13769] =>         {
    [13770] =>             const v = Number(passageborderwidthrange.value);
    [13771] => 
    [13772] =>             passageborderwidthnumber.value = v;
    [13773] =>             text.passageborderwidth = v;
    [13774] =>         }
    [13775] => 
    [13776] =>         function passageborderwidthrangeupdate()
    [13777] =>         {
    [13778] =>             passageborderwidthrangeset();
    [13779] =>             svgupdate();
    [13780] =>         }
    [13781] => 
    [13782] =>         function passageborderwidthexactload()
    [13783] =>         {
    [13784] =>             const br = document.createElement("br");
    [13785] =>             passageborderwidth.append(br);
    [13786] => 
    [13787] =>             const array =
    [13788] =>             [
    [13789] =>                 ["0",0],
    [13790] =>                 ["50",50],
    [13791] =>                 ["100",100],
    [13792] =>                 ["250",250],
    [13793] =>                 ["500",500],
    [13794] =>                 ["1000",1000],
    [13795] =>             ];
    [13796] => 
    [13797] =>             for(const value of array)
    [13798] =>             {
    [13799] =>                 const button = document.createElement("button");
    [13800] =>                 button.innerHTML = value[0];
    [13801] =>                 button.value = value[1];
    [13802] =>                 button.addEventListener("click", passageborderwidthexactupdate);
    [13803] =>                 passageborderwidth.append(button);
    [13804] =>             }
    [13805] =>         }
    [13806] =>         addEventListener("load", passageborderwidthexactload);
    [13807] => 
    [13808] =>         function passageborderwidthexactupdate(e)
    [13809] =>         {
    [13810] =>             passageborderwidthnumber.value = Number(e.target.value);
    [13811] => 
    [13812] =>             passageborderwidthnumberupdate();
    [13813] =>         }
    [13814] => 
    [13815] =>         function passageborderwidthincrementload()
    [13816] =>         {
    [13817] =>             const br = document.createElement("br");
    [13818] =>             passageborderwidth.append(br);
    [13819] => 
    [13820] =>             const array =
    [13821] =>             [
    [13822] =>                 ["-100",-100],
    [13823] =>                 ["-10",-10],
    [13824] =>                 ["-1",-1],
    [13825] =>                 ["+1",1],
    [13826] =>                 ["+10",10],
    [13827] =>                 ["+100",100],
    [13828] =>             ];
    [13829] => 
    [13830] =>             for(const value of array)
    [13831] =>             {
    [13832] =>                 const button = document.createElement("button");
    [13833] =>                 button.innerHTML = value[0];
    [13834] =>                 button.value = value[1];
    [13835] =>                 button.addEventListener("click", passageborderwidthincrementupdate);
    [13836] =>                 passageborderwidth.append(button);
    [13837] =>             }
    [13838] =>         }
    [13839] =>         addEventListener("load", passageborderwidthincrementload);
    [13840] => 
    [13841] =>         function passageborderwidthincrementupdate(e)
    [13842] =>         {
    [13843] =>             const v = Number(passageborderwidthnumber.value) + Number(e.target.value);
    [13844] => 
    [13845] =>             if((passageborderwidthnumber.min <= v) && (v <= passageborderwidthnumber.max))
    [13846] =>             {
    [13847] =>                 passageborderwidthnumber.value = v;
    [13848] => 
    [13849] =>                 passageborderwidthnumberupdate();
    [13850] =>             }
    [13851] =>         }
    [13852] => 
    [13853] => 
    [13854] => 
    [13855] =>         function passagehorizontalload()
    [13856] =>         {
    [13857] =>             const div = document.createElement("div");
    [13858] =>             div.id = "passagehorizontal";
    [13859] =>             div.innerHTML = "horizontal";
    [13860] =>             tabcontentpassage.append(div);
    [13861] =>         }
    [13862] =>         addEventListener("load", passagehorizontalload);
    [13863] => 
    [13864] =>         function passagehorizontalselectload()
    [13865] =>         {
    [13866] =>             const br = document.createElement("br");
    [13867] =>             passagehorizontal.append(br);
    [13868] => 
    [13869] =>             const select = document.createElement("select");
    [13870] =>             select.id = "passagehorizontalselect";
    [13871] =>             select.addEventListener("input", passagehorizontalselectupdate);
    [13872] =>             passagehorizontal.append(select);
    [13873] => 
    [13874] =>             for(const value of horizontalarray)
    [13875] =>             {
    [13876] =>                 const option = document.createElement("option");
    [13877] =>                 option.innerHTML = value;
    [13878] =>                 select.add(option);
    [13879] =>             }
    [13880] => 
    [13881] =>             select.value = horizontalarray[1];
    [13882] => 
    [13883] =>             passagehorizontalselectset();
    [13884] =>         }
    [13885] =>         addEventListener("load", passagehorizontalselectload);
    [13886] => 
    [13887] =>         function passagehorizontalselectset()
    [13888] =>         {
    [13889] =>             text.passagehorizontal = passagehorizontalselect.value;
    [13890] =>         }
    [13891] => 
    [13892] =>         function passagehorizontalselectupdate()
    [13893] =>         {
    [13894] =>             passagehorizontalselectset();
    [13895] =>             svgupdate();
    [13896] =>         }
    [13897] => 
    [13898] => 
    [13899] => 
    [13900] =>         function passageverticalload()
    [13901] =>         {
    [13902] =>             const div = document.createElement("div");
    [13903] =>             div.id = "passagevertical";
    [13904] =>             div.innerHTML = "vertical";
    [13905] =>             tabcontentpassage.append(div);
    [13906] =>         }
    [13907] =>         addEventListener("load", passageverticalload);
    [13908] => 
    [13909] =>         function passageverticalselectload()
    [13910] =>         {
    [13911] =>             const br = document.createElement("br");
    [13912] =>             passagevertical.append(br);
    [13913] => 
    [13914] =>             const select = document.createElement("select");
    [13915] =>             select.id = "passageverticalselect";
    [13916] =>             select.addEventListener("input", passageverticalselectupdate);
    [13917] =>             passagevertical.append(select);
    [13918] => 
    [13919] =>             for(const value of verticalarray)
    [13920] =>             {
    [13921] =>                 const option = document.createElement("option");
    [13922] =>                 option.innerHTML = value;
    [13923] =>                 select.add(option);
    [13924] =>             }
    [13925] => 
    [13926] =>             select.value = verticalarray[1];
    [13927] => 
    [13928] =>             passageverticalselectset();
    [13929] =>         }
    [13930] =>         addEventListener("load", passageverticalselectload);
    [13931] => 
    [13932] =>         function passageverticalselectset()
    [13933] =>         {
    [13934] =>             text.passagevertical = passageverticalselect.value;
    [13935] =>         }
    [13936] => 
    [13937] =>         function passageverticalselectupdate()
    [13938] =>         {
    [13939] =>             passageverticalselectset();
    [13940] =>             svgupdate();
    [13941] =>         }
    [13942] => 
    [13943] => 
    [13944] => 
    [13945] =>         function passagewritingmodeload()
    [13946] =>         {
    [13947] =>             const div = document.createElement("div");
    [13948] =>             div.id = "passagewritingmode";
    [13949] =>             div.innerHTML = "writing-mode";
    [13950] =>             tabcontentpassage.append(div);
    [13951] =>         }
    [13952] =>         addEventListener("load", passagewritingmodeload);
    [13953] => 
    [13954] =>         function passagewritingmodeselectload()
    [13955] =>         {
    [13956] =>             const br = document.createElement("br");
    [13957] =>             passagewritingmode.append(br);
    [13958] => 
    [13959] =>             const select = document.createElement("select");
    [13960] =>             select.id = "passagewritingmodeselect";
    [13961] =>             select.addEventListener("input", passagewritingmodeselectupdate);
    [13962] =>             passagewritingmode.append(select);
    [13963] => 
    [13964] =>             for(const value of writingmodearray)
    [13965] =>             {
    [13966] =>                 const option = document.createElement("option");
    [13967] =>                 option.innerHTML = value;
    [13968] =>                 select.add(option);
    [13969] =>             }
    [13970] => 
    [13971] =>             passagewritingmodeselectset();
    [13972] =>         }
    [13973] =>         addEventListener("load", passagewritingmodeselectload);
    [13974] => 
    [13975] =>         function passagewritingmodeselectset()
    [13976] =>         {
    [13977] =>             text.passagewritingmode = passagewritingmodeselect.value;
    [13978] =>         }
    [13979] => 
    [13980] =>         function passagewritingmodeselectupdate()
    [13981] =>         {
    [13982] =>             passagewritingmodeselectset();
    [13983] =>             svgupdate();
    [13984] =>         }
    [13985] => 
    [13986] => 
    [13987] => 
    [13988] =>         function passagefontfamilyload()
    [13989] =>         {
    [13990] =>             const div = document.createElement("div");
    [13991] =>             div.id = "passagefontfamily";
    [13992] =>             div.innerHTML = "font-family";
    [13993] =>             tabcontentpassage.append(div);
    [13994] =>         }
    [13995] =>         addEventListener("load", passagefontfamilyload);
    [13996] => 
    [13997] =>         function passagefontfamilyselectload()
    [13998] =>         {
    [13999] =>             const br = document.createElement("br");
    [14000] =>             passagefontfamily.append(br);
    [14001] => 
    [14002] =>             const select = document.createElement("select");
    [14003] =>             select.id = "passagefontfamilyselect";
    [14004] =>             select.addEventListener("input", passagefontfamilyselectupdate);
    [14005] =>             passagefontfamily.append(select);
    [14006] => 
    [14007] =>             for(const value of fontfamilyarray)
    [14008] =>             {
    [14009] =>                 const option = document.createElement("option");
    [14010] =>                 option.innerHTML = value;
    [14011] =>                 select.add(option);
    [14012] =>             }
    [14013] => 
    [14014] =>             passagefontfamilyselectset();
    [14015] =>         }
    [14016] =>         addEventListener("load", passagefontfamilyselectload);
    [14017] => 
    [14018] =>         function passagefontfamilyselectset()
    [14019] =>         {
    [14020] =>             text.passagefontfamily = passagefontfamilyselect.value;
    [14021] =>         }
    [14022] => 
    [14023] =>         function passagefontfamilyselectupdate()
    [14024] =>         {
    [14025] =>             passagefontfamilyselectset();
    [14026] =>             svgupdate();
    [14027] =>         }
    [14028] => 
    [14029] => 
    [14030] => 
    [14031] =>         function passagefontsizeload()
    [14032] =>         {
    [14033] =>             const div = document.createElement("div");
    [14034] =>             div.id = "passagefontsize";
    [14035] =>             div.innerHTML = "font-size";
    [14036] =>             tabcontentpassage.append(div);
    [14037] =>         }
    [14038] =>         addEventListener("load", passagefontsizeload);
    [14039] => 
    [14040] =>         function passagefontsizenumberload()
    [14041] =>         {
    [14042] =>             const br = document.createElement("br");
    [14043] =>             passagefontsize.append(br);
    [14044] => 
    [14045] =>             const input = document.createElement("input");
    [14046] =>             input.id = "passagefontsizenumber";
    [14047] =>             input.max = 1000;
    [14048] =>             input.min = 0;
    [14049] =>             input.type = "number";
    [14050] =>             input.value = 60;
    [14051] =>             input.addEventListener("input", passagefontsizenumberupdate);
    [14052] =>             passagefontsize.append(input);
    [14053] => 
    [14054] =>             //passagefontsizenumberset();
    [14055] =>         }
    [14056] =>         addEventListener("load", passagefontsizenumberload);
    [14057] => 
    [14058] =>         function passagefontsizenumberset()
    [14059] =>         {
    [14060] =>             const v = Number(passagefontsizenumber.value);
    [14061] => 
    [14062] =>             passagefontsizerange.value = v;
    [14063] =>             text.passagefontsize = v;
    [14064] =>         }
    [14065] => 
    [14066] =>         function passagefontsizenumberupdate()
    [14067] =>         {
    [14068] =>             passagefontsizenumberset();
    [14069] =>             svgupdate();
    [14070] =>         }
    [14071] => 
    [14072] =>         function passagefontsizerangeload()
    [14073] =>         {
    [14074] =>             const input = document.createElement("input");
    [14075] =>             input.id = "passagefontsizerange";
    [14076] =>             input.max = passagefontsizenumber.max;
    [14077] =>             input.min = passagefontsizenumber.min;
    [14078] =>             input.type = "range";
    [14079] =>             input.value = passagefontsizenumber.value;
    [14080] =>             input.addEventListener("input", passagefontsizerangeupdate);
    [14081] =>             passagefontsize.append(input);
    [14082] => 
    [14083] =>             passagefontsizerangeset();
    [14084] =>         }
    [14085] =>         addEventListener("load", passagefontsizerangeload);
    [14086] => 
    [14087] =>         function passagefontsizerangeset()
    [14088] =>         {
    [14089] =>             const v = Number(passagefontsizerange.value);
    [14090] => 
    [14091] =>             passagefontsizenumber.value = v;
    [14092] =>             text.passagefontsize = v;
    [14093] =>         }
    [14094] => 
    [14095] =>         function passagefontsizerangeupdate()
    [14096] =>         {
    [14097] =>             passagefontsizerangeset();
    [14098] =>             svgupdate();
    [14099] =>         }
    [14100] => 
    [14101] =>         function passagefontsizeexactload()
    [14102] =>         {
    [14103] =>             const br = document.createElement("br");
    [14104] =>             passagefontsize.append(br);
    [14105] => 
    [14106] =>             const array =
    [14107] =>             [
    [14108] =>                 ["0",0],
    [14109] =>                 ["50",50],
    [14110] =>                 ["100",100],
    [14111] =>                 ["250",250],
    [14112] =>                 ["500",500],
    [14113] =>                 ["1000",1000],
    [14114] =>             ];
    [14115] => 
    [14116] =>             for(const value of array)
    [14117] =>             {
    [14118] =>                 const button = document.createElement("button");
    [14119] =>                 button.innerHTML = value[0];
    [14120] =>                 button.value = value[1];
    [14121] =>                 button.addEventListener("click", passagefontsizeexactupdate);
    [14122] =>                 passagefontsize.append(button);
    [14123] =>             }
    [14124] =>         }
    [14125] =>         addEventListener("load", passagefontsizeexactload);
    [14126] => 
    [14127] =>         function passagefontsizeexactupdate(e)
    [14128] =>         {
    [14129] =>             passagefontsizenumber.value = Number(e.target.value);
    [14130] => 
    [14131] =>             passagefontsizenumberupdate();
    [14132] =>         }
    [14133] => 
    [14134] =>         function passagefontsizeincrementload()
    [14135] =>         {
    [14136] =>             const br = document.createElement("br");
    [14137] =>             passagefontsize.append(br);
    [14138] => 
    [14139] =>             const array =
    [14140] =>             [
    [14141] =>                 ["-100",-100],
    [14142] =>                 ["-10",-10],
    [14143] =>                 ["-1",-1],
    [14144] =>                 ["+1",1],
    [14145] =>                 ["+10",10],
    [14146] =>                 ["+100",100],
    [14147] =>             ];
    [14148] => 
    [14149] =>             for(const value of array)
    [14150] =>             {
    [14151] =>                 const button = document.createElement("button");
    [14152] =>                 button.innerHTML = value[0];
    [14153] =>                 button.value = value[1];
    [14154] =>                 button.addEventListener("click", passagefontsizeincrementupdate);
    [14155] =>                 passagefontsize.append(button);
    [14156] =>             }
    [14157] =>         }
    [14158] =>         addEventListener("load", passagefontsizeincrementload);
    [14159] => 
    [14160] =>         function passagefontsizeincrementupdate(e)
    [14161] =>         {
    [14162] =>             const v = Number(passagefontsizenumber.value) + Number(e.target.value);
    [14163] => 
    [14164] =>             if((passagefontsizenumber.min <= v) && (v <= passagefontsizenumber.max))
    [14165] =>             {
    [14166] =>                 passagefontsizenumber.value = v;
    [14167] => 
    [14168] =>                 passagefontsizenumberupdate();
    [14169] =>             }
    [14170] =>         }
    [14171] => 
    [14172] => /*
    [14173] =>         function passagefontsizefitload()
    [14174] =>         {
    [14175] =>             const button = document.createElement("button");
    [14176] =>             button.innerHTML = "fit";
    [14177] =>             button.addEventListener("click", passagefontsizefitupdate);
    [14178] =>             passagefontsize.append(button);
    [14179] =>         }
    [14180] =>         addEventListener("load", passagefontsizefitload);
    [14181] => 
    [14182] =>         function passagefontsizefitupdate()
    [14183] =>         {
    [14184] =>             const t = document.createElement("div");
    [14185] =>             passagefontsize.append(t);
    [14186] =>             t.innerHTML = text.bookname;
    [14187] =>             t.style.fontSize = `${passagefontsizenumber.value}px`;
    [14188] => 
    [14189] =>             const h1 = text.passagewidth;
    [14190] =>             const h2 = text.passageheight;
    [14191] =>             const h3 = t.offsetWidth;
    [14192] =>             const h4 = t.offsetHeight;
    [14193] =>             const h5 = passagefontsizenumber.value;
    [14194] => 
    [14195] =>             //const h4 = t.offsetParent;//t.style.fontSize;
    [14196] =>             //const h5 = t.clientHeight;//text.style.height;
    [14197] =>             //const h6 = text.height;
    [14198] =>             //const h7 = text.getBoundingClientRect().height;
    [14199] =>             //const h8 = text.style.lineHeight;
    [14200] =>             //const h9 = canvas.getBoundingClientRect().height;
    [14201] =>             console.log(h1, h2, h3, h4, h5);
    [14202] =>             //t.hidden = true;
    [14203] => 
    [14204] =>             if(h2 < h4)
    [14205] =>             {
    [14206] =>                 passagefontsizenumber.value -= 1;
    [14207] =>                 passagefit();
    [14208] =>             }
    [14209] => 
    [14210] =>             passagefontsizenumberupdate();
    [14211] =>         }
    [14212] => //*/
    [14213] => 
    [14214] => 
    [14215] => 
    [14216] =>         function passagefontstyleload()
    [14217] =>         {
    [14218] =>             const div = document.createElement("div");
    [14219] =>             div.id = "passagefontstyle";
    [14220] =>             div.innerHTML = "font-style";
    [14221] =>             tabcontentpassage.append(div);
    [14222] =>         }
    [14223] =>         addEventListener("load", passagefontstyleload);
    [14224] => 
    [14225] =>         function passagefontstyleselectload()
    [14226] =>         {
    [14227] =>             const br = document.createElement("br");
    [14228] =>             passagefontstyle.append(br);
    [14229] => 
    [14230] =>             const select = document.createElement("select");
    [14231] =>             select.id = "passagefontstyleselect";
    [14232] =>             select.addEventListener("input", passagefontstyleselectupdate);
    [14233] =>             passagefontstyle.append(select);
    [14234] => 
    [14235] =>             for(const value of fontstylearray)
    [14236] =>             {
    [14237] =>                 const option = document.createElement("option");
    [14238] =>                 option.innerHTML = value;
    [14239] =>                 select.add(option);
    [14240] =>             }
    [14241] => 
    [14242] =>             passagefontstyleselectset();
    [14243] =>         }
    [14244] =>         addEventListener("load", passagefontstyleselectload);
    [14245] => 
    [14246] =>         function passagefontstyleselectset()
    [14247] =>         {
    [14248] =>             text.passagefontstyle = passagefontstyleselect.value;
    [14249] =>         }
    [14250] => 
    [14251] =>         function passagefontstyleselectupdate()
    [14252] =>         {
    [14253] =>             passagefontstyleselectset();
    [14254] =>             svgupdate();
    [14255] =>         }
    [14256] => 
    [14257] => 
    [14258] => 
    [14259] =>         function passagefontvariantload()
    [14260] =>         {
    [14261] =>             const div = document.createElement("div");
    [14262] =>             div.id = "passagefontvariant";
    [14263] =>             div.innerHTML = "font-variant";
    [14264] =>             tabcontentpassage.append(div);
    [14265] =>         }
    [14266] =>         addEventListener("load", passagefontvariantload);
    [14267] => 
    [14268] =>         function passagefontvariantselectload()
    [14269] =>         {
    [14270] =>             const br = document.createElement("br");
    [14271] =>             passagefontvariant.append(br);
    [14272] => 
    [14273] =>             const select = document.createElement("select");
    [14274] =>             select.id = "passagefontvariantselect";
    [14275] =>             select.addEventListener("input", passagefontvariantselectupdate);
    [14276] =>             passagefontvariant.append(select);
    [14277] => 
    [14278] =>             for(const value of fontvariantarray)
    [14279] =>             {
    [14280] =>                 const option = document.createElement("option");
    [14281] =>                 option.innerHTML = value;
    [14282] =>                 select.add(option);
    [14283] =>             }
    [14284] => 
    [14285] =>             passagefontvariantselectset();
    [14286] =>         }
    [14287] =>         addEventListener("load", passagefontvariantselectload);
    [14288] => 
    [14289] =>         function passagefontvariantselectset()
    [14290] =>         {
    [14291] =>             text.passagefontvariant = passagefontvariantselect.value;
    [14292] =>         }
    [14293] => 
    [14294] =>         function passagefontvariantselectupdate()
    [14295] =>         {
    [14296] =>             passagefontvariantselectset();
    [14297] =>             svgupdate();
    [14298] =>         }
    [14299] => 
    [14300] => 
    [14301] => 
    [14302] =>         function passagefontweightload()
    [14303] =>         {
    [14304] =>             const div = document.createElement("div");
    [14305] =>             div.id = "passagefontweight";
    [14306] =>             div.innerHTML = "font-weight";
    [14307] =>             tabcontentpassage.append(div);
    [14308] =>         }
    [14309] =>         addEventListener("load", passagefontweightload);
    [14310] => 
    [14311] =>         function passagefontweightselectload()
    [14312] =>         {
    [14313] =>             const br = document.createElement("br");
    [14314] =>             passagefontweight.append(br);
    [14315] => 
    [14316] =>             const select = document.createElement("select");
    [14317] =>             select.id = "passagefontweightselect";
    [14318] =>             select.addEventListener("input", passagefontweightselectupdate);
    [14319] =>             passagefontweight.append(select);
    [14320] => 
    [14321] =>             for(const value of fontweightarray)
    [14322] =>             {
    [14323] =>                 const option = document.createElement("option");
    [14324] =>                 option.innerHTML = value;
    [14325] =>                 select.add(option);
    [14326] =>             }
    [14327] => 
    [14328] =>             passagefontweightselectset();
    [14329] =>         }
    [14330] =>         addEventListener("load", passagefontweightselectload);
    [14331] => 
    [14332] =>         function passagefontweightselectset()
    [14333] =>         {
    [14334] =>             text.passagefontweight = passagefontweightselect.value;
    [14335] =>         }
    [14336] => 
    [14337] =>         function passagefontweightselectupdate()
    [14338] =>         {
    [14339] =>             passagefontweightselectset();
    [14340] =>             svgupdate();
    [14341] =>         }
    [14342] => 
    [14343] => 
    [14344] => 
    [14345] =>         function passagecolorload()
    [14346] =>         {
    [14347] =>             const div = document.createElement("div");
    [14348] =>             div.id = "passagecolor";
    [14349] =>             div.innerHTML = "color";
    [14350] =>             tabcontentpassage.append(div);
    [14351] =>         }
    [14352] =>         addEventListener("load", passagecolorload);
    [14353] => 
    [14354] =>         function passagecolorcolorload()
    [14355] =>         {
    [14356] =>             const br = document.createElement("br");
    [14357] =>             passagecolor.append(br);
    [14358] => 
    [14359] =>             const input = document.createElement("input");
    [14360] =>             input.id = "passagecolorcolor";
    [14361] =>             input.type = "color";
    [14362] =>             input.value = "#000000";
    [14363] =>             input.addEventListener("input", passagecolorcolorupdate);
    [14364] =>             passagecolor.append(input);
    [14365] => 
    [14366] =>             //passagecolorcolorset();
    [14367] =>         }
    [14368] =>         addEventListener("load", passagecolorcolorload);
    [14369] => 
    [14370] =>         function passagecolorcolorset()
    [14371] =>         {
    [14372] =>             const c = passagecolorcolor.value;
    [14373] =>             const r = parseInt(c.slice(1,3),16);
    [14374] =>             const g = parseInt(c.slice(3,5),16);
    [14375] =>             const b = parseInt(c.slice(5,7),16);
    [14376] =>             const a = passagealphanumber.value;
    [14377] => 
    [14378] =>             text.passagecolor = `rgb(${r} ${g} ${b} / ${a})`;
    [14379] =>         }
    [14380] => 
    [14381] =>         function passagecolorcolorupdate()
    [14382] =>         {
    [14383] =>             passagecolorcolorset();
    [14384] =>             svgupdate();
    [14385] =>         }
    [14386] => 
    [14387] =>         function passagecolorexactload()
    [14388] =>         {
    [14389] =>             const br = document.createElement("br");
    [14390] =>             passagecolor.append(br);
    [14391] => 
    [14392] =>             const array =
    [14393] =>             [
    [14394] =>                 ["black","#000000"],
    [14395] =>                 ["white","#ffffff"],
    [14396] =>             ];
    [14397] => 
    [14398] =>             for(const value of array)
    [14399] =>             {
    [14400] =>                 const button = document.createElement("button");
    [14401] =>                 button.innerHTML = value[0];
    [14402] =>                 button.value = value[1];
    [14403] =>                 button.addEventListener("click", passagecolorexactupdate);
    [14404] =>                 passagecolor.append(button);
    [14405] =>             }
    [14406] =>         }
    [14407] =>         addEventListener("load", passagecolorexactload);
    [14408] => 
    [14409] =>         function passagecolorexactupdate(e)
    [14410] =>         {
    [14411] =>             passagecolorcolor.value = e.target.value;
    [14412] => 
    [14413] =>             passagecolorcolorupdate();
    [14414] =>         }
    [14415] => 
    [14416] => 
    [14417] => 
    [14418] =>         function passagealphaload()
    [14419] =>         {
    [14420] =>             const div = document.createElement("div");
    [14421] =>             div.id = "passagealpha";
    [14422] =>             div.innerHTML = "alpha";
    [14423] =>             tabcontentpassage.append(div);
    [14424] => 
    [14425] =>             const style = div.style;
    [14426] =>             style.overflowY = "hidden";
    [14427] =>             style.whiteSpace = "nowrap";
    [14428] =>         }
    [14429] =>         addEventListener("load", passagealphaload);
    [14430] => 
    [14431] =>         function passagealphanumberload()
    [14432] =>         {
    [14433] =>             const br = document.createElement("br");
    [14434] =>             passagealpha.append(br);
    [14435] => 
    [14436] =>             const input = document.createElement("input");
    [14437] =>             input.id = "passagealphanumber";
    [14438] =>             input.max = 1;
    [14439] =>             input.min = 0;
    [14440] =>             input.step = 0.01;
    [14441] =>             input.type = "number";
    [14442] =>             input.value = 1;
    [14443] =>             input.addEventListener("input", passagealphanumberupdate);
    [14444] =>             passagealpha.append(input);
    [14445] => 
    [14446] =>             //passagealphanumberset();
    [14447] =>         }
    [14448] =>         addEventListener("load", passagealphanumberload);
    [14449] => 
    [14450] =>         function passagealphanumberset()
    [14451] =>         {
    [14452] =>             const c = passagecolorcolor.value;
    [14453] =>             const r = parseInt(c.slice(1,3),16);
    [14454] =>             const g = parseInt(c.slice(3,5),16);
    [14455] =>             const b = parseInt(c.slice(5,7),16);
    [14456] =>             const a = passagealphanumber.value;
    [14457] => 
    [14458] =>             passagealpharange.value = a;
    [14459] =>             text.passagecolor = `rgb(${r} ${g} ${b} / ${a})`;
    [14460] =>         }
    [14461] => 
    [14462] =>         function passagealphanumberupdate()
    [14463] =>         {
    [14464] =>             passagealphanumberset();
    [14465] =>             svgupdate();
    [14466] =>         }
    [14467] => 
    [14468] =>         function passagealpharangeload()
    [14469] =>         {
    [14470] =>             const input = document.createElement("input");
    [14471] =>             input.id = "passagealpharange";
    [14472] =>             input.max = passagealphanumber.max;
    [14473] =>             input.min = passagealphanumber.min;
    [14474] =>             input.step = passagealphanumber.step;
    [14475] =>             input.type = "range";
    [14476] =>             input.value = passagealphanumber.value;
    [14477] =>             input.addEventListener("input", passagealpharangeupdate);
    [14478] =>             passagealpha.append(input);
    [14479] => 
    [14480] =>             passagealpharangeset();
    [14481] =>         }
    [14482] =>         addEventListener("load", passagealpharangeload);
    [14483] => 
    [14484] =>         function passagealpharangeset()
    [14485] =>         {
    [14486] =>             const c = passagecolorcolor.value;
    [14487] =>             const r = parseInt(c.slice(1,3),16);
    [14488] =>             const g = parseInt(c.slice(3,5),16);
    [14489] =>             const b = parseInt(c.slice(5,7),16);
    [14490] =>             const a = passagealpharange.value;
    [14491] => 
    [14492] =>             passagealphanumber.value = a;
    [14493] =>             text.passagecolor = `rgb(${r} ${g} ${b} / ${a})`;
    [14494] =>         }
    [14495] => 
    [14496] =>         function passagealpharangeupdate()
    [14497] =>         {
    [14498] =>             passagealpharangeset();
    [14499] =>             svgupdate();
    [14500] =>         }
    [14501] => 
    [14502] =>         function passagealphaexactload()
    [14503] =>         {
    [14504] =>             const br = document.createElement("br");
    [14505] =>             passagealpha.append(br);
    [14506] => 
    [14507] =>             const array =
    [14508] =>             [
    [14509] =>                 ["0",0],
    [14510] =>                 ["0.25",0.25],
    [14511] =>                 ["0.5",0.5],
    [14512] =>                 ["0.75",0.75],
    [14513] =>                 ["1",1],
    [14514] =>             ];
    [14515] => 
    [14516] =>             for(const value of array)
    [14517] =>             {
    [14518] =>                 const button = document.createElement("button");
    [14519] =>                 button.innerHTML = value[0];
    [14520] =>                 button.value = value[1];
    [14521] =>                 button.addEventListener("click", passagealphaexactupdate);
    [14522] =>                 passagealpha.append(button);
    [14523] =>             }
    [14524] =>         }
    [14525] =>         addEventListener("load", passagealphaexactload);
    [14526] => 
    [14527] =>         function passagealphaexactupdate(e)
    [14528] =>         {
    [14529] =>             passagealphanumber.value = Number(e.target.value);
    [14530] => 
    [14531] =>             passagealphanumberupdate();
    [14532] =>         }
    [14533] => 
    [14534] =>         function passagealphaincrementload()
    [14535] =>         {
    [14536] =>             const br = document.createElement("br");
    [14537] =>             passagealpha.append(br);
    [14538] => 
    [14539] =>             const array =
    [14540] =>             [
    [14541] =>                 ["-0.1",-0.1],
    [14542] =>                 ["-0.01",-0.01],
    [14543] =>                 ["+0.01",0.01],
    [14544] =>                 ["+0.1",0.1],
    [14545] =>             ];
    [14546] => 
    [14547] =>             for(const value of array)
    [14548] =>             {
    [14549] =>                 const button = document.createElement("button");
    [14550] =>                 button.innerHTML = value[0];
    [14551] =>                 button.value = value[1];
    [14552] =>                 button.addEventListener("click", passagealphaincrementupdate);
    [14553] =>                 passagealpha.append(button);
    [14554] =>             }
    [14555] =>         }
    [14556] =>         addEventListener("load", passagealphaincrementload);
    [14557] => 
    [14558] =>         function passagealphaincrementupdate(e)
    [14559] =>         {
    [14560] =>             let v = Number(passagealphanumber.value) + Number(e.target.value);
    [14561] =>             v = parseFloat(v.toFixed(2));
    [14562] => 
    [14563] =>             if((passagealphanumber.min <= v) && (v <= passagealphanumber.max))
    [14564] =>             {
    [14565] =>                 passagealphanumber.value = v;
    [14566] => 
    [14567] =>                 passagealphanumberupdate();
    [14568] =>             }
    [14569] =>         }
    [14570] => 
    [14571] => 
    [14572] => 
    [14573] => /*leftoff
    [14574] =>         function passagefilterblurload()
    [14575] =>         {
    [14576] =>             const div = document.createElement("div");
    [14577] =>             div.id = "passagefilterblur";
    [14578] =>             div.innerHTML = "filter-blur";
    [14579] =>             tabcontentpassage.append(div);
    [14580] => 
    [14581] =>             const style = div.style;
    [14582] =>             style.overflowY = "hidden";
    [14583] =>             style.whiteSpace = "nowrap";
    [14584] =>         }
    [14585] =>         addEventListener("load", passagefilterblurload);
    [14586] => 
    [14587] =>         function passagefilterblurnumberload()
    [14588] =>         {
    [14589] =>             const br = document.createElement("br");
    [14590] =>             passagefilterblur.append(br);
    [14591] => 
    [14592] =>             const input = document.createElement("input");
    [14593] =>             input.id = "passagefilterblurnumber";
    [14594] =>             input.max = 1000;
    [14595] =>             input.min = 0;
    [14596] =>             input.step = 1;
    [14597] =>             input.type = "number";
    [14598] =>             input.value = 0;
    [14599] =>             input.addEventListener("input", passagefilterblurnumberupdate);
    [14600] =>             passagefilterblur.append(input);
    [14601] => 
    [14602] =>             //passagefilterblurnumberset();
    [14603] =>         }
    [14604] =>         addEventListener("load", passagefilterblurnumberload);
    [14605] => 
    [14606] =>         function passagefilterblurnumberset()
    [14607] =>         {
    [14608] =>             const v = passagefilterblurnumber.value;
    [14609] => 
    [14610] =>             passagefilterblurrange.value = v;
    [14611] =>             text.passagebackdropfilterblur = v;
    [14612] =>         }
    [14613] => 
    [14614] =>         function passagefilterblurnumberupdate()
    [14615] =>         {
    [14616] =>             passagefilterblurnumberset();
    [14617] =>             svgupdate();
    [14618] =>         }
    [14619] => 
    [14620] =>         function passagefilterblurrangeload()
    [14621] =>         {
    [14622] =>             const input = document.createElement("input");
    [14623] =>             input.id = "passagefilterblurrange";
    [14624] =>             input.max = passagefilterblurnumber.max;
    [14625] =>             input.min = passagefilterblurnumber.min;
    [14626] =>             input.step = passagefilterblurnumber.step;
    [14627] =>             input.type = "range";
    [14628] =>             input.value = passagefilterblurnumber.value;
    [14629] =>             input.addEventListener("input", passagefilterblurrangeupdate);
    [14630] =>             passagefilterblur.append(input);
    [14631] => 
    [14632] =>             passagefilterblurrangeset();
    [14633] =>         }
    [14634] =>         addEventListener("load", passagefilterblurrangeload);
    [14635] => 
    [14636] =>         function passagefilterblurrangeset()
    [14637] =>         {
    [14638] =>             const v = passagefilterblurrange.value;
    [14639] => 
    [14640] =>             passagefilterblurnumber.value = v;
    [14641] =>             text.passagebackdropfilterblur = v;
    [14642] =>         }
    [14643] => 
    [14644] =>         function passagefilterblurrangeupdate()
    [14645] =>         {
    [14646] =>             passagefilterblurrangeset();
    [14647] =>             svgupdate();
    [14648] =>         }
    [14649] => 
    [14650] =>         function passagefilterblurexactload()
    [14651] =>         {
    [14652] =>             const br = document.createElement("br");
    [14653] =>             passagefilterblur.append(br);
    [14654] => 
    [14655] =>             const array =
    [14656] =>             [
    [14657] =>                 ["0",0],
    [14658] =>                 ["2",2],
    [14659] =>                 ["4",4],
    [14660] =>                 ["8",8],
    [14661] =>                 ["16",16],
    [14662] =>                 ["32",32],
    [14663] =>                 ["64",64],
    [14664] =>             ];
    [14665] => 
    [14666] =>             for(const value of array)
    [14667] =>             {
    [14668] =>                 const button = document.createElement("button");
    [14669] =>                 button.innerHTML = value[0];
    [14670] =>                 button.value = value[1];
    [14671] =>                 button.addEventListener("click", passagefilterblurexactupdate);
    [14672] =>                 passagefilterblur.append(button);
    [14673] =>             }
    [14674] =>         }
    [14675] =>         addEventListener("load", passagefilterblurexactload);
    [14676] => 
    [14677] =>         function passagefilterblurexactupdate(e)
    [14678] =>         {
    [14679] =>             passagefilterblurnumber.value = Number(e.target.value);
    [14680] => 
    [14681] =>             passagefilterblurnumberupdate();
    [14682] =>         }
    [14683] => 
    [14684] =>         function passagefilterblurincrementload()
    [14685] =>         {
    [14686] =>             const br = document.createElement("br");
    [14687] =>             passagefilterblur.append(br);
    [14688] => 
    [14689] =>             const array =
    [14690] =>             [
    [14691] =>                 ["-100",-100],
    [14692] =>                 ["-10",-10],
    [14693] =>                 ["-1",-1],
    [14694] =>                 ["+1",1],
    [14695] =>                 ["+10",10],
    [14696] =>                 ["+100",100],
    [14697] =>             ];
    [14698] => 
    [14699] =>             for(const value of array)
    [14700] =>             {
    [14701] =>                 const button = document.createElement("button");
    [14702] =>                 button.innerHTML = value[0];
    [14703] =>                 button.value = value[1];
    [14704] =>                 button.addEventListener("click", passagefilterblurincrementupdate);
    [14705] =>                 passagefilterblur.append(button);
    [14706] =>             }
    [14707] =>         }
    [14708] =>         addEventListener("load", passagefilterblurincrementload);
    [14709] => 
    [14710] =>         function passagefilterblurincrementupdate(e)
    [14711] =>         {
    [14712] =>             const v = Number(passagefilterblurnumber.value) + Number(e.target.value);
    [14713] => 
    [14714] =>             if((passagefilterblurnumber.min <= v) && (v <= passagefilterblurnumber.max))
    [14715] =>             {
    [14716] =>                 passagefilterblurnumber.value = v;
    [14717] => 
    [14718] =>                 passagefilterblurnumberupdate();
    [14719] =>             }
    [14720] =>         }
    [14721] => 
    [14722] => 
    [14723] => 
    [14724] =>         function passagefilterbrightnessload()
    [14725] =>         {
    [14726] =>             const div = document.createElement("div");
    [14727] =>             div.id = "passagefilterbrightness";
    [14728] =>             div.innerHTML = "filter-brightness";
    [14729] =>             tabcontentpassage.append(div);
    [14730] => 
    [14731] =>             const style = div.style;
    [14732] =>             style.overflowY = "hidden";
    [14733] =>             style.whiteSpace = "nowrap";
    [14734] =>         }
    [14735] =>         addEventListener("load", passagefilterbrightnessload);
    [14736] => 
    [14737] =>         function passagefilterbrightnessnumberload()
    [14738] =>         {
    [14739] =>             const br = document.createElement("br");
    [14740] =>             passagefilterbrightness.append(br);
    [14741] => 
    [14742] =>             const input = document.createElement("input");
    [14743] =>             input.id = "passagefilterbrightnessnumber";
    [14744] =>             input.max = 1000;
    [14745] =>             input.min = 0;
    [14746] =>             input.step = 1;
    [14747] =>             input.type = "number";
    [14748] =>             input.value = 100;
    [14749] =>             input.addEventListener("input", passagefilterbrightnessnumberupdate);
    [14750] =>             passagefilterbrightness.append(input);
    [14751] => 
    [14752] =>             //passagefilterbrightnessnumberset();
    [14753] =>         }
    [14754] =>         addEventListener("load", passagefilterbrightnessnumberload);
    [14755] => 
    [14756] =>         function passagefilterbrightnessnumberset()
    [14757] =>         {
    [14758] =>             const v = passagefilterbrightnessnumber.value;
    [14759] => 
    [14760] =>             passagefilterbrightnessrange.value = v;
    [14761] =>             text.passagebackdropfilterbrightness = v;
    [14762] =>         }
    [14763] => 
    [14764] =>         function passagefilterbrightnessnumberupdate()
    [14765] =>         {
    [14766] =>             passagefilterbrightnessnumberset();
    [14767] =>             svgupdate();
    [14768] =>         }
    [14769] => 
    [14770] =>         function passagefilterbrightnessrangeload()
    [14771] =>         {
    [14772] =>             const input = document.createElement("input");
    [14773] =>             input.id = "passagefilterbrightnessrange";
    [14774] =>             input.max = passagefilterbrightnessnumber.max;
    [14775] =>             input.min = passagefilterbrightnessnumber.min;
    [14776] =>             input.step = passagefilterbrightnessnumber.step;
    [14777] =>             input.type = "range";
    [14778] =>             input.value = passagefilterbrightnessnumber.value;
    [14779] =>             input.addEventListener("input", passagefilterbrightnessrangeupdate);
    [14780] =>             passagefilterbrightness.append(input);
    [14781] => 
    [14782] =>             passagefilterbrightnessrangeset();
    [14783] =>         }
    [14784] =>         addEventListener("load", passagefilterbrightnessrangeload);
    [14785] => 
    [14786] =>         function passagefilterbrightnessrangeset()
    [14787] =>         {
    [14788] =>             const v = passagefilterbrightnessrange.value;
    [14789] => 
    [14790] =>             passagefilterbrightnessnumber.value = v;
    [14791] =>             text.passagebackdropfilterbrightness = v;
    [14792] =>         }
    [14793] => 
    [14794] =>         function passagefilterbrightnessrangeupdate()
    [14795] =>         {
    [14796] =>             passagefilterbrightnessrangeset();
    [14797] =>             svgupdate();
    [14798] =>         }
    [14799] => 
    [14800] =>         function passagefilterbrightnessexactload()
    [14801] =>         {
    [14802] =>             const br = document.createElement("br");
    [14803] =>             passagefilterbrightness.append(br);
    [14804] => 
    [14805] =>             const array =
    [14806] =>             [
    [14807] =>                 ["0",0],
    [14808] =>                 ["50",50],
    [14809] =>                 ["100 (initial)",100],
    [14810] =>                 ["150",150],
    [14811] =>                 ["200",200],
    [14812] =>             ];
    [14813] => 
    [14814] =>             for(const value of array)
    [14815] =>             {
    [14816] =>                 const button = document.createElement("button");
    [14817] =>                 button.innerHTML = value[0];
    [14818] =>                 button.value = value[1];
    [14819] =>                 button.addEventListener("click", passagefilterbrightnessexactupdate);
    [14820] =>                 passagefilterbrightness.append(button);
    [14821] =>             }
    [14822] =>         }
    [14823] =>         addEventListener("load", passagefilterbrightnessexactload);
    [14824] => 
    [14825] =>         function passagefilterbrightnessexactupdate(e)
    [14826] =>         {
    [14827] =>             passagefilterbrightnessnumber.value = Number(e.target.value);
    [14828] => 
    [14829] =>             passagefilterbrightnessnumberupdate();
    [14830] =>         }
    [14831] => 
    [14832] =>         function passagefilterbrightnessincrementload()
    [14833] =>         {
    [14834] =>             const br = document.createElement("br");
    [14835] =>             passagefilterbrightness.append(br);
    [14836] => 
    [14837] =>             const array =
    [14838] =>