[{"data":1,"prerenderedAt":2054},["ShallowReactive",2],{"navigation":3,"page:\u002Fcomponents\u002Frating":320,"\u002Fcomponents\u002Frating-surround":2049},[4,28],{"title":5,"path":6,"stem":7,"children":8,"icon":27},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,12,17,22],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":18,"path":19,"stem":20,"icon":21},"Styling","\u002Fgetting-started\u002Fstyling","1.getting-started\u002F3.styling","i-lucide-paintbrush",{"title":23,"path":24,"stem":25,"icon":26},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F4.usage","i-lucide-sliders",false,{"title":29,"path":30,"stem":31,"children":32,"icon":35},"Components","\u002Fcomponents","2.components\u002F1.index",[33,36,41,46,51,56,64,69,74,79,84,89,95,101,107,113,118,123,128,133,138,143,148,152,156,161,166,171,176,181,189,194,199,204,209,214,219,224,229,234,239,245,250,255,260,264,269,275,281,285,290,294,299,304,310,315],{"title":34,"path":30,"stem":31,"icon":35},"All Components","i-lucide-component",{"title":37,"path":38,"stem":39,"icon":40},"Accordion","\u002Fcomponents\u002Faccordion","2.components\u002Faccordion","i-lucide-layout-panel-top",{"title":42,"path":43,"stem":44,"icon":45},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","2.components\u002Falert-dialog","i-lucide-triangle-alert",{"title":47,"path":48,"stem":49,"icon":50},"Avatar","\u002Fcomponents\u002Favatar","2.components\u002Favatar","i-lucide-circle-user",{"title":52,"path":53,"stem":54,"icon":55},"Button","\u002Fcomponents\u002Fbutton","2.components\u002Fbutton","i-lucide-mouse-pointer-click",{"title":57,"path":58,"stem":59,"icon":60,"badge":61},"Calendar","\u002Fcomponents\u002Fcalendar","2.components\u002Fcalendar","i-lucide-calendar-days",{"label":62,"color":63},"NEW","success",{"title":65,"path":66,"stem":67,"icon":68},"Checkbox","\u002Fcomponents\u002Fcheckbox","2.components\u002Fcheckbox","i-lucide-square-check",{"title":70,"path":71,"stem":72,"icon":73},"Checkbox Group","\u002Fcomponents\u002Fcheckbox-group","2.components\u002Fcheckbox-group","i-lucide-list-checks",{"title":75,"path":76,"stem":77,"icon":78},"Collapsible","\u002Fcomponents\u002Fcollapsible","2.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":80,"path":81,"stem":82,"icon":83},"Combobox","\u002Fcomponents\u002Fcombobox","2.components\u002Fcombobox","i-lucide-search",{"title":85,"path":86,"stem":87,"icon":88},"Context Menu","\u002Fcomponents\u002Fcontext-menu","2.components\u002Fcontext-menu","i-lucide-mouse-pointer-2",{"title":90,"path":91,"stem":92,"icon":93,"badge":94},"Data Table","\u002Fcomponents\u002Fdata-table","2.components\u002Fdata-table","i-lucide-table-2",{"label":62,"color":63},{"title":96,"path":97,"stem":98,"icon":99,"badge":100},"Date Field","\u002Fcomponents\u002Fdate-field","2.components\u002Fdate-field","i-lucide-calendar-clock",{"label":62,"color":63},{"title":102,"path":103,"stem":104,"icon":105,"badge":106},"Date Range Field","\u002Fcomponents\u002Fdate-range-field","2.components\u002Fdate-range-field","i-lucide-calendar-range",{"label":62,"color":63},{"title":108,"path":109,"stem":110,"icon":111,"badge":112},"Date Range Picker","\u002Fcomponents\u002Fdate-range-picker","2.components\u002Fdate-range-picker","i-lucide-calendar-search",{"label":62,"color":63},{"title":114,"path":115,"stem":116,"icon":117},"Dialog","\u002Fcomponents\u002Fdialog","2.components\u002Fdialog","i-lucide-square",{"title":119,"path":120,"stem":121,"icon":122},"Drawer","\u002Fcomponents\u002Fdrawer","2.components\u002Fdrawer","i-lucide-panel-right",{"title":124,"path":125,"stem":126,"icon":127},"Editable","\u002Fcomponents\u002Feditable","2.components\u002Feditable","i-lucide-square-pen",{"title":129,"path":130,"stem":131,"icon":132},"Field","\u002Fcomponents\u002Ffield","2.components\u002Ffield","i-lucide-text-cursor-input",{"title":134,"path":135,"stem":136,"icon":137},"Fieldset","\u002Fcomponents\u002Ffieldset","2.components\u002Ffieldset","i-lucide-group",{"title":139,"path":140,"stem":141,"icon":142},"Form","\u002Fcomponents\u002Fform","2.components\u002Fform","i-lucide-clipboard-check",{"title":144,"path":145,"stem":146,"icon":147},"Hover Preview Card","\u002Fcomponents\u002Fhover-preview-card","2.components\u002Fhover-preview-card","i-lucide-id-card",{"title":149,"path":150,"stem":151,"icon":132},"Input","\u002Fcomponents\u002Finput","2.components\u002Finput",{"title":153,"path":154,"stem":155,"icon":73},"Listbox","\u002Fcomponents\u002Flistbox","2.components\u002Flistbox",{"title":157,"path":158,"stem":159,"icon":160},"Menu","\u002Fcomponents\u002Fmenu","2.components\u002Fmenu","i-lucide-list",{"title":162,"path":163,"stem":164,"icon":165},"Menubar","\u002Fcomponents\u002Fmenubar","2.components\u002Fmenubar","i-lucide-panel-top",{"title":167,"path":168,"stem":169,"icon":170},"Meter","\u002Fcomponents\u002Fmeter","2.components\u002Fmeter","i-lucide-gauge",{"title":172,"path":173,"stem":174,"icon":105,"badge":175},"Month Picker","\u002Fcomponents\u002Fmonth-picker","2.components\u002Fmonth-picker",{"label":62,"color":63},{"title":177,"path":178,"stem":179,"icon":105,"badge":180},"Month Range Picker","\u002Fcomponents\u002Fmonth-range-picker","2.components\u002Fmonth-range-picker",{"label":62,"color":63},{"title":182,"path":183,"stem":184,"icon":185,"badge":186},"Navigation Menu","\u002Fcomponents\u002Fnavigation-menu","2.components\u002Fnavigation-menu","i-lucide-navigation",{"label":187,"color":188},"UPDATED","warning",{"title":190,"path":191,"stem":192,"icon":193},"Number Field","\u002Fcomponents\u002Fnumber-field","2.components\u002Fnumber-field","i-lucide-badge-plus",{"title":195,"path":196,"stem":197,"icon":198},"Overlay Provider","\u002Fcomponents\u002Foverlay","2.components\u002Foverlay","i-lucide-panels-top-left",{"title":200,"path":201,"stem":202,"icon":203},"Pagination","\u002Fcomponents\u002Fpagination","2.components\u002Fpagination","i-lucide-ellipsis",{"title":205,"path":206,"stem":207,"icon":208},"Pin \u002F OTP Input","\u002Fcomponents\u002Fpin-input","2.components\u002Fpin-input","i-lucide-binary",{"title":210,"path":211,"stem":212,"icon":213},"Popover","\u002Fcomponents\u002Fpopover","2.components\u002Fpopover","i-lucide-message-square",{"title":215,"path":216,"stem":217,"icon":218},"Progress","\u002Fcomponents\u002Fprogress","2.components\u002Fprogress","i-lucide-loader",{"title":220,"path":221,"stem":222,"icon":223},"Radio Group","\u002Fcomponents\u002Fradio-group","2.components\u002Fradio-group","i-lucide-circle-dot",{"title":225,"path":226,"stem":227,"icon":228},"Rating","\u002Fcomponents\u002Frating","2.components\u002Frating","i-lucide-star",{"title":230,"path":231,"stem":232,"icon":233},"Select","\u002Fcomponents\u002Fselect","2.components\u002Fselect","i-lucide-list-filter",{"title":235,"path":236,"stem":237,"icon":238},"Separator","\u002Fcomponents\u002Fseparator","2.components\u002Fseparator","i-lucide-minus",{"title":240,"path":241,"stem":242,"icon":243,"badge":244},"Sidebar","\u002Fcomponents\u002Fsidebar","2.components\u002Fsidebar","i-lucide-panel-left",{"label":62,"color":63},{"title":246,"path":247,"stem":248,"icon":249},"Slider","\u002Fcomponents\u002Fslider","2.components\u002Fslider","i-lucide-sliders-horizontal",{"title":251,"path":252,"stem":253,"icon":254},"Stepper","\u002Fcomponents\u002Fstepper","2.components\u002Fstepper","i-lucide-list-ordered",{"title":256,"path":257,"stem":258,"icon":259},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002Fswitch","i-lucide-toggle-left",{"title":261,"path":262,"stem":263,"icon":40},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002Ftabs",{"title":265,"path":266,"stem":267,"icon":268},"Tags Input","\u002Fcomponents\u002Ftags-input","2.components\u002Ftags-input","i-lucide-tags",{"title":270,"path":271,"stem":272,"icon":273,"badge":274},"Time Field","\u002Fcomponents\u002Ftime-field","2.components\u002Ftime-field","i-lucide-clock-3",{"label":62,"color":63},{"title":276,"path":277,"stem":278,"icon":279,"badge":280},"Time Range Field","\u002Fcomponents\u002Ftime-range-field","2.components\u002Ftime-range-field","i-lucide-clock-arrow-up",{"label":62,"color":63},{"title":282,"path":283,"stem":284,"icon":213},"Toast","\u002Fcomponents\u002Ftoast","2.components\u002Ftoast",{"title":286,"path":287,"stem":288,"icon":289},"Toggle","\u002Fcomponents\u002Ftoggle","2.components\u002Ftoggle","i-lucide-toggle-right",{"title":291,"path":292,"stem":293,"icon":73},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","2.components\u002Ftoggle-group",{"title":295,"path":296,"stem":297,"icon":298},"Toolbar","\u002Fcomponents\u002Ftoolbar","2.components\u002Ftoolbar","i-lucide-wrench",{"title":300,"path":301,"stem":302,"icon":303},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002Ftooltip","i-lucide-info",{"title":305,"path":306,"stem":307,"icon":308,"badge":309},"Tree","\u002Fcomponents\u002Ftree","2.components\u002Ftree","i-lucide-folder-tree",{"label":62,"color":63},{"title":311,"path":312,"stem":313,"icon":60,"badge":314},"Year Picker","\u002Fcomponents\u002Fyear-picker","2.components\u002Fyear-picker",{"label":62,"color":63},{"title":316,"path":317,"stem":318,"icon":105,"badge":319},"Year Range Picker","\u002Fcomponents\u002Fyear-range-picker","2.components\u002Fyear-range-picker",{"label":62,"color":63},{"id":321,"title":225,"body":322,"description":2042,"extension":2043,"links":2044,"meta":2045,"navigation":2046,"path":226,"seo":2047,"stem":227,"__hash__":2048},"docs\u002F2.components\u002Frating.md",{"type":323,"value":324,"toc":2018},"minimark",[325,332,339,344,389,392,395,401,609,613,618,643,692,696,710,753,757,763,838,842,845,934,938,947,1030,1034,1041,1054,1058,1072,1076,1080,1126,1130,1499,1503,1567,1571,1680,1684,1720,1724,1804,1808,1923,1930,1934,2014],[326,327,328,331],"p",{},[329,330,225],"code",{}," is a radio-group control for bounded scores. It supports fractional steps, hover previews, clearable values, RTL, vertical navigation, native validation, and custom slots.",[326,333,334,335,338],{},"Use ",[336,337,167],"a",{"href":168}," to display a read-only score.",[340,341,343],"h2",{"id":342},"anatomy","Anatomy",[345,346,347,357,365,373,381],"ul",{},[348,349,350,356],"li",{},[351,352,353],"strong",{},[329,354,355],{},"#item",": Replaces one complete rating item and receives fill percentage and state.",[348,358,359,364],{},[351,360,361],{},[329,362,363],{},"#empty",": Empty visual rendered inside each default item.",[348,366,367,372],{},[351,368,369],{},[329,370,371],{},"#filled",": Filled visual clipped inside each default item.",[348,374,375,380],{},[351,376,377],{},[329,378,379],{},"#radio",": Optional content inside each transparent fractional radio target.",[348,382,383,388],{},[351,384,385],{},[329,386,387],{},"#state",": Optional renderless output with committed, preview, hover, and item state.",[326,390,391],{},"The component generates accessible radio buttons over each visual item. Keep those controls mounted when replacing visuals through slots.",[340,393,23],{"id":394},"usage",[396,397,398],"component-preview",{},[399,400],"examples-rating-demo",{},[402,403,404],"component-code",{},[405,406,411],"pre",{"className":407,"code":408,"language":409,"meta":410,"style":410},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { Rating } from \"akaza-ui\";\nimport { ref } from \"vue\";\n\nconst rating = ref(3.5);\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CRating v-model=\"rating\" :step=\"0.5\" hoverable clearable \u002F>\n\u003C\u002Ftemplate>\n","vue","",[329,412,413,448,479,501,508,534,544,549,559,600],{"__ignoreMap":410},[414,415,418,422,426,430,433,436,439,443,445],"span",{"class":416,"line":417},"line",1,[414,419,421],{"class":420},"sMK4o","\u003C",[414,423,425],{"class":424},"swJcz","script",[414,427,429],{"class":428},"spNyl"," setup",[414,431,432],{"class":428}," lang",[414,434,435],{"class":420},"=",[414,437,438],{"class":420},"\"",[414,440,442],{"class":441},"sfazB","ts",[414,444,438],{"class":420},[414,446,447],{"class":420},">\n",[414,449,451,455,458,462,465,468,471,474,476],{"class":416,"line":450},2,[414,452,454],{"class":453},"s7zQu","import",[414,456,457],{"class":420}," {",[414,459,461],{"class":460},"sTEyZ"," Rating",[414,463,464],{"class":420}," }",[414,466,467],{"class":453}," from",[414,469,470],{"class":420}," \"",[414,472,473],{"class":441},"akaza-ui",[414,475,438],{"class":420},[414,477,478],{"class":420},";\n",[414,480,482,484,486,489,491,493,495,497,499],{"class":416,"line":481},3,[414,483,454],{"class":453},[414,485,457],{"class":420},[414,487,488],{"class":460}," ref",[414,490,464],{"class":420},[414,492,467],{"class":453},[414,494,470],{"class":420},[414,496,409],{"class":441},[414,498,438],{"class":420},[414,500,478],{"class":420},[414,502,504],{"class":416,"line":503},4,[414,505,507],{"emptyLinePlaceholder":506},true,"\n",[414,509,511,514,517,519,522,525,529,532],{"class":416,"line":510},5,[414,512,513],{"class":428},"const",[414,515,516],{"class":460}," rating ",[414,518,435],{"class":420},[414,520,488],{"class":521},"s2Zo4",[414,523,524],{"class":460},"(",[414,526,528],{"class":527},"sbssI","3.5",[414,530,531],{"class":460},")",[414,533,478],{"class":420},[414,535,537,540,542],{"class":416,"line":536},6,[414,538,539],{"class":420},"\u003C\u002F",[414,541,425],{"class":424},[414,543,447],{"class":420},[414,545,547],{"class":416,"line":546},7,[414,548,507],{"emptyLinePlaceholder":506},[414,550,552,554,557],{"class":416,"line":551},8,[414,553,421],{"class":420},[414,555,556],{"class":424},"template",[414,558,447],{"class":420},[414,560,562,565,567,570,572,574,577,579,582,584,586,589,591,594,597],{"class":416,"line":561},9,[414,563,564],{"class":420},"  \u003C",[414,566,225],{"class":424},[414,568,569],{"class":428}," v-model",[414,571,435],{"class":420},[414,573,438],{"class":420},[414,575,576],{"class":441},"rating",[414,578,438],{"class":420},[414,580,581],{"class":428}," :step",[414,583,435],{"class":420},[414,585,438],{"class":420},[414,587,588],{"class":441},"0.5",[414,590,438],{"class":420},[414,592,593],{"class":428}," hoverable",[414,595,596],{"class":428}," clearable",[414,598,599],{"class":420}," \u002F>\n",[414,601,603,605,607],{"class":416,"line":602},10,[414,604,539],{"class":420},[414,606,556],{"class":424},[414,608,447],{"class":420},[340,610,612],{"id":611},"examples","Examples",[614,615,617],"h3",{"id":616},"fractional-rating","Fractional rating",[326,619,620,621,624,625,628,629,631,632,635,636,639,640,642],{},"Set ",[329,622,623],{},"step"," below ",[329,626,627],{},"1"," to expose fractional radio values. Akaza supports the Reka-compatible values ",[329,630,588],{},", ",[329,633,634],{},"0.25",", and ",[329,637,638],{},"0.1",", plus other positive values up to ",[329,641,627],{},".",[405,644,646],{"className":407,"code":645,"language":409,"meta":410,"style":410},"\u003Ctemplate>\n  \u003CRating v-model=\"rating\" :step=\"0.25\" \u002F>\n\u003C\u002Ftemplate>\n",[329,647,648,656,684],{"__ignoreMap":410},[414,649,650,652,654],{"class":416,"line":417},[414,651,421],{"class":420},[414,653,556],{"class":424},[414,655,447],{"class":420},[414,657,658,660,662,664,666,668,670,672,674,676,678,680,682],{"class":416,"line":450},[414,659,564],{"class":420},[414,661,225],{"class":424},[414,663,569],{"class":428},[414,665,435],{"class":420},[414,667,438],{"class":420},[414,669,576],{"class":441},[414,671,438],{"class":420},[414,673,581],{"class":428},[414,675,435],{"class":420},[414,677,438],{"class":420},[414,679,634],{"class":441},[414,681,438],{"class":420},[414,683,599],{"class":420},[414,685,686,688,690],{"class":416,"line":481},[414,687,539],{"class":420},[414,689,556],{"class":424},[414,691,447],{"class":420},[614,693,695],{"id":694},"clearable-and-hoverable","Clearable and hoverable",[326,697,698,701,702,705,706,709],{},[329,699,700],{},"hoverable"," previews the pointer value without committing it. ",[329,703,704],{},"clearable"," resets the current value to ",[329,707,708],{},"0"," when selected again.",[405,711,713],{"className":407,"code":712,"language":409,"meta":410,"style":410},"\u003Ctemplate>\n  \u003CRating v-model=\"rating\" hoverable clearable \u002F>\n\u003C\u002Ftemplate>\n",[329,714,715,723,745],{"__ignoreMap":410},[414,716,717,719,721],{"class":416,"line":417},[414,718,421],{"class":420},[414,720,556],{"class":424},[414,722,447],{"class":420},[414,724,725,727,729,731,733,735,737,739,741,743],{"class":416,"line":450},[414,726,564],{"class":420},[414,728,225],{"class":424},[414,730,569],{"class":428},[414,732,435],{"class":420},[414,734,438],{"class":420},[414,736,576],{"class":441},[414,738,438],{"class":420},[414,740,593],{"class":428},[414,742,596],{"class":428},[414,744,599],{"class":420},[414,746,747,749,751],{"class":416,"line":481},[414,748,539],{"class":420},[414,750,556],{"class":424},[414,752,447],{"class":420},[614,754,756],{"id":755},"custom-length-and-labels","Custom length and labels",[326,758,759,760,642],{},"Change the number of items and provide localized value text with ",[329,761,762],{},"getValueLabel",[405,764,766],{"className":407,"code":765,"language":409,"meta":410,"style":410},"\u003Ctemplate>\n  \u003CRating\n    v-model=\"rating\"\n    :length=\"10\"\n    :get-value-label=\"(value, max) => `${value} points out of ${max}`\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[329,767,768,776,783,797,811,825,830],{"__ignoreMap":410},[414,769,770,772,774],{"class":416,"line":417},[414,771,421],{"class":420},[414,773,556],{"class":424},[414,775,447],{"class":420},[414,777,778,780],{"class":416,"line":450},[414,779,564],{"class":420},[414,781,782],{"class":424},"Rating\n",[414,784,785,788,790,792,794],{"class":416,"line":481},[414,786,787],{"class":428},"    v-model",[414,789,435],{"class":420},[414,791,438],{"class":420},[414,793,576],{"class":441},[414,795,796],{"class":420},"\"\n",[414,798,799,802,804,806,809],{"class":416,"line":503},[414,800,801],{"class":428},"    :length",[414,803,435],{"class":420},[414,805,438],{"class":420},[414,807,808],{"class":441},"10",[414,810,796],{"class":420},[414,812,813,816,818,820,823],{"class":416,"line":510},[414,814,815],{"class":428},"    :get-value-label",[414,817,435],{"class":420},[414,819,438],{"class":420},[414,821,822],{"class":441},"(value, max) => `${value} points out of ${max}`",[414,824,796],{"class":420},[414,826,827],{"class":416,"line":536},[414,828,829],{"class":420},"  \u002F>\n",[414,831,832,834,836],{"class":416,"line":546},[414,833,539],{"class":420},[414,835,556],{"class":424},[414,837,447],{"class":420},[614,839,841],{"id":840},"read-only-and-disabled","Read-only and disabled",[326,843,844],{},"Read-only ratings remain perceivable and focusable but reject changes. Disabled ratings are removed from interaction and native form submission.",[405,846,848],{"className":407,"code":847,"language":409,"meta":410,"style":410},"\u003Ctemplate>\n  \u003CRating :model-value=\"4\" read-only aria-label=\"Average rating\" \u002F>\n  \u003CRating :model-value=\"2\" disabled aria-label=\"Unavailable rating\" \u002F>\n\u003C\u002Ftemplate>\n",[329,849,850,858,893,926],{"__ignoreMap":410},[414,851,852,854,856],{"class":416,"line":417},[414,853,421],{"class":420},[414,855,556],{"class":424},[414,857,447],{"class":420},[414,859,860,862,864,867,869,871,874,876,879,882,884,886,889,891],{"class":416,"line":450},[414,861,564],{"class":420},[414,863,225],{"class":424},[414,865,866],{"class":428}," :model-value",[414,868,435],{"class":420},[414,870,438],{"class":420},[414,872,873],{"class":441},"4",[414,875,438],{"class":420},[414,877,878],{"class":428}," read-only",[414,880,881],{"class":428}," aria-label",[414,883,435],{"class":420},[414,885,438],{"class":420},[414,887,888],{"class":441},"Average rating",[414,890,438],{"class":420},[414,892,599],{"class":420},[414,894,895,897,899,901,903,905,908,910,913,915,917,919,922,924],{"class":416,"line":481},[414,896,564],{"class":420},[414,898,225],{"class":424},[414,900,866],{"class":428},[414,902,435],{"class":420},[414,904,438],{"class":420},[414,906,907],{"class":441},"2",[414,909,438],{"class":420},[414,911,912],{"class":428}," disabled",[414,914,881],{"class":428},[414,916,435],{"class":420},[414,918,438],{"class":420},[414,920,921],{"class":441},"Unavailable rating",[414,923,438],{"class":420},[414,925,599],{"class":420},[414,927,928,930,932],{"class":416,"line":503},[414,929,539],{"class":420},[414,931,556],{"class":424},[414,933,447],{"class":420},[614,935,937],{"id":936},"field-and-native-forms","Field and native forms",[326,939,940,941,943,944,946],{},"Inside ",[336,942,129],{"href":130},", Rating inherits label, name, required, disabled, and error metadata. Required validation treats ",[329,945,708],{}," as empty.",[405,948,950],{"className":407,"code":949,"language":409,"meta":410,"style":410},"\u003Ctemplate>\n  \u003CField label=\"Service rating\" name=\"rating\" required>\n    \u003CRating v-model=\"rating\" \u002F>\n  \u003C\u002FField>\n\u003C\u002Ftemplate>\n",[329,951,952,960,994,1013,1022],{"__ignoreMap":410},[414,953,954,956,958],{"class":416,"line":417},[414,955,421],{"class":420},[414,957,556],{"class":424},[414,959,447],{"class":420},[414,961,962,964,966,969,971,973,976,978,981,983,985,987,989,992],{"class":416,"line":450},[414,963,564],{"class":420},[414,965,129],{"class":424},[414,967,968],{"class":428}," label",[414,970,435],{"class":420},[414,972,438],{"class":420},[414,974,975],{"class":441},"Service rating",[414,977,438],{"class":420},[414,979,980],{"class":428}," name",[414,982,435],{"class":420},[414,984,438],{"class":420},[414,986,576],{"class":441},[414,988,438],{"class":420},[414,990,991],{"class":428}," required",[414,993,447],{"class":420},[414,995,996,999,1001,1003,1005,1007,1009,1011],{"class":416,"line":481},[414,997,998],{"class":420},"    \u003C",[414,1000,225],{"class":424},[414,1002,569],{"class":428},[414,1004,435],{"class":420},[414,1006,438],{"class":420},[414,1008,576],{"class":441},[414,1010,438],{"class":420},[414,1012,599],{"class":420},[414,1014,1015,1018,1020],{"class":416,"line":503},[414,1016,1017],{"class":420},"  \u003C\u002F",[414,1019,129],{"class":424},[414,1021,447],{"class":420},[414,1023,1024,1026,1028],{"class":416,"line":510},[414,1025,539],{"class":420},[414,1027,556],{"class":424},[414,1029,447],{"class":420},[340,1031,1033],{"id":1032},"fractional-values","Fractional values",[326,1035,1036,1037,1040],{},"Rendering, normalization, keyboard navigation, and submission use the same legal value grid. Arbitrary steps such as ",[329,1038,1039],{},"0.3"," are supported; the terminal maximum remains selectable even when the step does not divide it evenly. An accepted nonzero value corresponds to a rendered checked radio.",[326,1042,1043,1044,1046,1047,1049,1050,1053],{},"Default star content is replaceable through ",[329,1045,363],{}," and ",[329,1048,371],{},". Provide visual sizes and colors through ",[329,1051,1052],{},"ui","; custom artwork belongs in those slots.",[614,1055,1057],{"id":1056},"native-form-reset","Native Form Reset",[326,1059,1060,1061,1064,1065,1068,1069,642],{},"A native form reset restores the initial model and clears interaction state. Calling ",[329,1062,1063],{},"preventDefault()"," on the reset event preserves the current value. Reset updates ",[329,1066,1067],{},"v-model"," without emitting ",[329,1070,1071],{},"value-change",[340,1073,1075],{"id":1074},"api-reference","API Reference",[614,1077,1079],{"id":1078},"model","Model",[1081,1082,1083,1101],"table",{},[1084,1085,1086],"thead",{},[1087,1088,1089,1092,1095,1098],"tr",{},[1090,1091,1079],"th",{},[1090,1093,1094],{},"Type",[1090,1096,1097],{},"Default",[1090,1099,1100],{},"Description",[1102,1103,1104],"tbody",{},[1087,1105,1106,1111,1116,1120],{},[1107,1108,1109],"td",{},[329,1110,1067],{},[1107,1112,1113],{},[329,1114,1115],{},"number",[1107,1117,1118],{},[329,1119,708],{},[1107,1121,1122,1123,1125],{},"Selected score. ",[329,1124,708],{}," means no rating.",[614,1127,1129],{"id":1128},"props","Props",[1081,1131,1132,1145],{},[1084,1133,1134],{},[1087,1135,1136,1139,1141,1143],{},[1090,1137,1138],{},"Prop",[1090,1140,1094],{},[1090,1142,1097],{},[1090,1144,1100],{},[1102,1146,1147,1166,1189,1208,1225,1244,1264,1284,1302,1320,1337,1357,1375,1393,1411,1430,1447,1464,1483],{},[1087,1148,1149,1154,1158,1163],{},[1107,1150,1151],{},[329,1152,1153],{},"length",[1107,1155,1156],{},[329,1157,1115],{},[1107,1159,1160],{},[329,1161,1162],{},"5",[1107,1164,1165],{},"Number of rating items.",[1087,1167,1168,1172,1176,1180],{},[1107,1169,1170],{},[329,1171,623],{},[1107,1173,1174],{},[329,1175,1115],{},[1107,1177,1178],{},[329,1179,627],{},[1107,1181,1182,1183,1186,1187,642],{},"Selection granularity, clamped from ",[329,1184,1185],{},"0.01"," through ",[329,1188,627],{},[1087,1190,1191,1195,1200,1205],{},[1107,1192,1193],{},[329,1194,704],{},[1107,1196,1197],{},[329,1198,1199],{},"boolean",[1107,1201,1202],{},[329,1203,1204],{},"false",[1107,1206,1207],{},"Selecting the committed value clears it.",[1087,1209,1210,1214,1218,1222],{},[1107,1211,1212],{},[329,1213,700],{},[1107,1215,1216],{},[329,1217,1199],{},[1107,1219,1220],{},[329,1221,1204],{},[1107,1223,1224],{},"Previews pointer values before commit.",[1087,1226,1227,1232,1236,1241],{},[1107,1228,1229],{},[329,1230,1231],{},"loop",[1107,1233,1234],{},[329,1235,1199],{},[1107,1237,1238],{},[329,1239,1240],{},"true",[1107,1242,1243],{},"Loops arrow navigation at range boundaries.",[1087,1245,1246,1251,1256,1261],{},[1107,1247,1248],{},[329,1249,1250],{},"orientation",[1107,1252,1253],{},[329,1254,1255],{},"\"horizontal\" | \"vertical\"",[1107,1257,1258],{},[329,1259,1260],{},"\"horizontal\"",[1107,1262,1263],{},"Layout and arrow-key axis.",[1087,1265,1266,1271,1276,1281],{},[1107,1267,1268],{},[329,1269,1270],{},"dir",[1107,1272,1273],{},[329,1274,1275],{},"\"ltr\" | \"rtl\"",[1107,1277,1278],{},[329,1279,1280],{},"\"ltr\"",[1107,1282,1283],{},"Horizontal navigation direction.",[1087,1285,1286,1291,1295,1299],{},[1107,1287,1288],{},[329,1289,1290],{},"autoFocus",[1107,1292,1293],{},[329,1294,1199],{},[1107,1296,1297],{},[329,1298,1204],{},[1107,1300,1301],{},"Focuses selected or first value on mount.",[1087,1303,1304,1309,1314,1317],{},[1107,1305,1306],{},[329,1307,1308],{},"id",[1107,1310,1311],{},[329,1312,1313],{},"string",[1107,1315,1316],{},"field\u002Fgenerated id",[1107,1318,1319],{},"Native validity input id.",[1087,1321,1322,1327,1331,1334],{},[1107,1323,1324],{},[329,1325,1326],{},"name",[1107,1328,1329],{},[329,1330,1313],{},[1107,1332,1333],{},"field name",[1107,1335,1336],{},"Native form field name.",[1087,1338,1339,1344,1348,1352],{},[1107,1340,1341],{},[329,1342,1343],{},"required",[1107,1345,1346],{},[329,1347,1199],{},[1107,1349,1350],{},[329,1351,1204],{},[1107,1353,1354,1355,642],{},"Requires a value above ",[329,1356,708],{},[1087,1358,1359,1364,1368,1372],{},[1107,1360,1361],{},[329,1362,1363],{},"disabled",[1107,1365,1366],{},[329,1367,1199],{},[1107,1369,1370],{},[329,1371,1204],{},[1107,1373,1374],{},"Disables interaction and form submission.",[1087,1376,1377,1382,1386,1390],{},[1107,1378,1379],{},[329,1380,1381],{},"readOnly",[1107,1383,1384],{},[329,1385,1199],{},[1107,1387,1388],{},[329,1389,1204],{},[1107,1391,1392],{},"Blocks value changes without disabling focus.",[1087,1394,1395,1400,1404,1408],{},[1107,1396,1397],{},[329,1398,1399],{},"invalid",[1107,1401,1402],{},[329,1403,1199],{},[1107,1405,1406],{},[329,1407,1204],{},[1107,1409,1410],{},"Controlled invalid state.",[1087,1412,1413,1418,1422,1427],{},[1107,1414,1415],{},[329,1416,1417],{},"ariaLabel",[1107,1419,1420],{},[329,1421,1313],{},[1107,1423,1424],{},[329,1425,1426],{},"\"Rating\"",[1107,1428,1429],{},"Accessible group label.",[1087,1431,1432,1437,1441,1444],{},[1107,1433,1434],{},[329,1435,1436],{},"ariaLabelledby",[1107,1438,1439],{},[329,1440,1313],{},[1107,1442,1443],{},"—",[1107,1445,1446],{},"Id of an external label.",[1087,1448,1449,1454,1458,1461],{},[1107,1450,1451],{},[329,1452,1453],{},"ariaDescribedby",[1107,1455,1456],{},[329,1457,1313],{},[1107,1459,1460],{},"field ids",[1107,1462,1463],{},"Accessible description ids.",[1087,1465,1466,1470,1475,1480],{},[1107,1467,1468],{},[329,1469,762],{},[1107,1471,1472],{},[329,1473,1474],{},"(value, maximum) => string",[1107,1476,1477],{},[329,1478,1479],{},"\"value of maximum\"",[1107,1481,1482],{},"Accessible label for each radio value.",[1087,1484,1485,1489,1494,1496],{},[1107,1486,1487],{},[329,1488,1052],{},[1107,1490,1491],{},[329,1492,1493],{},"RatingUi",[1107,1495,1443],{},[1107,1497,1498],{},"Classes for structural parts.",[614,1500,1502],{"id":1501},"emits","Emits",[1081,1504,1505,1517],{},[1084,1506,1507],{},[1087,1508,1509,1512,1515],{},[1090,1510,1511],{},"Event",[1090,1513,1514],{},"Payload",[1090,1516,1100],{},[1102,1518,1519,1534,1552],{},[1087,1520,1521,1526,1531],{},[1107,1522,1523],{},[329,1524,1525],{},"update:modelValue",[1107,1527,1528],{},[329,1529,1530],{},"value",[1107,1532,1533],{},"Fired after an accepted selection.",[1087,1535,1536,1540,1545],{},[1107,1537,1538],{},[329,1539,1071],{},[1107,1541,1542],{},[329,1543,1544],{},"(value, details)",[1107,1546,1547,1548,1551],{},"Fired before commit. ",[329,1549,1550],{},"details.cancel()"," prevents it.",[1087,1553,1554,1559,1564],{},[1107,1555,1556],{},[329,1557,1558],{},"hover-change",[1107,1560,1561],{},[329,1562,1563],{},"(value | null, details)",[1107,1565,1566],{},"Fired when hover preview enters, moves, or leaves. Cancelable.",[614,1568,1570],{"id":1569},"slots","Slots",[1081,1572,1573,1584],{},[1084,1574,1575],{},[1087,1576,1577,1580,1582],{},[1090,1578,1579],{},"Slot",[1090,1581,1129],{},[1090,1583,1100],{},[1102,1585,1586,1611,1625,1639,1656],{},[1087,1587,1588,1593,1608],{},[1107,1589,1590],{},[329,1591,1592],{},"item",[1107,1594,1595,631,1597,631,1599,631,1602,631,1605],{},[329,1596,1592],{},[329,1598,1530],{},[329,1600,1601],{},"previewValue",[329,1603,1604],{},"fill",[329,1606,1607],{},"state",[1107,1609,1610],{},"Replaces one full visual item.",[1087,1612,1613,1618,1622],{},[1107,1614,1615],{},[329,1616,1617],{},"empty",[1107,1619,1620],{},[329,1621,1592],{},[1107,1623,1624],{},"Empty item visual.",[1087,1626,1627,1632,1636],{},[1107,1628,1629],{},[329,1630,1631],{},"filled",[1107,1633,1634],{},[329,1635,1592],{},[1107,1637,1638],{},"Filled item visual.",[1087,1640,1641,1646,1653],{},[1107,1642,1643],{},[329,1644,1645],{},"radio",[1107,1647,1648,631,1650],{},[329,1649,1530],{},[329,1651,1652],{},"label",[1107,1654,1655],{},"Content inside a generated radio target.",[1087,1657,1658,1662,1677],{},[1107,1659,1660],{},[329,1661,1607],{},[1107,1663,1664,631,1666,631,1668,631,1671,631,1674],{},[329,1665,1530],{},[329,1667,1601],{},[329,1669,1670],{},"items",[329,1672,1673],{},"hoveredValue",[329,1675,1676],{},"clear",[1107,1678,1679],{},"Optional state-driven custom UI.",[614,1681,1683],{"id":1682},"methods","Methods",[1081,1685,1686,1695],{},[1084,1687,1688],{},[1087,1689,1690,1693],{},[1090,1691,1692],{},"Method",[1090,1694,1100],{},[1102,1696,1697,1710],{},[1087,1698,1699,1704],{},[1107,1700,1701],{},[329,1702,1703],{},"clear(event?)",[1107,1705,1706,1707,1709],{},"Sets the rating to ",[329,1708,708],{}," when editable.",[1087,1711,1712,1717],{},[1107,1713,1714],{},[329,1715,1716],{},"focus()",[1107,1718,1719],{},"Focuses the selected value or first radio.",[614,1721,1723],{"id":1722},"ui-options","UI Options",[1081,1725,1726,1735],{},[1084,1727,1728],{},[1087,1729,1730,1733],{},[1090,1731,1732],{},"Key",[1090,1734,1100],{},[1102,1736,1737,1747,1757,1766,1776,1785,1795],{},[1087,1738,1739,1744],{},[1107,1740,1741],{},[329,1742,1743],{},"root",[1107,1745,1746],{},"Radio-group root.",[1087,1748,1749,1754],{},[1107,1750,1751],{},[329,1752,1753],{},"hiddenInput",[1107,1755,1756],{},"Native form\u002Fvalidity input.",[1087,1758,1759,1763],{},[1107,1760,1761],{},[329,1762,1592],{},[1107,1764,1765],{},"One visual item wrapper.",[1087,1767,1768,1773],{},[1107,1769,1770],{},[329,1771,1772],{},"base",[1107,1774,1775],{},"Empty visual wrapper.",[1087,1777,1778,1782],{},[1107,1779,1780],{},[329,1781,1604],{},[1107,1783,1784],{},"Clipped filled visual wrapper.",[1087,1786,1787,1792],{},[1107,1788,1789],{},[329,1790,1791],{},"fillIcon",[1107,1793,1794],{},"Inner filled visual kept at full width.",[1087,1796,1797,1801],{},[1107,1798,1799],{},[329,1800,1645],{},[1107,1802,1803],{},"Fractional radio button.",[614,1805,1807],{"id":1806},"styling-hooks","Styling Hooks",[1081,1809,1810,1823],{},[1084,1811,1812],{},[1087,1813,1814,1817,1820],{},[1090,1815,1816],{},"UI key",[1090,1818,1819],{},"CSS class",[1090,1821,1822],{},"Data attrs \u002F variables",[1102,1824,1825,1839,1853,1867,1880,1896,1909],{},[1087,1826,1827,1831,1836],{},[1107,1828,1829],{},[329,1830,1743],{},[1107,1832,1833],{},[329,1834,1835],{},"akaza-rating",[1107,1837,1838],{},"`data-akaza-state=\"empty",[1087,1840,1841,1845,1850],{},[1107,1842,1843],{},[329,1844,1753],{},[1107,1846,1847],{},[329,1848,1849],{},"akaza-rating-hidden-input",[1107,1851,1852],{},"native validity attrs",[1087,1854,1855,1859,1864],{},[1107,1856,1857],{},[329,1858,1592],{},[1107,1860,1861],{},[329,1862,1863],{},"akaza-rating-item",[1107,1865,1866],{},"`data-akaza-state=\"active",[1087,1868,1869,1873,1878],{},[1107,1870,1871],{},[329,1872,1772],{},[1107,1874,1875],{},[329,1876,1877],{},"akaza-rating-base",[1107,1879,1443],{},[1087,1881,1882,1886,1891],{},[1107,1883,1884],{},[329,1885,1604],{},[1107,1887,1888],{},[329,1889,1890],{},"akaza-rating-fill",[1107,1892,1893],{},[329,1894,1895],{},"--akaza-rating-item-fill",[1087,1897,1898,1902,1907],{},[1107,1899,1900],{},[329,1901,1791],{},[1107,1903,1904],{},[329,1905,1906],{},"akaza-rating-fill-icon",[1107,1908,1443],{},[1087,1910,1911,1915,1920],{},[1107,1912,1913],{},[329,1914,1645],{},[1107,1916,1917],{},[329,1918,1919],{},"akaza-rating-radio",[1107,1921,1922],{},"`data-akaza-state=\"checked",[326,1924,1925,1926,1929],{},"Plain ",[329,1927,1928],{},"class"," applies to the radio-group root. Use item\u002Ffill\u002Fradio UI keys for custom rating visuals.",[614,1931,1933],{"id":1932},"keyboard","Keyboard",[1081,1935,1936,1945],{},[1084,1937,1938],{},[1087,1939,1940,1942],{},[1090,1941,1732],{},[1090,1943,1944],{},"Behavior",[1102,1946,1947,1964,1979,1989,1999],{},[1087,1948,1949,1958],{},[1107,1950,1951,1954,1955],{},[329,1952,1953],{},"ArrowRight"," \u002F ",[329,1956,1957],{},"ArrowLeft",[1107,1959,1960,1961,1963],{},"Move by ",[329,1962,623],{}," in horizontal mode, respecting RTL.",[1087,1965,1966,1974],{},[1107,1967,1968,1954,1971],{},[329,1969,1970],{},"ArrowDown",[329,1972,1973],{},"ArrowUp",[1107,1975,1960,1976,1978],{},[329,1977,623],{}," in vertical mode.",[1087,1980,1981,1986],{},[1107,1982,1983],{},[329,1984,1985],{},"Home",[1107,1987,1988],{},"Select the first value.",[1087,1990,1991,1996],{},[1107,1992,1993],{},[329,1994,1995],{},"End",[1107,1997,1998],{},"Select the maximum value.",[1087,2000,2001,2009],{},[1107,2002,2003,1954,2006],{},[329,2004,2005],{},"Space",[329,2007,2008],{},"Enter",[1107,2010,2011,2012,642],{},"Select focused value; may clear it when ",[329,2013,704],{},[2015,2016,2017],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}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 .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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":410,"searchDepth":417,"depth":450,"links":2019},[2020,2021,2022,2029,2032],{"id":342,"depth":450,"text":343},{"id":394,"depth":450,"text":23},{"id":611,"depth":450,"text":612,"children":2023},[2024,2025,2026,2027,2028],{"id":616,"depth":481,"text":617},{"id":694,"depth":481,"text":695},{"id":755,"depth":481,"text":756},{"id":840,"depth":481,"text":841},{"id":936,"depth":481,"text":937},{"id":1032,"depth":450,"text":1033,"children":2030},[2031],{"id":1056,"depth":481,"text":1057},{"id":1074,"depth":450,"text":1075,"children":2033},[2034,2035,2036,2037,2038,2039,2040,2041],{"id":1078,"depth":481,"text":1079},{"id":1128,"depth":481,"text":1129},{"id":1501,"depth":481,"text":1502},{"id":1569,"depth":481,"text":1570},{"id":1682,"depth":481,"text":1683},{"id":1722,"depth":481,"text":1723},{"id":1806,"depth":481,"text":1807},{"id":1932,"depth":481,"text":1933},"Accessible rating input with fractional values, hover preview, keyboard navigation, and forms.","md",null,{},{"icon":228},{"title":225,"description":2042},"ZB2Sik9yXvcWBo82yznp0PbLbD5xzASinaYb65KgVoM",[2050,2052],{"title":220,"path":221,"stem":222,"description":2051,"icon":223,"children":-1},"A group of radio buttons where only one can be selected at a time.",{"title":230,"path":231,"stem":232,"description":2053,"icon":233,"children":-1},"Single or multiple listbox select with keyboard navigation, typeahead, and form submission.",1789932257077]