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