[{"data":1,"prerenderedAt":3309},["ShallowReactive",2],{"navigation_docs":3,"-controls-layer":90,"-controls-layer-surround":3304},[4,22,35,73],{"title":5,"path":6,"stem":7,"children":8,"page":21},"Guide","\u002Fguide","1.guide",[9,13,17],{"title":10,"path":11,"stem":12},"Getting Started","\u002Fguide\u002Fgetting-started","1.guide\u002F1.getting-started",{"title":14,"path":15,"stem":16},"Peer Dependencies","\u002Fguide\u002Fpeer-dependencies","1.guide\u002F2.peer-dependencies",{"title":18,"path":19,"stem":20},"Examples","\u002Fguide\u002Fexamples","1.guide\u002F3.examples",false,{"title":23,"path":24,"stem":25,"children":26,"page":21},"Components","\u002Fcomponents","2.components",[27,31],{"title":28,"path":29,"stem":30},"VMap","\u002Fcomponents\u002Fmap","2.components\u002F1.map",{"title":32,"path":33,"stem":34},"VMarker","\u002Fcomponents\u002Fmarkers","2.components\u002F2.markers",{"title":36,"path":37,"stem":38,"children":39,"page":21},"Layers","\u002Flayers","3.layers",[40,44,48,52,56,60,64,69],{"title":41,"path":42,"stem":43},"Deck.gl Layers","\u002Flayers\u002Fdeckgl-overview","3.layers\u002F1.deckgl-overview",{"title":45,"path":46,"stem":47},"Core Layers","\u002Flayers\u002Fcore-layers","3.layers\u002F2.core-layers",{"title":49,"path":50,"stem":51},"Aggregation Layers","\u002Flayers\u002Faggregation-layers","3.layers\u002F3.aggregation-layers",{"title":53,"path":54,"stem":55},"Geo Layers","\u002Flayers\u002Fgeo-layers","3.layers\u002F4.geo-layers",{"title":57,"path":58,"stem":59},"Raster Layers","\u002Flayers\u002Fraster-layers","3.layers\u002F5.raster-layers",{"title":61,"path":62,"stem":63},"Wind Layers","\u002Flayers\u002Fwind-layers","3.layers\u002F6.wind-layers",{"title":65,"path":66,"stem":67,"icon":68},"MapLibre Layers","\u002Flayers\u002Fmaplibre-layers","3.layers\u002F7.maplibre-layers","i-lucide-layers",{"title":70,"path":71,"stem":72},"GeoArrow Layers","\u002Flayers\u002Fgeoarrow-layers","3.layers\u002F8.geoarrow-layers",{"title":74,"path":75,"stem":76,"children":77,"page":21},"Controls","\u002Fcontrols","4.controls",[78,82,86],{"title":79,"path":80,"stem":81},"VControlLidar","\u002Fcontrols\u002Flidar","4.controls\u002F1.lidar",{"title":83,"path":84,"stem":85},"Layer Controls","\u002Fcontrols\u002Flayer","4.controls\u002F2.layer",{"title":87,"path":88,"stem":89},"VControlLegend","\u002Fcontrols\u002Flegend","4.controls\u002F3.legend",{"id":91,"title":83,"body":92,"description":3298,"extension":3299,"links":3300,"meta":3301,"navigation":241,"path":84,"seo":3302,"stem":85,"__hash__":3303},"docs\u002F4.controls\u002F2.layer.md",{"type":93,"value":94,"toc":3257},"minimark",[95,105,110,115,123,126,145,149,817,821,826,845,848,851,875,878,881,902,909,912,934,940,943,964,967,971,991,994,998,1002,1005,1014,1018,1021,1029,1033,1036,1044,1048,1051,1059,1063,1066,1278,1282,1285,1288,1354,1358,1367,1371,1790,1794,1925,1928,1932,1937,1940,1946,1960,1962,1976,1979,2542,2545,2548,2563,2566,2668,2671,2691,2693,2696,2717,2720,2723,2743,2746,2749,2769,2772,2775,2778,2781,2790,2793,2796,2805,2809,2812,2820,2824,2829,3064,3067,3253],[96,97,100,104],"callout",{"icon":68,"target":98,"to":99},"_blank","https:\u002F\u002Fmapcn-vue.geoql.in\u002Fexamples\u002Fmaplibre-layer-control",[101,102,103],"strong",{},"Live Demo"," - Try the layer controls with multiple layer types",[106,107,109],"h1",{"id":108},"vcontrollayer","VControlLayer",[111,112,114],"h2",{"id":113},"overview","Overview",[116,117,118,119,122],"p",{},"The ",[120,121,109],"code",{}," component provides an interactive control for managing layer visibility and opacity. It supports both MapLibre native layers and deck.gl layers, automatically detecting the layer type.",[116,124,125],{},"Features:",[127,128,129,133,136,139,142],"ul",{},[130,131,132],"li",{},"Visibility toggle (show\u002Fhide layer)",[130,134,135],{},"Opacity slider (0-100%)",[130,137,138],{},"Auto-detection of layer type (MapLibre vs deck.gl)",[130,140,141],{},"Support for fill, line, circle, and symbol layers",[130,143,144],{},"v-model bindings for reactive state management",[111,146,148],{"id":147},"usage","Usage",[150,151,156],"pre",{"className":152,"code":153,"language":154,"meta":155,"style":155},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\n  import { VMap, VControlLayer, VLayerMaplibreGeojson } from '@geoql\u002Fv-maplibre';\n\n  const mapOptions = {\n    style: 'https:\u002F\u002Fbasemaps.cartocdn.com\u002Fgl\u002Fpositron-gl-style\u002Fstyle.json',\n    center: [-74.5, 40],\n    zoom: 9,\n  };\n\n  const geojsonSource = {\n    type: 'geojson',\n    data: {\n      type: 'FeatureCollection',\n      features: [\n        {\n          type: 'Feature',\n          geometry: { type: 'Point', coordinates: [-74.5, 40] },\n          properties: {},\n        },\n      ],\n    },\n  };\n\n  const layerSpec = {\n    id: 'points-layer',\n    type: 'circle',\n    paint: {\n      'circle-radius': 10,\n      'circle-color': '#007cbf',\n    },\n  };\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVMap :options=\"mapOptions\" style=\"height: 500px\">\n    \u003CVLayerMaplibreGeojson\n      source-id=\"points\"\n      layer-id=\"points-layer\"\n      :source=\"geojsonSource\"\n      :layer=\"layerSpec\"\n    \u002F>\n    \u003CVControlLayer\n      layer-id=\"points-layer\"\n      position=\"top-right\"\n      title=\"Points Layer\"\n    \u002F>\n  \u003C\u002FVMap>\n\u003C\u002Ftemplate>\n","vue","",[120,157,158,193,236,243,257,276,304,317,323,328,340,357,367,384,395,401,418,463,474,480,488,494,499,504,516,533,549,559,577,598,603,608,618,623,633,667,676,692,706,721,736,742,750,763,778,793,798,808],{"__ignoreMap":155},[159,160,163,167,171,175,178,181,184,188,190],"span",{"class":161,"line":162},"line",1,[159,164,166],{"class":165},"sMK4o","\u003C",[159,168,170],{"class":169},"swJcz","script",[159,172,174],{"class":173},"spNyl"," setup",[159,176,177],{"class":173}," lang",[159,179,180],{"class":165},"=",[159,182,183],{"class":165},"\"",[159,185,187],{"class":186},"sfazB","ts",[159,189,183],{"class":165},[159,191,192],{"class":165},">\n",[159,194,196,200,203,207,210,213,215,218,221,224,227,230,233],{"class":161,"line":195},2,[159,197,199],{"class":198},"s7zQu","  import",[159,201,202],{"class":165}," {",[159,204,206],{"class":205},"sTEyZ"," VMap",[159,208,209],{"class":165},",",[159,211,212],{"class":205}," VControlLayer",[159,214,209],{"class":165},[159,216,217],{"class":205}," VLayerMaplibreGeojson",[159,219,220],{"class":165}," }",[159,222,223],{"class":198}," from",[159,225,226],{"class":165}," '",[159,228,229],{"class":186},"@geoql\u002Fv-maplibre",[159,231,232],{"class":165},"'",[159,234,235],{"class":165},";\n",[159,237,239],{"class":161,"line":238},3,[159,240,242],{"emptyLinePlaceholder":241},true,"\n",[159,244,246,249,252,254],{"class":161,"line":245},4,[159,247,248],{"class":173},"  const",[159,250,251],{"class":205}," mapOptions ",[159,253,180],{"class":165},[159,255,256],{"class":165}," {\n",[159,258,260,263,266,268,271,273],{"class":161,"line":259},5,[159,261,262],{"class":169},"    style",[159,264,265],{"class":165},":",[159,267,226],{"class":165},[159,269,270],{"class":186},"https:\u002F\u002Fbasemaps.cartocdn.com\u002Fgl\u002Fpositron-gl-style\u002Fstyle.json",[159,272,232],{"class":165},[159,274,275],{"class":165},",\n",[159,277,279,282,284,287,290,294,296,299,302],{"class":161,"line":278},6,[159,280,281],{"class":169},"    center",[159,283,265],{"class":165},[159,285,286],{"class":205}," [",[159,288,289],{"class":165},"-",[159,291,293],{"class":292},"sbssI","74.5",[159,295,209],{"class":165},[159,297,298],{"class":292}," 40",[159,300,301],{"class":205},"]",[159,303,275],{"class":165},[159,305,307,310,312,315],{"class":161,"line":306},7,[159,308,309],{"class":169},"    zoom",[159,311,265],{"class":165},[159,313,314],{"class":292}," 9",[159,316,275],{"class":165},[159,318,320],{"class":161,"line":319},8,[159,321,322],{"class":165},"  };\n",[159,324,326],{"class":161,"line":325},9,[159,327,242],{"emptyLinePlaceholder":241},[159,329,331,333,336,338],{"class":161,"line":330},10,[159,332,248],{"class":173},[159,334,335],{"class":205}," geojsonSource ",[159,337,180],{"class":165},[159,339,256],{"class":165},[159,341,343,346,348,350,353,355],{"class":161,"line":342},11,[159,344,345],{"class":169},"    type",[159,347,265],{"class":165},[159,349,226],{"class":165},[159,351,352],{"class":186},"geojson",[159,354,232],{"class":165},[159,356,275],{"class":165},[159,358,360,363,365],{"class":161,"line":359},12,[159,361,362],{"class":169},"    data",[159,364,265],{"class":165},[159,366,256],{"class":165},[159,368,370,373,375,377,380,382],{"class":161,"line":369},13,[159,371,372],{"class":169},"      type",[159,374,265],{"class":165},[159,376,226],{"class":165},[159,378,379],{"class":186},"FeatureCollection",[159,381,232],{"class":165},[159,383,275],{"class":165},[159,385,387,390,392],{"class":161,"line":386},14,[159,388,389],{"class":169},"      features",[159,391,265],{"class":165},[159,393,394],{"class":205}," [\n",[159,396,398],{"class":161,"line":397},15,[159,399,400],{"class":165},"        {\n",[159,402,404,407,409,411,414,416],{"class":161,"line":403},16,[159,405,406],{"class":169},"          type",[159,408,265],{"class":165},[159,410,226],{"class":165},[159,412,413],{"class":186},"Feature",[159,415,232],{"class":165},[159,417,275],{"class":165},[159,419,421,424,426,428,431,433,435,438,440,442,445,447,449,451,453,455,457,460],{"class":161,"line":420},17,[159,422,423],{"class":169},"          geometry",[159,425,265],{"class":165},[159,427,202],{"class":165},[159,429,430],{"class":169}," type",[159,432,265],{"class":165},[159,434,226],{"class":165},[159,436,437],{"class":186},"Point",[159,439,232],{"class":165},[159,441,209],{"class":165},[159,443,444],{"class":169}," coordinates",[159,446,265],{"class":165},[159,448,286],{"class":205},[159,450,289],{"class":165},[159,452,293],{"class":292},[159,454,209],{"class":165},[159,456,298],{"class":292},[159,458,459],{"class":205},"] ",[159,461,462],{"class":165},"},\n",[159,464,466,469,471],{"class":161,"line":465},18,[159,467,468],{"class":169},"          properties",[159,470,265],{"class":165},[159,472,473],{"class":165}," {},\n",[159,475,477],{"class":161,"line":476},19,[159,478,479],{"class":165},"        },\n",[159,481,483,486],{"class":161,"line":482},20,[159,484,485],{"class":205},"      ]",[159,487,275],{"class":165},[159,489,491],{"class":161,"line":490},21,[159,492,493],{"class":165},"    },\n",[159,495,497],{"class":161,"line":496},22,[159,498,322],{"class":165},[159,500,502],{"class":161,"line":501},23,[159,503,242],{"emptyLinePlaceholder":241},[159,505,507,509,512,514],{"class":161,"line":506},24,[159,508,248],{"class":173},[159,510,511],{"class":205}," layerSpec ",[159,513,180],{"class":165},[159,515,256],{"class":165},[159,517,519,522,524,526,529,531],{"class":161,"line":518},25,[159,520,521],{"class":169},"    id",[159,523,265],{"class":165},[159,525,226],{"class":165},[159,527,528],{"class":186},"points-layer",[159,530,232],{"class":165},[159,532,275],{"class":165},[159,534,536,538,540,542,545,547],{"class":161,"line":535},26,[159,537,345],{"class":169},[159,539,265],{"class":165},[159,541,226],{"class":165},[159,543,544],{"class":186},"circle",[159,546,232],{"class":165},[159,548,275],{"class":165},[159,550,552,555,557],{"class":161,"line":551},27,[159,553,554],{"class":169},"    paint",[159,556,265],{"class":165},[159,558,256],{"class":165},[159,560,562,565,568,570,572,575],{"class":161,"line":561},28,[159,563,564],{"class":165},"      '",[159,566,567],{"class":169},"circle-radius",[159,569,232],{"class":165},[159,571,265],{"class":165},[159,573,574],{"class":292}," 10",[159,576,275],{"class":165},[159,578,580,582,585,587,589,591,594,596],{"class":161,"line":579},29,[159,581,564],{"class":165},[159,583,584],{"class":169},"circle-color",[159,586,232],{"class":165},[159,588,265],{"class":165},[159,590,226],{"class":165},[159,592,593],{"class":186},"#007cbf",[159,595,232],{"class":165},[159,597,275],{"class":165},[159,599,601],{"class":161,"line":600},30,[159,602,493],{"class":165},[159,604,606],{"class":161,"line":605},31,[159,607,322],{"class":165},[159,609,611,614,616],{"class":161,"line":610},32,[159,612,613],{"class":165},"\u003C\u002F",[159,615,170],{"class":169},[159,617,192],{"class":165},[159,619,621],{"class":161,"line":620},33,[159,622,242],{"emptyLinePlaceholder":241},[159,624,626,628,631],{"class":161,"line":625},34,[159,627,166],{"class":165},[159,629,630],{"class":169},"template",[159,632,192],{"class":165},[159,634,636,639,641,644,646,648,651,653,656,658,660,663,665],{"class":161,"line":635},35,[159,637,638],{"class":165},"  \u003C",[159,640,28],{"class":169},[159,642,643],{"class":173}," :options",[159,645,180],{"class":165},[159,647,183],{"class":165},[159,649,650],{"class":186},"mapOptions",[159,652,183],{"class":165},[159,654,655],{"class":173}," style",[159,657,180],{"class":165},[159,659,183],{"class":165},[159,661,662],{"class":186},"height: 500px",[159,664,183],{"class":165},[159,666,192],{"class":165},[159,668,670,673],{"class":161,"line":669},36,[159,671,672],{"class":165},"    \u003C",[159,674,675],{"class":169},"VLayerMaplibreGeojson\n",[159,677,679,682,684,686,689],{"class":161,"line":678},37,[159,680,681],{"class":173},"      source-id",[159,683,180],{"class":165},[159,685,183],{"class":165},[159,687,688],{"class":186},"points",[159,690,691],{"class":165},"\"\n",[159,693,695,698,700,702,704],{"class":161,"line":694},38,[159,696,697],{"class":173},"      layer-id",[159,699,180],{"class":165},[159,701,183],{"class":165},[159,703,528],{"class":186},[159,705,691],{"class":165},[159,707,709,712,714,716,719],{"class":161,"line":708},39,[159,710,711],{"class":173},"      :source",[159,713,180],{"class":165},[159,715,183],{"class":165},[159,717,718],{"class":186},"geojsonSource",[159,720,691],{"class":165},[159,722,724,727,729,731,734],{"class":161,"line":723},40,[159,725,726],{"class":173},"      :layer",[159,728,180],{"class":165},[159,730,183],{"class":165},[159,732,733],{"class":186},"layerSpec",[159,735,691],{"class":165},[159,737,739],{"class":161,"line":738},41,[159,740,741],{"class":165},"    \u002F>\n",[159,743,745,747],{"class":161,"line":744},42,[159,746,672],{"class":165},[159,748,749],{"class":169},"VControlLayer\n",[159,751,753,755,757,759,761],{"class":161,"line":752},43,[159,754,697],{"class":173},[159,756,180],{"class":165},[159,758,183],{"class":165},[159,760,528],{"class":186},[159,762,691],{"class":165},[159,764,766,769,771,773,776],{"class":161,"line":765},44,[159,767,768],{"class":173},"      position",[159,770,180],{"class":165},[159,772,183],{"class":165},[159,774,775],{"class":186},"top-right",[159,777,691],{"class":165},[159,779,781,784,786,788,791],{"class":161,"line":780},45,[159,782,783],{"class":173},"      title",[159,785,180],{"class":165},[159,787,183],{"class":165},[159,789,790],{"class":186},"Points Layer",[159,792,691],{"class":165},[159,794,796],{"class":161,"line":795},46,[159,797,741],{"class":165},[159,799,801,804,806],{"class":161,"line":800},47,[159,802,803],{"class":165},"  \u003C\u002F",[159,805,28],{"class":169},[159,807,192],{"class":165},[159,809,811,813,815],{"class":161,"line":810},48,[159,812,613],{"class":165},[159,814,630],{"class":169},[159,816,192],{"class":165},[111,818,820],{"id":819},"props","Props",[822,823,825],"h3",{"id":824},"layerid","layerId",[127,827,828,837],{},[130,829,830,833,834],{},[101,831,832],{},"Type:"," ",[120,835,836],{},"string",[130,838,839,833,842],{},[101,840,841],{},"Required:",[120,843,844],{},"true",[116,846,847],{},"The ID of the layer to control. Must match either a MapLibre layer ID or a deck.gl layer ID.",[822,849,850],{"id":850},"position",[127,852,853,860,867],{},[130,854,855,833,857],{},[101,856,832],{},[120,858,859],{},"'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'",[130,861,862,833,864],{},[101,863,841],{},[120,865,866],{},"false",[130,868,869,833,872],{},[101,870,871],{},"Default:",[120,873,874],{},"'top-right'",[116,876,877],{},"Position of the control on the map.",[822,879,880],{"id":880},"visible",[127,882,883,890,896],{},[130,884,885,833,887],{},[101,886,832],{},[120,888,889],{},"boolean",[130,891,892,833,894],{},[101,893,841],{},[120,895,866],{},[130,897,898,833,900],{},[101,899,871],{},[120,901,844],{},[116,903,904,905,908],{},"Initial visibility state of the layer. Supports v-model binding with ",[120,906,907],{},"v-model:visible",".",[822,910,911],{"id":911},"opacity",[127,913,914,921,927],{},[130,915,916,833,918],{},[101,917,832],{},[120,919,920],{},"number",[130,922,923,833,925],{},[101,924,841],{},[120,926,866],{},[130,928,929,833,931],{},[101,930,871],{},[120,932,933],{},"1",[116,935,936,937,908],{},"Initial opacity of the layer (0-1). Supports v-model binding with ",[120,938,939],{},"v-model:opacity",[822,941,942],{"id":942},"title",[127,944,945,951,957],{},[130,946,947,833,949],{},[101,948,832],{},[120,950,836],{},[130,952,953,833,955],{},[101,954,841],{},[120,956,866],{},[130,958,959,833,961],{},[101,960,871],{},[120,962,963],{},"'Layer Control'",[116,965,966],{},"Title displayed in the control panel.",[822,968,970],{"id":969},"layertype","layerType",[127,972,973,980,986],{},[130,974,975,833,977],{},[101,976,832],{},[120,978,979],{},"'maplibre' | 'deckgl'",[130,981,982,833,984],{},[101,983,841],{},[120,985,866],{},[130,987,988,990],{},[101,989,871],{}," Auto-detected",[116,992,993],{},"Force the layer type. If not specified, the component auto-detects whether the layer is a MapLibre or deck.gl layer.",[111,995,997],{"id":996},"events","Events",[822,999,1001],{"id":1000},"visibility-change","@visibility-change",[116,1003,1004],{},"Emitted when the layer visibility changes.",[127,1006,1007],{},[130,1008,1009,833,1012],{},[101,1010,1011],{},"Payload:",[120,1013,889],{},[822,1015,1017],{"id":1016},"opacity-change","@opacity-change",[116,1019,1020],{},"Emitted when the layer opacity changes.",[127,1022,1023],{},[130,1024,1025,833,1027],{},[101,1026,1011],{},[120,1028,920],{},[822,1030,1032],{"id":1031},"updatevisible","@update:visible",[116,1034,1035],{},"Emitted for v-model:visible binding.",[127,1037,1038],{},[130,1039,1040,833,1042],{},[101,1041,1011],{},[120,1043,889],{},[822,1045,1047],{"id":1046},"updateopacity","@update:opacity",[116,1049,1050],{},"Emitted for v-model:opacity binding.",[127,1052,1053],{},[130,1054,1055,833,1057],{},[101,1056,1011],{},[120,1058,920],{},[111,1060,1062],{"id":1061},"v-model-bindings","v-model Bindings",[116,1064,1065],{},"The component supports two-way binding for both visibility and opacity:",[150,1067,1069],{"className":152,"code":1068,"language":154,"meta":155,"style":155},"\u003Cscript setup lang=\"ts\">\n  import { ref } from 'vue';\n\n  const isVisible = ref(true);\n  const layerOpacity = ref(1);\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVControlLayer\n    layer-id=\"my-layer\"\n    v-model:visible=\"isVisible\"\n    v-model:opacity=\"layerOpacity\"\n  \u002F>\n\n  \u003Cp>Visible: {{ isVisible }}\u003C\u002Fp>\n  \u003Cp>Opacity: {{ layerOpacity }}\u003C\u002Fp>\n\u003C\u002Ftemplate>\n",[120,1070,1071,1091,1112,1116,1139,1158,1166,1170,1178,1184,1198,1212,1226,1231,1235,1253,1270],{"__ignoreMap":155},[159,1072,1073,1075,1077,1079,1081,1083,1085,1087,1089],{"class":161,"line":162},[159,1074,166],{"class":165},[159,1076,170],{"class":169},[159,1078,174],{"class":173},[159,1080,177],{"class":173},[159,1082,180],{"class":165},[159,1084,183],{"class":165},[159,1086,187],{"class":186},[159,1088,183],{"class":165},[159,1090,192],{"class":165},[159,1092,1093,1095,1097,1100,1102,1104,1106,1108,1110],{"class":161,"line":195},[159,1094,199],{"class":198},[159,1096,202],{"class":165},[159,1098,1099],{"class":205}," ref",[159,1101,220],{"class":165},[159,1103,223],{"class":198},[159,1105,226],{"class":165},[159,1107,154],{"class":186},[159,1109,232],{"class":165},[159,1111,235],{"class":165},[159,1113,1114],{"class":161,"line":238},[159,1115,242],{"emptyLinePlaceholder":241},[159,1117,1118,1120,1123,1125,1128,1131,1134,1137],{"class":161,"line":245},[159,1119,248],{"class":173},[159,1121,1122],{"class":205}," isVisible ",[159,1124,180],{"class":165},[159,1126,1099],{"class":1127},"s2Zo4",[159,1129,1130],{"class":205},"(",[159,1132,844],{"class":1133},"sfNiH",[159,1135,1136],{"class":205},")",[159,1138,235],{"class":165},[159,1140,1141,1143,1146,1148,1150,1152,1154,1156],{"class":161,"line":259},[159,1142,248],{"class":173},[159,1144,1145],{"class":205}," layerOpacity ",[159,1147,180],{"class":165},[159,1149,1099],{"class":1127},[159,1151,1130],{"class":205},[159,1153,933],{"class":292},[159,1155,1136],{"class":205},[159,1157,235],{"class":165},[159,1159,1160,1162,1164],{"class":161,"line":278},[159,1161,613],{"class":165},[159,1163,170],{"class":169},[159,1165,192],{"class":165},[159,1167,1168],{"class":161,"line":306},[159,1169,242],{"emptyLinePlaceholder":241},[159,1171,1172,1174,1176],{"class":161,"line":319},[159,1173,166],{"class":165},[159,1175,630],{"class":169},[159,1177,192],{"class":165},[159,1179,1180,1182],{"class":161,"line":325},[159,1181,638],{"class":165},[159,1183,749],{"class":169},[159,1185,1186,1189,1191,1193,1196],{"class":161,"line":330},[159,1187,1188],{"class":173},"    layer-id",[159,1190,180],{"class":165},[159,1192,183],{"class":165},[159,1194,1195],{"class":186},"my-layer",[159,1197,691],{"class":165},[159,1199,1200,1203,1205,1207,1210],{"class":161,"line":342},[159,1201,1202],{"class":173},"    v-model:visible",[159,1204,180],{"class":165},[159,1206,183],{"class":165},[159,1208,1209],{"class":186},"isVisible",[159,1211,691],{"class":165},[159,1213,1214,1217,1219,1221,1224],{"class":161,"line":359},[159,1215,1216],{"class":173},"    v-model:opacity",[159,1218,180],{"class":165},[159,1220,183],{"class":165},[159,1222,1223],{"class":186},"layerOpacity",[159,1225,691],{"class":165},[159,1227,1228],{"class":161,"line":369},[159,1229,1230],{"class":165},"  \u002F>\n",[159,1232,1233],{"class":161,"line":386},[159,1234,242],{"emptyLinePlaceholder":241},[159,1236,1237,1239,1241,1244,1247,1249,1251],{"class":161,"line":397},[159,1238,638],{"class":165},[159,1240,116],{"class":169},[159,1242,1243],{"class":165},">",[159,1245,1246],{"class":205},"Visible: {{ isVisible }}",[159,1248,613],{"class":165},[159,1250,116],{"class":169},[159,1252,192],{"class":165},[159,1254,1255,1257,1259,1261,1264,1266,1268],{"class":161,"line":403},[159,1256,638],{"class":165},[159,1258,116],{"class":169},[159,1260,1243],{"class":165},[159,1262,1263],{"class":205},"Opacity: {{ layerOpacity }}",[159,1265,613],{"class":165},[159,1267,116],{"class":169},[159,1269,192],{"class":165},[159,1271,1272,1274,1276],{"class":161,"line":420},[159,1273,613],{"class":165},[159,1275,630],{"class":169},[159,1277,192],{"class":165},[111,1279,1281],{"id":1280},"layer-type-support","Layer Type Support",[822,1283,65],{"id":1284},"maplibre-layers",[116,1286,1287],{},"For MapLibre native layers, the control automatically maps to the correct opacity property:",[1289,1290,1291,1304],"table",{},[1292,1293,1294],"thead",{},[1295,1296,1297,1301],"tr",{},[1298,1299,1300],"th",{},"Layer Type",[1298,1302,1303],{},"Opacity Property",[1305,1306,1307,1320,1331,1342],"tbody",{},[1295,1308,1309,1315],{},[1310,1311,1312],"td",{},[120,1313,1314],{},"fill",[1310,1316,1317],{},[120,1318,1319],{},"fill-opacity",[1295,1321,1322,1326],{},[1310,1323,1324],{},[120,1325,161],{},[1310,1327,1328],{},[120,1329,1330],{},"line-opacity",[1295,1332,1333,1337],{},[1310,1334,1335],{},[120,1336,544],{},[1310,1338,1339],{},[120,1340,1341],{},"circle-opacity",[1295,1343,1344,1349],{},[1310,1345,1346],{},[120,1347,1348],{},"symbol",[1310,1350,1351],{},[120,1352,1353],{},"icon-opacity",[822,1355,1357],{"id":1356},"deckgl-layers","deck.gl Layers",[116,1359,1360,1361,1363,1364,1366],{},"For deck.gl layers, the control uses the layer's ",[120,1362,880],{}," and ",[120,1365,911],{}," props. The component clones the layer with updated properties using the immutable pattern required by deck.gl.",[111,1368,1370],{"id":1369},"with-deckgl-layers","With deck.gl Layers",[150,1372,1374],{"className":152,"code":1373,"language":154,"meta":155,"style":155},"\u003Cscript setup lang=\"ts\">\n  import { VMap, VControlLayer } from '@geoql\u002Fv-maplibre';\n  import { VLayerDeckglScatterplot } from '@geoql\u002Fv-maplibre\u002Fdeck.gl';\n\n  const mapOptions = {\n    style: 'https:\u002F\u002Fbasemaps.cartocdn.com\u002Fgl\u002Fdark-matter-gl-style\u002Fstyle.json',\n    center: [-122.4, 37.8],\n    zoom: 11,\n  };\n\n  const data = [\n    { coordinates: [-122.4, 37.8], size: 100 },\n    { coordinates: [-122.5, 37.7], size: 200 },\n  ];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVMap :options=\"mapOptions\" style=\"height: 500px\">\n    \u003CVLayerDeckglScatterplot\n      id=\"scatter-layer\"\n      :data=\"data\"\n      :get-position=\"(d) => d.coordinates\"\n      :get-radius=\"(d) => d.size\"\n      :get-fill-color=\"[255, 140, 0]\"\n    \u002F>\n    \u003CVControlLayer\n      layer-id=\"scatter-layer\"\n      position=\"top-left\"\n      title=\"Scatter Points\"\n    \u002F>\n  \u003C\u002FVMap>\n\u003C\u002Ftemplate>\n",[120,1375,1376,1396,1420,1442,1446,1456,1471,1493,1504,1508,1512,1523,1557,1590,1597,1605,1609,1617,1645,1652,1666,1680,1694,1708,1722,1726,1732,1744,1757,1770,1774,1782],{"__ignoreMap":155},[159,1377,1378,1380,1382,1384,1386,1388,1390,1392,1394],{"class":161,"line":162},[159,1379,166],{"class":165},[159,1381,170],{"class":169},[159,1383,174],{"class":173},[159,1385,177],{"class":173},[159,1387,180],{"class":165},[159,1389,183],{"class":165},[159,1391,187],{"class":186},[159,1393,183],{"class":165},[159,1395,192],{"class":165},[159,1397,1398,1400,1402,1404,1406,1408,1410,1412,1414,1416,1418],{"class":161,"line":195},[159,1399,199],{"class":198},[159,1401,202],{"class":165},[159,1403,206],{"class":205},[159,1405,209],{"class":165},[159,1407,212],{"class":205},[159,1409,220],{"class":165},[159,1411,223],{"class":198},[159,1413,226],{"class":165},[159,1415,229],{"class":186},[159,1417,232],{"class":165},[159,1419,235],{"class":165},[159,1421,1422,1424,1426,1429,1431,1433,1435,1438,1440],{"class":161,"line":238},[159,1423,199],{"class":198},[159,1425,202],{"class":165},[159,1427,1428],{"class":205}," VLayerDeckglScatterplot",[159,1430,220],{"class":165},[159,1432,223],{"class":198},[159,1434,226],{"class":165},[159,1436,1437],{"class":186},"@geoql\u002Fv-maplibre\u002Fdeck.gl",[159,1439,232],{"class":165},[159,1441,235],{"class":165},[159,1443,1444],{"class":161,"line":245},[159,1445,242],{"emptyLinePlaceholder":241},[159,1447,1448,1450,1452,1454],{"class":161,"line":259},[159,1449,248],{"class":173},[159,1451,251],{"class":205},[159,1453,180],{"class":165},[159,1455,256],{"class":165},[159,1457,1458,1460,1462,1464,1467,1469],{"class":161,"line":278},[159,1459,262],{"class":169},[159,1461,265],{"class":165},[159,1463,226],{"class":165},[159,1465,1466],{"class":186},"https:\u002F\u002Fbasemaps.cartocdn.com\u002Fgl\u002Fdark-matter-gl-style\u002Fstyle.json",[159,1468,232],{"class":165},[159,1470,275],{"class":165},[159,1472,1473,1475,1477,1479,1481,1484,1486,1489,1491],{"class":161,"line":306},[159,1474,281],{"class":169},[159,1476,265],{"class":165},[159,1478,286],{"class":205},[159,1480,289],{"class":165},[159,1482,1483],{"class":292},"122.4",[159,1485,209],{"class":165},[159,1487,1488],{"class":292}," 37.8",[159,1490,301],{"class":205},[159,1492,275],{"class":165},[159,1494,1495,1497,1499,1502],{"class":161,"line":319},[159,1496,309],{"class":169},[159,1498,265],{"class":165},[159,1500,1501],{"class":292}," 11",[159,1503,275],{"class":165},[159,1505,1506],{"class":161,"line":325},[159,1507,322],{"class":165},[159,1509,1510],{"class":161,"line":330},[159,1511,242],{"emptyLinePlaceholder":241},[159,1513,1514,1516,1519,1521],{"class":161,"line":342},[159,1515,248],{"class":173},[159,1517,1518],{"class":205}," data ",[159,1520,180],{"class":165},[159,1522,394],{"class":205},[159,1524,1525,1528,1530,1532,1534,1536,1538,1540,1542,1544,1546,1549,1551,1554],{"class":161,"line":359},[159,1526,1527],{"class":165},"    {",[159,1529,444],{"class":169},[159,1531,265],{"class":165},[159,1533,286],{"class":205},[159,1535,289],{"class":165},[159,1537,1483],{"class":292},[159,1539,209],{"class":165},[159,1541,1488],{"class":292},[159,1543,301],{"class":205},[159,1545,209],{"class":165},[159,1547,1548],{"class":169}," size",[159,1550,265],{"class":165},[159,1552,1553],{"class":292}," 100",[159,1555,1556],{"class":165}," },\n",[159,1558,1559,1561,1563,1565,1567,1569,1572,1574,1577,1579,1581,1583,1585,1588],{"class":161,"line":369},[159,1560,1527],{"class":165},[159,1562,444],{"class":169},[159,1564,265],{"class":165},[159,1566,286],{"class":205},[159,1568,289],{"class":165},[159,1570,1571],{"class":292},"122.5",[159,1573,209],{"class":165},[159,1575,1576],{"class":292}," 37.7",[159,1578,301],{"class":205},[159,1580,209],{"class":165},[159,1582,1548],{"class":169},[159,1584,265],{"class":165},[159,1586,1587],{"class":292}," 200",[159,1589,1556],{"class":165},[159,1591,1592,1595],{"class":161,"line":386},[159,1593,1594],{"class":205},"  ]",[159,1596,235],{"class":165},[159,1598,1599,1601,1603],{"class":161,"line":397},[159,1600,613],{"class":165},[159,1602,170],{"class":169},[159,1604,192],{"class":165},[159,1606,1607],{"class":161,"line":403},[159,1608,242],{"emptyLinePlaceholder":241},[159,1610,1611,1613,1615],{"class":161,"line":420},[159,1612,166],{"class":165},[159,1614,630],{"class":169},[159,1616,192],{"class":165},[159,1618,1619,1621,1623,1625,1627,1629,1631,1633,1635,1637,1639,1641,1643],{"class":161,"line":465},[159,1620,638],{"class":165},[159,1622,28],{"class":169},[159,1624,643],{"class":173},[159,1626,180],{"class":165},[159,1628,183],{"class":165},[159,1630,650],{"class":186},[159,1632,183],{"class":165},[159,1634,655],{"class":173},[159,1636,180],{"class":165},[159,1638,183],{"class":165},[159,1640,662],{"class":186},[159,1642,183],{"class":165},[159,1644,192],{"class":165},[159,1646,1647,1649],{"class":161,"line":476},[159,1648,672],{"class":165},[159,1650,1651],{"class":169},"VLayerDeckglScatterplot\n",[159,1653,1654,1657,1659,1661,1664],{"class":161,"line":482},[159,1655,1656],{"class":173},"      id",[159,1658,180],{"class":165},[159,1660,183],{"class":165},[159,1662,1663],{"class":186},"scatter-layer",[159,1665,691],{"class":165},[159,1667,1668,1671,1673,1675,1678],{"class":161,"line":490},[159,1669,1670],{"class":173},"      :data",[159,1672,180],{"class":165},[159,1674,183],{"class":165},[159,1676,1677],{"class":186},"data",[159,1679,691],{"class":165},[159,1681,1682,1685,1687,1689,1692],{"class":161,"line":496},[159,1683,1684],{"class":173},"      :get-position",[159,1686,180],{"class":165},[159,1688,183],{"class":165},[159,1690,1691],{"class":186},"(d) => d.coordinates",[159,1693,691],{"class":165},[159,1695,1696,1699,1701,1703,1706],{"class":161,"line":501},[159,1697,1698],{"class":173},"      :get-radius",[159,1700,180],{"class":165},[159,1702,183],{"class":165},[159,1704,1705],{"class":186},"(d) => d.size",[159,1707,691],{"class":165},[159,1709,1710,1713,1715,1717,1720],{"class":161,"line":506},[159,1711,1712],{"class":173},"      :get-fill-color",[159,1714,180],{"class":165},[159,1716,183],{"class":165},[159,1718,1719],{"class":186},"[255, 140, 0]",[159,1721,691],{"class":165},[159,1723,1724],{"class":161,"line":518},[159,1725,741],{"class":165},[159,1727,1728,1730],{"class":161,"line":535},[159,1729,672],{"class":165},[159,1731,749],{"class":169},[159,1733,1734,1736,1738,1740,1742],{"class":161,"line":551},[159,1735,697],{"class":173},[159,1737,180],{"class":165},[159,1739,183],{"class":165},[159,1741,1663],{"class":186},[159,1743,691],{"class":165},[159,1745,1746,1748,1750,1752,1755],{"class":161,"line":561},[159,1747,768],{"class":173},[159,1749,180],{"class":165},[159,1751,183],{"class":165},[159,1753,1754],{"class":186},"top-left",[159,1756,691],{"class":165},[159,1758,1759,1761,1763,1765,1768],{"class":161,"line":579},[159,1760,783],{"class":173},[159,1762,180],{"class":165},[159,1764,183],{"class":165},[159,1766,1767],{"class":186},"Scatter Points",[159,1769,691],{"class":165},[159,1771,1772],{"class":161,"line":600},[159,1773,741],{"class":165},[159,1775,1776,1778,1780],{"class":161,"line":605},[159,1777,803],{"class":165},[159,1779,28],{"class":169},[159,1781,192],{"class":165},[159,1783,1784,1786,1788],{"class":161,"line":610},[159,1785,613],{"class":165},[159,1787,630],{"class":169},[159,1789,192],{"class":165},[111,1791,1793],{"id":1792},"typescript","TypeScript",[150,1795,1798],{"className":1796,"code":1797,"language":1792,"meta":155,"style":155},"language-typescript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import type { ControlPosition, LayerType } from '@geoql\u002Fv-maplibre';\n\n\u002F\u002F Props interface\ninterface LayerControlOptions {\n  layerId: string;\n  position?: ControlPosition;\n  visible?: boolean;\n  opacity?: number;\n  title?: string;\n  layerType?: LayerType;\n}\n",[120,1799,1800,1829,1833,1839,1850,1862,1874,1886,1898,1909,1920],{"__ignoreMap":155},[159,1801,1802,1805,1807,1809,1812,1814,1817,1819,1821,1823,1825,1827],{"class":161,"line":162},[159,1803,1804],{"class":198},"import",[159,1806,430],{"class":198},[159,1808,202],{"class":165},[159,1810,1811],{"class":205}," ControlPosition",[159,1813,209],{"class":165},[159,1815,1816],{"class":205}," LayerType",[159,1818,220],{"class":165},[159,1820,223],{"class":198},[159,1822,226],{"class":165},[159,1824,229],{"class":186},[159,1826,232],{"class":165},[159,1828,235],{"class":165},[159,1830,1831],{"class":161,"line":195},[159,1832,242],{"emptyLinePlaceholder":241},[159,1834,1835],{"class":161,"line":238},[159,1836,1838],{"class":1837},"sHwdD","\u002F\u002F Props interface\n",[159,1840,1841,1844,1848],{"class":161,"line":245},[159,1842,1843],{"class":173},"interface",[159,1845,1847],{"class":1846},"sBMFI"," LayerControlOptions",[159,1849,256],{"class":165},[159,1851,1852,1855,1857,1860],{"class":161,"line":259},[159,1853,1854],{"class":169},"  layerId",[159,1856,265],{"class":165},[159,1858,1859],{"class":1846}," string",[159,1861,235],{"class":165},[159,1863,1864,1867,1870,1872],{"class":161,"line":278},[159,1865,1866],{"class":169},"  position",[159,1868,1869],{"class":165},"?:",[159,1871,1811],{"class":1846},[159,1873,235],{"class":165},[159,1875,1876,1879,1881,1884],{"class":161,"line":306},[159,1877,1878],{"class":169},"  visible",[159,1880,1869],{"class":165},[159,1882,1883],{"class":1846}," boolean",[159,1885,235],{"class":165},[159,1887,1888,1891,1893,1896],{"class":161,"line":319},[159,1889,1890],{"class":169},"  opacity",[159,1892,1869],{"class":165},[159,1894,1895],{"class":1846}," number",[159,1897,235],{"class":165},[159,1899,1900,1903,1905,1907],{"class":161,"line":325},[159,1901,1902],{"class":169},"  title",[159,1904,1869],{"class":165},[159,1906,1859],{"class":1846},[159,1908,235],{"class":165},[159,1910,1911,1914,1916,1918],{"class":161,"line":330},[159,1912,1913],{"class":169},"  layerType",[159,1915,1869],{"class":165},[159,1917,1816],{"class":1846},[159,1919,235],{"class":165},[159,1921,1922],{"class":161,"line":342},[159,1923,1924],{"class":165},"}\n",[1926,1927],"hr",{},[106,1929,1931],{"id":1930},"vcontrollayergroup","VControlLayerGroup",[116,1933,118,1934,1936],{},[120,1935,1931],{}," component provides a collapsible panel for controlling multiple layers at once. Each layer gets its own visibility toggle and opacity slider within a single unified control.",[111,1938,114],{"id":1939},"overview-1",[116,1941,1942,1943,1945],{},"Use ",[120,1944,1931],{}," when you need to:",[127,1947,1948,1951,1957],{},[130,1949,1950],{},"Control multiple related layers in one place",[130,1952,1953,1954,1956],{},"Provide a cleaner UI than multiple individual ",[120,1955,109],{}," components",[130,1958,1959],{},"Allow users to collapse\u002Fexpand the layer panel",[116,1961,125],{},[127,1963,1964,1967,1970,1973],{},[130,1965,1966],{},"Collapsible panel header",[130,1968,1969],{},"Per-layer visibility toggle and opacity slider",[130,1971,1972],{},"Support for mixed MapLibre and deck.gl layers",[130,1974,1975],{},"Configurable layer list via props",[111,1977,148],{"id":1978},"usage-1",[150,1980,1982],{"className":152,"code":1981,"language":154,"meta":155,"style":155},"\u003Cscript setup lang=\"ts\">\n  import { VMap, VControlLayerGroup, VLayerMaplibreGeojson } from '@geoql\u002Fv-maplibre';\n\n  const mapOptions = {\n    style: 'https:\u002F\u002Fbasemaps.cartocdn.com\u002Fgl\u002Fpositron-gl-style\u002Fstyle.json',\n    center: [-96, 37.8],\n    zoom: 4,\n  };\n\n  const statesGeoJson = ref(null);\n  \u002F\u002F ... fetch GeoJSON data\n\n  const layerGroupConfig = [\n    { id: 'states-fill', title: 'US States', visible: true, opacity: 0.5 },\n    { id: 'states-outline', title: 'State Borders', visible: true, opacity: 1 },\n  ];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVMap :options=\"mapOptions\" style=\"height: 500px\">\n    \u003CVLayerMaplibreGeojson\n      source-id=\"states\"\n      layer-id=\"states-fill\"\n      :source=\"{ type: 'geojson', data: statesGeoJson }\"\n      :layer=\"{\n        id: 'states-fill',\n        type: 'fill',\n        source: 'states',\n        paint: { 'fill-color': '#627BC1', 'fill-opacity': 0.5 }\n      }\"\n    \u002F>\n    \u003CVLayerMaplibreGeojson\n      source-id=\"states\"\n      layer-id=\"states-outline\"\n      :source=\"{ type: 'geojson', data: statesGeoJson }\"\n      :layer=\"{\n        id: 'states-outline',\n        type: 'line',\n        source: 'states',\n        paint: { 'line-color': '#627BC1', 'line-width': 2 }\n      }\"\n    \u002F>\n    \u003CVControlLayerGroup\n      :layers=\"layerGroupConfig\"\n      title=\"Map Layers\"\n      position=\"top-right\"\n      :collapsible=\"true\"\n    \u002F>\n  \u003C\u002FVMap>\n\u003C\u002Ftemplate>\n",[120,1983,1984,2004,2033,2037,2047,2061,2082,2093,2097,2101,2121,2126,2130,2141,2193,2240,2246,2254,2258,2266,2294,2300,2313,2325,2338,2349,2354,2359,2364,2369,2376,2380,2386,2398,2410,2422,2432,2437,2442,2446,2451,2457,2461,2468,2482,2495,2507,2520,2524,2533],{"__ignoreMap":155},[159,1985,1986,1988,1990,1992,1994,1996,1998,2000,2002],{"class":161,"line":162},[159,1987,166],{"class":165},[159,1989,170],{"class":169},[159,1991,174],{"class":173},[159,1993,177],{"class":173},[159,1995,180],{"class":165},[159,1997,183],{"class":165},[159,1999,187],{"class":186},[159,2001,183],{"class":165},[159,2003,192],{"class":165},[159,2005,2006,2008,2010,2012,2014,2017,2019,2021,2023,2025,2027,2029,2031],{"class":161,"line":195},[159,2007,199],{"class":198},[159,2009,202],{"class":165},[159,2011,206],{"class":205},[159,2013,209],{"class":165},[159,2015,2016],{"class":205}," VControlLayerGroup",[159,2018,209],{"class":165},[159,2020,217],{"class":205},[159,2022,220],{"class":165},[159,2024,223],{"class":198},[159,2026,226],{"class":165},[159,2028,229],{"class":186},[159,2030,232],{"class":165},[159,2032,235],{"class":165},[159,2034,2035],{"class":161,"line":238},[159,2036,242],{"emptyLinePlaceholder":241},[159,2038,2039,2041,2043,2045],{"class":161,"line":245},[159,2040,248],{"class":173},[159,2042,251],{"class":205},[159,2044,180],{"class":165},[159,2046,256],{"class":165},[159,2048,2049,2051,2053,2055,2057,2059],{"class":161,"line":259},[159,2050,262],{"class":169},[159,2052,265],{"class":165},[159,2054,226],{"class":165},[159,2056,270],{"class":186},[159,2058,232],{"class":165},[159,2060,275],{"class":165},[159,2062,2063,2065,2067,2069,2071,2074,2076,2078,2080],{"class":161,"line":278},[159,2064,281],{"class":169},[159,2066,265],{"class":165},[159,2068,286],{"class":205},[159,2070,289],{"class":165},[159,2072,2073],{"class":292},"96",[159,2075,209],{"class":165},[159,2077,1488],{"class":292},[159,2079,301],{"class":205},[159,2081,275],{"class":165},[159,2083,2084,2086,2088,2091],{"class":161,"line":306},[159,2085,309],{"class":169},[159,2087,265],{"class":165},[159,2089,2090],{"class":292}," 4",[159,2092,275],{"class":165},[159,2094,2095],{"class":161,"line":319},[159,2096,322],{"class":165},[159,2098,2099],{"class":161,"line":325},[159,2100,242],{"emptyLinePlaceholder":241},[159,2102,2103,2105,2108,2110,2112,2114,2117,2119],{"class":161,"line":330},[159,2104,248],{"class":173},[159,2106,2107],{"class":205}," statesGeoJson ",[159,2109,180],{"class":165},[159,2111,1099],{"class":1127},[159,2113,1130],{"class":205},[159,2115,2116],{"class":165},"null",[159,2118,1136],{"class":205},[159,2120,235],{"class":165},[159,2122,2123],{"class":161,"line":342},[159,2124,2125],{"class":1837},"  \u002F\u002F ... fetch GeoJSON data\n",[159,2127,2128],{"class":161,"line":359},[159,2129,242],{"emptyLinePlaceholder":241},[159,2131,2132,2134,2137,2139],{"class":161,"line":369},[159,2133,248],{"class":173},[159,2135,2136],{"class":205}," layerGroupConfig ",[159,2138,180],{"class":165},[159,2140,394],{"class":205},[159,2142,2143,2145,2148,2150,2152,2155,2157,2159,2162,2164,2166,2169,2171,2173,2176,2178,2181,2183,2186,2188,2191],{"class":161,"line":386},[159,2144,1527],{"class":165},[159,2146,2147],{"class":169}," id",[159,2149,265],{"class":165},[159,2151,226],{"class":165},[159,2153,2154],{"class":186},"states-fill",[159,2156,232],{"class":165},[159,2158,209],{"class":165},[159,2160,2161],{"class":169}," title",[159,2163,265],{"class":165},[159,2165,226],{"class":165},[159,2167,2168],{"class":186},"US States",[159,2170,232],{"class":165},[159,2172,209],{"class":165},[159,2174,2175],{"class":169}," visible",[159,2177,265],{"class":165},[159,2179,2180],{"class":1133}," true",[159,2182,209],{"class":165},[159,2184,2185],{"class":169}," opacity",[159,2187,265],{"class":165},[159,2189,2190],{"class":292}," 0.5",[159,2192,1556],{"class":165},[159,2194,2195,2197,2199,2201,2203,2206,2208,2210,2212,2214,2216,2219,2221,2223,2225,2227,2229,2231,2233,2235,2238],{"class":161,"line":397},[159,2196,1527],{"class":165},[159,2198,2147],{"class":169},[159,2200,265],{"class":165},[159,2202,226],{"class":165},[159,2204,2205],{"class":186},"states-outline",[159,2207,232],{"class":165},[159,2209,209],{"class":165},[159,2211,2161],{"class":169},[159,2213,265],{"class":165},[159,2215,226],{"class":165},[159,2217,2218],{"class":186},"State Borders",[159,2220,232],{"class":165},[159,2222,209],{"class":165},[159,2224,2175],{"class":169},[159,2226,265],{"class":165},[159,2228,2180],{"class":1133},[159,2230,209],{"class":165},[159,2232,2185],{"class":169},[159,2234,265],{"class":165},[159,2236,2237],{"class":292}," 1",[159,2239,1556],{"class":165},[159,2241,2242,2244],{"class":161,"line":403},[159,2243,1594],{"class":205},[159,2245,235],{"class":165},[159,2247,2248,2250,2252],{"class":161,"line":420},[159,2249,613],{"class":165},[159,2251,170],{"class":169},[159,2253,192],{"class":165},[159,2255,2256],{"class":161,"line":465},[159,2257,242],{"emptyLinePlaceholder":241},[159,2259,2260,2262,2264],{"class":161,"line":476},[159,2261,166],{"class":165},[159,2263,630],{"class":169},[159,2265,192],{"class":165},[159,2267,2268,2270,2272,2274,2276,2278,2280,2282,2284,2286,2288,2290,2292],{"class":161,"line":482},[159,2269,638],{"class":165},[159,2271,28],{"class":169},[159,2273,643],{"class":173},[159,2275,180],{"class":165},[159,2277,183],{"class":165},[159,2279,650],{"class":186},[159,2281,183],{"class":165},[159,2283,655],{"class":173},[159,2285,180],{"class":165},[159,2287,183],{"class":165},[159,2289,662],{"class":186},[159,2291,183],{"class":165},[159,2293,192],{"class":165},[159,2295,2296,2298],{"class":161,"line":490},[159,2297,672],{"class":165},[159,2299,675],{"class":169},[159,2301,2302,2304,2306,2308,2311],{"class":161,"line":496},[159,2303,681],{"class":173},[159,2305,180],{"class":165},[159,2307,183],{"class":165},[159,2309,2310],{"class":186},"states",[159,2312,691],{"class":165},[159,2314,2315,2317,2319,2321,2323],{"class":161,"line":501},[159,2316,697],{"class":173},[159,2318,180],{"class":165},[159,2320,183],{"class":165},[159,2322,2154],{"class":186},[159,2324,691],{"class":165},[159,2326,2327,2329,2331,2333,2336],{"class":161,"line":506},[159,2328,711],{"class":173},[159,2330,180],{"class":165},[159,2332,183],{"class":165},[159,2334,2335],{"class":186},"{ type: 'geojson', data: statesGeoJson }",[159,2337,691],{"class":165},[159,2339,2340,2342,2344,2346],{"class":161,"line":518},[159,2341,726],{"class":173},[159,2343,180],{"class":165},[159,2345,183],{"class":165},[159,2347,2348],{"class":186},"{\n",[159,2350,2351],{"class":161,"line":535},[159,2352,2353],{"class":186},"        id: 'states-fill',\n",[159,2355,2356],{"class":161,"line":551},[159,2357,2358],{"class":186},"        type: 'fill',\n",[159,2360,2361],{"class":161,"line":561},[159,2362,2363],{"class":186},"        source: 'states',\n",[159,2365,2366],{"class":161,"line":579},[159,2367,2368],{"class":186},"        paint: { 'fill-color': '#627BC1', 'fill-opacity': 0.5 }\n",[159,2370,2371,2374],{"class":161,"line":600},[159,2372,2373],{"class":186},"      }",[159,2375,691],{"class":165},[159,2377,2378],{"class":161,"line":605},[159,2379,741],{"class":165},[159,2381,2382,2384],{"class":161,"line":610},[159,2383,672],{"class":165},[159,2385,675],{"class":169},[159,2387,2388,2390,2392,2394,2396],{"class":161,"line":620},[159,2389,681],{"class":173},[159,2391,180],{"class":165},[159,2393,183],{"class":165},[159,2395,2310],{"class":186},[159,2397,691],{"class":165},[159,2399,2400,2402,2404,2406,2408],{"class":161,"line":625},[159,2401,697],{"class":173},[159,2403,180],{"class":165},[159,2405,183],{"class":165},[159,2407,2205],{"class":186},[159,2409,691],{"class":165},[159,2411,2412,2414,2416,2418,2420],{"class":161,"line":635},[159,2413,711],{"class":173},[159,2415,180],{"class":165},[159,2417,183],{"class":165},[159,2419,2335],{"class":186},[159,2421,691],{"class":165},[159,2423,2424,2426,2428,2430],{"class":161,"line":669},[159,2425,726],{"class":173},[159,2427,180],{"class":165},[159,2429,183],{"class":165},[159,2431,2348],{"class":186},[159,2433,2434],{"class":161,"line":678},[159,2435,2436],{"class":186},"        id: 'states-outline',\n",[159,2438,2439],{"class":161,"line":694},[159,2440,2441],{"class":186},"        type: 'line',\n",[159,2443,2444],{"class":161,"line":708},[159,2445,2363],{"class":186},[159,2447,2448],{"class":161,"line":723},[159,2449,2450],{"class":186},"        paint: { 'line-color': '#627BC1', 'line-width': 2 }\n",[159,2452,2453,2455],{"class":161,"line":738},[159,2454,2373],{"class":186},[159,2456,691],{"class":165},[159,2458,2459],{"class":161,"line":744},[159,2460,741],{"class":165},[159,2462,2463,2465],{"class":161,"line":752},[159,2464,672],{"class":165},[159,2466,2467],{"class":169},"VControlLayerGroup\n",[159,2469,2470,2473,2475,2477,2480],{"class":161,"line":765},[159,2471,2472],{"class":173},"      :layers",[159,2474,180],{"class":165},[159,2476,183],{"class":165},[159,2478,2479],{"class":186},"layerGroupConfig",[159,2481,691],{"class":165},[159,2483,2484,2486,2488,2490,2493],{"class":161,"line":780},[159,2485,783],{"class":173},[159,2487,180],{"class":165},[159,2489,183],{"class":165},[159,2491,2492],{"class":186},"Map Layers",[159,2494,691],{"class":165},[159,2496,2497,2499,2501,2503,2505],{"class":161,"line":795},[159,2498,768],{"class":173},[159,2500,180],{"class":165},[159,2502,183],{"class":165},[159,2504,775],{"class":186},[159,2506,691],{"class":165},[159,2508,2509,2512,2514,2516,2518],{"class":161,"line":800},[159,2510,2511],{"class":173},"      :collapsible",[159,2513,180],{"class":165},[159,2515,183],{"class":165},[159,2517,844],{"class":186},[159,2519,691],{"class":165},[159,2521,2522],{"class":161,"line":810},[159,2523,741],{"class":165},[159,2525,2527,2529,2531],{"class":161,"line":2526},49,[159,2528,803],{"class":165},[159,2530,28],{"class":169},[159,2532,192],{"class":165},[159,2534,2536,2538,2540],{"class":161,"line":2535},50,[159,2537,613],{"class":165},[159,2539,630],{"class":169},[159,2541,192],{"class":165},[111,2543,820],{"id":2544},"props-1",[822,2546,2547],{"id":2547},"layers",[127,2549,2550,2557],{},[130,2551,2552,833,2554],{},[101,2553,832],{},[120,2555,2556],{},"LayerConfig[]",[130,2558,2559,833,2561],{},[101,2560,841],{},[120,2562,844],{},[116,2564,2565],{},"Array of layer configurations. Each layer config has:",[1289,2567,2568,2584],{},[1292,2569,2570],{},[1295,2571,2572,2575,2578,2581],{},[1298,2573,2574],{},"Property",[1298,2576,2577],{},"Type",[1298,2579,2580],{},"Default",[1298,2582,2583],{},"Description",[1305,2585,2586,2602,2617,2634,2651],{},[1295,2587,2588,2593,2597,2599],{},[1310,2589,2590],{},[120,2591,2592],{},"id",[1310,2594,2595],{},[120,2596,836],{},[1310,2598,289],{},[1310,2600,2601],{},"Layer ID (must match MapLibre or deck.gl layer)",[1295,2603,2604,2608,2612,2614],{},[1310,2605,2606],{},[120,2607,942],{},[1310,2609,2610],{},[120,2611,836],{},[1310,2613,289],{},[1310,2615,2616],{},"Display title in the control",[1295,2618,2619,2623,2627,2631],{},[1310,2620,2621],{},[120,2622,880],{},[1310,2624,2625],{},[120,2626,889],{},[1310,2628,2629],{},[120,2630,844],{},[1310,2632,2633],{},"Initial visibility",[1295,2635,2636,2640,2644,2648],{},[1310,2637,2638],{},[120,2639,911],{},[1310,2641,2642],{},[120,2643,920],{},[1310,2645,2646],{},[120,2647,933],{},[1310,2649,2650],{},"Initial opacity (0-1)",[1295,2652,2653,2658,2662,2665],{},[1310,2654,2655],{},[120,2656,2657],{},"type",[1310,2659,2660],{},[120,2661,979],{},[1310,2663,2664],{},"Auto-detected",[1310,2666,2667],{},"Force layer type",[822,2669,850],{"id":2670},"position-1",[127,2672,2673,2679,2685],{},[130,2674,2675,833,2677],{},[101,2676,832],{},[120,2678,859],{},[130,2680,2681,833,2683],{},[101,2682,841],{},[120,2684,866],{},[130,2686,2687,833,2689],{},[101,2688,871],{},[120,2690,874],{},[116,2692,877],{},[822,2694,942],{"id":2695},"title-1",[127,2697,2698,2704,2710],{},[130,2699,2700,833,2702],{},[101,2701,832],{},[120,2703,836],{},[130,2705,2706,833,2708],{},[101,2707,841],{},[120,2709,866],{},[130,2711,2712,833,2714],{},[101,2713,871],{},[120,2715,2716],{},"'Layers'",[116,2718,2719],{},"Title displayed in the panel header.",[822,2721,2722],{"id":2722},"collapsible",[127,2724,2725,2731,2737],{},[130,2726,2727,833,2729],{},[101,2728,832],{},[120,2730,889],{},[130,2732,2733,833,2735],{},[101,2734,841],{},[120,2736,866],{},[130,2738,2739,833,2741],{},[101,2740,871],{},[120,2742,844],{},[116,2744,2745],{},"Whether the panel can be collapsed by clicking the header.",[822,2747,2748],{"id":2748},"collapsed",[127,2750,2751,2757,2763],{},[130,2752,2753,833,2755],{},[101,2754,832],{},[120,2756,889],{},[130,2758,2759,833,2761],{},[101,2760,841],{},[120,2762,866],{},[130,2764,2765,833,2767],{},[101,2766,871],{},[120,2768,866],{},[116,2770,2771],{},"Initial collapsed state of the panel.",[111,2773,997],{"id":2774},"events-1",[822,2776,1001],{"id":2777},"visibility-change-1",[116,2779,2780],{},"Emitted when a layer's visibility changes.",[127,2782,2783],{},[130,2784,2785,833,2787],{},[101,2786,1011],{},[120,2788,2789],{},"{ layerId: string; visible: boolean }",[822,2791,1017],{"id":2792},"opacity-change-1",[116,2794,2795],{},"Emitted when a layer's opacity changes.",[127,2797,2798],{},[130,2799,2800,833,2802],{},[101,2801,1011],{},[120,2803,2804],{},"{ layerId: string; opacity: number }",[822,2806,2808],{"id":2807},"updatelayers","@update:layers",[116,2810,2811],{},"Emitted when the layers array should be updated (for v-model binding).",[127,2813,2814],{},[130,2815,2816,833,2818],{},[101,2817,1011],{},[120,2819,2556],{},[111,2821,2823],{"id":2822},"mixed-layer-types","Mixed Layer Types",[116,2825,2826,2828],{},[120,2827,1931],{}," supports controlling both MapLibre and deck.gl layers in the same panel:",[150,2830,2832],{"className":152,"code":2831,"language":154,"meta":155,"style":155},"\u003Cscript setup lang=\"ts\">\n  const mixedLayers = [\n    { id: 'maplibre-fill-layer', title: 'Fill Layer', type: 'maplibre' },\n    { id: 'deckgl-scatter-layer', title: 'Scatter Points', type: 'deckgl' },\n    { id: 'maplibre-line-layer', title: 'Roads', type: 'maplibre' },\n  ];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVControlLayerGroup\n    :layers=\"mixedLayers\"\n    title=\"All Layers\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[120,2833,2834,2854,2865,2908,2950,2992,2998,3006,3010,3018,3024,3038,3052,3056],{"__ignoreMap":155},[159,2835,2836,2838,2840,2842,2844,2846,2848,2850,2852],{"class":161,"line":162},[159,2837,166],{"class":165},[159,2839,170],{"class":169},[159,2841,174],{"class":173},[159,2843,177],{"class":173},[159,2845,180],{"class":165},[159,2847,183],{"class":165},[159,2849,187],{"class":186},[159,2851,183],{"class":165},[159,2853,192],{"class":165},[159,2855,2856,2858,2861,2863],{"class":161,"line":195},[159,2857,248],{"class":173},[159,2859,2860],{"class":205}," mixedLayers ",[159,2862,180],{"class":165},[159,2864,394],{"class":205},[159,2866,2867,2869,2871,2873,2875,2878,2880,2882,2884,2886,2888,2891,2893,2895,2897,2899,2901,2904,2906],{"class":161,"line":238},[159,2868,1527],{"class":165},[159,2870,2147],{"class":169},[159,2872,265],{"class":165},[159,2874,226],{"class":165},[159,2876,2877],{"class":186},"maplibre-fill-layer",[159,2879,232],{"class":165},[159,2881,209],{"class":165},[159,2883,2161],{"class":169},[159,2885,265],{"class":165},[159,2887,226],{"class":165},[159,2889,2890],{"class":186},"Fill Layer",[159,2892,232],{"class":165},[159,2894,209],{"class":165},[159,2896,430],{"class":169},[159,2898,265],{"class":165},[159,2900,226],{"class":165},[159,2902,2903],{"class":186},"maplibre",[159,2905,232],{"class":165},[159,2907,1556],{"class":165},[159,2909,2910,2912,2914,2916,2918,2921,2923,2925,2927,2929,2931,2933,2935,2937,2939,2941,2943,2946,2948],{"class":161,"line":245},[159,2911,1527],{"class":165},[159,2913,2147],{"class":169},[159,2915,265],{"class":165},[159,2917,226],{"class":165},[159,2919,2920],{"class":186},"deckgl-scatter-layer",[159,2922,232],{"class":165},[159,2924,209],{"class":165},[159,2926,2161],{"class":169},[159,2928,265],{"class":165},[159,2930,226],{"class":165},[159,2932,1767],{"class":186},[159,2934,232],{"class":165},[159,2936,209],{"class":165},[159,2938,430],{"class":169},[159,2940,265],{"class":165},[159,2942,226],{"class":165},[159,2944,2945],{"class":186},"deckgl",[159,2947,232],{"class":165},[159,2949,1556],{"class":165},[159,2951,2952,2954,2956,2958,2960,2963,2965,2967,2969,2971,2973,2976,2978,2980,2982,2984,2986,2988,2990],{"class":161,"line":259},[159,2953,1527],{"class":165},[159,2955,2147],{"class":169},[159,2957,265],{"class":165},[159,2959,226],{"class":165},[159,2961,2962],{"class":186},"maplibre-line-layer",[159,2964,232],{"class":165},[159,2966,209],{"class":165},[159,2968,2161],{"class":169},[159,2970,265],{"class":165},[159,2972,226],{"class":165},[159,2974,2975],{"class":186},"Roads",[159,2977,232],{"class":165},[159,2979,209],{"class":165},[159,2981,430],{"class":169},[159,2983,265],{"class":165},[159,2985,226],{"class":165},[159,2987,2903],{"class":186},[159,2989,232],{"class":165},[159,2991,1556],{"class":165},[159,2993,2994,2996],{"class":161,"line":278},[159,2995,1594],{"class":205},[159,2997,235],{"class":165},[159,2999,3000,3002,3004],{"class":161,"line":306},[159,3001,613],{"class":165},[159,3003,170],{"class":169},[159,3005,192],{"class":165},[159,3007,3008],{"class":161,"line":319},[159,3009,242],{"emptyLinePlaceholder":241},[159,3011,3012,3014,3016],{"class":161,"line":325},[159,3013,166],{"class":165},[159,3015,630],{"class":169},[159,3017,192],{"class":165},[159,3019,3020,3022],{"class":161,"line":330},[159,3021,638],{"class":165},[159,3023,2467],{"class":169},[159,3025,3026,3029,3031,3033,3036],{"class":161,"line":342},[159,3027,3028],{"class":173},"    :layers",[159,3030,180],{"class":165},[159,3032,183],{"class":165},[159,3034,3035],{"class":186},"mixedLayers",[159,3037,691],{"class":165},[159,3039,3040,3043,3045,3047,3050],{"class":161,"line":359},[159,3041,3042],{"class":173},"    title",[159,3044,180],{"class":165},[159,3046,183],{"class":165},[159,3048,3049],{"class":186},"All Layers",[159,3051,691],{"class":165},[159,3053,3054],{"class":161,"line":369},[159,3055,1230],{"class":165},[159,3057,3058,3060,3062],{"class":161,"line":386},[159,3059,613],{"class":165},[159,3061,630],{"class":169},[159,3063,192],{"class":165},[111,3065,1793],{"id":3066},"typescript-1",[150,3068,3070],{"className":1796,"code":3069,"language":1792,"meta":155,"style":155},"import type { ControlPosition, LayerType, LayerConfig } from '@geoql\u002Fv-maplibre';\n\n\u002F\u002F LayerConfig interface\ninterface LayerConfig {\n  id: string;\n  title: string;\n  visible?: boolean;\n  opacity?: number;\n  type?: LayerType;\n}\n\n\u002F\u002F Props interface\ninterface LayerGroupOptions {\n  layers: LayerConfig[];\n  position?: ControlPosition;\n  title?: string;\n  collapsible?: boolean;\n  collapsed?: boolean;\n}\n",[120,3071,3072,3103,3107,3112,3120,3131,3141,3151,3161,3172,3176,3180,3184,3193,3207,3217,3227,3238,3249],{"__ignoreMap":155},[159,3073,3074,3076,3078,3080,3082,3084,3086,3088,3091,3093,3095,3097,3099,3101],{"class":161,"line":162},[159,3075,1804],{"class":198},[159,3077,430],{"class":198},[159,3079,202],{"class":165},[159,3081,1811],{"class":205},[159,3083,209],{"class":165},[159,3085,1816],{"class":205},[159,3087,209],{"class":165},[159,3089,3090],{"class":205}," LayerConfig",[159,3092,220],{"class":165},[159,3094,223],{"class":198},[159,3096,226],{"class":165},[159,3098,229],{"class":186},[159,3100,232],{"class":165},[159,3102,235],{"class":165},[159,3104,3105],{"class":161,"line":195},[159,3106,242],{"emptyLinePlaceholder":241},[159,3108,3109],{"class":161,"line":238},[159,3110,3111],{"class":1837},"\u002F\u002F LayerConfig interface\n",[159,3113,3114,3116,3118],{"class":161,"line":245},[159,3115,1843],{"class":173},[159,3117,3090],{"class":1846},[159,3119,256],{"class":165},[159,3121,3122,3125,3127,3129],{"class":161,"line":259},[159,3123,3124],{"class":169},"  id",[159,3126,265],{"class":165},[159,3128,1859],{"class":1846},[159,3130,235],{"class":165},[159,3132,3133,3135,3137,3139],{"class":161,"line":278},[159,3134,1902],{"class":169},[159,3136,265],{"class":165},[159,3138,1859],{"class":1846},[159,3140,235],{"class":165},[159,3142,3143,3145,3147,3149],{"class":161,"line":306},[159,3144,1878],{"class":169},[159,3146,1869],{"class":165},[159,3148,1883],{"class":1846},[159,3150,235],{"class":165},[159,3152,3153,3155,3157,3159],{"class":161,"line":319},[159,3154,1890],{"class":169},[159,3156,1869],{"class":165},[159,3158,1895],{"class":1846},[159,3160,235],{"class":165},[159,3162,3163,3166,3168,3170],{"class":161,"line":325},[159,3164,3165],{"class":169},"  type",[159,3167,1869],{"class":165},[159,3169,1816],{"class":1846},[159,3171,235],{"class":165},[159,3173,3174],{"class":161,"line":330},[159,3175,1924],{"class":165},[159,3177,3178],{"class":161,"line":342},[159,3179,242],{"emptyLinePlaceholder":241},[159,3181,3182],{"class":161,"line":359},[159,3183,1838],{"class":1837},[159,3185,3186,3188,3191],{"class":161,"line":369},[159,3187,1843],{"class":173},[159,3189,3190],{"class":1846}," LayerGroupOptions",[159,3192,256],{"class":165},[159,3194,3195,3198,3200,3202,3205],{"class":161,"line":386},[159,3196,3197],{"class":169},"  layers",[159,3199,265],{"class":165},[159,3201,3090],{"class":1846},[159,3203,3204],{"class":205},"[]",[159,3206,235],{"class":165},[159,3208,3209,3211,3213,3215],{"class":161,"line":397},[159,3210,1866],{"class":169},[159,3212,1869],{"class":165},[159,3214,1811],{"class":1846},[159,3216,235],{"class":165},[159,3218,3219,3221,3223,3225],{"class":161,"line":403},[159,3220,1902],{"class":169},[159,3222,1869],{"class":165},[159,3224,1859],{"class":1846},[159,3226,235],{"class":165},[159,3228,3229,3232,3234,3236],{"class":161,"line":420},[159,3230,3231],{"class":169},"  collapsible",[159,3233,1869],{"class":165},[159,3235,1883],{"class":1846},[159,3237,235],{"class":165},[159,3239,3240,3243,3245,3247],{"class":161,"line":465},[159,3241,3242],{"class":169},"  collapsed",[159,3244,1869],{"class":165},[159,3246,1883],{"class":1846},[159,3248,235],{"class":165},[159,3250,3251],{"class":161,"line":476},[159,3252,1924],{"class":165},[3254,3255,3256],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":155,"searchDepth":195,"depth":195,"links":3258},[3259,3260,3261,3269,3275,3276,3280,3281,3282,3283,3284,3291,3296,3297],{"id":113,"depth":195,"text":114},{"id":147,"depth":195,"text":148},{"id":819,"depth":195,"text":820,"children":3262},[3263,3264,3265,3266,3267,3268],{"id":824,"depth":238,"text":825},{"id":850,"depth":238,"text":850},{"id":880,"depth":238,"text":880},{"id":911,"depth":238,"text":911},{"id":942,"depth":238,"text":942},{"id":969,"depth":238,"text":970},{"id":996,"depth":195,"text":997,"children":3270},[3271,3272,3273,3274],{"id":1000,"depth":238,"text":1001},{"id":1016,"depth":238,"text":1017},{"id":1031,"depth":238,"text":1032},{"id":1046,"depth":238,"text":1047},{"id":1061,"depth":195,"text":1062},{"id":1280,"depth":195,"text":1281,"children":3277},[3278,3279],{"id":1284,"depth":238,"text":65},{"id":1356,"depth":238,"text":1357},{"id":1369,"depth":195,"text":1370},{"id":1792,"depth":195,"text":1793},{"id":1939,"depth":195,"text":114},{"id":1978,"depth":195,"text":148},{"id":2544,"depth":195,"text":820,"children":3285},[3286,3287,3288,3289,3290],{"id":2547,"depth":238,"text":2547},{"id":2670,"depth":238,"text":850},{"id":2695,"depth":238,"text":942},{"id":2722,"depth":238,"text":2722},{"id":2748,"depth":238,"text":2748},{"id":2774,"depth":195,"text":997,"children":3292},[3293,3294,3295],{"id":2777,"depth":238,"text":1001},{"id":2792,"depth":238,"text":1017},{"id":2807,"depth":238,"text":2808},{"id":2822,"depth":195,"text":2823},{"id":3066,"depth":195,"text":1793},"VControlLayer and VControlLayerGroup - Layer visibility toggle and opacity slider controls for MapLibre and deck.gl layers","md",null,{},{"title":83,"description":3298},"c4MDBiP_0xDBT_egk_i8ZmU7lRvnwGGIIOqnyFUAURc",[3305,3307],{"title":79,"path":80,"stem":81,"description":3306,"children":-1},"LiDAR point cloud visualization control with LAS\u002FLAZ\u002FCOPC support",{"title":87,"path":88,"stem":89,"description":3308,"children":-1},"Interactive legend control with category, gradient, and size visualization",1781101878363]