[{"data":1,"prerenderedAt":2547},["ShallowReactive",2],{"docs:\u002Freference\u002Ftext":3},{"id":4,"title":5,"body":6,"description":2538,"extension":2539,"meta":2540,"navigation":2542,"path":2543,"seo":2544,"stem":2545,"__hash__":2546},"docs\u002Freference\u002Ftext.md","Text",{"type":7,"value":8,"toc":2525},"minimark",[9,13,33,54,59,86,90,134,137,290,296,409,419,579,583,649,654,662,770,779,830,833,839,918,925,1023,1043,1059,1216,1221,1224,1227,1237,1367,1373,1436,1453,1456,1546,1554,1633,1934,1938,1946,2017,2033,2045,2146,2150,2214,2361,2365,2371,2507,2521],[10,11,5],"h1",{"id":12},"text",[14,15,16,17,20,21,24,25,28,29,32],"p",{},"pyDreamplet provides ",[18,19,5],"code",{}," for SVG ",[18,22,23],{},"\u003Ctext>"," elements and ",[18,26,27],{},"TextOnPath"," for text\ninside a nested ",[18,30,31],{},"\u003CtextPath>",".",[14,34,35,36,39,40,43,44,43,47,50,51,32],{},"Both classes inherit the shared ",[18,37,38],{},"SvgElement"," attribute API, so SVG attributes\nuse Python-friendly names such as ",[18,41,42],{},"font_size",", ",[18,45,46],{},"font_weight",[18,48,49],{},"text_anchor",", and\n",[18,52,53],{},"alignment_baseline",[55,56,58],"h2",{"id":57},"import","Import",[60,61,66],"pre",{"className":62,"code":63,"language":64,"meta":65,"style":65},"language-python shiki shiki-themes material-theme-lighter github-light-high-contrast github-dark","import pydreamplet as dp\n","python","",[18,67,68],{"__ignoreMap":65},[69,70,73,76,80,83],"span",{"class":71,"line":72},"line",1,[69,74,57],{"class":75},"sED7I",[69,77,79],{"class":78},"soTeR"," pydreamplet ",[69,81,82],{"class":75},"as",[69,84,85],{"class":78}," dp\n",[55,87,89],{"id":88},"type-names","Type Names",[91,92,93,106],"table",{},[94,95,96],"thead",{},[97,98,99,103],"tr",{},[100,101,102],"th",{},"Type",[100,104,105],{},"Meaning",[107,108,109,122],"tbody",{},[97,110,111,117],{},[112,113,114],"td",{},[18,115,116],{},"Real",[112,118,119],{},[18,120,121],{},"int | float",[97,123,124,129],{},[112,125,126],{},[18,127,128],{},"PointLike",[112,130,131],{},[18,132,133],{},"Vector | tuple[Real, Real] | list[Real]",[55,135,5],{"id":136},"text-1",[60,138,140],{"className":62,"code":139,"language":64,"meta":65,"style":65},"dp.Text(\n    initial_text: str = \"\",\n    *,\n    pos: PointLike | None = None,\n    x: Real | None = None,\n    y: Real | None = None,\n    v_space: Real | None = None,\n    **kwargs,\n)\n",[18,141,142,156,180,188,212,233,253,273,284],{"__ignoreMap":65},[69,143,144,147,150,153],{"class":71,"line":72},[69,145,146],{"class":78},"dp",[69,148,32],{"class":149},"sVsmf",[69,151,5],{"class":152},"sAK04",[69,154,155],{"class":149},"(\n",[69,157,159,162,165,169,173,177],{"class":71,"line":158},2,[69,160,161],{"class":152},"    initial_text",[69,163,164],{"class":149},":",[69,166,168],{"class":167},"sYEV4"," str",[69,170,172],{"class":171},"sWKEy"," =",[69,174,176],{"class":175},"sqo_7"," \"\"",[69,178,179],{"class":149},",\n",[69,181,183,186],{"class":71,"line":182},3,[69,184,185],{"class":171},"    *",[69,187,179],{"class":149},[69,189,191,194,196,199,202,205,207,210],{"class":71,"line":190},4,[69,192,193],{"class":152},"    pos",[69,195,164],{"class":149},[69,197,198],{"class":152}," PointLike ",[69,200,201],{"class":171},"|",[69,203,204],{"class":167}," None",[69,206,172],{"class":171},[69,208,204],{"class":209},"sTy78",[69,211,179],{"class":149},[69,213,215,218,220,223,225,227,229,231],{"class":71,"line":214},5,[69,216,217],{"class":152},"    x",[69,219,164],{"class":149},[69,221,222],{"class":152}," Real ",[69,224,201],{"class":171},[69,226,204],{"class":167},[69,228,172],{"class":171},[69,230,204],{"class":209},[69,232,179],{"class":149},[69,234,236,239,241,243,245,247,249,251],{"class":71,"line":235},6,[69,237,238],{"class":152},"    y",[69,240,164],{"class":149},[69,242,222],{"class":152},[69,244,201],{"class":171},[69,246,204],{"class":167},[69,248,172],{"class":171},[69,250,204],{"class":209},[69,252,179],{"class":149},[69,254,256,259,261,263,265,267,269,271],{"class":71,"line":255},7,[69,257,258],{"class":152},"    v_space",[69,260,164],{"class":149},[69,262,222],{"class":152},[69,264,201],{"class":171},[69,266,204],{"class":167},[69,268,172],{"class":171},[69,270,204],{"class":209},[69,272,179],{"class":149},[69,274,276,279,282],{"class":71,"line":275},8,[69,277,278],{"class":171},"    **",[69,280,281],{"class":152},"kwargs",[69,283,179],{"class":149},[69,285,287],{"class":71,"line":286},9,[69,288,289],{"class":149},")\n",[14,291,292,293,295],{},"Creates an SVG ",[18,294,23],{}," element.",[91,297,298,310],{},[94,299,300],{},[97,301,302,305,307],{},[100,303,304],{},"Parameter",[100,306,102],{},[100,308,309],{},"Description",[107,311,312,327,349,366,380,394],{},[97,313,314,319,324],{},[112,315,316],{},[18,317,318],{},"initial_text",[112,320,321],{},[18,322,323],{},"str",[112,325,326],{},"Initial text content.",[97,328,329,334,339],{},[112,330,331],{},[18,332,333],{},"pos",[112,335,336],{},[18,337,338],{},"PointLike | None",[112,340,341,342,345,346,32],{},"Convenience position. Writes ",[18,343,344],{},"x"," and ",[18,347,348],{},"y",[97,350,351,355,360],{},[112,352,353],{},[18,354,344],{},[112,356,357],{},[18,358,359],{},"Real | None",[112,361,362,363,365],{},"SVG ",[18,364,344],{}," attribute.",[97,367,368,372,376],{},[112,369,370],{},[18,371,348],{},[112,373,374],{},[18,375,359],{},[112,377,362,378,365],{},[18,379,348],{},[97,381,382,387,391],{},[112,383,384],{},[18,385,386],{},"v_space",[112,388,389],{},[18,390,359],{},[112,392,393],{},"Line spacing used when content contains newlines.",[97,395,396,401,406],{},[112,397,398],{},[18,399,400],{},"**kwargs",[112,402,403],{},[18,404,405],{},"Any",[112,407,408],{},"Additional SVG attributes.",[14,410,411,413,414,345,416,418],{},[18,412,333],{}," is applied after ",[18,415,344],{},[18,417,348],{},", so it wins if both are provided.",[60,420,422],{"className":62,"code":421,"language":64,"meta":65,"style":65},"text = dp.Text(\n    \"Hello\",\n    pos=(10, 20),\n    font_size=12,\n    font_weight=700,\n    text_anchor=\"middle\",\n)\n\nprint(text.pos)\n# Vector(x=10.0, y=20.0)\n\nprint(str(text))\n# \u003Ctext xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" font-size=\"12\" font-weight=\"700\" text-anchor=\"middle\" x=\"10.0\" y=\"20.0\">Hello\u003C\u002Ftext>\n",[18,423,424,441,455,477,489,501,517,521,527,544,551,556,573],{"__ignoreMap":65},[69,425,426,429,432,435,437,439],{"class":71,"line":72},[69,427,428],{"class":78},"text ",[69,430,431],{"class":171},"=",[69,433,434],{"class":78}," dp",[69,436,32],{"class":149},[69,438,5],{"class":152},[69,440,155],{"class":149},[69,442,443,446,450,453],{"class":71,"line":158},[69,444,445],{"class":175},"    \"",[69,447,449],{"class":448},"s_jvP","Hello",[69,451,452],{"class":175},"\"",[69,454,179],{"class":149},[69,456,457,459,461,464,468,471,474],{"class":71,"line":182},[69,458,193],{"class":167},[69,460,431],{"class":171},[69,462,463],{"class":149},"(",[69,465,467],{"class":466},"sNpir","10",[69,469,470],{"class":149},",",[69,472,473],{"class":466}," 20",[69,475,476],{"class":149},"),\n",[69,478,479,482,484,487],{"class":71,"line":190},[69,480,481],{"class":167},"    font_size",[69,483,431],{"class":171},[69,485,486],{"class":466},"12",[69,488,179],{"class":149},[69,490,491,494,496,499],{"class":71,"line":214},[69,492,493],{"class":167},"    font_weight",[69,495,431],{"class":171},[69,497,498],{"class":466},"700",[69,500,179],{"class":149},[69,502,503,506,508,510,513,515],{"class":71,"line":235},[69,504,505],{"class":167},"    text_anchor",[69,507,431],{"class":171},[69,509,452],{"class":175},[69,511,512],{"class":448},"middle",[69,514,452],{"class":175},[69,516,179],{"class":149},[69,518,519],{"class":71,"line":255},[69,520,289],{"class":149},[69,522,523],{"class":71,"line":275},[69,524,526],{"emptyLinePlaceholder":525},true,"\n",[69,528,529,533,535,537,539,542],{"class":71,"line":286},[69,530,532],{"class":531},"sBTIf","print",[69,534,463],{"class":149},[69,536,12],{"class":152},[69,538,32],{"class":149},[69,540,333],{"class":541},"sm80-",[69,543,289],{"class":149},[69,545,547],{"class":71,"line":546},10,[69,548,550],{"class":549},"sxl37","# Vector(x=10.0, y=20.0)\n",[69,552,554],{"class":71,"line":553},11,[69,555,526],{"emptyLinePlaceholder":525},[69,557,559,561,563,566,568,570],{"class":71,"line":558},12,[69,560,532],{"class":531},[69,562,463],{"class":149},[69,564,323],{"class":565},"s-tzF",[69,567,463],{"class":149},[69,569,12],{"class":152},[69,571,572],{"class":149},"))\n",[69,574,576],{"class":71,"line":575},13,[69,577,578],{"class":549},"# \u003Ctext xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" font-size=\"12\" font-weight=\"700\" text-anchor=\"middle\" x=\"10.0\" y=\"20.0\">Hello\u003C\u002Ftext>\n",[55,580,582],{"id":581},"properties","Properties",[91,584,585,596],{},[94,586,587],{},[97,588,589,592,594],{},[100,590,591],{},"Property",[100,593,102],{},[100,595,309],{},[107,597,598,617,631],{},[97,599,600,604,609],{},[112,601,602],{},[18,603,333],{},[112,605,606],{},[18,607,608],{},"Vector",[112,610,611,612,345,614,616],{},"Reads and writes the ",[18,613,344],{},[18,615,348],{}," attributes.",[97,618,619,624,628],{},[112,620,621],{},[18,622,623],{},"content",[112,625,626],{},[18,627,323],{},[112,629,630],{},"Reads and writes text content.",[97,632,633,637,642],{},[112,634,635],{},[18,636,42],{},[112,638,639],{},[18,640,641],{},"str | int | float",[112,643,644,645,648],{},"Getter returns the numeric part as ",[18,646,647],{},"float","; setter writes the SVG attribute.",[650,651,653],"h3",{"id":652},"position","Position",[14,655,656,658,659,661],{},[18,657,333],{}," accepts a ",[18,660,608],{},", tuple, or list when setting.",[60,663,665],{"className":62,"code":664,"language":64,"meta":65,"style":65},"text = dp.Text(\"label\")\ntext.pos = [30, 40]\n\nprint(text.x)    # 30.0\nprint(text.y)    # 40.0\nprint(text.pos)  # Vector(x=30.0, y=40.0)\n",[18,666,667,690,714,718,736,753],{"__ignoreMap":65},[69,668,669,671,673,675,677,679,681,683,686,688],{"class":71,"line":72},[69,670,428],{"class":78},[69,672,431],{"class":171},[69,674,434],{"class":78},[69,676,32],{"class":149},[69,678,5],{"class":152},[69,680,463],{"class":149},[69,682,452],{"class":175},[69,684,685],{"class":448},"label",[69,687,452],{"class":175},[69,689,289],{"class":149},[69,691,692,694,696,698,700,703,706,708,711],{"class":71,"line":158},[69,693,12],{"class":78},[69,695,32],{"class":149},[69,697,333],{"class":541},[69,699,172],{"class":171},[69,701,702],{"class":149}," [",[69,704,705],{"class":466},"30",[69,707,470],{"class":149},[69,709,710],{"class":466}," 40",[69,712,713],{"class":149},"]\n",[69,715,716],{"class":71,"line":182},[69,717,526],{"emptyLinePlaceholder":525},[69,719,720,722,724,726,728,730,733],{"class":71,"line":190},[69,721,532],{"class":531},[69,723,463],{"class":149},[69,725,12],{"class":152},[69,727,32],{"class":149},[69,729,344],{"class":541},[69,731,732],{"class":149},")",[69,734,735],{"class":549},"    # 30.0\n",[69,737,738,740,742,744,746,748,750],{"class":71,"line":214},[69,739,532],{"class":531},[69,741,463],{"class":149},[69,743,12],{"class":152},[69,745,32],{"class":149},[69,747,348],{"class":541},[69,749,732],{"class":149},[69,751,752],{"class":549},"    # 40.0\n",[69,754,755,757,759,761,763,765,767],{"class":71,"line":235},[69,756,532],{"class":531},[69,758,463],{"class":149},[69,760,12],{"class":152},[69,762,32],{"class":149},[69,764,333],{"class":541},[69,766,732],{"class":149},[69,768,769],{"class":549},"  # Vector(x=30.0, y=40.0)\n",[14,771,772,773,775,776,32],{},"Reading ",[18,774,333],{}," defaults missing coordinates to ",[18,777,778],{},"0",[60,780,782],{"className":62,"code":781,"language":64,"meta":65,"style":65},"text = dp.Text(\"origin\")\n\nprint(text.pos)\n# Vector(x=0.0, y=0.0)\n",[18,783,784,807,811,825],{"__ignoreMap":65},[69,785,786,788,790,792,794,796,798,800,803,805],{"class":71,"line":72},[69,787,428],{"class":78},[69,789,431],{"class":171},[69,791,434],{"class":78},[69,793,32],{"class":149},[69,795,5],{"class":152},[69,797,463],{"class":149},[69,799,452],{"class":175},[69,801,802],{"class":448},"origin",[69,804,452],{"class":175},[69,806,289],{"class":149},[69,808,809],{"class":71,"line":158},[69,810,526],{"emptyLinePlaceholder":525},[69,812,813,815,817,819,821,823],{"class":71,"line":182},[69,814,532],{"class":531},[69,816,463],{"class":149},[69,818,12],{"class":152},[69,820,32],{"class":149},[69,822,333],{"class":541},[69,824,289],{"class":149},[69,826,827],{"class":71,"line":190},[69,828,829],{"class":549},"# Vector(x=0.0, y=0.0)\n",[650,831,832],{"id":623},"Content",[14,834,835,836,838],{},"For single-line content, pyDreamplet stores the string directly on the ",[18,837,23],{},"\nelement.",[60,840,842],{"className":62,"code":841,"language":64,"meta":65,"style":65},"text = dp.Text(\"Hello, World!\", x=10, y=10, font_size=18)\n\nprint(text.content)\n# Hello, World!\n",[18,843,844,895,899,913],{"__ignoreMap":65},[69,845,846,848,850,852,854,856,858,860,863,865,867,870,872,874,876,879,881,883,885,888,890,893],{"class":71,"line":72},[69,847,428],{"class":78},[69,849,431],{"class":171},[69,851,434],{"class":78},[69,853,32],{"class":149},[69,855,5],{"class":152},[69,857,463],{"class":149},[69,859,452],{"class":175},[69,861,862],{"class":448},"Hello, World!",[69,864,452],{"class":175},[69,866,470],{"class":149},[69,868,869],{"class":167}," x",[69,871,431],{"class":171},[69,873,467],{"class":466},[69,875,470],{"class":149},[69,877,878],{"class":167}," y",[69,880,431],{"class":171},[69,882,467],{"class":466},[69,884,470],{"class":149},[69,886,887],{"class":167}," font_size",[69,889,431],{"class":171},[69,891,892],{"class":466},"18",[69,894,289],{"class":149},[69,896,897],{"class":71,"line":158},[69,898,526],{"emptyLinePlaceholder":525},[69,900,901,903,905,907,909,911],{"class":71,"line":182},[69,902,532],{"class":531},[69,904,463],{"class":149},[69,906,12],{"class":152},[69,908,32],{"class":149},[69,910,623],{"class":541},[69,912,289],{"class":149},[69,914,915],{"class":71,"line":190},[69,916,917],{"class":549},"# Hello, World!\n",[14,919,920,921,924],{},"When assigned content contains newline characters, pyDreamplet replaces existing\nchild elements with ",[18,922,923],{},"\u003Ctspan>"," children.",[60,926,928],{"className":62,"code":927,"language":64,"meta":65,"style":65},"text = dp.Text(\"\", x=10, y=10, font_size=20)\ntext.content = \"Hello,\\nWorld!\"\n\nprint(str(text))\n# \u003Ctext xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" font-size=\"20\" x=\"10\" y=\"10\">\u003Ctspan x=\"10\" y=\"10\">Hello,\u003C\u002Ftspan>\u003Ctspan x=\"10\" dy=\"20.0\">World!\u003C\u002Ftspan>\u003C\u002Ftext>\n",[18,929,930,974,1000,1004,1018],{"__ignoreMap":65},[69,931,932,934,936,938,940,942,944,947,949,951,953,955,957,959,961,963,965,967,969,972],{"class":71,"line":72},[69,933,428],{"class":78},[69,935,431],{"class":171},[69,937,434],{"class":78},[69,939,32],{"class":149},[69,941,5],{"class":152},[69,943,463],{"class":149},[69,945,946],{"class":175},"\"\"",[69,948,470],{"class":149},[69,950,869],{"class":167},[69,952,431],{"class":171},[69,954,467],{"class":466},[69,956,470],{"class":149},[69,958,878],{"class":167},[69,960,431],{"class":171},[69,962,467],{"class":466},[69,964,470],{"class":149},[69,966,887],{"class":167},[69,968,431],{"class":171},[69,970,971],{"class":466},"20",[69,973,289],{"class":149},[69,975,976,978,980,982,984,987,990,994,997],{"class":71,"line":158},[69,977,12],{"class":78},[69,979,32],{"class":149},[69,981,623],{"class":541},[69,983,172],{"class":171},[69,985,986],{"class":175}," \"",[69,988,989],{"class":448},"Hello,",[69,991,993],{"class":992},"sRXN5","\\n",[69,995,996],{"class":448},"World!",[69,998,999],{"class":175},"\"\n",[69,1001,1002],{"class":71,"line":182},[69,1003,526],{"emptyLinePlaceholder":525},[69,1005,1006,1008,1010,1012,1014,1016],{"class":71,"line":190},[69,1007,532],{"class":531},[69,1009,463],{"class":149},[69,1011,323],{"class":565},[69,1013,463],{"class":149},[69,1015,12],{"class":152},[69,1017,572],{"class":149},[69,1019,1020],{"class":71,"line":214},[69,1021,1022],{"class":549},"# \u003Ctext xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" font-size=\"20\" x=\"10\" y=\"10\">\u003Ctspan x=\"10\" y=\"10\">Hello,\u003C\u002Ftspan>\u003Ctspan x=\"10\" dy=\"20.0\">World!\u003C\u002Ftspan>\u003C\u002Ftext>\n",[14,1024,1025,1026,1028,1029,345,1031,1033,1034,1028,1036,1038,1039,1042],{},"The first ",[18,1027,923],{}," receives the parent ",[18,1030,344],{},[18,1032,348],{}," attributes when present. Each\nfollowing ",[18,1035,923],{},[18,1037,344],{}," and a ",[18,1040,1041],{},"dy"," value.",[14,1044,1045,1046,1048,1049,1051,1052,1055,1056,32],{},"If ",[18,1047,386],{}," is set, it is used as ",[18,1050,1041],{},". Otherwise pyDreamplet uses the numeric\nvalue of ",[18,1053,1054],{},"font-size","; if that cannot be parsed, it falls back to ",[18,1057,1058],{},"16",[60,1060,1062],{"className":62,"code":1061,"language":64,"meta":65,"style":65},"svg = dp.SVG(320, 160)\n\ntext = dp.Text(\n    \"Hello,\\nWorld!\",\n    x=34,\n    y=58,\n    font_size=32,\n    v_space=40,\n    fill=\"currentColor\",\n    font_weight=700,\n)\n\nsvg.append(text)\n",[18,1063,1064,1090,1094,1108,1122,1133,1144,1155,1166,1182,1192,1196,1200],{"__ignoreMap":65},[69,1065,1066,1069,1071,1073,1075,1078,1080,1083,1085,1088],{"class":71,"line":72},[69,1067,1068],{"class":78},"svg ",[69,1070,431],{"class":171},[69,1072,434],{"class":78},[69,1074,32],{"class":149},[69,1076,1077],{"class":152},"SVG",[69,1079,463],{"class":149},[69,1081,1082],{"class":466},"320",[69,1084,470],{"class":149},[69,1086,1087],{"class":466}," 160",[69,1089,289],{"class":149},[69,1091,1092],{"class":71,"line":158},[69,1093,526],{"emptyLinePlaceholder":525},[69,1095,1096,1098,1100,1102,1104,1106],{"class":71,"line":182},[69,1097,428],{"class":78},[69,1099,431],{"class":171},[69,1101,434],{"class":78},[69,1103,32],{"class":149},[69,1105,5],{"class":152},[69,1107,155],{"class":149},[69,1109,1110,1112,1114,1116,1118,1120],{"class":71,"line":190},[69,1111,445],{"class":175},[69,1113,989],{"class":448},[69,1115,993],{"class":992},[69,1117,996],{"class":448},[69,1119,452],{"class":175},[69,1121,179],{"class":149},[69,1123,1124,1126,1128,1131],{"class":71,"line":214},[69,1125,217],{"class":167},[69,1127,431],{"class":171},[69,1129,1130],{"class":466},"34",[69,1132,179],{"class":149},[69,1134,1135,1137,1139,1142],{"class":71,"line":235},[69,1136,238],{"class":167},[69,1138,431],{"class":171},[69,1140,1141],{"class":466},"58",[69,1143,179],{"class":149},[69,1145,1146,1148,1150,1153],{"class":71,"line":255},[69,1147,481],{"class":167},[69,1149,431],{"class":171},[69,1151,1152],{"class":466},"32",[69,1154,179],{"class":149},[69,1156,1157,1159,1161,1164],{"class":71,"line":275},[69,1158,258],{"class":167},[69,1160,431],{"class":171},[69,1162,1163],{"class":466},"40",[69,1165,179],{"class":149},[69,1167,1168,1171,1173,1175,1178,1180],{"class":71,"line":286},[69,1169,1170],{"class":167},"    fill",[69,1172,431],{"class":171},[69,1174,452],{"class":175},[69,1176,1177],{"class":448},"currentColor",[69,1179,452],{"class":175},[69,1181,179],{"class":149},[69,1183,1184,1186,1188,1190],{"class":71,"line":546},[69,1185,493],{"class":167},[69,1187,431],{"class":171},[69,1189,498],{"class":466},[69,1191,179],{"class":149},[69,1193,1194],{"class":71,"line":553},[69,1195,289],{"class":149},[69,1197,1198],{"class":71,"line":558},[69,1199,526],{"emptyLinePlaceholder":525},[69,1201,1202,1205,1207,1210,1212,1214],{"class":71,"line":575},[69,1203,1204],{"class":78},"svg",[69,1206,32],{"class":149},[69,1208,1209],{"class":152},"append",[69,1211,463],{"class":149},[69,1213,12],{"class":152},[69,1215,289],{"class":149},[1217,1218],"svg-preview",{"alt":1219,"src":1220},"Multiline SVG text split into two tspan lines","\u002Fshowcase\u002Fref_text_multiline.svg",[14,1222,1223],{},"Assigning new content removes any existing child elements before writing the new\ncontent.",[650,1225,1226],{"id":1054},"Font Size",[14,1228,1229,1230,1232,1233,1236],{},"The ",[18,1231,42],{}," setter appends ",[18,1234,1235],{},"px"," only when the value does not contain any\nletter.",[60,1238,1240],{"className":62,"code":1239,"language":64,"meta":65,"style":65},"text = dp.Text(\"Label\")\n\ntext.font_size = \"12\"\nprint(text.element.get(\"font-size\"))  # 12px\n\ntext.font_size = \"10.5pt\"\nprint(text.element.get(\"font-size\"))  # 10.5pt\n",[18,1241,1242,1265,1269,1285,1317,1321,1338],{"__ignoreMap":65},[69,1243,1244,1246,1248,1250,1252,1254,1256,1258,1261,1263],{"class":71,"line":72},[69,1245,428],{"class":78},[69,1247,431],{"class":171},[69,1249,434],{"class":78},[69,1251,32],{"class":149},[69,1253,5],{"class":152},[69,1255,463],{"class":149},[69,1257,452],{"class":175},[69,1259,1260],{"class":448},"Label",[69,1262,452],{"class":175},[69,1264,289],{"class":149},[69,1266,1267],{"class":71,"line":158},[69,1268,526],{"emptyLinePlaceholder":525},[69,1270,1271,1273,1275,1277,1279,1281,1283],{"class":71,"line":182},[69,1272,12],{"class":78},[69,1274,32],{"class":149},[69,1276,42],{"class":541},[69,1278,172],{"class":171},[69,1280,986],{"class":175},[69,1282,486],{"class":448},[69,1284,999],{"class":175},[69,1286,1287,1289,1291,1293,1295,1298,1300,1303,1305,1307,1309,1311,1314],{"class":71,"line":190},[69,1288,532],{"class":531},[69,1290,463],{"class":149},[69,1292,12],{"class":152},[69,1294,32],{"class":149},[69,1296,1297],{"class":541},"element",[69,1299,32],{"class":149},[69,1301,1302],{"class":152},"get",[69,1304,463],{"class":149},[69,1306,452],{"class":175},[69,1308,1054],{"class":448},[69,1310,452],{"class":175},[69,1312,1313],{"class":149},"))",[69,1315,1316],{"class":549},"  # 12px\n",[69,1318,1319],{"class":71,"line":214},[69,1320,526],{"emptyLinePlaceholder":525},[69,1322,1323,1325,1327,1329,1331,1333,1336],{"class":71,"line":235},[69,1324,12],{"class":78},[69,1326,32],{"class":149},[69,1328,42],{"class":541},[69,1330,172],{"class":171},[69,1332,986],{"class":175},[69,1334,1335],{"class":448},"10.5pt",[69,1337,999],{"class":175},[69,1339,1340,1342,1344,1346,1348,1350,1352,1354,1356,1358,1360,1362,1364],{"class":71,"line":255},[69,1341,532],{"class":531},[69,1343,463],{"class":149},[69,1345,12],{"class":152},[69,1347,32],{"class":149},[69,1349,1297],{"class":541},[69,1351,32],{"class":149},[69,1353,1302],{"class":152},[69,1355,463],{"class":149},[69,1357,452],{"class":175},[69,1359,1054],{"class":448},[69,1361,452],{"class":175},[69,1363,1313],{"class":149},[69,1365,1366],{"class":549},"  # 10.5pt\n",[14,1368,1369,1370,32],{},"The getter extracts the leading numeric part and returns it as a float. If the\nattribute is missing or does not start with a number, it returns ",[18,1371,1372],{},"16.0",[60,1374,1376],{"className":62,"code":1375,"language":64,"meta":65,"style":65},"text = dp.Text(\"Label\", font_size=\"18px\")\n\nprint(text.font_size)\n# 18.0\n",[18,1377,1378,1413,1417,1431],{"__ignoreMap":65},[69,1379,1380,1382,1384,1386,1388,1390,1392,1394,1396,1398,1400,1402,1404,1406,1409,1411],{"class":71,"line":72},[69,1381,428],{"class":78},[69,1383,431],{"class":171},[69,1385,434],{"class":78},[69,1387,32],{"class":149},[69,1389,5],{"class":152},[69,1391,463],{"class":149},[69,1393,452],{"class":175},[69,1395,1260],{"class":448},[69,1397,452],{"class":175},[69,1399,470],{"class":149},[69,1401,887],{"class":167},[69,1403,431],{"class":171},[69,1405,452],{"class":175},[69,1407,1408],{"class":448},"18px",[69,1410,452],{"class":175},[69,1412,289],{"class":149},[69,1414,1415],{"class":71,"line":158},[69,1416,526],{"emptyLinePlaceholder":525},[69,1418,1419,1421,1423,1425,1427,1429],{"class":71,"line":182},[69,1420,532],{"class":531},[69,1422,463],{"class":149},[69,1424,12],{"class":152},[69,1426,32],{"class":149},[69,1428,42],{"class":541},[69,1430,289],{"class":149},[69,1432,1433],{"class":71,"line":190},[69,1434,1435],{"class":549},"# 18.0\n",[14,1437,1438,1439,1442,1443,1446,1447,1449,1450,1452],{},"Constructor attributes are handled by the shared dynamic attribute API. Passing\n",[18,1440,1441],{},"font_size=12"," to the constructor writes ",[18,1444,1445],{},"font-size=\"12\""," directly; the ",[18,1448,1235],{},"\ndefaulting behavior only happens when assigning through the ",[18,1451,42],{},"\nproperty.",[55,1454,27],{"id":1455},"textonpath",[60,1457,1459],{"className":62,"code":1458,"language":64,"meta":65,"style":65},"dp.TextOnPath(\n    initial_text: str = \"\",\n    path_id: str = \"\",\n    text_path_args: dict[str, object] | None = None,\n    **kwargs,\n)\n",[18,1460,1461,1471,1485,1500,1534,1542],{"__ignoreMap":65},[69,1462,1463,1465,1467,1469],{"class":71,"line":72},[69,1464,146],{"class":78},[69,1466,32],{"class":149},[69,1468,27],{"class":152},[69,1470,155],{"class":149},[69,1472,1473,1475,1477,1479,1481,1483],{"class":71,"line":158},[69,1474,161],{"class":152},[69,1476,164],{"class":149},[69,1478,168],{"class":167},[69,1480,172],{"class":171},[69,1482,176],{"class":175},[69,1484,179],{"class":149},[69,1486,1487,1490,1492,1494,1496,1498],{"class":71,"line":182},[69,1488,1489],{"class":152},"    path_id",[69,1491,164],{"class":149},[69,1493,168],{"class":167},[69,1495,172],{"class":171},[69,1497,176],{"class":175},[69,1499,179],{"class":149},[69,1501,1502,1505,1507,1510,1513,1515,1517,1520,1523,1526,1528,1530,1532],{"class":71,"line":190},[69,1503,1504],{"class":152},"    text_path_args",[69,1506,164],{"class":149},[69,1508,1509],{"class":152}," dict",[69,1511,1512],{"class":149},"[",[69,1514,323],{"class":565},[69,1516,470],{"class":149},[69,1518,1519],{"class":565}," object",[69,1521,1522],{"class":149},"]",[69,1524,1525],{"class":171}," |",[69,1527,204],{"class":167},[69,1529,172],{"class":171},[69,1531,204],{"class":209},[69,1533,179],{"class":149},[69,1535,1536,1538,1540],{"class":71,"line":214},[69,1537,278],{"class":171},[69,1539,281],{"class":152},[69,1541,179],{"class":149},[69,1543,1544],{"class":71,"line":235},[69,1545,289],{"class":149},[14,1547,1548,1549,1551,1552,32],{},"Creates a ",[18,1550,23],{}," element with a nested ",[18,1553,31],{},[91,1555,1556,1566],{},[94,1557,1558],{},[97,1559,1560,1562,1564],{},[100,1561,304],{},[100,1563,102],{},[100,1565,309],{},[107,1567,1568,1583,1601,1618],{},[97,1569,1570,1574,1578],{},[112,1571,1572],{},[18,1573,318],{},[112,1575,1576],{},[18,1577,323],{},[112,1579,1580,1581,32],{},"Initial text content inside ",[18,1582,31],{},[97,1584,1585,1590,1594],{},[112,1586,1587],{},[18,1588,1589],{},"path_id",[112,1591,1592],{},[18,1593,323],{},[112,1595,1596,1597,1600],{},"Referenced path id. ",[18,1598,1599],{},"#"," is added when omitted.",[97,1602,1603,1608,1613],{},[112,1604,1605],{},[18,1606,1607],{},"text_path_args",[112,1609,1610],{},[18,1611,1612],{},"dict[str, object] | None",[112,1614,1615,1616,32],{},"Attributes applied to the nested ",[18,1617,31],{},[97,1619,1620,1624,1628],{},[112,1621,1622],{},[18,1623,400],{},[112,1625,1626],{},[18,1627,405],{},[112,1629,1630,1631,295],{},"Attributes applied to the outer ",[18,1632,23],{},[60,1634,1636],{"className":62,"code":1635,"language":64,"meta":65,"style":65},"svg = dp.SVG(360, 180)\n\npath = dp.Path(\n    id=\"curve\",\n    d=\"M40 120 C95 30 265 30 320 120\",\n    fill=\"none\",\n    stroke=\"currentColor\",\n    stroke_width=3,\n)\n\nlabel = dp.TextOnPath(\n    \"Text follows the curve\",\n    path_id=\"curve\",\n    text_path_args={\n        \"startOffset\": \"50%\",\n        \"text_anchor\": \"middle\",\n    },\n    fill=\"currentColor\",\n    font_size=24,\n    font_weight=700,\n)\n\nsvg.append(path).append(label)\n",[18,1637,1638,1662,1666,1682,1698,1714,1729,1744,1756,1760,1764,1779,1790,1804,1814,1836,1855,1861,1876,1888,1899,1904,1909],{"__ignoreMap":65},[69,1639,1640,1642,1644,1646,1648,1650,1652,1655,1657,1660],{"class":71,"line":72},[69,1641,1068],{"class":78},[69,1643,431],{"class":171},[69,1645,434],{"class":78},[69,1647,32],{"class":149},[69,1649,1077],{"class":152},[69,1651,463],{"class":149},[69,1653,1654],{"class":466},"360",[69,1656,470],{"class":149},[69,1658,1659],{"class":466}," 180",[69,1661,289],{"class":149},[69,1663,1664],{"class":71,"line":158},[69,1665,526],{"emptyLinePlaceholder":525},[69,1667,1668,1671,1673,1675,1677,1680],{"class":71,"line":182},[69,1669,1670],{"class":78},"path ",[69,1672,431],{"class":171},[69,1674,434],{"class":78},[69,1676,32],{"class":149},[69,1678,1679],{"class":152},"Path",[69,1681,155],{"class":149},[69,1683,1684,1687,1689,1691,1694,1696],{"class":71,"line":190},[69,1685,1686],{"class":167},"    id",[69,1688,431],{"class":171},[69,1690,452],{"class":175},[69,1692,1693],{"class":448},"curve",[69,1695,452],{"class":175},[69,1697,179],{"class":149},[69,1699,1700,1703,1705,1707,1710,1712],{"class":71,"line":214},[69,1701,1702],{"class":167},"    d",[69,1704,431],{"class":171},[69,1706,452],{"class":175},[69,1708,1709],{"class":448},"M40 120 C95 30 265 30 320 120",[69,1711,452],{"class":175},[69,1713,179],{"class":149},[69,1715,1716,1718,1720,1722,1725,1727],{"class":71,"line":235},[69,1717,1170],{"class":167},[69,1719,431],{"class":171},[69,1721,452],{"class":175},[69,1723,1724],{"class":448},"none",[69,1726,452],{"class":175},[69,1728,179],{"class":149},[69,1730,1731,1734,1736,1738,1740,1742],{"class":71,"line":255},[69,1732,1733],{"class":167},"    stroke",[69,1735,431],{"class":171},[69,1737,452],{"class":175},[69,1739,1177],{"class":448},[69,1741,452],{"class":175},[69,1743,179],{"class":149},[69,1745,1746,1749,1751,1754],{"class":71,"line":275},[69,1747,1748],{"class":167},"    stroke_width",[69,1750,431],{"class":171},[69,1752,1753],{"class":466},"3",[69,1755,179],{"class":149},[69,1757,1758],{"class":71,"line":286},[69,1759,289],{"class":149},[69,1761,1762],{"class":71,"line":546},[69,1763,526],{"emptyLinePlaceholder":525},[69,1765,1766,1769,1771,1773,1775,1777],{"class":71,"line":553},[69,1767,1768],{"class":78},"label ",[69,1770,431],{"class":171},[69,1772,434],{"class":78},[69,1774,32],{"class":149},[69,1776,27],{"class":152},[69,1778,155],{"class":149},[69,1780,1781,1783,1786,1788],{"class":71,"line":558},[69,1782,445],{"class":175},[69,1784,1785],{"class":448},"Text follows the curve",[69,1787,452],{"class":175},[69,1789,179],{"class":149},[69,1791,1792,1794,1796,1798,1800,1802],{"class":71,"line":575},[69,1793,1489],{"class":167},[69,1795,431],{"class":171},[69,1797,452],{"class":175},[69,1799,1693],{"class":448},[69,1801,452],{"class":175},[69,1803,179],{"class":149},[69,1805,1807,1809,1811],{"class":71,"line":1806},14,[69,1808,1504],{"class":167},[69,1810,431],{"class":171},[69,1812,1813],{"class":149},"{\n",[69,1815,1817,1820,1823,1825,1827,1829,1832,1834],{"class":71,"line":1816},15,[69,1818,1819],{"class":175},"        \"",[69,1821,1822],{"class":448},"startOffset",[69,1824,452],{"class":175},[69,1826,164],{"class":149},[69,1828,986],{"class":175},[69,1830,1831],{"class":448},"50%",[69,1833,452],{"class":175},[69,1835,179],{"class":149},[69,1837,1839,1841,1843,1845,1847,1849,1851,1853],{"class":71,"line":1838},16,[69,1840,1819],{"class":175},[69,1842,49],{"class":448},[69,1844,452],{"class":175},[69,1846,164],{"class":149},[69,1848,986],{"class":175},[69,1850,512],{"class":448},[69,1852,452],{"class":175},[69,1854,179],{"class":149},[69,1856,1858],{"class":71,"line":1857},17,[69,1859,1860],{"class":149},"    },\n",[69,1862,1864,1866,1868,1870,1872,1874],{"class":71,"line":1863},18,[69,1865,1170],{"class":167},[69,1867,431],{"class":171},[69,1869,452],{"class":175},[69,1871,1177],{"class":448},[69,1873,452],{"class":175},[69,1875,179],{"class":149},[69,1877,1879,1881,1883,1886],{"class":71,"line":1878},19,[69,1880,481],{"class":167},[69,1882,431],{"class":171},[69,1884,1885],{"class":466},"24",[69,1887,179],{"class":149},[69,1889,1891,1893,1895,1897],{"class":71,"line":1890},20,[69,1892,493],{"class":167},[69,1894,431],{"class":171},[69,1896,498],{"class":466},[69,1898,179],{"class":149},[69,1900,1902],{"class":71,"line":1901},21,[69,1903,289],{"class":149},[69,1905,1907],{"class":71,"line":1906},22,[69,1908,526],{"emptyLinePlaceholder":525},[69,1910,1912,1914,1916,1918,1920,1923,1926,1928,1930,1932],{"class":71,"line":1911},23,[69,1913,1204],{"class":78},[69,1915,32],{"class":149},[69,1917,1209],{"class":152},[69,1919,463],{"class":149},[69,1921,1922],{"class":152},"path",[69,1924,1925],{"class":149},").",[69,1927,1209],{"class":152},[69,1929,463],{"class":149},[69,1931,685],{"class":152},[69,1933,289],{"class":149},[1217,1935],{"alt":1936,"src":1937},"Text rendered along a curved SVG path","\u002Fshowcase\u002Fref_text_on_path.svg",[14,1939,1045,1940,1942,1943,1945],{},[18,1941,1589],{}," already starts with ",[18,1944,1599],{},", it is used unchanged.",[60,1947,1949],{"className":62,"code":1948,"language":64,"meta":65,"style":65},"label = dp.TextOnPath(\"around\", path_id=\"#curve\")\n\nprint(label.text_path.href)\n# #curve\n",[18,1950,1951,1988,1992,2012],{"__ignoreMap":65},[69,1952,1953,1955,1957,1959,1961,1963,1965,1967,1970,1972,1974,1977,1979,1981,1984,1986],{"class":71,"line":72},[69,1954,1768],{"class":78},[69,1956,431],{"class":171},[69,1958,434],{"class":78},[69,1960,32],{"class":149},[69,1962,27],{"class":152},[69,1964,463],{"class":149},[69,1966,452],{"class":175},[69,1968,1969],{"class":448},"around",[69,1971,452],{"class":175},[69,1973,470],{"class":149},[69,1975,1976],{"class":167}," path_id",[69,1978,431],{"class":171},[69,1980,452],{"class":175},[69,1982,1983],{"class":448},"#curve",[69,1985,452],{"class":175},[69,1987,289],{"class":149},[69,1989,1990],{"class":71,"line":158},[69,1991,526],{"emptyLinePlaceholder":525},[69,1993,1994,1996,1998,2000,2002,2005,2007,2010],{"class":71,"line":182},[69,1995,532],{"class":531},[69,1997,463],{"class":149},[69,1999,685],{"class":152},[69,2001,32],{"class":149},[69,2003,2004],{"class":541},"text_path",[69,2006,32],{"class":149},[69,2008,2009],{"class":541},"href",[69,2011,289],{"class":149},[69,2013,2014],{"class":71,"line":190},[69,2015,2016],{"class":549},"# #curve\n",[14,2018,2019,2021,2022,2024,2025,2027,2028,2030,2031,32],{},[18,2020,1607],{}," can set or override any nested textPath attribute. When\n",[18,2023,1589],{}," is provided, its generated ",[18,2026,2009],{}," is only used if ",[18,2029,1607],{}," does\nnot already contain ",[18,2032,2009],{},[14,2034,2035,2036,2038,2039,2041,2042,32],{},"Use exact SVG attribute casing for attributes that require it, such as\n",[18,2037,1822],{},". Python-friendly underscore names are still normalized, so\n",[18,2040,49],{}," becomes ",[18,2043,2044],{},"text-anchor",[60,2046,2048],{"className":62,"code":2047,"language":64,"meta":65,"style":65},"label = dp.TextOnPath(\n    \"around\",\n    path_id=\"curve\",\n    text_path_args={\"href\": \"#other-curve\"},\n)\n\nprint(label.text_path.href)\n# #other-curve\n",[18,2049,2050,2064,2074,2088,2115,2119,2123,2141],{"__ignoreMap":65},[69,2051,2052,2054,2056,2058,2060,2062],{"class":71,"line":72},[69,2053,1768],{"class":78},[69,2055,431],{"class":171},[69,2057,434],{"class":78},[69,2059,32],{"class":149},[69,2061,27],{"class":152},[69,2063,155],{"class":149},[69,2065,2066,2068,2070,2072],{"class":71,"line":158},[69,2067,445],{"class":175},[69,2069,1969],{"class":448},[69,2071,452],{"class":175},[69,2073,179],{"class":149},[69,2075,2076,2078,2080,2082,2084,2086],{"class":71,"line":182},[69,2077,1489],{"class":167},[69,2079,431],{"class":171},[69,2081,452],{"class":175},[69,2083,1693],{"class":448},[69,2085,452],{"class":175},[69,2087,179],{"class":149},[69,2089,2090,2092,2094,2097,2099,2101,2103,2105,2107,2110,2112],{"class":71,"line":190},[69,2091,1504],{"class":167},[69,2093,431],{"class":171},[69,2095,2096],{"class":149},"{",[69,2098,452],{"class":175},[69,2100,2009],{"class":448},[69,2102,452],{"class":175},[69,2104,164],{"class":149},[69,2106,986],{"class":175},[69,2108,2109],{"class":448},"#other-curve",[69,2111,452],{"class":175},[69,2113,2114],{"class":149},"},\n",[69,2116,2117],{"class":71,"line":214},[69,2118,289],{"class":149},[69,2120,2121],{"class":71,"line":235},[69,2122,526],{"emptyLinePlaceholder":525},[69,2124,2125,2127,2129,2131,2133,2135,2137,2139],{"class":71,"line":255},[69,2126,532],{"class":531},[69,2128,463],{"class":149},[69,2130,685],{"class":152},[69,2132,32],{"class":149},[69,2134,2004],{"class":541},[69,2136,32],{"class":149},[69,2138,2009],{"class":541},[69,2140,289],{"class":149},[69,2142,2143],{"class":71,"line":275},[69,2144,2145],{"class":549},"# #other-curve\n",[55,2147,2149],{"id":2148},"textonpath-properties","TextOnPath Properties",[91,2151,2152,2162],{},[94,2153,2154],{},[97,2155,2156,2158,2160],{},[100,2157,591],{},[100,2159,102],{},[100,2161,309],{},[107,2163,2164,2179,2195],{},[97,2165,2166,2170,2174],{},[112,2167,2168],{},[18,2169,2004],{},[112,2171,2172],{},[18,2173,38],{},[112,2175,2176,2177,295],{},"Wrapper around the nested ",[18,2178,31],{},[97,2180,2181,2185,2189],{},[112,2182,2183],{},[18,2184,623],{},[112,2186,2187],{},[18,2188,323],{},[112,2190,2191,2192,2194],{},"Reads and writes nested ",[18,2193,31],{}," text.",[97,2196,2197,2201,2205],{},[112,2198,2199],{},[18,2200,42],{},[112,2202,2203],{},[18,2204,641],{},[112,2206,2207,2208,2211,2212,32],{},"Same behavior as ",[18,2209,2210],{},"Text.font_size",", applied to the outer ",[18,2213,23],{},[60,2215,2217],{"className":62,"code":2216,"language":64,"meta":65,"style":65},"label = dp.TextOnPath(\"old\", path_id=\"curve\")\nlabel.content = \"new\"\n\nprint(label.content)\n# new\n\nlabel.font_size = \"15em\"\nprint(label.element.get(\"font-size\"))  # 15em\nprint(label.font_size)                 # 15.0\n",[18,2218,2219,2254,2271,2275,2289,2294,2298,2315,2344],{"__ignoreMap":65},[69,2220,2221,2223,2225,2227,2229,2231,2233,2235,2238,2240,2242,2244,2246,2248,2250,2252],{"class":71,"line":72},[69,2222,1768],{"class":78},[69,2224,431],{"class":171},[69,2226,434],{"class":78},[69,2228,32],{"class":149},[69,2230,27],{"class":152},[69,2232,463],{"class":149},[69,2234,452],{"class":175},[69,2236,2237],{"class":448},"old",[69,2239,452],{"class":175},[69,2241,470],{"class":149},[69,2243,1976],{"class":167},[69,2245,431],{"class":171},[69,2247,452],{"class":175},[69,2249,1693],{"class":448},[69,2251,452],{"class":175},[69,2253,289],{"class":149},[69,2255,2256,2258,2260,2262,2264,2266,2269],{"class":71,"line":158},[69,2257,685],{"class":78},[69,2259,32],{"class":149},[69,2261,623],{"class":541},[69,2263,172],{"class":171},[69,2265,986],{"class":175},[69,2267,2268],{"class":448},"new",[69,2270,999],{"class":175},[69,2272,2273],{"class":71,"line":182},[69,2274,526],{"emptyLinePlaceholder":525},[69,2276,2277,2279,2281,2283,2285,2287],{"class":71,"line":190},[69,2278,532],{"class":531},[69,2280,463],{"class":149},[69,2282,685],{"class":152},[69,2284,32],{"class":149},[69,2286,623],{"class":541},[69,2288,289],{"class":149},[69,2290,2291],{"class":71,"line":214},[69,2292,2293],{"class":549},"# new\n",[69,2295,2296],{"class":71,"line":235},[69,2297,526],{"emptyLinePlaceholder":525},[69,2299,2300,2302,2304,2306,2308,2310,2313],{"class":71,"line":255},[69,2301,685],{"class":78},[69,2303,32],{"class":149},[69,2305,42],{"class":541},[69,2307,172],{"class":171},[69,2309,986],{"class":175},[69,2311,2312],{"class":448},"15em",[69,2314,999],{"class":175},[69,2316,2317,2319,2321,2323,2325,2327,2329,2331,2333,2335,2337,2339,2341],{"class":71,"line":275},[69,2318,532],{"class":531},[69,2320,463],{"class":149},[69,2322,685],{"class":152},[69,2324,32],{"class":149},[69,2326,1297],{"class":541},[69,2328,32],{"class":149},[69,2330,1302],{"class":152},[69,2332,463],{"class":149},[69,2334,452],{"class":175},[69,2336,1054],{"class":448},[69,2338,452],{"class":175},[69,2340,1313],{"class":149},[69,2342,2343],{"class":549},"  # 15em\n",[69,2345,2346,2348,2350,2352,2354,2356,2358],{"class":71,"line":286},[69,2347,532],{"class":531},[69,2349,463],{"class":149},[69,2351,685],{"class":152},[69,2353,32],{"class":149},[69,2355,42],{"class":541},[69,2357,732],{"class":149},[69,2359,2360],{"class":549},"                 # 15.0\n",[55,2362,2364],{"id":2363},"common-attributes","Common Attributes",[14,2366,2367,2368,32],{},"Use standard SVG text attributes through keyword arguments or ",[18,2369,2370],{},"attrs()",[60,2372,2374],{"className":62,"code":2373,"language":64,"meta":65,"style":65},"title = dp.Text(\n    \"pyDreamplet\",\n    x=120,\n    y=48,\n    fill=\"currentColor\",\n    font_family=\"Inter, sans-serif\",\n    font_size=32,\n    font_weight=700,\n    text_anchor=\"middle\",\n    alignment_baseline=\"middle\",\n)\n",[18,2375,2376,2391,2402,2413,2424,2438,2454,2464,2474,2488,2503],{"__ignoreMap":65},[69,2377,2378,2381,2383,2385,2387,2389],{"class":71,"line":72},[69,2379,2380],{"class":78},"title ",[69,2382,431],{"class":171},[69,2384,434],{"class":78},[69,2386,32],{"class":149},[69,2388,5],{"class":152},[69,2390,155],{"class":149},[69,2392,2393,2395,2398,2400],{"class":71,"line":158},[69,2394,445],{"class":175},[69,2396,2397],{"class":448},"pyDreamplet",[69,2399,452],{"class":175},[69,2401,179],{"class":149},[69,2403,2404,2406,2408,2411],{"class":71,"line":182},[69,2405,217],{"class":167},[69,2407,431],{"class":171},[69,2409,2410],{"class":466},"120",[69,2412,179],{"class":149},[69,2414,2415,2417,2419,2422],{"class":71,"line":190},[69,2416,238],{"class":167},[69,2418,431],{"class":171},[69,2420,2421],{"class":466},"48",[69,2423,179],{"class":149},[69,2425,2426,2428,2430,2432,2434,2436],{"class":71,"line":214},[69,2427,1170],{"class":167},[69,2429,431],{"class":171},[69,2431,452],{"class":175},[69,2433,1177],{"class":448},[69,2435,452],{"class":175},[69,2437,179],{"class":149},[69,2439,2440,2443,2445,2447,2450,2452],{"class":71,"line":235},[69,2441,2442],{"class":167},"    font_family",[69,2444,431],{"class":171},[69,2446,452],{"class":175},[69,2448,2449],{"class":448},"Inter, sans-serif",[69,2451,452],{"class":175},[69,2453,179],{"class":149},[69,2455,2456,2458,2460,2462],{"class":71,"line":255},[69,2457,481],{"class":167},[69,2459,431],{"class":171},[69,2461,1152],{"class":466},[69,2463,179],{"class":149},[69,2465,2466,2468,2470,2472],{"class":71,"line":275},[69,2467,493],{"class":167},[69,2469,431],{"class":171},[69,2471,498],{"class":466},[69,2473,179],{"class":149},[69,2475,2476,2478,2480,2482,2484,2486],{"class":71,"line":286},[69,2477,505],{"class":167},[69,2479,431],{"class":171},[69,2481,452],{"class":175},[69,2483,512],{"class":448},[69,2485,452],{"class":175},[69,2487,179],{"class":149},[69,2489,2490,2493,2495,2497,2499,2501],{"class":71,"line":546},[69,2491,2492],{"class":167},"    alignment_baseline",[69,2494,431],{"class":171},[69,2496,452],{"class":175},[69,2498,512],{"class":448},[69,2500,452],{"class":175},[69,2502,179],{"class":149},[69,2504,2505],{"class":71,"line":553},[69,2506,289],{"class":149},[14,2508,2509,2510,179,2513,43,2515,2517,2518,32],{},"These names are converted to SVG attributes such as ",[18,2511,2512],{},"font-family",[18,2514,1054],{},[18,2516,2044],{},", and ",[18,2519,2520],{},"alignment-baseline",[2522,2523,2524],"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 .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 .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 .sTy78, html code.shiki .sTy78{--shiki-light:#39ADB5;--shiki-default:#023B95;--shiki-dark:#79B8FF}html pre.shiki code .s_jvP, html code.shiki .s_jvP{--shiki-light:#91B859;--shiki-default:#032563;--shiki-dark:#9ECBFF}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 .sm80-, html code.shiki .sm80-{--shiki-light:#E53935;--shiki-default:#0E1116;--shiki-dark:#E1E4E8}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 .s-tzF, html code.shiki .s-tzF{--shiki-light:#E2931D;--shiki-default:#023B95;--shiki-dark:#79B8FF}html pre.shiki code .sRXN5, html code.shiki .sRXN5{--shiki-light:#90A4AE;--shiki-default:#A0111F;--shiki-dark:#79B8FF}",{"title":65,"searchDepth":182,"depth":182,"links":2526},[2527,2528,2529,2530,2535,2536,2537],{"id":57,"depth":158,"text":58},{"id":88,"depth":158,"text":89},{"id":136,"depth":158,"text":5},{"id":581,"depth":158,"text":582,"children":2531},[2532,2533,2534],{"id":652,"depth":182,"text":653},{"id":623,"depth":182,"text":832},{"id":1054,"depth":182,"text":1226},{"id":1455,"depth":158,"text":27},{"id":2148,"depth":158,"text":2149},{"id":2363,"depth":158,"text":2364},"Text elements, multiline text, text paths, positions, and font-size behavior.","md",{"category":2541},"reference",{"title":5},"\u002Freference\u002Ftext",{"title":5,"description":2538},"reference\u002Ftext","hFzeYgK7dY6ObPCiwIy0-jQlg7FK42j1riE9wkWWbKs",1780692544479]