{"lastUpdatedBy":"gCOAcdXPiTY2nQP0Ezk6FPBQ6EE3","data":{"offers":"We Ship Globally - Same & Next Day Shipping Available! Learn More","jsCode":"var __awaiter=function(e,t,n,r){return new(n||(n=Promise))((function(o,i){function a(e){try{l(r.next(e))}catch(e){i(e)}}function u(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,u)}l((r=r.apply(e,t||[])).next())}))},__generator=function(e,t){var n,r,o,i,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:u(0),throw:u(1),return:u(2)},\"function\"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function u(i){return function(u){return function(i){if(n)throw new TypeError(\"Generator is already executing.\");for(;a;)try{if(n=1,r&&(o=2&i[0]?r.return:i[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,i[1])).done)return o;switch(r=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,r=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(o=(o=a.trys).length>0&&o[o.length-1])&&(6===i[0]||2===i[0])){a=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]<o[3])){a.label=i[1];break}if(6===i[0]&&a.label<o[1]){a.label=o[1],o=i;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(i);break}o[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e],r=0}finally{n=o=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,u])}}};function main(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return Builder.isServer,Builder.isBrowser,[2]}))}))}state.myUrl=\"https://www.google.com\";var _virtual_index=main();_virtual_index","inputs":[],"tsCode":"/*\n  * Global objects available:\n  *\n  * state - builder state object - learn about state https://www.builder.io/c/docs/guides/state-and-actions\n  * context - builder context object - learn about state https://github.com/BuilderIO/builder/tree/main/packages/react#passing-data-and-functions-down\n  * fetch - Fetch API - https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API'\n  * Builder - Builder object - useful values include: Builder.isServer, Builder.isBrowser, Builder.isPreviewing, Builder.isEditing\n  *\n  * visit https://www.builder.io/c/docs/guides/custom-code\n  * for more information on writing custom code\n  */\n\n state.myUrl = 'https://www.google.com'\n \n async function main () {\n  if (Builder.isServer) {\n    // Place any code here you want to only run on the server. Any  \n    // data fetched on the server will be available to re-hydrate on the client\n    // if added to the state object\n  }\n\n  if (Builder.isBrowser) {\n    // Place code that you only want to run in the browser (client side only) here\n    // For example, anything that uses document/window access or DOM manipulation\n  }\n}\n\nexport default main();","cssCode":"","blocks":[{"@type":"@builder.io/sdk:Element","@version":2,"id":"builder-8bf8e1fa300042628eef0ab7eb6c5ad9","component":{"name":"Core:Section","options":{"maxWidth":1200}},"children":[{"@type":"@builder.io/sdk:Element","@version":2,"id":"builder-52de83035bfa4938aa2305d87256c632","component":{"name":"Text","options":{"text":"<p><strong>Adding links to Text blocks</strong></p>"}},"responsiveStyles":{"large":{"textAlign":"center"}}},{"@type":"@builder.io/sdk:Element","@version":2,"tagName":"a","id":"builder-54d47f96fabd462fb187f37831798fc6","properties":{"href":"https://www.google.com"},"linkUrl":"https://www.google.com","component":{"name":"Text","options":{"text":"<p>Link added at block level with \"Link URL\" field works ok. Click Me!</p>"}},"responsiveStyles":{"large":{"display":"flex","flexDirection":"column","position":"relative","flexShrink":"0","boxSizing":"border-box","marginTop":"20px","lineHeight":"normal","height":"auto","textAlign":"center","cursor":"pointer","pointerEvents":"auto","backgroundColor":"rgba(184, 233, 134, 1)"}}},{"@type":"@builder.io/sdk:Element","@version":2,"bindings":{"href":"var _virtual_index=state.myUrl;return _virtual_index"},"code":{"bindings":{"href":"state.myUrl"}},"id":"builder-d8c63921101247d9990863925298d2f0","component":{"name":"Text","options":{"text":"<p>Dynamically binding text to href does not work. Click Me!</p>"}},"responsiveStyles":{"large":{"display":"flex","flexDirection":"column","position":"relative","flexShrink":"0","boxSizing":"border-box","marginTop":"20px","lineHeight":"normal","height":"auto","textAlign":"center","pointerEvents":"auto","backgroundColor":"rgba(252, 183, 183, 1)"}}},{"@type":"@builder.io/sdk:Element","@version":2,"bindings":{"component.options.href":"var _virtual_index=state.myUrl;return _virtual_index"},"code":{"bindings":{"component.options.href":"state.myUrl"}},"id":"builder-68ae6c582c29471ea158176ea154d678","component":{"name":"Text","options":{"text":"<p>Dynamically binding text to `component.options.href` does not work. Click Me!</p>"}},"responsiveStyles":{"large":{"display":"flex","flexDirection":"column","position":"relative","flexShrink":"0","boxSizing":"border-box","marginTop":"20px","lineHeight":"normal","height":"auto","textAlign":"center","pointerEvents":"auto","backgroundColor":"rgba(252, 183, 183, 1)"}}}],"responsiveStyles":{"large":{"display":"flex","flexDirection":"column","position":"relative","flexShrink":"0","boxSizing":"border-box","marginTop":"0px","paddingLeft":"20px","paddingRight":"20px","paddingTop":"50px","paddingBottom":"50px","width":"100vw","marginLeft":"calc(50% - 50vw)"}}},{"@type":"@builder.io/sdk:Element","@version":2,"id":"builder-4e8fd6dfba36466a8489b8f4db0c4836","component":{"name":"Core:Section","options":{"maxWidth":1200}},"children":[{"@type":"@builder.io/sdk:Element","@version":2,"id":"builder-80ff5a3226d044cc8c2877d16b4a847d","component":{"name":"Text","options":{"text":"<p><strong>Test Qwik API output here:</strong></p><p><a href=\"https://cdn.builder.io/api/v1/qwik/page?userAttributes.urlPath=/qwik-href-bindings-bug&amp;apiKey=c455715576fb431197c98220f902367e&amp;output=HTML\" rel=\"noopener noreferrer\" target=\"_blank\" style=\"color: rgb(0, 102, 204);\">https://cdn.builder.io/api/v1/qwik/page?userAttributes.urlPath=/qwik-href-bindings-bug&amp;apiKey=c455715576fb431197c98220f902367e&amp;output=HTML</a></p><p>(links inside RTE work ok)</p>"}},"responsiveStyles":{"large":{"textAlign":"center"}}}],"responsiveStyles":{"large":{"display":"flex","flexDirection":"column","position":"relative","flexShrink":"0","boxSizing":"border-box","marginTop":"20px","paddingLeft":"20px","paddingRight":"20px","paddingTop":"50px","paddingBottom":"50px","width":"100vw","marginLeft":"calc(50% - 50vw)","backgroundColor":"rgba(239, 238, 238, 1)"}}},{"@type":"@builder.io/sdk:Element","@version":2,"id":"builder-027767b49e0e4e1da2d0d146ebfba95e","component":{"name":"Core:Section","options":{"maxWidth":1200}},"children":[{"@type":"@builder.io/sdk:Element","@version":2,"id":"builder-5f989d9ff9bc42048b61f948e3fd2568","component":{"name":"Text","options":{"text":"<p>dynamically binding url for Image blocks works ok</p>"}},"responsiveStyles":{"large":{"textAlign":"center"}}},{"@type":"@builder.io/sdk:Element","@version":2,"bindings":{"href":"var _virtual_index=state.myUrl;return _virtual_index"},"code":{"bindings":{"href":"state.myUrl"}},"id":"builder-a41171af39a84320aa573e9186856543","component":{"name":"Image","options":{"image":"https://cdn.builder.io/api/v1/image/assets%2Fc455715576fb431197c98220f902367e%2F4245910e5dfc4c52af452e892e3033fb?width=326","backgroundSize":"cover","backgroundPosition":"center","lazy":false,"fitContent":true,"aspectRatio":0.8191,"sizes":"(max-width: 638px) 52vw, (max-width: 998px) 33vw, 24vw","height":1300,"width":1119,"srcset":"https://cdn.builder.io/api/v1/image/assets%2Fc455715576fb431197c98220f902367e%2F4245910e5dfc4c52af452e892e3033fb?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2Fc455715576fb431197c98220f902367e%2F4245910e5dfc4c52af452e892e3033fb?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2Fc455715576fb431197c98220f902367e%2F4245910e5dfc4c52af452e892e3033fb?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2Fc455715576fb431197c98220f902367e%2F4245910e5dfc4c52af452e892e3033fb?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2Fc455715576fb431197c98220f902367e%2F4245910e5dfc4c52af452e892e3033fb?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2Fc455715576fb431197c98220f902367e%2F4245910e5dfc4c52af452e892e3033fb?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2Fc455715576fb431197c98220f902367e%2F4245910e5dfc4c52af452e892e3033fb?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2Fc455715576fb431197c98220f902367e%2F4245910e5dfc4c52af452e892e3033fb?width=326 326w"}},"responsiveStyles":{"large":{"display":"flex","flexDirection":"column","position":"relative","flexShrink":"0","boxSizing":"border-box","marginTop":"20px","width":"100%","minHeight":"20px","minWidth":"20px","overflow":"hidden","maxWidth":"326px","marginLeft":"auto","marginRight":"auto"}}}],"responsiveStyles":{"large":{"display":"flex","flexDirection":"column","position":"relative","flexShrink":"0","boxSizing":"border-box","marginTop":"20px","paddingLeft":"20px","paddingRight":"20px","paddingTop":"50px","paddingBottom":"50px","width":"100vw","marginLeft":"calc(50% - 50vw)","backgroundColor":"rgba(184, 233, 134, 1)"}}},{"id":"builder-pixel-xj8b9nteq0m","@type":"@builder.io/sdk:Element","tagName":"img","properties":{"src":"https://cdn.builder.io/api/v1/pixel?apiKey=c455715576fb431197c98220f902367e","aria-hidden":"true","alt":"","width":"0","height":"0"},"responsiveStyles":{"large":{"height":"0","width":"0","display":"block","opacity":"0","overflow":"hidden","pointerEvents":"none"}}}],"url":"/qwik-href-bindings-bug","state":{"deviceSize":"large","location":{"pathname":"/qwik-href-bindings-bug","path":["qwik-href-bindings-bug"],"query":{}},"myUrl":"https://www.google.com"}},"modelId":"76b9d9c5e3f34c3bb466b5119a162d6e","query":[{"@type":"@builder.io/core:Query","property":"urlPath","value":"/qwik-href-bindings-bug","operator":"is"}],"published":"published","screenshot":"https://cdn.builder.io/api/v1/image/assets%2Fc455715576fb431197c98220f902367e%2F57797c321690423aa092d0a4251cbc13","firstPublished":1658335082304,"testRatio":1,"lastUpdated":1658350264900,"createdDate":1658335073060,"createdBy":"gCOAcdXPiTY2nQP0Ezk6FPBQ6EE3","variations":{},"meta":{"lastPreviewUrl":"https://grouse-ideal-plum.builder.live/qwik-href-bindings-bug?apiKey=c455715576fb431197c98220f902367e&builder.space=c455715576fb431197c98220f902367e&builder.cachebust=true&builder.preview=page&builder.noCache=true&__builder_editing__=true&builder.overrides.page=60dd032fde8d47a3b483ff8d7518bf66&builder.overrides.60dd032fde8d47a3b483ff8d7518bf66=60dd032fde8d47a3b483ff8d7518bf66&builder.overrides.page:/qwik-href-bindings-bug=60dd032fde8d47a3b483ff8d7518bf66","kind":"page","hasLinks":true},"name":"Qwik text/href bindings bug","id":"60dd032fde8d47a3b483ff8d7518bf66","rev":"dj320d3ijjg","html":"<!--cq--><div q:container=\"paused\" q:version=\"0.100.0\" q:render=\"ssr-dev\" q:base=\"https://cdn.builder.io/api/v1/qwik-js/page/60dd032fde8d47a3b483ff8d7518bf66/c455715576fb431197c98220f902367e/eb024837aaec4925dad59e268f0611fe5a8cadec/fragment/\" class=\"qc📦\"><div builder-content-id=\"60dd032fde8d47a3b483ff8d7518bf66\"><!--qv q:id=0 q:key=Comp:--><style q:style=\"7ib4bw-1\" hidden>.cvdfnp5{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:0px;padding-left:20px;padding-right:20px;padding-top:50px;padding-bottom:50px;width:100vw;margin-left:calc(50% - 50vw)}.ctaitju{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px;padding-left:20px;padding-right:20px;padding-top:50px;padding-bottom:50px;width:100vw;margin-left:calc(50% - 50vw);background-color:rgba(239, 238, 238, 1)}.cmi45qn{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px;padding-left:20px;padding-right:20px;padding-top:50px;padding-bottom:50px;width:100vw;margin-left:calc(50% - 50vw);background-color:rgba(184, 233, 134, 1)}.cygyoma{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:0px;padding-left:20px;padding-right:20px;padding-top:50px;padding-bottom:50px;width:100%;margin-left:auto;align-self:stretch;flex-grow:1;max-width:1200px;align-items:stretch;margin-right:auto}.c4wdhjv{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px;padding-left:20px;padding-right:20px;padding-top:50px;padding-bottom:50px;width:100%;margin-left:auto;background-color:rgba(239, 238, 238, 1);align-self:stretch;flex-grow:1;max-width:1200px;align-items:stretch;margin-right:auto}.cw8z180{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px;padding-left:20px;padding-right:20px;padding-top:50px;padding-bottom:50px;width:100%;margin-left:auto;background-color:rgba(184, 233, 134, 1);align-self:stretch;flex-grow:1;max-width:1200px;align-items:stretch;margin-right:auto}.cdrk993{text-align:center}.cb4nhmz{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px;line-height:normal;height:auto;text-align:center;cursor:pointer;pointer-events:auto;background-color:rgba(184, 233, 134, 1)}.cb5w50k{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px;line-height:normal;height:auto;text-align:center;pointer-events:auto;background-color:rgba(252, 183, 183, 1)}.cqzesxt{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px;width:100%;min-height:20px;min-width:20px;overflow:hidden;max-width:326px;margin-left:auto;margin-right:auto}</style><div builder-id=\"builder-8bf8e1fa300042628eef0ab7eb6c5ad9\" maxWidth=\"1200\" class=\"cvdfnp5 builder-block\"><section builder-id=\"builder-8bf8e1fa300042628eef0ab7eb6c5ad9\" class=\"cygyoma\"><div builder-id=\"builder-52de83035bfa4938aa2305d87256c632\" class=\"cdrk993\"><div class=\"builder-text\" q:key=\"builder-52de83035bfa4938aa2305d87256c632\"><p><strong>Adding links to Text blocks</strong></p></div></div><a href=\"https://www.google.com\" builder-id=\"builder-54d47f96fabd462fb187f37831798fc6\" class=\"cb4nhmz\"><div class=\"builder-text\" q:key=\"builder-54d47f96fabd462fb187f37831798fc6\"><p>Link added at block level with \"Link URL\" field works ok. Click Me!</p></div></a><a builder-id=\"builder-d8c63921101247d9990863925298d2f0\" href=\"https://www.google.com\" class=\"cb5w50k\"><div class=\"builder-text\" q:key=\"builder-d8c63921101247d9990863925298d2f0\"><p>Dynamically binding text to href does not work. Click Me!</p></div></a><a builder-id=\"builder-68ae6c582c29471ea158176ea154d678\" href=\"https://www.google.com\" class=\"cb5w50k\"><div class=\"builder-text\" q:key=\"builder-68ae6c582c29471ea158176ea154d678\"><p>Dynamically binding text to `component.options.href` does not work. Click Me!</p></div></a></section></div><div builder-id=\"builder-4e8fd6dfba36466a8489b8f4db0c4836\" maxWidth=\"1200\" class=\"ctaitju builder-block\"><section builder-id=\"builder-4e8fd6dfba36466a8489b8f4db0c4836\" class=\"c4wdhjv\"><div builder-id=\"builder-80ff5a3226d044cc8c2877d16b4a847d\" class=\"cdrk993\"><div class=\"builder-text\" q:key=\"builder-80ff5a3226d044cc8c2877d16b4a847d\"><p><strong>Test Qwik API output here:</strong></p><p><a href=\"https://cdn.builder.io/api/v1/qwik/page?userAttributes.urlPath=/qwik-href-bindings-bug&amp;apiKey=c455715576fb431197c98220f902367e&amp;output=HTML\" rel=\"noopener noreferrer\" target=\"_blank\" style=\"color: rgb(0, 102, 204);\">https://cdn.builder.io/api/v1/qwik/page?userAttributes.urlPath=/qwik-href-bindings-bug&amp;apiKey=c455715576fb431197c98220f902367e&amp;output=HTML</a></p><p>(links inside RTE work ok)</p></div></div></section></div><div builder-id=\"builder-027767b49e0e4e1da2d0d146ebfba95e\" maxWidth=\"1200\" class=\"cmi45qn builder-block\"><section builder-id=\"builder-027767b49e0e4e1da2d0d146ebfba95e\" class=\"cw8z180\"><div builder-id=\"builder-5f989d9ff9bc42048b61f948e3fd2568\" class=\"cdrk993\"><div class=\"builder-text\" q:key=\"builder-5f989d9ff9bc42048b61f948e3fd2568\"><p>dynamically binding url for Image blocks works ok</p></div></div><a href=\"https://www.google.com\" class=\"cqzesxt\"><picture><source type=\"image/webp\" srcset=\"https://cdn.builder.io/api/v1/image/assets%2Fc455715576fb431197c98220f902367e%2F4245910e5dfc4c52af452e892e3033fb?width=100&amp;format=webp 100w,https://cdn.builder.io/api/v1/image/assets%2Fc455715576fb431197c98220f902367e%2F4245910e5dfc4c52af452e892e3033fb?width=200&amp;format=webp 200w,https://cdn.builder.io/api/v1/image/assets%2Fc455715576fb431197c98220f902367e%2F4245910e5dfc4c52af452e892e3033fb?width=400&amp;format=webp 400w,https://cdn.builder.io/api/v1/image/assets%2Fc455715576fb431197c98220f902367e%2F4245910e5dfc4c52af452e892e3033fb?width=800&amp;format=webp 800w,https://cdn.builder.io/api/v1/image/assets%2Fc455715576fb431197c98220f902367e%2F4245910e5dfc4c52af452e892e3033fb?width=1200&amp;format=webp 1200w,https://cdn.builder.io/api/v1/image/assets%2Fc455715576fb431197c98220f902367e%2F4245910e5dfc4c52af452e892e3033fb?width=1600&amp;format=webp 1600w,https://cdn.builder.io/api/v1/image/assets%2Fc455715576fb431197c98220f902367e%2F4245910e5dfc4c52af452e892e3033fb?width=2000&amp;format=webp 2000w,https://cdn.builder.io/api/v1/image/assets%2Fc455715576fb431197c98220f902367e%2F4245910e5dfc4c52af452e892e3033fb?width=326&amp;format=webp 326w,https://cdn.builder.io/api/v1/image/assets%2Fc455715576fb431197c98220f902367e%2F4245910e5dfc4c52af452e892e3033fb?width=326 326w\"><img src=\"https://cdn.builder.io/api/v1/image/assets%2Fc455715576fb431197c98220f902367e%2F4245910e5dfc4c52af452e892e3033fb?width=326\" style=\"object-fit:cover;object-position:center;position:absolute;height:100%;width:100%;top:0;left:0\" sizes=\"(max-width: 638px) 52vw, (max-width: 998px) 33vw, 24vw\" role=\"presentation\" loading=\"lazy\" srcset=\"https://cdn.builder.io/api/v1/image/assets%2Fc455715576fb431197c98220f902367e%2F4245910e5dfc4c52af452e892e3033fb?width=100&amp;format=webp 100w,https://cdn.builder.io/api/v1/image/assets%2Fc455715576fb431197c98220f902367e%2F4245910e5dfc4c52af452e892e3033fb?width=200&amp;format=webp 200w,https://cdn.builder.io/api/v1/image/assets%2Fc455715576fb431197c98220f902367e%2F4245910e5dfc4c52af452e892e3033fb?width=400&amp;format=webp 400w,https://cdn.builder.io/api/v1/image/assets%2Fc455715576fb431197c98220f902367e%2F4245910e5dfc4c52af452e892e3033fb?width=800&amp;format=webp 800w,https://cdn.builder.io/api/v1/image/assets%2Fc455715576fb431197c98220f902367e%2F4245910e5dfc4c52af452e892e3033fb?width=1200&amp;format=webp 1200w,https://cdn.builder.io/api/v1/image/assets%2Fc455715576fb431197c98220f902367e%2F4245910e5dfc4c52af452e892e3033fb?width=1600&amp;format=webp 1600w,https://cdn.builder.io/api/v1/image/assets%2Fc455715576fb431197c98220f902367e%2F4245910e5dfc4c52af452e892e3033fb?width=2000&amp;format=webp 2000w,https://cdn.builder.io/api/v1/image/assets%2Fc455715576fb431197c98220f902367e%2F4245910e5dfc4c52af452e892e3033fb?width=326&amp;format=webp 326w,https://cdn.builder.io/api/v1/image/assets%2Fc455715576fb431197c98220f902367e%2F4245910e5dfc4c52af452e892e3033fb?width=326 326w\"></picture><div style=\"width:100%;padding-top:81.91000000000001%;pointer-events:none;font-size:0\" class=\"builder-image-sizer\"></div></a></section></div><!--/qv--></div><script type=\"qwik/json\">{\"refs\":{},\"ctx\":{},\"objs\":[],\"subs\":[]}</script></div><!--/cq-->"}