{"__browser":{"device":"unknown_device","mobile":false,"name":"unknown browser","platform":"unknown_platform","version":"0"},"__constants":{},"__CPDATA":{"domain_iframe":"https://cdpn.io","environment":"production","host":"codepen.io","iframe_allow":"accelerometer; ambient-light-sensor; camera; display-capture; encrypted-media; geolocation; gyroscope; microphone; midi; payment; web-share; vr","iframe_sandbox":"allow-forms allow-modals allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation-by-user-activation allow-downloads allow-presentation"},"__graphql":{"data":{"data":{"sessionUser":{"id":"VoDkNZ","name":"Captain Anonymous","title":"Captain Anonymous","avatar":"https://assets.codepen.io/t-1/user-default-avatar.jpg?format=auto&version=0","currentContext":{"id":"VoDkNZ","title":"Captain Anonymous","name":"Captain Anonymous","avatar":"https://assets.codepen.io/t-1/user-default-avatar.jpg?format=auto&version=0","username":"anon","__typename":"User"},"currentTeamId":null,"username":"anon","admin":false,"anon":true,"pro":false,"verified":false,"teams":[],"__typename":"User"}}},"url":"https://codepen.io/graphql","api":"cprails","cpedata":{"action":"show","controller":"live_fullpage"}},"__user":{"anon":true,"base_url":"/anon/","current_team_id":0,"current_team_hashid":null,"hashid":"VoDkNZ","id":1,"itemType":"user","name":"Captain Anonymous","paid":false,"tier":0,"username":"anon","created_at":null,"email_verified":null,"collections_count":0,"collections_private_count":0,"followers_count":0,"followings_count":0,"pens_count":0,"pens_private_count":0,"projects_count":0,"projects_private_count":0},"__firebase":{"config":{"apiKey":"AIzaSyBgLAe7N_MdFpuVofMkcQLGwwhUu5tuxls","authDomain":"codepen-store-production.firebaseapp.com","databaseURL":"https://codepen-store-production.firebaseio.com","disabled":false,"projectId":"codepen-store-production"},"token":"eyJhbGciOiJSUzI1NiJ9.eyJhdWQiOiJodHRwczovL2lkZW50aXR5dG9vbGtpdC5nb29nbGVhcGlzLmNvbS9nb29nbGUuaWRlbnRpdHkuaWRlbnRpdHl0b29sa2l0LnYxLklkZW50aXR5VG9vbGtpdCIsImNsYWltcyI6eyJvd25lcklkIjoiVm9Ea05aIiwiYWRtaW4iOmZhbHNlfSwiZXhwIjoxNjc1NDYzNzY3LCJpYXQiOjE2NzU0NjAxNjcsImlzcyI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInN1YiI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInVpZCI6IlZvRGtOWiJ9.J63yUHGW86wC3cP2mIQtyi4FvpvhlyVXBS5Oucd01QsfqSEmb8R6OaEnr7VDczfri3JsOZ7hUQGIduGnvynQNKGRTejq_WbxO_R6u3mDNO1qiP5sqXtQh4a7eD2yj8wB6X3IiTFVu79NNaArng83d2dQbtuRGfN5NalChv4gbie9CiuyP1mc2DbRQzudBP4yoeMDFofDW-0eoxAsQH3Y4c9Ph5VGnJ1XxpM79rctFFyUkYJUFRboX5BA47qOLngpseTBldm4bWOOvRcrzPs2pZoP9z7h2RBkA_N7uaCKumJfERUtUrUzklDbyMWQSp_Wpf_OrcuK6TylZv5LNqUKRg"},"__pay_stripe_public_key":"pk_live_2GndomDfiklqpSNQn8FrGuwZSMIMzha7DkLJqlYe7IR0ihKAlKdiHg68JJc5eVPt68rzAjzAAVXcUwjySHRCsgjQQ00gtRBUFNH","__pay_braintree_env":"production","__item":"{\"id\":60426057,\"user_id\":1887094,\"html\":\"<html>\\n <body>\\n <!-- This div will host the builder -->\\n <div id=\\\"builder\\\"><\\/div>\\n <!-- This div will host the runner -->\\n <div id=\\\"runner\\\"><\\/div>\\n <\\/body>\\n<\\/html>\",\"css\":\"#builder {\\n position: absolute;\\n left: 0px;\\n width: 50%;\\n top: 0px;\\n bottom: 0px;\\n}\\n\\n#runner {\\n position: absolute;\\n right: 0px;\\n width: calc(50% - 1px);\\n top: 0px;\\n bottom: 0px;\\n border-left: 1px solid rgb(216,229,238);\\n}\\n\\nbody {\\n overflow: hidden;\\n}\\n\",\"js\":\"Tripetto.Namespaces.include(\\\"tripetto-block-evaluate\\\");\\n\\n\\/\\/ Create a new builder instance\\nTripetto.Builder.open({\\\"clusters\\\":[{'id':'ec7d180aecd099aea6dac9d6ec643e0d39363e3f62f3cfda71d88ca0fa2d2eb1','nodes':[{'id':'c4629120ebf52f99df9f2dca0f49d883a5e93ac006be45a4bb6a49e692547ece','name':'Evaluate condition example','nameVisible':true}],'branches':[{'id':'d4296b1d7180c65095406c260d33871e0d82646a10a856b342ee88d5cdeeac20','clusters':[{'id':'7d746cdd93a8f33dc7e080518c2fa91e00e59b5bc945ad5976980d608005d747','nodes':[{'id':'df5e63f1c6b10ebc7edb1c78cb2e97312948f3a69b9b1de250a3ed342956482b','name':'Branch if the evaluate conditions match.','nameVisible':true}]}],'conditions':[{'id':'7e4d43be0fbfb1d87dc6cfa8d4f6ad6287d46004813e539ebc26e56ff8399986','block':{'type':'tripetto-block-evaluate','version':'3.0.2'}}]}]}],\\\"builder\\\":{\\\"name\\\":\\\"tripetto\\\",\\\"version\\\":\\\"4.5.0\\\"}}, {\\n element: document.getElementById(\\\"builder\\\"),\\n onReady: (builder) => {\\n \\/\\/ Builder is ready, now create the runner for the live preview\\n TripettoAutoscroll.run({\\n element: document.getElementById(\\\"runner\\\"),\\n definition: builder.definition,\\n view: \\\"preview\\\",\\n onEdit: (type, id?) => {\\n switch (type) {\\n case \\\"prologue\\\":\\n builder.edit(\\\"prologue\\\");\\n break;\\n case \\\"epilogue\\\":\\n builder.edit(\\\"epilogue\\\", id);\\n break;\\n default:\\n if (id) {\\n builder.edit(\\\"node\\\", id);\\n }\\n break;\\n }\\n }\\n }).then((runner) => {\\n \\/\\/ When the definition is changed, update the preview\\n builder.hook(\\\"OnChange\\\", \\\"framed\\\", (event) => {\\n runner.definition = event.definition;\\n \\n console.log(JSON.stringify(event.definition));\\n });\\n\\n \\/\\/ When something is edited in the builder, let the preview know\\n builder.hook(\\\"OnEdit\\\", \\\"synchronous\\\", (event) => {\\n runner.doPreview(event.data);\\n });\\n });\\n\\n \\/\\/ Notify the builder when the viewport changes\\n window.addEventListener(\\\"resize\\\", () => builder.resize());\\n window.addEventListener(\\\"orientationchange\\\", () => builder.resize());\\n },\\n disableSaveButton: true,\\n disableCloseButton: true,\\n controls: \\\"left\\\"\\n});\\n\",\"html_pre_processor\":\"none\",\"css_pre_processor\":\"less\",\"js_pre_processor\":\"typescript\",\"html_classes\":\"\",\"css_starter\":\"neither\",\"js_library\":null,\"created_at\":\"2022-04-26T09:49:21.136Z\",\"updated_at\":\"2022-04-26T14:18:37.053Z\",\"title\":\"Tripetto SDK \\/ Blocks \\/ Stock \\/ Evaluate\",\"description\":\"\",\"slug_hash\":\"wvpLqXX\",\"head\":\"\",\"private\":true,\"slug_hash_private\":\"f1d46e995ad068ce7de024bbc84d6346\",\"has_animation\":false,\"team_id\":0,\"css_prefix\":\"neither\",\"template\":false,\"parent_id\":56696628,\"comments_count\":0,\"custom_screenshot_filename\":null,\"loves_count\":0,\"pick\":false,\"popularity_score\":0,\"views_count\":0,\"pick_visible_at\":\"2022-11-08T22:42:55.128Z\",\"pen_hash\":null,\"hashid\":\"wvpLqXX\"}"}