[{"data":1,"prerenderedAt":681},["ShallowReactive",2],{"navigation_docs_es":3,"-es-recipes-document-type-input":384,"-es-recipes-document-type-input-surround":676},[4,55,360],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Primeros Pasos",false,"/es/getting-started","es/1.getting-started",[10,15,20,25,30,35,40,45,50],{"title":11,"path":12,"stem":13,"icon":14},"Introducción","/es/getting-started/introduction","es/1.getting-started/2.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Instalación","/es/getting-started/installation","es/1.getting-started/3.installation","i-lucide-download",{"title":21,"path":22,"stem":23,"icon":24},"Skill de IA","/es/getting-started/ai-skill","es/1.getting-started/4.ai-skill","i-lucide-bot",{"title":26,"path":27,"stem":28,"icon":29},"Estructura del proyecto","/es/getting-started/project-structure","es/1.getting-started/5.project-structure","i-lucide-folder-tree",{"title":31,"path":32,"stem":33,"icon":34},"Componentes","/es/getting-started/components","es/1.getting-started/6.components","i-lucide-layout-grid",{"title":36,"path":37,"stem":38,"icon":39},"Configuración i18n","/es/getting-started/i18n","es/1.getting-started/7.i18n","i-lucide-globe",{"title":41,"path":42,"stem":43,"icon":44},"Migración","/es/getting-started/migration","es/1.getting-started/8.migration","i-lucide-replace",{"title":46,"path":47,"stem":48,"icon":49},"Solución de problemas","/es/getting-started/troubleshooting","es/1.getting-started/9.troubleshooting","i-lucide-wrench",{"title":51,"path":52,"stem":53,"icon":54},"Roadmap","/es/getting-started/roadmap","es/1.getting-started/99.roadmap","i-lucide-map",{"title":31,"icon":6,"path":56,"stem":57,"children":58,"page":6},"/es/components","es/2.components",[59,114,148,213,258,310,340],{"title":60,"icon":6,"path":61,"stem":62,"children":63,"page":6},"Entrada de datos","/es/components/data-input","es/2.components/1.data-input",[64,69,74,79,84,89,94,99,104,109],{"title":65,"path":66,"stem":67,"icon":68},"Input","/es/components/data-input/input","es/2.components/1.data-input/1.input","i-lucide-text-cursor-input",{"title":70,"path":71,"stem":72,"icon":73},"Select","/es/components/data-input/select","es/2.components/1.data-input/11.select","i-lucide-chevrons-up-down",{"title":75,"path":76,"stem":77,"icon":78},"InputAmount","/es/components/data-input/input-amount","es/2.components/1.data-input/2.input-amount","i-lucide-dollar-sign",{"title":80,"path":81,"stem":82,"icon":83},"InputDate","/es/components/data-input/input-date","es/2.components/1.data-input/3.input-date","i-lucide-calendar",{"title":85,"path":86,"stem":87,"icon":88},"InputIncrement","/es/components/data-input/input-increment","es/2.components/1.data-input/4.input-increment","i-mdi-plus-minus",{"title":90,"path":91,"stem":92,"icon":93},"InputMask","/es/components/data-input/input-mask","es/2.components/1.data-input/5.input-mask","i-lucide-key-round",{"title":95,"path":96,"stem":97,"icon":98},"InputOtp","/es/components/data-input/input-otp","es/2.components/1.data-input/6.input-otp","i-lucide-shield-check",{"title":100,"path":101,"stem":102,"icon":103},"InputPassword","/es/components/data-input/input-password","es/2.components/1.data-input/7.input-password","i-lucide-lock",{"title":105,"path":106,"stem":107,"icon":108},"InputTag","/es/components/data-input/input-tag","es/2.components/1.data-input/8.input-tag","i-lucide-tag",{"title":110,"path":111,"stem":112,"icon":113},"Textarea","/es/components/data-input/textarea","es/2.components/1.data-input/9.textarea","i-lucide-text-select",{"title":115,"icon":6,"path":116,"stem":117,"children":118,"page":6},"Selectores","/es/components/selectors","es/2.components/2.selectors",[119,124,129,133,138,143],{"title":120,"path":121,"stem":122,"icon":123},"Checkbox","/es/components/selectors/checkbox","es/2.components/2.selectors/1.checkbox","i-lucide-check-square",{"title":125,"path":126,"stem":127,"icon":128},"Radio","/es/components/selectors/radio","es/2.components/2.selectors/2.radio","i-lucide-circle-dot",{"title":130,"path":131,"stem":132,"icon":128},"Radio Group","/es/components/selectors/radio-group","es/2.components/2.selectors/3.radio-group",{"title":134,"path":135,"stem":136,"icon":137},"Switch","/es/components/selectors/switch","es/2.components/2.selectors/4.switch","i-lucide-toggle-right",{"title":139,"path":140,"stem":141,"icon":142},"Selector","/es/components/selectors/selector","es/2.components/2.selectors/5.selector","i-lucide-pointer",{"title":144,"path":145,"stem":146,"icon":147},"Multi Selector","/es/components/selectors/multi-selector","es/2.components/2.selectors/6.multi-selector","i-lucide-list-checks",{"title":149,"icon":6,"path":150,"stem":151,"children":152,"page":6},"Visualización","/es/components/display","es/2.components/3.display",[153,158,163,168,173,178,183,188,193,198,203,208],{"title":154,"path":155,"stem":156,"icon":157},"Alert","/es/components/display/alert","es/2.components/3.display/1.alert","i-lucide-alert-circle",{"title":159,"path":160,"stem":161,"icon":162},"Skeleton","/es/components/display/skeleton","es/2.components/3.display/10.skeleton","i-lucide-loader-circle",{"title":164,"path":165,"stem":166,"icon":167},"Definition Term","/es/components/display/definition-term","es/2.components/3.display/11.definition-term","i-lucide-book-type",{"title":169,"path":170,"stem":171,"icon":172},"Placetopay Logo","/es/components/display/placetopay-logo","es/2.components/3.display/12.placetopay-logo","i-lucide-image",{"title":174,"path":175,"stem":176,"icon":177},"Avatar","/es/components/display/avatar","es/2.components/3.display/2.avatar","i-lucide-user-circle",{"title":179,"path":180,"stem":181,"icon":182},"Badge","/es/components/display/badge","es/2.components/3.display/3.badge","i-lucide-badge",{"title":184,"path":185,"stem":186,"icon":187},"Card","/es/components/display/card","es/2.components/3.display/4.card","i-lucide-square",{"title":189,"path":190,"stem":191,"icon":192},"Card Brand","/es/components/display/card-brand","es/2.components/3.display/5.card-brand","i-lucide-credit-card",{"title":194,"path":195,"stem":196,"icon":197},"Caption","/es/components/display/caption","es/2.components/3.display/6.caption","i-lucide-type",{"title":199,"path":200,"stem":201,"icon":202},"Link","/es/components/display/link","es/2.components/3.display/7.link","i-lucide-link",{"title":204,"path":205,"stem":206,"icon":207},"Toast","/es/components/display/toast","es/2.components/3.display/8.toast","i-lucide-bell-ring",{"title":209,"path":210,"stem":211,"icon":212},"Breadcrumbs","/es/components/display/breadcrumbs","es/2.components/3.display/9.breadcrumbs","i-lucide-navigation",{"title":214,"icon":6,"path":215,"stem":216,"children":217,"page":6},"Modales y Overlays","/es/components/modals","es/2.components/4.modals",[218,223,228,233,238,243,248,253],{"title":219,"path":220,"stem":221,"icon":222},"Modal","/es/components/modals/modal","es/2.components/4.modals/1.modal","i-lucide-square-dashed",{"title":224,"path":225,"stem":226,"icon":227},"Modal Card","/es/components/modals/modal-card","es/2.components/4.modals/2.modal-card","i-lucide-panel-top",{"title":229,"path":230,"stem":231,"icon":232},"Modal Confirm","/es/components/modals/modal-confirm","es/2.components/4.modals/3.modal-confirm","i-lucide-check-circle-2",{"title":234,"path":235,"stem":236,"icon":237},"Modal Left","/es/components/modals/modal-left","es/2.components/4.modals/4.modal-left","i-lucide-panel-left",{"title":239,"path":240,"stem":241,"icon":242},"Modal Side","/es/components/modals/modal-side","es/2.components/4.modals/5.modal-side","i-lucide-panel-right",{"title":244,"path":245,"stem":246,"icon":247},"Popover","/es/components/modals/popover","es/2.components/4.modals/6.popover","i-lucide-message-circle",{"title":249,"path":250,"stem":251,"icon":252},"Tooltip","/es/components/modals/tooltip","es/2.components/4.modals/7.tooltip","i-lucide-info",{"title":254,"path":255,"stem":256,"icon":257},"Dropdown","/es/components/modals/dropdown","es/2.components/4.modals/8.dropdown","i-lucide-chevron-down-circle",{"title":259,"icon":6,"path":260,"stem":261,"children":262,"page":6},"Estructura y Layout","/es/components/structure","es/2.components/5.structure",[263,267,272,276,281,286,290,295,300,305],{"title":264,"path":265,"stem":266,"icon":73},"Accordion","/es/components/structure/accordion","es/2.components/5.structure/1.accordion",{"title":268,"path":269,"stem":270,"icon":271},"ButtonGroup","/es/components/structure/button-group","es/2.components/5.structure/10.button-group","i-lucide-group",{"title":273,"path":274,"stem":275,"icon":237},"Sidebar","/es/components/structure/sidebar","es/2.components/5.structure/2.sidebar",{"title":277,"path":278,"stem":279,"icon":280},"Tab","/es/components/structure/tab","es/2.components/5.structure/3.tab","i-lucide-notebook-tabs",{"title":282,"path":283,"stem":284,"icon":285},"Table","/es/components/structure/table","es/2.components/5.structure/4.table","i-lucide-table",{"title":287,"path":288,"stem":289,"icon":285},"DTable","/es/components/structure/dtable","es/2.components/5.structure/5.dtable",{"title":291,"path":292,"stem":293,"icon":294},"TemplateHeaderTable","/es/components/structure/template-header-table","es/2.components/5.structure/6.template-header-table","i-lucide-table-properties",{"title":296,"path":297,"stem":298,"icon":299},"Steps","/es/components/structure/steps","es/2.components/5.structure/7.steps","i-lucide-footprints",{"title":301,"path":302,"stem":303,"icon":304},"Paginator","/es/components/structure/paginator","es/2.components/5.structure/8.paginator","i-lucide-ellipsis",{"title":306,"path":307,"stem":308,"icon":309},"StackedList","/es/components/structure/stacked-list","es/2.components/5.structure/9.stacked-list","i-lucide-list",{"title":311,"icon":6,"path":312,"stem":313,"children":314,"page":6},"Utilidades","/es/components/utilities","es/2.components/6.utilities",[315,320,325,330,335],{"title":316,"path":317,"stem":318,"icon":319},"Button","/es/components/utilities/button","es/2.components/6.utilities/1.button","i-lucide-mouse-pointer-click",{"title":321,"path":322,"stem":323,"icon":324},"Label","/es/components/utilities/label","es/2.components/6.utilities/2.label","i-lucide-signpost",{"title":326,"path":327,"stem":328,"icon":329},"Filter","/es/components/utilities/filter","es/2.components/6.utilities/3.filter","i-lucide-filter",{"title":331,"path":332,"stem":333,"icon":334},"ColorSwitch","/es/components/utilities/color-switch","es/2.components/6.utilities/5.color-switch","i-lucide-sun-moon",{"title":336,"path":337,"stem":338,"icon":339},"Copy","/es/components/utilities/copy","es/2.components/6.utilities/6.copy","i-lucide-copy",{"title":341,"path":342,"stem":343,"children":344,"page":6},"Typography","/es/components/typography","es/2.components/7.typography",[345,350,355],{"title":346,"path":347,"stem":348,"icon":349},"Page Title","/es/components/typography/page-title","es/2.components/7.typography/1.page-title","i-lucide-heading",{"title":351,"path":352,"stem":353,"icon":354},"Section Title","/es/components/typography/section-title","es/2.components/7.typography/2.section-title","i-lucide-heading-1",{"title":356,"path":357,"stem":358,"icon":359},"Section Description","/es/components/typography/section-description","es/2.components/7.typography/3.section-description","i-lucide-heading-2",{"title":361,"icon":6,"path":362,"stem":363,"children":364,"page":6},"Recetas","/es/recipes","es/3.recipes",[365,370,374,379],{"title":366,"path":367,"stem":368,"icon":369},"Selector + Input","/es/recipes/document-type-input","es/3.recipes/1.document-type-input","i-lucide-id-card",{"title":371,"path":372,"stem":373,"icon":78},"Selector + InputAmount","/es/recipes/currency-amount","es/3.recipes/2.currency-amount",{"title":375,"path":376,"stem":377,"icon":378},"Rango de fechas","/es/recipes/date-range","es/3.recipes/3.date-range","i-lucide-calendar-range",{"title":380,"path":381,"stem":382,"icon":383},"Selectores en cascada","/es/recipes/cascading-location","es/3.recipes/4.cascading-location","i-lucide-list-tree",{"id":385,"title":366,"body":386,"description":667,"extension":668,"links":669,"meta":670,"navigation":671,"path":367,"seo":672,"stem":368,"__hash__":675},"docs_es/es/3.recipes/1.document-type-input.md",{"type":387,"value":388,"toc":652},"minimark",[389,393,397,402,427,431,436,468,472,487,502,506,521,525,532,536,579,583,633,637],[390,391,392],"p",{},"Captura un tipo de identificación (CC, CE, TI, NIT, Pasaporte) y su número como si fueran un solo campo de formulario.",[394,395],"component-preview",{"file":396},"recipes/document-type-input",[398,399,401],"h2",{"id":400},"cuándo-usarla","Cuándo usarla",[403,404,405,409,412],"ul",{},[406,407,408],"li",{},"Registro o perfil de usuarios donde el tipo condiciona la validación del número.",[406,410,411],{},"Cualquier combo \"categoría + valor\" donde el selector elige un pequeño conjunto de opciones y el input captura el dato principal (tipo de impuesto + monto base, código de producto + cantidad, etc.).",[406,413,414,415,419,420,422,423,426],{},"Cuando las opciones de tipo de documento son objetos (con ",[416,417,418],"code",{},"label"," y ",[416,421,416],{},") y necesitas el poder de ",[416,424,425],{},"SSelector",": búsqueda, grupos, carga, estado de limpieza.",[398,428,430],{"id":429},"decisiones-de-diseño","Decisiones de diseño",[432,433,435],"h3",{"id":434},"pegado-visual","Pegado visual",[390,437,438,439,442,443,419,445,442,448,451,452,455,456,459,460,463,464,467],{},"El pegado es puramente tipográfico: ",[416,440,441],{},"rounded=\"left\""," en el ",[416,444,425],{},[416,446,447],{},"rounded=\"right\"",[416,449,450],{},"SInput",". Ambos comparten la misma altura (",[416,453,454],{},"h-9",") porque usan el mismo token ",[416,457,458],{},"inputStyle.root",". El contenedor es un ",[416,461,462],{},"flex items-stretch"," para que los bordes inferiores queden alineados incluso cuando el navegador aplica ",[416,465,466],{},"autofill",".",[432,469,471],{"id":470},"forma-del-v-model","Forma del v-model",[390,473,474,478,479,482,483,486],{},[475,476,477],"strong",{},"Recomendado",": un único objeto ",[416,480,481],{},"{ type, number }"," enlazado como ",[416,484,485],{},"v-model"," del combo. El tipo y el número forman una unidad de datos y rara vez viajan separados al back-end. Enlazarlos como un solo objeto deja claro que son inseparables.",[390,488,489,490,493,494,497,498,501],{},"Alternativa aceptable: dos refs independientes (",[416,491,492],{},"type",", ",[416,495,496],{},"number",") si el formulario que los envuelve ya trabaja con campos planos. En ese caso, combínalos en una función ",[416,499,500],{},"submit"," antes de despachar.",[432,503,505],{"id":504},"coordinación-del-error","Coordinación del error",[390,507,508,509,512,513,516,517,520],{},"Si la validación de la combinación falla (por ejemplo, número inválido para el tipo elegido), pasa ",[416,510,511],{},"error"," a ",[475,514,515],{},"ambos"," componentes. La regla: el combo se presenta como un único pill, así que un pill \"medio rojo\" se lee como un bug de render. El consumidor mantiene un ",[416,518,519],{},"hasError"," computado único y lo pasa a los dos hijos.",[432,522,524],{"id":523},"etiqueta-y-mensaje","Etiqueta y mensaje",[390,526,527,528,531],{},"Un solo ",[416,529,530],{},"SLabel"," encima del combo (no uno por componente) y un solo mensaje de error debajo. Esto respeta que el combo es una sola pregunta (\"¿cuál es tu documento?\"), no dos.",[432,533,535],{"id":534},"accesibilidad","Accesibilidad",[403,537,538,558,567],{},[406,539,540,541,543,544,547,548,550,551,554,555,557],{},"El ",[416,542,450],{}," lleva el ",[416,545,546],{},"id"," referenciado por el ",[416,549,530],{}," mediante ",[416,552,553],{},"for",". El ",[416,556,425],{}," hereda su etiqueta a través de la cercanía y la relación visual.",[406,559,560,561,442,564,566],{},"Cuando el combo muestra un error, añade ",[416,562,563],{},"aria-describedby",[416,565,450],{}," apuntando al id del párrafo de error.",[406,568,569,570,572,573,575,576,467],{},"El orden natural de tabulación es: ",[416,571,425],{}," → ",[416,574,450],{},". No lo alteres con ",[416,577,578],{},"tabindex",[398,580,582],{"id":581},"variantes","Variantes",[403,584,585,597,614],{},[406,586,587,590,591,594,595,467],{},[475,588,589],{},"Con búsqueda",": si tu lista de tipos supera ~8 entradas (empresas grandes con muchos tipos tributarios), activa ",[416,592,593],{},"search"," en ",[416,596,425],{},[406,598,599,602,603,606,607,609,610,613],{},[475,600,601],{},"Con iconos por tipo",": usa el slot ",[416,604,605],{},"option"," de ",[416,608,425],{}," para renderizar un icono o bandera junto a cada tipo. El botón cerrado se conserva compacto si ",[416,611,612],{},"optionLabel"," apunta al código corto.",[406,615,616,619,620,594,623,626,627,594,630,632],{},[475,617,618],{},"Tipos asíncronos",": carga los tipos con ",[416,621,622],{},"fetch",[416,624,625],{},"onMounted"," y muestra ",[416,628,629],{},"loading",[416,631,425],{}," mientras llegan los datos.",[398,634,636],{"id":635},"relacionado","Relacionado",[403,638,639,644,648],{},[406,640,641],{},[642,643,425],"a",{"href":140},[406,645,646],{},[642,647,450],{"href":66},[406,649,650],{},[642,651,530],{"href":322},{"title":653,"searchDepth":654,"depth":654,"links":655},"",2,[656,657,665,666],{"id":400,"depth":654,"text":401},{"id":429,"depth":654,"text":430,"children":658},[659,661,662,663,664],{"id":434,"depth":660,"text":435},3,{"id":470,"depth":660,"text":471},{"id":504,"depth":660,"text":505},{"id":523,"depth":660,"text":524},{"id":534,"depth":660,"text":535},{"id":581,"depth":654,"text":582},{"id":635,"depth":654,"text":636},"Patrón para capturar un tipo de documento y su número como un único control visual usando SSelector y SInput pegados.","md",null,{},{"icon":369},{"title":673,"description":674},"Receta Selector + Input - Spartan Vue","Combina SSelector y SInput como un control único para capturar tipo de documento y número. Decisiones sobre rounded, v-model y error coordinado.","NDLwZIED8EdDTa880tOvv3rK9yV2jca3q6RGcLh6xBY",[677,679],{"title":356,"path":357,"stem":358,"description":678,"icon":359,"children":-1},"Un componente de texto para descripciones de sección con etiqueta HTML configurable y soporte para modo oscuro.",{"title":371,"path":372,"stem":373,"description":680,"icon":78,"children":-1},"Patrón para capturar moneda y monto como un único control usando SSelector junto a SInputAmount pegados mediante la prop rounded.",1778801807875]