[{"data":1,"prerenderedAt":2879},["ShallowReactive",2],{"docs:\u002Freference\u002Fsvg-element":3},{"id":4,"title":5,"body":6,"description":2870,"extension":2871,"meta":2872,"navigation":2874,"path":2875,"seo":2876,"stem":2877,"__hash__":2878},"docs\u002Freference\u002Fsvg-element.md","SvgElement",{"type":7,"value":8,"toc":2844},"minimark",[9,13,24,52,57,84,88,131,197,201,265,269,272,331,336,438,445,508,515,519,522,611,756,771,883,890,961,965,971,1015,1018,1146,1152,1181,1186,1224,1227,1282,1286,1560,1578,1663,1669,1728,1733,1783,1791,1890,1894,1899,1925,1928,2039,2042,2047,2072,2075,2148,2152,2157,2212,2217,2386,2391,2454,2457,2505,2521,2525,2530,2564,2571,2608,2613,2633,2636,2722,2731,2735,2825,2840],[10,11,5],"h1",{"id":12},"svgelement",[14,15,16,19,20,23],"p",{},[17,18,5],"code",{}," is the base wrapper used by pyDreamplet SVG objects. It owns an\n",[17,21,22],{},"xml.etree.ElementTree.Element",", normalizes Python-friendly attribute names, and\nprovides the shared API for attributes, children, search, copying, and output.",[14,25,26,27,30,31,30,34,37,38,30,41,44,45,48,49,51],{},"Most users meet this API through concrete classes such as ",[17,28,29],{},"SVG",", ",[17,32,33],{},"G",[17,35,36],{},"Rect",",\n",[17,39,40],{},"Circle",[17,42,43],{},"Path",", and ",[17,46,47],{},"Text",". Use ",[17,50,5],{}," directly when pyDreamplet does not\nship a specialized wrapper for an SVG tag.",[53,54,56],"h2",{"id":55},"import","Import",[58,59,64],"pre",{"className":60,"code":61,"language":62,"meta":63,"style":63},"language-python shiki shiki-themes material-theme-lighter github-light-high-contrast github-dark","import pydreamplet as dp\n","python","",[17,65,66],{"__ignoreMap":63},[67,68,71,74,78,81],"span",{"class":69,"line":70},"line",1,[67,72,55],{"class":73},"sED7I",[67,75,77],{"class":76},"soTeR"," pydreamplet ",[67,79,80],{"class":73},"as",[67,82,83],{"class":76}," dp\n",[53,85,87],{"id":86},"signature","Signature",[58,89,91],{"className":60,"code":90,"language":62,"meta":63,"style":63},"dp.SvgElement(tag: str, **kwargs)\n",[17,92,93],{"__ignoreMap":63},[67,94,95,98,102,105,108,111,114,118,121,125,128],{"class":69,"line":70},[67,96,97],{"class":76},"dp",[67,99,101],{"class":100},"sVsmf",".",[67,103,5],{"class":104},"sAK04",[67,106,107],{"class":100},"(",[67,109,110],{"class":104},"tag",[67,112,113],{"class":100},":",[67,115,117],{"class":116},"s-tzF"," str",[67,119,120],{"class":100},",",[67,122,124],{"class":123},"sWKEy"," **",[67,126,127],{"class":104},"kwargs",[67,129,130],{"class":100},")\n",[58,132,134],{"className":60,"code":133,"language":62,"meta":63,"style":63},"filter_node = dp.SvgElement(\"feDropShadow\", dx=0, dy=4, stdDeviation=3)\n",[17,135,136],{"__ignoreMap":63},[67,137,138,141,144,147,149,151,153,157,161,163,165,169,171,175,177,180,182,185,187,190,192,195],{"class":69,"line":70},[67,139,140],{"class":76},"filter_node ",[67,142,143],{"class":123},"=",[67,145,146],{"class":76}," dp",[67,148,101],{"class":100},[67,150,5],{"class":104},[67,152,107],{"class":100},[67,154,156],{"class":155},"sqo_7","\"",[67,158,160],{"class":159},"s_jvP","feDropShadow",[67,162,156],{"class":155},[67,164,120],{"class":100},[67,166,168],{"class":167},"sYEV4"," dx",[67,170,143],{"class":123},[67,172,174],{"class":173},"sNpir","0",[67,176,120],{"class":100},[67,178,179],{"class":167}," dy",[67,181,143],{"class":123},[67,183,184],{"class":173},"4",[67,186,120],{"class":100},[67,188,189],{"class":167}," stdDeviation",[67,191,143],{"class":123},[67,193,194],{"class":173},"3",[67,196,130],{"class":100},[53,198,200],{"id":199},"constructor-parameters","Constructor Parameters",[202,203,204,223],"table",{},[205,206,207],"thead",{},[208,209,210,214,217,220],"tr",{},[211,212,213],"th",{},"Parameter",[211,215,216],{},"Type",[211,218,219],{},"Required",[211,221,222],{},"Description",[224,225,226,244],"tbody",{},[208,227,228,233,238,241],{},[229,230,231],"td",{},[17,232,110],{},[229,234,235],{},[17,236,237],{},"str",[229,239,240],{},"yes",[229,242,243],{},"Local SVG tag name, without the SVG namespace.",[208,245,246,251,256,259],{},[229,247,248],{},[17,249,250],{},"**kwargs",[229,252,253],{},[17,254,255],{},"Any",[229,257,258],{},"no",[229,260,261,262,101],{},"SVG attributes. Names are normalized in the same way as ",[17,263,264],{},"attrs()",[53,266,268],{"id":267},"type-names","Type Names",[14,270,271],{},"The signatures on this page use the same type names as the current source:",[202,273,274,283],{},[205,275,276],{},[208,277,278,280],{},[211,279,216],{},[211,281,282],{},"Meaning",[224,284,285,297,309,321],{},[208,286,287,292],{},[229,288,289],{},[17,290,291],{},"Real",[229,293,294],{},[17,295,296],{},"int | float",[208,298,299,304],{},[229,300,301],{},[17,302,303],{},"AttributeValue",[229,305,306],{},[17,307,308],{},"str | int | float | None",[208,310,311,316],{},[229,312,313],{},[17,314,315],{},"PointLike",[229,317,318],{},[17,319,320],{},"Vector | tuple[Real, Real] | list[Real]",[208,322,323,328],{},[229,324,325],{},[17,326,327],{},"Self",[229,329,330],{},"The concrete element type the method was called on.",[14,332,333,335],{},[17,334,5],{}," creates namespaced SVG elements, so serializing an element includes\nthe root SVG namespace when needed.",[58,337,339],{"className":60,"code":338,"language":62,"meta":63,"style":63},"node = dp.SvgElement(\"rect\", x=10, y=20, width=80, height=40)\n\nprint(str(node))\n# \u003Crect xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" x=\"10\" y=\"20\" width=\"80\" height=\"40\" \u002F>\n",[17,340,341,405,412,431],{"__ignoreMap":63},[67,342,343,346,348,350,352,354,356,358,361,363,365,368,370,373,375,378,380,383,385,388,390,393,395,398,400,403],{"class":69,"line":70},[67,344,345],{"class":76},"node ",[67,347,143],{"class":123},[67,349,146],{"class":76},[67,351,101],{"class":100},[67,353,5],{"class":104},[67,355,107],{"class":100},[67,357,156],{"class":155},[67,359,360],{"class":159},"rect",[67,362,156],{"class":155},[67,364,120],{"class":100},[67,366,367],{"class":167}," x",[67,369,143],{"class":123},[67,371,372],{"class":173},"10",[67,374,120],{"class":100},[67,376,377],{"class":167}," y",[67,379,143],{"class":123},[67,381,382],{"class":173},"20",[67,384,120],{"class":100},[67,386,387],{"class":167}," width",[67,389,143],{"class":123},[67,391,392],{"class":173},"80",[67,394,120],{"class":100},[67,396,397],{"class":167}," height",[67,399,143],{"class":123},[67,401,402],{"class":173},"40",[67,404,130],{"class":100},[67,406,408],{"class":69,"line":407},2,[67,409,411],{"emptyLinePlaceholder":410},true,"\n",[67,413,415,419,421,423,425,428],{"class":69,"line":414},3,[67,416,418],{"class":417},"sBTIf","print",[67,420,107],{"class":100},[67,422,237],{"class":116},[67,424,107],{"class":100},[67,426,427],{"class":104},"node",[67,429,430],{"class":100},"))\n",[67,432,434],{"class":69,"line":433},4,[67,435,437],{"class":436},"sxl37","# \u003Crect xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" x=\"10\" y=\"20\" width=\"80\" height=\"40\" \u002F>\n",[14,439,440,441,444],{},"The ",[17,442,443],{},"pydreamplet.core"," module also exposes namespace constants and helpers used\nby the wrapper layer:",[202,446,447,456],{},[205,448,449],{},[208,450,451,454],{},[211,452,453],{},"Name",[211,455,282],{},[224,457,458,468,478,488,498],{},[208,459,460,465],{},[229,461,462],{},[17,463,464],{},"SVG_NS",[229,466,467],{},"SVG namespace URI.",[208,469,470,475],{},[229,471,472],{},[17,473,474],{},"XML_NS",[229,476,477],{},"XML namespace URI.",[208,479,480,485],{},[229,481,482],{},[17,483,484],{},"XLINK_NS",[229,486,487],{},"XLink namespace URI.",[208,489,490,495],{},[229,491,492],{},[17,493,494],{},"qname(tag)",[229,496,497],{},"Expands an SVG tag name to ElementTree namespace form.",[208,499,500,505],{},[229,501,502],{},[17,503,504],{},"ns_attr(prefix, name)",[229,506,507],{},"Expands an XML or XLink attribute name.",[14,509,510,511,514],{},"These helpers are useful when mixing pyDreamplet wrappers with raw\n",[17,512,513],{},"xml.etree.ElementTree"," elements.",[53,516,518],{"id":517},"attribute-names","Attribute Names",[14,520,521],{},"Keyword and dictionary attribute names use Python identifiers. pyDreamplet maps\ncommon Python names to SVG names:",[202,523,524,534],{},[205,525,526],{},[208,527,528,531],{},[211,529,530],{},"Python name",[211,532,533],{},"SVG attribute",[224,535,536,548,560,572,584,598],{},[208,537,538,543],{},[229,539,540],{},[17,541,542],{},"class_name",[229,544,545],{},[17,546,547],{},"class",[208,549,550,555],{},[229,551,552],{},[17,553,554],{},"stroke_width",[229,556,557],{},[17,558,559],{},"stroke-width",[208,561,562,567],{},[229,563,564],{},[17,565,566],{},"font_size",[229,568,569],{},[17,570,571],{},"font-size",[208,573,574,579],{},[229,575,576],{},[17,577,578],{},"preserve_aspect_ratio",[229,580,581],{},[17,582,583],{},"preserve-aspect-ratio",[208,585,586,591],{},[229,587,588],{},[17,589,590],{},"xml_space",[229,592,593,594,597],{},"XML namespaced ",[17,595,596],{},"space"," attribute",[208,599,600,605],{},[229,601,602],{},[17,603,604],{},"xlink_href",[229,606,607,608,597],{},"XLink namespaced ",[17,609,610],{},"href",[58,612,614],{"className":60,"code":613,"language":62,"meta":63,"style":63},"rect = dp.Rect(\n    x=20,\n    y=20,\n    width=120,\n    height=70,\n    class_name=\"panel\",\n    stroke_width=3,\n)\n\nprint(rect.class_name)    # panel\nprint(rect.stroke_width)  # 3\n",[17,615,616,632,643,654,666,679,696,708,713,718,738],{"__ignoreMap":63},[67,617,618,621,623,625,627,629],{"class":69,"line":70},[67,619,620],{"class":76},"rect ",[67,622,143],{"class":123},[67,624,146],{"class":76},[67,626,101],{"class":100},[67,628,36],{"class":104},[67,630,631],{"class":100},"(\n",[67,633,634,637,639,641],{"class":69,"line":407},[67,635,636],{"class":167},"    x",[67,638,143],{"class":123},[67,640,382],{"class":173},[67,642,37],{"class":100},[67,644,645,648,650,652],{"class":69,"line":414},[67,646,647],{"class":167},"    y",[67,649,143],{"class":123},[67,651,382],{"class":173},[67,653,37],{"class":100},[67,655,656,659,661,664],{"class":69,"line":433},[67,657,658],{"class":167},"    width",[67,660,143],{"class":123},[67,662,663],{"class":173},"120",[67,665,37],{"class":100},[67,667,669,672,674,677],{"class":69,"line":668},5,[67,670,671],{"class":167},"    height",[67,673,143],{"class":123},[67,675,676],{"class":173},"70",[67,678,37],{"class":100},[67,680,682,685,687,689,692,694],{"class":69,"line":681},6,[67,683,684],{"class":167},"    class_name",[67,686,143],{"class":123},[67,688,156],{"class":155},[67,690,691],{"class":159},"panel",[67,693,156],{"class":155},[67,695,37],{"class":100},[67,697,699,702,704,706],{"class":69,"line":698},7,[67,700,701],{"class":167},"    stroke_width",[67,703,143],{"class":123},[67,705,194],{"class":173},[67,707,37],{"class":100},[67,709,711],{"class":69,"line":710},8,[67,712,130],{"class":100},[67,714,716],{"class":69,"line":715},9,[67,717,411],{"emptyLinePlaceholder":410},[67,719,721,723,725,727,729,732,735],{"class":69,"line":720},10,[67,722,418],{"class":417},[67,724,107],{"class":100},[67,726,360],{"class":104},[67,728,101],{"class":100},[67,730,542],{"class":731},"sm80-",[67,733,734],{"class":100},")",[67,736,737],{"class":436},"    # panel\n",[67,739,741,743,745,747,749,751,753],{"class":69,"line":740},11,[67,742,418],{"class":417},[67,744,107],{"class":100},[67,746,360],{"class":104},[67,748,101],{"class":100},[67,750,554],{"class":731},[67,752,734],{"class":100},[67,754,755],{"class":436},"  # 3\n",[14,757,758,759,762,763,766,767,770],{},"Dynamic attribute reads convert simple numeric strings to ",[17,760,761],{},"int"," or ",[17,764,765],{},"float",".\n",[17,768,769],{},"id"," is always returned as a string so leading zeroes are preserved.",[58,772,774],{"className":60,"code":773,"language":62,"meta":63,"style":63},"mark = dp.Circle(id=\"001\", cx=50, cy=50, r=12, opacity=0.75)\n\nprint(mark.id)       # 001\nprint(mark.opacity)  # 0.75\n",[17,775,776,843,847,865],{"__ignoreMap":63},[67,777,778,781,783,785,787,789,791,793,795,797,800,802,804,807,809,812,814,817,819,821,823,826,828,831,833,836,838,841],{"class":69,"line":70},[67,779,780],{"class":76},"mark ",[67,782,143],{"class":123},[67,784,146],{"class":76},[67,786,101],{"class":100},[67,788,40],{"class":104},[67,790,107],{"class":100},[67,792,769],{"class":167},[67,794,143],{"class":123},[67,796,156],{"class":155},[67,798,799],{"class":159},"001",[67,801,156],{"class":155},[67,803,120],{"class":100},[67,805,806],{"class":167}," cx",[67,808,143],{"class":123},[67,810,811],{"class":173},"50",[67,813,120],{"class":100},[67,815,816],{"class":167}," cy",[67,818,143],{"class":123},[67,820,811],{"class":173},[67,822,120],{"class":100},[67,824,825],{"class":167}," r",[67,827,143],{"class":123},[67,829,830],{"class":173},"12",[67,832,120],{"class":100},[67,834,835],{"class":167}," opacity",[67,837,143],{"class":123},[67,839,840],{"class":173},"0.75",[67,842,130],{"class":100},[67,844,845],{"class":69,"line":407},[67,846,411],{"emptyLinePlaceholder":410},[67,848,849,851,853,856,858,860,862],{"class":69,"line":414},[67,850,418],{"class":417},[67,852,107],{"class":100},[67,854,855],{"class":104},"mark",[67,857,101],{"class":100},[67,859,769],{"class":731},[67,861,734],{"class":100},[67,863,864],{"class":436},"       # 001\n",[67,866,867,869,871,873,875,878,880],{"class":69,"line":433},[67,868,418],{"class":417},[67,870,107],{"class":100},[67,872,855],{"class":104},[67,874,101],{"class":100},[67,876,877],{"class":731},"opacity",[67,879,734],{"class":100},[67,881,882],{"class":436},"  # 0.75\n",[14,884,885,886,889],{},"Assigning ",[17,887,888],{},"None"," removes an attribute.",[58,891,893],{"className":60,"code":892,"language":62,"meta":63,"style":63},"mark.fill = \"#14b8a6\"\nmark.fill = None\n\nprint(mark.has_attr(\"fill\"))  # False\n",[17,894,895,916,930,934],{"__ignoreMap":63},[67,896,897,899,901,904,907,910,913],{"class":69,"line":70},[67,898,855],{"class":76},[67,900,101],{"class":100},[67,902,903],{"class":731},"fill",[67,905,906],{"class":123}," =",[67,908,909],{"class":155}," \"",[67,911,912],{"class":159},"#14b8a6",[67,914,915],{"class":155},"\"\n",[67,917,918,920,922,924,926],{"class":69,"line":407},[67,919,855],{"class":76},[67,921,101],{"class":100},[67,923,903],{"class":731},[67,925,906],{"class":123},[67,927,929],{"class":928},"sTy78"," None\n",[67,931,932],{"class":69,"line":414},[67,933,411],{"emptyLinePlaceholder":410},[67,935,936,938,940,942,944,947,949,951,953,955,958],{"class":69,"line":433},[67,937,418],{"class":417},[67,939,107],{"class":100},[67,941,855],{"class":104},[67,943,101],{"class":100},[67,945,946],{"class":104},"has_attr",[67,948,107],{"class":100},[67,950,156],{"class":155},[67,952,903],{"class":159},[67,954,156],{"class":155},[67,956,957],{"class":100},"))",[67,959,960],{"class":436},"  # False\n",[53,962,964],{"id":963},"attribute-methods","Attribute Methods",[966,967,969],"h3",{"id":968},"attrs",[17,970,968],{},[58,972,974],{"className":60,"code":973,"language":62,"meta":63,"style":63},"element.attrs(attributes: dict[str, object]) -> Self\n",[17,975,976],{"__ignoreMap":63},[67,977,978,981,983,985,987,990,992,995,998,1000,1002,1005,1008,1012],{"class":69,"line":70},[67,979,980],{"class":76},"element",[67,982,101],{"class":100},[67,984,968],{"class":104},[67,986,107],{"class":100},[67,988,989],{"class":104},"attributes",[67,991,113],{"class":100},[67,993,994],{"class":104}," dict",[67,996,997],{"class":100},"[",[67,999,237],{"class":116},[67,1001,120],{"class":100},[67,1003,1004],{"class":116}," object",[67,1006,1007],{"class":100},"])",[67,1009,1011],{"class":1010},"str-j"," ->",[67,1013,1014],{"class":76}," Self\n",[14,1016,1017],{},"Sets several attributes and returns the same object for chaining.",[58,1019,1021],{"className":60,"code":1020,"language":62,"meta":63,"style":63},"rect = dp.Rect().attrs({\n    \"x\": 24,\n    \"y\": 32,\n    \"width\": 160,\n    \"height\": 90,\n    \"fill\": \"#14b8a6\",\n    \"stroke_width\": 4,\n})\n",[17,1022,1023,1043,1060,1076,1092,1108,1126,1141],{"__ignoreMap":63},[67,1024,1025,1027,1029,1031,1033,1035,1038,1040],{"class":69,"line":70},[67,1026,620],{"class":76},[67,1028,143],{"class":123},[67,1030,146],{"class":76},[67,1032,101],{"class":100},[67,1034,36],{"class":104},[67,1036,1037],{"class":100},"().",[67,1039,968],{"class":104},[67,1041,1042],{"class":100},"({\n",[67,1044,1045,1048,1051,1053,1055,1058],{"class":69,"line":407},[67,1046,1047],{"class":155},"    \"",[67,1049,1050],{"class":159},"x",[67,1052,156],{"class":155},[67,1054,113],{"class":100},[67,1056,1057],{"class":173}," 24",[67,1059,37],{"class":100},[67,1061,1062,1064,1067,1069,1071,1074],{"class":69,"line":414},[67,1063,1047],{"class":155},[67,1065,1066],{"class":159},"y",[67,1068,156],{"class":155},[67,1070,113],{"class":100},[67,1072,1073],{"class":173}," 32",[67,1075,37],{"class":100},[67,1077,1078,1080,1083,1085,1087,1090],{"class":69,"line":433},[67,1079,1047],{"class":155},[67,1081,1082],{"class":159},"width",[67,1084,156],{"class":155},[67,1086,113],{"class":100},[67,1088,1089],{"class":173}," 160",[67,1091,37],{"class":100},[67,1093,1094,1096,1099,1101,1103,1106],{"class":69,"line":668},[67,1095,1047],{"class":155},[67,1097,1098],{"class":159},"height",[67,1100,156],{"class":155},[67,1102,113],{"class":100},[67,1104,1105],{"class":173}," 90",[67,1107,37],{"class":100},[67,1109,1110,1112,1114,1116,1118,1120,1122,1124],{"class":69,"line":681},[67,1111,1047],{"class":155},[67,1113,903],{"class":159},[67,1115,156],{"class":155},[67,1117,113],{"class":100},[67,1119,909],{"class":155},[67,1121,912],{"class":159},[67,1123,156],{"class":155},[67,1125,37],{"class":100},[67,1127,1128,1130,1132,1134,1136,1139],{"class":69,"line":698},[67,1129,1047],{"class":155},[67,1131,554],{"class":159},[67,1133,156],{"class":155},[67,1135,113],{"class":100},[67,1137,1138],{"class":173}," 4",[67,1140,37],{"class":100},[67,1142,1143],{"class":69,"line":710},[67,1144,1145],{"class":100},"})\n",[14,1147,1148,1149,1151],{},"Values set to ",[17,1150,888],{}," remove the corresponding attribute.",[58,1153,1155],{"className":60,"code":1154,"language":62,"meta":63,"style":63},"rect.attrs({\"stroke_width\": None})\n",[17,1156,1157],{"__ignoreMap":63},[67,1158,1159,1161,1163,1165,1168,1170,1172,1174,1176,1179],{"class":69,"line":70},[67,1160,360],{"class":76},[67,1162,101],{"class":100},[67,1164,968],{"class":104},[67,1166,1167],{"class":100},"({",[67,1169,156],{"class":155},[67,1171,554],{"class":159},[67,1173,156],{"class":155},[67,1175,113],{"class":100},[67,1177,1178],{"class":928}," None",[67,1180,1145],{"class":100},[966,1182,1184],{"id":1183},"set_attr",[17,1185,1183],{},[58,1187,1189],{"className":60,"code":1188,"language":62,"meta":63,"style":63},"element.set_attr(name: str, value: AttributeValue) -> Self\n",[17,1190,1191],{"__ignoreMap":63},[67,1192,1193,1195,1197,1199,1201,1204,1206,1208,1210,1213,1215,1218,1220,1222],{"class":69,"line":70},[67,1194,980],{"class":76},[67,1196,101],{"class":100},[67,1198,1183],{"class":104},[67,1200,107],{"class":100},[67,1202,1203],{"class":104},"name",[67,1205,113],{"class":100},[67,1207,117],{"class":116},[67,1209,120],{"class":100},[67,1211,1212],{"class":104}," value",[67,1214,113],{"class":100},[67,1216,1217],{"class":104}," AttributeValue",[67,1219,734],{"class":100},[67,1221,1011],{"class":1010},[67,1223,1014],{"class":76},[14,1225,1226],{},"Sets or removes one attribute.",[58,1228,1230],{"className":60,"code":1229,"language":62,"meta":63,"style":63},"rect.set_attr(\"data-state\", \"active\")\nrect.set_attr(\"data-state\", None)\n",[17,1231,1232,1260],{"__ignoreMap":63},[67,1233,1234,1236,1238,1240,1242,1244,1247,1249,1251,1253,1256,1258],{"class":69,"line":70},[67,1235,360],{"class":76},[67,1237,101],{"class":100},[67,1239,1183],{"class":104},[67,1241,107],{"class":100},[67,1243,156],{"class":155},[67,1245,1246],{"class":159},"data-state",[67,1248,156],{"class":155},[67,1250,120],{"class":100},[67,1252,909],{"class":155},[67,1254,1255],{"class":159},"active",[67,1257,156],{"class":155},[67,1259,130],{"class":100},[67,1261,1262,1264,1266,1268,1270,1272,1274,1276,1278,1280],{"class":69,"line":407},[67,1263,360],{"class":76},[67,1265,101],{"class":100},[67,1267,1183],{"class":104},[67,1269,107],{"class":100},[67,1271,156],{"class":155},[67,1273,1246],{"class":159},[67,1275,156],{"class":155},[67,1277,120],{"class":100},[67,1279,1178],{"class":928},[67,1281,130],{"class":100},[966,1283,1285],{"id":1284},"convenience-setters","Convenience Setters",[58,1287,1289],{"className":60,"code":1288,"language":62,"meta":63,"style":63},"element.set_id(value: str | None) -> Self\nelement.set_class(value: str | None) -> Self\nelement.set_fill(value: AttributeValue) -> Self\nelement.set_stroke(value: AttributeValue, width: AttributeValue = None, linecap: str | None = None, linejoin: str | None = None) -> Self\nelement.set_style(value: str | Mapping[str, AttributeValue] | None) -> Self\nelement.set_position(x: PointLike | Real, y: Real | None = None) -> Self\nelement.set_size(width: AttributeValue, height: AttributeValue) -> Self\n",[17,1290,1291,1320,1347,1370,1439,1482,1529],{"__ignoreMap":63},[67,1292,1293,1295,1297,1300,1302,1305,1307,1309,1312,1314,1316,1318],{"class":69,"line":70},[67,1294,980],{"class":76},[67,1296,101],{"class":100},[67,1298,1299],{"class":104},"set_id",[67,1301,107],{"class":100},[67,1303,1304],{"class":104},"value",[67,1306,113],{"class":100},[67,1308,117],{"class":116},[67,1310,1311],{"class":123}," |",[67,1313,1178],{"class":928},[67,1315,734],{"class":100},[67,1317,1011],{"class":1010},[67,1319,1014],{"class":76},[67,1321,1322,1324,1326,1329,1331,1333,1335,1337,1339,1341,1343,1345],{"class":69,"line":407},[67,1323,980],{"class":76},[67,1325,101],{"class":100},[67,1327,1328],{"class":104},"set_class",[67,1330,107],{"class":100},[67,1332,1304],{"class":104},[67,1334,113],{"class":100},[67,1336,117],{"class":116},[67,1338,1311],{"class":123},[67,1340,1178],{"class":928},[67,1342,734],{"class":100},[67,1344,1011],{"class":1010},[67,1346,1014],{"class":76},[67,1348,1349,1351,1353,1356,1358,1360,1362,1364,1366,1368],{"class":69,"line":414},[67,1350,980],{"class":76},[67,1352,101],{"class":100},[67,1354,1355],{"class":104},"set_fill",[67,1357,107],{"class":100},[67,1359,1304],{"class":104},[67,1361,113],{"class":100},[67,1363,1217],{"class":104},[67,1365,734],{"class":100},[67,1367,1011],{"class":1010},[67,1369,1014],{"class":76},[67,1371,1372,1374,1376,1379,1381,1383,1385,1387,1389,1391,1393,1395,1397,1399,1401,1404,1406,1408,1410,1412,1414,1416,1418,1421,1423,1425,1427,1429,1431,1433,1435,1437],{"class":69,"line":433},[67,1373,980],{"class":76},[67,1375,101],{"class":100},[67,1377,1378],{"class":104},"set_stroke",[67,1380,107],{"class":100},[67,1382,1304],{"class":104},[67,1384,113],{"class":100},[67,1386,1217],{"class":104},[67,1388,120],{"class":100},[67,1390,387],{"class":104},[67,1392,113],{"class":100},[67,1394,1217],{"class":167},[67,1396,906],{"class":123},[67,1398,1178],{"class":928},[67,1400,120],{"class":100},[67,1402,1403],{"class":104}," linecap",[67,1405,113],{"class":100},[67,1407,117],{"class":116},[67,1409,1311],{"class":123},[67,1411,1178],{"class":167},[67,1413,906],{"class":123},[67,1415,1178],{"class":928},[67,1417,120],{"class":100},[67,1419,1420],{"class":104}," linejoin",[67,1422,113],{"class":100},[67,1424,117],{"class":116},[67,1426,1311],{"class":123},[67,1428,1178],{"class":167},[67,1430,906],{"class":123},[67,1432,1178],{"class":928},[67,1434,734],{"class":100},[67,1436,1011],{"class":1010},[67,1438,1014],{"class":76},[67,1440,1441,1443,1445,1448,1450,1452,1454,1456,1458,1461,1463,1465,1467,1469,1472,1474,1476,1478,1480],{"class":69,"line":668},[67,1442,980],{"class":76},[67,1444,101],{"class":100},[67,1446,1447],{"class":104},"set_style",[67,1449,107],{"class":100},[67,1451,1304],{"class":104},[67,1453,113],{"class":100},[67,1455,117],{"class":116},[67,1457,1311],{"class":123},[67,1459,1460],{"class":104}," Mapping",[67,1462,997],{"class":100},[67,1464,237],{"class":116},[67,1466,120],{"class":100},[67,1468,1217],{"class":104},[67,1470,1471],{"class":100},"]",[67,1473,1311],{"class":123},[67,1475,1178],{"class":928},[67,1477,734],{"class":100},[67,1479,1011],{"class":1010},[67,1481,1014],{"class":76},[67,1483,1484,1486,1488,1491,1493,1495,1497,1500,1503,1506,1508,1510,1512,1515,1517,1519,1521,1523,1525,1527],{"class":69,"line":681},[67,1485,980],{"class":76},[67,1487,101],{"class":100},[67,1489,1490],{"class":104},"set_position",[67,1492,107],{"class":100},[67,1494,1050],{"class":104},[67,1496,113],{"class":100},[67,1498,1499],{"class":104}," PointLike ",[67,1501,1502],{"class":123},"|",[67,1504,1505],{"class":104}," Real",[67,1507,120],{"class":100},[67,1509,377],{"class":104},[67,1511,113],{"class":100},[67,1513,1514],{"class":104}," Real ",[67,1516,1502],{"class":123},[67,1518,1178],{"class":167},[67,1520,906],{"class":123},[67,1522,1178],{"class":928},[67,1524,734],{"class":100},[67,1526,1011],{"class":1010},[67,1528,1014],{"class":76},[67,1530,1531,1533,1535,1538,1540,1542,1544,1546,1548,1550,1552,1554,1556,1558],{"class":69,"line":698},[67,1532,980],{"class":76},[67,1534,101],{"class":100},[67,1536,1537],{"class":104},"set_size",[67,1539,107],{"class":100},[67,1541,1082],{"class":104},[67,1543,113],{"class":100},[67,1545,1217],{"class":104},[67,1547,120],{"class":100},[67,1549,397],{"class":104},[67,1551,113],{"class":100},[67,1553,1217],{"class":104},[67,1555,734],{"class":100},[67,1557,1011],{"class":1010},[67,1559,1014],{"class":76},[14,1561,1562,1565,1566,1569,1570,1573,1574,1569,1576,101],{},[17,1563,1564],{},"set_position()"," writes ",[17,1567,1568],{},"cx"," and ",[17,1571,1572],{},"cy"," for circles and ellipses. For other tags,\nit writes ",[17,1575,1050],{},[17,1577,1066],{},[58,1579,1581],{"className":60,"code":1580,"language":62,"meta":63,"style":63},"circle = dp.Circle(r=18).set_position((40, 50))\nrect = dp.Rect().set_position(20, 30).set_size(120, 80)\n",[17,1582,1583,1623],{"__ignoreMap":63},[67,1584,1585,1588,1590,1592,1594,1596,1598,1601,1603,1606,1609,1611,1614,1616,1618,1621],{"class":69,"line":70},[67,1586,1587],{"class":76},"circle ",[67,1589,143],{"class":123},[67,1591,146],{"class":76},[67,1593,101],{"class":100},[67,1595,40],{"class":104},[67,1597,107],{"class":100},[67,1599,1600],{"class":167},"r",[67,1602,143],{"class":123},[67,1604,1605],{"class":173},"18",[67,1607,1608],{"class":100},").",[67,1610,1490],{"class":104},[67,1612,1613],{"class":100},"((",[67,1615,402],{"class":173},[67,1617,120],{"class":100},[67,1619,1620],{"class":173}," 50",[67,1622,430],{"class":100},[67,1624,1625,1627,1629,1631,1633,1635,1637,1639,1641,1643,1645,1648,1650,1652,1654,1656,1658,1661],{"class":69,"line":407},[67,1626,620],{"class":76},[67,1628,143],{"class":123},[67,1630,146],{"class":76},[67,1632,101],{"class":100},[67,1634,36],{"class":104},[67,1636,1037],{"class":100},[67,1638,1490],{"class":104},[67,1640,107],{"class":100},[67,1642,382],{"class":173},[67,1644,120],{"class":100},[67,1646,1647],{"class":173}," 30",[67,1649,1608],{"class":100},[67,1651,1537],{"class":104},[67,1653,107],{"class":100},[67,1655,663],{"class":173},[67,1657,120],{"class":100},[67,1659,1660],{"class":173}," 80",[67,1662,130],{"class":100},[14,1664,1665,1668],{},[17,1666,1667],{},"set_style()"," accepts either a CSS string or a dictionary. Dictionary keys use\nthe same underscore-to-hyphen convention as SVG attributes.",[58,1670,1672],{"className":60,"code":1671,"language":62,"meta":63,"style":63},"rect.set_style({\n    \"paint_order\": \"stroke\",\n    \"vector_effect\": \"non-scaling-stroke\",\n})\n",[17,1673,1674,1684,1704,1724],{"__ignoreMap":63},[67,1675,1676,1678,1680,1682],{"class":69,"line":70},[67,1677,360],{"class":76},[67,1679,101],{"class":100},[67,1681,1447],{"class":104},[67,1683,1042],{"class":100},[67,1685,1686,1688,1691,1693,1695,1697,1700,1702],{"class":69,"line":407},[67,1687,1047],{"class":155},[67,1689,1690],{"class":159},"paint_order",[67,1692,156],{"class":155},[67,1694,113],{"class":100},[67,1696,909],{"class":155},[67,1698,1699],{"class":159},"stroke",[67,1701,156],{"class":155},[67,1703,37],{"class":100},[67,1705,1706,1708,1711,1713,1715,1717,1720,1722],{"class":69,"line":414},[67,1707,1047],{"class":155},[67,1709,1710],{"class":159},"vector_effect",[67,1712,156],{"class":155},[67,1714,113],{"class":100},[67,1716,909],{"class":155},[67,1718,1719],{"class":159},"non-scaling-stroke",[67,1721,156],{"class":155},[67,1723,37],{"class":100},[67,1725,1726],{"class":69,"line":433},[67,1727,1145],{"class":100},[966,1729,1731],{"id":1730},"normalize_attrs",[17,1732,1730],{},[58,1734,1736],{"className":60,"code":1735,"language":62,"meta":63,"style":63},"dp.SvgElement.normalize_attrs(attrs: dict[str, object]) -> dict[str, object]\n",[17,1737,1738],{"__ignoreMap":63},[67,1739,1740,1742,1744,1746,1748,1750,1752,1754,1756,1758,1760,1762,1764,1766,1768,1770,1772,1774,1776,1778,1780],{"class":69,"line":70},[67,1741,97],{"class":76},[67,1743,101],{"class":100},[67,1745,5],{"class":731},[67,1747,101],{"class":100},[67,1749,1730],{"class":104},[67,1751,107],{"class":100},[67,1753,968],{"class":104},[67,1755,113],{"class":100},[67,1757,994],{"class":104},[67,1759,997],{"class":100},[67,1761,237],{"class":116},[67,1763,120],{"class":100},[67,1765,1004],{"class":116},[67,1767,1007],{"class":100},[67,1769,1011],{"class":1010},[67,1771,994],{"class":76},[67,1773,997],{"class":100},[67,1775,237],{"class":116},[67,1777,120],{"class":100},[67,1779,1004],{"class":116},[67,1781,1782],{"class":100},"]\n",[14,1784,1785,1786,44,1788,101],{},"Returns a new attribute dictionary with Python-friendly names converted to SVG\nattribute names. It is the same normalization used by constructors,\n",[17,1787,264],{},[17,1789,1790],{},"set_attr()",[58,1792,1794],{"className":60,"code":1793,"language":62,"meta":63,"style":63},"attrs = dp.SvgElement.normalize_attrs({\n    \"stroke_width\": 2,\n    \"class_name\": \"mark\",\n    \"xlink_href\": \"#shape\",\n})\n\nprint(attrs)\n# {'stroke-width': 2, 'class': 'mark', '{http:\u002F\u002Fwww.w3.org\u002F1999\u002Fxlink}href': '#shape'}\n",[17,1795,1796,1815,1830,1848,1867,1871,1875,1885],{"__ignoreMap":63},[67,1797,1798,1801,1803,1805,1807,1809,1811,1813],{"class":69,"line":70},[67,1799,1800],{"class":76},"attrs ",[67,1802,143],{"class":123},[67,1804,146],{"class":76},[67,1806,101],{"class":100},[67,1808,5],{"class":731},[67,1810,101],{"class":100},[67,1812,1730],{"class":104},[67,1814,1042],{"class":100},[67,1816,1817,1819,1821,1823,1825,1828],{"class":69,"line":407},[67,1818,1047],{"class":155},[67,1820,554],{"class":159},[67,1822,156],{"class":155},[67,1824,113],{"class":100},[67,1826,1827],{"class":173}," 2",[67,1829,37],{"class":100},[67,1831,1832,1834,1836,1838,1840,1842,1844,1846],{"class":69,"line":414},[67,1833,1047],{"class":155},[67,1835,542],{"class":159},[67,1837,156],{"class":155},[67,1839,113],{"class":100},[67,1841,909],{"class":155},[67,1843,855],{"class":159},[67,1845,156],{"class":155},[67,1847,37],{"class":100},[67,1849,1850,1852,1854,1856,1858,1860,1863,1865],{"class":69,"line":433},[67,1851,1047],{"class":155},[67,1853,604],{"class":159},[67,1855,156],{"class":155},[67,1857,113],{"class":100},[67,1859,909],{"class":155},[67,1861,1862],{"class":159},"#shape",[67,1864,156],{"class":155},[67,1866,37],{"class":100},[67,1868,1869],{"class":69,"line":668},[67,1870,1145],{"class":100},[67,1872,1873],{"class":69,"line":681},[67,1874,411],{"emptyLinePlaceholder":410},[67,1876,1877,1879,1881,1883],{"class":69,"line":698},[67,1878,418],{"class":417},[67,1880,107],{"class":100},[67,1882,968],{"class":104},[67,1884,130],{"class":100},[67,1886,1887],{"class":69,"line":710},[67,1888,1889],{"class":436},"# {'stroke-width': 2, 'class': 'mark', '{http:\u002F\u002Fwww.w3.org\u002F1999\u002Fxlink}href': '#shape'}\n",[53,1891,1893],{"id":1892},"children","Children",[966,1895,1897],{"id":1896},"append",[17,1898,1896],{},[58,1900,1902],{"className":60,"code":1901,"language":62,"meta":63,"style":63},"element.append(*children) -> Self\n",[17,1903,1904],{"__ignoreMap":63},[67,1905,1906,1908,1910,1912,1914,1917,1919,1921,1923],{"class":69,"line":70},[67,1907,980],{"class":76},[67,1909,101],{"class":100},[67,1911,1896],{"class":104},[67,1913,107],{"class":100},[67,1915,1916],{"class":123},"*",[67,1918,1892],{"class":104},[67,1920,734],{"class":100},[67,1922,1011],{"class":1010},[67,1924,1014],{"class":76},[14,1926,1927],{},"Appends one or more children and returns the parent.",[58,1929,1931],{"className":60,"code":1930,"language":62,"meta":63,"style":63},"group = dp.G(id=\"marks\").append(\n    dp.Circle(cx=40, cy=40, r=12),\n    dp.Circle(cx=80, cy=40, r=12),\n)\n",[17,1932,1933,1965,2001,2035],{"__ignoreMap":63},[67,1934,1935,1938,1940,1942,1944,1946,1948,1950,1952,1954,1957,1959,1961,1963],{"class":69,"line":70},[67,1936,1937],{"class":76},"group ",[67,1939,143],{"class":123},[67,1941,146],{"class":76},[67,1943,101],{"class":100},[67,1945,33],{"class":104},[67,1947,107],{"class":100},[67,1949,769],{"class":167},[67,1951,143],{"class":123},[67,1953,156],{"class":155},[67,1955,1956],{"class":159},"marks",[67,1958,156],{"class":155},[67,1960,1608],{"class":100},[67,1962,1896],{"class":104},[67,1964,631],{"class":100},[67,1966,1967,1970,1972,1974,1976,1978,1980,1982,1984,1986,1988,1990,1992,1994,1996,1998],{"class":69,"line":407},[67,1968,1969],{"class":104},"    dp",[67,1971,101],{"class":100},[67,1973,40],{"class":104},[67,1975,107],{"class":100},[67,1977,1568],{"class":167},[67,1979,143],{"class":123},[67,1981,402],{"class":173},[67,1983,120],{"class":100},[67,1985,816],{"class":167},[67,1987,143],{"class":123},[67,1989,402],{"class":173},[67,1991,120],{"class":100},[67,1993,825],{"class":167},[67,1995,143],{"class":123},[67,1997,830],{"class":173},[67,1999,2000],{"class":100},"),\n",[67,2002,2003,2005,2007,2009,2011,2013,2015,2017,2019,2021,2023,2025,2027,2029,2031,2033],{"class":69,"line":414},[67,2004,1969],{"class":104},[67,2006,101],{"class":100},[67,2008,40],{"class":104},[67,2010,107],{"class":100},[67,2012,1568],{"class":167},[67,2014,143],{"class":123},[67,2016,392],{"class":173},[67,2018,120],{"class":100},[67,2020,816],{"class":167},[67,2022,143],{"class":123},[67,2024,402],{"class":173},[67,2026,120],{"class":100},[67,2028,825],{"class":167},[67,2030,143],{"class":123},[67,2032,830],{"class":173},[67,2034,2000],{"class":100},[67,2036,2037],{"class":69,"line":433},[67,2038,130],{"class":100},[14,2040,2041],{},"Children can be pyDreamplet wrappers or raw ElementTree elements.",[966,2043,2045],{"id":2044},"remove",[17,2046,2044],{},[58,2048,2050],{"className":60,"code":2049,"language":62,"meta":63,"style":63},"element.remove(*children) -> Self\n",[17,2051,2052],{"__ignoreMap":63},[67,2053,2054,2056,2058,2060,2062,2064,2066,2068,2070],{"class":69,"line":70},[67,2055,980],{"class":76},[67,2057,101],{"class":100},[67,2059,2044],{"class":104},[67,2061,107],{"class":100},[67,2063,1916],{"class":123},[67,2065,1892],{"class":104},[67,2067,734],{"class":100},[67,2069,1011],{"class":1010},[67,2071,1014],{"class":76},[14,2073,2074],{},"Removes one or more children from the element.",[58,2076,2078],{"className":60,"code":2077,"language":62,"meta":63,"style":63},"circle = dp.Circle(cx=40, cy=40, r=12)\ngroup.append(circle)\ngroup.remove(circle)\n",[17,2079,2080,2118,2134],{"__ignoreMap":63},[67,2081,2082,2084,2086,2088,2090,2092,2094,2096,2098,2100,2102,2104,2106,2108,2110,2112,2114,2116],{"class":69,"line":70},[67,2083,1587],{"class":76},[67,2085,143],{"class":123},[67,2087,146],{"class":76},[67,2089,101],{"class":100},[67,2091,40],{"class":104},[67,2093,107],{"class":100},[67,2095,1568],{"class":167},[67,2097,143],{"class":123},[67,2099,402],{"class":173},[67,2101,120],{"class":100},[67,2103,816],{"class":167},[67,2105,143],{"class":123},[67,2107,402],{"class":173},[67,2109,120],{"class":100},[67,2111,825],{"class":167},[67,2113,143],{"class":123},[67,2115,830],{"class":173},[67,2117,130],{"class":100},[67,2119,2120,2123,2125,2127,2129,2132],{"class":69,"line":407},[67,2121,2122],{"class":76},"group",[67,2124,101],{"class":100},[67,2126,1896],{"class":104},[67,2128,107],{"class":100},[67,2130,2131],{"class":104},"circle",[67,2133,130],{"class":100},[67,2135,2136,2138,2140,2142,2144,2146],{"class":69,"line":414},[67,2137,2122],{"class":76},[67,2139,101],{"class":100},[67,2141,2044],{"class":104},[67,2143,107],{"class":100},[67,2145,2131],{"class":104},[67,2147,130],{"class":100},[53,2149,2151],{"id":2150},"search","Search",[966,2153,2155],{"id":2154},"find",[17,2156,2154],{},[58,2158,2160],{"className":60,"code":2159,"language":62,"meta":63,"style":63},"element.find(tag: str, nested: bool = False, id: str | None = None)\n",[17,2161,2162],{"__ignoreMap":63},[67,2163,2164,2166,2168,2170,2172,2174,2176,2178,2180,2183,2185,2188,2190,2193,2195,2198,2200,2202,2204,2206,2208,2210],{"class":69,"line":70},[67,2165,980],{"class":76},[67,2167,101],{"class":100},[67,2169,2154],{"class":104},[67,2171,107],{"class":100},[67,2173,110],{"class":104},[67,2175,113],{"class":100},[67,2177,117],{"class":116},[67,2179,120],{"class":100},[67,2181,2182],{"class":104}," nested",[67,2184,113],{"class":100},[67,2186,2187],{"class":167}," bool",[67,2189,906],{"class":123},[67,2191,2192],{"class":928}," False",[67,2194,120],{"class":100},[67,2196,2197],{"class":417}," id",[67,2199,113],{"class":100},[67,2201,117],{"class":116},[67,2203,1311],{"class":123},[67,2205,1178],{"class":167},[67,2207,906],{"class":123},[67,2209,1178],{"class":928},[67,2211,130],{"class":100},[14,2213,2214,2215,101],{},"Returns the first matching child, or ",[17,2216,888],{},[58,2218,2220],{"className":60,"code":2219,"language":62,"meta":63,"style":63},"svg = dp.SVG(200, 100)\nsvg.append(dp.G(id=\"marks\").append(dp.Circle(cx=40, cy=40, r=12)))\n\ngroup = svg.find(\"g\", id=\"marks\")\ncircle = svg.find(\"circle\", nested=True)\n",[17,2221,2222,2247,2315,2319,2355],{"__ignoreMap":63},[67,2223,2224,2227,2229,2231,2233,2235,2237,2240,2242,2245],{"class":69,"line":70},[67,2225,2226],{"class":76},"svg ",[67,2228,143],{"class":123},[67,2230,146],{"class":76},[67,2232,101],{"class":100},[67,2234,29],{"class":104},[67,2236,107],{"class":100},[67,2238,2239],{"class":173},"200",[67,2241,120],{"class":100},[67,2243,2244],{"class":173}," 100",[67,2246,130],{"class":100},[67,2248,2249,2252,2254,2256,2258,2260,2262,2264,2266,2268,2270,2272,2274,2276,2278,2280,2282,2284,2286,2288,2290,2292,2294,2296,2298,2300,2302,2304,2306,2308,2310,2312],{"class":69,"line":407},[67,2250,2251],{"class":76},"svg",[67,2253,101],{"class":100},[67,2255,1896],{"class":104},[67,2257,107],{"class":100},[67,2259,97],{"class":104},[67,2261,101],{"class":100},[67,2263,33],{"class":104},[67,2265,107],{"class":100},[67,2267,769],{"class":167},[67,2269,143],{"class":123},[67,2271,156],{"class":155},[67,2273,1956],{"class":159},[67,2275,156],{"class":155},[67,2277,1608],{"class":100},[67,2279,1896],{"class":104},[67,2281,107],{"class":100},[67,2283,97],{"class":104},[67,2285,101],{"class":100},[67,2287,40],{"class":104},[67,2289,107],{"class":100},[67,2291,1568],{"class":167},[67,2293,143],{"class":123},[67,2295,402],{"class":173},[67,2297,120],{"class":100},[67,2299,816],{"class":167},[67,2301,143],{"class":123},[67,2303,402],{"class":173},[67,2305,120],{"class":100},[67,2307,825],{"class":167},[67,2309,143],{"class":123},[67,2311,830],{"class":173},[67,2313,2314],{"class":100},")))\n",[67,2316,2317],{"class":69,"line":414},[67,2318,411],{"emptyLinePlaceholder":410},[67,2320,2321,2323,2325,2328,2330,2332,2334,2336,2339,2341,2343,2345,2347,2349,2351,2353],{"class":69,"line":433},[67,2322,1937],{"class":76},[67,2324,143],{"class":123},[67,2326,2327],{"class":76}," svg",[67,2329,101],{"class":100},[67,2331,2154],{"class":104},[67,2333,107],{"class":100},[67,2335,156],{"class":155},[67,2337,2338],{"class":159},"g",[67,2340,156],{"class":155},[67,2342,120],{"class":100},[67,2344,2197],{"class":167},[67,2346,143],{"class":123},[67,2348,156],{"class":155},[67,2350,1956],{"class":159},[67,2352,156],{"class":155},[67,2354,130],{"class":100},[67,2356,2357,2359,2361,2363,2365,2367,2369,2371,2373,2375,2377,2379,2381,2384],{"class":69,"line":668},[67,2358,1587],{"class":76},[67,2360,143],{"class":123},[67,2362,2327],{"class":76},[67,2364,101],{"class":100},[67,2366,2154],{"class":104},[67,2368,107],{"class":100},[67,2370,156],{"class":155},[67,2372,2131],{"class":159},[67,2374,156],{"class":155},[67,2376,120],{"class":100},[67,2378,2182],{"class":167},[67,2380,143],{"class":123},[67,2382,2383],{"class":928},"True",[67,2385,130],{"class":100},[966,2387,2389],{"id":2388},"find_all",[17,2390,2388],{},[58,2392,2394],{"className":60,"code":2393,"language":62,"meta":63,"style":63},"element.find_all(tag: str, nested: bool = False, class_name: str | None = None) -> list[SvgElement]\n",[17,2395,2396],{"__ignoreMap":63},[67,2397,2398,2400,2402,2404,2406,2408,2410,2412,2414,2416,2418,2420,2422,2424,2426,2429,2431,2433,2435,2437,2439,2441,2443,2445,2448,2450,2452],{"class":69,"line":70},[67,2399,980],{"class":76},[67,2401,101],{"class":100},[67,2403,2388],{"class":104},[67,2405,107],{"class":100},[67,2407,110],{"class":104},[67,2409,113],{"class":100},[67,2411,117],{"class":116},[67,2413,120],{"class":100},[67,2415,2182],{"class":104},[67,2417,113],{"class":100},[67,2419,2187],{"class":167},[67,2421,906],{"class":123},[67,2423,2192],{"class":928},[67,2425,120],{"class":100},[67,2427,2428],{"class":104}," class_name",[67,2430,113],{"class":100},[67,2432,117],{"class":116},[67,2434,1311],{"class":123},[67,2436,1178],{"class":167},[67,2438,906],{"class":123},[67,2440,1178],{"class":928},[67,2442,734],{"class":100},[67,2444,1011],{"class":1010},[67,2446,2447],{"class":76}," list",[67,2449,997],{"class":100},[67,2451,5],{"class":76},[67,2453,1782],{"class":100},[14,2455,2456],{},"Returns every matching child.",[58,2458,2460],{"className":60,"code":2459,"language":62,"meta":63,"style":63},"marks = svg.find_all(\"circle\", nested=True, class_name=\"mark\")\n",[17,2461,2462],{"__ignoreMap":63},[67,2463,2464,2467,2469,2471,2473,2475,2477,2479,2481,2483,2485,2487,2489,2491,2493,2495,2497,2499,2501,2503],{"class":69,"line":70},[67,2465,2466],{"class":76},"marks ",[67,2468,143],{"class":123},[67,2470,2327],{"class":76},[67,2472,101],{"class":100},[67,2474,2388],{"class":104},[67,2476,107],{"class":100},[67,2478,156],{"class":155},[67,2480,2131],{"class":159},[67,2482,156],{"class":155},[67,2484,120],{"class":100},[67,2486,2182],{"class":167},[67,2488,143],{"class":123},[67,2490,2383],{"class":928},[67,2492,120],{"class":100},[67,2494,2428],{"class":167},[67,2496,143],{"class":123},[67,2498,156],{"class":155},[67,2500,855],{"class":159},[67,2502,156],{"class":155},[67,2504,130],{"class":100},[14,2506,2507,2508,2511,2512,2514,2515,2511,2518,2520],{},"Known tags are wrapped in their specialized pyDreamplet classes, so searching\nfor ",[17,2509,2510],{},"\"rect\""," returns ",[17,2513,36],{}," objects, searching for ",[17,2516,2517],{},"\"g\"",[17,2519,33],{}," objects,\nand so on. Returned wrappers are live views over the existing tree.",[53,2522,2524],{"id":2523},"output","Output",[966,2526,2528],{"id":2527},"to_string",[17,2529,2527],{},[58,2531,2533],{"className":60,"code":2532,"language":62,"meta":63,"style":63},"element.to_string(pretty_print: bool = True) -> str\n",[17,2534,2535],{"__ignoreMap":63},[67,2536,2537,2539,2541,2543,2545,2548,2550,2552,2554,2557,2559,2561],{"class":69,"line":70},[67,2538,980],{"class":76},[67,2540,101],{"class":100},[67,2542,2527],{"class":104},[67,2544,107],{"class":100},[67,2546,2547],{"class":104},"pretty_print",[67,2549,113],{"class":100},[67,2551,2187],{"class":167},[67,2553,906],{"class":123},[67,2555,2556],{"class":928}," True",[67,2558,734],{"class":100},[67,2560,1011],{"class":1010},[67,2562,2563],{"class":116}," str\n",[14,2565,2566,2567,2570],{},"Serializes the element. ",[17,2568,2569],{},"str(element)"," uses compact output.",[58,2572,2574],{"className":60,"code":2573,"language":62,"meta":63,"style":63},"pretty = group.to_string()\ncompact = str(group)\n",[17,2575,2576,2593],{"__ignoreMap":63},[67,2577,2578,2581,2583,2586,2588,2590],{"class":69,"line":70},[67,2579,2580],{"class":76},"pretty ",[67,2582,143],{"class":123},[67,2584,2585],{"class":76}," group",[67,2587,101],{"class":100},[67,2589,2527],{"class":104},[67,2591,2592],{"class":100},"()\n",[67,2594,2595,2598,2600,2602,2604,2606],{"class":69,"line":407},[67,2596,2597],{"class":76},"compact ",[67,2599,143],{"class":123},[67,2601,117],{"class":116},[67,2603,107],{"class":100},[67,2605,2122],{"class":104},[67,2607,130],{"class":100},[966,2609,2611],{"id":2610},"copy",[17,2612,2610],{},[58,2614,2616],{"className":60,"code":2615,"language":62,"meta":63,"style":63},"element.copy() -> Self\n",[17,2617,2618],{"__ignoreMap":63},[67,2619,2620,2622,2624,2626,2629,2631],{"class":69,"line":70},[67,2621,980],{"class":76},[67,2623,101],{"class":100},[67,2625,2610],{"class":104},[67,2627,2628],{"class":100},"()",[67,2630,1011],{"class":1010},[67,2632,1014],{"class":76},[14,2634,2635],{},"Creates a deep copy of the wrapper and its XML subtree.",[58,2637,2639],{"className":60,"code":2638,"language":62,"meta":63,"style":63},"original = dp.Rect(x=10, y=10, width=80, height=40)\nvariant = original.copy()\nvariant.fill = \"#f83898\"\n",[17,2640,2641,2688,2704],{"__ignoreMap":63},[67,2642,2643,2646,2648,2650,2652,2654,2656,2658,2660,2662,2664,2666,2668,2670,2672,2674,2676,2678,2680,2682,2684,2686],{"class":69,"line":70},[67,2644,2645],{"class":76},"original ",[67,2647,143],{"class":123},[67,2649,146],{"class":76},[67,2651,101],{"class":100},[67,2653,36],{"class":104},[67,2655,107],{"class":100},[67,2657,1050],{"class":167},[67,2659,143],{"class":123},[67,2661,372],{"class":173},[67,2663,120],{"class":100},[67,2665,377],{"class":167},[67,2667,143],{"class":123},[67,2669,372],{"class":173},[67,2671,120],{"class":100},[67,2673,387],{"class":167},[67,2675,143],{"class":123},[67,2677,392],{"class":173},[67,2679,120],{"class":100},[67,2681,397],{"class":167},[67,2683,143],{"class":123},[67,2685,402],{"class":173},[67,2687,130],{"class":100},[67,2689,2690,2693,2695,2698,2700,2702],{"class":69,"line":407},[67,2691,2692],{"class":76},"variant ",[67,2694,143],{"class":123},[67,2696,2697],{"class":76}," original",[67,2699,101],{"class":100},[67,2701,2610],{"class":104},[67,2703,2592],{"class":100},[67,2705,2706,2709,2711,2713,2715,2717,2720],{"class":69,"line":414},[67,2707,2708],{"class":76},"variant",[67,2710,101],{"class":100},[67,2712,903],{"class":731},[67,2714,906],{"class":123},[67,2716,909],{"class":155},[67,2718,2719],{"class":159},"#f83898",[67,2721,915],{"class":155},[14,2723,2724,2725,2727,2728,101],{},"Mutating ",[17,2726,2708],{}," does not change ",[17,2729,2730],{},"original",[53,2732,2734],{"id":2733},"extending-the-registry","Extending The Registry",[58,2736,2738],{"className":60,"code":2737,"language":62,"meta":63,"style":63},"dp.SvgElement.register(tag: str, subclass: type[SvgElement]) -> None\ndp.SvgElement.from_element(element: xml.etree.ElementTree.Element) -> SvgElement\n",[17,2739,2740,2781],{"__ignoreMap":63},[67,2741,2742,2744,2746,2748,2750,2753,2755,2757,2759,2761,2763,2766,2768,2771,2773,2775,2777,2779],{"class":69,"line":70},[67,2743,97],{"class":76},[67,2745,101],{"class":100},[67,2747,5],{"class":731},[67,2749,101],{"class":100},[67,2751,2752],{"class":104},"register",[67,2754,107],{"class":100},[67,2756,110],{"class":104},[67,2758,113],{"class":100},[67,2760,117],{"class":116},[67,2762,120],{"class":100},[67,2764,2765],{"class":104}," subclass",[67,2767,113],{"class":100},[67,2769,2770],{"class":104}," type",[67,2772,997],{"class":100},[67,2774,5],{"class":104},[67,2776,1007],{"class":100},[67,2778,1011],{"class":1010},[67,2780,929],{"class":928},[67,2782,2783,2785,2787,2789,2791,2794,2796,2798,2800,2803,2805,2808,2810,2813,2815,2818,2820,2822],{"class":69,"line":407},[67,2784,97],{"class":76},[67,2786,101],{"class":100},[67,2788,5],{"class":731},[67,2790,101],{"class":100},[67,2792,2793],{"class":104},"from_element",[67,2795,107],{"class":100},[67,2797,980],{"class":104},[67,2799,113],{"class":100},[67,2801,2802],{"class":104}," xml",[67,2804,101],{"class":100},[67,2806,2807],{"class":731},"etree",[67,2809,101],{"class":100},[67,2811,2812],{"class":731},"ElementTree",[67,2814,101],{"class":100},[67,2816,2817],{"class":731},"Element",[67,2819,734],{"class":100},[67,2821,1011],{"class":1010},[67,2823,2824],{"class":76}," SvgElement\n",[14,2826,2827,2828,2831,2832,2835,2836,2839],{},"pyDreamplet registers its built-in SVG classes at import time. You only need\n",[17,2829,2830],{},"register()"," when you create your own wrapper class and want ",[17,2833,2834],{},"find()"," or\n",[17,2837,2838],{},"find_all()"," to return that class for a custom tag.",[2841,2842,2843],"style",{},"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 .s-tzF, html code.shiki .s-tzF{--shiki-light:#E2931D;--shiki-default:#023B95;--shiki-dark:#79B8FF}html pre.shiki code .sWKEy, html code.shiki .sWKEy{--shiki-light:#39ADB5;--shiki-default:#A0111F;--shiki-dark:#F97583}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 .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 .sNpir, html code.shiki .sNpir{--shiki-light:#F76D47;--shiki-default:#023B95;--shiki-dark:#79B8FF}html pre.shiki code .sBTIf, html code.shiki .sBTIf{--shiki-light:#6182B8;--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 .sm80-, html code.shiki .sm80-{--shiki-light:#E53935;--shiki-default:#0E1116;--shiki-dark:#E1E4E8}html pre.shiki code .sTy78, html code.shiki .sTy78{--shiki-light:#39ADB5;--shiki-default:#023B95;--shiki-dark:#79B8FF}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}",{"title":63,"searchDepth":414,"depth":414,"links":2845},[2846,2847,2848,2849,2850,2851,2857,2861,2865,2869],{"id":55,"depth":407,"text":56},{"id":86,"depth":407,"text":87},{"id":199,"depth":407,"text":200},{"id":267,"depth":407,"text":268},{"id":517,"depth":407,"text":518},{"id":963,"depth":407,"text":964,"children":2852},[2853,2854,2855,2856],{"id":968,"depth":414,"text":968},{"id":1183,"depth":414,"text":1183},{"id":1284,"depth":414,"text":1285},{"id":1730,"depth":414,"text":1730},{"id":1892,"depth":407,"text":1893,"children":2858},[2859,2860],{"id":1896,"depth":414,"text":1896},{"id":2044,"depth":414,"text":2044},{"id":2150,"depth":407,"text":2151,"children":2862},[2863,2864],{"id":2154,"depth":414,"text":2154},{"id":2388,"depth":414,"text":2388},{"id":2523,"depth":407,"text":2524,"children":2866},[2867,2868],{"id":2527,"depth":414,"text":2527},{"id":2610,"depth":414,"text":2610},{"id":2733,"depth":407,"text":2734},"Shared SVG element wrapper, dynamic attributes, tree operations, search, copying, and serialization.","md",{"category":2873},"reference",{"title":5},"\u002Freference\u002Fsvg-element",{"title":5,"description":2870},"reference\u002Fsvg-element","59CQjnOctqtWarAxflKgpVOgbxf6QjBHvY2DeAt-lxo",1780692544474]