[{"data":1,"prerenderedAt":553},["ShallowReactive",2],{"i-ph:sidebar":3,"i-ph:caret-left":8,"i-ph:caret-right":10,"components-charts":12,"i-ph:code":551},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,256,false,"\u003Cpath fill=\"currentColor\" d=\"M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16M40 152h16a8 8 0 0 0 0-16H40v-16h16a8 8 0 0 0 0-16H40V88h16a8 8 0 0 0 0-16H40V56h40v144H40Zm176 48H96V56h120z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32\"\u002F>",{"id":13,"title":14,"body":15,"description":25,"extension":545,"meta":546,"navigation":105,"path":547,"seo":548,"stem":549,"__hash__":550},"docs\u002Fdocs\u002Fcomponents\u002Fcharts.md","Charts",{"type":16,"value":17,"toc":538},"minimark",[18,22,26,29,34,37,297,302,446,450,453,496,500,534],[19,20,14],"h1",{"id":21},"charts",[23,24,25],"p",{},"A collection of simple HTML-based chart components for visualizing data.",[27,28],"hr",{},[30,31,33],"h2",{"id":32},"histogram","Histogram",[23,35,36],{},"Displays a series of numeric values as vertical bars scaled relative to the highest value. Supports click interactions, tooltips, and compact or expanded layouts.",[38,39,41],"histogram-example",{"source-path":40},"Charts\u002FHistogram.vue",[42,43,48],"pre",{"className":44,"code":45,"language":46,"meta":47,"style":47},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup>\nimport { Histogram } from '@dolanske\u002Fvui'\n\nconst data = [4, 9, 6, 2, 8, 5, 7, 3, 10, 1]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CHistogram :data>\n    \u003Ctemplate #tooltip=\"{ value }\">\n      \u003Cp>Capacity: {{ value }}\u003C\u002Fp>\n    \u003C\u002Ftemplate>\n  \u003C\u002FHistogram>\n\u003C\u002Ftemplate>\n","vue","",[49,50,51,71,100,107,176,186,191,201,214,247,268,278,288],"code",{"__ignoreMap":47},[52,53,56,60,64,68],"span",{"class":54,"line":55},"line",1,[52,57,59],{"class":58},"sP76a","\u003C",[52,61,63],{"class":62},"sKpE2","script",[52,65,67],{"class":66},"sflEz"," setup",[52,69,70],{"class":58},">\n",[52,72,74,77,80,83,86,89,93,97],{"class":54,"line":73},2,[52,75,76],{"class":62},"import",[52,78,79],{"class":58}," {",[52,81,82],{"class":66}," Histogram",[52,84,85],{"class":58}," }",[52,87,88],{"class":62}," from",[52,90,92],{"class":91},"sBR95"," '",[52,94,96],{"class":95},"sfmH-","@dolanske\u002Fvui",[52,98,99],{"class":91},"'\n",[52,101,103],{"class":54,"line":102},3,[52,104,106],{"emptyLinePlaceholder":105},true,"\n",[52,108,110,114,117,120,123,127,130,133,135,138,140,143,145,148,150,153,155,158,160,163,165,168,170,173],{"class":54,"line":109},4,[52,111,113],{"class":112},"sCMWV","const",[52,115,116],{"class":66}," data",[52,118,119],{"class":58}," =",[52,121,122],{"class":58}," [",[52,124,126],{"class":125},"socUO","4",[52,128,129],{"class":58},",",[52,131,132],{"class":125}," 9",[52,134,129],{"class":58},[52,136,137],{"class":125}," 6",[52,139,129],{"class":58},[52,141,142],{"class":125}," 2",[52,144,129],{"class":58},[52,146,147],{"class":125}," 8",[52,149,129],{"class":58},[52,151,152],{"class":125}," 5",[52,154,129],{"class":58},[52,156,157],{"class":125}," 7",[52,159,129],{"class":58},[52,161,162],{"class":125}," 3",[52,164,129],{"class":58},[52,166,167],{"class":125}," 10",[52,169,129],{"class":58},[52,171,172],{"class":125}," 1",[52,174,175],{"class":58},"]\n",[52,177,179,182,184],{"class":54,"line":178},5,[52,180,181],{"class":58},"\u003C\u002F",[52,183,63],{"class":62},[52,185,70],{"class":58},[52,187,189],{"class":54,"line":188},6,[52,190,106],{"emptyLinePlaceholder":105},[52,192,194,196,199],{"class":54,"line":193},7,[52,195,59],{"class":58},[52,197,198],{"class":62},"template",[52,200,70],{"class":58},[52,202,204,207,209,212],{"class":54,"line":203},8,[52,205,206],{"class":58},"  \u003C",[52,208,33],{"class":62},[52,210,211],{"class":66}," :data",[52,213,70],{"class":58},[52,215,217,220,222,225,229,232,235,238,241,243,245],{"class":54,"line":216},9,[52,218,219],{"class":58},"    \u003C",[52,221,198],{"class":62},[52,223,224],{"class":58}," #",[52,226,228],{"class":227},"sRTv0","tooltip",[52,230,231],{"class":58},"=",[52,233,234],{"class":58},"\"",[52,236,237],{"class":58},"{ ",[52,239,240],{"class":66},"value",[52,242,85],{"class":58},[52,244,234],{"class":58},[52,246,70],{"class":58},[52,248,250,253,255,258,262,264,266],{"class":54,"line":249},10,[52,251,252],{"class":58},"      \u003C",[52,254,23],{"class":62},[52,256,257],{"class":58},">",[52,259,261],{"class":260},"sX1ls","Capacity: {{ value }}",[52,263,181],{"class":58},[52,265,23],{"class":62},[52,267,70],{"class":58},[52,269,271,274,276],{"class":54,"line":270},11,[52,272,273],{"class":58},"    \u003C\u002F",[52,275,198],{"class":62},[52,277,70],{"class":58},[52,279,281,284,286],{"class":54,"line":280},12,[52,282,283],{"class":58},"  \u003C\u002F",[52,285,33],{"class":62},[52,287,70],{"class":58},[52,289,291,293,295],{"class":54,"line":290},13,[52,292,181],{"class":58},[52,294,198],{"class":62},[52,296,70],{"class":58},[298,299,301],"h3",{"id":300},"props","Props",[303,304,305,321],"table",{},[306,307,308],"thead",{},[309,310,311,315,318],"tr",{},[312,313,314],"th",{},"Name",[312,316,317],{},"Default",[312,319,320],{},"Type",[322,323,324,345,365,408,428],"tbody",{},[309,325,326,332,335],{},[327,328,329],"td",{},[49,330,331],{},"data",[327,333,334],{},"—",[327,336,337,340,341,344],{},[49,338,339],{},"number[]"," ",[342,343],"br",{}," Array of numeric values to render as bars",[309,346,347,352,357],{},[327,348,349],{},[49,350,351],{},"height",[327,353,354],{},[49,355,356],{},"32",[327,358,359,340,362,364],{},[49,360,361],{},"number",[342,363],{}," Height of each bar cell in pixels",[309,366,367,372,377],{},[327,368,369],{},[49,370,371],{},"gap",[327,373,374],{},[49,375,376],{},"'xs'",[327,378,379,340,382,340,385,340,388,340,391,340,394,340,397,340,400,340,403,340,405,407],{},[49,380,381],{},"xxs",[49,383,384],{},"xs",[49,386,387],{},"s",[49,389,390],{},"m",[49,392,393],{},"l",[49,395,396],{},"xl",[49,398,399],{},"xxl",[49,401,402],{},"xxxl",[49,404,361],{},[342,406],{}," Spacing between bars",[309,409,410,415,420],{},[327,411,412],{},[49,413,414],{},"expand",[327,416,417],{},[49,418,419],{},"false",[327,421,422,340,425,427],{},[49,423,424],{},"boolean",[342,426],{}," Stretches bars to fill the full width of the container",[309,429,430,435,439],{},[327,431,432],{},[49,433,434],{},"compact",[327,436,437],{},[49,438,419],{},[327,440,441,340,443,445],{},[49,442,424],{},[342,444],{}," Reduces the width of each bar for a denser appearance",[298,447,449],{"id":448},"events","Events",[23,451,452],{},"If you attach any of these listeners, the component automatically adds hover interactions.",[303,454,455,467],{},[306,456,457],{},[309,458,459,461,464],{},[312,460,314],{},[312,462,463],{},"Payload",[312,465,466],{},"Description",[322,468,469,484],{},[309,470,471,476,481],{},[327,472,473],{},[49,474,475],{},"cellClick",[327,477,478],{},[49,479,480],{},"index: number",[327,482,483],{},"Emitted when a bar is clicked, with its data index",[309,485,486,491,493],{},[327,487,488],{},[49,489,490],{},"click",[327,492,334],{},[327,494,495],{},"Emitted when clicking the histogram container",[298,497,499],{"id":498},"slots","Slots",[303,501,502,512],{},[306,503,504],{},[309,505,506,508,510],{},[312,507,314],{},[312,509,301],{},[312,511,466],{},[322,513,514],{},[309,515,516,520,531],{},[327,517,518],{},[49,519,228],{},[327,521,522,524,525,524,528],{},[49,523,240],{},", ",[49,526,527],{},"index",[49,529,530],{},"highestValue",[327,532,533],{},"Custom tooltip content shown when hovering a bar",[535,536,537],"style",{},"html pre.shiki code .sP76a, html code.shiki .sP76a{--shiki-dark:#666666;--shiki-light:#999999;--shiki-default:#666666}html pre.shiki code .sKpE2, html code.shiki .sKpE2{--shiki-dark:#4D9375;--shiki-light:#1E754F;--shiki-default:#4D9375}html pre.shiki code .sflEz, html code.shiki .sflEz{--shiki-dark:#BD976A;--shiki-light:#B07D48;--shiki-default:#BD976A}html pre.shiki code .sBR95, html code.shiki .sBR95{--shiki-dark:#C98A7D77;--shiki-light:#B5695977;--shiki-default:#C98A7D77}html pre.shiki code .sfmH-, html code.shiki .sfmH-{--shiki-dark:#C98A7D;--shiki-light:#B56959;--shiki-default:#C98A7D}html pre.shiki code .sCMWV, html code.shiki .sCMWV{--shiki-dark:#CB7676;--shiki-light:#AB5959;--shiki-default:#CB7676}html pre.shiki code .socUO, html code.shiki .socUO{--shiki-dark:#4C9A91;--shiki-light:#2F798A;--shiki-default:#4C9A91}html pre.shiki code .sRTv0, html code.shiki .sRTv0{--shiki-dark:#80A665;--shiki-light:#59873A;--shiki-default:#80A665}html pre.shiki code .sX1ls, html code.shiki .sX1ls{--shiki-dark:#DBD7CAEE;--shiki-light:#393A34;--shiki-default:#DBD7CAEE}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 .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);}",{"title":47,"searchDepth":73,"depth":73,"links":539},[540],{"id":32,"depth":73,"text":33,"children":541},[542,543,544],{"id":300,"depth":102,"text":301},{"id":448,"depth":102,"text":449},{"id":498,"depth":102,"text":499},"md",{},"\u002Fdocs\u002Fcomponents\u002Fcharts",{"title":14,"description":25},"docs\u002Fcomponents\u002Fcharts","LPWAgRQUL088XVIZMsi9O6v2-nPjdAnf0o1YvBJ2dFY",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":552},"\u003Cpath fill=\"currentColor\" d=\"M69.12 94.15L28.5 128l40.62 33.85a8 8 0 1 1-10.24 12.29l-48-40a8 8 0 0 1 0-12.29l48-40a8 8 0 0 1 10.24 12.3m176 27.7l-48-40a8 8 0 1 0-10.24 12.3L227.5 128l-40.62 33.85a8 8 0 1 0 10.24 12.29l48-40a8 8 0 0 0 0-12.29m-82.39-89.37a8 8 0 0 0-10.25 4.79l-64 176a8 8 0 0 0 4.79 10.26A8.1 8.1 0 0 0 96 224a8 8 0 0 0 7.52-5.27l64-176a8 8 0 0 0-4.79-10.25\"\u002F>",1782200882495]