[{"data":1,"prerenderedAt":2304},["ShallowReactive",2],{"navigation_docs":3,"-colorffy-ui-localization":316,"-colorffy-ui-localization-surround":2299},[4,21,115,307,312],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":20},"Getting Started","i-lucide-rocket","\u002Fgetting-started","1.getting-started",[10,15],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",false,{"title":22,"icon":23,"path":24,"stem":25,"children":26,"page":20},"Colorffy CSS","i-lucide-palette","\u002Fcolorffy-css","2.colorffy-css",[27,32,37,42,78,99],{"title":28,"path":29,"stem":30,"icon":31},"Overview","\u002Fcolorffy-css\u002Foverview","2.colorffy-css\u002F1.overview","i-lucide-book-open",{"title":33,"path":34,"stem":35,"icon":36},"Color System","\u002Fcolorffy-css\u002Fcolor-system","2.colorffy-css\u002F2.color-system","i-lucide-droplet",{"title":38,"path":39,"stem":40,"icon":41},"Customization","\u002Fcolorffy-css\u002Fcustomization","2.colorffy-css\u002F3.customization","i-lucide-settings",{"title":43,"icon":44,"path":45,"stem":46,"children":47,"page":20},"Utilities","i-lucide-wrench","\u002Fcolorffy-css\u002Futilities","2.colorffy-css\u002F4.utilities",[48,53,58,63,68,73],{"title":49,"path":50,"stem":51,"icon":52},"Borders & Shadows","\u002Fcolorffy-css\u002Futilities\u002Fborders-shadows","2.colorffy-css\u002F4.utilities\u002F01.borders-shadows","i-lucide-frame",{"title":54,"path":55,"stem":56,"icon":57},"Colors & Gradients","\u002Fcolorffy-css\u002Futilities\u002Fcolors-gradients","2.colorffy-css\u002F4.utilities\u002F02.colors-gradients","i-lucide-paint-bucket",{"title":59,"path":60,"stem":61,"icon":62},"Display & Flexbox","\u002Fcolorffy-css\u002Futilities\u002Fdisplay-flexbox","2.colorffy-css\u002F4.utilities\u002F03.display-flexbox","i-lucide-stretch-horizontal",{"title":64,"path":65,"stem":66,"icon":67},"Effects","\u002Fcolorffy-css\u002Futilities\u002Feffects","2.colorffy-css\u002F4.utilities\u002F04.effects","i-lucide-wand-sparkles",{"title":69,"path":70,"stem":71,"icon":72},"Spacing","\u002Fcolorffy-css\u002Futilities\u002Fspacing","2.colorffy-css\u002F4.utilities\u002F05.spacing","i-lucide-ruler",{"title":74,"path":75,"stem":76,"icon":77},"Typography","\u002Fcolorffy-css\u002Futilities\u002Ftypography","2.colorffy-css\u002F4.utilities\u002F06.typography","i-lucide-type",{"title":79,"icon":80,"path":81,"stem":82,"children":83,"page":20},"Layout","i-lucide-layout-template","\u002Fcolorffy-css\u002Flayout","2.colorffy-css\u002F5.layout",[84,89,94],{"title":85,"path":86,"stem":87,"icon":88},"App Layout","\u002Fcolorffy-css\u002Flayout\u002Fapp-layout","2.colorffy-css\u002F5.layout\u002F01.app-layout","i-lucide-app-window",{"title":90,"path":91,"stem":92,"icon":93},"Flex Grid","\u002Fcolorffy-css\u002Flayout\u002Fflex-grid","2.colorffy-css\u002F5.layout\u002F02.flex-grid","i-lucide-columns-3",{"title":95,"path":96,"stem":97,"icon":98},"Grid","\u002Fcolorffy-css\u002Flayout\u002Fgrid","2.colorffy-css\u002F5.layout\u002F03.grid","i-lucide-grid-3x3",{"title":100,"icon":101,"path":102,"stem":103,"children":104,"page":20},"SCSS API","i-lucide-braces","\u002Fcolorffy-css\u002Fscss-api","2.colorffy-css\u002F6.scss-api",[105,110],{"title":106,"path":107,"stem":108,"icon":109},"Mixins","\u002Fcolorffy-css\u002Fscss-api\u002Fmixins","2.colorffy-css\u002F6.scss-api\u002F01.mixins","i-lucide-code",{"title":111,"path":112,"stem":113,"icon":114},"Tonal Tokens","\u002Fcolorffy-css\u002Fscss-api\u002Ftonal-tokens","2.colorffy-css\u002F6.scss-api\u002F02.tonal-tokens","i-lucide-swatch-book",{"title":116,"icon":117,"path":118,"stem":119,"children":120,"page":20},"Colorffy UI","i-lucide-blocks","\u002Fcolorffy-ui","3.colorffy-ui",[121,125,297,302],{"title":122,"path":123,"stem":124,"icon":31},"Usage","\u002Fcolorffy-ui\u002Fusage","3.colorffy-ui\u002F1.usage",{"title":126,"icon":127,"path":128,"stem":129,"children":130,"page":20},"Components","i-lucide-component","\u002Fcolorffy-ui\u002Fcomponents","3.colorffy-ui\u002F2.components",[131,135,140,145,150,155,160,165,170,175,180,185,190,195,200,205,210,215,219,224,229,233,238,243,248,253,257,262,267,272,277,282,287,292],{"title":28,"path":132,"stem":133,"icon":134},"\u002Fcolorffy-ui\u002Fcomponents\u002Foverview","3.colorffy-ui\u002F2.components\u002F00.overview","i-lucide-layout-grid",{"title":136,"path":137,"stem":138,"icon":139},"Accordion","\u002Fcolorffy-ui\u002Fcomponents\u002Faccordion","3.colorffy-ui\u002F2.components\u002F01.accordion","i-lucide-chevrons-down-up",{"title":141,"path":142,"stem":143,"icon":144},"Alert","\u002Fcolorffy-ui\u002Fcomponents\u002Falert","3.colorffy-ui\u002F2.components\u002F02.alert","i-lucide-triangle-alert",{"title":146,"path":147,"stem":148,"icon":149},"Avatar","\u002Fcolorffy-ui\u002Fcomponents\u002Favatar","3.colorffy-ui\u002F2.components\u002F03.avatar","i-lucide-circle-user",{"title":151,"path":152,"stem":153,"icon":154},"Badge","\u002Fcolorffy-ui\u002Fcomponents\u002Fbadge","3.colorffy-ui\u002F2.components\u002F04.badge","i-lucide-tag",{"title":156,"path":157,"stem":158,"icon":159},"Breadcrumb","\u002Fcolorffy-ui\u002Fcomponents\u002Fbreadcrumb","3.colorffy-ui\u002F2.components\u002F05.breadcrumb","i-lucide-chevron-right",{"title":161,"path":162,"stem":163,"icon":164},"Button","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton","3.colorffy-ui\u002F2.components\u002F06.button","i-lucide-square-mouse-pointer",{"title":166,"path":167,"stem":168,"icon":169},"Button Group","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton-group","3.colorffy-ui\u002F2.components\u002F07.button-group","i-lucide-square-stack",{"title":171,"path":172,"stem":173,"icon":174},"Button Menu","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton-menu","3.colorffy-ui\u002F2.components\u002F08.button-menu","i-lucide-menu",{"title":176,"path":177,"stem":178,"icon":179},"Calendar","\u002Fcolorffy-ui\u002Fcomponents\u002Fcalendar","3.colorffy-ui\u002F2.components\u002F09.calendar","i-lucide-calendar",{"title":181,"path":182,"stem":183,"icon":184},"Card","\u002Fcolorffy-ui\u002Fcomponents\u002Fcard","3.colorffy-ui\u002F2.components\u002F10.card","i-lucide-square",{"title":186,"path":187,"stem":188,"icon":189},"Chip","\u002Fcolorffy-ui\u002Fcomponents\u002Fchip","3.colorffy-ui\u002F2.components\u002F11.chip","i-lucide-tags",{"title":191,"path":192,"stem":193,"icon":194},"Datatable","\u002Fcolorffy-ui\u002Fcomponents\u002Fdatatable","3.colorffy-ui\u002F2.components\u002F12.datatable","i-lucide-table",{"title":196,"path":197,"stem":198,"icon":199},"Divider","\u002Fcolorffy-ui\u002Fcomponents\u002Fdivider","3.colorffy-ui\u002F2.components\u002F13.divider","i-lucide-separator-horizontal",{"title":201,"path":202,"stem":203,"icon":204},"Empty","\u002Fcolorffy-ui\u002Fcomponents\u002Fempty","3.colorffy-ui\u002F2.components\u002F14.empty","i-lucide-inbox",{"title":206,"path":207,"stem":208,"icon":209},"Icons","\u002Fcolorffy-ui\u002Fcomponents\u002Ficons","3.colorffy-ui\u002F2.components\u002F15.icons","i-lucide-shapes",{"title":211,"path":212,"stem":213,"icon":214},"Inputs","\u002Fcolorffy-ui\u002Fcomponents\u002Finputs","3.colorffy-ui\u002F2.components\u002F16.inputs","i-lucide-text-cursor-input",{"title":79,"path":216,"stem":217,"icon":218},"\u002Fcolorffy-ui\u002Fcomponents\u002Flayout","3.colorffy-ui\u002F2.components\u002F17.layout","i-lucide-layout",{"title":220,"path":221,"stem":222,"icon":223},"List","\u002Fcolorffy-ui\u002Fcomponents\u002Flist","3.colorffy-ui\u002F2.components\u002F18.list","i-lucide-list",{"title":225,"path":226,"stem":227,"icon":228},"Loading","\u002Fcolorffy-ui\u002Fcomponents\u002Floading","3.colorffy-ui\u002F2.components\u002F19.loading","i-lucide-loader-circle",{"title":230,"path":231,"stem":232,"icon":88},"Modal","\u002Fcolorffy-ui\u002Fcomponents\u002Fmodal","3.colorffy-ui\u002F2.components\u002F20.modal",{"title":234,"path":235,"stem":236,"icon":237},"Navbar","\u002Fcolorffy-ui\u002Fcomponents\u002Fnavbar","3.colorffy-ui\u002F2.components\u002F21.navbar","i-lucide-panel-top",{"title":239,"path":240,"stem":241,"icon":242},"Navigation Bar","\u002Fcolorffy-ui\u002Fcomponents\u002Fnavigation-bar","3.colorffy-ui\u002F2.components\u002F22.navigation-bar","i-lucide-navigation",{"title":244,"path":245,"stem":246,"icon":247},"Pagination","\u002Fcolorffy-ui\u002Fcomponents\u002Fpagination","3.colorffy-ui\u002F2.components\u002F23.pagination","i-lucide-ellipsis",{"title":249,"path":250,"stem":251,"icon":252},"Popover","\u002Fcolorffy-ui\u002Fcomponents\u002Fpopover","3.colorffy-ui\u002F2.components\u002F24.popover","i-lucide-message-square",{"title":254,"path":255,"stem":256,"icon":247},"Popover Menu","\u002Fcolorffy-ui\u002Fcomponents\u002Fpopover-menu","3.colorffy-ui\u002F2.components\u002F25.popover-menu",{"title":258,"path":259,"stem":260,"icon":261},"Progress","\u002Fcolorffy-ui\u002Fcomponents\u002Fprogress","3.colorffy-ui\u002F2.components\u002F26.progress","i-lucide-loader",{"title":263,"path":264,"stem":265,"icon":266},"Segmented Controls","\u002Fcolorffy-ui\u002Fcomponents\u002Fsegmented-controls","3.colorffy-ui\u002F2.components\u002F27.segmented-controls","i-lucide-toggle-left",{"title":268,"path":269,"stem":270,"icon":271},"Sidebar","\u002Fcolorffy-ui\u002Fcomponents\u002Fsidebar","3.colorffy-ui\u002F2.components\u002F28.sidebar","i-lucide-panel-left",{"title":273,"path":274,"stem":275,"icon":276},"Skeleton","\u002Fcolorffy-ui\u002Fcomponents\u002Fskeleton","3.colorffy-ui\u002F2.components\u002F29.skeleton","i-lucide-square-dashed",{"title":278,"path":279,"stem":280,"icon":281},"Stepper","\u002Fcolorffy-ui\u002Fcomponents\u002Fstepper","3.colorffy-ui\u002F2.components\u002F30.stepper","i-lucide-list-ordered",{"title":283,"path":284,"stem":285,"icon":286},"Tabs","\u002Fcolorffy-ui\u002Fcomponents\u002Ftabs","3.colorffy-ui\u002F2.components\u002F31.tabs","i-lucide-panels-top-left",{"title":288,"path":289,"stem":290,"icon":291},"Timeline","\u002Fcolorffy-ui\u002Fcomponents\u002Ftimeline","3.colorffy-ui\u002F2.components\u002F32.timeline","i-lucide-history",{"title":293,"path":294,"stem":295,"icon":296},"Tooltip","\u002Fcolorffy-ui\u002Fcomponents\u002Ftooltip","3.colorffy-ui\u002F2.components\u002F33.tooltip","i-lucide-message-circle",{"title":298,"path":299,"stem":300,"icon":301},"Styling","\u002Fcolorffy-ui\u002Fstyling","3.colorffy-ui\u002F3.styling","i-lucide-paintbrush",{"title":303,"path":304,"stem":305,"icon":306},"Localization","\u002Fcolorffy-ui\u002Flocalization","3.colorffy-ui\u002F4.localization","i-lucide-languages",{"title":308,"path":309,"stem":310,"icon":311},"Migration","\u002Fmigration","4.migration","i-lucide-route",{"title":313,"path":314,"stem":315,"icon":291},"Changelog","\u002Fchangelog","5.changelog",{"id":317,"title":303,"body":318,"description":2292,"extension":2293,"links":2294,"meta":2295,"navigation":2296,"path":304,"seo":2297,"stem":305,"__hash__":2298},"docs\u002F3.colorffy-ui\u002F4.localization.md",{"type":319,"value":320,"toc":2281},"minimark",[321,325,328,333,336,516,522,620,630,634,637,760,773,777,806,872,876,881,951,955,968,1196,1202,1206,1220,1305,1313,1317,1324,1441,1464,1468,1482,1754,1758,1765,2083,2269,2277],[322,323,324],"p",{},"Some text comes from the components themselves rather than your props: button names such as \"Clear selection\", the \"Optional\" hint under a field, empty states, screen-reader announcements, and month and weekday names. Set a language once and all of it follows. Labels, placeholders and other text you pass as props stay as you wrote them.",[322,326,327],{},"The defaults shown on the component pages are the English texts.",[329,330,332],"h2",{"id":331},"set-the-language","Set the language",[322,334,335],{},"Colorffy UI ships English and Spanish. Pass a language pack and a locale when you install it:",[337,338,344],"pre",{"className":339,"code":340,"filename":341,"language":342,"meta":343,"style":343},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import ColorffyUI from '@colorffy\u002Fui'\nimport { es } from '@colorffy\u002Fui\u002Flocales\u002Fes'\nimport { createApp } from 'vue'\nimport App from '.\u002FApp.vue'\n\ncreateApp(App).use(ColorffyUI, { locale: 'es-SV', labels: es }).mount('#app')\n","main.ts","ts","",[345,346,347,374,398,419,436,443],"code",{"__ignoreMap":343},[348,349,352,356,360,363,367,371],"span",{"class":350,"line":351},"line",1,[348,353,355],{"class":354},"s7zQu","import",[348,357,359],{"class":358},"sTEyZ"," ColorffyUI ",[348,361,362],{"class":354},"from",[348,364,366],{"class":365},"sMK4o"," '",[348,368,370],{"class":369},"sfazB","@colorffy\u002Fui",[348,372,373],{"class":365},"'\n",[348,375,377,379,382,385,388,391,393,396],{"class":350,"line":376},2,[348,378,355],{"class":354},[348,380,381],{"class":365}," {",[348,383,384],{"class":358}," es",[348,386,387],{"class":365}," }",[348,389,390],{"class":354}," from",[348,392,366],{"class":365},[348,394,395],{"class":369},"@colorffy\u002Fui\u002Flocales\u002Fes",[348,397,373],{"class":365},[348,399,401,403,405,408,410,412,414,417],{"class":350,"line":400},3,[348,402,355],{"class":354},[348,404,381],{"class":365},[348,406,407],{"class":358}," createApp",[348,409,387],{"class":365},[348,411,390],{"class":354},[348,413,366],{"class":365},[348,415,416],{"class":369},"vue",[348,418,373],{"class":365},[348,420,422,424,427,429,431,434],{"class":350,"line":421},4,[348,423,355],{"class":354},[348,425,426],{"class":358}," App ",[348,428,362],{"class":354},[348,430,366],{"class":365},[348,432,433],{"class":369},".\u002FApp.vue",[348,435,373],{"class":365},[348,437,439],{"class":350,"line":438},5,[348,440,442],{"emptyLinePlaceholder":441},true,"\n",[348,444,446,450,453,456,459,462,465,467,471,474,476,479,482,484,487,489,492,495,498,500,503,506,508,511,513],{"class":350,"line":445},6,[348,447,449],{"class":448},"s2Zo4","createApp",[348,451,452],{"class":358},"(App)",[348,454,455],{"class":365},".",[348,457,458],{"class":448},"use",[348,460,461],{"class":358},"(ColorffyUI",[348,463,464],{"class":365},",",[348,466,381],{"class":365},[348,468,470],{"class":469},"swJcz"," locale",[348,472,473],{"class":365},":",[348,475,366],{"class":365},[348,477,478],{"class":369},"es-SV",[348,480,481],{"class":365},"'",[348,483,464],{"class":365},[348,485,486],{"class":469}," labels",[348,488,473],{"class":365},[348,490,491],{"class":358}," es ",[348,493,494],{"class":365},"}",[348,496,497],{"class":358},")",[348,499,455],{"class":365},[348,501,502],{"class":448},"mount",[348,504,505],{"class":358},"(",[348,507,481],{"class":365},[348,509,510],{"class":369},"#app",[348,512,481],{"class":365},[348,514,515],{"class":358},")\n",[322,517,518,519,473],{},"With the Nuxt module, name the pack in ",[345,520,521],{},"nuxt.config",[337,523,526],{"className":339,"code":524,"filename":525,"language":342,"meta":343,"style":343},"export default defineNuxtConfig({\n  modules: ['@colorffy\u002Fui\u002Fnuxt'],\n  colorffyUI: {\n    locale: 'es-SV',\n    labels: 'es',\n  },\n})\n","nuxt.config.ts",[345,527,528,544,567,577,592,608,613],{"__ignoreMap":343},[348,529,530,533,536,539,541],{"class":350,"line":351},[348,531,532],{"class":354},"export",[348,534,535],{"class":354}," default",[348,537,538],{"class":448}," defineNuxtConfig",[348,540,505],{"class":358},[348,542,543],{"class":365},"{\n",[348,545,546,549,551,554,556,559,561,564],{"class":350,"line":376},[348,547,548],{"class":469},"  modules",[348,550,473],{"class":365},[348,552,553],{"class":358}," [",[348,555,481],{"class":365},[348,557,558],{"class":369},"@colorffy\u002Fui\u002Fnuxt",[348,560,481],{"class":365},[348,562,563],{"class":358},"]",[348,565,566],{"class":365},",\n",[348,568,569,572,574],{"class":350,"line":400},[348,570,571],{"class":469},"  colorffyUI",[348,573,473],{"class":365},[348,575,576],{"class":365}," {\n",[348,578,579,582,584,586,588,590],{"class":350,"line":421},[348,580,581],{"class":469},"    locale",[348,583,473],{"class":365},[348,585,366],{"class":365},[348,587,478],{"class":369},[348,589,481],{"class":365},[348,591,566],{"class":365},[348,593,594,597,599,601,604,606],{"class":350,"line":438},[348,595,596],{"class":469},"    labels",[348,598,473],{"class":365},[348,600,366],{"class":365},[348,602,603],{"class":369},"es",[348,605,481],{"class":365},[348,607,566],{"class":365},[348,609,610],{"class":350,"line":445},[348,611,612],{"class":365},"  },\n",[348,614,616,618],{"class":350,"line":615},7,[348,617,494],{"class":365},[348,619,515],{"class":358},[322,621,622,625,626,629],{},[345,623,624],{},"locale"," sets the order you type dates in, the month and weekday names, and the first day of the week. Without it, components use the page's ",[345,627,628],{},"lang",", then the browser's language.",[329,631,633],{"id":632},"change-a-few-texts","Change a few texts",[322,635,636],{},"Your own texts merge over the pack, one group at a time, so you only write what differs:",[337,638,640],{"className":339,"code":639,"language":342,"meta":343,"style":343},"app.use(ColorffyUI, {\n  locale: 'es-SV',\n  labels: {\n    ...es,\n    dateInput: { ...es.dateInput, apply: 'Listo' },\n    common: { optional: '(opcional)' },\n  },\n})\n",[345,641,642,657,672,681,690,726,749,753],{"__ignoreMap":343},[348,643,644,647,649,651,653,655],{"class":350,"line":351},[348,645,646],{"class":358},"app",[348,648,455],{"class":365},[348,650,458],{"class":448},[348,652,461],{"class":358},[348,654,464],{"class":365},[348,656,576],{"class":365},[348,658,659,662,664,666,668,670],{"class":350,"line":376},[348,660,661],{"class":469},"  locale",[348,663,473],{"class":365},[348,665,366],{"class":365},[348,667,478],{"class":369},[348,669,481],{"class":365},[348,671,566],{"class":365},[348,673,674,677,679],{"class":350,"line":400},[348,675,676],{"class":469},"  labels",[348,678,473],{"class":365},[348,680,576],{"class":365},[348,682,683,686,688],{"class":350,"line":421},[348,684,685],{"class":365},"    ...",[348,687,603],{"class":358},[348,689,566],{"class":365},[348,691,692,695,697,699,702,704,706,709,711,714,716,718,721,723],{"class":350,"line":438},[348,693,694],{"class":469},"    dateInput",[348,696,473],{"class":365},[348,698,381],{"class":365},[348,700,701],{"class":365}," ...",[348,703,603],{"class":358},[348,705,455],{"class":365},[348,707,708],{"class":358},"dateInput",[348,710,464],{"class":365},[348,712,713],{"class":469}," apply",[348,715,473],{"class":365},[348,717,366],{"class":365},[348,719,720],{"class":369},"Listo",[348,722,481],{"class":365},[348,724,725],{"class":365}," },\n",[348,727,728,731,733,735,738,740,742,745,747],{"class":350,"line":445},[348,729,730],{"class":469},"    common",[348,732,473],{"class":365},[348,734,381],{"class":365},[348,736,737],{"class":469}," optional",[348,739,473],{"class":365},[348,741,366],{"class":365},[348,743,744],{"class":369},"(opcional)",[348,746,481],{"class":365},[348,748,725],{"class":365},[348,750,751],{"class":350,"line":615},[348,752,612],{"class":365},[348,754,756,758],{"class":350,"line":755},8,[348,757,494],{"class":365},[348,759,515],{"class":358},[322,761,762,763,766,767,770,771,455],{},"Texts with placeholders keep them in braces, such as ",[345,764,765],{},"'{count} seleccionados'"," or ",[345,768,769],{},"'Página {page} de {total}'",", so they also work as plain JSON in ",[345,772,521],{},[329,774,776],{"id":775},"which-text-wins","Which text wins",[778,779,780,794,800,803],"ol",{},[781,782,783,784,766,787,790,791,455],"li",{},"A prop on the component, such as ",[345,785,786],{},"clear-label",[345,788,789],{},":labels"," on ",[345,792,793],{},"UiInputDate",[781,795,796,797,455],{},"The nearest ",[345,798,799],{},"UiConfigProvider",[781,801,802],{},"The plugin or Nuxt module options.",[781,804,805],{},"English.",[337,807,810],{"className":808,"code":809,"language":416,"meta":343,"style":343},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003CUiInputDate v-model=\"snooze\" time :labels=\"{ apply: 'Posponer' }\" \u002F>\n\u003C\u002Ftemplate>\n",[345,811,812,823,863],{"__ignoreMap":343},[348,813,814,817,820],{"class":350,"line":351},[348,815,816],{"class":365},"\u003C",[348,818,819],{"class":469},"template",[348,821,822],{"class":365},">\n",[348,824,825,828,830,834,837,840,843,845,848,851,853,855,858,860],{"class":350,"line":376},[348,826,827],{"class":365},"  \u003C",[348,829,793],{"class":469},[348,831,833],{"class":832},"spNyl"," v-model",[348,835,836],{"class":365},"=",[348,838,839],{"class":365},"\"",[348,841,842],{"class":369},"snooze",[348,844,839],{"class":365},[348,846,847],{"class":832}," time",[348,849,850],{"class":832}," :labels",[348,852,836],{"class":365},[348,854,839],{"class":365},[348,856,857],{"class":369},"{ apply: 'Posponer' }",[348,859,839],{"class":365},[348,861,862],{"class":365}," \u002F>\n",[348,864,865,868,870],{"class":350,"line":400},[348,866,867],{"class":365},"\u003C\u002F",[348,869,819],{"class":469},[348,871,822],{"class":365},[329,873,875],{"id":874},"one-section-in-another-language","One section in another language",[322,877,878,880],{},[345,879,799],{}," sets the locale and texts for everything inside it, merged over the surrounding ones:",[337,882,884],{"className":808,"code":883,"language":416,"meta":343,"style":343},"\u003Ctemplate>\n  \u003CUiConfigProvider locale=\"en-US\" :labels=\"en\">\n    \u003CPartnerPortal \u002F>\n  \u003C\u002FUiConfigProvider>\n\u003C\u002Ftemplate>\n",[345,885,886,894,924,934,943],{"__ignoreMap":343},[348,887,888,890,892],{"class":350,"line":351},[348,889,816],{"class":365},[348,891,819],{"class":469},[348,893,822],{"class":365},[348,895,896,898,900,902,904,906,909,911,913,915,917,920,922],{"class":350,"line":376},[348,897,827],{"class":365},[348,899,799],{"class":469},[348,901,470],{"class":832},[348,903,836],{"class":365},[348,905,839],{"class":365},[348,907,908],{"class":369},"en-US",[348,910,839],{"class":365},[348,912,850],{"class":832},[348,914,836],{"class":365},[348,916,839],{"class":365},[348,918,919],{"class":369},"en",[348,921,839],{"class":365},[348,923,822],{"class":365},[348,925,926,929,932],{"class":350,"line":400},[348,927,928],{"class":365},"    \u003C",[348,930,931],{"class":469},"PartnerPortal",[348,933,862],{"class":365},[348,935,936,939,941],{"class":350,"line":421},[348,937,938],{"class":365},"  \u003C\u002F",[348,940,799],{"class":469},[348,942,822],{"class":365},[348,944,945,947,949],{"class":350,"line":438},[348,946,867],{"class":365},[348,948,819],{"class":469},[348,950,822],{"class":365},[329,952,954],{"id":953},"switch-language-at-runtime","Switch language at runtime",[322,956,957,960,961,963,964,967],{},[345,958,959],{},"useColorffyConfig()"," returns the app's live configuration. Set its ",[345,962,624],{}," and ",[345,965,966],{},"labels"," and every component updates in place, including an open calendar:",[337,969,972],{"className":339,"code":970,"filename":971,"language":342,"meta":343,"style":343},"import { en } from '@colorffy\u002Fui\u002Flocales\u002Fen'\nimport { es } from '@colorffy\u002Fui\u002Flocales\u002Fes'\n\nexport default defineNuxtPlugin(() => {\n  const { locale } = useI18n()\n  const config = useColorffyConfig()\n\n  watch(locale, (code) => {\n    config.locale = code === 'es' ? 'es-SV' : 'en-US'\n    config.labels = code === 'es' ? es : en\n  }, { immediate: true })\n})\n","plugins\u002Fcolorffy-locale.ts",[345,973,974,994,1012,1016,1035,1055,1069,1073,1096,1138,1168,1189],{"__ignoreMap":343},[348,975,976,978,980,983,985,987,989,992],{"class":350,"line":351},[348,977,355],{"class":354},[348,979,381],{"class":365},[348,981,982],{"class":358}," en",[348,984,387],{"class":365},[348,986,390],{"class":354},[348,988,366],{"class":365},[348,990,991],{"class":369},"@colorffy\u002Fui\u002Flocales\u002Fen",[348,993,373],{"class":365},[348,995,996,998,1000,1002,1004,1006,1008,1010],{"class":350,"line":376},[348,997,355],{"class":354},[348,999,381],{"class":365},[348,1001,384],{"class":358},[348,1003,387],{"class":365},[348,1005,390],{"class":354},[348,1007,366],{"class":365},[348,1009,395],{"class":369},[348,1011,373],{"class":365},[348,1013,1014],{"class":350,"line":400},[348,1015,442],{"emptyLinePlaceholder":441},[348,1017,1018,1020,1022,1025,1027,1030,1033],{"class":350,"line":421},[348,1019,532],{"class":354},[348,1021,535],{"class":354},[348,1023,1024],{"class":448}," defineNuxtPlugin",[348,1026,505],{"class":358},[348,1028,1029],{"class":365},"()",[348,1031,1032],{"class":832}," =>",[348,1034,576],{"class":365},[348,1036,1037,1040,1042,1044,1046,1049,1052],{"class":350,"line":438},[348,1038,1039],{"class":832},"  const",[348,1041,381],{"class":365},[348,1043,470],{"class":358},[348,1045,387],{"class":365},[348,1047,1048],{"class":365}," =",[348,1050,1051],{"class":448}," useI18n",[348,1053,1054],{"class":469},"()\n",[348,1056,1057,1059,1062,1064,1067],{"class":350,"line":445},[348,1058,1039],{"class":832},[348,1060,1061],{"class":358}," config",[348,1063,1048],{"class":365},[348,1065,1066],{"class":448}," useColorffyConfig",[348,1068,1054],{"class":469},[348,1070,1071],{"class":350,"line":615},[348,1072,442],{"emptyLinePlaceholder":441},[348,1074,1075,1078,1080,1082,1084,1087,1090,1092,1094],{"class":350,"line":755},[348,1076,1077],{"class":448},"  watch",[348,1079,505],{"class":469},[348,1081,624],{"class":358},[348,1083,464],{"class":365},[348,1085,1086],{"class":365}," (",[348,1088,345],{"class":1089},"sHdIc",[348,1091,497],{"class":365},[348,1093,1032],{"class":832},[348,1095,576],{"class":365},[348,1097,1099,1102,1104,1106,1108,1111,1114,1116,1118,1120,1123,1125,1127,1129,1132,1134,1136],{"class":350,"line":1098},9,[348,1100,1101],{"class":358},"    config",[348,1103,455],{"class":365},[348,1105,624],{"class":358},[348,1107,1048],{"class":365},[348,1109,1110],{"class":358}," code",[348,1112,1113],{"class":365}," ===",[348,1115,366],{"class":365},[348,1117,603],{"class":369},[348,1119,481],{"class":365},[348,1121,1122],{"class":365}," ?",[348,1124,366],{"class":365},[348,1126,478],{"class":369},[348,1128,481],{"class":365},[348,1130,1131],{"class":365}," :",[348,1133,366],{"class":365},[348,1135,908],{"class":369},[348,1137,373],{"class":365},[348,1139,1141,1143,1145,1147,1149,1151,1153,1155,1157,1159,1161,1163,1165],{"class":350,"line":1140},10,[348,1142,1101],{"class":358},[348,1144,455],{"class":365},[348,1146,966],{"class":358},[348,1148,1048],{"class":365},[348,1150,1110],{"class":358},[348,1152,1113],{"class":365},[348,1154,366],{"class":365},[348,1156,603],{"class":369},[348,1158,481],{"class":365},[348,1160,1122],{"class":365},[348,1162,384],{"class":358},[348,1164,1131],{"class":365},[348,1166,1167],{"class":358}," en\n",[348,1169,1171,1174,1176,1179,1181,1185,1187],{"class":350,"line":1170},11,[348,1172,1173],{"class":365},"  },",[348,1175,381],{"class":365},[348,1177,1178],{"class":469}," immediate",[348,1180,473],{"class":365},[348,1182,1184],{"class":1183},"sfNiH"," true",[348,1186,387],{"class":365},[348,1188,515],{"class":469},[348,1190,1192,1194],{"class":350,"line":1191},12,[348,1193,494],{"class":365},[348,1195,515],{"class":358},[322,1197,1198,1199,1201],{},"Inside a ",[345,1200,799],{},", change its props instead.",[329,1203,1205],{"id":1204},"translate-the-date-presets","Translate the date presets",[322,1207,1208,1209,1212,1213,1215,1216,1219],{},"The ",[345,1210,1211],{},"datePresets"," helpers show the ",[345,1214,1211],{}," texts in the current language, so a list defined once follows a language switch. A ",[345,1217,1218],{},"label"," you pass still wins:",[337,1221,1223],{"className":339,"code":1222,"language":342,"meta":343,"style":343},"const presets = [\n  datePresets.today(),           \u002F\u002F \"Hoy\"\n  datePresets.lastDays(7),       \u002F\u002F \"Últimos 7 días\"\n  datePresets.thisMonth('Mes en curso'),\n]\n",[345,1224,1225,1238,1256,1278,1300],{"__ignoreMap":343},[348,1226,1227,1230,1233,1235],{"class":350,"line":351},[348,1228,1229],{"class":832},"const",[348,1231,1232],{"class":358}," presets ",[348,1234,836],{"class":365},[348,1236,1237],{"class":358}," [\n",[348,1239,1240,1243,1245,1248,1250,1252],{"class":350,"line":376},[348,1241,1242],{"class":358},"  datePresets",[348,1244,455],{"class":365},[348,1246,1247],{"class":448},"today",[348,1249,1029],{"class":358},[348,1251,464],{"class":365},[348,1253,1255],{"class":1254},"sHwdD","           \u002F\u002F \"Hoy\"\n",[348,1257,1258,1260,1262,1265,1267,1271,1273,1275],{"class":350,"line":400},[348,1259,1242],{"class":358},[348,1261,455],{"class":365},[348,1263,1264],{"class":448},"lastDays",[348,1266,505],{"class":358},[348,1268,1270],{"class":1269},"sbssI","7",[348,1272,497],{"class":358},[348,1274,464],{"class":365},[348,1276,1277],{"class":1254},"       \u002F\u002F \"Últimos 7 días\"\n",[348,1279,1280,1282,1284,1287,1289,1291,1294,1296,1298],{"class":350,"line":421},[348,1281,1242],{"class":358},[348,1283,455],{"class":365},[348,1285,1286],{"class":448},"thisMonth",[348,1288,505],{"class":358},[348,1290,481],{"class":365},[348,1292,1293],{"class":369},"Mes en curso",[348,1295,481],{"class":365},[348,1297,497],{"class":358},[348,1299,566],{"class":365},[348,1301,1302],{"class":350,"line":438},[348,1303,1304],{"class":358},"]\n",[322,1306,1307,1308,1310,1311,455],{},"The time fields of ",[345,1309,793],{}," are the browser's native ones, so they follow the browser's language and 12- or 24-hour clock rather than ",[345,1312,624],{},[329,1314,1316],{"id":1315},"singular-and-plural","Singular and plural",[322,1318,1319,1320,1323],{},"A text with placeholders can also be a function that gets the same values and returns the text (",[345,1321,1322],{},"LabelTemplate","), for wording that changes with the number. The Spanish pack uses it for its summaries and date presets:",[337,1325,1327],{"className":339,"code":1326,"language":342,"meta":343,"style":343},"app.use(ColorffyUI, {\n  labels: {\n    ...es,\n    multiSelect: { ...es.multiSelect, summary: ({ count }) => count === 1 ? '1 seleccionado' : `${count} seleccionados` },\n  },\n})\n",[345,1328,1329,1343,1351,1359,1431,1435],{"__ignoreMap":343},[348,1330,1331,1333,1335,1337,1339,1341],{"class":350,"line":351},[348,1332,646],{"class":358},[348,1334,455],{"class":365},[348,1336,458],{"class":448},[348,1338,461],{"class":358},[348,1340,464],{"class":365},[348,1342,576],{"class":365},[348,1344,1345,1347,1349],{"class":350,"line":376},[348,1346,676],{"class":469},[348,1348,473],{"class":365},[348,1350,576],{"class":365},[348,1352,1353,1355,1357],{"class":350,"line":400},[348,1354,685],{"class":365},[348,1356,603],{"class":358},[348,1358,566],{"class":365},[348,1360,1361,1364,1366,1368,1370,1372,1374,1377,1379,1382,1384,1387,1390,1393,1395,1398,1401,1404,1406,1408,1411,1413,1415,1418,1421,1423,1426,1429],{"class":350,"line":421},[348,1362,1363],{"class":469},"    multiSelect",[348,1365,473],{"class":365},[348,1367,381],{"class":365},[348,1369,701],{"class":365},[348,1371,603],{"class":358},[348,1373,455],{"class":365},[348,1375,1376],{"class":358},"multiSelect",[348,1378,464],{"class":365},[348,1380,1381],{"class":448}," summary",[348,1383,473],{"class":365},[348,1385,1386],{"class":365}," ({",[348,1388,1389],{"class":1089}," count",[348,1391,1392],{"class":365}," })",[348,1394,1032],{"class":832},[348,1396,1397],{"class":358}," count ",[348,1399,1400],{"class":365},"===",[348,1402,1403],{"class":1269}," 1",[348,1405,1122],{"class":365},[348,1407,366],{"class":365},[348,1409,1410],{"class":369},"1 seleccionado",[348,1412,481],{"class":365},[348,1414,1131],{"class":365},[348,1416,1417],{"class":365}," `${",[348,1419,1420],{"class":358},"count",[348,1422,494],{"class":365},[348,1424,1425],{"class":369}," seleccionados",[348,1427,1428],{"class":365},"`",[348,1430,725],{"class":365},[348,1432,1433],{"class":350,"line":438},[348,1434,612],{"class":365},[348,1436,1437,1439],{"class":350,"line":445},[348,1438,494],{"class":365},[348,1440,515],{"class":358},[322,1442,1443,1444,1447,1448,1450,1451,1454,1455,1458,1459,1461,1462,455],{},"Props that take such a text, like ",[345,1445,1446],{},"maxChipsLabel",", accept a function too. ",[345,1449,521],{}," only holds plain values, so a function can't go in the module's ",[345,1452,1453],{},"colorffyUI.labels",": name a pack there (",[345,1456,1457],{},"labels: 'es'","), or set the functions at runtime with ",[345,1460,959],{}," or a ",[345,1463,799],{},[329,1465,1467],{"id":1466},"use-the-labels-in-your-own-components","Use the labels in your own components",[322,1469,1470,1473,1474,1477,1478,1481],{},[345,1471,1472],{},"useLabels(group)"," returns one group's texts in the current language, with the same precedence the components use; pass a getter as the second argument to let your own props override them. ",[345,1475,1476],{},"formatLabel(text, values)"," fills the ",[345,1479,1480],{},"{placeholders}",", or calls a function label with the values:",[337,1483,1485],{"className":808,"code":1484,"language":416,"meta":343,"style":343},"\u003Cscript setup lang=\"ts\">\nimport { formatLabel, useLabels } from '@colorffy\u002Fui'\n\nconst props = defineProps\u003C{ total: number, clearLabel?: string }>()\nconst texts = useLabels('multiSelect', () => ({ clear: props.clearLabel }))\nconst summary = computed(() => formatLabel(texts.value.summary, { count: props.total }))\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cspan>{{ summary }}\u003C\u002Fspan>\n  \u003Cbutton type=\"button\">{{ texts.clear }}\u003C\u002Fbutton>\n\u003C\u002Ftemplate>\n",[345,1486,1487,1510,1534,1538,1578,1627,1679,1687,1691,1699,1717,1746],{"__ignoreMap":343},[348,1488,1489,1491,1494,1497,1500,1502,1504,1506,1508],{"class":350,"line":351},[348,1490,816],{"class":365},[348,1492,1493],{"class":469},"script",[348,1495,1496],{"class":832}," setup",[348,1498,1499],{"class":832}," lang",[348,1501,836],{"class":365},[348,1503,839],{"class":365},[348,1505,342],{"class":369},[348,1507,839],{"class":365},[348,1509,822],{"class":365},[348,1511,1512,1514,1516,1519,1521,1524,1526,1528,1530,1532],{"class":350,"line":376},[348,1513,355],{"class":354},[348,1515,381],{"class":365},[348,1517,1518],{"class":358}," formatLabel",[348,1520,464],{"class":365},[348,1522,1523],{"class":358}," useLabels",[348,1525,387],{"class":365},[348,1527,390],{"class":354},[348,1529,366],{"class":365},[348,1531,370],{"class":369},[348,1533,373],{"class":365},[348,1535,1536],{"class":350,"line":400},[348,1537,442],{"emptyLinePlaceholder":441},[348,1539,1540,1542,1545,1547,1550,1553,1556,1558,1562,1564,1567,1570,1573,1576],{"class":350,"line":421},[348,1541,1229],{"class":832},[348,1543,1544],{"class":358}," props ",[348,1546,836],{"class":365},[348,1548,1549],{"class":448}," defineProps",[348,1551,1552],{"class":365},"\u003C{",[348,1554,1555],{"class":469}," total",[348,1557,473],{"class":365},[348,1559,1561],{"class":1560},"sBMFI"," number",[348,1563,464],{"class":365},[348,1565,1566],{"class":469}," clearLabel",[348,1568,1569],{"class":365},"?:",[348,1571,1572],{"class":1560}," string",[348,1574,1575],{"class":365}," }>",[348,1577,1054],{"class":358},[348,1579,1580,1582,1585,1587,1589,1591,1593,1595,1597,1599,1602,1604,1606,1609,1612,1614,1617,1619,1622,1624],{"class":350,"line":438},[348,1581,1229],{"class":832},[348,1583,1584],{"class":358}," texts ",[348,1586,836],{"class":365},[348,1588,1523],{"class":448},[348,1590,505],{"class":358},[348,1592,481],{"class":365},[348,1594,1376],{"class":369},[348,1596,481],{"class":365},[348,1598,464],{"class":365},[348,1600,1601],{"class":365}," ()",[348,1603,1032],{"class":832},[348,1605,1086],{"class":358},[348,1607,1608],{"class":365},"{",[348,1610,1611],{"class":469}," clear",[348,1613,473],{"class":365},[348,1615,1616],{"class":358}," props",[348,1618,455],{"class":365},[348,1620,1621],{"class":358},"clearLabel ",[348,1623,494],{"class":365},[348,1625,1626],{"class":358},"))\n",[348,1628,1629,1631,1634,1636,1639,1641,1643,1645,1647,1650,1652,1655,1657,1660,1662,1664,1666,1668,1670,1672,1675,1677],{"class":350,"line":445},[348,1630,1229],{"class":832},[348,1632,1633],{"class":358}," summary ",[348,1635,836],{"class":365},[348,1637,1638],{"class":448}," computed",[348,1640,505],{"class":358},[348,1642,1029],{"class":365},[348,1644,1032],{"class":832},[348,1646,1518],{"class":448},[348,1648,1649],{"class":358},"(texts",[348,1651,455],{"class":365},[348,1653,1654],{"class":358},"value",[348,1656,455],{"class":365},[348,1658,1659],{"class":358},"summary",[348,1661,464],{"class":365},[348,1663,381],{"class":365},[348,1665,1389],{"class":469},[348,1667,473],{"class":365},[348,1669,1616],{"class":358},[348,1671,455],{"class":365},[348,1673,1674],{"class":358},"total ",[348,1676,494],{"class":365},[348,1678,1626],{"class":358},[348,1680,1681,1683,1685],{"class":350,"line":615},[348,1682,867],{"class":365},[348,1684,1493],{"class":469},[348,1686,822],{"class":365},[348,1688,1689],{"class":350,"line":755},[348,1690,442],{"emptyLinePlaceholder":441},[348,1692,1693,1695,1697],{"class":350,"line":1098},[348,1694,816],{"class":365},[348,1696,819],{"class":469},[348,1698,822],{"class":365},[348,1700,1701,1703,1705,1708,1711,1713,1715],{"class":350,"line":1140},[348,1702,827],{"class":365},[348,1704,348],{"class":469},[348,1706,1707],{"class":365},">",[348,1709,1710],{"class":358},"{{ summary }}",[348,1712,867],{"class":365},[348,1714,348],{"class":469},[348,1716,822],{"class":365},[348,1718,1719,1721,1724,1727,1729,1731,1733,1735,1737,1740,1742,1744],{"class":350,"line":1170},[348,1720,827],{"class":365},[348,1722,1723],{"class":469},"button",[348,1725,1726],{"class":832}," type",[348,1728,836],{"class":365},[348,1730,839],{"class":365},[348,1732,1723],{"class":369},[348,1734,839],{"class":365},[348,1736,1707],{"class":365},[348,1738,1739],{"class":358},"{{ texts.clear }}",[348,1741,867],{"class":365},[348,1743,1723],{"class":469},[348,1745,822],{"class":365},[348,1747,1748,1750,1752],{"class":350,"line":1191},[348,1749,867],{"class":365},[348,1751,819],{"class":469},[348,1753,822],{"class":365},[329,1755,1757],{"id":1756},"write-a-language-pack","Write a language pack",[322,1759,1760,1761,1764],{},"A pack is an object with every group. Type it with ",[345,1762,1763],{},"IColorffyLabels"," so the editor flags a missing or misspelled text:",[337,1766,1769],{"className":339,"code":1767,"filename":1768,"language":342,"meta":343,"style":343},"import type { IColorffyLabels } from '@colorffy\u002Fui'\n\nexport const fr = {\n  common: { optional: 'Facultatif' },\n  combobox: {\n    empty: 'Aucun résultat',\n    clear: 'Effacer la sélection',\n    toggle: 'Afficher les options',\n    loading: 'Recherche…',\n    typeToSearch: 'Tapez pour rechercher',\n    results: ({ count }) => (count === 1 ? '1 résultat' : `${count} résultats`),\n  },\n  pagination: { ariaLabel: 'Pagination', first: 'Première page', previous: 'Page précédente', next: 'Page suivante', last: 'Dernière page', status: 'Page {page} sur {total}' },\n  \u002F\u002F …every other group\n} satisfies IColorffyLabels\n","locales\u002Ffr.ts",[345,1770,1771,1792,1796,1810,1832,1841,1857,1873,1889,1905,1921,1969,1973,2066,2072],{"__ignoreMap":343},[348,1772,1773,1775,1777,1779,1782,1784,1786,1788,1790],{"class":350,"line":351},[348,1774,355],{"class":354},[348,1776,1726],{"class":354},[348,1778,381],{"class":365},[348,1780,1781],{"class":358}," IColorffyLabels",[348,1783,387],{"class":365},[348,1785,390],{"class":354},[348,1787,366],{"class":365},[348,1789,370],{"class":369},[348,1791,373],{"class":365},[348,1793,1794],{"class":350,"line":376},[348,1795,442],{"emptyLinePlaceholder":441},[348,1797,1798,1800,1803,1806,1808],{"class":350,"line":400},[348,1799,532],{"class":354},[348,1801,1802],{"class":832}," const",[348,1804,1805],{"class":358}," fr ",[348,1807,836],{"class":365},[348,1809,576],{"class":365},[348,1811,1812,1815,1817,1819,1821,1823,1825,1828,1830],{"class":350,"line":421},[348,1813,1814],{"class":469},"  common",[348,1816,473],{"class":365},[348,1818,381],{"class":365},[348,1820,737],{"class":469},[348,1822,473],{"class":365},[348,1824,366],{"class":365},[348,1826,1827],{"class":369},"Facultatif",[348,1829,481],{"class":365},[348,1831,725],{"class":365},[348,1833,1834,1837,1839],{"class":350,"line":438},[348,1835,1836],{"class":469},"  combobox",[348,1838,473],{"class":365},[348,1840,576],{"class":365},[348,1842,1843,1846,1848,1850,1853,1855],{"class":350,"line":445},[348,1844,1845],{"class":469},"    empty",[348,1847,473],{"class":365},[348,1849,366],{"class":365},[348,1851,1852],{"class":369},"Aucun résultat",[348,1854,481],{"class":365},[348,1856,566],{"class":365},[348,1858,1859,1862,1864,1866,1869,1871],{"class":350,"line":615},[348,1860,1861],{"class":469},"    clear",[348,1863,473],{"class":365},[348,1865,366],{"class":365},[348,1867,1868],{"class":369},"Effacer la sélection",[348,1870,481],{"class":365},[348,1872,566],{"class":365},[348,1874,1875,1878,1880,1882,1885,1887],{"class":350,"line":755},[348,1876,1877],{"class":469},"    toggle",[348,1879,473],{"class":365},[348,1881,366],{"class":365},[348,1883,1884],{"class":369},"Afficher les options",[348,1886,481],{"class":365},[348,1888,566],{"class":365},[348,1890,1891,1894,1896,1898,1901,1903],{"class":350,"line":1098},[348,1892,1893],{"class":469},"    loading",[348,1895,473],{"class":365},[348,1897,366],{"class":365},[348,1899,1900],{"class":369},"Recherche…",[348,1902,481],{"class":365},[348,1904,566],{"class":365},[348,1906,1907,1910,1912,1914,1917,1919],{"class":350,"line":1140},[348,1908,1909],{"class":469},"    typeToSearch",[348,1911,473],{"class":365},[348,1913,366],{"class":365},[348,1915,1916],{"class":369},"Tapez pour rechercher",[348,1918,481],{"class":365},[348,1920,566],{"class":365},[348,1922,1923,1926,1928,1930,1932,1934,1936,1939,1941,1943,1945,1947,1950,1952,1954,1956,1958,1960,1963,1965,1967],{"class":350,"line":1170},[348,1924,1925],{"class":448},"    results",[348,1927,473],{"class":365},[348,1929,1386],{"class":365},[348,1931,1389],{"class":1089},[348,1933,1392],{"class":365},[348,1935,1032],{"class":832},[348,1937,1938],{"class":358}," (count ",[348,1940,1400],{"class":365},[348,1942,1403],{"class":1269},[348,1944,1122],{"class":365},[348,1946,366],{"class":365},[348,1948,1949],{"class":369},"1 résultat",[348,1951,481],{"class":365},[348,1953,1131],{"class":365},[348,1955,1417],{"class":365},[348,1957,1420],{"class":358},[348,1959,494],{"class":365},[348,1961,1962],{"class":369}," résultats",[348,1964,1428],{"class":365},[348,1966,497],{"class":358},[348,1968,566],{"class":365},[348,1970,1971],{"class":350,"line":1191},[348,1972,612],{"class":365},[348,1974,1976,1979,1981,1983,1986,1988,1990,1992,1994,1996,1999,2001,2003,2006,2008,2010,2013,2015,2017,2020,2022,2024,2027,2029,2031,2034,2036,2038,2041,2043,2045,2048,2050,2052,2055,2057,2059,2062,2064],{"class":350,"line":1975},13,[348,1977,1978],{"class":469},"  pagination",[348,1980,473],{"class":365},[348,1982,381],{"class":365},[348,1984,1985],{"class":469}," ariaLabel",[348,1987,473],{"class":365},[348,1989,366],{"class":365},[348,1991,244],{"class":369},[348,1993,481],{"class":365},[348,1995,464],{"class":365},[348,1997,1998],{"class":469}," first",[348,2000,473],{"class":365},[348,2002,366],{"class":365},[348,2004,2005],{"class":369},"Première page",[348,2007,481],{"class":365},[348,2009,464],{"class":365},[348,2011,2012],{"class":469}," previous",[348,2014,473],{"class":365},[348,2016,366],{"class":365},[348,2018,2019],{"class":369},"Page précédente",[348,2021,481],{"class":365},[348,2023,464],{"class":365},[348,2025,2026],{"class":469}," next",[348,2028,473],{"class":365},[348,2030,366],{"class":365},[348,2032,2033],{"class":369},"Page suivante",[348,2035,481],{"class":365},[348,2037,464],{"class":365},[348,2039,2040],{"class":469}," last",[348,2042,473],{"class":365},[348,2044,366],{"class":365},[348,2046,2047],{"class":369},"Dernière page",[348,2049,481],{"class":365},[348,2051,464],{"class":365},[348,2053,2054],{"class":469}," status",[348,2056,473],{"class":365},[348,2058,366],{"class":365},[348,2060,2061],{"class":369},"Page {page} sur {total}",[348,2063,481],{"class":365},[348,2065,725],{"class":365},[348,2067,2069],{"class":350,"line":2068},14,[348,2070,2071],{"class":1254},"  \u002F\u002F …every other group\n",[348,2073,2075,2077,2080],{"class":350,"line":2074},15,[348,2076,494],{"class":365},[348,2078,2079],{"class":354}," satisfies",[348,2081,2082],{"class":1560}," IColorffyLabels\n",[2084,2085,2086,2099],"table",{},[2087,2088,2089],"thead",{},[2090,2091,2092,2096],"tr",{},[2093,2094,2095],"th",{},"Group",[2093,2097,2098],{},"Covers",[2100,2101,2102,2113,2127,2140,2162,2172,2199,2209,2219,2230,2243,2259],"tbody",{},[2090,2103,2104,2110],{},[2105,2106,2107],"td",{},[345,2108,2109],{},"common",[2105,2111,2112],{},"The \"Optional\" hint of every input",[2090,2114,2115,2124],{},[2105,2116,2117,2120,2121],{},[345,2118,2119],{},"alert",", ",[345,2122,2123],{},"chip",[2105,2125,2126],{},"Close and remove buttons",[2090,2128,2129,2134],{},[2105,2130,2131],{},[345,2132,2133],{},"avatar",[2105,2135,2136,2137],{},"The image description when there's no ",[345,2138,2139],{},"alt",[2090,2141,2142,2159],{},[2105,2143,2144,2120,2147,2120,2150,2120,2153,2120,2156],{},[345,2145,2146],{},"breadcrumb",[345,2148,2149],{},"navbar",[345,2151,2152],{},"navigationBar",[345,2154,2155],{},"sidebar",[345,2157,2158],{},"buttonToggleGroup",[2105,2160,2161],{},"Landmark and group names, navbar images and the sidebar toggle",[2090,2163,2164,2169],{},[2105,2165,2166],{},[345,2167,2168],{},"calendar",[2105,2170,2171],{},"Calendar name, month buttons and the range announcement",[2090,2173,2174,2196],{},[2105,2175,2176,2120,2179,2120,2181,2120,2184,2120,2187,2120,2190,2120,2193],{},[345,2177,2178],{},"combobox",[345,2180,1376],{},[345,2182,2183],{},"select",[345,2185,2186],{},"tags",[345,2188,2189],{},"search",[345,2191,2192],{},"password",[345,2194,2195],{},"otp",[2105,2197,2198],{},"Input buttons, empty lists, summaries and announcements",[2090,2200,2201,2206],{},[2105,2202,2203],{},[345,2204,2205],{},"confirmModal",[2105,2207,2208],{},"Confirm, cancel and loading buttons",[2090,2210,2211,2216],{},[2105,2212,2213],{},[345,2214,2215],{},"datatable",[2105,2217,2218],{},"Column manager, empty state and selection checkboxes",[2090,2220,2221,2227],{},[2105,2222,2223,2120,2225],{},[345,2224,708],{},[345,2226,1211],{},[2105,2228,2229],{},"Date field buttons, From \u002F To, Now, typing hint letters and preset names",[2090,2231,2232,2240],{},[2105,2233,2234,2120,2237],{},[345,2235,2236],{},"empty",[345,2238,2239],{},"loading",[2105,2241,2242],{},"Names of empty states, spinners and skeletons",[2090,2244,2245,2256],{},[2105,2246,2247,2120,2250,2120,2253],{},[345,2248,2249],{},"header",[345,2251,2252],{},"popoverMenu",[345,2254,2255],{},"buttonMenu",[2105,2257,2258],{},"Back button, page actions, menu names and the profile photo",[2090,2260,2261,2266],{},[2105,2262,2263],{},[345,2264,2265],{},"pagination",[2105,2267,2268],{},"Arrow names and the \"Page 3 of 12\" text",[322,2270,2271,2272,2274,2275,455],{},"The full list, with each text's English value, is in the ",[345,2273,1763],{}," type and in ",[345,2276,991],{},[2278,2279,2280],"style",{},"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 .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}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 .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":343,"searchDepth":376,"depth":376,"links":2282},[2283,2284,2285,2286,2287,2288,2289,2290,2291],{"id":331,"depth":376,"text":332},{"id":632,"depth":376,"text":633},{"id":775,"depth":376,"text":776},{"id":874,"depth":376,"text":875},{"id":953,"depth":376,"text":954},{"id":1204,"depth":376,"text":1205},{"id":1315,"depth":376,"text":1316},{"id":1466,"depth":376,"text":1467},{"id":1756,"depth":376,"text":1757},"Translate the text Colorffy UI writes on its own and set the locale for dates, for the whole app or one section.","md",null,{},{"icon":306},{"title":303,"description":2292},"bxpToWvhedVxl2CGuwzCCzI1_m3NPBBGP2SU0j1tSe8",[2300,2302],{"title":298,"path":299,"stem":300,"description":2301,"icon":301,"children":-1},"Style Colorffy UI with Colorffy CSS, SCSS, or your own CSS.",{"title":308,"path":309,"stem":310,"description":2303,"icon":311,"children":-1},"Upgrade to 3.0, and the token changes from 2.0 to 2.5.",1791247316601]