[{"data":1,"prerenderedAt":5506},["ShallowReactive",2],{"docs:\u002Freference\u002Fsvg":3},{"id":4,"title":5,"body":6,"description":5497,"extension":5498,"meta":5499,"navigation":5501,"path":5502,"seo":5503,"stem":5504,"__hash__":5505},"docs\u002Freference\u002Fsvg.md","SVG",{"type":7,"value":8,"toc":5457},"minimark",[9,13,28,37,42,69,73,229,234,250,309,313,449,455,538,542,548,611,702,705,746,750,757,804,807,871,874,978,982,990,1089,1092,1124,1128,1134,1154,1157,1241,1262,1267,1284,1287,1368,1382,1386,1393,1396,1547,1550,1618,1625,1693,1699,1804,1808,1813,1867,1876,2058,2061,2066,2103,2109,2262,2273,2280,2294,2338,2341,2428,2442,2447,2472,2479,2684,2691,2696,2752,2762,2836,2944,2949,3012,3019,3071,3076,3095,3098,3113,3120,3143,3166,3171,3212,3215,3239,3250,3281,3285,3289,3332,3335,3414,3420,3449,3454,3496,3499,3532,3537,3573,3579,3617,3622,3657,3662,3686,3691,3722,3728,3752,3755,3760,3851,3858,3918,3931,3936,3986,3992,4016,4022,4093,4101,4106,4160,4170,4195,4198,4203,4242,4252,4276,4280,4311,4314,4452,4459,4464,4493,4496,4569,4574,4607,4610,4653,4662,4666,4694,4700,4774,4778,4832,4835,4912,4919,4954,4959,5015,5018,5066,5071,5094,5097,5159,5163,5166,5209,5219,5325,5328,5454],[10,11,5],"h1",{"id":12},"svg",[14,15,16,19,20,23,24,27],"p",{},[17,18,5],"code",{}," represents the root ",[17,21,22],{},"\u003Csvg>"," element. It manages the ",[17,25,26],{},"viewBox",", default output dimensions, child elements, file loading, and file output.",[14,29,30,32,33,36],{},[17,31,5],{}," inherits the general element API from ",[17,34,35],{},"SvgElement",", so it also supports attribute access, tree operations, searching, copying, and serialization.",[38,39,41],"h2",{"id":40},"import","Import",[43,44,49],"pre",{"className":45,"code":46,"language":47,"meta":48,"style":48},"language-python shiki shiki-themes material-theme-lighter github-light-high-contrast github-dark","import pydreamplet as dp\n","python","",[17,50,51],{"__ignoreMap":48},[52,53,56,59,63,66],"span",{"class":54,"line":55},"line",1,[52,57,40],{"class":58},"sED7I",[52,60,62],{"class":61},"soTeR"," pydreamplet ",[52,64,65],{"class":58},"as",[52,67,68],{"class":61}," dp\n",[38,70,72],{"id":71},"signatures","Signatures",[43,74,76],{"className":45,"code":75,"language":47,"meta":48,"style":48},"dp.SVG(width: Real, height: Real, **kwargs)\ndp.SVG(x: Real, y: Real, width: Real, height: Real, **kwargs)\ndp.SVG(viewbox: tuple[Real, ...] | list[Real], **kwargs)\n",[17,77,78,124,176],{"__ignoreMap":48},[52,79,80,83,87,90,93,96,99,102,105,108,110,112,114,118,121],{"class":54,"line":55},[52,81,82],{"class":61},"dp",[52,84,86],{"class":85},"sVsmf",".",[52,88,5],{"class":89},"sAK04",[52,91,92],{"class":85},"(",[52,94,95],{"class":89},"width",[52,97,98],{"class":85},":",[52,100,101],{"class":89}," Real",[52,103,104],{"class":85},",",[52,106,107],{"class":89}," height",[52,109,98],{"class":85},[52,111,101],{"class":89},[52,113,104],{"class":85},[52,115,117],{"class":116},"sWKEy"," **",[52,119,120],{"class":89},"kwargs",[52,122,123],{"class":85},")\n",[52,125,127,129,131,133,135,138,140,142,144,147,149,151,153,156,158,160,162,164,166,168,170,172,174],{"class":54,"line":126},2,[52,128,82],{"class":61},[52,130,86],{"class":85},[52,132,5],{"class":89},[52,134,92],{"class":85},[52,136,137],{"class":89},"x",[52,139,98],{"class":85},[52,141,101],{"class":89},[52,143,104],{"class":85},[52,145,146],{"class":89}," y",[52,148,98],{"class":85},[52,150,101],{"class":89},[52,152,104],{"class":85},[52,154,155],{"class":89}," width",[52,157,98],{"class":85},[52,159,101],{"class":89},[52,161,104],{"class":85},[52,163,107],{"class":89},[52,165,98],{"class":85},[52,167,101],{"class":89},[52,169,104],{"class":85},[52,171,117],{"class":116},[52,173,120],{"class":89},[52,175,123],{"class":85},[52,177,179,181,183,185,187,190,192,195,198,201,203,207,210,213,216,218,220,223,225,227],{"class":54,"line":178},3,[52,180,82],{"class":61},[52,182,86],{"class":85},[52,184,5],{"class":89},[52,186,92],{"class":85},[52,188,189],{"class":89},"viewbox",[52,191,98],{"class":85},[52,193,194],{"class":89}," tuple",[52,196,197],{"class":85},"[",[52,199,200],{"class":89},"Real",[52,202,104],{"class":85},[52,204,206],{"class":205},"sBTIf"," ...",[52,208,209],{"class":85},"]",[52,211,212],{"class":116}," |",[52,214,215],{"class":89}," list",[52,217,197],{"class":85},[52,219,200],{"class":89},[52,221,222],{"class":85},"],",[52,224,117],{"class":116},[52,226,120],{"class":89},[52,228,123],{"class":85},[14,230,231,233],{},[17,232,189],{}," can be a tuple or list with either two or four numeric values.",[14,235,236,237,239,240,243,244,239,247,86],{},"In the public type aliases, ",[17,238,200],{}," means ",[17,241,242],{},"int | float"," and ",[17,245,246],{},"AttributeValue",[17,248,249],{},"str | int | float | None",[43,251,253],{"className":45,"code":252,"language":47,"meta":48,"style":48},"dp.SVG((540, 360))\ndp.SVG([0, 0, 540, 360])\n",[17,254,255,278],{"__ignoreMap":48},[52,256,257,259,261,263,266,270,272,275],{"class":54,"line":55},[52,258,82],{"class":61},[52,260,86],{"class":85},[52,262,5],{"class":89},[52,264,265],{"class":85},"((",[52,267,269],{"class":268},"sNpir","540",[52,271,104],{"class":85},[52,273,274],{"class":268}," 360",[52,276,277],{"class":85},"))\n",[52,279,280,282,284,286,289,292,294,297,299,302,304,306],{"class":54,"line":126},[52,281,82],{"class":61},[52,283,86],{"class":85},[52,285,5],{"class":89},[52,287,288],{"class":85},"([",[52,290,291],{"class":268},"0",[52,293,104],{"class":85},[52,295,296],{"class":268}," 0",[52,298,104],{"class":85},[52,300,301],{"class":268}," 540",[52,303,104],{"class":85},[52,305,274],{"class":268},[52,307,308],{"class":85},"])\n",[38,310,312],{"id":311},"constructor-parameters","Constructor Parameters",[314,315,316,335],"table",{},[317,318,319],"thead",{},[320,321,322,326,329,332],"tr",{},[323,324,325],"th",{},"Parameter",[323,327,328],{},"Type",[323,330,331],{},"Required",[323,333,334],{},"Description",[336,337,338,362,382,398,414,431],"tbody",{},[320,339,340,345,349,352],{},[341,342,343],"td",{},[17,344,95],{},[341,346,347],{},[17,348,200],{},[341,350,351],{},"yes, in the 2-value form",[341,353,354,355,357,358,361],{},"The viewBox width. Also used as the default SVG ",[17,356,95],{}," attribute with a ",[17,359,360],{},"px"," suffix.",[320,363,364,369,373,375],{},[341,365,366],{},[17,367,368],{},"height",[341,370,371],{},[17,372,200],{},[341,374,351],{},[341,376,377,378,357,380,361],{},"The viewBox height. Also used as the default SVG ",[17,379,368],{},[17,381,360],{},[320,383,384,388,392,395],{},[341,385,386],{},[17,387,137],{},[341,389,390],{},[17,391,200],{},[341,393,394],{},"yes, in the 4-value form",[341,396,397],{},"The minimum x coordinate of the viewBox.",[320,399,400,405,409,411],{},[341,401,402],{},[17,403,404],{},"y",[341,406,407],{},[17,408,200],{},[341,410,394],{},[341,412,413],{},"The minimum y coordinate of the viewBox.",[320,415,416,420,425,428],{},[341,417,418],{},[17,419,189],{},[341,421,422],{},[17,423,424],{},"tuple\u002Flist of Real",[341,426,427],{},"yes, in the sequence form",[341,429,430],{},"A 2-item or 4-item sequence.",[320,432,433,438,443,446],{},[341,434,435],{},[17,436,437],{},"**kwargs",[341,439,440],{},[17,441,442],{},"Any",[341,444,445],{},"no",[341,447,448],{},"Additional SVG attributes. Underscores are converted to hyphens, except known namespace prefixes. Values are serialized to SVG attributes.",[14,450,451,452,86],{},"The constructor accepts only two or four viewBox values. Passing any other count raises ",[17,453,454],{},"ValueError",[43,456,458],{"className":45,"code":457,"language":47,"meta":48,"style":48},"dp.SVG(540)              # ValueError\ndp.SVG(0, 0, 540)        # ValueError\ndp.SVG(\"540\", \"360\")     # ValueError\n",[17,459,460,479,504],{"__ignoreMap":48},[52,461,462,464,466,468,470,472,475],{"class":54,"line":55},[52,463,82],{"class":61},[52,465,86],{"class":85},[52,467,5],{"class":89},[52,469,92],{"class":85},[52,471,269],{"class":268},[52,473,474],{"class":85},")",[52,476,478],{"class":477},"sxl37","              # ValueError\n",[52,480,481,483,485,487,489,491,493,495,497,499,501],{"class":54,"line":126},[52,482,82],{"class":61},[52,484,86],{"class":85},[52,486,5],{"class":89},[52,488,92],{"class":85},[52,490,291],{"class":268},[52,492,104],{"class":85},[52,494,296],{"class":268},[52,496,104],{"class":85},[52,498,301],{"class":268},[52,500,474],{"class":85},[52,502,503],{"class":477},"        # ValueError\n",[52,505,506,508,510,512,514,518,521,523,525,528,531,533,535],{"class":54,"line":178},[52,507,82],{"class":61},[52,509,86],{"class":85},[52,511,5],{"class":89},[52,513,92],{"class":85},[52,515,517],{"class":516},"sqo_7","\"",[52,519,269],{"class":520},"s_jvP",[52,522,517],{"class":516},[52,524,104],{"class":85},[52,526,527],{"class":516}," \"",[52,529,530],{"class":520},"360",[52,532,517],{"class":516},[52,534,474],{"class":85},[52,536,537],{"class":477},"     # ValueError\n",[38,539,541],{"id":540},"created-attributes","Created Attributes",[14,543,544,545,547],{},"Every constructed ",[17,546,5],{}," receives these attributes:",[314,549,550,563],{},[317,551,552],{},[320,553,554,557,560],{},[323,555,556],{},"Attribute",[323,558,559],{},"Source",[323,561,562],{},"Example",[336,564,565,579,595],{},[320,566,567,571,574],{},[341,568,569],{},[17,570,26],{},[341,572,573],{},"The provided viewBox values.",[341,575,576],{},[17,577,578],{},"\"0 0 540 360\"",[320,580,581,585,590],{},[341,582,583],{},[17,584,95],{},[341,586,587,589],{},[17,588,95],{}," kwarg or default from viewBox width.",[341,591,592],{},[17,593,594],{},"\"540px\"",[320,596,597,601,606],{},[341,598,599],{},[17,600,368],{},[341,602,603,605],{},[17,604,368],{}," kwarg or default from viewBox height.",[341,607,608],{},[17,609,610],{},"\"360px\"",[43,612,614],{"className":45,"code":613,"language":47,"meta":48,"style":48},"svg = dp.SVG(540, 360)\n\nprint(svg.viewBox)  # 0 0 540 360\nprint(svg.width)    # 540px\nprint(svg.height)   # 360px\n",[17,615,616,641,647,666,684],{"__ignoreMap":48},[52,617,618,621,624,627,629,631,633,635,637,639],{"class":54,"line":55},[52,619,620],{"class":61},"svg ",[52,622,623],{"class":116},"=",[52,625,626],{"class":61}," dp",[52,628,86],{"class":85},[52,630,5],{"class":89},[52,632,92],{"class":85},[52,634,269],{"class":268},[52,636,104],{"class":85},[52,638,274],{"class":268},[52,640,123],{"class":85},[52,642,643],{"class":54,"line":126},[52,644,646],{"emptyLinePlaceholder":645},true,"\n",[52,648,649,652,654,656,658,661,663],{"class":54,"line":178},[52,650,651],{"class":205},"print",[52,653,92],{"class":85},[52,655,12],{"class":89},[52,657,86],{"class":85},[52,659,26],{"class":660},"sm80-",[52,662,474],{"class":85},[52,664,665],{"class":477},"  # 0 0 540 360\n",[52,667,669,671,673,675,677,679,681],{"class":54,"line":668},4,[52,670,651],{"class":205},[52,672,92],{"class":85},[52,674,12],{"class":89},[52,676,86],{"class":85},[52,678,95],{"class":660},[52,680,474],{"class":85},[52,682,683],{"class":477},"    # 540px\n",[52,685,687,689,691,693,695,697,699],{"class":54,"line":686},5,[52,688,651],{"class":205},[52,690,92],{"class":85},[52,692,12],{"class":89},[52,694,86],{"class":85},[52,696,368],{"class":660},[52,698,474],{"class":85},[52,700,701],{"class":477},"   # 360px\n",[14,703,704],{},"The root namespace is emitted by ElementTree when the SVG is serialized.",[43,706,708],{"className":45,"code":707,"language":47,"meta":48,"style":48},"print(str(dp.SVG(120, 80)))\n# \u003Csvg xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" viewBox=\"0 0 120 80\" width=\"120px\" height=\"80px\" \u002F>\n",[17,709,710,741],{"__ignoreMap":48},[52,711,712,714,716,720,722,724,726,728,730,733,735,738],{"class":54,"line":55},[52,713,651],{"class":205},[52,715,92],{"class":85},[52,717,719],{"class":718},"s-tzF","str",[52,721,92],{"class":85},[52,723,82],{"class":89},[52,725,86],{"class":85},[52,727,5],{"class":89},[52,729,92],{"class":85},[52,731,732],{"class":268},"120",[52,734,104],{"class":85},[52,736,737],{"class":268}," 80",[52,739,740],{"class":85},")))\n",[52,742,743],{"class":54,"line":126},[52,744,745],{"class":477},"# \u003Csvg xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" viewBox=\"0 0 120 80\" width=\"120px\" height=\"80px\" \u002F>\n",[38,747,749],{"id":748},"viewbox-forms","ViewBox Forms",[14,751,752,753,756],{},"Use two values for the common ",[17,754,755],{},"0 0 width height"," coordinate system.",[43,758,760],{"className":45,"code":759,"language":47,"meta":48,"style":48},"svg = dp.SVG(540, 360)\n\nprint(svg.viewBox)  # 0 0 540 360\n",[17,761,762,784,788],{"__ignoreMap":48},[52,763,764,766,768,770,772,774,776,778,780,782],{"class":54,"line":55},[52,765,620],{"class":61},[52,767,623],{"class":116},[52,769,626],{"class":61},[52,771,86],{"class":85},[52,773,5],{"class":89},[52,775,92],{"class":85},[52,777,269],{"class":268},[52,779,104],{"class":85},[52,781,274],{"class":268},[52,783,123],{"class":85},[52,785,786],{"class":54,"line":126},[52,787,646],{"emptyLinePlaceholder":645},[52,789,790,792,794,796,798,800,802],{"class":54,"line":178},[52,791,651],{"class":205},[52,793,92],{"class":85},[52,795,12],{"class":89},[52,797,86],{"class":85},[52,799,26],{"class":660},[52,801,474],{"class":85},[52,803,665],{"class":477},[14,805,806],{},"Use four values when the coordinate system has an explicit origin.",[43,808,810],{"className":45,"code":809,"language":47,"meta":48,"style":48},"svg = dp.SVG(-270, -180, 540, 360)\n\nprint(svg.viewBox)  # -270 -180 540 360\n",[17,811,812,850,854],{"__ignoreMap":48},[52,813,814,816,818,820,822,824,826,829,832,834,837,840,842,844,846,848],{"class":54,"line":55},[52,815,620],{"class":61},[52,817,623],{"class":116},[52,819,626],{"class":61},[52,821,86],{"class":85},[52,823,5],{"class":89},[52,825,92],{"class":85},[52,827,828],{"class":116},"-",[52,830,831],{"class":268},"270",[52,833,104],{"class":85},[52,835,836],{"class":116}," -",[52,838,839],{"class":268},"180",[52,841,104],{"class":85},[52,843,301],{"class":268},[52,845,104],{"class":85},[52,847,274],{"class":268},[52,849,123],{"class":85},[52,851,852],{"class":54,"line":126},[52,853,646],{"emptyLinePlaceholder":645},[52,855,856,858,860,862,864,866,868],{"class":54,"line":178},[52,857,651],{"class":205},[52,859,92],{"class":85},[52,861,12],{"class":89},[52,863,86],{"class":85},[52,865,26],{"class":660},[52,867,474],{"class":85},[52,869,870],{"class":477},"  # -270 -180 540 360\n",[14,872,873],{},"The four-value form is useful for centered coordinate systems.",[43,875,877],{"className":45,"code":876,"language":47,"meta":48,"style":48},"svg = dp.SVG(-100, -100, 200, 200)\nsvg.append(dp.Circle(cx=0, cy=0, r=40, fill=\"#14b8a6\"))\n",[17,878,879,915],{"__ignoreMap":48},[52,880,881,883,885,887,889,891,893,895,898,900,902,904,906,909,911,913],{"class":54,"line":55},[52,882,620],{"class":61},[52,884,623],{"class":116},[52,886,626],{"class":61},[52,888,86],{"class":85},[52,890,5],{"class":89},[52,892,92],{"class":85},[52,894,828],{"class":116},[52,896,897],{"class":268},"100",[52,899,104],{"class":85},[52,901,836],{"class":116},[52,903,897],{"class":268},[52,905,104],{"class":85},[52,907,908],{"class":268}," 200",[52,910,104],{"class":85},[52,912,908],{"class":268},[52,914,123],{"class":85},[52,916,917,919,921,924,926,928,930,933,935,939,941,943,945,948,950,952,954,957,959,962,964,967,969,971,974,976],{"class":54,"line":126},[52,918,12],{"class":61},[52,920,86],{"class":85},[52,922,923],{"class":89},"append",[52,925,92],{"class":85},[52,927,82],{"class":89},[52,929,86],{"class":85},[52,931,932],{"class":89},"Circle",[52,934,92],{"class":85},[52,936,938],{"class":937},"sYEV4","cx",[52,940,623],{"class":116},[52,942,291],{"class":268},[52,944,104],{"class":85},[52,946,947],{"class":937}," cy",[52,949,623],{"class":116},[52,951,291],{"class":268},[52,953,104],{"class":85},[52,955,956],{"class":937}," r",[52,958,623],{"class":116},[52,960,961],{"class":268},"40",[52,963,104],{"class":85},[52,965,966],{"class":937}," fill",[52,968,623],{"class":116},[52,970,517],{"class":516},[52,972,973],{"class":520},"#14b8a6",[52,975,517],{"class":516},[52,977,277],{"class":85},[38,979,981],{"id":980},"width-and-height","Width And Height",[14,983,984,985,243,987,989],{},"The ",[17,986,95],{},[17,988,368],{}," attributes control the rendered output size. They do not change drawing coordinates.",[43,991,993],{"className":45,"code":992,"language":47,"meta":48,"style":48},"svg = dp.SVG(540, 360, width=1080, height=720)\n\nprint(svg.viewBox)  # 0 0 540 360\nprint(svg.width)    # 1080\nprint(svg.height)   # 720\n",[17,994,995,1035,1039,1055,1072],{"__ignoreMap":48},[52,996,997,999,1001,1003,1005,1007,1009,1011,1013,1015,1017,1019,1021,1024,1026,1028,1030,1033],{"class":54,"line":55},[52,998,620],{"class":61},[52,1000,623],{"class":116},[52,1002,626],{"class":61},[52,1004,86],{"class":85},[52,1006,5],{"class":89},[52,1008,92],{"class":85},[52,1010,269],{"class":268},[52,1012,104],{"class":85},[52,1014,274],{"class":268},[52,1016,104],{"class":85},[52,1018,155],{"class":937},[52,1020,623],{"class":116},[52,1022,1023],{"class":268},"1080",[52,1025,104],{"class":85},[52,1027,107],{"class":937},[52,1029,623],{"class":116},[52,1031,1032],{"class":268},"720",[52,1034,123],{"class":85},[52,1036,1037],{"class":54,"line":126},[52,1038,646],{"emptyLinePlaceholder":645},[52,1040,1041,1043,1045,1047,1049,1051,1053],{"class":54,"line":178},[52,1042,651],{"class":205},[52,1044,92],{"class":85},[52,1046,12],{"class":89},[52,1048,86],{"class":85},[52,1050,26],{"class":660},[52,1052,474],{"class":85},[52,1054,665],{"class":477},[52,1056,1057,1059,1061,1063,1065,1067,1069],{"class":54,"line":668},[52,1058,651],{"class":205},[52,1060,92],{"class":85},[52,1062,12],{"class":89},[52,1064,86],{"class":85},[52,1066,95],{"class":660},[52,1068,474],{"class":85},[52,1070,1071],{"class":477},"    # 1080\n",[52,1073,1074,1076,1078,1080,1082,1084,1086],{"class":54,"line":686},[52,1075,651],{"class":205},[52,1077,92],{"class":85},[52,1079,12],{"class":89},[52,1081,86],{"class":85},[52,1083,368],{"class":660},[52,1085,474],{"class":85},[52,1087,1088],{"class":477},"   # 720\n",[14,1090,1091],{},"You can also update them later because SVG attributes are exposed as Python attributes.",[43,1093,1095],{"className":45,"code":1094,"language":47,"meta":48,"style":48},"svg.width = 720\nsvg.height = 480\n",[17,1096,1097,1111],{"__ignoreMap":48},[52,1098,1099,1101,1103,1105,1108],{"class":54,"line":55},[52,1100,12],{"class":61},[52,1102,86],{"class":85},[52,1104,95],{"class":660},[52,1106,1107],{"class":116}," =",[52,1109,1110],{"class":268}," 720\n",[52,1112,1113,1115,1117,1119,1121],{"class":54,"line":126},[52,1114,12],{"class":61},[52,1116,86],{"class":85},[52,1118,368],{"class":660},[52,1120,1107],{"class":116},[52,1122,1123],{"class":268}," 480\n",[38,1125,1127],{"id":1126},"properties","Properties",[1129,1130,1132],"h3",{"id":1131},"w",[17,1133,1131],{},[43,1135,1137],{"className":45,"code":1136,"language":47,"meta":48,"style":48},"svg.w -> float\n",[17,1138,1139],{"__ignoreMap":48},[52,1140,1141,1143,1145,1147,1151],{"class":54,"line":55},[52,1142,12],{"class":61},[52,1144,86],{"class":85},[52,1146,1131],{"class":660},[52,1148,1150],{"class":1149},"str-j"," ->",[52,1152,1153],{"class":718}," float\n",[14,1155,1156],{},"Returns the viewBox width.",[43,1158,1160],{"className":45,"code":1159,"language":47,"meta":48,"style":48},"svg = dp.SVG(300, 200, width=900, height=600)\n\nprint(svg.w)      # 300.0\nprint(svg.width)  # 900\n",[17,1161,1162,1203,1207,1224],{"__ignoreMap":48},[52,1163,1164,1166,1168,1170,1172,1174,1176,1179,1181,1183,1185,1187,1189,1192,1194,1196,1198,1201],{"class":54,"line":55},[52,1165,620],{"class":61},[52,1167,623],{"class":116},[52,1169,626],{"class":61},[52,1171,86],{"class":85},[52,1173,5],{"class":89},[52,1175,92],{"class":85},[52,1177,1178],{"class":268},"300",[52,1180,104],{"class":85},[52,1182,908],{"class":268},[52,1184,104],{"class":85},[52,1186,155],{"class":937},[52,1188,623],{"class":116},[52,1190,1191],{"class":268},"900",[52,1193,104],{"class":85},[52,1195,107],{"class":937},[52,1197,623],{"class":116},[52,1199,1200],{"class":268},"600",[52,1202,123],{"class":85},[52,1204,1205],{"class":54,"line":126},[52,1206,646],{"emptyLinePlaceholder":645},[52,1208,1209,1211,1213,1215,1217,1219,1221],{"class":54,"line":178},[52,1210,651],{"class":205},[52,1212,92],{"class":85},[52,1214,12],{"class":89},[52,1216,86],{"class":85},[52,1218,1131],{"class":660},[52,1220,474],{"class":85},[52,1222,1223],{"class":477},"      # 300.0\n",[52,1225,1226,1228,1230,1232,1234,1236,1238],{"class":54,"line":668},[52,1227,651],{"class":205},[52,1229,92],{"class":85},[52,1231,12],{"class":89},[52,1233,86],{"class":85},[52,1235,95],{"class":660},[52,1237,474],{"class":85},[52,1239,1240],{"class":477},"  # 900\n",[14,1242,1243,1244,1246,1247,1249,1250,1252,1253,1256,1257,1259,1260,86],{},"If the SVG has no ",[17,1245,26],{},", ",[17,1248,1131],{}," falls back to the numeric part of the ",[17,1251,95],{}," attribute. If that cannot be parsed, it returns ",[17,1254,1255],{},"0.0",". A malformed ",[17,1258,26],{}," raises ",[17,1261,454],{},[1129,1263,1265],{"id":1264},"h",[17,1266,1264],{},[43,1268,1270],{"className":45,"code":1269,"language":47,"meta":48,"style":48},"svg.h -> float\n",[17,1271,1272],{"__ignoreMap":48},[52,1273,1274,1276,1278,1280,1282],{"class":54,"line":55},[52,1275,12],{"class":61},[52,1277,86],{"class":85},[52,1279,1264],{"class":660},[52,1281,1150],{"class":1149},[52,1283,1153],{"class":718},[14,1285,1286],{},"Returns the viewBox height.",[43,1288,1290],{"className":45,"code":1289,"language":47,"meta":48,"style":48},"svg = dp.SVG(300, 200, width=900, height=600)\n\nprint(svg.h)       # 200.0\nprint(svg.height)  # 600\n",[17,1291,1292,1330,1334,1351],{"__ignoreMap":48},[52,1293,1294,1296,1298,1300,1302,1304,1306,1308,1310,1312,1314,1316,1318,1320,1322,1324,1326,1328],{"class":54,"line":55},[52,1295,620],{"class":61},[52,1297,623],{"class":116},[52,1299,626],{"class":61},[52,1301,86],{"class":85},[52,1303,5],{"class":89},[52,1305,92],{"class":85},[52,1307,1178],{"class":268},[52,1309,104],{"class":85},[52,1311,908],{"class":268},[52,1313,104],{"class":85},[52,1315,155],{"class":937},[52,1317,623],{"class":116},[52,1319,1191],{"class":268},[52,1321,104],{"class":85},[52,1323,107],{"class":937},[52,1325,623],{"class":116},[52,1327,1200],{"class":268},[52,1329,123],{"class":85},[52,1331,1332],{"class":54,"line":126},[52,1333,646],{"emptyLinePlaceholder":645},[52,1335,1336,1338,1340,1342,1344,1346,1348],{"class":54,"line":178},[52,1337,651],{"class":205},[52,1339,92],{"class":85},[52,1341,12],{"class":89},[52,1343,86],{"class":85},[52,1345,1264],{"class":660},[52,1347,474],{"class":85},[52,1349,1350],{"class":477},"       # 200.0\n",[52,1352,1353,1355,1357,1359,1361,1363,1365],{"class":54,"line":668},[52,1354,651],{"class":205},[52,1356,92],{"class":85},[52,1358,12],{"class":89},[52,1360,86],{"class":85},[52,1362,368],{"class":660},[52,1364,474],{"class":85},[52,1366,1367],{"class":477},"  # 600\n",[14,1369,1243,1370,1246,1372,1249,1374,1252,1376,1256,1378,1259,1380,86],{},[17,1371,26],{},[17,1373,1264],{},[17,1375,368],{},[17,1377,1255],{},[17,1379,26],{},[17,1381,454],{},[38,1383,1385],{"id":1384},"attribute-handling","Attribute Handling",[14,1387,1388,1390,1391,86],{},[17,1389,5],{}," inherits dynamic attribute handling from ",[17,1392,35],{},[14,1394,1395],{},"You can pass SVG attributes as keyword arguments.",[43,1397,1399],{"className":45,"code":1398,"language":47,"meta":48,"style":48},"svg = dp.SVG(\n    540,\n    360,\n    id=\"hero\",\n    class_name=\"chart\",\n    preserve_aspect_ratio=\"xMidYMid meet\",\n)\n\nprint(svg.id)                    # hero\nprint(svg.class_name)            # chart\nprint(svg.preserve_aspect_ratio) # xMidYMid meet\n",[17,1400,1401,1416,1424,1431,1447,1463,1480,1485,1490,1509,1528],{"__ignoreMap":48},[52,1402,1403,1405,1407,1409,1411,1413],{"class":54,"line":55},[52,1404,620],{"class":61},[52,1406,623],{"class":116},[52,1408,626],{"class":61},[52,1410,86],{"class":85},[52,1412,5],{"class":89},[52,1414,1415],{"class":85},"(\n",[52,1417,1418,1421],{"class":54,"line":126},[52,1419,1420],{"class":268},"    540",[52,1422,1423],{"class":85},",\n",[52,1425,1426,1429],{"class":54,"line":178},[52,1427,1428],{"class":268},"    360",[52,1430,1423],{"class":85},[52,1432,1433,1436,1438,1440,1443,1445],{"class":54,"line":668},[52,1434,1435],{"class":937},"    id",[52,1437,623],{"class":116},[52,1439,517],{"class":516},[52,1441,1442],{"class":520},"hero",[52,1444,517],{"class":516},[52,1446,1423],{"class":85},[52,1448,1449,1452,1454,1456,1459,1461],{"class":54,"line":686},[52,1450,1451],{"class":937},"    class_name",[52,1453,623],{"class":116},[52,1455,517],{"class":516},[52,1457,1458],{"class":520},"chart",[52,1460,517],{"class":516},[52,1462,1423],{"class":85},[52,1464,1466,1469,1471,1473,1476,1478],{"class":54,"line":1465},6,[52,1467,1468],{"class":937},"    preserve_aspect_ratio",[52,1470,623],{"class":116},[52,1472,517],{"class":516},[52,1474,1475],{"class":520},"xMidYMid meet",[52,1477,517],{"class":516},[52,1479,1423],{"class":85},[52,1481,1483],{"class":54,"line":1482},7,[52,1484,123],{"class":85},[52,1486,1488],{"class":54,"line":1487},8,[52,1489,646],{"emptyLinePlaceholder":645},[52,1491,1493,1495,1497,1499,1501,1504,1506],{"class":54,"line":1492},9,[52,1494,651],{"class":205},[52,1496,92],{"class":85},[52,1498,12],{"class":89},[52,1500,86],{"class":85},[52,1502,1503],{"class":660},"id",[52,1505,474],{"class":85},[52,1507,1508],{"class":477},"                    # hero\n",[52,1510,1512,1514,1516,1518,1520,1523,1525],{"class":54,"line":1511},10,[52,1513,651],{"class":205},[52,1515,92],{"class":85},[52,1517,12],{"class":89},[52,1519,86],{"class":85},[52,1521,1522],{"class":660},"class_name",[52,1524,474],{"class":85},[52,1526,1527],{"class":477},"            # chart\n",[52,1529,1531,1533,1535,1537,1539,1542,1544],{"class":54,"line":1530},11,[52,1532,651],{"class":205},[52,1534,92],{"class":85},[52,1536,12],{"class":89},[52,1538,86],{"class":85},[52,1540,1541],{"class":660},"preserve_aspect_ratio",[52,1543,474],{"class":85},[52,1545,1546],{"class":477}," # xMidYMid meet\n",[14,1548,1549],{},"Attribute names are normalized:",[314,1551,1552,1562],{},[317,1553,1554],{},[320,1555,1556,1559],{},[323,1557,1558],{},"Python name",[323,1560,1561],{},"SVG attribute",[336,1563,1564,1575,1587,1598,1608],{},[320,1565,1566,1570],{},[341,1567,1568],{},[17,1569,1522],{},[341,1571,1572],{},[17,1573,1574],{},"class",[320,1576,1577,1582],{},[341,1578,1579],{},[17,1580,1581],{},"stroke_width",[341,1583,1584],{},[17,1585,1586],{},"stroke-width",[320,1588,1589,1593],{},[341,1590,1591],{},[17,1592,1541],{},[341,1594,1595],{},[17,1596,1597],{},"preserve-aspect-ratio",[320,1599,1600,1605],{},[341,1601,1602],{},[17,1603,1604],{},"xml_space",[341,1606,1607],{},"namespaced XML attribute",[320,1609,1610,1615],{},[341,1611,1612],{},[17,1613,1614],{},"xlink_href",[341,1616,1617],{},"namespaced XLink attribute",[14,1619,1620,1621,1624],{},"Assigning ",[17,1622,1623],{},"None"," removes an attribute.",[43,1626,1628],{"className":45,"code":1627,"language":47,"meta":48,"style":48},"svg.id = \"draft\"\nsvg.id = None\n\nprint(svg.has_attr(\"id\"))  # False\n",[17,1629,1630,1648,1662,1666],{"__ignoreMap":48},[52,1631,1632,1634,1636,1638,1640,1642,1645],{"class":54,"line":55},[52,1633,12],{"class":61},[52,1635,86],{"class":85},[52,1637,1503],{"class":660},[52,1639,1107],{"class":116},[52,1641,527],{"class":516},[52,1643,1644],{"class":520},"draft",[52,1646,1647],{"class":516},"\"\n",[52,1649,1650,1652,1654,1656,1658],{"class":54,"line":126},[52,1651,12],{"class":61},[52,1653,86],{"class":85},[52,1655,1503],{"class":660},[52,1657,1107],{"class":116},[52,1659,1661],{"class":1660},"sTy78"," None\n",[52,1663,1664],{"class":54,"line":178},[52,1665,646],{"emptyLinePlaceholder":645},[52,1667,1668,1670,1672,1674,1676,1679,1681,1683,1685,1687,1690],{"class":54,"line":668},[52,1669,651],{"class":205},[52,1671,92],{"class":85},[52,1673,12],{"class":89},[52,1675,86],{"class":85},[52,1677,1678],{"class":89},"has_attr",[52,1680,92],{"class":85},[52,1682,517],{"class":516},[52,1684,1503],{"class":520},[52,1686,517],{"class":516},[52,1688,1689],{"class":85},"))",[52,1691,1692],{"class":477},"  # False\n",[14,1694,1695,1696,1698],{},"String values that look like numbers are converted when read through dynamic attributes. The ",[17,1697,1503],{}," attribute is always kept as a string.",[43,1700,1702],{"className":45,"code":1701,"language":47,"meta":48,"style":48},"svg.opacity = 0.5\nsvg.tabindex = 1\nsvg.id = \"001\"\n\nprint(svg.opacity)   # 0.5\nprint(svg.tabindex)  # 1\nprint(svg.id)        # 001\n",[17,1703,1704,1718,1732,1749,1753,1770,1787],{"__ignoreMap":48},[52,1705,1706,1708,1710,1713,1715],{"class":54,"line":55},[52,1707,12],{"class":61},[52,1709,86],{"class":85},[52,1711,1712],{"class":660},"opacity",[52,1714,1107],{"class":116},[52,1716,1717],{"class":268}," 0.5\n",[52,1719,1720,1722,1724,1727,1729],{"class":54,"line":126},[52,1721,12],{"class":61},[52,1723,86],{"class":85},[52,1725,1726],{"class":660},"tabindex",[52,1728,1107],{"class":116},[52,1730,1731],{"class":268}," 1\n",[52,1733,1734,1736,1738,1740,1742,1744,1747],{"class":54,"line":178},[52,1735,12],{"class":61},[52,1737,86],{"class":85},[52,1739,1503],{"class":660},[52,1741,1107],{"class":116},[52,1743,527],{"class":516},[52,1745,1746],{"class":520},"001",[52,1748,1647],{"class":516},[52,1750,1751],{"class":54,"line":668},[52,1752,646],{"emptyLinePlaceholder":645},[52,1754,1755,1757,1759,1761,1763,1765,1767],{"class":54,"line":686},[52,1756,651],{"class":205},[52,1758,92],{"class":85},[52,1760,12],{"class":89},[52,1762,86],{"class":85},[52,1764,1712],{"class":660},[52,1766,474],{"class":85},[52,1768,1769],{"class":477},"   # 0.5\n",[52,1771,1772,1774,1776,1778,1780,1782,1784],{"class":54,"line":1465},[52,1773,651],{"class":205},[52,1775,92],{"class":85},[52,1777,12],{"class":89},[52,1779,86],{"class":85},[52,1781,1726],{"class":660},[52,1783,474],{"class":85},[52,1785,1786],{"class":477},"  # 1\n",[52,1788,1789,1791,1793,1795,1797,1799,1801],{"class":54,"line":1482},[52,1790,651],{"class":205},[52,1792,92],{"class":85},[52,1794,12],{"class":89},[52,1796,86],{"class":85},[52,1798,1503],{"class":660},[52,1800,474],{"class":85},[52,1802,1803],{"class":477},"        # 001\n",[38,1805,1807],{"id":1806},"core-methods","Core Methods",[1129,1809,1811],{"id":1810},"from_element",[17,1812,1810],{},[43,1814,1816],{"className":45,"code":1815,"language":47,"meta":48,"style":48},"dp.SVG.from_element(element: xml.etree.ElementTree.Element) -> dp.SVG\n",[17,1817,1818],{"__ignoreMap":48},[52,1819,1820,1822,1824,1827,1829,1831,1833,1836,1838,1841,1843,1846,1848,1851,1853,1856,1858,1860,1862,1864],{"class":54,"line":55},[52,1821,82],{"class":61},[52,1823,86],{"class":85},[52,1825,5],{"class":1826},"sHgB6",[52,1828,86],{"class":85},[52,1830,1810],{"class":89},[52,1832,92],{"class":85},[52,1834,1835],{"class":89},"element",[52,1837,98],{"class":85},[52,1839,1840],{"class":89}," xml",[52,1842,86],{"class":85},[52,1844,1845],{"class":660},"etree",[52,1847,86],{"class":85},[52,1849,1850],{"class":660},"ElementTree",[52,1852,86],{"class":85},[52,1854,1855],{"class":660},"Element",[52,1857,474],{"class":85},[52,1859,1150],{"class":1149},[52,1861,626],{"class":61},[52,1863,86],{"class":85},[52,1865,1866],{"class":1826},"SVG\n",[14,1868,1869,1870,1872,1873,86],{},"Creates an ",[17,1871,5],{}," wrapper around an existing ",[17,1874,1875],{},"xml.etree.ElementTree.Element",[43,1877,1879],{"className":45,"code":1878,"language":47,"meta":48,"style":48},"import xml.etree.ElementTree as ET\nimport pydreamplet as dp\n\nelement = ET.Element(\"{http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg}svg\")\nelement.set(\"viewBox\", \"0 0 120 80\")\nelement.set(\"width\", \"120px\")\nelement.set(\"height\", \"80px\")\n\nsvg = dp.SVG.from_element(element)\n",[17,1880,1881,1902,1912,1916,1950,1978,2005,2032,2036],{"__ignoreMap":48},[52,1882,1883,1885,1887,1889,1891,1893,1895,1898],{"class":54,"line":55},[52,1884,40],{"class":58},[52,1886,1840],{"class":61},[52,1888,86],{"class":85},[52,1890,1845],{"class":660},[52,1892,86],{"class":85},[52,1894,1850],{"class":660},[52,1896,1897],{"class":58}," as",[52,1899,1901],{"class":1900},"sXSbw"," ET\n",[52,1903,1904,1906,1908,1910],{"class":54,"line":126},[52,1905,40],{"class":58},[52,1907,62],{"class":61},[52,1909,65],{"class":58},[52,1911,68],{"class":61},[52,1913,1914],{"class":54,"line":178},[52,1915,646],{"emptyLinePlaceholder":645},[52,1917,1918,1921,1923,1926,1928,1930,1932,1934,1938,1941,1944,1946,1948],{"class":54,"line":668},[52,1919,1920],{"class":61},"element ",[52,1922,623],{"class":116},[52,1924,1925],{"class":1900}," ET",[52,1927,86],{"class":85},[52,1929,1855],{"class":89},[52,1931,92],{"class":85},[52,1933,517],{"class":516},[52,1935,1937],{"class":1936},"smmm7","{http",[52,1939,98],{"class":1940},"sfdCM",[52,1942,1943],{"class":1936},"\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg}",[52,1945,12],{"class":520},[52,1947,517],{"class":516},[52,1949,123],{"class":85},[52,1951,1952,1954,1956,1959,1961,1963,1965,1967,1969,1971,1974,1976],{"class":54,"line":686},[52,1953,1835],{"class":61},[52,1955,86],{"class":85},[52,1957,1958],{"class":89},"set",[52,1960,92],{"class":85},[52,1962,517],{"class":516},[52,1964,26],{"class":520},[52,1966,517],{"class":516},[52,1968,104],{"class":85},[52,1970,527],{"class":516},[52,1972,1973],{"class":520},"0 0 120 80",[52,1975,517],{"class":516},[52,1977,123],{"class":85},[52,1979,1980,1982,1984,1986,1988,1990,1992,1994,1996,1998,2001,2003],{"class":54,"line":1465},[52,1981,1835],{"class":61},[52,1983,86],{"class":85},[52,1985,1958],{"class":89},[52,1987,92],{"class":85},[52,1989,517],{"class":516},[52,1991,95],{"class":520},[52,1993,517],{"class":516},[52,1995,104],{"class":85},[52,1997,527],{"class":516},[52,1999,2000],{"class":520},"120px",[52,2002,517],{"class":516},[52,2004,123],{"class":85},[52,2006,2007,2009,2011,2013,2015,2017,2019,2021,2023,2025,2028,2030],{"class":54,"line":1482},[52,2008,1835],{"class":61},[52,2010,86],{"class":85},[52,2012,1958],{"class":89},[52,2014,92],{"class":85},[52,2016,517],{"class":516},[52,2018,368],{"class":520},[52,2020,517],{"class":516},[52,2022,104],{"class":85},[52,2024,527],{"class":516},[52,2026,2027],{"class":520},"80px",[52,2029,517],{"class":516},[52,2031,123],{"class":85},[52,2033,2034],{"class":54,"line":1487},[52,2035,646],{"emptyLinePlaceholder":645},[52,2037,2038,2040,2042,2044,2046,2048,2050,2052,2054,2056],{"class":54,"line":1492},[52,2039,620],{"class":61},[52,2041,623],{"class":116},[52,2043,626],{"class":61},[52,2045,86],{"class":85},[52,2047,5],{"class":1826},[52,2049,86],{"class":85},[52,2051,1810],{"class":89},[52,2053,92],{"class":85},[52,2055,1835],{"class":89},[52,2057,123],{"class":85},[14,2059,2060],{},"This method does not rebuild the element or apply constructor defaults. It wraps the element as it is.",[1129,2062,2064],{"id":2063},"from_file",[17,2065,2063],{},[43,2067,2069],{"className":45,"code":2068,"language":47,"meta":48,"style":48},"dp.SVG.from_file(filename: str) -> dp.SVG\n",[17,2070,2071],{"__ignoreMap":48},[52,2072,2073,2075,2077,2079,2081,2083,2085,2088,2090,2093,2095,2097,2099,2101],{"class":54,"line":55},[52,2074,82],{"class":61},[52,2076,86],{"class":85},[52,2078,5],{"class":1826},[52,2080,86],{"class":85},[52,2082,2063],{"class":89},[52,2084,92],{"class":85},[52,2086,2087],{"class":89},"filename",[52,2089,98],{"class":85},[52,2091,2092],{"class":718}," str",[52,2094,474],{"class":85},[52,2096,1150],{"class":1149},[52,2098,626],{"class":61},[52,2100,86],{"class":85},[52,2102,1866],{"class":1826},[14,2104,2105,2106,2108],{},"Parses an existing SVG file and returns an ",[17,2107,5],{}," instance.",[43,2110,2112],{"className":45,"code":2111,"language":47,"meta":48,"style":48},"from importlib.resources import files\nfrom pydreamplet import SVG, resources\n\nsvg = SVG.from_file(files(resources) \u002F \"hummingbird.svg\").attrs(\n    {\"width\": 96, \"height\": 84}\n)\nsvg.find(\"path\").fill = \"darkgreen\"\n",[17,2113,2114,2133,2149,2153,2194,2226,2230],{"__ignoreMap":48},[52,2115,2116,2119,2122,2124,2127,2130],{"class":54,"line":55},[52,2117,2118],{"class":58},"from",[52,2120,2121],{"class":61}," importlib",[52,2123,86],{"class":85},[52,2125,2126],{"class":660},"resources",[52,2128,2129],{"class":58}," import",[52,2131,2132],{"class":61}," files\n",[52,2134,2135,2137,2139,2141,2144,2146],{"class":54,"line":126},[52,2136,2118],{"class":58},[52,2138,62],{"class":61},[52,2140,40],{"class":58},[52,2142,2143],{"class":1900}," SVG",[52,2145,104],{"class":85},[52,2147,2148],{"class":61}," resources\n",[52,2150,2151],{"class":54,"line":178},[52,2152,646],{"emptyLinePlaceholder":645},[52,2154,2155,2157,2159,2161,2163,2165,2167,2170,2172,2174,2176,2179,2181,2184,2186,2189,2192],{"class":54,"line":668},[52,2156,620],{"class":61},[52,2158,623],{"class":116},[52,2160,2143],{"class":1900},[52,2162,86],{"class":85},[52,2164,2063],{"class":89},[52,2166,92],{"class":85},[52,2168,2169],{"class":89},"files",[52,2171,92],{"class":85},[52,2173,2126],{"class":89},[52,2175,474],{"class":85},[52,2177,2178],{"class":116}," \u002F",[52,2180,527],{"class":516},[52,2182,2183],{"class":520},"hummingbird.svg",[52,2185,517],{"class":516},[52,2187,2188],{"class":85},").",[52,2190,2191],{"class":89},"attrs",[52,2193,1415],{"class":85},[52,2195,2196,2199,2201,2203,2205,2207,2210,2212,2214,2216,2218,2220,2223],{"class":54,"line":686},[52,2197,2198],{"class":85},"    {",[52,2200,517],{"class":516},[52,2202,95],{"class":520},[52,2204,517],{"class":516},[52,2206,98],{"class":85},[52,2208,2209],{"class":268}," 96",[52,2211,104],{"class":85},[52,2213,527],{"class":516},[52,2215,368],{"class":520},[52,2217,517],{"class":516},[52,2219,98],{"class":85},[52,2221,2222],{"class":268}," 84",[52,2224,2225],{"class":85},"}\n",[52,2227,2228],{"class":54,"line":1465},[52,2229,123],{"class":85},[52,2231,2232,2234,2236,2239,2241,2243,2246,2248,2250,2253,2255,2257,2260],{"class":54,"line":1482},[52,2233,12],{"class":61},[52,2235,86],{"class":85},[52,2237,2238],{"class":89},"find",[52,2240,92],{"class":85},[52,2242,517],{"class":516},[52,2244,2245],{"class":520},"path",[52,2247,517],{"class":516},[52,2249,2188],{"class":85},[52,2251,2252],{"class":660},"fill",[52,2254,1107],{"class":116},[52,2256,527],{"class":516},[52,2258,2259],{"class":520},"darkgreen",[52,2261,1647],{"class":516},[2263,2264],"img",{"src":2265,"alt":2266,"width":2267,"height":2268,"className":2269},"\u002Fshowcase\u002Fsvg_from_file_example.svg","Loaded hummingbird SVG",96,84,[2270,2271,2272],"mx-auto","mt-6","block",[14,2274,2275,2276,2279],{},"Namespaces declared in the source file are registered before serialization. This helps prefixes such as ",[17,2277,2278],{},"xlink"," or custom source prefixes round-trip without being rewritten to generated prefixes.",[14,2281,2282,2283,243,2285,2287,2288,1246,2290,2293],{},"If the source SVG has numeric ",[17,2284,95],{},[17,2286,368],{}," but no ",[17,2289,26],{},[17,2291,2292],{},"from_file()"," adds a matching viewBox.",[43,2295,2299],{"className":2296,"code":2297,"language":2298,"meta":48,"style":48},"language-xml shiki shiki-themes material-theme-lighter github-light-high-contrast github-dark","\u003Csvg width=\"120px\" height=\"80px\">\u003C\u002Fsvg>\n","xml",[17,2300,2301],{"__ignoreMap":48},[52,2302,2303,2306,2309,2312,2314,2316,2318,2320,2322,2324,2326,2328,2330,2333,2335],{"class":54,"line":55},[52,2304,2305],{"class":85},"\u003C",[52,2307,12],{"class":2308},"sPsc1",[52,2310,155],{"class":2311},"sBgX2",[52,2313,623],{"class":85},[52,2315,517],{"class":516},[52,2317,2000],{"class":520},[52,2319,517],{"class":516},[52,2321,107],{"class":2311},[52,2323,623],{"class":85},[52,2325,517],{"class":516},[52,2327,2027],{"class":520},[52,2329,517],{"class":516},[52,2331,2332],{"class":85},">\u003C\u002F",[52,2334,12],{"class":2308},[52,2336,2337],{"class":85},">\n",[14,2339,2340],{},"After loading:",[43,2342,2344],{"className":45,"code":2343,"language":47,"meta":48,"style":48},"svg = dp.SVG.from_file(\"icon.svg\")\n\nprint(svg.viewBox)  # 0 0 120 80\nprint(svg.w)        # 120.0\nprint(svg.h)        # 80.0\n",[17,2345,2346,2373,2377,2394,2411],{"__ignoreMap":48},[52,2347,2348,2350,2352,2354,2356,2358,2360,2362,2364,2366,2369,2371],{"class":54,"line":55},[52,2349,620],{"class":61},[52,2351,623],{"class":116},[52,2353,626],{"class":61},[52,2355,86],{"class":85},[52,2357,5],{"class":1826},[52,2359,86],{"class":85},[52,2361,2063],{"class":89},[52,2363,92],{"class":85},[52,2365,517],{"class":516},[52,2367,2368],{"class":520},"icon.svg",[52,2370,517],{"class":516},[52,2372,123],{"class":85},[52,2374,2375],{"class":54,"line":126},[52,2376,646],{"emptyLinePlaceholder":645},[52,2378,2379,2381,2383,2385,2387,2389,2391],{"class":54,"line":178},[52,2380,651],{"class":205},[52,2382,92],{"class":85},[52,2384,12],{"class":89},[52,2386,86],{"class":85},[52,2388,26],{"class":660},[52,2390,474],{"class":85},[52,2392,2393],{"class":477},"  # 0 0 120 80\n",[52,2395,2396,2398,2400,2402,2404,2406,2408],{"class":54,"line":668},[52,2397,651],{"class":205},[52,2399,92],{"class":85},[52,2401,12],{"class":89},[52,2403,86],{"class":85},[52,2405,1131],{"class":660},[52,2407,474],{"class":85},[52,2409,2410],{"class":477},"        # 120.0\n",[52,2412,2413,2415,2417,2419,2421,2423,2425],{"class":54,"line":686},[52,2414,651],{"class":205},[52,2416,92],{"class":85},[52,2418,12],{"class":89},[52,2420,86],{"class":85},[52,2422,1264],{"class":660},[52,2424,474],{"class":85},[52,2426,2427],{"class":477},"        # 80.0\n",[14,2429,2430,2431,1246,2434,2437,2438,2441],{},"Only simple numeric lengths are used for the fallback. Values such as ",[17,2432,2433],{},"\"120px\"",[17,2435,2436],{},"\"120\"",", and ",[17,2439,2440],{},"\"100%\""," can be parsed for their leading numeric part. Non-numeric values cannot produce a fallback viewBox.",[1129,2443,2445],{"id":2444},"ensure_defs",[17,2446,2444],{},[43,2448,2450],{"className":45,"code":2449,"language":47,"meta":48,"style":48},"svg.ensure_defs() -> dp.Defs\n",[17,2451,2452],{"__ignoreMap":48},[52,2453,2454,2456,2458,2460,2463,2465,2467,2469],{"class":54,"line":55},[52,2455,12],{"class":61},[52,2457,86],{"class":85},[52,2459,2444],{"class":89},[52,2461,2462],{"class":85},"()",[52,2464,1150],{"class":1149},[52,2466,626],{"class":61},[52,2468,86],{"class":85},[52,2470,2471],{"class":660},"Defs\n",[14,2473,2474,2475,2478],{},"Returns the first existing ",[17,2476,2477],{},"\u003Cdefs>"," child. If none exists, creates one as the first child and returns it.",[43,2480,2482],{"className":45,"code":2481,"language":47,"meta":48,"style":48},"svg = dp.SVG(300, 200)\ndefs = svg.ensure_defs()\n\ngradient = dp.LinearGradient(id=\"accent\", x1=\"0%\", y1=\"0%\", x2=\"100%\", y2=\"0%\")\ngradient.add_stop(\"0%\", \"#14b8a6\")\ngradient.add_stop(\"100%\", \"#38bdf8\")\n\ndefs.append(gradient)\n",[17,2483,2484,2506,2523,2527,2610,2638,2665,2669],{"__ignoreMap":48},[52,2485,2486,2488,2490,2492,2494,2496,2498,2500,2502,2504],{"class":54,"line":55},[52,2487,620],{"class":61},[52,2489,623],{"class":116},[52,2491,626],{"class":61},[52,2493,86],{"class":85},[52,2495,5],{"class":89},[52,2497,92],{"class":85},[52,2499,1178],{"class":268},[52,2501,104],{"class":85},[52,2503,908],{"class":268},[52,2505,123],{"class":85},[52,2507,2508,2511,2513,2516,2518,2520],{"class":54,"line":126},[52,2509,2510],{"class":61},"defs ",[52,2512,623],{"class":116},[52,2514,2515],{"class":61}," svg",[52,2517,86],{"class":85},[52,2519,2444],{"class":89},[52,2521,2522],{"class":85},"()\n",[52,2524,2525],{"class":54,"line":178},[52,2526,646],{"emptyLinePlaceholder":645},[52,2528,2529,2532,2534,2536,2538,2541,2543,2545,2547,2549,2552,2554,2556,2559,2561,2563,2566,2568,2570,2573,2575,2577,2579,2581,2583,2586,2588,2590,2593,2595,2597,2600,2602,2604,2606,2608],{"class":54,"line":668},[52,2530,2531],{"class":61},"gradient ",[52,2533,623],{"class":116},[52,2535,626],{"class":61},[52,2537,86],{"class":85},[52,2539,2540],{"class":89},"LinearGradient",[52,2542,92],{"class":85},[52,2544,1503],{"class":937},[52,2546,623],{"class":116},[52,2548,517],{"class":516},[52,2550,2551],{"class":520},"accent",[52,2553,517],{"class":516},[52,2555,104],{"class":85},[52,2557,2558],{"class":937}," x1",[52,2560,623],{"class":116},[52,2562,517],{"class":516},[52,2564,2565],{"class":520},"0%",[52,2567,517],{"class":516},[52,2569,104],{"class":85},[52,2571,2572],{"class":937}," y1",[52,2574,623],{"class":116},[52,2576,517],{"class":516},[52,2578,2565],{"class":520},[52,2580,517],{"class":516},[52,2582,104],{"class":85},[52,2584,2585],{"class":937}," x2",[52,2587,623],{"class":116},[52,2589,517],{"class":516},[52,2591,2592],{"class":520},"100%",[52,2594,517],{"class":516},[52,2596,104],{"class":85},[52,2598,2599],{"class":937}," y2",[52,2601,623],{"class":116},[52,2603,517],{"class":516},[52,2605,2565],{"class":520},[52,2607,517],{"class":516},[52,2609,123],{"class":85},[52,2611,2612,2615,2617,2620,2622,2624,2626,2628,2630,2632,2634,2636],{"class":54,"line":686},[52,2613,2614],{"class":61},"gradient",[52,2616,86],{"class":85},[52,2618,2619],{"class":89},"add_stop",[52,2621,92],{"class":85},[52,2623,517],{"class":516},[52,2625,2565],{"class":520},[52,2627,517],{"class":516},[52,2629,104],{"class":85},[52,2631,527],{"class":516},[52,2633,973],{"class":520},[52,2635,517],{"class":516},[52,2637,123],{"class":85},[52,2639,2640,2642,2644,2646,2648,2650,2652,2654,2656,2658,2661,2663],{"class":54,"line":1465},[52,2641,2614],{"class":61},[52,2643,86],{"class":85},[52,2645,2619],{"class":89},[52,2647,92],{"class":85},[52,2649,517],{"class":516},[52,2651,2592],{"class":520},[52,2653,517],{"class":516},[52,2655,104],{"class":85},[52,2657,527],{"class":516},[52,2659,2660],{"class":520},"#38bdf8",[52,2662,517],{"class":516},[52,2664,123],{"class":85},[52,2666,2667],{"class":54,"line":1482},[52,2668,646],{"emptyLinePlaceholder":645},[52,2670,2671,2674,2676,2678,2680,2682],{"class":54,"line":1487},[52,2672,2673],{"class":61},"defs",[52,2675,86],{"class":85},[52,2677,923],{"class":89},[52,2679,92],{"class":85},[52,2681,2614],{"class":89},[52,2683,123],{"class":85},[14,2685,2686,2687,2690],{},"The returned ",[17,2688,2689],{},"Defs"," object is a live wrapper around the SVG tree. Mutating it changes the SVG.",[1129,2692,2694],{"id":2693},"style",[17,2695,2693],{},[43,2697,2699],{"className":45,"code":2698,"language":47,"meta":48,"style":48},"svg.style(file_path: str, overwrite: bool = True, minify: bool = True) -> None\n",[17,2700,2701],{"__ignoreMap":48},[52,2702,2703,2705,2707,2709,2711,2714,2716,2718,2720,2723,2725,2728,2730,2733,2735,2738,2740,2742,2744,2746,2748,2750],{"class":54,"line":55},[52,2704,12],{"class":61},[52,2706,86],{"class":85},[52,2708,2693],{"class":89},[52,2710,92],{"class":85},[52,2712,2713],{"class":89},"file_path",[52,2715,98],{"class":85},[52,2717,2092],{"class":718},[52,2719,104],{"class":85},[52,2721,2722],{"class":89}," overwrite",[52,2724,98],{"class":85},[52,2726,2727],{"class":937}," bool",[52,2729,1107],{"class":116},[52,2731,2732],{"class":1660}," True",[52,2734,104],{"class":85},[52,2736,2737],{"class":89}," minify",[52,2739,98],{"class":85},[52,2741,2727],{"class":937},[52,2743,1107],{"class":116},[52,2745,2732],{"class":1660},[52,2747,474],{"class":85},[52,2749,1150],{"class":1149},[52,2751,1661],{"class":1660},[14,2753,2754,2755,2757,2758,2761],{},"Loads CSS from ",[17,2756,2713],{}," and inserts it as a ",[17,2759,2760],{},"\u003Cstyle>"," element.",[314,2763,2764,2777],{},[317,2765,2766],{},[320,2767,2768,2770,2772,2775],{},[323,2769,325],{},[323,2771,328],{},[323,2773,2774],{},"Default",[323,2776,334],{},[336,2778,2779,2795,2818],{},[320,2780,2781,2785,2789,2792],{},[341,2782,2783],{},[17,2784,2713],{},[341,2786,2787],{},[17,2788,719],{},[341,2790,2791],{},"required",[341,2793,2794],{},"Path to a CSS file.",[320,2796,2797,2802,2807,2812],{},[341,2798,2799],{},[17,2800,2801],{},"overwrite",[341,2803,2804],{},[17,2805,2806],{},"bool",[341,2808,2809],{},[17,2810,2811],{},"True",[341,2813,2814,2815,2817],{},"Removes existing direct ",[17,2816,2760],{}," children and inserts the new style as the first child.",[320,2819,2820,2825,2829,2833],{},[341,2821,2822],{},[17,2823,2824],{},"minify",[341,2826,2827],{},[17,2828,2806],{},[341,2830,2831],{},[17,2832,2811],{},[341,2834,2835],{},"Removes comments, collapses whitespace, and trims spacing around common CSS punctuation before insertion.",[43,2837,2839],{"className":45,"code":2838,"language":47,"meta":48,"style":48},"svg = dp.SVG(200, 200)\nsvg.append(dp.Circle(cx=100, cy=100, r=50, class_name=\"mark\"))\n\nsvg.style(\"drawing.css\")\n",[17,2840,2841,2864,2921,2925],{"__ignoreMap":48},[52,2842,2843,2845,2847,2849,2851,2853,2855,2858,2860,2862],{"class":54,"line":55},[52,2844,620],{"class":61},[52,2846,623],{"class":116},[52,2848,626],{"class":61},[52,2850,86],{"class":85},[52,2852,5],{"class":89},[52,2854,92],{"class":85},[52,2856,2857],{"class":268},"200",[52,2859,104],{"class":85},[52,2861,908],{"class":268},[52,2863,123],{"class":85},[52,2865,2866,2868,2870,2872,2874,2876,2878,2880,2882,2884,2886,2888,2890,2892,2894,2896,2898,2900,2902,2905,2907,2910,2912,2914,2917,2919],{"class":54,"line":126},[52,2867,12],{"class":61},[52,2869,86],{"class":85},[52,2871,923],{"class":89},[52,2873,92],{"class":85},[52,2875,82],{"class":89},[52,2877,86],{"class":85},[52,2879,932],{"class":89},[52,2881,92],{"class":85},[52,2883,938],{"class":937},[52,2885,623],{"class":116},[52,2887,897],{"class":268},[52,2889,104],{"class":85},[52,2891,947],{"class":937},[52,2893,623],{"class":116},[52,2895,897],{"class":268},[52,2897,104],{"class":85},[52,2899,956],{"class":937},[52,2901,623],{"class":116},[52,2903,2904],{"class":268},"50",[52,2906,104],{"class":85},[52,2908,2909],{"class":937}," class_name",[52,2911,623],{"class":116},[52,2913,517],{"class":516},[52,2915,2916],{"class":520},"mark",[52,2918,517],{"class":516},[52,2920,277],{"class":85},[52,2922,2923],{"class":54,"line":178},[52,2924,646],{"emptyLinePlaceholder":645},[52,2926,2927,2929,2931,2933,2935,2937,2940,2942],{"class":54,"line":668},[52,2928,12],{"class":61},[52,2930,86],{"class":85},[52,2932,2693],{"class":89},[52,2934,92],{"class":85},[52,2936,517],{"class":516},[52,2938,2939],{"class":520},"drawing.css",[52,2941,517],{"class":516},[52,2943,123],{"class":85},[14,2945,2946,2947,98],{},"Example ",[17,2948,2939],{},[43,2950,2954],{"className":2951,"code":2952,"language":2953,"meta":48,"style":48},"language-css shiki shiki-themes material-theme-lighter github-light-high-contrast github-dark",".mark {\n  fill: #14b8a6;\n  stroke: currentColor;\n  stroke-width: 8;\n}\n","css",[17,2955,2956,2967,2984,2996,3008],{"__ignoreMap":48},[52,2957,2958,2961,2964],{"class":54,"line":55},[52,2959,86],{"class":2960},"sFxCt",[52,2962,2916],{"class":2963},"sZOhe",[52,2965,2966],{"class":85}," {\n",[52,2968,2969,2973,2975,2978,2981],{"class":54,"line":126},[52,2970,2972],{"class":2971},"sH2B9","  fill",[52,2974,98],{"class":85},[52,2976,2977],{"class":1660}," #",[52,2979,2980],{"class":1900},"14b8a6",[52,2982,2983],{"class":85},";\n",[52,2985,2986,2989,2991,2994],{"class":54,"line":178},[52,2987,2988],{"class":2971},"  stroke",[52,2990,98],{"class":85},[52,2992,2993],{"class":1900}," currentColor",[52,2995,2983],{"class":85},[52,2997,2998,3001,3003,3006],{"class":54,"line":668},[52,2999,3000],{"class":2971},"  stroke-width",[52,3002,98],{"class":85},[52,3004,3005],{"class":268}," 8",[52,3007,2983],{"class":85},[52,3009,3010],{"class":54,"line":686},[52,3011,2225],{"class":85},[14,3013,3014,3015,3018],{},"When ",[17,3016,3017],{},"overwrite=False",", the new style is appended after existing children.",[43,3020,3022],{"className":45,"code":3021,"language":47,"meta":48,"style":48},"svg.style(\"base.css\")\nsvg.style(\"theme.css\", overwrite=False)\n",[17,3023,3024,3043],{"__ignoreMap":48},[52,3025,3026,3028,3030,3032,3034,3036,3039,3041],{"class":54,"line":55},[52,3027,12],{"class":61},[52,3029,86],{"class":85},[52,3031,2693],{"class":89},[52,3033,92],{"class":85},[52,3035,517],{"class":516},[52,3037,3038],{"class":520},"base.css",[52,3040,517],{"class":516},[52,3042,123],{"class":85},[52,3044,3045,3047,3049,3051,3053,3055,3058,3060,3062,3064,3066,3069],{"class":54,"line":126},[52,3046,12],{"class":61},[52,3048,86],{"class":85},[52,3050,2693],{"class":89},[52,3052,92],{"class":85},[52,3054,517],{"class":516},[52,3056,3057],{"class":520},"theme.css",[52,3059,517],{"class":516},[52,3061,104],{"class":85},[52,3063,2722],{"class":937},[52,3065,623],{"class":116},[52,3067,3068],{"class":1660},"False",[52,3070,123],{"class":85},[1129,3072,3074],{"id":3073},"display",[17,3075,3073],{},[43,3077,3079],{"className":45,"code":3078,"language":47,"meta":48,"style":48},"svg.display() -> None\n",[17,3080,3081],{"__ignoreMap":48},[52,3082,3083,3085,3087,3089,3091,3093],{"class":54,"line":55},[52,3084,12],{"class":61},[52,3086,86],{"class":85},[52,3088,3073],{"class":89},[52,3090,2462],{"class":85},[52,3092,1150],{"class":1149},[52,3094,1661],{"class":1660},[14,3096,3097],{},"Displays the SVG in an IPython environment.",[43,3099,3101],{"className":45,"code":3100,"language":47,"meta":48,"style":48},"svg.display()\n",[17,3102,3103],{"__ignoreMap":48},[52,3104,3105,3107,3109,3111],{"class":54,"line":55},[52,3106,12],{"class":61},[52,3108,86],{"class":85},[52,3110,3073],{"class":89},[52,3112,2522],{"class":85},[14,3114,3115,3116,3119],{},"This method requires the optional notebook dependencies. If they are not installed, it raises ",[17,3117,3118],{},"RuntimeError"," with installation instructions.",[43,3121,3125],{"className":3122,"code":3123,"language":3124,"meta":48,"style":48},"language-bash shiki shiki-themes material-theme-lighter github-light-high-contrast github-dark","pip install \"pydreamplet[notebook]\"\n","bash",[17,3126,3127],{"__ignoreMap":48},[52,3128,3129,3133,3136,3138,3141],{"class":54,"line":55},[52,3130,3132],{"class":3131},"sp6cl","pip",[52,3134,3135],{"class":520}," install",[52,3137,527],{"class":516},[52,3139,3140],{"class":520},"pydreamplet[notebook]",[52,3142,1647],{"class":516},[43,3144,3146],{"className":3122,"code":3145,"language":3124,"meta":48,"style":48},"uv add pydreamplet --extra notebook\n",[17,3147,3148],{"__ignoreMap":48},[52,3149,3150,3153,3156,3159,3163],{"class":54,"line":55},[52,3151,3152],{"class":3131},"uv",[52,3154,3155],{"class":520}," add",[52,3157,3158],{"class":520}," pydreamplet",[52,3160,3162],{"class":3161},"sK5CO"," --extra",[52,3164,3165],{"class":520}," notebook\n",[1129,3167,3169],{"id":3168},"save",[17,3170,3168],{},[43,3172,3174],{"className":45,"code":3173,"language":47,"meta":48,"style":48},"svg.save(filename: str, pretty_print: bool = False) -> None\n",[17,3175,3176],{"__ignoreMap":48},[52,3177,3178,3180,3182,3184,3186,3188,3190,3192,3194,3197,3199,3201,3203,3206,3208,3210],{"class":54,"line":55},[52,3179,12],{"class":61},[52,3181,86],{"class":85},[52,3183,3168],{"class":89},[52,3185,92],{"class":85},[52,3187,2087],{"class":89},[52,3189,98],{"class":85},[52,3191,2092],{"class":718},[52,3193,104],{"class":85},[52,3195,3196],{"class":89}," pretty_print",[52,3198,98],{"class":85},[52,3200,2727],{"class":937},[52,3202,1107],{"class":116},[52,3204,3205],{"class":1660}," False",[52,3207,474],{"class":85},[52,3209,1150],{"class":1149},[52,3211,1661],{"class":1660},[14,3213,3214],{},"Writes the SVG markup to a file using UTF-8.",[43,3216,3218],{"className":45,"code":3217,"language":47,"meta":48,"style":48},"svg.save(\"drawing.svg\")\n",[17,3219,3220],{"__ignoreMap":48},[52,3221,3222,3224,3226,3228,3230,3232,3235,3237],{"class":54,"line":55},[52,3223,12],{"class":61},[52,3225,86],{"class":85},[52,3227,3168],{"class":89},[52,3229,92],{"class":85},[52,3231,517],{"class":516},[52,3233,3234],{"class":520},"drawing.svg",[52,3236,517],{"class":516},[52,3238,123],{"class":85},[14,3240,3241,3242,3245,3246,3249],{},"By default, ",[17,3243,3244],{},"save()"," writes compact markup. Pass ",[17,3247,3248],{},"pretty_print=True"," for indented output.",[43,3251,3253],{"className":45,"code":3252,"language":47,"meta":48,"style":48},"svg.save(\"drawing.svg\", pretty_print=True)\n",[17,3254,3255],{"__ignoreMap":48},[52,3256,3257,3259,3261,3263,3265,3267,3269,3271,3273,3275,3277,3279],{"class":54,"line":55},[52,3258,12],{"class":61},[52,3260,86],{"class":85},[52,3262,3168],{"class":89},[52,3264,92],{"class":85},[52,3266,517],{"class":516},[52,3268,3234],{"class":520},[52,3270,517],{"class":516},[52,3272,104],{"class":85},[52,3274,3196],{"class":937},[52,3276,623],{"class":116},[52,3278,2811],{"class":1660},[52,3280,123],{"class":85},[38,3282,3284],{"id":3283},"inherited-element-methods","Inherited Element Methods",[1129,3286,3287],{"id":2191},[17,3288,2191],{},[43,3290,3292],{"className":45,"code":3291,"language":47,"meta":48,"style":48},"svg.attrs(attributes: dict[str, object]) -> dp.SVG\n",[17,3293,3294],{"__ignoreMap":48},[52,3295,3296,3298,3300,3302,3304,3307,3309,3312,3314,3316,3318,3321,3324,3326,3328,3330],{"class":54,"line":55},[52,3297,12],{"class":61},[52,3299,86],{"class":85},[52,3301,2191],{"class":89},[52,3303,92],{"class":85},[52,3305,3306],{"class":89},"attributes",[52,3308,98],{"class":85},[52,3310,3311],{"class":89}," dict",[52,3313,197],{"class":85},[52,3315,719],{"class":718},[52,3317,104],{"class":85},[52,3319,3320],{"class":718}," object",[52,3322,3323],{"class":85},"])",[52,3325,1150],{"class":1149},[52,3327,626],{"class":61},[52,3329,86],{"class":85},[52,3331,1866],{"class":1826},[14,3333,3334],{},"Sets multiple attributes and returns the SVG instance.",[43,3336,3338],{"className":45,"code":3337,"language":47,"meta":48,"style":48},"svg.attrs({\n    \"id\": \"chart\",\n    \"role\": \"img\",\n    \"aria_label\": \"Generated chart\",\n})\n",[17,3339,3340,3351,3370,3389,3409],{"__ignoreMap":48},[52,3341,3342,3344,3346,3348],{"class":54,"line":55},[52,3343,12],{"class":61},[52,3345,86],{"class":85},[52,3347,2191],{"class":89},[52,3349,3350],{"class":85},"({\n",[52,3352,3353,3356,3358,3360,3362,3364,3366,3368],{"class":54,"line":126},[52,3354,3355],{"class":516},"    \"",[52,3357,1503],{"class":520},[52,3359,517],{"class":516},[52,3361,98],{"class":85},[52,3363,527],{"class":516},[52,3365,1458],{"class":520},[52,3367,517],{"class":516},[52,3369,1423],{"class":85},[52,3371,3372,3374,3377,3379,3381,3383,3385,3387],{"class":54,"line":178},[52,3373,3355],{"class":516},[52,3375,3376],{"class":520},"role",[52,3378,517],{"class":516},[52,3380,98],{"class":85},[52,3382,527],{"class":516},[52,3384,2263],{"class":520},[52,3386,517],{"class":516},[52,3388,1423],{"class":85},[52,3390,3391,3393,3396,3398,3400,3402,3405,3407],{"class":54,"line":668},[52,3392,3355],{"class":516},[52,3394,3395],{"class":520},"aria_label",[52,3397,517],{"class":516},[52,3399,98],{"class":85},[52,3401,527],{"class":516},[52,3403,3404],{"class":520},"Generated chart",[52,3406,517],{"class":516},[52,3408,1423],{"class":85},[52,3410,3411],{"class":54,"line":686},[52,3412,3413],{"class":85},"})\n",[14,3415,3416,3417,3419],{},"Values set to ",[17,3418,1623],{}," remove the corresponding attribute.",[43,3421,3423],{"className":45,"code":3422,"language":47,"meta":48,"style":48},"svg.attrs({\"role\": None})\n",[17,3424,3425],{"__ignoreMap":48},[52,3426,3427,3429,3431,3433,3436,3438,3440,3442,3444,3447],{"class":54,"line":55},[52,3428,12],{"class":61},[52,3430,86],{"class":85},[52,3432,2191],{"class":89},[52,3434,3435],{"class":85},"({",[52,3437,517],{"class":516},[52,3439,3376],{"class":520},[52,3441,517],{"class":516},[52,3443,98],{"class":85},[52,3445,3446],{"class":1660}," None",[52,3448,3413],{"class":85},[1129,3450,3452],{"id":3451},"set_attr",[17,3453,3451],{},[43,3455,3457],{"className":45,"code":3456,"language":47,"meta":48,"style":48},"svg.set_attr(name: str, value: AttributeValue) -> dp.SVG\n",[17,3458,3459],{"__ignoreMap":48},[52,3460,3461,3463,3465,3467,3469,3472,3474,3476,3478,3481,3483,3486,3488,3490,3492,3494],{"class":54,"line":55},[52,3462,12],{"class":61},[52,3464,86],{"class":85},[52,3466,3451],{"class":89},[52,3468,92],{"class":85},[52,3470,3471],{"class":89},"name",[52,3473,98],{"class":85},[52,3475,2092],{"class":718},[52,3477,104],{"class":85},[52,3479,3480],{"class":89}," value",[52,3482,98],{"class":85},[52,3484,3485],{"class":89}," AttributeValue",[52,3487,474],{"class":85},[52,3489,1150],{"class":1149},[52,3491,626],{"class":61},[52,3493,86],{"class":85},[52,3495,1866],{"class":1826},[14,3497,3498],{},"Sets a single attribute and returns the SVG instance.",[43,3500,3502],{"className":45,"code":3501,"language":47,"meta":48,"style":48},"svg.set_attr(\"data-state\", \"ready\")\n",[17,3503,3504],{"__ignoreMap":48},[52,3505,3506,3508,3510,3512,3514,3516,3519,3521,3523,3525,3528,3530],{"class":54,"line":55},[52,3507,12],{"class":61},[52,3509,86],{"class":85},[52,3511,3451],{"class":89},[52,3513,92],{"class":85},[52,3515,517],{"class":516},[52,3517,3518],{"class":520},"data-state",[52,3520,517],{"class":516},[52,3522,104],{"class":85},[52,3524,527],{"class":516},[52,3526,3527],{"class":520},"ready",[52,3529,517],{"class":516},[52,3531,123],{"class":85},[1129,3533,3535],{"id":3534},"set_id",[17,3536,3534],{},[43,3538,3540],{"className":45,"code":3539,"language":47,"meta":48,"style":48},"svg.set_id(value: str | None) -> dp.SVG\n",[17,3541,3542],{"__ignoreMap":48},[52,3543,3544,3546,3548,3550,3552,3555,3557,3559,3561,3563,3565,3567,3569,3571],{"class":54,"line":55},[52,3545,12],{"class":61},[52,3547,86],{"class":85},[52,3549,3534],{"class":89},[52,3551,92],{"class":85},[52,3553,3554],{"class":89},"value",[52,3556,98],{"class":85},[52,3558,2092],{"class":718},[52,3560,212],{"class":116},[52,3562,3446],{"class":1660},[52,3564,474],{"class":85},[52,3566,1150],{"class":1149},[52,3568,626],{"class":61},[52,3570,86],{"class":85},[52,3572,1866],{"class":1826},[14,3574,3575,3576,3578],{},"Sets or removes the ",[17,3577,1503],{}," attribute.",[43,3580,3582],{"className":45,"code":3581,"language":47,"meta":48,"style":48},"svg.set_id(\"main-svg\")\nsvg.set_id(None)\n",[17,3583,3584,3603],{"__ignoreMap":48},[52,3585,3586,3588,3590,3592,3594,3596,3599,3601],{"class":54,"line":55},[52,3587,12],{"class":61},[52,3589,86],{"class":85},[52,3591,3534],{"class":89},[52,3593,92],{"class":85},[52,3595,517],{"class":516},[52,3597,3598],{"class":520},"main-svg",[52,3600,517],{"class":516},[52,3602,123],{"class":85},[52,3604,3605,3607,3609,3611,3613,3615],{"class":54,"line":126},[52,3606,12],{"class":61},[52,3608,86],{"class":85},[52,3610,3534],{"class":89},[52,3612,92],{"class":85},[52,3614,1623],{"class":1660},[52,3616,123],{"class":85},[1129,3618,3620],{"id":3619},"set_class",[17,3621,3619],{},[43,3623,3625],{"className":45,"code":3624,"language":47,"meta":48,"style":48},"svg.set_class(value: str | None) -> dp.SVG\n",[17,3626,3627],{"__ignoreMap":48},[52,3628,3629,3631,3633,3635,3637,3639,3641,3643,3645,3647,3649,3651,3653,3655],{"class":54,"line":55},[52,3630,12],{"class":61},[52,3632,86],{"class":85},[52,3634,3619],{"class":89},[52,3636,92],{"class":85},[52,3638,3554],{"class":89},[52,3640,98],{"class":85},[52,3642,2092],{"class":718},[52,3644,212],{"class":116},[52,3646,3446],{"class":1660},[52,3648,474],{"class":85},[52,3650,1150],{"class":1149},[52,3652,626],{"class":61},[52,3654,86],{"class":85},[52,3656,1866],{"class":1826},[14,3658,3659,3660,3578],{},"Sets or removes the SVG ",[17,3661,1574],{},[43,3663,3665],{"className":45,"code":3664,"language":47,"meta":48,"style":48},"svg.set_class(\"responsive\")\n",[17,3666,3667],{"__ignoreMap":48},[52,3668,3669,3671,3673,3675,3677,3679,3682,3684],{"class":54,"line":55},[52,3670,12],{"class":61},[52,3672,86],{"class":85},[52,3674,3619],{"class":89},[52,3676,92],{"class":85},[52,3678,517],{"class":516},[52,3680,3681],{"class":520},"responsive",[52,3683,517],{"class":516},[52,3685,123],{"class":85},[1129,3687,3689],{"id":3688},"set_fill",[17,3690,3688],{},[43,3692,3694],{"className":45,"code":3693,"language":47,"meta":48,"style":48},"svg.set_fill(value: AttributeValue) -> dp.SVG\n",[17,3695,3696],{"__ignoreMap":48},[52,3697,3698,3700,3702,3704,3706,3708,3710,3712,3714,3716,3718,3720],{"class":54,"line":55},[52,3699,12],{"class":61},[52,3701,86],{"class":85},[52,3703,3688],{"class":89},[52,3705,92],{"class":85},[52,3707,3554],{"class":89},[52,3709,98],{"class":85},[52,3711,3485],{"class":89},[52,3713,474],{"class":85},[52,3715,1150],{"class":1149},[52,3717,626],{"class":61},[52,3719,86],{"class":85},[52,3721,1866],{"class":1826},[14,3723,3724,3725,3727],{},"Sets the ",[17,3726,2252],{}," attribute on the root SVG element.",[43,3729,3731],{"className":45,"code":3730,"language":47,"meta":48,"style":48},"svg.set_fill(\"none\")\n",[17,3732,3733],{"__ignoreMap":48},[52,3734,3735,3737,3739,3741,3743,3745,3748,3750],{"class":54,"line":55},[52,3736,12],{"class":61},[52,3738,86],{"class":85},[52,3740,3688],{"class":89},[52,3742,92],{"class":85},[52,3744,517],{"class":516},[52,3746,3747],{"class":520},"none",[52,3749,517],{"class":516},[52,3751,123],{"class":85},[14,3753,3754],{},"For most drawings, fill is usually set on child shapes instead of the root.",[1129,3756,3758],{"id":3757},"set_stroke",[17,3759,3757],{},[43,3761,3763],{"className":45,"code":3762,"language":47,"meta":48,"style":48},"svg.set_stroke(\n    value: AttributeValue,\n    width: AttributeValue = None,\n    linecap: str | None = None,\n    linejoin: str | None = None,\n) -> dp.SVG\n",[17,3764,3765,3775,3786,3801,3820,3839],{"__ignoreMap":48},[52,3766,3767,3769,3771,3773],{"class":54,"line":55},[52,3768,12],{"class":61},[52,3770,86],{"class":85},[52,3772,3757],{"class":89},[52,3774,1415],{"class":85},[52,3776,3777,3780,3782,3784],{"class":54,"line":126},[52,3778,3779],{"class":89},"    value",[52,3781,98],{"class":85},[52,3783,3485],{"class":89},[52,3785,1423],{"class":85},[52,3787,3788,3791,3793,3795,3797,3799],{"class":54,"line":178},[52,3789,3790],{"class":89},"    width",[52,3792,98],{"class":85},[52,3794,3485],{"class":937},[52,3796,1107],{"class":116},[52,3798,3446],{"class":1660},[52,3800,1423],{"class":85},[52,3802,3803,3806,3808,3810,3812,3814,3816,3818],{"class":54,"line":668},[52,3804,3805],{"class":89},"    linecap",[52,3807,98],{"class":85},[52,3809,2092],{"class":718},[52,3811,212],{"class":116},[52,3813,3446],{"class":937},[52,3815,1107],{"class":116},[52,3817,3446],{"class":1660},[52,3819,1423],{"class":85},[52,3821,3822,3825,3827,3829,3831,3833,3835,3837],{"class":54,"line":686},[52,3823,3824],{"class":89},"    linejoin",[52,3826,98],{"class":85},[52,3828,2092],{"class":718},[52,3830,212],{"class":116},[52,3832,3446],{"class":937},[52,3834,1107],{"class":116},[52,3836,3446],{"class":1660},[52,3838,1423],{"class":85},[52,3840,3841,3843,3845,3847,3849],{"class":54,"line":1465},[52,3842,474],{"class":85},[52,3844,1150],{"class":1149},[52,3846,626],{"class":61},[52,3848,86],{"class":85},[52,3850,1866],{"class":1826},[14,3852,3853,3854,3857],{},"Sets ",[17,3855,3856],{},"stroke"," and optional stroke-related attributes on the root SVG element.",[43,3859,3861],{"className":45,"code":3860,"language":47,"meta":48,"style":48},"svg.set_stroke(\"currentColor\", width=2, linecap=\"round\", linejoin=\"round\")\n",[17,3862,3863],{"__ignoreMap":48},[52,3864,3865,3867,3869,3871,3873,3875,3878,3880,3882,3884,3886,3889,3891,3894,3896,3898,3901,3903,3905,3908,3910,3912,3914,3916],{"class":54,"line":55},[52,3866,12],{"class":61},[52,3868,86],{"class":85},[52,3870,3757],{"class":89},[52,3872,92],{"class":85},[52,3874,517],{"class":516},[52,3876,3877],{"class":520},"currentColor",[52,3879,517],{"class":516},[52,3881,104],{"class":85},[52,3883,155],{"class":937},[52,3885,623],{"class":116},[52,3887,3888],{"class":268},"2",[52,3890,104],{"class":85},[52,3892,3893],{"class":937}," linecap",[52,3895,623],{"class":116},[52,3897,517],{"class":516},[52,3899,3900],{"class":520},"round",[52,3902,517],{"class":516},[52,3904,104],{"class":85},[52,3906,3907],{"class":937}," linejoin",[52,3909,623],{"class":116},[52,3911,517],{"class":516},[52,3913,3900],{"class":520},[52,3915,517],{"class":516},[52,3917,123],{"class":85},[14,3919,3920,3921,1246,3923,1246,3925,2437,3928,86],{},"This writes ",[17,3922,3856],{},[17,3924,1586],{},[17,3926,3927],{},"stroke-linecap",[17,3929,3930],{},"stroke-linejoin",[1129,3932,3934],{"id":3933},"set_style",[17,3935,3933],{},[43,3937,3939],{"className":45,"code":3938,"language":47,"meta":48,"style":48},"svg.set_style(value: str | Mapping[str, AttributeValue] | None) -> dp.SVG\n",[17,3940,3941],{"__ignoreMap":48},[52,3942,3943,3945,3947,3949,3951,3953,3955,3957,3959,3962,3964,3966,3968,3970,3972,3974,3976,3978,3980,3982,3984],{"class":54,"line":55},[52,3944,12],{"class":61},[52,3946,86],{"class":85},[52,3948,3933],{"class":89},[52,3950,92],{"class":85},[52,3952,3554],{"class":89},[52,3954,98],{"class":85},[52,3956,2092],{"class":718},[52,3958,212],{"class":116},[52,3960,3961],{"class":89}," Mapping",[52,3963,197],{"class":85},[52,3965,719],{"class":718},[52,3967,104],{"class":85},[52,3969,3485],{"class":89},[52,3971,209],{"class":85},[52,3973,212],{"class":116},[52,3975,3446],{"class":1660},[52,3977,474],{"class":85},[52,3979,1150],{"class":1149},[52,3981,626],{"class":61},[52,3983,86],{"class":85},[52,3985,1866],{"class":1826},[14,3987,3988,3989,3991],{},"Sets the inline ",[17,3990,2693],{}," attribute. A string is used directly.",[43,3993,3995],{"className":45,"code":3994,"language":47,"meta":48,"style":48},"svg.set_style(\"display: block; max-width: 100%\")\n",[17,3996,3997],{"__ignoreMap":48},[52,3998,3999,4001,4003,4005,4007,4009,4012,4014],{"class":54,"line":55},[52,4000,12],{"class":61},[52,4002,86],{"class":85},[52,4004,3933],{"class":89},[52,4006,92],{"class":85},[52,4008,517],{"class":516},[52,4010,4011],{"class":520},"display: block; max-width: 100%",[52,4013,517],{"class":516},[52,4015,123],{"class":85},[14,4017,4018,4019,4021],{},"When passed a dictionary, underscores in property names become hyphens and ",[17,4020,1623],{}," values are skipped.",[43,4023,4025],{"className":45,"code":4024,"language":47,"meta":48,"style":48},"svg.set_style({\n    \"display\": \"block\",\n    \"max_width\": \"100%\",\n    \"background\": None,\n})\n",[17,4026,4027,4037,4055,4074,4089],{"__ignoreMap":48},[52,4028,4029,4031,4033,4035],{"class":54,"line":55},[52,4030,12],{"class":61},[52,4032,86],{"class":85},[52,4034,3933],{"class":89},[52,4036,3350],{"class":85},[52,4038,4039,4041,4043,4045,4047,4049,4051,4053],{"class":54,"line":126},[52,4040,3355],{"class":516},[52,4042,3073],{"class":520},[52,4044,517],{"class":516},[52,4046,98],{"class":85},[52,4048,527],{"class":516},[52,4050,2272],{"class":520},[52,4052,517],{"class":516},[52,4054,1423],{"class":85},[52,4056,4057,4059,4062,4064,4066,4068,4070,4072],{"class":54,"line":178},[52,4058,3355],{"class":516},[52,4060,4061],{"class":520},"max_width",[52,4063,517],{"class":516},[52,4065,98],{"class":85},[52,4067,527],{"class":516},[52,4069,2592],{"class":520},[52,4071,517],{"class":516},[52,4073,1423],{"class":85},[52,4075,4076,4078,4081,4083,4085,4087],{"class":54,"line":668},[52,4077,3355],{"class":516},[52,4079,4080],{"class":520},"background",[52,4082,517],{"class":516},[52,4084,98],{"class":85},[52,4086,3446],{"class":1660},[52,4088,1423],{"class":85},[52,4090,4091],{"class":54,"line":686},[52,4092,3413],{"class":85},[14,4094,4095,4096,4098,4099,3578],{},"Passing ",[17,4097,1623],{}," removes the inline ",[17,4100,2693],{},[1129,4102,4104],{"id":4103},"set_position",[17,4105,4103],{},[43,4107,4109],{"className":45,"code":4108,"language":47,"meta":48,"style":48},"svg.set_position(x: PointLike | Real, y: Real | None = None) -> dp.SVG\n",[17,4110,4111],{"__ignoreMap":48},[52,4112,4113,4115,4117,4119,4121,4123,4125,4128,4131,4133,4135,4137,4139,4142,4144,4146,4148,4150,4152,4154,4156,4158],{"class":54,"line":55},[52,4114,12],{"class":61},[52,4116,86],{"class":85},[52,4118,4103],{"class":89},[52,4120,92],{"class":85},[52,4122,137],{"class":89},[52,4124,98],{"class":85},[52,4126,4127],{"class":89}," PointLike ",[52,4129,4130],{"class":116},"|",[52,4132,101],{"class":89},[52,4134,104],{"class":85},[52,4136,146],{"class":89},[52,4138,98],{"class":85},[52,4140,4141],{"class":89}," Real ",[52,4143,4130],{"class":116},[52,4145,3446],{"class":937},[52,4147,1107],{"class":116},[52,4149,3446],{"class":1660},[52,4151,474],{"class":85},[52,4153,1150],{"class":1149},[52,4155,626],{"class":61},[52,4157,86],{"class":85},[52,4159,1866],{"class":1826},[14,4161,3853,4162,243,4164,4166,4167,4169],{},[17,4163,137],{},[17,4165,404],{}," attributes on the root SVG element. If the first argument is a point-like object, ",[17,4168,404],{}," can be omitted.",[43,4171,4173],{"className":45,"code":4172,"language":47,"meta":48,"style":48},"svg.set_position(24, 32)\n",[17,4174,4175],{"__ignoreMap":48},[52,4176,4177,4179,4181,4183,4185,4188,4190,4193],{"class":54,"line":55},[52,4178,12],{"class":61},[52,4180,86],{"class":85},[52,4182,4103],{"class":89},[52,4184,92],{"class":85},[52,4186,4187],{"class":268},"24",[52,4189,104],{"class":85},[52,4191,4192],{"class":268}," 32",[52,4194,123],{"class":85},[14,4196,4197],{},"This is usually more useful for nested SVG fragments than for the top-level document.",[1129,4199,4201],{"id":4200},"set_size",[17,4202,4200],{},[43,4204,4206],{"className":45,"code":4205,"language":47,"meta":48,"style":48},"svg.set_size(width: AttributeValue, height: AttributeValue) -> dp.SVG\n",[17,4207,4208],{"__ignoreMap":48},[52,4209,4210,4212,4214,4216,4218,4220,4222,4224,4226,4228,4230,4232,4234,4236,4238,4240],{"class":54,"line":55},[52,4211,12],{"class":61},[52,4213,86],{"class":85},[52,4215,4200],{"class":89},[52,4217,92],{"class":85},[52,4219,95],{"class":89},[52,4221,98],{"class":85},[52,4223,3485],{"class":89},[52,4225,104],{"class":85},[52,4227,107],{"class":89},[52,4229,98],{"class":85},[52,4231,3485],{"class":89},[52,4233,474],{"class":85},[52,4235,1150],{"class":1149},[52,4237,626],{"class":61},[52,4239,86],{"class":85},[52,4241,1866],{"class":1826},[14,4243,4244,4245,243,4247,4249,4250,86],{},"Sets the rendered ",[17,4246,95],{},[17,4248,368],{}," attributes. It does not change the ",[17,4251,26],{},[43,4253,4255],{"className":45,"code":4254,"language":47,"meta":48,"style":48},"svg.set_size(720, 480)\n",[17,4256,4257],{"__ignoreMap":48},[52,4258,4259,4261,4263,4265,4267,4269,4271,4274],{"class":54,"line":55},[52,4260,12],{"class":61},[52,4262,86],{"class":85},[52,4264,4200],{"class":89},[52,4266,92],{"class":85},[52,4268,1032],{"class":268},[52,4270,104],{"class":85},[52,4272,4273],{"class":268}," 480",[52,4275,123],{"class":85},[1129,4277,4278],{"id":923},[17,4279,923],{},[43,4281,4283],{"className":45,"code":4282,"language":47,"meta":48,"style":48},"svg.append(*children) -> dp.SVG\n",[17,4284,4285],{"__ignoreMap":48},[52,4286,4287,4289,4291,4293,4295,4298,4301,4303,4305,4307,4309],{"class":54,"line":55},[52,4288,12],{"class":61},[52,4290,86],{"class":85},[52,4292,923],{"class":89},[52,4294,92],{"class":85},[52,4296,4297],{"class":116},"*",[52,4299,4300],{"class":89},"children",[52,4302,474],{"class":85},[52,4304,1150],{"class":1149},[52,4306,626],{"class":61},[52,4308,86],{"class":85},[52,4310,1866],{"class":1826},[14,4312,4313],{},"Appends one or more children to the SVG and returns the SVG instance.",[43,4315,4317],{"className":45,"code":4316,"language":47,"meta":48,"style":48},"svg.append(\n    dp.Rect(x=40, y=40, width=160, height=96, rx=12, fill=\"#38bdf8\"),\n    dp.Circle(cx=260, cy=88, r=48, fill=\"#95cf20\"),\n)\n",[17,4318,4319,4329,4398,4448],{"__ignoreMap":48},[52,4320,4321,4323,4325,4327],{"class":54,"line":55},[52,4322,12],{"class":61},[52,4324,86],{"class":85},[52,4326,923],{"class":89},[52,4328,1415],{"class":85},[52,4330,4331,4334,4336,4339,4341,4343,4345,4347,4349,4351,4353,4355,4357,4359,4361,4364,4366,4368,4370,4373,4375,4378,4380,4383,4385,4387,4389,4391,4393,4395],{"class":54,"line":126},[52,4332,4333],{"class":89},"    dp",[52,4335,86],{"class":85},[52,4337,4338],{"class":89},"Rect",[52,4340,92],{"class":85},[52,4342,137],{"class":937},[52,4344,623],{"class":116},[52,4346,961],{"class":268},[52,4348,104],{"class":85},[52,4350,146],{"class":937},[52,4352,623],{"class":116},[52,4354,961],{"class":268},[52,4356,104],{"class":85},[52,4358,155],{"class":937},[52,4360,623],{"class":116},[52,4362,4363],{"class":268},"160",[52,4365,104],{"class":85},[52,4367,107],{"class":937},[52,4369,623],{"class":116},[52,4371,4372],{"class":268},"96",[52,4374,104],{"class":85},[52,4376,4377],{"class":937}," rx",[52,4379,623],{"class":116},[52,4381,4382],{"class":268},"12",[52,4384,104],{"class":85},[52,4386,966],{"class":937},[52,4388,623],{"class":116},[52,4390,517],{"class":516},[52,4392,2660],{"class":520},[52,4394,517],{"class":516},[52,4396,4397],{"class":85},"),\n",[52,4399,4400,4402,4404,4406,4408,4410,4412,4415,4417,4419,4421,4424,4426,4428,4430,4433,4435,4437,4439,4441,4444,4446],{"class":54,"line":178},[52,4401,4333],{"class":89},[52,4403,86],{"class":85},[52,4405,932],{"class":89},[52,4407,92],{"class":85},[52,4409,938],{"class":937},[52,4411,623],{"class":116},[52,4413,4414],{"class":268},"260",[52,4416,104],{"class":85},[52,4418,947],{"class":937},[52,4420,623],{"class":116},[52,4422,4423],{"class":268},"88",[52,4425,104],{"class":85},[52,4427,956],{"class":937},[52,4429,623],{"class":116},[52,4431,4432],{"class":268},"48",[52,4434,104],{"class":85},[52,4436,966],{"class":937},[52,4438,623],{"class":116},[52,4440,517],{"class":516},[52,4442,4443],{"class":520},"#95cf20",[52,4445,517],{"class":516},[52,4447,4397],{"class":85},[52,4449,4450],{"class":54,"line":668},[52,4451,123],{"class":85},[14,4453,4454,4455,4458],{},"Children can be pyDreamplet objects with an ",[17,4456,4457],{},".element"," attribute or raw ElementTree elements.",[1129,4460,4462],{"id":4461},"remove",[17,4463,4461],{},[43,4465,4467],{"className":45,"code":4466,"language":47,"meta":48,"style":48},"svg.remove(*children) -> dp.SVG\n",[17,4468,4469],{"__ignoreMap":48},[52,4470,4471,4473,4475,4477,4479,4481,4483,4485,4487,4489,4491],{"class":54,"line":55},[52,4472,12],{"class":61},[52,4474,86],{"class":85},[52,4476,4461],{"class":89},[52,4478,92],{"class":85},[52,4480,4297],{"class":116},[52,4482,4300],{"class":89},[52,4484,474],{"class":85},[52,4486,1150],{"class":1149},[52,4488,626],{"class":61},[52,4490,86],{"class":85},[52,4492,1866],{"class":1826},[14,4494,4495],{},"Removes one or more children and returns the SVG instance.",[43,4497,4499],{"className":45,"code":4498,"language":47,"meta":48,"style":48},"circle = dp.Circle(cx=100, cy=100, r=40)\nsvg.append(circle)\nsvg.remove(circle)\n",[17,4500,4501,4540,4555],{"__ignoreMap":48},[52,4502,4503,4506,4508,4510,4512,4514,4516,4518,4520,4522,4524,4526,4528,4530,4532,4534,4536,4538],{"class":54,"line":55},[52,4504,4505],{"class":61},"circle ",[52,4507,623],{"class":116},[52,4509,626],{"class":61},[52,4511,86],{"class":85},[52,4513,932],{"class":89},[52,4515,92],{"class":85},[52,4517,938],{"class":937},[52,4519,623],{"class":116},[52,4521,897],{"class":268},[52,4523,104],{"class":85},[52,4525,947],{"class":937},[52,4527,623],{"class":116},[52,4529,897],{"class":268},[52,4531,104],{"class":85},[52,4533,956],{"class":937},[52,4535,623],{"class":116},[52,4537,961],{"class":268},[52,4539,123],{"class":85},[52,4541,4542,4544,4546,4548,4550,4553],{"class":54,"line":126},[52,4543,12],{"class":61},[52,4545,86],{"class":85},[52,4547,923],{"class":89},[52,4549,92],{"class":85},[52,4551,4552],{"class":89},"circle",[52,4554,123],{"class":85},[52,4556,4557,4559,4561,4563,4565,4567],{"class":54,"line":178},[52,4558,12],{"class":61},[52,4560,86],{"class":85},[52,4562,4461],{"class":89},[52,4564,92],{"class":85},[52,4566,4552],{"class":89},[52,4568,123],{"class":85},[1129,4570,4572],{"id":4571},"to_string",[17,4573,4571],{},[43,4575,4577],{"className":45,"code":4576,"language":47,"meta":48,"style":48},"svg.to_string(pretty_print: bool = True) -> str\n",[17,4578,4579],{"__ignoreMap":48},[52,4580,4581,4583,4585,4587,4589,4592,4594,4596,4598,4600,4602,4604],{"class":54,"line":55},[52,4582,12],{"class":61},[52,4584,86],{"class":85},[52,4586,4571],{"class":89},[52,4588,92],{"class":85},[52,4590,4591],{"class":89},"pretty_print",[52,4593,98],{"class":85},[52,4595,2727],{"class":937},[52,4597,1107],{"class":116},[52,4599,2732],{"class":1660},[52,4601,474],{"class":85},[52,4603,1150],{"class":1149},[52,4605,4606],{"class":718}," str\n",[14,4608,4609],{},"Serializes the SVG to a string.",[43,4611,4613],{"className":45,"code":4612,"language":47,"meta":48,"style":48},"markup = svg.to_string()\ncompact = svg.to_string(pretty_print=False)\n",[17,4614,4615,4630],{"__ignoreMap":48},[52,4616,4617,4620,4622,4624,4626,4628],{"class":54,"line":55},[52,4618,4619],{"class":61},"markup ",[52,4621,623],{"class":116},[52,4623,2515],{"class":61},[52,4625,86],{"class":85},[52,4627,4571],{"class":89},[52,4629,2522],{"class":85},[52,4631,4632,4635,4637,4639,4641,4643,4645,4647,4649,4651],{"class":54,"line":126},[52,4633,4634],{"class":61},"compact ",[52,4636,623],{"class":116},[52,4638,2515],{"class":61},[52,4640,86],{"class":85},[52,4642,4571],{"class":89},[52,4644,92],{"class":85},[52,4646,4591],{"class":937},[52,4648,623],{"class":116},[52,4650,3068],{"class":1660},[52,4652,123],{"class":85},[14,4654,4655,4658,4659,86],{},[17,4656,4657],{},"str(svg)"," is equivalent to ",[17,4660,4661],{},"svg.to_string(pretty_print=False)",[1129,4663,4664],{"id":1678},[17,4665,1678],{},[43,4667,4669],{"className":45,"code":4668,"language":47,"meta":48,"style":48},"svg.has_attr(name: str) -> bool\n",[17,4670,4671],{"__ignoreMap":48},[52,4672,4673,4675,4677,4679,4681,4683,4685,4687,4689,4691],{"class":54,"line":55},[52,4674,12],{"class":61},[52,4676,86],{"class":85},[52,4678,1678],{"class":89},[52,4680,92],{"class":85},[52,4682,3471],{"class":89},[52,4684,98],{"class":85},[52,4686,2092],{"class":718},[52,4688,474],{"class":85},[52,4690,1150],{"class":1149},[52,4692,4693],{"class":718}," bool\n",[14,4695,4696,4697,4699],{},"Returns ",[17,4698,2811],{}," when the normalized attribute exists.",[43,4701,4703],{"className":45,"code":4702,"language":47,"meta":48,"style":48},"svg.id = \"chart\"\n\nprint(svg.has_attr(\"id\"))          # True\nprint(svg.has_attr(\"class_name\"))  # False\n",[17,4704,4705,4721,4725,4750],{"__ignoreMap":48},[52,4706,4707,4709,4711,4713,4715,4717,4719],{"class":54,"line":55},[52,4708,12],{"class":61},[52,4710,86],{"class":85},[52,4712,1503],{"class":660},[52,4714,1107],{"class":116},[52,4716,527],{"class":516},[52,4718,1458],{"class":520},[52,4720,1647],{"class":516},[52,4722,4723],{"class":54,"line":126},[52,4724,646],{"emptyLinePlaceholder":645},[52,4726,4727,4729,4731,4733,4735,4737,4739,4741,4743,4745,4747],{"class":54,"line":178},[52,4728,651],{"class":205},[52,4730,92],{"class":85},[52,4732,12],{"class":89},[52,4734,86],{"class":85},[52,4736,1678],{"class":89},[52,4738,92],{"class":85},[52,4740,517],{"class":516},[52,4742,1503],{"class":520},[52,4744,517],{"class":516},[52,4746,1689],{"class":85},[52,4748,4749],{"class":477},"          # True\n",[52,4751,4752,4754,4756,4758,4760,4762,4764,4766,4768,4770,4772],{"class":54,"line":668},[52,4753,651],{"class":205},[52,4755,92],{"class":85},[52,4757,12],{"class":89},[52,4759,86],{"class":85},[52,4761,1678],{"class":89},[52,4763,92],{"class":85},[52,4765,517],{"class":516},[52,4767,1522],{"class":520},[52,4769,517],{"class":516},[52,4771,1689],{"class":85},[52,4773,1692],{"class":477},[1129,4775,4776],{"id":2238},[17,4777,2238],{},[43,4779,4781],{"className":45,"code":4780,"language":47,"meta":48,"style":48},"svg.find(tag: str, nested: bool = False, id: str | None = None)\n",[17,4782,4783],{"__ignoreMap":48},[52,4784,4785,4787,4789,4791,4793,4796,4798,4800,4802,4805,4807,4809,4811,4813,4815,4818,4820,4822,4824,4826,4828,4830],{"class":54,"line":55},[52,4786,12],{"class":61},[52,4788,86],{"class":85},[52,4790,2238],{"class":89},[52,4792,92],{"class":85},[52,4794,4795],{"class":89},"tag",[52,4797,98],{"class":85},[52,4799,2092],{"class":718},[52,4801,104],{"class":85},[52,4803,4804],{"class":89}," nested",[52,4806,98],{"class":85},[52,4808,2727],{"class":937},[52,4810,1107],{"class":116},[52,4812,3205],{"class":1660},[52,4814,104],{"class":85},[52,4816,4817],{"class":205}," id",[52,4819,98],{"class":85},[52,4821,2092],{"class":718},[52,4823,212],{"class":116},[52,4825,3446],{"class":937},[52,4827,1107],{"class":116},[52,4829,3446],{"class":1660},[52,4831,123],{"class":85},[14,4833,4834],{},"Finds the first matching child and wraps it in the registered pyDreamplet class when possible.",[43,4836,4838],{"className":45,"code":4837,"language":47,"meta":48,"style":48},"svg.append(dp.G(id=\"marks\"))\n\ngroup = svg.find(\"g\", id=\"marks\")\n",[17,4839,4840,4872,4876],{"__ignoreMap":48},[52,4841,4842,4844,4846,4848,4850,4852,4854,4857,4859,4861,4863,4865,4868,4870],{"class":54,"line":55},[52,4843,12],{"class":61},[52,4845,86],{"class":85},[52,4847,923],{"class":89},[52,4849,92],{"class":85},[52,4851,82],{"class":89},[52,4853,86],{"class":85},[52,4855,4856],{"class":89},"G",[52,4858,92],{"class":85},[52,4860,1503],{"class":937},[52,4862,623],{"class":116},[52,4864,517],{"class":516},[52,4866,4867],{"class":520},"marks",[52,4869,517],{"class":516},[52,4871,277],{"class":85},[52,4873,4874],{"class":54,"line":126},[52,4875,646],{"emptyLinePlaceholder":645},[52,4877,4878,4881,4883,4885,4887,4889,4891,4893,4896,4898,4900,4902,4904,4906,4908,4910],{"class":54,"line":178},[52,4879,4880],{"class":61},"group ",[52,4882,623],{"class":116},[52,4884,2515],{"class":61},[52,4886,86],{"class":85},[52,4888,2238],{"class":89},[52,4890,92],{"class":85},[52,4892,517],{"class":516},[52,4894,4895],{"class":520},"g",[52,4897,517],{"class":516},[52,4899,104],{"class":85},[52,4901,4817],{"class":937},[52,4903,623],{"class":116},[52,4905,517],{"class":516},[52,4907,4867],{"class":520},[52,4909,517],{"class":516},[52,4911,123],{"class":85},[14,4913,4914,4915,4918],{},"By default, only direct children are searched. Use ",[17,4916,4917],{},"nested=True"," to search descendants.",[43,4920,4922],{"className":45,"code":4921,"language":47,"meta":48,"style":48},"circle = svg.find(\"circle\", nested=True)\n",[17,4923,4924],{"__ignoreMap":48},[52,4925,4926,4928,4930,4932,4934,4936,4938,4940,4942,4944,4946,4948,4950,4952],{"class":54,"line":55},[52,4927,4505],{"class":61},[52,4929,623],{"class":116},[52,4931,2515],{"class":61},[52,4933,86],{"class":85},[52,4935,2238],{"class":89},[52,4937,92],{"class":85},[52,4939,517],{"class":516},[52,4941,4552],{"class":520},[52,4943,517],{"class":516},[52,4945,104],{"class":85},[52,4947,4804],{"class":937},[52,4949,623],{"class":116},[52,4951,2811],{"class":1660},[52,4953,123],{"class":85},[1129,4955,4957],{"id":4956},"find_all",[17,4958,4956],{},[43,4960,4962],{"className":45,"code":4961,"language":47,"meta":48,"style":48},"svg.find_all(tag: str, nested: bool = False, class_name: str | None = None) -> list\n",[17,4963,4964],{"__ignoreMap":48},[52,4965,4966,4968,4970,4972,4974,4976,4978,4980,4982,4984,4986,4988,4990,4992,4994,4996,4998,5000,5002,5004,5006,5008,5010,5012],{"class":54,"line":55},[52,4967,12],{"class":61},[52,4969,86],{"class":85},[52,4971,4956],{"class":89},[52,4973,92],{"class":85},[52,4975,4795],{"class":89},[52,4977,98],{"class":85},[52,4979,2092],{"class":718},[52,4981,104],{"class":85},[52,4983,4804],{"class":89},[52,4985,98],{"class":85},[52,4987,2727],{"class":937},[52,4989,1107],{"class":116},[52,4991,3205],{"class":1660},[52,4993,104],{"class":85},[52,4995,2909],{"class":89},[52,4997,98],{"class":85},[52,4999,2092],{"class":718},[52,5001,212],{"class":116},[52,5003,3446],{"class":937},[52,5005,1107],{"class":116},[52,5007,3446],{"class":1660},[52,5009,474],{"class":85},[52,5011,1150],{"class":1149},[52,5013,5014],{"class":718}," list\n",[14,5016,5017],{},"Finds all matching children and wraps them in registered pyDreamplet classes when possible.",[43,5019,5021],{"className":45,"code":5020,"language":47,"meta":48,"style":48},"marks = svg.find_all(\"circle\", nested=True, class_name=\"mark\")\n",[17,5022,5023],{"__ignoreMap":48},[52,5024,5025,5028,5030,5032,5034,5036,5038,5040,5042,5044,5046,5048,5050,5052,5054,5056,5058,5060,5062,5064],{"class":54,"line":55},[52,5026,5027],{"class":61},"marks ",[52,5029,623],{"class":116},[52,5031,2515],{"class":61},[52,5033,86],{"class":85},[52,5035,4956],{"class":89},[52,5037,92],{"class":85},[52,5039,517],{"class":516},[52,5041,4552],{"class":520},[52,5043,517],{"class":516},[52,5045,104],{"class":85},[52,5047,4804],{"class":937},[52,5049,623],{"class":116},[52,5051,2811],{"class":1660},[52,5053,104],{"class":85},[52,5055,2909],{"class":937},[52,5057,623],{"class":116},[52,5059,517],{"class":516},[52,5061,2916],{"class":520},[52,5063,517],{"class":516},[52,5065,123],{"class":85},[1129,5067,5069],{"id":5068},"copy",[17,5070,5068],{},[43,5072,5074],{"className":45,"code":5073,"language":47,"meta":48,"style":48},"svg.copy() -> dp.SVG\n",[17,5075,5076],{"__ignoreMap":48},[52,5077,5078,5080,5082,5084,5086,5088,5090,5092],{"class":54,"line":55},[52,5079,12],{"class":61},[52,5081,86],{"class":85},[52,5083,5068],{"class":89},[52,5085,2462],{"class":85},[52,5087,1150],{"class":1149},[52,5089,626],{"class":61},[52,5091,86],{"class":85},[52,5093,1866],{"class":1826},[14,5095,5096],{},"Returns a deep copy of the SVG wrapper and the underlying ElementTree element. Mutating the copy does not affect the original.",[43,5098,5100],{"className":45,"code":5099,"language":47,"meta":48,"style":48},"base = dp.SVG(200, 200)\nvariant = base.copy()\n\nvariant.width = 400\n",[17,5101,5102,5125,5141,5145],{"__ignoreMap":48},[52,5103,5104,5107,5109,5111,5113,5115,5117,5119,5121,5123],{"class":54,"line":55},[52,5105,5106],{"class":61},"base ",[52,5108,623],{"class":116},[52,5110,626],{"class":61},[52,5112,86],{"class":85},[52,5114,5],{"class":89},[52,5116,92],{"class":85},[52,5118,2857],{"class":268},[52,5120,104],{"class":85},[52,5122,908],{"class":268},[52,5124,123],{"class":85},[52,5126,5127,5130,5132,5135,5137,5139],{"class":54,"line":126},[52,5128,5129],{"class":61},"variant ",[52,5131,623],{"class":116},[52,5133,5134],{"class":61}," base",[52,5136,86],{"class":85},[52,5138,5068],{"class":89},[52,5140,2522],{"class":85},[52,5142,5143],{"class":54,"line":178},[52,5144,646],{"emptyLinePlaceholder":645},[52,5146,5147,5150,5152,5154,5156],{"class":54,"line":668},[52,5148,5149],{"class":61},"variant",[52,5151,86],{"class":85},[52,5153,95],{"class":660},[52,5155,1107],{"class":116},[52,5157,5158],{"class":268}," 400\n",[38,5160,5162],{"id":5161},"common-patterns","Common Patterns",[14,5164,5165],{},"Create a larger rendered SVG while keeping a stable coordinate system.",[43,5167,5169],{"className":45,"code":5168,"language":47,"meta":48,"style":48},"svg = dp.SVG(540, 360, width=1080, height=720)\n",[17,5170,5171],{"__ignoreMap":48},[52,5172,5173,5175,5177,5179,5181,5183,5185,5187,5189,5191,5193,5195,5197,5199,5201,5203,5205,5207],{"class":54,"line":55},[52,5174,620],{"class":61},[52,5176,623],{"class":116},[52,5178,626],{"class":61},[52,5180,86],{"class":85},[52,5182,5],{"class":89},[52,5184,92],{"class":85},[52,5186,269],{"class":268},[52,5188,104],{"class":85},[52,5190,274],{"class":268},[52,5192,104],{"class":85},[52,5194,155],{"class":937},[52,5196,623],{"class":116},[52,5198,1023],{"class":268},[52,5200,104],{"class":85},[52,5202,107],{"class":937},[52,5204,623],{"class":116},[52,5206,1032],{"class":268},[52,5208,123],{"class":85},[14,5210,5211,5212,243,5215,5218],{},"Use ",[17,5213,5214],{},"svg.w",[17,5216,5217],{},"svg.h"," for center-based placement.",[43,5220,5222],{"className":45,"code":5221,"language":47,"meta":48,"style":48},"label = dp.Text(\n    \"pyDreamplet\",\n    x=svg.w \u002F 2,\n    y=svg.h \u002F 2,\n    text_anchor=\"middle\",\n    alignment_baseline=\"middle\",\n)\n",[17,5223,5224,5240,5251,5271,5290,5306,5321],{"__ignoreMap":48},[52,5225,5226,5229,5231,5233,5235,5238],{"class":54,"line":55},[52,5227,5228],{"class":61},"label ",[52,5230,623],{"class":116},[52,5232,626],{"class":61},[52,5234,86],{"class":85},[52,5236,5237],{"class":89},"Text",[52,5239,1415],{"class":85},[52,5241,5242,5244,5247,5249],{"class":54,"line":126},[52,5243,3355],{"class":516},[52,5245,5246],{"class":520},"pyDreamplet",[52,5248,517],{"class":516},[52,5250,1423],{"class":85},[52,5252,5253,5256,5258,5260,5262,5264,5266,5269],{"class":54,"line":178},[52,5254,5255],{"class":937},"    x",[52,5257,623],{"class":116},[52,5259,12],{"class":89},[52,5261,86],{"class":85},[52,5263,1131],{"class":660},[52,5265,2178],{"class":116},[52,5267,5268],{"class":268}," 2",[52,5270,1423],{"class":85},[52,5272,5273,5276,5278,5280,5282,5284,5286,5288],{"class":54,"line":668},[52,5274,5275],{"class":937},"    y",[52,5277,623],{"class":116},[52,5279,12],{"class":89},[52,5281,86],{"class":85},[52,5283,1264],{"class":660},[52,5285,2178],{"class":116},[52,5287,5268],{"class":268},[52,5289,1423],{"class":85},[52,5291,5292,5295,5297,5299,5302,5304],{"class":54,"line":686},[52,5293,5294],{"class":937},"    text_anchor",[52,5296,623],{"class":116},[52,5298,517],{"class":516},[52,5300,5301],{"class":520},"middle",[52,5303,517],{"class":516},[52,5305,1423],{"class":85},[52,5307,5308,5311,5313,5315,5317,5319],{"class":54,"line":1465},[52,5309,5310],{"class":937},"    alignment_baseline",[52,5312,623],{"class":116},[52,5314,517],{"class":516},[52,5316,5301],{"class":520},[52,5318,517],{"class":516},[52,5320,1423],{"class":85},[52,5322,5323],{"class":54,"line":1482},[52,5324,123],{"class":85},[14,5326,5327],{},"Load an SVG, edit a path, and save a copy.",[43,5329,5331],{"className":45,"code":5330,"language":47,"meta":48,"style":48},"svg = dp.SVG.from_file(\"logo.svg\")\n\npath = svg.find(\"path\", nested=True)\nif path:\n    path.fill = \"currentColor\"\n\nsvg.save(\"logo-current-color.svg\", pretty_print=True)\n",[17,5332,5333,5360,5364,5395,5406,5423,5427],{"__ignoreMap":48},[52,5334,5335,5337,5339,5341,5343,5345,5347,5349,5351,5353,5356,5358],{"class":54,"line":55},[52,5336,620],{"class":61},[52,5338,623],{"class":116},[52,5340,626],{"class":61},[52,5342,86],{"class":85},[52,5344,5],{"class":1826},[52,5346,86],{"class":85},[52,5348,2063],{"class":89},[52,5350,92],{"class":85},[52,5352,517],{"class":516},[52,5354,5355],{"class":520},"logo.svg",[52,5357,517],{"class":516},[52,5359,123],{"class":85},[52,5361,5362],{"class":54,"line":126},[52,5363,646],{"emptyLinePlaceholder":645},[52,5365,5366,5369,5371,5373,5375,5377,5379,5381,5383,5385,5387,5389,5391,5393],{"class":54,"line":178},[52,5367,5368],{"class":61},"path ",[52,5370,623],{"class":116},[52,5372,2515],{"class":61},[52,5374,86],{"class":85},[52,5376,2238],{"class":89},[52,5378,92],{"class":85},[52,5380,517],{"class":516},[52,5382,2245],{"class":520},[52,5384,517],{"class":516},[52,5386,104],{"class":85},[52,5388,4804],{"class":937},[52,5390,623],{"class":116},[52,5392,2811],{"class":1660},[52,5394,123],{"class":85},[52,5396,5397,5400,5403],{"class":54,"line":668},[52,5398,5399],{"class":58},"if",[52,5401,5402],{"class":61}," path",[52,5404,5405],{"class":85},":\n",[52,5407,5408,5411,5413,5415,5417,5419,5421],{"class":54,"line":686},[52,5409,5410],{"class":61},"    path",[52,5412,86],{"class":85},[52,5414,2252],{"class":660},[52,5416,1107],{"class":116},[52,5418,527],{"class":516},[52,5420,3877],{"class":520},[52,5422,1647],{"class":516},[52,5424,5425],{"class":54,"line":1465},[52,5426,646],{"emptyLinePlaceholder":645},[52,5428,5429,5431,5433,5435,5437,5439,5442,5444,5446,5448,5450,5452],{"class":54,"line":1482},[52,5430,12],{"class":61},[52,5432,86],{"class":85},[52,5434,3168],{"class":89},[52,5436,92],{"class":85},[52,5438,517],{"class":516},[52,5440,5441],{"class":520},"logo-current-color.svg",[52,5443,517],{"class":516},[52,5445,104],{"class":85},[52,5447,3196],{"class":937},[52,5449,623],{"class":116},[52,5451,2811],{"class":1660},[52,5453,123],{"class":85},[2693,5455,5456],{},"html pre.shiki code .sED7I, html code.shiki .sED7I{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#A0111F;--shiki-default-font-style:inherit;--shiki-dark:#F97583;--shiki-dark-font-style:inherit}html pre.shiki code .soTeR, html code.shiki .soTeR{--shiki-light:#90A4AE;--shiki-default:#0E1116;--shiki-dark:#E1E4E8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sVsmf, html code.shiki .sVsmf{--shiki-light:#39ADB5;--shiki-default:#0E1116;--shiki-dark:#E1E4E8}html pre.shiki code .sAK04, html code.shiki .sAK04{--shiki-light:#6182B8;--shiki-default:#0E1116;--shiki-dark:#E1E4E8}html pre.shiki code .sWKEy, html code.shiki .sWKEy{--shiki-light:#39ADB5;--shiki-default:#A0111F;--shiki-dark:#F97583}html pre.shiki code .sBTIf, html code.shiki .sBTIf{--shiki-light:#6182B8;--shiki-default:#023B95;--shiki-dark:#79B8FF}html pre.shiki code .sNpir, html code.shiki .sNpir{--shiki-light:#F76D47;--shiki-default:#023B95;--shiki-dark:#79B8FF}html pre.shiki code .sxl37, html code.shiki .sxl37{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#66707B;--shiki-default-font-style:inherit;--shiki-dark:#6A737D;--shiki-dark-font-style:inherit}html pre.shiki code .sqo_7, html code.shiki .sqo_7{--shiki-light:#39ADB5;--shiki-default:#032563;--shiki-dark:#9ECBFF}html pre.shiki code .s_jvP, html code.shiki .s_jvP{--shiki-light:#91B859;--shiki-default:#032563;--shiki-dark:#9ECBFF}html pre.shiki code .sm80-, html code.shiki .sm80-{--shiki-light:#E53935;--shiki-default:#0E1116;--shiki-dark:#E1E4E8}html pre.shiki code .s-tzF, html code.shiki .s-tzF{--shiki-light:#E2931D;--shiki-default:#023B95;--shiki-dark:#79B8FF}html pre.shiki code .sYEV4, html code.shiki .sYEV4{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#702C00;--shiki-default-font-style:inherit;--shiki-dark:#FFAB70;--shiki-dark-font-style:inherit}html pre.shiki code .str-j, html code.shiki .str-j{--shiki-light:#90A4AE;--shiki-light-font-style:inherit;--shiki-default:#6E011A;--shiki-default-font-style:italic;--shiki-dark:#FDAEB7;--shiki-dark-font-style:italic}html pre.shiki code .sTy78, html code.shiki .sTy78{--shiki-light:#39ADB5;--shiki-default:#023B95;--shiki-dark:#79B8FF}html pre.shiki code .sHgB6, html code.shiki .sHgB6{--shiki-light:#E53935;--shiki-default:#023B95;--shiki-dark:#79B8FF}html pre.shiki code .sXSbw, html code.shiki .sXSbw{--shiki-light:#90A4AE;--shiki-default:#023B95;--shiki-dark:#79B8FF}html pre.shiki code .smmm7, html code.shiki .smmm7{--shiki-light:#F76D47;--shiki-default:#A0111F;--shiki-dark:#79B8FF}html pre.shiki code .sfdCM, html code.shiki .sfdCM{--shiki-light:#9C3EDA;--shiki-default:#A0111F;--shiki-dark:#F97583}html pre.shiki code .sPsc1, html code.shiki .sPsc1{--shiki-light:#E53935;--shiki-default:#024C1A;--shiki-dark:#85E89D}html pre.shiki code .sBgX2, html code.shiki .sBgX2{--shiki-light:#9C3EDA;--shiki-default:#023B95;--shiki-dark:#B392F0}html pre.shiki code .sFxCt, html code.shiki .sFxCt{--shiki-light:#39ADB5;--shiki-default:#023B95;--shiki-dark:#B392F0}html pre.shiki code .sZOhe, html code.shiki .sZOhe{--shiki-light:#E2931D;--shiki-default:#023B95;--shiki-dark:#B392F0}html pre.shiki code .sH2B9, html code.shiki .sH2B9{--shiki-light:#8796B0;--shiki-default:#023B95;--shiki-dark:#79B8FF}html pre.shiki code .sp6cl, html code.shiki .sp6cl{--shiki-light:#E2931D;--shiki-default:#702C00;--shiki-dark:#B392F0}html pre.shiki code .sK5CO, html code.shiki .sK5CO{--shiki-light:#91B859;--shiki-default:#023B95;--shiki-dark:#79B8FF}",{"title":48,"searchDepth":178,"depth":178,"links":5458},[5459,5460,5461,5462,5463,5464,5465,5469,5470,5478,5496],{"id":40,"depth":126,"text":41},{"id":71,"depth":126,"text":72},{"id":311,"depth":126,"text":312},{"id":540,"depth":126,"text":541},{"id":748,"depth":126,"text":749},{"id":980,"depth":126,"text":981},{"id":1126,"depth":126,"text":1127,"children":5466},[5467,5468],{"id":1131,"depth":178,"text":1131},{"id":1264,"depth":178,"text":1264},{"id":1384,"depth":126,"text":1385},{"id":1806,"depth":126,"text":1807,"children":5471},[5472,5473,5474,5475,5476,5477],{"id":1810,"depth":178,"text":1810},{"id":2063,"depth":178,"text":2063},{"id":2444,"depth":178,"text":2444},{"id":2693,"depth":178,"text":2693},{"id":3073,"depth":178,"text":3073},{"id":3168,"depth":178,"text":3168},{"id":3283,"depth":126,"text":3284,"children":5479},[5480,5481,5482,5483,5484,5485,5486,5487,5488,5489,5490,5491,5492,5493,5494,5495],{"id":2191,"depth":178,"text":2191},{"id":3451,"depth":178,"text":3451},{"id":3534,"depth":178,"text":3534},{"id":3619,"depth":178,"text":3619},{"id":3688,"depth":178,"text":3688},{"id":3757,"depth":178,"text":3757},{"id":3933,"depth":178,"text":3933},{"id":4103,"depth":178,"text":4103},{"id":4200,"depth":178,"text":4200},{"id":923,"depth":178,"text":923},{"id":4461,"depth":178,"text":4461},{"id":4571,"depth":178,"text":4571},{"id":1678,"depth":178,"text":1678},{"id":2238,"depth":178,"text":2238},{"id":4956,"depth":178,"text":4956},{"id":5068,"depth":178,"text":5068},{"id":5161,"depth":126,"text":5162},"Root SVG document, viewBox dimensions, attributes, output, and loading.","md",{"category":5500},"reference",{"title":5},"\u002Freference\u002Fsvg",{"title":5,"description":5497},"reference\u002Fsvg","vkEM1MNRTMMNQDkItFkEkI7hzxBXha0CY4gDMrQETJ4",1780692544474]