[{"data":1,"prerenderedAt":30415},["ShallowReactive",2],{"component-stimulus-hotkey":3,"$foBCzjdWCrnyPe1NyrVWKdAV-SNHI2M24AR2zusKa_T0":702,"sidebar-components":786},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"package":10,"packagePath":11,"body":12,"_type":696,"_id":697,"_source":698,"_file":699,"_stem":700,"_extension":701},"/docs/stimulus-hotkey","docs",false,"","Hotkey","A Stimulus controller that triggers click or focus on the element when a keyboard shortcut is pressed.","hotkey","@stimulus-components/hotkey",{"type":13,"children":14,"toc":690},"root",[15,24,30,47,53,56,62,83,92,183,191,265,273,376,406,426,432,684],{"type":16,"tag":17,"props":18,"children":20},"element","h2",{"id":19},"installation",[21],{"type":22,"value":23},"text","Installation",{"type":16,"tag":25,"props":26,"children":29},"installation-block",{":package":27,":package-path":28},"package","packagePath",[],{"type":16,"tag":31,"props":32,"children":33},"p",{},[34,36,45],{"type":22,"value":35},"This controller is based on ",{"type":16,"tag":37,"props":38,"children":42},"a",{"href":39,"rel":40},"https://github.com/basecamp/fizzy/blob/main/app/javascript/controllers/hotkey_controller.js",[41],"nofollow",[43],{"type":22,"value":44},"Basecamp's fizzy hotkey controller",{"type":22,"value":46},".",{"type":16,"tag":17,"props":48,"children":50},{"id":49},"example",[51],{"type":22,"value":52},"Example",{"type":16,"tag":10,"props":54,"children":55},{},[],{"type":16,"tag":17,"props":57,"children":59},{"id":58},"usage",[60],{"type":22,"value":61},"Usage",{"type":16,"tag":31,"props":63,"children":64},{},[65,67,74,76,82],{"type":22,"value":66},"Bind key events with Stimulus actions. The controller ignores key presses when the event target is inside an ",{"type":16,"tag":68,"props":69,"children":71},"code",{"className":70},[],[72],{"type":22,"value":73},"input",{"type":22,"value":75}," or ",{"type":16,"tag":68,"props":77,"children":79},{"className":78},[],[80],{"type":22,"value":81},"textarea",{"type":22,"value":46},{"type":16,"tag":31,"props":84,"children":85},{},[86],{"type":16,"tag":87,"props":88,"children":89},"strong",{},[90],{"type":22,"value":91},"Click on key (link):",{"type":16,"tag":93,"props":94,"children":96},"code-block",{"tab-name":95},"app/views/index.html",[97],{"type":16,"tag":98,"props":99,"children":103},"pre",{"className":100,"code":101,"language":102,"meta":7,"style":7},"language-html shiki shiki-themes one-dark-pro","\u003Ca href=\"/docs\" data-controller=\"hotkey\" data-action=\"keydown.g@document->hotkey#click\"> Go to docs (g) \u003C/a>\n","html",[104],{"type":16,"tag":68,"props":105,"children":106},{"__ignoreMap":7},[107],{"type":16,"tag":108,"props":109,"children":112},"span",{"class":110,"line":111},"line",1,[113,119,124,130,135,141,146,150,155,160,164,169,174,178],{"type":16,"tag":108,"props":114,"children":116},{"style":115},"--shiki-default:#ABB2BF",[117],{"type":22,"value":118},"\u003C",{"type":16,"tag":108,"props":120,"children":122},{"style":121},"--shiki-default:#E06C75",[123],{"type":22,"value":37},{"type":16,"tag":108,"props":125,"children":127},{"style":126},"--shiki-default:#D19A66",[128],{"type":22,"value":129}," href",{"type":16,"tag":108,"props":131,"children":132},{"style":115},[133],{"type":22,"value":134},"=",{"type":16,"tag":108,"props":136,"children":138},{"style":137},"--shiki-default:#98C379",[139],{"type":22,"value":140},"\"/docs\"",{"type":16,"tag":108,"props":142,"children":143},{"style":126},[144],{"type":22,"value":145}," data-controller",{"type":16,"tag":108,"props":147,"children":148},{"style":115},[149],{"type":22,"value":134},{"type":16,"tag":108,"props":151,"children":152},{"style":137},[153],{"type":22,"value":154},"\"hotkey\"",{"type":16,"tag":108,"props":156,"children":157},{"style":126},[158],{"type":22,"value":159}," data-action",{"type":16,"tag":108,"props":161,"children":162},{"style":115},[163],{"type":22,"value":134},{"type":16,"tag":108,"props":165,"children":166},{"style":137},[167],{"type":22,"value":168},"\"keydown.g@document->hotkey#click\"",{"type":16,"tag":108,"props":170,"children":171},{"style":115},[172],{"type":22,"value":173},"> Go to docs (g) \u003C/",{"type":16,"tag":108,"props":175,"children":176},{"style":121},[177],{"type":22,"value":37},{"type":16,"tag":108,"props":179,"children":180},{"style":115},[181],{"type":22,"value":182},">\n",{"type":16,"tag":31,"props":184,"children":185},{},[186],{"type":16,"tag":87,"props":187,"children":188},{},[189],{"type":22,"value":190},"Click on key (button):",{"type":16,"tag":93,"props":192,"children":193},{"tab-name":95},[194],{"type":16,"tag":98,"props":195,"children":197},{"className":100,"code":196,"language":102,"meta":7,"style":7},"\u003Cbutton type=\"button\" data-controller=\"hotkey\" data-action=\"keydown.j@document->hotkey#click\">Submit\u003C/button>\n",[198],{"type":16,"tag":68,"props":199,"children":200},{"__ignoreMap":7},[201],{"type":16,"tag":108,"props":202,"children":203},{"class":110,"line":111},[204,208,213,218,222,227,231,235,239,243,247,252,257,261],{"type":16,"tag":108,"props":205,"children":206},{"style":115},[207],{"type":22,"value":118},{"type":16,"tag":108,"props":209,"children":210},{"style":121},[211],{"type":22,"value":212},"button",{"type":16,"tag":108,"props":214,"children":215},{"style":126},[216],{"type":22,"value":217}," type",{"type":16,"tag":108,"props":219,"children":220},{"style":115},[221],{"type":22,"value":134},{"type":16,"tag":108,"props":223,"children":224},{"style":137},[225],{"type":22,"value":226},"\"button\"",{"type":16,"tag":108,"props":228,"children":229},{"style":126},[230],{"type":22,"value":145},{"type":16,"tag":108,"props":232,"children":233},{"style":115},[234],{"type":22,"value":134},{"type":16,"tag":108,"props":236,"children":237},{"style":137},[238],{"type":22,"value":154},{"type":16,"tag":108,"props":240,"children":241},{"style":126},[242],{"type":22,"value":159},{"type":16,"tag":108,"props":244,"children":245},{"style":115},[246],{"type":22,"value":134},{"type":16,"tag":108,"props":248,"children":249},{"style":137},[250],{"type":22,"value":251},"\"keydown.j@document->hotkey#click\"",{"type":16,"tag":108,"props":253,"children":254},{"style":115},[255],{"type":22,"value":256},">Submit\u003C/",{"type":16,"tag":108,"props":258,"children":259},{"style":121},[260],{"type":22,"value":212},{"type":16,"tag":108,"props":262,"children":263},{"style":115},[264],{"type":22,"value":182},{"type":16,"tag":31,"props":266,"children":267},{},[268],{"type":16,"tag":87,"props":269,"children":270},{},[271],{"type":22,"value":272},"Focus on key:",{"type":16,"tag":93,"props":274,"children":275},{"tab-name":95},[276],{"type":16,"tag":98,"props":277,"children":279},{"className":100,"code":278,"language":102,"meta":7,"style":7},"\u003Cinput\n  type=\"text\"\n  data-controller=\"hotkey\"\n  data-action=\"keydown.k@document->hotkey#focus\"\n  placeholder=\"Focus target (k)\"\n/>\n",[280],{"type":16,"tag":68,"props":281,"children":282},{"__ignoreMap":7},[283,295,313,331,349,367],{"type":16,"tag":108,"props":284,"children":285},{"class":110,"line":111},[286,290],{"type":16,"tag":108,"props":287,"children":288},{"style":115},[289],{"type":22,"value":118},{"type":16,"tag":108,"props":291,"children":292},{"style":121},[293],{"type":22,"value":294},"input\n",{"type":16,"tag":108,"props":296,"children":298},{"class":110,"line":297},2,[299,304,308],{"type":16,"tag":108,"props":300,"children":301},{"style":126},[302],{"type":22,"value":303},"  type",{"type":16,"tag":108,"props":305,"children":306},{"style":115},[307],{"type":22,"value":134},{"type":16,"tag":108,"props":309,"children":310},{"style":137},[311],{"type":22,"value":312},"\"text\"\n",{"type":16,"tag":108,"props":314,"children":316},{"class":110,"line":315},3,[317,322,326],{"type":16,"tag":108,"props":318,"children":319},{"style":126},[320],{"type":22,"value":321},"  data-controller",{"type":16,"tag":108,"props":323,"children":324},{"style":115},[325],{"type":22,"value":134},{"type":16,"tag":108,"props":327,"children":328},{"style":137},[329],{"type":22,"value":330},"\"hotkey\"\n",{"type":16,"tag":108,"props":332,"children":334},{"class":110,"line":333},4,[335,340,344],{"type":16,"tag":108,"props":336,"children":337},{"style":126},[338],{"type":22,"value":339},"  data-action",{"type":16,"tag":108,"props":341,"children":342},{"style":115},[343],{"type":22,"value":134},{"type":16,"tag":108,"props":345,"children":346},{"style":137},[347],{"type":22,"value":348},"\"keydown.k@document->hotkey#focus\"\n",{"type":16,"tag":108,"props":350,"children":352},{"class":110,"line":351},5,[353,358,362],{"type":16,"tag":108,"props":354,"children":355},{"style":126},[356],{"type":22,"value":357},"  placeholder",{"type":16,"tag":108,"props":359,"children":360},{"style":115},[361],{"type":22,"value":134},{"type":16,"tag":108,"props":363,"children":364},{"style":137},[365],{"type":22,"value":366},"\"Focus target (k)\"\n",{"type":16,"tag":108,"props":368,"children":370},{"class":110,"line":369},6,[371],{"type":16,"tag":108,"props":372,"children":373},{"style":115},[374],{"type":22,"value":375},"/>\n",{"type":16,"tag":31,"props":377,"children":378},{},[379,381,388,390,396,398,404],{"type":22,"value":380},"Use any ",{"type":16,"tag":37,"props":382,"children":385},{"href":383,"rel":384},"https://stimulus.hotwired.dev/reference/actions#keyboardevent-filter",[41],[386],{"type":22,"value":387},"keyboard event filter",{"type":22,"value":389}," in the action (e.g. ",{"type":16,"tag":68,"props":391,"children":393},{"className":392},[],[394],{"type":22,"value":395},"keydown.space",{"type":22,"value":397},", ",{"type":16,"tag":68,"props":399,"children":401},{"className":400},[],[402],{"type":22,"value":403},"keydown.esc",{"type":22,"value":405},").",{"type":16,"tag":31,"props":407,"children":408},{},[409,411,417,419,425],{"type":22,"value":410},"The controller does not run when the event is ",{"type":16,"tag":68,"props":412,"children":414},{"className":413},[],[415],{"type":22,"value":416},"defaultPrevented",{"type":22,"value":418}," or when the element has ",{"type":16,"tag":68,"props":420,"children":422},{"className":421},[],[423],{"type":22,"value":424},"pointer-events: none",{"type":22,"value":46},{"type":16,"tag":17,"props":427,"children":429},{"id":428},"extending-controller",[430],{"type":22,"value":431},"Extending Controller",{"type":16,"tag":428,"props":433,"children":434},{},[435],{"type":16,"tag":93,"props":436,"children":438},{"tab-name":437},"app/javascript/controllers/hotkey_controller.js",[439],{"type":16,"tag":98,"props":440,"children":444},{"className":441,"code":442,"language":443,"meta":7,"style":7},"language-js shiki shiki-themes one-dark-pro","import Hotkey from \"@stimulus-components/hotkey\"\n\nexport default class extends Hotkey {\n  click(event) {\n    super.click(event)\n    console.log(\"Do what you want here.\")\n  }\n\n  focus(event) {\n    super.focus(event)\n  }\n}\n","js",[445],{"type":16,"tag":68,"props":446,"children":447},{"__ignoreMap":7},[448,472,481,514,539,570,600,609,617,638,667,675],{"type":16,"tag":108,"props":449,"children":450},{"class":110,"line":111},[451,457,462,467],{"type":16,"tag":108,"props":452,"children":454},{"style":453},"--shiki-default:#C678DD",[455],{"type":22,"value":456},"import",{"type":16,"tag":108,"props":458,"children":459},{"style":121},[460],{"type":22,"value":461}," Hotkey",{"type":16,"tag":108,"props":463,"children":464},{"style":453},[465],{"type":22,"value":466}," from",{"type":16,"tag":108,"props":468,"children":469},{"style":137},[470],{"type":22,"value":471}," \"@stimulus-components/hotkey\"\n",{"type":16,"tag":108,"props":473,"children":474},{"class":110,"line":297},[475],{"type":16,"tag":108,"props":476,"children":478},{"emptyLinePlaceholder":477},true,[479],{"type":22,"value":480},"\n",{"type":16,"tag":108,"props":482,"children":483},{"class":110,"line":315},[484,489,494,499,504,509],{"type":16,"tag":108,"props":485,"children":486},{"style":453},[487],{"type":22,"value":488},"export",{"type":16,"tag":108,"props":490,"children":491},{"style":453},[492],{"type":22,"value":493}," default",{"type":16,"tag":108,"props":495,"children":496},{"style":453},[497],{"type":22,"value":498}," class",{"type":16,"tag":108,"props":500,"children":501},{"style":453},[502],{"type":22,"value":503}," extends",{"type":16,"tag":108,"props":505,"children":507},{"style":506},"--shiki-default:#E5C07B",[508],{"type":22,"value":461},{"type":16,"tag":108,"props":510,"children":511},{"style":115},[512],{"type":22,"value":513}," {\n",{"type":16,"tag":108,"props":515,"children":516},{"class":110,"line":333},[517,523,528,534],{"type":16,"tag":108,"props":518,"children":520},{"style":519},"--shiki-default:#61AFEF",[521],{"type":22,"value":522},"  click",{"type":16,"tag":108,"props":524,"children":525},{"style":115},[526],{"type":22,"value":527},"(",{"type":16,"tag":108,"props":529,"children":531},{"style":530},"--shiki-default:#E06C75;--shiki-default-font-style:italic",[532],{"type":22,"value":533},"event",{"type":16,"tag":108,"props":535,"children":536},{"style":115},[537],{"type":22,"value":538},") {\n",{"type":16,"tag":108,"props":540,"children":541},{"class":110,"line":351},[542,548,552,557,561,565],{"type":16,"tag":108,"props":543,"children":545},{"style":544},"--shiki-default:#E5C07B;--shiki-default-font-style:italic",[546],{"type":22,"value":547},"    super",{"type":16,"tag":108,"props":549,"children":550},{"style":115},[551],{"type":22,"value":46},{"type":16,"tag":108,"props":553,"children":554},{"style":519},[555],{"type":22,"value":556},"click",{"type":16,"tag":108,"props":558,"children":559},{"style":115},[560],{"type":22,"value":527},{"type":16,"tag":108,"props":562,"children":563},{"style":121},[564],{"type":22,"value":533},{"type":16,"tag":108,"props":566,"children":567},{"style":115},[568],{"type":22,"value":569},")\n",{"type":16,"tag":108,"props":571,"children":572},{"class":110,"line":369},[573,578,582,587,591,596],{"type":16,"tag":108,"props":574,"children":575},{"style":506},[576],{"type":22,"value":577},"    console",{"type":16,"tag":108,"props":579,"children":580},{"style":115},[581],{"type":22,"value":46},{"type":16,"tag":108,"props":583,"children":584},{"style":519},[585],{"type":22,"value":586},"log",{"type":16,"tag":108,"props":588,"children":589},{"style":115},[590],{"type":22,"value":527},{"type":16,"tag":108,"props":592,"children":593},{"style":137},[594],{"type":22,"value":595},"\"Do what you want here.\"",{"type":16,"tag":108,"props":597,"children":598},{"style":115},[599],{"type":22,"value":569},{"type":16,"tag":108,"props":601,"children":603},{"class":110,"line":602},7,[604],{"type":16,"tag":108,"props":605,"children":606},{"style":115},[607],{"type":22,"value":608},"  }\n",{"type":16,"tag":108,"props":610,"children":612},{"class":110,"line":611},8,[613],{"type":16,"tag":108,"props":614,"children":615},{"emptyLinePlaceholder":477},[616],{"type":22,"value":480},{"type":16,"tag":108,"props":618,"children":620},{"class":110,"line":619},9,[621,626,630,634],{"type":16,"tag":108,"props":622,"children":623},{"style":519},[624],{"type":22,"value":625},"  focus",{"type":16,"tag":108,"props":627,"children":628},{"style":115},[629],{"type":22,"value":527},{"type":16,"tag":108,"props":631,"children":632},{"style":530},[633],{"type":22,"value":533},{"type":16,"tag":108,"props":635,"children":636},{"style":115},[637],{"type":22,"value":538},{"type":16,"tag":108,"props":639,"children":641},{"class":110,"line":640},10,[642,646,650,655,659,663],{"type":16,"tag":108,"props":643,"children":644},{"style":544},[645],{"type":22,"value":547},{"type":16,"tag":108,"props":647,"children":648},{"style":115},[649],{"type":22,"value":46},{"type":16,"tag":108,"props":651,"children":652},{"style":519},[653],{"type":22,"value":654},"focus",{"type":16,"tag":108,"props":656,"children":657},{"style":115},[658],{"type":22,"value":527},{"type":16,"tag":108,"props":660,"children":661},{"style":121},[662],{"type":22,"value":533},{"type":16,"tag":108,"props":664,"children":665},{"style":115},[666],{"type":22,"value":569},{"type":16,"tag":108,"props":668,"children":670},{"class":110,"line":669},11,[671],{"type":16,"tag":108,"props":672,"children":673},{"style":115},[674],{"type":22,"value":608},{"type":16,"tag":108,"props":676,"children":678},{"class":110,"line":677},12,[679],{"type":16,"tag":108,"props":680,"children":681},{"style":115},[682],{"type":22,"value":683},"}\n",{"type":16,"tag":685,"props":686,"children":687},"style",{},[688],{"type":22,"value":689},"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);}",{"title":7,"searchDepth":297,"depth":297,"links":691},[692,693,694,695],{"id":19,"depth":297,"text":23},{"id":49,"depth":297,"text":52},{"id":58,"depth":297,"text":61},{"id":428,"depth":297,"text":431},"markdown","content:docs:stimulus-hotkey.md","content","docs/stimulus-hotkey.md","docs/stimulus-hotkey","md",{"id":703,"node_id":704,"name":705,"full_name":706,"private":6,"owner":707,"html_url":724,"description":725,"fork":6,"url":726,"forks_url":727,"keys_url":728,"collaborators_url":729,"teams_url":730,"hooks_url":731,"issue_events_url":732,"events_url":733,"assignees_url":734,"branches_url":735,"tags_url":736,"blobs_url":737,"git_tags_url":738,"git_refs_url":739,"trees_url":740,"statuses_url":741,"languages_url":742,"stargazers_url":743,"contributors_url":744,"subscribers_url":745,"subscription_url":746,"commits_url":747,"git_commits_url":748,"comments_url":749,"issue_comment_url":750,"contents_url":751,"compare_url":752,"merges_url":753,"archive_url":754,"downloads_url":755,"issues_url":756,"pulls_url":757,"milestones_url":758,"notifications_url":759,"labels_url":760,"releases_url":761,"deployments_url":762,"created_at":763,"updated_at":764,"pushed_at":765,"git_url":766,"ssh_url":767,"clone_url":768,"svn_url":724,"homepage":769,"size":770,"stargazers_count":771,"watchers_count":771,"language":772,"has_issues":477,"has_projects":6,"has_downloads":477,"has_wiki":6,"has_pages":6,"has_discussions":6,"forks_count":773,"mirror_url":774,"archived":6,"disabled":6,"open_issues_count":775,"license":774,"allow_forking":477,"is_template":6,"web_commit_signoff_required":6,"has_pull_requests":477,"pull_request_creation_policy":776,"topics":777,"visibility":723,"forks":773,"open_issues":775,"watchers":771,"default_branch":782,"temp_clone_token":774,"custom_properties":783,"organization":784,"network_count":773,"subscribers_count":785},298300311,"MDEwOlJlcG9zaXRvcnkyOTgzMDAzMTE=","stimulus-components","stimulus-components/stimulus-components",{"login":705,"id":708,"node_id":709,"avatar_url":710,"gravatar_id":7,"url":711,"html_url":712,"followers_url":713,"following_url":714,"gists_url":715,"starred_url":716,"subscriptions_url":717,"organizations_url":718,"repos_url":719,"events_url":720,"received_events_url":721,"type":722,"user_view_type":723,"site_admin":6},72915408,"MDEyOk9yZ2FuaXphdGlvbjcyOTE1NDA4","https://avatars.githubusercontent.com/u/72915408?v=4","https://api.github.com/users/stimulus-components","https://github.com/stimulus-components","https://api.github.com/users/stimulus-components/followers","https://api.github.com/users/stimulus-components/following{/other_user}","https://api.github.com/users/stimulus-components/gists{/gist_id}","https://api.github.com/users/stimulus-components/starred{/owner}{/repo}","https://api.github.com/users/stimulus-components/subscriptions","https://api.github.com/users/stimulus-components/orgs","https://api.github.com/users/stimulus-components/repos","https://api.github.com/users/stimulus-components/events{/privacy}","https://api.github.com/users/stimulus-components/received_events","Organization","public","https://github.com/stimulus-components/stimulus-components","Over 25 Stimulus controllers with built-in behavior, top-tier documentation, designed for easy extension, and ready for your styles to solve every day frontend problems.","https://api.github.com/repos/stimulus-components/stimulus-components","https://api.github.com/repos/stimulus-components/stimulus-components/forks","https://api.github.com/repos/stimulus-components/stimulus-components/keys{/key_id}","https://api.github.com/repos/stimulus-components/stimulus-components/collaborators{/collaborator}","https://api.github.com/repos/stimulus-components/stimulus-components/teams","https://api.github.com/repos/stimulus-components/stimulus-components/hooks","https://api.github.com/repos/stimulus-components/stimulus-components/issues/events{/number}","https://api.github.com/repos/stimulus-components/stimulus-components/events","https://api.github.com/repos/stimulus-components/stimulus-components/assignees{/user}","https://api.github.com/repos/stimulus-components/stimulus-components/branches{/branch}","https://api.github.com/repos/stimulus-components/stimulus-components/tags","https://api.github.com/repos/stimulus-components/stimulus-components/git/blobs{/sha}","https://api.github.com/repos/stimulus-components/stimulus-components/git/tags{/sha}","https://api.github.com/repos/stimulus-components/stimulus-components/git/refs{/sha}","https://api.github.com/repos/stimulus-components/stimulus-components/git/trees{/sha}","https://api.github.com/repos/stimulus-components/stimulus-components/statuses/{sha}","https://api.github.com/repos/stimulus-components/stimulus-components/languages","https://api.github.com/repos/stimulus-components/stimulus-components/stargazers","https://api.github.com/repos/stimulus-components/stimulus-components/contributors","https://api.github.com/repos/stimulus-components/stimulus-components/subscribers","https://api.github.com/repos/stimulus-components/stimulus-components/subscription","https://api.github.com/repos/stimulus-components/stimulus-components/commits{/sha}","https://api.github.com/repos/stimulus-components/stimulus-components/git/commits{/sha}","https://api.github.com/repos/stimulus-components/stimulus-components/comments{/number}","https://api.github.com/repos/stimulus-components/stimulus-components/issues/comments{/number}","https://api.github.com/repos/stimulus-components/stimulus-components/contents/{+path}","https://api.github.com/repos/stimulus-components/stimulus-components/compare/{base}...{head}","https://api.github.com/repos/stimulus-components/stimulus-components/merges","https://api.github.com/repos/stimulus-components/stimulus-components/{archive_format}{/ref}","https://api.github.com/repos/stimulus-components/stimulus-components/downloads","https://api.github.com/repos/stimulus-components/stimulus-components/issues{/number}","https://api.github.com/repos/stimulus-components/stimulus-components/pulls{/number}","https://api.github.com/repos/stimulus-components/stimulus-components/milestones{/number}","https://api.github.com/repos/stimulus-components/stimulus-components/notifications{?since,all,participating}","https://api.github.com/repos/stimulus-components/stimulus-components/labels{/name}","https://api.github.com/repos/stimulus-components/stimulus-components/releases{/id}","https://api.github.com/repos/stimulus-components/stimulus-components/deployments","2020-09-24T14:15:27Z","2026-03-25T19:52:19Z","2026-03-26T14:23:55Z","git://github.com/stimulus-components/stimulus-components.git","git@github.com:stimulus-components/stimulus-components.git","https://github.com/stimulus-components/stimulus-components.git","https://www.stimulus-components.com",4108,1457,"TypeScript",68,null,51,"all",[778,779,705,780,781],"npm-package","rails","stimulus-controllers","stimulusjs","master",{},{"login":705,"id":708,"node_id":709,"avatar_url":710,"gravatar_id":7,"url":711,"html_url":712,"followers_url":713,"following_url":714,"gists_url":715,"starred_url":716,"subscriptions_url":717,"organizations_url":718,"repos_url":719,"events_url":720,"received_events_url":721,"type":722,"user_view_type":723,"site_admin":6},14,[787,1607,2374,3276,3944,5505,7343,7894,8933,9631,10951,12102,12833,14110,14665,15774,16709,17261,18627,19545,19799,21279,22029,23190,24026,24413,25518,26232,27696,28447,29154,29527],{"_path":788,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":789,"description":790,"package":791,"packagePath":792,"body":793,"_type":696,"_id":1604,"_source":698,"_file":1605,"_stem":1606,"_extension":701},"/docs/stimulus-animated-number","Animated Number","A Stimulus controller that animates a numerical value by counting to it.","animated-number","@stimulus-components/animated-number",{"type":13,"children":794,"toc":1597},[795,799,802,806,809,813,934,1062,1222,1228,1445,1449,1593],{"type":16,"tag":17,"props":796,"children":797},{"id":19},[798],{"type":22,"value":23},{"type":16,"tag":25,"props":800,"children":801},{":package":27,":package-path":28},[],{"type":16,"tag":17,"props":803,"children":804},{"id":49},[805],{"type":22,"value":52},{"type":16,"tag":791,"props":807,"children":808},{},[],{"type":16,"tag":17,"props":810,"children":811},{"id":58},[812],{"type":22,"value":61},{"type":16,"tag":93,"props":814,"children":815},{"tab-name":95},[816],{"type":16,"tag":98,"props":817,"children":819},{"className":100,"code":818,"language":102,"meta":7,"style":7},"\u003Cdiv\n  data-controller=\"animated-number\"\n  data-animated-number-start-value=\"0\"\n  data-animated-number-end-value=\"200\"\n  data-animated-number-duration-value=\"3000\"\n>\n  0\n\u003C/div>\n",[820],{"type":16,"tag":68,"props":821,"children":822},{"__ignoreMap":7},[823,835,851,868,885,902,909,917],{"type":16,"tag":108,"props":824,"children":825},{"class":110,"line":111},[826,830],{"type":16,"tag":108,"props":827,"children":828},{"style":115},[829],{"type":22,"value":118},{"type":16,"tag":108,"props":831,"children":832},{"style":121},[833],{"type":22,"value":834},"div\n",{"type":16,"tag":108,"props":836,"children":837},{"class":110,"line":297},[838,842,846],{"type":16,"tag":108,"props":839,"children":840},{"style":126},[841],{"type":22,"value":321},{"type":16,"tag":108,"props":843,"children":844},{"style":115},[845],{"type":22,"value":134},{"type":16,"tag":108,"props":847,"children":848},{"style":137},[849],{"type":22,"value":850},"\"animated-number\"\n",{"type":16,"tag":108,"props":852,"children":853},{"class":110,"line":315},[854,859,863],{"type":16,"tag":108,"props":855,"children":856},{"style":126},[857],{"type":22,"value":858},"  data-animated-number-start-value",{"type":16,"tag":108,"props":860,"children":861},{"style":115},[862],{"type":22,"value":134},{"type":16,"tag":108,"props":864,"children":865},{"style":137},[866],{"type":22,"value":867},"\"0\"\n",{"type":16,"tag":108,"props":869,"children":870},{"class":110,"line":333},[871,876,880],{"type":16,"tag":108,"props":872,"children":873},{"style":126},[874],{"type":22,"value":875},"  data-animated-number-end-value",{"type":16,"tag":108,"props":877,"children":878},{"style":115},[879],{"type":22,"value":134},{"type":16,"tag":108,"props":881,"children":882},{"style":137},[883],{"type":22,"value":884},"\"200\"\n",{"type":16,"tag":108,"props":886,"children":887},{"class":110,"line":351},[888,893,897],{"type":16,"tag":108,"props":889,"children":890},{"style":126},[891],{"type":22,"value":892},"  data-animated-number-duration-value",{"type":16,"tag":108,"props":894,"children":895},{"style":115},[896],{"type":22,"value":134},{"type":16,"tag":108,"props":898,"children":899},{"style":137},[900],{"type":22,"value":901},"\"3000\"\n",{"type":16,"tag":108,"props":903,"children":904},{"class":110,"line":369},[905],{"type":16,"tag":108,"props":906,"children":907},{"style":115},[908],{"type":22,"value":182},{"type":16,"tag":108,"props":910,"children":911},{"class":110,"line":602},[912],{"type":16,"tag":108,"props":913,"children":914},{"style":115},[915],{"type":22,"value":916},"  0\n",{"type":16,"tag":108,"props":918,"children":919},{"class":110,"line":611},[920,925,930],{"type":16,"tag":108,"props":921,"children":922},{"style":115},[923],{"type":22,"value":924},"\u003C/",{"type":16,"tag":108,"props":926,"children":927},{"style":121},[928],{"type":22,"value":929},"div",{"type":16,"tag":108,"props":931,"children":932},{"style":115},[933],{"type":22,"value":182},{"type":16,"tag":93,"props":935,"children":936},{"tab-name":95},[937],{"type":16,"tag":98,"props":938,"children":940},{"className":100,"code":939,"language":102,"meta":7,"style":7},"\u003Cdiv\n  data-controller=\"animated-number\"\n  data-animated-number-lazy-value=\"\"\n  data-animated-number-start-value=\"0\"\n  data-animated-number-end-value=\"200\"\n  data-animated-number-duration-value=\"3000\"\n>\n  This animation will start only when the element become visible thanks to Intersection Observers.\n\u003C/div>\n",[941],{"type":16,"tag":68,"props":942,"children":943},{"__ignoreMap":7},[944,955,970,987,1002,1017,1032,1039,1047],{"type":16,"tag":108,"props":945,"children":946},{"class":110,"line":111},[947,951],{"type":16,"tag":108,"props":948,"children":949},{"style":115},[950],{"type":22,"value":118},{"type":16,"tag":108,"props":952,"children":953},{"style":121},[954],{"type":22,"value":834},{"type":16,"tag":108,"props":956,"children":957},{"class":110,"line":297},[958,962,966],{"type":16,"tag":108,"props":959,"children":960},{"style":126},[961],{"type":22,"value":321},{"type":16,"tag":108,"props":963,"children":964},{"style":115},[965],{"type":22,"value":134},{"type":16,"tag":108,"props":967,"children":968},{"style":137},[969],{"type":22,"value":850},{"type":16,"tag":108,"props":971,"children":972},{"class":110,"line":315},[973,978,982],{"type":16,"tag":108,"props":974,"children":975},{"style":126},[976],{"type":22,"value":977},"  data-animated-number-lazy-value",{"type":16,"tag":108,"props":979,"children":980},{"style":115},[981],{"type":22,"value":134},{"type":16,"tag":108,"props":983,"children":984},{"style":137},[985],{"type":22,"value":986},"\"\"\n",{"type":16,"tag":108,"props":988,"children":989},{"class":110,"line":333},[990,994,998],{"type":16,"tag":108,"props":991,"children":992},{"style":126},[993],{"type":22,"value":858},{"type":16,"tag":108,"props":995,"children":996},{"style":115},[997],{"type":22,"value":134},{"type":16,"tag":108,"props":999,"children":1000},{"style":137},[1001],{"type":22,"value":867},{"type":16,"tag":108,"props":1003,"children":1004},{"class":110,"line":351},[1005,1009,1013],{"type":16,"tag":108,"props":1006,"children":1007},{"style":126},[1008],{"type":22,"value":875},{"type":16,"tag":108,"props":1010,"children":1011},{"style":115},[1012],{"type":22,"value":134},{"type":16,"tag":108,"props":1014,"children":1015},{"style":137},[1016],{"type":22,"value":884},{"type":16,"tag":108,"props":1018,"children":1019},{"class":110,"line":369},[1020,1024,1028],{"type":16,"tag":108,"props":1021,"children":1022},{"style":126},[1023],{"type":22,"value":892},{"type":16,"tag":108,"props":1025,"children":1026},{"style":115},[1027],{"type":22,"value":134},{"type":16,"tag":108,"props":1029,"children":1030},{"style":137},[1031],{"type":22,"value":901},{"type":16,"tag":108,"props":1033,"children":1034},{"class":110,"line":602},[1035],{"type":16,"tag":108,"props":1036,"children":1037},{"style":115},[1038],{"type":22,"value":182},{"type":16,"tag":108,"props":1040,"children":1041},{"class":110,"line":611},[1042],{"type":16,"tag":108,"props":1043,"children":1044},{"style":115},[1045],{"type":22,"value":1046},"  This animation will start only when the element become visible thanks to Intersection Observers.\n",{"type":16,"tag":108,"props":1048,"children":1049},{"class":110,"line":619},[1050,1054,1058],{"type":16,"tag":108,"props":1051,"children":1052},{"style":115},[1053],{"type":22,"value":924},{"type":16,"tag":108,"props":1055,"children":1056},{"style":121},[1057],{"type":22,"value":929},{"type":16,"tag":108,"props":1059,"children":1060},{"style":115},[1061],{"type":22,"value":182},{"type":16,"tag":93,"props":1063,"children":1064},{"tab-name":95},[1065],{"type":16,"tag":98,"props":1066,"children":1068},{"className":100,"code":1067,"language":102,"meta":7,"style":7},"\u003Cdiv\n  data-controller=\"animated-number\"\n  data-animated-number-lazy-value=\"\"\n  data-animated-number-lazy-root-margin-value=\"30px\"\n  data-animated-number-lazy-threshold-value=\"0.4\"\n  data-animated-number-start-value=\"0\"\n  data-animated-number-end-value=\"200\"\n  data-animated-number-duration-value=\"3000\"\n>\n  You can customize the Intersection Observer options.\n\u003C/div>\n",[1069],{"type":16,"tag":68,"props":1070,"children":1071},{"__ignoreMap":7},[1072,1083,1098,1113,1130,1147,1162,1177,1192,1199,1207],{"type":16,"tag":108,"props":1073,"children":1074},{"class":110,"line":111},[1075,1079],{"type":16,"tag":108,"props":1076,"children":1077},{"style":115},[1078],{"type":22,"value":118},{"type":16,"tag":108,"props":1080,"children":1081},{"style":121},[1082],{"type":22,"value":834},{"type":16,"tag":108,"props":1084,"children":1085},{"class":110,"line":297},[1086,1090,1094],{"type":16,"tag":108,"props":1087,"children":1088},{"style":126},[1089],{"type":22,"value":321},{"type":16,"tag":108,"props":1091,"children":1092},{"style":115},[1093],{"type":22,"value":134},{"type":16,"tag":108,"props":1095,"children":1096},{"style":137},[1097],{"type":22,"value":850},{"type":16,"tag":108,"props":1099,"children":1100},{"class":110,"line":315},[1101,1105,1109],{"type":16,"tag":108,"props":1102,"children":1103},{"style":126},[1104],{"type":22,"value":977},{"type":16,"tag":108,"props":1106,"children":1107},{"style":115},[1108],{"type":22,"value":134},{"type":16,"tag":108,"props":1110,"children":1111},{"style":137},[1112],{"type":22,"value":986},{"type":16,"tag":108,"props":1114,"children":1115},{"class":110,"line":333},[1116,1121,1125],{"type":16,"tag":108,"props":1117,"children":1118},{"style":126},[1119],{"type":22,"value":1120},"  data-animated-number-lazy-root-margin-value",{"type":16,"tag":108,"props":1122,"children":1123},{"style":115},[1124],{"type":22,"value":134},{"type":16,"tag":108,"props":1126,"children":1127},{"style":137},[1128],{"type":22,"value":1129},"\"30px\"\n",{"type":16,"tag":108,"props":1131,"children":1132},{"class":110,"line":351},[1133,1138,1142],{"type":16,"tag":108,"props":1134,"children":1135},{"style":126},[1136],{"type":22,"value":1137},"  data-animated-number-lazy-threshold-value",{"type":16,"tag":108,"props":1139,"children":1140},{"style":115},[1141],{"type":22,"value":134},{"type":16,"tag":108,"props":1143,"children":1144},{"style":137},[1145],{"type":22,"value":1146},"\"0.4\"\n",{"type":16,"tag":108,"props":1148,"children":1149},{"class":110,"line":369},[1150,1154,1158],{"type":16,"tag":108,"props":1151,"children":1152},{"style":126},[1153],{"type":22,"value":858},{"type":16,"tag":108,"props":1155,"children":1156},{"style":115},[1157],{"type":22,"value":134},{"type":16,"tag":108,"props":1159,"children":1160},{"style":137},[1161],{"type":22,"value":867},{"type":16,"tag":108,"props":1163,"children":1164},{"class":110,"line":602},[1165,1169,1173],{"type":16,"tag":108,"props":1166,"children":1167},{"style":126},[1168],{"type":22,"value":875},{"type":16,"tag":108,"props":1170,"children":1171},{"style":115},[1172],{"type":22,"value":134},{"type":16,"tag":108,"props":1174,"children":1175},{"style":137},[1176],{"type":22,"value":884},{"type":16,"tag":108,"props":1178,"children":1179},{"class":110,"line":611},[1180,1184,1188],{"type":16,"tag":108,"props":1181,"children":1182},{"style":126},[1183],{"type":22,"value":892},{"type":16,"tag":108,"props":1185,"children":1186},{"style":115},[1187],{"type":22,"value":134},{"type":16,"tag":108,"props":1189,"children":1190},{"style":137},[1191],{"type":22,"value":901},{"type":16,"tag":108,"props":1193,"children":1194},{"class":110,"line":619},[1195],{"type":16,"tag":108,"props":1196,"children":1197},{"style":115},[1198],{"type":22,"value":182},{"type":16,"tag":108,"props":1200,"children":1201},{"class":110,"line":640},[1202],{"type":16,"tag":108,"props":1203,"children":1204},{"style":115},[1205],{"type":22,"value":1206},"  You can customize the Intersection Observer options.\n",{"type":16,"tag":108,"props":1208,"children":1209},{"class":110,"line":669},[1210,1214,1218],{"type":16,"tag":108,"props":1211,"children":1212},{"style":115},[1213],{"type":22,"value":924},{"type":16,"tag":108,"props":1215,"children":1216},{"style":121},[1217],{"type":22,"value":929},{"type":16,"tag":108,"props":1219,"children":1220},{"style":115},[1221],{"type":22,"value":182},{"type":16,"tag":17,"props":1223,"children":1225},{"id":1224},"configuration",[1226],{"type":22,"value":1227},"Configuration",{"type":16,"tag":1229,"props":1230,"children":1231},"table",{},[1232,1261],{"type":16,"tag":1233,"props":1234,"children":1235},"thead",{},[1236],{"type":16,"tag":1237,"props":1238,"children":1239},"tr",{},[1240,1246,1251,1256],{"type":16,"tag":1241,"props":1242,"children":1243},"th",{},[1244],{"type":22,"value":1245},"Attribute",{"type":16,"tag":1241,"props":1247,"children":1248},{},[1249],{"type":22,"value":1250},"Default",{"type":16,"tag":1241,"props":1252,"children":1253},{},[1254],{"type":22,"value":1255},"Description",{"type":16,"tag":1241,"props":1257,"children":1258},{},[1259],{"type":22,"value":1260},"Optional",{"type":16,"tag":1262,"props":1263,"children":1264},"tbody",{},[1265,1297,1326,1355,1385,1415],{"type":16,"tag":1237,"props":1266,"children":1267},{},[1268,1278,1287,1292],{"type":16,"tag":1269,"props":1270,"children":1271},"td",{},[1272],{"type":16,"tag":68,"props":1273,"children":1275},{"className":1274},[],[1276],{"type":22,"value":1277},"data-animated-number-start-value",{"type":16,"tag":1269,"props":1279,"children":1280},{},[1281],{"type":16,"tag":68,"props":1282,"children":1284},{"className":1283},[],[1285],{"type":22,"value":1286},"undefined",{"type":16,"tag":1269,"props":1288,"children":1289},{},[1290],{"type":22,"value":1291},"Number, at which animation starts.",{"type":16,"tag":1269,"props":1293,"children":1294},{},[1295],{"type":22,"value":1296},"❌",{"type":16,"tag":1237,"props":1298,"children":1299},{},[1300,1309,1317,1322],{"type":16,"tag":1269,"props":1301,"children":1302},{},[1303],{"type":16,"tag":68,"props":1304,"children":1306},{"className":1305},[],[1307],{"type":22,"value":1308},"data-animated-number-end-value",{"type":16,"tag":1269,"props":1310,"children":1311},{},[1312],{"type":16,"tag":68,"props":1313,"children":1315},{"className":1314},[],[1316],{"type":22,"value":1286},{"type":16,"tag":1269,"props":1318,"children":1319},{},[1320],{"type":22,"value":1321},"Number, at which animation ends.",{"type":16,"tag":1269,"props":1323,"children":1324},{},[1325],{"type":22,"value":1296},{"type":16,"tag":1237,"props":1327,"children":1328},{},[1329,1338,1346,1351],{"type":16,"tag":1269,"props":1330,"children":1331},{},[1332],{"type":16,"tag":68,"props":1333,"children":1335},{"className":1334},[],[1336],{"type":22,"value":1337},"data-animated-number-duration-value",{"type":16,"tag":1269,"props":1339,"children":1340},{},[1341],{"type":16,"tag":68,"props":1342,"children":1344},{"className":1343},[],[1345],{"type":22,"value":1286},{"type":16,"tag":1269,"props":1347,"children":1348},{},[1349],{"type":22,"value":1350},"Total animation duration in milliseconds.",{"type":16,"tag":1269,"props":1352,"children":1353},{},[1354],{"type":22,"value":1296},{"type":16,"tag":1237,"props":1356,"children":1357},{},[1358,1367,1375,1380],{"type":16,"tag":1269,"props":1359,"children":1360},{},[1361],{"type":16,"tag":68,"props":1362,"children":1364},{"className":1363},[],[1365],{"type":22,"value":1366},"data-animated-number-lazy-value",{"type":16,"tag":1269,"props":1368,"children":1369},{},[1370],{"type":16,"tag":68,"props":1371,"children":1373},{"className":1372},[],[1374],{"type":22,"value":1286},{"type":16,"tag":1269,"props":1376,"children":1377},{},[1378],{"type":22,"value":1379},"Fetch content when element is visible.",{"type":16,"tag":1269,"props":1381,"children":1382},{},[1383],{"type":22,"value":1384},"✅",{"type":16,"tag":1237,"props":1386,"children":1387},{},[1388,1397,1406,1411],{"type":16,"tag":1269,"props":1389,"children":1390},{},[1391],{"type":16,"tag":68,"props":1392,"children":1394},{"className":1393},[],[1395],{"type":22,"value":1396},"data-animated-number-lazy-root-margin-value",{"type":16,"tag":1269,"props":1398,"children":1399},{},[1400],{"type":16,"tag":68,"props":1401,"children":1403},{"className":1402},[],[1404],{"type":22,"value":1405},"0px",{"type":16,"tag":1269,"props":1407,"children":1408},{},[1409],{"type":22,"value":1410},"rootMargin option for Intersection Observer.",{"type":16,"tag":1269,"props":1412,"children":1413},{},[1414],{"type":22,"value":1384},{"type":16,"tag":1237,"props":1416,"children":1417},{},[1418,1427,1436,1441],{"type":16,"tag":1269,"props":1419,"children":1420},{},[1421],{"type":16,"tag":68,"props":1422,"children":1424},{"className":1423},[],[1425],{"type":22,"value":1426},"data-animated-number-lazy-threshold-value",{"type":16,"tag":1269,"props":1428,"children":1429},{},[1430],{"type":16,"tag":68,"props":1431,"children":1433},{"className":1432},[],[1434],{"type":22,"value":1435},"0",{"type":16,"tag":1269,"props":1437,"children":1438},{},[1439],{"type":22,"value":1440},"threshold option for Intersection Observer.",{"type":16,"tag":1269,"props":1442,"children":1443},{},[1444],{"type":22,"value":1384},{"type":16,"tag":17,"props":1446,"children":1447},{"id":428},[1448],{"type":22,"value":431},{"type":16,"tag":428,"props":1450,"children":1451},{},[1452],{"type":16,"tag":93,"props":1453,"children":1455},{"tab-name":1454},"app/javascript/controllers/animated_number_controller.js",[1456],{"type":16,"tag":98,"props":1457,"children":1459},{"className":441,"code":1458,"language":443,"meta":7,"style":7},"import AnimatedNumber from \"@stimulus-components/animated-number\"\n\nexport default class extends AnimatedNumber {\n  connect() {\n    super.connect()\n    console.log(\"Do what you want here.\")\n  }\n}\n",[1460],{"type":16,"tag":68,"props":1461,"children":1462},{"__ignoreMap":7},[1463,1484,1491,1518,1531,1552,1579,1586],{"type":16,"tag":108,"props":1464,"children":1465},{"class":110,"line":111},[1466,1470,1475,1479],{"type":16,"tag":108,"props":1467,"children":1468},{"style":453},[1469],{"type":22,"value":456},{"type":16,"tag":108,"props":1471,"children":1472},{"style":121},[1473],{"type":22,"value":1474}," AnimatedNumber",{"type":16,"tag":108,"props":1476,"children":1477},{"style":453},[1478],{"type":22,"value":466},{"type":16,"tag":108,"props":1480,"children":1481},{"style":137},[1482],{"type":22,"value":1483}," \"@stimulus-components/animated-number\"\n",{"type":16,"tag":108,"props":1485,"children":1486},{"class":110,"line":297},[1487],{"type":16,"tag":108,"props":1488,"children":1489},{"emptyLinePlaceholder":477},[1490],{"type":22,"value":480},{"type":16,"tag":108,"props":1492,"children":1493},{"class":110,"line":315},[1494,1498,1502,1506,1510,1514],{"type":16,"tag":108,"props":1495,"children":1496},{"style":453},[1497],{"type":22,"value":488},{"type":16,"tag":108,"props":1499,"children":1500},{"style":453},[1501],{"type":22,"value":493},{"type":16,"tag":108,"props":1503,"children":1504},{"style":453},[1505],{"type":22,"value":498},{"type":16,"tag":108,"props":1507,"children":1508},{"style":453},[1509],{"type":22,"value":503},{"type":16,"tag":108,"props":1511,"children":1512},{"style":506},[1513],{"type":22,"value":1474},{"type":16,"tag":108,"props":1515,"children":1516},{"style":115},[1517],{"type":22,"value":513},{"type":16,"tag":108,"props":1519,"children":1520},{"class":110,"line":333},[1521,1526],{"type":16,"tag":108,"props":1522,"children":1523},{"style":519},[1524],{"type":22,"value":1525},"  connect",{"type":16,"tag":108,"props":1527,"children":1528},{"style":115},[1529],{"type":22,"value":1530},"() {\n",{"type":16,"tag":108,"props":1532,"children":1533},{"class":110,"line":351},[1534,1538,1542,1547],{"type":16,"tag":108,"props":1535,"children":1536},{"style":544},[1537],{"type":22,"value":547},{"type":16,"tag":108,"props":1539,"children":1540},{"style":115},[1541],{"type":22,"value":46},{"type":16,"tag":108,"props":1543,"children":1544},{"style":519},[1545],{"type":22,"value":1546},"connect",{"type":16,"tag":108,"props":1548,"children":1549},{"style":115},[1550],{"type":22,"value":1551},"()\n",{"type":16,"tag":108,"props":1553,"children":1554},{"class":110,"line":369},[1555,1559,1563,1567,1571,1575],{"type":16,"tag":108,"props":1556,"children":1557},{"style":506},[1558],{"type":22,"value":577},{"type":16,"tag":108,"props":1560,"children":1561},{"style":115},[1562],{"type":22,"value":46},{"type":16,"tag":108,"props":1564,"children":1565},{"style":519},[1566],{"type":22,"value":586},{"type":16,"tag":108,"props":1568,"children":1569},{"style":115},[1570],{"type":22,"value":527},{"type":16,"tag":108,"props":1572,"children":1573},{"style":137},[1574],{"type":22,"value":595},{"type":16,"tag":108,"props":1576,"children":1577},{"style":115},[1578],{"type":22,"value":569},{"type":16,"tag":108,"props":1580,"children":1581},{"class":110,"line":602},[1582],{"type":16,"tag":108,"props":1583,"children":1584},{"style":115},[1585],{"type":22,"value":608},{"type":16,"tag":108,"props":1587,"children":1588},{"class":110,"line":611},[1589],{"type":16,"tag":108,"props":1590,"children":1591},{"style":115},[1592],{"type":22,"value":683},{"type":16,"tag":685,"props":1594,"children":1595},{},[1596],{"type":22,"value":689},{"title":7,"searchDepth":297,"depth":297,"links":1598},[1599,1600,1601,1602,1603],{"id":19,"depth":297,"text":23},{"id":49,"depth":297,"text":52},{"id":58,"depth":297,"text":61},{"id":1224,"depth":297,"text":1227},{"id":428,"depth":297,"text":431},"content:docs:stimulus-animated-number.md","docs/stimulus-animated-number.md","docs/stimulus-animated-number",{"_path":1608,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":1609,"description":1610,"package":1611,"packagePath":1612,"body":1613,"_type":696,"_id":2371,"_source":698,"_file":2372,"_stem":2373,"_extension":701},"/docs/stimulus-auto-submit","Auto Submit","A Stimulus controller to auto-submit forms.","auto-submit","@stimulus-components/auto-submit",{"type":13,"children":1614,"toc":2365},[1615,1619,1622,1626,2049,2053,2111,2115,2361],{"type":16,"tag":17,"props":1616,"children":1617},{"id":19},[1618],{"type":22,"value":23},{"type":16,"tag":25,"props":1620,"children":1621},{":package":27,":package-path":28,"controller-name":1611},[],{"type":16,"tag":17,"props":1623,"children":1624},{"id":58},[1625],{"type":22,"value":61},{"type":16,"tag":93,"props":1627,"children":1629},{"tab-name":1628},"app/views/todos/edit.html.erb",[1630],{"type":16,"tag":98,"props":1631,"children":1635},{"className":1632,"code":1633,"language":1634,"meta":7,"style":7},"language-erb shiki shiki-themes one-dark-pro","\u003C%= form_with model: @todo, data: { controller: 'auto-submit' } do |f| %>\n  \u003Cdiv class=\"field\">\n    \u003C%= f.label :description %>\n\n    \u003C!-- With custom event! -->\n    \u003C%= f.text_field :description, data: { action: 'keyup->auto-submit#submit' } %>\n  \u003C/div>\n\n  \u003Cdiv class=\"field\">\n    \u003C%= f.label :completed %>\n    \u003C%= f.check_box :completed, data: { action: 'auto-submit#submit' } %>\n  \u003C/div>\n\n  \u003C%= f.submit %>\n\u003C% end %>\n","erb",[1636],{"type":16,"tag":68,"props":1637,"children":1638},{"__ignoreMap":7},[1639,1730,1759,1786,1793,1802,1860,1876,1883,1910,1934,1991,2006,2014,2031],{"type":16,"tag":108,"props":1640,"children":1641},{"class":110,"line":111},[1642,1647,1652,1658,1663,1668,1672,1677,1681,1686,1691,1695,1700,1705,1710,1715,1720,1725],{"type":16,"tag":108,"props":1643,"children":1644},{"style":453},[1645],{"type":22,"value":1646},"\u003C%=",{"type":16,"tag":108,"props":1648,"children":1649},{"style":115},[1650],{"type":22,"value":1651}," form_with ",{"type":16,"tag":108,"props":1653,"children":1655},{"style":1654},"--shiki-default:#56B6C2",[1656],{"type":22,"value":1657},"model",{"type":16,"tag":108,"props":1659,"children":1660},{"style":126},[1661],{"type":22,"value":1662},":",{"type":16,"tag":108,"props":1664,"children":1665},{"style":121},[1666],{"type":22,"value":1667}," @todo",{"type":16,"tag":108,"props":1669,"children":1670},{"style":115},[1671],{"type":22,"value":397},{"type":16,"tag":108,"props":1673,"children":1674},{"style":1654},[1675],{"type":22,"value":1676},"data",{"type":16,"tag":108,"props":1678,"children":1679},{"style":126},[1680],{"type":22,"value":1662},{"type":16,"tag":108,"props":1682,"children":1683},{"style":115},[1684],{"type":22,"value":1685}," { ",{"type":16,"tag":108,"props":1687,"children":1688},{"style":1654},[1689],{"type":22,"value":1690},"controller",{"type":16,"tag":108,"props":1692,"children":1693},{"style":126},[1694],{"type":22,"value":1662},{"type":16,"tag":108,"props":1696,"children":1697},{"style":137},[1698],{"type":22,"value":1699}," 'auto-submit'",{"type":16,"tag":108,"props":1701,"children":1702},{"style":115},[1703],{"type":22,"value":1704}," } ",{"type":16,"tag":108,"props":1706,"children":1707},{"style":453},[1708],{"type":22,"value":1709},"do",{"type":16,"tag":108,"props":1711,"children":1712},{"style":115},[1713],{"type":22,"value":1714}," |",{"type":16,"tag":108,"props":1716,"children":1717},{"style":121},[1718],{"type":22,"value":1719},"f",{"type":16,"tag":108,"props":1721,"children":1722},{"style":115},[1723],{"type":22,"value":1724},"| ",{"type":16,"tag":108,"props":1726,"children":1727},{"style":453},[1728],{"type":22,"value":1729},"%>\n",{"type":16,"tag":108,"props":1731,"children":1732},{"class":110,"line":297},[1733,1738,1742,1746,1750,1755],{"type":16,"tag":108,"props":1734,"children":1735},{"style":115},[1736],{"type":22,"value":1737},"  \u003C",{"type":16,"tag":108,"props":1739,"children":1740},{"style":121},[1741],{"type":22,"value":929},{"type":16,"tag":108,"props":1743,"children":1744},{"style":126},[1745],{"type":22,"value":498},{"type":16,"tag":108,"props":1747,"children":1748},{"style":115},[1749],{"type":22,"value":134},{"type":16,"tag":108,"props":1751,"children":1752},{"style":137},[1753],{"type":22,"value":1754},"\"field\"",{"type":16,"tag":108,"props":1756,"children":1757},{"style":115},[1758],{"type":22,"value":182},{"type":16,"tag":108,"props":1760,"children":1761},{"class":110,"line":315},[1762,1767,1772,1776,1781],{"type":16,"tag":108,"props":1763,"children":1764},{"style":453},[1765],{"type":22,"value":1766},"    \u003C%=",{"type":16,"tag":108,"props":1768,"children":1769},{"style":115},[1770],{"type":22,"value":1771}," f.label ",{"type":16,"tag":108,"props":1773,"children":1774},{"style":126},[1775],{"type":22,"value":1662},{"type":16,"tag":108,"props":1777,"children":1778},{"style":1654},[1779],{"type":22,"value":1780},"description",{"type":16,"tag":108,"props":1782,"children":1783},{"style":453},[1784],{"type":22,"value":1785}," %>\n",{"type":16,"tag":108,"props":1787,"children":1788},{"class":110,"line":333},[1789],{"type":16,"tag":108,"props":1790,"children":1791},{"emptyLinePlaceholder":477},[1792],{"type":22,"value":480},{"type":16,"tag":108,"props":1794,"children":1795},{"class":110,"line":351},[1796],{"type":16,"tag":108,"props":1797,"children":1799},{"style":1798},"--shiki-default:#7F848E;--shiki-default-font-style:italic",[1800],{"type":22,"value":1801},"    \u003C!-- With custom event! -->\n",{"type":16,"tag":108,"props":1803,"children":1804},{"class":110,"line":369},[1805,1809,1814,1818,1822,1826,1830,1834,1838,1843,1847,1852,1856],{"type":16,"tag":108,"props":1806,"children":1807},{"style":453},[1808],{"type":22,"value":1766},{"type":16,"tag":108,"props":1810,"children":1811},{"style":115},[1812],{"type":22,"value":1813}," f.text_field ",{"type":16,"tag":108,"props":1815,"children":1816},{"style":126},[1817],{"type":22,"value":1662},{"type":16,"tag":108,"props":1819,"children":1820},{"style":1654},[1821],{"type":22,"value":1780},{"type":16,"tag":108,"props":1823,"children":1824},{"style":115},[1825],{"type":22,"value":397},{"type":16,"tag":108,"props":1827,"children":1828},{"style":1654},[1829],{"type":22,"value":1676},{"type":16,"tag":108,"props":1831,"children":1832},{"style":126},[1833],{"type":22,"value":1662},{"type":16,"tag":108,"props":1835,"children":1836},{"style":115},[1837],{"type":22,"value":1685},{"type":16,"tag":108,"props":1839,"children":1840},{"style":1654},[1841],{"type":22,"value":1842},"action",{"type":16,"tag":108,"props":1844,"children":1845},{"style":126},[1846],{"type":22,"value":1662},{"type":16,"tag":108,"props":1848,"children":1849},{"style":137},[1850],{"type":22,"value":1851}," 'keyup->auto-submit#submit'",{"type":16,"tag":108,"props":1853,"children":1854},{"style":115},[1855],{"type":22,"value":1704},{"type":16,"tag":108,"props":1857,"children":1858},{"style":453},[1859],{"type":22,"value":1729},{"type":16,"tag":108,"props":1861,"children":1862},{"class":110,"line":602},[1863,1868,1872],{"type":16,"tag":108,"props":1864,"children":1865},{"style":115},[1866],{"type":22,"value":1867},"  \u003C/",{"type":16,"tag":108,"props":1869,"children":1870},{"style":121},[1871],{"type":22,"value":929},{"type":16,"tag":108,"props":1873,"children":1874},{"style":115},[1875],{"type":22,"value":182},{"type":16,"tag":108,"props":1877,"children":1878},{"class":110,"line":611},[1879],{"type":16,"tag":108,"props":1880,"children":1881},{"emptyLinePlaceholder":477},[1882],{"type":22,"value":480},{"type":16,"tag":108,"props":1884,"children":1885},{"class":110,"line":619},[1886,1890,1894,1898,1902,1906],{"type":16,"tag":108,"props":1887,"children":1888},{"style":115},[1889],{"type":22,"value":1737},{"type":16,"tag":108,"props":1891,"children":1892},{"style":121},[1893],{"type":22,"value":929},{"type":16,"tag":108,"props":1895,"children":1896},{"style":126},[1897],{"type":22,"value":498},{"type":16,"tag":108,"props":1899,"children":1900},{"style":115},[1901],{"type":22,"value":134},{"type":16,"tag":108,"props":1903,"children":1904},{"style":137},[1905],{"type":22,"value":1754},{"type":16,"tag":108,"props":1907,"children":1908},{"style":115},[1909],{"type":22,"value":182},{"type":16,"tag":108,"props":1911,"children":1912},{"class":110,"line":640},[1913,1917,1921,1925,1930],{"type":16,"tag":108,"props":1914,"children":1915},{"style":453},[1916],{"type":22,"value":1766},{"type":16,"tag":108,"props":1918,"children":1919},{"style":115},[1920],{"type":22,"value":1771},{"type":16,"tag":108,"props":1922,"children":1923},{"style":126},[1924],{"type":22,"value":1662},{"type":16,"tag":108,"props":1926,"children":1927},{"style":1654},[1928],{"type":22,"value":1929},"completed",{"type":16,"tag":108,"props":1931,"children":1932},{"style":453},[1933],{"type":22,"value":1785},{"type":16,"tag":108,"props":1935,"children":1936},{"class":110,"line":669},[1937,1941,1946,1950,1954,1958,1962,1966,1970,1974,1978,1983,1987],{"type":16,"tag":108,"props":1938,"children":1939},{"style":453},[1940],{"type":22,"value":1766},{"type":16,"tag":108,"props":1942,"children":1943},{"style":115},[1944],{"type":22,"value":1945}," f.check_box ",{"type":16,"tag":108,"props":1947,"children":1948},{"style":126},[1949],{"type":22,"value":1662},{"type":16,"tag":108,"props":1951,"children":1952},{"style":1654},[1953],{"type":22,"value":1929},{"type":16,"tag":108,"props":1955,"children":1956},{"style":115},[1957],{"type":22,"value":397},{"type":16,"tag":108,"props":1959,"children":1960},{"style":1654},[1961],{"type":22,"value":1676},{"type":16,"tag":108,"props":1963,"children":1964},{"style":126},[1965],{"type":22,"value":1662},{"type":16,"tag":108,"props":1967,"children":1968},{"style":115},[1969],{"type":22,"value":1685},{"type":16,"tag":108,"props":1971,"children":1972},{"style":1654},[1973],{"type":22,"value":1842},{"type":16,"tag":108,"props":1975,"children":1976},{"style":126},[1977],{"type":22,"value":1662},{"type":16,"tag":108,"props":1979,"children":1980},{"style":137},[1981],{"type":22,"value":1982}," 'auto-submit#submit'",{"type":16,"tag":108,"props":1984,"children":1985},{"style":115},[1986],{"type":22,"value":1704},{"type":16,"tag":108,"props":1988,"children":1989},{"style":453},[1990],{"type":22,"value":1729},{"type":16,"tag":108,"props":1992,"children":1993},{"class":110,"line":677},[1994,1998,2002],{"type":16,"tag":108,"props":1995,"children":1996},{"style":115},[1997],{"type":22,"value":1867},{"type":16,"tag":108,"props":1999,"children":2000},{"style":121},[2001],{"type":22,"value":929},{"type":16,"tag":108,"props":2003,"children":2004},{"style":115},[2005],{"type":22,"value":182},{"type":16,"tag":108,"props":2007,"children":2009},{"class":110,"line":2008},13,[2010],{"type":16,"tag":108,"props":2011,"children":2012},{"emptyLinePlaceholder":477},[2013],{"type":22,"value":480},{"type":16,"tag":108,"props":2015,"children":2016},{"class":110,"line":785},[2017,2022,2027],{"type":16,"tag":108,"props":2018,"children":2019},{"style":453},[2020],{"type":22,"value":2021},"  \u003C%=",{"type":16,"tag":108,"props":2023,"children":2024},{"style":115},[2025],{"type":22,"value":2026}," f.submit ",{"type":16,"tag":108,"props":2028,"children":2029},{"style":453},[2030],{"type":22,"value":1729},{"type":16,"tag":108,"props":2032,"children":2034},{"class":110,"line":2033},15,[2035,2040,2045],{"type":16,"tag":108,"props":2036,"children":2037},{"style":453},[2038],{"type":22,"value":2039},"\u003C%",{"type":16,"tag":108,"props":2041,"children":2042},{"style":453},[2043],{"type":22,"value":2044}," end",{"type":16,"tag":108,"props":2046,"children":2047},{"style":453},[2048],{"type":22,"value":1785},{"type":16,"tag":17,"props":2050,"children":2051},{"id":1224},[2052],{"type":22,"value":1227},{"type":16,"tag":1229,"props":2054,"children":2055},{},[2056,2078],{"type":16,"tag":1233,"props":2057,"children":2058},{},[2059],{"type":16,"tag":1237,"props":2060,"children":2061},{},[2062,2066,2070,2074],{"type":16,"tag":1241,"props":2063,"children":2064},{},[2065],{"type":22,"value":1245},{"type":16,"tag":1241,"props":2067,"children":2068},{},[2069],{"type":22,"value":1250},{"type":16,"tag":1241,"props":2071,"children":2072},{},[2073],{"type":22,"value":1255},{"type":16,"tag":1241,"props":2075,"children":2076},{},[2077],{"type":22,"value":1260},{"type":16,"tag":1262,"props":2079,"children":2080},{},[2081],{"type":16,"tag":1237,"props":2082,"children":2083},{},[2084,2093,2102,2107],{"type":16,"tag":1269,"props":2085,"children":2086},{},[2087],{"type":16,"tag":68,"props":2088,"children":2090},{"className":2089},[],[2091],{"type":22,"value":2092},"data-auto-submit-delay-value",{"type":16,"tag":1269,"props":2094,"children":2095},{},[2096],{"type":16,"tag":68,"props":2097,"children":2099},{"className":2098},[],[2100],{"type":22,"value":2101},"150",{"type":16,"tag":1269,"props":2103,"children":2104},{},[2105],{"type":22,"value":2106},"Delay (in ms) before actually submit the form. (0 to disable)",{"type":16,"tag":1269,"props":2108,"children":2109},{},[2110],{"type":22,"value":1384},{"type":16,"tag":17,"props":2112,"children":2113},{"id":428},[2114],{"type":22,"value":431},{"type":16,"tag":428,"props":2116,"children":2117},{},[2118],{"type":16,"tag":93,"props":2119,"children":2121},{"tab-name":2120},"app/javascript/controllers/auto_submit_controller.js",[2122],{"type":16,"tag":98,"props":2123,"children":2125},{"className":441,"code":2124,"language":443,"meta":7,"style":7},"import AutoSubmit from \"stimulus-auto-submit\"\n\nexport default class extends AutoSubmit {\n  static values = {\n    delay: {\n      type: Number,\n      default: 1000, // You can change the default delay here.\n    },\n  }\n\n  connect() {\n    super.connect()\n    console.log(\"Do what you want here.\")\n  }\n}\n",[2126],{"type":16,"tag":68,"props":2127,"children":2128},{"__ignoreMap":7},[2129,2150,2157,2184,2206,2219,2242,2268,2276,2283,2290,2301,2320,2347,2354],{"type":16,"tag":108,"props":2130,"children":2131},{"class":110,"line":111},[2132,2136,2141,2145],{"type":16,"tag":108,"props":2133,"children":2134},{"style":453},[2135],{"type":22,"value":456},{"type":16,"tag":108,"props":2137,"children":2138},{"style":121},[2139],{"type":22,"value":2140}," AutoSubmit",{"type":16,"tag":108,"props":2142,"children":2143},{"style":453},[2144],{"type":22,"value":466},{"type":16,"tag":108,"props":2146,"children":2147},{"style":137},[2148],{"type":22,"value":2149}," \"stimulus-auto-submit\"\n",{"type":16,"tag":108,"props":2151,"children":2152},{"class":110,"line":297},[2153],{"type":16,"tag":108,"props":2154,"children":2155},{"emptyLinePlaceholder":477},[2156],{"type":22,"value":480},{"type":16,"tag":108,"props":2158,"children":2159},{"class":110,"line":315},[2160,2164,2168,2172,2176,2180],{"type":16,"tag":108,"props":2161,"children":2162},{"style":453},[2163],{"type":22,"value":488},{"type":16,"tag":108,"props":2165,"children":2166},{"style":453},[2167],{"type":22,"value":493},{"type":16,"tag":108,"props":2169,"children":2170},{"style":453},[2171],{"type":22,"value":498},{"type":16,"tag":108,"props":2173,"children":2174},{"style":453},[2175],{"type":22,"value":503},{"type":16,"tag":108,"props":2177,"children":2178},{"style":506},[2179],{"type":22,"value":2140},{"type":16,"tag":108,"props":2181,"children":2182},{"style":115},[2183],{"type":22,"value":513},{"type":16,"tag":108,"props":2185,"children":2186},{"class":110,"line":333},[2187,2192,2197,2202],{"type":16,"tag":108,"props":2188,"children":2189},{"style":453},[2190],{"type":22,"value":2191},"  static",{"type":16,"tag":108,"props":2193,"children":2194},{"style":121},[2195],{"type":22,"value":2196}," values",{"type":16,"tag":108,"props":2198,"children":2199},{"style":1654},[2200],{"type":22,"value":2201}," =",{"type":16,"tag":108,"props":2203,"children":2204},{"style":115},[2205],{"type":22,"value":513},{"type":16,"tag":108,"props":2207,"children":2208},{"class":110,"line":351},[2209,2214],{"type":16,"tag":108,"props":2210,"children":2211},{"style":121},[2212],{"type":22,"value":2213},"    delay",{"type":16,"tag":108,"props":2215,"children":2216},{"style":115},[2217],{"type":22,"value":2218},": {\n",{"type":16,"tag":108,"props":2220,"children":2221},{"class":110,"line":369},[2222,2227,2232,2237],{"type":16,"tag":108,"props":2223,"children":2224},{"style":121},[2225],{"type":22,"value":2226},"      type",{"type":16,"tag":108,"props":2228,"children":2229},{"style":115},[2230],{"type":22,"value":2231},": ",{"type":16,"tag":108,"props":2233,"children":2234},{"style":121},[2235],{"type":22,"value":2236},"Number",{"type":16,"tag":108,"props":2238,"children":2239},{"style":115},[2240],{"type":22,"value":2241},",\n",{"type":16,"tag":108,"props":2243,"children":2244},{"class":110,"line":602},[2245,2250,2254,2259,2263],{"type":16,"tag":108,"props":2246,"children":2247},{"style":121},[2248],{"type":22,"value":2249},"      default",{"type":16,"tag":108,"props":2251,"children":2252},{"style":115},[2253],{"type":22,"value":2231},{"type":16,"tag":108,"props":2255,"children":2256},{"style":126},[2257],{"type":22,"value":2258},"1000",{"type":16,"tag":108,"props":2260,"children":2261},{"style":115},[2262],{"type":22,"value":397},{"type":16,"tag":108,"props":2264,"children":2265},{"style":1798},[2266],{"type":22,"value":2267},"// You can change the default delay here.\n",{"type":16,"tag":108,"props":2269,"children":2270},{"class":110,"line":611},[2271],{"type":16,"tag":108,"props":2272,"children":2273},{"style":115},[2274],{"type":22,"value":2275},"    },\n",{"type":16,"tag":108,"props":2277,"children":2278},{"class":110,"line":619},[2279],{"type":16,"tag":108,"props":2280,"children":2281},{"style":115},[2282],{"type":22,"value":608},{"type":16,"tag":108,"props":2284,"children":2285},{"class":110,"line":640},[2286],{"type":16,"tag":108,"props":2287,"children":2288},{"emptyLinePlaceholder":477},[2289],{"type":22,"value":480},{"type":16,"tag":108,"props":2291,"children":2292},{"class":110,"line":669},[2293,2297],{"type":16,"tag":108,"props":2294,"children":2295},{"style":519},[2296],{"type":22,"value":1525},{"type":16,"tag":108,"props":2298,"children":2299},{"style":115},[2300],{"type":22,"value":1530},{"type":16,"tag":108,"props":2302,"children":2303},{"class":110,"line":677},[2304,2308,2312,2316],{"type":16,"tag":108,"props":2305,"children":2306},{"style":544},[2307],{"type":22,"value":547},{"type":16,"tag":108,"props":2309,"children":2310},{"style":115},[2311],{"type":22,"value":46},{"type":16,"tag":108,"props":2313,"children":2314},{"style":519},[2315],{"type":22,"value":1546},{"type":16,"tag":108,"props":2317,"children":2318},{"style":115},[2319],{"type":22,"value":1551},{"type":16,"tag":108,"props":2321,"children":2322},{"class":110,"line":2008},[2323,2327,2331,2335,2339,2343],{"type":16,"tag":108,"props":2324,"children":2325},{"style":506},[2326],{"type":22,"value":577},{"type":16,"tag":108,"props":2328,"children":2329},{"style":115},[2330],{"type":22,"value":46},{"type":16,"tag":108,"props":2332,"children":2333},{"style":519},[2334],{"type":22,"value":586},{"type":16,"tag":108,"props":2336,"children":2337},{"style":115},[2338],{"type":22,"value":527},{"type":16,"tag":108,"props":2340,"children":2341},{"style":137},[2342],{"type":22,"value":595},{"type":16,"tag":108,"props":2344,"children":2345},{"style":115},[2346],{"type":22,"value":569},{"type":16,"tag":108,"props":2348,"children":2349},{"class":110,"line":785},[2350],{"type":16,"tag":108,"props":2351,"children":2352},{"style":115},[2353],{"type":22,"value":608},{"type":16,"tag":108,"props":2355,"children":2356},{"class":110,"line":2033},[2357],{"type":16,"tag":108,"props":2358,"children":2359},{"style":115},[2360],{"type":22,"value":683},{"type":16,"tag":685,"props":2362,"children":2363},{},[2364],{"type":22,"value":689},{"title":7,"searchDepth":297,"depth":297,"links":2366},[2367,2368,2369,2370],{"id":19,"depth":297,"text":23},{"id":58,"depth":297,"text":61},{"id":1224,"depth":297,"text":1227},{"id":428,"depth":297,"text":431},"content:docs:stimulus-auto-submit.md","docs/stimulus-auto-submit.md","docs/stimulus-auto-submit",{"_path":2375,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":2376,"description":2377,"package":2378,"packagePath":2379,"body":2380,"_type":696,"_id":3273,"_source":698,"_file":3274,"_stem":3275,"_extension":701},"/docs/stimulus-carousel","Carousel","A Stimulus controller to deal with carousels.","carousel","@stimulus-components/carousel",{"type":13,"children":2381,"toc":3265},[2382,2386,2389,2411,2415,2418,2424,2443,2466,2470,2689,2694,2919,2923,2981,2985,3261],{"type":16,"tag":17,"props":2383,"children":2384},{"id":19},[2385],{"type":22,"value":23},{"type":16,"tag":25,"props":2387,"children":2388},{":package":27,":package-path":28},[],{"type":16,"tag":2390,"props":2391,"children":2392},"alert",{},[2393],{"type":16,"tag":31,"props":2394,"children":2395},{},[2396,2398,2409],{"type":22,"value":2397},"This component is based on the ",{"type":16,"tag":37,"props":2399,"children":2406},{"className":2400,"href":2403,"rel":2404,"target":2405},[2401,2402],"underline","hover:no-underline","https://swiperjs.com/",[41],"\\_blank",[2407],{"type":22,"value":2408},"Swiper",{"type":22,"value":2410}," library.",{"type":16,"tag":17,"props":2412,"children":2413},{"id":49},[2414],{"type":22,"value":52},{"type":16,"tag":2378,"props":2416,"children":2417},{},[],{"type":16,"tag":17,"props":2419,"children":2421},{"id":2420},"before-starting",[2422],{"type":22,"value":2423},"Before starting",{"type":16,"tag":31,"props":2425,"children":2426},{},[2427,2429,2434,2436,2441],{"type":22,"value":2428},"You must import the ",{"type":16,"tag":68,"props":2430,"children":2432},{"className":2431},[],[2433],{"type":22,"value":2408},{"type":22,"value":2435}," CSS in your ",{"type":16,"tag":68,"props":2437,"children":2439},{"className":2438},[],[2440],{"type":22,"value":443},{"type":22,"value":2442}," file:",{"type":16,"tag":93,"props":2444,"children":2446},{"tab-name":2445},"app/javascript/index.js",[2447],{"type":16,"tag":98,"props":2448,"children":2450},{"className":441,"code":2449,"language":443,"meta":7,"style":7},"import \"swiper/css/bundle\"\n",[2451],{"type":16,"tag":68,"props":2452,"children":2453},{"__ignoreMap":7},[2454],{"type":16,"tag":108,"props":2455,"children":2456},{"class":110,"line":111},[2457,2461],{"type":16,"tag":108,"props":2458,"children":2459},{"style":453},[2460],{"type":22,"value":456},{"type":16,"tag":108,"props":2462,"children":2463},{"style":137},[2464],{"type":22,"value":2465}," \"swiper/css/bundle\"\n",{"type":16,"tag":17,"props":2467,"children":2468},{"id":58},[2469],{"type":22,"value":61},{"type":16,"tag":93,"props":2471,"children":2472},{"tab-name":95},[2473],{"type":16,"tag":98,"props":2474,"children":2476},{"className":100,"code":2475,"language":102,"meta":7,"style":7},"\u003Cdiv data-controller=\"carousel\" class=\"swiper\">\n  \u003Cdiv class=\"swiper-wrapper\">\n    \u003Cdiv class=\"swiper-slide\">Slide 1\u003C/div>\n    \u003Cdiv class=\"swiper-slide\">Slide 2\u003C/div>\n    \u003Cdiv class=\"swiper-slide\">Slide 3\u003C/div>\n  \u003C/div>\n\u003C/div>\n",[2477],{"type":16,"tag":68,"props":2478,"children":2479},{"__ignoreMap":7},[2480,2521,2549,2587,2623,2659,2674],{"type":16,"tag":108,"props":2481,"children":2482},{"class":110,"line":111},[2483,2487,2491,2495,2499,2504,2508,2512,2517],{"type":16,"tag":108,"props":2484,"children":2485},{"style":115},[2486],{"type":22,"value":118},{"type":16,"tag":108,"props":2488,"children":2489},{"style":121},[2490],{"type":22,"value":929},{"type":16,"tag":108,"props":2492,"children":2493},{"style":126},[2494],{"type":22,"value":145},{"type":16,"tag":108,"props":2496,"children":2497},{"style":115},[2498],{"type":22,"value":134},{"type":16,"tag":108,"props":2500,"children":2501},{"style":137},[2502],{"type":22,"value":2503},"\"carousel\"",{"type":16,"tag":108,"props":2505,"children":2506},{"style":126},[2507],{"type":22,"value":498},{"type":16,"tag":108,"props":2509,"children":2510},{"style":115},[2511],{"type":22,"value":134},{"type":16,"tag":108,"props":2513,"children":2514},{"style":137},[2515],{"type":22,"value":2516},"\"swiper\"",{"type":16,"tag":108,"props":2518,"children":2519},{"style":115},[2520],{"type":22,"value":182},{"type":16,"tag":108,"props":2522,"children":2523},{"class":110,"line":297},[2524,2528,2532,2536,2540,2545],{"type":16,"tag":108,"props":2525,"children":2526},{"style":115},[2527],{"type":22,"value":1737},{"type":16,"tag":108,"props":2529,"children":2530},{"style":121},[2531],{"type":22,"value":929},{"type":16,"tag":108,"props":2533,"children":2534},{"style":126},[2535],{"type":22,"value":498},{"type":16,"tag":108,"props":2537,"children":2538},{"style":115},[2539],{"type":22,"value":134},{"type":16,"tag":108,"props":2541,"children":2542},{"style":137},[2543],{"type":22,"value":2544},"\"swiper-wrapper\"",{"type":16,"tag":108,"props":2546,"children":2547},{"style":115},[2548],{"type":22,"value":182},{"type":16,"tag":108,"props":2550,"children":2551},{"class":110,"line":315},[2552,2557,2561,2565,2569,2574,2579,2583],{"type":16,"tag":108,"props":2553,"children":2554},{"style":115},[2555],{"type":22,"value":2556},"    \u003C",{"type":16,"tag":108,"props":2558,"children":2559},{"style":121},[2560],{"type":22,"value":929},{"type":16,"tag":108,"props":2562,"children":2563},{"style":126},[2564],{"type":22,"value":498},{"type":16,"tag":108,"props":2566,"children":2567},{"style":115},[2568],{"type":22,"value":134},{"type":16,"tag":108,"props":2570,"children":2571},{"style":137},[2572],{"type":22,"value":2573},"\"swiper-slide\"",{"type":16,"tag":108,"props":2575,"children":2576},{"style":115},[2577],{"type":22,"value":2578},">Slide 1\u003C/",{"type":16,"tag":108,"props":2580,"children":2581},{"style":121},[2582],{"type":22,"value":929},{"type":16,"tag":108,"props":2584,"children":2585},{"style":115},[2586],{"type":22,"value":182},{"type":16,"tag":108,"props":2588,"children":2589},{"class":110,"line":333},[2590,2594,2598,2602,2606,2610,2615,2619],{"type":16,"tag":108,"props":2591,"children":2592},{"style":115},[2593],{"type":22,"value":2556},{"type":16,"tag":108,"props":2595,"children":2596},{"style":121},[2597],{"type":22,"value":929},{"type":16,"tag":108,"props":2599,"children":2600},{"style":126},[2601],{"type":22,"value":498},{"type":16,"tag":108,"props":2603,"children":2604},{"style":115},[2605],{"type":22,"value":134},{"type":16,"tag":108,"props":2607,"children":2608},{"style":137},[2609],{"type":22,"value":2573},{"type":16,"tag":108,"props":2611,"children":2612},{"style":115},[2613],{"type":22,"value":2614},">Slide 2\u003C/",{"type":16,"tag":108,"props":2616,"children":2617},{"style":121},[2618],{"type":22,"value":929},{"type":16,"tag":108,"props":2620,"children":2621},{"style":115},[2622],{"type":22,"value":182},{"type":16,"tag":108,"props":2624,"children":2625},{"class":110,"line":351},[2626,2630,2634,2638,2642,2646,2651,2655],{"type":16,"tag":108,"props":2627,"children":2628},{"style":115},[2629],{"type":22,"value":2556},{"type":16,"tag":108,"props":2631,"children":2632},{"style":121},[2633],{"type":22,"value":929},{"type":16,"tag":108,"props":2635,"children":2636},{"style":126},[2637],{"type":22,"value":498},{"type":16,"tag":108,"props":2639,"children":2640},{"style":115},[2641],{"type":22,"value":134},{"type":16,"tag":108,"props":2643,"children":2644},{"style":137},[2645],{"type":22,"value":2573},{"type":16,"tag":108,"props":2647,"children":2648},{"style":115},[2649],{"type":22,"value":2650},">Slide 3\u003C/",{"type":16,"tag":108,"props":2652,"children":2653},{"style":121},[2654],{"type":22,"value":929},{"type":16,"tag":108,"props":2656,"children":2657},{"style":115},[2658],{"type":22,"value":182},{"type":16,"tag":108,"props":2660,"children":2661},{"class":110,"line":369},[2662,2666,2670],{"type":16,"tag":108,"props":2663,"children":2664},{"style":115},[2665],{"type":22,"value":1867},{"type":16,"tag":108,"props":2667,"children":2668},{"style":121},[2669],{"type":22,"value":929},{"type":16,"tag":108,"props":2671,"children":2672},{"style":115},[2673],{"type":22,"value":182},{"type":16,"tag":108,"props":2675,"children":2676},{"class":110,"line":602},[2677,2681,2685],{"type":16,"tag":108,"props":2678,"children":2679},{"style":115},[2680],{"type":22,"value":924},{"type":16,"tag":108,"props":2682,"children":2683},{"style":121},[2684],{"type":22,"value":929},{"type":16,"tag":108,"props":2686,"children":2687},{"style":115},[2688],{"type":22,"value":182},{"type":16,"tag":31,"props":2690,"children":2691},{},[2692],{"type":22,"value":2693},"With options:",{"type":16,"tag":93,"props":2695,"children":2696},{"tab-name":95},[2697],{"type":16,"tag":98,"props":2698,"children":2700},{"className":100,"code":2699,"language":102,"meta":7,"style":7},"\u003Cdiv data-controller=\"carousel\" class=\"swiper\" data-carousel-options-value='{\"direction\": \"vertical\"}'>\n  \u003Cdiv class=\"swiper-wrapper\">\n    \u003Cdiv class=\"swiper-slide\">Slide 1\u003C/div>\n    \u003Cdiv class=\"swiper-slide\">Slide 2\u003C/div>\n    \u003Cdiv class=\"swiper-slide\">Slide 3\u003C/div>\n  \u003C/div>\n\u003C/div>\n",[2701],{"type":16,"tag":68,"props":2702,"children":2703},{"__ignoreMap":7},[2704,2757,2784,2819,2854,2889,2904],{"type":16,"tag":108,"props":2705,"children":2706},{"class":110,"line":111},[2707,2711,2715,2719,2723,2727,2731,2735,2739,2744,2748,2753],{"type":16,"tag":108,"props":2708,"children":2709},{"style":115},[2710],{"type":22,"value":118},{"type":16,"tag":108,"props":2712,"children":2713},{"style":121},[2714],{"type":22,"value":929},{"type":16,"tag":108,"props":2716,"children":2717},{"style":126},[2718],{"type":22,"value":145},{"type":16,"tag":108,"props":2720,"children":2721},{"style":115},[2722],{"type":22,"value":134},{"type":16,"tag":108,"props":2724,"children":2725},{"style":137},[2726],{"type":22,"value":2503},{"type":16,"tag":108,"props":2728,"children":2729},{"style":126},[2730],{"type":22,"value":498},{"type":16,"tag":108,"props":2732,"children":2733},{"style":115},[2734],{"type":22,"value":134},{"type":16,"tag":108,"props":2736,"children":2737},{"style":137},[2738],{"type":22,"value":2516},{"type":16,"tag":108,"props":2740,"children":2741},{"style":126},[2742],{"type":22,"value":2743}," data-carousel-options-value",{"type":16,"tag":108,"props":2745,"children":2746},{"style":115},[2747],{"type":22,"value":134},{"type":16,"tag":108,"props":2749,"children":2750},{"style":137},[2751],{"type":22,"value":2752},"'{\"direction\": \"vertical\"}'",{"type":16,"tag":108,"props":2754,"children":2755},{"style":115},[2756],{"type":22,"value":182},{"type":16,"tag":108,"props":2758,"children":2759},{"class":110,"line":297},[2760,2764,2768,2772,2776,2780],{"type":16,"tag":108,"props":2761,"children":2762},{"style":115},[2763],{"type":22,"value":1737},{"type":16,"tag":108,"props":2765,"children":2766},{"style":121},[2767],{"type":22,"value":929},{"type":16,"tag":108,"props":2769,"children":2770},{"style":126},[2771],{"type":22,"value":498},{"type":16,"tag":108,"props":2773,"children":2774},{"style":115},[2775],{"type":22,"value":134},{"type":16,"tag":108,"props":2777,"children":2778},{"style":137},[2779],{"type":22,"value":2544},{"type":16,"tag":108,"props":2781,"children":2782},{"style":115},[2783],{"type":22,"value":182},{"type":16,"tag":108,"props":2785,"children":2786},{"class":110,"line":315},[2787,2791,2795,2799,2803,2807,2811,2815],{"type":16,"tag":108,"props":2788,"children":2789},{"style":115},[2790],{"type":22,"value":2556},{"type":16,"tag":108,"props":2792,"children":2793},{"style":121},[2794],{"type":22,"value":929},{"type":16,"tag":108,"props":2796,"children":2797},{"style":126},[2798],{"type":22,"value":498},{"type":16,"tag":108,"props":2800,"children":2801},{"style":115},[2802],{"type":22,"value":134},{"type":16,"tag":108,"props":2804,"children":2805},{"style":137},[2806],{"type":22,"value":2573},{"type":16,"tag":108,"props":2808,"children":2809},{"style":115},[2810],{"type":22,"value":2578},{"type":16,"tag":108,"props":2812,"children":2813},{"style":121},[2814],{"type":22,"value":929},{"type":16,"tag":108,"props":2816,"children":2817},{"style":115},[2818],{"type":22,"value":182},{"type":16,"tag":108,"props":2820,"children":2821},{"class":110,"line":333},[2822,2826,2830,2834,2838,2842,2846,2850],{"type":16,"tag":108,"props":2823,"children":2824},{"style":115},[2825],{"type":22,"value":2556},{"type":16,"tag":108,"props":2827,"children":2828},{"style":121},[2829],{"type":22,"value":929},{"type":16,"tag":108,"props":2831,"children":2832},{"style":126},[2833],{"type":22,"value":498},{"type":16,"tag":108,"props":2835,"children":2836},{"style":115},[2837],{"type":22,"value":134},{"type":16,"tag":108,"props":2839,"children":2840},{"style":137},[2841],{"type":22,"value":2573},{"type":16,"tag":108,"props":2843,"children":2844},{"style":115},[2845],{"type":22,"value":2614},{"type":16,"tag":108,"props":2847,"children":2848},{"style":121},[2849],{"type":22,"value":929},{"type":16,"tag":108,"props":2851,"children":2852},{"style":115},[2853],{"type":22,"value":182},{"type":16,"tag":108,"props":2855,"children":2856},{"class":110,"line":351},[2857,2861,2865,2869,2873,2877,2881,2885],{"type":16,"tag":108,"props":2858,"children":2859},{"style":115},[2860],{"type":22,"value":2556},{"type":16,"tag":108,"props":2862,"children":2863},{"style":121},[2864],{"type":22,"value":929},{"type":16,"tag":108,"props":2866,"children":2867},{"style":126},[2868],{"type":22,"value":498},{"type":16,"tag":108,"props":2870,"children":2871},{"style":115},[2872],{"type":22,"value":134},{"type":16,"tag":108,"props":2874,"children":2875},{"style":137},[2876],{"type":22,"value":2573},{"type":16,"tag":108,"props":2878,"children":2879},{"style":115},[2880],{"type":22,"value":2650},{"type":16,"tag":108,"props":2882,"children":2883},{"style":121},[2884],{"type":22,"value":929},{"type":16,"tag":108,"props":2886,"children":2887},{"style":115},[2888],{"type":22,"value":182},{"type":16,"tag":108,"props":2890,"children":2891},{"class":110,"line":369},[2892,2896,2900],{"type":16,"tag":108,"props":2893,"children":2894},{"style":115},[2895],{"type":22,"value":1867},{"type":16,"tag":108,"props":2897,"children":2898},{"style":121},[2899],{"type":22,"value":929},{"type":16,"tag":108,"props":2901,"children":2902},{"style":115},[2903],{"type":22,"value":182},{"type":16,"tag":108,"props":2905,"children":2906},{"class":110,"line":602},[2907,2911,2915],{"type":16,"tag":108,"props":2908,"children":2909},{"style":115},[2910],{"type":22,"value":924},{"type":16,"tag":108,"props":2912,"children":2913},{"style":121},[2914],{"type":22,"value":929},{"type":16,"tag":108,"props":2916,"children":2917},{"style":115},[2918],{"type":22,"value":182},{"type":16,"tag":17,"props":2920,"children":2921},{"id":1224},[2922],{"type":22,"value":1227},{"type":16,"tag":1229,"props":2924,"children":2925},{},[2926,2948],{"type":16,"tag":1233,"props":2927,"children":2928},{},[2929],{"type":16,"tag":1237,"props":2930,"children":2931},{},[2932,2936,2940,2944],{"type":16,"tag":1241,"props":2933,"children":2934},{},[2935],{"type":22,"value":1245},{"type":16,"tag":1241,"props":2937,"children":2938},{},[2939],{"type":22,"value":1250},{"type":16,"tag":1241,"props":2941,"children":2942},{},[2943],{"type":22,"value":1255},{"type":16,"tag":1241,"props":2945,"children":2946},{},[2947],{"type":22,"value":1260},{"type":16,"tag":1262,"props":2949,"children":2950},{},[2951],{"type":16,"tag":1237,"props":2952,"children":2953},{},[2954,2963,2972,2977],{"type":16,"tag":1269,"props":2955,"children":2956},{},[2957],{"type":16,"tag":68,"props":2958,"children":2960},{"className":2959},[],[2961],{"type":22,"value":2962},"data-carousel-options-value",{"type":16,"tag":1269,"props":2964,"children":2965},{},[2966],{"type":16,"tag":68,"props":2967,"children":2969},{"className":2968},[],[2970],{"type":22,"value":2971},"{}",{"type":16,"tag":1269,"props":2973,"children":2974},{},[2975],{"type":22,"value":2976},"Options for swiper.js as JSON string.",{"type":16,"tag":1269,"props":2978,"children":2979},{},[2980],{"type":22,"value":1384},{"type":16,"tag":17,"props":2982,"children":2983},{"id":428},[2984],{"type":22,"value":431},{"type":16,"tag":428,"props":2986,"children":2987},{},[2988],{"type":16,"tag":93,"props":2989,"children":2991},{"tab-name":2990},"app/javascript/controllers/carousel_controller.js",[2992],{"type":16,"tag":98,"props":2993,"children":2995},{"className":441,"code":2994,"language":443,"meta":7,"style":7},"import Carousel from \"@stimulus-components/carousel\"\n\nexport default class extends Carousel {\n  connect() {\n    super.connect()\n    console.log(\"Do what you want here.\")\n\n    // The swiper instance.\n    this.swiper\n\n    // Default options for every carousels.\n    this.defaultOptions\n  }\n\n  // You can set default options in this getter.\n  get defaultOptions() {\n    return {\n      // Your default options here\n    }\n  }\n}\n",[2996],{"type":16,"tag":68,"props":2997,"children":2998},{"__ignoreMap":7},[2999,3020,3027,3054,3065,3084,3111,3118,3126,3143,3150,3158,3174,3181,3188,3196,3214,3227,3236,3245,3253],{"type":16,"tag":108,"props":3000,"children":3001},{"class":110,"line":111},[3002,3006,3011,3015],{"type":16,"tag":108,"props":3003,"children":3004},{"style":453},[3005],{"type":22,"value":456},{"type":16,"tag":108,"props":3007,"children":3008},{"style":121},[3009],{"type":22,"value":3010}," Carousel",{"type":16,"tag":108,"props":3012,"children":3013},{"style":453},[3014],{"type":22,"value":466},{"type":16,"tag":108,"props":3016,"children":3017},{"style":137},[3018],{"type":22,"value":3019}," \"@stimulus-components/carousel\"\n",{"type":16,"tag":108,"props":3021,"children":3022},{"class":110,"line":297},[3023],{"type":16,"tag":108,"props":3024,"children":3025},{"emptyLinePlaceholder":477},[3026],{"type":22,"value":480},{"type":16,"tag":108,"props":3028,"children":3029},{"class":110,"line":315},[3030,3034,3038,3042,3046,3050],{"type":16,"tag":108,"props":3031,"children":3032},{"style":453},[3033],{"type":22,"value":488},{"type":16,"tag":108,"props":3035,"children":3036},{"style":453},[3037],{"type":22,"value":493},{"type":16,"tag":108,"props":3039,"children":3040},{"style":453},[3041],{"type":22,"value":498},{"type":16,"tag":108,"props":3043,"children":3044},{"style":453},[3045],{"type":22,"value":503},{"type":16,"tag":108,"props":3047,"children":3048},{"style":506},[3049],{"type":22,"value":3010},{"type":16,"tag":108,"props":3051,"children":3052},{"style":115},[3053],{"type":22,"value":513},{"type":16,"tag":108,"props":3055,"children":3056},{"class":110,"line":333},[3057,3061],{"type":16,"tag":108,"props":3058,"children":3059},{"style":519},[3060],{"type":22,"value":1525},{"type":16,"tag":108,"props":3062,"children":3063},{"style":115},[3064],{"type":22,"value":1530},{"type":16,"tag":108,"props":3066,"children":3067},{"class":110,"line":351},[3068,3072,3076,3080],{"type":16,"tag":108,"props":3069,"children":3070},{"style":544},[3071],{"type":22,"value":547},{"type":16,"tag":108,"props":3073,"children":3074},{"style":115},[3075],{"type":22,"value":46},{"type":16,"tag":108,"props":3077,"children":3078},{"style":519},[3079],{"type":22,"value":1546},{"type":16,"tag":108,"props":3081,"children":3082},{"style":115},[3083],{"type":22,"value":1551},{"type":16,"tag":108,"props":3085,"children":3086},{"class":110,"line":369},[3087,3091,3095,3099,3103,3107],{"type":16,"tag":108,"props":3088,"children":3089},{"style":506},[3090],{"type":22,"value":577},{"type":16,"tag":108,"props":3092,"children":3093},{"style":115},[3094],{"type":22,"value":46},{"type":16,"tag":108,"props":3096,"children":3097},{"style":519},[3098],{"type":22,"value":586},{"type":16,"tag":108,"props":3100,"children":3101},{"style":115},[3102],{"type":22,"value":527},{"type":16,"tag":108,"props":3104,"children":3105},{"style":137},[3106],{"type":22,"value":595},{"type":16,"tag":108,"props":3108,"children":3109},{"style":115},[3110],{"type":22,"value":569},{"type":16,"tag":108,"props":3112,"children":3113},{"class":110,"line":602},[3114],{"type":16,"tag":108,"props":3115,"children":3116},{"emptyLinePlaceholder":477},[3117],{"type":22,"value":480},{"type":16,"tag":108,"props":3119,"children":3120},{"class":110,"line":611},[3121],{"type":16,"tag":108,"props":3122,"children":3123},{"style":1798},[3124],{"type":22,"value":3125},"    // The swiper instance.\n",{"type":16,"tag":108,"props":3127,"children":3128},{"class":110,"line":619},[3129,3134,3138],{"type":16,"tag":108,"props":3130,"children":3131},{"style":506},[3132],{"type":22,"value":3133},"    this",{"type":16,"tag":108,"props":3135,"children":3136},{"style":115},[3137],{"type":22,"value":46},{"type":16,"tag":108,"props":3139,"children":3140},{"style":121},[3141],{"type":22,"value":3142},"swiper\n",{"type":16,"tag":108,"props":3144,"children":3145},{"class":110,"line":640},[3146],{"type":16,"tag":108,"props":3147,"children":3148},{"emptyLinePlaceholder":477},[3149],{"type":22,"value":480},{"type":16,"tag":108,"props":3151,"children":3152},{"class":110,"line":669},[3153],{"type":16,"tag":108,"props":3154,"children":3155},{"style":1798},[3156],{"type":22,"value":3157},"    // Default options for every carousels.\n",{"type":16,"tag":108,"props":3159,"children":3160},{"class":110,"line":677},[3161,3165,3169],{"type":16,"tag":108,"props":3162,"children":3163},{"style":506},[3164],{"type":22,"value":3133},{"type":16,"tag":108,"props":3166,"children":3167},{"style":115},[3168],{"type":22,"value":46},{"type":16,"tag":108,"props":3170,"children":3171},{"style":121},[3172],{"type":22,"value":3173},"defaultOptions\n",{"type":16,"tag":108,"props":3175,"children":3176},{"class":110,"line":2008},[3177],{"type":16,"tag":108,"props":3178,"children":3179},{"style":115},[3180],{"type":22,"value":608},{"type":16,"tag":108,"props":3182,"children":3183},{"class":110,"line":785},[3184],{"type":16,"tag":108,"props":3185,"children":3186},{"emptyLinePlaceholder":477},[3187],{"type":22,"value":480},{"type":16,"tag":108,"props":3189,"children":3190},{"class":110,"line":2033},[3191],{"type":16,"tag":108,"props":3192,"children":3193},{"style":1798},[3194],{"type":22,"value":3195},"  // You can set default options in this getter.\n",{"type":16,"tag":108,"props":3197,"children":3199},{"class":110,"line":3198},16,[3200,3205,3210],{"type":16,"tag":108,"props":3201,"children":3202},{"style":453},[3203],{"type":22,"value":3204},"  get",{"type":16,"tag":108,"props":3206,"children":3207},{"style":519},[3208],{"type":22,"value":3209}," defaultOptions",{"type":16,"tag":108,"props":3211,"children":3212},{"style":115},[3213],{"type":22,"value":1530},{"type":16,"tag":108,"props":3215,"children":3217},{"class":110,"line":3216},17,[3218,3223],{"type":16,"tag":108,"props":3219,"children":3220},{"style":453},[3221],{"type":22,"value":3222},"    return",{"type":16,"tag":108,"props":3224,"children":3225},{"style":115},[3226],{"type":22,"value":513},{"type":16,"tag":108,"props":3228,"children":3230},{"class":110,"line":3229},18,[3231],{"type":16,"tag":108,"props":3232,"children":3233},{"style":1798},[3234],{"type":22,"value":3235},"      // Your default options here\n",{"type":16,"tag":108,"props":3237,"children":3239},{"class":110,"line":3238},19,[3240],{"type":16,"tag":108,"props":3241,"children":3242},{"style":115},[3243],{"type":22,"value":3244},"    }\n",{"type":16,"tag":108,"props":3246,"children":3248},{"class":110,"line":3247},20,[3249],{"type":16,"tag":108,"props":3250,"children":3251},{"style":115},[3252],{"type":22,"value":608},{"type":16,"tag":108,"props":3254,"children":3256},{"class":110,"line":3255},21,[3257],{"type":16,"tag":108,"props":3258,"children":3259},{"style":115},[3260],{"type":22,"value":683},{"type":16,"tag":685,"props":3262,"children":3263},{},[3264],{"type":22,"value":689},{"title":7,"searchDepth":297,"depth":297,"links":3266},[3267,3268,3269,3270,3271,3272],{"id":19,"depth":297,"text":23},{"id":49,"depth":297,"text":52},{"id":2420,"depth":297,"text":2423},{"id":58,"depth":297,"text":61},{"id":1224,"depth":297,"text":1227},{"id":428,"depth":297,"text":431},"content:docs:stimulus-carousel.md","docs/stimulus-carousel.md","docs/stimulus-carousel",{"_path":3277,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":3278,"description":3279,"package":3280,"packagePath":3281,"body":3282,"_type":696,"_id":3941,"_source":698,"_file":3942,"_stem":3943,"_extension":701},"/docs/stimulus-character-counter","Character Counter","A Stimulus controller that counts the number of characters in any input fields.","character-counter","@stimulus-components/character-counter",{"type":13,"children":3283,"toc":3934},[3284,3288,3291,3295,3298,3302,3475,3502,3697,3701,3758,3762,3930],{"type":16,"tag":17,"props":3285,"children":3286},{"id":19},[3287],{"type":22,"value":23},{"type":16,"tag":25,"props":3289,"children":3290},{":package":27,":package-path":28},[],{"type":16,"tag":17,"props":3292,"children":3293},{"id":49},[3294],{"type":22,"value":52},{"type":16,"tag":3280,"props":3296,"children":3297},{},[],{"type":16,"tag":17,"props":3299,"children":3300},{"id":58},[3301],{"type":22,"value":61},{"type":16,"tag":93,"props":3303,"children":3304},{"tab-name":95},[3305],{"type":16,"tag":98,"props":3306,"children":3308},{"className":100,"code":3307,"language":102,"meta":7,"style":7},"\u003Cdiv data-controller=\"character-counter\">\n  \u003Ctextarea data-character-counter-target=\"input\">\u003C/textarea>\n\n  \u003Cp>\n    There are\n    \u003Cstrong data-character-counter-target=\"counter\">\u003C/strong> characters in this textarea.\n  \u003C/p>\n\u003C/div>\n",[3309],{"type":16,"tag":68,"props":3310,"children":3311},{"__ignoreMap":7},[3312,3340,3378,3385,3400,3408,3445,3460],{"type":16,"tag":108,"props":3313,"children":3314},{"class":110,"line":111},[3315,3319,3323,3327,3331,3336],{"type":16,"tag":108,"props":3316,"children":3317},{"style":115},[3318],{"type":22,"value":118},{"type":16,"tag":108,"props":3320,"children":3321},{"style":121},[3322],{"type":22,"value":929},{"type":16,"tag":108,"props":3324,"children":3325},{"style":126},[3326],{"type":22,"value":145},{"type":16,"tag":108,"props":3328,"children":3329},{"style":115},[3330],{"type":22,"value":134},{"type":16,"tag":108,"props":3332,"children":3333},{"style":137},[3334],{"type":22,"value":3335},"\"character-counter\"",{"type":16,"tag":108,"props":3337,"children":3338},{"style":115},[3339],{"type":22,"value":182},{"type":16,"tag":108,"props":3341,"children":3342},{"class":110,"line":297},[3343,3347,3351,3356,3360,3365,3370,3374],{"type":16,"tag":108,"props":3344,"children":3345},{"style":115},[3346],{"type":22,"value":1737},{"type":16,"tag":108,"props":3348,"children":3349},{"style":121},[3350],{"type":22,"value":81},{"type":16,"tag":108,"props":3352,"children":3353},{"style":126},[3354],{"type":22,"value":3355}," data-character-counter-target",{"type":16,"tag":108,"props":3357,"children":3358},{"style":115},[3359],{"type":22,"value":134},{"type":16,"tag":108,"props":3361,"children":3362},{"style":137},[3363],{"type":22,"value":3364},"\"input\"",{"type":16,"tag":108,"props":3366,"children":3367},{"style":115},[3368],{"type":22,"value":3369},">\u003C/",{"type":16,"tag":108,"props":3371,"children":3372},{"style":121},[3373],{"type":22,"value":81},{"type":16,"tag":108,"props":3375,"children":3376},{"style":115},[3377],{"type":22,"value":182},{"type":16,"tag":108,"props":3379,"children":3380},{"class":110,"line":315},[3381],{"type":16,"tag":108,"props":3382,"children":3383},{"emptyLinePlaceholder":477},[3384],{"type":22,"value":480},{"type":16,"tag":108,"props":3386,"children":3387},{"class":110,"line":333},[3388,3392,3396],{"type":16,"tag":108,"props":3389,"children":3390},{"style":115},[3391],{"type":22,"value":1737},{"type":16,"tag":108,"props":3393,"children":3394},{"style":121},[3395],{"type":22,"value":31},{"type":16,"tag":108,"props":3397,"children":3398},{"style":115},[3399],{"type":22,"value":182},{"type":16,"tag":108,"props":3401,"children":3402},{"class":110,"line":351},[3403],{"type":16,"tag":108,"props":3404,"children":3405},{"style":115},[3406],{"type":22,"value":3407},"    There are\n",{"type":16,"tag":108,"props":3409,"children":3410},{"class":110,"line":369},[3411,3415,3419,3423,3427,3432,3436,3440],{"type":16,"tag":108,"props":3412,"children":3413},{"style":115},[3414],{"type":22,"value":2556},{"type":16,"tag":108,"props":3416,"children":3417},{"style":121},[3418],{"type":22,"value":87},{"type":16,"tag":108,"props":3420,"children":3421},{"style":126},[3422],{"type":22,"value":3355},{"type":16,"tag":108,"props":3424,"children":3425},{"style":115},[3426],{"type":22,"value":134},{"type":16,"tag":108,"props":3428,"children":3429},{"style":137},[3430],{"type":22,"value":3431},"\"counter\"",{"type":16,"tag":108,"props":3433,"children":3434},{"style":115},[3435],{"type":22,"value":3369},{"type":16,"tag":108,"props":3437,"children":3438},{"style":121},[3439],{"type":22,"value":87},{"type":16,"tag":108,"props":3441,"children":3442},{"style":115},[3443],{"type":22,"value":3444},"> characters in this textarea.\n",{"type":16,"tag":108,"props":3446,"children":3447},{"class":110,"line":602},[3448,3452,3456],{"type":16,"tag":108,"props":3449,"children":3450},{"style":115},[3451],{"type":22,"value":1867},{"type":16,"tag":108,"props":3453,"children":3454},{"style":121},[3455],{"type":22,"value":31},{"type":16,"tag":108,"props":3457,"children":3458},{"style":115},[3459],{"type":22,"value":182},{"type":16,"tag":108,"props":3461,"children":3462},{"class":110,"line":611},[3463,3467,3471],{"type":16,"tag":108,"props":3464,"children":3465},{"style":115},[3466],{"type":22,"value":924},{"type":16,"tag":108,"props":3468,"children":3469},{"style":121},[3470],{"type":22,"value":929},{"type":16,"tag":108,"props":3472,"children":3473},{"style":115},[3474],{"type":22,"value":182},{"type":16,"tag":31,"props":3476,"children":3477},{},[3478,3480,3486,3488,3493,3495,3500],{"type":22,"value":3479},"You can use it in countdown mode, add the correct value and a ",{"type":16,"tag":68,"props":3481,"children":3483},{"className":3482},[],[3484],{"type":22,"value":3485},"maxlength",{"type":22,"value":3487}," attribute on the ",{"type":16,"tag":68,"props":3489,"children":3491},{"className":3490},[],[3492],{"type":22,"value":73},{"type":22,"value":3494},"/",{"type":16,"tag":68,"props":3496,"children":3498},{"className":3497},[],[3499],{"type":22,"value":81},{"type":22,"value":3501}," field:",{"type":16,"tag":93,"props":3503,"children":3504},{"tab-name":95},[3505],{"type":16,"tag":98,"props":3506,"children":3508},{"className":100,"code":3507,"language":102,"meta":7,"style":7},"\u003Cdiv data-controller=\"character-counter\" data-character-counter-countdown-value=\"true\">\n  \u003Ctextarea data-character-counter-target=\"input\" maxlength=\"280\">\u003C/textarea>\n\n  \u003Cp>\n    There are\n    \u003Cstrong data-character-counter-target=\"counter\">\u003C/strong> characters remaining.\n  \u003C/p>\n\u003C/div>\n",[3509],{"type":16,"tag":68,"props":3510,"children":3511},{"__ignoreMap":7},[3512,3553,3602,3609,3624,3631,3667,3682],{"type":16,"tag":108,"props":3513,"children":3514},{"class":110,"line":111},[3515,3519,3523,3527,3531,3535,3540,3544,3549],{"type":16,"tag":108,"props":3516,"children":3517},{"style":115},[3518],{"type":22,"value":118},{"type":16,"tag":108,"props":3520,"children":3521},{"style":121},[3522],{"type":22,"value":929},{"type":16,"tag":108,"props":3524,"children":3525},{"style":126},[3526],{"type":22,"value":145},{"type":16,"tag":108,"props":3528,"children":3529},{"style":115},[3530],{"type":22,"value":134},{"type":16,"tag":108,"props":3532,"children":3533},{"style":137},[3534],{"type":22,"value":3335},{"type":16,"tag":108,"props":3536,"children":3537},{"style":126},[3538],{"type":22,"value":3539}," data-character-counter-countdown-value",{"type":16,"tag":108,"props":3541,"children":3542},{"style":115},[3543],{"type":22,"value":134},{"type":16,"tag":108,"props":3545,"children":3546},{"style":137},[3547],{"type":22,"value":3548},"\"true\"",{"type":16,"tag":108,"props":3550,"children":3551},{"style":115},[3552],{"type":22,"value":182},{"type":16,"tag":108,"props":3554,"children":3555},{"class":110,"line":297},[3556,3560,3564,3568,3572,3576,3581,3585,3590,3594,3598],{"type":16,"tag":108,"props":3557,"children":3558},{"style":115},[3559],{"type":22,"value":1737},{"type":16,"tag":108,"props":3561,"children":3562},{"style":121},[3563],{"type":22,"value":81},{"type":16,"tag":108,"props":3565,"children":3566},{"style":126},[3567],{"type":22,"value":3355},{"type":16,"tag":108,"props":3569,"children":3570},{"style":115},[3571],{"type":22,"value":134},{"type":16,"tag":108,"props":3573,"children":3574},{"style":137},[3575],{"type":22,"value":3364},{"type":16,"tag":108,"props":3577,"children":3578},{"style":126},[3579],{"type":22,"value":3580}," maxlength",{"type":16,"tag":108,"props":3582,"children":3583},{"style":115},[3584],{"type":22,"value":134},{"type":16,"tag":108,"props":3586,"children":3587},{"style":137},[3588],{"type":22,"value":3589},"\"280\"",{"type":16,"tag":108,"props":3591,"children":3592},{"style":115},[3593],{"type":22,"value":3369},{"type":16,"tag":108,"props":3595,"children":3596},{"style":121},[3597],{"type":22,"value":81},{"type":16,"tag":108,"props":3599,"children":3600},{"style":115},[3601],{"type":22,"value":182},{"type":16,"tag":108,"props":3603,"children":3604},{"class":110,"line":315},[3605],{"type":16,"tag":108,"props":3606,"children":3607},{"emptyLinePlaceholder":477},[3608],{"type":22,"value":480},{"type":16,"tag":108,"props":3610,"children":3611},{"class":110,"line":333},[3612,3616,3620],{"type":16,"tag":108,"props":3613,"children":3614},{"style":115},[3615],{"type":22,"value":1737},{"type":16,"tag":108,"props":3617,"children":3618},{"style":121},[3619],{"type":22,"value":31},{"type":16,"tag":108,"props":3621,"children":3622},{"style":115},[3623],{"type":22,"value":182},{"type":16,"tag":108,"props":3625,"children":3626},{"class":110,"line":351},[3627],{"type":16,"tag":108,"props":3628,"children":3629},{"style":115},[3630],{"type":22,"value":3407},{"type":16,"tag":108,"props":3632,"children":3633},{"class":110,"line":369},[3634,3638,3642,3646,3650,3654,3658,3662],{"type":16,"tag":108,"props":3635,"children":3636},{"style":115},[3637],{"type":22,"value":2556},{"type":16,"tag":108,"props":3639,"children":3640},{"style":121},[3641],{"type":22,"value":87},{"type":16,"tag":108,"props":3643,"children":3644},{"style":126},[3645],{"type":22,"value":3355},{"type":16,"tag":108,"props":3647,"children":3648},{"style":115},[3649],{"type":22,"value":134},{"type":16,"tag":108,"props":3651,"children":3652},{"style":137},[3653],{"type":22,"value":3431},{"type":16,"tag":108,"props":3655,"children":3656},{"style":115},[3657],{"type":22,"value":3369},{"type":16,"tag":108,"props":3659,"children":3660},{"style":121},[3661],{"type":22,"value":87},{"type":16,"tag":108,"props":3663,"children":3664},{"style":115},[3665],{"type":22,"value":3666},"> characters remaining.\n",{"type":16,"tag":108,"props":3668,"children":3669},{"class":110,"line":602},[3670,3674,3678],{"type":16,"tag":108,"props":3671,"children":3672},{"style":115},[3673],{"type":22,"value":1867},{"type":16,"tag":108,"props":3675,"children":3676},{"style":121},[3677],{"type":22,"value":31},{"type":16,"tag":108,"props":3679,"children":3680},{"style":115},[3681],{"type":22,"value":182},{"type":16,"tag":108,"props":3683,"children":3684},{"class":110,"line":611},[3685,3689,3693],{"type":16,"tag":108,"props":3686,"children":3687},{"style":115},[3688],{"type":22,"value":924},{"type":16,"tag":108,"props":3690,"children":3691},{"style":121},[3692],{"type":22,"value":929},{"type":16,"tag":108,"props":3694,"children":3695},{"style":115},[3696],{"type":22,"value":182},{"type":16,"tag":17,"props":3698,"children":3699},{"id":1224},[3700],{"type":22,"value":1227},{"type":16,"tag":1229,"props":3702,"children":3703},{},[3704,3726],{"type":16,"tag":1233,"props":3705,"children":3706},{},[3707],{"type":16,"tag":1237,"props":3708,"children":3709},{},[3710,3714,3718,3722],{"type":16,"tag":1241,"props":3711,"children":3712},{},[3713],{"type":22,"value":1245},{"type":16,"tag":1241,"props":3715,"children":3716},{},[3717],{"type":22,"value":1250},{"type":16,"tag":1241,"props":3719,"children":3720},{},[3721],{"type":22,"value":1255},{"type":16,"tag":1241,"props":3723,"children":3724},{},[3725],{"type":22,"value":1260},{"type":16,"tag":1262,"props":3727,"children":3728},{},[3729],{"type":16,"tag":1237,"props":3730,"children":3731},{},[3732,3741,3749,3754],{"type":16,"tag":1269,"props":3733,"children":3734},{},[3735],{"type":16,"tag":68,"props":3736,"children":3738},{"className":3737},[],[3739],{"type":22,"value":3740},"data-character-counter-countdown-value",{"type":16,"tag":1269,"props":3742,"children":3743},{},[3744],{"type":16,"tag":68,"props":3745,"children":3747},{"className":3746},[],[3748],{"type":22,"value":1286},{"type":16,"tag":1269,"props":3750,"children":3751},{},[3752],{"type":22,"value":3753},"Activate the countdown mode.",{"type":16,"tag":1269,"props":3755,"children":3756},{},[3757],{"type":22,"value":1384},{"type":16,"tag":17,"props":3759,"children":3760},{"id":428},[3761],{"type":22,"value":431},{"type":16,"tag":428,"props":3763,"children":3764},{},[3765],{"type":16,"tag":93,"props":3766,"children":3768},{"tab-name":3767},"app/javascript/controllers/character_counter_controller.js",[3769],{"type":16,"tag":98,"props":3770,"children":3772},{"className":441,"code":3771,"language":443,"meta":7,"style":7},"import CharacterCounter from \"@stimulus-components/character-counter\"\n\nexport default class extends CharacterCounter {\n  connect() {\n    super.connect()\n    console.log(\"Do what you want here.\")\n\n    this.count // Will return the number of characters in the input/texterea.\n  }\n}\n",[3773],{"type":16,"tag":68,"props":3774,"children":3775},{"__ignoreMap":7},[3776,3797,3804,3831,3842,3861,3888,3895,3916,3923],{"type":16,"tag":108,"props":3777,"children":3778},{"class":110,"line":111},[3779,3783,3788,3792],{"type":16,"tag":108,"props":3780,"children":3781},{"style":453},[3782],{"type":22,"value":456},{"type":16,"tag":108,"props":3784,"children":3785},{"style":121},[3786],{"type":22,"value":3787}," CharacterCounter",{"type":16,"tag":108,"props":3789,"children":3790},{"style":453},[3791],{"type":22,"value":466},{"type":16,"tag":108,"props":3793,"children":3794},{"style":137},[3795],{"type":22,"value":3796}," \"@stimulus-components/character-counter\"\n",{"type":16,"tag":108,"props":3798,"children":3799},{"class":110,"line":297},[3800],{"type":16,"tag":108,"props":3801,"children":3802},{"emptyLinePlaceholder":477},[3803],{"type":22,"value":480},{"type":16,"tag":108,"props":3805,"children":3806},{"class":110,"line":315},[3807,3811,3815,3819,3823,3827],{"type":16,"tag":108,"props":3808,"children":3809},{"style":453},[3810],{"type":22,"value":488},{"type":16,"tag":108,"props":3812,"children":3813},{"style":453},[3814],{"type":22,"value":493},{"type":16,"tag":108,"props":3816,"children":3817},{"style":453},[3818],{"type":22,"value":498},{"type":16,"tag":108,"props":3820,"children":3821},{"style":453},[3822],{"type":22,"value":503},{"type":16,"tag":108,"props":3824,"children":3825},{"style":506},[3826],{"type":22,"value":3787},{"type":16,"tag":108,"props":3828,"children":3829},{"style":115},[3830],{"type":22,"value":513},{"type":16,"tag":108,"props":3832,"children":3833},{"class":110,"line":333},[3834,3838],{"type":16,"tag":108,"props":3835,"children":3836},{"style":519},[3837],{"type":22,"value":1525},{"type":16,"tag":108,"props":3839,"children":3840},{"style":115},[3841],{"type":22,"value":1530},{"type":16,"tag":108,"props":3843,"children":3844},{"class":110,"line":351},[3845,3849,3853,3857],{"type":16,"tag":108,"props":3846,"children":3847},{"style":544},[3848],{"type":22,"value":547},{"type":16,"tag":108,"props":3850,"children":3851},{"style":115},[3852],{"type":22,"value":46},{"type":16,"tag":108,"props":3854,"children":3855},{"style":519},[3856],{"type":22,"value":1546},{"type":16,"tag":108,"props":3858,"children":3859},{"style":115},[3860],{"type":22,"value":1551},{"type":16,"tag":108,"props":3862,"children":3863},{"class":110,"line":369},[3864,3868,3872,3876,3880,3884],{"type":16,"tag":108,"props":3865,"children":3866},{"style":506},[3867],{"type":22,"value":577},{"type":16,"tag":108,"props":3869,"children":3870},{"style":115},[3871],{"type":22,"value":46},{"type":16,"tag":108,"props":3873,"children":3874},{"style":519},[3875],{"type":22,"value":586},{"type":16,"tag":108,"props":3877,"children":3878},{"style":115},[3879],{"type":22,"value":527},{"type":16,"tag":108,"props":3881,"children":3882},{"style":137},[3883],{"type":22,"value":595},{"type":16,"tag":108,"props":3885,"children":3886},{"style":115},[3887],{"type":22,"value":569},{"type":16,"tag":108,"props":3889,"children":3890},{"class":110,"line":602},[3891],{"type":16,"tag":108,"props":3892,"children":3893},{"emptyLinePlaceholder":477},[3894],{"type":22,"value":480},{"type":16,"tag":108,"props":3896,"children":3897},{"class":110,"line":611},[3898,3902,3906,3911],{"type":16,"tag":108,"props":3899,"children":3900},{"style":506},[3901],{"type":22,"value":3133},{"type":16,"tag":108,"props":3903,"children":3904},{"style":115},[3905],{"type":22,"value":46},{"type":16,"tag":108,"props":3907,"children":3908},{"style":121},[3909],{"type":22,"value":3910},"count",{"type":16,"tag":108,"props":3912,"children":3913},{"style":1798},[3914],{"type":22,"value":3915}," // Will return the number of characters in the input/texterea.\n",{"type":16,"tag":108,"props":3917,"children":3918},{"class":110,"line":619},[3919],{"type":16,"tag":108,"props":3920,"children":3921},{"style":115},[3922],{"type":22,"value":608},{"type":16,"tag":108,"props":3924,"children":3925},{"class":110,"line":640},[3926],{"type":16,"tag":108,"props":3927,"children":3928},{"style":115},[3929],{"type":22,"value":683},{"type":16,"tag":685,"props":3931,"children":3932},{},[3933],{"type":22,"value":689},{"title":7,"searchDepth":297,"depth":297,"links":3935},[3936,3937,3938,3939,3940],{"id":19,"depth":297,"text":23},{"id":49,"depth":297,"text":52},{"id":58,"depth":297,"text":61},{"id":1224,"depth":297,"text":1227},{"id":428,"depth":297,"text":431},"content:docs:stimulus-character-counter.md","docs/stimulus-character-counter.md","docs/stimulus-character-counter",{"_path":3945,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":3946,"description":3947,"package":3948,"packagePath":3949,"body":3950,"_type":696,"_id":5502,"_source":698,"_file":5503,"_stem":5504,"_extension":701},"/docs/stimulus-chartjs","Chartjs","A Stimulus controller to deal with chart.js.","chartjs","@stimulus-components/chartjs",{"type":13,"children":3951,"toc":5492},[3952,3956,3959,3975,3979,3982,3986,3993,4064,4076,4238,4246,4252,4692,4820,4824,4939,4943,5488],{"type":16,"tag":17,"props":3953,"children":3954},{"id":19},[3955],{"type":22,"value":23},{"type":16,"tag":25,"props":3957,"children":3958},{":package":27,":package-path":28},[],{"type":16,"tag":2390,"props":3960,"children":3961},{},[3962],{"type":16,"tag":31,"props":3963,"children":3964},{},[3965,3966,3974],{"type":22,"value":2397},{"type":16,"tag":37,"props":3967,"children":3971},{"className":3968,"href":3969,"rel":3970,"target":2405},[2401,2402],"https://www.chartjs.org/",[41],[3972],{"type":22,"value":3973},"Chart.js library",{"type":22,"value":46},{"type":16,"tag":17,"props":3976,"children":3977},{"id":49},[3978],{"type":22,"value":52},{"type":16,"tag":3948,"props":3980,"children":3981},{},[],{"type":16,"tag":17,"props":3983,"children":3984},{"id":58},[3985],{"type":22,"value":61},{"type":16,"tag":3987,"props":3988,"children":3990},"h3",{"id":3989},"basic-usage",[3991],{"type":22,"value":3992},"Basic usage",{"type":16,"tag":93,"props":3994,"children":3995},{"tab-name":95},[3996],{"type":16,"tag":98,"props":3997,"children":3999},{"className":100,"code":3998,"language":102,"meta":7,"style":7},"\u003Ccanvas\n  data-controller=\"chartjs\"\n  data-chartjs-data-value='{ \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"], \"datasets\": [{ \"label\": \"My First dataset\", \"backgroundColor\": \"transparent\", \"borderColor\": \"#3B82F6\", \"data\": [37, 83, 78, 54, 12, 5, 99] }] }'\n>\u003C/canvas>\n",[4000],{"type":16,"tag":68,"props":4001,"children":4002},{"__ignoreMap":7},[4003,4015,4031,4048],{"type":16,"tag":108,"props":4004,"children":4005},{"class":110,"line":111},[4006,4010],{"type":16,"tag":108,"props":4007,"children":4008},{"style":115},[4009],{"type":22,"value":118},{"type":16,"tag":108,"props":4011,"children":4012},{"style":121},[4013],{"type":22,"value":4014},"canvas\n",{"type":16,"tag":108,"props":4016,"children":4017},{"class":110,"line":297},[4018,4022,4026],{"type":16,"tag":108,"props":4019,"children":4020},{"style":126},[4021],{"type":22,"value":321},{"type":16,"tag":108,"props":4023,"children":4024},{"style":115},[4025],{"type":22,"value":134},{"type":16,"tag":108,"props":4027,"children":4028},{"style":137},[4029],{"type":22,"value":4030},"\"chartjs\"\n",{"type":16,"tag":108,"props":4032,"children":4033},{"class":110,"line":315},[4034,4039,4043],{"type":16,"tag":108,"props":4035,"children":4036},{"style":126},[4037],{"type":22,"value":4038},"  data-chartjs-data-value",{"type":16,"tag":108,"props":4040,"children":4041},{"style":115},[4042],{"type":22,"value":134},{"type":16,"tag":108,"props":4044,"children":4045},{"style":137},[4046],{"type":22,"value":4047},"'{ \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"], \"datasets\": [{ \"label\": \"My First dataset\", \"backgroundColor\": \"transparent\", \"borderColor\": \"#3B82F6\", \"data\": [37, 83, 78, 54, 12, 5, 99] }] }'\n",{"type":16,"tag":108,"props":4049,"children":4050},{"class":110,"line":333},[4051,4055,4060],{"type":16,"tag":108,"props":4052,"children":4053},{"style":115},[4054],{"type":22,"value":3369},{"type":16,"tag":108,"props":4056,"children":4057},{"style":121},[4058],{"type":22,"value":4059},"canvas",{"type":16,"tag":108,"props":4061,"children":4062},{"style":115},[4063],{"type":22,"value":182},{"type":16,"tag":31,"props":4065,"children":4066},{},[4067,4069,4075],{"type":22,"value":4068},"If you extend this controller, it could be handy to use it with a ",{"type":16,"tag":68,"props":4070,"children":4072},{"className":4071},[],[4073],{"type":22,"value":4074},"target",{"type":22,"value":1662},{"type":16,"tag":93,"props":4077,"children":4078},{"tab-name":95},[4079],{"type":16,"tag":98,"props":4080,"children":4082},{"className":100,"code":4081,"language":102,"meta":7,"style":7},"\u003Cdiv\n  data-controller=\"chartjs\"\n  data-chartjs-data-value='{ \"labels\": [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\"], \"datasets\": [{ \"label\": \"My First dataset\", \"backgroundColor\": \"transparent\", \"borderColor\": \"#3B82F6\", \"data\": [37, 83, 78, 54, 12, 5, 99] }] }'\n>\n  \u003Ccanvas data-chartjs-target=\"canvas\">\u003C/canvas>\n\n  \u003C!-- You need to define this action -->\n  \u003Cbutton data-action=\"chartjs#update\">Update me!\u003C/button>\n\u003C/div>\n",[4083],{"type":16,"tag":68,"props":4084,"children":4085},{"__ignoreMap":7},[4086,4097,4112,4127,4134,4171,4178,4186,4223],{"type":16,"tag":108,"props":4087,"children":4088},{"class":110,"line":111},[4089,4093],{"type":16,"tag":108,"props":4090,"children":4091},{"style":115},[4092],{"type":22,"value":118},{"type":16,"tag":108,"props":4094,"children":4095},{"style":121},[4096],{"type":22,"value":834},{"type":16,"tag":108,"props":4098,"children":4099},{"class":110,"line":297},[4100,4104,4108],{"type":16,"tag":108,"props":4101,"children":4102},{"style":126},[4103],{"type":22,"value":321},{"type":16,"tag":108,"props":4105,"children":4106},{"style":115},[4107],{"type":22,"value":134},{"type":16,"tag":108,"props":4109,"children":4110},{"style":137},[4111],{"type":22,"value":4030},{"type":16,"tag":108,"props":4113,"children":4114},{"class":110,"line":315},[4115,4119,4123],{"type":16,"tag":108,"props":4116,"children":4117},{"style":126},[4118],{"type":22,"value":4038},{"type":16,"tag":108,"props":4120,"children":4121},{"style":115},[4122],{"type":22,"value":134},{"type":16,"tag":108,"props":4124,"children":4125},{"style":137},[4126],{"type":22,"value":4047},{"type":16,"tag":108,"props":4128,"children":4129},{"class":110,"line":333},[4130],{"type":16,"tag":108,"props":4131,"children":4132},{"style":115},[4133],{"type":22,"value":182},{"type":16,"tag":108,"props":4135,"children":4136},{"class":110,"line":351},[4137,4141,4145,4150,4154,4159,4163,4167],{"type":16,"tag":108,"props":4138,"children":4139},{"style":115},[4140],{"type":22,"value":1737},{"type":16,"tag":108,"props":4142,"children":4143},{"style":121},[4144],{"type":22,"value":4059},{"type":16,"tag":108,"props":4146,"children":4147},{"style":126},[4148],{"type":22,"value":4149}," data-chartjs-target",{"type":16,"tag":108,"props":4151,"children":4152},{"style":115},[4153],{"type":22,"value":134},{"type":16,"tag":108,"props":4155,"children":4156},{"style":137},[4157],{"type":22,"value":4158},"\"canvas\"",{"type":16,"tag":108,"props":4160,"children":4161},{"style":115},[4162],{"type":22,"value":3369},{"type":16,"tag":108,"props":4164,"children":4165},{"style":121},[4166],{"type":22,"value":4059},{"type":16,"tag":108,"props":4168,"children":4169},{"style":115},[4170],{"type":22,"value":182},{"type":16,"tag":108,"props":4172,"children":4173},{"class":110,"line":369},[4174],{"type":16,"tag":108,"props":4175,"children":4176},{"emptyLinePlaceholder":477},[4177],{"type":22,"value":480},{"type":16,"tag":108,"props":4179,"children":4180},{"class":110,"line":602},[4181],{"type":16,"tag":108,"props":4182,"children":4183},{"style":1798},[4184],{"type":22,"value":4185},"  \u003C!-- You need to define this action -->\n",{"type":16,"tag":108,"props":4187,"children":4188},{"class":110,"line":611},[4189,4193,4197,4201,4205,4210,4215,4219],{"type":16,"tag":108,"props":4190,"children":4191},{"style":115},[4192],{"type":22,"value":1737},{"type":16,"tag":108,"props":4194,"children":4195},{"style":121},[4196],{"type":22,"value":212},{"type":16,"tag":108,"props":4198,"children":4199},{"style":126},[4200],{"type":22,"value":159},{"type":16,"tag":108,"props":4202,"children":4203},{"style":115},[4204],{"type":22,"value":134},{"type":16,"tag":108,"props":4206,"children":4207},{"style":137},[4208],{"type":22,"value":4209},"\"chartjs#update\"",{"type":16,"tag":108,"props":4211,"children":4212},{"style":115},[4213],{"type":22,"value":4214},">Update me!\u003C/",{"type":16,"tag":108,"props":4216,"children":4217},{"style":121},[4218],{"type":22,"value":212},{"type":16,"tag":108,"props":4220,"children":4221},{"style":115},[4222],{"type":22,"value":182},{"type":16,"tag":108,"props":4224,"children":4225},{"class":110,"line":619},[4226,4230,4234],{"type":16,"tag":108,"props":4227,"children":4228},{"style":115},[4229],{"type":22,"value":924},{"type":16,"tag":108,"props":4231,"children":4232},{"style":121},[4233],{"type":22,"value":929},{"type":16,"tag":108,"props":4235,"children":4236},{"style":115},[4237],{"type":22,"value":182},{"type":16,"tag":31,"props":4239,"children":4240},{},[4241],{"type":16,"tag":87,"props":4242,"children":4243},{},[4244],{"type":22,"value":4245},"It's much simpler with a framework.",{"type":16,"tag":3987,"props":4247,"children":4249},{"id":4248},"with-backend-framework-optional",[4250],{"type":22,"value":4251},"With backend framework (optional)",{"type":16,"tag":93,"props":4253,"children":4255},{"tab-name":4254},"app/controllers/charts_controller.rb",[4256],{"type":16,"tag":98,"props":4257,"children":4261},{"className":4258,"code":4259,"language":4260,"meta":7,"style":7},"language-ruby shiki shiki-themes one-dark-pro","class ChartsController \u003C ApplicationController\n  def index\n    @chart_data = {\n      labels: %w[January February March April May June July],\n      datasets: [{\n        label: 'My First dataset',\n        backgroundColor: 'transparent',\n        borderColor: '#3B82F6',\n        data: [37, 83, 78, 54, 12, 5, 99]\n      }]\n    }\n\n    @chart_options = {\n      scales: {\n        yAxes: [{\n          ticks: {\n            beginAtZero: true\n          }\n        }]\n      }\n    }\n  end\nend\n","ruby",[4262],{"type":16,"tag":68,"props":4263,"children":4264},{"__ignoreMap":7},[4265,4288,4301,4317,4379,4396,4417,4438,4459,4540,4548,4555,4562,4578,4594,4610,4626,4643,4651,4659,4667,4674,4683],{"type":16,"tag":108,"props":4266,"children":4267},{"class":110,"line":111},[4268,4273,4278,4283],{"type":16,"tag":108,"props":4269,"children":4270},{"style":453},[4271],{"type":22,"value":4272},"class",{"type":16,"tag":108,"props":4274,"children":4275},{"style":506},[4276],{"type":22,"value":4277}," ChartsController",{"type":16,"tag":108,"props":4279,"children":4280},{"style":115},[4281],{"type":22,"value":4282}," \u003C ",{"type":16,"tag":108,"props":4284,"children":4285},{"style":506},[4286],{"type":22,"value":4287},"ApplicationController\n",{"type":16,"tag":108,"props":4289,"children":4290},{"class":110,"line":297},[4291,4296],{"type":16,"tag":108,"props":4292,"children":4293},{"style":453},[4294],{"type":22,"value":4295},"  def",{"type":16,"tag":108,"props":4297,"children":4298},{"style":519},[4299],{"type":22,"value":4300}," index\n",{"type":16,"tag":108,"props":4302,"children":4303},{"class":110,"line":315},[4304,4309,4313],{"type":16,"tag":108,"props":4305,"children":4306},{"style":121},[4307],{"type":22,"value":4308},"    @chart_data",{"type":16,"tag":108,"props":4310,"children":4311},{"style":1654},[4312],{"type":22,"value":2201},{"type":16,"tag":108,"props":4314,"children":4315},{"style":115},[4316],{"type":22,"value":513},{"type":16,"tag":108,"props":4318,"children":4319},{"class":110,"line":333},[4320,4325,4329,4334,4339,4344,4349,4354,4359,4364,4369,4374],{"type":16,"tag":108,"props":4321,"children":4322},{"style":1654},[4323],{"type":22,"value":4324},"      labels",{"type":16,"tag":108,"props":4326,"children":4327},{"style":126},[4328],{"type":22,"value":1662},{"type":16,"tag":108,"props":4330,"children":4331},{"style":1654},[4332],{"type":22,"value":4333}," %",{"type":16,"tag":108,"props":4335,"children":4336},{"style":115},[4337],{"type":22,"value":4338},"w[",{"type":16,"tag":108,"props":4340,"children":4341},{"style":506},[4342],{"type":22,"value":4343},"January",{"type":16,"tag":108,"props":4345,"children":4346},{"style":506},[4347],{"type":22,"value":4348}," February",{"type":16,"tag":108,"props":4350,"children":4351},{"style":506},[4352],{"type":22,"value":4353}," March",{"type":16,"tag":108,"props":4355,"children":4356},{"style":506},[4357],{"type":22,"value":4358}," April",{"type":16,"tag":108,"props":4360,"children":4361},{"style":506},[4362],{"type":22,"value":4363}," May",{"type":16,"tag":108,"props":4365,"children":4366},{"style":506},[4367],{"type":22,"value":4368}," June",{"type":16,"tag":108,"props":4370,"children":4371},{"style":506},[4372],{"type":22,"value":4373}," July",{"type":16,"tag":108,"props":4375,"children":4376},{"style":115},[4377],{"type":22,"value":4378},"],\n",{"type":16,"tag":108,"props":4380,"children":4381},{"class":110,"line":351},[4382,4387,4391],{"type":16,"tag":108,"props":4383,"children":4384},{"style":1654},[4385],{"type":22,"value":4386},"      datasets",{"type":16,"tag":108,"props":4388,"children":4389},{"style":126},[4390],{"type":22,"value":1662},{"type":16,"tag":108,"props":4392,"children":4393},{"style":115},[4394],{"type":22,"value":4395}," [{\n",{"type":16,"tag":108,"props":4397,"children":4398},{"class":110,"line":369},[4399,4404,4408,4413],{"type":16,"tag":108,"props":4400,"children":4401},{"style":1654},[4402],{"type":22,"value":4403},"        label",{"type":16,"tag":108,"props":4405,"children":4406},{"style":126},[4407],{"type":22,"value":1662},{"type":16,"tag":108,"props":4409,"children":4410},{"style":137},[4411],{"type":22,"value":4412}," 'My First dataset'",{"type":16,"tag":108,"props":4414,"children":4415},{"style":115},[4416],{"type":22,"value":2241},{"type":16,"tag":108,"props":4418,"children":4419},{"class":110,"line":602},[4420,4425,4429,4434],{"type":16,"tag":108,"props":4421,"children":4422},{"style":1654},[4423],{"type":22,"value":4424},"        backgroundColor",{"type":16,"tag":108,"props":4426,"children":4427},{"style":126},[4428],{"type":22,"value":1662},{"type":16,"tag":108,"props":4430,"children":4431},{"style":137},[4432],{"type":22,"value":4433}," 'transparent'",{"type":16,"tag":108,"props":4435,"children":4436},{"style":115},[4437],{"type":22,"value":2241},{"type":16,"tag":108,"props":4439,"children":4440},{"class":110,"line":611},[4441,4446,4450,4455],{"type":16,"tag":108,"props":4442,"children":4443},{"style":1654},[4444],{"type":22,"value":4445},"        borderColor",{"type":16,"tag":108,"props":4447,"children":4448},{"style":126},[4449],{"type":22,"value":1662},{"type":16,"tag":108,"props":4451,"children":4452},{"style":137},[4453],{"type":22,"value":4454}," '#3B82F6'",{"type":16,"tag":108,"props":4456,"children":4457},{"style":115},[4458],{"type":22,"value":2241},{"type":16,"tag":108,"props":4460,"children":4461},{"class":110,"line":619},[4462,4467,4471,4476,4481,4485,4490,4494,4499,4503,4508,4512,4517,4521,4526,4530,4535],{"type":16,"tag":108,"props":4463,"children":4464},{"style":1654},[4465],{"type":22,"value":4466},"        data",{"type":16,"tag":108,"props":4468,"children":4469},{"style":126},[4470],{"type":22,"value":1662},{"type":16,"tag":108,"props":4472,"children":4473},{"style":115},[4474],{"type":22,"value":4475}," [",{"type":16,"tag":108,"props":4477,"children":4478},{"style":126},[4479],{"type":22,"value":4480},"37",{"type":16,"tag":108,"props":4482,"children":4483},{"style":115},[4484],{"type":22,"value":397},{"type":16,"tag":108,"props":4486,"children":4487},{"style":126},[4488],{"type":22,"value":4489},"83",{"type":16,"tag":108,"props":4491,"children":4492},{"style":115},[4493],{"type":22,"value":397},{"type":16,"tag":108,"props":4495,"children":4496},{"style":126},[4497],{"type":22,"value":4498},"78",{"type":16,"tag":108,"props":4500,"children":4501},{"style":115},[4502],{"type":22,"value":397},{"type":16,"tag":108,"props":4504,"children":4505},{"style":126},[4506],{"type":22,"value":4507},"54",{"type":16,"tag":108,"props":4509,"children":4510},{"style":115},[4511],{"type":22,"value":397},{"type":16,"tag":108,"props":4513,"children":4514},{"style":126},[4515],{"type":22,"value":4516},"12",{"type":16,"tag":108,"props":4518,"children":4519},{"style":115},[4520],{"type":22,"value":397},{"type":16,"tag":108,"props":4522,"children":4523},{"style":126},[4524],{"type":22,"value":4525},"5",{"type":16,"tag":108,"props":4527,"children":4528},{"style":115},[4529],{"type":22,"value":397},{"type":16,"tag":108,"props":4531,"children":4532},{"style":126},[4533],{"type":22,"value":4534},"99",{"type":16,"tag":108,"props":4536,"children":4537},{"style":115},[4538],{"type":22,"value":4539},"]\n",{"type":16,"tag":108,"props":4541,"children":4542},{"class":110,"line":640},[4543],{"type":16,"tag":108,"props":4544,"children":4545},{"style":115},[4546],{"type":22,"value":4547},"      }]\n",{"type":16,"tag":108,"props":4549,"children":4550},{"class":110,"line":669},[4551],{"type":16,"tag":108,"props":4552,"children":4553},{"style":115},[4554],{"type":22,"value":3244},{"type":16,"tag":108,"props":4556,"children":4557},{"class":110,"line":677},[4558],{"type":16,"tag":108,"props":4559,"children":4560},{"emptyLinePlaceholder":477},[4561],{"type":22,"value":480},{"type":16,"tag":108,"props":4563,"children":4564},{"class":110,"line":2008},[4565,4570,4574],{"type":16,"tag":108,"props":4566,"children":4567},{"style":121},[4568],{"type":22,"value":4569},"    @chart_options",{"type":16,"tag":108,"props":4571,"children":4572},{"style":1654},[4573],{"type":22,"value":2201},{"type":16,"tag":108,"props":4575,"children":4576},{"style":115},[4577],{"type":22,"value":513},{"type":16,"tag":108,"props":4579,"children":4580},{"class":110,"line":785},[4581,4586,4590],{"type":16,"tag":108,"props":4582,"children":4583},{"style":1654},[4584],{"type":22,"value":4585},"      scales",{"type":16,"tag":108,"props":4587,"children":4588},{"style":126},[4589],{"type":22,"value":1662},{"type":16,"tag":108,"props":4591,"children":4592},{"style":115},[4593],{"type":22,"value":513},{"type":16,"tag":108,"props":4595,"children":4596},{"class":110,"line":2033},[4597,4602,4606],{"type":16,"tag":108,"props":4598,"children":4599},{"style":1654},[4600],{"type":22,"value":4601},"        yAxes",{"type":16,"tag":108,"props":4603,"children":4604},{"style":126},[4605],{"type":22,"value":1662},{"type":16,"tag":108,"props":4607,"children":4608},{"style":115},[4609],{"type":22,"value":4395},{"type":16,"tag":108,"props":4611,"children":4612},{"class":110,"line":3198},[4613,4618,4622],{"type":16,"tag":108,"props":4614,"children":4615},{"style":1654},[4616],{"type":22,"value":4617},"          ticks",{"type":16,"tag":108,"props":4619,"children":4620},{"style":126},[4621],{"type":22,"value":1662},{"type":16,"tag":108,"props":4623,"children":4624},{"style":115},[4625],{"type":22,"value":513},{"type":16,"tag":108,"props":4627,"children":4628},{"class":110,"line":3216},[4629,4634,4638],{"type":16,"tag":108,"props":4630,"children":4631},{"style":1654},[4632],{"type":22,"value":4633},"            beginAtZero",{"type":16,"tag":108,"props":4635,"children":4636},{"style":126},[4637],{"type":22,"value":1662},{"type":16,"tag":108,"props":4639,"children":4640},{"style":126},[4641],{"type":22,"value":4642}," true\n",{"type":16,"tag":108,"props":4644,"children":4645},{"class":110,"line":3229},[4646],{"type":16,"tag":108,"props":4647,"children":4648},{"style":115},[4649],{"type":22,"value":4650},"          }\n",{"type":16,"tag":108,"props":4652,"children":4653},{"class":110,"line":3238},[4654],{"type":16,"tag":108,"props":4655,"children":4656},{"style":115},[4657],{"type":22,"value":4658},"        }]\n",{"type":16,"tag":108,"props":4660,"children":4661},{"class":110,"line":3247},[4662],{"type":16,"tag":108,"props":4663,"children":4664},{"style":115},[4665],{"type":22,"value":4666},"      }\n",{"type":16,"tag":108,"props":4668,"children":4669},{"class":110,"line":3255},[4670],{"type":16,"tag":108,"props":4671,"children":4672},{"style":115},[4673],{"type":22,"value":3244},{"type":16,"tag":108,"props":4675,"children":4677},{"class":110,"line":4676},22,[4678],{"type":16,"tag":108,"props":4679,"children":4680},{"style":453},[4681],{"type":22,"value":4682},"  end\n",{"type":16,"tag":108,"props":4684,"children":4686},{"class":110,"line":4685},23,[4687],{"type":16,"tag":108,"props":4688,"children":4689},{"style":453},[4690],{"type":22,"value":4691},"end\n",{"type":16,"tag":93,"props":4693,"children":4694},{"tab-name":95},[4695],{"type":16,"tag":98,"props":4696,"children":4698},{"className":1632,"code":4697,"language":1634,"meta":7,"style":7},"\u003Ccanvas\n  data-controller=\"chartjs\"\n  data-chartjs-data-value=\"\u003C%= @chart_data.to_json %>\"\n  data-chartjs-options-value=\"\u003C%= @chart_options.to_json %>\"\n>\u003C/canvas>\n",[4699],{"type":16,"tag":68,"props":4700,"children":4701},{"__ignoreMap":7},[4702,4713,4728,4768,4805],{"type":16,"tag":108,"props":4703,"children":4704},{"class":110,"line":111},[4705,4709],{"type":16,"tag":108,"props":4706,"children":4707},{"style":115},[4708],{"type":22,"value":118},{"type":16,"tag":108,"props":4710,"children":4711},{"style":121},[4712],{"type":22,"value":4014},{"type":16,"tag":108,"props":4714,"children":4715},{"class":110,"line":297},[4716,4720,4724],{"type":16,"tag":108,"props":4717,"children":4718},{"style":126},[4719],{"type":22,"value":321},{"type":16,"tag":108,"props":4721,"children":4722},{"style":115},[4723],{"type":22,"value":134},{"type":16,"tag":108,"props":4725,"children":4726},{"style":137},[4727],{"type":22,"value":4030},{"type":16,"tag":108,"props":4729,"children":4730},{"class":110,"line":315},[4731,4735,4739,4744,4748,4753,4758,4763],{"type":16,"tag":108,"props":4732,"children":4733},{"style":126},[4734],{"type":22,"value":4038},{"type":16,"tag":108,"props":4736,"children":4737},{"style":115},[4738],{"type":22,"value":134},{"type":16,"tag":108,"props":4740,"children":4741},{"style":137},[4742],{"type":22,"value":4743},"\"",{"type":16,"tag":108,"props":4745,"children":4746},{"style":453},[4747],{"type":22,"value":1646},{"type":16,"tag":108,"props":4749,"children":4750},{"style":121},[4751],{"type":22,"value":4752}," @chart_data",{"type":16,"tag":108,"props":4754,"children":4755},{"style":115},[4756],{"type":22,"value":4757},".to_json ",{"type":16,"tag":108,"props":4759,"children":4760},{"style":453},[4761],{"type":22,"value":4762},"%>",{"type":16,"tag":108,"props":4764,"children":4765},{"style":137},[4766],{"type":22,"value":4767},"\"\n",{"type":16,"tag":108,"props":4769,"children":4770},{"class":110,"line":333},[4771,4776,4780,4784,4788,4793,4797,4801],{"type":16,"tag":108,"props":4772,"children":4773},{"style":126},[4774],{"type":22,"value":4775},"  data-chartjs-options-value",{"type":16,"tag":108,"props":4777,"children":4778},{"style":115},[4779],{"type":22,"value":134},{"type":16,"tag":108,"props":4781,"children":4782},{"style":137},[4783],{"type":22,"value":4743},{"type":16,"tag":108,"props":4785,"children":4786},{"style":453},[4787],{"type":22,"value":1646},{"type":16,"tag":108,"props":4789,"children":4790},{"style":121},[4791],{"type":22,"value":4792}," @chart_options",{"type":16,"tag":108,"props":4794,"children":4795},{"style":115},[4796],{"type":22,"value":4757},{"type":16,"tag":108,"props":4798,"children":4799},{"style":453},[4800],{"type":22,"value":4762},{"type":16,"tag":108,"props":4802,"children":4803},{"style":137},[4804],{"type":22,"value":4767},{"type":16,"tag":108,"props":4806,"children":4807},{"class":110,"line":351},[4808,4812,4816],{"type":16,"tag":108,"props":4809,"children":4810},{"style":115},[4811],{"type":22,"value":3369},{"type":16,"tag":108,"props":4813,"children":4814},{"style":121},[4815],{"type":22,"value":4059},{"type":16,"tag":108,"props":4817,"children":4818},{"style":115},[4819],{"type":22,"value":182},{"type":16,"tag":17,"props":4821,"children":4822},{"id":1224},[4823],{"type":22,"value":1227},{"type":16,"tag":1229,"props":4825,"children":4826},{},[4827,4849],{"type":16,"tag":1233,"props":4828,"children":4829},{},[4830],{"type":16,"tag":1237,"props":4831,"children":4832},{},[4833,4837,4841,4845],{"type":16,"tag":1241,"props":4834,"children":4835},{},[4836],{"type":22,"value":1245},{"type":16,"tag":1241,"props":4838,"children":4839},{},[4840],{"type":22,"value":1250},{"type":16,"tag":1241,"props":4842,"children":4843},{},[4844],{"type":22,"value":1255},{"type":16,"tag":1241,"props":4846,"children":4847},{},[4848],{"type":22,"value":1260},{"type":16,"tag":1262,"props":4850,"children":4851},{},[4852,4881,4910],{"type":16,"tag":1237,"props":4853,"children":4854},{},[4855,4864,4872,4877],{"type":16,"tag":1269,"props":4856,"children":4857},{},[4858],{"type":16,"tag":68,"props":4859,"children":4861},{"className":4860},[],[4862],{"type":22,"value":4863},"data-chartjs-data-value",{"type":16,"tag":1269,"props":4865,"children":4866},{},[4867],{"type":16,"tag":68,"props":4868,"children":4870},{"className":4869},[],[4871],{"type":22,"value":2971},{"type":16,"tag":1269,"props":4873,"children":4874},{},[4875],{"type":22,"value":4876},"The data for Chart.js",{"type":16,"tag":1269,"props":4878,"children":4879},{},[4880],{"type":22,"value":1296},{"type":16,"tag":1237,"props":4882,"children":4883},{},[4884,4893,4901,4906],{"type":16,"tag":1269,"props":4885,"children":4886},{},[4887],{"type":16,"tag":68,"props":4888,"children":4890},{"className":4889},[],[4891],{"type":22,"value":4892},"data-chartjs-type-value",{"type":16,"tag":1269,"props":4894,"children":4895},{},[4896],{"type":16,"tag":68,"props":4897,"children":4899},{"className":4898},[],[4900],{"type":22,"value":110},{"type":16,"tag":1269,"props":4902,"children":4903},{},[4904],{"type":22,"value":4905},"Type of the chart",{"type":16,"tag":1269,"props":4907,"children":4908},{},[4909],{"type":22,"value":1384},{"type":16,"tag":1237,"props":4911,"children":4912},{},[4913,4922,4930,4935],{"type":16,"tag":1269,"props":4914,"children":4915},{},[4916],{"type":16,"tag":68,"props":4917,"children":4919},{"className":4918},[],[4920],{"type":22,"value":4921},"data-chartjs-options-value",{"type":16,"tag":1269,"props":4923,"children":4924},{},[4925],{"type":16,"tag":68,"props":4926,"children":4928},{"className":4927},[],[4929],{"type":22,"value":2971},{"type":16,"tag":1269,"props":4931,"children":4932},{},[4933],{"type":22,"value":4934},"The options for Chart.js",{"type":16,"tag":1269,"props":4936,"children":4937},{},[4938],{"type":22,"value":1384},{"type":16,"tag":17,"props":4940,"children":4941},{"id":428},[4942],{"type":22,"value":431},{"type":16,"tag":428,"props":4944,"children":4945},{},[4946],{"type":16,"tag":93,"props":4947,"children":4949},{"tab-name":4948},"app/javascript/controllers/chartjs_controller.js",[4950],{"type":16,"tag":98,"props":4951,"children":4953},{"className":441,"code":4952,"language":443,"meta":7,"style":7},"import Chartjs from \"@stimulus-components/chartjs\"\n\nexport default class extends Chartjs {\n  connect() {\n    super.connect()\n    console.log(\"Do what you want here.\")\n\n    // The chart.js instance\n    this.chart\n\n    // Options from the data attribute.\n    this.options\n\n    // Default options for every charts.\n    this.defaultOptions\n  }\n\n  // Bind an action on this method\n  async update() {\n    const response = await fetch(\"https://example.com/chart_data.json\")\n    const data = await response.json()\n\n    this.chart.data = data\n    this.chart.update()\n  }\n\n  // You can set default options in this getter for all your charts.\n  get defaultOptions() {\n    return {\n      maintainAspectRatio: false,\n      legend: {\n        display: false,\n      },\n    }\n  }\n}\n",[4954],{"type":16,"tag":68,"props":4955,"children":4956},{"__ignoreMap":7},[4957,4978,4985,5012,5023,5042,5069,5076,5084,5100,5107,5115,5131,5138,5146,5161,5168,5175,5183,5200,5240,5277,5284,5317,5346,5354,5362,5371,5387,5399,5421,5434,5455,5464,5472,5480],{"type":16,"tag":108,"props":4958,"children":4959},{"class":110,"line":111},[4960,4964,4969,4973],{"type":16,"tag":108,"props":4961,"children":4962},{"style":453},[4963],{"type":22,"value":456},{"type":16,"tag":108,"props":4965,"children":4966},{"style":121},[4967],{"type":22,"value":4968}," Chartjs",{"type":16,"tag":108,"props":4970,"children":4971},{"style":453},[4972],{"type":22,"value":466},{"type":16,"tag":108,"props":4974,"children":4975},{"style":137},[4976],{"type":22,"value":4977}," \"@stimulus-components/chartjs\"\n",{"type":16,"tag":108,"props":4979,"children":4980},{"class":110,"line":297},[4981],{"type":16,"tag":108,"props":4982,"children":4983},{"emptyLinePlaceholder":477},[4984],{"type":22,"value":480},{"type":16,"tag":108,"props":4986,"children":4987},{"class":110,"line":315},[4988,4992,4996,5000,5004,5008],{"type":16,"tag":108,"props":4989,"children":4990},{"style":453},[4991],{"type":22,"value":488},{"type":16,"tag":108,"props":4993,"children":4994},{"style":453},[4995],{"type":22,"value":493},{"type":16,"tag":108,"props":4997,"children":4998},{"style":453},[4999],{"type":22,"value":498},{"type":16,"tag":108,"props":5001,"children":5002},{"style":453},[5003],{"type":22,"value":503},{"type":16,"tag":108,"props":5005,"children":5006},{"style":506},[5007],{"type":22,"value":4968},{"type":16,"tag":108,"props":5009,"children":5010},{"style":115},[5011],{"type":22,"value":513},{"type":16,"tag":108,"props":5013,"children":5014},{"class":110,"line":333},[5015,5019],{"type":16,"tag":108,"props":5016,"children":5017},{"style":519},[5018],{"type":22,"value":1525},{"type":16,"tag":108,"props":5020,"children":5021},{"style":115},[5022],{"type":22,"value":1530},{"type":16,"tag":108,"props":5024,"children":5025},{"class":110,"line":351},[5026,5030,5034,5038],{"type":16,"tag":108,"props":5027,"children":5028},{"style":544},[5029],{"type":22,"value":547},{"type":16,"tag":108,"props":5031,"children":5032},{"style":115},[5033],{"type":22,"value":46},{"type":16,"tag":108,"props":5035,"children":5036},{"style":519},[5037],{"type":22,"value":1546},{"type":16,"tag":108,"props":5039,"children":5040},{"style":115},[5041],{"type":22,"value":1551},{"type":16,"tag":108,"props":5043,"children":5044},{"class":110,"line":369},[5045,5049,5053,5057,5061,5065],{"type":16,"tag":108,"props":5046,"children":5047},{"style":506},[5048],{"type":22,"value":577},{"type":16,"tag":108,"props":5050,"children":5051},{"style":115},[5052],{"type":22,"value":46},{"type":16,"tag":108,"props":5054,"children":5055},{"style":519},[5056],{"type":22,"value":586},{"type":16,"tag":108,"props":5058,"children":5059},{"style":115},[5060],{"type":22,"value":527},{"type":16,"tag":108,"props":5062,"children":5063},{"style":137},[5064],{"type":22,"value":595},{"type":16,"tag":108,"props":5066,"children":5067},{"style":115},[5068],{"type":22,"value":569},{"type":16,"tag":108,"props":5070,"children":5071},{"class":110,"line":602},[5072],{"type":16,"tag":108,"props":5073,"children":5074},{"emptyLinePlaceholder":477},[5075],{"type":22,"value":480},{"type":16,"tag":108,"props":5077,"children":5078},{"class":110,"line":611},[5079],{"type":16,"tag":108,"props":5080,"children":5081},{"style":1798},[5082],{"type":22,"value":5083},"    // The chart.js instance\n",{"type":16,"tag":108,"props":5085,"children":5086},{"class":110,"line":619},[5087,5091,5095],{"type":16,"tag":108,"props":5088,"children":5089},{"style":506},[5090],{"type":22,"value":3133},{"type":16,"tag":108,"props":5092,"children":5093},{"style":115},[5094],{"type":22,"value":46},{"type":16,"tag":108,"props":5096,"children":5097},{"style":121},[5098],{"type":22,"value":5099},"chart\n",{"type":16,"tag":108,"props":5101,"children":5102},{"class":110,"line":640},[5103],{"type":16,"tag":108,"props":5104,"children":5105},{"emptyLinePlaceholder":477},[5106],{"type":22,"value":480},{"type":16,"tag":108,"props":5108,"children":5109},{"class":110,"line":669},[5110],{"type":16,"tag":108,"props":5111,"children":5112},{"style":1798},[5113],{"type":22,"value":5114},"    // Options from the data attribute.\n",{"type":16,"tag":108,"props":5116,"children":5117},{"class":110,"line":677},[5118,5122,5126],{"type":16,"tag":108,"props":5119,"children":5120},{"style":506},[5121],{"type":22,"value":3133},{"type":16,"tag":108,"props":5123,"children":5124},{"style":115},[5125],{"type":22,"value":46},{"type":16,"tag":108,"props":5127,"children":5128},{"style":121},[5129],{"type":22,"value":5130},"options\n",{"type":16,"tag":108,"props":5132,"children":5133},{"class":110,"line":2008},[5134],{"type":16,"tag":108,"props":5135,"children":5136},{"emptyLinePlaceholder":477},[5137],{"type":22,"value":480},{"type":16,"tag":108,"props":5139,"children":5140},{"class":110,"line":785},[5141],{"type":16,"tag":108,"props":5142,"children":5143},{"style":1798},[5144],{"type":22,"value":5145},"    // Default options for every charts.\n",{"type":16,"tag":108,"props":5147,"children":5148},{"class":110,"line":2033},[5149,5153,5157],{"type":16,"tag":108,"props":5150,"children":5151},{"style":506},[5152],{"type":22,"value":3133},{"type":16,"tag":108,"props":5154,"children":5155},{"style":115},[5156],{"type":22,"value":46},{"type":16,"tag":108,"props":5158,"children":5159},{"style":121},[5160],{"type":22,"value":3173},{"type":16,"tag":108,"props":5162,"children":5163},{"class":110,"line":3198},[5164],{"type":16,"tag":108,"props":5165,"children":5166},{"style":115},[5167],{"type":22,"value":608},{"type":16,"tag":108,"props":5169,"children":5170},{"class":110,"line":3216},[5171],{"type":16,"tag":108,"props":5172,"children":5173},{"emptyLinePlaceholder":477},[5174],{"type":22,"value":480},{"type":16,"tag":108,"props":5176,"children":5177},{"class":110,"line":3229},[5178],{"type":16,"tag":108,"props":5179,"children":5180},{"style":1798},[5181],{"type":22,"value":5182},"  // Bind an action on this method\n",{"type":16,"tag":108,"props":5184,"children":5185},{"class":110,"line":3238},[5186,5191,5196],{"type":16,"tag":108,"props":5187,"children":5188},{"style":453},[5189],{"type":22,"value":5190},"  async",{"type":16,"tag":108,"props":5192,"children":5193},{"style":519},[5194],{"type":22,"value":5195}," update",{"type":16,"tag":108,"props":5197,"children":5198},{"style":115},[5199],{"type":22,"value":1530},{"type":16,"tag":108,"props":5201,"children":5202},{"class":110,"line":3247},[5203,5208,5213,5217,5222,5227,5231,5236],{"type":16,"tag":108,"props":5204,"children":5205},{"style":453},[5206],{"type":22,"value":5207},"    const",{"type":16,"tag":108,"props":5209,"children":5210},{"style":506},[5211],{"type":22,"value":5212}," response",{"type":16,"tag":108,"props":5214,"children":5215},{"style":1654},[5216],{"type":22,"value":2201},{"type":16,"tag":108,"props":5218,"children":5219},{"style":453},[5220],{"type":22,"value":5221}," await",{"type":16,"tag":108,"props":5223,"children":5224},{"style":519},[5225],{"type":22,"value":5226}," fetch",{"type":16,"tag":108,"props":5228,"children":5229},{"style":115},[5230],{"type":22,"value":527},{"type":16,"tag":108,"props":5232,"children":5233},{"style":137},[5234],{"type":22,"value":5235},"\"https://example.com/chart_data.json\"",{"type":16,"tag":108,"props":5237,"children":5238},{"style":115},[5239],{"type":22,"value":569},{"type":16,"tag":108,"props":5241,"children":5242},{"class":110,"line":3255},[5243,5247,5252,5256,5260,5264,5268,5273],{"type":16,"tag":108,"props":5244,"children":5245},{"style":453},[5246],{"type":22,"value":5207},{"type":16,"tag":108,"props":5248,"children":5249},{"style":506},[5250],{"type":22,"value":5251}," data",{"type":16,"tag":108,"props":5253,"children":5254},{"style":1654},[5255],{"type":22,"value":2201},{"type":16,"tag":108,"props":5257,"children":5258},{"style":453},[5259],{"type":22,"value":5221},{"type":16,"tag":108,"props":5261,"children":5262},{"style":506},[5263],{"type":22,"value":5212},{"type":16,"tag":108,"props":5265,"children":5266},{"style":115},[5267],{"type":22,"value":46},{"type":16,"tag":108,"props":5269,"children":5270},{"style":519},[5271],{"type":22,"value":5272},"json",{"type":16,"tag":108,"props":5274,"children":5275},{"style":115},[5276],{"type":22,"value":1551},{"type":16,"tag":108,"props":5278,"children":5279},{"class":110,"line":4676},[5280],{"type":16,"tag":108,"props":5281,"children":5282},{"emptyLinePlaceholder":477},[5283],{"type":22,"value":480},{"type":16,"tag":108,"props":5285,"children":5286},{"class":110,"line":4685},[5287,5291,5295,5300,5304,5308,5312],{"type":16,"tag":108,"props":5288,"children":5289},{"style":506},[5290],{"type":22,"value":3133},{"type":16,"tag":108,"props":5292,"children":5293},{"style":115},[5294],{"type":22,"value":46},{"type":16,"tag":108,"props":5296,"children":5297},{"style":506},[5298],{"type":22,"value":5299},"chart",{"type":16,"tag":108,"props":5301,"children":5302},{"style":115},[5303],{"type":22,"value":46},{"type":16,"tag":108,"props":5305,"children":5306},{"style":121},[5307],{"type":22,"value":1676},{"type":16,"tag":108,"props":5309,"children":5310},{"style":1654},[5311],{"type":22,"value":2201},{"type":16,"tag":108,"props":5313,"children":5314},{"style":121},[5315],{"type":22,"value":5316}," data\n",{"type":16,"tag":108,"props":5318,"children":5320},{"class":110,"line":5319},24,[5321,5325,5329,5333,5337,5342],{"type":16,"tag":108,"props":5322,"children":5323},{"style":506},[5324],{"type":22,"value":3133},{"type":16,"tag":108,"props":5326,"children":5327},{"style":115},[5328],{"type":22,"value":46},{"type":16,"tag":108,"props":5330,"children":5331},{"style":506},[5332],{"type":22,"value":5299},{"type":16,"tag":108,"props":5334,"children":5335},{"style":115},[5336],{"type":22,"value":46},{"type":16,"tag":108,"props":5338,"children":5339},{"style":519},[5340],{"type":22,"value":5341},"update",{"type":16,"tag":108,"props":5343,"children":5344},{"style":115},[5345],{"type":22,"value":1551},{"type":16,"tag":108,"props":5347,"children":5349},{"class":110,"line":5348},25,[5350],{"type":16,"tag":108,"props":5351,"children":5352},{"style":115},[5353],{"type":22,"value":608},{"type":16,"tag":108,"props":5355,"children":5357},{"class":110,"line":5356},26,[5358],{"type":16,"tag":108,"props":5359,"children":5360},{"emptyLinePlaceholder":477},[5361],{"type":22,"value":480},{"type":16,"tag":108,"props":5363,"children":5365},{"class":110,"line":5364},27,[5366],{"type":16,"tag":108,"props":5367,"children":5368},{"style":1798},[5369],{"type":22,"value":5370},"  // You can set default options in this getter for all your charts.\n",{"type":16,"tag":108,"props":5372,"children":5374},{"class":110,"line":5373},28,[5375,5379,5383],{"type":16,"tag":108,"props":5376,"children":5377},{"style":453},[5378],{"type":22,"value":3204},{"type":16,"tag":108,"props":5380,"children":5381},{"style":519},[5382],{"type":22,"value":3209},{"type":16,"tag":108,"props":5384,"children":5385},{"style":115},[5386],{"type":22,"value":1530},{"type":16,"tag":108,"props":5388,"children":5390},{"class":110,"line":5389},29,[5391,5395],{"type":16,"tag":108,"props":5392,"children":5393},{"style":453},[5394],{"type":22,"value":3222},{"type":16,"tag":108,"props":5396,"children":5397},{"style":115},[5398],{"type":22,"value":513},{"type":16,"tag":108,"props":5400,"children":5402},{"class":110,"line":5401},30,[5403,5408,5412,5417],{"type":16,"tag":108,"props":5404,"children":5405},{"style":121},[5406],{"type":22,"value":5407},"      maintainAspectRatio",{"type":16,"tag":108,"props":5409,"children":5410},{"style":115},[5411],{"type":22,"value":2231},{"type":16,"tag":108,"props":5413,"children":5414},{"style":126},[5415],{"type":22,"value":5416},"false",{"type":16,"tag":108,"props":5418,"children":5419},{"style":115},[5420],{"type":22,"value":2241},{"type":16,"tag":108,"props":5422,"children":5424},{"class":110,"line":5423},31,[5425,5430],{"type":16,"tag":108,"props":5426,"children":5427},{"style":121},[5428],{"type":22,"value":5429},"      legend",{"type":16,"tag":108,"props":5431,"children":5432},{"style":115},[5433],{"type":22,"value":2218},{"type":16,"tag":108,"props":5435,"children":5437},{"class":110,"line":5436},32,[5438,5443,5447,5451],{"type":16,"tag":108,"props":5439,"children":5440},{"style":121},[5441],{"type":22,"value":5442},"        display",{"type":16,"tag":108,"props":5444,"children":5445},{"style":115},[5446],{"type":22,"value":2231},{"type":16,"tag":108,"props":5448,"children":5449},{"style":126},[5450],{"type":22,"value":5416},{"type":16,"tag":108,"props":5452,"children":5453},{"style":115},[5454],{"type":22,"value":2241},{"type":16,"tag":108,"props":5456,"children":5458},{"class":110,"line":5457},33,[5459],{"type":16,"tag":108,"props":5460,"children":5461},{"style":115},[5462],{"type":22,"value":5463},"      },\n",{"type":16,"tag":108,"props":5465,"children":5467},{"class":110,"line":5466},34,[5468],{"type":16,"tag":108,"props":5469,"children":5470},{"style":115},[5471],{"type":22,"value":3244},{"type":16,"tag":108,"props":5473,"children":5475},{"class":110,"line":5474},35,[5476],{"type":16,"tag":108,"props":5477,"children":5478},{"style":115},[5479],{"type":22,"value":608},{"type":16,"tag":108,"props":5481,"children":5483},{"class":110,"line":5482},36,[5484],{"type":16,"tag":108,"props":5485,"children":5486},{"style":115},[5487],{"type":22,"value":683},{"type":16,"tag":685,"props":5489,"children":5490},{},[5491],{"type":22,"value":689},{"title":7,"searchDepth":297,"depth":297,"links":5493},[5494,5495,5496,5500,5501],{"id":19,"depth":297,"text":23},{"id":49,"depth":297,"text":52},{"id":58,"depth":297,"text":61,"children":5497},[5498,5499],{"id":3989,"depth":315,"text":3992},{"id":4248,"depth":315,"text":4251},{"id":1224,"depth":297,"text":1227},{"id":428,"depth":297,"text":431},"content:docs:stimulus-chartjs.md","docs/stimulus-chartjs.md","docs/stimulus-chartjs",{"_path":5506,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":5507,"description":5508,"package":5509,"packagePath":5510,"body":5511,"_type":696,"_id":7340,"_source":698,"_file":7341,"_stem":7342,"_extension":701},"/docs/stimulus-checkbox-select-all","Checkbox Select All","A Stimulus controller for managing checkbox lists.","checkbox-select-all","@stimulus-components/checkbox-select-all",{"type":13,"children":5512,"toc":7329},[5513,5519,5540,5552,5557,5561,5564,5568,5571,5575,5581,6322,6328,6333,6389,6444,6449,6663,7058,7062,7119,7123,7325],{"type":16,"tag":17,"props":5514,"children":5516},{"id":5515},"video-tutorial",[5517],{"type":22,"value":5518},"Video Tutorial",{"type":16,"tag":31,"props":5520,"children":5521},{},[5522,5529,5531,5538],{"type":16,"tag":37,"props":5523,"children":5526},{"href":5524,"rel":5525},"https://twitter.com/excid3",[41],[5527],{"type":22,"value":5528},"Chris Oliver",{"type":22,"value":5530}," from ",{"type":16,"tag":37,"props":5532,"children":5535},{"href":5533,"rel":5534},"https://gorails.com/",[41],[5536],{"type":22,"value":5537},"GoRails",{"type":22,"value":5539}," has released a presentation video on how to use this package with a real life example with Ruby on Rails.",{"type":16,"tag":31,"props":5541,"children":5542},{},[5543,5545],{"type":22,"value":5544},"👉 Take a look: ",{"type":16,"tag":37,"props":5546,"children":5549},{"href":5547,"rel":5548},"https://gorails.com/episodes/bulk-operations-in-rails",[41],[5550],{"type":22,"value":5551},"Bulk Operations in Rails",{"type":16,"tag":5553,"props":5554,"children":5556},"youtube",{"id":5555},"koTokt6xwG8",[],{"type":16,"tag":17,"props":5558,"children":5559},{"id":19},[5560],{"type":22,"value":23},{"type":16,"tag":25,"props":5562,"children":5563},{":package":27,":package-path":28},[],{"type":16,"tag":17,"props":5565,"children":5566},{"id":49},[5567],{"type":22,"value":52},{"type":16,"tag":5509,"props":5569,"children":5570},{},[],{"type":16,"tag":17,"props":5572,"children":5573},{"id":58},[5574],{"type":22,"value":61},{"type":16,"tag":3987,"props":5576,"children":5578},{"id":5577},"without-rails",[5579],{"type":22,"value":5580},"Without Rails",{"type":16,"tag":93,"props":5582,"children":5584},{"tab-name":5583},"app/views/index.html.erb",[5585],{"type":16,"tag":98,"props":5586,"children":5588},{"className":100,"code":5587,"language":102,"meta":7,"style":7},"\u003Ctable data-controller=\"checkbox-select-all\">\n  \u003Ctbody>\n    \u003Ctr>\n      \u003Ctd class=\"block\">\n        \u003Clabel>\n          \u003Cinput type=\"checkbox\" data-checkbox-select-all-target=\"checkboxAll\" />\n          \u003Cspan>Select All / Deselect All\u003C/span>\n        \u003C/label>\n      \u003C/td>\n\n      \u003Ctd class=\"block\">\n        \u003Clabel>\n          \u003Cinput type=\"checkbox\" data-checkbox-select-all-target=\"checkbox\" value=\"1\" />\n          \u003Cspan>Team 1\u003C/span>\n        \u003C/label>\n      \u003C/td>\n\n      \u003Ctd class=\"block\">\n        \u003Clabel>\n          \u003Cinput type=\"checkbox\" data-checkbox-select-all-target=\"checkbox\" checked=\"checked\" value=\"2\" />\n          \u003Cspan>Team 2\u003C/span>\n        \u003C/label>\n      \u003C/td>\n\n      \u003Ctd class=\"block\">\n        \u003Clabel>\n          \u003Cinput type=\"checkbox\" data-checkbox-select-all-target=\"checkbox\" value=\"3\" />\n          \u003Cspan>Team 3\u003C/span>\n        \u003C/label>\n      \u003C/td>\n    \u003C/tr>\n  \u003C/tbody>\n\u003C/table>\n",[5589],{"type":16,"tag":68,"props":5590,"children":5591},{"__ignoreMap":7},[5592,5620,5635,5650,5679,5696,5740,5764,5780,5796,5803,5830,5845,5898,5922,5937,5952,5959,5986,6001,6067,6091,6106,6121,6128,6155,6170,6222,6246,6261,6276,6292,6307],{"type":16,"tag":108,"props":5593,"children":5594},{"class":110,"line":111},[5595,5599,5603,5607,5611,5616],{"type":16,"tag":108,"props":5596,"children":5597},{"style":115},[5598],{"type":22,"value":118},{"type":16,"tag":108,"props":5600,"children":5601},{"style":121},[5602],{"type":22,"value":1229},{"type":16,"tag":108,"props":5604,"children":5605},{"style":126},[5606],{"type":22,"value":145},{"type":16,"tag":108,"props":5608,"children":5609},{"style":115},[5610],{"type":22,"value":134},{"type":16,"tag":108,"props":5612,"children":5613},{"style":137},[5614],{"type":22,"value":5615},"\"checkbox-select-all\"",{"type":16,"tag":108,"props":5617,"children":5618},{"style":115},[5619],{"type":22,"value":182},{"type":16,"tag":108,"props":5621,"children":5622},{"class":110,"line":297},[5623,5627,5631],{"type":16,"tag":108,"props":5624,"children":5625},{"style":115},[5626],{"type":22,"value":1737},{"type":16,"tag":108,"props":5628,"children":5629},{"style":121},[5630],{"type":22,"value":1262},{"type":16,"tag":108,"props":5632,"children":5633},{"style":115},[5634],{"type":22,"value":182},{"type":16,"tag":108,"props":5636,"children":5637},{"class":110,"line":315},[5638,5642,5646],{"type":16,"tag":108,"props":5639,"children":5640},{"style":115},[5641],{"type":22,"value":2556},{"type":16,"tag":108,"props":5643,"children":5644},{"style":121},[5645],{"type":22,"value":1237},{"type":16,"tag":108,"props":5647,"children":5648},{"style":115},[5649],{"type":22,"value":182},{"type":16,"tag":108,"props":5651,"children":5652},{"class":110,"line":333},[5653,5658,5662,5666,5670,5675],{"type":16,"tag":108,"props":5654,"children":5655},{"style":115},[5656],{"type":22,"value":5657},"      \u003C",{"type":16,"tag":108,"props":5659,"children":5660},{"style":121},[5661],{"type":22,"value":1269},{"type":16,"tag":108,"props":5663,"children":5664},{"style":126},[5665],{"type":22,"value":498},{"type":16,"tag":108,"props":5667,"children":5668},{"style":115},[5669],{"type":22,"value":134},{"type":16,"tag":108,"props":5671,"children":5672},{"style":137},[5673],{"type":22,"value":5674},"\"block\"",{"type":16,"tag":108,"props":5676,"children":5677},{"style":115},[5678],{"type":22,"value":182},{"type":16,"tag":108,"props":5680,"children":5681},{"class":110,"line":351},[5682,5687,5692],{"type":16,"tag":108,"props":5683,"children":5684},{"style":115},[5685],{"type":22,"value":5686},"        \u003C",{"type":16,"tag":108,"props":5688,"children":5689},{"style":121},[5690],{"type":22,"value":5691},"label",{"type":16,"tag":108,"props":5693,"children":5694},{"style":115},[5695],{"type":22,"value":182},{"type":16,"tag":108,"props":5697,"children":5698},{"class":110,"line":369},[5699,5704,5708,5712,5716,5721,5726,5730,5735],{"type":16,"tag":108,"props":5700,"children":5701},{"style":115},[5702],{"type":22,"value":5703},"          \u003C",{"type":16,"tag":108,"props":5705,"children":5706},{"style":121},[5707],{"type":22,"value":73},{"type":16,"tag":108,"props":5709,"children":5710},{"style":126},[5711],{"type":22,"value":217},{"type":16,"tag":108,"props":5713,"children":5714},{"style":115},[5715],{"type":22,"value":134},{"type":16,"tag":108,"props":5717,"children":5718},{"style":137},[5719],{"type":22,"value":5720},"\"checkbox\"",{"type":16,"tag":108,"props":5722,"children":5723},{"style":126},[5724],{"type":22,"value":5725}," data-checkbox-select-all-target",{"type":16,"tag":108,"props":5727,"children":5728},{"style":115},[5729],{"type":22,"value":134},{"type":16,"tag":108,"props":5731,"children":5732},{"style":137},[5733],{"type":22,"value":5734},"\"checkboxAll\"",{"type":16,"tag":108,"props":5736,"children":5737},{"style":115},[5738],{"type":22,"value":5739}," />\n",{"type":16,"tag":108,"props":5741,"children":5742},{"class":110,"line":602},[5743,5747,5751,5756,5760],{"type":16,"tag":108,"props":5744,"children":5745},{"style":115},[5746],{"type":22,"value":5703},{"type":16,"tag":108,"props":5748,"children":5749},{"style":121},[5750],{"type":22,"value":108},{"type":16,"tag":108,"props":5752,"children":5753},{"style":115},[5754],{"type":22,"value":5755},">Select All / Deselect All\u003C/",{"type":16,"tag":108,"props":5757,"children":5758},{"style":121},[5759],{"type":22,"value":108},{"type":16,"tag":108,"props":5761,"children":5762},{"style":115},[5763],{"type":22,"value":182},{"type":16,"tag":108,"props":5765,"children":5766},{"class":110,"line":611},[5767,5772,5776],{"type":16,"tag":108,"props":5768,"children":5769},{"style":115},[5770],{"type":22,"value":5771},"        \u003C/",{"type":16,"tag":108,"props":5773,"children":5774},{"style":121},[5775],{"type":22,"value":5691},{"type":16,"tag":108,"props":5777,"children":5778},{"style":115},[5779],{"type":22,"value":182},{"type":16,"tag":108,"props":5781,"children":5782},{"class":110,"line":619},[5783,5788,5792],{"type":16,"tag":108,"props":5784,"children":5785},{"style":115},[5786],{"type":22,"value":5787},"      \u003C/",{"type":16,"tag":108,"props":5789,"children":5790},{"style":121},[5791],{"type":22,"value":1269},{"type":16,"tag":108,"props":5793,"children":5794},{"style":115},[5795],{"type":22,"value":182},{"type":16,"tag":108,"props":5797,"children":5798},{"class":110,"line":640},[5799],{"type":16,"tag":108,"props":5800,"children":5801},{"emptyLinePlaceholder":477},[5802],{"type":22,"value":480},{"type":16,"tag":108,"props":5804,"children":5805},{"class":110,"line":669},[5806,5810,5814,5818,5822,5826],{"type":16,"tag":108,"props":5807,"children":5808},{"style":115},[5809],{"type":22,"value":5657},{"type":16,"tag":108,"props":5811,"children":5812},{"style":121},[5813],{"type":22,"value":1269},{"type":16,"tag":108,"props":5815,"children":5816},{"style":126},[5817],{"type":22,"value":498},{"type":16,"tag":108,"props":5819,"children":5820},{"style":115},[5821],{"type":22,"value":134},{"type":16,"tag":108,"props":5823,"children":5824},{"style":137},[5825],{"type":22,"value":5674},{"type":16,"tag":108,"props":5827,"children":5828},{"style":115},[5829],{"type":22,"value":182},{"type":16,"tag":108,"props":5831,"children":5832},{"class":110,"line":677},[5833,5837,5841],{"type":16,"tag":108,"props":5834,"children":5835},{"style":115},[5836],{"type":22,"value":5686},{"type":16,"tag":108,"props":5838,"children":5839},{"style":121},[5840],{"type":22,"value":5691},{"type":16,"tag":108,"props":5842,"children":5843},{"style":115},[5844],{"type":22,"value":182},{"type":16,"tag":108,"props":5846,"children":5847},{"class":110,"line":2008},[5848,5852,5856,5860,5864,5868,5872,5876,5880,5885,5889,5894],{"type":16,"tag":108,"props":5849,"children":5850},{"style":115},[5851],{"type":22,"value":5703},{"type":16,"tag":108,"props":5853,"children":5854},{"style":121},[5855],{"type":22,"value":73},{"type":16,"tag":108,"props":5857,"children":5858},{"style":126},[5859],{"type":22,"value":217},{"type":16,"tag":108,"props":5861,"children":5862},{"style":115},[5863],{"type":22,"value":134},{"type":16,"tag":108,"props":5865,"children":5866},{"style":137},[5867],{"type":22,"value":5720},{"type":16,"tag":108,"props":5869,"children":5870},{"style":126},[5871],{"type":22,"value":5725},{"type":16,"tag":108,"props":5873,"children":5874},{"style":115},[5875],{"type":22,"value":134},{"type":16,"tag":108,"props":5877,"children":5878},{"style":137},[5879],{"type":22,"value":5720},{"type":16,"tag":108,"props":5881,"children":5882},{"style":126},[5883],{"type":22,"value":5884}," value",{"type":16,"tag":108,"props":5886,"children":5887},{"style":115},[5888],{"type":22,"value":134},{"type":16,"tag":108,"props":5890,"children":5891},{"style":137},[5892],{"type":22,"value":5893},"\"1\"",{"type":16,"tag":108,"props":5895,"children":5896},{"style":115},[5897],{"type":22,"value":5739},{"type":16,"tag":108,"props":5899,"children":5900},{"class":110,"line":785},[5901,5905,5909,5914,5918],{"type":16,"tag":108,"props":5902,"children":5903},{"style":115},[5904],{"type":22,"value":5703},{"type":16,"tag":108,"props":5906,"children":5907},{"style":121},[5908],{"type":22,"value":108},{"type":16,"tag":108,"props":5910,"children":5911},{"style":115},[5912],{"type":22,"value":5913},">Team 1\u003C/",{"type":16,"tag":108,"props":5915,"children":5916},{"style":121},[5917],{"type":22,"value":108},{"type":16,"tag":108,"props":5919,"children":5920},{"style":115},[5921],{"type":22,"value":182},{"type":16,"tag":108,"props":5923,"children":5924},{"class":110,"line":2033},[5925,5929,5933],{"type":16,"tag":108,"props":5926,"children":5927},{"style":115},[5928],{"type":22,"value":5771},{"type":16,"tag":108,"props":5930,"children":5931},{"style":121},[5932],{"type":22,"value":5691},{"type":16,"tag":108,"props":5934,"children":5935},{"style":115},[5936],{"type":22,"value":182},{"type":16,"tag":108,"props":5938,"children":5939},{"class":110,"line":3198},[5940,5944,5948],{"type":16,"tag":108,"props":5941,"children":5942},{"style":115},[5943],{"type":22,"value":5787},{"type":16,"tag":108,"props":5945,"children":5946},{"style":121},[5947],{"type":22,"value":1269},{"type":16,"tag":108,"props":5949,"children":5950},{"style":115},[5951],{"type":22,"value":182},{"type":16,"tag":108,"props":5953,"children":5954},{"class":110,"line":3216},[5955],{"type":16,"tag":108,"props":5956,"children":5957},{"emptyLinePlaceholder":477},[5958],{"type":22,"value":480},{"type":16,"tag":108,"props":5960,"children":5961},{"class":110,"line":3229},[5962,5966,5970,5974,5978,5982],{"type":16,"tag":108,"props":5963,"children":5964},{"style":115},[5965],{"type":22,"value":5657},{"type":16,"tag":108,"props":5967,"children":5968},{"style":121},[5969],{"type":22,"value":1269},{"type":16,"tag":108,"props":5971,"children":5972},{"style":126},[5973],{"type":22,"value":498},{"type":16,"tag":108,"props":5975,"children":5976},{"style":115},[5977],{"type":22,"value":134},{"type":16,"tag":108,"props":5979,"children":5980},{"style":137},[5981],{"type":22,"value":5674},{"type":16,"tag":108,"props":5983,"children":5984},{"style":115},[5985],{"type":22,"value":182},{"type":16,"tag":108,"props":5987,"children":5988},{"class":110,"line":3238},[5989,5993,5997],{"type":16,"tag":108,"props":5990,"children":5991},{"style":115},[5992],{"type":22,"value":5686},{"type":16,"tag":108,"props":5994,"children":5995},{"style":121},[5996],{"type":22,"value":5691},{"type":16,"tag":108,"props":5998,"children":5999},{"style":115},[6000],{"type":22,"value":182},{"type":16,"tag":108,"props":6002,"children":6003},{"class":110,"line":3247},[6004,6008,6012,6016,6020,6024,6028,6032,6036,6041,6045,6050,6054,6058,6063],{"type":16,"tag":108,"props":6005,"children":6006},{"style":115},[6007],{"type":22,"value":5703},{"type":16,"tag":108,"props":6009,"children":6010},{"style":121},[6011],{"type":22,"value":73},{"type":16,"tag":108,"props":6013,"children":6014},{"style":126},[6015],{"type":22,"value":217},{"type":16,"tag":108,"props":6017,"children":6018},{"style":115},[6019],{"type":22,"value":134},{"type":16,"tag":108,"props":6021,"children":6022},{"style":137},[6023],{"type":22,"value":5720},{"type":16,"tag":108,"props":6025,"children":6026},{"style":126},[6027],{"type":22,"value":5725},{"type":16,"tag":108,"props":6029,"children":6030},{"style":115},[6031],{"type":22,"value":134},{"type":16,"tag":108,"props":6033,"children":6034},{"style":137},[6035],{"type":22,"value":5720},{"type":16,"tag":108,"props":6037,"children":6038},{"style":126},[6039],{"type":22,"value":6040}," checked",{"type":16,"tag":108,"props":6042,"children":6043},{"style":115},[6044],{"type":22,"value":134},{"type":16,"tag":108,"props":6046,"children":6047},{"style":137},[6048],{"type":22,"value":6049},"\"checked\"",{"type":16,"tag":108,"props":6051,"children":6052},{"style":126},[6053],{"type":22,"value":5884},{"type":16,"tag":108,"props":6055,"children":6056},{"style":115},[6057],{"type":22,"value":134},{"type":16,"tag":108,"props":6059,"children":6060},{"style":137},[6061],{"type":22,"value":6062},"\"2\"",{"type":16,"tag":108,"props":6064,"children":6065},{"style":115},[6066],{"type":22,"value":5739},{"type":16,"tag":108,"props":6068,"children":6069},{"class":110,"line":3255},[6070,6074,6078,6083,6087],{"type":16,"tag":108,"props":6071,"children":6072},{"style":115},[6073],{"type":22,"value":5703},{"type":16,"tag":108,"props":6075,"children":6076},{"style":121},[6077],{"type":22,"value":108},{"type":16,"tag":108,"props":6079,"children":6080},{"style":115},[6081],{"type":22,"value":6082},">Team 2\u003C/",{"type":16,"tag":108,"props":6084,"children":6085},{"style":121},[6086],{"type":22,"value":108},{"type":16,"tag":108,"props":6088,"children":6089},{"style":115},[6090],{"type":22,"value":182},{"type":16,"tag":108,"props":6092,"children":6093},{"class":110,"line":4676},[6094,6098,6102],{"type":16,"tag":108,"props":6095,"children":6096},{"style":115},[6097],{"type":22,"value":5771},{"type":16,"tag":108,"props":6099,"children":6100},{"style":121},[6101],{"type":22,"value":5691},{"type":16,"tag":108,"props":6103,"children":6104},{"style":115},[6105],{"type":22,"value":182},{"type":16,"tag":108,"props":6107,"children":6108},{"class":110,"line":4685},[6109,6113,6117],{"type":16,"tag":108,"props":6110,"children":6111},{"style":115},[6112],{"type":22,"value":5787},{"type":16,"tag":108,"props":6114,"children":6115},{"style":121},[6116],{"type":22,"value":1269},{"type":16,"tag":108,"props":6118,"children":6119},{"style":115},[6120],{"type":22,"value":182},{"type":16,"tag":108,"props":6122,"children":6123},{"class":110,"line":5319},[6124],{"type":16,"tag":108,"props":6125,"children":6126},{"emptyLinePlaceholder":477},[6127],{"type":22,"value":480},{"type":16,"tag":108,"props":6129,"children":6130},{"class":110,"line":5348},[6131,6135,6139,6143,6147,6151],{"type":16,"tag":108,"props":6132,"children":6133},{"style":115},[6134],{"type":22,"value":5657},{"type":16,"tag":108,"props":6136,"children":6137},{"style":121},[6138],{"type":22,"value":1269},{"type":16,"tag":108,"props":6140,"children":6141},{"style":126},[6142],{"type":22,"value":498},{"type":16,"tag":108,"props":6144,"children":6145},{"style":115},[6146],{"type":22,"value":134},{"type":16,"tag":108,"props":6148,"children":6149},{"style":137},[6150],{"type":22,"value":5674},{"type":16,"tag":108,"props":6152,"children":6153},{"style":115},[6154],{"type":22,"value":182},{"type":16,"tag":108,"props":6156,"children":6157},{"class":110,"line":5356},[6158,6162,6166],{"type":16,"tag":108,"props":6159,"children":6160},{"style":115},[6161],{"type":22,"value":5686},{"type":16,"tag":108,"props":6163,"children":6164},{"style":121},[6165],{"type":22,"value":5691},{"type":16,"tag":108,"props":6167,"children":6168},{"style":115},[6169],{"type":22,"value":182},{"type":16,"tag":108,"props":6171,"children":6172},{"class":110,"line":5364},[6173,6177,6181,6185,6189,6193,6197,6201,6205,6209,6213,6218],{"type":16,"tag":108,"props":6174,"children":6175},{"style":115},[6176],{"type":22,"value":5703},{"type":16,"tag":108,"props":6178,"children":6179},{"style":121},[6180],{"type":22,"value":73},{"type":16,"tag":108,"props":6182,"children":6183},{"style":126},[6184],{"type":22,"value":217},{"type":16,"tag":108,"props":6186,"children":6187},{"style":115},[6188],{"type":22,"value":134},{"type":16,"tag":108,"props":6190,"children":6191},{"style":137},[6192],{"type":22,"value":5720},{"type":16,"tag":108,"props":6194,"children":6195},{"style":126},[6196],{"type":22,"value":5725},{"type":16,"tag":108,"props":6198,"children":6199},{"style":115},[6200],{"type":22,"value":134},{"type":16,"tag":108,"props":6202,"children":6203},{"style":137},[6204],{"type":22,"value":5720},{"type":16,"tag":108,"props":6206,"children":6207},{"style":126},[6208],{"type":22,"value":5884},{"type":16,"tag":108,"props":6210,"children":6211},{"style":115},[6212],{"type":22,"value":134},{"type":16,"tag":108,"props":6214,"children":6215},{"style":137},[6216],{"type":22,"value":6217},"\"3\"",{"type":16,"tag":108,"props":6219,"children":6220},{"style":115},[6221],{"type":22,"value":5739},{"type":16,"tag":108,"props":6223,"children":6224},{"class":110,"line":5373},[6225,6229,6233,6238,6242],{"type":16,"tag":108,"props":6226,"children":6227},{"style":115},[6228],{"type":22,"value":5703},{"type":16,"tag":108,"props":6230,"children":6231},{"style":121},[6232],{"type":22,"value":108},{"type":16,"tag":108,"props":6234,"children":6235},{"style":115},[6236],{"type":22,"value":6237},">Team 3\u003C/",{"type":16,"tag":108,"props":6239,"children":6240},{"style":121},[6241],{"type":22,"value":108},{"type":16,"tag":108,"props":6243,"children":6244},{"style":115},[6245],{"type":22,"value":182},{"type":16,"tag":108,"props":6247,"children":6248},{"class":110,"line":5389},[6249,6253,6257],{"type":16,"tag":108,"props":6250,"children":6251},{"style":115},[6252],{"type":22,"value":5771},{"type":16,"tag":108,"props":6254,"children":6255},{"style":121},[6256],{"type":22,"value":5691},{"type":16,"tag":108,"props":6258,"children":6259},{"style":115},[6260],{"type":22,"value":182},{"type":16,"tag":108,"props":6262,"children":6263},{"class":110,"line":5401},[6264,6268,6272],{"type":16,"tag":108,"props":6265,"children":6266},{"style":115},[6267],{"type":22,"value":5787},{"type":16,"tag":108,"props":6269,"children":6270},{"style":121},[6271],{"type":22,"value":1269},{"type":16,"tag":108,"props":6273,"children":6274},{"style":115},[6275],{"type":22,"value":182},{"type":16,"tag":108,"props":6277,"children":6278},{"class":110,"line":5423},[6279,6284,6288],{"type":16,"tag":108,"props":6280,"children":6281},{"style":115},[6282],{"type":22,"value":6283},"    \u003C/",{"type":16,"tag":108,"props":6285,"children":6286},{"style":121},[6287],{"type":22,"value":1237},{"type":16,"tag":108,"props":6289,"children":6290},{"style":115},[6291],{"type":22,"value":182},{"type":16,"tag":108,"props":6293,"children":6294},{"class":110,"line":5436},[6295,6299,6303],{"type":16,"tag":108,"props":6296,"children":6297},{"style":115},[6298],{"type":22,"value":1867},{"type":16,"tag":108,"props":6300,"children":6301},{"style":121},[6302],{"type":22,"value":1262},{"type":16,"tag":108,"props":6304,"children":6305},{"style":115},[6306],{"type":22,"value":182},{"type":16,"tag":108,"props":6308,"children":6309},{"class":110,"line":5457},[6310,6314,6318],{"type":16,"tag":108,"props":6311,"children":6312},{"style":115},[6313],{"type":22,"value":924},{"type":16,"tag":108,"props":6315,"children":6316},{"style":121},[6317],{"type":22,"value":1229},{"type":16,"tag":108,"props":6319,"children":6320},{"style":115},[6321],{"type":22,"value":182},{"type":16,"tag":3987,"props":6323,"children":6325},{"id":6324},"with-rails",[6326],{"type":22,"value":6327},"With Rails",{"type":16,"tag":31,"props":6329,"children":6330},{},[6331],{"type":22,"value":6332},"In your models:",{"type":16,"tag":93,"props":6334,"children":6336},{"tab-name":6335},"app/models/user.rb",[6337],{"type":16,"tag":98,"props":6338,"children":6340},{"className":4258,"code":6339,"language":4260,"meta":7,"style":7},"class User \u003C ApplicationRecord\n  has_many :teams\nend\n",[6341],{"type":16,"tag":68,"props":6342,"children":6343},{"__ignoreMap":7},[6344,6365,6382],{"type":16,"tag":108,"props":6345,"children":6346},{"class":110,"line":111},[6347,6351,6356,6360],{"type":16,"tag":108,"props":6348,"children":6349},{"style":453},[6350],{"type":22,"value":4272},{"type":16,"tag":108,"props":6352,"children":6353},{"style":506},[6354],{"type":22,"value":6355}," User",{"type":16,"tag":108,"props":6357,"children":6358},{"style":115},[6359],{"type":22,"value":4282},{"type":16,"tag":108,"props":6361,"children":6362},{"style":506},[6363],{"type":22,"value":6364},"ApplicationRecord\n",{"type":16,"tag":108,"props":6366,"children":6367},{"class":110,"line":297},[6368,6373,6377],{"type":16,"tag":108,"props":6369,"children":6370},{"style":115},[6371],{"type":22,"value":6372},"  has_many ",{"type":16,"tag":108,"props":6374,"children":6375},{"style":126},[6376],{"type":22,"value":1662},{"type":16,"tag":108,"props":6378,"children":6379},{"style":1654},[6380],{"type":22,"value":6381},"teams\n",{"type":16,"tag":108,"props":6383,"children":6384},{"class":110,"line":315},[6385],{"type":16,"tag":108,"props":6386,"children":6387},{"style":453},[6388],{"type":22,"value":4691},{"type":16,"tag":93,"props":6390,"children":6392},{"tab-name":6391},"app/models/team.rb",[6393],{"type":16,"tag":98,"props":6394,"children":6396},{"className":4258,"code":6395,"language":4260,"meta":7,"style":7},"class Team \u003C ApplicationRecord\n  belongs_to :user\nend\n",[6397],{"type":16,"tag":68,"props":6398,"children":6399},{"__ignoreMap":7},[6400,6420,6437],{"type":16,"tag":108,"props":6401,"children":6402},{"class":110,"line":111},[6403,6407,6412,6416],{"type":16,"tag":108,"props":6404,"children":6405},{"style":453},[6406],{"type":22,"value":4272},{"type":16,"tag":108,"props":6408,"children":6409},{"style":506},[6410],{"type":22,"value":6411}," Team",{"type":16,"tag":108,"props":6413,"children":6414},{"style":115},[6415],{"type":22,"value":4282},{"type":16,"tag":108,"props":6417,"children":6418},{"style":506},[6419],{"type":22,"value":6364},{"type":16,"tag":108,"props":6421,"children":6422},{"class":110,"line":297},[6423,6428,6432],{"type":16,"tag":108,"props":6424,"children":6425},{"style":115},[6426],{"type":22,"value":6427},"  belongs_to ",{"type":16,"tag":108,"props":6429,"children":6430},{"style":126},[6431],{"type":22,"value":1662},{"type":16,"tag":108,"props":6433,"children":6434},{"style":1654},[6435],{"type":22,"value":6436},"user\n",{"type":16,"tag":108,"props":6438,"children":6439},{"class":110,"line":315},[6440],{"type":16,"tag":108,"props":6441,"children":6442},{"style":453},[6443],{"type":22,"value":4691},{"type":16,"tag":31,"props":6445,"children":6446},{},[6447],{"type":22,"value":6448},"In your controller:",{"type":16,"tag":93,"props":6450,"children":6452},{"tab-name":6451},"app/controllers/users_controller.rb",[6453],{"type":16,"tag":98,"props":6454,"children":6456},{"className":4258,"code":6455,"language":4260,"meta":7,"style":7},"class UsersController \u003C ApplicationController\n  def update\n    if user.update(user_params)\n      redirect_to users_path\n    else\n      render :edit\n    end\n  end\n\n  private\n\n  def user_params\n    params\n      .require(:user)\n       .permit(\n         team_ids: []\n       )\n  end\nend\n",[6457],{"type":16,"tag":68,"props":6458,"children":6459},{"__ignoreMap":7},[6460,6480,6492,6505,6513,6521,6538,6546,6553,6560,6568,6575,6587,6595,6616,6624,6641,6649,6656],{"type":16,"tag":108,"props":6461,"children":6462},{"class":110,"line":111},[6463,6467,6472,6476],{"type":16,"tag":108,"props":6464,"children":6465},{"style":453},[6466],{"type":22,"value":4272},{"type":16,"tag":108,"props":6468,"children":6469},{"style":506},[6470],{"type":22,"value":6471}," UsersController",{"type":16,"tag":108,"props":6473,"children":6474},{"style":115},[6475],{"type":22,"value":4282},{"type":16,"tag":108,"props":6477,"children":6478},{"style":506},[6479],{"type":22,"value":4287},{"type":16,"tag":108,"props":6481,"children":6482},{"class":110,"line":297},[6483,6487],{"type":16,"tag":108,"props":6484,"children":6485},{"style":453},[6486],{"type":22,"value":4295},{"type":16,"tag":108,"props":6488,"children":6489},{"style":519},[6490],{"type":22,"value":6491}," update\n",{"type":16,"tag":108,"props":6493,"children":6494},{"class":110,"line":315},[6495,6500],{"type":16,"tag":108,"props":6496,"children":6497},{"style":453},[6498],{"type":22,"value":6499},"    if",{"type":16,"tag":108,"props":6501,"children":6502},{"style":115},[6503],{"type":22,"value":6504}," user.update(user_params)\n",{"type":16,"tag":108,"props":6506,"children":6507},{"class":110,"line":333},[6508],{"type":16,"tag":108,"props":6509,"children":6510},{"style":115},[6511],{"type":22,"value":6512},"      redirect_to users_path\n",{"type":16,"tag":108,"props":6514,"children":6515},{"class":110,"line":351},[6516],{"type":16,"tag":108,"props":6517,"children":6518},{"style":453},[6519],{"type":22,"value":6520},"    else\n",{"type":16,"tag":108,"props":6522,"children":6523},{"class":110,"line":369},[6524,6529,6533],{"type":16,"tag":108,"props":6525,"children":6526},{"style":115},[6527],{"type":22,"value":6528},"      render ",{"type":16,"tag":108,"props":6530,"children":6531},{"style":126},[6532],{"type":22,"value":1662},{"type":16,"tag":108,"props":6534,"children":6535},{"style":1654},[6536],{"type":22,"value":6537},"edit\n",{"type":16,"tag":108,"props":6539,"children":6540},{"class":110,"line":602},[6541],{"type":16,"tag":108,"props":6542,"children":6543},{"style":453},[6544],{"type":22,"value":6545},"    end\n",{"type":16,"tag":108,"props":6547,"children":6548},{"class":110,"line":611},[6549],{"type":16,"tag":108,"props":6550,"children":6551},{"style":453},[6552],{"type":22,"value":4682},{"type":16,"tag":108,"props":6554,"children":6555},{"class":110,"line":619},[6556],{"type":16,"tag":108,"props":6557,"children":6558},{"emptyLinePlaceholder":477},[6559],{"type":22,"value":480},{"type":16,"tag":108,"props":6561,"children":6562},{"class":110,"line":640},[6563],{"type":16,"tag":108,"props":6564,"children":6565},{"style":519},[6566],{"type":22,"value":6567},"  private\n",{"type":16,"tag":108,"props":6569,"children":6570},{"class":110,"line":669},[6571],{"type":16,"tag":108,"props":6572,"children":6573},{"emptyLinePlaceholder":477},[6574],{"type":22,"value":480},{"type":16,"tag":108,"props":6576,"children":6577},{"class":110,"line":677},[6578,6582],{"type":16,"tag":108,"props":6579,"children":6580},{"style":453},[6581],{"type":22,"value":4295},{"type":16,"tag":108,"props":6583,"children":6584},{"style":519},[6585],{"type":22,"value":6586}," user_params\n",{"type":16,"tag":108,"props":6588,"children":6589},{"class":110,"line":2008},[6590],{"type":16,"tag":108,"props":6591,"children":6592},{"style":115},[6593],{"type":22,"value":6594},"    params\n",{"type":16,"tag":108,"props":6596,"children":6597},{"class":110,"line":785},[6598,6603,6607,6612],{"type":16,"tag":108,"props":6599,"children":6600},{"style":115},[6601],{"type":22,"value":6602},"      .require(",{"type":16,"tag":108,"props":6604,"children":6605},{"style":126},[6606],{"type":22,"value":1662},{"type":16,"tag":108,"props":6608,"children":6609},{"style":1654},[6610],{"type":22,"value":6611},"user",{"type":16,"tag":108,"props":6613,"children":6614},{"style":115},[6615],{"type":22,"value":569},{"type":16,"tag":108,"props":6617,"children":6618},{"class":110,"line":2033},[6619],{"type":16,"tag":108,"props":6620,"children":6621},{"style":115},[6622],{"type":22,"value":6623},"       .permit(\n",{"type":16,"tag":108,"props":6625,"children":6626},{"class":110,"line":3198},[6627,6632,6636],{"type":16,"tag":108,"props":6628,"children":6629},{"style":1654},[6630],{"type":22,"value":6631},"         team_ids",{"type":16,"tag":108,"props":6633,"children":6634},{"style":126},[6635],{"type":22,"value":1662},{"type":16,"tag":108,"props":6637,"children":6638},{"style":115},[6639],{"type":22,"value":6640}," []\n",{"type":16,"tag":108,"props":6642,"children":6643},{"class":110,"line":3216},[6644],{"type":16,"tag":108,"props":6645,"children":6646},{"style":115},[6647],{"type":22,"value":6648},"       )\n",{"type":16,"tag":108,"props":6650,"children":6651},{"class":110,"line":3229},[6652],{"type":16,"tag":108,"props":6653,"children":6654},{"style":453},[6655],{"type":22,"value":4682},{"type":16,"tag":108,"props":6657,"children":6658},{"class":110,"line":3238},[6659],{"type":16,"tag":108,"props":6660,"children":6661},{"style":453},[6662],{"type":22,"value":4691},{"type":16,"tag":93,"props":6664,"children":6665},{"tab-name":95},[6666],{"type":16,"tag":98,"props":6667,"children":6669},{"className":1632,"code":6668,"language":1634,"meta":7,"style":7},"\u003C%= form_with model: @user, data: { controller: 'checkbox-select-all' } do |f| %>\n  \u003Clabel>\n    \u003Cinput type=\"checkbox\" data-checkbox-select-all-target=\"checkboxAll\" />\n    \u003Cspan>Select All / Deselect All\u003C/span>\n  \u003C/label>\n\n  \u003C%= f.collection_check_boxes :team_ids, Team.all, :id, :name do |b| %>\n    \u003C%= b.label do %>\n      \u003C%= b.check_box data: { checkbox_select_all_target: 'checkbox' } %>\n      \u003C%= b.text %>\n    \u003C% end %>\n  \u003C% end %>\n\u003C% end %>\n",[6670],{"type":16,"tag":68,"props":6671,"children":6672},{"__ignoreMap":7},[6673,6750,6765,6804,6827,6842,6849,6928,6948,6995,7011,7027,7043],{"type":16,"tag":108,"props":6674,"children":6675},{"class":110,"line":111},[6676,6680,6684,6688,6692,6697,6701,6705,6709,6713,6717,6721,6726,6730,6734,6738,6742,6746],{"type":16,"tag":108,"props":6677,"children":6678},{"style":453},[6679],{"type":22,"value":1646},{"type":16,"tag":108,"props":6681,"children":6682},{"style":115},[6683],{"type":22,"value":1651},{"type":16,"tag":108,"props":6685,"children":6686},{"style":1654},[6687],{"type":22,"value":1657},{"type":16,"tag":108,"props":6689,"children":6690},{"style":126},[6691],{"type":22,"value":1662},{"type":16,"tag":108,"props":6693,"children":6694},{"style":121},[6695],{"type":22,"value":6696}," @user",{"type":16,"tag":108,"props":6698,"children":6699},{"style":115},[6700],{"type":22,"value":397},{"type":16,"tag":108,"props":6702,"children":6703},{"style":1654},[6704],{"type":22,"value":1676},{"type":16,"tag":108,"props":6706,"children":6707},{"style":126},[6708],{"type":22,"value":1662},{"type":16,"tag":108,"props":6710,"children":6711},{"style":115},[6712],{"type":22,"value":1685},{"type":16,"tag":108,"props":6714,"children":6715},{"style":1654},[6716],{"type":22,"value":1690},{"type":16,"tag":108,"props":6718,"children":6719},{"style":126},[6720],{"type":22,"value":1662},{"type":16,"tag":108,"props":6722,"children":6723},{"style":137},[6724],{"type":22,"value":6725}," 'checkbox-select-all'",{"type":16,"tag":108,"props":6727,"children":6728},{"style":115},[6729],{"type":22,"value":1704},{"type":16,"tag":108,"props":6731,"children":6732},{"style":453},[6733],{"type":22,"value":1709},{"type":16,"tag":108,"props":6735,"children":6736},{"style":115},[6737],{"type":22,"value":1714},{"type":16,"tag":108,"props":6739,"children":6740},{"style":121},[6741],{"type":22,"value":1719},{"type":16,"tag":108,"props":6743,"children":6744},{"style":115},[6745],{"type":22,"value":1724},{"type":16,"tag":108,"props":6747,"children":6748},{"style":453},[6749],{"type":22,"value":1729},{"type":16,"tag":108,"props":6751,"children":6752},{"class":110,"line":297},[6753,6757,6761],{"type":16,"tag":108,"props":6754,"children":6755},{"style":115},[6756],{"type":22,"value":1737},{"type":16,"tag":108,"props":6758,"children":6759},{"style":121},[6760],{"type":22,"value":5691},{"type":16,"tag":108,"props":6762,"children":6763},{"style":115},[6764],{"type":22,"value":182},{"type":16,"tag":108,"props":6766,"children":6767},{"class":110,"line":315},[6768,6772,6776,6780,6784,6788,6792,6796,6800],{"type":16,"tag":108,"props":6769,"children":6770},{"style":115},[6771],{"type":22,"value":2556},{"type":16,"tag":108,"props":6773,"children":6774},{"style":121},[6775],{"type":22,"value":73},{"type":16,"tag":108,"props":6777,"children":6778},{"style":126},[6779],{"type":22,"value":217},{"type":16,"tag":108,"props":6781,"children":6782},{"style":115},[6783],{"type":22,"value":134},{"type":16,"tag":108,"props":6785,"children":6786},{"style":137},[6787],{"type":22,"value":5720},{"type":16,"tag":108,"props":6789,"children":6790},{"style":126},[6791],{"type":22,"value":5725},{"type":16,"tag":108,"props":6793,"children":6794},{"style":115},[6795],{"type":22,"value":134},{"type":16,"tag":108,"props":6797,"children":6798},{"style":137},[6799],{"type":22,"value":5734},{"type":16,"tag":108,"props":6801,"children":6802},{"style":115},[6803],{"type":22,"value":5739},{"type":16,"tag":108,"props":6805,"children":6806},{"class":110,"line":333},[6807,6811,6815,6819,6823],{"type":16,"tag":108,"props":6808,"children":6809},{"style":115},[6810],{"type":22,"value":2556},{"type":16,"tag":108,"props":6812,"children":6813},{"style":121},[6814],{"type":22,"value":108},{"type":16,"tag":108,"props":6816,"children":6817},{"style":115},[6818],{"type":22,"value":5755},{"type":16,"tag":108,"props":6820,"children":6821},{"style":121},[6822],{"type":22,"value":108},{"type":16,"tag":108,"props":6824,"children":6825},{"style":115},[6826],{"type":22,"value":182},{"type":16,"tag":108,"props":6828,"children":6829},{"class":110,"line":351},[6830,6834,6838],{"type":16,"tag":108,"props":6831,"children":6832},{"style":115},[6833],{"type":22,"value":1867},{"type":16,"tag":108,"props":6835,"children":6836},{"style":121},[6837],{"type":22,"value":5691},{"type":16,"tag":108,"props":6839,"children":6840},{"style":115},[6841],{"type":22,"value":182},{"type":16,"tag":108,"props":6843,"children":6844},{"class":110,"line":369},[6845],{"type":16,"tag":108,"props":6846,"children":6847},{"emptyLinePlaceholder":477},[6848],{"type":22,"value":480},{"type":16,"tag":108,"props":6850,"children":6851},{"class":110,"line":602},[6852,6856,6861,6865,6870,6874,6879,6884,6888,6893,6897,6901,6906,6911,6915,6920,6924],{"type":16,"tag":108,"props":6853,"children":6854},{"style":453},[6855],{"type":22,"value":2021},{"type":16,"tag":108,"props":6857,"children":6858},{"style":115},[6859],{"type":22,"value":6860}," f.collection_check_boxes ",{"type":16,"tag":108,"props":6862,"children":6863},{"style":126},[6864],{"type":22,"value":1662},{"type":16,"tag":108,"props":6866,"children":6867},{"style":1654},[6868],{"type":22,"value":6869},"team_ids",{"type":16,"tag":108,"props":6871,"children":6872},{"style":115},[6873],{"type":22,"value":397},{"type":16,"tag":108,"props":6875,"children":6876},{"style":506},[6877],{"type":22,"value":6878},"Team",{"type":16,"tag":108,"props":6880,"children":6881},{"style":115},[6882],{"type":22,"value":6883},".all, ",{"type":16,"tag":108,"props":6885,"children":6886},{"style":126},[6887],{"type":22,"value":1662},{"type":16,"tag":108,"props":6889,"children":6890},{"style":1654},[6891],{"type":22,"value":6892},"id",{"type":16,"tag":108,"props":6894,"children":6895},{"style":115},[6896],{"type":22,"value":397},{"type":16,"tag":108,"props":6898,"children":6899},{"style":126},[6900],{"type":22,"value":1662},{"type":16,"tag":108,"props":6902,"children":6903},{"style":1654},[6904],{"type":22,"value":6905},"name",{"type":16,"tag":108,"props":6907,"children":6908},{"style":453},[6909],{"type":22,"value":6910}," do",{"type":16,"tag":108,"props":6912,"children":6913},{"style":115},[6914],{"type":22,"value":1714},{"type":16,"tag":108,"props":6916,"children":6917},{"style":121},[6918],{"type":22,"value":6919},"b",{"type":16,"tag":108,"props":6921,"children":6922},{"style":115},[6923],{"type":22,"value":1724},{"type":16,"tag":108,"props":6925,"children":6926},{"style":453},[6927],{"type":22,"value":1729},{"type":16,"tag":108,"props":6929,"children":6930},{"class":110,"line":611},[6931,6935,6940,6944],{"type":16,"tag":108,"props":6932,"children":6933},{"style":453},[6934],{"type":22,"value":1766},{"type":16,"tag":108,"props":6936,"children":6937},{"style":115},[6938],{"type":22,"value":6939}," b.label ",{"type":16,"tag":108,"props":6941,"children":6942},{"style":453},[6943],{"type":22,"value":1709},{"type":16,"tag":108,"props":6945,"children":6946},{"style":453},[6947],{"type":22,"value":1785},{"type":16,"tag":108,"props":6949,"children":6950},{"class":110,"line":619},[6951,6956,6961,6965,6969,6973,6978,6982,6987,6991],{"type":16,"tag":108,"props":6952,"children":6953},{"style":453},[6954],{"type":22,"value":6955},"      \u003C%=",{"type":16,"tag":108,"props":6957,"children":6958},{"style":115},[6959],{"type":22,"value":6960}," b.check_box ",{"type":16,"tag":108,"props":6962,"children":6963},{"style":1654},[6964],{"type":22,"value":1676},{"type":16,"tag":108,"props":6966,"children":6967},{"style":126},[6968],{"type":22,"value":1662},{"type":16,"tag":108,"props":6970,"children":6971},{"style":115},[6972],{"type":22,"value":1685},{"type":16,"tag":108,"props":6974,"children":6975},{"style":1654},[6976],{"type":22,"value":6977},"checkbox_select_all_target",{"type":16,"tag":108,"props":6979,"children":6980},{"style":126},[6981],{"type":22,"value":1662},{"type":16,"tag":108,"props":6983,"children":6984},{"style":137},[6985],{"type":22,"value":6986}," 'checkbox'",{"type":16,"tag":108,"props":6988,"children":6989},{"style":115},[6990],{"type":22,"value":1704},{"type":16,"tag":108,"props":6992,"children":6993},{"style":453},[6994],{"type":22,"value":1729},{"type":16,"tag":108,"props":6996,"children":6997},{"class":110,"line":640},[6998,7002,7007],{"type":16,"tag":108,"props":6999,"children":7000},{"style":453},[7001],{"type":22,"value":6955},{"type":16,"tag":108,"props":7003,"children":7004},{"style":115},[7005],{"type":22,"value":7006}," b.text ",{"type":16,"tag":108,"props":7008,"children":7009},{"style":453},[7010],{"type":22,"value":1729},{"type":16,"tag":108,"props":7012,"children":7013},{"class":110,"line":669},[7014,7019,7023],{"type":16,"tag":108,"props":7015,"children":7016},{"style":453},[7017],{"type":22,"value":7018},"    \u003C%",{"type":16,"tag":108,"props":7020,"children":7021},{"style":453},[7022],{"type":22,"value":2044},{"type":16,"tag":108,"props":7024,"children":7025},{"style":453},[7026],{"type":22,"value":1785},{"type":16,"tag":108,"props":7028,"children":7029},{"class":110,"line":677},[7030,7035,7039],{"type":16,"tag":108,"props":7031,"children":7032},{"style":453},[7033],{"type":22,"value":7034},"  \u003C%",{"type":16,"tag":108,"props":7036,"children":7037},{"style":453},[7038],{"type":22,"value":2044},{"type":16,"tag":108,"props":7040,"children":7041},{"style":453},[7042],{"type":22,"value":1785},{"type":16,"tag":108,"props":7044,"children":7045},{"class":110,"line":2008},[7046,7050,7054],{"type":16,"tag":108,"props":7047,"children":7048},{"style":453},[7049],{"type":22,"value":2039},{"type":16,"tag":108,"props":7051,"children":7052},{"style":453},[7053],{"type":22,"value":2044},{"type":16,"tag":108,"props":7055,"children":7056},{"style":453},[7057],{"type":22,"value":1785},{"type":16,"tag":17,"props":7059,"children":7060},{"id":1224},[7061],{"type":22,"value":1227},{"type":16,"tag":1229,"props":7063,"children":7064},{},[7065,7087],{"type":16,"tag":1233,"props":7066,"children":7067},{},[7068],{"type":16,"tag":1237,"props":7069,"children":7070},{},[7071,7075,7079,7083],{"type":16,"tag":1241,"props":7072,"children":7073},{},[7074],{"type":22,"value":1245},{"type":16,"tag":1241,"props":7076,"children":7077},{},[7078],{"type":22,"value":1250},{"type":16,"tag":1241,"props":7080,"children":7081},{},[7082],{"type":22,"value":1255},{"type":16,"tag":1241,"props":7084,"children":7085},{},[7086],{"type":22,"value":1260},{"type":16,"tag":1262,"props":7088,"children":7089},{},[7090],{"type":16,"tag":1237,"props":7091,"children":7092},{},[7093,7102,7110,7115],{"type":16,"tag":1269,"props":7094,"children":7095},{},[7096],{"type":16,"tag":68,"props":7097,"children":7099},{"className":7098},[],[7100],{"type":22,"value":7101},"data-checkbox-select-all-disable-indeterminate-value",{"type":16,"tag":1269,"props":7103,"children":7104},{},[7105],{"type":16,"tag":68,"props":7106,"children":7108},{"className":7107},[],[7109],{"type":22,"value":5416},{"type":16,"tag":1269,"props":7111,"children":7112},{},[7113],{"type":22,"value":7114},"Disable the indeterminate state.",{"type":16,"tag":1269,"props":7116,"children":7117},{},[7118],{"type":22,"value":1384},{"type":16,"tag":17,"props":7120,"children":7121},{"id":428},[7122],{"type":22,"value":431},{"type":16,"tag":428,"props":7124,"children":7125},{},[7126],{"type":16,"tag":93,"props":7127,"children":7129},{"tab-name":7128},"app/javascript/controllers/checkbox_select_all_controller.js",[7130],{"type":16,"tag":98,"props":7131,"children":7133},{"className":441,"code":7132,"language":443,"meta":7,"style":7},"import CheckboxSelectAll from \"@stimulus-components/checkbox-select-all\"\n\nexport default class extends CheckboxSelectAll {\n  connect() {\n    super.connect()\n    console.log(\"Do what you want here.\")\n\n    // Get all checked checkboxes\n    this.checked\n\n    // Get all unchecked checkboxes\n    this.unchecked\n  }\n}\n",[7134],{"type":16,"tag":68,"props":7135,"children":7136},{"__ignoreMap":7},[7137,7158,7165,7192,7203,7222,7249,7256,7264,7280,7287,7295,7311,7318],{"type":16,"tag":108,"props":7138,"children":7139},{"class":110,"line":111},[7140,7144,7149,7153],{"type":16,"tag":108,"props":7141,"children":7142},{"style":453},[7143],{"type":22,"value":456},{"type":16,"tag":108,"props":7145,"children":7146},{"style":121},[7147],{"type":22,"value":7148}," CheckboxSelectAll",{"type":16,"tag":108,"props":7150,"children":7151},{"style":453},[7152],{"type":22,"value":466},{"type":16,"tag":108,"props":7154,"children":7155},{"style":137},[7156],{"type":22,"value":7157}," \"@stimulus-components/checkbox-select-all\"\n",{"type":16,"tag":108,"props":7159,"children":7160},{"class":110,"line":297},[7161],{"type":16,"tag":108,"props":7162,"children":7163},{"emptyLinePlaceholder":477},[7164],{"type":22,"value":480},{"type":16,"tag":108,"props":7166,"children":7167},{"class":110,"line":315},[7168,7172,7176,7180,7184,7188],{"type":16,"tag":108,"props":7169,"children":7170},{"style":453},[7171],{"type":22,"value":488},{"type":16,"tag":108,"props":7173,"children":7174},{"style":453},[7175],{"type":22,"value":493},{"type":16,"tag":108,"props":7177,"children":7178},{"style":453},[7179],{"type":22,"value":498},{"type":16,"tag":108,"props":7181,"children":7182},{"style":453},[7183],{"type":22,"value":503},{"type":16,"tag":108,"props":7185,"children":7186},{"style":506},[7187],{"type":22,"value":7148},{"type":16,"tag":108,"props":7189,"children":7190},{"style":115},[7191],{"type":22,"value":513},{"type":16,"tag":108,"props":7193,"children":7194},{"class":110,"line":333},[7195,7199],{"type":16,"tag":108,"props":7196,"children":7197},{"style":519},[7198],{"type":22,"value":1525},{"type":16,"tag":108,"props":7200,"children":7201},{"style":115},[7202],{"type":22,"value":1530},{"type":16,"tag":108,"props":7204,"children":7205},{"class":110,"line":351},[7206,7210,7214,7218],{"type":16,"tag":108,"props":7207,"children":7208},{"style":544},[7209],{"type":22,"value":547},{"type":16,"tag":108,"props":7211,"children":7212},{"style":115},[7213],{"type":22,"value":46},{"type":16,"tag":108,"props":7215,"children":7216},{"style":519},[7217],{"type":22,"value":1546},{"type":16,"tag":108,"props":7219,"children":7220},{"style":115},[7221],{"type":22,"value":1551},{"type":16,"tag":108,"props":7223,"children":7224},{"class":110,"line":369},[7225,7229,7233,7237,7241,7245],{"type":16,"tag":108,"props":7226,"children":7227},{"style":506},[7228],{"type":22,"value":577},{"type":16,"tag":108,"props":7230,"children":7231},{"style":115},[7232],{"type":22,"value":46},{"type":16,"tag":108,"props":7234,"children":7235},{"style":519},[7236],{"type":22,"value":586},{"type":16,"tag":108,"props":7238,"children":7239},{"style":115},[7240],{"type":22,"value":527},{"type":16,"tag":108,"props":7242,"children":7243},{"style":137},[7244],{"type":22,"value":595},{"type":16,"tag":108,"props":7246,"children":7247},{"style":115},[7248],{"type":22,"value":569},{"type":16,"tag":108,"props":7250,"children":7251},{"class":110,"line":602},[7252],{"type":16,"tag":108,"props":7253,"children":7254},{"emptyLinePlaceholder":477},[7255],{"type":22,"value":480},{"type":16,"tag":108,"props":7257,"children":7258},{"class":110,"line":611},[7259],{"type":16,"tag":108,"props":7260,"children":7261},{"style":1798},[7262],{"type":22,"value":7263},"    // Get all checked checkboxes\n",{"type":16,"tag":108,"props":7265,"children":7266},{"class":110,"line":619},[7267,7271,7275],{"type":16,"tag":108,"props":7268,"children":7269},{"style":506},[7270],{"type":22,"value":3133},{"type":16,"tag":108,"props":7272,"children":7273},{"style":115},[7274],{"type":22,"value":46},{"type":16,"tag":108,"props":7276,"children":7277},{"style":121},[7278],{"type":22,"value":7279},"checked\n",{"type":16,"tag":108,"props":7281,"children":7282},{"class":110,"line":640},[7283],{"type":16,"tag":108,"props":7284,"children":7285},{"emptyLinePlaceholder":477},[7286],{"type":22,"value":480},{"type":16,"tag":108,"props":7288,"children":7289},{"class":110,"line":669},[7290],{"type":16,"tag":108,"props":7291,"children":7292},{"style":1798},[7293],{"type":22,"value":7294},"    // Get all unchecked checkboxes\n",{"type":16,"tag":108,"props":7296,"children":7297},{"class":110,"line":677},[7298,7302,7306],{"type":16,"tag":108,"props":7299,"children":7300},{"style":506},[7301],{"type":22,"value":3133},{"type":16,"tag":108,"props":7303,"children":7304},{"style":115},[7305],{"type":22,"value":46},{"type":16,"tag":108,"props":7307,"children":7308},{"style":121},[7309],{"type":22,"value":7310},"unchecked\n",{"type":16,"tag":108,"props":7312,"children":7313},{"class":110,"line":2008},[7314],{"type":16,"tag":108,"props":7315,"children":7316},{"style":115},[7317],{"type":22,"value":608},{"type":16,"tag":108,"props":7319,"children":7320},{"class":110,"line":785},[7321],{"type":16,"tag":108,"props":7322,"children":7323},{"style":115},[7324],{"type":22,"value":683},{"type":16,"tag":685,"props":7326,"children":7327},{},[7328],{"type":22,"value":689},{"title":7,"searchDepth":297,"depth":297,"links":7330},[7331,7332,7333,7334,7338,7339],{"id":5515,"depth":297,"text":5518},{"id":19,"depth":297,"text":23},{"id":49,"depth":297,"text":52},{"id":58,"depth":297,"text":61,"children":7335},[7336,7337],{"id":5577,"depth":315,"text":5580},{"id":6324,"depth":315,"text":6327},{"id":1224,"depth":297,"text":1227},{"id":428,"depth":297,"text":431},"content:docs:stimulus-checkbox-select-all.md","docs/stimulus-checkbox-select-all.md","docs/stimulus-checkbox-select-all",{"_path":7344,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":7345,"description":7346,"package":7347,"packagePath":7348,"body":7349,"_type":696,"_id":7891,"_source":698,"_file":7892,"_stem":7893,"_extension":701},"/docs/stimulus-clipboard","Clipboard","A Stimulus controller to copy text to clipboard.","clipboard","@stimulus-components/clipboard",{"type":13,"children":7350,"toc":7884},[7351,7355,7358,7362,7365,7369,7559,7563,7647,7666,7670,7880],{"type":16,"tag":17,"props":7352,"children":7353},{"id":19},[7354],{"type":22,"value":23},{"type":16,"tag":25,"props":7356,"children":7357},{":package":27,":package-path":28},[],{"type":16,"tag":17,"props":7359,"children":7360},{"id":49},[7361],{"type":22,"value":52},{"type":16,"tag":7347,"props":7363,"children":7364},{},[],{"type":16,"tag":17,"props":7366,"children":7367},{"id":58},[7368],{"type":22,"value":61},{"type":16,"tag":93,"props":7370,"children":7371},{"tab-name":95},[7372],{"type":16,"tag":98,"props":7373,"children":7375},{"className":100,"code":7374,"language":102,"meta":7,"style":7},"\u003Cdiv data-controller=\"clipboard\" data-clipboard-success-content-value=\"Copied!\">\n  \u003Cinput type=\"text\" value=\"Click the button to copy me!\" data-clipboard-target=\"source\" />\n\n  \u003Cbutton type=\"button\" data-action=\"clipboard#copy\" data-clipboard-target=\"button\">Copy to clipboard\u003C/button>\n\u003C/div>\n",[7376],{"type":16,"tag":68,"props":7377,"children":7378},{"__ignoreMap":7},[7379,7421,7476,7483,7544],{"type":16,"tag":108,"props":7380,"children":7381},{"class":110,"line":111},[7382,7386,7390,7394,7398,7403,7408,7412,7417],{"type":16,"tag":108,"props":7383,"children":7384},{"style":115},[7385],{"type":22,"value":118},{"type":16,"tag":108,"props":7387,"children":7388},{"style":121},[7389],{"type":22,"value":929},{"type":16,"tag":108,"props":7391,"children":7392},{"style":126},[7393],{"type":22,"value":145},{"type":16,"tag":108,"props":7395,"children":7396},{"style":115},[7397],{"type":22,"value":134},{"type":16,"tag":108,"props":7399,"children":7400},{"style":137},[7401],{"type":22,"value":7402},"\"clipboard\"",{"type":16,"tag":108,"props":7404,"children":7405},{"style":126},[7406],{"type":22,"value":7407}," data-clipboard-success-content-value",{"type":16,"tag":108,"props":7409,"children":7410},{"style":115},[7411],{"type":22,"value":134},{"type":16,"tag":108,"props":7413,"children":7414},{"style":137},[7415],{"type":22,"value":7416},"\"Copied!\"",{"type":16,"tag":108,"props":7418,"children":7419},{"style":115},[7420],{"type":22,"value":182},{"type":16,"tag":108,"props":7422,"children":7423},{"class":110,"line":297},[7424,7428,7432,7436,7440,7445,7449,7453,7458,7463,7467,7472],{"type":16,"tag":108,"props":7425,"children":7426},{"style":115},[7427],{"type":22,"value":1737},{"type":16,"tag":108,"props":7429,"children":7430},{"style":121},[7431],{"type":22,"value":73},{"type":16,"tag":108,"props":7433,"children":7434},{"style":126},[7435],{"type":22,"value":217},{"type":16,"tag":108,"props":7437,"children":7438},{"style":115},[7439],{"type":22,"value":134},{"type":16,"tag":108,"props":7441,"children":7442},{"style":137},[7443],{"type":22,"value":7444},"\"text\"",{"type":16,"tag":108,"props":7446,"children":7447},{"style":126},[7448],{"type":22,"value":5884},{"type":16,"tag":108,"props":7450,"children":7451},{"style":115},[7452],{"type":22,"value":134},{"type":16,"tag":108,"props":7454,"children":7455},{"style":137},[7456],{"type":22,"value":7457},"\"Click the button to copy me!\"",{"type":16,"tag":108,"props":7459,"children":7460},{"style":126},[7461],{"type":22,"value":7462}," data-clipboard-target",{"type":16,"tag":108,"props":7464,"children":7465},{"style":115},[7466],{"type":22,"value":134},{"type":16,"tag":108,"props":7468,"children":7469},{"style":137},[7470],{"type":22,"value":7471},"\"source\"",{"type":16,"tag":108,"props":7473,"children":7474},{"style":115},[7475],{"type":22,"value":5739},{"type":16,"tag":108,"props":7477,"children":7478},{"class":110,"line":315},[7479],{"type":16,"tag":108,"props":7480,"children":7481},{"emptyLinePlaceholder":477},[7482],{"type":22,"value":480},{"type":16,"tag":108,"props":7484,"children":7485},{"class":110,"line":333},[7486,7490,7494,7498,7502,7506,7510,7514,7519,7523,7527,7531,7536,7540],{"type":16,"tag":108,"props":7487,"children":7488},{"style":115},[7489],{"type":22,"value":1737},{"type":16,"tag":108,"props":7491,"children":7492},{"style":121},[7493],{"type":22,"value":212},{"type":16,"tag":108,"props":7495,"children":7496},{"style":126},[7497],{"type":22,"value":217},{"type":16,"tag":108,"props":7499,"children":7500},{"style":115},[7501],{"type":22,"value":134},{"type":16,"tag":108,"props":7503,"children":7504},{"style":137},[7505],{"type":22,"value":226},{"type":16,"tag":108,"props":7507,"children":7508},{"style":126},[7509],{"type":22,"value":159},{"type":16,"tag":108,"props":7511,"children":7512},{"style":115},[7513],{"type":22,"value":134},{"type":16,"tag":108,"props":7515,"children":7516},{"style":137},[7517],{"type":22,"value":7518},"\"clipboard#copy\"",{"type":16,"tag":108,"props":7520,"children":7521},{"style":126},[7522],{"type":22,"value":7462},{"type":16,"tag":108,"props":7524,"children":7525},{"style":115},[7526],{"type":22,"value":134},{"type":16,"tag":108,"props":7528,"children":7529},{"style":137},[7530],{"type":22,"value":226},{"type":16,"tag":108,"props":7532,"children":7533},{"style":115},[7534],{"type":22,"value":7535},">Copy to clipboard\u003C/",{"type":16,"tag":108,"props":7537,"children":7538},{"style":121},[7539],{"type":22,"value":212},{"type":16,"tag":108,"props":7541,"children":7542},{"style":115},[7543],{"type":22,"value":182},{"type":16,"tag":108,"props":7545,"children":7546},{"class":110,"line":351},[7547,7551,7555],{"type":16,"tag":108,"props":7548,"children":7549},{"style":115},[7550],{"type":22,"value":924},{"type":16,"tag":108,"props":7552,"children":7553},{"style":121},[7554],{"type":22,"value":929},{"type":16,"tag":108,"props":7556,"children":7557},{"style":115},[7558],{"type":22,"value":182},{"type":16,"tag":17,"props":7560,"children":7561},{"id":1224},[7562],{"type":22,"value":1227},{"type":16,"tag":1229,"props":7564,"children":7565},{},[7566,7588],{"type":16,"tag":1233,"props":7567,"children":7568},{},[7569],{"type":16,"tag":1237,"props":7570,"children":7571},{},[7572,7576,7580,7584],{"type":16,"tag":1241,"props":7573,"children":7574},{},[7575],{"type":22,"value":1245},{"type":16,"tag":1241,"props":7577,"children":7578},{},[7579],{"type":22,"value":1250},{"type":16,"tag":1241,"props":7581,"children":7582},{},[7583],{"type":22,"value":1255},{"type":16,"tag":1241,"props":7585,"children":7586},{},[7587],{"type":22,"value":1260},{"type":16,"tag":1262,"props":7589,"children":7590},{},[7591,7617],{"type":16,"tag":1237,"props":7592,"children":7593},{},[7594,7603,7608,7613],{"type":16,"tag":1269,"props":7595,"children":7596},{},[7597],{"type":16,"tag":68,"props":7598,"children":7600},{"className":7599},[],[7601],{"type":22,"value":7602},"data-clipboard-success-content-value",{"type":16,"tag":1269,"props":7604,"children":7605},{},[7606],{"type":22,"value":7607},"''",{"type":16,"tag":1269,"props":7609,"children":7610},{},[7611],{"type":22,"value":7612},"Text to display on button.",{"type":16,"tag":1269,"props":7614,"children":7615},{},[7616],{"type":22,"value":1384},{"type":16,"tag":1237,"props":7618,"children":7619},{},[7620,7629,7638,7643],{"type":16,"tag":1269,"props":7621,"children":7622},{},[7623],{"type":16,"tag":68,"props":7624,"children":7626},{"className":7625},[],[7627],{"type":22,"value":7628},"data-clipboard-success-duration-value",{"type":16,"tag":1269,"props":7630,"children":7631},{},[7632],{"type":16,"tag":68,"props":7633,"children":7635},{"className":7634},[],[7636],{"type":22,"value":7637},"2000",{"type":16,"tag":1269,"props":7639,"children":7640},{},[7641],{"type":22,"value":7642},"Duration in ms to display the success content on button.",{"type":16,"tag":1269,"props":7644,"children":7645},{},[7646],{"type":22,"value":1384},{"type":16,"tag":31,"props":7648,"children":7649},{},[7650,7656,7658,7664],{"type":16,"tag":68,"props":7651,"children":7653},{"className":7652},[],[7654],{"type":22,"value":7655},"data-clipboard-target=\"button\"",{"type":22,"value":7657}," attribute is ",{"type":16,"tag":68,"props":7659,"children":7661},{"className":7660},[],[7662],{"type":22,"value":7663},"optional",{"type":22,"value":7665}," if you don't want to change the text of the button.",{"type":16,"tag":17,"props":7667,"children":7668},{"id":428},[7669],{"type":22,"value":431},{"type":16,"tag":428,"props":7671,"children":7672},{},[7673],{"type":16,"tag":93,"props":7674,"children":7676},{"tab-name":7675},"app/javascript/controllers/clipboard_controller.js",[7677],{"type":16,"tag":98,"props":7678,"children":7680},{"className":441,"code":7679,"language":443,"meta":7,"style":7},"import Clipboard from \"@stimulus-components/clipboard\"\n\nexport default class extends Clipboard {\n  connect() {\n    super.connect()\n    console.log(\"Do what you want here.\")\n  }\n\n  // Function to override on copy.\n  copy() {}\n\n  // Function to override when to input is copied.\n  copied() {\n    //\n  }\n}\n",[7681],{"type":16,"tag":68,"props":7682,"children":7683},{"__ignoreMap":7},[7684,7705,7712,7739,7750,7769,7796,7803,7810,7818,7831,7838,7846,7858,7866,7873],{"type":16,"tag":108,"props":7685,"children":7686},{"class":110,"line":111},[7687,7691,7696,7700],{"type":16,"tag":108,"props":7688,"children":7689},{"style":453},[7690],{"type":22,"value":456},{"type":16,"tag":108,"props":7692,"children":7693},{"style":121},[7694],{"type":22,"value":7695}," Clipboard",{"type":16,"tag":108,"props":7697,"children":7698},{"style":453},[7699],{"type":22,"value":466},{"type":16,"tag":108,"props":7701,"children":7702},{"style":137},[7703],{"type":22,"value":7704}," \"@stimulus-components/clipboard\"\n",{"type":16,"tag":108,"props":7706,"children":7707},{"class":110,"line":297},[7708],{"type":16,"tag":108,"props":7709,"children":7710},{"emptyLinePlaceholder":477},[7711],{"type":22,"value":480},{"type":16,"tag":108,"props":7713,"children":7714},{"class":110,"line":315},[7715,7719,7723,7727,7731,7735],{"type":16,"tag":108,"props":7716,"children":7717},{"style":453},[7718],{"type":22,"value":488},{"type":16,"tag":108,"props":7720,"children":7721},{"style":453},[7722],{"type":22,"value":493},{"type":16,"tag":108,"props":7724,"children":7725},{"style":453},[7726],{"type":22,"value":498},{"type":16,"tag":108,"props":7728,"children":7729},{"style":453},[7730],{"type":22,"value":503},{"type":16,"tag":108,"props":7732,"children":7733},{"style":506},[7734],{"type":22,"value":7695},{"type":16,"tag":108,"props":7736,"children":7737},{"style":115},[7738],{"type":22,"value":513},{"type":16,"tag":108,"props":7740,"children":7741},{"class":110,"line":333},[7742,7746],{"type":16,"tag":108,"props":7743,"children":7744},{"style":519},[7745],{"type":22,"value":1525},{"type":16,"tag":108,"props":7747,"children":7748},{"style":115},[7749],{"type":22,"value":1530},{"type":16,"tag":108,"props":7751,"children":7752},{"class":110,"line":351},[7753,7757,7761,7765],{"type":16,"tag":108,"props":7754,"children":7755},{"style":544},[7756],{"type":22,"value":547},{"type":16,"tag":108,"props":7758,"children":7759},{"style":115},[7760],{"type":22,"value":46},{"type":16,"tag":108,"props":7762,"children":7763},{"style":519},[7764],{"type":22,"value":1546},{"type":16,"tag":108,"props":7766,"children":7767},{"style":115},[7768],{"type":22,"value":1551},{"type":16,"tag":108,"props":7770,"children":7771},{"class":110,"line":369},[7772,7776,7780,7784,7788,7792],{"type":16,"tag":108,"props":7773,"children":7774},{"style":506},[7775],{"type":22,"value":577},{"type":16,"tag":108,"props":7777,"children":7778},{"style":115},[7779],{"type":22,"value":46},{"type":16,"tag":108,"props":7781,"children":7782},{"style":519},[7783],{"type":22,"value":586},{"type":16,"tag":108,"props":7785,"children":7786},{"style":115},[7787],{"type":22,"value":527},{"type":16,"tag":108,"props":7789,"children":7790},{"style":137},[7791],{"type":22,"value":595},{"type":16,"tag":108,"props":7793,"children":7794},{"style":115},[7795],{"type":22,"value":569},{"type":16,"tag":108,"props":7797,"children":7798},{"class":110,"line":602},[7799],{"type":16,"tag":108,"props":7800,"children":7801},{"style":115},[7802],{"type":22,"value":608},{"type":16,"tag":108,"props":7804,"children":7805},{"class":110,"line":611},[7806],{"type":16,"tag":108,"props":7807,"children":7808},{"emptyLinePlaceholder":477},[7809],{"type":22,"value":480},{"type":16,"tag":108,"props":7811,"children":7812},{"class":110,"line":619},[7813],{"type":16,"tag":108,"props":7814,"children":7815},{"style":1798},[7816],{"type":22,"value":7817},"  // Function to override on copy.\n",{"type":16,"tag":108,"props":7819,"children":7820},{"class":110,"line":640},[7821,7826],{"type":16,"tag":108,"props":7822,"children":7823},{"style":519},[7824],{"type":22,"value":7825},"  copy",{"type":16,"tag":108,"props":7827,"children":7828},{"style":115},[7829],{"type":22,"value":7830},"() {}\n",{"type":16,"tag":108,"props":7832,"children":7833},{"class":110,"line":669},[7834],{"type":16,"tag":108,"props":7835,"children":7836},{"emptyLinePlaceholder":477},[7837],{"type":22,"value":480},{"type":16,"tag":108,"props":7839,"children":7840},{"class":110,"line":677},[7841],{"type":16,"tag":108,"props":7842,"children":7843},{"style":1798},[7844],{"type":22,"value":7845},"  // Function to override when to input is copied.\n",{"type":16,"tag":108,"props":7847,"children":7848},{"class":110,"line":2008},[7849,7854],{"type":16,"tag":108,"props":7850,"children":7851},{"style":519},[7852],{"type":22,"value":7853},"  copied",{"type":16,"tag":108,"props":7855,"children":7856},{"style":115},[7857],{"type":22,"value":1530},{"type":16,"tag":108,"props":7859,"children":7860},{"class":110,"line":785},[7861],{"type":16,"tag":108,"props":7862,"children":7863},{"style":1798},[7864],{"type":22,"value":7865},"    //\n",{"type":16,"tag":108,"props":7867,"children":7868},{"class":110,"line":2033},[7869],{"type":16,"tag":108,"props":7870,"children":7871},{"style":115},[7872],{"type":22,"value":608},{"type":16,"tag":108,"props":7874,"children":7875},{"class":110,"line":3198},[7876],{"type":16,"tag":108,"props":7877,"children":7878},{"style":115},[7879],{"type":22,"value":683},{"type":16,"tag":685,"props":7881,"children":7882},{},[7883],{"type":22,"value":689},{"title":7,"searchDepth":297,"depth":297,"links":7885},[7886,7887,7888,7889,7890],{"id":19,"depth":297,"text":23},{"id":49,"depth":297,"text":52},{"id":58,"depth":297,"text":61},{"id":1224,"depth":297,"text":1227},{"id":428,"depth":297,"text":431},"content:docs:stimulus-clipboard.md","docs/stimulus-clipboard.md","docs/stimulus-clipboard",{"_path":7895,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":7896,"description":7897,"package":7898,"packagePath":7899,"body":7900,"_type":696,"_id":8930,"_source":698,"_file":8931,"_stem":8932,"_extension":701},"/docs/stimulus-color-picker","Color Picker","A Stimulus controller to create color picker.","color-picker","@stimulus-components/color-picker",{"type":13,"children":7901,"toc":8923},[7902,7906,7909,7925,7929,7932,7936,7955,8041,8046,8209,8213,8271,8285,8289,8919],{"type":16,"tag":17,"props":7903,"children":7904},{"id":19},[7905],{"type":22,"value":23},{"type":16,"tag":25,"props":7907,"children":7908},{":package":27,":package-path":28},[],{"type":16,"tag":2390,"props":7910,"children":7911},{},[7912],{"type":16,"tag":31,"props":7913,"children":7914},{},[7915,7916,7924],{"type":22,"value":2397},{"type":16,"tag":37,"props":7917,"children":7921},{"href":7918,"rel":7919,"className":7920,"target":2405},"https://github.com/Simonwep/pickr",[41],[2401,2402],[7922],{"type":22,"value":7923},"@simonwep/pickr",{"type":22,"value":46},{"type":16,"tag":17,"props":7926,"children":7927},{"id":49},[7928],{"type":22,"value":52},{"type":16,"tag":7898,"props":7930,"children":7931},{},[],{"type":16,"tag":17,"props":7933,"children":7934},{"id":58},[7935],{"type":22,"value":61},{"type":16,"tag":31,"props":7937,"children":7938},{},[7939,7941,7946,7948,7954],{"type":22,"value":7940},"Before starting, your must import the theme you want to use in your ",{"type":16,"tag":68,"props":7942,"children":7944},{"className":7943},[],[7945],{"type":22,"value":443},{"type":22,"value":7947}," or in your ",{"type":16,"tag":68,"props":7949,"children":7951},{"className":7950},[],[7952],{"type":22,"value":7953},"sass",{"type":22,"value":1662},{"type":16,"tag":93,"props":7956,"children":7957},{"tab-name":2445},[7958],{"type":16,"tag":98,"props":7959,"children":7961},{"className":441,"code":7960,"language":443,"meta":7,"style":7},"import '@simonwep/pickr/dist/themes/classic.min.css'\n// import '@simonwep/pickr/dist/themes/monolith.min.css'\n// import '@simonwep/pickr/dist/themes/nano.min.css'\n\n// Or in your sass\n@import '~@simonwep/pickr/dist/themes/classic.min.css'\n// @import '~@simonwep/pickr/dist/themes/monolith.min.css'\n// @import '~@simonwep/pickr/dist/themes/nano.min.css'\n",[7962],{"type":16,"tag":68,"props":7963,"children":7964},{"__ignoreMap":7},[7965,7977,7985,7993,8000,8008,8025,8033],{"type":16,"tag":108,"props":7966,"children":7967},{"class":110,"line":111},[7968,7972],{"type":16,"tag":108,"props":7969,"children":7970},{"style":453},[7971],{"type":22,"value":456},{"type":16,"tag":108,"props":7973,"children":7974},{"style":137},[7975],{"type":22,"value":7976}," '@simonwep/pickr/dist/themes/classic.min.css'\n",{"type":16,"tag":108,"props":7978,"children":7979},{"class":110,"line":297},[7980],{"type":16,"tag":108,"props":7981,"children":7982},{"style":1798},[7983],{"type":22,"value":7984},"// import '@simonwep/pickr/dist/themes/monolith.min.css'\n",{"type":16,"tag":108,"props":7986,"children":7987},{"class":110,"line":315},[7988],{"type":16,"tag":108,"props":7989,"children":7990},{"style":1798},[7991],{"type":22,"value":7992},"// import '@simonwep/pickr/dist/themes/nano.min.css'\n",{"type":16,"tag":108,"props":7994,"children":7995},{"class":110,"line":333},[7996],{"type":16,"tag":108,"props":7997,"children":7998},{"emptyLinePlaceholder":477},[7999],{"type":22,"value":480},{"type":16,"tag":108,"props":8001,"children":8002},{"class":110,"line":351},[8003],{"type":16,"tag":108,"props":8004,"children":8005},{"style":1798},[8006],{"type":22,"value":8007},"// Or in your sass\n",{"type":16,"tag":108,"props":8009,"children":8010},{"class":110,"line":369},[8011,8016,8020],{"type":16,"tag":108,"props":8012,"children":8013},{"style":115},[8014],{"type":22,"value":8015},"@",{"type":16,"tag":108,"props":8017,"children":8018},{"style":121},[8019],{"type":22,"value":456},{"type":16,"tag":108,"props":8021,"children":8022},{"style":137},[8023],{"type":22,"value":8024}," '~@simonwep/pickr/dist/themes/classic.min.css'\n",{"type":16,"tag":108,"props":8026,"children":8027},{"class":110,"line":602},[8028],{"type":16,"tag":108,"props":8029,"children":8030},{"style":1798},[8031],{"type":22,"value":8032},"// @import '~@simonwep/pickr/dist/themes/monolith.min.css'\n",{"type":16,"tag":108,"props":8034,"children":8035},{"class":110,"line":611},[8036],{"type":16,"tag":108,"props":8037,"children":8038},{"style":1798},[8039],{"type":22,"value":8040},"// @import '~@simonwep/pickr/dist/themes/nano.min.css'\n",{"type":16,"tag":31,"props":8042,"children":8043},{},[8044],{"type":22,"value":8045},"Basic usage:",{"type":16,"tag":93,"props":8047,"children":8048},{"tab-name":95},[8049],{"type":16,"tag":98,"props":8050,"children":8052},{"className":100,"code":8051,"language":102,"meta":7,"style":7},"\u003Cdiv data-controller=\"color-picker\">\n  \u003Cinput type=\"hidden\" name=\"color\" value=\"#667EEA\" data-color-picker-target=\"input\" />\n\n  \u003Cdiv data-color-picker-target=\"button\">\u003C/div>\n\u003C/div>\n",[8053],{"type":16,"tag":68,"props":8054,"children":8055},{"__ignoreMap":7},[8056,8084,8152,8159,8194],{"type":16,"tag":108,"props":8057,"children":8058},{"class":110,"line":111},[8059,8063,8067,8071,8075,8080],{"type":16,"tag":108,"props":8060,"children":8061},{"style":115},[8062],{"type":22,"value":118},{"type":16,"tag":108,"props":8064,"children":8065},{"style":121},[8066],{"type":22,"value":929},{"type":16,"tag":108,"props":8068,"children":8069},{"style":126},[8070],{"type":22,"value":145},{"type":16,"tag":108,"props":8072,"children":8073},{"style":115},[8074],{"type":22,"value":134},{"type":16,"tag":108,"props":8076,"children":8077},{"style":137},[8078],{"type":22,"value":8079},"\"color-picker\"",{"type":16,"tag":108,"props":8081,"children":8082},{"style":115},[8083],{"type":22,"value":182},{"type":16,"tag":108,"props":8085,"children":8086},{"class":110,"line":297},[8087,8091,8095,8099,8103,8108,8113,8117,8122,8126,8130,8135,8140,8144,8148],{"type":16,"tag":108,"props":8088,"children":8089},{"style":115},[8090],{"type":22,"value":1737},{"type":16,"tag":108,"props":8092,"children":8093},{"style":121},[8094],{"type":22,"value":73},{"type":16,"tag":108,"props":8096,"children":8097},{"style":126},[8098],{"type":22,"value":217},{"type":16,"tag":108,"props":8100,"children":8101},{"style":115},[8102],{"type":22,"value":134},{"type":16,"tag":108,"props":8104,"children":8105},{"style":137},[8106],{"type":22,"value":8107},"\"hidden\"",{"type":16,"tag":108,"props":8109,"children":8110},{"style":126},[8111],{"type":22,"value":8112}," name",{"type":16,"tag":108,"props":8114,"children":8115},{"style":115},[8116],{"type":22,"value":134},{"type":16,"tag":108,"props":8118,"children":8119},{"style":137},[8120],{"type":22,"value":8121},"\"color\"",{"type":16,"tag":108,"props":8123,"children":8124},{"style":126},[8125],{"type":22,"value":5884},{"type":16,"tag":108,"props":8127,"children":8128},{"style":115},[8129],{"type":22,"value":134},{"type":16,"tag":108,"props":8131,"children":8132},{"style":137},[8133],{"type":22,"value":8134},"\"#667EEA\"",{"type":16,"tag":108,"props":8136,"children":8137},{"style":126},[8138],{"type":22,"value":8139}," data-color-picker-target",{"type":16,"tag":108,"props":8141,"children":8142},{"style":115},[8143],{"type":22,"value":134},{"type":16,"tag":108,"props":8145,"children":8146},{"style":137},[8147],{"type":22,"value":3364},{"type":16,"tag":108,"props":8149,"children":8150},{"style":115},[8151],{"type":22,"value":5739},{"type":16,"tag":108,"props":8153,"children":8154},{"class":110,"line":315},[8155],{"type":16,"tag":108,"props":8156,"children":8157},{"emptyLinePlaceholder":477},[8158],{"type":22,"value":480},{"type":16,"tag":108,"props":8160,"children":8161},{"class":110,"line":333},[8162,8166,8170,8174,8178,8182,8186,8190],{"type":16,"tag":108,"props":8163,"children":8164},{"style":115},[8165],{"type":22,"value":1737},{"type":16,"tag":108,"props":8167,"children":8168},{"style":121},[8169],{"type":22,"value":929},{"type":16,"tag":108,"props":8171,"children":8172},{"style":126},[8173],{"type":22,"value":8139},{"type":16,"tag":108,"props":8175,"children":8176},{"style":115},[8177],{"type":22,"value":134},{"type":16,"tag":108,"props":8179,"children":8180},{"style":137},[8181],{"type":22,"value":226},{"type":16,"tag":108,"props":8183,"children":8184},{"style":115},[8185],{"type":22,"value":3369},{"type":16,"tag":108,"props":8187,"children":8188},{"style":121},[8189],{"type":22,"value":929},{"type":16,"tag":108,"props":8191,"children":8192},{"style":115},[8193],{"type":22,"value":182},{"type":16,"tag":108,"props":8195,"children":8196},{"class":110,"line":351},[8197,8201,8205],{"type":16,"tag":108,"props":8198,"children":8199},{"style":115},[8200],{"type":22,"value":924},{"type":16,"tag":108,"props":8202,"children":8203},{"style":121},[8204],{"type":22,"value":929},{"type":16,"tag":108,"props":8206,"children":8207},{"style":115},[8208],{"type":22,"value":182},{"type":16,"tag":17,"props":8210,"children":8211},{"id":1224},[8212],{"type":22,"value":1227},{"type":16,"tag":1229,"props":8214,"children":8215},{},[8216,8238],{"type":16,"tag":1233,"props":8217,"children":8218},{},[8219],{"type":16,"tag":1237,"props":8220,"children":8221},{},[8222,8226,8230,8234],{"type":16,"tag":1241,"props":8223,"children":8224},{},[8225],{"type":22,"value":1245},{"type":16,"tag":1241,"props":8227,"children":8228},{},[8229],{"type":22,"value":1250},{"type":16,"tag":1241,"props":8231,"children":8232},{},[8233],{"type":22,"value":1255},{"type":16,"tag":1241,"props":8235,"children":8236},{},[8237],{"type":22,"value":1260},{"type":16,"tag":1262,"props":8239,"children":8240},{},[8241],{"type":16,"tag":1237,"props":8242,"children":8243},{},[8244,8253,8262,8267],{"type":16,"tag":1269,"props":8245,"children":8246},{},[8247],{"type":16,"tag":68,"props":8248,"children":8250},{"className":8249},[],[8251],{"type":22,"value":8252},"data-color-picker-theme-value",{"type":16,"tag":1269,"props":8254,"children":8255},{},[8256],{"type":16,"tag":68,"props":8257,"children":8259},{"className":8258},[],[8260],{"type":22,"value":8261},"classic",{"type":16,"tag":1269,"props":8263,"children":8264},{},[8265],{"type":22,"value":8266},"Pickr theme you want to use.",{"type":16,"tag":1269,"props":8268,"children":8269},{},[8270],{"type":22,"value":1384},{"type":16,"tag":31,"props":8272,"children":8273},{},[8274,8276,8283],{"type":22,"value":8275},"See the ",{"type":16,"tag":37,"props":8277,"children":8280},{"href":8278,"rel":8279},"https://github.com/Simonwep/pickr#usage",[41],[8281],{"type":22,"value":8282},"Pickr documentation",{"type":22,"value":8284}," for more info in the library itself.",{"type":16,"tag":17,"props":8286,"children":8287},{"id":428},[8288],{"type":22,"value":431},{"type":16,"tag":428,"props":8290,"children":8291},{},[8292],{"type":16,"tag":93,"props":8293,"children":8295},{"tab-name":8294},"app/javascript/controllers/color_picker_controller.js",[8296],{"type":16,"tag":98,"props":8297,"children":8299},{"className":441,"code":8298,"language":443,"meta":7,"style":7},"import ColorPicker from \"@stimulus-components/color-picker\"\n\nexport default class extends ColorPicker {\n  connect() {\n    super.connect()\n    console.log(\"Do what you want here.\")\n\n    // Pickr instance\n    this.picker\n  }\n\n  // Callback when the color is saved\n  onSave(color) {\n    super.onSave(color)\n  }\n\n  // You can override the components options with this getter.\n  // Here are the default options.\n  get componentOptions() {\n    return {\n      preview: true,\n      hue: true,\n\n      interaction: {\n        input: true,\n        clear: true,\n        save: true,\n      },\n    }\n  }\n\n  // You can override the swatches with this getter.\n  // Here are the default options.\n  get swatches() {\n    return [\n      \"#A0AEC0\",\n      \"#F56565\",\n      \"#ED8936\",\n      \"#ECC94B\",\n      \"#48BB78\",\n      \"#38B2AC\",\n      \"#4299E1\",\n      \"#667EEA\",\n      \"#9F7AEA\",\n      \"#ED64A6\",\n    ]\n  }\n}\n",[8300],{"type":16,"tag":68,"props":8301,"children":8302},{"__ignoreMap":7},[8303,8324,8331,8358,8369,8388,8415,8422,8430,8446,8453,8460,8468,8489,8517,8524,8531,8539,8547,8563,8574,8595,8615,8622,8634,8654,8674,8694,8701,8708,8715,8722,8730,8737,8753,8765,8777,8790,8803,8816,8829,8842,8855,8868,8881,8894,8903,8911],{"type":16,"tag":108,"props":8304,"children":8305},{"class":110,"line":111},[8306,8310,8315,8319],{"type":16,"tag":108,"props":8307,"children":8308},{"style":453},[8309],{"type":22,"value":456},{"type":16,"tag":108,"props":8311,"children":8312},{"style":121},[8313],{"type":22,"value":8314}," ColorPicker",{"type":16,"tag":108,"props":8316,"children":8317},{"style":453},[8318],{"type":22,"value":466},{"type":16,"tag":108,"props":8320,"children":8321},{"style":137},[8322],{"type":22,"value":8323}," \"@stimulus-components/color-picker\"\n",{"type":16,"tag":108,"props":8325,"children":8326},{"class":110,"line":297},[8327],{"type":16,"tag":108,"props":8328,"children":8329},{"emptyLinePlaceholder":477},[8330],{"type":22,"value":480},{"type":16,"tag":108,"props":8332,"children":8333},{"class":110,"line":315},[8334,8338,8342,8346,8350,8354],{"type":16,"tag":108,"props":8335,"children":8336},{"style":453},[8337],{"type":22,"value":488},{"type":16,"tag":108,"props":8339,"children":8340},{"style":453},[8341],{"type":22,"value":493},{"type":16,"tag":108,"props":8343,"children":8344},{"style":453},[8345],{"type":22,"value":498},{"type":16,"tag":108,"props":8347,"children":8348},{"style":453},[8349],{"type":22,"value":503},{"type":16,"tag":108,"props":8351,"children":8352},{"style":506},[8353],{"type":22,"value":8314},{"type":16,"tag":108,"props":8355,"children":8356},{"style":115},[8357],{"type":22,"value":513},{"type":16,"tag":108,"props":8359,"children":8360},{"class":110,"line":333},[8361,8365],{"type":16,"tag":108,"props":8362,"children":8363},{"style":519},[8364],{"type":22,"value":1525},{"type":16,"tag":108,"props":8366,"children":8367},{"style":115},[8368],{"type":22,"value":1530},{"type":16,"tag":108,"props":8370,"children":8371},{"class":110,"line":351},[8372,8376,8380,8384],{"type":16,"tag":108,"props":8373,"children":8374},{"style":544},[8375],{"type":22,"value":547},{"type":16,"tag":108,"props":8377,"children":8378},{"style":115},[8379],{"type":22,"value":46},{"type":16,"tag":108,"props":8381,"children":8382},{"style":519},[8383],{"type":22,"value":1546},{"type":16,"tag":108,"props":8385,"children":8386},{"style":115},[8387],{"type":22,"value":1551},{"type":16,"tag":108,"props":8389,"children":8390},{"class":110,"line":369},[8391,8395,8399,8403,8407,8411],{"type":16,"tag":108,"props":8392,"children":8393},{"style":506},[8394],{"type":22,"value":577},{"type":16,"tag":108,"props":8396,"children":8397},{"style":115},[8398],{"type":22,"value":46},{"type":16,"tag":108,"props":8400,"children":8401},{"style":519},[8402],{"type":22,"value":586},{"type":16,"tag":108,"props":8404,"children":8405},{"style":115},[8406],{"type":22,"value":527},{"type":16,"tag":108,"props":8408,"children":8409},{"style":137},[8410],{"type":22,"value":595},{"type":16,"tag":108,"props":8412,"children":8413},{"style":115},[8414],{"type":22,"value":569},{"type":16,"tag":108,"props":8416,"children":8417},{"class":110,"line":602},[8418],{"type":16,"tag":108,"props":8419,"children":8420},{"emptyLinePlaceholder":477},[8421],{"type":22,"value":480},{"type":16,"tag":108,"props":8423,"children":8424},{"class":110,"line":611},[8425],{"type":16,"tag":108,"props":8426,"children":8427},{"style":1798},[8428],{"type":22,"value":8429},"    // Pickr instance\n",{"type":16,"tag":108,"props":8431,"children":8432},{"class":110,"line":619},[8433,8437,8441],{"type":16,"tag":108,"props":8434,"children":8435},{"style":506},[8436],{"type":22,"value":3133},{"type":16,"tag":108,"props":8438,"children":8439},{"style":115},[8440],{"type":22,"value":46},{"type":16,"tag":108,"props":8442,"children":8443},{"style":121},[8444],{"type":22,"value":8445},"picker\n",{"type":16,"tag":108,"props":8447,"children":8448},{"class":110,"line":640},[8449],{"type":16,"tag":108,"props":8450,"children":8451},{"style":115},[8452],{"type":22,"value":608},{"type":16,"tag":108,"props":8454,"children":8455},{"class":110,"line":669},[8456],{"type":16,"tag":108,"props":8457,"children":8458},{"emptyLinePlaceholder":477},[8459],{"type":22,"value":480},{"type":16,"tag":108,"props":8461,"children":8462},{"class":110,"line":677},[8463],{"type":16,"tag":108,"props":8464,"children":8465},{"style":1798},[8466],{"type":22,"value":8467},"  // Callback when the color is saved\n",{"type":16,"tag":108,"props":8469,"children":8470},{"class":110,"line":2008},[8471,8476,8480,8485],{"type":16,"tag":108,"props":8472,"children":8473},{"style":519},[8474],{"type":22,"value":8475},"  onSave",{"type":16,"tag":108,"props":8477,"children":8478},{"style":115},[8479],{"type":22,"value":527},{"type":16,"tag":108,"props":8481,"children":8482},{"style":530},[8483],{"type":22,"value":8484},"color",{"type":16,"tag":108,"props":8486,"children":8487},{"style":115},[8488],{"type":22,"value":538},{"type":16,"tag":108,"props":8490,"children":8491},{"class":110,"line":785},[8492,8496,8500,8505,8509,8513],{"type":16,"tag":108,"props":8493,"children":8494},{"style":544},[8495],{"type":22,"value":547},{"type":16,"tag":108,"props":8497,"children":8498},{"style":115},[8499],{"type":22,"value":46},{"type":16,"tag":108,"props":8501,"children":8502},{"style":519},[8503],{"type":22,"value":8504},"onSave",{"type":16,"tag":108,"props":8506,"children":8507},{"style":115},[8508],{"type":22,"value":527},{"type":16,"tag":108,"props":8510,"children":8511},{"style":121},[8512],{"type":22,"value":8484},{"type":16,"tag":108,"props":8514,"children":8515},{"style":115},[8516],{"type":22,"value":569},{"type":16,"tag":108,"props":8518,"children":8519},{"class":110,"line":2033},[8520],{"type":16,"tag":108,"props":8521,"children":8522},{"style":115},[8523],{"type":22,"value":608},{"type":16,"tag":108,"props":8525,"children":8526},{"class":110,"line":3198},[8527],{"type":16,"tag":108,"props":8528,"children":8529},{"emptyLinePlaceholder":477},[8530],{"type":22,"value":480},{"type":16,"tag":108,"props":8532,"children":8533},{"class":110,"line":3216},[8534],{"type":16,"tag":108,"props":8535,"children":8536},{"style":1798},[8537],{"type":22,"value":8538},"  // You can override the components options with this getter.\n",{"type":16,"tag":108,"props":8540,"children":8541},{"class":110,"line":3229},[8542],{"type":16,"tag":108,"props":8543,"children":8544},{"style":1798},[8545],{"type":22,"value":8546},"  // Here are the default options.\n",{"type":16,"tag":108,"props":8548,"children":8549},{"class":110,"line":3238},[8550,8554,8559],{"type":16,"tag":108,"props":8551,"children":8552},{"style":453},[8553],{"type":22,"value":3204},{"type":16,"tag":108,"props":8555,"children":8556},{"style":519},[8557],{"type":22,"value":8558}," componentOptions",{"type":16,"tag":108,"props":8560,"children":8561},{"style":115},[8562],{"type":22,"value":1530},{"type":16,"tag":108,"props":8564,"children":8565},{"class":110,"line":3247},[8566,8570],{"type":16,"tag":108,"props":8567,"children":8568},{"style":453},[8569],{"type":22,"value":3222},{"type":16,"tag":108,"props":8571,"children":8572},{"style":115},[8573],{"type":22,"value":513},{"type":16,"tag":108,"props":8575,"children":8576},{"class":110,"line":3255},[8577,8582,8586,8591],{"type":16,"tag":108,"props":8578,"children":8579},{"style":121},[8580],{"type":22,"value":8581},"      preview",{"type":16,"tag":108,"props":8583,"children":8584},{"style":115},[8585],{"type":22,"value":2231},{"type":16,"tag":108,"props":8587,"children":8588},{"style":126},[8589],{"type":22,"value":8590},"true",{"type":16,"tag":108,"props":8592,"children":8593},{"style":115},[8594],{"type":22,"value":2241},{"type":16,"tag":108,"props":8596,"children":8597},{"class":110,"line":4676},[8598,8603,8607,8611],{"type":16,"tag":108,"props":8599,"children":8600},{"style":121},[8601],{"type":22,"value":8602},"      hue",{"type":16,"tag":108,"props":8604,"children":8605},{"style":115},[8606],{"type":22,"value":2231},{"type":16,"tag":108,"props":8608,"children":8609},{"style":126},[8610],{"type":22,"value":8590},{"type":16,"tag":108,"props":8612,"children":8613},{"style":115},[8614],{"type":22,"value":2241},{"type":16,"tag":108,"props":8616,"children":8617},{"class":110,"line":4685},[8618],{"type":16,"tag":108,"props":8619,"children":8620},{"emptyLinePlaceholder":477},[8621],{"type":22,"value":480},{"type":16,"tag":108,"props":8623,"children":8624},{"class":110,"line":5319},[8625,8630],{"type":16,"tag":108,"props":8626,"children":8627},{"style":121},[8628],{"type":22,"value":8629},"      interaction",{"type":16,"tag":108,"props":8631,"children":8632},{"style":115},[8633],{"type":22,"value":2218},{"type":16,"tag":108,"props":8635,"children":8636},{"class":110,"line":5348},[8637,8642,8646,8650],{"type":16,"tag":108,"props":8638,"children":8639},{"style":121},[8640],{"type":22,"value":8641},"        input",{"type":16,"tag":108,"props":8643,"children":8644},{"style":115},[8645],{"type":22,"value":2231},{"type":16,"tag":108,"props":8647,"children":8648},{"style":126},[8649],{"type":22,"value":8590},{"type":16,"tag":108,"props":8651,"children":8652},{"style":115},[8653],{"type":22,"value":2241},{"type":16,"tag":108,"props":8655,"children":8656},{"class":110,"line":5356},[8657,8662,8666,8670],{"type":16,"tag":108,"props":8658,"children":8659},{"style":121},[8660],{"type":22,"value":8661},"        clear",{"type":16,"tag":108,"props":8663,"children":8664},{"style":115},[8665],{"type":22,"value":2231},{"type":16,"tag":108,"props":8667,"children":8668},{"style":126},[8669],{"type":22,"value":8590},{"type":16,"tag":108,"props":8671,"children":8672},{"style":115},[8673],{"type":22,"value":2241},{"type":16,"tag":108,"props":8675,"children":8676},{"class":110,"line":5364},[8677,8682,8686,8690],{"type":16,"tag":108,"props":8678,"children":8679},{"style":121},[8680],{"type":22,"value":8681},"        save",{"type":16,"tag":108,"props":8683,"children":8684},{"style":115},[8685],{"type":22,"value":2231},{"type":16,"tag":108,"props":8687,"children":8688},{"style":126},[8689],{"type":22,"value":8590},{"type":16,"tag":108,"props":8691,"children":8692},{"style":115},[8693],{"type":22,"value":2241},{"type":16,"tag":108,"props":8695,"children":8696},{"class":110,"line":5373},[8697],{"type":16,"tag":108,"props":8698,"children":8699},{"style":115},[8700],{"type":22,"value":5463},{"type":16,"tag":108,"props":8702,"children":8703},{"class":110,"line":5389},[8704],{"type":16,"tag":108,"props":8705,"children":8706},{"style":115},[8707],{"type":22,"value":3244},{"type":16,"tag":108,"props":8709,"children":8710},{"class":110,"line":5401},[8711],{"type":16,"tag":108,"props":8712,"children":8713},{"style":115},[8714],{"type":22,"value":608},{"type":16,"tag":108,"props":8716,"children":8717},{"class":110,"line":5423},[8718],{"type":16,"tag":108,"props":8719,"children":8720},{"emptyLinePlaceholder":477},[8721],{"type":22,"value":480},{"type":16,"tag":108,"props":8723,"children":8724},{"class":110,"line":5436},[8725],{"type":16,"tag":108,"props":8726,"children":8727},{"style":1798},[8728],{"type":22,"value":8729},"  // You can override the swatches with this getter.\n",{"type":16,"tag":108,"props":8731,"children":8732},{"class":110,"line":5457},[8733],{"type":16,"tag":108,"props":8734,"children":8735},{"style":1798},[8736],{"type":22,"value":8546},{"type":16,"tag":108,"props":8738,"children":8739},{"class":110,"line":5466},[8740,8744,8749],{"type":16,"tag":108,"props":8741,"children":8742},{"style":453},[8743],{"type":22,"value":3204},{"type":16,"tag":108,"props":8745,"children":8746},{"style":519},[8747],{"type":22,"value":8748}," swatches",{"type":16,"tag":108,"props":8750,"children":8751},{"style":115},[8752],{"type":22,"value":1530},{"type":16,"tag":108,"props":8754,"children":8755},{"class":110,"line":5474},[8756,8760],{"type":16,"tag":108,"props":8757,"children":8758},{"style":453},[8759],{"type":22,"value":3222},{"type":16,"tag":108,"props":8761,"children":8762},{"style":115},[8763],{"type":22,"value":8764}," [\n",{"type":16,"tag":108,"props":8766,"children":8767},{"class":110,"line":5482},[8768,8773],{"type":16,"tag":108,"props":8769,"children":8770},{"style":137},[8771],{"type":22,"value":8772},"      \"#A0AEC0\"",{"type":16,"tag":108,"props":8774,"children":8775},{"style":115},[8776],{"type":22,"value":2241},{"type":16,"tag":108,"props":8778,"children":8780},{"class":110,"line":8779},37,[8781,8786],{"type":16,"tag":108,"props":8782,"children":8783},{"style":137},[8784],{"type":22,"value":8785},"      \"#F56565\"",{"type":16,"tag":108,"props":8787,"children":8788},{"style":115},[8789],{"type":22,"value":2241},{"type":16,"tag":108,"props":8791,"children":8793},{"class":110,"line":8792},38,[8794,8799],{"type":16,"tag":108,"props":8795,"children":8796},{"style":137},[8797],{"type":22,"value":8798},"      \"#ED8936\"",{"type":16,"tag":108,"props":8800,"children":8801},{"style":115},[8802],{"type":22,"value":2241},{"type":16,"tag":108,"props":8804,"children":8806},{"class":110,"line":8805},39,[8807,8812],{"type":16,"tag":108,"props":8808,"children":8809},{"style":137},[8810],{"type":22,"value":8811},"      \"#ECC94B\"",{"type":16,"tag":108,"props":8813,"children":8814},{"style":115},[8815],{"type":22,"value":2241},{"type":16,"tag":108,"props":8817,"children":8819},{"class":110,"line":8818},40,[8820,8825],{"type":16,"tag":108,"props":8821,"children":8822},{"style":137},[8823],{"type":22,"value":8824},"      \"#48BB78\"",{"type":16,"tag":108,"props":8826,"children":8827},{"style":115},[8828],{"type":22,"value":2241},{"type":16,"tag":108,"props":8830,"children":8832},{"class":110,"line":8831},41,[8833,8838],{"type":16,"tag":108,"props":8834,"children":8835},{"style":137},[8836],{"type":22,"value":8837},"      \"#38B2AC\"",{"type":16,"tag":108,"props":8839,"children":8840},{"style":115},[8841],{"type":22,"value":2241},{"type":16,"tag":108,"props":8843,"children":8845},{"class":110,"line":8844},42,[8846,8851],{"type":16,"tag":108,"props":8847,"children":8848},{"style":137},[8849],{"type":22,"value":8850},"      \"#4299E1\"",{"type":16,"tag":108,"props":8852,"children":8853},{"style":115},[8854],{"type":22,"value":2241},{"type":16,"tag":108,"props":8856,"children":8858},{"class":110,"line":8857},43,[8859,8864],{"type":16,"tag":108,"props":8860,"children":8861},{"style":137},[8862],{"type":22,"value":8863},"      \"#667EEA\"",{"type":16,"tag":108,"props":8865,"children":8866},{"style":115},[8867],{"type":22,"value":2241},{"type":16,"tag":108,"props":8869,"children":8871},{"class":110,"line":8870},44,[8872,8877],{"type":16,"tag":108,"props":8873,"children":8874},{"style":137},[8875],{"type":22,"value":8876},"      \"#9F7AEA\"",{"type":16,"tag":108,"props":8878,"children":8879},{"style":115},[8880],{"type":22,"value":2241},{"type":16,"tag":108,"props":8882,"children":8884},{"class":110,"line":8883},45,[8885,8890],{"type":16,"tag":108,"props":8886,"children":8887},{"style":137},[8888],{"type":22,"value":8889},"      \"#ED64A6\"",{"type":16,"tag":108,"props":8891,"children":8892},{"style":115},[8893],{"type":22,"value":2241},{"type":16,"tag":108,"props":8895,"children":8897},{"class":110,"line":8896},46,[8898],{"type":16,"tag":108,"props":8899,"children":8900},{"style":115},[8901],{"type":22,"value":8902},"    ]\n",{"type":16,"tag":108,"props":8904,"children":8906},{"class":110,"line":8905},47,[8907],{"type":16,"tag":108,"props":8908,"children":8909},{"style":115},[8910],{"type":22,"value":608},{"type":16,"tag":108,"props":8912,"children":8914},{"class":110,"line":8913},48,[8915],{"type":16,"tag":108,"props":8916,"children":8917},{"style":115},[8918],{"type":22,"value":683},{"type":16,"tag":685,"props":8920,"children":8921},{},[8922],{"type":22,"value":689},{"title":7,"searchDepth":297,"depth":297,"links":8924},[8925,8926,8927,8928,8929],{"id":19,"depth":297,"text":23},{"id":49,"depth":297,"text":52},{"id":58,"depth":297,"text":61},{"id":1224,"depth":297,"text":1227},{"id":428,"depth":297,"text":431},"content:docs:stimulus-color-picker.md","docs/stimulus-color-picker.md","docs/stimulus-color-picker",{"_path":8934,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8935,"description":8936,"package":8937,"packagePath":8938,"body":8939,"_type":696,"_id":9628,"_source":698,"_file":9629,"_stem":9630,"_extension":701},"/docs/stimulus-confirmation","Confirmation","A Stimulus controller to confirm actions manually.","confirmation","@stimulus-components/confirmation",{"type":13,"children":8940,"toc":9622},[8941,8945,8948,8954,8959,8962,8967,8971,8975,8986,9012,9420,9424,9618],{"type":16,"tag":17,"props":8942,"children":8943},{"id":19},[8944],{"type":22,"value":23},{"type":16,"tag":25,"props":8946,"children":8947},{":package":27,":package-path":28},[],{"type":16,"tag":17,"props":8949,"children":8951},{"id":8950},"examples",[8952],{"type":22,"value":8953},"Examples",{"type":16,"tag":31,"props":8955,"children":8956},{},[8957],{"type":22,"value":8958},"Basic example",{"type":16,"tag":8937,"props":8960,"children":8961},{},[],{"type":16,"tag":31,"props":8963,"children":8964},{},[8965],{"type":22,"value":8966},"You can also use multiple inputs and checkboxes, or just checkboxes, to activate multiple buttons and inputs.",{"type":16,"tag":8968,"props":8969,"children":8970},"confirmation-checkboxes",{},[],{"type":16,"tag":17,"props":8972,"children":8973},{"id":58},[8974],{"type":22,"value":61},{"type":16,"tag":31,"props":8976,"children":8977},{},[8978,8984],{"type":16,"tag":68,"props":8979,"children":8981},{"className":8980},[],[8982],{"type":22,"value":8983},"data-confirmation-content",{"type":22,"value":8985}," can contain any desired value.",{"type":16,"tag":31,"props":8987,"children":8988},{},[8989,8991,8996,8998,9003,9005,9011],{"type":22,"value":8990},"It is only required if used on an ",{"type":16,"tag":68,"props":8992,"children":8994},{"className":8993},[],[8995],{"type":22,"value":73},{"type":22,"value":8997}," element of type ",{"type":16,"tag":68,"props":8999,"children":9001},{"className":9000},[],[9002],{"type":22,"value":7444},{"type":22,"value":9004}," that also includes the attribute ",{"type":16,"tag":68,"props":9006,"children":9008},{"className":9007},[],[9009],{"type":22,"value":9010},"data-confirmation-target=\"input\"",{"type":22,"value":46},{"type":16,"tag":93,"props":9013,"children":9014},{"tab-name":95},[9015],{"type":16,"tag":98,"props":9016,"children":9018},{"className":100,"code":9017,"language":102,"meta":7,"style":7},"\u003Cform data-controller=\"confirmation\">\n  \u003Cinput data-confirmation-target=\"input\" data-confirmation-content=\"DELETE\" data-action=\"confirmation#check\" />\n\n  \u003Clabel>\n    \u003Cinput data-confirmation-target=\"input\" data-action=\"confirmation#check\" type=\"checkbox\" />\n\n    I have read the terms and conditions\n  \u003C/label>\n\n  \u003Clabel>\n    \u003Cinput data-confirmation-target=\"input\" data-action=\"confirmation#check\" type=\"checkbox\" />\n\n    I confirm that I want to permanently delete this project\n  \u003C/label>\n\n  \u003Cbutton type=\"submit\" data-confirmation-target=\"item\" disabled>Delete\u003C/button>\n  \u003Cinput data-confirmation-target=\"item\" disabled />\n\u003C/form>\n",[9019],{"type":16,"tag":68,"props":9020,"children":9021},{"__ignoreMap":7},[9022,9051,9106,9113,9128,9179,9186,9194,9209,9216,9231,9282,9289,9297,9312,9319,9374,9405],{"type":16,"tag":108,"props":9023,"children":9024},{"class":110,"line":111},[9025,9029,9034,9038,9042,9047],{"type":16,"tag":108,"props":9026,"children":9027},{"style":115},[9028],{"type":22,"value":118},{"type":16,"tag":108,"props":9030,"children":9031},{"style":121},[9032],{"type":22,"value":9033},"form",{"type":16,"tag":108,"props":9035,"children":9036},{"style":126},[9037],{"type":22,"value":145},{"type":16,"tag":108,"props":9039,"children":9040},{"style":115},[9041],{"type":22,"value":134},{"type":16,"tag":108,"props":9043,"children":9044},{"style":137},[9045],{"type":22,"value":9046},"\"confirmation\"",{"type":16,"tag":108,"props":9048,"children":9049},{"style":115},[9050],{"type":22,"value":182},{"type":16,"tag":108,"props":9052,"children":9053},{"class":110,"line":297},[9054,9058,9062,9067,9071,9075,9080,9084,9089,9093,9097,9102],{"type":16,"tag":108,"props":9055,"children":9056},{"style":115},[9057],{"type":22,"value":1737},{"type":16,"tag":108,"props":9059,"children":9060},{"style":121},[9061],{"type":22,"value":73},{"type":16,"tag":108,"props":9063,"children":9064},{"style":126},[9065],{"type":22,"value":9066}," data-confirmation-target",{"type":16,"tag":108,"props":9068,"children":9069},{"style":115},[9070],{"type":22,"value":134},{"type":16,"tag":108,"props":9072,"children":9073},{"style":137},[9074],{"type":22,"value":3364},{"type":16,"tag":108,"props":9076,"children":9077},{"style":126},[9078],{"type":22,"value":9079}," data-confirmation-content",{"type":16,"tag":108,"props":9081,"children":9082},{"style":115},[9083],{"type":22,"value":134},{"type":16,"tag":108,"props":9085,"children":9086},{"style":137},[9087],{"type":22,"value":9088},"\"DELETE\"",{"type":16,"tag":108,"props":9090,"children":9091},{"style":126},[9092],{"type":22,"value":159},{"type":16,"tag":108,"props":9094,"children":9095},{"style":115},[9096],{"type":22,"value":134},{"type":16,"tag":108,"props":9098,"children":9099},{"style":137},[9100],{"type":22,"value":9101},"\"confirmation#check\"",{"type":16,"tag":108,"props":9103,"children":9104},{"style":115},[9105],{"type":22,"value":5739},{"type":16,"tag":108,"props":9107,"children":9108},{"class":110,"line":315},[9109],{"type":16,"tag":108,"props":9110,"children":9111},{"emptyLinePlaceholder":477},[9112],{"type":22,"value":480},{"type":16,"tag":108,"props":9114,"children":9115},{"class":110,"line":333},[9116,9120,9124],{"type":16,"tag":108,"props":9117,"children":9118},{"style":115},[9119],{"type":22,"value":1737},{"type":16,"tag":108,"props":9121,"children":9122},{"style":121},[9123],{"type":22,"value":5691},{"type":16,"tag":108,"props":9125,"children":9126},{"style":115},[9127],{"type":22,"value":182},{"type":16,"tag":108,"props":9129,"children":9130},{"class":110,"line":351},[9131,9135,9139,9143,9147,9151,9155,9159,9163,9167,9171,9175],{"type":16,"tag":108,"props":9132,"children":9133},{"style":115},[9134],{"type":22,"value":2556},{"type":16,"tag":108,"props":9136,"children":9137},{"style":121},[9138],{"type":22,"value":73},{"type":16,"tag":108,"props":9140,"children":9141},{"style":126},[9142],{"type":22,"value":9066},{"type":16,"tag":108,"props":9144,"children":9145},{"style":115},[9146],{"type":22,"value":134},{"type":16,"tag":108,"props":9148,"children":9149},{"style":137},[9150],{"type":22,"value":3364},{"type":16,"tag":108,"props":9152,"children":9153},{"style":126},[9154],{"type":22,"value":159},{"type":16,"tag":108,"props":9156,"children":9157},{"style":115},[9158],{"type":22,"value":134},{"type":16,"tag":108,"props":9160,"children":9161},{"style":137},[9162],{"type":22,"value":9101},{"type":16,"tag":108,"props":9164,"children":9165},{"style":126},[9166],{"type":22,"value":217},{"type":16,"tag":108,"props":9168,"children":9169},{"style":115},[9170],{"type":22,"value":134},{"type":16,"tag":108,"props":9172,"children":9173},{"style":137},[9174],{"type":22,"value":5720},{"type":16,"tag":108,"props":9176,"children":9177},{"style":115},[9178],{"type":22,"value":5739},{"type":16,"tag":108,"props":9180,"children":9181},{"class":110,"line":369},[9182],{"type":16,"tag":108,"props":9183,"children":9184},{"emptyLinePlaceholder":477},[9185],{"type":22,"value":480},{"type":16,"tag":108,"props":9187,"children":9188},{"class":110,"line":602},[9189],{"type":16,"tag":108,"props":9190,"children":9191},{"style":115},[9192],{"type":22,"value":9193},"    I have read the terms and conditions\n",{"type":16,"tag":108,"props":9195,"children":9196},{"class":110,"line":611},[9197,9201,9205],{"type":16,"tag":108,"props":9198,"children":9199},{"style":115},[9200],{"type":22,"value":1867},{"type":16,"tag":108,"props":9202,"children":9203},{"style":121},[9204],{"type":22,"value":5691},{"type":16,"tag":108,"props":9206,"children":9207},{"style":115},[9208],{"type":22,"value":182},{"type":16,"tag":108,"props":9210,"children":9211},{"class":110,"line":619},[9212],{"type":16,"tag":108,"props":9213,"children":9214},{"emptyLinePlaceholder":477},[9215],{"type":22,"value":480},{"type":16,"tag":108,"props":9217,"children":9218},{"class":110,"line":640},[9219,9223,9227],{"type":16,"tag":108,"props":9220,"children":9221},{"style":115},[9222],{"type":22,"value":1737},{"type":16,"tag":108,"props":9224,"children":9225},{"style":121},[9226],{"type":22,"value":5691},{"type":16,"tag":108,"props":9228,"children":9229},{"style":115},[9230],{"type":22,"value":182},{"type":16,"tag":108,"props":9232,"children":9233},{"class":110,"line":669},[9234,9238,9242,9246,9250,9254,9258,9262,9266,9270,9274,9278],{"type":16,"tag":108,"props":9235,"children":9236},{"style":115},[9237],{"type":22,"value":2556},{"type":16,"tag":108,"props":9239,"children":9240},{"style":121},[9241],{"type":22,"value":73},{"type":16,"tag":108,"props":9243,"children":9244},{"style":126},[9245],{"type":22,"value":9066},{"type":16,"tag":108,"props":9247,"children":9248},{"style":115},[9249],{"type":22,"value":134},{"type":16,"tag":108,"props":9251,"children":9252},{"style":137},[9253],{"type":22,"value":3364},{"type":16,"tag":108,"props":9255,"children":9256},{"style":126},[9257],{"type":22,"value":159},{"type":16,"tag":108,"props":9259,"children":9260},{"style":115},[9261],{"type":22,"value":134},{"type":16,"tag":108,"props":9263,"children":9264},{"style":137},[9265],{"type":22,"value":9101},{"type":16,"tag":108,"props":9267,"children":9268},{"style":126},[9269],{"type":22,"value":217},{"type":16,"tag":108,"props":9271,"children":9272},{"style":115},[9273],{"type":22,"value":134},{"type":16,"tag":108,"props":9275,"children":9276},{"style":137},[9277],{"type":22,"value":5720},{"type":16,"tag":108,"props":9279,"children":9280},{"style":115},[9281],{"type":22,"value":5739},{"type":16,"tag":108,"props":9283,"children":9284},{"class":110,"line":677},[9285],{"type":16,"tag":108,"props":9286,"children":9287},{"emptyLinePlaceholder":477},[9288],{"type":22,"value":480},{"type":16,"tag":108,"props":9290,"children":9291},{"class":110,"line":2008},[9292],{"type":16,"tag":108,"props":9293,"children":9294},{"style":115},[9295],{"type":22,"value":9296},"    I confirm that I want to permanently delete this project\n",{"type":16,"tag":108,"props":9298,"children":9299},{"class":110,"line":785},[9300,9304,9308],{"type":16,"tag":108,"props":9301,"children":9302},{"style":115},[9303],{"type":22,"value":1867},{"type":16,"tag":108,"props":9305,"children":9306},{"style":121},[9307],{"type":22,"value":5691},{"type":16,"tag":108,"props":9309,"children":9310},{"style":115},[9311],{"type":22,"value":182},{"type":16,"tag":108,"props":9313,"children":9314},{"class":110,"line":2033},[9315],{"type":16,"tag":108,"props":9316,"children":9317},{"emptyLinePlaceholder":477},[9318],{"type":22,"value":480},{"type":16,"tag":108,"props":9320,"children":9321},{"class":110,"line":3198},[9322,9326,9330,9334,9338,9343,9347,9351,9356,9361,9366,9370],{"type":16,"tag":108,"props":9323,"children":9324},{"style":115},[9325],{"type":22,"value":1737},{"type":16,"tag":108,"props":9327,"children":9328},{"style":121},[9329],{"type":22,"value":212},{"type":16,"tag":108,"props":9331,"children":9332},{"style":126},[9333],{"type":22,"value":217},{"type":16,"tag":108,"props":9335,"children":9336},{"style":115},[9337],{"type":22,"value":134},{"type":16,"tag":108,"props":9339,"children":9340},{"style":137},[9341],{"type":22,"value":9342},"\"submit\"",{"type":16,"tag":108,"props":9344,"children":9345},{"style":126},[9346],{"type":22,"value":9066},{"type":16,"tag":108,"props":9348,"children":9349},{"style":115},[9350],{"type":22,"value":134},{"type":16,"tag":108,"props":9352,"children":9353},{"style":137},[9354],{"type":22,"value":9355},"\"item\"",{"type":16,"tag":108,"props":9357,"children":9358},{"style":126},[9359],{"type":22,"value":9360}," disabled",{"type":16,"tag":108,"props":9362,"children":9363},{"style":115},[9364],{"type":22,"value":9365},">Delete\u003C/",{"type":16,"tag":108,"props":9367,"children":9368},{"style":121},[9369],{"type":22,"value":212},{"type":16,"tag":108,"props":9371,"children":9372},{"style":115},[9373],{"type":22,"value":182},{"type":16,"tag":108,"props":9375,"children":9376},{"class":110,"line":3216},[9377,9381,9385,9389,9393,9397,9401],{"type":16,"tag":108,"props":9378,"children":9379},{"style":115},[9380],{"type":22,"value":1737},{"type":16,"tag":108,"props":9382,"children":9383},{"style":121},[9384],{"type":22,"value":73},{"type":16,"tag":108,"props":9386,"children":9387},{"style":126},[9388],{"type":22,"value":9066},{"type":16,"tag":108,"props":9390,"children":9391},{"style":115},[9392],{"type":22,"value":134},{"type":16,"tag":108,"props":9394,"children":9395},{"style":137},[9396],{"type":22,"value":9355},{"type":16,"tag":108,"props":9398,"children":9399},{"style":126},[9400],{"type":22,"value":9360},{"type":16,"tag":108,"props":9402,"children":9403},{"style":115},[9404],{"type":22,"value":5739},{"type":16,"tag":108,"props":9406,"children":9407},{"class":110,"line":3229},[9408,9412,9416],{"type":16,"tag":108,"props":9409,"children":9410},{"style":115},[9411],{"type":22,"value":924},{"type":16,"tag":108,"props":9413,"children":9414},{"style":121},[9415],{"type":22,"value":9033},{"type":16,"tag":108,"props":9417,"children":9418},{"style":115},[9419],{"type":22,"value":182},{"type":16,"tag":17,"props":9421,"children":9422},{"id":428},[9423],{"type":22,"value":431},{"type":16,"tag":428,"props":9425,"children":9426},{},[9427],{"type":16,"tag":93,"props":9428,"children":9430},{"tab-name":9429},"app/javascript/controllers/confirmation_controller.js",[9431],{"type":16,"tag":98,"props":9432,"children":9434},{"className":441,"code":9433,"language":443,"meta":7,"style":7},"import Confirmation from \"@stimulus-components/confirmation\"\n\nexport default class extends Confirmation {\n  connect() {\n    super.connect()\n    console.log(\"Do what you want here.\")\n  }\n\n  // Function to determine whether the inputs should be enabled.\n  check() {\n    super.check()\n  }\n}\n",[9435],{"type":16,"tag":68,"props":9436,"children":9437},{"__ignoreMap":7},[9438,9459,9466,9493,9504,9523,9550,9557,9564,9572,9584,9604,9611],{"type":16,"tag":108,"props":9439,"children":9440},{"class":110,"line":111},[9441,9445,9450,9454],{"type":16,"tag":108,"props":9442,"children":9443},{"style":453},[9444],{"type":22,"value":456},{"type":16,"tag":108,"props":9446,"children":9447},{"style":121},[9448],{"type":22,"value":9449}," Confirmation",{"type":16,"tag":108,"props":9451,"children":9452},{"style":453},[9453],{"type":22,"value":466},{"type":16,"tag":108,"props":9455,"children":9456},{"style":137},[9457],{"type":22,"value":9458}," \"@stimulus-components/confirmation\"\n",{"type":16,"tag":108,"props":9460,"children":9461},{"class":110,"line":297},[9462],{"type":16,"tag":108,"props":9463,"children":9464},{"emptyLinePlaceholder":477},[9465],{"type":22,"value":480},{"type":16,"tag":108,"props":9467,"children":9468},{"class":110,"line":315},[9469,9473,9477,9481,9485,9489],{"type":16,"tag":108,"props":9470,"children":9471},{"style":453},[9472],{"type":22,"value":488},{"type":16,"tag":108,"props":9474,"children":9475},{"style":453},[9476],{"type":22,"value":493},{"type":16,"tag":108,"props":9478,"children":9479},{"style":453},[9480],{"type":22,"value":498},{"type":16,"tag":108,"props":9482,"children":9483},{"style":453},[9484],{"type":22,"value":503},{"type":16,"tag":108,"props":9486,"children":9487},{"style":506},[9488],{"type":22,"value":9449},{"type":16,"tag":108,"props":9490,"children":9491},{"style":115},[9492],{"type":22,"value":513},{"type":16,"tag":108,"props":9494,"children":9495},{"class":110,"line":333},[9496,9500],{"type":16,"tag":108,"props":9497,"children":9498},{"style":519},[9499],{"type":22,"value":1525},{"type":16,"tag":108,"props":9501,"children":9502},{"style":115},[9503],{"type":22,"value":1530},{"type":16,"tag":108,"props":9505,"children":9506},{"class":110,"line":351},[9507,9511,9515,9519],{"type":16,"tag":108,"props":9508,"children":9509},{"style":544},[9510],{"type":22,"value":547},{"type":16,"tag":108,"props":9512,"children":9513},{"style":115},[9514],{"type":22,"value":46},{"type":16,"tag":108,"props":9516,"children":9517},{"style":519},[9518],{"type":22,"value":1546},{"type":16,"tag":108,"props":9520,"children":9521},{"style":115},[9522],{"type":22,"value":1551},{"type":16,"tag":108,"props":9524,"children":9525},{"class":110,"line":369},[9526,9530,9534,9538,9542,9546],{"type":16,"tag":108,"props":9527,"children":9528},{"style":506},[9529],{"type":22,"value":577},{"type":16,"tag":108,"props":9531,"children":9532},{"style":115},[9533],{"type":22,"value":46},{"type":16,"tag":108,"props":9535,"children":9536},{"style":519},[9537],{"type":22,"value":586},{"type":16,"tag":108,"props":9539,"children":9540},{"style":115},[9541],{"type":22,"value":527},{"type":16,"tag":108,"props":9543,"children":9544},{"style":137},[9545],{"type":22,"value":595},{"type":16,"tag":108,"props":9547,"children":9548},{"style":115},[9549],{"type":22,"value":569},{"type":16,"tag":108,"props":9551,"children":9552},{"class":110,"line":602},[9553],{"type":16,"tag":108,"props":9554,"children":9555},{"style":115},[9556],{"type":22,"value":608},{"type":16,"tag":108,"props":9558,"children":9559},{"class":110,"line":611},[9560],{"type":16,"tag":108,"props":9561,"children":9562},{"emptyLinePlaceholder":477},[9563],{"type":22,"value":480},{"type":16,"tag":108,"props":9565,"children":9566},{"class":110,"line":619},[9567],{"type":16,"tag":108,"props":9568,"children":9569},{"style":1798},[9570],{"type":22,"value":9571},"  // Function to determine whether the inputs should be enabled.\n",{"type":16,"tag":108,"props":9573,"children":9574},{"class":110,"line":640},[9575,9580],{"type":16,"tag":108,"props":9576,"children":9577},{"style":519},[9578],{"type":22,"value":9579},"  check",{"type":16,"tag":108,"props":9581,"children":9582},{"style":115},[9583],{"type":22,"value":1530},{"type":16,"tag":108,"props":9585,"children":9586},{"class":110,"line":669},[9587,9591,9595,9600],{"type":16,"tag":108,"props":9588,"children":9589},{"style":544},[9590],{"type":22,"value":547},{"type":16,"tag":108,"props":9592,"children":9593},{"style":115},[9594],{"type":22,"value":46},{"type":16,"tag":108,"props":9596,"children":9597},{"style":519},[9598],{"type":22,"value":9599},"check",{"type":16,"tag":108,"props":9601,"children":9602},{"style":115},[9603],{"type":22,"value":1551},{"type":16,"tag":108,"props":9605,"children":9606},{"class":110,"line":677},[9607],{"type":16,"tag":108,"props":9608,"children":9609},{"style":115},[9610],{"type":22,"value":608},{"type":16,"tag":108,"props":9612,"children":9613},{"class":110,"line":2008},[9614],{"type":16,"tag":108,"props":9615,"children":9616},{"style":115},[9617],{"type":22,"value":683},{"type":16,"tag":685,"props":9619,"children":9620},{},[9621],{"type":22,"value":689},{"title":7,"searchDepth":297,"depth":297,"links":9623},[9624,9625,9626,9627],{"id":19,"depth":297,"text":23},{"id":8950,"depth":297,"text":8953},{"id":58,"depth":297,"text":61},{"id":428,"depth":297,"text":431},"content:docs:stimulus-confirmation.md","docs/stimulus-confirmation.md","docs/stimulus-confirmation",{"_path":9632,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":9633,"description":9634,"package":9635,"packagePath":9636,"body":9637,"_type":696,"_id":10948,"_source":698,"_file":10949,"_stem":10950,"_extension":701},"/docs/stimulus-content-loader","Content Loader","A Stimulus controller to asynchronously load HTML from an url.","content-loader","@stimulus-components/content-loader",{"type":13,"children":9638,"toc":10939},[9639,9655,9659,9679,9690,9694,9698,9701,9705,9708,9712,9716,9831,9836,9906,10569,10573,10772,10776,10916,10922,10935],{"type":16,"tag":2390,"props":9640,"children":9641},{},[9642],{"type":16,"tag":31,"props":9643,"children":9644},{},[9645,9647,9653],{"type":22,"value":9646},"If Turbo is activated within your application, you can get the same behavior using a ",{"type":16,"tag":68,"props":9648,"children":9650},{"className":9649},[],[9651],{"type":22,"value":9652},"\u003Cturbo-frame>",{"type":22,"value":9654}," without the necessity of an additional Stimulus controller.",{"type":16,"tag":17,"props":9656,"children":9657},{"id":5515},[9658],{"type":22,"value":5518},{"type":16,"tag":31,"props":9660,"children":9661},{},[9662,9669,9670,9677],{"type":16,"tag":37,"props":9663,"children":9666},{"href":9664,"rel":9665},"https://twitter.com/kobaltz",[41],[9667],{"type":22,"value":9668},"Dave Kimura",{"type":22,"value":5530},{"type":16,"tag":37,"props":9671,"children":9674},{"href":9672,"rel":9673},"https://www.driftingruby.com/",[41],[9675],{"type":22,"value":9676},"Drifting Ruby",{"type":22,"value":9678}," has released a presentation video on how to use this package with a real life example.",{"type":16,"tag":31,"props":9680,"children":9681},{},[9682,9683],{"type":22,"value":5544},{"type":16,"tag":37,"props":9684,"children":9687},{"href":9685,"rel":9686},"https://www.driftingruby.com/episodes/deferred-content-loading",[41],[9688],{"type":22,"value":9689},"Deferred Content Loading",{"type":16,"tag":5553,"props":9691,"children":9693},{"id":9692},"kZircHj1KI0",[],{"type":16,"tag":17,"props":9695,"children":9696},{"id":19},[9697],{"type":22,"value":23},{"type":16,"tag":25,"props":9699,"children":9700},{":package":27,":package-path":28},[],{"type":16,"tag":17,"props":9702,"children":9703},{"id":49},[9704],{"type":22,"value":52},{"type":16,"tag":9635,"props":9706,"children":9707},{},[],{"type":16,"tag":17,"props":9709,"children":9710},{"id":58},[9711],{"type":22,"value":61},{"type":16,"tag":31,"props":9713,"children":9714},{},[9715],{"type":22,"value":6448},{"type":16,"tag":93,"props":9717,"children":9719},{"tab-name":9718},"app/controllers/posts_controller.rb",[9720],{"type":16,"tag":98,"props":9721,"children":9723},{"className":4258,"code":9722,"language":4260,"meta":7,"style":7},"class PostsController \u003C ApplicationController\n  def comments\n    render partial: 'posts/comments', locals: { comments: @post.comments }\n  end\nend\n",[9724],{"type":16,"tag":68,"props":9725,"children":9726},{"__ignoreMap":7},[9727,9747,9759,9817,9824],{"type":16,"tag":108,"props":9728,"children":9729},{"class":110,"line":111},[9730,9734,9739,9743],{"type":16,"tag":108,"props":9731,"children":9732},{"style":453},[9733],{"type":22,"value":4272},{"type":16,"tag":108,"props":9735,"children":9736},{"style":506},[9737],{"type":22,"value":9738}," PostsController",{"type":16,"tag":108,"props":9740,"children":9741},{"style":115},[9742],{"type":22,"value":4282},{"type":16,"tag":108,"props":9744,"children":9745},{"style":506},[9746],{"type":22,"value":4287},{"type":16,"tag":108,"props":9748,"children":9749},{"class":110,"line":297},[9750,9754],{"type":16,"tag":108,"props":9751,"children":9752},{"style":453},[9753],{"type":22,"value":4295},{"type":16,"tag":108,"props":9755,"children":9756},{"style":519},[9757],{"type":22,"value":9758}," comments\n",{"type":16,"tag":108,"props":9760,"children":9761},{"class":110,"line":315},[9762,9767,9772,9776,9781,9785,9790,9794,9798,9803,9807,9812],{"type":16,"tag":108,"props":9763,"children":9764},{"style":115},[9765],{"type":22,"value":9766},"    render ",{"type":16,"tag":108,"props":9768,"children":9769},{"style":1654},[9770],{"type":22,"value":9771},"partial",{"type":16,"tag":108,"props":9773,"children":9774},{"style":126},[9775],{"type":22,"value":1662},{"type":16,"tag":108,"props":9777,"children":9778},{"style":137},[9779],{"type":22,"value":9780}," 'posts/comments'",{"type":16,"tag":108,"props":9782,"children":9783},{"style":115},[9784],{"type":22,"value":397},{"type":16,"tag":108,"props":9786,"children":9787},{"style":1654},[9788],{"type":22,"value":9789},"locals",{"type":16,"tag":108,"props":9791,"children":9792},{"style":126},[9793],{"type":22,"value":1662},{"type":16,"tag":108,"props":9795,"children":9796},{"style":115},[9797],{"type":22,"value":1685},{"type":16,"tag":108,"props":9799,"children":9800},{"style":1654},[9801],{"type":22,"value":9802},"comments",{"type":16,"tag":108,"props":9804,"children":9805},{"style":126},[9806],{"type":22,"value":1662},{"type":16,"tag":108,"props":9808,"children":9809},{"style":121},[9810],{"type":22,"value":9811}," @post",{"type":16,"tag":108,"props":9813,"children":9814},{"style":115},[9815],{"type":22,"value":9816},".comments }\n",{"type":16,"tag":108,"props":9818,"children":9819},{"class":110,"line":333},[9820],{"type":16,"tag":108,"props":9821,"children":9822},{"style":453},[9823],{"type":22,"value":4682},{"type":16,"tag":108,"props":9825,"children":9826},{"class":110,"line":351},[9827],{"type":16,"tag":108,"props":9828,"children":9829},{"style":453},[9830],{"type":22,"value":4691},{"type":16,"tag":31,"props":9832,"children":9833},{},[9834],{"type":22,"value":9835},"In your routes:",{"type":16,"tag":93,"props":9837,"children":9839},{"tab-name":9838},"config/routes.rb",[9840],{"type":16,"tag":98,"props":9841,"children":9843},{"className":4258,"code":9842,"language":4260,"meta":7,"style":7},"Rails.application.routes.draw do\n  get :comments, to: 'posts#comments'\nend\n",[9844],{"type":16,"tag":68,"props":9845,"children":9846},{"__ignoreMap":7},[9847,9865,9899],{"type":16,"tag":108,"props":9848,"children":9849},{"class":110,"line":111},[9850,9855,9860],{"type":16,"tag":108,"props":9851,"children":9852},{"style":506},[9853],{"type":22,"value":9854},"Rails",{"type":16,"tag":108,"props":9856,"children":9857},{"style":115},[9858],{"type":22,"value":9859},".application.routes.draw ",{"type":16,"tag":108,"props":9861,"children":9862},{"style":453},[9863],{"type":22,"value":9864},"do\n",{"type":16,"tag":108,"props":9866,"children":9867},{"class":110,"line":297},[9868,9873,9877,9881,9885,9890,9894],{"type":16,"tag":108,"props":9869,"children":9870},{"style":115},[9871],{"type":22,"value":9872},"  get ",{"type":16,"tag":108,"props":9874,"children":9875},{"style":126},[9876],{"type":22,"value":1662},{"type":16,"tag":108,"props":9878,"children":9879},{"style":1654},[9880],{"type":22,"value":9802},{"type":16,"tag":108,"props":9882,"children":9883},{"style":115},[9884],{"type":22,"value":397},{"type":16,"tag":108,"props":9886,"children":9887},{"style":1654},[9888],{"type":22,"value":9889},"to",{"type":16,"tag":108,"props":9891,"children":9892},{"style":126},[9893],{"type":22,"value":1662},{"type":16,"tag":108,"props":9895,"children":9896},{"style":137},[9897],{"type":22,"value":9898}," 'posts#comments'\n",{"type":16,"tag":108,"props":9900,"children":9901},{"class":110,"line":315},[9902],{"type":16,"tag":108,"props":9903,"children":9904},{"style":453},[9905],{"type":22,"value":4691},{"type":16,"tag":93,"props":9907,"children":9908},{"tab-name":5583},[9909],{"type":16,"tag":98,"props":9910,"children":9912},{"className":1632,"code":9911,"language":1634,"meta":7,"style":7},"\u003Cdiv data-controller=\"content-loader\" data-content-loader-url-value=\"\u003C%= comments_path %>\">\n  \u003Ci class=\"fas fa-spinner fa-spin\">\u003C/i>\n  Loading comments... This content will be replaced by the content of the `posts/comments` partial generated by Rails.\n\u003C/div>\n\n\u003Cdiv\n  data-controller=\"content-loader\"\n  data-content-loader-url-value=\"\u003C%= comments_path %>\"\n  data-content-loader-refresh-interval-value=\"5000\"\n>\n  This content will be reloaded every 5 seconds.\n\u003C/div>\n\n\u003Cdiv\n  data-controller=\"content-loader\"\n  data-content-loader-url-value=\"/message.html\"\n  data-content-loader-load-scripts-value=\"true\"\n>\n  This content will be replaced by the content of the `/message.html` page in your public folder.\n\u003C/div>\n\n\u003Cdiv\n  data-controller=\"content-loader\"\n  data-content-loader-url-value=\"/message.html\"\n  data-content-loader-lazy-loading-value=\"\"\n>\n  This content will be replaced only when the element become visible thanks to Intersection Observers.\n\u003C/div>\n\n\u003Cdiv\n  data-controller=\"content-loader\"\n  data-content-loader-url-value=\"/message.html\"\n  data-content-loader-lazy-loading-value=\"\"\n  data-content-loader-lazy-loading-root-margin-value=\"30px\"\n  data-content-loader-lazy-loading-threshold-value=\"0.4\"\n>\n  You can customize the Intersection Observer options.\n\u003C/div>\n\n\u003Cdiv\n  data-controller=\"content-loader\"\n  data-content-loader-url-value=\"/message.html\"\n  data-content-loader-lazy-loading-value=\"\"\n  data-content-loader-refresh-interval-value=\"5000\"\n>\n  You can combine lazy loading and refresh interval. The timer will start only after the first fetch.\n\u003C/div>\n",[9913],{"type":16,"tag":68,"props":9914,"children":9915},{"__ignoreMap":7},[9916,9974,10011,10019,10034,10041,10052,10068,10100,10117,10124,10132,10147,10154,10165,10180,10196,10213,10220,10228,10243,10250,10261,10276,10291,10307,10314,10322,10337,10344,10355,10370,10385,10400,10416,10432,10439,10446,10461,10468,10479,10494,10509,10524,10539,10546,10554],{"type":16,"tag":108,"props":9917,"children":9918},{"class":110,"line":111},[9919,9923,9927,9931,9935,9940,9945,9949,9953,9957,9962,9966,9970],{"type":16,"tag":108,"props":9920,"children":9921},{"style":115},[9922],{"type":22,"value":118},{"type":16,"tag":108,"props":9924,"children":9925},{"style":121},[9926],{"type":22,"value":929},{"type":16,"tag":108,"props":9928,"children":9929},{"style":126},[9930],{"type":22,"value":145},{"type":16,"tag":108,"props":9932,"children":9933},{"style":115},[9934],{"type":22,"value":134},{"type":16,"tag":108,"props":9936,"children":9937},{"style":137},[9938],{"type":22,"value":9939},"\"content-loader\"",{"type":16,"tag":108,"props":9941,"children":9942},{"style":126},[9943],{"type":22,"value":9944}," data-content-loader-url-value",{"type":16,"tag":108,"props":9946,"children":9947},{"style":115},[9948],{"type":22,"value":134},{"type":16,"tag":108,"props":9950,"children":9951},{"style":137},[9952],{"type":22,"value":4743},{"type":16,"tag":108,"props":9954,"children":9955},{"style":453},[9956],{"type":22,"value":1646},{"type":16,"tag":108,"props":9958,"children":9959},{"style":115},[9960],{"type":22,"value":9961}," comments_path ",{"type":16,"tag":108,"props":9963,"children":9964},{"style":453},[9965],{"type":22,"value":4762},{"type":16,"tag":108,"props":9967,"children":9968},{"style":137},[9969],{"type":22,"value":4743},{"type":16,"tag":108,"props":9971,"children":9972},{"style":115},[9973],{"type":22,"value":182},{"type":16,"tag":108,"props":9975,"children":9976},{"class":110,"line":297},[9977,9981,9986,9990,9994,9999,10003,10007],{"type":16,"tag":108,"props":9978,"children":9979},{"style":115},[9980],{"type":22,"value":1737},{"type":16,"tag":108,"props":9982,"children":9983},{"style":121},[9984],{"type":22,"value":9985},"i",{"type":16,"tag":108,"props":9987,"children":9988},{"style":126},[9989],{"type":22,"value":498},{"type":16,"tag":108,"props":9991,"children":9992},{"style":115},[9993],{"type":22,"value":134},{"type":16,"tag":108,"props":9995,"children":9996},{"style":137},[9997],{"type":22,"value":9998},"\"fas fa-spinner fa-spin\"",{"type":16,"tag":108,"props":10000,"children":10001},{"style":115},[10002],{"type":22,"value":3369},{"type":16,"tag":108,"props":10004,"children":10005},{"style":121},[10006],{"type":22,"value":9985},{"type":16,"tag":108,"props":10008,"children":10009},{"style":115},[10010],{"type":22,"value":182},{"type":16,"tag":108,"props":10012,"children":10013},{"class":110,"line":315},[10014],{"type":16,"tag":108,"props":10015,"children":10016},{"style":115},[10017],{"type":22,"value":10018},"  Loading comments... This content will be replaced by the content of the `posts/comments` partial generated by Rails.\n",{"type":16,"tag":108,"props":10020,"children":10021},{"class":110,"line":333},[10022,10026,10030],{"type":16,"tag":108,"props":10023,"children":10024},{"style":115},[10025],{"type":22,"value":924},{"type":16,"tag":108,"props":10027,"children":10028},{"style":121},[10029],{"type":22,"value":929},{"type":16,"tag":108,"props":10031,"children":10032},{"style":115},[10033],{"type":22,"value":182},{"type":16,"tag":108,"props":10035,"children":10036},{"class":110,"line":351},[10037],{"type":16,"tag":108,"props":10038,"children":10039},{"emptyLinePlaceholder":477},[10040],{"type":22,"value":480},{"type":16,"tag":108,"props":10042,"children":10043},{"class":110,"line":369},[10044,10048],{"type":16,"tag":108,"props":10045,"children":10046},{"style":115},[10047],{"type":22,"value":118},{"type":16,"tag":108,"props":10049,"children":10050},{"style":121},[10051],{"type":22,"value":834},{"type":16,"tag":108,"props":10053,"children":10054},{"class":110,"line":602},[10055,10059,10063],{"type":16,"tag":108,"props":10056,"children":10057},{"style":126},[10058],{"type":22,"value":321},{"type":16,"tag":108,"props":10060,"children":10061},{"style":115},[10062],{"type":22,"value":134},{"type":16,"tag":108,"props":10064,"children":10065},{"style":137},[10066],{"type":22,"value":10067},"\"content-loader\"\n",{"type":16,"tag":108,"props":10069,"children":10070},{"class":110,"line":611},[10071,10076,10080,10084,10088,10092,10096],{"type":16,"tag":108,"props":10072,"children":10073},{"style":126},[10074],{"type":22,"value":10075},"  data-content-loader-url-value",{"type":16,"tag":108,"props":10077,"children":10078},{"style":115},[10079],{"type":22,"value":134},{"type":16,"tag":108,"props":10081,"children":10082},{"style":137},[10083],{"type":22,"value":4743},{"type":16,"tag":108,"props":10085,"children":10086},{"style":453},[10087],{"type":22,"value":1646},{"type":16,"tag":108,"props":10089,"children":10090},{"style":115},[10091],{"type":22,"value":9961},{"type":16,"tag":108,"props":10093,"children":10094},{"style":453},[10095],{"type":22,"value":4762},{"type":16,"tag":108,"props":10097,"children":10098},{"style":137},[10099],{"type":22,"value":4767},{"type":16,"tag":108,"props":10101,"children":10102},{"class":110,"line":619},[10103,10108,10112],{"type":16,"tag":108,"props":10104,"children":10105},{"style":126},[10106],{"type":22,"value":10107},"  data-content-loader-refresh-interval-value",{"type":16,"tag":108,"props":10109,"children":10110},{"style":115},[10111],{"type":22,"value":134},{"type":16,"tag":108,"props":10113,"children":10114},{"style":137},[10115],{"type":22,"value":10116},"\"5000\"\n",{"type":16,"tag":108,"props":10118,"children":10119},{"class":110,"line":640},[10120],{"type":16,"tag":108,"props":10121,"children":10122},{"style":115},[10123],{"type":22,"value":182},{"type":16,"tag":108,"props":10125,"children":10126},{"class":110,"line":669},[10127],{"type":16,"tag":108,"props":10128,"children":10129},{"style":115},[10130],{"type":22,"value":10131},"  This content will be reloaded every 5 seconds.\n",{"type":16,"tag":108,"props":10133,"children":10134},{"class":110,"line":677},[10135,10139,10143],{"type":16,"tag":108,"props":10136,"children":10137},{"style":115},[10138],{"type":22,"value":924},{"type":16,"tag":108,"props":10140,"children":10141},{"style":121},[10142],{"type":22,"value":929},{"type":16,"tag":108,"props":10144,"children":10145},{"style":115},[10146],{"type":22,"value":182},{"type":16,"tag":108,"props":10148,"children":10149},{"class":110,"line":2008},[10150],{"type":16,"tag":108,"props":10151,"children":10152},{"emptyLinePlaceholder":477},[10153],{"type":22,"value":480},{"type":16,"tag":108,"props":10155,"children":10156},{"class":110,"line":785},[10157,10161],{"type":16,"tag":108,"props":10158,"children":10159},{"style":115},[10160],{"type":22,"value":118},{"type":16,"tag":108,"props":10162,"children":10163},{"style":121},[10164],{"type":22,"value":834},{"type":16,"tag":108,"props":10166,"children":10167},{"class":110,"line":2033},[10168,10172,10176],{"type":16,"tag":108,"props":10169,"children":10170},{"style":126},[10171],{"type":22,"value":321},{"type":16,"tag":108,"props":10173,"children":10174},{"style":115},[10175],{"type":22,"value":134},{"type":16,"tag":108,"props":10177,"children":10178},{"style":137},[10179],{"type":22,"value":10067},{"type":16,"tag":108,"props":10181,"children":10182},{"class":110,"line":3198},[10183,10187,10191],{"type":16,"tag":108,"props":10184,"children":10185},{"style":126},[10186],{"type":22,"value":10075},{"type":16,"tag":108,"props":10188,"children":10189},{"style":115},[10190],{"type":22,"value":134},{"type":16,"tag":108,"props":10192,"children":10193},{"style":137},[10194],{"type":22,"value":10195},"\"/message.html\"\n",{"type":16,"tag":108,"props":10197,"children":10198},{"class":110,"line":3216},[10199,10204,10208],{"type":16,"tag":108,"props":10200,"children":10201},{"style":126},[10202],{"type":22,"value":10203},"  data-content-loader-load-scripts-value",{"type":16,"tag":108,"props":10205,"children":10206},{"style":115},[10207],{"type":22,"value":134},{"type":16,"tag":108,"props":10209,"children":10210},{"style":137},[10211],{"type":22,"value":10212},"\"true\"\n",{"type":16,"tag":108,"props":10214,"children":10215},{"class":110,"line":3229},[10216],{"type":16,"tag":108,"props":10217,"children":10218},{"style":115},[10219],{"type":22,"value":182},{"type":16,"tag":108,"props":10221,"children":10222},{"class":110,"line":3238},[10223],{"type":16,"tag":108,"props":10224,"children":10225},{"style":115},[10226],{"type":22,"value":10227},"  This content will be replaced by the content of the `/message.html` page in your public folder.\n",{"type":16,"tag":108,"props":10229,"children":10230},{"class":110,"line":3247},[10231,10235,10239],{"type":16,"tag":108,"props":10232,"children":10233},{"style":115},[10234],{"type":22,"value":924},{"type":16,"tag":108,"props":10236,"children":10237},{"style":121},[10238],{"type":22,"value":929},{"type":16,"tag":108,"props":10240,"children":10241},{"style":115},[10242],{"type":22,"value":182},{"type":16,"tag":108,"props":10244,"children":10245},{"class":110,"line":3255},[10246],{"type":16,"tag":108,"props":10247,"children":10248},{"emptyLinePlaceholder":477},[10249],{"type":22,"value":480},{"type":16,"tag":108,"props":10251,"children":10252},{"class":110,"line":4676},[10253,10257],{"type":16,"tag":108,"props":10254,"children":10255},{"style":115},[10256],{"type":22,"value":118},{"type":16,"tag":108,"props":10258,"children":10259},{"style":121},[10260],{"type":22,"value":834},{"type":16,"tag":108,"props":10262,"children":10263},{"class":110,"line":4685},[10264,10268,10272],{"type":16,"tag":108,"props":10265,"children":10266},{"style":126},[10267],{"type":22,"value":321},{"type":16,"tag":108,"props":10269,"children":10270},{"style":115},[10271],{"type":22,"value":134},{"type":16,"tag":108,"props":10273,"children":10274},{"style":137},[10275],{"type":22,"value":10067},{"type":16,"tag":108,"props":10277,"children":10278},{"class":110,"line":5319},[10279,10283,10287],{"type":16,"tag":108,"props":10280,"children":10281},{"style":126},[10282],{"type":22,"value":10075},{"type":16,"tag":108,"props":10284,"children":10285},{"style":115},[10286],{"type":22,"value":134},{"type":16,"tag":108,"props":10288,"children":10289},{"style":137},[10290],{"type":22,"value":10195},{"type":16,"tag":108,"props":10292,"children":10293},{"class":110,"line":5348},[10294,10299,10303],{"type":16,"tag":108,"props":10295,"children":10296},{"style":126},[10297],{"type":22,"value":10298},"  data-content-loader-lazy-loading-value",{"type":16,"tag":108,"props":10300,"children":10301},{"style":115},[10302],{"type":22,"value":134},{"type":16,"tag":108,"props":10304,"children":10305},{"style":137},[10306],{"type":22,"value":986},{"type":16,"tag":108,"props":10308,"children":10309},{"class":110,"line":5356},[10310],{"type":16,"tag":108,"props":10311,"children":10312},{"style":115},[10313],{"type":22,"value":182},{"type":16,"tag":108,"props":10315,"children":10316},{"class":110,"line":5364},[10317],{"type":16,"tag":108,"props":10318,"children":10319},{"style":115},[10320],{"type":22,"value":10321},"  This content will be replaced only when the element become visible thanks to Intersection Observers.\n",{"type":16,"tag":108,"props":10323,"children":10324},{"class":110,"line":5373},[10325,10329,10333],{"type":16,"tag":108,"props":10326,"children":10327},{"style":115},[10328],{"type":22,"value":924},{"type":16,"tag":108,"props":10330,"children":10331},{"style":121},[10332],{"type":22,"value":929},{"type":16,"tag":108,"props":10334,"children":10335},{"style":115},[10336],{"type":22,"value":182},{"type":16,"tag":108,"props":10338,"children":10339},{"class":110,"line":5389},[10340],{"type":16,"tag":108,"props":10341,"children":10342},{"emptyLinePlaceholder":477},[10343],{"type":22,"value":480},{"type":16,"tag":108,"props":10345,"children":10346},{"class":110,"line":5401},[10347,10351],{"type":16,"tag":108,"props":10348,"children":10349},{"style":115},[10350],{"type":22,"value":118},{"type":16,"tag":108,"props":10352,"children":10353},{"style":121},[10354],{"type":22,"value":834},{"type":16,"tag":108,"props":10356,"children":10357},{"class":110,"line":5423},[10358,10362,10366],{"type":16,"tag":108,"props":10359,"children":10360},{"style":126},[10361],{"type":22,"value":321},{"type":16,"tag":108,"props":10363,"children":10364},{"style":115},[10365],{"type":22,"value":134},{"type":16,"tag":108,"props":10367,"children":10368},{"style":137},[10369],{"type":22,"value":10067},{"type":16,"tag":108,"props":10371,"children":10372},{"class":110,"line":5436},[10373,10377,10381],{"type":16,"tag":108,"props":10374,"children":10375},{"style":126},[10376],{"type":22,"value":10075},{"type":16,"tag":108,"props":10378,"children":10379},{"style":115},[10380],{"type":22,"value":134},{"type":16,"tag":108,"props":10382,"children":10383},{"style":137},[10384],{"type":22,"value":10195},{"type":16,"tag":108,"props":10386,"children":10387},{"class":110,"line":5457},[10388,10392,10396],{"type":16,"tag":108,"props":10389,"children":10390},{"style":126},[10391],{"type":22,"value":10298},{"type":16,"tag":108,"props":10393,"children":10394},{"style":115},[10395],{"type":22,"value":134},{"type":16,"tag":108,"props":10397,"children":10398},{"style":137},[10399],{"type":22,"value":986},{"type":16,"tag":108,"props":10401,"children":10402},{"class":110,"line":5466},[10403,10408,10412],{"type":16,"tag":108,"props":10404,"children":10405},{"style":126},[10406],{"type":22,"value":10407},"  data-content-loader-lazy-loading-root-margin-value",{"type":16,"tag":108,"props":10409,"children":10410},{"style":115},[10411],{"type":22,"value":134},{"type":16,"tag":108,"props":10413,"children":10414},{"style":137},[10415],{"type":22,"value":1129},{"type":16,"tag":108,"props":10417,"children":10418},{"class":110,"line":5474},[10419,10424,10428],{"type":16,"tag":108,"props":10420,"children":10421},{"style":126},[10422],{"type":22,"value":10423},"  data-content-loader-lazy-loading-threshold-value",{"type":16,"tag":108,"props":10425,"children":10426},{"style":115},[10427],{"type":22,"value":134},{"type":16,"tag":108,"props":10429,"children":10430},{"style":137},[10431],{"type":22,"value":1146},{"type":16,"tag":108,"props":10433,"children":10434},{"class":110,"line":5482},[10435],{"type":16,"tag":108,"props":10436,"children":10437},{"style":115},[10438],{"type":22,"value":182},{"type":16,"tag":108,"props":10440,"children":10441},{"class":110,"line":8779},[10442],{"type":16,"tag":108,"props":10443,"children":10444},{"style":115},[10445],{"type":22,"value":1206},{"type":16,"tag":108,"props":10447,"children":10448},{"class":110,"line":8792},[10449,10453,10457],{"type":16,"tag":108,"props":10450,"children":10451},{"style":115},[10452],{"type":22,"value":924},{"type":16,"tag":108,"props":10454,"children":10455},{"style":121},[10456],{"type":22,"value":929},{"type":16,"tag":108,"props":10458,"children":10459},{"style":115},[10460],{"type":22,"value":182},{"type":16,"tag":108,"props":10462,"children":10463},{"class":110,"line":8805},[10464],{"type":16,"tag":108,"props":10465,"children":10466},{"emptyLinePlaceholder":477},[10467],{"type":22,"value":480},{"type":16,"tag":108,"props":10469,"children":10470},{"class":110,"line":8818},[10471,10475],{"type":16,"tag":108,"props":10472,"children":10473},{"style":115},[10474],{"type":22,"value":118},{"type":16,"tag":108,"props":10476,"children":10477},{"style":121},[10478],{"type":22,"value":834},{"type":16,"tag":108,"props":10480,"children":10481},{"class":110,"line":8831},[10482,10486,10490],{"type":16,"tag":108,"props":10483,"children":10484},{"style":126},[10485],{"type":22,"value":321},{"type":16,"tag":108,"props":10487,"children":10488},{"style":115},[10489],{"type":22,"value":134},{"type":16,"tag":108,"props":10491,"children":10492},{"style":137},[10493],{"type":22,"value":10067},{"type":16,"tag":108,"props":10495,"children":10496},{"class":110,"line":8844},[10497,10501,10505],{"type":16,"tag":108,"props":10498,"children":10499},{"style":126},[10500],{"type":22,"value":10075},{"type":16,"tag":108,"props":10502,"children":10503},{"style":115},[10504],{"type":22,"value":134},{"type":16,"tag":108,"props":10506,"children":10507},{"style":137},[10508],{"type":22,"value":10195},{"type":16,"tag":108,"props":10510,"children":10511},{"class":110,"line":8857},[10512,10516,10520],{"type":16,"tag":108,"props":10513,"children":10514},{"style":126},[10515],{"type":22,"value":10298},{"type":16,"tag":108,"props":10517,"children":10518},{"style":115},[10519],{"type":22,"value":134},{"type":16,"tag":108,"props":10521,"children":10522},{"style":137},[10523],{"type":22,"value":986},{"type":16,"tag":108,"props":10525,"children":10526},{"class":110,"line":8870},[10527,10531,10535],{"type":16,"tag":108,"props":10528,"children":10529},{"style":126},[10530],{"type":22,"value":10107},{"type":16,"tag":108,"props":10532,"children":10533},{"style":115},[10534],{"type":22,"value":134},{"type":16,"tag":108,"props":10536,"children":10537},{"style":137},[10538],{"type":22,"value":10116},{"type":16,"tag":108,"props":10540,"children":10541},{"class":110,"line":8883},[10542],{"type":16,"tag":108,"props":10543,"children":10544},{"style":115},[10545],{"type":22,"value":182},{"type":16,"tag":108,"props":10547,"children":10548},{"class":110,"line":8896},[10549],{"type":16,"tag":108,"props":10550,"children":10551},{"style":115},[10552],{"type":22,"value":10553},"  You can combine lazy loading and refresh interval. The timer will start only after the first fetch.\n",{"type":16,"tag":108,"props":10555,"children":10556},{"class":110,"line":8905},[10557,10561,10565],{"type":16,"tag":108,"props":10558,"children":10559},{"style":115},[10560],{"type":22,"value":924},{"type":16,"tag":108,"props":10562,"children":10563},{"style":121},[10564],{"type":22,"value":929},{"type":16,"tag":108,"props":10566,"children":10567},{"style":115},[10568],{"type":22,"value":182},{"type":16,"tag":17,"props":10570,"children":10571},{"id":1224},[10572],{"type":22,"value":1227},{"type":16,"tag":1229,"props":10574,"children":10575},{},[10576,10598],{"type":16,"tag":1233,"props":10577,"children":10578},{},[10579],{"type":16,"tag":1237,"props":10580,"children":10581},{},[10582,10586,10590,10594],{"type":16,"tag":1241,"props":10583,"children":10584},{},[10585],{"type":22,"value":1245},{"type":16,"tag":1241,"props":10587,"children":10588},{},[10589],{"type":22,"value":1250},{"type":16,"tag":1241,"props":10591,"children":10592},{},[10593],{"type":22,"value":1255},{"type":16,"tag":1241,"props":10595,"children":10596},{},[10597],{"type":22,"value":1260},{"type":16,"tag":1262,"props":10599,"children":10600},{},[10601,10630,10659,10687,10715,10743],{"type":16,"tag":1237,"props":10602,"children":10603},{},[10604,10613,10621,10626],{"type":16,"tag":1269,"props":10605,"children":10606},{},[10607],{"type":16,"tag":68,"props":10608,"children":10610},{"className":10609},[],[10611],{"type":22,"value":10612},"data-content-loader-url-value",{"type":16,"tag":1269,"props":10614,"children":10615},{},[10616],{"type":16,"tag":68,"props":10617,"children":10619},{"className":10618},[],[10620],{"type":22,"value":1286},{"type":16,"tag":1269,"props":10622,"children":10623},{},[10624],{"type":22,"value":10625},"URL to fetch the content.",{"type":16,"tag":1269,"props":10627,"children":10628},{},[10629],{"type":22,"value":1296},{"type":16,"tag":1237,"props":10631,"children":10632},{},[10633,10642,10650,10655],{"type":16,"tag":1269,"props":10634,"children":10635},{},[10636],{"type":16,"tag":68,"props":10637,"children":10639},{"className":10638},[],[10640],{"type":22,"value":10641},"data-content-loader-refresh-interval-value",{"type":16,"tag":1269,"props":10643,"children":10644},{},[10645],{"type":16,"tag":68,"props":10646,"children":10648},{"className":10647},[],[10649],{"type":22,"value":1286},{"type":16,"tag":1269,"props":10651,"children":10652},{},[10653],{"type":22,"value":10654},"Interval in milliseconds to reload content.",{"type":16,"tag":1269,"props":10656,"children":10657},{},[10658],{"type":22,"value":1384},{"type":16,"tag":1237,"props":10660,"children":10661},{},[10662,10671,10679,10683],{"type":16,"tag":1269,"props":10663,"children":10664},{},[10665],{"type":16,"tag":68,"props":10666,"children":10668},{"className":10667},[],[10669],{"type":22,"value":10670},"data-content-loader-lazy-loading-value",{"type":16,"tag":1269,"props":10672,"children":10673},{},[10674],{"type":16,"tag":68,"props":10675,"children":10677},{"className":10676},[],[10678],{"type":22,"value":1286},{"type":16,"tag":1269,"props":10680,"children":10681},{},[10682],{"type":22,"value":1379},{"type":16,"tag":1269,"props":10684,"children":10685},{},[10686],{"type":22,"value":1384},{"type":16,"tag":1237,"props":10688,"children":10689},{},[10690,10699,10707,10711],{"type":16,"tag":1269,"props":10691,"children":10692},{},[10693],{"type":16,"tag":68,"props":10694,"children":10696},{"className":10695},[],[10697],{"type":22,"value":10698},"data-content-loader-lazy-loading-root-margin-value",{"type":16,"tag":1269,"props":10700,"children":10701},{},[10702],{"type":16,"tag":68,"props":10703,"children":10705},{"className":10704},[],[10706],{"type":22,"value":1405},{"type":16,"tag":1269,"props":10708,"children":10709},{},[10710],{"type":22,"value":1410},{"type":16,"tag":1269,"props":10712,"children":10713},{},[10714],{"type":22,"value":1384},{"type":16,"tag":1237,"props":10716,"children":10717},{},[10718,10727,10735,10739],{"type":16,"tag":1269,"props":10719,"children":10720},{},[10721],{"type":16,"tag":68,"props":10722,"children":10724},{"className":10723},[],[10725],{"type":22,"value":10726},"data-content-loader-lazy-loading-threshold-value",{"type":16,"tag":1269,"props":10728,"children":10729},{},[10730],{"type":16,"tag":68,"props":10731,"children":10733},{"className":10732},[],[10734],{"type":22,"value":1435},{"type":16,"tag":1269,"props":10736,"children":10737},{},[10738],{"type":22,"value":1440},{"type":16,"tag":1269,"props":10740,"children":10741},{},[10742],{"type":22,"value":1384},{"type":16,"tag":1237,"props":10744,"children":10745},{},[10746,10755,10763,10768],{"type":16,"tag":1269,"props":10747,"children":10748},{},[10749],{"type":16,"tag":68,"props":10750,"children":10752},{"className":10751},[],[10753],{"type":22,"value":10754},"data-content-loader-load-scripts-value",{"type":16,"tag":1269,"props":10756,"children":10757},{},[10758],{"type":16,"tag":68,"props":10759,"children":10761},{"className":10760},[],[10762],{"type":22,"value":5416},{"type":16,"tag":1269,"props":10764,"children":10765},{},[10766],{"type":22,"value":10767},"Load inline scripts from the content.",{"type":16,"tag":1269,"props":10769,"children":10770},{},[10771],{"type":22,"value":1384},{"type":16,"tag":17,"props":10773,"children":10774},{"id":428},[10775],{"type":22,"value":431},{"type":16,"tag":428,"props":10777,"children":10778},{},[10779],{"type":16,"tag":93,"props":10780,"children":10782},{"tab-name":10781},"app/javascript/controllers/content_loader_controller.js",[10783],{"type":16,"tag":98,"props":10784,"children":10786},{"className":441,"code":10785,"language":443,"meta":7,"style":7},"import ContentLoader from \"@stimulus-components/content-loader\"\n\nexport default class extends ContentLoader {\n  connect() {\n    super.connect()\n    console.log(\"Do what you want here.\")\n  }\n}\n",[10787],{"type":16,"tag":68,"props":10788,"children":10789},{"__ignoreMap":7},[10790,10811,10818,10845,10856,10875,10902,10909],{"type":16,"tag":108,"props":10791,"children":10792},{"class":110,"line":111},[10793,10797,10802,10806],{"type":16,"tag":108,"props":10794,"children":10795},{"style":453},[10796],{"type":22,"value":456},{"type":16,"tag":108,"props":10798,"children":10799},{"style":121},[10800],{"type":22,"value":10801}," ContentLoader",{"type":16,"tag":108,"props":10803,"children":10804},{"style":453},[10805],{"type":22,"value":466},{"type":16,"tag":108,"props":10807,"children":10808},{"style":137},[10809],{"type":22,"value":10810}," \"@stimulus-components/content-loader\"\n",{"type":16,"tag":108,"props":10812,"children":10813},{"class":110,"line":297},[10814],{"type":16,"tag":108,"props":10815,"children":10816},{"emptyLinePlaceholder":477},[10817],{"type":22,"value":480},{"type":16,"tag":108,"props":10819,"children":10820},{"class":110,"line":315},[10821,10825,10829,10833,10837,10841],{"type":16,"tag":108,"props":10822,"children":10823},{"style":453},[10824],{"type":22,"value":488},{"type":16,"tag":108,"props":10826,"children":10827},{"style":453},[10828],{"type":22,"value":493},{"type":16,"tag":108,"props":10830,"children":10831},{"style":453},[10832],{"type":22,"value":498},{"type":16,"tag":108,"props":10834,"children":10835},{"style":453},[10836],{"type":22,"value":503},{"type":16,"tag":108,"props":10838,"children":10839},{"style":506},[10840],{"type":22,"value":10801},{"type":16,"tag":108,"props":10842,"children":10843},{"style":115},[10844],{"type":22,"value":513},{"type":16,"tag":108,"props":10846,"children":10847},{"class":110,"line":333},[10848,10852],{"type":16,"tag":108,"props":10849,"children":10850},{"style":519},[10851],{"type":22,"value":1525},{"type":16,"tag":108,"props":10853,"children":10854},{"style":115},[10855],{"type":22,"value":1530},{"type":16,"tag":108,"props":10857,"children":10858},{"class":110,"line":351},[10859,10863,10867,10871],{"type":16,"tag":108,"props":10860,"children":10861},{"style":544},[10862],{"type":22,"value":547},{"type":16,"tag":108,"props":10864,"children":10865},{"style":115},[10866],{"type":22,"value":46},{"type":16,"tag":108,"props":10868,"children":10869},{"style":519},[10870],{"type":22,"value":1546},{"type":16,"tag":108,"props":10872,"children":10873},{"style":115},[10874],{"type":22,"value":1551},{"type":16,"tag":108,"props":10876,"children":10877},{"class":110,"line":369},[10878,10882,10886,10890,10894,10898],{"type":16,"tag":108,"props":10879,"children":10880},{"style":506},[10881],{"type":22,"value":577},{"type":16,"tag":108,"props":10883,"children":10884},{"style":115},[10885],{"type":22,"value":46},{"type":16,"tag":108,"props":10887,"children":10888},{"style":519},[10889],{"type":22,"value":586},{"type":16,"tag":108,"props":10891,"children":10892},{"style":115},[10893],{"type":22,"value":527},{"type":16,"tag":108,"props":10895,"children":10896},{"style":137},[10897],{"type":22,"value":595},{"type":16,"tag":108,"props":10899,"children":10900},{"style":115},[10901],{"type":22,"value":569},{"type":16,"tag":108,"props":10903,"children":10904},{"class":110,"line":602},[10905],{"type":16,"tag":108,"props":10906,"children":10907},{"style":115},[10908],{"type":22,"value":608},{"type":16,"tag":108,"props":10910,"children":10911},{"class":110,"line":611},[10912],{"type":16,"tag":108,"props":10913,"children":10914},{"style":115},[10915],{"type":22,"value":683},{"type":16,"tag":17,"props":10917,"children":10919},{"id":10918},"credits",[10920],{"type":22,"value":10921},"Credits",{"type":16,"tag":31,"props":10923,"children":10924},{},[10925,10927,10934],{"type":22,"value":10926},"This controller is inspired by the ",{"type":16,"tag":37,"props":10928,"children":10931},{"href":10929,"rel":10930},"https://stimulus.hotwired.dev/handbook/working-with-external-resources",[41],[10932],{"type":22,"value":10933},"official Stimulus example",{"type":22,"value":46},{"type":16,"tag":685,"props":10936,"children":10937},{},[10938],{"type":22,"value":689},{"title":7,"searchDepth":297,"depth":297,"links":10940},[10941,10942,10943,10944,10945,10946,10947],{"id":5515,"depth":297,"text":5518},{"id":19,"depth":297,"text":23},{"id":49,"depth":297,"text":52},{"id":58,"depth":297,"text":61},{"id":1224,"depth":297,"text":1227},{"id":428,"depth":297,"text":431},{"id":10918,"depth":297,"text":10921},"content:docs:stimulus-content-loader.md","docs/stimulus-content-loader.md","docs/stimulus-content-loader",{"_path":10952,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":10953,"description":10954,"package":10955,"packagePath":10956,"body":10957,"_type":696,"_id":12099,"_source":698,"_file":12100,"_stem":12101,"_extension":701},"/docs/stimulus-dialog","Dialog","A Stimulus controller to show modals with the native Dialog element.","dialog","@stimulus-components/dialog",{"type":13,"children":10958,"toc":12092},[10959,10963,10966,10983,10987,10991,10995,11245,11250,11802,11806,11863,11867,12088],{"type":16,"tag":17,"props":10960,"children":10961},{"id":19},[10962],{"type":22,"value":23},{"type":16,"tag":25,"props":10964,"children":10965},{":package":27,":package-path":28},[],{"type":16,"tag":2390,"props":10967,"children":10968},{},[10969],{"type":16,"tag":31,"props":10970,"children":10971},{},[10972,10974,10982],{"type":22,"value":10973},"This component is based on the native \u003CDialog> Element. ",{"type":16,"tag":37,"props":10975,"children":10979},{"className":10976,"href":10977,"rel":10978,"target":2405},[2401,2402],"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog",[41],[10980],{"type":22,"value":10981},"Check the documentation on MDN docs",{"type":22,"value":46},{"type":16,"tag":17,"props":10984,"children":10985},{"id":49},[10986],{"type":22,"value":52},{"type":16,"tag":10988,"props":10989,"children":10990},"dialog-modal",{},[],{"type":16,"tag":17,"props":10992,"children":10993},{"id":58},[10994],{"type":22,"value":61},{"type":16,"tag":93,"props":10996,"children":10997},{"tab-name":95},[10998],{"type":16,"tag":98,"props":10999,"children":11001},{"className":100,"code":11000,"language":102,"meta":7,"style":7},"\u003Cdiv data-controller=\"dialog\" data-action=\"click->dialog#backdropClose\">\n  \u003Cdialog data-dialog-target=\"dialog\">\n    \u003Cp>The modal's content here\u003C/p>\n\n    \u003Cbutton type=\"button\" data-action=\"dialog#close\" autofocus>Cancel\u003C/button>\n  \u003C/dialog>\n\n  \u003Cbutton type=\"button\" data-action=\"dialog#open\">Open modal\u003C/button>\n\u003C/div>\n",[11002],{"type":16,"tag":68,"props":11003,"children":11004},{"__ignoreMap":7},[11005,11046,11074,11098,11105,11159,11174,11181,11230],{"type":16,"tag":108,"props":11006,"children":11007},{"class":110,"line":111},[11008,11012,11016,11020,11024,11029,11033,11037,11042],{"type":16,"tag":108,"props":11009,"children":11010},{"style":115},[11011],{"type":22,"value":118},{"type":16,"tag":108,"props":11013,"children":11014},{"style":121},[11015],{"type":22,"value":929},{"type":16,"tag":108,"props":11017,"children":11018},{"style":126},[11019],{"type":22,"value":145},{"type":16,"tag":108,"props":11021,"children":11022},{"style":115},[11023],{"type":22,"value":134},{"type":16,"tag":108,"props":11025,"children":11026},{"style":137},[11027],{"type":22,"value":11028},"\"dialog\"",{"type":16,"tag":108,"props":11030,"children":11031},{"style":126},[11032],{"type":22,"value":159},{"type":16,"tag":108,"props":11034,"children":11035},{"style":115},[11036],{"type":22,"value":134},{"type":16,"tag":108,"props":11038,"children":11039},{"style":137},[11040],{"type":22,"value":11041},"\"click->dialog#backdropClose\"",{"type":16,"tag":108,"props":11043,"children":11044},{"style":115},[11045],{"type":22,"value":182},{"type":16,"tag":108,"props":11047,"children":11048},{"class":110,"line":297},[11049,11053,11057,11062,11066,11070],{"type":16,"tag":108,"props":11050,"children":11051},{"style":115},[11052],{"type":22,"value":1737},{"type":16,"tag":108,"props":11054,"children":11055},{"style":121},[11056],{"type":22,"value":10955},{"type":16,"tag":108,"props":11058,"children":11059},{"style":126},[11060],{"type":22,"value":11061}," data-dialog-target",{"type":16,"tag":108,"props":11063,"children":11064},{"style":115},[11065],{"type":22,"value":134},{"type":16,"tag":108,"props":11067,"children":11068},{"style":137},[11069],{"type":22,"value":11028},{"type":16,"tag":108,"props":11071,"children":11072},{"style":115},[11073],{"type":22,"value":182},{"type":16,"tag":108,"props":11075,"children":11076},{"class":110,"line":315},[11077,11081,11085,11090,11094],{"type":16,"tag":108,"props":11078,"children":11079},{"style":115},[11080],{"type":22,"value":2556},{"type":16,"tag":108,"props":11082,"children":11083},{"style":121},[11084],{"type":22,"value":31},{"type":16,"tag":108,"props":11086,"children":11087},{"style":115},[11088],{"type":22,"value":11089},">The modal's content here\u003C/",{"type":16,"tag":108,"props":11091,"children":11092},{"style":121},[11093],{"type":22,"value":31},{"type":16,"tag":108,"props":11095,"children":11096},{"style":115},[11097],{"type":22,"value":182},{"type":16,"tag":108,"props":11099,"children":11100},{"class":110,"line":333},[11101],{"type":16,"tag":108,"props":11102,"children":11103},{"emptyLinePlaceholder":477},[11104],{"type":22,"value":480},{"type":16,"tag":108,"props":11106,"children":11107},{"class":110,"line":351},[11108,11112,11116,11120,11124,11128,11132,11136,11141,11146,11151,11155],{"type":16,"tag":108,"props":11109,"children":11110},{"style":115},[11111],{"type":22,"value":2556},{"type":16,"tag":108,"props":11113,"children":11114},{"style":121},[11115],{"type":22,"value":212},{"type":16,"tag":108,"props":11117,"children":11118},{"style":126},[11119],{"type":22,"value":217},{"type":16,"tag":108,"props":11121,"children":11122},{"style":115},[11123],{"type":22,"value":134},{"type":16,"tag":108,"props":11125,"children":11126},{"style":137},[11127],{"type":22,"value":226},{"type":16,"tag":108,"props":11129,"children":11130},{"style":126},[11131],{"type":22,"value":159},{"type":16,"tag":108,"props":11133,"children":11134},{"style":115},[11135],{"type":22,"value":134},{"type":16,"tag":108,"props":11137,"children":11138},{"style":137},[11139],{"type":22,"value":11140},"\"dialog#close\"",{"type":16,"tag":108,"props":11142,"children":11143},{"style":126},[11144],{"type":22,"value":11145}," autofocus",{"type":16,"tag":108,"props":11147,"children":11148},{"style":115},[11149],{"type":22,"value":11150},">Cancel\u003C/",{"type":16,"tag":108,"props":11152,"children":11153},{"style":121},[11154],{"type":22,"value":212},{"type":16,"tag":108,"props":11156,"children":11157},{"style":115},[11158],{"type":22,"value":182},{"type":16,"tag":108,"props":11160,"children":11161},{"class":110,"line":369},[11162,11166,11170],{"type":16,"tag":108,"props":11163,"children":11164},{"style":115},[11165],{"type":22,"value":1867},{"type":16,"tag":108,"props":11167,"children":11168},{"style":121},[11169],{"type":22,"value":10955},{"type":16,"tag":108,"props":11171,"children":11172},{"style":115},[11173],{"type":22,"value":182},{"type":16,"tag":108,"props":11175,"children":11176},{"class":110,"line":602},[11177],{"type":16,"tag":108,"props":11178,"children":11179},{"emptyLinePlaceholder":477},[11180],{"type":22,"value":480},{"type":16,"tag":108,"props":11182,"children":11183},{"class":110,"line":611},[11184,11188,11192,11196,11200,11204,11208,11212,11217,11222,11226],{"type":16,"tag":108,"props":11185,"children":11186},{"style":115},[11187],{"type":22,"value":1737},{"type":16,"tag":108,"props":11189,"children":11190},{"style":121},[11191],{"type":22,"value":212},{"type":16,"tag":108,"props":11193,"children":11194},{"style":126},[11195],{"type":22,"value":217},{"type":16,"tag":108,"props":11197,"children":11198},{"style":115},[11199],{"type":22,"value":134},{"type":16,"tag":108,"props":11201,"children":11202},{"style":137},[11203],{"type":22,"value":226},{"type":16,"tag":108,"props":11205,"children":11206},{"style":126},[11207],{"type":22,"value":159},{"type":16,"tag":108,"props":11209,"children":11210},{"style":115},[11211],{"type":22,"value":134},{"type":16,"tag":108,"props":11213,"children":11214},{"style":137},[11215],{"type":22,"value":11216},"\"dialog#open\"",{"type":16,"tag":108,"props":11218,"children":11219},{"style":115},[11220],{"type":22,"value":11221},">Open modal\u003C/",{"type":16,"tag":108,"props":11223,"children":11224},{"style":121},[11225],{"type":22,"value":212},{"type":16,"tag":108,"props":11227,"children":11228},{"style":115},[11229],{"type":22,"value":182},{"type":16,"tag":108,"props":11231,"children":11232},{"class":110,"line":619},[11233,11237,11241],{"type":16,"tag":108,"props":11234,"children":11235},{"style":115},[11236],{"type":22,"value":924},{"type":16,"tag":108,"props":11238,"children":11239},{"style":121},[11240],{"type":22,"value":929},{"type":16,"tag":108,"props":11242,"children":11243},{"style":115},[11244],{"type":22,"value":182},{"type":16,"tag":31,"props":11246,"children":11247},{},[11248],{"type":22,"value":11249},"Optionally, you can customize the dialog style.",{"type":16,"tag":93,"props":11251,"children":11253},{"tab-name":11252},"app/javascript/stylesheets/application.css",[11254],{"type":16,"tag":98,"props":11255,"children":11259},{"className":11256,"code":11257,"language":11258,"meta":7,"style":7},"language-css shiki shiki-themes one-dark-pro","/* Prevent scrolling while dialog is open */\nbody:has(dialog[data-dialog-target=\"dialog\"][open]) {\n  overflow: hidden;\n}\n\n/* Customize the dialog backdrop */\ndialog {\n  box-shadow: 0 0 0 100vw rgb(0 0 0 / 0.5);\n}\n\n@keyframes fade-in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes fade-out {\n  0% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n\n/* Add animations */\ndialog[data-dialog-target=\"dialog\"][open] {\n  animation: fade-in 200ms forwards;\n}\n\ndialog[data-dialog-target=\"dialog\"][closing] {\n  animation: fade-out 200ms forwards;\n}\n","css",[11260],{"type":16,"tag":68,"props":11261,"children":11262},{"__ignoreMap":7},[11263,11271,11329,11347,11354,11361,11369,11380,11447,11454,11461,11478,11486,11502,11509,11517,11533,11540,11547,11554,11570,11577,11592,11599,11606,11621,11628,11635,11642,11650,11690,11717,11724,11731,11771,11795],{"type":16,"tag":108,"props":11264,"children":11265},{"class":110,"line":111},[11266],{"type":16,"tag":108,"props":11267,"children":11268},{"style":1798},[11269],{"type":22,"value":11270},"/* Prevent scrolling while dialog is open */\n",{"type":16,"tag":108,"props":11272,"children":11273},{"class":110,"line":297},[11274,11279,11284,11288,11292,11297,11302,11306,11310,11315,11320,11325],{"type":16,"tag":108,"props":11275,"children":11276},{"style":121},[11277],{"type":22,"value":11278},"body",{"type":16,"tag":108,"props":11280,"children":11281},{"style":1654},[11282],{"type":22,"value":11283},":has",{"type":16,"tag":108,"props":11285,"children":11286},{"style":453},[11287],{"type":22,"value":527},{"type":16,"tag":108,"props":11289,"children":11290},{"style":121},[11291],{"type":22,"value":10955},{"type":16,"tag":108,"props":11293,"children":11294},{"style":453},[11295],{"type":22,"value":11296},"[",{"type":16,"tag":108,"props":11298,"children":11299},{"style":126},[11300],{"type":22,"value":11301},"data-dialog-target",{"type":16,"tag":108,"props":11303,"children":11304},{"style":115},[11305],{"type":22,"value":134},{"type":16,"tag":108,"props":11307,"children":11308},{"style":137},[11309],{"type":22,"value":11028},{"type":16,"tag":108,"props":11311,"children":11312},{"style":453},[11313],{"type":22,"value":11314},"][",{"type":16,"tag":108,"props":11316,"children":11317},{"style":126},[11318],{"type":22,"value":11319},"open",{"type":16,"tag":108,"props":11321,"children":11322},{"style":453},[11323],{"type":22,"value":11324},"])",{"type":16,"tag":108,"props":11326,"children":11327},{"style":115},[11328],{"type":22,"value":513},{"type":16,"tag":108,"props":11330,"children":11331},{"class":110,"line":315},[11332,11337,11342],{"type":16,"tag":108,"props":11333,"children":11334},{"style":115},[11335],{"type":22,"value":11336},"  overflow: ",{"type":16,"tag":108,"props":11338,"children":11339},{"style":126},[11340],{"type":22,"value":11341},"hidden",{"type":16,"tag":108,"props":11343,"children":11344},{"style":115},[11345],{"type":22,"value":11346},";\n",{"type":16,"tag":108,"props":11348,"children":11349},{"class":110,"line":333},[11350],{"type":16,"tag":108,"props":11351,"children":11352},{"style":115},[11353],{"type":22,"value":683},{"type":16,"tag":108,"props":11355,"children":11356},{"class":110,"line":351},[11357],{"type":16,"tag":108,"props":11358,"children":11359},{"emptyLinePlaceholder":477},[11360],{"type":22,"value":480},{"type":16,"tag":108,"props":11362,"children":11363},{"class":110,"line":369},[11364],{"type":16,"tag":108,"props":11365,"children":11366},{"style":1798},[11367],{"type":22,"value":11368},"/* Customize the dialog backdrop */\n",{"type":16,"tag":108,"props":11370,"children":11371},{"class":110,"line":602},[11372,11376],{"type":16,"tag":108,"props":11373,"children":11374},{"style":121},[11375],{"type":22,"value":10955},{"type":16,"tag":108,"props":11377,"children":11378},{"style":115},[11379],{"type":22,"value":513},{"type":16,"tag":108,"props":11381,"children":11382},{"class":110,"line":611},[11383,11388,11392,11397,11401,11406,11411,11416,11420,11424,11428,11432,11437,11442],{"type":16,"tag":108,"props":11384,"children":11385},{"style":115},[11386],{"type":22,"value":11387},"  box-shadow: ",{"type":16,"tag":108,"props":11389,"children":11390},{"style":126},[11391],{"type":22,"value":1435},{"type":16,"tag":108,"props":11393,"children":11394},{"style":126},[11395],{"type":22,"value":11396}," 0",{"type":16,"tag":108,"props":11398,"children":11399},{"style":126},[11400],{"type":22,"value":11396},{"type":16,"tag":108,"props":11402,"children":11403},{"style":126},[11404],{"type":22,"value":11405}," 100",{"type":16,"tag":108,"props":11407,"children":11408},{"style":121},[11409],{"type":22,"value":11410},"vw",{"type":16,"tag":108,"props":11412,"children":11413},{"style":1654},[11414],{"type":22,"value":11415}," rgb",{"type":16,"tag":108,"props":11417,"children":11418},{"style":115},[11419],{"type":22,"value":527},{"type":16,"tag":108,"props":11421,"children":11422},{"style":126},[11423],{"type":22,"value":1435},{"type":16,"tag":108,"props":11425,"children":11426},{"style":126},[11427],{"type":22,"value":11396},{"type":16,"tag":108,"props":11429,"children":11430},{"style":126},[11431],{"type":22,"value":11396},{"type":16,"tag":108,"props":11433,"children":11434},{"style":115},[11435],{"type":22,"value":11436}," / ",{"type":16,"tag":108,"props":11438,"children":11439},{"style":126},[11440],{"type":22,"value":11441},"0.5",{"type":16,"tag":108,"props":11443,"children":11444},{"style":115},[11445],{"type":22,"value":11446},");\n",{"type":16,"tag":108,"props":11448,"children":11449},{"class":110,"line":619},[11450],{"type":16,"tag":108,"props":11451,"children":11452},{"style":115},[11453],{"type":22,"value":683},{"type":16,"tag":108,"props":11455,"children":11456},{"class":110,"line":640},[11457],{"type":16,"tag":108,"props":11458,"children":11459},{"emptyLinePlaceholder":477},[11460],{"type":22,"value":480},{"type":16,"tag":108,"props":11462,"children":11463},{"class":110,"line":669},[11464,11469,11474],{"type":16,"tag":108,"props":11465,"children":11466},{"style":453},[11467],{"type":22,"value":11468},"@keyframes",{"type":16,"tag":108,"props":11470,"children":11471},{"style":530},[11472],{"type":22,"value":11473}," fade-in",{"type":16,"tag":108,"props":11475,"children":11476},{"style":115},[11477],{"type":22,"value":513},{"type":16,"tag":108,"props":11479,"children":11480},{"class":110,"line":677},[11481],{"type":16,"tag":108,"props":11482,"children":11483},{"style":115},[11484],{"type":22,"value":11485},"  0% {\n",{"type":16,"tag":108,"props":11487,"children":11488},{"class":110,"line":2008},[11489,11494,11498],{"type":16,"tag":108,"props":11490,"children":11491},{"style":115},[11492],{"type":22,"value":11493},"    opacity: ",{"type":16,"tag":108,"props":11495,"children":11496},{"style":126},[11497],{"type":22,"value":1435},{"type":16,"tag":108,"props":11499,"children":11500},{"style":115},[11501],{"type":22,"value":11346},{"type":16,"tag":108,"props":11503,"children":11504},{"class":110,"line":785},[11505],{"type":16,"tag":108,"props":11506,"children":11507},{"style":115},[11508],{"type":22,"value":608},{"type":16,"tag":108,"props":11510,"children":11511},{"class":110,"line":2033},[11512],{"type":16,"tag":108,"props":11513,"children":11514},{"style":115},[11515],{"type":22,"value":11516},"  100% {\n",{"type":16,"tag":108,"props":11518,"children":11519},{"class":110,"line":3198},[11520,11524,11529],{"type":16,"tag":108,"props":11521,"children":11522},{"style":115},[11523],{"type":22,"value":11493},{"type":16,"tag":108,"props":11525,"children":11526},{"style":126},[11527],{"type":22,"value":11528},"1",{"type":16,"tag":108,"props":11530,"children":11531},{"style":115},[11532],{"type":22,"value":11346},{"type":16,"tag":108,"props":11534,"children":11535},{"class":110,"line":3216},[11536],{"type":16,"tag":108,"props":11537,"children":11538},{"style":115},[11539],{"type":22,"value":608},{"type":16,"tag":108,"props":11541,"children":11542},{"class":110,"line":3229},[11543],{"type":16,"tag":108,"props":11544,"children":11545},{"style":115},[11546],{"type":22,"value":683},{"type":16,"tag":108,"props":11548,"children":11549},{"class":110,"line":3238},[11550],{"type":16,"tag":108,"props":11551,"children":11552},{"emptyLinePlaceholder":477},[11553],{"type":22,"value":480},{"type":16,"tag":108,"props":11555,"children":11556},{"class":110,"line":3247},[11557,11561,11566],{"type":16,"tag":108,"props":11558,"children":11559},{"style":453},[11560],{"type":22,"value":11468},{"type":16,"tag":108,"props":11562,"children":11563},{"style":530},[11564],{"type":22,"value":11565}," fade-out",{"type":16,"tag":108,"props":11567,"children":11568},{"style":115},[11569],{"type":22,"value":513},{"type":16,"tag":108,"props":11571,"children":11572},{"class":110,"line":3255},[11573],{"type":16,"tag":108,"props":11574,"children":11575},{"style":115},[11576],{"type":22,"value":11485},{"type":16,"tag":108,"props":11578,"children":11579},{"class":110,"line":4676},[11580,11584,11588],{"type":16,"tag":108,"props":11581,"children":11582},{"style":115},[11583],{"type":22,"value":11493},{"type":16,"tag":108,"props":11585,"children":11586},{"style":126},[11587],{"type":22,"value":11528},{"type":16,"tag":108,"props":11589,"children":11590},{"style":115},[11591],{"type":22,"value":11346},{"type":16,"tag":108,"props":11593,"children":11594},{"class":110,"line":4685},[11595],{"type":16,"tag":108,"props":11596,"children":11597},{"style":115},[11598],{"type":22,"value":608},{"type":16,"tag":108,"props":11600,"children":11601},{"class":110,"line":5319},[11602],{"type":16,"tag":108,"props":11603,"children":11604},{"style":115},[11605],{"type":22,"value":11516},{"type":16,"tag":108,"props":11607,"children":11608},{"class":110,"line":5348},[11609,11613,11617],{"type":16,"tag":108,"props":11610,"children":11611},{"style":115},[11612],{"type":22,"value":11493},{"type":16,"tag":108,"props":11614,"children":11615},{"style":126},[11616],{"type":22,"value":1435},{"type":16,"tag":108,"props":11618,"children":11619},{"style":115},[11620],{"type":22,"value":11346},{"type":16,"tag":108,"props":11622,"children":11623},{"class":110,"line":5356},[11624],{"type":16,"tag":108,"props":11625,"children":11626},{"style":115},[11627],{"type":22,"value":608},{"type":16,"tag":108,"props":11629,"children":11630},{"class":110,"line":5364},[11631],{"type":16,"tag":108,"props":11632,"children":11633},{"style":115},[11634],{"type":22,"value":683},{"type":16,"tag":108,"props":11636,"children":11637},{"class":110,"line":5373},[11638],{"type":16,"tag":108,"props":11639,"children":11640},{"emptyLinePlaceholder":477},[11641],{"type":22,"value":480},{"type":16,"tag":108,"props":11643,"children":11644},{"class":110,"line":5389},[11645],{"type":16,"tag":108,"props":11646,"children":11647},{"style":1798},[11648],{"type":22,"value":11649},"/* Add animations */\n",{"type":16,"tag":108,"props":11651,"children":11652},{"class":110,"line":5401},[11653,11657,11661,11665,11669,11673,11677,11681,11686],{"type":16,"tag":108,"props":11654,"children":11655},{"style":121},[11656],{"type":22,"value":10955},{"type":16,"tag":108,"props":11658,"children":11659},{"style":453},[11660],{"type":22,"value":11296},{"type":16,"tag":108,"props":11662,"children":11663},{"style":126},[11664],{"type":22,"value":11301},{"type":16,"tag":108,"props":11666,"children":11667},{"style":115},[11668],{"type":22,"value":134},{"type":16,"tag":108,"props":11670,"children":11671},{"style":137},[11672],{"type":22,"value":11028},{"type":16,"tag":108,"props":11674,"children":11675},{"style":453},[11676],{"type":22,"value":11314},{"type":16,"tag":108,"props":11678,"children":11679},{"style":126},[11680],{"type":22,"value":11319},{"type":16,"tag":108,"props":11682,"children":11683},{"style":453},[11684],{"type":22,"value":11685},"]",{"type":16,"tag":108,"props":11687,"children":11688},{"style":115},[11689],{"type":22,"value":513},{"type":16,"tag":108,"props":11691,"children":11692},{"class":110,"line":5423},[11693,11698,11703,11708,11713],{"type":16,"tag":108,"props":11694,"children":11695},{"style":115},[11696],{"type":22,"value":11697},"  animation: fade-in ",{"type":16,"tag":108,"props":11699,"children":11700},{"style":126},[11701],{"type":22,"value":11702},"200",{"type":16,"tag":108,"props":11704,"children":11705},{"style":121},[11706],{"type":22,"value":11707},"ms",{"type":16,"tag":108,"props":11709,"children":11710},{"style":126},[11711],{"type":22,"value":11712}," forwards",{"type":16,"tag":108,"props":11714,"children":11715},{"style":115},[11716],{"type":22,"value":11346},{"type":16,"tag":108,"props":11718,"children":11719},{"class":110,"line":5436},[11720],{"type":16,"tag":108,"props":11721,"children":11722},{"style":115},[11723],{"type":22,"value":683},{"type":16,"tag":108,"props":11725,"children":11726},{"class":110,"line":5457},[11727],{"type":16,"tag":108,"props":11728,"children":11729},{"emptyLinePlaceholder":477},[11730],{"type":22,"value":480},{"type":16,"tag":108,"props":11732,"children":11733},{"class":110,"line":5466},[11734,11738,11742,11746,11750,11754,11758,11763,11767],{"type":16,"tag":108,"props":11735,"children":11736},{"style":121},[11737],{"type":22,"value":10955},{"type":16,"tag":108,"props":11739,"children":11740},{"style":453},[11741],{"type":22,"value":11296},{"type":16,"tag":108,"props":11743,"children":11744},{"style":126},[11745],{"type":22,"value":11301},{"type":16,"tag":108,"props":11747,"children":11748},{"style":115},[11749],{"type":22,"value":134},{"type":16,"tag":108,"props":11751,"children":11752},{"style":137},[11753],{"type":22,"value":11028},{"type":16,"tag":108,"props":11755,"children":11756},{"style":453},[11757],{"type":22,"value":11314},{"type":16,"tag":108,"props":11759,"children":11760},{"style":126},[11761],{"type":22,"value":11762},"closing",{"type":16,"tag":108,"props":11764,"children":11765},{"style":453},[11766],{"type":22,"value":11685},{"type":16,"tag":108,"props":11768,"children":11769},{"style":115},[11770],{"type":22,"value":513},{"type":16,"tag":108,"props":11772,"children":11773},{"class":110,"line":5474},[11774,11779,11783,11787,11791],{"type":16,"tag":108,"props":11775,"children":11776},{"style":115},[11777],{"type":22,"value":11778},"  animation: fade-out ",{"type":16,"tag":108,"props":11780,"children":11781},{"style":126},[11782],{"type":22,"value":11702},{"type":16,"tag":108,"props":11784,"children":11785},{"style":121},[11786],{"type":22,"value":11707},{"type":16,"tag":108,"props":11788,"children":11789},{"style":126},[11790],{"type":22,"value":11712},{"type":16,"tag":108,"props":11792,"children":11793},{"style":115},[11794],{"type":22,"value":11346},{"type":16,"tag":108,"props":11796,"children":11797},{"class":110,"line":5482},[11798],{"type":16,"tag":108,"props":11799,"children":11800},{"style":115},[11801],{"type":22,"value":683},{"type":16,"tag":17,"props":11803,"children":11804},{"id":1224},[11805],{"type":22,"value":1227},{"type":16,"tag":1229,"props":11807,"children":11808},{},[11809,11831],{"type":16,"tag":1233,"props":11810,"children":11811},{},[11812],{"type":16,"tag":1237,"props":11813,"children":11814},{},[11815,11819,11823,11827],{"type":16,"tag":1241,"props":11816,"children":11817},{},[11818],{"type":22,"value":1245},{"type":16,"tag":1241,"props":11820,"children":11821},{},[11822],{"type":22,"value":1250},{"type":16,"tag":1241,"props":11824,"children":11825},{},[11826],{"type":22,"value":1255},{"type":16,"tag":1241,"props":11828,"children":11829},{},[11830],{"type":22,"value":1260},{"type":16,"tag":1262,"props":11832,"children":11833},{},[11834],{"type":16,"tag":1237,"props":11835,"children":11836},{},[11837,11846,11854,11859],{"type":16,"tag":1269,"props":11838,"children":11839},{},[11840],{"type":16,"tag":68,"props":11841,"children":11843},{"className":11842},[],[11844],{"type":22,"value":11845},"data-dialog-open-value",{"type":16,"tag":1269,"props":11847,"children":11848},{},[11849],{"type":16,"tag":68,"props":11850,"children":11852},{"className":11851},[],[11853],{"type":22,"value":5416},{"type":16,"tag":1269,"props":11855,"children":11856},{},[11857],{"type":22,"value":11858},"Open the modal by default.",{"type":16,"tag":1269,"props":11860,"children":11861},{},[11862],{"type":22,"value":1296},{"type":16,"tag":17,"props":11864,"children":11865},{"id":428},[11866],{"type":22,"value":431},{"type":16,"tag":428,"props":11868,"children":11869},{},[11870],{"type":16,"tag":93,"props":11871,"children":11873},{"tab-name":11872},"app/javascript/controllers/dialog_controller.js",[11874],{"type":16,"tag":98,"props":11875,"children":11877},{"className":441,"code":11876,"language":443,"meta":7,"style":7},"import Dialog from \"@stimulus-components/dialog\"\n\nexport default class extends Dialog {\n  connect() {\n    super.connect()\n    console.log(\"Do what you want here.\")\n  }\n\n  // Function to override on open.\n  open() {}\n\n  // Function to override on close.\n  close() {}\n\n  // Function to override on backdropClose.\n  backdropClose() {}\n}\n",[11878],{"type":16,"tag":68,"props":11879,"children":11880},{"__ignoreMap":7},[11881,11902,11909,11936,11947,11966,11993,12000,12007,12015,12027,12034,12042,12054,12061,12069,12081],{"type":16,"tag":108,"props":11882,"children":11883},{"class":110,"line":111},[11884,11888,11893,11897],{"type":16,"tag":108,"props":11885,"children":11886},{"style":453},[11887],{"type":22,"value":456},{"type":16,"tag":108,"props":11889,"children":11890},{"style":121},[11891],{"type":22,"value":11892}," Dialog",{"type":16,"tag":108,"props":11894,"children":11895},{"style":453},[11896],{"type":22,"value":466},{"type":16,"tag":108,"props":11898,"children":11899},{"style":137},[11900],{"type":22,"value":11901}," \"@stimulus-components/dialog\"\n",{"type":16,"tag":108,"props":11903,"children":11904},{"class":110,"line":297},[11905],{"type":16,"tag":108,"props":11906,"children":11907},{"emptyLinePlaceholder":477},[11908],{"type":22,"value":480},{"type":16,"tag":108,"props":11910,"children":11911},{"class":110,"line":315},[11912,11916,11920,11924,11928,11932],{"type":16,"tag":108,"props":11913,"children":11914},{"style":453},[11915],{"type":22,"value":488},{"type":16,"tag":108,"props":11917,"children":11918},{"style":453},[11919],{"type":22,"value":493},{"type":16,"tag":108,"props":11921,"children":11922},{"style":453},[11923],{"type":22,"value":498},{"type":16,"tag":108,"props":11925,"children":11926},{"style":453},[11927],{"type":22,"value":503},{"type":16,"tag":108,"props":11929,"children":11930},{"style":506},[11931],{"type":22,"value":11892},{"type":16,"tag":108,"props":11933,"children":11934},{"style":115},[11935],{"type":22,"value":513},{"type":16,"tag":108,"props":11937,"children":11938},{"class":110,"line":333},[11939,11943],{"type":16,"tag":108,"props":11940,"children":11941},{"style":519},[11942],{"type":22,"value":1525},{"type":16,"tag":108,"props":11944,"children":11945},{"style":115},[11946],{"type":22,"value":1530},{"type":16,"tag":108,"props":11948,"children":11949},{"class":110,"line":351},[11950,11954,11958,11962],{"type":16,"tag":108,"props":11951,"children":11952},{"style":544},[11953],{"type":22,"value":547},{"type":16,"tag":108,"props":11955,"children":11956},{"style":115},[11957],{"type":22,"value":46},{"type":16,"tag":108,"props":11959,"children":11960},{"style":519},[11961],{"type":22,"value":1546},{"type":16,"tag":108,"props":11963,"children":11964},{"style":115},[11965],{"type":22,"value":1551},{"type":16,"tag":108,"props":11967,"children":11968},{"class":110,"line":369},[11969,11973,11977,11981,11985,11989],{"type":16,"tag":108,"props":11970,"children":11971},{"style":506},[11972],{"type":22,"value":577},{"type":16,"tag":108,"props":11974,"children":11975},{"style":115},[11976],{"type":22,"value":46},{"type":16,"tag":108,"props":11978,"children":11979},{"style":519},[11980],{"type":22,"value":586},{"type":16,"tag":108,"props":11982,"children":11983},{"style":115},[11984],{"type":22,"value":527},{"type":16,"tag":108,"props":11986,"children":11987},{"style":137},[11988],{"type":22,"value":595},{"type":16,"tag":108,"props":11990,"children":11991},{"style":115},[11992],{"type":22,"value":569},{"type":16,"tag":108,"props":11994,"children":11995},{"class":110,"line":602},[11996],{"type":16,"tag":108,"props":11997,"children":11998},{"style":115},[11999],{"type":22,"value":608},{"type":16,"tag":108,"props":12001,"children":12002},{"class":110,"line":611},[12003],{"type":16,"tag":108,"props":12004,"children":12005},{"emptyLinePlaceholder":477},[12006],{"type":22,"value":480},{"type":16,"tag":108,"props":12008,"children":12009},{"class":110,"line":619},[12010],{"type":16,"tag":108,"props":12011,"children":12012},{"style":1798},[12013],{"type":22,"value":12014},"  // Function to override on open.\n",{"type":16,"tag":108,"props":12016,"children":12017},{"class":110,"line":640},[12018,12023],{"type":16,"tag":108,"props":12019,"children":12020},{"style":519},[12021],{"type":22,"value":12022},"  open",{"type":16,"tag":108,"props":12024,"children":12025},{"style":115},[12026],{"type":22,"value":7830},{"type":16,"tag":108,"props":12028,"children":12029},{"class":110,"line":669},[12030],{"type":16,"tag":108,"props":12031,"children":12032},{"emptyLinePlaceholder":477},[12033],{"type":22,"value":480},{"type":16,"tag":108,"props":12035,"children":12036},{"class":110,"line":677},[12037],{"type":16,"tag":108,"props":12038,"children":12039},{"style":1798},[12040],{"type":22,"value":12041},"  // Function to override on close.\n",{"type":16,"tag":108,"props":12043,"children":12044},{"class":110,"line":2008},[12045,12050],{"type":16,"tag":108,"props":12046,"children":12047},{"style":519},[12048],{"type":22,"value":12049},"  close",{"type":16,"tag":108,"props":12051,"children":12052},{"style":115},[12053],{"type":22,"value":7830},{"type":16,"tag":108,"props":12055,"children":12056},{"class":110,"line":785},[12057],{"type":16,"tag":108,"props":12058,"children":12059},{"emptyLinePlaceholder":477},[12060],{"type":22,"value":480},{"type":16,"tag":108,"props":12062,"children":12063},{"class":110,"line":2033},[12064],{"type":16,"tag":108,"props":12065,"children":12066},{"style":1798},[12067],{"type":22,"value":12068},"  // Function to override on backdropClose.\n",{"type":16,"tag":108,"props":12070,"children":12071},{"class":110,"line":3198},[12072,12077],{"type":16,"tag":108,"props":12073,"children":12074},{"style":519},[12075],{"type":22,"value":12076},"  backdropClose",{"type":16,"tag":108,"props":12078,"children":12079},{"style":115},[12080],{"type":22,"value":7830},{"type":16,"tag":108,"props":12082,"children":12083},{"class":110,"line":3216},[12084],{"type":16,"tag":108,"props":12085,"children":12086},{"style":115},[12087],{"type":22,"value":683},{"type":16,"tag":685,"props":12089,"children":12090},{},[12091],{"type":22,"value":689},{"title":7,"searchDepth":297,"depth":297,"links":12093},[12094,12095,12096,12097,12098],{"id":19,"depth":297,"text":23},{"id":49,"depth":297,"text":52},{"id":58,"depth":297,"text":61},{"id":1224,"depth":297,"text":1227},{"id":428,"depth":297,"text":431},"content:docs:stimulus-dialog.md","docs/stimulus-dialog.md","docs/stimulus-dialog",{"_path":12103,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":12104,"description":12105,"package":12106,"packagePath":12107,"body":12108,"_type":696,"_id":12830,"_source":698,"_file":12831,"_stem":12832,"_extension":701},"/docs/stimulus-dropdown","Dropdown","A Stimulus controller to create a dropdown.","dropdown","@stimulus-components/dropdown",{"type":13,"children":12109,"toc":12824},[12110,12114,12117,12131,12135,12138,12142,12544,12560,12564,12820],{"type":16,"tag":17,"props":12111,"children":12112},{"id":19},[12113],{"type":22,"value":23},{"type":16,"tag":25,"props":12115,"children":12116},{":package":27,":package-path":28},[],{"type":16,"tag":31,"props":12118,"children":12119},{},[12120,12122,12129],{"type":22,"value":12121},"This controller uses ",{"type":16,"tag":37,"props":12123,"children":12126},{"href":12124,"rel":12125},"https://stimulus-use.github.io/stimulus-use/#/use-transition",[41],[12127],{"type":22,"value":12128},"stimulus-use/use-transition",{"type":22,"value":12130}," under the hood. You can change the animation behavior as you want.",{"type":16,"tag":17,"props":12132,"children":12133},{"id":49},[12134],{"type":22,"value":52},{"type":16,"tag":12106,"props":12136,"children":12137},{},[],{"type":16,"tag":17,"props":12139,"children":12140},{"id":58},[12141],{"type":22,"value":61},{"type":16,"tag":93,"props":12143,"children":12144},{"tab-name":95},[12145],{"type":16,"tag":98,"props":12146,"children":12148},{"className":100,"code":12147,"language":102,"meta":7,"style":7},"\u003Cdiv data-controller=\"dropdown\" class=\"relative\">\n  \u003Cbutton type=\"button\" data-action=\"dropdown#toggle click@window->dropdown#hide\">Options\u003C/button>\n\n  \u003Cdiv\n    data-dropdown-target=\"menu\"\n    class=\"hidden transition transform origin-top-right absolute right-0\"\n    data-transition-enter-from=\"opacity-0 scale-95\"\n    data-transition-enter-to=\"opacity-100 scale-100\"\n    data-transition-leave-from=\"opacity-100 scale-100\"\n    data-transition-leave-to=\"opacity-0 scale-95\"\n  >\n    \u003Ca href=\"#\" data-action=\"dropdown#toggle\">Account settings\u003C/a>\n    \u003Ca href=\"#\" data-action=\"dropdown#toggle\">Support\u003C/a>\n    \u003Ca href=\"#\" data-action=\"dropdown#toggle\">License\u003C/a>\n  \u003C/div>\n\u003C/div>\n",[12149],{"type":16,"tag":68,"props":12150,"children":12151},{"__ignoreMap":7},[12152,12193,12242,12249,12260,12277,12294,12311,12328,12344,12360,12368,12418,12466,12514,12529],{"type":16,"tag":108,"props":12153,"children":12154},{"class":110,"line":111},[12155,12159,12163,12167,12171,12176,12180,12184,12189],{"type":16,"tag":108,"props":12156,"children":12157},{"style":115},[12158],{"type":22,"value":118},{"type":16,"tag":108,"props":12160,"children":12161},{"style":121},[12162],{"type":22,"value":929},{"type":16,"tag":108,"props":12164,"children":12165},{"style":126},[12166],{"type":22,"value":145},{"type":16,"tag":108,"props":12168,"children":12169},{"style":115},[12170],{"type":22,"value":134},{"type":16,"tag":108,"props":12172,"children":12173},{"style":137},[12174],{"type":22,"value":12175},"\"dropdown\"",{"type":16,"tag":108,"props":12177,"children":12178},{"style":126},[12179],{"type":22,"value":498},{"type":16,"tag":108,"props":12181,"children":12182},{"style":115},[12183],{"type":22,"value":134},{"type":16,"tag":108,"props":12185,"children":12186},{"style":137},[12187],{"type":22,"value":12188},"\"relative\"",{"type":16,"tag":108,"props":12190,"children":12191},{"style":115},[12192],{"type":22,"value":182},{"type":16,"tag":108,"props":12194,"children":12195},{"class":110,"line":297},[12196,12200,12204,12208,12212,12216,12220,12224,12229,12234,12238],{"type":16,"tag":108,"props":12197,"children":12198},{"style":115},[12199],{"type":22,"value":1737},{"type":16,"tag":108,"props":12201,"children":12202},{"style":121},[12203],{"type":22,"value":212},{"type":16,"tag":108,"props":12205,"children":12206},{"style":126},[12207],{"type":22,"value":217},{"type":16,"tag":108,"props":12209,"children":12210},{"style":115},[12211],{"type":22,"value":134},{"type":16,"tag":108,"props":12213,"children":12214},{"style":137},[12215],{"type":22,"value":226},{"type":16,"tag":108,"props":12217,"children":12218},{"style":126},[12219],{"type":22,"value":159},{"type":16,"tag":108,"props":12221,"children":12222},{"style":115},[12223],{"type":22,"value":134},{"type":16,"tag":108,"props":12225,"children":12226},{"style":137},[12227],{"type":22,"value":12228},"\"dropdown#toggle click@window->dropdown#hide\"",{"type":16,"tag":108,"props":12230,"children":12231},{"style":115},[12232],{"type":22,"value":12233},">Options\u003C/",{"type":16,"tag":108,"props":12235,"children":12236},{"style":121},[12237],{"type":22,"value":212},{"type":16,"tag":108,"props":12239,"children":12240},{"style":115},[12241],{"type":22,"value":182},{"type":16,"tag":108,"props":12243,"children":12244},{"class":110,"line":315},[12245],{"type":16,"tag":108,"props":12246,"children":12247},{"emptyLinePlaceholder":477},[12248],{"type":22,"value":480},{"type":16,"tag":108,"props":12250,"children":12251},{"class":110,"line":333},[12252,12256],{"type":16,"tag":108,"props":12253,"children":12254},{"style":115},[12255],{"type":22,"value":1737},{"type":16,"tag":108,"props":12257,"children":12258},{"style":121},[12259],{"type":22,"value":834},{"type":16,"tag":108,"props":12261,"children":12262},{"class":110,"line":351},[12263,12268,12272],{"type":16,"tag":108,"props":12264,"children":12265},{"style":126},[12266],{"type":22,"value":12267},"    data-dropdown-target",{"type":16,"tag":108,"props":12269,"children":12270},{"style":115},[12271],{"type":22,"value":134},{"type":16,"tag":108,"props":12273,"children":12274},{"style":137},[12275],{"type":22,"value":12276},"\"menu\"\n",{"type":16,"tag":108,"props":12278,"children":12279},{"class":110,"line":369},[12280,12285,12289],{"type":16,"tag":108,"props":12281,"children":12282},{"style":126},[12283],{"type":22,"value":12284},"    class",{"type":16,"tag":108,"props":12286,"children":12287},{"style":115},[12288],{"type":22,"value":134},{"type":16,"tag":108,"props":12290,"children":12291},{"style":137},[12292],{"type":22,"value":12293},"\"hidden transition transform origin-top-right absolute right-0\"\n",{"type":16,"tag":108,"props":12295,"children":12296},{"class":110,"line":602},[12297,12302,12306],{"type":16,"tag":108,"props":12298,"children":12299},{"style":126},[12300],{"type":22,"value":12301},"    data-transition-enter-from",{"type":16,"tag":108,"props":12303,"children":12304},{"style":115},[12305],{"type":22,"value":134},{"type":16,"tag":108,"props":12307,"children":12308},{"style":137},[12309],{"type":22,"value":12310},"\"opacity-0 scale-95\"\n",{"type":16,"tag":108,"props":12312,"children":12313},{"class":110,"line":611},[12314,12319,12323],{"type":16,"tag":108,"props":12315,"children":12316},{"style":126},[12317],{"type":22,"value":12318},"    data-transition-enter-to",{"type":16,"tag":108,"props":12320,"children":12321},{"style":115},[12322],{"type":22,"value":134},{"type":16,"tag":108,"props":12324,"children":12325},{"style":137},[12326],{"type":22,"value":12327},"\"opacity-100 scale-100\"\n",{"type":16,"tag":108,"props":12329,"children":12330},{"class":110,"line":619},[12331,12336,12340],{"type":16,"tag":108,"props":12332,"children":12333},{"style":126},[12334],{"type":22,"value":12335},"    data-transition-leave-from",{"type":16,"tag":108,"props":12337,"children":12338},{"style":115},[12339],{"type":22,"value":134},{"type":16,"tag":108,"props":12341,"children":12342},{"style":137},[12343],{"type":22,"value":12327},{"type":16,"tag":108,"props":12345,"children":12346},{"class":110,"line":640},[12347,12352,12356],{"type":16,"tag":108,"props":12348,"children":12349},{"style":126},[12350],{"type":22,"value":12351},"    data-transition-leave-to",{"type":16,"tag":108,"props":12353,"children":12354},{"style":115},[12355],{"type":22,"value":134},{"type":16,"tag":108,"props":12357,"children":12358},{"style":137},[12359],{"type":22,"value":12310},{"type":16,"tag":108,"props":12361,"children":12362},{"class":110,"line":669},[12363],{"type":16,"tag":108,"props":12364,"children":12365},{"style":115},[12366],{"type":22,"value":12367},"  >\n",{"type":16,"tag":108,"props":12369,"children":12370},{"class":110,"line":677},[12371,12375,12379,12383,12387,12392,12396,12400,12405,12410,12414],{"type":16,"tag":108,"props":12372,"children":12373},{"style":115},[12374],{"type":22,"value":2556},{"type":16,"tag":108,"props":12376,"children":12377},{"style":121},[12378],{"type":22,"value":37},{"type":16,"tag":108,"props":12380,"children":12381},{"style":126},[12382],{"type":22,"value":129},{"type":16,"tag":108,"props":12384,"children":12385},{"style":115},[12386],{"type":22,"value":134},{"type":16,"tag":108,"props":12388,"children":12389},{"style":137},[12390],{"type":22,"value":12391},"\"#\"",{"type":16,"tag":108,"props":12393,"children":12394},{"style":126},[12395],{"type":22,"value":159},{"type":16,"tag":108,"props":12397,"children":12398},{"style":115},[12399],{"type":22,"value":134},{"type":16,"tag":108,"props":12401,"children":12402},{"style":137},[12403],{"type":22,"value":12404},"\"dropdown#toggle\"",{"type":16,"tag":108,"props":12406,"children":12407},{"style":115},[12408],{"type":22,"value":12409},">Account settings\u003C/",{"type":16,"tag":108,"props":12411,"children":12412},{"style":121},[12413],{"type":22,"value":37},{"type":16,"tag":108,"props":12415,"children":12416},{"style":115},[12417],{"type":22,"value":182},{"type":16,"tag":108,"props":12419,"children":12420},{"class":110,"line":2008},[12421,12425,12429,12433,12437,12441,12445,12449,12453,12458,12462],{"type":16,"tag":108,"props":12422,"children":12423},{"style":115},[12424],{"type":22,"value":2556},{"type":16,"tag":108,"props":12426,"children":12427},{"style":121},[12428],{"type":22,"value":37},{"type":16,"tag":108,"props":12430,"children":12431},{"style":126},[12432],{"type":22,"value":129},{"type":16,"tag":108,"props":12434,"children":12435},{"style":115},[12436],{"type":22,"value":134},{"type":16,"tag":108,"props":12438,"children":12439},{"style":137},[12440],{"type":22,"value":12391},{"type":16,"tag":108,"props":12442,"children":12443},{"style":126},[12444],{"type":22,"value":159},{"type":16,"tag":108,"props":12446,"children":12447},{"style":115},[12448],{"type":22,"value":134},{"type":16,"tag":108,"props":12450,"children":12451},{"style":137},[12452],{"type":22,"value":12404},{"type":16,"tag":108,"props":12454,"children":12455},{"style":115},[12456],{"type":22,"value":12457},">Support\u003C/",{"type":16,"tag":108,"props":12459,"children":12460},{"style":121},[12461],{"type":22,"value":37},{"type":16,"tag":108,"props":12463,"children":12464},{"style":115},[12465],{"type":22,"value":182},{"type":16,"tag":108,"props":12467,"children":12468},{"class":110,"line":785},[12469,12473,12477,12481,12485,12489,12493,12497,12501,12506,12510],{"type":16,"tag":108,"props":12470,"children":12471},{"style":115},[12472],{"type":22,"value":2556},{"type":16,"tag":108,"props":12474,"children":12475},{"style":121},[12476],{"type":22,"value":37},{"type":16,"tag":108,"props":12478,"children":12479},{"style":126},[12480],{"type":22,"value":129},{"type":16,"tag":108,"props":12482,"children":12483},{"style":115},[12484],{"type":22,"value":134},{"type":16,"tag":108,"props":12486,"children":12487},{"style":137},[12488],{"type":22,"value":12391},{"type":16,"tag":108,"props":12490,"children":12491},{"style":126},[12492],{"type":22,"value":159},{"type":16,"tag":108,"props":12494,"children":12495},{"style":115},[12496],{"type":22,"value":134},{"type":16,"tag":108,"props":12498,"children":12499},{"style":137},[12500],{"type":22,"value":12404},{"type":16,"tag":108,"props":12502,"children":12503},{"style":115},[12504],{"type":22,"value":12505},">License\u003C/",{"type":16,"tag":108,"props":12507,"children":12508},{"style":121},[12509],{"type":22,"value":37},{"type":16,"tag":108,"props":12511,"children":12512},{"style":115},[12513],{"type":22,"value":182},{"type":16,"tag":108,"props":12515,"children":12516},{"class":110,"line":2033},[12517,12521,12525],{"type":16,"tag":108,"props":12518,"children":12519},{"style":115},[12520],{"type":22,"value":1867},{"type":16,"tag":108,"props":12522,"children":12523},{"style":121},[12524],{"type":22,"value":929},{"type":16,"tag":108,"props":12526,"children":12527},{"style":115},[12528],{"type":22,"value":182},{"type":16,"tag":108,"props":12530,"children":12531},{"class":110,"line":3198},[12532,12536,12540],{"type":16,"tag":108,"props":12533,"children":12534},{"style":115},[12535],{"type":22,"value":924},{"type":16,"tag":108,"props":12537,"children":12538},{"style":121},[12539],{"type":22,"value":929},{"type":16,"tag":108,"props":12541,"children":12542},{"style":115},[12543],{"type":22,"value":182},{"type":16,"tag":2390,"props":12545,"children":12546},{},[12547],{"type":16,"tag":31,"props":12548,"children":12549},{},[12550,12558],{"type":16,"tag":37,"props":12551,"children":12555},{"href":12552,"rel":12553,"className":12554,"target":2405},"https://tailwindcss.com/",[41],[2401,2402],[12556],{"type":22,"value":12557},"TailwindCSS",{"type":22,"value":12559}," is used in this example, but it's up to you to style the dropdown as you want.",{"type":16,"tag":17,"props":12561,"children":12562},{"id":428},[12563],{"type":22,"value":431},{"type":16,"tag":428,"props":12565,"children":12566},{},[12567],{"type":16,"tag":93,"props":12568,"children":12570},{"tab-name":12569},"app/javascript/controllers/dropdown_controller.js",[12571],{"type":16,"tag":98,"props":12572,"children":12574},{"className":441,"code":12573,"language":443,"meta":7,"style":7},"import Dropdown from \"@stimulus-components/dropdown\"\n\nexport default class extends Dropdown {\n  connect() {\n    super.connect()\n    console.log(\"Do what you want here.\")\n  }\n\n  toggle(event) {\n    super.toggle()\n  }\n\n  hide(event) {\n    super.hide(event)\n  }\n}\n",[12575],{"type":16,"tag":68,"props":12576,"children":12577},{"__ignoreMap":7},[12578,12599,12606,12633,12644,12663,12690,12697,12704,12724,12744,12751,12758,12778,12806,12813],{"type":16,"tag":108,"props":12579,"children":12580},{"class":110,"line":111},[12581,12585,12590,12594],{"type":16,"tag":108,"props":12582,"children":12583},{"style":453},[12584],{"type":22,"value":456},{"type":16,"tag":108,"props":12586,"children":12587},{"style":121},[12588],{"type":22,"value":12589}," Dropdown",{"type":16,"tag":108,"props":12591,"children":12592},{"style":453},[12593],{"type":22,"value":466},{"type":16,"tag":108,"props":12595,"children":12596},{"style":137},[12597],{"type":22,"value":12598}," \"@stimulus-components/dropdown\"\n",{"type":16,"tag":108,"props":12600,"children":12601},{"class":110,"line":297},[12602],{"type":16,"tag":108,"props":12603,"children":12604},{"emptyLinePlaceholder":477},[12605],{"type":22,"value":480},{"type":16,"tag":108,"props":12607,"children":12608},{"class":110,"line":315},[12609,12613,12617,12621,12625,12629],{"type":16,"tag":108,"props":12610,"children":12611},{"style":453},[12612],{"type":22,"value":488},{"type":16,"tag":108,"props":12614,"children":12615},{"style":453},[12616],{"type":22,"value":493},{"type":16,"tag":108,"props":12618,"children":12619},{"style":453},[12620],{"type":22,"value":498},{"type":16,"tag":108,"props":12622,"children":12623},{"style":453},[12624],{"type":22,"value":503},{"type":16,"tag":108,"props":12626,"children":12627},{"style":506},[12628],{"type":22,"value":12589},{"type":16,"tag":108,"props":12630,"children":12631},{"style":115},[12632],{"type":22,"value":513},{"type":16,"tag":108,"props":12634,"children":12635},{"class":110,"line":333},[12636,12640],{"type":16,"tag":108,"props":12637,"children":12638},{"style":519},[12639],{"type":22,"value":1525},{"type":16,"tag":108,"props":12641,"children":12642},{"style":115},[12643],{"type":22,"value":1530},{"type":16,"tag":108,"props":12645,"children":12646},{"class":110,"line":351},[12647,12651,12655,12659],{"type":16,"tag":108,"props":12648,"children":12649},{"style":544},[12650],{"type":22,"value":547},{"type":16,"tag":108,"props":12652,"children":12653},{"style":115},[12654],{"type":22,"value":46},{"type":16,"tag":108,"props":12656,"children":12657},{"style":519},[12658],{"type":22,"value":1546},{"type":16,"tag":108,"props":12660,"children":12661},{"style":115},[12662],{"type":22,"value":1551},{"type":16,"tag":108,"props":12664,"children":12665},{"class":110,"line":369},[12666,12670,12674,12678,12682,12686],{"type":16,"tag":108,"props":12667,"children":12668},{"style":506},[12669],{"type":22,"value":577},{"type":16,"tag":108,"props":12671,"children":12672},{"style":115},[12673],{"type":22,"value":46},{"type":16,"tag":108,"props":12675,"children":12676},{"style":519},[12677],{"type":22,"value":586},{"type":16,"tag":108,"props":12679,"children":12680},{"style":115},[12681],{"type":22,"value":527},{"type":16,"tag":108,"props":12683,"children":12684},{"style":137},[12685],{"type":22,"value":595},{"type":16,"tag":108,"props":12687,"children":12688},{"style":115},[12689],{"type":22,"value":569},{"type":16,"tag":108,"props":12691,"children":12692},{"class":110,"line":602},[12693],{"type":16,"tag":108,"props":12694,"children":12695},{"style":115},[12696],{"type":22,"value":608},{"type":16,"tag":108,"props":12698,"children":12699},{"class":110,"line":611},[12700],{"type":16,"tag":108,"props":12701,"children":12702},{"emptyLinePlaceholder":477},[12703],{"type":22,"value":480},{"type":16,"tag":108,"props":12705,"children":12706},{"class":110,"line":619},[12707,12712,12716,12720],{"type":16,"tag":108,"props":12708,"children":12709},{"style":519},[12710],{"type":22,"value":12711},"  toggle",{"type":16,"tag":108,"props":12713,"children":12714},{"style":115},[12715],{"type":22,"value":527},{"type":16,"tag":108,"props":12717,"children":12718},{"style":530},[12719],{"type":22,"value":533},{"type":16,"tag":108,"props":12721,"children":12722},{"style":115},[12723],{"type":22,"value":538},{"type":16,"tag":108,"props":12725,"children":12726},{"class":110,"line":640},[12727,12731,12735,12740],{"type":16,"tag":108,"props":12728,"children":12729},{"style":544},[12730],{"type":22,"value":547},{"type":16,"tag":108,"props":12732,"children":12733},{"style":115},[12734],{"type":22,"value":46},{"type":16,"tag":108,"props":12736,"children":12737},{"style":519},[12738],{"type":22,"value":12739},"toggle",{"type":16,"tag":108,"props":12741,"children":12742},{"style":115},[12743],{"type":22,"value":1551},{"type":16,"tag":108,"props":12745,"children":12746},{"class":110,"line":669},[12747],{"type":16,"tag":108,"props":12748,"children":12749},{"style":115},[12750],{"type":22,"value":608},{"type":16,"tag":108,"props":12752,"children":12753},{"class":110,"line":677},[12754],{"type":16,"tag":108,"props":12755,"children":12756},{"emptyLinePlaceholder":477},[12757],{"type":22,"value":480},{"type":16,"tag":108,"props":12759,"children":12760},{"class":110,"line":2008},[12761,12766,12770,12774],{"type":16,"tag":108,"props":12762,"children":12763},{"style":519},[12764],{"type":22,"value":12765},"  hide",{"type":16,"tag":108,"props":12767,"children":12768},{"style":115},[12769],{"type":22,"value":527},{"type":16,"tag":108,"props":12771,"children":12772},{"style":530},[12773],{"type":22,"value":533},{"type":16,"tag":108,"props":12775,"children":12776},{"style":115},[12777],{"type":22,"value":538},{"type":16,"tag":108,"props":12779,"children":12780},{"class":110,"line":785},[12781,12785,12789,12794,12798,12802],{"type":16,"tag":108,"props":12782,"children":12783},{"style":544},[12784],{"type":22,"value":547},{"type":16,"tag":108,"props":12786,"children":12787},{"style":115},[12788],{"type":22,"value":46},{"type":16,"tag":108,"props":12790,"children":12791},{"style":519},[12792],{"type":22,"value":12793},"hide",{"type":16,"tag":108,"props":12795,"children":12796},{"style":115},[12797],{"type":22,"value":527},{"type":16,"tag":108,"props":12799,"children":12800},{"style":121},[12801],{"type":22,"value":533},{"type":16,"tag":108,"props":12803,"children":12804},{"style":115},[12805],{"type":22,"value":569},{"type":16,"tag":108,"props":12807,"children":12808},{"class":110,"line":2033},[12809],{"type":16,"tag":108,"props":12810,"children":12811},{"style":115},[12812],{"type":22,"value":608},{"type":16,"tag":108,"props":12814,"children":12815},{"class":110,"line":3198},[12816],{"type":16,"tag":108,"props":12817,"children":12818},{"style":115},[12819],{"type":22,"value":683},{"type":16,"tag":685,"props":12821,"children":12822},{},[12823],{"type":22,"value":689},{"title":7,"searchDepth":297,"depth":297,"links":12825},[12826,12827,12828,12829],{"id":19,"depth":297,"text":23},{"id":49,"depth":297,"text":52},{"id":58,"depth":297,"text":61},{"id":428,"depth":297,"text":431},"content:docs:stimulus-dropdown.md","docs/stimulus-dropdown.md","docs/stimulus-dropdown",{"_path":12834,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":12835,"description":12836,"package":12837,"packagePath":12838,"body":12839,"_type":696,"_id":14107,"_source":698,"_file":14108,"_stem":14109,"_extension":701},"/docs/stimulus-glow","Glow","A Stimulus controller that add a mouse-tracing glow effect.","glow","stimulus-glow",{"type":13,"children":12840,"toc":14100},[12841,12845,12848,12852,12855,12861,12883,12895,12899,12918,12931,13255,13260,13616,13621,13938,13952,13956,14096],{"type":16,"tag":17,"props":12842,"children":12843},{"id":19},[12844],{"type":22,"value":23},{"type":16,"tag":25,"props":12846,"children":12847},{":package":27,":package-path":28},[],{"type":16,"tag":17,"props":12849,"children":12850},{"id":49},[12851],{"type":22,"value":52},{"type":16,"tag":12837,"props":12853,"children":12854},{},[],{"type":16,"tag":17,"props":12856,"children":12858},{"id":12857},"how-it-works",[12859],{"type":22,"value":12860},"How it works",{"type":16,"tag":31,"props":12862,"children":12863},{},[12864,12866,12873,12875,12881],{"type":22,"value":12865},"The concept of the effect is to clone an element, the overlay, and applying a ",{"type":16,"tag":37,"props":12867,"children":12870},{"href":12868,"rel":12869},"https://developer.mozilla.org/en-US/docs/Web/CSS/mask",[41],[12871],{"type":22,"value":12872},"CSS mask",{"type":22,"value":12874}," with a ",{"type":16,"tag":68,"props":12876,"children":12878},{"className":12877},[],[12879],{"type":22,"value":12880},"radial-gradient",{"type":22,"value":12882}," property that follow the mouse.",{"type":16,"tag":31,"props":12884,"children":12885},{},[12886,12888,12893],{"type":22,"value":12887},"Every element that has a ",{"type":16,"tag":68,"props":12889,"children":12891},{"className":12890},[],[12892],{"type":22,"value":12837},{"type":22,"value":12894}," class will be revealed by the mask but not the rest.",{"type":16,"tag":17,"props":12896,"children":12897},{"id":58},[12898],{"type":22,"value":61},{"type":16,"tag":31,"props":12900,"children":12901},{},[12902,12907,12909,12916],{"type":16,"tag":37,"props":12903,"children":12905},{"href":12552,"rel":12904},[41],[12906],{"type":22,"value":12557},{"type":22,"value":12908}," is required to use this CSS, because we will use a ",{"type":16,"tag":37,"props":12910,"children":12913},{"href":12911,"rel":12912},"https://tailwindcss.com/docs/plugins#adding-variants",[41],[12914],{"type":22,"value":12915},"custom variant",{"type":22,"value":12917}," to limit the glow effect to the overlay.",{"type":16,"tag":31,"props":12919,"children":12920},{},[12921,12923,12929],{"type":22,"value":12922},"In your ",{"type":16,"tag":68,"props":12924,"children":12926},{"className":12925},[],[12927],{"type":22,"value":12928},"tailwind.config.js",{"type":22,"value":12930}," file, add this plugin:",{"type":16,"tag":93,"props":12932,"children":12933},{"tab-name":12928},[12934],{"type":16,"tag":98,"props":12935,"children":12937},{"className":441,"code":12936,"language":443,"meta":7,"style":7},"const plugin = require(\"tailwindcss/plugin\")\n\nmodule.exports = {\n  content: [\"./index.html\", \"./src/**/*.{js,ts}\"],\n\n  plugins: [\n    plugin(\n      ({ addVariant }) => {\n        addVariant(\"glow\", \".glow-capture .glow-overlay &\")\n      },\n      {\n        theme: {\n          extend: {\n            colors: {\n              glow: \"color-mix(in srgb, var(--glow-color) calc(\u003Calpha-value> * 100%), transparent)\",\n            },\n          },\n        },\n      },\n    ),\n  ],\n}\n",[12938],{"type":16,"tag":68,"props":12939,"children":12940},{"__ignoreMap":7},[12941,12976,12983,13008,13039,13046,13059,13072,13099,13129,13136,13144,13156,13168,13180,13201,13209,13217,13225,13232,13240,13248],{"type":16,"tag":108,"props":12942,"children":12943},{"class":110,"line":111},[12944,12949,12954,12958,12963,12967,12972],{"type":16,"tag":108,"props":12945,"children":12946},{"style":453},[12947],{"type":22,"value":12948},"const",{"type":16,"tag":108,"props":12950,"children":12951},{"style":506},[12952],{"type":22,"value":12953}," plugin",{"type":16,"tag":108,"props":12955,"children":12956},{"style":1654},[12957],{"type":22,"value":2201},{"type":16,"tag":108,"props":12959,"children":12960},{"style":519},[12961],{"type":22,"value":12962}," require",{"type":16,"tag":108,"props":12964,"children":12965},{"style":115},[12966],{"type":22,"value":527},{"type":16,"tag":108,"props":12968,"children":12969},{"style":137},[12970],{"type":22,"value":12971},"\"tailwindcss/plugin\"",{"type":16,"tag":108,"props":12973,"children":12974},{"style":115},[12975],{"type":22,"value":569},{"type":16,"tag":108,"props":12977,"children":12978},{"class":110,"line":297},[12979],{"type":16,"tag":108,"props":12980,"children":12981},{"emptyLinePlaceholder":477},[12982],{"type":22,"value":480},{"type":16,"tag":108,"props":12984,"children":12985},{"class":110,"line":315},[12986,12991,12995,13000,13004],{"type":16,"tag":108,"props":12987,"children":12988},{"style":506},[12989],{"type":22,"value":12990},"module",{"type":16,"tag":108,"props":12992,"children":12993},{"style":115},[12994],{"type":22,"value":46},{"type":16,"tag":108,"props":12996,"children":12997},{"style":506},[12998],{"type":22,"value":12999},"exports",{"type":16,"tag":108,"props":13001,"children":13002},{"style":1654},[13003],{"type":22,"value":2201},{"type":16,"tag":108,"props":13005,"children":13006},{"style":115},[13007],{"type":22,"value":513},{"type":16,"tag":108,"props":13009,"children":13010},{"class":110,"line":333},[13011,13016,13021,13026,13030,13035],{"type":16,"tag":108,"props":13012,"children":13013},{"style":121},[13014],{"type":22,"value":13015},"  content",{"type":16,"tag":108,"props":13017,"children":13018},{"style":115},[13019],{"type":22,"value":13020},": [",{"type":16,"tag":108,"props":13022,"children":13023},{"style":137},[13024],{"type":22,"value":13025},"\"./index.html\"",{"type":16,"tag":108,"props":13027,"children":13028},{"style":115},[13029],{"type":22,"value":397},{"type":16,"tag":108,"props":13031,"children":13032},{"style":137},[13033],{"type":22,"value":13034},"\"./src/**/*.{js,ts}\"",{"type":16,"tag":108,"props":13036,"children":13037},{"style":115},[13038],{"type":22,"value":4378},{"type":16,"tag":108,"props":13040,"children":13041},{"class":110,"line":351},[13042],{"type":16,"tag":108,"props":13043,"children":13044},{"emptyLinePlaceholder":477},[13045],{"type":22,"value":480},{"type":16,"tag":108,"props":13047,"children":13048},{"class":110,"line":369},[13049,13054],{"type":16,"tag":108,"props":13050,"children":13051},{"style":121},[13052],{"type":22,"value":13053},"  plugins",{"type":16,"tag":108,"props":13055,"children":13056},{"style":115},[13057],{"type":22,"value":13058},": [\n",{"type":16,"tag":108,"props":13060,"children":13061},{"class":110,"line":602},[13062,13067],{"type":16,"tag":108,"props":13063,"children":13064},{"style":519},[13065],{"type":22,"value":13066},"    plugin",{"type":16,"tag":108,"props":13068,"children":13069},{"style":115},[13070],{"type":22,"value":13071},"(\n",{"type":16,"tag":108,"props":13073,"children":13074},{"class":110,"line":611},[13075,13080,13085,13090,13095],{"type":16,"tag":108,"props":13076,"children":13077},{"style":115},[13078],{"type":22,"value":13079},"      ({ ",{"type":16,"tag":108,"props":13081,"children":13082},{"style":530},[13083],{"type":22,"value":13084},"addVariant",{"type":16,"tag":108,"props":13086,"children":13087},{"style":115},[13088],{"type":22,"value":13089}," }) ",{"type":16,"tag":108,"props":13091,"children":13092},{"style":453},[13093],{"type":22,"value":13094},"=>",{"type":16,"tag":108,"props":13096,"children":13097},{"style":115},[13098],{"type":22,"value":513},{"type":16,"tag":108,"props":13100,"children":13101},{"class":110,"line":619},[13102,13107,13111,13116,13120,13125],{"type":16,"tag":108,"props":13103,"children":13104},{"style":519},[13105],{"type":22,"value":13106},"        addVariant",{"type":16,"tag":108,"props":13108,"children":13109},{"style":115},[13110],{"type":22,"value":527},{"type":16,"tag":108,"props":13112,"children":13113},{"style":137},[13114],{"type":22,"value":13115},"\"glow\"",{"type":16,"tag":108,"props":13117,"children":13118},{"style":115},[13119],{"type":22,"value":397},{"type":16,"tag":108,"props":13121,"children":13122},{"style":137},[13123],{"type":22,"value":13124},"\".glow-capture .glow-overlay &\"",{"type":16,"tag":108,"props":13126,"children":13127},{"style":115},[13128],{"type":22,"value":569},{"type":16,"tag":108,"props":13130,"children":13131},{"class":110,"line":640},[13132],{"type":16,"tag":108,"props":13133,"children":13134},{"style":115},[13135],{"type":22,"value":5463},{"type":16,"tag":108,"props":13137,"children":13138},{"class":110,"line":669},[13139],{"type":16,"tag":108,"props":13140,"children":13141},{"style":115},[13142],{"type":22,"value":13143},"      {\n",{"type":16,"tag":108,"props":13145,"children":13146},{"class":110,"line":677},[13147,13152],{"type":16,"tag":108,"props":13148,"children":13149},{"style":121},[13150],{"type":22,"value":13151},"        theme",{"type":16,"tag":108,"props":13153,"children":13154},{"style":115},[13155],{"type":22,"value":2218},{"type":16,"tag":108,"props":13157,"children":13158},{"class":110,"line":2008},[13159,13164],{"type":16,"tag":108,"props":13160,"children":13161},{"style":121},[13162],{"type":22,"value":13163},"          extend",{"type":16,"tag":108,"props":13165,"children":13166},{"style":115},[13167],{"type":22,"value":2218},{"type":16,"tag":108,"props":13169,"children":13170},{"class":110,"line":785},[13171,13176],{"type":16,"tag":108,"props":13172,"children":13173},{"style":121},[13174],{"type":22,"value":13175},"            colors",{"type":16,"tag":108,"props":13177,"children":13178},{"style":115},[13179],{"type":22,"value":2218},{"type":16,"tag":108,"props":13181,"children":13182},{"class":110,"line":2033},[13183,13188,13192,13197],{"type":16,"tag":108,"props":13184,"children":13185},{"style":121},[13186],{"type":22,"value":13187},"              glow",{"type":16,"tag":108,"props":13189,"children":13190},{"style":115},[13191],{"type":22,"value":2231},{"type":16,"tag":108,"props":13193,"children":13194},{"style":137},[13195],{"type":22,"value":13196},"\"color-mix(in srgb, var(--glow-color) calc(\u003Calpha-value> * 100%), transparent)\"",{"type":16,"tag":108,"props":13198,"children":13199},{"style":115},[13200],{"type":22,"value":2241},{"type":16,"tag":108,"props":13202,"children":13203},{"class":110,"line":3198},[13204],{"type":16,"tag":108,"props":13205,"children":13206},{"style":115},[13207],{"type":22,"value":13208},"            },\n",{"type":16,"tag":108,"props":13210,"children":13211},{"class":110,"line":3216},[13212],{"type":16,"tag":108,"props":13213,"children":13214},{"style":115},[13215],{"type":22,"value":13216},"          },\n",{"type":16,"tag":108,"props":13218,"children":13219},{"class":110,"line":3229},[13220],{"type":16,"tag":108,"props":13221,"children":13222},{"style":115},[13223],{"type":22,"value":13224},"        },\n",{"type":16,"tag":108,"props":13226,"children":13227},{"class":110,"line":3238},[13228],{"type":16,"tag":108,"props":13229,"children":13230},{"style":115},[13231],{"type":22,"value":5463},{"type":16,"tag":108,"props":13233,"children":13234},{"class":110,"line":3247},[13235],{"type":16,"tag":108,"props":13236,"children":13237},{"style":115},[13238],{"type":22,"value":13239},"    ),\n",{"type":16,"tag":108,"props":13241,"children":13242},{"class":110,"line":3255},[13243],{"type":16,"tag":108,"props":13244,"children":13245},{"style":115},[13246],{"type":22,"value":13247},"  ],\n",{"type":16,"tag":108,"props":13249,"children":13250},{"class":110,"line":4676},[13251],{"type":16,"tag":108,"props":13252,"children":13253},{"style":115},[13254],{"type":22,"value":683},{"type":16,"tag":31,"props":13256,"children":13257},{},[13258],{"type":22,"value":13259},"Now in your CSS, add this class:",{"type":16,"tag":93,"props":13261,"children":13262},{"tab-name":11252},[13263],{"type":16,"tag":98,"props":13264,"children":13266},{"className":11256,"code":13265,"language":11258,"meta":7,"style":7},".glow-overlay {\n  --glow-size: 25rem; /* Change the size of the glow effect here */\n\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  user-select: none;\n  opacity: var(--glow-opacity, 0);\n  mask: radial-gradient(\n    var(--glow-size) var(--glow-size) at var(--glow-x) var(--glow-y),\n    var(--glow-color) 1%,\n    transparent 50%\n  );\n  transition: 400ms mask ease;\n  will-change: mask;\n}\n",[13267],{"type":16,"tag":68,"props":13268,"children":13269},{"__ignoreMap":7},[13270,13282,13314,13321,13338,13354,13371,13387,13421,13437,13511,13544,13562,13570,13601,13609],{"type":16,"tag":108,"props":13271,"children":13272},{"class":110,"line":111},[13273,13278],{"type":16,"tag":108,"props":13274,"children":13275},{"style":126},[13276],{"type":22,"value":13277},".glow-overlay",{"type":16,"tag":108,"props":13279,"children":13280},{"style":115},[13281],{"type":22,"value":513},{"type":16,"tag":108,"props":13283,"children":13284},{"class":110,"line":297},[13285,13290,13294,13299,13304,13309],{"type":16,"tag":108,"props":13286,"children":13287},{"style":121},[13288],{"type":22,"value":13289},"  --glow-size",{"type":16,"tag":108,"props":13291,"children":13292},{"style":115},[13293],{"type":22,"value":2231},{"type":16,"tag":108,"props":13295,"children":13296},{"style":126},[13297],{"type":22,"value":13298},"25",{"type":16,"tag":108,"props":13300,"children":13301},{"style":121},[13302],{"type":22,"value":13303},"rem",{"type":16,"tag":108,"props":13305,"children":13306},{"style":115},[13307],{"type":22,"value":13308},"; ",{"type":16,"tag":108,"props":13310,"children":13311},{"style":1798},[13312],{"type":22,"value":13313},"/* Change the size of the glow effect here */\n",{"type":16,"tag":108,"props":13315,"children":13316},{"class":110,"line":315},[13317],{"type":16,"tag":108,"props":13318,"children":13319},{"emptyLinePlaceholder":477},[13320],{"type":22,"value":480},{"type":16,"tag":108,"props":13322,"children":13323},{"class":110,"line":333},[13324,13329,13334],{"type":16,"tag":108,"props":13325,"children":13326},{"style":115},[13327],{"type":22,"value":13328},"  position: ",{"type":16,"tag":108,"props":13330,"children":13331},{"style":126},[13332],{"type":22,"value":13333},"absolute",{"type":16,"tag":108,"props":13335,"children":13336},{"style":115},[13337],{"type":22,"value":11346},{"type":16,"tag":108,"props":13339,"children":13340},{"class":110,"line":351},[13341,13346,13350],{"type":16,"tag":108,"props":13342,"children":13343},{"style":115},[13344],{"type":22,"value":13345},"  inset: ",{"type":16,"tag":108,"props":13347,"children":13348},{"style":126},[13349],{"type":22,"value":1435},{"type":16,"tag":108,"props":13351,"children":13352},{"style":115},[13353],{"type":22,"value":11346},{"type":16,"tag":108,"props":13355,"children":13356},{"class":110,"line":369},[13357,13362,13367],{"type":16,"tag":108,"props":13358,"children":13359},{"style":115},[13360],{"type":22,"value":13361},"  pointer-events: ",{"type":16,"tag":108,"props":13363,"children":13364},{"style":126},[13365],{"type":22,"value":13366},"none",{"type":16,"tag":108,"props":13368,"children":13369},{"style":115},[13370],{"type":22,"value":11346},{"type":16,"tag":108,"props":13372,"children":13373},{"class":110,"line":602},[13374,13379,13383],{"type":16,"tag":108,"props":13375,"children":13376},{"style":115},[13377],{"type":22,"value":13378},"  user-select: ",{"type":16,"tag":108,"props":13380,"children":13381},{"style":126},[13382],{"type":22,"value":13366},{"type":16,"tag":108,"props":13384,"children":13385},{"style":115},[13386],{"type":22,"value":11346},{"type":16,"tag":108,"props":13388,"children":13389},{"class":110,"line":611},[13390,13395,13400,13404,13409,13413,13417],{"type":16,"tag":108,"props":13391,"children":13392},{"style":115},[13393],{"type":22,"value":13394},"  opacity: ",{"type":16,"tag":108,"props":13396,"children":13397},{"style":1654},[13398],{"type":22,"value":13399},"var",{"type":16,"tag":108,"props":13401,"children":13402},{"style":115},[13403],{"type":22,"value":527},{"type":16,"tag":108,"props":13405,"children":13406},{"style":121},[13407],{"type":22,"value":13408},"--glow-opacity",{"type":16,"tag":108,"props":13410,"children":13411},{"style":115},[13412],{"type":22,"value":397},{"type":16,"tag":108,"props":13414,"children":13415},{"style":126},[13416],{"type":22,"value":1435},{"type":16,"tag":108,"props":13418,"children":13419},{"style":115},[13420],{"type":22,"value":11446},{"type":16,"tag":108,"props":13422,"children":13423},{"class":110,"line":619},[13424,13429,13433],{"type":16,"tag":108,"props":13425,"children":13426},{"style":115},[13427],{"type":22,"value":13428},"  mask: ",{"type":16,"tag":108,"props":13430,"children":13431},{"style":1654},[13432],{"type":22,"value":12880},{"type":16,"tag":108,"props":13434,"children":13435},{"style":115},[13436],{"type":22,"value":13071},{"type":16,"tag":108,"props":13438,"children":13439},{"class":110,"line":640},[13440,13445,13449,13454,13459,13463,13467,13471,13476,13480,13484,13489,13493,13497,13501,13506],{"type":16,"tag":108,"props":13441,"children":13442},{"style":1654},[13443],{"type":22,"value":13444},"    var",{"type":16,"tag":108,"props":13446,"children":13447},{"style":115},[13448],{"type":22,"value":527},{"type":16,"tag":108,"props":13450,"children":13451},{"style":121},[13452],{"type":22,"value":13453},"--glow-size",{"type":16,"tag":108,"props":13455,"children":13456},{"style":115},[13457],{"type":22,"value":13458},") ",{"type":16,"tag":108,"props":13460,"children":13461},{"style":1654},[13462],{"type":22,"value":13399},{"type":16,"tag":108,"props":13464,"children":13465},{"style":115},[13466],{"type":22,"value":527},{"type":16,"tag":108,"props":13468,"children":13469},{"style":121},[13470],{"type":22,"value":13453},{"type":16,"tag":108,"props":13472,"children":13473},{"style":115},[13474],{"type":22,"value":13475},") at ",{"type":16,"tag":108,"props":13477,"children":13478},{"style":1654},[13479],{"type":22,"value":13399},{"type":16,"tag":108,"props":13481,"children":13482},{"style":115},[13483],{"type":22,"value":527},{"type":16,"tag":108,"props":13485,"children":13486},{"style":121},[13487],{"type":22,"value":13488},"--glow-x",{"type":16,"tag":108,"props":13490,"children":13491},{"style":115},[13492],{"type":22,"value":13458},{"type":16,"tag":108,"props":13494,"children":13495},{"style":1654},[13496],{"type":22,"value":13399},{"type":16,"tag":108,"props":13498,"children":13499},{"style":115},[13500],{"type":22,"value":527},{"type":16,"tag":108,"props":13502,"children":13503},{"style":121},[13504],{"type":22,"value":13505},"--glow-y",{"type":16,"tag":108,"props":13507,"children":13508},{"style":115},[13509],{"type":22,"value":13510},"),\n",{"type":16,"tag":108,"props":13512,"children":13513},{"class":110,"line":669},[13514,13518,13522,13527,13531,13535,13540],{"type":16,"tag":108,"props":13515,"children":13516},{"style":1654},[13517],{"type":22,"value":13444},{"type":16,"tag":108,"props":13519,"children":13520},{"style":115},[13521],{"type":22,"value":527},{"type":16,"tag":108,"props":13523,"children":13524},{"style":121},[13525],{"type":22,"value":13526},"--glow-color",{"type":16,"tag":108,"props":13528,"children":13529},{"style":115},[13530],{"type":22,"value":13458},{"type":16,"tag":108,"props":13532,"children":13533},{"style":126},[13534],{"type":22,"value":11528},{"type":16,"tag":108,"props":13536,"children":13537},{"style":121},[13538],{"type":22,"value":13539},"%",{"type":16,"tag":108,"props":13541,"children":13542},{"style":115},[13543],{"type":22,"value":2241},{"type":16,"tag":108,"props":13545,"children":13546},{"class":110,"line":677},[13547,13552,13557],{"type":16,"tag":108,"props":13548,"children":13549},{"style":126},[13550],{"type":22,"value":13551},"    transparent",{"type":16,"tag":108,"props":13553,"children":13554},{"style":126},[13555],{"type":22,"value":13556}," 50",{"type":16,"tag":108,"props":13558,"children":13559},{"style":121},[13560],{"type":22,"value":13561},"%\n",{"type":16,"tag":108,"props":13563,"children":13564},{"class":110,"line":2008},[13565],{"type":16,"tag":108,"props":13566,"children":13567},{"style":115},[13568],{"type":22,"value":13569},"  );\n",{"type":16,"tag":108,"props":13571,"children":13572},{"class":110,"line":785},[13573,13578,13583,13587,13592,13597],{"type":16,"tag":108,"props":13574,"children":13575},{"style":115},[13576],{"type":22,"value":13577},"  transition: ",{"type":16,"tag":108,"props":13579,"children":13580},{"style":126},[13581],{"type":22,"value":13582},"400",{"type":16,"tag":108,"props":13584,"children":13585},{"style":121},[13586],{"type":22,"value":11707},{"type":16,"tag":108,"props":13588,"children":13589},{"style":115},[13590],{"type":22,"value":13591}," mask ",{"type":16,"tag":108,"props":13593,"children":13594},{"style":126},[13595],{"type":22,"value":13596},"ease",{"type":16,"tag":108,"props":13598,"children":13599},{"style":115},[13600],{"type":22,"value":11346},{"type":16,"tag":108,"props":13602,"children":13603},{"class":110,"line":2033},[13604],{"type":16,"tag":108,"props":13605,"children":13606},{"style":115},[13607],{"type":22,"value":13608},"  will-change: mask;\n",{"type":16,"tag":108,"props":13610,"children":13611},{"class":110,"line":3198},[13612],{"type":16,"tag":108,"props":13613,"children":13614},{"style":115},[13615],{"type":22,"value":683},{"type":16,"tag":31,"props":13617,"children":13618},{},[13619],{"type":22,"value":13620},"Here is a simplified version of the minimum markup you need:",{"type":16,"tag":93,"props":13622,"children":13623},{"tab-name":95},[13624],{"type":16,"tag":98,"props":13625,"children":13627},{"className":100,"code":13626,"language":102,"meta":7,"style":7},"\u003Cdiv data-controller=\"glow\" class=\"relative glow-capture\">\n  \u003Cdiv data-glow-target=\"child\" class=\"glow glow:ring-1 glow:border-glow glow:ring-glow glow:bg-glow/[.15]\">\n    \u003Ch2 class=\"font-bold text-2xl mb-4 text-gray-200 glow:text-glow/[.8]\">Chicken Shawarma & Veggies\u003C/h2>\n\n    \u003Cp class=\"text-sm text-gray-300 glow:text-glow\">Vitae ducimus harum earum ratione autem esse ea!\u003C/p>\n\n    \u003Cbutton class=\"glow:text-glow glow:border-glow glow:ring glow:ring-glow\">Add to cart\u003C/button>\n  \u003C/div>\n\n  \u003Cdiv data-glow-target=\"overlay\" class=\"glow-overlay\" style=\"--glow-color: #f97316\">\u003C/div>\n\u003C/div>\n",[13628],{"type":16,"tag":68,"props":13629,"children":13630},{"__ignoreMap":7},[13631,13671,13713,13750,13757,13794,13801,13838,13853,13860,13923],{"type":16,"tag":108,"props":13632,"children":13633},{"class":110,"line":111},[13634,13638,13642,13646,13650,13654,13658,13662,13667],{"type":16,"tag":108,"props":13635,"children":13636},{"style":115},[13637],{"type":22,"value":118},{"type":16,"tag":108,"props":13639,"children":13640},{"style":121},[13641],{"type":22,"value":929},{"type":16,"tag":108,"props":13643,"children":13644},{"style":126},[13645],{"type":22,"value":145},{"type":16,"tag":108,"props":13647,"children":13648},{"style":115},[13649],{"type":22,"value":134},{"type":16,"tag":108,"props":13651,"children":13652},{"style":137},[13653],{"type":22,"value":13115},{"type":16,"tag":108,"props":13655,"children":13656},{"style":126},[13657],{"type":22,"value":498},{"type":16,"tag":108,"props":13659,"children":13660},{"style":115},[13661],{"type":22,"value":134},{"type":16,"tag":108,"props":13663,"children":13664},{"style":137},[13665],{"type":22,"value":13666},"\"relative glow-capture\"",{"type":16,"tag":108,"props":13668,"children":13669},{"style":115},[13670],{"type":22,"value":182},{"type":16,"tag":108,"props":13672,"children":13673},{"class":110,"line":297},[13674,13678,13682,13687,13691,13696,13700,13704,13709],{"type":16,"tag":108,"props":13675,"children":13676},{"style":115},[13677],{"type":22,"value":1737},{"type":16,"tag":108,"props":13679,"children":13680},{"style":121},[13681],{"type":22,"value":929},{"type":16,"tag":108,"props":13683,"children":13684},{"style":126},[13685],{"type":22,"value":13686}," data-glow-target",{"type":16,"tag":108,"props":13688,"children":13689},{"style":115},[13690],{"type":22,"value":134},{"type":16,"tag":108,"props":13692,"children":13693},{"style":137},[13694],{"type":22,"value":13695},"\"child\"",{"type":16,"tag":108,"props":13697,"children":13698},{"style":126},[13699],{"type":22,"value":498},{"type":16,"tag":108,"props":13701,"children":13702},{"style":115},[13703],{"type":22,"value":134},{"type":16,"tag":108,"props":13705,"children":13706},{"style":137},[13707],{"type":22,"value":13708},"\"glow glow:ring-1 glow:border-glow glow:ring-glow glow:bg-glow/[.15]\"",{"type":16,"tag":108,"props":13710,"children":13711},{"style":115},[13712],{"type":22,"value":182},{"type":16,"tag":108,"props":13714,"children":13715},{"class":110,"line":315},[13716,13720,13724,13728,13732,13737,13742,13746],{"type":16,"tag":108,"props":13717,"children":13718},{"style":115},[13719],{"type":22,"value":2556},{"type":16,"tag":108,"props":13721,"children":13722},{"style":121},[13723],{"type":22,"value":17},{"type":16,"tag":108,"props":13725,"children":13726},{"style":126},[13727],{"type":22,"value":498},{"type":16,"tag":108,"props":13729,"children":13730},{"style":115},[13731],{"type":22,"value":134},{"type":16,"tag":108,"props":13733,"children":13734},{"style":137},[13735],{"type":22,"value":13736},"\"font-bold text-2xl mb-4 text-gray-200 glow:text-glow/[.8]\"",{"type":16,"tag":108,"props":13738,"children":13739},{"style":115},[13740],{"type":22,"value":13741},">Chicken Shawarma & Veggies\u003C/",{"type":16,"tag":108,"props":13743,"children":13744},{"style":121},[13745],{"type":22,"value":17},{"type":16,"tag":108,"props":13747,"children":13748},{"style":115},[13749],{"type":22,"value":182},{"type":16,"tag":108,"props":13751,"children":13752},{"class":110,"line":333},[13753],{"type":16,"tag":108,"props":13754,"children":13755},{"emptyLinePlaceholder":477},[13756],{"type":22,"value":480},{"type":16,"tag":108,"props":13758,"children":13759},{"class":110,"line":351},[13760,13764,13768,13772,13776,13781,13786,13790],{"type":16,"tag":108,"props":13761,"children":13762},{"style":115},[13763],{"type":22,"value":2556},{"type":16,"tag":108,"props":13765,"children":13766},{"style":121},[13767],{"type":22,"value":31},{"type":16,"tag":108,"props":13769,"children":13770},{"style":126},[13771],{"type":22,"value":498},{"type":16,"tag":108,"props":13773,"children":13774},{"style":115},[13775],{"type":22,"value":134},{"type":16,"tag":108,"props":13777,"children":13778},{"style":137},[13779],{"type":22,"value":13780},"\"text-sm text-gray-300 glow:text-glow\"",{"type":16,"tag":108,"props":13782,"children":13783},{"style":115},[13784],{"type":22,"value":13785},">Vitae ducimus harum earum ratione autem esse ea!\u003C/",{"type":16,"tag":108,"props":13787,"children":13788},{"style":121},[13789],{"type":22,"value":31},{"type":16,"tag":108,"props":13791,"children":13792},{"style":115},[13793],{"type":22,"value":182},{"type":16,"tag":108,"props":13795,"children":13796},{"class":110,"line":369},[13797],{"type":16,"tag":108,"props":13798,"children":13799},{"emptyLinePlaceholder":477},[13800],{"type":22,"value":480},{"type":16,"tag":108,"props":13802,"children":13803},{"class":110,"line":602},[13804,13808,13812,13816,13820,13825,13830,13834],{"type":16,"tag":108,"props":13805,"children":13806},{"style":115},[13807],{"type":22,"value":2556},{"type":16,"tag":108,"props":13809,"children":13810},{"style":121},[13811],{"type":22,"value":212},{"type":16,"tag":108,"props":13813,"children":13814},{"style":126},[13815],{"type":22,"value":498},{"type":16,"tag":108,"props":13817,"children":13818},{"style":115},[13819],{"type":22,"value":134},{"type":16,"tag":108,"props":13821,"children":13822},{"style":137},[13823],{"type":22,"value":13824},"\"glow:text-glow glow:border-glow glow:ring glow:ring-glow\"",{"type":16,"tag":108,"props":13826,"children":13827},{"style":115},[13828],{"type":22,"value":13829},">Add to cart\u003C/",{"type":16,"tag":108,"props":13831,"children":13832},{"style":121},[13833],{"type":22,"value":212},{"type":16,"tag":108,"props":13835,"children":13836},{"style":115},[13837],{"type":22,"value":182},{"type":16,"tag":108,"props":13839,"children":13840},{"class":110,"line":611},[13841,13845,13849],{"type":16,"tag":108,"props":13842,"children":13843},{"style":115},[13844],{"type":22,"value":1867},{"type":16,"tag":108,"props":13846,"children":13847},{"style":121},[13848],{"type":22,"value":929},{"type":16,"tag":108,"props":13850,"children":13851},{"style":115},[13852],{"type":22,"value":182},{"type":16,"tag":108,"props":13854,"children":13855},{"class":110,"line":619},[13856],{"type":16,"tag":108,"props":13857,"children":13858},{"emptyLinePlaceholder":477},[13859],{"type":22,"value":480},{"type":16,"tag":108,"props":13861,"children":13862},{"class":110,"line":640},[13863,13867,13871,13875,13879,13884,13888,13892,13897,13902,13906,13911,13915,13919],{"type":16,"tag":108,"props":13864,"children":13865},{"style":115},[13866],{"type":22,"value":1737},{"type":16,"tag":108,"props":13868,"children":13869},{"style":121},[13870],{"type":22,"value":929},{"type":16,"tag":108,"props":13872,"children":13873},{"style":126},[13874],{"type":22,"value":13686},{"type":16,"tag":108,"props":13876,"children":13877},{"style":115},[13878],{"type":22,"value":134},{"type":16,"tag":108,"props":13880,"children":13881},{"style":137},[13882],{"type":22,"value":13883},"\"overlay\"",{"type":16,"tag":108,"props":13885,"children":13886},{"style":126},[13887],{"type":22,"value":498},{"type":16,"tag":108,"props":13889,"children":13890},{"style":115},[13891],{"type":22,"value":134},{"type":16,"tag":108,"props":13893,"children":13894},{"style":137},[13895],{"type":22,"value":13896},"\"glow-overlay\"",{"type":16,"tag":108,"props":13898,"children":13899},{"style":126},[13900],{"type":22,"value":13901}," style",{"type":16,"tag":108,"props":13903,"children":13904},{"style":115},[13905],{"type":22,"value":134},{"type":16,"tag":108,"props":13907,"children":13908},{"style":137},[13909],{"type":22,"value":13910},"\"--glow-color: #f97316\"",{"type":16,"tag":108,"props":13912,"children":13913},{"style":115},[13914],{"type":22,"value":3369},{"type":16,"tag":108,"props":13916,"children":13917},{"style":121},[13918],{"type":22,"value":929},{"type":16,"tag":108,"props":13920,"children":13921},{"style":115},[13922],{"type":22,"value":182},{"type":16,"tag":108,"props":13924,"children":13925},{"class":110,"line":669},[13926,13930,13934],{"type":16,"tag":108,"props":13927,"children":13928},{"style":115},[13929],{"type":22,"value":924},{"type":16,"tag":108,"props":13931,"children":13932},{"style":121},[13933],{"type":22,"value":929},{"type":16,"tag":108,"props":13935,"children":13936},{"style":115},[13937],{"type":22,"value":182},{"type":16,"tag":31,"props":13939,"children":13940},{},[13941,13943,13950],{"type":22,"value":13942},"I suggest you the inspect the ",{"type":16,"tag":37,"props":13944,"children":13947},{"href":13945,"rel":13946},"https://github.com/stimulus-components/stimulus-components/blob/master/components/glow/index.html",[41],[13948],{"type":22,"value":13949},"index.html",{"type":22,"value":13951}," of the demo for a complete example.",{"type":16,"tag":17,"props":13953,"children":13954},{"id":428},[13955],{"type":22,"value":431},{"type":16,"tag":428,"props":13957,"children":13958},{},[13959],{"type":16,"tag":93,"props":13960,"children":13962},{"tab-name":13961},"app/javascript/controllers/glow_controller.js",[13963],{"type":16,"tag":98,"props":13964,"children":13966},{"className":441,"code":13965,"language":443,"meta":7,"style":7},"import Glow from \"stimulus-glow\"\n\nexport default class extends Glow {\n  connect() {\n    super.connect()\n    console.log(\"Do what you want here.\")\n  }\n}\n",[13967],{"type":16,"tag":68,"props":13968,"children":13969},{"__ignoreMap":7},[13970,13991,13998,14025,14036,14055,14082,14089],{"type":16,"tag":108,"props":13971,"children":13972},{"class":110,"line":111},[13973,13977,13982,13986],{"type":16,"tag":108,"props":13974,"children":13975},{"style":453},[13976],{"type":22,"value":456},{"type":16,"tag":108,"props":13978,"children":13979},{"style":121},[13980],{"type":22,"value":13981}," Glow",{"type":16,"tag":108,"props":13983,"children":13984},{"style":453},[13985],{"type":22,"value":466},{"type":16,"tag":108,"props":13987,"children":13988},{"style":137},[13989],{"type":22,"value":13990}," \"stimulus-glow\"\n",{"type":16,"tag":108,"props":13992,"children":13993},{"class":110,"line":297},[13994],{"type":16,"tag":108,"props":13995,"children":13996},{"emptyLinePlaceholder":477},[13997],{"type":22,"value":480},{"type":16,"tag":108,"props":13999,"children":14000},{"class":110,"line":315},[14001,14005,14009,14013,14017,14021],{"type":16,"tag":108,"props":14002,"children":14003},{"style":453},[14004],{"type":22,"value":488},{"type":16,"tag":108,"props":14006,"children":14007},{"style":453},[14008],{"type":22,"value":493},{"type":16,"tag":108,"props":14010,"children":14011},{"style":453},[14012],{"type":22,"value":498},{"type":16,"tag":108,"props":14014,"children":14015},{"style":453},[14016],{"type":22,"value":503},{"type":16,"tag":108,"props":14018,"children":14019},{"style":506},[14020],{"type":22,"value":13981},{"type":16,"tag":108,"props":14022,"children":14023},{"style":115},[14024],{"type":22,"value":513},{"type":16,"tag":108,"props":14026,"children":14027},{"class":110,"line":333},[14028,14032],{"type":16,"tag":108,"props":14029,"children":14030},{"style":519},[14031],{"type":22,"value":1525},{"type":16,"tag":108,"props":14033,"children":14034},{"style":115},[14035],{"type":22,"value":1530},{"type":16,"tag":108,"props":14037,"children":14038},{"class":110,"line":351},[14039,14043,14047,14051],{"type":16,"tag":108,"props":14040,"children":14041},{"style":544},[14042],{"type":22,"value":547},{"type":16,"tag":108,"props":14044,"children":14045},{"style":115},[14046],{"type":22,"value":46},{"type":16,"tag":108,"props":14048,"children":14049},{"style":519},[14050],{"type":22,"value":1546},{"type":16,"tag":108,"props":14052,"children":14053},{"style":115},[14054],{"type":22,"value":1551},{"type":16,"tag":108,"props":14056,"children":14057},{"class":110,"line":369},[14058,14062,14066,14070,14074,14078],{"type":16,"tag":108,"props":14059,"children":14060},{"style":506},[14061],{"type":22,"value":577},{"type":16,"tag":108,"props":14063,"children":14064},{"style":115},[14065],{"type":22,"value":46},{"type":16,"tag":108,"props":14067,"children":14068},{"style":519},[14069],{"type":22,"value":586},{"type":16,"tag":108,"props":14071,"children":14072},{"style":115},[14073],{"type":22,"value":527},{"type":16,"tag":108,"props":14075,"children":14076},{"style":137},[14077],{"type":22,"value":595},{"type":16,"tag":108,"props":14079,"children":14080},{"style":115},[14081],{"type":22,"value":569},{"type":16,"tag":108,"props":14083,"children":14084},{"class":110,"line":602},[14085],{"type":16,"tag":108,"props":14086,"children":14087},{"style":115},[14088],{"type":22,"value":608},{"type":16,"tag":108,"props":14090,"children":14091},{"class":110,"line":611},[14092],{"type":16,"tag":108,"props":14093,"children":14094},{"style":115},[14095],{"type":22,"value":683},{"type":16,"tag":685,"props":14097,"children":14098},{},[14099],{"type":22,"value":689},{"title":7,"searchDepth":297,"depth":297,"links":14101},[14102,14103,14104,14105,14106],{"id":19,"depth":297,"text":23},{"id":49,"depth":297,"text":52},{"id":12857,"depth":297,"text":12860},{"id":58,"depth":297,"text":61},{"id":428,"depth":297,"text":431},"content:docs:stimulus-glow.md","docs/stimulus-glow.md","docs/stimulus-glow",{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"package":10,"packagePath":11,"body":14111,"_type":696,"_id":697,"_source":698,"_file":699,"_stem":700,"_extension":701},{"type":13,"children":14112,"toc":14659},[14113,14117,14120,14130,14134,14137,14141,14157,14164,14232,14239,14307,14314,14401,14423,14439,14443,14655],{"type":16,"tag":17,"props":14114,"children":14115},{"id":19},[14116],{"type":22,"value":23},{"type":16,"tag":25,"props":14118,"children":14119},{":package":27,":package-path":28},[],{"type":16,"tag":31,"props":14121,"children":14122},{},[14123,14124,14129],{"type":22,"value":35},{"type":16,"tag":37,"props":14125,"children":14127},{"href":39,"rel":14126},[41],[14128],{"type":22,"value":44},{"type":22,"value":46},{"type":16,"tag":17,"props":14131,"children":14132},{"id":49},[14133],{"type":22,"value":52},{"type":16,"tag":10,"props":14135,"children":14136},{},[],{"type":16,"tag":17,"props":14138,"children":14139},{"id":58},[14140],{"type":22,"value":61},{"type":16,"tag":31,"props":14142,"children":14143},{},[14144,14145,14150,14151,14156],{"type":22,"value":66},{"type":16,"tag":68,"props":14146,"children":14148},{"className":14147},[],[14149],{"type":22,"value":73},{"type":22,"value":75},{"type":16,"tag":68,"props":14152,"children":14154},{"className":14153},[],[14155],{"type":22,"value":81},{"type":22,"value":46},{"type":16,"tag":31,"props":14158,"children":14159},{},[14160],{"type":16,"tag":87,"props":14161,"children":14162},{},[14163],{"type":22,"value":91},{"type":16,"tag":93,"props":14165,"children":14166},{"tab-name":95},[14167],{"type":16,"tag":98,"props":14168,"children":14169},{"className":100,"code":101,"language":102,"meta":7,"style":7},[14170],{"type":16,"tag":68,"props":14171,"children":14172},{"__ignoreMap":7},[14173],{"type":16,"tag":108,"props":14174,"children":14175},{"class":110,"line":111},[14176,14180,14184,14188,14192,14196,14200,14204,14208,14212,14216,14220,14224,14228],{"type":16,"tag":108,"props":14177,"children":14178},{"style":115},[14179],{"type":22,"value":118},{"type":16,"tag":108,"props":14181,"children":14182},{"style":121},[14183],{"type":22,"value":37},{"type":16,"tag":108,"props":14185,"children":14186},{"style":126},[14187],{"type":22,"value":129},{"type":16,"tag":108,"props":14189,"children":14190},{"style":115},[14191],{"type":22,"value":134},{"type":16,"tag":108,"props":14193,"children":14194},{"style":137},[14195],{"type":22,"value":140},{"type":16,"tag":108,"props":14197,"children":14198},{"style":126},[14199],{"type":22,"value":145},{"type":16,"tag":108,"props":14201,"children":14202},{"style":115},[14203],{"type":22,"value":134},{"type":16,"tag":108,"props":14205,"children":14206},{"style":137},[14207],{"type":22,"value":154},{"type":16,"tag":108,"props":14209,"children":14210},{"style":126},[14211],{"type":22,"value":159},{"type":16,"tag":108,"props":14213,"children":14214},{"style":115},[14215],{"type":22,"value":134},{"type":16,"tag":108,"props":14217,"children":14218},{"style":137},[14219],{"type":22,"value":168},{"type":16,"tag":108,"props":14221,"children":14222},{"style":115},[14223],{"type":22,"value":173},{"type":16,"tag":108,"props":14225,"children":14226},{"style":121},[14227],{"type":22,"value":37},{"type":16,"tag":108,"props":14229,"children":14230},{"style":115},[14231],{"type":22,"value":182},{"type":16,"tag":31,"props":14233,"children":14234},{},[14235],{"type":16,"tag":87,"props":14236,"children":14237},{},[14238],{"type":22,"value":190},{"type":16,"tag":93,"props":14240,"children":14241},{"tab-name":95},[14242],{"type":16,"tag":98,"props":14243,"children":14244},{"className":100,"code":196,"language":102,"meta":7,"style":7},[14245],{"type":16,"tag":68,"props":14246,"children":14247},{"__ignoreMap":7},[14248],{"type":16,"tag":108,"props":14249,"children":14250},{"class":110,"line":111},[14251,14255,14259,14263,14267,14271,14275,14279,14283,14287,14291,14295,14299,14303],{"type":16,"tag":108,"props":14252,"children":14253},{"style":115},[14254],{"type":22,"value":118},{"type":16,"tag":108,"props":14256,"children":14257},{"style":121},[14258],{"type":22,"value":212},{"type":16,"tag":108,"props":14260,"children":14261},{"style":126},[14262],{"type":22,"value":217},{"type":16,"tag":108,"props":14264,"children":14265},{"style":115},[14266],{"type":22,"value":134},{"type":16,"tag":108,"props":14268,"children":14269},{"style":137},[14270],{"type":22,"value":226},{"type":16,"tag":108,"props":14272,"children":14273},{"style":126},[14274],{"type":22,"value":145},{"type":16,"tag":108,"props":14276,"children":14277},{"style":115},[14278],{"type":22,"value":134},{"type":16,"tag":108,"props":14280,"children":14281},{"style":137},[14282],{"type":22,"value":154},{"type":16,"tag":108,"props":14284,"children":14285},{"style":126},[14286],{"type":22,"value":159},{"type":16,"tag":108,"props":14288,"children":14289},{"style":115},[14290],{"type":22,"value":134},{"type":16,"tag":108,"props":14292,"children":14293},{"style":137},[14294],{"type":22,"value":251},{"type":16,"tag":108,"props":14296,"children":14297},{"style":115},[14298],{"type":22,"value":256},{"type":16,"tag":108,"props":14300,"children":14301},{"style":121},[14302],{"type":22,"value":212},{"type":16,"tag":108,"props":14304,"children":14305},{"style":115},[14306],{"type":22,"value":182},{"type":16,"tag":31,"props":14308,"children":14309},{},[14310],{"type":16,"tag":87,"props":14311,"children":14312},{},[14313],{"type":22,"value":272},{"type":16,"tag":93,"props":14315,"children":14316},{"tab-name":95},[14317],{"type":16,"tag":98,"props":14318,"children":14319},{"className":100,"code":278,"language":102,"meta":7,"style":7},[14320],{"type":16,"tag":68,"props":14321,"children":14322},{"__ignoreMap":7},[14323,14334,14349,14364,14379,14394],{"type":16,"tag":108,"props":14324,"children":14325},{"class":110,"line":111},[14326,14330],{"type":16,"tag":108,"props":14327,"children":14328},{"style":115},[14329],{"type":22,"value":118},{"type":16,"tag":108,"props":14331,"children":14332},{"style":121},[14333],{"type":22,"value":294},{"type":16,"tag":108,"props":14335,"children":14336},{"class":110,"line":297},[14337,14341,14345],{"type":16,"tag":108,"props":14338,"children":14339},{"style":126},[14340],{"type":22,"value":303},{"type":16,"tag":108,"props":14342,"children":14343},{"style":115},[14344],{"type":22,"value":134},{"type":16,"tag":108,"props":14346,"children":14347},{"style":137},[14348],{"type":22,"value":312},{"type":16,"tag":108,"props":14350,"children":14351},{"class":110,"line":315},[14352,14356,14360],{"type":16,"tag":108,"props":14353,"children":14354},{"style":126},[14355],{"type":22,"value":321},{"type":16,"tag":108,"props":14357,"children":14358},{"style":115},[14359],{"type":22,"value":134},{"type":16,"tag":108,"props":14361,"children":14362},{"style":137},[14363],{"type":22,"value":330},{"type":16,"tag":108,"props":14365,"children":14366},{"class":110,"line":333},[14367,14371,14375],{"type":16,"tag":108,"props":14368,"children":14369},{"style":126},[14370],{"type":22,"value":339},{"type":16,"tag":108,"props":14372,"children":14373},{"style":115},[14374],{"type":22,"value":134},{"type":16,"tag":108,"props":14376,"children":14377},{"style":137},[14378],{"type":22,"value":348},{"type":16,"tag":108,"props":14380,"children":14381},{"class":110,"line":351},[14382,14386,14390],{"type":16,"tag":108,"props":14383,"children":14384},{"style":126},[14385],{"type":22,"value":357},{"type":16,"tag":108,"props":14387,"children":14388},{"style":115},[14389],{"type":22,"value":134},{"type":16,"tag":108,"props":14391,"children":14392},{"style":137},[14393],{"type":22,"value":366},{"type":16,"tag":108,"props":14395,"children":14396},{"class":110,"line":369},[14397],{"type":16,"tag":108,"props":14398,"children":14399},{"style":115},[14400],{"type":22,"value":375},{"type":16,"tag":31,"props":14402,"children":14403},{},[14404,14405,14410,14411,14416,14417,14422],{"type":22,"value":380},{"type":16,"tag":37,"props":14406,"children":14408},{"href":383,"rel":14407},[41],[14409],{"type":22,"value":387},{"type":22,"value":389},{"type":16,"tag":68,"props":14412,"children":14414},{"className":14413},[],[14415],{"type":22,"value":395},{"type":22,"value":397},{"type":16,"tag":68,"props":14418,"children":14420},{"className":14419},[],[14421],{"type":22,"value":403},{"type":22,"value":405},{"type":16,"tag":31,"props":14424,"children":14425},{},[14426,14427,14432,14433,14438],{"type":22,"value":410},{"type":16,"tag":68,"props":14428,"children":14430},{"className":14429},[],[14431],{"type":22,"value":416},{"type":22,"value":418},{"type":16,"tag":68,"props":14434,"children":14436},{"className":14435},[],[14437],{"type":22,"value":424},{"type":22,"value":46},{"type":16,"tag":17,"props":14440,"children":14441},{"id":428},[14442],{"type":22,"value":431},{"type":16,"tag":428,"props":14444,"children":14445},{},[14446],{"type":16,"tag":93,"props":14447,"children":14448},{"tab-name":437},[14449],{"type":16,"tag":98,"props":14450,"children":14451},{"className":441,"code":442,"language":443,"meta":7,"style":7},[14452],{"type":16,"tag":68,"props":14453,"children":14454},{"__ignoreMap":7},[14455,14474,14481,14508,14527,14554,14581,14588,14595,14614,14641,14648],{"type":16,"tag":108,"props":14456,"children":14457},{"class":110,"line":111},[14458,14462,14466,14470],{"type":16,"tag":108,"props":14459,"children":14460},{"style":453},[14461],{"type":22,"value":456},{"type":16,"tag":108,"props":14463,"children":14464},{"style":121},[14465],{"type":22,"value":461},{"type":16,"tag":108,"props":14467,"children":14468},{"style":453},[14469],{"type":22,"value":466},{"type":16,"tag":108,"props":14471,"children":14472},{"style":137},[14473],{"type":22,"value":471},{"type":16,"tag":108,"props":14475,"children":14476},{"class":110,"line":297},[14477],{"type":16,"tag":108,"props":14478,"children":14479},{"emptyLinePlaceholder":477},[14480],{"type":22,"value":480},{"type":16,"tag":108,"props":14482,"children":14483},{"class":110,"line":315},[14484,14488,14492,14496,14500,14504],{"type":16,"tag":108,"props":14485,"children":14486},{"style":453},[14487],{"type":22,"value":488},{"type":16,"tag":108,"props":14489,"children":14490},{"style":453},[14491],{"type":22,"value":493},{"type":16,"tag":108,"props":14493,"children":14494},{"style":453},[14495],{"type":22,"value":498},{"type":16,"tag":108,"props":14497,"children":14498},{"style":453},[14499],{"type":22,"value":503},{"type":16,"tag":108,"props":14501,"children":14502},{"style":506},[14503],{"type":22,"value":461},{"type":16,"tag":108,"props":14505,"children":14506},{"style":115},[14507],{"type":22,"value":513},{"type":16,"tag":108,"props":14509,"children":14510},{"class":110,"line":333},[14511,14515,14519,14523],{"type":16,"tag":108,"props":14512,"children":14513},{"style":519},[14514],{"type":22,"value":522},{"type":16,"tag":108,"props":14516,"children":14517},{"style":115},[14518],{"type":22,"value":527},{"type":16,"tag":108,"props":14520,"children":14521},{"style":530},[14522],{"type":22,"value":533},{"type":16,"tag":108,"props":14524,"children":14525},{"style":115},[14526],{"type":22,"value":538},{"type":16,"tag":108,"props":14528,"children":14529},{"class":110,"line":351},[14530,14534,14538,14542,14546,14550],{"type":16,"tag":108,"props":14531,"children":14532},{"style":544},[14533],{"type":22,"value":547},{"type":16,"tag":108,"props":14535,"children":14536},{"style":115},[14537],{"type":22,"value":46},{"type":16,"tag":108,"props":14539,"children":14540},{"style":519},[14541],{"type":22,"value":556},{"type":16,"tag":108,"props":14543,"children":14544},{"style":115},[14545],{"type":22,"value":527},{"type":16,"tag":108,"props":14547,"children":14548},{"style":121},[14549],{"type":22,"value":533},{"type":16,"tag":108,"props":14551,"children":14552},{"style":115},[14553],{"type":22,"value":569},{"type":16,"tag":108,"props":14555,"children":14556},{"class":110,"line":369},[14557,14561,14565,14569,14573,14577],{"type":16,"tag":108,"props":14558,"children":14559},{"style":506},[14560],{"type":22,"value":577},{"type":16,"tag":108,"props":14562,"children":14563},{"style":115},[14564],{"type":22,"value":46},{"type":16,"tag":108,"props":14566,"children":14567},{"style":519},[14568],{"type":22,"value":586},{"type":16,"tag":108,"props":14570,"children":14571},{"style":115},[14572],{"type":22,"value":527},{"type":16,"tag":108,"props":14574,"children":14575},{"style":137},[14576],{"type":22,"value":595},{"type":16,"tag":108,"props":14578,"children":14579},{"style":115},[14580],{"type":22,"value":569},{"type":16,"tag":108,"props":14582,"children":14583},{"class":110,"line":602},[14584],{"type":16,"tag":108,"props":14585,"children":14586},{"style":115},[14587],{"type":22,"value":608},{"type":16,"tag":108,"props":14589,"children":14590},{"class":110,"line":611},[14591],{"type":16,"tag":108,"props":14592,"children":14593},{"emptyLinePlaceholder":477},[14594],{"type":22,"value":480},{"type":16,"tag":108,"props":14596,"children":14597},{"class":110,"line":619},[14598,14602,14606,14610],{"type":16,"tag":108,"props":14599,"children":14600},{"style":519},[14601],{"type":22,"value":625},{"type":16,"tag":108,"props":14603,"children":14604},{"style":115},[14605],{"type":22,"value":527},{"type":16,"tag":108,"props":14607,"children":14608},{"style":530},[14609],{"type":22,"value":533},{"type":16,"tag":108,"props":14611,"children":14612},{"style":115},[14613],{"type":22,"value":538},{"type":16,"tag":108,"props":14615,"children":14616},{"class":110,"line":640},[14617,14621,14625,14629,14633,14637],{"type":16,"tag":108,"props":14618,"children":14619},{"style":544},[14620],{"type":22,"value":547},{"type":16,"tag":108,"props":14622,"children":14623},{"style":115},[14624],{"type":22,"value":46},{"type":16,"tag":108,"props":14626,"children":14627},{"style":519},[14628],{"type":22,"value":654},{"type":16,"tag":108,"props":14630,"children":14631},{"style":115},[14632],{"type":22,"value":527},{"type":16,"tag":108,"props":14634,"children":14635},{"style":121},[14636],{"type":22,"value":533},{"type":16,"tag":108,"props":14638,"children":14639},{"style":115},[14640],{"type":22,"value":569},{"type":16,"tag":108,"props":14642,"children":14643},{"class":110,"line":669},[14644],{"type":16,"tag":108,"props":14645,"children":14646},{"style":115},[14647],{"type":22,"value":608},{"type":16,"tag":108,"props":14649,"children":14650},{"class":110,"line":677},[14651],{"type":16,"tag":108,"props":14652,"children":14653},{"style":115},[14654],{"type":22,"value":683},{"type":16,"tag":685,"props":14656,"children":14657},{},[14658],{"type":22,"value":689},{"title":7,"searchDepth":297,"depth":297,"links":14660},[14661,14662,14663,14664],{"id":19,"depth":297,"text":23},{"id":49,"depth":297,"text":52},{"id":58,"depth":297,"text":61},{"id":428,"depth":297,"text":431},{"_path":14666,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":14667,"description":14668,"package":14669,"packagePath":14670,"body":14671,"_type":696,"_id":15771,"_source":698,"_file":15772,"_stem":15773,"_extension":701},"/docs/stimulus-lightbox","Lightbox","A Stimulus controller to add a lightbox on images.","lightbox","@stimulus-components/lightbox",{"type":13,"children":14672,"toc":15764},[14673,14677,14680,14696,14700,14703,14707,14732,14754,14759,14789,15106,15110,15433,15437,15494,15498,15760],{"type":16,"tag":17,"props":14674,"children":14675},{"id":19},[14676],{"type":22,"value":23},{"type":16,"tag":25,"props":14678,"children":14679},{":package":27,":package-path":28},[],{"type":16,"tag":2390,"props":14681,"children":14682},{},[14683],{"type":16,"tag":31,"props":14684,"children":14685},{},[14686,14687,14695],{"type":22,"value":2397},{"type":16,"tag":37,"props":14688,"children":14692},{"className":14689,"href":14690,"rel":14691,"target":2405},[2401,2402],"https://www.lightgalleryjs.com/",[41],[14693],{"type":22,"value":14694},"lightgalleryjs",{"type":22,"value":46},{"type":16,"tag":17,"props":14697,"children":14698},{"id":49},[14699],{"type":22,"value":52},{"type":16,"tag":14669,"props":14701,"children":14702},{},[],{"type":16,"tag":17,"props":14704,"children":14705},{"id":58},[14706],{"type":22,"value":61},{"type":16,"tag":31,"props":14708,"children":14709},{},[14710,14712,14718,14720,14725,14726,14731],{"type":22,"value":14711},"Before starting, your must import the ",{"type":16,"tag":68,"props":14713,"children":14715},{"className":14714},[],[14716],{"type":22,"value":14717},"lightgallery.css",{"type":22,"value":14719}," in your ",{"type":16,"tag":68,"props":14721,"children":14723},{"className":14722},[],[14724],{"type":22,"value":443},{"type":22,"value":7947},{"type":16,"tag":68,"props":14727,"children":14729},{"className":14728},[],[14730],{"type":22,"value":7953},{"type":22,"value":1662},{"type":16,"tag":93,"props":14733,"children":14734},{"tab-name":2445},[14735],{"type":16,"tag":98,"props":14736,"children":14738},{"className":441,"code":14737,"language":443,"meta":7,"style":7},"import \"lightgallery/css/lightgallery.css\"\n",[14739],{"type":16,"tag":68,"props":14740,"children":14741},{"__ignoreMap":7},[14742],{"type":16,"tag":108,"props":14743,"children":14744},{"class":110,"line":111},[14745,14749],{"type":16,"tag":108,"props":14746,"children":14747},{"style":453},[14748],{"type":22,"value":456},{"type":16,"tag":108,"props":14750,"children":14751},{"style":137},[14752],{"type":22,"value":14753}," \"lightgallery/css/lightgallery.css\"\n",{"type":16,"tag":31,"props":14755,"children":14756},{},[14757],{"type":22,"value":14758},"Or in your sass:",{"type":16,"tag":93,"props":14760,"children":14762},{"tab-name":14761},"app/javascript/stylesheets/application.scss",[14763],{"type":16,"tag":98,"props":14764,"children":14768},{"className":14765,"code":14766,"language":14767,"meta":7,"style":7},"language-scss shiki shiki-themes one-dark-pro","@import \"~lightgallery/scss/lightgallery\";\n","scss",[14769],{"type":16,"tag":68,"props":14770,"children":14771},{"__ignoreMap":7},[14772],{"type":16,"tag":108,"props":14773,"children":14774},{"class":110,"line":111},[14775,14780,14785],{"type":16,"tag":108,"props":14776,"children":14777},{"style":453},[14778],{"type":22,"value":14779},"@import",{"type":16,"tag":108,"props":14781,"children":14782},{"style":137},[14783],{"type":22,"value":14784}," \"~lightgallery/scss/lightgallery\"",{"type":16,"tag":108,"props":14786,"children":14787},{"style":115},[14788],{"type":22,"value":11346},{"type":16,"tag":93,"props":14790,"children":14791},{"tab-name":95},[14792],{"type":16,"tag":98,"props":14793,"children":14795},{"className":100,"code":14794,"language":102,"meta":7,"style":7},"\u003Cdiv data-controller=\"lightbox\">\n  \u003Ca href=\"img/img1.jpg\">\n    \u003Cimg src=\"img/img1.jpg\" alt=\"\" />\n  \u003C/a>\n\n  \u003Ca href=\"img/img2.jpg\">\n    \u003Cimg src=\"img/img2.jpg\" alt=\"\" />\n  \u003C/a>\n\n  \u003Ca href=\"img/img3.jpg\">\n    \u003Cimg src=\"img/img3.jpg\" alt=\"\" />\n  \u003C/a>\n\u003C/div>\n",[14796],{"type":16,"tag":68,"props":14797,"children":14798},{"__ignoreMap":7},[14799,14827,14855,14898,14913,14920,14948,14987,15002,15009,15037,15076,15091],{"type":16,"tag":108,"props":14800,"children":14801},{"class":110,"line":111},[14802,14806,14810,14814,14818,14823],{"type":16,"tag":108,"props":14803,"children":14804},{"style":115},[14805],{"type":22,"value":118},{"type":16,"tag":108,"props":14807,"children":14808},{"style":121},[14809],{"type":22,"value":929},{"type":16,"tag":108,"props":14811,"children":14812},{"style":126},[14813],{"type":22,"value":145},{"type":16,"tag":108,"props":14815,"children":14816},{"style":115},[14817],{"type":22,"value":134},{"type":16,"tag":108,"props":14819,"children":14820},{"style":137},[14821],{"type":22,"value":14822},"\"lightbox\"",{"type":16,"tag":108,"props":14824,"children":14825},{"style":115},[14826],{"type":22,"value":182},{"type":16,"tag":108,"props":14828,"children":14829},{"class":110,"line":297},[14830,14834,14838,14842,14846,14851],{"type":16,"tag":108,"props":14831,"children":14832},{"style":115},[14833],{"type":22,"value":1737},{"type":16,"tag":108,"props":14835,"children":14836},{"style":121},[14837],{"type":22,"value":37},{"type":16,"tag":108,"props":14839,"children":14840},{"style":126},[14841],{"type":22,"value":129},{"type":16,"tag":108,"props":14843,"children":14844},{"style":115},[14845],{"type":22,"value":134},{"type":16,"tag":108,"props":14847,"children":14848},{"style":137},[14849],{"type":22,"value":14850},"\"img/img1.jpg\"",{"type":16,"tag":108,"props":14852,"children":14853},{"style":115},[14854],{"type":22,"value":182},{"type":16,"tag":108,"props":14856,"children":14857},{"class":110,"line":315},[14858,14862,14867,14872,14876,14880,14885,14889,14894],{"type":16,"tag":108,"props":14859,"children":14860},{"style":115},[14861],{"type":22,"value":2556},{"type":16,"tag":108,"props":14863,"children":14864},{"style":121},[14865],{"type":22,"value":14866},"img",{"type":16,"tag":108,"props":14868,"children":14869},{"style":126},[14870],{"type":22,"value":14871}," src",{"type":16,"tag":108,"props":14873,"children":14874},{"style":115},[14875],{"type":22,"value":134},{"type":16,"tag":108,"props":14877,"children":14878},{"style":137},[14879],{"type":22,"value":14850},{"type":16,"tag":108,"props":14881,"children":14882},{"style":126},[14883],{"type":22,"value":14884}," alt",{"type":16,"tag":108,"props":14886,"children":14887},{"style":115},[14888],{"type":22,"value":134},{"type":16,"tag":108,"props":14890,"children":14891},{"style":137},[14892],{"type":22,"value":14893},"\"\"",{"type":16,"tag":108,"props":14895,"children":14896},{"style":115},[14897],{"type":22,"value":5739},{"type":16,"tag":108,"props":14899,"children":14900},{"class":110,"line":333},[14901,14905,14909],{"type":16,"tag":108,"props":14902,"children":14903},{"style":115},[14904],{"type":22,"value":1867},{"type":16,"tag":108,"props":14906,"children":14907},{"style":121},[14908],{"type":22,"value":37},{"type":16,"tag":108,"props":14910,"children":14911},{"style":115},[14912],{"type":22,"value":182},{"type":16,"tag":108,"props":14914,"children":14915},{"class":110,"line":351},[14916],{"type":16,"tag":108,"props":14917,"children":14918},{"emptyLinePlaceholder":477},[14919],{"type":22,"value":480},{"type":16,"tag":108,"props":14921,"children":14922},{"class":110,"line":369},[14923,14927,14931,14935,14939,14944],{"type":16,"tag":108,"props":14924,"children":14925},{"style":115},[14926],{"type":22,"value":1737},{"type":16,"tag":108,"props":14928,"children":14929},{"style":121},[14930],{"type":22,"value":37},{"type":16,"tag":108,"props":14932,"children":14933},{"style":126},[14934],{"type":22,"value":129},{"type":16,"tag":108,"props":14936,"children":14937},{"style":115},[14938],{"type":22,"value":134},{"type":16,"tag":108,"props":14940,"children":14941},{"style":137},[14942],{"type":22,"value":14943},"\"img/img2.jpg\"",{"type":16,"tag":108,"props":14945,"children":14946},{"style":115},[14947],{"type":22,"value":182},{"type":16,"tag":108,"props":14949,"children":14950},{"class":110,"line":602},[14951,14955,14959,14963,14967,14971,14975,14979,14983],{"type":16,"tag":108,"props":14952,"children":14953},{"style":115},[14954],{"type":22,"value":2556},{"type":16,"tag":108,"props":14956,"children":14957},{"style":121},[14958],{"type":22,"value":14866},{"type":16,"tag":108,"props":14960,"children":14961},{"style":126},[14962],{"type":22,"value":14871},{"type":16,"tag":108,"props":14964,"children":14965},{"style":115},[14966],{"type":22,"value":134},{"type":16,"tag":108,"props":14968,"children":14969},{"style":137},[14970],{"type":22,"value":14943},{"type":16,"tag":108,"props":14972,"children":14973},{"style":126},[14974],{"type":22,"value":14884},{"type":16,"tag":108,"props":14976,"children":14977},{"style":115},[14978],{"type":22,"value":134},{"type":16,"tag":108,"props":14980,"children":14981},{"style":137},[14982],{"type":22,"value":14893},{"type":16,"tag":108,"props":14984,"children":14985},{"style":115},[14986],{"type":22,"value":5739},{"type":16,"tag":108,"props":14988,"children":14989},{"class":110,"line":611},[14990,14994,14998],{"type":16,"tag":108,"props":14991,"children":14992},{"style":115},[14993],{"type":22,"value":1867},{"type":16,"tag":108,"props":14995,"children":14996},{"style":121},[14997],{"type":22,"value":37},{"type":16,"tag":108,"props":14999,"children":15000},{"style":115},[15001],{"type":22,"value":182},{"type":16,"tag":108,"props":15003,"children":15004},{"class":110,"line":619},[15005],{"type":16,"tag":108,"props":15006,"children":15007},{"emptyLinePlaceholder":477},[15008],{"type":22,"value":480},{"type":16,"tag":108,"props":15010,"children":15011},{"class":110,"line":640},[15012,15016,15020,15024,15028,15033],{"type":16,"tag":108,"props":15013,"children":15014},{"style":115},[15015],{"type":22,"value":1737},{"type":16,"tag":108,"props":15017,"children":15018},{"style":121},[15019],{"type":22,"value":37},{"type":16,"tag":108,"props":15021,"children":15022},{"style":126},[15023],{"type":22,"value":129},{"type":16,"tag":108,"props":15025,"children":15026},{"style":115},[15027],{"type":22,"value":134},{"type":16,"tag":108,"props":15029,"children":15030},{"style":137},[15031],{"type":22,"value":15032},"\"img/img3.jpg\"",{"type":16,"tag":108,"props":15034,"children":15035},{"style":115},[15036],{"type":22,"value":182},{"type":16,"tag":108,"props":15038,"children":15039},{"class":110,"line":669},[15040,15044,15048,15052,15056,15060,15064,15068,15072],{"type":16,"tag":108,"props":15041,"children":15042},{"style":115},[15043],{"type":22,"value":2556},{"type":16,"tag":108,"props":15045,"children":15046},{"style":121},[15047],{"type":22,"value":14866},{"type":16,"tag":108,"props":15049,"children":15050},{"style":126},[15051],{"type":22,"value":14871},{"type":16,"tag":108,"props":15053,"children":15054},{"style":115},[15055],{"type":22,"value":134},{"type":16,"tag":108,"props":15057,"children":15058},{"style":137},[15059],{"type":22,"value":15032},{"type":16,"tag":108,"props":15061,"children":15062},{"style":126},[15063],{"type":22,"value":14884},{"type":16,"tag":108,"props":15065,"children":15066},{"style":115},[15067],{"type":22,"value":134},{"type":16,"tag":108,"props":15069,"children":15070},{"style":137},[15071],{"type":22,"value":14893},{"type":16,"tag":108,"props":15073,"children":15074},{"style":115},[15075],{"type":22,"value":5739},{"type":16,"tag":108,"props":15077,"children":15078},{"class":110,"line":677},[15079,15083,15087],{"type":16,"tag":108,"props":15080,"children":15081},{"style":115},[15082],{"type":22,"value":1867},{"type":16,"tag":108,"props":15084,"children":15085},{"style":121},[15086],{"type":22,"value":37},{"type":16,"tag":108,"props":15088,"children":15089},{"style":115},[15090],{"type":22,"value":182},{"type":16,"tag":108,"props":15092,"children":15093},{"class":110,"line":2008},[15094,15098,15102],{"type":16,"tag":108,"props":15095,"children":15096},{"style":115},[15097],{"type":22,"value":924},{"type":16,"tag":108,"props":15099,"children":15100},{"style":121},[15101],{"type":22,"value":929},{"type":16,"tag":108,"props":15103,"children":15104},{"style":115},[15105],{"type":22,"value":182},{"type":16,"tag":31,"props":15107,"children":15108},{},[15109],{"type":22,"value":2693},{"type":16,"tag":93,"props":15111,"children":15112},{"tab-name":95},[15113],{"type":16,"tag":98,"props":15114,"children":15116},{"className":100,"code":15115,"language":102,"meta":7,"style":7},"\u003Cdiv data-controller=\"lightbox\" data-lightbox-options-value='{\"index\": 2}'>\n  \u003Ca href=\"img/img1.jpg\">\n    \u003Cimg src=\"img/img1.jpg\" alt=\"\" />\n  \u003C/a>\n\n  \u003Ca href=\"img/img2.jpg\">\n    \u003Cimg src=\"img/img2.jpg\" alt=\"\" />\n  \u003C/a>\n\n  \u003Ca href=\"img/img3.jpg\">\n    \u003Cimg src=\"img/img3.jpg\" alt=\"\" />\n  \u003C/a>\n\u003C/div>\n",[15117],{"type":16,"tag":68,"props":15118,"children":15119},{"__ignoreMap":7},[15120,15161,15188,15227,15242,15249,15276,15315,15330,15337,15364,15403,15418],{"type":16,"tag":108,"props":15121,"children":15122},{"class":110,"line":111},[15123,15127,15131,15135,15139,15143,15148,15152,15157],{"type":16,"tag":108,"props":15124,"children":15125},{"style":115},[15126],{"type":22,"value":118},{"type":16,"tag":108,"props":15128,"children":15129},{"style":121},[15130],{"type":22,"value":929},{"type":16,"tag":108,"props":15132,"children":15133},{"style":126},[15134],{"type":22,"value":145},{"type":16,"tag":108,"props":15136,"children":15137},{"style":115},[15138],{"type":22,"value":134},{"type":16,"tag":108,"props":15140,"children":15141},{"style":137},[15142],{"type":22,"value":14822},{"type":16,"tag":108,"props":15144,"children":15145},{"style":126},[15146],{"type":22,"value":15147}," data-lightbox-options-value",{"type":16,"tag":108,"props":15149,"children":15150},{"style":115},[15151],{"type":22,"value":134},{"type":16,"tag":108,"props":15153,"children":15154},{"style":137},[15155],{"type":22,"value":15156},"'{\"index\": 2}'",{"type":16,"tag":108,"props":15158,"children":15159},{"style":115},[15160],{"type":22,"value":182},{"type":16,"tag":108,"props":15162,"children":15163},{"class":110,"line":297},[15164,15168,15172,15176,15180,15184],{"type":16,"tag":108,"props":15165,"children":15166},{"style":115},[15167],{"type":22,"value":1737},{"type":16,"tag":108,"props":15169,"children":15170},{"style":121},[15171],{"type":22,"value":37},{"type":16,"tag":108,"props":15173,"children":15174},{"style":126},[15175],{"type":22,"value":129},{"type":16,"tag":108,"props":15177,"children":15178},{"style":115},[15179],{"type":22,"value":134},{"type":16,"tag":108,"props":15181,"children":15182},{"style":137},[15183],{"type":22,"value":14850},{"type":16,"tag":108,"props":15185,"children":15186},{"style":115},[15187],{"type":22,"value":182},{"type":16,"tag":108,"props":15189,"children":15190},{"class":110,"line":315},[15191,15195,15199,15203,15207,15211,15215,15219,15223],{"type":16,"tag":108,"props":15192,"children":15193},{"style":115},[15194],{"type":22,"value":2556},{"type":16,"tag":108,"props":15196,"children":15197},{"style":121},[15198],{"type":22,"value":14866},{"type":16,"tag":108,"props":15200,"children":15201},{"style":126},[15202],{"type":22,"value":14871},{"type":16,"tag":108,"props":15204,"children":15205},{"style":115},[15206],{"type":22,"value":134},{"type":16,"tag":108,"props":15208,"children":15209},{"style":137},[15210],{"type":22,"value":14850},{"type":16,"tag":108,"props":15212,"children":15213},{"style":126},[15214],{"type":22,"value":14884},{"type":16,"tag":108,"props":15216,"children":15217},{"style":115},[15218],{"type":22,"value":134},{"type":16,"tag":108,"props":15220,"children":15221},{"style":137},[15222],{"type":22,"value":14893},{"type":16,"tag":108,"props":15224,"children":15225},{"style":115},[15226],{"type":22,"value":5739},{"type":16,"tag":108,"props":15228,"children":15229},{"class":110,"line":333},[15230,15234,15238],{"type":16,"tag":108,"props":15231,"children":15232},{"style":115},[15233],{"type":22,"value":1867},{"type":16,"tag":108,"props":15235,"children":15236},{"style":121},[15237],{"type":22,"value":37},{"type":16,"tag":108,"props":15239,"children":15240},{"style":115},[15241],{"type":22,"value":182},{"type":16,"tag":108,"props":15243,"children":15244},{"class":110,"line":351},[15245],{"type":16,"tag":108,"props":15246,"children":15247},{"emptyLinePlaceholder":477},[15248],{"type":22,"value":480},{"type":16,"tag":108,"props":15250,"children":15251},{"class":110,"line":369},[15252,15256,15260,15264,15268,15272],{"type":16,"tag":108,"props":15253,"children":15254},{"style":115},[15255],{"type":22,"value":1737},{"type":16,"tag":108,"props":15257,"children":15258},{"style":121},[15259],{"type":22,"value":37},{"type":16,"tag":108,"props":15261,"children":15262},{"style":126},[15263],{"type":22,"value":129},{"type":16,"tag":108,"props":15265,"children":15266},{"style":115},[15267],{"type":22,"value":134},{"type":16,"tag":108,"props":15269,"children":15270},{"style":137},[15271],{"type":22,"value":14943},{"type":16,"tag":108,"props":15273,"children":15274},{"style":115},[15275],{"type":22,"value":182},{"type":16,"tag":108,"props":15277,"children":15278},{"class":110,"line":602},[15279,15283,15287,15291,15295,15299,15303,15307,15311],{"type":16,"tag":108,"props":15280,"children":15281},{"style":115},[15282],{"type":22,"value":2556},{"type":16,"tag":108,"props":15284,"children":15285},{"style":121},[15286],{"type":22,"value":14866},{"type":16,"tag":108,"props":15288,"children":15289},{"style":126},[15290],{"type":22,"value":14871},{"type":16,"tag":108,"props":15292,"children":15293},{"style":115},[15294],{"type":22,"value":134},{"type":16,"tag":108,"props":15296,"children":15297},{"style":137},[15298],{"type":22,"value":14943},{"type":16,"tag":108,"props":15300,"children":15301},{"style":126},[15302],{"type":22,"value":14884},{"type":16,"tag":108,"props":15304,"children":15305},{"style":115},[15306],{"type":22,"value":134},{"type":16,"tag":108,"props":15308,"children":15309},{"style":137},[15310],{"type":22,"value":14893},{"type":16,"tag":108,"props":15312,"children":15313},{"style":115},[15314],{"type":22,"value":5739},{"type":16,"tag":108,"props":15316,"children":15317},{"class":110,"line":611},[15318,15322,15326],{"type":16,"tag":108,"props":15319,"children":15320},{"style":115},[15321],{"type":22,"value":1867},{"type":16,"tag":108,"props":15323,"children":15324},{"style":121},[15325],{"type":22,"value":37},{"type":16,"tag":108,"props":15327,"children":15328},{"style":115},[15329],{"type":22,"value":182},{"type":16,"tag":108,"props":15331,"children":15332},{"class":110,"line":619},[15333],{"type":16,"tag":108,"props":15334,"children":15335},{"emptyLinePlaceholder":477},[15336],{"type":22,"value":480},{"type":16,"tag":108,"props":15338,"children":15339},{"class":110,"line":640},[15340,15344,15348,15352,15356,15360],{"type":16,"tag":108,"props":15341,"children":15342},{"style":115},[15343],{"type":22,"value":1737},{"type":16,"tag":108,"props":15345,"children":15346},{"style":121},[15347],{"type":22,"value":37},{"type":16,"tag":108,"props":15349,"children":15350},{"style":126},[15351],{"type":22,"value":129},{"type":16,"tag":108,"props":15353,"children":15354},{"style":115},[15355],{"type":22,"value":134},{"type":16,"tag":108,"props":15357,"children":15358},{"style":137},[15359],{"type":22,"value":15032},{"type":16,"tag":108,"props":15361,"children":15362},{"style":115},[15363],{"type":22,"value":182},{"type":16,"tag":108,"props":15365,"children":15366},{"class":110,"line":669},[15367,15371,15375,15379,15383,15387,15391,15395,15399],{"type":16,"tag":108,"props":15368,"children":15369},{"style":115},[15370],{"type":22,"value":2556},{"type":16,"tag":108,"props":15372,"children":15373},{"style":121},[15374],{"type":22,"value":14866},{"type":16,"tag":108,"props":15376,"children":15377},{"style":126},[15378],{"type":22,"value":14871},{"type":16,"tag":108,"props":15380,"children":15381},{"style":115},[15382],{"type":22,"value":134},{"type":16,"tag":108,"props":15384,"children":15385},{"style":137},[15386],{"type":22,"value":15032},{"type":16,"tag":108,"props":15388,"children":15389},{"style":126},[15390],{"type":22,"value":14884},{"type":16,"tag":108,"props":15392,"children":15393},{"style":115},[15394],{"type":22,"value":134},{"type":16,"tag":108,"props":15396,"children":15397},{"style":137},[15398],{"type":22,"value":14893},{"type":16,"tag":108,"props":15400,"children":15401},{"style":115},[15402],{"type":22,"value":5739},{"type":16,"tag":108,"props":15404,"children":15405},{"class":110,"line":677},[15406,15410,15414],{"type":16,"tag":108,"props":15407,"children":15408},{"style":115},[15409],{"type":22,"value":1867},{"type":16,"tag":108,"props":15411,"children":15412},{"style":121},[15413],{"type":22,"value":37},{"type":16,"tag":108,"props":15415,"children":15416},{"style":115},[15417],{"type":22,"value":182},{"type":16,"tag":108,"props":15419,"children":15420},{"class":110,"line":2008},[15421,15425,15429],{"type":16,"tag":108,"props":15422,"children":15423},{"style":115},[15424],{"type":22,"value":924},{"type":16,"tag":108,"props":15426,"children":15427},{"style":121},[15428],{"type":22,"value":929},{"type":16,"tag":108,"props":15430,"children":15431},{"style":115},[15432],{"type":22,"value":182},{"type":16,"tag":17,"props":15434,"children":15435},{"id":1224},[15436],{"type":22,"value":1227},{"type":16,"tag":1229,"props":15438,"children":15439},{},[15440,15462],{"type":16,"tag":1233,"props":15441,"children":15442},{},[15443],{"type":16,"tag":1237,"props":15444,"children":15445},{},[15446,15450,15454,15458],{"type":16,"tag":1241,"props":15447,"children":15448},{},[15449],{"type":22,"value":1245},{"type":16,"tag":1241,"props":15451,"children":15452},{},[15453],{"type":22,"value":1250},{"type":16,"tag":1241,"props":15455,"children":15456},{},[15457],{"type":22,"value":1255},{"type":16,"tag":1241,"props":15459,"children":15460},{},[15461],{"type":22,"value":1260},{"type":16,"tag":1262,"props":15463,"children":15464},{},[15465],{"type":16,"tag":1237,"props":15466,"children":15467},{},[15468,15477,15485,15490],{"type":16,"tag":1269,"props":15469,"children":15470},{},[15471],{"type":16,"tag":68,"props":15472,"children":15474},{"className":15473},[],[15475],{"type":22,"value":15476},"data-lightbox-options-value",{"type":16,"tag":1269,"props":15478,"children":15479},{},[15480],{"type":16,"tag":68,"props":15481,"children":15483},{"className":15482},[],[15484],{"type":22,"value":2971},{"type":16,"tag":1269,"props":15486,"children":15487},{},[15488],{"type":22,"value":15489},"Options for lightgallery.js as JSON string.",{"type":16,"tag":1269,"props":15491,"children":15492},{},[15493],{"type":22,"value":1384},{"type":16,"tag":17,"props":15495,"children":15496},{"id":428},[15497],{"type":22,"value":431},{"type":16,"tag":428,"props":15499,"children":15500},{},[15501],{"type":16,"tag":93,"props":15502,"children":15504},{"tab-name":15503},"app/javascript/controllers/lightbox_controller.js",[15505],{"type":16,"tag":98,"props":15506,"children":15508},{"className":441,"code":15507,"language":443,"meta":7,"style":7},"import Lightbox from \"@stimulus-components/lightbox\"\n\nexport default class extends Lightbox {\n  connect() {\n    super.connect()\n    console.log(\"Do what you want here.\")\n\n    // Get the lightgallery instance\n    this.lightGallery\n\n    // Default options for every lightboxes.\n    this.defaultOptions\n  }\n\n  // You can set default options in this getter.\n  get defaultOptions() {\n    return {\n      // Your default options here\n    }\n  }\n}\n",[15509],{"type":16,"tag":68,"props":15510,"children":15511},{"__ignoreMap":7},[15512,15533,15540,15567,15578,15597,15624,15631,15639,15655,15662,15670,15685,15692,15699,15706,15721,15732,15739,15746,15753],{"type":16,"tag":108,"props":15513,"children":15514},{"class":110,"line":111},[15515,15519,15524,15528],{"type":16,"tag":108,"props":15516,"children":15517},{"style":453},[15518],{"type":22,"value":456},{"type":16,"tag":108,"props":15520,"children":15521},{"style":121},[15522],{"type":22,"value":15523}," Lightbox",{"type":16,"tag":108,"props":15525,"children":15526},{"style":453},[15527],{"type":22,"value":466},{"type":16,"tag":108,"props":15529,"children":15530},{"style":137},[15531],{"type":22,"value":15532}," \"@stimulus-components/lightbox\"\n",{"type":16,"tag":108,"props":15534,"children":15535},{"class":110,"line":297},[15536],{"type":16,"tag":108,"props":15537,"children":15538},{"emptyLinePlaceholder":477},[15539],{"type":22,"value":480},{"type":16,"tag":108,"props":15541,"children":15542},{"class":110,"line":315},[15543,15547,15551,15555,15559,15563],{"type":16,"tag":108,"props":15544,"children":15545},{"style":453},[15546],{"type":22,"value":488},{"type":16,"tag":108,"props":15548,"children":15549},{"style":453},[15550],{"type":22,"value":493},{"type":16,"tag":108,"props":15552,"children":15553},{"style":453},[15554],{"type":22,"value":498},{"type":16,"tag":108,"props":15556,"children":15557},{"style":453},[15558],{"type":22,"value":503},{"type":16,"tag":108,"props":15560,"children":15561},{"style":506},[15562],{"type":22,"value":15523},{"type":16,"tag":108,"props":15564,"children":15565},{"style":115},[15566],{"type":22,"value":513},{"type":16,"tag":108,"props":15568,"children":15569},{"class":110,"line":333},[15570,15574],{"type":16,"tag":108,"props":15571,"children":15572},{"style":519},[15573],{"type":22,"value":1525},{"type":16,"tag":108,"props":15575,"children":15576},{"style":115},[15577],{"type":22,"value":1530},{"type":16,"tag":108,"props":15579,"children":15580},{"class":110,"line":351},[15581,15585,15589,15593],{"type":16,"tag":108,"props":15582,"children":15583},{"style":544},[15584],{"type":22,"value":547},{"type":16,"tag":108,"props":15586,"children":15587},{"style":115},[15588],{"type":22,"value":46},{"type":16,"tag":108,"props":15590,"children":15591},{"style":519},[15592],{"type":22,"value":1546},{"type":16,"tag":108,"props":15594,"children":15595},{"style":115},[15596],{"type":22,"value":1551},{"type":16,"tag":108,"props":15598,"children":15599},{"class":110,"line":369},[15600,15604,15608,15612,15616,15620],{"type":16,"tag":108,"props":15601,"children":15602},{"style":506},[15603],{"type":22,"value":577},{"type":16,"tag":108,"props":15605,"children":15606},{"style":115},[15607],{"type":22,"value":46},{"type":16,"tag":108,"props":15609,"children":15610},{"style":519},[15611],{"type":22,"value":586},{"type":16,"tag":108,"props":15613,"children":15614},{"style":115},[15615],{"type":22,"value":527},{"type":16,"tag":108,"props":15617,"children":15618},{"style":137},[15619],{"type":22,"value":595},{"type":16,"tag":108,"props":15621,"children":15622},{"style":115},[15623],{"type":22,"value":569},{"type":16,"tag":108,"props":15625,"children":15626},{"class":110,"line":602},[15627],{"type":16,"tag":108,"props":15628,"children":15629},{"emptyLinePlaceholder":477},[15630],{"type":22,"value":480},{"type":16,"tag":108,"props":15632,"children":15633},{"class":110,"line":611},[15634],{"type":16,"tag":108,"props":15635,"children":15636},{"style":1798},[15637],{"type":22,"value":15638},"    // Get the lightgallery instance\n",{"type":16,"tag":108,"props":15640,"children":15641},{"class":110,"line":619},[15642,15646,15650],{"type":16,"tag":108,"props":15643,"children":15644},{"style":506},[15645],{"type":22,"value":3133},{"type":16,"tag":108,"props":15647,"children":15648},{"style":115},[15649],{"type":22,"value":46},{"type":16,"tag":108,"props":15651,"children":15652},{"style":121},[15653],{"type":22,"value":15654},"lightGallery\n",{"type":16,"tag":108,"props":15656,"children":15657},{"class":110,"line":640},[15658],{"type":16,"tag":108,"props":15659,"children":15660},{"emptyLinePlaceholder":477},[15661],{"type":22,"value":480},{"type":16,"tag":108,"props":15663,"children":15664},{"class":110,"line":669},[15665],{"type":16,"tag":108,"props":15666,"children":15667},{"style":1798},[15668],{"type":22,"value":15669},"    // Default options for every lightboxes.\n",{"type":16,"tag":108,"props":15671,"children":15672},{"class":110,"line":677},[15673,15677,15681],{"type":16,"tag":108,"props":15674,"children":15675},{"style":506},[15676],{"type":22,"value":3133},{"type":16,"tag":108,"props":15678,"children":15679},{"style":115},[15680],{"type":22,"value":46},{"type":16,"tag":108,"props":15682,"children":15683},{"style":121},[15684],{"type":22,"value":3173},{"type":16,"tag":108,"props":15686,"children":15687},{"class":110,"line":2008},[15688],{"type":16,"tag":108,"props":15689,"children":15690},{"style":115},[15691],{"type":22,"value":608},{"type":16,"tag":108,"props":15693,"children":15694},{"class":110,"line":785},[15695],{"type":16,"tag":108,"props":15696,"children":15697},{"emptyLinePlaceholder":477},[15698],{"type":22,"value":480},{"type":16,"tag":108,"props":15700,"children":15701},{"class":110,"line":2033},[15702],{"type":16,"tag":108,"props":15703,"children":15704},{"style":1798},[15705],{"type":22,"value":3195},{"type":16,"tag":108,"props":15707,"children":15708},{"class":110,"line":3198},[15709,15713,15717],{"type":16,"tag":108,"props":15710,"children":15711},{"style":453},[15712],{"type":22,"value":3204},{"type":16,"tag":108,"props":15714,"children":15715},{"style":519},[15716],{"type":22,"value":3209},{"type":16,"tag":108,"props":15718,"children":15719},{"style":115},[15720],{"type":22,"value":1530},{"type":16,"tag":108,"props":15722,"children":15723},{"class":110,"line":3216},[15724,15728],{"type":16,"tag":108,"props":15725,"children":15726},{"style":453},[15727],{"type":22,"value":3222},{"type":16,"tag":108,"props":15729,"children":15730},{"style":115},[15731],{"type":22,"value":513},{"type":16,"tag":108,"props":15733,"children":15734},{"class":110,"line":3229},[15735],{"type":16,"tag":108,"props":15736,"children":15737},{"style":1798},[15738],{"type":22,"value":3235},{"type":16,"tag":108,"props":15740,"children":15741},{"class":110,"line":3238},[15742],{"type":16,"tag":108,"props":15743,"children":15744},{"style":115},[15745],{"type":22,"value":3244},{"type":16,"tag":108,"props":15747,"children":15748},{"class":110,"line":3247},[15749],{"type":16,"tag":108,"props":15750,"children":15751},{"style":115},[15752],{"type":22,"value":608},{"type":16,"tag":108,"props":15754,"children":15755},{"class":110,"line":3255},[15756],{"type":16,"tag":108,"props":15757,"children":15758},{"style":115},[15759],{"type":22,"value":683},{"type":16,"tag":685,"props":15761,"children":15762},{},[15763],{"type":22,"value":689},{"title":7,"searchDepth":297,"depth":297,"links":15765},[15766,15767,15768,15769,15770],{"id":19,"depth":297,"text":23},{"id":49,"depth":297,"text":52},{"id":58,"depth":297,"text":61},{"id":1224,"depth":297,"text":1227},{"id":428,"depth":297,"text":431},"content:docs:stimulus-lightbox.md","docs/stimulus-lightbox.md","docs/stimulus-lightbox",{"_path":15775,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":15776,"description":15777,"package":15778,"packagePath":15779,"body":15780,"_type":696,"_id":16706,"_source":698,"_file":16707,"_stem":16708,"_extension":701},"/docs/stimulus-notification","Notification","A Stimulus controller for showing notifications.","notification","@stimulus-components/notification",{"type":13,"children":15781,"toc":16699},[15782,15786,15789,15799,15803,15806,15810,16037,16065,16070,16460,16464,16551,16555,16695],{"type":16,"tag":17,"props":15783,"children":15784},{"id":19},[15785],{"type":22,"value":23},{"type":16,"tag":25,"props":15787,"children":15788},{":package":27,":package-path":28},[],{"type":16,"tag":31,"props":15790,"children":15791},{},[15792,15793,15798],{"type":22,"value":12121},{"type":16,"tag":37,"props":15794,"children":15796},{"href":12124,"rel":15795},[41],[15797],{"type":22,"value":12128},{"type":22,"value":12130},{"type":16,"tag":17,"props":15800,"children":15801},{"id":49},[15802],{"type":22,"value":52},{"type":16,"tag":15778,"props":15804,"children":15805},{},[],{"type":16,"tag":17,"props":15807,"children":15808},{"id":58},[15809],{"type":22,"value":61},{"type":16,"tag":93,"props":15811,"children":15812},{"tab-name":95},[15813],{"type":16,"tag":98,"props":15814,"children":15816},{"className":100,"code":15815,"language":102,"meta":7,"style":7},"\u003Cdiv\n  data-controller=\"notification\"\n  data-notification-delay-value=\"2000\"\n  class=\"transition transform duration-1000 hidden\"\n  data-transition-enter-from=\"opacity-0 translate-x-6\"\n  data-transition-enter-to=\"opacity-100 translate-x-0\"\n  data-transition-leave-from=\"opacity-100 translate-x-0\"\n  data-transition-leave-to=\"opacity-0 translate-x-6\"\n>\n  \u003Cp>This alert will magically disappear!\u003C/p>\n\n  \u003Cbutton data-action=\"notification#hide\">Close\u003C/button>\n\u003C/div>\n",[15817],{"type":16,"tag":68,"props":15818,"children":15819},{"__ignoreMap":7},[15820,15831,15847,15864,15881,15898,15915,15931,15947,15954,15978,15985,16022],{"type":16,"tag":108,"props":15821,"children":15822},{"class":110,"line":111},[15823,15827],{"type":16,"tag":108,"props":15824,"children":15825},{"style":115},[15826],{"type":22,"value":118},{"type":16,"tag":108,"props":15828,"children":15829},{"style":121},[15830],{"type":22,"value":834},{"type":16,"tag":108,"props":15832,"children":15833},{"class":110,"line":297},[15834,15838,15842],{"type":16,"tag":108,"props":15835,"children":15836},{"style":126},[15837],{"type":22,"value":321},{"type":16,"tag":108,"props":15839,"children":15840},{"style":115},[15841],{"type":22,"value":134},{"type":16,"tag":108,"props":15843,"children":15844},{"style":137},[15845],{"type":22,"value":15846},"\"notification\"\n",{"type":16,"tag":108,"props":15848,"children":15849},{"class":110,"line":315},[15850,15855,15859],{"type":16,"tag":108,"props":15851,"children":15852},{"style":126},[15853],{"type":22,"value":15854},"  data-notification-delay-value",{"type":16,"tag":108,"props":15856,"children":15857},{"style":115},[15858],{"type":22,"value":134},{"type":16,"tag":108,"props":15860,"children":15861},{"style":137},[15862],{"type":22,"value":15863},"\"2000\"\n",{"type":16,"tag":108,"props":15865,"children":15866},{"class":110,"line":333},[15867,15872,15876],{"type":16,"tag":108,"props":15868,"children":15869},{"style":126},[15870],{"type":22,"value":15871},"  class",{"type":16,"tag":108,"props":15873,"children":15874},{"style":115},[15875],{"type":22,"value":134},{"type":16,"tag":108,"props":15877,"children":15878},{"style":137},[15879],{"type":22,"value":15880},"\"transition transform duration-1000 hidden\"\n",{"type":16,"tag":108,"props":15882,"children":15883},{"class":110,"line":351},[15884,15889,15893],{"type":16,"tag":108,"props":15885,"children":15886},{"style":126},[15887],{"type":22,"value":15888},"  data-transition-enter-from",{"type":16,"tag":108,"props":15890,"children":15891},{"style":115},[15892],{"type":22,"value":134},{"type":16,"tag":108,"props":15894,"children":15895},{"style":137},[15896],{"type":22,"value":15897},"\"opacity-0 translate-x-6\"\n",{"type":16,"tag":108,"props":15899,"children":15900},{"class":110,"line":369},[15901,15906,15910],{"type":16,"tag":108,"props":15902,"children":15903},{"style":126},[15904],{"type":22,"value":15905},"  data-transition-enter-to",{"type":16,"tag":108,"props":15907,"children":15908},{"style":115},[15909],{"type":22,"value":134},{"type":16,"tag":108,"props":15911,"children":15912},{"style":137},[15913],{"type":22,"value":15914},"\"opacity-100 translate-x-0\"\n",{"type":16,"tag":108,"props":15916,"children":15917},{"class":110,"line":602},[15918,15923,15927],{"type":16,"tag":108,"props":15919,"children":15920},{"style":126},[15921],{"type":22,"value":15922},"  data-transition-leave-from",{"type":16,"tag":108,"props":15924,"children":15925},{"style":115},[15926],{"type":22,"value":134},{"type":16,"tag":108,"props":15928,"children":15929},{"style":137},[15930],{"type":22,"value":15914},{"type":16,"tag":108,"props":15932,"children":15933},{"class":110,"line":611},[15934,15939,15943],{"type":16,"tag":108,"props":15935,"children":15936},{"style":126},[15937],{"type":22,"value":15938},"  data-transition-leave-to",{"type":16,"tag":108,"props":15940,"children":15941},{"style":115},[15942],{"type":22,"value":134},{"type":16,"tag":108,"props":15944,"children":15945},{"style":137},[15946],{"type":22,"value":15897},{"type":16,"tag":108,"props":15948,"children":15949},{"class":110,"line":619},[15950],{"type":16,"tag":108,"props":15951,"children":15952},{"style":115},[15953],{"type":22,"value":182},{"type":16,"tag":108,"props":15955,"children":15956},{"class":110,"line":640},[15957,15961,15965,15970,15974],{"type":16,"tag":108,"props":15958,"children":15959},{"style":115},[15960],{"type":22,"value":1737},{"type":16,"tag":108,"props":15962,"children":15963},{"style":121},[15964],{"type":22,"value":31},{"type":16,"tag":108,"props":15966,"children":15967},{"style":115},[15968],{"type":22,"value":15969},">This alert will magically disappear!\u003C/",{"type":16,"tag":108,"props":15971,"children":15972},{"style":121},[15973],{"type":22,"value":31},{"type":16,"tag":108,"props":15975,"children":15976},{"style":115},[15977],{"type":22,"value":182},{"type":16,"tag":108,"props":15979,"children":15980},{"class":110,"line":669},[15981],{"type":16,"tag":108,"props":15982,"children":15983},{"emptyLinePlaceholder":477},[15984],{"type":22,"value":480},{"type":16,"tag":108,"props":15986,"children":15987},{"class":110,"line":677},[15988,15992,15996,16000,16004,16009,16014,16018],{"type":16,"tag":108,"props":15989,"children":15990},{"style":115},[15991],{"type":22,"value":1737},{"type":16,"tag":108,"props":15993,"children":15994},{"style":121},[15995],{"type":22,"value":212},{"type":16,"tag":108,"props":15997,"children":15998},{"style":126},[15999],{"type":22,"value":159},{"type":16,"tag":108,"props":16001,"children":16002},{"style":115},[16003],{"type":22,"value":134},{"type":16,"tag":108,"props":16005,"children":16006},{"style":137},[16007],{"type":22,"value":16008},"\"notification#hide\"",{"type":16,"tag":108,"props":16010,"children":16011},{"style":115},[16012],{"type":22,"value":16013},">Close\u003C/",{"type":16,"tag":108,"props":16015,"children":16016},{"style":121},[16017],{"type":22,"value":212},{"type":16,"tag":108,"props":16019,"children":16020},{"style":115},[16021],{"type":22,"value":182},{"type":16,"tag":108,"props":16023,"children":16024},{"class":110,"line":2008},[16025,16029,16033],{"type":16,"tag":108,"props":16026,"children":16027},{"style":115},[16028],{"type":22,"value":924},{"type":16,"tag":108,"props":16030,"children":16031},{"style":121},[16032],{"type":22,"value":929},{"type":16,"tag":108,"props":16034,"children":16035},{"style":115},[16036],{"type":22,"value":182},{"type":16,"tag":31,"props":16038,"children":16039},{},[16040,16042,16049,16051,16057,16059,16064],{"type":22,"value":16041},"You can hide the notification by default and open it programmatically.\nUse a ",{"type":16,"tag":37,"props":16043,"children":16046},{"href":16044,"rel":16045},"https://developer.mozilla.org/en-US/docs/Web/Events/Creating_and_triggering_events",[41],[16047],{"type":22,"value":16048},"CustomEvent",{"type":22,"value":16050}," and set the correct ",{"type":16,"tag":68,"props":16052,"children":16054},{"className":16053},[],[16055],{"type":22,"value":16056},"value",{"type":22,"value":16058}," and ",{"type":16,"tag":68,"props":16060,"children":16062},{"className":16061},[],[16063],{"type":22,"value":1842},{"type":22,"value":46},{"type":16,"tag":31,"props":16066,"children":16067},{},[16068],{"type":22,"value":16069},"For instance:",{"type":16,"tag":93,"props":16071,"children":16072},{"tab-name":95},[16073],{"type":16,"tag":98,"props":16074,"children":16076},{"className":100,"code":16075,"language":102,"meta":7,"style":7},"\u003Cdiv\n  data-controller=\"notification\"\n  data-notification-hidden-value=\"true\"\n  data-action=\"awesome@window->notification#show\"\n  class=\"transition transform duration-1000 hidden\"\n  data-transition-enter-from=\"opacity-0 translate-x-6\"\n  data-transition-enter-to=\"opacity-100 translate-x-0\"\n  data-transition-leave-from=\"opacity-100 translate-x-0\"\n  data-transition-leave-to=\"opacity-0 translate-x-6\"\n>\n  \u003Cp>This alert will magically disappear!\u003C/p>\n\n  \u003Cbutton data-action=\"notification#hide\">Close\u003C/button>\n\u003C/div>\n\n\u003Cscript>\n  document.addEventListener(\"DOMContentLoaded\", () => {\n    const event = new CustomEvent(\"awesome\")\n\n    window.dispatchEvent(event)\n  })\n\u003C/script>\n",[16077],{"type":16,"tag":68,"props":16078,"children":16079},{"__ignoreMap":7},[16080,16091,16106,16122,16138,16153,16168,16183,16198,16213,16220,16243,16250,16285,16300,16307,16323,16362,16401,16408,16437,16445],{"type":16,"tag":108,"props":16081,"children":16082},{"class":110,"line":111},[16083,16087],{"type":16,"tag":108,"props":16084,"children":16085},{"style":115},[16086],{"type":22,"value":118},{"type":16,"tag":108,"props":16088,"children":16089},{"style":121},[16090],{"type":22,"value":834},{"type":16,"tag":108,"props":16092,"children":16093},{"class":110,"line":297},[16094,16098,16102],{"type":16,"tag":108,"props":16095,"children":16096},{"style":126},[16097],{"type":22,"value":321},{"type":16,"tag":108,"props":16099,"children":16100},{"style":115},[16101],{"type":22,"value":134},{"type":16,"tag":108,"props":16103,"children":16104},{"style":137},[16105],{"type":22,"value":15846},{"type":16,"tag":108,"props":16107,"children":16108},{"class":110,"line":315},[16109,16114,16118],{"type":16,"tag":108,"props":16110,"children":16111},{"style":126},[16112],{"type":22,"value":16113},"  data-notification-hidden-value",{"type":16,"tag":108,"props":16115,"children":16116},{"style":115},[16117],{"type":22,"value":134},{"type":16,"tag":108,"props":16119,"children":16120},{"style":137},[16121],{"type":22,"value":10212},{"type":16,"tag":108,"props":16123,"children":16124},{"class":110,"line":333},[16125,16129,16133],{"type":16,"tag":108,"props":16126,"children":16127},{"style":126},[16128],{"type":22,"value":339},{"type":16,"tag":108,"props":16130,"children":16131},{"style":115},[16132],{"type":22,"value":134},{"type":16,"tag":108,"props":16134,"children":16135},{"style":137},[16136],{"type":22,"value":16137},"\"awesome@window->notification#show\"\n",{"type":16,"tag":108,"props":16139,"children":16140},{"class":110,"line":351},[16141,16145,16149],{"type":16,"tag":108,"props":16142,"children":16143},{"style":126},[16144],{"type":22,"value":15871},{"type":16,"tag":108,"props":16146,"children":16147},{"style":115},[16148],{"type":22,"value":134},{"type":16,"tag":108,"props":16150,"children":16151},{"style":137},[16152],{"type":22,"value":15880},{"type":16,"tag":108,"props":16154,"children":16155},{"class":110,"line":369},[16156,16160,16164],{"type":16,"tag":108,"props":16157,"children":16158},{"style":126},[16159],{"type":22,"value":15888},{"type":16,"tag":108,"props":16161,"children":16162},{"style":115},[16163],{"type":22,"value":134},{"type":16,"tag":108,"props":16165,"children":16166},{"style":137},[16167],{"type":22,"value":15897},{"type":16,"tag":108,"props":16169,"children":16170},{"class":110,"line":602},[16171,16175,16179],{"type":16,"tag":108,"props":16172,"children":16173},{"style":126},[16174],{"type":22,"value":15905},{"type":16,"tag":108,"props":16176,"children":16177},{"style":115},[16178],{"type":22,"value":134},{"type":16,"tag":108,"props":16180,"children":16181},{"style":137},[16182],{"type":22,"value":15914},{"type":16,"tag":108,"props":16184,"children":16185},{"class":110,"line":611},[16186,16190,16194],{"type":16,"tag":108,"props":16187,"children":16188},{"style":126},[16189],{"type":22,"value":15922},{"type":16,"tag":108,"props":16191,"children":16192},{"style":115},[16193],{"type":22,"value":134},{"type":16,"tag":108,"props":16195,"children":16196},{"style":137},[16197],{"type":22,"value":15914},{"type":16,"tag":108,"props":16199,"children":16200},{"class":110,"line":619},[16201,16205,16209],{"type":16,"tag":108,"props":16202,"children":16203},{"style":126},[16204],{"type":22,"value":15938},{"type":16,"tag":108,"props":16206,"children":16207},{"style":115},[16208],{"type":22,"value":134},{"type":16,"tag":108,"props":16210,"children":16211},{"style":137},[16212],{"type":22,"value":15897},{"type":16,"tag":108,"props":16214,"children":16215},{"class":110,"line":640},[16216],{"type":16,"tag":108,"props":16217,"children":16218},{"style":115},[16219],{"type":22,"value":182},{"type":16,"tag":108,"props":16221,"children":16222},{"class":110,"line":669},[16223,16227,16231,16235,16239],{"type":16,"tag":108,"props":16224,"children":16225},{"style":115},[16226],{"type":22,"value":1737},{"type":16,"tag":108,"props":16228,"children":16229},{"style":121},[16230],{"type":22,"value":31},{"type":16,"tag":108,"props":16232,"children":16233},{"style":115},[16234],{"type":22,"value":15969},{"type":16,"tag":108,"props":16236,"children":16237},{"style":121},[16238],{"type":22,"value":31},{"type":16,"tag":108,"props":16240,"children":16241},{"style":115},[16242],{"type":22,"value":182},{"type":16,"tag":108,"props":16244,"children":16245},{"class":110,"line":677},[16246],{"type":16,"tag":108,"props":16247,"children":16248},{"emptyLinePlaceholder":477},[16249],{"type":22,"value":480},{"type":16,"tag":108,"props":16251,"children":16252},{"class":110,"line":2008},[16253,16257,16261,16265,16269,16273,16277,16281],{"type":16,"tag":108,"props":16254,"children":16255},{"style":115},[16256],{"type":22,"value":1737},{"type":16,"tag":108,"props":16258,"children":16259},{"style":121},[16260],{"type":22,"value":212},{"type":16,"tag":108,"props":16262,"children":16263},{"style":126},[16264],{"type":22,"value":159},{"type":16,"tag":108,"props":16266,"children":16267},{"style":115},[16268],{"type":22,"value":134},{"type":16,"tag":108,"props":16270,"children":16271},{"style":137},[16272],{"type":22,"value":16008},{"type":16,"tag":108,"props":16274,"children":16275},{"style":115},[16276],{"type":22,"value":16013},{"type":16,"tag":108,"props":16278,"children":16279},{"style":121},[16280],{"type":22,"value":212},{"type":16,"tag":108,"props":16282,"children":16283},{"style":115},[16284],{"type":22,"value":182},{"type":16,"tag":108,"props":16286,"children":16287},{"class":110,"line":785},[16288,16292,16296],{"type":16,"tag":108,"props":16289,"children":16290},{"style":115},[16291],{"type":22,"value":924},{"type":16,"tag":108,"props":16293,"children":16294},{"style":121},[16295],{"type":22,"value":929},{"type":16,"tag":108,"props":16297,"children":16298},{"style":115},[16299],{"type":22,"value":182},{"type":16,"tag":108,"props":16301,"children":16302},{"class":110,"line":2033},[16303],{"type":16,"tag":108,"props":16304,"children":16305},{"emptyLinePlaceholder":477},[16306],{"type":22,"value":480},{"type":16,"tag":108,"props":16308,"children":16309},{"class":110,"line":3198},[16310,16314,16319],{"type":16,"tag":108,"props":16311,"children":16312},{"style":115},[16313],{"type":22,"value":118},{"type":16,"tag":108,"props":16315,"children":16316},{"style":121},[16317],{"type":22,"value":16318},"script",{"type":16,"tag":108,"props":16320,"children":16321},{"style":115},[16322],{"type":22,"value":182},{"type":16,"tag":108,"props":16324,"children":16325},{"class":110,"line":3216},[16326,16331,16335,16340,16344,16349,16354,16358],{"type":16,"tag":108,"props":16327,"children":16328},{"style":506},[16329],{"type":22,"value":16330},"  document",{"type":16,"tag":108,"props":16332,"children":16333},{"style":115},[16334],{"type":22,"value":46},{"type":16,"tag":108,"props":16336,"children":16337},{"style":519},[16338],{"type":22,"value":16339},"addEventListener",{"type":16,"tag":108,"props":16341,"children":16342},{"style":115},[16343],{"type":22,"value":527},{"type":16,"tag":108,"props":16345,"children":16346},{"style":137},[16347],{"type":22,"value":16348},"\"DOMContentLoaded\"",{"type":16,"tag":108,"props":16350,"children":16351},{"style":115},[16352],{"type":22,"value":16353},", () ",{"type":16,"tag":108,"props":16355,"children":16356},{"style":453},[16357],{"type":22,"value":13094},{"type":16,"tag":108,"props":16359,"children":16360},{"style":115},[16361],{"type":22,"value":513},{"type":16,"tag":108,"props":16363,"children":16364},{"class":110,"line":3229},[16365,16369,16374,16378,16383,16388,16392,16397],{"type":16,"tag":108,"props":16366,"children":16367},{"style":453},[16368],{"type":22,"value":5207},{"type":16,"tag":108,"props":16370,"children":16371},{"style":506},[16372],{"type":22,"value":16373}," event",{"type":16,"tag":108,"props":16375,"children":16376},{"style":1654},[16377],{"type":22,"value":2201},{"type":16,"tag":108,"props":16379,"children":16380},{"style":453},[16381],{"type":22,"value":16382}," new",{"type":16,"tag":108,"props":16384,"children":16385},{"style":519},[16386],{"type":22,"value":16387}," CustomEvent",{"type":16,"tag":108,"props":16389,"children":16390},{"style":115},[16391],{"type":22,"value":527},{"type":16,"tag":108,"props":16393,"children":16394},{"style":137},[16395],{"type":22,"value":16396},"\"awesome\"",{"type":16,"tag":108,"props":16398,"children":16399},{"style":115},[16400],{"type":22,"value":569},{"type":16,"tag":108,"props":16402,"children":16403},{"class":110,"line":3238},[16404],{"type":16,"tag":108,"props":16405,"children":16406},{"emptyLinePlaceholder":477},[16407],{"type":22,"value":480},{"type":16,"tag":108,"props":16409,"children":16410},{"class":110,"line":3247},[16411,16416,16420,16425,16429,16433],{"type":16,"tag":108,"props":16412,"children":16413},{"style":506},[16414],{"type":22,"value":16415},"    window",{"type":16,"tag":108,"props":16417,"children":16418},{"style":115},[16419],{"type":22,"value":46},{"type":16,"tag":108,"props":16421,"children":16422},{"style":519},[16423],{"type":22,"value":16424},"dispatchEvent",{"type":16,"tag":108,"props":16426,"children":16427},{"style":115},[16428],{"type":22,"value":527},{"type":16,"tag":108,"props":16430,"children":16431},{"style":121},[16432],{"type":22,"value":533},{"type":16,"tag":108,"props":16434,"children":16435},{"style":115},[16436],{"type":22,"value":569},{"type":16,"tag":108,"props":16438,"children":16439},{"class":110,"line":3255},[16440],{"type":16,"tag":108,"props":16441,"children":16442},{"style":115},[16443],{"type":22,"value":16444},"  })\n",{"type":16,"tag":108,"props":16446,"children":16447},{"class":110,"line":4676},[16448,16452,16456],{"type":16,"tag":108,"props":16449,"children":16450},{"style":115},[16451],{"type":22,"value":924},{"type":16,"tag":108,"props":16453,"children":16454},{"style":121},[16455],{"type":22,"value":16318},{"type":16,"tag":108,"props":16457,"children":16458},{"style":115},[16459],{"type":22,"value":182},{"type":16,"tag":17,"props":16461,"children":16462},{"id":1224},[16463],{"type":22,"value":1227},{"type":16,"tag":1229,"props":16465,"children":16466},{},[16467,16489],{"type":16,"tag":1233,"props":16468,"children":16469},{},[16470],{"type":16,"tag":1237,"props":16471,"children":16472},{},[16473,16477,16481,16485],{"type":16,"tag":1241,"props":16474,"children":16475},{},[16476],{"type":22,"value":1245},{"type":16,"tag":1241,"props":16478,"children":16479},{},[16480],{"type":22,"value":1250},{"type":16,"tag":1241,"props":16482,"children":16483},{},[16484],{"type":22,"value":1255},{"type":16,"tag":1241,"props":16486,"children":16487},{},[16488],{"type":22,"value":1260},{"type":16,"tag":1262,"props":16490,"children":16491},{},[16492,16522],{"type":16,"tag":1237,"props":16493,"children":16494},{},[16495,16504,16513,16518],{"type":16,"tag":1269,"props":16496,"children":16497},{},[16498],{"type":16,"tag":68,"props":16499,"children":16501},{"className":16500},[],[16502],{"type":22,"value":16503},"data-notification-delay-value",{"type":16,"tag":1269,"props":16505,"children":16506},{},[16507],{"type":16,"tag":68,"props":16508,"children":16510},{"className":16509},[],[16511],{"type":22,"value":16512},"3000",{"type":16,"tag":1269,"props":16514,"children":16515},{},[16516],{"type":22,"value":16517},"Delay in milliseconds before closing the notification.",{"type":16,"tag":1269,"props":16519,"children":16520},{},[16521],{"type":22,"value":1384},{"type":16,"tag":1237,"props":16523,"children":16524},{},[16525,16534,16542,16547],{"type":16,"tag":1269,"props":16526,"children":16527},{},[16528],{"type":16,"tag":68,"props":16529,"children":16531},{"className":16530},[],[16532],{"type":22,"value":16533},"data-notification-hidden-value",{"type":16,"tag":1269,"props":16535,"children":16536},{},[16537],{"type":16,"tag":68,"props":16538,"children":16540},{"className":16539},[],[16541],{"type":22,"value":5416},{"type":16,"tag":1269,"props":16543,"children":16544},{},[16545],{"type":22,"value":16546},"Hide the notification by default to open it programmatically.",{"type":16,"tag":1269,"props":16548,"children":16549},{},[16550],{"type":22,"value":1384},{"type":16,"tag":17,"props":16552,"children":16553},{"id":428},[16554],{"type":22,"value":431},{"type":16,"tag":428,"props":16556,"children":16557},{},[16558],{"type":16,"tag":93,"props":16559,"children":16561},{"tab-name":16560},"app/javascript/controllers/notification_controller.js",[16562],{"type":16,"tag":98,"props":16563,"children":16565},{"className":441,"code":16564,"language":443,"meta":7,"style":7},"import Notification from \"@stimulus-components/notification\"\n\nexport default class extends Notification {\n  connect() {\n    super.connect()\n    console.log(\"Do what you want here.\")\n  }\n}\n",[16566],{"type":16,"tag":68,"props":16567,"children":16568},{"__ignoreMap":7},[16569,16590,16597,16624,16635,16654,16681,16688],{"type":16,"tag":108,"props":16570,"children":16571},{"class":110,"line":111},[16572,16576,16581,16585],{"type":16,"tag":108,"props":16573,"children":16574},{"style":453},[16575],{"type":22,"value":456},{"type":16,"tag":108,"props":16577,"children":16578},{"style":121},[16579],{"type":22,"value":16580}," Notification",{"type":16,"tag":108,"props":16582,"children":16583},{"style":453},[16584],{"type":22,"value":466},{"type":16,"tag":108,"props":16586,"children":16587},{"style":137},[16588],{"type":22,"value":16589}," \"@stimulus-components/notification\"\n",{"type":16,"tag":108,"props":16591,"children":16592},{"class":110,"line":297},[16593],{"type":16,"tag":108,"props":16594,"children":16595},{"emptyLinePlaceholder":477},[16596],{"type":22,"value":480},{"type":16,"tag":108,"props":16598,"children":16599},{"class":110,"line":315},[16600,16604,16608,16612,16616,16620],{"type":16,"tag":108,"props":16601,"children":16602},{"style":453},[16603],{"type":22,"value":488},{"type":16,"tag":108,"props":16605,"children":16606},{"style":453},[16607],{"type":22,"value":493},{"type":16,"tag":108,"props":16609,"children":16610},{"style":453},[16611],{"type":22,"value":498},{"type":16,"tag":108,"props":16613,"children":16614},{"style":453},[16615],{"type":22,"value":503},{"type":16,"tag":108,"props":16617,"children":16618},{"style":506},[16619],{"type":22,"value":16580},{"type":16,"tag":108,"props":16621,"children":16622},{"style":115},[16623],{"type":22,"value":513},{"type":16,"tag":108,"props":16625,"children":16626},{"class":110,"line":333},[16627,16631],{"type":16,"tag":108,"props":16628,"children":16629},{"style":519},[16630],{"type":22,"value":1525},{"type":16,"tag":108,"props":16632,"children":16633},{"style":115},[16634],{"type":22,"value":1530},{"type":16,"tag":108,"props":16636,"children":16637},{"class":110,"line":351},[16638,16642,16646,16650],{"type":16,"tag":108,"props":16639,"children":16640},{"style":544},[16641],{"type":22,"value":547},{"type":16,"tag":108,"props":16643,"children":16644},{"style":115},[16645],{"type":22,"value":46},{"type":16,"tag":108,"props":16647,"children":16648},{"style":519},[16649],{"type":22,"value":1546},{"type":16,"tag":108,"props":16651,"children":16652},{"style":115},[16653],{"type":22,"value":1551},{"type":16,"tag":108,"props":16655,"children":16656},{"class":110,"line":369},[16657,16661,16665,16669,16673,16677],{"type":16,"tag":108,"props":16658,"children":16659},{"style":506},[16660],{"type":22,"value":577},{"type":16,"tag":108,"props":16662,"children":16663},{"style":115},[16664],{"type":22,"value":46},{"type":16,"tag":108,"props":16666,"children":16667},{"style":519},[16668],{"type":22,"value":586},{"type":16,"tag":108,"props":16670,"children":16671},{"style":115},[16672],{"type":22,"value":527},{"type":16,"tag":108,"props":16674,"children":16675},{"style":137},[16676],{"type":22,"value":595},{"type":16,"tag":108,"props":16678,"children":16679},{"style":115},[16680],{"type":22,"value":569},{"type":16,"tag":108,"props":16682,"children":16683},{"class":110,"line":602},[16684],{"type":16,"tag":108,"props":16685,"children":16686},{"style":115},[16687],{"type":22,"value":608},{"type":16,"tag":108,"props":16689,"children":16690},{"class":110,"line":611},[16691],{"type":16,"tag":108,"props":16692,"children":16693},{"style":115},[16694],{"type":22,"value":683},{"type":16,"tag":685,"props":16696,"children":16697},{},[16698],{"type":22,"value":689},{"title":7,"searchDepth":297,"depth":297,"links":16700},[16701,16702,16703,16704,16705],{"id":19,"depth":297,"text":23},{"id":49,"depth":297,"text":52},{"id":58,"depth":297,"text":61},{"id":1224,"depth":297,"text":1227},{"id":428,"depth":297,"text":431},"content:docs:stimulus-notification.md","docs/stimulus-notification.md","docs/stimulus-notification",{"_path":16710,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":16711,"description":16712,"package":16713,"packagePath":16714,"body":16715,"_type":696,"_id":17258,"_source":698,"_file":17259,"_stem":17260,"_extension":701},"/docs/stimulus-password-visibility","Password Visibility","A Stimulus controller to change a password input visibility.","password-visibility","@stimulus-components/password-visibility",{"type":13,"children":16716,"toc":17251},[16717,16721,16724,16728,16731,16735,16987,16991,17048,17052,17247],{"type":16,"tag":17,"props":16718,"children":16719},{"id":19},[16720],{"type":22,"value":23},{"type":16,"tag":25,"props":16722,"children":16723},{":package":27,":package-path":28},[],{"type":16,"tag":17,"props":16725,"children":16726},{"id":49},[16727],{"type":22,"value":52},{"type":16,"tag":16713,"props":16729,"children":16730},{},[],{"type":16,"tag":17,"props":16732,"children":16733},{"id":58},[16734],{"type":22,"value":61},{"type":16,"tag":98,"props":16736,"children":16738},{"className":100,"code":16737,"language":102,"meta":7,"style":7},"\u003Cdiv data-controller=\"password-visibility\">\n  \u003Cinput type=\"password\" data-password-visibility-target=\"input\" spellcheck=\"false\" />\n\n  \u003Cbutton type=\"button\" data-action=\"password-visibility#toggle\">\n    \u003Cspan data-password-visibility-target=\"icon\">Eye\u003C/span>\n    \u003Cspan data-password-visibility-target=\"icon\" class=\"hidden\">Eye Slash\u003C/span>\n  \u003C/button>\n\u003C/div>\n",[16739],{"type":16,"tag":68,"props":16740,"children":16741},{"__ignoreMap":7},[16742,16770,16825,16832,16872,16909,16957,16972],{"type":16,"tag":108,"props":16743,"children":16744},{"class":110,"line":111},[16745,16749,16753,16757,16761,16766],{"type":16,"tag":108,"props":16746,"children":16747},{"style":115},[16748],{"type":22,"value":118},{"type":16,"tag":108,"props":16750,"children":16751},{"style":121},[16752],{"type":22,"value":929},{"type":16,"tag":108,"props":16754,"children":16755},{"style":126},[16756],{"type":22,"value":145},{"type":16,"tag":108,"props":16758,"children":16759},{"style":115},[16760],{"type":22,"value":134},{"type":16,"tag":108,"props":16762,"children":16763},{"style":137},[16764],{"type":22,"value":16765},"\"password-visibility\"",{"type":16,"tag":108,"props":16767,"children":16768},{"style":115},[16769],{"type":22,"value":182},{"type":16,"tag":108,"props":16771,"children":16772},{"class":110,"line":297},[16773,16777,16781,16785,16789,16794,16799,16803,16807,16812,16816,16821],{"type":16,"tag":108,"props":16774,"children":16775},{"style":115},[16776],{"type":22,"value":1737},{"type":16,"tag":108,"props":16778,"children":16779},{"style":121},[16780],{"type":22,"value":73},{"type":16,"tag":108,"props":16782,"children":16783},{"style":126},[16784],{"type":22,"value":217},{"type":16,"tag":108,"props":16786,"children":16787},{"style":115},[16788],{"type":22,"value":134},{"type":16,"tag":108,"props":16790,"children":16791},{"style":137},[16792],{"type":22,"value":16793},"\"password\"",{"type":16,"tag":108,"props":16795,"children":16796},{"style":126},[16797],{"type":22,"value":16798}," data-password-visibility-target",{"type":16,"tag":108,"props":16800,"children":16801},{"style":115},[16802],{"type":22,"value":134},{"type":16,"tag":108,"props":16804,"children":16805},{"style":137},[16806],{"type":22,"value":3364},{"type":16,"tag":108,"props":16808,"children":16809},{"style":126},[16810],{"type":22,"value":16811}," spellcheck",{"type":16,"tag":108,"props":16813,"children":16814},{"style":115},[16815],{"type":22,"value":134},{"type":16,"tag":108,"props":16817,"children":16818},{"style":137},[16819],{"type":22,"value":16820},"\"false\"",{"type":16,"tag":108,"props":16822,"children":16823},{"style":115},[16824],{"type":22,"value":5739},{"type":16,"tag":108,"props":16826,"children":16827},{"class":110,"line":315},[16828],{"type":16,"tag":108,"props":16829,"children":16830},{"emptyLinePlaceholder":477},[16831],{"type":22,"value":480},{"type":16,"tag":108,"props":16833,"children":16834},{"class":110,"line":333},[16835,16839,16843,16847,16851,16855,16859,16863,16868],{"type":16,"tag":108,"props":16836,"children":16837},{"style":115},[16838],{"type":22,"value":1737},{"type":16,"tag":108,"props":16840,"children":16841},{"style":121},[16842],{"type":22,"value":212},{"type":16,"tag":108,"props":16844,"children":16845},{"style":126},[16846],{"type":22,"value":217},{"type":16,"tag":108,"props":16848,"children":16849},{"style":115},[16850],{"type":22,"value":134},{"type":16,"tag":108,"props":16852,"children":16853},{"style":137},[16854],{"type":22,"value":226},{"type":16,"tag":108,"props":16856,"children":16857},{"style":126},[16858],{"type":22,"value":159},{"type":16,"tag":108,"props":16860,"children":16861},{"style":115},[16862],{"type":22,"value":134},{"type":16,"tag":108,"props":16864,"children":16865},{"style":137},[16866],{"type":22,"value":16867},"\"password-visibility#toggle\"",{"type":16,"tag":108,"props":16869,"children":16870},{"style":115},[16871],{"type":22,"value":182},{"type":16,"tag":108,"props":16873,"children":16874},{"class":110,"line":351},[16875,16879,16883,16887,16891,16896,16901,16905],{"type":16,"tag":108,"props":16876,"children":16877},{"style":115},[16878],{"type":22,"value":2556},{"type":16,"tag":108,"props":16880,"children":16881},{"style":121},[16882],{"type":22,"value":108},{"type":16,"tag":108,"props":16884,"children":16885},{"style":126},[16886],{"type":22,"value":16798},{"type":16,"tag":108,"props":16888,"children":16889},{"style":115},[16890],{"type":22,"value":134},{"type":16,"tag":108,"props":16892,"children":16893},{"style":137},[16894],{"type":22,"value":16895},"\"icon\"",{"type":16,"tag":108,"props":16897,"children":16898},{"style":115},[16899],{"type":22,"value":16900},">Eye\u003C/",{"type":16,"tag":108,"props":16902,"children":16903},{"style":121},[16904],{"type":22,"value":108},{"type":16,"tag":108,"props":16906,"children":16907},{"style":115},[16908],{"type":22,"value":182},{"type":16,"tag":108,"props":16910,"children":16911},{"class":110,"line":369},[16912,16916,16920,16924,16928,16932,16936,16940,16944,16949,16953],{"type":16,"tag":108,"props":16913,"children":16914},{"style":115},[16915],{"type":22,"value":2556},{"type":16,"tag":108,"props":16917,"children":16918},{"style":121},[16919],{"type":22,"value":108},{"type":16,"tag":108,"props":16921,"children":16922},{"style":126},[16923],{"type":22,"value":16798},{"type":16,"tag":108,"props":16925,"children":16926},{"style":115},[16927],{"type":22,"value":134},{"type":16,"tag":108,"props":16929,"children":16930},{"style":137},[16931],{"type":22,"value":16895},{"type":16,"tag":108,"props":16933,"children":16934},{"style":126},[16935],{"type":22,"value":498},{"type":16,"tag":108,"props":16937,"children":16938},{"style":115},[16939],{"type":22,"value":134},{"type":16,"tag":108,"props":16941,"children":16942},{"style":137},[16943],{"type":22,"value":8107},{"type":16,"tag":108,"props":16945,"children":16946},{"style":115},[16947],{"type":22,"value":16948},">Eye Slash\u003C/",{"type":16,"tag":108,"props":16950,"children":16951},{"style":121},[16952],{"type":22,"value":108},{"type":16,"tag":108,"props":16954,"children":16955},{"style":115},[16956],{"type":22,"value":182},{"type":16,"tag":108,"props":16958,"children":16959},{"class":110,"line":602},[16960,16964,16968],{"type":16,"tag":108,"props":16961,"children":16962},{"style":115},[16963],{"type":22,"value":1867},{"type":16,"tag":108,"props":16965,"children":16966},{"style":121},[16967],{"type":22,"value":212},{"type":16,"tag":108,"props":16969,"children":16970},{"style":115},[16971],{"type":22,"value":182},{"type":16,"tag":108,"props":16973,"children":16974},{"class":110,"line":611},[16975,16979,16983],{"type":16,"tag":108,"props":16976,"children":16977},{"style":115},[16978],{"type":22,"value":924},{"type":16,"tag":108,"props":16980,"children":16981},{"style":121},[16982],{"type":22,"value":929},{"type":16,"tag":108,"props":16984,"children":16985},{"style":115},[16986],{"type":22,"value":182},{"type":16,"tag":17,"props":16988,"children":16989},{"id":1224},[16990],{"type":22,"value":1227},{"type":16,"tag":1229,"props":16992,"children":16993},{},[16994,17016],{"type":16,"tag":1233,"props":16995,"children":16996},{},[16997],{"type":16,"tag":1237,"props":16998,"children":16999},{},[17000,17004,17008,17012],{"type":16,"tag":1241,"props":17001,"children":17002},{},[17003],{"type":22,"value":1245},{"type":16,"tag":1241,"props":17005,"children":17006},{},[17007],{"type":22,"value":1250},{"type":16,"tag":1241,"props":17009,"children":17010},{},[17011],{"type":22,"value":1255},{"type":16,"tag":1241,"props":17013,"children":17014},{},[17015],{"type":22,"value":1260},{"type":16,"tag":1262,"props":17017,"children":17018},{},[17019],{"type":16,"tag":1237,"props":17020,"children":17021},{},[17022,17031,17039,17044],{"type":16,"tag":1269,"props":17023,"children":17024},{},[17025],{"type":16,"tag":68,"props":17026,"children":17028},{"className":17027},[],[17029],{"type":22,"value":17030},"data-password-visibility-hidden-class",{"type":16,"tag":1269,"props":17032,"children":17033},{},[17034],{"type":16,"tag":68,"props":17035,"children":17037},{"className":17036},[],[17038],{"type":22,"value":11341},{"type":16,"tag":1269,"props":17040,"children":17041},{},[17042],{"type":22,"value":17043},"Class to toggle icons visibility.",{"type":16,"tag":1269,"props":17045,"children":17046},{},[17047],{"type":22,"value":1384},{"type":16,"tag":17,"props":17049,"children":17050},{"id":428},[17051],{"type":22,"value":431},{"type":16,"tag":428,"props":17053,"children":17054},{},[17055],{"type":16,"tag":93,"props":17056,"children":17058},{"tab-name":17057},"app/javascript/controllers/password_visibility_controller.js",[17059],{"type":16,"tag":98,"props":17060,"children":17062},{"className":441,"code":17061,"language":443,"meta":7,"style":7},"import PasswordVisibility from \"@stimulus-components/password-visibility\"\n\nexport default class extends PasswordVisibility {\n  connect() {\n    super.connect()\n\n    // Do what you want here.\n  }\n\n  toggle(event) {\n    super.toggle()\n\n    // Do what you want here\n  }\n}\n",[17063],{"type":16,"tag":68,"props":17064,"children":17065},{"__ignoreMap":7},[17066,17087,17094,17121,17132,17151,17158,17166,17173,17180,17199,17218,17225,17233,17240],{"type":16,"tag":108,"props":17067,"children":17068},{"class":110,"line":111},[17069,17073,17078,17082],{"type":16,"tag":108,"props":17070,"children":17071},{"style":453},[17072],{"type":22,"value":456},{"type":16,"tag":108,"props":17074,"children":17075},{"style":121},[17076],{"type":22,"value":17077}," PasswordVisibility",{"type":16,"tag":108,"props":17079,"children":17080},{"style":453},[17081],{"type":22,"value":466},{"type":16,"tag":108,"props":17083,"children":17084},{"style":137},[17085],{"type":22,"value":17086}," \"@stimulus-components/password-visibility\"\n",{"type":16,"tag":108,"props":17088,"children":17089},{"class":110,"line":297},[17090],{"type":16,"tag":108,"props":17091,"children":17092},{"emptyLinePlaceholder":477},[17093],{"type":22,"value":480},{"type":16,"tag":108,"props":17095,"children":17096},{"class":110,"line":315},[17097,17101,17105,17109,17113,17117],{"type":16,"tag":108,"props":17098,"children":17099},{"style":453},[17100],{"type":22,"value":488},{"type":16,"tag":108,"props":17102,"children":17103},{"style":453},[17104],{"type":22,"value":493},{"type":16,"tag":108,"props":17106,"children":17107},{"style":453},[17108],{"type":22,"value":498},{"type":16,"tag":108,"props":17110,"children":17111},{"style":453},[17112],{"type":22,"value":503},{"type":16,"tag":108,"props":17114,"children":17115},{"style":506},[17116],{"type":22,"value":17077},{"type":16,"tag":108,"props":17118,"children":17119},{"style":115},[17120],{"type":22,"value":513},{"type":16,"tag":108,"props":17122,"children":17123},{"class":110,"line":333},[17124,17128],{"type":16,"tag":108,"props":17125,"children":17126},{"style":519},[17127],{"type":22,"value":1525},{"type":16,"tag":108,"props":17129,"children":17130},{"style":115},[17131],{"type":22,"value":1530},{"type":16,"tag":108,"props":17133,"children":17134},{"class":110,"line":351},[17135,17139,17143,17147],{"type":16,"tag":108,"props":17136,"children":17137},{"style":544},[17138],{"type":22,"value":547},{"type":16,"tag":108,"props":17140,"children":17141},{"style":115},[17142],{"type":22,"value":46},{"type":16,"tag":108,"props":17144,"children":17145},{"style":519},[17146],{"type":22,"value":1546},{"type":16,"tag":108,"props":17148,"children":17149},{"style":115},[17150],{"type":22,"value":1551},{"type":16,"tag":108,"props":17152,"children":17153},{"class":110,"line":369},[17154],{"type":16,"tag":108,"props":17155,"children":17156},{"emptyLinePlaceholder":477},[17157],{"type":22,"value":480},{"type":16,"tag":108,"props":17159,"children":17160},{"class":110,"line":602},[17161],{"type":16,"tag":108,"props":17162,"children":17163},{"style":1798},[17164],{"type":22,"value":17165},"    // Do what you want here.\n",{"type":16,"tag":108,"props":17167,"children":17168},{"class":110,"line":611},[17169],{"type":16,"tag":108,"props":17170,"children":17171},{"style":115},[17172],{"type":22,"value":608},{"type":16,"tag":108,"props":17174,"children":17175},{"class":110,"line":619},[17176],{"type":16,"tag":108,"props":17177,"children":17178},{"emptyLinePlaceholder":477},[17179],{"type":22,"value":480},{"type":16,"tag":108,"props":17181,"children":17182},{"class":110,"line":640},[17183,17187,17191,17195],{"type":16,"tag":108,"props":17184,"children":17185},{"style":519},[17186],{"type":22,"value":12711},{"type":16,"tag":108,"props":17188,"children":17189},{"style":115},[17190],{"type":22,"value":527},{"type":16,"tag":108,"props":17192,"children":17193},{"style":530},[17194],{"type":22,"value":533},{"type":16,"tag":108,"props":17196,"children":17197},{"style":115},[17198],{"type":22,"value":538},{"type":16,"tag":108,"props":17200,"children":17201},{"class":110,"line":669},[17202,17206,17210,17214],{"type":16,"tag":108,"props":17203,"children":17204},{"style":544},[17205],{"type":22,"value":547},{"type":16,"tag":108,"props":17207,"children":17208},{"style":115},[17209],{"type":22,"value":46},{"type":16,"tag":108,"props":17211,"children":17212},{"style":519},[17213],{"type":22,"value":12739},{"type":16,"tag":108,"props":17215,"children":17216},{"style":115},[17217],{"type":22,"value":1551},{"type":16,"tag":108,"props":17219,"children":17220},{"class":110,"line":677},[17221],{"type":16,"tag":108,"props":17222,"children":17223},{"emptyLinePlaceholder":477},[17224],{"type":22,"value":480},{"type":16,"tag":108,"props":17226,"children":17227},{"class":110,"line":2008},[17228],{"type":16,"tag":108,"props":17229,"children":17230},{"style":1798},[17231],{"type":22,"value":17232},"    // Do what you want here\n",{"type":16,"tag":108,"props":17234,"children":17235},{"class":110,"line":785},[17236],{"type":16,"tag":108,"props":17237,"children":17238},{"style":115},[17239],{"type":22,"value":608},{"type":16,"tag":108,"props":17241,"children":17242},{"class":110,"line":2033},[17243],{"type":16,"tag":108,"props":17244,"children":17245},{"style":115},[17246],{"type":22,"value":683},{"type":16,"tag":685,"props":17248,"children":17249},{},[17250],{"type":22,"value":689},{"title":7,"searchDepth":297,"depth":297,"links":17252},[17253,17254,17255,17256,17257],{"id":19,"depth":297,"text":23},{"id":49,"depth":297,"text":52},{"id":58,"depth":297,"text":61},{"id":1224,"depth":297,"text":1227},{"id":428,"depth":297,"text":431},"content:docs:stimulus-password-visibility.md","docs/stimulus-password-visibility.md","docs/stimulus-password-visibility",{"_path":17262,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":17263,"description":17264,"package":17265,"packagePath":17266,"body":17267,"_type":696,"_id":18624,"_source":698,"_file":18625,"_stem":18626,"_extension":701},"/docs/stimulus-places-autocomplete","Places Autocomplete","A Stimulus controller for Google Places Autocomplete.","places-autocomplete","stimulus-places-autocomplete",{"type":13,"children":17268,"toc":18616},[17269,17273,17276,17282,17294,17412,17425,17594,17607,17611,18164,18168,18239,18244,18248,18612],{"type":16,"tag":17,"props":17270,"children":17271},{"id":19},[17272],{"type":22,"value":23},{"type":16,"tag":25,"props":17274,"children":17275},{":package":27,":package-path":28},[],{"type":16,"tag":3987,"props":17277,"children":17279},{"id":17278},"google-maps-callback",[17280],{"type":22,"value":17281},"Google Maps Callback",{"type":16,"tag":31,"props":17283,"children":17284},{},[17285,17287,17293],{"type":22,"value":17286},"Load the Google Maps Api JavaScript in your ",{"type":16,"tag":68,"props":17288,"children":17290},{"className":17289},[],[17291],{"type":22,"value":17292},"\u003Chead>",{"type":22,"value":1662},{"type":16,"tag":93,"props":17295,"children":17296},{"tab-name":95},[17297],{"type":16,"tag":98,"props":17298,"children":17300},{"className":100,"code":17299,"language":102,"meta":7,"style":7},"\u003Chead>\n  \u003Cscript\n    src=\"https://maps.googleapis.com/maps/api/js?key={your_key_here}&libraries=places&callback=initAutocomplete\"\n    async=\"\"\n    defer=\"\"\n  >\u003C/script>\n\u003C/head>\n",[17301],{"type":16,"tag":68,"props":17302,"children":17303},{"__ignoreMap":7},[17304,17320,17332,17349,17365,17381,17397],{"type":16,"tag":108,"props":17305,"children":17306},{"class":110,"line":111},[17307,17311,17316],{"type":16,"tag":108,"props":17308,"children":17309},{"style":115},[17310],{"type":22,"value":118},{"type":16,"tag":108,"props":17312,"children":17313},{"style":121},[17314],{"type":22,"value":17315},"head",{"type":16,"tag":108,"props":17317,"children":17318},{"style":115},[17319],{"type":22,"value":182},{"type":16,"tag":108,"props":17321,"children":17322},{"class":110,"line":297},[17323,17327],{"type":16,"tag":108,"props":17324,"children":17325},{"style":115},[17326],{"type":22,"value":1737},{"type":16,"tag":108,"props":17328,"children":17329},{"style":121},[17330],{"type":22,"value":17331},"script\n",{"type":16,"tag":108,"props":17333,"children":17334},{"class":110,"line":315},[17335,17340,17344],{"type":16,"tag":108,"props":17336,"children":17337},{"style":126},[17338],{"type":22,"value":17339},"    src",{"type":16,"tag":108,"props":17341,"children":17342},{"style":115},[17343],{"type":22,"value":134},{"type":16,"tag":108,"props":17345,"children":17346},{"style":137},[17347],{"type":22,"value":17348},"\"https://maps.googleapis.com/maps/api/js?key={your_key_here}&libraries=places&callback=initAutocomplete\"\n",{"type":16,"tag":108,"props":17350,"children":17351},{"class":110,"line":333},[17352,17357,17361],{"type":16,"tag":108,"props":17353,"children":17354},{"style":126},[17355],{"type":22,"value":17356},"    async",{"type":16,"tag":108,"props":17358,"children":17359},{"style":115},[17360],{"type":22,"value":134},{"type":16,"tag":108,"props":17362,"children":17363},{"style":137},[17364],{"type":22,"value":986},{"type":16,"tag":108,"props":17366,"children":17367},{"class":110,"line":351},[17368,17373,17377],{"type":16,"tag":108,"props":17369,"children":17370},{"style":126},[17371],{"type":22,"value":17372},"    defer",{"type":16,"tag":108,"props":17374,"children":17375},{"style":115},[17376],{"type":22,"value":134},{"type":16,"tag":108,"props":17378,"children":17379},{"style":137},[17380],{"type":22,"value":986},{"type":16,"tag":108,"props":17382,"children":17383},{"class":110,"line":369},[17384,17389,17393],{"type":16,"tag":108,"props":17385,"children":17386},{"style":115},[17387],{"type":22,"value":17388},"  >\u003C/",{"type":16,"tag":108,"props":17390,"children":17391},{"style":121},[17392],{"type":22,"value":16318},{"type":16,"tag":108,"props":17394,"children":17395},{"style":115},[17396],{"type":22,"value":182},{"type":16,"tag":108,"props":17398,"children":17399},{"class":110,"line":602},[17400,17404,17408],{"type":16,"tag":108,"props":17401,"children":17402},{"style":115},[17403],{"type":22,"value":924},{"type":16,"tag":108,"props":17405,"children":17406},{"style":121},[17407],{"type":22,"value":17315},{"type":16,"tag":108,"props":17409,"children":17410},{"style":115},[17411],{"type":22,"value":182},{"type":16,"tag":31,"props":17413,"children":17414},{},[17415,17417,17423],{"type":22,"value":17416},"Define a callback to trigger the ",{"type":16,"tag":68,"props":17418,"children":17420},{"className":17419},[],[17421],{"type":22,"value":17422},"PlacesAutocomplete",{"type":22,"value":17424}," controller in your views:",{"type":16,"tag":93,"props":17426,"children":17427},{"tab-name":95},[17428],{"type":16,"tag":98,"props":17429,"children":17431},{"className":441,"code":17430,"language":443,"meta":7,"style":7},"window.initAutocomplete = function () {\n  const event = new Event(\"google-maps-callback\", {\n    bubbles: true,\n    cancelable: true,\n  })\n\n  window.dispatchEvent(event)\n}\n",[17432],{"type":16,"tag":68,"props":17433,"children":17434},{"__ignoreMap":7},[17435,17466,17505,17525,17545,17552,17559,17587],{"type":16,"tag":108,"props":17436,"children":17437},{"class":110,"line":111},[17438,17443,17447,17452,17456,17461],{"type":16,"tag":108,"props":17439,"children":17440},{"style":506},[17441],{"type":22,"value":17442},"window",{"type":16,"tag":108,"props":17444,"children":17445},{"style":115},[17446],{"type":22,"value":46},{"type":16,"tag":108,"props":17448,"children":17449},{"style":519},[17450],{"type":22,"value":17451},"initAutocomplete",{"type":16,"tag":108,"props":17453,"children":17454},{"style":1654},[17455],{"type":22,"value":2201},{"type":16,"tag":108,"props":17457,"children":17458},{"style":453},[17459],{"type":22,"value":17460}," function",{"type":16,"tag":108,"props":17462,"children":17463},{"style":115},[17464],{"type":22,"value":17465}," () {\n",{"type":16,"tag":108,"props":17467,"children":17468},{"class":110,"line":297},[17469,17474,17478,17482,17486,17491,17495,17500],{"type":16,"tag":108,"props":17470,"children":17471},{"style":453},[17472],{"type":22,"value":17473},"  const",{"type":16,"tag":108,"props":17475,"children":17476},{"style":506},[17477],{"type":22,"value":16373},{"type":16,"tag":108,"props":17479,"children":17480},{"style":1654},[17481],{"type":22,"value":2201},{"type":16,"tag":108,"props":17483,"children":17484},{"style":453},[17485],{"type":22,"value":16382},{"type":16,"tag":108,"props":17487,"children":17488},{"style":519},[17489],{"type":22,"value":17490}," Event",{"type":16,"tag":108,"props":17492,"children":17493},{"style":115},[17494],{"type":22,"value":527},{"type":16,"tag":108,"props":17496,"children":17497},{"style":137},[17498],{"type":22,"value":17499},"\"google-maps-callback\"",{"type":16,"tag":108,"props":17501,"children":17502},{"style":115},[17503],{"type":22,"value":17504},", {\n",{"type":16,"tag":108,"props":17506,"children":17507},{"class":110,"line":315},[17508,17513,17517,17521],{"type":16,"tag":108,"props":17509,"children":17510},{"style":121},[17511],{"type":22,"value":17512},"    bubbles",{"type":16,"tag":108,"props":17514,"children":17515},{"style":115},[17516],{"type":22,"value":2231},{"type":16,"tag":108,"props":17518,"children":17519},{"style":126},[17520],{"type":22,"value":8590},{"type":16,"tag":108,"props":17522,"children":17523},{"style":115},[17524],{"type":22,"value":2241},{"type":16,"tag":108,"props":17526,"children":17527},{"class":110,"line":333},[17528,17533,17537,17541],{"type":16,"tag":108,"props":17529,"children":17530},{"style":121},[17531],{"type":22,"value":17532},"    cancelable",{"type":16,"tag":108,"props":17534,"children":17535},{"style":115},[17536],{"type":22,"value":2231},{"type":16,"tag":108,"props":17538,"children":17539},{"style":126},[17540],{"type":22,"value":8590},{"type":16,"tag":108,"props":17542,"children":17543},{"style":115},[17544],{"type":22,"value":2241},{"type":16,"tag":108,"props":17546,"children":17547},{"class":110,"line":351},[17548],{"type":16,"tag":108,"props":17549,"children":17550},{"style":115},[17551],{"type":22,"value":16444},{"type":16,"tag":108,"props":17553,"children":17554},{"class":110,"line":369},[17555],{"type":16,"tag":108,"props":17556,"children":17557},{"emptyLinePlaceholder":477},[17558],{"type":22,"value":480},{"type":16,"tag":108,"props":17560,"children":17561},{"class":110,"line":602},[17562,17567,17571,17575,17579,17583],{"type":16,"tag":108,"props":17563,"children":17564},{"style":506},[17565],{"type":22,"value":17566},"  window",{"type":16,"tag":108,"props":17568,"children":17569},{"style":115},[17570],{"type":22,"value":46},{"type":16,"tag":108,"props":17572,"children":17573},{"style":519},[17574],{"type":22,"value":16424},{"type":16,"tag":108,"props":17576,"children":17577},{"style":115},[17578],{"type":22,"value":527},{"type":16,"tag":108,"props":17580,"children":17581},{"style":121},[17582],{"type":22,"value":533},{"type":16,"tag":108,"props":17584,"children":17585},{"style":115},[17586],{"type":22,"value":569},{"type":16,"tag":108,"props":17588,"children":17589},{"class":110,"line":611},[17590],{"type":16,"tag":108,"props":17591,"children":17592},{"style":115},[17593],{"type":22,"value":683},{"type":16,"tag":31,"props":17595,"children":17596},{},[17597,17599,17605],{"type":22,"value":17598},"👉 Tip: You don't need this callback if you add the ",{"type":16,"tag":68,"props":17600,"children":17602},{"className":17601},[],[17603],{"type":22,"value":17604},"\u003Cdiv>",{"type":22,"value":17606}," asynchronously in your DOM.",{"type":16,"tag":17,"props":17608,"children":17609},{"id":58},[17610],{"type":22,"value":61},{"type":16,"tag":93,"props":17612,"children":17613},{"tab-name":95},[17614],{"type":16,"tag":98,"props":17615,"children":17617},{"className":100,"code":17616,"language":102,"meta":7,"style":7},"\u003Cdiv\n  data-controller=\"places-autocomplete\"\n  data-action=\"google-maps-callback@window->places-autocomplete#initAutocomplete\"\n  data-places-autocomplete-country-value='[\"fr\"]'\n>\n  \u003Cinput\n    type=\"text\"\n    data-action=\"keydown->places-autocomplete#preventSubmit\"\n    data-places-autocomplete-target=\"address\"\n    placeholder=\"Search a location\"\n  />\n\n  \u003Cinput type=\"hidden\" data-places-autocomplete-target=\"city\" />\n  \u003Cinput type=\"hidden\" data-places-autocomplete-target=\"streetNumber\" />\n  \u003Cinput type=\"hidden\" data-places-autocomplete-target=\"route\" />\n  \u003Cinput type=\"hidden\" data-places-autocomplete-target=\"county\" />\n  \u003Cinput type=\"hidden\" data-places-autocomplete-target=\"state\" />\n  \u003Cinput type=\"hidden\" data-places-autocomplete-target=\"postalCode\" />\n  \u003Cinput type=\"hidden\" data-places-autocomplete-target=\"country\" />\n\n  \u003Cinput type=\"hidden\" data-places-autocomplete-target=\"longitude\" />\n  \u003Cinput type=\"hidden\" data-places-autocomplete-target=\"latitude\" />\n\u003C/div>\n",[17618],{"type":16,"tag":68,"props":17619,"children":17620},{"__ignoreMap":7},[17621,17632,17648,17664,17681,17688,17699,17715,17732,17749,17766,17774,17781,17822,17862,17902,17942,17982,18022,18062,18069,18109,18149],{"type":16,"tag":108,"props":17622,"children":17623},{"class":110,"line":111},[17624,17628],{"type":16,"tag":108,"props":17625,"children":17626},{"style":115},[17627],{"type":22,"value":118},{"type":16,"tag":108,"props":17629,"children":17630},{"style":121},[17631],{"type":22,"value":834},{"type":16,"tag":108,"props":17633,"children":17634},{"class":110,"line":297},[17635,17639,17643],{"type":16,"tag":108,"props":17636,"children":17637},{"style":126},[17638],{"type":22,"value":321},{"type":16,"tag":108,"props":17640,"children":17641},{"style":115},[17642],{"type":22,"value":134},{"type":16,"tag":108,"props":17644,"children":17645},{"style":137},[17646],{"type":22,"value":17647},"\"places-autocomplete\"\n",{"type":16,"tag":108,"props":17649,"children":17650},{"class":110,"line":315},[17651,17655,17659],{"type":16,"tag":108,"props":17652,"children":17653},{"style":126},[17654],{"type":22,"value":339},{"type":16,"tag":108,"props":17656,"children":17657},{"style":115},[17658],{"type":22,"value":134},{"type":16,"tag":108,"props":17660,"children":17661},{"style":137},[17662],{"type":22,"value":17663},"\"google-maps-callback@window->places-autocomplete#initAutocomplete\"\n",{"type":16,"tag":108,"props":17665,"children":17666},{"class":110,"line":333},[17667,17672,17676],{"type":16,"tag":108,"props":17668,"children":17669},{"style":126},[17670],{"type":22,"value":17671},"  data-places-autocomplete-country-value",{"type":16,"tag":108,"props":17673,"children":17674},{"style":115},[17675],{"type":22,"value":134},{"type":16,"tag":108,"props":17677,"children":17678},{"style":137},[17679],{"type":22,"value":17680},"'[\"fr\"]'\n",{"type":16,"tag":108,"props":17682,"children":17683},{"class":110,"line":351},[17684],{"type":16,"tag":108,"props":17685,"children":17686},{"style":115},[17687],{"type":22,"value":182},{"type":16,"tag":108,"props":17689,"children":17690},{"class":110,"line":369},[17691,17695],{"type":16,"tag":108,"props":17692,"children":17693},{"style":115},[17694],{"type":22,"value":1737},{"type":16,"tag":108,"props":17696,"children":17697},{"style":121},[17698],{"type":22,"value":294},{"type":16,"tag":108,"props":17700,"children":17701},{"class":110,"line":602},[17702,17707,17711],{"type":16,"tag":108,"props":17703,"children":17704},{"style":126},[17705],{"type":22,"value":17706},"    type",{"type":16,"tag":108,"props":17708,"children":17709},{"style":115},[17710],{"type":22,"value":134},{"type":16,"tag":108,"props":17712,"children":17713},{"style":137},[17714],{"type":22,"value":312},{"type":16,"tag":108,"props":17716,"children":17717},{"class":110,"line":611},[17718,17723,17727],{"type":16,"tag":108,"props":17719,"children":17720},{"style":126},[17721],{"type":22,"value":17722},"    data-action",{"type":16,"tag":108,"props":17724,"children":17725},{"style":115},[17726],{"type":22,"value":134},{"type":16,"tag":108,"props":17728,"children":17729},{"style":137},[17730],{"type":22,"value":17731},"\"keydown->places-autocomplete#preventSubmit\"\n",{"type":16,"tag":108,"props":17733,"children":17734},{"class":110,"line":619},[17735,17740,17744],{"type":16,"tag":108,"props":17736,"children":17737},{"style":126},[17738],{"type":22,"value":17739},"    data-places-autocomplete-target",{"type":16,"tag":108,"props":17741,"children":17742},{"style":115},[17743],{"type":22,"value":134},{"type":16,"tag":108,"props":17745,"children":17746},{"style":137},[17747],{"type":22,"value":17748},"\"address\"\n",{"type":16,"tag":108,"props":17750,"children":17751},{"class":110,"line":640},[17752,17757,17761],{"type":16,"tag":108,"props":17753,"children":17754},{"style":126},[17755],{"type":22,"value":17756},"    placeholder",{"type":16,"tag":108,"props":17758,"children":17759},{"style":115},[17760],{"type":22,"value":134},{"type":16,"tag":108,"props":17762,"children":17763},{"style":137},[17764],{"type":22,"value":17765},"\"Search a location\"\n",{"type":16,"tag":108,"props":17767,"children":17768},{"class":110,"line":669},[17769],{"type":16,"tag":108,"props":17770,"children":17771},{"style":115},[17772],{"type":22,"value":17773},"  />\n",{"type":16,"tag":108,"props":17775,"children":17776},{"class":110,"line":677},[17777],{"type":16,"tag":108,"props":17778,"children":17779},{"emptyLinePlaceholder":477},[17780],{"type":22,"value":480},{"type":16,"tag":108,"props":17782,"children":17783},{"class":110,"line":2008},[17784,17788,17792,17796,17800,17804,17809,17813,17818],{"type":16,"tag":108,"props":17785,"children":17786},{"style":115},[17787],{"type":22,"value":1737},{"type":16,"tag":108,"props":17789,"children":17790},{"style":121},[17791],{"type":22,"value":73},{"type":16,"tag":108,"props":17793,"children":17794},{"style":126},[17795],{"type":22,"value":217},{"type":16,"tag":108,"props":17797,"children":17798},{"style":115},[17799],{"type":22,"value":134},{"type":16,"tag":108,"props":17801,"children":17802},{"style":137},[17803],{"type":22,"value":8107},{"type":16,"tag":108,"props":17805,"children":17806},{"style":126},[17807],{"type":22,"value":17808}," data-places-autocomplete-target",{"type":16,"tag":108,"props":17810,"children":17811},{"style":115},[17812],{"type":22,"value":134},{"type":16,"tag":108,"props":17814,"children":17815},{"style":137},[17816],{"type":22,"value":17817},"\"city\"",{"type":16,"tag":108,"props":17819,"children":17820},{"style":115},[17821],{"type":22,"value":5739},{"type":16,"tag":108,"props":17823,"children":17824},{"class":110,"line":785},[17825,17829,17833,17837,17841,17845,17849,17853,17858],{"type":16,"tag":108,"props":17826,"children":17827},{"style":115},[17828],{"type":22,"value":1737},{"type":16,"tag":108,"props":17830,"children":17831},{"style":121},[17832],{"type":22,"value":73},{"type":16,"tag":108,"props":17834,"children":17835},{"style":126},[17836],{"type":22,"value":217},{"type":16,"tag":108,"props":17838,"children":17839},{"style":115},[17840],{"type":22,"value":134},{"type":16,"tag":108,"props":17842,"children":17843},{"style":137},[17844],{"type":22,"value":8107},{"type":16,"tag":108,"props":17846,"children":17847},{"style":126},[17848],{"type":22,"value":17808},{"type":16,"tag":108,"props":17850,"children":17851},{"style":115},[17852],{"type":22,"value":134},{"type":16,"tag":108,"props":17854,"children":17855},{"style":137},[17856],{"type":22,"value":17857},"\"streetNumber\"",{"type":16,"tag":108,"props":17859,"children":17860},{"style":115},[17861],{"type":22,"value":5739},{"type":16,"tag":108,"props":17863,"children":17864},{"class":110,"line":2033},[17865,17869,17873,17877,17881,17885,17889,17893,17898],{"type":16,"tag":108,"props":17866,"children":17867},{"style":115},[17868],{"type":22,"value":1737},{"type":16,"tag":108,"props":17870,"children":17871},{"style":121},[17872],{"type":22,"value":73},{"type":16,"tag":108,"props":17874,"children":17875},{"style":126},[17876],{"type":22,"value":217},{"type":16,"tag":108,"props":17878,"children":17879},{"style":115},[17880],{"type":22,"value":134},{"type":16,"tag":108,"props":17882,"children":17883},{"style":137},[17884],{"type":22,"value":8107},{"type":16,"tag":108,"props":17886,"children":17887},{"style":126},[17888],{"type":22,"value":17808},{"type":16,"tag":108,"props":17890,"children":17891},{"style":115},[17892],{"type":22,"value":134},{"type":16,"tag":108,"props":17894,"children":17895},{"style":137},[17896],{"type":22,"value":17897},"\"route\"",{"type":16,"tag":108,"props":17899,"children":17900},{"style":115},[17901],{"type":22,"value":5739},{"type":16,"tag":108,"props":17903,"children":17904},{"class":110,"line":3198},[17905,17909,17913,17917,17921,17925,17929,17933,17938],{"type":16,"tag":108,"props":17906,"children":17907},{"style":115},[17908],{"type":22,"value":1737},{"type":16,"tag":108,"props":17910,"children":17911},{"style":121},[17912],{"type":22,"value":73},{"type":16,"tag":108,"props":17914,"children":17915},{"style":126},[17916],{"type":22,"value":217},{"type":16,"tag":108,"props":17918,"children":17919},{"style":115},[17920],{"type":22,"value":134},{"type":16,"tag":108,"props":17922,"children":17923},{"style":137},[17924],{"type":22,"value":8107},{"type":16,"tag":108,"props":17926,"children":17927},{"style":126},[17928],{"type":22,"value":17808},{"type":16,"tag":108,"props":17930,"children":17931},{"style":115},[17932],{"type":22,"value":134},{"type":16,"tag":108,"props":17934,"children":17935},{"style":137},[17936],{"type":22,"value":17937},"\"county\"",{"type":16,"tag":108,"props":17939,"children":17940},{"style":115},[17941],{"type":22,"value":5739},{"type":16,"tag":108,"props":17943,"children":17944},{"class":110,"line":3216},[17945,17949,17953,17957,17961,17965,17969,17973,17978],{"type":16,"tag":108,"props":17946,"children":17947},{"style":115},[17948],{"type":22,"value":1737},{"type":16,"tag":108,"props":17950,"children":17951},{"style":121},[17952],{"type":22,"value":73},{"type":16,"tag":108,"props":17954,"children":17955},{"style":126},[17956],{"type":22,"value":217},{"type":16,"tag":108,"props":17958,"children":17959},{"style":115},[17960],{"type":22,"value":134},{"type":16,"tag":108,"props":17962,"children":17963},{"style":137},[17964],{"type":22,"value":8107},{"type":16,"tag":108,"props":17966,"children":17967},{"style":126},[17968],{"type":22,"value":17808},{"type":16,"tag":108,"props":17970,"children":17971},{"style":115},[17972],{"type":22,"value":134},{"type":16,"tag":108,"props":17974,"children":17975},{"style":137},[17976],{"type":22,"value":17977},"\"state\"",{"type":16,"tag":108,"props":17979,"children":17980},{"style":115},[17981],{"type":22,"value":5739},{"type":16,"tag":108,"props":17983,"children":17984},{"class":110,"line":3229},[17985,17989,17993,17997,18001,18005,18009,18013,18018],{"type":16,"tag":108,"props":17986,"children":17987},{"style":115},[17988],{"type":22,"value":1737},{"type":16,"tag":108,"props":17990,"children":17991},{"style":121},[17992],{"type":22,"value":73},{"type":16,"tag":108,"props":17994,"children":17995},{"style":126},[17996],{"type":22,"value":217},{"type":16,"tag":108,"props":17998,"children":17999},{"style":115},[18000],{"type":22,"value":134},{"type":16,"tag":108,"props":18002,"children":18003},{"style":137},[18004],{"type":22,"value":8107},{"type":16,"tag":108,"props":18006,"children":18007},{"style":126},[18008],{"type":22,"value":17808},{"type":16,"tag":108,"props":18010,"children":18011},{"style":115},[18012],{"type":22,"value":134},{"type":16,"tag":108,"props":18014,"children":18015},{"style":137},[18016],{"type":22,"value":18017},"\"postalCode\"",{"type":16,"tag":108,"props":18019,"children":18020},{"style":115},[18021],{"type":22,"value":5739},{"type":16,"tag":108,"props":18023,"children":18024},{"class":110,"line":3238},[18025,18029,18033,18037,18041,18045,18049,18053,18058],{"type":16,"tag":108,"props":18026,"children":18027},{"style":115},[18028],{"type":22,"value":1737},{"type":16,"tag":108,"props":18030,"children":18031},{"style":121},[18032],{"type":22,"value":73},{"type":16,"tag":108,"props":18034,"children":18035},{"style":126},[18036],{"type":22,"value":217},{"type":16,"tag":108,"props":18038,"children":18039},{"style":115},[18040],{"type":22,"value":134},{"type":16,"tag":108,"props":18042,"children":18043},{"style":137},[18044],{"type":22,"value":8107},{"type":16,"tag":108,"props":18046,"children":18047},{"style":126},[18048],{"type":22,"value":17808},{"type":16,"tag":108,"props":18050,"children":18051},{"style":115},[18052],{"type":22,"value":134},{"type":16,"tag":108,"props":18054,"children":18055},{"style":137},[18056],{"type":22,"value":18057},"\"country\"",{"type":16,"tag":108,"props":18059,"children":18060},{"style":115},[18061],{"type":22,"value":5739},{"type":16,"tag":108,"props":18063,"children":18064},{"class":110,"line":3247},[18065],{"type":16,"tag":108,"props":18066,"children":18067},{"emptyLinePlaceholder":477},[18068],{"type":22,"value":480},{"type":16,"tag":108,"props":18070,"children":18071},{"class":110,"line":3255},[18072,18076,18080,18084,18088,18092,18096,18100,18105],{"type":16,"tag":108,"props":18073,"children":18074},{"style":115},[18075],{"type":22,"value":1737},{"type":16,"tag":108,"props":18077,"children":18078},{"style":121},[18079],{"type":22,"value":73},{"type":16,"tag":108,"props":18081,"children":18082},{"style":126},[18083],{"type":22,"value":217},{"type":16,"tag":108,"props":18085,"children":18086},{"style":115},[18087],{"type":22,"value":134},{"type":16,"tag":108,"props":18089,"children":18090},{"style":137},[18091],{"type":22,"value":8107},{"type":16,"tag":108,"props":18093,"children":18094},{"style":126},[18095],{"type":22,"value":17808},{"type":16,"tag":108,"props":18097,"children":18098},{"style":115},[18099],{"type":22,"value":134},{"type":16,"tag":108,"props":18101,"children":18102},{"style":137},[18103],{"type":22,"value":18104},"\"longitude\"",{"type":16,"tag":108,"props":18106,"children":18107},{"style":115},[18108],{"type":22,"value":5739},{"type":16,"tag":108,"props":18110,"children":18111},{"class":110,"line":4676},[18112,18116,18120,18124,18128,18132,18136,18140,18145],{"type":16,"tag":108,"props":18113,"children":18114},{"style":115},[18115],{"type":22,"value":1737},{"type":16,"tag":108,"props":18117,"children":18118},{"style":121},[18119],{"type":22,"value":73},{"type":16,"tag":108,"props":18121,"children":18122},{"style":126},[18123],{"type":22,"value":217},{"type":16,"tag":108,"props":18125,"children":18126},{"style":115},[18127],{"type":22,"value":134},{"type":16,"tag":108,"props":18129,"children":18130},{"style":137},[18131],{"type":22,"value":8107},{"type":16,"tag":108,"props":18133,"children":18134},{"style":126},[18135],{"type":22,"value":17808},{"type":16,"tag":108,"props":18137,"children":18138},{"style":115},[18139],{"type":22,"value":134},{"type":16,"tag":108,"props":18141,"children":18142},{"style":137},[18143],{"type":22,"value":18144},"\"latitude\"",{"type":16,"tag":108,"props":18146,"children":18147},{"style":115},[18148],{"type":22,"value":5739},{"type":16,"tag":108,"props":18150,"children":18151},{"class":110,"line":4685},[18152,18156,18160],{"type":16,"tag":108,"props":18153,"children":18154},{"style":115},[18155],{"type":22,"value":924},{"type":16,"tag":108,"props":18157,"children":18158},{"style":121},[18159],{"type":22,"value":929},{"type":16,"tag":108,"props":18161,"children":18162},{"style":115},[18163],{"type":22,"value":182},{"type":16,"tag":17,"props":18165,"children":18166},{"id":1224},[18167],{"type":22,"value":1227},{"type":16,"tag":1229,"props":18169,"children":18170},{},[18171,18193],{"type":16,"tag":1233,"props":18172,"children":18173},{},[18174],{"type":16,"tag":1237,"props":18175,"children":18176},{},[18177,18181,18185,18189],{"type":16,"tag":1241,"props":18178,"children":18179},{},[18180],{"type":22,"value":1245},{"type":16,"tag":1241,"props":18182,"children":18183},{},[18184],{"type":22,"value":1250},{"type":16,"tag":1241,"props":18186,"children":18187},{},[18188],{"type":22,"value":1255},{"type":16,"tag":1241,"props":18190,"children":18191},{},[18192],{"type":22,"value":1260},{"type":16,"tag":1262,"props":18194,"children":18195},{},[18196],{"type":16,"tag":1237,"props":18197,"children":18198},{},[18199,18208,18217,18235],{"type":16,"tag":1269,"props":18200,"children":18201},{},[18202],{"type":16,"tag":68,"props":18203,"children":18205},{"className":18204},[],[18206],{"type":22,"value":18207},"data-places-autocomplete-country-value",{"type":16,"tag":1269,"props":18209,"children":18210},{},[18211],{"type":16,"tag":68,"props":18212,"children":18214},{"className":18213},[],[18215],{"type":22,"value":18216},"[]",{"type":16,"tag":1269,"props":18218,"children":18219},{},[18220,18222,18226,18228,18234],{"type":22,"value":18221},"Array of countries the autocomplete is restricted to. ",{"type":16,"tag":18223,"props":18224,"children":18225},"br",{},[],{"type":22,"value":18227},"Must be parseable by ",{"type":16,"tag":68,"props":18229,"children":18231},{"className":18230},[],[18232],{"type":22,"value":18233},"JSON.parse",{"type":22,"value":46},{"type":16,"tag":1269,"props":18236,"children":18237},{},[18238],{"type":22,"value":1384},{"type":16,"tag":31,"props":18240,"children":18241},{},[18242],{"type":22,"value":18243},"If a target does not exist, it will be ignored.",{"type":16,"tag":17,"props":18245,"children":18246},{"id":428},[18247],{"type":22,"value":431},{"type":16,"tag":428,"props":18249,"children":18250},{},[18251],{"type":16,"tag":93,"props":18252,"children":18254},{"tab-name":18253},"app/javascript/controllers/places_autocomplete_controller.js",[18255],{"type":16,"tag":98,"props":18256,"children":18258},{"className":441,"code":18257,"language":443,"meta":7,"style":7},"import PlacesAutocomplete from \"stimulus-places-autocomplete\"\n\nexport default class extends PlacesAutocomplete {\n  connect() {\n    super.connect()\n    console.log(\"Do what you want here.\")\n\n    // The google.maps.places.Autocomplete instance.\n    this.autocomplete\n  }\n\n  // You can override the `initAutocomplete` method here.\n  initAutocomplete() {\n    super.initAutocomplete()\n  }\n\n  // You can override the `placeChanged` method here.\n  placeChanged() {\n    super.placeChanged()\n  }\n\n  // You can set the Autocomplete options in this getter.\n  get autocompleteOptions() {\n    return {\n      fields: [\"address_components\", \"geometry\"],\n    }\n  }\n}\n",[18259],{"type":16,"tag":68,"props":18260,"children":18261},{"__ignoreMap":7},[18262,18283,18290,18317,18328,18347,18374,18381,18389,18405,18412,18419,18427,18439,18458,18465,18472,18480,18492,18512,18519,18526,18534,18550,18561,18591,18598,18605],{"type":16,"tag":108,"props":18263,"children":18264},{"class":110,"line":111},[18265,18269,18274,18278],{"type":16,"tag":108,"props":18266,"children":18267},{"style":453},[18268],{"type":22,"value":456},{"type":16,"tag":108,"props":18270,"children":18271},{"style":121},[18272],{"type":22,"value":18273}," PlacesAutocomplete",{"type":16,"tag":108,"props":18275,"children":18276},{"style":453},[18277],{"type":22,"value":466},{"type":16,"tag":108,"props":18279,"children":18280},{"style":137},[18281],{"type":22,"value":18282}," \"stimulus-places-autocomplete\"\n",{"type":16,"tag":108,"props":18284,"children":18285},{"class":110,"line":297},[18286],{"type":16,"tag":108,"props":18287,"children":18288},{"emptyLinePlaceholder":477},[18289],{"type":22,"value":480},{"type":16,"tag":108,"props":18291,"children":18292},{"class":110,"line":315},[18293,18297,18301,18305,18309,18313],{"type":16,"tag":108,"props":18294,"children":18295},{"style":453},[18296],{"type":22,"value":488},{"type":16,"tag":108,"props":18298,"children":18299},{"style":453},[18300],{"type":22,"value":493},{"type":16,"tag":108,"props":18302,"children":18303},{"style":453},[18304],{"type":22,"value":498},{"type":16,"tag":108,"props":18306,"children":18307},{"style":453},[18308],{"type":22,"value":503},{"type":16,"tag":108,"props":18310,"children":18311},{"style":506},[18312],{"type":22,"value":18273},{"type":16,"tag":108,"props":18314,"children":18315},{"style":115},[18316],{"type":22,"value":513},{"type":16,"tag":108,"props":18318,"children":18319},{"class":110,"line":333},[18320,18324],{"type":16,"tag":108,"props":18321,"children":18322},{"style":519},[18323],{"type":22,"value":1525},{"type":16,"tag":108,"props":18325,"children":18326},{"style":115},[18327],{"type":22,"value":1530},{"type":16,"tag":108,"props":18329,"children":18330},{"class":110,"line":351},[18331,18335,18339,18343],{"type":16,"tag":108,"props":18332,"children":18333},{"style":544},[18334],{"type":22,"value":547},{"type":16,"tag":108,"props":18336,"children":18337},{"style":115},[18338],{"type":22,"value":46},{"type":16,"tag":108,"props":18340,"children":18341},{"style":519},[18342],{"type":22,"value":1546},{"type":16,"tag":108,"props":18344,"children":18345},{"style":115},[18346],{"type":22,"value":1551},{"type":16,"tag":108,"props":18348,"children":18349},{"class":110,"line":369},[18350,18354,18358,18362,18366,18370],{"type":16,"tag":108,"props":18351,"children":18352},{"style":506},[18353],{"type":22,"value":577},{"type":16,"tag":108,"props":18355,"children":18356},{"style":115},[18357],{"type":22,"value":46},{"type":16,"tag":108,"props":18359,"children":18360},{"style":519},[18361],{"type":22,"value":586},{"type":16,"tag":108,"props":18363,"children":18364},{"style":115},[18365],{"type":22,"value":527},{"type":16,"tag":108,"props":18367,"children":18368},{"style":137},[18369],{"type":22,"value":595},{"type":16,"tag":108,"props":18371,"children":18372},{"style":115},[18373],{"type":22,"value":569},{"type":16,"tag":108,"props":18375,"children":18376},{"class":110,"line":602},[18377],{"type":16,"tag":108,"props":18378,"children":18379},{"emptyLinePlaceholder":477},[18380],{"type":22,"value":480},{"type":16,"tag":108,"props":18382,"children":18383},{"class":110,"line":611},[18384],{"type":16,"tag":108,"props":18385,"children":18386},{"style":1798},[18387],{"type":22,"value":18388},"    // The google.maps.places.Autocomplete instance.\n",{"type":16,"tag":108,"props":18390,"children":18391},{"class":110,"line":619},[18392,18396,18400],{"type":16,"tag":108,"props":18393,"children":18394},{"style":506},[18395],{"type":22,"value":3133},{"type":16,"tag":108,"props":18397,"children":18398},{"style":115},[18399],{"type":22,"value":46},{"type":16,"tag":108,"props":18401,"children":18402},{"style":121},[18403],{"type":22,"value":18404},"autocomplete\n",{"type":16,"tag":108,"props":18406,"children":18407},{"class":110,"line":640},[18408],{"type":16,"tag":108,"props":18409,"children":18410},{"style":115},[18411],{"type":22,"value":608},{"type":16,"tag":108,"props":18413,"children":18414},{"class":110,"line":669},[18415],{"type":16,"tag":108,"props":18416,"children":18417},{"emptyLinePlaceholder":477},[18418],{"type":22,"value":480},{"type":16,"tag":108,"props":18420,"children":18421},{"class":110,"line":677},[18422],{"type":16,"tag":108,"props":18423,"children":18424},{"style":1798},[18425],{"type":22,"value":18426},"  // You can override the `initAutocomplete` method here.\n",{"type":16,"tag":108,"props":18428,"children":18429},{"class":110,"line":2008},[18430,18435],{"type":16,"tag":108,"props":18431,"children":18432},{"style":519},[18433],{"type":22,"value":18434},"  initAutocomplete",{"type":16,"tag":108,"props":18436,"children":18437},{"style":115},[18438],{"type":22,"value":1530},{"type":16,"tag":108,"props":18440,"children":18441},{"class":110,"line":785},[18442,18446,18450,18454],{"type":16,"tag":108,"props":18443,"children":18444},{"style":544},[18445],{"type":22,"value":547},{"type":16,"tag":108,"props":18447,"children":18448},{"style":115},[18449],{"type":22,"value":46},{"type":16,"tag":108,"props":18451,"children":18452},{"style":519},[18453],{"type":22,"value":17451},{"type":16,"tag":108,"props":18455,"children":18456},{"style":115},[18457],{"type":22,"value":1551},{"type":16,"tag":108,"props":18459,"children":18460},{"class":110,"line":2033},[18461],{"type":16,"tag":108,"props":18462,"children":18463},{"style":115},[18464],{"type":22,"value":608},{"type":16,"tag":108,"props":18466,"children":18467},{"class":110,"line":3198},[18468],{"type":16,"tag":108,"props":18469,"children":18470},{"emptyLinePlaceholder":477},[18471],{"type":22,"value":480},{"type":16,"tag":108,"props":18473,"children":18474},{"class":110,"line":3216},[18475],{"type":16,"tag":108,"props":18476,"children":18477},{"style":1798},[18478],{"type":22,"value":18479},"  // You can override the `placeChanged` method here.\n",{"type":16,"tag":108,"props":18481,"children":18482},{"class":110,"line":3229},[18483,18488],{"type":16,"tag":108,"props":18484,"children":18485},{"style":519},[18486],{"type":22,"value":18487},"  placeChanged",{"type":16,"tag":108,"props":18489,"children":18490},{"style":115},[18491],{"type":22,"value":1530},{"type":16,"tag":108,"props":18493,"children":18494},{"class":110,"line":3238},[18495,18499,18503,18508],{"type":16,"tag":108,"props":18496,"children":18497},{"style":544},[18498],{"type":22,"value":547},{"type":16,"tag":108,"props":18500,"children":18501},{"style":115},[18502],{"type":22,"value":46},{"type":16,"tag":108,"props":18504,"children":18505},{"style":519},[18506],{"type":22,"value":18507},"placeChanged",{"type":16,"tag":108,"props":18509,"children":18510},{"style":115},[18511],{"type":22,"value":1551},{"type":16,"tag":108,"props":18513,"children":18514},{"class":110,"line":3247},[18515],{"type":16,"tag":108,"props":18516,"children":18517},{"style":115},[18518],{"type":22,"value":608},{"type":16,"tag":108,"props":18520,"children":18521},{"class":110,"line":3255},[18522],{"type":16,"tag":108,"props":18523,"children":18524},{"emptyLinePlaceholder":477},[18525],{"type":22,"value":480},{"type":16,"tag":108,"props":18527,"children":18528},{"class":110,"line":4676},[18529],{"type":16,"tag":108,"props":18530,"children":18531},{"style":1798},[18532],{"type":22,"value":18533},"  // You can set the Autocomplete options in this getter.\n",{"type":16,"tag":108,"props":18535,"children":18536},{"class":110,"line":4685},[18537,18541,18546],{"type":16,"tag":108,"props":18538,"children":18539},{"style":453},[18540],{"type":22,"value":3204},{"type":16,"tag":108,"props":18542,"children":18543},{"style":519},[18544],{"type":22,"value":18545}," autocompleteOptions",{"type":16,"tag":108,"props":18547,"children":18548},{"style":115},[18549],{"type":22,"value":1530},{"type":16,"tag":108,"props":18551,"children":18552},{"class":110,"line":5319},[18553,18557],{"type":16,"tag":108,"props":18554,"children":18555},{"style":453},[18556],{"type":22,"value":3222},{"type":16,"tag":108,"props":18558,"children":18559},{"style":115},[18560],{"type":22,"value":513},{"type":16,"tag":108,"props":18562,"children":18563},{"class":110,"line":5348},[18564,18569,18573,18578,18582,18587],{"type":16,"tag":108,"props":18565,"children":18566},{"style":121},[18567],{"type":22,"value":18568},"      fields",{"type":16,"tag":108,"props":18570,"children":18571},{"style":115},[18572],{"type":22,"value":13020},{"type":16,"tag":108,"props":18574,"children":18575},{"style":137},[18576],{"type":22,"value":18577},"\"address_components\"",{"type":16,"tag":108,"props":18579,"children":18580},{"style":115},[18581],{"type":22,"value":397},{"type":16,"tag":108,"props":18583,"children":18584},{"style":137},[18585],{"type":22,"value":18586},"\"geometry\"",{"type":16,"tag":108,"props":18588,"children":18589},{"style":115},[18590],{"type":22,"value":4378},{"type":16,"tag":108,"props":18592,"children":18593},{"class":110,"line":5356},[18594],{"type":16,"tag":108,"props":18595,"children":18596},{"style":115},[18597],{"type":22,"value":3244},{"type":16,"tag":108,"props":18599,"children":18600},{"class":110,"line":5364},[18601],{"type":16,"tag":108,"props":18602,"children":18603},{"style":115},[18604],{"type":22,"value":608},{"type":16,"tag":108,"props":18606,"children":18607},{"class":110,"line":5373},[18608],{"type":16,"tag":108,"props":18609,"children":18610},{"style":115},[18611],{"type":22,"value":683},{"type":16,"tag":685,"props":18613,"children":18614},{},[18615],{"type":22,"value":689},{"title":7,"searchDepth":297,"depth":297,"links":18617},[18618,18621,18622,18623],{"id":19,"depth":297,"text":23,"children":18619},[18620],{"id":17278,"depth":315,"text":17281},{"id":58,"depth":297,"text":61},{"id":1224,"depth":297,"text":1227},{"id":428,"depth":297,"text":431},"content:docs:stimulus-places-autocomplete.md","docs/stimulus-places-autocomplete.md","docs/stimulus-places-autocomplete",{"_path":18628,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":18629,"description":18630,"package":18631,"packagePath":18632,"body":18633,"_type":696,"_id":19542,"_source":698,"_file":19543,"_stem":19544,"_extension":701},"/docs/stimulus-popover","Popover","A Stimulus controller to deal with HTML popover.","popover","@stimulus-components/popover",{"type":13,"children":18634,"toc":19532},[18635,18639,18642,18646,18649,18653,18659,18663,18771,18775,18840,18845,18986,18998,19076,19082,19307,19311,19367,19384,19388,19528],{"type":16,"tag":17,"props":18636,"children":18637},{"id":19},[18638],{"type":22,"value":23},{"type":16,"tag":25,"props":18640,"children":18641},{":package":27,":package-path":28},[],{"type":16,"tag":17,"props":18643,"children":18644},{"id":49},[18645],{"type":22,"value":52},{"type":16,"tag":18631,"props":18647,"children":18648},{},[],{"type":16,"tag":17,"props":18650,"children":18651},{"id":58},[18652],{"type":22,"value":61},{"type":16,"tag":3987,"props":18654,"children":18656},{"id":18655},"with-remote-content",[18657],{"type":22,"value":18658},"With remote content",{"type":16,"tag":31,"props":18660,"children":18661},{},[18662],{"type":22,"value":6448},{"type":16,"tag":93,"props":18664,"children":18665},{"tab-name":6451},[18666],{"type":16,"tag":98,"props":18667,"children":18669},{"className":4258,"code":18668,"language":4260,"meta":7,"style":7},"class UsersController \u003C ApplicationController\n  def card\n    render partial: 'users/card', locals: { user: @user }\n  end\nend\n",[18670],{"type":16,"tag":68,"props":18671,"children":18672},{"__ignoreMap":7},[18673,18692,18704,18757,18764],{"type":16,"tag":108,"props":18674,"children":18675},{"class":110,"line":111},[18676,18680,18684,18688],{"type":16,"tag":108,"props":18677,"children":18678},{"style":453},[18679],{"type":22,"value":4272},{"type":16,"tag":108,"props":18681,"children":18682},{"style":506},[18683],{"type":22,"value":6471},{"type":16,"tag":108,"props":18685,"children":18686},{"style":115},[18687],{"type":22,"value":4282},{"type":16,"tag":108,"props":18689,"children":18690},{"style":506},[18691],{"type":22,"value":4287},{"type":16,"tag":108,"props":18693,"children":18694},{"class":110,"line":297},[18695,18699],{"type":16,"tag":108,"props":18696,"children":18697},{"style":453},[18698],{"type":22,"value":4295},{"type":16,"tag":108,"props":18700,"children":18701},{"style":519},[18702],{"type":22,"value":18703}," card\n",{"type":16,"tag":108,"props":18705,"children":18706},{"class":110,"line":315},[18707,18711,18715,18719,18724,18728,18732,18736,18740,18744,18748,18752],{"type":16,"tag":108,"props":18708,"children":18709},{"style":115},[18710],{"type":22,"value":9766},{"type":16,"tag":108,"props":18712,"children":18713},{"style":1654},[18714],{"type":22,"value":9771},{"type":16,"tag":108,"props":18716,"children":18717},{"style":126},[18718],{"type":22,"value":1662},{"type":16,"tag":108,"props":18720,"children":18721},{"style":137},[18722],{"type":22,"value":18723}," 'users/card'",{"type":16,"tag":108,"props":18725,"children":18726},{"style":115},[18727],{"type":22,"value":397},{"type":16,"tag":108,"props":18729,"children":18730},{"style":1654},[18731],{"type":22,"value":9789},{"type":16,"tag":108,"props":18733,"children":18734},{"style":126},[18735],{"type":22,"value":1662},{"type":16,"tag":108,"props":18737,"children":18738},{"style":115},[18739],{"type":22,"value":1685},{"type":16,"tag":108,"props":18741,"children":18742},{"style":1654},[18743],{"type":22,"value":6611},{"type":16,"tag":108,"props":18745,"children":18746},{"style":126},[18747],{"type":22,"value":1662},{"type":16,"tag":108,"props":18749,"children":18750},{"style":121},[18751],{"type":22,"value":6696},{"type":16,"tag":108,"props":18753,"children":18754},{"style":115},[18755],{"type":22,"value":18756}," }\n",{"type":16,"tag":108,"props":18758,"children":18759},{"class":110,"line":333},[18760],{"type":16,"tag":108,"props":18761,"children":18762},{"style":453},[18763],{"type":22,"value":4682},{"type":16,"tag":108,"props":18765,"children":18766},{"class":110,"line":351},[18767],{"type":16,"tag":108,"props":18768,"children":18769},{"style":453},[18770],{"type":22,"value":4691},{"type":16,"tag":31,"props":18772,"children":18773},{},[18774],{"type":22,"value":9835},{"type":16,"tag":93,"props":18776,"children":18777},{"tab-name":9838},[18778],{"type":16,"tag":98,"props":18779,"children":18781},{"className":4258,"code":18780,"language":4260,"meta":7,"style":7},"Rails.application.routes.draw do\n  get :card, to: 'users#card'\nend\n",[18782],{"type":16,"tag":68,"props":18783,"children":18784},{"__ignoreMap":7},[18785,18800,18833],{"type":16,"tag":108,"props":18786,"children":18787},{"class":110,"line":111},[18788,18792,18796],{"type":16,"tag":108,"props":18789,"children":18790},{"style":506},[18791],{"type":22,"value":9854},{"type":16,"tag":108,"props":18793,"children":18794},{"style":115},[18795],{"type":22,"value":9859},{"type":16,"tag":108,"props":18797,"children":18798},{"style":453},[18799],{"type":22,"value":9864},{"type":16,"tag":108,"props":18801,"children":18802},{"class":110,"line":297},[18803,18807,18811,18816,18820,18824,18828],{"type":16,"tag":108,"props":18804,"children":18805},{"style":115},[18806],{"type":22,"value":9872},{"type":16,"tag":108,"props":18808,"children":18809},{"style":126},[18810],{"type":22,"value":1662},{"type":16,"tag":108,"props":18812,"children":18813},{"style":1654},[18814],{"type":22,"value":18815},"card",{"type":16,"tag":108,"props":18817,"children":18818},{"style":115},[18819],{"type":22,"value":397},{"type":16,"tag":108,"props":18821,"children":18822},{"style":1654},[18823],{"type":22,"value":9889},{"type":16,"tag":108,"props":18825,"children":18826},{"style":126},[18827],{"type":22,"value":1662},{"type":16,"tag":108,"props":18829,"children":18830},{"style":137},[18831],{"type":22,"value":18832}," 'users#card'\n",{"type":16,"tag":108,"props":18834,"children":18835},{"class":110,"line":315},[18836],{"type":16,"tag":108,"props":18837,"children":18838},{"style":453},[18839],{"type":22,"value":4691},{"type":16,"tag":31,"props":18841,"children":18842},{},[18843],{"type":22,"value":18844},"With server rendered content on the fly:",{"type":16,"tag":93,"props":18846,"children":18847},{"tab-name":5583},[18848],{"type":16,"tag":98,"props":18849,"children":18851},{"className":1632,"code":18850,"language":1634,"meta":7,"style":7},"\u003Cdiv data-controller=\"popover\" data-popover-url-value=\"\u003C%= card_path %>\">\n  You can load popover with AJAX. For instance, this is my\n  \u003Ca href=\"/profile\" data-action=\"mouseenter->popover#show mouseleave->popover#hide\">profile card\u003C/a>\n\u003C/div>\n",[18852],{"type":16,"tag":68,"props":18853,"children":18854},{"__ignoreMap":7},[18855,18913,18921,18971],{"type":16,"tag":108,"props":18856,"children":18857},{"class":110,"line":111},[18858,18862,18866,18870,18874,18879,18884,18888,18892,18896,18901,18905,18909],{"type":16,"tag":108,"props":18859,"children":18860},{"style":115},[18861],{"type":22,"value":118},{"type":16,"tag":108,"props":18863,"children":18864},{"style":121},[18865],{"type":22,"value":929},{"type":16,"tag":108,"props":18867,"children":18868},{"style":126},[18869],{"type":22,"value":145},{"type":16,"tag":108,"props":18871,"children":18872},{"style":115},[18873],{"type":22,"value":134},{"type":16,"tag":108,"props":18875,"children":18876},{"style":137},[18877],{"type":22,"value":18878},"\"popover\"",{"type":16,"tag":108,"props":18880,"children":18881},{"style":126},[18882],{"type":22,"value":18883}," data-popover-url-value",{"type":16,"tag":108,"props":18885,"children":18886},{"style":115},[18887],{"type":22,"value":134},{"type":16,"tag":108,"props":18889,"children":18890},{"style":137},[18891],{"type":22,"value":4743},{"type":16,"tag":108,"props":18893,"children":18894},{"style":453},[18895],{"type":22,"value":1646},{"type":16,"tag":108,"props":18897,"children":18898},{"style":115},[18899],{"type":22,"value":18900}," card_path ",{"type":16,"tag":108,"props":18902,"children":18903},{"style":453},[18904],{"type":22,"value":4762},{"type":16,"tag":108,"props":18906,"children":18907},{"style":137},[18908],{"type":22,"value":4743},{"type":16,"tag":108,"props":18910,"children":18911},{"style":115},[18912],{"type":22,"value":182},{"type":16,"tag":108,"props":18914,"children":18915},{"class":110,"line":297},[18916],{"type":16,"tag":108,"props":18917,"children":18918},{"style":115},[18919],{"type":22,"value":18920},"  You can load popover with AJAX. For instance, this is my\n",{"type":16,"tag":108,"props":18922,"children":18923},{"class":110,"line":315},[18924,18928,18932,18936,18940,18945,18949,18953,18958,18963,18967],{"type":16,"tag":108,"props":18925,"children":18926},{"style":115},[18927],{"type":22,"value":1737},{"type":16,"tag":108,"props":18929,"children":18930},{"style":121},[18931],{"type":22,"value":37},{"type":16,"tag":108,"props":18933,"children":18934},{"style":126},[18935],{"type":22,"value":129},{"type":16,"tag":108,"props":18937,"children":18938},{"style":115},[18939],{"type":22,"value":134},{"type":16,"tag":108,"props":18941,"children":18942},{"style":137},[18943],{"type":22,"value":18944},"\"/profile\"",{"type":16,"tag":108,"props":18946,"children":18947},{"style":126},[18948],{"type":22,"value":159},{"type":16,"tag":108,"props":18950,"children":18951},{"style":115},[18952],{"type":22,"value":134},{"type":16,"tag":108,"props":18954,"children":18955},{"style":137},[18956],{"type":22,"value":18957},"\"mouseenter->popover#show mouseleave->popover#hide\"",{"type":16,"tag":108,"props":18959,"children":18960},{"style":115},[18961],{"type":22,"value":18962},">profile card\u003C/",{"type":16,"tag":108,"props":18964,"children":18965},{"style":121},[18966],{"type":22,"value":37},{"type":16,"tag":108,"props":18968,"children":18969},{"style":115},[18970],{"type":22,"value":182},{"type":16,"tag":108,"props":18972,"children":18973},{"class":110,"line":333},[18974,18978,18982],{"type":16,"tag":108,"props":18975,"children":18976},{"style":115},[18977],{"type":22,"value":924},{"type":16,"tag":108,"props":18979,"children":18980},{"style":121},[18981],{"type":22,"value":929},{"type":16,"tag":108,"props":18983,"children":18984},{"style":115},[18985],{"type":22,"value":182},{"type":16,"tag":31,"props":18987,"children":18988},{},[18989,18991,18997],{"type":22,"value":18990},"In the card partial ",{"type":16,"tag":68,"props":18992,"children":18994},{"className":18993},[],[18995],{"type":22,"value":18996},"app/views/users/_card.html.erb",{"type":22,"value":1662},{"type":16,"tag":93,"props":18999,"children":19000},{"tab-name":18996},[19001],{"type":16,"tag":98,"props":19002,"children":19004},{"className":100,"code":19003,"language":102,"meta":7,"style":7},"\u003Cdiv data-popover-target=\"card\">\n  \u003Cp>This content is loaded with AJAX.\u003C/p>\n\u003C/div>\n",[19005],{"type":16,"tag":68,"props":19006,"children":19007},{"__ignoreMap":7},[19008,19037,19061],{"type":16,"tag":108,"props":19009,"children":19010},{"class":110,"line":111},[19011,19015,19019,19024,19028,19033],{"type":16,"tag":108,"props":19012,"children":19013},{"style":115},[19014],{"type":22,"value":118},{"type":16,"tag":108,"props":19016,"children":19017},{"style":121},[19018],{"type":22,"value":929},{"type":16,"tag":108,"props":19020,"children":19021},{"style":126},[19022],{"type":22,"value":19023}," data-popover-target",{"type":16,"tag":108,"props":19025,"children":19026},{"style":115},[19027],{"type":22,"value":134},{"type":16,"tag":108,"props":19029,"children":19030},{"style":137},[19031],{"type":22,"value":19032},"\"card\"",{"type":16,"tag":108,"props":19034,"children":19035},{"style":115},[19036],{"type":22,"value":182},{"type":16,"tag":108,"props":19038,"children":19039},{"class":110,"line":297},[19040,19044,19048,19053,19057],{"type":16,"tag":108,"props":19041,"children":19042},{"style":115},[19043],{"type":22,"value":1737},{"type":16,"tag":108,"props":19045,"children":19046},{"style":121},[19047],{"type":22,"value":31},{"type":16,"tag":108,"props":19049,"children":19050},{"style":115},[19051],{"type":22,"value":19052},">This content is loaded with AJAX.\u003C/",{"type":16,"tag":108,"props":19054,"children":19055},{"style":121},[19056],{"type":22,"value":31},{"type":16,"tag":108,"props":19058,"children":19059},{"style":115},[19060],{"type":22,"value":182},{"type":16,"tag":108,"props":19062,"children":19063},{"class":110,"line":315},[19064,19068,19072],{"type":16,"tag":108,"props":19065,"children":19066},{"style":115},[19067],{"type":22,"value":924},{"type":16,"tag":108,"props":19069,"children":19070},{"style":121},[19071],{"type":22,"value":929},{"type":16,"tag":108,"props":19073,"children":19074},{"style":115},[19075],{"type":22,"value":182},{"type":16,"tag":3987,"props":19077,"children":19079},{"id":19078},"with-local-template",[19080],{"type":22,"value":19081},"With local template",{"type":16,"tag":93,"props":19083,"children":19084},{"tab-name":95},[19085],{"type":16,"tag":98,"props":19086,"children":19088},{"className":100,"code":19087,"language":102,"meta":7,"style":7},"\u003Cdiv data-controller=\"popover\">\n  This is my GitHub card available on\n  \u003Ca href=\"/profile\" data-action=\"mouseenter->popover#show mouseleave->popover#hide\"> GitHub \u003C/a>\n\n  \u003Ctemplate data-popover-target=\"content\">\n    \u003Cdiv data-popover-target=\"card\">\n      \u003Cp>This content is in a hidden template.\u003C/p>\n    \u003C/div>\n  \u003C/template>\n\u003C/div>\n",[19089],{"type":16,"tag":68,"props":19090,"children":19091},{"__ignoreMap":7},[19092,19119,19127,19175,19182,19211,19238,19262,19277,19292],{"type":16,"tag":108,"props":19093,"children":19094},{"class":110,"line":111},[19095,19099,19103,19107,19111,19115],{"type":16,"tag":108,"props":19096,"children":19097},{"style":115},[19098],{"type":22,"value":118},{"type":16,"tag":108,"props":19100,"children":19101},{"style":121},[19102],{"type":22,"value":929},{"type":16,"tag":108,"props":19104,"children":19105},{"style":126},[19106],{"type":22,"value":145},{"type":16,"tag":108,"props":19108,"children":19109},{"style":115},[19110],{"type":22,"value":134},{"type":16,"tag":108,"props":19112,"children":19113},{"style":137},[19114],{"type":22,"value":18878},{"type":16,"tag":108,"props":19116,"children":19117},{"style":115},[19118],{"type":22,"value":182},{"type":16,"tag":108,"props":19120,"children":19121},{"class":110,"line":297},[19122],{"type":16,"tag":108,"props":19123,"children":19124},{"style":115},[19125],{"type":22,"value":19126},"  This is my GitHub card available on\n",{"type":16,"tag":108,"props":19128,"children":19129},{"class":110,"line":315},[19130,19134,19138,19142,19146,19150,19154,19158,19162,19167,19171],{"type":16,"tag":108,"props":19131,"children":19132},{"style":115},[19133],{"type":22,"value":1737},{"type":16,"tag":108,"props":19135,"children":19136},{"style":121},[19137],{"type":22,"value":37},{"type":16,"tag":108,"props":19139,"children":19140},{"style":126},[19141],{"type":22,"value":129},{"type":16,"tag":108,"props":19143,"children":19144},{"style":115},[19145],{"type":22,"value":134},{"type":16,"tag":108,"props":19147,"children":19148},{"style":137},[19149],{"type":22,"value":18944},{"type":16,"tag":108,"props":19151,"children":19152},{"style":126},[19153],{"type":22,"value":159},{"type":16,"tag":108,"props":19155,"children":19156},{"style":115},[19157],{"type":22,"value":134},{"type":16,"tag":108,"props":19159,"children":19160},{"style":137},[19161],{"type":22,"value":18957},{"type":16,"tag":108,"props":19163,"children":19164},{"style":115},[19165],{"type":22,"value":19166},"> GitHub \u003C/",{"type":16,"tag":108,"props":19168,"children":19169},{"style":121},[19170],{"type":22,"value":37},{"type":16,"tag":108,"props":19172,"children":19173},{"style":115},[19174],{"type":22,"value":182},{"type":16,"tag":108,"props":19176,"children":19177},{"class":110,"line":333},[19178],{"type":16,"tag":108,"props":19179,"children":19180},{"emptyLinePlaceholder":477},[19181],{"type":22,"value":480},{"type":16,"tag":108,"props":19183,"children":19184},{"class":110,"line":351},[19185,19189,19194,19198,19202,19207],{"type":16,"tag":108,"props":19186,"children":19187},{"style":115},[19188],{"type":22,"value":1737},{"type":16,"tag":108,"props":19190,"children":19191},{"style":121},[19192],{"type":22,"value":19193},"template",{"type":16,"tag":108,"props":19195,"children":19196},{"style":126},[19197],{"type":22,"value":19023},{"type":16,"tag":108,"props":19199,"children":19200},{"style":115},[19201],{"type":22,"value":134},{"type":16,"tag":108,"props":19203,"children":19204},{"style":137},[19205],{"type":22,"value":19206},"\"content\"",{"type":16,"tag":108,"props":19208,"children":19209},{"style":115},[19210],{"type":22,"value":182},{"type":16,"tag":108,"props":19212,"children":19213},{"class":110,"line":369},[19214,19218,19222,19226,19230,19234],{"type":16,"tag":108,"props":19215,"children":19216},{"style":115},[19217],{"type":22,"value":2556},{"type":16,"tag":108,"props":19219,"children":19220},{"style":121},[19221],{"type":22,"value":929},{"type":16,"tag":108,"props":19223,"children":19224},{"style":126},[19225],{"type":22,"value":19023},{"type":16,"tag":108,"props":19227,"children":19228},{"style":115},[19229],{"type":22,"value":134},{"type":16,"tag":108,"props":19231,"children":19232},{"style":137},[19233],{"type":22,"value":19032},{"type":16,"tag":108,"props":19235,"children":19236},{"style":115},[19237],{"type":22,"value":182},{"type":16,"tag":108,"props":19239,"children":19240},{"class":110,"line":602},[19241,19245,19249,19254,19258],{"type":16,"tag":108,"props":19242,"children":19243},{"style":115},[19244],{"type":22,"value":5657},{"type":16,"tag":108,"props":19246,"children":19247},{"style":121},[19248],{"type":22,"value":31},{"type":16,"tag":108,"props":19250,"children":19251},{"style":115},[19252],{"type":22,"value":19253},">This content is in a hidden template.\u003C/",{"type":16,"tag":108,"props":19255,"children":19256},{"style":121},[19257],{"type":22,"value":31},{"type":16,"tag":108,"props":19259,"children":19260},{"style":115},[19261],{"type":22,"value":182},{"type":16,"tag":108,"props":19263,"children":19264},{"class":110,"line":611},[19265,19269,19273],{"type":16,"tag":108,"props":19266,"children":19267},{"style":115},[19268],{"type":22,"value":6283},{"type":16,"tag":108,"props":19270,"children":19271},{"style":121},[19272],{"type":22,"value":929},{"type":16,"tag":108,"props":19274,"children":19275},{"style":115},[19276],{"type":22,"value":182},{"type":16,"tag":108,"props":19278,"children":19279},{"class":110,"line":619},[19280,19284,19288],{"type":16,"tag":108,"props":19281,"children":19282},{"style":115},[19283],{"type":22,"value":1867},{"type":16,"tag":108,"props":19285,"children":19286},{"style":121},[19287],{"type":22,"value":19193},{"type":16,"tag":108,"props":19289,"children":19290},{"style":115},[19291],{"type":22,"value":182},{"type":16,"tag":108,"props":19293,"children":19294},{"class":110,"line":640},[19295,19299,19303],{"type":16,"tag":108,"props":19296,"children":19297},{"style":115},[19298],{"type":22,"value":924},{"type":16,"tag":108,"props":19300,"children":19301},{"style":121},[19302],{"type":22,"value":929},{"type":16,"tag":108,"props":19304,"children":19305},{"style":115},[19306],{"type":22,"value":182},{"type":16,"tag":17,"props":19308,"children":19309},{"id":1224},[19310],{"type":22,"value":1227},{"type":16,"tag":1229,"props":19312,"children":19313},{},[19314,19336],{"type":16,"tag":1233,"props":19315,"children":19316},{},[19317],{"type":16,"tag":1237,"props":19318,"children":19319},{},[19320,19324,19328,19332],{"type":16,"tag":1241,"props":19321,"children":19322},{},[19323],{"type":22,"value":1245},{"type":16,"tag":1241,"props":19325,"children":19326},{},[19327],{"type":22,"value":1250},{"type":16,"tag":1241,"props":19329,"children":19330},{},[19331],{"type":22,"value":1255},{"type":16,"tag":1241,"props":19333,"children":19334},{},[19335],{"type":22,"value":1260},{"type":16,"tag":1262,"props":19337,"children":19338},{},[19339],{"type":16,"tag":1237,"props":19340,"children":19341},{},[19342,19351,19359,19363],{"type":16,"tag":1269,"props":19343,"children":19344},{},[19345],{"type":16,"tag":68,"props":19346,"children":19348},{"className":19347},[],[19349],{"type":22,"value":19350},"data-popover-url-value",{"type":16,"tag":1269,"props":19352,"children":19353},{},[19354],{"type":16,"tag":68,"props":19355,"children":19357},{"className":19356},[],[19358],{"type":22,"value":1286},{"type":16,"tag":1269,"props":19360,"children":19361},{},[19362],{"type":22,"value":10625},{"type":16,"tag":1269,"props":19364,"children":19365},{},[19366],{"type":22,"value":1384},{"type":16,"tag":31,"props":19368,"children":19369},{},[19370,19375,19377,19382],{"type":16,"tag":87,"props":19371,"children":19372},{},[19373],{"type":22,"value":19374},"Important note",{"type":22,"value":19376},": It's up to ",{"type":16,"tag":87,"props":19378,"children":19379},{},[19380],{"type":22,"value":19381},"you",{"type":22,"value":19383}," to provide the popover style!",{"type":16,"tag":17,"props":19385,"children":19386},{"id":428},[19387],{"type":22,"value":431},{"type":16,"tag":428,"props":19389,"children":19390},{},[19391],{"type":16,"tag":93,"props":19392,"children":19394},{"tab-name":19393},"app/javascript/controllers/popover_controller.js",[19395],{"type":16,"tag":98,"props":19396,"children":19398},{"className":441,"code":19397,"language":443,"meta":7,"style":7},"import Popover from \"@stimulus-components/popover\"\n\nexport default class extends Popover {\n  connect() {\n    super.connect()\n    console.log(\"Do what you want here.\")\n  }\n}\n",[19399],{"type":16,"tag":68,"props":19400,"children":19401},{"__ignoreMap":7},[19402,19423,19430,19457,19468,19487,19514,19521],{"type":16,"tag":108,"props":19403,"children":19404},{"class":110,"line":111},[19405,19409,19414,19418],{"type":16,"tag":108,"props":19406,"children":19407},{"style":453},[19408],{"type":22,"value":456},{"type":16,"tag":108,"props":19410,"children":19411},{"style":121},[19412],{"type":22,"value":19413}," Popover",{"type":16,"tag":108,"props":19415,"children":19416},{"style":453},[19417],{"type":22,"value":466},{"type":16,"tag":108,"props":19419,"children":19420},{"style":137},[19421],{"type":22,"value":19422}," \"@stimulus-components/popover\"\n",{"type":16,"tag":108,"props":19424,"children":19425},{"class":110,"line":297},[19426],{"type":16,"tag":108,"props":19427,"children":19428},{"emptyLinePlaceholder":477},[19429],{"type":22,"value":480},{"type":16,"tag":108,"props":19431,"children":19432},{"class":110,"line":315},[19433,19437,19441,19445,19449,19453],{"type":16,"tag":108,"props":19434,"children":19435},{"style":453},[19436],{"type":22,"value":488},{"type":16,"tag":108,"props":19438,"children":19439},{"style":453},[19440],{"type":22,"value":493},{"type":16,"tag":108,"props":19442,"children":19443},{"style":453},[19444],{"type":22,"value":498},{"type":16,"tag":108,"props":19446,"children":19447},{"style":453},[19448],{"type":22,"value":503},{"type":16,"tag":108,"props":19450,"children":19451},{"style":506},[19452],{"type":22,"value":19413},{"type":16,"tag":108,"props":19454,"children":19455},{"style":115},[19456],{"type":22,"value":513},{"type":16,"tag":108,"props":19458,"children":19459},{"class":110,"line":333},[19460,19464],{"type":16,"tag":108,"props":19461,"children":19462},{"style":519},[19463],{"type":22,"value":1525},{"type":16,"tag":108,"props":19465,"children":19466},{"style":115},[19467],{"type":22,"value":1530},{"type":16,"tag":108,"props":19469,"children":19470},{"class":110,"line":351},[19471,19475,19479,19483],{"type":16,"tag":108,"props":19472,"children":19473},{"style":544},[19474],{"type":22,"value":547},{"type":16,"tag":108,"props":19476,"children":19477},{"style":115},[19478],{"type":22,"value":46},{"type":16,"tag":108,"props":19480,"children":19481},{"style":519},[19482],{"type":22,"value":1546},{"type":16,"tag":108,"props":19484,"children":19485},{"style":115},[19486],{"type":22,"value":1551},{"type":16,"tag":108,"props":19488,"children":19489},{"class":110,"line":369},[19490,19494,19498,19502,19506,19510],{"type":16,"tag":108,"props":19491,"children":19492},{"style":506},[19493],{"type":22,"value":577},{"type":16,"tag":108,"props":19495,"children":19496},{"style":115},[19497],{"type":22,"value":46},{"type":16,"tag":108,"props":19499,"children":19500},{"style":519},[19501],{"type":22,"value":586},{"type":16,"tag":108,"props":19503,"children":19504},{"style":115},[19505],{"type":22,"value":527},{"type":16,"tag":108,"props":19507,"children":19508},{"style":137},[19509],{"type":22,"value":595},{"type":16,"tag":108,"props":19511,"children":19512},{"style":115},[19513],{"type":22,"value":569},{"type":16,"tag":108,"props":19515,"children":19516},{"class":110,"line":602},[19517],{"type":16,"tag":108,"props":19518,"children":19519},{"style":115},[19520],{"type":22,"value":608},{"type":16,"tag":108,"props":19522,"children":19523},{"class":110,"line":611},[19524],{"type":16,"tag":108,"props":19525,"children":19526},{"style":115},[19527],{"type":22,"value":683},{"type":16,"tag":685,"props":19529,"children":19530},{},[19531],{"type":22,"value":689},{"title":7,"searchDepth":297,"depth":297,"links":19533},[19534,19535,19536,19540,19541],{"id":19,"depth":297,"text":23},{"id":49,"depth":297,"text":52},{"id":58,"depth":297,"text":61,"children":19537},[19538,19539],{"id":18655,"depth":315,"text":18658},{"id":19078,"depth":315,"text":19081},{"id":1224,"depth":297,"text":1227},{"id":428,"depth":297,"text":431},"content:docs:stimulus-popover.md","docs/stimulus-popover.md","docs/stimulus-popover",{"_path":19546,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":19547,"description":19548,"package":19549,"packagePath":19550,"body":19551,"_type":696,"_id":19796,"_source":698,"_file":19797,"_stem":19798,"_extension":701},"/docs/stimulus-prefetch","Prefetch","A Stimulus controller that prefetch in-viewport links.","prefetch","@stimulus-components/prefetch",{"type":13,"children":19552,"toc":19791},[19553,19561,19565,19568,19572,19633,19643,19647,19787],{"type":16,"tag":2390,"props":19554,"children":19555},{},[19556],{"type":16,"tag":31,"props":19557,"children":19558},{},[19559],{"type":22,"value":19560},"If you have Turbo >=8 enabled in your app, you don't need this component because it's now a built-in feature.",{"type":16,"tag":17,"props":19562,"children":19563},{"id":19},[19564],{"type":22,"value":23},{"type":16,"tag":25,"props":19566,"children":19567},{":package":27,":package-path":28},[],{"type":16,"tag":17,"props":19569,"children":19570},{"id":58},[19571],{"type":22,"value":61},{"type":16,"tag":93,"props":19573,"children":19574},{"tab-name":95},[19575],{"type":16,"tag":98,"props":19576,"children":19578},{"className":100,"code":19577,"language":102,"meta":7,"style":7},"\u003Ca href=\"/about\" data-controller=\"prefetch\">About\u003C/a>.\n",[19579],{"type":16,"tag":68,"props":19580,"children":19581},{"__ignoreMap":7},[19582],{"type":16,"tag":108,"props":19583,"children":19584},{"class":110,"line":111},[19585,19589,19593,19597,19601,19606,19610,19614,19619,19624,19628],{"type":16,"tag":108,"props":19586,"children":19587},{"style":115},[19588],{"type":22,"value":118},{"type":16,"tag":108,"props":19590,"children":19591},{"style":121},[19592],{"type":22,"value":37},{"type":16,"tag":108,"props":19594,"children":19595},{"style":126},[19596],{"type":22,"value":129},{"type":16,"tag":108,"props":19598,"children":19599},{"style":115},[19600],{"type":22,"value":134},{"type":16,"tag":108,"props":19602,"children":19603},{"style":137},[19604],{"type":22,"value":19605},"\"/about\"",{"type":16,"tag":108,"props":19607,"children":19608},{"style":126},[19609],{"type":22,"value":145},{"type":16,"tag":108,"props":19611,"children":19612},{"style":115},[19613],{"type":22,"value":134},{"type":16,"tag":108,"props":19615,"children":19616},{"style":137},[19617],{"type":22,"value":19618},"\"prefetch\"",{"type":16,"tag":108,"props":19620,"children":19621},{"style":115},[19622],{"type":22,"value":19623},">About\u003C/",{"type":16,"tag":108,"props":19625,"children":19626},{"style":121},[19627],{"type":22,"value":37},{"type":16,"tag":108,"props":19629,"children":19630},{"style":115},[19631],{"type":22,"value":19632},">.\n",{"type":16,"tag":31,"props":19634,"children":19635},{},[19636,19641],{"type":16,"tag":87,"props":19637,"children":19638},{},[19639],{"type":22,"value":19640},"Note",{"type":22,"value":19642},": To improve performance, links will only be prefetched if they are in the viewport and if the user isn't on a slow connection.",{"type":16,"tag":17,"props":19644,"children":19645},{"id":428},[19646],{"type":22,"value":431},{"type":16,"tag":428,"props":19648,"children":19649},{},[19650],{"type":16,"tag":93,"props":19651,"children":19653},{"tab-name":19652},"app/javascript/controllers/prefetch_controller.js",[19654],{"type":16,"tag":98,"props":19655,"children":19657},{"className":441,"code":19656,"language":443,"meta":7,"style":7},"import Prefetch from \"@stimulus-components/prefetch\"\n\nexport default class extends Prefetch {\n  connect() {\n    super.connect()\n    console.log(\"Do what you want here.\")\n  }\n}\n",[19658],{"type":16,"tag":68,"props":19659,"children":19660},{"__ignoreMap":7},[19661,19682,19689,19716,19727,19746,19773,19780],{"type":16,"tag":108,"props":19662,"children":19663},{"class":110,"line":111},[19664,19668,19673,19677],{"type":16,"tag":108,"props":19665,"children":19666},{"style":453},[19667],{"type":22,"value":456},{"type":16,"tag":108,"props":19669,"children":19670},{"style":121},[19671],{"type":22,"value":19672}," Prefetch",{"type":16,"tag":108,"props":19674,"children":19675},{"style":453},[19676],{"type":22,"value":466},{"type":16,"tag":108,"props":19678,"children":19679},{"style":137},[19680],{"type":22,"value":19681}," \"@stimulus-components/prefetch\"\n",{"type":16,"tag":108,"props":19683,"children":19684},{"class":110,"line":297},[19685],{"type":16,"tag":108,"props":19686,"children":19687},{"emptyLinePlaceholder":477},[19688],{"type":22,"value":480},{"type":16,"tag":108,"props":19690,"children":19691},{"class":110,"line":315},[19692,19696,19700,19704,19708,19712],{"type":16,"tag":108,"props":19693,"children":19694},{"style":453},[19695],{"type":22,"value":488},{"type":16,"tag":108,"props":19697,"children":19698},{"style":453},[19699],{"type":22,"value":493},{"type":16,"tag":108,"props":19701,"children":19702},{"style":453},[19703],{"type":22,"value":498},{"type":16,"tag":108,"props":19705,"children":19706},{"style":453},[19707],{"type":22,"value":503},{"type":16,"tag":108,"props":19709,"children":19710},{"style":506},[19711],{"type":22,"value":19672},{"type":16,"tag":108,"props":19713,"children":19714},{"style":115},[19715],{"type":22,"value":513},{"type":16,"tag":108,"props":19717,"children":19718},{"class":110,"line":333},[19719,19723],{"type":16,"tag":108,"props":19720,"children":19721},{"style":519},[19722],{"type":22,"value":1525},{"type":16,"tag":108,"props":19724,"children":19725},{"style":115},[19726],{"type":22,"value":1530},{"type":16,"tag":108,"props":19728,"children":19729},{"class":110,"line":351},[19730,19734,19738,19742],{"type":16,"tag":108,"props":19731,"children":19732},{"style":544},[19733],{"type":22,"value":547},{"type":16,"tag":108,"props":19735,"children":19736},{"style":115},[19737],{"type":22,"value":46},{"type":16,"tag":108,"props":19739,"children":19740},{"style":519},[19741],{"type":22,"value":1546},{"type":16,"tag":108,"props":19743,"children":19744},{"style":115},[19745],{"type":22,"value":1551},{"type":16,"tag":108,"props":19747,"children":19748},{"class":110,"line":369},[19749,19753,19757,19761,19765,19769],{"type":16,"tag":108,"props":19750,"children":19751},{"style":506},[19752],{"type":22,"value":577},{"type":16,"tag":108,"props":19754,"children":19755},{"style":115},[19756],{"type":22,"value":46},{"type":16,"tag":108,"props":19758,"children":19759},{"style":519},[19760],{"type":22,"value":586},{"type":16,"tag":108,"props":19762,"children":19763},{"style":115},[19764],{"type":22,"value":527},{"type":16,"tag":108,"props":19766,"children":19767},{"style":137},[19768],{"type":22,"value":595},{"type":16,"tag":108,"props":19770,"children":19771},{"style":115},[19772],{"type":22,"value":569},{"type":16,"tag":108,"props":19774,"children":19775},{"class":110,"line":602},[19776],{"type":16,"tag":108,"props":19777,"children":19778},{"style":115},[19779],{"type":22,"value":608},{"type":16,"tag":108,"props":19781,"children":19782},{"class":110,"line":611},[19783],{"type":16,"tag":108,"props":19784,"children":19785},{"style":115},[19786],{"type":22,"value":683},{"type":16,"tag":685,"props":19788,"children":19789},{},[19790],{"type":22,"value":689},{"title":7,"searchDepth":297,"depth":297,"links":19792},[19793,19794,19795],{"id":19,"depth":297,"text":23},{"id":58,"depth":297,"text":61},{"id":428,"depth":297,"text":431},"content:docs:stimulus-prefetch.md","docs/stimulus-prefetch.md","docs/stimulus-prefetch",{"_path":19800,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":19801,"description":19802,"package":19803,"packagePath":19804,"body":19805,"_type":696,"_id":21276,"_source":698,"_file":21277,"_stem":21278,"_extension":701},"/docs/stimulus-rails-nested-form","Rails Nested Form","A Stimulus controller to create new fields on the fly to populate your Rails relationship with accepts_nested_attributes_for.","rails-nested-form","@stimulus-components/rails-nested-form",{"type":13,"children":19806,"toc":21268},[19807,19819,19823,19834,19838,19842,19846,19850,19853,19857,19861,20019,20023,20256,20292,20815,21032,21053,21057,21115,21120,21124,21264],{"type":16,"tag":31,"props":19808,"children":19809},{},[19810,19817],{"type":16,"tag":37,"props":19811,"children":19814},{"href":19812,"rel":19813},"https://apidock.com/rails/ActiveRecord/NestedAttributes/ClassMethods",[41],[19815],{"type":22,"value":19816},"Nested attributes",{"type":22,"value":19818}," allow you to save attributes on associated records through the parent.",{"type":16,"tag":17,"props":19820,"children":19821},{"id":5515},[19822],{"type":22,"value":5518},{"type":16,"tag":31,"props":19824,"children":19825},{},[19826,19833],{"type":16,"tag":37,"props":19827,"children":19830},{"href":19828,"rel":19829},"https://x.com/deaniocom",[41],[19831],{"type":22,"value":19832},"Dean DeHart",{"type":22,"value":5539},{"type":16,"tag":5553,"props":19835,"children":19837},{"id":19836},"7JNRZLTRDCc",[],{"type":16,"tag":17,"props":19839,"children":19840},{"id":19},[19841],{"type":22,"value":23},{"type":16,"tag":25,"props":19843,"children":19845},{":package":27,":package-path":28,"controller-name":19844},"nested-form",[],{"type":16,"tag":17,"props":19847,"children":19848},{"id":49},[19849],{"type":22,"value":52},{"type":16,"tag":19803,"props":19851,"children":19852},{},[],{"type":16,"tag":17,"props":19854,"children":19855},{"id":58},[19856],{"type":22,"value":61},{"type":16,"tag":31,"props":19858,"children":19859},{},[19860],{"type":22,"value":6332},{"type":16,"tag":93,"props":19862,"children":19863},{"tab-name":6335},[19864],{"type":16,"tag":98,"props":19865,"children":19867},{"className":4258,"code":19866,"language":4260,"meta":7,"style":7},"class User \u003C ApplicationRecord\n  has_many :todos\n  accepts_nested_attributes_for :todos, reject_if: :all_blank, allow_destroy: true\nend\n\nclass Todo \u003C ApplicationRecord\n  belongs_to :user\nend\n",[19868],{"type":16,"tag":68,"props":19869,"children":19870},{"__ignoreMap":7},[19871,19890,19906,19963,19970,19977,19997,20012],{"type":16,"tag":108,"props":19872,"children":19873},{"class":110,"line":111},[19874,19878,19882,19886],{"type":16,"tag":108,"props":19875,"children":19876},{"style":453},[19877],{"type":22,"value":4272},{"type":16,"tag":108,"props":19879,"children":19880},{"style":506},[19881],{"type":22,"value":6355},{"type":16,"tag":108,"props":19883,"children":19884},{"style":115},[19885],{"type":22,"value":4282},{"type":16,"tag":108,"props":19887,"children":19888},{"style":506},[19889],{"type":22,"value":6364},{"type":16,"tag":108,"props":19891,"children":19892},{"class":110,"line":297},[19893,19897,19901],{"type":16,"tag":108,"props":19894,"children":19895},{"style":115},[19896],{"type":22,"value":6372},{"type":16,"tag":108,"props":19898,"children":19899},{"style":126},[19900],{"type":22,"value":1662},{"type":16,"tag":108,"props":19902,"children":19903},{"style":1654},[19904],{"type":22,"value":19905},"todos\n",{"type":16,"tag":108,"props":19907,"children":19908},{"class":110,"line":315},[19909,19914,19918,19923,19927,19932,19936,19941,19946,19950,19955,19959],{"type":16,"tag":108,"props":19910,"children":19911},{"style":115},[19912],{"type":22,"value":19913},"  accepts_nested_attributes_for ",{"type":16,"tag":108,"props":19915,"children":19916},{"style":126},[19917],{"type":22,"value":1662},{"type":16,"tag":108,"props":19919,"children":19920},{"style":1654},[19921],{"type":22,"value":19922},"todos",{"type":16,"tag":108,"props":19924,"children":19925},{"style":115},[19926],{"type":22,"value":397},{"type":16,"tag":108,"props":19928,"children":19929},{"style":1654},[19930],{"type":22,"value":19931},"reject_if",{"type":16,"tag":108,"props":19933,"children":19934},{"style":126},[19935],{"type":22,"value":1662},{"type":16,"tag":108,"props":19937,"children":19938},{"style":126},[19939],{"type":22,"value":19940}," :",{"type":16,"tag":108,"props":19942,"children":19943},{"style":1654},[19944],{"type":22,"value":19945},"all_blank",{"type":16,"tag":108,"props":19947,"children":19948},{"style":115},[19949],{"type":22,"value":397},{"type":16,"tag":108,"props":19951,"children":19952},{"style":1654},[19953],{"type":22,"value":19954},"allow_destroy",{"type":16,"tag":108,"props":19956,"children":19957},{"style":126},[19958],{"type":22,"value":1662},{"type":16,"tag":108,"props":19960,"children":19961},{"style":126},[19962],{"type":22,"value":4642},{"type":16,"tag":108,"props":19964,"children":19965},{"class":110,"line":333},[19966],{"type":16,"tag":108,"props":19967,"children":19968},{"style":453},[19969],{"type":22,"value":4691},{"type":16,"tag":108,"props":19971,"children":19972},{"class":110,"line":351},[19973],{"type":16,"tag":108,"props":19974,"children":19975},{"emptyLinePlaceholder":477},[19976],{"type":22,"value":480},{"type":16,"tag":108,"props":19978,"children":19979},{"class":110,"line":369},[19980,19984,19989,19993],{"type":16,"tag":108,"props":19981,"children":19982},{"style":453},[19983],{"type":22,"value":4272},{"type":16,"tag":108,"props":19985,"children":19986},{"style":506},[19987],{"type":22,"value":19988}," Todo",{"type":16,"tag":108,"props":19990,"children":19991},{"style":115},[19992],{"type":22,"value":4282},{"type":16,"tag":108,"props":19994,"children":19995},{"style":506},[19996],{"type":22,"value":6364},{"type":16,"tag":108,"props":19998,"children":19999},{"class":110,"line":602},[20000,20004,20008],{"type":16,"tag":108,"props":20001,"children":20002},{"style":115},[20003],{"type":22,"value":6427},{"type":16,"tag":108,"props":20005,"children":20006},{"style":126},[20007],{"type":22,"value":1662},{"type":16,"tag":108,"props":20009,"children":20010},{"style":1654},[20011],{"type":22,"value":6436},{"type":16,"tag":108,"props":20013,"children":20014},{"class":110,"line":611},[20015],{"type":16,"tag":108,"props":20016,"children":20017},{"style":453},[20018],{"type":22,"value":4691},{"type":16,"tag":31,"props":20020,"children":20021},{},[20022],{"type":22,"value":6448},{"type":16,"tag":93,"props":20024,"children":20025},{"tab-name":6451},[20026],{"type":16,"tag":98,"props":20027,"children":20029},{"className":4258,"code":20028,"language":4260,"meta":7,"style":7},"class UsersController \u003C ApplicationController\n  def update\n    if user.update(user_params)\n      redirect_to users_path\n    else\n      render :edit\n    end\n  end\n\n  private\n\n  def user_params\n    params\n      .require(:user)\n       .permit(\n         todos_attributes: [:id, :_destroy, :description]\n       )\n  end\nend\n",[20030],{"type":16,"tag":68,"props":20031,"children":20032},{"__ignoreMap":7},[20033,20052,20063,20074,20081,20088,20103,20110,20117,20124,20131,20138,20149,20156,20175,20182,20235,20242,20249],{"type":16,"tag":108,"props":20034,"children":20035},{"class":110,"line":111},[20036,20040,20044,20048],{"type":16,"tag":108,"props":20037,"children":20038},{"style":453},[20039],{"type":22,"value":4272},{"type":16,"tag":108,"props":20041,"children":20042},{"style":506},[20043],{"type":22,"value":6471},{"type":16,"tag":108,"props":20045,"children":20046},{"style":115},[20047],{"type":22,"value":4282},{"type":16,"tag":108,"props":20049,"children":20050},{"style":506},[20051],{"type":22,"value":4287},{"type":16,"tag":108,"props":20053,"children":20054},{"class":110,"line":297},[20055,20059],{"type":16,"tag":108,"props":20056,"children":20057},{"style":453},[20058],{"type":22,"value":4295},{"type":16,"tag":108,"props":20060,"children":20061},{"style":519},[20062],{"type":22,"value":6491},{"type":16,"tag":108,"props":20064,"children":20065},{"class":110,"line":315},[20066,20070],{"type":16,"tag":108,"props":20067,"children":20068},{"style":453},[20069],{"type":22,"value":6499},{"type":16,"tag":108,"props":20071,"children":20072},{"style":115},[20073],{"type":22,"value":6504},{"type":16,"tag":108,"props":20075,"children":20076},{"class":110,"line":333},[20077],{"type":16,"tag":108,"props":20078,"children":20079},{"style":115},[20080],{"type":22,"value":6512},{"type":16,"tag":108,"props":20082,"children":20083},{"class":110,"line":351},[20084],{"type":16,"tag":108,"props":20085,"children":20086},{"style":453},[20087],{"type":22,"value":6520},{"type":16,"tag":108,"props":20089,"children":20090},{"class":110,"line":369},[20091,20095,20099],{"type":16,"tag":108,"props":20092,"children":20093},{"style":115},[20094],{"type":22,"value":6528},{"type":16,"tag":108,"props":20096,"children":20097},{"style":126},[20098],{"type":22,"value":1662},{"type":16,"tag":108,"props":20100,"children":20101},{"style":1654},[20102],{"type":22,"value":6537},{"type":16,"tag":108,"props":20104,"children":20105},{"class":110,"line":602},[20106],{"type":16,"tag":108,"props":20107,"children":20108},{"style":453},[20109],{"type":22,"value":6545},{"type":16,"tag":108,"props":20111,"children":20112},{"class":110,"line":611},[20113],{"type":16,"tag":108,"props":20114,"children":20115},{"style":453},[20116],{"type":22,"value":4682},{"type":16,"tag":108,"props":20118,"children":20119},{"class":110,"line":619},[20120],{"type":16,"tag":108,"props":20121,"children":20122},{"emptyLinePlaceholder":477},[20123],{"type":22,"value":480},{"type":16,"tag":108,"props":20125,"children":20126},{"class":110,"line":640},[20127],{"type":16,"tag":108,"props":20128,"children":20129},{"style":519},[20130],{"type":22,"value":6567},{"type":16,"tag":108,"props":20132,"children":20133},{"class":110,"line":669},[20134],{"type":16,"tag":108,"props":20135,"children":20136},{"emptyLinePlaceholder":477},[20137],{"type":22,"value":480},{"type":16,"tag":108,"props":20139,"children":20140},{"class":110,"line":677},[20141,20145],{"type":16,"tag":108,"props":20142,"children":20143},{"style":453},[20144],{"type":22,"value":4295},{"type":16,"tag":108,"props":20146,"children":20147},{"style":519},[20148],{"type":22,"value":6586},{"type":16,"tag":108,"props":20150,"children":20151},{"class":110,"line":2008},[20152],{"type":16,"tag":108,"props":20153,"children":20154},{"style":115},[20155],{"type":22,"value":6594},{"type":16,"tag":108,"props":20157,"children":20158},{"class":110,"line":785},[20159,20163,20167,20171],{"type":16,"tag":108,"props":20160,"children":20161},{"style":115},[20162],{"type":22,"value":6602},{"type":16,"tag":108,"props":20164,"children":20165},{"style":126},[20166],{"type":22,"value":1662},{"type":16,"tag":108,"props":20168,"children":20169},{"style":1654},[20170],{"type":22,"value":6611},{"type":16,"tag":108,"props":20172,"children":20173},{"style":115},[20174],{"type":22,"value":569},{"type":16,"tag":108,"props":20176,"children":20177},{"class":110,"line":2033},[20178],{"type":16,"tag":108,"props":20179,"children":20180},{"style":115},[20181],{"type":22,"value":6623},{"type":16,"tag":108,"props":20183,"children":20184},{"class":110,"line":3198},[20185,20190,20194,20198,20202,20206,20210,20214,20219,20223,20227,20231],{"type":16,"tag":108,"props":20186,"children":20187},{"style":1654},[20188],{"type":22,"value":20189},"         todos_attributes",{"type":16,"tag":108,"props":20191,"children":20192},{"style":126},[20193],{"type":22,"value":1662},{"type":16,"tag":108,"props":20195,"children":20196},{"style":115},[20197],{"type":22,"value":4475},{"type":16,"tag":108,"props":20199,"children":20200},{"style":126},[20201],{"type":22,"value":1662},{"type":16,"tag":108,"props":20203,"children":20204},{"style":1654},[20205],{"type":22,"value":6892},{"type":16,"tag":108,"props":20207,"children":20208},{"style":115},[20209],{"type":22,"value":397},{"type":16,"tag":108,"props":20211,"children":20212},{"style":126},[20213],{"type":22,"value":1662},{"type":16,"tag":108,"props":20215,"children":20216},{"style":1654},[20217],{"type":22,"value":20218},"_destroy",{"type":16,"tag":108,"props":20220,"children":20221},{"style":115},[20222],{"type":22,"value":397},{"type":16,"tag":108,"props":20224,"children":20225},{"style":126},[20226],{"type":22,"value":1662},{"type":16,"tag":108,"props":20228,"children":20229},{"style":1654},[20230],{"type":22,"value":1780},{"type":16,"tag":108,"props":20232,"children":20233},{"style":115},[20234],{"type":22,"value":4539},{"type":16,"tag":108,"props":20236,"children":20237},{"class":110,"line":3216},[20238],{"type":16,"tag":108,"props":20239,"children":20240},{"style":115},[20241],{"type":22,"value":6648},{"type":16,"tag":108,"props":20243,"children":20244},{"class":110,"line":3229},[20245],{"type":16,"tag":108,"props":20246,"children":20247},{"style":453},[20248],{"type":22,"value":4682},{"type":16,"tag":108,"props":20250,"children":20251},{"class":110,"line":3238},[20252],{"type":16,"tag":108,"props":20253,"children":20254},{"style":453},[20255],{"type":22,"value":4691},{"type":16,"tag":31,"props":20257,"children":20258},{},[20259,20261,20267,20269,20275,20277,20283,20285,20291],{"type":22,"value":20260},"To DRY up the code, we extract the fields in a partial called ",{"type":16,"tag":68,"props":20262,"children":20264},{"className":20263},[],[20265],{"type":22,"value":20266},"todo_form",{"type":22,"value":20268}," to use it in the ",{"type":16,"tag":37,"props":20270,"children":20273},{"href":20271,"rel":20272},"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template",[41],[20274],{"type":22,"value":19193},{"type":22,"value":20276}," with a new ",{"type":16,"tag":68,"props":20278,"children":20280},{"className":20279},[],[20281],{"type":22,"value":20282},"Todo",{"type":22,"value":20284}," and in the default ",{"type":16,"tag":68,"props":20286,"children":20288},{"className":20287},[],[20289],{"type":22,"value":20290},"fields_for",{"type":22,"value":46},{"type":16,"tag":93,"props":20293,"children":20295},{"tab-name":20294},"app/views/users/edit.html.erb",[20296],{"type":16,"tag":98,"props":20297,"children":20299},{"className":1632,"code":20298,"language":1634,"meta":7,"style":7},"\u003C%= form_with model: @user, data: { controller: 'nested-form', nested_form_wrapper_selector_value: '.nested-form-wrapper' } do |f| %>\n  \u003Ctemplate data-nested-form-target=\"template\">\n    \u003C%= f.fields_for :todos, Todo.new, child_index: 'NEW_RECORD' do |todo_fields| %>\n      \u003C%= render \"todo_form\", f: todo_fields %>\n    \u003C% end %>\n  \u003C/template>\n\n  \u003C%= f.fields_for :todos do |todo_fields| %>\n    \u003C%= render \"todo_form\", f: todo_fields %>\n  \u003C% end %>\n\n  \u003C!-- Inserted elements will be injected before that target. -->\n  \u003Cdiv data-nested-form-target=\"target\">\u003C/div>\n\n  \u003Cbutton type=\"button\" data-action=\"nested-form#add\">Add todo\u003C/button>\n\n  \u003C%= f.submit 'Save todos' %>\n\u003C% end %>\n",[20300],{"type":16,"tag":68,"props":20301,"children":20302},{"__ignoreMap":7},[20303,20397,20426,20502,20540,20555,20570,20577,20616,20651,20666,20673,20681,20717,20724,20773,20780,20800],{"type":16,"tag":108,"props":20304,"children":20305},{"class":110,"line":111},[20306,20310,20314,20318,20322,20326,20330,20334,20338,20342,20346,20350,20355,20359,20364,20368,20373,20377,20381,20385,20389,20393],{"type":16,"tag":108,"props":20307,"children":20308},{"style":453},[20309],{"type":22,"value":1646},{"type":16,"tag":108,"props":20311,"children":20312},{"style":115},[20313],{"type":22,"value":1651},{"type":16,"tag":108,"props":20315,"children":20316},{"style":1654},[20317],{"type":22,"value":1657},{"type":16,"tag":108,"props":20319,"children":20320},{"style":126},[20321],{"type":22,"value":1662},{"type":16,"tag":108,"props":20323,"children":20324},{"style":121},[20325],{"type":22,"value":6696},{"type":16,"tag":108,"props":20327,"children":20328},{"style":115},[20329],{"type":22,"value":397},{"type":16,"tag":108,"props":20331,"children":20332},{"style":1654},[20333],{"type":22,"value":1676},{"type":16,"tag":108,"props":20335,"children":20336},{"style":126},[20337],{"type":22,"value":1662},{"type":16,"tag":108,"props":20339,"children":20340},{"style":115},[20341],{"type":22,"value":1685},{"type":16,"tag":108,"props":20343,"children":20344},{"style":1654},[20345],{"type":22,"value":1690},{"type":16,"tag":108,"props":20347,"children":20348},{"style":126},[20349],{"type":22,"value":1662},{"type":16,"tag":108,"props":20351,"children":20352},{"style":137},[20353],{"type":22,"value":20354}," 'nested-form'",{"type":16,"tag":108,"props":20356,"children":20357},{"style":115},[20358],{"type":22,"value":397},{"type":16,"tag":108,"props":20360,"children":20361},{"style":1654},[20362],{"type":22,"value":20363},"nested_form_wrapper_selector_value",{"type":16,"tag":108,"props":20365,"children":20366},{"style":126},[20367],{"type":22,"value":1662},{"type":16,"tag":108,"props":20369,"children":20370},{"style":137},[20371],{"type":22,"value":20372}," '.nested-form-wrapper'",{"type":16,"tag":108,"props":20374,"children":20375},{"style":115},[20376],{"type":22,"value":1704},{"type":16,"tag":108,"props":20378,"children":20379},{"style":453},[20380],{"type":22,"value":1709},{"type":16,"tag":108,"props":20382,"children":20383},{"style":115},[20384],{"type":22,"value":1714},{"type":16,"tag":108,"props":20386,"children":20387},{"style":121},[20388],{"type":22,"value":1719},{"type":16,"tag":108,"props":20390,"children":20391},{"style":115},[20392],{"type":22,"value":1724},{"type":16,"tag":108,"props":20394,"children":20395},{"style":453},[20396],{"type":22,"value":1729},{"type":16,"tag":108,"props":20398,"children":20399},{"class":110,"line":297},[20400,20404,20408,20413,20417,20422],{"type":16,"tag":108,"props":20401,"children":20402},{"style":115},[20403],{"type":22,"value":1737},{"type":16,"tag":108,"props":20405,"children":20406},{"style":121},[20407],{"type":22,"value":19193},{"type":16,"tag":108,"props":20409,"children":20410},{"style":126},[20411],{"type":22,"value":20412}," data-nested-form-target",{"type":16,"tag":108,"props":20414,"children":20415},{"style":115},[20416],{"type":22,"value":134},{"type":16,"tag":108,"props":20418,"children":20419},{"style":137},[20420],{"type":22,"value":20421},"\"template\"",{"type":16,"tag":108,"props":20423,"children":20424},{"style":115},[20425],{"type":22,"value":182},{"type":16,"tag":108,"props":20427,"children":20428},{"class":110,"line":315},[20429,20433,20438,20442,20446,20450,20454,20458,20463,20467,20472,20476,20481,20485,20489,20494,20498],{"type":16,"tag":108,"props":20430,"children":20431},{"style":453},[20432],{"type":22,"value":1766},{"type":16,"tag":108,"props":20434,"children":20435},{"style":115},[20436],{"type":22,"value":20437}," f.fields_for ",{"type":16,"tag":108,"props":20439,"children":20440},{"style":126},[20441],{"type":22,"value":1662},{"type":16,"tag":108,"props":20443,"children":20444},{"style":1654},[20445],{"type":22,"value":19922},{"type":16,"tag":108,"props":20447,"children":20448},{"style":115},[20449],{"type":22,"value":397},{"type":16,"tag":108,"props":20451,"children":20452},{"style":506},[20453],{"type":22,"value":20282},{"type":16,"tag":108,"props":20455,"children":20456},{"style":115},[20457],{"type":22,"value":46},{"type":16,"tag":108,"props":20459,"children":20460},{"style":519},[20461],{"type":22,"value":20462},"new",{"type":16,"tag":108,"props":20464,"children":20465},{"style":115},[20466],{"type":22,"value":397},{"type":16,"tag":108,"props":20468,"children":20469},{"style":1654},[20470],{"type":22,"value":20471},"child_index",{"type":16,"tag":108,"props":20473,"children":20474},{"style":126},[20475],{"type":22,"value":1662},{"type":16,"tag":108,"props":20477,"children":20478},{"style":137},[20479],{"type":22,"value":20480}," 'NEW_RECORD'",{"type":16,"tag":108,"props":20482,"children":20483},{"style":453},[20484],{"type":22,"value":6910},{"type":16,"tag":108,"props":20486,"children":20487},{"style":115},[20488],{"type":22,"value":1714},{"type":16,"tag":108,"props":20490,"children":20491},{"style":121},[20492],{"type":22,"value":20493},"todo_fields",{"type":16,"tag":108,"props":20495,"children":20496},{"style":115},[20497],{"type":22,"value":1724},{"type":16,"tag":108,"props":20499,"children":20500},{"style":453},[20501],{"type":22,"value":1729},{"type":16,"tag":108,"props":20503,"children":20504},{"class":110,"line":333},[20505,20509,20514,20519,20523,20527,20531,20536],{"type":16,"tag":108,"props":20506,"children":20507},{"style":453},[20508],{"type":22,"value":6955},{"type":16,"tag":108,"props":20510,"children":20511},{"style":115},[20512],{"type":22,"value":20513}," render ",{"type":16,"tag":108,"props":20515,"children":20516},{"style":137},[20517],{"type":22,"value":20518},"\"todo_form\"",{"type":16,"tag":108,"props":20520,"children":20521},{"style":115},[20522],{"type":22,"value":397},{"type":16,"tag":108,"props":20524,"children":20525},{"style":1654},[20526],{"type":22,"value":1719},{"type":16,"tag":108,"props":20528,"children":20529},{"style":126},[20530],{"type":22,"value":1662},{"type":16,"tag":108,"props":20532,"children":20533},{"style":115},[20534],{"type":22,"value":20535}," todo_fields ",{"type":16,"tag":108,"props":20537,"children":20538},{"style":453},[20539],{"type":22,"value":1729},{"type":16,"tag":108,"props":20541,"children":20542},{"class":110,"line":351},[20543,20547,20551],{"type":16,"tag":108,"props":20544,"children":20545},{"style":453},[20546],{"type":22,"value":7018},{"type":16,"tag":108,"props":20548,"children":20549},{"style":453},[20550],{"type":22,"value":2044},{"type":16,"tag":108,"props":20552,"children":20553},{"style":453},[20554],{"type":22,"value":1785},{"type":16,"tag":108,"props":20556,"children":20557},{"class":110,"line":369},[20558,20562,20566],{"type":16,"tag":108,"props":20559,"children":20560},{"style":115},[20561],{"type":22,"value":1867},{"type":16,"tag":108,"props":20563,"children":20564},{"style":121},[20565],{"type":22,"value":19193},{"type":16,"tag":108,"props":20567,"children":20568},{"style":115},[20569],{"type":22,"value":182},{"type":16,"tag":108,"props":20571,"children":20572},{"class":110,"line":602},[20573],{"type":16,"tag":108,"props":20574,"children":20575},{"emptyLinePlaceholder":477},[20576],{"type":22,"value":480},{"type":16,"tag":108,"props":20578,"children":20579},{"class":110,"line":611},[20580,20584,20588,20592,20596,20600,20604,20608,20612],{"type":16,"tag":108,"props":20581,"children":20582},{"style":453},[20583],{"type":22,"value":2021},{"type":16,"tag":108,"props":20585,"children":20586},{"style":115},[20587],{"type":22,"value":20437},{"type":16,"tag":108,"props":20589,"children":20590},{"style":126},[20591],{"type":22,"value":1662},{"type":16,"tag":108,"props":20593,"children":20594},{"style":1654},[20595],{"type":22,"value":19922},{"type":16,"tag":108,"props":20597,"children":20598},{"style":453},[20599],{"type":22,"value":6910},{"type":16,"tag":108,"props":20601,"children":20602},{"style":115},[20603],{"type":22,"value":1714},{"type":16,"tag":108,"props":20605,"children":20606},{"style":121},[20607],{"type":22,"value":20493},{"type":16,"tag":108,"props":20609,"children":20610},{"style":115},[20611],{"type":22,"value":1724},{"type":16,"tag":108,"props":20613,"children":20614},{"style":453},[20615],{"type":22,"value":1729},{"type":16,"tag":108,"props":20617,"children":20618},{"class":110,"line":619},[20619,20623,20627,20631,20635,20639,20643,20647],{"type":16,"tag":108,"props":20620,"children":20621},{"style":453},[20622],{"type":22,"value":1766},{"type":16,"tag":108,"props":20624,"children":20625},{"style":115},[20626],{"type":22,"value":20513},{"type":16,"tag":108,"props":20628,"children":20629},{"style":137},[20630],{"type":22,"value":20518},{"type":16,"tag":108,"props":20632,"children":20633},{"style":115},[20634],{"type":22,"value":397},{"type":16,"tag":108,"props":20636,"children":20637},{"style":1654},[20638],{"type":22,"value":1719},{"type":16,"tag":108,"props":20640,"children":20641},{"style":126},[20642],{"type":22,"value":1662},{"type":16,"tag":108,"props":20644,"children":20645},{"style":115},[20646],{"type":22,"value":20535},{"type":16,"tag":108,"props":20648,"children":20649},{"style":453},[20650],{"type":22,"value":1729},{"type":16,"tag":108,"props":20652,"children":20653},{"class":110,"line":640},[20654,20658,20662],{"type":16,"tag":108,"props":20655,"children":20656},{"style":453},[20657],{"type":22,"value":7034},{"type":16,"tag":108,"props":20659,"children":20660},{"style":453},[20661],{"type":22,"value":2044},{"type":16,"tag":108,"props":20663,"children":20664},{"style":453},[20665],{"type":22,"value":1785},{"type":16,"tag":108,"props":20667,"children":20668},{"class":110,"line":669},[20669],{"type":16,"tag":108,"props":20670,"children":20671},{"emptyLinePlaceholder":477},[20672],{"type":22,"value":480},{"type":16,"tag":108,"props":20674,"children":20675},{"class":110,"line":677},[20676],{"type":16,"tag":108,"props":20677,"children":20678},{"style":1798},[20679],{"type":22,"value":20680},"  \u003C!-- Inserted elements will be injected before that target. -->\n",{"type":16,"tag":108,"props":20682,"children":20683},{"class":110,"line":2008},[20684,20688,20692,20696,20700,20705,20709,20713],{"type":16,"tag":108,"props":20685,"children":20686},{"style":115},[20687],{"type":22,"value":1737},{"type":16,"tag":108,"props":20689,"children":20690},{"style":121},[20691],{"type":22,"value":929},{"type":16,"tag":108,"props":20693,"children":20694},{"style":126},[20695],{"type":22,"value":20412},{"type":16,"tag":108,"props":20697,"children":20698},{"style":115},[20699],{"type":22,"value":134},{"type":16,"tag":108,"props":20701,"children":20702},{"style":137},[20703],{"type":22,"value":20704},"\"target\"",{"type":16,"tag":108,"props":20706,"children":20707},{"style":115},[20708],{"type":22,"value":3369},{"type":16,"tag":108,"props":20710,"children":20711},{"style":121},[20712],{"type":22,"value":929},{"type":16,"tag":108,"props":20714,"children":20715},{"style":115},[20716],{"type":22,"value":182},{"type":16,"tag":108,"props":20718,"children":20719},{"class":110,"line":785},[20720],{"type":16,"tag":108,"props":20721,"children":20722},{"emptyLinePlaceholder":477},[20723],{"type":22,"value":480},{"type":16,"tag":108,"props":20725,"children":20726},{"class":110,"line":2033},[20727,20731,20735,20739,20743,20747,20751,20755,20760,20765,20769],{"type":16,"tag":108,"props":20728,"children":20729},{"style":115},[20730],{"type":22,"value":1737},{"type":16,"tag":108,"props":20732,"children":20733},{"style":121},[20734],{"type":22,"value":212},{"type":16,"tag":108,"props":20736,"children":20737},{"style":126},[20738],{"type":22,"value":217},{"type":16,"tag":108,"props":20740,"children":20741},{"style":115},[20742],{"type":22,"value":134},{"type":16,"tag":108,"props":20744,"children":20745},{"style":137},[20746],{"type":22,"value":226},{"type":16,"tag":108,"props":20748,"children":20749},{"style":126},[20750],{"type":22,"value":159},{"type":16,"tag":108,"props":20752,"children":20753},{"style":115},[20754],{"type":22,"value":134},{"type":16,"tag":108,"props":20756,"children":20757},{"style":137},[20758],{"type":22,"value":20759},"\"nested-form#add\"",{"type":16,"tag":108,"props":20761,"children":20762},{"style":115},[20763],{"type":22,"value":20764},">Add todo\u003C/",{"type":16,"tag":108,"props":20766,"children":20767},{"style":121},[20768],{"type":22,"value":212},{"type":16,"tag":108,"props":20770,"children":20771},{"style":115},[20772],{"type":22,"value":182},{"type":16,"tag":108,"props":20774,"children":20775},{"class":110,"line":3198},[20776],{"type":16,"tag":108,"props":20777,"children":20778},{"emptyLinePlaceholder":477},[20779],{"type":22,"value":480},{"type":16,"tag":108,"props":20781,"children":20782},{"class":110,"line":3216},[20783,20787,20791,20796],{"type":16,"tag":108,"props":20784,"children":20785},{"style":453},[20786],{"type":22,"value":2021},{"type":16,"tag":108,"props":20788,"children":20789},{"style":115},[20790],{"type":22,"value":2026},{"type":16,"tag":108,"props":20792,"children":20793},{"style":137},[20794],{"type":22,"value":20795},"'Save todos'",{"type":16,"tag":108,"props":20797,"children":20798},{"style":453},[20799],{"type":22,"value":1785},{"type":16,"tag":108,"props":20801,"children":20802},{"class":110,"line":3229},[20803,20807,20811],{"type":16,"tag":108,"props":20804,"children":20805},{"style":453},[20806],{"type":22,"value":2039},{"type":16,"tag":108,"props":20808,"children":20809},{"style":453},[20810],{"type":22,"value":2044},{"type":16,"tag":108,"props":20812,"children":20813},{"style":453},[20814],{"type":22,"value":1785},{"type":16,"tag":93,"props":20816,"children":20818},{"tab-name":20817},"app/views/users/_todo_form.html.erb",[20819],{"type":16,"tag":98,"props":20820,"children":20822},{"className":1632,"code":20821,"language":1634,"meta":7,"style":7},"\u003Cdiv class=\"nested-form-wrapper\" data-new-record=\"\u003C%= f.object.new_record? %>\">\n  \u003C%= f.label :description %>\n  \u003C%= f.text_field :description %>\n\n  \u003Cbutton type=\"button\" data-action=\"nested-form#remove\">Remove todo\u003C/button>\n\n  \u003C%= f.hidden_field :_destroy %>\n\u003C/div>\n",[20823],{"type":16,"tag":68,"props":20824,"children":20825},{"__ignoreMap":7},[20826,20884,20907,20930,20937,20986,20993,21017],{"type":16,"tag":108,"props":20827,"children":20828},{"class":110,"line":111},[20829,20833,20837,20841,20845,20850,20855,20859,20863,20867,20872,20876,20880],{"type":16,"tag":108,"props":20830,"children":20831},{"style":115},[20832],{"type":22,"value":118},{"type":16,"tag":108,"props":20834,"children":20835},{"style":121},[20836],{"type":22,"value":929},{"type":16,"tag":108,"props":20838,"children":20839},{"style":126},[20840],{"type":22,"value":498},{"type":16,"tag":108,"props":20842,"children":20843},{"style":115},[20844],{"type":22,"value":134},{"type":16,"tag":108,"props":20846,"children":20847},{"style":137},[20848],{"type":22,"value":20849},"\"nested-form-wrapper\"",{"type":16,"tag":108,"props":20851,"children":20852},{"style":126},[20853],{"type":22,"value":20854}," data-new-record",{"type":16,"tag":108,"props":20856,"children":20857},{"style":115},[20858],{"type":22,"value":134},{"type":16,"tag":108,"props":20860,"children":20861},{"style":137},[20862],{"type":22,"value":4743},{"type":16,"tag":108,"props":20864,"children":20865},{"style":453},[20866],{"type":22,"value":1646},{"type":16,"tag":108,"props":20868,"children":20869},{"style":115},[20870],{"type":22,"value":20871}," f.object.new_record? ",{"type":16,"tag":108,"props":20873,"children":20874},{"style":453},[20875],{"type":22,"value":4762},{"type":16,"tag":108,"props":20877,"children":20878},{"style":137},[20879],{"type":22,"value":4743},{"type":16,"tag":108,"props":20881,"children":20882},{"style":115},[20883],{"type":22,"value":182},{"type":16,"tag":108,"props":20885,"children":20886},{"class":110,"line":297},[20887,20891,20895,20899,20903],{"type":16,"tag":108,"props":20888,"children":20889},{"style":453},[20890],{"type":22,"value":2021},{"type":16,"tag":108,"props":20892,"children":20893},{"style":115},[20894],{"type":22,"value":1771},{"type":16,"tag":108,"props":20896,"children":20897},{"style":126},[20898],{"type":22,"value":1662},{"type":16,"tag":108,"props":20900,"children":20901},{"style":1654},[20902],{"type":22,"value":1780},{"type":16,"tag":108,"props":20904,"children":20905},{"style":453},[20906],{"type":22,"value":1785},{"type":16,"tag":108,"props":20908,"children":20909},{"class":110,"line":315},[20910,20914,20918,20922,20926],{"type":16,"tag":108,"props":20911,"children":20912},{"style":453},[20913],{"type":22,"value":2021},{"type":16,"tag":108,"props":20915,"children":20916},{"style":115},[20917],{"type":22,"value":1813},{"type":16,"tag":108,"props":20919,"children":20920},{"style":126},[20921],{"type":22,"value":1662},{"type":16,"tag":108,"props":20923,"children":20924},{"style":1654},[20925],{"type":22,"value":1780},{"type":16,"tag":108,"props":20927,"children":20928},{"style":453},[20929],{"type":22,"value":1785},{"type":16,"tag":108,"props":20931,"children":20932},{"class":110,"line":333},[20933],{"type":16,"tag":108,"props":20934,"children":20935},{"emptyLinePlaceholder":477},[20936],{"type":22,"value":480},{"type":16,"tag":108,"props":20938,"children":20939},{"class":110,"line":351},[20940,20944,20948,20952,20956,20960,20964,20968,20973,20978,20982],{"type":16,"tag":108,"props":20941,"children":20942},{"style":115},[20943],{"type":22,"value":1737},{"type":16,"tag":108,"props":20945,"children":20946},{"style":121},[20947],{"type":22,"value":212},{"type":16,"tag":108,"props":20949,"children":20950},{"style":126},[20951],{"type":22,"value":217},{"type":16,"tag":108,"props":20953,"children":20954},{"style":115},[20955],{"type":22,"value":134},{"type":16,"tag":108,"props":20957,"children":20958},{"style":137},[20959],{"type":22,"value":226},{"type":16,"tag":108,"props":20961,"children":20962},{"style":126},[20963],{"type":22,"value":159},{"type":16,"tag":108,"props":20965,"children":20966},{"style":115},[20967],{"type":22,"value":134},{"type":16,"tag":108,"props":20969,"children":20970},{"style":137},[20971],{"type":22,"value":20972},"\"nested-form#remove\"",{"type":16,"tag":108,"props":20974,"children":20975},{"style":115},[20976],{"type":22,"value":20977},">Remove todo\u003C/",{"type":16,"tag":108,"props":20979,"children":20980},{"style":121},[20981],{"type":22,"value":212},{"type":16,"tag":108,"props":20983,"children":20984},{"style":115},[20985],{"type":22,"value":182},{"type":16,"tag":108,"props":20987,"children":20988},{"class":110,"line":369},[20989],{"type":16,"tag":108,"props":20990,"children":20991},{"emptyLinePlaceholder":477},[20992],{"type":22,"value":480},{"type":16,"tag":108,"props":20994,"children":20995},{"class":110,"line":602},[20996,21000,21005,21009,21013],{"type":16,"tag":108,"props":20997,"children":20998},{"style":453},[20999],{"type":22,"value":2021},{"type":16,"tag":108,"props":21001,"children":21002},{"style":115},[21003],{"type":22,"value":21004}," f.hidden_field ",{"type":16,"tag":108,"props":21006,"children":21007},{"style":126},[21008],{"type":22,"value":1662},{"type":16,"tag":108,"props":21010,"children":21011},{"style":1654},[21012],{"type":22,"value":20218},{"type":16,"tag":108,"props":21014,"children":21015},{"style":453},[21016],{"type":22,"value":1785},{"type":16,"tag":108,"props":21018,"children":21019},{"class":110,"line":611},[21020,21024,21028],{"type":16,"tag":108,"props":21021,"children":21022},{"style":115},[21023],{"type":22,"value":924},{"type":16,"tag":108,"props":21025,"children":21026},{"style":121},[21027],{"type":22,"value":929},{"type":16,"tag":108,"props":21029,"children":21030},{"style":115},[21031],{"type":22,"value":182},{"type":16,"tag":31,"props":21033,"children":21034},{},[21035,21037,21044,21046,21051],{"type":22,"value":21036},"As explained in the ",{"type":16,"tag":37,"props":21038,"children":21041},{"href":21039,"rel":21040},"https://apidock.com/rails/ActionView/Helpers/FormHelper/fields_for",[41],[21042],{"type":22,"value":21043},"documentation",{"type":22,"value":21045},", we need to specify the ",{"type":16,"tag":68,"props":21047,"children":21049},{"className":21048},[],[21050],{"type":22,"value":20471},{"type":22,"value":21052}," and replace its value in JavaScript because the index needs to be unique for each fields.",{"type":16,"tag":17,"props":21054,"children":21055},{"id":1224},[21056],{"type":22,"value":1227},{"type":16,"tag":1229,"props":21058,"children":21059},{},[21060,21082],{"type":16,"tag":1233,"props":21061,"children":21062},{},[21063],{"type":16,"tag":1237,"props":21064,"children":21065},{},[21066,21070,21074,21078],{"type":16,"tag":1241,"props":21067,"children":21068},{},[21069],{"type":22,"value":1245},{"type":16,"tag":1241,"props":21071,"children":21072},{},[21073],{"type":22,"value":1250},{"type":16,"tag":1241,"props":21075,"children":21076},{},[21077],{"type":22,"value":1255},{"type":16,"tag":1241,"props":21079,"children":21080},{},[21081],{"type":22,"value":1260},{"type":16,"tag":1262,"props":21083,"children":21084},{},[21085],{"type":16,"tag":1237,"props":21086,"children":21087},{},[21088,21097,21106,21111],{"type":16,"tag":1269,"props":21089,"children":21090},{},[21091],{"type":16,"tag":68,"props":21092,"children":21094},{"className":21093},[],[21095],{"type":22,"value":21096},"data-nested-form-wrapper-selector-value",{"type":16,"tag":1269,"props":21098,"children":21099},{},[21100],{"type":16,"tag":68,"props":21101,"children":21103},{"className":21102},[],[21104],{"type":22,"value":21105},".nested-form-wrapper",{"type":16,"tag":1269,"props":21107,"children":21108},{},[21109],{"type":22,"value":21110},"Selector to find the wrapper.",{"type":16,"tag":1269,"props":21112,"children":21113},{},[21114],{"type":22,"value":1384},{"type":16,"tag":31,"props":21116,"children":21117},{},[21118],{"type":22,"value":21119},"The remove feature is completely optional.",{"type":16,"tag":17,"props":21121,"children":21122},{"id":428},[21123],{"type":22,"value":431},{"type":16,"tag":428,"props":21125,"children":21126},{},[21127],{"type":16,"tag":93,"props":21128,"children":21130},{"tab-name":21129},"app/javascript/controllers/rails_nested_form_controller.js",[21131],{"type":16,"tag":98,"props":21132,"children":21134},{"className":441,"code":21133,"language":443,"meta":7,"style":7},"import NestedForm from \"@stimulus-components/rails-nested-form\"\n\nexport default class extends NestedForm {\n  connect() {\n    super.connect()\n    console.log(\"Do what you want here.\")\n  }\n}\n",[21135],{"type":16,"tag":68,"props":21136,"children":21137},{"__ignoreMap":7},[21138,21159,21166,21193,21204,21223,21250,21257],{"type":16,"tag":108,"props":21139,"children":21140},{"class":110,"line":111},[21141,21145,21150,21154],{"type":16,"tag":108,"props":21142,"children":21143},{"style":453},[21144],{"type":22,"value":456},{"type":16,"tag":108,"props":21146,"children":21147},{"style":121},[21148],{"type":22,"value":21149}," NestedForm",{"type":16,"tag":108,"props":21151,"children":21152},{"style":453},[21153],{"type":22,"value":466},{"type":16,"tag":108,"props":21155,"children":21156},{"style":137},[21157],{"type":22,"value":21158}," \"@stimulus-components/rails-nested-form\"\n",{"type":16,"tag":108,"props":21160,"children":21161},{"class":110,"line":297},[21162],{"type":16,"tag":108,"props":21163,"children":21164},{"emptyLinePlaceholder":477},[21165],{"type":22,"value":480},{"type":16,"tag":108,"props":21167,"children":21168},{"class":110,"line":315},[21169,21173,21177,21181,21185,21189],{"type":16,"tag":108,"props":21170,"children":21171},{"style":453},[21172],{"type":22,"value":488},{"type":16,"tag":108,"props":21174,"children":21175},{"style":453},[21176],{"type":22,"value":493},{"type":16,"tag":108,"props":21178,"children":21179},{"style":453},[21180],{"type":22,"value":498},{"type":16,"tag":108,"props":21182,"children":21183},{"style":453},[21184],{"type":22,"value":503},{"type":16,"tag":108,"props":21186,"children":21187},{"style":506},[21188],{"type":22,"value":21149},{"type":16,"tag":108,"props":21190,"children":21191},{"style":115},[21192],{"type":22,"value":513},{"type":16,"tag":108,"props":21194,"children":21195},{"class":110,"line":333},[21196,21200],{"type":16,"tag":108,"props":21197,"children":21198},{"style":519},[21199],{"type":22,"value":1525},{"type":16,"tag":108,"props":21201,"children":21202},{"style":115},[21203],{"type":22,"value":1530},{"type":16,"tag":108,"props":21205,"children":21206},{"class":110,"line":351},[21207,21211,21215,21219],{"type":16,"tag":108,"props":21208,"children":21209},{"style":544},[21210],{"type":22,"value":547},{"type":16,"tag":108,"props":21212,"children":21213},{"style":115},[21214],{"type":22,"value":46},{"type":16,"tag":108,"props":21216,"children":21217},{"style":519},[21218],{"type":22,"value":1546},{"type":16,"tag":108,"props":21220,"children":21221},{"style":115},[21222],{"type":22,"value":1551},{"type":16,"tag":108,"props":21224,"children":21225},{"class":110,"line":369},[21226,21230,21234,21238,21242,21246],{"type":16,"tag":108,"props":21227,"children":21228},{"style":506},[21229],{"type":22,"value":577},{"type":16,"tag":108,"props":21231,"children":21232},{"style":115},[21233],{"type":22,"value":46},{"type":16,"tag":108,"props":21235,"children":21236},{"style":519},[21237],{"type":22,"value":586},{"type":16,"tag":108,"props":21239,"children":21240},{"style":115},[21241],{"type":22,"value":527},{"type":16,"tag":108,"props":21243,"children":21244},{"style":137},[21245],{"type":22,"value":595},{"type":16,"tag":108,"props":21247,"children":21248},{"style":115},[21249],{"type":22,"value":569},{"type":16,"tag":108,"props":21251,"children":21252},{"class":110,"line":602},[21253],{"type":16,"tag":108,"props":21254,"children":21255},{"style":115},[21256],{"type":22,"value":608},{"type":16,"tag":108,"props":21258,"children":21259},{"class":110,"line":611},[21260],{"type":16,"tag":108,"props":21261,"children":21262},{"style":115},[21263],{"type":22,"value":683},{"type":16,"tag":685,"props":21265,"children":21266},{},[21267],{"type":22,"value":689},{"title":7,"searchDepth":297,"depth":297,"links":21269},[21270,21271,21272,21273,21274,21275],{"id":5515,"depth":297,"text":5518},{"id":19,"depth":297,"text":23},{"id":49,"depth":297,"text":52},{"id":58,"depth":297,"text":61},{"id":1224,"depth":297,"text":1227},{"id":428,"depth":297,"text":431},"content:docs:stimulus-rails-nested-form.md","docs/stimulus-rails-nested-form.md","docs/stimulus-rails-nested-form",{"_path":21280,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":21281,"description":21282,"package":21283,"packagePath":21284,"body":21285,"_type":696,"_id":22026,"_source":698,"_file":22027,"_stem":22028,"_extension":701},"/docs/stimulus-read-more","Read More","A Stimulus controller to show more or less text.","read-more","@stimulus-components/read-more",{"type":13,"children":21286,"toc":22019},[21287,21291,21294,21298,21301,21305,21319,21340,21345,21455,21480,21677,21681,21767,21771,22015],{"type":16,"tag":17,"props":21288,"children":21289},{"id":19},[21290],{"type":22,"value":23},{"type":16,"tag":25,"props":21292,"children":21293},{":package":27,":package-path":28},[],{"type":16,"tag":17,"props":21295,"children":21296},{"id":49},[21297],{"type":22,"value":52},{"type":16,"tag":21283,"props":21299,"children":21300},{},[],{"type":16,"tag":17,"props":21302,"children":21303},{"id":58},[21304],{"type":22,"value":61},{"type":16,"tag":31,"props":21306,"children":21307},{},[21308,21310,21317],{"type":22,"value":21309},"This controller is based on the ",{"type":16,"tag":37,"props":21311,"children":21314},{"href":21312,"rel":21313},"https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp",[41],[21315],{"type":22,"value":21316},"Line-clamp",{"type":22,"value":21318}," CSS property.",{"type":16,"tag":31,"props":21320,"children":21321},{},[21322,21324,21330,21332,21338],{"type":22,"value":21323},"It will update the CSS variable ",{"type":16,"tag":68,"props":21325,"children":21327},{"className":21326},[],[21328],{"type":22,"value":21329},"--read-more-line-clamp",{"type":22,"value":21331}," on the element with the value ",{"type":16,"tag":68,"props":21333,"children":21335},{"className":21334},[],[21336],{"type":22,"value":21337},"'unset'",{"type":22,"value":21339}," to show all the content.",{"type":16,"tag":31,"props":21341,"children":21342},{},[21343],{"type":22,"value":21344},"In your CSS:",{"type":16,"tag":93,"props":21346,"children":21347},{"tab-name":11252},[21348],{"type":16,"tag":98,"props":21349,"children":21351},{"className":11256,"code":21350,"language":11258,"meta":7,"style":7},".my-content {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: var(--read-more-line-clamp, 2);\n}\n",[21352],{"type":16,"tag":68,"props":21353,"children":21354},{"__ignoreMap":7},[21355,21367,21382,21390,21411,21448],{"type":16,"tag":108,"props":21356,"children":21357},{"class":110,"line":111},[21358,21363],{"type":16,"tag":108,"props":21359,"children":21360},{"style":126},[21361],{"type":22,"value":21362},".my-content",{"type":16,"tag":108,"props":21364,"children":21365},{"style":115},[21366],{"type":22,"value":513},{"type":16,"tag":108,"props":21368,"children":21369},{"class":110,"line":297},[21370,21374,21378],{"type":16,"tag":108,"props":21371,"children":21372},{"style":115},[21373],{"type":22,"value":11336},{"type":16,"tag":108,"props":21375,"children":21376},{"style":126},[21377],{"type":22,"value":11341},{"type":16,"tag":108,"props":21379,"children":21380},{"style":115},[21381],{"type":22,"value":11346},{"type":16,"tag":108,"props":21383,"children":21384},{"class":110,"line":315},[21385],{"type":16,"tag":108,"props":21386,"children":21387},{"style":115},[21388],{"type":22,"value":21389},"  display: -webkit-box;\n",{"type":16,"tag":108,"props":21391,"children":21392},{"class":110,"line":333},[21393,21398,21402,21407],{"type":16,"tag":108,"props":21394,"children":21395},{"style":1654},[21396],{"type":22,"value":21397},"  -webkit-box-orient",{"type":16,"tag":108,"props":21399,"children":21400},{"style":115},[21401],{"type":22,"value":2231},{"type":16,"tag":108,"props":21403,"children":21404},{"style":126},[21405],{"type":22,"value":21406},"vertical",{"type":16,"tag":108,"props":21408,"children":21409},{"style":115},[21410],{"type":22,"value":11346},{"type":16,"tag":108,"props":21412,"children":21413},{"class":110,"line":351},[21414,21419,21423,21427,21431,21435,21439,21444],{"type":16,"tag":108,"props":21415,"children":21416},{"style":1654},[21417],{"type":22,"value":21418},"  -webkit-line-clamp",{"type":16,"tag":108,"props":21420,"children":21421},{"style":115},[21422],{"type":22,"value":2231},{"type":16,"tag":108,"props":21424,"children":21425},{"style":1654},[21426],{"type":22,"value":13399},{"type":16,"tag":108,"props":21428,"children":21429},{"style":115},[21430],{"type":22,"value":527},{"type":16,"tag":108,"props":21432,"children":21433},{"style":121},[21434],{"type":22,"value":21329},{"type":16,"tag":108,"props":21436,"children":21437},{"style":115},[21438],{"type":22,"value":397},{"type":16,"tag":108,"props":21440,"children":21441},{"style":126},[21442],{"type":22,"value":21443},"2",{"type":16,"tag":108,"props":21445,"children":21446},{"style":115},[21447],{"type":22,"value":11446},{"type":16,"tag":108,"props":21449,"children":21450},{"class":110,"line":369},[21451],{"type":16,"tag":108,"props":21452,"children":21453},{"style":115},[21454],{"type":22,"value":683},{"type":16,"tag":31,"props":21456,"children":21457},{},[21458,21460,21465,21467,21472,21473,21478],{"type":22,"value":21459},"In this case, ",{"type":16,"tag":68,"props":21461,"children":21463},{"className":21462},[],[21464],{"type":22,"value":21329},{"type":22,"value":21466}," is ",{"type":16,"tag":68,"props":21468,"children":21470},{"className":21469},[],[21471],{"type":22,"value":1286},{"type":22,"value":16058},{"type":16,"tag":68,"props":21474,"children":21476},{"className":21475},[],[21477],{"type":22,"value":21443},{"type":22,"value":21479}," is the number of lines displayed by default.",{"type":16,"tag":93,"props":21481,"children":21482},{"tab-name":95},[21483],{"type":16,"tag":98,"props":21484,"children":21486},{"className":100,"code":21485,"language":102,"meta":7,"style":7},"\u003Cdiv data-controller=\"read-more\" data-read-more-more-text-value=\"Read more\" data-read-more-less-text-value=\"Read less\">\n  \u003Cp class=\"my-content\" data-read-more-target=\"content\">\n    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna\n    aliqua. Ut enim ad minim veniam.\n  \u003C/p>\n\n  \u003Cbutton data-action=\"read-more#toggle\">Read more\u003C/button>\n\u003C/div>\n",[21487],{"type":16,"tag":68,"props":21488,"children":21489},{"__ignoreMap":7},[21490,21546,21587,21595,21603,21618,21625,21662],{"type":16,"tag":108,"props":21491,"children":21492},{"class":110,"line":111},[21493,21497,21501,21505,21509,21514,21519,21523,21528,21533,21537,21542],{"type":16,"tag":108,"props":21494,"children":21495},{"style":115},[21496],{"type":22,"value":118},{"type":16,"tag":108,"props":21498,"children":21499},{"style":121},[21500],{"type":22,"value":929},{"type":16,"tag":108,"props":21502,"children":21503},{"style":126},[21504],{"type":22,"value":145},{"type":16,"tag":108,"props":21506,"children":21507},{"style":115},[21508],{"type":22,"value":134},{"type":16,"tag":108,"props":21510,"children":21511},{"style":137},[21512],{"type":22,"value":21513},"\"read-more\"",{"type":16,"tag":108,"props":21515,"children":21516},{"style":126},[21517],{"type":22,"value":21518}," data-read-more-more-text-value",{"type":16,"tag":108,"props":21520,"children":21521},{"style":115},[21522],{"type":22,"value":134},{"type":16,"tag":108,"props":21524,"children":21525},{"style":137},[21526],{"type":22,"value":21527},"\"Read more\"",{"type":16,"tag":108,"props":21529,"children":21530},{"style":126},[21531],{"type":22,"value":21532}," data-read-more-less-text-value",{"type":16,"tag":108,"props":21534,"children":21535},{"style":115},[21536],{"type":22,"value":134},{"type":16,"tag":108,"props":21538,"children":21539},{"style":137},[21540],{"type":22,"value":21541},"\"Read less\"",{"type":16,"tag":108,"props":21543,"children":21544},{"style":115},[21545],{"type":22,"value":182},{"type":16,"tag":108,"props":21547,"children":21548},{"class":110,"line":297},[21549,21553,21557,21561,21565,21570,21575,21579,21583],{"type":16,"tag":108,"props":21550,"children":21551},{"style":115},[21552],{"type":22,"value":1737},{"type":16,"tag":108,"props":21554,"children":21555},{"style":121},[21556],{"type":22,"value":31},{"type":16,"tag":108,"props":21558,"children":21559},{"style":126},[21560],{"type":22,"value":498},{"type":16,"tag":108,"props":21562,"children":21563},{"style":115},[21564],{"type":22,"value":134},{"type":16,"tag":108,"props":21566,"children":21567},{"style":137},[21568],{"type":22,"value":21569},"\"my-content\"",{"type":16,"tag":108,"props":21571,"children":21572},{"style":126},[21573],{"type":22,"value":21574}," data-read-more-target",{"type":16,"tag":108,"props":21576,"children":21577},{"style":115},[21578],{"type":22,"value":134},{"type":16,"tag":108,"props":21580,"children":21581},{"style":137},[21582],{"type":22,"value":19206},{"type":16,"tag":108,"props":21584,"children":21585},{"style":115},[21586],{"type":22,"value":182},{"type":16,"tag":108,"props":21588,"children":21589},{"class":110,"line":315},[21590],{"type":16,"tag":108,"props":21591,"children":21592},{"style":115},[21593],{"type":22,"value":21594},"    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna\n",{"type":16,"tag":108,"props":21596,"children":21597},{"class":110,"line":333},[21598],{"type":16,"tag":108,"props":21599,"children":21600},{"style":115},[21601],{"type":22,"value":21602},"    aliqua. Ut enim ad minim veniam.\n",{"type":16,"tag":108,"props":21604,"children":21605},{"class":110,"line":351},[21606,21610,21614],{"type":16,"tag":108,"props":21607,"children":21608},{"style":115},[21609],{"type":22,"value":1867},{"type":16,"tag":108,"props":21611,"children":21612},{"style":121},[21613],{"type":22,"value":31},{"type":16,"tag":108,"props":21615,"children":21616},{"style":115},[21617],{"type":22,"value":182},{"type":16,"tag":108,"props":21619,"children":21620},{"class":110,"line":369},[21621],{"type":16,"tag":108,"props":21622,"children":21623},{"emptyLinePlaceholder":477},[21624],{"type":22,"value":480},{"type":16,"tag":108,"props":21626,"children":21627},{"class":110,"line":602},[21628,21632,21636,21640,21644,21649,21654,21658],{"type":16,"tag":108,"props":21629,"children":21630},{"style":115},[21631],{"type":22,"value":1737},{"type":16,"tag":108,"props":21633,"children":21634},{"style":121},[21635],{"type":22,"value":212},{"type":16,"tag":108,"props":21637,"children":21638},{"style":126},[21639],{"type":22,"value":159},{"type":16,"tag":108,"props":21641,"children":21642},{"style":115},[21643],{"type":22,"value":134},{"type":16,"tag":108,"props":21645,"children":21646},{"style":137},[21647],{"type":22,"value":21648},"\"read-more#toggle\"",{"type":16,"tag":108,"props":21650,"children":21651},{"style":115},[21652],{"type":22,"value":21653},">Read more\u003C/",{"type":16,"tag":108,"props":21655,"children":21656},{"style":121},[21657],{"type":22,"value":212},{"type":16,"tag":108,"props":21659,"children":21660},{"style":115},[21661],{"type":22,"value":182},{"type":16,"tag":108,"props":21663,"children":21664},{"class":110,"line":611},[21665,21669,21673],{"type":16,"tag":108,"props":21666,"children":21667},{"style":115},[21668],{"type":22,"value":924},{"type":16,"tag":108,"props":21670,"children":21671},{"style":121},[21672],{"type":22,"value":929},{"type":16,"tag":108,"props":21674,"children":21675},{"style":115},[21676],{"type":22,"value":182},{"type":16,"tag":17,"props":21678,"children":21679},{"id":1224},[21680],{"type":22,"value":1227},{"type":16,"tag":1229,"props":21682,"children":21683},{},[21684,21706],{"type":16,"tag":1233,"props":21685,"children":21686},{},[21687],{"type":16,"tag":1237,"props":21688,"children":21689},{},[21690,21694,21698,21702],{"type":16,"tag":1241,"props":21691,"children":21692},{},[21693],{"type":22,"value":1245},{"type":16,"tag":1241,"props":21695,"children":21696},{},[21697],{"type":22,"value":1250},{"type":16,"tag":1241,"props":21699,"children":21700},{},[21701],{"type":22,"value":1255},{"type":16,"tag":1241,"props":21703,"children":21704},{},[21705],{"type":22,"value":1260},{"type":16,"tag":1262,"props":21707,"children":21708},{},[21709,21738],{"type":16,"tag":1237,"props":21710,"children":21711},{},[21712,21721,21729,21734],{"type":16,"tag":1269,"props":21713,"children":21714},{},[21715],{"type":16,"tag":68,"props":21716,"children":21718},{"className":21717},[],[21719],{"type":22,"value":21720},"data-read-more-more-text-value",{"type":16,"tag":1269,"props":21722,"children":21723},{},[21724],{"type":16,"tag":68,"props":21725,"children":21727},{"className":21726},[],[21728],{"type":22,"value":1286},{"type":16,"tag":1269,"props":21730,"children":21731},{},[21732],{"type":22,"value":21733},"Text to display to show more text.",{"type":16,"tag":1269,"props":21735,"children":21736},{},[21737],{"type":22,"value":1384},{"type":16,"tag":1237,"props":21739,"children":21740},{},[21741,21750,21758,21763],{"type":16,"tag":1269,"props":21742,"children":21743},{},[21744],{"type":16,"tag":68,"props":21745,"children":21747},{"className":21746},[],[21748],{"type":22,"value":21749},"data-read-more-less-text-value",{"type":16,"tag":1269,"props":21751,"children":21752},{},[21753],{"type":16,"tag":68,"props":21754,"children":21756},{"className":21755},[],[21757],{"type":22,"value":1286},{"type":16,"tag":1269,"props":21759,"children":21760},{},[21761],{"type":22,"value":21762},"Text to display to show less text.",{"type":16,"tag":1269,"props":21764,"children":21765},{},[21766],{"type":22,"value":1384},{"type":16,"tag":17,"props":21768,"children":21769},{"id":428},[21770],{"type":22,"value":431},{"type":16,"tag":428,"props":21772,"children":21773},{},[21774],{"type":16,"tag":93,"props":21775,"children":21777},{"tab-name":21776},"app/javascript/controllers/read_more_controller.js",[21778],{"type":16,"tag":98,"props":21779,"children":21781},{"className":441,"code":21780,"language":443,"meta":7,"style":7},"import ReadMore from \"@stimulus-components/read-more\"\n\nexport default class extends ReadMore {\n  connect() {\n    super.connect()\n    console.log(\"Do what you want here.\")\n  }\n\n  // Function to override on toggle.\n  toggle(event) {}\n\n  // Function to override when the text is shown.\n  show(event) {}\n\n  // Function to override when the text is hidden.\n  hide(event) {}\n}\n",[21782],{"type":16,"tag":68,"props":21783,"children":21784},{"__ignoreMap":7},[21785,21806,21813,21840,21851,21870,21897,21904,21911,21919,21939,21946,21954,21974,21981,21989,22008],{"type":16,"tag":108,"props":21786,"children":21787},{"class":110,"line":111},[21788,21792,21797,21801],{"type":16,"tag":108,"props":21789,"children":21790},{"style":453},[21791],{"type":22,"value":456},{"type":16,"tag":108,"props":21793,"children":21794},{"style":121},[21795],{"type":22,"value":21796}," ReadMore",{"type":16,"tag":108,"props":21798,"children":21799},{"style":453},[21800],{"type":22,"value":466},{"type":16,"tag":108,"props":21802,"children":21803},{"style":137},[21804],{"type":22,"value":21805}," \"@stimulus-components/read-more\"\n",{"type":16,"tag":108,"props":21807,"children":21808},{"class":110,"line":297},[21809],{"type":16,"tag":108,"props":21810,"children":21811},{"emptyLinePlaceholder":477},[21812],{"type":22,"value":480},{"type":16,"tag":108,"props":21814,"children":21815},{"class":110,"line":315},[21816,21820,21824,21828,21832,21836],{"type":16,"tag":108,"props":21817,"children":21818},{"style":453},[21819],{"type":22,"value":488},{"type":16,"tag":108,"props":21821,"children":21822},{"style":453},[21823],{"type":22,"value":493},{"type":16,"tag":108,"props":21825,"children":21826},{"style":453},[21827],{"type":22,"value":498},{"type":16,"tag":108,"props":21829,"children":21830},{"style":453},[21831],{"type":22,"value":503},{"type":16,"tag":108,"props":21833,"children":21834},{"style":506},[21835],{"type":22,"value":21796},{"type":16,"tag":108,"props":21837,"children":21838},{"style":115},[21839],{"type":22,"value":513},{"type":16,"tag":108,"props":21841,"children":21842},{"class":110,"line":333},[21843,21847],{"type":16,"tag":108,"props":21844,"children":21845},{"style":519},[21846],{"type":22,"value":1525},{"type":16,"tag":108,"props":21848,"children":21849},{"style":115},[21850],{"type":22,"value":1530},{"type":16,"tag":108,"props":21852,"children":21853},{"class":110,"line":351},[21854,21858,21862,21866],{"type":16,"tag":108,"props":21855,"children":21856},{"style":544},[21857],{"type":22,"value":547},{"type":16,"tag":108,"props":21859,"children":21860},{"style":115},[21861],{"type":22,"value":46},{"type":16,"tag":108,"props":21863,"children":21864},{"style":519},[21865],{"type":22,"value":1546},{"type":16,"tag":108,"props":21867,"children":21868},{"style":115},[21869],{"type":22,"value":1551},{"type":16,"tag":108,"props":21871,"children":21872},{"class":110,"line":369},[21873,21877,21881,21885,21889,21893],{"type":16,"tag":108,"props":21874,"children":21875},{"style":506},[21876],{"type":22,"value":577},{"type":16,"tag":108,"props":21878,"children":21879},{"style":115},[21880],{"type":22,"value":46},{"type":16,"tag":108,"props":21882,"children":21883},{"style":519},[21884],{"type":22,"value":586},{"type":16,"tag":108,"props":21886,"children":21887},{"style":115},[21888],{"type":22,"value":527},{"type":16,"tag":108,"props":21890,"children":21891},{"style":137},[21892],{"type":22,"value":595},{"type":16,"tag":108,"props":21894,"children":21895},{"style":115},[21896],{"type":22,"value":569},{"type":16,"tag":108,"props":21898,"children":21899},{"class":110,"line":602},[21900],{"type":16,"tag":108,"props":21901,"children":21902},{"style":115},[21903],{"type":22,"value":608},{"type":16,"tag":108,"props":21905,"children":21906},{"class":110,"line":611},[21907],{"type":16,"tag":108,"props":21908,"children":21909},{"emptyLinePlaceholder":477},[21910],{"type":22,"value":480},{"type":16,"tag":108,"props":21912,"children":21913},{"class":110,"line":619},[21914],{"type":16,"tag":108,"props":21915,"children":21916},{"style":1798},[21917],{"type":22,"value":21918},"  // Function to override on toggle.\n",{"type":16,"tag":108,"props":21920,"children":21921},{"class":110,"line":640},[21922,21926,21930,21934],{"type":16,"tag":108,"props":21923,"children":21924},{"style":519},[21925],{"type":22,"value":12711},{"type":16,"tag":108,"props":21927,"children":21928},{"style":115},[21929],{"type":22,"value":527},{"type":16,"tag":108,"props":21931,"children":21932},{"style":530},[21933],{"type":22,"value":533},{"type":16,"tag":108,"props":21935,"children":21936},{"style":115},[21937],{"type":22,"value":21938},") {}\n",{"type":16,"tag":108,"props":21940,"children":21941},{"class":110,"line":669},[21942],{"type":16,"tag":108,"props":21943,"children":21944},{"emptyLinePlaceholder":477},[21945],{"type":22,"value":480},{"type":16,"tag":108,"props":21947,"children":21948},{"class":110,"line":677},[21949],{"type":16,"tag":108,"props":21950,"children":21951},{"style":1798},[21952],{"type":22,"value":21953},"  // Function to override when the text is shown.\n",{"type":16,"tag":108,"props":21955,"children":21956},{"class":110,"line":2008},[21957,21962,21966,21970],{"type":16,"tag":108,"props":21958,"children":21959},{"style":519},[21960],{"type":22,"value":21961},"  show",{"type":16,"tag":108,"props":21963,"children":21964},{"style":115},[21965],{"type":22,"value":527},{"type":16,"tag":108,"props":21967,"children":21968},{"style":530},[21969],{"type":22,"value":533},{"type":16,"tag":108,"props":21971,"children":21972},{"style":115},[21973],{"type":22,"value":21938},{"type":16,"tag":108,"props":21975,"children":21976},{"class":110,"line":785},[21977],{"type":16,"tag":108,"props":21978,"children":21979},{"emptyLinePlaceholder":477},[21980],{"type":22,"value":480},{"type":16,"tag":108,"props":21982,"children":21983},{"class":110,"line":2033},[21984],{"type":16,"tag":108,"props":21985,"children":21986},{"style":1798},[21987],{"type":22,"value":21988},"  // Function to override when the text is hidden.\n",{"type":16,"tag":108,"props":21990,"children":21991},{"class":110,"line":3198},[21992,21996,22000,22004],{"type":16,"tag":108,"props":21993,"children":21994},{"style":519},[21995],{"type":22,"value":12765},{"type":16,"tag":108,"props":21997,"children":21998},{"style":115},[21999],{"type":22,"value":527},{"type":16,"tag":108,"props":22001,"children":22002},{"style":530},[22003],{"type":22,"value":533},{"type":16,"tag":108,"props":22005,"children":22006},{"style":115},[22007],{"type":22,"value":21938},{"type":16,"tag":108,"props":22009,"children":22010},{"class":110,"line":3216},[22011],{"type":16,"tag":108,"props":22012,"children":22013},{"style":115},[22014],{"type":22,"value":683},{"type":16,"tag":685,"props":22016,"children":22017},{},[22018],{"type":22,"value":689},{"title":7,"searchDepth":297,"depth":297,"links":22020},[22021,22022,22023,22024,22025],{"id":19,"depth":297,"text":23},{"id":49,"depth":297,"text":52},{"id":58,"depth":297,"text":61},{"id":1224,"depth":297,"text":1227},{"id":428,"depth":297,"text":431},"content:docs:stimulus-read-more.md","docs/stimulus-read-more.md","docs/stimulus-read-more",{"_path":22030,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":22031,"description":22032,"package":22033,"packagePath":22034,"body":22035,"_type":696,"_id":23187,"_source":698,"_file":23188,"_stem":23189,"_extension":701},"/docs/stimulus-remote-rails","Remote Rails","A Stimulus controller to handle Rails UJS events.","remote-rails","@stimulus-components/remote-rails",{"type":13,"children":22036,"toc":23181},[22037,22041,22045,22049,22052,22056,22351,22675,22687,22970,22997,23020,23033,23037,23177],{"type":16,"tag":17,"props":22038,"children":22039},{"id":19},[22040],{"type":22,"value":23},{"type":16,"tag":25,"props":22042,"children":22044},{":package":27,":package-path":28,"controller-name":22043},"remote",[],{"type":16,"tag":17,"props":22046,"children":22047},{"id":49},[22048],{"type":22,"value":52},{"type":16,"tag":22033,"props":22050,"children":22051},{},[],{"type":16,"tag":17,"props":22053,"children":22054},{"id":58},[22055],{"type":22,"value":61},{"type":16,"tag":93,"props":22057,"children":22059},{"tab-name":22058},"app/controllers/comments_controller.rb",[22060],{"type":16,"tag":98,"props":22061,"children":22063},{"className":4258,"code":22062,"language":4260,"meta":7,"style":7},"class CommentsController \u003C ApplicationController\n  def create\n    @comment = Comment.new(comment_params)\n\n    if @comment.save\n      render @comment\n    else\n      render partial: 'comments/form', locals: { comment: @comment }, status: :unprocessable_entity\n    end\n  end\n\n  private\n\n  def comment_params\n    params\n      .require(:comment)\n      .permit(:content)\n  end\nend\n",[22064],{"type":16,"tag":68,"props":22065,"children":22066},{"__ignoreMap":7},[22067,22087,22099,22129,22136,22153,22165,22172,22244,22251,22258,22265,22272,22279,22291,22298,22317,22337,22344],{"type":16,"tag":108,"props":22068,"children":22069},{"class":110,"line":111},[22070,22074,22079,22083],{"type":16,"tag":108,"props":22071,"children":22072},{"style":453},[22073],{"type":22,"value":4272},{"type":16,"tag":108,"props":22075,"children":22076},{"style":506},[22077],{"type":22,"value":22078}," CommentsController",{"type":16,"tag":108,"props":22080,"children":22081},{"style":115},[22082],{"type":22,"value":4282},{"type":16,"tag":108,"props":22084,"children":22085},{"style":506},[22086],{"type":22,"value":4287},{"type":16,"tag":108,"props":22088,"children":22089},{"class":110,"line":297},[22090,22094],{"type":16,"tag":108,"props":22091,"children":22092},{"style":453},[22093],{"type":22,"value":4295},{"type":16,"tag":108,"props":22095,"children":22096},{"style":519},[22097],{"type":22,"value":22098}," create\n",{"type":16,"tag":108,"props":22100,"children":22101},{"class":110,"line":315},[22102,22107,22111,22116,22120,22124],{"type":16,"tag":108,"props":22103,"children":22104},{"style":121},[22105],{"type":22,"value":22106},"    @comment",{"type":16,"tag":108,"props":22108,"children":22109},{"style":1654},[22110],{"type":22,"value":2201},{"type":16,"tag":108,"props":22112,"children":22113},{"style":506},[22114],{"type":22,"value":22115}," Comment",{"type":16,"tag":108,"props":22117,"children":22118},{"style":115},[22119],{"type":22,"value":46},{"type":16,"tag":108,"props":22121,"children":22122},{"style":519},[22123],{"type":22,"value":20462},{"type":16,"tag":108,"props":22125,"children":22126},{"style":115},[22127],{"type":22,"value":22128},"(comment_params)\n",{"type":16,"tag":108,"props":22130,"children":22131},{"class":110,"line":333},[22132],{"type":16,"tag":108,"props":22133,"children":22134},{"emptyLinePlaceholder":477},[22135],{"type":22,"value":480},{"type":16,"tag":108,"props":22137,"children":22138},{"class":110,"line":351},[22139,22143,22148],{"type":16,"tag":108,"props":22140,"children":22141},{"style":453},[22142],{"type":22,"value":6499},{"type":16,"tag":108,"props":22144,"children":22145},{"style":121},[22146],{"type":22,"value":22147}," @comment",{"type":16,"tag":108,"props":22149,"children":22150},{"style":115},[22151],{"type":22,"value":22152},".save\n",{"type":16,"tag":108,"props":22154,"children":22155},{"class":110,"line":369},[22156,22160],{"type":16,"tag":108,"props":22157,"children":22158},{"style":115},[22159],{"type":22,"value":6528},{"type":16,"tag":108,"props":22161,"children":22162},{"style":121},[22163],{"type":22,"value":22164},"@comment\n",{"type":16,"tag":108,"props":22166,"children":22167},{"class":110,"line":602},[22168],{"type":16,"tag":108,"props":22169,"children":22170},{"style":453},[22171],{"type":22,"value":6520},{"type":16,"tag":108,"props":22173,"children":22174},{"class":110,"line":611},[22175,22179,22183,22187,22192,22196,22200,22204,22208,22213,22217,22221,22226,22231,22235,22239],{"type":16,"tag":108,"props":22176,"children":22177},{"style":115},[22178],{"type":22,"value":6528},{"type":16,"tag":108,"props":22180,"children":22181},{"style":1654},[22182],{"type":22,"value":9771},{"type":16,"tag":108,"props":22184,"children":22185},{"style":126},[22186],{"type":22,"value":1662},{"type":16,"tag":108,"props":22188,"children":22189},{"style":137},[22190],{"type":22,"value":22191}," 'comments/form'",{"type":16,"tag":108,"props":22193,"children":22194},{"style":115},[22195],{"type":22,"value":397},{"type":16,"tag":108,"props":22197,"children":22198},{"style":1654},[22199],{"type":22,"value":9789},{"type":16,"tag":108,"props":22201,"children":22202},{"style":126},[22203],{"type":22,"value":1662},{"type":16,"tag":108,"props":22205,"children":22206},{"style":115},[22207],{"type":22,"value":1685},{"type":16,"tag":108,"props":22209,"children":22210},{"style":1654},[22211],{"type":22,"value":22212},"comment",{"type":16,"tag":108,"props":22214,"children":22215},{"style":126},[22216],{"type":22,"value":1662},{"type":16,"tag":108,"props":22218,"children":22219},{"style":121},[22220],{"type":22,"value":22147},{"type":16,"tag":108,"props":22222,"children":22223},{"style":115},[22224],{"type":22,"value":22225}," }, ",{"type":16,"tag":108,"props":22227,"children":22228},{"style":1654},[22229],{"type":22,"value":22230},"status",{"type":16,"tag":108,"props":22232,"children":22233},{"style":126},[22234],{"type":22,"value":1662},{"type":16,"tag":108,"props":22236,"children":22237},{"style":126},[22238],{"type":22,"value":19940},{"type":16,"tag":108,"props":22240,"children":22241},{"style":1654},[22242],{"type":22,"value":22243},"unprocessable_entity\n",{"type":16,"tag":108,"props":22245,"children":22246},{"class":110,"line":619},[22247],{"type":16,"tag":108,"props":22248,"children":22249},{"style":453},[22250],{"type":22,"value":6545},{"type":16,"tag":108,"props":22252,"children":22253},{"class":110,"line":640},[22254],{"type":16,"tag":108,"props":22255,"children":22256},{"style":453},[22257],{"type":22,"value":4682},{"type":16,"tag":108,"props":22259,"children":22260},{"class":110,"line":669},[22261],{"type":16,"tag":108,"props":22262,"children":22263},{"emptyLinePlaceholder":477},[22264],{"type":22,"value":480},{"type":16,"tag":108,"props":22266,"children":22267},{"class":110,"line":677},[22268],{"type":16,"tag":108,"props":22269,"children":22270},{"style":519},[22271],{"type":22,"value":6567},{"type":16,"tag":108,"props":22273,"children":22274},{"class":110,"line":2008},[22275],{"type":16,"tag":108,"props":22276,"children":22277},{"emptyLinePlaceholder":477},[22278],{"type":22,"value":480},{"type":16,"tag":108,"props":22280,"children":22281},{"class":110,"line":785},[22282,22286],{"type":16,"tag":108,"props":22283,"children":22284},{"style":453},[22285],{"type":22,"value":4295},{"type":16,"tag":108,"props":22287,"children":22288},{"style":519},[22289],{"type":22,"value":22290}," comment_params\n",{"type":16,"tag":108,"props":22292,"children":22293},{"class":110,"line":2033},[22294],{"type":16,"tag":108,"props":22295,"children":22296},{"style":115},[22297],{"type":22,"value":6594},{"type":16,"tag":108,"props":22299,"children":22300},{"class":110,"line":3198},[22301,22305,22309,22313],{"type":16,"tag":108,"props":22302,"children":22303},{"style":115},[22304],{"type":22,"value":6602},{"type":16,"tag":108,"props":22306,"children":22307},{"style":126},[22308],{"type":22,"value":1662},{"type":16,"tag":108,"props":22310,"children":22311},{"style":1654},[22312],{"type":22,"value":22212},{"type":16,"tag":108,"props":22314,"children":22315},{"style":115},[22316],{"type":22,"value":569},{"type":16,"tag":108,"props":22318,"children":22319},{"class":110,"line":3216},[22320,22325,22329,22333],{"type":16,"tag":108,"props":22321,"children":22322},{"style":115},[22323],{"type":22,"value":22324},"      .permit(",{"type":16,"tag":108,"props":22326,"children":22327},{"style":126},[22328],{"type":22,"value":1662},{"type":16,"tag":108,"props":22330,"children":22331},{"style":1654},[22332],{"type":22,"value":698},{"type":16,"tag":108,"props":22334,"children":22335},{"style":115},[22336],{"type":22,"value":569},{"type":16,"tag":108,"props":22338,"children":22339},{"class":110,"line":3229},[22340],{"type":16,"tag":108,"props":22341,"children":22342},{"style":453},[22343],{"type":22,"value":4682},{"type":16,"tag":108,"props":22345,"children":22346},{"class":110,"line":3238},[22347],{"type":16,"tag":108,"props":22348,"children":22349},{"style":453},[22350],{"type":22,"value":4691},{"type":16,"tag":93,"props":22352,"children":22354},{"tab-name":22353},"app/views/comments/edit.html.erb",[22355],{"type":16,"tag":98,"props":22356,"children":22358},{"className":1632,"code":22357,"language":1634,"meta":7,"style":7},"\u003C%= form_with model: @comment, data: { controller: 'remote', action: 'ajax:success->remote#append ajax:error->remote#replace' } do |f| %>\n  \u003C% if f.object.errors.any? %>\n    \u003C% f.object.errors.full_messages.each do |error| %>\n      \u003Cp>\u003C%= error %>\u003C/p>\n    \u003C% end %>\n  \u003C% end %>\n\n  \u003C%= f.label :content %>\n  \u003C%= f.text_field :content %>\n\n  \u003C%= f.submit 'Save comment' %>\n\u003C% end %>\n",[22359],{"type":16,"tag":68,"props":22360,"children":22361},{"__ignoreMap":7},[22362,22455,22476,22509,22550,22565,22580,22587,22610,22633,22640,22660],{"type":16,"tag":108,"props":22363,"children":22364},{"class":110,"line":111},[22365,22369,22373,22377,22381,22385,22389,22393,22397,22401,22405,22409,22414,22418,22422,22426,22431,22435,22439,22443,22447,22451],{"type":16,"tag":108,"props":22366,"children":22367},{"style":453},[22368],{"type":22,"value":1646},{"type":16,"tag":108,"props":22370,"children":22371},{"style":115},[22372],{"type":22,"value":1651},{"type":16,"tag":108,"props":22374,"children":22375},{"style":1654},[22376],{"type":22,"value":1657},{"type":16,"tag":108,"props":22378,"children":22379},{"style":126},[22380],{"type":22,"value":1662},{"type":16,"tag":108,"props":22382,"children":22383},{"style":121},[22384],{"type":22,"value":22147},{"type":16,"tag":108,"props":22386,"children":22387},{"style":115},[22388],{"type":22,"value":397},{"type":16,"tag":108,"props":22390,"children":22391},{"style":1654},[22392],{"type":22,"value":1676},{"type":16,"tag":108,"props":22394,"children":22395},{"style":126},[22396],{"type":22,"value":1662},{"type":16,"tag":108,"props":22398,"children":22399},{"style":115},[22400],{"type":22,"value":1685},{"type":16,"tag":108,"props":22402,"children":22403},{"style":1654},[22404],{"type":22,"value":1690},{"type":16,"tag":108,"props":22406,"children":22407},{"style":126},[22408],{"type":22,"value":1662},{"type":16,"tag":108,"props":22410,"children":22411},{"style":137},[22412],{"type":22,"value":22413}," 'remote'",{"type":16,"tag":108,"props":22415,"children":22416},{"style":115},[22417],{"type":22,"value":397},{"type":16,"tag":108,"props":22419,"children":22420},{"style":1654},[22421],{"type":22,"value":1842},{"type":16,"tag":108,"props":22423,"children":22424},{"style":126},[22425],{"type":22,"value":1662},{"type":16,"tag":108,"props":22427,"children":22428},{"style":137},[22429],{"type":22,"value":22430}," 'ajax:success->remote#append ajax:error->remote#replace'",{"type":16,"tag":108,"props":22432,"children":22433},{"style":115},[22434],{"type":22,"value":1704},{"type":16,"tag":108,"props":22436,"children":22437},{"style":453},[22438],{"type":22,"value":1709},{"type":16,"tag":108,"props":22440,"children":22441},{"style":115},[22442],{"type":22,"value":1714},{"type":16,"tag":108,"props":22444,"children":22445},{"style":121},[22446],{"type":22,"value":1719},{"type":16,"tag":108,"props":22448,"children":22449},{"style":115},[22450],{"type":22,"value":1724},{"type":16,"tag":108,"props":22452,"children":22453},{"style":453},[22454],{"type":22,"value":1729},{"type":16,"tag":108,"props":22456,"children":22457},{"class":110,"line":297},[22458,22462,22467,22472],{"type":16,"tag":108,"props":22459,"children":22460},{"style":453},[22461],{"type":22,"value":7034},{"type":16,"tag":108,"props":22463,"children":22464},{"style":453},[22465],{"type":22,"value":22466}," if",{"type":16,"tag":108,"props":22468,"children":22469},{"style":115},[22470],{"type":22,"value":22471}," f.object.errors.any? ",{"type":16,"tag":108,"props":22473,"children":22474},{"style":453},[22475],{"type":22,"value":1729},{"type":16,"tag":108,"props":22477,"children":22478},{"class":110,"line":315},[22479,22483,22488,22492,22496,22501,22505],{"type":16,"tag":108,"props":22480,"children":22481},{"style":453},[22482],{"type":22,"value":7018},{"type":16,"tag":108,"props":22484,"children":22485},{"style":115},[22486],{"type":22,"value":22487}," f.object.errors.full_messages.each ",{"type":16,"tag":108,"props":22489,"children":22490},{"style":453},[22491],{"type":22,"value":1709},{"type":16,"tag":108,"props":22493,"children":22494},{"style":115},[22495],{"type":22,"value":1714},{"type":16,"tag":108,"props":22497,"children":22498},{"style":121},[22499],{"type":22,"value":22500},"error",{"type":16,"tag":108,"props":22502,"children":22503},{"style":115},[22504],{"type":22,"value":1724},{"type":16,"tag":108,"props":22506,"children":22507},{"style":453},[22508],{"type":22,"value":1729},{"type":16,"tag":108,"props":22510,"children":22511},{"class":110,"line":333},[22512,22516,22520,22525,22529,22534,22538,22542,22546],{"type":16,"tag":108,"props":22513,"children":22514},{"style":115},[22515],{"type":22,"value":5657},{"type":16,"tag":108,"props":22517,"children":22518},{"style":121},[22519],{"type":22,"value":31},{"type":16,"tag":108,"props":22521,"children":22522},{"style":115},[22523],{"type":22,"value":22524},">",{"type":16,"tag":108,"props":22526,"children":22527},{"style":453},[22528],{"type":22,"value":1646},{"type":16,"tag":108,"props":22530,"children":22531},{"style":115},[22532],{"type":22,"value":22533}," error ",{"type":16,"tag":108,"props":22535,"children":22536},{"style":453},[22537],{"type":22,"value":4762},{"type":16,"tag":108,"props":22539,"children":22540},{"style":115},[22541],{"type":22,"value":924},{"type":16,"tag":108,"props":22543,"children":22544},{"style":121},[22545],{"type":22,"value":31},{"type":16,"tag":108,"props":22547,"children":22548},{"style":115},[22549],{"type":22,"value":182},{"type":16,"tag":108,"props":22551,"children":22552},{"class":110,"line":351},[22553,22557,22561],{"type":16,"tag":108,"props":22554,"children":22555},{"style":453},[22556],{"type":22,"value":7018},{"type":16,"tag":108,"props":22558,"children":22559},{"style":453},[22560],{"type":22,"value":2044},{"type":16,"tag":108,"props":22562,"children":22563},{"style":453},[22564],{"type":22,"value":1785},{"type":16,"tag":108,"props":22566,"children":22567},{"class":110,"line":369},[22568,22572,22576],{"type":16,"tag":108,"props":22569,"children":22570},{"style":453},[22571],{"type":22,"value":7034},{"type":16,"tag":108,"props":22573,"children":22574},{"style":453},[22575],{"type":22,"value":2044},{"type":16,"tag":108,"props":22577,"children":22578},{"style":453},[22579],{"type":22,"value":1785},{"type":16,"tag":108,"props":22581,"children":22582},{"class":110,"line":602},[22583],{"type":16,"tag":108,"props":22584,"children":22585},{"emptyLinePlaceholder":477},[22586],{"type":22,"value":480},{"type":16,"tag":108,"props":22588,"children":22589},{"class":110,"line":611},[22590,22594,22598,22602,22606],{"type":16,"tag":108,"props":22591,"children":22592},{"style":453},[22593],{"type":22,"value":2021},{"type":16,"tag":108,"props":22595,"children":22596},{"style":115},[22597],{"type":22,"value":1771},{"type":16,"tag":108,"props":22599,"children":22600},{"style":126},[22601],{"type":22,"value":1662},{"type":16,"tag":108,"props":22603,"children":22604},{"style":1654},[22605],{"type":22,"value":698},{"type":16,"tag":108,"props":22607,"children":22608},{"style":453},[22609],{"type":22,"value":1785},{"type":16,"tag":108,"props":22611,"children":22612},{"class":110,"line":619},[22613,22617,22621,22625,22629],{"type":16,"tag":108,"props":22614,"children":22615},{"style":453},[22616],{"type":22,"value":2021},{"type":16,"tag":108,"props":22618,"children":22619},{"style":115},[22620],{"type":22,"value":1813},{"type":16,"tag":108,"props":22622,"children":22623},{"style":126},[22624],{"type":22,"value":1662},{"type":16,"tag":108,"props":22626,"children":22627},{"style":1654},[22628],{"type":22,"value":698},{"type":16,"tag":108,"props":22630,"children":22631},{"style":453},[22632],{"type":22,"value":1785},{"type":16,"tag":108,"props":22634,"children":22635},{"class":110,"line":640},[22636],{"type":16,"tag":108,"props":22637,"children":22638},{"emptyLinePlaceholder":477},[22639],{"type":22,"value":480},{"type":16,"tag":108,"props":22641,"children":22642},{"class":110,"line":669},[22643,22647,22651,22656],{"type":16,"tag":108,"props":22644,"children":22645},{"style":453},[22646],{"type":22,"value":2021},{"type":16,"tag":108,"props":22648,"children":22649},{"style":115},[22650],{"type":22,"value":2026},{"type":16,"tag":108,"props":22652,"children":22653},{"style":137},[22654],{"type":22,"value":22655},"'Save comment'",{"type":16,"tag":108,"props":22657,"children":22658},{"style":453},[22659],{"type":22,"value":1785},{"type":16,"tag":108,"props":22661,"children":22662},{"class":110,"line":677},[22663,22667,22671],{"type":16,"tag":108,"props":22664,"children":22665},{"style":453},[22666],{"type":22,"value":2039},{"type":16,"tag":108,"props":22668,"children":22669},{"style":453},[22670],{"type":22,"value":2044},{"type":16,"tag":108,"props":22672,"children":22673},{"style":453},[22674],{"type":22,"value":1785},{"type":16,"tag":31,"props":22676,"children":22677},{},[22678,22680,22686],{"type":22,"value":22679},"With a ",{"type":16,"tag":68,"props":22681,"children":22683},{"className":22682},[],[22684],{"type":22,"value":22685},"link_to",{"type":22,"value":1662},{"type":16,"tag":93,"props":22688,"children":22690},{"tab-name":22689},"app/views/comments/index.html.erb",[22691],{"type":16,"tag":98,"props":22692,"children":22694},{"className":1632,"code":22693,"language":1634,"meta":7,"style":7},"\u003C%= link_to 'Click me to append content', content_path, remote: true, data: { controller: 'remote', action: 'ajax:success->remote#append' } %>\n\n\u003C%= link_to 'Click me to prepend content', content_path, remote: true, data: { controller: 'remote', action: 'ajax:success->remote#prepend' } %>\n\n\u003C%= link_to 'Click me to replace content', content_path, remote: true, data: { controller: 'remote', action: 'ajax:success->remote#replace' } %>\n",[22695],{"type":16,"tag":68,"props":22696,"children":22697},{"__ignoreMap":7},[22698,22786,22793,22878,22885],{"type":16,"tag":108,"props":22699,"children":22700},{"class":110,"line":111},[22701,22705,22710,22715,22720,22724,22728,22733,22737,22741,22745,22749,22753,22757,22761,22765,22769,22773,22778,22782],{"type":16,"tag":108,"props":22702,"children":22703},{"style":453},[22704],{"type":22,"value":1646},{"type":16,"tag":108,"props":22706,"children":22707},{"style":115},[22708],{"type":22,"value":22709}," link_to ",{"type":16,"tag":108,"props":22711,"children":22712},{"style":137},[22713],{"type":22,"value":22714},"'Click me to append content'",{"type":16,"tag":108,"props":22716,"children":22717},{"style":115},[22718],{"type":22,"value":22719},", content_path, ",{"type":16,"tag":108,"props":22721,"children":22722},{"style":1654},[22723],{"type":22,"value":22043},{"type":16,"tag":108,"props":22725,"children":22726},{"style":126},[22727],{"type":22,"value":1662},{"type":16,"tag":108,"props":22729,"children":22730},{"style":126},[22731],{"type":22,"value":22732}," true",{"type":16,"tag":108,"props":22734,"children":22735},{"style":115},[22736],{"type":22,"value":397},{"type":16,"tag":108,"props":22738,"children":22739},{"style":1654},[22740],{"type":22,"value":1676},{"type":16,"tag":108,"props":22742,"children":22743},{"style":126},[22744],{"type":22,"value":1662},{"type":16,"tag":108,"props":22746,"children":22747},{"style":115},[22748],{"type":22,"value":1685},{"type":16,"tag":108,"props":22750,"children":22751},{"style":1654},[22752],{"type":22,"value":1690},{"type":16,"tag":108,"props":22754,"children":22755},{"style":126},[22756],{"type":22,"value":1662},{"type":16,"tag":108,"props":22758,"children":22759},{"style":137},[22760],{"type":22,"value":22413},{"type":16,"tag":108,"props":22762,"children":22763},{"style":115},[22764],{"type":22,"value":397},{"type":16,"tag":108,"props":22766,"children":22767},{"style":1654},[22768],{"type":22,"value":1842},{"type":16,"tag":108,"props":22770,"children":22771},{"style":126},[22772],{"type":22,"value":1662},{"type":16,"tag":108,"props":22774,"children":22775},{"style":137},[22776],{"type":22,"value":22777}," 'ajax:success->remote#append'",{"type":16,"tag":108,"props":22779,"children":22780},{"style":115},[22781],{"type":22,"value":1704},{"type":16,"tag":108,"props":22783,"children":22784},{"style":453},[22785],{"type":22,"value":1729},{"type":16,"tag":108,"props":22787,"children":22788},{"class":110,"line":297},[22789],{"type":16,"tag":108,"props":22790,"children":22791},{"emptyLinePlaceholder":477},[22792],{"type":22,"value":480},{"type":16,"tag":108,"props":22794,"children":22795},{"class":110,"line":315},[22796,22800,22804,22809,22813,22817,22821,22825,22829,22833,22837,22841,22845,22849,22853,22857,22861,22865,22870,22874],{"type":16,"tag":108,"props":22797,"children":22798},{"style":453},[22799],{"type":22,"value":1646},{"type":16,"tag":108,"props":22801,"children":22802},{"style":115},[22803],{"type":22,"value":22709},{"type":16,"tag":108,"props":22805,"children":22806},{"style":137},[22807],{"type":22,"value":22808},"'Click me to prepend content'",{"type":16,"tag":108,"props":22810,"children":22811},{"style":115},[22812],{"type":22,"value":22719},{"type":16,"tag":108,"props":22814,"children":22815},{"style":1654},[22816],{"type":22,"value":22043},{"type":16,"tag":108,"props":22818,"children":22819},{"style":126},[22820],{"type":22,"value":1662},{"type":16,"tag":108,"props":22822,"children":22823},{"style":126},[22824],{"type":22,"value":22732},{"type":16,"tag":108,"props":22826,"children":22827},{"style":115},[22828],{"type":22,"value":397},{"type":16,"tag":108,"props":22830,"children":22831},{"style":1654},[22832],{"type":22,"value":1676},{"type":16,"tag":108,"props":22834,"children":22835},{"style":126},[22836],{"type":22,"value":1662},{"type":16,"tag":108,"props":22838,"children":22839},{"style":115},[22840],{"type":22,"value":1685},{"type":16,"tag":108,"props":22842,"children":22843},{"style":1654},[22844],{"type":22,"value":1690},{"type":16,"tag":108,"props":22846,"children":22847},{"style":126},[22848],{"type":22,"value":1662},{"type":16,"tag":108,"props":22850,"children":22851},{"style":137},[22852],{"type":22,"value":22413},{"type":16,"tag":108,"props":22854,"children":22855},{"style":115},[22856],{"type":22,"value":397},{"type":16,"tag":108,"props":22858,"children":22859},{"style":1654},[22860],{"type":22,"value":1842},{"type":16,"tag":108,"props":22862,"children":22863},{"style":126},[22864],{"type":22,"value":1662},{"type":16,"tag":108,"props":22866,"children":22867},{"style":137},[22868],{"type":22,"value":22869}," 'ajax:success->remote#prepend'",{"type":16,"tag":108,"props":22871,"children":22872},{"style":115},[22873],{"type":22,"value":1704},{"type":16,"tag":108,"props":22875,"children":22876},{"style":453},[22877],{"type":22,"value":1729},{"type":16,"tag":108,"props":22879,"children":22880},{"class":110,"line":333},[22881],{"type":16,"tag":108,"props":22882,"children":22883},{"emptyLinePlaceholder":477},[22884],{"type":22,"value":480},{"type":16,"tag":108,"props":22886,"children":22887},{"class":110,"line":351},[22888,22892,22896,22901,22905,22909,22913,22917,22921,22925,22929,22933,22937,22941,22945,22949,22953,22957,22962,22966],{"type":16,"tag":108,"props":22889,"children":22890},{"style":453},[22891],{"type":22,"value":1646},{"type":16,"tag":108,"props":22893,"children":22894},{"style":115},[22895],{"type":22,"value":22709},{"type":16,"tag":108,"props":22897,"children":22898},{"style":137},[22899],{"type":22,"value":22900},"'Click me to replace content'",{"type":16,"tag":108,"props":22902,"children":22903},{"style":115},[22904],{"type":22,"value":22719},{"type":16,"tag":108,"props":22906,"children":22907},{"style":1654},[22908],{"type":22,"value":22043},{"type":16,"tag":108,"props":22910,"children":22911},{"style":126},[22912],{"type":22,"value":1662},{"type":16,"tag":108,"props":22914,"children":22915},{"style":126},[22916],{"type":22,"value":22732},{"type":16,"tag":108,"props":22918,"children":22919},{"style":115},[22920],{"type":22,"value":397},{"type":16,"tag":108,"props":22922,"children":22923},{"style":1654},[22924],{"type":22,"value":1676},{"type":16,"tag":108,"props":22926,"children":22927},{"style":126},[22928],{"type":22,"value":1662},{"type":16,"tag":108,"props":22930,"children":22931},{"style":115},[22932],{"type":22,"value":1685},{"type":16,"tag":108,"props":22934,"children":22935},{"style":1654},[22936],{"type":22,"value":1690},{"type":16,"tag":108,"props":22938,"children":22939},{"style":126},[22940],{"type":22,"value":1662},{"type":16,"tag":108,"props":22942,"children":22943},{"style":137},[22944],{"type":22,"value":22413},{"type":16,"tag":108,"props":22946,"children":22947},{"style":115},[22948],{"type":22,"value":397},{"type":16,"tag":108,"props":22950,"children":22951},{"style":1654},[22952],{"type":22,"value":1842},{"type":16,"tag":108,"props":22954,"children":22955},{"style":126},[22956],{"type":22,"value":1662},{"type":16,"tag":108,"props":22958,"children":22959},{"style":137},[22960],{"type":22,"value":22961}," 'ajax:success->remote#replace'",{"type":16,"tag":108,"props":22963,"children":22964},{"style":115},[22965],{"type":22,"value":1704},{"type":16,"tag":108,"props":22967,"children":22968},{"style":453},[22969],{"type":22,"value":1729},{"type":16,"tag":31,"props":22971,"children":22972},{},[22973,22975,22981,22982,22988,22989,22995],{"type":22,"value":22974},"You can use ",{"type":16,"tag":68,"props":22976,"children":22978},{"className":22977},[],[22979],{"type":22,"value":22980},"append",{"type":22,"value":397},{"type":16,"tag":68,"props":22983,"children":22985},{"className":22984},[],[22986],{"type":22,"value":22987},"prepend",{"type":22,"value":75},{"type":16,"tag":68,"props":22990,"children":22992},{"className":22991},[],[22993],{"type":22,"value":22994},"replace",{"type":22,"value":22996}," methods with the events of your choice.",{"type":16,"tag":31,"props":22998,"children":22999},{},[23000],{"type":16,"tag":87,"props":23001,"children":23002},{},[23003,23005,23011,23013,23018],{"type":22,"value":23004},"Don't forget to add the ",{"type":16,"tag":68,"props":23006,"children":23008},{"className":23007},[],[23009],{"type":22,"value":23010},"remote: true",{"type":22,"value":23012}," attribute in your ",{"type":16,"tag":68,"props":23014,"children":23016},{"className":23015},[],[23017],{"type":22,"value":22685},{"type":22,"value":23019},"!",{"type":16,"tag":31,"props":23021,"children":23022},{},[23023,23025,23032],{"type":22,"value":23024},"You can use it with all ",{"type":16,"tag":37,"props":23026,"children":23029},{"href":23027,"rel":23028},"https://guides.rubyonrails.org/working_with_javascript_in_rails.html#remote-elements",[41],[23030],{"type":22,"value":23031},"remote elements available in Rails UJS",{"type":22,"value":46},{"type":16,"tag":17,"props":23034,"children":23035},{"id":428},[23036],{"type":22,"value":431},{"type":16,"tag":428,"props":23038,"children":23039},{},[23040],{"type":16,"tag":93,"props":23041,"children":23043},{"tab-name":23042},"app/javascript/controllers/remote_rails_controller.js",[23044],{"type":16,"tag":98,"props":23045,"children":23047},{"className":441,"code":23046,"language":443,"meta":7,"style":7},"import Remote from \"stimulus-remote-rails\"\n\nexport default class extends Remote {\n  connect() {\n    super.connect()\n    console.log(\"Do what you want here.\")\n  }\n}\n",[23048],{"type":16,"tag":68,"props":23049,"children":23050},{"__ignoreMap":7},[23051,23072,23079,23106,23117,23136,23163,23170],{"type":16,"tag":108,"props":23052,"children":23053},{"class":110,"line":111},[23054,23058,23063,23067],{"type":16,"tag":108,"props":23055,"children":23056},{"style":453},[23057],{"type":22,"value":456},{"type":16,"tag":108,"props":23059,"children":23060},{"style":121},[23061],{"type":22,"value":23062}," Remote",{"type":16,"tag":108,"props":23064,"children":23065},{"style":453},[23066],{"type":22,"value":466},{"type":16,"tag":108,"props":23068,"children":23069},{"style":137},[23070],{"type":22,"value":23071}," \"stimulus-remote-rails\"\n",{"type":16,"tag":108,"props":23073,"children":23074},{"class":110,"line":297},[23075],{"type":16,"tag":108,"props":23076,"children":23077},{"emptyLinePlaceholder":477},[23078],{"type":22,"value":480},{"type":16,"tag":108,"props":23080,"children":23081},{"class":110,"line":315},[23082,23086,23090,23094,23098,23102],{"type":16,"tag":108,"props":23083,"children":23084},{"style":453},[23085],{"type":22,"value":488},{"type":16,"tag":108,"props":23087,"children":23088},{"style":453},[23089],{"type":22,"value":493},{"type":16,"tag":108,"props":23091,"children":23092},{"style":453},[23093],{"type":22,"value":498},{"type":16,"tag":108,"props":23095,"children":23096},{"style":453},[23097],{"type":22,"value":503},{"type":16,"tag":108,"props":23099,"children":23100},{"style":506},[23101],{"type":22,"value":23062},{"type":16,"tag":108,"props":23103,"children":23104},{"style":115},[23105],{"type":22,"value":513},{"type":16,"tag":108,"props":23107,"children":23108},{"class":110,"line":333},[23109,23113],{"type":16,"tag":108,"props":23110,"children":23111},{"style":519},[23112],{"type":22,"value":1525},{"type":16,"tag":108,"props":23114,"children":23115},{"style":115},[23116],{"type":22,"value":1530},{"type":16,"tag":108,"props":23118,"children":23119},{"class":110,"line":351},[23120,23124,23128,23132],{"type":16,"tag":108,"props":23121,"children":23122},{"style":544},[23123],{"type":22,"value":547},{"type":16,"tag":108,"props":23125,"children":23126},{"style":115},[23127],{"type":22,"value":46},{"type":16,"tag":108,"props":23129,"children":23130},{"style":519},[23131],{"type":22,"value":1546},{"type":16,"tag":108,"props":23133,"children":23134},{"style":115},[23135],{"type":22,"value":1551},{"type":16,"tag":108,"props":23137,"children":23138},{"class":110,"line":369},[23139,23143,23147,23151,23155,23159],{"type":16,"tag":108,"props":23140,"children":23141},{"style":506},[23142],{"type":22,"value":577},{"type":16,"tag":108,"props":23144,"children":23145},{"style":115},[23146],{"type":22,"value":46},{"type":16,"tag":108,"props":23148,"children":23149},{"style":519},[23150],{"type":22,"value":586},{"type":16,"tag":108,"props":23152,"children":23153},{"style":115},[23154],{"type":22,"value":527},{"type":16,"tag":108,"props":23156,"children":23157},{"style":137},[23158],{"type":22,"value":595},{"type":16,"tag":108,"props":23160,"children":23161},{"style":115},[23162],{"type":22,"value":569},{"type":16,"tag":108,"props":23164,"children":23165},{"class":110,"line":602},[23166],{"type":16,"tag":108,"props":23167,"children":23168},{"style":115},[23169],{"type":22,"value":608},{"type":16,"tag":108,"props":23171,"children":23172},{"class":110,"line":611},[23173],{"type":16,"tag":108,"props":23174,"children":23175},{"style":115},[23176],{"type":22,"value":683},{"type":16,"tag":685,"props":23178,"children":23179},{},[23180],{"type":22,"value":689},{"title":7,"searchDepth":297,"depth":297,"links":23182},[23183,23184,23185,23186],{"id":19,"depth":297,"text":23},{"id":49,"depth":297,"text":52},{"id":58,"depth":297,"text":61},{"id":428,"depth":297,"text":431},"content:docs:stimulus-remote-rails.md","docs/stimulus-remote-rails.md","docs/stimulus-remote-rails",{"_path":23191,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":23192,"description":23193,"package":23194,"packagePath":23195,"body":23196,"_type":696,"_id":24023,"_source":698,"_file":24024,"_stem":24025,"_extension":701},"/docs/stimulus-reveal-controller","Reveal Controller","A Stimulus controller to toggle a class on one or multiple items to show or hide them.","reveal-controller","@stimulus-components/reveal",{"type":13,"children":23197,"toc":24012},[23198,23202,23206,23210,23213,23217,23222,23456,23462,23630,23635,23803,23807,23864,23868,24008],{"type":16,"tag":17,"props":23199,"children":23200},{"id":19},[23201],{"type":22,"value":23},{"type":16,"tag":25,"props":23203,"children":23205},{":package":27,":package-path":28,"controller-name":23204},"reveal",[],{"type":16,"tag":17,"props":23207,"children":23208},{"id":49},[23209],{"type":22,"value":52},{"type":16,"tag":23204,"props":23211,"children":23212},{},[],{"type":16,"tag":17,"props":23214,"children":23215},{"id":58},[23216],{"type":22,"value":61},{"type":16,"tag":3987,"props":23218,"children":23219},{"id":12739},[23220],{"type":22,"value":23221},"Toggle",{"type":16,"tag":93,"props":23223,"children":23224},{"tab-name":95},[23225],{"type":16,"tag":98,"props":23226,"children":23228},{"className":100,"code":23227,"language":102,"meta":7,"style":7},"\u003Cdiv data-controller=\"reveal\" data-reveal-hidden-class=\"d-none\">\n  \u003Cbutton data-action=\"reveal#toggle\" type=\"button\" class=\"btn\">Toggle me!\u003C/button>\n\n  \u003Cp data-reveal-target=\"item\" class=\"d-none mt-4\">Hey 👋\u003C/p>\n  \u003Cp data-reveal-target=\"item\" class=\"d-none mt-4\">You can have multiple items\u003C/p>\n\u003C/div>\n",[23229],{"type":16,"tag":68,"props":23230,"children":23231},{"__ignoreMap":7},[23232,23274,23336,23343,23393,23441],{"type":16,"tag":108,"props":23233,"children":23234},{"class":110,"line":111},[23235,23239,23243,23247,23251,23256,23261,23265,23270],{"type":16,"tag":108,"props":23236,"children":23237},{"style":115},[23238],{"type":22,"value":118},{"type":16,"tag":108,"props":23240,"children":23241},{"style":121},[23242],{"type":22,"value":929},{"type":16,"tag":108,"props":23244,"children":23245},{"style":126},[23246],{"type":22,"value":145},{"type":16,"tag":108,"props":23248,"children":23249},{"style":115},[23250],{"type":22,"value":134},{"type":16,"tag":108,"props":23252,"children":23253},{"style":137},[23254],{"type":22,"value":23255},"\"reveal\"",{"type":16,"tag":108,"props":23257,"children":23258},{"style":126},[23259],{"type":22,"value":23260}," data-reveal-hidden-class",{"type":16,"tag":108,"props":23262,"children":23263},{"style":115},[23264],{"type":22,"value":134},{"type":16,"tag":108,"props":23266,"children":23267},{"style":137},[23268],{"type":22,"value":23269},"\"d-none\"",{"type":16,"tag":108,"props":23271,"children":23272},{"style":115},[23273],{"type":22,"value":182},{"type":16,"tag":108,"props":23275,"children":23276},{"class":110,"line":297},[23277,23281,23285,23289,23293,23298,23302,23306,23310,23314,23318,23323,23328,23332],{"type":16,"tag":108,"props":23278,"children":23279},{"style":115},[23280],{"type":22,"value":1737},{"type":16,"tag":108,"props":23282,"children":23283},{"style":121},[23284],{"type":22,"value":212},{"type":16,"tag":108,"props":23286,"children":23287},{"style":126},[23288],{"type":22,"value":159},{"type":16,"tag":108,"props":23290,"children":23291},{"style":115},[23292],{"type":22,"value":134},{"type":16,"tag":108,"props":23294,"children":23295},{"style":137},[23296],{"type":22,"value":23297},"\"reveal#toggle\"",{"type":16,"tag":108,"props":23299,"children":23300},{"style":126},[23301],{"type":22,"value":217},{"type":16,"tag":108,"props":23303,"children":23304},{"style":115},[23305],{"type":22,"value":134},{"type":16,"tag":108,"props":23307,"children":23308},{"style":137},[23309],{"type":22,"value":226},{"type":16,"tag":108,"props":23311,"children":23312},{"style":126},[23313],{"type":22,"value":498},{"type":16,"tag":108,"props":23315,"children":23316},{"style":115},[23317],{"type":22,"value":134},{"type":16,"tag":108,"props":23319,"children":23320},{"style":137},[23321],{"type":22,"value":23322},"\"btn\"",{"type":16,"tag":108,"props":23324,"children":23325},{"style":115},[23326],{"type":22,"value":23327},">Toggle me!\u003C/",{"type":16,"tag":108,"props":23329,"children":23330},{"style":121},[23331],{"type":22,"value":212},{"type":16,"tag":108,"props":23333,"children":23334},{"style":115},[23335],{"type":22,"value":182},{"type":16,"tag":108,"props":23337,"children":23338},{"class":110,"line":315},[23339],{"type":16,"tag":108,"props":23340,"children":23341},{"emptyLinePlaceholder":477},[23342],{"type":22,"value":480},{"type":16,"tag":108,"props":23344,"children":23345},{"class":110,"line":333},[23346,23350,23354,23359,23363,23367,23371,23375,23380,23385,23389],{"type":16,"tag":108,"props":23347,"children":23348},{"style":115},[23349],{"type":22,"value":1737},{"type":16,"tag":108,"props":23351,"children":23352},{"style":121},[23353],{"type":22,"value":31},{"type":16,"tag":108,"props":23355,"children":23356},{"style":126},[23357],{"type":22,"value":23358}," data-reveal-target",{"type":16,"tag":108,"props":23360,"children":23361},{"style":115},[23362],{"type":22,"value":134},{"type":16,"tag":108,"props":23364,"children":23365},{"style":137},[23366],{"type":22,"value":9355},{"type":16,"tag":108,"props":23368,"children":23369},{"style":126},[23370],{"type":22,"value":498},{"type":16,"tag":108,"props":23372,"children":23373},{"style":115},[23374],{"type":22,"value":134},{"type":16,"tag":108,"props":23376,"children":23377},{"style":137},[23378],{"type":22,"value":23379},"\"d-none mt-4\"",{"type":16,"tag":108,"props":23381,"children":23382},{"style":115},[23383],{"type":22,"value":23384},">Hey 👋\u003C/",{"type":16,"tag":108,"props":23386,"children":23387},{"style":121},[23388],{"type":22,"value":31},{"type":16,"tag":108,"props":23390,"children":23391},{"style":115},[23392],{"type":22,"value":182},{"type":16,"tag":108,"props":23394,"children":23395},{"class":110,"line":351},[23396,23400,23404,23408,23412,23416,23420,23424,23428,23433,23437],{"type":16,"tag":108,"props":23397,"children":23398},{"style":115},[23399],{"type":22,"value":1737},{"type":16,"tag":108,"props":23401,"children":23402},{"style":121},[23403],{"type":22,"value":31},{"type":16,"tag":108,"props":23405,"children":23406},{"style":126},[23407],{"type":22,"value":23358},{"type":16,"tag":108,"props":23409,"children":23410},{"style":115},[23411],{"type":22,"value":134},{"type":16,"tag":108,"props":23413,"children":23414},{"style":137},[23415],{"type":22,"value":9355},{"type":16,"tag":108,"props":23417,"children":23418},{"style":126},[23419],{"type":22,"value":498},{"type":16,"tag":108,"props":23421,"children":23422},{"style":115},[23423],{"type":22,"value":134},{"type":16,"tag":108,"props":23425,"children":23426},{"style":137},[23427],{"type":22,"value":23379},{"type":16,"tag":108,"props":23429,"children":23430},{"style":115},[23431],{"type":22,"value":23432},">You can have multiple items\u003C/",{"type":16,"tag":108,"props":23434,"children":23435},{"style":121},[23436],{"type":22,"value":31},{"type":16,"tag":108,"props":23438,"children":23439},{"style":115},[23440],{"type":22,"value":182},{"type":16,"tag":108,"props":23442,"children":23443},{"class":110,"line":369},[23444,23448,23452],{"type":16,"tag":108,"props":23445,"children":23446},{"style":115},[23447],{"type":22,"value":924},{"type":16,"tag":108,"props":23449,"children":23450},{"style":121},[23451],{"type":22,"value":929},{"type":16,"tag":108,"props":23453,"children":23454},{"style":115},[23455],{"type":22,"value":182},{"type":16,"tag":3987,"props":23457,"children":23459},{"id":23458},"show",[23460],{"type":22,"value":23461},"Show",{"type":16,"tag":93,"props":23463,"children":23464},{"tab-name":95},[23465],{"type":16,"tag":98,"props":23466,"children":23468},{"className":100,"code":23467,"language":102,"meta":7,"style":7},"\u003Cdiv data-controller=\"reveal\">\n  \u003Cbutton data-action=\"reveal#show\" type=\"button\" class=\"btn\">Show me!\u003C/button>\n\n  \u003Cp data-reveal-target=\"item\" class=\"hidden mt-4\">Hey 👋\u003C/p>\n\u003C/div>\n",[23469],{"type":16,"tag":68,"props":23470,"children":23471},{"__ignoreMap":7},[23472,23499,23560,23567,23615],{"type":16,"tag":108,"props":23473,"children":23474},{"class":110,"line":111},[23475,23479,23483,23487,23491,23495],{"type":16,"tag":108,"props":23476,"children":23477},{"style":115},[23478],{"type":22,"value":118},{"type":16,"tag":108,"props":23480,"children":23481},{"style":121},[23482],{"type":22,"value":929},{"type":16,"tag":108,"props":23484,"children":23485},{"style":126},[23486],{"type":22,"value":145},{"type":16,"tag":108,"props":23488,"children":23489},{"style":115},[23490],{"type":22,"value":134},{"type":16,"tag":108,"props":23492,"children":23493},{"style":137},[23494],{"type":22,"value":23255},{"type":16,"tag":108,"props":23496,"children":23497},{"style":115},[23498],{"type":22,"value":182},{"type":16,"tag":108,"props":23500,"children":23501},{"class":110,"line":297},[23502,23506,23510,23514,23518,23523,23527,23531,23535,23539,23543,23547,23552,23556],{"type":16,"tag":108,"props":23503,"children":23504},{"style":115},[23505],{"type":22,"value":1737},{"type":16,"tag":108,"props":23507,"children":23508},{"style":121},[23509],{"type":22,"value":212},{"type":16,"tag":108,"props":23511,"children":23512},{"style":126},[23513],{"type":22,"value":159},{"type":16,"tag":108,"props":23515,"children":23516},{"style":115},[23517],{"type":22,"value":134},{"type":16,"tag":108,"props":23519,"children":23520},{"style":137},[23521],{"type":22,"value":23522},"\"reveal#show\"",{"type":16,"tag":108,"props":23524,"children":23525},{"style":126},[23526],{"type":22,"value":217},{"type":16,"tag":108,"props":23528,"children":23529},{"style":115},[23530],{"type":22,"value":134},{"type":16,"tag":108,"props":23532,"children":23533},{"style":137},[23534],{"type":22,"value":226},{"type":16,"tag":108,"props":23536,"children":23537},{"style":126},[23538],{"type":22,"value":498},{"type":16,"tag":108,"props":23540,"children":23541},{"style":115},[23542],{"type":22,"value":134},{"type":16,"tag":108,"props":23544,"children":23545},{"style":137},[23546],{"type":22,"value":23322},{"type":16,"tag":108,"props":23548,"children":23549},{"style":115},[23550],{"type":22,"value":23551},">Show me!\u003C/",{"type":16,"tag":108,"props":23553,"children":23554},{"style":121},[23555],{"type":22,"value":212},{"type":16,"tag":108,"props":23557,"children":23558},{"style":115},[23559],{"type":22,"value":182},{"type":16,"tag":108,"props":23561,"children":23562},{"class":110,"line":315},[23563],{"type":16,"tag":108,"props":23564,"children":23565},{"emptyLinePlaceholder":477},[23566],{"type":22,"value":480},{"type":16,"tag":108,"props":23568,"children":23569},{"class":110,"line":333},[23570,23574,23578,23582,23586,23590,23594,23598,23603,23607,23611],{"type":16,"tag":108,"props":23571,"children":23572},{"style":115},[23573],{"type":22,"value":1737},{"type":16,"tag":108,"props":23575,"children":23576},{"style":121},[23577],{"type":22,"value":31},{"type":16,"tag":108,"props":23579,"children":23580},{"style":126},[23581],{"type":22,"value":23358},{"type":16,"tag":108,"props":23583,"children":23584},{"style":115},[23585],{"type":22,"value":134},{"type":16,"tag":108,"props":23587,"children":23588},{"style":137},[23589],{"type":22,"value":9355},{"type":16,"tag":108,"props":23591,"children":23592},{"style":126},[23593],{"type":22,"value":498},{"type":16,"tag":108,"props":23595,"children":23596},{"style":115},[23597],{"type":22,"value":134},{"type":16,"tag":108,"props":23599,"children":23600},{"style":137},[23601],{"type":22,"value":23602},"\"hidden mt-4\"",{"type":16,"tag":108,"props":23604,"children":23605},{"style":115},[23606],{"type":22,"value":23384},{"type":16,"tag":108,"props":23608,"children":23609},{"style":121},[23610],{"type":22,"value":31},{"type":16,"tag":108,"props":23612,"children":23613},{"style":115},[23614],{"type":22,"value":182},{"type":16,"tag":108,"props":23616,"children":23617},{"class":110,"line":351},[23618,23622,23626],{"type":16,"tag":108,"props":23619,"children":23620},{"style":115},[23621],{"type":22,"value":924},{"type":16,"tag":108,"props":23623,"children":23624},{"style":121},[23625],{"type":22,"value":929},{"type":16,"tag":108,"props":23627,"children":23628},{"style":115},[23629],{"type":22,"value":182},{"type":16,"tag":3987,"props":23631,"children":23632},{"id":12793},[23633],{"type":22,"value":23634},"Hide",{"type":16,"tag":93,"props":23636,"children":23637},{"tab-name":95},[23638],{"type":16,"tag":98,"props":23639,"children":23641},{"className":100,"code":23640,"language":102,"meta":7,"style":7},"\u003Cdiv data-controller=\"reveal\">\n  \u003Cbutton data-action=\"reveal#hide\" type=\"button\" class=\"btn\">Hide me!\u003C/button>\n\n  \u003Cp data-reveal-target=\"item\" class=\"mt-4\">Hey 👋\u003C/p>\n\u003C/div>\n",[23642],{"type":16,"tag":68,"props":23643,"children":23644},{"__ignoreMap":7},[23645,23672,23733,23740,23788],{"type":16,"tag":108,"props":23646,"children":23647},{"class":110,"line":111},[23648,23652,23656,23660,23664,23668],{"type":16,"tag":108,"props":23649,"children":23650},{"style":115},[23651],{"type":22,"value":118},{"type":16,"tag":108,"props":23653,"children":23654},{"style":121},[23655],{"type":22,"value":929},{"type":16,"tag":108,"props":23657,"children":23658},{"style":126},[23659],{"type":22,"value":145},{"type":16,"tag":108,"props":23661,"children":23662},{"style":115},[23663],{"type":22,"value":134},{"type":16,"tag":108,"props":23665,"children":23666},{"style":137},[23667],{"type":22,"value":23255},{"type":16,"tag":108,"props":23669,"children":23670},{"style":115},[23671],{"type":22,"value":182},{"type":16,"tag":108,"props":23673,"children":23674},{"class":110,"line":297},[23675,23679,23683,23687,23691,23696,23700,23704,23708,23712,23716,23720,23725,23729],{"type":16,"tag":108,"props":23676,"children":23677},{"style":115},[23678],{"type":22,"value":1737},{"type":16,"tag":108,"props":23680,"children":23681},{"style":121},[23682],{"type":22,"value":212},{"type":16,"tag":108,"props":23684,"children":23685},{"style":126},[23686],{"type":22,"value":159},{"type":16,"tag":108,"props":23688,"children":23689},{"style":115},[23690],{"type":22,"value":134},{"type":16,"tag":108,"props":23692,"children":23693},{"style":137},[23694],{"type":22,"value":23695},"\"reveal#hide\"",{"type":16,"tag":108,"props":23697,"children":23698},{"style":126},[23699],{"type":22,"value":217},{"type":16,"tag":108,"props":23701,"children":23702},{"style":115},[23703],{"type":22,"value":134},{"type":16,"tag":108,"props":23705,"children":23706},{"style":137},[23707],{"type":22,"value":226},{"type":16,"tag":108,"props":23709,"children":23710},{"style":126},[23711],{"type":22,"value":498},{"type":16,"tag":108,"props":23713,"children":23714},{"style":115},[23715],{"type":22,"value":134},{"type":16,"tag":108,"props":23717,"children":23718},{"style":137},[23719],{"type":22,"value":23322},{"type":16,"tag":108,"props":23721,"children":23722},{"style":115},[23723],{"type":22,"value":23724},">Hide me!\u003C/",{"type":16,"tag":108,"props":23726,"children":23727},{"style":121},[23728],{"type":22,"value":212},{"type":16,"tag":108,"props":23730,"children":23731},{"style":115},[23732],{"type":22,"value":182},{"type":16,"tag":108,"props":23734,"children":23735},{"class":110,"line":315},[23736],{"type":16,"tag":108,"props":23737,"children":23738},{"emptyLinePlaceholder":477},[23739],{"type":22,"value":480},{"type":16,"tag":108,"props":23741,"children":23742},{"class":110,"line":333},[23743,23747,23751,23755,23759,23763,23767,23771,23776,23780,23784],{"type":16,"tag":108,"props":23744,"children":23745},{"style":115},[23746],{"type":22,"value":1737},{"type":16,"tag":108,"props":23748,"children":23749},{"style":121},[23750],{"type":22,"value":31},{"type":16,"tag":108,"props":23752,"children":23753},{"style":126},[23754],{"type":22,"value":23358},{"type":16,"tag":108,"props":23756,"children":23757},{"style":115},[23758],{"type":22,"value":134},{"type":16,"tag":108,"props":23760,"children":23761},{"style":137},[23762],{"type":22,"value":9355},{"type":16,"tag":108,"props":23764,"children":23765},{"style":126},[23766],{"type":22,"value":498},{"type":16,"tag":108,"props":23768,"children":23769},{"style":115},[23770],{"type":22,"value":134},{"type":16,"tag":108,"props":23772,"children":23773},{"style":137},[23774],{"type":22,"value":23775},"\"mt-4\"",{"type":16,"tag":108,"props":23777,"children":23778},{"style":115},[23779],{"type":22,"value":23384},{"type":16,"tag":108,"props":23781,"children":23782},{"style":121},[23783],{"type":22,"value":31},{"type":16,"tag":108,"props":23785,"children":23786},{"style":115},[23787],{"type":22,"value":182},{"type":16,"tag":108,"props":23789,"children":23790},{"class":110,"line":351},[23791,23795,23799],{"type":16,"tag":108,"props":23792,"children":23793},{"style":115},[23794],{"type":22,"value":924},{"type":16,"tag":108,"props":23796,"children":23797},{"style":121},[23798],{"type":22,"value":929},{"type":16,"tag":108,"props":23800,"children":23801},{"style":115},[23802],{"type":22,"value":182},{"type":16,"tag":17,"props":23804,"children":23805},{"id":1224},[23806],{"type":22,"value":1227},{"type":16,"tag":1229,"props":23808,"children":23809},{},[23810,23832],{"type":16,"tag":1233,"props":23811,"children":23812},{},[23813],{"type":16,"tag":1237,"props":23814,"children":23815},{},[23816,23820,23824,23828],{"type":16,"tag":1241,"props":23817,"children":23818},{},[23819],{"type":22,"value":1245},{"type":16,"tag":1241,"props":23821,"children":23822},{},[23823],{"type":22,"value":1250},{"type":16,"tag":1241,"props":23825,"children":23826},{},[23827],{"type":22,"value":1255},{"type":16,"tag":1241,"props":23829,"children":23830},{},[23831],{"type":22,"value":1260},{"type":16,"tag":1262,"props":23833,"children":23834},{},[23835],{"type":16,"tag":1237,"props":23836,"children":23837},{},[23838,23847,23855,23860],{"type":16,"tag":1269,"props":23839,"children":23840},{},[23841],{"type":16,"tag":68,"props":23842,"children":23844},{"className":23843},[],[23845],{"type":22,"value":23846},"data-reveal-hidden-class",{"type":16,"tag":1269,"props":23848,"children":23849},{},[23850],{"type":16,"tag":68,"props":23851,"children":23853},{"className":23852},[],[23854],{"type":22,"value":11341},{"type":16,"tag":1269,"props":23856,"children":23857},{},[23858],{"type":22,"value":23859},"CSS class to toggle",{"type":16,"tag":1269,"props":23861,"children":23862},{},[23863],{"type":22,"value":1384},{"type":16,"tag":17,"props":23865,"children":23866},{"id":428},[23867],{"type":22,"value":431},{"type":16,"tag":428,"props":23869,"children":23870},{},[23871],{"type":16,"tag":93,"props":23872,"children":23874},{"tab-name":23873},"app/javascript/controllers/reveal_controller.js",[23875],{"type":16,"tag":98,"props":23876,"children":23878},{"className":441,"code":23877,"language":443,"meta":7,"style":7},"import Reveal from \"@stimulus-components/reveal\"\n\nexport default class extends Reveal {\n  connect() {\n    super.connect()\n    console.log(\"Do what you want here.\")\n  }\n}\n",[23879],{"type":16,"tag":68,"props":23880,"children":23881},{"__ignoreMap":7},[23882,23903,23910,23937,23948,23967,23994,24001],{"type":16,"tag":108,"props":23883,"children":23884},{"class":110,"line":111},[23885,23889,23894,23898],{"type":16,"tag":108,"props":23886,"children":23887},{"style":453},[23888],{"type":22,"value":456},{"type":16,"tag":108,"props":23890,"children":23891},{"style":121},[23892],{"type":22,"value":23893}," Reveal",{"type":16,"tag":108,"props":23895,"children":23896},{"style":453},[23897],{"type":22,"value":466},{"type":16,"tag":108,"props":23899,"children":23900},{"style":137},[23901],{"type":22,"value":23902}," \"@stimulus-components/reveal\"\n",{"type":16,"tag":108,"props":23904,"children":23905},{"class":110,"line":297},[23906],{"type":16,"tag":108,"props":23907,"children":23908},{"emptyLinePlaceholder":477},[23909],{"type":22,"value":480},{"type":16,"tag":108,"props":23911,"children":23912},{"class":110,"line":315},[23913,23917,23921,23925,23929,23933],{"type":16,"tag":108,"props":23914,"children":23915},{"style":453},[23916],{"type":22,"value":488},{"type":16,"tag":108,"props":23918,"children":23919},{"style":453},[23920],{"type":22,"value":493},{"type":16,"tag":108,"props":23922,"children":23923},{"style":453},[23924],{"type":22,"value":498},{"type":16,"tag":108,"props":23926,"children":23927},{"style":453},[23928],{"type":22,"value":503},{"type":16,"tag":108,"props":23930,"children":23931},{"style":506},[23932],{"type":22,"value":23893},{"type":16,"tag":108,"props":23934,"children":23935},{"style":115},[23936],{"type":22,"value":513},{"type":16,"tag":108,"props":23938,"children":23939},{"class":110,"line":333},[23940,23944],{"type":16,"tag":108,"props":23941,"children":23942},{"style":519},[23943],{"type":22,"value":1525},{"type":16,"tag":108,"props":23945,"children":23946},{"style":115},[23947],{"type":22,"value":1530},{"type":16,"tag":108,"props":23949,"children":23950},{"class":110,"line":351},[23951,23955,23959,23963],{"type":16,"tag":108,"props":23952,"children":23953},{"style":544},[23954],{"type":22,"value":547},{"type":16,"tag":108,"props":23956,"children":23957},{"style":115},[23958],{"type":22,"value":46},{"type":16,"tag":108,"props":23960,"children":23961},{"style":519},[23962],{"type":22,"value":1546},{"type":16,"tag":108,"props":23964,"children":23965},{"style":115},[23966],{"type":22,"value":1551},{"type":16,"tag":108,"props":23968,"children":23969},{"class":110,"line":369},[23970,23974,23978,23982,23986,23990],{"type":16,"tag":108,"props":23971,"children":23972},{"style":506},[23973],{"type":22,"value":577},{"type":16,"tag":108,"props":23975,"children":23976},{"style":115},[23977],{"type":22,"value":46},{"type":16,"tag":108,"props":23979,"children":23980},{"style":519},[23981],{"type":22,"value":586},{"type":16,"tag":108,"props":23983,"children":23984},{"style":115},[23985],{"type":22,"value":527},{"type":16,"tag":108,"props":23987,"children":23988},{"style":137},[23989],{"type":22,"value":595},{"type":16,"tag":108,"props":23991,"children":23992},{"style":115},[23993],{"type":22,"value":569},{"type":16,"tag":108,"props":23995,"children":23996},{"class":110,"line":602},[23997],{"type":16,"tag":108,"props":23998,"children":23999},{"style":115},[24000],{"type":22,"value":608},{"type":16,"tag":108,"props":24002,"children":24003},{"class":110,"line":611},[24004],{"type":16,"tag":108,"props":24005,"children":24006},{"style":115},[24007],{"type":22,"value":683},{"type":16,"tag":685,"props":24009,"children":24010},{},[24011],{"type":22,"value":689},{"title":7,"searchDepth":297,"depth":297,"links":24013},[24014,24015,24016,24021,24022],{"id":19,"depth":297,"text":23},{"id":49,"depth":297,"text":52},{"id":58,"depth":297,"text":61,"children":24017},[24018,24019,24020],{"id":12739,"depth":315,"text":23221},{"id":23458,"depth":315,"text":23461},{"id":12793,"depth":315,"text":23634},{"id":1224,"depth":297,"text":1227},{"id":428,"depth":297,"text":431},"content:docs:stimulus-reveal-controller.md","docs/stimulus-reveal-controller.md","docs/stimulus-reveal-controller",{"_path":24027,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":24028,"description":24029,"package":24030,"packagePath":24031,"body":24032,"_type":696,"_id":24410,"_source":698,"_file":24411,"_stem":24412,"_extension":701},"/docs/stimulus-scroll-progress","Scroll Progress","A Stimulus controller to add a progress bar when scrolling.","scroll-progress","@stimulus-components/scroll-progress",{"type":13,"children":24033,"toc":24403},[24034,24038,24041,24045,24048,24052,24071,24160,24165,24169,24190,24255,24259,24399],{"type":16,"tag":17,"props":24035,"children":24036},{"id":19},[24037],{"type":22,"value":23},{"type":16,"tag":25,"props":24039,"children":24040},{":package":27,":package-path":28},[],{"type":16,"tag":17,"props":24042,"children":24043},{"id":49},[24044],{"type":22,"value":52},{"type":16,"tag":24030,"props":24046,"children":24047},{},[],{"type":16,"tag":17,"props":24049,"children":24050},{"id":58},[24051],{"type":22,"value":61},{"type":16,"tag":31,"props":24053,"children":24054},{},[24055,24057,24062,24064,24069],{"type":22,"value":24056},"Add a ",{"type":16,"tag":68,"props":24058,"children":24060},{"className":24059},[],[24061],{"type":22,"value":929},{"type":22,"value":24063}," just after the ",{"type":16,"tag":68,"props":24065,"children":24067},{"className":24066},[],[24068],{"type":22,"value":11278},{"type":22,"value":24070}," opening tag:",{"type":16,"tag":93,"props":24072,"children":24073},{"tab-name":95},[24074],{"type":16,"tag":98,"props":24075,"children":24077},{"className":100,"code":24076,"language":102,"meta":7,"style":7},"\u003Cbody>\n  \u003Cdiv data-controller=\"scroll-progress\" class=\"h-2 bg-indigo-400 fixed top-0\">\u003C/div>\n\u003C/body>\n",[24078],{"type":16,"tag":68,"props":24079,"children":24080},{"__ignoreMap":7},[24081,24096,24145],{"type":16,"tag":108,"props":24082,"children":24083},{"class":110,"line":111},[24084,24088,24092],{"type":16,"tag":108,"props":24085,"children":24086},{"style":115},[24087],{"type":22,"value":118},{"type":16,"tag":108,"props":24089,"children":24090},{"style":121},[24091],{"type":22,"value":11278},{"type":16,"tag":108,"props":24093,"children":24094},{"style":115},[24095],{"type":22,"value":182},{"type":16,"tag":108,"props":24097,"children":24098},{"class":110,"line":297},[24099,24103,24107,24111,24115,24120,24124,24128,24133,24137,24141],{"type":16,"tag":108,"props":24100,"children":24101},{"style":115},[24102],{"type":22,"value":1737},{"type":16,"tag":108,"props":24104,"children":24105},{"style":121},[24106],{"type":22,"value":929},{"type":16,"tag":108,"props":24108,"children":24109},{"style":126},[24110],{"type":22,"value":145},{"type":16,"tag":108,"props":24112,"children":24113},{"style":115},[24114],{"type":22,"value":134},{"type":16,"tag":108,"props":24116,"children":24117},{"style":137},[24118],{"type":22,"value":24119},"\"scroll-progress\"",{"type":16,"tag":108,"props":24121,"children":24122},{"style":126},[24123],{"type":22,"value":498},{"type":16,"tag":108,"props":24125,"children":24126},{"style":115},[24127],{"type":22,"value":134},{"type":16,"tag":108,"props":24129,"children":24130},{"style":137},[24131],{"type":22,"value":24132},"\"h-2 bg-indigo-400 fixed top-0\"",{"type":16,"tag":108,"props":24134,"children":24135},{"style":115},[24136],{"type":22,"value":3369},{"type":16,"tag":108,"props":24138,"children":24139},{"style":121},[24140],{"type":22,"value":929},{"type":16,"tag":108,"props":24142,"children":24143},{"style":115},[24144],{"type":22,"value":182},{"type":16,"tag":108,"props":24146,"children":24147},{"class":110,"line":315},[24148,24152,24156],{"type":16,"tag":108,"props":24149,"children":24150},{"style":115},[24151],{"type":22,"value":924},{"type":16,"tag":108,"props":24153,"children":24154},{"style":121},[24155],{"type":22,"value":11278},{"type":16,"tag":108,"props":24157,"children":24158},{"style":115},[24159],{"type":22,"value":182},{"type":16,"tag":31,"props":24161,"children":24162},{},[24163],{"type":22,"value":24164},"It's up to you to design it as you want.",{"type":16,"tag":17,"props":24166,"children":24167},{"id":1224},[24168],{"type":22,"value":1227},{"type":16,"tag":31,"props":24170,"children":24171},{},[24172,24174,24180,24182,24189],{"type":22,"value":24173},"To improve performance, the ",{"type":16,"tag":68,"props":24175,"children":24177},{"className":24176},[],[24178],{"type":22,"value":24179},"scroll",{"type":22,"value":24181}," event is ",{"type":16,"tag":37,"props":24183,"children":24186},{"href":24184,"rel":24185},"https://lodash.com/docs/4.17.15#throttle",[41],[24187],{"type":22,"value":24188},"throttled",{"type":22,"value":46},{"type":16,"tag":1229,"props":24191,"children":24192},{},[24193,24215],{"type":16,"tag":1233,"props":24194,"children":24195},{},[24196],{"type":16,"tag":1237,"props":24197,"children":24198},{},[24199,24203,24207,24211],{"type":16,"tag":1241,"props":24200,"children":24201},{},[24202],{"type":22,"value":1245},{"type":16,"tag":1241,"props":24204,"children":24205},{},[24206],{"type":22,"value":1250},{"type":16,"tag":1241,"props":24208,"children":24209},{},[24210],{"type":22,"value":1255},{"type":16,"tag":1241,"props":24212,"children":24213},{},[24214],{"type":22,"value":1260},{"type":16,"tag":1262,"props":24216,"children":24217},{},[24218],{"type":16,"tag":1237,"props":24219,"children":24220},{},[24221,24230,24239,24251],{"type":16,"tag":1269,"props":24222,"children":24223},{},[24224],{"type":16,"tag":68,"props":24225,"children":24227},{"className":24226},[],[24228],{"type":22,"value":24229},"data-scroll-progress-throttle-delay-value",{"type":16,"tag":1269,"props":24231,"children":24232},{},[24233],{"type":16,"tag":68,"props":24234,"children":24236},{"className":24235},[],[24237],{"type":22,"value":24238},"15",{"type":16,"tag":1269,"props":24240,"children":24241},{},[24242,24244,24249],{"type":22,"value":24243},"Delay in milliseconds to update the scroll position. (",{"type":16,"tag":68,"props":24245,"children":24247},{"className":24246},[],[24248],{"type":22,"value":1435},{"type":22,"value":24250}," to disable).",{"type":16,"tag":1269,"props":24252,"children":24253},{},[24254],{"type":22,"value":1384},{"type":16,"tag":17,"props":24256,"children":24257},{"id":428},[24258],{"type":22,"value":431},{"type":16,"tag":428,"props":24260,"children":24261},{},[24262],{"type":16,"tag":93,"props":24263,"children":24265},{"tab-name":24264},"app/javascript/controllers/scroll_progress_controller.js",[24266],{"type":16,"tag":98,"props":24267,"children":24269},{"className":441,"code":24268,"language":443,"meta":7,"style":7},"import ScrollProgress from \"@stimulus-components/scroll-progress\"\n\nexport default class extends ScrollProgress {\n  connect() {\n    super.connect()\n    console.log(\"Do what you want here.\")\n  }\n}\n",[24270],{"type":16,"tag":68,"props":24271,"children":24272},{"__ignoreMap":7},[24273,24294,24301,24328,24339,24358,24385,24392],{"type":16,"tag":108,"props":24274,"children":24275},{"class":110,"line":111},[24276,24280,24285,24289],{"type":16,"tag":108,"props":24277,"children":24278},{"style":453},[24279],{"type":22,"value":456},{"type":16,"tag":108,"props":24281,"children":24282},{"style":121},[24283],{"type":22,"value":24284}," ScrollProgress",{"type":16,"tag":108,"props":24286,"children":24287},{"style":453},[24288],{"type":22,"value":466},{"type":16,"tag":108,"props":24290,"children":24291},{"style":137},[24292],{"type":22,"value":24293}," \"@stimulus-components/scroll-progress\"\n",{"type":16,"tag":108,"props":24295,"children":24296},{"class":110,"line":297},[24297],{"type":16,"tag":108,"props":24298,"children":24299},{"emptyLinePlaceholder":477},[24300],{"type":22,"value":480},{"type":16,"tag":108,"props":24302,"children":24303},{"class":110,"line":315},[24304,24308,24312,24316,24320,24324],{"type":16,"tag":108,"props":24305,"children":24306},{"style":453},[24307],{"type":22,"value":488},{"type":16,"tag":108,"props":24309,"children":24310},{"style":453},[24311],{"type":22,"value":493},{"type":16,"tag":108,"props":24313,"children":24314},{"style":453},[24315],{"type":22,"value":498},{"type":16,"tag":108,"props":24317,"children":24318},{"style":453},[24319],{"type":22,"value":503},{"type":16,"tag":108,"props":24321,"children":24322},{"style":506},[24323],{"type":22,"value":24284},{"type":16,"tag":108,"props":24325,"children":24326},{"style":115},[24327],{"type":22,"value":513},{"type":16,"tag":108,"props":24329,"children":24330},{"class":110,"line":333},[24331,24335],{"type":16,"tag":108,"props":24332,"children":24333},{"style":519},[24334],{"type":22,"value":1525},{"type":16,"tag":108,"props":24336,"children":24337},{"style":115},[24338],{"type":22,"value":1530},{"type":16,"tag":108,"props":24340,"children":24341},{"class":110,"line":351},[24342,24346,24350,24354],{"type":16,"tag":108,"props":24343,"children":24344},{"style":544},[24345],{"type":22,"value":547},{"type":16,"tag":108,"props":24347,"children":24348},{"style":115},[24349],{"type":22,"value":46},{"type":16,"tag":108,"props":24351,"children":24352},{"style":519},[24353],{"type":22,"value":1546},{"type":16,"tag":108,"props":24355,"children":24356},{"style":115},[24357],{"type":22,"value":1551},{"type":16,"tag":108,"props":24359,"children":24360},{"class":110,"line":369},[24361,24365,24369,24373,24377,24381],{"type":16,"tag":108,"props":24362,"children":24363},{"style":506},[24364],{"type":22,"value":577},{"type":16,"tag":108,"props":24366,"children":24367},{"style":115},[24368],{"type":22,"value":46},{"type":16,"tag":108,"props":24370,"children":24371},{"style":519},[24372],{"type":22,"value":586},{"type":16,"tag":108,"props":24374,"children":24375},{"style":115},[24376],{"type":22,"value":527},{"type":16,"tag":108,"props":24378,"children":24379},{"style":137},[24380],{"type":22,"value":595},{"type":16,"tag":108,"props":24382,"children":24383},{"style":115},[24384],{"type":22,"value":569},{"type":16,"tag":108,"props":24386,"children":24387},{"class":110,"line":602},[24388],{"type":16,"tag":108,"props":24389,"children":24390},{"style":115},[24391],{"type":22,"value":608},{"type":16,"tag":108,"props":24393,"children":24394},{"class":110,"line":611},[24395],{"type":16,"tag":108,"props":24396,"children":24397},{"style":115},[24398],{"type":22,"value":683},{"type":16,"tag":685,"props":24400,"children":24401},{},[24402],{"type":22,"value":689},{"title":7,"searchDepth":297,"depth":297,"links":24404},[24405,24406,24407,24408,24409],{"id":19,"depth":297,"text":23},{"id":49,"depth":297,"text":52},{"id":58,"depth":297,"text":61},{"id":1224,"depth":297,"text":1227},{"id":428,"depth":297,"text":431},"content:docs:stimulus-scroll-progress.md","docs/stimulus-scroll-progress.md","docs/stimulus-scroll-progress",{"_path":24414,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":24415,"description":24416,"package":24417,"packagePath":24418,"body":24419,"_type":696,"_id":25515,"_source":698,"_file":25516,"_stem":25517,"_extension":701},"/docs/stimulus-scroll-reveal","Scroll Reveal","A Stimulus controller that animates an element when it becomes visible.","scroll-reveal","@stimulus-components/scroll-reveal",{"type":13,"children":24420,"toc":25508},[24421,24425,24428,24432,24435,24439,24603,24608,24814,24818,24936,24941,24945,25134,25138,25504],{"type":16,"tag":17,"props":24422,"children":24423},{"id":19},[24424],{"type":22,"value":23},{"type":16,"tag":25,"props":24426,"children":24427},{":package":27,":package-path":28},[],{"type":16,"tag":17,"props":24429,"children":24430},{"id":49},[24431],{"type":22,"value":52},{"type":16,"tag":24417,"props":24433,"children":24434},{},[],{"type":16,"tag":17,"props":24436,"children":24437},{"id":58},[24438],{"type":22,"value":61},{"type":16,"tag":93,"props":24440,"children":24441},{"tab-name":95},[24442],{"type":16,"tag":98,"props":24443,"children":24445},{"className":100,"code":24444,"language":102,"meta":7,"style":7},"\u003Cdiv data-controller=\"scroll-reveal\">\n  \u003Cp data-scroll-reveal-target=\"item\" class=\"reveal\">Hello\u003C/p>\n  \u003Cp data-scroll-reveal-target=\"item\" class=\"reveal\" data-delay=\"250ms\">World!\u003C/p>\n\u003C/div>\n",[24446],{"type":16,"tag":68,"props":24447,"children":24448},{"__ignoreMap":7},[24449,24477,24526,24588],{"type":16,"tag":108,"props":24450,"children":24451},{"class":110,"line":111},[24452,24456,24460,24464,24468,24473],{"type":16,"tag":108,"props":24453,"children":24454},{"style":115},[24455],{"type":22,"value":118},{"type":16,"tag":108,"props":24457,"children":24458},{"style":121},[24459],{"type":22,"value":929},{"type":16,"tag":108,"props":24461,"children":24462},{"style":126},[24463],{"type":22,"value":145},{"type":16,"tag":108,"props":24465,"children":24466},{"style":115},[24467],{"type":22,"value":134},{"type":16,"tag":108,"props":24469,"children":24470},{"style":137},[24471],{"type":22,"value":24472},"\"scroll-reveal\"",{"type":16,"tag":108,"props":24474,"children":24475},{"style":115},[24476],{"type":22,"value":182},{"type":16,"tag":108,"props":24478,"children":24479},{"class":110,"line":297},[24480,24484,24488,24493,24497,24501,24505,24509,24513,24518,24522],{"type":16,"tag":108,"props":24481,"children":24482},{"style":115},[24483],{"type":22,"value":1737},{"type":16,"tag":108,"props":24485,"children":24486},{"style":121},[24487],{"type":22,"value":31},{"type":16,"tag":108,"props":24489,"children":24490},{"style":126},[24491],{"type":22,"value":24492}," data-scroll-reveal-target",{"type":16,"tag":108,"props":24494,"children":24495},{"style":115},[24496],{"type":22,"value":134},{"type":16,"tag":108,"props":24498,"children":24499},{"style":137},[24500],{"type":22,"value":9355},{"type":16,"tag":108,"props":24502,"children":24503},{"style":126},[24504],{"type":22,"value":498},{"type":16,"tag":108,"props":24506,"children":24507},{"style":115},[24508],{"type":22,"value":134},{"type":16,"tag":108,"props":24510,"children":24511},{"style":137},[24512],{"type":22,"value":23255},{"type":16,"tag":108,"props":24514,"children":24515},{"style":115},[24516],{"type":22,"value":24517},">Hello\u003C/",{"type":16,"tag":108,"props":24519,"children":24520},{"style":121},[24521],{"type":22,"value":31},{"type":16,"tag":108,"props":24523,"children":24524},{"style":115},[24525],{"type":22,"value":182},{"type":16,"tag":108,"props":24527,"children":24528},{"class":110,"line":315},[24529,24533,24537,24541,24545,24549,24553,24557,24561,24566,24570,24575,24580,24584],{"type":16,"tag":108,"props":24530,"children":24531},{"style":115},[24532],{"type":22,"value":1737},{"type":16,"tag":108,"props":24534,"children":24535},{"style":121},[24536],{"type":22,"value":31},{"type":16,"tag":108,"props":24538,"children":24539},{"style":126},[24540],{"type":22,"value":24492},{"type":16,"tag":108,"props":24542,"children":24543},{"style":115},[24544],{"type":22,"value":134},{"type":16,"tag":108,"props":24546,"children":24547},{"style":137},[24548],{"type":22,"value":9355},{"type":16,"tag":108,"props":24550,"children":24551},{"style":126},[24552],{"type":22,"value":498},{"type":16,"tag":108,"props":24554,"children":24555},{"style":115},[24556],{"type":22,"value":134},{"type":16,"tag":108,"props":24558,"children":24559},{"style":137},[24560],{"type":22,"value":23255},{"type":16,"tag":108,"props":24562,"children":24563},{"style":126},[24564],{"type":22,"value":24565}," data-delay",{"type":16,"tag":108,"props":24567,"children":24568},{"style":115},[24569],{"type":22,"value":134},{"type":16,"tag":108,"props":24571,"children":24572},{"style":137},[24573],{"type":22,"value":24574},"\"250ms\"",{"type":16,"tag":108,"props":24576,"children":24577},{"style":115},[24578],{"type":22,"value":24579},">World!\u003C/",{"type":16,"tag":108,"props":24581,"children":24582},{"style":121},[24583],{"type":22,"value":31},{"type":16,"tag":108,"props":24585,"children":24586},{"style":115},[24587],{"type":22,"value":182},{"type":16,"tag":108,"props":24589,"children":24590},{"class":110,"line":333},[24591,24595,24599],{"type":16,"tag":108,"props":24592,"children":24593},{"style":115},[24594],{"type":22,"value":924},{"type":16,"tag":108,"props":24596,"children":24597},{"style":121},[24598],{"type":22,"value":929},{"type":16,"tag":108,"props":24600,"children":24601},{"style":115},[24602],{"type":22,"value":182},{"type":16,"tag":31,"props":24604,"children":24605},{},[24606],{"type":22,"value":24607},"With custom options:",{"type":16,"tag":93,"props":24609,"children":24610},{"tab-name":95},[24611],{"type":16,"tag":98,"props":24612,"children":24614},{"className":100,"code":24613,"language":102,"meta":7,"style":7},"\u003Cdiv\n  data-controller=\"scroll-reveal\"\n  data-scroll-reveal-class-value=\"active fade\"\n  data-scroll-reveal-threshold-value=\"0.9\"\n  data-scroll-reveal-root-margin-value=\"10px\"\n>\n  \u003Cp data-scroll-reveal-target=\"item\" class=\"reveal\">With custom\u003C/p>\n  \u003Cp data-scroll-reveal-target=\"item\" class=\"reveal\">options!\u003C/p>\n\u003C/div>\n",[24615],{"type":16,"tag":68,"props":24616,"children":24617},{"__ignoreMap":7},[24618,24629,24645,24662,24679,24696,24703,24751,24799],{"type":16,"tag":108,"props":24619,"children":24620},{"class":110,"line":111},[24621,24625],{"type":16,"tag":108,"props":24622,"children":24623},{"style":115},[24624],{"type":22,"value":118},{"type":16,"tag":108,"props":24626,"children":24627},{"style":121},[24628],{"type":22,"value":834},{"type":16,"tag":108,"props":24630,"children":24631},{"class":110,"line":297},[24632,24636,24640],{"type":16,"tag":108,"props":24633,"children":24634},{"style":126},[24635],{"type":22,"value":321},{"type":16,"tag":108,"props":24637,"children":24638},{"style":115},[24639],{"type":22,"value":134},{"type":16,"tag":108,"props":24641,"children":24642},{"style":137},[24643],{"type":22,"value":24644},"\"scroll-reveal\"\n",{"type":16,"tag":108,"props":24646,"children":24647},{"class":110,"line":315},[24648,24653,24657],{"type":16,"tag":108,"props":24649,"children":24650},{"style":126},[24651],{"type":22,"value":24652},"  data-scroll-reveal-class-value",{"type":16,"tag":108,"props":24654,"children":24655},{"style":115},[24656],{"type":22,"value":134},{"type":16,"tag":108,"props":24658,"children":24659},{"style":137},[24660],{"type":22,"value":24661},"\"active fade\"\n",{"type":16,"tag":108,"props":24663,"children":24664},{"class":110,"line":333},[24665,24670,24674],{"type":16,"tag":108,"props":24666,"children":24667},{"style":126},[24668],{"type":22,"value":24669},"  data-scroll-reveal-threshold-value",{"type":16,"tag":108,"props":24671,"children":24672},{"style":115},[24673],{"type":22,"value":134},{"type":16,"tag":108,"props":24675,"children":24676},{"style":137},[24677],{"type":22,"value":24678},"\"0.9\"\n",{"type":16,"tag":108,"props":24680,"children":24681},{"class":110,"line":351},[24682,24687,24691],{"type":16,"tag":108,"props":24683,"children":24684},{"style":126},[24685],{"type":22,"value":24686},"  data-scroll-reveal-root-margin-value",{"type":16,"tag":108,"props":24688,"children":24689},{"style":115},[24690],{"type":22,"value":134},{"type":16,"tag":108,"props":24692,"children":24693},{"style":137},[24694],{"type":22,"value":24695},"\"10px\"\n",{"type":16,"tag":108,"props":24697,"children":24698},{"class":110,"line":369},[24699],{"type":16,"tag":108,"props":24700,"children":24701},{"style":115},[24702],{"type":22,"value":182},{"type":16,"tag":108,"props":24704,"children":24705},{"class":110,"line":602},[24706,24710,24714,24718,24722,24726,24730,24734,24738,24743,24747],{"type":16,"tag":108,"props":24707,"children":24708},{"style":115},[24709],{"type":22,"value":1737},{"type":16,"tag":108,"props":24711,"children":24712},{"style":121},[24713],{"type":22,"value":31},{"type":16,"tag":108,"props":24715,"children":24716},{"style":126},[24717],{"type":22,"value":24492},{"type":16,"tag":108,"props":24719,"children":24720},{"style":115},[24721],{"type":22,"value":134},{"type":16,"tag":108,"props":24723,"children":24724},{"style":137},[24725],{"type":22,"value":9355},{"type":16,"tag":108,"props":24727,"children":24728},{"style":126},[24729],{"type":22,"value":498},{"type":16,"tag":108,"props":24731,"children":24732},{"style":115},[24733],{"type":22,"value":134},{"type":16,"tag":108,"props":24735,"children":24736},{"style":137},[24737],{"type":22,"value":23255},{"type":16,"tag":108,"props":24739,"children":24740},{"style":115},[24741],{"type":22,"value":24742},">With custom\u003C/",{"type":16,"tag":108,"props":24744,"children":24745},{"style":121},[24746],{"type":22,"value":31},{"type":16,"tag":108,"props":24748,"children":24749},{"style":115},[24750],{"type":22,"value":182},{"type":16,"tag":108,"props":24752,"children":24753},{"class":110,"line":611},[24754,24758,24762,24766,24770,24774,24778,24782,24786,24791,24795],{"type":16,"tag":108,"props":24755,"children":24756},{"style":115},[24757],{"type":22,"value":1737},{"type":16,"tag":108,"props":24759,"children":24760},{"style":121},[24761],{"type":22,"value":31},{"type":16,"tag":108,"props":24763,"children":24764},{"style":126},[24765],{"type":22,"value":24492},{"type":16,"tag":108,"props":24767,"children":24768},{"style":115},[24769],{"type":22,"value":134},{"type":16,"tag":108,"props":24771,"children":24772},{"style":137},[24773],{"type":22,"value":9355},{"type":16,"tag":108,"props":24775,"children":24776},{"style":126},[24777],{"type":22,"value":498},{"type":16,"tag":108,"props":24779,"children":24780},{"style":115},[24781],{"type":22,"value":134},{"type":16,"tag":108,"props":24783,"children":24784},{"style":137},[24785],{"type":22,"value":23255},{"type":16,"tag":108,"props":24787,"children":24788},{"style":115},[24789],{"type":22,"value":24790},">options!\u003C/",{"type":16,"tag":108,"props":24792,"children":24793},{"style":121},[24794],{"type":22,"value":31},{"type":16,"tag":108,"props":24796,"children":24797},{"style":115},[24798],{"type":22,"value":182},{"type":16,"tag":108,"props":24800,"children":24801},{"class":110,"line":619},[24802,24806,24810],{"type":16,"tag":108,"props":24803,"children":24804},{"style":115},[24805],{"type":22,"value":924},{"type":16,"tag":108,"props":24807,"children":24808},{"style":121},[24809],{"type":22,"value":929},{"type":16,"tag":108,"props":24811,"children":24812},{"style":115},[24813],{"type":22,"value":182},{"type":16,"tag":17,"props":24815,"children":24816},{"id":1224},[24817],{"type":22,"value":1227},{"type":16,"tag":1229,"props":24819,"children":24820},{},[24821,24843],{"type":16,"tag":1233,"props":24822,"children":24823},{},[24824],{"type":16,"tag":1237,"props":24825,"children":24826},{},[24827,24831,24835,24839],{"type":16,"tag":1241,"props":24828,"children":24829},{},[24830],{"type":22,"value":1245},{"type":16,"tag":1241,"props":24832,"children":24833},{},[24834],{"type":22,"value":1250},{"type":16,"tag":1241,"props":24836,"children":24837},{},[24838],{"type":22,"value":1255},{"type":16,"tag":1241,"props":24840,"children":24841},{},[24842],{"type":22,"value":1260},{"type":16,"tag":1262,"props":24844,"children":24845},{},[24846,24876,24906],{"type":16,"tag":1237,"props":24847,"children":24848},{},[24849,24858,24867,24872],{"type":16,"tag":1269,"props":24850,"children":24851},{},[24852],{"type":16,"tag":68,"props":24853,"children":24855},{"className":24854},[],[24856],{"type":22,"value":24857},"data-scroll-reveal-class-value",{"type":16,"tag":1269,"props":24859,"children":24860},{},[24861],{"type":16,"tag":68,"props":24862,"children":24864},{"className":24863},[],[24865],{"type":22,"value":24866},"'in'",{"type":16,"tag":1269,"props":24868,"children":24869},{},[24870],{"type":22,"value":24871},"These classes are added on the element when it becomes visible.",{"type":16,"tag":1269,"props":24873,"children":24874},{},[24875],{"type":22,"value":1384},{"type":16,"tag":1237,"props":24877,"children":24878},{},[24879,24888,24897,24902],{"type":16,"tag":1269,"props":24880,"children":24881},{},[24882],{"type":16,"tag":68,"props":24883,"children":24885},{"className":24884},[],[24886],{"type":22,"value":24887},"data-scroll-reveal-threshold-value",{"type":16,"tag":1269,"props":24889,"children":24890},{},[24891],{"type":16,"tag":68,"props":24892,"children":24894},{"className":24893},[],[24895],{"type":22,"value":24896},"0.1",{"type":16,"tag":1269,"props":24898,"children":24899},{},[24900],{"type":22,"value":24901},"The threshold option for the IntersectionObserver.",{"type":16,"tag":1269,"props":24903,"children":24904},{},[24905],{"type":22,"value":1384},{"type":16,"tag":1237,"props":24907,"children":24908},{},[24909,24918,24927,24932],{"type":16,"tag":1269,"props":24910,"children":24911},{},[24912],{"type":16,"tag":68,"props":24913,"children":24915},{"className":24914},[],[24916],{"type":22,"value":24917},"data-scroll-reveal-root-margin-value",{"type":16,"tag":1269,"props":24919,"children":24920},{},[24921],{"type":16,"tag":68,"props":24922,"children":24924},{"className":24923},[],[24925],{"type":22,"value":24926},"'0px'",{"type":16,"tag":1269,"props":24928,"children":24929},{},[24930],{"type":22,"value":24931},"The rootMargin option for the IntersectionObserver.",{"type":16,"tag":1269,"props":24933,"children":24934},{},[24935],{"type":22,"value":1384},{"type":16,"tag":31,"props":24937,"children":24938},{},[24939],{"type":22,"value":24940},"It's up to you to create the CSS transition animation.\nThis controller basically simply adds a class to an element when it becomes visible.",{"type":16,"tag":31,"props":24942,"children":24943},{},[24944],{"type":22,"value":16069},{"type":16,"tag":93,"props":24946,"children":24947},{"tab-name":11252},[24948],{"type":16,"tag":98,"props":24949,"children":24951},{"className":11256,"code":24950,"language":11258,"meta":7,"style":7},".reveal {\n  opacity: 0;\n  transform: translateY(20px);\n  transition: 1s cubic-bezier(0.5, 0, 0, 1);\n  transition-property: opacity, transform;\n}\n.reveal.in {\n  opacity: 1;\n  transform: none;\n}\n",[24952],{"type":16,"tag":68,"props":24953,"children":24954},{"__ignoreMap":7},[24955,24967,24982,25013,25070,25078,25085,25097,25112,25127],{"type":16,"tag":108,"props":24956,"children":24957},{"class":110,"line":111},[24958,24963],{"type":16,"tag":108,"props":24959,"children":24960},{"style":126},[24961],{"type":22,"value":24962},".reveal",{"type":16,"tag":108,"props":24964,"children":24965},{"style":115},[24966],{"type":22,"value":513},{"type":16,"tag":108,"props":24968,"children":24969},{"class":110,"line":297},[24970,24974,24978],{"type":16,"tag":108,"props":24971,"children":24972},{"style":115},[24973],{"type":22,"value":13394},{"type":16,"tag":108,"props":24975,"children":24976},{"style":126},[24977],{"type":22,"value":1435},{"type":16,"tag":108,"props":24979,"children":24980},{"style":115},[24981],{"type":22,"value":11346},{"type":16,"tag":108,"props":24983,"children":24984},{"class":110,"line":315},[24985,24990,24995,24999,25004,25009],{"type":16,"tag":108,"props":24986,"children":24987},{"style":115},[24988],{"type":22,"value":24989},"  transform: ",{"type":16,"tag":108,"props":24991,"children":24992},{"style":1654},[24993],{"type":22,"value":24994},"translateY",{"type":16,"tag":108,"props":24996,"children":24997},{"style":115},[24998],{"type":22,"value":527},{"type":16,"tag":108,"props":25000,"children":25001},{"style":126},[25002],{"type":22,"value":25003},"20",{"type":16,"tag":108,"props":25005,"children":25006},{"style":121},[25007],{"type":22,"value":25008},"px",{"type":16,"tag":108,"props":25010,"children":25011},{"style":115},[25012],{"type":22,"value":11446},{"type":16,"tag":108,"props":25014,"children":25015},{"class":110,"line":333},[25016,25020,25024,25029,25034,25038,25042,25046,25050,25054,25058,25062,25066],{"type":16,"tag":108,"props":25017,"children":25018},{"style":115},[25019],{"type":22,"value":13577},{"type":16,"tag":108,"props":25021,"children":25022},{"style":126},[25023],{"type":22,"value":11528},{"type":16,"tag":108,"props":25025,"children":25026},{"style":121},[25027],{"type":22,"value":25028},"s",{"type":16,"tag":108,"props":25030,"children":25031},{"style":1654},[25032],{"type":22,"value":25033}," cubic-bezier",{"type":16,"tag":108,"props":25035,"children":25036},{"style":115},[25037],{"type":22,"value":527},{"type":16,"tag":108,"props":25039,"children":25040},{"style":126},[25041],{"type":22,"value":11441},{"type":16,"tag":108,"props":25043,"children":25044},{"style":115},[25045],{"type":22,"value":397},{"type":16,"tag":108,"props":25047,"children":25048},{"style":126},[25049],{"type":22,"value":1435},{"type":16,"tag":108,"props":25051,"children":25052},{"style":115},[25053],{"type":22,"value":397},{"type":16,"tag":108,"props":25055,"children":25056},{"style":126},[25057],{"type":22,"value":1435},{"type":16,"tag":108,"props":25059,"children":25060},{"style":115},[25061],{"type":22,"value":397},{"type":16,"tag":108,"props":25063,"children":25064},{"style":126},[25065],{"type":22,"value":11528},{"type":16,"tag":108,"props":25067,"children":25068},{"style":115},[25069],{"type":22,"value":11446},{"type":16,"tag":108,"props":25071,"children":25072},{"class":110,"line":351},[25073],{"type":16,"tag":108,"props":25074,"children":25075},{"style":115},[25076],{"type":22,"value":25077},"  transition-property: opacity, transform;\n",{"type":16,"tag":108,"props":25079,"children":25080},{"class":110,"line":369},[25081],{"type":16,"tag":108,"props":25082,"children":25083},{"style":115},[25084],{"type":22,"value":683},{"type":16,"tag":108,"props":25086,"children":25087},{"class":110,"line":602},[25088,25093],{"type":16,"tag":108,"props":25089,"children":25090},{"style":126},[25091],{"type":22,"value":25092},".reveal.in",{"type":16,"tag":108,"props":25094,"children":25095},{"style":115},[25096],{"type":22,"value":513},{"type":16,"tag":108,"props":25098,"children":25099},{"class":110,"line":611},[25100,25104,25108],{"type":16,"tag":108,"props":25101,"children":25102},{"style":115},[25103],{"type":22,"value":13394},{"type":16,"tag":108,"props":25105,"children":25106},{"style":126},[25107],{"type":22,"value":11528},{"type":16,"tag":108,"props":25109,"children":25110},{"style":115},[25111],{"type":22,"value":11346},{"type":16,"tag":108,"props":25113,"children":25114},{"class":110,"line":619},[25115,25119,25123],{"type":16,"tag":108,"props":25116,"children":25117},{"style":115},[25118],{"type":22,"value":24989},{"type":16,"tag":108,"props":25120,"children":25121},{"style":126},[25122],{"type":22,"value":13366},{"type":16,"tag":108,"props":25124,"children":25125},{"style":115},[25126],{"type":22,"value":11346},{"type":16,"tag":108,"props":25128,"children":25129},{"class":110,"line":640},[25130],{"type":16,"tag":108,"props":25131,"children":25132},{"style":115},[25133],{"type":22,"value":683},{"type":16,"tag":17,"props":25135,"children":25136},{"id":428},[25137],{"type":22,"value":431},{"type":16,"tag":428,"props":25139,"children":25140},{},[25141],{"type":16,"tag":93,"props":25142,"children":25144},{"tab-name":25143},"app/javascript/controllers/scroll_reveal_controller.js",[25145],{"type":16,"tag":98,"props":25146,"children":25148},{"className":441,"code":25147,"language":443,"meta":7,"style":7},"import ScrollReveal from \"@stimulus-components/scroll-reveal\"\n\nexport default class extends ScrollReveal {\n  connect() {\n    super.connect()\n    console.log(\"Do what you want here.\")\n  }\n\n  // Override this method to change the IntersectionObserver behavior\n  intersectionObserverCallback(entries, observer) {\n    //\n  }\n\n  // Options used for the IntersectionObserver\n  get intersectionObserverOptions() {\n    return {}\n  }\n\n  // You can override this getter to set your default options here.\n  get defaultOptions() {\n    return {\n      class: \"active\",\n      threshold: 0.5,\n      rootMargin: \"100px\",\n    }\n  }\n}\n",[25149],{"type":16,"tag":68,"props":25150,"children":25151},{"__ignoreMap":7},[25152,25173,25180,25207,25218,25237,25264,25271,25278,25286,25316,25323,25330,25337,25345,25361,25373,25380,25387,25395,25410,25421,25442,25462,25483,25490,25497],{"type":16,"tag":108,"props":25153,"children":25154},{"class":110,"line":111},[25155,25159,25164,25168],{"type":16,"tag":108,"props":25156,"children":25157},{"style":453},[25158],{"type":22,"value":456},{"type":16,"tag":108,"props":25160,"children":25161},{"style":121},[25162],{"type":22,"value":25163}," ScrollReveal",{"type":16,"tag":108,"props":25165,"children":25166},{"style":453},[25167],{"type":22,"value":466},{"type":16,"tag":108,"props":25169,"children":25170},{"style":137},[25171],{"type":22,"value":25172}," \"@stimulus-components/scroll-reveal\"\n",{"type":16,"tag":108,"props":25174,"children":25175},{"class":110,"line":297},[25176],{"type":16,"tag":108,"props":25177,"children":25178},{"emptyLinePlaceholder":477},[25179],{"type":22,"value":480},{"type":16,"tag":108,"props":25181,"children":25182},{"class":110,"line":315},[25183,25187,25191,25195,25199,25203],{"type":16,"tag":108,"props":25184,"children":25185},{"style":453},[25186],{"type":22,"value":488},{"type":16,"tag":108,"props":25188,"children":25189},{"style":453},[25190],{"type":22,"value":493},{"type":16,"tag":108,"props":25192,"children":25193},{"style":453},[25194],{"type":22,"value":498},{"type":16,"tag":108,"props":25196,"children":25197},{"style":453},[25198],{"type":22,"value":503},{"type":16,"tag":108,"props":25200,"children":25201},{"style":506},[25202],{"type":22,"value":25163},{"type":16,"tag":108,"props":25204,"children":25205},{"style":115},[25206],{"type":22,"value":513},{"type":16,"tag":108,"props":25208,"children":25209},{"class":110,"line":333},[25210,25214],{"type":16,"tag":108,"props":25211,"children":25212},{"style":519},[25213],{"type":22,"value":1525},{"type":16,"tag":108,"props":25215,"children":25216},{"style":115},[25217],{"type":22,"value":1530},{"type":16,"tag":108,"props":25219,"children":25220},{"class":110,"line":351},[25221,25225,25229,25233],{"type":16,"tag":108,"props":25222,"children":25223},{"style":544},[25224],{"type":22,"value":547},{"type":16,"tag":108,"props":25226,"children":25227},{"style":115},[25228],{"type":22,"value":46},{"type":16,"tag":108,"props":25230,"children":25231},{"style":519},[25232],{"type":22,"value":1546},{"type":16,"tag":108,"props":25234,"children":25235},{"style":115},[25236],{"type":22,"value":1551},{"type":16,"tag":108,"props":25238,"children":25239},{"class":110,"line":369},[25240,25244,25248,25252,25256,25260],{"type":16,"tag":108,"props":25241,"children":25242},{"style":506},[25243],{"type":22,"value":577},{"type":16,"tag":108,"props":25245,"children":25246},{"style":115},[25247],{"type":22,"value":46},{"type":16,"tag":108,"props":25249,"children":25250},{"style":519},[25251],{"type":22,"value":586},{"type":16,"tag":108,"props":25253,"children":25254},{"style":115},[25255],{"type":22,"value":527},{"type":16,"tag":108,"props":25257,"children":25258},{"style":137},[25259],{"type":22,"value":595},{"type":16,"tag":108,"props":25261,"children":25262},{"style":115},[25263],{"type":22,"value":569},{"type":16,"tag":108,"props":25265,"children":25266},{"class":110,"line":602},[25267],{"type":16,"tag":108,"props":25268,"children":25269},{"style":115},[25270],{"type":22,"value":608},{"type":16,"tag":108,"props":25272,"children":25273},{"class":110,"line":611},[25274],{"type":16,"tag":108,"props":25275,"children":25276},{"emptyLinePlaceholder":477},[25277],{"type":22,"value":480},{"type":16,"tag":108,"props":25279,"children":25280},{"class":110,"line":619},[25281],{"type":16,"tag":108,"props":25282,"children":25283},{"style":1798},[25284],{"type":22,"value":25285},"  // Override this method to change the IntersectionObserver behavior\n",{"type":16,"tag":108,"props":25287,"children":25288},{"class":110,"line":640},[25289,25294,25298,25303,25307,25312],{"type":16,"tag":108,"props":25290,"children":25291},{"style":519},[25292],{"type":22,"value":25293},"  intersectionObserverCallback",{"type":16,"tag":108,"props":25295,"children":25296},{"style":115},[25297],{"type":22,"value":527},{"type":16,"tag":108,"props":25299,"children":25300},{"style":530},[25301],{"type":22,"value":25302},"entries",{"type":16,"tag":108,"props":25304,"children":25305},{"style":115},[25306],{"type":22,"value":397},{"type":16,"tag":108,"props":25308,"children":25309},{"style":530},[25310],{"type":22,"value":25311},"observer",{"type":16,"tag":108,"props":25313,"children":25314},{"style":115},[25315],{"type":22,"value":538},{"type":16,"tag":108,"props":25317,"children":25318},{"class":110,"line":669},[25319],{"type":16,"tag":108,"props":25320,"children":25321},{"style":1798},[25322],{"type":22,"value":7865},{"type":16,"tag":108,"props":25324,"children":25325},{"class":110,"line":677},[25326],{"type":16,"tag":108,"props":25327,"children":25328},{"style":115},[25329],{"type":22,"value":608},{"type":16,"tag":108,"props":25331,"children":25332},{"class":110,"line":2008},[25333],{"type":16,"tag":108,"props":25334,"children":25335},{"emptyLinePlaceholder":477},[25336],{"type":22,"value":480},{"type":16,"tag":108,"props":25338,"children":25339},{"class":110,"line":785},[25340],{"type":16,"tag":108,"props":25341,"children":25342},{"style":1798},[25343],{"type":22,"value":25344},"  // Options used for the IntersectionObserver\n",{"type":16,"tag":108,"props":25346,"children":25347},{"class":110,"line":2033},[25348,25352,25357],{"type":16,"tag":108,"props":25349,"children":25350},{"style":453},[25351],{"type":22,"value":3204},{"type":16,"tag":108,"props":25353,"children":25354},{"style":519},[25355],{"type":22,"value":25356}," intersectionObserverOptions",{"type":16,"tag":108,"props":25358,"children":25359},{"style":115},[25360],{"type":22,"value":1530},{"type":16,"tag":108,"props":25362,"children":25363},{"class":110,"line":3198},[25364,25368],{"type":16,"tag":108,"props":25365,"children":25366},{"style":453},[25367],{"type":22,"value":3222},{"type":16,"tag":108,"props":25369,"children":25370},{"style":115},[25371],{"type":22,"value":25372}," {}\n",{"type":16,"tag":108,"props":25374,"children":25375},{"class":110,"line":3216},[25376],{"type":16,"tag":108,"props":25377,"children":25378},{"style":115},[25379],{"type":22,"value":608},{"type":16,"tag":108,"props":25381,"children":25382},{"class":110,"line":3229},[25383],{"type":16,"tag":108,"props":25384,"children":25385},{"emptyLinePlaceholder":477},[25386],{"type":22,"value":480},{"type":16,"tag":108,"props":25388,"children":25389},{"class":110,"line":3238},[25390],{"type":16,"tag":108,"props":25391,"children":25392},{"style":1798},[25393],{"type":22,"value":25394},"  // You can override this getter to set your default options here.\n",{"type":16,"tag":108,"props":25396,"children":25397},{"class":110,"line":3247},[25398,25402,25406],{"type":16,"tag":108,"props":25399,"children":25400},{"style":453},[25401],{"type":22,"value":3204},{"type":16,"tag":108,"props":25403,"children":25404},{"style":519},[25405],{"type":22,"value":3209},{"type":16,"tag":108,"props":25407,"children":25408},{"style":115},[25409],{"type":22,"value":1530},{"type":16,"tag":108,"props":25411,"children":25412},{"class":110,"line":3255},[25413,25417],{"type":16,"tag":108,"props":25414,"children":25415},{"style":453},[25416],{"type":22,"value":3222},{"type":16,"tag":108,"props":25418,"children":25419},{"style":115},[25420],{"type":22,"value":513},{"type":16,"tag":108,"props":25422,"children":25423},{"class":110,"line":4676},[25424,25429,25433,25438],{"type":16,"tag":108,"props":25425,"children":25426},{"style":121},[25427],{"type":22,"value":25428},"      class",{"type":16,"tag":108,"props":25430,"children":25431},{"style":115},[25432],{"type":22,"value":2231},{"type":16,"tag":108,"props":25434,"children":25435},{"style":137},[25436],{"type":22,"value":25437},"\"active\"",{"type":16,"tag":108,"props":25439,"children":25440},{"style":115},[25441],{"type":22,"value":2241},{"type":16,"tag":108,"props":25443,"children":25444},{"class":110,"line":4685},[25445,25450,25454,25458],{"type":16,"tag":108,"props":25446,"children":25447},{"style":121},[25448],{"type":22,"value":25449},"      threshold",{"type":16,"tag":108,"props":25451,"children":25452},{"style":115},[25453],{"type":22,"value":2231},{"type":16,"tag":108,"props":25455,"children":25456},{"style":126},[25457],{"type":22,"value":11441},{"type":16,"tag":108,"props":25459,"children":25460},{"style":115},[25461],{"type":22,"value":2241},{"type":16,"tag":108,"props":25463,"children":25464},{"class":110,"line":5319},[25465,25470,25474,25479],{"type":16,"tag":108,"props":25466,"children":25467},{"style":121},[25468],{"type":22,"value":25469},"      rootMargin",{"type":16,"tag":108,"props":25471,"children":25472},{"style":115},[25473],{"type":22,"value":2231},{"type":16,"tag":108,"props":25475,"children":25476},{"style":137},[25477],{"type":22,"value":25478},"\"100px\"",{"type":16,"tag":108,"props":25480,"children":25481},{"style":115},[25482],{"type":22,"value":2241},{"type":16,"tag":108,"props":25484,"children":25485},{"class":110,"line":5348},[25486],{"type":16,"tag":108,"props":25487,"children":25488},{"style":115},[25489],{"type":22,"value":3244},{"type":16,"tag":108,"props":25491,"children":25492},{"class":110,"line":5356},[25493],{"type":16,"tag":108,"props":25494,"children":25495},{"style":115},[25496],{"type":22,"value":608},{"type":16,"tag":108,"props":25498,"children":25499},{"class":110,"line":5364},[25500],{"type":16,"tag":108,"props":25501,"children":25502},{"style":115},[25503],{"type":22,"value":683},{"type":16,"tag":685,"props":25505,"children":25506},{},[25507],{"type":22,"value":689},{"title":7,"searchDepth":297,"depth":297,"links":25509},[25510,25511,25512,25513,25514],{"id":19,"depth":297,"text":23},{"id":49,"depth":297,"text":52},{"id":58,"depth":297,"text":61},{"id":1224,"depth":297,"text":1227},{"id":428,"depth":297,"text":431},"content:docs:stimulus-scroll-reveal.md","docs/stimulus-scroll-reveal.md","docs/stimulus-scroll-reveal",{"_path":25519,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":25520,"description":25521,"package":25522,"packagePath":25523,"body":25524,"_type":696,"_id":26229,"_source":698,"_file":26230,"_stem":26231,"_extension":701},"/docs/stimulus-scroll-to","Scroll To","A Stimulus controller to scroll to elements.","scroll-to","@stimulus-components/scroll-to",{"type":13,"children":25525,"toc":26221},[25526,25530,25533,25537,25540,25544,25649,25653,25814,25818,25919,25923,26160,26166,26180,26192,26204,26217],{"type":16,"tag":17,"props":25527,"children":25528},{"id":19},[25529],{"type":22,"value":23},{"type":16,"tag":25,"props":25531,"children":25532},{":package":27,":package-path":28},[],{"type":16,"tag":17,"props":25534,"children":25535},{"id":49},[25536],{"type":22,"value":52},{"type":16,"tag":25522,"props":25538,"children":25539},{},[],{"type":16,"tag":17,"props":25541,"children":25542},{"id":58},[25543],{"type":22,"value":61},{"type":16,"tag":93,"props":25545,"children":25546},{"tab-name":95},[25547],{"type":16,"tag":98,"props":25548,"children":25550},{"className":100,"code":25549,"language":102,"meta":7,"style":7},"\u003Ca href=\"#awesome-stuff-here\" data-controller=\"scroll-to\">Scroll to #awesome-stuff-here\u003C/a>\n\n\u003Ch2 id=\"awesome-stuff-here\">Awesome stuff here\u003C/h2>\n",[25551],{"type":16,"tag":68,"props":25552,"children":25553},{"__ignoreMap":7},[25554,25604,25611],{"type":16,"tag":108,"props":25555,"children":25556},{"class":110,"line":111},[25557,25561,25565,25569,25573,25578,25582,25586,25591,25596,25600],{"type":16,"tag":108,"props":25558,"children":25559},{"style":115},[25560],{"type":22,"value":118},{"type":16,"tag":108,"props":25562,"children":25563},{"style":121},[25564],{"type":22,"value":37},{"type":16,"tag":108,"props":25566,"children":25567},{"style":126},[25568],{"type":22,"value":129},{"type":16,"tag":108,"props":25570,"children":25571},{"style":115},[25572],{"type":22,"value":134},{"type":16,"tag":108,"props":25574,"children":25575},{"style":137},[25576],{"type":22,"value":25577},"\"#awesome-stuff-here\"",{"type":16,"tag":108,"props":25579,"children":25580},{"style":126},[25581],{"type":22,"value":145},{"type":16,"tag":108,"props":25583,"children":25584},{"style":115},[25585],{"type":22,"value":134},{"type":16,"tag":108,"props":25587,"children":25588},{"style":137},[25589],{"type":22,"value":25590},"\"scroll-to\"",{"type":16,"tag":108,"props":25592,"children":25593},{"style":115},[25594],{"type":22,"value":25595},">Scroll to #awesome-stuff-here\u003C/",{"type":16,"tag":108,"props":25597,"children":25598},{"style":121},[25599],{"type":22,"value":37},{"type":16,"tag":108,"props":25601,"children":25602},{"style":115},[25603],{"type":22,"value":182},{"type":16,"tag":108,"props":25605,"children":25606},{"class":110,"line":297},[25607],{"type":16,"tag":108,"props":25608,"children":25609},{"emptyLinePlaceholder":477},[25610],{"type":22,"value":480},{"type":16,"tag":108,"props":25612,"children":25613},{"class":110,"line":315},[25614,25618,25622,25627,25631,25636,25641,25645],{"type":16,"tag":108,"props":25615,"children":25616},{"style":115},[25617],{"type":22,"value":118},{"type":16,"tag":108,"props":25619,"children":25620},{"style":121},[25621],{"type":22,"value":17},{"type":16,"tag":108,"props":25623,"children":25624},{"style":126},[25625],{"type":22,"value":25626}," id",{"type":16,"tag":108,"props":25628,"children":25629},{"style":115},[25630],{"type":22,"value":134},{"type":16,"tag":108,"props":25632,"children":25633},{"style":137},[25634],{"type":22,"value":25635},"\"awesome-stuff-here\"",{"type":16,"tag":108,"props":25637,"children":25638},{"style":115},[25639],{"type":22,"value":25640},">Awesome stuff here\u003C/",{"type":16,"tag":108,"props":25642,"children":25643},{"style":121},[25644],{"type":22,"value":17},{"type":16,"tag":108,"props":25646,"children":25647},{"style":115},[25648],{"type":22,"value":182},{"type":16,"tag":31,"props":25650,"children":25651},{},[25652],{"type":22,"value":2693},{"type":16,"tag":93,"props":25654,"children":25655},{"tab-name":95},[25656],{"type":16,"tag":98,"props":25657,"children":25659},{"className":100,"code":25658,"language":102,"meta":7,"style":7},"\u003Ca\n  href=\"#awesome-stuff-here\"\n  data-controller=\"scroll-to\"\n  data-scroll-to-offset-value=\"150\"\n  data-scroll-to-behavior-value=\"auto\"\n>\n  Scroll to #awesome-stuff-here\n\u003C/a>\n\n\u003Ch2 id=\"awesome-stuff-here\">Awesome stuff here\u003C/h2>\n",[25660],{"type":16,"tag":68,"props":25661,"children":25662},{"__ignoreMap":7},[25663,25675,25692,25708,25725,25742,25749,25757,25772,25779],{"type":16,"tag":108,"props":25664,"children":25665},{"class":110,"line":111},[25666,25670],{"type":16,"tag":108,"props":25667,"children":25668},{"style":115},[25669],{"type":22,"value":118},{"type":16,"tag":108,"props":25671,"children":25672},{"style":121},[25673],{"type":22,"value":25674},"a\n",{"type":16,"tag":108,"props":25676,"children":25677},{"class":110,"line":297},[25678,25683,25687],{"type":16,"tag":108,"props":25679,"children":25680},{"style":126},[25681],{"type":22,"value":25682},"  href",{"type":16,"tag":108,"props":25684,"children":25685},{"style":115},[25686],{"type":22,"value":134},{"type":16,"tag":108,"props":25688,"children":25689},{"style":137},[25690],{"type":22,"value":25691},"\"#awesome-stuff-here\"\n",{"type":16,"tag":108,"props":25693,"children":25694},{"class":110,"line":315},[25695,25699,25703],{"type":16,"tag":108,"props":25696,"children":25697},{"style":126},[25698],{"type":22,"value":321},{"type":16,"tag":108,"props":25700,"children":25701},{"style":115},[25702],{"type":22,"value":134},{"type":16,"tag":108,"props":25704,"children":25705},{"style":137},[25706],{"type":22,"value":25707},"\"scroll-to\"\n",{"type":16,"tag":108,"props":25709,"children":25710},{"class":110,"line":333},[25711,25716,25720],{"type":16,"tag":108,"props":25712,"children":25713},{"style":126},[25714],{"type":22,"value":25715},"  data-scroll-to-offset-value",{"type":16,"tag":108,"props":25717,"children":25718},{"style":115},[25719],{"type":22,"value":134},{"type":16,"tag":108,"props":25721,"children":25722},{"style":137},[25723],{"type":22,"value":25724},"\"150\"\n",{"type":16,"tag":108,"props":25726,"children":25727},{"class":110,"line":351},[25728,25733,25737],{"type":16,"tag":108,"props":25729,"children":25730},{"style":126},[25731],{"type":22,"value":25732},"  data-scroll-to-behavior-value",{"type":16,"tag":108,"props":25734,"children":25735},{"style":115},[25736],{"type":22,"value":134},{"type":16,"tag":108,"props":25738,"children":25739},{"style":137},[25740],{"type":22,"value":25741},"\"auto\"\n",{"type":16,"tag":108,"props":25743,"children":25744},{"class":110,"line":369},[25745],{"type":16,"tag":108,"props":25746,"children":25747},{"style":115},[25748],{"type":22,"value":182},{"type":16,"tag":108,"props":25750,"children":25751},{"class":110,"line":602},[25752],{"type":16,"tag":108,"props":25753,"children":25754},{"style":115},[25755],{"type":22,"value":25756},"  Scroll to #awesome-stuff-here\n",{"type":16,"tag":108,"props":25758,"children":25759},{"class":110,"line":611},[25760,25764,25768],{"type":16,"tag":108,"props":25761,"children":25762},{"style":115},[25763],{"type":22,"value":924},{"type":16,"tag":108,"props":25765,"children":25766},{"style":121},[25767],{"type":22,"value":37},{"type":16,"tag":108,"props":25769,"children":25770},{"style":115},[25771],{"type":22,"value":182},{"type":16,"tag":108,"props":25773,"children":25774},{"class":110,"line":619},[25775],{"type":16,"tag":108,"props":25776,"children":25777},{"emptyLinePlaceholder":477},[25778],{"type":22,"value":480},{"type":16,"tag":108,"props":25780,"children":25781},{"class":110,"line":640},[25782,25786,25790,25794,25798,25802,25806,25810],{"type":16,"tag":108,"props":25783,"children":25784},{"style":115},[25785],{"type":22,"value":118},{"type":16,"tag":108,"props":25787,"children":25788},{"style":121},[25789],{"type":22,"value":17},{"type":16,"tag":108,"props":25791,"children":25792},{"style":126},[25793],{"type":22,"value":25626},{"type":16,"tag":108,"props":25795,"children":25796},{"style":115},[25797],{"type":22,"value":134},{"type":16,"tag":108,"props":25799,"children":25800},{"style":137},[25801],{"type":22,"value":25635},{"type":16,"tag":108,"props":25803,"children":25804},{"style":115},[25805],{"type":22,"value":25640},{"type":16,"tag":108,"props":25807,"children":25808},{"style":121},[25809],{"type":22,"value":17},{"type":16,"tag":108,"props":25811,"children":25812},{"style":115},[25813],{"type":22,"value":182},{"type":16,"tag":17,"props":25815,"children":25816},{"id":1224},[25817],{"type":22,"value":1227},{"type":16,"tag":1229,"props":25819,"children":25820},{},[25821,25843],{"type":16,"tag":1233,"props":25822,"children":25823},{},[25824],{"type":16,"tag":1237,"props":25825,"children":25826},{},[25827,25831,25835,25839],{"type":16,"tag":1241,"props":25828,"children":25829},{},[25830],{"type":22,"value":1245},{"type":16,"tag":1241,"props":25832,"children":25833},{},[25834],{"type":22,"value":1250},{"type":16,"tag":1241,"props":25836,"children":25837},{},[25838],{"type":22,"value":1255},{"type":16,"tag":1241,"props":25840,"children":25841},{},[25842],{"type":22,"value":1260},{"type":16,"tag":1262,"props":25844,"children":25845},{},[25846,25876],{"type":16,"tag":1237,"props":25847,"children":25848},{},[25849,25858,25867,25872],{"type":16,"tag":1269,"props":25850,"children":25851},{},[25852],{"type":16,"tag":68,"props":25853,"children":25855},{"className":25854},[],[25856],{"type":22,"value":25857},"data-scroll-to-offset-value",{"type":16,"tag":1269,"props":25859,"children":25860},{},[25861],{"type":16,"tag":68,"props":25862,"children":25864},{"className":25863},[],[25865],{"type":22,"value":25866},"10",{"type":16,"tag":1269,"props":25868,"children":25869},{},[25870],{"type":22,"value":25871},"Offset in pixels from top of the element.",{"type":16,"tag":1269,"props":25873,"children":25874},{},[25875],{"type":22,"value":1384},{"type":16,"tag":1237,"props":25877,"children":25878},{},[25879,25888,25897,25915],{"type":16,"tag":1269,"props":25880,"children":25881},{},[25882],{"type":16,"tag":68,"props":25883,"children":25885},{"className":25884},[],[25886],{"type":22,"value":25887},"data-scroll-to-behavior-value",{"type":16,"tag":1269,"props":25889,"children":25890},{},[25891],{"type":16,"tag":68,"props":25892,"children":25894},{"className":25893},[],[25895],{"type":22,"value":25896},"smooth",{"type":16,"tag":1269,"props":25898,"children":25899},{},[25900,25902,25908,25909,25914],{"type":22,"value":25901},"The scroll behavior. ",{"type":16,"tag":68,"props":25903,"children":25905},{"className":25904},[],[25906],{"type":22,"value":25907},"auto",{"type":22,"value":75},{"type":16,"tag":68,"props":25910,"children":25912},{"className":25911},[],[25913],{"type":22,"value":25896},{"type":22,"value":46},{"type":16,"tag":1269,"props":25916,"children":25917},{},[25918],{"type":22,"value":1384},{"type":16,"tag":17,"props":25920,"children":25921},{"id":428},[25922],{"type":22,"value":431},{"type":16,"tag":428,"props":25924,"children":25925},{},[25926],{"type":16,"tag":93,"props":25927,"children":25929},{"tab-name":25928},"app/javascript/controllers/scroll_to_controller.js",[25930],{"type":16,"tag":98,"props":25931,"children":25933},{"className":441,"code":25932,"language":443,"meta":7,"style":7},"import ScrollTo from \"stimulus-scroll-to\"\n\nexport default class extends ScrollTo {\n  connect() {\n    super.connect()\n    console.log(\"Do what you want here.\")\n  }\n\n  // You can set default options in this getter for all your anchors.\n  get defaultOptions() {\n    return {\n      offset: 100,\n      behavior: \"auto\",\n    }\n  }\n}\n",[25934],{"type":16,"tag":68,"props":25935,"children":25936},{"__ignoreMap":7},[25937,25958,25965,25992,26003,26022,26049,26056,26063,26071,26086,26097,26118,26139,26146,26153],{"type":16,"tag":108,"props":25938,"children":25939},{"class":110,"line":111},[25940,25944,25949,25953],{"type":16,"tag":108,"props":25941,"children":25942},{"style":453},[25943],{"type":22,"value":456},{"type":16,"tag":108,"props":25945,"children":25946},{"style":121},[25947],{"type":22,"value":25948}," ScrollTo",{"type":16,"tag":108,"props":25950,"children":25951},{"style":453},[25952],{"type":22,"value":466},{"type":16,"tag":108,"props":25954,"children":25955},{"style":137},[25956],{"type":22,"value":25957}," \"stimulus-scroll-to\"\n",{"type":16,"tag":108,"props":25959,"children":25960},{"class":110,"line":297},[25961],{"type":16,"tag":108,"props":25962,"children":25963},{"emptyLinePlaceholder":477},[25964],{"type":22,"value":480},{"type":16,"tag":108,"props":25966,"children":25967},{"class":110,"line":315},[25968,25972,25976,25980,25984,25988],{"type":16,"tag":108,"props":25969,"children":25970},{"style":453},[25971],{"type":22,"value":488},{"type":16,"tag":108,"props":25973,"children":25974},{"style":453},[25975],{"type":22,"value":493},{"type":16,"tag":108,"props":25977,"children":25978},{"style":453},[25979],{"type":22,"value":498},{"type":16,"tag":108,"props":25981,"children":25982},{"style":453},[25983],{"type":22,"value":503},{"type":16,"tag":108,"props":25985,"children":25986},{"style":506},[25987],{"type":22,"value":25948},{"type":16,"tag":108,"props":25989,"children":25990},{"style":115},[25991],{"type":22,"value":513},{"type":16,"tag":108,"props":25993,"children":25994},{"class":110,"line":333},[25995,25999],{"type":16,"tag":108,"props":25996,"children":25997},{"style":519},[25998],{"type":22,"value":1525},{"type":16,"tag":108,"props":26000,"children":26001},{"style":115},[26002],{"type":22,"value":1530},{"type":16,"tag":108,"props":26004,"children":26005},{"class":110,"line":351},[26006,26010,26014,26018],{"type":16,"tag":108,"props":26007,"children":26008},{"style":544},[26009],{"type":22,"value":547},{"type":16,"tag":108,"props":26011,"children":26012},{"style":115},[26013],{"type":22,"value":46},{"type":16,"tag":108,"props":26015,"children":26016},{"style":519},[26017],{"type":22,"value":1546},{"type":16,"tag":108,"props":26019,"children":26020},{"style":115},[26021],{"type":22,"value":1551},{"type":16,"tag":108,"props":26023,"children":26024},{"class":110,"line":369},[26025,26029,26033,26037,26041,26045],{"type":16,"tag":108,"props":26026,"children":26027},{"style":506},[26028],{"type":22,"value":577},{"type":16,"tag":108,"props":26030,"children":26031},{"style":115},[26032],{"type":22,"value":46},{"type":16,"tag":108,"props":26034,"children":26035},{"style":519},[26036],{"type":22,"value":586},{"type":16,"tag":108,"props":26038,"children":26039},{"style":115},[26040],{"type":22,"value":527},{"type":16,"tag":108,"props":26042,"children":26043},{"style":137},[26044],{"type":22,"value":595},{"type":16,"tag":108,"props":26046,"children":26047},{"style":115},[26048],{"type":22,"value":569},{"type":16,"tag":108,"props":26050,"children":26051},{"class":110,"line":602},[26052],{"type":16,"tag":108,"props":26053,"children":26054},{"style":115},[26055],{"type":22,"value":608},{"type":16,"tag":108,"props":26057,"children":26058},{"class":110,"line":611},[26059],{"type":16,"tag":108,"props":26060,"children":26061},{"emptyLinePlaceholder":477},[26062],{"type":22,"value":480},{"type":16,"tag":108,"props":26064,"children":26065},{"class":110,"line":619},[26066],{"type":16,"tag":108,"props":26067,"children":26068},{"style":1798},[26069],{"type":22,"value":26070},"  // You can set default options in this getter for all your anchors.\n",{"type":16,"tag":108,"props":26072,"children":26073},{"class":110,"line":640},[26074,26078,26082],{"type":16,"tag":108,"props":26075,"children":26076},{"style":453},[26077],{"type":22,"value":3204},{"type":16,"tag":108,"props":26079,"children":26080},{"style":519},[26081],{"type":22,"value":3209},{"type":16,"tag":108,"props":26083,"children":26084},{"style":115},[26085],{"type":22,"value":1530},{"type":16,"tag":108,"props":26087,"children":26088},{"class":110,"line":669},[26089,26093],{"type":16,"tag":108,"props":26090,"children":26091},{"style":453},[26092],{"type":22,"value":3222},{"type":16,"tag":108,"props":26094,"children":26095},{"style":115},[26096],{"type":22,"value":513},{"type":16,"tag":108,"props":26098,"children":26099},{"class":110,"line":677},[26100,26105,26109,26114],{"type":16,"tag":108,"props":26101,"children":26102},{"style":121},[26103],{"type":22,"value":26104},"      offset",{"type":16,"tag":108,"props":26106,"children":26107},{"style":115},[26108],{"type":22,"value":2231},{"type":16,"tag":108,"props":26110,"children":26111},{"style":126},[26112],{"type":22,"value":26113},"100",{"type":16,"tag":108,"props":26115,"children":26116},{"style":115},[26117],{"type":22,"value":2241},{"type":16,"tag":108,"props":26119,"children":26120},{"class":110,"line":2008},[26121,26126,26130,26135],{"type":16,"tag":108,"props":26122,"children":26123},{"style":121},[26124],{"type":22,"value":26125},"      behavior",{"type":16,"tag":108,"props":26127,"children":26128},{"style":115},[26129],{"type":22,"value":2231},{"type":16,"tag":108,"props":26131,"children":26132},{"style":137},[26133],{"type":22,"value":26134},"\"auto\"",{"type":16,"tag":108,"props":26136,"children":26137},{"style":115},[26138],{"type":22,"value":2241},{"type":16,"tag":108,"props":26140,"children":26141},{"class":110,"line":785},[26142],{"type":16,"tag":108,"props":26143,"children":26144},{"style":115},[26145],{"type":22,"value":3244},{"type":16,"tag":108,"props":26147,"children":26148},{"class":110,"line":2033},[26149],{"type":16,"tag":108,"props":26150,"children":26151},{"style":115},[26152],{"type":22,"value":608},{"type":16,"tag":108,"props":26154,"children":26155},{"class":110,"line":3198},[26156],{"type":16,"tag":108,"props":26157,"children":26158},{"style":115},[26159],{"type":22,"value":683},{"type":16,"tag":17,"props":26161,"children":26163},{"id":26162},"compatibility",[26164],{"type":22,"value":26165},"Compatibility",{"type":16,"tag":31,"props":26167,"children":26168},{},[26169,26171,26178],{"type":22,"value":26170},"The ",{"type":16,"tag":37,"props":26172,"children":26175},{"href":26173,"rel":26174},"https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo",[41],[26176],{"type":22,"value":26177},"Window.scrollTo()",{"type":22,"value":26179}," method is used under the hood.",{"type":16,"tag":31,"props":26181,"children":26182},{},[26183,26185,26190],{"type":22,"value":26184},"It's basically compatible with every modern browsers. For now, Safari does not provide ",{"type":16,"tag":68,"props":26186,"children":26188},{"className":26187},[],[26189],{"type":22,"value":25896},{"type":22,"value":26191}," behavior scroll support.",{"type":16,"tag":31,"props":26193,"children":26194},{},[26195,26197,26203],{"type":22,"value":26196},"See ",{"type":16,"tag":37,"props":26198,"children":26201},{"href":26199,"rel":26200},"https://caniuse.com/mdn-api_scrolltooptions_behavior",[41],[26202],{"type":22,"value":26199},{"type":22,"value":46},{"type":16,"tag":31,"props":26205,"children":26206},{},[26207,26209,26216],{"type":22,"value":26208},"You can easily add it with this polyfill: ",{"type":16,"tag":37,"props":26210,"children":26213},{"href":26211,"rel":26212},"https://github.com/iamdustan/smoothscroll",[41],[26214],{"type":22,"value":26215},"smoothscroll-polyfill",{"type":22,"value":46},{"type":16,"tag":685,"props":26218,"children":26219},{},[26220],{"type":22,"value":689},{"title":7,"searchDepth":297,"depth":297,"links":26222},[26223,26224,26225,26226,26227,26228],{"id":19,"depth":297,"text":23},{"id":49,"depth":297,"text":52},{"id":58,"depth":297,"text":61},{"id":1224,"depth":297,"text":1227},{"id":428,"depth":297,"text":431},{"id":26162,"depth":297,"text":26165},"content:docs:stimulus-scroll-to.md","docs/stimulus-scroll-to.md","docs/stimulus-scroll-to",{"_path":26233,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":26234,"description":26235,"package":26236,"packagePath":26237,"body":26238,"_type":696,"_id":27693,"_source":698,"_file":27694,"_stem":27695,"_extension":701},"/docs/stimulus-sortable","Sortable","A Stimulus controller to reorder lists with drag-and-drop.","sortable","@stimulus-components/sortable",{"type":13,"children":26239,"toc":27682},[26240,26244,26248,26264,26268,26271,26275,26325,26464,26469,26473,26590,26596,26817,26823,26837,27033,27053,27073,27077,27297,27301,27678],{"type":16,"tag":17,"props":26241,"children":26242},{"id":19},[26243],{"type":22,"value":23},{"type":16,"tag":25,"props":26245,"children":26247},{":package":27,":package-path":28,"extra-packages":26246},"sortablejs @rails/request.js",[],{"type":16,"tag":2390,"props":26249,"children":26250},{},[26251],{"type":16,"tag":31,"props":26252,"children":26253},{},[26254,26255,26263],{"type":22,"value":2397},{"type":16,"tag":37,"props":26256,"children":26260},{"href":26257,"rel":26258,"className":26259,"target":2405},"https://github.com/SortableJS/sortablejs",[41],[2401,2402],[26261],{"type":22,"value":26262},"SortableJS",{"type":22,"value":46},{"type":16,"tag":17,"props":26265,"children":26266},{"id":49},[26267],{"type":22,"value":52},{"type":16,"tag":26236,"props":26269,"children":26270},{},[],{"type":16,"tag":17,"props":26272,"children":26273},{"id":58},[26274],{"type":22,"value":61},{"type":16,"tag":93,"props":26276,"children":26278},{"tab-name":26277},"app/models/todo.rb",[26279],{"type":16,"tag":98,"props":26280,"children":26282},{"className":4258,"code":26281,"language":4260,"meta":7,"style":7},"class Todo \u003C ApplicationRecord\n  acts_as_list # Or with a custom position system.\nend\n",[26283],{"type":16,"tag":68,"props":26284,"children":26285},{"__ignoreMap":7},[26286,26305,26318],{"type":16,"tag":108,"props":26287,"children":26288},{"class":110,"line":111},[26289,26293,26297,26301],{"type":16,"tag":108,"props":26290,"children":26291},{"style":453},[26292],{"type":22,"value":4272},{"type":16,"tag":108,"props":26294,"children":26295},{"style":506},[26296],{"type":22,"value":19988},{"type":16,"tag":108,"props":26298,"children":26299},{"style":115},[26300],{"type":22,"value":4282},{"type":16,"tag":108,"props":26302,"children":26303},{"style":506},[26304],{"type":22,"value":6364},{"type":16,"tag":108,"props":26306,"children":26307},{"class":110,"line":297},[26308,26313],{"type":16,"tag":108,"props":26309,"children":26310},{"style":115},[26311],{"type":22,"value":26312},"  acts_as_list ",{"type":16,"tag":108,"props":26314,"children":26315},{"style":1798},[26316],{"type":22,"value":26317},"# Or with a custom position system.\n",{"type":16,"tag":108,"props":26319,"children":26320},{"class":110,"line":315},[26321],{"type":16,"tag":108,"props":26322,"children":26323},{"style":453},[26324],{"type":22,"value":4691},{"type":16,"tag":93,"props":26326,"children":26328},{"tab-name":26327},"app/controllers/todos_controller.rb",[26329],{"type":16,"tag":98,"props":26330,"children":26332},{"className":4258,"code":26331,"language":4260,"meta":7,"style":7},"class TodosController \u003C ApplicationController\n  def update\n    # Do what you want with todo_params.\n  end\n\n  private\n\n  def todo_params\n    params.require(:todo).permit(:position)\n  end\nend\n",[26333],{"type":16,"tag":68,"props":26334,"children":26335},{"__ignoreMap":7},[26336,26356,26367,26375,26382,26389,26396,26403,26415,26450,26457],{"type":16,"tag":108,"props":26337,"children":26338},{"class":110,"line":111},[26339,26343,26348,26352],{"type":16,"tag":108,"props":26340,"children":26341},{"style":453},[26342],{"type":22,"value":4272},{"type":16,"tag":108,"props":26344,"children":26345},{"style":506},[26346],{"type":22,"value":26347}," TodosController",{"type":16,"tag":108,"props":26349,"children":26350},{"style":115},[26351],{"type":22,"value":4282},{"type":16,"tag":108,"props":26353,"children":26354},{"style":506},[26355],{"type":22,"value":4287},{"type":16,"tag":108,"props":26357,"children":26358},{"class":110,"line":297},[26359,26363],{"type":16,"tag":108,"props":26360,"children":26361},{"style":453},[26362],{"type":22,"value":4295},{"type":16,"tag":108,"props":26364,"children":26365},{"style":519},[26366],{"type":22,"value":6491},{"type":16,"tag":108,"props":26368,"children":26369},{"class":110,"line":315},[26370],{"type":16,"tag":108,"props":26371,"children":26372},{"style":1798},[26373],{"type":22,"value":26374},"    # Do what you want with todo_params.\n",{"type":16,"tag":108,"props":26376,"children":26377},{"class":110,"line":333},[26378],{"type":16,"tag":108,"props":26379,"children":26380},{"style":453},[26381],{"type":22,"value":4682},{"type":16,"tag":108,"props":26383,"children":26384},{"class":110,"line":351},[26385],{"type":16,"tag":108,"props":26386,"children":26387},{"emptyLinePlaceholder":477},[26388],{"type":22,"value":480},{"type":16,"tag":108,"props":26390,"children":26391},{"class":110,"line":369},[26392],{"type":16,"tag":108,"props":26393,"children":26394},{"style":519},[26395],{"type":22,"value":6567},{"type":16,"tag":108,"props":26397,"children":26398},{"class":110,"line":602},[26399],{"type":16,"tag":108,"props":26400,"children":26401},{"emptyLinePlaceholder":477},[26402],{"type":22,"value":480},{"type":16,"tag":108,"props":26404,"children":26405},{"class":110,"line":611},[26406,26410],{"type":16,"tag":108,"props":26407,"children":26408},{"style":453},[26409],{"type":22,"value":4295},{"type":16,"tag":108,"props":26411,"children":26412},{"style":519},[26413],{"type":22,"value":26414}," todo_params\n",{"type":16,"tag":108,"props":26416,"children":26417},{"class":110,"line":619},[26418,26423,26427,26432,26437,26441,26446],{"type":16,"tag":108,"props":26419,"children":26420},{"style":115},[26421],{"type":22,"value":26422},"    params.require(",{"type":16,"tag":108,"props":26424,"children":26425},{"style":126},[26426],{"type":22,"value":1662},{"type":16,"tag":108,"props":26428,"children":26429},{"style":1654},[26430],{"type":22,"value":26431},"todo",{"type":16,"tag":108,"props":26433,"children":26434},{"style":115},[26435],{"type":22,"value":26436},").permit(",{"type":16,"tag":108,"props":26438,"children":26439},{"style":126},[26440],{"type":22,"value":1662},{"type":16,"tag":108,"props":26442,"children":26443},{"style":1654},[26444],{"type":22,"value":26445},"position",{"type":16,"tag":108,"props":26447,"children":26448},{"style":115},[26449],{"type":22,"value":569},{"type":16,"tag":108,"props":26451,"children":26452},{"class":110,"line":640},[26453],{"type":16,"tag":108,"props":26454,"children":26455},{"style":453},[26456],{"type":22,"value":4682},{"type":16,"tag":108,"props":26458,"children":26459},{"class":110,"line":669},[26460],{"type":16,"tag":108,"props":26461,"children":26462},{"style":453},[26463],{"type":22,"value":4691},{"type":16,"tag":31,"props":26465,"children":26466},{},[26467],{"type":22,"value":26468},"In your views:",{"type":16,"tag":3987,"props":26470,"children":26471},{"id":3989},[26472],{"type":22,"value":3992},{"type":16,"tag":93,"props":26474,"children":26475},{"tab-name":95},[26476],{"type":16,"tag":98,"props":26477,"children":26479},{"className":100,"code":26478,"language":102,"meta":7,"style":7},"\u003Cul data-controller=\"sortable\" data-sortable-animation-value=\"150\">\n  \u003Cli>Pet the cat\u003C/li>\n  \u003Cli>Get the groceries\u003C/li>\n\u003C/ul>\n",[26480],{"type":16,"tag":68,"props":26481,"children":26482},{"__ignoreMap":7},[26483,26526,26551,26575],{"type":16,"tag":108,"props":26484,"children":26485},{"class":110,"line":111},[26486,26490,26495,26499,26503,26508,26513,26517,26522],{"type":16,"tag":108,"props":26487,"children":26488},{"style":115},[26489],{"type":22,"value":118},{"type":16,"tag":108,"props":26491,"children":26492},{"style":121},[26493],{"type":22,"value":26494},"ul",{"type":16,"tag":108,"props":26496,"children":26497},{"style":126},[26498],{"type":22,"value":145},{"type":16,"tag":108,"props":26500,"children":26501},{"style":115},[26502],{"type":22,"value":134},{"type":16,"tag":108,"props":26504,"children":26505},{"style":137},[26506],{"type":22,"value":26507},"\"sortable\"",{"type":16,"tag":108,"props":26509,"children":26510},{"style":126},[26511],{"type":22,"value":26512}," data-sortable-animation-value",{"type":16,"tag":108,"props":26514,"children":26515},{"style":115},[26516],{"type":22,"value":134},{"type":16,"tag":108,"props":26518,"children":26519},{"style":137},[26520],{"type":22,"value":26521},"\"150\"",{"type":16,"tag":108,"props":26523,"children":26524},{"style":115},[26525],{"type":22,"value":182},{"type":16,"tag":108,"props":26527,"children":26528},{"class":110,"line":297},[26529,26533,26538,26543,26547],{"type":16,"tag":108,"props":26530,"children":26531},{"style":115},[26532],{"type":22,"value":1737},{"type":16,"tag":108,"props":26534,"children":26535},{"style":121},[26536],{"type":22,"value":26537},"li",{"type":16,"tag":108,"props":26539,"children":26540},{"style":115},[26541],{"type":22,"value":26542},">Pet the cat\u003C/",{"type":16,"tag":108,"props":26544,"children":26545},{"style":121},[26546],{"type":22,"value":26537},{"type":16,"tag":108,"props":26548,"children":26549},{"style":115},[26550],{"type":22,"value":182},{"type":16,"tag":108,"props":26552,"children":26553},{"class":110,"line":315},[26554,26558,26562,26567,26571],{"type":16,"tag":108,"props":26555,"children":26556},{"style":115},[26557],{"type":22,"value":1737},{"type":16,"tag":108,"props":26559,"children":26560},{"style":121},[26561],{"type":22,"value":26537},{"type":16,"tag":108,"props":26563,"children":26564},{"style":115},[26565],{"type":22,"value":26566},">Get the groceries\u003C/",{"type":16,"tag":108,"props":26568,"children":26569},{"style":121},[26570],{"type":22,"value":26537},{"type":16,"tag":108,"props":26572,"children":26573},{"style":115},[26574],{"type":22,"value":182},{"type":16,"tag":108,"props":26576,"children":26577},{"class":110,"line":333},[26578,26582,26586],{"type":16,"tag":108,"props":26579,"children":26580},{"style":115},[26581],{"type":22,"value":924},{"type":16,"tag":108,"props":26583,"children":26584},{"style":121},[26585],{"type":22,"value":26494},{"type":16,"tag":108,"props":26587,"children":26588},{"style":115},[26589],{"type":22,"value":182},{"type":16,"tag":3987,"props":26591,"children":26593},{"id":26592},"with-custom-handler",[26594],{"type":22,"value":26595},"With custom handler",{"type":16,"tag":93,"props":26597,"children":26598},{"tab-name":95},[26599],{"type":16,"tag":98,"props":26600,"children":26602},{"className":100,"code":26601,"language":102,"meta":7,"style":7},"\u003Cul data-controller=\"sortable\" data-sortable-handle-value=\".handle\">\n  \u003Cli>\n    \u003Csvg class=\"handle\">\u003C/svg>\n    Pet the cat\n  \u003C/li>\n\n  \u003Cli>\n    \u003Csvg class=\"handle\">\u003C/svg>\n    Get the groceries\n  \u003C/li>\n\u003C/ul>\n",[26603],{"type":16,"tag":68,"props":26604,"children":26605},{"__ignoreMap":7},[26606,26647,26662,26699,26707,26722,26729,26744,26779,26787,26802],{"type":16,"tag":108,"props":26607,"children":26608},{"class":110,"line":111},[26609,26613,26617,26621,26625,26629,26634,26638,26643],{"type":16,"tag":108,"props":26610,"children":26611},{"style":115},[26612],{"type":22,"value":118},{"type":16,"tag":108,"props":26614,"children":26615},{"style":121},[26616],{"type":22,"value":26494},{"type":16,"tag":108,"props":26618,"children":26619},{"style":126},[26620],{"type":22,"value":145},{"type":16,"tag":108,"props":26622,"children":26623},{"style":115},[26624],{"type":22,"value":134},{"type":16,"tag":108,"props":26626,"children":26627},{"style":137},[26628],{"type":22,"value":26507},{"type":16,"tag":108,"props":26630,"children":26631},{"style":126},[26632],{"type":22,"value":26633}," data-sortable-handle-value",{"type":16,"tag":108,"props":26635,"children":26636},{"style":115},[26637],{"type":22,"value":134},{"type":16,"tag":108,"props":26639,"children":26640},{"style":137},[26641],{"type":22,"value":26642},"\".handle\"",{"type":16,"tag":108,"props":26644,"children":26645},{"style":115},[26646],{"type":22,"value":182},{"type":16,"tag":108,"props":26648,"children":26649},{"class":110,"line":297},[26650,26654,26658],{"type":16,"tag":108,"props":26651,"children":26652},{"style":115},[26653],{"type":22,"value":1737},{"type":16,"tag":108,"props":26655,"children":26656},{"style":121},[26657],{"type":22,"value":26537},{"type":16,"tag":108,"props":26659,"children":26660},{"style":115},[26661],{"type":22,"value":182},{"type":16,"tag":108,"props":26663,"children":26664},{"class":110,"line":315},[26665,26669,26674,26678,26682,26687,26691,26695],{"type":16,"tag":108,"props":26666,"children":26667},{"style":115},[26668],{"type":22,"value":2556},{"type":16,"tag":108,"props":26670,"children":26671},{"style":121},[26672],{"type":22,"value":26673},"svg",{"type":16,"tag":108,"props":26675,"children":26676},{"style":126},[26677],{"type":22,"value":498},{"type":16,"tag":108,"props":26679,"children":26680},{"style":115},[26681],{"type":22,"value":134},{"type":16,"tag":108,"props":26683,"children":26684},{"style":137},[26685],{"type":22,"value":26686},"\"handle\"",{"type":16,"tag":108,"props":26688,"children":26689},{"style":115},[26690],{"type":22,"value":3369},{"type":16,"tag":108,"props":26692,"children":26693},{"style":121},[26694],{"type":22,"value":26673},{"type":16,"tag":108,"props":26696,"children":26697},{"style":115},[26698],{"type":22,"value":182},{"type":16,"tag":108,"props":26700,"children":26701},{"class":110,"line":333},[26702],{"type":16,"tag":108,"props":26703,"children":26704},{"style":115},[26705],{"type":22,"value":26706},"    Pet the cat\n",{"type":16,"tag":108,"props":26708,"children":26709},{"class":110,"line":351},[26710,26714,26718],{"type":16,"tag":108,"props":26711,"children":26712},{"style":115},[26713],{"type":22,"value":1867},{"type":16,"tag":108,"props":26715,"children":26716},{"style":121},[26717],{"type":22,"value":26537},{"type":16,"tag":108,"props":26719,"children":26720},{"style":115},[26721],{"type":22,"value":182},{"type":16,"tag":108,"props":26723,"children":26724},{"class":110,"line":369},[26725],{"type":16,"tag":108,"props":26726,"children":26727},{"emptyLinePlaceholder":477},[26728],{"type":22,"value":480},{"type":16,"tag":108,"props":26730,"children":26731},{"class":110,"line":602},[26732,26736,26740],{"type":16,"tag":108,"props":26733,"children":26734},{"style":115},[26735],{"type":22,"value":1737},{"type":16,"tag":108,"props":26737,"children":26738},{"style":121},[26739],{"type":22,"value":26537},{"type":16,"tag":108,"props":26741,"children":26742},{"style":115},[26743],{"type":22,"value":182},{"type":16,"tag":108,"props":26745,"children":26746},{"class":110,"line":611},[26747,26751,26755,26759,26763,26767,26771,26775],{"type":16,"tag":108,"props":26748,"children":26749},{"style":115},[26750],{"type":22,"value":2556},{"type":16,"tag":108,"props":26752,"children":26753},{"style":121},[26754],{"type":22,"value":26673},{"type":16,"tag":108,"props":26756,"children":26757},{"style":126},[26758],{"type":22,"value":498},{"type":16,"tag":108,"props":26760,"children":26761},{"style":115},[26762],{"type":22,"value":134},{"type":16,"tag":108,"props":26764,"children":26765},{"style":137},[26766],{"type":22,"value":26686},{"type":16,"tag":108,"props":26768,"children":26769},{"style":115},[26770],{"type":22,"value":3369},{"type":16,"tag":108,"props":26772,"children":26773},{"style":121},[26774],{"type":22,"value":26673},{"type":16,"tag":108,"props":26776,"children":26777},{"style":115},[26778],{"type":22,"value":182},{"type":16,"tag":108,"props":26780,"children":26781},{"class":110,"line":619},[26782],{"type":16,"tag":108,"props":26783,"children":26784},{"style":115},[26785],{"type":22,"value":26786},"    Get the groceries\n",{"type":16,"tag":108,"props":26788,"children":26789},{"class":110,"line":640},[26790,26794,26798],{"type":16,"tag":108,"props":26791,"children":26792},{"style":115},[26793],{"type":22,"value":1867},{"type":16,"tag":108,"props":26795,"children":26796},{"style":121},[26797],{"type":22,"value":26537},{"type":16,"tag":108,"props":26799,"children":26800},{"style":115},[26801],{"type":22,"value":182},{"type":16,"tag":108,"props":26803,"children":26804},{"class":110,"line":669},[26805,26809,26813],{"type":16,"tag":108,"props":26806,"children":26807},{"style":115},[26808],{"type":22,"value":924},{"type":16,"tag":108,"props":26810,"children":26811},{"style":121},[26812],{"type":22,"value":26494},{"type":16,"tag":108,"props":26814,"children":26815},{"style":115},[26816],{"type":22,"value":182},{"type":16,"tag":3987,"props":26818,"children":26820},{"id":26819},"with-ajax-call",[26821],{"type":22,"value":26822},"With AJAX call",{"type":16,"tag":31,"props":26824,"children":26825},{},[26826,26828,26835],{"type":22,"value":26827},"If you're using ",{"type":16,"tag":37,"props":26829,"children":26832},{"href":26830,"rel":26831},"https://github.com/rails/request.js",[41],[26833],{"type":22,"value":26834},"@rails/request.js",{"type":22,"value":26836}," in your application, you can add an url as data-attribute on every items to perform an AJAX call to update the new position automatically on drop.",{"type":16,"tag":93,"props":26838,"children":26839},{"tab-name":95},[26840],{"type":16,"tag":98,"props":26841,"children":26843},{"className":1632,"code":26842,"language":1634,"meta":7,"style":7},"\u003Cul data-controller=\"sortable\" data-sortable-resource-name-value=\"todo\">\n  \u003C%= @todos.each do |todo| %>\n    \u003C!-- \u003Cli data-sortable-update-url=\"/todos/1\">Pet the cat\u003C/li> -->\n    \u003Cli data-sortable-update-url=\"\u003C%= todo_path(todo) %>\">\u003C%= todo.description %>\u003C/li>\n  \u003C% end %>\n\u003C/ul>\n",[26844],{"type":16,"tag":68,"props":26845,"children":26846},{"__ignoreMap":7},[26847,26888,26925,26933,27003,27018],{"type":16,"tag":108,"props":26848,"children":26849},{"class":110,"line":111},[26850,26854,26858,26862,26866,26870,26875,26879,26884],{"type":16,"tag":108,"props":26851,"children":26852},{"style":115},[26853],{"type":22,"value":118},{"type":16,"tag":108,"props":26855,"children":26856},{"style":121},[26857],{"type":22,"value":26494},{"type":16,"tag":108,"props":26859,"children":26860},{"style":126},[26861],{"type":22,"value":145},{"type":16,"tag":108,"props":26863,"children":26864},{"style":115},[26865],{"type":22,"value":134},{"type":16,"tag":108,"props":26867,"children":26868},{"style":137},[26869],{"type":22,"value":26507},{"type":16,"tag":108,"props":26871,"children":26872},{"style":126},[26873],{"type":22,"value":26874}," data-sortable-resource-name-value",{"type":16,"tag":108,"props":26876,"children":26877},{"style":115},[26878],{"type":22,"value":134},{"type":16,"tag":108,"props":26880,"children":26881},{"style":137},[26882],{"type":22,"value":26883},"\"todo\"",{"type":16,"tag":108,"props":26885,"children":26886},{"style":115},[26887],{"type":22,"value":182},{"type":16,"tag":108,"props":26889,"children":26890},{"class":110,"line":297},[26891,26895,26900,26905,26909,26913,26917,26921],{"type":16,"tag":108,"props":26892,"children":26893},{"style":453},[26894],{"type":22,"value":2021},{"type":16,"tag":108,"props":26896,"children":26897},{"style":121},[26898],{"type":22,"value":26899}," @todos",{"type":16,"tag":108,"props":26901,"children":26902},{"style":115},[26903],{"type":22,"value":26904},".each ",{"type":16,"tag":108,"props":26906,"children":26907},{"style":453},[26908],{"type":22,"value":1709},{"type":16,"tag":108,"props":26910,"children":26911},{"style":115},[26912],{"type":22,"value":1714},{"type":16,"tag":108,"props":26914,"children":26915},{"style":121},[26916],{"type":22,"value":26431},{"type":16,"tag":108,"props":26918,"children":26919},{"style":115},[26920],{"type":22,"value":1724},{"type":16,"tag":108,"props":26922,"children":26923},{"style":453},[26924],{"type":22,"value":1729},{"type":16,"tag":108,"props":26926,"children":26927},{"class":110,"line":315},[26928],{"type":16,"tag":108,"props":26929,"children":26930},{"style":1798},[26931],{"type":22,"value":26932},"    \u003C!-- \u003Cli data-sortable-update-url=\"/todos/1\">Pet the cat\u003C/li> -->\n",{"type":16,"tag":108,"props":26934,"children":26935},{"class":110,"line":333},[26936,26940,26944,26949,26953,26957,26961,26966,26970,26974,26978,26982,26987,26991,26995,26999],{"type":16,"tag":108,"props":26937,"children":26938},{"style":115},[26939],{"type":22,"value":2556},{"type":16,"tag":108,"props":26941,"children":26942},{"style":121},[26943],{"type":22,"value":26537},{"type":16,"tag":108,"props":26945,"children":26946},{"style":126},[26947],{"type":22,"value":26948}," data-sortable-update-url",{"type":16,"tag":108,"props":26950,"children":26951},{"style":115},[26952],{"type":22,"value":134},{"type":16,"tag":108,"props":26954,"children":26955},{"style":137},[26956],{"type":22,"value":4743},{"type":16,"tag":108,"props":26958,"children":26959},{"style":453},[26960],{"type":22,"value":1646},{"type":16,"tag":108,"props":26962,"children":26963},{"style":115},[26964],{"type":22,"value":26965}," todo_path(todo) ",{"type":16,"tag":108,"props":26967,"children":26968},{"style":453},[26969],{"type":22,"value":4762},{"type":16,"tag":108,"props":26971,"children":26972},{"style":137},[26973],{"type":22,"value":4743},{"type":16,"tag":108,"props":26975,"children":26976},{"style":115},[26977],{"type":22,"value":22524},{"type":16,"tag":108,"props":26979,"children":26980},{"style":453},[26981],{"type":22,"value":1646},{"type":16,"tag":108,"props":26983,"children":26984},{"style":115},[26985],{"type":22,"value":26986}," todo.description ",{"type":16,"tag":108,"props":26988,"children":26989},{"style":453},[26990],{"type":22,"value":4762},{"type":16,"tag":108,"props":26992,"children":26993},{"style":115},[26994],{"type":22,"value":924},{"type":16,"tag":108,"props":26996,"children":26997},{"style":121},[26998],{"type":22,"value":26537},{"type":16,"tag":108,"props":27000,"children":27001},{"style":115},[27002],{"type":22,"value":182},{"type":16,"tag":108,"props":27004,"children":27005},{"class":110,"line":351},[27006,27010,27014],{"type":16,"tag":108,"props":27007,"children":27008},{"style":453},[27009],{"type":22,"value":7034},{"type":16,"tag":108,"props":27011,"children":27012},{"style":453},[27013],{"type":22,"value":2044},{"type":16,"tag":108,"props":27015,"children":27016},{"style":453},[27017],{"type":22,"value":1785},{"type":16,"tag":108,"props":27019,"children":27020},{"class":110,"line":369},[27021,27025,27029],{"type":16,"tag":108,"props":27022,"children":27023},{"style":115},[27024],{"type":22,"value":924},{"type":16,"tag":108,"props":27026,"children":27027},{"style":121},[27028],{"type":22,"value":26494},{"type":16,"tag":108,"props":27030,"children":27031},{"style":115},[27032],{"type":22,"value":182},{"type":16,"tag":31,"props":27034,"children":27035},{},[27036,27038,27043,27045,27051],{"type":22,"value":27037},"By default, ",{"type":16,"tag":68,"props":27039,"children":27041},{"className":27040},[],[27042],{"type":22,"value":26445},{"type":22,"value":27044}," will be used as param in a PATCH request. You can change it with the ",{"type":16,"tag":68,"props":27046,"children":27048},{"className":27047},[],[27049],{"type":22,"value":27050},"data-sortable-param-name-value",{"type":22,"value":27052}," attribute.",{"type":16,"tag":31,"props":27054,"children":27055},{},[27056,27058,27064,27066,27072],{"type":22,"value":27057},"If you use ",{"type":16,"tag":68,"props":27059,"children":27061},{"className":27060},[],[27062],{"type":22,"value":27063},"data-sortable-resource-name-value",{"type":22,"value":27065},", the name will be used. For instance, ",{"type":16,"tag":68,"props":27067,"children":27069},{"className":27068},[],[27070],{"type":22,"value":27071},"todo[position]",{"type":22,"value":46},{"type":16,"tag":17,"props":27074,"children":27075},{"id":1224},[27076],{"type":22,"value":1227},{"type":16,"tag":1229,"props":27078,"children":27079},{},[27080,27102],{"type":16,"tag":1233,"props":27081,"children":27082},{},[27083],{"type":16,"tag":1237,"props":27084,"children":27085},{},[27086,27090,27094,27098],{"type":16,"tag":1241,"props":27087,"children":27088},{},[27089],{"type":22,"value":1245},{"type":16,"tag":1241,"props":27091,"children":27092},{},[27093],{"type":22,"value":1250},{"type":16,"tag":1241,"props":27095,"children":27096},{},[27097],{"type":22,"value":1255},{"type":16,"tag":1241,"props":27099,"children":27100},{},[27101],{"type":22,"value":1260},{"type":16,"tag":1262,"props":27103,"children":27104},{},[27105,27133,27161,27196,27232,27268],{"type":16,"tag":1237,"props":27106,"children":27107},{},[27108,27116,27124,27129],{"type":16,"tag":1269,"props":27109,"children":27110},{},[27111],{"type":16,"tag":68,"props":27112,"children":27114},{"className":27113},[],[27115],{"type":22,"value":27063},{"type":16,"tag":1269,"props":27117,"children":27118},{},[27119],{"type":16,"tag":68,"props":27120,"children":27122},{"className":27121},[],[27123],{"type":22,"value":1286},{"type":16,"tag":1269,"props":27125,"children":27126},{},[27127],{"type":22,"value":27128},"Name of the resource to use as AJAX param.",{"type":16,"tag":1269,"props":27130,"children":27131},{},[27132],{"type":22,"value":1384},{"type":16,"tag":1237,"props":27134,"children":27135},{},[27136,27144,27152,27157],{"type":16,"tag":1269,"props":27137,"children":27138},{},[27139],{"type":16,"tag":68,"props":27140,"children":27142},{"className":27141},[],[27143],{"type":22,"value":27050},{"type":16,"tag":1269,"props":27145,"children":27146},{},[27147],{"type":16,"tag":68,"props":27148,"children":27150},{"className":27149},[],[27151],{"type":22,"value":26445},{"type":16,"tag":1269,"props":27153,"children":27154},{},[27155],{"type":22,"value":27156},"Name of the attribute to use as AJAX param.",{"type":16,"tag":1269,"props":27158,"children":27159},{},[27160],{"type":22,"value":1384},{"type":16,"tag":1237,"props":27162,"children":27163},{},[27164,27173,27181,27192],{"type":16,"tag":1269,"props":27165,"children":27166},{},[27167],{"type":16,"tag":68,"props":27168,"children":27170},{"className":27169},[],[27171],{"type":22,"value":27172},"data-sortable-response-kind-value",{"type":16,"tag":1269,"props":27174,"children":27175},{},[27176],{"type":16,"tag":68,"props":27177,"children":27179},{"className":27178},[],[27180],{"type":22,"value":102},{"type":16,"tag":1269,"props":27182,"children":27183},{},[27184,27186,27191],{"type":22,"value":27185},"The response kind you want for ",{"type":16,"tag":68,"props":27187,"children":27189},{"className":27188},[],[27190],{"type":22,"value":26834},{"type":22,"value":46},{"type":16,"tag":1269,"props":27193,"children":27194},{},[27195],{"type":22,"value":1384},{"type":16,"tag":1237,"props":27197,"children":27198},{},[27199,27208,27217,27228],{"type":16,"tag":1269,"props":27200,"children":27201},{},[27202],{"type":16,"tag":68,"props":27203,"children":27205},{"className":27204},[],[27206],{"type":22,"value":27207},"data-sortable-method-value",{"type":16,"tag":1269,"props":27209,"children":27210},{},[27211],{"type":16,"tag":68,"props":27212,"children":27214},{"className":27213},[],[27215],{"type":22,"value":27216},"patch",{"type":16,"tag":1269,"props":27218,"children":27219},{},[27220,27222,27227],{"type":22,"value":27221},"The HTTP method you want for ",{"type":16,"tag":68,"props":27223,"children":27225},{"className":27224},[],[27226],{"type":22,"value":26834},{"type":22,"value":46},{"type":16,"tag":1269,"props":27229,"children":27230},{},[27231],{"type":22,"value":1384},{"type":16,"tag":1237,"props":27233,"children":27234},{},[27235,27244,27252,27264],{"type":16,"tag":1269,"props":27236,"children":27237},{},[27238],{"type":16,"tag":68,"props":27239,"children":27241},{"className":27240},[],[27242],{"type":22,"value":27243},"data-sortable-animation-value",{"type":16,"tag":1269,"props":27245,"children":27246},{},[27247],{"type":16,"tag":68,"props":27248,"children":27250},{"className":27249},[],[27251],{"type":22,"value":2101},{"type":16,"tag":1269,"props":27253,"children":27254},{},[27255,27257,27262],{"type":22,"value":27256},"Animation speed moving items when sorting in milliseconds. ",{"type":16,"tag":68,"props":27258,"children":27260},{"className":27259},[],[27261],{"type":22,"value":1435},{"type":22,"value":27263}," to disable.",{"type":16,"tag":1269,"props":27265,"children":27266},{},[27267],{"type":22,"value":1384},{"type":16,"tag":1237,"props":27269,"children":27270},{},[27271,27280,27288,27293],{"type":16,"tag":1269,"props":27272,"children":27273},{},[27274],{"type":16,"tag":68,"props":27275,"children":27277},{"className":27276},[],[27278],{"type":22,"value":27279},"data-sortable-handle-value",{"type":16,"tag":1269,"props":27281,"children":27282},{},[27283],{"type":16,"tag":68,"props":27284,"children":27286},{"className":27285},[],[27287],{"type":22,"value":1286},{"type":16,"tag":1269,"props":27289,"children":27290},{},[27291],{"type":22,"value":27292},"Drag handle selector within list items.",{"type":16,"tag":1269,"props":27294,"children":27295},{},[27296],{"type":22,"value":1384},{"type":16,"tag":17,"props":27298,"children":27299},{"id":428},[27300],{"type":22,"value":431},{"type":16,"tag":428,"props":27302,"children":27303},{},[27304],{"type":16,"tag":93,"props":27305,"children":27307},{"tab-name":27306},"app/javascript/controllers/sortable_controller.js",[27308],{"type":16,"tag":98,"props":27309,"children":27311},{"className":441,"code":27310,"language":443,"meta":7,"style":7},"import Sortable from \"@stimulus-components/sortable\"\n\nexport default class extends Sortable {\n  connect() {\n    super.connect()\n    console.log(\"Do what you want here.\")\n\n    // The sortable.js instance.\n    this.sortable\n\n    // Your options\n    this.options\n\n    // Your default options\n    this.defaultOptions\n  }\n\n  // You can override the `onUpdate` method here.\n  onUpdate(event) {\n    super.onUpdate(event)\n  }\n\n  // You can set default options in this getter for all sortable elements.\n  get defaultOptions() {\n    return {\n      animation: 500,\n    }\n  }\n}\n",[27312],{"type":16,"tag":68,"props":27313,"children":27314},{"__ignoreMap":7},[27315,27336,27343,27370,27381,27400,27427,27434,27442,27458,27465,27473,27488,27495,27503,27518,27525,27532,27540,27560,27588,27595,27602,27610,27625,27636,27657,27664,27671],{"type":16,"tag":108,"props":27316,"children":27317},{"class":110,"line":111},[27318,27322,27327,27331],{"type":16,"tag":108,"props":27319,"children":27320},{"style":453},[27321],{"type":22,"value":456},{"type":16,"tag":108,"props":27323,"children":27324},{"style":121},[27325],{"type":22,"value":27326}," Sortable",{"type":16,"tag":108,"props":27328,"children":27329},{"style":453},[27330],{"type":22,"value":466},{"type":16,"tag":108,"props":27332,"children":27333},{"style":137},[27334],{"type":22,"value":27335}," \"@stimulus-components/sortable\"\n",{"type":16,"tag":108,"props":27337,"children":27338},{"class":110,"line":297},[27339],{"type":16,"tag":108,"props":27340,"children":27341},{"emptyLinePlaceholder":477},[27342],{"type":22,"value":480},{"type":16,"tag":108,"props":27344,"children":27345},{"class":110,"line":315},[27346,27350,27354,27358,27362,27366],{"type":16,"tag":108,"props":27347,"children":27348},{"style":453},[27349],{"type":22,"value":488},{"type":16,"tag":108,"props":27351,"children":27352},{"style":453},[27353],{"type":22,"value":493},{"type":16,"tag":108,"props":27355,"children":27356},{"style":453},[27357],{"type":22,"value":498},{"type":16,"tag":108,"props":27359,"children":27360},{"style":453},[27361],{"type":22,"value":503},{"type":16,"tag":108,"props":27363,"children":27364},{"style":506},[27365],{"type":22,"value":27326},{"type":16,"tag":108,"props":27367,"children":27368},{"style":115},[27369],{"type":22,"value":513},{"type":16,"tag":108,"props":27371,"children":27372},{"class":110,"line":333},[27373,27377],{"type":16,"tag":108,"props":27374,"children":27375},{"style":519},[27376],{"type":22,"value":1525},{"type":16,"tag":108,"props":27378,"children":27379},{"style":115},[27380],{"type":22,"value":1530},{"type":16,"tag":108,"props":27382,"children":27383},{"class":110,"line":351},[27384,27388,27392,27396],{"type":16,"tag":108,"props":27385,"children":27386},{"style":544},[27387],{"type":22,"value":547},{"type":16,"tag":108,"props":27389,"children":27390},{"style":115},[27391],{"type":22,"value":46},{"type":16,"tag":108,"props":27393,"children":27394},{"style":519},[27395],{"type":22,"value":1546},{"type":16,"tag":108,"props":27397,"children":27398},{"style":115},[27399],{"type":22,"value":1551},{"type":16,"tag":108,"props":27401,"children":27402},{"class":110,"line":369},[27403,27407,27411,27415,27419,27423],{"type":16,"tag":108,"props":27404,"children":27405},{"style":506},[27406],{"type":22,"value":577},{"type":16,"tag":108,"props":27408,"children":27409},{"style":115},[27410],{"type":22,"value":46},{"type":16,"tag":108,"props":27412,"children":27413},{"style":519},[27414],{"type":22,"value":586},{"type":16,"tag":108,"props":27416,"children":27417},{"style":115},[27418],{"type":22,"value":527},{"type":16,"tag":108,"props":27420,"children":27421},{"style":137},[27422],{"type":22,"value":595},{"type":16,"tag":108,"props":27424,"children":27425},{"style":115},[27426],{"type":22,"value":569},{"type":16,"tag":108,"props":27428,"children":27429},{"class":110,"line":602},[27430],{"type":16,"tag":108,"props":27431,"children":27432},{"emptyLinePlaceholder":477},[27433],{"type":22,"value":480},{"type":16,"tag":108,"props":27435,"children":27436},{"class":110,"line":611},[27437],{"type":16,"tag":108,"props":27438,"children":27439},{"style":1798},[27440],{"type":22,"value":27441},"    // The sortable.js instance.\n",{"type":16,"tag":108,"props":27443,"children":27444},{"class":110,"line":619},[27445,27449,27453],{"type":16,"tag":108,"props":27446,"children":27447},{"style":506},[27448],{"type":22,"value":3133},{"type":16,"tag":108,"props":27450,"children":27451},{"style":115},[27452],{"type":22,"value":46},{"type":16,"tag":108,"props":27454,"children":27455},{"style":121},[27456],{"type":22,"value":27457},"sortable\n",{"type":16,"tag":108,"props":27459,"children":27460},{"class":110,"line":640},[27461],{"type":16,"tag":108,"props":27462,"children":27463},{"emptyLinePlaceholder":477},[27464],{"type":22,"value":480},{"type":16,"tag":108,"props":27466,"children":27467},{"class":110,"line":669},[27468],{"type":16,"tag":108,"props":27469,"children":27470},{"style":1798},[27471],{"type":22,"value":27472},"    // Your options\n",{"type":16,"tag":108,"props":27474,"children":27475},{"class":110,"line":677},[27476,27480,27484],{"type":16,"tag":108,"props":27477,"children":27478},{"style":506},[27479],{"type":22,"value":3133},{"type":16,"tag":108,"props":27481,"children":27482},{"style":115},[27483],{"type":22,"value":46},{"type":16,"tag":108,"props":27485,"children":27486},{"style":121},[27487],{"type":22,"value":5130},{"type":16,"tag":108,"props":27489,"children":27490},{"class":110,"line":2008},[27491],{"type":16,"tag":108,"props":27492,"children":27493},{"emptyLinePlaceholder":477},[27494],{"type":22,"value":480},{"type":16,"tag":108,"props":27496,"children":27497},{"class":110,"line":785},[27498],{"type":16,"tag":108,"props":27499,"children":27500},{"style":1798},[27501],{"type":22,"value":27502},"    // Your default options\n",{"type":16,"tag":108,"props":27504,"children":27505},{"class":110,"line":2033},[27506,27510,27514],{"type":16,"tag":108,"props":27507,"children":27508},{"style":506},[27509],{"type":22,"value":3133},{"type":16,"tag":108,"props":27511,"children":27512},{"style":115},[27513],{"type":22,"value":46},{"type":16,"tag":108,"props":27515,"children":27516},{"style":121},[27517],{"type":22,"value":3173},{"type":16,"tag":108,"props":27519,"children":27520},{"class":110,"line":3198},[27521],{"type":16,"tag":108,"props":27522,"children":27523},{"style":115},[27524],{"type":22,"value":608},{"type":16,"tag":108,"props":27526,"children":27527},{"class":110,"line":3216},[27528],{"type":16,"tag":108,"props":27529,"children":27530},{"emptyLinePlaceholder":477},[27531],{"type":22,"value":480},{"type":16,"tag":108,"props":27533,"children":27534},{"class":110,"line":3229},[27535],{"type":16,"tag":108,"props":27536,"children":27537},{"style":1798},[27538],{"type":22,"value":27539},"  // You can override the `onUpdate` method here.\n",{"type":16,"tag":108,"props":27541,"children":27542},{"class":110,"line":3238},[27543,27548,27552,27556],{"type":16,"tag":108,"props":27544,"children":27545},{"style":519},[27546],{"type":22,"value":27547},"  onUpdate",{"type":16,"tag":108,"props":27549,"children":27550},{"style":115},[27551],{"type":22,"value":527},{"type":16,"tag":108,"props":27553,"children":27554},{"style":530},[27555],{"type":22,"value":533},{"type":16,"tag":108,"props":27557,"children":27558},{"style":115},[27559],{"type":22,"value":538},{"type":16,"tag":108,"props":27561,"children":27562},{"class":110,"line":3247},[27563,27567,27571,27576,27580,27584],{"type":16,"tag":108,"props":27564,"children":27565},{"style":544},[27566],{"type":22,"value":547},{"type":16,"tag":108,"props":27568,"children":27569},{"style":115},[27570],{"type":22,"value":46},{"type":16,"tag":108,"props":27572,"children":27573},{"style":519},[27574],{"type":22,"value":27575},"onUpdate",{"type":16,"tag":108,"props":27577,"children":27578},{"style":115},[27579],{"type":22,"value":527},{"type":16,"tag":108,"props":27581,"children":27582},{"style":121},[27583],{"type":22,"value":533},{"type":16,"tag":108,"props":27585,"children":27586},{"style":115},[27587],{"type":22,"value":569},{"type":16,"tag":108,"props":27589,"children":27590},{"class":110,"line":3255},[27591],{"type":16,"tag":108,"props":27592,"children":27593},{"style":115},[27594],{"type":22,"value":608},{"type":16,"tag":108,"props":27596,"children":27597},{"class":110,"line":4676},[27598],{"type":16,"tag":108,"props":27599,"children":27600},{"emptyLinePlaceholder":477},[27601],{"type":22,"value":480},{"type":16,"tag":108,"props":27603,"children":27604},{"class":110,"line":4685},[27605],{"type":16,"tag":108,"props":27606,"children":27607},{"style":1798},[27608],{"type":22,"value":27609},"  // You can set default options in this getter for all sortable elements.\n",{"type":16,"tag":108,"props":27611,"children":27612},{"class":110,"line":5319},[27613,27617,27621],{"type":16,"tag":108,"props":27614,"children":27615},{"style":453},[27616],{"type":22,"value":3204},{"type":16,"tag":108,"props":27618,"children":27619},{"style":519},[27620],{"type":22,"value":3209},{"type":16,"tag":108,"props":27622,"children":27623},{"style":115},[27624],{"type":22,"value":1530},{"type":16,"tag":108,"props":27626,"children":27627},{"class":110,"line":5348},[27628,27632],{"type":16,"tag":108,"props":27629,"children":27630},{"style":453},[27631],{"type":22,"value":3222},{"type":16,"tag":108,"props":27633,"children":27634},{"style":115},[27635],{"type":22,"value":513},{"type":16,"tag":108,"props":27637,"children":27638},{"class":110,"line":5356},[27639,27644,27648,27653],{"type":16,"tag":108,"props":27640,"children":27641},{"style":121},[27642],{"type":22,"value":27643},"      animation",{"type":16,"tag":108,"props":27645,"children":27646},{"style":115},[27647],{"type":22,"value":2231},{"type":16,"tag":108,"props":27649,"children":27650},{"style":126},[27651],{"type":22,"value":27652},"500",{"type":16,"tag":108,"props":27654,"children":27655},{"style":115},[27656],{"type":22,"value":2241},{"type":16,"tag":108,"props":27658,"children":27659},{"class":110,"line":5364},[27660],{"type":16,"tag":108,"props":27661,"children":27662},{"style":115},[27663],{"type":22,"value":3244},{"type":16,"tag":108,"props":27665,"children":27666},{"class":110,"line":5373},[27667],{"type":16,"tag":108,"props":27668,"children":27669},{"style":115},[27670],{"type":22,"value":608},{"type":16,"tag":108,"props":27672,"children":27673},{"class":110,"line":5389},[27674],{"type":16,"tag":108,"props":27675,"children":27676},{"style":115},[27677],{"type":22,"value":683},{"type":16,"tag":685,"props":27679,"children":27680},{},[27681],{"type":22,"value":689},{"title":7,"searchDepth":297,"depth":297,"links":27683},[27684,27685,27686,27691,27692],{"id":19,"depth":297,"text":23},{"id":49,"depth":297,"text":52},{"id":58,"depth":297,"text":61,"children":27687},[27688,27689,27690],{"id":3989,"depth":315,"text":3992},{"id":26592,"depth":315,"text":26595},{"id":26819,"depth":315,"text":26822},{"id":1224,"depth":297,"text":1227},{"id":428,"depth":297,"text":431},"content:docs:stimulus-sortable.md","docs/stimulus-sortable.md","docs/stimulus-sortable",{"_path":27697,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":27698,"description":27699,"package":27700,"packagePath":27701,"body":27702,"_type":696,"_id":28444,"_source":698,"_file":28445,"_stem":28446,"_extension":701},"/docs/stimulus-sound","Sound","A Stimulus Controller to play and control sound.","sound","@stimulus-components/sound",{"type":13,"children":27703,"toc":28438},[27704,27708,27711,27715,27718,27722,28243,28247,28434],{"type":16,"tag":17,"props":27705,"children":27706},{"id":19},[27707],{"type":22,"value":23},{"type":16,"tag":25,"props":27709,"children":27710},{":package":27,":package-path":28},[],{"type":16,"tag":17,"props":27712,"children":27713},{"id":49},[27714],{"type":22,"value":52},{"type":16,"tag":27700,"props":27716,"children":27717},{},[],{"type":16,"tag":17,"props":27719,"children":27720},{"id":58},[27721],{"type":22,"value":61},{"type":16,"tag":93,"props":27723,"children":27724},{"tab-name":95},[27725],{"type":16,"tag":98,"props":27726,"children":27728},{"className":100,"code":27727,"language":102,"meta":7,"style":7},"\u003Cdiv data-controller=\"sound\" data-sound-url-value=\"/path/to/your/sound.mp3\">\n  \u003Cbutton type=\"button\" data-action=\"sound#play\">▶️ Play\u003C/button>\n  \u003Cbutton type=\"button\" data-action=\"sound#pause\">⏸️ Pause\u003C/button>\n  \u003Cbutton type=\"button\" data-action=\"sound#reset\">⏹️ Reset\u003C/button>\n  \u003Cbutton type=\"button\" data-action=\"sound#muted\" data-sound-muted-param=\"true\">🔇 Mute\u003C/button>\n  \u003Cbutton type=\"button\" data-action=\"sound#muted\" data-sound-muted-param=\"false\">🔈 Unmute\u003C/button>\n  \u003Cbutton type=\"button\" data-action=\"sound#loop\" data-sound-loop-param=\"true\">🔁 Loop\u003C/button>\n  \u003Cbutton type=\"button\" data-action=\"sound#volume\" data-sound-volume-param=\"1\">🔊 Volume to 100%\u003C/button>\n  \u003Cbutton type=\"button\" data-action=\"sound#volume\" data-sound-volume-param=\"0.25\">🔉 Volume to 25%\u003C/button>\n\u003C/div>\n",[27729],{"type":16,"tag":68,"props":27730,"children":27731},{"__ignoreMap":7},[27732,27774,27823,27872,27921,27983,28043,28105,28167,28228],{"type":16,"tag":108,"props":27733,"children":27734},{"class":110,"line":111},[27735,27739,27743,27747,27751,27756,27761,27765,27770],{"type":16,"tag":108,"props":27736,"children":27737},{"style":115},[27738],{"type":22,"value":118},{"type":16,"tag":108,"props":27740,"children":27741},{"style":121},[27742],{"type":22,"value":929},{"type":16,"tag":108,"props":27744,"children":27745},{"style":126},[27746],{"type":22,"value":145},{"type":16,"tag":108,"props":27748,"children":27749},{"style":115},[27750],{"type":22,"value":134},{"type":16,"tag":108,"props":27752,"children":27753},{"style":137},[27754],{"type":22,"value":27755},"\"sound\"",{"type":16,"tag":108,"props":27757,"children":27758},{"style":126},[27759],{"type":22,"value":27760}," data-sound-url-value",{"type":16,"tag":108,"props":27762,"children":27763},{"style":115},[27764],{"type":22,"value":134},{"type":16,"tag":108,"props":27766,"children":27767},{"style":137},[27768],{"type":22,"value":27769},"\"/path/to/your/sound.mp3\"",{"type":16,"tag":108,"props":27771,"children":27772},{"style":115},[27773],{"type":22,"value":182},{"type":16,"tag":108,"props":27775,"children":27776},{"class":110,"line":297},[27777,27781,27785,27789,27793,27797,27801,27805,27810,27815,27819],{"type":16,"tag":108,"props":27778,"children":27779},{"style":115},[27780],{"type":22,"value":1737},{"type":16,"tag":108,"props":27782,"children":27783},{"style":121},[27784],{"type":22,"value":212},{"type":16,"tag":108,"props":27786,"children":27787},{"style":126},[27788],{"type":22,"value":217},{"type":16,"tag":108,"props":27790,"children":27791},{"style":115},[27792],{"type":22,"value":134},{"type":16,"tag":108,"props":27794,"children":27795},{"style":137},[27796],{"type":22,"value":226},{"type":16,"tag":108,"props":27798,"children":27799},{"style":126},[27800],{"type":22,"value":159},{"type":16,"tag":108,"props":27802,"children":27803},{"style":115},[27804],{"type":22,"value":134},{"type":16,"tag":108,"props":27806,"children":27807},{"style":137},[27808],{"type":22,"value":27809},"\"sound#play\"",{"type":16,"tag":108,"props":27811,"children":27812},{"style":115},[27813],{"type":22,"value":27814},">▶️ Play\u003C/",{"type":16,"tag":108,"props":27816,"children":27817},{"style":121},[27818],{"type":22,"value":212},{"type":16,"tag":108,"props":27820,"children":27821},{"style":115},[27822],{"type":22,"value":182},{"type":16,"tag":108,"props":27824,"children":27825},{"class":110,"line":315},[27826,27830,27834,27838,27842,27846,27850,27854,27859,27864,27868],{"type":16,"tag":108,"props":27827,"children":27828},{"style":115},[27829],{"type":22,"value":1737},{"type":16,"tag":108,"props":27831,"children":27832},{"style":121},[27833],{"type":22,"value":212},{"type":16,"tag":108,"props":27835,"children":27836},{"style":126},[27837],{"type":22,"value":217},{"type":16,"tag":108,"props":27839,"children":27840},{"style":115},[27841],{"type":22,"value":134},{"type":16,"tag":108,"props":27843,"children":27844},{"style":137},[27845],{"type":22,"value":226},{"type":16,"tag":108,"props":27847,"children":27848},{"style":126},[27849],{"type":22,"value":159},{"type":16,"tag":108,"props":27851,"children":27852},{"style":115},[27853],{"type":22,"value":134},{"type":16,"tag":108,"props":27855,"children":27856},{"style":137},[27857],{"type":22,"value":27858},"\"sound#pause\"",{"type":16,"tag":108,"props":27860,"children":27861},{"style":115},[27862],{"type":22,"value":27863},">⏸️ Pause\u003C/",{"type":16,"tag":108,"props":27865,"children":27866},{"style":121},[27867],{"type":22,"value":212},{"type":16,"tag":108,"props":27869,"children":27870},{"style":115},[27871],{"type":22,"value":182},{"type":16,"tag":108,"props":27873,"children":27874},{"class":110,"line":333},[27875,27879,27883,27887,27891,27895,27899,27903,27908,27913,27917],{"type":16,"tag":108,"props":27876,"children":27877},{"style":115},[27878],{"type":22,"value":1737},{"type":16,"tag":108,"props":27880,"children":27881},{"style":121},[27882],{"type":22,"value":212},{"type":16,"tag":108,"props":27884,"children":27885},{"style":126},[27886],{"type":22,"value":217},{"type":16,"tag":108,"props":27888,"children":27889},{"style":115},[27890],{"type":22,"value":134},{"type":16,"tag":108,"props":27892,"children":27893},{"style":137},[27894],{"type":22,"value":226},{"type":16,"tag":108,"props":27896,"children":27897},{"style":126},[27898],{"type":22,"value":159},{"type":16,"tag":108,"props":27900,"children":27901},{"style":115},[27902],{"type":22,"value":134},{"type":16,"tag":108,"props":27904,"children":27905},{"style":137},[27906],{"type":22,"value":27907},"\"sound#reset\"",{"type":16,"tag":108,"props":27909,"children":27910},{"style":115},[27911],{"type":22,"value":27912},">⏹️ Reset\u003C/",{"type":16,"tag":108,"props":27914,"children":27915},{"style":121},[27916],{"type":22,"value":212},{"type":16,"tag":108,"props":27918,"children":27919},{"style":115},[27920],{"type":22,"value":182},{"type":16,"tag":108,"props":27922,"children":27923},{"class":110,"line":351},[27924,27928,27932,27936,27940,27944,27948,27952,27957,27962,27966,27970,27975,27979],{"type":16,"tag":108,"props":27925,"children":27926},{"style":115},[27927],{"type":22,"value":1737},{"type":16,"tag":108,"props":27929,"children":27930},{"style":121},[27931],{"type":22,"value":212},{"type":16,"tag":108,"props":27933,"children":27934},{"style":126},[27935],{"type":22,"value":217},{"type":16,"tag":108,"props":27937,"children":27938},{"style":115},[27939],{"type":22,"value":134},{"type":16,"tag":108,"props":27941,"children":27942},{"style":137},[27943],{"type":22,"value":226},{"type":16,"tag":108,"props":27945,"children":27946},{"style":126},[27947],{"type":22,"value":159},{"type":16,"tag":108,"props":27949,"children":27950},{"style":115},[27951],{"type":22,"value":134},{"type":16,"tag":108,"props":27953,"children":27954},{"style":137},[27955],{"type":22,"value":27956},"\"sound#muted\"",{"type":16,"tag":108,"props":27958,"children":27959},{"style":126},[27960],{"type":22,"value":27961}," data-sound-muted-param",{"type":16,"tag":108,"props":27963,"children":27964},{"style":115},[27965],{"type":22,"value":134},{"type":16,"tag":108,"props":27967,"children":27968},{"style":137},[27969],{"type":22,"value":3548},{"type":16,"tag":108,"props":27971,"children":27972},{"style":115},[27973],{"type":22,"value":27974},">🔇 Mute\u003C/",{"type":16,"tag":108,"props":27976,"children":27977},{"style":121},[27978],{"type":22,"value":212},{"type":16,"tag":108,"props":27980,"children":27981},{"style":115},[27982],{"type":22,"value":182},{"type":16,"tag":108,"props":27984,"children":27985},{"class":110,"line":369},[27986,27990,27994,27998,28002,28006,28010,28014,28018,28022,28026,28030,28035,28039],{"type":16,"tag":108,"props":27987,"children":27988},{"style":115},[27989],{"type":22,"value":1737},{"type":16,"tag":108,"props":27991,"children":27992},{"style":121},[27993],{"type":22,"value":212},{"type":16,"tag":108,"props":27995,"children":27996},{"style":126},[27997],{"type":22,"value":217},{"type":16,"tag":108,"props":27999,"children":28000},{"style":115},[28001],{"type":22,"value":134},{"type":16,"tag":108,"props":28003,"children":28004},{"style":137},[28005],{"type":22,"value":226},{"type":16,"tag":108,"props":28007,"children":28008},{"style":126},[28009],{"type":22,"value":159},{"type":16,"tag":108,"props":28011,"children":28012},{"style":115},[28013],{"type":22,"value":134},{"type":16,"tag":108,"props":28015,"children":28016},{"style":137},[28017],{"type":22,"value":27956},{"type":16,"tag":108,"props":28019,"children":28020},{"style":126},[28021],{"type":22,"value":27961},{"type":16,"tag":108,"props":28023,"children":28024},{"style":115},[28025],{"type":22,"value":134},{"type":16,"tag":108,"props":28027,"children":28028},{"style":137},[28029],{"type":22,"value":16820},{"type":16,"tag":108,"props":28031,"children":28032},{"style":115},[28033],{"type":22,"value":28034},">🔈 Unmute\u003C/",{"type":16,"tag":108,"props":28036,"children":28037},{"style":121},[28038],{"type":22,"value":212},{"type":16,"tag":108,"props":28040,"children":28041},{"style":115},[28042],{"type":22,"value":182},{"type":16,"tag":108,"props":28044,"children":28045},{"class":110,"line":602},[28046,28050,28054,28058,28062,28066,28070,28074,28079,28084,28088,28092,28097,28101],{"type":16,"tag":108,"props":28047,"children":28048},{"style":115},[28049],{"type":22,"value":1737},{"type":16,"tag":108,"props":28051,"children":28052},{"style":121},[28053],{"type":22,"value":212},{"type":16,"tag":108,"props":28055,"children":28056},{"style":126},[28057],{"type":22,"value":217},{"type":16,"tag":108,"props":28059,"children":28060},{"style":115},[28061],{"type":22,"value":134},{"type":16,"tag":108,"props":28063,"children":28064},{"style":137},[28065],{"type":22,"value":226},{"type":16,"tag":108,"props":28067,"children":28068},{"style":126},[28069],{"type":22,"value":159},{"type":16,"tag":108,"props":28071,"children":28072},{"style":115},[28073],{"type":22,"value":134},{"type":16,"tag":108,"props":28075,"children":28076},{"style":137},[28077],{"type":22,"value":28078},"\"sound#loop\"",{"type":16,"tag":108,"props":28080,"children":28081},{"style":126},[28082],{"type":22,"value":28083}," data-sound-loop-param",{"type":16,"tag":108,"props":28085,"children":28086},{"style":115},[28087],{"type":22,"value":134},{"type":16,"tag":108,"props":28089,"children":28090},{"style":137},[28091],{"type":22,"value":3548},{"type":16,"tag":108,"props":28093,"children":28094},{"style":115},[28095],{"type":22,"value":28096},">🔁 Loop\u003C/",{"type":16,"tag":108,"props":28098,"children":28099},{"style":121},[28100],{"type":22,"value":212},{"type":16,"tag":108,"props":28102,"children":28103},{"style":115},[28104],{"type":22,"value":182},{"type":16,"tag":108,"props":28106,"children":28107},{"class":110,"line":611},[28108,28112,28116,28120,28124,28128,28132,28136,28141,28146,28150,28154,28159,28163],{"type":16,"tag":108,"props":28109,"children":28110},{"style":115},[28111],{"type":22,"value":1737},{"type":16,"tag":108,"props":28113,"children":28114},{"style":121},[28115],{"type":22,"value":212},{"type":16,"tag":108,"props":28117,"children":28118},{"style":126},[28119],{"type":22,"value":217},{"type":16,"tag":108,"props":28121,"children":28122},{"style":115},[28123],{"type":22,"value":134},{"type":16,"tag":108,"props":28125,"children":28126},{"style":137},[28127],{"type":22,"value":226},{"type":16,"tag":108,"props":28129,"children":28130},{"style":126},[28131],{"type":22,"value":159},{"type":16,"tag":108,"props":28133,"children":28134},{"style":115},[28135],{"type":22,"value":134},{"type":16,"tag":108,"props":28137,"children":28138},{"style":137},[28139],{"type":22,"value":28140},"\"sound#volume\"",{"type":16,"tag":108,"props":28142,"children":28143},{"style":126},[28144],{"type":22,"value":28145}," data-sound-volume-param",{"type":16,"tag":108,"props":28147,"children":28148},{"style":115},[28149],{"type":22,"value":134},{"type":16,"tag":108,"props":28151,"children":28152},{"style":137},[28153],{"type":22,"value":5893},{"type":16,"tag":108,"props":28155,"children":28156},{"style":115},[28157],{"type":22,"value":28158},">🔊 Volume to 100%\u003C/",{"type":16,"tag":108,"props":28160,"children":28161},{"style":121},[28162],{"type":22,"value":212},{"type":16,"tag":108,"props":28164,"children":28165},{"style":115},[28166],{"type":22,"value":182},{"type":16,"tag":108,"props":28168,"children":28169},{"class":110,"line":619},[28170,28174,28178,28182,28186,28190,28194,28198,28202,28206,28210,28215,28220,28224],{"type":16,"tag":108,"props":28171,"children":28172},{"style":115},[28173],{"type":22,"value":1737},{"type":16,"tag":108,"props":28175,"children":28176},{"style":121},[28177],{"type":22,"value":212},{"type":16,"tag":108,"props":28179,"children":28180},{"style":126},[28181],{"type":22,"value":217},{"type":16,"tag":108,"props":28183,"children":28184},{"style":115},[28185],{"type":22,"value":134},{"type":16,"tag":108,"props":28187,"children":28188},{"style":137},[28189],{"type":22,"value":226},{"type":16,"tag":108,"props":28191,"children":28192},{"style":126},[28193],{"type":22,"value":159},{"type":16,"tag":108,"props":28195,"children":28196},{"style":115},[28197],{"type":22,"value":134},{"type":16,"tag":108,"props":28199,"children":28200},{"style":137},[28201],{"type":22,"value":28140},{"type":16,"tag":108,"props":28203,"children":28204},{"style":126},[28205],{"type":22,"value":28145},{"type":16,"tag":108,"props":28207,"children":28208},{"style":115},[28209],{"type":22,"value":134},{"type":16,"tag":108,"props":28211,"children":28212},{"style":137},[28213],{"type":22,"value":28214},"\"0.25\"",{"type":16,"tag":108,"props":28216,"children":28217},{"style":115},[28218],{"type":22,"value":28219},">🔉 Volume to 25%\u003C/",{"type":16,"tag":108,"props":28221,"children":28222},{"style":121},[28223],{"type":22,"value":212},{"type":16,"tag":108,"props":28225,"children":28226},{"style":115},[28227],{"type":22,"value":182},{"type":16,"tag":108,"props":28229,"children":28230},{"class":110,"line":640},[28231,28235,28239],{"type":16,"tag":108,"props":28232,"children":28233},{"style":115},[28234],{"type":22,"value":924},{"type":16,"tag":108,"props":28236,"children":28237},{"style":121},[28238],{"type":22,"value":929},{"type":16,"tag":108,"props":28240,"children":28241},{"style":115},[28242],{"type":22,"value":182},{"type":16,"tag":17,"props":28244,"children":28245},{"id":428},[28246],{"type":22,"value":431},{"type":16,"tag":428,"props":28248,"children":28249},{},[28250],{"type":16,"tag":93,"props":28251,"children":28253},{"tab-name":28252},"app/javascript/controllers/sound_controller.js",[28254],{"type":16,"tag":98,"props":28255,"children":28257},{"className":441,"code":28256,"language":443,"meta":7,"style":7},"import Sound from \"stimulus-sound\"\n\nexport default class extends Sound {\n  connect() {\n    super.connect()\n    console.log(\"Do what you want here.\")\n\n    // The HTMLAudioElement instance.\n    // See: https://developer.mozilla.org/en-US/docs/Web/API/HTMLAudioElement\n    // You can fetch any attribute on it if needed.\n    this.sound\n  }\n}\n",[28258],{"type":16,"tag":68,"props":28259,"children":28260},{"__ignoreMap":7},[28261,28282,28289,28316,28327,28346,28373,28380,28388,28396,28404,28420,28427],{"type":16,"tag":108,"props":28262,"children":28263},{"class":110,"line":111},[28264,28268,28273,28277],{"type":16,"tag":108,"props":28265,"children":28266},{"style":453},[28267],{"type":22,"value":456},{"type":16,"tag":108,"props":28269,"children":28270},{"style":121},[28271],{"type":22,"value":28272}," Sound",{"type":16,"tag":108,"props":28274,"children":28275},{"style":453},[28276],{"type":22,"value":466},{"type":16,"tag":108,"props":28278,"children":28279},{"style":137},[28280],{"type":22,"value":28281}," \"stimulus-sound\"\n",{"type":16,"tag":108,"props":28283,"children":28284},{"class":110,"line":297},[28285],{"type":16,"tag":108,"props":28286,"children":28287},{"emptyLinePlaceholder":477},[28288],{"type":22,"value":480},{"type":16,"tag":108,"props":28290,"children":28291},{"class":110,"line":315},[28292,28296,28300,28304,28308,28312],{"type":16,"tag":108,"props":28293,"children":28294},{"style":453},[28295],{"type":22,"value":488},{"type":16,"tag":108,"props":28297,"children":28298},{"style":453},[28299],{"type":22,"value":493},{"type":16,"tag":108,"props":28301,"children":28302},{"style":453},[28303],{"type":22,"value":498},{"type":16,"tag":108,"props":28305,"children":28306},{"style":453},[28307],{"type":22,"value":503},{"type":16,"tag":108,"props":28309,"children":28310},{"style":506},[28311],{"type":22,"value":28272},{"type":16,"tag":108,"props":28313,"children":28314},{"style":115},[28315],{"type":22,"value":513},{"type":16,"tag":108,"props":28317,"children":28318},{"class":110,"line":333},[28319,28323],{"type":16,"tag":108,"props":28320,"children":28321},{"style":519},[28322],{"type":22,"value":1525},{"type":16,"tag":108,"props":28324,"children":28325},{"style":115},[28326],{"type":22,"value":1530},{"type":16,"tag":108,"props":28328,"children":28329},{"class":110,"line":351},[28330,28334,28338,28342],{"type":16,"tag":108,"props":28331,"children":28332},{"style":544},[28333],{"type":22,"value":547},{"type":16,"tag":108,"props":28335,"children":28336},{"style":115},[28337],{"type":22,"value":46},{"type":16,"tag":108,"props":28339,"children":28340},{"style":519},[28341],{"type":22,"value":1546},{"type":16,"tag":108,"props":28343,"children":28344},{"style":115},[28345],{"type":22,"value":1551},{"type":16,"tag":108,"props":28347,"children":28348},{"class":110,"line":369},[28349,28353,28357,28361,28365,28369],{"type":16,"tag":108,"props":28350,"children":28351},{"style":506},[28352],{"type":22,"value":577},{"type":16,"tag":108,"props":28354,"children":28355},{"style":115},[28356],{"type":22,"value":46},{"type":16,"tag":108,"props":28358,"children":28359},{"style":519},[28360],{"type":22,"value":586},{"type":16,"tag":108,"props":28362,"children":28363},{"style":115},[28364],{"type":22,"value":527},{"type":16,"tag":108,"props":28366,"children":28367},{"style":137},[28368],{"type":22,"value":595},{"type":16,"tag":108,"props":28370,"children":28371},{"style":115},[28372],{"type":22,"value":569},{"type":16,"tag":108,"props":28374,"children":28375},{"class":110,"line":602},[28376],{"type":16,"tag":108,"props":28377,"children":28378},{"emptyLinePlaceholder":477},[28379],{"type":22,"value":480},{"type":16,"tag":108,"props":28381,"children":28382},{"class":110,"line":611},[28383],{"type":16,"tag":108,"props":28384,"children":28385},{"style":1798},[28386],{"type":22,"value":28387},"    // The HTMLAudioElement instance.\n",{"type":16,"tag":108,"props":28389,"children":28390},{"class":110,"line":619},[28391],{"type":16,"tag":108,"props":28392,"children":28393},{"style":1798},[28394],{"type":22,"value":28395},"    // See: https://developer.mozilla.org/en-US/docs/Web/API/HTMLAudioElement\n",{"type":16,"tag":108,"props":28397,"children":28398},{"class":110,"line":640},[28399],{"type":16,"tag":108,"props":28400,"children":28401},{"style":1798},[28402],{"type":22,"value":28403},"    // You can fetch any attribute on it if needed.\n",{"type":16,"tag":108,"props":28405,"children":28406},{"class":110,"line":669},[28407,28411,28415],{"type":16,"tag":108,"props":28408,"children":28409},{"style":506},[28410],{"type":22,"value":3133},{"type":16,"tag":108,"props":28412,"children":28413},{"style":115},[28414],{"type":22,"value":46},{"type":16,"tag":108,"props":28416,"children":28417},{"style":121},[28418],{"type":22,"value":28419},"sound\n",{"type":16,"tag":108,"props":28421,"children":28422},{"class":110,"line":677},[28423],{"type":16,"tag":108,"props":28424,"children":28425},{"style":115},[28426],{"type":22,"value":608},{"type":16,"tag":108,"props":28428,"children":28429},{"class":110,"line":2008},[28430],{"type":16,"tag":108,"props":28431,"children":28432},{"style":115},[28433],{"type":22,"value":683},{"type":16,"tag":685,"props":28435,"children":28436},{},[28437],{"type":22,"value":689},{"title":7,"searchDepth":297,"depth":297,"links":28439},[28440,28441,28442,28443],{"id":19,"depth":297,"text":23},{"id":49,"depth":297,"text":52},{"id":58,"depth":297,"text":61},{"id":428,"depth":297,"text":431},"content:docs:stimulus-sound.md","docs/stimulus-sound.md","docs/stimulus-sound",{"_path":28448,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":28449,"description":28450,"package":28451,"packagePath":28452,"body":28453,"_type":696,"_id":29151,"_source":698,"_file":29152,"_stem":29153,"_extension":701},"/docs/stimulus-speech-recognition","Speech Recognition","A Stimulus controller that uses the Web Speech API to capture speech and fill an input.","speech-recognition","@stimulus-components/speech-recognition",{"type":13,"children":28454,"toc":29144},[28455,28459,28462,28480,28484,28487,28491,28874,28910,28914,28971,28990,28995,28999,29140],{"type":16,"tag":17,"props":28456,"children":28457},{"id":19},[28458],{"type":22,"value":23},{"type":16,"tag":25,"props":28460,"children":28461},{":package":27,":package-path":28},[],{"type":16,"tag":2390,"props":28463,"children":28464},{},[28465],{"type":16,"tag":31,"props":28466,"children":28467},{},[28468,28470,28478],{"type":22,"value":28469},"This component uses the ",{"type":16,"tag":37,"props":28471,"children":28475},{"className":28472,"href":28473,"rel":28474,"target":2405},[2401,2402],"https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API",[41],[28476],{"type":22,"value":28477},"Web Speech API",{"type":22,"value":28479},". Support and accuracy depend on the browser and may require a secure context (HTTPS).",{"type":16,"tag":17,"props":28481,"children":28482},{"id":49},[28483],{"type":22,"value":52},{"type":16,"tag":28451,"props":28485,"children":28486},{},[],{"type":16,"tag":17,"props":28488,"children":28489},{"id":58},[28490],{"type":22,"value":61},{"type":16,"tag":93,"props":28492,"children":28493},{"tab-name":95},[28494],{"type":16,"tag":98,"props":28495,"children":28497},{"className":100,"code":28496,"language":102,"meta":7,"style":7},"\u003Cdiv data-controller=\"speech-recognition\">\n  \u003Ctextarea data-speech-recognition-target=\"input\" placeholder=\"Click Start and speak...\">\u003C/textarea>\n\n  \u003Cbutton\n    type=\"button\"\n    data-speech-recognition-target=\"startButton\"\n    data-action=\"speech-recognition#start\"\n    class=\"hidden\"\n  >\n    Start\n  \u003C/button>\n\n  \u003Cbutton\n    type=\"button\"\n    data-speech-recognition-target=\"stopButton\"\n    data-action=\"speech-recognition#stop\"\n    class=\"hidden\"\n  >\n    Stop\n  \u003C/button>\n\n  \u003Cspan data-speech-recognition-target=\"indicator\" class=\"hidden\">Recording...\u003C/span>\n\u003C/div>\n",[28498],{"type":16,"tag":68,"props":28499,"children":28500},{"__ignoreMap":7},[28501,28529,28579,28586,28598,28614,28631,28647,28663,28670,28678,28693,28700,28711,28726,28742,28758,28773,28780,28788,28803,28810,28859],{"type":16,"tag":108,"props":28502,"children":28503},{"class":110,"line":111},[28504,28508,28512,28516,28520,28525],{"type":16,"tag":108,"props":28505,"children":28506},{"style":115},[28507],{"type":22,"value":118},{"type":16,"tag":108,"props":28509,"children":28510},{"style":121},[28511],{"type":22,"value":929},{"type":16,"tag":108,"props":28513,"children":28514},{"style":126},[28515],{"type":22,"value":145},{"type":16,"tag":108,"props":28517,"children":28518},{"style":115},[28519],{"type":22,"value":134},{"type":16,"tag":108,"props":28521,"children":28522},{"style":137},[28523],{"type":22,"value":28524},"\"speech-recognition\"",{"type":16,"tag":108,"props":28526,"children":28527},{"style":115},[28528],{"type":22,"value":182},{"type":16,"tag":108,"props":28530,"children":28531},{"class":110,"line":297},[28532,28536,28540,28545,28549,28553,28558,28562,28567,28571,28575],{"type":16,"tag":108,"props":28533,"children":28534},{"style":115},[28535],{"type":22,"value":1737},{"type":16,"tag":108,"props":28537,"children":28538},{"style":121},[28539],{"type":22,"value":81},{"type":16,"tag":108,"props":28541,"children":28542},{"style":126},[28543],{"type":22,"value":28544}," data-speech-recognition-target",{"type":16,"tag":108,"props":28546,"children":28547},{"style":115},[28548],{"type":22,"value":134},{"type":16,"tag":108,"props":28550,"children":28551},{"style":137},[28552],{"type":22,"value":3364},{"type":16,"tag":108,"props":28554,"children":28555},{"style":126},[28556],{"type":22,"value":28557}," placeholder",{"type":16,"tag":108,"props":28559,"children":28560},{"style":115},[28561],{"type":22,"value":134},{"type":16,"tag":108,"props":28563,"children":28564},{"style":137},[28565],{"type":22,"value":28566},"\"Click Start and speak...\"",{"type":16,"tag":108,"props":28568,"children":28569},{"style":115},[28570],{"type":22,"value":3369},{"type":16,"tag":108,"props":28572,"children":28573},{"style":121},[28574],{"type":22,"value":81},{"type":16,"tag":108,"props":28576,"children":28577},{"style":115},[28578],{"type":22,"value":182},{"type":16,"tag":108,"props":28580,"children":28581},{"class":110,"line":315},[28582],{"type":16,"tag":108,"props":28583,"children":28584},{"emptyLinePlaceholder":477},[28585],{"type":22,"value":480},{"type":16,"tag":108,"props":28587,"children":28588},{"class":110,"line":333},[28589,28593],{"type":16,"tag":108,"props":28590,"children":28591},{"style":115},[28592],{"type":22,"value":1737},{"type":16,"tag":108,"props":28594,"children":28595},{"style":121},[28596],{"type":22,"value":28597},"button\n",{"type":16,"tag":108,"props":28599,"children":28600},{"class":110,"line":351},[28601,28605,28609],{"type":16,"tag":108,"props":28602,"children":28603},{"style":126},[28604],{"type":22,"value":17706},{"type":16,"tag":108,"props":28606,"children":28607},{"style":115},[28608],{"type":22,"value":134},{"type":16,"tag":108,"props":28610,"children":28611},{"style":137},[28612],{"type":22,"value":28613},"\"button\"\n",{"type":16,"tag":108,"props":28615,"children":28616},{"class":110,"line":369},[28617,28622,28626],{"type":16,"tag":108,"props":28618,"children":28619},{"style":126},[28620],{"type":22,"value":28621},"    data-speech-recognition-target",{"type":16,"tag":108,"props":28623,"children":28624},{"style":115},[28625],{"type":22,"value":134},{"type":16,"tag":108,"props":28627,"children":28628},{"style":137},[28629],{"type":22,"value":28630},"\"startButton\"\n",{"type":16,"tag":108,"props":28632,"children":28633},{"class":110,"line":602},[28634,28638,28642],{"type":16,"tag":108,"props":28635,"children":28636},{"style":126},[28637],{"type":22,"value":17722},{"type":16,"tag":108,"props":28639,"children":28640},{"style":115},[28641],{"type":22,"value":134},{"type":16,"tag":108,"props":28643,"children":28644},{"style":137},[28645],{"type":22,"value":28646},"\"speech-recognition#start\"\n",{"type":16,"tag":108,"props":28648,"children":28649},{"class":110,"line":611},[28650,28654,28658],{"type":16,"tag":108,"props":28651,"children":28652},{"style":126},[28653],{"type":22,"value":12284},{"type":16,"tag":108,"props":28655,"children":28656},{"style":115},[28657],{"type":22,"value":134},{"type":16,"tag":108,"props":28659,"children":28660},{"style":137},[28661],{"type":22,"value":28662},"\"hidden\"\n",{"type":16,"tag":108,"props":28664,"children":28665},{"class":110,"line":619},[28666],{"type":16,"tag":108,"props":28667,"children":28668},{"style":115},[28669],{"type":22,"value":12367},{"type":16,"tag":108,"props":28671,"children":28672},{"class":110,"line":640},[28673],{"type":16,"tag":108,"props":28674,"children":28675},{"style":115},[28676],{"type":22,"value":28677},"    Start\n",{"type":16,"tag":108,"props":28679,"children":28680},{"class":110,"line":669},[28681,28685,28689],{"type":16,"tag":108,"props":28682,"children":28683},{"style":115},[28684],{"type":22,"value":1867},{"type":16,"tag":108,"props":28686,"children":28687},{"style":121},[28688],{"type":22,"value":212},{"type":16,"tag":108,"props":28690,"children":28691},{"style":115},[28692],{"type":22,"value":182},{"type":16,"tag":108,"props":28694,"children":28695},{"class":110,"line":677},[28696],{"type":16,"tag":108,"props":28697,"children":28698},{"emptyLinePlaceholder":477},[28699],{"type":22,"value":480},{"type":16,"tag":108,"props":28701,"children":28702},{"class":110,"line":2008},[28703,28707],{"type":16,"tag":108,"props":28704,"children":28705},{"style":115},[28706],{"type":22,"value":1737},{"type":16,"tag":108,"props":28708,"children":28709},{"style":121},[28710],{"type":22,"value":28597},{"type":16,"tag":108,"props":28712,"children":28713},{"class":110,"line":785},[28714,28718,28722],{"type":16,"tag":108,"props":28715,"children":28716},{"style":126},[28717],{"type":22,"value":17706},{"type":16,"tag":108,"props":28719,"children":28720},{"style":115},[28721],{"type":22,"value":134},{"type":16,"tag":108,"props":28723,"children":28724},{"style":137},[28725],{"type":22,"value":28613},{"type":16,"tag":108,"props":28727,"children":28728},{"class":110,"line":2033},[28729,28733,28737],{"type":16,"tag":108,"props":28730,"children":28731},{"style":126},[28732],{"type":22,"value":28621},{"type":16,"tag":108,"props":28734,"children":28735},{"style":115},[28736],{"type":22,"value":134},{"type":16,"tag":108,"props":28738,"children":28739},{"style":137},[28740],{"type":22,"value":28741},"\"stopButton\"\n",{"type":16,"tag":108,"props":28743,"children":28744},{"class":110,"line":3198},[28745,28749,28753],{"type":16,"tag":108,"props":28746,"children":28747},{"style":126},[28748],{"type":22,"value":17722},{"type":16,"tag":108,"props":28750,"children":28751},{"style":115},[28752],{"type":22,"value":134},{"type":16,"tag":108,"props":28754,"children":28755},{"style":137},[28756],{"type":22,"value":28757},"\"speech-recognition#stop\"\n",{"type":16,"tag":108,"props":28759,"children":28760},{"class":110,"line":3216},[28761,28765,28769],{"type":16,"tag":108,"props":28762,"children":28763},{"style":126},[28764],{"type":22,"value":12284},{"type":16,"tag":108,"props":28766,"children":28767},{"style":115},[28768],{"type":22,"value":134},{"type":16,"tag":108,"props":28770,"children":28771},{"style":137},[28772],{"type":22,"value":28662},{"type":16,"tag":108,"props":28774,"children":28775},{"class":110,"line":3229},[28776],{"type":16,"tag":108,"props":28777,"children":28778},{"style":115},[28779],{"type":22,"value":12367},{"type":16,"tag":108,"props":28781,"children":28782},{"class":110,"line":3238},[28783],{"type":16,"tag":108,"props":28784,"children":28785},{"style":115},[28786],{"type":22,"value":28787},"    Stop\n",{"type":16,"tag":108,"props":28789,"children":28790},{"class":110,"line":3247},[28791,28795,28799],{"type":16,"tag":108,"props":28792,"children":28793},{"style":115},[28794],{"type":22,"value":1867},{"type":16,"tag":108,"props":28796,"children":28797},{"style":121},[28798],{"type":22,"value":212},{"type":16,"tag":108,"props":28800,"children":28801},{"style":115},[28802],{"type":22,"value":182},{"type":16,"tag":108,"props":28804,"children":28805},{"class":110,"line":3255},[28806],{"type":16,"tag":108,"props":28807,"children":28808},{"emptyLinePlaceholder":477},[28809],{"type":22,"value":480},{"type":16,"tag":108,"props":28811,"children":28812},{"class":110,"line":4676},[28813,28817,28821,28825,28829,28834,28838,28842,28846,28851,28855],{"type":16,"tag":108,"props":28814,"children":28815},{"style":115},[28816],{"type":22,"value":1737},{"type":16,"tag":108,"props":28818,"children":28819},{"style":121},[28820],{"type":22,"value":108},{"type":16,"tag":108,"props":28822,"children":28823},{"style":126},[28824],{"type":22,"value":28544},{"type":16,"tag":108,"props":28826,"children":28827},{"style":115},[28828],{"type":22,"value":134},{"type":16,"tag":108,"props":28830,"children":28831},{"style":137},[28832],{"type":22,"value":28833},"\"indicator\"",{"type":16,"tag":108,"props":28835,"children":28836},{"style":126},[28837],{"type":22,"value":498},{"type":16,"tag":108,"props":28839,"children":28840},{"style":115},[28841],{"type":22,"value":134},{"type":16,"tag":108,"props":28843,"children":28844},{"style":137},[28845],{"type":22,"value":8107},{"type":16,"tag":108,"props":28847,"children":28848},{"style":115},[28849],{"type":22,"value":28850},">Recording...\u003C/",{"type":16,"tag":108,"props":28852,"children":28853},{"style":121},[28854],{"type":22,"value":108},{"type":16,"tag":108,"props":28856,"children":28857},{"style":115},[28858],{"type":22,"value":182},{"type":16,"tag":108,"props":28860,"children":28861},{"class":110,"line":4685},[28862,28866,28870],{"type":16,"tag":108,"props":28863,"children":28864},{"style":115},[28865],{"type":22,"value":924},{"type":16,"tag":108,"props":28867,"children":28868},{"style":121},[28869],{"type":22,"value":929},{"type":16,"tag":108,"props":28871,"children":28872},{"style":115},[28873],{"type":22,"value":182},{"type":16,"tag":31,"props":28875,"children":28876},{},[28877,28879,28884,28886,28892,28894,28900,28902,28908],{"type":22,"value":28878},"The controller shows it only when the browser supports the ",{"type":16,"tag":68,"props":28880,"children":28882},{"className":28881},[],[28883],{"type":22,"value":28477},{"type":22,"value":28885},". When the API is not supported, the ",{"type":16,"tag":68,"props":28887,"children":28889},{"className":28888},[],[28890],{"type":22,"value":28891},"start",{"type":22,"value":28893}," button, ",{"type":16,"tag":68,"props":28895,"children":28897},{"className":28896},[],[28898],{"type":22,"value":28899},"stop",{"type":22,"value":28901}," button, and ",{"type":16,"tag":68,"props":28903,"children":28905},{"className":28904},[],[28906],{"type":22,"value":28907},"indicator",{"type":22,"value":28909}," stay hidden.",{"type":16,"tag":17,"props":28911,"children":28912},{"id":1224},[28913],{"type":22,"value":1227},{"type":16,"tag":1229,"props":28915,"children":28916},{},[28917,28939],{"type":16,"tag":1233,"props":28918,"children":28919},{},[28920],{"type":16,"tag":1237,"props":28921,"children":28922},{},[28923,28927,28931,28935],{"type":16,"tag":1241,"props":28924,"children":28925},{},[28926],{"type":22,"value":1245},{"type":16,"tag":1241,"props":28928,"children":28929},{},[28930],{"type":22,"value":1250},{"type":16,"tag":1241,"props":28932,"children":28933},{},[28934],{"type":22,"value":1255},{"type":16,"tag":1241,"props":28936,"children":28937},{},[28938],{"type":22,"value":1260},{"type":16,"tag":1262,"props":28940,"children":28941},{},[28942],{"type":16,"tag":1237,"props":28943,"children":28944},{},[28945,28954,28962,28967],{"type":16,"tag":1269,"props":28946,"children":28947},{},[28948],{"type":16,"tag":68,"props":28949,"children":28951},{"className":28950},[],[28952],{"type":22,"value":28953},"data-speech-recognition-hidden-class",{"type":16,"tag":1269,"props":28955,"children":28956},{},[28957],{"type":16,"tag":68,"props":28958,"children":28960},{"className":28959},[],[28961],{"type":22,"value":11341},{"type":16,"tag":1269,"props":28963,"children":28964},{},[28965],{"type":22,"value":28966},"CSS class toggled to show/hide start, stop, and indicator.",{"type":16,"tag":1269,"props":28968,"children":28969},{},[28970],{"type":22,"value":1384},{"type":16,"tag":31,"props":28972,"children":28973},{},[28974,28976,28982,28983,28989],{"type":22,"value":28975},"Recognition runs with ",{"type":16,"tag":68,"props":28977,"children":28979},{"className":28978},[],[28980],{"type":22,"value":28981},"continuous: true",{"type":22,"value":16058},{"type":16,"tag":68,"props":28984,"children":28986},{"className":28985},[],[28987],{"type":22,"value":28988},"interimResults: true",{"type":22,"value":46},{"type":16,"tag":31,"props":28991,"children":28992},{},[28993],{"type":22,"value":28994},"The full transcript (all results joined) is written to the input on each result.",{"type":16,"tag":17,"props":28996,"children":28997},{"id":428},[28998],{"type":22,"value":431},{"type":16,"tag":428,"props":29000,"children":29001},{},[29002],{"type":16,"tag":93,"props":29003,"children":29005},{"tab-name":29004},"app/javascript/controllers/speech_recognition_controller.js",[29006],{"type":16,"tag":98,"props":29007,"children":29009},{"className":441,"code":29008,"language":443,"meta":7,"style":7},"import SpeechRecognitionController from \"@stimulus-components/speech-recognition\"\n\nexport default class extends SpeechRecognitionController {\n  connect() {\n    super.connect()\n    console.log(\"Speech recognition controller connected.\")\n  }\n}\n",[29010],{"type":16,"tag":68,"props":29011,"children":29012},{"__ignoreMap":7},[29013,29034,29041,29068,29079,29098,29126,29133],{"type":16,"tag":108,"props":29014,"children":29015},{"class":110,"line":111},[29016,29020,29025,29029],{"type":16,"tag":108,"props":29017,"children":29018},{"style":453},[29019],{"type":22,"value":456},{"type":16,"tag":108,"props":29021,"children":29022},{"style":121},[29023],{"type":22,"value":29024}," SpeechRecognitionController",{"type":16,"tag":108,"props":29026,"children":29027},{"style":453},[29028],{"type":22,"value":466},{"type":16,"tag":108,"props":29030,"children":29031},{"style":137},[29032],{"type":22,"value":29033}," \"@stimulus-components/speech-recognition\"\n",{"type":16,"tag":108,"props":29035,"children":29036},{"class":110,"line":297},[29037],{"type":16,"tag":108,"props":29038,"children":29039},{"emptyLinePlaceholder":477},[29040],{"type":22,"value":480},{"type":16,"tag":108,"props":29042,"children":29043},{"class":110,"line":315},[29044,29048,29052,29056,29060,29064],{"type":16,"tag":108,"props":29045,"children":29046},{"style":453},[29047],{"type":22,"value":488},{"type":16,"tag":108,"props":29049,"children":29050},{"style":453},[29051],{"type":22,"value":493},{"type":16,"tag":108,"props":29053,"children":29054},{"style":453},[29055],{"type":22,"value":498},{"type":16,"tag":108,"props":29057,"children":29058},{"style":453},[29059],{"type":22,"value":503},{"type":16,"tag":108,"props":29061,"children":29062},{"style":506},[29063],{"type":22,"value":29024},{"type":16,"tag":108,"props":29065,"children":29066},{"style":115},[29067],{"type":22,"value":513},{"type":16,"tag":108,"props":29069,"children":29070},{"class":110,"line":333},[29071,29075],{"type":16,"tag":108,"props":29072,"children":29073},{"style":519},[29074],{"type":22,"value":1525},{"type":16,"tag":108,"props":29076,"children":29077},{"style":115},[29078],{"type":22,"value":1530},{"type":16,"tag":108,"props":29080,"children":29081},{"class":110,"line":351},[29082,29086,29090,29094],{"type":16,"tag":108,"props":29083,"children":29084},{"style":544},[29085],{"type":22,"value":547},{"type":16,"tag":108,"props":29087,"children":29088},{"style":115},[29089],{"type":22,"value":46},{"type":16,"tag":108,"props":29091,"children":29092},{"style":519},[29093],{"type":22,"value":1546},{"type":16,"tag":108,"props":29095,"children":29096},{"style":115},[29097],{"type":22,"value":1551},{"type":16,"tag":108,"props":29099,"children":29100},{"class":110,"line":369},[29101,29105,29109,29113,29117,29122],{"type":16,"tag":108,"props":29102,"children":29103},{"style":506},[29104],{"type":22,"value":577},{"type":16,"tag":108,"props":29106,"children":29107},{"style":115},[29108],{"type":22,"value":46},{"type":16,"tag":108,"props":29110,"children":29111},{"style":519},[29112],{"type":22,"value":586},{"type":16,"tag":108,"props":29114,"children":29115},{"style":115},[29116],{"type":22,"value":527},{"type":16,"tag":108,"props":29118,"children":29119},{"style":137},[29120],{"type":22,"value":29121},"\"Speech recognition controller connected.\"",{"type":16,"tag":108,"props":29123,"children":29124},{"style":115},[29125],{"type":22,"value":569},{"type":16,"tag":108,"props":29127,"children":29128},{"class":110,"line":602},[29129],{"type":16,"tag":108,"props":29130,"children":29131},{"style":115},[29132],{"type":22,"value":608},{"type":16,"tag":108,"props":29134,"children":29135},{"class":110,"line":611},[29136],{"type":16,"tag":108,"props":29137,"children":29138},{"style":115},[29139],{"type":22,"value":683},{"type":16,"tag":685,"props":29141,"children":29142},{},[29143],{"type":22,"value":689},{"title":7,"searchDepth":297,"depth":297,"links":29145},[29146,29147,29148,29149,29150],{"id":19,"depth":297,"text":23},{"id":49,"depth":297,"text":52},{"id":58,"depth":297,"text":61},{"id":1224,"depth":297,"text":1227},{"id":428,"depth":297,"text":431},"content:docs:stimulus-speech-recognition.md","docs/stimulus-speech-recognition.md","docs/stimulus-speech-recognition",{"_path":29155,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":29156,"description":29157,"package":29158,"packagePath":29159,"body":29160,"_type":696,"_id":29524,"_source":698,"_file":29525,"_stem":29526,"_extension":701},"/docs/stimulus-textarea-autogrow","Textarea Autogrow","A Stimulus controller for autogrowing textarea.","textarea-autogrow","stimulus-textarea-autogrow",{"type":13,"children":29161,"toc":29518},[29162,29166,29169,29173,29304,29308,29313,29370,29374,29514],{"type":16,"tag":17,"props":29163,"children":29164},{"id":19},[29165],{"type":22,"value":23},{"type":16,"tag":25,"props":29167,"children":29168},{":package":27,":package-path":28},[],{"type":16,"tag":17,"props":29170,"children":29171},{"id":58},[29172],{"type":22,"value":61},{"type":16,"tag":93,"props":29174,"children":29175},{"tab-name":95},[29176],{"type":16,"tag":98,"props":29177,"children":29179},{"className":100,"code":29178,"language":102,"meta":7,"style":7},"\u003Ctextarea data-controller=\"textarea-autogrow\">\nVery long text here.\n\u003C/textarea>\n\n\u003Ctextarea data-controller=\"textarea-autogrow\" data-textarea-autogrow-resize-debounce-delay-value=\"500\">\nVery long text here.\n\u003C/textarea>\n",[29180],{"type":16,"tag":68,"props":29181,"children":29182},{"__ignoreMap":7},[29183,29211,29219,29234,29241,29282,29289],{"type":16,"tag":108,"props":29184,"children":29185},{"class":110,"line":111},[29186,29190,29194,29198,29202,29207],{"type":16,"tag":108,"props":29187,"children":29188},{"style":115},[29189],{"type":22,"value":118},{"type":16,"tag":108,"props":29191,"children":29192},{"style":121},[29193],{"type":22,"value":81},{"type":16,"tag":108,"props":29195,"children":29196},{"style":126},[29197],{"type":22,"value":145},{"type":16,"tag":108,"props":29199,"children":29200},{"style":115},[29201],{"type":22,"value":134},{"type":16,"tag":108,"props":29203,"children":29204},{"style":137},[29205],{"type":22,"value":29206},"\"textarea-autogrow\"",{"type":16,"tag":108,"props":29208,"children":29209},{"style":115},[29210],{"type":22,"value":182},{"type":16,"tag":108,"props":29212,"children":29213},{"class":110,"line":297},[29214],{"type":16,"tag":108,"props":29215,"children":29216},{"style":115},[29217],{"type":22,"value":29218},"Very long text here.\n",{"type":16,"tag":108,"props":29220,"children":29221},{"class":110,"line":315},[29222,29226,29230],{"type":16,"tag":108,"props":29223,"children":29224},{"style":115},[29225],{"type":22,"value":924},{"type":16,"tag":108,"props":29227,"children":29228},{"style":121},[29229],{"type":22,"value":81},{"type":16,"tag":108,"props":29231,"children":29232},{"style":115},[29233],{"type":22,"value":182},{"type":16,"tag":108,"props":29235,"children":29236},{"class":110,"line":333},[29237],{"type":16,"tag":108,"props":29238,"children":29239},{"emptyLinePlaceholder":477},[29240],{"type":22,"value":480},{"type":16,"tag":108,"props":29242,"children":29243},{"class":110,"line":351},[29244,29248,29252,29256,29260,29264,29269,29273,29278],{"type":16,"tag":108,"props":29245,"children":29246},{"style":115},[29247],{"type":22,"value":118},{"type":16,"tag":108,"props":29249,"children":29250},{"style":121},[29251],{"type":22,"value":81},{"type":16,"tag":108,"props":29253,"children":29254},{"style":126},[29255],{"type":22,"value":145},{"type":16,"tag":108,"props":29257,"children":29258},{"style":115},[29259],{"type":22,"value":134},{"type":16,"tag":108,"props":29261,"children":29262},{"style":137},[29263],{"type":22,"value":29206},{"type":16,"tag":108,"props":29265,"children":29266},{"style":126},[29267],{"type":22,"value":29268}," data-textarea-autogrow-resize-debounce-delay-value",{"type":16,"tag":108,"props":29270,"children":29271},{"style":115},[29272],{"type":22,"value":134},{"type":16,"tag":108,"props":29274,"children":29275},{"style":137},[29276],{"type":22,"value":29277},"\"500\"",{"type":16,"tag":108,"props":29279,"children":29280},{"style":115},[29281],{"type":22,"value":182},{"type":16,"tag":108,"props":29283,"children":29284},{"class":110,"line":369},[29285],{"type":16,"tag":108,"props":29286,"children":29287},{"style":115},[29288],{"type":22,"value":29218},{"type":16,"tag":108,"props":29290,"children":29291},{"class":110,"line":602},[29292,29296,29300],{"type":16,"tag":108,"props":29293,"children":29294},{"style":115},[29295],{"type":22,"value":924},{"type":16,"tag":108,"props":29297,"children":29298},{"style":121},[29299],{"type":22,"value":81},{"type":16,"tag":108,"props":29301,"children":29302},{"style":115},[29303],{"type":22,"value":182},{"type":16,"tag":17,"props":29305,"children":29306},{"id":1224},[29307],{"type":22,"value":1227},{"type":16,"tag":31,"props":29309,"children":29310},{},[29311],{"type":22,"value":29312},"The height is calculated on window resize to match the content height.",{"type":16,"tag":1229,"props":29314,"children":29315},{},[29316,29338],{"type":16,"tag":1233,"props":29317,"children":29318},{},[29319],{"type":16,"tag":1237,"props":29320,"children":29321},{},[29322,29326,29330,29334],{"type":16,"tag":1241,"props":29323,"children":29324},{},[29325],{"type":22,"value":1245},{"type":16,"tag":1241,"props":29327,"children":29328},{},[29329],{"type":22,"value":1250},{"type":16,"tag":1241,"props":29331,"children":29332},{},[29333],{"type":22,"value":1255},{"type":16,"tag":1241,"props":29335,"children":29336},{},[29337],{"type":22,"value":1260},{"type":16,"tag":1262,"props":29339,"children":29340},{},[29341],{"type":16,"tag":1237,"props":29342,"children":29343},{},[29344,29353,29361,29366],{"type":16,"tag":1269,"props":29345,"children":29346},{},[29347],{"type":16,"tag":68,"props":29348,"children":29350},{"className":29349},[],[29351],{"type":22,"value":29352},"data-textarea-autogrow-resize-debounce-delay-value",{"type":16,"tag":1269,"props":29354,"children":29355},{},[29356],{"type":16,"tag":68,"props":29357,"children":29359},{"className":29358},[],[29360],{"type":22,"value":26113},{"type":16,"tag":1269,"props":29362,"children":29363},{},[29364],{"type":22,"value":29365},"Delay before autogrow on resize in milliseconds (0 to disable).",{"type":16,"tag":1269,"props":29367,"children":29368},{},[29369],{"type":22,"value":1384},{"type":16,"tag":17,"props":29371,"children":29372},{"id":428},[29373],{"type":22,"value":431},{"type":16,"tag":428,"props":29375,"children":29376},{},[29377],{"type":16,"tag":93,"props":29378,"children":29380},{"tab-name":29379},"app/javascript/controllers/textarea_autogrow_controller.js",[29381],{"type":16,"tag":98,"props":29382,"children":29384},{"className":441,"code":29383,"language":443,"meta":7,"style":7},"import TextareaAutogrow from \"stimulus-textarea-autogrow\"\n\nexport default class extends TextareaAutogrow {\n  connect() {\n    super.connect()\n    console.log(\"Do what you want here.\")\n  }\n}\n",[29385],{"type":16,"tag":68,"props":29386,"children":29387},{"__ignoreMap":7},[29388,29409,29416,29443,29454,29473,29500,29507],{"type":16,"tag":108,"props":29389,"children":29390},{"class":110,"line":111},[29391,29395,29400,29404],{"type":16,"tag":108,"props":29392,"children":29393},{"style":453},[29394],{"type":22,"value":456},{"type":16,"tag":108,"props":29396,"children":29397},{"style":121},[29398],{"type":22,"value":29399}," TextareaAutogrow",{"type":16,"tag":108,"props":29401,"children":29402},{"style":453},[29403],{"type":22,"value":466},{"type":16,"tag":108,"props":29405,"children":29406},{"style":137},[29407],{"type":22,"value":29408}," \"stimulus-textarea-autogrow\"\n",{"type":16,"tag":108,"props":29410,"children":29411},{"class":110,"line":297},[29412],{"type":16,"tag":108,"props":29413,"children":29414},{"emptyLinePlaceholder":477},[29415],{"type":22,"value":480},{"type":16,"tag":108,"props":29417,"children":29418},{"class":110,"line":315},[29419,29423,29427,29431,29435,29439],{"type":16,"tag":108,"props":29420,"children":29421},{"style":453},[29422],{"type":22,"value":488},{"type":16,"tag":108,"props":29424,"children":29425},{"style":453},[29426],{"type":22,"value":493},{"type":16,"tag":108,"props":29428,"children":29429},{"style":453},[29430],{"type":22,"value":498},{"type":16,"tag":108,"props":29432,"children":29433},{"style":453},[29434],{"type":22,"value":503},{"type":16,"tag":108,"props":29436,"children":29437},{"style":506},[29438],{"type":22,"value":29399},{"type":16,"tag":108,"props":29440,"children":29441},{"style":115},[29442],{"type":22,"value":513},{"type":16,"tag":108,"props":29444,"children":29445},{"class":110,"line":333},[29446,29450],{"type":16,"tag":108,"props":29447,"children":29448},{"style":519},[29449],{"type":22,"value":1525},{"type":16,"tag":108,"props":29451,"children":29452},{"style":115},[29453],{"type":22,"value":1530},{"type":16,"tag":108,"props":29455,"children":29456},{"class":110,"line":351},[29457,29461,29465,29469],{"type":16,"tag":108,"props":29458,"children":29459},{"style":544},[29460],{"type":22,"value":547},{"type":16,"tag":108,"props":29462,"children":29463},{"style":115},[29464],{"type":22,"value":46},{"type":16,"tag":108,"props":29466,"children":29467},{"style":519},[29468],{"type":22,"value":1546},{"type":16,"tag":108,"props":29470,"children":29471},{"style":115},[29472],{"type":22,"value":1551},{"type":16,"tag":108,"props":29474,"children":29475},{"class":110,"line":369},[29476,29480,29484,29488,29492,29496],{"type":16,"tag":108,"props":29477,"children":29478},{"style":506},[29479],{"type":22,"value":577},{"type":16,"tag":108,"props":29481,"children":29482},{"style":115},[29483],{"type":22,"value":46},{"type":16,"tag":108,"props":29485,"children":29486},{"style":519},[29487],{"type":22,"value":586},{"type":16,"tag":108,"props":29489,"children":29490},{"style":115},[29491],{"type":22,"value":527},{"type":16,"tag":108,"props":29493,"children":29494},{"style":137},[29495],{"type":22,"value":595},{"type":16,"tag":108,"props":29497,"children":29498},{"style":115},[29499],{"type":22,"value":569},{"type":16,"tag":108,"props":29501,"children":29502},{"class":110,"line":602},[29503],{"type":16,"tag":108,"props":29504,"children":29505},{"style":115},[29506],{"type":22,"value":608},{"type":16,"tag":108,"props":29508,"children":29509},{"class":110,"line":611},[29510],{"type":16,"tag":108,"props":29511,"children":29512},{"style":115},[29513],{"type":22,"value":683},{"type":16,"tag":685,"props":29515,"children":29516},{},[29517],{"type":22,"value":689},{"title":7,"searchDepth":297,"depth":297,"links":29519},[29520,29521,29522,29523],{"id":19,"depth":297,"text":23},{"id":58,"depth":297,"text":61},{"id":1224,"depth":297,"text":1227},{"id":428,"depth":297,"text":431},"content:docs:stimulus-textarea-autogrow.md","docs/stimulus-textarea-autogrow.md","docs/stimulus-textarea-autogrow",{"_path":29528,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":29529,"description":29530,"package":29531,"packagePath":29532,"body":29533,"_type":696,"_id":30412,"_source":698,"_file":30413,"_stem":30414,"_extension":701},"/docs/stimulus-timeago","Timeago","A Stimulus controller that returns the distance between the given date and now in words.","timeago","@stimulus-components/timeago",{"type":13,"children":29534,"toc":30404},[29535,29539,29542,29558,29562,29565,29569,29668,29672,29823,29848,29867,29873,29878,30102,30107,30168,30172,30400],{"type":16,"tag":17,"props":29536,"children":29537},{"id":19},[29538],{"type":22,"value":23},{"type":16,"tag":25,"props":29540,"children":29541},{":package":27,":package-path":28},[],{"type":16,"tag":2390,"props":29543,"children":29544},{},[29545],{"type":16,"tag":31,"props":29546,"children":29547},{},[29548,29549,29557],{"type":22,"value":2397},{"type":16,"tag":37,"props":29550,"children":29554},{"href":29551,"rel":29552,"className":29553,"target":2405},"https://date-fns.org/v2.2.1/docs/formatDistanceToNow",[41],[2401,2402],[29555],{"type":22,"value":29556},"date-fns/formatDistanceToNow",{"type":22,"value":46},{"type":16,"tag":17,"props":29559,"children":29560},{"id":49},[29561],{"type":22,"value":52},{"type":16,"tag":29531,"props":29563,"children":29564},{},[],{"type":16,"tag":17,"props":29566,"children":29567},{"id":58},[29568],{"type":22,"value":61},{"type":16,"tag":93,"props":29570,"children":29571},{"tab-name":95},[29572],{"type":16,"tag":98,"props":29573,"children":29575},{"className":100,"code":29574,"language":102,"meta":7,"style":7},"\u003Cp>\n  Stimulus 1.0.0 was released\n  \u003Ctime data-controller=\"timeago\" data-timeago-datetime-value=\"2018-01-30T09:00\">\u003C/time>.\n\u003C/p>\n",[29576],{"type":16,"tag":68,"props":29577,"children":29578},{"__ignoreMap":7},[29579,29594,29602,29653],{"type":16,"tag":108,"props":29580,"children":29581},{"class":110,"line":111},[29582,29586,29590],{"type":16,"tag":108,"props":29583,"children":29584},{"style":115},[29585],{"type":22,"value":118},{"type":16,"tag":108,"props":29587,"children":29588},{"style":121},[29589],{"type":22,"value":31},{"type":16,"tag":108,"props":29591,"children":29592},{"style":115},[29593],{"type":22,"value":182},{"type":16,"tag":108,"props":29595,"children":29596},{"class":110,"line":297},[29597],{"type":16,"tag":108,"props":29598,"children":29599},{"style":115},[29600],{"type":22,"value":29601},"  Stimulus 1.0.0 was released\n",{"type":16,"tag":108,"props":29603,"children":29604},{"class":110,"line":315},[29605,29609,29614,29618,29622,29627,29632,29636,29641,29645,29649],{"type":16,"tag":108,"props":29606,"children":29607},{"style":115},[29608],{"type":22,"value":1737},{"type":16,"tag":108,"props":29610,"children":29611},{"style":121},[29612],{"type":22,"value":29613},"time",{"type":16,"tag":108,"props":29615,"children":29616},{"style":126},[29617],{"type":22,"value":145},{"type":16,"tag":108,"props":29619,"children":29620},{"style":115},[29621],{"type":22,"value":134},{"type":16,"tag":108,"props":29623,"children":29624},{"style":137},[29625],{"type":22,"value":29626},"\"timeago\"",{"type":16,"tag":108,"props":29628,"children":29629},{"style":126},[29630],{"type":22,"value":29631}," data-timeago-datetime-value",{"type":16,"tag":108,"props":29633,"children":29634},{"style":115},[29635],{"type":22,"value":134},{"type":16,"tag":108,"props":29637,"children":29638},{"style":137},[29639],{"type":22,"value":29640},"\"2018-01-30T09:00\"",{"type":16,"tag":108,"props":29642,"children":29643},{"style":115},[29644],{"type":22,"value":3369},{"type":16,"tag":108,"props":29646,"children":29647},{"style":121},[29648],{"type":22,"value":29613},{"type":16,"tag":108,"props":29650,"children":29651},{"style":115},[29652],{"type":22,"value":19632},{"type":16,"tag":108,"props":29654,"children":29655},{"class":110,"line":333},[29656,29660,29664],{"type":16,"tag":108,"props":29657,"children":29658},{"style":115},[29659],{"type":22,"value":924},{"type":16,"tag":108,"props":29661,"children":29662},{"style":121},[29663],{"type":22,"value":31},{"type":16,"tag":108,"props":29665,"children":29666},{"style":115},[29667],{"type":22,"value":182},{"type":16,"tag":17,"props":29669,"children":29670},{"id":1224},[29671],{"type":22,"value":1227},{"type":16,"tag":1229,"props":29673,"children":29674},{},[29675,29697],{"type":16,"tag":1233,"props":29676,"children":29677},{},[29678],{"type":16,"tag":1237,"props":29679,"children":29680},{},[29681,29685,29689,29693],{"type":16,"tag":1241,"props":29682,"children":29683},{},[29684],{"type":22,"value":1245},{"type":16,"tag":1241,"props":29686,"children":29687},{},[29688],{"type":22,"value":1250},{"type":16,"tag":1241,"props":29690,"children":29691},{},[29692],{"type":22,"value":1255},{"type":16,"tag":1241,"props":29694,"children":29695},{},[29696],{"type":22,"value":1260},{"type":16,"tag":1262,"props":29698,"children":29699},{},[29700,29736,29765,29794],{"type":16,"tag":1237,"props":29701,"children":29702},{},[29703,29712,29720,29732],{"type":16,"tag":1269,"props":29704,"children":29705},{},[29706],{"type":16,"tag":68,"props":29707,"children":29709},{"className":29708},[],[29710],{"type":22,"value":29711},"data-timeago-datetime-value",{"type":16,"tag":1269,"props":29713,"children":29714},{},[29715],{"type":16,"tag":68,"props":29716,"children":29718},{"className":29717},[],[29719],{"type":22,"value":1286},{"type":16,"tag":1269,"props":29721,"children":29722},{},[29723,29725,29731],{"type":22,"value":29724},"String that can be parsed by ",{"type":16,"tag":68,"props":29726,"children":29728},{"className":29727},[],[29729],{"type":22,"value":29730},"Date.parse()",{"type":22,"value":46},{"type":16,"tag":1269,"props":29733,"children":29734},{},[29735],{"type":22,"value":1296},{"type":16,"tag":1237,"props":29737,"children":29738},{},[29739,29748,29756,29761],{"type":16,"tag":1269,"props":29740,"children":29741},{},[29742],{"type":16,"tag":68,"props":29743,"children":29745},{"className":29744},[],[29746],{"type":22,"value":29747},"data-timeago-refresh-interval-value",{"type":16,"tag":1269,"props":29749,"children":29750},{},[29751],{"type":16,"tag":68,"props":29752,"children":29754},{"className":29753},[],[29755],{"type":22,"value":1286},{"type":16,"tag":1269,"props":29757,"children":29758},{},[29759],{"type":22,"value":29760},"Interval in milliseconds to reload the distance.",{"type":16,"tag":1269,"props":29762,"children":29763},{},[29764],{"type":22,"value":1384},{"type":16,"tag":1237,"props":29766,"children":29767},{},[29768,29777,29785,29790],{"type":16,"tag":1269,"props":29769,"children":29770},{},[29771],{"type":16,"tag":68,"props":29772,"children":29774},{"className":29773},[],[29775],{"type":22,"value":29776},"data-timeago-include-seconds-value",{"type":16,"tag":1269,"props":29778,"children":29779},{},[29780],{"type":16,"tag":68,"props":29781,"children":29783},{"className":29782},[],[29784],{"type":22,"value":5416},{"type":16,"tag":1269,"props":29786,"children":29787},{},[29788],{"type":22,"value":29789},"Distances less than a minute are more detailed",{"type":16,"tag":1269,"props":29791,"children":29792},{},[29793],{"type":22,"value":1384},{"type":16,"tag":1237,"props":29795,"children":29796},{},[29797,29806,29814,29819],{"type":16,"tag":1269,"props":29798,"children":29799},{},[29800],{"type":16,"tag":68,"props":29801,"children":29803},{"className":29802},[],[29804],{"type":22,"value":29805},"data-timeago-add-suffix-value",{"type":16,"tag":1269,"props":29807,"children":29808},{},[29809],{"type":16,"tag":68,"props":29810,"children":29812},{"className":29811},[],[29813],{"type":22,"value":5416},{"type":16,"tag":1269,"props":29815,"children":29816},{},[29817],{"type":22,"value":29818},"Result specifies if now is earlier or later than the passed date",{"type":16,"tag":1269,"props":29820,"children":29821},{},[29822],{"type":22,"value":1384},{"type":16,"tag":31,"props":29824,"children":29825},{},[29826,29832,29833,29839,29841,29846],{"type":16,"tag":68,"props":29827,"children":29829},{"className":29828},[],[29830],{"type":22,"value":29831},"includeSeconds",{"type":22,"value":16058},{"type":16,"tag":68,"props":29834,"children":29836},{"className":29835},[],[29837],{"type":22,"value":29838},"addSuffix",{"type":22,"value":29840}," are the options of the ",{"type":16,"tag":37,"props":29842,"children":29844},{"href":29551,"rel":29843},[41],[29845],{"type":22,"value":29556},{"type":22,"value":29847}," method.",{"type":16,"tag":31,"props":29849,"children":29850},{},[29851,29853,29858,29860,29865],{"type":22,"value":29852},"If the datetime string passed via ",{"type":16,"tag":68,"props":29854,"children":29856},{"className":29855},[],[29857],{"type":22,"value":29711},{"type":22,"value":29859}," is not parseable by ",{"type":16,"tag":68,"props":29861,"children":29863},{"className":29862},[],[29864],{"type":22,"value":29730},{"type":22,"value":29866}," it will display the given value instead.",{"type":16,"tag":17,"props":29868,"children":29870},{"id":29869},"bonus",[29871],{"type":22,"value":29872},"Bonus",{"type":16,"tag":31,"props":29874,"children":29875},{},[29876],{"type":22,"value":29877},"If you're using Rails, you can define this helper:",{"type":16,"tag":93,"props":29879,"children":29881},{"tab-name":29880},"app/helpers/application_helper.rb",[29882],{"type":16,"tag":98,"props":29883,"children":29885},{"className":4258,"code":29884,"language":4260,"meta":7,"style":7},"def timeago(date, format: :long)\n  return if date.blank?\n\n  content = I18n.l(date, format: format)\n\n  tag.time(content,\n            title: content,\n            data: {\n              controller: 'timeago',\n              timeago_datetime_value: date.iso8601\n            })\nend\n",[29886],{"type":16,"tag":68,"props":29887,"children":29888},{"__ignoreMap":7},[29889,29938,29955,29962,30001,30008,30016,30033,30049,30070,30087,30095],{"type":16,"tag":108,"props":29890,"children":29891},{"class":110,"line":111},[29892,29897,29902,29906,29912,29916,29921,29925,29929,29934],{"type":16,"tag":108,"props":29893,"children":29894},{"style":453},[29895],{"type":22,"value":29896},"def",{"type":16,"tag":108,"props":29898,"children":29899},{"style":519},[29900],{"type":22,"value":29901}," timeago",{"type":16,"tag":108,"props":29903,"children":29904},{"style":115},[29905],{"type":22,"value":527},{"type":16,"tag":108,"props":29907,"children":29909},{"style":29908},"--shiki-default:#ABB2BF;--shiki-default-font-style:italic",[29910],{"type":22,"value":29911},"date",{"type":16,"tag":108,"props":29913,"children":29914},{"style":115},[29915],{"type":22,"value":397},{"type":16,"tag":108,"props":29917,"children":29918},{"style":1654},[29919],{"type":22,"value":29920},"format",{"type":16,"tag":108,"props":29922,"children":29923},{"style":126},[29924],{"type":22,"value":1662},{"type":16,"tag":108,"props":29926,"children":29927},{"style":126},[29928],{"type":22,"value":19940},{"type":16,"tag":108,"props":29930,"children":29931},{"style":1654},[29932],{"type":22,"value":29933},"long",{"type":16,"tag":108,"props":29935,"children":29936},{"style":115},[29937],{"type":22,"value":569},{"type":16,"tag":108,"props":29939,"children":29940},{"class":110,"line":297},[29941,29946,29950],{"type":16,"tag":108,"props":29942,"children":29943},{"style":453},[29944],{"type":22,"value":29945},"  return",{"type":16,"tag":108,"props":29947,"children":29948},{"style":453},[29949],{"type":22,"value":22466},{"type":16,"tag":108,"props":29951,"children":29952},{"style":115},[29953],{"type":22,"value":29954}," date.blank?\n",{"type":16,"tag":108,"props":29956,"children":29957},{"class":110,"line":315},[29958],{"type":16,"tag":108,"props":29959,"children":29960},{"emptyLinePlaceholder":477},[29961],{"type":22,"value":480},{"type":16,"tag":108,"props":29963,"children":29964},{"class":110,"line":333},[29965,29970,29974,29979,29984,29988,29992,29997],{"type":16,"tag":108,"props":29966,"children":29967},{"style":115},[29968],{"type":22,"value":29969},"  content ",{"type":16,"tag":108,"props":29971,"children":29972},{"style":1654},[29973],{"type":22,"value":134},{"type":16,"tag":108,"props":29975,"children":29976},{"style":506},[29977],{"type":22,"value":29978}," I18n",{"type":16,"tag":108,"props":29980,"children":29981},{"style":115},[29982],{"type":22,"value":29983},".l(date, ",{"type":16,"tag":108,"props":29985,"children":29986},{"style":1654},[29987],{"type":22,"value":29920},{"type":16,"tag":108,"props":29989,"children":29990},{"style":126},[29991],{"type":22,"value":1662},{"type":16,"tag":108,"props":29993,"children":29994},{"style":1654},[29995],{"type":22,"value":29996}," format",{"type":16,"tag":108,"props":29998,"children":29999},{"style":115},[30000],{"type":22,"value":569},{"type":16,"tag":108,"props":30002,"children":30003},{"class":110,"line":351},[30004],{"type":16,"tag":108,"props":30005,"children":30006},{"emptyLinePlaceholder":477},[30007],{"type":22,"value":480},{"type":16,"tag":108,"props":30009,"children":30010},{"class":110,"line":369},[30011],{"type":16,"tag":108,"props":30012,"children":30013},{"style":115},[30014],{"type":22,"value":30015},"  tag.time(content,\n",{"type":16,"tag":108,"props":30017,"children":30018},{"class":110,"line":602},[30019,30024,30028],{"type":16,"tag":108,"props":30020,"children":30021},{"style":1654},[30022],{"type":22,"value":30023},"            title",{"type":16,"tag":108,"props":30025,"children":30026},{"style":126},[30027],{"type":22,"value":1662},{"type":16,"tag":108,"props":30029,"children":30030},{"style":115},[30031],{"type":22,"value":30032}," content,\n",{"type":16,"tag":108,"props":30034,"children":30035},{"class":110,"line":611},[30036,30041,30045],{"type":16,"tag":108,"props":30037,"children":30038},{"style":1654},[30039],{"type":22,"value":30040},"            data",{"type":16,"tag":108,"props":30042,"children":30043},{"style":126},[30044],{"type":22,"value":1662},{"type":16,"tag":108,"props":30046,"children":30047},{"style":115},[30048],{"type":22,"value":513},{"type":16,"tag":108,"props":30050,"children":30051},{"class":110,"line":619},[30052,30057,30061,30066],{"type":16,"tag":108,"props":30053,"children":30054},{"style":1654},[30055],{"type":22,"value":30056},"              controller",{"type":16,"tag":108,"props":30058,"children":30059},{"style":126},[30060],{"type":22,"value":1662},{"type":16,"tag":108,"props":30062,"children":30063},{"style":137},[30064],{"type":22,"value":30065}," 'timeago'",{"type":16,"tag":108,"props":30067,"children":30068},{"style":115},[30069],{"type":22,"value":2241},{"type":16,"tag":108,"props":30071,"children":30072},{"class":110,"line":640},[30073,30078,30082],{"type":16,"tag":108,"props":30074,"children":30075},{"style":1654},[30076],{"type":22,"value":30077},"              timeago_datetime_value",{"type":16,"tag":108,"props":30079,"children":30080},{"style":126},[30081],{"type":22,"value":1662},{"type":16,"tag":108,"props":30083,"children":30084},{"style":115},[30085],{"type":22,"value":30086}," date.iso8601\n",{"type":16,"tag":108,"props":30088,"children":30089},{"class":110,"line":669},[30090],{"type":16,"tag":108,"props":30091,"children":30092},{"style":115},[30093],{"type":22,"value":30094},"            })\n",{"type":16,"tag":108,"props":30096,"children":30097},{"class":110,"line":677},[30098],{"type":16,"tag":108,"props":30099,"children":30100},{"style":453},[30101],{"type":22,"value":4691},{"type":16,"tag":31,"props":30103,"children":30104},{},[30105],{"type":22,"value":30106},"And use it in your html:",{"type":16,"tag":93,"props":30108,"children":30109},{"tab-name":5583},[30110],{"type":16,"tag":98,"props":30111,"children":30113},{"className":1632,"code":30112,"language":1634,"meta":7,"style":7},"\u003Cp>Created \u003C%= timeago(@project.created_at) %>\u003C/p>\n",[30114],{"type":16,"tag":68,"props":30115,"children":30116},{"__ignoreMap":7},[30117],{"type":16,"tag":108,"props":30118,"children":30119},{"class":110,"line":111},[30120,30124,30128,30133,30137,30142,30147,30152,30156,30160,30164],{"type":16,"tag":108,"props":30121,"children":30122},{"style":115},[30123],{"type":22,"value":118},{"type":16,"tag":108,"props":30125,"children":30126},{"style":121},[30127],{"type":22,"value":31},{"type":16,"tag":108,"props":30129,"children":30130},{"style":115},[30131],{"type":22,"value":30132},">Created ",{"type":16,"tag":108,"props":30134,"children":30135},{"style":453},[30136],{"type":22,"value":1646},{"type":16,"tag":108,"props":30138,"children":30139},{"style":115},[30140],{"type":22,"value":30141}," timeago(",{"type":16,"tag":108,"props":30143,"children":30144},{"style":121},[30145],{"type":22,"value":30146},"@project",{"type":16,"tag":108,"props":30148,"children":30149},{"style":115},[30150],{"type":22,"value":30151},".created_at) ",{"type":16,"tag":108,"props":30153,"children":30154},{"style":453},[30155],{"type":22,"value":4762},{"type":16,"tag":108,"props":30157,"children":30158},{"style":115},[30159],{"type":22,"value":924},{"type":16,"tag":108,"props":30161,"children":30162},{"style":121},[30163],{"type":22,"value":31},{"type":16,"tag":108,"props":30165,"children":30166},{"style":115},[30167],{"type":22,"value":182},{"type":16,"tag":17,"props":30169,"children":30170},{"id":428},[30171],{"type":22,"value":431},{"type":16,"tag":428,"props":30173,"children":30174},{},[30175],{"type":16,"tag":93,"props":30176,"children":30178},{"tab-name":30177},"app/javascript/controllers/timeago_controller.js",[30179],{"type":16,"tag":98,"props":30180,"children":30182},{"className":441,"code":30181,"language":443,"meta":7,"style":7},"import Timeago from \"stimulus-timeago\"\nimport { fr } from \"date-fns/locale\"\n\nexport default class extends Timeago {\n  connect() {\n    super.connect()\n    console.log(\"Do what you want here.\")\n  }\n\n  // You can override this getter to change the locale.\n  // Don't forget to import it.\n  get locale() {\n    return fr\n  }\n}\n",[30183],{"type":16,"tag":68,"props":30184,"children":30185},{"__ignoreMap":7},[30186,30207,30237,30244,30271,30282,30301,30328,30335,30342,30350,30358,30374,30386,30393],{"type":16,"tag":108,"props":30187,"children":30188},{"class":110,"line":111},[30189,30193,30198,30202],{"type":16,"tag":108,"props":30190,"children":30191},{"style":453},[30192],{"type":22,"value":456},{"type":16,"tag":108,"props":30194,"children":30195},{"style":121},[30196],{"type":22,"value":30197}," Timeago",{"type":16,"tag":108,"props":30199,"children":30200},{"style":453},[30201],{"type":22,"value":466},{"type":16,"tag":108,"props":30203,"children":30204},{"style":137},[30205],{"type":22,"value":30206}," \"stimulus-timeago\"\n",{"type":16,"tag":108,"props":30208,"children":30209},{"class":110,"line":297},[30210,30214,30218,30223,30227,30232],{"type":16,"tag":108,"props":30211,"children":30212},{"style":453},[30213],{"type":22,"value":456},{"type":16,"tag":108,"props":30215,"children":30216},{"style":115},[30217],{"type":22,"value":1685},{"type":16,"tag":108,"props":30219,"children":30220},{"style":121},[30221],{"type":22,"value":30222},"fr",{"type":16,"tag":108,"props":30224,"children":30225},{"style":115},[30226],{"type":22,"value":1704},{"type":16,"tag":108,"props":30228,"children":30229},{"style":453},[30230],{"type":22,"value":30231},"from",{"type":16,"tag":108,"props":30233,"children":30234},{"style":137},[30235],{"type":22,"value":30236}," \"date-fns/locale\"\n",{"type":16,"tag":108,"props":30238,"children":30239},{"class":110,"line":315},[30240],{"type":16,"tag":108,"props":30241,"children":30242},{"emptyLinePlaceholder":477},[30243],{"type":22,"value":480},{"type":16,"tag":108,"props":30245,"children":30246},{"class":110,"line":333},[30247,30251,30255,30259,30263,30267],{"type":16,"tag":108,"props":30248,"children":30249},{"style":453},[30250],{"type":22,"value":488},{"type":16,"tag":108,"props":30252,"children":30253},{"style":453},[30254],{"type":22,"value":493},{"type":16,"tag":108,"props":30256,"children":30257},{"style":453},[30258],{"type":22,"value":498},{"type":16,"tag":108,"props":30260,"children":30261},{"style":453},[30262],{"type":22,"value":503},{"type":16,"tag":108,"props":30264,"children":30265},{"style":506},[30266],{"type":22,"value":30197},{"type":16,"tag":108,"props":30268,"children":30269},{"style":115},[30270],{"type":22,"value":513},{"type":16,"tag":108,"props":30272,"children":30273},{"class":110,"line":351},[30274,30278],{"type":16,"tag":108,"props":30275,"children":30276},{"style":519},[30277],{"type":22,"value":1525},{"type":16,"tag":108,"props":30279,"children":30280},{"style":115},[30281],{"type":22,"value":1530},{"type":16,"tag":108,"props":30283,"children":30284},{"class":110,"line":369},[30285,30289,30293,30297],{"type":16,"tag":108,"props":30286,"children":30287},{"style":544},[30288],{"type":22,"value":547},{"type":16,"tag":108,"props":30290,"children":30291},{"style":115},[30292],{"type":22,"value":46},{"type":16,"tag":108,"props":30294,"children":30295},{"style":519},[30296],{"type":22,"value":1546},{"type":16,"tag":108,"props":30298,"children":30299},{"style":115},[30300],{"type":22,"value":1551},{"type":16,"tag":108,"props":30302,"children":30303},{"class":110,"line":602},[30304,30308,30312,30316,30320,30324],{"type":16,"tag":108,"props":30305,"children":30306},{"style":506},[30307],{"type":22,"value":577},{"type":16,"tag":108,"props":30309,"children":30310},{"style":115},[30311],{"type":22,"value":46},{"type":16,"tag":108,"props":30313,"children":30314},{"style":519},[30315],{"type":22,"value":586},{"type":16,"tag":108,"props":30317,"children":30318},{"style":115},[30319],{"type":22,"value":527},{"type":16,"tag":108,"props":30321,"children":30322},{"style":137},[30323],{"type":22,"value":595},{"type":16,"tag":108,"props":30325,"children":30326},{"style":115},[30327],{"type":22,"value":569},{"type":16,"tag":108,"props":30329,"children":30330},{"class":110,"line":611},[30331],{"type":16,"tag":108,"props":30332,"children":30333},{"style":115},[30334],{"type":22,"value":608},{"type":16,"tag":108,"props":30336,"children":30337},{"class":110,"line":619},[30338],{"type":16,"tag":108,"props":30339,"children":30340},{"emptyLinePlaceholder":477},[30341],{"type":22,"value":480},{"type":16,"tag":108,"props":30343,"children":30344},{"class":110,"line":640},[30345],{"type":16,"tag":108,"props":30346,"children":30347},{"style":1798},[30348],{"type":22,"value":30349},"  // You can override this getter to change the locale.\n",{"type":16,"tag":108,"props":30351,"children":30352},{"class":110,"line":669},[30353],{"type":16,"tag":108,"props":30354,"children":30355},{"style":1798},[30356],{"type":22,"value":30357},"  // Don't forget to import it.\n",{"type":16,"tag":108,"props":30359,"children":30360},{"class":110,"line":677},[30361,30365,30370],{"type":16,"tag":108,"props":30362,"children":30363},{"style":453},[30364],{"type":22,"value":3204},{"type":16,"tag":108,"props":30366,"children":30367},{"style":519},[30368],{"type":22,"value":30369}," locale",{"type":16,"tag":108,"props":30371,"children":30372},{"style":115},[30373],{"type":22,"value":1530},{"type":16,"tag":108,"props":30375,"children":30376},{"class":110,"line":2008},[30377,30381],{"type":16,"tag":108,"props":30378,"children":30379},{"style":453},[30380],{"type":22,"value":3222},{"type":16,"tag":108,"props":30382,"children":30383},{"style":121},[30384],{"type":22,"value":30385}," fr\n",{"type":16,"tag":108,"props":30387,"children":30388},{"class":110,"line":785},[30389],{"type":16,"tag":108,"props":30390,"children":30391},{"style":115},[30392],{"type":22,"value":608},{"type":16,"tag":108,"props":30394,"children":30395},{"class":110,"line":2033},[30396],{"type":16,"tag":108,"props":30397,"children":30398},{"style":115},[30399],{"type":22,"value":683},{"type":16,"tag":685,"props":30401,"children":30402},{},[30403],{"type":22,"value":689},{"title":7,"searchDepth":297,"depth":297,"links":30405},[30406,30407,30408,30409,30410,30411],{"id":19,"depth":297,"text":23},{"id":49,"depth":297,"text":52},{"id":58,"depth":297,"text":61},{"id":1224,"depth":297,"text":1227},{"id":29869,"depth":297,"text":29872},{"id":428,"depth":297,"text":431},"content:docs:stimulus-timeago.md","docs/stimulus-timeago.md","docs/stimulus-timeago",1774535119259]