[{"data":1,"prerenderedAt":645},["ShallowReactive",2],{"docs-nav":3,"\u002Fdocs\u002Ftransformers\u002Fsix-hex":316},[4,9,15,19,24,28,33,37,41,45,49,53,57,60,63,67,70,74,77,81,85,89,93,97,101,105,109,113,117,121,125,129,133,137,141,145,149,153,156,159,162,165,168,171,175,178,181,184,186,189,192,195,198,201,204,207,210,213,216,219,222,225,228,231,234,237,240,244,247,250,253,257,261,264,267,270,273,276,279,282,285,287,290,293,296,299,302,305,308,311,313],{"path":5,"title":6,"section":7,"order":7,"sidebar":8},"\u002Fbrand","Brand",null,false,{"path":10,"title":11,"section":12,"order":13,"sidebar":14},"\u002Fdocs\u002Fapi\u002Fcomposables","Composables","API",2,true,{"path":16,"title":17,"section":12,"order":18,"sidebar":14},"\u002Fdocs\u002Fapi\u002Futilities","Utilities",1,{"path":20,"title":21,"section":22,"order":23,"sidebar":14},"\u002Fdocs\u002Fcli","CLI","Getting Started",9,{"path":25,"title":26,"section":22,"order":27,"sidebar":14},"\u002Fdocs\u002Fcompatibility","Compatibility",4,{"path":29,"title":30,"section":31,"order":32,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fbody","Body","Components",3,{"path":34,"title":35,"section":31,"order":36,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fbutton","Button",13,{"path":38,"title":39,"section":31,"order":40,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fcodeblock","CodeBlock",18,{"path":42,"title":43,"section":31,"order":44,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fcodeinline","CodeInline",19,{"path":46,"title":47,"section":31,"order":48,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fcolumn","Column",8,{"path":50,"title":51,"section":31,"order":52,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fcontainer","Container",5,{"path":54,"title":55,"section":31,"order":56,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Ffont","Font",11,{"path":58,"title":59,"section":31,"order":13,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fhead","Head",{"path":61,"title":62,"section":31,"order":23,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fheading","Heading",{"path":64,"title":65,"section":31,"order":66,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fhr","Hr",16,{"path":68,"title":69,"section":31,"order":18,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fhtml","Html",{"path":71,"title":72,"section":31,"order":73,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fimg","Img",14,{"path":75,"title":76,"section":31,"order":27,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Flayout","Layout",{"path":78,"title":79,"section":31,"order":80,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Flink","Link",12,{"path":82,"title":83,"section":31,"order":84,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fmarkdown","Markdown",20,{"path":86,"title":87,"section":31,"order":88,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fnotoutlook","NotOutlook",22,{"path":90,"title":91,"section":31,"order":92,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fnowidows","NoWidows",26,{"path":94,"title":95,"section":31,"order":96,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Foutlook","Outlook",21,{"path":98,"title":99,"section":31,"order":100,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Foutlookbg","OutlookBg",23,{"path":102,"title":103,"section":31,"order":104,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Foverview","Overview",0,{"path":106,"title":107,"section":31,"order":108,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fplaintext","Plaintext",31,{"path":110,"title":111,"section":31,"order":112,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fpreheader","Preheader",17,{"path":114,"title":115,"section":31,"order":116,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fqrcode","QrCode",30,{"path":118,"title":119,"section":31,"order":120,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fraw","Raw",28,{"path":122,"title":123,"section":31,"order":124,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Frow","Row",7,{"path":126,"title":127,"section":31,"order":128,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fsection","Section",6,{"path":130,"title":131,"section":31,"order":132,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fspacer","Spacer",15,{"path":134,"title":135,"section":31,"order":136,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Ftailwind","Tailwind",29,{"path":138,"title":139,"section":31,"order":140,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Ftext","Text",10,{"path":142,"title":143,"section":31,"order":144,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fvml","Vml",24,{"path":146,"title":147,"section":31,"order":148,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fwithurl","WithUrl",27,{"path":150,"title":151,"section":152,"order":128,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Faws-ses","AWS SES","Deploy",{"path":154,"title":155,"section":152,"order":124,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Fcloudflare","Cloudflare",{"path":157,"title":158,"section":152,"order":32,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Fmailgun","Mailgun",{"path":160,"title":161,"section":152,"order":18,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Fnodemailer","Nodemailer",{"path":163,"title":164,"section":152,"order":27,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Fpostmark","Postmark",{"path":166,"title":167,"section":152,"order":52,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Fresend","Resend",{"path":169,"title":170,"section":152,"order":13,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Fsendgrid","SendGrid",{"path":172,"title":173,"section":174,"order":32,"sidebar":14},"\u002Fdocs\u002Fdevelopment\u002Fconfiguration","Configuration","Development",{"path":176,"title":177,"section":174,"order":52,"sidebar":14},"\u002Fdocs\u002Fdevelopment\u002Fevents","Events",{"path":179,"title":180,"section":174,"order":128,"sidebar":14},"\u002Fdocs\u002Fdevelopment\u002Fi18n","i18n",{"path":182,"title":183,"section":174,"order":13,"sidebar":14},"\u002Fdocs\u002Fdevelopment\u002Flocal","Dev Server",{"path":185,"title":107,"section":174,"order":27,"sidebar":14},"\u002Fdocs\u002Fdevelopment\u002Fplaintext",{"path":187,"title":188,"section":174,"order":18,"sidebar":14},"\u002Fdocs\u002Fdevelopment\u002Ftemplates","Templates",{"path":190,"title":191,"section":22,"order":32,"sidebar":14},"\u002Fdocs\u002Feditor-setup","Editor Setup",{"path":193,"title":194,"section":22,"order":48,"sidebar":14},"\u002Fdocs\u002Fglossary","Glossary",{"path":196,"title":197,"section":22,"order":128,"sidebar":8},"\u002Fdocs\u002Finstallation\u002Fframeworks","Framework Guides",{"path":199,"title":200,"section":197,"order":52,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fadonisjs","AdonisJS",{"path":202,"title":203,"section":197,"order":32,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fastro","Astro",{"path":205,"title":206,"section":197,"order":18,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Flaravel","Laravel",{"path":208,"title":209,"section":197,"order":48,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fnextjs","Next.js",{"path":211,"title":212,"section":197,"order":13,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fnuxt","Nuxt",{"path":214,"title":215,"section":197,"order":124,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fqwik","Qwik",{"path":217,"title":218,"section":197,"order":128,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fsolid","Solid",{"path":220,"title":221,"section":197,"order":27,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fsveltekit","SvelteKit",{"path":223,"title":224,"section":197,"order":23,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Ftanstack","TanStack Start",{"path":226,"title":227,"section":22,"order":13,"sidebar":14},"\u002Fdocs\u002Finstallation","Installation",{"path":229,"title":230,"section":22,"order":32,"sidebar":8},"\u002Fdocs\u002Finstallation\u002Fmanual","Manual Installation",{"path":232,"title":233,"section":22,"order":27,"sidebar":8},"\u002Fdocs\u002Finstallation\u002Fmonorepo","Monorepo Installation",{"path":235,"title":236,"section":22,"order":52,"sidebar":8},"\u002Fdocs\u002Finstallation\u002Fvite","Vite Plugin",{"path":238,"title":239,"section":22,"order":18,"sidebar":14},"\u002Fdocs\u002Fintroduction","What is Maizzle?",{"path":241,"title":242,"section":243,"order":13,"sidebar":14},"\u002Fdocs\u002Fmigrate\u002Fmjml","MJML","Migrate to Maizzle",{"path":245,"title":246,"section":243,"order":18,"sidebar":14},"\u002Fdocs\u002Fmigrate\u002Freact-email","React Email",{"path":248,"title":249,"section":22,"order":124,"sidebar":14},"\u002Fdocs\u002Fresources","Resources",{"path":251,"title":252,"section":22,"order":128,"sidebar":14},"\u002Fdocs\u002Fskill","Agent Skill",{"path":254,"title":255,"section":256,"order":18,"sidebar":14},"\u002Fdocs\u002Ftailwindcss","Tailwind CSS","Core Concepts",{"path":258,"title":259,"section":260,"order":13,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fadd-attributes","Add Attributes","Transformers",{"path":262,"title":263,"section":260,"order":48,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fattribute-to-style","Attribute to Style",{"path":265,"title":266,"section":260,"order":36,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fbase-url","Base URL",{"path":268,"title":269,"section":260,"order":66,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fentities","Entities",{"path":271,"title":272,"section":260,"order":80,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Ffilters","Filters",{"path":274,"title":275,"section":260,"order":112,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fformat","Format",{"path":277,"title":278,"section":260,"order":32,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Finline-css","Inline CSS",{"path":280,"title":281,"section":260,"order":56,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Finline-link","Inline Link",{"path":283,"title":284,"section":260,"order":40,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fminify","Minify",{"path":286,"title":103,"section":260,"order":18,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Foverview",{"path":288,"title":289,"section":260,"order":27,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fpurge-css","Purge CSS",{"path":291,"title":292,"section":260,"order":140,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fremove-attributes","Remove Attributes",{"path":294,"title":295,"section":260,"order":132,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Freplace-strings","Replace Strings",{"path":297,"title":298,"section":260,"order":52,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fsafe-selectors","Safe Selectors",{"path":300,"title":301,"section":260,"order":128,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fshorthand-css","Shorthand CSS",{"path":303,"title":304,"section":260,"order":124,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fsix-hex","Six-digit HEX",{"path":306,"title":307,"section":260,"order":73,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Furl-parameters","URL Parameters",{"path":309,"title":310,"section":22,"order":52,"sidebar":14},"\u002Fdocs\u002Fupgrade-guide","Upgrade Guide",{"path":312,"title":236,"section":256,"order":13,"sidebar":14},"\u002Fdocs\u002Fvite-plugin",{"path":314,"title":315,"section":7,"order":7,"sidebar":8},"\u002Fprivacy","Privacy Policy",{"id":317,"title":304,"body":318,"description":639,"extension":640,"meta":641,"navigation":14,"order":124,"path":303,"section":260,"seo":642,"sidebar":14,"stem":643,"toc":14,"__hash__":644},"docs\u002Fdocs\u002Ftransformers\u002Fsix-hex.md",{"type":319,"value":320,"toc":632},"minimark",[321,325,334,339,350,353,419,422,469,473,478,481,539,542,554,625,628],[322,323,304],"h1",{"id":324},"six-digit-hex",[326,327,328,329,333],"p",{},"Some email clients don't support 3-digit shorthand HEX colors like ",[330,331,332],"code",{},"#fff",". This transformer converts them to their 6-digit equivalents.",[335,336,338],"h2",{"id":337},"usage","Usage",[326,340,341,342,345,346,349],{},"The transformer is enabled by default, so you don't need to configure anything. It only processes ",[330,343,344],{},"bgcolor"," and ",[330,347,348],{},"color"," HTML attributes, so your text content is unchanged.",[326,351,352],{},"Turns this:",[354,355,360],"pre",{"className":356,"code":357,"language":358,"meta":359,"style":359},"language-html shiki shiki-themes laserwave","\u003Ctd bgcolor=\"#fff\" color=\"#000\">\n  The #fff and #000 colors are converted to #ffffff and #000000.\n\u003C\u002Ftd>\n","html","",[330,361,362,405,410],{"__ignoreMap":359},[363,364,366,370,374,378,381,384,387,389,393,395,397,400,402],"span",{"class":365,"line":18},"line",[363,367,369],{"class":368},"sGGKt","\u003C",[363,371,373],{"class":372},"sb4Pa","td",[363,375,377],{"class":376},"sLaUg"," bgcolor",[363,379,380],{"class":368},"=",[363,382,383],{"class":368},"\"",[363,385,332],{"class":386},"sXiT_",[363,388,383],{"class":368},[363,390,392],{"class":391},"sZNF3"," color",[363,394,380],{"class":368},[363,396,383],{"class":368},[363,398,399],{"class":386},"#000",[363,401,383],{"class":368},[363,403,404],{"class":368},">\n",[363,406,407],{"class":365,"line":13},[363,408,409],{"class":376},"  The #fff and #000 colors are converted to #ffffff and #000000.\n",[363,411,412,415,417],{"class":365,"line":32},[363,413,414],{"class":368},"\u003C\u002F",[363,416,373],{"class":372},[363,418,404],{"class":368},[326,420,421],{},"Into this:",[354,423,425],{"className":356,"code":424,"language":358,"meta":359,"style":359},"\u003Ctd bgcolor=\"#ffffff\" color=\"#000000\">\n  The #fff and #000 colors are converted to #ffffff and #000000.\n\u003C\u002Ftd>\n",[330,426,427,457,461],{"__ignoreMap":359},[363,428,429,431,433,435,437,439,442,444,446,448,450,453,455],{"class":365,"line":18},[363,430,369],{"class":368},[363,432,373],{"class":372},[363,434,377],{"class":376},[363,436,380],{"class":368},[363,438,383],{"class":368},[363,440,441],{"class":386},"#ffffff",[363,443,383],{"class":368},[363,445,392],{"class":391},[363,447,380],{"class":368},[363,449,383],{"class":368},[363,451,452],{"class":386},"#000000",[363,454,383],{"class":368},[363,456,404],{"class":368},[363,458,459],{"class":365,"line":13},[363,460,409],{"class":376},[363,462,463,465,467],{"class":365,"line":32},[363,464,414],{"class":368},[363,466,373],{"class":372},[363,468,404],{"class":368},[335,470,472],{"id":471},"customization","Customization",[474,475,477],"h3",{"id":476},"disabling","Disabling",[326,479,480],{},"You may disable the transformer if you don't need it:",[354,482,487],{"className":483,"code":484,"filename":485,"language":486,"meta":359,"style":359},"language-ts shiki shiki-themes laserwave","export default defineConfig({\n  css: {\n    sixHex: false,\n  },\n})\n","maizzle.config.ts","ts",[330,488,489,504,515,529,534],{"__ignoreMap":359},[363,490,491,495,498,501],{"class":365,"line":18},[363,492,494],{"class":493},"s0ZPN","export",[363,496,497],{"class":493}," default",[363,499,500],{"class":391}," defineConfig",[363,502,503],{"class":368},"({\n",[363,505,506,509,512],{"class":365,"line":13},[363,507,508],{"class":376},"  css",[363,510,511],{"class":368},":",[363,513,514],{"class":368}," {\n",[363,516,517,520,522,526],{"class":365,"line":32},[363,518,519],{"class":376},"    sixHex",[363,521,511],{"class":368},[363,523,525],{"class":524},"skd8d"," false",[363,527,528],{"class":368},",\n",[363,530,531],{"class":365,"line":27},[363,532,533],{"class":368},"  },\n",[363,535,536],{"class":365,"line":52},[363,537,538],{"class":368},"})\n",[335,540,12],{"id":541},"api",[326,543,544,545,548,549,345,551,553],{},"Use ",[330,546,547],{},"sixHex"," programmatically to expand 3-digit hex codes in ",[330,550,344],{},[330,552,348],{}," attributes on any HTML string.",[354,555,557],{"className":483,"code":556,"language":486,"meta":359,"style":359},"import { sixHex } from '@maizzle\u002Fframework'\n\nconst out = sixHex('\u003Cfont color=\"#000\">x\u003C\u002Ffont>')\n\u002F\u002F \u003Cfont color=\"#000000\">x\u003C\u002Ffont>\n",[330,558,559,586,591,619],{"__ignoreMap":359},[363,560,561,564,567,571,574,577,580,583],{"class":365,"line":18},[363,562,563],{"class":493},"import",[363,565,566],{"class":368}," {",[363,568,570],{"class":569},"sU-n2"," sixHex",[363,572,573],{"class":368}," }",[363,575,576],{"class":493}," from",[363,578,579],{"class":368}," '",[363,581,582],{"class":386},"@maizzle\u002Fframework",[363,584,585],{"class":368},"'\n",[363,587,588],{"class":365,"line":13},[363,589,590],{"emptyLinePlaceholder":14},"\n",[363,592,593,597,600,603,605,608,611,614,616],{"class":365,"line":32},[363,594,596],{"class":595},"sIihq","const",[363,598,599],{"class":569}," out",[363,601,602],{"class":372}," =",[363,604,570],{"class":391},[363,606,607],{"class":368},"(",[363,609,610],{"class":368},"'",[363,612,613],{"class":386},"\u003Cfont color=\"#000\">x\u003C\u002Ffont>",[363,615,610],{"class":368},[363,617,618],{"class":368},")\n",[363,620,621],{"class":365,"line":27},[363,622,624],{"class":623},"sVsQ9","\u002F\u002F \u003Cfont color=\"#000000\">x\u003C\u002Ffont>\n",[326,626,627],{},"Takes an HTML string. Returns the transformed HTML string. No options.",[629,630,631],"style",{},"html pre.shiki code .sGGKt, html code.shiki .sGGKt{--shiki-default:#7B6995}html pre.shiki code .sb4Pa, html code.shiki .sb4Pa{--shiki-default:#74DFC4}html pre.shiki code .sLaUg, html code.shiki .sLaUg{--shiki-default:#FFFFFF}html pre.shiki code .sXiT_, html code.shiki .sXiT_{--shiki-default:#B4DCE7}html pre.shiki code .sZNF3, html code.shiki .sZNF3{--shiki-default:#EB64B9}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 pre.shiki code .s0ZPN, html code.shiki .s0ZPN{--shiki-default:#40B4C4}html pre.shiki code .skd8d, html code.shiki .skd8d{--shiki-default:#FFE261}html pre.shiki code .sU-n2, html code.shiki .sU-n2{--shiki-default:#FFF}html pre.shiki code .sIihq, html code.shiki .sIihq{--shiki-default:#A96BC0}html pre.shiki code .sVsQ9, html code.shiki .sVsQ9{--shiki-default:#91889B}",{"title":359,"searchDepth":13,"depth":13,"links":633},[634,635,638],{"id":337,"depth":13,"text":338},{"id":471,"depth":13,"text":472,"children":636},[637],{"id":476,"depth":32,"text":477},{"id":541,"depth":13,"text":12},"Convert 3-digit HEX colors to 6-digit in HTML attributes.","md",{},{"title":304,"description":639},"docs\u002Ftransformers\u002Fsix-hex","sPI5wF--dMIEh3mT_ycInvupZC1mOCXNfqQEYvPeL98",1781013241514]