[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"page\u002Fpt\u002Fdocs\u002Fcore\u002Fimage-cropper\u002Fexamples":3,"page-\u002Fdocs\u002Fcore\u002Fimage-cropper\u002Fexamples-pt":433,"surroundings\u002Fdocs\u002Fcore\u002Fimage-cropper\u002Fexamples-pt":1694},[4],{"title":5,"path":6,"stem":7,"children":8,"page":25},"Documentação","\u002Fpt\u002Fdocs","pt\u002F01.docs",[9,26],{"title":10,"path":11,"stem":12,"children":13,"page":-1},"Português","\u002Fpt\u002Fdocs\u002Fwelcome","pt\u002F01.docs\u002F01.welcome\u002F01.index",[14,16],{"title":15,"path":11,"stem":12},"Welcome",{"title":17,"path":18,"stem":19,"children":20,"page":25},"Get Started","\u002Fpt\u002Fdocs\u002Fwelcome\u002Fget-started","pt\u002F01.docs\u002F01.welcome\u002F01.get-started",[21],{"title":22,"path":23,"stem":24},"Instalação","\u002Fpt\u002Fdocs\u002Fwelcome\u002Fget-started\u002Finstallation","pt\u002F01.docs\u002F01.welcome\u002F01.get-started\u002F02.installation",false,{"title":27,"path":28,"stem":29,"children":30,"page":25},"Core","\u002Fpt\u002Fdocs\u002Fcore","pt\u002F01.docs\u002F02.core",[31,56,67,75,109,144,176,191,200,231,246,276,284,293,310,330,367,404],{"title":32,"path":33,"stem":34,"children":35,"page":25},"MD5","\u002Fpt\u002Fdocs\u002Fcore\u002Fmd5","pt\u002F01.docs\u002F02.core\u002F01.md5",[36,40,44,48,52],{"title":37,"path":38,"stem":39},"Introdução","\u002Fpt\u002Fdocs\u002Fcore\u002Fmd5\u002Fintroduction","pt\u002F01.docs\u002F02.core\u002F01.md5\u002F01.introduction",{"title":41,"path":42,"stem":43},"Uso Básico","\u002Fpt\u002Fdocs\u002Fcore\u002Fmd5\u002Fbasic-usage","pt\u002F01.docs\u002F02.core\u002F01.md5\u002F02.basic-usage",{"title":45,"path":46,"stem":47},"Recursos Avançados","\u002Fpt\u002Fdocs\u002Fcore\u002Fmd5\u002Fadvanced-features","pt\u002F01.docs\u002F02.core\u002F01.md5\u002F03.advanced-features",{"title":49,"path":50,"stem":51},"Considerações de Segurança","\u002Fpt\u002Fdocs\u002Fcore\u002Fmd5\u002Fsecurity-considerations","pt\u002F01.docs\u002F02.core\u002F01.md5\u002F04.security-considerations",{"title":53,"path":54,"stem":55},"Referência da API","\u002Fpt\u002Fdocs\u002Fcore\u002Fmd5\u002Fapi-reference","pt\u002F01.docs\u002F02.core\u002F01.md5\u002F05.api-reference",{"title":57,"path":58,"stem":59,"children":60,"page":25},"Uuid","\u002Fpt\u002Fdocs\u002Fcore\u002Fuuid","pt\u002F01.docs\u002F02.core\u002F02.uuid",[61,64],{"title":37,"path":62,"stem":63},"\u002Fpt\u002Fdocs\u002Fcore\u002Fuuid\u002Fintroduction","pt\u002F01.docs\u002F02.core\u002F02.uuid\u002F01.introduction",{"title":53,"path":65,"stem":66},"\u002Fpt\u002Fdocs\u002Fcore\u002Fuuid\u002Fapi","pt\u002F01.docs\u002F02.core\u002F02.uuid\u002F02.api",{"title":68,"path":69,"stem":70,"children":71,"page":25},"Gerador de Código QR","\u002Fpt\u002Fdocs\u002Fcore\u002Fqr-code-generator","pt\u002F01.docs\u002F02.core\u002F03.qr-code-generator",[72],{"title":68,"path":73,"stem":74},"\u002Fpt\u002Fdocs\u002Fcore\u002Fqr-code-generator\u002Fintroduction","pt\u002F01.docs\u002F02.core\u002F03.qr-code-generator\u002F01.introduction",{"title":76,"path":77,"stem":78,"children":79,"page":25},"Image Cropper","\u002Fpt\u002Fdocs\u002Fcore\u002Fimage-cropper","pt\u002F01.docs\u002F02.core\u002F04.image-cropper",[80,83,87,91,94,97,101,105],{"title":37,"path":81,"stem":82},"\u002Fpt\u002Fdocs\u002Fcore\u002Fimage-cropper\u002Fintroduction","pt\u002F01.docs\u002F02.core\u002F04.image-cropper\u002F0.introduction",{"title":84,"path":85,"stem":86},"Utilização Básica","\u002Fpt\u002Fdocs\u002Fcore\u002Fimage-cropper\u002Fbasic-usage","pt\u002F01.docs\u002F02.core\u002F04.image-cropper\u002F02.basic-usage",{"title":88,"path":89,"stem":90},"Funcionalidades Avançadas","\u002Fpt\u002Fdocs\u002Fcore\u002Fimage-cropper\u002Fadvanced-features","pt\u002F01.docs\u002F02.core\u002F04.image-cropper\u002F03.advanced-features",{"title":49,"path":92,"stem":93},"\u002Fpt\u002Fdocs\u002Fcore\u002Fimage-cropper\u002Fsecurity-considerations","pt\u002F01.docs\u002F02.core\u002F04.image-cropper\u002F04.security-considerations",{"title":53,"path":95,"stem":96},"\u002Fpt\u002Fdocs\u002Fcore\u002Fimage-cropper\u002Fapi-reference","pt\u002F01.docs\u002F02.core\u002F04.image-cropper\u002F05.api-reference",{"title":98,"path":99,"stem":100},"Exemplos","\u002Fpt\u002Fdocs\u002Fcore\u002Fimage-cropper\u002Fexamples","pt\u002F01.docs\u002F02.core\u002F04.image-cropper\u002F06.examples",{"title":102,"path":103,"stem":104},"Perguntas Frequentes","\u002Fpt\u002Fdocs\u002Fcore\u002Fimage-cropper\u002Ffaq","pt\u002F01.docs\u002F02.core\u002F04.image-cropper\u002F07.faq",{"title":106,"path":107,"stem":108},"Ferramentas Relacionadas","\u002Fpt\u002Fdocs\u002Fcore\u002Fimage-cropper\u002Frelated-tools","pt\u002F01.docs\u002F02.core\u002F04.image-cropper\u002F08.related-tools",{"title":110,"path":111,"stem":112,"children":113,"page":25},"Json To Csv","\u002Fpt\u002Fdocs\u002Fcore\u002Fjson-to-csv","pt\u002F01.docs\u002F02.core\u002F05.json-to-csv",[114,118,122,125,129,133,136,140],{"title":115,"path":116,"stem":117},"Introduction","\u002Fpt\u002Fdocs\u002Fcore\u002Fjson-to-csv\u002Fintroduction","pt\u002F01.docs\u002F02.core\u002F05.json-to-csv\u002F0.introduction",{"title":119,"path":120,"stem":121},"Uso básico","\u002Fpt\u002Fdocs\u002Fcore\u002Fjson-to-csv\u002Fbasic-usage","pt\u002F01.docs\u002F02.core\u002F05.json-to-csv\u002F02.basic-usage",{"title":88,"path":123,"stem":124},"\u002Fpt\u002Fdocs\u002Fcore\u002Fjson-to-csv\u002Fadvanced-features","pt\u002F01.docs\u002F02.core\u002F05.json-to-csv\u002F03.advanced-features",{"title":126,"path":127,"stem":128},"Consideracoes de Seguranca","\u002Fpt\u002Fdocs\u002Fcore\u002Fjson-to-csv\u002Fsecurity-considerations","pt\u002F01.docs\u002F02.core\u002F05.json-to-csv\u002F04.security-considerations",{"title":130,"path":131,"stem":132},"Referencia da API","\u002Fpt\u002Fdocs\u002Fcore\u002Fjson-to-csv\u002Fapi-reference","pt\u002F01.docs\u002F02.core\u002F05.json-to-csv\u002F05.api-reference",{"title":98,"path":134,"stem":135},"\u002Fpt\u002Fdocs\u002Fcore\u002Fjson-to-csv\u002Fexamples","pt\u002F01.docs\u002F02.core\u002F05.json-to-csv\u002F06.examples",{"title":137,"path":138,"stem":139},"Perguntas frequentes","\u002Fpt\u002Fdocs\u002Fcore\u002Fjson-to-csv\u002Ffaq","pt\u002F01.docs\u002F02.core\u002F05.json-to-csv\u002F07.faq",{"title":141,"path":142,"stem":143},"Ferramentas relacionadas","\u002Fpt\u002Fdocs\u002Fcore\u002Fjson-to-csv\u002Frelated-tools","pt\u002F01.docs\u002F02.core\u002F05.json-to-csv\u002F08.related-tools",{"title":145,"path":146,"stem":147,"children":148,"page":25},"Open Graph Meta Generator","\u002Fpt\u002Fdocs\u002Fcore\u002Fopen-graph-meta-generator","pt\u002F01.docs\u002F02.core\u002F05.open-graph-meta-generator",[149,152,156,160,164,167,170,173],{"title":115,"path":150,"stem":151},"\u002Fpt\u002Fdocs\u002Fcore\u002Fopen-graph-meta-generator\u002Fintroduction","pt\u002F01.docs\u002F02.core\u002F05.open-graph-meta-generator\u002F0.introduction",{"title":153,"path":154,"stem":155},"Guia de Uso Basico","\u002Fpt\u002Fdocs\u002Fcore\u002Fopen-graph-meta-generator\u002Fbasic-usage","pt\u002F01.docs\u002F02.core\u002F05.open-graph-meta-generator\u002F02.basic-usage",{"title":157,"path":158,"stem":159},"Funcionalidades avançadas","\u002Fpt\u002Fdocs\u002Fcore\u002Fopen-graph-meta-generator\u002Fadvanced-features","pt\u002F01.docs\u002F02.core\u002F05.open-graph-meta-generator\u002F03.advanced-features",{"title":161,"path":162,"stem":163},"Considerações de segurança","\u002Fpt\u002Fdocs\u002Fcore\u002Fopen-graph-meta-generator\u002Fsecurity-considerations","pt\u002F01.docs\u002F02.core\u002F05.open-graph-meta-generator\u002F04.security-considerations",{"title":53,"path":165,"stem":166},"\u002Fpt\u002Fdocs\u002Fcore\u002Fopen-graph-meta-generator\u002Fapi-reference","pt\u002F01.docs\u002F02.core\u002F05.open-graph-meta-generator\u002F05.api-reference",{"title":98,"path":168,"stem":169},"\u002Fpt\u002Fdocs\u002Fcore\u002Fopen-graph-meta-generator\u002Fexamples","pt\u002F01.docs\u002F02.core\u002F05.open-graph-meta-generator\u002F06.examples",{"title":137,"path":171,"stem":172},"\u002Fpt\u002Fdocs\u002Fcore\u002Fopen-graph-meta-generator\u002Ffaq","pt\u002F01.docs\u002F02.core\u002F05.open-graph-meta-generator\u002F07.faq",{"title":141,"path":174,"stem":175},"\u002Fpt\u002Fdocs\u002Fcore\u002Fopen-graph-meta-generator\u002Frelated-tools","pt\u002F01.docs\u002F02.core\u002F05.open-graph-meta-generator\u002F08.related-tools",{"title":177,"path":178,"stem":179,"children":180,"page":25},"Scientific Calculator","\u002Fpt\u002Fdocs\u002Fcore\u002Fscientific-calculator","pt\u002F01.docs\u002F02.core\u002F05.scientific-calculator",[181,184,188],{"title":115,"path":182,"stem":183},"\u002Fpt\u002Fdocs\u002Fcore\u002Fscientific-calculator\u002Fintroduction","pt\u002F01.docs\u002F02.core\u002F05.scientific-calculator\u002F0.introduction",{"title":185,"path":186,"stem":187},"Utilização básica","\u002Fpt\u002Fdocs\u002Fcore\u002Fscientific-calculator\u002Fbasic-usage","pt\u002F01.docs\u002F02.core\u002F05.scientific-calculator\u002F02.basic-usage",{"title":157,"path":189,"stem":190},"\u002Fpt\u002Fdocs\u002Fcore\u002Fscientific-calculator\u002Fadvanced-features","pt\u002F01.docs\u002F02.core\u002F05.scientific-calculator\u002F03.advanced-features",{"title":192,"path":193,"stem":194,"children":195,"page":25},"Sha Calculator","\u002Fpt\u002Fdocs\u002Fcore\u002Fsha-calculator","pt\u002F01.docs\u002F02.core\u002F05.sha-calculator",[196],{"title":197,"path":198,"stem":199},"Calculadora de Hash SHA","\u002Fpt\u002Fdocs\u002Fcore\u002Fsha-calculator\u002Fintroduction","pt\u002F01.docs\u002F02.core\u002F05.sha-calculator\u002F0.introduction",{"title":201,"path":202,"stem":203,"children":204,"page":25},"Sql Prettify","\u002Fpt\u002Fdocs\u002Fcore\u002Fsql-prettify","pt\u002F01.docs\u002F02.core\u002F05.sql-prettify",[205,208,212,216,219,222,225,228],{"title":115,"path":206,"stem":207},"\u002Fpt\u002Fdocs\u002Fcore\u002Fsql-prettify\u002Fintroduction","pt\u002F01.docs\u002F02.core\u002F05.sql-prettify\u002F0.introduction",{"title":209,"path":210,"stem":211},"Uso Basico","\u002Fpt\u002Fdocs\u002Fcore\u002Fsql-prettify\u002Fbasic-usage","pt\u002F01.docs\u002F02.core\u002F05.sql-prettify\u002F02.basic-usage",{"title":213,"path":214,"stem":215},"Funcionalidades Avancadas","\u002Fpt\u002Fdocs\u002Fcore\u002Fsql-prettify\u002Fadvanced-features","pt\u002F01.docs\u002F02.core\u002F05.sql-prettify\u002F03.advanced-features",{"title":126,"path":217,"stem":218},"\u002Fpt\u002Fdocs\u002Fcore\u002Fsql-prettify\u002Fsecurity-considerations","pt\u002F01.docs\u002F02.core\u002F05.sql-prettify\u002F04.security-considerations",{"title":53,"path":220,"stem":221},"\u002Fpt\u002Fdocs\u002Fcore\u002Fsql-prettify\u002Fapi-reference","pt\u002F01.docs\u002F02.core\u002F05.sql-prettify\u002F05.api-reference",{"title":98,"path":223,"stem":224},"\u002Fpt\u002Fdocs\u002Fcore\u002Fsql-prettify\u002Fexamples","pt\u002F01.docs\u002F02.core\u002F05.sql-prettify\u002F06.examples",{"title":137,"path":226,"stem":227},"\u002Fpt\u002Fdocs\u002Fcore\u002Fsql-prettify\u002Ffaq","pt\u002F01.docs\u002F02.core\u002F05.sql-prettify\u002F07.faq",{"title":141,"path":229,"stem":230},"\u002Fpt\u002Fdocs\u002Fcore\u002Fsql-prettify\u002Frelated-tools","pt\u002F01.docs\u002F02.core\u002F05.sql-prettify\u002F08.related-tools",{"title":232,"path":233,"stem":234,"children":235,"page":25},"Yaml To Toml","\u002Fpt\u002Fdocs\u002Fcore\u002Fyaml-to-toml","pt\u002F01.docs\u002F02.core\u002F05.yaml-to-toml",[236,239,242],{"title":115,"path":237,"stem":238},"\u002Fpt\u002Fdocs\u002Fcore\u002Fyaml-to-toml\u002Fintroduction","pt\u002F01.docs\u002F02.core\u002F05.yaml-to-toml\u002F0.introduction",{"title":119,"path":240,"stem":241},"\u002Fpt\u002Fdocs\u002Fcore\u002Fyaml-to-toml\u002Fbasic-usage","pt\u002F01.docs\u002F02.core\u002F05.yaml-to-toml\u002F02.basic-usage",{"title":243,"path":244,"stem":245},"Recursos avancados","\u002Fpt\u002Fdocs\u002Fcore\u002Fyaml-to-toml\u002Fadvanced-features","pt\u002F01.docs\u002F02.core\u002F05.yaml-to-toml\u002F03.advanced-features",{"title":247,"path":248,"stem":249,"children":250,"page":25},"Beyond Compare","\u002Fpt\u002Fdocs\u002Fcore\u002Fbeyond-compare","pt\u002F01.docs\u002F02.core\u002F06.beyond-compare",[251,254,257,260,264,267,270,273],{"title":115,"path":252,"stem":253},"\u002Fpt\u002Fdocs\u002Fcore\u002Fbeyond-compare\u002Fintroduction","pt\u002F01.docs\u002F02.core\u002F06.beyond-compare\u002F0.introduction",{"title":41,"path":255,"stem":256},"\u002Fpt\u002Fdocs\u002Fcore\u002Fbeyond-compare\u002Fbasic-usage","pt\u002F01.docs\u002F02.core\u002F06.beyond-compare\u002F02.basic-usage",{"title":243,"path":258,"stem":259},"\u002Fpt\u002Fdocs\u002Fcore\u002Fbeyond-compare\u002Fadvanced-features","pt\u002F01.docs\u002F02.core\u002F06.beyond-compare\u002F03.advanced-features",{"title":261,"path":262,"stem":263},"Consideracoes de seguranca","\u002Fpt\u002Fdocs\u002Fcore\u002Fbeyond-compare\u002Fsecurity-considerations","pt\u002F01.docs\u002F02.core\u002F06.beyond-compare\u002F04.security-considerations",{"title":130,"path":265,"stem":266},"\u002Fpt\u002Fdocs\u002Fcore\u002Fbeyond-compare\u002Fapi-reference","pt\u002F01.docs\u002F02.core\u002F06.beyond-compare\u002F05.api-reference",{"title":98,"path":268,"stem":269},"\u002Fpt\u002Fdocs\u002Fcore\u002Fbeyond-compare\u002Fexamples","pt\u002F01.docs\u002F02.core\u002F06.beyond-compare\u002F06.examples",{"title":137,"path":271,"stem":272},"\u002Fpt\u002Fdocs\u002Fcore\u002Fbeyond-compare\u002Ffaq","pt\u002F01.docs\u002F02.core\u002F06.beyond-compare\u002F07.faq",{"title":141,"path":274,"stem":275},"\u002Fpt\u002Fdocs\u002Fcore\u002Fbeyond-compare\u002Frelated-tools","pt\u002F01.docs\u002F02.core\u002F06.beyond-compare\u002F08.related-tools",{"title":277,"path":278,"stem":279,"children":280,"page":25},"Group Chat","\u002Fpt\u002Fdocs\u002Fcore\u002Fgroup-chat","pt\u002F01.docs\u002F02.core\u002F06.group-chat",[281],{"title":115,"path":282,"stem":283},"\u002Fpt\u002Fdocs\u002Fcore\u002Fgroup-chat\u002Fintroduction","pt\u002F01.docs\u002F02.core\u002F06.group-chat\u002F0.introduction",{"title":285,"path":286,"stem":287,"children":288,"page":25},"Hmac Calculator","\u002Fpt\u002Fdocs\u002Fcore\u002Fhmac-calculator","pt\u002F01.docs\u002F02.core\u002F06.hmac-calculator",[289],{"title":290,"path":291,"stem":292},"Calculadora HMAC","\u002Fpt\u002Fdocs\u002Fcore\u002Fhmac-calculator\u002Fintroduction","pt\u002F01.docs\u002F02.core\u002F06.hmac-calculator\u002F0.introduction",{"title":294,"path":295,"stem":296,"children":297,"page":25},"Jwt Parser","\u002Fpt\u002Fdocs\u002Fcore\u002Fjwt-parser","pt\u002F01.docs\u002F02.core\u002F06.jwt-parser",[298,301,304,307],{"title":115,"path":299,"stem":300},"\u002Fpt\u002Fdocs\u002Fcore\u002Fjwt-parser\u002Fintroduction","pt\u002F01.docs\u002F02.core\u002F06.jwt-parser\u002F0.introduction",{"title":41,"path":302,"stem":303},"\u002Fpt\u002Fdocs\u002Fcore\u002Fjwt-parser\u002Fbasic-usage","pt\u002F01.docs\u002F02.core\u002F06.jwt-parser\u002F02.basic-usage",{"title":45,"path":305,"stem":306},"\u002Fpt\u002Fdocs\u002Fcore\u002Fjwt-parser\u002Fadvanced-features","pt\u002F01.docs\u002F02.core\u002F06.jwt-parser\u002F03.advanced-features",{"title":49,"path":308,"stem":309},"\u002Fpt\u002Fdocs\u002Fcore\u002Fjwt-parser\u002Fsecurity-considerations","pt\u002F01.docs\u002F02.core\u002F06.jwt-parser\u002F04.security-considerations",{"title":311,"path":312,"stem":313,"children":314,"page":25},"Area Converter","\u002Fpt\u002Fdocs\u002Fcore\u002Farea-converter","pt\u002F01.docs\u002F02.core\u002F08.area-converter",[315,318,321,324,327],{"title":115,"path":316,"stem":317},"\u002Fpt\u002Fdocs\u002Fcore\u002Farea-converter\u002Fintroduction","pt\u002F01.docs\u002F02.core\u002F08.area-converter\u002F0.introduction",{"title":84,"path":319,"stem":320},"\u002Fpt\u002Fdocs\u002Fcore\u002Farea-converter\u002Fbasic-usage","pt\u002F01.docs\u002F02.core\u002F08.area-converter\u002F02.basic-usage",{"title":88,"path":322,"stem":323},"\u002Fpt\u002Fdocs\u002Fcore\u002Farea-converter\u002Fadvanced-features","pt\u002F01.docs\u002F02.core\u002F08.area-converter\u002F03.advanced-features",{"title":98,"path":325,"stem":326},"\u002Fpt\u002Fdocs\u002Fcore\u002Farea-converter\u002Fexamples","pt\u002F01.docs\u002F02.core\u002F08.area-converter\u002F04.examples",{"title":102,"path":328,"stem":329},"\u002Fpt\u002Fdocs\u002Fcore\u002Farea-converter\u002Ffaq","pt\u002F01.docs\u002F02.core\u002F08.area-converter\u002F05.faq",{"title":331,"path":332,"stem":333,"children":334,"page":25},"Cursor Canvas","\u002Fpt\u002Fdocs\u002Fcore\u002Fcursor-canvas","pt\u002F01.docs\u002F02.core\u002F09.cursor-canvas",[335,339,343,347,351,355,359,363],{"title":336,"path":337,"stem":338},"Introdução - Cursor Canvas","\u002Fpt\u002Fdocs\u002Fcore\u002Fcursor-canvas\u002Fintroduction","pt\u002F01.docs\u002F02.core\u002F09.cursor-canvas\u002F0.introduction",{"title":340,"path":341,"stem":342},"Utilização básica - Cursor Canvas","\u002Fpt\u002Fdocs\u002Fcore\u002Fcursor-canvas\u002Fbasic-usage","pt\u002F01.docs\u002F02.core\u002F09.cursor-canvas\u002F02.basic-usage",{"title":344,"path":345,"stem":346},"Funcionalidades avançadas - Cursor Canvas","\u002Fpt\u002Fdocs\u002Fcore\u002Fcursor-canvas\u002Fadvanced-features","pt\u002F01.docs\u002F02.core\u002F09.cursor-canvas\u002F03.advanced-features",{"title":348,"path":349,"stem":350},"Segurança - Cursor Canvas","\u002Fpt\u002Fdocs\u002Fcore\u002Fcursor-canvas\u002Fsecurity-considerations","pt\u002F01.docs\u002F02.core\u002F09.cursor-canvas\u002F04.security-considerations",{"title":352,"path":353,"stem":354},"Referência da API - Cursor Canvas","\u002Fpt\u002Fdocs\u002Fcore\u002Fcursor-canvas\u002Fapi-reference","pt\u002F01.docs\u002F02.core\u002F09.cursor-canvas\u002F05.api-reference",{"title":356,"path":357,"stem":358},"Exemplos - Cursor Canvas","\u002Fpt\u002Fdocs\u002Fcore\u002Fcursor-canvas\u002Fexamples","pt\u002F01.docs\u002F02.core\u002F09.cursor-canvas\u002F06.examples",{"title":360,"path":361,"stem":362},"FAQ - Cursor Canvas","\u002Fpt\u002Fdocs\u002Fcore\u002Fcursor-canvas\u002Ffaq","pt\u002F01.docs\u002F02.core\u002F09.cursor-canvas\u002F07.faq",{"title":364,"path":365,"stem":366},"Ferramentas relacionadas - Cursor Canvas","\u002Fpt\u002Fdocs\u002Fcore\u002Fcursor-canvas\u002Frelated-tools","pt\u002F01.docs\u002F02.core\u002F09.cursor-canvas\u002F08.related-tools",{"title":368,"path":369,"stem":370,"children":371,"page":25},"Html Preview","\u002Fpt\u002Fdocs\u002Fcore\u002Fhtml-preview","pt\u002F01.docs\u002F02.core\u002F35.html-preview",[372,376,380,384,388,392,396,400],{"title":373,"path":374,"stem":375},"Introduction - HTML Preview","\u002Fpt\u002Fdocs\u002Fcore\u002Fhtml-preview\u002Fintroduction","pt\u002F01.docs\u002F02.core\u002F35.html-preview\u002F0.introduction",{"title":377,"path":378,"stem":379},"Basic usage - HTML Preview","\u002Fpt\u002Fdocs\u002Fcore\u002Fhtml-preview\u002Fbasic-usage","pt\u002F01.docs\u002F02.core\u002F35.html-preview\u002F02.basic-usage",{"title":381,"path":382,"stem":383},"Advanced features - HTML Preview","\u002Fpt\u002Fdocs\u002Fcore\u002Fhtml-preview\u002Fadvanced-features","pt\u002F01.docs\u002F02.core\u002F35.html-preview\u002F03.advanced-features",{"title":385,"path":386,"stem":387},"Security considerations - HTML Preview","\u002Fpt\u002Fdocs\u002Fcore\u002Fhtml-preview\u002Fsecurity-considerations","pt\u002F01.docs\u002F02.core\u002F35.html-preview\u002F04.security-considerations",{"title":389,"path":390,"stem":391},"API reference - HTML Preview","\u002Fpt\u002Fdocs\u002Fcore\u002Fhtml-preview\u002Fapi-reference","pt\u002F01.docs\u002F02.core\u002F35.html-preview\u002F05.api-reference",{"title":393,"path":394,"stem":395},"Examples - HTML Preview","\u002Fpt\u002Fdocs\u002Fcore\u002Fhtml-preview\u002Fexamples","pt\u002F01.docs\u002F02.core\u002F35.html-preview\u002F06.examples",{"title":397,"path":398,"stem":399},"FAQ - HTML Preview","\u002Fpt\u002Fdocs\u002Fcore\u002Fhtml-preview\u002Ffaq","pt\u002F01.docs\u002F02.core\u002F35.html-preview\u002F07.faq",{"title":401,"path":402,"stem":403},"Related tools - HTML Preview","\u002Fpt\u002Fdocs\u002Fcore\u002Fhtml-preview\u002Frelated-tools","pt\u002F01.docs\u002F02.core\u002F35.html-preview\u002F08.related-tools",{"title":405,"path":406,"stem":407,"children":408,"page":25},"Gerador de cartões","\u002Fpt\u002Fdocs\u002Fcore\u002Fbusiness-card","pt\u002F01.docs\u002F02.core\u002F36.business-card",[409,412,416,420,424,427,430],{"title":405,"path":410,"stem":411},"\u002Fpt\u002Fdocs\u002Fcore\u002Fbusiness-card\u002Fintroduction","pt\u002F01.docs\u002F02.core\u002F36.business-card\u002F0.introduction",{"title":413,"path":414,"stem":415},"Utilização","\u002Fpt\u002Fdocs\u002Fcore\u002Fbusiness-card\u002Fbasic-usage","pt\u002F01.docs\u002F02.core\u002F36.business-card\u002F02.basic-usage",{"title":417,"path":418,"stem":419},"Funções avançadas","\u002Fpt\u002Fdocs\u002Fcore\u002Fbusiness-card\u002Fadvanced-features","pt\u002F01.docs\u002F02.core\u002F36.business-card\u002F03.advanced-features",{"title":421,"path":422,"stem":423},"Segurança","\u002Fpt\u002Fdocs\u002Fcore\u002Fbusiness-card\u002Fsecurity-considerations","pt\u002F01.docs\u002F02.core\u002F36.business-card\u002F04.security-considerations",{"title":98,"path":425,"stem":426},"\u002Fpt\u002Fdocs\u002Fcore\u002Fbusiness-card\u002Fexamples","pt\u002F01.docs\u002F02.core\u002F36.business-card\u002F06.examples",{"title":137,"path":428,"stem":429},"\u002Fpt\u002Fdocs\u002Fcore\u002Fbusiness-card\u002Ffaq","pt\u002F01.docs\u002F02.core\u002F36.business-card\u002F07.faq",{"title":141,"path":431,"stem":432},"\u002Fpt\u002Fdocs\u002Fcore\u002Fbusiness-card\u002Frelated-tools","pt\u002F01.docs\u002F02.core\u002F36.business-card\u002F08.related-tools",{"id":434,"title":98,"body":435,"description":445,"extension":1689,"meta":1690,"navigation":1356,"path":99,"seo":1691,"sitemap":1692,"stem":100,"__hash__":1693},"content_pt\u002Fpt\u002F01.docs\u002F02.core\u002F04.image-cropper\u002F06.examples.md",{"type":436,"value":437,"toc":1664},"minimark",[438,442,446,451,456,459,540,546,550,555,588,592,621,625,653,657,660,710,714,718,722,732,736,742,746,752,756,760,816,820,884,888,892,927,931,934,938,963,967,992,996,1020,1024,1048,1052,1056,1073,1087,1091,1097,1102,1126,1131,1167,1171,1177,1182,1196,1201,1215,1219,1223,1322,1326,1529,1533,1660],[439,440,98],"h1",{"id":441},"exemplos",[443,444,445],"p",{},"Exemplos práticos e casos de uso comuns para a ferramenta Image Cropper.",[447,448,450],"h2",{"id":449},"exemplos-básicos","Exemplos Básicos",[452,453,455],"h3",{"id":454},"criar-uma-foto-de-perfil","Criar uma Foto de Perfil",[443,457,458],{},"Como criar uma foto de perfil quadrada a partir de qualquer imagem:",[460,461,462,478,496,509],"ol",{},[463,464,465,469],"li",{},[466,467,468],"strong",{},"Carregue a sua foto",[470,471,472,475],"ul",{},[463,473,474],{},"Escolha um retrato ou uma foto de grupo",[463,476,477],{},"Formatos comuns como JPEG e PNG são suportados",[463,479,480,483],{},[466,481,482],{},"Defina a proporção para 1:1",[470,484,485,493],{},[463,486,487,488,492],{},"Clique em ",[489,490,491],"code",{},"1:1"," nas definições de proporção",[463,494,495],{},"A área de recorte passa a ser um quadrado perfeito",[463,497,498,501],{},[466,499,500],{},"Posicione a área de recorte",[470,502,503,506],{},[463,504,505],{},"Centre o recorte no rosto do sujeito",[463,507,508],{},"Ajuste o tamanho para manter os elementos importantes",[463,510,511,514],{},[466,512,513],{},"Defina a exportação",[470,515,516,523,530],{},[463,517,518,519,522],{},"Formato: ",[489,520,521],{},"PNG"," (ideal quando precisa de transparência)",[463,524,525,526,529],{},"Tamanho: ",[489,527,528],{},"400x400"," funciona bem na maioria das plataformas",[463,531,532,533,536,537],{},"Qualidade: se usar ",[489,534,535],{},"JPEG",", recomenda-se ",[489,538,539],{},"90%",[443,541,542,545],{},[466,543,544],{},"Resultado",": um avatar quadrado com aspeto profissional para perfis em redes sociais.",[452,547,549],{"id":548},"otimização-para-redes-sociais","Otimização para Redes Sociais",[551,552,554],"h4",{"id":553},"publicação-no-instagram-11","Publicação no Instagram (1:1)",[470,556,557,565,573,580],{},[463,558,559,562,563],{},[466,560,561],{},"Proporção",": ",[489,564,491],{},[463,566,567,562,570],{},[466,568,569],{},"Tamanho recomendado",[489,571,572],{},"1080x1080",[463,574,575,562,578],{},[466,576,577],{},"Formato",[489,579,535],{},[463,581,582,562,585],{},[466,583,584],{},"Qualidade",[489,586,587],{},"85%",[551,589,591],{"id":590},"story-do-instagram-916","Story do Instagram (9:16)",[470,593,594,601,608,614],{},[463,595,596,562,598],{},[466,597,561],{},[489,599,600],{},"9:16",[463,602,603,562,605],{},[466,604,569],{},[489,606,607],{},"1080x1920",[463,609,610,562,612],{},[466,611,577],{},[489,613,535],{},[463,615,616,562,618],{},[466,617,584],{},[489,619,620],{},"80%",[551,622,624],{"id":623},"cabeçalho-do-twitter-169","Cabeçalho do Twitter (16:9)",[470,626,627,634,641,647],{},[463,628,629,562,631],{},[466,630,561],{},[489,632,633],{},"16:9",[463,635,636,562,638],{},[466,637,569],{},[489,639,640],{},"1500x500",[463,642,643,562,645],{},[466,644,577],{},[489,646,535],{},[463,648,649,562,651],{},[466,650,584],{},[489,652,539],{},[452,654,656],{"id":655},"imagens-de-produto-para-e-commerce","Imagens de Produto para E-commerce",[443,658,659],{},"Como criar fotos de produto consistentes:",[460,661,662,684],{},[463,663,664,667],{},[466,665,666],{},"Definir dimensões padrão",[470,668,669,675,681],{},[463,670,671,674],{},[489,672,673],{},"1000x1000"," para imagens principais",[463,676,677,680],{},[489,678,679],{},"800x600"," para imagens de detalhe",[463,682,683],{},"Um fundo branco costuma funcionar melhor",[463,685,686,689],{},[466,687,688],{},"Fluxo de processamento em lote",[470,690,691,696,701,707],{},[463,692,693,694],{},"Defina o formato de saída para ",[489,695,535],{},[463,697,698,699],{},"Defina a qualidade para ",[489,700,587],{},[463,702,703,704,706],{},"Use ",[489,705,491],{}," para manter consistência",[463,708,709],{},"Processe todas as imagens com as mesmas definições",[447,711,713],{"id":712},"exemplos-avançados","Exemplos Avançados",[452,715,717],{"id":716},"recursos-para-web-design","Recursos para Web Design",[551,719,721],{"id":720},"imagens-de-hero","Imagens de Hero",[723,724,730],"pre",{"className":725,"code":727,"language":728,"meta":729},[726],"language-text","Proporção: 16:9 ou 21:9\nTamanho: 1920x1080 ou 2560x1080\nFormato: WebP (alternativa: JPEG)\nQualidade: 75% (equilíbrio entre qualidade e velocidade de carregamento)\n","text","",[489,731,727],{"__ignoreMap":729},[551,733,735],{"id":734},"miniaturas-de-artigos-de-blog","Miniaturas de Artigos de Blog",[723,737,740],{"className":738,"code":739,"language":728,"meta":729},[726],"Proporção: 4:3\nTamanho: 800x600\nFormato: WebP\nQualidade: 80%\nOtimização: focar no assunto principal\n",[489,741,739],{"__ignoreMap":729},[551,743,745],{"id":744},"imagens-para-cartões","Imagens para Cartões",[723,747,750],{"className":748,"code":749,"language":728,"meta":729},[726],"Proporção: 3:2\nTamanho: 600x400\nFormato: WebP\nQualidade: 85%\n",[489,751,749],{"__ignoreMap":729},[452,753,755],{"id":754},"fluxo-de-trabalho-fotográfico","Fluxo de Trabalho Fotográfico",[551,757,759],{"id":758},"extrair-detalhes-de-fotos-grandes","Extrair Detalhes de Fotos Grandes",[460,761,762,778,794],{},[463,763,764,767],{},[466,765,766],{},"Carregar uma imagem de alta resolução",[470,768,769,775],{},[463,770,771,772],{},"Original: ",[489,773,774],{},"6000x4000",[463,776,777],{},"Objetivo: extrair um detalhe específico",[463,779,780,783],{},[466,781,782],{},"Recorte preciso",[470,784,785,788,791],{},[463,786,787],{},"Use proporção livre",[463,789,790],{},"Amplie para uma seleção mais precisa",[463,792,793],{},"Foque o recorte na área de interesse",[463,795,796,799],{},[466,797,798],{},"Otimizar a saída",[470,800,801,808,813],{},[463,802,803,804,807],{},"Mantenha qualidade elevada (",[489,805,806],{},"95%",")",[463,809,810,811],{},"Preserve o formato original se a imagem for ",[489,812,521],{},[463,814,815],{},"Redimensione para uso adequado na web",[551,817,819],{"id":818},"criar-uma-série-de-fotografias","Criar uma Série de Fotografias",[460,821,822,840,862],{},[463,823,824,827],{},[466,825,826],{},"Usar uma proporção consistente",[470,828,829,835],{},[463,830,831,834],{},[489,832,833],{},"4:3"," para um visual clássico",[463,836,837,839],{},[489,838,633],{}," para um visual mais moderno",[463,841,842,845],{},[466,843,844],{},"Usar tamanhos uniformes",[470,846,847,855],{},[463,848,849,852,853],{},[489,850,851],{},"1200x900"," para séries em ",[489,854,833],{},[463,856,857,852,860],{},[489,858,859],{},"1200x675",[489,861,633],{},[463,863,864,867],{},[466,865,866],{},"Manter padrões de qualidade",[470,868,869,874,879],{},[463,870,871,872],{},"Exporte as fotos em ",[489,873,535],{},[463,875,876,878],{},[489,877,539],{}," para exposição ou impressão",[463,880,881,883],{},[489,882,620],{}," para galerias na web",[447,885,887],{"id":886},"exemplos-de-fluxo-de-trabalho","Exemplos de Fluxo de Trabalho",[452,889,891],{"id":890},"processar-várias-imagens-em-lote","Processar Várias Imagens em Lote",[460,893,894,905,916],{},[463,895,896,899],{},[466,897,898],{},"Preparação",[723,900,903],{"className":901,"code":902,"language":728,"meta":729},[726],"- Organize as imagens de origem numa pasta\n- Defina as especificações pretendidas\n- Estabeleça uma convenção de nomes consistente\n",[489,904,902],{"__ignoreMap":729},[463,906,907,910],{},[466,908,909],{},"Processamento",[723,911,914],{"className":912,"code":913,"language":728,"meta":729},[726],"- Carregue a primeira imagem\n- Defina a proporção e o formato\n- Defina a qualidade e o tamanho de saída\n- Recorte e descarregue\n- Repita para as restantes imagens\n",[489,915,913],{"__ignoreMap":729},[463,917,918,921],{},[466,919,920],{},"Controlo de qualidade",[723,922,925],{"className":923,"code":924,"language":728,"meta":729},[726],"- Reveja todas as imagens processadas\n- Verifique se os tamanhos dos ficheiros são adequados\n- Confirme a consistência das dimensões\n- Teste as imagens na aplicação de destino\n",[489,926,924],{"__ignoreMap":729},[452,928,930],{"id":929},"criar-várias-variantes-a-partir-de-uma-só-imagem","Criar Várias Variantes a Partir de Uma Só Imagem",[443,932,933],{},"A partir de uma única imagem de origem, pode gerar várias variantes:",[551,935,937],{"id":936},"variante-1-resolução-completa","Variante 1: Resolução Completa",[470,939,940,945,957],{},[463,941,942,944],{},[466,943,413],{},": impressões de alta qualidade",[463,946,947,950,951,953,954],{},[466,948,949],{},"Definições",": tamanho original, ",[489,952,521],{},", qualidade ",[489,955,956],{},"100%",[463,958,959,962],{},[466,960,961],{},"Recorte",": mínimo para preservar a composição original",[551,964,966],{"id":965},"variante-2-exibição-na-web","Variante 2: Exibição na Web",[470,968,969,974,987],{},[463,970,971,973],{},[466,972,413],{},": galerias de sites",[463,975,976,978,979,982,983,982,985],{},[466,977,949],{},": dimensão máxima ",[489,980,981],{},"1200px",", ",[489,984,535],{},[489,986,587],{},[463,988,989,991],{},[466,990,961],{},": otimizar a composição para visualização na web",[551,993,995],{"id":994},"variante-3-miniatura","Variante 3: Miniatura",[470,997,998,1003,1015],{},[463,999,1000,1002],{},[466,1001,413],{},": grelhas de pré-visualização",[463,1004,1005,562,1007,982,1010,982,1012],{},[466,1006,949],{},[489,1008,1009],{},"300x300",[489,1011,535],{},[489,1013,1014],{},"75%",[463,1016,1017,1019],{},[466,1018,961],{},": focar no motivo principal",[551,1021,1023],{"id":1022},"variante-4-otimizada-para-mobile","Variante 4: Otimizada para Mobile",[470,1025,1026,1031,1043],{},[463,1027,1028,1030],{},[466,1029,413],{},": aplicações móveis",[463,1032,1033,978,1035,982,1038,982,1041],{},[466,1034,949],{},[489,1036,1037],{},"800px",[489,1039,1040],{},"WebP",[489,1042,620],{},[463,1044,1045,1047],{},[466,1046,961],{},": garantir que os elementos importantes continuam visíveis em ecrãs pequenos",[447,1049,1051],{"id":1050},"exemplos-de-resolução-de-problemas","Exemplos de Resolução de Problemas",[452,1053,1055],{"id":1054},"processar-ficheiros-grandes","Processar Ficheiros Grandes",[443,1057,1058,1061,1062,1065,1066,1069,1072],{},[466,1059,1060],{},"Problema",": precisa de processar uma imagem convertida de um ficheiro RAW com ",[489,1063,1064],{},"50MB",".",[1067,1068],"br",{},[466,1070,1071],{},"Solução",":",[460,1074,1075,1078,1081,1084],{},[463,1076,1077],{},"Use um navegador com memória suficiente",[463,1079,1080],{},"Feche outros separadores para libertar recursos",[463,1082,1083],{},"Reduza previamente o ficheiro, se necessário",[463,1085,1086],{},"Use carregamento progressivo, se disponível",[452,1088,1090],{"id":1089},"equilibrar-qualidade-e-tamanho-do-ficheiro","Equilibrar Qualidade e Tamanho do Ficheiro",[443,1092,1093,1096],{},[466,1094,1095],{},"Cenário",": precisa de um ficheiro pequeno sem perder demasiada qualidade.",[443,1098,1099,1072],{},[466,1100,1101],{},"Definições a testar",[470,1103,1104,1115,1120,1123],{},[463,1105,1106,1108,1109,1112,1113],{},[489,1107,1040],{}," costuma ser cerca de ",[489,1110,1111],{},"30%"," menor do que ",[489,1114,535],{},[463,1116,1117,1119],{},[489,1118,1014],{}," de qualidade é normalmente um bom compromisso",[463,1121,1122],{},"Ajuste as dimensões ao uso real",[463,1124,1125],{},"Escolha uma proporção adequada para evitar píxeis desnecessários",[443,1127,1128,1072],{},[466,1129,1130],{},"Comparação",[470,1132,1133,1142,1151,1159],{},[463,1134,1135,1138,1139],{},[489,1136,1137],{},"JPEG (90%)"," original: ",[489,1140,1141],{},"2.1MB",[463,1143,1144,1147,1148],{},[489,1145,1146],{},"JPEG (75%)"," otimizado: ",[489,1149,1150],{},"1.2MB",[463,1152,1153,562,1156],{},[489,1154,1155],{},"WebP (75%)",[489,1157,1158],{},"800KB",[463,1160,1161,562,1164],{},[489,1162,1163],{},"WebP (60%)",[489,1165,1166],{},"450KB",[452,1168,1170],{"id":1169},"compatibilidade-com-dispositivos-móveis","Compatibilidade com Dispositivos Móveis",[443,1172,1173,1176],{},[466,1174,1175],{},"Desafio",": processar imagens em telemóveis ou tablets.",[443,1178,1179,1072],{},[466,1180,1181],{},"Aspetos a considerar",[470,1183,1184,1187,1190,1193],{},[463,1185,1186],{},"Menor memória disponível",[463,1188,1189],{},"Ajuste do recorte por toque",[463,1191,1192],{},"Velocidade de processamento mais lenta",[463,1194,1195],{},"Opções de descarga mais limitadas",[443,1197,1198,1072],{},[466,1199,1200],{},"Boas práticas",[470,1202,1203,1206,1209,1212],{},[463,1204,1205],{},"Use imagens de origem mais pequenas em dispositivos móveis",[463,1207,1208],{},"Reduza ligeiramente a qualidade de saída",[463,1210,1211],{},"Verifique se os gestos táteis são confortáveis",[463,1213,1214],{},"Forneça feedback visual claro",[447,1216,1218],{"id":1217},"exemplos-de-integração","Exemplos de Integração",[452,1220,1222],{"id":1221},"integração-com-plugin-wordpress","Integração com Plugin WordPress",[723,1224,1228],{"className":1225,"code":1226,"language":1227,"meta":729,"style":729},"language-php shiki shiki-themes github-light github-light dark-plus","\u002F\u002F Example: Add crop functionality to WordPress media library\nfunction add_image_cropper_to_media() {\n    \u002F\u002F Enqueue Image Cropper assets\n    wp_enqueue_script('image-cropper', '\u002Fpath\u002Fto\u002Fcropper.js');\n    wp_enqueue_style('image-cropper', '\u002Fpath\u002Fto\u002Fcropper.css');\n}\nadd_action('admin_enqueue_scripts', 'add_image_cropper_to_media');\n","php",[489,1229,1230,1239,1254,1260,1281,1298,1304],{"__ignoreMap":729},[1231,1232,1235],"span",{"class":1233,"line":1234},"line",1,[1231,1236,1238],{"class":1237},"sLEZ0","\u002F\u002F Example: Add crop functionality to WordPress media library\n",[1231,1240,1242,1246,1250],{"class":1233,"line":1241},2,[1231,1243,1245],{"class":1244},"sGiLm","function",[1231,1247,1249],{"class":1248},"sqMzV"," add_image_cropper_to_media",[1231,1251,1253],{"class":1252},"svVIm","() {\n",[1231,1255,1257],{"class":1233,"line":1256},3,[1231,1258,1259],{"class":1237},"    \u002F\u002F Enqueue Image Cropper assets\n",[1231,1261,1263,1266,1269,1273,1275,1278],{"class":1233,"line":1262},4,[1231,1264,1265],{"class":1248},"    wp_enqueue_script",[1231,1267,1268],{"class":1252},"(",[1231,1270,1272],{"class":1271},"sjj1j","'image-cropper'",[1231,1274,982],{"class":1252},[1231,1276,1277],{"class":1271},"'\u002Fpath\u002Fto\u002Fcropper.js'",[1231,1279,1280],{"class":1252},");\n",[1231,1282,1284,1287,1289,1291,1293,1296],{"class":1233,"line":1283},5,[1231,1285,1286],{"class":1248},"    wp_enqueue_style",[1231,1288,1268],{"class":1252},[1231,1290,1272],{"class":1271},[1231,1292,982],{"class":1252},[1231,1294,1295],{"class":1271},"'\u002Fpath\u002Fto\u002Fcropper.css'",[1231,1297,1280],{"class":1252},[1231,1299,1301],{"class":1233,"line":1300},6,[1231,1302,1303],{"class":1252},"}\n",[1231,1305,1307,1310,1312,1315,1317,1320],{"class":1233,"line":1306},7,[1231,1308,1309],{"class":1248},"add_action",[1231,1311,1268],{"class":1252},[1231,1313,1314],{"class":1271},"'admin_enqueue_scripts'",[1231,1316,982],{"class":1252},[1231,1318,1319],{"class":1271},"'add_image_cropper_to_media'",[1231,1321,1280],{"class":1252},[452,1323,1325],{"id":1324},"integração-com-componente-react","Integração com Componente React",[723,1327,1331],{"className":1328,"code":1329,"language":1330,"meta":729,"style":729},"language-jsx shiki shiki-themes github-light github-light dark-plus","import ImageCropper from \".\u002FImageCropper\";\n\nfunction MyComponent() {\n  const handleCropComplete = (result) => {\n    \u002F\u002F Handle cropped image\n    console.log(\"Cropped image:\", result);\n  };\n\n  return (\n    \u003CImageCropper\n      aspectRatio={1}\n      outputFormat=\"jpeg\"\n      quality={85}\n      onCropComplete={handleCropComplete}\n    \u002F>\n  );\n}\n","jsx",[489,1332,1333,1352,1358,1367,1395,1400,1421,1426,1431,1440,1451,1471,1482,1497,1512,1518,1524],{"__ignoreMap":729},[1231,1334,1335,1339,1343,1346,1349],{"class":1233,"line":1234},[1231,1336,1338],{"class":1337},"srAhW","import",[1231,1340,1342],{"class":1341},"szTj3"," ImageCropper",[1231,1344,1345],{"class":1337}," from",[1231,1347,1348],{"class":1271}," \".\u002FImageCropper\"",[1231,1350,1351],{"class":1252},";\n",[1231,1353,1354],{"class":1233,"line":1241},[1231,1355,1357],{"emptyLinePlaceholder":1356},true,"\n",[1231,1359,1360,1362,1365],{"class":1233,"line":1256},[1231,1361,1245],{"class":1244},[1231,1363,1364],{"class":1248}," MyComponent",[1231,1366,1253],{"class":1252},[1231,1368,1369,1372,1375,1379,1382,1386,1389,1392],{"class":1233,"line":1262},[1231,1370,1371],{"class":1244},"  const",[1231,1373,1374],{"class":1248}," handleCropComplete",[1231,1376,1378],{"class":1377},"sGmsN"," =",[1231,1380,1381],{"class":1252}," (",[1231,1383,1385],{"class":1384},"szM7h","result",[1231,1387,1388],{"class":1252},") ",[1231,1390,1391],{"class":1244},"=>",[1231,1393,1394],{"class":1252}," {\n",[1231,1396,1397],{"class":1233,"line":1283},[1231,1398,1399],{"class":1237},"    \u002F\u002F Handle cropped image\n",[1231,1401,1402,1405,1407,1410,1412,1415,1417,1419],{"class":1233,"line":1300},[1231,1403,1404],{"class":1341},"    console",[1231,1406,1065],{"class":1252},[1231,1408,1409],{"class":1248},"log",[1231,1411,1268],{"class":1252},[1231,1413,1414],{"class":1271},"\"Cropped image:\"",[1231,1416,982],{"class":1252},[1231,1418,1385],{"class":1341},[1231,1420,1280],{"class":1252},[1231,1422,1423],{"class":1233,"line":1306},[1231,1424,1425],{"class":1252},"  };\n",[1231,1427,1429],{"class":1233,"line":1428},8,[1231,1430,1357],{"emptyLinePlaceholder":1356},[1231,1432,1434,1437],{"class":1233,"line":1433},9,[1231,1435,1436],{"class":1337},"  return",[1231,1438,1439],{"class":1252}," (\n",[1231,1441,1443,1447],{"class":1233,"line":1442},10,[1231,1444,1446],{"class":1445},"skpqk","    \u003C",[1231,1448,1450],{"class":1449},"s2-Xe","ImageCropper\n",[1231,1452,1454,1458,1461,1465,1469],{"class":1233,"line":1453},11,[1231,1455,1457],{"class":1456},"shCbc","      aspectRatio",[1231,1459,1460],{"class":1377},"=",[1231,1462,1464],{"class":1463},"stLzX","{",[1231,1466,1468],{"class":1467},"sewGd","1",[1231,1470,1303],{"class":1463},[1231,1472,1474,1477,1479],{"class":1233,"line":1473},12,[1231,1475,1476],{"class":1456},"      outputFormat",[1231,1478,1460],{"class":1377},[1231,1480,1481],{"class":1271},"\"jpeg\"\n",[1231,1483,1485,1488,1490,1492,1495],{"class":1233,"line":1484},13,[1231,1486,1487],{"class":1456},"      quality",[1231,1489,1460],{"class":1377},[1231,1491,1464],{"class":1463},[1231,1493,1494],{"class":1467},"85",[1231,1496,1303],{"class":1463},[1231,1498,1500,1503,1505,1507,1510],{"class":1233,"line":1499},14,[1231,1501,1502],{"class":1456},"      onCropComplete",[1231,1504,1460],{"class":1377},[1231,1506,1464],{"class":1463},[1231,1508,1509],{"class":1341},"handleCropComplete",[1231,1511,1303],{"class":1463},[1231,1513,1515],{"class":1233,"line":1514},15,[1231,1516,1517],{"class":1445},"    \u002F>\n",[1231,1519,1521],{"class":1233,"line":1520},16,[1231,1522,1523],{"class":1252},"  );\n",[1231,1525,1527],{"class":1233,"line":1526},17,[1231,1528,1303],{"class":1252},[452,1530,1532],{"id":1531},"integração-com-plataforma-de-e-commerce","Integração com Plataforma de E-commerce",[723,1534,1538],{"className":1535,"code":1536,"language":1537,"meta":729,"style":729},"language-javascript shiki shiki-themes github-light github-light dark-plus","\u002F\u002F Example: Shopify app integration\nfunction setupProductImageCropper() {\n  const cropper = new ImageCropper({\n    container: \"#product-image-editor\",\n    aspectRatio: 1,\n    outputFormat: \"jpeg\",\n    quality: 90,\n    onCrop: (result) => {\n      uploadProductImage(result.blob);\n    },\n  });\n}\n","javascript",[489,1539,1540,1545,1554,1572,1583,1593,1603,1613,1630,1646,1651,1656],{"__ignoreMap":729},[1231,1541,1542],{"class":1233,"line":1234},[1231,1543,1544],{"class":1237},"\u002F\u002F Example: Shopify app integration\n",[1231,1546,1547,1549,1552],{"class":1233,"line":1241},[1231,1548,1245],{"class":1244},[1231,1550,1551],{"class":1248}," setupProductImageCropper",[1231,1553,1253],{"class":1252},[1231,1555,1556,1558,1562,1564,1567,1569],{"class":1233,"line":1256},[1231,1557,1371],{"class":1244},[1231,1559,1561],{"class":1560},"sdRU0"," cropper",[1231,1563,1378],{"class":1377},[1231,1565,1566],{"class":1244}," new",[1231,1568,1342],{"class":1248},[1231,1570,1571],{"class":1252},"({\n",[1231,1573,1574,1577,1580],{"class":1233,"line":1262},[1231,1575,1576],{"class":1341},"    container:",[1231,1578,1579],{"class":1271}," \"#product-image-editor\"",[1231,1581,1582],{"class":1252},",\n",[1231,1584,1585,1588,1591],{"class":1233,"line":1283},[1231,1586,1587],{"class":1341},"    aspectRatio:",[1231,1589,1590],{"class":1467}," 1",[1231,1592,1582],{"class":1252},[1231,1594,1595,1598,1601],{"class":1233,"line":1300},[1231,1596,1597],{"class":1341},"    outputFormat:",[1231,1599,1600],{"class":1271}," \"jpeg\"",[1231,1602,1582],{"class":1252},[1231,1604,1605,1608,1611],{"class":1233,"line":1306},[1231,1606,1607],{"class":1341},"    quality:",[1231,1609,1610],{"class":1467}," 90",[1231,1612,1582],{"class":1252},[1231,1614,1615,1618,1620,1622,1624,1626,1628],{"class":1233,"line":1428},[1231,1616,1617],{"class":1248},"    onCrop",[1231,1619,1072],{"class":1341},[1231,1621,1381],{"class":1252},[1231,1623,1385],{"class":1384},[1231,1625,1388],{"class":1252},[1231,1627,1391],{"class":1244},[1231,1629,1394],{"class":1252},[1231,1631,1632,1635,1637,1639,1641,1644],{"class":1233,"line":1433},[1231,1633,1634],{"class":1248},"      uploadProductImage",[1231,1636,1268],{"class":1252},[1231,1638,1385],{"class":1341},[1231,1640,1065],{"class":1252},[1231,1642,1643],{"class":1341},"blob",[1231,1645,1280],{"class":1252},[1231,1647,1648],{"class":1233,"line":1442},[1231,1649,1650],{"class":1252},"    },\n",[1231,1652,1653],{"class":1233,"line":1453},[1231,1654,1655],{"class":1252},"  });\n",[1231,1657,1658],{"class":1233,"line":1473},[1231,1659,1303],{"class":1252},[1661,1662,1663],"style",{},"html pre.shiki code .sLEZ0, html code.shiki .sLEZ0{--shiki-default:#6A737D;--shiki-light:#6A737D;--shiki-dark:#6A9955}html pre.shiki code .sGiLm, html code.shiki .sGiLm{--shiki-default:#D73A49;--shiki-light:#D73A49;--shiki-dark:#569CD6}html pre.shiki code .sqMzV, html code.shiki .sqMzV{--shiki-default:#6F42C1;--shiki-light:#6F42C1;--shiki-dark:#DCDCAA}html pre.shiki code .svVIm, html code.shiki .svVIm{--shiki-default:#24292E;--shiki-light:#24292E;--shiki-dark:#D4D4D4}html pre.shiki code .sjj1j, html code.shiki .sjj1j{--shiki-default:#032F62;--shiki-light:#032F62;--shiki-dark:#CE9178}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 .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 .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 .srAhW, html code.shiki .srAhW{--shiki-default:#D73A49;--shiki-light:#D73A49;--shiki-dark:#C586C0}html pre.shiki code .szTj3, html code.shiki .szTj3{--shiki-default:#24292E;--shiki-light:#24292E;--shiki-dark:#9CDCFE}html pre.shiki code .sGmsN, html code.shiki .sGmsN{--shiki-default:#D73A49;--shiki-light:#D73A49;--shiki-dark:#D4D4D4}html pre.shiki code .szM7h, html code.shiki .szM7h{--shiki-default:#E36209;--shiki-light:#E36209;--shiki-dark:#9CDCFE}html pre.shiki code .skpqk, html code.shiki .skpqk{--shiki-default:#24292E;--shiki-light:#24292E;--shiki-dark:#808080}html pre.shiki code .s2-Xe, html code.shiki .s2-Xe{--shiki-default:#005CC5;--shiki-light:#005CC5;--shiki-dark:#4EC9B0}html pre.shiki code .shCbc, html code.shiki .shCbc{--shiki-default:#6F42C1;--shiki-light:#6F42C1;--shiki-dark:#9CDCFE}html pre.shiki code .stLzX, html code.shiki .stLzX{--shiki-default:#24292E;--shiki-light:#24292E;--shiki-dark:#569CD6}html pre.shiki code .sewGd, html code.shiki .sewGd{--shiki-default:#005CC5;--shiki-light:#005CC5;--shiki-dark:#B5CEA8}html pre.shiki code .sdRU0, html code.shiki .sdRU0{--shiki-default:#005CC5;--shiki-light:#005CC5;--shiki-dark:#4FC1FF}",{"title":729,"searchDepth":1241,"depth":1241,"links":1665},[1666,1671,1675,1679,1684],{"id":449,"depth":1241,"text":450,"children":1667},[1668,1669,1670],{"id":454,"depth":1256,"text":455},{"id":548,"depth":1256,"text":549},{"id":655,"depth":1256,"text":656},{"id":712,"depth":1241,"text":713,"children":1672},[1673,1674],{"id":716,"depth":1256,"text":717},{"id":754,"depth":1256,"text":755},{"id":886,"depth":1241,"text":887,"children":1676},[1677,1678],{"id":890,"depth":1256,"text":891},{"id":929,"depth":1256,"text":930},{"id":1050,"depth":1241,"text":1051,"children":1680},[1681,1682,1683],{"id":1054,"depth":1256,"text":1055},{"id":1089,"depth":1256,"text":1090},{"id":1169,"depth":1256,"text":1170},{"id":1217,"depth":1241,"text":1218,"children":1685},[1686,1687,1688],{"id":1221,"depth":1256,"text":1222},{"id":1324,"depth":1256,"text":1325},{"id":1531,"depth":1256,"text":1532},"md",{},{"title":98,"description":445},{"loc":99},"RHl7vhTcI2ibvcPwbbu-vWAUHWX0JKUAv56TCBu0jt8",[1695,1695],null]