[{"data":1,"prerenderedAt":5721},["Reactive",2],{"content-query-KGqN45ZfxO":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"_empty":6,"title":8,"description":9,"body":10,"_type":5717,"_id":5718,"_source":5719,"_file":5720,"_extension":2113},"/docs/forms/components/checkbox-group","components",false,"","Checkbox Group - Inkline","Checkbox group inputs allow the user to select multiple options from a set.",{"type":11,"children":12,"toc":5703},"root",[13,22,28,42,535,542,554,978,984,994,1418,1424,1450,2084,2090,2129,2134,2709,2715,2731,2784,3014,3032,3038,3045,3057,3496,3502,3514,4025,4031,4043,4684,4690,4707,5248,5254,5269,5658,5663,5667,5673,5677,5683,5687,5693,5698],{"type":14,"tag":15,"props":16,"children":18},"element","h1",{"id":17},"checkbox-group",[19],{"type":20,"value":21},"text","Checkbox Group",{"type":14,"tag":23,"props":24,"children":26},"h2",{"id":25},"checkbox-group-inputs-allow-the-user-to-select-multiple-options-from-a-set",[27],{"type":20,"value":9},{"type":14,"tag":29,"props":30,"children":31},"p",{},[32,34,40],{"type":20,"value":33},"The ",{"type":14,"tag":35,"props":36,"children":37},"code-inline",{},[38],{"type":20,"value":39},"ICheckboxGroup",{"type":20,"value":41}," component allows you to control multiple selected values using a single binding.",{"type":14,"tag":43,"props":44,"children":45},"content-tabs",{},[46,55],{"type":14,"tag":47,"props":48,"children":49},"template",{"v-slot:preview":7},[50],{"type":14,"tag":51,"props":52,"children":54},"content-preview",{"src":53},"/components/ICheckboxGroup/examples/basic",[],{"type":14,"tag":47,"props":56,"children":57},{"v-slot:vue":7},[58],{"type":14,"tag":59,"props":60,"children":65},"code",{"className":61,"code":63,"language":64,"meta":7},[62],"language-vue","\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\nimport type { CheckboxGroupOption } from '@inkline/inkline';\n\nconst checked = ref(['apple']);\nconst options = ref\u003CCheckboxGroupOption[]>([\n { id: 'apple', label: 'Apple' },\n { id: 'banana', label: 'Banana' },\n { id: 'strawberry', label: 'Strawberry' },\n { id: 'mango', label: 'Mango' }\n]);\n\u003C/script>\n\n\u003Ctemplate>\n \u003CICheckboxGroup v-model=\"checked\" :options=\"options\" />\n\u003C/template>\n\n","vue",[66],{"type":14,"tag":67,"props":68,"children":69},"pre",{},[70],{"type":14,"tag":59,"props":71,"children":72},{"__ignoreMap":7},[73,127,161,200,209,260,307,335,361,387,414,422,439,447,463,518],{"type":14,"tag":74,"props":75,"children":78},"span",{"class":76,"line":77},"line",1,[79,85,91,96,102,107,113,117,122],{"type":14,"tag":74,"props":80,"children":82},{"class":81},"ct-553616",[83],{"type":20,"value":84},"\u003C",{"type":14,"tag":74,"props":86,"children":88},{"class":87},"ct-914029",[89],{"type":20,"value":90},"script",{"type":14,"tag":74,"props":92,"children":93},{"class":81},[94],{"type":20,"value":95}," ",{"type":14,"tag":74,"props":97,"children":99},{"class":98},"ct-762058",[100],{"type":20,"value":101},"lang",{"type":14,"tag":74,"props":103,"children":104},{"class":81},[105],{"type":20,"value":106},"=",{"type":14,"tag":74,"props":108,"children":110},{"class":109},"ct-952708",[111],{"type":20,"value":112},"\"ts\"",{"type":14,"tag":74,"props":114,"children":115},{"class":81},[116],{"type":20,"value":95},{"type":14,"tag":74,"props":118,"children":119},{"class":98},[120],{"type":20,"value":121},"setup",{"type":14,"tag":74,"props":123,"children":124},{"class":81},[125],{"type":20,"value":126},">\n",{"type":14,"tag":74,"props":128,"children":130},{"class":76,"line":129},2,[131,137,142,147,151,156],{"type":14,"tag":74,"props":132,"children":134},{"class":133},"ct-149352",[135],{"type":20,"value":136},"import",{"type":14,"tag":74,"props":138,"children":139},{"class":81},[140],{"type":20,"value":141}," { ref } ",{"type":14,"tag":74,"props":143,"children":144},{"class":133},[145],{"type":20,"value":146},"from",{"type":14,"tag":74,"props":148,"children":149},{"class":81},[150],{"type":20,"value":95},{"type":14,"tag":74,"props":152,"children":153},{"class":109},[154],{"type":20,"value":155},"'vue'",{"type":14,"tag":74,"props":157,"children":158},{"class":81},[159],{"type":20,"value":160},";\n",{"type":14,"tag":74,"props":162,"children":164},{"class":76,"line":163},3,[165,169,173,178,183,187,191,196],{"type":14,"tag":74,"props":166,"children":167},{"class":133},[168],{"type":20,"value":136},{"type":14,"tag":74,"props":170,"children":171},{"class":81},[172],{"type":20,"value":95},{"type":14,"tag":74,"props":174,"children":175},{"class":133},[176],{"type":20,"value":177},"type",{"type":14,"tag":74,"props":179,"children":180},{"class":81},[181],{"type":20,"value":182}," { CheckboxGroupOption } ",{"type":14,"tag":74,"props":184,"children":185},{"class":133},[186],{"type":20,"value":146},{"type":14,"tag":74,"props":188,"children":189},{"class":81},[190],{"type":20,"value":95},{"type":14,"tag":74,"props":192,"children":193},{"class":109},[194],{"type":20,"value":195},"'@inkline/inkline'",{"type":14,"tag":74,"props":197,"children":198},{"class":81},[199],{"type":20,"value":160},{"type":14,"tag":74,"props":201,"children":203},{"class":76,"line":202},4,[204],{"type":14,"tag":74,"props":205,"children":206},{},[207],{"type":20,"value":208},"\n",{"type":14,"tag":74,"props":210,"children":212},{"class":76,"line":211},5,[213,218,222,228,232,236,240,245,250,255],{"type":14,"tag":74,"props":214,"children":215},{"class":133},[216],{"type":20,"value":217},"const",{"type":14,"tag":74,"props":219,"children":220},{"class":81},[221],{"type":20,"value":95},{"type":14,"tag":74,"props":223,"children":225},{"class":224},"ct-617022",[226],{"type":20,"value":227},"checked",{"type":14,"tag":74,"props":229,"children":230},{"class":81},[231],{"type":20,"value":95},{"type":14,"tag":74,"props":233,"children":234},{"class":133},[235],{"type":20,"value":106},{"type":14,"tag":74,"props":237,"children":238},{"class":81},[239],{"type":20,"value":95},{"type":14,"tag":74,"props":241,"children":242},{"class":98},[243],{"type":20,"value":244},"ref",{"type":14,"tag":74,"props":246,"children":247},{"class":81},[248],{"type":20,"value":249},"([",{"type":14,"tag":74,"props":251,"children":252},{"class":109},[253],{"type":20,"value":254},"'apple'",{"type":14,"tag":74,"props":256,"children":257},{"class":81},[258],{"type":20,"value":259},"]);\n",{"type":14,"tag":74,"props":261,"children":263},{"class":76,"line":262},6,[264,268,272,277,281,285,289,293,297,302],{"type":14,"tag":74,"props":265,"children":266},{"class":133},[267],{"type":20,"value":217},{"type":14,"tag":74,"props":269,"children":270},{"class":81},[271],{"type":20,"value":95},{"type":14,"tag":74,"props":273,"children":274},{"class":224},[275],{"type":20,"value":276},"options",{"type":14,"tag":74,"props":278,"children":279},{"class":81},[280],{"type":20,"value":95},{"type":14,"tag":74,"props":282,"children":283},{"class":133},[284],{"type":20,"value":106},{"type":14,"tag":74,"props":286,"children":287},{"class":81},[288],{"type":20,"value":95},{"type":14,"tag":74,"props":290,"children":291},{"class":98},[292],{"type":20,"value":244},{"type":14,"tag":74,"props":294,"children":295},{"class":81},[296],{"type":20,"value":84},{"type":14,"tag":74,"props":298,"children":299},{"class":98},[300],{"type":20,"value":301},"CheckboxGroupOption",{"type":14,"tag":74,"props":303,"children":304},{"class":81},[305],{"type":20,"value":306},"[]>([\n",{"type":14,"tag":74,"props":308,"children":310},{"class":76,"line":309},7,[311,316,320,325,330],{"type":14,"tag":74,"props":312,"children":313},{"class":81},[314],{"type":20,"value":315}," { id: ",{"type":14,"tag":74,"props":317,"children":318},{"class":109},[319],{"type":20,"value":254},{"type":14,"tag":74,"props":321,"children":322},{"class":81},[323],{"type":20,"value":324},", label: ",{"type":14,"tag":74,"props":326,"children":327},{"class":109},[328],{"type":20,"value":329},"'Apple'",{"type":14,"tag":74,"props":331,"children":332},{"class":81},[333],{"type":20,"value":334}," },\n",{"type":14,"tag":74,"props":336,"children":338},{"class":76,"line":337},8,[339,343,348,352,357],{"type":14,"tag":74,"props":340,"children":341},{"class":81},[342],{"type":20,"value":315},{"type":14,"tag":74,"props":344,"children":345},{"class":109},[346],{"type":20,"value":347},"'banana'",{"type":14,"tag":74,"props":349,"children":350},{"class":81},[351],{"type":20,"value":324},{"type":14,"tag":74,"props":353,"children":354},{"class":109},[355],{"type":20,"value":356},"'Banana'",{"type":14,"tag":74,"props":358,"children":359},{"class":81},[360],{"type":20,"value":334},{"type":14,"tag":74,"props":362,"children":364},{"class":76,"line":363},9,[365,369,374,378,383],{"type":14,"tag":74,"props":366,"children":367},{"class":81},[368],{"type":20,"value":315},{"type":14,"tag":74,"props":370,"children":371},{"class":109},[372],{"type":20,"value":373},"'strawberry'",{"type":14,"tag":74,"props":375,"children":376},{"class":81},[377],{"type":20,"value":324},{"type":14,"tag":74,"props":379,"children":380},{"class":109},[381],{"type":20,"value":382},"'Strawberry'",{"type":14,"tag":74,"props":384,"children":385},{"class":81},[386],{"type":20,"value":334},{"type":14,"tag":74,"props":388,"children":390},{"class":76,"line":389},10,[391,395,400,404,409],{"type":14,"tag":74,"props":392,"children":393},{"class":81},[394],{"type":20,"value":315},{"type":14,"tag":74,"props":396,"children":397},{"class":109},[398],{"type":20,"value":399},"'mango'",{"type":14,"tag":74,"props":401,"children":402},{"class":81},[403],{"type":20,"value":324},{"type":14,"tag":74,"props":405,"children":406},{"class":109},[407],{"type":20,"value":408},"'Mango'",{"type":14,"tag":74,"props":410,"children":411},{"class":81},[412],{"type":20,"value":413}," }\n",{"type":14,"tag":74,"props":415,"children":417},{"class":76,"line":416},11,[418],{"type":14,"tag":74,"props":419,"children":420},{"class":81},[421],{"type":20,"value":259},{"type":14,"tag":74,"props":423,"children":425},{"class":76,"line":424},12,[426,431,435],{"type":14,"tag":74,"props":427,"children":428},{"class":81},[429],{"type":20,"value":430},"\u003C/",{"type":14,"tag":74,"props":432,"children":433},{"class":87},[434],{"type":20,"value":90},{"type":14,"tag":74,"props":436,"children":437},{"class":81},[438],{"type":20,"value":126},{"type":14,"tag":74,"props":440,"children":442},{"class":76,"line":441},13,[443],{"type":14,"tag":74,"props":444,"children":445},{},[446],{"type":20,"value":208},{"type":14,"tag":74,"props":448,"children":450},{"class":76,"line":449},14,[451,455,459],{"type":14,"tag":74,"props":452,"children":453},{"class":81},[454],{"type":20,"value":84},{"type":14,"tag":74,"props":456,"children":457},{"class":87},[458],{"type":20,"value":47},{"type":14,"tag":74,"props":460,"children":461},{"class":81},[462],{"type":20,"value":126},{"type":14,"tag":74,"props":464,"children":466},{"class":76,"line":465},15,[467,472,477,481,486,490,495,499,504,508,513],{"type":14,"tag":74,"props":468,"children":469},{"class":81},[470],{"type":20,"value":471}," \u003C",{"type":14,"tag":74,"props":473,"children":475},{"class":474},"ct-028869",[476],{"type":20,"value":39},{"type":14,"tag":74,"props":478,"children":479},{"class":81},[480],{"type":20,"value":95},{"type":14,"tag":74,"props":482,"children":483},{"class":98},[484],{"type":20,"value":485},"v-model",{"type":14,"tag":74,"props":487,"children":488},{"class":81},[489],{"type":20,"value":106},{"type":14,"tag":74,"props":491,"children":492},{"class":109},[493],{"type":20,"value":494},"\"checked\"",{"type":14,"tag":74,"props":496,"children":497},{"class":81},[498],{"type":20,"value":95},{"type":14,"tag":74,"props":500,"children":501},{"class":98},[502],{"type":20,"value":503},":options",{"type":14,"tag":74,"props":505,"children":506},{"class":81},[507],{"type":20,"value":106},{"type":14,"tag":74,"props":509,"children":510},{"class":109},[511],{"type":20,"value":512},"\"options\"",{"type":14,"tag":74,"props":514,"children":515},{"class":81},[516],{"type":20,"value":517}," />\n",{"type":14,"tag":74,"props":519,"children":521},{"class":76,"line":520},16,[522,526,530],{"type":14,"tag":74,"props":523,"children":524},{"class":81},[525],{"type":20,"value":430},{"type":14,"tag":74,"props":527,"children":528},{"class":87},[529],{"type":20,"value":47},{"type":14,"tag":74,"props":531,"children":532},{"class":81},[533],{"type":20,"value":534},">",{"type":14,"tag":536,"props":537,"children":539},"h3",{"id":538},"disabled-state",[540],{"type":20,"value":541},"Disabled State",{"type":14,"tag":29,"props":543,"children":544},{},[545,547,552],{"type":20,"value":546},"You can disable an entire checkbox group using the ",{"type":14,"tag":35,"props":548,"children":549},{},[550],{"type":20,"value":551},"disabled",{"type":20,"value":553}," property.",{"type":14,"tag":43,"props":555,"children":556},{},[557,564],{"type":14,"tag":47,"props":558,"children":559},{"v-slot:preview":7},[560],{"type":14,"tag":51,"props":561,"children":563},{"src":562},"/components/ICheckboxGroup/examples/disabled",[],{"type":14,"tag":47,"props":565,"children":566},{"v-slot:vue":7},[567],{"type":14,"tag":59,"props":568,"children":571},{"className":569,"code":570,"language":64,"meta":7},[62],"\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\nimport type { CheckboxGroupOption } from '@inkline/inkline';\n\nconst checked = ref(['apple']);\nconst options = ref\u003CCheckboxGroupOption[]>([\n { id: 'apple', label: 'Apple' },\n { id: 'banana', label: 'Banana' },\n { id: 'strawberry', label: 'Strawberry' },\n { id: 'mango', label: 'Mango' }\n]);\n\u003C/script>\n\n\u003Ctemplate>\n \u003CICheckboxGroup v-model=\"checked\" :options=\"options\" disabled />\n\u003C/template>\n\n",[572],{"type":14,"tag":67,"props":573,"children":574},{},[575],{"type":14,"tag":59,"props":576,"children":577},{"__ignoreMap":7},[578,617,644,679,686,729,772,795,818,841,864,871,886,893,908,963],{"type":14,"tag":74,"props":579,"children":580},{"class":76,"line":77},[581,585,589,593,597,601,605,609,613],{"type":14,"tag":74,"props":582,"children":583},{"class":81},[584],{"type":20,"value":84},{"type":14,"tag":74,"props":586,"children":587},{"class":87},[588],{"type":20,"value":90},{"type":14,"tag":74,"props":590,"children":591},{"class":81},[592],{"type":20,"value":95},{"type":14,"tag":74,"props":594,"children":595},{"class":98},[596],{"type":20,"value":101},{"type":14,"tag":74,"props":598,"children":599},{"class":81},[600],{"type":20,"value":106},{"type":14,"tag":74,"props":602,"children":603},{"class":109},[604],{"type":20,"value":112},{"type":14,"tag":74,"props":606,"children":607},{"class":81},[608],{"type":20,"value":95},{"type":14,"tag":74,"props":610,"children":611},{"class":98},[612],{"type":20,"value":121},{"type":14,"tag":74,"props":614,"children":615},{"class":81},[616],{"type":20,"value":126},{"type":14,"tag":74,"props":618,"children":619},{"class":76,"line":129},[620,624,628,632,636,640],{"type":14,"tag":74,"props":621,"children":622},{"class":133},[623],{"type":20,"value":136},{"type":14,"tag":74,"props":625,"children":626},{"class":81},[627],{"type":20,"value":141},{"type":14,"tag":74,"props":629,"children":630},{"class":133},[631],{"type":20,"value":146},{"type":14,"tag":74,"props":633,"children":634},{"class":81},[635],{"type":20,"value":95},{"type":14,"tag":74,"props":637,"children":638},{"class":109},[639],{"type":20,"value":155},{"type":14,"tag":74,"props":641,"children":642},{"class":81},[643],{"type":20,"value":160},{"type":14,"tag":74,"props":645,"children":646},{"class":76,"line":163},[647,651,655,659,663,667,671,675],{"type":14,"tag":74,"props":648,"children":649},{"class":133},[650],{"type":20,"value":136},{"type":14,"tag":74,"props":652,"children":653},{"class":81},[654],{"type":20,"value":95},{"type":14,"tag":74,"props":656,"children":657},{"class":133},[658],{"type":20,"value":177},{"type":14,"tag":74,"props":660,"children":661},{"class":81},[662],{"type":20,"value":182},{"type":14,"tag":74,"props":664,"children":665},{"class":133},[666],{"type":20,"value":146},{"type":14,"tag":74,"props":668,"children":669},{"class":81},[670],{"type":20,"value":95},{"type":14,"tag":74,"props":672,"children":673},{"class":109},[674],{"type":20,"value":195},{"type":14,"tag":74,"props":676,"children":677},{"class":81},[678],{"type":20,"value":160},{"type":14,"tag":74,"props":680,"children":681},{"class":76,"line":202},[682],{"type":14,"tag":74,"props":683,"children":684},{},[685],{"type":20,"value":208},{"type":14,"tag":74,"props":687,"children":688},{"class":76,"line":211},[689,693,697,701,705,709,713,717,721,725],{"type":14,"tag":74,"props":690,"children":691},{"class":133},[692],{"type":20,"value":217},{"type":14,"tag":74,"props":694,"children":695},{"class":81},[696],{"type":20,"value":95},{"type":14,"tag":74,"props":698,"children":699},{"class":224},[700],{"type":20,"value":227},{"type":14,"tag":74,"props":702,"children":703},{"class":81},[704],{"type":20,"value":95},{"type":14,"tag":74,"props":706,"children":707},{"class":133},[708],{"type":20,"value":106},{"type":14,"tag":74,"props":710,"children":711},{"class":81},[712],{"type":20,"value":95},{"type":14,"tag":74,"props":714,"children":715},{"class":98},[716],{"type":20,"value":244},{"type":14,"tag":74,"props":718,"children":719},{"class":81},[720],{"type":20,"value":249},{"type":14,"tag":74,"props":722,"children":723},{"class":109},[724],{"type":20,"value":254},{"type":14,"tag":74,"props":726,"children":727},{"class":81},[728],{"type":20,"value":259},{"type":14,"tag":74,"props":730,"children":731},{"class":76,"line":262},[732,736,740,744,748,752,756,760,764,768],{"type":14,"tag":74,"props":733,"children":734},{"class":133},[735],{"type":20,"value":217},{"type":14,"tag":74,"props":737,"children":738},{"class":81},[739],{"type":20,"value":95},{"type":14,"tag":74,"props":741,"children":742},{"class":224},[743],{"type":20,"value":276},{"type":14,"tag":74,"props":745,"children":746},{"class":81},[747],{"type":20,"value":95},{"type":14,"tag":74,"props":749,"children":750},{"class":133},[751],{"type":20,"value":106},{"type":14,"tag":74,"props":753,"children":754},{"class":81},[755],{"type":20,"value":95},{"type":14,"tag":74,"props":757,"children":758},{"class":98},[759],{"type":20,"value":244},{"type":14,"tag":74,"props":761,"children":762},{"class":81},[763],{"type":20,"value":84},{"type":14,"tag":74,"props":765,"children":766},{"class":98},[767],{"type":20,"value":301},{"type":14,"tag":74,"props":769,"children":770},{"class":81},[771],{"type":20,"value":306},{"type":14,"tag":74,"props":773,"children":774},{"class":76,"line":309},[775,779,783,787,791],{"type":14,"tag":74,"props":776,"children":777},{"class":81},[778],{"type":20,"value":315},{"type":14,"tag":74,"props":780,"children":781},{"class":109},[782],{"type":20,"value":254},{"type":14,"tag":74,"props":784,"children":785},{"class":81},[786],{"type":20,"value":324},{"type":14,"tag":74,"props":788,"children":789},{"class":109},[790],{"type":20,"value":329},{"type":14,"tag":74,"props":792,"children":793},{"class":81},[794],{"type":20,"value":334},{"type":14,"tag":74,"props":796,"children":797},{"class":76,"line":337},[798,802,806,810,814],{"type":14,"tag":74,"props":799,"children":800},{"class":81},[801],{"type":20,"value":315},{"type":14,"tag":74,"props":803,"children":804},{"class":109},[805],{"type":20,"value":347},{"type":14,"tag":74,"props":807,"children":808},{"class":81},[809],{"type":20,"value":324},{"type":14,"tag":74,"props":811,"children":812},{"class":109},[813],{"type":20,"value":356},{"type":14,"tag":74,"props":815,"children":816},{"class":81},[817],{"type":20,"value":334},{"type":14,"tag":74,"props":819,"children":820},{"class":76,"line":363},[821,825,829,833,837],{"type":14,"tag":74,"props":822,"children":823},{"class":81},[824],{"type":20,"value":315},{"type":14,"tag":74,"props":826,"children":827},{"class":109},[828],{"type":20,"value":373},{"type":14,"tag":74,"props":830,"children":831},{"class":81},[832],{"type":20,"value":324},{"type":14,"tag":74,"props":834,"children":835},{"class":109},[836],{"type":20,"value":382},{"type":14,"tag":74,"props":838,"children":839},{"class":81},[840],{"type":20,"value":334},{"type":14,"tag":74,"props":842,"children":843},{"class":76,"line":389},[844,848,852,856,860],{"type":14,"tag":74,"props":845,"children":846},{"class":81},[847],{"type":20,"value":315},{"type":14,"tag":74,"props":849,"children":850},{"class":109},[851],{"type":20,"value":399},{"type":14,"tag":74,"props":853,"children":854},{"class":81},[855],{"type":20,"value":324},{"type":14,"tag":74,"props":857,"children":858},{"class":109},[859],{"type":20,"value":408},{"type":14,"tag":74,"props":861,"children":862},{"class":81},[863],{"type":20,"value":413},{"type":14,"tag":74,"props":865,"children":866},{"class":76,"line":416},[867],{"type":14,"tag":74,"props":868,"children":869},{"class":81},[870],{"type":20,"value":259},{"type":14,"tag":74,"props":872,"children":873},{"class":76,"line":424},[874,878,882],{"type":14,"tag":74,"props":875,"children":876},{"class":81},[877],{"type":20,"value":430},{"type":14,"tag":74,"props":879,"children":880},{"class":87},[881],{"type":20,"value":90},{"type":14,"tag":74,"props":883,"children":884},{"class":81},[885],{"type":20,"value":126},{"type":14,"tag":74,"props":887,"children":888},{"class":76,"line":441},[889],{"type":14,"tag":74,"props":890,"children":891},{},[892],{"type":20,"value":208},{"type":14,"tag":74,"props":894,"children":895},{"class":76,"line":449},[896,900,904],{"type":14,"tag":74,"props":897,"children":898},{"class":81},[899],{"type":20,"value":84},{"type":14,"tag":74,"props":901,"children":902},{"class":87},[903],{"type":20,"value":47},{"type":14,"tag":74,"props":905,"children":906},{"class":81},[907],{"type":20,"value":126},{"type":14,"tag":74,"props":909,"children":910},{"class":76,"line":465},[911,915,919,923,927,931,935,939,943,947,951,955,959],{"type":14,"tag":74,"props":912,"children":913},{"class":81},[914],{"type":20,"value":471},{"type":14,"tag":74,"props":916,"children":917},{"class":474},[918],{"type":20,"value":39},{"type":14,"tag":74,"props":920,"children":921},{"class":81},[922],{"type":20,"value":95},{"type":14,"tag":74,"props":924,"children":925},{"class":98},[926],{"type":20,"value":485},{"type":14,"tag":74,"props":928,"children":929},{"class":81},[930],{"type":20,"value":106},{"type":14,"tag":74,"props":932,"children":933},{"class":109},[934],{"type":20,"value":494},{"type":14,"tag":74,"props":936,"children":937},{"class":81},[938],{"type":20,"value":95},{"type":14,"tag":74,"props":940,"children":941},{"class":98},[942],{"type":20,"value":503},{"type":14,"tag":74,"props":944,"children":945},{"class":81},[946],{"type":20,"value":106},{"type":14,"tag":74,"props":948,"children":949},{"class":109},[950],{"type":20,"value":512},{"type":14,"tag":74,"props":952,"children":953},{"class":81},[954],{"type":20,"value":95},{"type":14,"tag":74,"props":956,"children":957},{"class":98},[958],{"type":20,"value":551},{"type":14,"tag":74,"props":960,"children":961},{"class":81},[962],{"type":20,"value":517},{"type":14,"tag":74,"props":964,"children":965},{"class":76,"line":520},[966,970,974],{"type":14,"tag":74,"props":967,"children":968},{"class":81},[969],{"type":20,"value":430},{"type":14,"tag":74,"props":971,"children":972},{"class":87},[973],{"type":20,"value":47},{"type":14,"tag":74,"props":975,"children":976},{"class":81},[977],{"type":20,"value":534},{"type":14,"tag":536,"props":979,"children":981},{"id":980},"readonly-state",[982],{"type":20,"value":983},"Readonly State",{"type":14,"tag":29,"props":985,"children":986},{},[987,988,993],{"type":20,"value":546},{"type":14,"tag":35,"props":989,"children":990},{},[991],{"type":20,"value":992},"readonly",{"type":20,"value":553},{"type":14,"tag":43,"props":995,"children":996},{},[997,1004],{"type":14,"tag":47,"props":998,"children":999},{"v-slot:preview":7},[1000],{"type":14,"tag":51,"props":1001,"children":1003},{"src":1002},"/components/ICheckboxGroup/examples/readonly",[],{"type":14,"tag":47,"props":1005,"children":1006},{"v-slot:vue":7},[1007],{"type":14,"tag":59,"props":1008,"children":1011},{"className":1009,"code":1010,"language":64,"meta":7},[62],"\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\nimport type { CheckboxGroupOption } from '@inkline/inkline';\n\nconst checked = ref(['apple']);\nconst options = ref\u003CCheckboxGroupOption[]>([\n { id: 'apple', label: 'Apple' },\n { id: 'banana', label: 'Banana' },\n { id: 'strawberry', label: 'Strawberry' },\n { id: 'mango', label: 'Mango' }\n]);\n\u003C/script>\n\n\u003Ctemplate>\n \u003CICheckboxGroup v-model=\"checked\" :options=\"options\" readonly />\n\u003C/template>\n\n",[1012],{"type":14,"tag":67,"props":1013,"children":1014},{},[1015],{"type":14,"tag":59,"props":1016,"children":1017},{"__ignoreMap":7},[1018,1057,1084,1119,1126,1169,1212,1235,1258,1281,1304,1311,1326,1333,1348,1403],{"type":14,"tag":74,"props":1019,"children":1020},{"class":76,"line":77},[1021,1025,1029,1033,1037,1041,1045,1049,1053],{"type":14,"tag":74,"props":1022,"children":1023},{"class":81},[1024],{"type":20,"value":84},{"type":14,"tag":74,"props":1026,"children":1027},{"class":87},[1028],{"type":20,"value":90},{"type":14,"tag":74,"props":1030,"children":1031},{"class":81},[1032],{"type":20,"value":95},{"type":14,"tag":74,"props":1034,"children":1035},{"class":98},[1036],{"type":20,"value":101},{"type":14,"tag":74,"props":1038,"children":1039},{"class":81},[1040],{"type":20,"value":106},{"type":14,"tag":74,"props":1042,"children":1043},{"class":109},[1044],{"type":20,"value":112},{"type":14,"tag":74,"props":1046,"children":1047},{"class":81},[1048],{"type":20,"value":95},{"type":14,"tag":74,"props":1050,"children":1051},{"class":98},[1052],{"type":20,"value":121},{"type":14,"tag":74,"props":1054,"children":1055},{"class":81},[1056],{"type":20,"value":126},{"type":14,"tag":74,"props":1058,"children":1059},{"class":76,"line":129},[1060,1064,1068,1072,1076,1080],{"type":14,"tag":74,"props":1061,"children":1062},{"class":133},[1063],{"type":20,"value":136},{"type":14,"tag":74,"props":1065,"children":1066},{"class":81},[1067],{"type":20,"value":141},{"type":14,"tag":74,"props":1069,"children":1070},{"class":133},[1071],{"type":20,"value":146},{"type":14,"tag":74,"props":1073,"children":1074},{"class":81},[1075],{"type":20,"value":95},{"type":14,"tag":74,"props":1077,"children":1078},{"class":109},[1079],{"type":20,"value":155},{"type":14,"tag":74,"props":1081,"children":1082},{"class":81},[1083],{"type":20,"value":160},{"type":14,"tag":74,"props":1085,"children":1086},{"class":76,"line":163},[1087,1091,1095,1099,1103,1107,1111,1115],{"type":14,"tag":74,"props":1088,"children":1089},{"class":133},[1090],{"type":20,"value":136},{"type":14,"tag":74,"props":1092,"children":1093},{"class":81},[1094],{"type":20,"value":95},{"type":14,"tag":74,"props":1096,"children":1097},{"class":133},[1098],{"type":20,"value":177},{"type":14,"tag":74,"props":1100,"children":1101},{"class":81},[1102],{"type":20,"value":182},{"type":14,"tag":74,"props":1104,"children":1105},{"class":133},[1106],{"type":20,"value":146},{"type":14,"tag":74,"props":1108,"children":1109},{"class":81},[1110],{"type":20,"value":95},{"type":14,"tag":74,"props":1112,"children":1113},{"class":109},[1114],{"type":20,"value":195},{"type":14,"tag":74,"props":1116,"children":1117},{"class":81},[1118],{"type":20,"value":160},{"type":14,"tag":74,"props":1120,"children":1121},{"class":76,"line":202},[1122],{"type":14,"tag":74,"props":1123,"children":1124},{},[1125],{"type":20,"value":208},{"type":14,"tag":74,"props":1127,"children":1128},{"class":76,"line":211},[1129,1133,1137,1141,1145,1149,1153,1157,1161,1165],{"type":14,"tag":74,"props":1130,"children":1131},{"class":133},[1132],{"type":20,"value":217},{"type":14,"tag":74,"props":1134,"children":1135},{"class":81},[1136],{"type":20,"value":95},{"type":14,"tag":74,"props":1138,"children":1139},{"class":224},[1140],{"type":20,"value":227},{"type":14,"tag":74,"props":1142,"children":1143},{"class":81},[1144],{"type":20,"value":95},{"type":14,"tag":74,"props":1146,"children":1147},{"class":133},[1148],{"type":20,"value":106},{"type":14,"tag":74,"props":1150,"children":1151},{"class":81},[1152],{"type":20,"value":95},{"type":14,"tag":74,"props":1154,"children":1155},{"class":98},[1156],{"type":20,"value":244},{"type":14,"tag":74,"props":1158,"children":1159},{"class":81},[1160],{"type":20,"value":249},{"type":14,"tag":74,"props":1162,"children":1163},{"class":109},[1164],{"type":20,"value":254},{"type":14,"tag":74,"props":1166,"children":1167},{"class":81},[1168],{"type":20,"value":259},{"type":14,"tag":74,"props":1170,"children":1171},{"class":76,"line":262},[1172,1176,1180,1184,1188,1192,1196,1200,1204,1208],{"type":14,"tag":74,"props":1173,"children":1174},{"class":133},[1175],{"type":20,"value":217},{"type":14,"tag":74,"props":1177,"children":1178},{"class":81},[1179],{"type":20,"value":95},{"type":14,"tag":74,"props":1181,"children":1182},{"class":224},[1183],{"type":20,"value":276},{"type":14,"tag":74,"props":1185,"children":1186},{"class":81},[1187],{"type":20,"value":95},{"type":14,"tag":74,"props":1189,"children":1190},{"class":133},[1191],{"type":20,"value":106},{"type":14,"tag":74,"props":1193,"children":1194},{"class":81},[1195],{"type":20,"value":95},{"type":14,"tag":74,"props":1197,"children":1198},{"class":98},[1199],{"type":20,"value":244},{"type":14,"tag":74,"props":1201,"children":1202},{"class":81},[1203],{"type":20,"value":84},{"type":14,"tag":74,"props":1205,"children":1206},{"class":98},[1207],{"type":20,"value":301},{"type":14,"tag":74,"props":1209,"children":1210},{"class":81},[1211],{"type":20,"value":306},{"type":14,"tag":74,"props":1213,"children":1214},{"class":76,"line":309},[1215,1219,1223,1227,1231],{"type":14,"tag":74,"props":1216,"children":1217},{"class":81},[1218],{"type":20,"value":315},{"type":14,"tag":74,"props":1220,"children":1221},{"class":109},[1222],{"type":20,"value":254},{"type":14,"tag":74,"props":1224,"children":1225},{"class":81},[1226],{"type":20,"value":324},{"type":14,"tag":74,"props":1228,"children":1229},{"class":109},[1230],{"type":20,"value":329},{"type":14,"tag":74,"props":1232,"children":1233},{"class":81},[1234],{"type":20,"value":334},{"type":14,"tag":74,"props":1236,"children":1237},{"class":76,"line":337},[1238,1242,1246,1250,1254],{"type":14,"tag":74,"props":1239,"children":1240},{"class":81},[1241],{"type":20,"value":315},{"type":14,"tag":74,"props":1243,"children":1244},{"class":109},[1245],{"type":20,"value":347},{"type":14,"tag":74,"props":1247,"children":1248},{"class":81},[1249],{"type":20,"value":324},{"type":14,"tag":74,"props":1251,"children":1252},{"class":109},[1253],{"type":20,"value":356},{"type":14,"tag":74,"props":1255,"children":1256},{"class":81},[1257],{"type":20,"value":334},{"type":14,"tag":74,"props":1259,"children":1260},{"class":76,"line":363},[1261,1265,1269,1273,1277],{"type":14,"tag":74,"props":1262,"children":1263},{"class":81},[1264],{"type":20,"value":315},{"type":14,"tag":74,"props":1266,"children":1267},{"class":109},[1268],{"type":20,"value":373},{"type":14,"tag":74,"props":1270,"children":1271},{"class":81},[1272],{"type":20,"value":324},{"type":14,"tag":74,"props":1274,"children":1275},{"class":109},[1276],{"type":20,"value":382},{"type":14,"tag":74,"props":1278,"children":1279},{"class":81},[1280],{"type":20,"value":334},{"type":14,"tag":74,"props":1282,"children":1283},{"class":76,"line":389},[1284,1288,1292,1296,1300],{"type":14,"tag":74,"props":1285,"children":1286},{"class":81},[1287],{"type":20,"value":315},{"type":14,"tag":74,"props":1289,"children":1290},{"class":109},[1291],{"type":20,"value":399},{"type":14,"tag":74,"props":1293,"children":1294},{"class":81},[1295],{"type":20,"value":324},{"type":14,"tag":74,"props":1297,"children":1298},{"class":109},[1299],{"type":20,"value":408},{"type":14,"tag":74,"props":1301,"children":1302},{"class":81},[1303],{"type":20,"value":413},{"type":14,"tag":74,"props":1305,"children":1306},{"class":76,"line":416},[1307],{"type":14,"tag":74,"props":1308,"children":1309},{"class":81},[1310],{"type":20,"value":259},{"type":14,"tag":74,"props":1312,"children":1313},{"class":76,"line":424},[1314,1318,1322],{"type":14,"tag":74,"props":1315,"children":1316},{"class":81},[1317],{"type":20,"value":430},{"type":14,"tag":74,"props":1319,"children":1320},{"class":87},[1321],{"type":20,"value":90},{"type":14,"tag":74,"props":1323,"children":1324},{"class":81},[1325],{"type":20,"value":126},{"type":14,"tag":74,"props":1327,"children":1328},{"class":76,"line":441},[1329],{"type":14,"tag":74,"props":1330,"children":1331},{},[1332],{"type":20,"value":208},{"type":14,"tag":74,"props":1334,"children":1335},{"class":76,"line":449},[1336,1340,1344],{"type":14,"tag":74,"props":1337,"children":1338},{"class":81},[1339],{"type":20,"value":84},{"type":14,"tag":74,"props":1341,"children":1342},{"class":87},[1343],{"type":20,"value":47},{"type":14,"tag":74,"props":1345,"children":1346},{"class":81},[1347],{"type":20,"value":126},{"type":14,"tag":74,"props":1349,"children":1350},{"class":76,"line":465},[1351,1355,1359,1363,1367,1371,1375,1379,1383,1387,1391,1395,1399],{"type":14,"tag":74,"props":1352,"children":1353},{"class":81},[1354],{"type":20,"value":471},{"type":14,"tag":74,"props":1356,"children":1357},{"class":474},[1358],{"type":20,"value":39},{"type":14,"tag":74,"props":1360,"children":1361},{"class":81},[1362],{"type":20,"value":95},{"type":14,"tag":74,"props":1364,"children":1365},{"class":98},[1366],{"type":20,"value":485},{"type":14,"tag":74,"props":1368,"children":1369},{"class":81},[1370],{"type":20,"value":106},{"type":14,"tag":74,"props":1372,"children":1373},{"class":109},[1374],{"type":20,"value":494},{"type":14,"tag":74,"props":1376,"children":1377},{"class":81},[1378],{"type":20,"value":95},{"type":14,"tag":74,"props":1380,"children":1381},{"class":98},[1382],{"type":20,"value":503},{"type":14,"tag":74,"props":1384,"children":1385},{"class":81},[1386],{"type":20,"value":106},{"type":14,"tag":74,"props":1388,"children":1389},{"class":109},[1390],{"type":20,"value":512},{"type":14,"tag":74,"props":1392,"children":1393},{"class":81},[1394],{"type":20,"value":95},{"type":14,"tag":74,"props":1396,"children":1397},{"class":98},[1398],{"type":20,"value":992},{"type":14,"tag":74,"props":1400,"children":1401},{"class":81},[1402],{"type":20,"value":517},{"type":14,"tag":74,"props":1404,"children":1405},{"class":76,"line":520},[1406,1410,1414],{"type":14,"tag":74,"props":1407,"children":1408},{"class":81},[1409],{"type":20,"value":430},{"type":14,"tag":74,"props":1411,"children":1412},{"class":87},[1413],{"type":20,"value":47},{"type":14,"tag":74,"props":1415,"children":1416},{"class":81},[1417],{"type":20,"value":534},{"type":14,"tag":536,"props":1419,"children":1421},{"id":1420},"color-variants",[1422],{"type":20,"value":1423},"Color Variants",{"type":14,"tag":29,"props":1425,"children":1426},{},[1427,1429,1434,1436,1441,1443,1448],{"type":20,"value":1428},"You can use the ",{"type":14,"tag":35,"props":1430,"children":1431},{},[1432],{"type":20,"value":1433},"color",{"type":20,"value":1435}," property to set a ",{"type":14,"tag":35,"props":1437,"children":1438},{},[1439],{"type":20,"value":1440},"light",{"type":20,"value":1442}," or ",{"type":14,"tag":35,"props":1444,"children":1445},{},[1446],{"type":20,"value":1447},"dark",{"type":20,"value":1449}," color for your checkboxes.",{"type":14,"tag":43,"props":1451,"children":1452},{},[1453,1460],{"type":14,"tag":47,"props":1454,"children":1455},{"v-slot:preview":7},[1456],{"type":14,"tag":51,"props":1457,"children":1459},{"src":1458},"/components/ICheckboxGroup/examples/color-variants",[],{"type":14,"tag":47,"props":1461,"children":1462},{"v-slot:vue":7},[1463],{"type":14,"tag":59,"props":1464,"children":1467},{"className":1465,"code":1466,"language":64,"meta":7},[62],"\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\nimport type { CheckboxGroupOption } from '@inkline/inkline';\n\nconst checked = ref(['apple']);\nconst options = ref\u003CCheckboxGroupOption[]>([\n { id: 'apple', label: 'Apple' },\n { id: 'banana', label: 'Banana' },\n { id: 'strawberry', label: 'Strawberry' },\n { id: 'mango', label: 'Mango' }\n]);\n\u003C/script>\n\u003Ctemplate>\n \u003Cdiv>\n \u003Cdiv class=\"_background:white _display:flex _align-items:center _padding:1\">\n \u003CICheckboxGroup v-model=\"checked\" :options=\"options\" color=\"light\" />\n \u003C/div>\n\n \u003Cdiv class=\"_background:gray-90 _display:flex _align-items:center _padding:1\">\n \u003CICheckboxGroup v-model=\"checked\" :options=\"options\" color=\"dark\" />\n \u003C/div>\n \u003C/div>\n\u003C/template>\n\n",[1468],{"type":14,"tag":67,"props":1469,"children":1470},{},[1471],{"type":14,"tag":59,"props":1472,"children":1473},{"__ignoreMap":7},[1474,1513,1540,1575,1582,1625,1668,1691,1714,1737,1760,1767,1782,1797,1813,1847,1912,1929,1937,1970,2035,2051,2068],{"type":14,"tag":74,"props":1475,"children":1476},{"class":76,"line":77},[1477,1481,1485,1489,1493,1497,1501,1505,1509],{"type":14,"tag":74,"props":1478,"children":1479},{"class":81},[1480],{"type":20,"value":84},{"type":14,"tag":74,"props":1482,"children":1483},{"class":87},[1484],{"type":20,"value":90},{"type":14,"tag":74,"props":1486,"children":1487},{"class":81},[1488],{"type":20,"value":95},{"type":14,"tag":74,"props":1490,"children":1491},{"class":98},[1492],{"type":20,"value":101},{"type":14,"tag":74,"props":1494,"children":1495},{"class":81},[1496],{"type":20,"value":106},{"type":14,"tag":74,"props":1498,"children":1499},{"class":109},[1500],{"type":20,"value":112},{"type":14,"tag":74,"props":1502,"children":1503},{"class":81},[1504],{"type":20,"value":95},{"type":14,"tag":74,"props":1506,"children":1507},{"class":98},[1508],{"type":20,"value":121},{"type":14,"tag":74,"props":1510,"children":1511},{"class":81},[1512],{"type":20,"value":126},{"type":14,"tag":74,"props":1514,"children":1515},{"class":76,"line":129},[1516,1520,1524,1528,1532,1536],{"type":14,"tag":74,"props":1517,"children":1518},{"class":133},[1519],{"type":20,"value":136},{"type":14,"tag":74,"props":1521,"children":1522},{"class":81},[1523],{"type":20,"value":141},{"type":14,"tag":74,"props":1525,"children":1526},{"class":133},[1527],{"type":20,"value":146},{"type":14,"tag":74,"props":1529,"children":1530},{"class":81},[1531],{"type":20,"value":95},{"type":14,"tag":74,"props":1533,"children":1534},{"class":109},[1535],{"type":20,"value":155},{"type":14,"tag":74,"props":1537,"children":1538},{"class":81},[1539],{"type":20,"value":160},{"type":14,"tag":74,"props":1541,"children":1542},{"class":76,"line":163},[1543,1547,1551,1555,1559,1563,1567,1571],{"type":14,"tag":74,"props":1544,"children":1545},{"class":133},[1546],{"type":20,"value":136},{"type":14,"tag":74,"props":1548,"children":1549},{"class":81},[1550],{"type":20,"value":95},{"type":14,"tag":74,"props":1552,"children":1553},{"class":133},[1554],{"type":20,"value":177},{"type":14,"tag":74,"props":1556,"children":1557},{"class":81},[1558],{"type":20,"value":182},{"type":14,"tag":74,"props":1560,"children":1561},{"class":133},[1562],{"type":20,"value":146},{"type":14,"tag":74,"props":1564,"children":1565},{"class":81},[1566],{"type":20,"value":95},{"type":14,"tag":74,"props":1568,"children":1569},{"class":109},[1570],{"type":20,"value":195},{"type":14,"tag":74,"props":1572,"children":1573},{"class":81},[1574],{"type":20,"value":160},{"type":14,"tag":74,"props":1576,"children":1577},{"class":76,"line":202},[1578],{"type":14,"tag":74,"props":1579,"children":1580},{},[1581],{"type":20,"value":208},{"type":14,"tag":74,"props":1583,"children":1584},{"class":76,"line":211},[1585,1589,1593,1597,1601,1605,1609,1613,1617,1621],{"type":14,"tag":74,"props":1586,"children":1587},{"class":133},[1588],{"type":20,"value":217},{"type":14,"tag":74,"props":1590,"children":1591},{"class":81},[1592],{"type":20,"value":95},{"type":14,"tag":74,"props":1594,"children":1595},{"class":224},[1596],{"type":20,"value":227},{"type":14,"tag":74,"props":1598,"children":1599},{"class":81},[1600],{"type":20,"value":95},{"type":14,"tag":74,"props":1602,"children":1603},{"class":133},[1604],{"type":20,"value":106},{"type":14,"tag":74,"props":1606,"children":1607},{"class":81},[1608],{"type":20,"value":95},{"type":14,"tag":74,"props":1610,"children":1611},{"class":98},[1612],{"type":20,"value":244},{"type":14,"tag":74,"props":1614,"children":1615},{"class":81},[1616],{"type":20,"value":249},{"type":14,"tag":74,"props":1618,"children":1619},{"class":109},[1620],{"type":20,"value":254},{"type":14,"tag":74,"props":1622,"children":1623},{"class":81},[1624],{"type":20,"value":259},{"type":14,"tag":74,"props":1626,"children":1627},{"class":76,"line":262},[1628,1632,1636,1640,1644,1648,1652,1656,1660,1664],{"type":14,"tag":74,"props":1629,"children":1630},{"class":133},[1631],{"type":20,"value":217},{"type":14,"tag":74,"props":1633,"children":1634},{"class":81},[1635],{"type":20,"value":95},{"type":14,"tag":74,"props":1637,"children":1638},{"class":224},[1639],{"type":20,"value":276},{"type":14,"tag":74,"props":1641,"children":1642},{"class":81},[1643],{"type":20,"value":95},{"type":14,"tag":74,"props":1645,"children":1646},{"class":133},[1647],{"type":20,"value":106},{"type":14,"tag":74,"props":1649,"children":1650},{"class":81},[1651],{"type":20,"value":95},{"type":14,"tag":74,"props":1653,"children":1654},{"class":98},[1655],{"type":20,"value":244},{"type":14,"tag":74,"props":1657,"children":1658},{"class":81},[1659],{"type":20,"value":84},{"type":14,"tag":74,"props":1661,"children":1662},{"class":98},[1663],{"type":20,"value":301},{"type":14,"tag":74,"props":1665,"children":1666},{"class":81},[1667],{"type":20,"value":306},{"type":14,"tag":74,"props":1669,"children":1670},{"class":76,"line":309},[1671,1675,1679,1683,1687],{"type":14,"tag":74,"props":1672,"children":1673},{"class":81},[1674],{"type":20,"value":315},{"type":14,"tag":74,"props":1676,"children":1677},{"class":109},[1678],{"type":20,"value":254},{"type":14,"tag":74,"props":1680,"children":1681},{"class":81},[1682],{"type":20,"value":324},{"type":14,"tag":74,"props":1684,"children":1685},{"class":109},[1686],{"type":20,"value":329},{"type":14,"tag":74,"props":1688,"children":1689},{"class":81},[1690],{"type":20,"value":334},{"type":14,"tag":74,"props":1692,"children":1693},{"class":76,"line":337},[1694,1698,1702,1706,1710],{"type":14,"tag":74,"props":1695,"children":1696},{"class":81},[1697],{"type":20,"value":315},{"type":14,"tag":74,"props":1699,"children":1700},{"class":109},[1701],{"type":20,"value":347},{"type":14,"tag":74,"props":1703,"children":1704},{"class":81},[1705],{"type":20,"value":324},{"type":14,"tag":74,"props":1707,"children":1708},{"class":109},[1709],{"type":20,"value":356},{"type":14,"tag":74,"props":1711,"children":1712},{"class":81},[1713],{"type":20,"value":334},{"type":14,"tag":74,"props":1715,"children":1716},{"class":76,"line":363},[1717,1721,1725,1729,1733],{"type":14,"tag":74,"props":1718,"children":1719},{"class":81},[1720],{"type":20,"value":315},{"type":14,"tag":74,"props":1722,"children":1723},{"class":109},[1724],{"type":20,"value":373},{"type":14,"tag":74,"props":1726,"children":1727},{"class":81},[1728],{"type":20,"value":324},{"type":14,"tag":74,"props":1730,"children":1731},{"class":109},[1732],{"type":20,"value":382},{"type":14,"tag":74,"props":1734,"children":1735},{"class":81},[1736],{"type":20,"value":334},{"type":14,"tag":74,"props":1738,"children":1739},{"class":76,"line":389},[1740,1744,1748,1752,1756],{"type":14,"tag":74,"props":1741,"children":1742},{"class":81},[1743],{"type":20,"value":315},{"type":14,"tag":74,"props":1745,"children":1746},{"class":109},[1747],{"type":20,"value":399},{"type":14,"tag":74,"props":1749,"children":1750},{"class":81},[1751],{"type":20,"value":324},{"type":14,"tag":74,"props":1753,"children":1754},{"class":109},[1755],{"type":20,"value":408},{"type":14,"tag":74,"props":1757,"children":1758},{"class":81},[1759],{"type":20,"value":413},{"type":14,"tag":74,"props":1761,"children":1762},{"class":76,"line":416},[1763],{"type":14,"tag":74,"props":1764,"children":1765},{"class":81},[1766],{"type":20,"value":259},{"type":14,"tag":74,"props":1768,"children":1769},{"class":76,"line":424},[1770,1774,1778],{"type":14,"tag":74,"props":1771,"children":1772},{"class":81},[1773],{"type":20,"value":430},{"type":14,"tag":74,"props":1775,"children":1776},{"class":87},[1777],{"type":20,"value":90},{"type":14,"tag":74,"props":1779,"children":1780},{"class":81},[1781],{"type":20,"value":126},{"type":14,"tag":74,"props":1783,"children":1784},{"class":76,"line":441},[1785,1789,1793],{"type":14,"tag":74,"props":1786,"children":1787},{"class":81},[1788],{"type":20,"value":84},{"type":14,"tag":74,"props":1790,"children":1791},{"class":87},[1792],{"type":20,"value":47},{"type":14,"tag":74,"props":1794,"children":1795},{"class":81},[1796],{"type":20,"value":126},{"type":14,"tag":74,"props":1798,"children":1799},{"class":76,"line":449},[1800,1804,1809],{"type":14,"tag":74,"props":1801,"children":1802},{"class":81},[1803],{"type":20,"value":471},{"type":14,"tag":74,"props":1805,"children":1806},{"class":87},[1807],{"type":20,"value":1808},"div",{"type":14,"tag":74,"props":1810,"children":1811},{"class":81},[1812],{"type":20,"value":126},{"type":14,"tag":74,"props":1814,"children":1815},{"class":76,"line":465},[1816,1821,1825,1829,1834,1838,1843],{"type":14,"tag":74,"props":1817,"children":1818},{"class":81},[1819],{"type":20,"value":1820}," \u003C",{"type":14,"tag":74,"props":1822,"children":1823},{"class":87},[1824],{"type":20,"value":1808},{"type":14,"tag":74,"props":1826,"children":1827},{"class":81},[1828],{"type":20,"value":95},{"type":14,"tag":74,"props":1830,"children":1831},{"class":98},[1832],{"type":20,"value":1833},"class",{"type":14,"tag":74,"props":1835,"children":1836},{"class":81},[1837],{"type":20,"value":106},{"type":14,"tag":74,"props":1839,"children":1840},{"class":109},[1841],{"type":20,"value":1842},"\"_background:white _display:flex _align-items:center _padding:1\"",{"type":14,"tag":74,"props":1844,"children":1845},{"class":81},[1846],{"type":20,"value":126},{"type":14,"tag":74,"props":1848,"children":1849},{"class":76,"line":520},[1850,1855,1859,1863,1867,1871,1875,1879,1883,1887,1891,1895,1899,1903,1908],{"type":14,"tag":74,"props":1851,"children":1852},{"class":81},[1853],{"type":20,"value":1854}," \u003C",{"type":14,"tag":74,"props":1856,"children":1857},{"class":474},[1858],{"type":20,"value":39},{"type":14,"tag":74,"props":1860,"children":1861},{"class":81},[1862],{"type":20,"value":95},{"type":14,"tag":74,"props":1864,"children":1865},{"class":98},[1866],{"type":20,"value":485},{"type":14,"tag":74,"props":1868,"children":1869},{"class":81},[1870],{"type":20,"value":106},{"type":14,"tag":74,"props":1872,"children":1873},{"class":109},[1874],{"type":20,"value":494},{"type":14,"tag":74,"props":1876,"children":1877},{"class":81},[1878],{"type":20,"value":95},{"type":14,"tag":74,"props":1880,"children":1881},{"class":98},[1882],{"type":20,"value":503},{"type":14,"tag":74,"props":1884,"children":1885},{"class":81},[1886],{"type":20,"value":106},{"type":14,"tag":74,"props":1888,"children":1889},{"class":109},[1890],{"type":20,"value":512},{"type":14,"tag":74,"props":1892,"children":1893},{"class":81},[1894],{"type":20,"value":95},{"type":14,"tag":74,"props":1896,"children":1897},{"class":98},[1898],{"type":20,"value":1433},{"type":14,"tag":74,"props":1900,"children":1901},{"class":81},[1902],{"type":20,"value":106},{"type":14,"tag":74,"props":1904,"children":1905},{"class":109},[1906],{"type":20,"value":1907},"\"light\"",{"type":14,"tag":74,"props":1909,"children":1910},{"class":81},[1911],{"type":20,"value":517},{"type":14,"tag":74,"props":1913,"children":1915},{"class":76,"line":1914},17,[1916,1921,1925],{"type":14,"tag":74,"props":1917,"children":1918},{"class":81},[1919],{"type":20,"value":1920}," \u003C/",{"type":14,"tag":74,"props":1922,"children":1923},{"class":87},[1924],{"type":20,"value":1808},{"type":14,"tag":74,"props":1926,"children":1927},{"class":81},[1928],{"type":20,"value":126},{"type":14,"tag":74,"props":1930,"children":1932},{"class":76,"line":1931},18,[1933],{"type":14,"tag":74,"props":1934,"children":1935},{},[1936],{"type":20,"value":208},{"type":14,"tag":74,"props":1938,"children":1940},{"class":76,"line":1939},19,[1941,1945,1949,1953,1957,1961,1966],{"type":14,"tag":74,"props":1942,"children":1943},{"class":81},[1944],{"type":20,"value":1820},{"type":14,"tag":74,"props":1946,"children":1947},{"class":87},[1948],{"type":20,"value":1808},{"type":14,"tag":74,"props":1950,"children":1951},{"class":81},[1952],{"type":20,"value":95},{"type":14,"tag":74,"props":1954,"children":1955},{"class":98},[1956],{"type":20,"value":1833},{"type":14,"tag":74,"props":1958,"children":1959},{"class":81},[1960],{"type":20,"value":106},{"type":14,"tag":74,"props":1962,"children":1963},{"class":109},[1964],{"type":20,"value":1965},"\"_background:gray-90 _display:flex _align-items:center _padding:1\"",{"type":14,"tag":74,"props":1967,"children":1968},{"class":81},[1969],{"type":20,"value":126},{"type":14,"tag":74,"props":1971,"children":1973},{"class":76,"line":1972},20,[1974,1978,1982,1986,1990,1994,1998,2002,2006,2010,2014,2018,2022,2026,2031],{"type":14,"tag":74,"props":1975,"children":1976},{"class":81},[1977],{"type":20,"value":1854},{"type":14,"tag":74,"props":1979,"children":1980},{"class":474},[1981],{"type":20,"value":39},{"type":14,"tag":74,"props":1983,"children":1984},{"class":81},[1985],{"type":20,"value":95},{"type":14,"tag":74,"props":1987,"children":1988},{"class":98},[1989],{"type":20,"value":485},{"type":14,"tag":74,"props":1991,"children":1992},{"class":81},[1993],{"type":20,"value":106},{"type":14,"tag":74,"props":1995,"children":1996},{"class":109},[1997],{"type":20,"value":494},{"type":14,"tag":74,"props":1999,"children":2000},{"class":81},[2001],{"type":20,"value":95},{"type":14,"tag":74,"props":2003,"children":2004},{"class":98},[2005],{"type":20,"value":503},{"type":14,"tag":74,"props":2007,"children":2008},{"class":81},[2009],{"type":20,"value":106},{"type":14,"tag":74,"props":2011,"children":2012},{"class":109},[2013],{"type":20,"value":512},{"type":14,"tag":74,"props":2015,"children":2016},{"class":81},[2017],{"type":20,"value":95},{"type":14,"tag":74,"props":2019,"children":2020},{"class":98},[2021],{"type":20,"value":1433},{"type":14,"tag":74,"props":2023,"children":2024},{"class":81},[2025],{"type":20,"value":106},{"type":14,"tag":74,"props":2027,"children":2028},{"class":109},[2029],{"type":20,"value":2030},"\"dark\"",{"type":14,"tag":74,"props":2032,"children":2033},{"class":81},[2034],{"type":20,"value":517},{"type":14,"tag":74,"props":2036,"children":2038},{"class":76,"line":2037},21,[2039,2043,2047],{"type":14,"tag":74,"props":2040,"children":2041},{"class":81},[2042],{"type":20,"value":1920},{"type":14,"tag":74,"props":2044,"children":2045},{"class":87},[2046],{"type":20,"value":1808},{"type":14,"tag":74,"props":2048,"children":2049},{"class":81},[2050],{"type":20,"value":126},{"type":14,"tag":74,"props":2052,"children":2054},{"class":76,"line":2053},22,[2055,2060,2064],{"type":14,"tag":74,"props":2056,"children":2057},{"class":81},[2058],{"type":20,"value":2059}," \u003C/",{"type":14,"tag":74,"props":2061,"children":2062},{"class":87},[2063],{"type":20,"value":1808},{"type":14,"tag":74,"props":2065,"children":2066},{"class":81},[2067],{"type":20,"value":126},{"type":14,"tag":74,"props":2069,"children":2071},{"class":76,"line":2070},23,[2072,2076,2080],{"type":14,"tag":74,"props":2073,"children":2074},{"class":81},[2075],{"type":20,"value":430},{"type":14,"tag":74,"props":2077,"children":2078},{"class":87},[2079],{"type":20,"value":47},{"type":14,"tag":74,"props":2081,"children":2082},{"class":81},[2083],{"type":20,"value":534},{"type":14,"tag":536,"props":2085,"children":2087},{"id":2086},"size-variants",[2088],{"type":20,"value":2089},"Size Variants",{"type":14,"tag":29,"props":2091,"children":2092},{},[2093,2095,2100,2102,2107,2109,2114,2116,2121,2123,2127],{"type":20,"value":2094},"You're able to use the ",{"type":14,"tag":35,"props":2096,"children":2097},{},[2098],{"type":20,"value":2099},"size",{"type":20,"value":2101}," property to control the size of your checkbox group, using one of the available sizes: ",{"type":14,"tag":35,"props":2103,"children":2104},{},[2105],{"type":20,"value":2106},"sm",{"type":20,"value":2108},", ",{"type":14,"tag":35,"props":2110,"children":2111},{},[2112],{"type":20,"value":2113},"md",{"type":20,"value":2115},", and ",{"type":14,"tag":35,"props":2117,"children":2118},{},[2119],{"type":20,"value":2120},"lg",{"type":20,"value":2122},". The default size is set to ",{"type":14,"tag":35,"props":2124,"children":2125},{},[2126],{"type":20,"value":2113},{"type":20,"value":2128},".",{"type":14,"tag":29,"props":2130,"children":2131},{},[2132],{"type":20,"value":2133},"The chosen size will be applied to all of its child inputs.",{"type":14,"tag":43,"props":2135,"children":2136},{},[2137,2144],{"type":14,"tag":47,"props":2138,"children":2139},{"v-slot:preview":7},[2140],{"type":14,"tag":51,"props":2141,"children":2143},{"src":2142},"/components/ICheckboxGroup/examples/size-variants",[],{"type":14,"tag":47,"props":2145,"children":2146},{"v-slot:vue":7},[2147],{"type":14,"tag":59,"props":2148,"children":2151},{"className":2149,"code":2150,"language":64,"meta":7},[62],"\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\nimport type { CheckboxGroupOption } from '@inkline/inkline';\n\nconst checked = ref(['apple']);\nconst options = ref\u003CCheckboxGroupOption[]>([\n { id: 'apple', label: 'Apple' },\n { id: 'banana', label: 'Banana' },\n { id: 'strawberry', label: 'Strawberry' },\n { id: 'mango', label: 'Mango' }\n]);\n\u003C/script>\n\n\u003Ctemplate>\n \u003CICheckboxGroup v-model=\"checked\" :options=\"options\" size=\"sm\" />\n\n \u003CICheckboxGroup v-model=\"checked\" :options=\"options\" size=\"md\" />\n\n \u003CICheckboxGroup v-model=\"checked\" :options=\"options\" size=\"lg\" />\n\u003C/template>\n\n",[2152],{"type":14,"tag":67,"props":2153,"children":2154},{},[2155],{"type":14,"tag":59,"props":2156,"children":2157},{"__ignoreMap":7},[2158,2197,2224,2259,2266,2309,2352,2375,2398,2421,2444,2451,2466,2473,2488,2552,2559,2623,2630,2694],{"type":14,"tag":74,"props":2159,"children":2160},{"class":76,"line":77},[2161,2165,2169,2173,2177,2181,2185,2189,2193],{"type":14,"tag":74,"props":2162,"children":2163},{"class":81},[2164],{"type":20,"value":84},{"type":14,"tag":74,"props":2166,"children":2167},{"class":87},[2168],{"type":20,"value":90},{"type":14,"tag":74,"props":2170,"children":2171},{"class":81},[2172],{"type":20,"value":95},{"type":14,"tag":74,"props":2174,"children":2175},{"class":98},[2176],{"type":20,"value":101},{"type":14,"tag":74,"props":2178,"children":2179},{"class":81},[2180],{"type":20,"value":106},{"type":14,"tag":74,"props":2182,"children":2183},{"class":109},[2184],{"type":20,"value":112},{"type":14,"tag":74,"props":2186,"children":2187},{"class":81},[2188],{"type":20,"value":95},{"type":14,"tag":74,"props":2190,"children":2191},{"class":98},[2192],{"type":20,"value":121},{"type":14,"tag":74,"props":2194,"children":2195},{"class":81},[2196],{"type":20,"value":126},{"type":14,"tag":74,"props":2198,"children":2199},{"class":76,"line":129},[2200,2204,2208,2212,2216,2220],{"type":14,"tag":74,"props":2201,"children":2202},{"class":133},[2203],{"type":20,"value":136},{"type":14,"tag":74,"props":2205,"children":2206},{"class":81},[2207],{"type":20,"value":141},{"type":14,"tag":74,"props":2209,"children":2210},{"class":133},[2211],{"type":20,"value":146},{"type":14,"tag":74,"props":2213,"children":2214},{"class":81},[2215],{"type":20,"value":95},{"type":14,"tag":74,"props":2217,"children":2218},{"class":109},[2219],{"type":20,"value":155},{"type":14,"tag":74,"props":2221,"children":2222},{"class":81},[2223],{"type":20,"value":160},{"type":14,"tag":74,"props":2225,"children":2226},{"class":76,"line":163},[2227,2231,2235,2239,2243,2247,2251,2255],{"type":14,"tag":74,"props":2228,"children":2229},{"class":133},[2230],{"type":20,"value":136},{"type":14,"tag":74,"props":2232,"children":2233},{"class":81},[2234],{"type":20,"value":95},{"type":14,"tag":74,"props":2236,"children":2237},{"class":133},[2238],{"type":20,"value":177},{"type":14,"tag":74,"props":2240,"children":2241},{"class":81},[2242],{"type":20,"value":182},{"type":14,"tag":74,"props":2244,"children":2245},{"class":133},[2246],{"type":20,"value":146},{"type":14,"tag":74,"props":2248,"children":2249},{"class":81},[2250],{"type":20,"value":95},{"type":14,"tag":74,"props":2252,"children":2253},{"class":109},[2254],{"type":20,"value":195},{"type":14,"tag":74,"props":2256,"children":2257},{"class":81},[2258],{"type":20,"value":160},{"type":14,"tag":74,"props":2260,"children":2261},{"class":76,"line":202},[2262],{"type":14,"tag":74,"props":2263,"children":2264},{},[2265],{"type":20,"value":208},{"type":14,"tag":74,"props":2267,"children":2268},{"class":76,"line":211},[2269,2273,2277,2281,2285,2289,2293,2297,2301,2305],{"type":14,"tag":74,"props":2270,"children":2271},{"class":133},[2272],{"type":20,"value":217},{"type":14,"tag":74,"props":2274,"children":2275},{"class":81},[2276],{"type":20,"value":95},{"type":14,"tag":74,"props":2278,"children":2279},{"class":224},[2280],{"type":20,"value":227},{"type":14,"tag":74,"props":2282,"children":2283},{"class":81},[2284],{"type":20,"value":95},{"type":14,"tag":74,"props":2286,"children":2287},{"class":133},[2288],{"type":20,"value":106},{"type":14,"tag":74,"props":2290,"children":2291},{"class":81},[2292],{"type":20,"value":95},{"type":14,"tag":74,"props":2294,"children":2295},{"class":98},[2296],{"type":20,"value":244},{"type":14,"tag":74,"props":2298,"children":2299},{"class":81},[2300],{"type":20,"value":249},{"type":14,"tag":74,"props":2302,"children":2303},{"class":109},[2304],{"type":20,"value":254},{"type":14,"tag":74,"props":2306,"children":2307},{"class":81},[2308],{"type":20,"value":259},{"type":14,"tag":74,"props":2310,"children":2311},{"class":76,"line":262},[2312,2316,2320,2324,2328,2332,2336,2340,2344,2348],{"type":14,"tag":74,"props":2313,"children":2314},{"class":133},[2315],{"type":20,"value":217},{"type":14,"tag":74,"props":2317,"children":2318},{"class":81},[2319],{"type":20,"value":95},{"type":14,"tag":74,"props":2321,"children":2322},{"class":224},[2323],{"type":20,"value":276},{"type":14,"tag":74,"props":2325,"children":2326},{"class":81},[2327],{"type":20,"value":95},{"type":14,"tag":74,"props":2329,"children":2330},{"class":133},[2331],{"type":20,"value":106},{"type":14,"tag":74,"props":2333,"children":2334},{"class":81},[2335],{"type":20,"value":95},{"type":14,"tag":74,"props":2337,"children":2338},{"class":98},[2339],{"type":20,"value":244},{"type":14,"tag":74,"props":2341,"children":2342},{"class":81},[2343],{"type":20,"value":84},{"type":14,"tag":74,"props":2345,"children":2346},{"class":98},[2347],{"type":20,"value":301},{"type":14,"tag":74,"props":2349,"children":2350},{"class":81},[2351],{"type":20,"value":306},{"type":14,"tag":74,"props":2353,"children":2354},{"class":76,"line":309},[2355,2359,2363,2367,2371],{"type":14,"tag":74,"props":2356,"children":2357},{"class":81},[2358],{"type":20,"value":315},{"type":14,"tag":74,"props":2360,"children":2361},{"class":109},[2362],{"type":20,"value":254},{"type":14,"tag":74,"props":2364,"children":2365},{"class":81},[2366],{"type":20,"value":324},{"type":14,"tag":74,"props":2368,"children":2369},{"class":109},[2370],{"type":20,"value":329},{"type":14,"tag":74,"props":2372,"children":2373},{"class":81},[2374],{"type":20,"value":334},{"type":14,"tag":74,"props":2376,"children":2377},{"class":76,"line":337},[2378,2382,2386,2390,2394],{"type":14,"tag":74,"props":2379,"children":2380},{"class":81},[2381],{"type":20,"value":315},{"type":14,"tag":74,"props":2383,"children":2384},{"class":109},[2385],{"type":20,"value":347},{"type":14,"tag":74,"props":2387,"children":2388},{"class":81},[2389],{"type":20,"value":324},{"type":14,"tag":74,"props":2391,"children":2392},{"class":109},[2393],{"type":20,"value":356},{"type":14,"tag":74,"props":2395,"children":2396},{"class":81},[2397],{"type":20,"value":334},{"type":14,"tag":74,"props":2399,"children":2400},{"class":76,"line":363},[2401,2405,2409,2413,2417],{"type":14,"tag":74,"props":2402,"children":2403},{"class":81},[2404],{"type":20,"value":315},{"type":14,"tag":74,"props":2406,"children":2407},{"class":109},[2408],{"type":20,"value":373},{"type":14,"tag":74,"props":2410,"children":2411},{"class":81},[2412],{"type":20,"value":324},{"type":14,"tag":74,"props":2414,"children":2415},{"class":109},[2416],{"type":20,"value":382},{"type":14,"tag":74,"props":2418,"children":2419},{"class":81},[2420],{"type":20,"value":334},{"type":14,"tag":74,"props":2422,"children":2423},{"class":76,"line":389},[2424,2428,2432,2436,2440],{"type":14,"tag":74,"props":2425,"children":2426},{"class":81},[2427],{"type":20,"value":315},{"type":14,"tag":74,"props":2429,"children":2430},{"class":109},[2431],{"type":20,"value":399},{"type":14,"tag":74,"props":2433,"children":2434},{"class":81},[2435],{"type":20,"value":324},{"type":14,"tag":74,"props":2437,"children":2438},{"class":109},[2439],{"type":20,"value":408},{"type":14,"tag":74,"props":2441,"children":2442},{"class":81},[2443],{"type":20,"value":413},{"type":14,"tag":74,"props":2445,"children":2446},{"class":76,"line":416},[2447],{"type":14,"tag":74,"props":2448,"children":2449},{"class":81},[2450],{"type":20,"value":259},{"type":14,"tag":74,"props":2452,"children":2453},{"class":76,"line":424},[2454,2458,2462],{"type":14,"tag":74,"props":2455,"children":2456},{"class":81},[2457],{"type":20,"value":430},{"type":14,"tag":74,"props":2459,"children":2460},{"class":87},[2461],{"type":20,"value":90},{"type":14,"tag":74,"props":2463,"children":2464},{"class":81},[2465],{"type":20,"value":126},{"type":14,"tag":74,"props":2467,"children":2468},{"class":76,"line":441},[2469],{"type":14,"tag":74,"props":2470,"children":2471},{},[2472],{"type":20,"value":208},{"type":14,"tag":74,"props":2474,"children":2475},{"class":76,"line":449},[2476,2480,2484],{"type":14,"tag":74,"props":2477,"children":2478},{"class":81},[2479],{"type":20,"value":84},{"type":14,"tag":74,"props":2481,"children":2482},{"class":87},[2483],{"type":20,"value":47},{"type":14,"tag":74,"props":2485,"children":2486},{"class":81},[2487],{"type":20,"value":126},{"type":14,"tag":74,"props":2489,"children":2490},{"class":76,"line":465},[2491,2495,2499,2503,2507,2511,2515,2519,2523,2527,2531,2535,2539,2543,2548],{"type":14,"tag":74,"props":2492,"children":2493},{"class":81},[2494],{"type":20,"value":471},{"type":14,"tag":74,"props":2496,"children":2497},{"class":474},[2498],{"type":20,"value":39},{"type":14,"tag":74,"props":2500,"children":2501},{"class":81},[2502],{"type":20,"value":95},{"type":14,"tag":74,"props":2504,"children":2505},{"class":98},[2506],{"type":20,"value":485},{"type":14,"tag":74,"props":2508,"children":2509},{"class":81},[2510],{"type":20,"value":106},{"type":14,"tag":74,"props":2512,"children":2513},{"class":109},[2514],{"type":20,"value":494},{"type":14,"tag":74,"props":2516,"children":2517},{"class":81},[2518],{"type":20,"value":95},{"type":14,"tag":74,"props":2520,"children":2521},{"class":98},[2522],{"type":20,"value":503},{"type":14,"tag":74,"props":2524,"children":2525},{"class":81},[2526],{"type":20,"value":106},{"type":14,"tag":74,"props":2528,"children":2529},{"class":109},[2530],{"type":20,"value":512},{"type":14,"tag":74,"props":2532,"children":2533},{"class":81},[2534],{"type":20,"value":95},{"type":14,"tag":74,"props":2536,"children":2537},{"class":98},[2538],{"type":20,"value":2099},{"type":14,"tag":74,"props":2540,"children":2541},{"class":81},[2542],{"type":20,"value":106},{"type":14,"tag":74,"props":2544,"children":2545},{"class":109},[2546],{"type":20,"value":2547},"\"sm\"",{"type":14,"tag":74,"props":2549,"children":2550},{"class":81},[2551],{"type":20,"value":517},{"type":14,"tag":74,"props":2553,"children":2554},{"class":76,"line":520},[2555],{"type":14,"tag":74,"props":2556,"children":2557},{},[2558],{"type":20,"value":208},{"type":14,"tag":74,"props":2560,"children":2561},{"class":76,"line":1914},[2562,2566,2570,2574,2578,2582,2586,2590,2594,2598,2602,2606,2610,2614,2619],{"type":14,"tag":74,"props":2563,"children":2564},{"class":81},[2565],{"type":20,"value":471},{"type":14,"tag":74,"props":2567,"children":2568},{"class":474},[2569],{"type":20,"value":39},{"type":14,"tag":74,"props":2571,"children":2572},{"class":81},[2573],{"type":20,"value":95},{"type":14,"tag":74,"props":2575,"children":2576},{"class":98},[2577],{"type":20,"value":485},{"type":14,"tag":74,"props":2579,"children":2580},{"class":81},[2581],{"type":20,"value":106},{"type":14,"tag":74,"props":2583,"children":2584},{"class":109},[2585],{"type":20,"value":494},{"type":14,"tag":74,"props":2587,"children":2588},{"class":81},[2589],{"type":20,"value":95},{"type":14,"tag":74,"props":2591,"children":2592},{"class":98},[2593],{"type":20,"value":503},{"type":14,"tag":74,"props":2595,"children":2596},{"class":81},[2597],{"type":20,"value":106},{"type":14,"tag":74,"props":2599,"children":2600},{"class":109},[2601],{"type":20,"value":512},{"type":14,"tag":74,"props":2603,"children":2604},{"class":81},[2605],{"type":20,"value":95},{"type":14,"tag":74,"props":2607,"children":2608},{"class":98},[2609],{"type":20,"value":2099},{"type":14,"tag":74,"props":2611,"children":2612},{"class":81},[2613],{"type":20,"value":106},{"type":14,"tag":74,"props":2615,"children":2616},{"class":109},[2617],{"type":20,"value":2618},"\"md\"",{"type":14,"tag":74,"props":2620,"children":2621},{"class":81},[2622],{"type":20,"value":517},{"type":14,"tag":74,"props":2624,"children":2625},{"class":76,"line":1931},[2626],{"type":14,"tag":74,"props":2627,"children":2628},{},[2629],{"type":20,"value":208},{"type":14,"tag":74,"props":2631,"children":2632},{"class":76,"line":1939},[2633,2637,2641,2645,2649,2653,2657,2661,2665,2669,2673,2677,2681,2685,2690],{"type":14,"tag":74,"props":2634,"children":2635},{"class":81},[2636],{"type":20,"value":471},{"type":14,"tag":74,"props":2638,"children":2639},{"class":474},[2640],{"type":20,"value":39},{"type":14,"tag":74,"props":2642,"children":2643},{"class":81},[2644],{"type":20,"value":95},{"type":14,"tag":74,"props":2646,"children":2647},{"class":98},[2648],{"type":20,"value":485},{"type":14,"tag":74,"props":2650,"children":2651},{"class":81},[2652],{"type":20,"value":106},{"type":14,"tag":74,"props":2654,"children":2655},{"class":109},[2656],{"type":20,"value":494},{"type":14,"tag":74,"props":2658,"children":2659},{"class":81},[2660],{"type":20,"value":95},{"type":14,"tag":74,"props":2662,"children":2663},{"class":98},[2664],{"type":20,"value":503},{"type":14,"tag":74,"props":2666,"children":2667},{"class":81},[2668],{"type":20,"value":106},{"type":14,"tag":74,"props":2670,"children":2671},{"class":109},[2672],{"type":20,"value":512},{"type":14,"tag":74,"props":2674,"children":2675},{"class":81},[2676],{"type":20,"value":95},{"type":14,"tag":74,"props":2678,"children":2679},{"class":98},[2680],{"type":20,"value":2099},{"type":14,"tag":74,"props":2682,"children":2683},{"class":81},[2684],{"type":20,"value":106},{"type":14,"tag":74,"props":2686,"children":2687},{"class":109},[2688],{"type":20,"value":2689},"\"lg\"",{"type":14,"tag":74,"props":2691,"children":2692},{"class":81},[2693],{"type":20,"value":517},{"type":14,"tag":74,"props":2695,"children":2696},{"class":76,"line":1972},[2697,2701,2705],{"type":14,"tag":74,"props":2698,"children":2699},{"class":81},[2700],{"type":20,"value":430},{"type":14,"tag":74,"props":2702,"children":2703},{"class":87},[2704],{"type":20,"value":47},{"type":14,"tag":74,"props":2706,"children":2707},{"class":81},[2708],{"type":20,"value":534},{"type":14,"tag":536,"props":2710,"children":2712},{"id":2711},"options-object",[2713],{"type":20,"value":2714},"Options Object",{"type":14,"tag":29,"props":2716,"children":2717},{},[2718,2719,2723,2725,2729],{"type":20,"value":33},{"type":14,"tag":35,"props":2720,"children":2721},{},[2722],{"type":20,"value":39},{"type":20,"value":2724}," component accepts an array of objects as its ",{"type":14,"tag":35,"props":2726,"children":2727},{},[2728],{"type":20,"value":276},{"type":20,"value":2730}," prop.",{"type":14,"tag":2732,"props":2733,"children":2734},"ul",{},[2735,2748,2766],{"type":14,"tag":2736,"props":2737,"children":2738},"li",{},[2739,2741,2746],{"type":20,"value":2740},"each item must contain a ",{"type":14,"tag":35,"props":2742,"children":2743},{},[2744],{"type":20,"value":2745},"id",{"type":20,"value":2747}," property",{"type":14,"tag":2736,"props":2749,"children":2750},{},[2751,2753,2758,2760,2764],{"type":20,"value":2752},"the ",{"type":14,"tag":35,"props":2754,"children":2755},{},[2756],{"type":20,"value":2757},"modelValue",{"type":20,"value":2759}," property will be an array of the selected ",{"type":14,"tag":35,"props":2761,"children":2762},{},[2763],{"type":20,"value":2745},{"type":20,"value":2765}," values",{"type":14,"tag":2736,"props":2767,"children":2768},{},[2769,2770,2775,2777,2782],{"type":20,"value":2752},{"type":14,"tag":35,"props":2771,"children":2772},{},[2773],{"type":20,"value":2774},"label",{"type":20,"value":2776}," property is a ",{"type":14,"tag":35,"props":2778,"children":2779},{},[2780],{"type":20,"value":2781},"Renderable",{"type":20,"value":2783}," will be used as the checkbox label.",{"type":14,"tag":59,"props":2785,"children":2790},{"className":2786,"code":2788,"language":2789,"meta":7},[2787],"language-ts","export interface CheckboxGroupOption {\n id: string | number;\n label?: Renderable;\n disabled?: boolean;\n readonly?: boolean;\n [key: string]: any;\n}\n","ts",[2791],{"type":14,"tag":67,"props":2792,"children":2793},{},[2794],{"type":14,"tag":59,"props":2795,"children":2796},{"__ignoreMap":7},[2797,2827,2876,2904,2932,2959,3006],{"type":14,"tag":74,"props":2798,"children":2799},{"class":76,"line":77},[2800,2805,2809,2814,2818,2822],{"type":14,"tag":74,"props":2801,"children":2802},{"class":133},[2803],{"type":20,"value":2804},"export",{"type":14,"tag":74,"props":2806,"children":2807},{"class":81},[2808],{"type":20,"value":95},{"type":14,"tag":74,"props":2810,"children":2811},{"class":133},[2812],{"type":20,"value":2813},"interface",{"type":14,"tag":74,"props":2815,"children":2816},{"class":81},[2817],{"type":20,"value":95},{"type":14,"tag":74,"props":2819,"children":2820},{"class":98},[2821],{"type":20,"value":301},{"type":14,"tag":74,"props":2823,"children":2824},{"class":81},[2825],{"type":20,"value":2826}," {\n",{"type":14,"tag":74,"props":2828,"children":2829},{"class":76,"line":129},[2830,2835,2840,2845,2849,2854,2858,2863,2867,2872],{"type":14,"tag":74,"props":2831,"children":2832},{"class":81},[2833],{"type":20,"value":2834}," ",{"type":14,"tag":74,"props":2836,"children":2838},{"class":2837},"ct-157101",[2839],{"type":20,"value":2745},{"type":14,"tag":74,"props":2841,"children":2842},{"class":133},[2843],{"type":20,"value":2844},":",{"type":14,"tag":74,"props":2846,"children":2847},{"class":81},[2848],{"type":20,"value":95},{"type":14,"tag":74,"props":2850,"children":2851},{"class":224},[2852],{"type":20,"value":2853},"string",{"type":14,"tag":74,"props":2855,"children":2856},{"class":81},[2857],{"type":20,"value":95},{"type":14,"tag":74,"props":2859,"children":2860},{"class":133},[2861],{"type":20,"value":2862},"|",{"type":14,"tag":74,"props":2864,"children":2865},{"class":81},[2866],{"type":20,"value":95},{"type":14,"tag":74,"props":2868,"children":2869},{"class":224},[2870],{"type":20,"value":2871},"number",{"type":14,"tag":74,"props":2873,"children":2874},{"class":81},[2875],{"type":20,"value":160},{"type":14,"tag":74,"props":2877,"children":2878},{"class":76,"line":163},[2879,2883,2887,2892,2896,2900],{"type":14,"tag":74,"props":2880,"children":2881},{"class":81},[2882],{"type":20,"value":2834},{"type":14,"tag":74,"props":2884,"children":2885},{"class":2837},[2886],{"type":20,"value":2774},{"type":14,"tag":74,"props":2888,"children":2889},{"class":133},[2890],{"type":20,"value":2891},"?:",{"type":14,"tag":74,"props":2893,"children":2894},{"class":81},[2895],{"type":20,"value":95},{"type":14,"tag":74,"props":2897,"children":2898},{"class":98},[2899],{"type":20,"value":2781},{"type":14,"tag":74,"props":2901,"children":2902},{"class":81},[2903],{"type":20,"value":160},{"type":14,"tag":74,"props":2905,"children":2906},{"class":76,"line":202},[2907,2911,2915,2919,2923,2928],{"type":14,"tag":74,"props":2908,"children":2909},{"class":81},[2910],{"type":20,"value":2834},{"type":14,"tag":74,"props":2912,"children":2913},{"class":2837},[2914],{"type":20,"value":551},{"type":14,"tag":74,"props":2916,"children":2917},{"class":133},[2918],{"type":20,"value":2891},{"type":14,"tag":74,"props":2920,"children":2921},{"class":81},[2922],{"type":20,"value":95},{"type":14,"tag":74,"props":2924,"children":2925},{"class":224},[2926],{"type":20,"value":2927},"boolean",{"type":14,"tag":74,"props":2929,"children":2930},{"class":81},[2931],{"type":20,"value":160},{"type":14,"tag":74,"props":2933,"children":2934},{"class":76,"line":211},[2935,2939,2943,2947,2951,2955],{"type":14,"tag":74,"props":2936,"children":2937},{"class":81},[2938],{"type":20,"value":2834},{"type":14,"tag":74,"props":2940,"children":2941},{"class":2837},[2942],{"type":20,"value":992},{"type":14,"tag":74,"props":2944,"children":2945},{"class":133},[2946],{"type":20,"value":2891},{"type":14,"tag":74,"props":2948,"children":2949},{"class":81},[2950],{"type":20,"value":95},{"type":14,"tag":74,"props":2952,"children":2953},{"class":224},[2954],{"type":20,"value":2927},{"type":14,"tag":74,"props":2956,"children":2957},{"class":81},[2958],{"type":20,"value":160},{"type":14,"tag":74,"props":2960,"children":2961},{"class":76,"line":262},[2962,2967,2972,2976,2980,2984,2989,2993,2997,3002],{"type":14,"tag":74,"props":2963,"children":2964},{"class":81},[2965],{"type":20,"value":2966}," [",{"type":14,"tag":74,"props":2968,"children":2969},{"class":2837},[2970],{"type":20,"value":2971},"key",{"type":14,"tag":74,"props":2973,"children":2974},{"class":133},[2975],{"type":20,"value":2844},{"type":14,"tag":74,"props":2977,"children":2978},{"class":81},[2979],{"type":20,"value":95},{"type":14,"tag":74,"props":2981,"children":2982},{"class":224},[2983],{"type":20,"value":2853},{"type":14,"tag":74,"props":2985,"children":2986},{"class":81},[2987],{"type":20,"value":2988},"]",{"type":14,"tag":74,"props":2990,"children":2991},{"class":133},[2992],{"type":20,"value":2844},{"type":14,"tag":74,"props":2994,"children":2995},{"class":81},[2996],{"type":20,"value":95},{"type":14,"tag":74,"props":2998,"children":2999},{"class":224},[3000],{"type":20,"value":3001},"any",{"type":14,"tag":74,"props":3003,"children":3004},{"class":81},[3005],{"type":20,"value":160},{"type":14,"tag":74,"props":3007,"children":3008},{"class":76,"line":309},[3009],{"type":14,"tag":74,"props":3010,"children":3011},{"class":81},[3012],{"type":20,"value":3013},"}",{"type":14,"tag":29,"props":3015,"children":3016},{},[3017,3024,3026,3030],{"type":14,"tag":3018,"props":3019,"children":3021},"a",{"href":3020},"/docs/utilities/components/renderable",[3022],{"type":20,"value":3023},"Read more",{"type":20,"value":3025}," about ",{"type":14,"tag":35,"props":3027,"children":3028},{},[3029],{"type":20,"value":2781},{"type":20,"value":3031}," props.",{"type":14,"tag":536,"props":3033,"children":3035},{"id":3034},"rendering",[3036],{"type":20,"value":3037},"Rendering",{"type":14,"tag":3039,"props":3040,"children":3042},"h4",{"id":3041},"expression",[3043],{"type":20,"value":3044},"Expression",{"type":14,"tag":29,"props":3046,"children":3047},{},[3048,3050,3055],{"type":20,"value":3049},"Expressions are strings that can be interpolated using the ",{"type":14,"tag":35,"props":3051,"children":3052},{},[3053],{"type":20,"value":3054},"{{ }}",{"type":20,"value":3056}," syntax.",{"type":14,"tag":43,"props":3058,"children":3059},{},[3060,3067],{"type":14,"tag":47,"props":3061,"children":3062},{"v-slot:preview":7},[3063],{"type":14,"tag":51,"props":3064,"children":3066},{"src":3065},"/components/ICheckboxGroup/examples/render-expression",[],{"type":14,"tag":47,"props":3068,"children":3069},{"v-slot:vue":7},[3070],{"type":14,"tag":59,"props":3071,"children":3074},{"className":3072,"code":3073,"language":64,"meta":7},[62],"\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\n\nconst checked = ref(['apple']);\nconst options = ref([\n { id: 'apple', fruit: { name: 'Apple' } },\n { id: 'banana', fruit: { name: 'Banana' } },\n { id: 'strawberry', fruit: { name: 'Strawberry' } },\n { id: 'mango', fruit: { name: 'Mango' } }\n]);\n\nconst labelRenderString = '{{fruit.name}}';\n\u003C/script>\n\n\u003Ctemplate>\n \u003CICheckboxGroup v-model=\"checked\" :options=\"options\" :label=\"labelRenderString\" />\n\u003C/template>\n\n",[3075],{"type":14,"tag":67,"props":3076,"children":3077},{},[3078],{"type":14,"tag":59,"props":3079,"children":3080},{"__ignoreMap":7},[3081,3120,3147,3154,3197,3233,3258,3281,3304,3328,3335,3342,3379,3394,3401,3416,3481],{"type":14,"tag":74,"props":3082,"children":3083},{"class":76,"line":77},[3084,3088,3092,3096,3100,3104,3108,3112,3116],{"type":14,"tag":74,"props":3085,"children":3086},{"class":81},[3087],{"type":20,"value":84},{"type":14,"tag":74,"props":3089,"children":3090},{"class":87},[3091],{"type":20,"value":90},{"type":14,"tag":74,"props":3093,"children":3094},{"class":81},[3095],{"type":20,"value":95},{"type":14,"tag":74,"props":3097,"children":3098},{"class":98},[3099],{"type":20,"value":101},{"type":14,"tag":74,"props":3101,"children":3102},{"class":81},[3103],{"type":20,"value":106},{"type":14,"tag":74,"props":3105,"children":3106},{"class":109},[3107],{"type":20,"value":112},{"type":14,"tag":74,"props":3109,"children":3110},{"class":81},[3111],{"type":20,"value":95},{"type":14,"tag":74,"props":3113,"children":3114},{"class":98},[3115],{"type":20,"value":121},{"type":14,"tag":74,"props":3117,"children":3118},{"class":81},[3119],{"type":20,"value":126},{"type":14,"tag":74,"props":3121,"children":3122},{"class":76,"line":129},[3123,3127,3131,3135,3139,3143],{"type":14,"tag":74,"props":3124,"children":3125},{"class":133},[3126],{"type":20,"value":136},{"type":14,"tag":74,"props":3128,"children":3129},{"class":81},[3130],{"type":20,"value":141},{"type":14,"tag":74,"props":3132,"children":3133},{"class":133},[3134],{"type":20,"value":146},{"type":14,"tag":74,"props":3136,"children":3137},{"class":81},[3138],{"type":20,"value":95},{"type":14,"tag":74,"props":3140,"children":3141},{"class":109},[3142],{"type":20,"value":155},{"type":14,"tag":74,"props":3144,"children":3145},{"class":81},[3146],{"type":20,"value":160},{"type":14,"tag":74,"props":3148,"children":3149},{"class":76,"line":163},[3150],{"type":14,"tag":74,"props":3151,"children":3152},{},[3153],{"type":20,"value":208},{"type":14,"tag":74,"props":3155,"children":3156},{"class":76,"line":202},[3157,3161,3165,3169,3173,3177,3181,3185,3189,3193],{"type":14,"tag":74,"props":3158,"children":3159},{"class":133},[3160],{"type":20,"value":217},{"type":14,"tag":74,"props":3162,"children":3163},{"class":81},[3164],{"type":20,"value":95},{"type":14,"tag":74,"props":3166,"children":3167},{"class":224},[3168],{"type":20,"value":227},{"type":14,"tag":74,"props":3170,"children":3171},{"class":81},[3172],{"type":20,"value":95},{"type":14,"tag":74,"props":3174,"children":3175},{"class":133},[3176],{"type":20,"value":106},{"type":14,"tag":74,"props":3178,"children":3179},{"class":81},[3180],{"type":20,"value":95},{"type":14,"tag":74,"props":3182,"children":3183},{"class":98},[3184],{"type":20,"value":244},{"type":14,"tag":74,"props":3186,"children":3187},{"class":81},[3188],{"type":20,"value":249},{"type":14,"tag":74,"props":3190,"children":3191},{"class":109},[3192],{"type":20,"value":254},{"type":14,"tag":74,"props":3194,"children":3195},{"class":81},[3196],{"type":20,"value":259},{"type":14,"tag":74,"props":3198,"children":3199},{"class":76,"line":211},[3200,3204,3208,3212,3216,3220,3224,3228],{"type":14,"tag":74,"props":3201,"children":3202},{"class":133},[3203],{"type":20,"value":217},{"type":14,"tag":74,"props":3205,"children":3206},{"class":81},[3207],{"type":20,"value":95},{"type":14,"tag":74,"props":3209,"children":3210},{"class":224},[3211],{"type":20,"value":276},{"type":14,"tag":74,"props":3213,"children":3214},{"class":81},[3215],{"type":20,"value":95},{"type":14,"tag":74,"props":3217,"children":3218},{"class":133},[3219],{"type":20,"value":106},{"type":14,"tag":74,"props":3221,"children":3222},{"class":81},[3223],{"type":20,"value":95},{"type":14,"tag":74,"props":3225,"children":3226},{"class":98},[3227],{"type":20,"value":244},{"type":14,"tag":74,"props":3229,"children":3230},{"class":81},[3231],{"type":20,"value":3232},"([\n",{"type":14,"tag":74,"props":3234,"children":3235},{"class":76,"line":262},[3236,3240,3244,3249,3253],{"type":14,"tag":74,"props":3237,"children":3238},{"class":81},[3239],{"type":20,"value":315},{"type":14,"tag":74,"props":3241,"children":3242},{"class":109},[3243],{"type":20,"value":254},{"type":14,"tag":74,"props":3245,"children":3246},{"class":81},[3247],{"type":20,"value":3248},", fruit: { name: ",{"type":14,"tag":74,"props":3250,"children":3251},{"class":109},[3252],{"type":20,"value":329},{"type":14,"tag":74,"props":3254,"children":3255},{"class":81},[3256],{"type":20,"value":3257}," } },\n",{"type":14,"tag":74,"props":3259,"children":3260},{"class":76,"line":309},[3261,3265,3269,3273,3277],{"type":14,"tag":74,"props":3262,"children":3263},{"class":81},[3264],{"type":20,"value":315},{"type":14,"tag":74,"props":3266,"children":3267},{"class":109},[3268],{"type":20,"value":347},{"type":14,"tag":74,"props":3270,"children":3271},{"class":81},[3272],{"type":20,"value":3248},{"type":14,"tag":74,"props":3274,"children":3275},{"class":109},[3276],{"type":20,"value":356},{"type":14,"tag":74,"props":3278,"children":3279},{"class":81},[3280],{"type":20,"value":3257},{"type":14,"tag":74,"props":3282,"children":3283},{"class":76,"line":337},[3284,3288,3292,3296,3300],{"type":14,"tag":74,"props":3285,"children":3286},{"class":81},[3287],{"type":20,"value":315},{"type":14,"tag":74,"props":3289,"children":3290},{"class":109},[3291],{"type":20,"value":373},{"type":14,"tag":74,"props":3293,"children":3294},{"class":81},[3295],{"type":20,"value":3248},{"type":14,"tag":74,"props":3297,"children":3298},{"class":109},[3299],{"type":20,"value":382},{"type":14,"tag":74,"props":3301,"children":3302},{"class":81},[3303],{"type":20,"value":3257},{"type":14,"tag":74,"props":3305,"children":3306},{"class":76,"line":363},[3307,3311,3315,3319,3323],{"type":14,"tag":74,"props":3308,"children":3309},{"class":81},[3310],{"type":20,"value":315},{"type":14,"tag":74,"props":3312,"children":3313},{"class":109},[3314],{"type":20,"value":399},{"type":14,"tag":74,"props":3316,"children":3317},{"class":81},[3318],{"type":20,"value":3248},{"type":14,"tag":74,"props":3320,"children":3321},{"class":109},[3322],{"type":20,"value":408},{"type":14,"tag":74,"props":3324,"children":3325},{"class":81},[3326],{"type":20,"value":3327}," } }\n",{"type":14,"tag":74,"props":3329,"children":3330},{"class":76,"line":389},[3331],{"type":14,"tag":74,"props":3332,"children":3333},{"class":81},[3334],{"type":20,"value":259},{"type":14,"tag":74,"props":3336,"children":3337},{"class":76,"line":416},[3338],{"type":14,"tag":74,"props":3339,"children":3340},{},[3341],{"type":20,"value":208},{"type":14,"tag":74,"props":3343,"children":3344},{"class":76,"line":424},[3345,3349,3353,3358,3362,3366,3370,3375],{"type":14,"tag":74,"props":3346,"children":3347},{"class":133},[3348],{"type":20,"value":217},{"type":14,"tag":74,"props":3350,"children":3351},{"class":81},[3352],{"type":20,"value":95},{"type":14,"tag":74,"props":3354,"children":3355},{"class":224},[3356],{"type":20,"value":3357},"labelRenderString",{"type":14,"tag":74,"props":3359,"children":3360},{"class":81},[3361],{"type":20,"value":95},{"type":14,"tag":74,"props":3363,"children":3364},{"class":133},[3365],{"type":20,"value":106},{"type":14,"tag":74,"props":3367,"children":3368},{"class":81},[3369],{"type":20,"value":95},{"type":14,"tag":74,"props":3371,"children":3372},{"class":109},[3373],{"type":20,"value":3374},"'{{fruit.name}}'",{"type":14,"tag":74,"props":3376,"children":3377},{"class":81},[3378],{"type":20,"value":160},{"type":14,"tag":74,"props":3380,"children":3381},{"class":76,"line":441},[3382,3386,3390],{"type":14,"tag":74,"props":3383,"children":3384},{"class":81},[3385],{"type":20,"value":430},{"type":14,"tag":74,"props":3387,"children":3388},{"class":87},[3389],{"type":20,"value":90},{"type":14,"tag":74,"props":3391,"children":3392},{"class":81},[3393],{"type":20,"value":126},{"type":14,"tag":74,"props":3395,"children":3396},{"class":76,"line":449},[3397],{"type":14,"tag":74,"props":3398,"children":3399},{},[3400],{"type":20,"value":208},{"type":14,"tag":74,"props":3402,"children":3403},{"class":76,"line":465},[3404,3408,3412],{"type":14,"tag":74,"props":3405,"children":3406},{"class":81},[3407],{"type":20,"value":84},{"type":14,"tag":74,"props":3409,"children":3410},{"class":87},[3411],{"type":20,"value":47},{"type":14,"tag":74,"props":3413,"children":3414},{"class":81},[3415],{"type":20,"value":126},{"type":14,"tag":74,"props":3417,"children":3418},{"class":76,"line":520},[3419,3423,3427,3431,3435,3439,3443,3447,3451,3455,3459,3463,3468,3472,3477],{"type":14,"tag":74,"props":3420,"children":3421},{"class":81},[3422],{"type":20,"value":471},{"type":14,"tag":74,"props":3424,"children":3425},{"class":474},[3426],{"type":20,"value":39},{"type":14,"tag":74,"props":3428,"children":3429},{"class":81},[3430],{"type":20,"value":95},{"type":14,"tag":74,"props":3432,"children":3433},{"class":98},[3434],{"type":20,"value":485},{"type":14,"tag":74,"props":3436,"children":3437},{"class":81},[3438],{"type":20,"value":106},{"type":14,"tag":74,"props":3440,"children":3441},{"class":109},[3442],{"type":20,"value":494},{"type":14,"tag":74,"props":3444,"children":3445},{"class":81},[3446],{"type":20,"value":95},{"type":14,"tag":74,"props":3448,"children":3449},{"class":98},[3450],{"type":20,"value":503},{"type":14,"tag":74,"props":3452,"children":3453},{"class":81},[3454],{"type":20,"value":106},{"type":14,"tag":74,"props":3456,"children":3457},{"class":109},[3458],{"type":20,"value":512},{"type":14,"tag":74,"props":3460,"children":3461},{"class":81},[3462],{"type":20,"value":95},{"type":14,"tag":74,"props":3464,"children":3465},{"class":98},[3466],{"type":20,"value":3467},":label",{"type":14,"tag":74,"props":3469,"children":3470},{"class":81},[3471],{"type":20,"value":106},{"type":14,"tag":74,"props":3473,"children":3474},{"class":109},[3475],{"type":20,"value":3476},"\"labelRenderString\"",{"type":14,"tag":74,"props":3478,"children":3479},{"class":81},[3480],{"type":20,"value":517},{"type":14,"tag":74,"props":3482,"children":3483},{"class":76,"line":1914},[3484,3488,3492],{"type":14,"tag":74,"props":3485,"children":3486},{"class":81},[3487],{"type":20,"value":430},{"type":14,"tag":74,"props":3489,"children":3490},{"class":87},[3491],{"type":20,"value":47},{"type":14,"tag":74,"props":3493,"children":3494},{"class":81},[3495],{"type":20,"value":534},{"type":14,"tag":3039,"props":3497,"children":3499},{"id":3498},"render-function",[3500],{"type":20,"value":3501},"Render Function",{"type":14,"tag":29,"props":3503,"children":3504},{},[3505,3507,3512],{"type":20,"value":3506},"Render functions are functions that return a string or ",{"type":14,"tag":35,"props":3508,"children":3509},{},[3510],{"type":20,"value":3511},"VNode",{"type":20,"value":3513},". They receive the option being rendered as an argument.",{"type":14,"tag":43,"props":3515,"children":3516},{},[3517,3524],{"type":14,"tag":47,"props":3518,"children":3519},{"v-slot:preview":7},[3520],{"type":14,"tag":51,"props":3521,"children":3523},{"src":3522},"/components/ICheckboxGroup/examples/render-function",[],{"type":14,"tag":47,"props":3525,"children":3526},{"v-slot:vue":7},[3527],{"type":14,"tag":59,"props":3528,"children":3531},{"className":3529,"code":3530,"language":64,"meta":7},[62],"\u003Cscript lang=\"ts\" setup>\nimport { h, ref } from 'vue';\nimport type { LabelRenderFunction, CheckboxButtonOption } from '@inkline/inkline';\n\nconst checked = ref(['apple']);\n\nconst options = ref\u003CCheckboxButtonOption[]>([\n { id: 'apple' },\n { id: 'banana' },\n { id: 'strawberry' },\n { id: 'mango' }\n]);\n\nconst labelRenderFunction: LabelRenderFunction\u003CCheckboxButtonOption> = (option) =>\n h('strong', option.id);\n\u003C/script>\n\n\u003Ctemplate>\n \u003CICheckboxGroup v-model=\"checked\" :options=\"options\" :label=\"labelRenderFunction\" />\n\u003C/template>\n\n",[3532],{"type":14,"tag":67,"props":3533,"children":3534},{},[3535],{"type":14,"tag":59,"props":3536,"children":3537},{"__ignoreMap":7},[3538,3577,3605,3641,3648,3691,3698,3742,3757,3772,3787,3802,3809,3816,3882,3909,3924,3931,3946,4010],{"type":14,"tag":74,"props":3539,"children":3540},{"class":76,"line":77},[3541,3545,3549,3553,3557,3561,3565,3569,3573],{"type":14,"tag":74,"props":3542,"children":3543},{"class":81},[3544],{"type":20,"value":84},{"type":14,"tag":74,"props":3546,"children":3547},{"class":87},[3548],{"type":20,"value":90},{"type":14,"tag":74,"props":3550,"children":3551},{"class":81},[3552],{"type":20,"value":95},{"type":14,"tag":74,"props":3554,"children":3555},{"class":98},[3556],{"type":20,"value":101},{"type":14,"tag":74,"props":3558,"children":3559},{"class":81},[3560],{"type":20,"value":106},{"type":14,"tag":74,"props":3562,"children":3563},{"class":109},[3564],{"type":20,"value":112},{"type":14,"tag":74,"props":3566,"children":3567},{"class":81},[3568],{"type":20,"value":95},{"type":14,"tag":74,"props":3570,"children":3571},{"class":98},[3572],{"type":20,"value":121},{"type":14,"tag":74,"props":3574,"children":3575},{"class":81},[3576],{"type":20,"value":126},{"type":14,"tag":74,"props":3578,"children":3579},{"class":76,"line":129},[3580,3584,3589,3593,3597,3601],{"type":14,"tag":74,"props":3581,"children":3582},{"class":133},[3583],{"type":20,"value":136},{"type":14,"tag":74,"props":3585,"children":3586},{"class":81},[3587],{"type":20,"value":3588}," { h, ref } ",{"type":14,"tag":74,"props":3590,"children":3591},{"class":133},[3592],{"type":20,"value":146},{"type":14,"tag":74,"props":3594,"children":3595},{"class":81},[3596],{"type":20,"value":95},{"type":14,"tag":74,"props":3598,"children":3599},{"class":109},[3600],{"type":20,"value":155},{"type":14,"tag":74,"props":3602,"children":3603},{"class":81},[3604],{"type":20,"value":160},{"type":14,"tag":74,"props":3606,"children":3607},{"class":76,"line":163},[3608,3612,3616,3620,3625,3629,3633,3637],{"type":14,"tag":74,"props":3609,"children":3610},{"class":133},[3611],{"type":20,"value":136},{"type":14,"tag":74,"props":3613,"children":3614},{"class":81},[3615],{"type":20,"value":95},{"type":14,"tag":74,"props":3617,"children":3618},{"class":133},[3619],{"type":20,"value":177},{"type":14,"tag":74,"props":3621,"children":3622},{"class":81},[3623],{"type":20,"value":3624}," { LabelRenderFunction, CheckboxButtonOption } ",{"type":14,"tag":74,"props":3626,"children":3627},{"class":133},[3628],{"type":20,"value":146},{"type":14,"tag":74,"props":3630,"children":3631},{"class":81},[3632],{"type":20,"value":95},{"type":14,"tag":74,"props":3634,"children":3635},{"class":109},[3636],{"type":20,"value":195},{"type":14,"tag":74,"props":3638,"children":3639},{"class":81},[3640],{"type":20,"value":160},{"type":14,"tag":74,"props":3642,"children":3643},{"class":76,"line":202},[3644],{"type":14,"tag":74,"props":3645,"children":3646},{},[3647],{"type":20,"value":208},{"type":14,"tag":74,"props":3649,"children":3650},{"class":76,"line":211},[3651,3655,3659,3663,3667,3671,3675,3679,3683,3687],{"type":14,"tag":74,"props":3652,"children":3653},{"class":133},[3654],{"type":20,"value":217},{"type":14,"tag":74,"props":3656,"children":3657},{"class":81},[3658],{"type":20,"value":95},{"type":14,"tag":74,"props":3660,"children":3661},{"class":224},[3662],{"type":20,"value":227},{"type":14,"tag":74,"props":3664,"children":3665},{"class":81},[3666],{"type":20,"value":95},{"type":14,"tag":74,"props":3668,"children":3669},{"class":133},[3670],{"type":20,"value":106},{"type":14,"tag":74,"props":3672,"children":3673},{"class":81},[3674],{"type":20,"value":95},{"type":14,"tag":74,"props":3676,"children":3677},{"class":98},[3678],{"type":20,"value":244},{"type":14,"tag":74,"props":3680,"children":3681},{"class":81},[3682],{"type":20,"value":249},{"type":14,"tag":74,"props":3684,"children":3685},{"class":109},[3686],{"type":20,"value":254},{"type":14,"tag":74,"props":3688,"children":3689},{"class":81},[3690],{"type":20,"value":259},{"type":14,"tag":74,"props":3692,"children":3693},{"class":76,"line":262},[3694],{"type":14,"tag":74,"props":3695,"children":3696},{},[3697],{"type":20,"value":208},{"type":14,"tag":74,"props":3699,"children":3700},{"class":76,"line":309},[3701,3705,3709,3713,3717,3721,3725,3729,3733,3738],{"type":14,"tag":74,"props":3702,"children":3703},{"class":133},[3704],{"type":20,"value":217},{"type":14,"tag":74,"props":3706,"children":3707},{"class":81},[3708],{"type":20,"value":95},{"type":14,"tag":74,"props":3710,"children":3711},{"class":224},[3712],{"type":20,"value":276},{"type":14,"tag":74,"props":3714,"children":3715},{"class":81},[3716],{"type":20,"value":95},{"type":14,"tag":74,"props":3718,"children":3719},{"class":133},[3720],{"type":20,"value":106},{"type":14,"tag":74,"props":3722,"children":3723},{"class":81},[3724],{"type":20,"value":95},{"type":14,"tag":74,"props":3726,"children":3727},{"class":98},[3728],{"type":20,"value":244},{"type":14,"tag":74,"props":3730,"children":3731},{"class":81},[3732],{"type":20,"value":84},{"type":14,"tag":74,"props":3734,"children":3735},{"class":98},[3736],{"type":20,"value":3737},"CheckboxButtonOption",{"type":14,"tag":74,"props":3739,"children":3740},{"class":81},[3741],{"type":20,"value":306},{"type":14,"tag":74,"props":3743,"children":3744},{"class":76,"line":337},[3745,3749,3753],{"type":14,"tag":74,"props":3746,"children":3747},{"class":81},[3748],{"type":20,"value":315},{"type":14,"tag":74,"props":3750,"children":3751},{"class":109},[3752],{"type":20,"value":254},{"type":14,"tag":74,"props":3754,"children":3755},{"class":81},[3756],{"type":20,"value":334},{"type":14,"tag":74,"props":3758,"children":3759},{"class":76,"line":363},[3760,3764,3768],{"type":14,"tag":74,"props":3761,"children":3762},{"class":81},[3763],{"type":20,"value":315},{"type":14,"tag":74,"props":3765,"children":3766},{"class":109},[3767],{"type":20,"value":347},{"type":14,"tag":74,"props":3769,"children":3770},{"class":81},[3771],{"type":20,"value":334},{"type":14,"tag":74,"props":3773,"children":3774},{"class":76,"line":389},[3775,3779,3783],{"type":14,"tag":74,"props":3776,"children":3777},{"class":81},[3778],{"type":20,"value":315},{"type":14,"tag":74,"props":3780,"children":3781},{"class":109},[3782],{"type":20,"value":373},{"type":14,"tag":74,"props":3784,"children":3785},{"class":81},[3786],{"type":20,"value":334},{"type":14,"tag":74,"props":3788,"children":3789},{"class":76,"line":416},[3790,3794,3798],{"type":14,"tag":74,"props":3791,"children":3792},{"class":81},[3793],{"type":20,"value":315},{"type":14,"tag":74,"props":3795,"children":3796},{"class":109},[3797],{"type":20,"value":399},{"type":14,"tag":74,"props":3799,"children":3800},{"class":81},[3801],{"type":20,"value":413},{"type":14,"tag":74,"props":3803,"children":3804},{"class":76,"line":424},[3805],{"type":14,"tag":74,"props":3806,"children":3807},{"class":81},[3808],{"type":20,"value":259},{"type":14,"tag":74,"props":3810,"children":3811},{"class":76,"line":441},[3812],{"type":14,"tag":74,"props":3813,"children":3814},{},[3815],{"type":20,"value":208},{"type":14,"tag":74,"props":3817,"children":3818},{"class":76,"line":449},[3819,3823,3827,3832,3836,3840,3845,3849,3853,3858,3862,3867,3872,3877],{"type":14,"tag":74,"props":3820,"children":3821},{"class":133},[3822],{"type":20,"value":217},{"type":14,"tag":74,"props":3824,"children":3825},{"class":81},[3826],{"type":20,"value":95},{"type":14,"tag":74,"props":3828,"children":3829},{"class":98},[3830],{"type":20,"value":3831},"labelRenderFunction",{"type":14,"tag":74,"props":3833,"children":3834},{"class":133},[3835],{"type":20,"value":2844},{"type":14,"tag":74,"props":3837,"children":3838},{"class":81},[3839],{"type":20,"value":95},{"type":14,"tag":74,"props":3841,"children":3842},{"class":98},[3843],{"type":20,"value":3844},"LabelRenderFunction",{"type":14,"tag":74,"props":3846,"children":3847},{"class":81},[3848],{"type":20,"value":84},{"type":14,"tag":74,"props":3850,"children":3851},{"class":98},[3852],{"type":20,"value":3737},{"type":14,"tag":74,"props":3854,"children":3855},{"class":81},[3856],{"type":20,"value":3857},"> ",{"type":14,"tag":74,"props":3859,"children":3860},{"class":133},[3861],{"type":20,"value":106},{"type":14,"tag":74,"props":3863,"children":3864},{"class":81},[3865],{"type":20,"value":3866}," (",{"type":14,"tag":74,"props":3868,"children":3869},{"class":2837},[3870],{"type":20,"value":3871},"option",{"type":14,"tag":74,"props":3873,"children":3874},{"class":81},[3875],{"type":20,"value":3876},") ",{"type":14,"tag":74,"props":3878,"children":3879},{"class":133},[3880],{"type":20,"value":3881},"=>\n",{"type":14,"tag":74,"props":3883,"children":3884},{"class":76,"line":465},[3885,3889,3894,3899,3904],{"type":14,"tag":74,"props":3886,"children":3887},{"class":81},[3888],{"type":20,"value":2834},{"type":14,"tag":74,"props":3890,"children":3891},{"class":98},[3892],{"type":20,"value":3893},"h",{"type":14,"tag":74,"props":3895,"children":3896},{"class":81},[3897],{"type":20,"value":3898},"(",{"type":14,"tag":74,"props":3900,"children":3901},{"class":109},[3902],{"type":20,"value":3903},"'strong'",{"type":14,"tag":74,"props":3905,"children":3906},{"class":81},[3907],{"type":20,"value":3908},", option.id);\n",{"type":14,"tag":74,"props":3910,"children":3911},{"class":76,"line":520},[3912,3916,3920],{"type":14,"tag":74,"props":3913,"children":3914},{"class":81},[3915],{"type":20,"value":430},{"type":14,"tag":74,"props":3917,"children":3918},{"class":87},[3919],{"type":20,"value":90},{"type":14,"tag":74,"props":3921,"children":3922},{"class":81},[3923],{"type":20,"value":126},{"type":14,"tag":74,"props":3925,"children":3926},{"class":76,"line":1914},[3927],{"type":14,"tag":74,"props":3928,"children":3929},{},[3930],{"type":20,"value":208},{"type":14,"tag":74,"props":3932,"children":3933},{"class":76,"line":1931},[3934,3938,3942],{"type":14,"tag":74,"props":3935,"children":3936},{"class":81},[3937],{"type":20,"value":84},{"type":14,"tag":74,"props":3939,"children":3940},{"class":87},[3941],{"type":20,"value":47},{"type":14,"tag":74,"props":3943,"children":3944},{"class":81},[3945],{"type":20,"value":126},{"type":14,"tag":74,"props":3947,"children":3948},{"class":76,"line":1939},[3949,3953,3957,3961,3965,3969,3973,3977,3981,3985,3989,3993,3997,4001,4006],{"type":14,"tag":74,"props":3950,"children":3951},{"class":81},[3952],{"type":20,"value":471},{"type":14,"tag":74,"props":3954,"children":3955},{"class":474},[3956],{"type":20,"value":39},{"type":14,"tag":74,"props":3958,"children":3959},{"class":81},[3960],{"type":20,"value":95},{"type":14,"tag":74,"props":3962,"children":3963},{"class":98},[3964],{"type":20,"value":485},{"type":14,"tag":74,"props":3966,"children":3967},{"class":81},[3968],{"type":20,"value":106},{"type":14,"tag":74,"props":3970,"children":3971},{"class":109},[3972],{"type":20,"value":494},{"type":14,"tag":74,"props":3974,"children":3975},{"class":81},[3976],{"type":20,"value":95},{"type":14,"tag":74,"props":3978,"children":3979},{"class":98},[3980],{"type":20,"value":503},{"type":14,"tag":74,"props":3982,"children":3983},{"class":81},[3984],{"type":20,"value":106},{"type":14,"tag":74,"props":3986,"children":3987},{"class":109},[3988],{"type":20,"value":512},{"type":14,"tag":74,"props":3990,"children":3991},{"class":81},[3992],{"type":20,"value":95},{"type":14,"tag":74,"props":3994,"children":3995},{"class":98},[3996],{"type":20,"value":3467},{"type":14,"tag":74,"props":3998,"children":3999},{"class":81},[4000],{"type":20,"value":106},{"type":14,"tag":74,"props":4002,"children":4003},{"class":109},[4004],{"type":20,"value":4005},"\"labelRenderFunction\"",{"type":14,"tag":74,"props":4007,"children":4008},{"class":81},[4009],{"type":20,"value":517},{"type":14,"tag":74,"props":4011,"children":4012},{"class":76,"line":1972},[4013,4017,4021],{"type":14,"tag":74,"props":4014,"children":4015},{"class":81},[4016],{"type":20,"value":430},{"type":14,"tag":74,"props":4018,"children":4019},{"class":87},[4020],{"type":20,"value":47},{"type":14,"tag":74,"props":4022,"children":4023},{"class":81},[4024],{"type":20,"value":534},{"type":14,"tag":3039,"props":4026,"children":4028},{"id":4027},"component",[4029],{"type":20,"value":4030},"Component",{"type":14,"tag":29,"props":4032,"children":4033},{},[4034,4036,4041],{"type":20,"value":4035},"You can also use a component to render each option. The component will receive the option being rendered as a prop named ",{"type":14,"tag":35,"props":4037,"children":4038},{},[4039],{"type":20,"value":4040},"ctx",{"type":20,"value":4042}," (context).",{"type":14,"tag":43,"props":4044,"children":4045},{},[4046,4053],{"type":14,"tag":47,"props":4047,"children":4048},{"v-slot:preview":7},[4049],{"type":14,"tag":51,"props":4050,"children":4052},{"src":4051},"/components/ICheckboxGroup/examples/render-component",[],{"type":14,"tag":47,"props":4054,"children":4055},{"v-slot:vue":7},[4056],{"type":14,"tag":59,"props":4057,"children":4060},{"className":4058,"code":4059,"language":64,"meta":7},[62],"\u003Cscript lang=\"ts\" setup>\nimport { defineComponent, h, markRaw, ref } from 'vue';\nimport type { CheckboxButtonOption } from '@inkline/inkline';\n\nconst LabelRenderComponent = markRaw(\n defineComponent({\n props: {\n ctx: {\n type: Object,\n default: () => ({})\n }\n },\n setup(props) {\n return () => h('strong', props.ctx.id);\n }\n })\n);\n\nconst checked = ref(['apple']);\n\nconst options = ref\u003CCheckboxButtonOption[]>([\n { id: 'apple' },\n { id: 'banana' },\n { id: 'strawberry' },\n { id: 'mango' }\n]);\n\u003C/script>\n\n\u003Ctemplate>\n \u003CICheckboxGroup v-model=\"checked\" :options=\"options\" :label=\"LabelRenderComponent\" />\n\u003C/template>\n\n",[4061],{"type":14,"tag":67,"props":4062,"children":4063},{},[4064],{"type":14,"tag":59,"props":4065,"children":4066},{"__ignoreMap":7},[4067,4106,4134,4170,4177,4215,4232,4240,4248,4256,4284,4292,4300,4326,4369,4377,4385,4393,4400,4443,4450,4493,4508,4523,4539,4555,4563,4579,4587,4603,4668],{"type":14,"tag":74,"props":4068,"children":4069},{"class":76,"line":77},[4070,4074,4078,4082,4086,4090,4094,4098,4102],{"type":14,"tag":74,"props":4071,"children":4072},{"class":81},[4073],{"type":20,"value":84},{"type":14,"tag":74,"props":4075,"children":4076},{"class":87},[4077],{"type":20,"value":90},{"type":14,"tag":74,"props":4079,"children":4080},{"class":81},[4081],{"type":20,"value":95},{"type":14,"tag":74,"props":4083,"children":4084},{"class":98},[4085],{"type":20,"value":101},{"type":14,"tag":74,"props":4087,"children":4088},{"class":81},[4089],{"type":20,"value":106},{"type":14,"tag":74,"props":4091,"children":4092},{"class":109},[4093],{"type":20,"value":112},{"type":14,"tag":74,"props":4095,"children":4096},{"class":81},[4097],{"type":20,"value":95},{"type":14,"tag":74,"props":4099,"children":4100},{"class":98},[4101],{"type":20,"value":121},{"type":14,"tag":74,"props":4103,"children":4104},{"class":81},[4105],{"type":20,"value":126},{"type":14,"tag":74,"props":4107,"children":4108},{"class":76,"line":129},[4109,4113,4118,4122,4126,4130],{"type":14,"tag":74,"props":4110,"children":4111},{"class":133},[4112],{"type":20,"value":136},{"type":14,"tag":74,"props":4114,"children":4115},{"class":81},[4116],{"type":20,"value":4117}," { defineComponent, h, markRaw, ref } ",{"type":14,"tag":74,"props":4119,"children":4120},{"class":133},[4121],{"type":20,"value":146},{"type":14,"tag":74,"props":4123,"children":4124},{"class":81},[4125],{"type":20,"value":95},{"type":14,"tag":74,"props":4127,"children":4128},{"class":109},[4129],{"type":20,"value":155},{"type":14,"tag":74,"props":4131,"children":4132},{"class":81},[4133],{"type":20,"value":160},{"type":14,"tag":74,"props":4135,"children":4136},{"class":76,"line":163},[4137,4141,4145,4149,4154,4158,4162,4166],{"type":14,"tag":74,"props":4138,"children":4139},{"class":133},[4140],{"type":20,"value":136},{"type":14,"tag":74,"props":4142,"children":4143},{"class":81},[4144],{"type":20,"value":95},{"type":14,"tag":74,"props":4146,"children":4147},{"class":133},[4148],{"type":20,"value":177},{"type":14,"tag":74,"props":4150,"children":4151},{"class":81},[4152],{"type":20,"value":4153}," { CheckboxButtonOption } ",{"type":14,"tag":74,"props":4155,"children":4156},{"class":133},[4157],{"type":20,"value":146},{"type":14,"tag":74,"props":4159,"children":4160},{"class":81},[4161],{"type":20,"value":95},{"type":14,"tag":74,"props":4163,"children":4164},{"class":109},[4165],{"type":20,"value":195},{"type":14,"tag":74,"props":4167,"children":4168},{"class":81},[4169],{"type":20,"value":160},{"type":14,"tag":74,"props":4171,"children":4172},{"class":76,"line":202},[4173],{"type":14,"tag":74,"props":4174,"children":4175},{},[4176],{"type":20,"value":208},{"type":14,"tag":74,"props":4178,"children":4179},{"class":76,"line":211},[4180,4184,4188,4193,4197,4201,4205,4210],{"type":14,"tag":74,"props":4181,"children":4182},{"class":133},[4183],{"type":20,"value":217},{"type":14,"tag":74,"props":4185,"children":4186},{"class":81},[4187],{"type":20,"value":95},{"type":14,"tag":74,"props":4189,"children":4190},{"class":224},[4191],{"type":20,"value":4192},"LabelRenderComponent",{"type":14,"tag":74,"props":4194,"children":4195},{"class":81},[4196],{"type":20,"value":95},{"type":14,"tag":74,"props":4198,"children":4199},{"class":133},[4200],{"type":20,"value":106},{"type":14,"tag":74,"props":4202,"children":4203},{"class":81},[4204],{"type":20,"value":95},{"type":14,"tag":74,"props":4206,"children":4207},{"class":98},[4208],{"type":20,"value":4209},"markRaw",{"type":14,"tag":74,"props":4211,"children":4212},{"class":81},[4213],{"type":20,"value":4214},"(\n",{"type":14,"tag":74,"props":4216,"children":4217},{"class":76,"line":262},[4218,4222,4227],{"type":14,"tag":74,"props":4219,"children":4220},{"class":81},[4221],{"type":20,"value":2834},{"type":14,"tag":74,"props":4223,"children":4224},{"class":98},[4225],{"type":20,"value":4226},"defineComponent",{"type":14,"tag":74,"props":4228,"children":4229},{"class":81},[4230],{"type":20,"value":4231},"({\n",{"type":14,"tag":74,"props":4233,"children":4234},{"class":76,"line":309},[4235],{"type":14,"tag":74,"props":4236,"children":4237},{"class":81},[4238],{"type":20,"value":4239}," props: {\n",{"type":14,"tag":74,"props":4241,"children":4242},{"class":76,"line":337},[4243],{"type":14,"tag":74,"props":4244,"children":4245},{"class":81},[4246],{"type":20,"value":4247}," ctx: {\n",{"type":14,"tag":74,"props":4249,"children":4250},{"class":76,"line":363},[4251],{"type":14,"tag":74,"props":4252,"children":4253},{"class":81},[4254],{"type":20,"value":4255}," type: Object,\n",{"type":14,"tag":74,"props":4257,"children":4258},{"class":76,"line":389},[4259,4264,4269,4274,4279],{"type":14,"tag":74,"props":4260,"children":4261},{"class":81},[4262],{"type":20,"value":4263}," ",{"type":14,"tag":74,"props":4265,"children":4266},{"class":98},[4267],{"type":20,"value":4268},"default",{"type":14,"tag":74,"props":4270,"children":4271},{"class":81},[4272],{"type":20,"value":4273},": () ",{"type":14,"tag":74,"props":4275,"children":4276},{"class":133},[4277],{"type":20,"value":4278},"=>",{"type":14,"tag":74,"props":4280,"children":4281},{"class":81},[4282],{"type":20,"value":4283}," ({})\n",{"type":14,"tag":74,"props":4285,"children":4286},{"class":76,"line":416},[4287],{"type":14,"tag":74,"props":4288,"children":4289},{"class":81},[4290],{"type":20,"value":4291}," }\n",{"type":14,"tag":74,"props":4293,"children":4294},{"class":76,"line":424},[4295],{"type":14,"tag":74,"props":4296,"children":4297},{"class":81},[4298],{"type":20,"value":4299}," },\n",{"type":14,"tag":74,"props":4301,"children":4302},{"class":76,"line":441},[4303,4308,4312,4316,4321],{"type":14,"tag":74,"props":4304,"children":4305},{"class":81},[4306],{"type":20,"value":4307}," ",{"type":14,"tag":74,"props":4309,"children":4310},{"class":98},[4311],{"type":20,"value":121},{"type":14,"tag":74,"props":4313,"children":4314},{"class":81},[4315],{"type":20,"value":3898},{"type":14,"tag":74,"props":4317,"children":4318},{"class":2837},[4319],{"type":20,"value":4320},"props",{"type":14,"tag":74,"props":4322,"children":4323},{"class":81},[4324],{"type":20,"value":4325},") {\n",{"type":14,"tag":74,"props":4327,"children":4328},{"class":76,"line":449},[4329,4334,4339,4344,4348,4352,4356,4360,4364],{"type":14,"tag":74,"props":4330,"children":4331},{"class":81},[4332],{"type":20,"value":4333}," ",{"type":14,"tag":74,"props":4335,"children":4336},{"class":133},[4337],{"type":20,"value":4338},"return",{"type":14,"tag":74,"props":4340,"children":4341},{"class":81},[4342],{"type":20,"value":4343}," () ",{"type":14,"tag":74,"props":4345,"children":4346},{"class":133},[4347],{"type":20,"value":4278},{"type":14,"tag":74,"props":4349,"children":4350},{"class":81},[4351],{"type":20,"value":95},{"type":14,"tag":74,"props":4353,"children":4354},{"class":98},[4355],{"type":20,"value":3893},{"type":14,"tag":74,"props":4357,"children":4358},{"class":81},[4359],{"type":20,"value":3898},{"type":14,"tag":74,"props":4361,"children":4362},{"class":109},[4363],{"type":20,"value":3903},{"type":14,"tag":74,"props":4365,"children":4366},{"class":81},[4367],{"type":20,"value":4368},", props.ctx.id);\n",{"type":14,"tag":74,"props":4370,"children":4371},{"class":76,"line":465},[4372],{"type":14,"tag":74,"props":4373,"children":4374},{"class":81},[4375],{"type":20,"value":4376}," }\n",{"type":14,"tag":74,"props":4378,"children":4379},{"class":76,"line":520},[4380],{"type":14,"tag":74,"props":4381,"children":4382},{"class":81},[4383],{"type":20,"value":4384}," })\n",{"type":14,"tag":74,"props":4386,"children":4387},{"class":76,"line":1914},[4388],{"type":14,"tag":74,"props":4389,"children":4390},{"class":81},[4391],{"type":20,"value":4392},");\n",{"type":14,"tag":74,"props":4394,"children":4395},{"class":76,"line":1931},[4396],{"type":14,"tag":74,"props":4397,"children":4398},{},[4399],{"type":20,"value":208},{"type":14,"tag":74,"props":4401,"children":4402},{"class":76,"line":1939},[4403,4407,4411,4415,4419,4423,4427,4431,4435,4439],{"type":14,"tag":74,"props":4404,"children":4405},{"class":133},[4406],{"type":20,"value":217},{"type":14,"tag":74,"props":4408,"children":4409},{"class":81},[4410],{"type":20,"value":95},{"type":14,"tag":74,"props":4412,"children":4413},{"class":224},[4414],{"type":20,"value":227},{"type":14,"tag":74,"props":4416,"children":4417},{"class":81},[4418],{"type":20,"value":95},{"type":14,"tag":74,"props":4420,"children":4421},{"class":133},[4422],{"type":20,"value":106},{"type":14,"tag":74,"props":4424,"children":4425},{"class":81},[4426],{"type":20,"value":95},{"type":14,"tag":74,"props":4428,"children":4429},{"class":98},[4430],{"type":20,"value":244},{"type":14,"tag":74,"props":4432,"children":4433},{"class":81},[4434],{"type":20,"value":249},{"type":14,"tag":74,"props":4436,"children":4437},{"class":109},[4438],{"type":20,"value":254},{"type":14,"tag":74,"props":4440,"children":4441},{"class":81},[4442],{"type":20,"value":259},{"type":14,"tag":74,"props":4444,"children":4445},{"class":76,"line":1972},[4446],{"type":14,"tag":74,"props":4447,"children":4448},{},[4449],{"type":20,"value":208},{"type":14,"tag":74,"props":4451,"children":4452},{"class":76,"line":2037},[4453,4457,4461,4465,4469,4473,4477,4481,4485,4489],{"type":14,"tag":74,"props":4454,"children":4455},{"class":133},[4456],{"type":20,"value":217},{"type":14,"tag":74,"props":4458,"children":4459},{"class":81},[4460],{"type":20,"value":95},{"type":14,"tag":74,"props":4462,"children":4463},{"class":224},[4464],{"type":20,"value":276},{"type":14,"tag":74,"props":4466,"children":4467},{"class":81},[4468],{"type":20,"value":95},{"type":14,"tag":74,"props":4470,"children":4471},{"class":133},[4472],{"type":20,"value":106},{"type":14,"tag":74,"props":4474,"children":4475},{"class":81},[4476],{"type":20,"value":95},{"type":14,"tag":74,"props":4478,"children":4479},{"class":98},[4480],{"type":20,"value":244},{"type":14,"tag":74,"props":4482,"children":4483},{"class":81},[4484],{"type":20,"value":84},{"type":14,"tag":74,"props":4486,"children":4487},{"class":98},[4488],{"type":20,"value":3737},{"type":14,"tag":74,"props":4490,"children":4491},{"class":81},[4492],{"type":20,"value":306},{"type":14,"tag":74,"props":4494,"children":4495},{"class":76,"line":2053},[4496,4500,4504],{"type":14,"tag":74,"props":4497,"children":4498},{"class":81},[4499],{"type":20,"value":315},{"type":14,"tag":74,"props":4501,"children":4502},{"class":109},[4503],{"type":20,"value":254},{"type":14,"tag":74,"props":4505,"children":4506},{"class":81},[4507],{"type":20,"value":334},{"type":14,"tag":74,"props":4509,"children":4510},{"class":76,"line":2070},[4511,4515,4519],{"type":14,"tag":74,"props":4512,"children":4513},{"class":81},[4514],{"type":20,"value":315},{"type":14,"tag":74,"props":4516,"children":4517},{"class":109},[4518],{"type":20,"value":347},{"type":14,"tag":74,"props":4520,"children":4521},{"class":81},[4522],{"type":20,"value":334},{"type":14,"tag":74,"props":4524,"children":4526},{"class":76,"line":4525},24,[4527,4531,4535],{"type":14,"tag":74,"props":4528,"children":4529},{"class":81},[4530],{"type":20,"value":315},{"type":14,"tag":74,"props":4532,"children":4533},{"class":109},[4534],{"type":20,"value":373},{"type":14,"tag":74,"props":4536,"children":4537},{"class":81},[4538],{"type":20,"value":334},{"type":14,"tag":74,"props":4540,"children":4542},{"class":76,"line":4541},25,[4543,4547,4551],{"type":14,"tag":74,"props":4544,"children":4545},{"class":81},[4546],{"type":20,"value":315},{"type":14,"tag":74,"props":4548,"children":4549},{"class":109},[4550],{"type":20,"value":399},{"type":14,"tag":74,"props":4552,"children":4553},{"class":81},[4554],{"type":20,"value":413},{"type":14,"tag":74,"props":4556,"children":4558},{"class":76,"line":4557},26,[4559],{"type":14,"tag":74,"props":4560,"children":4561},{"class":81},[4562],{"type":20,"value":259},{"type":14,"tag":74,"props":4564,"children":4566},{"class":76,"line":4565},27,[4567,4571,4575],{"type":14,"tag":74,"props":4568,"children":4569},{"class":81},[4570],{"type":20,"value":430},{"type":14,"tag":74,"props":4572,"children":4573},{"class":87},[4574],{"type":20,"value":90},{"type":14,"tag":74,"props":4576,"children":4577},{"class":81},[4578],{"type":20,"value":126},{"type":14,"tag":74,"props":4580,"children":4582},{"class":76,"line":4581},28,[4583],{"type":14,"tag":74,"props":4584,"children":4585},{},[4586],{"type":20,"value":208},{"type":14,"tag":74,"props":4588,"children":4590},{"class":76,"line":4589},29,[4591,4595,4599],{"type":14,"tag":74,"props":4592,"children":4593},{"class":81},[4594],{"type":20,"value":84},{"type":14,"tag":74,"props":4596,"children":4597},{"class":87},[4598],{"type":20,"value":47},{"type":14,"tag":74,"props":4600,"children":4601},{"class":81},[4602],{"type":20,"value":126},{"type":14,"tag":74,"props":4604,"children":4606},{"class":76,"line":4605},30,[4607,4611,4615,4619,4623,4627,4631,4635,4639,4643,4647,4651,4655,4659,4664],{"type":14,"tag":74,"props":4608,"children":4609},{"class":81},[4610],{"type":20,"value":471},{"type":14,"tag":74,"props":4612,"children":4613},{"class":474},[4614],{"type":20,"value":39},{"type":14,"tag":74,"props":4616,"children":4617},{"class":81},[4618],{"type":20,"value":95},{"type":14,"tag":74,"props":4620,"children":4621},{"class":98},[4622],{"type":20,"value":485},{"type":14,"tag":74,"props":4624,"children":4625},{"class":81},[4626],{"type":20,"value":106},{"type":14,"tag":74,"props":4628,"children":4629},{"class":109},[4630],{"type":20,"value":494},{"type":14,"tag":74,"props":4632,"children":4633},{"class":81},[4634],{"type":20,"value":95},{"type":14,"tag":74,"props":4636,"children":4637},{"class":98},[4638],{"type":20,"value":503},{"type":14,"tag":74,"props":4640,"children":4641},{"class":81},[4642],{"type":20,"value":106},{"type":14,"tag":74,"props":4644,"children":4645},{"class":109},[4646],{"type":20,"value":512},{"type":14,"tag":74,"props":4648,"children":4649},{"class":81},[4650],{"type":20,"value":95},{"type":14,"tag":74,"props":4652,"children":4653},{"class":98},[4654],{"type":20,"value":3467},{"type":14,"tag":74,"props":4656,"children":4657},{"class":81},[4658],{"type":20,"value":106},{"type":14,"tag":74,"props":4660,"children":4661},{"class":109},[4662],{"type":20,"value":4663},"\"LabelRenderComponent\"",{"type":14,"tag":74,"props":4665,"children":4666},{"class":81},[4667],{"type":20,"value":517},{"type":14,"tag":74,"props":4669,"children":4671},{"class":76,"line":4670},31,[4672,4676,4680],{"type":14,"tag":74,"props":4673,"children":4674},{"class":81},[4675],{"type":20,"value":430},{"type":14,"tag":74,"props":4677,"children":4678},{"class":87},[4679],{"type":20,"value":47},{"type":14,"tag":74,"props":4681,"children":4682},{"class":81},[4683],{"type":20,"value":534},{"type":14,"tag":3039,"props":4685,"children":4687},{"id":4686},"render-per-option",[4688],{"type":20,"value":4689},"Render Per Option",{"type":14,"tag":29,"props":4691,"children":4692},{},[4693,4695,4699,4701,4705],{"type":20,"value":4694},"Each option's ",{"type":14,"tag":35,"props":4696,"children":4697},{},[4698],{"type":20,"value":2774},{"type":20,"value":4700}," field is a ",{"type":14,"tag":35,"props":4702,"children":4703},{},[4704],{"type":20,"value":2781},{"type":20,"value":4706}," property. This means you can also use a render function to render each option's label.",{"type":14,"tag":43,"props":4708,"children":4709},{},[4710,4717],{"type":14,"tag":47,"props":4711,"children":4712},{"v-slot:preview":7},[4713],{"type":14,"tag":51,"props":4714,"children":4716},{"src":4715},"/components/ICheckboxGroup/examples/render-function-per-option",[],{"type":14,"tag":47,"props":4718,"children":4719},{"v-slot:vue":7},[4720],{"type":14,"tag":59,"props":4721,"children":4724},{"className":4722,"code":4723,"language":64,"meta":7},[62],"\u003Cscript lang=\"ts\" setup>\nimport { h, ref } from 'vue';\n\nconst checked = ref(['apple']);\nconst options = ref([\n { id: 'apple', label: () => h('strong', { class: '_color:green' }, 'Apple') },\n { id: 'banana', label: () => h('strong', { class: '_color:yellow' }, 'Banana') },\n { id: 'strawberry', label: () => h('strong', { class: '_color:red' }, 'Strawberry') },\n { id: 'mango', label: () => h('strong', { class: '_color:orange' }, 'Mango') }\n]);\n\u003C/script>\n\n\u003Ctemplate>\n \u003CICheckboxGroup v-model=\"checked\" :options=\"options\" />\n\u003C/template>\n\n",[4725],{"type":14,"tag":67,"props":4726,"children":4727},{},[4728],{"type":14,"tag":59,"props":4729,"children":4730},{"__ignoreMap":7},[4731,4770,4797,4804,4847,4882,4949,5013,5077,5142,5149,5164,5171,5186,5233],{"type":14,"tag":74,"props":4732,"children":4733},{"class":76,"line":77},[4734,4738,4742,4746,4750,4754,4758,4762,4766],{"type":14,"tag":74,"props":4735,"children":4736},{"class":81},[4737],{"type":20,"value":84},{"type":14,"tag":74,"props":4739,"children":4740},{"class":87},[4741],{"type":20,"value":90},{"type":14,"tag":74,"props":4743,"children":4744},{"class":81},[4745],{"type":20,"value":95},{"type":14,"tag":74,"props":4747,"children":4748},{"class":98},[4749],{"type":20,"value":101},{"type":14,"tag":74,"props":4751,"children":4752},{"class":81},[4753],{"type":20,"value":106},{"type":14,"tag":74,"props":4755,"children":4756},{"class":109},[4757],{"type":20,"value":112},{"type":14,"tag":74,"props":4759,"children":4760},{"class":81},[4761],{"type":20,"value":95},{"type":14,"tag":74,"props":4763,"children":4764},{"class":98},[4765],{"type":20,"value":121},{"type":14,"tag":74,"props":4767,"children":4768},{"class":81},[4769],{"type":20,"value":126},{"type":14,"tag":74,"props":4771,"children":4772},{"class":76,"line":129},[4773,4777,4781,4785,4789,4793],{"type":14,"tag":74,"props":4774,"children":4775},{"class":133},[4776],{"type":20,"value":136},{"type":14,"tag":74,"props":4778,"children":4779},{"class":81},[4780],{"type":20,"value":3588},{"type":14,"tag":74,"props":4782,"children":4783},{"class":133},[4784],{"type":20,"value":146},{"type":14,"tag":74,"props":4786,"children":4787},{"class":81},[4788],{"type":20,"value":95},{"type":14,"tag":74,"props":4790,"children":4791},{"class":109},[4792],{"type":20,"value":155},{"type":14,"tag":74,"props":4794,"children":4795},{"class":81},[4796],{"type":20,"value":160},{"type":14,"tag":74,"props":4798,"children":4799},{"class":76,"line":163},[4800],{"type":14,"tag":74,"props":4801,"children":4802},{},[4803],{"type":20,"value":208},{"type":14,"tag":74,"props":4805,"children":4806},{"class":76,"line":202},[4807,4811,4815,4819,4823,4827,4831,4835,4839,4843],{"type":14,"tag":74,"props":4808,"children":4809},{"class":133},[4810],{"type":20,"value":217},{"type":14,"tag":74,"props":4812,"children":4813},{"class":81},[4814],{"type":20,"value":95},{"type":14,"tag":74,"props":4816,"children":4817},{"class":224},[4818],{"type":20,"value":227},{"type":14,"tag":74,"props":4820,"children":4821},{"class":81},[4822],{"type":20,"value":95},{"type":14,"tag":74,"props":4824,"children":4825},{"class":133},[4826],{"type":20,"value":106},{"type":14,"tag":74,"props":4828,"children":4829},{"class":81},[4830],{"type":20,"value":95},{"type":14,"tag":74,"props":4832,"children":4833},{"class":98},[4834],{"type":20,"value":244},{"type":14,"tag":74,"props":4836,"children":4837},{"class":81},[4838],{"type":20,"value":249},{"type":14,"tag":74,"props":4840,"children":4841},{"class":109},[4842],{"type":20,"value":254},{"type":14,"tag":74,"props":4844,"children":4845},{"class":81},[4846],{"type":20,"value":259},{"type":14,"tag":74,"props":4848,"children":4849},{"class":76,"line":211},[4850,4854,4858,4862,4866,4870,4874,4878],{"type":14,"tag":74,"props":4851,"children":4852},{"class":133},[4853],{"type":20,"value":217},{"type":14,"tag":74,"props":4855,"children":4856},{"class":81},[4857],{"type":20,"value":95},{"type":14,"tag":74,"props":4859,"children":4860},{"class":224},[4861],{"type":20,"value":276},{"type":14,"tag":74,"props":4863,"children":4864},{"class":81},[4865],{"type":20,"value":95},{"type":14,"tag":74,"props":4867,"children":4868},{"class":133},[4869],{"type":20,"value":106},{"type":14,"tag":74,"props":4871,"children":4872},{"class":81},[4873],{"type":20,"value":95},{"type":14,"tag":74,"props":4875,"children":4876},{"class":98},[4877],{"type":20,"value":244},{"type":14,"tag":74,"props":4879,"children":4880},{"class":81},[4881],{"type":20,"value":3232},{"type":14,"tag":74,"props":4883,"children":4884},{"class":76,"line":262},[4885,4889,4893,4897,4901,4905,4909,4913,4917,4921,4925,4930,4935,4940,4944],{"type":14,"tag":74,"props":4886,"children":4887},{"class":81},[4888],{"type":20,"value":315},{"type":14,"tag":74,"props":4890,"children":4891},{"class":109},[4892],{"type":20,"value":254},{"type":14,"tag":74,"props":4894,"children":4895},{"class":81},[4896],{"type":20,"value":2108},{"type":14,"tag":74,"props":4898,"children":4899},{"class":98},[4900],{"type":20,"value":2774},{"type":14,"tag":74,"props":4902,"children":4903},{"class":81},[4904],{"type":20,"value":4273},{"type":14,"tag":74,"props":4906,"children":4907},{"class":133},[4908],{"type":20,"value":4278},{"type":14,"tag":74,"props":4910,"children":4911},{"class":81},[4912],{"type":20,"value":95},{"type":14,"tag":74,"props":4914,"children":4915},{"class":98},[4916],{"type":20,"value":3893},{"type":14,"tag":74,"props":4918,"children":4919},{"class":81},[4920],{"type":20,"value":3898},{"type":14,"tag":74,"props":4922,"children":4923},{"class":109},[4924],{"type":20,"value":3903},{"type":14,"tag":74,"props":4926,"children":4927},{"class":81},[4928],{"type":20,"value":4929},", { class: ",{"type":14,"tag":74,"props":4931,"children":4932},{"class":109},[4933],{"type":20,"value":4934},"'_color:green'",{"type":14,"tag":74,"props":4936,"children":4937},{"class":81},[4938],{"type":20,"value":4939}," }, ",{"type":14,"tag":74,"props":4941,"children":4942},{"class":109},[4943],{"type":20,"value":329},{"type":14,"tag":74,"props":4945,"children":4946},{"class":81},[4947],{"type":20,"value":4948},") },\n",{"type":14,"tag":74,"props":4950,"children":4951},{"class":76,"line":309},[4952,4956,4960,4964,4968,4972,4976,4980,4984,4988,4992,4996,5001,5005,5009],{"type":14,"tag":74,"props":4953,"children":4954},{"class":81},[4955],{"type":20,"value":315},{"type":14,"tag":74,"props":4957,"children":4958},{"class":109},[4959],{"type":20,"value":347},{"type":14,"tag":74,"props":4961,"children":4962},{"class":81},[4963],{"type":20,"value":2108},{"type":14,"tag":74,"props":4965,"children":4966},{"class":98},[4967],{"type":20,"value":2774},{"type":14,"tag":74,"props":4969,"children":4970},{"class":81},[4971],{"type":20,"value":4273},{"type":14,"tag":74,"props":4973,"children":4974},{"class":133},[4975],{"type":20,"value":4278},{"type":14,"tag":74,"props":4977,"children":4978},{"class":81},[4979],{"type":20,"value":95},{"type":14,"tag":74,"props":4981,"children":4982},{"class":98},[4983],{"type":20,"value":3893},{"type":14,"tag":74,"props":4985,"children":4986},{"class":81},[4987],{"type":20,"value":3898},{"type":14,"tag":74,"props":4989,"children":4990},{"class":109},[4991],{"type":20,"value":3903},{"type":14,"tag":74,"props":4993,"children":4994},{"class":81},[4995],{"type":20,"value":4929},{"type":14,"tag":74,"props":4997,"children":4998},{"class":109},[4999],{"type":20,"value":5000},"'_color:yellow'",{"type":14,"tag":74,"props":5002,"children":5003},{"class":81},[5004],{"type":20,"value":4939},{"type":14,"tag":74,"props":5006,"children":5007},{"class":109},[5008],{"type":20,"value":356},{"type":14,"tag":74,"props":5010,"children":5011},{"class":81},[5012],{"type":20,"value":4948},{"type":14,"tag":74,"props":5014,"children":5015},{"class":76,"line":337},[5016,5020,5024,5028,5032,5036,5040,5044,5048,5052,5056,5060,5065,5069,5073],{"type":14,"tag":74,"props":5017,"children":5018},{"class":81},[5019],{"type":20,"value":315},{"type":14,"tag":74,"props":5021,"children":5022},{"class":109},[5023],{"type":20,"value":373},{"type":14,"tag":74,"props":5025,"children":5026},{"class":81},[5027],{"type":20,"value":2108},{"type":14,"tag":74,"props":5029,"children":5030},{"class":98},[5031],{"type":20,"value":2774},{"type":14,"tag":74,"props":5033,"children":5034},{"class":81},[5035],{"type":20,"value":4273},{"type":14,"tag":74,"props":5037,"children":5038},{"class":133},[5039],{"type":20,"value":4278},{"type":14,"tag":74,"props":5041,"children":5042},{"class":81},[5043],{"type":20,"value":95},{"type":14,"tag":74,"props":5045,"children":5046},{"class":98},[5047],{"type":20,"value":3893},{"type":14,"tag":74,"props":5049,"children":5050},{"class":81},[5051],{"type":20,"value":3898},{"type":14,"tag":74,"props":5053,"children":5054},{"class":109},[5055],{"type":20,"value":3903},{"type":14,"tag":74,"props":5057,"children":5058},{"class":81},[5059],{"type":20,"value":4929},{"type":14,"tag":74,"props":5061,"children":5062},{"class":109},[5063],{"type":20,"value":5064},"'_color:red'",{"type":14,"tag":74,"props":5066,"children":5067},{"class":81},[5068],{"type":20,"value":4939},{"type":14,"tag":74,"props":5070,"children":5071},{"class":109},[5072],{"type":20,"value":382},{"type":14,"tag":74,"props":5074,"children":5075},{"class":81},[5076],{"type":20,"value":4948},{"type":14,"tag":74,"props":5078,"children":5079},{"class":76,"line":363},[5080,5084,5088,5092,5096,5100,5104,5108,5112,5116,5120,5124,5129,5133,5137],{"type":14,"tag":74,"props":5081,"children":5082},{"class":81},[5083],{"type":20,"value":315},{"type":14,"tag":74,"props":5085,"children":5086},{"class":109},[5087],{"type":20,"value":399},{"type":14,"tag":74,"props":5089,"children":5090},{"class":81},[5091],{"type":20,"value":2108},{"type":14,"tag":74,"props":5093,"children":5094},{"class":98},[5095],{"type":20,"value":2774},{"type":14,"tag":74,"props":5097,"children":5098},{"class":81},[5099],{"type":20,"value":4273},{"type":14,"tag":74,"props":5101,"children":5102},{"class":133},[5103],{"type":20,"value":4278},{"type":14,"tag":74,"props":5105,"children":5106},{"class":81},[5107],{"type":20,"value":95},{"type":14,"tag":74,"props":5109,"children":5110},{"class":98},[5111],{"type":20,"value":3893},{"type":14,"tag":74,"props":5113,"children":5114},{"class":81},[5115],{"type":20,"value":3898},{"type":14,"tag":74,"props":5117,"children":5118},{"class":109},[5119],{"type":20,"value":3903},{"type":14,"tag":74,"props":5121,"children":5122},{"class":81},[5123],{"type":20,"value":4929},{"type":14,"tag":74,"props":5125,"children":5126},{"class":109},[5127],{"type":20,"value":5128},"'_color:orange'",{"type":14,"tag":74,"props":5130,"children":5131},{"class":81},[5132],{"type":20,"value":4939},{"type":14,"tag":74,"props":5134,"children":5135},{"class":109},[5136],{"type":20,"value":408},{"type":14,"tag":74,"props":5138,"children":5139},{"class":81},[5140],{"type":20,"value":5141},") }\n",{"type":14,"tag":74,"props":5143,"children":5144},{"class":76,"line":389},[5145],{"type":14,"tag":74,"props":5146,"children":5147},{"class":81},[5148],{"type":20,"value":259},{"type":14,"tag":74,"props":5150,"children":5151},{"class":76,"line":416},[5152,5156,5160],{"type":14,"tag":74,"props":5153,"children":5154},{"class":81},[5155],{"type":20,"value":430},{"type":14,"tag":74,"props":5157,"children":5158},{"class":87},[5159],{"type":20,"value":90},{"type":14,"tag":74,"props":5161,"children":5162},{"class":81},[5163],{"type":20,"value":126},{"type":14,"tag":74,"props":5165,"children":5166},{"class":76,"line":424},[5167],{"type":14,"tag":74,"props":5168,"children":5169},{},[5170],{"type":20,"value":208},{"type":14,"tag":74,"props":5172,"children":5173},{"class":76,"line":441},[5174,5178,5182],{"type":14,"tag":74,"props":5175,"children":5176},{"class":81},[5177],{"type":20,"value":84},{"type":14,"tag":74,"props":5179,"children":5180},{"class":87},[5181],{"type":20,"value":47},{"type":14,"tag":74,"props":5183,"children":5184},{"class":81},[5185],{"type":20,"value":126},{"type":14,"tag":74,"props":5187,"children":5188},{"class":76,"line":449},[5189,5193,5197,5201,5205,5209,5213,5217,5221,5225,5229],{"type":14,"tag":74,"props":5190,"children":5191},{"class":81},[5192],{"type":20,"value":471},{"type":14,"tag":74,"props":5194,"children":5195},{"class":474},[5196],{"type":20,"value":39},{"type":14,"tag":74,"props":5198,"children":5199},{"class":81},[5200],{"type":20,"value":95},{"type":14,"tag":74,"props":5202,"children":5203},{"class":98},[5204],{"type":20,"value":485},{"type":14,"tag":74,"props":5206,"children":5207},{"class":81},[5208],{"type":20,"value":106},{"type":14,"tag":74,"props":5210,"children":5211},{"class":109},[5212],{"type":20,"value":494},{"type":14,"tag":74,"props":5214,"children":5215},{"class":81},[5216],{"type":20,"value":95},{"type":14,"tag":74,"props":5218,"children":5219},{"class":98},[5220],{"type":20,"value":503},{"type":14,"tag":74,"props":5222,"children":5223},{"class":81},[5224],{"type":20,"value":106},{"type":14,"tag":74,"props":5226,"children":5227},{"class":109},[5228],{"type":20,"value":512},{"type":14,"tag":74,"props":5230,"children":5231},{"class":81},[5232],{"type":20,"value":517},{"type":14,"tag":74,"props":5234,"children":5235},{"class":76,"line":465},[5236,5240,5244],{"type":14,"tag":74,"props":5237,"children":5238},{"class":81},[5239],{"type":20,"value":430},{"type":14,"tag":74,"props":5241,"children":5242},{"class":87},[5243],{"type":20,"value":47},{"type":14,"tag":74,"props":5245,"children":5246},{"class":81},[5247],{"type":20,"value":534},{"type":14,"tag":3039,"props":5249,"children":5251},{"id":5250},"scoped-slot",[5252],{"type":20,"value":5253},"Scoped Slot",{"type":14,"tag":29,"props":5255,"children":5256},{},[5257,5258,5262,5264,5268],{"type":20,"value":33},{"type":14,"tag":35,"props":5259,"children":5260},{},[5261],{"type":20,"value":3871},{"type":20,"value":5263}," scoped slot can be used to render each option. It receives the option being rendered as a prop named ",{"type":14,"tag":35,"props":5265,"children":5266},{},[5267],{"type":20,"value":3871},{"type":20,"value":2128},{"type":14,"tag":43,"props":5270,"children":5271},{},[5272,5279],{"type":14,"tag":47,"props":5273,"children":5274},{"v-slot:preview":7},[5275],{"type":14,"tag":51,"props":5276,"children":5278},{"src":5277},"/components/ICheckboxGroup/examples/render-slot",[],{"type":14,"tag":47,"props":5280,"children":5281},{"v-slot:vue":7},[5282],{"type":14,"tag":59,"props":5283,"children":5286},{"className":5284,"code":5285,"language":64,"meta":7},[62],"\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\n\nconst checked = ref(['apple']);\nconst options = ref([{ id: 'apple' }, { id: 'banana' }, { id: 'strawberry' }, { id: 'mango' }]);\n\u003C/script>\n\n\u003Ctemplate>\n \u003CICheckboxGroup v-model=\"checked\" :options=\"options\">\n \u003Ctemplate #option=\"{ option }\">\n {{ option.id }}\n \u003C/template>\n \u003C/ICheckboxGroup>\n\u003C/template>\n\n",[5287],{"type":14,"tag":67,"props":5288,"children":5289},{},[5290],{"type":14,"tag":59,"props":5291,"children":5292},{"__ignoreMap":7},[5293,5332,5359,5366,5409,5479,5494,5501,5516,5563,5605,5613,5628,5643],{"type":14,"tag":74,"props":5294,"children":5295},{"class":76,"line":77},[5296,5300,5304,5308,5312,5316,5320,5324,5328],{"type":14,"tag":74,"props":5297,"children":5298},{"class":81},[5299],{"type":20,"value":84},{"type":14,"tag":74,"props":5301,"children":5302},{"class":87},[5303],{"type":20,"value":90},{"type":14,"tag":74,"props":5305,"children":5306},{"class":81},[5307],{"type":20,"value":95},{"type":14,"tag":74,"props":5309,"children":5310},{"class":98},[5311],{"type":20,"value":101},{"type":14,"tag":74,"props":5313,"children":5314},{"class":81},[5315],{"type":20,"value":106},{"type":14,"tag":74,"props":5317,"children":5318},{"class":109},[5319],{"type":20,"value":112},{"type":14,"tag":74,"props":5321,"children":5322},{"class":81},[5323],{"type":20,"value":95},{"type":14,"tag":74,"props":5325,"children":5326},{"class":98},[5327],{"type":20,"value":121},{"type":14,"tag":74,"props":5329,"children":5330},{"class":81},[5331],{"type":20,"value":126},{"type":14,"tag":74,"props":5333,"children":5334},{"class":76,"line":129},[5335,5339,5343,5347,5351,5355],{"type":14,"tag":74,"props":5336,"children":5337},{"class":133},[5338],{"type":20,"value":136},{"type":14,"tag":74,"props":5340,"children":5341},{"class":81},[5342],{"type":20,"value":141},{"type":14,"tag":74,"props":5344,"children":5345},{"class":133},[5346],{"type":20,"value":146},{"type":14,"tag":74,"props":5348,"children":5349},{"class":81},[5350],{"type":20,"value":95},{"type":14,"tag":74,"props":5352,"children":5353},{"class":109},[5354],{"type":20,"value":155},{"type":14,"tag":74,"props":5356,"children":5357},{"class":81},[5358],{"type":20,"value":160},{"type":14,"tag":74,"props":5360,"children":5361},{"class":76,"line":163},[5362],{"type":14,"tag":74,"props":5363,"children":5364},{},[5365],{"type":20,"value":208},{"type":14,"tag":74,"props":5367,"children":5368},{"class":76,"line":202},[5369,5373,5377,5381,5385,5389,5393,5397,5401,5405],{"type":14,"tag":74,"props":5370,"children":5371},{"class":133},[5372],{"type":20,"value":217},{"type":14,"tag":74,"props":5374,"children":5375},{"class":81},[5376],{"type":20,"value":95},{"type":14,"tag":74,"props":5378,"children":5379},{"class":224},[5380],{"type":20,"value":227},{"type":14,"tag":74,"props":5382,"children":5383},{"class":81},[5384],{"type":20,"value":95},{"type":14,"tag":74,"props":5386,"children":5387},{"class":133},[5388],{"type":20,"value":106},{"type":14,"tag":74,"props":5390,"children":5391},{"class":81},[5392],{"type":20,"value":95},{"type":14,"tag":74,"props":5394,"children":5395},{"class":98},[5396],{"type":20,"value":244},{"type":14,"tag":74,"props":5398,"children":5399},{"class":81},[5400],{"type":20,"value":249},{"type":14,"tag":74,"props":5402,"children":5403},{"class":109},[5404],{"type":20,"value":254},{"type":14,"tag":74,"props":5406,"children":5407},{"class":81},[5408],{"type":20,"value":259},{"type":14,"tag":74,"props":5410,"children":5411},{"class":76,"line":211},[5412,5416,5420,5424,5428,5432,5436,5440,5445,5449,5454,5458,5462,5466,5470,5474],{"type":14,"tag":74,"props":5413,"children":5414},{"class":133},[5415],{"type":20,"value":217},{"type":14,"tag":74,"props":5417,"children":5418},{"class":81},[5419],{"type":20,"value":95},{"type":14,"tag":74,"props":5421,"children":5422},{"class":224},[5423],{"type":20,"value":276},{"type":14,"tag":74,"props":5425,"children":5426},{"class":81},[5427],{"type":20,"value":95},{"type":14,"tag":74,"props":5429,"children":5430},{"class":133},[5431],{"type":20,"value":106},{"type":14,"tag":74,"props":5433,"children":5434},{"class":81},[5435],{"type":20,"value":95},{"type":14,"tag":74,"props":5437,"children":5438},{"class":98},[5439],{"type":20,"value":244},{"type":14,"tag":74,"props":5441,"children":5442},{"class":81},[5443],{"type":20,"value":5444},"([{ id: ",{"type":14,"tag":74,"props":5446,"children":5447},{"class":109},[5448],{"type":20,"value":254},{"type":14,"tag":74,"props":5450,"children":5451},{"class":81},[5452],{"type":20,"value":5453}," }, { id: ",{"type":14,"tag":74,"props":5455,"children":5456},{"class":109},[5457],{"type":20,"value":347},{"type":14,"tag":74,"props":5459,"children":5460},{"class":81},[5461],{"type":20,"value":5453},{"type":14,"tag":74,"props":5463,"children":5464},{"class":109},[5465],{"type":20,"value":373},{"type":14,"tag":74,"props":5467,"children":5468},{"class":81},[5469],{"type":20,"value":5453},{"type":14,"tag":74,"props":5471,"children":5472},{"class":109},[5473],{"type":20,"value":399},{"type":14,"tag":74,"props":5475,"children":5476},{"class":81},[5477],{"type":20,"value":5478}," }]);\n",{"type":14,"tag":74,"props":5480,"children":5481},{"class":76,"line":262},[5482,5486,5490],{"type":14,"tag":74,"props":5483,"children":5484},{"class":81},[5485],{"type":20,"value":430},{"type":14,"tag":74,"props":5487,"children":5488},{"class":87},[5489],{"type":20,"value":90},{"type":14,"tag":74,"props":5491,"children":5492},{"class":81},[5493],{"type":20,"value":126},{"type":14,"tag":74,"props":5495,"children":5496},{"class":76,"line":309},[5497],{"type":14,"tag":74,"props":5498,"children":5499},{},[5500],{"type":20,"value":208},{"type":14,"tag":74,"props":5502,"children":5503},{"class":76,"line":337},[5504,5508,5512],{"type":14,"tag":74,"props":5505,"children":5506},{"class":81},[5507],{"type":20,"value":84},{"type":14,"tag":74,"props":5509,"children":5510},{"class":87},[5511],{"type":20,"value":47},{"type":14,"tag":74,"props":5513,"children":5514},{"class":81},[5515],{"type":20,"value":126},{"type":14,"tag":74,"props":5517,"children":5518},{"class":76,"line":363},[5519,5523,5527,5531,5535,5539,5543,5547,5551,5555,5559],{"type":14,"tag":74,"props":5520,"children":5521},{"class":81},[5522],{"type":20,"value":471},{"type":14,"tag":74,"props":5524,"children":5525},{"class":474},[5526],{"type":20,"value":39},{"type":14,"tag":74,"props":5528,"children":5529},{"class":81},[5530],{"type":20,"value":95},{"type":14,"tag":74,"props":5532,"children":5533},{"class":98},[5534],{"type":20,"value":485},{"type":14,"tag":74,"props":5536,"children":5537},{"class":81},[5538],{"type":20,"value":106},{"type":14,"tag":74,"props":5540,"children":5541},{"class":109},[5542],{"type":20,"value":494},{"type":14,"tag":74,"props":5544,"children":5545},{"class":81},[5546],{"type":20,"value":95},{"type":14,"tag":74,"props":5548,"children":5549},{"class":98},[5550],{"type":20,"value":503},{"type":14,"tag":74,"props":5552,"children":5553},{"class":81},[5554],{"type":20,"value":106},{"type":14,"tag":74,"props":5556,"children":5557},{"class":109},[5558],{"type":20,"value":512},{"type":14,"tag":74,"props":5560,"children":5561},{"class":81},[5562],{"type":20,"value":126},{"type":14,"tag":74,"props":5564,"children":5565},{"class":76,"line":389},[5566,5570,5574,5579,5583,5587,5592,5597,5601],{"type":14,"tag":74,"props":5567,"children":5568},{"class":81},[5569],{"type":20,"value":1820},{"type":14,"tag":74,"props":5571,"children":5572},{"class":87},[5573],{"type":20,"value":47},{"type":14,"tag":74,"props":5575,"children":5576},{"class":81},[5577],{"type":20,"value":5578}," #",{"type":14,"tag":74,"props":5580,"children":5581},{"class":98},[5582],{"type":20,"value":3871},{"type":14,"tag":74,"props":5584,"children":5585},{"class":81},[5586],{"type":20,"value":106},{"type":14,"tag":74,"props":5588,"children":5589},{"class":109},[5590],{"type":20,"value":5591},"\"",{"type":14,"tag":74,"props":5593,"children":5594},{"class":81},[5595],{"type":20,"value":5596},"{ option }",{"type":14,"tag":74,"props":5598,"children":5599},{"class":109},[5600],{"type":20,"value":5591},{"type":14,"tag":74,"props":5602,"children":5603},{"class":81},[5604],{"type":20,"value":126},{"type":14,"tag":74,"props":5606,"children":5607},{"class":76,"line":416},[5608],{"type":14,"tag":74,"props":5609,"children":5610},{"class":81},[5611],{"type":20,"value":5612}," {{ option.id }}\n",{"type":14,"tag":74,"props":5614,"children":5615},{"class":76,"line":424},[5616,5620,5624],{"type":14,"tag":74,"props":5617,"children":5618},{"class":81},[5619],{"type":20,"value":1920},{"type":14,"tag":74,"props":5621,"children":5622},{"class":87},[5623],{"type":20,"value":47},{"type":14,"tag":74,"props":5625,"children":5626},{"class":81},[5627],{"type":20,"value":126},{"type":14,"tag":74,"props":5629,"children":5630},{"class":76,"line":441},[5631,5635,5639],{"type":14,"tag":74,"props":5632,"children":5633},{"class":81},[5634],{"type":20,"value":2059},{"type":14,"tag":74,"props":5636,"children":5637},{"class":474},[5638],{"type":20,"value":39},{"type":14,"tag":74,"props":5640,"children":5641},{"class":81},[5642],{"type":20,"value":126},{"type":14,"tag":74,"props":5644,"children":5645},{"class":76,"line":449},[5646,5650,5654],{"type":14,"tag":74,"props":5647,"children":5648},{"class":81},[5649],{"type":20,"value":430},{"type":14,"tag":74,"props":5651,"children":5652},{"class":87},[5653],{"type":20,"value":47},{"type":14,"tag":74,"props":5655,"children":5656},{"class":81},[5657],{"type":20,"value":534},{"type":14,"tag":536,"props":5659,"children":5660},{"id":4320},[5661],{"type":20,"value":5662},"Props",{"type":14,"tag":5664,"props":5665,"children":5666},"content-component-props",{"component":39},[],{"type":14,"tag":536,"props":5668,"children":5670},{"id":5669},"slots",[5671],{"type":20,"value":5672},"Slots",{"type":14,"tag":5674,"props":5675,"children":5676},"content-component-slots",{"component":39},[],{"type":14,"tag":536,"props":5678,"children":5680},{"id":5679},"events",[5681],{"type":20,"value":5682},"Events",{"type":14,"tag":5684,"props":5685,"children":5686},"content-component-events",{"component":39},[],{"type":14,"tag":536,"props":5688,"children":5690},{"id":5689},"design-tokens",[5691],{"type":20,"value":5692},"Design Tokens",{"type":14,"tag":5694,"props":5695,"children":5697},"content-component-design-tokens",{"component":5696},"ICheckbox",[],{"type":14,"tag":5699,"children":5700},"style",[5701],{"type":20,"value":5702},".ct-553616{color:#24292E;}\n.dark-theme .ct-553616{color:#E1E4E8;}\n.ct-914029{color:#22863A;}\n.dark-theme .ct-914029{color:#85E89D;}\n.ct-762058{color:#6F42C1;}\n.dark-theme .ct-762058{color:#B392F0;}\n.ct-952708{color:#032F62;}\n.dark-theme .ct-952708{color:#9ECBFF;}\n.ct-149352{color:#D73A49;}\n.dark-theme .ct-149352{color:#F97583;}\n.ct-617022{color:#005CC5;}\n.dark-theme .ct-617022{color:#79B8FF;}\n.ct-028869{color:#B31D28;font-style:italic;}\n.dark-theme .ct-028869{color:#FDAEB7;font-style:italic;}\n.ct-157101{color:#E36209;}\n.dark-theme .ct-157101{color:#FFAB70;}",{"title":7,"searchDepth":129,"depth":129,"links":5704},[5705],{"id":25,"depth":129,"text":9,"children":5706},[5707,5708,5709,5710,5711,5712,5713,5714,5715,5716],{"id":538,"depth":163,"text":541},{"id":980,"depth":163,"text":983},{"id":1420,"depth":163,"text":1423},{"id":2086,"depth":163,"text":2089},{"id":2711,"depth":163,"text":2714},{"id":3034,"depth":163,"text":3037},{"id":4320,"depth":163,"text":5662},{"id":5669,"depth":163,"text":5672},{"id":5679,"depth":163,"text":5682},{"id":5689,"depth":163,"text":5692},"markdown","content:docs:forms:components:checkbox-group.md","content","docs/forms/components/checkbox-group.md",1794582259854]