[{"data":1,"prerenderedAt":1697},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Futilities\u002Fdirectives\u002Fmask":682},[4,11,128,525,584,626],{"title":5,"path":6,"stem":7,"order":8,"icon":9,"collapse":10,"navBadges":9},"Selaras","\u002F","index",1,null,false,{"title":12,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":14,"stem":15,"children":16,"page":10},"Overview",10,"\u002Foverview","overview",[17,70,107],{"title":18,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":19,"stem":20,"children":21,"page":10},"Getting Started","\u002Foverview\u002Fgetting-started","overview\u002Fgetting-started",[22,26,31,36,41,46,51,56,61,66],{"title":23,"path":24,"stem":25,"order":13,"icon":9,"collapse":10,"navBadges":9},"Introduction","\u002Foverview\u002Fgetting-started\u002Fintroduction","overview\u002Fgetting-started\u002Fintroduction",{"title":27,"path":28,"stem":29,"order":30,"icon":9,"collapse":10,"navBadges":9},"Installation","\u002Foverview\u002Fgetting-started\u002Finstallation","overview\u002Fgetting-started\u002Finstallation",20,{"title":32,"path":33,"stem":34,"order":35,"icon":9,"collapse":10,"navBadges":9},"Component usage","\u002Foverview\u002Fgetting-started\u002Fcomponent-usage","overview\u002Fgetting-started\u002Fcomponent-usage",30,{"title":37,"path":38,"stem":39,"order":40,"icon":9,"collapse":10,"navBadges":9},"Nuxt configuration","\u002Foverview\u002Fgetting-started\u002Fnuxt-configuration","overview\u002Fgetting-started\u002Fnuxt-configuration",40,{"title":42,"path":43,"stem":44,"order":45,"icon":9,"collapse":10,"navBadges":9},"Icons","\u002Foverview\u002Fgetting-started\u002Ficons","overview\u002Fgetting-started\u002Ficons",50,{"title":47,"path":48,"stem":49,"order":50,"icon":9,"collapse":10,"navBadges":9},"Messages and localization","\u002Foverview\u002Fgetting-started\u002Fmessages","overview\u002Fgetting-started\u002Fmessages",60,{"title":52,"path":53,"stem":54,"order":55,"icon":9,"collapse":10,"navBadges":9},"Adaptive interfaces","\u002Foverview\u002Fgetting-started\u002Fadaptive-interfaces","overview\u002Fgetting-started\u002Fadaptive-interfaces",70,{"title":57,"path":58,"stem":59,"order":60,"icon":9,"collapse":10,"navBadges":9},"TypeScript","\u002Foverview\u002Fgetting-started\u002Ftypescript","overview\u002Fgetting-started\u002Ftypescript",80,{"title":62,"path":63,"stem":64,"order":65,"icon":9,"collapse":10,"navBadges":9},"Accessibility","\u002Foverview\u002Fgetting-started\u002Faccessibility","overview\u002Fgetting-started\u002Faccessibility",90,{"title":67,"path":68,"stem":69,"order":65,"icon":9,"collapse":10,"navBadges":9},"Migrating to 1.0","\u002Foverview\u002Fgetting-started\u002Fmigrating-to-1","overview\u002Fgetting-started\u002Fmigrating-to-1",{"title":71,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":72,"stem":73,"children":74,"page":10},"Theming","\u002Foverview\u002Ftheming","overview\u002Ftheming",[75,78,82,86,90,94,99,103],{"title":71,"path":76,"stem":77,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Foverview\u002Ftheming\u002Foverview","overview\u002Ftheming\u002Foverview",{"title":79,"path":80,"stem":81,"order":30,"icon":9,"collapse":10,"navBadges":9},"CSS tokens","\u002Foverview\u002Ftheming\u002Fcss-tokens","overview\u002Ftheming\u002Fcss-tokens",{"title":83,"path":84,"stem":85,"order":35,"icon":9,"collapse":10,"navBadges":9},"Color roles","\u002Foverview\u002Ftheming\u002Fcolor-roles","overview\u002Ftheming\u002Fcolor-roles",{"title":87,"path":88,"stem":89,"order":40,"icon":9,"collapse":10,"navBadges":9},"Color modes","\u002Foverview\u002Ftheming\u002Fcolor-modes","overview\u002Ftheming\u002Fcolor-modes",{"title":91,"path":92,"stem":93,"order":45,"icon":9,"collapse":10,"navBadges":9},"Component styling","\u002Foverview\u002Ftheming\u002Fcomponent-styling","overview\u002Ftheming\u002Fcomponent-styling",{"title":95,"path":96,"stem":97,"order":98,"icon":9,"collapse":10,"navBadges":9},"Global configuration","\u002Foverview\u002Ftheming\u002Fglobal-configuration","overview\u002Ftheming\u002Fglobal-configuration",55,{"title":100,"path":101,"stem":102,"order":50,"icon":9,"collapse":10,"navBadges":9},"Scoped themes","\u002Foverview\u002Ftheming\u002Fscoped-themes","overview\u002Ftheming\u002Fscoped-themes",{"title":104,"path":105,"stem":106,"order":55,"icon":9,"collapse":10,"navBadges":9},"Complete themes","\u002Foverview\u002Ftheming\u002Fcomplete-themes","overview\u002Ftheming\u002Fcomplete-themes",{"title":108,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":109,"stem":110,"children":111,"page":10},"Agent Support","\u002Foverview\u002Fagent-support","overview\u002Fagent-support",[112,116,120,124],{"title":113,"path":114,"stem":115,"order":13,"icon":9,"collapse":10,"navBadges":9},"Agent support","\u002Foverview\u002Fagent-support\u002Foverview","overview\u002Fagent-support\u002Foverview",{"title":117,"path":118,"stem":119,"order":30,"icon":9,"collapse":10,"navBadges":9},"Documentation exports","\u002Foverview\u002Fagent-support\u002Fdocumentation","overview\u002Fagent-support\u002Fdocumentation",{"title":121,"path":122,"stem":123,"order":35,"icon":9,"collapse":10,"navBadges":9},"Skills","\u002Foverview\u002Fagent-support\u002Fskills","overview\u002Fagent-support\u002Fskills",{"title":125,"path":126,"stem":127,"order":40,"icon":9,"collapse":10,"navBadges":9},"MCP","\u002Foverview\u002Fagent-support\u002Fmcp","overview\u002Fagent-support\u002Fmcp",{"title":129,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":130,"stem":131,"children":132,"page":10},"Components","\u002Fcomponents","components",[133,210,313,336,380,433,486],{"title":134,"path":135,"stem":136,"children":137,"page":10},"Elements","\u002Fcomponents\u002Felements","components\u002Felements",[138,142,147,152,157,162,166,171,176,181,186,191,196,201,205],{"title":139,"path":140,"stem":141,"order":13,"icon":9,"collapse":10,"navBadges":9},"Button","\u002Fcomponents\u002Felements\u002Fbutton","components\u002Felements\u002Fbutton",{"title":143,"path":144,"stem":145,"order":146,"icon":9,"collapse":10,"navBadges":9},"ButtonGroup","\u002Fcomponents\u002Felements\u002Fbutton-group","components\u002Felements\u002Fbutton-group",10.5,{"title":148,"path":149,"stem":150,"order":151,"icon":9,"collapse":10,"navBadges":9},"Badge","\u002Fcomponents\u002Felements\u002Fbadge","components\u002Felements\u002Fbadge",11,{"title":153,"path":154,"stem":155,"order":156,"icon":9,"collapse":10,"navBadges":9},"Avatar","\u002Fcomponents\u002Felements\u002Favatar","components\u002Felements\u002Favatar",11.25,{"title":158,"path":159,"stem":160,"order":161,"icon":9,"collapse":10,"navBadges":9},"AvatarGroup","\u002Fcomponents\u002Felements\u002Favatar-group","components\u002Felements\u002Favatar-group",11.5,{"title":163,"path":164,"stem":165,"order":161,"icon":9,"collapse":10,"navBadges":9},"Chip","\u002Fcomponents\u002Felements\u002Fchip","components\u002Felements\u002Fchip",{"title":167,"path":168,"stem":169,"order":170,"icon":9,"collapse":10,"navBadges":9},"Icon","\u002Fcomponents\u002Felements\u002Ficon","components\u002Felements\u002Ficon",12,{"title":172,"path":173,"stem":174,"order":175,"icon":9,"collapse":10,"navBadges":9},"Skeleton","\u002Fcomponents\u002Felements\u002Fskeleton","components\u002Felements\u002Fskeleton",12.5,{"title":177,"path":178,"stem":179,"order":180,"icon":9,"collapse":10,"navBadges":9},"Separator","\u002Fcomponents\u002Felements\u002Fseparator","components\u002Felements\u002Fseparator",12.75,{"title":182,"path":183,"stem":184,"order":185,"icon":9,"collapse":10,"navBadges":9},"Alert","\u002Fcomponents\u002Felements\u002Falert","components\u002Felements\u002Falert",12.9,{"title":187,"path":188,"stem":189,"order":190,"icon":9,"collapse":10,"navBadges":9},"Toggle","\u002Fcomponents\u002Felements\u002Ftoggle","components\u002Felements\u002Ftoggle",12.92,{"title":192,"path":193,"stem":194,"order":195,"icon":9,"collapse":10,"navBadges":9},"Toggle Group","\u002Fcomponents\u002Felements\u002Ftoggle-group","components\u002Felements\u002Ftoggle-group",12.94,{"title":197,"path":198,"stem":199,"order":200,"icon":9,"collapse":10,"navBadges":9},"Kbd","\u002Fcomponents\u002Felements\u002Fkbd","components\u002Felements\u002Fkbd",12.95,{"title":202,"path":203,"stem":204,"order":200,"icon":9,"collapse":10,"navBadges":9},"Toolbar","\u002Fcomponents\u002Felements\u002Ftoolbar","components\u002Felements\u002Ftoolbar",{"title":206,"path":207,"stem":208,"order":209,"icon":9,"collapse":10,"navBadges":9},"Progress","\u002Fcomponents\u002Felements\u002Fprogress","components\u002Felements\u002Fprogress",12.97,{"title":211,"path":212,"stem":213,"children":214,"page":10},"Forms","\u002Fcomponents\u002Fforms","components\u002Fforms",[215,219,224,229,233,238,243,248,253,258,263,268,273,278,283,288,293,298,303,308],{"title":216,"path":217,"stem":218,"order":30,"icon":9,"collapse":10,"navBadges":9},"Input","\u002Fcomponents\u002Fforms\u002Finput","components\u002Fforms\u002Finput",{"title":220,"path":221,"stem":222,"order":223,"icon":9,"collapse":10,"navBadges":9},"InputGroup","\u002Fcomponents\u002Fforms\u002Finput-group","components\u002Fforms\u002Finput-group",20.25,{"title":225,"path":226,"stem":227,"order":228,"icon":9,"collapse":10,"navBadges":9},"Editable","\u002Fcomponents\u002Fforms\u002Feditable","components\u002Fforms\u002Feditable",20.5,{"title":230,"path":231,"stem":232,"order":228,"icon":9,"collapse":10,"navBadges":9},"InputNumber","\u002Fcomponents\u002Fforms\u002Finput-number","components\u002Fforms\u002Finput-number",{"title":234,"path":235,"stem":236,"order":237,"icon":9,"collapse":10,"navBadges":9},"Slider","\u002Fcomponents\u002Fforms\u002Fslider","components\u002Fforms\u002Fslider",20.75,{"title":239,"path":240,"stem":241,"order":242,"icon":9,"collapse":10,"navBadges":9},"PinInput","\u002Fcomponents\u002Fforms\u002Fpin-input","components\u002Fforms\u002Fpin-input",20.9,{"title":244,"path":245,"stem":246,"order":247,"icon":9,"collapse":10,"navBadges":9},"Textarea","\u002Fcomponents\u002Fforms\u002Ftextarea","components\u002Fforms\u002Ftextarea",21,{"title":249,"path":250,"stem":251,"order":252,"icon":9,"collapse":10,"navBadges":9},"FileUpload","\u002Fcomponents\u002Fforms\u002Ffile-upload","components\u002Fforms\u002Ffile-upload",21.5,{"title":254,"path":255,"stem":256,"order":257,"icon":9,"collapse":10,"navBadges":9},"Select","\u002Fcomponents\u002Fforms\u002Fselect","components\u002Fforms\u002Fselect",22,{"title":259,"path":260,"stem":261,"order":262,"icon":9,"collapse":10,"navBadges":9},"Listbox","\u002Fcomponents\u002Fforms\u002Flistbox","components\u002Fforms\u002Flistbox",22.5,{"title":264,"path":265,"stem":266,"order":267,"icon":9,"collapse":10,"navBadges":9},"TransferList","\u002Fcomponents\u002Fforms\u002Ftransfer-list","components\u002Fforms\u002Ftransfer-list",22.75,{"title":269,"path":270,"stem":271,"order":272,"icon":9,"collapse":10,"navBadges":9},"Autocomplete","\u002Fcomponents\u002Fforms\u002Fautocomplete","components\u002Fforms\u002Fautocomplete",23,{"title":274,"path":275,"stem":276,"order":277,"icon":9,"collapse":10,"navBadges":9},"DatePicker","\u002Fcomponents\u002Fforms\u002Fdate-picker","components\u002Fforms\u002Fdate-picker",23.5,{"title":279,"path":280,"stem":281,"order":282,"icon":9,"collapse":10,"navBadges":9},"ColorPicker","\u002Fcomponents\u002Fforms\u002Fcolor-picker","components\u002Fforms\u002Fcolor-picker",23.75,{"title":284,"path":285,"stem":286,"order":287,"icon":9,"collapse":10,"navBadges":9},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","components\u002Fforms\u002Fcheckbox",24,{"title":289,"path":290,"stem":291,"order":292,"icon":9,"collapse":10,"navBadges":9},"RadioGroup","\u002Fcomponents\u002Fforms\u002Fradio-group","components\u002Fforms\u002Fradio-group",25,{"title":294,"path":295,"stem":296,"order":297,"icon":9,"collapse":10,"navBadges":9},"Rating","\u002Fcomponents\u002Fforms\u002Frating","components\u002Fforms\u002Frating",25.5,{"title":299,"path":300,"stem":301,"order":302,"icon":9,"collapse":10,"navBadges":9},"Switch","\u002Fcomponents\u002Fforms\u002Fswitch","components\u002Fforms\u002Fswitch",26,{"title":304,"path":305,"stem":306,"order":307,"icon":9,"collapse":10,"navBadges":9},"FormField","\u002Fcomponents\u002Fforms\u002Fform-field","components\u002Fforms\u002Fform-field",27,{"title":309,"path":310,"stem":311,"order":312,"icon":9,"collapse":10,"navBadges":9},"Form Validation","\u002Fcomponents\u002Fforms\u002Fvalidation","components\u002Fforms\u002Fvalidation",28,{"title":314,"path":315,"stem":316,"children":317,"page":10},"Data","\u002Fcomponents\u002Fdata","components\u002Fdata",[318,322,327,331],{"title":319,"path":320,"stem":321,"order":312,"icon":9,"collapse":10,"navBadges":9},"EmptyState","\u002Fcomponents\u002Fdata\u002Fempty-state","components\u002Fdata\u002Fempty-state",{"title":323,"path":324,"stem":325,"order":326,"icon":9,"collapse":10,"navBadges":9},"Calendar","\u002Fcomponents\u002Fdata\u002Fcalendar","components\u002Fdata\u002Fcalendar",29,{"title":328,"path":329,"stem":330,"order":35,"icon":9,"collapse":10,"navBadges":9},"Table","\u002Fcomponents\u002Fdata\u002Ftable","components\u002Fdata\u002Ftable",{"title":332,"path":333,"stem":334,"order":335,"icon":9,"collapse":10,"navBadges":9},"Timeline","\u002Fcomponents\u002Fdata\u002Ftimeline","components\u002Fdata\u002Ftimeline",31,{"title":337,"path":338,"stem":339,"children":340,"page":10},"Navigation","\u002Fcomponents\u002Fnavigation","components\u002Fnavigation",[341,346,350,355,360,365,370,375],{"title":342,"path":343,"stem":344,"order":345,"icon":9,"collapse":10,"navBadges":9},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","components\u002Fnavigation\u002Fbreadcrumb",39,{"title":347,"path":348,"stem":349,"order":40,"icon":9,"collapse":10,"navBadges":9},"Tabs","\u002Fcomponents\u002Fnavigation\u002Ftabs","components\u002Fnavigation\u002Ftabs",{"title":351,"path":352,"stem":353,"order":354,"icon":9,"collapse":10,"navBadges":9},"Stepper","\u002Fcomponents\u002Fnavigation\u002Fstepper","components\u002Fnavigation\u002Fstepper",40.5,{"title":356,"path":357,"stem":358,"order":359,"icon":9,"collapse":10,"navBadges":9},"Accordion","\u002Fcomponents\u002Fnavigation\u002Faccordion","components\u002Fnavigation\u002Faccordion",41,{"title":361,"path":362,"stem":363,"order":364,"icon":9,"collapse":10,"navBadges":9},"Collapsible","\u002Fcomponents\u002Fnavigation\u002Fcollapsible","components\u002Fnavigation\u002Fcollapsible",41.5,{"title":366,"path":367,"stem":368,"order":369,"icon":9,"collapse":10,"navBadges":9},"Tree","\u002Fcomponents\u002Fnavigation\u002Ftree","components\u002Fnavigation\u002Ftree",41.75,{"title":371,"path":372,"stem":373,"order":374,"icon":9,"collapse":10,"navBadges":9},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","components\u002Fnavigation\u002Fpagination",44,{"title":376,"path":377,"stem":378,"order":379,"icon":9,"collapse":10,"navBadges":9},"NavigationMenu","\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu","components\u002Fnavigation\u002Fnavigation-menu",45,{"title":381,"path":382,"stem":383,"children":384,"page":10},"Overlays","\u002Fcomponents\u002Foverlays","components\u002Foverlays",[385,389,394,399,404,409,414,419,424,428],{"title":386,"path":387,"stem":388,"order":45,"icon":9,"collapse":10,"navBadges":9},"Modal","\u002Fcomponents\u002Foverlays\u002Fmodal","components\u002Foverlays\u002Fmodal",{"title":390,"path":391,"stem":392,"order":393,"icon":9,"collapse":10,"navBadges":9},"AlertDialog","\u002Fcomponents\u002Foverlays\u002Falert-dialog","components\u002Foverlays\u002Falert-dialog",50.5,{"title":395,"path":396,"stem":397,"order":398,"icon":9,"collapse":10,"navBadges":9},"Dropdown","\u002Fcomponents\u002Foverlays\u002Fdropdown","components\u002Foverlays\u002Fdropdown",51,{"title":400,"path":401,"stem":402,"order":403,"icon":9,"collapse":10,"navBadges":9},"Context Menu","\u002Fcomponents\u002Foverlays\u002Fcontext-menu","components\u002Foverlays\u002Fcontext-menu",51.5,{"title":405,"path":406,"stem":407,"order":408,"icon":9,"collapse":10,"navBadges":9},"Tooltip","\u002Fcomponents\u002Foverlays\u002Ftooltip","components\u002Foverlays\u002Ftooltip",52,{"title":410,"path":411,"stem":412,"order":413,"icon":9,"collapse":10,"navBadges":9},"Toast","\u002Fcomponents\u002Foverlays\u002Ftoast","components\u002Foverlays\u002Ftoast",53,{"title":415,"path":416,"stem":417,"order":418,"icon":9,"collapse":10,"navBadges":9},"Slideover","\u002Fcomponents\u002Foverlays\u002Fslideover","components\u002Foverlays\u002Fslideover",54,{"title":420,"path":421,"stem":422,"order":423,"icon":9,"collapse":10,"navBadges":9},"Command Palette","\u002Fcomponents\u002Foverlays\u002Fcommand-palette","components\u002Foverlays\u002Fcommand-palette",54.5,{"title":425,"path":426,"stem":427,"order":98,"icon":9,"collapse":10,"navBadges":9},"Popover","\u002Fcomponents\u002Foverlays\u002Fpopover","components\u002Foverlays\u002Fpopover",{"title":429,"path":430,"stem":431,"order":432,"icon":9,"collapse":10,"navBadges":9},"Drawer","\u002Fcomponents\u002Foverlays\u002Fdrawer","components\u002Foverlays\u002Fdrawer",56,{"title":434,"path":435,"stem":436,"children":437,"page":10},"Layout","\u002Fcomponents\u002Flayout","components\u002Flayout",[438,443,447,452,457,462,466,471,476,481],{"title":439,"path":440,"stem":441,"order":442,"icon":9,"collapse":10,"navBadges":9},"App","\u002Fcomponents\u002Flayout\u002Fapp","components\u002Flayout\u002Fapp",59,{"title":444,"path":445,"stem":446,"order":50,"icon":9,"collapse":10,"navBadges":9},"Container","\u002Fcomponents\u002Flayout\u002Fcontainer","components\u002Flayout\u002Fcontainer",{"title":448,"path":449,"stem":450,"order":451,"icon":9,"collapse":10,"navBadges":9},"Header","\u002Fcomponents\u002Flayout\u002Fheader","components\u002Flayout\u002Fheader",63,{"title":453,"path":454,"stem":455,"order":456,"icon":9,"collapse":10,"navBadges":9},"ColorModeToggle","\u002Fcomponents\u002Flayout\u002Fcolor-mode-toggle","components\u002Flayout\u002Fcolor-mode-toggle",64,{"title":458,"path":459,"stem":460,"order":461,"icon":9,"collapse":10,"navBadges":9},"ColorModeSwitch","\u002Fcomponents\u002Flayout\u002Fcolor-mode-switch","components\u002Flayout\u002Fcolor-mode-switch",65,{"title":463,"path":464,"stem":465,"order":461,"icon":9,"collapse":10,"navBadges":9},"ScrollArea","\u002Fcomponents\u002Flayout\u002Fscroll-area","components\u002Flayout\u002Fscroll-area",{"title":467,"path":468,"stem":469,"order":470,"icon":9,"collapse":10,"navBadges":9},"Card","\u002Fcomponents\u002Flayout\u002Fcard","components\u002Flayout\u002Fcard",66,{"title":472,"path":473,"stem":474,"order":475,"icon":9,"collapse":10,"navBadges":9},"CardGroup","\u002Fcomponents\u002Flayout\u002Fcard-group","components\u002Flayout\u002Fcard-group",67,{"title":477,"path":478,"stem":479,"order":480,"icon":9,"collapse":10,"navBadges":9},"Splitter","\u002Fcomponents\u002Flayout\u002Fsplitter","components\u002Flayout\u002Fsplitter",68,{"title":482,"path":483,"stem":484,"order":485,"icon":9,"collapse":10,"navBadges":9},"Theme","\u002Fcomponents\u002Flayout\u002Ftheme","components\u002Flayout\u002Ftheme",69,{"title":487,"path":488,"stem":489,"children":490,"page":10},"Typography","\u002Fcomponents\u002Ftypography","components\u002Ftypography",[491,495,500,505,510,515,520],{"title":492,"path":493,"stem":494,"order":55,"icon":9,"collapse":10,"navBadges":9},"Prose","\u002Fcomponents\u002Ftypography\u002Fprose","components\u002Ftypography\u002Fprose",{"title":496,"path":497,"stem":498,"order":499,"icon":9,"collapse":10,"navBadges":9},"CodeGroup","\u002Fcomponents\u002Ftypography\u002Fcode-group","components\u002Ftypography\u002Fcode-group",71,{"title":501,"path":502,"stem":503,"order":504,"icon":9,"collapse":10,"navBadges":9},"Callout","\u002Fcomponents\u002Ftypography\u002Fcallout","components\u002Ftypography\u002Fcallout",72,{"title":506,"path":507,"stem":508,"order":509,"icon":9,"collapse":10,"navBadges":9},"CodeButton","\u002Fcomponents\u002Ftypography\u002Fcode-button","components\u002Ftypography\u002Fcode-button",73,{"title":511,"path":512,"stem":513,"order":514,"icon":9,"collapse":10,"navBadges":9},"ReadMore","\u002Fcomponents\u002Ftypography\u002Fread-more","components\u002Ftypography\u002Fread-more",74,{"title":516,"path":517,"stem":518,"order":519,"icon":9,"collapse":10,"navBadges":9},"FileTree","\u002Fcomponents\u002Ftypography\u002Ffile-tree","components\u002Ftypography\u002Ffile-tree",75,{"title":521,"path":522,"stem":523,"order":524,"icon":9,"collapse":10,"navBadges":9},"CodeTree","\u002Fcomponents\u002Ftypography\u002Fcode-tree","components\u002Ftypography\u002Fcode-tree",76,{"title":526,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":527,"stem":528,"children":529,"page":10},"Composites","\u002Fcomposites","composites",[530,559],{"title":531,"path":532,"stem":533,"children":534,"page":10},"Dashboard","\u002Fcomposites\u002Fdashboard","composites\u002Fdashboard",[535,539,543,547,551,555],{"title":536,"path":537,"stem":538,"order":13,"icon":9,"collapse":10,"navBadges":9},"DashboardGroup","\u002Fcomposites\u002Fdashboard\u002Fdashboard-group","composites\u002Fdashboard\u002Fdashboard-group",{"title":540,"path":541,"stem":542,"order":30,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar","composites\u002Fdashboard\u002Fdashboard-sidebar",{"title":544,"path":545,"stem":546,"order":35,"icon":9,"collapse":10,"navBadges":9},"DashboardPanel","\u002Fcomposites\u002Fdashboard\u002Fdashboard-panel","composites\u002Fdashboard\u002Fdashboard-panel",{"title":548,"path":549,"stem":550,"order":40,"icon":9,"collapse":10,"navBadges":9},"DashboardResizeHandle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-resize-handle","composites\u002Fdashboard\u002Fdashboard-resize-handle",{"title":552,"path":553,"stem":554,"order":45,"icon":9,"collapse":10,"navBadges":9},"DashboardNavbar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-navbar","composites\u002Fdashboard\u002Fdashboard-navbar",{"title":556,"path":557,"stem":558,"order":50,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebarToggle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar-toggle","composites\u002Fdashboard\u002Fdashboard-sidebar-toggle",{"title":560,"path":561,"stem":562,"children":563,"page":10},"Documentation","\u002Fcomposites\u002Fdocumentation","composites\u002Fdocumentation",[564,568,572,576,580],{"title":565,"path":566,"stem":567,"order":13,"icon":9,"collapse":10,"navBadges":9},"PageHeader","\u002Fcomposites\u002Fdocumentation\u002Fpage-header","composites\u002Fdocumentation\u002Fpage-header",{"title":569,"path":570,"stem":571,"order":30,"icon":9,"collapse":10,"navBadges":9},"PageAside","\u002Fcomposites\u002Fdocumentation\u002Fpage-aside","composites\u002Fdocumentation\u002Fpage-aside",{"title":573,"path":574,"stem":575,"order":35,"icon":9,"collapse":10,"navBadges":9},"ContentNavigation","\u002Fcomposites\u002Fdocumentation\u002Fcontent-navigation","composites\u002Fdocumentation\u002Fcontent-navigation",{"title":577,"path":578,"stem":579,"order":40,"icon":9,"collapse":10,"navBadges":9},"ContentToc","\u002Fcomposites\u002Fdocumentation\u002Fcontent-toc","composites\u002Fdocumentation\u002Fcontent-toc",{"title":581,"path":582,"stem":583,"order":45,"icon":9,"collapse":10,"navBadges":9},"ContentSurround","\u002Fcomposites\u002Fdocumentation\u002Fcontent-surround","composites\u002Fdocumentation\u002Fcontent-surround",{"title":585,"order":586,"icon":9,"collapse":10,"navBadges":9,"path":587,"stem":588,"children":589,"page":10},"Blocks",35,"\u002Fblocks","blocks",[590,593,597,601,605,609],{"title":585,"path":591,"stem":592,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Fblocks\u002Foverview","blocks\u002Foverview",{"title":594,"path":595,"stem":596,"order":30,"icon":9,"collapse":10,"navBadges":9},"Sign in","\u002Fblocks\u002Fsign-in","blocks\u002Fsign-in",{"title":598,"path":599,"stem":600,"order":35,"icon":9,"collapse":10,"navBadges":9},"Dashboard overview","\u002Fblocks\u002Fdashboard-overview","blocks\u002Fdashboard-overview",{"title":602,"path":603,"stem":604,"order":40,"icon":9,"collapse":10,"navBadges":9},"Profile settings","\u002Fblocks\u002Fprofile-settings","blocks\u002Fprofile-settings",{"title":606,"path":607,"stem":608,"order":45,"icon":9,"collapse":10,"navBadges":9},"Data management","\u002Fblocks\u002Fdata-management","blocks\u002Fdata-management",{"title":610,"order":50,"icon":9,"collapse":10,"navBadges":9,"path":611,"stem":612,"children":613,"page":10},"Editors","\u002Fblocks\u002Feditors","blocks\u002Feditors",[614,618,622],{"title":615,"path":616,"stem":617,"order":13,"icon":9,"collapse":10,"navBadges":9},"Tiptap editor","\u002Fblocks\u002Feditors\u002Ftiptap","blocks\u002Feditors\u002Ftiptap",{"title":619,"path":620,"stem":621,"order":30,"icon":9,"collapse":10,"navBadges":9},"Lexical editor","\u002Fblocks\u002Feditors\u002Flexical","blocks\u002Feditors\u002Flexical",{"title":623,"path":624,"stem":625,"order":35,"icon":9,"collapse":10,"navBadges":9},"Quill editor","\u002Fblocks\u002Feditors\u002Fquill","blocks\u002Feditors\u002Fquill",{"title":627,"order":40,"icon":9,"collapse":10,"navBadges":9,"path":628,"stem":629,"children":630,"page":10},"Utilities","\u002Futilities","utilities",[631,665],{"title":632,"path":633,"stem":634,"children":635,"page":10},"Composables","\u002Futilities\u002Fcomposables","utilities\u002Fcomposables",[636,640,644,649,653,657,661],{"title":637,"path":638,"stem":639,"order":13,"icon":9,"collapse":10,"navBadges":9},"useModal","\u002Futilities\u002Fcomposables\u002Fuse-modal","utilities\u002Fcomposables\u002Fuse-modal",{"title":641,"path":642,"stem":643,"order":170,"icon":9,"collapse":10,"navBadges":9},"useConfirm","\u002Futilities\u002Fcomposables\u002Fuse-confirm","utilities\u002Fcomposables\u002Fuse-confirm",{"title":645,"path":646,"stem":647,"order":648,"icon":9,"collapse":10,"navBadges":9},"useDrawer","\u002Futilities\u002Fcomposables\u002Fuse-drawer","utilities\u002Fcomposables\u002Fuse-drawer",15,{"title":650,"path":651,"stem":652,"order":30,"icon":9,"collapse":10,"navBadges":9},"useSlideover","\u002Futilities\u002Fcomposables\u002Fuse-slideover","utilities\u002Fcomposables\u002Fuse-slideover",{"title":654,"path":655,"stem":656,"order":35,"icon":9,"collapse":10,"navBadges":9},"useIcons","\u002Futilities\u002Fcomposables\u002Fuse-icons","utilities\u002Fcomposables\u002Fuse-icons",{"title":658,"path":659,"stem":660,"order":40,"icon":9,"collapse":10,"navBadges":9},"useMessages","\u002Futilities\u002Fcomposables\u002Fuse-messages","utilities\u002Fcomposables\u002Fuse-messages",{"title":662,"path":663,"stem":664,"order":45,"icon":9,"collapse":10,"navBadges":9},"useLocale","\u002Futilities\u002Fcomposables\u002Fuse-locale","utilities\u002Fcomposables\u002Fuse-locale",{"title":666,"path":667,"stem":668,"children":669,"page":10},"Directives","\u002Futilities\u002Fdirectives","utilities\u002Fdirectives",[670,674,678],{"title":671,"path":672,"stem":673,"order":13,"icon":9,"collapse":10,"navBadges":9},"v-ripple","\u002Futilities\u002Fdirectives\u002Fripple","utilities\u002Fdirectives\u002Fripple",{"title":675,"path":676,"stem":677,"order":648,"icon":9,"collapse":10,"navBadges":9},"v-hotkey","\u002Futilities\u002Fdirectives\u002Fhotkey","utilities\u002Fdirectives\u002Fhotkey",{"title":679,"path":680,"stem":681,"order":30,"icon":9,"collapse":10,"navBadges":9},"v-mask","\u002Futilities\u002Fdirectives\u002Fmask","utilities\u002Fdirectives\u002Fmask",{"byLocale":683,"defaultPath":680},{"en":684,"id":1246},{"id":685,"title":679,"aside":686,"body":687,"collapse":10,"description":1241,"editLink":686,"extension":1242,"icon":9,"issueLink":686,"meta":1243,"navBadges":9,"navigation":9,"order":30,"path":680,"prevNext":686,"seo":1244,"stem":681,"toc":686,"__hash__":1245},"docs\u002Futilities\u002Fdirectives\u002Fmask.md",true,{"type":688,"value":689,"toc":1236},"minimark",[690,705,710,713,764,785,791,795,832,836,886,889,896,935,951,955,958,1023,1026,1137,1160,1226,1232],[691,692,693,696,697,700,701,704],"p",{},[694,695,679],"code",{}," formats text as it is entered. The input shows the formatted text,\nwhile ",[694,698,699],{},"v-model"," receives the raw value without the mask's literal\ncharacters. It works on native inputs and single-input components such as\n",[694,702,703],{},"SInput",".",[706,707,709],"h2",{"id":708},"usage","Usage",[691,711,712],{},"In Nuxt, the directive is auto-imported. Pass the mask pattern as a string -\nit's a JavaScript expression, so it needs its own quotes:",[714,715,720],"pre",{"className":716,"code":717,"language":718,"meta":719,"style":719},"language-vue-html shiki shiki-themes github-light github-dark","\u003Cinput v-model=\"phone\" v-mask=\"'(###) ###-####'\" inputmode=\"tel\">\n","vue-html","",[694,721,722],{"__ignoreMap":719},[723,724,726,730,734,738,741,745,748,750,753,756,758,761],"span",{"class":725,"line":8},"line",[723,727,729],{"class":728},"sVt8B","\u003C",[723,731,733],{"class":732},"s9eBZ","input",[723,735,737],{"class":736},"sScJk"," v-model",[723,739,740],{"class":728},"=",[723,742,744],{"class":743},"sZZnC","\"phone\"",[723,746,747],{"class":736}," v-mask",[723,749,740],{"class":728},[723,751,752],{"class":743},"\"'(###) ###-####'\"",[723,754,755],{"class":736}," inputmode",[723,757,740],{"class":728},[723,759,760],{"class":743},"\"tel\"",[723,762,763],{"class":728},">\n",[691,765,766,767,770,771,774,775,778,779,781,782,784],{},"Typing ",[694,768,769],{},"5551234567"," shows ",[694,772,773],{},"(555) 123-4567",", and ",[694,776,777],{},"phone"," is ",[694,780,769],{},".\nSetting ",[694,783,777],{}," from code formats it the same way.",[691,786,787,788,790],{},"It works the same on ",[694,789,703],{},":",[792,793],"component-example",{"name":794},"input-masked",[714,796,798],{"className":716,"code":797,"language":718,"meta":719,"style":719},"\u003CSInput v-model=\"phone\" v-mask=\"'(###) ###-####'\" inputmode=\"tel\" \u002F>\n",[694,799,800],{"__ignoreMap":719},[723,801,802,804,806,808,810,813,815,817,819,821,823,825,827,829],{"class":725,"line":8},[723,803,729],{"class":728},[723,805,703],{"class":732},[723,807,737],{"class":736},[723,809,740],{"class":728},[723,811,812],{"class":743},"\"",[723,814,777],{"class":728},[723,816,812],{"class":743},[723,818,747],{"class":736},[723,820,740],{"class":728},[723,822,752],{"class":743},[723,824,755],{"class":736},[723,826,740],{"class":728},[723,828,760],{"class":743},[723,830,831],{"class":728}," \u002F>\n",[706,833,835],{"id":834},"tokens","Tokens",[837,838,839,852],"table",{},[840,841,842],"thead",{},[843,844,845,849],"tr",{},[846,847,848],"th",{},"Token",[846,850,851],{},"Matches",[853,854,855,866,876],"tbody",{},[843,856,857,863],{},[858,859,860],"td",{},[694,861,862],{},"#",[858,864,865],{},"A digit",[843,867,868,873],{},[858,869,870],{},[694,871,872],{},"@",[858,874,875],{},"A letter",[843,877,878,883],{},[858,879,880],{},[694,881,882],{},"*",[858,884,885],{},"A letter or a digit",[691,887,888],{},"Any other character in the mask is a literal, inserted automatically as the\nuser types. Characters that don't fit the next token are skipped.",[691,890,891,892,895],{},"A date-shaped mask like ",[694,893,894],{},"##\u002F##\u002F####"," formats text only; it doesn't check\nthat the date is a real calendar date:",[714,897,899],{"className":716,"code":898,"language":718,"meta":719,"style":719},"\u003CSInput v-model=\"date\" v-mask=\"'##\u002F##\u002F####'\" placeholder=\"dd\u002Fmm\u002Fyyyy\" \u002F>\n",[694,900,901],{"__ignoreMap":719},[723,902,903,905,907,909,911,913,916,918,920,922,925,928,930,933],{"class":725,"line":8},[723,904,729],{"class":728},[723,906,703],{"class":732},[723,908,737],{"class":736},[723,910,740],{"class":728},[723,912,812],{"class":743},[723,914,915],{"class":728},"date",[723,917,812],{"class":743},[723,919,747],{"class":736},[723,921,740],{"class":728},[723,923,924],{"class":743},"\"'##\u002F##\u002F####'\"",[723,926,927],{"class":736}," placeholder",[723,929,740],{"class":728},[723,931,932],{"class":743},"\"dd\u002Fmm\u002Fyyyy\"",[723,934,831],{"class":728},[691,936,937,938,941,942,770,945,948,949,704],{},"Literal prefixes work too. With ",[694,939,940],{},"+62####",", typing ",[694,943,944],{},"8123",[694,946,947],{},"+628123",",\nand the raw value stays ",[694,950,944],{},[706,952,954],{"id":953},"options","Options",[691,956,957],{},"Pass an object for custom tokens or to read the formatted value as well:",[837,959,960,973],{},[840,961,962],{},[843,963,964,967,970],{},[846,965,966],{},"Option",[846,968,969],{},"Type",[846,971,972],{},"Description",[853,974,975,990,1004],{},[843,976,977,982,987],{},[858,978,979],{},[694,980,981],{},"mask",[858,983,984],{},[694,985,986],{},"string",[858,988,989],{},"The mask pattern.",[843,991,992,996,1001],{},[858,993,994],{},[694,995,834],{},[858,997,998],{},[694,999,1000],{},"Record\u003Cstring, { pattern: RegExp, transform?: (char: string) => string }>",[858,1002,1003],{},"Extra tokens, merged over the defaults.",[843,1005,1006,1011,1016],{},[858,1007,1008],{},[694,1009,1010],{},"onMask",[858,1012,1013],{},[694,1014,1015],{},"(detail: MaskDetail) => void",[858,1017,1018,1019,1022],{},"Called with ",[694,1020,1021],{},"{ value, maskedValue, completed }"," whenever the formatted text changes.",[691,1024,1025],{},"Custom tokens can transform what they accept - here, a hex code shown in\nuppercase:",[714,1027,1029],{"className":716,"code":1028,"language":718,"meta":719,"style":719},"\u003CSInput\n  v-model=\"color\"\n  v-mask=\"{\n    mask: 'HHHHHH',\n    tokens: { H: { pattern: \u002F[\\da-f]\u002Fi, transform: char => char.toUpperCase() } },\n  }\"\n\u002F>\n",[694,1030,1031,1038,1054,1067,1079,1123,1131],{"__ignoreMap":719},[723,1032,1033,1035],{"class":725,"line":8},[723,1034,729],{"class":728},[723,1036,1037],{"class":732},"SInput\n",[723,1039,1041,1044,1046,1048,1051],{"class":725,"line":1040},2,[723,1042,1043],{"class":736},"  v-model",[723,1045,740],{"class":728},[723,1047,812],{"class":743},[723,1049,1050],{"class":728},"color",[723,1052,1053],{"class":743},"\"\n",[723,1055,1057,1060,1062,1064],{"class":725,"line":1056},3,[723,1058,1059],{"class":736},"  v-mask",[723,1061,740],{"class":728},[723,1063,812],{"class":743},[723,1065,1066],{"class":728},"{\n",[723,1068,1070,1073,1076],{"class":725,"line":1069},4,[723,1071,1072],{"class":728},"    mask: ",[723,1074,1075],{"class":743},"'HHHHHH'",[723,1077,1078],{"class":728},",\n",[723,1080,1082,1085,1088,1092,1094,1098,1101,1104,1107,1111,1114,1117,1120],{"class":725,"line":1081},5,[723,1083,1084],{"class":728},"    tokens: { H: { pattern:",[723,1086,1087],{"class":743}," \u002F",[723,1089,1091],{"class":1090},"sj4cs","[\\da-f]",[723,1093,6],{"class":743},[723,1095,1097],{"class":1096},"szBVR","i",[723,1099,1100],{"class":728},", ",[723,1102,1103],{"class":736},"transform",[723,1105,1106],{"class":728},": ",[723,1108,1110],{"class":1109},"s4XuR","char",[723,1112,1113],{"class":1096}," =>",[723,1115,1116],{"class":728}," char.",[723,1118,1119],{"class":736},"toUpperCase",[723,1121,1122],{"class":728},"() } },\n",[723,1124,1126,1129],{"class":725,"line":1125},6,[723,1127,1128],{"class":728},"  }",[723,1130,1053],{"class":743},[723,1132,1134],{"class":725,"line":1133},7,[723,1135,1136],{"class":728},"\u002F>\n",[691,1138,1139,1140,1142,1143,1146,1147,1100,1149,1152,1153,778,1156,1159],{},"Use ",[694,1141,1010],{}," when you need the formatted text or want to know whether every\nposition is filled. ",[694,1144,1145],{},"value"," matches ",[694,1148,699],{},[694,1150,1151],{},"maskedValue"," is what the\ninput shows, and ",[694,1154,1155],{},"completed",[694,1157,1158],{},"true"," once every token is filled:",[714,1161,1163],{"className":716,"code":1162,"language":718,"meta":719,"style":719},"\u003CSInput\n  v-model=\"phone\"\n  v-mask=\"{ mask: '(###) ###-####', onMask: ({ maskedValue }) => formatted = maskedValue }\"\n\u002F>\n",[694,1164,1165,1171,1183,1222],{"__ignoreMap":719},[723,1166,1167,1169],{"class":725,"line":8},[723,1168,729],{"class":728},[723,1170,1037],{"class":732},[723,1172,1173,1175,1177,1179,1181],{"class":725,"line":1040},[723,1174,1043],{"class":736},[723,1176,740],{"class":728},[723,1178,812],{"class":743},[723,1180,777],{"class":728},[723,1182,1053],{"class":743},[723,1184,1185,1187,1189,1191,1194,1197,1199,1201,1204,1206,1209,1212,1215,1217,1220],{"class":725,"line":1056},[723,1186,1059],{"class":736},[723,1188,740],{"class":728},[723,1190,812],{"class":743},[723,1192,1193],{"class":728},"{ mask: ",[723,1195,1196],{"class":743},"'(###) ###-####'",[723,1198,1100],{"class":728},[723,1200,1010],{"class":736},[723,1202,1203],{"class":728},": ({ ",[723,1205,1151],{"class":1109},[723,1207,1208],{"class":728}," }) ",[723,1210,1211],{"class":1096},"=>",[723,1213,1214],{"class":728}," formatted ",[723,1216,740],{"class":1096},[723,1218,1219],{"class":728}," maskedValue }",[723,1221,1053],{"class":743},[723,1223,1224],{"class":725,"line":1069},[723,1225,1136],{"class":728},[691,1227,1228,1229,1231],{},"The same detail is also dispatched as a bubbling native ",[694,1230,981],{}," event on the\ninput.",[1233,1234,1235],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}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 .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}",{"title":719,"searchDepth":1056,"depth":1056,"links":1237},[1238,1239,1240],{"id":708,"depth":1040,"text":709},{"id":834,"depth":1040,"text":835},{"id":953,"depth":1040,"text":954},"Format text as a user types into an input.","md",{},{"title":679,"description":1241},"sFhdrJpPRxNViPgH2sKDSwxKoblsevOb0LmA9_-GlY8",{"id":1247,"title":679,"aside":686,"body":1248,"collapse":10,"description":1691,"editLink":686,"extension":1242,"icon":9,"issueLink":686,"meta":1692,"navBadges":9,"navigation":9,"order":30,"path":1693,"prevNext":686,"seo":1694,"stem":1695,"toc":686,"__hash__":1696},"docs\u002Fid\u002Futilities\u002Fdirectives\u002Fmask.md",{"type":688,"value":1249,"toc":1686},[1250,1260,1264,1267,1297,1315,1320,1322,1356,1359,1399,1402,1408,1442,1455,1459,1462,1520,1523,1601,1620,1678,1684],[691,1251,1252,1254,1255,1257,1258,704],{},[694,1253,679],{}," memformat teks saat dimasukkan. Input menampilkan teks yang diformat, sementara ",[694,1256,699],{}," menerima nilai mentah tanpa karakter literal milik mask. Ia berfungsi pada input native dan komponen single-input seperti ",[694,1259,703],{},[706,1261,1263],{"id":1262},"penggunaan","Penggunaan",[691,1265,1266],{},"Di Nuxt, direktif di-auto-import. Berikan pola mask sebagai string - ia expression JavaScript, sehingga membutuhkan kutipnya sendiri:",[714,1268,1269],{"className":716,"code":717,"language":718,"meta":719,"style":719},[694,1270,1271],{"__ignoreMap":719},[723,1272,1273,1275,1277,1279,1281,1283,1285,1287,1289,1291,1293,1295],{"class":725,"line":8},[723,1274,729],{"class":728},[723,1276,733],{"class":732},[723,1278,737],{"class":736},[723,1280,740],{"class":728},[723,1282,744],{"class":743},[723,1284,747],{"class":736},[723,1286,740],{"class":728},[723,1288,752],{"class":743},[723,1290,755],{"class":736},[723,1292,740],{"class":728},[723,1294,760],{"class":743},[723,1296,763],{"class":728},[691,1298,1299,1300,1302,1303,1305,1306,1308,1309,1311,1312,1314],{},"Mengetik ",[694,1301,769],{}," menampilkan ",[694,1304,773],{},", dan ",[694,1307,777],{}," adalah ",[694,1310,769],{},". Mengatur ",[694,1313,777],{}," dari kode memformatnya dengan cara yang sama.",[691,1316,1317,1318,790],{},"Ia berfungsi sama pada ",[694,1319,703],{},[792,1321],{"name":794},[714,1323,1324],{"className":716,"code":797,"language":718,"meta":719,"style":719},[694,1325,1326],{"__ignoreMap":719},[723,1327,1328,1330,1332,1334,1336,1338,1340,1342,1344,1346,1348,1350,1352,1354],{"class":725,"line":8},[723,1329,729],{"class":728},[723,1331,703],{"class":732},[723,1333,737],{"class":736},[723,1335,740],{"class":728},[723,1337,812],{"class":743},[723,1339,777],{"class":728},[723,1341,812],{"class":743},[723,1343,747],{"class":736},[723,1345,740],{"class":728},[723,1347,752],{"class":743},[723,1349,755],{"class":736},[723,1351,740],{"class":728},[723,1353,760],{"class":743},[723,1355,831],{"class":728},[706,1357,848],{"id":1358},"token",[837,1360,1361,1370],{},[840,1362,1363],{},[843,1364,1365,1367],{},[846,1366,848],{},[846,1368,1369],{},"Cocok dengan",[853,1371,1372,1381,1390],{},[843,1373,1374,1378],{},[858,1375,1376],{},[694,1377,862],{},[858,1379,1380],{},"Digit",[843,1382,1383,1387],{},[858,1384,1385],{},[694,1386,872],{},[858,1388,1389],{},"Huruf",[843,1391,1392,1396],{},[858,1393,1394],{},[694,1395,882],{},[858,1397,1398],{},"Huruf atau digit",[691,1400,1401],{},"Karakter lain apa pun dalam mask adalah literal, disisipkan otomatis saat pengguna mengetik. Karakter yang tidak cocok dengan token berikutnya dilewati.",[691,1403,1404,1405,1407],{},"Mask berbentuk tanggal seperti ",[694,1406,894],{}," hanya memformat teks; ia tidak memeriksa bahwa tanggalnya adalah tanggal kalender yang nyata:",[714,1409,1410],{"className":716,"code":898,"language":718,"meta":719,"style":719},[694,1411,1412],{"__ignoreMap":719},[723,1413,1414,1416,1418,1420,1422,1424,1426,1428,1430,1432,1434,1436,1438,1440],{"class":725,"line":8},[723,1415,729],{"class":728},[723,1417,703],{"class":732},[723,1419,737],{"class":736},[723,1421,740],{"class":728},[723,1423,812],{"class":743},[723,1425,915],{"class":728},[723,1427,812],{"class":743},[723,1429,747],{"class":736},[723,1431,740],{"class":728},[723,1433,924],{"class":743},[723,1435,927],{"class":736},[723,1437,740],{"class":728},[723,1439,932],{"class":743},[723,1441,831],{"class":728},[691,1443,1444,1445,1447,1448,1302,1450,1452,1453,704],{},"Prefiks literal juga berfungsi. Dengan ",[694,1446,940],{},", mengetik ",[694,1449,944],{},[694,1451,947],{},", dan nilai mentah tetap ",[694,1454,944],{},[706,1456,1458],{"id":1457},"opsi","Opsi",[691,1460,1461],{},"Berikan objek untuk token kustom atau untuk membaca nilai yang diformat juga:",[837,1463,1464,1476],{},[840,1465,1466],{},[843,1467,1468,1470,1473],{},[846,1469,1458],{},[846,1471,1472],{},"Tipe",[846,1474,1475],{},"Deskripsi",[853,1477,1478,1491,1504],{},[843,1479,1480,1484,1488],{},[858,1481,1482],{},[694,1483,981],{},[858,1485,1486],{},[694,1487,986],{},[858,1489,1490],{},"Pola mask.",[843,1492,1493,1497,1501],{},[858,1494,1495],{},[694,1496,834],{},[858,1498,1499],{},[694,1500,1000],{},[858,1502,1503],{},"Token tambahan, digabung di atas default.",[843,1505,1506,1510,1514],{},[858,1507,1508],{},[694,1509,1010],{},[858,1511,1512],{},[694,1513,1015],{},[858,1515,1516,1517,1519],{},"Dipanggil dengan ",[694,1518,1021],{}," setiap kali teks yang diformat berubah.",[691,1521,1522],{},"Token kustom dapat mentransformasi apa yang diterimanya - di sini, kode hex yang ditampilkan huruf besar:",[714,1524,1525],{"className":716,"code":1028,"language":718,"meta":719,"style":719},[694,1526,1527,1533,1545,1555,1563,1591,1597],{"__ignoreMap":719},[723,1528,1529,1531],{"class":725,"line":8},[723,1530,729],{"class":728},[723,1532,1037],{"class":732},[723,1534,1535,1537,1539,1541,1543],{"class":725,"line":1040},[723,1536,1043],{"class":736},[723,1538,740],{"class":728},[723,1540,812],{"class":743},[723,1542,1050],{"class":728},[723,1544,1053],{"class":743},[723,1546,1547,1549,1551,1553],{"class":725,"line":1056},[723,1548,1059],{"class":736},[723,1550,740],{"class":728},[723,1552,812],{"class":743},[723,1554,1066],{"class":728},[723,1556,1557,1559,1561],{"class":725,"line":1069},[723,1558,1072],{"class":728},[723,1560,1075],{"class":743},[723,1562,1078],{"class":728},[723,1564,1565,1567,1569,1571,1573,1575,1577,1579,1581,1583,1585,1587,1589],{"class":725,"line":1081},[723,1566,1084],{"class":728},[723,1568,1087],{"class":743},[723,1570,1091],{"class":1090},[723,1572,6],{"class":743},[723,1574,1097],{"class":1096},[723,1576,1100],{"class":728},[723,1578,1103],{"class":736},[723,1580,1106],{"class":728},[723,1582,1110],{"class":1109},[723,1584,1113],{"class":1096},[723,1586,1116],{"class":728},[723,1588,1119],{"class":736},[723,1590,1122],{"class":728},[723,1592,1593,1595],{"class":725,"line":1125},[723,1594,1128],{"class":728},[723,1596,1053],{"class":743},[723,1598,1599],{"class":725,"line":1133},[723,1600,1136],{"class":728},[691,1602,1603,1604,1606,1607,1609,1610,1100,1612,1614,1615,1308,1617,1619],{},"Gunakan ",[694,1605,1010],{}," ketika Anda membutuhkan teks yang diformat atau ingin tahu apakah setiap posisi terisi. ",[694,1608,1145],{}," cocok dengan ",[694,1611,699],{},[694,1613,1151],{}," adalah yang ditampilkan input, dan ",[694,1616,1155],{},[694,1618,1158],{}," setelah setiap token terisi:",[714,1621,1622],{"className":716,"code":1162,"language":718,"meta":719,"style":719},[694,1623,1624,1630,1642,1674],{"__ignoreMap":719},[723,1625,1626,1628],{"class":725,"line":8},[723,1627,729],{"class":728},[723,1629,1037],{"class":732},[723,1631,1632,1634,1636,1638,1640],{"class":725,"line":1040},[723,1633,1043],{"class":736},[723,1635,740],{"class":728},[723,1637,812],{"class":743},[723,1639,777],{"class":728},[723,1641,1053],{"class":743},[723,1643,1644,1646,1648,1650,1652,1654,1656,1658,1660,1662,1664,1666,1668,1670,1672],{"class":725,"line":1056},[723,1645,1059],{"class":736},[723,1647,740],{"class":728},[723,1649,812],{"class":743},[723,1651,1193],{"class":728},[723,1653,1196],{"class":743},[723,1655,1100],{"class":728},[723,1657,1010],{"class":736},[723,1659,1203],{"class":728},[723,1661,1151],{"class":1109},[723,1663,1208],{"class":728},[723,1665,1211],{"class":1096},[723,1667,1214],{"class":728},[723,1669,740],{"class":1096},[723,1671,1219],{"class":728},[723,1673,1053],{"class":743},[723,1675,1676],{"class":725,"line":1069},[723,1677,1136],{"class":728},[691,1679,1680,1681,1683],{},"Detail yang sama juga di-dispatch sebagai event native ",[694,1682,981],{}," yang bubbling pada input.",[1233,1685,1235],{},{"title":719,"searchDepth":1056,"depth":1056,"links":1687},[1688,1689,1690],{"id":1262,"depth":1040,"text":1263},{"id":1358,"depth":1040,"text":848},{"id":1457,"depth":1040,"text":1458},"Memformat teks saat pengguna mengetik ke dalam input.",{},"\u002Fid\u002Futilities\u002Fdirectives\u002Fmask",{"title":679,"description":1691},"id\u002Futilities\u002Fdirectives\u002Fmask","rqmUKeVYCMSKN6jbApMVYTuMxYR4o3D4iOZs7pkqllE",1792925241105]