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/SamaritansPurseOperationChristmasChild4.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>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/4/28.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/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] =>             [

    [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/SamaritansPurseOperationChristmasChild5.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>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/4/28.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] =>             [
    [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>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/4/28.mp4></video></div></body></html>
)

4 · flags · FILE_SKIP_EMPTY_LINES

<?

$filename = "https://osbo.com";
$flags = FILE_SKIP_EMPTY_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/SamaritansPurseOperationChristmasChild5.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/SamaritansPurseOperationChristmasChild5.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>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/4/28.mp4></video></div></body></html>
)

5 · context

<?

$filename = "https://osbo.com";
$flags = FILE_IGNORE_NEW_LINES;
$context = stream_context_create();

$return = file($filename, $flags, $context);

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/occ/ target=_blank><img alt="Samaritan's Purse Operation Christmas Child" src=/assets/svg/SamaritansPurseOperationChristmasChild5.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>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/4/28.mp4></video></div></body></html>
)

6 · key

<?

$filename = "https://osbo.com";
$flags = FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES;

$return = file($filename, $flags);

foreach($return as $key => $value)
{
    echo "<b>$key</b><br>\n"
    . htmlspecialchars($value) . "<br>\n";
}

<b>0</b><br>
&lt;!doctype html&gt;&lt;html lang=en&gt;&lt;head&gt;&lt;meta charset=utf-8&gt;&lt;meta content=width=device-width name=viewport&gt;&lt;meta content=osbo.com name=description&gt;&lt;title&gt;osbo.com&lt;/title&gt;&lt;link defer href=/assets/css/ rel=stylesheet&gt;&lt;link defer href=/assets/svg/ rel=icon&gt;&lt;script defer src=/assets/js/&gt;&lt;/script&gt;&lt;script&gt;var _mtm = window._mtm = window._mtm || [];_mtm.push({&quot;mtm.startTime&quot;: (new Date().getTime()), &quot;event&quot;: &quot;mtm.Start&quot;});(function(){var d=document, g=d.createElement(&quot;script&quot;), s=d.querySelector(&quot;script&quot;);g.async=true; g.src=&quot;/matomo/js/container_Gm7CI6wt.js&quot;; s.parentNode.insertBefore(g,s);})();&lt;/script&gt;&lt;/head&gt;&lt;body&gt;&lt;div id=foreground&gt;&lt;header&gt;&lt;a href=/&gt;&lt;img alt=Home id=home src=/assets/svg/Home.svg title=Home&gt;&lt;/a&gt;&lt;img alt=Menu id=menu src=/assets/svg/Menu.svg title=Menu&gt;&lt;form action=/search/&gt;&lt;input id=search-site name=search-site title=Search type=search&gt;&lt;/form&gt;&lt;/header&gt;&lt;footer&gt;&lt;a href=#&gt;&lt;img alt=Top id=top src=/assets/svg/Top.svg title=Top&gt;&lt;/a&gt;&lt;/footer&gt;&lt;/div&gt;&lt;div id=zeroground&gt;&lt;div id=content&gt;&lt;header&gt;&lt;div id=topnav&gt;&lt;a href=/Jesus/&gt;Jesus&lt;/a&gt; · &lt;a href=/Bible/&gt;Bible&lt;/a&gt; · &lt;a href=/html/&gt;HTML&lt;/a&gt; · &lt;a href=/css/&gt;CSS&lt;/a&gt; · &lt;a href=/js/&gt;JS&lt;/a&gt; · &lt;a href=/php/&gt;PHP&lt;/a&gt; · &lt;a href=/svg/&gt;SVG&lt;/a&gt; · &lt;a href=/applications/&gt;Applications&lt;/a&gt;&lt;/div&gt;&lt;/header&gt;&lt;div class=banner&gt;&lt;script defer src=https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4239362730750625 crossorigin=anonymous&gt;&lt;/script&gt;&lt;ins class=adsbygoogle data-ad-client=ca-pub-4239362730750625 data-ad-slot=5564639719&gt;&lt;a href=https://samaritanspurse.org/occ/ target=_blank&gt;&lt;img alt=&quot;Samaritan&#039;s Purse Operation Christmas Child&quot; src=/assets/svg/SamaritansPurseOperationChristmasChild1.svg title=&quot;Samaritan&#039;s Purse Operation Christmas Child&quot;&gt;&lt;/a&gt;&lt;/ins&gt;&lt;script&gt;(adsbygoogle = window.adsbygoogle || []).push({});&lt;/script&gt;&lt;/div&gt;&lt;main&gt;&lt;h1&gt;&lt;a href&gt;Bible Image Editor&lt;/a&gt;&lt;/h1&gt;&lt;div id=myid style=height:100vh&gt;&lt;script&gt;const Bibleversionarray =<br>
<b>1</b><br>
        [<br>
<b>2</b><br>
            [<br>
<b>3</b><br>
                &quot;العربية&quot;,<br>
<b>4</b><br>
                [<br>
<b>5</b><br>
                    [&quot;ASVD&quot;, &quot;الكتاب المقدس ترجمة فانديك وسميث (ASVD)&quot;],<br>
<b>6</b><br>
                ],<br>
<b>7</b><br>
            ],<br>
<b>8</b><br>
            [<br>
<b>9</b><br>
                &quot;česky&quot;,<br>
<b>10</b><br>
                [<br>
<b>11</b><br>
                    [&quot;CSBKR&quot;, &quot;Bible Kralická 1613 (CSBKR)&quot;],<br>
<b>12</b><br>
                ],<br>
<b>13</b><br>
            ],<br>
<b>14</b><br>
            [<br>
<b>15</b><br>
                &quot;Dansk&quot;,<br>
<b>16</b><br>
                [<br>
<b>17</b><br>
                    [&quot;DA1871&quot;, &quot;Danske Bibel 1871 (DA1871)&quot;],<br>
<b>18</b><br>
                ],<br>
<b>19</b><br>
            ],<br>
<b>20</b><br>
            [<br>
<b>21</b><br>
                &quot;Deutsch&quot;,<br>
<b>22</b><br>
                [<br>
<b>23</b><br>
                    [&quot;DELUT&quot;, &quot;Luther Bible 1912 (DELUT)&quot;],<br>
<b>24</b><br>
                    [&quot;ELB&quot;, &quot;Elberfelder 1905 (ELB)&quot;],<br>
<b>25</b><br>
                    [&quot;ELB71&quot;, &quot;Elberfelder 1871 (ELB71)&quot;],<br>
<b>26</b><br>
                ],<br>
<b>27</b><br>
            ],<br>
<b>28</b><br>
            [<br>
<b>29</b><br>
                &quot;English&quot;,<br>
<b>30</b><br>
                [<br>
<b>31</b><br>
                    [&quot;ASV&quot;, &quot;American Standard Version (ASV)&quot;],<br>
<b>32</b><br>
                    [&quot;KJV&quot;, &quot;King James Version (KJV)&quot;],<br>
<b>33</b><br>
                    [&quot;WEB&quot;, &quot;World English Bible (WEB)&quot;],<br>
<b>34</b><br>
                ],<br>
<b>35</b><br>
            ],<br>
<b>36</b><br>
            [<br>
<b>37</b><br>
                &quot;Español&quot;,<br>
<b>38</b><br>
                [<br>
<b>39</b><br>
                    [&quot;RVES&quot;, &quot;Reina-Valera Antigua (RVES)&quot;],<br>
<b>40</b><br>
                ],<br>
<b>41</b><br>
            ],<br>
<b>42</b><br>
            [<br>
<b>43</b><br>
                &quot;Suomi&quot;,<br>
<b>44</b><br>
                [<br>
<b>45</b><br>
                    [&quot;FI1776&quot;, &quot;Finnish 1776 (FI1776)&quot;],<br>
<b>46</b><br>
                    [&quot;FINPR&quot;, &quot;Finnish 1938 (FINPR)&quot;],<br>
<b>47</b><br>
                ],<br>
<b>48</b><br>
            ],<br>
<b>49</b><br>
            [<br>
<b>50</b><br>
                &quot;Français&quot;,<br>
<b>51</b><br>
                [<br>
<b>52</b><br>
                    [&quot;FMAR&quot;, &quot;Martin 1744 (FMAR)&quot;],<br>
<b>53</b><br>
                    [&quot;FRDBY&quot;, &quot;Bible Darby en français (FRDBY)&quot;],<br>
<b>54</b><br>
                    [&quot;LSG&quot;, &quot;Louis Segond 1910 (LSG)&quot;],<br>
<b>55</b><br>
                    [&quot;OST&quot;, &quot;Ostervald (OST)&quot;],<br>
<b>56</b><br>
                ],<br>
<b>57</b><br>
            ],<br>
<b>58</b><br>
            [<br>
<b>59</b><br>
                &quot;Magyar&quot;,<br>
<b>60</b><br>
                [<br>
<b>61</b><br>
                    [&quot;KAR&quot;, &quot;Károli 1590 (KAR)&quot;],<br>
<b>62</b><br>
                ],<br>
<b>63</b><br>
            ],<br>
<b>64</b><br>
            [<br>
<b>65</b><br>
                &quot;Bahasa Indonesia&quot;,<br>
<b>66</b><br>
                [<br>
<b>67</b><br>
                    [&quot;IDBAR&quot;, &quot;Terjemahan Baru (IDBAR)&quot;],<br>
<b>68</b><br>
                ],<br>
<b>69</b><br>
            ],<br>
<b>70</b><br>
            [<br>
<b>71</b><br>
                &quot;Italiano&quot;,<br>
<b>72</b><br>
                [<br>
<b>73</b><br>
                    [&quot;IGD&quot;, &quot;Giovanni Diodati Bibbia (IGD)&quot;],<br>
<b>74</b><br>
                    [&quot;ITRIV&quot;, &quot;Italian Riveduta 1927 (ITRIV)&quot;],<br>
<b>75</b><br>
                ],<br>
<b>76</b><br>
            ],<br>
<b>77</b><br>
            [<br>
<b>78</b><br>
                &quot;日本語&quot;,<br>
<b>79</b><br>
                [<br>
<b>80</b><br>
                    [&quot;JA1955&quot;, &quot;Colloquial Japanese 1955 (JA1955)&quot;],<br>
<b>81</b><br>
                ],<br>
<b>82</b><br>
            ],<br>
<b>83</b><br>
            [<br>
<b>84</b><br>
                &quot;Malagasy&quot;,<br>
<b>85</b><br>
                [<br>
<b>86</b><br>
                    [&quot;MG1865&quot;, &quot;Malagasy Bible (MG1865)&quot;],<br>
<b>87</b><br>
                ],<br>
<b>88</b><br>
            ],<br>
<b>89</b><br>
            [<br>
<b>90</b><br>
                &quot;te reo Māori&quot;,<br>
<b>91</b><br>
                [<br>
<b>92</b><br>
                    [&quot;MAOR&quot;, &quot;Maori Bible (MAOR)&quot;],<br>
<b>93</b><br>
                ],<br>
<b>94</b><br>
            ],<br>
<b>95</b><br>
            [<br>
<b>96</b><br>
                &quot;한국어&quot;,<br>
<b>97</b><br>
                [<br>
<b>98</b><br>
                    [&quot;KORVB&quot;, &quot;개역한글 (KORVB)&quot;],<br>
<b>99</b><br>
                ],<br>
<b>100</b><br>
            ],<br>
<b>101</b><br>
            [<br>
<b>102</b><br>
                &quot;Nederlands&quot;,<br>
<b>103</b><br>
                [<br>
<b>104</b><br>
                    [&quot;SV1750&quot;, &quot;Statenvertaling (SV1750)&quot;],<br>
<b>105</b><br>
                ],<br>
<b>106</b><br>
            ],<br>
<b>107</b><br>
            [<br>
<b>108</b><br>
                &quot;Norsk&quot;,<br>
<b>109</b><br>
                [<br>
<b>110</b><br>
                    [&quot;NORSK&quot;, &quot;Det Norsk Bibelselskap 1930 (NORSK)&quot;],<br>
<b>111</b><br>
                ],<br>
<b>112</b><br>
            ],<br>
<b>113</b><br>
            [<br>
<b>114</b><br>
                &quot;Polski&quot;,<br>
<b>115</b><br>
                [<br>
<b>116</b><br>
                    [&quot;PBG&quot;, &quot;Biblia Gdańska (PBG)&quot;],<br>
<b>117</b><br>
                ],<br>
<b>118</b><br>
            ],<br>
<b>119</b><br>
            [<br>
<b>120</b><br>
                &quot;Português&quot;,<br>
<b>121</b><br>
                [<br>
<b>122</b><br>
                    [&quot;AA&quot;, &quot;Almeida Atualizada (AA)&quot;],<br>
<b>123</b><br>
                ],<br>
<b>124</b><br>
            ],<br>
<b>125</b><br>
            [<br>
<b>126</b><br>
                &quot;Română&quot;,<br>
<b>127</b><br>
                [<br>
<b>128</b><br>
                    [&quot;RMNN&quot;, &quot;Romanian Cornilescu 1928 (RMNN)&quot;],<br>
<b>129</b><br>
                    [&quot;VDC&quot;, &quot;Versiunea Dumitru Cornilescu (VDC)&quot;],<br>
<b>130</b><br>
                    [&quot;VDCC&quot;, &quot;Versiunea Dumitru Cornilescu Corectată (VDCC)&quot;],<br>
<b>131</b><br>
                ],<br>
<b>132</b><br>
            ],<br>
<b>133</b><br>
            [<br>
<b>134</b><br>
                &quot;Pyccкий&quot;,<br>
<b>135</b><br>
                [<br>
<b>136</b><br>
                    [&quot;RURSV&quot;, &quot;Синодальный перевод (RURSV)&quot;],<br>
<b>137</b><br>
                ],<br>
<b>138</b><br>
            ],<br>
<b>139</b><br>
            [<br>
<b>140</b><br>
                &quot;Shqip&quot;,<br>
<b>141</b><br>
                [<br>
<b>142</b><br>
                    [&quot;ALBB&quot;, &quot;Albanian Bible (ALBB)&quot;],<br>
<b>143</b><br>
                ],<br>
<b>144</b><br>
            ],<br>
<b>145</b><br>
            [<br>
<b>146</b><br>
                &quot;Svenska&quot;,<br>
<b>147</b><br>
                [<br>
<b>148</b><br>
                    [&quot;SK73&quot;, &quot;Karl XII 1873 (SK73)&quot;],<br>
<b>149</b><br>
                    [&quot;SVEN&quot;, &quot;Svenska 1917 (SVEN)&quot;],<br>
<b>150</b><br>
                ],<br>
<b>151</b><br>
            ],<br>
<b>152</b><br>
            [<br>
<b>153</b><br>
                &quot;Wikang Tagalog&quot;,<br>
<b>154</b><br>
                [<br>
<b>155</b><br>
                    [&quot;TLAB&quot;, &quot;Ang Biblia (TLAB)&quot;],<br>
<b>156</b><br>
                ],<br>
<b>157</b><br>
            ],<br>
<b>158</b><br>
            [<br>
<b>159</b><br>
                &quot;українська&quot;,<br>
<b>160</b><br>
                [<br>
<b>161</b><br>
                    [&quot;UBIO&quot;, &quot;Біблія в пер. Івана Огієнка 1962 (UBIO)&quot;],<br>
<b>162</b><br>
                    [&quot;UKRK&quot;, &quot;Біблія в пер. П.Куліша та І.Пулюя 1905 (UKRK)&quot;],<br>
<b>163</b><br>
                ],<br>
<b>164</b><br>
            ],<br>
<b>165</b><br>
            [<br>
<b>166</b><br>
                &quot;Tiếng Việt&quot;,<br>
<b>167</b><br>
                [<br>
<b>168</b><br>
                    [&quot;VI1934&quot;, &quot;Vietnamese Bible 1934 (VI1934)&quot;],<br>
<b>169</b><br>
                ],<br>
<b>170</b><br>
            ],<br>
<b>171</b><br>
            [<br>
<b>172</b><br>
                &quot;简体中文&quot;,<br>
<b>173</b><br>
                [<br>
<b>174</b><br>
                    [&quot;CUVS&quot;, &quot;简体和合本 (CUVS)&quot;],<br>
<b>175</b><br>
                ],<br>
<b>176</b><br>
            ],<br>
<b>177</b><br>
            [<br>
<b>178</b><br>
                &quot;繁體中文&quot;,<br>
<b>179</b><br>
                [<br>
<b>180</b><br>
                    [&quot;CUV&quot;, &quot;和合本 (CUV)&quot;],<br>
<b>181</b><br>
                ],<br>
<b>182</b><br>
            ],<br>
<b>183</b><br>
        ];<br>
<b>184</b><br>
        const Biblebookarray =<br>
<b>185</b><br>
        [<br>
<b>186</b><br>
            //&quot;Genesis&quot;,<br>
<b>187</b><br>
            //&quot;John&quot;,<br>
<b>188</b><br>
        ];<br>
<b>189</b><br>
        const Bibleversearray =<br>
<b>190</b><br>
        [<br>
<b>191</b><br>
            //&quot;In the beginning God created the heaven and the earth.&quot;,<br>
<b>192</b><br>
            //&quot;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.&quot;,<br>
<b>193</b><br>
        ];<br>
<b>194</b><br>
        const tabarray =<br>
<b>195</b><br>
        [<br>
<b>196</b><br>
            &quot;canvas&quot;,<br>
<b>197</b><br>
            &quot;image&quot;,<br>
<b>198</b><br>
            &quot;message&quot;,<br>
<b>199</b><br>
            &quot;reference&quot;,<br>
<b>200</b><br>
            &quot;passage&quot;,<br>
<b>201</b><br>
            &quot;save&quot;,<br>
<b>202</b><br>
        ];<br>
<b>203</b><br>
        const borderstylearray =<br>
<b>204</b><br>
        [<br>
<b>205</b><br>
            &quot;none&quot;,<br>
<b>206</b><br>
            &quot;dashed&quot;,<br>
<b>207</b><br>
            &quot;dotted&quot;,<br>
<b>208</b><br>
            &quot;double&quot;,<br>
<b>209</b><br>
            &quot;groove&quot;,<br>
<b>210</b><br>
            //&quot;hidden&quot;,<br>
<b>211</b><br>
            &quot;inset&quot;,<br>
<b>212</b><br>
            &quot;outset&quot;,<br>
<b>213</b><br>
            &quot;ridge&quot;,<br>
<b>214</b><br>
            &quot;solid&quot;,<br>
<b>215</b><br>
        ];<br>
<b>216</b><br>
        const horizontalarray =<br>
<b>217</b><br>
        [<br>
<b>218</b><br>
            &quot;left&quot;,<br>
<b>219</b><br>
            &quot;center&quot;,<br>
<b>220</b><br>
            &quot;right&quot;,<br>
<b>221</b><br>
            &quot;justify&quot;,<br>
<b>222</b><br>
        ];<br>
<b>223</b><br>
        const verticalarray =<br>
<b>224</b><br>
        [<br>
<b>225</b><br>
            &quot;start&quot;,<br>
<b>226</b><br>
            &quot;center&quot;,<br>
<b>227</b><br>
            &quot;end&quot;,<br>
<b>228</b><br>
        ];<br>
<b>229</b><br>
        const writingmodearray =<br>
<b>230</b><br>
        [<br>
<b>231</b><br>
            &quot;horizontal-tb&quot;,<br>
<b>232</b><br>
            &quot;vertical-lr&quot;,<br>
<b>233</b><br>
            &quot;vertical-rl&quot;,<br>
<b>234</b><br>
            &quot;sideways-lr&quot;,<br>
<b>235</b><br>
            &quot;sideways-rl&quot;,<br>
<b>236</b><br>
        ];<br>
<b>237</b><br>
        const fontfamilyarray =<br>
<b>238</b><br>
        [<br>
<b>239</b><br>
            //generic family<br>
<b>240</b><br>
            &quot;cursive&quot;,<br>
<b>241</b><br>
            &quot;fantasy&quot;,<br>
<b>242</b><br>
            &quot;monospace&quot;,<br>
<b>243</b><br>
            &quot;sans-serif&quot;,<br>
<b>244</b><br>
            &quot;serif&quot;,<br>
<b>245</b><br>
            //web safe<br>
<b>246</b><br>
            //&quot;arial&quot;,//sans-serif<br>
<b>247</b><br>
            //&quot;brush script&quot;,//serif<br>
<b>248</b><br>
            &quot;courier&quot;,<br>
<b>249</b><br>
            //&quot;garamond&quot;,//serif<br>
<b>250</b><br>
            &quot;georgia&quot;,<br>
<b>251</b><br>
            &quot;tahoma&quot;,<br>
<b>252</b><br>
            //&quot;times new roman&quot;,//serif<br>
<b>253</b><br>
            &quot;trebuchet ms&quot;,<br>
<b>254</b><br>
            &quot;verdana&quot;,<br>
<b>255</b><br>
            //popular<br>
<b>256</b><br>
            //&quot;avenir&quot;,//serif<br>
<b>257</b><br>
            //&quot;bodoni&quot;,//serif<br>
<b>258</b><br>
            &quot;franklin gothic&quot;,<br>
<b>259</b><br>
            //&quot;frutiger&quot;,//serif<br>
<b>260</b><br>
            //&quot;futura&quot;,//serif<br>
<b>261</b><br>
            //&quot;helvetica&quot;,//sans-serif<br>
<b>262</b><br>
            //&quot;rockwell&quot;,//serif<br>
<b>263</b><br>
            //&quot;univers&quot;,//serif<br>
<b>264</b><br>
        ];<br>
<b>265</b><br>
        const fontstylearray =<br>
<b>266</b><br>
        [<br>
<b>267</b><br>
            &quot;normal&quot;,<br>
<b>268</b><br>
            &quot;italic&quot;,<br>
<b>269</b><br>
            //&quot;oblique&quot;,<br>
<b>270</b><br>
        ];<br>
<b>271</b><br>
        const fontvariantarray =<br>
<b>272</b><br>
        [<br>
<b>273</b><br>
            &quot;normal&quot;,<br>
<b>274</b><br>
            &quot;small-caps&quot;,<br>
<b>275</b><br>
        ];<br>
<b>276</b><br>
        const fontweightarray =<br>
<b>277</b><br>
        [<br>
<b>278</b><br>
            &quot;normal&quot;,<br>
<b>279</b><br>
            &quot;bold&quot;,<br>
<b>280</b><br>
            //&quot;bolder&quot;,<br>
<b>281</b><br>
            //&quot;lighter&quot;,<br>
<b>282</b><br>
        ];<br>
<b>283</b><br>
        const maxheight = 10000;<br>
<b>284</b><br>
        const maxwidth = 10000;<br>
<b>285</b><br>
        const image = document.createElement(&quot;img&quot;);<br>
<b>286</b><br>
        const text = document.createElement(&quot;img&quot;);<br>
<b>287</b><br>
        function bodyload()<br>
<b>288</b><br>
        {<br>
<b>289</b><br>
            //const body = document.body;<br>
<b>290</b><br>
            //body.id = &quot;myid&quot;;<br>
<b>291</b><br>
            const style = myid.style;<br>
<b>292</b><br>
            //style.height = &quot;100vh&quot;;<br>
<b>293</b><br>
            style.overflow = &quot;hidden&quot;;<br>
<b>294</b><br>
        }<br>
<b>295</b><br>
        addEventListener(&quot;load&quot;, bodyload);<br>
<b>296</b><br>
        function window1load()<br>
<b>297</b><br>
        {<br>
<b>298</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>299</b><br>
            div.id = &quot;window1&quot;;<br>
<b>300</b><br>
            myid.append(div);<br>
<b>301</b><br>
            const style = div.style;<br>
<b>302</b><br>
            style.height = &quot;50vh&quot;;<br>
<b>303</b><br>
            style.margin = &quot;0&quot;;<br>
<b>304</b><br>
        }<br>
<b>305</b><br>
        addEventListener(&quot;load&quot;, window1load);<br>
<b>306</b><br>
        function window2load()<br>
<b>307</b><br>
        {<br>
<b>308</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>309</b><br>
            div.id = &quot;window2&quot;;<br>
<b>310</b><br>
            myid.append(div);<br>
<b>311</b><br>
            const style = div.style;<br>
<b>312</b><br>
            style.height = &quot;32px&quot;;<br>
<b>313</b><br>
            style.margin = &quot;16px 0 0&quot;;<br>
<b>314</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>315</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>316</b><br>
        }<br>
<b>317</b><br>
        addEventListener(&quot;load&quot;, window2load);<br>
<b>318</b><br>
        function window3load()<br>
<b>319</b><br>
        {<br>
<b>320</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>321</b><br>
            div.id = &quot;window3&quot;;<br>
<b>322</b><br>
            myid.append(div);<br>
<b>323</b><br>
            const style = div.style;<br>
<b>324</b><br>
            style.height = &quot;calc(50vh - 48px)&quot;;<br>
<b>325</b><br>
            style.margin = &quot;0&quot;;<br>
<b>326</b><br>
            style.overflowX = &quot;hidden&quot;;<br>
<b>327</b><br>
        }<br>
<b>328</b><br>
        addEventListener(&quot;load&quot;, window3load);<br>
<b>329</b><br>
        function canvasload()<br>
<b>330</b><br>
        {<br>
<b>331</b><br>
            const canvas = document.createElement(&quot;canvas&quot;);<br>
<b>332</b><br>
            canvas.height = 1080;<br>
<b>333</b><br>
            canvas.id = &quot;canvas&quot;;<br>
<b>334</b><br>
            canvas.width = 1920;<br>
<b>335</b><br>
            window1.append(canvas);<br>
<b>336</b><br>
            const style = canvas.style;<br>
<b>337</b><br>
            style.position = &quot;relative&quot;;<br>
<b>338</b><br>
        }<br>
<b>339</b><br>
        addEventListener(&quot;load&quot;, canvasload);<br>
<b>340</b><br>
        function canvasupdate()<br>
<b>341</b><br>
        {<br>
<b>342</b><br>
            //console.log(&quot;canup&quot;);<br>
<b>343</b><br>
            const ww = innerWidth - 96;<br>
<b>344</b><br>
            const wh = innerHeight * 0.5;<br>
<b>345</b><br>
            const cw = canvas.width;<br>
<b>346</b><br>
            const ch = canvas.height;<br>
<b>347</b><br>
            const x = (ww - cw) * 0.5;<br>
<b>348</b><br>
            const y = (wh - ch) * 0.5;<br>
<b>349</b><br>
            const sw = ww / cw;<br>
<b>350</b><br>
            const sh = wh / ch;<br>
<b>351</b><br>
            const s = Math.min(sw, sh);<br>
<b>352</b><br>
            const style = canvas.style;<br>
<b>353</b><br>
            style.left = `${x}px`;<br>
<b>354</b><br>
            style.top = `${y}px`;<br>
<b>355</b><br>
            style.transform = `scale(${s})`;<br>
<b>356</b><br>
        }<br>
<b>357</b><br>
        addEventListener(&quot;load&quot;, canvasupdate);<br>
<b>358</b><br>
        function resize()<br>
<b>359</b><br>
        {<br>
<b>360</b><br>
            canvasupdate();<br>
<b>361</b><br>
        }<br>
<b>362</b><br>
        addEventListener(&quot;resize&quot;, resize);<br>
<b>363</b><br>
        function svgupdate()<br>
<b>364</b><br>
        {<br>
<b>365</b><br>
            //console.log(&quot;svgup&quot;);<br>
<b>366</b><br>
            const svg =<br>
<b>367</b><br>
`&lt;svg height=&quot;${canvas.height}&quot; width=&quot;${canvas.width}&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;<br>
<b>368</b><br>
    &lt;style&gt;<br>
<b>369</b><br>
        div<br>
<b>370</b><br>
        {<br>
<b>371</b><br>
            background-color: ${canvas.backgroundcolor};<br>
<b>372</b><br>
            height: 100%;<br>
<b>373</b><br>
        }<br>
<b>374</b><br>
        img<br>
<b>375</b><br>
        {<br>
<b>376</b><br>
            box-sizing: border-box;<br>
<b>377</b><br>
            position: absolute;<br>
<b>378</b><br>
            background-color: ${image.backgroundcolor};<br>
<b>379</b><br>
            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}%);<br>
<b>380</b><br>
            height: ${image.height}px;<br>
<b>381</b><br>
            left: ${image.myx}px;<br>
<b>382</b><br>
            margin: ${image.margintop}px ${image.marginright}px ${image.marginbottom}px ${image.marginleft}px;<br>
<b>383</b><br>
            padding: ${image.paddingtop}px ${image.paddingright}px ${image.paddingbottom}px ${image.paddingleft}px;<br>
<b>384</b><br>
            object-fit: ${image.objectfit};<br>
<b>385</b><br>
            //opacity: ${image.opacity};<br>
<b>386</b><br>
            top: ${image.myy}px;<br>
<b>387</b><br>
            width: ${image.width}px;<br>
<b>388</b><br>
        }<br>
<b>389</b><br>
        text<br>
<b>390</b><br>
        {<br>
<b>391</b><br>
            box-sizing: border-box;<br>
<b>392</b><br>
            display: grid;<br>
<b>393</b><br>
            overflow: hidden;<br>
<b>394</b><br>
            position: absolute;<br>
<b>395</b><br>
        }<br>
<b>396</b><br>
        text:nth-of-type(1)<br>
<b>397</b><br>
        {<br>
<b>398</b><br>
            white-space: pre;<br>
<b>399</b><br>
            align-items: ${text.messagevertical};<br>
<b>400</b><br>
            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}%);<br>
<b>401</b><br>
            background-color: ${text.messagebackgroundcolor};<br>
<b>402</b><br>
            border-color: ${text.messagebordercolor};<br>
<b>403</b><br>
            border-radius: ${text.messageborderradius}px;<br>
<b>404</b><br>
            border-style: ${text.messageborderstyle};<br>
<b>405</b><br>
            border-width: ${text.messageborderwidth}px;<br>
<b>406</b><br>
            color: ${text.messagecolor};<br>
<b>407</b><br>
            font-family: ${text.messagefontfamily};<br>
<b>408</b><br>
            font-size: ${text.messagefontsize}px;<br>
<b>409</b><br>
            font-style: ${text.messagefontstyle};<br>
<b>410</b><br>
            font-variant: ${text.messagefontvariant};<br>
<b>411</b><br>
            font-weight: ${text.messagefontweight};<br>
<b>412</b><br>
            height: ${text.messageheight}px;<br>
<b>413</b><br>
            left: ${text.messagex}px;<br>
<b>414</b><br>
            margin: ${text.messagemargintop}px ${text.messagemarginright}px ${text.messagemarginbottom}px ${text.messagemarginleft}px;<br>
<b>415</b><br>
            padding: ${text.messagepaddingtop}px ${text.messagepaddingright}px ${text.messagepaddingbottom}px ${text.messagepaddingleft}px;<br>
<b>416</b><br>
            text-align: ${text.messagehorizontal};<br>
<b>417</b><br>
            top: ${text.messagey}px;<br>
<b>418</b><br>
            width: ${text.messagewidth}px;<br>
<b>419</b><br>
            writing-mode: ${text.messagewritingmode};<br>
<b>420</b><br>
        }<br>
<b>421</b><br>
        text:nth-of-type(2)<br>
<b>422</b><br>
        {<br>
<b>423</b><br>
            align-items: ${text.referencevertical};<br>
<b>424</b><br>
            background-color: ${text.referencebackgroundcolor};<br>
<b>425</b><br>
            border-color: ${text.referencebordercolor};<br>
<b>426</b><br>
            border-radius: ${text.referenceborderradius}px;<br>
<b>427</b><br>
            border-style: ${text.referenceborderstyle};<br>
<b>428</b><br>
            border-width: ${text.referenceborderwidth}px;<br>
<b>429</b><br>
            color: ${text.referencecolor};<br>
<b>430</b><br>
            font-family: ${text.referencefontfamily};<br>
<b>431</b><br>
            font-size: ${text.referencefontsize}px;<br>
<b>432</b><br>
            font-style: ${text.referencefontstyle};<br>
<b>433</b><br>
            font-variant: ${text.referencefontvariant};<br>
<b>434</b><br>
            font-weight: ${text.referencefontweight};<br>
<b>435</b><br>
            height: ${text.referenceheight}px;<br>
<b>436</b><br>
            left: ${text.referencex}px;<br>
<b>437</b><br>
            margin: ${text.referencemargintop}px ${text.referencemarginright}px ${text.referencemarginbottom}px ${text.referencemarginleft}px;<br>
<b>438</b><br>
            padding: ${text.referencepaddingtop}px ${text.referencepaddingright}px ${text.referencepaddingbottom}px ${text.referencepaddingleft}px;<br>
<b>439</b><br>
            text-align: ${text.referencehorizontal};<br>
<b>440</b><br>
            top: ${text.referencey}px;<br>
<b>441</b><br>
            width: ${text.referencewidth}px;<br>
<b>442</b><br>
            writing-mode: ${text.referencewritingmode};<br>
<b>443</b><br>
        }<br>
<b>444</b><br>
        text:nth-of-type(3)<br>
<b>445</b><br>
        {<br>
<b>446</b><br>
            align-items: ${text.passagevertical};<br>
<b>447</b><br>
            background-color: ${text.passagebackgroundcolor};<br>
<b>448</b><br>
            border-color: ${text.passagebordercolor};<br>
<b>449</b><br>
            border-radius: ${text.passageborderradius}px;<br>
<b>450</b><br>
            border-style: ${text.passageborderstyle};<br>
<b>451</b><br>
            border-width: ${text.passageborderwidth}px;<br>
<b>452</b><br>
            color: ${text.passagecolor};<br>
<b>453</b><br>
            font-family: ${text.passagefontfamily};<br>
<b>454</b><br>
            font-size: ${text.passagefontsize}px;<br>
<b>455</b><br>
            font-style: ${text.passagefontstyle};<br>
<b>456</b><br>
            font-variant: ${text.passagefontvariant};<br>
<b>457</b><br>
            font-weight: ${text.passagefontweight};<br>
<b>458</b><br>
            height: ${text.passageheight}px;<br>
<b>459</b><br>
            left: ${text.passagex}px;<br>
<b>460</b><br>
            margin: ${text.passagemargintop}px ${text.passagemarginright}px ${text.passagemarginbottom}px ${text.passagemarginleft}px;<br>
<b>461</b><br>
            padding: ${text.passagepaddingtop}px ${text.passagepaddingright}px ${text.passagepaddingbottom}px ${text.passagepaddingleft}px;<br>
<b>462</b><br>
            text-align: ${text.passagehorizontal};<br>
<b>463</b><br>
            top: ${text.passagey}px;<br>
<b>464</b><br>
            width: ${text.passagewidth}px;<br>
<b>465</b><br>
            writing-mode: ${text.passagewritingmode};<br>
<b>466</b><br>
        }<br>
<b>467</b><br>
    &lt;/style&gt;<br>
<b>468</b><br>
    &lt;foreignObject height=&quot;100%&quot; width=&quot;100%&quot;&gt;<br>
<b>469</b><br>
        &lt;div xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;<br>
<b>470</b><br>
            &lt;img src=&quot;${image.dataurl}&quot;/&gt;<br>
<b>471</b><br>
            &lt;text&gt;${text.messagetext}&lt;/text&gt;<br>
<b>472</b><br>
            &lt;text&gt;${text.referencetextbook}${text.referencetextchapter}${text.referencetextverse}${text.referencetextverseend}${text.referencetextversion}&lt;/text&gt;<br>
<b>473</b><br>
            &lt;text&gt;${text.passagetextverse}${text.passagetextverseend}&lt;/text&gt;<br>
<b>474</b><br>
        &lt;/div&gt;<br>
<b>475</b><br>
    &lt;/foreignObject&gt;<br>
<b>476</b><br>
&lt;/svg&gt;`;<br>
<b>477</b><br>
            text.src = `data:image/svg+xml,${svg}`;<br>
<b>478</b><br>
        }<br>
<b>479</b><br>
        function textupdate()<br>
<b>480</b><br>
        {<br>
<b>481</b><br>
            const context = canvas.getContext(&quot;2d&quot;);<br>
<b>482</b><br>
            context.clearRect(0, 0, canvas.width, canvas.height);<br>
<b>483</b><br>
            context.drawImage(text, 0, 0);<br>
<b>484</b><br>
        }<br>
<b>485</b><br>
        text.addEventListener(&quot;load&quot;, textupdate);<br>
<b>486</b><br>
        function tabload()<br>
<b>487</b><br>
        {<br>
<b>488</b><br>
            for(const [key, value] of tabarray.entries())<br>
<b>489</b><br>
            {<br>
<b>490</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>491</b><br>
                button.className = &quot;tab&quot;;<br>
<b>492</b><br>
                if(value == &quot;image&quot;)<br>
<b>493</b><br>
                {<br>
<b>494</b><br>
                    button.className = &quot;tab current&quot;;<br>
<b>495</b><br>
                }<br>
<b>496</b><br>
                button.id = &quot;tab&quot; + tabarray[key];<br>
<b>497</b><br>
                //button.innerHTML = `${key + 1}) ${tabarray[key]}`;<br>
<b>498</b><br>
                button.innerHTML = tabarray[key];<br>
<b>499</b><br>
                button.value = &quot;tabcontent&quot; + tabarray[key];<br>
<b>500</b><br>
                button.addEventListener(&quot;click&quot;, tabupdate);<br>
<b>501</b><br>
                window2.append(button);<br>
<b>502</b><br>
                /*<br>
<b>503</b><br>
                const style = button.style;<br>
<b>504</b><br>
                style.backgroundColor = &quot;#000&quot;;<br>
<b>505</b><br>
                style.color = &quot;#fff&quot;;<br>
<b>506</b><br>
                style.border = &quot;none&quot;;<br>
<b>507</b><br>
                style.fontSize = &quot;16px&quot;;<br>
<b>508</b><br>
                style.padding = &quot;16px&quot;;<br>
<b>509</b><br>
                style.transition = &quot;0.5s&quot;;<br>
<b>510</b><br>
                //*/<br>
<b>511</b><br>
            }<br>
<b>512</b><br>
        }<br>
<b>513</b><br>
        addEventListener(&quot;load&quot;, tabload);<br>
<b>514</b><br>
        function tabupdate(m)<br>
<b>515</b><br>
        {<br>
<b>516</b><br>
            const mytarget = m.target;<br>
<b>517</b><br>
            //*<br>
<b>518</b><br>
            for(const t of document.querySelectorAll(&quot;.tab&quot;))<br>
<b>519</b><br>
            {<br>
<b>520</b><br>
                //const style = t.style;<br>
<b>521</b><br>
                //style.backgroundColor = &quot;#000&quot;;<br>
<b>522</b><br>
                //style.color = &quot;#fff&quot;;<br>
<b>523</b><br>
                t.className = t.className.replace(&quot; current&quot;, &quot;&quot;);<br>
<b>524</b><br>
            }<br>
<b>525</b><br>
            //const style = document.querySelector(&quot;#&quot;+mytarget.id).style;<br>
<b>526</b><br>
            //style.backgroundColor = &quot;#fff&quot;;<br>
<b>527</b><br>
            //style.color = &quot;#000&quot;;<br>
<b>528</b><br>
            mytarget.className += &quot; current&quot;;<br>
<b>529</b><br>
            //*/<br>
<b>530</b><br>
            for(const t of document.querySelectorAll(&quot;.tabcontent&quot;))<br>
<b>531</b><br>
            {<br>
<b>532</b><br>
                const style = t.style;<br>
<b>533</b><br>
                style.contentVisibility = &quot;hidden&quot;;<br>
<b>534</b><br>
            }<br>
<b>535</b><br>
            document.querySelector(&quot;#&quot;+mytarget.value).style.contentVisibility = &quot;visible&quot;;<br>
<b>536</b><br>
        }<br>
<b>537</b><br>
        function tabcontentload()<br>
<b>538</b><br>
        {<br>
<b>539</b><br>
            for(const [key, value] of tabarray.entries())<br>
<b>540</b><br>
            {<br>
<b>541</b><br>
                const div = document.createElement(&quot;div&quot;);<br>
<b>542</b><br>
                div.className = &quot;tabcontent&quot;;<br>
<b>543</b><br>
                div.id = &quot;tabcontent&quot; + tabarray[key];<br>
<b>544</b><br>
                window3.append(div);<br>
<b>545</b><br>
                //*<br>
<b>546</b><br>
                const style = div.style;<br>
<b>547</b><br>
                if(value != &quot;image&quot;)<br>
<b>548</b><br>
                {<br>
<b>549</b><br>
                    style.contentVisibility = &quot;hidden&quot;;<br>
<b>550</b><br>
                }<br>
<b>551</b><br>
                style.margin = &quot;0&quot;;<br>
<b>552</b><br>
                //style.transitionDuration = &quot;0.5s&quot;;<br>
<b>553</b><br>
                //*/<br>
<b>554</b><br>
            }<br>
<b>555</b><br>
        }<br>
<b>556</b><br>
        addEventListener(&quot;load&quot;, tabcontentload);<br>
<b>557</b><br>
        function canvaswidthload()<br>
<b>558</b><br>
        {<br>
<b>559</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>560</b><br>
            div.id = &quot;canvaswidth&quot;;<br>
<b>561</b><br>
            div.innerHTML = &quot;width&quot;;<br>
<b>562</b><br>
            tabcontentcanvas.append(div);<br>
<b>563</b><br>
            const style = div.style;<br>
<b>564</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>565</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>566</b><br>
        }<br>
<b>567</b><br>
        addEventListener(&quot;load&quot;, canvaswidthload);<br>
<b>568</b><br>
        function canvaswidthnumberload()<br>
<b>569</b><br>
        {<br>
<b>570</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>571</b><br>
            canvaswidth.append(br);<br>
<b>572</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>573</b><br>
            input.id = &quot;canvaswidthnumber&quot;;<br>
<b>574</b><br>
            input.max = maxwidth;<br>
<b>575</b><br>
            input.min = 0;<br>
<b>576</b><br>
            input.type = &quot;number&quot;;<br>
<b>577</b><br>
            input.value = canvas.width;<br>
<b>578</b><br>
            input.addEventListener(&quot;input&quot;, canvaswidthnumberupdate);<br>
<b>579</b><br>
            canvaswidth.append(input);<br>
<b>580</b><br>
            //canvaswidthnumberupdate();<br>
<b>581</b><br>
        }<br>
<b>582</b><br>
        addEventListener(&quot;load&quot;, canvaswidthnumberload);<br>
<b>583</b><br>
        function canvaswidthnumberupdate()<br>
<b>584</b><br>
        {<br>
<b>585</b><br>
            const v = canvaswidthnumber.value;<br>
<b>586</b><br>
            canvaswidthrange.value = v;<br>
<b>587</b><br>
            canvas.width = v;<br>
<b>588</b><br>
            canvasupdate();<br>
<b>589</b><br>
            svgupdate();<br>
<b>590</b><br>
        }<br>
<b>591</b><br>
        function canvaswidthrangeload()<br>
<b>592</b><br>
        {<br>
<b>593</b><br>
            //const br = document.createElement(&quot;br&quot;);<br>
<b>594</b><br>
            //canvaswidth.append(br);<br>
<b>595</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>596</b><br>
            input.id = &quot;canvaswidthrange&quot;;<br>
<b>597</b><br>
            input.max = canvaswidthnumber.max;<br>
<b>598</b><br>
            input.min = canvaswidthnumber.min;<br>
<b>599</b><br>
            input.type = &quot;range&quot;;<br>
<b>600</b><br>
            input.value = canvaswidthnumber.value;<br>
<b>601</b><br>
            input.addEventListener(&quot;input&quot;, canvaswidthrangeupdate);<br>
<b>602</b><br>
            canvaswidth.append(input);<br>
<b>603</b><br>
            canvaswidthrangeupdate();<br>
<b>604</b><br>
        }<br>
<b>605</b><br>
        addEventListener(&quot;load&quot;, canvaswidthrangeload);<br>
<b>606</b><br>
        function canvaswidthrangeupdate()<br>
<b>607</b><br>
        {<br>
<b>608</b><br>
            const v = canvaswidthrange.value;<br>
<b>609</b><br>
            canvaswidthnumber.value = v;<br>
<b>610</b><br>
            canvas.width = v;<br>
<b>611</b><br>
            canvasupdate();<br>
<b>612</b><br>
            svgupdate();<br>
<b>613</b><br>
        }<br>
<b>614</b><br>
        function canvaswidthnaturalload()<br>
<b>615</b><br>
        {<br>
<b>616</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>617</b><br>
            canvaswidth.append(br);<br>
<b>618</b><br>
            const button = document.createElement(&quot;button&quot;);<br>
<b>619</b><br>
            button.innerHTML = &quot;image&quot;;<br>
<b>620</b><br>
            button.addEventListener(&quot;click&quot;, canvaswidthnaturalupdate);<br>
<b>621</b><br>
            canvaswidth.append(button);<br>
<b>622</b><br>
        }<br>
<b>623</b><br>
        addEventListener(&quot;load&quot;, canvaswidthnaturalload);<br>
<b>624</b><br>
        function canvaswidthnaturalupdate()<br>
<b>625</b><br>
        {<br>
<b>626</b><br>
            canvaswidthnumber.value = image.naturalWidth;<br>
<b>627</b><br>
            canvaswidthnumberupdate();<br>
<b>628</b><br>
        }<br>
<b>629</b><br>
        function canvaswidthexactload()<br>
<b>630</b><br>
        {<br>
<b>631</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>632</b><br>
            canvaswidth.append(br);<br>
<b>633</b><br>
            const array =<br>
<b>634</b><br>
            [<br>
<b>635</b><br>
                [&quot;800&quot;,800],<br>
<b>636</b><br>
                [&quot;1280&quot;,1280],<br>
<b>637</b><br>
                [&quot;1366&quot;,1366],<br>
<b>638</b><br>
                [&quot;1536&quot;,1536],<br>
<b>639</b><br>
                [&quot;1600&quot;,1600],<br>
<b>640</b><br>
                [&quot;1920&quot;,1920],<br>
<b>641</b><br>
                [&quot;2304&quot;,2304],<br>
<b>642</b><br>
                [&quot;2560&quot;,2560],<br>
<b>643</b><br>
                [&quot;3840&quot;,3840],<br>
<b>644</b><br>
            ];<br>
<b>645</b><br>
            for(const value of array)<br>
<b>646</b><br>
            {<br>
<b>647</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>648</b><br>
                button.innerHTML = value[0];<br>
<b>649</b><br>
                button.value = value[1];<br>
<b>650</b><br>
                button.addEventListener(&quot;click&quot;, canvaswidthexactupdate);<br>
<b>651</b><br>
                canvaswidth.append(button);<br>
<b>652</b><br>
            }<br>
<b>653</b><br>
        }<br>
<b>654</b><br>
        addEventListener(&quot;load&quot;, canvaswidthexactload);<br>
<b>655</b><br>
        function canvaswidthexactupdate(e)<br>
<b>656</b><br>
        {<br>
<b>657</b><br>
            canvaswidthnumber.value = Number(e.target.value);<br>
<b>658</b><br>
            canvaswidthnumberupdate();<br>
<b>659</b><br>
        }<br>
<b>660</b><br>
        function canvaswidthincrementload()<br>
<b>661</b><br>
        {<br>
<b>662</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>663</b><br>
            canvaswidth.append(br);<br>
<b>664</b><br>
            const array =<br>
<b>665</b><br>
            [<br>
<b>666</b><br>
                [&quot;-1000&quot;,-1000],<br>
<b>667</b><br>
                [&quot;-100&quot;,-100],<br>
<b>668</b><br>
                [&quot;-10&quot;,-10],<br>
<b>669</b><br>
                [&quot;-1&quot;,-1],<br>
<b>670</b><br>
                [&quot;+1&quot;,1],<br>
<b>671</b><br>
                [&quot;+10&quot;,10],<br>
<b>672</b><br>
                [&quot;+100&quot;,100],<br>
<b>673</b><br>
                [&quot;+1000&quot;,1000],<br>
<b>674</b><br>
            ];<br>
<b>675</b><br>
            for(const value of array)<br>
<b>676</b><br>
            {<br>
<b>677</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>678</b><br>
                button.innerHTML = value[0];<br>
<b>679</b><br>
                button.value = value[1];<br>
<b>680</b><br>
                button.addEventListener(&quot;click&quot;, canvaswidthincrementupdate);<br>
<b>681</b><br>
                canvaswidth.append(button);<br>
<b>682</b><br>
            }<br>
<b>683</b><br>
        }<br>
<b>684</b><br>
        addEventListener(&quot;load&quot;, canvaswidthincrementload);<br>
<b>685</b><br>
        function canvaswidthincrementupdate(e)<br>
<b>686</b><br>
        {<br>
<b>687</b><br>
            const v = Number(canvaswidthnumber.value) + Number(e.target.value);<br>
<b>688</b><br>
            if((canvaswidthnumber.min &lt;= v) &amp;&amp; (v &lt;= canvaswidthnumber.max))<br>
<b>689</b><br>
            {<br>
<b>690</b><br>
                canvaswidthnumber.value = v;<br>
<b>691</b><br>
                canvaswidthnumberupdate();<br>
<b>692</b><br>
            }<br>
<b>693</b><br>
        }<br>
<b>694</b><br>
        function canvasheightload()<br>
<b>695</b><br>
        {<br>
<b>696</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>697</b><br>
            div.id = &quot;canvasheight&quot;;<br>
<b>698</b><br>
            div.innerHTML = &quot;height&quot;;<br>
<b>699</b><br>
            tabcontentcanvas.append(div);<br>
<b>700</b><br>
            const style = div.style;<br>
<b>701</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>702</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>703</b><br>
        }<br>
<b>704</b><br>
        addEventListener(&quot;load&quot;, canvasheightload);<br>
<b>705</b><br>
        function canvasheightnumberload()<br>
<b>706</b><br>
        {<br>
<b>707</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>708</b><br>
            canvasheight.append(br);<br>
<b>709</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>710</b><br>
            input.id = &quot;canvasheightnumber&quot;;<br>
<b>711</b><br>
            input.max = maxheight;<br>
<b>712</b><br>
            input.min = 0;<br>
<b>713</b><br>
            input.type = &quot;number&quot;;<br>
<b>714</b><br>
            input.value = canvas.height;<br>
<b>715</b><br>
            input.addEventListener(&quot;input&quot;, canvasheightnumberupdate);<br>
<b>716</b><br>
            canvasheight.append(input);<br>
<b>717</b><br>
            //canvasheightnumberupdate();<br>
<b>718</b><br>
        }<br>
<b>719</b><br>
        addEventListener(&quot;load&quot;, canvasheightnumberload);<br>
<b>720</b><br>
        function canvasheightnumberupdate()<br>
<b>721</b><br>
        {<br>
<b>722</b><br>
            const v = canvasheightnumber.value;<br>
<b>723</b><br>
            canvasheightrange.value = v;<br>
<b>724</b><br>
            canvas.height = v;<br>
<b>725</b><br>
            canvasupdate();<br>
<b>726</b><br>
            svgupdate();<br>
<b>727</b><br>
        }<br>
<b>728</b><br>
        function canvasheightrangeload()<br>
<b>729</b><br>
        {<br>
<b>730</b><br>
            //const br = document.createElement(&quot;br&quot;);<br>
<b>731</b><br>
            //canvasheight.append(br);<br>
<b>732</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>733</b><br>
            input.id = &quot;canvasheightrange&quot;;<br>
<b>734</b><br>
            input.max = canvasheightnumber.max;<br>
<b>735</b><br>
            input.min = canvasheightnumber.min;<br>
<b>736</b><br>
            input.type = &quot;range&quot;;<br>
<b>737</b><br>
            input.value = canvasheightnumber.value;<br>
<b>738</b><br>
            input.addEventListener(&quot;input&quot;, canvasheightrangeupdate);<br>
<b>739</b><br>
            canvasheight.append(input);<br>
<b>740</b><br>
            canvasheightrangeupdate();<br>
<b>741</b><br>
        }<br>
<b>742</b><br>
        addEventListener(&quot;load&quot;, canvasheightrangeload);<br>
<b>743</b><br>
        function canvasheightrangeupdate()<br>
<b>744</b><br>
        {<br>
<b>745</b><br>
            const v = canvasheightrange.value;<br>
<b>746</b><br>
            canvasheightnumber.value = v;<br>
<b>747</b><br>
            canvas.height = v;<br>
<b>748</b><br>
            canvasupdate();<br>
<b>749</b><br>
            svgupdate();<br>
<b>750</b><br>
        }<br>
<b>751</b><br>
        function canvasheightnaturalload()<br>
<b>752</b><br>
        {<br>
<b>753</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>754</b><br>
            canvasheight.append(br);<br>
<b>755</b><br>
            const button = document.createElement(&quot;button&quot;);<br>
<b>756</b><br>
            button.innerHTML = &quot;image&quot;;<br>
<b>757</b><br>
            button.addEventListener(&quot;click&quot;, canvasheightnaturalupdate);<br>
<b>758</b><br>
            canvasheight.append(button);<br>
<b>759</b><br>
        }<br>
<b>760</b><br>
        addEventListener(&quot;load&quot;, canvasheightnaturalload);<br>
<b>761</b><br>
        function canvasheightnaturalupdate()<br>
<b>762</b><br>
        {<br>
<b>763</b><br>
            canvasheightnumber.value = image.naturalHeight;<br>
<b>764</b><br>
            canvasheightnumberupdate();<br>
<b>765</b><br>
        }<br>
<b>766</b><br>
        function canvasheightexactload()<br>
<b>767</b><br>
        {<br>
<b>768</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>769</b><br>
            canvasheight.append(br);<br>
<b>770</b><br>
            const array =<br>
<b>771</b><br>
            [<br>
<b>772</b><br>
                [&quot;600&quot;,600],<br>
<b>773</b><br>
                [&quot;720&quot;,720],<br>
<b>774</b><br>
                [&quot;768&quot;,768],<br>
<b>775</b><br>
                [&quot;864&quot;,864],<br>
<b>776</b><br>
                [&quot;900&quot;,900],<br>
<b>777</b><br>
                [&quot;1080&quot;,1080],<br>
<b>778</b><br>
                [&quot;1296&quot;,1296],<br>
<b>779</b><br>
                [&quot;1440&quot;,1440],<br>
<b>780</b><br>
                [&quot;2160&quot;,2160],<br>
<b>781</b><br>
            ];<br>
<b>782</b><br>
            for(const value of array)<br>
<b>783</b><br>
            {<br>
<b>784</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>785</b><br>
                button.innerHTML = value[0];<br>
<b>786</b><br>
                button.value = value[1];<br>
<b>787</b><br>
                button.addEventListener(&quot;click&quot;, canvasheightexactupdate);<br>
<b>788</b><br>
                canvasheight.append(button);<br>
<b>789</b><br>
            }<br>
<b>790</b><br>
        }<br>
<b>791</b><br>
        addEventListener(&quot;load&quot;, canvasheightexactload);<br>
<b>792</b><br>
        function canvasheightexactupdate(e)<br>
<b>793</b><br>
        {<br>
<b>794</b><br>
            canvasheightnumber.value = Number(e.target.value);<br>
<b>795</b><br>
            canvasheightnumberupdate();<br>
<b>796</b><br>
        }<br>
<b>797</b><br>
        function canvasheightincrementload()<br>
<b>798</b><br>
        {<br>
<b>799</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>800</b><br>
            canvasheight.append(br);<br>
<b>801</b><br>
            const array =<br>
<b>802</b><br>
            [<br>
<b>803</b><br>
                [&quot;-1000&quot;,-1000],<br>
<b>804</b><br>
                [&quot;-100&quot;,-100],<br>
<b>805</b><br>
                [&quot;-10&quot;,-10],<br>
<b>806</b><br>
                [&quot;-1&quot;,-1],<br>
<b>807</b><br>
                [&quot;+1&quot;,1],<br>
<b>808</b><br>
                [&quot;+10&quot;,10],<br>
<b>809</b><br>
                [&quot;+100&quot;,100],<br>
<b>810</b><br>
                [&quot;+1000&quot;,1000],<br>
<b>811</b><br>
            ];<br>
<b>812</b><br>
            for(const value of array)<br>
<b>813</b><br>
            {<br>
<b>814</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>815</b><br>
                button.innerHTML = value[0];<br>
<b>816</b><br>
                button.value = value[1];<br>
<b>817</b><br>
                button.addEventListener(&quot;click&quot;, canvasheightincrementupdate);<br>
<b>818</b><br>
                canvasheight.append(button);<br>
<b>819</b><br>
            }<br>
<b>820</b><br>
        }<br>
<b>821</b><br>
        addEventListener(&quot;load&quot;, canvasheightincrementload);<br>
<b>822</b><br>
        function canvasheightincrementupdate(e)<br>
<b>823</b><br>
        {<br>
<b>824</b><br>
            const v = Number(canvasheightnumber.value) + Number(e.target.value);<br>
<b>825</b><br>
            if((canvasheightnumber.min &lt;= v) &amp;&amp; (v &lt;= canvasheightnumber.max))<br>
<b>826</b><br>
            {<br>
<b>827</b><br>
                canvasheightnumber.value = v;<br>
<b>828</b><br>
                canvasheightnumberupdate();<br>
<b>829</b><br>
            }<br>
<b>830</b><br>
        }<br>
<b>831</b><br>
        function canvasbackgroundcolorload()<br>
<b>832</b><br>
        {<br>
<b>833</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>834</b><br>
            div.id = &quot;canvasbackgroundcolor&quot;;<br>
<b>835</b><br>
            div.innerHTML = &quot;background-color&quot;;<br>
<b>836</b><br>
            tabcontentcanvas.append(div);<br>
<b>837</b><br>
        }<br>
<b>838</b><br>
        addEventListener(&quot;load&quot;, canvasbackgroundcolorload);<br>
<b>839</b><br>
        function canvasbackgroundcolorcolorload()<br>
<b>840</b><br>
        {<br>
<b>841</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>842</b><br>
            canvasbackgroundcolor.append(br);<br>
<b>843</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>844</b><br>
            input.id = &quot;canvasbackgroundcolorcolor&quot;;<br>
<b>845</b><br>
            input.type = &quot;color&quot;;<br>
<b>846</b><br>
            input.value = &quot;#000000&quot;;<br>
<b>847</b><br>
            input.addEventListener(&quot;input&quot;, canvasbackgroundcolorcolorupdate);<br>
<b>848</b><br>
            canvasbackgroundcolor.append(input);<br>
<b>849</b><br>
            //canvasbackgroundcolorcolorset();<br>
<b>850</b><br>
        }<br>
<b>851</b><br>
        addEventListener(&quot;load&quot;, canvasbackgroundcolorcolorload);<br>
<b>852</b><br>
        function canvasbackgroundcolorcolorset()<br>
<b>853</b><br>
        {<br>
<b>854</b><br>
            const c = canvasbackgroundcolorcolor.value;<br>
<b>855</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>856</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>857</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>858</b><br>
            const a = canvasbackgroundalphanumber.value;<br>
<b>859</b><br>
            canvas.backgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>860</b><br>
        }<br>
<b>861</b><br>
        function canvasbackgroundcolorcolorupdate()<br>
<b>862</b><br>
        {<br>
<b>863</b><br>
            canvasbackgroundcolorcolorset();<br>
<b>864</b><br>
            svgupdate();<br>
<b>865</b><br>
        }<br>
<b>866</b><br>
        function canvasbackgroundcolorexactload()<br>
<b>867</b><br>
        {<br>
<b>868</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>869</b><br>
            canvasbackgroundcolor.append(br);<br>
<b>870</b><br>
            const array =<br>
<b>871</b><br>
            [<br>
<b>872</b><br>
                [&quot;black&quot;,&quot;#000000&quot;],<br>
<b>873</b><br>
                [&quot;white&quot;,&quot;#ffffff&quot;],<br>
<b>874</b><br>
            ];<br>
<b>875</b><br>
            for(const value of array)<br>
<b>876</b><br>
            {<br>
<b>877</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>878</b><br>
                button.innerHTML = value[0];<br>
<b>879</b><br>
                button.value = value[1];<br>
<b>880</b><br>
                button.addEventListener(&quot;click&quot;, canvasbackgroundcolorexactupdate);<br>
<b>881</b><br>
                canvasbackgroundcolor.append(button);<br>
<b>882</b><br>
            }<br>
<b>883</b><br>
        }<br>
<b>884</b><br>
        addEventListener(&quot;load&quot;, canvasbackgroundcolorexactload);<br>
<b>885</b><br>
        function canvasbackgroundcolorexactupdate(e)<br>
<b>886</b><br>
        {<br>
<b>887</b><br>
            canvasbackgroundcolorcolor.value = e.target.value;<br>
<b>888</b><br>
            canvasbackgroundcolorcolorupdate();<br>
<b>889</b><br>
        }<br>
<b>890</b><br>
        function canvasbackgroundalphaload()<br>
<b>891</b><br>
        {<br>
<b>892</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>893</b><br>
            div.id = &quot;canvasbackgroundalpha&quot;;<br>
<b>894</b><br>
            div.innerHTML = &quot;background-alpha&quot;;<br>
<b>895</b><br>
            tabcontentcanvas.append(div);<br>
<b>896</b><br>
            const style = div.style;<br>
<b>897</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>898</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>899</b><br>
        }<br>
<b>900</b><br>
        addEventListener(&quot;load&quot;, canvasbackgroundalphaload);<br>
<b>901</b><br>
        function canvasbackgroundalphanumberload()<br>
<b>902</b><br>
        {<br>
<b>903</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>904</b><br>
            canvasbackgroundalpha.append(br);<br>
<b>905</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>906</b><br>
            input.id = &quot;canvasbackgroundalphanumber&quot;;<br>
<b>907</b><br>
            input.max = 1;<br>
<b>908</b><br>
            input.min = 0;<br>
<b>909</b><br>
            input.step = 0.01;<br>
<b>910</b><br>
            input.type = &quot;number&quot;;<br>
<b>911</b><br>
            input.value = 1;<br>
<b>912</b><br>
            input.addEventListener(&quot;input&quot;, canvasbackgroundalphanumberupdate);<br>
<b>913</b><br>
            canvasbackgroundalpha.append(input);<br>
<b>914</b><br>
            //canvasbackgroundalphanumberset();<br>
<b>915</b><br>
        }<br>
<b>916</b><br>
        addEventListener(&quot;load&quot;, canvasbackgroundalphanumberload);<br>
<b>917</b><br>
        function canvasbackgroundalphanumberset()<br>
<b>918</b><br>
        {<br>
<b>919</b><br>
            const c = canvasbackgroundcolorcolor.value;<br>
<b>920</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>921</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>922</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>923</b><br>
            const a = canvasbackgroundalphanumber.value;<br>
<b>924</b><br>
            canvasbackgroundalpharange.value = a;<br>
<b>925</b><br>
            canvas.backgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>926</b><br>
        }<br>
<b>927</b><br>
        function canvasbackgroundalphanumberupdate()<br>
<b>928</b><br>
        {<br>
<b>929</b><br>
            canvasbackgroundalphanumberset();<br>
<b>930</b><br>
            svgupdate();<br>
<b>931</b><br>
        }<br>
<b>932</b><br>
        function canvasbackgroundalpharangeload()<br>
<b>933</b><br>
        {<br>
<b>934</b><br>
            //const br = document.createElement(&quot;br&quot;);<br>
<b>935</b><br>
            //canvasbackgroundalpha.append(br);<br>
<b>936</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>937</b><br>
            input.id = &quot;canvasbackgroundalpharange&quot;;<br>
<b>938</b><br>
            input.max = canvasbackgroundalphanumber.max;<br>
<b>939</b><br>
            input.min = canvasbackgroundalphanumber.min;<br>
<b>940</b><br>
            input.step = canvasbackgroundalphanumber.step;<br>
<b>941</b><br>
            input.type = &quot;range&quot;;<br>
<b>942</b><br>
            input.value = canvasbackgroundalphanumber.value;<br>
<b>943</b><br>
            input.addEventListener(&quot;input&quot;, canvasbackgroundalpharangeupdate);<br>
<b>944</b><br>
            canvasbackgroundalpha.append(input);<br>
<b>945</b><br>
            canvasbackgroundalpharangeset();<br>
<b>946</b><br>
        }<br>
<b>947</b><br>
        addEventListener(&quot;load&quot;, canvasbackgroundalpharangeload);<br>
<b>948</b><br>
        function canvasbackgroundalpharangeset()<br>
<b>949</b><br>
        {<br>
<b>950</b><br>
            const c = canvasbackgroundcolorcolor.value;<br>
<b>951</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>952</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>953</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>954</b><br>
            const a = canvasbackgroundalpharange.value;<br>
<b>955</b><br>
            canvasbackgroundalphanumber.value = a;<br>
<b>956</b><br>
            canvas.backgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>957</b><br>
        }<br>
<b>958</b><br>
        function canvasbackgroundalpharangeupdate()<br>
<b>959</b><br>
        {<br>
<b>960</b><br>
            canvasbackgroundalpharangeset();<br>
<b>961</b><br>
            svgupdate();<br>
<b>962</b><br>
        }<br>
<b>963</b><br>
        function canvasbackgroundalphaexactload()<br>
<b>964</b><br>
        {<br>
<b>965</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>966</b><br>
            canvasbackgroundalpha.append(br);<br>
<b>967</b><br>
            const array =<br>
<b>968</b><br>
            [<br>
<b>969</b><br>
                [&quot;0&quot;,0],<br>
<b>970</b><br>
                [&quot;0.25&quot;,0.25],<br>
<b>971</b><br>
                [&quot;0.5&quot;,0.5],<br>
<b>972</b><br>
                [&quot;0.75&quot;,0.75],<br>
<b>973</b><br>
                [&quot;1&quot;,1],<br>
<b>974</b><br>
            ];<br>
<b>975</b><br>
            for(const value of array)<br>
<b>976</b><br>
            {<br>
<b>977</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>978</b><br>
                button.innerHTML = value[0];<br>
<b>979</b><br>
                button.value = value[1];<br>
<b>980</b><br>
                button.addEventListener(&quot;click&quot;, canvasbackgroundalphaexactupdate);<br>
<b>981</b><br>
                canvasbackgroundalpha.append(button);<br>
<b>982</b><br>
            }<br>
<b>983</b><br>
        }<br>
<b>984</b><br>
        addEventListener(&quot;load&quot;, canvasbackgroundalphaexactload);<br>
<b>985</b><br>
        function canvasbackgroundalphaexactupdate(e)<br>
<b>986</b><br>
        {<br>
<b>987</b><br>
            canvasbackgroundalphanumber.value = Number(e.target.value);<br>
<b>988</b><br>
            canvasbackgroundalphanumberupdate();<br>
<b>989</b><br>
        }<br>
<b>990</b><br>
        function canvasbackgroundalphaincrementload()<br>
<b>991</b><br>
        {<br>
<b>992</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>993</b><br>
            canvasbackgroundalpha.append(br);<br>
<b>994</b><br>
            const array =<br>
<b>995</b><br>
            [<br>
<b>996</b><br>
                [&quot;-0.1&quot;,-0.1],<br>
<b>997</b><br>
                [&quot;-0.01&quot;,-0.01],<br>
<b>998</b><br>
                [&quot;+0.01&quot;,0.01],<br>
<b>999</b><br>
                [&quot;+0.1&quot;,0.1],<br>
<b>1000</b><br>
            ];<br>
<b>1001</b><br>
            for(const value of array)<br>
<b>1002</b><br>
            {<br>
<b>1003</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>1004</b><br>
                button.innerHTML = value[0];<br>
<b>1005</b><br>
                button.value = value[1];<br>
<b>1006</b><br>
                button.addEventListener(&quot;click&quot;, canvasbackgroundalphaincrementupdate);<br>
<b>1007</b><br>
                canvasbackgroundalpha.append(button);<br>
<b>1008</b><br>
            }<br>
<b>1009</b><br>
        }<br>
<b>1010</b><br>
        addEventListener(&quot;load&quot;, canvasbackgroundalphaincrementload);<br>
<b>1011</b><br>
        function canvasbackgroundalphaincrementupdate(e)<br>
<b>1012</b><br>
        {<br>
<b>1013</b><br>
            let v = Number(canvasbackgroundalphanumber.value) + Number(e.target.value);<br>
<b>1014</b><br>
            v = parseFloat(v.toFixed(2));<br>
<b>1015</b><br>
            if((canvasbackgroundalphanumber.min &lt;= v) &amp;&amp; (v &lt;= canvasbackgroundalphanumber.max))<br>
<b>1016</b><br>
            {<br>
<b>1017</b><br>
                canvasbackgroundalphanumber.value = v;<br>
<b>1018</b><br>
                canvasbackgroundalphanumberupdate();<br>
<b>1019</b><br>
            }<br>
<b>1020</b><br>
        }<br>
<b>1021</b><br>
        function myfunction1(e)<br>
<b>1022</b><br>
        {<br>
<b>1023</b><br>
            //console.log(myvideo.duration);<br>
<b>1024</b><br>
            const myvideo = e.target;<br>
<b>1025</b><br>
            myvideo.currentTime = 0;<br>
<b>1026</b><br>
        }<br>
<b>1027</b><br>
        function myfunction2(e)<br>
<b>1028</b><br>
        {<br>
<b>1029</b><br>
            //console.log(myvideo.currentTime);<br>
<b>1030</b><br>
            const myvideo = e.target;<br>
<b>1031</b><br>
            const mycanvas = document.createElement(&quot;canvas&quot;);<br>
<b>1032</b><br>
            mycanvas.height = myvideo.videoHeight;<br>
<b>1033</b><br>
            mycanvas.width = myvideo.videoWidth;<br>
<b>1034</b><br>
            const mycontext = mycanvas.getContext(&quot;2d&quot;);<br>
<b>1035</b><br>
            mycontext.drawImage(myvideo, 0, 0, mycanvas.width, mycanvas.height);<br>
<b>1036</b><br>
            //const myimg = new Image();<br>
<b>1037</b><br>
            //myimg.src = mycanvas.toDataURL();<br>
<b>1038</b><br>
            image.src = mycanvas.toDataURL();<br>
<b>1039</b><br>
        }<br>
<b>1040</b><br>
        function imageload2()<br>
<b>1041</b><br>
        {<br>
<b>1042</b><br>
            //image.src = &quot;/assets/svg/Happy.svg&quot;;<br>
<b>1043</b><br>
            const date  = new Date();<br>
<b>1044</b><br>
            const month = date.getUTCMonth() + 1;<br>
<b>1045</b><br>
            const day   = date.getUTCDate();<br>
<b>1046</b><br>
            const myvideo = document.createElement(&quot;video&quot;);<br>
<b>1047</b><br>
            myvideo.addEventListener(&quot;loadedmetadata&quot;, myfunction1);<br>
<b>1048</b><br>
            myvideo.addEventListener(&quot;seeked&quot;, myfunction2);<br>
<b>1049</b><br>
            myvideo.src = `/assets/mp4/${month}/${day}.mp4`;<br>
<b>1050</b><br>
        }<br>
<b>1051</b><br>
        addEventListener(&quot;load&quot;, imageload2);<br>
<b>1052</b><br>
        function imageload3()<br>
<b>1053</b><br>
        {<br>
<b>1054</b><br>
            fetch(image.src)<br>
<b>1055</b><br>
            .then(r =&gt; r.blob())<br>
<b>1056</b><br>
            .then(b =&gt;<br>
<b>1057</b><br>
            {<br>
<b>1058</b><br>
                const reader = new FileReader();<br>
<b>1059</b><br>
                reader.readAsDataURL(b);<br>
<b>1060</b><br>
                reader.onloadend = () =&gt;<br>
<b>1061</b><br>
                {<br>
<b>1062</b><br>
                    //console.log(&quot;imageload3&quot;);<br>
<b>1063</b><br>
                    image.dataurl = reader.result;<br>
<b>1064</b><br>
                    svgupdate();<br>
<b>1065</b><br>
                };<br>
<b>1066</b><br>
            });<br>
<b>1067</b><br>
        }<br>
<b>1068</b><br>
        image.addEventListener(&quot;load&quot;, imageload3);<br>
<b>1069</b><br>
        function imagefileload()<br>
<b>1070</b><br>
        {<br>
<b>1071</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>1072</b><br>
            div.id = &quot;imagefile&quot;;<br>
<b>1073</b><br>
            div.innerHTML = &quot;file&quot;;<br>
<b>1074</b><br>
            tabcontentimage.append(div);<br>
<b>1075</b><br>
        }<br>
<b>1076</b><br>
        addEventListener(&quot;load&quot;, imagefileload);<br>
<b>1077</b><br>
        function imagefilefileload()<br>
<b>1078</b><br>
        {<br>
<b>1079</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>1080</b><br>
            imagefile.append(br);<br>
<b>1081</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>1082</b><br>
            input.id = &quot;imagefilefile&quot;;<br>
<b>1083</b><br>
            input.type = &quot;file&quot;;<br>
<b>1084</b><br>
            input.addEventListener(&quot;change&quot;, imagefilefileupdate);<br>
<b>1085</b><br>
            imagefile.append(input);<br>
<b>1086</b><br>
        }<br>
<b>1087</b><br>
        addEventListener(&quot;load&quot;, imagefilefileload);<br>
<b>1088</b><br>
        function imagefilefileupdate()<br>
<b>1089</b><br>
        {<br>
<b>1090</b><br>
            const f = imagefilefile.files[0];<br>
<b>1091</b><br>
            image.src = URL.createObjectURL(f);<br>
<b>1092</b><br>
        }<br>
<b>1093</b><br>
        function imagefitload()<br>
<b>1094</b><br>
        {<br>
<b>1095</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>1096</b><br>
            div.id = &quot;imagefit&quot;;<br>
<b>1097</b><br>
            div.innerHTML = &quot;fit&quot;;<br>
<b>1098</b><br>
            tabcontentimage.append(div);<br>
<b>1099</b><br>
        }<br>
<b>1100</b><br>
        addEventListener(&quot;load&quot;, imagefitload);<br>
<b>1101</b><br>
        function imagefitselectload()<br>
<b>1102</b><br>
        {<br>
<b>1103</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>1104</b><br>
            imagefit.append(br);<br>
<b>1105</b><br>
            const select = document.createElement(&quot;select&quot;);<br>
<b>1106</b><br>
            select.id = &quot;imagefitselect&quot;;<br>
<b>1107</b><br>
            select.addEventListener(&quot;input&quot;, imagefitselectupdate);<br>
<b>1108</b><br>
            imagefit.append(select);<br>
<b>1109</b><br>
            const array =<br>
<b>1110</b><br>
            [<br>
<b>1111</b><br>
                &quot;contain&quot;,<br>
<b>1112</b><br>
                &quot;cover&quot;,<br>
<b>1113</b><br>
            ];<br>
<b>1114</b><br>
            for(const value of array)<br>
<b>1115</b><br>
            {<br>
<b>1116</b><br>
                const option = document.createElement(&quot;option&quot;);<br>
<b>1117</b><br>
                option.innerHTML = value;<br>
<b>1118</b><br>
                select.add(option);<br>
<b>1119</b><br>
            }<br>
<b>1120</b><br>
            imagefitselect.value = array[1];<br>
<b>1121</b><br>
            imagefitselectset();<br>
<b>1122</b><br>
        }<br>
<b>1123</b><br>
        addEventListener(&quot;load&quot;, imagefitselectload);<br>
<b>1124</b><br>
        function imagefitselectset()<br>
<b>1125</b><br>
        {<br>
<b>1126</b><br>
            image.objectfit = imagefitselect.value;<br>
<b>1127</b><br>
        }<br>
<b>1128</b><br>
        function imagefitselectupdate()<br>
<b>1129</b><br>
        {<br>
<b>1130</b><br>
            imagefitselectset();<br>
<b>1131</b><br>
            svgupdate();<br>
<b>1132</b><br>
        }<br>
<b>1133</b><br>
        function imagewidthload()<br>
<b>1134</b><br>
        {<br>
<b>1135</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>1136</b><br>
            div.id = &quot;imagewidth&quot;;<br>
<b>1137</b><br>
            div.innerHTML = &quot;width&quot;;<br>
<b>1138</b><br>
            tabcontentimage.append(div);<br>
<b>1139</b><br>
            const style = div.style;<br>
<b>1140</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>1141</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>1142</b><br>
        }<br>
<b>1143</b><br>
        addEventListener(&quot;load&quot;, imagewidthload);<br>
<b>1144</b><br>
        function imagewidthnumberload()<br>
<b>1145</b><br>
        {<br>
<b>1146</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>1147</b><br>
            imagewidth.append(br);<br>
<b>1148</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>1149</b><br>
            input.id = &quot;imagewidthnumber&quot;;<br>
<b>1150</b><br>
            input.max = maxwidth;<br>
<b>1151</b><br>
            input.min = 0;<br>
<b>1152</b><br>
            input.type = &quot;number&quot;;<br>
<b>1153</b><br>
            input.value = canvas.width;<br>
<b>1154</b><br>
            input.addEventListener(&quot;input&quot;, imagewidthnumberupdate);<br>
<b>1155</b><br>
            imagewidth.append(input);<br>
<b>1156</b><br>
            //imagewidthnumberset();<br>
<b>1157</b><br>
        }<br>
<b>1158</b><br>
        addEventListener(&quot;load&quot;, imagewidthnumberload);<br>
<b>1159</b><br>
        function imagewidthnumberset()<br>
<b>1160</b><br>
        {<br>
<b>1161</b><br>
            const v = imagewidthnumber.value;<br>
<b>1162</b><br>
            imagewidthrange.value = v;<br>
<b>1163</b><br>
            image.width = v;<br>
<b>1164</b><br>
        }<br>
<b>1165</b><br>
        function imagewidthnumberupdate()<br>
<b>1166</b><br>
        {<br>
<b>1167</b><br>
            imagewidthnumberset();<br>
<b>1168</b><br>
            svgupdate();<br>
<b>1169</b><br>
        }<br>
<b>1170</b><br>
        function imagewidthrangeload()<br>
<b>1171</b><br>
        {<br>
<b>1172</b><br>
            //const br = document.createElement(&quot;br&quot;);<br>
<b>1173</b><br>
            //imagewidth.append(br);<br>
<b>1174</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>1175</b><br>
            input.id = &quot;imagewidthrange&quot;;<br>
<b>1176</b><br>
            input.max = imagewidthnumber.max;<br>
<b>1177</b><br>
            input.min = imagewidthnumber.min;<br>
<b>1178</b><br>
            input.type = &quot;range&quot;;<br>
<b>1179</b><br>
            input.value = imagewidthnumber.value;<br>
<b>1180</b><br>
            input.addEventListener(&quot;input&quot;, imagewidthrangeupdate);<br>
<b>1181</b><br>
            imagewidth.append(input);<br>
<b>1182</b><br>
            imagewidthrangeset();<br>
<b>1183</b><br>
        }<br>
<b>1184</b><br>
        addEventListener(&quot;load&quot;, imagewidthrangeload);<br>
<b>1185</b><br>
        function imagewidthrangeset()<br>
<b>1186</b><br>
        {<br>
<b>1187</b><br>
            const v = imagewidthrange.value;<br>
<b>1188</b><br>
            imagewidthnumber.value = v;<br>
<b>1189</b><br>
            image.width = v;<br>
<b>1190</b><br>
        }<br>
<b>1191</b><br>
        function imagewidthrangeupdate()<br>
<b>1192</b><br>
        {<br>
<b>1193</b><br>
            imagewidthrangeset();<br>
<b>1194</b><br>
            svgupdate();<br>
<b>1195</b><br>
        }<br>
<b>1196</b><br>
/*<br>
<b>1197</b><br>
        function imagewidthnaturalload()<br>
<b>1198</b><br>
        {<br>
<b>1199</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>1200</b><br>
            imagewidth.append(br);<br>
<b>1201</b><br>
            const button = document.createElement(&quot;button&quot;);<br>
<b>1202</b><br>
            button.innerHTML = &quot;image&quot;;<br>
<b>1203</b><br>
            button.addEventListener(&quot;click&quot;, imagewidthnaturalupdate);<br>
<b>1204</b><br>
            imagewidth.append(button);<br>
<b>1205</b><br>
        }<br>
<b>1206</b><br>
        addEventListener(&quot;load&quot;, imagewidthnaturalload);<br>
<b>1207</b><br>
        function imagewidthnaturalupdate()<br>
<b>1208</b><br>
        {<br>
<b>1209</b><br>
            imagewidthnumber.value = image.naturalWidth;<br>
<b>1210</b><br>
            imagewidthnumberupdate();<br>
<b>1211</b><br>
        }<br>
<b>1212</b><br>
//*/<br>
<b>1213</b><br>
        function imagewidthexactload()<br>
<b>1214</b><br>
        {<br>
<b>1215</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>1216</b><br>
            imagewidth.append(br);<br>
<b>1217</b><br>
            const array =<br>
<b>1218</b><br>
            [<br>
<b>1219</b><br>
                [&quot;25%&quot;,0.25],<br>
<b>1220</b><br>
                [&quot;50%&quot;,0.5],<br>
<b>1221</b><br>
                [&quot;75%&quot;,0.75],<br>
<b>1222</b><br>
                [&quot;100%&quot;,1],<br>
<b>1223</b><br>
            ];<br>
<b>1224</b><br>
            for(const value of array)<br>
<b>1225</b><br>
            {<br>
<b>1226</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>1227</b><br>
                button.innerHTML = value[0];<br>
<b>1228</b><br>
                button.value = value[1];<br>
<b>1229</b><br>
                button.addEventListener(&quot;click&quot;, imagewidthexactupdate);<br>
<b>1230</b><br>
                imagewidth.append(button);<br>
<b>1231</b><br>
            }<br>
<b>1232</b><br>
        }<br>
<b>1233</b><br>
        addEventListener(&quot;load&quot;, imagewidthexactload);<br>
<b>1234</b><br>
        function imagewidthexactupdate(e)<br>
<b>1235</b><br>
        {<br>
<b>1236</b><br>
            imagewidthnumber.value = canvas.width * Number(e.target.value);<br>
<b>1237</b><br>
            imagewidthnumberupdate();<br>
<b>1238</b><br>
        }<br>
<b>1239</b><br>
        function imagewidthincrementload()<br>
<b>1240</b><br>
        {<br>
<b>1241</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>1242</b><br>
            imagewidth.append(br);<br>
<b>1243</b><br>
            const array =<br>
<b>1244</b><br>
            [<br>
<b>1245</b><br>
                [&quot;-1000&quot;,-1000],<br>
<b>1246</b><br>
                [&quot;-100&quot;,-100],<br>
<b>1247</b><br>
                [&quot;-10&quot;,-10],<br>
<b>1248</b><br>
                [&quot;-1&quot;,-1],<br>
<b>1249</b><br>
                [&quot;+1&quot;,1],<br>
<b>1250</b><br>
                [&quot;+10&quot;,10],<br>
<b>1251</b><br>
                [&quot;+100&quot;,100],<br>
<b>1252</b><br>
                [&quot;+1000&quot;,1000],<br>
<b>1253</b><br>
            ];<br>
<b>1254</b><br>
            for(const value of array)<br>
<b>1255</b><br>
            {<br>
<b>1256</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>1257</b><br>
                button.innerHTML = value[0];<br>
<b>1258</b><br>
                button.value = value[1];<br>
<b>1259</b><br>
                button.addEventListener(&quot;click&quot;, imagewidthincrementupdate);<br>
<b>1260</b><br>
                imagewidth.append(button);<br>
<b>1261</b><br>
            }<br>
<b>1262</b><br>
        }<br>
<b>1263</b><br>
        addEventListener(&quot;load&quot;, imagewidthincrementload);<br>
<b>1264</b><br>
        function imagewidthincrementupdate(e)<br>
<b>1265</b><br>
        {<br>
<b>1266</b><br>
            const v = Number(imagewidthnumber.value) + Number(e.target.value);<br>
<b>1267</b><br>
            if((imagewidthnumber.min &lt;= v) &amp;&amp; (v &lt;= imagewidthnumber.max))<br>
<b>1268</b><br>
            {<br>
<b>1269</b><br>
                imagewidthnumber.value = v;<br>
<b>1270</b><br>
                imagewidthnumberupdate();<br>
<b>1271</b><br>
            }<br>
<b>1272</b><br>
        }<br>
<b>1273</b><br>
        function imageheightload()<br>
<b>1274</b><br>
        {<br>
<b>1275</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>1276</b><br>
            div.id = &quot;imageheight&quot;;<br>
<b>1277</b><br>
            div.innerHTML = &quot;height&quot;;<br>
<b>1278</b><br>
            tabcontentimage.append(div);<br>
<b>1279</b><br>
            const style = div.style;<br>
<b>1280</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>1281</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>1282</b><br>
        }<br>
<b>1283</b><br>
        addEventListener(&quot;load&quot;, imageheightload);<br>
<b>1284</b><br>
        function imageheightnumberload()<br>
<b>1285</b><br>
        {<br>
<b>1286</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>1287</b><br>
            imageheight.append(br);<br>
<b>1288</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>1289</b><br>
            input.id = &quot;imageheightnumber&quot;;<br>
<b>1290</b><br>
            input.max = maxheight;<br>
<b>1291</b><br>
            input.min = 0;<br>
<b>1292</b><br>
            input.type = &quot;number&quot;;<br>
<b>1293</b><br>
            input.value = canvas.height;<br>
<b>1294</b><br>
            input.addEventListener(&quot;input&quot;, imageheightnumberupdate);<br>
<b>1295</b><br>
            imageheight.append(input);<br>
<b>1296</b><br>
            //imageheightnumberset();<br>
<b>1297</b><br>
        }<br>
<b>1298</b><br>
        addEventListener(&quot;load&quot;, imageheightnumberload);<br>
<b>1299</b><br>
        function imageheightnumberset()<br>
<b>1300</b><br>
        {<br>
<b>1301</b><br>
            const v = imageheightnumber.value;<br>
<b>1302</b><br>
            imageheightrange.value = v;<br>
<b>1303</b><br>
            image.height = v;<br>
<b>1304</b><br>
        }<br>
<b>1305</b><br>
        function imageheightnumberupdate()<br>
<b>1306</b><br>
        {<br>
<b>1307</b><br>
            imageheightnumberset();<br>
<b>1308</b><br>
            svgupdate();<br>
<b>1309</b><br>
        }<br>
<b>1310</b><br>
        function imageheightrangeload()<br>
<b>1311</b><br>
        {<br>
<b>1312</b><br>
            //const br = document.createElement(&quot;br&quot;);<br>
<b>1313</b><br>
            //imageheight.append(br);<br>
<b>1314</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>1315</b><br>
            input.id = &quot;imageheightrange&quot;;<br>
<b>1316</b><br>
            input.max = imageheightnumber.max;<br>
<b>1317</b><br>
            input.min = imageheightnumber.min;<br>
<b>1318</b><br>
            input.type = &quot;range&quot;;<br>
<b>1319</b><br>
            input.value = imageheightnumber.value;<br>
<b>1320</b><br>
            input.addEventListener(&quot;input&quot;, imageheightrangeupdate);<br>
<b>1321</b><br>
            imageheight.append(input);<br>
<b>1322</b><br>
            imageheightrangeset();<br>
<b>1323</b><br>
        }<br>
<b>1324</b><br>
        addEventListener(&quot;load&quot;, imageheightrangeload);<br>
<b>1325</b><br>
        function imageheightrangeset()<br>
<b>1326</b><br>
        {<br>
<b>1327</b><br>
            const v = imageheightrange.value;<br>
<b>1328</b><br>
            imageheightnumber.value = v;<br>
<b>1329</b><br>
            image.height = v;<br>
<b>1330</b><br>
        }<br>
<b>1331</b><br>
        function imageheightrangeupdate()<br>
<b>1332</b><br>
        {<br>
<b>1333</b><br>
            imageheightrangeset();<br>
<b>1334</b><br>
            svgupdate();<br>
<b>1335</b><br>
        }<br>
<b>1336</b><br>
/*<br>
<b>1337</b><br>
        function imageheightnaturalload()<br>
<b>1338</b><br>
        {<br>
<b>1339</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>1340</b><br>
            imageheight.append(br);<br>
<b>1341</b><br>
            const button = document.createElement(&quot;button&quot;);<br>
<b>1342</b><br>
            button.innerHTML = &quot;image&quot;;<br>
<b>1343</b><br>
            button.addEventListener(&quot;click&quot;, imageheightnaturalupdate);<br>
<b>1344</b><br>
            imageheight.append(button);<br>
<b>1345</b><br>
        }<br>
<b>1346</b><br>
        addEventListener(&quot;load&quot;, imageheightnaturalload);<br>
<b>1347</b><br>
        function imageheightnaturalupdate()<br>
<b>1348</b><br>
        {<br>
<b>1349</b><br>
            imageheightnumber.value = image.naturalHeight;<br>
<b>1350</b><br>
            imageheightnumberupdate();<br>
<b>1351</b><br>
        }<br>
<b>1352</b><br>
//*/<br>
<b>1353</b><br>
        function imageheightexactload()<br>
<b>1354</b><br>
        {<br>
<b>1355</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>1356</b><br>
            imageheight.append(br);<br>
<b>1357</b><br>
            const array =<br>
<b>1358</b><br>
            [<br>
<b>1359</b><br>
                [&quot;25%&quot;,0.25],<br>
<b>1360</b><br>
                [&quot;50%&quot;,0.5],<br>
<b>1361</b><br>
                [&quot;75%&quot;,0.75],<br>
<b>1362</b><br>
                [&quot;100%&quot;,1],<br>
<b>1363</b><br>
            ];<br>
<b>1364</b><br>
            for(const value of array)<br>
<b>1365</b><br>
            {<br>
<b>1366</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>1367</b><br>
                button.innerHTML = value[0];<br>
<b>1368</b><br>
                button.value = value[1];<br>
<b>1369</b><br>
                button.addEventListener(&quot;click&quot;, imageheightexactupdate);<br>
<b>1370</b><br>
                imageheight.append(button);<br>
<b>1371</b><br>
            }<br>
<b>1372</b><br>
        }<br>
<b>1373</b><br>
        addEventListener(&quot;load&quot;, imageheightexactload);<br>
<b>1374</b><br>
        function imageheightexactupdate(e)<br>
<b>1375</b><br>
        {<br>
<b>1376</b><br>
            imageheightnumber.value = canvas.height * Number(e.target.value);<br>
<b>1377</b><br>
            imageheightnumberupdate();<br>
<b>1378</b><br>
        }<br>
<b>1379</b><br>
        function imageheightincrementload()<br>
<b>1380</b><br>
        {<br>
<b>1381</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>1382</b><br>
            imageheight.append(br);<br>
<b>1383</b><br>
            const array =<br>
<b>1384</b><br>
            [<br>
<b>1385</b><br>
                [&quot;-1000&quot;,-1000],<br>
<b>1386</b><br>
                [&quot;-100&quot;,-100],<br>
<b>1387</b><br>
                [&quot;-10&quot;,-10],<br>
<b>1388</b><br>
                [&quot;-1&quot;,-1],<br>
<b>1389</b><br>
                [&quot;+1&quot;,1],<br>
<b>1390</b><br>
                [&quot;+10&quot;,10],<br>
<b>1391</b><br>
                [&quot;+100&quot;,100],<br>
<b>1392</b><br>
                [&quot;+1000&quot;,1000],<br>
<b>1393</b><br>
            ];<br>
<b>1394</b><br>
            for(const value of array)<br>
<b>1395</b><br>
            {<br>
<b>1396</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>1397</b><br>
                button.innerHTML = value[0];<br>
<b>1398</b><br>
                button.value = value[1];<br>
<b>1399</b><br>
                button.addEventListener(&quot;click&quot;, imageheightincrementupdate);<br>
<b>1400</b><br>
                imageheight.append(button);<br>
<b>1401</b><br>
            }<br>
<b>1402</b><br>
        }<br>
<b>1403</b><br>
        addEventListener(&quot;load&quot;, imageheightincrementload);<br>
<b>1404</b><br>
        function imageheightincrementupdate(e)<br>
<b>1405</b><br>
        {<br>
<b>1406</b><br>
            const v = Number(imageheightnumber.value) + Number(e.target.value);<br>
<b>1407</b><br>
            if((imageheightnumber.min &lt;= v) &amp;&amp; (v &lt;= imageheightnumber.max))<br>
<b>1408</b><br>
            {<br>
<b>1409</b><br>
                imageheightnumber.value = v;<br>
<b>1410</b><br>
                imageheightnumberupdate();<br>
<b>1411</b><br>
            }<br>
<b>1412</b><br>
        }<br>
<b>1413</b><br>
        function imagexload()<br>
<b>1414</b><br>
        {<br>
<b>1415</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>1416</b><br>
            div.id = &quot;imagex&quot;;<br>
<b>1417</b><br>
            div.innerHTML = &quot;x&quot;;<br>
<b>1418</b><br>
            tabcontentimage.append(div);<br>
<b>1419</b><br>
            const style = div.style;<br>
<b>1420</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>1421</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>1422</b><br>
        }<br>
<b>1423</b><br>
        addEventListener(&quot;load&quot;, imagexload);<br>
<b>1424</b><br>
        function imagexnumberload()<br>
<b>1425</b><br>
        {<br>
<b>1426</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>1427</b><br>
            imagex.append(br);<br>
<b>1428</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>1429</b><br>
            input.id = &quot;imagexnumber&quot;;<br>
<b>1430</b><br>
            input.max = maxwidth;<br>
<b>1431</b><br>
            input.min = -maxwidth;<br>
<b>1432</b><br>
            input.type = &quot;number&quot;;<br>
<b>1433</b><br>
            input.value = 0;<br>
<b>1434</b><br>
            input.addEventListener(&quot;input&quot;, imagexnumberupdate);<br>
<b>1435</b><br>
            imagex.append(input);<br>
<b>1436</b><br>
            //imagexnumberset();<br>
<b>1437</b><br>
        }<br>
<b>1438</b><br>
        addEventListener(&quot;load&quot;, imagexnumberload);<br>
<b>1439</b><br>
        function imagexnumberset()<br>
<b>1440</b><br>
        {<br>
<b>1441</b><br>
            const v = imagexnumber.value;<br>
<b>1442</b><br>
            imagexrange.value = v;<br>
<b>1443</b><br>
            image.myx = v;<br>
<b>1444</b><br>
        }<br>
<b>1445</b><br>
        function imagexnumberupdate()<br>
<b>1446</b><br>
        {<br>
<b>1447</b><br>
            imagexnumberset();<br>
<b>1448</b><br>
            svgupdate();<br>
<b>1449</b><br>
        }<br>
<b>1450</b><br>
        function imagexrangeload()<br>
<b>1451</b><br>
        {<br>
<b>1452</b><br>
            //const br = document.createElement(&quot;br&quot;);<br>
<b>1453</b><br>
            //imagex.append(br);<br>
<b>1454</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>1455</b><br>
            input.id = &quot;imagexrange&quot;;<br>
<b>1456</b><br>
            input.max = imagexnumber.max;<br>
<b>1457</b><br>
            input.min = imagexnumber.min;<br>
<b>1458</b><br>
            input.type = &quot;range&quot;;<br>
<b>1459</b><br>
            input.value = imagexnumber.value;<br>
<b>1460</b><br>
            input.addEventListener(&quot;input&quot;, imagexrangeupdate);<br>
<b>1461</b><br>
            imagex.append(input);<br>
<b>1462</b><br>
            imagexrangeset();<br>
<b>1463</b><br>
        }<br>
<b>1464</b><br>
        addEventListener(&quot;load&quot;, imagexrangeload);<br>
<b>1465</b><br>
        function imagexrangeset()<br>
<b>1466</b><br>
        {<br>
<b>1467</b><br>
            const v = imagexrange.value;<br>
<b>1468</b><br>
            imagexnumber.value = v;<br>
<b>1469</b><br>
            image.myx = v;<br>
<b>1470</b><br>
        }<br>
<b>1471</b><br>
        function imagexrangeupdate()<br>
<b>1472</b><br>
        {<br>
<b>1473</b><br>
            imagexrangeset();<br>
<b>1474</b><br>
            svgupdate();<br>
<b>1475</b><br>
        }<br>
<b>1476</b><br>
        function imagexexactload()<br>
<b>1477</b><br>
        {<br>
<b>1478</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>1479</b><br>
            imagex.append(br);<br>
<b>1480</b><br>
            const array =<br>
<b>1481</b><br>
            [<br>
<b>1482</b><br>
                [&quot;left&quot;,0],<br>
<b>1483</b><br>
                [&quot;center&quot;,0.5],<br>
<b>1484</b><br>
                [&quot;right&quot;,1],<br>
<b>1485</b><br>
            ];<br>
<b>1486</b><br>
            for(const value of array)<br>
<b>1487</b><br>
            {<br>
<b>1488</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>1489</b><br>
                button.innerHTML = value[0];<br>
<b>1490</b><br>
                button.value = value[1];<br>
<b>1491</b><br>
                button.addEventListener(&quot;click&quot;, imagexexactupdate);<br>
<b>1492</b><br>
                imagex.append(button);<br>
<b>1493</b><br>
            }<br>
<b>1494</b><br>
        }<br>
<b>1495</b><br>
        addEventListener(&quot;load&quot;, imagexexactload);<br>
<b>1496</b><br>
        function imagexexactupdate(e)<br>
<b>1497</b><br>
        {<br>
<b>1498</b><br>
            imagexnumber.value = (canvas.width - image.width) * Number(e.target.value);<br>
<b>1499</b><br>
            imagexnumberupdate();<br>
<b>1500</b><br>
        }<br>
<b>1501</b><br>
        function imagexincrementload()<br>
<b>1502</b><br>
        {<br>
<b>1503</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>1504</b><br>
            imagex.append(br);<br>
<b>1505</b><br>
            const array =<br>
<b>1506</b><br>
            [<br>
<b>1507</b><br>
                [&quot;-1000&quot;,-1000],<br>
<b>1508</b><br>
                [&quot;-100&quot;,-100],<br>
<b>1509</b><br>
                [&quot;-10&quot;,-10],<br>
<b>1510</b><br>
                [&quot;-1&quot;,-1],<br>
<b>1511</b><br>
                [&quot;+1&quot;,1],<br>
<b>1512</b><br>
                [&quot;+10&quot;,10],<br>
<b>1513</b><br>
                [&quot;+100&quot;,100],<br>
<b>1514</b><br>
                [&quot;+1000&quot;,1000],<br>
<b>1515</b><br>
            ];<br>
<b>1516</b><br>
            for(const value of array)<br>
<b>1517</b><br>
            {<br>
<b>1518</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>1519</b><br>
                button.innerHTML = value[0];<br>
<b>1520</b><br>
                button.value = value[1];<br>
<b>1521</b><br>
                button.addEventListener(&quot;click&quot;, imagexincrementupdate);<br>
<b>1522</b><br>
                imagex.append(button);<br>
<b>1523</b><br>
            }<br>
<b>1524</b><br>
        }<br>
<b>1525</b><br>
        addEventListener(&quot;load&quot;, imagexincrementload);<br>
<b>1526</b><br>
        function imagexincrementupdate(e)<br>
<b>1527</b><br>
        {<br>
<b>1528</b><br>
            const v = Number(imagexnumber.value) + Number(e.target.value);<br>
<b>1529</b><br>
            if((imagexnumber.min &lt;= v) &amp;&amp; (v &lt;= imagexnumber.max))<br>
<b>1530</b><br>
            {<br>
<b>1531</b><br>
                imagexnumber.value = v;<br>
<b>1532</b><br>
                imagexnumberupdate();<br>
<b>1533</b><br>
            }<br>
<b>1534</b><br>
        }<br>
<b>1535</b><br>
        function imageyload()<br>
<b>1536</b><br>
        {<br>
<b>1537</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>1538</b><br>
            div.id = &quot;imagey&quot;;<br>
<b>1539</b><br>
            div.innerHTML = &quot;y&quot;;<br>
<b>1540</b><br>
            tabcontentimage.append(div);<br>
<b>1541</b><br>
            const style = div.style;<br>
<b>1542</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>1543</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>1544</b><br>
        }<br>
<b>1545</b><br>
        addEventListener(&quot;load&quot;, imageyload);<br>
<b>1546</b><br>
        function imageynumberload()<br>
<b>1547</b><br>
        {<br>
<b>1548</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>1549</b><br>
            imagey.append(br);<br>
<b>1550</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>1551</b><br>
            input.id = &quot;imageynumber&quot;;<br>
<b>1552</b><br>
            input.max = maxheight;<br>
<b>1553</b><br>
            input.min = -maxheight;<br>
<b>1554</b><br>
            input.type = &quot;number&quot;;<br>
<b>1555</b><br>
            input.value = 0;<br>
<b>1556</b><br>
            input.addEventListener(&quot;input&quot;, imageynumberupdate);<br>
<b>1557</b><br>
            imagey.append(input);<br>
<b>1558</b><br>
            //imageynumberset();<br>
<b>1559</b><br>
        }<br>
<b>1560</b><br>
        addEventListener(&quot;load&quot;, imageynumberload);<br>
<b>1561</b><br>
        function imageynumberset()<br>
<b>1562</b><br>
        {<br>
<b>1563</b><br>
            const v = imageynumber.value;<br>
<b>1564</b><br>
            imageyrange.value = v;<br>
<b>1565</b><br>
            image.myy = v;<br>
<b>1566</b><br>
        }<br>
<b>1567</b><br>
        function imageynumberupdate()<br>
<b>1568</b><br>
        {<br>
<b>1569</b><br>
            imageynumberset();<br>
<b>1570</b><br>
            svgupdate();<br>
<b>1571</b><br>
        }<br>
<b>1572</b><br>
        function imageyrangeload()<br>
<b>1573</b><br>
        {<br>
<b>1574</b><br>
            //const br = document.createElement(&quot;br&quot;);<br>
<b>1575</b><br>
            //imagey.append(br);<br>
<b>1576</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>1577</b><br>
            input.id = &quot;imageyrange&quot;;<br>
<b>1578</b><br>
            input.max = imageynumber.max;<br>
<b>1579</b><br>
            input.min = imageynumber.min;<br>
<b>1580</b><br>
            input.type = &quot;range&quot;;<br>
<b>1581</b><br>
            input.value = imageynumber.value;<br>
<b>1582</b><br>
            input.addEventListener(&quot;input&quot;, imageyrangeupdate);<br>
<b>1583</b><br>
            imagey.append(input);<br>
<b>1584</b><br>
            imageyrangeset();<br>
<b>1585</b><br>
        }<br>
<b>1586</b><br>
        addEventListener(&quot;load&quot;, imageyrangeload);<br>
<b>1587</b><br>
        function imageyrangeset()<br>
<b>1588</b><br>
        {<br>
<b>1589</b><br>
            const v = imageyrange.value;<br>
<b>1590</b><br>
            imageynumber.value = v;<br>
<b>1591</b><br>
            image.myy = v;<br>
<b>1592</b><br>
        }<br>
<b>1593</b><br>
        function imageyrangeupdate()<br>
<b>1594</b><br>
        {<br>
<b>1595</b><br>
            imageyrangeset();<br>
<b>1596</b><br>
            svgupdate();<br>
<b>1597</b><br>
        }<br>
<b>1598</b><br>
        function imageyexactload()<br>
<b>1599</b><br>
        {<br>
<b>1600</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>1601</b><br>
            imagey.append(br);<br>
<b>1602</b><br>
            const array =<br>
<b>1603</b><br>
            [<br>
<b>1604</b><br>
                [&quot;top&quot;,0],<br>
<b>1605</b><br>
                [&quot;center&quot;,0.5],<br>
<b>1606</b><br>
                [&quot;bottom&quot;,1],<br>
<b>1607</b><br>
            ];<br>
<b>1608</b><br>
            for(const value of array)<br>
<b>1609</b><br>
            {<br>
<b>1610</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>1611</b><br>
                button.innerHTML = value[0];<br>
<b>1612</b><br>
                button.value = value[1];<br>
<b>1613</b><br>
                button.addEventListener(&quot;click&quot;, imageyexactupdate);<br>
<b>1614</b><br>
                imagey.append(button);<br>
<b>1615</b><br>
            }<br>
<b>1616</b><br>
        }<br>
<b>1617</b><br>
        addEventListener(&quot;load&quot;, imageyexactload);<br>
<b>1618</b><br>
        function imageyexactupdate(e)<br>
<b>1619</b><br>
        {<br>
<b>1620</b><br>
            imageynumber.value = (canvas.height - image.height) * Number(e.target.value);<br>
<b>1621</b><br>
            imageynumberupdate();<br>
<b>1622</b><br>
        }<br>
<b>1623</b><br>
        function imageyincrementload()<br>
<b>1624</b><br>
        {<br>
<b>1625</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>1626</b><br>
            imagey.append(br);<br>
<b>1627</b><br>
            const array =<br>
<b>1628</b><br>
            [<br>
<b>1629</b><br>
                [&quot;-1000&quot;,-1000],<br>
<b>1630</b><br>
                [&quot;-100&quot;,-100],<br>
<b>1631</b><br>
                [&quot;-10&quot;,-10],<br>
<b>1632</b><br>
                [&quot;-1&quot;,-1],<br>
<b>1633</b><br>
                [&quot;+1&quot;,1],<br>
<b>1634</b><br>
                [&quot;+10&quot;,10],<br>
<b>1635</b><br>
                [&quot;+100&quot;,100],<br>
<b>1636</b><br>
                [&quot;+1000&quot;,1000],<br>
<b>1637</b><br>
            ];<br>
<b>1638</b><br>
            for(const value of array)<br>
<b>1639</b><br>
            {<br>
<b>1640</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>1641</b><br>
                button.innerHTML = value[0];<br>
<b>1642</b><br>
                button.value = value[1];<br>
<b>1643</b><br>
                button.addEventListener(&quot;click&quot;, imageyincrementupdate);<br>
<b>1644</b><br>
                imagey.append(button);<br>
<b>1645</b><br>
            }<br>
<b>1646</b><br>
        }<br>
<b>1647</b><br>
        addEventListener(&quot;load&quot;, imageyincrementload);<br>
<b>1648</b><br>
        function imageyincrementupdate(e)<br>
<b>1649</b><br>
        {<br>
<b>1650</b><br>
            const v = Number(imageynumber.value) + Number(e.target.value);<br>
<b>1651</b><br>
            if((imageynumber.min &lt;= v) &amp;&amp; (v &lt;= imageynumber.max))<br>
<b>1652</b><br>
            {<br>
<b>1653</b><br>
                imageynumber.value = v;<br>
<b>1654</b><br>
                imageynumberupdate();<br>
<b>1655</b><br>
            }<br>
<b>1656</b><br>
        }<br>
<b>1657</b><br>
        function imagebackgroundcolorload()<br>
<b>1658</b><br>
        {<br>
<b>1659</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>1660</b><br>
            div.id = &quot;imagebackgroundcolor&quot;;<br>
<b>1661</b><br>
            div.innerHTML = &quot;background-color&quot;;<br>
<b>1662</b><br>
            tabcontentimage.append(div);<br>
<b>1663</b><br>
        }<br>
<b>1664</b><br>
        addEventListener(&quot;load&quot;, imagebackgroundcolorload);<br>
<b>1665</b><br>
        function imagebackgroundcolorcolorload()<br>
<b>1666</b><br>
        {<br>
<b>1667</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>1668</b><br>
            imagebackgroundcolor.append(br);<br>
<b>1669</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>1670</b><br>
            input.id = &quot;imagebackgroundcolorcolor&quot;;<br>
<b>1671</b><br>
            input.type = &quot;color&quot;;<br>
<b>1672</b><br>
            input.value = &quot;#ffffff&quot;;<br>
<b>1673</b><br>
            input.addEventListener(&quot;input&quot;, imagebackgroundcolorcolorupdate);<br>
<b>1674</b><br>
            imagebackgroundcolor.append(input);<br>
<b>1675</b><br>
            //imagebackgroundcolorcolorset();<br>
<b>1676</b><br>
        }<br>
<b>1677</b><br>
        addEventListener(&quot;load&quot;, imagebackgroundcolorcolorload);<br>
<b>1678</b><br>
        function imagebackgroundcolorcolorset()<br>
<b>1679</b><br>
        {<br>
<b>1680</b><br>
            const c = imagebackgroundcolorcolor.value;<br>
<b>1681</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>1682</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>1683</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>1684</b><br>
            const a = imagebackgroundalphanumber.value;<br>
<b>1685</b><br>
            image.backgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>1686</b><br>
        }<br>
<b>1687</b><br>
        function imagebackgroundcolorcolorupdate()<br>
<b>1688</b><br>
        {<br>
<b>1689</b><br>
            imagebackgroundcolorcolorset();<br>
<b>1690</b><br>
            svgupdate();<br>
<b>1691</b><br>
        }<br>
<b>1692</b><br>
        function imagebackgroundcolorexactload()<br>
<b>1693</b><br>
        {<br>
<b>1694</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>1695</b><br>
            imagebackgroundcolor.append(br);<br>
<b>1696</b><br>
            const array =<br>
<b>1697</b><br>
            [<br>
<b>1698</b><br>
                [&quot;black&quot;,&quot;#000000&quot;],<br>
<b>1699</b><br>
                [&quot;white&quot;,&quot;#ffffff&quot;],<br>
<b>1700</b><br>
            ];<br>
<b>1701</b><br>
            for(const value of array)<br>
<b>1702</b><br>
            {<br>
<b>1703</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>1704</b><br>
                button.innerHTML = value[0];<br>
<b>1705</b><br>
                button.value = value[1];<br>
<b>1706</b><br>
                button.addEventListener(&quot;click&quot;, imagebackgroundcolorexactupdate);<br>
<b>1707</b><br>
                imagebackgroundcolor.append(button);<br>
<b>1708</b><br>
            }<br>
<b>1709</b><br>
        }<br>
<b>1710</b><br>
        addEventListener(&quot;load&quot;, imagebackgroundcolorexactload);<br>
<b>1711</b><br>
        function imagebackgroundcolorexactupdate(e)<br>
<b>1712</b><br>
        {<br>
<b>1713</b><br>
            imagebackgroundcolorcolor.value = e.target.value;<br>
<b>1714</b><br>
            imagebackgroundcolorcolorupdate();<br>
<b>1715</b><br>
        }<br>
<b>1716</b><br>
        function imagebackgroundalphaload()<br>
<b>1717</b><br>
        {<br>
<b>1718</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>1719</b><br>
            div.id = &quot;imagebackgroundalpha&quot;;<br>
<b>1720</b><br>
            div.innerHTML = &quot;background-alpha&quot;;<br>
<b>1721</b><br>
            tabcontentimage.append(div);<br>
<b>1722</b><br>
            const style = div.style;<br>
<b>1723</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>1724</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>1725</b><br>
        }<br>
<b>1726</b><br>
        addEventListener(&quot;load&quot;, imagebackgroundalphaload);<br>
<b>1727</b><br>
        function imagebackgroundalphanumberload()<br>
<b>1728</b><br>
        {<br>
<b>1729</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>1730</b><br>
            imagebackgroundalpha.append(br);<br>
<b>1731</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>1732</b><br>
            input.id = &quot;imagebackgroundalphanumber&quot;;<br>
<b>1733</b><br>
            input.max = 1;<br>
<b>1734</b><br>
            input.min = 0;<br>
<b>1735</b><br>
            input.step = 0.01;<br>
<b>1736</b><br>
            input.type = &quot;number&quot;;<br>
<b>1737</b><br>
            input.value = 0;<br>
<b>1738</b><br>
            input.addEventListener(&quot;input&quot;, imagebackgroundalphanumberupdate);<br>
<b>1739</b><br>
            imagebackgroundalpha.append(input);<br>
<b>1740</b><br>
            //imagebackgroundalphanumberset();<br>
<b>1741</b><br>
        }<br>
<b>1742</b><br>
        addEventListener(&quot;load&quot;, imagebackgroundalphanumberload);<br>
<b>1743</b><br>
        function imagebackgroundalphanumberset()<br>
<b>1744</b><br>
        {<br>
<b>1745</b><br>
            const c = imagebackgroundcolorcolor.value;<br>
<b>1746</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>1747</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>1748</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>1749</b><br>
            const a = imagebackgroundalphanumber.value;<br>
<b>1750</b><br>
            imagebackgroundalpharange.value = a;<br>
<b>1751</b><br>
            image.backgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>1752</b><br>
        }<br>
<b>1753</b><br>
        function imagebackgroundalphanumberupdate()<br>
<b>1754</b><br>
        {<br>
<b>1755</b><br>
            imagebackgroundalphanumberset();<br>
<b>1756</b><br>
            svgupdate();<br>
<b>1757</b><br>
        }<br>
<b>1758</b><br>
        function imagebackgroundalpharangeload()<br>
<b>1759</b><br>
        {<br>
<b>1760</b><br>
            //const br = document.createElement(&quot;br&quot;);<br>
<b>1761</b><br>
            //imagebackgroundalpha.append(br);<br>
<b>1762</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>1763</b><br>
            input.id = &quot;imagebackgroundalpharange&quot;;<br>
<b>1764</b><br>
            input.max = imagebackgroundalphanumber.max;<br>
<b>1765</b><br>
            input.min = imagebackgroundalphanumber.min;<br>
<b>1766</b><br>
            input.step = imagebackgroundalphanumber.step;<br>
<b>1767</b><br>
            input.type = &quot;range&quot;;<br>
<b>1768</b><br>
            input.value = imagebackgroundalphanumber.value;<br>
<b>1769</b><br>
            input.addEventListener(&quot;input&quot;, imagebackgroundalpharangeupdate);<br>
<b>1770</b><br>
            imagebackgroundalpha.append(input);<br>
<b>1771</b><br>
            imagebackgroundalpharangeset();<br>
<b>1772</b><br>
        }<br>
<b>1773</b><br>
        addEventListener(&quot;load&quot;, imagebackgroundalpharangeload);<br>
<b>1774</b><br>
        function imagebackgroundalpharangeset()<br>
<b>1775</b><br>
        {<br>
<b>1776</b><br>
            const c = imagebackgroundcolorcolor.value;<br>
<b>1777</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>1778</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>1779</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>1780</b><br>
            const a = imagebackgroundalpharange.value;<br>
<b>1781</b><br>
            imagebackgroundalphanumber.value = a;<br>
<b>1782</b><br>
            image.backgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>1783</b><br>
        }<br>
<b>1784</b><br>
        function imagebackgroundalpharangeupdate()<br>
<b>1785</b><br>
        {<br>
<b>1786</b><br>
            imagebackgroundalpharangeset();<br>
<b>1787</b><br>
            svgupdate();<br>
<b>1788</b><br>
        }<br>
<b>1789</b><br>
        function imagebackgroundalphaexactload()<br>
<b>1790</b><br>
        {<br>
<b>1791</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>1792</b><br>
            imagebackgroundalpha.append(br);<br>
<b>1793</b><br>
            const array =<br>
<b>1794</b><br>
            [<br>
<b>1795</b><br>
                [&quot;0&quot;,0],<br>
<b>1796</b><br>
                [&quot;0.25&quot;,0.25],<br>
<b>1797</b><br>
                [&quot;0.5&quot;,0.5],<br>
<b>1798</b><br>
                [&quot;0.75&quot;,0.75],<br>
<b>1799</b><br>
                [&quot;1&quot;,1],<br>
<b>1800</b><br>
            ];<br>
<b>1801</b><br>
            for(const value of array)<br>
<b>1802</b><br>
            {<br>
<b>1803</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>1804</b><br>
                button.innerHTML = value[0];<br>
<b>1805</b><br>
                button.value = value[1];<br>
<b>1806</b><br>
                button.addEventListener(&quot;click&quot;, imagebackgroundalphaexactupdate);<br>
<b>1807</b><br>
                imagebackgroundalpha.append(button);<br>
<b>1808</b><br>
            }<br>
<b>1809</b><br>
        }<br>
<b>1810</b><br>
        addEventListener(&quot;load&quot;, imagebackgroundalphaexactload);<br>
<b>1811</b><br>
        function imagebackgroundalphaexactupdate(e)<br>
<b>1812</b><br>
        {<br>
<b>1813</b><br>
            imagebackgroundalphanumber.value = Number(e.target.value);<br>
<b>1814</b><br>
            imagebackgroundalphanumberupdate();<br>
<b>1815</b><br>
        }<br>
<b>1816</b><br>
        function imagebackgroundalphaincrementload()<br>
<b>1817</b><br>
        {<br>
<b>1818</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>1819</b><br>
            imagebackgroundalpha.append(br);<br>
<b>1820</b><br>
            const array =<br>
<b>1821</b><br>
            [<br>
<b>1822</b><br>
                [&quot;-0.1&quot;,-0.1],<br>
<b>1823</b><br>
                [&quot;-0.01&quot;,-0.01],<br>
<b>1824</b><br>
                [&quot;+0.01&quot;,0.01],<br>
<b>1825</b><br>
                [&quot;+0.1&quot;,0.1],<br>
<b>1826</b><br>
            ];<br>
<b>1827</b><br>
            for(const value of array)<br>
<b>1828</b><br>
            {<br>
<b>1829</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>1830</b><br>
                button.innerHTML = value[0];<br>
<b>1831</b><br>
                button.value = value[1];<br>
<b>1832</b><br>
                button.addEventListener(&quot;click&quot;, imagebackgroundalphaincrementupdate);<br>
<b>1833</b><br>
                imagebackgroundalpha.append(button);<br>
<b>1834</b><br>
            }<br>
<b>1835</b><br>
        }<br>
<b>1836</b><br>
        addEventListener(&quot;load&quot;, imagebackgroundalphaincrementload);<br>
<b>1837</b><br>
        function imagebackgroundalphaincrementupdate(e)<br>
<b>1838</b><br>
        {<br>
<b>1839</b><br>
            let v = Number(imagebackgroundalphanumber.value) + Number(e.target.value);<br>
<b>1840</b><br>
            v = parseFloat(v.toFixed(2));<br>
<b>1841</b><br>
            if((imagebackgroundalphanumber.min &lt;= v) &amp;&amp; (v &lt;= imagebackgroundalphanumber.max))<br>
<b>1842</b><br>
            {<br>
<b>1843</b><br>
                imagebackgroundalphanumber.value = v;<br>
<b>1844</b><br>
                imagebackgroundalphanumberupdate();<br>
<b>1845</b><br>
            }<br>
<b>1846</b><br>
        }<br>
<b>1847</b><br>
/*<br>
<b>1848</b><br>
        function imageopacityload()<br>
<b>1849</b><br>
        {<br>
<b>1850</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>1851</b><br>
            div.id = &quot;imageopacity&quot;;<br>
<b>1852</b><br>
            div.innerHTML = &quot;opacity&quot;;<br>
<b>1853</b><br>
            tabcontentimage.append(div);<br>
<b>1854</b><br>
            const style = div.style;<br>
<b>1855</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>1856</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>1857</b><br>
        }<br>
<b>1858</b><br>
        addEventListener(&quot;load&quot;, imageopacityload);<br>
<b>1859</b><br>
        function imageopacitynumberload()<br>
<b>1860</b><br>
        {<br>
<b>1861</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>1862</b><br>
            imageopacity.append(br);<br>
<b>1863</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>1864</b><br>
            input.id = &quot;imageopacitynumber&quot;;<br>
<b>1865</b><br>
            input.max = 1;<br>
<b>1866</b><br>
            input.min = 0;<br>
<b>1867</b><br>
            input.step = 0.01;<br>
<b>1868</b><br>
            input.type = &quot;number&quot;;<br>
<b>1869</b><br>
            input.value = 1;<br>
<b>1870</b><br>
            input.addEventListener(&quot;input&quot;, imageopacitynumberupdate);<br>
<b>1871</b><br>
            imageopacity.append(input);<br>
<b>1872</b><br>
            //imageopacitynumberset();<br>
<b>1873</b><br>
        }<br>
<b>1874</b><br>
        addEventListener(&quot;load&quot;, imageopacitynumberload);<br>
<b>1875</b><br>
        function imageopacitynumberset()<br>
<b>1876</b><br>
        {<br>
<b>1877</b><br>
            const v = imageopacitynumber.value;<br>
<b>1878</b><br>
            imageopacityrange.value = v;<br>
<b>1879</b><br>
            image.opacity = v;<br>
<b>1880</b><br>
        }<br>
<b>1881</b><br>
        function imageopacitynumberupdate()<br>
<b>1882</b><br>
        {<br>
<b>1883</b><br>
            imageopacitynumberset();<br>
<b>1884</b><br>
            svgupdate();<br>
<b>1885</b><br>
        }<br>
<b>1886</b><br>
        function imageopacityrangeload()<br>
<b>1887</b><br>
        {<br>
<b>1888</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>1889</b><br>
            input.id = &quot;imageopacityrange&quot;;<br>
<b>1890</b><br>
            input.max = imageopacitynumber.max;<br>
<b>1891</b><br>
            input.min = imageopacitynumber.min;<br>
<b>1892</b><br>
            input.step = imageopacitynumber.step;<br>
<b>1893</b><br>
            input.type = &quot;range&quot;;<br>
<b>1894</b><br>
            input.value = imageopacitynumber.value;<br>
<b>1895</b><br>
            input.addEventListener(&quot;input&quot;, imageopacityrangeupdate);<br>
<b>1896</b><br>
            imageopacity.append(input);<br>
<b>1897</b><br>
            imageopacityrangeset();<br>
<b>1898</b><br>
        }<br>
<b>1899</b><br>
        addEventListener(&quot;load&quot;, imageopacityrangeload);<br>
<b>1900</b><br>
        function imageopacityrangeset()<br>
<b>1901</b><br>
        {<br>
<b>1902</b><br>
            const v = imageopacityrange.value;<br>
<b>1903</b><br>
            imageopacitynumber.value = v;<br>
<b>1904</b><br>
            image.opacity = v;<br>
<b>1905</b><br>
        }<br>
<b>1906</b><br>
        function imageopacityrangeupdate()<br>
<b>1907</b><br>
        {<br>
<b>1908</b><br>
            imageopacityrangeset();<br>
<b>1909</b><br>
            svgupdate();<br>
<b>1910</b><br>
        }<br>
<b>1911</b><br>
        function imageopacityexactload()<br>
<b>1912</b><br>
        {<br>
<b>1913</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>1914</b><br>
            imageopacity.append(br);<br>
<b>1915</b><br>
            const array =<br>
<b>1916</b><br>
            [<br>
<b>1917</b><br>
                [&quot;0&quot;,0],<br>
<b>1918</b><br>
                [&quot;0.25&quot;,0.25],<br>
<b>1919</b><br>
                [&quot;0.5&quot;,0.5],<br>
<b>1920</b><br>
                [&quot;0.75&quot;,0.75],<br>
<b>1921</b><br>
                [&quot;1&quot;,1],<br>
<b>1922</b><br>
            ];<br>
<b>1923</b><br>
            for(const value of array)<br>
<b>1924</b><br>
            {<br>
<b>1925</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>1926</b><br>
                button.innerHTML = value[0];<br>
<b>1927</b><br>
                button.value = value[1];<br>
<b>1928</b><br>
                button.addEventListener(&quot;click&quot;, imageopacityexactupdate);<br>
<b>1929</b><br>
                imageopacity.append(button);<br>
<b>1930</b><br>
            }<br>
<b>1931</b><br>
        }<br>
<b>1932</b><br>
        addEventListener(&quot;load&quot;, imageopacityexactload);<br>
<b>1933</b><br>
        function imageopacityexactupdate(e)<br>
<b>1934</b><br>
        {<br>
<b>1935</b><br>
            imageopacitynumber.value = Number(e.target.value);<br>
<b>1936</b><br>
            imageopacitynumberupdate();<br>
<b>1937</b><br>
        }<br>
<b>1938</b><br>
        function imageopacityincrementload()<br>
<b>1939</b><br>
        {<br>
<b>1940</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>1941</b><br>
            imageopacity.append(br);<br>
<b>1942</b><br>
            const array =<br>
<b>1943</b><br>
            [<br>
<b>1944</b><br>
                [&quot;-0.1&quot;,-0.1],<br>
<b>1945</b><br>
                [&quot;-0.01&quot;,-0.01],<br>
<b>1946</b><br>
                [&quot;+0.01&quot;,0.01],<br>
<b>1947</b><br>
                [&quot;+0.1&quot;,0.1],<br>
<b>1948</b><br>
            ];<br>
<b>1949</b><br>
            for(const value of array)<br>
<b>1950</b><br>
            {<br>
<b>1951</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>1952</b><br>
                button.innerHTML = value[0];<br>
<b>1953</b><br>
                button.value = value[1];<br>
<b>1954</b><br>
                button.addEventListener(&quot;click&quot;, imageopacityincrementupdate);<br>
<b>1955</b><br>
                imageopacity.append(button);<br>
<b>1956</b><br>
            }<br>
<b>1957</b><br>
        }<br>
<b>1958</b><br>
        addEventListener(&quot;load&quot;, imageopacityincrementload);<br>
<b>1959</b><br>
        function imageopacityincrementupdate(e)<br>
<b>1960</b><br>
        {<br>
<b>1961</b><br>
            let v = Number(imageopacitynumber.value) + Number(e.target.value);<br>
<b>1962</b><br>
            v = parseFloat(v.toFixed(2));<br>
<b>1963</b><br>
            if((imageopacitynumber.min &lt;= v) &amp;&amp; (v &lt;= imageopacitynumber.max))<br>
<b>1964</b><br>
            {<br>
<b>1965</b><br>
                imageopacitynumber.value = v;<br>
<b>1966</b><br>
                imageopacitynumberupdate();<br>
<b>1967</b><br>
            }<br>
<b>1968</b><br>
        }<br>
<b>1969</b><br>
//*/<br>
<b>1970</b><br>
        function imagefilterblurload()<br>
<b>1971</b><br>
        {<br>
<b>1972</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>1973</b><br>
            div.id = &quot;imagefilterblur&quot;;<br>
<b>1974</b><br>
            div.innerHTML = &quot;filter-blur&quot;;<br>
<b>1975</b><br>
            tabcontentimage.append(div);<br>
<b>1976</b><br>
            const style = div.style;<br>
<b>1977</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>1978</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>1979</b><br>
        }<br>
<b>1980</b><br>
        addEventListener(&quot;load&quot;, imagefilterblurload);<br>
<b>1981</b><br>
        function imagefilterblurnumberload()<br>
<b>1982</b><br>
        {<br>
<b>1983</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>1984</b><br>
            imagefilterblur.append(br);<br>
<b>1985</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>1986</b><br>
            input.id = &quot;imagefilterblurnumber&quot;;<br>
<b>1987</b><br>
            input.max = 1000;<br>
<b>1988</b><br>
            input.min = 0;<br>
<b>1989</b><br>
            input.step = 1;<br>
<b>1990</b><br>
            input.type = &quot;number&quot;;<br>
<b>1991</b><br>
            input.value = 0;<br>
<b>1992</b><br>
            input.addEventListener(&quot;input&quot;, imagefilterblurnumberupdate);<br>
<b>1993</b><br>
            imagefilterblur.append(input);<br>
<b>1994</b><br>
            //imagefilterblurnumberset();<br>
<b>1995</b><br>
        }<br>
<b>1996</b><br>
        addEventListener(&quot;load&quot;, imagefilterblurnumberload);<br>
<b>1997</b><br>
        function imagefilterblurnumberset()<br>
<b>1998</b><br>
        {<br>
<b>1999</b><br>
            const v = imagefilterblurnumber.value;<br>
<b>2000</b><br>
            imagefilterblurrange.value = v;<br>
<b>2001</b><br>
            image.filterblur = v;<br>
<b>2002</b><br>
        }<br>
<b>2003</b><br>
        function imagefilterblurnumberupdate()<br>
<b>2004</b><br>
        {<br>
<b>2005</b><br>
            imagefilterblurnumberset();<br>
<b>2006</b><br>
            svgupdate();<br>
<b>2007</b><br>
        }<br>
<b>2008</b><br>
        function imagefilterblurrangeload()<br>
<b>2009</b><br>
        {<br>
<b>2010</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>2011</b><br>
            input.id = &quot;imagefilterblurrange&quot;;<br>
<b>2012</b><br>
            input.max = imagefilterblurnumber.max;<br>
<b>2013</b><br>
            input.min = imagefilterblurnumber.min;<br>
<b>2014</b><br>
            input.step = imagefilterblurnumber.step;<br>
<b>2015</b><br>
            input.type = &quot;range&quot;;<br>
<b>2016</b><br>
            input.value = imagefilterblurnumber.value;<br>
<b>2017</b><br>
            input.addEventListener(&quot;input&quot;, imagefilterblurrangeupdate);<br>
<b>2018</b><br>
            imagefilterblur.append(input);<br>
<b>2019</b><br>
            imagefilterblurrangeset();<br>
<b>2020</b><br>
        }<br>
<b>2021</b><br>
        addEventListener(&quot;load&quot;, imagefilterblurrangeload);<br>
<b>2022</b><br>
        function imagefilterblurrangeset()<br>
<b>2023</b><br>
        {<br>
<b>2024</b><br>
            const v = imagefilterblurrange.value;<br>
<b>2025</b><br>
            imagefilterblurnumber.value = v;<br>
<b>2026</b><br>
            image.filterblur = v;<br>
<b>2027</b><br>
        }<br>
<b>2028</b><br>
        function imagefilterblurrangeupdate()<br>
<b>2029</b><br>
        {<br>
<b>2030</b><br>
            imagefilterblurrangeset();<br>
<b>2031</b><br>
            svgupdate();<br>
<b>2032</b><br>
        }<br>
<b>2033</b><br>
        function imagefilterblurexactload()<br>
<b>2034</b><br>
        {<br>
<b>2035</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>2036</b><br>
            imagefilterblur.append(br);<br>
<b>2037</b><br>
            const array =<br>
<b>2038</b><br>
            [<br>
<b>2039</b><br>
                [&quot;0&quot;,0],<br>
<b>2040</b><br>
                [&quot;2&quot;,2],<br>
<b>2041</b><br>
                [&quot;4&quot;,4],<br>
<b>2042</b><br>
                [&quot;8&quot;,8],<br>
<b>2043</b><br>
                [&quot;16&quot;,16],<br>
<b>2044</b><br>
                [&quot;32&quot;,32],<br>
<b>2045</b><br>
                [&quot;64&quot;,64],<br>
<b>2046</b><br>
            ];<br>
<b>2047</b><br>
            for(const value of array)<br>
<b>2048</b><br>
            {<br>
<b>2049</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>2050</b><br>
                button.innerHTML = value[0];<br>
<b>2051</b><br>
                button.value = value[1];<br>
<b>2052</b><br>
                button.addEventListener(&quot;click&quot;, imagefilterblurexactupdate);<br>
<b>2053</b><br>
                imagefilterblur.append(button);<br>
<b>2054</b><br>
            }<br>
<b>2055</b><br>
        }<br>
<b>2056</b><br>
        addEventListener(&quot;load&quot;, imagefilterblurexactload);<br>
<b>2057</b><br>
        function imagefilterblurexactupdate(e)<br>
<b>2058</b><br>
        {<br>
<b>2059</b><br>
            imagefilterblurnumber.value = Number(e.target.value);<br>
<b>2060</b><br>
            imagefilterblurnumberupdate();<br>
<b>2061</b><br>
        }<br>
<b>2062</b><br>
        function imagefilterblurincrementload()<br>
<b>2063</b><br>
        {<br>
<b>2064</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>2065</b><br>
            imagefilterblur.append(br);<br>
<b>2066</b><br>
            const array =<br>
<b>2067</b><br>
            [<br>
<b>2068</b><br>
                [&quot;-100&quot;,-100],<br>
<b>2069</b><br>
                [&quot;-10&quot;,-10],<br>
<b>2070</b><br>
                [&quot;-1&quot;,-1],<br>
<b>2071</b><br>
                [&quot;+1&quot;,1],<br>
<b>2072</b><br>
                [&quot;+10&quot;,10],<br>
<b>2073</b><br>
                [&quot;+100&quot;,100],<br>
<b>2074</b><br>
            ];<br>
<b>2075</b><br>
            for(const value of array)<br>
<b>2076</b><br>
            {<br>
<b>2077</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>2078</b><br>
                button.innerHTML = value[0];<br>
<b>2079</b><br>
                button.value = value[1];<br>
<b>2080</b><br>
                button.addEventListener(&quot;click&quot;, imagefilterblurincrementupdate);<br>
<b>2081</b><br>
                imagefilterblur.append(button);<br>
<b>2082</b><br>
            }<br>
<b>2083</b><br>
        }<br>
<b>2084</b><br>
        addEventListener(&quot;load&quot;, imagefilterblurincrementload);<br>
<b>2085</b><br>
        function imagefilterblurincrementupdate(e)<br>
<b>2086</b><br>
        {<br>
<b>2087</b><br>
            const v = Number(imagefilterblurnumber.value) + Number(e.target.value);<br>
<b>2088</b><br>
            if((imagefilterblurnumber.min &lt;= v) &amp;&amp; (v &lt;= imagefilterblurnumber.max))<br>
<b>2089</b><br>
            {<br>
<b>2090</b><br>
                imagefilterblurnumber.value = v;<br>
<b>2091</b><br>
                imagefilterblurnumberupdate();<br>
<b>2092</b><br>
            }<br>
<b>2093</b><br>
        }<br>
<b>2094</b><br>
        function imagefilterbrightnessload()<br>
<b>2095</b><br>
        {<br>
<b>2096</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>2097</b><br>
            div.id = &quot;imagefilterbrightness&quot;;<br>
<b>2098</b><br>
            div.innerHTML = &quot;filter-brightness&quot;;<br>
<b>2099</b><br>
            tabcontentimage.append(div);<br>
<b>2100</b><br>
            const style = div.style;<br>
<b>2101</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>2102</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>2103</b><br>
        }<br>
<b>2104</b><br>
        addEventListener(&quot;load&quot;, imagefilterbrightnessload);<br>
<b>2105</b><br>
        function imagefilterbrightnessnumberload()<br>
<b>2106</b><br>
        {<br>
<b>2107</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>2108</b><br>
            imagefilterbrightness.append(br);<br>
<b>2109</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>2110</b><br>
            input.id = &quot;imagefilterbrightnessnumber&quot;;<br>
<b>2111</b><br>
            input.max = 1000;<br>
<b>2112</b><br>
            input.min = 0;<br>
<b>2113</b><br>
            input.step = 1;<br>
<b>2114</b><br>
            input.type = &quot;number&quot;;<br>
<b>2115</b><br>
            input.value = 100;<br>
<b>2116</b><br>
            input.addEventListener(&quot;input&quot;, imagefilterbrightnessnumberupdate);<br>
<b>2117</b><br>
            imagefilterbrightness.append(input);<br>
<b>2118</b><br>
            //imagefilterbrightnessnumberset();<br>
<b>2119</b><br>
        }<br>
<b>2120</b><br>
        addEventListener(&quot;load&quot;, imagefilterbrightnessnumberload);<br>
<b>2121</b><br>
        function imagefilterbrightnessnumberset()<br>
<b>2122</b><br>
        {<br>
<b>2123</b><br>
            const v = imagefilterbrightnessnumber.value;<br>
<b>2124</b><br>
            imagefilterbrightnessrange.value = v;<br>
<b>2125</b><br>
            image.filterbrightness = v;<br>
<b>2126</b><br>
        }<br>
<b>2127</b><br>
        function imagefilterbrightnessnumberupdate()<br>
<b>2128</b><br>
        {<br>
<b>2129</b><br>
            imagefilterbrightnessnumberset();<br>
<b>2130</b><br>
            svgupdate();<br>
<b>2131</b><br>
        }<br>
<b>2132</b><br>
        function imagefilterbrightnessrangeload()<br>
<b>2133</b><br>
        {<br>
<b>2134</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>2135</b><br>
            input.id = &quot;imagefilterbrightnessrange&quot;;<br>
<b>2136</b><br>
            input.max = imagefilterbrightnessnumber.max;<br>
<b>2137</b><br>
            input.min = imagefilterbrightnessnumber.min;<br>
<b>2138</b><br>
            input.step = imagefilterbrightnessnumber.step;<br>
<b>2139</b><br>
            input.type = &quot;range&quot;;<br>
<b>2140</b><br>
            input.value = imagefilterbrightnessnumber.value;<br>
<b>2141</b><br>
            input.addEventListener(&quot;input&quot;, imagefilterbrightnessrangeupdate);<br>
<b>2142</b><br>
            imagefilterbrightness.append(input);<br>
<b>2143</b><br>
            imagefilterbrightnessrangeset();<br>
<b>2144</b><br>
        }<br>
<b>2145</b><br>
        addEventListener(&quot;load&quot;, imagefilterbrightnessrangeload);<br>
<b>2146</b><br>
        function imagefilterbrightnessrangeset()<br>
<b>2147</b><br>
        {<br>
<b>2148</b><br>
            const v = imagefilterbrightnessrange.value;<br>
<b>2149</b><br>
            imagefilterbrightnessnumber.value = v;<br>
<b>2150</b><br>
            image.filterbrightness = v;<br>
<b>2151</b><br>
        }<br>
<b>2152</b><br>
        function imagefilterbrightnessrangeupdate()<br>
<b>2153</b><br>
        {<br>
<b>2154</b><br>
            imagefilterbrightnessrangeset();<br>
<b>2155</b><br>
            svgupdate();<br>
<b>2156</b><br>
        }<br>
<b>2157</b><br>
        function imagefilterbrightnessexactload()<br>
<b>2158</b><br>
        {<br>
<b>2159</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>2160</b><br>
            imagefilterbrightness.append(br);<br>
<b>2161</b><br>
            const array =<br>
<b>2162</b><br>
            [<br>
<b>2163</b><br>
                [&quot;0&quot;,0],<br>
<b>2164</b><br>
                [&quot;50&quot;,50],<br>
<b>2165</b><br>
                [&quot;100 (initial)&quot;,100],<br>
<b>2166</b><br>
                [&quot;150&quot;,150],<br>
<b>2167</b><br>
                [&quot;200&quot;,200],<br>
<b>2168</b><br>
            ];<br>
<b>2169</b><br>
            for(const value of array)<br>
<b>2170</b><br>
            {<br>
<b>2171</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>2172</b><br>
                button.innerHTML = value[0];<br>
<b>2173</b><br>
                button.value = value[1];<br>
<b>2174</b><br>
                button.addEventListener(&quot;click&quot;, imagefilterbrightnessexactupdate);<br>
<b>2175</b><br>
                imagefilterbrightness.append(button);<br>
<b>2176</b><br>
            }<br>
<b>2177</b><br>
        }<br>
<b>2178</b><br>
        addEventListener(&quot;load&quot;, imagefilterbrightnessexactload);<br>
<b>2179</b><br>
        function imagefilterbrightnessexactupdate(e)<br>
<b>2180</b><br>
        {<br>
<b>2181</b><br>
            imagefilterbrightnessnumber.value = Number(e.target.value);<br>
<b>2182</b><br>
            imagefilterbrightnessnumberupdate();<br>
<b>2183</b><br>
        }<br>
<b>2184</b><br>
        function imagefilterbrightnessincrementload()<br>
<b>2185</b><br>
        {<br>
<b>2186</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>2187</b><br>
            imagefilterbrightness.append(br);<br>
<b>2188</b><br>
            const array =<br>
<b>2189</b><br>
            [<br>
<b>2190</b><br>
                [&quot;-100&quot;,-100],<br>
<b>2191</b><br>
                [&quot;-10&quot;,-10],<br>
<b>2192</b><br>
                [&quot;-1&quot;,-1],<br>
<b>2193</b><br>
                [&quot;+1&quot;,1],<br>
<b>2194</b><br>
                [&quot;+10&quot;,10],<br>
<b>2195</b><br>
                [&quot;+100&quot;,100],<br>
<b>2196</b><br>
            ];<br>
<b>2197</b><br>
            for(const value of array)<br>
<b>2198</b><br>
            {<br>
<b>2199</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>2200</b><br>
                button.innerHTML = value[0];<br>
<b>2201</b><br>
                button.value = value[1];<br>
<b>2202</b><br>
                button.addEventListener(&quot;click&quot;, imagefilterbrightnessincrementupdate);<br>
<b>2203</b><br>
                imagefilterbrightness.append(button);<br>
<b>2204</b><br>
            }<br>
<b>2205</b><br>
        }<br>
<b>2206</b><br>
        addEventListener(&quot;load&quot;, imagefilterbrightnessincrementload);<br>
<b>2207</b><br>
        function imagefilterbrightnessincrementupdate(e)<br>
<b>2208</b><br>
        {<br>
<b>2209</b><br>
            const v = Number(imagefilterbrightnessnumber.value) + Number(e.target.value);<br>
<b>2210</b><br>
            if((imagefilterbrightnessnumber.min &lt;= v) &amp;&amp; (v &lt;= imagefilterbrightnessnumber.max))<br>
<b>2211</b><br>
            {<br>
<b>2212</b><br>
                imagefilterbrightnessnumber.value = v;<br>
<b>2213</b><br>
                imagefilterbrightnessnumberupdate();<br>
<b>2214</b><br>
            }<br>
<b>2215</b><br>
        }<br>
<b>2216</b><br>
        function imagefiltercontrastload()<br>
<b>2217</b><br>
        {<br>
<b>2218</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>2219</b><br>
            div.id = &quot;imagefiltercontrast&quot;;<br>
<b>2220</b><br>
            div.innerHTML = &quot;filter-contrast&quot;;<br>
<b>2221</b><br>
            tabcontentimage.append(div);<br>
<b>2222</b><br>
            const style = div.style;<br>
<b>2223</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>2224</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>2225</b><br>
        }<br>
<b>2226</b><br>
        addEventListener(&quot;load&quot;, imagefiltercontrastload);<br>
<b>2227</b><br>
        function imagefiltercontrastnumberload()<br>
<b>2228</b><br>
        {<br>
<b>2229</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>2230</b><br>
            imagefiltercontrast.append(br);<br>
<b>2231</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>2232</b><br>
            input.id = &quot;imagefiltercontrastnumber&quot;;<br>
<b>2233</b><br>
            input.max = 1000;<br>
<b>2234</b><br>
            input.min = 0;<br>
<b>2235</b><br>
            input.step = 1;<br>
<b>2236</b><br>
            input.type = &quot;number&quot;;<br>
<b>2237</b><br>
            input.value = 100;<br>
<b>2238</b><br>
            input.addEventListener(&quot;input&quot;, imagefiltercontrastnumberupdate);<br>
<b>2239</b><br>
            imagefiltercontrast.append(input);<br>
<b>2240</b><br>
            //imagefiltercontrastnumberset();<br>
<b>2241</b><br>
        }<br>
<b>2242</b><br>
        addEventListener(&quot;load&quot;, imagefiltercontrastnumberload);<br>
<b>2243</b><br>
        function imagefiltercontrastnumberset()<br>
<b>2244</b><br>
        {<br>
<b>2245</b><br>
            const v = imagefiltercontrastnumber.value;<br>
<b>2246</b><br>
            imagefiltercontrastrange.value = v;<br>
<b>2247</b><br>
            image.filtercontrast = v;<br>
<b>2248</b><br>
        }<br>
<b>2249</b><br>
        function imagefiltercontrastnumberupdate()<br>
<b>2250</b><br>
        {<br>
<b>2251</b><br>
            imagefiltercontrastnumberset();<br>
<b>2252</b><br>
            svgupdate();<br>
<b>2253</b><br>
        }<br>
<b>2254</b><br>
        function imagefiltercontrastrangeload()<br>
<b>2255</b><br>
        {<br>
<b>2256</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>2257</b><br>
            input.id = &quot;imagefiltercontrastrange&quot;;<br>
<b>2258</b><br>
            input.max = imagefiltercontrastnumber.max;<br>
<b>2259</b><br>
            input.min = imagefiltercontrastnumber.min;<br>
<b>2260</b><br>
            input.step = imagefiltercontrastnumber.step;<br>
<b>2261</b><br>
            input.type = &quot;range&quot;;<br>
<b>2262</b><br>
            input.value = imagefiltercontrastnumber.value;<br>
<b>2263</b><br>
            input.addEventListener(&quot;input&quot;, imagefiltercontrastrangeupdate);<br>
<b>2264</b><br>
            imagefiltercontrast.append(input);<br>
<b>2265</b><br>
            imagefiltercontrastrangeset();<br>
<b>2266</b><br>
        }<br>
<b>2267</b><br>
        addEventListener(&quot;load&quot;, imagefiltercontrastrangeload);<br>
<b>2268</b><br>
        function imagefiltercontrastrangeset()<br>
<b>2269</b><br>
        {<br>
<b>2270</b><br>
            const v = imagefiltercontrastrange.value;<br>
<b>2271</b><br>
            imagefiltercontrastnumber.value = v;<br>
<b>2272</b><br>
            image.filtercontrast = v;<br>
<b>2273</b><br>
        }<br>
<b>2274</b><br>
        function imagefiltercontrastrangeupdate()<br>
<b>2275</b><br>
        {<br>
<b>2276</b><br>
            imagefiltercontrastrangeset();<br>
<b>2277</b><br>
            svgupdate();<br>
<b>2278</b><br>
        }<br>
<b>2279</b><br>
        function imagefiltercontrastexactload()<br>
<b>2280</b><br>
        {<br>
<b>2281</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>2282</b><br>
            imagefiltercontrast.append(br);<br>
<b>2283</b><br>
            const array =<br>
<b>2284</b><br>
            [<br>
<b>2285</b><br>
                [&quot;0&quot;,0],<br>
<b>2286</b><br>
                [&quot;50&quot;,50],<br>
<b>2287</b><br>
                [&quot;100 (initial)&quot;,100],<br>
<b>2288</b><br>
                [&quot;150&quot;,150],<br>
<b>2289</b><br>
                [&quot;200&quot;,200],<br>
<b>2290</b><br>
            ];<br>
<b>2291</b><br>
            for(const value of array)<br>
<b>2292</b><br>
            {<br>
<b>2293</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>2294</b><br>
                button.innerHTML = value[0];<br>
<b>2295</b><br>
                button.value = value[1];<br>
<b>2296</b><br>
                button.addEventListener(&quot;click&quot;, imagefiltercontrastexactupdate);<br>
<b>2297</b><br>
                imagefiltercontrast.append(button);<br>
<b>2298</b><br>
            }<br>
<b>2299</b><br>
        }<br>
<b>2300</b><br>
        addEventListener(&quot;load&quot;, imagefiltercontrastexactload);<br>
<b>2301</b><br>
        function imagefiltercontrastexactupdate(e)<br>
<b>2302</b><br>
        {<br>
<b>2303</b><br>
            imagefiltercontrastnumber.value = Number(e.target.value);<br>
<b>2304</b><br>
            imagefiltercontrastnumberupdate();<br>
<b>2305</b><br>
        }<br>
<b>2306</b><br>
        function imagefiltercontrastincrementload()<br>
<b>2307</b><br>
        {<br>
<b>2308</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>2309</b><br>
            imagefiltercontrast.append(br);<br>
<b>2310</b><br>
            const array =<br>
<b>2311</b><br>
            [<br>
<b>2312</b><br>
                [&quot;-100&quot;,-100],<br>
<b>2313</b><br>
                [&quot;-10&quot;,-10],<br>
<b>2314</b><br>
                [&quot;-1&quot;,-1],<br>
<b>2315</b><br>
                [&quot;+1&quot;,1],<br>
<b>2316</b><br>
                [&quot;+10&quot;,10],<br>
<b>2317</b><br>
                [&quot;+100&quot;,100],<br>
<b>2318</b><br>
            ];<br>
<b>2319</b><br>
            for(const value of array)<br>
<b>2320</b><br>
            {<br>
<b>2321</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>2322</b><br>
                button.innerHTML = value[0];<br>
<b>2323</b><br>
                button.value = value[1];<br>
<b>2324</b><br>
                button.addEventListener(&quot;click&quot;, imagefiltercontrastincrementupdate);<br>
<b>2325</b><br>
                imagefiltercontrast.append(button);<br>
<b>2326</b><br>
            }<br>
<b>2327</b><br>
        }<br>
<b>2328</b><br>
        addEventListener(&quot;load&quot;, imagefiltercontrastincrementload);<br>
<b>2329</b><br>
        function imagefiltercontrastincrementupdate(e)<br>
<b>2330</b><br>
        {<br>
<b>2331</b><br>
            const v = Number(imagefiltercontrastnumber.value) + Number(e.target.value);<br>
<b>2332</b><br>
            if((imagefiltercontrastnumber.min &lt;= v) &amp;&amp; (v &lt;= imagefiltercontrastnumber.max))<br>
<b>2333</b><br>
            {<br>
<b>2334</b><br>
                imagefiltercontrastnumber.value = v;<br>
<b>2335</b><br>
                imagefiltercontrastnumberupdate();<br>
<b>2336</b><br>
            }<br>
<b>2337</b><br>
        }<br>
<b>2338</b><br>
        function imagefiltergrayscaleload()<br>
<b>2339</b><br>
        {<br>
<b>2340</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>2341</b><br>
            div.id = &quot;imagefiltergrayscale&quot;;<br>
<b>2342</b><br>
            div.innerHTML = &quot;filter-grayscale&quot;;<br>
<b>2343</b><br>
            tabcontentimage.append(div);<br>
<b>2344</b><br>
            const style = div.style;<br>
<b>2345</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>2346</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>2347</b><br>
        }<br>
<b>2348</b><br>
        addEventListener(&quot;load&quot;, imagefiltergrayscaleload);<br>
<b>2349</b><br>
        function imagefiltergrayscalenumberload()<br>
<b>2350</b><br>
        {<br>
<b>2351</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>2352</b><br>
            imagefiltergrayscale.append(br);<br>
<b>2353</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>2354</b><br>
            input.id = &quot;imagefiltergrayscalenumber&quot;;<br>
<b>2355</b><br>
            input.max = 100;<br>
<b>2356</b><br>
            input.min = 0;<br>
<b>2357</b><br>
            input.step = 1;<br>
<b>2358</b><br>
            input.type = &quot;number&quot;;<br>
<b>2359</b><br>
            input.value = 0;<br>
<b>2360</b><br>
            input.addEventListener(&quot;input&quot;, imagefiltergrayscalenumberupdate);<br>
<b>2361</b><br>
            imagefiltergrayscale.append(input);<br>
<b>2362</b><br>
            //imagefiltergrayscalenumberset();<br>
<b>2363</b><br>
        }<br>
<b>2364</b><br>
        addEventListener(&quot;load&quot;, imagefiltergrayscalenumberload);<br>
<b>2365</b><br>
        function imagefiltergrayscalenumberset()<br>
<b>2366</b><br>
        {<br>
<b>2367</b><br>
            const v = imagefiltergrayscalenumber.value;<br>
<b>2368</b><br>
            imagefiltergrayscalerange.value = v;<br>
<b>2369</b><br>
            image.filtergrayscale = v;<br>
<b>2370</b><br>
        }<br>
<b>2371</b><br>
        function imagefiltergrayscalenumberupdate()<br>
<b>2372</b><br>
        {<br>
<b>2373</b><br>
            imagefiltergrayscalenumberset();<br>
<b>2374</b><br>
            svgupdate();<br>
<b>2375</b><br>
        }<br>
<b>2376</b><br>
        function imagefiltergrayscalerangeload()<br>
<b>2377</b><br>
        {<br>
<b>2378</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>2379</b><br>
            input.id = &quot;imagefiltergrayscalerange&quot;;<br>
<b>2380</b><br>
            input.max = imagefiltergrayscalenumber.max;<br>
<b>2381</b><br>
            input.min = imagefiltergrayscalenumber.min;<br>
<b>2382</b><br>
            input.step = imagefiltergrayscalenumber.step;<br>
<b>2383</b><br>
            input.type = &quot;range&quot;;<br>
<b>2384</b><br>
            input.value = imagefiltergrayscalenumber.value;<br>
<b>2385</b><br>
            input.addEventListener(&quot;input&quot;, imagefiltergrayscalerangeupdate);<br>
<b>2386</b><br>
            imagefiltergrayscale.append(input);<br>
<b>2387</b><br>
            imagefiltergrayscalerangeset();<br>
<b>2388</b><br>
        }<br>
<b>2389</b><br>
        addEventListener(&quot;load&quot;, imagefiltergrayscalerangeload);<br>
<b>2390</b><br>
        function imagefiltergrayscalerangeset()<br>
<b>2391</b><br>
        {<br>
<b>2392</b><br>
            const v = imagefiltergrayscalerange.value;<br>
<b>2393</b><br>
            imagefiltergrayscalenumber.value = v;<br>
<b>2394</b><br>
            image.filtergrayscale = v;<br>
<b>2395</b><br>
        }<br>
<b>2396</b><br>
        function imagefiltergrayscalerangeupdate()<br>
<b>2397</b><br>
        {<br>
<b>2398</b><br>
            imagefiltergrayscalerangeset();<br>
<b>2399</b><br>
            svgupdate();<br>
<b>2400</b><br>
        }<br>
<b>2401</b><br>
        function imagefiltergrayscaleexactload()<br>
<b>2402</b><br>
        {<br>
<b>2403</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>2404</b><br>
            imagefiltergrayscale.append(br);<br>
<b>2405</b><br>
            const array =<br>
<b>2406</b><br>
            [<br>
<b>2407</b><br>
                [&quot;0&quot;,0],<br>
<b>2408</b><br>
                [&quot;25&quot;,25],<br>
<b>2409</b><br>
                [&quot;50&quot;,50],<br>
<b>2410</b><br>
                [&quot;75&quot;,75],<br>
<b>2411</b><br>
                [&quot;100&quot;,100],<br>
<b>2412</b><br>
            ];<br>
<b>2413</b><br>
            for(const value of array)<br>
<b>2414</b><br>
            {<br>
<b>2415</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>2416</b><br>
                button.innerHTML = value[0];<br>
<b>2417</b><br>
                button.value = value[1];<br>
<b>2418</b><br>
                button.addEventListener(&quot;click&quot;, imagefiltergrayscaleexactupdate);<br>
<b>2419</b><br>
                imagefiltergrayscale.append(button);<br>
<b>2420</b><br>
            }<br>
<b>2421</b><br>
        }<br>
<b>2422</b><br>
        addEventListener(&quot;load&quot;, imagefiltergrayscaleexactload);<br>
<b>2423</b><br>
        function imagefiltergrayscaleexactupdate(e)<br>
<b>2424</b><br>
        {<br>
<b>2425</b><br>
            imagefiltergrayscalenumber.value = Number(e.target.value);<br>
<b>2426</b><br>
            imagefiltergrayscalenumberupdate();<br>
<b>2427</b><br>
        }<br>
<b>2428</b><br>
        function imagefiltergrayscaleincrementload()<br>
<b>2429</b><br>
        {<br>
<b>2430</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>2431</b><br>
            imagefiltergrayscale.append(br);<br>
<b>2432</b><br>
            const array =<br>
<b>2433</b><br>
            [<br>
<b>2434</b><br>
                [&quot;-10&quot;,-10],<br>
<b>2435</b><br>
                [&quot;-1&quot;,-1],<br>
<b>2436</b><br>
                [&quot;+1&quot;,1],<br>
<b>2437</b><br>
                [&quot;+10&quot;,10],<br>
<b>2438</b><br>
            ];<br>
<b>2439</b><br>
            for(const value of array)<br>
<b>2440</b><br>
            {<br>
<b>2441</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>2442</b><br>
                button.innerHTML = value[0];<br>
<b>2443</b><br>
                button.value = value[1];<br>
<b>2444</b><br>
                button.addEventListener(&quot;click&quot;, imagefiltergrayscaleincrementupdate);<br>
<b>2445</b><br>
                imagefiltergrayscale.append(button);<br>
<b>2446</b><br>
            }<br>
<b>2447</b><br>
        }<br>
<b>2448</b><br>
        addEventListener(&quot;load&quot;, imagefiltergrayscaleincrementload);<br>
<b>2449</b><br>
        function imagefiltergrayscaleincrementupdate(e)<br>
<b>2450</b><br>
        {<br>
<b>2451</b><br>
            const v = Number(imagefiltergrayscalenumber.value) + Number(e.target.value);<br>
<b>2452</b><br>
            if((imagefiltergrayscalenumber.min &lt;= v) &amp;&amp; (v &lt;= imagefiltergrayscalenumber.max))<br>
<b>2453</b><br>
            {<br>
<b>2454</b><br>
                imagefiltergrayscalenumber.value = v;<br>
<b>2455</b><br>
                imagefiltergrayscalenumberupdate();<br>
<b>2456</b><br>
            }<br>
<b>2457</b><br>
        }<br>
<b>2458</b><br>
        function imagefilterhuerotateload()<br>
<b>2459</b><br>
        {<br>
<b>2460</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>2461</b><br>
            div.id = &quot;imagefilterhuerotate&quot;;<br>
<b>2462</b><br>
            div.innerHTML = &quot;filter-hue-rotate&quot;;<br>
<b>2463</b><br>
            tabcontentimage.append(div);<br>
<b>2464</b><br>
            const style = div.style;<br>
<b>2465</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>2466</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>2467</b><br>
        }<br>
<b>2468</b><br>
        addEventListener(&quot;load&quot;, imagefilterhuerotateload);<br>
<b>2469</b><br>
        function imagefilterhuerotatenumberload()<br>
<b>2470</b><br>
        {<br>
<b>2471</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>2472</b><br>
            imagefilterhuerotate.append(br);<br>
<b>2473</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>2474</b><br>
            input.id = &quot;imagefilterhuerotatenumber&quot;;<br>
<b>2475</b><br>
            input.max = 360;<br>
<b>2476</b><br>
            input.min = 0;<br>
<b>2477</b><br>
            input.step = 1;<br>
<b>2478</b><br>
            input.type = &quot;number&quot;;<br>
<b>2479</b><br>
            input.value = 0;<br>
<b>2480</b><br>
            input.addEventListener(&quot;input&quot;, imagefilterhuerotatenumberupdate);<br>
<b>2481</b><br>
            imagefilterhuerotate.append(input);<br>
<b>2482</b><br>
            //imagefilterhuerotatenumberset();<br>
<b>2483</b><br>
        }<br>
<b>2484</b><br>
        addEventListener(&quot;load&quot;, imagefilterhuerotatenumberload);<br>
<b>2485</b><br>
        function imagefilterhuerotatenumberset()<br>
<b>2486</b><br>
        {<br>
<b>2487</b><br>
            const v = imagefilterhuerotatenumber.value;<br>
<b>2488</b><br>
            imagefilterhuerotaterange.value = v;<br>
<b>2489</b><br>
            image.filterhuerotate = v;<br>
<b>2490</b><br>
        }<br>
<b>2491</b><br>
        function imagefilterhuerotatenumberupdate()<br>
<b>2492</b><br>
        {<br>
<b>2493</b><br>
            imagefilterhuerotatenumberset();<br>
<b>2494</b><br>
            svgupdate();<br>
<b>2495</b><br>
        }<br>
<b>2496</b><br>
        function imagefilterhuerotaterangeload()<br>
<b>2497</b><br>
        {<br>
<b>2498</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>2499</b><br>
            input.id = &quot;imagefilterhuerotaterange&quot;;<br>
<b>2500</b><br>
            input.max = imagefilterhuerotatenumber.max;<br>
<b>2501</b><br>
            input.min = imagefilterhuerotatenumber.min;<br>
<b>2502</b><br>
            input.step = imagefilterhuerotatenumber.step;<br>
<b>2503</b><br>
            input.type = &quot;range&quot;;<br>
<b>2504</b><br>
            input.value = imagefilterhuerotatenumber.value;<br>
<b>2505</b><br>
            input.addEventListener(&quot;input&quot;, imagefilterhuerotaterangeupdate);<br>
<b>2506</b><br>
            imagefilterhuerotate.append(input);<br>
<b>2507</b><br>
            imagefilterhuerotaterangeset();<br>
<b>2508</b><br>
        }<br>
<b>2509</b><br>
        addEventListener(&quot;load&quot;, imagefilterhuerotaterangeload);<br>
<b>2510</b><br>
        function imagefilterhuerotaterangeset()<br>
<b>2511</b><br>
        {<br>
<b>2512</b><br>
            const v = imagefilterhuerotaterange.value;<br>
<b>2513</b><br>
            imagefilterhuerotatenumber.value = v;<br>
<b>2514</b><br>
            image.filterhuerotate = v;<br>
<b>2515</b><br>
        }<br>
<b>2516</b><br>
        function imagefilterhuerotaterangeupdate()<br>
<b>2517</b><br>
        {<br>
<b>2518</b><br>
            imagefilterhuerotaterangeset();<br>
<b>2519</b><br>
            svgupdate();<br>
<b>2520</b><br>
        }<br>
<b>2521</b><br>
        function imagefilterhuerotateexactload()<br>
<b>2522</b><br>
        {<br>
<b>2523</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>2524</b><br>
            imagefilterhuerotate.append(br);<br>
<b>2525</b><br>
            const array =<br>
<b>2526</b><br>
            [<br>
<b>2527</b><br>
                [&quot;0&quot;,0],<br>
<b>2528</b><br>
                [&quot;90&quot;,90],<br>
<b>2529</b><br>
                [&quot;180&quot;,180],<br>
<b>2530</b><br>
                [&quot;270&quot;,270],<br>
<b>2531</b><br>
                [&quot;360&quot;,360],<br>
<b>2532</b><br>
            ];<br>
<b>2533</b><br>
            for(const value of array)<br>
<b>2534</b><br>
            {<br>
<b>2535</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>2536</b><br>
                button.innerHTML = value[0];<br>
<b>2537</b><br>
                button.value = value[1];<br>
<b>2538</b><br>
                button.addEventListener(&quot;click&quot;, imagefilterhuerotateexactupdate);<br>
<b>2539</b><br>
                imagefilterhuerotate.append(button);<br>
<b>2540</b><br>
            }<br>
<b>2541</b><br>
        }<br>
<b>2542</b><br>
        addEventListener(&quot;load&quot;, imagefilterhuerotateexactload);<br>
<b>2543</b><br>
        function imagefilterhuerotateexactupdate(e)<br>
<b>2544</b><br>
        {<br>
<b>2545</b><br>
            imagefilterhuerotatenumber.value = Number(e.target.value);<br>
<b>2546</b><br>
            imagefilterhuerotatenumberupdate();<br>
<b>2547</b><br>
        }<br>
<b>2548</b><br>
        function imagefilterhuerotateincrementload()<br>
<b>2549</b><br>
        {<br>
<b>2550</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>2551</b><br>
            imagefilterhuerotate.append(br);<br>
<b>2552</b><br>
            const array =<br>
<b>2553</b><br>
            [<br>
<b>2554</b><br>
                //[&quot;-90&quot;,-90],<br>
<b>2555</b><br>
                [&quot;-45&quot;,-45],<br>
<b>2556</b><br>
                [&quot;-15&quot;,-15],<br>
<b>2557</b><br>
                [&quot;-1&quot;,-1],<br>
<b>2558</b><br>
                [&quot;+1&quot;,1],<br>
<b>2559</b><br>
                [&quot;+15&quot;,15],<br>
<b>2560</b><br>
                [&quot;+45&quot;,45],<br>
<b>2561</b><br>
                //[&quot;+90&quot;,90],<br>
<b>2562</b><br>
            ];<br>
<b>2563</b><br>
            for(const value of array)<br>
<b>2564</b><br>
            {<br>
<b>2565</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>2566</b><br>
                button.innerHTML = value[0];<br>
<b>2567</b><br>
                button.value = value[1];<br>
<b>2568</b><br>
                button.addEventListener(&quot;click&quot;, imagefilterhuerotateincrementupdate);<br>
<b>2569</b><br>
                imagefilterhuerotate.append(button);<br>
<b>2570</b><br>
            }<br>
<b>2571</b><br>
        }<br>
<b>2572</b><br>
        addEventListener(&quot;load&quot;, imagefilterhuerotateincrementload);<br>
<b>2573</b><br>
        function imagefilterhuerotateincrementupdate(e)<br>
<b>2574</b><br>
        {<br>
<b>2575</b><br>
            const v = Number(imagefilterhuerotatenumber.value) + Number(e.target.value);<br>
<b>2576</b><br>
            if((imagefilterhuerotatenumber.min &lt;= v) &amp;&amp; (v &lt;= imagefilterhuerotatenumber.max))<br>
<b>2577</b><br>
            {<br>
<b>2578</b><br>
                imagefilterhuerotatenumber.value = v;<br>
<b>2579</b><br>
                imagefilterhuerotatenumberupdate();<br>
<b>2580</b><br>
            }<br>
<b>2581</b><br>
        }<br>
<b>2582</b><br>
        function imagefilterinvertload()<br>
<b>2583</b><br>
        {<br>
<b>2584</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>2585</b><br>
            div.id = &quot;imagefilterinvert&quot;;<br>
<b>2586</b><br>
            div.innerHTML = &quot;filter-invert&quot;;<br>
<b>2587</b><br>
            tabcontentimage.append(div);<br>
<b>2588</b><br>
            const style = div.style;<br>
<b>2589</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>2590</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>2591</b><br>
        }<br>
<b>2592</b><br>
        addEventListener(&quot;load&quot;, imagefilterinvertload);<br>
<b>2593</b><br>
        function imagefilterinvertnumberload()<br>
<b>2594</b><br>
        {<br>
<b>2595</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>2596</b><br>
            imagefilterinvert.append(br);<br>
<b>2597</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>2598</b><br>
            input.id = &quot;imagefilterinvertnumber&quot;;<br>
<b>2599</b><br>
            input.max = 100;<br>
<b>2600</b><br>
            input.min = 0;<br>
<b>2601</b><br>
            input.step = 1;<br>
<b>2602</b><br>
            input.type = &quot;number&quot;;<br>
<b>2603</b><br>
            input.value = 0;<br>
<b>2604</b><br>
            input.addEventListener(&quot;input&quot;, imagefilterinvertnumberupdate);<br>
<b>2605</b><br>
            imagefilterinvert.append(input);<br>
<b>2606</b><br>
            //imagefilterinvertnumberset();<br>
<b>2607</b><br>
        }<br>
<b>2608</b><br>
        addEventListener(&quot;load&quot;, imagefilterinvertnumberload);<br>
<b>2609</b><br>
        function imagefilterinvertnumberset()<br>
<b>2610</b><br>
        {<br>
<b>2611</b><br>
            const v = imagefilterinvertnumber.value;<br>
<b>2612</b><br>
            imagefilterinvertrange.value = v;<br>
<b>2613</b><br>
            image.filterinvert = v;<br>
<b>2614</b><br>
        }<br>
<b>2615</b><br>
        function imagefilterinvertnumberupdate()<br>
<b>2616</b><br>
        {<br>
<b>2617</b><br>
            imagefilterinvertnumberset();<br>
<b>2618</b><br>
            svgupdate();<br>
<b>2619</b><br>
        }<br>
<b>2620</b><br>
        function imagefilterinvertrangeload()<br>
<b>2621</b><br>
        {<br>
<b>2622</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>2623</b><br>
            input.id = &quot;imagefilterinvertrange&quot;;<br>
<b>2624</b><br>
            input.max = imagefilterinvertnumber.max;<br>
<b>2625</b><br>
            input.min = imagefilterinvertnumber.min;<br>
<b>2626</b><br>
            input.step = imagefilterinvertnumber.step;<br>
<b>2627</b><br>
            input.type = &quot;range&quot;;<br>
<b>2628</b><br>
            input.value = imagefilterinvertnumber.value;<br>
<b>2629</b><br>
            input.addEventListener(&quot;input&quot;, imagefilterinvertrangeupdate);<br>
<b>2630</b><br>
            imagefilterinvert.append(input);<br>
<b>2631</b><br>
            imagefilterinvertrangeset();<br>
<b>2632</b><br>
        }<br>
<b>2633</b><br>
        addEventListener(&quot;load&quot;, imagefilterinvertrangeload);<br>
<b>2634</b><br>
        function imagefilterinvertrangeset()<br>
<b>2635</b><br>
        {<br>
<b>2636</b><br>
            const v = imagefilterinvertrange.value;<br>
<b>2637</b><br>
            imagefilterinvertnumber.value = v;<br>
<b>2638</b><br>
            image.filterinvert = v;<br>
<b>2639</b><br>
        }<br>
<b>2640</b><br>
        function imagefilterinvertrangeupdate()<br>
<b>2641</b><br>
        {<br>
<b>2642</b><br>
            imagefilterinvertrangeset();<br>
<b>2643</b><br>
            svgupdate();<br>
<b>2644</b><br>
        }<br>
<b>2645</b><br>
        function imagefilterinvertexactload()<br>
<b>2646</b><br>
        {<br>
<b>2647</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>2648</b><br>
            imagefilterinvert.append(br);<br>
<b>2649</b><br>
            const array =<br>
<b>2650</b><br>
            [<br>
<b>2651</b><br>
                [&quot;0&quot;,0],<br>
<b>2652</b><br>
                [&quot;25&quot;,25],<br>
<b>2653</b><br>
                [&quot;50&quot;,50],<br>
<b>2654</b><br>
                [&quot;75&quot;,75],<br>
<b>2655</b><br>
                [&quot;100&quot;,100],<br>
<b>2656</b><br>
            ];<br>
<b>2657</b><br>
            for(const value of array)<br>
<b>2658</b><br>
            {<br>
<b>2659</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>2660</b><br>
                button.innerHTML = value[0];<br>
<b>2661</b><br>
                button.value = value[1];<br>
<b>2662</b><br>
                button.addEventListener(&quot;click&quot;, imagefilterinvertexactupdate);<br>
<b>2663</b><br>
                imagefilterinvert.append(button);<br>
<b>2664</b><br>
            }<br>
<b>2665</b><br>
        }<br>
<b>2666</b><br>
        addEventListener(&quot;load&quot;, imagefilterinvertexactload);<br>
<b>2667</b><br>
        function imagefilterinvertexactupdate(e)<br>
<b>2668</b><br>
        {<br>
<b>2669</b><br>
            imagefilterinvertnumber.value = Number(e.target.value);<br>
<b>2670</b><br>
            imagefilterinvertnumberupdate();<br>
<b>2671</b><br>
        }<br>
<b>2672</b><br>
        function imagefilterinvertincrementload()<br>
<b>2673</b><br>
        {<br>
<b>2674</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>2675</b><br>
            imagefilterinvert.append(br);<br>
<b>2676</b><br>
            const array =<br>
<b>2677</b><br>
            [<br>
<b>2678</b><br>
                [&quot;-10&quot;,-10],<br>
<b>2679</b><br>
                [&quot;-1&quot;,-1],<br>
<b>2680</b><br>
                [&quot;+1&quot;,1],<br>
<b>2681</b><br>
                [&quot;+10&quot;,10],<br>
<b>2682</b><br>
            ];<br>
<b>2683</b><br>
            for(const value of array)<br>
<b>2684</b><br>
            {<br>
<b>2685</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>2686</b><br>
                button.innerHTML = value[0];<br>
<b>2687</b><br>
                button.value = value[1];<br>
<b>2688</b><br>
                button.addEventListener(&quot;click&quot;, imagefilterinvertincrementupdate);<br>
<b>2689</b><br>
                imagefilterinvert.append(button);<br>
<b>2690</b><br>
            }<br>
<b>2691</b><br>
        }<br>
<b>2692</b><br>
        addEventListener(&quot;load&quot;, imagefilterinvertincrementload);<br>
<b>2693</b><br>
        function imagefilterinvertincrementupdate(e)<br>
<b>2694</b><br>
        {<br>
<b>2695</b><br>
            const v = Number(imagefilterinvertnumber.value) + Number(e.target.value);<br>
<b>2696</b><br>
            if((imagefilterinvertnumber.min &lt;= v) &amp;&amp; (v &lt;= imagefilterinvertnumber.max))<br>
<b>2697</b><br>
            {<br>
<b>2698</b><br>
                imagefilterinvertnumber.value = v;<br>
<b>2699</b><br>
                imagefilterinvertnumberupdate();<br>
<b>2700</b><br>
            }<br>
<b>2701</b><br>
        }<br>
<b>2702</b><br>
        function imagefilteropacityload()<br>
<b>2703</b><br>
        {<br>
<b>2704</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>2705</b><br>
            div.id = &quot;imagefilteropacity&quot;;<br>
<b>2706</b><br>
            div.innerHTML = &quot;filter-opacity&quot;;<br>
<b>2707</b><br>
            tabcontentimage.append(div);<br>
<b>2708</b><br>
            const style = div.style;<br>
<b>2709</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>2710</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>2711</b><br>
        }<br>
<b>2712</b><br>
        addEventListener(&quot;load&quot;, imagefilteropacityload);<br>
<b>2713</b><br>
        function imagefilteropacitynumberload()<br>
<b>2714</b><br>
        {<br>
<b>2715</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>2716</b><br>
            imagefilteropacity.append(br);<br>
<b>2717</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>2718</b><br>
            input.id = &quot;imagefilteropacitynumber&quot;;<br>
<b>2719</b><br>
            input.max = 100;<br>
<b>2720</b><br>
            input.min = 0;<br>
<b>2721</b><br>
            input.step = 1;<br>
<b>2722</b><br>
            input.type = &quot;number&quot;;<br>
<b>2723</b><br>
            input.value = 100;<br>
<b>2724</b><br>
            input.addEventListener(&quot;input&quot;, imagefilteropacitynumberupdate);<br>
<b>2725</b><br>
            imagefilteropacity.append(input);<br>
<b>2726</b><br>
            //imagefilteropacitynumberset();<br>
<b>2727</b><br>
        }<br>
<b>2728</b><br>
        addEventListener(&quot;load&quot;, imagefilteropacitynumberload);<br>
<b>2729</b><br>
        function imagefilteropacitynumberset()<br>
<b>2730</b><br>
        {<br>
<b>2731</b><br>
            const v = imagefilteropacitynumber.value;<br>
<b>2732</b><br>
            imagefilteropacityrange.value = v;<br>
<b>2733</b><br>
            image.filteropacity = v;<br>
<b>2734</b><br>
        }<br>
<b>2735</b><br>
        function imagefilteropacitynumberupdate()<br>
<b>2736</b><br>
        {<br>
<b>2737</b><br>
            imagefilteropacitynumberset();<br>
<b>2738</b><br>
            svgupdate();<br>
<b>2739</b><br>
        }<br>
<b>2740</b><br>
        function imagefilteropacityrangeload()<br>
<b>2741</b><br>
        {<br>
<b>2742</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>2743</b><br>
            input.id = &quot;imagefilteropacityrange&quot;;<br>
<b>2744</b><br>
            input.max = imagefilteropacitynumber.max;<br>
<b>2745</b><br>
            input.min = imagefilteropacitynumber.min;<br>
<b>2746</b><br>
            input.step = imagefilteropacitynumber.step;<br>
<b>2747</b><br>
            input.type = &quot;range&quot;;<br>
<b>2748</b><br>
            input.value = imagefilteropacitynumber.value;<br>
<b>2749</b><br>
            input.addEventListener(&quot;input&quot;, imagefilteropacityrangeupdate);<br>
<b>2750</b><br>
            imagefilteropacity.append(input);<br>
<b>2751</b><br>
            imagefilteropacityrangeset();<br>
<b>2752</b><br>
        }<br>
<b>2753</b><br>
        addEventListener(&quot;load&quot;, imagefilteropacityrangeload);<br>
<b>2754</b><br>
        function imagefilteropacityrangeset()<br>
<b>2755</b><br>
        {<br>
<b>2756</b><br>
            const v = imagefilteropacityrange.value;<br>
<b>2757</b><br>
            imagefilteropacitynumber.value = v;<br>
<b>2758</b><br>
            image.filteropacity = v;<br>
<b>2759</b><br>
        }<br>
<b>2760</b><br>
        function imagefilteropacityrangeupdate()<br>
<b>2761</b><br>
        {<br>
<b>2762</b><br>
            imagefilteropacityrangeset();<br>
<b>2763</b><br>
            svgupdate();<br>
<b>2764</b><br>
        }<br>
<b>2765</b><br>
        function imagefilteropacityexactload()<br>
<b>2766</b><br>
        {<br>
<b>2767</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>2768</b><br>
            imagefilteropacity.append(br);<br>
<b>2769</b><br>
            const array =<br>
<b>2770</b><br>
            [<br>
<b>2771</b><br>
                [&quot;0&quot;,0],<br>
<b>2772</b><br>
                [&quot;25&quot;,25],<br>
<b>2773</b><br>
                [&quot;50&quot;,50],<br>
<b>2774</b><br>
                [&quot;75&quot;,75],<br>
<b>2775</b><br>
                [&quot;100 (initial)&quot;,100],<br>
<b>2776</b><br>
            ];<br>
<b>2777</b><br>
            for(const value of array)<br>
<b>2778</b><br>
            {<br>
<b>2779</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>2780</b><br>
                button.innerHTML = value[0];<br>
<b>2781</b><br>
                button.value = value[1];<br>
<b>2782</b><br>
                button.addEventListener(&quot;click&quot;, imagefilteropacityexactupdate);<br>
<b>2783</b><br>
                imagefilteropacity.append(button);<br>
<b>2784</b><br>
            }<br>
<b>2785</b><br>
        }<br>
<b>2786</b><br>
        addEventListener(&quot;load&quot;, imagefilteropacityexactload);<br>
<b>2787</b><br>
        function imagefilteropacityexactupdate(e)<br>
<b>2788</b><br>
        {<br>
<b>2789</b><br>
            imagefilteropacitynumber.value = Number(e.target.value);<br>
<b>2790</b><br>
            imagefilteropacitynumberupdate();<br>
<b>2791</b><br>
        }<br>
<b>2792</b><br>
        function imagefilteropacityincrementload()<br>
<b>2793</b><br>
        {<br>
<b>2794</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>2795</b><br>
            imagefilteropacity.append(br);<br>
<b>2796</b><br>
            const array =<br>
<b>2797</b><br>
            [<br>
<b>2798</b><br>
                [&quot;-10&quot;,-10],<br>
<b>2799</b><br>
                [&quot;-1&quot;,-1],<br>
<b>2800</b><br>
                [&quot;+1&quot;,1],<br>
<b>2801</b><br>
                [&quot;+10&quot;,10],<br>
<b>2802</b><br>
            ];<br>
<b>2803</b><br>
            for(const value of array)<br>
<b>2804</b><br>
            {<br>
<b>2805</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>2806</b><br>
                button.innerHTML = value[0];<br>
<b>2807</b><br>
                button.value = value[1];<br>
<b>2808</b><br>
                button.addEventListener(&quot;click&quot;, imagefilteropacityincrementupdate);<br>
<b>2809</b><br>
                imagefilteropacity.append(button);<br>
<b>2810</b><br>
            }<br>
<b>2811</b><br>
        }<br>
<b>2812</b><br>
        addEventListener(&quot;load&quot;, imagefilteropacityincrementload);<br>
<b>2813</b><br>
        function imagefilteropacityincrementupdate(e)<br>
<b>2814</b><br>
        {<br>
<b>2815</b><br>
            const v = Number(imagefilteropacitynumber.value) + Number(e.target.value);<br>
<b>2816</b><br>
            if((imagefilteropacitynumber.min &lt;= v) &amp;&amp; (v &lt;= imagefilteropacitynumber.max))<br>
<b>2817</b><br>
            {<br>
<b>2818</b><br>
                imagefilteropacitynumber.value = v;<br>
<b>2819</b><br>
                imagefilteropacitynumberupdate();<br>
<b>2820</b><br>
            }<br>
<b>2821</b><br>
        }<br>
<b>2822</b><br>
        function imagefiltersaturateload()<br>
<b>2823</b><br>
        {<br>
<b>2824</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>2825</b><br>
            div.id = &quot;imagefiltersaturate&quot;;<br>
<b>2826</b><br>
            div.innerHTML = &quot;filter-saturate&quot;;<br>
<b>2827</b><br>
            tabcontentimage.append(div);<br>
<b>2828</b><br>
            const style = div.style;<br>
<b>2829</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>2830</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>2831</b><br>
        }<br>
<b>2832</b><br>
        addEventListener(&quot;load&quot;, imagefiltersaturateload);<br>
<b>2833</b><br>
        function imagefiltersaturatenumberload()<br>
<b>2834</b><br>
        {<br>
<b>2835</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>2836</b><br>
            imagefiltersaturate.append(br);<br>
<b>2837</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>2838</b><br>
            input.id = &quot;imagefiltersaturatenumber&quot;;<br>
<b>2839</b><br>
            input.max = 1000;<br>
<b>2840</b><br>
            input.min = 0;<br>
<b>2841</b><br>
            input.step = 1;<br>
<b>2842</b><br>
            input.type = &quot;number&quot;;<br>
<b>2843</b><br>
            input.value = 100;<br>
<b>2844</b><br>
            input.addEventListener(&quot;input&quot;, imagefiltersaturatenumberupdate);<br>
<b>2845</b><br>
            imagefiltersaturate.append(input);<br>
<b>2846</b><br>
            //imagefiltersaturatenumberset();<br>
<b>2847</b><br>
        }<br>
<b>2848</b><br>
        addEventListener(&quot;load&quot;, imagefiltersaturatenumberload);<br>
<b>2849</b><br>
        function imagefiltersaturatenumberset()<br>
<b>2850</b><br>
        {<br>
<b>2851</b><br>
            const v = imagefiltersaturatenumber.value;<br>
<b>2852</b><br>
            imagefiltersaturaterange.value = v;<br>
<b>2853</b><br>
            image.filtersaturate = v;<br>
<b>2854</b><br>
        }<br>
<b>2855</b><br>
        function imagefiltersaturatenumberupdate()<br>
<b>2856</b><br>
        {<br>
<b>2857</b><br>
            imagefiltersaturatenumberset();<br>
<b>2858</b><br>
            svgupdate();<br>
<b>2859</b><br>
        }<br>
<b>2860</b><br>
        function imagefiltersaturaterangeload()<br>
<b>2861</b><br>
        {<br>
<b>2862</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>2863</b><br>
            input.id = &quot;imagefiltersaturaterange&quot;;<br>
<b>2864</b><br>
            input.max = imagefiltersaturatenumber.max;<br>
<b>2865</b><br>
            input.min = imagefiltersaturatenumber.min;<br>
<b>2866</b><br>
            input.step = imagefiltersaturatenumber.step;<br>
<b>2867</b><br>
            input.type = &quot;range&quot;;<br>
<b>2868</b><br>
            input.value = imagefiltersaturatenumber.value;<br>
<b>2869</b><br>
            input.addEventListener(&quot;input&quot;, imagefiltersaturaterangeupdate);<br>
<b>2870</b><br>
            imagefiltersaturate.append(input);<br>
<b>2871</b><br>
            imagefiltersaturaterangeset();<br>
<b>2872</b><br>
        }<br>
<b>2873</b><br>
        addEventListener(&quot;load&quot;, imagefiltersaturaterangeload);<br>
<b>2874</b><br>
        function imagefiltersaturaterangeset()<br>
<b>2875</b><br>
        {<br>
<b>2876</b><br>
            const v = imagefiltersaturaterange.value;<br>
<b>2877</b><br>
            imagefiltersaturatenumber.value = v;<br>
<b>2878</b><br>
            image.filtersaturate = v;<br>
<b>2879</b><br>
        }<br>
<b>2880</b><br>
        function imagefiltersaturaterangeupdate()<br>
<b>2881</b><br>
        {<br>
<b>2882</b><br>
            imagefiltersaturaterangeset();<br>
<b>2883</b><br>
            svgupdate();<br>
<b>2884</b><br>
        }<br>
<b>2885</b><br>
        function imagefiltersaturateexactload()<br>
<b>2886</b><br>
        {<br>
<b>2887</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>2888</b><br>
            imagefiltersaturate.append(br);<br>
<b>2889</b><br>
            const array =<br>
<b>2890</b><br>
            [<br>
<b>2891</b><br>
                [&quot;0&quot;,0],<br>
<b>2892</b><br>
                [&quot;50&quot;,50],<br>
<b>2893</b><br>
                [&quot;100 (initial)&quot;,100],<br>
<b>2894</b><br>
                [&quot;150&quot;,150],<br>
<b>2895</b><br>
                [&quot;200&quot;,200],<br>
<b>2896</b><br>
            ];<br>
<b>2897</b><br>
            for(const value of array)<br>
<b>2898</b><br>
            {<br>
<b>2899</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>2900</b><br>
                button.innerHTML = value[0];<br>
<b>2901</b><br>
                button.value = value[1];<br>
<b>2902</b><br>
                button.addEventListener(&quot;click&quot;, imagefiltersaturateexactupdate);<br>
<b>2903</b><br>
                imagefiltersaturate.append(button);<br>
<b>2904</b><br>
            }<br>
<b>2905</b><br>
        }<br>
<b>2906</b><br>
        addEventListener(&quot;load&quot;, imagefiltersaturateexactload);<br>
<b>2907</b><br>
        function imagefiltersaturateexactupdate(e)<br>
<b>2908</b><br>
        {<br>
<b>2909</b><br>
            imagefiltersaturatenumber.value = Number(e.target.value);<br>
<b>2910</b><br>
            imagefiltersaturatenumberupdate();<br>
<b>2911</b><br>
        }<br>
<b>2912</b><br>
        function imagefiltersaturateincrementload()<br>
<b>2913</b><br>
        {<br>
<b>2914</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>2915</b><br>
            imagefiltersaturate.append(br);<br>
<b>2916</b><br>
            const array =<br>
<b>2917</b><br>
            [<br>
<b>2918</b><br>
                [&quot;-100&quot;,-100],<br>
<b>2919</b><br>
                [&quot;-10&quot;,-10],<br>
<b>2920</b><br>
                [&quot;-1&quot;,-1],<br>
<b>2921</b><br>
                [&quot;+1&quot;,1],<br>
<b>2922</b><br>
                [&quot;+10&quot;,10],<br>
<b>2923</b><br>
                [&quot;+100&quot;,100],<br>
<b>2924</b><br>
            ];<br>
<b>2925</b><br>
            for(const value of array)<br>
<b>2926</b><br>
            {<br>
<b>2927</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>2928</b><br>
                button.innerHTML = value[0];<br>
<b>2929</b><br>
                button.value = value[1];<br>
<b>2930</b><br>
                button.addEventListener(&quot;click&quot;, imagefiltersaturateincrementupdate);<br>
<b>2931</b><br>
                imagefiltersaturate.append(button);<br>
<b>2932</b><br>
            }<br>
<b>2933</b><br>
        }<br>
<b>2934</b><br>
        addEventListener(&quot;load&quot;, imagefiltersaturateincrementload);<br>
<b>2935</b><br>
        function imagefiltersaturateincrementupdate(e)<br>
<b>2936</b><br>
        {<br>
<b>2937</b><br>
            const v = Number(imagefiltersaturatenumber.value) + Number(e.target.value);<br>
<b>2938</b><br>
            if((imagefiltersaturatenumber.min &lt;= v) &amp;&amp; (v &lt;= imagefiltersaturatenumber.max))<br>
<b>2939</b><br>
            {<br>
<b>2940</b><br>
                imagefiltersaturatenumber.value = v;<br>
<b>2941</b><br>
                imagefiltersaturatenumberupdate();<br>
<b>2942</b><br>
            }<br>
<b>2943</b><br>
        }<br>
<b>2944</b><br>
        function imagefiltersepiaload()<br>
<b>2945</b><br>
        {<br>
<b>2946</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>2947</b><br>
            div.id = &quot;imagefiltersepia&quot;;<br>
<b>2948</b><br>
            div.innerHTML = &quot;filter-sepia&quot;;<br>
<b>2949</b><br>
            tabcontentimage.append(div);<br>
<b>2950</b><br>
            const style = div.style;<br>
<b>2951</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>2952</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>2953</b><br>
        }<br>
<b>2954</b><br>
        addEventListener(&quot;load&quot;, imagefiltersepiaload);<br>
<b>2955</b><br>
        function imagefiltersepianumberload()<br>
<b>2956</b><br>
        {<br>
<b>2957</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>2958</b><br>
            imagefiltersepia.append(br);<br>
<b>2959</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>2960</b><br>
            input.id = &quot;imagefiltersepianumber&quot;;<br>
<b>2961</b><br>
            input.max = 100;<br>
<b>2962</b><br>
            input.min = 0;<br>
<b>2963</b><br>
            input.step = 1;<br>
<b>2964</b><br>
            input.type = &quot;number&quot;;<br>
<b>2965</b><br>
            input.value = 0;<br>
<b>2966</b><br>
            input.addEventListener(&quot;input&quot;, imagefiltersepianumberupdate);<br>
<b>2967</b><br>
            imagefiltersepia.append(input);<br>
<b>2968</b><br>
            //imagefiltersepianumberset();<br>
<b>2969</b><br>
        }<br>
<b>2970</b><br>
        addEventListener(&quot;load&quot;, imagefiltersepianumberload);<br>
<b>2971</b><br>
        function imagefiltersepianumberset()<br>
<b>2972</b><br>
        {<br>
<b>2973</b><br>
            const v = imagefiltersepianumber.value;<br>
<b>2974</b><br>
            imagefiltersepiarange.value = v;<br>
<b>2975</b><br>
            image.filtersepia = v;<br>
<b>2976</b><br>
        }<br>
<b>2977</b><br>
        function imagefiltersepianumberupdate()<br>
<b>2978</b><br>
        {<br>
<b>2979</b><br>
            imagefiltersepianumberset();<br>
<b>2980</b><br>
            svgupdate();<br>
<b>2981</b><br>
        }<br>
<b>2982</b><br>
        function imagefiltersepiarangeload()<br>
<b>2983</b><br>
        {<br>
<b>2984</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>2985</b><br>
            input.id = &quot;imagefiltersepiarange&quot;;<br>
<b>2986</b><br>
            input.max = imagefiltersepianumber.max;<br>
<b>2987</b><br>
            input.min = imagefiltersepianumber.min;<br>
<b>2988</b><br>
            input.step = imagefiltersepianumber.step;<br>
<b>2989</b><br>
            input.type = &quot;range&quot;;<br>
<b>2990</b><br>
            input.value = imagefiltersepianumber.value;<br>
<b>2991</b><br>
            input.addEventListener(&quot;input&quot;, imagefiltersepiarangeupdate);<br>
<b>2992</b><br>
            imagefiltersepia.append(input);<br>
<b>2993</b><br>
            imagefiltersepiarangeset();<br>
<b>2994</b><br>
        }<br>
<b>2995</b><br>
        addEventListener(&quot;load&quot;, imagefiltersepiarangeload);<br>
<b>2996</b><br>
        function imagefiltersepiarangeset()<br>
<b>2997</b><br>
        {<br>
<b>2998</b><br>
            const v = imagefiltersepiarange.value;<br>
<b>2999</b><br>
            imagefiltersepianumber.value = v;<br>
<b>3000</b><br>
            image.filtersepia = v;<br>
<b>3001</b><br>
        }<br>
<b>3002</b><br>
        function imagefiltersepiarangeupdate()<br>
<b>3003</b><br>
        {<br>
<b>3004</b><br>
            imagefiltersepiarangeset();<br>
<b>3005</b><br>
            svgupdate();<br>
<b>3006</b><br>
        }<br>
<b>3007</b><br>
        function imagefiltersepiaexactload()<br>
<b>3008</b><br>
        {<br>
<b>3009</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>3010</b><br>
            imagefiltersepia.append(br);<br>
<b>3011</b><br>
            const array =<br>
<b>3012</b><br>
            [<br>
<b>3013</b><br>
                [&quot;0&quot;,0],<br>
<b>3014</b><br>
                [&quot;25&quot;,25],<br>
<b>3015</b><br>
                [&quot;50&quot;,50],<br>
<b>3016</b><br>
                [&quot;75&quot;,75],<br>
<b>3017</b><br>
                [&quot;100&quot;,100],<br>
<b>3018</b><br>
            ];<br>
<b>3019</b><br>
            for(const value of array)<br>
<b>3020</b><br>
            {<br>
<b>3021</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>3022</b><br>
                button.innerHTML = value[0];<br>
<b>3023</b><br>
                button.value = value[1];<br>
<b>3024</b><br>
                button.addEventListener(&quot;click&quot;, imagefiltersepiaexactupdate);<br>
<b>3025</b><br>
                imagefiltersepia.append(button);<br>
<b>3026</b><br>
            }<br>
<b>3027</b><br>
        }<br>
<b>3028</b><br>
        addEventListener(&quot;load&quot;, imagefiltersepiaexactload);<br>
<b>3029</b><br>
        function imagefiltersepiaexactupdate(e)<br>
<b>3030</b><br>
        {<br>
<b>3031</b><br>
            imagefiltersepianumber.value = Number(e.target.value);<br>
<b>3032</b><br>
            imagefiltersepianumberupdate();<br>
<b>3033</b><br>
        }<br>
<b>3034</b><br>
        function imagefiltersepiaincrementload()<br>
<b>3035</b><br>
        {<br>
<b>3036</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>3037</b><br>
            imagefiltersepia.append(br);<br>
<b>3038</b><br>
            const array =<br>
<b>3039</b><br>
            [<br>
<b>3040</b><br>
                [&quot;-10&quot;,-10],<br>
<b>3041</b><br>
                [&quot;-1&quot;,-1],<br>
<b>3042</b><br>
                [&quot;+1&quot;,1],<br>
<b>3043</b><br>
                [&quot;+10&quot;,10],<br>
<b>3044</b><br>
            ];<br>
<b>3045</b><br>
            for(const value of array)<br>
<b>3046</b><br>
            {<br>
<b>3047</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>3048</b><br>
                button.innerHTML = value[0];<br>
<b>3049</b><br>
                button.value = value[1];<br>
<b>3050</b><br>
                button.addEventListener(&quot;click&quot;, imagefiltersepiaincrementupdate);<br>
<b>3051</b><br>
                imagefiltersepia.append(button);<br>
<b>3052</b><br>
            }<br>
<b>3053</b><br>
        }<br>
<b>3054</b><br>
        addEventListener(&quot;load&quot;, imagefiltersepiaincrementload);<br>
<b>3055</b><br>
        function imagefiltersepiaincrementupdate(e)<br>
<b>3056</b><br>
        {<br>
<b>3057</b><br>
            const v = Number(imagefiltersepianumber.value) + Number(e.target.value);<br>
<b>3058</b><br>
            if((imagefiltersepianumber.min &lt;= v) &amp;&amp; (v &lt;= imagefiltersepianumber.max))<br>
<b>3059</b><br>
            {<br>
<b>3060</b><br>
                imagefiltersepianumber.value = v;<br>
<b>3061</b><br>
                imagefiltersepianumberupdate();<br>
<b>3062</b><br>
            }<br>
<b>3063</b><br>
        }<br>
<b>3064</b><br>
/*<br>
<b>3065</b><br>
        function imagemargintopload()<br>
<b>3066</b><br>
        {<br>
<b>3067</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>3068</b><br>
            div.id = &quot;imagemargintop&quot;;<br>
<b>3069</b><br>
            div.innerHTML = &quot;margin-top&quot;;<br>
<b>3070</b><br>
            tabcontentimage.append(div);<br>
<b>3071</b><br>
        }<br>
<b>3072</b><br>
        addEventListener(&quot;load&quot;, imagemargintopload);<br>
<b>3073</b><br>
        function imagemargintopnumberload()<br>
<b>3074</b><br>
        {<br>
<b>3075</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>3076</b><br>
            imagemargintop.append(br);<br>
<b>3077</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>3078</b><br>
            input.id = &quot;imagemargintopnumber&quot;;<br>
<b>3079</b><br>
            input.max = 1000;<br>
<b>3080</b><br>
            input.min = 0;<br>
<b>3081</b><br>
            input.type = &quot;number&quot;;<br>
<b>3082</b><br>
            input.value = 0;<br>
<b>3083</b><br>
            input.addEventListener(&quot;input&quot;, imagemargintopnumberupdate);<br>
<b>3084</b><br>
            imagemargintop.append(input);<br>
<b>3085</b><br>
            //imagemargintopnumberset();<br>
<b>3086</b><br>
        }<br>
<b>3087</b><br>
        addEventListener(&quot;load&quot;, imagemargintopnumberload);<br>
<b>3088</b><br>
        function imagemargintopnumberset()<br>
<b>3089</b><br>
        {<br>
<b>3090</b><br>
            const v = Number(imagemargintopnumber.value);<br>
<b>3091</b><br>
            imagemargintoprange.value = v;<br>
<b>3092</b><br>
            image.margintop = v;<br>
<b>3093</b><br>
        }<br>
<b>3094</b><br>
        function imagemargintopnumberupdate()<br>
<b>3095</b><br>
        {<br>
<b>3096</b><br>
            imagemargintopnumberset();<br>
<b>3097</b><br>
            svgupdate();<br>
<b>3098</b><br>
        }<br>
<b>3099</b><br>
        function imagemargintoprangeload()<br>
<b>3100</b><br>
        {<br>
<b>3101</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>3102</b><br>
            input.id = &quot;imagemargintoprange&quot;;<br>
<b>3103</b><br>
            input.max = imagemargintopnumber.max;<br>
<b>3104</b><br>
            input.min = imagemargintopnumber.min;<br>
<b>3105</b><br>
            input.type = &quot;range&quot;;<br>
<b>3106</b><br>
            input.value = imagemargintopnumber.value;<br>
<b>3107</b><br>
            input.addEventListener(&quot;input&quot;, imagemargintoprangeupdate);<br>
<b>3108</b><br>
            imagemargintop.append(input);<br>
<b>3109</b><br>
            imagemargintoprangeset();<br>
<b>3110</b><br>
        }<br>
<b>3111</b><br>
        addEventListener(&quot;load&quot;, imagemargintoprangeload);<br>
<b>3112</b><br>
        function imagemargintoprangeset()<br>
<b>3113</b><br>
        {<br>
<b>3114</b><br>
            const v = Number(imagemargintoprange.value);<br>
<b>3115</b><br>
            imagemargintopnumber.value = v;<br>
<b>3116</b><br>
            image.margintop = v;<br>
<b>3117</b><br>
        }<br>
<b>3118</b><br>
        function imagemargintoprangeupdate()<br>
<b>3119</b><br>
        {<br>
<b>3120</b><br>
            imagemargintoprangeset();<br>
<b>3121</b><br>
            svgupdate();<br>
<b>3122</b><br>
        }<br>
<b>3123</b><br>
        function imagemarginbottomload()<br>
<b>3124</b><br>
        {<br>
<b>3125</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>3126</b><br>
            div.id = &quot;imagemarginbottom&quot;;<br>
<b>3127</b><br>
            div.innerHTML = &quot;margin-bottom&quot;;<br>
<b>3128</b><br>
            tabcontentimage.append(div);<br>
<b>3129</b><br>
        }<br>
<b>3130</b><br>
        addEventListener(&quot;load&quot;, imagemarginbottomload);<br>
<b>3131</b><br>
        function imagemarginbottomnumberload()<br>
<b>3132</b><br>
        {<br>
<b>3133</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>3134</b><br>
            imagemarginbottom.append(br);<br>
<b>3135</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>3136</b><br>
            input.id = &quot;imagemarginbottomnumber&quot;;<br>
<b>3137</b><br>
            input.max = 1000;<br>
<b>3138</b><br>
            input.min = 0;<br>
<b>3139</b><br>
            input.type = &quot;number&quot;;<br>
<b>3140</b><br>
            input.value = 0;<br>
<b>3141</b><br>
            input.addEventListener(&quot;input&quot;, imagemarginbottomnumberupdate);<br>
<b>3142</b><br>
            imagemarginbottom.append(input);<br>
<b>3143</b><br>
            //imagemarginbottomnumberset();<br>
<b>3144</b><br>
        }<br>
<b>3145</b><br>
        addEventListener(&quot;load&quot;, imagemarginbottomnumberload);<br>
<b>3146</b><br>
        function imagemarginbottomnumberset()<br>
<b>3147</b><br>
        {<br>
<b>3148</b><br>
            const v = Number(imagemarginbottomnumber.value);<br>
<b>3149</b><br>
            imagemarginbottomrange.value = v;<br>
<b>3150</b><br>
            image.marginbottom = v;<br>
<b>3151</b><br>
        }<br>
<b>3152</b><br>
        function imagemarginbottomnumberupdate()<br>
<b>3153</b><br>
        {<br>
<b>3154</b><br>
            imagemarginbottomnumberset();<br>
<b>3155</b><br>
            svgupdate();<br>
<b>3156</b><br>
        }<br>
<b>3157</b><br>
        function imagemarginbottomrangeload()<br>
<b>3158</b><br>
        {<br>
<b>3159</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>3160</b><br>
            input.id = &quot;imagemarginbottomrange&quot;;<br>
<b>3161</b><br>
            input.max = imagemarginbottomnumber.max;<br>
<b>3162</b><br>
            input.min = imagemarginbottomnumber.min;<br>
<b>3163</b><br>
            input.type = &quot;range&quot;;<br>
<b>3164</b><br>
            input.value = imagemarginbottomnumber.value;<br>
<b>3165</b><br>
            input.addEventListener(&quot;input&quot;, imagemarginbottomrangeupdate);<br>
<b>3166</b><br>
            imagemarginbottom.append(input);<br>
<b>3167</b><br>
            imagemarginbottomrangeset();<br>
<b>3168</b><br>
        }<br>
<b>3169</b><br>
        addEventListener(&quot;load&quot;, imagemarginbottomrangeload);<br>
<b>3170</b><br>
        function imagemarginbottomrangeset()<br>
<b>3171</b><br>
        {<br>
<b>3172</b><br>
            const v = Number(imagemarginbottomrange.value);<br>
<b>3173</b><br>
            imagemarginbottomnumber.value = v;<br>
<b>3174</b><br>
            image.marginbottom = v;<br>
<b>3175</b><br>
        }<br>
<b>3176</b><br>
        function imagemarginbottomrangeupdate()<br>
<b>3177</b><br>
        {<br>
<b>3178</b><br>
            imagemarginbottomrangeset();<br>
<b>3179</b><br>
            svgupdate();<br>
<b>3180</b><br>
        }<br>
<b>3181</b><br>
        function imagemarginleftload()<br>
<b>3182</b><br>
        {<br>
<b>3183</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>3184</b><br>
            div.id = &quot;imagemarginleft&quot;;<br>
<b>3185</b><br>
            div.innerHTML = &quot;margin-left&quot;;<br>
<b>3186</b><br>
            tabcontentimage.append(div);<br>
<b>3187</b><br>
        }<br>
<b>3188</b><br>
        addEventListener(&quot;load&quot;, imagemarginleftload);<br>
<b>3189</b><br>
        function imagemarginleftnumberload()<br>
<b>3190</b><br>
        {<br>
<b>3191</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>3192</b><br>
            imagemarginleft.append(br);<br>
<b>3193</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>3194</b><br>
            input.id = &quot;imagemarginleftnumber&quot;;<br>
<b>3195</b><br>
            input.max = 1000;<br>
<b>3196</b><br>
            input.min = 0;<br>
<b>3197</b><br>
            input.type = &quot;number&quot;;<br>
<b>3198</b><br>
            input.value = 0;<br>
<b>3199</b><br>
            input.addEventListener(&quot;input&quot;, imagemarginleftnumberupdate);<br>
<b>3200</b><br>
            imagemarginleft.append(input);<br>
<b>3201</b><br>
            //imagemarginleftnumberset();<br>
<b>3202</b><br>
        }<br>
<b>3203</b><br>
        addEventListener(&quot;load&quot;, imagemarginleftnumberload);<br>
<b>3204</b><br>
        function imagemarginleftnumberset()<br>
<b>3205</b><br>
        {<br>
<b>3206</b><br>
            const v = Number(imagemarginleftnumber.value);<br>
<b>3207</b><br>
            imagemarginleftrange.value = v;<br>
<b>3208</b><br>
            image.marginleft = v;<br>
<b>3209</b><br>
        }<br>
<b>3210</b><br>
        function imagemarginleftnumberupdate()<br>
<b>3211</b><br>
        {<br>
<b>3212</b><br>
            imagemarginleftnumberset();<br>
<b>3213</b><br>
            svgupdate();<br>
<b>3214</b><br>
        }<br>
<b>3215</b><br>
        function imagemarginleftrangeload()<br>
<b>3216</b><br>
        {<br>
<b>3217</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>3218</b><br>
            input.id = &quot;imagemarginleftrange&quot;;<br>
<b>3219</b><br>
            input.max = imagemarginleftnumber.max;<br>
<b>3220</b><br>
            input.min = imagemarginleftnumber.min;<br>
<b>3221</b><br>
            input.type = &quot;range&quot;;<br>
<b>3222</b><br>
            input.value = imagemarginleftnumber.value;<br>
<b>3223</b><br>
            input.addEventListener(&quot;input&quot;, imagemarginleftrangeupdate);<br>
<b>3224</b><br>
            imagemarginleft.append(input);<br>
<b>3225</b><br>
            imagemarginleftrangeset();<br>
<b>3226</b><br>
        }<br>
<b>3227</b><br>
        addEventListener(&quot;load&quot;, imagemarginleftrangeload);<br>
<b>3228</b><br>
        function imagemarginleftrangeset()<br>
<b>3229</b><br>
        {<br>
<b>3230</b><br>
            const v = Number(imagemarginleftrange.value);<br>
<b>3231</b><br>
            imagemarginleftnumber.value = v;<br>
<b>3232</b><br>
            image.marginleft = v;<br>
<b>3233</b><br>
        }<br>
<b>3234</b><br>
        function imagemarginleftrangeupdate()<br>
<b>3235</b><br>
        {<br>
<b>3236</b><br>
            imagemarginleftrangeset();<br>
<b>3237</b><br>
            svgupdate();<br>
<b>3238</b><br>
        }<br>
<b>3239</b><br>
        function imagemarginrightload()<br>
<b>3240</b><br>
        {<br>
<b>3241</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>3242</b><br>
            div.id = &quot;imagemarginright&quot;;<br>
<b>3243</b><br>
            div.innerHTML = &quot;margin-right&quot;;<br>
<b>3244</b><br>
            tabcontentimage.append(div);<br>
<b>3245</b><br>
        }<br>
<b>3246</b><br>
        addEventListener(&quot;load&quot;, imagemarginrightload);<br>
<b>3247</b><br>
        function imagemarginrightnumberload()<br>
<b>3248</b><br>
        {<br>
<b>3249</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>3250</b><br>
            imagemarginright.append(br);<br>
<b>3251</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>3252</b><br>
            input.id = &quot;imagemarginrightnumber&quot;;<br>
<b>3253</b><br>
            input.max = 1000;<br>
<b>3254</b><br>
            input.min = 0;<br>
<b>3255</b><br>
            input.type = &quot;number&quot;;<br>
<b>3256</b><br>
            input.value = 0;<br>
<b>3257</b><br>
            input.addEventListener(&quot;input&quot;, imagemarginrightnumberupdate);<br>
<b>3258</b><br>
            imagemarginright.append(input);<br>
<b>3259</b><br>
            //imagemarginrightnumberset();<br>
<b>3260</b><br>
        }<br>
<b>3261</b><br>
        addEventListener(&quot;load&quot;, imagemarginrightnumberload);<br>
<b>3262</b><br>
        function imagemarginrightnumberset()<br>
<b>3263</b><br>
        {<br>
<b>3264</b><br>
            const v = Number(imagemarginrightnumber.value);<br>
<b>3265</b><br>
            imagemarginrightrange.value = v;<br>
<b>3266</b><br>
            image.marginright = v;<br>
<b>3267</b><br>
        }<br>
<b>3268</b><br>
        function imagemarginrightnumberupdate()<br>
<b>3269</b><br>
        {<br>
<b>3270</b><br>
            imagemarginrightnumberset();<br>
<b>3271</b><br>
            svgupdate();<br>
<b>3272</b><br>
        }<br>
<b>3273</b><br>
        function imagemarginrightrangeload()<br>
<b>3274</b><br>
        {<br>
<b>3275</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>3276</b><br>
            input.id = &quot;imagemarginrightrange&quot;;<br>
<b>3277</b><br>
            input.max = imagemarginrightnumber.max;<br>
<b>3278</b><br>
            input.min = imagemarginrightnumber.min;<br>
<b>3279</b><br>
            input.type = &quot;range&quot;;<br>
<b>3280</b><br>
            input.value = imagemarginrightnumber.value;<br>
<b>3281</b><br>
            input.addEventListener(&quot;input&quot;, imagemarginrightrangeupdate);<br>
<b>3282</b><br>
            imagemarginright.append(input);<br>
<b>3283</b><br>
            imagemarginrightrangeset();<br>
<b>3284</b><br>
        }<br>
<b>3285</b><br>
        addEventListener(&quot;load&quot;, imagemarginrightrangeload);<br>
<b>3286</b><br>
        function imagemarginrightrangeset()<br>
<b>3287</b><br>
        {<br>
<b>3288</b><br>
            const v = Number(imagemarginrightrange.value);<br>
<b>3289</b><br>
            imagemarginrightnumber.value = v;<br>
<b>3290</b><br>
            image.marginright = v;<br>
<b>3291</b><br>
        }<br>
<b>3292</b><br>
        function imagemarginrightrangeupdate()<br>
<b>3293</b><br>
        {<br>
<b>3294</b><br>
            imagemarginrightrangeset();<br>
<b>3295</b><br>
            svgupdate();<br>
<b>3296</b><br>
        }<br>
<b>3297</b><br>
        function imagepaddingtopload()<br>
<b>3298</b><br>
        {<br>
<b>3299</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>3300</b><br>
            div.id = &quot;imagepaddingtop&quot;;<br>
<b>3301</b><br>
            div.innerHTML = &quot;padding-top&quot;;<br>
<b>3302</b><br>
            tabcontentimage.append(div);<br>
<b>3303</b><br>
        }<br>
<b>3304</b><br>
        addEventListener(&quot;load&quot;, imagepaddingtopload);<br>
<b>3305</b><br>
        function imagepaddingtopnumberload()<br>
<b>3306</b><br>
        {<br>
<b>3307</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>3308</b><br>
            imagepaddingtop.append(br);<br>
<b>3309</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>3310</b><br>
            input.id = &quot;imagepaddingtopnumber&quot;;<br>
<b>3311</b><br>
            input.max = 1000;<br>
<b>3312</b><br>
            input.min = 0;<br>
<b>3313</b><br>
            input.type = &quot;number&quot;;<br>
<b>3314</b><br>
            input.value = 0;<br>
<b>3315</b><br>
            input.addEventListener(&quot;input&quot;, imagepaddingtopnumberupdate);<br>
<b>3316</b><br>
            imagepaddingtop.append(input);<br>
<b>3317</b><br>
            //imagepaddingtopnumberset();<br>
<b>3318</b><br>
        }<br>
<b>3319</b><br>
        addEventListener(&quot;load&quot;, imagepaddingtopnumberload);<br>
<b>3320</b><br>
        function imagepaddingtopnumberset()<br>
<b>3321</b><br>
        {<br>
<b>3322</b><br>
            const v = Number(imagepaddingtopnumber.value);<br>
<b>3323</b><br>
            imagepaddingtoprange.value = v;<br>
<b>3324</b><br>
            image.paddingtop = v;<br>
<b>3325</b><br>
        }<br>
<b>3326</b><br>
        function imagepaddingtopnumberupdate()<br>
<b>3327</b><br>
        {<br>
<b>3328</b><br>
            imagepaddingtopnumberset();<br>
<b>3329</b><br>
            svgupdate();<br>
<b>3330</b><br>
        }<br>
<b>3331</b><br>
        function imagepaddingtoprangeload()<br>
<b>3332</b><br>
        {<br>
<b>3333</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>3334</b><br>
            input.id = &quot;imagepaddingtoprange&quot;;<br>
<b>3335</b><br>
            input.max = imagepaddingtopnumber.max;<br>
<b>3336</b><br>
            input.min = imagepaddingtopnumber.min;<br>
<b>3337</b><br>
            input.type = &quot;range&quot;;<br>
<b>3338</b><br>
            input.value = imagepaddingtopnumber.value;<br>
<b>3339</b><br>
            input.addEventListener(&quot;input&quot;, imagepaddingtoprangeupdate);<br>
<b>3340</b><br>
            imagepaddingtop.append(input);<br>
<b>3341</b><br>
            imagepaddingtoprangeset();<br>
<b>3342</b><br>
        }<br>
<b>3343</b><br>
        addEventListener(&quot;load&quot;, imagepaddingtoprangeload);<br>
<b>3344</b><br>
        function imagepaddingtoprangeset()<br>
<b>3345</b><br>
        {<br>
<b>3346</b><br>
            const v = Number(imagepaddingtoprange.value);<br>
<b>3347</b><br>
            imagepaddingtopnumber.value = v;<br>
<b>3348</b><br>
            image.paddingtop = v;<br>
<b>3349</b><br>
        }<br>
<b>3350</b><br>
        function imagepaddingtoprangeupdate()<br>
<b>3351</b><br>
        {<br>
<b>3352</b><br>
            imagepaddingtoprangeset();<br>
<b>3353</b><br>
            svgupdate();<br>
<b>3354</b><br>
        }<br>
<b>3355</b><br>
        function imagepaddingbottomload()<br>
<b>3356</b><br>
        {<br>
<b>3357</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>3358</b><br>
            div.id = &quot;imagepaddingbottom&quot;;<br>
<b>3359</b><br>
            div.innerHTML = &quot;padding-bottom&quot;;<br>
<b>3360</b><br>
            tabcontentimage.append(div);<br>
<b>3361</b><br>
        }<br>
<b>3362</b><br>
        addEventListener(&quot;load&quot;, imagepaddingbottomload);<br>
<b>3363</b><br>
        function imagepaddingbottomnumberload()<br>
<b>3364</b><br>
        {<br>
<b>3365</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>3366</b><br>
            imagepaddingbottom.append(br);<br>
<b>3367</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>3368</b><br>
            input.id = &quot;imagepaddingbottomnumber&quot;;<br>
<b>3369</b><br>
            input.max = 1000;<br>
<b>3370</b><br>
            input.min = 0;<br>
<b>3371</b><br>
            input.type = &quot;number&quot;;<br>
<b>3372</b><br>
            input.value = 0;<br>
<b>3373</b><br>
            input.addEventListener(&quot;input&quot;, imagepaddingbottomnumberupdate);<br>
<b>3374</b><br>
            imagepaddingbottom.append(input);<br>
<b>3375</b><br>
            //imagepaddingbottomnumberset();<br>
<b>3376</b><br>
        }<br>
<b>3377</b><br>
        addEventListener(&quot;load&quot;, imagepaddingbottomnumberload);<br>
<b>3378</b><br>
        function imagepaddingbottomnumberset()<br>
<b>3379</b><br>
        {<br>
<b>3380</b><br>
            const v = Number(imagepaddingbottomnumber.value);<br>
<b>3381</b><br>
            imagepaddingbottomrange.value = v;<br>
<b>3382</b><br>
            image.paddingbottom = v;<br>
<b>3383</b><br>
        }<br>
<b>3384</b><br>
        function imagepaddingbottomnumberupdate()<br>
<b>3385</b><br>
        {<br>
<b>3386</b><br>
            imagepaddingbottomnumberset();<br>
<b>3387</b><br>
            svgupdate();<br>
<b>3388</b><br>
        }<br>
<b>3389</b><br>
        function imagepaddingbottomrangeload()<br>
<b>3390</b><br>
        {<br>
<b>3391</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>3392</b><br>
            input.id = &quot;imagepaddingbottomrange&quot;;<br>
<b>3393</b><br>
            input.max = imagepaddingbottomnumber.max;<br>
<b>3394</b><br>
            input.min = imagepaddingbottomnumber.min;<br>
<b>3395</b><br>
            input.type = &quot;range&quot;;<br>
<b>3396</b><br>
            input.value = imagepaddingbottomnumber.value;<br>
<b>3397</b><br>
            input.addEventListener(&quot;input&quot;, imagepaddingbottomrangeupdate);<br>
<b>3398</b><br>
            imagepaddingbottom.append(input);<br>
<b>3399</b><br>
            imagepaddingbottomrangeset();<br>
<b>3400</b><br>
        }<br>
<b>3401</b><br>
        addEventListener(&quot;load&quot;, imagepaddingbottomrangeload);<br>
<b>3402</b><br>
        function imagepaddingbottomrangeset()<br>
<b>3403</b><br>
        {<br>
<b>3404</b><br>
            const v = Number(imagepaddingbottomrange.value);<br>
<b>3405</b><br>
            imagepaddingbottomnumber.value = v;<br>
<b>3406</b><br>
            image.paddingbottom = v;<br>
<b>3407</b><br>
        }<br>
<b>3408</b><br>
        function imagepaddingbottomrangeupdate()<br>
<b>3409</b><br>
        {<br>
<b>3410</b><br>
            imagepaddingbottomrangeset();<br>
<b>3411</b><br>
            svgupdate();<br>
<b>3412</b><br>
        }<br>
<b>3413</b><br>
        function imagepaddingleftload()<br>
<b>3414</b><br>
        {<br>
<b>3415</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>3416</b><br>
            div.id = &quot;imagepaddingleft&quot;;<br>
<b>3417</b><br>
            div.innerHTML = &quot;padding-left&quot;;<br>
<b>3418</b><br>
            tabcontentimage.append(div);<br>
<b>3419</b><br>
        }<br>
<b>3420</b><br>
        addEventListener(&quot;load&quot;, imagepaddingleftload);<br>
<b>3421</b><br>
        function imagepaddingleftnumberload()<br>
<b>3422</b><br>
        {<br>
<b>3423</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>3424</b><br>
            imagepaddingleft.append(br);<br>
<b>3425</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>3426</b><br>
            input.id = &quot;imagepaddingleftnumber&quot;;<br>
<b>3427</b><br>
            input.max = 1000;<br>
<b>3428</b><br>
            input.min = 0;<br>
<b>3429</b><br>
            input.type = &quot;number&quot;;<br>
<b>3430</b><br>
            input.value = 0;<br>
<b>3431</b><br>
            input.addEventListener(&quot;input&quot;, imagepaddingleftnumberupdate);<br>
<b>3432</b><br>
            imagepaddingleft.append(input);<br>
<b>3433</b><br>
            //imagepaddingleftnumberset();<br>
<b>3434</b><br>
        }<br>
<b>3435</b><br>
        addEventListener(&quot;load&quot;, imagepaddingleftnumberload);<br>
<b>3436</b><br>
        function imagepaddingleftnumberset()<br>
<b>3437</b><br>
        {<br>
<b>3438</b><br>
            const v = Number(imagepaddingleftnumber.value);<br>
<b>3439</b><br>
            imagepaddingleftrange.value = v;<br>
<b>3440</b><br>
            image.paddingleft = v;<br>
<b>3441</b><br>
        }<br>
<b>3442</b><br>
        function imagepaddingleftnumberupdate()<br>
<b>3443</b><br>
        {<br>
<b>3444</b><br>
            imagepaddingleftnumberset();<br>
<b>3445</b><br>
            svgupdate();<br>
<b>3446</b><br>
        }<br>
<b>3447</b><br>
        function imagepaddingleftrangeload()<br>
<b>3448</b><br>
        {<br>
<b>3449</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>3450</b><br>
            input.id = &quot;imagepaddingleftrange&quot;;<br>
<b>3451</b><br>
            input.max = imagepaddingleftnumber.max;<br>
<b>3452</b><br>
            input.min = imagepaddingleftnumber.min;<br>
<b>3453</b><br>
            input.type = &quot;range&quot;;<br>
<b>3454</b><br>
            input.value = imagepaddingleftnumber.value;<br>
<b>3455</b><br>
            input.addEventListener(&quot;input&quot;, imagepaddingleftrangeupdate);<br>
<b>3456</b><br>
            imagepaddingleft.append(input);<br>
<b>3457</b><br>
            imagepaddingleftrangeset();<br>
<b>3458</b><br>
        }<br>
<b>3459</b><br>
        addEventListener(&quot;load&quot;, imagepaddingleftrangeload);<br>
<b>3460</b><br>
        function imagepaddingleftrangeset()<br>
<b>3461</b><br>
        {<br>
<b>3462</b><br>
            const v = Number(imagepaddingleftrange.value);<br>
<b>3463</b><br>
            imagepaddingleftnumber.value = v;<br>
<b>3464</b><br>
            image.paddingleft = v;<br>
<b>3465</b><br>
        }<br>
<b>3466</b><br>
        function imagepaddingleftrangeupdate()<br>
<b>3467</b><br>
        {<br>
<b>3468</b><br>
            imagepaddingleftrangeset();<br>
<b>3469</b><br>
            svgupdate();<br>
<b>3470</b><br>
        }<br>
<b>3471</b><br>
        function imagepaddingrightload()<br>
<b>3472</b><br>
        {<br>
<b>3473</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>3474</b><br>
            div.id = &quot;imagepaddingright&quot;;<br>
<b>3475</b><br>
            div.innerHTML = &quot;padding-right&quot;;<br>
<b>3476</b><br>
            tabcontentimage.append(div);<br>
<b>3477</b><br>
        }<br>
<b>3478</b><br>
        addEventListener(&quot;load&quot;, imagepaddingrightload);<br>
<b>3479</b><br>
        function imagepaddingrightnumberload()<br>
<b>3480</b><br>
        {<br>
<b>3481</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>3482</b><br>
            imagepaddingright.append(br);<br>
<b>3483</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>3484</b><br>
            input.id = &quot;imagepaddingrightnumber&quot;;<br>
<b>3485</b><br>
            input.max = 1000;<br>
<b>3486</b><br>
            input.min = 0;<br>
<b>3487</b><br>
            input.type = &quot;number&quot;;<br>
<b>3488</b><br>
            input.value = 0;<br>
<b>3489</b><br>
            input.addEventListener(&quot;input&quot;, imagepaddingrightnumberupdate);<br>
<b>3490</b><br>
            imagepaddingright.append(input);<br>
<b>3491</b><br>
            //imagepaddingrightnumberset();<br>
<b>3492</b><br>
        }<br>
<b>3493</b><br>
        addEventListener(&quot;load&quot;, imagepaddingrightnumberload);<br>
<b>3494</b><br>
        function imagepaddingrightnumberset()<br>
<b>3495</b><br>
        {<br>
<b>3496</b><br>
            const v = Number(imagepaddingrightnumber.value);<br>
<b>3497</b><br>
            imagepaddingrightrange.value = v;<br>
<b>3498</b><br>
            image.paddingright = v;<br>
<b>3499</b><br>
        }<br>
<b>3500</b><br>
        function imagepaddingrightnumberupdate()<br>
<b>3501</b><br>
        {<br>
<b>3502</b><br>
            imagepaddingrightnumberset();<br>
<b>3503</b><br>
            svgupdate();<br>
<b>3504</b><br>
        }<br>
<b>3505</b><br>
        function imagepaddingrightrangeload()<br>
<b>3506</b><br>
        {<br>
<b>3507</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>3508</b><br>
            input.id = &quot;imagepaddingrightrange&quot;;<br>
<b>3509</b><br>
            input.max = imagepaddingrightnumber.max;<br>
<b>3510</b><br>
            input.min = imagepaddingrightnumber.min;<br>
<b>3511</b><br>
            input.type = &quot;range&quot;;<br>
<b>3512</b><br>
            input.value = imagepaddingrightnumber.value;<br>
<b>3513</b><br>
            input.addEventListener(&quot;input&quot;, imagepaddingrightrangeupdate);<br>
<b>3514</b><br>
            imagepaddingright.append(input);<br>
<b>3515</b><br>
            imagepaddingrightrangeset();<br>
<b>3516</b><br>
        }<br>
<b>3517</b><br>
        addEventListener(&quot;load&quot;, imagepaddingrightrangeload);<br>
<b>3518</b><br>
        function imagepaddingrightrangeset()<br>
<b>3519</b><br>
        {<br>
<b>3520</b><br>
            const v = Number(imagepaddingrightrange.value);<br>
<b>3521</b><br>
            imagepaddingrightnumber.value = v;<br>
<b>3522</b><br>
            image.paddingright = v;<br>
<b>3523</b><br>
        }<br>
<b>3524</b><br>
        function imagepaddingrightrangeupdate()<br>
<b>3525</b><br>
        {<br>
<b>3526</b><br>
            imagepaddingrightrangeset();<br>
<b>3527</b><br>
            svgupdate();<br>
<b>3528</b><br>
        }<br>
<b>3529</b><br>
//*/<br>
<b>3530</b><br>
        function messagetextload()<br>
<b>3531</b><br>
        {<br>
<b>3532</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>3533</b><br>
            div.id = &quot;messagetext&quot;;<br>
<b>3534</b><br>
            div.innerHTML = &quot;text&quot;;<br>
<b>3535</b><br>
            tabcontentmessage.append(div);<br>
<b>3536</b><br>
        }<br>
<b>3537</b><br>
        addEventListener(&quot;load&quot;, messagetextload);<br>
<b>3538</b><br>
        function messagetexttextareaload()<br>
<b>3539</b><br>
        {<br>
<b>3540</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>3541</b><br>
            messagetext.append(br);<br>
<b>3542</b><br>
            const textarea = document.createElement(&quot;textarea&quot;);<br>
<b>3543</b><br>
            textarea.id = &quot;messagetexttextarea&quot;;<br>
<b>3544</b><br>
            textarea.addEventListener(&quot;input&quot;, messagetexttextareaupdate);<br>
<b>3545</b><br>
            messagetext.append(textarea);<br>
<b>3546</b><br>
            textarea.value = &quot;Jesus loves you!&quot;;<br>
<b>3547</b><br>
            messagetexttextareaset();<br>
<b>3548</b><br>
        }<br>
<b>3549</b><br>
        addEventListener(&quot;load&quot;, messagetexttextareaload);<br>
<b>3550</b><br>
        function messagetexttextareaset()<br>
<b>3551</b><br>
        {<br>
<b>3552</b><br>
            text.messagetext = messagetexttextarea.value;<br>
<b>3553</b><br>
        }<br>
<b>3554</b><br>
        function messagetexttextareaupdate()<br>
<b>3555</b><br>
        {<br>
<b>3556</b><br>
            messagetexttextareaset();<br>
<b>3557</b><br>
            svgupdate();<br>
<b>3558</b><br>
        }<br>
<b>3559</b><br>
        function messagewidthload()<br>
<b>3560</b><br>
        {<br>
<b>3561</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>3562</b><br>
            div.id = &quot;messagewidth&quot;;<br>
<b>3563</b><br>
            div.innerHTML = &quot;width&quot;;<br>
<b>3564</b><br>
            tabcontentmessage.append(div);<br>
<b>3565</b><br>
            const style = div.style;<br>
<b>3566</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>3567</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>3568</b><br>
        }<br>
<b>3569</b><br>
        addEventListener(&quot;load&quot;, messagewidthload);<br>
<b>3570</b><br>
        function messagewidthnumberload()<br>
<b>3571</b><br>
        {<br>
<b>3572</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>3573</b><br>
            messagewidth.append(br);<br>
<b>3574</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>3575</b><br>
            input.id = &quot;messagewidthnumber&quot;;<br>
<b>3576</b><br>
            input.max = maxwidth;<br>
<b>3577</b><br>
            input.min = 0;<br>
<b>3578</b><br>
            input.type = &quot;number&quot;;<br>
<b>3579</b><br>
            input.value = canvas.width - 100;<br>
<b>3580</b><br>
            input.addEventListener(&quot;input&quot;, messagewidthnumberupdate);<br>
<b>3581</b><br>
            messagewidth.append(input);<br>
<b>3582</b><br>
            //messagewidthnumberset();<br>
<b>3583</b><br>
        }<br>
<b>3584</b><br>
        addEventListener(&quot;load&quot;, messagewidthnumberload);<br>
<b>3585</b><br>
        function messagewidthnumberset()<br>
<b>3586</b><br>
        {<br>
<b>3587</b><br>
            const v = Number(messagewidthnumber.value);<br>
<b>3588</b><br>
            messagewidthrange.value = v;<br>
<b>3589</b><br>
            text.messagewidth = v;<br>
<b>3590</b><br>
        }<br>
<b>3591</b><br>
        function messagewidthnumberupdate()<br>
<b>3592</b><br>
        {<br>
<b>3593</b><br>
            messagewidthnumberset();<br>
<b>3594</b><br>
            svgupdate();<br>
<b>3595</b><br>
        }<br>
<b>3596</b><br>
        function messagewidthrangeload()<br>
<b>3597</b><br>
        {<br>
<b>3598</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>3599</b><br>
            input.id = &quot;messagewidthrange&quot;;<br>
<b>3600</b><br>
            input.max = messagewidthnumber.max;<br>
<b>3601</b><br>
            input.min = messagewidthnumber.min;<br>
<b>3602</b><br>
            input.type = &quot;range&quot;;<br>
<b>3603</b><br>
            input.value = messagewidthnumber.value;<br>
<b>3604</b><br>
            input.addEventListener(&quot;input&quot;, messagewidthrangeupdate);<br>
<b>3605</b><br>
            messagewidth.append(input);<br>
<b>3606</b><br>
            messagewidthrangeset();<br>
<b>3607</b><br>
        }<br>
<b>3608</b><br>
        addEventListener(&quot;load&quot;, messagewidthrangeload);<br>
<b>3609</b><br>
        function messagewidthrangeset()<br>
<b>3610</b><br>
        {<br>
<b>3611</b><br>
            const v = Number(messagewidthrange.value);<br>
<b>3612</b><br>
            messagewidthnumber.value = v;<br>
<b>3613</b><br>
            text.messagewidth = v;<br>
<b>3614</b><br>
        }<br>
<b>3615</b><br>
        function messagewidthrangeupdate()<br>
<b>3616</b><br>
        {<br>
<b>3617</b><br>
            messagewidthrangeset();<br>
<b>3618</b><br>
            svgupdate();<br>
<b>3619</b><br>
        }<br>
<b>3620</b><br>
        function messagewidthexactload()<br>
<b>3621</b><br>
        {<br>
<b>3622</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>3623</b><br>
            messagewidth.append(br);<br>
<b>3624</b><br>
            const array =<br>
<b>3625</b><br>
            [<br>
<b>3626</b><br>
                [&quot;25%&quot;,0.25],<br>
<b>3627</b><br>
                [&quot;50%&quot;,0.5],<br>
<b>3628</b><br>
                [&quot;75%&quot;,0.75],<br>
<b>3629</b><br>
                [&quot;100%&quot;,1],<br>
<b>3630</b><br>
            ];<br>
<b>3631</b><br>
            for(const value of array)<br>
<b>3632</b><br>
            {<br>
<b>3633</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>3634</b><br>
                button.innerHTML = value[0];<br>
<b>3635</b><br>
                button.value = value[1];<br>
<b>3636</b><br>
                button.addEventListener(&quot;click&quot;, messagewidthexactupdate);<br>
<b>3637</b><br>
                messagewidth.append(button);<br>
<b>3638</b><br>
            }<br>
<b>3639</b><br>
        }<br>
<b>3640</b><br>
        addEventListener(&quot;load&quot;, messagewidthexactload);<br>
<b>3641</b><br>
        function messagewidthexactupdate(e)<br>
<b>3642</b><br>
        {<br>
<b>3643</b><br>
            messagewidthnumber.value = canvas.width * Number(e.target.value);<br>
<b>3644</b><br>
            messagewidthnumberupdate();<br>
<b>3645</b><br>
        }<br>
<b>3646</b><br>
        function messagewidthincrementload()<br>
<b>3647</b><br>
        {<br>
<b>3648</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>3649</b><br>
            messagewidth.append(br);<br>
<b>3650</b><br>
            const array =<br>
<b>3651</b><br>
            [<br>
<b>3652</b><br>
                [&quot;-1000&quot;,-1000],<br>
<b>3653</b><br>
                [&quot;-100&quot;,-100],<br>
<b>3654</b><br>
                [&quot;-10&quot;,-10],<br>
<b>3655</b><br>
                [&quot;-1&quot;,-1],<br>
<b>3656</b><br>
                [&quot;+1&quot;,1],<br>
<b>3657</b><br>
                [&quot;+10&quot;,10],<br>
<b>3658</b><br>
                [&quot;+100&quot;,100],<br>
<b>3659</b><br>
                [&quot;+1000&quot;,1000],<br>
<b>3660</b><br>
            ];<br>
<b>3661</b><br>
            for(const value of array)<br>
<b>3662</b><br>
            {<br>
<b>3663</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>3664</b><br>
                button.innerHTML = value[0];<br>
<b>3665</b><br>
                button.value = value[1];<br>
<b>3666</b><br>
                button.addEventListener(&quot;click&quot;, messagewidthincrementupdate);<br>
<b>3667</b><br>
                messagewidth.append(button);<br>
<b>3668</b><br>
            }<br>
<b>3669</b><br>
        }<br>
<b>3670</b><br>
        addEventListener(&quot;load&quot;, messagewidthincrementload);<br>
<b>3671</b><br>
        function messagewidthincrementupdate(e)<br>
<b>3672</b><br>
        {<br>
<b>3673</b><br>
            const v = Number(messagewidthnumber.value) + Number(e.target.value);<br>
<b>3674</b><br>
            if((messagewidthnumber.min &lt;= v) &amp;&amp; (v &lt;= messagewidthnumber.max))<br>
<b>3675</b><br>
            {<br>
<b>3676</b><br>
                messagewidthnumber.value = v;<br>
<b>3677</b><br>
                messagewidthnumberupdate();<br>
<b>3678</b><br>
            }<br>
<b>3679</b><br>
        }<br>
<b>3680</b><br>
        function messageheightload()<br>
<b>3681</b><br>
        {<br>
<b>3682</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>3683</b><br>
            div.id = &quot;messageheight&quot;;<br>
<b>3684</b><br>
            div.innerHTML = &quot;height&quot;;<br>
<b>3685</b><br>
            tabcontentmessage.append(div);<br>
<b>3686</b><br>
            const style = div.style;<br>
<b>3687</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>3688</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>3689</b><br>
        }<br>
<b>3690</b><br>
        addEventListener(&quot;load&quot;, messageheightload);<br>
<b>3691</b><br>
        function messageheightnumberload()<br>
<b>3692</b><br>
        {<br>
<b>3693</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>3694</b><br>
            messageheight.append(br);<br>
<b>3695</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>3696</b><br>
            input.id = &quot;messageheightnumber&quot;;<br>
<b>3697</b><br>
            input.max = maxheight;<br>
<b>3698</b><br>
            input.min = 0;<br>
<b>3699</b><br>
            input.type = &quot;number&quot;;<br>
<b>3700</b><br>
            input.value = 300;<br>
<b>3701</b><br>
            input.addEventListener(&quot;input&quot;, messageheightnumberupdate);<br>
<b>3702</b><br>
            messageheight.append(input);<br>
<b>3703</b><br>
            //messageheightnumberset();<br>
<b>3704</b><br>
        }<br>
<b>3705</b><br>
        addEventListener(&quot;load&quot;, messageheightnumberload);<br>
<b>3706</b><br>
        function messageheightnumberset()<br>
<b>3707</b><br>
        {<br>
<b>3708</b><br>
            const v = Number(messageheightnumber.value);<br>
<b>3709</b><br>
            messageheightrange.value = v;<br>
<b>3710</b><br>
            text.messageheight = v;<br>
<b>3711</b><br>
        }<br>
<b>3712</b><br>
        function messageheightnumberupdate()<br>
<b>3713</b><br>
        {<br>
<b>3714</b><br>
            messageheightnumberset();<br>
<b>3715</b><br>
            svgupdate();<br>
<b>3716</b><br>
        }<br>
<b>3717</b><br>
        function messageheightrangeload()<br>
<b>3718</b><br>
        {<br>
<b>3719</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>3720</b><br>
            input.id = &quot;messageheightrange&quot;;<br>
<b>3721</b><br>
            input.max = messageheightnumber.max;<br>
<b>3722</b><br>
            input.min = messageheightnumber.min;<br>
<b>3723</b><br>
            input.type = &quot;range&quot;;<br>
<b>3724</b><br>
            input.value = messageheightnumber.value;<br>
<b>3725</b><br>
            input.addEventListener(&quot;input&quot;, messageheightrangeupdate);<br>
<b>3726</b><br>
            messageheight.append(input);<br>
<b>3727</b><br>
            messageheightrangeset();<br>
<b>3728</b><br>
        }<br>
<b>3729</b><br>
        addEventListener(&quot;load&quot;, messageheightrangeload);<br>
<b>3730</b><br>
        function messageheightrangeset()<br>
<b>3731</b><br>
        {<br>
<b>3732</b><br>
            const v = Number(messageheightrange.value);<br>
<b>3733</b><br>
            messageheightnumber.value = v;<br>
<b>3734</b><br>
            text.messageheight = v;<br>
<b>3735</b><br>
        }<br>
<b>3736</b><br>
        function messageheightrangeupdate()<br>
<b>3737</b><br>
        {<br>
<b>3738</b><br>
            messageheightrangeset();<br>
<b>3739</b><br>
            svgupdate();<br>
<b>3740</b><br>
        }<br>
<b>3741</b><br>
        function messageheightexactload()<br>
<b>3742</b><br>
        {<br>
<b>3743</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>3744</b><br>
            messageheight.append(br);<br>
<b>3745</b><br>
            const array =<br>
<b>3746</b><br>
            [<br>
<b>3747</b><br>
                [&quot;25%&quot;,0.25],<br>
<b>3748</b><br>
                [&quot;50%&quot;,0.5],<br>
<b>3749</b><br>
                [&quot;75%&quot;,0.75],<br>
<b>3750</b><br>
                [&quot;100%&quot;,1],<br>
<b>3751</b><br>
            ];<br>
<b>3752</b><br>
            for(const value of array)<br>
<b>3753</b><br>
            {<br>
<b>3754</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>3755</b><br>
                button.innerHTML = value[0];<br>
<b>3756</b><br>
                button.value = value[1];<br>
<b>3757</b><br>
                button.addEventListener(&quot;click&quot;, messageheightexactupdate);<br>
<b>3758</b><br>
                messageheight.append(button);<br>
<b>3759</b><br>
            }<br>
<b>3760</b><br>
        }<br>
<b>3761</b><br>
        addEventListener(&quot;load&quot;, messageheightexactload);<br>
<b>3762</b><br>
        function messageheightexactupdate(e)<br>
<b>3763</b><br>
        {<br>
<b>3764</b><br>
            messageheightnumber.value = canvas.height * Number(e.target.value);<br>
<b>3765</b><br>
            messageheightnumberupdate();<br>
<b>3766</b><br>
        }<br>
<b>3767</b><br>
        function messageheightincrementload()<br>
<b>3768</b><br>
        {<br>
<b>3769</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>3770</b><br>
            messageheight.append(br);<br>
<b>3771</b><br>
            const array =<br>
<b>3772</b><br>
            [<br>
<b>3773</b><br>
                [&quot;-1000&quot;,-1000],<br>
<b>3774</b><br>
                [&quot;-100&quot;,-100],<br>
<b>3775</b><br>
                [&quot;-10&quot;,-10],<br>
<b>3776</b><br>
                [&quot;-1&quot;,-1],<br>
<b>3777</b><br>
                [&quot;+1&quot;,1],<br>
<b>3778</b><br>
                [&quot;+10&quot;,10],<br>
<b>3779</b><br>
                [&quot;+100&quot;,100],<br>
<b>3780</b><br>
                [&quot;+1000&quot;,1000],<br>
<b>3781</b><br>
            ];<br>
<b>3782</b><br>
            for(const value of array)<br>
<b>3783</b><br>
            {<br>
<b>3784</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>3785</b><br>
                button.innerHTML = value[0];<br>
<b>3786</b><br>
                button.value = value[1];<br>
<b>3787</b><br>
                button.addEventListener(&quot;click&quot;, messageheightincrementupdate);<br>
<b>3788</b><br>
                messageheight.append(button);<br>
<b>3789</b><br>
            }<br>
<b>3790</b><br>
        }<br>
<b>3791</b><br>
        addEventListener(&quot;load&quot;, messageheightincrementload);<br>
<b>3792</b><br>
        function messageheightincrementupdate(e)<br>
<b>3793</b><br>
        {<br>
<b>3794</b><br>
            const v = Number(messageheightnumber.value) + Number(e.target.value);<br>
<b>3795</b><br>
            if((messageheightnumber.min &lt;= v) &amp;&amp; (v &lt;= messageheightnumber.max))<br>
<b>3796</b><br>
            {<br>
<b>3797</b><br>
                messageheightnumber.value = v;<br>
<b>3798</b><br>
                messageheightnumberupdate();<br>
<b>3799</b><br>
            }<br>
<b>3800</b><br>
        }<br>
<b>3801</b><br>
        function messagexload()<br>
<b>3802</b><br>
        {<br>
<b>3803</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>3804</b><br>
            div.id = &quot;messagex&quot;;<br>
<b>3805</b><br>
            div.innerHTML = &quot;x&quot;;<br>
<b>3806</b><br>
            tabcontentmessage.append(div);<br>
<b>3807</b><br>
            const style = div.style;<br>
<b>3808</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>3809</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>3810</b><br>
        }<br>
<b>3811</b><br>
        addEventListener(&quot;load&quot;, messagexload);<br>
<b>3812</b><br>
        function messagexnumberload()<br>
<b>3813</b><br>
        {<br>
<b>3814</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>3815</b><br>
            messagex.append(br);<br>
<b>3816</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>3817</b><br>
            input.id = &quot;messagexnumber&quot;;<br>
<b>3818</b><br>
            input.max = maxwidth;<br>
<b>3819</b><br>
            input.min = -maxwidth;<br>
<b>3820</b><br>
            input.type = &quot;number&quot;;<br>
<b>3821</b><br>
            input.value = 50;<br>
<b>3822</b><br>
            input.addEventListener(&quot;input&quot;, messagexnumberupdate);<br>
<b>3823</b><br>
            messagex.append(input);<br>
<b>3824</b><br>
            //messagexnumberset();<br>
<b>3825</b><br>
        }<br>
<b>3826</b><br>
        addEventListener(&quot;load&quot;, messagexnumberload);<br>
<b>3827</b><br>
        function messagexnumberset()<br>
<b>3828</b><br>
        {<br>
<b>3829</b><br>
            const v = Number(messagexnumber.value);<br>
<b>3830</b><br>
            messagexrange.value = v;<br>
<b>3831</b><br>
            text.messagex = v;<br>
<b>3832</b><br>
        }<br>
<b>3833</b><br>
        function messagexnumberupdate()<br>
<b>3834</b><br>
        {<br>
<b>3835</b><br>
            messagexnumberset();<br>
<b>3836</b><br>
            svgupdate();<br>
<b>3837</b><br>
        }<br>
<b>3838</b><br>
        function messagexrangeload()<br>
<b>3839</b><br>
        {<br>
<b>3840</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>3841</b><br>
            input.id = &quot;messagexrange&quot;;<br>
<b>3842</b><br>
            input.max = messagexnumber.max;<br>
<b>3843</b><br>
            input.min = messagexnumber.min;<br>
<b>3844</b><br>
            input.type = &quot;range&quot;;<br>
<b>3845</b><br>
            input.value = messagexnumber.value;<br>
<b>3846</b><br>
            input.addEventListener(&quot;input&quot;, messagexrangeupdate);<br>
<b>3847</b><br>
            messagex.append(input);<br>
<b>3848</b><br>
            messagexrangeset();<br>
<b>3849</b><br>
        }<br>
<b>3850</b><br>
        addEventListener(&quot;load&quot;, messagexrangeload);<br>
<b>3851</b><br>
        function messagexrangeset()<br>
<b>3852</b><br>
        {<br>
<b>3853</b><br>
            const v = Number(messagexrange.value);<br>
<b>3854</b><br>
            messagexnumber.value = v;<br>
<b>3855</b><br>
            text.messagex = v;<br>
<b>3856</b><br>
        }<br>
<b>3857</b><br>
        function messagexrangeupdate()<br>
<b>3858</b><br>
        {<br>
<b>3859</b><br>
            messagexrangeset();<br>
<b>3860</b><br>
            svgupdate();<br>
<b>3861</b><br>
        }<br>
<b>3862</b><br>
        function messagexexactload()<br>
<b>3863</b><br>
        {<br>
<b>3864</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>3865</b><br>
            messagex.append(br);<br>
<b>3866</b><br>
            const array =<br>
<b>3867</b><br>
            [<br>
<b>3868</b><br>
                [&quot;left&quot;,0],<br>
<b>3869</b><br>
                [&quot;center&quot;,0.5],<br>
<b>3870</b><br>
                [&quot;right&quot;,1],<br>
<b>3871</b><br>
            ];<br>
<b>3872</b><br>
            for(const value of array)<br>
<b>3873</b><br>
            {<br>
<b>3874</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>3875</b><br>
                button.innerHTML = value[0];<br>
<b>3876</b><br>
                button.value = value[1];<br>
<b>3877</b><br>
                button.addEventListener(&quot;click&quot;, messagexexactupdate);<br>
<b>3878</b><br>
                messagex.append(button);<br>
<b>3879</b><br>
            }<br>
<b>3880</b><br>
        }<br>
<b>3881</b><br>
        addEventListener(&quot;load&quot;, messagexexactload);<br>
<b>3882</b><br>
        function messagexexactupdate(e)<br>
<b>3883</b><br>
        {<br>
<b>3884</b><br>
            //messagexnumber.value = (canvas.width - text.messagewidth - text.messagepaddingleft - text.messagepaddingright) * Number(e.target.value);<br>
<b>3885</b><br>
            messagexnumber.value = (canvas.width - text.messagewidth) * Number(e.target.value);<br>
<b>3886</b><br>
            messagexnumberupdate();<br>
<b>3887</b><br>
        }<br>
<b>3888</b><br>
        function messagexincrementload()<br>
<b>3889</b><br>
        {<br>
<b>3890</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>3891</b><br>
            messagex.append(br);<br>
<b>3892</b><br>
            const array =<br>
<b>3893</b><br>
            [<br>
<b>3894</b><br>
                [&quot;-1000&quot;,-1000],<br>
<b>3895</b><br>
                [&quot;-100&quot;,-100],<br>
<b>3896</b><br>
                [&quot;-10&quot;,-10],<br>
<b>3897</b><br>
                [&quot;-1&quot;,-1],<br>
<b>3898</b><br>
                [&quot;+1&quot;,1],<br>
<b>3899</b><br>
                [&quot;+10&quot;,10],<br>
<b>3900</b><br>
                [&quot;+100&quot;,100],<br>
<b>3901</b><br>
                [&quot;+1000&quot;,1000],<br>
<b>3902</b><br>
            ];<br>
<b>3903</b><br>
            for(const value of array)<br>
<b>3904</b><br>
            {<br>
<b>3905</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>3906</b><br>
                button.innerHTML = value[0];<br>
<b>3907</b><br>
                button.value = value[1];<br>
<b>3908</b><br>
                button.addEventListener(&quot;click&quot;, messagexincrementupdate);<br>
<b>3909</b><br>
                messagex.append(button);<br>
<b>3910</b><br>
            }<br>
<b>3911</b><br>
        }<br>
<b>3912</b><br>
        addEventListener(&quot;load&quot;, messagexincrementload);<br>
<b>3913</b><br>
        function messagexincrementupdate(e)<br>
<b>3914</b><br>
        {<br>
<b>3915</b><br>
            const v = Number(messagexnumber.value) + Number(e.target.value);<br>
<b>3916</b><br>
            if((messagexnumber.min &lt;= v) &amp;&amp; (v &lt;= messagexnumber.max))<br>
<b>3917</b><br>
            {<br>
<b>3918</b><br>
                messagexnumber.value = v;<br>
<b>3919</b><br>
                messagexnumberupdate();<br>
<b>3920</b><br>
            }<br>
<b>3921</b><br>
        }<br>
<b>3922</b><br>
        function messageyload()<br>
<b>3923</b><br>
        {<br>
<b>3924</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>3925</b><br>
            div.id = &quot;messagey&quot;;<br>
<b>3926</b><br>
            div.innerHTML = &quot;y&quot;;<br>
<b>3927</b><br>
            tabcontentmessage.append(div);<br>
<b>3928</b><br>
            const style = div.style;<br>
<b>3929</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>3930</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>3931</b><br>
        }<br>
<b>3932</b><br>
        addEventListener(&quot;load&quot;, messageyload);<br>
<b>3933</b><br>
        function messageynumberload()<br>
<b>3934</b><br>
        {<br>
<b>3935</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>3936</b><br>
            messagey.append(br);<br>
<b>3937</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>3938</b><br>
            input.id = &quot;messageynumber&quot;;<br>
<b>3939</b><br>
            input.max = maxheight;<br>
<b>3940</b><br>
            input.min = -maxheight;<br>
<b>3941</b><br>
            input.type = &quot;number&quot;;<br>
<b>3942</b><br>
            input.value = 50;<br>
<b>3943</b><br>
            input.addEventListener(&quot;input&quot;, messageynumberupdate);<br>
<b>3944</b><br>
            messagey.append(input);<br>
<b>3945</b><br>
            //messageynumberset();<br>
<b>3946</b><br>
        }<br>
<b>3947</b><br>
        addEventListener(&quot;load&quot;, messageynumberload);<br>
<b>3948</b><br>
        function messageynumberset()<br>
<b>3949</b><br>
        {<br>
<b>3950</b><br>
            const v = Number(messageynumber.value);<br>
<b>3951</b><br>
            messageyrange.value = v;<br>
<b>3952</b><br>
            text.messagey = v;<br>
<b>3953</b><br>
        }<br>
<b>3954</b><br>
        function messageynumberupdate()<br>
<b>3955</b><br>
        {<br>
<b>3956</b><br>
            messageynumberset();<br>
<b>3957</b><br>
            svgupdate();<br>
<b>3958</b><br>
        }<br>
<b>3959</b><br>
        function messageyrangeload()<br>
<b>3960</b><br>
        {<br>
<b>3961</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>3962</b><br>
            input.id = &quot;messageyrange&quot;;<br>
<b>3963</b><br>
            input.max = messageynumber.max;<br>
<b>3964</b><br>
            input.min = messageynumber.min;<br>
<b>3965</b><br>
            input.type = &quot;range&quot;;<br>
<b>3966</b><br>
            input.value = messageynumber.value;<br>
<b>3967</b><br>
            input.addEventListener(&quot;input&quot;, messageyrangeupdate);<br>
<b>3968</b><br>
            messagey.append(input);<br>
<b>3969</b><br>
            messageyrangeset();<br>
<b>3970</b><br>
        }<br>
<b>3971</b><br>
        addEventListener(&quot;load&quot;, messageyrangeload);<br>
<b>3972</b><br>
        function messageyrangeset()<br>
<b>3973</b><br>
        {<br>
<b>3974</b><br>
            const v = Number(messageyrange.value);<br>
<b>3975</b><br>
            messageynumber.value = v;<br>
<b>3976</b><br>
            text.messagey = v;<br>
<b>3977</b><br>
        }<br>
<b>3978</b><br>
        function messageyrangeupdate()<br>
<b>3979</b><br>
        {<br>
<b>3980</b><br>
            messageyrangeset();<br>
<b>3981</b><br>
            svgupdate();<br>
<b>3982</b><br>
        }<br>
<b>3983</b><br>
        function messageyexactload()<br>
<b>3984</b><br>
        {<br>
<b>3985</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>3986</b><br>
            messagey.append(br);<br>
<b>3987</b><br>
            const array =<br>
<b>3988</b><br>
            [<br>
<b>3989</b><br>
                [&quot;top&quot;,0],<br>
<b>3990</b><br>
                [&quot;center&quot;,0.5],<br>
<b>3991</b><br>
                [&quot;bottom&quot;,1],<br>
<b>3992</b><br>
            ];<br>
<b>3993</b><br>
            for(const value of array)<br>
<b>3994</b><br>
            {<br>
<b>3995</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>3996</b><br>
                button.innerHTML = value[0];<br>
<b>3997</b><br>
                button.value = value[1];<br>
<b>3998</b><br>
                button.addEventListener(&quot;click&quot;, messageyexactupdate);<br>
<b>3999</b><br>
                messagey.append(button);<br>
<b>4000</b><br>
            }<br>
<b>4001</b><br>
        }<br>
<b>4002</b><br>
        addEventListener(&quot;load&quot;, messageyexactload);<br>
<b>4003</b><br>
        function messageyexactupdate(e)<br>
<b>4004</b><br>
        {<br>
<b>4005</b><br>
            //messageynumber.value = (canvas.height - text.messageheight - text.messagepaddingtop - text.messagepaddingbottom) * Number(e.target.value);<br>
<b>4006</b><br>
            messageynumber.value = (canvas.height - text.messageheight) * Number(e.target.value);<br>
<b>4007</b><br>
            messageynumberupdate();<br>
<b>4008</b><br>
        }<br>
<b>4009</b><br>
        function messageyincrementload()<br>
<b>4010</b><br>
        {<br>
<b>4011</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>4012</b><br>
            messagey.append(br);<br>
<b>4013</b><br>
            const array =<br>
<b>4014</b><br>
            [<br>
<b>4015</b><br>
                [&quot;-1000&quot;,-1000],<br>
<b>4016</b><br>
                [&quot;-100&quot;,-100],<br>
<b>4017</b><br>
                [&quot;-10&quot;,-10],<br>
<b>4018</b><br>
                [&quot;-1&quot;,-1],<br>
<b>4019</b><br>
                [&quot;+1&quot;,1],<br>
<b>4020</b><br>
                [&quot;+10&quot;,10],<br>
<b>4021</b><br>
                [&quot;+100&quot;,100],<br>
<b>4022</b><br>
                [&quot;+1000&quot;,1000],<br>
<b>4023</b><br>
            ];<br>
<b>4024</b><br>
            for(const value of array)<br>
<b>4025</b><br>
            {<br>
<b>4026</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>4027</b><br>
                button.innerHTML = value[0];<br>
<b>4028</b><br>
                button.value = value[1];<br>
<b>4029</b><br>
                button.addEventListener(&quot;click&quot;, messageyincrementupdate);<br>
<b>4030</b><br>
                messagey.append(button);<br>
<b>4031</b><br>
            }<br>
<b>4032</b><br>
        }<br>
<b>4033</b><br>
        addEventListener(&quot;load&quot;, messageyincrementload);<br>
<b>4034</b><br>
        function messageyincrementupdate(e)<br>
<b>4035</b><br>
        {<br>
<b>4036</b><br>
            const v = Number(messageynumber.value) + Number(e.target.value);<br>
<b>4037</b><br>
            if((messageynumber.min &lt;= v) &amp;&amp; (v &lt;= messageynumber.max))<br>
<b>4038</b><br>
            {<br>
<b>4039</b><br>
                messageynumber.value = v;<br>
<b>4040</b><br>
                messageynumberupdate();<br>
<b>4041</b><br>
            }<br>
<b>4042</b><br>
        }<br>
<b>4043</b><br>
        function messagebackgroundcolorload()<br>
<b>4044</b><br>
        {<br>
<b>4045</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>4046</b><br>
            div.id = &quot;messagebackgroundcolor&quot;;<br>
<b>4047</b><br>
            div.innerHTML = &quot;background-color&quot;;<br>
<b>4048</b><br>
            tabcontentmessage.append(div);<br>
<b>4049</b><br>
        }<br>
<b>4050</b><br>
        addEventListener(&quot;load&quot;, messagebackgroundcolorload);<br>
<b>4051</b><br>
        function messagebackgroundcolorcolorload()<br>
<b>4052</b><br>
        {<br>
<b>4053</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>4054</b><br>
            messagebackgroundcolor.append(br);<br>
<b>4055</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>4056</b><br>
            input.id = &quot;messagebackgroundcolorcolor&quot;;<br>
<b>4057</b><br>
            input.type = &quot;color&quot;;<br>
<b>4058</b><br>
            input.value = &quot;#ffffff&quot;;<br>
<b>4059</b><br>
            input.addEventListener(&quot;input&quot;, messagebackgroundcolorcolorupdate);<br>
<b>4060</b><br>
            messagebackgroundcolor.append(input);<br>
<b>4061</b><br>
            //messagebackgroundcolorcolorset();<br>
<b>4062</b><br>
        }<br>
<b>4063</b><br>
        addEventListener(&quot;load&quot;, messagebackgroundcolorcolorload);<br>
<b>4064</b><br>
        function messagebackgroundcolorcolorset()<br>
<b>4065</b><br>
        {<br>
<b>4066</b><br>
            const c = messagebackgroundcolorcolor.value;<br>
<b>4067</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>4068</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>4069</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>4070</b><br>
            const a = messagebackgroundalphanumber.value;<br>
<b>4071</b><br>
            text.messagebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>4072</b><br>
        }<br>
<b>4073</b><br>
        function messagebackgroundcolorcolorupdate()<br>
<b>4074</b><br>
        {<br>
<b>4075</b><br>
            messagebackgroundcolorcolorset();<br>
<b>4076</b><br>
            svgupdate();<br>
<b>4077</b><br>
        }<br>
<b>4078</b><br>
        function messagebackgroundcolorexactload()<br>
<b>4079</b><br>
        {<br>
<b>4080</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>4081</b><br>
            messagebackgroundcolor.append(br);<br>
<b>4082</b><br>
            const array =<br>
<b>4083</b><br>
            [<br>
<b>4084</b><br>
                [&quot;black&quot;,&quot;#000000&quot;],<br>
<b>4085</b><br>
                [&quot;white&quot;,&quot;#ffffff&quot;],<br>
<b>4086</b><br>
            ];<br>
<b>4087</b><br>
            for(const value of array)<br>
<b>4088</b><br>
            {<br>
<b>4089</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>4090</b><br>
                button.innerHTML = value[0];<br>
<b>4091</b><br>
                button.value = value[1];<br>
<b>4092</b><br>
                button.addEventListener(&quot;click&quot;, messagebackgroundcolorexactupdate);<br>
<b>4093</b><br>
                messagebackgroundcolor.append(button);<br>
<b>4094</b><br>
            }<br>
<b>4095</b><br>
        }<br>
<b>4096</b><br>
        addEventListener(&quot;load&quot;, messagebackgroundcolorexactload);<br>
<b>4097</b><br>
        function messagebackgroundcolorexactupdate(e)<br>
<b>4098</b><br>
        {<br>
<b>4099</b><br>
            messagebackgroundcolorcolor.value = e.target.value;<br>
<b>4100</b><br>
            messagebackgroundcolorcolorupdate();<br>
<b>4101</b><br>
        }<br>
<b>4102</b><br>
        function messagebackgroundalphaload()<br>
<b>4103</b><br>
        {<br>
<b>4104</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>4105</b><br>
            div.id = &quot;messagebackgroundalpha&quot;;<br>
<b>4106</b><br>
            div.innerHTML = &quot;background-alpha&quot;;<br>
<b>4107</b><br>
            tabcontentmessage.append(div);<br>
<b>4108</b><br>
            const style = div.style;<br>
<b>4109</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>4110</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>4111</b><br>
        }<br>
<b>4112</b><br>
        addEventListener(&quot;load&quot;, messagebackgroundalphaload);<br>
<b>4113</b><br>
        function messagebackgroundalphanumberload()<br>
<b>4114</b><br>
        {<br>
<b>4115</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>4116</b><br>
            messagebackgroundalpha.append(br);<br>
<b>4117</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>4118</b><br>
            input.id = &quot;messagebackgroundalphanumber&quot;;<br>
<b>4119</b><br>
            input.max = 1;<br>
<b>4120</b><br>
            input.min = 0;<br>
<b>4121</b><br>
            input.step = 0.01;<br>
<b>4122</b><br>
            input.type = &quot;number&quot;;<br>
<b>4123</b><br>
            input.value = 0.5;<br>
<b>4124</b><br>
            input.addEventListener(&quot;input&quot;, messagebackgroundalphanumberupdate);<br>
<b>4125</b><br>
            messagebackgroundalpha.append(input);<br>
<b>4126</b><br>
            //messagebackgroundalphanumberset();<br>
<b>4127</b><br>
        }<br>
<b>4128</b><br>
        addEventListener(&quot;load&quot;, messagebackgroundalphanumberload);<br>
<b>4129</b><br>
        function messagebackgroundalphanumberset()<br>
<b>4130</b><br>
        {<br>
<b>4131</b><br>
            const c = messagebackgroundcolorcolor.value;<br>
<b>4132</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>4133</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>4134</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>4135</b><br>
            const a = messagebackgroundalphanumber.value;<br>
<b>4136</b><br>
            messagebackgroundalpharange.value = a;<br>
<b>4137</b><br>
            text.messagebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>4138</b><br>
        }<br>
<b>4139</b><br>
        function messagebackgroundalphanumberupdate()<br>
<b>4140</b><br>
        {<br>
<b>4141</b><br>
            messagebackgroundalphanumberset();<br>
<b>4142</b><br>
            svgupdate();<br>
<b>4143</b><br>
        }<br>
<b>4144</b><br>
        function messagebackgroundalpharangeload()<br>
<b>4145</b><br>
        {<br>
<b>4146</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>4147</b><br>
            input.id = &quot;messagebackgroundalpharange&quot;;<br>
<b>4148</b><br>
            input.max = messagebackgroundalphanumber.max;<br>
<b>4149</b><br>
            input.min = messagebackgroundalphanumber.min;<br>
<b>4150</b><br>
            input.step = messagebackgroundalphanumber.step;<br>
<b>4151</b><br>
            input.type = &quot;range&quot;;<br>
<b>4152</b><br>
            input.value = messagebackgroundalphanumber.value;<br>
<b>4153</b><br>
            input.addEventListener(&quot;input&quot;, messagebackgroundalpharangeupdate);<br>
<b>4154</b><br>
            messagebackgroundalpha.append(input);<br>
<b>4155</b><br>
            messagebackgroundalpharangeset();<br>
<b>4156</b><br>
        }<br>
<b>4157</b><br>
        addEventListener(&quot;load&quot;, messagebackgroundalpharangeload);<br>
<b>4158</b><br>
        function messagebackgroundalpharangeset()<br>
<b>4159</b><br>
        {<br>
<b>4160</b><br>
            const c = messagebackgroundcolorcolor.value;<br>
<b>4161</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>4162</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>4163</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>4164</b><br>
            const a = messagebackgroundalpharange.value;<br>
<b>4165</b><br>
            messagebackgroundalphanumber.value = a;<br>
<b>4166</b><br>
            text.messagebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>4167</b><br>
        }<br>
<b>4168</b><br>
        function messagebackgroundalpharangeupdate()<br>
<b>4169</b><br>
        {<br>
<b>4170</b><br>
            messagebackgroundalpharangeset();<br>
<b>4171</b><br>
            svgupdate();<br>
<b>4172</b><br>
        }<br>
<b>4173</b><br>
        function messagebackgroundalphaexactload()<br>
<b>4174</b><br>
        {<br>
<b>4175</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>4176</b><br>
            messagebackgroundalpha.append(br);<br>
<b>4177</b><br>
            const array =<br>
<b>4178</b><br>
            [<br>
<b>4179</b><br>
                [&quot;0&quot;,0],<br>
<b>4180</b><br>
                [&quot;0.25&quot;,0.25],<br>
<b>4181</b><br>
                [&quot;0.5&quot;,0.5],<br>
<b>4182</b><br>
                [&quot;0.75&quot;,0.75],<br>
<b>4183</b><br>
                [&quot;1&quot;,1],<br>
<b>4184</b><br>
            ];<br>
<b>4185</b><br>
            for(const value of array)<br>
<b>4186</b><br>
            {<br>
<b>4187</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>4188</b><br>
                button.innerHTML = value[0];<br>
<b>4189</b><br>
                button.value = value[1];<br>
<b>4190</b><br>
                button.addEventListener(&quot;click&quot;, messagebackgroundalphaexactupdate);<br>
<b>4191</b><br>
                messagebackgroundalpha.append(button);<br>
<b>4192</b><br>
            }<br>
<b>4193</b><br>
        }<br>
<b>4194</b><br>
        addEventListener(&quot;load&quot;, messagebackgroundalphaexactload);<br>
<b>4195</b><br>
        function messagebackgroundalphaexactupdate(e)<br>
<b>4196</b><br>
        {<br>
<b>4197</b><br>
            messagebackgroundalphanumber.value = Number(e.target.value);<br>
<b>4198</b><br>
            messagebackgroundalphanumberupdate();<br>
<b>4199</b><br>
        }<br>
<b>4200</b><br>
        function messagebackgroundalphaincrementload()<br>
<b>4201</b><br>
        {<br>
<b>4202</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>4203</b><br>
            messagebackgroundalpha.append(br);<br>
<b>4204</b><br>
            const array =<br>
<b>4205</b><br>
            [<br>
<b>4206</b><br>
                [&quot;-0.1&quot;,-0.1],<br>
<b>4207</b><br>
                [&quot;-0.01&quot;,-0.01],<br>
<b>4208</b><br>
                [&quot;+0.01&quot;,0.01],<br>
<b>4209</b><br>
                [&quot;+0.1&quot;,0.1],<br>
<b>4210</b><br>
            ];<br>
<b>4211</b><br>
            for(const value of array)<br>
<b>4212</b><br>
            {<br>
<b>4213</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>4214</b><br>
                button.innerHTML = value[0];<br>
<b>4215</b><br>
                button.value = value[1];<br>
<b>4216</b><br>
                button.addEventListener(&quot;click&quot;, messagebackgroundalphaincrementupdate);<br>
<b>4217</b><br>
                messagebackgroundalpha.append(button);<br>
<b>4218</b><br>
            }<br>
<b>4219</b><br>
        }<br>
<b>4220</b><br>
        addEventListener(&quot;load&quot;, messagebackgroundalphaincrementload);<br>
<b>4221</b><br>
        function messagebackgroundalphaincrementupdate(e)<br>
<b>4222</b><br>
        {<br>
<b>4223</b><br>
            let v = Number(messagebackgroundalphanumber.value) + Number(e.target.value);<br>
<b>4224</b><br>
            v = parseFloat(v.toFixed(2));<br>
<b>4225</b><br>
            if((messagebackgroundalphanumber.min &lt;= v) &amp;&amp; (v &lt;= messagebackgroundalphanumber.max))<br>
<b>4226</b><br>
            {<br>
<b>4227</b><br>
                messagebackgroundalphanumber.value = v;<br>
<b>4228</b><br>
                messagebackgroundalphanumberupdate();<br>
<b>4229</b><br>
            }<br>
<b>4230</b><br>
        }<br>
<b>4231</b><br>
        function messagebordercolorload()<br>
<b>4232</b><br>
        {<br>
<b>4233</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>4234</b><br>
            div.id = &quot;messagebordercolor&quot;;<br>
<b>4235</b><br>
            div.innerHTML = &quot;border-color&quot;;<br>
<b>4236</b><br>
            tabcontentmessage.append(div);<br>
<b>4237</b><br>
        }<br>
<b>4238</b><br>
        addEventListener(&quot;load&quot;, messagebordercolorload);<br>
<b>4239</b><br>
        function messagebordercolorcolorload()<br>
<b>4240</b><br>
        {<br>
<b>4241</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>4242</b><br>
            messagebordercolor.append(br);<br>
<b>4243</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>4244</b><br>
            input.id = &quot;messagebordercolorcolor&quot;;<br>
<b>4245</b><br>
            input.type = &quot;color&quot;;<br>
<b>4246</b><br>
            input.value = &quot;#000000&quot;;<br>
<b>4247</b><br>
            input.addEventListener(&quot;input&quot;, messagebordercolorcolorupdate);<br>
<b>4248</b><br>
            messagebordercolor.append(input);<br>
<b>4249</b><br>
            //messagebordercolorcolorset();<br>
<b>4250</b><br>
        }<br>
<b>4251</b><br>
        addEventListener(&quot;load&quot;, messagebordercolorcolorload);<br>
<b>4252</b><br>
        function messagebordercolorcolorset()<br>
<b>4253</b><br>
        {<br>
<b>4254</b><br>
            const c = messagebordercolorcolor.value;<br>
<b>4255</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>4256</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>4257</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>4258</b><br>
            const a = messageborderalphanumber.value;<br>
<b>4259</b><br>
            text.messagebordercolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>4260</b><br>
        }<br>
<b>4261</b><br>
        function messagebordercolorcolorupdate()<br>
<b>4262</b><br>
        {<br>
<b>4263</b><br>
            messagebordercolorcolorset();<br>
<b>4264</b><br>
            svgupdate();<br>
<b>4265</b><br>
        }<br>
<b>4266</b><br>
        function messagebordercolorexactload()<br>
<b>4267</b><br>
        {<br>
<b>4268</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>4269</b><br>
            messagebordercolor.append(br);<br>
<b>4270</b><br>
            const array =<br>
<b>4271</b><br>
            [<br>
<b>4272</b><br>
                [&quot;black&quot;,&quot;#000000&quot;],<br>
<b>4273</b><br>
                [&quot;white&quot;,&quot;#ffffff&quot;],<br>
<b>4274</b><br>
            ];<br>
<b>4275</b><br>
            for(const value of array)<br>
<b>4276</b><br>
            {<br>
<b>4277</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>4278</b><br>
                button.innerHTML = value[0];<br>
<b>4279</b><br>
                button.value = value[1];<br>
<b>4280</b><br>
                button.addEventListener(&quot;click&quot;, messagebordercolorexactupdate);<br>
<b>4281</b><br>
                messagebordercolor.append(button);<br>
<b>4282</b><br>
            }<br>
<b>4283</b><br>
        }<br>
<b>4284</b><br>
        addEventListener(&quot;load&quot;, messagebordercolorexactload);<br>
<b>4285</b><br>
        function messagebordercolorexactupdate(e)<br>
<b>4286</b><br>
        {<br>
<b>4287</b><br>
            messagebordercolorcolor.value = e.target.value;<br>
<b>4288</b><br>
            messagebordercolorcolorupdate();<br>
<b>4289</b><br>
        }<br>
<b>4290</b><br>
        function messageborderalphaload()<br>
<b>4291</b><br>
        {<br>
<b>4292</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>4293</b><br>
            div.id = &quot;messageborderalpha&quot;;<br>
<b>4294</b><br>
            div.innerHTML = &quot;border-alpha&quot;;<br>
<b>4295</b><br>
            tabcontentmessage.append(div);<br>
<b>4296</b><br>
            const style = div.style;<br>
<b>4297</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>4298</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>4299</b><br>
        }<br>
<b>4300</b><br>
        addEventListener(&quot;load&quot;, messageborderalphaload);<br>
<b>4301</b><br>
        function messageborderalphanumberload()<br>
<b>4302</b><br>
        {<br>
<b>4303</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>4304</b><br>
            messageborderalpha.append(br);<br>
<b>4305</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>4306</b><br>
            input.id = &quot;messageborderalphanumber&quot;;<br>
<b>4307</b><br>
            input.max = 1;<br>
<b>4308</b><br>
            input.min = 0;<br>
<b>4309</b><br>
            input.step = 0.01;<br>
<b>4310</b><br>
            input.type = &quot;number&quot;;<br>
<b>4311</b><br>
            input.value = 1;<br>
<b>4312</b><br>
            input.addEventListener(&quot;input&quot;, messageborderalphanumberupdate);<br>
<b>4313</b><br>
            messageborderalpha.append(input);<br>
<b>4314</b><br>
            //messageborderalphanumberset();<br>
<b>4315</b><br>
        }<br>
<b>4316</b><br>
        addEventListener(&quot;load&quot;, messageborderalphanumberload);<br>
<b>4317</b><br>
        function messageborderalphanumberset()<br>
<b>4318</b><br>
        {<br>
<b>4319</b><br>
            const c = messagebordercolorcolor.value;<br>
<b>4320</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>4321</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>4322</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>4323</b><br>
            const a = messageborderalphanumber.value;<br>
<b>4324</b><br>
            messageborderalpharange.value = a;<br>
<b>4325</b><br>
            text.messagebordercolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>4326</b><br>
        }<br>
<b>4327</b><br>
        function messageborderalphanumberupdate()<br>
<b>4328</b><br>
        {<br>
<b>4329</b><br>
            messageborderalphanumberset();<br>
<b>4330</b><br>
            svgupdate();<br>
<b>4331</b><br>
        }<br>
<b>4332</b><br>
        function messageborderalpharangeload()<br>
<b>4333</b><br>
        {<br>
<b>4334</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>4335</b><br>
            input.id = &quot;messageborderalpharange&quot;;<br>
<b>4336</b><br>
            input.max = messageborderalphanumber.max;<br>
<b>4337</b><br>
            input.min = messageborderalphanumber.min;<br>
<b>4338</b><br>
            input.step = messageborderalphanumber.step;<br>
<b>4339</b><br>
            input.type = &quot;range&quot;;<br>
<b>4340</b><br>
            input.value = messageborderalphanumber.value;<br>
<b>4341</b><br>
            input.addEventListener(&quot;input&quot;, messageborderalpharangeupdate);<br>
<b>4342</b><br>
            messageborderalpha.append(input);<br>
<b>4343</b><br>
            messageborderalpharangeset();<br>
<b>4344</b><br>
        }<br>
<b>4345</b><br>
        addEventListener(&quot;load&quot;, messageborderalpharangeload);<br>
<b>4346</b><br>
        function messageborderalpharangeset()<br>
<b>4347</b><br>
        {<br>
<b>4348</b><br>
            const c = messagebordercolorcolor.value;<br>
<b>4349</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>4350</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>4351</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>4352</b><br>
            const a = messageborderalpharange.value;<br>
<b>4353</b><br>
            messageborderalphanumber.value = a;<br>
<b>4354</b><br>
            text.messagebordercolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>4355</b><br>
        }<br>
<b>4356</b><br>
        function messageborderalpharangeupdate()<br>
<b>4357</b><br>
        {<br>
<b>4358</b><br>
            messageborderalpharangeset();<br>
<b>4359</b><br>
            svgupdate();<br>
<b>4360</b><br>
        }<br>
<b>4361</b><br>
        function messageborderalphaexactload()<br>
<b>4362</b><br>
        {<br>
<b>4363</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>4364</b><br>
            messageborderalpha.append(br);<br>
<b>4365</b><br>
            const array =<br>
<b>4366</b><br>
            [<br>
<b>4367</b><br>
                [&quot;0&quot;,0],<br>
<b>4368</b><br>
                [&quot;0.25&quot;,0.25],<br>
<b>4369</b><br>
                [&quot;0.5&quot;,0.5],<br>
<b>4370</b><br>
                [&quot;0.75&quot;,0.75],<br>
<b>4371</b><br>
                [&quot;1&quot;,1],<br>
<b>4372</b><br>
            ];<br>
<b>4373</b><br>
            for(const value of array)<br>
<b>4374</b><br>
            {<br>
<b>4375</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>4376</b><br>
                button.innerHTML = value[0];<br>
<b>4377</b><br>
                button.value = value[1];<br>
<b>4378</b><br>
                button.addEventListener(&quot;click&quot;, messageborderalphaexactupdate);<br>
<b>4379</b><br>
                messageborderalpha.append(button);<br>
<b>4380</b><br>
            }<br>
<b>4381</b><br>
        }<br>
<b>4382</b><br>
        addEventListener(&quot;load&quot;, messageborderalphaexactload);<br>
<b>4383</b><br>
        function messageborderalphaexactupdate(e)<br>
<b>4384</b><br>
        {<br>
<b>4385</b><br>
            messageborderalphanumber.value = Number(e.target.value);<br>
<b>4386</b><br>
            messageborderalphanumberupdate();<br>
<b>4387</b><br>
        }<br>
<b>4388</b><br>
        function messageborderalphaincrementload()<br>
<b>4389</b><br>
        {<br>
<b>4390</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>4391</b><br>
            messageborderalpha.append(br);<br>
<b>4392</b><br>
            const array =<br>
<b>4393</b><br>
            [<br>
<b>4394</b><br>
                [&quot;-0.1&quot;,-0.1],<br>
<b>4395</b><br>
                [&quot;-0.01&quot;,-0.01],<br>
<b>4396</b><br>
                [&quot;+0.01&quot;,0.01],<br>
<b>4397</b><br>
                [&quot;+0.1&quot;,0.1],<br>
<b>4398</b><br>
            ];<br>
<b>4399</b><br>
            for(const value of array)<br>
<b>4400</b><br>
            {<br>
<b>4401</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>4402</b><br>
                button.innerHTML = value[0];<br>
<b>4403</b><br>
                button.value = value[1];<br>
<b>4404</b><br>
                button.addEventListener(&quot;click&quot;, messageborderalphaincrementupdate);<br>
<b>4405</b><br>
                messageborderalpha.append(button);<br>
<b>4406</b><br>
            }<br>
<b>4407</b><br>
        }<br>
<b>4408</b><br>
        addEventListener(&quot;load&quot;, messageborderalphaincrementload);<br>
<b>4409</b><br>
        function messageborderalphaincrementupdate(e)<br>
<b>4410</b><br>
        {<br>
<b>4411</b><br>
            let v = Number(messageborderalphanumber.value) + Number(e.target.value);<br>
<b>4412</b><br>
            v = parseFloat(v.toFixed(2));<br>
<b>4413</b><br>
            if((messageborderalphanumber.min &lt;= v) &amp;&amp; (v &lt;= messageborderalphanumber.max))<br>
<b>4414</b><br>
            {<br>
<b>4415</b><br>
                messageborderalphanumber.value = v;<br>
<b>4416</b><br>
                messageborderalphanumberupdate();<br>
<b>4417</b><br>
            }<br>
<b>4418</b><br>
        }<br>
<b>4419</b><br>
        function messageborderradiusload()<br>
<b>4420</b><br>
        {<br>
<b>4421</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>4422</b><br>
            div.id = &quot;messageborderradius&quot;;<br>
<b>4423</b><br>
            div.innerHTML = &quot;border-radius&quot;;<br>
<b>4424</b><br>
            tabcontentmessage.append(div);<br>
<b>4425</b><br>
            const style = div.style;<br>
<b>4426</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>4427</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>4428</b><br>
        }<br>
<b>4429</b><br>
        addEventListener(&quot;load&quot;, messageborderradiusload);<br>
<b>4430</b><br>
        function messageborderradiusnumberload()<br>
<b>4431</b><br>
        {<br>
<b>4432</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>4433</b><br>
            messageborderradius.append(br);<br>
<b>4434</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>4435</b><br>
            input.id = &quot;messageborderradiusnumber&quot;;<br>
<b>4436</b><br>
            input.max = 1000;<br>
<b>4437</b><br>
            input.min = 0;<br>
<b>4438</b><br>
            input.type = &quot;number&quot;;<br>
<b>4439</b><br>
            input.value = 50;<br>
<b>4440</b><br>
            input.addEventListener(&quot;input&quot;, messageborderradiusnumberupdate);<br>
<b>4441</b><br>
            messageborderradius.append(input);<br>
<b>4442</b><br>
            //messageborderradiusnumberset();<br>
<b>4443</b><br>
        }<br>
<b>4444</b><br>
        addEventListener(&quot;load&quot;, messageborderradiusnumberload);<br>
<b>4445</b><br>
        function messageborderradiusnumberset()<br>
<b>4446</b><br>
        {<br>
<b>4447</b><br>
            const v = Number(messageborderradiusnumber.value);<br>
<b>4448</b><br>
            messageborderradiusrange.value = v;<br>
<b>4449</b><br>
            text.messageborderradius = v;<br>
<b>4450</b><br>
        }<br>
<b>4451</b><br>
        function messageborderradiusnumberupdate()<br>
<b>4452</b><br>
        {<br>
<b>4453</b><br>
            messageborderradiusnumberset();<br>
<b>4454</b><br>
            svgupdate();<br>
<b>4455</b><br>
        }<br>
<b>4456</b><br>
        function messageborderradiusrangeload()<br>
<b>4457</b><br>
        {<br>
<b>4458</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>4459</b><br>
            input.id = &quot;messageborderradiusrange&quot;;<br>
<b>4460</b><br>
            input.max = messageborderradiusnumber.max;<br>
<b>4461</b><br>
            input.min = messageborderradiusnumber.min;<br>
<b>4462</b><br>
            input.type = &quot;range&quot;;<br>
<b>4463</b><br>
            input.value = messageborderradiusnumber.value;<br>
<b>4464</b><br>
            input.addEventListener(&quot;input&quot;, messageborderradiusrangeupdate);<br>
<b>4465</b><br>
            messageborderradius.append(input);<br>
<b>4466</b><br>
            messageborderradiusrangeset();<br>
<b>4467</b><br>
        }<br>
<b>4468</b><br>
        addEventListener(&quot;load&quot;, messageborderradiusrangeload);<br>
<b>4469</b><br>
        function messageborderradiusrangeset()<br>
<b>4470</b><br>
        {<br>
<b>4471</b><br>
            const v = Number(messageborderradiusrange.value);<br>
<b>4472</b><br>
            messageborderradiusnumber.value = v;<br>
<b>4473</b><br>
            text.messageborderradius = v;<br>
<b>4474</b><br>
        }<br>
<b>4475</b><br>
        function messageborderradiusrangeupdate()<br>
<b>4476</b><br>
        {<br>
<b>4477</b><br>
            messageborderradiusrangeset();<br>
<b>4478</b><br>
            svgupdate();<br>
<b>4479</b><br>
        }<br>
<b>4480</b><br>
        function messageborderradiusexactload()<br>
<b>4481</b><br>
        {<br>
<b>4482</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>4483</b><br>
            messageborderradius.append(br);<br>
<b>4484</b><br>
            const array =<br>
<b>4485</b><br>
            [<br>
<b>4486</b><br>
                [&quot;0&quot;,0],<br>
<b>4487</b><br>
                [&quot;50&quot;,50],<br>
<b>4488</b><br>
                [&quot;100&quot;,100],<br>
<b>4489</b><br>
                [&quot;250&quot;,250],<br>
<b>4490</b><br>
                [&quot;500&quot;,500],<br>
<b>4491</b><br>
                [&quot;1000&quot;,1000],<br>
<b>4492</b><br>
            ];<br>
<b>4493</b><br>
            for(const value of array)<br>
<b>4494</b><br>
            {<br>
<b>4495</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>4496</b><br>
                button.innerHTML = value[0];<br>
<b>4497</b><br>
                button.value = value[1];<br>
<b>4498</b><br>
                button.addEventListener(&quot;click&quot;, messageborderradiusexactupdate);<br>
<b>4499</b><br>
                messageborderradius.append(button);<br>
<b>4500</b><br>
            }<br>
<b>4501</b><br>
        }<br>
<b>4502</b><br>
        addEventListener(&quot;load&quot;, messageborderradiusexactload);<br>
<b>4503</b><br>
        function messageborderradiusexactupdate(e)<br>
<b>4504</b><br>
        {<br>
<b>4505</b><br>
            messageborderradiusnumber.value = Number(e.target.value);<br>
<b>4506</b><br>
            messageborderradiusnumberupdate();<br>
<b>4507</b><br>
        }<br>
<b>4508</b><br>
        function messageborderradiusincrementload()<br>
<b>4509</b><br>
        {<br>
<b>4510</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>4511</b><br>
            messageborderradius.append(br);<br>
<b>4512</b><br>
            const array =<br>
<b>4513</b><br>
            [<br>
<b>4514</b><br>
                [&quot;-100&quot;,-100],<br>
<b>4515</b><br>
                [&quot;-10&quot;,-10],<br>
<b>4516</b><br>
                [&quot;-1&quot;,-1],<br>
<b>4517</b><br>
                [&quot;+1&quot;,1],<br>
<b>4518</b><br>
                [&quot;+10&quot;,10],<br>
<b>4519</b><br>
                [&quot;+100&quot;,100],<br>
<b>4520</b><br>
            ];<br>
<b>4521</b><br>
            for(const value of array)<br>
<b>4522</b><br>
            {<br>
<b>4523</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>4524</b><br>
                button.innerHTML = value[0];<br>
<b>4525</b><br>
                button.value = value[1];<br>
<b>4526</b><br>
                button.addEventListener(&quot;click&quot;, messageborderradiusincrementupdate);<br>
<b>4527</b><br>
                messageborderradius.append(button);<br>
<b>4528</b><br>
            }<br>
<b>4529</b><br>
        }<br>
<b>4530</b><br>
        addEventListener(&quot;load&quot;, messageborderradiusincrementload);<br>
<b>4531</b><br>
        function messageborderradiusincrementupdate(e)<br>
<b>4532</b><br>
        {<br>
<b>4533</b><br>
            const v = Number(messageborderradiusnumber.value) + Number(e.target.value);<br>
<b>4534</b><br>
            if((messageborderradiusnumber.min &lt;= v) &amp;&amp; (v &lt;= messageborderradiusnumber.max))<br>
<b>4535</b><br>
            {<br>
<b>4536</b><br>
                messageborderradiusnumber.value = v;<br>
<b>4537</b><br>
                messageborderradiusnumberupdate();<br>
<b>4538</b><br>
            }<br>
<b>4539</b><br>
        }<br>
<b>4540</b><br>
        function messageborderstyleload()<br>
<b>4541</b><br>
        {<br>
<b>4542</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>4543</b><br>
            div.id = &quot;messageborderstyle&quot;;<br>
<b>4544</b><br>
            div.innerHTML = &quot;border-style&quot;;<br>
<b>4545</b><br>
            tabcontentmessage.append(div);<br>
<b>4546</b><br>
        }<br>
<b>4547</b><br>
        addEventListener(&quot;load&quot;, messageborderstyleload);<br>
<b>4548</b><br>
        function messageborderstyleselectload()<br>
<b>4549</b><br>
        {<br>
<b>4550</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>4551</b><br>
            messageborderstyle.append(br);<br>
<b>4552</b><br>
            const select = document.createElement(&quot;select&quot;);<br>
<b>4553</b><br>
            select.id = &quot;messageborderstyleselect&quot;;<br>
<b>4554</b><br>
            select.addEventListener(&quot;input&quot;, messageborderstyleselectupdate);<br>
<b>4555</b><br>
            messageborderstyle.append(select);<br>
<b>4556</b><br>
            for(const value of borderstylearray)<br>
<b>4557</b><br>
            {<br>
<b>4558</b><br>
                const option = document.createElement(&quot;option&quot;);<br>
<b>4559</b><br>
                option.innerHTML = value;<br>
<b>4560</b><br>
                select.add(option);<br>
<b>4561</b><br>
            }<br>
<b>4562</b><br>
            //select.value = borderstylearray[8];<br>
<b>4563</b><br>
            messageborderstyleselectset();<br>
<b>4564</b><br>
        }<br>
<b>4565</b><br>
        addEventListener(&quot;load&quot;, messageborderstyleselectload);<br>
<b>4566</b><br>
        function messageborderstyleselectset()<br>
<b>4567</b><br>
        {<br>
<b>4568</b><br>
            text.messageborderstyle = messageborderstyleselect.value;<br>
<b>4569</b><br>
        }<br>
<b>4570</b><br>
        function messageborderstyleselectupdate()<br>
<b>4571</b><br>
        {<br>
<b>4572</b><br>
            messageborderstyleselectset();<br>
<b>4573</b><br>
            svgupdate();<br>
<b>4574</b><br>
        }<br>
<b>4575</b><br>
        function messageborderwidthload()<br>
<b>4576</b><br>
        {<br>
<b>4577</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>4578</b><br>
            div.id = &quot;messageborderwidth&quot;;<br>
<b>4579</b><br>
            div.innerHTML = &quot;border-width&quot;;<br>
<b>4580</b><br>
            tabcontentmessage.append(div);<br>
<b>4581</b><br>
            const style = div.style;<br>
<b>4582</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>4583</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>4584</b><br>
        }<br>
<b>4585</b><br>
        addEventListener(&quot;load&quot;, messageborderwidthload);<br>
<b>4586</b><br>
        function messageborderwidthnumberload()<br>
<b>4587</b><br>
        {<br>
<b>4588</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>4589</b><br>
            messageborderwidth.append(br);<br>
<b>4590</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>4591</b><br>
            input.id = &quot;messageborderwidthnumber&quot;;<br>
<b>4592</b><br>
            input.max = 1000;<br>
<b>4593</b><br>
            input.min = 0;<br>
<b>4594</b><br>
            input.type = &quot;number&quot;;<br>
<b>4595</b><br>
            input.value = 25;<br>
<b>4596</b><br>
            input.addEventListener(&quot;input&quot;, messageborderwidthnumberupdate);<br>
<b>4597</b><br>
            messageborderwidth.append(input);<br>
<b>4598</b><br>
            //messageborderwidthnumberset();<br>
<b>4599</b><br>
        }<br>
<b>4600</b><br>
        addEventListener(&quot;load&quot;, messageborderwidthnumberload);<br>
<b>4601</b><br>
        function messageborderwidthnumberset()<br>
<b>4602</b><br>
        {<br>
<b>4603</b><br>
            const v = Number(messageborderwidthnumber.value);<br>
<b>4604</b><br>
            messageborderwidthrange.value = v;<br>
<b>4605</b><br>
            text.messageborderwidth = v;<br>
<b>4606</b><br>
        }<br>
<b>4607</b><br>
        function messageborderwidthnumberupdate()<br>
<b>4608</b><br>
        {<br>
<b>4609</b><br>
            messageborderwidthnumberset();<br>
<b>4610</b><br>
            svgupdate();<br>
<b>4611</b><br>
        }<br>
<b>4612</b><br>
        function messageborderwidthrangeload()<br>
<b>4613</b><br>
        {<br>
<b>4614</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>4615</b><br>
            input.id = &quot;messageborderwidthrange&quot;;<br>
<b>4616</b><br>
            input.max = messageborderwidthnumber.max;<br>
<b>4617</b><br>
            input.min = messageborderwidthnumber.min;<br>
<b>4618</b><br>
            input.type = &quot;range&quot;;<br>
<b>4619</b><br>
            input.value = messageborderwidthnumber.value;<br>
<b>4620</b><br>
            input.addEventListener(&quot;input&quot;, messageborderwidthrangeupdate);<br>
<b>4621</b><br>
            messageborderwidth.append(input);<br>
<b>4622</b><br>
            messageborderwidthrangeset();<br>
<b>4623</b><br>
        }<br>
<b>4624</b><br>
        addEventListener(&quot;load&quot;, messageborderwidthrangeload);<br>
<b>4625</b><br>
        function messageborderwidthrangeset()<br>
<b>4626</b><br>
        {<br>
<b>4627</b><br>
            const v = Number(messageborderwidthrange.value);<br>
<b>4628</b><br>
            messageborderwidthnumber.value = v;<br>
<b>4629</b><br>
            text.messageborderwidth = v;<br>
<b>4630</b><br>
        }<br>
<b>4631</b><br>
        function messageborderwidthrangeupdate()<br>
<b>4632</b><br>
        {<br>
<b>4633</b><br>
            messageborderwidthrangeset();<br>
<b>4634</b><br>
            svgupdate();<br>
<b>4635</b><br>
        }<br>
<b>4636</b><br>
        function messageborderwidthexactload()<br>
<b>4637</b><br>
        {<br>
<b>4638</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>4639</b><br>
            messageborderwidth.append(br);<br>
<b>4640</b><br>
            const array =<br>
<b>4641</b><br>
            [<br>
<b>4642</b><br>
                [&quot;0&quot;,0],<br>
<b>4643</b><br>
                [&quot;50&quot;,50],<br>
<b>4644</b><br>
                [&quot;100&quot;,100],<br>
<b>4645</b><br>
                [&quot;250&quot;,250],<br>
<b>4646</b><br>
                [&quot;500&quot;,500],<br>
<b>4647</b><br>
                [&quot;1000&quot;,1000],<br>
<b>4648</b><br>
            ];<br>
<b>4649</b><br>
            for(const value of array)<br>
<b>4650</b><br>
            {<br>
<b>4651</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>4652</b><br>
                button.innerHTML = value[0];<br>
<b>4653</b><br>
                button.value = value[1];<br>
<b>4654</b><br>
                button.addEventListener(&quot;click&quot;, messageborderwidthexactupdate);<br>
<b>4655</b><br>
                messageborderwidth.append(button);<br>
<b>4656</b><br>
            }<br>
<b>4657</b><br>
        }<br>
<b>4658</b><br>
        addEventListener(&quot;load&quot;, messageborderwidthexactload);<br>
<b>4659</b><br>
        function messageborderwidthexactupdate(e)<br>
<b>4660</b><br>
        {<br>
<b>4661</b><br>
            messageborderwidthnumber.value = Number(e.target.value);<br>
<b>4662</b><br>
            messageborderwidthnumberupdate();<br>
<b>4663</b><br>
        }<br>
<b>4664</b><br>
        function messageborderwidthincrementload()<br>
<b>4665</b><br>
        {<br>
<b>4666</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>4667</b><br>
            messageborderwidth.append(br);<br>
<b>4668</b><br>
            const array =<br>
<b>4669</b><br>
            [<br>
<b>4670</b><br>
                [&quot;-100&quot;,-100],<br>
<b>4671</b><br>
                [&quot;-10&quot;,-10],<br>
<b>4672</b><br>
                [&quot;-1&quot;,-1],<br>
<b>4673</b><br>
                [&quot;+1&quot;,1],<br>
<b>4674</b><br>
                [&quot;+10&quot;,10],<br>
<b>4675</b><br>
                [&quot;+100&quot;,100],<br>
<b>4676</b><br>
            ];<br>
<b>4677</b><br>
            for(const value of array)<br>
<b>4678</b><br>
            {<br>
<b>4679</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>4680</b><br>
                button.innerHTML = value[0];<br>
<b>4681</b><br>
                button.value = value[1];<br>
<b>4682</b><br>
                button.addEventListener(&quot;click&quot;, messageborderwidthincrementupdate);<br>
<b>4683</b><br>
                messageborderwidth.append(button);<br>
<b>4684</b><br>
            }<br>
<b>4685</b><br>
        }<br>
<b>4686</b><br>
        addEventListener(&quot;load&quot;, messageborderwidthincrementload);<br>
<b>4687</b><br>
        function messageborderwidthincrementupdate(e)<br>
<b>4688</b><br>
        {<br>
<b>4689</b><br>
            const v = Number(messageborderwidthnumber.value) + Number(e.target.value);<br>
<b>4690</b><br>
            if((messageborderwidthnumber.min &lt;= v) &amp;&amp; (v &lt;= messageborderwidthnumber.max))<br>
<b>4691</b><br>
            {<br>
<b>4692</b><br>
                messageborderwidthnumber.value = v;<br>
<b>4693</b><br>
                messageborderwidthnumberupdate();<br>
<b>4694</b><br>
            }<br>
<b>4695</b><br>
        }<br>
<b>4696</b><br>
        function messagehorizontalload()<br>
<b>4697</b><br>
        {<br>
<b>4698</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>4699</b><br>
            div.id = &quot;messagehorizontal&quot;;<br>
<b>4700</b><br>
            div.innerHTML = &quot;horizontal&quot;;<br>
<b>4701</b><br>
            tabcontentmessage.append(div);<br>
<b>4702</b><br>
        }<br>
<b>4703</b><br>
        addEventListener(&quot;load&quot;, messagehorizontalload);<br>
<b>4704</b><br>
        function messagehorizontalselectload()<br>
<b>4705</b><br>
        {<br>
<b>4706</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>4707</b><br>
            messagehorizontal.append(br);<br>
<b>4708</b><br>
            const select = document.createElement(&quot;select&quot;);<br>
<b>4709</b><br>
            select.id = &quot;messagehorizontalselect&quot;;<br>
<b>4710</b><br>
            select.addEventListener(&quot;input&quot;, messagehorizontalselectupdate);<br>
<b>4711</b><br>
            messagehorizontal.append(select);<br>
<b>4712</b><br>
            for(const value of horizontalarray)<br>
<b>4713</b><br>
            {<br>
<b>4714</b><br>
                const option = document.createElement(&quot;option&quot;);<br>
<b>4715</b><br>
                option.innerHTML = value;<br>
<b>4716</b><br>
                select.add(option);<br>
<b>4717</b><br>
            }<br>
<b>4718</b><br>
            select.value = horizontalarray[1];<br>
<b>4719</b><br>
            messagehorizontalselectset();<br>
<b>4720</b><br>
        }<br>
<b>4721</b><br>
        addEventListener(&quot;load&quot;, messagehorizontalselectload);<br>
<b>4722</b><br>
        function messagehorizontalselectset()<br>
<b>4723</b><br>
        {<br>
<b>4724</b><br>
            text.messagehorizontal = messagehorizontalselect.value;<br>
<b>4725</b><br>
        }<br>
<b>4726</b><br>
        function messagehorizontalselectupdate()<br>
<b>4727</b><br>
        {<br>
<b>4728</b><br>
            messagehorizontalselectset();<br>
<b>4729</b><br>
            svgupdate();<br>
<b>4730</b><br>
        }<br>
<b>4731</b><br>
        function messageverticalload()<br>
<b>4732</b><br>
        {<br>
<b>4733</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>4734</b><br>
            div.id = &quot;messagevertical&quot;;<br>
<b>4735</b><br>
            div.innerHTML = &quot;vertical&quot;;<br>
<b>4736</b><br>
            tabcontentmessage.append(div);<br>
<b>4737</b><br>
        }<br>
<b>4738</b><br>
        addEventListener(&quot;load&quot;, messageverticalload);<br>
<b>4739</b><br>
        function messageverticalselectload()<br>
<b>4740</b><br>
        {<br>
<b>4741</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>4742</b><br>
            messagevertical.append(br);<br>
<b>4743</b><br>
            const select = document.createElement(&quot;select&quot;);<br>
<b>4744</b><br>
            select.id = &quot;messageverticalselect&quot;;<br>
<b>4745</b><br>
            select.addEventListener(&quot;input&quot;, messageverticalselectupdate);<br>
<b>4746</b><br>
            messagevertical.append(select);<br>
<b>4747</b><br>
            for(const value of verticalarray)<br>
<b>4748</b><br>
            {<br>
<b>4749</b><br>
                const option = document.createElement(&quot;option&quot;);<br>
<b>4750</b><br>
                option.innerHTML = value;<br>
<b>4751</b><br>
                select.add(option);<br>
<b>4752</b><br>
            }<br>
<b>4753</b><br>
            select.value = verticalarray[1];<br>
<b>4754</b><br>
            messageverticalselectset();<br>
<b>4755</b><br>
        }<br>
<b>4756</b><br>
        addEventListener(&quot;load&quot;, messageverticalselectload);<br>
<b>4757</b><br>
        function messageverticalselectset()<br>
<b>4758</b><br>
        {<br>
<b>4759</b><br>
            text.messagevertical = messageverticalselect.value;<br>
<b>4760</b><br>
        }<br>
<b>4761</b><br>
        function messageverticalselectupdate()<br>
<b>4762</b><br>
        {<br>
<b>4763</b><br>
            messageverticalselectset();<br>
<b>4764</b><br>
            svgupdate();<br>
<b>4765</b><br>
        }<br>
<b>4766</b><br>
        function messagewritingmodeload()<br>
<b>4767</b><br>
        {<br>
<b>4768</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>4769</b><br>
            div.id = &quot;messagewritingmode&quot;;<br>
<b>4770</b><br>
            div.innerHTML = &quot;writing-mode&quot;;<br>
<b>4771</b><br>
            tabcontentmessage.append(div);<br>
<b>4772</b><br>
        }<br>
<b>4773</b><br>
        addEventListener(&quot;load&quot;, messagewritingmodeload);<br>
<b>4774</b><br>
        function messagewritingmodeselectload()<br>
<b>4775</b><br>
        {<br>
<b>4776</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>4777</b><br>
            messagewritingmode.append(br);<br>
<b>4778</b><br>
            const select = document.createElement(&quot;select&quot;);<br>
<b>4779</b><br>
            select.id = &quot;messagewritingmodeselect&quot;;<br>
<b>4780</b><br>
            select.addEventListener(&quot;input&quot;, messagewritingmodeselectupdate);<br>
<b>4781</b><br>
            messagewritingmode.append(select);<br>
<b>4782</b><br>
            for(const value of writingmodearray)<br>
<b>4783</b><br>
            {<br>
<b>4784</b><br>
                const option = document.createElement(&quot;option&quot;);<br>
<b>4785</b><br>
                option.innerHTML = value;<br>
<b>4786</b><br>
                select.add(option);<br>
<b>4787</b><br>
            }<br>
<b>4788</b><br>
            messagewritingmodeselectset();<br>
<b>4789</b><br>
        }<br>
<b>4790</b><br>
        addEventListener(&quot;load&quot;, messagewritingmodeselectload);<br>
<b>4791</b><br>
        function messagewritingmodeselectset()<br>
<b>4792</b><br>
        {<br>
<b>4793</b><br>
            text.messagewritingmode = messagewritingmodeselect.value;<br>
<b>4794</b><br>
        }<br>
<b>4795</b><br>
        function messagewritingmodeselectupdate()<br>
<b>4796</b><br>
        {<br>
<b>4797</b><br>
            messagewritingmodeselectset();<br>
<b>4798</b><br>
            svgupdate();<br>
<b>4799</b><br>
        }<br>
<b>4800</b><br>
        function messagefontfamilyload()<br>
<b>4801</b><br>
        {<br>
<b>4802</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>4803</b><br>
            div.id = &quot;messagefontfamily&quot;;<br>
<b>4804</b><br>
            div.innerHTML = &quot;font-family&quot;;<br>
<b>4805</b><br>
            tabcontentmessage.append(div);<br>
<b>4806</b><br>
        }<br>
<b>4807</b><br>
        addEventListener(&quot;load&quot;, messagefontfamilyload);<br>
<b>4808</b><br>
        function messagefontfamilyselectload()<br>
<b>4809</b><br>
        {<br>
<b>4810</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>4811</b><br>
            messagefontfamily.append(br);<br>
<b>4812</b><br>
            const select = document.createElement(&quot;select&quot;);<br>
<b>4813</b><br>
            select.id = &quot;messagefontfamilyselect&quot;;<br>
<b>4814</b><br>
            select.addEventListener(&quot;input&quot;, messagefontfamilyselectupdate);<br>
<b>4815</b><br>
            messagefontfamily.append(select);<br>
<b>4816</b><br>
            for(const value of fontfamilyarray)<br>
<b>4817</b><br>
            {<br>
<b>4818</b><br>
                const option = document.createElement(&quot;option&quot;);<br>
<b>4819</b><br>
                option.innerHTML = value;<br>
<b>4820</b><br>
                select.add(option);<br>
<b>4821</b><br>
            }<br>
<b>4822</b><br>
            messagefontfamilyselectset();<br>
<b>4823</b><br>
        }<br>
<b>4824</b><br>
        addEventListener(&quot;load&quot;, messagefontfamilyselectload);<br>
<b>4825</b><br>
        function messagefontfamilyselectset()<br>
<b>4826</b><br>
        {<br>
<b>4827</b><br>
            text.messagefontfamily = messagefontfamilyselect.value;<br>
<b>4828</b><br>
        }<br>
<b>4829</b><br>
        function messagefontfamilyselectupdate()<br>
<b>4830</b><br>
        {<br>
<b>4831</b><br>
            messagefontfamilyselectset();<br>
<b>4832</b><br>
            svgupdate();<br>
<b>4833</b><br>
        }<br>
<b>4834</b><br>
function messagefontsizeload()<br>
<b>4835</b><br>
        {<br>
<b>4836</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>4837</b><br>
            div.id = &quot;messagefontsize&quot;;<br>
<b>4838</b><br>
            div.innerHTML = &quot;font-size&quot;;<br>
<b>4839</b><br>
            tabcontentmessage.append(div);<br>
<b>4840</b><br>
        }<br>
<b>4841</b><br>
        addEventListener(&quot;load&quot;, messagefontsizeload);<br>
<b>4842</b><br>
        function messagefontsizenumberload()<br>
<b>4843</b><br>
        {<br>
<b>4844</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>4845</b><br>
            messagefontsize.append(br);<br>
<b>4846</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>4847</b><br>
            input.id = &quot;messagefontsizenumber&quot;;<br>
<b>4848</b><br>
            input.max = 1000;<br>
<b>4849</b><br>
            input.min = 0;<br>
<b>4850</b><br>
            input.type = &quot;number&quot;;<br>
<b>4851</b><br>
            input.value = 140;<br>
<b>4852</b><br>
            input.addEventListener(&quot;input&quot;, messagefontsizenumberupdate);<br>
<b>4853</b><br>
            messagefontsize.append(input);<br>
<b>4854</b><br>
            //messagefontsizenumberset();<br>
<b>4855</b><br>
        }<br>
<b>4856</b><br>
        addEventListener(&quot;load&quot;, messagefontsizenumberload);<br>
<b>4857</b><br>
        function messagefontsizenumberset()<br>
<b>4858</b><br>
        {<br>
<b>4859</b><br>
            const v = Number(messagefontsizenumber.value);<br>
<b>4860</b><br>
            messagefontsizerange.value = v;<br>
<b>4861</b><br>
            text.messagefontsize = v;<br>
<b>4862</b><br>
        }<br>
<b>4863</b><br>
        function messagefontsizenumberupdate()<br>
<b>4864</b><br>
        {<br>
<b>4865</b><br>
            messagefontsizenumberset();<br>
<b>4866</b><br>
            svgupdate();<br>
<b>4867</b><br>
        }<br>
<b>4868</b><br>
        function messagefontsizerangeload()<br>
<b>4869</b><br>
        {<br>
<b>4870</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>4871</b><br>
            input.id = &quot;messagefontsizerange&quot;;<br>
<b>4872</b><br>
            input.max = messagefontsizenumber.max;<br>
<b>4873</b><br>
            input.min = messagefontsizenumber.min;<br>
<b>4874</b><br>
            input.type = &quot;range&quot;;<br>
<b>4875</b><br>
            input.value = messagefontsizenumber.value;<br>
<b>4876</b><br>
            input.addEventListener(&quot;input&quot;, messagefontsizerangeupdate);<br>
<b>4877</b><br>
            messagefontsize.append(input);<br>
<b>4878</b><br>
            messagefontsizerangeset();<br>
<b>4879</b><br>
        }<br>
<b>4880</b><br>
        addEventListener(&quot;load&quot;, messagefontsizerangeload);<br>
<b>4881</b><br>
        function messagefontsizerangeset()<br>
<b>4882</b><br>
        {<br>
<b>4883</b><br>
            const v = Number(messagefontsizerange.value);<br>
<b>4884</b><br>
            messagefontsizenumber.value = v;<br>
<b>4885</b><br>
            text.messagefontsize = v;<br>
<b>4886</b><br>
        }<br>
<b>4887</b><br>
        function messagefontsizerangeupdate()<br>
<b>4888</b><br>
        {<br>
<b>4889</b><br>
            messagefontsizerangeset();<br>
<b>4890</b><br>
            svgupdate();<br>
<b>4891</b><br>
        }<br>
<b>4892</b><br>
        function messagefontsizeexactload()<br>
<b>4893</b><br>
        {<br>
<b>4894</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>4895</b><br>
            messagefontsize.append(br);<br>
<b>4896</b><br>
            const array =<br>
<b>4897</b><br>
            [<br>
<b>4898</b><br>
                [&quot;0&quot;,0],<br>
<b>4899</b><br>
                [&quot;50&quot;,50],<br>
<b>4900</b><br>
                [&quot;100&quot;,100],<br>
<b>4901</b><br>
                [&quot;250&quot;,250],<br>
<b>4902</b><br>
                [&quot;500&quot;,500],<br>
<b>4903</b><br>
                [&quot;1000&quot;,1000],<br>
<b>4904</b><br>
            ];<br>
<b>4905</b><br>
            for(const value of array)<br>
<b>4906</b><br>
            {<br>
<b>4907</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>4908</b><br>
                button.innerHTML = value[0];<br>
<b>4909</b><br>
                button.value = value[1];<br>
<b>4910</b><br>
                button.addEventListener(&quot;click&quot;, messagefontsizeexactupdate);<br>
<b>4911</b><br>
                messagefontsize.append(button);<br>
<b>4912</b><br>
            }<br>
<b>4913</b><br>
        }<br>
<b>4914</b><br>
        addEventListener(&quot;load&quot;, messagefontsizeexactload);<br>
<b>4915</b><br>
        function messagefontsizeexactupdate(e)<br>
<b>4916</b><br>
        {<br>
<b>4917</b><br>
            messagefontsizenumber.value = Number(e.target.value);<br>
<b>4918</b><br>
            messagefontsizenumberupdate();<br>
<b>4919</b><br>
        }<br>
<b>4920</b><br>
        function messagefontsizeincrementload()<br>
<b>4921</b><br>
        {<br>
<b>4922</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>4923</b><br>
            messagefontsize.append(br);<br>
<b>4924</b><br>
            const array =<br>
<b>4925</b><br>
            [<br>
<b>4926</b><br>
                [&quot;-100&quot;,-100],<br>
<b>4927</b><br>
                [&quot;-10&quot;,-10],<br>
<b>4928</b><br>
                [&quot;-1&quot;,-1],<br>
<b>4929</b><br>
                [&quot;+1&quot;,1],<br>
<b>4930</b><br>
                [&quot;+10&quot;,10],<br>
<b>4931</b><br>
                [&quot;+100&quot;,100],<br>
<b>4932</b><br>
            ];<br>
<b>4933</b><br>
            for(const value of array)<br>
<b>4934</b><br>
            {<br>
<b>4935</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>4936</b><br>
                button.innerHTML = value[0];<br>
<b>4937</b><br>
                button.value = value[1];<br>
<b>4938</b><br>
                button.addEventListener(&quot;click&quot;, messagefontsizeincrementupdate);<br>
<b>4939</b><br>
                messagefontsize.append(button);<br>
<b>4940</b><br>
            }<br>
<b>4941</b><br>
        }<br>
<b>4942</b><br>
        addEventListener(&quot;load&quot;, messagefontsizeincrementload);<br>
<b>4943</b><br>
        function messagefontsizeincrementupdate(e)<br>
<b>4944</b><br>
        {<br>
<b>4945</b><br>
            const v = Number(messagefontsizenumber.value) + Number(e.target.value);<br>
<b>4946</b><br>
            if((messagefontsizenumber.min &lt;= v) &amp;&amp; (v &lt;= messagefontsizenumber.max))<br>
<b>4947</b><br>
            {<br>
<b>4948</b><br>
                messagefontsizenumber.value = v;<br>
<b>4949</b><br>
                messagefontsizenumberupdate();<br>
<b>4950</b><br>
            }<br>
<b>4951</b><br>
        }<br>
<b>4952</b><br>
/*<br>
<b>4953</b><br>
        function messagefontsizefitload()<br>
<b>4954</b><br>
        {<br>
<b>4955</b><br>
            const button = document.createElement(&quot;button&quot;);<br>
<b>4956</b><br>
            button.innerHTML = &quot;fit&quot;;<br>
<b>4957</b><br>
            button.addEventListener(&quot;click&quot;, messagefontsizefitupdate);<br>
<b>4958</b><br>
            messagefontsize.append(button);<br>
<b>4959</b><br>
        }<br>
<b>4960</b><br>
        addEventListener(&quot;load&quot;, messagefontsizefitload);<br>
<b>4961</b><br>
        function messagefontsizefitupdate()<br>
<b>4962</b><br>
        {<br>
<b>4963</b><br>
            const t = document.createElement(&quot;div&quot;);<br>
<b>4964</b><br>
            messagefontsize.append(t);<br>
<b>4965</b><br>
            t.innerHTML = text.bookname;<br>
<b>4966</b><br>
            t.style.fontSize = `${messagefontsizenumber.value}px`;<br>
<b>4967</b><br>
            const h1 = text.messagewidth;<br>
<b>4968</b><br>
            const h2 = text.messageheight;<br>
<b>4969</b><br>
            const h3 = t.offsetWidth;<br>
<b>4970</b><br>
            const h4 = t.offsetHeight;<br>
<b>4971</b><br>
            const h5 = messagefontsizenumber.value;<br>
<b>4972</b><br>
            //const h4 = t.offsetParent;//t.style.fontSize;<br>
<b>4973</b><br>
            //const h5 = t.clientHeight;//text.style.height;<br>
<b>4974</b><br>
            //const h6 = text.height;<br>
<b>4975</b><br>
            //const h7 = text.getBoundingClientRect().height;<br>
<b>4976</b><br>
            //const h8 = text.style.lineHeight;<br>
<b>4977</b><br>
            //const h9 = canvas.getBoundingClientRect().height;<br>
<b>4978</b><br>
            console.log(h1, h2, h3, h4, h5);<br>
<b>4979</b><br>
            //t.hidden = true;<br>
<b>4980</b><br>
            if(h2 &lt; h4)<br>
<b>4981</b><br>
            {<br>
<b>4982</b><br>
                messagefontsizenumber.value -= 1;<br>
<b>4983</b><br>
                messagefit();<br>
<b>4984</b><br>
            }<br>
<b>4985</b><br>
            messagefontsizenumberupdate();<br>
<b>4986</b><br>
        }<br>
<b>4987</b><br>
//*/<br>
<b>4988</b><br>
        function messagefontstyleload()<br>
<b>4989</b><br>
        {<br>
<b>4990</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>4991</b><br>
            div.id = &quot;messagefontstyle&quot;;<br>
<b>4992</b><br>
            div.innerHTML = &quot;font-style&quot;;<br>
<b>4993</b><br>
            tabcontentmessage.append(div);<br>
<b>4994</b><br>
        }<br>
<b>4995</b><br>
        addEventListener(&quot;load&quot;, messagefontstyleload);<br>
<b>4996</b><br>
        function messagefontstyleselectload()<br>
<b>4997</b><br>
        {<br>
<b>4998</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>4999</b><br>
            messagefontstyle.append(br);<br>
<b>5000</b><br>
            const select = document.createElement(&quot;select&quot;);<br>
<b>5001</b><br>
            select.id = &quot;messagefontstyleselect&quot;;<br>
<b>5002</b><br>
            select.addEventListener(&quot;input&quot;, messagefontstyleselectupdate);<br>
<b>5003</b><br>
            messagefontstyle.append(select);<br>
<b>5004</b><br>
            for(const value of fontstylearray)<br>
<b>5005</b><br>
            {<br>
<b>5006</b><br>
                const option = document.createElement(&quot;option&quot;);<br>
<b>5007</b><br>
                option.innerHTML = value;<br>
<b>5008</b><br>
                select.add(option);<br>
<b>5009</b><br>
            }<br>
<b>5010</b><br>
            messagefontstyleselectset();<br>
<b>5011</b><br>
        }<br>
<b>5012</b><br>
        addEventListener(&quot;load&quot;, messagefontstyleselectload);<br>
<b>5013</b><br>
        function messagefontstyleselectset()<br>
<b>5014</b><br>
        {<br>
<b>5015</b><br>
            text.messagefontstyle = messagefontstyleselect.value;<br>
<b>5016</b><br>
        }<br>
<b>5017</b><br>
        function messagefontstyleselectupdate()<br>
<b>5018</b><br>
        {<br>
<b>5019</b><br>
            messagefontstyleselectset();<br>
<b>5020</b><br>
            svgupdate();<br>
<b>5021</b><br>
        }<br>
<b>5022</b><br>
        function messagefontvariantload()<br>
<b>5023</b><br>
        {<br>
<b>5024</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>5025</b><br>
            div.id = &quot;messagefontvariant&quot;;<br>
<b>5026</b><br>
            div.innerHTML = &quot;font-variant&quot;;<br>
<b>5027</b><br>
            tabcontentmessage.append(div);<br>
<b>5028</b><br>
        }<br>
<b>5029</b><br>
        addEventListener(&quot;load&quot;, messagefontvariantload);<br>
<b>5030</b><br>
        function messagefontvariantselectload()<br>
<b>5031</b><br>
        {<br>
<b>5032</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>5033</b><br>
            messagefontvariant.append(br);<br>
<b>5034</b><br>
            const select = document.createElement(&quot;select&quot;);<br>
<b>5035</b><br>
            select.id = &quot;messagefontvariantselect&quot;;<br>
<b>5036</b><br>
            select.addEventListener(&quot;input&quot;, messagefontvariantselectupdate);<br>
<b>5037</b><br>
            messagefontvariant.append(select);<br>
<b>5038</b><br>
            for(const value of fontvariantarray)<br>
<b>5039</b><br>
            {<br>
<b>5040</b><br>
                const option = document.createElement(&quot;option&quot;);<br>
<b>5041</b><br>
                option.innerHTML = value;<br>
<b>5042</b><br>
                select.add(option);<br>
<b>5043</b><br>
            }<br>
<b>5044</b><br>
            messagefontvariantselectset();<br>
<b>5045</b><br>
        }<br>
<b>5046</b><br>
        addEventListener(&quot;load&quot;, messagefontvariantselectload);<br>
<b>5047</b><br>
        function messagefontvariantselectset()<br>
<b>5048</b><br>
        {<br>
<b>5049</b><br>
            text.messagefontvariant = messagefontvariantselect.value;<br>
<b>5050</b><br>
        }<br>
<b>5051</b><br>
        function messagefontvariantselectupdate()<br>
<b>5052</b><br>
        {<br>
<b>5053</b><br>
            messagefontvariantselectset();<br>
<b>5054</b><br>
            svgupdate();<br>
<b>5055</b><br>
        }<br>
<b>5056</b><br>
        function messagefontweightload()<br>
<b>5057</b><br>
        {<br>
<b>5058</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>5059</b><br>
            div.id = &quot;messagefontweight&quot;;<br>
<b>5060</b><br>
            div.innerHTML = &quot;font-weight&quot;;<br>
<b>5061</b><br>
            tabcontentmessage.append(div);<br>
<b>5062</b><br>
        }<br>
<b>5063</b><br>
        addEventListener(&quot;load&quot;, messagefontweightload);<br>
<b>5064</b><br>
        function messagefontweightselectload()<br>
<b>5065</b><br>
        {<br>
<b>5066</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>5067</b><br>
            messagefontweight.append(br);<br>
<b>5068</b><br>
            const select = document.createElement(&quot;select&quot;);<br>
<b>5069</b><br>
            select.id = &quot;messagefontweightselect&quot;;<br>
<b>5070</b><br>
            select.addEventListener(&quot;input&quot;, messagefontweightselectupdate);<br>
<b>5071</b><br>
            messagefontweight.append(select);<br>
<b>5072</b><br>
            for(const value of fontweightarray)<br>
<b>5073</b><br>
            {<br>
<b>5074</b><br>
                const option = document.createElement(&quot;option&quot;);<br>
<b>5075</b><br>
                option.innerHTML = value;<br>
<b>5076</b><br>
                select.add(option);<br>
<b>5077</b><br>
            }<br>
<b>5078</b><br>
            messagefontweightselectset();<br>
<b>5079</b><br>
        }<br>
<b>5080</b><br>
        addEventListener(&quot;load&quot;, messagefontweightselectload);<br>
<b>5081</b><br>
        function messagefontweightselectset()<br>
<b>5082</b><br>
        {<br>
<b>5083</b><br>
            text.messagefontweight = messagefontweightselect.value;<br>
<b>5084</b><br>
        }<br>
<b>5085</b><br>
        function messagefontweightselectupdate()<br>
<b>5086</b><br>
        {<br>
<b>5087</b><br>
            messagefontweightselectset();<br>
<b>5088</b><br>
            svgupdate();<br>
<b>5089</b><br>
        }<br>
<b>5090</b><br>
        function messagecolorload()<br>
<b>5091</b><br>
        {<br>
<b>5092</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>5093</b><br>
            div.id = &quot;messagecolor&quot;;<br>
<b>5094</b><br>
            div.innerHTML = &quot;color&quot;;<br>
<b>5095</b><br>
            tabcontentmessage.append(div);<br>
<b>5096</b><br>
        }<br>
<b>5097</b><br>
        addEventListener(&quot;load&quot;, messagecolorload);<br>
<b>5098</b><br>
        function messagecolorcolorload()<br>
<b>5099</b><br>
        {<br>
<b>5100</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>5101</b><br>
            messagecolor.append(br);<br>
<b>5102</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>5103</b><br>
            input.id = &quot;messagecolorcolor&quot;;<br>
<b>5104</b><br>
            input.type = &quot;color&quot;;<br>
<b>5105</b><br>
            input.value = &quot;#000000&quot;;<br>
<b>5106</b><br>
            input.addEventListener(&quot;input&quot;, messagecolorcolorupdate);<br>
<b>5107</b><br>
            messagecolor.append(input);<br>
<b>5108</b><br>
            //messagecolorcolorset();<br>
<b>5109</b><br>
        }<br>
<b>5110</b><br>
        addEventListener(&quot;load&quot;, messagecolorcolorload);<br>
<b>5111</b><br>
        function messagecolorcolorset()<br>
<b>5112</b><br>
        {<br>
<b>5113</b><br>
            const c = messagecolorcolor.value;<br>
<b>5114</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>5115</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>5116</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>5117</b><br>
            const a = messagealphanumber.value;<br>
<b>5118</b><br>
            text.messagecolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>5119</b><br>
        }<br>
<b>5120</b><br>
        function messagecolorcolorupdate()<br>
<b>5121</b><br>
        {<br>
<b>5122</b><br>
            messagecolorcolorset();<br>
<b>5123</b><br>
            svgupdate();<br>
<b>5124</b><br>
        }<br>
<b>5125</b><br>
        function messagecolorexactload()<br>
<b>5126</b><br>
        {<br>
<b>5127</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>5128</b><br>
            messagecolor.append(br);<br>
<b>5129</b><br>
            const array =<br>
<b>5130</b><br>
            [<br>
<b>5131</b><br>
                [&quot;black&quot;,&quot;#000000&quot;],<br>
<b>5132</b><br>
                [&quot;white&quot;,&quot;#ffffff&quot;],<br>
<b>5133</b><br>
            ];<br>
<b>5134</b><br>
            for(const value of array)<br>
<b>5135</b><br>
            {<br>
<b>5136</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>5137</b><br>
                button.innerHTML = value[0];<br>
<b>5138</b><br>
                button.value = value[1];<br>
<b>5139</b><br>
                button.addEventListener(&quot;click&quot;, messagecolorexactupdate);<br>
<b>5140</b><br>
                messagecolor.append(button);<br>
<b>5141</b><br>
            }<br>
<b>5142</b><br>
        }<br>
<b>5143</b><br>
        addEventListener(&quot;load&quot;, messagecolorexactload);<br>
<b>5144</b><br>
        function messagecolorexactupdate(e)<br>
<b>5145</b><br>
        {<br>
<b>5146</b><br>
            messagecolorcolor.value = e.target.value;<br>
<b>5147</b><br>
            messagecolorcolorupdate();<br>
<b>5148</b><br>
        }<br>
<b>5149</b><br>
        function messagealphaload()<br>
<b>5150</b><br>
        {<br>
<b>5151</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>5152</b><br>
            div.id = &quot;messagealpha&quot;;<br>
<b>5153</b><br>
            div.innerHTML = &quot;alpha&quot;;<br>
<b>5154</b><br>
            tabcontentmessage.append(div);<br>
<b>5155</b><br>
            const style = div.style;<br>
<b>5156</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>5157</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>5158</b><br>
        }<br>
<b>5159</b><br>
        addEventListener(&quot;load&quot;, messagealphaload);<br>
<b>5160</b><br>
        function messagealphanumberload()<br>
<b>5161</b><br>
        {<br>
<b>5162</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>5163</b><br>
            messagealpha.append(br);<br>
<b>5164</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>5165</b><br>
            input.id = &quot;messagealphanumber&quot;;<br>
<b>5166</b><br>
            input.max = 1;<br>
<b>5167</b><br>
            input.min = 0;<br>
<b>5168</b><br>
            input.step = 0.01;<br>
<b>5169</b><br>
            input.type = &quot;number&quot;;<br>
<b>5170</b><br>
            input.value = 1;<br>
<b>5171</b><br>
            input.addEventListener(&quot;input&quot;, messagealphanumberupdate);<br>
<b>5172</b><br>
            messagealpha.append(input);<br>
<b>5173</b><br>
            //messagealphanumberset();<br>
<b>5174</b><br>
        }<br>
<b>5175</b><br>
        addEventListener(&quot;load&quot;, messagealphanumberload);<br>
<b>5176</b><br>
        function messagealphanumberset()<br>
<b>5177</b><br>
        {<br>
<b>5178</b><br>
            const c = messagecolorcolor.value;<br>
<b>5179</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>5180</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>5181</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>5182</b><br>
            const a = messagealphanumber.value;<br>
<b>5183</b><br>
            messagealpharange.value = a;<br>
<b>5184</b><br>
            text.messagecolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>5185</b><br>
        }<br>
<b>5186</b><br>
        function messagealphanumberupdate()<br>
<b>5187</b><br>
        {<br>
<b>5188</b><br>
            messagealphanumberset();<br>
<b>5189</b><br>
            svgupdate();<br>
<b>5190</b><br>
        }<br>
<b>5191</b><br>
        function messagealpharangeload()<br>
<b>5192</b><br>
        {<br>
<b>5193</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>5194</b><br>
            input.id = &quot;messagealpharange&quot;;<br>
<b>5195</b><br>
            input.max = messagealphanumber.max;<br>
<b>5196</b><br>
            input.min = messagealphanumber.min;<br>
<b>5197</b><br>
            input.step = messagealphanumber.step;<br>
<b>5198</b><br>
            input.type = &quot;range&quot;;<br>
<b>5199</b><br>
            input.value = messagealphanumber.value;<br>
<b>5200</b><br>
            input.addEventListener(&quot;input&quot;, messagealpharangeupdate);<br>
<b>5201</b><br>
            messagealpha.append(input);<br>
<b>5202</b><br>
            messagealpharangeset();<br>
<b>5203</b><br>
        }<br>
<b>5204</b><br>
        addEventListener(&quot;load&quot;, messagealpharangeload);<br>
<b>5205</b><br>
        function messagealpharangeset()<br>
<b>5206</b><br>
        {<br>
<b>5207</b><br>
            const c = messagecolorcolor.value;<br>
<b>5208</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>5209</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>5210</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>5211</b><br>
            const a = messagealpharange.value;<br>
<b>5212</b><br>
            messagealphanumber.value = a;<br>
<b>5213</b><br>
            text.messagecolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>5214</b><br>
        }<br>
<b>5215</b><br>
        function messagealpharangeupdate()<br>
<b>5216</b><br>
        {<br>
<b>5217</b><br>
            messagealpharangeset();<br>
<b>5218</b><br>
            svgupdate();<br>
<b>5219</b><br>
        }<br>
<b>5220</b><br>
        function messagealphaexactload()<br>
<b>5221</b><br>
        {<br>
<b>5222</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>5223</b><br>
            messagealpha.append(br);<br>
<b>5224</b><br>
            const array =<br>
<b>5225</b><br>
            [<br>
<b>5226</b><br>
                [&quot;0&quot;,0],<br>
<b>5227</b><br>
                [&quot;0.25&quot;,0.25],<br>
<b>5228</b><br>
                [&quot;0.5&quot;,0.5],<br>
<b>5229</b><br>
                [&quot;0.75&quot;,0.75],<br>
<b>5230</b><br>
                [&quot;1&quot;,1],<br>
<b>5231</b><br>
            ];<br>
<b>5232</b><br>
            for(const value of array)<br>
<b>5233</b><br>
            {<br>
<b>5234</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>5235</b><br>
                button.innerHTML = value[0];<br>
<b>5236</b><br>
                button.value = value[1];<br>
<b>5237</b><br>
                button.addEventListener(&quot;click&quot;, messagealphaexactupdate);<br>
<b>5238</b><br>
                messagealpha.append(button);<br>
<b>5239</b><br>
            }<br>
<b>5240</b><br>
        }<br>
<b>5241</b><br>
        addEventListener(&quot;load&quot;, messagealphaexactload);<br>
<b>5242</b><br>
        function messagealphaexactupdate(e)<br>
<b>5243</b><br>
        {<br>
<b>5244</b><br>
            messagealphanumber.value = Number(e.target.value);<br>
<b>5245</b><br>
            messagealphanumberupdate();<br>
<b>5246</b><br>
        }<br>
<b>5247</b><br>
        function messagealphaincrementload()<br>
<b>5248</b><br>
        {<br>
<b>5249</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>5250</b><br>
            messagealpha.append(br);<br>
<b>5251</b><br>
            const array =<br>
<b>5252</b><br>
            [<br>
<b>5253</b><br>
                [&quot;-0.1&quot;,-0.1],<br>
<b>5254</b><br>
                [&quot;-0.01&quot;,-0.01],<br>
<b>5255</b><br>
                [&quot;+0.01&quot;,0.01],<br>
<b>5256</b><br>
                [&quot;+0.1&quot;,0.1],<br>
<b>5257</b><br>
            ];<br>
<b>5258</b><br>
            for(const value of array)<br>
<b>5259</b><br>
            {<br>
<b>5260</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>5261</b><br>
                button.innerHTML = value[0];<br>
<b>5262</b><br>
                button.value = value[1];<br>
<b>5263</b><br>
                button.addEventListener(&quot;click&quot;, messagealphaincrementupdate);<br>
<b>5264</b><br>
                messagealpha.append(button);<br>
<b>5265</b><br>
            }<br>
<b>5266</b><br>
        }<br>
<b>5267</b><br>
        addEventListener(&quot;load&quot;, messagealphaincrementload);<br>
<b>5268</b><br>
        function messagealphaincrementupdate(e)<br>
<b>5269</b><br>
        {<br>
<b>5270</b><br>
            let v = Number(messagealphanumber.value) + Number(e.target.value);<br>
<b>5271</b><br>
            v = parseFloat(v.toFixed(2));<br>
<b>5272</b><br>
            if((messagealphanumber.min &lt;= v) &amp;&amp; (v &lt;= messagealphanumber.max))<br>
<b>5273</b><br>
            {<br>
<b>5274</b><br>
                messagealphanumber.value = v;<br>
<b>5275</b><br>
                messagealphanumberupdate();<br>
<b>5276</b><br>
            }<br>
<b>5277</b><br>
        }<br>
<b>5278</b><br>
/*leftoff<br>
<b>5279</b><br>
        function messagefilterblurload()<br>
<b>5280</b><br>
        {<br>
<b>5281</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>5282</b><br>
            div.id = &quot;messagefilterblur&quot;;<br>
<b>5283</b><br>
            div.innerHTML = &quot;filter-blur&quot;;<br>
<b>5284</b><br>
            tabcontentmessage.append(div);<br>
<b>5285</b><br>
            const style = div.style;<br>
<b>5286</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>5287</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>5288</b><br>
        }<br>
<b>5289</b><br>
        addEventListener(&quot;load&quot;, messagefilterblurload);<br>
<b>5290</b><br>
        function messagefilterblurnumberload()<br>
<b>5291</b><br>
        {<br>
<b>5292</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>5293</b><br>
            messagefilterblur.append(br);<br>
<b>5294</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>5295</b><br>
            input.id = &quot;messagefilterblurnumber&quot;;<br>
<b>5296</b><br>
            input.max = 1000;<br>
<b>5297</b><br>
            input.min = 0;<br>
<b>5298</b><br>
            input.step = 1;<br>
<b>5299</b><br>
            input.type = &quot;number&quot;;<br>
<b>5300</b><br>
            input.value = 0;<br>
<b>5301</b><br>
            input.addEventListener(&quot;input&quot;, messagefilterblurnumberupdate);<br>
<b>5302</b><br>
            messagefilterblur.append(input);<br>
<b>5303</b><br>
            //messagefilterblurnumberset();<br>
<b>5304</b><br>
        }<br>
<b>5305</b><br>
        addEventListener(&quot;load&quot;, messagefilterblurnumberload);<br>
<b>5306</b><br>
        function messagefilterblurnumberset()<br>
<b>5307</b><br>
        {<br>
<b>5308</b><br>
            const v = messagefilterblurnumber.value;<br>
<b>5309</b><br>
            messagefilterblurrange.value = v;<br>
<b>5310</b><br>
            text.messagebackdropfilterblur = v;<br>
<b>5311</b><br>
        }<br>
<b>5312</b><br>
        function messagefilterblurnumberupdate()<br>
<b>5313</b><br>
        {<br>
<b>5314</b><br>
            messagefilterblurnumberset();<br>
<b>5315</b><br>
            svgupdate();<br>
<b>5316</b><br>
        }<br>
<b>5317</b><br>
        function messagefilterblurrangeload()<br>
<b>5318</b><br>
        {<br>
<b>5319</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>5320</b><br>
            input.id = &quot;messagefilterblurrange&quot;;<br>
<b>5321</b><br>
            input.max = messagefilterblurnumber.max;<br>
<b>5322</b><br>
            input.min = messagefilterblurnumber.min;<br>
<b>5323</b><br>
            input.step = messagefilterblurnumber.step;<br>
<b>5324</b><br>
            input.type = &quot;range&quot;;<br>
<b>5325</b><br>
            input.value = messagefilterblurnumber.value;<br>
<b>5326</b><br>
            input.addEventListener(&quot;input&quot;, messagefilterblurrangeupdate);<br>
<b>5327</b><br>
            messagefilterblur.append(input);<br>
<b>5328</b><br>
            messagefilterblurrangeset();<br>
<b>5329</b><br>
        }<br>
<b>5330</b><br>
        addEventListener(&quot;load&quot;, messagefilterblurrangeload);<br>
<b>5331</b><br>
        function messagefilterblurrangeset()<br>
<b>5332</b><br>
        {<br>
<b>5333</b><br>
            const v = messagefilterblurrange.value;<br>
<b>5334</b><br>
            messagefilterblurnumber.value = v;<br>
<b>5335</b><br>
            text.messagebackdropfilterblur = v;<br>
<b>5336</b><br>
        }<br>
<b>5337</b><br>
        function messagefilterblurrangeupdate()<br>
<b>5338</b><br>
        {<br>
<b>5339</b><br>
            messagefilterblurrangeset();<br>
<b>5340</b><br>
            svgupdate();<br>
<b>5341</b><br>
        }<br>
<b>5342</b><br>
        function messagefilterblurexactload()<br>
<b>5343</b><br>
        {<br>
<b>5344</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>5345</b><br>
            messagefilterblur.append(br);<br>
<b>5346</b><br>
            const array =<br>
<b>5347</b><br>
            [<br>
<b>5348</b><br>
                [&quot;0&quot;,0],<br>
<b>5349</b><br>
                [&quot;2&quot;,2],<br>
<b>5350</b><br>
                [&quot;4&quot;,4],<br>
<b>5351</b><br>
                [&quot;8&quot;,8],<br>
<b>5352</b><br>
                [&quot;16&quot;,16],<br>
<b>5353</b><br>
                [&quot;32&quot;,32],<br>
<b>5354</b><br>
                [&quot;64&quot;,64],<br>
<b>5355</b><br>
            ];<br>
<b>5356</b><br>
            for(const value of array)<br>
<b>5357</b><br>
            {<br>
<b>5358</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>5359</b><br>
                button.innerHTML = value[0];<br>
<b>5360</b><br>
                button.value = value[1];<br>
<b>5361</b><br>
                button.addEventListener(&quot;click&quot;, messagefilterblurexactupdate);<br>
<b>5362</b><br>
                messagefilterblur.append(button);<br>
<b>5363</b><br>
            }<br>
<b>5364</b><br>
        }<br>
<b>5365</b><br>
        addEventListener(&quot;load&quot;, messagefilterblurexactload);<br>
<b>5366</b><br>
        function messagefilterblurexactupdate(e)<br>
<b>5367</b><br>
        {<br>
<b>5368</b><br>
            messagefilterblurnumber.value = Number(e.target.value);<br>
<b>5369</b><br>
            messagefilterblurnumberupdate();<br>
<b>5370</b><br>
        }<br>
<b>5371</b><br>
        function messagefilterblurincrementload()<br>
<b>5372</b><br>
        {<br>
<b>5373</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>5374</b><br>
            messagefilterblur.append(br);<br>
<b>5375</b><br>
            const array =<br>
<b>5376</b><br>
            [<br>
<b>5377</b><br>
                [&quot;-100&quot;,-100],<br>
<b>5378</b><br>
                [&quot;-10&quot;,-10],<br>
<b>5379</b><br>
                [&quot;-1&quot;,-1],<br>
<b>5380</b><br>
                [&quot;+1&quot;,1],<br>
<b>5381</b><br>
                [&quot;+10&quot;,10],<br>
<b>5382</b><br>
                [&quot;+100&quot;,100],<br>
<b>5383</b><br>
            ];<br>
<b>5384</b><br>
            for(const value of array)<br>
<b>5385</b><br>
            {<br>
<b>5386</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>5387</b><br>
                button.innerHTML = value[0];<br>
<b>5388</b><br>
                button.value = value[1];<br>
<b>5389</b><br>
                button.addEventListener(&quot;click&quot;, messagefilterblurincrementupdate);<br>
<b>5390</b><br>
                messagefilterblur.append(button);<br>
<b>5391</b><br>
            }<br>
<b>5392</b><br>
        }<br>
<b>5393</b><br>
        addEventListener(&quot;load&quot;, messagefilterblurincrementload);<br>
<b>5394</b><br>
        function messagefilterblurincrementupdate(e)<br>
<b>5395</b><br>
        {<br>
<b>5396</b><br>
            const v = Number(messagefilterblurnumber.value) + Number(e.target.value);<br>
<b>5397</b><br>
            if((messagefilterblurnumber.min &lt;= v) &amp;&amp; (v &lt;= messagefilterblurnumber.max))<br>
<b>5398</b><br>
            {<br>
<b>5399</b><br>
                messagefilterblurnumber.value = v;<br>
<b>5400</b><br>
                messagefilterblurnumberupdate();<br>
<b>5401</b><br>
            }<br>
<b>5402</b><br>
        }<br>
<b>5403</b><br>
        function messagefilterbrightnessload()<br>
<b>5404</b><br>
        {<br>
<b>5405</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>5406</b><br>
            div.id = &quot;messagefilterbrightness&quot;;<br>
<b>5407</b><br>
            div.innerHTML = &quot;filter-brightness&quot;;<br>
<b>5408</b><br>
            tabcontentmessage.append(div);<br>
<b>5409</b><br>
            const style = div.style;<br>
<b>5410</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>5411</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>5412</b><br>
        }<br>
<b>5413</b><br>
        addEventListener(&quot;load&quot;, messagefilterbrightnessload);<br>
<b>5414</b><br>
        function messagefilterbrightnessnumberload()<br>
<b>5415</b><br>
        {<br>
<b>5416</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>5417</b><br>
            messagefilterbrightness.append(br);<br>
<b>5418</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>5419</b><br>
            input.id = &quot;messagefilterbrightnessnumber&quot;;<br>
<b>5420</b><br>
            input.max = 1000;<br>
<b>5421</b><br>
            input.min = 0;<br>
<b>5422</b><br>
            input.step = 1;<br>
<b>5423</b><br>
            input.type = &quot;number&quot;;<br>
<b>5424</b><br>
            input.value = 100;<br>
<b>5425</b><br>
            input.addEventListener(&quot;input&quot;, messagefilterbrightnessnumberupdate);<br>
<b>5426</b><br>
            messagefilterbrightness.append(input);<br>
<b>5427</b><br>
            //messagefilterbrightnessnumberset();<br>
<b>5428</b><br>
        }<br>
<b>5429</b><br>
        addEventListener(&quot;load&quot;, messagefilterbrightnessnumberload);<br>
<b>5430</b><br>
        function messagefilterbrightnessnumberset()<br>
<b>5431</b><br>
        {<br>
<b>5432</b><br>
            const v = messagefilterbrightnessnumber.value;<br>
<b>5433</b><br>
            messagefilterbrightnessrange.value = v;<br>
<b>5434</b><br>
            text.messagebackdropfilterbrightness = v;<br>
<b>5435</b><br>
        }<br>
<b>5436</b><br>
        function messagefilterbrightnessnumberupdate()<br>
<b>5437</b><br>
        {<br>
<b>5438</b><br>
            messagefilterbrightnessnumberset();<br>
<b>5439</b><br>
            svgupdate();<br>
<b>5440</b><br>
        }<br>
<b>5441</b><br>
        function messagefilterbrightnessrangeload()<br>
<b>5442</b><br>
        {<br>
<b>5443</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>5444</b><br>
            input.id = &quot;messagefilterbrightnessrange&quot;;<br>
<b>5445</b><br>
            input.max = messagefilterbrightnessnumber.max;<br>
<b>5446</b><br>
            input.min = messagefilterbrightnessnumber.min;<br>
<b>5447</b><br>
            input.step = messagefilterbrightnessnumber.step;<br>
<b>5448</b><br>
            input.type = &quot;range&quot;;<br>
<b>5449</b><br>
            input.value = messagefilterbrightnessnumber.value;<br>
<b>5450</b><br>
            input.addEventListener(&quot;input&quot;, messagefilterbrightnessrangeupdate);<br>
<b>5451</b><br>
            messagefilterbrightness.append(input);<br>
<b>5452</b><br>
            messagefilterbrightnessrangeset();<br>
<b>5453</b><br>
        }<br>
<b>5454</b><br>
        addEventListener(&quot;load&quot;, messagefilterbrightnessrangeload);<br>
<b>5455</b><br>
        function messagefilterbrightnessrangeset()<br>
<b>5456</b><br>
        {<br>
<b>5457</b><br>
            const v = messagefilterbrightnessrange.value;<br>
<b>5458</b><br>
            messagefilterbrightnessnumber.value = v;<br>
<b>5459</b><br>
            text.messagebackdropfilterbrightness = v;<br>
<b>5460</b><br>
        }<br>
<b>5461</b><br>
        function messagefilterbrightnessrangeupdate()<br>
<b>5462</b><br>
        {<br>
<b>5463</b><br>
            messagefilterbrightnessrangeset();<br>
<b>5464</b><br>
            svgupdate();<br>
<b>5465</b><br>
        }<br>
<b>5466</b><br>
        function messagefilterbrightnessexactload()<br>
<b>5467</b><br>
        {<br>
<b>5468</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>5469</b><br>
            messagefilterbrightness.append(br);<br>
<b>5470</b><br>
            const array =<br>
<b>5471</b><br>
            [<br>
<b>5472</b><br>
                [&quot;0&quot;,0],<br>
<b>5473</b><br>
                [&quot;50&quot;,50],<br>
<b>5474</b><br>
                [&quot;100 (initial)&quot;,100],<br>
<b>5475</b><br>
                [&quot;150&quot;,150],<br>
<b>5476</b><br>
                [&quot;200&quot;,200],<br>
<b>5477</b><br>
            ];<br>
<b>5478</b><br>
            for(const value of array)<br>
<b>5479</b><br>
            {<br>
<b>5480</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>5481</b><br>
                button.innerHTML = value[0];<br>
<b>5482</b><br>
                button.value = value[1];<br>
<b>5483</b><br>
                button.addEventListener(&quot;click&quot;, messagefilterbrightnessexactupdate);<br>
<b>5484</b><br>
                messagefilterbrightness.append(button);<br>
<b>5485</b><br>
            }<br>
<b>5486</b><br>
        }<br>
<b>5487</b><br>
        addEventListener(&quot;load&quot;, messagefilterbrightnessexactload);<br>
<b>5488</b><br>
        function messagefilterbrightnessexactupdate(e)<br>
<b>5489</b><br>
        {<br>
<b>5490</b><br>
            messagefilterbrightnessnumber.value = Number(e.target.value);<br>
<b>5491</b><br>
            messagefilterbrightnessnumberupdate();<br>
<b>5492</b><br>
        }<br>
<b>5493</b><br>
        function messagefilterbrightnessincrementload()<br>
<b>5494</b><br>
        {<br>
<b>5495</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>5496</b><br>
            messagefilterbrightness.append(br);<br>
<b>5497</b><br>
            const array =<br>
<b>5498</b><br>
            [<br>
<b>5499</b><br>
                [&quot;-100&quot;,-100],<br>
<b>5500</b><br>
                [&quot;-10&quot;,-10],<br>
<b>5501</b><br>
                [&quot;-1&quot;,-1],<br>
<b>5502</b><br>
                [&quot;+1&quot;,1],<br>
<b>5503</b><br>
                [&quot;+10&quot;,10],<br>
<b>5504</b><br>
                [&quot;+100&quot;,100],<br>
<b>5505</b><br>
            ];<br>
<b>5506</b><br>
            for(const value of array)<br>
<b>5507</b><br>
            {<br>
<b>5508</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>5509</b><br>
                button.innerHTML = value[0];<br>
<b>5510</b><br>
                button.value = value[1];<br>
<b>5511</b><br>
                button.addEventListener(&quot;click&quot;, messagefilterbrightnessincrementupdate);<br>
<b>5512</b><br>
                messagefilterbrightness.append(button);<br>
<b>5513</b><br>
            }<br>
<b>5514</b><br>
        }<br>
<b>5515</b><br>
        addEventListener(&quot;load&quot;, messagefilterbrightnessincrementload);<br>
<b>5516</b><br>
        function messagefilterbrightnessincrementupdate(e)<br>
<b>5517</b><br>
        {<br>
<b>5518</b><br>
            const v = Number(messagefilterbrightnessnumber.value) + Number(e.target.value);<br>
<b>5519</b><br>
            if((messagefilterbrightnessnumber.min &lt;= v) &amp;&amp; (v &lt;= messagefilterbrightnessnumber.max))<br>
<b>5520</b><br>
            {<br>
<b>5521</b><br>
                messagefilterbrightnessnumber.value = v;<br>
<b>5522</b><br>
                messagefilterbrightnessnumberupdate();<br>
<b>5523</b><br>
            }<br>
<b>5524</b><br>
        }<br>
<b>5525</b><br>
        function messagefiltercontrastload()<br>
<b>5526</b><br>
        {<br>
<b>5527</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>5528</b><br>
            div.id = &quot;messagefiltercontrast&quot;;<br>
<b>5529</b><br>
            div.innerHTML = &quot;filter-contrast&quot;;<br>
<b>5530</b><br>
            tabcontentmessage.append(div);<br>
<b>5531</b><br>
            const style = div.style;<br>
<b>5532</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>5533</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>5534</b><br>
        }<br>
<b>5535</b><br>
        addEventListener(&quot;load&quot;, messagefiltercontrastload);<br>
<b>5536</b><br>
        function messagefiltercontrastnumberload()<br>
<b>5537</b><br>
        {<br>
<b>5538</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>5539</b><br>
            messagefiltercontrast.append(br);<br>
<b>5540</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>5541</b><br>
            input.id = &quot;messagefiltercontrastnumber&quot;;<br>
<b>5542</b><br>
            input.max = 1000;<br>
<b>5543</b><br>
            input.min = 0;<br>
<b>5544</b><br>
            input.step = 1;<br>
<b>5545</b><br>
            input.type = &quot;number&quot;;<br>
<b>5546</b><br>
            input.value = 100;<br>
<b>5547</b><br>
            input.addEventListener(&quot;input&quot;, messagefiltercontrastnumberupdate);<br>
<b>5548</b><br>
            messagefiltercontrast.append(input);<br>
<b>5549</b><br>
            //messagefiltercontrastnumberset();<br>
<b>5550</b><br>
        }<br>
<b>5551</b><br>
        addEventListener(&quot;load&quot;, messagefiltercontrastnumberload);<br>
<b>5552</b><br>
        function messagefiltercontrastnumberset()<br>
<b>5553</b><br>
        {<br>
<b>5554</b><br>
            const v = messagefiltercontrastnumber.value;<br>
<b>5555</b><br>
            messagefiltercontrastrange.value = v;<br>
<b>5556</b><br>
            text.messagebackdropfiltercontrast = v;<br>
<b>5557</b><br>
        }<br>
<b>5558</b><br>
        function messagefiltercontrastnumberupdate()<br>
<b>5559</b><br>
        {<br>
<b>5560</b><br>
            messagefiltercontrastnumberset();<br>
<b>5561</b><br>
            svgupdate();<br>
<b>5562</b><br>
        }<br>
<b>5563</b><br>
        function messagefiltercontrastrangeload()<br>
<b>5564</b><br>
        {<br>
<b>5565</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>5566</b><br>
            input.id = &quot;messagefiltercontrastrange&quot;;<br>
<b>5567</b><br>
            input.max = messagefiltercontrastnumber.max;<br>
<b>5568</b><br>
            input.min = messagefiltercontrastnumber.min;<br>
<b>5569</b><br>
            input.step = messagefiltercontrastnumber.step;<br>
<b>5570</b><br>
            input.type = &quot;range&quot;;<br>
<b>5571</b><br>
            input.value = messagefiltercontrastnumber.value;<br>
<b>5572</b><br>
            input.addEventListener(&quot;input&quot;, messagefiltercontrastrangeupdate);<br>
<b>5573</b><br>
            messagefiltercontrast.append(input);<br>
<b>5574</b><br>
            messagefiltercontrastrangeset();<br>
<b>5575</b><br>
        }<br>
<b>5576</b><br>
        addEventListener(&quot;load&quot;, messagefiltercontrastrangeload);<br>
<b>5577</b><br>
        function messagefiltercontrastrangeset()<br>
<b>5578</b><br>
        {<br>
<b>5579</b><br>
            const v = messagefiltercontrastrange.value;<br>
<b>5580</b><br>
            messagefiltercontrastnumber.value = v;<br>
<b>5581</b><br>
            text.messagebackdropfiltercontrast = v;<br>
<b>5582</b><br>
        }<br>
<b>5583</b><br>
        function messagefiltercontrastrangeupdate()<br>
<b>5584</b><br>
        {<br>
<b>5585</b><br>
            messagefiltercontrastrangeset();<br>
<b>5586</b><br>
            svgupdate();<br>
<b>5587</b><br>
        }<br>
<b>5588</b><br>
        function messagefiltercontrastexactload()<br>
<b>5589</b><br>
        {<br>
<b>5590</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>5591</b><br>
            messagefiltercontrast.append(br);<br>
<b>5592</b><br>
            const array =<br>
<b>5593</b><br>
            [<br>
<b>5594</b><br>
                [&quot;0&quot;,0],<br>
<b>5595</b><br>
                [&quot;50&quot;,50],<br>
<b>5596</b><br>
                [&quot;100 (initial)&quot;,100],<br>
<b>5597</b><br>
                [&quot;150&quot;,150],<br>
<b>5598</b><br>
                [&quot;200&quot;,200],<br>
<b>5599</b><br>
            ];<br>
<b>5600</b><br>
            for(const value of array)<br>
<b>5601</b><br>
            {<br>
<b>5602</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>5603</b><br>
                button.innerHTML = value[0];<br>
<b>5604</b><br>
                button.value = value[1];<br>
<b>5605</b><br>
                button.addEventListener(&quot;click&quot;, messagefiltercontrastexactupdate);<br>
<b>5606</b><br>
                messagefiltercontrast.append(button);<br>
<b>5607</b><br>
            }<br>
<b>5608</b><br>
        }<br>
<b>5609</b><br>
        addEventListener(&quot;load&quot;, messagefiltercontrastexactload);<br>
<b>5610</b><br>
        function messagefiltercontrastexactupdate(e)<br>
<b>5611</b><br>
        {<br>
<b>5612</b><br>
            messagefiltercontrastnumber.value = Number(e.target.value);<br>
<b>5613</b><br>
            messagefiltercontrastnumberupdate();<br>
<b>5614</b><br>
        }<br>
<b>5615</b><br>
        function messagefiltercontrastincrementload()<br>
<b>5616</b><br>
        {<br>
<b>5617</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>5618</b><br>
            messagefiltercontrast.append(br);<br>
<b>5619</b><br>
            const array =<br>
<b>5620</b><br>
            [<br>
<b>5621</b><br>
                [&quot;-100&quot;,-100],<br>
<b>5622</b><br>
                [&quot;-10&quot;,-10],<br>
<b>5623</b><br>
                [&quot;-1&quot;,-1],<br>
<b>5624</b><br>
                [&quot;+1&quot;,1],<br>
<b>5625</b><br>
                [&quot;+10&quot;,10],<br>
<b>5626</b><br>
                [&quot;+100&quot;,100],<br>
<b>5627</b><br>
            ];<br>
<b>5628</b><br>
            for(const value of array)<br>
<b>5629</b><br>
            {<br>
<b>5630</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>5631</b><br>
                button.innerHTML = value[0];<br>
<b>5632</b><br>
                button.value = value[1];<br>
<b>5633</b><br>
                button.addEventListener(&quot;click&quot;, messagefiltercontrastincrementupdate);<br>
<b>5634</b><br>
                messagefiltercontrast.append(button);<br>
<b>5635</b><br>
            }<br>
<b>5636</b><br>
        }<br>
<b>5637</b><br>
        addEventListener(&quot;load&quot;, messagefiltercontrastincrementload);<br>
<b>5638</b><br>
        function messagefiltercontrastincrementupdate(e)<br>
<b>5639</b><br>
        {<br>
<b>5640</b><br>
            const v = Number(messagefiltercontrastnumber.value) + Number(e.target.value);<br>
<b>5641</b><br>
            if((messagefiltercontrastnumber.min &lt;= v) &amp;&amp; (v &lt;= messagefiltercontrastnumber.max))<br>
<b>5642</b><br>
            {<br>
<b>5643</b><br>
                messagefiltercontrastnumber.value = v;<br>
<b>5644</b><br>
                messagefiltercontrastnumberupdate();<br>
<b>5645</b><br>
            }<br>
<b>5646</b><br>
        }<br>
<b>5647</b><br>
        function messagefiltergrayscaleload()<br>
<b>5648</b><br>
        {<br>
<b>5649</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>5650</b><br>
            div.id = &quot;messagefiltergrayscale&quot;;<br>
<b>5651</b><br>
            div.innerHTML = &quot;filter-grayscale&quot;;<br>
<b>5652</b><br>
            tabcontentmessage.append(div);<br>
<b>5653</b><br>
            const style = div.style;<br>
<b>5654</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>5655</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>5656</b><br>
        }<br>
<b>5657</b><br>
        addEventListener(&quot;load&quot;, messagefiltergrayscaleload);<br>
<b>5658</b><br>
        function messagefiltergrayscalenumberload()<br>
<b>5659</b><br>
        {<br>
<b>5660</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>5661</b><br>
            messagefiltergrayscale.append(br);<br>
<b>5662</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>5663</b><br>
            input.id = &quot;messagefiltergrayscalenumber&quot;;<br>
<b>5664</b><br>
            input.max = 100;<br>
<b>5665</b><br>
            input.min = 0;<br>
<b>5666</b><br>
            input.step = 1;<br>
<b>5667</b><br>
            input.type = &quot;number&quot;;<br>
<b>5668</b><br>
            input.value = 0;<br>
<b>5669</b><br>
            input.addEventListener(&quot;input&quot;, messagefiltergrayscalenumberupdate);<br>
<b>5670</b><br>
            messagefiltergrayscale.append(input);<br>
<b>5671</b><br>
            //messagefiltergrayscalenumberset();<br>
<b>5672</b><br>
        }<br>
<b>5673</b><br>
        addEventListener(&quot;load&quot;, messagefiltergrayscalenumberload);<br>
<b>5674</b><br>
        function messagefiltergrayscalenumberset()<br>
<b>5675</b><br>
        {<br>
<b>5676</b><br>
            const v = messagefiltergrayscalenumber.value;<br>
<b>5677</b><br>
            messagefiltergrayscalerange.value = v;<br>
<b>5678</b><br>
            text.messagebackdropfiltergrayscale = v;<br>
<b>5679</b><br>
        }<br>
<b>5680</b><br>
        function messagefiltergrayscalenumberupdate()<br>
<b>5681</b><br>
        {<br>
<b>5682</b><br>
            messagefiltergrayscalenumberset();<br>
<b>5683</b><br>
            svgupdate();<br>
<b>5684</b><br>
        }<br>
<b>5685</b><br>
        function messagefiltergrayscalerangeload()<br>
<b>5686</b><br>
        {<br>
<b>5687</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>5688</b><br>
            input.id = &quot;messagefiltergrayscalerange&quot;;<br>
<b>5689</b><br>
            input.max = messagefiltergrayscalenumber.max;<br>
<b>5690</b><br>
            input.min = messagefiltergrayscalenumber.min;<br>
<b>5691</b><br>
            input.step = messagefiltergrayscalenumber.step;<br>
<b>5692</b><br>
            input.type = &quot;range&quot;;<br>
<b>5693</b><br>
            input.value = messagefiltergrayscalenumber.value;<br>
<b>5694</b><br>
            input.addEventListener(&quot;input&quot;, messagefiltergrayscalerangeupdate);<br>
<b>5695</b><br>
            messagefiltergrayscale.append(input);<br>
<b>5696</b><br>
            messagefiltergrayscalerangeset();<br>
<b>5697</b><br>
        }<br>
<b>5698</b><br>
        addEventListener(&quot;load&quot;, messagefiltergrayscalerangeload);<br>
<b>5699</b><br>
        function messagefiltergrayscalerangeset()<br>
<b>5700</b><br>
        {<br>
<b>5701</b><br>
            const v = messagefiltergrayscalerange.value;<br>
<b>5702</b><br>
            messagefiltergrayscalenumber.value = v;<br>
<b>5703</b><br>
            text.messagebackdropfiltergrayscale = v;<br>
<b>5704</b><br>
        }<br>
<b>5705</b><br>
        function messagefiltergrayscalerangeupdate()<br>
<b>5706</b><br>
        {<br>
<b>5707</b><br>
            messagefiltergrayscalerangeset();<br>
<b>5708</b><br>
            svgupdate();<br>
<b>5709</b><br>
        }<br>
<b>5710</b><br>
        function messagefiltergrayscaleexactload()<br>
<b>5711</b><br>
        {<br>
<b>5712</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>5713</b><br>
            messagefiltergrayscale.append(br);<br>
<b>5714</b><br>
            const array =<br>
<b>5715</b><br>
            [<br>
<b>5716</b><br>
                [&quot;0&quot;,0],<br>
<b>5717</b><br>
                [&quot;25&quot;,25],<br>
<b>5718</b><br>
                [&quot;50&quot;,50],<br>
<b>5719</b><br>
                [&quot;75&quot;,75],<br>
<b>5720</b><br>
                [&quot;100&quot;,100],<br>
<b>5721</b><br>
            ];<br>
<b>5722</b><br>
            for(const value of array)<br>
<b>5723</b><br>
            {<br>
<b>5724</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>5725</b><br>
                button.innerHTML = value[0];<br>
<b>5726</b><br>
                button.value = value[1];<br>
<b>5727</b><br>
                button.addEventListener(&quot;click&quot;, messagefiltergrayscaleexactupdate);<br>
<b>5728</b><br>
                messagefiltergrayscale.append(button);<br>
<b>5729</b><br>
            }<br>
<b>5730</b><br>
        }<br>
<b>5731</b><br>
        addEventListener(&quot;load&quot;, messagefiltergrayscaleexactload);<br>
<b>5732</b><br>
        function messagefiltergrayscaleexactupdate(e)<br>
<b>5733</b><br>
        {<br>
<b>5734</b><br>
            messagefiltergrayscalenumber.value = Number(e.target.value);<br>
<b>5735</b><br>
            messagefiltergrayscalenumberupdate();<br>
<b>5736</b><br>
        }<br>
<b>5737</b><br>
        function messagefiltergrayscaleincrementload()<br>
<b>5738</b><br>
        {<br>
<b>5739</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>5740</b><br>
            messagefiltergrayscale.append(br);<br>
<b>5741</b><br>
            const array =<br>
<b>5742</b><br>
            [<br>
<b>5743</b><br>
                [&quot;-10&quot;,-10],<br>
<b>5744</b><br>
                [&quot;-1&quot;,-1],<br>
<b>5745</b><br>
                [&quot;+1&quot;,1],<br>
<b>5746</b><br>
                [&quot;+10&quot;,10],<br>
<b>5747</b><br>
            ];<br>
<b>5748</b><br>
            for(const value of array)<br>
<b>5749</b><br>
            {<br>
<b>5750</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>5751</b><br>
                button.innerHTML = value[0];<br>
<b>5752</b><br>
                button.value = value[1];<br>
<b>5753</b><br>
                button.addEventListener(&quot;click&quot;, messagefiltergrayscaleincrementupdate);<br>
<b>5754</b><br>
                messagefiltergrayscale.append(button);<br>
<b>5755</b><br>
            }<br>
<b>5756</b><br>
        }<br>
<b>5757</b><br>
        addEventListener(&quot;load&quot;, messagefiltergrayscaleincrementload);<br>
<b>5758</b><br>
        function messagefiltergrayscaleincrementupdate(e)<br>
<b>5759</b><br>
        {<br>
<b>5760</b><br>
            const v = Number(messagefiltergrayscalenumber.value) + Number(e.target.value);<br>
<b>5761</b><br>
            if((messagefiltergrayscalenumber.min &lt;= v) &amp;&amp; (v &lt;= messagefiltergrayscalenumber.max))<br>
<b>5762</b><br>
            {<br>
<b>5763</b><br>
                messagefiltergrayscalenumber.value = v;<br>
<b>5764</b><br>
                messagefiltergrayscalenumberupdate();<br>
<b>5765</b><br>
            }<br>
<b>5766</b><br>
        }<br>
<b>5767</b><br>
        function messagefilterhuerotateload()<br>
<b>5768</b><br>
        {<br>
<b>5769</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>5770</b><br>
            div.id = &quot;messagefilterhuerotate&quot;;<br>
<b>5771</b><br>
            div.innerHTML = &quot;filter-hue-rotate&quot;;<br>
<b>5772</b><br>
            tabcontentmessage.append(div);<br>
<b>5773</b><br>
            const style = div.style;<br>
<b>5774</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>5775</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>5776</b><br>
        }<br>
<b>5777</b><br>
        addEventListener(&quot;load&quot;, messagefilterhuerotateload);<br>
<b>5778</b><br>
        function messagefilterhuerotatenumberload()<br>
<b>5779</b><br>
        {<br>
<b>5780</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>5781</b><br>
            messagefilterhuerotate.append(br);<br>
<b>5782</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>5783</b><br>
            input.id = &quot;messagefilterhuerotatenumber&quot;;<br>
<b>5784</b><br>
            input.max = 360;<br>
<b>5785</b><br>
            input.min = 0;<br>
<b>5786</b><br>
            input.step = 1;<br>
<b>5787</b><br>
            input.type = &quot;number&quot;;<br>
<b>5788</b><br>
            input.value = 0;<br>
<b>5789</b><br>
            input.addEventListener(&quot;input&quot;, messagefilterhuerotatenumberupdate);<br>
<b>5790</b><br>
            messagefilterhuerotate.append(input);<br>
<b>5791</b><br>
            //messagefilterhuerotatenumberset();<br>
<b>5792</b><br>
        }<br>
<b>5793</b><br>
        addEventListener(&quot;load&quot;, messagefilterhuerotatenumberload);<br>
<b>5794</b><br>
        function messagefilterhuerotatenumberset()<br>
<b>5795</b><br>
        {<br>
<b>5796</b><br>
            const v = messagefilterhuerotatenumber.value;<br>
<b>5797</b><br>
            messagefilterhuerotaterange.value = v;<br>
<b>5798</b><br>
            text.messagebackdropfilterhuerotate = v;<br>
<b>5799</b><br>
        }<br>
<b>5800</b><br>
        function messagefilterhuerotatenumberupdate()<br>
<b>5801</b><br>
        {<br>
<b>5802</b><br>
            messagefilterhuerotatenumberset();<br>
<b>5803</b><br>
            svgupdate();<br>
<b>5804</b><br>
        }<br>
<b>5805</b><br>
        function messagefilterhuerotaterangeload()<br>
<b>5806</b><br>
        {<br>
<b>5807</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>5808</b><br>
            input.id = &quot;messagefilterhuerotaterange&quot;;<br>
<b>5809</b><br>
            input.max = messagefilterhuerotatenumber.max;<br>
<b>5810</b><br>
            input.min = messagefilterhuerotatenumber.min;<br>
<b>5811</b><br>
            input.step = messagefilterhuerotatenumber.step;<br>
<b>5812</b><br>
            input.type = &quot;range&quot;;<br>
<b>5813</b><br>
            input.value = messagefilterhuerotatenumber.value;<br>
<b>5814</b><br>
            input.addEventListener(&quot;input&quot;, messagefilterhuerotaterangeupdate);<br>
<b>5815</b><br>
            messagefilterhuerotate.append(input);<br>
<b>5816</b><br>
            messagefilterhuerotaterangeset();<br>
<b>5817</b><br>
        }<br>
<b>5818</b><br>
        addEventListener(&quot;load&quot;, messagefilterhuerotaterangeload);<br>
<b>5819</b><br>
        function messagefilterhuerotaterangeset()<br>
<b>5820</b><br>
        {<br>
<b>5821</b><br>
            const v = messagefilterhuerotaterange.value;<br>
<b>5822</b><br>
            messagefilterhuerotatenumber.value = v;<br>
<b>5823</b><br>
            text.messagebackdropfilterhuerotate = v;<br>
<b>5824</b><br>
        }<br>
<b>5825</b><br>
        function messagefilterhuerotaterangeupdate()<br>
<b>5826</b><br>
        {<br>
<b>5827</b><br>
            messagefilterhuerotaterangeset();<br>
<b>5828</b><br>
            svgupdate();<br>
<b>5829</b><br>
        }<br>
<b>5830</b><br>
        function messagefilterhuerotateexactload()<br>
<b>5831</b><br>
        {<br>
<b>5832</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>5833</b><br>
            messagefilterhuerotate.append(br);<br>
<b>5834</b><br>
            const array =<br>
<b>5835</b><br>
            [<br>
<b>5836</b><br>
                [&quot;0&quot;,0],<br>
<b>5837</b><br>
                [&quot;90&quot;,90],<br>
<b>5838</b><br>
                [&quot;180&quot;,180],<br>
<b>5839</b><br>
                [&quot;270&quot;,270],<br>
<b>5840</b><br>
                [&quot;360&quot;,360],<br>
<b>5841</b><br>
            ];<br>
<b>5842</b><br>
            for(const value of array)<br>
<b>5843</b><br>
            {<br>
<b>5844</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>5845</b><br>
                button.innerHTML = value[0];<br>
<b>5846</b><br>
                button.value = value[1];<br>
<b>5847</b><br>
                button.addEventListener(&quot;click&quot;, messagefilterhuerotateexactupdate);<br>
<b>5848</b><br>
                messagefilterhuerotate.append(button);<br>
<b>5849</b><br>
            }<br>
<b>5850</b><br>
        }<br>
<b>5851</b><br>
        addEventListener(&quot;load&quot;, messagefilterhuerotateexactload);<br>
<b>5852</b><br>
        function messagefilterhuerotateexactupdate(e)<br>
<b>5853</b><br>
        {<br>
<b>5854</b><br>
            messagefilterhuerotatenumber.value = Number(e.target.value);<br>
<b>5855</b><br>
            messagefilterhuerotatenumberupdate();<br>
<b>5856</b><br>
        }<br>
<b>5857</b><br>
        function messagefilterhuerotateincrementload()<br>
<b>5858</b><br>
        {<br>
<b>5859</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>5860</b><br>
            messagefilterhuerotate.append(br);<br>
<b>5861</b><br>
            const array =<br>
<b>5862</b><br>
            [<br>
<b>5863</b><br>
                //[&quot;-90&quot;,-90],<br>
<b>5864</b><br>
                [&quot;-45&quot;,-45],<br>
<b>5865</b><br>
                [&quot;-15&quot;,-15],<br>
<b>5866</b><br>
                [&quot;-1&quot;,-1],<br>
<b>5867</b><br>
                [&quot;+1&quot;,1],<br>
<b>5868</b><br>
                [&quot;+15&quot;,15],<br>
<b>5869</b><br>
                [&quot;+45&quot;,45],<br>
<b>5870</b><br>
                //[&quot;+90&quot;,90],<br>
<b>5871</b><br>
            ];<br>
<b>5872</b><br>
            for(const value of array)<br>
<b>5873</b><br>
            {<br>
<b>5874</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>5875</b><br>
                button.innerHTML = value[0];<br>
<b>5876</b><br>
                button.value = value[1];<br>
<b>5877</b><br>
                button.addEventListener(&quot;click&quot;, messagefilterhuerotateincrementupdate);<br>
<b>5878</b><br>
                messagefilterhuerotate.append(button);<br>
<b>5879</b><br>
            }<br>
<b>5880</b><br>
        }<br>
<b>5881</b><br>
        addEventListener(&quot;load&quot;, messagefilterhuerotateincrementload);<br>
<b>5882</b><br>
        function messagefilterhuerotateincrementupdate(e)<br>
<b>5883</b><br>
        {<br>
<b>5884</b><br>
            const v = Number(messagefilterhuerotatenumber.value) + Number(e.target.value);<br>
<b>5885</b><br>
            if((messagefilterhuerotatenumber.min &lt;= v) &amp;&amp; (v &lt;= messagefilterhuerotatenumber.max))<br>
<b>5886</b><br>
            {<br>
<b>5887</b><br>
                messagefilterhuerotatenumber.value = v;<br>
<b>5888</b><br>
                messagefilterhuerotatenumberupdate();<br>
<b>5889</b><br>
            }<br>
<b>5890</b><br>
        }<br>
<b>5891</b><br>
        function messagefilterinvertload()<br>
<b>5892</b><br>
        {<br>
<b>5893</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>5894</b><br>
            div.id = &quot;messagefilterinvert&quot;;<br>
<b>5895</b><br>
            div.innerHTML = &quot;filter-invert&quot;;<br>
<b>5896</b><br>
            tabcontentmessage.append(div);<br>
<b>5897</b><br>
            const style = div.style;<br>
<b>5898</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>5899</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>5900</b><br>
        }<br>
<b>5901</b><br>
        addEventListener(&quot;load&quot;, messagefilterinvertload);<br>
<b>5902</b><br>
        function messagefilterinvertnumberload()<br>
<b>5903</b><br>
        {<br>
<b>5904</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>5905</b><br>
            messagefilterinvert.append(br);<br>
<b>5906</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>5907</b><br>
            input.id = &quot;messagefilterinvertnumber&quot;;<br>
<b>5908</b><br>
            input.max = 100;<br>
<b>5909</b><br>
            input.min = 0;<br>
<b>5910</b><br>
            input.step = 1;<br>
<b>5911</b><br>
            input.type = &quot;number&quot;;<br>
<b>5912</b><br>
            input.value = 0;<br>
<b>5913</b><br>
            input.addEventListener(&quot;input&quot;, messagefilterinvertnumberupdate);<br>
<b>5914</b><br>
            messagefilterinvert.append(input);<br>
<b>5915</b><br>
            //messagefilterinvertnumberset();<br>
<b>5916</b><br>
        }<br>
<b>5917</b><br>
        addEventListener(&quot;load&quot;, messagefilterinvertnumberload);<br>
<b>5918</b><br>
        function messagefilterinvertnumberset()<br>
<b>5919</b><br>
        {<br>
<b>5920</b><br>
            const v = messagefilterinvertnumber.value;<br>
<b>5921</b><br>
            messagefilterinvertrange.value = v;<br>
<b>5922</b><br>
            text.messagebackdropfilterinvert = v;<br>
<b>5923</b><br>
        }<br>
<b>5924</b><br>
        function messagefilterinvertnumberupdate()<br>
<b>5925</b><br>
        {<br>
<b>5926</b><br>
            messagefilterinvertnumberset();<br>
<b>5927</b><br>
            svgupdate();<br>
<b>5928</b><br>
        }<br>
<b>5929</b><br>
        function messagefilterinvertrangeload()<br>
<b>5930</b><br>
        {<br>
<b>5931</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>5932</b><br>
            input.id = &quot;messagefilterinvertrange&quot;;<br>
<b>5933</b><br>
            input.max = messagefilterinvertnumber.max;<br>
<b>5934</b><br>
            input.min = messagefilterinvertnumber.min;<br>
<b>5935</b><br>
            input.step = messagefilterinvertnumber.step;<br>
<b>5936</b><br>
            input.type = &quot;range&quot;;<br>
<b>5937</b><br>
            input.value = messagefilterinvertnumber.value;<br>
<b>5938</b><br>
            input.addEventListener(&quot;input&quot;, messagefilterinvertrangeupdate);<br>
<b>5939</b><br>
            messagefilterinvert.append(input);<br>
<b>5940</b><br>
            messagefilterinvertrangeset();<br>
<b>5941</b><br>
        }<br>
<b>5942</b><br>
        addEventListener(&quot;load&quot;, messagefilterinvertrangeload);<br>
<b>5943</b><br>
        function messagefilterinvertrangeset()<br>
<b>5944</b><br>
        {<br>
<b>5945</b><br>
            const v = messagefilterinvertrange.value;<br>
<b>5946</b><br>
            messagefilterinvertnumber.value = v;<br>
<b>5947</b><br>
            text.messagebackdropfilterinvert = v;<br>
<b>5948</b><br>
        }<br>
<b>5949</b><br>
        function messagefilterinvertrangeupdate()<br>
<b>5950</b><br>
        {<br>
<b>5951</b><br>
            messagefilterinvertrangeset();<br>
<b>5952</b><br>
            svgupdate();<br>
<b>5953</b><br>
        }<br>
<b>5954</b><br>
        function messagefilterinvertexactload()<br>
<b>5955</b><br>
        {<br>
<b>5956</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>5957</b><br>
            messagefilterinvert.append(br);<br>
<b>5958</b><br>
            const array =<br>
<b>5959</b><br>
            [<br>
<b>5960</b><br>
                [&quot;0&quot;,0],<br>
<b>5961</b><br>
                [&quot;25&quot;,25],<br>
<b>5962</b><br>
                [&quot;50&quot;,50],<br>
<b>5963</b><br>
                [&quot;75&quot;,75],<br>
<b>5964</b><br>
                [&quot;100&quot;,100],<br>
<b>5965</b><br>
            ];<br>
<b>5966</b><br>
            for(const value of array)<br>
<b>5967</b><br>
            {<br>
<b>5968</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>5969</b><br>
                button.innerHTML = value[0];<br>
<b>5970</b><br>
                button.value = value[1];<br>
<b>5971</b><br>
                button.addEventListener(&quot;click&quot;, messagefilterinvertexactupdate);<br>
<b>5972</b><br>
                messagefilterinvert.append(button);<br>
<b>5973</b><br>
            }<br>
<b>5974</b><br>
        }<br>
<b>5975</b><br>
        addEventListener(&quot;load&quot;, messagefilterinvertexactload);<br>
<b>5976</b><br>
        function messagefilterinvertexactupdate(e)<br>
<b>5977</b><br>
        {<br>
<b>5978</b><br>
            messagefilterinvertnumber.value = Number(e.target.value);<br>
<b>5979</b><br>
            messagefilterinvertnumberupdate();<br>
<b>5980</b><br>
        }<br>
<b>5981</b><br>
        function messagefilterinvertincrementload()<br>
<b>5982</b><br>
        {<br>
<b>5983</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>5984</b><br>
            messagefilterinvert.append(br);<br>
<b>5985</b><br>
            const array =<br>
<b>5986</b><br>
            [<br>
<b>5987</b><br>
                [&quot;-10&quot;,-10],<br>
<b>5988</b><br>
                [&quot;-1&quot;,-1],<br>
<b>5989</b><br>
                [&quot;+1&quot;,1],<br>
<b>5990</b><br>
                [&quot;+10&quot;,10],<br>
<b>5991</b><br>
            ];<br>
<b>5992</b><br>
            for(const value of array)<br>
<b>5993</b><br>
            {<br>
<b>5994</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>5995</b><br>
                button.innerHTML = value[0];<br>
<b>5996</b><br>
                button.value = value[1];<br>
<b>5997</b><br>
                button.addEventListener(&quot;click&quot;, messagefilterinvertincrementupdate);<br>
<b>5998</b><br>
                messagefilterinvert.append(button);<br>
<b>5999</b><br>
            }<br>
<b>6000</b><br>
        }<br>
<b>6001</b><br>
        addEventListener(&quot;load&quot;, messagefilterinvertincrementload);<br>
<b>6002</b><br>
        function messagefilterinvertincrementupdate(e)<br>
<b>6003</b><br>
        {<br>
<b>6004</b><br>
            const v = Number(messagefilterinvertnumber.value) + Number(e.target.value);<br>
<b>6005</b><br>
            if((messagefilterinvertnumber.min &lt;= v) &amp;&amp; (v &lt;= messagefilterinvertnumber.max))<br>
<b>6006</b><br>
            {<br>
<b>6007</b><br>
                messagefilterinvertnumber.value = v;<br>
<b>6008</b><br>
                messagefilterinvertnumberupdate();<br>
<b>6009</b><br>
            }<br>
<b>6010</b><br>
        }<br>
<b>6011</b><br>
        function messagefiltersaturateload()<br>
<b>6012</b><br>
        {<br>
<b>6013</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>6014</b><br>
            div.id = &quot;messagefiltersaturate&quot;;<br>
<b>6015</b><br>
            div.innerHTML = &quot;filter-saturate&quot;;<br>
<b>6016</b><br>
            tabcontentmessage.append(div);<br>
<b>6017</b><br>
            const style = div.style;<br>
<b>6018</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>6019</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>6020</b><br>
        }<br>
<b>6021</b><br>
        addEventListener(&quot;load&quot;, messagefiltersaturateload);<br>
<b>6022</b><br>
        function messagefiltersaturatenumberload()<br>
<b>6023</b><br>
        {<br>
<b>6024</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>6025</b><br>
            messagefiltersaturate.append(br);<br>
<b>6026</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>6027</b><br>
            input.id = &quot;messagefiltersaturatenumber&quot;;<br>
<b>6028</b><br>
            input.max = 1000;<br>
<b>6029</b><br>
            input.min = 0;<br>
<b>6030</b><br>
            input.step = 1;<br>
<b>6031</b><br>
            input.type = &quot;number&quot;;<br>
<b>6032</b><br>
            input.value = 100;<br>
<b>6033</b><br>
            input.addEventListener(&quot;input&quot;, messagefiltersaturatenumberupdate);<br>
<b>6034</b><br>
            messagefiltersaturate.append(input);<br>
<b>6035</b><br>
            //messagefiltersaturatenumberset();<br>
<b>6036</b><br>
        }<br>
<b>6037</b><br>
        addEventListener(&quot;load&quot;, messagefiltersaturatenumberload);<br>
<b>6038</b><br>
        function messagefiltersaturatenumberset()<br>
<b>6039</b><br>
        {<br>
<b>6040</b><br>
            const v = messagefiltersaturatenumber.value;<br>
<b>6041</b><br>
            messagefiltersaturaterange.value = v;<br>
<b>6042</b><br>
            text.messagebackdropfiltersaturate = v;<br>
<b>6043</b><br>
        }<br>
<b>6044</b><br>
        function messagefiltersaturatenumberupdate()<br>
<b>6045</b><br>
        {<br>
<b>6046</b><br>
            messagefiltersaturatenumberset();<br>
<b>6047</b><br>
            svgupdate();<br>
<b>6048</b><br>
        }<br>
<b>6049</b><br>
        function messagefiltersaturaterangeload()<br>
<b>6050</b><br>
        {<br>
<b>6051</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>6052</b><br>
            input.id = &quot;messagefiltersaturaterange&quot;;<br>
<b>6053</b><br>
            input.max = messagefiltersaturatenumber.max;<br>
<b>6054</b><br>
            input.min = messagefiltersaturatenumber.min;<br>
<b>6055</b><br>
            input.step = messagefiltersaturatenumber.step;<br>
<b>6056</b><br>
            input.type = &quot;range&quot;;<br>
<b>6057</b><br>
            input.value = messagefiltersaturatenumber.value;<br>
<b>6058</b><br>
            input.addEventListener(&quot;input&quot;, messagefiltersaturaterangeupdate);<br>
<b>6059</b><br>
            messagefiltersaturate.append(input);<br>
<b>6060</b><br>
            messagefiltersaturaterangeset();<br>
<b>6061</b><br>
        }<br>
<b>6062</b><br>
        addEventListener(&quot;load&quot;, messagefiltersaturaterangeload);<br>
<b>6063</b><br>
        function messagefiltersaturaterangeset()<br>
<b>6064</b><br>
        {<br>
<b>6065</b><br>
            const v = messagefiltersaturaterange.value;<br>
<b>6066</b><br>
            messagefiltersaturatenumber.value = v;<br>
<b>6067</b><br>
            text.messagebackdropfiltersaturate = v;<br>
<b>6068</b><br>
        }<br>
<b>6069</b><br>
        function messagefiltersaturaterangeupdate()<br>
<b>6070</b><br>
        {<br>
<b>6071</b><br>
            messagefiltersaturaterangeset();<br>
<b>6072</b><br>
            svgupdate();<br>
<b>6073</b><br>
        }<br>
<b>6074</b><br>
        function messagefiltersaturateexactload()<br>
<b>6075</b><br>
        {<br>
<b>6076</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>6077</b><br>
            messagefiltersaturate.append(br);<br>
<b>6078</b><br>
            const array =<br>
<b>6079</b><br>
            [<br>
<b>6080</b><br>
                [&quot;0&quot;,0],<br>
<b>6081</b><br>
                [&quot;50&quot;,50],<br>
<b>6082</b><br>
                [&quot;100 (initial)&quot;,100],<br>
<b>6083</b><br>
                [&quot;150&quot;,150],<br>
<b>6084</b><br>
                [&quot;200&quot;,200],<br>
<b>6085</b><br>
            ];<br>
<b>6086</b><br>
            for(const value of array)<br>
<b>6087</b><br>
            {<br>
<b>6088</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>6089</b><br>
                button.innerHTML = value[0];<br>
<b>6090</b><br>
                button.value = value[1];<br>
<b>6091</b><br>
                button.addEventListener(&quot;click&quot;, messagefiltersaturateexactupdate);<br>
<b>6092</b><br>
                messagefiltersaturate.append(button);<br>
<b>6093</b><br>
            }<br>
<b>6094</b><br>
        }<br>
<b>6095</b><br>
        addEventListener(&quot;load&quot;, messagefiltersaturateexactload);<br>
<b>6096</b><br>
        function messagefiltersaturateexactupdate(e)<br>
<b>6097</b><br>
        {<br>
<b>6098</b><br>
            messagefiltersaturatenumber.value = Number(e.target.value);<br>
<b>6099</b><br>
            messagefiltersaturatenumberupdate();<br>
<b>6100</b><br>
        }<br>
<b>6101</b><br>
        function messagefiltersaturateincrementload()<br>
<b>6102</b><br>
        {<br>
<b>6103</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>6104</b><br>
            messagefiltersaturate.append(br);<br>
<b>6105</b><br>
            const array =<br>
<b>6106</b><br>
            [<br>
<b>6107</b><br>
                [&quot;-100&quot;,-100],<br>
<b>6108</b><br>
                [&quot;-10&quot;,-10],<br>
<b>6109</b><br>
                [&quot;-1&quot;,-1],<br>
<b>6110</b><br>
                [&quot;+1&quot;,1],<br>
<b>6111</b><br>
                [&quot;+10&quot;,10],<br>
<b>6112</b><br>
                [&quot;+100&quot;,100],<br>
<b>6113</b><br>
            ];<br>
<b>6114</b><br>
            for(const value of array)<br>
<b>6115</b><br>
            {<br>
<b>6116</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>6117</b><br>
                button.innerHTML = value[0];<br>
<b>6118</b><br>
                button.value = value[1];<br>
<b>6119</b><br>
                button.addEventListener(&quot;click&quot;, messagefiltersaturateincrementupdate);<br>
<b>6120</b><br>
                messagefiltersaturate.append(button);<br>
<b>6121</b><br>
            }<br>
<b>6122</b><br>
        }<br>
<b>6123</b><br>
        addEventListener(&quot;load&quot;, messagefiltersaturateincrementload);<br>
<b>6124</b><br>
        function messagefiltersaturateincrementupdate(e)<br>
<b>6125</b><br>
        {<br>
<b>6126</b><br>
            const v = Number(messagefiltersaturatenumber.value) + Number(e.target.value);<br>
<b>6127</b><br>
            if((messagefiltersaturatenumber.min &lt;= v) &amp;&amp; (v &lt;= messagefiltersaturatenumber.max))<br>
<b>6128</b><br>
            {<br>
<b>6129</b><br>
                messagefiltersaturatenumber.value = v;<br>
<b>6130</b><br>
                messagefiltersaturatenumberupdate();<br>
<b>6131</b><br>
            }<br>
<b>6132</b><br>
        }<br>
<b>6133</b><br>
        function messagefiltersepiaload()<br>
<b>6134</b><br>
        {<br>
<b>6135</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>6136</b><br>
            div.id = &quot;messagefiltersepia&quot;;<br>
<b>6137</b><br>
            div.innerHTML = &quot;filter-sepia&quot;;<br>
<b>6138</b><br>
            tabcontentmessage.append(div);<br>
<b>6139</b><br>
            const style = div.style;<br>
<b>6140</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>6141</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>6142</b><br>
        }<br>
<b>6143</b><br>
        addEventListener(&quot;load&quot;, messagefiltersepiaload);<br>
<b>6144</b><br>
        function messagefiltersepianumberload()<br>
<b>6145</b><br>
        {<br>
<b>6146</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>6147</b><br>
            messagefiltersepia.append(br);<br>
<b>6148</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>6149</b><br>
            input.id = &quot;messagefiltersepianumber&quot;;<br>
<b>6150</b><br>
            input.max = 100;<br>
<b>6151</b><br>
            input.min = 0;<br>
<b>6152</b><br>
            input.step = 1;<br>
<b>6153</b><br>
            input.type = &quot;number&quot;;<br>
<b>6154</b><br>
            input.value = 0;<br>
<b>6155</b><br>
            input.addEventListener(&quot;input&quot;, messagefiltersepianumberupdate);<br>
<b>6156</b><br>
            messagefiltersepia.append(input);<br>
<b>6157</b><br>
            //messagefiltersepianumberset();<br>
<b>6158</b><br>
        }<br>
<b>6159</b><br>
        addEventListener(&quot;load&quot;, messagefiltersepianumberload);<br>
<b>6160</b><br>
        function messagefiltersepianumberset()<br>
<b>6161</b><br>
        {<br>
<b>6162</b><br>
            const v = messagefiltersepianumber.value;<br>
<b>6163</b><br>
            messagefiltersepiarange.value = v;<br>
<b>6164</b><br>
            text.messagebackdropfiltersepia = v;<br>
<b>6165</b><br>
        }<br>
<b>6166</b><br>
        function messagefiltersepianumberupdate()<br>
<b>6167</b><br>
        {<br>
<b>6168</b><br>
            messagefiltersepianumberset();<br>
<b>6169</b><br>
            svgupdate();<br>
<b>6170</b><br>
        }<br>
<b>6171</b><br>
        function messagefiltersepiarangeload()<br>
<b>6172</b><br>
        {<br>
<b>6173</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>6174</b><br>
            input.id = &quot;messagefiltersepiarange&quot;;<br>
<b>6175</b><br>
            input.max = messagefiltersepianumber.max;<br>
<b>6176</b><br>
            input.min = messagefiltersepianumber.min;<br>
<b>6177</b><br>
            input.step = messagefiltersepianumber.step;<br>
<b>6178</b><br>
            input.type = &quot;range&quot;;<br>
<b>6179</b><br>
            input.value = messagefiltersepianumber.value;<br>
<b>6180</b><br>
            input.addEventListener(&quot;input&quot;, messagefiltersepiarangeupdate);<br>
<b>6181</b><br>
            messagefiltersepia.append(input);<br>
<b>6182</b><br>
            messagefiltersepiarangeset();<br>
<b>6183</b><br>
        }<br>
<b>6184</b><br>
        addEventListener(&quot;load&quot;, messagefiltersepiarangeload);<br>
<b>6185</b><br>
        function messagefiltersepiarangeset()<br>
<b>6186</b><br>
        {<br>
<b>6187</b><br>
            const v = messagefiltersepiarange.value;<br>
<b>6188</b><br>
            messagefiltersepianumber.value = v;<br>
<b>6189</b><br>
            text.messagebackdropfiltersepia = v;<br>
<b>6190</b><br>
        }<br>
<b>6191</b><br>
        function messagefiltersepiarangeupdate()<br>
<b>6192</b><br>
        {<br>
<b>6193</b><br>
            messagefiltersepiarangeset();<br>
<b>6194</b><br>
            svgupdate();<br>
<b>6195</b><br>
        }<br>
<b>6196</b><br>
        function messagefiltersepiaexactload()<br>
<b>6197</b><br>
        {<br>
<b>6198</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>6199</b><br>
            messagefiltersepia.append(br);<br>
<b>6200</b><br>
            const array =<br>
<b>6201</b><br>
            [<br>
<b>6202</b><br>
                [&quot;0&quot;,0],<br>
<b>6203</b><br>
                [&quot;25&quot;,25],<br>
<b>6204</b><br>
                [&quot;50&quot;,50],<br>
<b>6205</b><br>
                [&quot;75&quot;,75],<br>
<b>6206</b><br>
                [&quot;100&quot;,100],<br>
<b>6207</b><br>
            ];<br>
<b>6208</b><br>
            for(const value of array)<br>
<b>6209</b><br>
            {<br>
<b>6210</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>6211</b><br>
                button.innerHTML = value[0];<br>
<b>6212</b><br>
                button.value = value[1];<br>
<b>6213</b><br>
                button.addEventListener(&quot;click&quot;, messagefiltersepiaexactupdate);<br>
<b>6214</b><br>
                messagefiltersepia.append(button);<br>
<b>6215</b><br>
            }<br>
<b>6216</b><br>
        }<br>
<b>6217</b><br>
        addEventListener(&quot;load&quot;, messagefiltersepiaexactload);<br>
<b>6218</b><br>
        function messagefiltersepiaexactupdate(e)<br>
<b>6219</b><br>
        {<br>
<b>6220</b><br>
            messagefiltersepianumber.value = Number(e.target.value);<br>
<b>6221</b><br>
            messagefiltersepianumberupdate();<br>
<b>6222</b><br>
        }<br>
<b>6223</b><br>
        function messagefiltersepiaincrementload()<br>
<b>6224</b><br>
        {<br>
<b>6225</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>6226</b><br>
            messagefiltersepia.append(br);<br>
<b>6227</b><br>
            const array =<br>
<b>6228</b><br>
            [<br>
<b>6229</b><br>
                [&quot;-10&quot;,-10],<br>
<b>6230</b><br>
                [&quot;-1&quot;,-1],<br>
<b>6231</b><br>
                [&quot;+1&quot;,1],<br>
<b>6232</b><br>
                [&quot;+10&quot;,10],<br>
<b>6233</b><br>
            ];<br>
<b>6234</b><br>
            for(const value of array)<br>
<b>6235</b><br>
            {<br>
<b>6236</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>6237</b><br>
                button.innerHTML = value[0];<br>
<b>6238</b><br>
                button.value = value[1];<br>
<b>6239</b><br>
                button.addEventListener(&quot;click&quot;, messagefiltersepiaincrementupdate);<br>
<b>6240</b><br>
                messagefiltersepia.append(button);<br>
<b>6241</b><br>
            }<br>
<b>6242</b><br>
        }<br>
<b>6243</b><br>
        addEventListener(&quot;load&quot;, messagefiltersepiaincrementload);<br>
<b>6244</b><br>
        function messagefiltersepiaincrementupdate(e)<br>
<b>6245</b><br>
        {<br>
<b>6246</b><br>
            const v = Number(messagefiltersepianumber.value) + Number(e.target.value);<br>
<b>6247</b><br>
            if((messagefiltersepianumber.min &lt;= v) &amp;&amp; (v &lt;= messagefiltersepianumber.max))<br>
<b>6248</b><br>
            {<br>
<b>6249</b><br>
                messagefiltersepianumber.value = v;<br>
<b>6250</b><br>
                messagefiltersepianumberupdate();<br>
<b>6251</b><br>
            }<br>
<b>6252</b><br>
        }<br>
<b>6253</b><br>
//*/<br>
<b>6254</b><br>
/*<br>
<b>6255</b><br>
        function messagemargintopload()<br>
<b>6256</b><br>
        {<br>
<b>6257</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>6258</b><br>
            div.id = &quot;messagemargintop&quot;;<br>
<b>6259</b><br>
            div.innerHTML = &quot;margin-top&quot;;<br>
<b>6260</b><br>
            tabcontentmessage.append(div);<br>
<b>6261</b><br>
        }<br>
<b>6262</b><br>
        addEventListener(&quot;load&quot;, messagemargintopload);<br>
<b>6263</b><br>
        function messagemargintopnumberload()<br>
<b>6264</b><br>
        {<br>
<b>6265</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>6266</b><br>
            messagemargintop.append(br);<br>
<b>6267</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>6268</b><br>
            input.id = &quot;messagemargintopnumber&quot;;<br>
<b>6269</b><br>
            input.max = 1000;<br>
<b>6270</b><br>
            input.min = 0;<br>
<b>6271</b><br>
            input.type = &quot;number&quot;;<br>
<b>6272</b><br>
            input.value = 0;<br>
<b>6273</b><br>
            input.addEventListener(&quot;input&quot;, messagemargintopnumberupdate);<br>
<b>6274</b><br>
            messagemargintop.append(input);<br>
<b>6275</b><br>
            //messagemargintopnumberset();<br>
<b>6276</b><br>
        }<br>
<b>6277</b><br>
        addEventListener(&quot;load&quot;, messagemargintopnumberload);<br>
<b>6278</b><br>
        function messagemargintopnumberset()<br>
<b>6279</b><br>
        {<br>
<b>6280</b><br>
            const v = Number(messagemargintopnumber.value);<br>
<b>6281</b><br>
            messagemargintoprange.value = v;<br>
<b>6282</b><br>
            text.messagemargintop = v;<br>
<b>6283</b><br>
        }<br>
<b>6284</b><br>
        function messagemargintopnumberupdate()<br>
<b>6285</b><br>
        {<br>
<b>6286</b><br>
            messagemargintopnumberset();<br>
<b>6287</b><br>
            svgupdate();<br>
<b>6288</b><br>
        }<br>
<b>6289</b><br>
        function messagemargintoprangeload()<br>
<b>6290</b><br>
        {<br>
<b>6291</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>6292</b><br>
            input.id = &quot;messagemargintoprange&quot;;<br>
<b>6293</b><br>
            input.max = messagemargintopnumber.max;<br>
<b>6294</b><br>
            input.min = messagemargintopnumber.min;<br>
<b>6295</b><br>
            input.type = &quot;range&quot;;<br>
<b>6296</b><br>
            input.value = messagemargintopnumber.value;<br>
<b>6297</b><br>
            input.addEventListener(&quot;input&quot;, messagemargintoprangeupdate);<br>
<b>6298</b><br>
            messagemargintop.append(input);<br>
<b>6299</b><br>
            messagemargintoprangeset();<br>
<b>6300</b><br>
        }<br>
<b>6301</b><br>
        addEventListener(&quot;load&quot;, messagemargintoprangeload);<br>
<b>6302</b><br>
        function messagemargintoprangeset()<br>
<b>6303</b><br>
        {<br>
<b>6304</b><br>
            const v = Number(messagemargintoprange.value);<br>
<b>6305</b><br>
            messagemargintopnumber.value = v;<br>
<b>6306</b><br>
            text.messagemargintop = v;<br>
<b>6307</b><br>
        }<br>
<b>6308</b><br>
        function messagemargintoprangeupdate()<br>
<b>6309</b><br>
        {<br>
<b>6310</b><br>
            messagemargintoprangeset();<br>
<b>6311</b><br>
            svgupdate();<br>
<b>6312</b><br>
        }<br>
<b>6313</b><br>
        function messagemarginbottomload()<br>
<b>6314</b><br>
        {<br>
<b>6315</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>6316</b><br>
            div.id = &quot;messagemarginbottom&quot;;<br>
<b>6317</b><br>
            div.innerHTML = &quot;margin-bottom&quot;;<br>
<b>6318</b><br>
            tabcontentmessage.append(div);<br>
<b>6319</b><br>
        }<br>
<b>6320</b><br>
        addEventListener(&quot;load&quot;, messagemarginbottomload);<br>
<b>6321</b><br>
        function messagemarginbottomnumberload()<br>
<b>6322</b><br>
        {<br>
<b>6323</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>6324</b><br>
            messagemarginbottom.append(br);<br>
<b>6325</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>6326</b><br>
            input.id = &quot;messagemarginbottomnumber&quot;;<br>
<b>6327</b><br>
            input.max = 1000;<br>
<b>6328</b><br>
            input.min = 0;<br>
<b>6329</b><br>
            input.type = &quot;number&quot;;<br>
<b>6330</b><br>
            input.value = 0;<br>
<b>6331</b><br>
            input.addEventListener(&quot;input&quot;, messagemarginbottomnumberupdate);<br>
<b>6332</b><br>
            messagemarginbottom.append(input);<br>
<b>6333</b><br>
            //messagemarginbottomnumberset();<br>
<b>6334</b><br>
        }<br>
<b>6335</b><br>
        addEventListener(&quot;load&quot;, messagemarginbottomnumberload);<br>
<b>6336</b><br>
        function messagemarginbottomnumberset()<br>
<b>6337</b><br>
        {<br>
<b>6338</b><br>
            const v = Number(messagemarginbottomnumber.value);<br>
<b>6339</b><br>
            messagemarginbottomrange.value = v;<br>
<b>6340</b><br>
            text.messagemarginbottom = v;<br>
<b>6341</b><br>
        }<br>
<b>6342</b><br>
        function messagemarginbottomnumberupdate()<br>
<b>6343</b><br>
        {<br>
<b>6344</b><br>
            messagemarginbottomnumberset();<br>
<b>6345</b><br>
            svgupdate();<br>
<b>6346</b><br>
        }<br>
<b>6347</b><br>
        function messagemarginbottomrangeload()<br>
<b>6348</b><br>
        {<br>
<b>6349</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>6350</b><br>
            input.id = &quot;messagemarginbottomrange&quot;;<br>
<b>6351</b><br>
            input.max = messagemarginbottomnumber.max;<br>
<b>6352</b><br>
            input.min = messagemarginbottomnumber.min;<br>
<b>6353</b><br>
            input.type = &quot;range&quot;;<br>
<b>6354</b><br>
            input.value = messagemarginbottomnumber.value;<br>
<b>6355</b><br>
            input.addEventListener(&quot;input&quot;, messagemarginbottomrangeupdate);<br>
<b>6356</b><br>
            messagemarginbottom.append(input);<br>
<b>6357</b><br>
            messagemarginbottomrangeset();<br>
<b>6358</b><br>
        }<br>
<b>6359</b><br>
        addEventListener(&quot;load&quot;, messagemarginbottomrangeload);<br>
<b>6360</b><br>
        function messagemarginbottomrangeset()<br>
<b>6361</b><br>
        {<br>
<b>6362</b><br>
            const v = Number(messagemarginbottomrange.value);<br>
<b>6363</b><br>
            messagemarginbottomnumber.value = v;<br>
<b>6364</b><br>
            text.messagemarginbottom = v;<br>
<b>6365</b><br>
        }<br>
<b>6366</b><br>
        function messagemarginbottomrangeupdate()<br>
<b>6367</b><br>
        {<br>
<b>6368</b><br>
            messagemarginbottomrangeset();<br>
<b>6369</b><br>
            svgupdate();<br>
<b>6370</b><br>
        }<br>
<b>6371</b><br>
        function messagemarginleftload()<br>
<b>6372</b><br>
        {<br>
<b>6373</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>6374</b><br>
            div.id = &quot;messagemarginleft&quot;;<br>
<b>6375</b><br>
            div.innerHTML = &quot;margin-left&quot;;<br>
<b>6376</b><br>
            tabcontentmessage.append(div);<br>
<b>6377</b><br>
        }<br>
<b>6378</b><br>
        addEventListener(&quot;load&quot;, messagemarginleftload);<br>
<b>6379</b><br>
        function messagemarginleftnumberload()<br>
<b>6380</b><br>
        {<br>
<b>6381</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>6382</b><br>
            messagemarginleft.append(br);<br>
<b>6383</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>6384</b><br>
            input.id = &quot;messagemarginleftnumber&quot;;<br>
<b>6385</b><br>
            input.max = 1000;<br>
<b>6386</b><br>
            input.min = 0;<br>
<b>6387</b><br>
            input.type = &quot;number&quot;;<br>
<b>6388</b><br>
            input.value = 0;<br>
<b>6389</b><br>
            input.addEventListener(&quot;input&quot;, messagemarginleftnumberupdate);<br>
<b>6390</b><br>
            messagemarginleft.append(input);<br>
<b>6391</b><br>
            //messagemarginleftnumberset();<br>
<b>6392</b><br>
        }<br>
<b>6393</b><br>
        addEventListener(&quot;load&quot;, messagemarginleftnumberload);<br>
<b>6394</b><br>
        function messagemarginleftnumberset()<br>
<b>6395</b><br>
        {<br>
<b>6396</b><br>
            const v = Number(messagemarginleftnumber.value);<br>
<b>6397</b><br>
            messagemarginleftrange.value = v;<br>
<b>6398</b><br>
            text.messagemarginleft = v;<br>
<b>6399</b><br>
        }<br>
<b>6400</b><br>
        function messagemarginleftnumberupdate()<br>
<b>6401</b><br>
        {<br>
<b>6402</b><br>
            messagemarginleftnumberset();<br>
<b>6403</b><br>
            svgupdate();<br>
<b>6404</b><br>
        }<br>
<b>6405</b><br>
        function messagemarginleftrangeload()<br>
<b>6406</b><br>
        {<br>
<b>6407</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>6408</b><br>
            input.id = &quot;messagemarginleftrange&quot;;<br>
<b>6409</b><br>
            input.max = messagemarginleftnumber.max;<br>
<b>6410</b><br>
            input.min = messagemarginleftnumber.min;<br>
<b>6411</b><br>
            input.type = &quot;range&quot;;<br>
<b>6412</b><br>
            input.value = messagemarginleftnumber.value;<br>
<b>6413</b><br>
            input.addEventListener(&quot;input&quot;, messagemarginleftrangeupdate);<br>
<b>6414</b><br>
            messagemarginleft.append(input);<br>
<b>6415</b><br>
            messagemarginleftrangeset();<br>
<b>6416</b><br>
        }<br>
<b>6417</b><br>
        addEventListener(&quot;load&quot;, messagemarginleftrangeload);<br>
<b>6418</b><br>
        function messagemarginleftrangeset()<br>
<b>6419</b><br>
        {<br>
<b>6420</b><br>
            const v = Number(messagemarginleftrange.value);<br>
<b>6421</b><br>
            messagemarginleftnumber.value = v;<br>
<b>6422</b><br>
            text.messagemarginleft = v;<br>
<b>6423</b><br>
        }<br>
<b>6424</b><br>
        function messagemarginleftrangeupdate()<br>
<b>6425</b><br>
        {<br>
<b>6426</b><br>
            messagemarginleftrangeset();<br>
<b>6427</b><br>
            svgupdate();<br>
<b>6428</b><br>
        }<br>
<b>6429</b><br>
        function messagemarginrightload()<br>
<b>6430</b><br>
        {<br>
<b>6431</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>6432</b><br>
            div.id = &quot;messagemarginright&quot;;<br>
<b>6433</b><br>
            div.innerHTML = &quot;margin-right&quot;;<br>
<b>6434</b><br>
            tabcontentmessage.append(div);<br>
<b>6435</b><br>
        }<br>
<b>6436</b><br>
        addEventListener(&quot;load&quot;, messagemarginrightload);<br>
<b>6437</b><br>
        function messagemarginrightnumberload()<br>
<b>6438</b><br>
        {<br>
<b>6439</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>6440</b><br>
            messagemarginright.append(br);<br>
<b>6441</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>6442</b><br>
            input.id = &quot;messagemarginrightnumber&quot;;<br>
<b>6443</b><br>
            input.max = 1000;<br>
<b>6444</b><br>
            input.min = 0;<br>
<b>6445</b><br>
            input.type = &quot;number&quot;;<br>
<b>6446</b><br>
            input.value = 0;<br>
<b>6447</b><br>
            input.addEventListener(&quot;input&quot;, messagemarginrightnumberupdate);<br>
<b>6448</b><br>
            messagemarginright.append(input);<br>
<b>6449</b><br>
            //messagemarginrightnumberset();<br>
<b>6450</b><br>
        }<br>
<b>6451</b><br>
        addEventListener(&quot;load&quot;, messagemarginrightnumberload);<br>
<b>6452</b><br>
        function messagemarginrightnumberset()<br>
<b>6453</b><br>
        {<br>
<b>6454</b><br>
            const v = Number(messagemarginrightnumber.value);<br>
<b>6455</b><br>
            messagemarginrightrange.value = v;<br>
<b>6456</b><br>
            text.messagemarginright = v;<br>
<b>6457</b><br>
        }<br>
<b>6458</b><br>
        function messagemarginrightnumberupdate()<br>
<b>6459</b><br>
        {<br>
<b>6460</b><br>
            messagemarginrightnumberset();<br>
<b>6461</b><br>
            svgupdate();<br>
<b>6462</b><br>
        }<br>
<b>6463</b><br>
        function messagemarginrightrangeload()<br>
<b>6464</b><br>
        {<br>
<b>6465</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>6466</b><br>
            input.id = &quot;messagemarginrightrange&quot;;<br>
<b>6467</b><br>
            input.max = messagemarginrightnumber.max;<br>
<b>6468</b><br>
            input.min = messagemarginrightnumber.min;<br>
<b>6469</b><br>
            input.type = &quot;range&quot;;<br>
<b>6470</b><br>
            input.value = messagemarginrightnumber.value;<br>
<b>6471</b><br>
            input.addEventListener(&quot;input&quot;, messagemarginrightrangeupdate);<br>
<b>6472</b><br>
            messagemarginright.append(input);<br>
<b>6473</b><br>
            messagemarginrightrangeset();<br>
<b>6474</b><br>
        }<br>
<b>6475</b><br>
        addEventListener(&quot;load&quot;, messagemarginrightrangeload);<br>
<b>6476</b><br>
        function messagemarginrightrangeset()<br>
<b>6477</b><br>
        {<br>
<b>6478</b><br>
            const v = Number(messagemarginrightrange.value);<br>
<b>6479</b><br>
            messagemarginrightnumber.value = v;<br>
<b>6480</b><br>
            text.messagemarginright = v;<br>
<b>6481</b><br>
        }<br>
<b>6482</b><br>
        function messagemarginrightrangeupdate()<br>
<b>6483</b><br>
        {<br>
<b>6484</b><br>
            messagemarginrightrangeset();<br>
<b>6485</b><br>
            svgupdate();<br>
<b>6486</b><br>
        }<br>
<b>6487</b><br>
        function messagepaddingtopload()<br>
<b>6488</b><br>
        {<br>
<b>6489</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>6490</b><br>
            div.id = &quot;messagepaddingtop&quot;;<br>
<b>6491</b><br>
            div.innerHTML = &quot;padding-top&quot;;<br>
<b>6492</b><br>
            tabcontentmessage.append(div);<br>
<b>6493</b><br>
        }<br>
<b>6494</b><br>
        addEventListener(&quot;load&quot;, messagepaddingtopload);<br>
<b>6495</b><br>
        function messagepaddingtopnumberload()<br>
<b>6496</b><br>
        {<br>
<b>6497</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>6498</b><br>
            messagepaddingtop.append(br);<br>
<b>6499</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>6500</b><br>
            input.id = &quot;messagepaddingtopnumber&quot;;<br>
<b>6501</b><br>
            input.max = 1000;<br>
<b>6502</b><br>
            input.min = 0;<br>
<b>6503</b><br>
            input.type = &quot;number&quot;;<br>
<b>6504</b><br>
            input.value = 0;<br>
<b>6505</b><br>
            input.addEventListener(&quot;input&quot;, messagepaddingtopnumberupdate);<br>
<b>6506</b><br>
            messagepaddingtop.append(input);<br>
<b>6507</b><br>
            //messagepaddingtopnumberset();<br>
<b>6508</b><br>
        }<br>
<b>6509</b><br>
        addEventListener(&quot;load&quot;, messagepaddingtopnumberload);<br>
<b>6510</b><br>
        function messagepaddingtopnumberset()<br>
<b>6511</b><br>
        {<br>
<b>6512</b><br>
            const v = Number(messagepaddingtopnumber.value);<br>
<b>6513</b><br>
            messagepaddingtoprange.value = v;<br>
<b>6514</b><br>
            text.messagepaddingtop = v;<br>
<b>6515</b><br>
        }<br>
<b>6516</b><br>
        function messagepaddingtopnumberupdate()<br>
<b>6517</b><br>
        {<br>
<b>6518</b><br>
            messagepaddingtopnumberset();<br>
<b>6519</b><br>
            svgupdate();<br>
<b>6520</b><br>
        }<br>
<b>6521</b><br>
        function messagepaddingtoprangeload()<br>
<b>6522</b><br>
        {<br>
<b>6523</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>6524</b><br>
            input.id = &quot;messagepaddingtoprange&quot;;<br>
<b>6525</b><br>
            input.max = messagepaddingtopnumber.max;<br>
<b>6526</b><br>
            input.min = messagepaddingtopnumber.min;<br>
<b>6527</b><br>
            input.type = &quot;range&quot;;<br>
<b>6528</b><br>
            input.value = messagepaddingtopnumber.value;<br>
<b>6529</b><br>
            input.addEventListener(&quot;input&quot;, messagepaddingtoprangeupdate);<br>
<b>6530</b><br>
            messagepaddingtop.append(input);<br>
<b>6531</b><br>
            messagepaddingtoprangeset();<br>
<b>6532</b><br>
        }<br>
<b>6533</b><br>
        addEventListener(&quot;load&quot;, messagepaddingtoprangeload);<br>
<b>6534</b><br>
        function messagepaddingtoprangeset()<br>
<b>6535</b><br>
        {<br>
<b>6536</b><br>
            const v = Number(messagepaddingtoprange.value);<br>
<b>6537</b><br>
            messagepaddingtopnumber.value = v;<br>
<b>6538</b><br>
            text.messagepaddingtop = v;<br>
<b>6539</b><br>
        }<br>
<b>6540</b><br>
        function messagepaddingtoprangeupdate()<br>
<b>6541</b><br>
        {<br>
<b>6542</b><br>
            messagepaddingtoprangeset();<br>
<b>6543</b><br>
            svgupdate();<br>
<b>6544</b><br>
        }<br>
<b>6545</b><br>
        function messagepaddingbottomload()<br>
<b>6546</b><br>
        {<br>
<b>6547</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>6548</b><br>
            div.id = &quot;messagepaddingbottom&quot;;<br>
<b>6549</b><br>
            div.innerHTML = &quot;padding-bottom&quot;;<br>
<b>6550</b><br>
            tabcontentmessage.append(div);<br>
<b>6551</b><br>
        }<br>
<b>6552</b><br>
        addEventListener(&quot;load&quot;, messagepaddingbottomload);<br>
<b>6553</b><br>
        function messagepaddingbottomnumberload()<br>
<b>6554</b><br>
        {<br>
<b>6555</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>6556</b><br>
            messagepaddingbottom.append(br);<br>
<b>6557</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>6558</b><br>
            input.id = &quot;messagepaddingbottomnumber&quot;;<br>
<b>6559</b><br>
            input.max = 1000;<br>
<b>6560</b><br>
            input.min = 0;<br>
<b>6561</b><br>
            input.type = &quot;number&quot;;<br>
<b>6562</b><br>
            input.value = 0;<br>
<b>6563</b><br>
            input.addEventListener(&quot;input&quot;, messagepaddingbottomnumberupdate);<br>
<b>6564</b><br>
            messagepaddingbottom.append(input);<br>
<b>6565</b><br>
            //messagepaddingbottomnumberset();<br>
<b>6566</b><br>
        }<br>
<b>6567</b><br>
        addEventListener(&quot;load&quot;, messagepaddingbottomnumberload);<br>
<b>6568</b><br>
        function messagepaddingbottomnumberset()<br>
<b>6569</b><br>
        {<br>
<b>6570</b><br>
            const v = Number(messagepaddingbottomnumber.value);<br>
<b>6571</b><br>
            messagepaddingbottomrange.value = v;<br>
<b>6572</b><br>
            text.messagepaddingbottom = v;<br>
<b>6573</b><br>
        }<br>
<b>6574</b><br>
        function messagepaddingbottomnumberupdate()<br>
<b>6575</b><br>
        {<br>
<b>6576</b><br>
            messagepaddingbottomnumberset();<br>
<b>6577</b><br>
            svgupdate();<br>
<b>6578</b><br>
        }<br>
<b>6579</b><br>
        function messagepaddingbottomrangeload()<br>
<b>6580</b><br>
        {<br>
<b>6581</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>6582</b><br>
            input.id = &quot;messagepaddingbottomrange&quot;;<br>
<b>6583</b><br>
            input.max = messagepaddingbottomnumber.max;<br>
<b>6584</b><br>
            input.min = messagepaddingbottomnumber.min;<br>
<b>6585</b><br>
            input.type = &quot;range&quot;;<br>
<b>6586</b><br>
            input.value = messagepaddingbottomnumber.value;<br>
<b>6587</b><br>
            input.addEventListener(&quot;input&quot;, messagepaddingbottomrangeupdate);<br>
<b>6588</b><br>
            messagepaddingbottom.append(input);<br>
<b>6589</b><br>
            messagepaddingbottomrangeset();<br>
<b>6590</b><br>
        }<br>
<b>6591</b><br>
        addEventListener(&quot;load&quot;, messagepaddingbottomrangeload);<br>
<b>6592</b><br>
        function messagepaddingbottomrangeset()<br>
<b>6593</b><br>
        {<br>
<b>6594</b><br>
            const v = Number(messagepaddingbottomrange.value);<br>
<b>6595</b><br>
            messagepaddingbottomnumber.value = v;<br>
<b>6596</b><br>
            text.messagepaddingbottom = v;<br>
<b>6597</b><br>
        }<br>
<b>6598</b><br>
        function messagepaddingbottomrangeupdate()<br>
<b>6599</b><br>
        {<br>
<b>6600</b><br>
            messagepaddingbottomrangeset();<br>
<b>6601</b><br>
            svgupdate();<br>
<b>6602</b><br>
        }<br>
<b>6603</b><br>
        function messagepaddingleftload()<br>
<b>6604</b><br>
        {<br>
<b>6605</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>6606</b><br>
            div.id = &quot;messagepaddingleft&quot;;<br>
<b>6607</b><br>
            div.innerHTML = &quot;padding-left&quot;;<br>
<b>6608</b><br>
            tabcontentmessage.append(div);<br>
<b>6609</b><br>
        }<br>
<b>6610</b><br>
        addEventListener(&quot;load&quot;, messagepaddingleftload);<br>
<b>6611</b><br>
        function messagepaddingleftnumberload()<br>
<b>6612</b><br>
        {<br>
<b>6613</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>6614</b><br>
            messagepaddingleft.append(br);<br>
<b>6615</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>6616</b><br>
            input.id = &quot;messagepaddingleftnumber&quot;;<br>
<b>6617</b><br>
            input.max = 1000;<br>
<b>6618</b><br>
            input.min = 0;<br>
<b>6619</b><br>
            input.type = &quot;number&quot;;<br>
<b>6620</b><br>
            input.value = 0;<br>
<b>6621</b><br>
            input.addEventListener(&quot;input&quot;, messagepaddingleftnumberupdate);<br>
<b>6622</b><br>
            messagepaddingleft.append(input);<br>
<b>6623</b><br>
            //messagepaddingleftnumberset();<br>
<b>6624</b><br>
        }<br>
<b>6625</b><br>
        addEventListener(&quot;load&quot;, messagepaddingleftnumberload);<br>
<b>6626</b><br>
        function messagepaddingleftnumberset()<br>
<b>6627</b><br>
        {<br>
<b>6628</b><br>
            const v = Number(messagepaddingleftnumber.value);<br>
<b>6629</b><br>
            messagepaddingleftrange.value = v;<br>
<b>6630</b><br>
            text.messagepaddingleft = v;<br>
<b>6631</b><br>
        }<br>
<b>6632</b><br>
        function messagepaddingleftnumberupdate()<br>
<b>6633</b><br>
        {<br>
<b>6634</b><br>
            messagepaddingleftnumberset();<br>
<b>6635</b><br>
            svgupdate();<br>
<b>6636</b><br>
        }<br>
<b>6637</b><br>
        function messagepaddingleftrangeload()<br>
<b>6638</b><br>
        {<br>
<b>6639</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>6640</b><br>
            input.id = &quot;messagepaddingleftrange&quot;;<br>
<b>6641</b><br>
            input.max = messagepaddingleftnumber.max;<br>
<b>6642</b><br>
            input.min = messagepaddingleftnumber.min;<br>
<b>6643</b><br>
            input.type = &quot;range&quot;;<br>
<b>6644</b><br>
            input.value = messagepaddingleftnumber.value;<br>
<b>6645</b><br>
            input.addEventListener(&quot;input&quot;, messagepaddingleftrangeupdate);<br>
<b>6646</b><br>
            messagepaddingleft.append(input);<br>
<b>6647</b><br>
            messagepaddingleftrangeset();<br>
<b>6648</b><br>
        }<br>
<b>6649</b><br>
        addEventListener(&quot;load&quot;, messagepaddingleftrangeload);<br>
<b>6650</b><br>
        function messagepaddingleftrangeset()<br>
<b>6651</b><br>
        {<br>
<b>6652</b><br>
            const v = Number(messagepaddingleftrange.value);<br>
<b>6653</b><br>
            messagepaddingleftnumber.value = v;<br>
<b>6654</b><br>
            text.messagepaddingleft = v;<br>
<b>6655</b><br>
        }<br>
<b>6656</b><br>
        function messagepaddingleftrangeupdate()<br>
<b>6657</b><br>
        {<br>
<b>6658</b><br>
            messagepaddingleftrangeset();<br>
<b>6659</b><br>
            svgupdate();<br>
<b>6660</b><br>
        }<br>
<b>6661</b><br>
        function messagepaddingrightload()<br>
<b>6662</b><br>
        {<br>
<b>6663</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>6664</b><br>
            div.id = &quot;messagepaddingright&quot;;<br>
<b>6665</b><br>
            div.innerHTML = &quot;padding-right&quot;;<br>
<b>6666</b><br>
            tabcontentmessage.append(div);<br>
<b>6667</b><br>
        }<br>
<b>6668</b><br>
        addEventListener(&quot;load&quot;, messagepaddingrightload);<br>
<b>6669</b><br>
        function messagepaddingrightnumberload()<br>
<b>6670</b><br>
        {<br>
<b>6671</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>6672</b><br>
            messagepaddingright.append(br);<br>
<b>6673</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>6674</b><br>
            input.id = &quot;messagepaddingrightnumber&quot;;<br>
<b>6675</b><br>
            input.max = 1000;<br>
<b>6676</b><br>
            input.min = 0;<br>
<b>6677</b><br>
            input.type = &quot;number&quot;;<br>
<b>6678</b><br>
            input.value = 0;<br>
<b>6679</b><br>
            input.addEventListener(&quot;input&quot;, messagepaddingrightnumberupdate);<br>
<b>6680</b><br>
            messagepaddingright.append(input);<br>
<b>6681</b><br>
            //messagepaddingrightnumberset();<br>
<b>6682</b><br>
        }<br>
<b>6683</b><br>
        addEventListener(&quot;load&quot;, messagepaddingrightnumberload);<br>
<b>6684</b><br>
        function messagepaddingrightnumberset()<br>
<b>6685</b><br>
        {<br>
<b>6686</b><br>
            const v = Number(messagepaddingrightnumber.value);<br>
<b>6687</b><br>
            messagepaddingrightrange.value = v;<br>
<b>6688</b><br>
            text.messagepaddingright = v;<br>
<b>6689</b><br>
        }<br>
<b>6690</b><br>
        function messagepaddingrightnumberupdate()<br>
<b>6691</b><br>
        {<br>
<b>6692</b><br>
            messagepaddingrightnumberset();<br>
<b>6693</b><br>
            svgupdate();<br>
<b>6694</b><br>
        }<br>
<b>6695</b><br>
        function messagepaddingrightrangeload()<br>
<b>6696</b><br>
        {<br>
<b>6697</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>6698</b><br>
            input.id = &quot;messagepaddingrightrange&quot;;<br>
<b>6699</b><br>
            input.max = messagepaddingrightnumber.max;<br>
<b>6700</b><br>
            input.min = messagepaddingrightnumber.min;<br>
<b>6701</b><br>
            input.type = &quot;range&quot;;<br>
<b>6702</b><br>
            input.value = messagepaddingrightnumber.value;<br>
<b>6703</b><br>
            input.addEventListener(&quot;input&quot;, messagepaddingrightrangeupdate);<br>
<b>6704</b><br>
            messagepaddingright.append(input);<br>
<b>6705</b><br>
            messagepaddingrightrangeset();<br>
<b>6706</b><br>
        }<br>
<b>6707</b><br>
        addEventListener(&quot;load&quot;, messagepaddingrightrangeload);<br>
<b>6708</b><br>
        function messagepaddingrightrangeset()<br>
<b>6709</b><br>
        {<br>
<b>6710</b><br>
            const v = Number(messagepaddingrightrange.value);<br>
<b>6711</b><br>
            messagepaddingrightnumber.value = v;<br>
<b>6712</b><br>
            text.messagepaddingright = v;<br>
<b>6713</b><br>
        }<br>
<b>6714</b><br>
        function messagepaddingrightrangeupdate()<br>
<b>6715</b><br>
        {<br>
<b>6716</b><br>
            messagepaddingrightrangeset();<br>
<b>6717</b><br>
            svgupdate();<br>
<b>6718</b><br>
        }<br>
<b>6719</b><br>
//*/<br>
<b>6720</b><br>
        function referenceversionload()<br>
<b>6721</b><br>
        {<br>
<b>6722</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>6723</b><br>
            div.id = &quot;referenceversion&quot;;<br>
<b>6724</b><br>
            div.innerHTML = &quot;version&quot;;<br>
<b>6725</b><br>
            tabcontentreference.append(div);<br>
<b>6726</b><br>
        }<br>
<b>6727</b><br>
        addEventListener(&quot;load&quot;, referenceversionload);<br>
<b>6728</b><br>
        function referenceversionselectload()<br>
<b>6729</b><br>
        {<br>
<b>6730</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>6731</b><br>
            referenceversion.append(br);<br>
<b>6732</b><br>
            const select = document.createElement(&quot;select&quot;);<br>
<b>6733</b><br>
            select.id = &quot;referenceversionselect&quot;;<br>
<b>6734</b><br>
            select.addEventListener(&quot;input&quot;, referenceversionselectupdate);<br>
<b>6735</b><br>
            referenceversion.append(select);<br>
<b>6736</b><br>
            referenceversionselectload2();<br>
<b>6737</b><br>
        }<br>
<b>6738</b><br>
        addEventListener(&quot;load&quot;, referenceversionselectload);<br>
<b>6739</b><br>
        function referenceversionselectload2()<br>
<b>6740</b><br>
        {<br>
<b>6741</b><br>
            for(const value of Bibleversionarray)<br>
<b>6742</b><br>
            {<br>
<b>6743</b><br>
                const optgroup = document.createElement(&quot;optgroup&quot;);<br>
<b>6744</b><br>
                optgroup.label = value[0];<br>
<b>6745</b><br>
                referenceversionselect.append(optgroup);<br>
<b>6746</b><br>
                for(const v of value[1])<br>
<b>6747</b><br>
                {<br>
<b>6748</b><br>
                    const option = document.createElement(&quot;option&quot;);<br>
<b>6749</b><br>
                    option.innerHTML = v[1];<br>
<b>6750</b><br>
                    option.value = v[0];<br>
<b>6751</b><br>
                    optgroup.append(option);<br>
<b>6752</b><br>
                }<br>
<b>6753</b><br>
            }<br>
<b>6754</b><br>
            referenceversionselect.value = Bibleversionarray[4][1][1][0];<br>
<b>6755</b><br>
            referenceversionselectset();<br>
<b>6756</b><br>
        }<br>
<b>6757</b><br>
        function referenceversionselectset()<br>
<b>6758</b><br>
        {<br>
<b>6759</b><br>
            text.version = referenceversionselect.options.selectedIndex + 1;<br>
<b>6760</b><br>
            text.versionname = referenceversionselect.value;<br>
<b>6761</b><br>
            text.referencetextversion = &quot;&quot;;<br>
<b>6762</b><br>
            if(text.versionbool)<br>
<b>6763</b><br>
            {<br>
<b>6764</b><br>
                text.referencetextversion = ` ${text.versionname}`;<br>
<b>6765</b><br>
            }<br>
<b>6766</b><br>
        }<br>
<b>6767</b><br>
        function referenceversionselectupdate()<br>
<b>6768</b><br>
        {<br>
<b>6769</b><br>
            referenceversionselectset();<br>
<b>6770</b><br>
            /*<br>
<b>6771</b><br>
            referencebookselectload2();<br>
<b>6772</b><br>
            referencechapterselectload2();<br>
<b>6773</b><br>
            referenceverseselectload2();<br>
<b>6774</b><br>
            referenceverseendselectload2();<br>
<b>6775</b><br>
            svgupdate();<br>
<b>6776</b><br>
            //*/<br>
<b>6777</b><br>
            Bibleload();<br>
<b>6778</b><br>
        }<br>
<b>6779</b><br>
        function referenceversioncheckboxload()<br>
<b>6780</b><br>
        {<br>
<b>6781</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>6782</b><br>
            input.type = &quot;checkbox&quot;;<br>
<b>6783</b><br>
            input.addEventListener(&quot;click&quot;, referenceversioncheckboxupdate);<br>
<b>6784</b><br>
            referenceversion.append(input);<br>
<b>6785</b><br>
        }<br>
<b>6786</b><br>
        addEventListener(&quot;load&quot;, referenceversioncheckboxload);<br>
<b>6787</b><br>
        function referenceversioncheckboxupdate()<br>
<b>6788</b><br>
        {<br>
<b>6789</b><br>
            text.versionbool = !text.versionbool;<br>
<b>6790</b><br>
            //referenceversionselectupdate();<br>
<b>6791</b><br>
            referenceversionselectset();<br>
<b>6792</b><br>
            svgupdate();<br>
<b>6793</b><br>
        }<br>
<b>6794</b><br>
        function Bibleload()<br>
<b>6795</b><br>
        {<br>
<b>6796</b><br>
            //console.log(&quot;Bibleload&quot;);<br>
<b>6797</b><br>
            fetch(`/assets/txt/new/${text.versionname}.txt`)<br>
<b>6798</b><br>
            .then(r =&gt; r.text())<br>
<b>6799</b><br>
            .then(t =&gt;<br>
<b>6800</b><br>
            {<br>
<b>6801</b><br>
                const split = t.split(&quot;@&quot;);<br>
<b>6802</b><br>
                //console.log(split);<br>
<b>6803</b><br>
                const b = split[1].trim();<br>
<b>6804</b><br>
                //console.log(b);<br>
<b>6805</b><br>
                const c = b.split(&quot;\n&quot;);<br>
<b>6806</b><br>
                //console.log(c);<br>
<b>6807</b><br>
                for(const [key, value] of c.entries())<br>
<b>6808</b><br>
                {<br>
<b>6809</b><br>
                    const split = value.split(&quot;#&quot;);<br>
<b>6810</b><br>
                    const b = split[1];<br>
<b>6811</b><br>
                    Biblebookarray[key] = b;<br>
<b>6812</b><br>
                    //console.log(Biblebookarray[key]);<br>
<b>6813</b><br>
                }<br>
<b>6814</b><br>
                const v = split[2].trim();<br>
<b>6815</b><br>
                //console.log(v);<br>
<b>6816</b><br>
                const w = v.split(&quot;\n&quot;);<br>
<b>6817</b><br>
                //console.log(w);<br>
<b>6818</b><br>
                for(const value of w)<br>
<b>6819</b><br>
                {<br>
<b>6820</b><br>
                    const split = value.split(&quot;#&quot;);<br>
<b>6821</b><br>
                    const b = Number(split[0]);<br>
<b>6822</b><br>
                    const c = Number(split[1]);<br>
<b>6823</b><br>
                    const v = Number(split[2]);<br>
<b>6824</b><br>
                    const t = split[3];<br>
<b>6825</b><br>
                    if(!Array.isArray(Bibleversearray[b]))<br>
<b>6826</b><br>
                    {<br>
<b>6827</b><br>
                        Bibleversearray[b] = [];<br>
<b>6828</b><br>
                    }<br>
<b>6829</b><br>
                    if(!Array.isArray(Bibleversearray[b][c]))<br>
<b>6830</b><br>
                    {<br>
<b>6831</b><br>
                        Bibleversearray[b][c] = [];<br>
<b>6832</b><br>
                    }<br>
<b>6833</b><br>
                    Bibleversearray[b][c][v] = t;<br>
<b>6834</b><br>
                    //console.log(b, c, v, t);<br>
<b>6835</b><br>
                }<br>
<b>6836</b><br>
                //imageload2();<br>
<b>6837</b><br>
                //referenceversionselectload2();<br>
<b>6838</b><br>
                //*<br>
<b>6839</b><br>
                referencebookselectload2();<br>
<b>6840</b><br>
                referencechapterselectload2()<br>
<b>6841</b><br>
                referenceverseselectload2();<br>
<b>6842</b><br>
                referenceverseendselectload2();<br>
<b>6843</b><br>
                //*/<br>
<b>6844</b><br>
                //canvasupdate();<br>
<b>6845</b><br>
                svgupdate();<br>
<b>6846</b><br>
            });<br>
<b>6847</b><br>
        }<br>
<b>6848</b><br>
        addEventListener(&quot;load&quot;, Bibleload);<br>
<b>6849</b><br>
        function referencebookload()<br>
<b>6850</b><br>
        {<br>
<b>6851</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>6852</b><br>
            div.id = &quot;referencebook&quot;;<br>
<b>6853</b><br>
            div.innerHTML = &quot;book&quot;;<br>
<b>6854</b><br>
            tabcontentreference.append(div);<br>
<b>6855</b><br>
        }<br>
<b>6856</b><br>
        addEventListener(&quot;load&quot;, referencebookload);<br>
<b>6857</b><br>
        function referencebookselectload()<br>
<b>6858</b><br>
        {<br>
<b>6859</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>6860</b><br>
            referencebook.append(br);<br>
<b>6861</b><br>
            const select = document.createElement(&quot;select&quot;);<br>
<b>6862</b><br>
            select.id = &quot;referencebookselect&quot;;<br>
<b>6863</b><br>
            select.addEventListener(&quot;input&quot;, referencebookselectupdate);<br>
<b>6864</b><br>
            referencebook.append(select);<br>
<b>6865</b><br>
            text.referencetextbook = &quot;Genesis&quot;;<br>
<b>6866</b><br>
            //referencebookselectload2();<br>
<b>6867</b><br>
        }<br>
<b>6868</b><br>
        addEventListener(&quot;load&quot;, referencebookselectload);<br>
<b>6869</b><br>
        function referencebookselectload2()<br>
<b>6870</b><br>
        {<br>
<b>6871</b><br>
            for(let i = referencebookselect.options.length - 1; i &gt;= 0; --i)<br>
<b>6872</b><br>
            {<br>
<b>6873</b><br>
                referencebookselect.remove(i);<br>
<b>6874</b><br>
            }<br>
<b>6875</b><br>
            for(const value of Biblebookarray)<br>
<b>6876</b><br>
            {<br>
<b>6877</b><br>
                const option = document.createElement(&quot;option&quot;);<br>
<b>6878</b><br>
                option.innerHTML = value;<br>
<b>6879</b><br>
                referencebookselect.add(option);<br>
<b>6880</b><br>
            }<br>
<b>6881</b><br>
            //referencebookselect.value = Biblebookarray[42];<br>
<b>6882</b><br>
            referencebookselectset();<br>
<b>6883</b><br>
        }<br>
<b>6884</b><br>
        function referencebookselectset()<br>
<b>6885</b><br>
        {<br>
<b>6886</b><br>
            text.book = referencebookselect.options.selectedIndex + 1;<br>
<b>6887</b><br>
            text.bookname = referencebookselect.value;<br>
<b>6888</b><br>
            text.referencetextbook = text.bookname;<br>
<b>6889</b><br>
        }<br>
<b>6890</b><br>
        function referencebookselectupdate()<br>
<b>6891</b><br>
        {<br>
<b>6892</b><br>
            referencebookselectset();<br>
<b>6893</b><br>
            referencechapterselectload2();<br>
<b>6894</b><br>
            referenceverseselectload2();<br>
<b>6895</b><br>
            referenceverseendselectload2();<br>
<b>6896</b><br>
            svgupdate();<br>
<b>6897</b><br>
        }<br>
<b>6898</b><br>
        function referencechapterload()<br>
<b>6899</b><br>
        {<br>
<b>6900</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>6901</b><br>
            div.id = &quot;referencechapter&quot;;<br>
<b>6902</b><br>
            div.innerHTML = &quot;chapter&quot;;<br>
<b>6903</b><br>
            tabcontentreference.append(div);<br>
<b>6904</b><br>
        }<br>
<b>6905</b><br>
        addEventListener(&quot;load&quot;, referencechapterload);<br>
<b>6906</b><br>
        function referencechapterselectload()<br>
<b>6907</b><br>
        {<br>
<b>6908</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>6909</b><br>
            referencechapter.append(br);<br>
<b>6910</b><br>
            const select = document.createElement(&quot;select&quot;);<br>
<b>6911</b><br>
            select.id = &quot;referencechapterselect&quot;;<br>
<b>6912</b><br>
            select.addEventListener(&quot;input&quot;, referencechapterselectupdate);<br>
<b>6913</b><br>
            referencechapter.append(select);<br>
<b>6914</b><br>
            text.referencetextchapter = &quot; 1&quot;;<br>
<b>6915</b><br>
            //referencechapterselectload2();<br>
<b>6916</b><br>
        }<br>
<b>6917</b><br>
        addEventListener(&quot;load&quot;, referencechapterselectload);<br>
<b>6918</b><br>
        function referencechapterselectload2()<br>
<b>6919</b><br>
        {<br>
<b>6920</b><br>
            for(let i = referencechapterselect.options.length - 1; i &gt;= 0; --i)<br>
<b>6921</b><br>
            {<br>
<b>6922</b><br>
                referencechapterselect.remove(i);<br>
<b>6923</b><br>
            }<br>
<b>6924</b><br>
            for(let i = 1; i &lt; Bibleversearray[text.book].length; ++i)<br>
<b>6925</b><br>
            {<br>
<b>6926</b><br>
                const option = document.createElement(&quot;option&quot;);<br>
<b>6927</b><br>
                option.innerHTML = i;<br>
<b>6928</b><br>
                referencechapterselect.add(option);<br>
<b>6929</b><br>
            }<br>
<b>6930</b><br>
            referencechapterselect.value = 1;<br>
<b>6931</b><br>
            referencechapterselectset();<br>
<b>6932</b><br>
        }<br>
<b>6933</b><br>
        function referencechapterselectset()<br>
<b>6934</b><br>
        {<br>
<b>6935</b><br>
            text.chapter = referencechapterselect.value;<br>
<b>6936</b><br>
            text.referencetextchapter = ` ${text.chapter}`;<br>
<b>6937</b><br>
        }<br>
<b>6938</b><br>
        function referencechapterselectupdate()<br>
<b>6939</b><br>
        {<br>
<b>6940</b><br>
            referencechapterselectset();<br>
<b>6941</b><br>
            referenceverseselectload2();<br>
<b>6942</b><br>
            referenceverseendselectload2();<br>
<b>6943</b><br>
            svgupdate();<br>
<b>6944</b><br>
        }<br>
<b>6945</b><br>
        function referenceverseload()<br>
<b>6946</b><br>
        {<br>
<b>6947</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>6948</b><br>
            div.id = &quot;referenceverse&quot;;<br>
<b>6949</b><br>
            div.innerHTML = &quot;verse-start&quot;;<br>
<b>6950</b><br>
            tabcontentreference.append(div);<br>
<b>6951</b><br>
        }<br>
<b>6952</b><br>
        addEventListener(&quot;load&quot;, referenceverseload);<br>
<b>6953</b><br>
        function referenceverseselectload()<br>
<b>6954</b><br>
        {<br>
<b>6955</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>6956</b><br>
            referenceverse.append(br);<br>
<b>6957</b><br>
            const select = document.createElement(&quot;select&quot;);<br>
<b>6958</b><br>
            select.id = &quot;referenceverseselect&quot;;<br>
<b>6959</b><br>
            select.addEventListener(&quot;input&quot;, referenceverseselectupdate);<br>
<b>6960</b><br>
            referenceverse.append(select);<br>
<b>6961</b><br>
            text.referencetextverse = &quot;:1&quot;;<br>
<b>6962</b><br>
            text.passagetextverse = &quot;In the beginning God created the heaven and the earth.&quot;;<br>
<b>6963</b><br>
            //referenceverseselectload2();<br>
<b>6964</b><br>
        }<br>
<b>6965</b><br>
        addEventListener(&quot;load&quot;, referenceverseselectload);<br>
<b>6966</b><br>
        function referenceverseselectload2()<br>
<b>6967</b><br>
        {<br>
<b>6968</b><br>
            for(let i = referenceverseselect.options.length - 1; i &gt;= 0; --i)<br>
<b>6969</b><br>
            {<br>
<b>6970</b><br>
                referenceverseselect.remove(i);<br>
<b>6971</b><br>
            }<br>
<b>6972</b><br>
            for(let i = 1; i &lt; Bibleversearray[text.book][text.chapter].length; ++i)<br>
<b>6973</b><br>
            {<br>
<b>6974</b><br>
                const option = document.createElement(&quot;option&quot;);<br>
<b>6975</b><br>
                option.innerHTML = i;<br>
<b>6976</b><br>
                referenceverseselect.add(option);<br>
<b>6977</b><br>
            }<br>
<b>6978</b><br>
            referenceverseselect.value = 1;<br>
<b>6979</b><br>
            referenceverseselectset();<br>
<b>6980</b><br>
        }<br>
<b>6981</b><br>
        function referenceverseselectset()<br>
<b>6982</b><br>
        {<br>
<b>6983</b><br>
            text.verse = referenceverseselect.value;<br>
<b>6984</b><br>
            text.referencetextverse = `:${text.verse}`;<br>
<b>6985</b><br>
            text.passagetextverse = Bibleversearray[text.book][text.chapter][text.verse];<br>
<b>6986</b><br>
        }<br>
<b>6987</b><br>
        function referenceverseselectupdate()<br>
<b>6988</b><br>
        {<br>
<b>6989</b><br>
            referenceverseselectset();<br>
<b>6990</b><br>
            referenceverseendselectload2();<br>
<b>6991</b><br>
            svgupdate();<br>
<b>6992</b><br>
        }<br>
<b>6993</b><br>
        function referenceverseendload()<br>
<b>6994</b><br>
        {<br>
<b>6995</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>6996</b><br>
            div.id = &quot;referenceverseend&quot;;<br>
<b>6997</b><br>
            div.innerHTML = &quot;verse-end&quot;;<br>
<b>6998</b><br>
            tabcontentreference.append(div);<br>
<b>6999</b><br>
        }<br>
<b>7000</b><br>
        addEventListener(&quot;load&quot;, referenceverseendload);<br>
<b>7001</b><br>
        function referenceverseendselectload()<br>
<b>7002</b><br>
        {<br>
<b>7003</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>7004</b><br>
            referenceverseend.append(br);<br>
<b>7005</b><br>
            const select = document.createElement(&quot;select&quot;);<br>
<b>7006</b><br>
            select.id = &quot;referenceverseendselect&quot;;<br>
<b>7007</b><br>
            select.addEventListener(&quot;input&quot;, referenceverseendselectupdate);<br>
<b>7008</b><br>
            referenceverseend.append(select);<br>
<b>7009</b><br>
            text.referencetextverseend = &quot;&quot;;<br>
<b>7010</b><br>
            text.passagetextverseend = &quot;&quot;;<br>
<b>7011</b><br>
            //referenceverseendselectload2();<br>
<b>7012</b><br>
        }<br>
<b>7013</b><br>
        addEventListener(&quot;load&quot;, referenceverseendselectload);<br>
<b>7014</b><br>
        function referenceverseendselectload2()<br>
<b>7015</b><br>
        {<br>
<b>7016</b><br>
            for(let i = referenceverseendselect.options.length - 1; i &gt;= 0; --i)<br>
<b>7017</b><br>
            {<br>
<b>7018</b><br>
                referenceverseendselect.remove(i);<br>
<b>7019</b><br>
            }<br>
<b>7020</b><br>
            for(let i = referenceverseselect.value; i &lt; Bibleversearray[text.book][text.chapter].length; ++i)<br>
<b>7021</b><br>
            {<br>
<b>7022</b><br>
                const option = document.createElement(&quot;option&quot;);<br>
<b>7023</b><br>
                option.innerHTML = i;<br>
<b>7024</b><br>
                referenceverseendselect.add(option);<br>
<b>7025</b><br>
            }<br>
<b>7026</b><br>
            referenceverseendselect.value = referenceverseselect.value;<br>
<b>7027</b><br>
            referenceverseendselectset();<br>
<b>7028</b><br>
        }<br>
<b>7029</b><br>
        function referenceverseendselectset()<br>
<b>7030</b><br>
        {<br>
<b>7031</b><br>
            text.verseend = referenceverseendselect.value;<br>
<b>7032</b><br>
            //text.referencetext = `${text.bookname} ${text.chapter}:${text.verse}`;<br>
<b>7033</b><br>
            //text.passagetext = `${Bibleversearray[text.book][text.chapter][text.verse]}`;<br>
<b>7034</b><br>
            text.referencetextverseend = &quot;&quot;;<br>
<b>7035</b><br>
            text.passagetextverseend = &quot;&quot;;<br>
<b>7036</b><br>
            if(text.verse != text.verseend)<br>
<b>7037</b><br>
            {<br>
<b>7038</b><br>
                //text.referencetext += `-${text.verseend}`;<br>
<b>7039</b><br>
                text.referencetextverseend = `-${text.verseend}`;<br>
<b>7040</b><br>
                for(let i = Number(text.verse) + 1; i &lt;= text.verseend; ++i)<br>
<b>7041</b><br>
                {<br>
<b>7042</b><br>
                    //text.passagetext += ` ${Bibleversearray[text.book][text.chapter][i]}`;<br>
<b>7043</b><br>
                    text.passagetextverseend += ` ${Bibleversearray[text.book][text.chapter][i]}`;<br>
<b>7044</b><br>
                }<br>
<b>7045</b><br>
            }<br>
<b>7046</b><br>
            //if(text.versionbool)<br>
<b>7047</b><br>
            //{<br>
<b>7048</b><br>
            //    text.referencetext += ` ${text.versionname}`;<br>
<b>7049</b><br>
            //}<br>
<b>7050</b><br>
            //console.log(text.referencetext);<br>
<b>7051</b><br>
            //console.log(text.passagetext);<br>
<b>7052</b><br>
        }<br>
<b>7053</b><br>
        function referenceverseendselectupdate()<br>
<b>7054</b><br>
        {<br>
<b>7055</b><br>
            referenceverseendselectset();<br>
<b>7056</b><br>
            svgupdate();<br>
<b>7057</b><br>
        }<br>
<b>7058</b><br>
        function referencewidthload()<br>
<b>7059</b><br>
        {<br>
<b>7060</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>7061</b><br>
            div.id = &quot;referencewidth&quot;;<br>
<b>7062</b><br>
            div.innerHTML = &quot;width&quot;;<br>
<b>7063</b><br>
            tabcontentreference.append(div);<br>
<b>7064</b><br>
            const style = div.style;<br>
<b>7065</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>7066</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>7067</b><br>
        }<br>
<b>7068</b><br>
        addEventListener(&quot;load&quot;, referencewidthload);<br>
<b>7069</b><br>
        function referencewidthnumberload()<br>
<b>7070</b><br>
        {<br>
<b>7071</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>7072</b><br>
            referencewidth.append(br);<br>
<b>7073</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>7074</b><br>
            input.id = &quot;referencewidthnumber&quot;;<br>
<b>7075</b><br>
            input.max = maxwidth;<br>
<b>7076</b><br>
            input.min = 0;<br>
<b>7077</b><br>
            input.type = &quot;number&quot;;<br>
<b>7078</b><br>
            input.value = canvas.width - 100;<br>
<b>7079</b><br>
            input.addEventListener(&quot;input&quot;, referencewidthnumberupdate);<br>
<b>7080</b><br>
            referencewidth.append(input);<br>
<b>7081</b><br>
            //referencewidthnumberset();<br>
<b>7082</b><br>
        }<br>
<b>7083</b><br>
        addEventListener(&quot;load&quot;, referencewidthnumberload);<br>
<b>7084</b><br>
        function referencewidthnumberset()<br>
<b>7085</b><br>
        {<br>
<b>7086</b><br>
            const v = Number(referencewidthnumber.value);<br>
<b>7087</b><br>
            referencewidthrange.value = v;<br>
<b>7088</b><br>
            text.referencewidth = v;<br>
<b>7089</b><br>
        }<br>
<b>7090</b><br>
        function referencewidthnumberupdate()<br>
<b>7091</b><br>
        {<br>
<b>7092</b><br>
            referencewidthnumberset();<br>
<b>7093</b><br>
            svgupdate();<br>
<b>7094</b><br>
        }<br>
<b>7095</b><br>
        function referencewidthrangeload()<br>
<b>7096</b><br>
        {<br>
<b>7097</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>7098</b><br>
            input.id = &quot;referencewidthrange&quot;;<br>
<b>7099</b><br>
            input.max = referencewidthnumber.max;<br>
<b>7100</b><br>
            input.min = referencewidthnumber.min;<br>
<b>7101</b><br>
            input.type = &quot;range&quot;;<br>
<b>7102</b><br>
            input.value = referencewidthnumber.value;<br>
<b>7103</b><br>
            input.addEventListener(&quot;input&quot;, referencewidthrangeupdate);<br>
<b>7104</b><br>
            referencewidth.append(input);<br>
<b>7105</b><br>
            referencewidthrangeset();<br>
<b>7106</b><br>
        }<br>
<b>7107</b><br>
        addEventListener(&quot;load&quot;, referencewidthrangeload);<br>
<b>7108</b><br>
        function referencewidthrangeset()<br>
<b>7109</b><br>
        {<br>
<b>7110</b><br>
            const v = Number(referencewidthrange.value);<br>
<b>7111</b><br>
            referencewidthnumber.value = v;<br>
<b>7112</b><br>
            text.referencewidth = v;<br>
<b>7113</b><br>
        }<br>
<b>7114</b><br>
        function referencewidthrangeupdate()<br>
<b>7115</b><br>
        {<br>
<b>7116</b><br>
            referencewidthrangeset();<br>
<b>7117</b><br>
            svgupdate();<br>
<b>7118</b><br>
        }<br>
<b>7119</b><br>
        function referencewidthexactload()<br>
<b>7120</b><br>
        {<br>
<b>7121</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>7122</b><br>
            referencewidth.append(br);<br>
<b>7123</b><br>
            const array =<br>
<b>7124</b><br>
            [<br>
<b>7125</b><br>
                [&quot;25%&quot;,0.25],<br>
<b>7126</b><br>
                [&quot;50%&quot;,0.5],<br>
<b>7127</b><br>
                [&quot;75%&quot;,0.75],<br>
<b>7128</b><br>
                [&quot;100%&quot;,1],<br>
<b>7129</b><br>
            ];<br>
<b>7130</b><br>
            for(const value of array)<br>
<b>7131</b><br>
            {<br>
<b>7132</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>7133</b><br>
                button.innerHTML = value[0];<br>
<b>7134</b><br>
                button.value = value[1];<br>
<b>7135</b><br>
                button.addEventListener(&quot;click&quot;, referencewidthexactupdate);<br>
<b>7136</b><br>
                referencewidth.append(button);<br>
<b>7137</b><br>
            }<br>
<b>7138</b><br>
        }<br>
<b>7139</b><br>
        addEventListener(&quot;load&quot;, referencewidthexactload);<br>
<b>7140</b><br>
        function referencewidthexactupdate(e)<br>
<b>7141</b><br>
        {<br>
<b>7142</b><br>
            referencewidthnumber.value = canvas.width * Number(e.target.value);<br>
<b>7143</b><br>
            referencewidthnumberupdate();<br>
<b>7144</b><br>
        }<br>
<b>7145</b><br>
        function referencewidthincrementload()<br>
<b>7146</b><br>
        {<br>
<b>7147</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>7148</b><br>
            referencewidth.append(br);<br>
<b>7149</b><br>
            const array =<br>
<b>7150</b><br>
            [<br>
<b>7151</b><br>
                [&quot;-1000&quot;,-1000],<br>
<b>7152</b><br>
                [&quot;-100&quot;,-100],<br>
<b>7153</b><br>
                [&quot;-10&quot;,-10],<br>
<b>7154</b><br>
                [&quot;-1&quot;,-1],<br>
<b>7155</b><br>
                [&quot;+1&quot;,1],<br>
<b>7156</b><br>
                [&quot;+10&quot;,10],<br>
<b>7157</b><br>
                [&quot;+100&quot;,100],<br>
<b>7158</b><br>
                [&quot;+1000&quot;,1000],<br>
<b>7159</b><br>
            ];<br>
<b>7160</b><br>
            for(const value of array)<br>
<b>7161</b><br>
            {<br>
<b>7162</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>7163</b><br>
                button.innerHTML = value[0];<br>
<b>7164</b><br>
                button.value = value[1];<br>
<b>7165</b><br>
                button.addEventListener(&quot;click&quot;, referencewidthincrementupdate);<br>
<b>7166</b><br>
                referencewidth.append(button);<br>
<b>7167</b><br>
            }<br>
<b>7168</b><br>
        }<br>
<b>7169</b><br>
        addEventListener(&quot;load&quot;, referencewidthincrementload);<br>
<b>7170</b><br>
        function referencewidthincrementupdate(e)<br>
<b>7171</b><br>
        {<br>
<b>7172</b><br>
            const v = Number(referencewidthnumber.value) + Number(e.target.value);<br>
<b>7173</b><br>
            if((referencewidthnumber.min &lt;= v) &amp;&amp; (v &lt;= referencewidthnumber.max))<br>
<b>7174</b><br>
            {<br>
<b>7175</b><br>
                referencewidthnumber.value = v;<br>
<b>7176</b><br>
                referencewidthnumberupdate();<br>
<b>7177</b><br>
            }<br>
<b>7178</b><br>
        }<br>
<b>7179</b><br>
        function referenceheightload()<br>
<b>7180</b><br>
        {<br>
<b>7181</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>7182</b><br>
            div.id = &quot;referenceheight&quot;;<br>
<b>7183</b><br>
            div.innerHTML = &quot;height&quot;;<br>
<b>7184</b><br>
            tabcontentreference.append(div);<br>
<b>7185</b><br>
            const style = div.style;<br>
<b>7186</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>7187</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>7188</b><br>
        }<br>
<b>7189</b><br>
        addEventListener(&quot;load&quot;, referenceheightload);<br>
<b>7190</b><br>
        function referenceheightnumberload()<br>
<b>7191</b><br>
        {<br>
<b>7192</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>7193</b><br>
            referenceheight.append(br);<br>
<b>7194</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>7195</b><br>
            input.id = &quot;referenceheightnumber&quot;;<br>
<b>7196</b><br>
            input.max = maxheight;<br>
<b>7197</b><br>
            input.min = 0;<br>
<b>7198</b><br>
            input.type = &quot;number&quot;;<br>
<b>7199</b><br>
            input.value = 280;<br>
<b>7200</b><br>
            input.addEventListener(&quot;input&quot;, referenceheightnumberupdate);<br>
<b>7201</b><br>
            referenceheight.append(input);<br>
<b>7202</b><br>
            //referenceheightnumberset();<br>
<b>7203</b><br>
        }<br>
<b>7204</b><br>
        addEventListener(&quot;load&quot;, referenceheightnumberload);<br>
<b>7205</b><br>
        function referenceheightnumberset()<br>
<b>7206</b><br>
        {<br>
<b>7207</b><br>
            const v = Number(referenceheightnumber.value);<br>
<b>7208</b><br>
            referenceheightrange.value = v;<br>
<b>7209</b><br>
            text.referenceheight = v;<br>
<b>7210</b><br>
        }<br>
<b>7211</b><br>
        function referenceheightnumberupdate()<br>
<b>7212</b><br>
        {<br>
<b>7213</b><br>
            referenceheightnumberset();<br>
<b>7214</b><br>
            svgupdate();<br>
<b>7215</b><br>
        }<br>
<b>7216</b><br>
        function referenceheightrangeload()<br>
<b>7217</b><br>
        {<br>
<b>7218</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>7219</b><br>
            input.id = &quot;referenceheightrange&quot;;<br>
<b>7220</b><br>
            input.max = referenceheightnumber.max;<br>
<b>7221</b><br>
            input.min = referenceheightnumber.min;<br>
<b>7222</b><br>
            input.type = &quot;range&quot;;<br>
<b>7223</b><br>
            input.value = referenceheightnumber.value;<br>
<b>7224</b><br>
            input.addEventListener(&quot;input&quot;, referenceheightrangeupdate);<br>
<b>7225</b><br>
            referenceheight.append(input);<br>
<b>7226</b><br>
            referenceheightrangeset();<br>
<b>7227</b><br>
        }<br>
<b>7228</b><br>
        addEventListener(&quot;load&quot;, referenceheightrangeload);<br>
<b>7229</b><br>
        function referenceheightrangeset()<br>
<b>7230</b><br>
        {<br>
<b>7231</b><br>
            const v = Number(referenceheightrange.value);<br>
<b>7232</b><br>
            referenceheightnumber.value = v;<br>
<b>7233</b><br>
            text.referenceheight = v;<br>
<b>7234</b><br>
        }<br>
<b>7235</b><br>
        function referenceheightrangeupdate()<br>
<b>7236</b><br>
        {<br>
<b>7237</b><br>
            referenceheightrangeset();<br>
<b>7238</b><br>
            svgupdate();<br>
<b>7239</b><br>
        }<br>
<b>7240</b><br>
        function referenceheightexactload()<br>
<b>7241</b><br>
        {<br>
<b>7242</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>7243</b><br>
            referenceheight.append(br);<br>
<b>7244</b><br>
            const array =<br>
<b>7245</b><br>
            [<br>
<b>7246</b><br>
                [&quot;25%&quot;,0.25],<br>
<b>7247</b><br>
                [&quot;50%&quot;,0.5],<br>
<b>7248</b><br>
                [&quot;75%&quot;,0.75],<br>
<b>7249</b><br>
                [&quot;100%&quot;,1],<br>
<b>7250</b><br>
            ];<br>
<b>7251</b><br>
            for(const value of array)<br>
<b>7252</b><br>
            {<br>
<b>7253</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>7254</b><br>
                button.innerHTML = value[0];<br>
<b>7255</b><br>
                button.value = value[1];<br>
<b>7256</b><br>
                button.addEventListener(&quot;click&quot;, referenceheightexactupdate);<br>
<b>7257</b><br>
                referenceheight.append(button);<br>
<b>7258</b><br>
            }<br>
<b>7259</b><br>
        }<br>
<b>7260</b><br>
        addEventListener(&quot;load&quot;, referenceheightexactload);<br>
<b>7261</b><br>
        function referenceheightexactupdate(e)<br>
<b>7262</b><br>
        {<br>
<b>7263</b><br>
            referenceheightnumber.value = canvas.height * Number(e.target.value);<br>
<b>7264</b><br>
            referenceheightnumberupdate();<br>
<b>7265</b><br>
        }<br>
<b>7266</b><br>
        function referenceheightincrementload()<br>
<b>7267</b><br>
        {<br>
<b>7268</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>7269</b><br>
            referenceheight.append(br);<br>
<b>7270</b><br>
            const array =<br>
<b>7271</b><br>
            [<br>
<b>7272</b><br>
                [&quot;-1000&quot;,-1000],<br>
<b>7273</b><br>
                [&quot;-100&quot;,-100],<br>
<b>7274</b><br>
                [&quot;-10&quot;,-10],<br>
<b>7275</b><br>
                [&quot;-1&quot;,-1],<br>
<b>7276</b><br>
                [&quot;+1&quot;,1],<br>
<b>7277</b><br>
                [&quot;+10&quot;,10],<br>
<b>7278</b><br>
                [&quot;+100&quot;,100],<br>
<b>7279</b><br>
                [&quot;+1000&quot;,1000],<br>
<b>7280</b><br>
            ];<br>
<b>7281</b><br>
            for(const value of array)<br>
<b>7282</b><br>
            {<br>
<b>7283</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>7284</b><br>
                button.innerHTML = value[0];<br>
<b>7285</b><br>
                button.value = value[1];<br>
<b>7286</b><br>
                button.addEventListener(&quot;click&quot;, referenceheightincrementupdate);<br>
<b>7287</b><br>
                referenceheight.append(button);<br>
<b>7288</b><br>
            }<br>
<b>7289</b><br>
        }<br>
<b>7290</b><br>
        addEventListener(&quot;load&quot;, referenceheightincrementload);<br>
<b>7291</b><br>
        function referenceheightincrementupdate(e)<br>
<b>7292</b><br>
        {<br>
<b>7293</b><br>
            const v = Number(referenceheightnumber.value) + Number(e.target.value);<br>
<b>7294</b><br>
            if((referenceheightnumber.min &lt;= v) &amp;&amp; (v &lt;= referenceheightnumber.max))<br>
<b>7295</b><br>
            {<br>
<b>7296</b><br>
                referenceheightnumber.value = v;<br>
<b>7297</b><br>
                referenceheightnumberupdate();<br>
<b>7298</b><br>
            }<br>
<b>7299</b><br>
        }<br>
<b>7300</b><br>
        function referencexload()<br>
<b>7301</b><br>
        {<br>
<b>7302</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>7303</b><br>
            div.id = &quot;referencex&quot;;<br>
<b>7304</b><br>
            div.innerHTML = &quot;x&quot;;<br>
<b>7305</b><br>
            tabcontentreference.append(div);<br>
<b>7306</b><br>
            const style = div.style;<br>
<b>7307</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>7308</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>7309</b><br>
        }<br>
<b>7310</b><br>
        addEventListener(&quot;load&quot;, referencexload);<br>
<b>7311</b><br>
        function referencexnumberload()<br>
<b>7312</b><br>
        {<br>
<b>7313</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>7314</b><br>
            referencex.append(br);<br>
<b>7315</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>7316</b><br>
            input.id = &quot;referencexnumber&quot;;<br>
<b>7317</b><br>
            input.max = maxwidth;<br>
<b>7318</b><br>
            input.min = -maxwidth;<br>
<b>7319</b><br>
            input.type = &quot;number&quot;;<br>
<b>7320</b><br>
            input.value = 50;<br>
<b>7321</b><br>
            input.addEventListener(&quot;input&quot;, referencexnumberupdate);<br>
<b>7322</b><br>
            referencex.append(input);<br>
<b>7323</b><br>
            //referencexnumberset();<br>
<b>7324</b><br>
        }<br>
<b>7325</b><br>
        addEventListener(&quot;load&quot;, referencexnumberload);<br>
<b>7326</b><br>
        function referencexnumberset()<br>
<b>7327</b><br>
        {<br>
<b>7328</b><br>
            const v = Number(referencexnumber.value);<br>
<b>7329</b><br>
            referencexrange.value = v;<br>
<b>7330</b><br>
            text.referencex = v;<br>
<b>7331</b><br>
        }<br>
<b>7332</b><br>
        function referencexnumberupdate()<br>
<b>7333</b><br>
        {<br>
<b>7334</b><br>
            referencexnumberset();<br>
<b>7335</b><br>
            svgupdate();<br>
<b>7336</b><br>
        }<br>
<b>7337</b><br>
        function referencexrangeload()<br>
<b>7338</b><br>
        {<br>
<b>7339</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>7340</b><br>
            input.id = &quot;referencexrange&quot;;<br>
<b>7341</b><br>
            input.max = referencexnumber.max;<br>
<b>7342</b><br>
            input.min = referencexnumber.min;<br>
<b>7343</b><br>
            input.type = &quot;range&quot;;<br>
<b>7344</b><br>
            input.value = referencexnumber.value;<br>
<b>7345</b><br>
            input.addEventListener(&quot;input&quot;, referencexrangeupdate);<br>
<b>7346</b><br>
            referencex.append(input);<br>
<b>7347</b><br>
            referencexrangeset();<br>
<b>7348</b><br>
        }<br>
<b>7349</b><br>
        addEventListener(&quot;load&quot;, referencexrangeload);<br>
<b>7350</b><br>
        function referencexrangeset()<br>
<b>7351</b><br>
        {<br>
<b>7352</b><br>
            const v = Number(referencexrange.value);<br>
<b>7353</b><br>
            referencexnumber.value = v;<br>
<b>7354</b><br>
            text.referencex = v;<br>
<b>7355</b><br>
        }<br>
<b>7356</b><br>
        function referencexrangeupdate()<br>
<b>7357</b><br>
        {<br>
<b>7358</b><br>
            referencexrangeset();<br>
<b>7359</b><br>
            svgupdate();<br>
<b>7360</b><br>
        }<br>
<b>7361</b><br>
        function referencexexactload()<br>
<b>7362</b><br>
        {<br>
<b>7363</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>7364</b><br>
            referencex.append(br);<br>
<b>7365</b><br>
            const array =<br>
<b>7366</b><br>
            [<br>
<b>7367</b><br>
                [&quot;left&quot;,0],<br>
<b>7368</b><br>
                [&quot;center&quot;,0.5],<br>
<b>7369</b><br>
                [&quot;right&quot;,1],<br>
<b>7370</b><br>
            ];<br>
<b>7371</b><br>
            for(const value of array)<br>
<b>7372</b><br>
            {<br>
<b>7373</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>7374</b><br>
                button.innerHTML = value[0];<br>
<b>7375</b><br>
                button.value = value[1];<br>
<b>7376</b><br>
                button.addEventListener(&quot;click&quot;, referencexexactupdate);<br>
<b>7377</b><br>
                referencex.append(button);<br>
<b>7378</b><br>
            }<br>
<b>7379</b><br>
        }<br>
<b>7380</b><br>
        addEventListener(&quot;load&quot;, referencexexactload);<br>
<b>7381</b><br>
        function referencexexactupdate(e)<br>
<b>7382</b><br>
        {<br>
<b>7383</b><br>
            //referencexnumber.value = (canvas.width - text.referencewidth - text.referencepaddingleft - text.referencepaddingright) * Number(e.target.value);<br>
<b>7384</b><br>
            referencexnumber.value = (canvas.width - text.referencewidth) * Number(e.target.value);<br>
<b>7385</b><br>
            referencexnumberupdate();<br>
<b>7386</b><br>
        }<br>
<b>7387</b><br>
        function referencexincrementload()<br>
<b>7388</b><br>
        {<br>
<b>7389</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>7390</b><br>
            referencex.append(br);<br>
<b>7391</b><br>
            const array =<br>
<b>7392</b><br>
            [<br>
<b>7393</b><br>
                [&quot;-1000&quot;,-1000],<br>
<b>7394</b><br>
                [&quot;-100&quot;,-100],<br>
<b>7395</b><br>
                [&quot;-10&quot;,-10],<br>
<b>7396</b><br>
                [&quot;-1&quot;,-1],<br>
<b>7397</b><br>
                [&quot;+1&quot;,1],<br>
<b>7398</b><br>
                [&quot;+10&quot;,10],<br>
<b>7399</b><br>
                [&quot;+100&quot;,100],<br>
<b>7400</b><br>
                [&quot;+1000&quot;,1000],<br>
<b>7401</b><br>
            ];<br>
<b>7402</b><br>
            for(const value of array)<br>
<b>7403</b><br>
            {<br>
<b>7404</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>7405</b><br>
                button.innerHTML = value[0];<br>
<b>7406</b><br>
                button.value = value[1];<br>
<b>7407</b><br>
                button.addEventListener(&quot;click&quot;, referencexincrementupdate);<br>
<b>7408</b><br>
                referencex.append(button);<br>
<b>7409</b><br>
            }<br>
<b>7410</b><br>
        }<br>
<b>7411</b><br>
        addEventListener(&quot;load&quot;, referencexincrementload);<br>
<b>7412</b><br>
        function referencexincrementupdate(e)<br>
<b>7413</b><br>
        {<br>
<b>7414</b><br>
            const v = Number(referencexnumber.value) + Number(e.target.value);<br>
<b>7415</b><br>
            if((referencexnumber.min &lt;= v) &amp;&amp; (v &lt;= referencexnumber.max))<br>
<b>7416</b><br>
            {<br>
<b>7417</b><br>
                referencexnumber.value = v;<br>
<b>7418</b><br>
                referencexnumberupdate();<br>
<b>7419</b><br>
            }<br>
<b>7420</b><br>
        }<br>
<b>7421</b><br>
        function referenceyload()<br>
<b>7422</b><br>
        {<br>
<b>7423</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>7424</b><br>
            div.id = &quot;referencey&quot;;<br>
<b>7425</b><br>
            div.innerHTML = &quot;y&quot;;<br>
<b>7426</b><br>
            tabcontentreference.append(div);<br>
<b>7427</b><br>
            const style = div.style;<br>
<b>7428</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>7429</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>7430</b><br>
        }<br>
<b>7431</b><br>
        addEventListener(&quot;load&quot;, referenceyload);<br>
<b>7432</b><br>
        function referenceynumberload()<br>
<b>7433</b><br>
        {<br>
<b>7434</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>7435</b><br>
            referencey.append(br);<br>
<b>7436</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>7437</b><br>
            input.id = &quot;referenceynumber&quot;;<br>
<b>7438</b><br>
            input.max = maxheight;<br>
<b>7439</b><br>
            input.min = -maxheight;<br>
<b>7440</b><br>
            input.type = &quot;number&quot;;<br>
<b>7441</b><br>
            input.value = 400;<br>
<b>7442</b><br>
            input.addEventListener(&quot;input&quot;, referenceynumberupdate);<br>
<b>7443</b><br>
            referencey.append(input);<br>
<b>7444</b><br>
            //referenceynumberset();<br>
<b>7445</b><br>
        }<br>
<b>7446</b><br>
        addEventListener(&quot;load&quot;, referenceynumberload);<br>
<b>7447</b><br>
        function referenceynumberset()<br>
<b>7448</b><br>
        {<br>
<b>7449</b><br>
            const v = Number(referenceynumber.value);<br>
<b>7450</b><br>
            referenceyrange.value = v;<br>
<b>7451</b><br>
            text.referencey = v;<br>
<b>7452</b><br>
        }<br>
<b>7453</b><br>
        function referenceynumberupdate()<br>
<b>7454</b><br>
        {<br>
<b>7455</b><br>
            referenceynumberset();<br>
<b>7456</b><br>
            svgupdate();<br>
<b>7457</b><br>
        }<br>
<b>7458</b><br>
        function referenceyrangeload()<br>
<b>7459</b><br>
        {<br>
<b>7460</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>7461</b><br>
            input.id = &quot;referenceyrange&quot;;<br>
<b>7462</b><br>
            input.max = referenceynumber.max;<br>
<b>7463</b><br>
            input.min = referenceynumber.min;<br>
<b>7464</b><br>
            input.type = &quot;range&quot;;<br>
<b>7465</b><br>
            input.value = referenceynumber.value;<br>
<b>7466</b><br>
            input.addEventListener(&quot;input&quot;, referenceyrangeupdate);<br>
<b>7467</b><br>
            referencey.append(input);<br>
<b>7468</b><br>
            referenceyrangeset();<br>
<b>7469</b><br>
        }<br>
<b>7470</b><br>
        addEventListener(&quot;load&quot;, referenceyrangeload);<br>
<b>7471</b><br>
        function referenceyrangeset()<br>
<b>7472</b><br>
        {<br>
<b>7473</b><br>
            const v = Number(referenceyrange.value);<br>
<b>7474</b><br>
            referenceynumber.value = v;<br>
<b>7475</b><br>
            text.referencey = v;<br>
<b>7476</b><br>
        }<br>
<b>7477</b><br>
        function referenceyrangeupdate()<br>
<b>7478</b><br>
        {<br>
<b>7479</b><br>
            referenceyrangeset();<br>
<b>7480</b><br>
            svgupdate();<br>
<b>7481</b><br>
        }<br>
<b>7482</b><br>
        function referenceyexactload()<br>
<b>7483</b><br>
        {<br>
<b>7484</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>7485</b><br>
            referencey.append(br);<br>
<b>7486</b><br>
            const array =<br>
<b>7487</b><br>
            [<br>
<b>7488</b><br>
                [&quot;top&quot;,0],<br>
<b>7489</b><br>
                [&quot;center&quot;,0.5],<br>
<b>7490</b><br>
                [&quot;bottom&quot;,1],<br>
<b>7491</b><br>
            ];<br>
<b>7492</b><br>
            for(const value of array)<br>
<b>7493</b><br>
            {<br>
<b>7494</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>7495</b><br>
                button.innerHTML = value[0];<br>
<b>7496</b><br>
                button.value = value[1];<br>
<b>7497</b><br>
                button.addEventListener(&quot;click&quot;, referenceyexactupdate);<br>
<b>7498</b><br>
                referencey.append(button);<br>
<b>7499</b><br>
            }<br>
<b>7500</b><br>
        }<br>
<b>7501</b><br>
        addEventListener(&quot;load&quot;, referenceyexactload);<br>
<b>7502</b><br>
        function referenceyexactupdate(e)<br>
<b>7503</b><br>
        {<br>
<b>7504</b><br>
            //referenceynumber.value = (canvas.height - text.referenceheight - text.referencepaddingtop - text.referencepaddingbottom) * Number(e.target.value);<br>
<b>7505</b><br>
            referenceynumber.value = (canvas.height - text.referenceheight) * Number(e.target.value);<br>
<b>7506</b><br>
            referenceynumberupdate();<br>
<b>7507</b><br>
        }<br>
<b>7508</b><br>
        function referenceyincrementload()<br>
<b>7509</b><br>
        {<br>
<b>7510</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>7511</b><br>
            referencey.append(br);<br>
<b>7512</b><br>
            const array =<br>
<b>7513</b><br>
            [<br>
<b>7514</b><br>
                [&quot;-1000&quot;,-1000],<br>
<b>7515</b><br>
                [&quot;-100&quot;,-100],<br>
<b>7516</b><br>
                [&quot;-10&quot;,-10],<br>
<b>7517</b><br>
                [&quot;-1&quot;,-1],<br>
<b>7518</b><br>
                [&quot;+1&quot;,1],<br>
<b>7519</b><br>
                [&quot;+10&quot;,10],<br>
<b>7520</b><br>
                [&quot;+100&quot;,100],<br>
<b>7521</b><br>
                [&quot;+1000&quot;,1000],<br>
<b>7522</b><br>
            ];<br>
<b>7523</b><br>
            for(const value of array)<br>
<b>7524</b><br>
            {<br>
<b>7525</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>7526</b><br>
                button.innerHTML = value[0];<br>
<b>7527</b><br>
                button.value = value[1];<br>
<b>7528</b><br>
                button.addEventListener(&quot;click&quot;, referenceyincrementupdate);<br>
<b>7529</b><br>
                referencey.append(button);<br>
<b>7530</b><br>
            }<br>
<b>7531</b><br>
        }<br>
<b>7532</b><br>
        addEventListener(&quot;load&quot;, referenceyincrementload);<br>
<b>7533</b><br>
        function referenceyincrementupdate(e)<br>
<b>7534</b><br>
        {<br>
<b>7535</b><br>
            const v = Number(referenceynumber.value) + Number(e.target.value);<br>
<b>7536</b><br>
            if((referenceynumber.min &lt;= v) &amp;&amp; (v &lt;= referenceynumber.max))<br>
<b>7537</b><br>
            {<br>
<b>7538</b><br>
                referenceynumber.value = v;<br>
<b>7539</b><br>
                referenceynumberupdate();<br>
<b>7540</b><br>
            }<br>
<b>7541</b><br>
        }<br>
<b>7542</b><br>
        function referencebackgroundcolorload()<br>
<b>7543</b><br>
        {<br>
<b>7544</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>7545</b><br>
            div.id = &quot;referencebackgroundcolor&quot;;<br>
<b>7546</b><br>
            div.innerHTML = &quot;background-color&quot;;<br>
<b>7547</b><br>
            tabcontentreference.append(div);<br>
<b>7548</b><br>
        }<br>
<b>7549</b><br>
        addEventListener(&quot;load&quot;, referencebackgroundcolorload);<br>
<b>7550</b><br>
        function referencebackgroundcolorcolorload()<br>
<b>7551</b><br>
        {<br>
<b>7552</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>7553</b><br>
            referencebackgroundcolor.append(br);<br>
<b>7554</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>7555</b><br>
            input.id = &quot;referencebackgroundcolorcolor&quot;;<br>
<b>7556</b><br>
            input.type = &quot;color&quot;;<br>
<b>7557</b><br>
            input.value = &quot;#ffffff&quot;;<br>
<b>7558</b><br>
            input.addEventListener(&quot;input&quot;, referencebackgroundcolorcolorupdate);<br>
<b>7559</b><br>
            referencebackgroundcolor.append(input);<br>
<b>7560</b><br>
            //referencebackgroundcolorcolorset();<br>
<b>7561</b><br>
        }<br>
<b>7562</b><br>
        addEventListener(&quot;load&quot;, referencebackgroundcolorcolorload);<br>
<b>7563</b><br>
        function referencebackgroundcolorcolorset()<br>
<b>7564</b><br>
        {<br>
<b>7565</b><br>
            const c = referencebackgroundcolorcolor.value;<br>
<b>7566</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>7567</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>7568</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>7569</b><br>
            const a = referencebackgroundalphanumber.value;<br>
<b>7570</b><br>
            text.referencebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>7571</b><br>
        }<br>
<b>7572</b><br>
        function referencebackgroundcolorcolorupdate()<br>
<b>7573</b><br>
        {<br>
<b>7574</b><br>
            referencebackgroundcolorcolorset();<br>
<b>7575</b><br>
            svgupdate();<br>
<b>7576</b><br>
        }<br>
<b>7577</b><br>
        function referencebackgroundcolorexactload()<br>
<b>7578</b><br>
        {<br>
<b>7579</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>7580</b><br>
            referencebackgroundcolor.append(br);<br>
<b>7581</b><br>
            const array =<br>
<b>7582</b><br>
            [<br>
<b>7583</b><br>
                [&quot;black&quot;,&quot;#000000&quot;],<br>
<b>7584</b><br>
                [&quot;white&quot;,&quot;#ffffff&quot;],<br>
<b>7585</b><br>
            ];<br>
<b>7586</b><br>
            for(const value of array)<br>
<b>7587</b><br>
            {<br>
<b>7588</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>7589</b><br>
                button.innerHTML = value[0];<br>
<b>7590</b><br>
                button.value = value[1];<br>
<b>7591</b><br>
                button.addEventListener(&quot;click&quot;, referencebackgroundcolorexactupdate);<br>
<b>7592</b><br>
                referencebackgroundcolor.append(button);<br>
<b>7593</b><br>
            }<br>
<b>7594</b><br>
        }<br>
<b>7595</b><br>
        addEventListener(&quot;load&quot;, referencebackgroundcolorexactload);<br>
<b>7596</b><br>
        function referencebackgroundcolorexactupdate(e)<br>
<b>7597</b><br>
        {<br>
<b>7598</b><br>
            referencebackgroundcolorcolor.value = e.target.value;<br>
<b>7599</b><br>
            referencebackgroundcolorcolorupdate();<br>
<b>7600</b><br>
        }<br>
<b>7601</b><br>
        function referencebackgroundalphaload()<br>
<b>7602</b><br>
        {<br>
<b>7603</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>7604</b><br>
            div.id = &quot;referencebackgroundalpha&quot;;<br>
<b>7605</b><br>
            div.innerHTML = &quot;background-alpha&quot;;<br>
<b>7606</b><br>
            tabcontentreference.append(div);<br>
<b>7607</b><br>
            const style = div.style;<br>
<b>7608</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>7609</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>7610</b><br>
        }<br>
<b>7611</b><br>
        addEventListener(&quot;load&quot;, referencebackgroundalphaload);<br>
<b>7612</b><br>
        function referencebackgroundalphanumberload()<br>
<b>7613</b><br>
        {<br>
<b>7614</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>7615</b><br>
            referencebackgroundalpha.append(br);<br>
<b>7616</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>7617</b><br>
            input.id = &quot;referencebackgroundalphanumber&quot;;<br>
<b>7618</b><br>
            input.max = 1;<br>
<b>7619</b><br>
            input.min = 0;<br>
<b>7620</b><br>
            input.step = 0.01;<br>
<b>7621</b><br>
            input.type = &quot;number&quot;;<br>
<b>7622</b><br>
            input.value = 0.5;<br>
<b>7623</b><br>
            input.addEventListener(&quot;input&quot;, referencebackgroundalphanumberupdate);<br>
<b>7624</b><br>
            referencebackgroundalpha.append(input);<br>
<b>7625</b><br>
            //referencebackgroundalphanumberset();<br>
<b>7626</b><br>
        }<br>
<b>7627</b><br>
        addEventListener(&quot;load&quot;, referencebackgroundalphanumberload);<br>
<b>7628</b><br>
        function referencebackgroundalphanumberset()<br>
<b>7629</b><br>
        {<br>
<b>7630</b><br>
            const c = referencebackgroundcolorcolor.value;<br>
<b>7631</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>7632</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>7633</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>7634</b><br>
            const a = referencebackgroundalphanumber.value;<br>
<b>7635</b><br>
            referencebackgroundalpharange.value = a;<br>
<b>7636</b><br>
            text.referencebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>7637</b><br>
        }<br>
<b>7638</b><br>
        function referencebackgroundalphanumberupdate()<br>
<b>7639</b><br>
        {<br>
<b>7640</b><br>
            referencebackgroundalphanumberset();<br>
<b>7641</b><br>
            svgupdate();<br>
<b>7642</b><br>
        }<br>
<b>7643</b><br>
        function referencebackgroundalpharangeload()<br>
<b>7644</b><br>
        {<br>
<b>7645</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>7646</b><br>
            input.id = &quot;referencebackgroundalpharange&quot;;<br>
<b>7647</b><br>
            input.max = referencebackgroundalphanumber.max;<br>
<b>7648</b><br>
            input.min = referencebackgroundalphanumber.min;<br>
<b>7649</b><br>
            input.step = referencebackgroundalphanumber.step;<br>
<b>7650</b><br>
            input.type = &quot;range&quot;;<br>
<b>7651</b><br>
            input.value = referencebackgroundalphanumber.value;<br>
<b>7652</b><br>
            input.addEventListener(&quot;input&quot;, referencebackgroundalpharangeupdate);<br>
<b>7653</b><br>
            referencebackgroundalpha.append(input);<br>
<b>7654</b><br>
            referencebackgroundalpharangeset();<br>
<b>7655</b><br>
        }<br>
<b>7656</b><br>
        addEventListener(&quot;load&quot;, referencebackgroundalpharangeload);<br>
<b>7657</b><br>
        function referencebackgroundalpharangeset()<br>
<b>7658</b><br>
        {<br>
<b>7659</b><br>
            const c = referencebackgroundcolorcolor.value;<br>
<b>7660</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>7661</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>7662</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>7663</b><br>
            const a = referencebackgroundalpharange.value;<br>
<b>7664</b><br>
            referencebackgroundalphanumber.value = a;<br>
<b>7665</b><br>
            text.referencebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>7666</b><br>
        }<br>
<b>7667</b><br>
        function referencebackgroundalpharangeupdate()<br>
<b>7668</b><br>
        {<br>
<b>7669</b><br>
            referencebackgroundalpharangeset();<br>
<b>7670</b><br>
            svgupdate();<br>
<b>7671</b><br>
        }<br>
<b>7672</b><br>
        function referencebackgroundalphaexactload()<br>
<b>7673</b><br>
        {<br>
<b>7674</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>7675</b><br>
            referencebackgroundalpha.append(br);<br>
<b>7676</b><br>
            const array =<br>
<b>7677</b><br>
            [<br>
<b>7678</b><br>
                [&quot;0&quot;,0],<br>
<b>7679</b><br>
                [&quot;0.25&quot;,0.25],<br>
<b>7680</b><br>
                [&quot;0.5&quot;,0.5],<br>
<b>7681</b><br>
                [&quot;0.75&quot;,0.75],<br>
<b>7682</b><br>
                [&quot;1&quot;,1],<br>
<b>7683</b><br>
            ];<br>
<b>7684</b><br>
            for(const value of array)<br>
<b>7685</b><br>
            {<br>
<b>7686</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>7687</b><br>
                button.innerHTML = value[0];<br>
<b>7688</b><br>
                button.value = value[1];<br>
<b>7689</b><br>
                button.addEventListener(&quot;click&quot;, referencebackgroundalphaexactupdate);<br>
<b>7690</b><br>
                referencebackgroundalpha.append(button);<br>
<b>7691</b><br>
            }<br>
<b>7692</b><br>
        }<br>
<b>7693</b><br>
        addEventListener(&quot;load&quot;, referencebackgroundalphaexactload);<br>
<b>7694</b><br>
        function referencebackgroundalphaexactupdate(e)<br>
<b>7695</b><br>
        {<br>
<b>7696</b><br>
            referencebackgroundalphanumber.value = Number(e.target.value);<br>
<b>7697</b><br>
            referencebackgroundalphanumberupdate();<br>
<b>7698</b><br>
        }<br>
<b>7699</b><br>
        function referencebackgroundalphaincrementload()<br>
<b>7700</b><br>
        {<br>
<b>7701</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>7702</b><br>
            referencebackgroundalpha.append(br);<br>
<b>7703</b><br>
            const array =<br>
<b>7704</b><br>
            [<br>
<b>7705</b><br>
                [&quot;-0.1&quot;,-0.1],<br>
<b>7706</b><br>
                [&quot;-0.01&quot;,-0.01],<br>
<b>7707</b><br>
                [&quot;+0.01&quot;,0.01],<br>
<b>7708</b><br>
                [&quot;+0.1&quot;,0.1],<br>
<b>7709</b><br>
            ];<br>
<b>7710</b><br>
            for(const value of array)<br>
<b>7711</b><br>
            {<br>
<b>7712</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>7713</b><br>
                button.innerHTML = value[0];<br>
<b>7714</b><br>
                button.value = value[1];<br>
<b>7715</b><br>
                button.addEventListener(&quot;click&quot;, referencebackgroundalphaincrementupdate);<br>
<b>7716</b><br>
                referencebackgroundalpha.append(button);<br>
<b>7717</b><br>
            }<br>
<b>7718</b><br>
        }<br>
<b>7719</b><br>
        addEventListener(&quot;load&quot;, referencebackgroundalphaincrementload);<br>
<b>7720</b><br>
        function referencebackgroundalphaincrementupdate(e)<br>
<b>7721</b><br>
        {<br>
<b>7722</b><br>
            let v = Number(referencebackgroundalphanumber.value) + Number(e.target.value);<br>
<b>7723</b><br>
            v = parseFloat(v.toFixed(2));<br>
<b>7724</b><br>
            if((referencebackgroundalphanumber.min &lt;= v) &amp;&amp; (v &lt;= referencebackgroundalphanumber.max))<br>
<b>7725</b><br>
            {<br>
<b>7726</b><br>
                referencebackgroundalphanumber.value = v;<br>
<b>7727</b><br>
                referencebackgroundalphanumberupdate();<br>
<b>7728</b><br>
            }<br>
<b>7729</b><br>
        }<br>
<b>7730</b><br>
        function referencebordercolorload()<br>
<b>7731</b><br>
        {<br>
<b>7732</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>7733</b><br>
            div.id = &quot;referencebordercolor&quot;;<br>
<b>7734</b><br>
            div.innerHTML = &quot;border-color&quot;;<br>
<b>7735</b><br>
            tabcontentreference.append(div);<br>
<b>7736</b><br>
        }<br>
<b>7737</b><br>
        addEventListener(&quot;load&quot;, referencebordercolorload);<br>
<b>7738</b><br>
        function referencebordercolorcolorload()<br>
<b>7739</b><br>
        {<br>
<b>7740</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>7741</b><br>
            referencebordercolor.append(br);<br>
<b>7742</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>7743</b><br>
            input.id = &quot;referencebordercolorcolor&quot;;<br>
<b>7744</b><br>
            input.type = &quot;color&quot;;<br>
<b>7745</b><br>
            input.value = &quot;#000000&quot;;<br>
<b>7746</b><br>
            input.addEventListener(&quot;input&quot;, referencebordercolorcolorupdate);<br>
<b>7747</b><br>
            referencebordercolor.append(input);<br>
<b>7748</b><br>
            //referencebordercolorcolorset();<br>
<b>7749</b><br>
        }<br>
<b>7750</b><br>
        addEventListener(&quot;load&quot;, referencebordercolorcolorload);<br>
<b>7751</b><br>
        function referencebordercolorcolorset()<br>
<b>7752</b><br>
        {<br>
<b>7753</b><br>
            const c = referencebordercolorcolor.value;<br>
<b>7754</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>7755</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>7756</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>7757</b><br>
            const a = referenceborderalphanumber.value;<br>
<b>7758</b><br>
            text.referencebordercolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>7759</b><br>
        }<br>
<b>7760</b><br>
        function referencebordercolorcolorupdate()<br>
<b>7761</b><br>
        {<br>
<b>7762</b><br>
            referencebordercolorcolorset();<br>
<b>7763</b><br>
            svgupdate();<br>
<b>7764</b><br>
        }<br>
<b>7765</b><br>
        function referencebordercolorexactload()<br>
<b>7766</b><br>
        {<br>
<b>7767</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>7768</b><br>
            referencebordercolor.append(br);<br>
<b>7769</b><br>
            const array =<br>
<b>7770</b><br>
            [<br>
<b>7771</b><br>
                [&quot;black&quot;,&quot;#000000&quot;],<br>
<b>7772</b><br>
                [&quot;white&quot;,&quot;#ffffff&quot;],<br>
<b>7773</b><br>
            ];<br>
<b>7774</b><br>
            for(const value of array)<br>
<b>7775</b><br>
            {<br>
<b>7776</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>7777</b><br>
                button.innerHTML = value[0];<br>
<b>7778</b><br>
                button.value = value[1];<br>
<b>7779</b><br>
                button.addEventListener(&quot;click&quot;, referencebordercolorexactupdate);<br>
<b>7780</b><br>
                referencebordercolor.append(button);<br>
<b>7781</b><br>
            }<br>
<b>7782</b><br>
        }<br>
<b>7783</b><br>
        addEventListener(&quot;load&quot;, referencebordercolorexactload);<br>
<b>7784</b><br>
        function referencebordercolorexactupdate(e)<br>
<b>7785</b><br>
        {<br>
<b>7786</b><br>
            referencebordercolorcolor.value = e.target.value;<br>
<b>7787</b><br>
            referencebordercolorcolorupdate();<br>
<b>7788</b><br>
        }<br>
<b>7789</b><br>
        function referenceborderalphaload()<br>
<b>7790</b><br>
        {<br>
<b>7791</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>7792</b><br>
            div.id = &quot;referenceborderalpha&quot;;<br>
<b>7793</b><br>
            div.innerHTML = &quot;border-alpha&quot;;<br>
<b>7794</b><br>
            tabcontentreference.append(div);<br>
<b>7795</b><br>
            const style = div.style;<br>
<b>7796</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>7797</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>7798</b><br>
        }<br>
<b>7799</b><br>
        addEventListener(&quot;load&quot;, referenceborderalphaload);<br>
<b>7800</b><br>
        function referenceborderalphanumberload()<br>
<b>7801</b><br>
        {<br>
<b>7802</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>7803</b><br>
            referenceborderalpha.append(br);<br>
<b>7804</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>7805</b><br>
            input.id = &quot;referenceborderalphanumber&quot;;<br>
<b>7806</b><br>
            input.max = 1;<br>
<b>7807</b><br>
            input.min = 0;<br>
<b>7808</b><br>
            input.step = 0.01;<br>
<b>7809</b><br>
            input.type = &quot;number&quot;;<br>
<b>7810</b><br>
            input.value = 1;<br>
<b>7811</b><br>
            input.addEventListener(&quot;input&quot;, referenceborderalphanumberupdate);<br>
<b>7812</b><br>
            referenceborderalpha.append(input);<br>
<b>7813</b><br>
            //referenceborderalphanumberset();<br>
<b>7814</b><br>
        }<br>
<b>7815</b><br>
        addEventListener(&quot;load&quot;, referenceborderalphanumberload);<br>
<b>7816</b><br>
        function referenceborderalphanumberset()<br>
<b>7817</b><br>
        {<br>
<b>7818</b><br>
            const c = referencebordercolorcolor.value;<br>
<b>7819</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>7820</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>7821</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>7822</b><br>
            const a = referenceborderalphanumber.value;<br>
<b>7823</b><br>
            referenceborderalpharange.value = a;<br>
<b>7824</b><br>
            text.referencebordercolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>7825</b><br>
        }<br>
<b>7826</b><br>
        function referenceborderalphanumberupdate()<br>
<b>7827</b><br>
        {<br>
<b>7828</b><br>
            referenceborderalphanumberset();<br>
<b>7829</b><br>
            svgupdate();<br>
<b>7830</b><br>
        }<br>
<b>7831</b><br>
        function referenceborderalpharangeload()<br>
<b>7832</b><br>
        {<br>
<b>7833</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>7834</b><br>
            input.id = &quot;referenceborderalpharange&quot;;<br>
<b>7835</b><br>
            input.max = referenceborderalphanumber.max;<br>
<b>7836</b><br>
            input.min = referenceborderalphanumber.min;<br>
<b>7837</b><br>
            input.step = referenceborderalphanumber.step;<br>
<b>7838</b><br>
            input.type = &quot;range&quot;;<br>
<b>7839</b><br>
            input.value = referenceborderalphanumber.value;<br>
<b>7840</b><br>
            input.addEventListener(&quot;input&quot;, referenceborderalpharangeupdate);<br>
<b>7841</b><br>
            referenceborderalpha.append(input);<br>
<b>7842</b><br>
            referenceborderalpharangeset();<br>
<b>7843</b><br>
        }<br>
<b>7844</b><br>
        addEventListener(&quot;load&quot;, referenceborderalpharangeload);<br>
<b>7845</b><br>
        function referenceborderalpharangeset()<br>
<b>7846</b><br>
        {<br>
<b>7847</b><br>
            const c = referencebordercolorcolor.value;<br>
<b>7848</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>7849</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>7850</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>7851</b><br>
            const a = referenceborderalpharange.value;<br>
<b>7852</b><br>
            referenceborderalphanumber.value = a;<br>
<b>7853</b><br>
            text.referencebordercolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>7854</b><br>
        }<br>
<b>7855</b><br>
        function referenceborderalpharangeupdate()<br>
<b>7856</b><br>
        {<br>
<b>7857</b><br>
            referenceborderalpharangeset();<br>
<b>7858</b><br>
            svgupdate();<br>
<b>7859</b><br>
        }<br>
<b>7860</b><br>
        function referenceborderalphaexactload()<br>
<b>7861</b><br>
        {<br>
<b>7862</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>7863</b><br>
            referenceborderalpha.append(br);<br>
<b>7864</b><br>
            const array =<br>
<b>7865</b><br>
            [<br>
<b>7866</b><br>
                [&quot;0&quot;,0],<br>
<b>7867</b><br>
                [&quot;0.25&quot;,0.25],<br>
<b>7868</b><br>
                [&quot;0.5&quot;,0.5],<br>
<b>7869</b><br>
                [&quot;0.75&quot;,0.75],<br>
<b>7870</b><br>
                [&quot;1&quot;,1],<br>
<b>7871</b><br>
            ];<br>
<b>7872</b><br>
            for(const value of array)<br>
<b>7873</b><br>
            {<br>
<b>7874</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>7875</b><br>
                button.innerHTML = value[0];<br>
<b>7876</b><br>
                button.value = value[1];<br>
<b>7877</b><br>
                button.addEventListener(&quot;click&quot;, referenceborderalphaexactupdate);<br>
<b>7878</b><br>
                referenceborderalpha.append(button);<br>
<b>7879</b><br>
            }<br>
<b>7880</b><br>
        }<br>
<b>7881</b><br>
        addEventListener(&quot;load&quot;, referenceborderalphaexactload);<br>
<b>7882</b><br>
        function referenceborderalphaexactupdate(e)<br>
<b>7883</b><br>
        {<br>
<b>7884</b><br>
            referenceborderalphanumber.value = Number(e.target.value);<br>
<b>7885</b><br>
            referenceborderalphanumberupdate();<br>
<b>7886</b><br>
        }<br>
<b>7887</b><br>
        function referenceborderalphaincrementload()<br>
<b>7888</b><br>
        {<br>
<b>7889</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>7890</b><br>
            referenceborderalpha.append(br);<br>
<b>7891</b><br>
            const array =<br>
<b>7892</b><br>
            [<br>
<b>7893</b><br>
                [&quot;-0.1&quot;,-0.1],<br>
<b>7894</b><br>
                [&quot;-0.01&quot;,-0.01],<br>
<b>7895</b><br>
                [&quot;+0.01&quot;,0.01],<br>
<b>7896</b><br>
                [&quot;+0.1&quot;,0.1],<br>
<b>7897</b><br>
            ];<br>
<b>7898</b><br>
            for(const value of array)<br>
<b>7899</b><br>
            {<br>
<b>7900</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>7901</b><br>
                button.innerHTML = value[0];<br>
<b>7902</b><br>
                button.value = value[1];<br>
<b>7903</b><br>
                button.addEventListener(&quot;click&quot;, referenceborderalphaincrementupdate);<br>
<b>7904</b><br>
                referenceborderalpha.append(button);<br>
<b>7905</b><br>
            }<br>
<b>7906</b><br>
        }<br>
<b>7907</b><br>
        addEventListener(&quot;load&quot;, referenceborderalphaincrementload);<br>
<b>7908</b><br>
        function referenceborderalphaincrementupdate(e)<br>
<b>7909</b><br>
        {<br>
<b>7910</b><br>
            let v = Number(referenceborderalphanumber.value) + Number(e.target.value);<br>
<b>7911</b><br>
            v = parseFloat(v.toFixed(2));<br>
<b>7912</b><br>
            if((referenceborderalphanumber.min &lt;= v) &amp;&amp; (v &lt;= referenceborderalphanumber.max))<br>
<b>7913</b><br>
            {<br>
<b>7914</b><br>
                referenceborderalphanumber.value = v;<br>
<b>7915</b><br>
                referenceborderalphanumberupdate();<br>
<b>7916</b><br>
            }<br>
<b>7917</b><br>
        }<br>
<b>7918</b><br>
        function referenceborderradiusload()<br>
<b>7919</b><br>
        {<br>
<b>7920</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>7921</b><br>
            div.id = &quot;referenceborderradius&quot;;<br>
<b>7922</b><br>
            div.innerHTML = &quot;border-radius&quot;;<br>
<b>7923</b><br>
            tabcontentreference.append(div);<br>
<b>7924</b><br>
            const style = div.style;<br>
<b>7925</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>7926</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>7927</b><br>
        }<br>
<b>7928</b><br>
        addEventListener(&quot;load&quot;, referenceborderradiusload);<br>
<b>7929</b><br>
        function referenceborderradiusnumberload()<br>
<b>7930</b><br>
        {<br>
<b>7931</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>7932</b><br>
            referenceborderradius.append(br);<br>
<b>7933</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>7934</b><br>
            input.id = &quot;referenceborderradiusnumber&quot;;<br>
<b>7935</b><br>
            input.max = 1000;<br>
<b>7936</b><br>
            input.min = 0;<br>
<b>7937</b><br>
            input.type = &quot;number&quot;;<br>
<b>7938</b><br>
            input.value = 50;<br>
<b>7939</b><br>
            input.addEventListener(&quot;input&quot;, referenceborderradiusnumberupdate);<br>
<b>7940</b><br>
            referenceborderradius.append(input);<br>
<b>7941</b><br>
            //referenceborderradiusnumberset();<br>
<b>7942</b><br>
        }<br>
<b>7943</b><br>
        addEventListener(&quot;load&quot;, referenceborderradiusnumberload);<br>
<b>7944</b><br>
        function referenceborderradiusnumberset()<br>
<b>7945</b><br>
        {<br>
<b>7946</b><br>
            const v = Number(referenceborderradiusnumber.value);<br>
<b>7947</b><br>
            referenceborderradiusrange.value = v;<br>
<b>7948</b><br>
            text.referenceborderradius = v;<br>
<b>7949</b><br>
        }<br>
<b>7950</b><br>
        function referenceborderradiusnumberupdate()<br>
<b>7951</b><br>
        {<br>
<b>7952</b><br>
            referenceborderradiusnumberset();<br>
<b>7953</b><br>
            svgupdate();<br>
<b>7954</b><br>
        }<br>
<b>7955</b><br>
        function referenceborderradiusrangeload()<br>
<b>7956</b><br>
        {<br>
<b>7957</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>7958</b><br>
            input.id = &quot;referenceborderradiusrange&quot;;<br>
<b>7959</b><br>
            input.max = referenceborderradiusnumber.max;<br>
<b>7960</b><br>
            input.min = referenceborderradiusnumber.min;<br>
<b>7961</b><br>
            input.type = &quot;range&quot;;<br>
<b>7962</b><br>
            input.value = referenceborderradiusnumber.value;<br>
<b>7963</b><br>
            input.addEventListener(&quot;input&quot;, referenceborderradiusrangeupdate);<br>
<b>7964</b><br>
            referenceborderradius.append(input);<br>
<b>7965</b><br>
            referenceborderradiusrangeset();<br>
<b>7966</b><br>
        }<br>
<b>7967</b><br>
        addEventListener(&quot;load&quot;, referenceborderradiusrangeload);<br>
<b>7968</b><br>
        function referenceborderradiusrangeset()<br>
<b>7969</b><br>
        {<br>
<b>7970</b><br>
            const v = Number(referenceborderradiusrange.value);<br>
<b>7971</b><br>
            referenceborderradiusnumber.value = v;<br>
<b>7972</b><br>
            text.referenceborderradius = v;<br>
<b>7973</b><br>
        }<br>
<b>7974</b><br>
        function referenceborderradiusrangeupdate()<br>
<b>7975</b><br>
        {<br>
<b>7976</b><br>
            referenceborderradiusrangeset();<br>
<b>7977</b><br>
            svgupdate();<br>
<b>7978</b><br>
        }<br>
<b>7979</b><br>
        function referenceborderradiusexactload()<br>
<b>7980</b><br>
        {<br>
<b>7981</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>7982</b><br>
            referenceborderradius.append(br);<br>
<b>7983</b><br>
            const array =<br>
<b>7984</b><br>
            [<br>
<b>7985</b><br>
                [&quot;0&quot;,0],<br>
<b>7986</b><br>
                [&quot;50&quot;,50],<br>
<b>7987</b><br>
                [&quot;100&quot;,100],<br>
<b>7988</b><br>
                [&quot;250&quot;,250],<br>
<b>7989</b><br>
                [&quot;500&quot;,500],<br>
<b>7990</b><br>
                [&quot;1000&quot;,1000],<br>
<b>7991</b><br>
            ];<br>
<b>7992</b><br>
            for(const value of array)<br>
<b>7993</b><br>
            {<br>
<b>7994</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>7995</b><br>
                button.innerHTML = value[0];<br>
<b>7996</b><br>
                button.value = value[1];<br>
<b>7997</b><br>
                button.addEventListener(&quot;click&quot;, referenceborderradiusexactupdate);<br>
<b>7998</b><br>
                referenceborderradius.append(button);<br>
<b>7999</b><br>
            }<br>
<b>8000</b><br>
        }<br>
<b>8001</b><br>
        addEventListener(&quot;load&quot;, referenceborderradiusexactload);<br>
<b>8002</b><br>
        function referenceborderradiusexactupdate(e)<br>
<b>8003</b><br>
        {<br>
<b>8004</b><br>
            referenceborderradiusnumber.value = Number(e.target.value);<br>
<b>8005</b><br>
            referenceborderradiusnumberupdate();<br>
<b>8006</b><br>
        }<br>
<b>8007</b><br>
        function referenceborderradiusincrementload()<br>
<b>8008</b><br>
        {<br>
<b>8009</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>8010</b><br>
            referenceborderradius.append(br);<br>
<b>8011</b><br>
            const array =<br>
<b>8012</b><br>
            [<br>
<b>8013</b><br>
                [&quot;-100&quot;,-100],<br>
<b>8014</b><br>
                [&quot;-10&quot;,-10],<br>
<b>8015</b><br>
                [&quot;-1&quot;,-1],<br>
<b>8016</b><br>
                [&quot;+1&quot;,1],<br>
<b>8017</b><br>
                [&quot;+10&quot;,10],<br>
<b>8018</b><br>
                [&quot;+100&quot;,100],<br>
<b>8019</b><br>
            ];<br>
<b>8020</b><br>
            for(const value of array)<br>
<b>8021</b><br>
            {<br>
<b>8022</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>8023</b><br>
                button.innerHTML = value[0];<br>
<b>8024</b><br>
                button.value = value[1];<br>
<b>8025</b><br>
                button.addEventListener(&quot;click&quot;, referenceborderradiusincrementupdate);<br>
<b>8026</b><br>
                referenceborderradius.append(button);<br>
<b>8027</b><br>
            }<br>
<b>8028</b><br>
        }<br>
<b>8029</b><br>
        addEventListener(&quot;load&quot;, referenceborderradiusincrementload);<br>
<b>8030</b><br>
        function referenceborderradiusincrementupdate(e)<br>
<b>8031</b><br>
        {<br>
<b>8032</b><br>
            const v = Number(referenceborderradiusnumber.value) + Number(e.target.value);<br>
<b>8033</b><br>
            if((referenceborderradiusnumber.min &lt;= v) &amp;&amp; (v &lt;= referenceborderradiusnumber.max))<br>
<b>8034</b><br>
            {<br>
<b>8035</b><br>
                referenceborderradiusnumber.value = v;<br>
<b>8036</b><br>
                referenceborderradiusnumberupdate();<br>
<b>8037</b><br>
            }<br>
<b>8038</b><br>
        }<br>
<b>8039</b><br>
        function referenceborderstyleload()<br>
<b>8040</b><br>
        {<br>
<b>8041</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>8042</b><br>
            div.id = &quot;referenceborderstyle&quot;;<br>
<b>8043</b><br>
            div.innerHTML = &quot;border-style&quot;;<br>
<b>8044</b><br>
            tabcontentreference.append(div);<br>
<b>8045</b><br>
        }<br>
<b>8046</b><br>
        addEventListener(&quot;load&quot;, referenceborderstyleload);<br>
<b>8047</b><br>
        function referenceborderstyleselectload()<br>
<b>8048</b><br>
        {<br>
<b>8049</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>8050</b><br>
            referenceborderstyle.append(br);<br>
<b>8051</b><br>
            const select = document.createElement(&quot;select&quot;);<br>
<b>8052</b><br>
            select.id = &quot;referenceborderstyleselect&quot;;<br>
<b>8053</b><br>
            select.addEventListener(&quot;input&quot;, referenceborderstyleselectupdate);<br>
<b>8054</b><br>
            referenceborderstyle.append(select);<br>
<b>8055</b><br>
            for(const value of borderstylearray)<br>
<b>8056</b><br>
            {<br>
<b>8057</b><br>
                const option = document.createElement(&quot;option&quot;);<br>
<b>8058</b><br>
                option.innerHTML = value;<br>
<b>8059</b><br>
                select.add(option);<br>
<b>8060</b><br>
            }<br>
<b>8061</b><br>
            //select.value = borderstylearray[8];<br>
<b>8062</b><br>
            referenceborderstyleselectset();<br>
<b>8063</b><br>
        }<br>
<b>8064</b><br>
        addEventListener(&quot;load&quot;, referenceborderstyleselectload);<br>
<b>8065</b><br>
        function referenceborderstyleselectset()<br>
<b>8066</b><br>
        {<br>
<b>8067</b><br>
            text.referenceborderstyle = referenceborderstyleselect.value;<br>
<b>8068</b><br>
        }<br>
<b>8069</b><br>
        function referenceborderstyleselectupdate()<br>
<b>8070</b><br>
        {<br>
<b>8071</b><br>
            referenceborderstyleselectset();<br>
<b>8072</b><br>
            svgupdate();<br>
<b>8073</b><br>
        }<br>
<b>8074</b><br>
        function referenceborderwidthload()<br>
<b>8075</b><br>
        {<br>
<b>8076</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>8077</b><br>
            div.id = &quot;referenceborderwidth&quot;;<br>
<b>8078</b><br>
            div.innerHTML = &quot;border-width&quot;;<br>
<b>8079</b><br>
            tabcontentreference.append(div);<br>
<b>8080</b><br>
            const style = div.style;<br>
<b>8081</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>8082</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>8083</b><br>
        }<br>
<b>8084</b><br>
        addEventListener(&quot;load&quot;, referenceborderwidthload);<br>
<b>8085</b><br>
        function referenceborderwidthnumberload()<br>
<b>8086</b><br>
        {<br>
<b>8087</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>8088</b><br>
            referenceborderwidth.append(br);<br>
<b>8089</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>8090</b><br>
            input.id = &quot;referenceborderwidthnumber&quot;;<br>
<b>8091</b><br>
            input.max = 1000;<br>
<b>8092</b><br>
            input.min = 0;<br>
<b>8093</b><br>
            input.type = &quot;number&quot;;<br>
<b>8094</b><br>
            input.value = 25;<br>
<b>8095</b><br>
            input.addEventListener(&quot;input&quot;, referenceborderwidthnumberupdate);<br>
<b>8096</b><br>
            referenceborderwidth.append(input);<br>
<b>8097</b><br>
            //referenceborderwidthnumberset();<br>
<b>8098</b><br>
        }<br>
<b>8099</b><br>
        addEventListener(&quot;load&quot;, referenceborderwidthnumberload);<br>
<b>8100</b><br>
        function referenceborderwidthnumberset()<br>
<b>8101</b><br>
        {<br>
<b>8102</b><br>
            const v = Number(referenceborderwidthnumber.value);<br>
<b>8103</b><br>
            referenceborderwidthrange.value = v;<br>
<b>8104</b><br>
            text.referenceborderwidth = v;<br>
<b>8105</b><br>
        }<br>
<b>8106</b><br>
        function referenceborderwidthnumberupdate()<br>
<b>8107</b><br>
        {<br>
<b>8108</b><br>
            referenceborderwidthnumberset();<br>
<b>8109</b><br>
            svgupdate();<br>
<b>8110</b><br>
        }<br>
<b>8111</b><br>
        function referenceborderwidthrangeload()<br>
<b>8112</b><br>
        {<br>
<b>8113</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>8114</b><br>
            input.id = &quot;referenceborderwidthrange&quot;;<br>
<b>8115</b><br>
            input.max = referenceborderwidthnumber.max;<br>
<b>8116</b><br>
            input.min = referenceborderwidthnumber.min;<br>
<b>8117</b><br>
            input.type = &quot;range&quot;;<br>
<b>8118</b><br>
            input.value = referenceborderwidthnumber.value;<br>
<b>8119</b><br>
            input.addEventListener(&quot;input&quot;, referenceborderwidthrangeupdate);<br>
<b>8120</b><br>
            referenceborderwidth.append(input);<br>
<b>8121</b><br>
            referenceborderwidthrangeset();<br>
<b>8122</b><br>
        }<br>
<b>8123</b><br>
        addEventListener(&quot;load&quot;, referenceborderwidthrangeload);<br>
<b>8124</b><br>
        function referenceborderwidthrangeset()<br>
<b>8125</b><br>
        {<br>
<b>8126</b><br>
            const v = Number(referenceborderwidthrange.value);<br>
<b>8127</b><br>
            referenceborderwidthnumber.value = v;<br>
<b>8128</b><br>
            text.referenceborderwidth = v;<br>
<b>8129</b><br>
        }<br>
<b>8130</b><br>
        function referenceborderwidthrangeupdate()<br>
<b>8131</b><br>
        {<br>
<b>8132</b><br>
            referenceborderwidthrangeset();<br>
<b>8133</b><br>
            svgupdate();<br>
<b>8134</b><br>
        }<br>
<b>8135</b><br>
        function referenceborderwidthexactload()<br>
<b>8136</b><br>
        {<br>
<b>8137</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>8138</b><br>
            referenceborderwidth.append(br);<br>
<b>8139</b><br>
            const array =<br>
<b>8140</b><br>
            [<br>
<b>8141</b><br>
                [&quot;0&quot;,0],<br>
<b>8142</b><br>
                [&quot;50&quot;,50],<br>
<b>8143</b><br>
                [&quot;100&quot;,100],<br>
<b>8144</b><br>
                [&quot;250&quot;,250],<br>
<b>8145</b><br>
                [&quot;500&quot;,500],<br>
<b>8146</b><br>
                [&quot;1000&quot;,1000],<br>
<b>8147</b><br>
            ];<br>
<b>8148</b><br>
            for(const value of array)<br>
<b>8149</b><br>
            {<br>
<b>8150</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>8151</b><br>
                button.innerHTML = value[0];<br>
<b>8152</b><br>
                button.value = value[1];<br>
<b>8153</b><br>
                button.addEventListener(&quot;click&quot;, referenceborderwidthexactupdate);<br>
<b>8154</b><br>
                referenceborderwidth.append(button);<br>
<b>8155</b><br>
            }<br>
<b>8156</b><br>
        }<br>
<b>8157</b><br>
        addEventListener(&quot;load&quot;, referenceborderwidthexactload);<br>
<b>8158</b><br>
        function referenceborderwidthexactupdate(e)<br>
<b>8159</b><br>
        {<br>
<b>8160</b><br>
            referenceborderwidthnumber.value = Number(e.target.value);<br>
<b>8161</b><br>
            referenceborderwidthnumberupdate();<br>
<b>8162</b><br>
        }<br>
<b>8163</b><br>
        function referenceborderwidthincrementload()<br>
<b>8164</b><br>
        {<br>
<b>8165</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>8166</b><br>
            referenceborderwidth.append(br);<br>
<b>8167</b><br>
            const array =<br>
<b>8168</b><br>
            [<br>
<b>8169</b><br>
                [&quot;-100&quot;,-100],<br>
<b>8170</b><br>
                [&quot;-10&quot;,-10],<br>
<b>8171</b><br>
                [&quot;-1&quot;,-1],<br>
<b>8172</b><br>
                [&quot;+1&quot;,1],<br>
<b>8173</b><br>
                [&quot;+10&quot;,10],<br>
<b>8174</b><br>
                [&quot;+100&quot;,100],<br>
<b>8175</b><br>
            ];<br>
<b>8176</b><br>
            for(const value of array)<br>
<b>8177</b><br>
            {<br>
<b>8178</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>8179</b><br>
                button.innerHTML = value[0];<br>
<b>8180</b><br>
                button.value = value[1];<br>
<b>8181</b><br>
                button.addEventListener(&quot;click&quot;, referenceborderwidthincrementupdate);<br>
<b>8182</b><br>
                referenceborderwidth.append(button);<br>
<b>8183</b><br>
            }<br>
<b>8184</b><br>
        }<br>
<b>8185</b><br>
        addEventListener(&quot;load&quot;, referenceborderwidthincrementload);<br>
<b>8186</b><br>
        function referenceborderwidthincrementupdate(e)<br>
<b>8187</b><br>
        {<br>
<b>8188</b><br>
            const v = Number(referenceborderwidthnumber.value) + Number(e.target.value);<br>
<b>8189</b><br>
            if((referenceborderwidthnumber.min &lt;= v) &amp;&amp; (v &lt;= referenceborderwidthnumber.max))<br>
<b>8190</b><br>
            {<br>
<b>8191</b><br>
                referenceborderwidthnumber.value = v;<br>
<b>8192</b><br>
                referenceborderwidthnumberupdate();<br>
<b>8193</b><br>
            }<br>
<b>8194</b><br>
        }<br>
<b>8195</b><br>
        function referencehorizontalload()<br>
<b>8196</b><br>
        {<br>
<b>8197</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>8198</b><br>
            div.id = &quot;referencehorizontal&quot;;<br>
<b>8199</b><br>
            div.innerHTML = &quot;horizontal&quot;;<br>
<b>8200</b><br>
            tabcontentreference.append(div);<br>
<b>8201</b><br>
        }<br>
<b>8202</b><br>
        addEventListener(&quot;load&quot;, referencehorizontalload);<br>
<b>8203</b><br>
        function referencehorizontalselectload()<br>
<b>8204</b><br>
        {<br>
<b>8205</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>8206</b><br>
            referencehorizontal.append(br);<br>
<b>8207</b><br>
            const select = document.createElement(&quot;select&quot;);<br>
<b>8208</b><br>
            select.id = &quot;referencehorizontalselect&quot;;<br>
<b>8209</b><br>
            select.addEventListener(&quot;input&quot;, referencehorizontalselectupdate);<br>
<b>8210</b><br>
            referencehorizontal.append(select);<br>
<b>8211</b><br>
            for(const value of horizontalarray)<br>
<b>8212</b><br>
            {<br>
<b>8213</b><br>
                const option = document.createElement(&quot;option&quot;);<br>
<b>8214</b><br>
                option.innerHTML = value;<br>
<b>8215</b><br>
                select.add(option);<br>
<b>8216</b><br>
            }<br>
<b>8217</b><br>
            select.value = horizontalarray[1];<br>
<b>8218</b><br>
            referencehorizontalselectset();<br>
<b>8219</b><br>
        }<br>
<b>8220</b><br>
        addEventListener(&quot;load&quot;, referencehorizontalselectload);<br>
<b>8221</b><br>
        function referencehorizontalselectset()<br>
<b>8222</b><br>
        {<br>
<b>8223</b><br>
            text.referencehorizontal = referencehorizontalselect.value;<br>
<b>8224</b><br>
        }<br>
<b>8225</b><br>
        function referencehorizontalselectupdate()<br>
<b>8226</b><br>
        {<br>
<b>8227</b><br>
            referencehorizontalselectset();<br>
<b>8228</b><br>
            svgupdate();<br>
<b>8229</b><br>
        }<br>
<b>8230</b><br>
        function referenceverticalload()<br>
<b>8231</b><br>
        {<br>
<b>8232</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>8233</b><br>
            div.id = &quot;referencevertical&quot;;<br>
<b>8234</b><br>
            div.innerHTML = &quot;vertical&quot;;<br>
<b>8235</b><br>
            tabcontentreference.append(div);<br>
<b>8236</b><br>
        }<br>
<b>8237</b><br>
        addEventListener(&quot;load&quot;, referenceverticalload);<br>
<b>8238</b><br>
        function referenceverticalselectload()<br>
<b>8239</b><br>
        {<br>
<b>8240</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>8241</b><br>
            referencevertical.append(br);<br>
<b>8242</b><br>
            const select = document.createElement(&quot;select&quot;);<br>
<b>8243</b><br>
            select.id = &quot;referenceverticalselect&quot;;<br>
<b>8244</b><br>
            select.addEventListener(&quot;input&quot;, referenceverticalselectupdate);<br>
<b>8245</b><br>
            referencevertical.append(select);<br>
<b>8246</b><br>
            for(const value of verticalarray)<br>
<b>8247</b><br>
            {<br>
<b>8248</b><br>
                const option = document.createElement(&quot;option&quot;);<br>
<b>8249</b><br>
                option.innerHTML = value;<br>
<b>8250</b><br>
                select.add(option);<br>
<b>8251</b><br>
            }<br>
<b>8252</b><br>
            select.value = verticalarray[1];<br>
<b>8253</b><br>
            referenceverticalselectset();<br>
<b>8254</b><br>
        }<br>
<b>8255</b><br>
        addEventListener(&quot;load&quot;, referenceverticalselectload);<br>
<b>8256</b><br>
        function referenceverticalselectset()<br>
<b>8257</b><br>
        {<br>
<b>8258</b><br>
            text.referencevertical = referenceverticalselect.value;<br>
<b>8259</b><br>
        }<br>
<b>8260</b><br>
        function referenceverticalselectupdate()<br>
<b>8261</b><br>
        {<br>
<b>8262</b><br>
            referenceverticalselectset();<br>
<b>8263</b><br>
            svgupdate();<br>
<b>8264</b><br>
        }<br>
<b>8265</b><br>
        function referencewritingmodeload()<br>
<b>8266</b><br>
        {<br>
<b>8267</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>8268</b><br>
            div.id = &quot;referencewritingmode&quot;;<br>
<b>8269</b><br>
            div.innerHTML = &quot;writing-mode&quot;;<br>
<b>8270</b><br>
            tabcontentreference.append(div);<br>
<b>8271</b><br>
        }<br>
<b>8272</b><br>
        addEventListener(&quot;load&quot;, referencewritingmodeload);<br>
<b>8273</b><br>
        function referencewritingmodeselectload()<br>
<b>8274</b><br>
        {<br>
<b>8275</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>8276</b><br>
            referencewritingmode.append(br);<br>
<b>8277</b><br>
            const select = document.createElement(&quot;select&quot;);<br>
<b>8278</b><br>
            select.id = &quot;referencewritingmodeselect&quot;;<br>
<b>8279</b><br>
            select.addEventListener(&quot;input&quot;, referencewritingmodeselectupdate);<br>
<b>8280</b><br>
            referencewritingmode.append(select);<br>
<b>8281</b><br>
            for(const value of writingmodearray)<br>
<b>8282</b><br>
            {<br>
<b>8283</b><br>
                const option = document.createElement(&quot;option&quot;);<br>
<b>8284</b><br>
                option.innerHTML = value;<br>
<b>8285</b><br>
                select.add(option);<br>
<b>8286</b><br>
            }<br>
<b>8287</b><br>
            referencewritingmodeselectset();<br>
<b>8288</b><br>
        }<br>
<b>8289</b><br>
        addEventListener(&quot;load&quot;, referencewritingmodeselectload);<br>
<b>8290</b><br>
        function referencewritingmodeselectset()<br>
<b>8291</b><br>
        {<br>
<b>8292</b><br>
            text.referencewritingmode = referencewritingmodeselect.value;<br>
<b>8293</b><br>
        }<br>
<b>8294</b><br>
        function referencewritingmodeselectupdate()<br>
<b>8295</b><br>
        {<br>
<b>8296</b><br>
            referencewritingmodeselectset();<br>
<b>8297</b><br>
            svgupdate();<br>
<b>8298</b><br>
        }<br>
<b>8299</b><br>
        function referencefontfamilyload()<br>
<b>8300</b><br>
        {<br>
<b>8301</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>8302</b><br>
            div.id = &quot;referencefontfamily&quot;;<br>
<b>8303</b><br>
            div.innerHTML = &quot;font-family&quot;;<br>
<b>8304</b><br>
            tabcontentreference.append(div);<br>
<b>8305</b><br>
        }<br>
<b>8306</b><br>
        addEventListener(&quot;load&quot;, referencefontfamilyload);<br>
<b>8307</b><br>
        function referencefontfamilyselectload()<br>
<b>8308</b><br>
        {<br>
<b>8309</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>8310</b><br>
            referencefontfamily.append(br);<br>
<b>8311</b><br>
            const select = document.createElement(&quot;select&quot;);<br>
<b>8312</b><br>
            select.id = &quot;referencefontfamilyselect&quot;;<br>
<b>8313</b><br>
            select.addEventListener(&quot;input&quot;, referencefontfamilyselectupdate);<br>
<b>8314</b><br>
            referencefontfamily.append(select);<br>
<b>8315</b><br>
            for(const value of fontfamilyarray)<br>
<b>8316</b><br>
            {<br>
<b>8317</b><br>
                const option = document.createElement(&quot;option&quot;);<br>
<b>8318</b><br>
                option.innerHTML = value;<br>
<b>8319</b><br>
                select.add(option);<br>
<b>8320</b><br>
            }<br>
<b>8321</b><br>
            referencefontfamilyselectset();<br>
<b>8322</b><br>
        }<br>
<b>8323</b><br>
        addEventListener(&quot;load&quot;, referencefontfamilyselectload);<br>
<b>8324</b><br>
        function referencefontfamilyselectset()<br>
<b>8325</b><br>
        {<br>
<b>8326</b><br>
            text.referencefontfamily = referencefontfamilyselect.value;<br>
<b>8327</b><br>
        }<br>
<b>8328</b><br>
        function referencefontfamilyselectupdate()<br>
<b>8329</b><br>
        {<br>
<b>8330</b><br>
            referencefontfamilyselectset();<br>
<b>8331</b><br>
            svgupdate();<br>
<b>8332</b><br>
        }<br>
<b>8333</b><br>
        function referencefontsizeload()<br>
<b>8334</b><br>
        {<br>
<b>8335</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>8336</b><br>
            div.id = &quot;referencefontsize&quot;;<br>
<b>8337</b><br>
            div.innerHTML = &quot;font-size&quot;;<br>
<b>8338</b><br>
            tabcontentreference.append(div);<br>
<b>8339</b><br>
        }<br>
<b>8340</b><br>
        addEventListener(&quot;load&quot;, referencefontsizeload);<br>
<b>8341</b><br>
        function referencefontsizenumberload()<br>
<b>8342</b><br>
        {<br>
<b>8343</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>8344</b><br>
            referencefontsize.append(br);<br>
<b>8345</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>8346</b><br>
            input.id = &quot;referencefontsizenumber&quot;;<br>
<b>8347</b><br>
            input.max = 1000;<br>
<b>8348</b><br>
            input.min = 0;<br>
<b>8349</b><br>
            input.type = &quot;number&quot;;<br>
<b>8350</b><br>
            input.value = 100;<br>
<b>8351</b><br>
            input.addEventListener(&quot;input&quot;, referencefontsizenumberupdate);<br>
<b>8352</b><br>
            referencefontsize.append(input);<br>
<b>8353</b><br>
            //referencefontsizenumberset();<br>
<b>8354</b><br>
        }<br>
<b>8355</b><br>
        addEventListener(&quot;load&quot;, referencefontsizenumberload);<br>
<b>8356</b><br>
        function referencefontsizenumberset()<br>
<b>8357</b><br>
        {<br>
<b>8358</b><br>
            const v = Number(referencefontsizenumber.value);<br>
<b>8359</b><br>
            referencefontsizerange.value = v;<br>
<b>8360</b><br>
            text.referencefontsize = v;<br>
<b>8361</b><br>
        }<br>
<b>8362</b><br>
        function referencefontsizenumberupdate()<br>
<b>8363</b><br>
        {<br>
<b>8364</b><br>
            referencefontsizenumberset();<br>
<b>8365</b><br>
            svgupdate();<br>
<b>8366</b><br>
        }<br>
<b>8367</b><br>
        function referencefontsizerangeload()<br>
<b>8368</b><br>
        {<br>
<b>8369</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>8370</b><br>
            input.id = &quot;referencefontsizerange&quot;;<br>
<b>8371</b><br>
            input.max = referencefontsizenumber.max;<br>
<b>8372</b><br>
            input.min = referencefontsizenumber.min;<br>
<b>8373</b><br>
            input.type = &quot;range&quot;;<br>
<b>8374</b><br>
            input.value = referencefontsizenumber.value;<br>
<b>8375</b><br>
            input.addEventListener(&quot;input&quot;, referencefontsizerangeupdate);<br>
<b>8376</b><br>
            referencefontsize.append(input);<br>
<b>8377</b><br>
            referencefontsizerangeset();<br>
<b>8378</b><br>
        }<br>
<b>8379</b><br>
        addEventListener(&quot;load&quot;, referencefontsizerangeload);<br>
<b>8380</b><br>
        function referencefontsizerangeset()<br>
<b>8381</b><br>
        {<br>
<b>8382</b><br>
            const v = Number(referencefontsizerange.value);<br>
<b>8383</b><br>
            referencefontsizenumber.value = v;<br>
<b>8384</b><br>
            text.referencefontsize = v;<br>
<b>8385</b><br>
        }<br>
<b>8386</b><br>
        function referencefontsizerangeupdate()<br>
<b>8387</b><br>
        {<br>
<b>8388</b><br>
            referencefontsizerangeset();<br>
<b>8389</b><br>
            svgupdate();<br>
<b>8390</b><br>
        }<br>
<b>8391</b><br>
        function referencefontsizeexactload()<br>
<b>8392</b><br>
        {<br>
<b>8393</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>8394</b><br>
            referencefontsize.append(br);<br>
<b>8395</b><br>
            const array =<br>
<b>8396</b><br>
            [<br>
<b>8397</b><br>
                [&quot;0&quot;,0],<br>
<b>8398</b><br>
                [&quot;50&quot;,50],<br>
<b>8399</b><br>
                [&quot;100&quot;,100],<br>
<b>8400</b><br>
                [&quot;250&quot;,250],<br>
<b>8401</b><br>
                [&quot;500&quot;,500],<br>
<b>8402</b><br>
                [&quot;1000&quot;,1000],<br>
<b>8403</b><br>
            ];<br>
<b>8404</b><br>
            for(const value of array)<br>
<b>8405</b><br>
            {<br>
<b>8406</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>8407</b><br>
                button.innerHTML = value[0];<br>
<b>8408</b><br>
                button.value = value[1];<br>
<b>8409</b><br>
                button.addEventListener(&quot;click&quot;, referencefontsizeexactupdate);<br>
<b>8410</b><br>
                referencefontsize.append(button);<br>
<b>8411</b><br>
            }<br>
<b>8412</b><br>
        }<br>
<b>8413</b><br>
        addEventListener(&quot;load&quot;, referencefontsizeexactload);<br>
<b>8414</b><br>
        function referencefontsizeexactupdate(e)<br>
<b>8415</b><br>
        {<br>
<b>8416</b><br>
            referencefontsizenumber.value = Number(e.target.value);<br>
<b>8417</b><br>
            referencefontsizenumberupdate();<br>
<b>8418</b><br>
        }<br>
<b>8419</b><br>
        function referencefontsizeincrementload()<br>
<b>8420</b><br>
        {<br>
<b>8421</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>8422</b><br>
            referencefontsize.append(br);<br>
<b>8423</b><br>
            const array =<br>
<b>8424</b><br>
            [<br>
<b>8425</b><br>
                [&quot;-100&quot;,-100],<br>
<b>8426</b><br>
                [&quot;-10&quot;,-10],<br>
<b>8427</b><br>
                [&quot;-1&quot;,-1],<br>
<b>8428</b><br>
                [&quot;+1&quot;,1],<br>
<b>8429</b><br>
                [&quot;+10&quot;,10],<br>
<b>8430</b><br>
                [&quot;+100&quot;,100],<br>
<b>8431</b><br>
            ];<br>
<b>8432</b><br>
            for(const value of array)<br>
<b>8433</b><br>
            {<br>
<b>8434</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>8435</b><br>
                button.innerHTML = value[0];<br>
<b>8436</b><br>
                button.value = value[1];<br>
<b>8437</b><br>
                button.addEventListener(&quot;click&quot;, referencefontsizeincrementupdate);<br>
<b>8438</b><br>
                referencefontsize.append(button);<br>
<b>8439</b><br>
            }<br>
<b>8440</b><br>
        }<br>
<b>8441</b><br>
        addEventListener(&quot;load&quot;, referencefontsizeincrementload);<br>
<b>8442</b><br>
        function referencefontsizeincrementupdate(e)<br>
<b>8443</b><br>
        {<br>
<b>8444</b><br>
            const v = Number(referencefontsizenumber.value) + Number(e.target.value);<br>
<b>8445</b><br>
            if((referencefontsizenumber.min &lt;= v) &amp;&amp; (v &lt;= referencefontsizenumber.max))<br>
<b>8446</b><br>
            {<br>
<b>8447</b><br>
                referencefontsizenumber.value = v;<br>
<b>8448</b><br>
                referencefontsizenumberupdate();<br>
<b>8449</b><br>
            }<br>
<b>8450</b><br>
        }<br>
<b>8451</b><br>
/*<br>
<b>8452</b><br>
        function referencefontsizefitload()<br>
<b>8453</b><br>
        {<br>
<b>8454</b><br>
            const button = document.createElement(&quot;button&quot;);<br>
<b>8455</b><br>
            button.innerHTML = &quot;fit&quot;;<br>
<b>8456</b><br>
            button.addEventListener(&quot;click&quot;, referencefontsizefitupdate);<br>
<b>8457</b><br>
            referencefontsize.append(button);<br>
<b>8458</b><br>
        }<br>
<b>8459</b><br>
        addEventListener(&quot;load&quot;, referencefontsizefitload);<br>
<b>8460</b><br>
        function referencefontsizefitupdate()<br>
<b>8461</b><br>
        {<br>
<b>8462</b><br>
            const t = document.createElement(&quot;div&quot;);<br>
<b>8463</b><br>
            referencefontsize.append(t);<br>
<b>8464</b><br>
            t.innerHTML = text.bookname;<br>
<b>8465</b><br>
            t.style.fontSize = `${referencefontsizenumber.value}px`;<br>
<b>8466</b><br>
            const h1 = text.referencewidth;<br>
<b>8467</b><br>
            const h2 = text.referenceheight;<br>
<b>8468</b><br>
            const h3 = t.offsetWidth;<br>
<b>8469</b><br>
            const h4 = t.offsetHeight;<br>
<b>8470</b><br>
            const h5 = referencefontsizenumber.value;<br>
<b>8471</b><br>
            //const h4 = t.offsetParent;//t.style.fontSize;<br>
<b>8472</b><br>
            //const h5 = t.clientHeight;//text.style.height;<br>
<b>8473</b><br>
            //const h6 = text.height;<br>
<b>8474</b><br>
            //const h7 = text.getBoundingClientRect().height;<br>
<b>8475</b><br>
            //const h8 = text.style.lineHeight;<br>
<b>8476</b><br>
            //const h9 = canvas.getBoundingClientRect().height;<br>
<b>8477</b><br>
            console.log(h1, h2, h3, h4, h5);<br>
<b>8478</b><br>
            //t.hidden = true;<br>
<b>8479</b><br>
            if(h2 &lt; h4)<br>
<b>8480</b><br>
            {<br>
<b>8481</b><br>
                referencefontsizenumber.value -= 1;<br>
<b>8482</b><br>
                referencefit();<br>
<b>8483</b><br>
            }<br>
<b>8484</b><br>
            referencefontsizenumberupdate();<br>
<b>8485</b><br>
        }<br>
<b>8486</b><br>
//*/<br>
<b>8487</b><br>
        function referencefontstyleload()<br>
<b>8488</b><br>
        {<br>
<b>8489</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>8490</b><br>
            div.id = &quot;referencefontstyle&quot;;<br>
<b>8491</b><br>
            div.innerHTML = &quot;font-style&quot;;<br>
<b>8492</b><br>
            tabcontentreference.append(div);<br>
<b>8493</b><br>
        }<br>
<b>8494</b><br>
        addEventListener(&quot;load&quot;, referencefontstyleload);<br>
<b>8495</b><br>
        function referencefontstyleselectload()<br>
<b>8496</b><br>
        {<br>
<b>8497</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>8498</b><br>
            referencefontstyle.append(br);<br>
<b>8499</b><br>
            const select = document.createElement(&quot;select&quot;);<br>
<b>8500</b><br>
            select.id = &quot;referencefontstyleselect&quot;;<br>
<b>8501</b><br>
            select.addEventListener(&quot;input&quot;, referencefontstyleselectupdate);<br>
<b>8502</b><br>
            referencefontstyle.append(select);<br>
<b>8503</b><br>
            for(const value of fontstylearray)<br>
<b>8504</b><br>
            {<br>
<b>8505</b><br>
                const option = document.createElement(&quot;option&quot;);<br>
<b>8506</b><br>
                option.innerHTML = value;<br>
<b>8507</b><br>
                select.add(option);<br>
<b>8508</b><br>
            }<br>
<b>8509</b><br>
            referencefontstyleselectset();<br>
<b>8510</b><br>
        }<br>
<b>8511</b><br>
        addEventListener(&quot;load&quot;, referencefontstyleselectload);<br>
<b>8512</b><br>
        function referencefontstyleselectset()<br>
<b>8513</b><br>
        {<br>
<b>8514</b><br>
            text.referencefontstyle = referencefontstyleselect.value;<br>
<b>8515</b><br>
        }<br>
<b>8516</b><br>
        function referencefontstyleselectupdate()<br>
<b>8517</b><br>
        {<br>
<b>8518</b><br>
            referencefontstyleselectset();<br>
<b>8519</b><br>
            svgupdate();<br>
<b>8520</b><br>
        }<br>
<b>8521</b><br>
        function referencefontvariantload()<br>
<b>8522</b><br>
        {<br>
<b>8523</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>8524</b><br>
            div.id = &quot;referencefontvariant&quot;;<br>
<b>8525</b><br>
            div.innerHTML = &quot;font-variant&quot;;<br>
<b>8526</b><br>
            tabcontentreference.append(div);<br>
<b>8527</b><br>
        }<br>
<b>8528</b><br>
        addEventListener(&quot;load&quot;, referencefontvariantload);<br>
<b>8529</b><br>
        function referencefontvariantselectload()<br>
<b>8530</b><br>
        {<br>
<b>8531</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>8532</b><br>
            referencefontvariant.append(br);<br>
<b>8533</b><br>
            const select = document.createElement(&quot;select&quot;);<br>
<b>8534</b><br>
            select.id = &quot;referencefontvariantselect&quot;;<br>
<b>8535</b><br>
            select.addEventListener(&quot;input&quot;, referencefontvariantselectupdate);<br>
<b>8536</b><br>
            referencefontvariant.append(select);<br>
<b>8537</b><br>
            for(const value of fontvariantarray)<br>
<b>8538</b><br>
            {<br>
<b>8539</b><br>
                const option = document.createElement(&quot;option&quot;);<br>
<b>8540</b><br>
                option.innerHTML = value;<br>
<b>8541</b><br>
                select.add(option);<br>
<b>8542</b><br>
            }<br>
<b>8543</b><br>
            referencefontvariantselectset();<br>
<b>8544</b><br>
        }<br>
<b>8545</b><br>
        addEventListener(&quot;load&quot;, referencefontvariantselectload);<br>
<b>8546</b><br>
        function referencefontvariantselectset()<br>
<b>8547</b><br>
        {<br>
<b>8548</b><br>
            text.referencefontvariant = referencefontvariantselect.value;<br>
<b>8549</b><br>
        }<br>
<b>8550</b><br>
        function referencefontvariantselectupdate()<br>
<b>8551</b><br>
        {<br>
<b>8552</b><br>
            referencefontvariantselectset();<br>
<b>8553</b><br>
            svgupdate();<br>
<b>8554</b><br>
        }<br>
<b>8555</b><br>
        function referencefontweightload()<br>
<b>8556</b><br>
        {<br>
<b>8557</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>8558</b><br>
            div.id = &quot;referencefontweight&quot;;<br>
<b>8559</b><br>
            div.innerHTML = &quot;font-weight&quot;;<br>
<b>8560</b><br>
            tabcontentreference.append(div);<br>
<b>8561</b><br>
        }<br>
<b>8562</b><br>
        addEventListener(&quot;load&quot;, referencefontweightload);<br>
<b>8563</b><br>
        function referencefontweightselectload()<br>
<b>8564</b><br>
        {<br>
<b>8565</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>8566</b><br>
            referencefontweight.append(br);<br>
<b>8567</b><br>
            const select = document.createElement(&quot;select&quot;);<br>
<b>8568</b><br>
            select.id = &quot;referencefontweightselect&quot;;<br>
<b>8569</b><br>
            select.addEventListener(&quot;input&quot;, referencefontweightselectupdate);<br>
<b>8570</b><br>
            referencefontweight.append(select);<br>
<b>8571</b><br>
            for(const value of fontweightarray)<br>
<b>8572</b><br>
            {<br>
<b>8573</b><br>
                const option = document.createElement(&quot;option&quot;);<br>
<b>8574</b><br>
                option.innerHTML = value;<br>
<b>8575</b><br>
                select.add(option);<br>
<b>8576</b><br>
            }<br>
<b>8577</b><br>
            referencefontweightselectset();<br>
<b>8578</b><br>
        }<br>
<b>8579</b><br>
        addEventListener(&quot;load&quot;, referencefontweightselectload);<br>
<b>8580</b><br>
        function referencefontweightselectset()<br>
<b>8581</b><br>
        {<br>
<b>8582</b><br>
            text.referencefontweight = referencefontweightselect.value;<br>
<b>8583</b><br>
        }<br>
<b>8584</b><br>
        function referencefontweightselectupdate()<br>
<b>8585</b><br>
        {<br>
<b>8586</b><br>
            referencefontweightselectset();<br>
<b>8587</b><br>
            svgupdate();<br>
<b>8588</b><br>
        }<br>
<b>8589</b><br>
        function referencecolorload()<br>
<b>8590</b><br>
        {<br>
<b>8591</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>8592</b><br>
            div.id = &quot;referencecolor&quot;;<br>
<b>8593</b><br>
            div.innerHTML = &quot;color&quot;;<br>
<b>8594</b><br>
            tabcontentreference.append(div);<br>
<b>8595</b><br>
        }<br>
<b>8596</b><br>
        addEventListener(&quot;load&quot;, referencecolorload);<br>
<b>8597</b><br>
        function referencecolorcolorload()<br>
<b>8598</b><br>
        {<br>
<b>8599</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>8600</b><br>
            referencecolor.append(br);<br>
<b>8601</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>8602</b><br>
            input.id = &quot;referencecolorcolor&quot;;<br>
<b>8603</b><br>
            input.type = &quot;color&quot;;<br>
<b>8604</b><br>
            input.value = &quot;#000000&quot;;<br>
<b>8605</b><br>
            input.addEventListener(&quot;input&quot;, referencecolorcolorupdate);<br>
<b>8606</b><br>
            referencecolor.append(input);<br>
<b>8607</b><br>
            //referencecolorcolorset();<br>
<b>8608</b><br>
        }<br>
<b>8609</b><br>
        addEventListener(&quot;load&quot;, referencecolorcolorload);<br>
<b>8610</b><br>
        function referencecolorcolorset()<br>
<b>8611</b><br>
        {<br>
<b>8612</b><br>
            const c = referencecolorcolor.value;<br>
<b>8613</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>8614</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>8615</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>8616</b><br>
            const a = referencealphanumber.value;<br>
<b>8617</b><br>
            text.referencecolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>8618</b><br>
        }<br>
<b>8619</b><br>
        function referencecolorcolorupdate()<br>
<b>8620</b><br>
        {<br>
<b>8621</b><br>
            referencecolorcolorset();<br>
<b>8622</b><br>
            svgupdate();<br>
<b>8623</b><br>
        }<br>
<b>8624</b><br>
        function referencecolorexactload()<br>
<b>8625</b><br>
        {<br>
<b>8626</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>8627</b><br>
            referencecolor.append(br);<br>
<b>8628</b><br>
            const array =<br>
<b>8629</b><br>
            [<br>
<b>8630</b><br>
                [&quot;black&quot;,&quot;#000000&quot;],<br>
<b>8631</b><br>
                [&quot;white&quot;,&quot;#ffffff&quot;],<br>
<b>8632</b><br>
            ];<br>
<b>8633</b><br>
            for(const value of array)<br>
<b>8634</b><br>
            {<br>
<b>8635</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>8636</b><br>
                button.innerHTML = value[0];<br>
<b>8637</b><br>
                button.value = value[1];<br>
<b>8638</b><br>
                button.addEventListener(&quot;click&quot;, referencecolorexactupdate);<br>
<b>8639</b><br>
                referencecolor.append(button);<br>
<b>8640</b><br>
            }<br>
<b>8641</b><br>
        }<br>
<b>8642</b><br>
        addEventListener(&quot;load&quot;, referencecolorexactload);<br>
<b>8643</b><br>
        function referencecolorexactupdate(e)<br>
<b>8644</b><br>
        {<br>
<b>8645</b><br>
            referencecolorcolor.value = e.target.value;<br>
<b>8646</b><br>
            referencecolorcolorupdate();<br>
<b>8647</b><br>
        }<br>
<b>8648</b><br>
        function referencealphaload()<br>
<b>8649</b><br>
        {<br>
<b>8650</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>8651</b><br>
            div.id = &quot;referencealpha&quot;;<br>
<b>8652</b><br>
            div.innerHTML = &quot;alpha&quot;;<br>
<b>8653</b><br>
            tabcontentreference.append(div);<br>
<b>8654</b><br>
            const style = div.style;<br>
<b>8655</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>8656</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>8657</b><br>
        }<br>
<b>8658</b><br>
        addEventListener(&quot;load&quot;, referencealphaload);<br>
<b>8659</b><br>
        function referencealphanumberload()<br>
<b>8660</b><br>
        {<br>
<b>8661</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>8662</b><br>
            referencealpha.append(br);<br>
<b>8663</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>8664</b><br>
            input.id = &quot;referencealphanumber&quot;;<br>
<b>8665</b><br>
            input.max = 1;<br>
<b>8666</b><br>
            input.min = 0;<br>
<b>8667</b><br>
            input.step = 0.01;<br>
<b>8668</b><br>
            input.type = &quot;number&quot;;<br>
<b>8669</b><br>
            input.value = 1;<br>
<b>8670</b><br>
            input.addEventListener(&quot;input&quot;, referencealphanumberupdate);<br>
<b>8671</b><br>
            referencealpha.append(input);<br>
<b>8672</b><br>
            //referencealphanumberset();<br>
<b>8673</b><br>
        }<br>
<b>8674</b><br>
        addEventListener(&quot;load&quot;, referencealphanumberload);<br>
<b>8675</b><br>
        function referencealphanumberset()<br>
<b>8676</b><br>
        {<br>
<b>8677</b><br>
            const c = referencecolorcolor.value;<br>
<b>8678</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>8679</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>8680</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>8681</b><br>
            const a = referencealphanumber.value;<br>
<b>8682</b><br>
            referencealpharange.value = a;<br>
<b>8683</b><br>
            text.referencecolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>8684</b><br>
        }<br>
<b>8685</b><br>
        function referencealphanumberupdate()<br>
<b>8686</b><br>
        {<br>
<b>8687</b><br>
            referencealphanumberset();<br>
<b>8688</b><br>
            svgupdate();<br>
<b>8689</b><br>
        }<br>
<b>8690</b><br>
        function referencealpharangeload()<br>
<b>8691</b><br>
        {<br>
<b>8692</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>8693</b><br>
            input.id = &quot;referencealpharange&quot;;<br>
<b>8694</b><br>
            input.max = referencealphanumber.max;<br>
<b>8695</b><br>
            input.min = referencealphanumber.min;<br>
<b>8696</b><br>
            input.step = referencealphanumber.step;<br>
<b>8697</b><br>
            input.type = &quot;range&quot;;<br>
<b>8698</b><br>
            input.value = referencealphanumber.value;<br>
<b>8699</b><br>
            input.addEventListener(&quot;input&quot;, referencealpharangeupdate);<br>
<b>8700</b><br>
            referencealpha.append(input);<br>
<b>8701</b><br>
            referencealpharangeset();<br>
<b>8702</b><br>
        }<br>
<b>8703</b><br>
        addEventListener(&quot;load&quot;, referencealpharangeload);<br>
<b>8704</b><br>
        function referencealpharangeset()<br>
<b>8705</b><br>
        {<br>
<b>8706</b><br>
            const c = referencecolorcolor.value;<br>
<b>8707</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>8708</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>8709</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>8710</b><br>
            const a = referencealpharange.value;<br>
<b>8711</b><br>
            referencealphanumber.value = a;<br>
<b>8712</b><br>
            text.referencecolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>8713</b><br>
        }<br>
<b>8714</b><br>
        function referencealpharangeupdate()<br>
<b>8715</b><br>
        {<br>
<b>8716</b><br>
            referencealpharangeset();<br>
<b>8717</b><br>
            svgupdate();<br>
<b>8718</b><br>
        }<br>
<b>8719</b><br>
        function referencealphaexactload()<br>
<b>8720</b><br>
        {<br>
<b>8721</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>8722</b><br>
            referencealpha.append(br);<br>
<b>8723</b><br>
            const array =<br>
<b>8724</b><br>
            [<br>
<b>8725</b><br>
                [&quot;0&quot;,0],<br>
<b>8726</b><br>
                [&quot;0.25&quot;,0.25],<br>
<b>8727</b><br>
                [&quot;0.5&quot;,0.5],<br>
<b>8728</b><br>
                [&quot;0.75&quot;,0.75],<br>
<b>8729</b><br>
                [&quot;1&quot;,1],<br>
<b>8730</b><br>
            ];<br>
<b>8731</b><br>
            for(const value of array)<br>
<b>8732</b><br>
            {<br>
<b>8733</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>8734</b><br>
                button.innerHTML = value[0];<br>
<b>8735</b><br>
                button.value = value[1];<br>
<b>8736</b><br>
                button.addEventListener(&quot;click&quot;, referencealphaexactupdate);<br>
<b>8737</b><br>
                referencealpha.append(button);<br>
<b>8738</b><br>
            }<br>
<b>8739</b><br>
        }<br>
<b>8740</b><br>
        addEventListener(&quot;load&quot;, referencealphaexactload);<br>
<b>8741</b><br>
        function referencealphaexactupdate(e)<br>
<b>8742</b><br>
        {<br>
<b>8743</b><br>
            referencealphanumber.value = Number(e.target.value);<br>
<b>8744</b><br>
            referencealphanumberupdate();<br>
<b>8745</b><br>
        }<br>
<b>8746</b><br>
        function referencealphaincrementload()<br>
<b>8747</b><br>
        {<br>
<b>8748</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>8749</b><br>
            referencealpha.append(br);<br>
<b>8750</b><br>
            const array =<br>
<b>8751</b><br>
            [<br>
<b>8752</b><br>
                [&quot;-0.1&quot;,-0.1],<br>
<b>8753</b><br>
                [&quot;-0.01&quot;,-0.01],<br>
<b>8754</b><br>
                [&quot;+0.01&quot;,0.01],<br>
<b>8755</b><br>
                [&quot;+0.1&quot;,0.1],<br>
<b>8756</b><br>
            ];<br>
<b>8757</b><br>
            for(const value of array)<br>
<b>8758</b><br>
            {<br>
<b>8759</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>8760</b><br>
                button.innerHTML = value[0];<br>
<b>8761</b><br>
                button.value = value[1];<br>
<b>8762</b><br>
                button.addEventListener(&quot;click&quot;, referencealphaincrementupdate);<br>
<b>8763</b><br>
                referencealpha.append(button);<br>
<b>8764</b><br>
            }<br>
<b>8765</b><br>
        }<br>
<b>8766</b><br>
        addEventListener(&quot;load&quot;, referencealphaincrementload);<br>
<b>8767</b><br>
        function referencealphaincrementupdate(e)<br>
<b>8768</b><br>
        {<br>
<b>8769</b><br>
            let v = Number(referencealphanumber.value) + Number(e.target.value);<br>
<b>8770</b><br>
            v = parseFloat(v.toFixed(2));<br>
<b>8771</b><br>
            if((referencealphanumber.min &lt;= v) &amp;&amp; (v &lt;= referencealphanumber.max))<br>
<b>8772</b><br>
            {<br>
<b>8773</b><br>
                referencealphanumber.value = v;<br>
<b>8774</b><br>
                referencealphanumberupdate();<br>
<b>8775</b><br>
            }<br>
<b>8776</b><br>
        }<br>
<b>8777</b><br>
/*leftoff<br>
<b>8778</b><br>
        function referencefilterblurload()<br>
<b>8779</b><br>
        {<br>
<b>8780</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>8781</b><br>
            div.id = &quot;referencefilterblur&quot;;<br>
<b>8782</b><br>
            div.innerHTML = &quot;filter-blur&quot;;<br>
<b>8783</b><br>
            tabcontentreference.append(div);<br>
<b>8784</b><br>
            const style = div.style;<br>
<b>8785</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>8786</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>8787</b><br>
        }<br>
<b>8788</b><br>
        addEventListener(&quot;load&quot;, referencefilterblurload);<br>
<b>8789</b><br>
        function referencefilterblurnumberload()<br>
<b>8790</b><br>
        {<br>
<b>8791</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>8792</b><br>
            referencefilterblur.append(br);<br>
<b>8793</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>8794</b><br>
            input.id = &quot;referencefilterblurnumber&quot;;<br>
<b>8795</b><br>
            input.max = 1000;<br>
<b>8796</b><br>
            input.min = 0;<br>
<b>8797</b><br>
            input.step = 1;<br>
<b>8798</b><br>
            input.type = &quot;number&quot;;<br>
<b>8799</b><br>
            input.value = 0;<br>
<b>8800</b><br>
            input.addEventListener(&quot;input&quot;, referencefilterblurnumberupdate);<br>
<b>8801</b><br>
            referencefilterblur.append(input);<br>
<b>8802</b><br>
            //referencefilterblurnumberset();<br>
<b>8803</b><br>
        }<br>
<b>8804</b><br>
        addEventListener(&quot;load&quot;, referencefilterblurnumberload);<br>
<b>8805</b><br>
        function referencefilterblurnumberset()<br>
<b>8806</b><br>
        {<br>
<b>8807</b><br>
            const v = referencefilterblurnumber.value;<br>
<b>8808</b><br>
            referencefilterblurrange.value = v;<br>
<b>8809</b><br>
            text.referencebackdropfilterblur = v;<br>
<b>8810</b><br>
        }<br>
<b>8811</b><br>
        function referencefilterblurnumberupdate()<br>
<b>8812</b><br>
        {<br>
<b>8813</b><br>
            referencefilterblurnumberset();<br>
<b>8814</b><br>
            svgupdate();<br>
<b>8815</b><br>
        }<br>
<b>8816</b><br>
        function referencefilterblurrangeload()<br>
<b>8817</b><br>
        {<br>
<b>8818</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>8819</b><br>
            input.id = &quot;referencefilterblurrange&quot;;<br>
<b>8820</b><br>
            input.max = referencefilterblurnumber.max;<br>
<b>8821</b><br>
            input.min = referencefilterblurnumber.min;<br>
<b>8822</b><br>
            input.step = referencefilterblurnumber.step;<br>
<b>8823</b><br>
            input.type = &quot;range&quot;;<br>
<b>8824</b><br>
            input.value = referencefilterblurnumber.value;<br>
<b>8825</b><br>
            input.addEventListener(&quot;input&quot;, referencefilterblurrangeupdate);<br>
<b>8826</b><br>
            referencefilterblur.append(input);<br>
<b>8827</b><br>
            referencefilterblurrangeset();<br>
<b>8828</b><br>
        }<br>
<b>8829</b><br>
        addEventListener(&quot;load&quot;, referencefilterblurrangeload);<br>
<b>8830</b><br>
        function referencefilterblurrangeset()<br>
<b>8831</b><br>
        {<br>
<b>8832</b><br>
            const v = referencefilterblurrange.value;<br>
<b>8833</b><br>
            referencefilterblurnumber.value = v;<br>
<b>8834</b><br>
            text.referencebackdropfilterblur = v;<br>
<b>8835</b><br>
        }<br>
<b>8836</b><br>
        function referencefilterblurrangeupdate()<br>
<b>8837</b><br>
        {<br>
<b>8838</b><br>
            referencefilterblurrangeset();<br>
<b>8839</b><br>
            svgupdate();<br>
<b>8840</b><br>
        }<br>
<b>8841</b><br>
        function referencefilterblurexactload()<br>
<b>8842</b><br>
        {<br>
<b>8843</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>8844</b><br>
            referencefilterblur.append(br);<br>
<b>8845</b><br>
            const array =<br>
<b>8846</b><br>
            [<br>
<b>8847</b><br>
                [&quot;0&quot;,0],<br>
<b>8848</b><br>
                [&quot;2&quot;,2],<br>
<b>8849</b><br>
                [&quot;4&quot;,4],<br>
<b>8850</b><br>
                [&quot;8&quot;,8],<br>
<b>8851</b><br>
                [&quot;16&quot;,16],<br>
<b>8852</b><br>
                [&quot;32&quot;,32],<br>
<b>8853</b><br>
                [&quot;64&quot;,64],<br>
<b>8854</b><br>
            ];<br>
<b>8855</b><br>
            for(const value of array)<br>
<b>8856</b><br>
            {<br>
<b>8857</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>8858</b><br>
                button.innerHTML = value[0];<br>
<b>8859</b><br>
                button.value = value[1];<br>
<b>8860</b><br>
                button.addEventListener(&quot;click&quot;, referencefilterblurexactupdate);<br>
<b>8861</b><br>
                referencefilterblur.append(button);<br>
<b>8862</b><br>
            }<br>
<b>8863</b><br>
        }<br>
<b>8864</b><br>
        addEventListener(&quot;load&quot;, referencefilterblurexactload);<br>
<b>8865</b><br>
        function referencefilterblurexactupdate(e)<br>
<b>8866</b><br>
        {<br>
<b>8867</b><br>
            referencefilterblurnumber.value = Number(e.target.value);<br>
<b>8868</b><br>
            referencefilterblurnumberupdate();<br>
<b>8869</b><br>
        }<br>
<b>8870</b><br>
        function referencefilterblurincrementload()<br>
<b>8871</b><br>
        {<br>
<b>8872</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>8873</b><br>
            referencefilterblur.append(br);<br>
<b>8874</b><br>
            const array =<br>
<b>8875</b><br>
            [<br>
<b>8876</b><br>
                [&quot;-100&quot;,-100],<br>
<b>8877</b><br>
                [&quot;-10&quot;,-10],<br>
<b>8878</b><br>
                [&quot;-1&quot;,-1],<br>
<b>8879</b><br>
                [&quot;+1&quot;,1],<br>
<b>8880</b><br>
                [&quot;+10&quot;,10],<br>
<b>8881</b><br>
                [&quot;+100&quot;,100],<br>
<b>8882</b><br>
            ];<br>
<b>8883</b><br>
            for(const value of array)<br>
<b>8884</b><br>
            {<br>
<b>8885</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>8886</b><br>
                button.innerHTML = value[0];<br>
<b>8887</b><br>
                button.value = value[1];<br>
<b>8888</b><br>
                button.addEventListener(&quot;click&quot;, referencefilterblurincrementupdate);<br>
<b>8889</b><br>
                referencefilterblur.append(button);<br>
<b>8890</b><br>
            }<br>
<b>8891</b><br>
        }<br>
<b>8892</b><br>
        addEventListener(&quot;load&quot;, referencefilterblurincrementload);<br>
<b>8893</b><br>
        function referencefilterblurincrementupdate(e)<br>
<b>8894</b><br>
        {<br>
<b>8895</b><br>
            const v = Number(referencefilterblurnumber.value) + Number(e.target.value);<br>
<b>8896</b><br>
            if((referencefilterblurnumber.min &lt;= v) &amp;&amp; (v &lt;= referencefilterblurnumber.max))<br>
<b>8897</b><br>
            {<br>
<b>8898</b><br>
                referencefilterblurnumber.value = v;<br>
<b>8899</b><br>
                referencefilterblurnumberupdate();<br>
<b>8900</b><br>
            }<br>
<b>8901</b><br>
        }<br>
<b>8902</b><br>
        function referencefilterbrightnessload()<br>
<b>8903</b><br>
        {<br>
<b>8904</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>8905</b><br>
            div.id = &quot;referencefilterbrightness&quot;;<br>
<b>8906</b><br>
            div.innerHTML = &quot;filter-brightness&quot;;<br>
<b>8907</b><br>
            tabcontentreference.append(div);<br>
<b>8908</b><br>
            const style = div.style;<br>
<b>8909</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>8910</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>8911</b><br>
        }<br>
<b>8912</b><br>
        addEventListener(&quot;load&quot;, referencefilterbrightnessload);<br>
<b>8913</b><br>
        function referencefilterbrightnessnumberload()<br>
<b>8914</b><br>
        {<br>
<b>8915</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>8916</b><br>
            referencefilterbrightness.append(br);<br>
<b>8917</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>8918</b><br>
            input.id = &quot;referencefilterbrightnessnumber&quot;;<br>
<b>8919</b><br>
            input.max = 1000;<br>
<b>8920</b><br>
            input.min = 0;<br>
<b>8921</b><br>
            input.step = 1;<br>
<b>8922</b><br>
            input.type = &quot;number&quot;;<br>
<b>8923</b><br>
            input.value = 100;<br>
<b>8924</b><br>
            input.addEventListener(&quot;input&quot;, referencefilterbrightnessnumberupdate);<br>
<b>8925</b><br>
            referencefilterbrightness.append(input);<br>
<b>8926</b><br>
            //referencefilterbrightnessnumberset();<br>
<b>8927</b><br>
        }<br>
<b>8928</b><br>
        addEventListener(&quot;load&quot;, referencefilterbrightnessnumberload);<br>
<b>8929</b><br>
        function referencefilterbrightnessnumberset()<br>
<b>8930</b><br>
        {<br>
<b>8931</b><br>
            const v = referencefilterbrightnessnumber.value;<br>
<b>8932</b><br>
            referencefilterbrightnessrange.value = v;<br>
<b>8933</b><br>
            text.referencebackdropfilterbrightness = v;<br>
<b>8934</b><br>
        }<br>
<b>8935</b><br>
        function referencefilterbrightnessnumberupdate()<br>
<b>8936</b><br>
        {<br>
<b>8937</b><br>
            referencefilterbrightnessnumberset();<br>
<b>8938</b><br>
            svgupdate();<br>
<b>8939</b><br>
        }<br>
<b>8940</b><br>
        function referencefilterbrightnessrangeload()<br>
<b>8941</b><br>
        {<br>
<b>8942</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>8943</b><br>
            input.id = &quot;referencefilterbrightnessrange&quot;;<br>
<b>8944</b><br>
            input.max = referencefilterbrightnessnumber.max;<br>
<b>8945</b><br>
            input.min = referencefilterbrightnessnumber.min;<br>
<b>8946</b><br>
            input.step = referencefilterbrightnessnumber.step;<br>
<b>8947</b><br>
            input.type = &quot;range&quot;;<br>
<b>8948</b><br>
            input.value = referencefilterbrightnessnumber.value;<br>
<b>8949</b><br>
            input.addEventListener(&quot;input&quot;, referencefilterbrightnessrangeupdate);<br>
<b>8950</b><br>
            referencefilterbrightness.append(input);<br>
<b>8951</b><br>
            referencefilterbrightnessrangeset();<br>
<b>8952</b><br>
        }<br>
<b>8953</b><br>
        addEventListener(&quot;load&quot;, referencefilterbrightnessrangeload);<br>
<b>8954</b><br>
        function referencefilterbrightnessrangeset()<br>
<b>8955</b><br>
        {<br>
<b>8956</b><br>
            const v = referencefilterbrightnessrange.value;<br>
<b>8957</b><br>
            referencefilterbrightnessnumber.value = v;<br>
<b>8958</b><br>
            text.referencebackdropfilterbrightness = v;<br>
<b>8959</b><br>
        }<br>
<b>8960</b><br>
        function referencefilterbrightnessrangeupdate()<br>
<b>8961</b><br>
        {<br>
<b>8962</b><br>
            referencefilterbrightnessrangeset();<br>
<b>8963</b><br>
            svgupdate();<br>
<b>8964</b><br>
        }<br>
<b>8965</b><br>
        function referencefilterbrightnessexactload()<br>
<b>8966</b><br>
        {<br>
<b>8967</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>8968</b><br>
            referencefilterbrightness.append(br);<br>
<b>8969</b><br>
            const array =<br>
<b>8970</b><br>
            [<br>
<b>8971</b><br>
                [&quot;0&quot;,0],<br>
<b>8972</b><br>
                [&quot;50&quot;,50],<br>
<b>8973</b><br>
                [&quot;100 (initial)&quot;,100],<br>
<b>8974</b><br>
                [&quot;150&quot;,150],<br>
<b>8975</b><br>
                [&quot;200&quot;,200],<br>
<b>8976</b><br>
            ];<br>
<b>8977</b><br>
            for(const value of array)<br>
<b>8978</b><br>
            {<br>
<b>8979</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>8980</b><br>
                button.innerHTML = value[0];<br>
<b>8981</b><br>
                button.value = value[1];<br>
<b>8982</b><br>
                button.addEventListener(&quot;click&quot;, referencefilterbrightnessexactupdate);<br>
<b>8983</b><br>
                referencefilterbrightness.append(button);<br>
<b>8984</b><br>
            }<br>
<b>8985</b><br>
        }<br>
<b>8986</b><br>
        addEventListener(&quot;load&quot;, referencefilterbrightnessexactload);<br>
<b>8987</b><br>
        function referencefilterbrightnessexactupdate(e)<br>
<b>8988</b><br>
        {<br>
<b>8989</b><br>
            referencefilterbrightnessnumber.value = Number(e.target.value);<br>
<b>8990</b><br>
            referencefilterbrightnessnumberupdate();<br>
<b>8991</b><br>
        }<br>
<b>8992</b><br>
        function referencefilterbrightnessincrementload()<br>
<b>8993</b><br>
        {<br>
<b>8994</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>8995</b><br>
            referencefilterbrightness.append(br);<br>
<b>8996</b><br>
            const array =<br>
<b>8997</b><br>
            [<br>
<b>8998</b><br>
                [&quot;-100&quot;,-100],<br>
<b>8999</b><br>
                [&quot;-10&quot;,-10],<br>
<b>9000</b><br>
                [&quot;-1&quot;,-1],<br>
<b>9001</b><br>
                [&quot;+1&quot;,1],<br>
<b>9002</b><br>
                [&quot;+10&quot;,10],<br>
<b>9003</b><br>
                [&quot;+100&quot;,100],<br>
<b>9004</b><br>
            ];<br>
<b>9005</b><br>
            for(const value of array)<br>
<b>9006</b><br>
            {<br>
<b>9007</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>9008</b><br>
                button.innerHTML = value[0];<br>
<b>9009</b><br>
                button.value = value[1];<br>
<b>9010</b><br>
                button.addEventListener(&quot;click&quot;, referencefilterbrightnessincrementupdate);<br>
<b>9011</b><br>
                referencefilterbrightness.append(button);<br>
<b>9012</b><br>
            }<br>
<b>9013</b><br>
        }<br>
<b>9014</b><br>
        addEventListener(&quot;load&quot;, referencefilterbrightnessincrementload);<br>
<b>9015</b><br>
        function referencefilterbrightnessincrementupdate(e)<br>
<b>9016</b><br>
        {<br>
<b>9017</b><br>
            const v = Number(referencefilterbrightnessnumber.value) + Number(e.target.value);<br>
<b>9018</b><br>
            if((referencefilterbrightnessnumber.min &lt;= v) &amp;&amp; (v &lt;= referencefilterbrightnessnumber.max))<br>
<b>9019</b><br>
            {<br>
<b>9020</b><br>
                referencefilterbrightnessnumber.value = v;<br>
<b>9021</b><br>
                referencefilterbrightnessnumberupdate();<br>
<b>9022</b><br>
            }<br>
<b>9023</b><br>
        }<br>
<b>9024</b><br>
        function referencefiltercontrastload()<br>
<b>9025</b><br>
        {<br>
<b>9026</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>9027</b><br>
            div.id = &quot;referencefiltercontrast&quot;;<br>
<b>9028</b><br>
            div.innerHTML = &quot;filter-contrast&quot;;<br>
<b>9029</b><br>
            tabcontentreference.append(div);<br>
<b>9030</b><br>
            const style = div.style;<br>
<b>9031</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>9032</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>9033</b><br>
        }<br>
<b>9034</b><br>
        addEventListener(&quot;load&quot;, referencefiltercontrastload);<br>
<b>9035</b><br>
        function referencefiltercontrastnumberload()<br>
<b>9036</b><br>
        {<br>
<b>9037</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>9038</b><br>
            referencefiltercontrast.append(br);<br>
<b>9039</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>9040</b><br>
            input.id = &quot;referencefiltercontrastnumber&quot;;<br>
<b>9041</b><br>
            input.max = 1000;<br>
<b>9042</b><br>
            input.min = 0;<br>
<b>9043</b><br>
            input.step = 1;<br>
<b>9044</b><br>
            input.type = &quot;number&quot;;<br>
<b>9045</b><br>
            input.value = 100;<br>
<b>9046</b><br>
            input.addEventListener(&quot;input&quot;, referencefiltercontrastnumberupdate);<br>
<b>9047</b><br>
            referencefiltercontrast.append(input);<br>
<b>9048</b><br>
            //referencefiltercontrastnumberset();<br>
<b>9049</b><br>
        }<br>
<b>9050</b><br>
        addEventListener(&quot;load&quot;, referencefiltercontrastnumberload);<br>
<b>9051</b><br>
        function referencefiltercontrastnumberset()<br>
<b>9052</b><br>
        {<br>
<b>9053</b><br>
            const v = referencefiltercontrastnumber.value;<br>
<b>9054</b><br>
            referencefiltercontrastrange.value = v;<br>
<b>9055</b><br>
            text.referencebackdropfiltercontrast = v;<br>
<b>9056</b><br>
        }<br>
<b>9057</b><br>
        function referencefiltercontrastnumberupdate()<br>
<b>9058</b><br>
        {<br>
<b>9059</b><br>
            referencefiltercontrastnumberset();<br>
<b>9060</b><br>
            svgupdate();<br>
<b>9061</b><br>
        }<br>
<b>9062</b><br>
        function referencefiltercontrastrangeload()<br>
<b>9063</b><br>
        {<br>
<b>9064</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>9065</b><br>
            input.id = &quot;referencefiltercontrastrange&quot;;<br>
<b>9066</b><br>
            input.max = referencefiltercontrastnumber.max;<br>
<b>9067</b><br>
            input.min = referencefiltercontrastnumber.min;<br>
<b>9068</b><br>
            input.step = referencefiltercontrastnumber.step;<br>
<b>9069</b><br>
            input.type = &quot;range&quot;;<br>
<b>9070</b><br>
            input.value = referencefiltercontrastnumber.value;<br>
<b>9071</b><br>
            input.addEventListener(&quot;input&quot;, referencefiltercontrastrangeupdate);<br>
<b>9072</b><br>
            referencefiltercontrast.append(input);<br>
<b>9073</b><br>
            referencefiltercontrastrangeset();<br>
<b>9074</b><br>
        }<br>
<b>9075</b><br>
        addEventListener(&quot;load&quot;, referencefiltercontrastrangeload);<br>
<b>9076</b><br>
        function referencefiltercontrastrangeset()<br>
<b>9077</b><br>
        {<br>
<b>9078</b><br>
            const v = referencefiltercontrastrange.value;<br>
<b>9079</b><br>
            referencefiltercontrastnumber.value = v;<br>
<b>9080</b><br>
            text.referencebackdropfiltercontrast = v;<br>
<b>9081</b><br>
        }<br>
<b>9082</b><br>
        function referencefiltercontrastrangeupdate()<br>
<b>9083</b><br>
        {<br>
<b>9084</b><br>
            referencefiltercontrastrangeset();<br>
<b>9085</b><br>
            svgupdate();<br>
<b>9086</b><br>
        }<br>
<b>9087</b><br>
        function referencefiltercontrastexactload()<br>
<b>9088</b><br>
        {<br>
<b>9089</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>9090</b><br>
            referencefiltercontrast.append(br);<br>
<b>9091</b><br>
            const array =<br>
<b>9092</b><br>
            [<br>
<b>9093</b><br>
                [&quot;0&quot;,0],<br>
<b>9094</b><br>
                [&quot;50&quot;,50],<br>
<b>9095</b><br>
                [&quot;100 (initial)&quot;,100],<br>
<b>9096</b><br>
                [&quot;150&quot;,150],<br>
<b>9097</b><br>
                [&quot;200&quot;,200],<br>
<b>9098</b><br>
            ];<br>
<b>9099</b><br>
            for(const value of array)<br>
<b>9100</b><br>
            {<br>
<b>9101</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>9102</b><br>
                button.innerHTML = value[0];<br>
<b>9103</b><br>
                button.value = value[1];<br>
<b>9104</b><br>
                button.addEventListener(&quot;click&quot;, referencefiltercontrastexactupdate);<br>
<b>9105</b><br>
                referencefiltercontrast.append(button);<br>
<b>9106</b><br>
            }<br>
<b>9107</b><br>
        }<br>
<b>9108</b><br>
        addEventListener(&quot;load&quot;, referencefiltercontrastexactload);<br>
<b>9109</b><br>
        function referencefiltercontrastexactupdate(e)<br>
<b>9110</b><br>
        {<br>
<b>9111</b><br>
            referencefiltercontrastnumber.value = Number(e.target.value);<br>
<b>9112</b><br>
            referencefiltercontrastnumberupdate();<br>
<b>9113</b><br>
        }<br>
<b>9114</b><br>
        function referencefiltercontrastincrementload()<br>
<b>9115</b><br>
        {<br>
<b>9116</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>9117</b><br>
            referencefiltercontrast.append(br);<br>
<b>9118</b><br>
            const array =<br>
<b>9119</b><br>
            [<br>
<b>9120</b><br>
                [&quot;-100&quot;,-100],<br>
<b>9121</b><br>
                [&quot;-10&quot;,-10],<br>
<b>9122</b><br>
                [&quot;-1&quot;,-1],<br>
<b>9123</b><br>
                [&quot;+1&quot;,1],<br>
<b>9124</b><br>
                [&quot;+10&quot;,10],<br>
<b>9125</b><br>
                [&quot;+100&quot;,100],<br>
<b>9126</b><br>
            ];<br>
<b>9127</b><br>
            for(const value of array)<br>
<b>9128</b><br>
            {<br>
<b>9129</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>9130</b><br>
                button.innerHTML = value[0];<br>
<b>9131</b><br>
                button.value = value[1];<br>
<b>9132</b><br>
                button.addEventListener(&quot;click&quot;, referencefiltercontrastincrementupdate);<br>
<b>9133</b><br>
                referencefiltercontrast.append(button);<br>
<b>9134</b><br>
            }<br>
<b>9135</b><br>
        }<br>
<b>9136</b><br>
        addEventListener(&quot;load&quot;, referencefiltercontrastincrementload);<br>
<b>9137</b><br>
        function referencefiltercontrastincrementupdate(e)<br>
<b>9138</b><br>
        {<br>
<b>9139</b><br>
            const v = Number(referencefiltercontrastnumber.value) + Number(e.target.value);<br>
<b>9140</b><br>
            if((referencefiltercontrastnumber.min &lt;= v) &amp;&amp; (v &lt;= referencefiltercontrastnumber.max))<br>
<b>9141</b><br>
            {<br>
<b>9142</b><br>
                referencefiltercontrastnumber.value = v;<br>
<b>9143</b><br>
                referencefiltercontrastnumberupdate();<br>
<b>9144</b><br>
            }<br>
<b>9145</b><br>
        }<br>
<b>9146</b><br>
        function referencefiltergrayscaleload()<br>
<b>9147</b><br>
        {<br>
<b>9148</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>9149</b><br>
            div.id = &quot;referencefiltergrayscale&quot;;<br>
<b>9150</b><br>
            div.innerHTML = &quot;filter-grayscale&quot;;<br>
<b>9151</b><br>
            tabcontentreference.append(div);<br>
<b>9152</b><br>
            const style = div.style;<br>
<b>9153</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>9154</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>9155</b><br>
        }<br>
<b>9156</b><br>
        addEventListener(&quot;load&quot;, referencefiltergrayscaleload);<br>
<b>9157</b><br>
        function referencefiltergrayscalenumberload()<br>
<b>9158</b><br>
        {<br>
<b>9159</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>9160</b><br>
            referencefiltergrayscale.append(br);<br>
<b>9161</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>9162</b><br>
            input.id = &quot;referencefiltergrayscalenumber&quot;;<br>
<b>9163</b><br>
            input.max = 100;<br>
<b>9164</b><br>
            input.min = 0;<br>
<b>9165</b><br>
            input.step = 1;<br>
<b>9166</b><br>
            input.type = &quot;number&quot;;<br>
<b>9167</b><br>
            input.value = 0;<br>
<b>9168</b><br>
            input.addEventListener(&quot;input&quot;, referencefiltergrayscalenumberupdate);<br>
<b>9169</b><br>
            referencefiltergrayscale.append(input);<br>
<b>9170</b><br>
            //referencefiltergrayscalenumberset();<br>
<b>9171</b><br>
        }<br>
<b>9172</b><br>
        addEventListener(&quot;load&quot;, referencefiltergrayscalenumberload);<br>
<b>9173</b><br>
        function referencefiltergrayscalenumberset()<br>
<b>9174</b><br>
        {<br>
<b>9175</b><br>
            const v = referencefiltergrayscalenumber.value;<br>
<b>9176</b><br>
            referencefiltergrayscalerange.value = v;<br>
<b>9177</b><br>
            text.referencebackdropfiltergrayscale = v;<br>
<b>9178</b><br>
        }<br>
<b>9179</b><br>
        function referencefiltergrayscalenumberupdate()<br>
<b>9180</b><br>
        {<br>
<b>9181</b><br>
            referencefiltergrayscalenumberset();<br>
<b>9182</b><br>
            svgupdate();<br>
<b>9183</b><br>
        }<br>
<b>9184</b><br>
        function referencefiltergrayscalerangeload()<br>
<b>9185</b><br>
        {<br>
<b>9186</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>9187</b><br>
            input.id = &quot;referencefiltergrayscalerange&quot;;<br>
<b>9188</b><br>
            input.max = referencefiltergrayscalenumber.max;<br>
<b>9189</b><br>
            input.min = referencefiltergrayscalenumber.min;<br>
<b>9190</b><br>
            input.step = referencefiltergrayscalenumber.step;<br>
<b>9191</b><br>
            input.type = &quot;range&quot;;<br>
<b>9192</b><br>
            input.value = referencefiltergrayscalenumber.value;<br>
<b>9193</b><br>
            input.addEventListener(&quot;input&quot;, referencefiltergrayscalerangeupdate);<br>
<b>9194</b><br>
            referencefiltergrayscale.append(input);<br>
<b>9195</b><br>
            referencefiltergrayscalerangeset();<br>
<b>9196</b><br>
        }<br>
<b>9197</b><br>
        addEventListener(&quot;load&quot;, referencefiltergrayscalerangeload);<br>
<b>9198</b><br>
        function referencefiltergrayscalerangeset()<br>
<b>9199</b><br>
        {<br>
<b>9200</b><br>
            const v = referencefiltergrayscalerange.value;<br>
<b>9201</b><br>
            referencefiltergrayscalenumber.value = v;<br>
<b>9202</b><br>
            text.referencebackdropfiltergrayscale = v;<br>
<b>9203</b><br>
        }<br>
<b>9204</b><br>
        function referencefiltergrayscalerangeupdate()<br>
<b>9205</b><br>
        {<br>
<b>9206</b><br>
            referencefiltergrayscalerangeset();<br>
<b>9207</b><br>
            svgupdate();<br>
<b>9208</b><br>
        }<br>
<b>9209</b><br>
        function referencefiltergrayscaleexactload()<br>
<b>9210</b><br>
        {<br>
<b>9211</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>9212</b><br>
            referencefiltergrayscale.append(br);<br>
<b>9213</b><br>
            const array =<br>
<b>9214</b><br>
            [<br>
<b>9215</b><br>
                [&quot;0&quot;,0],<br>
<b>9216</b><br>
                [&quot;25&quot;,25],<br>
<b>9217</b><br>
                [&quot;50&quot;,50],<br>
<b>9218</b><br>
                [&quot;75&quot;,75],<br>
<b>9219</b><br>
                [&quot;100&quot;,100],<br>
<b>9220</b><br>
            ];<br>
<b>9221</b><br>
            for(const value of array)<br>
<b>9222</b><br>
            {<br>
<b>9223</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>9224</b><br>
                button.innerHTML = value[0];<br>
<b>9225</b><br>
                button.value = value[1];<br>
<b>9226</b><br>
                button.addEventListener(&quot;click&quot;, referencefiltergrayscaleexactupdate);<br>
<b>9227</b><br>
                referencefiltergrayscale.append(button);<br>
<b>9228</b><br>
            }<br>
<b>9229</b><br>
        }<br>
<b>9230</b><br>
        addEventListener(&quot;load&quot;, referencefiltergrayscaleexactload);<br>
<b>9231</b><br>
        function referencefiltergrayscaleexactupdate(e)<br>
<b>9232</b><br>
        {<br>
<b>9233</b><br>
            referencefiltergrayscalenumber.value = Number(e.target.value);<br>
<b>9234</b><br>
            referencefiltergrayscalenumberupdate();<br>
<b>9235</b><br>
        }<br>
<b>9236</b><br>
        function referencefiltergrayscaleincrementload()<br>
<b>9237</b><br>
        {<br>
<b>9238</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>9239</b><br>
            referencefiltergrayscale.append(br);<br>
<b>9240</b><br>
            const array =<br>
<b>9241</b><br>
            [<br>
<b>9242</b><br>
                [&quot;-10&quot;,-10],<br>
<b>9243</b><br>
                [&quot;-1&quot;,-1],<br>
<b>9244</b><br>
                [&quot;+1&quot;,1],<br>
<b>9245</b><br>
                [&quot;+10&quot;,10],<br>
<b>9246</b><br>
            ];<br>
<b>9247</b><br>
            for(const value of array)<br>
<b>9248</b><br>
            {<br>
<b>9249</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>9250</b><br>
                button.innerHTML = value[0];<br>
<b>9251</b><br>
                button.value = value[1];<br>
<b>9252</b><br>
                button.addEventListener(&quot;click&quot;, referencefiltergrayscaleincrementupdate);<br>
<b>9253</b><br>
                referencefiltergrayscale.append(button);<br>
<b>9254</b><br>
            }<br>
<b>9255</b><br>
        }<br>
<b>9256</b><br>
        addEventListener(&quot;load&quot;, referencefiltergrayscaleincrementload);<br>
<b>9257</b><br>
        function referencefiltergrayscaleincrementupdate(e)<br>
<b>9258</b><br>
        {<br>
<b>9259</b><br>
            const v = Number(referencefiltergrayscalenumber.value) + Number(e.target.value);<br>
<b>9260</b><br>
            if((referencefiltergrayscalenumber.min &lt;= v) &amp;&amp; (v &lt;= referencefiltergrayscalenumber.max))<br>
<b>9261</b><br>
            {<br>
<b>9262</b><br>
                referencefiltergrayscalenumber.value = v;<br>
<b>9263</b><br>
                referencefiltergrayscalenumberupdate();<br>
<b>9264</b><br>
            }<br>
<b>9265</b><br>
        }<br>
<b>9266</b><br>
        function referencefilterhuerotateload()<br>
<b>9267</b><br>
        {<br>
<b>9268</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>9269</b><br>
            div.id = &quot;referencefilterhuerotate&quot;;<br>
<b>9270</b><br>
            div.innerHTML = &quot;filter-hue-rotate&quot;;<br>
<b>9271</b><br>
            tabcontentreference.append(div);<br>
<b>9272</b><br>
            const style = div.style;<br>
<b>9273</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>9274</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>9275</b><br>
        }<br>
<b>9276</b><br>
        addEventListener(&quot;load&quot;, referencefilterhuerotateload);<br>
<b>9277</b><br>
        function referencefilterhuerotatenumberload()<br>
<b>9278</b><br>
        {<br>
<b>9279</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>9280</b><br>
            referencefilterhuerotate.append(br);<br>
<b>9281</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>9282</b><br>
            input.id = &quot;referencefilterhuerotatenumber&quot;;<br>
<b>9283</b><br>
            input.max = 360;<br>
<b>9284</b><br>
            input.min = 0;<br>
<b>9285</b><br>
            input.step = 1;<br>
<b>9286</b><br>
            input.type = &quot;number&quot;;<br>
<b>9287</b><br>
            input.value = 0;<br>
<b>9288</b><br>
            input.addEventListener(&quot;input&quot;, referencefilterhuerotatenumberupdate);<br>
<b>9289</b><br>
            referencefilterhuerotate.append(input);<br>
<b>9290</b><br>
            //referencefilterhuerotatenumberset();<br>
<b>9291</b><br>
        }<br>
<b>9292</b><br>
        addEventListener(&quot;load&quot;, referencefilterhuerotatenumberload);<br>
<b>9293</b><br>
        function referencefilterhuerotatenumberset()<br>
<b>9294</b><br>
        {<br>
<b>9295</b><br>
            const v = referencefilterhuerotatenumber.value;<br>
<b>9296</b><br>
            referencefilterhuerotaterange.value = v;<br>
<b>9297</b><br>
            text.referencebackdropfilterhuerotate = v;<br>
<b>9298</b><br>
        }<br>
<b>9299</b><br>
        function referencefilterhuerotatenumberupdate()<br>
<b>9300</b><br>
        {<br>
<b>9301</b><br>
            referencefilterhuerotatenumberset();<br>
<b>9302</b><br>
            svgupdate();<br>
<b>9303</b><br>
        }<br>
<b>9304</b><br>
        function referencefilterhuerotaterangeload()<br>
<b>9305</b><br>
        {<br>
<b>9306</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>9307</b><br>
            input.id = &quot;referencefilterhuerotaterange&quot;;<br>
<b>9308</b><br>
            input.max = referencefilterhuerotatenumber.max;<br>
<b>9309</b><br>
            input.min = referencefilterhuerotatenumber.min;<br>
<b>9310</b><br>
            input.step = referencefilterhuerotatenumber.step;<br>
<b>9311</b><br>
            input.type = &quot;range&quot;;<br>
<b>9312</b><br>
            input.value = referencefilterhuerotatenumber.value;<br>
<b>9313</b><br>
            input.addEventListener(&quot;input&quot;, referencefilterhuerotaterangeupdate);<br>
<b>9314</b><br>
            referencefilterhuerotate.append(input);<br>
<b>9315</b><br>
            referencefilterhuerotaterangeset();<br>
<b>9316</b><br>
        }<br>
<b>9317</b><br>
        addEventListener(&quot;load&quot;, referencefilterhuerotaterangeload);<br>
<b>9318</b><br>
        function referencefilterhuerotaterangeset()<br>
<b>9319</b><br>
        {<br>
<b>9320</b><br>
            const v = referencefilterhuerotaterange.value;<br>
<b>9321</b><br>
            referencefilterhuerotatenumber.value = v;<br>
<b>9322</b><br>
            text.referencebackdropfilterhuerotate = v;<br>
<b>9323</b><br>
        }<br>
<b>9324</b><br>
        function referencefilterhuerotaterangeupdate()<br>
<b>9325</b><br>
        {<br>
<b>9326</b><br>
            referencefilterhuerotaterangeset();<br>
<b>9327</b><br>
            svgupdate();<br>
<b>9328</b><br>
        }<br>
<b>9329</b><br>
        function referencefilterhuerotateexactload()<br>
<b>9330</b><br>
        {<br>
<b>9331</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>9332</b><br>
            referencefilterhuerotate.append(br);<br>
<b>9333</b><br>
            const array =<br>
<b>9334</b><br>
            [<br>
<b>9335</b><br>
                [&quot;0&quot;,0],<br>
<b>9336</b><br>
                [&quot;90&quot;,90],<br>
<b>9337</b><br>
                [&quot;180&quot;,180],<br>
<b>9338</b><br>
                [&quot;270&quot;,270],<br>
<b>9339</b><br>
                [&quot;360&quot;,360],<br>
<b>9340</b><br>
            ];<br>
<b>9341</b><br>
            for(const value of array)<br>
<b>9342</b><br>
            {<br>
<b>9343</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>9344</b><br>
                button.innerHTML = value[0];<br>
<b>9345</b><br>
                button.value = value[1];<br>
<b>9346</b><br>
                button.addEventListener(&quot;click&quot;, referencefilterhuerotateexactupdate);<br>
<b>9347</b><br>
                referencefilterhuerotate.append(button);<br>
<b>9348</b><br>
            }<br>
<b>9349</b><br>
        }<br>
<b>9350</b><br>
        addEventListener(&quot;load&quot;, referencefilterhuerotateexactload);<br>
<b>9351</b><br>
        function referencefilterhuerotateexactupdate(e)<br>
<b>9352</b><br>
        {<br>
<b>9353</b><br>
            referencefilterhuerotatenumber.value = Number(e.target.value);<br>
<b>9354</b><br>
            referencefilterhuerotatenumberupdate();<br>
<b>9355</b><br>
        }<br>
<b>9356</b><br>
        function referencefilterhuerotateincrementload()<br>
<b>9357</b><br>
        {<br>
<b>9358</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>9359</b><br>
            referencefilterhuerotate.append(br);<br>
<b>9360</b><br>
            const array =<br>
<b>9361</b><br>
            [<br>
<b>9362</b><br>
                //[&quot;-90&quot;,-90],<br>
<b>9363</b><br>
                [&quot;-45&quot;,-45],<br>
<b>9364</b><br>
                [&quot;-15&quot;,-15],<br>
<b>9365</b><br>
                [&quot;-1&quot;,-1],<br>
<b>9366</b><br>
                [&quot;+1&quot;,1],<br>
<b>9367</b><br>
                [&quot;+15&quot;,15],<br>
<b>9368</b><br>
                [&quot;+45&quot;,45],<br>
<b>9369</b><br>
                //[&quot;+90&quot;,90],<br>
<b>9370</b><br>
            ];<br>
<b>9371</b><br>
            for(const value of array)<br>
<b>9372</b><br>
            {<br>
<b>9373</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>9374</b><br>
                button.innerHTML = value[0];<br>
<b>9375</b><br>
                button.value = value[1];<br>
<b>9376</b><br>
                button.addEventListener(&quot;click&quot;, referencefilterhuerotateincrementupdate);<br>
<b>9377</b><br>
                referencefilterhuerotate.append(button);<br>
<b>9378</b><br>
            }<br>
<b>9379</b><br>
        }<br>
<b>9380</b><br>
        addEventListener(&quot;load&quot;, referencefilterhuerotateincrementload);<br>
<b>9381</b><br>
        function referencefilterhuerotateincrementupdate(e)<br>
<b>9382</b><br>
        {<br>
<b>9383</b><br>
            const v = Number(referencefilterhuerotatenumber.value) + Number(e.target.value);<br>
<b>9384</b><br>
            if((referencefilterhuerotatenumber.min &lt;= v) &amp;&amp; (v &lt;= referencefilterhuerotatenumber.max))<br>
<b>9385</b><br>
            {<br>
<b>9386</b><br>
                referencefilterhuerotatenumber.value = v;<br>
<b>9387</b><br>
                referencefilterhuerotatenumberupdate();<br>
<b>9388</b><br>
            }<br>
<b>9389</b><br>
        }<br>
<b>9390</b><br>
        function referencefilterinvertload()<br>
<b>9391</b><br>
        {<br>
<b>9392</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>9393</b><br>
            div.id = &quot;referencefilterinvert&quot;;<br>
<b>9394</b><br>
            div.innerHTML = &quot;filter-invert&quot;;<br>
<b>9395</b><br>
            tabcontentreference.append(div);<br>
<b>9396</b><br>
            const style = div.style;<br>
<b>9397</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>9398</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>9399</b><br>
        }<br>
<b>9400</b><br>
        addEventListener(&quot;load&quot;, referencefilterinvertload);<br>
<b>9401</b><br>
        function referencefilterinvertnumberload()<br>
<b>9402</b><br>
        {<br>
<b>9403</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>9404</b><br>
            referencefilterinvert.append(br);<br>
<b>9405</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>9406</b><br>
            input.id = &quot;referencefilterinvertnumber&quot;;<br>
<b>9407</b><br>
            input.max = 100;<br>
<b>9408</b><br>
            input.min = 0;<br>
<b>9409</b><br>
            input.step = 1;<br>
<b>9410</b><br>
            input.type = &quot;number&quot;;<br>
<b>9411</b><br>
            input.value = 0;<br>
<b>9412</b><br>
            input.addEventListener(&quot;input&quot;, referencefilterinvertnumberupdate);<br>
<b>9413</b><br>
            referencefilterinvert.append(input);<br>
<b>9414</b><br>
            //referencefilterinvertnumberset();<br>
<b>9415</b><br>
        }<br>
<b>9416</b><br>
        addEventListener(&quot;load&quot;, referencefilterinvertnumberload);<br>
<b>9417</b><br>
        function referencefilterinvertnumberset()<br>
<b>9418</b><br>
        {<br>
<b>9419</b><br>
            const v = referencefilterinvertnumber.value;<br>
<b>9420</b><br>
            referencefilterinvertrange.value = v;<br>
<b>9421</b><br>
            text.referencebackdropfilterinvert = v;<br>
<b>9422</b><br>
        }<br>
<b>9423</b><br>
        function referencefilterinvertnumberupdate()<br>
<b>9424</b><br>
        {<br>
<b>9425</b><br>
            referencefilterinvertnumberset();<br>
<b>9426</b><br>
            svgupdate();<br>
<b>9427</b><br>
        }<br>
<b>9428</b><br>
        function referencefilterinvertrangeload()<br>
<b>9429</b><br>
        {<br>
<b>9430</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>9431</b><br>
            input.id = &quot;referencefilterinvertrange&quot;;<br>
<b>9432</b><br>
            input.max = referencefilterinvertnumber.max;<br>
<b>9433</b><br>
            input.min = referencefilterinvertnumber.min;<br>
<b>9434</b><br>
            input.step = referencefilterinvertnumber.step;<br>
<b>9435</b><br>
            input.type = &quot;range&quot;;<br>
<b>9436</b><br>
            input.value = referencefilterinvertnumber.value;<br>
<b>9437</b><br>
            input.addEventListener(&quot;input&quot;, referencefilterinvertrangeupdate);<br>
<b>9438</b><br>
            referencefilterinvert.append(input);<br>
<b>9439</b><br>
            referencefilterinvertrangeset();<br>
<b>9440</b><br>
        }<br>
<b>9441</b><br>
        addEventListener(&quot;load&quot;, referencefilterinvertrangeload);<br>
<b>9442</b><br>
        function referencefilterinvertrangeset()<br>
<b>9443</b><br>
        {<br>
<b>9444</b><br>
            const v = referencefilterinvertrange.value;<br>
<b>9445</b><br>
            referencefilterinvertnumber.value = v;<br>
<b>9446</b><br>
            text.referencebackdropfilterinvert = v;<br>
<b>9447</b><br>
        }<br>
<b>9448</b><br>
        function referencefilterinvertrangeupdate()<br>
<b>9449</b><br>
        {<br>
<b>9450</b><br>
            referencefilterinvertrangeset();<br>
<b>9451</b><br>
            svgupdate();<br>
<b>9452</b><br>
        }<br>
<b>9453</b><br>
        function referencefilterinvertexactload()<br>
<b>9454</b><br>
        {<br>
<b>9455</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>9456</b><br>
            referencefilterinvert.append(br);<br>
<b>9457</b><br>
            const array =<br>
<b>9458</b><br>
            [<br>
<b>9459</b><br>
                [&quot;0&quot;,0],<br>
<b>9460</b><br>
                [&quot;25&quot;,25],<br>
<b>9461</b><br>
                [&quot;50&quot;,50],<br>
<b>9462</b><br>
                [&quot;75&quot;,75],<br>
<b>9463</b><br>
                [&quot;100&quot;,100],<br>
<b>9464</b><br>
            ];<br>
<b>9465</b><br>
            for(const value of array)<br>
<b>9466</b><br>
            {<br>
<b>9467</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>9468</b><br>
                button.innerHTML = value[0];<br>
<b>9469</b><br>
                button.value = value[1];<br>
<b>9470</b><br>
                button.addEventListener(&quot;click&quot;, referencefilterinvertexactupdate);<br>
<b>9471</b><br>
                referencefilterinvert.append(button);<br>
<b>9472</b><br>
            }<br>
<b>9473</b><br>
        }<br>
<b>9474</b><br>
        addEventListener(&quot;load&quot;, referencefilterinvertexactload);<br>
<b>9475</b><br>
        function referencefilterinvertexactupdate(e)<br>
<b>9476</b><br>
        {<br>
<b>9477</b><br>
            referencefilterinvertnumber.value = Number(e.target.value);<br>
<b>9478</b><br>
            referencefilterinvertnumberupdate();<br>
<b>9479</b><br>
        }<br>
<b>9480</b><br>
        function referencefilterinvertincrementload()<br>
<b>9481</b><br>
        {<br>
<b>9482</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>9483</b><br>
            referencefilterinvert.append(br);<br>
<b>9484</b><br>
            const array =<br>
<b>9485</b><br>
            [<br>
<b>9486</b><br>
                [&quot;-10&quot;,-10],<br>
<b>9487</b><br>
                [&quot;-1&quot;,-1],<br>
<b>9488</b><br>
                [&quot;+1&quot;,1],<br>
<b>9489</b><br>
                [&quot;+10&quot;,10],<br>
<b>9490</b><br>
            ];<br>
<b>9491</b><br>
            for(const value of array)<br>
<b>9492</b><br>
            {<br>
<b>9493</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>9494</b><br>
                button.innerHTML = value[0];<br>
<b>9495</b><br>
                button.value = value[1];<br>
<b>9496</b><br>
                button.addEventListener(&quot;click&quot;, referencefilterinvertincrementupdate);<br>
<b>9497</b><br>
                referencefilterinvert.append(button);<br>
<b>9498</b><br>
            }<br>
<b>9499</b><br>
        }<br>
<b>9500</b><br>
        addEventListener(&quot;load&quot;, referencefilterinvertincrementload);<br>
<b>9501</b><br>
        function referencefilterinvertincrementupdate(e)<br>
<b>9502</b><br>
        {<br>
<b>9503</b><br>
            const v = Number(referencefilterinvertnumber.value) + Number(e.target.value);<br>
<b>9504</b><br>
            if((referencefilterinvertnumber.min &lt;= v) &amp;&amp; (v &lt;= referencefilterinvertnumber.max))<br>
<b>9505</b><br>
            {<br>
<b>9506</b><br>
                referencefilterinvertnumber.value = v;<br>
<b>9507</b><br>
                referencefilterinvertnumberupdate();<br>
<b>9508</b><br>
            }<br>
<b>9509</b><br>
        }<br>
<b>9510</b><br>
        function referencefiltersaturateload()<br>
<b>9511</b><br>
        {<br>
<b>9512</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>9513</b><br>
            div.id = &quot;referencefiltersaturate&quot;;<br>
<b>9514</b><br>
            div.innerHTML = &quot;filter-saturate&quot;;<br>
<b>9515</b><br>
            tabcontentreference.append(div);<br>
<b>9516</b><br>
            const style = div.style;<br>
<b>9517</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>9518</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>9519</b><br>
        }<br>
<b>9520</b><br>
        addEventListener(&quot;load&quot;, referencefiltersaturateload);<br>
<b>9521</b><br>
        function referencefiltersaturatenumberload()<br>
<b>9522</b><br>
        {<br>
<b>9523</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>9524</b><br>
            referencefiltersaturate.append(br);<br>
<b>9525</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>9526</b><br>
            input.id = &quot;referencefiltersaturatenumber&quot;;<br>
<b>9527</b><br>
            input.max = 1000;<br>
<b>9528</b><br>
            input.min = 0;<br>
<b>9529</b><br>
            input.step = 1;<br>
<b>9530</b><br>
            input.type = &quot;number&quot;;<br>
<b>9531</b><br>
            input.value = 100;<br>
<b>9532</b><br>
            input.addEventListener(&quot;input&quot;, referencefiltersaturatenumberupdate);<br>
<b>9533</b><br>
            referencefiltersaturate.append(input);<br>
<b>9534</b><br>
            //referencefiltersaturatenumberset();<br>
<b>9535</b><br>
        }<br>
<b>9536</b><br>
        addEventListener(&quot;load&quot;, referencefiltersaturatenumberload);<br>
<b>9537</b><br>
        function referencefiltersaturatenumberset()<br>
<b>9538</b><br>
        {<br>
<b>9539</b><br>
            const v = referencefiltersaturatenumber.value;<br>
<b>9540</b><br>
            referencefiltersaturaterange.value = v;<br>
<b>9541</b><br>
            text.referencebackdropfiltersaturate = v;<br>
<b>9542</b><br>
        }<br>
<b>9543</b><br>
        function referencefiltersaturatenumberupdate()<br>
<b>9544</b><br>
        {<br>
<b>9545</b><br>
            referencefiltersaturatenumberset();<br>
<b>9546</b><br>
            svgupdate();<br>
<b>9547</b><br>
        }<br>
<b>9548</b><br>
        function referencefiltersaturaterangeload()<br>
<b>9549</b><br>
        {<br>
<b>9550</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>9551</b><br>
            input.id = &quot;referencefiltersaturaterange&quot;;<br>
<b>9552</b><br>
            input.max = referencefiltersaturatenumber.max;<br>
<b>9553</b><br>
            input.min = referencefiltersaturatenumber.min;<br>
<b>9554</b><br>
            input.step = referencefiltersaturatenumber.step;<br>
<b>9555</b><br>
            input.type = &quot;range&quot;;<br>
<b>9556</b><br>
            input.value = referencefiltersaturatenumber.value;<br>
<b>9557</b><br>
            input.addEventListener(&quot;input&quot;, referencefiltersaturaterangeupdate);<br>
<b>9558</b><br>
            referencefiltersaturate.append(input);<br>
<b>9559</b><br>
            referencefiltersaturaterangeset();<br>
<b>9560</b><br>
        }<br>
<b>9561</b><br>
        addEventListener(&quot;load&quot;, referencefiltersaturaterangeload);<br>
<b>9562</b><br>
        function referencefiltersaturaterangeset()<br>
<b>9563</b><br>
        {<br>
<b>9564</b><br>
            const v = referencefiltersaturaterange.value;<br>
<b>9565</b><br>
            referencefiltersaturatenumber.value = v;<br>
<b>9566</b><br>
            text.referencebackdropfiltersaturate = v;<br>
<b>9567</b><br>
        }<br>
<b>9568</b><br>
        function referencefiltersaturaterangeupdate()<br>
<b>9569</b><br>
        {<br>
<b>9570</b><br>
            referencefiltersaturaterangeset();<br>
<b>9571</b><br>
            svgupdate();<br>
<b>9572</b><br>
        }<br>
<b>9573</b><br>
        function referencefiltersaturateexactload()<br>
<b>9574</b><br>
        {<br>
<b>9575</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>9576</b><br>
            referencefiltersaturate.append(br);<br>
<b>9577</b><br>
            const array =<br>
<b>9578</b><br>
            [<br>
<b>9579</b><br>
                [&quot;0&quot;,0],<br>
<b>9580</b><br>
                [&quot;50&quot;,50],<br>
<b>9581</b><br>
                [&quot;100 (initial)&quot;,100],<br>
<b>9582</b><br>
                [&quot;150&quot;,150],<br>
<b>9583</b><br>
                [&quot;200&quot;,200],<br>
<b>9584</b><br>
            ];<br>
<b>9585</b><br>
            for(const value of array)<br>
<b>9586</b><br>
            {<br>
<b>9587</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>9588</b><br>
                button.innerHTML = value[0];<br>
<b>9589</b><br>
                button.value = value[1];<br>
<b>9590</b><br>
                button.addEventListener(&quot;click&quot;, referencefiltersaturateexactupdate);<br>
<b>9591</b><br>
                referencefiltersaturate.append(button);<br>
<b>9592</b><br>
            }<br>
<b>9593</b><br>
        }<br>
<b>9594</b><br>
        addEventListener(&quot;load&quot;, referencefiltersaturateexactload);<br>
<b>9595</b><br>
        function referencefiltersaturateexactupdate(e)<br>
<b>9596</b><br>
        {<br>
<b>9597</b><br>
            referencefiltersaturatenumber.value = Number(e.target.value);<br>
<b>9598</b><br>
            referencefiltersaturatenumberupdate();<br>
<b>9599</b><br>
        }<br>
<b>9600</b><br>
        function referencefiltersaturateincrementload()<br>
<b>9601</b><br>
        {<br>
<b>9602</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>9603</b><br>
            referencefiltersaturate.append(br);<br>
<b>9604</b><br>
            const array =<br>
<b>9605</b><br>
            [<br>
<b>9606</b><br>
                [&quot;-100&quot;,-100],<br>
<b>9607</b><br>
                [&quot;-10&quot;,-10],<br>
<b>9608</b><br>
                [&quot;-1&quot;,-1],<br>
<b>9609</b><br>
                [&quot;+1&quot;,1],<br>
<b>9610</b><br>
                [&quot;+10&quot;,10],<br>
<b>9611</b><br>
                [&quot;+100&quot;,100],<br>
<b>9612</b><br>
            ];<br>
<b>9613</b><br>
            for(const value of array)<br>
<b>9614</b><br>
            {<br>
<b>9615</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>9616</b><br>
                button.innerHTML = value[0];<br>
<b>9617</b><br>
                button.value = value[1];<br>
<b>9618</b><br>
                button.addEventListener(&quot;click&quot;, referencefiltersaturateincrementupdate);<br>
<b>9619</b><br>
                referencefiltersaturate.append(button);<br>
<b>9620</b><br>
            }<br>
<b>9621</b><br>
        }<br>
<b>9622</b><br>
        addEventListener(&quot;load&quot;, referencefiltersaturateincrementload);<br>
<b>9623</b><br>
        function referencefiltersaturateincrementupdate(e)<br>
<b>9624</b><br>
        {<br>
<b>9625</b><br>
            const v = Number(referencefiltersaturatenumber.value) + Number(e.target.value);<br>
<b>9626</b><br>
            if((referencefiltersaturatenumber.min &lt;= v) &amp;&amp; (v &lt;= referencefiltersaturatenumber.max))<br>
<b>9627</b><br>
            {<br>
<b>9628</b><br>
                referencefiltersaturatenumber.value = v;<br>
<b>9629</b><br>
                referencefiltersaturatenumberupdate();<br>
<b>9630</b><br>
            }<br>
<b>9631</b><br>
        }<br>
<b>9632</b><br>
        function referencefiltersepiaload()<br>
<b>9633</b><br>
        {<br>
<b>9634</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>9635</b><br>
            div.id = &quot;referencefiltersepia&quot;;<br>
<b>9636</b><br>
            div.innerHTML = &quot;filter-sepia&quot;;<br>
<b>9637</b><br>
            tabcontentreference.append(div);<br>
<b>9638</b><br>
            const style = div.style;<br>
<b>9639</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>9640</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>9641</b><br>
        }<br>
<b>9642</b><br>
        addEventListener(&quot;load&quot;, referencefiltersepiaload);<br>
<b>9643</b><br>
        function referencefiltersepianumberload()<br>
<b>9644</b><br>
        {<br>
<b>9645</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>9646</b><br>
            referencefiltersepia.append(br);<br>
<b>9647</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>9648</b><br>
            input.id = &quot;referencefiltersepianumber&quot;;<br>
<b>9649</b><br>
            input.max = 100;<br>
<b>9650</b><br>
            input.min = 0;<br>
<b>9651</b><br>
            input.step = 1;<br>
<b>9652</b><br>
            input.type = &quot;number&quot;;<br>
<b>9653</b><br>
            input.value = 0;<br>
<b>9654</b><br>
            input.addEventListener(&quot;input&quot;, referencefiltersepianumberupdate);<br>
<b>9655</b><br>
            referencefiltersepia.append(input);<br>
<b>9656</b><br>
            //referencefiltersepianumberset();<br>
<b>9657</b><br>
        }<br>
<b>9658</b><br>
        addEventListener(&quot;load&quot;, referencefiltersepianumberload);<br>
<b>9659</b><br>
        function referencefiltersepianumberset()<br>
<b>9660</b><br>
        {<br>
<b>9661</b><br>
            const v = referencefiltersepianumber.value;<br>
<b>9662</b><br>
            referencefiltersepiarange.value = v;<br>
<b>9663</b><br>
            text.referencebackdropfiltersepia = v;<br>
<b>9664</b><br>
        }<br>
<b>9665</b><br>
        function referencefiltersepianumberupdate()<br>
<b>9666</b><br>
        {<br>
<b>9667</b><br>
            referencefiltersepianumberset();<br>
<b>9668</b><br>
            svgupdate();<br>
<b>9669</b><br>
        }<br>
<b>9670</b><br>
        function referencefiltersepiarangeload()<br>
<b>9671</b><br>
        {<br>
<b>9672</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>9673</b><br>
            input.id = &quot;referencefiltersepiarange&quot;;<br>
<b>9674</b><br>
            input.max = referencefiltersepianumber.max;<br>
<b>9675</b><br>
            input.min = referencefiltersepianumber.min;<br>
<b>9676</b><br>
            input.step = referencefiltersepianumber.step;<br>
<b>9677</b><br>
            input.type = &quot;range&quot;;<br>
<b>9678</b><br>
            input.value = referencefiltersepianumber.value;<br>
<b>9679</b><br>
            input.addEventListener(&quot;input&quot;, referencefiltersepiarangeupdate);<br>
<b>9680</b><br>
            referencefiltersepia.append(input);<br>
<b>9681</b><br>
            referencefiltersepiarangeset();<br>
<b>9682</b><br>
        }<br>
<b>9683</b><br>
        addEventListener(&quot;load&quot;, referencefiltersepiarangeload);<br>
<b>9684</b><br>
        function referencefiltersepiarangeset()<br>
<b>9685</b><br>
        {<br>
<b>9686</b><br>
            const v = referencefiltersepiarange.value;<br>
<b>9687</b><br>
            referencefiltersepianumber.value = v;<br>
<b>9688</b><br>
            text.referencebackdropfiltersepia = v;<br>
<b>9689</b><br>
        }<br>
<b>9690</b><br>
        function referencefiltersepiarangeupdate()<br>
<b>9691</b><br>
        {<br>
<b>9692</b><br>
            referencefiltersepiarangeset();<br>
<b>9693</b><br>
            svgupdate();<br>
<b>9694</b><br>
        }<br>
<b>9695</b><br>
        function referencefiltersepiaexactload()<br>
<b>9696</b><br>
        {<br>
<b>9697</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>9698</b><br>
            referencefiltersepia.append(br);<br>
<b>9699</b><br>
            const array =<br>
<b>9700</b><br>
            [<br>
<b>9701</b><br>
                [&quot;0&quot;,0],<br>
<b>9702</b><br>
                [&quot;25&quot;,25],<br>
<b>9703</b><br>
                [&quot;50&quot;,50],<br>
<b>9704</b><br>
                [&quot;75&quot;,75],<br>
<b>9705</b><br>
                [&quot;100&quot;,100],<br>
<b>9706</b><br>
            ];<br>
<b>9707</b><br>
            for(const value of array)<br>
<b>9708</b><br>
            {<br>
<b>9709</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>9710</b><br>
                button.innerHTML = value[0];<br>
<b>9711</b><br>
                button.value = value[1];<br>
<b>9712</b><br>
                button.addEventListener(&quot;click&quot;, referencefiltersepiaexactupdate);<br>
<b>9713</b><br>
                referencefiltersepia.append(button);<br>
<b>9714</b><br>
            }<br>
<b>9715</b><br>
        }<br>
<b>9716</b><br>
        addEventListener(&quot;load&quot;, referencefiltersepiaexactload);<br>
<b>9717</b><br>
        function referencefiltersepiaexactupdate(e)<br>
<b>9718</b><br>
        {<br>
<b>9719</b><br>
            referencefiltersepianumber.value = Number(e.target.value);<br>
<b>9720</b><br>
            referencefiltersepianumberupdate();<br>
<b>9721</b><br>
        }<br>
<b>9722</b><br>
        function referencefiltersepiaincrementload()<br>
<b>9723</b><br>
        {<br>
<b>9724</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>9725</b><br>
            referencefiltersepia.append(br);<br>
<b>9726</b><br>
            const array =<br>
<b>9727</b><br>
            [<br>
<b>9728</b><br>
                [&quot;-10&quot;,-10],<br>
<b>9729</b><br>
                [&quot;-1&quot;,-1],<br>
<b>9730</b><br>
                [&quot;+1&quot;,1],<br>
<b>9731</b><br>
                [&quot;+10&quot;,10],<br>
<b>9732</b><br>
            ];<br>
<b>9733</b><br>
            for(const value of array)<br>
<b>9734</b><br>
            {<br>
<b>9735</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>9736</b><br>
                button.innerHTML = value[0];<br>
<b>9737</b><br>
                button.value = value[1];<br>
<b>9738</b><br>
                button.addEventListener(&quot;click&quot;, referencefiltersepiaincrementupdate);<br>
<b>9739</b><br>
                referencefiltersepia.append(button);<br>
<b>9740</b><br>
            }<br>
<b>9741</b><br>
        }<br>
<b>9742</b><br>
        addEventListener(&quot;load&quot;, referencefiltersepiaincrementload);<br>
<b>9743</b><br>
        function referencefiltersepiaincrementupdate(e)<br>
<b>9744</b><br>
        {<br>
<b>9745</b><br>
            const v = Number(referencefiltersepianumber.value) + Number(e.target.value);<br>
<b>9746</b><br>
            if((referencefiltersepianumber.min &lt;= v) &amp;&amp; (v &lt;= referencefiltersepianumber.max))<br>
<b>9747</b><br>
            {<br>
<b>9748</b><br>
                referencefiltersepianumber.value = v;<br>
<b>9749</b><br>
                referencefiltersepianumberupdate();<br>
<b>9750</b><br>
            }<br>
<b>9751</b><br>
        }<br>
<b>9752</b><br>
//*/<br>
<b>9753</b><br>
/*<br>
<b>9754</b><br>
        function referencemargintopload()<br>
<b>9755</b><br>
        {<br>
<b>9756</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>9757</b><br>
            div.id = &quot;referencemargintop&quot;;<br>
<b>9758</b><br>
            div.innerHTML = &quot;margin-top&quot;;<br>
<b>9759</b><br>
            tabcontentreference.append(div);<br>
<b>9760</b><br>
        }<br>
<b>9761</b><br>
        addEventListener(&quot;load&quot;, referencemargintopload);<br>
<b>9762</b><br>
        function referencemargintopnumberload()<br>
<b>9763</b><br>
        {<br>
<b>9764</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>9765</b><br>
            referencemargintop.append(br);<br>
<b>9766</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>9767</b><br>
            input.id = &quot;referencemargintopnumber&quot;;<br>
<b>9768</b><br>
            input.max = 1000;<br>
<b>9769</b><br>
            input.min = 0;<br>
<b>9770</b><br>
            input.type = &quot;number&quot;;<br>
<b>9771</b><br>
            input.value = 0;<br>
<b>9772</b><br>
            input.addEventListener(&quot;input&quot;, referencemargintopnumberupdate);<br>
<b>9773</b><br>
            referencemargintop.append(input);<br>
<b>9774</b><br>
            //referencemargintopnumberset();<br>
<b>9775</b><br>
        }<br>
<b>9776</b><br>
        addEventListener(&quot;load&quot;, referencemargintopnumberload);<br>
<b>9777</b><br>
        function referencemargintopnumberset()<br>
<b>9778</b><br>
        {<br>
<b>9779</b><br>
            const v = Number(referencemargintopnumber.value);<br>
<b>9780</b><br>
            referencemargintoprange.value = v;<br>
<b>9781</b><br>
            text.referencemargintop = v;<br>
<b>9782</b><br>
        }<br>
<b>9783</b><br>
        function referencemargintopnumberupdate()<br>
<b>9784</b><br>
        {<br>
<b>9785</b><br>
            referencemargintopnumberset();<br>
<b>9786</b><br>
            svgupdate();<br>
<b>9787</b><br>
        }<br>
<b>9788</b><br>
        function referencemargintoprangeload()<br>
<b>9789</b><br>
        {<br>
<b>9790</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>9791</b><br>
            input.id = &quot;referencemargintoprange&quot;;<br>
<b>9792</b><br>
            input.max = referencemargintopnumber.max;<br>
<b>9793</b><br>
            input.min = referencemargintopnumber.min;<br>
<b>9794</b><br>
            input.type = &quot;range&quot;;<br>
<b>9795</b><br>
            input.value = referencemargintopnumber.value;<br>
<b>9796</b><br>
            input.addEventListener(&quot;input&quot;, referencemargintoprangeupdate);<br>
<b>9797</b><br>
            referencemargintop.append(input);<br>
<b>9798</b><br>
            referencemargintoprangeset();<br>
<b>9799</b><br>
        }<br>
<b>9800</b><br>
        addEventListener(&quot;load&quot;, referencemargintoprangeload);<br>
<b>9801</b><br>
        function referencemargintoprangeset()<br>
<b>9802</b><br>
        {<br>
<b>9803</b><br>
            const v = Number(referencemargintoprange.value);<br>
<b>9804</b><br>
            referencemargintopnumber.value = v;<br>
<b>9805</b><br>
            text.referencemargintop = v;<br>
<b>9806</b><br>
        }<br>
<b>9807</b><br>
        function referencemargintoprangeupdate()<br>
<b>9808</b><br>
        {<br>
<b>9809</b><br>
            referencemargintoprangeset();<br>
<b>9810</b><br>
            svgupdate();<br>
<b>9811</b><br>
        }<br>
<b>9812</b><br>
        function referencemarginbottomload()<br>
<b>9813</b><br>
        {<br>
<b>9814</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>9815</b><br>
            div.id = &quot;referencemarginbottom&quot;;<br>
<b>9816</b><br>
            div.innerHTML = &quot;margin-bottom&quot;;<br>
<b>9817</b><br>
            tabcontentreference.append(div);<br>
<b>9818</b><br>
        }<br>
<b>9819</b><br>
        addEventListener(&quot;load&quot;, referencemarginbottomload);<br>
<b>9820</b><br>
        function referencemarginbottomnumberload()<br>
<b>9821</b><br>
        {<br>
<b>9822</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>9823</b><br>
            referencemarginbottom.append(br);<br>
<b>9824</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>9825</b><br>
            input.id = &quot;referencemarginbottomnumber&quot;;<br>
<b>9826</b><br>
            input.max = 1000;<br>
<b>9827</b><br>
            input.min = 0;<br>
<b>9828</b><br>
            input.type = &quot;number&quot;;<br>
<b>9829</b><br>
            input.value = 0;<br>
<b>9830</b><br>
            input.addEventListener(&quot;input&quot;, referencemarginbottomnumberupdate);<br>
<b>9831</b><br>
            referencemarginbottom.append(input);<br>
<b>9832</b><br>
            //referencemarginbottomnumberset();<br>
<b>9833</b><br>
        }<br>
<b>9834</b><br>
        addEventListener(&quot;load&quot;, referencemarginbottomnumberload);<br>
<b>9835</b><br>
        function referencemarginbottomnumberset()<br>
<b>9836</b><br>
        {<br>
<b>9837</b><br>
            const v = Number(referencemarginbottomnumber.value);<br>
<b>9838</b><br>
            referencemarginbottomrange.value = v;<br>
<b>9839</b><br>
            text.referencemarginbottom = v;<br>
<b>9840</b><br>
        }<br>
<b>9841</b><br>
        function referencemarginbottomnumberupdate()<br>
<b>9842</b><br>
        {<br>
<b>9843</b><br>
            referencemarginbottomnumberset();<br>
<b>9844</b><br>
            svgupdate();<br>
<b>9845</b><br>
        }<br>
<b>9846</b><br>
        function referencemarginbottomrangeload()<br>
<b>9847</b><br>
        {<br>
<b>9848</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>9849</b><br>
            input.id = &quot;referencemarginbottomrange&quot;;<br>
<b>9850</b><br>
            input.max = referencemarginbottomnumber.max;<br>
<b>9851</b><br>
            input.min = referencemarginbottomnumber.min;<br>
<b>9852</b><br>
            input.type = &quot;range&quot;;<br>
<b>9853</b><br>
            input.value = referencemarginbottomnumber.value;<br>
<b>9854</b><br>
            input.addEventListener(&quot;input&quot;, referencemarginbottomrangeupdate);<br>
<b>9855</b><br>
            referencemarginbottom.append(input);<br>
<b>9856</b><br>
            referencemarginbottomrangeset();<br>
<b>9857</b><br>
        }<br>
<b>9858</b><br>
        addEventListener(&quot;load&quot;, referencemarginbottomrangeload);<br>
<b>9859</b><br>
        function referencemarginbottomrangeset()<br>
<b>9860</b><br>
        {<br>
<b>9861</b><br>
            const v = Number(referencemarginbottomrange.value);<br>
<b>9862</b><br>
            referencemarginbottomnumber.value = v;<br>
<b>9863</b><br>
            text.referencemarginbottom = v;<br>
<b>9864</b><br>
        }<br>
<b>9865</b><br>
        function referencemarginbottomrangeupdate()<br>
<b>9866</b><br>
        {<br>
<b>9867</b><br>
            referencemarginbottomrangeset();<br>
<b>9868</b><br>
            svgupdate();<br>
<b>9869</b><br>
        }<br>
<b>9870</b><br>
        function referencemarginleftload()<br>
<b>9871</b><br>
        {<br>
<b>9872</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>9873</b><br>
            div.id = &quot;referencemarginleft&quot;;<br>
<b>9874</b><br>
            div.innerHTML = &quot;margin-left&quot;;<br>
<b>9875</b><br>
            tabcontentreference.append(div);<br>
<b>9876</b><br>
        }<br>
<b>9877</b><br>
        addEventListener(&quot;load&quot;, referencemarginleftload);<br>
<b>9878</b><br>
        function referencemarginleftnumberload()<br>
<b>9879</b><br>
        {<br>
<b>9880</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>9881</b><br>
            referencemarginleft.append(br);<br>
<b>9882</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>9883</b><br>
            input.id = &quot;referencemarginleftnumber&quot;;<br>
<b>9884</b><br>
            input.max = 1000;<br>
<b>9885</b><br>
            input.min = 0;<br>
<b>9886</b><br>
            input.type = &quot;number&quot;;<br>
<b>9887</b><br>
            input.value = 0;<br>
<b>9888</b><br>
            input.addEventListener(&quot;input&quot;, referencemarginleftnumberupdate);<br>
<b>9889</b><br>
            referencemarginleft.append(input);<br>
<b>9890</b><br>
            //referencemarginleftnumberset();<br>
<b>9891</b><br>
        }<br>
<b>9892</b><br>
        addEventListener(&quot;load&quot;, referencemarginleftnumberload);<br>
<b>9893</b><br>
        function referencemarginleftnumberset()<br>
<b>9894</b><br>
        {<br>
<b>9895</b><br>
            const v = Number(referencemarginleftnumber.value);<br>
<b>9896</b><br>
            referencemarginleftrange.value = v;<br>
<b>9897</b><br>
            text.referencemarginleft = v;<br>
<b>9898</b><br>
        }<br>
<b>9899</b><br>
        function referencemarginleftnumberupdate()<br>
<b>9900</b><br>
        {<br>
<b>9901</b><br>
            referencemarginleftnumberset();<br>
<b>9902</b><br>
            svgupdate();<br>
<b>9903</b><br>
        }<br>
<b>9904</b><br>
        function referencemarginleftrangeload()<br>
<b>9905</b><br>
        {<br>
<b>9906</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>9907</b><br>
            input.id = &quot;referencemarginleftrange&quot;;<br>
<b>9908</b><br>
            input.max = referencemarginleftnumber.max;<br>
<b>9909</b><br>
            input.min = referencemarginleftnumber.min;<br>
<b>9910</b><br>
            input.type = &quot;range&quot;;<br>
<b>9911</b><br>
            input.value = referencemarginleftnumber.value;<br>
<b>9912</b><br>
            input.addEventListener(&quot;input&quot;, referencemarginleftrangeupdate);<br>
<b>9913</b><br>
            referencemarginleft.append(input);<br>
<b>9914</b><br>
            referencemarginleftrangeset();<br>
<b>9915</b><br>
        }<br>
<b>9916</b><br>
        addEventListener(&quot;load&quot;, referencemarginleftrangeload);<br>
<b>9917</b><br>
        function referencemarginleftrangeset()<br>
<b>9918</b><br>
        {<br>
<b>9919</b><br>
            const v = Number(referencemarginleftrange.value);<br>
<b>9920</b><br>
            referencemarginleftnumber.value = v;<br>
<b>9921</b><br>
            text.referencemarginleft = v;<br>
<b>9922</b><br>
        }<br>
<b>9923</b><br>
        function referencemarginleftrangeupdate()<br>
<b>9924</b><br>
        {<br>
<b>9925</b><br>
            referencemarginleftrangeset();<br>
<b>9926</b><br>
            svgupdate();<br>
<b>9927</b><br>
        }<br>
<b>9928</b><br>
        function referencemarginrightload()<br>
<b>9929</b><br>
        {<br>
<b>9930</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>9931</b><br>
            div.id = &quot;referencemarginright&quot;;<br>
<b>9932</b><br>
            div.innerHTML = &quot;margin-right&quot;;<br>
<b>9933</b><br>
            tabcontentreference.append(div);<br>
<b>9934</b><br>
        }<br>
<b>9935</b><br>
        addEventListener(&quot;load&quot;, referencemarginrightload);<br>
<b>9936</b><br>
        function referencemarginrightnumberload()<br>
<b>9937</b><br>
        {<br>
<b>9938</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>9939</b><br>
            referencemarginright.append(br);<br>
<b>9940</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>9941</b><br>
            input.id = &quot;referencemarginrightnumber&quot;;<br>
<b>9942</b><br>
            input.max = 1000;<br>
<b>9943</b><br>
            input.min = 0;<br>
<b>9944</b><br>
            input.type = &quot;number&quot;;<br>
<b>9945</b><br>
            input.value = 0;<br>
<b>9946</b><br>
            input.addEventListener(&quot;input&quot;, referencemarginrightnumberupdate);<br>
<b>9947</b><br>
            referencemarginright.append(input);<br>
<b>9948</b><br>
            //referencemarginrightnumberset();<br>
<b>9949</b><br>
        }<br>
<b>9950</b><br>
        addEventListener(&quot;load&quot;, referencemarginrightnumberload);<br>
<b>9951</b><br>
        function referencemarginrightnumberset()<br>
<b>9952</b><br>
        {<br>
<b>9953</b><br>
            const v = Number(referencemarginrightnumber.value);<br>
<b>9954</b><br>
            referencemarginrightrange.value = v;<br>
<b>9955</b><br>
            text.referencemarginright = v;<br>
<b>9956</b><br>
        }<br>
<b>9957</b><br>
        function referencemarginrightnumberupdate()<br>
<b>9958</b><br>
        {<br>
<b>9959</b><br>
            referencemarginrightnumberset();<br>
<b>9960</b><br>
            svgupdate();<br>
<b>9961</b><br>
        }<br>
<b>9962</b><br>
        function referencemarginrightrangeload()<br>
<b>9963</b><br>
        {<br>
<b>9964</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>9965</b><br>
            input.id = &quot;referencemarginrightrange&quot;;<br>
<b>9966</b><br>
            input.max = referencemarginrightnumber.max;<br>
<b>9967</b><br>
            input.min = referencemarginrightnumber.min;<br>
<b>9968</b><br>
            input.type = &quot;range&quot;;<br>
<b>9969</b><br>
            input.value = referencemarginrightnumber.value;<br>
<b>9970</b><br>
            input.addEventListener(&quot;input&quot;, referencemarginrightrangeupdate);<br>
<b>9971</b><br>
            referencemarginright.append(input);<br>
<b>9972</b><br>
            referencemarginrightrangeset();<br>
<b>9973</b><br>
        }<br>
<b>9974</b><br>
        addEventListener(&quot;load&quot;, referencemarginrightrangeload);<br>
<b>9975</b><br>
        function referencemarginrightrangeset()<br>
<b>9976</b><br>
        {<br>
<b>9977</b><br>
            const v = Number(referencemarginrightrange.value);<br>
<b>9978</b><br>
            referencemarginrightnumber.value = v;<br>
<b>9979</b><br>
            text.referencemarginright = v;<br>
<b>9980</b><br>
        }<br>
<b>9981</b><br>
        function referencemarginrightrangeupdate()<br>
<b>9982</b><br>
        {<br>
<b>9983</b><br>
            referencemarginrightrangeset();<br>
<b>9984</b><br>
            svgupdate();<br>
<b>9985</b><br>
        }<br>
<b>9986</b><br>
        function referencepaddingtopload()<br>
<b>9987</b><br>
        {<br>
<b>9988</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>9989</b><br>
            div.id = &quot;referencepaddingtop&quot;;<br>
<b>9990</b><br>
            div.innerHTML = &quot;padding-top&quot;;<br>
<b>9991</b><br>
            tabcontentreference.append(div);<br>
<b>9992</b><br>
        }<br>
<b>9993</b><br>
        addEventListener(&quot;load&quot;, referencepaddingtopload);<br>
<b>9994</b><br>
        function referencepaddingtopnumberload()<br>
<b>9995</b><br>
        {<br>
<b>9996</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>9997</b><br>
            referencepaddingtop.append(br);<br>
<b>9998</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>9999</b><br>
            input.id = &quot;referencepaddingtopnumber&quot;;<br>
<b>10000</b><br>
            input.max = 1000;<br>
<b>10001</b><br>
            input.min = 0;<br>
<b>10002</b><br>
            input.type = &quot;number&quot;;<br>
<b>10003</b><br>
            input.value = 0;<br>
<b>10004</b><br>
            input.addEventListener(&quot;input&quot;, referencepaddingtopnumberupdate);<br>
<b>10005</b><br>
            referencepaddingtop.append(input);<br>
<b>10006</b><br>
            //referencepaddingtopnumberset();<br>
<b>10007</b><br>
        }<br>
<b>10008</b><br>
        addEventListener(&quot;load&quot;, referencepaddingtopnumberload);<br>
<b>10009</b><br>
        function referencepaddingtopnumberset()<br>
<b>10010</b><br>
        {<br>
<b>10011</b><br>
            const v = Number(referencepaddingtopnumber.value);<br>
<b>10012</b><br>
            referencepaddingtoprange.value = v;<br>
<b>10013</b><br>
            text.referencepaddingtop = v;<br>
<b>10014</b><br>
        }<br>
<b>10015</b><br>
        function referencepaddingtopnumberupdate()<br>
<b>10016</b><br>
        {<br>
<b>10017</b><br>
            referencepaddingtopnumberset();<br>
<b>10018</b><br>
            svgupdate();<br>
<b>10019</b><br>
        }<br>
<b>10020</b><br>
        function referencepaddingtoprangeload()<br>
<b>10021</b><br>
        {<br>
<b>10022</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>10023</b><br>
            input.id = &quot;referencepaddingtoprange&quot;;<br>
<b>10024</b><br>
            input.max = referencepaddingtopnumber.max;<br>
<b>10025</b><br>
            input.min = referencepaddingtopnumber.min;<br>
<b>10026</b><br>
            input.type = &quot;range&quot;;<br>
<b>10027</b><br>
            input.value = referencepaddingtopnumber.value;<br>
<b>10028</b><br>
            input.addEventListener(&quot;input&quot;, referencepaddingtoprangeupdate);<br>
<b>10029</b><br>
            referencepaddingtop.append(input);<br>
<b>10030</b><br>
            referencepaddingtoprangeset();<br>
<b>10031</b><br>
        }<br>
<b>10032</b><br>
        addEventListener(&quot;load&quot;, referencepaddingtoprangeload);<br>
<b>10033</b><br>
        function referencepaddingtoprangeset()<br>
<b>10034</b><br>
        {<br>
<b>10035</b><br>
            const v = Number(referencepaddingtoprange.value);<br>
<b>10036</b><br>
            referencepaddingtopnumber.value = v;<br>
<b>10037</b><br>
            text.referencepaddingtop = v;<br>
<b>10038</b><br>
        }<br>
<b>10039</b><br>
        function referencepaddingtoprangeupdate()<br>
<b>10040</b><br>
        {<br>
<b>10041</b><br>
            referencepaddingtoprangeset();<br>
<b>10042</b><br>
            svgupdate();<br>
<b>10043</b><br>
        }<br>
<b>10044</b><br>
        function referencepaddingbottomload()<br>
<b>10045</b><br>
        {<br>
<b>10046</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>10047</b><br>
            div.id = &quot;referencepaddingbottom&quot;;<br>
<b>10048</b><br>
            div.innerHTML = &quot;padding-bottom&quot;;<br>
<b>10049</b><br>
            tabcontentreference.append(div);<br>
<b>10050</b><br>
        }<br>
<b>10051</b><br>
        addEventListener(&quot;load&quot;, referencepaddingbottomload);<br>
<b>10052</b><br>
        function referencepaddingbottomnumberload()<br>
<b>10053</b><br>
        {<br>
<b>10054</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>10055</b><br>
            referencepaddingbottom.append(br);<br>
<b>10056</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>10057</b><br>
            input.id = &quot;referencepaddingbottomnumber&quot;;<br>
<b>10058</b><br>
            input.max = 1000;<br>
<b>10059</b><br>
            input.min = 0;<br>
<b>10060</b><br>
            input.type = &quot;number&quot;;<br>
<b>10061</b><br>
            input.value = 0;<br>
<b>10062</b><br>
            input.addEventListener(&quot;input&quot;, referencepaddingbottomnumberupdate);<br>
<b>10063</b><br>
            referencepaddingbottom.append(input);<br>
<b>10064</b><br>
            //referencepaddingbottomnumberset();<br>
<b>10065</b><br>
        }<br>
<b>10066</b><br>
        addEventListener(&quot;load&quot;, referencepaddingbottomnumberload);<br>
<b>10067</b><br>
        function referencepaddingbottomnumberset()<br>
<b>10068</b><br>
        {<br>
<b>10069</b><br>
            const v = Number(referencepaddingbottomnumber.value);<br>
<b>10070</b><br>
            referencepaddingbottomrange.value = v;<br>
<b>10071</b><br>
            text.referencepaddingbottom = v;<br>
<b>10072</b><br>
        }<br>
<b>10073</b><br>
        function referencepaddingbottomnumberupdate()<br>
<b>10074</b><br>
        {<br>
<b>10075</b><br>
            referencepaddingbottomnumberset();<br>
<b>10076</b><br>
            svgupdate();<br>
<b>10077</b><br>
        }<br>
<b>10078</b><br>
        function referencepaddingbottomrangeload()<br>
<b>10079</b><br>
        {<br>
<b>10080</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>10081</b><br>
            input.id = &quot;referencepaddingbottomrange&quot;;<br>
<b>10082</b><br>
            input.max = referencepaddingbottomnumber.max;<br>
<b>10083</b><br>
            input.min = referencepaddingbottomnumber.min;<br>
<b>10084</b><br>
            input.type = &quot;range&quot;;<br>
<b>10085</b><br>
            input.value = referencepaddingbottomnumber.value;<br>
<b>10086</b><br>
            input.addEventListener(&quot;input&quot;, referencepaddingbottomrangeupdate);<br>
<b>10087</b><br>
            referencepaddingbottom.append(input);<br>
<b>10088</b><br>
            referencepaddingbottomrangeset();<br>
<b>10089</b><br>
        }<br>
<b>10090</b><br>
        addEventListener(&quot;load&quot;, referencepaddingbottomrangeload);<br>
<b>10091</b><br>
        function referencepaddingbottomrangeset()<br>
<b>10092</b><br>
        {<br>
<b>10093</b><br>
            const v = Number(referencepaddingbottomrange.value);<br>
<b>10094</b><br>
            referencepaddingbottomnumber.value = v;<br>
<b>10095</b><br>
            text.referencepaddingbottom = v;<br>
<b>10096</b><br>
        }<br>
<b>10097</b><br>
        function referencepaddingbottomrangeupdate()<br>
<b>10098</b><br>
        {<br>
<b>10099</b><br>
            referencepaddingbottomrangeset();<br>
<b>10100</b><br>
            svgupdate();<br>
<b>10101</b><br>
        }<br>
<b>10102</b><br>
        function referencepaddingleftload()<br>
<b>10103</b><br>
        {<br>
<b>10104</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>10105</b><br>
            div.id = &quot;referencepaddingleft&quot;;<br>
<b>10106</b><br>
            div.innerHTML = &quot;padding-left&quot;;<br>
<b>10107</b><br>
            tabcontentreference.append(div);<br>
<b>10108</b><br>
        }<br>
<b>10109</b><br>
        addEventListener(&quot;load&quot;, referencepaddingleftload);<br>
<b>10110</b><br>
        function referencepaddingleftnumberload()<br>
<b>10111</b><br>
        {<br>
<b>10112</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>10113</b><br>
            referencepaddingleft.append(br);<br>
<b>10114</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>10115</b><br>
            input.id = &quot;referencepaddingleftnumber&quot;;<br>
<b>10116</b><br>
            input.max = 1000;<br>
<b>10117</b><br>
            input.min = 0;<br>
<b>10118</b><br>
            input.type = &quot;number&quot;;<br>
<b>10119</b><br>
            input.value = 0;<br>
<b>10120</b><br>
            input.addEventListener(&quot;input&quot;, referencepaddingleftnumberupdate);<br>
<b>10121</b><br>
            referencepaddingleft.append(input);<br>
<b>10122</b><br>
            //referencepaddingleftnumberset();<br>
<b>10123</b><br>
        }<br>
<b>10124</b><br>
        addEventListener(&quot;load&quot;, referencepaddingleftnumberload);<br>
<b>10125</b><br>
        function referencepaddingleftnumberset()<br>
<b>10126</b><br>
        {<br>
<b>10127</b><br>
            const v = Number(referencepaddingleftnumber.value);<br>
<b>10128</b><br>
            referencepaddingleftrange.value = v;<br>
<b>10129</b><br>
            text.referencepaddingleft = v;<br>
<b>10130</b><br>
        }<br>
<b>10131</b><br>
        function referencepaddingleftnumberupdate()<br>
<b>10132</b><br>
        {<br>
<b>10133</b><br>
            referencepaddingleftnumberset();<br>
<b>10134</b><br>
            svgupdate();<br>
<b>10135</b><br>
        }<br>
<b>10136</b><br>
        function referencepaddingleftrangeload()<br>
<b>10137</b><br>
        {<br>
<b>10138</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>10139</b><br>
            input.id = &quot;referencepaddingleftrange&quot;;<br>
<b>10140</b><br>
            input.max = referencepaddingleftnumber.max;<br>
<b>10141</b><br>
            input.min = referencepaddingleftnumber.min;<br>
<b>10142</b><br>
            input.type = &quot;range&quot;;<br>
<b>10143</b><br>
            input.value = referencepaddingleftnumber.value;<br>
<b>10144</b><br>
            input.addEventListener(&quot;input&quot;, referencepaddingleftrangeupdate);<br>
<b>10145</b><br>
            referencepaddingleft.append(input);<br>
<b>10146</b><br>
            referencepaddingleftrangeset();<br>
<b>10147</b><br>
        }<br>
<b>10148</b><br>
        addEventListener(&quot;load&quot;, referencepaddingleftrangeload);<br>
<b>10149</b><br>
        function referencepaddingleftrangeset()<br>
<b>10150</b><br>
        {<br>
<b>10151</b><br>
            const v = Number(referencepaddingleftrange.value);<br>
<b>10152</b><br>
            referencepaddingleftnumber.value = v;<br>
<b>10153</b><br>
            text.referencepaddingleft = v;<br>
<b>10154</b><br>
        }<br>
<b>10155</b><br>
        function referencepaddingleftrangeupdate()<br>
<b>10156</b><br>
        {<br>
<b>10157</b><br>
            referencepaddingleftrangeset();<br>
<b>10158</b><br>
            svgupdate();<br>
<b>10159</b><br>
        }<br>
<b>10160</b><br>
        function referencepaddingrightload()<br>
<b>10161</b><br>
        {<br>
<b>10162</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>10163</b><br>
            div.id = &quot;referencepaddingright&quot;;<br>
<b>10164</b><br>
            div.innerHTML = &quot;padding-right&quot;;<br>
<b>10165</b><br>
            tabcontentreference.append(div);<br>
<b>10166</b><br>
        }<br>
<b>10167</b><br>
        addEventListener(&quot;load&quot;, referencepaddingrightload);<br>
<b>10168</b><br>
        function referencepaddingrightnumberload()<br>
<b>10169</b><br>
        {<br>
<b>10170</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>10171</b><br>
            referencepaddingright.append(br);<br>
<b>10172</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>10173</b><br>
            input.id = &quot;referencepaddingrightnumber&quot;;<br>
<b>10174</b><br>
            input.max = 1000;<br>
<b>10175</b><br>
            input.min = 0;<br>
<b>10176</b><br>
            input.type = &quot;number&quot;;<br>
<b>10177</b><br>
            input.value = 0;<br>
<b>10178</b><br>
            input.addEventListener(&quot;input&quot;, referencepaddingrightnumberupdate);<br>
<b>10179</b><br>
            referencepaddingright.append(input);<br>
<b>10180</b><br>
            //referencepaddingrightnumberset();<br>
<b>10181</b><br>
        }<br>
<b>10182</b><br>
        addEventListener(&quot;load&quot;, referencepaddingrightnumberload);<br>
<b>10183</b><br>
        function referencepaddingrightnumberset()<br>
<b>10184</b><br>
        {<br>
<b>10185</b><br>
            const v = Number(referencepaddingrightnumber.value);<br>
<b>10186</b><br>
            referencepaddingrightrange.value = v;<br>
<b>10187</b><br>
            text.referencepaddingright = v;<br>
<b>10188</b><br>
        }<br>
<b>10189</b><br>
        function referencepaddingrightnumberupdate()<br>
<b>10190</b><br>
        {<br>
<b>10191</b><br>
            referencepaddingrightnumberset();<br>
<b>10192</b><br>
            svgupdate();<br>
<b>10193</b><br>
        }<br>
<b>10194</b><br>
        function referencepaddingrightrangeload()<br>
<b>10195</b><br>
        {<br>
<b>10196</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>10197</b><br>
            input.id = &quot;referencepaddingrightrange&quot;;<br>
<b>10198</b><br>
            input.max = referencepaddingrightnumber.max;<br>
<b>10199</b><br>
            input.min = referencepaddingrightnumber.min;<br>
<b>10200</b><br>
            input.type = &quot;range&quot;;<br>
<b>10201</b><br>
            input.value = referencepaddingrightnumber.value;<br>
<b>10202</b><br>
            input.addEventListener(&quot;input&quot;, referencepaddingrightrangeupdate);<br>
<b>10203</b><br>
            referencepaddingright.append(input);<br>
<b>10204</b><br>
            referencepaddingrightrangeset();<br>
<b>10205</b><br>
        }<br>
<b>10206</b><br>
        addEventListener(&quot;load&quot;, referencepaddingrightrangeload);<br>
<b>10207</b><br>
        function referencepaddingrightrangeset()<br>
<b>10208</b><br>
        {<br>
<b>10209</b><br>
            const v = Number(referencepaddingrightrange.value);<br>
<b>10210</b><br>
            referencepaddingrightnumber.value = v;<br>
<b>10211</b><br>
            text.referencepaddingright = v;<br>
<b>10212</b><br>
        }<br>
<b>10213</b><br>
        function referencepaddingrightrangeupdate()<br>
<b>10214</b><br>
        {<br>
<b>10215</b><br>
            referencepaddingrightrangeset();<br>
<b>10216</b><br>
            svgupdate();<br>
<b>10217</b><br>
        }<br>
<b>10218</b><br>
//*/<br>
<b>10219</b><br>
        function passagewidthload()<br>
<b>10220</b><br>
        {<br>
<b>10221</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>10222</b><br>
            div.id = &quot;passagewidth&quot;;<br>
<b>10223</b><br>
            div.innerHTML = &quot;width&quot;;<br>
<b>10224</b><br>
            tabcontentpassage.append(div);<br>
<b>10225</b><br>
            const style = div.style;<br>
<b>10226</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>10227</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>10228</b><br>
        }<br>
<b>10229</b><br>
        addEventListener(&quot;load&quot;, passagewidthload);<br>
<b>10230</b><br>
        function passagewidthnumberload()<br>
<b>10231</b><br>
        {<br>
<b>10232</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>10233</b><br>
            passagewidth.append(br);<br>
<b>10234</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>10235</b><br>
            input.id = &quot;passagewidthnumber&quot;;<br>
<b>10236</b><br>
            input.max = maxwidth;<br>
<b>10237</b><br>
            input.min = 0;<br>
<b>10238</b><br>
            input.type = &quot;number&quot;;<br>
<b>10239</b><br>
            input.value = canvas.width - 100;<br>
<b>10240</b><br>
            input.addEventListener(&quot;input&quot;, passagewidthnumberupdate);<br>
<b>10241</b><br>
            passagewidth.append(input);<br>
<b>10242</b><br>
            //passagewidthnumberset();<br>
<b>10243</b><br>
        }<br>
<b>10244</b><br>
        addEventListener(&quot;load&quot;, passagewidthnumberload);<br>
<b>10245</b><br>
        function passagewidthnumberset()<br>
<b>10246</b><br>
        {<br>
<b>10247</b><br>
            const v = Number(passagewidthnumber.value);<br>
<b>10248</b><br>
            passagewidthrange.value = v;<br>
<b>10249</b><br>
            text.passagewidth = v;<br>
<b>10250</b><br>
        }<br>
<b>10251</b><br>
        function passagewidthnumberupdate()<br>
<b>10252</b><br>
        {<br>
<b>10253</b><br>
            passagewidthnumberset();<br>
<b>10254</b><br>
            svgupdate();<br>
<b>10255</b><br>
        }<br>
<b>10256</b><br>
        function passagewidthrangeload()<br>
<b>10257</b><br>
        {<br>
<b>10258</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>10259</b><br>
            input.id = &quot;passagewidthrange&quot;;<br>
<b>10260</b><br>
            input.max = passagewidthnumber.max;<br>
<b>10261</b><br>
            input.min = passagewidthnumber.min;<br>
<b>10262</b><br>
            input.type = &quot;range&quot;;<br>
<b>10263</b><br>
            input.value = passagewidthnumber.value;<br>
<b>10264</b><br>
            input.addEventListener(&quot;input&quot;, passagewidthrangeupdate);<br>
<b>10265</b><br>
            passagewidth.append(input);<br>
<b>10266</b><br>
            passagewidthrangeset();<br>
<b>10267</b><br>
        }<br>
<b>10268</b><br>
        addEventListener(&quot;load&quot;, passagewidthrangeload);<br>
<b>10269</b><br>
        function passagewidthrangeset()<br>
<b>10270</b><br>
        {<br>
<b>10271</b><br>
            const v = Number(passagewidthrange.value);<br>
<b>10272</b><br>
            passagewidthnumber.value = v;<br>
<b>10273</b><br>
            text.passagewidth = v;<br>
<b>10274</b><br>
        }<br>
<b>10275</b><br>
        function passagewidthrangeupdate()<br>
<b>10276</b><br>
        {<br>
<b>10277</b><br>
            passagewidthrangeset();<br>
<b>10278</b><br>
            svgupdate();<br>
<b>10279</b><br>
        }<br>
<b>10280</b><br>
        function passagewidthexactload()<br>
<b>10281</b><br>
        {<br>
<b>10282</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>10283</b><br>
            passagewidth.append(br);<br>
<b>10284</b><br>
            const array =<br>
<b>10285</b><br>
            [<br>
<b>10286</b><br>
                [&quot;25%&quot;,0.25],<br>
<b>10287</b><br>
                [&quot;50%&quot;,0.5],<br>
<b>10288</b><br>
                [&quot;75%&quot;,0.75],<br>
<b>10289</b><br>
                [&quot;100%&quot;,1],<br>
<b>10290</b><br>
            ];<br>
<b>10291</b><br>
            for(const value of array)<br>
<b>10292</b><br>
            {<br>
<b>10293</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>10294</b><br>
                button.innerHTML = value[0];<br>
<b>10295</b><br>
                button.value = value[1];<br>
<b>10296</b><br>
                button.addEventListener(&quot;click&quot;, passagewidthexactupdate);<br>
<b>10297</b><br>
                passagewidth.append(button);<br>
<b>10298</b><br>
            }<br>
<b>10299</b><br>
        }<br>
<b>10300</b><br>
        addEventListener(&quot;load&quot;, passagewidthexactload);<br>
<b>10301</b><br>
        function passagewidthexactupdate(e)<br>
<b>10302</b><br>
        {<br>
<b>10303</b><br>
            passagewidthnumber.value = canvas.width * Number(e.target.value);<br>
<b>10304</b><br>
            passagewidthnumberupdate();<br>
<b>10305</b><br>
        }<br>
<b>10306</b><br>
        function passagewidthincrementload()<br>
<b>10307</b><br>
        {<br>
<b>10308</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>10309</b><br>
            passagewidth.append(br);<br>
<b>10310</b><br>
            const array =<br>
<b>10311</b><br>
            [<br>
<b>10312</b><br>
                [&quot;-1000&quot;,-1000],<br>
<b>10313</b><br>
                [&quot;-100&quot;,-100],<br>
<b>10314</b><br>
                [&quot;-10&quot;,-10],<br>
<b>10315</b><br>
                [&quot;-1&quot;,-1],<br>
<b>10316</b><br>
                [&quot;+1&quot;,1],<br>
<b>10317</b><br>
                [&quot;+10&quot;,10],<br>
<b>10318</b><br>
                [&quot;+100&quot;,100],<br>
<b>10319</b><br>
                [&quot;+1000&quot;,1000],<br>
<b>10320</b><br>
            ];<br>
<b>10321</b><br>
            for(const value of array)<br>
<b>10322</b><br>
            {<br>
<b>10323</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>10324</b><br>
                button.innerHTML = value[0];<br>
<b>10325</b><br>
                button.value = value[1];<br>
<b>10326</b><br>
                button.addEventListener(&quot;click&quot;, passagewidthincrementupdate);<br>
<b>10327</b><br>
                passagewidth.append(button);<br>
<b>10328</b><br>
            }<br>
<b>10329</b><br>
        }<br>
<b>10330</b><br>
        addEventListener(&quot;load&quot;, passagewidthincrementload);<br>
<b>10331</b><br>
        function passagewidthincrementupdate(e)<br>
<b>10332</b><br>
        {<br>
<b>10333</b><br>
            const v = Number(passagewidthnumber.value) + Number(e.target.value);<br>
<b>10334</b><br>
            if((passagewidthnumber.min &lt;= v) &amp;&amp; (v &lt;= passagewidthnumber.max))<br>
<b>10335</b><br>
            {<br>
<b>10336</b><br>
                passagewidthnumber.value = v;<br>
<b>10337</b><br>
                passagewidthnumberupdate();<br>
<b>10338</b><br>
            }<br>
<b>10339</b><br>
        }<br>
<b>10340</b><br>
        function passageheightload()<br>
<b>10341</b><br>
        {<br>
<b>10342</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>10343</b><br>
            div.id = &quot;passageheight&quot;;<br>
<b>10344</b><br>
            div.innerHTML = &quot;height&quot;;<br>
<b>10345</b><br>
            tabcontentpassage.append(div);<br>
<b>10346</b><br>
            const style = div.style;<br>
<b>10347</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>10348</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>10349</b><br>
        }<br>
<b>10350</b><br>
        addEventListener(&quot;load&quot;, passageheightload);<br>
<b>10351</b><br>
        function passageheightnumberload()<br>
<b>10352</b><br>
        {<br>
<b>10353</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>10354</b><br>
            passageheight.append(br);<br>
<b>10355</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>10356</b><br>
            input.id = &quot;passageheightnumber&quot;;<br>
<b>10357</b><br>
            input.max = maxheight;<br>
<b>10358</b><br>
            input.min = 0;<br>
<b>10359</b><br>
            input.type = &quot;number&quot;;<br>
<b>10360</b><br>
            input.value = 300;<br>
<b>10361</b><br>
            input.addEventListener(&quot;input&quot;, passageheightnumberupdate);<br>
<b>10362</b><br>
            passageheight.append(input);<br>
<b>10363</b><br>
            //passageheightnumberset();<br>
<b>10364</b><br>
        }<br>
<b>10365</b><br>
        addEventListener(&quot;load&quot;, passageheightnumberload);<br>
<b>10366</b><br>
        function passageheightnumberset()<br>
<b>10367</b><br>
        {<br>
<b>10368</b><br>
            const v = Number(passageheightnumber.value);<br>
<b>10369</b><br>
            passageheightrange.value = v;<br>
<b>10370</b><br>
            text.passageheight = v;<br>
<b>10371</b><br>
        }<br>
<b>10372</b><br>
        function passageheightnumberupdate()<br>
<b>10373</b><br>
        {<br>
<b>10374</b><br>
            passageheightnumberset();<br>
<b>10375</b><br>
            svgupdate();<br>
<b>10376</b><br>
        }<br>
<b>10377</b><br>
        function passageheightrangeload()<br>
<b>10378</b><br>
        {<br>
<b>10379</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>10380</b><br>
            input.id = &quot;passageheightrange&quot;;<br>
<b>10381</b><br>
            input.max = passageheightnumber.max;<br>
<b>10382</b><br>
            input.min = passageheightnumber.min;<br>
<b>10383</b><br>
            input.type = &quot;range&quot;;<br>
<b>10384</b><br>
            input.value = passageheightnumber.value;<br>
<b>10385</b><br>
            input.addEventListener(&quot;input&quot;, passageheightrangeupdate);<br>
<b>10386</b><br>
            passageheight.append(input);<br>
<b>10387</b><br>
            passageheightrangeset();<br>
<b>10388</b><br>
        }<br>
<b>10389</b><br>
        addEventListener(&quot;load&quot;, passageheightrangeload);<br>
<b>10390</b><br>
        function passageheightrangeset()<br>
<b>10391</b><br>
        {<br>
<b>10392</b><br>
            const v = Number(passageheightrange.value);<br>
<b>10393</b><br>
            passageheightnumber.value = v;<br>
<b>10394</b><br>
            text.passageheight = v;<br>
<b>10395</b><br>
        }<br>
<b>10396</b><br>
        function passageheightrangeupdate()<br>
<b>10397</b><br>
        {<br>
<b>10398</b><br>
            passageheightrangeset();<br>
<b>10399</b><br>
            svgupdate();<br>
<b>10400</b><br>
        }<br>
<b>10401</b><br>
        function passageheightexactload()<br>
<b>10402</b><br>
        {<br>
<b>10403</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>10404</b><br>
            passageheight.append(br);<br>
<b>10405</b><br>
            const array =<br>
<b>10406</b><br>
            [<br>
<b>10407</b><br>
                [&quot;25%&quot;,0.25],<br>
<b>10408</b><br>
                [&quot;50%&quot;,0.5],<br>
<b>10409</b><br>
                [&quot;75%&quot;,0.75],<br>
<b>10410</b><br>
                [&quot;100%&quot;,1],<br>
<b>10411</b><br>
            ];<br>
<b>10412</b><br>
            for(const value of array)<br>
<b>10413</b><br>
            {<br>
<b>10414</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>10415</b><br>
                button.innerHTML = value[0];<br>
<b>10416</b><br>
                button.value = value[1];<br>
<b>10417</b><br>
                button.addEventListener(&quot;click&quot;, passageheightexactupdate);<br>
<b>10418</b><br>
                passageheight.append(button);<br>
<b>10419</b><br>
            }<br>
<b>10420</b><br>
        }<br>
<b>10421</b><br>
        addEventListener(&quot;load&quot;, passageheightexactload);<br>
<b>10422</b><br>
        function passageheightexactupdate(e)<br>
<b>10423</b><br>
        {<br>
<b>10424</b><br>
            passageheightnumber.value = canvas.height * Number(e.target.value);<br>
<b>10425</b><br>
            passageheightnumberupdate();<br>
<b>10426</b><br>
        }<br>
<b>10427</b><br>
        function passageheightincrementload()<br>
<b>10428</b><br>
        {<br>
<b>10429</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>10430</b><br>
            passageheight.append(br);<br>
<b>10431</b><br>
            const array =<br>
<b>10432</b><br>
            [<br>
<b>10433</b><br>
                [&quot;-1000&quot;,-1000],<br>
<b>10434</b><br>
                [&quot;-100&quot;,-100],<br>
<b>10435</b><br>
                [&quot;-10&quot;,-10],<br>
<b>10436</b><br>
                [&quot;-1&quot;,-1],<br>
<b>10437</b><br>
                [&quot;+1&quot;,1],<br>
<b>10438</b><br>
                [&quot;+10&quot;,10],<br>
<b>10439</b><br>
                [&quot;+100&quot;,100],<br>
<b>10440</b><br>
                [&quot;+1000&quot;,1000],<br>
<b>10441</b><br>
            ];<br>
<b>10442</b><br>
            for(const value of array)<br>
<b>10443</b><br>
            {<br>
<b>10444</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>10445</b><br>
                button.innerHTML = value[0];<br>
<b>10446</b><br>
                button.value = value[1];<br>
<b>10447</b><br>
                button.addEventListener(&quot;click&quot;, passageheightincrementupdate);<br>
<b>10448</b><br>
                passageheight.append(button);<br>
<b>10449</b><br>
            }<br>
<b>10450</b><br>
        }<br>
<b>10451</b><br>
        addEventListener(&quot;load&quot;, passageheightincrementload);<br>
<b>10452</b><br>
        function passageheightincrementupdate(e)<br>
<b>10453</b><br>
        {<br>
<b>10454</b><br>
            const v = Number(passageheightnumber.value) + Number(e.target.value);<br>
<b>10455</b><br>
            if((passageheightnumber.min &lt;= v) &amp;&amp; (v &lt;= passageheightnumber.max))<br>
<b>10456</b><br>
            {<br>
<b>10457</b><br>
                passageheightnumber.value = v;<br>
<b>10458</b><br>
                passageheightnumberupdate();<br>
<b>10459</b><br>
            }<br>
<b>10460</b><br>
        }<br>
<b>10461</b><br>
        function passagexload()<br>
<b>10462</b><br>
        {<br>
<b>10463</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>10464</b><br>
            div.id = &quot;passagex&quot;;<br>
<b>10465</b><br>
            div.innerHTML = &quot;x&quot;;<br>
<b>10466</b><br>
            tabcontentpassage.append(div);<br>
<b>10467</b><br>
            const style = div.style;<br>
<b>10468</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>10469</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>10470</b><br>
        }<br>
<b>10471</b><br>
        addEventListener(&quot;load&quot;, passagexload);<br>
<b>10472</b><br>
        function passagexnumberload()<br>
<b>10473</b><br>
        {<br>
<b>10474</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>10475</b><br>
            passagex.append(br);<br>
<b>10476</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>10477</b><br>
            input.id = &quot;passagexnumber&quot;;<br>
<b>10478</b><br>
            input.max = maxwidth;<br>
<b>10479</b><br>
            input.min = -maxwidth;<br>
<b>10480</b><br>
            input.type = &quot;number&quot;;<br>
<b>10481</b><br>
            input.value = 50;<br>
<b>10482</b><br>
            input.addEventListener(&quot;input&quot;, passagexnumberupdate);<br>
<b>10483</b><br>
            passagex.append(input);<br>
<b>10484</b><br>
            //passagexnumberset();<br>
<b>10485</b><br>
        }<br>
<b>10486</b><br>
        addEventListener(&quot;load&quot;, passagexnumberload);<br>
<b>10487</b><br>
        function passagexnumberset()<br>
<b>10488</b><br>
        {<br>
<b>10489</b><br>
            const v = Number(passagexnumber.value);<br>
<b>10490</b><br>
            passagexrange.value = v;<br>
<b>10491</b><br>
            text.passagex = v;<br>
<b>10492</b><br>
        }<br>
<b>10493</b><br>
        function passagexnumberupdate()<br>
<b>10494</b><br>
        {<br>
<b>10495</b><br>
            passagexnumberset();<br>
<b>10496</b><br>
            svgupdate();<br>
<b>10497</b><br>
        }<br>
<b>10498</b><br>
        function passagexrangeload()<br>
<b>10499</b><br>
        {<br>
<b>10500</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>10501</b><br>
            input.id = &quot;passagexrange&quot;;<br>
<b>10502</b><br>
            input.max = passagexnumber.max;<br>
<b>10503</b><br>
            input.min = passagexnumber.min;<br>
<b>10504</b><br>
            input.type = &quot;range&quot;;<br>
<b>10505</b><br>
            input.value = passagexnumber.value;<br>
<b>10506</b><br>
            input.addEventListener(&quot;input&quot;, passagexrangeupdate);<br>
<b>10507</b><br>
            passagex.append(input);<br>
<b>10508</b><br>
            passagexrangeset();<br>
<b>10509</b><br>
        }<br>
<b>10510</b><br>
        addEventListener(&quot;load&quot;, passagexrangeload);<br>
<b>10511</b><br>
        function passagexrangeset()<br>
<b>10512</b><br>
        {<br>
<b>10513</b><br>
            const v = Number(passagexrange.value);<br>
<b>10514</b><br>
            passagexnumber.value = v;<br>
<b>10515</b><br>
            text.passagex = v;<br>
<b>10516</b><br>
        }<br>
<b>10517</b><br>
        function passagexrangeupdate()<br>
<b>10518</b><br>
        {<br>
<b>10519</b><br>
            passagexrangeset();<br>
<b>10520</b><br>
            svgupdate();<br>
<b>10521</b><br>
        }<br>
<b>10522</b><br>
        function passagexexactload()<br>
<b>10523</b><br>
        {<br>
<b>10524</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>10525</b><br>
            passagex.append(br);<br>
<b>10526</b><br>
            const array =<br>
<b>10527</b><br>
            [<br>
<b>10528</b><br>
                [&quot;left&quot;,0],<br>
<b>10529</b><br>
                [&quot;center&quot;,0.5],<br>
<b>10530</b><br>
                [&quot;right&quot;,1],<br>
<b>10531</b><br>
            ];<br>
<b>10532</b><br>
            for(const value of array)<br>
<b>10533</b><br>
            {<br>
<b>10534</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>10535</b><br>
                button.innerHTML = value[0];<br>
<b>10536</b><br>
                button.value = value[1];<br>
<b>10537</b><br>
                button.addEventListener(&quot;click&quot;, passagexexactupdate);<br>
<b>10538</b><br>
                passagex.append(button);<br>
<b>10539</b><br>
            }<br>
<b>10540</b><br>
        }<br>
<b>10541</b><br>
        addEventListener(&quot;load&quot;, passagexexactload);<br>
<b>10542</b><br>
        function passagexexactupdate(e)<br>
<b>10543</b><br>
        {<br>
<b>10544</b><br>
            //passagexnumber.value = (canvas.width - text.passagewidth - text.passagepaddingleft - text.passagepaddingright) * Number(e.target.value);<br>
<b>10545</b><br>
            passagexnumber.value = (canvas.width - text.passagewidth) * Number(e.target.value);<br>
<b>10546</b><br>
            passagexnumberupdate();<br>
<b>10547</b><br>
        }<br>
<b>10548</b><br>
        function passagexincrementload()<br>
<b>10549</b><br>
        {<br>
<b>10550</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>10551</b><br>
            passagex.append(br);<br>
<b>10552</b><br>
            const array =<br>
<b>10553</b><br>
            [<br>
<b>10554</b><br>
                [&quot;-1000&quot;,-1000],<br>
<b>10555</b><br>
                [&quot;-100&quot;,-100],<br>
<b>10556</b><br>
                [&quot;-10&quot;,-10],<br>
<b>10557</b><br>
                [&quot;-1&quot;,-1],<br>
<b>10558</b><br>
                [&quot;+1&quot;,1],<br>
<b>10559</b><br>
                [&quot;+10&quot;,10],<br>
<b>10560</b><br>
                [&quot;+100&quot;,100],<br>
<b>10561</b><br>
                [&quot;+1000&quot;,1000],<br>
<b>10562</b><br>
            ];<br>
<b>10563</b><br>
            for(const value of array)<br>
<b>10564</b><br>
            {<br>
<b>10565</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>10566</b><br>
                button.innerHTML = value[0];<br>
<b>10567</b><br>
                button.value = value[1];<br>
<b>10568</b><br>
                button.addEventListener(&quot;click&quot;, passagexincrementupdate);<br>
<b>10569</b><br>
                passagex.append(button);<br>
<b>10570</b><br>
            }<br>
<b>10571</b><br>
        }<br>
<b>10572</b><br>
        addEventListener(&quot;load&quot;, passagexincrementload);<br>
<b>10573</b><br>
        function passagexincrementupdate(e)<br>
<b>10574</b><br>
        {<br>
<b>10575</b><br>
            const v = Number(passagexnumber.value) + Number(e.target.value);<br>
<b>10576</b><br>
            if((passagexnumber.min &lt;= v) &amp;&amp; (v &lt;= passagexnumber.max))<br>
<b>10577</b><br>
            {<br>
<b>10578</b><br>
                passagexnumber.value = v;<br>
<b>10579</b><br>
                passagexnumberupdate();<br>
<b>10580</b><br>
            }<br>
<b>10581</b><br>
        }<br>
<b>10582</b><br>
        function passageyload()<br>
<b>10583</b><br>
        {<br>
<b>10584</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>10585</b><br>
            div.id = &quot;passagey&quot;;<br>
<b>10586</b><br>
            div.innerHTML = &quot;y&quot;;<br>
<b>10587</b><br>
            tabcontentpassage.append(div);<br>
<b>10588</b><br>
            const style = div.style;<br>
<b>10589</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>10590</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>10591</b><br>
        }<br>
<b>10592</b><br>
        addEventListener(&quot;load&quot;, passageyload);<br>
<b>10593</b><br>
        function passageynumberload()<br>
<b>10594</b><br>
        {<br>
<b>10595</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>10596</b><br>
            passagey.append(br);<br>
<b>10597</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>10598</b><br>
            input.id = &quot;passageynumber&quot;;<br>
<b>10599</b><br>
            input.max = maxheight;<br>
<b>10600</b><br>
            input.min = -maxheight;<br>
<b>10601</b><br>
            input.type = &quot;number&quot;;<br>
<b>10602</b><br>
            input.value = 730;<br>
<b>10603</b><br>
            input.addEventListener(&quot;input&quot;, passageynumberupdate);<br>
<b>10604</b><br>
            passagey.append(input);<br>
<b>10605</b><br>
            //passageynumberset();<br>
<b>10606</b><br>
        }<br>
<b>10607</b><br>
        addEventListener(&quot;load&quot;, passageynumberload);<br>
<b>10608</b><br>
        function passageynumberset()<br>
<b>10609</b><br>
        {<br>
<b>10610</b><br>
            const v = Number(passageynumber.value);<br>
<b>10611</b><br>
            passageyrange.value = v;<br>
<b>10612</b><br>
            text.passagey = v;<br>
<b>10613</b><br>
        }<br>
<b>10614</b><br>
        function passageynumberupdate()<br>
<b>10615</b><br>
        {<br>
<b>10616</b><br>
            passageynumberset();<br>
<b>10617</b><br>
            svgupdate();<br>
<b>10618</b><br>
        }<br>
<b>10619</b><br>
        function passageyrangeload()<br>
<b>10620</b><br>
        {<br>
<b>10621</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>10622</b><br>
            input.id = &quot;passageyrange&quot;;<br>
<b>10623</b><br>
            input.max = passageynumber.max;<br>
<b>10624</b><br>
            input.min = passageynumber.min;<br>
<b>10625</b><br>
            input.type = &quot;range&quot;;<br>
<b>10626</b><br>
            input.value = passageynumber.value;<br>
<b>10627</b><br>
            input.addEventListener(&quot;input&quot;, passageyrangeupdate);<br>
<b>10628</b><br>
            passagey.append(input);<br>
<b>10629</b><br>
            passageyrangeset();<br>
<b>10630</b><br>
        }<br>
<b>10631</b><br>
        addEventListener(&quot;load&quot;, passageyrangeload);<br>
<b>10632</b><br>
        function passageyrangeset()<br>
<b>10633</b><br>
        {<br>
<b>10634</b><br>
            const v = Number(passageyrange.value);<br>
<b>10635</b><br>
            passageynumber.value = v;<br>
<b>10636</b><br>
            text.passagey = v;<br>
<b>10637</b><br>
        }<br>
<b>10638</b><br>
        function passageyrangeupdate()<br>
<b>10639</b><br>
        {<br>
<b>10640</b><br>
            passageyrangeset();<br>
<b>10641</b><br>
            svgupdate();<br>
<b>10642</b><br>
        }<br>
<b>10643</b><br>
        function passageyexactload()<br>
<b>10644</b><br>
        {<br>
<b>10645</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>10646</b><br>
            passagey.append(br);<br>
<b>10647</b><br>
            const array =<br>
<b>10648</b><br>
            [<br>
<b>10649</b><br>
                [&quot;top&quot;,0],<br>
<b>10650</b><br>
                [&quot;center&quot;,0.5],<br>
<b>10651</b><br>
                [&quot;bottom&quot;,1],<br>
<b>10652</b><br>
            ];<br>
<b>10653</b><br>
            for(const value of array)<br>
<b>10654</b><br>
            {<br>
<b>10655</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>10656</b><br>
                button.innerHTML = value[0];<br>
<b>10657</b><br>
                button.value = value[1];<br>
<b>10658</b><br>
                button.addEventListener(&quot;click&quot;, passageyexactupdate);<br>
<b>10659</b><br>
                passagey.append(button);<br>
<b>10660</b><br>
            }<br>
<b>10661</b><br>
        }<br>
<b>10662</b><br>
        addEventListener(&quot;load&quot;, passageyexactload);<br>
<b>10663</b><br>
        function passageyexactupdate(e)<br>
<b>10664</b><br>
        {<br>
<b>10665</b><br>
            //passageynumber.value = (canvas.height - text.passageheight - text.passagepaddingtop - text.passagepaddingbottom) * Number(e.target.value);<br>
<b>10666</b><br>
            passageynumber.value = (canvas.height - text.passageheight) * Number(e.target.value);<br>
<b>10667</b><br>
            passageynumberupdate();<br>
<b>10668</b><br>
        }<br>
<b>10669</b><br>
        function passageyincrementload()<br>
<b>10670</b><br>
        {<br>
<b>10671</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>10672</b><br>
            passagey.append(br);<br>
<b>10673</b><br>
            const array =<br>
<b>10674</b><br>
            [<br>
<b>10675</b><br>
                [&quot;-1000&quot;,-1000],<br>
<b>10676</b><br>
                [&quot;-100&quot;,-100],<br>
<b>10677</b><br>
                [&quot;-10&quot;,-10],<br>
<b>10678</b><br>
                [&quot;-1&quot;,-1],<br>
<b>10679</b><br>
                [&quot;+1&quot;,1],<br>
<b>10680</b><br>
                [&quot;+10&quot;,10],<br>
<b>10681</b><br>
                [&quot;+100&quot;,100],<br>
<b>10682</b><br>
                [&quot;+1000&quot;,1000],<br>
<b>10683</b><br>
            ];<br>
<b>10684</b><br>
            for(const value of array)<br>
<b>10685</b><br>
            {<br>
<b>10686</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>10687</b><br>
                button.innerHTML = value[0];<br>
<b>10688</b><br>
                button.value = value[1];<br>
<b>10689</b><br>
                button.addEventListener(&quot;click&quot;, passageyincrementupdate);<br>
<b>10690</b><br>
                passagey.append(button);<br>
<b>10691</b><br>
            }<br>
<b>10692</b><br>
        }<br>
<b>10693</b><br>
        addEventListener(&quot;load&quot;, passageyincrementload);<br>
<b>10694</b><br>
        function passageyincrementupdate(e)<br>
<b>10695</b><br>
        {<br>
<b>10696</b><br>
            const v = Number(passageynumber.value) + Number(e.target.value);<br>
<b>10697</b><br>
            if((passageynumber.min &lt;= v) &amp;&amp; (v &lt;= passageynumber.max))<br>
<b>10698</b><br>
            {<br>
<b>10699</b><br>
                passageynumber.value = v;<br>
<b>10700</b><br>
                passageynumberupdate();<br>
<b>10701</b><br>
            }<br>
<b>10702</b><br>
        }<br>
<b>10703</b><br>
        function passagebackgroundcolorload()<br>
<b>10704</b><br>
        {<br>
<b>10705</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>10706</b><br>
            div.id = &quot;passagebackgroundcolor&quot;;<br>
<b>10707</b><br>
            div.innerHTML = &quot;background-color&quot;;<br>
<b>10708</b><br>
            tabcontentpassage.append(div);<br>
<b>10709</b><br>
        }<br>
<b>10710</b><br>
        addEventListener(&quot;load&quot;, passagebackgroundcolorload);<br>
<b>10711</b><br>
        function passagebackgroundcolorcolorload()<br>
<b>10712</b><br>
        {<br>
<b>10713</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>10714</b><br>
            passagebackgroundcolor.append(br);<br>
<b>10715</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>10716</b><br>
            input.id = &quot;passagebackgroundcolorcolor&quot;;<br>
<b>10717</b><br>
            input.type = &quot;color&quot;;<br>
<b>10718</b><br>
            input.value = &quot;#ffffff&quot;;<br>
<b>10719</b><br>
            input.addEventListener(&quot;input&quot;, passagebackgroundcolorcolorupdate);<br>
<b>10720</b><br>
            passagebackgroundcolor.append(input);<br>
<b>10721</b><br>
            //passagebackgroundcolorcolorset();<br>
<b>10722</b><br>
        }<br>
<b>10723</b><br>
        addEventListener(&quot;load&quot;, passagebackgroundcolorcolorload);<br>
<b>10724</b><br>
        function passagebackgroundcolorcolorset()<br>
<b>10725</b><br>
        {<br>
<b>10726</b><br>
            const c = passagebackgroundcolorcolor.value;<br>
<b>10727</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>10728</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>10729</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>10730</b><br>
            const a = passagebackgroundalphanumber.value;<br>
<b>10731</b><br>
            text.passagebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>10732</b><br>
        }<br>
<b>10733</b><br>
        function passagebackgroundcolorcolorupdate()<br>
<b>10734</b><br>
        {<br>
<b>10735</b><br>
            passagebackgroundcolorcolorset();<br>
<b>10736</b><br>
            svgupdate();<br>
<b>10737</b><br>
        }<br>
<b>10738</b><br>
        function passagebackgroundcolorexactload()<br>
<b>10739</b><br>
        {<br>
<b>10740</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>10741</b><br>
            passagebackgroundcolor.append(br);<br>
<b>10742</b><br>
            const array =<br>
<b>10743</b><br>
            [<br>
<b>10744</b><br>
                [&quot;black&quot;,&quot;#000000&quot;],<br>
<b>10745</b><br>
                [&quot;white&quot;,&quot;#ffffff&quot;],<br>
<b>10746</b><br>
            ];<br>
<b>10747</b><br>
            for(const value of array)<br>
<b>10748</b><br>
            {<br>
<b>10749</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>10750</b><br>
                button.innerHTML = value[0];<br>
<b>10751</b><br>
                button.value = value[1];<br>
<b>10752</b><br>
                button.addEventListener(&quot;click&quot;, passagebackgroundcolorexactupdate);<br>
<b>10753</b><br>
                passagebackgroundcolor.append(button);<br>
<b>10754</b><br>
            }<br>
<b>10755</b><br>
        }<br>
<b>10756</b><br>
        addEventListener(&quot;load&quot;, passagebackgroundcolorexactload);<br>
<b>10757</b><br>
        function passagebackgroundcolorexactupdate(e)<br>
<b>10758</b><br>
        {<br>
<b>10759</b><br>
            passagebackgroundcolorcolor.value = e.target.value;<br>
<b>10760</b><br>
            passagebackgroundcolorcolorupdate();<br>
<b>10761</b><br>
        }<br>
<b>10762</b><br>
        function passagebackgroundalphaload()<br>
<b>10763</b><br>
        {<br>
<b>10764</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>10765</b><br>
            div.id = &quot;passagebackgroundalpha&quot;;<br>
<b>10766</b><br>
            div.innerHTML = &quot;background-alpha&quot;;<br>
<b>10767</b><br>
            tabcontentpassage.append(div);<br>
<b>10768</b><br>
            const style = div.style;<br>
<b>10769</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>10770</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>10771</b><br>
        }<br>
<b>10772</b><br>
        addEventListener(&quot;load&quot;, passagebackgroundalphaload);<br>
<b>10773</b><br>
        function passagebackgroundalphanumberload()<br>
<b>10774</b><br>
        {<br>
<b>10775</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>10776</b><br>
            passagebackgroundalpha.append(br);<br>
<b>10777</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>10778</b><br>
            input.id = &quot;passagebackgroundalphanumber&quot;;<br>
<b>10779</b><br>
            input.max = 1;<br>
<b>10780</b><br>
            input.min = 0;<br>
<b>10781</b><br>
            input.step = 0.01;<br>
<b>10782</b><br>
            input.type = &quot;number&quot;;<br>
<b>10783</b><br>
            input.value = 0.5;<br>
<b>10784</b><br>
            input.addEventListener(&quot;input&quot;, passagebackgroundalphanumberupdate);<br>
<b>10785</b><br>
            passagebackgroundalpha.append(input);<br>
<b>10786</b><br>
            //passagebackgroundalphanumberset();<br>
<b>10787</b><br>
        }<br>
<b>10788</b><br>
        addEventListener(&quot;load&quot;, passagebackgroundalphanumberload);<br>
<b>10789</b><br>
        function passagebackgroundalphanumberset()<br>
<b>10790</b><br>
        {<br>
<b>10791</b><br>
            const c = passagebackgroundcolorcolor.value;<br>
<b>10792</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>10793</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>10794</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>10795</b><br>
            const a = passagebackgroundalphanumber.value;<br>
<b>10796</b><br>
            passagebackgroundalpharange.value = a;<br>
<b>10797</b><br>
            text.passagebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>10798</b><br>
        }<br>
<b>10799</b><br>
        function passagebackgroundalphanumberupdate()<br>
<b>10800</b><br>
        {<br>
<b>10801</b><br>
            passagebackgroundalphanumberset();<br>
<b>10802</b><br>
            svgupdate();<br>
<b>10803</b><br>
        }<br>
<b>10804</b><br>
        function passagebackgroundalpharangeload()<br>
<b>10805</b><br>
        {<br>
<b>10806</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>10807</b><br>
            input.id = &quot;passagebackgroundalpharange&quot;;<br>
<b>10808</b><br>
            input.max = passagebackgroundalphanumber.max;<br>
<b>10809</b><br>
            input.min = passagebackgroundalphanumber.min;<br>
<b>10810</b><br>
            input.step = passagebackgroundalphanumber.step;<br>
<b>10811</b><br>
            input.type = &quot;range&quot;;<br>
<b>10812</b><br>
            input.value = passagebackgroundalphanumber.value;<br>
<b>10813</b><br>
            input.addEventListener(&quot;input&quot;, passagebackgroundalpharangeupdate);<br>
<b>10814</b><br>
            passagebackgroundalpha.append(input);<br>
<b>10815</b><br>
            passagebackgroundalpharangeset();<br>
<b>10816</b><br>
        }<br>
<b>10817</b><br>
        addEventListener(&quot;load&quot;, passagebackgroundalpharangeload);<br>
<b>10818</b><br>
        function passagebackgroundalpharangeset()<br>
<b>10819</b><br>
        {<br>
<b>10820</b><br>
            const c = passagebackgroundcolorcolor.value;<br>
<b>10821</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>10822</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>10823</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>10824</b><br>
            const a = passagebackgroundalpharange.value;<br>
<b>10825</b><br>
            passagebackgroundalphanumber.value = a;<br>
<b>10826</b><br>
            text.passagebackgroundcolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>10827</b><br>
        }<br>
<b>10828</b><br>
        function passagebackgroundalpharangeupdate()<br>
<b>10829</b><br>
        {<br>
<b>10830</b><br>
            passagebackgroundalpharangeset();<br>
<b>10831</b><br>
            svgupdate();<br>
<b>10832</b><br>
        }<br>
<b>10833</b><br>
        function passagebackgroundalphaexactload()<br>
<b>10834</b><br>
        {<br>
<b>10835</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>10836</b><br>
            passagebackgroundalpha.append(br);<br>
<b>10837</b><br>
            const array =<br>
<b>10838</b><br>
            [<br>
<b>10839</b><br>
                [&quot;0&quot;,0],<br>
<b>10840</b><br>
                [&quot;0.25&quot;,0.25],<br>
<b>10841</b><br>
                [&quot;0.5&quot;,0.5],<br>
<b>10842</b><br>
                [&quot;0.75&quot;,0.75],<br>
<b>10843</b><br>
                [&quot;1&quot;,1],<br>
<b>10844</b><br>
            ];<br>
<b>10845</b><br>
            for(const value of array)<br>
<b>10846</b><br>
            {<br>
<b>10847</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>10848</b><br>
                button.innerHTML = value[0];<br>
<b>10849</b><br>
                button.value = value[1];<br>
<b>10850</b><br>
                button.addEventListener(&quot;click&quot;, passagebackgroundalphaexactupdate);<br>
<b>10851</b><br>
                passagebackgroundalpha.append(button);<br>
<b>10852</b><br>
            }<br>
<b>10853</b><br>
        }<br>
<b>10854</b><br>
        addEventListener(&quot;load&quot;, passagebackgroundalphaexactload);<br>
<b>10855</b><br>
        function passagebackgroundalphaexactupdate(e)<br>
<b>10856</b><br>
        {<br>
<b>10857</b><br>
            passagebackgroundalphanumber.value = Number(e.target.value);<br>
<b>10858</b><br>
            passagebackgroundalphanumberupdate();<br>
<b>10859</b><br>
        }<br>
<b>10860</b><br>
        function passagebackgroundalphaincrementload()<br>
<b>10861</b><br>
        {<br>
<b>10862</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>10863</b><br>
            passagebackgroundalpha.append(br);<br>
<b>10864</b><br>
            const array =<br>
<b>10865</b><br>
            [<br>
<b>10866</b><br>
                [&quot;-0.1&quot;,-0.1],<br>
<b>10867</b><br>
                [&quot;-0.01&quot;,-0.01],<br>
<b>10868</b><br>
                [&quot;+0.01&quot;,0.01],<br>
<b>10869</b><br>
                [&quot;+0.1&quot;,0.1],<br>
<b>10870</b><br>
            ];<br>
<b>10871</b><br>
            for(const value of array)<br>
<b>10872</b><br>
            {<br>
<b>10873</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>10874</b><br>
                button.innerHTML = value[0];<br>
<b>10875</b><br>
                button.value = value[1];<br>
<b>10876</b><br>
                button.addEventListener(&quot;click&quot;, passagebackgroundalphaincrementupdate);<br>
<b>10877</b><br>
                passagebackgroundalpha.append(button);<br>
<b>10878</b><br>
            }<br>
<b>10879</b><br>
        }<br>
<b>10880</b><br>
        addEventListener(&quot;load&quot;, passagebackgroundalphaincrementload);<br>
<b>10881</b><br>
        function passagebackgroundalphaincrementupdate(e)<br>
<b>10882</b><br>
        {<br>
<b>10883</b><br>
            let v = Number(passagebackgroundalphanumber.value) + Number(e.target.value);<br>
<b>10884</b><br>
            v = parseFloat(v.toFixed(2));<br>
<b>10885</b><br>
            if((passagebackgroundalphanumber.min &lt;= v) &amp;&amp; (v &lt;= passagebackgroundalphanumber.max))<br>
<b>10886</b><br>
            {<br>
<b>10887</b><br>
                passagebackgroundalphanumber.value = v;<br>
<b>10888</b><br>
                passagebackgroundalphanumberupdate();<br>
<b>10889</b><br>
            }<br>
<b>10890</b><br>
        }<br>
<b>10891</b><br>
        function passagebordercolorload()<br>
<b>10892</b><br>
        {<br>
<b>10893</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>10894</b><br>
            div.id = &quot;passagebordercolor&quot;;<br>
<b>10895</b><br>
            div.innerHTML = &quot;border-color&quot;;<br>
<b>10896</b><br>
            tabcontentpassage.append(div);<br>
<b>10897</b><br>
        }<br>
<b>10898</b><br>
        addEventListener(&quot;load&quot;, passagebordercolorload);<br>
<b>10899</b><br>
        function passagebordercolorcolorload()<br>
<b>10900</b><br>
        {<br>
<b>10901</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>10902</b><br>
            passagebordercolor.append(br);<br>
<b>10903</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>10904</b><br>
            input.id = &quot;passagebordercolorcolor&quot;;<br>
<b>10905</b><br>
            input.type = &quot;color&quot;;<br>
<b>10906</b><br>
            input.value = &quot;#000000&quot;;<br>
<b>10907</b><br>
            input.addEventListener(&quot;input&quot;, passagebordercolorcolorupdate);<br>
<b>10908</b><br>
            passagebordercolor.append(input);<br>
<b>10909</b><br>
            //passagebordercolorcolorset();<br>
<b>10910</b><br>
        }<br>
<b>10911</b><br>
        addEventListener(&quot;load&quot;, passagebordercolorcolorload);<br>
<b>10912</b><br>
        function passagebordercolorcolorset()<br>
<b>10913</b><br>
        {<br>
<b>10914</b><br>
            const c = passagebordercolorcolor.value;<br>
<b>10915</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>10916</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>10917</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>10918</b><br>
            const a = passageborderalphanumber.value;<br>
<b>10919</b><br>
            text.passagebordercolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>10920</b><br>
        }<br>
<b>10921</b><br>
        function passagebordercolorcolorupdate()<br>
<b>10922</b><br>
        {<br>
<b>10923</b><br>
            passagebordercolorcolorset();<br>
<b>10924</b><br>
            svgupdate();<br>
<b>10925</b><br>
        }<br>
<b>10926</b><br>
        function passagebordercolorexactload()<br>
<b>10927</b><br>
        {<br>
<b>10928</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>10929</b><br>
            passagebordercolor.append(br);<br>
<b>10930</b><br>
            const array =<br>
<b>10931</b><br>
            [<br>
<b>10932</b><br>
                [&quot;black&quot;,&quot;#000000&quot;],<br>
<b>10933</b><br>
                [&quot;white&quot;,&quot;#ffffff&quot;],<br>
<b>10934</b><br>
            ];<br>
<b>10935</b><br>
            for(const value of array)<br>
<b>10936</b><br>
            {<br>
<b>10937</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>10938</b><br>
                button.innerHTML = value[0];<br>
<b>10939</b><br>
                button.value = value[1];<br>
<b>10940</b><br>
                button.addEventListener(&quot;click&quot;, passagebordercolorexactupdate);<br>
<b>10941</b><br>
                passagebordercolor.append(button);<br>
<b>10942</b><br>
            }<br>
<b>10943</b><br>
        }<br>
<b>10944</b><br>
        addEventListener(&quot;load&quot;, passagebordercolorexactload);<br>
<b>10945</b><br>
        function passagebordercolorexactupdate(e)<br>
<b>10946</b><br>
        {<br>
<b>10947</b><br>
            passagebordercolorcolor.value = e.target.value;<br>
<b>10948</b><br>
            passagebordercolorcolorupdate();<br>
<b>10949</b><br>
        }<br>
<b>10950</b><br>
        function passageborderalphaload()<br>
<b>10951</b><br>
        {<br>
<b>10952</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>10953</b><br>
            div.id = &quot;passageborderalpha&quot;;<br>
<b>10954</b><br>
            div.innerHTML = &quot;border-alpha&quot;;<br>
<b>10955</b><br>
            tabcontentpassage.append(div);<br>
<b>10956</b><br>
            const style = div.style;<br>
<b>10957</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>10958</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>10959</b><br>
        }<br>
<b>10960</b><br>
        addEventListener(&quot;load&quot;, passageborderalphaload);<br>
<b>10961</b><br>
        function passageborderalphanumberload()<br>
<b>10962</b><br>
        {<br>
<b>10963</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>10964</b><br>
            passageborderalpha.append(br);<br>
<b>10965</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>10966</b><br>
            input.id = &quot;passageborderalphanumber&quot;;<br>
<b>10967</b><br>
            input.max = 1;<br>
<b>10968</b><br>
            input.min = 0;<br>
<b>10969</b><br>
            input.step = 0.01;<br>
<b>10970</b><br>
            input.type = &quot;number&quot;;<br>
<b>10971</b><br>
            input.value = 1;<br>
<b>10972</b><br>
            input.addEventListener(&quot;input&quot;, passageborderalphanumberupdate);<br>
<b>10973</b><br>
            passageborderalpha.append(input);<br>
<b>10974</b><br>
            //passageborderalphanumberset();<br>
<b>10975</b><br>
        }<br>
<b>10976</b><br>
        addEventListener(&quot;load&quot;, passageborderalphanumberload);<br>
<b>10977</b><br>
        function passageborderalphanumberset()<br>
<b>10978</b><br>
        {<br>
<b>10979</b><br>
            const c = passagebordercolorcolor.value;<br>
<b>10980</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>10981</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>10982</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>10983</b><br>
            const a = passageborderalphanumber.value;<br>
<b>10984</b><br>
            passageborderalpharange.value = a;<br>
<b>10985</b><br>
            text.passagebordercolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>10986</b><br>
        }<br>
<b>10987</b><br>
        function passageborderalphanumberupdate()<br>
<b>10988</b><br>
        {<br>
<b>10989</b><br>
            passageborderalphanumberset();<br>
<b>10990</b><br>
            svgupdate();<br>
<b>10991</b><br>
        }<br>
<b>10992</b><br>
        function passageborderalpharangeload()<br>
<b>10993</b><br>
        {<br>
<b>10994</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>10995</b><br>
            input.id = &quot;passageborderalpharange&quot;;<br>
<b>10996</b><br>
            input.max = passageborderalphanumber.max;<br>
<b>10997</b><br>
            input.min = passageborderalphanumber.min;<br>
<b>10998</b><br>
            input.step = passageborderalphanumber.step;<br>
<b>10999</b><br>
            input.type = &quot;range&quot;;<br>
<b>11000</b><br>
            input.value = passageborderalphanumber.value;<br>
<b>11001</b><br>
            input.addEventListener(&quot;input&quot;, passageborderalpharangeupdate);<br>
<b>11002</b><br>
            passageborderalpha.append(input);<br>
<b>11003</b><br>
            passageborderalpharangeset();<br>
<b>11004</b><br>
        }<br>
<b>11005</b><br>
        addEventListener(&quot;load&quot;, passageborderalpharangeload);<br>
<b>11006</b><br>
        function passageborderalpharangeset()<br>
<b>11007</b><br>
        {<br>
<b>11008</b><br>
            const c = passagebordercolorcolor.value;<br>
<b>11009</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>11010</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>11011</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>11012</b><br>
            const a = passageborderalpharange.value;<br>
<b>11013</b><br>
            passageborderalphanumber.value = a;<br>
<b>11014</b><br>
            text.passagebordercolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>11015</b><br>
        }<br>
<b>11016</b><br>
        function passageborderalpharangeupdate()<br>
<b>11017</b><br>
        {<br>
<b>11018</b><br>
            passageborderalpharangeset();<br>
<b>11019</b><br>
            svgupdate();<br>
<b>11020</b><br>
        }<br>
<b>11021</b><br>
        function passageborderalphaexactload()<br>
<b>11022</b><br>
        {<br>
<b>11023</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>11024</b><br>
            passageborderalpha.append(br);<br>
<b>11025</b><br>
            const array =<br>
<b>11026</b><br>
            [<br>
<b>11027</b><br>
                [&quot;0&quot;,0],<br>
<b>11028</b><br>
                [&quot;0.25&quot;,0.25],<br>
<b>11029</b><br>
                [&quot;0.5&quot;,0.5],<br>
<b>11030</b><br>
                [&quot;0.75&quot;,0.75],<br>
<b>11031</b><br>
                [&quot;1&quot;,1],<br>
<b>11032</b><br>
            ];<br>
<b>11033</b><br>
            for(const value of array)<br>
<b>11034</b><br>
            {<br>
<b>11035</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>11036</b><br>
                button.innerHTML = value[0];<br>
<b>11037</b><br>
                button.value = value[1];<br>
<b>11038</b><br>
                button.addEventListener(&quot;click&quot;, passageborderalphaexactupdate);<br>
<b>11039</b><br>
                passageborderalpha.append(button);<br>
<b>11040</b><br>
            }<br>
<b>11041</b><br>
        }<br>
<b>11042</b><br>
        addEventListener(&quot;load&quot;, passageborderalphaexactload);<br>
<b>11043</b><br>
        function passageborderalphaexactupdate(e)<br>
<b>11044</b><br>
        {<br>
<b>11045</b><br>
            passageborderalphanumber.value = Number(e.target.value);<br>
<b>11046</b><br>
            passageborderalphanumberupdate();<br>
<b>11047</b><br>
        }<br>
<b>11048</b><br>
        function passageborderalphaincrementload()<br>
<b>11049</b><br>
        {<br>
<b>11050</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>11051</b><br>
            passageborderalpha.append(br);<br>
<b>11052</b><br>
            const array =<br>
<b>11053</b><br>
            [<br>
<b>11054</b><br>
                [&quot;-0.1&quot;,-0.1],<br>
<b>11055</b><br>
                [&quot;-0.01&quot;,-0.01],<br>
<b>11056</b><br>
                [&quot;+0.01&quot;,0.01],<br>
<b>11057</b><br>
                [&quot;+0.1&quot;,0.1],<br>
<b>11058</b><br>
            ];<br>
<b>11059</b><br>
            for(const value of array)<br>
<b>11060</b><br>
            {<br>
<b>11061</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>11062</b><br>
                button.innerHTML = value[0];<br>
<b>11063</b><br>
                button.value = value[1];<br>
<b>11064</b><br>
                button.addEventListener(&quot;click&quot;, passageborderalphaincrementupdate);<br>
<b>11065</b><br>
                passageborderalpha.append(button);<br>
<b>11066</b><br>
            }<br>
<b>11067</b><br>
        }<br>
<b>11068</b><br>
        addEventListener(&quot;load&quot;, passageborderalphaincrementload);<br>
<b>11069</b><br>
        function passageborderalphaincrementupdate(e)<br>
<b>11070</b><br>
        {<br>
<b>11071</b><br>
            let v = Number(passageborderalphanumber.value) + Number(e.target.value);<br>
<b>11072</b><br>
            v = parseFloat(v.toFixed(2));<br>
<b>11073</b><br>
            if((passageborderalphanumber.min &lt;= v) &amp;&amp; (v &lt;= passageborderalphanumber.max))<br>
<b>11074</b><br>
            {<br>
<b>11075</b><br>
                passageborderalphanumber.value = v;<br>
<b>11076</b><br>
                passageborderalphanumberupdate();<br>
<b>11077</b><br>
            }<br>
<b>11078</b><br>
        }<br>
<b>11079</b><br>
        function passageborderradiusload()<br>
<b>11080</b><br>
        {<br>
<b>11081</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>11082</b><br>
            div.id = &quot;passageborderradius&quot;;<br>
<b>11083</b><br>
            div.innerHTML = &quot;border-radius&quot;;<br>
<b>11084</b><br>
            tabcontentpassage.append(div);<br>
<b>11085</b><br>
            const style = div.style;<br>
<b>11086</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>11087</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>11088</b><br>
        }<br>
<b>11089</b><br>
        addEventListener(&quot;load&quot;, passageborderradiusload);<br>
<b>11090</b><br>
        function passageborderradiusnumberload()<br>
<b>11091</b><br>
        {<br>
<b>11092</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>11093</b><br>
            passageborderradius.append(br);<br>
<b>11094</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>11095</b><br>
            input.id = &quot;passageborderradiusnumber&quot;;<br>
<b>11096</b><br>
            input.max = 1000;<br>
<b>11097</b><br>
            input.min = 0;<br>
<b>11098</b><br>
            input.type = &quot;number&quot;;<br>
<b>11099</b><br>
            input.value = 50;<br>
<b>11100</b><br>
            input.addEventListener(&quot;input&quot;, passageborderradiusnumberupdate);<br>
<b>11101</b><br>
            passageborderradius.append(input);<br>
<b>11102</b><br>
            //passageborderradiusnumberset();<br>
<b>11103</b><br>
        }<br>
<b>11104</b><br>
        addEventListener(&quot;load&quot;, passageborderradiusnumberload);<br>
<b>11105</b><br>
        function passageborderradiusnumberset()<br>
<b>11106</b><br>
        {<br>
<b>11107</b><br>
            const v = Number(passageborderradiusnumber.value);<br>
<b>11108</b><br>
            passageborderradiusrange.value = v;<br>
<b>11109</b><br>
            text.passageborderradius = v;<br>
<b>11110</b><br>
        }<br>
<b>11111</b><br>
        function passageborderradiusnumberupdate()<br>
<b>11112</b><br>
        {<br>
<b>11113</b><br>
            passageborderradiusnumberset();<br>
<b>11114</b><br>
            svgupdate();<br>
<b>11115</b><br>
        }<br>
<b>11116</b><br>
        function passageborderradiusrangeload()<br>
<b>11117</b><br>
        {<br>
<b>11118</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>11119</b><br>
            input.id = &quot;passageborderradiusrange&quot;;<br>
<b>11120</b><br>
            input.max = passageborderradiusnumber.max;<br>
<b>11121</b><br>
            input.min = passageborderradiusnumber.min;<br>
<b>11122</b><br>
            input.type = &quot;range&quot;;<br>
<b>11123</b><br>
            input.value = passageborderradiusnumber.value;<br>
<b>11124</b><br>
            input.addEventListener(&quot;input&quot;, passageborderradiusrangeupdate);<br>
<b>11125</b><br>
            passageborderradius.append(input);<br>
<b>11126</b><br>
            passageborderradiusrangeset();<br>
<b>11127</b><br>
        }<br>
<b>11128</b><br>
        addEventListener(&quot;load&quot;, passageborderradiusrangeload);<br>
<b>11129</b><br>
        function passageborderradiusrangeset()<br>
<b>11130</b><br>
        {<br>
<b>11131</b><br>
            const v = Number(passageborderradiusrange.value);<br>
<b>11132</b><br>
            passageborderradiusnumber.value = v;<br>
<b>11133</b><br>
            text.passageborderradius = v;<br>
<b>11134</b><br>
        }<br>
<b>11135</b><br>
        function passageborderradiusrangeupdate()<br>
<b>11136</b><br>
        {<br>
<b>11137</b><br>
            passageborderradiusrangeset();<br>
<b>11138</b><br>
            svgupdate();<br>
<b>11139</b><br>
        }<br>
<b>11140</b><br>
        function passageborderradiusexactload()<br>
<b>11141</b><br>
        {<br>
<b>11142</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>11143</b><br>
            passageborderradius.append(br);<br>
<b>11144</b><br>
            const array =<br>
<b>11145</b><br>
            [<br>
<b>11146</b><br>
                [&quot;0&quot;,0],<br>
<b>11147</b><br>
                [&quot;50&quot;,50],<br>
<b>11148</b><br>
                [&quot;100&quot;,100],<br>
<b>11149</b><br>
                [&quot;250&quot;,250],<br>
<b>11150</b><br>
                [&quot;500&quot;,500],<br>
<b>11151</b><br>
                [&quot;1000&quot;,1000],<br>
<b>11152</b><br>
            ];<br>
<b>11153</b><br>
            for(const value of array)<br>
<b>11154</b><br>
            {<br>
<b>11155</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>11156</b><br>
                button.innerHTML = value[0];<br>
<b>11157</b><br>
                button.value = value[1];<br>
<b>11158</b><br>
                button.addEventListener(&quot;click&quot;, passageborderradiusexactupdate);<br>
<b>11159</b><br>
                passageborderradius.append(button);<br>
<b>11160</b><br>
            }<br>
<b>11161</b><br>
        }<br>
<b>11162</b><br>
        addEventListener(&quot;load&quot;, passageborderradiusexactload);<br>
<b>11163</b><br>
        function passageborderradiusexactupdate(e)<br>
<b>11164</b><br>
        {<br>
<b>11165</b><br>
            passageborderradiusnumber.value = Number(e.target.value);<br>
<b>11166</b><br>
            passageborderradiusnumberupdate();<br>
<b>11167</b><br>
        }<br>
<b>11168</b><br>
        function passageborderradiusincrementload()<br>
<b>11169</b><br>
        {<br>
<b>11170</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>11171</b><br>
            passageborderradius.append(br);<br>
<b>11172</b><br>
            const array =<br>
<b>11173</b><br>
            [<br>
<b>11174</b><br>
                [&quot;-100&quot;,-100],<br>
<b>11175</b><br>
                [&quot;-10&quot;,-10],<br>
<b>11176</b><br>
                [&quot;-1&quot;,-1],<br>
<b>11177</b><br>
                [&quot;+1&quot;,1],<br>
<b>11178</b><br>
                [&quot;+10&quot;,10],<br>
<b>11179</b><br>
                [&quot;+100&quot;,100],<br>
<b>11180</b><br>
            ];<br>
<b>11181</b><br>
            for(const value of array)<br>
<b>11182</b><br>
            {<br>
<b>11183</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>11184</b><br>
                button.innerHTML = value[0];<br>
<b>11185</b><br>
                button.value = value[1];<br>
<b>11186</b><br>
                button.addEventListener(&quot;click&quot;, passageborderradiusincrementupdate);<br>
<b>11187</b><br>
                passageborderradius.append(button);<br>
<b>11188</b><br>
            }<br>
<b>11189</b><br>
        }<br>
<b>11190</b><br>
        addEventListener(&quot;load&quot;, passageborderradiusincrementload);<br>
<b>11191</b><br>
        function passageborderradiusincrementupdate(e)<br>
<b>11192</b><br>
        {<br>
<b>11193</b><br>
            const v = Number(passageborderradiusnumber.value) + Number(e.target.value);<br>
<b>11194</b><br>
            if((passageborderradiusnumber.min &lt;= v) &amp;&amp; (v &lt;= passageborderradiusnumber.max))<br>
<b>11195</b><br>
            {<br>
<b>11196</b><br>
                passageborderradiusnumber.value = v;<br>
<b>11197</b><br>
                passageborderradiusnumberupdate();<br>
<b>11198</b><br>
            }<br>
<b>11199</b><br>
        }<br>
<b>11200</b><br>
        function passageborderstyleload()<br>
<b>11201</b><br>
        {<br>
<b>11202</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>11203</b><br>
            div.id = &quot;passageborderstyle&quot;;<br>
<b>11204</b><br>
            div.innerHTML = &quot;border-style&quot;;<br>
<b>11205</b><br>
            tabcontentpassage.append(div);<br>
<b>11206</b><br>
        }<br>
<b>11207</b><br>
        addEventListener(&quot;load&quot;, passageborderstyleload);<br>
<b>11208</b><br>
        function passageborderstyleselectload()<br>
<b>11209</b><br>
        {<br>
<b>11210</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>11211</b><br>
            passageborderstyle.append(br);<br>
<b>11212</b><br>
            const select = document.createElement(&quot;select&quot;);<br>
<b>11213</b><br>
            select.id = &quot;passageborderstyleselect&quot;;<br>
<b>11214</b><br>
            select.addEventListener(&quot;input&quot;, passageborderstyleselectupdate);<br>
<b>11215</b><br>
            passageborderstyle.append(select);<br>
<b>11216</b><br>
            for(const value of borderstylearray)<br>
<b>11217</b><br>
            {<br>
<b>11218</b><br>
                const option = document.createElement(&quot;option&quot;);<br>
<b>11219</b><br>
                option.innerHTML = value;<br>
<b>11220</b><br>
                select.add(option);<br>
<b>11221</b><br>
            }<br>
<b>11222</b><br>
            //select.value = borderstylearray[8];<br>
<b>11223</b><br>
            passageborderstyleselectset();<br>
<b>11224</b><br>
        }<br>
<b>11225</b><br>
        addEventListener(&quot;load&quot;, passageborderstyleselectload);<br>
<b>11226</b><br>
        function passageborderstyleselectset()<br>
<b>11227</b><br>
        {<br>
<b>11228</b><br>
            text.passageborderstyle = passageborderstyleselect.value;<br>
<b>11229</b><br>
        }<br>
<b>11230</b><br>
        function passageborderstyleselectupdate()<br>
<b>11231</b><br>
        {<br>
<b>11232</b><br>
            passageborderstyleselectset();<br>
<b>11233</b><br>
            svgupdate();<br>
<b>11234</b><br>
        }<br>
<b>11235</b><br>
        function passageborderwidthload()<br>
<b>11236</b><br>
        {<br>
<b>11237</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>11238</b><br>
            div.id = &quot;passageborderwidth&quot;;<br>
<b>11239</b><br>
            div.innerHTML = &quot;border-width&quot;;<br>
<b>11240</b><br>
            tabcontentpassage.append(div);<br>
<b>11241</b><br>
            const style = div.style;<br>
<b>11242</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>11243</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>11244</b><br>
        }<br>
<b>11245</b><br>
        addEventListener(&quot;load&quot;, passageborderwidthload);<br>
<b>11246</b><br>
        function passageborderwidthnumberload()<br>
<b>11247</b><br>
        {<br>
<b>11248</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>11249</b><br>
            passageborderwidth.append(br);<br>
<b>11250</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>11251</b><br>
            input.id = &quot;passageborderwidthnumber&quot;;<br>
<b>11252</b><br>
            input.max = 1000;<br>
<b>11253</b><br>
            input.min = 0;<br>
<b>11254</b><br>
            input.type = &quot;number&quot;;<br>
<b>11255</b><br>
            input.value = 25;<br>
<b>11256</b><br>
            input.addEventListener(&quot;input&quot;, passageborderwidthnumberupdate);<br>
<b>11257</b><br>
            passageborderwidth.append(input);<br>
<b>11258</b><br>
            //passageborderwidthnumberset();<br>
<b>11259</b><br>
        }<br>
<b>11260</b><br>
        addEventListener(&quot;load&quot;, passageborderwidthnumberload);<br>
<b>11261</b><br>
        function passageborderwidthnumberset()<br>
<b>11262</b><br>
        {<br>
<b>11263</b><br>
            const v = Number(passageborderwidthnumber.value);<br>
<b>11264</b><br>
            passageborderwidthrange.value = v;<br>
<b>11265</b><br>
            text.passageborderwidth = v;<br>
<b>11266</b><br>
        }<br>
<b>11267</b><br>
        function passageborderwidthnumberupdate()<br>
<b>11268</b><br>
        {<br>
<b>11269</b><br>
            passageborderwidthnumberset();<br>
<b>11270</b><br>
            svgupdate();<br>
<b>11271</b><br>
        }<br>
<b>11272</b><br>
        function passageborderwidthrangeload()<br>
<b>11273</b><br>
        {<br>
<b>11274</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>11275</b><br>
            input.id = &quot;passageborderwidthrange&quot;;<br>
<b>11276</b><br>
            input.max = passageborderwidthnumber.max;<br>
<b>11277</b><br>
            input.min = passageborderwidthnumber.min;<br>
<b>11278</b><br>
            input.type = &quot;range&quot;;<br>
<b>11279</b><br>
            input.value = passageborderwidthnumber.value;<br>
<b>11280</b><br>
            input.addEventListener(&quot;input&quot;, passageborderwidthrangeupdate);<br>
<b>11281</b><br>
            passageborderwidth.append(input);<br>
<b>11282</b><br>
            passageborderwidthrangeset();<br>
<b>11283</b><br>
        }<br>
<b>11284</b><br>
        addEventListener(&quot;load&quot;, passageborderwidthrangeload);<br>
<b>11285</b><br>
        function passageborderwidthrangeset()<br>
<b>11286</b><br>
        {<br>
<b>11287</b><br>
            const v = Number(passageborderwidthrange.value);<br>
<b>11288</b><br>
            passageborderwidthnumber.value = v;<br>
<b>11289</b><br>
            text.passageborderwidth = v;<br>
<b>11290</b><br>
        }<br>
<b>11291</b><br>
        function passageborderwidthrangeupdate()<br>
<b>11292</b><br>
        {<br>
<b>11293</b><br>
            passageborderwidthrangeset();<br>
<b>11294</b><br>
            svgupdate();<br>
<b>11295</b><br>
        }<br>
<b>11296</b><br>
        function passageborderwidthexactload()<br>
<b>11297</b><br>
        {<br>
<b>11298</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>11299</b><br>
            passageborderwidth.append(br);<br>
<b>11300</b><br>
            const array =<br>
<b>11301</b><br>
            [<br>
<b>11302</b><br>
                [&quot;0&quot;,0],<br>
<b>11303</b><br>
                [&quot;50&quot;,50],<br>
<b>11304</b><br>
                [&quot;100&quot;,100],<br>
<b>11305</b><br>
                [&quot;250&quot;,250],<br>
<b>11306</b><br>
                [&quot;500&quot;,500],<br>
<b>11307</b><br>
                [&quot;1000&quot;,1000],<br>
<b>11308</b><br>
            ];<br>
<b>11309</b><br>
            for(const value of array)<br>
<b>11310</b><br>
            {<br>
<b>11311</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>11312</b><br>
                button.innerHTML = value[0];<br>
<b>11313</b><br>
                button.value = value[1];<br>
<b>11314</b><br>
                button.addEventListener(&quot;click&quot;, passageborderwidthexactupdate);<br>
<b>11315</b><br>
                passageborderwidth.append(button);<br>
<b>11316</b><br>
            }<br>
<b>11317</b><br>
        }<br>
<b>11318</b><br>
        addEventListener(&quot;load&quot;, passageborderwidthexactload);<br>
<b>11319</b><br>
        function passageborderwidthexactupdate(e)<br>
<b>11320</b><br>
        {<br>
<b>11321</b><br>
            passageborderwidthnumber.value = Number(e.target.value);<br>
<b>11322</b><br>
            passageborderwidthnumberupdate();<br>
<b>11323</b><br>
        }<br>
<b>11324</b><br>
        function passageborderwidthincrementload()<br>
<b>11325</b><br>
        {<br>
<b>11326</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>11327</b><br>
            passageborderwidth.append(br);<br>
<b>11328</b><br>
            const array =<br>
<b>11329</b><br>
            [<br>
<b>11330</b><br>
                [&quot;-100&quot;,-100],<br>
<b>11331</b><br>
                [&quot;-10&quot;,-10],<br>
<b>11332</b><br>
                [&quot;-1&quot;,-1],<br>
<b>11333</b><br>
                [&quot;+1&quot;,1],<br>
<b>11334</b><br>
                [&quot;+10&quot;,10],<br>
<b>11335</b><br>
                [&quot;+100&quot;,100],<br>
<b>11336</b><br>
            ];<br>
<b>11337</b><br>
            for(const value of array)<br>
<b>11338</b><br>
            {<br>
<b>11339</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>11340</b><br>
                button.innerHTML = value[0];<br>
<b>11341</b><br>
                button.value = value[1];<br>
<b>11342</b><br>
                button.addEventListener(&quot;click&quot;, passageborderwidthincrementupdate);<br>
<b>11343</b><br>
                passageborderwidth.append(button);<br>
<b>11344</b><br>
            }<br>
<b>11345</b><br>
        }<br>
<b>11346</b><br>
        addEventListener(&quot;load&quot;, passageborderwidthincrementload);<br>
<b>11347</b><br>
        function passageborderwidthincrementupdate(e)<br>
<b>11348</b><br>
        {<br>
<b>11349</b><br>
            const v = Number(passageborderwidthnumber.value) + Number(e.target.value);<br>
<b>11350</b><br>
            if((passageborderwidthnumber.min &lt;= v) &amp;&amp; (v &lt;= passageborderwidthnumber.max))<br>
<b>11351</b><br>
            {<br>
<b>11352</b><br>
                passageborderwidthnumber.value = v;<br>
<b>11353</b><br>
                passageborderwidthnumberupdate();<br>
<b>11354</b><br>
            }<br>
<b>11355</b><br>
        }<br>
<b>11356</b><br>
        function passagehorizontalload()<br>
<b>11357</b><br>
        {<br>
<b>11358</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>11359</b><br>
            div.id = &quot;passagehorizontal&quot;;<br>
<b>11360</b><br>
            div.innerHTML = &quot;horizontal&quot;;<br>
<b>11361</b><br>
            tabcontentpassage.append(div);<br>
<b>11362</b><br>
        }<br>
<b>11363</b><br>
        addEventListener(&quot;load&quot;, passagehorizontalload);<br>
<b>11364</b><br>
        function passagehorizontalselectload()<br>
<b>11365</b><br>
        {<br>
<b>11366</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>11367</b><br>
            passagehorizontal.append(br);<br>
<b>11368</b><br>
            const select = document.createElement(&quot;select&quot;);<br>
<b>11369</b><br>
            select.id = &quot;passagehorizontalselect&quot;;<br>
<b>11370</b><br>
            select.addEventListener(&quot;input&quot;, passagehorizontalselectupdate);<br>
<b>11371</b><br>
            passagehorizontal.append(select);<br>
<b>11372</b><br>
            for(const value of horizontalarray)<br>
<b>11373</b><br>
            {<br>
<b>11374</b><br>
                const option = document.createElement(&quot;option&quot;);<br>
<b>11375</b><br>
                option.innerHTML = value;<br>
<b>11376</b><br>
                select.add(option);<br>
<b>11377</b><br>
            }<br>
<b>11378</b><br>
            select.value = horizontalarray[1];<br>
<b>11379</b><br>
            passagehorizontalselectset();<br>
<b>11380</b><br>
        }<br>
<b>11381</b><br>
        addEventListener(&quot;load&quot;, passagehorizontalselectload);<br>
<b>11382</b><br>
        function passagehorizontalselectset()<br>
<b>11383</b><br>
        {<br>
<b>11384</b><br>
            text.passagehorizontal = passagehorizontalselect.value;<br>
<b>11385</b><br>
        }<br>
<b>11386</b><br>
        function passagehorizontalselectupdate()<br>
<b>11387</b><br>
        {<br>
<b>11388</b><br>
            passagehorizontalselectset();<br>
<b>11389</b><br>
            svgupdate();<br>
<b>11390</b><br>
        }<br>
<b>11391</b><br>
        function passageverticalload()<br>
<b>11392</b><br>
        {<br>
<b>11393</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>11394</b><br>
            div.id = &quot;passagevertical&quot;;<br>
<b>11395</b><br>
            div.innerHTML = &quot;vertical&quot;;<br>
<b>11396</b><br>
            tabcontentpassage.append(div);<br>
<b>11397</b><br>
        }<br>
<b>11398</b><br>
        addEventListener(&quot;load&quot;, passageverticalload);<br>
<b>11399</b><br>
        function passageverticalselectload()<br>
<b>11400</b><br>
        {<br>
<b>11401</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>11402</b><br>
            passagevertical.append(br);<br>
<b>11403</b><br>
            const select = document.createElement(&quot;select&quot;);<br>
<b>11404</b><br>
            select.id = &quot;passageverticalselect&quot;;<br>
<b>11405</b><br>
            select.addEventListener(&quot;input&quot;, passageverticalselectupdate);<br>
<b>11406</b><br>
            passagevertical.append(select);<br>
<b>11407</b><br>
            for(const value of verticalarray)<br>
<b>11408</b><br>
            {<br>
<b>11409</b><br>
                const option = document.createElement(&quot;option&quot;);<br>
<b>11410</b><br>
                option.innerHTML = value;<br>
<b>11411</b><br>
                select.add(option);<br>
<b>11412</b><br>
            }<br>
<b>11413</b><br>
            select.value = verticalarray[1];<br>
<b>11414</b><br>
            passageverticalselectset();<br>
<b>11415</b><br>
        }<br>
<b>11416</b><br>
        addEventListener(&quot;load&quot;, passageverticalselectload);<br>
<b>11417</b><br>
        function passageverticalselectset()<br>
<b>11418</b><br>
        {<br>
<b>11419</b><br>
            text.passagevertical = passageverticalselect.value;<br>
<b>11420</b><br>
        }<br>
<b>11421</b><br>
        function passageverticalselectupdate()<br>
<b>11422</b><br>
        {<br>
<b>11423</b><br>
            passageverticalselectset();<br>
<b>11424</b><br>
            svgupdate();<br>
<b>11425</b><br>
        }<br>
<b>11426</b><br>
        function passagewritingmodeload()<br>
<b>11427</b><br>
        {<br>
<b>11428</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>11429</b><br>
            div.id = &quot;passagewritingmode&quot;;<br>
<b>11430</b><br>
            div.innerHTML = &quot;writing-mode&quot;;<br>
<b>11431</b><br>
            tabcontentpassage.append(div);<br>
<b>11432</b><br>
        }<br>
<b>11433</b><br>
        addEventListener(&quot;load&quot;, passagewritingmodeload);<br>
<b>11434</b><br>
        function passagewritingmodeselectload()<br>
<b>11435</b><br>
        {<br>
<b>11436</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>11437</b><br>
            passagewritingmode.append(br);<br>
<b>11438</b><br>
            const select = document.createElement(&quot;select&quot;);<br>
<b>11439</b><br>
            select.id = &quot;passagewritingmodeselect&quot;;<br>
<b>11440</b><br>
            select.addEventListener(&quot;input&quot;, passagewritingmodeselectupdate);<br>
<b>11441</b><br>
            passagewritingmode.append(select);<br>
<b>11442</b><br>
            for(const value of writingmodearray)<br>
<b>11443</b><br>
            {<br>
<b>11444</b><br>
                const option = document.createElement(&quot;option&quot;);<br>
<b>11445</b><br>
                option.innerHTML = value;<br>
<b>11446</b><br>
                select.add(option);<br>
<b>11447</b><br>
            }<br>
<b>11448</b><br>
            passagewritingmodeselectset();<br>
<b>11449</b><br>
        }<br>
<b>11450</b><br>
        addEventListener(&quot;load&quot;, passagewritingmodeselectload);<br>
<b>11451</b><br>
        function passagewritingmodeselectset()<br>
<b>11452</b><br>
        {<br>
<b>11453</b><br>
            text.passagewritingmode = passagewritingmodeselect.value;<br>
<b>11454</b><br>
        }<br>
<b>11455</b><br>
        function passagewritingmodeselectupdate()<br>
<b>11456</b><br>
        {<br>
<b>11457</b><br>
            passagewritingmodeselectset();<br>
<b>11458</b><br>
            svgupdate();<br>
<b>11459</b><br>
        }<br>
<b>11460</b><br>
        function passagefontfamilyload()<br>
<b>11461</b><br>
        {<br>
<b>11462</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>11463</b><br>
            div.id = &quot;passagefontfamily&quot;;<br>
<b>11464</b><br>
            div.innerHTML = &quot;font-family&quot;;<br>
<b>11465</b><br>
            tabcontentpassage.append(div);<br>
<b>11466</b><br>
        }<br>
<b>11467</b><br>
        addEventListener(&quot;load&quot;, passagefontfamilyload);<br>
<b>11468</b><br>
        function passagefontfamilyselectload()<br>
<b>11469</b><br>
        {<br>
<b>11470</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>11471</b><br>
            passagefontfamily.append(br);<br>
<b>11472</b><br>
            const select = document.createElement(&quot;select&quot;);<br>
<b>11473</b><br>
            select.id = &quot;passagefontfamilyselect&quot;;<br>
<b>11474</b><br>
            select.addEventListener(&quot;input&quot;, passagefontfamilyselectupdate);<br>
<b>11475</b><br>
            passagefontfamily.append(select);<br>
<b>11476</b><br>
            for(const value of fontfamilyarray)<br>
<b>11477</b><br>
            {<br>
<b>11478</b><br>
                const option = document.createElement(&quot;option&quot;);<br>
<b>11479</b><br>
                option.innerHTML = value;<br>
<b>11480</b><br>
                select.add(option);<br>
<b>11481</b><br>
            }<br>
<b>11482</b><br>
            passagefontfamilyselectset();<br>
<b>11483</b><br>
        }<br>
<b>11484</b><br>
        addEventListener(&quot;load&quot;, passagefontfamilyselectload);<br>
<b>11485</b><br>
        function passagefontfamilyselectset()<br>
<b>11486</b><br>
        {<br>
<b>11487</b><br>
            text.passagefontfamily = passagefontfamilyselect.value;<br>
<b>11488</b><br>
        }<br>
<b>11489</b><br>
        function passagefontfamilyselectupdate()<br>
<b>11490</b><br>
        {<br>
<b>11491</b><br>
            passagefontfamilyselectset();<br>
<b>11492</b><br>
            svgupdate();<br>
<b>11493</b><br>
        }<br>
<b>11494</b><br>
        function passagefontsizeload()<br>
<b>11495</b><br>
        {<br>
<b>11496</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>11497</b><br>
            div.id = &quot;passagefontsize&quot;;<br>
<b>11498</b><br>
            div.innerHTML = &quot;font-size&quot;;<br>
<b>11499</b><br>
            tabcontentpassage.append(div);<br>
<b>11500</b><br>
        }<br>
<b>11501</b><br>
        addEventListener(&quot;load&quot;, passagefontsizeload);<br>
<b>11502</b><br>
        function passagefontsizenumberload()<br>
<b>11503</b><br>
        {<br>
<b>11504</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>11505</b><br>
            passagefontsize.append(br);<br>
<b>11506</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>11507</b><br>
            input.id = &quot;passagefontsizenumber&quot;;<br>
<b>11508</b><br>
            input.max = 1000;<br>
<b>11509</b><br>
            input.min = 0;<br>
<b>11510</b><br>
            input.type = &quot;number&quot;;<br>
<b>11511</b><br>
            input.value = 60;<br>
<b>11512</b><br>
            input.addEventListener(&quot;input&quot;, passagefontsizenumberupdate);<br>
<b>11513</b><br>
            passagefontsize.append(input);<br>
<b>11514</b><br>
            //passagefontsizenumberset();<br>
<b>11515</b><br>
        }<br>
<b>11516</b><br>
        addEventListener(&quot;load&quot;, passagefontsizenumberload);<br>
<b>11517</b><br>
        function passagefontsizenumberset()<br>
<b>11518</b><br>
        {<br>
<b>11519</b><br>
            const v = Number(passagefontsizenumber.value);<br>
<b>11520</b><br>
            passagefontsizerange.value = v;<br>
<b>11521</b><br>
            text.passagefontsize = v;<br>
<b>11522</b><br>
        }<br>
<b>11523</b><br>
        function passagefontsizenumberupdate()<br>
<b>11524</b><br>
        {<br>
<b>11525</b><br>
            passagefontsizenumberset();<br>
<b>11526</b><br>
            svgupdate();<br>
<b>11527</b><br>
        }<br>
<b>11528</b><br>
        function passagefontsizerangeload()<br>
<b>11529</b><br>
        {<br>
<b>11530</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>11531</b><br>
            input.id = &quot;passagefontsizerange&quot;;<br>
<b>11532</b><br>
            input.max = passagefontsizenumber.max;<br>
<b>11533</b><br>
            input.min = passagefontsizenumber.min;<br>
<b>11534</b><br>
            input.type = &quot;range&quot;;<br>
<b>11535</b><br>
            input.value = passagefontsizenumber.value;<br>
<b>11536</b><br>
            input.addEventListener(&quot;input&quot;, passagefontsizerangeupdate);<br>
<b>11537</b><br>
            passagefontsize.append(input);<br>
<b>11538</b><br>
            passagefontsizerangeset();<br>
<b>11539</b><br>
        }<br>
<b>11540</b><br>
        addEventListener(&quot;load&quot;, passagefontsizerangeload);<br>
<b>11541</b><br>
        function passagefontsizerangeset()<br>
<b>11542</b><br>
        {<br>
<b>11543</b><br>
            const v = Number(passagefontsizerange.value);<br>
<b>11544</b><br>
            passagefontsizenumber.value = v;<br>
<b>11545</b><br>
            text.passagefontsize = v;<br>
<b>11546</b><br>
        }<br>
<b>11547</b><br>
        function passagefontsizerangeupdate()<br>
<b>11548</b><br>
        {<br>
<b>11549</b><br>
            passagefontsizerangeset();<br>
<b>11550</b><br>
            svgupdate();<br>
<b>11551</b><br>
        }<br>
<b>11552</b><br>
        function passagefontsizeexactload()<br>
<b>11553</b><br>
        {<br>
<b>11554</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>11555</b><br>
            passagefontsize.append(br);<br>
<b>11556</b><br>
            const array =<br>
<b>11557</b><br>
            [<br>
<b>11558</b><br>
                [&quot;0&quot;,0],<br>
<b>11559</b><br>
                [&quot;50&quot;,50],<br>
<b>11560</b><br>
                [&quot;100&quot;,100],<br>
<b>11561</b><br>
                [&quot;250&quot;,250],<br>
<b>11562</b><br>
                [&quot;500&quot;,500],<br>
<b>11563</b><br>
                [&quot;1000&quot;,1000],<br>
<b>11564</b><br>
            ];<br>
<b>11565</b><br>
            for(const value of array)<br>
<b>11566</b><br>
            {<br>
<b>11567</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>11568</b><br>
                button.innerHTML = value[0];<br>
<b>11569</b><br>
                button.value = value[1];<br>
<b>11570</b><br>
                button.addEventListener(&quot;click&quot;, passagefontsizeexactupdate);<br>
<b>11571</b><br>
                passagefontsize.append(button);<br>
<b>11572</b><br>
            }<br>
<b>11573</b><br>
        }<br>
<b>11574</b><br>
        addEventListener(&quot;load&quot;, passagefontsizeexactload);<br>
<b>11575</b><br>
        function passagefontsizeexactupdate(e)<br>
<b>11576</b><br>
        {<br>
<b>11577</b><br>
            passagefontsizenumber.value = Number(e.target.value);<br>
<b>11578</b><br>
            passagefontsizenumberupdate();<br>
<b>11579</b><br>
        }<br>
<b>11580</b><br>
        function passagefontsizeincrementload()<br>
<b>11581</b><br>
        {<br>
<b>11582</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>11583</b><br>
            passagefontsize.append(br);<br>
<b>11584</b><br>
            const array =<br>
<b>11585</b><br>
            [<br>
<b>11586</b><br>
                [&quot;-100&quot;,-100],<br>
<b>11587</b><br>
                [&quot;-10&quot;,-10],<br>
<b>11588</b><br>
                [&quot;-1&quot;,-1],<br>
<b>11589</b><br>
                [&quot;+1&quot;,1],<br>
<b>11590</b><br>
                [&quot;+10&quot;,10],<br>
<b>11591</b><br>
                [&quot;+100&quot;,100],<br>
<b>11592</b><br>
            ];<br>
<b>11593</b><br>
            for(const value of array)<br>
<b>11594</b><br>
            {<br>
<b>11595</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>11596</b><br>
                button.innerHTML = value[0];<br>
<b>11597</b><br>
                button.value = value[1];<br>
<b>11598</b><br>
                button.addEventListener(&quot;click&quot;, passagefontsizeincrementupdate);<br>
<b>11599</b><br>
                passagefontsize.append(button);<br>
<b>11600</b><br>
            }<br>
<b>11601</b><br>
        }<br>
<b>11602</b><br>
        addEventListener(&quot;load&quot;, passagefontsizeincrementload);<br>
<b>11603</b><br>
        function passagefontsizeincrementupdate(e)<br>
<b>11604</b><br>
        {<br>
<b>11605</b><br>
            const v = Number(passagefontsizenumber.value) + Number(e.target.value);<br>
<b>11606</b><br>
            if((passagefontsizenumber.min &lt;= v) &amp;&amp; (v &lt;= passagefontsizenumber.max))<br>
<b>11607</b><br>
            {<br>
<b>11608</b><br>
                passagefontsizenumber.value = v;<br>
<b>11609</b><br>
                passagefontsizenumberupdate();<br>
<b>11610</b><br>
            }<br>
<b>11611</b><br>
        }<br>
<b>11612</b><br>
/*<br>
<b>11613</b><br>
        function passagefontsizefitload()<br>
<b>11614</b><br>
        {<br>
<b>11615</b><br>
            const button = document.createElement(&quot;button&quot;);<br>
<b>11616</b><br>
            button.innerHTML = &quot;fit&quot;;<br>
<b>11617</b><br>
            button.addEventListener(&quot;click&quot;, passagefontsizefitupdate);<br>
<b>11618</b><br>
            passagefontsize.append(button);<br>
<b>11619</b><br>
        }<br>
<b>11620</b><br>
        addEventListener(&quot;load&quot;, passagefontsizefitload);<br>
<b>11621</b><br>
        function passagefontsizefitupdate()<br>
<b>11622</b><br>
        {<br>
<b>11623</b><br>
            const t = document.createElement(&quot;div&quot;);<br>
<b>11624</b><br>
            passagefontsize.append(t);<br>
<b>11625</b><br>
            t.innerHTML = text.bookname;<br>
<b>11626</b><br>
            t.style.fontSize = `${passagefontsizenumber.value}px`;<br>
<b>11627</b><br>
            const h1 = text.passagewidth;<br>
<b>11628</b><br>
            const h2 = text.passageheight;<br>
<b>11629</b><br>
            const h3 = t.offsetWidth;<br>
<b>11630</b><br>
            const h4 = t.offsetHeight;<br>
<b>11631</b><br>
            const h5 = passagefontsizenumber.value;<br>
<b>11632</b><br>
            //const h4 = t.offsetParent;//t.style.fontSize;<br>
<b>11633</b><br>
            //const h5 = t.clientHeight;//text.style.height;<br>
<b>11634</b><br>
            //const h6 = text.height;<br>
<b>11635</b><br>
            //const h7 = text.getBoundingClientRect().height;<br>
<b>11636</b><br>
            //const h8 = text.style.lineHeight;<br>
<b>11637</b><br>
            //const h9 = canvas.getBoundingClientRect().height;<br>
<b>11638</b><br>
            console.log(h1, h2, h3, h4, h5);<br>
<b>11639</b><br>
            //t.hidden = true;<br>
<b>11640</b><br>
            if(h2 &lt; h4)<br>
<b>11641</b><br>
            {<br>
<b>11642</b><br>
                passagefontsizenumber.value -= 1;<br>
<b>11643</b><br>
                passagefit();<br>
<b>11644</b><br>
            }<br>
<b>11645</b><br>
            passagefontsizenumberupdate();<br>
<b>11646</b><br>
        }<br>
<b>11647</b><br>
//*/<br>
<b>11648</b><br>
        function passagefontstyleload()<br>
<b>11649</b><br>
        {<br>
<b>11650</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>11651</b><br>
            div.id = &quot;passagefontstyle&quot;;<br>
<b>11652</b><br>
            div.innerHTML = &quot;font-style&quot;;<br>
<b>11653</b><br>
            tabcontentpassage.append(div);<br>
<b>11654</b><br>
        }<br>
<b>11655</b><br>
        addEventListener(&quot;load&quot;, passagefontstyleload);<br>
<b>11656</b><br>
        function passagefontstyleselectload()<br>
<b>11657</b><br>
        {<br>
<b>11658</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>11659</b><br>
            passagefontstyle.append(br);<br>
<b>11660</b><br>
            const select = document.createElement(&quot;select&quot;);<br>
<b>11661</b><br>
            select.id = &quot;passagefontstyleselect&quot;;<br>
<b>11662</b><br>
            select.addEventListener(&quot;input&quot;, passagefontstyleselectupdate);<br>
<b>11663</b><br>
            passagefontstyle.append(select);<br>
<b>11664</b><br>
            for(const value of fontstylearray)<br>
<b>11665</b><br>
            {<br>
<b>11666</b><br>
                const option = document.createElement(&quot;option&quot;);<br>
<b>11667</b><br>
                option.innerHTML = value;<br>
<b>11668</b><br>
                select.add(option);<br>
<b>11669</b><br>
            }<br>
<b>11670</b><br>
            passagefontstyleselectset();<br>
<b>11671</b><br>
        }<br>
<b>11672</b><br>
        addEventListener(&quot;load&quot;, passagefontstyleselectload);<br>
<b>11673</b><br>
        function passagefontstyleselectset()<br>
<b>11674</b><br>
        {<br>
<b>11675</b><br>
            text.passagefontstyle = passagefontstyleselect.value;<br>
<b>11676</b><br>
        }<br>
<b>11677</b><br>
        function passagefontstyleselectupdate()<br>
<b>11678</b><br>
        {<br>
<b>11679</b><br>
            passagefontstyleselectset();<br>
<b>11680</b><br>
            svgupdate();<br>
<b>11681</b><br>
        }<br>
<b>11682</b><br>
        function passagefontvariantload()<br>
<b>11683</b><br>
        {<br>
<b>11684</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>11685</b><br>
            div.id = &quot;passagefontvariant&quot;;<br>
<b>11686</b><br>
            div.innerHTML = &quot;font-variant&quot;;<br>
<b>11687</b><br>
            tabcontentpassage.append(div);<br>
<b>11688</b><br>
        }<br>
<b>11689</b><br>
        addEventListener(&quot;load&quot;, passagefontvariantload);<br>
<b>11690</b><br>
        function passagefontvariantselectload()<br>
<b>11691</b><br>
        {<br>
<b>11692</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>11693</b><br>
            passagefontvariant.append(br);<br>
<b>11694</b><br>
            const select = document.createElement(&quot;select&quot;);<br>
<b>11695</b><br>
            select.id = &quot;passagefontvariantselect&quot;;<br>
<b>11696</b><br>
            select.addEventListener(&quot;input&quot;, passagefontvariantselectupdate);<br>
<b>11697</b><br>
            passagefontvariant.append(select);<br>
<b>11698</b><br>
            for(const value of fontvariantarray)<br>
<b>11699</b><br>
            {<br>
<b>11700</b><br>
                const option = document.createElement(&quot;option&quot;);<br>
<b>11701</b><br>
                option.innerHTML = value;<br>
<b>11702</b><br>
                select.add(option);<br>
<b>11703</b><br>
            }<br>
<b>11704</b><br>
            passagefontvariantselectset();<br>
<b>11705</b><br>
        }<br>
<b>11706</b><br>
        addEventListener(&quot;load&quot;, passagefontvariantselectload);<br>
<b>11707</b><br>
        function passagefontvariantselectset()<br>
<b>11708</b><br>
        {<br>
<b>11709</b><br>
            text.passagefontvariant = passagefontvariantselect.value;<br>
<b>11710</b><br>
        }<br>
<b>11711</b><br>
        function passagefontvariantselectupdate()<br>
<b>11712</b><br>
        {<br>
<b>11713</b><br>
            passagefontvariantselectset();<br>
<b>11714</b><br>
            svgupdate();<br>
<b>11715</b><br>
        }<br>
<b>11716</b><br>
        function passagefontweightload()<br>
<b>11717</b><br>
        {<br>
<b>11718</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>11719</b><br>
            div.id = &quot;passagefontweight&quot;;<br>
<b>11720</b><br>
            div.innerHTML = &quot;font-weight&quot;;<br>
<b>11721</b><br>
            tabcontentpassage.append(div);<br>
<b>11722</b><br>
        }<br>
<b>11723</b><br>
        addEventListener(&quot;load&quot;, passagefontweightload);<br>
<b>11724</b><br>
        function passagefontweightselectload()<br>
<b>11725</b><br>
        {<br>
<b>11726</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>11727</b><br>
            passagefontweight.append(br);<br>
<b>11728</b><br>
            const select = document.createElement(&quot;select&quot;);<br>
<b>11729</b><br>
            select.id = &quot;passagefontweightselect&quot;;<br>
<b>11730</b><br>
            select.addEventListener(&quot;input&quot;, passagefontweightselectupdate);<br>
<b>11731</b><br>
            passagefontweight.append(select);<br>
<b>11732</b><br>
            for(const value of fontweightarray)<br>
<b>11733</b><br>
            {<br>
<b>11734</b><br>
                const option = document.createElement(&quot;option&quot;);<br>
<b>11735</b><br>
                option.innerHTML = value;<br>
<b>11736</b><br>
                select.add(option);<br>
<b>11737</b><br>
            }<br>
<b>11738</b><br>
            passagefontweightselectset();<br>
<b>11739</b><br>
        }<br>
<b>11740</b><br>
        addEventListener(&quot;load&quot;, passagefontweightselectload);<br>
<b>11741</b><br>
        function passagefontweightselectset()<br>
<b>11742</b><br>
        {<br>
<b>11743</b><br>
            text.passagefontweight = passagefontweightselect.value;<br>
<b>11744</b><br>
        }<br>
<b>11745</b><br>
        function passagefontweightselectupdate()<br>
<b>11746</b><br>
        {<br>
<b>11747</b><br>
            passagefontweightselectset();<br>
<b>11748</b><br>
            svgupdate();<br>
<b>11749</b><br>
        }<br>
<b>11750</b><br>
        function passagecolorload()<br>
<b>11751</b><br>
        {<br>
<b>11752</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>11753</b><br>
            div.id = &quot;passagecolor&quot;;<br>
<b>11754</b><br>
            div.innerHTML = &quot;color&quot;;<br>
<b>11755</b><br>
            tabcontentpassage.append(div);<br>
<b>11756</b><br>
        }<br>
<b>11757</b><br>
        addEventListener(&quot;load&quot;, passagecolorload);<br>
<b>11758</b><br>
        function passagecolorcolorload()<br>
<b>11759</b><br>
        {<br>
<b>11760</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>11761</b><br>
            passagecolor.append(br);<br>
<b>11762</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>11763</b><br>
            input.id = &quot;passagecolorcolor&quot;;<br>
<b>11764</b><br>
            input.type = &quot;color&quot;;<br>
<b>11765</b><br>
            input.value = &quot;#000000&quot;;<br>
<b>11766</b><br>
            input.addEventListener(&quot;input&quot;, passagecolorcolorupdate);<br>
<b>11767</b><br>
            passagecolor.append(input);<br>
<b>11768</b><br>
            //passagecolorcolorset();<br>
<b>11769</b><br>
        }<br>
<b>11770</b><br>
        addEventListener(&quot;load&quot;, passagecolorcolorload);<br>
<b>11771</b><br>
        function passagecolorcolorset()<br>
<b>11772</b><br>
        {<br>
<b>11773</b><br>
            const c = passagecolorcolor.value;<br>
<b>11774</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>11775</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>11776</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>11777</b><br>
            const a = passagealphanumber.value;<br>
<b>11778</b><br>
            text.passagecolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>11779</b><br>
        }<br>
<b>11780</b><br>
        function passagecolorcolorupdate()<br>
<b>11781</b><br>
        {<br>
<b>11782</b><br>
            passagecolorcolorset();<br>
<b>11783</b><br>
            svgupdate();<br>
<b>11784</b><br>
        }<br>
<b>11785</b><br>
        function passagecolorexactload()<br>
<b>11786</b><br>
        {<br>
<b>11787</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>11788</b><br>
            passagecolor.append(br);<br>
<b>11789</b><br>
            const array =<br>
<b>11790</b><br>
            [<br>
<b>11791</b><br>
                [&quot;black&quot;,&quot;#000000&quot;],<br>
<b>11792</b><br>
                [&quot;white&quot;,&quot;#ffffff&quot;],<br>
<b>11793</b><br>
            ];<br>
<b>11794</b><br>
            for(const value of array)<br>
<b>11795</b><br>
            {<br>
<b>11796</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>11797</b><br>
                button.innerHTML = value[0];<br>
<b>11798</b><br>
                button.value = value[1];<br>
<b>11799</b><br>
                button.addEventListener(&quot;click&quot;, passagecolorexactupdate);<br>
<b>11800</b><br>
                passagecolor.append(button);<br>
<b>11801</b><br>
            }<br>
<b>11802</b><br>
        }<br>
<b>11803</b><br>
        addEventListener(&quot;load&quot;, passagecolorexactload);<br>
<b>11804</b><br>
        function passagecolorexactupdate(e)<br>
<b>11805</b><br>
        {<br>
<b>11806</b><br>
            passagecolorcolor.value = e.target.value;<br>
<b>11807</b><br>
            passagecolorcolorupdate();<br>
<b>11808</b><br>
        }<br>
<b>11809</b><br>
        function passagealphaload()<br>
<b>11810</b><br>
        {<br>
<b>11811</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>11812</b><br>
            div.id = &quot;passagealpha&quot;;<br>
<b>11813</b><br>
            div.innerHTML = &quot;alpha&quot;;<br>
<b>11814</b><br>
            tabcontentpassage.append(div);<br>
<b>11815</b><br>
            const style = div.style;<br>
<b>11816</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>11817</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>11818</b><br>
        }<br>
<b>11819</b><br>
        addEventListener(&quot;load&quot;, passagealphaload);<br>
<b>11820</b><br>
        function passagealphanumberload()<br>
<b>11821</b><br>
        {<br>
<b>11822</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>11823</b><br>
            passagealpha.append(br);<br>
<b>11824</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>11825</b><br>
            input.id = &quot;passagealphanumber&quot;;<br>
<b>11826</b><br>
            input.max = 1;<br>
<b>11827</b><br>
            input.min = 0;<br>
<b>11828</b><br>
            input.step = 0.01;<br>
<b>11829</b><br>
            input.type = &quot;number&quot;;<br>
<b>11830</b><br>
            input.value = 1;<br>
<b>11831</b><br>
            input.addEventListener(&quot;input&quot;, passagealphanumberupdate);<br>
<b>11832</b><br>
            passagealpha.append(input);<br>
<b>11833</b><br>
            //passagealphanumberset();<br>
<b>11834</b><br>
        }<br>
<b>11835</b><br>
        addEventListener(&quot;load&quot;, passagealphanumberload);<br>
<b>11836</b><br>
        function passagealphanumberset()<br>
<b>11837</b><br>
        {<br>
<b>11838</b><br>
            const c = passagecolorcolor.value;<br>
<b>11839</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>11840</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>11841</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>11842</b><br>
            const a = passagealphanumber.value;<br>
<b>11843</b><br>
            passagealpharange.value = a;<br>
<b>11844</b><br>
            text.passagecolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>11845</b><br>
        }<br>
<b>11846</b><br>
        function passagealphanumberupdate()<br>
<b>11847</b><br>
        {<br>
<b>11848</b><br>
            passagealphanumberset();<br>
<b>11849</b><br>
            svgupdate();<br>
<b>11850</b><br>
        }<br>
<b>11851</b><br>
        function passagealpharangeload()<br>
<b>11852</b><br>
        {<br>
<b>11853</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>11854</b><br>
            input.id = &quot;passagealpharange&quot;;<br>
<b>11855</b><br>
            input.max = passagealphanumber.max;<br>
<b>11856</b><br>
            input.min = passagealphanumber.min;<br>
<b>11857</b><br>
            input.step = passagealphanumber.step;<br>
<b>11858</b><br>
            input.type = &quot;range&quot;;<br>
<b>11859</b><br>
            input.value = passagealphanumber.value;<br>
<b>11860</b><br>
            input.addEventListener(&quot;input&quot;, passagealpharangeupdate);<br>
<b>11861</b><br>
            passagealpha.append(input);<br>
<b>11862</b><br>
            passagealpharangeset();<br>
<b>11863</b><br>
        }<br>
<b>11864</b><br>
        addEventListener(&quot;load&quot;, passagealpharangeload);<br>
<b>11865</b><br>
        function passagealpharangeset()<br>
<b>11866</b><br>
        {<br>
<b>11867</b><br>
            const c = passagecolorcolor.value;<br>
<b>11868</b><br>
            const r = parseInt(c.slice(1,3),16);<br>
<b>11869</b><br>
            const g = parseInt(c.slice(3,5),16);<br>
<b>11870</b><br>
            const b = parseInt(c.slice(5,7),16);<br>
<b>11871</b><br>
            const a = passagealpharange.value;<br>
<b>11872</b><br>
            passagealphanumber.value = a;<br>
<b>11873</b><br>
            text.passagecolor = `rgb(${r} ${g} ${b} / ${a})`;<br>
<b>11874</b><br>
        }<br>
<b>11875</b><br>
        function passagealpharangeupdate()<br>
<b>11876</b><br>
        {<br>
<b>11877</b><br>
            passagealpharangeset();<br>
<b>11878</b><br>
            svgupdate();<br>
<b>11879</b><br>
        }<br>
<b>11880</b><br>
        function passagealphaexactload()<br>
<b>11881</b><br>
        {<br>
<b>11882</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>11883</b><br>
            passagealpha.append(br);<br>
<b>11884</b><br>
            const array =<br>
<b>11885</b><br>
            [<br>
<b>11886</b><br>
                [&quot;0&quot;,0],<br>
<b>11887</b><br>
                [&quot;0.25&quot;,0.25],<br>
<b>11888</b><br>
                [&quot;0.5&quot;,0.5],<br>
<b>11889</b><br>
                [&quot;0.75&quot;,0.75],<br>
<b>11890</b><br>
                [&quot;1&quot;,1],<br>
<b>11891</b><br>
            ];<br>
<b>11892</b><br>
            for(const value of array)<br>
<b>11893</b><br>
            {<br>
<b>11894</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>11895</b><br>
                button.innerHTML = value[0];<br>
<b>11896</b><br>
                button.value = value[1];<br>
<b>11897</b><br>
                button.addEventListener(&quot;click&quot;, passagealphaexactupdate);<br>
<b>11898</b><br>
                passagealpha.append(button);<br>
<b>11899</b><br>
            }<br>
<b>11900</b><br>
        }<br>
<b>11901</b><br>
        addEventListener(&quot;load&quot;, passagealphaexactload);<br>
<b>11902</b><br>
        function passagealphaexactupdate(e)<br>
<b>11903</b><br>
        {<br>
<b>11904</b><br>
            passagealphanumber.value = Number(e.target.value);<br>
<b>11905</b><br>
            passagealphanumberupdate();<br>
<b>11906</b><br>
        }<br>
<b>11907</b><br>
        function passagealphaincrementload()<br>
<b>11908</b><br>
        {<br>
<b>11909</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>11910</b><br>
            passagealpha.append(br);<br>
<b>11911</b><br>
            const array =<br>
<b>11912</b><br>
            [<br>
<b>11913</b><br>
                [&quot;-0.1&quot;,-0.1],<br>
<b>11914</b><br>
                [&quot;-0.01&quot;,-0.01],<br>
<b>11915</b><br>
                [&quot;+0.01&quot;,0.01],<br>
<b>11916</b><br>
                [&quot;+0.1&quot;,0.1],<br>
<b>11917</b><br>
            ];<br>
<b>11918</b><br>
            for(const value of array)<br>
<b>11919</b><br>
            {<br>
<b>11920</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>11921</b><br>
                button.innerHTML = value[0];<br>
<b>11922</b><br>
                button.value = value[1];<br>
<b>11923</b><br>
                button.addEventListener(&quot;click&quot;, passagealphaincrementupdate);<br>
<b>11924</b><br>
                passagealpha.append(button);<br>
<b>11925</b><br>
            }<br>
<b>11926</b><br>
        }<br>
<b>11927</b><br>
        addEventListener(&quot;load&quot;, passagealphaincrementload);<br>
<b>11928</b><br>
        function passagealphaincrementupdate(e)<br>
<b>11929</b><br>
        {<br>
<b>11930</b><br>
            let v = Number(passagealphanumber.value) + Number(e.target.value);<br>
<b>11931</b><br>
            v = parseFloat(v.toFixed(2));<br>
<b>11932</b><br>
            if((passagealphanumber.min &lt;= v) &amp;&amp; (v &lt;= passagealphanumber.max))<br>
<b>11933</b><br>
            {<br>
<b>11934</b><br>
                passagealphanumber.value = v;<br>
<b>11935</b><br>
                passagealphanumberupdate();<br>
<b>11936</b><br>
            }<br>
<b>11937</b><br>
        }<br>
<b>11938</b><br>
/*leftoff<br>
<b>11939</b><br>
        function passagefilterblurload()<br>
<b>11940</b><br>
        {<br>
<b>11941</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>11942</b><br>
            div.id = &quot;passagefilterblur&quot;;<br>
<b>11943</b><br>
            div.innerHTML = &quot;filter-blur&quot;;<br>
<b>11944</b><br>
            tabcontentpassage.append(div);<br>
<b>11945</b><br>
            const style = div.style;<br>
<b>11946</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>11947</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>11948</b><br>
        }<br>
<b>11949</b><br>
        addEventListener(&quot;load&quot;, passagefilterblurload);<br>
<b>11950</b><br>
        function passagefilterblurnumberload()<br>
<b>11951</b><br>
        {<br>
<b>11952</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>11953</b><br>
            passagefilterblur.append(br);<br>
<b>11954</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>11955</b><br>
            input.id = &quot;passagefilterblurnumber&quot;;<br>
<b>11956</b><br>
            input.max = 1000;<br>
<b>11957</b><br>
            input.min = 0;<br>
<b>11958</b><br>
            input.step = 1;<br>
<b>11959</b><br>
            input.type = &quot;number&quot;;<br>
<b>11960</b><br>
            input.value = 0;<br>
<b>11961</b><br>
            input.addEventListener(&quot;input&quot;, passagefilterblurnumberupdate);<br>
<b>11962</b><br>
            passagefilterblur.append(input);<br>
<b>11963</b><br>
            //passagefilterblurnumberset();<br>
<b>11964</b><br>
        }<br>
<b>11965</b><br>
        addEventListener(&quot;load&quot;, passagefilterblurnumberload);<br>
<b>11966</b><br>
        function passagefilterblurnumberset()<br>
<b>11967</b><br>
        {<br>
<b>11968</b><br>
            const v = passagefilterblurnumber.value;<br>
<b>11969</b><br>
            passagefilterblurrange.value = v;<br>
<b>11970</b><br>
            text.passagebackdropfilterblur = v;<br>
<b>11971</b><br>
        }<br>
<b>11972</b><br>
        function passagefilterblurnumberupdate()<br>
<b>11973</b><br>
        {<br>
<b>11974</b><br>
            passagefilterblurnumberset();<br>
<b>11975</b><br>
            svgupdate();<br>
<b>11976</b><br>
        }<br>
<b>11977</b><br>
        function passagefilterblurrangeload()<br>
<b>11978</b><br>
        {<br>
<b>11979</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>11980</b><br>
            input.id = &quot;passagefilterblurrange&quot;;<br>
<b>11981</b><br>
            input.max = passagefilterblurnumber.max;<br>
<b>11982</b><br>
            input.min = passagefilterblurnumber.min;<br>
<b>11983</b><br>
            input.step = passagefilterblurnumber.step;<br>
<b>11984</b><br>
            input.type = &quot;range&quot;;<br>
<b>11985</b><br>
            input.value = passagefilterblurnumber.value;<br>
<b>11986</b><br>
            input.addEventListener(&quot;input&quot;, passagefilterblurrangeupdate);<br>
<b>11987</b><br>
            passagefilterblur.append(input);<br>
<b>11988</b><br>
            passagefilterblurrangeset();<br>
<b>11989</b><br>
        }<br>
<b>11990</b><br>
        addEventListener(&quot;load&quot;, passagefilterblurrangeload);<br>
<b>11991</b><br>
        function passagefilterblurrangeset()<br>
<b>11992</b><br>
        {<br>
<b>11993</b><br>
            const v = passagefilterblurrange.value;<br>
<b>11994</b><br>
            passagefilterblurnumber.value = v;<br>
<b>11995</b><br>
            text.passagebackdropfilterblur = v;<br>
<b>11996</b><br>
        }<br>
<b>11997</b><br>
        function passagefilterblurrangeupdate()<br>
<b>11998</b><br>
        {<br>
<b>11999</b><br>
            passagefilterblurrangeset();<br>
<b>12000</b><br>
            svgupdate();<br>
<b>12001</b><br>
        }<br>
<b>12002</b><br>
        function passagefilterblurexactload()<br>
<b>12003</b><br>
        {<br>
<b>12004</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>12005</b><br>
            passagefilterblur.append(br);<br>
<b>12006</b><br>
            const array =<br>
<b>12007</b><br>
            [<br>
<b>12008</b><br>
                [&quot;0&quot;,0],<br>
<b>12009</b><br>
                [&quot;2&quot;,2],<br>
<b>12010</b><br>
                [&quot;4&quot;,4],<br>
<b>12011</b><br>
                [&quot;8&quot;,8],<br>
<b>12012</b><br>
                [&quot;16&quot;,16],<br>
<b>12013</b><br>
                [&quot;32&quot;,32],<br>
<b>12014</b><br>
                [&quot;64&quot;,64],<br>
<b>12015</b><br>
            ];<br>
<b>12016</b><br>
            for(const value of array)<br>
<b>12017</b><br>
            {<br>
<b>12018</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>12019</b><br>
                button.innerHTML = value[0];<br>
<b>12020</b><br>
                button.value = value[1];<br>
<b>12021</b><br>
                button.addEventListener(&quot;click&quot;, passagefilterblurexactupdate);<br>
<b>12022</b><br>
                passagefilterblur.append(button);<br>
<b>12023</b><br>
            }<br>
<b>12024</b><br>
        }<br>
<b>12025</b><br>
        addEventListener(&quot;load&quot;, passagefilterblurexactload);<br>
<b>12026</b><br>
        function passagefilterblurexactupdate(e)<br>
<b>12027</b><br>
        {<br>
<b>12028</b><br>
            passagefilterblurnumber.value = Number(e.target.value);<br>
<b>12029</b><br>
            passagefilterblurnumberupdate();<br>
<b>12030</b><br>
        }<br>
<b>12031</b><br>
        function passagefilterblurincrementload()<br>
<b>12032</b><br>
        {<br>
<b>12033</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>12034</b><br>
            passagefilterblur.append(br);<br>
<b>12035</b><br>
            const array =<br>
<b>12036</b><br>
            [<br>
<b>12037</b><br>
                [&quot;-100&quot;,-100],<br>
<b>12038</b><br>
                [&quot;-10&quot;,-10],<br>
<b>12039</b><br>
                [&quot;-1&quot;,-1],<br>
<b>12040</b><br>
                [&quot;+1&quot;,1],<br>
<b>12041</b><br>
                [&quot;+10&quot;,10],<br>
<b>12042</b><br>
                [&quot;+100&quot;,100],<br>
<b>12043</b><br>
            ];<br>
<b>12044</b><br>
            for(const value of array)<br>
<b>12045</b><br>
            {<br>
<b>12046</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>12047</b><br>
                button.innerHTML = value[0];<br>
<b>12048</b><br>
                button.value = value[1];<br>
<b>12049</b><br>
                button.addEventListener(&quot;click&quot;, passagefilterblurincrementupdate);<br>
<b>12050</b><br>
                passagefilterblur.append(button);<br>
<b>12051</b><br>
            }<br>
<b>12052</b><br>
        }<br>
<b>12053</b><br>
        addEventListener(&quot;load&quot;, passagefilterblurincrementload);<br>
<b>12054</b><br>
        function passagefilterblurincrementupdate(e)<br>
<b>12055</b><br>
        {<br>
<b>12056</b><br>
            const v = Number(passagefilterblurnumber.value) + Number(e.target.value);<br>
<b>12057</b><br>
            if((passagefilterblurnumber.min &lt;= v) &amp;&amp; (v &lt;= passagefilterblurnumber.max))<br>
<b>12058</b><br>
            {<br>
<b>12059</b><br>
                passagefilterblurnumber.value = v;<br>
<b>12060</b><br>
                passagefilterblurnumberupdate();<br>
<b>12061</b><br>
            }<br>
<b>12062</b><br>
        }<br>
<b>12063</b><br>
        function passagefilterbrightnessload()<br>
<b>12064</b><br>
        {<br>
<b>12065</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>12066</b><br>
            div.id = &quot;passagefilterbrightness&quot;;<br>
<b>12067</b><br>
            div.innerHTML = &quot;filter-brightness&quot;;<br>
<b>12068</b><br>
            tabcontentpassage.append(div);<br>
<b>12069</b><br>
            const style = div.style;<br>
<b>12070</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>12071</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>12072</b><br>
        }<br>
<b>12073</b><br>
        addEventListener(&quot;load&quot;, passagefilterbrightnessload);<br>
<b>12074</b><br>
        function passagefilterbrightnessnumberload()<br>
<b>12075</b><br>
        {<br>
<b>12076</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>12077</b><br>
            passagefilterbrightness.append(br);<br>
<b>12078</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>12079</b><br>
            input.id = &quot;passagefilterbrightnessnumber&quot;;<br>
<b>12080</b><br>
            input.max = 1000;<br>
<b>12081</b><br>
            input.min = 0;<br>
<b>12082</b><br>
            input.step = 1;<br>
<b>12083</b><br>
            input.type = &quot;number&quot;;<br>
<b>12084</b><br>
            input.value = 100;<br>
<b>12085</b><br>
            input.addEventListener(&quot;input&quot;, passagefilterbrightnessnumberupdate);<br>
<b>12086</b><br>
            passagefilterbrightness.append(input);<br>
<b>12087</b><br>
            //passagefilterbrightnessnumberset();<br>
<b>12088</b><br>
        }<br>
<b>12089</b><br>
        addEventListener(&quot;load&quot;, passagefilterbrightnessnumberload);<br>
<b>12090</b><br>
        function passagefilterbrightnessnumberset()<br>
<b>12091</b><br>
        {<br>
<b>12092</b><br>
            const v = passagefilterbrightnessnumber.value;<br>
<b>12093</b><br>
            passagefilterbrightnessrange.value = v;<br>
<b>12094</b><br>
            text.passagebackdropfilterbrightness = v;<br>
<b>12095</b><br>
        }<br>
<b>12096</b><br>
        function passagefilterbrightnessnumberupdate()<br>
<b>12097</b><br>
        {<br>
<b>12098</b><br>
            passagefilterbrightnessnumberset();<br>
<b>12099</b><br>
            svgupdate();<br>
<b>12100</b><br>
        }<br>
<b>12101</b><br>
        function passagefilterbrightnessrangeload()<br>
<b>12102</b><br>
        {<br>
<b>12103</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>12104</b><br>
            input.id = &quot;passagefilterbrightnessrange&quot;;<br>
<b>12105</b><br>
            input.max = passagefilterbrightnessnumber.max;<br>
<b>12106</b><br>
            input.min = passagefilterbrightnessnumber.min;<br>
<b>12107</b><br>
            input.step = passagefilterbrightnessnumber.step;<br>
<b>12108</b><br>
            input.type = &quot;range&quot;;<br>
<b>12109</b><br>
            input.value = passagefilterbrightnessnumber.value;<br>
<b>12110</b><br>
            input.addEventListener(&quot;input&quot;, passagefilterbrightnessrangeupdate);<br>
<b>12111</b><br>
            passagefilterbrightness.append(input);<br>
<b>12112</b><br>
            passagefilterbrightnessrangeset();<br>
<b>12113</b><br>
        }<br>
<b>12114</b><br>
        addEventListener(&quot;load&quot;, passagefilterbrightnessrangeload);<br>
<b>12115</b><br>
        function passagefilterbrightnessrangeset()<br>
<b>12116</b><br>
        {<br>
<b>12117</b><br>
            const v = passagefilterbrightnessrange.value;<br>
<b>12118</b><br>
            passagefilterbrightnessnumber.value = v;<br>
<b>12119</b><br>
            text.passagebackdropfilterbrightness = v;<br>
<b>12120</b><br>
        }<br>
<b>12121</b><br>
        function passagefilterbrightnessrangeupdate()<br>
<b>12122</b><br>
        {<br>
<b>12123</b><br>
            passagefilterbrightnessrangeset();<br>
<b>12124</b><br>
            svgupdate();<br>
<b>12125</b><br>
        }<br>
<b>12126</b><br>
        function passagefilterbrightnessexactload()<br>
<b>12127</b><br>
        {<br>
<b>12128</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>12129</b><br>
            passagefilterbrightness.append(br);<br>
<b>12130</b><br>
            const array =<br>
<b>12131</b><br>
            [<br>
<b>12132</b><br>
                [&quot;0&quot;,0],<br>
<b>12133</b><br>
                [&quot;50&quot;,50],<br>
<b>12134</b><br>
                [&quot;100 (initial)&quot;,100],<br>
<b>12135</b><br>
                [&quot;150&quot;,150],<br>
<b>12136</b><br>
                [&quot;200&quot;,200],<br>
<b>12137</b><br>
            ];<br>
<b>12138</b><br>
            for(const value of array)<br>
<b>12139</b><br>
            {<br>
<b>12140</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>12141</b><br>
                button.innerHTML = value[0];<br>
<b>12142</b><br>
                button.value = value[1];<br>
<b>12143</b><br>
                button.addEventListener(&quot;click&quot;, passagefilterbrightnessexactupdate);<br>
<b>12144</b><br>
                passagefilterbrightness.append(button);<br>
<b>12145</b><br>
            }<br>
<b>12146</b><br>
        }<br>
<b>12147</b><br>
        addEventListener(&quot;load&quot;, passagefilterbrightnessexactload);<br>
<b>12148</b><br>
        function passagefilterbrightnessexactupdate(e)<br>
<b>12149</b><br>
        {<br>
<b>12150</b><br>
            passagefilterbrightnessnumber.value = Number(e.target.value);<br>
<b>12151</b><br>
            passagefilterbrightnessnumberupdate();<br>
<b>12152</b><br>
        }<br>
<b>12153</b><br>
        function passagefilterbrightnessincrementload()<br>
<b>12154</b><br>
        {<br>
<b>12155</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>12156</b><br>
            passagefilterbrightness.append(br);<br>
<b>12157</b><br>
            const array =<br>
<b>12158</b><br>
            [<br>
<b>12159</b><br>
                [&quot;-100&quot;,-100],<br>
<b>12160</b><br>
                [&quot;-10&quot;,-10],<br>
<b>12161</b><br>
                [&quot;-1&quot;,-1],<br>
<b>12162</b><br>
                [&quot;+1&quot;,1],<br>
<b>12163</b><br>
                [&quot;+10&quot;,10],<br>
<b>12164</b><br>
                [&quot;+100&quot;,100],<br>
<b>12165</b><br>
            ];<br>
<b>12166</b><br>
            for(const value of array)<br>
<b>12167</b><br>
            {<br>
<b>12168</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>12169</b><br>
                button.innerHTML = value[0];<br>
<b>12170</b><br>
                button.value = value[1];<br>
<b>12171</b><br>
                button.addEventListener(&quot;click&quot;, passagefilterbrightnessincrementupdate);<br>
<b>12172</b><br>
                passagefilterbrightness.append(button);<br>
<b>12173</b><br>
            }<br>
<b>12174</b><br>
        }<br>
<b>12175</b><br>
        addEventListener(&quot;load&quot;, passagefilterbrightnessincrementload);<br>
<b>12176</b><br>
        function passagefilterbrightnessincrementupdate(e)<br>
<b>12177</b><br>
        {<br>
<b>12178</b><br>
            const v = Number(passagefilterbrightnessnumber.value) + Number(e.target.value);<br>
<b>12179</b><br>
            if((passagefilterbrightnessnumber.min &lt;= v) &amp;&amp; (v &lt;= passagefilterbrightnessnumber.max))<br>
<b>12180</b><br>
            {<br>
<b>12181</b><br>
                passagefilterbrightnessnumber.value = v;<br>
<b>12182</b><br>
                passagefilterbrightnessnumberupdate();<br>
<b>12183</b><br>
            }<br>
<b>12184</b><br>
        }<br>
<b>12185</b><br>
        function passagefiltercontrastload()<br>
<b>12186</b><br>
        {<br>
<b>12187</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>12188</b><br>
            div.id = &quot;passagefiltercontrast&quot;;<br>
<b>12189</b><br>
            div.innerHTML = &quot;filter-contrast&quot;;<br>
<b>12190</b><br>
            tabcontentpassage.append(div);<br>
<b>12191</b><br>
            const style = div.style;<br>
<b>12192</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>12193</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>12194</b><br>
        }<br>
<b>12195</b><br>
        addEventListener(&quot;load&quot;, passagefiltercontrastload);<br>
<b>12196</b><br>
        function passagefiltercontrastnumberload()<br>
<b>12197</b><br>
        {<br>
<b>12198</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>12199</b><br>
            passagefiltercontrast.append(br);<br>
<b>12200</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>12201</b><br>
            input.id = &quot;passagefiltercontrastnumber&quot;;<br>
<b>12202</b><br>
            input.max = 1000;<br>
<b>12203</b><br>
            input.min = 0;<br>
<b>12204</b><br>
            input.step = 1;<br>
<b>12205</b><br>
            input.type = &quot;number&quot;;<br>
<b>12206</b><br>
            input.value = 100;<br>
<b>12207</b><br>
            input.addEventListener(&quot;input&quot;, passagefiltercontrastnumberupdate);<br>
<b>12208</b><br>
            passagefiltercontrast.append(input);<br>
<b>12209</b><br>
            //passagefiltercontrastnumberset();<br>
<b>12210</b><br>
        }<br>
<b>12211</b><br>
        addEventListener(&quot;load&quot;, passagefiltercontrastnumberload);<br>
<b>12212</b><br>
        function passagefiltercontrastnumberset()<br>
<b>12213</b><br>
        {<br>
<b>12214</b><br>
            const v = passagefiltercontrastnumber.value;<br>
<b>12215</b><br>
            passagefiltercontrastrange.value = v;<br>
<b>12216</b><br>
            text.passagebackdropfiltercontrast = v;<br>
<b>12217</b><br>
        }<br>
<b>12218</b><br>
        function passagefiltercontrastnumberupdate()<br>
<b>12219</b><br>
        {<br>
<b>12220</b><br>
            passagefiltercontrastnumberset();<br>
<b>12221</b><br>
            svgupdate();<br>
<b>12222</b><br>
        }<br>
<b>12223</b><br>
        function passagefiltercontrastrangeload()<br>
<b>12224</b><br>
        {<br>
<b>12225</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>12226</b><br>
            input.id = &quot;passagefiltercontrastrange&quot;;<br>
<b>12227</b><br>
            input.max = passagefiltercontrastnumber.max;<br>
<b>12228</b><br>
            input.min = passagefiltercontrastnumber.min;<br>
<b>12229</b><br>
            input.step = passagefiltercontrastnumber.step;<br>
<b>12230</b><br>
            input.type = &quot;range&quot;;<br>
<b>12231</b><br>
            input.value = passagefiltercontrastnumber.value;<br>
<b>12232</b><br>
            input.addEventListener(&quot;input&quot;, passagefiltercontrastrangeupdate);<br>
<b>12233</b><br>
            passagefiltercontrast.append(input);<br>
<b>12234</b><br>
            passagefiltercontrastrangeset();<br>
<b>12235</b><br>
        }<br>
<b>12236</b><br>
        addEventListener(&quot;load&quot;, passagefiltercontrastrangeload);<br>
<b>12237</b><br>
        function passagefiltercontrastrangeset()<br>
<b>12238</b><br>
        {<br>
<b>12239</b><br>
            const v = passagefiltercontrastrange.value;<br>
<b>12240</b><br>
            passagefiltercontrastnumber.value = v;<br>
<b>12241</b><br>
            text.passagebackdropfiltercontrast = v;<br>
<b>12242</b><br>
        }<br>
<b>12243</b><br>
        function passagefiltercontrastrangeupdate()<br>
<b>12244</b><br>
        {<br>
<b>12245</b><br>
            passagefiltercontrastrangeset();<br>
<b>12246</b><br>
            svgupdate();<br>
<b>12247</b><br>
        }<br>
<b>12248</b><br>
        function passagefiltercontrastexactload()<br>
<b>12249</b><br>
        {<br>
<b>12250</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>12251</b><br>
            passagefiltercontrast.append(br);<br>
<b>12252</b><br>
            const array =<br>
<b>12253</b><br>
            [<br>
<b>12254</b><br>
                [&quot;0&quot;,0],<br>
<b>12255</b><br>
                [&quot;50&quot;,50],<br>
<b>12256</b><br>
                [&quot;100 (initial)&quot;,100],<br>
<b>12257</b><br>
                [&quot;150&quot;,150],<br>
<b>12258</b><br>
                [&quot;200&quot;,200],<br>
<b>12259</b><br>
            ];<br>
<b>12260</b><br>
            for(const value of array)<br>
<b>12261</b><br>
            {<br>
<b>12262</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>12263</b><br>
                button.innerHTML = value[0];<br>
<b>12264</b><br>
                button.value = value[1];<br>
<b>12265</b><br>
                button.addEventListener(&quot;click&quot;, passagefiltercontrastexactupdate);<br>
<b>12266</b><br>
                passagefiltercontrast.append(button);<br>
<b>12267</b><br>
            }<br>
<b>12268</b><br>
        }<br>
<b>12269</b><br>
        addEventListener(&quot;load&quot;, passagefiltercontrastexactload);<br>
<b>12270</b><br>
        function passagefiltercontrastexactupdate(e)<br>
<b>12271</b><br>
        {<br>
<b>12272</b><br>
            passagefiltercontrastnumber.value = Number(e.target.value);<br>
<b>12273</b><br>
            passagefiltercontrastnumberupdate();<br>
<b>12274</b><br>
        }<br>
<b>12275</b><br>
        function passagefiltercontrastincrementload()<br>
<b>12276</b><br>
        {<br>
<b>12277</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>12278</b><br>
            passagefiltercontrast.append(br);<br>
<b>12279</b><br>
            const array =<br>
<b>12280</b><br>
            [<br>
<b>12281</b><br>
                [&quot;-100&quot;,-100],<br>
<b>12282</b><br>
                [&quot;-10&quot;,-10],<br>
<b>12283</b><br>
                [&quot;-1&quot;,-1],<br>
<b>12284</b><br>
                [&quot;+1&quot;,1],<br>
<b>12285</b><br>
                [&quot;+10&quot;,10],<br>
<b>12286</b><br>
                [&quot;+100&quot;,100],<br>
<b>12287</b><br>
            ];<br>
<b>12288</b><br>
            for(const value of array)<br>
<b>12289</b><br>
            {<br>
<b>12290</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>12291</b><br>
                button.innerHTML = value[0];<br>
<b>12292</b><br>
                button.value = value[1];<br>
<b>12293</b><br>
                button.addEventListener(&quot;click&quot;, passagefiltercontrastincrementupdate);<br>
<b>12294</b><br>
                passagefiltercontrast.append(button);<br>
<b>12295</b><br>
            }<br>
<b>12296</b><br>
        }<br>
<b>12297</b><br>
        addEventListener(&quot;load&quot;, passagefiltercontrastincrementload);<br>
<b>12298</b><br>
        function passagefiltercontrastincrementupdate(e)<br>
<b>12299</b><br>
        {<br>
<b>12300</b><br>
            const v = Number(passagefiltercontrastnumber.value) + Number(e.target.value);<br>
<b>12301</b><br>
            if((passagefiltercontrastnumber.min &lt;= v) &amp;&amp; (v &lt;= passagefiltercontrastnumber.max))<br>
<b>12302</b><br>
            {<br>
<b>12303</b><br>
                passagefiltercontrastnumber.value = v;<br>
<b>12304</b><br>
                passagefiltercontrastnumberupdate();<br>
<b>12305</b><br>
            }<br>
<b>12306</b><br>
        }<br>
<b>12307</b><br>
        function passagefiltergrayscaleload()<br>
<b>12308</b><br>
        {<br>
<b>12309</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>12310</b><br>
            div.id = &quot;passagefiltergrayscale&quot;;<br>
<b>12311</b><br>
            div.innerHTML = &quot;filter-grayscale&quot;;<br>
<b>12312</b><br>
            tabcontentpassage.append(div);<br>
<b>12313</b><br>
            const style = div.style;<br>
<b>12314</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>12315</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>12316</b><br>
        }<br>
<b>12317</b><br>
        addEventListener(&quot;load&quot;, passagefiltergrayscaleload);<br>
<b>12318</b><br>
        function passagefiltergrayscalenumberload()<br>
<b>12319</b><br>
        {<br>
<b>12320</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>12321</b><br>
            passagefiltergrayscale.append(br);<br>
<b>12322</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>12323</b><br>
            input.id = &quot;passagefiltergrayscalenumber&quot;;<br>
<b>12324</b><br>
            input.max = 100;<br>
<b>12325</b><br>
            input.min = 0;<br>
<b>12326</b><br>
            input.step = 1;<br>
<b>12327</b><br>
            input.type = &quot;number&quot;;<br>
<b>12328</b><br>
            input.value = 0;<br>
<b>12329</b><br>
            input.addEventListener(&quot;input&quot;, passagefiltergrayscalenumberupdate);<br>
<b>12330</b><br>
            passagefiltergrayscale.append(input);<br>
<b>12331</b><br>
            //passagefiltergrayscalenumberset();<br>
<b>12332</b><br>
        }<br>
<b>12333</b><br>
        addEventListener(&quot;load&quot;, passagefiltergrayscalenumberload);<br>
<b>12334</b><br>
        function passagefiltergrayscalenumberset()<br>
<b>12335</b><br>
        {<br>
<b>12336</b><br>
            const v = passagefiltergrayscalenumber.value;<br>
<b>12337</b><br>
            passagefiltergrayscalerange.value = v;<br>
<b>12338</b><br>
            text.passagebackdropfiltergrayscale = v;<br>
<b>12339</b><br>
        }<br>
<b>12340</b><br>
        function passagefiltergrayscalenumberupdate()<br>
<b>12341</b><br>
        {<br>
<b>12342</b><br>
            passagefiltergrayscalenumberset();<br>
<b>12343</b><br>
            svgupdate();<br>
<b>12344</b><br>
        }<br>
<b>12345</b><br>
        function passagefiltergrayscalerangeload()<br>
<b>12346</b><br>
        {<br>
<b>12347</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>12348</b><br>
            input.id = &quot;passagefiltergrayscalerange&quot;;<br>
<b>12349</b><br>
            input.max = passagefiltergrayscalenumber.max;<br>
<b>12350</b><br>
            input.min = passagefiltergrayscalenumber.min;<br>
<b>12351</b><br>
            input.step = passagefiltergrayscalenumber.step;<br>
<b>12352</b><br>
            input.type = &quot;range&quot;;<br>
<b>12353</b><br>
            input.value = passagefiltergrayscalenumber.value;<br>
<b>12354</b><br>
            input.addEventListener(&quot;input&quot;, passagefiltergrayscalerangeupdate);<br>
<b>12355</b><br>
            passagefiltergrayscale.append(input);<br>
<b>12356</b><br>
            passagefiltergrayscalerangeset();<br>
<b>12357</b><br>
        }<br>
<b>12358</b><br>
        addEventListener(&quot;load&quot;, passagefiltergrayscalerangeload);<br>
<b>12359</b><br>
        function passagefiltergrayscalerangeset()<br>
<b>12360</b><br>
        {<br>
<b>12361</b><br>
            const v = passagefiltergrayscalerange.value;<br>
<b>12362</b><br>
            passagefiltergrayscalenumber.value = v;<br>
<b>12363</b><br>
            text.passagebackdropfiltergrayscale = v;<br>
<b>12364</b><br>
        }<br>
<b>12365</b><br>
        function passagefiltergrayscalerangeupdate()<br>
<b>12366</b><br>
        {<br>
<b>12367</b><br>
            passagefiltergrayscalerangeset();<br>
<b>12368</b><br>
            svgupdate();<br>
<b>12369</b><br>
        }<br>
<b>12370</b><br>
        function passagefiltergrayscaleexactload()<br>
<b>12371</b><br>
        {<br>
<b>12372</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>12373</b><br>
            passagefiltergrayscale.append(br);<br>
<b>12374</b><br>
            const array =<br>
<b>12375</b><br>
            [<br>
<b>12376</b><br>
                [&quot;0&quot;,0],<br>
<b>12377</b><br>
                [&quot;25&quot;,25],<br>
<b>12378</b><br>
                [&quot;50&quot;,50],<br>
<b>12379</b><br>
                [&quot;75&quot;,75],<br>
<b>12380</b><br>
                [&quot;100&quot;,100],<br>
<b>12381</b><br>
            ];<br>
<b>12382</b><br>
            for(const value of array)<br>
<b>12383</b><br>
            {<br>
<b>12384</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>12385</b><br>
                button.innerHTML = value[0];<br>
<b>12386</b><br>
                button.value = value[1];<br>
<b>12387</b><br>
                button.addEventListener(&quot;click&quot;, passagefiltergrayscaleexactupdate);<br>
<b>12388</b><br>
                passagefiltergrayscale.append(button);<br>
<b>12389</b><br>
            }<br>
<b>12390</b><br>
        }<br>
<b>12391</b><br>
        addEventListener(&quot;load&quot;, passagefiltergrayscaleexactload);<br>
<b>12392</b><br>
        function passagefiltergrayscaleexactupdate(e)<br>
<b>12393</b><br>
        {<br>
<b>12394</b><br>
            passagefiltergrayscalenumber.value = Number(e.target.value);<br>
<b>12395</b><br>
            passagefiltergrayscalenumberupdate();<br>
<b>12396</b><br>
        }<br>
<b>12397</b><br>
        function passagefiltergrayscaleincrementload()<br>
<b>12398</b><br>
        {<br>
<b>12399</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>12400</b><br>
            passagefiltergrayscale.append(br);<br>
<b>12401</b><br>
            const array =<br>
<b>12402</b><br>
            [<br>
<b>12403</b><br>
                [&quot;-10&quot;,-10],<br>
<b>12404</b><br>
                [&quot;-1&quot;,-1],<br>
<b>12405</b><br>
                [&quot;+1&quot;,1],<br>
<b>12406</b><br>
                [&quot;+10&quot;,10],<br>
<b>12407</b><br>
            ];<br>
<b>12408</b><br>
            for(const value of array)<br>
<b>12409</b><br>
            {<br>
<b>12410</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>12411</b><br>
                button.innerHTML = value[0];<br>
<b>12412</b><br>
                button.value = value[1];<br>
<b>12413</b><br>
                button.addEventListener(&quot;click&quot;, passagefiltergrayscaleincrementupdate);<br>
<b>12414</b><br>
                passagefiltergrayscale.append(button);<br>
<b>12415</b><br>
            }<br>
<b>12416</b><br>
        }<br>
<b>12417</b><br>
        addEventListener(&quot;load&quot;, passagefiltergrayscaleincrementload);<br>
<b>12418</b><br>
        function passagefiltergrayscaleincrementupdate(e)<br>
<b>12419</b><br>
        {<br>
<b>12420</b><br>
            const v = Number(passagefiltergrayscalenumber.value) + Number(e.target.value);<br>
<b>12421</b><br>
            if((passagefiltergrayscalenumber.min &lt;= v) &amp;&amp; (v &lt;= passagefiltergrayscalenumber.max))<br>
<b>12422</b><br>
            {<br>
<b>12423</b><br>
                passagefiltergrayscalenumber.value = v;<br>
<b>12424</b><br>
                passagefiltergrayscalenumberupdate();<br>
<b>12425</b><br>
            }<br>
<b>12426</b><br>
        }<br>
<b>12427</b><br>
        function passagefilterhuerotateload()<br>
<b>12428</b><br>
        {<br>
<b>12429</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>12430</b><br>
            div.id = &quot;passagefilterhuerotate&quot;;<br>
<b>12431</b><br>
            div.innerHTML = &quot;filter-hue-rotate&quot;;<br>
<b>12432</b><br>
            tabcontentpassage.append(div);<br>
<b>12433</b><br>
            const style = div.style;<br>
<b>12434</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>12435</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>12436</b><br>
        }<br>
<b>12437</b><br>
        addEventListener(&quot;load&quot;, passagefilterhuerotateload);<br>
<b>12438</b><br>
        function passagefilterhuerotatenumberload()<br>
<b>12439</b><br>
        {<br>
<b>12440</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>12441</b><br>
            passagefilterhuerotate.append(br);<br>
<b>12442</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>12443</b><br>
            input.id = &quot;passagefilterhuerotatenumber&quot;;<br>
<b>12444</b><br>
            input.max = 360;<br>
<b>12445</b><br>
            input.min = 0;<br>
<b>12446</b><br>
            input.step = 1;<br>
<b>12447</b><br>
            input.type = &quot;number&quot;;<br>
<b>12448</b><br>
            input.value = 0;<br>
<b>12449</b><br>
            input.addEventListener(&quot;input&quot;, passagefilterhuerotatenumberupdate);<br>
<b>12450</b><br>
            passagefilterhuerotate.append(input);<br>
<b>12451</b><br>
            //passagefilterhuerotatenumberset();<br>
<b>12452</b><br>
        }<br>
<b>12453</b><br>
        addEventListener(&quot;load&quot;, passagefilterhuerotatenumberload);<br>
<b>12454</b><br>
        function passagefilterhuerotatenumberset()<br>
<b>12455</b><br>
        {<br>
<b>12456</b><br>
            const v = passagefilterhuerotatenumber.value;<br>
<b>12457</b><br>
            passagefilterhuerotaterange.value = v;<br>
<b>12458</b><br>
            text.passagebackdropfilterhuerotate = v;<br>
<b>12459</b><br>
        }<br>
<b>12460</b><br>
        function passagefilterhuerotatenumberupdate()<br>
<b>12461</b><br>
        {<br>
<b>12462</b><br>
            passagefilterhuerotatenumberset();<br>
<b>12463</b><br>
            svgupdate();<br>
<b>12464</b><br>
        }<br>
<b>12465</b><br>
        function passagefilterhuerotaterangeload()<br>
<b>12466</b><br>
        {<br>
<b>12467</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>12468</b><br>
            input.id = &quot;passagefilterhuerotaterange&quot;;<br>
<b>12469</b><br>
            input.max = passagefilterhuerotatenumber.max;<br>
<b>12470</b><br>
            input.min = passagefilterhuerotatenumber.min;<br>
<b>12471</b><br>
            input.step = passagefilterhuerotatenumber.step;<br>
<b>12472</b><br>
            input.type = &quot;range&quot;;<br>
<b>12473</b><br>
            input.value = passagefilterhuerotatenumber.value;<br>
<b>12474</b><br>
            input.addEventListener(&quot;input&quot;, passagefilterhuerotaterangeupdate);<br>
<b>12475</b><br>
            passagefilterhuerotate.append(input);<br>
<b>12476</b><br>
            passagefilterhuerotaterangeset();<br>
<b>12477</b><br>
        }<br>
<b>12478</b><br>
        addEventListener(&quot;load&quot;, passagefilterhuerotaterangeload);<br>
<b>12479</b><br>
        function passagefilterhuerotaterangeset()<br>
<b>12480</b><br>
        {<br>
<b>12481</b><br>
            const v = passagefilterhuerotaterange.value;<br>
<b>12482</b><br>
            passagefilterhuerotatenumber.value = v;<br>
<b>12483</b><br>
            text.passagebackdropfilterhuerotate = v;<br>
<b>12484</b><br>
        }<br>
<b>12485</b><br>
        function passagefilterhuerotaterangeupdate()<br>
<b>12486</b><br>
        {<br>
<b>12487</b><br>
            passagefilterhuerotaterangeset();<br>
<b>12488</b><br>
            svgupdate();<br>
<b>12489</b><br>
        }<br>
<b>12490</b><br>
        function passagefilterhuerotateexactload()<br>
<b>12491</b><br>
        {<br>
<b>12492</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>12493</b><br>
            passagefilterhuerotate.append(br);<br>
<b>12494</b><br>
            const array =<br>
<b>12495</b><br>
            [<br>
<b>12496</b><br>
                [&quot;0&quot;,0],<br>
<b>12497</b><br>
                [&quot;90&quot;,90],<br>
<b>12498</b><br>
                [&quot;180&quot;,180],<br>
<b>12499</b><br>
                [&quot;270&quot;,270],<br>
<b>12500</b><br>
                [&quot;360&quot;,360],<br>
<b>12501</b><br>
            ];<br>
<b>12502</b><br>
            for(const value of array)<br>
<b>12503</b><br>
            {<br>
<b>12504</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>12505</b><br>
                button.innerHTML = value[0];<br>
<b>12506</b><br>
                button.value = value[1];<br>
<b>12507</b><br>
                button.addEventListener(&quot;click&quot;, passagefilterhuerotateexactupdate);<br>
<b>12508</b><br>
                passagefilterhuerotate.append(button);<br>
<b>12509</b><br>
            }<br>
<b>12510</b><br>
        }<br>
<b>12511</b><br>
        addEventListener(&quot;load&quot;, passagefilterhuerotateexactload);<br>
<b>12512</b><br>
        function passagefilterhuerotateexactupdate(e)<br>
<b>12513</b><br>
        {<br>
<b>12514</b><br>
            passagefilterhuerotatenumber.value = Number(e.target.value);<br>
<b>12515</b><br>
            passagefilterhuerotatenumberupdate();<br>
<b>12516</b><br>
        }<br>
<b>12517</b><br>
        function passagefilterhuerotateincrementload()<br>
<b>12518</b><br>
        {<br>
<b>12519</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>12520</b><br>
            passagefilterhuerotate.append(br);<br>
<b>12521</b><br>
            const array =<br>
<b>12522</b><br>
            [<br>
<b>12523</b><br>
                //[&quot;-90&quot;,-90],<br>
<b>12524</b><br>
                [&quot;-45&quot;,-45],<br>
<b>12525</b><br>
                [&quot;-15&quot;,-15],<br>
<b>12526</b><br>
                [&quot;-1&quot;,-1],<br>
<b>12527</b><br>
                [&quot;+1&quot;,1],<br>
<b>12528</b><br>
                [&quot;+15&quot;,15],<br>
<b>12529</b><br>
                [&quot;+45&quot;,45],<br>
<b>12530</b><br>
                //[&quot;+90&quot;,90],<br>
<b>12531</b><br>
            ];<br>
<b>12532</b><br>
            for(const value of array)<br>
<b>12533</b><br>
            {<br>
<b>12534</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>12535</b><br>
                button.innerHTML = value[0];<br>
<b>12536</b><br>
                button.value = value[1];<br>
<b>12537</b><br>
                button.addEventListener(&quot;click&quot;, passagefilterhuerotateincrementupdate);<br>
<b>12538</b><br>
                passagefilterhuerotate.append(button);<br>
<b>12539</b><br>
            }<br>
<b>12540</b><br>
        }<br>
<b>12541</b><br>
        addEventListener(&quot;load&quot;, passagefilterhuerotateincrementload);<br>
<b>12542</b><br>
        function passagefilterhuerotateincrementupdate(e)<br>
<b>12543</b><br>
        {<br>
<b>12544</b><br>
            const v = Number(passagefilterhuerotatenumber.value) + Number(e.target.value);<br>
<b>12545</b><br>
            if((passagefilterhuerotatenumber.min &lt;= v) &amp;&amp; (v &lt;= passagefilterhuerotatenumber.max))<br>
<b>12546</b><br>
            {<br>
<b>12547</b><br>
                passagefilterhuerotatenumber.value = v;<br>
<b>12548</b><br>
                passagefilterhuerotatenumberupdate();<br>
<b>12549</b><br>
            }<br>
<b>12550</b><br>
        }<br>
<b>12551</b><br>
        function passagefilterinvertload()<br>
<b>12552</b><br>
        {<br>
<b>12553</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>12554</b><br>
            div.id = &quot;passagefilterinvert&quot;;<br>
<b>12555</b><br>
            div.innerHTML = &quot;filter-invert&quot;;<br>
<b>12556</b><br>
            tabcontentpassage.append(div);<br>
<b>12557</b><br>
            const style = div.style;<br>
<b>12558</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>12559</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>12560</b><br>
        }<br>
<b>12561</b><br>
        addEventListener(&quot;load&quot;, passagefilterinvertload);<br>
<b>12562</b><br>
        function passagefilterinvertnumberload()<br>
<b>12563</b><br>
        {<br>
<b>12564</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>12565</b><br>
            passagefilterinvert.append(br);<br>
<b>12566</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>12567</b><br>
            input.id = &quot;passagefilterinvertnumber&quot;;<br>
<b>12568</b><br>
            input.max = 100;<br>
<b>12569</b><br>
            input.min = 0;<br>
<b>12570</b><br>
            input.step = 1;<br>
<b>12571</b><br>
            input.type = &quot;number&quot;;<br>
<b>12572</b><br>
            input.value = 0;<br>
<b>12573</b><br>
            input.addEventListener(&quot;input&quot;, passagefilterinvertnumberupdate);<br>
<b>12574</b><br>
            passagefilterinvert.append(input);<br>
<b>12575</b><br>
            //passagefilterinvertnumberset();<br>
<b>12576</b><br>
        }<br>
<b>12577</b><br>
        addEventListener(&quot;load&quot;, passagefilterinvertnumberload);<br>
<b>12578</b><br>
        function passagefilterinvertnumberset()<br>
<b>12579</b><br>
        {<br>
<b>12580</b><br>
            const v = passagefilterinvertnumber.value;<br>
<b>12581</b><br>
            passagefilterinvertrange.value = v;<br>
<b>12582</b><br>
            text.passagebackdropfilterinvert = v;<br>
<b>12583</b><br>
        }<br>
<b>12584</b><br>
        function passagefilterinvertnumberupdate()<br>
<b>12585</b><br>
        {<br>
<b>12586</b><br>
            passagefilterinvertnumberset();<br>
<b>12587</b><br>
            svgupdate();<br>
<b>12588</b><br>
        }<br>
<b>12589</b><br>
        function passagefilterinvertrangeload()<br>
<b>12590</b><br>
        {<br>
<b>12591</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>12592</b><br>
            input.id = &quot;passagefilterinvertrange&quot;;<br>
<b>12593</b><br>
            input.max = passagefilterinvertnumber.max;<br>
<b>12594</b><br>
            input.min = passagefilterinvertnumber.min;<br>
<b>12595</b><br>
            input.step = passagefilterinvertnumber.step;<br>
<b>12596</b><br>
            input.type = &quot;range&quot;;<br>
<b>12597</b><br>
            input.value = passagefilterinvertnumber.value;<br>
<b>12598</b><br>
            input.addEventListener(&quot;input&quot;, passagefilterinvertrangeupdate);<br>
<b>12599</b><br>
            passagefilterinvert.append(input);<br>
<b>12600</b><br>
            passagefilterinvertrangeset();<br>
<b>12601</b><br>
        }<br>
<b>12602</b><br>
        addEventListener(&quot;load&quot;, passagefilterinvertrangeload);<br>
<b>12603</b><br>
        function passagefilterinvertrangeset()<br>
<b>12604</b><br>
        {<br>
<b>12605</b><br>
            const v = passagefilterinvertrange.value;<br>
<b>12606</b><br>
            passagefilterinvertnumber.value = v;<br>
<b>12607</b><br>
            text.passagebackdropfilterinvert = v;<br>
<b>12608</b><br>
        }<br>
<b>12609</b><br>
        function passagefilterinvertrangeupdate()<br>
<b>12610</b><br>
        {<br>
<b>12611</b><br>
            passagefilterinvertrangeset();<br>
<b>12612</b><br>
            svgupdate();<br>
<b>12613</b><br>
        }<br>
<b>12614</b><br>
        function passagefilterinvertexactload()<br>
<b>12615</b><br>
        {<br>
<b>12616</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>12617</b><br>
            passagefilterinvert.append(br);<br>
<b>12618</b><br>
            const array =<br>
<b>12619</b><br>
            [<br>
<b>12620</b><br>
                [&quot;0&quot;,0],<br>
<b>12621</b><br>
                [&quot;25&quot;,25],<br>
<b>12622</b><br>
                [&quot;50&quot;,50],<br>
<b>12623</b><br>
                [&quot;75&quot;,75],<br>
<b>12624</b><br>
                [&quot;100&quot;,100],<br>
<b>12625</b><br>
            ];<br>
<b>12626</b><br>
            for(const value of array)<br>
<b>12627</b><br>
            {<br>
<b>12628</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>12629</b><br>
                button.innerHTML = value[0];<br>
<b>12630</b><br>
                button.value = value[1];<br>
<b>12631</b><br>
                button.addEventListener(&quot;click&quot;, passagefilterinvertexactupdate);<br>
<b>12632</b><br>
                passagefilterinvert.append(button);<br>
<b>12633</b><br>
            }<br>
<b>12634</b><br>
        }<br>
<b>12635</b><br>
        addEventListener(&quot;load&quot;, passagefilterinvertexactload);<br>
<b>12636</b><br>
        function passagefilterinvertexactupdate(e)<br>
<b>12637</b><br>
        {<br>
<b>12638</b><br>
            passagefilterinvertnumber.value = Number(e.target.value);<br>
<b>12639</b><br>
            passagefilterinvertnumberupdate();<br>
<b>12640</b><br>
        }<br>
<b>12641</b><br>
        function passagefilterinvertincrementload()<br>
<b>12642</b><br>
        {<br>
<b>12643</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>12644</b><br>
            passagefilterinvert.append(br);<br>
<b>12645</b><br>
            const array =<br>
<b>12646</b><br>
            [<br>
<b>12647</b><br>
                [&quot;-10&quot;,-10],<br>
<b>12648</b><br>
                [&quot;-1&quot;,-1],<br>
<b>12649</b><br>
                [&quot;+1&quot;,1],<br>
<b>12650</b><br>
                [&quot;+10&quot;,10],<br>
<b>12651</b><br>
            ];<br>
<b>12652</b><br>
            for(const value of array)<br>
<b>12653</b><br>
            {<br>
<b>12654</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>12655</b><br>
                button.innerHTML = value[0];<br>
<b>12656</b><br>
                button.value = value[1];<br>
<b>12657</b><br>
                button.addEventListener(&quot;click&quot;, passagefilterinvertincrementupdate);<br>
<b>12658</b><br>
                passagefilterinvert.append(button);<br>
<b>12659</b><br>
            }<br>
<b>12660</b><br>
        }<br>
<b>12661</b><br>
        addEventListener(&quot;load&quot;, passagefilterinvertincrementload);<br>
<b>12662</b><br>
        function passagefilterinvertincrementupdate(e)<br>
<b>12663</b><br>
        {<br>
<b>12664</b><br>
            const v = Number(passagefilterinvertnumber.value) + Number(e.target.value);<br>
<b>12665</b><br>
            if((passagefilterinvertnumber.min &lt;= v) &amp;&amp; (v &lt;= passagefilterinvertnumber.max))<br>
<b>12666</b><br>
            {<br>
<b>12667</b><br>
                passagefilterinvertnumber.value = v;<br>
<b>12668</b><br>
                passagefilterinvertnumberupdate();<br>
<b>12669</b><br>
            }<br>
<b>12670</b><br>
        }<br>
<b>12671</b><br>
        function passagefiltersaturateload()<br>
<b>12672</b><br>
        {<br>
<b>12673</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>12674</b><br>
            div.id = &quot;passagefiltersaturate&quot;;<br>
<b>12675</b><br>
            div.innerHTML = &quot;filter-saturate&quot;;<br>
<b>12676</b><br>
            tabcontentpassage.append(div);<br>
<b>12677</b><br>
            const style = div.style;<br>
<b>12678</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>12679</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>12680</b><br>
        }<br>
<b>12681</b><br>
        addEventListener(&quot;load&quot;, passagefiltersaturateload);<br>
<b>12682</b><br>
        function passagefiltersaturatenumberload()<br>
<b>12683</b><br>
        {<br>
<b>12684</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>12685</b><br>
            passagefiltersaturate.append(br);<br>
<b>12686</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>12687</b><br>
            input.id = &quot;passagefiltersaturatenumber&quot;;<br>
<b>12688</b><br>
            input.max = 1000;<br>
<b>12689</b><br>
            input.min = 0;<br>
<b>12690</b><br>
            input.step = 1;<br>
<b>12691</b><br>
            input.type = &quot;number&quot;;<br>
<b>12692</b><br>
            input.value = 100;<br>
<b>12693</b><br>
            input.addEventListener(&quot;input&quot;, passagefiltersaturatenumberupdate);<br>
<b>12694</b><br>
            passagefiltersaturate.append(input);<br>
<b>12695</b><br>
            //passagefiltersaturatenumberset();<br>
<b>12696</b><br>
        }<br>
<b>12697</b><br>
        addEventListener(&quot;load&quot;, passagefiltersaturatenumberload);<br>
<b>12698</b><br>
        function passagefiltersaturatenumberset()<br>
<b>12699</b><br>
        {<br>
<b>12700</b><br>
            const v = passagefiltersaturatenumber.value;<br>
<b>12701</b><br>
            passagefiltersaturaterange.value = v;<br>
<b>12702</b><br>
            text.passagebackdropfiltersaturate = v;<br>
<b>12703</b><br>
        }<br>
<b>12704</b><br>
        function passagefiltersaturatenumberupdate()<br>
<b>12705</b><br>
        {<br>
<b>12706</b><br>
            passagefiltersaturatenumberset();<br>
<b>12707</b><br>
            svgupdate();<br>
<b>12708</b><br>
        }<br>
<b>12709</b><br>
        function passagefiltersaturaterangeload()<br>
<b>12710</b><br>
        {<br>
<b>12711</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>12712</b><br>
            input.id = &quot;passagefiltersaturaterange&quot;;<br>
<b>12713</b><br>
            input.max = passagefiltersaturatenumber.max;<br>
<b>12714</b><br>
            input.min = passagefiltersaturatenumber.min;<br>
<b>12715</b><br>
            input.step = passagefiltersaturatenumber.step;<br>
<b>12716</b><br>
            input.type = &quot;range&quot;;<br>
<b>12717</b><br>
            input.value = passagefiltersaturatenumber.value;<br>
<b>12718</b><br>
            input.addEventListener(&quot;input&quot;, passagefiltersaturaterangeupdate);<br>
<b>12719</b><br>
            passagefiltersaturate.append(input);<br>
<b>12720</b><br>
            passagefiltersaturaterangeset();<br>
<b>12721</b><br>
        }<br>
<b>12722</b><br>
        addEventListener(&quot;load&quot;, passagefiltersaturaterangeload);<br>
<b>12723</b><br>
        function passagefiltersaturaterangeset()<br>
<b>12724</b><br>
        {<br>
<b>12725</b><br>
            const v = passagefiltersaturaterange.value;<br>
<b>12726</b><br>
            passagefiltersaturatenumber.value = v;<br>
<b>12727</b><br>
            text.passagebackdropfiltersaturate = v;<br>
<b>12728</b><br>
        }<br>
<b>12729</b><br>
        function passagefiltersaturaterangeupdate()<br>
<b>12730</b><br>
        {<br>
<b>12731</b><br>
            passagefiltersaturaterangeset();<br>
<b>12732</b><br>
            svgupdate();<br>
<b>12733</b><br>
        }<br>
<b>12734</b><br>
        function passagefiltersaturateexactload()<br>
<b>12735</b><br>
        {<br>
<b>12736</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>12737</b><br>
            passagefiltersaturate.append(br);<br>
<b>12738</b><br>
            const array =<br>
<b>12739</b><br>
            [<br>
<b>12740</b><br>
                [&quot;0&quot;,0],<br>
<b>12741</b><br>
                [&quot;50&quot;,50],<br>
<b>12742</b><br>
                [&quot;100 (initial)&quot;,100],<br>
<b>12743</b><br>
                [&quot;150&quot;,150],<br>
<b>12744</b><br>
                [&quot;200&quot;,200],<br>
<b>12745</b><br>
            ];<br>
<b>12746</b><br>
            for(const value of array)<br>
<b>12747</b><br>
            {<br>
<b>12748</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>12749</b><br>
                button.innerHTML = value[0];<br>
<b>12750</b><br>
                button.value = value[1];<br>
<b>12751</b><br>
                button.addEventListener(&quot;click&quot;, passagefiltersaturateexactupdate);<br>
<b>12752</b><br>
                passagefiltersaturate.append(button);<br>
<b>12753</b><br>
            }<br>
<b>12754</b><br>
        }<br>
<b>12755</b><br>
        addEventListener(&quot;load&quot;, passagefiltersaturateexactload);<br>
<b>12756</b><br>
        function passagefiltersaturateexactupdate(e)<br>
<b>12757</b><br>
        {<br>
<b>12758</b><br>
            passagefiltersaturatenumber.value = Number(e.target.value);<br>
<b>12759</b><br>
            passagefiltersaturatenumberupdate();<br>
<b>12760</b><br>
        }<br>
<b>12761</b><br>
        function passagefiltersaturateincrementload()<br>
<b>12762</b><br>
        {<br>
<b>12763</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>12764</b><br>
            passagefiltersaturate.append(br);<br>
<b>12765</b><br>
            const array =<br>
<b>12766</b><br>
            [<br>
<b>12767</b><br>
                [&quot;-100&quot;,-100],<br>
<b>12768</b><br>
                [&quot;-10&quot;,-10],<br>
<b>12769</b><br>
                [&quot;-1&quot;,-1],<br>
<b>12770</b><br>
                [&quot;+1&quot;,1],<br>
<b>12771</b><br>
                [&quot;+10&quot;,10],<br>
<b>12772</b><br>
                [&quot;+100&quot;,100],<br>
<b>12773</b><br>
            ];<br>
<b>12774</b><br>
            for(const value of array)<br>
<b>12775</b><br>
            {<br>
<b>12776</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>12777</b><br>
                button.innerHTML = value[0];<br>
<b>12778</b><br>
                button.value = value[1];<br>
<b>12779</b><br>
                button.addEventListener(&quot;click&quot;, passagefiltersaturateincrementupdate);<br>
<b>12780</b><br>
                passagefiltersaturate.append(button);<br>
<b>12781</b><br>
            }<br>
<b>12782</b><br>
        }<br>
<b>12783</b><br>
        addEventListener(&quot;load&quot;, passagefiltersaturateincrementload);<br>
<b>12784</b><br>
        function passagefiltersaturateincrementupdate(e)<br>
<b>12785</b><br>
        {<br>
<b>12786</b><br>
            const v = Number(passagefiltersaturatenumber.value) + Number(e.target.value);<br>
<b>12787</b><br>
            if((passagefiltersaturatenumber.min &lt;= v) &amp;&amp; (v &lt;= passagefiltersaturatenumber.max))<br>
<b>12788</b><br>
            {<br>
<b>12789</b><br>
                passagefiltersaturatenumber.value = v;<br>
<b>12790</b><br>
                passagefiltersaturatenumberupdate();<br>
<b>12791</b><br>
            }<br>
<b>12792</b><br>
        }<br>
<b>12793</b><br>
        function passagefiltersepiaload()<br>
<b>12794</b><br>
        {<br>
<b>12795</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>12796</b><br>
            div.id = &quot;passagefiltersepia&quot;;<br>
<b>12797</b><br>
            div.innerHTML = &quot;filter-sepia&quot;;<br>
<b>12798</b><br>
            tabcontentpassage.append(div);<br>
<b>12799</b><br>
            const style = div.style;<br>
<b>12800</b><br>
            style.overflowY = &quot;hidden&quot;;<br>
<b>12801</b><br>
            style.whiteSpace = &quot;nowrap&quot;;<br>
<b>12802</b><br>
        }<br>
<b>12803</b><br>
        addEventListener(&quot;load&quot;, passagefiltersepiaload);<br>
<b>12804</b><br>
        function passagefiltersepianumberload()<br>
<b>12805</b><br>
        {<br>
<b>12806</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>12807</b><br>
            passagefiltersepia.append(br);<br>
<b>12808</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>12809</b><br>
            input.id = &quot;passagefiltersepianumber&quot;;<br>
<b>12810</b><br>
            input.max = 100;<br>
<b>12811</b><br>
            input.min = 0;<br>
<b>12812</b><br>
            input.step = 1;<br>
<b>12813</b><br>
            input.type = &quot;number&quot;;<br>
<b>12814</b><br>
            input.value = 0;<br>
<b>12815</b><br>
            input.addEventListener(&quot;input&quot;, passagefiltersepianumberupdate);<br>
<b>12816</b><br>
            passagefiltersepia.append(input);<br>
<b>12817</b><br>
            //passagefiltersepianumberset();<br>
<b>12818</b><br>
        }<br>
<b>12819</b><br>
        addEventListener(&quot;load&quot;, passagefiltersepianumberload);<br>
<b>12820</b><br>
        function passagefiltersepianumberset()<br>
<b>12821</b><br>
        {<br>
<b>12822</b><br>
            const v = passagefiltersepianumber.value;<br>
<b>12823</b><br>
            passagefiltersepiarange.value = v;<br>
<b>12824</b><br>
            text.passagebackdropfiltersepia = v;<br>
<b>12825</b><br>
        }<br>
<b>12826</b><br>
        function passagefiltersepianumberupdate()<br>
<b>12827</b><br>
        {<br>
<b>12828</b><br>
            passagefiltersepianumberset();<br>
<b>12829</b><br>
            svgupdate();<br>
<b>12830</b><br>
        }<br>
<b>12831</b><br>
        function passagefiltersepiarangeload()<br>
<b>12832</b><br>
        {<br>
<b>12833</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>12834</b><br>
            input.id = &quot;passagefiltersepiarange&quot;;<br>
<b>12835</b><br>
            input.max = passagefiltersepianumber.max;<br>
<b>12836</b><br>
            input.min = passagefiltersepianumber.min;<br>
<b>12837</b><br>
            input.step = passagefiltersepianumber.step;<br>
<b>12838</b><br>
            input.type = &quot;range&quot;;<br>
<b>12839</b><br>
            input.value = passagefiltersepianumber.value;<br>
<b>12840</b><br>
            input.addEventListener(&quot;input&quot;, passagefiltersepiarangeupdate);<br>
<b>12841</b><br>
            passagefiltersepia.append(input);<br>
<b>12842</b><br>
            passagefiltersepiarangeset();<br>
<b>12843</b><br>
        }<br>
<b>12844</b><br>
        addEventListener(&quot;load&quot;, passagefiltersepiarangeload);<br>
<b>12845</b><br>
        function passagefiltersepiarangeset()<br>
<b>12846</b><br>
        {<br>
<b>12847</b><br>
            const v = passagefiltersepiarange.value;<br>
<b>12848</b><br>
            passagefiltersepianumber.value = v;<br>
<b>12849</b><br>
            text.passagebackdropfiltersepia = v;<br>
<b>12850</b><br>
        }<br>
<b>12851</b><br>
        function passagefiltersepiarangeupdate()<br>
<b>12852</b><br>
        {<br>
<b>12853</b><br>
            passagefiltersepiarangeset();<br>
<b>12854</b><br>
            svgupdate();<br>
<b>12855</b><br>
        }<br>
<b>12856</b><br>
        function passagefiltersepiaexactload()<br>
<b>12857</b><br>
        {<br>
<b>12858</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>12859</b><br>
            passagefiltersepia.append(br);<br>
<b>12860</b><br>
            const array =<br>
<b>12861</b><br>
            [<br>
<b>12862</b><br>
                [&quot;0&quot;,0],<br>
<b>12863</b><br>
                [&quot;25&quot;,25],<br>
<b>12864</b><br>
                [&quot;50&quot;,50],<br>
<b>12865</b><br>
                [&quot;75&quot;,75],<br>
<b>12866</b><br>
                [&quot;100&quot;,100],<br>
<b>12867</b><br>
            ];<br>
<b>12868</b><br>
            for(const value of array)<br>
<b>12869</b><br>
            {<br>
<b>12870</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>12871</b><br>
                button.innerHTML = value[0];<br>
<b>12872</b><br>
                button.value = value[1];<br>
<b>12873</b><br>
                button.addEventListener(&quot;click&quot;, passagefiltersepiaexactupdate);<br>
<b>12874</b><br>
                passagefiltersepia.append(button);<br>
<b>12875</b><br>
            }<br>
<b>12876</b><br>
        }<br>
<b>12877</b><br>
        addEventListener(&quot;load&quot;, passagefiltersepiaexactload);<br>
<b>12878</b><br>
        function passagefiltersepiaexactupdate(e)<br>
<b>12879</b><br>
        {<br>
<b>12880</b><br>
            passagefiltersepianumber.value = Number(e.target.value);<br>
<b>12881</b><br>
            passagefiltersepianumberupdate();<br>
<b>12882</b><br>
        }<br>
<b>12883</b><br>
        function passagefiltersepiaincrementload()<br>
<b>12884</b><br>
        {<br>
<b>12885</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>12886</b><br>
            passagefiltersepia.append(br);<br>
<b>12887</b><br>
            const array =<br>
<b>12888</b><br>
            [<br>
<b>12889</b><br>
                [&quot;-10&quot;,-10],<br>
<b>12890</b><br>
                [&quot;-1&quot;,-1],<br>
<b>12891</b><br>
                [&quot;+1&quot;,1],<br>
<b>12892</b><br>
                [&quot;+10&quot;,10],<br>
<b>12893</b><br>
            ];<br>
<b>12894</b><br>
            for(const value of array)<br>
<b>12895</b><br>
            {<br>
<b>12896</b><br>
                const button = document.createElement(&quot;button&quot;);<br>
<b>12897</b><br>
                button.innerHTML = value[0];<br>
<b>12898</b><br>
                button.value = value[1];<br>
<b>12899</b><br>
                button.addEventListener(&quot;click&quot;, passagefiltersepiaincrementupdate);<br>
<b>12900</b><br>
                passagefiltersepia.append(button);<br>
<b>12901</b><br>
            }<br>
<b>12902</b><br>
        }<br>
<b>12903</b><br>
        addEventListener(&quot;load&quot;, passagefiltersepiaincrementload);<br>
<b>12904</b><br>
        function passagefiltersepiaincrementupdate(e)<br>
<b>12905</b><br>
        {<br>
<b>12906</b><br>
            const v = Number(passagefiltersepianumber.value) + Number(e.target.value);<br>
<b>12907</b><br>
            if((passagefiltersepianumber.min &lt;= v) &amp;&amp; (v &lt;= passagefiltersepianumber.max))<br>
<b>12908</b><br>
            {<br>
<b>12909</b><br>
                passagefiltersepianumber.value = v;<br>
<b>12910</b><br>
                passagefiltersepianumberupdate();<br>
<b>12911</b><br>
            }<br>
<b>12912</b><br>
        }<br>
<b>12913</b><br>
//*/<br>
<b>12914</b><br>
/*<br>
<b>12915</b><br>
        function passagemargintopload()<br>
<b>12916</b><br>
        {<br>
<b>12917</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>12918</b><br>
            div.id = &quot;passagemargintop&quot;;<br>
<b>12919</b><br>
            div.innerHTML = &quot;margin-top&quot;;<br>
<b>12920</b><br>
            tabcontentpassage.append(div);<br>
<b>12921</b><br>
        }<br>
<b>12922</b><br>
        addEventListener(&quot;load&quot;, passagemargintopload);<br>
<b>12923</b><br>
        function passagemargintopnumberload()<br>
<b>12924</b><br>
        {<br>
<b>12925</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>12926</b><br>
            passagemargintop.append(br);<br>
<b>12927</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>12928</b><br>
            input.id = &quot;passagemargintopnumber&quot;;<br>
<b>12929</b><br>
            input.max = 1000;<br>
<b>12930</b><br>
            input.min = 0;<br>
<b>12931</b><br>
            input.type = &quot;number&quot;;<br>
<b>12932</b><br>
            input.value = 0;<br>
<b>12933</b><br>
            input.addEventListener(&quot;input&quot;, passagemargintopnumberupdate);<br>
<b>12934</b><br>
            passagemargintop.append(input);<br>
<b>12935</b><br>
            //passagemargintopnumberset();<br>
<b>12936</b><br>
        }<br>
<b>12937</b><br>
        addEventListener(&quot;load&quot;, passagemargintopnumberload);<br>
<b>12938</b><br>
        function passagemargintopnumberset()<br>
<b>12939</b><br>
        {<br>
<b>12940</b><br>
            const v = Number(passagemargintopnumber.value);<br>
<b>12941</b><br>
            passagemargintoprange.value = v;<br>
<b>12942</b><br>
            text.passagemargintop = v;<br>
<b>12943</b><br>
        }<br>
<b>12944</b><br>
        function passagemargintopnumberupdate()<br>
<b>12945</b><br>
        {<br>
<b>12946</b><br>
            passagemargintopnumberset();<br>
<b>12947</b><br>
            svgupdate();<br>
<b>12948</b><br>
        }<br>
<b>12949</b><br>
        function passagemargintoprangeload()<br>
<b>12950</b><br>
        {<br>
<b>12951</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>12952</b><br>
            input.id = &quot;passagemargintoprange&quot;;<br>
<b>12953</b><br>
            input.max = passagemargintopnumber.max;<br>
<b>12954</b><br>
            input.min = passagemargintopnumber.min;<br>
<b>12955</b><br>
            input.type = &quot;range&quot;;<br>
<b>12956</b><br>
            input.value = passagemargintopnumber.value;<br>
<b>12957</b><br>
            input.addEventListener(&quot;input&quot;, passagemargintoprangeupdate);<br>
<b>12958</b><br>
            passagemargintop.append(input);<br>
<b>12959</b><br>
            passagemargintoprangeset();<br>
<b>12960</b><br>
        }<br>
<b>12961</b><br>
        addEventListener(&quot;load&quot;, passagemargintoprangeload);<br>
<b>12962</b><br>
        function passagemargintoprangeset()<br>
<b>12963</b><br>
        {<br>
<b>12964</b><br>
            const v = Number(passagemargintoprange.value);<br>
<b>12965</b><br>
            passagemargintopnumber.value = v;<br>
<b>12966</b><br>
            text.passagemargintop = v;<br>
<b>12967</b><br>
        }<br>
<b>12968</b><br>
        function passagemargintoprangeupdate()<br>
<b>12969</b><br>
        {<br>
<b>12970</b><br>
            passagemargintoprangeset();<br>
<b>12971</b><br>
            svgupdate();<br>
<b>12972</b><br>
        }<br>
<b>12973</b><br>
        function passagemarginbottomload()<br>
<b>12974</b><br>
        {<br>
<b>12975</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>12976</b><br>
            div.id = &quot;passagemarginbottom&quot;;<br>
<b>12977</b><br>
            div.innerHTML = &quot;margin-bottom&quot;;<br>
<b>12978</b><br>
            tabcontentpassage.append(div);<br>
<b>12979</b><br>
        }<br>
<b>12980</b><br>
        addEventListener(&quot;load&quot;, passagemarginbottomload);<br>
<b>12981</b><br>
        function passagemarginbottomnumberload()<br>
<b>12982</b><br>
        {<br>
<b>12983</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>12984</b><br>
            passagemarginbottom.append(br);<br>
<b>12985</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>12986</b><br>
            input.id = &quot;passagemarginbottomnumber&quot;;<br>
<b>12987</b><br>
            input.max = 1000;<br>
<b>12988</b><br>
            input.min = 0;<br>
<b>12989</b><br>
            input.type = &quot;number&quot;;<br>
<b>12990</b><br>
            input.value = 0;<br>
<b>12991</b><br>
            input.addEventListener(&quot;input&quot;, passagemarginbottomnumberupdate);<br>
<b>12992</b><br>
            passagemarginbottom.append(input);<br>
<b>12993</b><br>
            //passagemarginbottomnumberset();<br>
<b>12994</b><br>
        }<br>
<b>12995</b><br>
        addEventListener(&quot;load&quot;, passagemarginbottomnumberload);<br>
<b>12996</b><br>
        function passagemarginbottomnumberset()<br>
<b>12997</b><br>
        {<br>
<b>12998</b><br>
            const v = Number(passagemarginbottomnumber.value);<br>
<b>12999</b><br>
            passagemarginbottomrange.value = v;<br>
<b>13000</b><br>
            text.passagemarginbottom = v;<br>
<b>13001</b><br>
        }<br>
<b>13002</b><br>
        function passagemarginbottomnumberupdate()<br>
<b>13003</b><br>
        {<br>
<b>13004</b><br>
            passagemarginbottomnumberset();<br>
<b>13005</b><br>
            svgupdate();<br>
<b>13006</b><br>
        }<br>
<b>13007</b><br>
        function passagemarginbottomrangeload()<br>
<b>13008</b><br>
        {<br>
<b>13009</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>13010</b><br>
            input.id = &quot;passagemarginbottomrange&quot;;<br>
<b>13011</b><br>
            input.max = passagemarginbottomnumber.max;<br>
<b>13012</b><br>
            input.min = passagemarginbottomnumber.min;<br>
<b>13013</b><br>
            input.type = &quot;range&quot;;<br>
<b>13014</b><br>
            input.value = passagemarginbottomnumber.value;<br>
<b>13015</b><br>
            input.addEventListener(&quot;input&quot;, passagemarginbottomrangeupdate);<br>
<b>13016</b><br>
            passagemarginbottom.append(input);<br>
<b>13017</b><br>
            passagemarginbottomrangeset();<br>
<b>13018</b><br>
        }<br>
<b>13019</b><br>
        addEventListener(&quot;load&quot;, passagemarginbottomrangeload);<br>
<b>13020</b><br>
        function passagemarginbottomrangeset()<br>
<b>13021</b><br>
        {<br>
<b>13022</b><br>
            const v = Number(passagemarginbottomrange.value);<br>
<b>13023</b><br>
            passagemarginbottomnumber.value = v;<br>
<b>13024</b><br>
            text.passagemarginbottom = v;<br>
<b>13025</b><br>
        }<br>
<b>13026</b><br>
        function passagemarginbottomrangeupdate()<br>
<b>13027</b><br>
        {<br>
<b>13028</b><br>
            passagemarginbottomrangeset();<br>
<b>13029</b><br>
            svgupdate();<br>
<b>13030</b><br>
        }<br>
<b>13031</b><br>
        function passagemarginleftload()<br>
<b>13032</b><br>
        {<br>
<b>13033</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>13034</b><br>
            div.id = &quot;passagemarginleft&quot;;<br>
<b>13035</b><br>
            div.innerHTML = &quot;margin-left&quot;;<br>
<b>13036</b><br>
            tabcontentpassage.append(div);<br>
<b>13037</b><br>
        }<br>
<b>13038</b><br>
        addEventListener(&quot;load&quot;, passagemarginleftload);<br>
<b>13039</b><br>
        function passagemarginleftnumberload()<br>
<b>13040</b><br>
        {<br>
<b>13041</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>13042</b><br>
            passagemarginleft.append(br);<br>
<b>13043</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>13044</b><br>
            input.id = &quot;passagemarginleftnumber&quot;;<br>
<b>13045</b><br>
            input.max = 1000;<br>
<b>13046</b><br>
            input.min = 0;<br>
<b>13047</b><br>
            input.type = &quot;number&quot;;<br>
<b>13048</b><br>
            input.value = 0;<br>
<b>13049</b><br>
            input.addEventListener(&quot;input&quot;, passagemarginleftnumberupdate);<br>
<b>13050</b><br>
            passagemarginleft.append(input);<br>
<b>13051</b><br>
            //passagemarginleftnumberset();<br>
<b>13052</b><br>
        }<br>
<b>13053</b><br>
        addEventListener(&quot;load&quot;, passagemarginleftnumberload);<br>
<b>13054</b><br>
        function passagemarginleftnumberset()<br>
<b>13055</b><br>
        {<br>
<b>13056</b><br>
            const v = Number(passagemarginleftnumber.value);<br>
<b>13057</b><br>
            passagemarginleftrange.value = v;<br>
<b>13058</b><br>
            text.passagemarginleft = v;<br>
<b>13059</b><br>
        }<br>
<b>13060</b><br>
        function passagemarginleftnumberupdate()<br>
<b>13061</b><br>
        {<br>
<b>13062</b><br>
            passagemarginleftnumberset();<br>
<b>13063</b><br>
            svgupdate();<br>
<b>13064</b><br>
        }<br>
<b>13065</b><br>
        function passagemarginleftrangeload()<br>
<b>13066</b><br>
        {<br>
<b>13067</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>13068</b><br>
            input.id = &quot;passagemarginleftrange&quot;;<br>
<b>13069</b><br>
            input.max = passagemarginleftnumber.max;<br>
<b>13070</b><br>
            input.min = passagemarginleftnumber.min;<br>
<b>13071</b><br>
            input.type = &quot;range&quot;;<br>
<b>13072</b><br>
            input.value = passagemarginleftnumber.value;<br>
<b>13073</b><br>
            input.addEventListener(&quot;input&quot;, passagemarginleftrangeupdate);<br>
<b>13074</b><br>
            passagemarginleft.append(input);<br>
<b>13075</b><br>
            passagemarginleftrangeset();<br>
<b>13076</b><br>
        }<br>
<b>13077</b><br>
        addEventListener(&quot;load&quot;, passagemarginleftrangeload);<br>
<b>13078</b><br>
        function passagemarginleftrangeset()<br>
<b>13079</b><br>
        {<br>
<b>13080</b><br>
            const v = Number(passagemarginleftrange.value);<br>
<b>13081</b><br>
            passagemarginleftnumber.value = v;<br>
<b>13082</b><br>
            text.passagemarginleft = v;<br>
<b>13083</b><br>
        }<br>
<b>13084</b><br>
        function passagemarginleftrangeupdate()<br>
<b>13085</b><br>
        {<br>
<b>13086</b><br>
            passagemarginleftrangeset();<br>
<b>13087</b><br>
            svgupdate();<br>
<b>13088</b><br>
        }<br>
<b>13089</b><br>
        function passagemarginrightload()<br>
<b>13090</b><br>
        {<br>
<b>13091</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>13092</b><br>
            div.id = &quot;passagemarginright&quot;;<br>
<b>13093</b><br>
            div.innerHTML = &quot;margin-right&quot;;<br>
<b>13094</b><br>
            tabcontentpassage.append(div);<br>
<b>13095</b><br>
        }<br>
<b>13096</b><br>
        addEventListener(&quot;load&quot;, passagemarginrightload);<br>
<b>13097</b><br>
        function passagemarginrightnumberload()<br>
<b>13098</b><br>
        {<br>
<b>13099</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>13100</b><br>
            passagemarginright.append(br);<br>
<b>13101</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>13102</b><br>
            input.id = &quot;passagemarginrightnumber&quot;;<br>
<b>13103</b><br>
            input.max = 1000;<br>
<b>13104</b><br>
            input.min = 0;<br>
<b>13105</b><br>
            input.type = &quot;number&quot;;<br>
<b>13106</b><br>
            input.value = 0;<br>
<b>13107</b><br>
            input.addEventListener(&quot;input&quot;, passagemarginrightnumberupdate);<br>
<b>13108</b><br>
            passagemarginright.append(input);<br>
<b>13109</b><br>
            //passagemarginrightnumberset();<br>
<b>13110</b><br>
        }<br>
<b>13111</b><br>
        addEventListener(&quot;load&quot;, passagemarginrightnumberload);<br>
<b>13112</b><br>
        function passagemarginrightnumberset()<br>
<b>13113</b><br>
        {<br>
<b>13114</b><br>
            const v = Number(passagemarginrightnumber.value);<br>
<b>13115</b><br>
            passagemarginrightrange.value = v;<br>
<b>13116</b><br>
            text.passagemarginright = v;<br>
<b>13117</b><br>
        }<br>
<b>13118</b><br>
        function passagemarginrightnumberupdate()<br>
<b>13119</b><br>
        {<br>
<b>13120</b><br>
            passagemarginrightnumberset();<br>
<b>13121</b><br>
            svgupdate();<br>
<b>13122</b><br>
        }<br>
<b>13123</b><br>
        function passagemarginrightrangeload()<br>
<b>13124</b><br>
        {<br>
<b>13125</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>13126</b><br>
            input.id = &quot;passagemarginrightrange&quot;;<br>
<b>13127</b><br>
            input.max = passagemarginrightnumber.max;<br>
<b>13128</b><br>
            input.min = passagemarginrightnumber.min;<br>
<b>13129</b><br>
            input.type = &quot;range&quot;;<br>
<b>13130</b><br>
            input.value = passagemarginrightnumber.value;<br>
<b>13131</b><br>
            input.addEventListener(&quot;input&quot;, passagemarginrightrangeupdate);<br>
<b>13132</b><br>
            passagemarginright.append(input);<br>
<b>13133</b><br>
            passagemarginrightrangeset();<br>
<b>13134</b><br>
        }<br>
<b>13135</b><br>
        addEventListener(&quot;load&quot;, passagemarginrightrangeload);<br>
<b>13136</b><br>
        function passagemarginrightrangeset()<br>
<b>13137</b><br>
        {<br>
<b>13138</b><br>
            const v = Number(passagemarginrightrange.value);<br>
<b>13139</b><br>
            passagemarginrightnumber.value = v;<br>
<b>13140</b><br>
            text.passagemarginright = v;<br>
<b>13141</b><br>
        }<br>
<b>13142</b><br>
        function passagemarginrightrangeupdate()<br>
<b>13143</b><br>
        {<br>
<b>13144</b><br>
            passagemarginrightrangeset();<br>
<b>13145</b><br>
            svgupdate();<br>
<b>13146</b><br>
        }<br>
<b>13147</b><br>
        function passagepaddingtopload()<br>
<b>13148</b><br>
        {<br>
<b>13149</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>13150</b><br>
            div.id = &quot;passagepaddingtop&quot;;<br>
<b>13151</b><br>
            div.innerHTML = &quot;padding-top&quot;;<br>
<b>13152</b><br>
            tabcontentpassage.append(div);<br>
<b>13153</b><br>
        }<br>
<b>13154</b><br>
        addEventListener(&quot;load&quot;, passagepaddingtopload);<br>
<b>13155</b><br>
        function passagepaddingtopnumberload()<br>
<b>13156</b><br>
        {<br>
<b>13157</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>13158</b><br>
            passagepaddingtop.append(br);<br>
<b>13159</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>13160</b><br>
            input.id = &quot;passagepaddingtopnumber&quot;;<br>
<b>13161</b><br>
            input.max = 1000;<br>
<b>13162</b><br>
            input.min = 0;<br>
<b>13163</b><br>
            input.type = &quot;number&quot;;<br>
<b>13164</b><br>
            input.value = 0;<br>
<b>13165</b><br>
            input.addEventListener(&quot;input&quot;, passagepaddingtopnumberupdate);<br>
<b>13166</b><br>
            passagepaddingtop.append(input);<br>
<b>13167</b><br>
            //passagepaddingtopnumberset();<br>
<b>13168</b><br>
        }<br>
<b>13169</b><br>
        addEventListener(&quot;load&quot;, passagepaddingtopnumberload);<br>
<b>13170</b><br>
        function passagepaddingtopnumberset()<br>
<b>13171</b><br>
        {<br>
<b>13172</b><br>
            const v = Number(passagepaddingtopnumber.value);<br>
<b>13173</b><br>
            passagepaddingtoprange.value = v;<br>
<b>13174</b><br>
            text.passagepaddingtop = v;<br>
<b>13175</b><br>
        }<br>
<b>13176</b><br>
        function passagepaddingtopnumberupdate()<br>
<b>13177</b><br>
        {<br>
<b>13178</b><br>
            passagepaddingtopnumberset();<br>
<b>13179</b><br>
            svgupdate();<br>
<b>13180</b><br>
        }<br>
<b>13181</b><br>
        function passagepaddingtoprangeload()<br>
<b>13182</b><br>
        {<br>
<b>13183</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>13184</b><br>
            input.id = &quot;passagepaddingtoprange&quot;;<br>
<b>13185</b><br>
            input.max = passagepaddingtopnumber.max;<br>
<b>13186</b><br>
            input.min = passagepaddingtopnumber.min;<br>
<b>13187</b><br>
            input.type = &quot;range&quot;;<br>
<b>13188</b><br>
            input.value = passagepaddingtopnumber.value;<br>
<b>13189</b><br>
            input.addEventListener(&quot;input&quot;, passagepaddingtoprangeupdate);<br>
<b>13190</b><br>
            passagepaddingtop.append(input);<br>
<b>13191</b><br>
            passagepaddingtoprangeset();<br>
<b>13192</b><br>
        }<br>
<b>13193</b><br>
        addEventListener(&quot;load&quot;, passagepaddingtoprangeload);<br>
<b>13194</b><br>
        function passagepaddingtoprangeset()<br>
<b>13195</b><br>
        {<br>
<b>13196</b><br>
            const v = Number(passagepaddingtoprange.value);<br>
<b>13197</b><br>
            passagepaddingtopnumber.value = v;<br>
<b>13198</b><br>
            text.passagepaddingtop = v;<br>
<b>13199</b><br>
        }<br>
<b>13200</b><br>
        function passagepaddingtoprangeupdate()<br>
<b>13201</b><br>
        {<br>
<b>13202</b><br>
            passagepaddingtoprangeset();<br>
<b>13203</b><br>
            svgupdate();<br>
<b>13204</b><br>
        }<br>
<b>13205</b><br>
        function passagepaddingbottomload()<br>
<b>13206</b><br>
        {<br>
<b>13207</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>13208</b><br>
            div.id = &quot;passagepaddingbottom&quot;;<br>
<b>13209</b><br>
            div.innerHTML = &quot;padding-bottom&quot;;<br>
<b>13210</b><br>
            tabcontentpassage.append(div);<br>
<b>13211</b><br>
        }<br>
<b>13212</b><br>
        addEventListener(&quot;load&quot;, passagepaddingbottomload);<br>
<b>13213</b><br>
        function passagepaddingbottomnumberload()<br>
<b>13214</b><br>
        {<br>
<b>13215</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>13216</b><br>
            passagepaddingbottom.append(br);<br>
<b>13217</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>13218</b><br>
            input.id = &quot;passagepaddingbottomnumber&quot;;<br>
<b>13219</b><br>
            input.max = 1000;<br>
<b>13220</b><br>
            input.min = 0;<br>
<b>13221</b><br>
            input.type = &quot;number&quot;;<br>
<b>13222</b><br>
            input.value = 0;<br>
<b>13223</b><br>
            input.addEventListener(&quot;input&quot;, passagepaddingbottomnumberupdate);<br>
<b>13224</b><br>
            passagepaddingbottom.append(input);<br>
<b>13225</b><br>
            //passagepaddingbottomnumberset();<br>
<b>13226</b><br>
        }<br>
<b>13227</b><br>
        addEventListener(&quot;load&quot;, passagepaddingbottomnumberload);<br>
<b>13228</b><br>
        function passagepaddingbottomnumberset()<br>
<b>13229</b><br>
        {<br>
<b>13230</b><br>
            const v = Number(passagepaddingbottomnumber.value);<br>
<b>13231</b><br>
            passagepaddingbottomrange.value = v;<br>
<b>13232</b><br>
            text.passagepaddingbottom = v;<br>
<b>13233</b><br>
        }<br>
<b>13234</b><br>
        function passagepaddingbottomnumberupdate()<br>
<b>13235</b><br>
        {<br>
<b>13236</b><br>
            passagepaddingbottomnumberset();<br>
<b>13237</b><br>
            svgupdate();<br>
<b>13238</b><br>
        }<br>
<b>13239</b><br>
        function passagepaddingbottomrangeload()<br>
<b>13240</b><br>
        {<br>
<b>13241</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>13242</b><br>
            input.id = &quot;passagepaddingbottomrange&quot;;<br>
<b>13243</b><br>
            input.max = passagepaddingbottomnumber.max;<br>
<b>13244</b><br>
            input.min = passagepaddingbottomnumber.min;<br>
<b>13245</b><br>
            input.type = &quot;range&quot;;<br>
<b>13246</b><br>
            input.value = passagepaddingbottomnumber.value;<br>
<b>13247</b><br>
            input.addEventListener(&quot;input&quot;, passagepaddingbottomrangeupdate);<br>
<b>13248</b><br>
            passagepaddingbottom.append(input);<br>
<b>13249</b><br>
            passagepaddingbottomrangeset();<br>
<b>13250</b><br>
        }<br>
<b>13251</b><br>
        addEventListener(&quot;load&quot;, passagepaddingbottomrangeload);<br>
<b>13252</b><br>
        function passagepaddingbottomrangeset()<br>
<b>13253</b><br>
        {<br>
<b>13254</b><br>
            const v = Number(passagepaddingbottomrange.value);<br>
<b>13255</b><br>
            passagepaddingbottomnumber.value = v;<br>
<b>13256</b><br>
            text.passagepaddingbottom = v;<br>
<b>13257</b><br>
        }<br>
<b>13258</b><br>
        function passagepaddingbottomrangeupdate()<br>
<b>13259</b><br>
        {<br>
<b>13260</b><br>
            passagepaddingbottomrangeset();<br>
<b>13261</b><br>
            svgupdate();<br>
<b>13262</b><br>
        }<br>
<b>13263</b><br>
        function passagepaddingleftload()<br>
<b>13264</b><br>
        {<br>
<b>13265</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>13266</b><br>
            div.id = &quot;passagepaddingleft&quot;;<br>
<b>13267</b><br>
            div.innerHTML = &quot;padding-left&quot;;<br>
<b>13268</b><br>
            tabcontentpassage.append(div);<br>
<b>13269</b><br>
        }<br>
<b>13270</b><br>
        addEventListener(&quot;load&quot;, passagepaddingleftload);<br>
<b>13271</b><br>
        function passagepaddingleftnumberload()<br>
<b>13272</b><br>
        {<br>
<b>13273</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>13274</b><br>
            passagepaddingleft.append(br);<br>
<b>13275</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>13276</b><br>
            input.id = &quot;passagepaddingleftnumber&quot;;<br>
<b>13277</b><br>
            input.max = 1000;<br>
<b>13278</b><br>
            input.min = 0;<br>
<b>13279</b><br>
            input.type = &quot;number&quot;;<br>
<b>13280</b><br>
            input.value = 0;<br>
<b>13281</b><br>
            input.addEventListener(&quot;input&quot;, passagepaddingleftnumberupdate);<br>
<b>13282</b><br>
            passagepaddingleft.append(input);<br>
<b>13283</b><br>
            //passagepaddingleftnumberset();<br>
<b>13284</b><br>
        }<br>
<b>13285</b><br>
        addEventListener(&quot;load&quot;, passagepaddingleftnumberload);<br>
<b>13286</b><br>
        function passagepaddingleftnumberset()<br>
<b>13287</b><br>
        {<br>
<b>13288</b><br>
            const v = Number(passagepaddingleftnumber.value);<br>
<b>13289</b><br>
            passagepaddingleftrange.value = v;<br>
<b>13290</b><br>
            text.passagepaddingleft = v;<br>
<b>13291</b><br>
        }<br>
<b>13292</b><br>
        function passagepaddingleftnumberupdate()<br>
<b>13293</b><br>
        {<br>
<b>13294</b><br>
            passagepaddingleftnumberset();<br>
<b>13295</b><br>
            svgupdate();<br>
<b>13296</b><br>
        }<br>
<b>13297</b><br>
        function passagepaddingleftrangeload()<br>
<b>13298</b><br>
        {<br>
<b>13299</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>13300</b><br>
            input.id = &quot;passagepaddingleftrange&quot;;<br>
<b>13301</b><br>
            input.max = passagepaddingleftnumber.max;<br>
<b>13302</b><br>
            input.min = passagepaddingleftnumber.min;<br>
<b>13303</b><br>
            input.type = &quot;range&quot;;<br>
<b>13304</b><br>
            input.value = passagepaddingleftnumber.value;<br>
<b>13305</b><br>
            input.addEventListener(&quot;input&quot;, passagepaddingleftrangeupdate);<br>
<b>13306</b><br>
            passagepaddingleft.append(input);<br>
<b>13307</b><br>
            passagepaddingleftrangeset();<br>
<b>13308</b><br>
        }<br>
<b>13309</b><br>
        addEventListener(&quot;load&quot;, passagepaddingleftrangeload);<br>
<b>13310</b><br>
        function passagepaddingleftrangeset()<br>
<b>13311</b><br>
        {<br>
<b>13312</b><br>
            const v = Number(passagepaddingleftrange.value);<br>
<b>13313</b><br>
            passagepaddingleftnumber.value = v;<br>
<b>13314</b><br>
            text.passagepaddingleft = v;<br>
<b>13315</b><br>
        }<br>
<b>13316</b><br>
        function passagepaddingleftrangeupdate()<br>
<b>13317</b><br>
        {<br>
<b>13318</b><br>
            passagepaddingleftrangeset();<br>
<b>13319</b><br>
            svgupdate();<br>
<b>13320</b><br>
        }<br>
<b>13321</b><br>
        function passagepaddingrightload()<br>
<b>13322</b><br>
        {<br>
<b>13323</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>13324</b><br>
            div.id = &quot;passagepaddingright&quot;;<br>
<b>13325</b><br>
            div.innerHTML = &quot;padding-right&quot;;<br>
<b>13326</b><br>
            tabcontentpassage.append(div);<br>
<b>13327</b><br>
        }<br>
<b>13328</b><br>
        addEventListener(&quot;load&quot;, passagepaddingrightload);<br>
<b>13329</b><br>
        function passagepaddingrightnumberload()<br>
<b>13330</b><br>
        {<br>
<b>13331</b><br>
            const br = document.createElement(&quot;br&quot;);<br>
<b>13332</b><br>
            passagepaddingright.append(br);<br>
<b>13333</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>13334</b><br>
            input.id = &quot;passagepaddingrightnumber&quot;;<br>
<b>13335</b><br>
            input.max = 1000;<br>
<b>13336</b><br>
            input.min = 0;<br>
<b>13337</b><br>
            input.type = &quot;number&quot;;<br>
<b>13338</b><br>
            input.value = 0;<br>
<b>13339</b><br>
            input.addEventListener(&quot;input&quot;, passagepaddingrightnumberupdate);<br>
<b>13340</b><br>
            passagepaddingright.append(input);<br>
<b>13341</b><br>
            //passagepaddingrightnumberset();<br>
<b>13342</b><br>
        }<br>
<b>13343</b><br>
        addEventListener(&quot;load&quot;, passagepaddingrightnumberload);<br>
<b>13344</b><br>
        function passagepaddingrightnumberset()<br>
<b>13345</b><br>
        {<br>
<b>13346</b><br>
            const v = Number(passagepaddingrightnumber.value);<br>
<b>13347</b><br>
            passagepaddingrightrange.value = v;<br>
<b>13348</b><br>
            text.passagepaddingright = v;<br>
<b>13349</b><br>
        }<br>
<b>13350</b><br>
        function passagepaddingrightnumberupdate()<br>
<b>13351</b><br>
        {<br>
<b>13352</b><br>
            passagepaddingrightnumberset();<br>
<b>13353</b><br>
            svgupdate();<br>
<b>13354</b><br>
        }<br>
<b>13355</b><br>
        function passagepaddingrightrangeload()<br>
<b>13356</b><br>
        {<br>
<b>13357</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>13358</b><br>
            input.id = &quot;passagepaddingrightrange&quot;;<br>
<b>13359</b><br>
            input.max = passagepaddingrightnumber.max;<br>
<b>13360</b><br>
            input.min = passagepaddingrightnumber.min;<br>
<b>13361</b><br>
            input.type = &quot;range&quot;;<br>
<b>13362</b><br>
            input.value = passagepaddingrightnumber.value;<br>
<b>13363</b><br>
            input.addEventListener(&quot;input&quot;, passagepaddingrightrangeupdate);<br>
<b>13364</b><br>
            passagepaddingright.append(input);<br>
<b>13365</b><br>
            passagepaddingrightrangeset();<br>
<b>13366</b><br>
        }<br>
<b>13367</b><br>
        addEventListener(&quot;load&quot;, passagepaddingrightrangeload);<br>
<b>13368</b><br>
        function passagepaddingrightrangeset()<br>
<b>13369</b><br>
        {<br>
<b>13370</b><br>
            const v = Number(passagepaddingrightrange.value);<br>
<b>13371</b><br>
            passagepaddingrightnumber.value = v;<br>
<b>13372</b><br>
            text.passagepaddingright = v;<br>
<b>13373</b><br>
        }<br>
<b>13374</b><br>
        function passagepaddingrightrangeupdate()<br>
<b>13375</b><br>
        {<br>
<b>13376</b><br>
            passagepaddingrightrangeset();<br>
<b>13377</b><br>
            svgupdate();<br>
<b>13378</b><br>
        }<br>
<b>13379</b><br>
//*/<br>
<b>13380</b><br>
        function savedownloadload()<br>
<b>13381</b><br>
        {<br>
<b>13382</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>13383</b><br>
            div.id = &quot;savedownload&quot;;<br>
<b>13384</b><br>
            //div.innerHTML = &quot;download&lt;br&gt;&quot;;<br>
<b>13385</b><br>
            tabcontentsave.append(div);<br>
<b>13386</b><br>
        }<br>
<b>13387</b><br>
        addEventListener(&quot;load&quot;, savedownloadload);<br>
<b>13388</b><br>
        function savedownloadimageload()<br>
<b>13389</b><br>
        {<br>
<b>13390</b><br>
            const a = document.createElement(&quot;a&quot;);<br>
<b>13391</b><br>
            a.download = &quot;download&quot;;<br>
<b>13392</b><br>
            a.id = &quot;savedownloadimage&quot;;<br>
<b>13393</b><br>
            a.innerHTML = &quot;download&quot;;<br>
<b>13394</b><br>
            a.addEventListener(&quot;click&quot;, savedownloadimageupdate);<br>
<b>13395</b><br>
            savedownload.append(a);<br>
<b>13396</b><br>
            savedownloadimageupdate();<br>
<b>13397</b><br>
        }<br>
<b>13398</b><br>
        addEventListener(&quot;load&quot;, savedownloadimageload);<br>
<b>13399</b><br>
        function savedownloadimageupdate()<br>
<b>13400</b><br>
        {<br>
<b>13401</b><br>
            savedownloadimage.href = canvas.toDataURL();<br>
<b>13402</b><br>
        }<br>
<b>13403</b><br>
/*<br>
<b>13404</b><br>
        function savedownloadsettingsload()<br>
<b>13405</b><br>
        {<br>
<b>13406</b><br>
            const a = document.createElement(&quot;a&quot;);<br>
<b>13407</b><br>
            a.download = &quot;settings.txt&quot;;<br>
<b>13408</b><br>
            a.id = &quot;savedownloadsettings&quot;;<br>
<b>13409</b><br>
            a.innerHTML = &quot;&lt;br&gt;settings&quot;;<br>
<b>13410</b><br>
            a.addEventListener(&quot;click&quot;, savedownloadsettingsupdate);<br>
<b>13411</b><br>
            savedownload.append(a);<br>
<b>13412</b><br>
            savedownloadsettingsupdate();<br>
<b>13413</b><br>
        }<br>
<b>13414</b><br>
        addEventListener(&quot;load&quot;, savedownloadsettingsload);<br>
<b>13415</b><br>
        function savedownloadsettingsupdate()<br>
<b>13416</b><br>
        {<br>
<b>13417</b><br>
            const data =<br>
<b>13418</b><br>
            [<br>
<b>13419</b><br>
                [<br>
<b>13420</b><br>
                    &quot;canvas.width&quot;,<br>
<b>13421</b><br>
                    canvas.width,<br>
<b>13422</b><br>
                ],<br>
<b>13423</b><br>
                canvas.height,<br>
<b>13424</b><br>
                canvas.backgroundcolor,<br>
<b>13425</b><br>
                canvas.backgroundalpha,<br>
<b>13426</b><br>
                image.file,<br>
<b>13427</b><br>
                image.fit,<br>
<b>13428</b><br>
                image.width,<br>
<b>13429</b><br>
                image.height,<br>
<b>13430</b><br>
                image.x,<br>
<b>13431</b><br>
                image.y,<br>
<b>13432</b><br>
                image.backgroundcolor,<br>
<b>13433</b><br>
                image.backgroundalpha,<br>
<b>13434</b><br>
                image.opacity,<br>
<b>13435</b><br>
                text.messagetext,<br>
<b>13436</b><br>
                text.messagewidth,<br>
<b>13437</b><br>
                text.messageheight,<br>
<b>13438</b><br>
                text.messagex,<br>
<b>13439</b><br>
                text.messagey,<br>
<b>13440</b><br>
                text.messagehorizontal,<br>
<b>13441</b><br>
                text.messagevertical,<br>
<b>13442</b><br>
                text.messagewritingmode,<br>
<b>13443</b><br>
                text.messagefontfamily,<br>
<b>13444</b><br>
                text.messagefontsize,<br>
<b>13445</b><br>
                text.messagebackgroundcolor,<br>
<b>13446</b><br>
                text.messagebackgroundalpha,<br>
<b>13447</b><br>
                text.messagecolor,<br>
<b>13448</b><br>
                text.messagealpha,<br>
<b>13449</b><br>
                text.version,<br>
<b>13450</b><br>
                text.versionname,<br>
<b>13451</b><br>
                text.book,<br>
<b>13452</b><br>
                text.bookname,<br>
<b>13453</b><br>
                text.chapter,<br>
<b>13454</b><br>
                text.verse,<br>
<b>13455</b><br>
                text.verseend,<br>
<b>13456</b><br>
                text.referencewidth,<br>
<b>13457</b><br>
                text.referenceheight,<br>
<b>13458</b><br>
                text.referencex,<br>
<b>13459</b><br>
                text.referencey,<br>
<b>13460</b><br>
                text.referencehorizontal,<br>
<b>13461</b><br>
                text.referencevertical,<br>
<b>13462</b><br>
                text.referencewritingmode,<br>
<b>13463</b><br>
                text.referencefontfamily,<br>
<b>13464</b><br>
                text.referencefontsize,<br>
<b>13465</b><br>
                text.referencebackgroundcolor,<br>
<b>13466</b><br>
                text.referencebackgroundalpha,<br>
<b>13467</b><br>
                text.referencecolor,<br>
<b>13468</b><br>
                text.referencealpha,<br>
<b>13469</b><br>
                text.passagewidth,<br>
<b>13470</b><br>
                text.passageheight,<br>
<b>13471</b><br>
                text.passagex,<br>
<b>13472</b><br>
                text.passagey,<br>
<b>13473</b><br>
                text.passagehorizontal,<br>
<b>13474</b><br>
                text.passagevertical,<br>
<b>13475</b><br>
                text.passagewritingmode,<br>
<b>13476</b><br>
                text.passagefontfamily,<br>
<b>13477</b><br>
                text.passagefontsize,<br>
<b>13478</b><br>
                text.passagebackgroundcolor,<br>
<b>13479</b><br>
                text.passagebackgroundalpha,<br>
<b>13480</b><br>
                text.passagecolor,<br>
<b>13481</b><br>
                text.passagealpha,<br>
<b>13482</b><br>
            ];<br>
<b>13483</b><br>
            //leftoff<br>
<b>13484</b><br>
            const data2 = [];<br>
<b>13485</b><br>
            for(const a of data)<br>
<b>13486</b><br>
            {<br>
<b>13487</b><br>
                data2<br>
<b>13488</b><br>
            }<br>
<b>13489</b><br>
            savedownloadsettings.href = `data:text/plain,${data}`;<br>
<b>13490</b><br>
        }<br>
<b>13491</b><br>
        function savefileload()<br>
<b>13492</b><br>
        {<br>
<b>13493</b><br>
            const div = document.createElement(&quot;div&quot;);<br>
<b>13494</b><br>
            div.id = &quot;savefile&quot;;<br>
<b>13495</b><br>
            div.innerHTML = &quot;file&lt;br&gt;&quot;;<br>
<b>13496</b><br>
            tabcontentsave.append(div);<br>
<b>13497</b><br>
        }<br>
<b>13498</b><br>
        addEventListener(&quot;load&quot;, savefileload);<br>
<b>13499</b><br>
        function savefilefileload()<br>
<b>13500</b><br>
        {<br>
<b>13501</b><br>
            const input = document.createElement(&quot;input&quot;);<br>
<b>13502</b><br>
            input.id = &quot;savefilefile&quot;;<br>
<b>13503</b><br>
            input.type = &quot;file&quot;;<br>
<b>13504</b><br>
            input.addEventListener(&quot;change&quot;, savefilefileupdate);<br>
<b>13505</b><br>
            savefile.append(input);<br>
<b>13506</b><br>
        }<br>
<b>13507</b><br>
        addEventListener(&quot;load&quot;, savefilefileload);<br>
<b>13508</b><br>
        function savefilefileupdate()<br>
<b>13509</b><br>
        {<br>
<b>13510</b><br>
            const f = savefilefile.files[0];<br>
<b>13511</b><br>
            save.src = URL.createObjectURL(f);<br>
<b>13512</b><br>
        }<br>
<b>13513</b><br>
//*/&lt;/script&gt;&lt;/div&gt;&lt;/main&gt;&lt;div class=banner&gt;&lt;script defer src=https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4239362730750625 crossorigin=anonymous&gt;&lt;/script&gt;&lt;ins class=adsbygoogle data-ad-client=ca-pub-4239362730750625 data-ad-slot=5564639719&gt;&lt;a href=https://samaritanspurse.org/occ/ target=_blank&gt;&lt;img alt=&quot;Samaritan&#039;s Purse Operation Christmas Child&quot; src=/assets/svg/SamaritansPurseOperationChristmasChild5.svg title=&quot;Samaritan&#039;s Purse Operation Christmas Child&quot;&gt;&lt;/a&gt;&lt;/ins&gt;&lt;script&gt;(adsbygoogle = window.adsbygoogle || []).push({});&lt;/script&gt;&lt;/div&gt;&lt;footer&gt;&lt;div id=boilerplate&gt;&lt;div&gt;&lt;a href=/Jesus/&gt;Jesus&lt;/a&gt; · &lt;a href=/Bible/&gt;Bible&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;a href=/html/&gt;HTML&lt;/a&gt; · &lt;a href=/css/&gt;CSS&lt;/a&gt; · &lt;a href=/js/&gt;JS&lt;/a&gt; · &lt;a href=/php/&gt;PHP&lt;/a&gt; · &lt;a href=/svg/&gt;SVG&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;a href=/applications/&gt;Applications&lt;/a&gt; · &lt;a href=/editor/&gt;Editor&lt;/a&gt; · &lt;a href=/favicon/&gt;Favicon&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;a href=/htaccess/&gt;.htaccess&lt;/a&gt; · &lt;a href=/acme.sh/&gt;acme.sh&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;a href=/flash/&gt;Flash&lt;/a&gt; · &lt;a href=/sketchup/&gt;SketchUp&lt;/a&gt; · &lt;a href=/unity/&gt;Unity&lt;/a&gt; · &lt;a href=/xcode/&gt;Xcode&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;a href=/about/&gt;About&lt;/a&gt; · &lt;a href=/privacy/&gt;Privacy&lt;/a&gt; · &lt;a href=/terms/&gt;Terms&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;a href=/&gt;osbo.com&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div id=copyright&gt;© 2026 Osbo Design&lt;/div&gt;&lt;/footer&gt;&lt;/div&gt;&lt;div id=nav&gt;&lt;div class=h1&gt;&lt;a href=/Jesus/&gt;JESUS&lt;/a&gt;&lt;/div&gt;&lt;div class=h1&gt;&lt;a id=switch-Bible&gt;BIBLE&lt;/a&gt;&lt;/div&gt;&lt;div id=list-Bible&gt;&lt;h2&gt;Overview&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/Bible/&gt;Overview&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Search&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/Bible/search/&gt;Search&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Download&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/Bible/download/&gt;Download&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;العربية&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/Bible/asvd/&gt;الكتاب المقدس ترجمة فانديك وسميث (ASVD)&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;česky&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/Bible/csbkr/&gt;Bible Kralická 1613 (CSBKR)&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Dansk&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/Bible/da1871/&gt;Danske Bibel 1871 (DA1871)&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Deutsch&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/Bible/delut/&gt;Luther Bible 1912 (DELUT)&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/Bible/elb/&gt;Elberfelder 1905 (ELB)&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/Bible/elb71/&gt;Elberfelder 1871 (ELB71)&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;English&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/Bible/asv/&gt;American Standard Version (ASV)&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/Bible/kjv/&gt;King James Version (KJV)&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/Bible/web/&gt;World English Bible (WEB)&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Español&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/Bible/rves/&gt;Reina-Valera Antigua (RVES)&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Suomi&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/Bible/fi1776/&gt;Finnish 1776 (FI1776)&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/Bible/finpr/&gt;Finnish 1938 (FINPR)&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Français&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/Bible/fmar/&gt;Martin 1744 (FMAR)&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/Bible/frdby/&gt;Bible Darby en français (FRDBY)&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/Bible/lsg/&gt;Louis Segond 1910 (LSG)&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/Bible/ost/&gt;Ostervald (OST)&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Magyar&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/Bible/kar/&gt;Károli 1590 (KAR)&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Bahasa Indonesia&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/Bible/idbar/&gt;Terjemahan Baru (IDBAR)&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Italiano&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/Bible/igd/&gt;Giovanni Diodati Bibbia (IGD)&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/Bible/itriv/&gt;Italian Riveduta 1927 (ITRIV)&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;日本語&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/Bible/ja1955/&gt;Colloquial Japanese 1955 (JA1955)&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Malagasy&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/Bible/mg1865/&gt;Malagasy Bible (MG1865)&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;te reo Māori&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/Bible/maor/&gt;Maori Bible (MAOR)&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;한국어&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/Bible/korvb/&gt;개역한글 (KORVB)&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Nederlands&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/Bible/sv1750/&gt;Statenvertaling (SV1750)&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Norsk&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/Bible/norsk/&gt;Det Norsk Bibelselskap 1930 (NORSK)&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Polski&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/Bible/pbg/&gt;Biblia Gdańska (PBG)&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Português&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/Bible/aa/&gt;Almeida Atualizada (AA)&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Română&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/Bible/rmnn/&gt;Romanian Cornilescu 1928 (RMNN)&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/Bible/vdc/&gt;Versiunea Dumitru Cornilescu (VDC)&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/Bible/vdcc/&gt;Versiunea Dumitru Cornilescu Corectată (VDCC)&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Pyccкий&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/Bible/rursv/&gt;Синодальный перевод (RURSV)&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Shqip&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/Bible/albb/&gt;Albanian Bible (ALBB)&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Svenska&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/Bible/sk73/&gt;Karl XII 1873 (SK73)&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/Bible/sven/&gt;Svenska 1917 (SVEN)&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Wikang Tagalog&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/Bible/tlab/&gt;Ang Biblia (TLAB)&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;українська&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/Bible/ubio/&gt;Біблія в пер. Івана Огієнка 1962 (UBIO)&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/Bible/ukrk/&gt;Біблія в пер. П.Куліша та І.Пулюя 1905 (UKRK)&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Tiếng Việt&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/Bible/vi1934/&gt;Vietnamese Bible 1934 (VI1934)&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;简体中文&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/Bible/cuvs/&gt;简体和合本 (CUVS)&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;繁體中文&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/Bible/cuv/&gt;和合本 (CUV)&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=h1&gt;&lt;a id=switch-html&gt;HTML&lt;/a&gt;&lt;/div&gt;&lt;div id=list-html&gt;&lt;h2&gt;Overview&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/html/&gt;Overview&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Attributes&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/html/attributes/abbr/&gt;abbr&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/accept/&gt;accept&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/accept-charset/&gt;accept-charset&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/accesskey/&gt;accesskey&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/action/&gt;action&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/alt/&gt;alt&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/as/&gt;as&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/async/&gt;async&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/autocapitalize/&gt;autocapitalize&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/autocomplete/&gt;autocomplete&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/autofocus/&gt;autofocus&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/autoplay/&gt;autoplay&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/blocking/&gt;blocking&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/charset/&gt;charset&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/checked/&gt;checked&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/cite/&gt;cite&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/class/&gt;class&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/color/&gt;color&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/cols/&gt;cols&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/colspan/&gt;colspan&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/contenteditable/&gt;contenteditable&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/controls/&gt;controls&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/coords/&gt;coords&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/crossorigin/&gt;crossorigin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/data/&gt;data&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/datetime/&gt;datetime&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/decoding/&gt;decoding&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/default/&gt;default&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/defer/&gt;defer&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/dir/&gt;dir&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/dirname/&gt;dirname&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/disabled/&gt;disabled&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/download/&gt;download&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/draggable/&gt;draggable&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/enctype/&gt;enctype&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/enterkeyhint/&gt;enterkeyhint&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/exportparts/&gt;exportparts&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/fetchpriority/&gt;fetchpriority&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/for/&gt;for&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/form/&gt;form&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/formaction/&gt;formaction&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/formenctype/&gt;formenctype&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/formmethod/&gt;formmethod&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/formnovalidate/&gt;formnovalidate&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/formtarget/&gt;formtarget&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/headers/&gt;headers&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/height/&gt;height&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/hidden/&gt;hidden&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/high/&gt;high&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/href/&gt;href&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/hreflang/&gt;hreflang&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/http-equiv/&gt;http-equiv&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/id/&gt;id&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/imagesizes/&gt;imagesizes&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/imagesrcset/&gt;imagesrcset&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/inert/&gt;inert&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/inputmode/&gt;inputmode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/integrity/&gt;integrity&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/is/&gt;is&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/ismap/&gt;ismap&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/itemid/&gt;itemid&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/itemprop/&gt;itemprop&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/itemref/&gt;itemref&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/itemscope/&gt;itemscope&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/itemtype/&gt;itemtype&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/kind/&gt;kind&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/label/&gt;label&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/lang/&gt;lang&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/list/&gt;list&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/loading/&gt;loading&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/loop/&gt;loop&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/low/&gt;low&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/max/&gt;max&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/maxlength/&gt;maxlength&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/media/&gt;media&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/method/&gt;method&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/min/&gt;min&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/minlength/&gt;minlength&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/multiple/&gt;multiple&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/muted/&gt;muted&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/name/&gt;name&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/nomodule/&gt;nomodule&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/nonce/&gt;nonce&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/novalidate/&gt;novalidate&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onabort/&gt;onabort&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onafterprint/&gt;onafterprint&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onauxclick/&gt;onauxclick&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onbeforeinput/&gt;onbeforeinput&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onbeforeprint/&gt;onbeforeprint&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onbeforetoggle/&gt;onbeforetoggle&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onbeforeunload/&gt;onbeforeunload&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onblur/&gt;onblur&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/oncancel/&gt;oncancel&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/oncanplay/&gt;oncanplay&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/oncanplaythrough/&gt;oncanplaythrough&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onchange/&gt;onchange&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onclick/&gt;onclick&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/oncontextlost/&gt;oncontextlost&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/oncontextmenu/&gt;oncontextmenu&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/oncontextrestored/&gt;oncontextrestored&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/oncopy/&gt;oncopy&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/oncut/&gt;oncut&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/ondblclick/&gt;ondblclick&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/ondrag/&gt;ondrag&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/ondragend/&gt;ondragend&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/ondragenter/&gt;ondragenter&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/ondragleave/&gt;ondragleave&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/ondragover/&gt;ondragover&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/ondragstart/&gt;ondragstart&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/ondrop/&gt;ondrop&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/ondurationchange/&gt;ondurationchange&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onended/&gt;onended&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onfocus/&gt;onfocus&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onformdata/&gt;onformdata&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onhashchange/&gt;onhashchange&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/oninput/&gt;oninput&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/oninvalid/&gt;oninvalid&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onkeydown/&gt;onkeydown&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onkeypress/&gt;onkeypress&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onkeyup/&gt;onkeyup&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onlanguagechange/&gt;onlanguagechange&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onload/&gt;onload&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onloadeddata/&gt;onloadeddata&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onloadedmetadata/&gt;onloadedmetadata&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onloadstart/&gt;onloadstart&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onmousedown/&gt;onmousedown&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onmouseenter/&gt;onmouseenter&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onmouseleave/&gt;onmouseleave&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onmousemove/&gt;onmousemove&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onmouseout/&gt;onmouseout&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onmouseover/&gt;onmouseover&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onmouseup/&gt;onmouseup&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onmousewheel/&gt;onmousewheel&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onoffline/&gt;onoffline&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/ononline/&gt;ononline&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onpagehide/&gt;onpagehide&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onpageshow/&gt;onpageshow&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onpaste/&gt;onpaste&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onpause/&gt;onpause&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onplay/&gt;onplay&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onplaying/&gt;onplaying&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onprogress/&gt;onprogress&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onratechange/&gt;onratechange&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onreset/&gt;onreset&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onresize/&gt;onresize&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onscroll/&gt;onscroll&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onscrollend/&gt;onscrollend&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onsearch/&gt;onsearch&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onseeked/&gt;onseeked&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onseeking/&gt;onseeking&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onselect/&gt;onselect&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onstorage/&gt;onstorage&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onsubmit/&gt;onsubmit&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onsuspend/&gt;onsuspend&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/ontimeupdate/&gt;ontimeupdate&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/ontoggle/&gt;ontoggle&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onunload/&gt;onunload&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onvolumechange/&gt;onvolumechange&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onwaiting/&gt;onwaiting&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/onwheel/&gt;onwheel&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/open/&gt;open&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/optimum/&gt;optimum&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/part/&gt;part&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/pattern/&gt;pattern&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/ping/&gt;ping&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/placeholder/&gt;placeholder&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/playsinline/&gt;playsinline&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/popover/&gt;popover&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/popovertarget/&gt;popovertarget&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/popovertargetaction/&gt;popovertargetaction&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/poster/&gt;poster&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/preload/&gt;preload&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/readonly/&gt;readonly&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/referrerpolicy/&gt;referrerpolicy&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/rel/&gt;rel&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/required/&gt;required&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/reversed/&gt;reversed&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/rows/&gt;rows&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/rowspan/&gt;rowspan&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/sandbox/&gt;sandbox&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/scope/&gt;scope&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/selected/&gt;selected&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/shape/&gt;shape&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/size/&gt;size&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/sizes/&gt;sizes&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/slot/&gt;slot&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/span/&gt;span&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/spellcheck/&gt;spellcheck&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/src/&gt;src&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/srcdoc/&gt;srcdoc&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/srclang/&gt;srclang&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/srcset/&gt;srcset&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/start/&gt;start&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/step/&gt;step&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/style/&gt;style&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/tabindex/&gt;tabindex&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/target/&gt;target&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/title/&gt;title&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/translate/&gt;translate&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/type/&gt;type&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/usemap/&gt;usemap&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/value/&gt;value&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/width/&gt;width&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/attributes/wrap/&gt;wrap&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Elements&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/html/elements/!doctype/&gt;!doctype&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/a/&gt;a&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/abbr/&gt;abbr&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/address/&gt;address&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/area/&gt;area&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/article/&gt;article&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/aside/&gt;aside&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/audio/&gt;audio&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/b/&gt;b&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/base/&gt;base&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/bdi/&gt;bdi&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/bdo/&gt;bdo&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/blockquote/&gt;blockquote&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/body/&gt;body&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/br/&gt;br&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/button/&gt;button&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/canvas/&gt;canvas&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/caption/&gt;caption&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/cite/&gt;cite&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/code/&gt;code&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/col/&gt;col&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/colgroup/&gt;colgroup&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/data/&gt;data&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/datalist/&gt;datalist&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/dd/&gt;dd&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/del/&gt;del&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/details/&gt;details&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/dfn/&gt;dfn&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/dialog/&gt;dialog&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/div/&gt;div&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/dl/&gt;dl&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/dt/&gt;dt&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/em/&gt;em&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/embed/&gt;embed&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/fieldset/&gt;fieldset&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/figcaption/&gt;figcaption&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/figure/&gt;figure&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/footer/&gt;footer&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/form/&gt;form&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/h1/&gt;h1&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/h2/&gt;h2&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/h3/&gt;h3&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/h4/&gt;h4&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/h5/&gt;h5&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/h6/&gt;h6&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/head/&gt;head&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/header/&gt;header&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/hgroup/&gt;hgroup&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/hr/&gt;hr&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/html/&gt;html&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/i/&gt;i&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/iframe/&gt;iframe&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/img/&gt;img&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/input/&gt;input&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/ins/&gt;ins&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/kbd/&gt;kbd&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/label/&gt;label&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/legend/&gt;legend&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/li/&gt;li&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/link/&gt;link&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/main/&gt;main&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/map/&gt;map&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/mark/&gt;mark&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/menu/&gt;menu&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/meta/&gt;meta&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/meter/&gt;meter&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/nav/&gt;nav&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/noscript/&gt;noscript&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/object/&gt;object&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/ol/&gt;ol&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/optgroup/&gt;optgroup&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/option/&gt;option&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/output/&gt;output&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/p/&gt;p&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/param/&gt;param&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/picture/&gt;picture&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/pre/&gt;pre&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/progress/&gt;progress&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/q/&gt;q&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/rb/&gt;rb&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/rp/&gt;rp&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/rt/&gt;rt&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/rtc/&gt;rtc&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/ruby/&gt;ruby&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/s/&gt;s&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/samp/&gt;samp&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/script/&gt;script&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/search/&gt;search&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/section/&gt;section&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/select/&gt;select&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/slot/&gt;slot&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/small/&gt;small&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/source/&gt;source&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/span/&gt;span&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/strong/&gt;strong&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/style/&gt;style&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/sub/&gt;sub&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/summary/&gt;summary&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/sup/&gt;sup&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/table/&gt;table&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/tbody/&gt;tbody&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/td/&gt;td&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/template/&gt;template&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/textarea/&gt;textarea&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/tfoot/&gt;tfoot&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/th/&gt;th&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/thead/&gt;thead&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/time/&gt;time&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/title/&gt;title&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/tr/&gt;tr&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/track/&gt;track&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/u/&gt;u&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/ul/&gt;ul&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/var/&gt;var&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/video/&gt;video&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/elements/wbr/&gt;wbr&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Other&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/html/characters/&gt;Characters&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/comments/&gt;Comments&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/html/datatypes/&gt;Datatypes&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=h1&gt;&lt;a id=switch-css&gt;CSS&lt;/a&gt;&lt;/div&gt;&lt;div id=list-css&gt;&lt;h2&gt;Overview&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/css/&gt;Overview&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Functions&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/css/functions/abs/&gt;abs&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/acos/&gt;acos&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/asin/&gt;asin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/atan/&gt;atan&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/atan2/&gt;atan2&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/attr/&gt;attr&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/calc/&gt;calc&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/clamp/&gt;clamp&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/color/&gt;color&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/conic-gradient/&gt;conic-gradient&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/cos/&gt;cos&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/counter/&gt;counter&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/counters/&gt;counters&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/hsl/&gt;hsl&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/hsla/&gt;hsla&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/hwb/&gt;hwb&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/if/&gt;if&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/lab/&gt;lab&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/lch/&gt;lch&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/linear-gradient/&gt;linear-gradient&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/matrix/&gt;matrix&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/matrix3d/&gt;matrix3d&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/max/&gt;max&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/min/&gt;min&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/mod/&gt;mod&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/oklab/&gt;oklab&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/oklch/&gt;oklch&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/param/&gt;param&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/perspective/&gt;perspective&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/radial-gradient/&gt;radial-gradient&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/rem/&gt;rem&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/repeating-conic-gradient/&gt;repeating-conic-gradient&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/repeating-linear-gradient/&gt;repeating-linear-gradient&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/repeating-radial-gradient/&gt;repeating-radial-gradient&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/rgb/&gt;rgb&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/rgba/&gt;rgba&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/rotate/&gt;rotate&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/rotate3d/&gt;rotate3d&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/rotatex/&gt;rotateX&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/rotatey/&gt;rotateY&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/rotatez/&gt;rotateZ&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/round/&gt;round&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/scale/&gt;scale&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/scale3d/&gt;scale3d&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/scalex/&gt;scaleX&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/scaley/&gt;scaleY&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/scalez/&gt;scaleZ&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/sin/&gt;sin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/skew/&gt;skew&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/skewx/&gt;skewX&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/skewy/&gt;skewY&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/src/&gt;src&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/tan/&gt;tan&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/translate/&gt;translate&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/translate3d/&gt;translate3d&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/translatex/&gt;translateX&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/translatey/&gt;translateY&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/translatez/&gt;translateZ&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/url/&gt;url&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/functions/var/&gt;var&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Properties&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/css/properties/accent-color/&gt;accent-color&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/align-content/&gt;align-content&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/align-items/&gt;align-items&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/align-self/&gt;align-self&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/all/&gt;all&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/animation/&gt;animation&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/animation-composition/&gt;animation-composition&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/animation-delay/&gt;animation-delay&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/animation-direction/&gt;animation-direction&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/animation-duration/&gt;animation-duration&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/animation-fill-mode/&gt;animation-fill-mode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/animation-iteration-count/&gt;animation-iteration-count&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/animation-name/&gt;animation-name&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/animation-play-state/&gt;animation-play-state&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/animation-timeline/&gt;animation-timeline&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/animation-timing-function/&gt;animation-timing-function&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/appearance/&gt;appearance&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/aspect-ratio/&gt;aspect-ratio&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/backdrop-filter/&gt;backdrop-filter&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/backface-visibility/&gt;backface-visibility&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/background/&gt;background&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/background-attachment/&gt;background-attachment&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/background-blend-mode/&gt;background-blend-mode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/background-clip/&gt;background-clip&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/background-color/&gt;background-color&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/background-image/&gt;background-image&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/background-origin/&gt;background-origin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/background-position/&gt;background-position&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/background-position-x/&gt;background-position-x&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/background-position-y/&gt;background-position-y&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/background-repeat/&gt;background-repeat&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/background-size/&gt;background-size&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/block-ellipsis/&gt;block-ellipsis&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/block-size/&gt;block-size&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border/&gt;border&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-block/&gt;border-block&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-block-color/&gt;border-block-color&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-block-end/&gt;border-block-end&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-block-end-color/&gt;border-block-end-color&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-block-end-style/&gt;border-block-end-style&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-block-end-width/&gt;border-block-end-width&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-block-start/&gt;border-block-start&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-block-start-color/&gt;border-block-start-color&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-block-start-style/&gt;border-block-start-style&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-block-start-width/&gt;border-block-start-width&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-block-style/&gt;border-block-style&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-block-width/&gt;border-block-width&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-bottom/&gt;border-bottom&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-bottom-color/&gt;border-bottom-color&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-bottom-left-radius/&gt;border-bottom-left-radius&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-bottom-right-radius/&gt;border-bottom-right-radius&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-bottom-style/&gt;border-bottom-style&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-bottom-width/&gt;border-bottom-width&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-collapse/&gt;border-collapse&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-color/&gt;border-color&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-end-end-radius/&gt;border-end-end-radius&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-end-start-radius/&gt;border-end-start-radius&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-image/&gt;border-image&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-image-outset/&gt;border-image-outset&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-image-repeat/&gt;border-image-repeat&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-image-slice/&gt;border-image-slice&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-image-source/&gt;border-image-source&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-image-width/&gt;border-image-width&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-inline/&gt;border-inline&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-inline-color/&gt;border-inline-color&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-inline-end/&gt;border-inline-end&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-inline-end-color/&gt;border-inline-end-color&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-inline-end-style/&gt;border-inline-end-style&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-inline-end-width/&gt;border-inline-end-width&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-inline-start/&gt;border-inline-start&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-inline-start-color/&gt;border-inline-start-color&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-inline-start-style/&gt;border-inline-start-style&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-inline-start-width/&gt;border-inline-start-width&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-inline-style/&gt;border-inline-style&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-inline-width/&gt;border-inline-width&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-left/&gt;border-left&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-left-color/&gt;border-left-color&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-left-style/&gt;border-left-style&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-left-width/&gt;border-left-width&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-radius/&gt;border-radius&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-right/&gt;border-right&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-right-color/&gt;border-right-color&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-right-style/&gt;border-right-style&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-right-width/&gt;border-right-width&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-spacing/&gt;border-spacing&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-start-end-radius/&gt;border-start-end-radius&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-start-start-radius/&gt;border-start-start-radius&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-style/&gt;border-style&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-top/&gt;border-top&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-top-color/&gt;border-top-color&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-top-left-radius/&gt;border-top-left-radius&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-top-right-radius/&gt;border-top-right-radius&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-top-style/&gt;border-top-style&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-top-width/&gt;border-top-width&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/border-width/&gt;border-width&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/bottom/&gt;bottom&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/box-decoration-break/&gt;box-decoration-break&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/box-shadow/&gt;box-shadow&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/box-sizing/&gt;box-sizing&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/caption-side/&gt;caption-side&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/caret/&gt;caret&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/caret-animation/&gt;caret-animation&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/caret-color/&gt;caret-color&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/caret-shape/&gt;caret-shape&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/clear/&gt;clear&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/clip/&gt;clip&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/clip-path/&gt;clip-path&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/color/&gt;color&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/color-scheme/&gt;color-scheme&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/column-count/&gt;column-count&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/column-fill/&gt;column-fill&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/column-gap/&gt;column-gap&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/column-rule/&gt;column-rule&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/column-rule-color/&gt;column-rule-color&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/column-rule-style/&gt;column-rule-style&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/column-rule-width/&gt;column-rule-width&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/column-span/&gt;column-span&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/column-width/&gt;column-width&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/columns/&gt;columns&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/contain/&gt;contain&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/contain-intrinsic-block-size/&gt;contain-intrinsic-block-size&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/contain-intrinsic-height/&gt;contain-intrinsic-height&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/contain-intrinsic-inline-size/&gt;contain-intrinsic-inline-size&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/contain-intrinsic-size/&gt;contain-intrinsic-size&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/contain-intrinsic-width/&gt;contain-intrinsic-width&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/container/&gt;container&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/container-name/&gt;container-name&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/container-type/&gt;container-type&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/content/&gt;content&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/content-visibility/&gt;content-visibility&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/continue/&gt;continue&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/counter-increment/&gt;counter-increment&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/counter-reset/&gt;counter-reset&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/counter-set/&gt;counter-set&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/cursor/&gt;cursor&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/direction/&gt;direction&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/display/&gt;display&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/empty-cells/&gt;empty-cells&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/filter/&gt;filter&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/flex/&gt;flex&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/flex-basis/&gt;flex-basis&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/flex-direction/&gt;flex-direction&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/flex-flow/&gt;flex-flow&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/flex-grow/&gt;flex-grow&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/flex-shrink/&gt;flex-shrink&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/flex-wrap/&gt;flex-wrap&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/float/&gt;float&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/font/&gt;font&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/font-family/&gt;font-family&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/font-feature-settings/&gt;font-feature-settings&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/font-kerning/&gt;font-kerning&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/font-optical-sizing/&gt;font-optical-sizing&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/font-size/&gt;font-size&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/font-size-adjust/&gt;font-size-adjust&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/font-stretch/&gt;font-stretch&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/font-style/&gt;font-style&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/font-variant/&gt;font-variant&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/font-variant-caps/&gt;font-variant-caps&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/font-variant-ligatures/&gt;font-variant-ligatures&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/font-variant-numeric/&gt;font-variant-numeric&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/font-variant-position/&gt;font-variant-position&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/font-variation-settings/&gt;font-variation-settings&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/font-weight/&gt;font-weight&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/forced-color-adjust/&gt;forced-color-adjust&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/gap/&gt;gap&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/grid/&gt;grid&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/grid-area/&gt;grid-area&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/grid-auto-columns/&gt;grid-auto-columns&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/grid-auto-flow/&gt;grid-auto-flow&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/grid-auto-rows/&gt;grid-auto-rows&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/grid-column/&gt;grid-column&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/grid-column-end/&gt;grid-column-end&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/grid-column-start/&gt;grid-column-start&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/grid-row/&gt;grid-row&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/grid-row-end/&gt;grid-row-end&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/grid-row-start/&gt;grid-row-start&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/grid-template/&gt;grid-template&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/grid-template-areas/&gt;grid-template-areas&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/grid-template-columns/&gt;grid-template-columns&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/grid-template-rows/&gt;grid-template-rows&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/hanging-punctuation/&gt;hanging-punctuation&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/height/&gt;height&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/hyphens/&gt;hyphens&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/image-rendering/&gt;image-rendering&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/initial-letter/&gt;initial-letter&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/initial-letter-align/&gt;initial-letter-align&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/inline-size/&gt;inline-size&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/inset/&gt;inset&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/inset-block/&gt;inset-block&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/inset-block-end/&gt;inset-block-end&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/inset-block-start/&gt;inset-block-start&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/inset-inline/&gt;inset-inline&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/inset-inline-end/&gt;inset-inline-end&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/inset-inline-start/&gt;inset-inline-start&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/isolation/&gt;isolation&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/justify-content/&gt;justify-content&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/justify-items/&gt;justify-items&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/justify-self/&gt;justify-self&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/left/&gt;left&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/letter-spacing/&gt;letter-spacing&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/line-break/&gt;line-break&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/line-clamp/&gt;line-clamp&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/line-height/&gt;line-height&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/list-style/&gt;list-style&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/list-style-image/&gt;list-style-image&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/list-style-position/&gt;list-style-position&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/list-style-type/&gt;list-style-type&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/margin/&gt;margin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/margin-block/&gt;margin-block&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/margin-block-end/&gt;margin-block-end&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/margin-block-start/&gt;margin-block-start&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/margin-bottom/&gt;margin-bottom&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/margin-inline/&gt;margin-inline&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/margin-inline-end/&gt;margin-inline-end&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/margin-inline-start/&gt;margin-inline-start&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/margin-left/&gt;margin-left&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/margin-right/&gt;margin-right&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/margin-top/&gt;margin-top&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/mask/&gt;mask&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/mask-border/&gt;mask-border&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/mask-border-mode/&gt;mask-border-mode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/mask-border-outset/&gt;mask-border-outset&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/mask-border-repeat/&gt;mask-border-repeat&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/mask-border-slice/&gt;mask-border-slice&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/mask-border-source/&gt;mask-border-source&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/mask-border-width/&gt;mask-border-width&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/mask-clip/&gt;mask-clip&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/mask-composite/&gt;mask-composite&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/mask-image/&gt;mask-image&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/mask-mode/&gt;mask-mode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/mask-origin/&gt;mask-origin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/mask-position/&gt;mask-position&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/mask-repeat/&gt;mask-repeat&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/mask-size/&gt;mask-size&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/mask-type/&gt;mask-type&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/math-depth/&gt;math-depth&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/math-shift/&gt;math-shift&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/math-style/&gt;math-style&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/max-block-size/&gt;max-block-size&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/max-height/&gt;max-height&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/max-inline-size/&gt;max-inline-size&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/max-lines/&gt;max-lines&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/max-width/&gt;max-width&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/min-block-size/&gt;min-block-size&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/min-height/&gt;min-height&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/min-inline-size/&gt;min-inline-size&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/min-width/&gt;min-width&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/mix-blend-mode/&gt;mix-blend-mode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/nav-down/&gt;nav-down&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/nav-left/&gt;nav-left&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/nav-right/&gt;nav-right&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/nav-up/&gt;nav-up&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/object-fit/&gt;object-fit&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/object-position/&gt;object-position&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/opacity/&gt;opacity&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/orphans/&gt;orphans&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/outline/&gt;outline&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/outline-color/&gt;outline-color&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/outline-offset/&gt;outline-offset&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/outline-style/&gt;outline-style&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/outline-width/&gt;outline-width&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/overflow/&gt;overflow&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/overflow-block/&gt;overflow-block&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/overflow-clip-margin/&gt;overflow-clip-margin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/overflow-inline/&gt;overflow-inline&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/overflow-wrap/&gt;overflow-wrap&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/overflow-x/&gt;overflow-x&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/overflow-y/&gt;overflow-y&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/padding/&gt;padding&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/padding-block/&gt;padding-block&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/padding-block-end/&gt;padding-block-end&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/padding-block-start/&gt;padding-block-start&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/padding-bottom/&gt;padding-bottom&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/padding-inline/&gt;padding-inline&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/padding-inline-end/&gt;padding-inline-end&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/padding-inline-start/&gt;padding-inline-start&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/padding-left/&gt;padding-left&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/padding-right/&gt;padding-right&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/padding-top/&gt;padding-top&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/paint-order/&gt;paint-order&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/perspective/&gt;perspective&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/perspective-origin/&gt;perspective-origin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/place-content/&gt;place-content&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/place-items/&gt;place-items&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/place-self/&gt;place-self&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/pointer-events/&gt;pointer-events&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/position/&gt;position&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/print-color-adjust/&gt;print-color-adjust&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/quotes/&gt;quotes&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/resize/&gt;resize&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/right/&gt;right&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/rotate/&gt;rotate&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/row-gap/&gt;row-gap&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scale/&gt;scale&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scroll-behavior/&gt;scroll-behavior&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scroll-margin/&gt;scroll-margin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scroll-margin-block/&gt;scroll-margin-block&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scroll-margin-block-end/&gt;scroll-margin-block-end&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scroll-margin-block-start/&gt;scroll-margin-block-start&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scroll-margin-bottom/&gt;scroll-margin-bottom&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scroll-margin-inline/&gt;scroll-margin-inline&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scroll-margin-inline-end/&gt;scroll-margin-inline-end&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scroll-margin-inline-start/&gt;scroll-margin-inline-start&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scroll-margin-left/&gt;scroll-margin-left&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scroll-margin-right/&gt;scroll-margin-right&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scroll-margin-top/&gt;scroll-margin-top&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scroll-padding/&gt;scroll-padding&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scroll-padding-block/&gt;scroll-padding-block&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scroll-padding-block-end/&gt;scroll-padding-block-end&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scroll-padding-block-start/&gt;scroll-padding-block-start&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scroll-padding-bottom/&gt;scroll-padding-bottom&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scroll-padding-inline/&gt;scroll-padding-inline&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scroll-padding-inline-end/&gt;scroll-padding-inline-end&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scroll-padding-inline-start/&gt;scroll-padding-inline-start&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scroll-padding-left/&gt;scroll-padding-left&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scroll-padding-right/&gt;scroll-padding-right&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scroll-padding-top/&gt;scroll-padding-top&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scroll-snap-align/&gt;scroll-snap-align&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scroll-snap-stop/&gt;scroll-snap-stop&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scroll-snap-type/&gt;scroll-snap-type&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scroll-timeline/&gt;scroll-timeline&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scroll-timeline-axis/&gt;scroll-timeline-axis&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scroll-timeline-name/&gt;scroll-timeline-name&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scrollbar-color/&gt;scrollbar-color&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scrollbar-gutter/&gt;scrollbar-gutter&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/scrollbar-width/&gt;scrollbar-width&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/shape-image-threshold/&gt;shape-image-threshold&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/shape-margin/&gt;shape-margin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/shape-outside/&gt;shape-outside&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/shape-rendering/&gt;shape-rendering&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/tab-size/&gt;tab-size&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/table-layout/&gt;table-layout&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/text-align/&gt;text-align&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/text-align-all/&gt;text-align-all&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/text-align-last/&gt;text-align-last&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/text-combine-upright/&gt;text-combine-upright&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/text-decoration/&gt;text-decoration&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/text-decoration-color/&gt;text-decoration-color&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/text-decoration-line/&gt;text-decoration-line&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/text-decoration-skip-ink/&gt;text-decoration-skip-ink&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/text-decoration-style/&gt;text-decoration-style&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/text-decoration-thickness/&gt;text-decoration-thickness&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/text-decoration-trim/&gt;text-decoration-trim&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/text-emphasis/&gt;text-emphasis&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/text-emphasis-color/&gt;text-emphasis-color&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/text-emphasis-position/&gt;text-emphasis-position&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/text-emphasis-style/&gt;text-emphasis-style&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/text-indent/&gt;text-indent&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/text-justify/&gt;text-justify&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/text-orientation/&gt;text-orientation&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/text-overflow/&gt;text-overflow&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/text-rendering/&gt;text-rendering&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/text-shadow/&gt;text-shadow&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/text-transform/&gt;text-transform&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/text-underline-offset/&gt;text-underline-offset&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/text-underline-position/&gt;text-underline-position&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/top/&gt;top&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/transform/&gt;transform&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/transform-box/&gt;transform-box&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/transform-origin/&gt;transform-origin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/transform-style/&gt;transform-style&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/transition/&gt;transition&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/transition-delay/&gt;transition-delay&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/transition-duration/&gt;transition-duration&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/transition-property/&gt;transition-property&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/transition-timing-function/&gt;transition-timing-function&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/translate/&gt;translate&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/unicode-bidi/&gt;unicode-bidi&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/vertical-align/&gt;vertical-align&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/visibility/&gt;visibility&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/white-space/&gt;white-space&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/widows/&gt;widows&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/width/&gt;width&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/word-break/&gt;word-break&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/word-spacing/&gt;word-spacing&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/word-wrap/&gt;word-wrap&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/writing-mode/&gt;writing-mode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/z-index/&gt;z-index&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/properties/zoom/&gt;zoom&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Pseudo-Classes&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/active/&gt;active&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/any-link/&gt;any-link&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/autofill/&gt;autofill&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/blank/&gt;blank&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/checked/&gt;checked&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/default/&gt;default&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/defined/&gt;defined&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/dir/&gt;dir&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/disabled/&gt;disabled&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/empty/&gt;empty&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/enabled/&gt;enabled&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/first-child/&gt;first-child&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/first-of-type/&gt;first-of-type&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/focus/&gt;focus&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/focus-visible/&gt;focus-visible&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/focus-within/&gt;focus-within&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/fullscreen/&gt;fullscreen&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/has/&gt;has&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/hover/&gt;hover&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/in-range/&gt;in-range&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/indeterminate/&gt;indeterminate&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/invalid/&gt;invalid&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/is/&gt;is&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/lang/&gt;lang&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/last-child/&gt;last-child&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/last-of-type/&gt;last-of-type&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/link/&gt;link&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/local-link/&gt;local-link&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/modal/&gt;modal&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/not/&gt;not&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/nth-child/&gt;nth-child&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/nth-col/&gt;nth-col&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/nth-last-child/&gt;nth-last-child&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/nth-last-col/&gt;nth-last-col&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/nth-last-of-type/&gt;nth-last-of-type&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/nth-of-type/&gt;nth-of-type&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/only-child/&gt;only-child&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/only-of-type/&gt;only-of-type&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/optional/&gt;optional&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/out-of-range/&gt;out-of-range&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/picture-in-picture/&gt;picture-in-picture&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/placeholder-shown/&gt;placeholder-shown&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/popover-open/&gt;popover-open&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/read-only/&gt;read-only&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/read-write/&gt;read-write&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/required/&gt;required&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/root/&gt;root&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/scope/&gt;scope&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/target/&gt;target&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/target-within/&gt;target-within&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/valid/&gt;valid&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/visited/&gt;visited&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-classes/where/&gt;where&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Pseudo-Elements&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/css/pseudo-elements/after/&gt;after&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-elements/backdrop/&gt;backdrop&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-elements/before/&gt;before&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-elements/details-content/&gt;details-content&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-elements/file-selector-button/&gt;file-selector-button&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-elements/first-letter/&gt;first-letter&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-elements/first-line/&gt;first-line&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-elements/highlight/&gt;highlight&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-elements/marker/&gt;marker&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-elements/part/&gt;part&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-elements/placeholder/&gt;placeholder&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/pseudo-elements/selection/&gt;selection&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Units&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/css/units/cap/&gt;cap&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/ch/&gt;ch&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/cm/&gt;cm&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/cqb/&gt;cqb&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/cqh/&gt;cqh&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/cqi/&gt;cqi&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/cqmax/&gt;cqmax&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/cqmin/&gt;cqmin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/cqw/&gt;cqw&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/deg/&gt;deg&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/dpcm/&gt;dpcm&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/dpi/&gt;dpi&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/dppx/&gt;dppx&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/dvb/&gt;dvb&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/dvh/&gt;dvh&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/dvi/&gt;dvi&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/dvmax/&gt;dvmax&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/dvmin/&gt;dvmin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/dvw/&gt;dvw&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/em/&gt;em&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/ex/&gt;ex&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/grad/&gt;grad&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/ic/&gt;ic&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/in/&gt;in&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/lvb/&gt;lvb&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/lvh/&gt;lvh&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/lvi/&gt;lvi&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/lvmax/&gt;lvmax&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/lvmin/&gt;lvmin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/lvw/&gt;lvw&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/mm/&gt;mm&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/ms/&gt;ms&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/pc/&gt;pc&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/pt/&gt;pt&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/px/&gt;px&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/q/&gt;Q&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/rad/&gt;rad&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/rem/&gt;rem&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/s/&gt;s&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/svb/&gt;svb&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/svh/&gt;svh&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/svi/&gt;svi&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/svmax/&gt;svmax&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/svmin/&gt;svmin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/svw/&gt;svw&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/turn/&gt;turn&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/vb/&gt;vb&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/vh/&gt;vh&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/vi/&gt;vi&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/vmax/&gt;vmax&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/vmin/&gt;vmin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/css/units/vw/&gt;vw&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=h1&gt;&lt;a id=switch-js&gt;JS&lt;/a&gt;&lt;/div&gt;&lt;div id=list-js&gt;&lt;h2&gt;Overview&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/&gt;Overview&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;AbortController&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/abortcontroller/abort/&gt;abort&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/abortcontroller/abortcontroller/&gt;AbortController&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/abortcontroller/signal/&gt;signal&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;AbstractRange&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/abstractrange/collapsed/&gt;collapsed&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/abstractrange/endcontainer/&gt;endContainer&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/abstractrange/endoffset/&gt;endOffset&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/abstractrange/startcontainer/&gt;startContainer&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/abstractrange/startoffset/&gt;startOffset&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;AbortSignal&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/abortsignal/abort/&gt;abort&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/abortsignal/aborted/&gt;aborted&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/abortsignal/reason/&gt;reason&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/abortsignal/throwifaborted/&gt;throwIfAborted&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/abortsignal/timeout/&gt;timeout&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;ChildNode&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/childnode/after/&gt;after&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/childnode/before/&gt;before&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/childnode/remove/&gt;remove&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/childnode/replacewith/&gt;replaceWith&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Comment&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/comment/comment/&gt;Comment&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;console&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/console/assert/&gt;assert&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/console/clear/&gt;clear&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/console/count/&gt;count&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/console/countreset/&gt;countReset&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/console/debug/&gt;debug&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/console/dir/&gt;dir&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/console/dirxml/&gt;dirxml&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/console/error/&gt;error&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/console/group/&gt;group&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/console/groupcollapsed/&gt;groupCollapsed&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/console/groupend/&gt;groupEnd&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/console/info/&gt;info&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/console/log/&gt;log&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/console/table/&gt;table&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/console/time/&gt;time&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/console/timeend/&gt;timeEnd&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/console/timelog/&gt;timeLog&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/console/trace/&gt;trace&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/console/warn/&gt;warn&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;CustomEvent&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/customevent/customevent/&gt;CustomEvent&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/customevent/detail/&gt;detail&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Declarations&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/declarations/const/&gt;const&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/declarations/let/&gt;let&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/declarations/var/&gt;var&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Document&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/document/adoptnode/&gt;adoptNode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/body/&gt;body&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/characterset/&gt;characterSet&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/close/&gt;close&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/compatmode/&gt;compatMode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/contenttype/&gt;contentType&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/cookie/&gt;cookie&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/createcdatasection/&gt;createCDATASection&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/createcomment/&gt;createComment&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/createdocumentfragment/&gt;createDocumentFragment&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/createelement/&gt;createElement&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/createelementns/&gt;createElementNS&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/createprocessinginstruction/&gt;createProcessingInstruction&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/createtextnode/&gt;createTextNode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/currentscript/&gt;currentScript&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/defaultview/&gt;defaultView&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/designmode/&gt;designMode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/dir/&gt;dir&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/doctype/&gt;doctype&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/document/&gt;Document&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/documentelement/&gt;documentElement&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/documenturi/&gt;documentURI&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/domain/&gt;domain&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/embeds/&gt;embeds&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/exitpictureinpicture/&gt;exitPictureInPicture&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/forms/&gt;forms&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/getelementsbyclassname/&gt;getElementsByClassName&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/getelementsbyname/&gt;getElementsByName&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/getelementsbytagname/&gt;getElementsByTagName&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/getelementsbytagnamens/&gt;getElementsByTagNameNS&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/hasfocus/&gt;hasFocus&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/head/&gt;head&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/hidden/&gt;hidden&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/images/&gt;images&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/implementation/&gt;implementation&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/importnode/&gt;importNode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/lastmodified/&gt;lastModified&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/links/&gt;links&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/location/&gt;location&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/onreadystatechange/&gt;onreadystatechange&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/onvisibilitychange/&gt;onvisibilitychange&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/open/&gt;open&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/parsehtmlunsafe/&gt;parseHTMLUnsafe&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/pictureinpictureenabled/&gt;pictureInPictureEnabled&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/plugins/&gt;plugins&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/readystate/&gt;readyState&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/referrer/&gt;referrer&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/scripts/&gt;scripts&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/title/&gt;title&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/url/&gt;URL&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/visibilitystate/&gt;visibilityState&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/write/&gt;write&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/document/writeln/&gt;writeln&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;DocumentFragment&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/documentfragment/documentfragment/&gt;DocumentFragment&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;DocumentOrShadowRoot&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/documentorshadowroot/activeelement/&gt;activeElement&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/documentorshadowroot/pictureinpictureelement/&gt;pictureInPictureElement&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;DOMImplementation&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/domimplementation/createdocument/&gt;createDocument&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/domimplementation/createdocumenttype/&gt;createDocumentType&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/domimplementation/createhtmldocument/&gt;createHTMLDocument&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;DOMStringList&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/domstringlist/contains/&gt;contains&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/domstringlist/item/&gt;item&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/domstringlist/length/&gt;length&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;DOMTokenList&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/domtokenlist/add/&gt;add&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/domtokenlist/contains/&gt;contains&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/domtokenlist/item/&gt;item&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/domtokenlist/length/&gt;length&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/domtokenlist/remove/&gt;remove&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/domtokenlist/replace/&gt;replace&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/domtokenlist/supports/&gt;supports&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/domtokenlist/toggle/&gt;toggle&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/domtokenlist/value/&gt;value&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Element&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/element/attachshadow/&gt;attachShadow&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/element/classlist/&gt;classList&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/element/classname/&gt;className&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/element/closest/&gt;closest&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/element/getattribute/&gt;getAttribute&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/element/getattributenames/&gt;getAttributeNames&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/element/getattributens/&gt;getAttributeNS&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/element/hasattribute/&gt;hasAttribute&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/element/hasattributens/&gt;hasAttributeNS&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/element/hasattributes/&gt;hasAttributes&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/element/id/&gt;id&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/element/innerhtml/&gt;innerHTML&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/element/insertadjacenthtml/&gt;insertAdjacentHTML&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/element/localname/&gt;localName&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/element/matches/&gt;matches&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/element/namespaceuri/&gt;namespaceURI&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/element/outerhtml/&gt;outerHTML&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/element/prefix/&gt;prefix&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/element/removeattribute/&gt;removeAttribute&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/element/removeattributens/&gt;removeAttributeNS&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/element/setattribute/&gt;setAttribute&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/element/setattributens/&gt;setAttributeNS&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/element/shadowroot/&gt;shadowRoot&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/element/slot/&gt;slot&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/element/tagname/&gt;tagName&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/element/toggleattribute/&gt;toggleAttribute&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Event&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/event/bubbles/&gt;bubbles&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/event/cancelable/&gt;cancelable&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/event/composed/&gt;composed&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/event/composedpath/&gt;composedPath&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/event/currenttarget/&gt;currentTarget&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/event/defaultprevented/&gt;defaultPrevented&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/event/event/&gt;Event&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/event/eventphase/&gt;eventPhase&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/event/istrusted/&gt;isTrusted&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/event/preventdefault/&gt;preventDefault&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/event/stopimmediatepropagation/&gt;stopImmediatePropagation&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/event/stoppropagation/&gt;stopPropagation&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/event/target/&gt;target&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/event/timestamp/&gt;timeStamp&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/event/type/&gt;type&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;EventTarget&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/eventtarget/addeventlistener/&gt;addEventListener&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/eventtarget/dispatchevent/&gt;dispatchEvent&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/eventtarget/eventtarget/&gt;EventTarget&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/eventtarget/removeeventlistener/&gt;removeEventListener&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;HTMLAllCollection&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/htmlallcollection/item/&gt;item&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlallcollection/length/&gt;length&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlallcollection/nameditem/&gt;namedItem&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;HTMLBaseElement&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/htmlbaseelement/href/&gt;href&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlbaseelement/target/&gt;target&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;HTMLCollection&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/htmlcollection/item/&gt;item&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlcollection/length/&gt;length&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlcollection/nameditem/&gt;namedItem&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;HTMLDialogElement&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/htmldialogelement/close/&gt;close&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmldialogelement/open/&gt;open&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmldialogelement/returnvalue/&gt;returnValue&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmldialogelement/show/&gt;show&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmldialogelement/showmodal/&gt;showModal&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;HTMLElement&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/htmlelement/accesskey/&gt;accessKey&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlelement/accesskeylabel/&gt;accessKeyLabel&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlelement/attachinternals/&gt;attachInternals&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlelement/autocapitalize/&gt;autocapitalize&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlelement/autocorrect/&gt;autocorrect&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlelement/click/&gt;click&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlelement/constructor/&gt;constructor&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlelement/dir/&gt;dir&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlelement/draggable/&gt;draggable&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlelement/hidden/&gt;hidden&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlelement/hidepopover/&gt;hidePopover&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlelement/inert/&gt;inert&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlelement/innertext/&gt;innerText&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlelement/lang/&gt;lang&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlelement/outertext/&gt;outerText&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlelement/popover/&gt;popover&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlelement/showpopover/&gt;showPopover&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlelement/spellcheck/&gt;spellcheck&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlelement/title/&gt;title&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlelement/togglepopover/&gt;togglePopover&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlelement/translate/&gt;translate&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlelement/writingsuggestions/&gt;writingSuggestions&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;HTMLFormControlsCollection&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/htmlformcontrolscollection/item/&gt;item&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlformcontrolscollection/length/&gt;length&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlformcontrolscollection/nameditem/&gt;namedItem&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;HTMLLinkElement&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/htmllinkelement/crossorigin/&gt;crossOrigin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmllinkelement/href/&gt;href&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmllinkelement/rel/&gt;rel&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;HTMLOptionsCollection&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/htmloptionscollection/add/&gt;add&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmloptionscollection/item/&gt;item&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmloptionscollection/length/&gt;length&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmloptionscollection/nameditem/&gt;namedItem&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmloptionscollection/remove/&gt;remove&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmloptionscollection/selectedindex/&gt;selectedIndex&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;HTMLOrSVGElement&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/htmlorsvgelement/autofocus/&gt;autofocus&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlorsvgelement/blur/&gt;blur&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlorsvgelement/dataset/&gt;dataset&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlorsvgelement/focus/&gt;focus&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlorsvgelement/nonce/&gt;nonce&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlorsvgelement/tabindex/&gt;tabIndex&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;HTMLVideoElement&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/htmlvideoelement/autopictureinpicture/&gt;autoPictureInPicture&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlvideoelement/disablepictureinpicture/&gt;disablePictureInPicture&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/htmlvideoelement/requestpictureinpicture/&gt;requestPictureInPicture&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Iterations&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/iterations/do-while/&gt;do-while&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/iterations/for/&gt;for&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/iterations/for-await-of/&gt;for-await-of&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/iterations/for-in/&gt;for-in&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/iterations/for-of/&gt;for-of&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/iterations/while/&gt;while&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Location&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/location/ancestororigins/&gt;ancestorOrigins&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;MutationObserver&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/mutationobserver/disconnect/&gt;disconnect&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/mutationobserver/mutationobserver/&gt;MutationObserver&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/mutationobserver/observe/&gt;observe&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/mutationobserver/takerecords/&gt;takeRecords&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;MutationRecord&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/mutationrecord/addednodes/&gt;addedNodes&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/mutationrecord/attributename/&gt;attributeName&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/mutationrecord/attributenamespace/&gt;attributeNamespace&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/mutationrecord/nextsibling/&gt;nextSibling&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/mutationrecord/oldvalue/&gt;oldValue&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/mutationrecord/previoussibling/&gt;previousSibling&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/mutationrecord/removednodes/&gt;removedNodes&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/mutationrecord/target/&gt;target&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/mutationrecord/type/&gt;type&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Node&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/node/baseuri/&gt;baseURI&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/node/childnodes/&gt;childNodes&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/node/clonenode/&gt;cloneNode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/node/comparedocumentposition/&gt;compareDocumentPosition&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/node/contains/&gt;contains&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/node/firstchild/&gt;firstChild&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/node/getrootnode/&gt;getRootNode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/node/haschildnodes/&gt;hasChildNodes&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/node/isconnected/&gt;isConnected&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/node/isequalnode/&gt;isEqualNode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/node/lastchild/&gt;lastChild&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/node/nextsibling/&gt;nextSibling&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/node/nodename/&gt;nodeName&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/node/nodetype/&gt;nodeType&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/node/normalize/&gt;normalize&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/node/ownerdocument/&gt;ownerDocument&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/node/parentelement/&gt;parentElement&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/node/parentnode/&gt;parentNode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/node/previoussibling/&gt;previousSibling&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;NodeList&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/nodelist/item/&gt;item&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/nodelist/length/&gt;length&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;NonDocumentTypeChildNode&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/nondocumenttypechildnode/nextelementsibling/&gt;nextElementSibling&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/nondocumenttypechildnode/previouselementsibling/&gt;previousElementSibling&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;NonElementParentNode&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/nonelementparentnode/getelementbyid/&gt;getElementById&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;ParentNode&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/parentnode/append/&gt;append&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/parentnode/children/&gt;children&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/parentnode/firstelementchild/&gt;firstElementChild&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/parentnode/lastelementchild/&gt;lastElementChild&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/parentnode/prepend/&gt;prepend&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/parentnode/queryselector/&gt;querySelector&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/parentnode/queryselectorall/&gt;querySelectorAll&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/parentnode/replacechildren/&gt;replaceChildren&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Prompts&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/prompts/alert/&gt;alert&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/prompts/confirm/&gt;confirm&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/prompts/prompt/&gt;prompt&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;RadioNodeList&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/radionodelist/value/&gt;value&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Range&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/range/commonancestorcontainer/&gt;commonAncestorContainer&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/range/comparepoint/&gt;comparePoint&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/range/createcontextualfragment/&gt;createContextualFragment&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/range/intersectsnode/&gt;intersectsNode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/range/range/&gt;Range&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Slottable&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/slottable/assignedslot/&gt;assignedSlot&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Statements&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/statements/if/&gt;if&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/statements/switch/&gt;switch&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/statements/try/&gt;try&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;StaticRange&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/staticrange/staticrange/&gt;StaticRange&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Text&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/text/splittext/&gt;splitText&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/text/text/&gt;Text&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/text/wholetext/&gt;wholeText&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Window&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/window/location/&gt;location&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;WindowOrWorkerGlobalScope&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/windoworworkerglobalscope/atob/&gt;atob&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/windoworworkerglobalscope/btoa/&gt;btoa&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/windoworworkerglobalscope/clearinterval/&gt;clearInterval&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/windoworworkerglobalscope/cleartimeout/&gt;clearTimeout&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/windoworworkerglobalscope/createimagebitmap/&gt;createImageBitmap&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/windoworworkerglobalscope/crossoriginisolated/&gt;crossOriginIsolated&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/windoworworkerglobalscope/issecurecontext/&gt;isSecureContext&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/windoworworkerglobalscope/origin/&gt;origin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/windoworworkerglobalscope/queuemicrotask/&gt;queueMicrotask&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/windoworworkerglobalscope/reporterror/&gt;reportError&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/windoworworkerglobalscope/setinterval/&gt;setInterval&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/windoworworkerglobalscope/settimeout/&gt;setTimeout&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/windoworworkerglobalscope/structuredclone/&gt;structuredClone&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Other&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/js/array/&gt;Array&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/comments/&gt;Comments&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/date/&gt;Date&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/enable/&gt;Enable&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/functions/&gt;Functions&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/infinity/&gt;Infinity&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/js/print/&gt;print&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=h1&gt;&lt;a id=switch-php&gt;PHP&lt;/a&gt;&lt;/div&gt;&lt;div id=list-php&gt;&lt;h2&gt;Overview&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/&gt;Overview&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Array&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/array/array/&gt;array&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_all/&gt;array_all&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_any/&gt;array_any&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_change_key_case/&gt;array_change_key_case&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_chunk/&gt;array_chunk&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_column/&gt;array_column&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_combine/&gt;array_combine&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_count_values/&gt;array_count_values&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_diff/&gt;array_diff&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_diff_assoc/&gt;array_diff_assoc&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_diff_key/&gt;array_diff_key&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_diff_uassoc/&gt;array_diff_uassoc&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_diff_ukey/&gt;array_diff_ukey&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_fill/&gt;array_fill&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_fill_keys/&gt;array_fill_keys&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_filter/&gt;array_filter&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_find/&gt;array_find&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_find_key/&gt;array_find_key&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_first/&gt;array_first&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_flip/&gt;array_flip&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_intersect/&gt;array_intersect&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_intersect_assoc/&gt;array_intersect_assoc&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_intersect_key/&gt;array_intersect_key&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_intersect_uassoc/&gt;array_intersect_uassoc&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_intersect_ukey/&gt;array_intersect_ukey&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_key_exists/&gt;array_key_exists&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_key_first/&gt;array_key_first&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_key_last/&gt;array_key_last&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_keys/&gt;array_keys&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_last/&gt;array_last&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_map/&gt;array_map&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_merge/&gt;array_merge&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_merge_recursive/&gt;array_merge_recursive&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_multisort/&gt;array_multisort&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_pad/&gt;array_pad&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_pop/&gt;array_pop&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_product/&gt;array_product&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_push/&gt;array_push&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_rand/&gt;array_rand&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_reduce/&gt;array_reduce&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_replace/&gt;array_replace&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_replace_recursive/&gt;array_replace_recursive&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_reverse/&gt;array_reverse&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_search/&gt;array_search&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_shift/&gt;array_shift&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_slice/&gt;array_slice&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_splice/&gt;array_splice&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_sum/&gt;array_sum&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_udiff/&gt;array_udiff&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_udiff_assoc/&gt;array_udiff_assoc&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_udiff_uassoc/&gt;array_udiff_uassoc&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_uintersect/&gt;array_uintersect&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_uintersect_assoc/&gt;array_uintersect_assoc&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_uintersect_uassoc/&gt;array_uintersect_uassoc&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_unique/&gt;array_unique&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_unshift/&gt;array_unshift&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_values/&gt;array_values&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_walk/&gt;array_walk&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/array_walk_recursive/&gt;array_walk_recursive&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/arsort/&gt;arsort&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/asort/&gt;asort&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/compact/&gt;compact&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/count/&gt;count&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/current/&gt;current&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/end/&gt;end&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/extract/&gt;extract&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/in_array/&gt;in_array&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/key/&gt;key&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/key_exists/&gt;key_exists&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/krsort/&gt;krsort&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/ksort/&gt;ksort&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/list/&gt;list&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/natcasesort/&gt;natcasesort&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/natsort/&gt;natsort&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/next/&gt;next&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/pos/&gt;pos&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/prev/&gt;prev&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/range/&gt;range&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/reset/&gt;reset&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/rsort/&gt;rsort&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/shuffle/&gt;shuffle&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/sizeof/&gt;sizeof&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/sort/&gt;sort&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/uasort/&gt;uasort&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/uksort/&gt;uksort&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/array/usort/&gt;usort&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;BCMath&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/bcmath/bcadd/&gt;bcadd&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/bcmath/bcceil/&gt;bcceil&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/bcmath/bccomp/&gt;bccomp&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/bcmath/bcdiv/&gt;bcdiv&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/bcmath/bcdivmod/&gt;bcdivmod&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/bcmath/bcfloor/&gt;bcfloor&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/bcmath/bcmod/&gt;bcmod&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/bcmath/bcmul/&gt;bcmul&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/bcmath/bcpow/&gt;bcpow&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/bcmath/bcpowmod/&gt;bcpowmod&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/bcmath/bcround/&gt;bcround&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/bcmath/bcscale/&gt;bcscale&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/bcmath/bcsqrt/&gt;bcsqrt&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/bcmath/bcsub/&gt;bcsub&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;bzip2&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/bzip2/bzclose/&gt;bzclose&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/bzip2/bzcompress/&gt;bzcompress&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/bzip2/bzdecompress/&gt;bzdecompress&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/bzip2/bzerrno/&gt;bzerrno&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/bzip2/bzerror/&gt;bzerror&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/bzip2/bzerrstr/&gt;bzerrstr&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/bzip2/bzflush/&gt;bzflush&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/bzip2/bzopen/&gt;bzopen&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/bzip2/bzread/&gt;bzread&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/bzip2/bzwrite/&gt;bzwrite&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Calendar&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/calendar/cal_days_in_month/&gt;cal_days_in_month&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/calendar/cal_from_jd/&gt;cal_from_jd&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/calendar/cal_info/&gt;cal_info&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/calendar/cal_to_jd/&gt;cal_to_jd&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/calendar/easter_date/&gt;easter_date&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/calendar/easter_days/&gt;easter_days&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/calendar/frenchtojd/&gt;frenchtojd&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/calendar/gregoriantojd/&gt;gregoriantojd&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/calendar/jddayofweek/&gt;jddayofweek&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/calendar/jdmonthname/&gt;jdmonthname&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/calendar/jdtofrench/&gt;jdtofrench&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/calendar/jdtogregorian/&gt;jdtogregorian&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/calendar/jdtojewish/&gt;jdtojewish&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/calendar/jdtojulian/&gt;jdtojulian&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/calendar/jdtounix/&gt;jdtounix&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/calendar/jewishtojd/&gt;jewishtojd&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/calendar/juliantojd/&gt;juliantojd&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/calendar/unixtojd/&gt;unixtojd&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Class / Object&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/class-object/class_alias/&gt;class_alias&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/class-object/class_exists/&gt;class_exists&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/class-object/get_called_class/&gt;get_called_class&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/class-object/get_class/&gt;get_class&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/class-object/get_class_methods/&gt;get_class_methods&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/class-object/get_class_vars/&gt;get_class_vars&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/class-object/get_declared_classes/&gt;get_declared_classes&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/class-object/get_declared_interfaces/&gt;get_declared_interfaces&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/class-object/get_declared_traits/&gt;get_declared_traits&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/class-object/get_object_vars/&gt;get_object_vars&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/class-object/get_parent_class/&gt;get_parent_class&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/class-object/interface_exists/&gt;interface_exists&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/class-object/is_a/&gt;is_a&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/class-object/is_subclass_of/&gt;is_subclass_of&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/class-object/method_exists/&gt;method_exists&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/class-object/property_exists/&gt;property_exists&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/class-object/trait_exists/&gt;trait_exists&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Ctype&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/ctype/ctype_alnum/&gt;ctype_alnum&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/ctype/ctype_alpha/&gt;ctype_alpha&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/ctype/ctype_cntrl/&gt;ctype_cntrl&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/ctype/ctype_digit/&gt;ctype_digit&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/ctype/ctype_graph/&gt;ctype_graph&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/ctype/ctype_lower/&gt;ctype_lower&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/ctype/ctype_print/&gt;ctype_print&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/ctype/ctype_punct/&gt;ctype_punct&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/ctype/ctype_space/&gt;ctype_space&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/ctype/ctype_upper/&gt;ctype_upper&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/ctype/ctype_xdigit/&gt;ctype_xdigit&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;cURL&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/curl/curl_close/&gt;curl_close&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/curl/curl_copy_handle/&gt;curl_copy_handle&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/curl/curl_errno/&gt;curl_errno&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/curl/curl_error/&gt;curl_error&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/curl/curl_escape/&gt;curl_escape&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/curl/curl_exec/&gt;curl_exec&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/curl/curl_getinfo/&gt;curl_getinfo&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/curl/curl_init/&gt;curl_init&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/curl/curl_multi_add_handle/&gt;curl_multi_add_handle&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/curl/curl_multi_close/&gt;curl_multi_close&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/curl/curl_multi_errno/&gt;curl_multi_errno&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/curl/curl_multi_exec/&gt;curl_multi_exec&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/curl/curl_multi_getcontent/&gt;curl_multi_getcontent&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/curl/curl_multi_info_read/&gt;curl_multi_info_read&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/curl/curl_multi_init/&gt;curl_multi_init&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/curl/curl_multi_remove_handle/&gt;curl_multi_remove_handle&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/curl/curl_multi_select/&gt;curl_multi_select&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/curl/curl_multi_setopt/&gt;curl_multi_setopt&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/curl/curl_multi_strerror/&gt;curl_multi_strerror&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/curl/curl_pause/&gt;curl_pause&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/curl/curl_reset/&gt;curl_reset&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/curl/curl_setopt/&gt;curl_setopt&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/curl/curl_setopt_array/&gt;curl_setopt_array&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/curl/curl_share_close/&gt;curl_share_close&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/curl/curl_share_errno/&gt;curl_share_errno&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/curl/curl_share_init/&gt;curl_share_init&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/curl/curl_share_init_persistent/&gt;curl_share_init_persistent&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/curl/curl_share_setopt/&gt;curl_share_setopt&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/curl/curl_share_strerror/&gt;curl_share_strerror&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/curl/curl_strerror/&gt;curl_strerror&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/curl/curl_unescape/&gt;curl_unescape&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/curl/curl_upkeep/&gt;curl_upkeep&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/curl/curl_version/&gt;curl_version&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Date / Time&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/date-time/checkdate/&gt;checkdate&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/date/&gt;date&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/date_add/&gt;date_add&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/date_create/&gt;date_create&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/date_create_from_format/&gt;date_create_from_format&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/date_create_immutable/&gt;date_create_immutable&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/date_create_immutable_from_format/&gt;date_create_immutable_from_format&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/date_date_set/&gt;date_date_set&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/date_default_timezone_get/&gt;date_default_timezone_get&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/date_default_timezone_set/&gt;date_default_timezone_set&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/date_diff/&gt;date_diff&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/date_format/&gt;date_format&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/date_get_last_errors/&gt;date_get_last_errors&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/date_interval_create_from_date_string/&gt;date_interval_create_from_date_string&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/date_interval_format/&gt;date_interval_format&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/date_isodate_set/&gt;date_isodate_set&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/date_modify/&gt;date_modify&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/date_offset_get/&gt;date_offset_get&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/date_parse/&gt;date_parse&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/date_parse_from_format/&gt;date_parse_from_format&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/date_sub/&gt;date_sub&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/date_sun_info/&gt;date_sun_info&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/date_sunrise/&gt;date_sunrise&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/date_sunset/&gt;date_sunset&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/date_time_set/&gt;date_time_set&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/date_timestamp_get/&gt;date_timestamp_get&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/date_timestamp_set/&gt;date_timestamp_set&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/date_timezone_get/&gt;date_timezone_get&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/date_timezone_set/&gt;date_timezone_set&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/getdate/&gt;getdate&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/gettimeofday/&gt;gettimeofday&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/gmdate/&gt;gmdate&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/gmmktime/&gt;gmmktime&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/gmstrftime/&gt;gmstrftime&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/idate/&gt;idate&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/localtime/&gt;localtime&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/microtime/&gt;microtime&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/mktime/&gt;mktime&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/strftime/&gt;strftime&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/strptime/&gt;strptime&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/strtotime/&gt;strtotime&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/time/&gt;time&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/timezone_abbreviations_list/&gt;timezone_abbreviations_list&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/timezone_identifiers_list/&gt;timezone_identifiers_list&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/timezone_location_get/&gt;timezone_location_get&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/timezone_name_from_abbr/&gt;timezone_name_from_abbr&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/timezone_name_get/&gt;timezone_name_get&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/timezone_offset_get/&gt;timezone_offset_get&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/timezone_open/&gt;timezone_open&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/timezone_transitions_get/&gt;timezone_transitions_get&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/date-time/timezone_version_get/&gt;timezone_version_get&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Directory&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/directory/chdir/&gt;chdir&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/directory/chroot/&gt;chroot&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/directory/closedir/&gt;closedir&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/directory/dir/&gt;dir&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/directory/getcwd/&gt;getcwd&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/directory/opendir/&gt;opendir&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/directory/readdir/&gt;readdir&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/directory/rewinddir/&gt;rewinddir&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/directory/scandir/&gt;scandir&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;DOM&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/dom/dom_import_simplexml/&gt;dom_import_simplexml&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Error Handling&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/error-handling/debug_backtrace/&gt;debug_backtrace&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/error-handling/debug_print_backtrace/&gt;debug_print_backtrace&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/error-handling/error_clear_last/&gt;error_clear_last&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/error-handling/error_get_last/&gt;error_get_last&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/error-handling/error_log/&gt;error_log&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/error-handling/error_reporting/&gt;error_reporting&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/error-handling/get_error_handler/&gt;get_error_handler&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/error-handling/get_exception_handler/&gt;get_exception_handler&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/error-handling/restore_error_handler/&gt;restore_error_handler&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/error-handling/restore_exception_handler/&gt;restore_exception_handler&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/error-handling/set_error_handler/&gt;set_error_handler&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/error-handling/set_exception_handler/&gt;set_exception_handler&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/error-handling/trigger_error/&gt;trigger_error&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/error-handling/user_error/&gt;user_error&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Exif&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/exif/exif_imagetype/&gt;exif_imagetype&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/exif/exif_read_data/&gt;exif_read_data&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/exif/exif_tagname/&gt;exif_tagname&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/exif/exif_thumbnail/&gt;exif_thumbnail&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Fileinfo&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/fileinfo/finfo_buffer/&gt;finfo_buffer&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/fileinfo/finfo_close/&gt;finfo_close&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/fileinfo/finfo_file/&gt;finfo_file&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/fileinfo/finfo_open/&gt;finfo_open&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/fileinfo/finfo_set_flags/&gt;finfo_set_flags&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/fileinfo/mime_content_type/&gt;mime_content_type&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Filesystem&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/filesystem/basename/&gt;basename&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/chgrp/&gt;chgrp&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/chmod/&gt;chmod&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/chown/&gt;chown&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/clearstatcache/&gt;clearstatcache&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/copy/&gt;copy&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/dirname/&gt;dirname&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/disk_free_space/&gt;disk_free_space&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/disk_total_space/&gt;disk_total_space&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/diskfreespace/&gt;diskfreespace&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/fclose/&gt;fclose&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/feof/&gt;feof&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/fflush/&gt;fflush&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/fgetc/&gt;fgetc&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/fgetcsv/&gt;fgetcsv&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/fgets/&gt;fgets&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/file/&gt;file&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/file_exists/&gt;file_exists&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/file_get_contents/&gt;file_get_contents&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/file_put_contents/&gt;file_put_contents&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/fileatime/&gt;fileatime&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/filectime/&gt;filectime&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/filegroup/&gt;filegroup&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/fileinode/&gt;fileinode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/filemtime/&gt;filemtime&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/fileowner/&gt;fileowner&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/fileperms/&gt;fileperms&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/filesize/&gt;filesize&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/filetype/&gt;filetype&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/flock/&gt;flock&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/fnmatch/&gt;fnmatch&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/fopen/&gt;fopen&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/fpassthru/&gt;fpassthru&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/fputcsv/&gt;fputcsv&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/fputs/&gt;fputs&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/fread/&gt;fread&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/fscanf/&gt;fscanf&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/fseek/&gt;fseek&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/fstat/&gt;fstat&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/ftell/&gt;ftell&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/ftruncate/&gt;ftruncate&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/fwrite/&gt;fwrite&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/glob/&gt;glob&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/is_dir/&gt;is_dir&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/is_executable/&gt;is_executable&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/is_file/&gt;is_file&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/is_link/&gt;is_link&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/is_readable/&gt;is_readable&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/is_uploaded_file/&gt;is_uploaded_file&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/is_writable/&gt;is_writable&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/is_writeable/&gt;is_writeable&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/lchgrp/&gt;lchgrp&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/lchown/&gt;lchown&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/link/&gt;link&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/linkinfo/&gt;linkinfo&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/lstat/&gt;lstat&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/mkdir/&gt;mkdir&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/move_uploaded_file/&gt;move_uploaded_file&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/pathinfo/&gt;pathinfo&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/pclose/&gt;pclose&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/popen/&gt;popen&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/readfile/&gt;readfile&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/readlink/&gt;readlink&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/realpath/&gt;realpath&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/realpath_cache_get/&gt;realpath_cache_get&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/realpath_cache_size/&gt;realpath_cache_size&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/rename/&gt;rename&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/rewind/&gt;rewind&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/rmdir/&gt;rmdir&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/set_file_buffer/&gt;set_file_buffer&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/stat/&gt;stat&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/symlink/&gt;symlink&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/tempnam/&gt;tempnam&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/tmpfile/&gt;tmpfile&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/touch/&gt;touch&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/umask/&gt;umask&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filesystem/unlink/&gt;unlink&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Filter&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/filter/filter_has_var/&gt;filter_has_var&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filter/filter_id/&gt;filter_id&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filter/filter_input/&gt;filter_input&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filter/filter_input_array/&gt;filter_input_array&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filter/filter_list/&gt;filter_list&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filter/filter_var/&gt;filter_var&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/filter/filter_var_array/&gt;filter_var_array&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Function Handling&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/function-handling/call_user_func/&gt;call_user_func&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/function-handling/call_user_func_array/&gt;call_user_func_array&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/function-handling/forward_static_call/&gt;forward_static_call&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/function-handling/forward_static_call_array/&gt;forward_static_call_array&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/function-handling/func_get_arg/&gt;func_get_arg&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/function-handling/func_get_args/&gt;func_get_args&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/function-handling/func_num_args/&gt;func_num_args&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/function-handling/function_exists/&gt;function_exists&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/function-handling/get_defined_functions/&gt;get_defined_functions&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/function-handling/register_shutdown_function/&gt;register_shutdown_function&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/function-handling/register_tick_function/&gt;register_tick_function&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/function-handling/unregister_tick_function/&gt;unregister_tick_function&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;GMP&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_abs/&gt;gmp_abs&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_add/&gt;gmp_add&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_and/&gt;gmp_and&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_binomial/&gt;gmp_binomial&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_clrbit/&gt;gmp_clrbit&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_cmp/&gt;gmp_cmp&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_com/&gt;gmp_com&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_div/&gt;gmp_div&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_div_q/&gt;gmp_div_q&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_div_qr/&gt;gmp_div_qr&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_div_r/&gt;gmp_div_r&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_divexact/&gt;gmp_divexact&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_export/&gt;gmp_export&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_fact/&gt;gmp_fact&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_gcd/&gt;gmp_gcd&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_gcdext/&gt;gmp_gcdext&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_hamdist/&gt;gmp_hamdist&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_import/&gt;gmp_import&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_init/&gt;gmp_init&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_intval/&gt;gmp_intval&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_invert/&gt;gmp_invert&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_jacobi/&gt;gmp_jacobi&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_kronecker/&gt;gmp_kronecker&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_lcm/&gt;gmp_lcm&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_legendre/&gt;gmp_legendre&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_mod/&gt;gmp_mod&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_mul/&gt;gmp_mul&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_neg/&gt;gmp_neg&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_nextprime/&gt;gmp_nextprime&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_or/&gt;gmp_or&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_perfect_power/&gt;gmp_perfect_power&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_perfect_square/&gt;gmp_perfect_square&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_popcount/&gt;gmp_popcount&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_pow/&gt;gmp_pow&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_powm/&gt;gmp_powm&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_prob_prime/&gt;gmp_prob_prime&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_random_bits/&gt;gmp_random_bits&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_random_range/&gt;gmp_random_range&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_random_seed/&gt;gmp_random_seed&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_root/&gt;gmp_root&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_rootrem/&gt;gmp_rootrem&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_scan0/&gt;gmp_scan0&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_scan1/&gt;gmp_scan1&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_setbit/&gt;gmp_setbit&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_sign/&gt;gmp_sign&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_sqrt/&gt;gmp_sqrt&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_sqrtrem/&gt;gmp_sqrtrem&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_strval/&gt;gmp_strval&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_sub/&gt;gmp_sub&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_testbit/&gt;gmp_testbit&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/gmp/gmp_xor/&gt;gmp_xor&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Hash&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/hash/hash/&gt;hash&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/hash/hash_algos/&gt;hash_algos&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/hash/hash_copy/&gt;hash_copy&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/hash/hash_equals/&gt;hash_equals&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/hash/hash_file/&gt;hash_file&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/hash/hash_final/&gt;hash_final&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/hash/hash_hkdf/&gt;hash_hkdf&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/hash/hash_hmac/&gt;hash_hmac&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/hash/hash_hmac_algos/&gt;hash_hmac_algos&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/hash/hash_hmac_file/&gt;hash_hmac_file&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/hash/hash_init/&gt;hash_init&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/hash/hash_pbkdf2/&gt;hash_pbkdf2&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/hash/hash_update/&gt;hash_update&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/hash/hash_update_file/&gt;hash_update_file&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/hash/hash_update_stream/&gt;hash_update_stream&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;iconv&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/iconv/iconv/&gt;iconv&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/iconv/iconv_get_encoding/&gt;iconv_get_encoding&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/iconv/iconv_mime_decode/&gt;iconv_mime_decode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/iconv/iconv_mime_decode_headers/&gt;iconv_mime_decode_headers&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/iconv/iconv_mime_encode/&gt;iconv_mime_encode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/iconv/iconv_set_encoding/&gt;iconv_set_encoding&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/iconv/iconv_strlen/&gt;iconv_strlen&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/iconv/iconv_strpos/&gt;iconv_strpos&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/iconv/iconv_strrpos/&gt;iconv_strrpos&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/iconv/iconv_substr/&gt;iconv_substr&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/iconv/ob_iconv_handler/&gt;ob_iconv_handler&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Image&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/image/gd_info/&gt;gd_info&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/getimagesize/&gt;getimagesize&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/getimagesizefromstring/&gt;getimagesizefromstring&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/image_type_to_extension/&gt;image_type_to_extension&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/image_type_to_mime_type/&gt;image_type_to_mime_type&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imageaffine/&gt;imageaffine&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imageaffinematrixconcat/&gt;imageaffinematrixconcat&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imageaffinematrixget/&gt;imageaffinematrixget&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagealphablending/&gt;imagealphablending&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imageantialias/&gt;imageantialias&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagearc/&gt;imagearc&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imageavif/&gt;imageavif&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagebmp/&gt;imagebmp&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagechar/&gt;imagechar&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecharup/&gt;imagecharup&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecolorallocate/&gt;imagecolorallocate&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecolorallocatealpha/&gt;imagecolorallocatealpha&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecolorat/&gt;imagecolorat&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecolorclosest/&gt;imagecolorclosest&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecolorclosestalpha/&gt;imagecolorclosestalpha&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecolorclosesthwb/&gt;imagecolorclosesthwb&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecolordeallocate/&gt;imagecolordeallocate&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecolorexact/&gt;imagecolorexact&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecolorexactalpha/&gt;imagecolorexactalpha&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecolormatch/&gt;imagecolormatch&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecolorresolve/&gt;imagecolorresolve&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecolorresolvealpha/&gt;imagecolorresolvealpha&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecolorset/&gt;imagecolorset&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecolorsforindex/&gt;imagecolorsforindex&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecolorstotal/&gt;imagecolorstotal&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecolortransparent/&gt;imagecolortransparent&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imageconvolution/&gt;imageconvolution&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecopy/&gt;imagecopy&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecopymerge/&gt;imagecopymerge&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecopymergegray/&gt;imagecopymergegray&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecopyresampled/&gt;imagecopyresampled&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecopyresized/&gt;imagecopyresized&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecreate/&gt;imagecreate&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecreatefromavif/&gt;imagecreatefromavif&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecreatefrombmp/&gt;imagecreatefrombmp&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecreatefromgif/&gt;imagecreatefromgif&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecreatefromjpeg/&gt;imagecreatefromjpeg&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecreatefrompng/&gt;imagecreatefrompng&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecreatefromstring/&gt;imagecreatefromstring&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecreatefromtga/&gt;imagecreatefromtga&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecreatefromwbmp/&gt;imagecreatefromwbmp&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecreatefromwebp/&gt;imagecreatefromwebp&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecreatefromxbm/&gt;imagecreatefromxbm&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecreatefromxpm/&gt;imagecreatefromxpm&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecreatetruecolor/&gt;imagecreatetruecolor&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecrop/&gt;imagecrop&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagecropauto/&gt;imagecropauto&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagedashedline/&gt;imagedashedline&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagedestroy/&gt;imagedestroy&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imageellipse/&gt;imageellipse&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagefill/&gt;imagefill&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagefilledarc/&gt;imagefilledarc&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagefilledellipse/&gt;imagefilledellipse&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagefilledpolygon/&gt;imagefilledpolygon&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagefilledrectangle/&gt;imagefilledrectangle&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagefilltoborder/&gt;imagefilltoborder&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagefilter/&gt;imagefilter&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imageflip/&gt;imageflip&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagefontheight/&gt;imagefontheight&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagefontwidth/&gt;imagefontwidth&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imageftbbox/&gt;imageftbbox&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagefttext/&gt;imagefttext&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagegammacorrect/&gt;imagegammacorrect&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagegetclip/&gt;imagegetclip&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagegetinterpolation/&gt;imagegetinterpolation&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagegif/&gt;imagegif&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imageinterlace/&gt;imageinterlace&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imageistruecolor/&gt;imageistruecolor&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagejpeg/&gt;imagejpeg&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagelayereffect/&gt;imagelayereffect&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imageline/&gt;imageline&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imageloadfont/&gt;imageloadfont&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imageopenpolygon/&gt;imageopenpolygon&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagepalettecopy/&gt;imagepalettecopy&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagepalettetotruecolor/&gt;imagepalettetotruecolor&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagepng/&gt;imagepng&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagepolygon/&gt;imagepolygon&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagerectangle/&gt;imagerectangle&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imageresolution/&gt;imageresolution&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagerotate/&gt;imagerotate&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagesavealpha/&gt;imagesavealpha&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagescale/&gt;imagescale&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagesetbrush/&gt;imagesetbrush&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagesetclip/&gt;imagesetclip&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagesetinterpolation/&gt;imagesetinterpolation&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagesetpixel/&gt;imagesetpixel&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagesetstyle/&gt;imagesetstyle&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagesetthickness/&gt;imagesetthickness&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagesettile/&gt;imagesettile&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagestring/&gt;imagestring&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagestringup/&gt;imagestringup&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagesx/&gt;imagesx&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagesy/&gt;imagesy&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagetruecolortopalette/&gt;imagetruecolortopalette&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagettfbbox/&gt;imagettfbbox&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagettftext/&gt;imagettftext&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagetypes/&gt;imagetypes&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagewbmp/&gt;imagewbmp&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagewebp/&gt;imagewebp&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/imagexbm/&gt;imagexbm&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/iptcembed/&gt;iptcembed&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/image/iptcparse/&gt;iptcparse&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;JSON&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/json/json_decode/&gt;json_decode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/json/json_encode/&gt;json_encode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/json/json_last_error/&gt;json_last_error&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/json/json_last_error_msg/&gt;json_last_error_msg&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/json/json_validate/&gt;json_validate&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;libxml&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/libxml/libxml_clear_errors/&gt;libxml_clear_errors&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/libxml/libxml_get_errors/&gt;libxml_get_errors&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/libxml/libxml_get_external_entity_loader/&gt;libxml_get_external_entity_loader&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/libxml/libxml_get_last_error/&gt;libxml_get_last_error&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/libxml/libxml_set_external_entity_loader/&gt;libxml_set_external_entity_loader&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/libxml/libxml_set_streams_context/&gt;libxml_set_streams_context&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/libxml/libxml_use_internal_errors/&gt;libxml_use_internal_errors&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Mail&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/mail/mail/&gt;mail&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Math&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/math/abs/&gt;abs&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/acos/&gt;acos&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/acosh/&gt;acosh&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/asin/&gt;asin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/asinh/&gt;asinh&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/atan/&gt;atan&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/atan2/&gt;atan2&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/atanh/&gt;atanh&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/base_convert/&gt;base_convert&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/bindec/&gt;bindec&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/ceil/&gt;ceil&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/cos/&gt;cos&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/cosh/&gt;cosh&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/decbin/&gt;decbin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/dechex/&gt;dechex&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/decoct/&gt;decoct&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/deg2rad/&gt;deg2rad&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/exp/&gt;exp&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/expm1/&gt;expm1&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/fdiv/&gt;fdiv&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/floor/&gt;floor&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/fmod/&gt;fmod&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/fpow/&gt;fpow&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/hexdec/&gt;hexdec&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/hypot/&gt;hypot&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/intdiv/&gt;intdiv&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/is_finite/&gt;is_finite&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/is_infinite/&gt;is_infinite&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/is_nan/&gt;is_nan&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/log/&gt;log&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/log10/&gt;log10&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/log1p/&gt;log1p&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/max/&gt;max&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/min/&gt;min&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/octdec/&gt;octdec&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/pi/&gt;pi&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/pow/&gt;pow&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/rad2deg/&gt;rad2deg&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/round/&gt;round&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/sin/&gt;sin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/sinh/&gt;sinh&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/sqrt/&gt;sqrt&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/tan/&gt;tan&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/math/tanh/&gt;tanh&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Miscellaneous&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/miscellaneous/__halt_compiler/&gt;__halt_compiler&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/miscellaneous/connection_aborted/&gt;connection_aborted&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/miscellaneous/connection_status/&gt;connection_status&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/miscellaneous/constant/&gt;constant&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/miscellaneous/define/&gt;define&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/miscellaneous/defined/&gt;defined&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/miscellaneous/die/&gt;die&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/miscellaneous/eval/&gt;eval&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/miscellaneous/exit/&gt;exit&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/miscellaneous/highlight_file/&gt;highlight_file&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/miscellaneous/highlight_string/&gt;highlight_string&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/miscellaneous/hrtime/&gt;hrtime&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/miscellaneous/ignore_user_abort/&gt;ignore_user_abort&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/miscellaneous/pack/&gt;pack&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/miscellaneous/php_strip_whitespace/&gt;php_strip_whitespace&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/miscellaneous/show_source/&gt;show_source&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/miscellaneous/sleep/&gt;sleep&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/miscellaneous/sys_getloadavg/&gt;sys_getloadavg&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/miscellaneous/time_nanosleep/&gt;time_nanosleep&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/miscellaneous/time_sleep_until/&gt;time_sleep_until&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/miscellaneous/uniqid/&gt;uniqid&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/miscellaneous/unpack/&gt;unpack&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/miscellaneous/usleep/&gt;usleep&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Multibyte String&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_check_encoding/&gt;mb_check_encoding&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_chr/&gt;mb_chr&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_convert_case/&gt;mb_convert_case&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_convert_encoding/&gt;mb_convert_encoding&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_convert_kana/&gt;mb_convert_kana&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_convert_variables/&gt;mb_convert_variables&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_decode_mimeheader/&gt;mb_decode_mimeheader&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_decode_numericentity/&gt;mb_decode_numericentity&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_detect_encoding/&gt;mb_detect_encoding&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_detect_order/&gt;mb_detect_order&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_encode_mimeheader/&gt;mb_encode_mimeheader&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_encode_numericentity/&gt;mb_encode_numericentity&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_encoding_aliases/&gt;mb_encoding_aliases&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_ereg/&gt;mb_ereg&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_ereg_match/&gt;mb_ereg_match&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_ereg_replace/&gt;mb_ereg_replace&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_ereg_replace_callback/&gt;mb_ereg_replace_callback&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_ereg_search/&gt;mb_ereg_search&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_ereg_search_getpos/&gt;mb_ereg_search_getpos&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_ereg_search_getregs/&gt;mb_ereg_search_getregs&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_ereg_search_init/&gt;mb_ereg_search_init&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_ereg_search_pos/&gt;mb_ereg_search_pos&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_ereg_search_regs/&gt;mb_ereg_search_regs&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_ereg_search_setpos/&gt;mb_ereg_search_setpos&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_eregi/&gt;mb_eregi&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_eregi_replace/&gt;mb_eregi_replace&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_get_info/&gt;mb_get_info&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_http_input/&gt;mb_http_input&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_http_output/&gt;mb_http_output&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_internal_encoding/&gt;mb_internal_encoding&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_language/&gt;mb_language&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_lcfirst/&gt;mb_lcfirst&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_list_encodings/&gt;mb_list_encodings&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_ltrim/&gt;mb_ltrim&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_ord/&gt;mb_ord&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_output_handler/&gt;mb_output_handler&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_parse_str/&gt;mb_parse_str&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_preferred_mime_name/&gt;mb_preferred_mime_name&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_regex_encoding/&gt;mb_regex_encoding&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_regex_set_options/&gt;mb_regex_set_options&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_rtrim/&gt;mb_rtrim&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_scrub/&gt;mb_scrub&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_send_mail/&gt;mb_send_mail&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_split/&gt;mb_split&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_str_pad/&gt;mb_str_pad&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_str_split/&gt;mb_str_split&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_strcut/&gt;mb_strcut&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_strimwidth/&gt;mb_strimwidth&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_stripos/&gt;mb_stripos&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_stristr/&gt;mb_stristr&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_strlen/&gt;mb_strlen&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_strpos/&gt;mb_strpos&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_strrchr/&gt;mb_strrchr&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_strrichr/&gt;mb_strrichr&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_strripos/&gt;mb_strripos&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_strrpos/&gt;mb_strrpos&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_strstr/&gt;mb_strstr&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_strtolower/&gt;mb_strtolower&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_strtoupper/&gt;mb_strtoupper&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_strwidth/&gt;mb_strwidth&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_substitute_character/&gt;mb_substitute_character&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_substr/&gt;mb_substr&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_substr_count/&gt;mb_substr_count&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_trim/&gt;mb_trim&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/multibyte-string/mb_ucfirst/&gt;mb_ucfirst&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Network&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/network/checkdnsrr/&gt;checkdnsrr&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/closelog/&gt;closelog&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/dns_check_record/&gt;dns_check_record&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/dns_get_mx/&gt;dns_get_mx&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/dns_get_record/&gt;dns_get_record&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/fsockopen/&gt;fsockopen&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/gethostbyaddr/&gt;gethostbyaddr&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/gethostbyname/&gt;gethostbyname&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/gethostbynamel/&gt;gethostbynamel&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/gethostname/&gt;gethostname&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/getmxrr/&gt;getmxrr&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/getprotobyname/&gt;getprotobyname&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/getprotobynumber/&gt;getprotobynumber&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/getservbyname/&gt;getservbyname&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/getservbyport/&gt;getservbyport&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/header/&gt;header&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/header_register_callback/&gt;header_register_callback&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/header_remove/&gt;header_remove&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/headers_list/&gt;headers_list&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/headers_sent/&gt;headers_sent&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/http_clear_last_response_headers/&gt;http_clear_last_response_headers&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/http_get_last_response_headers/&gt;http_get_last_response_headers&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/http_response_code/&gt;http_response_code&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/inet_ntop/&gt;inet_ntop&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/inet_pton/&gt;inet_pton&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/ip2long/&gt;ip2long&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/long2ip/&gt;long2ip&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/openlog/&gt;openlog&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/pfsockopen/&gt;pfsockopen&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/setcookie/&gt;setcookie&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/setrawcookie/&gt;setrawcookie&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/socket_get_status/&gt;socket_get_status&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/socket_set_blocking/&gt;socket_set_blocking&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/socket_set_timeout/&gt;socket_set_timeout&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/network/syslog/&gt;syslog&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Options / Information&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/options-information/assert/&gt;assert&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/assert_options/&gt;assert_options&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/cli_get_process_title/&gt;cli_get_process_title&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/cli_set_process_title/&gt;cli_set_process_title&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/dl/&gt;dl&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/extension_loaded/&gt;extension_loaded&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/gc_collect_cycles/&gt;gc_collect_cycles&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/gc_disable/&gt;gc_disable&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/gc_enable/&gt;gc_enable&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/gc_enabled/&gt;gc_enabled&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/gc_mem_caches/&gt;gc_mem_caches&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/gc_status/&gt;gc_status&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/get_cfg_var/&gt;get_cfg_var&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/get_current_user/&gt;get_current_user&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/get_defined_constants/&gt;get_defined_constants&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/get_extension_funcs/&gt;get_extension_funcs&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/get_include_path/&gt;get_include_path&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/get_included_files/&gt;get_included_files&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/get_loaded_extensions/&gt;get_loaded_extensions&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/get_required_files/&gt;get_required_files&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/get_resources/&gt;get_resources&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/getenv/&gt;getenv&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/getlastmod/&gt;getlastmod&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/getmygid/&gt;getmygid&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/getmyinode/&gt;getmyinode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/getmypid/&gt;getmypid&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/getmyuid/&gt;getmyuid&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/getopt/&gt;getopt&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/getrusage/&gt;getrusage&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/ini_alter/&gt;ini_alter&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/ini_get/&gt;ini_get&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/ini_get_all/&gt;ini_get_all&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/ini_parse_quantity/&gt;ini_parse_quantity&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/ini_restore/&gt;ini_restore&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/ini_set/&gt;ini_set&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/memory_get_peak_usage/&gt;memory_get_peak_usage&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/memory_get_usage/&gt;memory_get_usage&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/memory_reset_peak_usage/&gt;memory_reset_peak_usage&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/php_ini_loaded_file/&gt;php_ini_loaded_file&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/php_ini_scanned_files/&gt;php_ini_scanned_files&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/php_sapi_name/&gt;php_sapi_name&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/php_uname/&gt;php_uname&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/phpcredits/&gt;phpcredits&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/phpinfo/&gt;phpinfo&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/phpversion/&gt;phpversion&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/putenv/&gt;putenv&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/set_include_path/&gt;set_include_path&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/set_time_limit/&gt;set_time_limit&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/sys_get_temp_dir/&gt;sys_get_temp_dir&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/version_compare/&gt;version_compare&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/zend_thread_id/&gt;zend_thread_id&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/options-information/zend_version/&gt;zend_version&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Output Control&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/output-control/flush/&gt;flush&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/output-control/ob_clean/&gt;ob_clean&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/output-control/ob_end_clean/&gt;ob_end_clean&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/output-control/ob_end_flush/&gt;ob_end_flush&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/output-control/ob_flush/&gt;ob_flush&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/output-control/ob_get_clean/&gt;ob_get_clean&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/output-control/ob_get_contents/&gt;ob_get_contents&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/output-control/ob_get_flush/&gt;ob_get_flush&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/output-control/ob_get_length/&gt;ob_get_length&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/output-control/ob_get_level/&gt;ob_get_level&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/output-control/ob_get_status/&gt;ob_get_status&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/output-control/ob_gzhandler/&gt;ob_gzhandler&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/output-control/ob_implicit_flush/&gt;ob_implicit_flush&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/output-control/ob_list_handlers/&gt;ob_list_handlers&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/output-control/ob_start/&gt;ob_start&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/output-control/output_add_rewrite_var/&gt;output_add_rewrite_var&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/output-control/output_reset_rewrite_vars/&gt;output_reset_rewrite_vars&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;PCNTL&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/pcntl/pcntl_alarm/&gt;pcntl_alarm&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcntl/pcntl_async_signals/&gt;pcntl_async_signals&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcntl/pcntl_errno/&gt;pcntl_errno&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcntl/pcntl_exec/&gt;pcntl_exec&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcntl/pcntl_fork/&gt;pcntl_fork&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcntl/pcntl_get_last_error/&gt;pcntl_get_last_error&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcntl/pcntl_getpriority/&gt;pcntl_getpriority&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcntl/pcntl_rfork/&gt;pcntl_rfork&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcntl/pcntl_setpriority/&gt;pcntl_setpriority&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcntl/pcntl_signal/&gt;pcntl_signal&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcntl/pcntl_signal_dispatch/&gt;pcntl_signal_dispatch&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcntl/pcntl_signal_get_handler/&gt;pcntl_signal_get_handler&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcntl/pcntl_sigprocmask/&gt;pcntl_sigprocmask&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcntl/pcntl_sigtimedwait/&gt;pcntl_sigtimedwait&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcntl/pcntl_sigwaitinfo/&gt;pcntl_sigwaitinfo&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcntl/pcntl_strerror/&gt;pcntl_strerror&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcntl/pcntl_unshare/&gt;pcntl_unshare&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcntl/pcntl_wait/&gt;pcntl_wait&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcntl/pcntl_waitpid/&gt;pcntl_waitpid&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcntl/pcntl_wexitstatus/&gt;pcntl_wexitstatus&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcntl/pcntl_wifexited/&gt;pcntl_wifexited&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcntl/pcntl_wifsignaled/&gt;pcntl_wifsignaled&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcntl/pcntl_wifstopped/&gt;pcntl_wifstopped&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcntl/pcntl_wstopsig/&gt;pcntl_wstopsig&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcntl/pcntl_wtermsig/&gt;pcntl_wtermsig&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;PCRE&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/pcre/preg_filter/&gt;preg_filter&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcre/preg_grep/&gt;preg_grep&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcre/preg_last_error/&gt;preg_last_error&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcre/preg_match/&gt;preg_match&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcre/preg_match_all/&gt;preg_match_all&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcre/preg_quote/&gt;preg_quote&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcre/preg_replace/&gt;preg_replace&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcre/preg_replace_callback/&gt;preg_replace_callback&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcre/preg_replace_callback_array/&gt;preg_replace_callback_array&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/pcre/preg_split/&gt;preg_split&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;POSIX&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/posix/posix_access/&gt;posix_access&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_ctermid/&gt;posix_ctermid&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_eaccess/&gt;posix_eaccess&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_errno/&gt;posix_errno&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_fpathconf/&gt;posix_fpathconf&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_get_last_error/&gt;posix_get_last_error&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_getcwd/&gt;posix_getcwd&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_getegid/&gt;posix_getegid&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_geteuid/&gt;posix_geteuid&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_getgid/&gt;posix_getgid&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_getgrgid/&gt;posix_getgrgid&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_getgrnam/&gt;posix_getgrnam&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_getgroups/&gt;posix_getgroups&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_getlogin/&gt;posix_getlogin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_getpgid/&gt;posix_getpgid&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_getpgrp/&gt;posix_getpgrp&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_getpid/&gt;posix_getpid&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_getppid/&gt;posix_getppid&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_getpwnam/&gt;posix_getpwnam&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_getpwuid/&gt;posix_getpwuid&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_getrlimit/&gt;posix_getrlimit&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_getsid/&gt;posix_getsid&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_getuid/&gt;posix_getuid&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_initgroups/&gt;posix_initgroups&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_isatty/&gt;posix_isatty&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_kill/&gt;posix_kill&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_mkfifo/&gt;posix_mkfifo&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_mknod/&gt;posix_mknod&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_pathconf/&gt;posix_pathconf&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_setegid/&gt;posix_setegid&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_seteuid/&gt;posix_seteuid&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_setgid/&gt;posix_setgid&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_setpgid/&gt;posix_setpgid&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_setrlimit/&gt;posix_setrlimit&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_setsid/&gt;posix_setsid&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_setuid/&gt;posix_setuid&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_strerror/&gt;posix_strerror&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_sysconf/&gt;posix_sysconf&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_times/&gt;posix_times&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_ttyname/&gt;posix_ttyname&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/posix/posix_uname/&gt;posix_uname&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Random&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/random/getrandmax/&gt;getrandmax&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/random/lcg_value/&gt;lcg_value&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/random/mt_getrandmax/&gt;mt_getrandmax&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/random/mt_rand/&gt;mt_rand&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/random/mt_srand/&gt;mt_srand&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/random/rand/&gt;rand&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/random/random_bytes/&gt;random_bytes&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/random/random_int/&gt;random_int&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/random/srand/&gt;srand&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Readline&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/readline/readline/&gt;readline&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/readline/readline_add_history/&gt;readline_add_history&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/readline/readline_callback_handler_install/&gt;readline_callback_handler_install&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/readline/readline_callback_handler_remove/&gt;readline_callback_handler_remove&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/readline/readline_callback_read_char/&gt;readline_callback_read_char&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/readline/readline_clear_history/&gt;readline_clear_history&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/readline/readline_completion_function/&gt;readline_completion_function&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/readline/readline_info/&gt;readline_info&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/readline/readline_list_history/&gt;readline_list_history&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/readline/readline_on_new_line/&gt;readline_on_new_line&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/readline/readline_read_history/&gt;readline_read_history&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/readline/readline_redisplay/&gt;readline_redisplay&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/readline/readline_write_history/&gt;readline_write_history&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;ReflectionConstant&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/reflectionconstant/getname/&gt;getName&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/reflectionconstant/getnamespacename/&gt;getNamespaceName&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/reflectionconstant/getshortname/&gt;getShortName&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/reflectionconstant/getvalue/&gt;getValue&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/reflectionconstant/isdeprecated/&gt;isDeprecated&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Session&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/session/session_abort/&gt;session_abort&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/session/session_cache_expire/&gt;session_cache_expire&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/session/session_cache_limiter/&gt;session_cache_limiter&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/session/session_commit/&gt;session_commit&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/session/session_create_id/&gt;session_create_id&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/session/session_decode/&gt;session_decode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/session/session_destroy/&gt;session_destroy&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/session/session_encode/&gt;session_encode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/session/session_gc/&gt;session_gc&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/session/session_get_cookie_params/&gt;session_get_cookie_params&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/session/session_id/&gt;session_id&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/session/session_module_name/&gt;session_module_name&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/session/session_name/&gt;session_name&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/session/session_regenerate_id/&gt;session_regenerate_id&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/session/session_register_shutdown/&gt;session_register_shutdown&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/session/session_reset/&gt;session_reset&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/session/session_save_path/&gt;session_save_path&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/session/session_set_cookie_params/&gt;session_set_cookie_params&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/session/session_set_save_handler/&gt;session_set_save_handler&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/session/session_start/&gt;session_start&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/session/session_status/&gt;session_status&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/session/session_unset/&gt;session_unset&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/session/session_write_close/&gt;session_write_close&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Shmop&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/shmop/shmop_delete/&gt;shmop_delete&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/shmop/shmop_open/&gt;shmop_open&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/shmop/shmop_read/&gt;shmop_read&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/shmop/shmop_size/&gt;shmop_size&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/shmop/shmop_write/&gt;shmop_write&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;SimpleXML&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/simplexml/simplexml_import_dom/&gt;simplexml_import_dom&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/simplexml/simplexml_load_file/&gt;simplexml_load_file&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/simplexml/simplexml_load_string/&gt;simplexml_load_string&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;SNMP&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/snmp/snmp_get_quick_print/&gt;snmp_get_quick_print&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/snmp/snmp_get_valueretrieval/&gt;snmp_get_valueretrieval&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/snmp/snmp_read_mib/&gt;snmp_read_mib&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/snmp/snmp_set_enum_print/&gt;snmp_set_enum_print&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/snmp/snmp_set_oid_numeric_print/&gt;snmp_set_oid_numeric_print&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/snmp/snmp_set_oid_output_format/&gt;snmp_set_oid_output_format&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/snmp/snmp_set_quick_print/&gt;snmp_set_quick_print&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/snmp/snmp_set_valueretrieval/&gt;snmp_set_valueretrieval&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/snmp/snmp2_get/&gt;snmp2_get&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/snmp/snmp2_getnext/&gt;snmp2_getnext&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/snmp/snmp2_real_walk/&gt;snmp2_real_walk&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/snmp/snmp2_set/&gt;snmp2_set&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/snmp/snmp2_walk/&gt;snmp2_walk&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/snmp/snmp3_get/&gt;snmp3_get&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/snmp/snmp3_getnext/&gt;snmp3_getnext&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/snmp/snmp3_real_walk/&gt;snmp3_real_walk&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/snmp/snmp3_set/&gt;snmp3_set&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/snmp/snmp3_walk/&gt;snmp3_walk&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/snmp/snmpget/&gt;snmpget&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/snmp/snmpgetnext/&gt;snmpgetnext&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/snmp/snmprealwalk/&gt;snmprealwalk&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/snmp/snmpset/&gt;snmpset&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/snmp/snmpwalk/&gt;snmpwalk&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/snmp/snmpwalkoid/&gt;snmpwalkoid&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Sockets&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_accept/&gt;socket_accept&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_addrinfo_bind/&gt;socket_addrinfo_bind&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_addrinfo_connect/&gt;socket_addrinfo_connect&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_addrinfo_explain/&gt;socket_addrinfo_explain&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_addrinfo_lookup/&gt;socket_addrinfo_lookup&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_atmark/&gt;socket_atmark&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_bind/&gt;socket_bind&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_clear_error/&gt;socket_clear_error&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_close/&gt;socket_close&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_cmsg_space/&gt;socket_cmsg_space&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_connect/&gt;socket_connect&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_create/&gt;socket_create&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_create_listen/&gt;socket_create_listen&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_create_pair/&gt;socket_create_pair&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_export_stream/&gt;socket_export_stream&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_get_option/&gt;socket_get_option&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_getopt/&gt;socket_getopt&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_getpeername/&gt;socket_getpeername&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_getsockname/&gt;socket_getsockname&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_import_stream/&gt;socket_import_stream&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_last_error/&gt;socket_last_error&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_listen/&gt;socket_listen&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_read/&gt;socket_read&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_recv/&gt;socket_recv&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_recvfrom/&gt;socket_recvfrom&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_recvmsg/&gt;socket_recvmsg&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_select/&gt;socket_select&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_send/&gt;socket_send&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_sendmsg/&gt;socket_sendmsg&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_sendto/&gt;socket_sendto&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_set_block/&gt;socket_set_block&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_set_nonblock/&gt;socket_set_nonblock&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_set_option/&gt;socket_set_option&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_setopt/&gt;socket_setopt&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_shutdown/&gt;socket_shutdown&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_strerror/&gt;socket_strerror&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_write/&gt;socket_write&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_wsaprotocol_info_export/&gt;socket_wsaprotocol_info_export&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_wsaprotocol_info_import/&gt;socket_wsaprotocol_info_import&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/sockets/socket_wsaprotocol_info_release/&gt;socket_wsaprotocol_info_release&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;SPL&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/spl/class_implements/&gt;class_implements&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/spl/class_parents/&gt;class_parents&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/spl/class_uses/&gt;class_uses&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/spl/iterator_apply/&gt;iterator_apply&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/spl/iterator_count/&gt;iterator_count&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/spl/iterator_to_array/&gt;iterator_to_array&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/spl/spl_autoload/&gt;spl_autoload&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/spl/spl_autoload_call/&gt;spl_autoload_call&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/spl/spl_autoload_extensions/&gt;spl_autoload_extensions&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/spl/spl_autoload_functions/&gt;spl_autoload_functions&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/spl/spl_autoload_register/&gt;spl_autoload_register&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/spl/spl_autoload_unregister/&gt;spl_autoload_unregister&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/spl/spl_classes/&gt;spl_classes&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/spl/spl_object_hash/&gt;spl_object_hash&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/spl/spl_object_id/&gt;spl_object_id&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Stream&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/stream/stream_bucket_append/&gt;stream_bucket_append&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_bucket_make_writeable/&gt;stream_bucket_make_writeable&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_bucket_new/&gt;stream_bucket_new&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_bucket_prepend/&gt;stream_bucket_prepend&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_context_create/&gt;stream_context_create&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_context_get_default/&gt;stream_context_get_default&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_context_get_options/&gt;stream_context_get_options&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_context_get_params/&gt;stream_context_get_params&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_context_set_default/&gt;stream_context_set_default&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_context_set_option/&gt;stream_context_set_option&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_context_set_options/&gt;stream_context_set_options&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_context_set_params/&gt;stream_context_set_params&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_copy_to_stream/&gt;stream_copy_to_stream&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_filter_append/&gt;stream_filter_append&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_filter_prepend/&gt;stream_filter_prepend&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_filter_register/&gt;stream_filter_register&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_filter_remove/&gt;stream_filter_remove&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_get_contents/&gt;stream_get_contents&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_get_filters/&gt;stream_get_filters&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_get_line/&gt;stream_get_line&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_get_meta_data/&gt;stream_get_meta_data&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_get_transports/&gt;stream_get_transports&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_get_wrappers/&gt;stream_get_wrappers&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_is_local/&gt;stream_is_local&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_isatty/&gt;stream_isatty&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_notification_callback/&gt;stream_notification_callback&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_register_wrapper/&gt;stream_register_wrapper&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_resolve_include_path/&gt;stream_resolve_include_path&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_select/&gt;stream_select&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_set_blocking/&gt;stream_set_blocking&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_set_chunk_size/&gt;stream_set_chunk_size&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_set_read_buffer/&gt;stream_set_read_buffer&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_set_timeout/&gt;stream_set_timeout&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_set_write_buffer/&gt;stream_set_write_buffer&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_socket_accept/&gt;stream_socket_accept&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_socket_client/&gt;stream_socket_client&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_socket_enable_crypto/&gt;stream_socket_enable_crypto&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_socket_get_name/&gt;stream_socket_get_name&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_socket_pair/&gt;stream_socket_pair&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_socket_recvfrom/&gt;stream_socket_recvfrom&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_socket_sendto/&gt;stream_socket_sendto&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_socket_server/&gt;stream_socket_server&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_socket_shutdown/&gt;stream_socket_shutdown&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_supports_lock/&gt;stream_supports_lock&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_wrapper_register/&gt;stream_wrapper_register&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_wrapper_restore/&gt;stream_wrapper_restore&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/stream/stream_wrapper_unregister/&gt;stream_wrapper_unregister&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;String&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/string/addcslashes/&gt;addcslashes&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/addslashes/&gt;addslashes&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/bin2hex/&gt;bin2hex&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/chop/&gt;chop&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/chr/&gt;chr&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/chunk_split/&gt;chunk_split&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/convert_uudecode/&gt;convert_uudecode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/convert_uuencode/&gt;convert_uuencode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/count_chars/&gt;count_chars&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/crc32/&gt;crc32&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/crypt/&gt;crypt&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/echo/&gt;echo&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/explode/&gt;explode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/fprintf/&gt;fprintf&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/get_html_translation_table/&gt;get_html_translation_table&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/hebrev/&gt;hebrev&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/hebrevc/&gt;hebrevc&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/hex2bin/&gt;hex2bin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/html_entity_decode/&gt;html_entity_decode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/htmlentities/&gt;htmlentities&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/htmlspecialchars/&gt;htmlspecialchars&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/htmlspecialchars_decode/&gt;htmlspecialchars_decode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/implode/&gt;implode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/join/&gt;join&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/lcfirst/&gt;lcfirst&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/levenshtein/&gt;levenshtein&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/localeconv/&gt;localeconv&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/ltrim/&gt;ltrim&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/md5/&gt;md5&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/md5_file/&gt;md5_file&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/metaphone/&gt;metaphone&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/nl_langinfo/&gt;nl_langinfo&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/nl2br/&gt;nl2br&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/number_format/&gt;number_format&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/ord/&gt;ord&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/parse_str/&gt;parse_str&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/print/&gt;print&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/printf/&gt;printf&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/quoted_printable_decode/&gt;quoted_printable_decode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/quoted_printable_encode/&gt;quoted_printable_encode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/quotemeta/&gt;quotemeta&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/rtrim/&gt;rtrim&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/setlocale/&gt;setlocale&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/sha1/&gt;sha1&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/sha1_file/&gt;sha1_file&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/similar_text/&gt;similar_text&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/soundex/&gt;soundex&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/sprintf/&gt;sprintf&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/sscanf/&gt;sscanf&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/str_contains/&gt;str_contains&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/str_decrement/&gt;str_decrement&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/str_ends_with/&gt;str_ends_with&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/str_getcsv/&gt;str_getcsv&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/str_increment/&gt;str_increment&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/str_ireplace/&gt;str_ireplace&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/str_pad/&gt;str_pad&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/str_repeat/&gt;str_repeat&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/str_replace/&gt;str_replace&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/str_rot13/&gt;str_rot13&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/str_shuffle/&gt;str_shuffle&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/str_split/&gt;str_split&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/str_starts_with/&gt;str_starts_with&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/str_word_count/&gt;str_word_count&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/strcasecmp/&gt;strcasecmp&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/strchr/&gt;strchr&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/strcmp/&gt;strcmp&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/strcoll/&gt;strcoll&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/strcspn/&gt;strcspn&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/strip_tags/&gt;strip_tags&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/stripcslashes/&gt;stripcslashes&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/stripos/&gt;stripos&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/stripslashes/&gt;stripslashes&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/stristr/&gt;stristr&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/strlen/&gt;strlen&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/strnatcasecmp/&gt;strnatcasecmp&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/strnatcmp/&gt;strnatcmp&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/strncasecmp/&gt;strncasecmp&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/strncmp/&gt;strncmp&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/strpbrk/&gt;strpbrk&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/strpos/&gt;strpos&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/strrchr/&gt;strrchr&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/strrev/&gt;strrev&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/strripos/&gt;strripos&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/strrpos/&gt;strrpos&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/strspn/&gt;strspn&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/strstr/&gt;strstr&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/strtok/&gt;strtok&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/strtolower/&gt;strtolower&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/strtoupper/&gt;strtoupper&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/strtr/&gt;strtr&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/substr/&gt;substr&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/substr_compare/&gt;substr_compare&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/substr_count/&gt;substr_count&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/substr_replace/&gt;substr_replace&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/trim/&gt;trim&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/ucfirst/&gt;ucfirst&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/ucwords/&gt;ucwords&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/vfprintf/&gt;vfprintf&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/vprintf/&gt;vprintf&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/vsprintf/&gt;vsprintf&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/string/wordwrap/&gt;wordwrap&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Tokenizer&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/tokenizer/token_get_all/&gt;token_get_all&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/tokenizer/token_name/&gt;token_name&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;URL&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/url/base64_decode/&gt;base64_decode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/url/base64_encode/&gt;base64_encode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/url/get_headers/&gt;get_headers&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/url/get_meta_tags/&gt;get_meta_tags&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/url/http_build_query/&gt;http_build_query&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/url/parse_url/&gt;parse_url&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/url/rawurldecode/&gt;rawurldecode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/url/rawurlencode/&gt;rawurlencode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/url/urldecode/&gt;urldecode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/url/urlencode/&gt;urlencode&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Variable Handling&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/variable-handling/boolval/&gt;boolval&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/debug_zval_dump/&gt;debug_zval_dump&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/doubleval/&gt;doubleval&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/empty/&gt;empty&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/floatval/&gt;floatval&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/get_debug_type/&gt;get_debug_type&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/get_defined_vars/&gt;get_defined_vars&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/get_resource_id/&gt;get_resource_id&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/get_resource_type/&gt;get_resource_type&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/gettype/&gt;gettype&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/intval/&gt;intval&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/is_array/&gt;is_array&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/is_bool/&gt;is_bool&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/is_callable/&gt;is_callable&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/is_countable/&gt;is_countable&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/is_double/&gt;is_double&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/is_float/&gt;is_float&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/is_int/&gt;is_int&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/is_integer/&gt;is_integer&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/is_iterable/&gt;is_iterable&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/is_long/&gt;is_long&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/is_null/&gt;is_null&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/is_numeric/&gt;is_numeric&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/is_object/&gt;is_object&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/is_real/&gt;is_real&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/is_resource/&gt;is_resource&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/is_scalar/&gt;is_scalar&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/is_string/&gt;is_string&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/isset/&gt;isset&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/print_r/&gt;print_r&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/serialize/&gt;serialize&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/settype/&gt;settype&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/strval/&gt;strval&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/unserialize/&gt;unserialize&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/unset/&gt;unset&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/var_dump/&gt;var_dump&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/variable-handling/var_export/&gt;var_export&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;zlib&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/php/zlib/deflate_add/&gt;deflate_add&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/zlib/deflate_init/&gt;deflate_init&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/zlib/gzclose/&gt;gzclose&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/zlib/gzcompress/&gt;gzcompress&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/zlib/gzdecode/&gt;gzdecode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/zlib/gzdeflate/&gt;gzdeflate&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/zlib/gzencode/&gt;gzencode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/zlib/gzeof/&gt;gzeof&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/zlib/gzfile/&gt;gzfile&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/zlib/gzgetc/&gt;gzgetc&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/zlib/gzgets/&gt;gzgets&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/zlib/gzinflate/&gt;gzinflate&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/zlib/gzopen/&gt;gzopen&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/zlib/gzpassthru/&gt;gzpassthru&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/zlib/gzputs/&gt;gzputs&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/zlib/gzread/&gt;gzread&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/zlib/gzrewind/&gt;gzrewind&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/zlib/gzseek/&gt;gzseek&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/zlib/gztell/&gt;gztell&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/zlib/gzuncompress/&gt;gzuncompress&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/zlib/gzwrite/&gt;gzwrite&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/zlib/inflate_add/&gt;inflate_add&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/zlib/inflate_get_read_len/&gt;inflate_get_read_len&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/zlib/inflate_get_status/&gt;inflate_get_status&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/zlib/inflate_init/&gt;inflate_init&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/zlib/ob_gzhandler/&gt;ob_gzhandler&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/zlib/readgzfile/&gt;readgzfile&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/zlib/zlib_decode/&gt;zlib_decode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/zlib/zlib_encode/&gt;zlib_encode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/php/zlib/zlib_get_coding_type/&gt;zlib_get_coding_type&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=h1&gt;&lt;a id=switch-svg&gt;SVG&lt;/a&gt;&lt;/div&gt;&lt;div id=list-svg&gt;&lt;h2&gt;Overview&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/svg/&gt;Overview&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Attributes&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/svg/attributes/accumulate/&gt;accumulate&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/additive/&gt;additive&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/amplitude/&gt;amplitude&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/attributename/&gt;attributeName&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/azimuth/&gt;azimuth&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/basefrequency/&gt;baseFrequency&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/begin/&gt;begin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/bias/&gt;bias&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/by/&gt;by&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/calcmode/&gt;calcMode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/clippathunits/&gt;clipPathUnits&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/crossorigin/&gt;crossorigin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/cx/&gt;cx&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/cy/&gt;cy&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/d/&gt;d&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/diffuseconstant/&gt;diffuseConstant&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/divisor/&gt;divisor&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/download/&gt;download&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/dur/&gt;dur&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/dx/&gt;dx&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/dy/&gt;dy&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/edgemode/&gt;edgeMode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/elevation/&gt;elevation&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/end/&gt;end&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/exponent/&gt;exponent&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/fill/&gt;fill&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/filterunits/&gt;filterUnits&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/flood-color/&gt;flood-color&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/flood-opacity/&gt;flood-opacity&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/fr/&gt;fr&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/from/&gt;from&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/fx/&gt;fx&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/fy/&gt;fy&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/gradienttransform/&gt;gradientTransform&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/gradientunits/&gt;gradientUnits&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/height/&gt;height&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/href/&gt;href&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/hreflang/&gt;hreflang&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/id/&gt;id&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/in/&gt;in&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/in2/&gt;in2&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/intercept/&gt;intercept&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/k1/&gt;k1&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/k2/&gt;k2&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/k3/&gt;k3&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/k4/&gt;k4&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/kernelmatrix/&gt;kernelMatrix&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/keypoints/&gt;keyPoints&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/keysplines/&gt;keySplines&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/keytimes/&gt;keyTimes&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/lengthadjust/&gt;lengthAdjust&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/limitingconeangle/&gt;limitingConeAngle&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/markerheight/&gt;markerHeight&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/markerunits/&gt;markerUnits&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/markerwidth/&gt;markerWidth&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/maskcontentunits/&gt;maskContentUnits&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/maskunits/&gt;maskUnits&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/max/&gt;max&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/media/&gt;media&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/method/&gt;method&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/min/&gt;min&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/mode/&gt;mode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/no-composite/&gt;no-composite&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/numoctaves/&gt;numOctaves&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/offset/&gt;offset&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/onbegin/&gt;onbegin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/onend/&gt;onend&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/onrepeat/&gt;onrepeat&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/operator/&gt;operator&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/order/&gt;order&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/orient/&gt;orient&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/origin/&gt;origin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/path/&gt;path&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/pathlength/&gt;pathLength&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/patterncontentunits/&gt;patternContentUnits&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/patterntransform/&gt;patternTransform&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/patternunits/&gt;patternUnits&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/ping/&gt;ping&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/points/&gt;points&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/pointsatx/&gt;pointsAtX&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/pointsaty/&gt;pointsAtY&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/pointsatz/&gt;pointsAtZ&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/preservealpha/&gt;preserveAlpha&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/preserveaspectratio/&gt;preserveAspectRatio&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/primitiveunits/&gt;primitiveUnits&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/r/&gt;r&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/radius/&gt;radius&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/referrerpolicy/&gt;referrerPolicy&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/refx/&gt;refx&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/refy/&gt;refy&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/rel/&gt;rel&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/repeatcount/&gt;repeatCount&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/repeatdur/&gt;repeatDur&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/requiredextensions/&gt;requiredExtensions&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/restart/&gt;restart&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/rotate/&gt;rotate&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/rx/&gt;rx&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/ry/&gt;ry&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/scale/&gt;scale&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/seed/&gt;seed&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/side/&gt;side&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/slope/&gt;slope&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/spacing/&gt;spacing&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/specularconstant/&gt;specularConstant&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/specularexponent/&gt;specularExponent&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/spreadmethod/&gt;spreadMethod&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/startoffset/&gt;startoffset&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/stddeviation/&gt;stdDeviation&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/stitchtiles/&gt;stitchTiles&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/stop-color/&gt;stop-color&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/stop-opacity/&gt;stop-opacity&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/surfacescale/&gt;surfaceScale&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/systemlanguage/&gt;systemLanguage&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/tabindex/&gt;tabindex&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/tablevalues/&gt;tableValues&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/target/&gt;target&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/targetx/&gt;targetX&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/targety/&gt;targetY&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/textlength/&gt;textLength&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/title/&gt;title&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/to/&gt;to&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/transform/&gt;transform&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/type/&gt;type&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/values/&gt;values&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/viewbox/&gt;viewBox&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/width/&gt;width&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/x/&gt;x&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/x1/&gt;x1&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/x2/&gt;x2&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/xchannelselector/&gt;xChannelSelector&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/y/&gt;y&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/y1/&gt;y1&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/y2/&gt;y2&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/ychannelselector/&gt;yChannelSelector&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/z/&gt;z&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/attributes/zoomandpan/&gt;zoomAndPan&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Elements&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/svg/elements/a/&gt;a&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/animate/&gt;animate&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/animatemotion/&gt;animateMotion&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/animatetransform/&gt;animateTransform&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/circle/&gt;circle&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/clippath/&gt;clipPath&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/defs/&gt;defs&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/desc/&gt;desc&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/discard/&gt;discard&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/ellipse/&gt;ellipse&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/feblend/&gt;feBlend&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/fecolormatrix/&gt;feColorMatrix&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/fecomponenttransfer/&gt;feComponentTransfer&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/fecomposite/&gt;feComposite&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/feconvolvematrix/&gt;feConvolveMatrix&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/fediffuselighting/&gt;feDiffuseLighting&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/fedisplacementmap/&gt;feDisplacementMap&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/fedistantlight/&gt;feDistantLight&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/fedropshadow/&gt;feDropShadow&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/feflood/&gt;feFlood&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/fefunca/&gt;feFuncA&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/fefuncb/&gt;feFuncB&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/fefuncg/&gt;feFuncG&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/fefuncr/&gt;feFuncR&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/fegaussianblur/&gt;feGaussianBlur&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/feimage/&gt;feImage&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/femerge/&gt;feMerge&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/femergenode/&gt;feMergeNode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/femorphology/&gt;feMorphology&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/feoffset/&gt;feOffset&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/fepointlight/&gt;fePointLight&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/fespecularlighting/&gt;feSpecularLighting&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/fespotlight/&gt;feSpotLight&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/fetile/&gt;feTile&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/feturbulence/&gt;feTurbulence&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/filter/&gt;filter&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/foreignobject/&gt;foreignObject&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/g/&gt;g&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/image/&gt;image&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/line/&gt;line&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/lineargradient/&gt;linearGradient&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/marker/&gt;marker&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/mask/&gt;mask&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/metadata/&gt;metadata&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/mpath/&gt;mpath&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/path/&gt;path&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/pattern/&gt;pattern&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/polygon/&gt;polygon&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/polyline/&gt;polyline&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/radialgradient/&gt;radialGradient&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/rect/&gt;rect&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/script/&gt;script&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/set/&gt;set&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/stop/&gt;stop&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/style/&gt;style&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/svg/&gt;svg&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/switch/&gt;switch&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/symbol/&gt;symbol&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/text/&gt;text&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/textpath/&gt;textPath&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/title/&gt;title&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/tspan/&gt;tspan&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/unknown/&gt;unknown&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/use/&gt;use&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/elements/view/&gt;view&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Values&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/svg/values/_blank/&gt;_blank&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/_parent/&gt;_parent&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/_self/&gt;_self&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/_top/&gt;_top&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/a/&gt;A&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/align/&gt;align&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/alpha-value/&gt;alpha-value&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/always/&gt;always&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/angle/&gt;angle&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/anonymous/&gt;anonymous&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/arithmetic/&gt;arithmetic&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/atop/&gt;atop&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/auto/&gt;auto&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/auto-start-reverse/&gt;auto-start-reverse&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/auto-reverse/&gt;auto-reverse&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/b/&gt;B&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/backgroundalpha/&gt;BackgroundAlpha&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/backgroundimage/&gt;BackgroundImage&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/begin-value-list/&gt;begin-value-list&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/blend-mode/&gt;blend-mode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/bottom/&gt;bottom&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/center/&gt;center&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/clock-value/&gt;clock-value&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/color/&gt;color&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/control-point/&gt;control-point&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/currentcolor/&gt;currentColor&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/default/&gt;default&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/dilate/&gt;dilate&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/disable/&gt;disable&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/discrete/&gt;discrete&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/duplicate/&gt;duplicate&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/empty-string/&gt;empty-string&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/end-value-list/&gt;end-value-list&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/erode/&gt;erode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/exact/&gt;exact&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/false/&gt;false&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/fillpaint/&gt;FillPaint&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/filter-primitive-reference/&gt;filter-primitive-reference&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/fractalnoise/&gt;fractalNoise&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/freeze/&gt;freeze&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/g/&gt;G&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/gamma/&gt;gamma&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/height/&gt;height&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/huerotate/&gt;hueRotate&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/icccolor/&gt;icccolor&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/id/&gt;id&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/identity/&gt;identity&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/in/&gt;in&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/indefinite/&gt;indefinite&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/integer/&gt;integer&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/left/&gt;left&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/length/&gt;length&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/length-percentage/&gt;length-percentage&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/lighter/&gt;lighter&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/linear/&gt;linear&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/list/&gt;list&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/list-of-numbers/&gt;list-of-numbers&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/luminancetoalpha/&gt;luminanceToAlpha&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/magnify/&gt;magnify&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/matrix/&gt;matrix&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/media/&gt;media&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/meetorslice/&gt;meetOrSlice&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/min-x/&gt;min-x&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/min-y/&gt;min-y&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/name/&gt;name&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/never/&gt;never&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/no-composite/&gt;no-composite&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/no-referrer/&gt;no-referrer&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/no-referrer-when-downgrade/&gt;no-referrer-when-downgrade&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/none/&gt;none&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/nostitch/&gt;noStitch&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/number/&gt;number&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/number-optional-number/&gt;number-optional-number&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/objectboundingbox/&gt;objectBoundingBox&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/origin/&gt;origin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/origin-when-cross-origin/&gt;origin-when-cross-origin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/out/&gt;out&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/over/&gt;over&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/paced/&gt;paced&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/pad/&gt;pad&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/path-data/&gt;path-data&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/percentage/&gt;percentage&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/points/&gt;points&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/r/&gt;R&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/reflect/&gt;reflect&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/remove/&gt;remove&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/repeat/&gt;repeat&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/replace/&gt;replace&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/right/&gt;right&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/rotate/&gt;rotate&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/same-origin/&gt;same-origin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/saturate/&gt;saturate&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/scale/&gt;scale&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/script/&gt;script&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/set-of-comma-separated-tokens/&gt;set-of-comma-separated-tokens&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/set-of-space-separated-tokens/&gt;set-of-space-separated-tokens&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/skewx/&gt;skewx&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/skewy/&gt;skewy&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/sourcealpha/&gt;SourceAlpha&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/sourcegraphic/&gt;SourceGraphic&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/spacing/&gt;spacing&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/spacingandglyphs/&gt;spacingAndGlyphs&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/spline/&gt;spline&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/stitch/&gt;stitch&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/stretch/&gt;stretch&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/strict-origin/&gt;strict-origin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/strict-origin-when-cross-origin/&gt;strict-origin-when-cross-origin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/string/&gt;string&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/strokepaint/&gt;StrokePaint&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/strokewidth/&gt;strokeWidth&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/sum/&gt;sum&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/table/&gt;table&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/tokens/&gt;tokens&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/top/&gt;top&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/transform-list/&gt;transform-list&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/translate/&gt;translate&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/true/&gt;true&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/turbulence/&gt;turbulence&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/unsafe-url/&gt;unsafe-url&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/url/&gt;url&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/use-credentials/&gt;use-credentials&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/userspaceonuse/&gt;userSpaceOnUse&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/valid-integer/&gt;valid-integer&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/value/&gt;value&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/whennotactive/&gt;whenNotActive&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/width/&gt;width&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/wrap/&gt;wrap&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/xml-name/&gt;XML-Name&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/svg/values/xor/&gt;xor&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=h1&gt;&lt;a id=switch-applications&gt;APPLICATIONS&lt;/a&gt;&lt;/div&gt;&lt;div id=list-applications&gt;&lt;h2&gt;Overview&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/applications/&gt;Overview&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Bible&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/applications/Bible-passages/&gt;Bible Passages&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/applications/Bible-pictures/&gt;Bible Pictures&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/applications/Jesus-loves-the-little-children/&gt;Jesus Loves the Little Children&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/applications/merry-Christmas/&gt;Merry Christmas&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/applications/one-man-one-woman-one-lifetime/&gt;One Man. One Woman. One Lifetime.&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/applications/The-Armor-of-God/&gt;The Armor of God&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Cards&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/applications/euchre/&gt;Euchre&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/applications/sevens/&gt;Sevens&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/applications/solitaire/&gt;Solitaire&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;LEGO&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/applications/lego-cannonball-bingo/&gt;LEGO Cannonball Bingo&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/applications/lego-pandamonium/&gt;LEGO Pandamonium&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/applications/lego-pirate-plunder/&gt;LEGO Pirate Plunder&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/applications/lego-the-machine/&gt;LEGO The Machine&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Other&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/applications/miniature-golf/&gt;Miniature Golf&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/applications/space-station/&gt;Space Station&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=h1&gt;&lt;a href=/editor/&gt;EDITOR&lt;/a&gt;&lt;/div&gt;&lt;div class=h1&gt;&lt;a href=/favicon/&gt;FAVICON&lt;/a&gt;&lt;/div&gt;&lt;div class=h1&gt;&lt;a href=/htaccess/&gt;.HTACCESS&lt;/a&gt;&lt;/div&gt;&lt;div class=h1&gt;&lt;a href=/acme.sh/&gt;ACME.SH&lt;/a&gt;&lt;/div&gt;&lt;div class=h1&gt;&lt;a id=switch-flash&gt;FLASH&lt;/a&gt;&lt;/div&gt;&lt;div id=list-flash&gt;&lt;div class=h2&gt;&lt;a href=/flash/detect/&gt;DETECT&lt;/a&gt;&lt;/div&gt;&lt;div class=h2&gt;&lt;a id=switch-flash-actionscript&gt;ACTIONSCRIPT&lt;/a&gt;&lt;/div&gt;&lt;div id=list-flash-actionscript&gt;&lt;h3&gt;Overview&lt;/h3&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/flash/actionscript/&gt;Overview&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h3&gt;Assets&lt;/h3&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/flash/actionscript/embed/&gt;Embed&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/actionscript/load/&gt;Load&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=h2&gt;&lt;a id=switch-flash-as3dmod&gt;AS3DMOD&lt;/a&gt;&lt;/div&gt;&lt;div id=list-flash-as3dmod&gt;&lt;h3&gt;Overview&lt;/h3&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/flash/as3dmod/&gt;Overview&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h3&gt;Modifiers&lt;/h3&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/flash/as3dmod/bend/&gt;Bend&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/as3dmod/bloat/&gt;Bloat&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/as3dmod/cloth/&gt;Cloth&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/as3dmod/noise/&gt;Noise&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/as3dmod/perlin/&gt;Perlin&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/as3dmod/pivot/&gt;Pivot&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/as3dmod/skew/&gt;Skew&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/as3dmod/taper/&gt;Taper&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/as3dmod/twist/&gt;Twist&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h3&gt;Other&lt;/h3&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/flash/as3dmod/flag/&gt;Flag&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=h2&gt;&lt;a href=/flash/flartoolkit/&gt;FLARTOOLKIT&lt;/a&gt;&lt;/div&gt;&lt;div class=h2&gt;&lt;a id=switch-flash-jiglibflash&gt;JIGLIBFLASH&lt;/a&gt;&lt;/div&gt;&lt;div id=list-flash-jiglibflash&gt;&lt;h3&gt;Overview&lt;/h3&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/flash/jiglibflash/&gt;Overview&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h3&gt;Objects&lt;/h3&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/flash/jiglibflash/jbox/&gt;JBox&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/jiglibflash/jcapsule/&gt;JCapsule&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/jiglibflash/jplane/&gt;JPlane&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/jiglibflash/jsphere/&gt;JSphere&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h3&gt;Other&lt;/h3&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/flash/jiglibflash/physics/&gt;Physics&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=h2&gt;&lt;a id=switch-flash-papervision3d&gt;PAPERVISION3D&lt;/a&gt;&lt;/div&gt;&lt;div id=list-flash-papervision3d&gt;&lt;h3&gt;Overview&lt;/h3&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/&gt;Overview&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h3&gt;Install&lt;/h3&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/install/&gt;Install&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h3&gt;Example&lt;/h3&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/1/&gt;1&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/2/&gt;2&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/3/&gt;3&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/4/&gt;4&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/5/&gt;5&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h3&gt;Cameras&lt;/h3&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/camera3d/&gt;Camera3D&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/debugcamera3d/&gt;DebugCamera3D&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/springcamera3d/&gt;SpringCamera3D&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h3&gt;Core&lt;/h3&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/lines3d/&gt;Lines3D&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/fogfilter/&gt;FogFilter&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h3&gt;Light&lt;/h3&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/pointlight3d/&gt;PointLight3D&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h3&gt;Materials&lt;/h3&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/bitmapfilematerial/&gt;BitmapFileMaterial&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/bitmapmaterial/&gt;BitmapMaterial&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/bitmapviewportmaterial/&gt;BitmapViewportMaterial&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/colormaterial/&gt;ColorMaterial&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/compositematerial/&gt;CompositeMaterial&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/moviematerial/&gt;MovieMaterial&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/wireframematerial/&gt;WireframeMaterial&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h3&gt;Shade Materials&lt;/h3&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/cellmaterial/&gt;CellMaterial&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/envmapmaterial/&gt;EnvMapMaterial&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/flatshadematerial/&gt;FlatShadeMaterial&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/gouraudmaterial/&gt;GouraudMaterial&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/phongmaterial/&gt;PhongMaterial&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h3&gt;Special Material&lt;/h3&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/particlematerial/&gt;ParticleMaterial&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h3&gt;Parser Objects&lt;/h3&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/dae/&gt;DAE&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/kmz/&gt;KMZ&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h3&gt;Primitive Objects&lt;/h3&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/arrow/&gt;Arrow&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/cone/&gt;Cone&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/cube/&gt;Cube&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/cylinder/&gt;Cylinder&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/paperplane/&gt;PaperPlane&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/plane/&gt;Plane&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/sphere/&gt;Sphere&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h3&gt;Special Objects&lt;/h3&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/particlefield/&gt;ParticleField&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/ucs/&gt;UCS&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h3&gt;Render&lt;/h3&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/basicrenderengine/&gt;BasicRenderEngine&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/lazyrenderengine/&gt;LazyRenderEngine&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/quadrantrenderengine/&gt;QuadrantRenderEngine&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h3&gt;Scene&lt;/h3&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/scene3d/&gt;Scene3D&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h3&gt;Typography&lt;/h3&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/text3d/&gt;Text3D&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h3&gt;Views&lt;/h3&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/basicview/&gt;BasicView&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/reflectionview/&gt;ReflectionView&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/statsview/&gt;StatsView&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/viewport3d/&gt;Viewport3D&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h3&gt;View Layers&lt;/h3&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/bitmapeffectlayer/&gt;BitmapEffectLayer&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/viewportlayer/&gt;ViewportLayer&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h3&gt;Other&lt;/h3&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/anaglyph/&gt;Anaglyph&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/camera-move/&gt;Camera Move&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/camera-rotate/&gt;Camera Rotate&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/camera-target-move/&gt;Camera Target Move&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/object-move/&gt;Object Move&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/object-rotate/&gt;Object Rotate&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/object-scale/&gt;Object Scale&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/flash/papervision3d/panorama/&gt;Panorama&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=h1&gt;&lt;a id=switch-sketchup&gt;SKETCHUP&lt;/a&gt;&lt;/div&gt;&lt;div id=list-sketchup&gt;&lt;h2&gt;Overview&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/sketchup/&gt;Overview&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Plugins&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/sketchup/papervision3d/&gt;Papervision3D&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/sketchup/triangulate/&gt;Triangulate&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=h1&gt;&lt;a id=switch-unity&gt;UNITY&lt;/a&gt;&lt;/div&gt;&lt;div id=list-unity&gt;&lt;h2&gt;Overview&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/unity/&gt;Overview&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Detect&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/unity/detect/&gt;Detect&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Games&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/unity/air-hockey/&gt;Air Hockey&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/unity/foosball/&gt;Foosball&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/unity/pool/&gt;Pool&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Unity&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/unity/car/&gt;Car&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/unity/lerpz-escapes/&gt;Lerpz Escapes&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/unity/mecanim/&gt;Mecanim&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=h1&gt;&lt;a id=switch-xcode&gt;XCODE&lt;/a&gt;&lt;/div&gt;&lt;div id=list-xcode&gt;&lt;h2&gt;Overview&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/xcode/&gt;Overview&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;Example&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/xcode/1/&gt;1&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/xcode/2/&gt;2&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/xcode/3/&gt;3&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/xcode/4/&gt;4&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/xcode/5/&gt;5&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/xcode/6/&gt;6&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;CSV2Plist&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/xcode/csv2plist/&gt;CSV2Plist&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;h2&gt;UI&lt;/h2&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=/xcode/uiactivityindicatorview/&gt;UIActivityIndicatorView&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/xcode/uibutton/&gt;UIButton&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/xcode/uiimageview/&gt;UIImageView&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/xcode/uilabel/&gt;UILabel&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/xcode/uipagecontrol/&gt;UIPageControl&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/xcode/uiprogressview/&gt;UIProgressView&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/xcode/uisegmentedcontrol/&gt;UISegmentedControl&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/xcode/uislider/&gt;UISlider&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/xcode/uistepper/&gt;UIStepper&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/xcode/uiswitch/&gt;UISwitch&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=/xcode/uitextfield/&gt;UITextField&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=h1&gt;&lt;a href=/about/&gt;ABOUT&lt;/a&gt;&lt;/div&gt;&lt;div class=h1&gt;&lt;a href=/privacy/&gt;PRIVACY&lt;/a&gt;&lt;/div&gt;&lt;div class=h1&gt;&lt;a href=/terms/&gt;TERMS&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div id=background&gt;&lt;video loop muted src=/assets/mp4/4/28.mp4&gt;&lt;/video&gt;&lt;/div&gt;&lt;/body&gt;&lt;/html&gt;<br>