[{"data":1,"prerenderedAt":581},["ShallowReactive",2],{"navigation":3,"/components/audioplayer":117,"/components/audioplayer-surround":576},[4,11,98],{"title":5,"path":6,"stem":7,"children":8,"icon":10},"Introduction","/getting-started","1.getting-started/1.index",[9],{"title":5,"path":6,"stem":7,"icon":10},"i-lucide-house",{"title":12,"path":13,"stem":14,"children":15,"icon":17},"Component Catalog","/components","2.components/01.index",[16,18,22,26,30,34,38,42,46,50,54,58,62,66,70,74,78,82,86,90,94],{"title":12,"path":13,"stem":14,"icon":17},"i-lucide-layout-grid",{"title":19,"path":20,"stem":21},"Text","/components/text","2.components/02.text",{"title":23,"path":24,"stem":25},"Button","/components/button","2.components/03.button",{"title":27,"path":28,"stem":29},"Slider","/components/slider","2.components/04.slider",{"title":31,"path":32,"stem":33},"ChoicePicker","/components/choicepicker","2.components/05.choicepicker",{"title":35,"path":36,"stem":37},"Modal","/components/modal","2.components/06.modal",{"title":39,"path":40,"stem":41},"DateTimeInput","/components/datetimeinput","2.components/07.datetimeinput",{"title":43,"path":44,"stem":45},"Image","/components/image","2.components/08.image",{"title":47,"path":48,"stem":49},"Icon","/components/icon","2.components/09.icon",{"title":51,"path":52,"stem":53},"Video","/components/video","2.components/10.video",{"title":55,"path":56,"stem":57},"AudioPlayer","/components/audioplayer","2.components/11.audioplayer",{"title":59,"path":60,"stem":61},"Row","/components/row","2.components/12.row",{"title":63,"path":64,"stem":65},"Column","/components/column","2.components/13.column",{"title":67,"path":68,"stem":69},"List","/components/list","2.components/14.list",{"title":71,"path":72,"stem":73},"Card","/components/card","2.components/15.card",{"title":75,"path":76,"stem":77},"Tabs","/components/tabs","2.components/16.tabs",{"title":79,"path":80,"stem":81},"Divider","/components/divider","2.components/17.divider",{"title":83,"path":84,"stem":85},"TextField","/components/textfield","2.components/18.textfield",{"title":87,"path":88,"stem":89},"CheckBox","/components/checkbox","2.components/19.checkbox",{"title":91,"path":92,"stem":93},"Slideover","/components/slideover","2.components/20.slideover",{"title":95,"path":96,"stem":97},"Table","/components/table","2.components/21.table",{"title":99,"path":100,"stem":101,"children":102,"icon":104},"Recipes","/recipes","3.recipes/01.index",[103,105,109,113],{"title":99,"path":100,"stem":101,"icon":104},"i-lucide-chef-hat",{"title":106,"path":107,"stem":108},"Booking Receipt","/recipes/booking-receipt","3.recipes/02.booking-receipt",{"title":110,"path":111,"stem":112},"Establishment Detail","/recipes/establishment-detail","3.recipes/03.establishment-detail",{"title":114,"path":115,"stem":116},"Booking History","/recipes/booking-history","3.recipes/04.booking-history",{"id":118,"title":55,"body":119,"description":569,"extension":570,"links":571,"meta":572,"navigation":573,"path":56,"seo":574,"stem":57,"__hash__":575},"docs/2.components/11.audioplayer.md",{"type":120,"value":121,"toc":562},"minimark",[122,127,171,175,460,464,520,524,544,548,558],[123,124,126],"h2",{"id":125},"a2ui-nuxt-ui-mapping","A2UI → Nuxt UI Mapping",[128,129,130,143],"table",{},[131,132,133],"thead",{},[134,135,136,140],"tr",{},[137,138,139],"th",{},"A2UI Property",[137,141,142],{},"HTML Result",[144,145,146,161],"tbody",{},[134,147,148,155],{},[149,150,151],"td",{},[152,153,154],"code",{},"url",[149,156,157,160],{},[152,158,159],{},"\u003Caudio>"," src attribute",[134,162,163,168],{},[149,164,165],{},[152,166,167],{},"description",[149,169,170],{},"Label text above the player",[123,172,174],{"id":173},"example-jsonl","Example JSONL",[176,177,182],"pre",{"className":178,"code":179,"language":180,"meta":181,"style":181},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\"version\":\"v0.10\",\"createSurface\":{\"surfaceId\":\"audio_demo\",\"catalogId\":\"standard\"}}\n{\"version\":\"v0.10\",\"updateComponents\":{\"surfaceId\":\"audio_demo\",\"components\":[\n  {\"id\":\"root\",\"component\":\"Column\",\"children\":[\"track\"]},\n  {\"id\":\"track\",\"component\":\"AudioPlayer\",\"url\":\"https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3\",\"description\":\"SoundHelix — Song 1\"}\n]}}\n","json","",[152,183,184,264,320,382,454],{"__ignoreMap":181},[185,186,189,193,196,200,202,205,207,211,213,216,218,221,223,226,228,232,234,236,238,241,243,245,247,250,252,254,256,259,261],"span",{"class":187,"line":188},"line",1,[185,190,192],{"class":191},"sMK4o","{",[185,194,195],{"class":191},"\"",[185,197,199],{"class":198},"spNyl","version",[185,201,195],{"class":191},[185,203,204],{"class":191},":",[185,206,195],{"class":191},[185,208,210],{"class":209},"sfazB","v0.10",[185,212,195],{"class":191},[185,214,215],{"class":191},",",[185,217,195],{"class":191},[185,219,220],{"class":198},"createSurface",[185,222,195],{"class":191},[185,224,225],{"class":191},":{",[185,227,195],{"class":191},[185,229,231],{"class":230},"sBMFI","surfaceId",[185,233,195],{"class":191},[185,235,204],{"class":191},[185,237,195],{"class":191},[185,239,240],{"class":209},"audio_demo",[185,242,195],{"class":191},[185,244,215],{"class":191},[185,246,195],{"class":191},[185,248,249],{"class":230},"catalogId",[185,251,195],{"class":191},[185,253,204],{"class":191},[185,255,195],{"class":191},[185,257,258],{"class":209},"standard",[185,260,195],{"class":191},[185,262,263],{"class":191},"}}\n",[185,265,267,269,271,273,275,277,279,281,283,285,287,290,292,294,296,298,300,302,304,306,308,310,312,315,317],{"class":187,"line":266},2,[185,268,192],{"class":191},[185,270,195],{"class":191},[185,272,199],{"class":198},[185,274,195],{"class":191},[185,276,204],{"class":191},[185,278,195],{"class":191},[185,280,210],{"class":209},[185,282,195],{"class":191},[185,284,215],{"class":191},[185,286,195],{"class":191},[185,288,289],{"class":198},"updateComponents",[185,291,195],{"class":191},[185,293,225],{"class":191},[185,295,195],{"class":191},[185,297,231],{"class":230},[185,299,195],{"class":191},[185,301,204],{"class":191},[185,303,195],{"class":191},[185,305,240],{"class":209},[185,307,195],{"class":191},[185,309,215],{"class":191},[185,311,195],{"class":191},[185,313,314],{"class":230},"components",[185,316,195],{"class":191},[185,318,319],{"class":191},":[\n",[185,321,323,326,328,332,334,336,338,341,343,345,347,350,352,354,356,358,360,362,364,367,369,372,374,377,379],{"class":187,"line":322},3,[185,324,325],{"class":191},"  {",[185,327,195],{"class":191},[185,329,331],{"class":330},"sbssI","id",[185,333,195],{"class":191},[185,335,204],{"class":191},[185,337,195],{"class":191},[185,339,340],{"class":209},"root",[185,342,195],{"class":191},[185,344,215],{"class":191},[185,346,195],{"class":191},[185,348,349],{"class":330},"component",[185,351,195],{"class":191},[185,353,204],{"class":191},[185,355,195],{"class":191},[185,357,63],{"class":209},[185,359,195],{"class":191},[185,361,215],{"class":191},[185,363,195],{"class":191},[185,365,366],{"class":330},"children",[185,368,195],{"class":191},[185,370,371],{"class":191},":[",[185,373,195],{"class":191},[185,375,376],{"class":209},"track",[185,378,195],{"class":191},[185,380,381],{"class":191},"]},\n",[185,383,385,387,389,391,393,395,397,399,401,403,405,407,409,411,413,415,417,419,421,423,425,427,429,432,434,436,438,440,442,444,446,449,451],{"class":187,"line":384},4,[185,386,325],{"class":191},[185,388,195],{"class":191},[185,390,331],{"class":330},[185,392,195],{"class":191},[185,394,204],{"class":191},[185,396,195],{"class":191},[185,398,376],{"class":209},[185,400,195],{"class":191},[185,402,215],{"class":191},[185,404,195],{"class":191},[185,406,349],{"class":330},[185,408,195],{"class":191},[185,410,204],{"class":191},[185,412,195],{"class":191},[185,414,55],{"class":209},[185,416,195],{"class":191},[185,418,215],{"class":191},[185,420,195],{"class":191},[185,422,154],{"class":330},[185,424,195],{"class":191},[185,426,204],{"class":191},[185,428,195],{"class":191},[185,430,431],{"class":209},"https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3",[185,433,195],{"class":191},[185,435,215],{"class":191},[185,437,195],{"class":191},[185,439,167],{"class":330},[185,441,195],{"class":191},[185,443,204],{"class":191},[185,445,195],{"class":191},[185,447,448],{"class":209},"SoundHelix — Song 1",[185,450,195],{"class":191},[185,452,453],{"class":191},"}\n",[185,455,457],{"class":187,"line":456},5,[185,458,459],{"class":191},"]}}\n",[123,461,463],{"id":462},"properties","Properties",[128,465,466,485],{},[131,467,468],{},[134,469,470,473,476,479,482],{},[137,471,472],{},"Property",[137,474,475],{},"Type",[137,477,478],{},"Required",[137,480,481],{},"Default",[137,483,484],{},"Description",[144,486,487,505],{},[134,488,489,493,496,499,502],{},[149,490,491],{},[152,492,154],{},[149,494,495],{},"string",[149,497,498],{},"✅",[149,500,501],{},"—",[149,503,504],{},"Audio source URL",[134,506,507,511,513,515,517],{},[149,508,509],{},[152,510,167],{},[149,512,495],{},[149,514,501],{},[149,516,501],{},[149,518,519],{},"Label text displayed above the player",[123,521,523],{"id":522},"rendering-details","Rendering Details",[525,526,527,538,541],"ul",{},[528,529,530,531,533,534,537],"li",{},"Uses native ",[152,532,159],{}," element with ",[152,535,536],{},"controls"," enabled",[528,539,540],{},"Optional description label above the player",[528,542,543],{},"Full-width layout for consistency",[123,545,547],{"id":546},"try-it","Try It",[549,550,551,552,557],"p",{},"Copy the JSONL above and paste it in the ",[553,554,556],"a",{"href":555},"/playground","Playground"," Paste tab.",[559,560,561],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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);}",{"title":181,"searchDepth":188,"depth":266,"links":563},[564,565,566,567,568],{"id":125,"depth":266,"text":126},{"id":173,"depth":266,"text":174},{"id":462,"depth":266,"text":463},{"id":522,"depth":266,"text":523},{"id":546,"depth":266,"text":547},"Native HTML5 audio player with optional description.","md",null,{},true,{"title":55,"description":569},"fk_2lAQTYBfvphU4YQvO4TC7z6Uin2IYaHVwzCk5Zis",[577,579],{"title":51,"path":52,"stem":53,"description":578,"children":-1},"Native HTML5 video player with controls.",{"title":59,"path":60,"stem":61,"description":580,"children":-1},"Horizontal flex container with gap, justify, and align options.",1771187321364]