1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[64532],{19230:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/prototype/home/demo-banner",function(){return n(49716)}])},49716:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return o}});var a=n(85893),r=n(67294),i=n(11300),s=n(51136),l=n(11163);function o(){var e=function(e){w(e.target.value)},t=(0,l.useRouter)().query,n=(0,r.useContext)(s.K),o=(t.modalclaim,t.modalclaimdaily,t.modalvideo,["green","orange","red","blue"]),u=(0,r.useState)(o[0]),c=u[0],d=u[1],m=(0,r.useState)("Lorem ipsum dolor"),h=m[0],f=m[1],p=(0,r.useState)("Consectetur adipiscing elit. Aliquam sed ante a ante <a href='#'>laoreet vulputate</a>."),x=p[0],b=p[1],g=(0,r.useState)(!0),j=g[0],v=g[1],y=(0,r.useState)(!0),N=y[0],C=y[1],D=(0,r.useState)(5e3),k=D[0],w=D[1];return(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(i.Z,{title:"Demo \u2014 banner",children:(0,a.jsxs)("div",{className:"surface rounded-lg p-4 max-w-md mx-auto space-y-4",children:[(0,a.jsx)("h1",{className:"my-8",children:"Banner builder"}),(0,a.jsxs)("div",{className:"form-group form-select",children:[(0,a.jsx)("label",{htmlFor:"colour",children:"Colour:"}),(0,a.jsx)("select",{id:"colour",onChange:function(e){return function(e){d(e.target.value)}(e)},children:o.map((function(e,t){return(0,a.jsx)("option",{value:e,children:e},t)}))})]}),(0,a.jsxs)("div",{className:"form-group",children:[(0,a.jsx)("label",{htmlFor:"title",children:"Title"}),(0,a.jsx)("input",{type:"text",name:"title",id:"title",onChange:function(e){return function(e){e.target.value.length>0?f(e.target.value):f(!1)}(e)},defaultValue:h})]}),(0,a.jsxs)("div",{className:"form-group",children:[(0,a.jsx)("label",{htmlFor:"description",children:"Description"}),(0,a.jsx)("input",{type:"text",name:"description",id:"description",onChange:function(e){return function(e){e.target.value.length>0?b(e.target.value):b(!1)}(e)},defaultValue:x})]}),(0,a.jsxs)("div",{className:"form-toggle",children:[(0,a.jsx)("input",{type:"checkbox",name:"dismissable",id:"dismissable",defaultChecked:j,onChange:function(e){return function(e){v(e.target.checked)}(e)}}),(0,a.jsxs)("label",{htmlFor:"dismissable",children:[(0,a.jsx)("i",{className:"form-icon"})," Dismissable"]})]}),(0,a.jsxs)("div",{className:"form-toggle",children:[(0,a.jsx)("input",{type:"checkbox",name:"autoDelete",id:"autoDelete",defaultChecked:N,onChange:function(e){return function(e){C(e.target.checked)}(e)}}),(0,a.jsxs)("label",{htmlFor:"autoDelete",children:[(0,a.jsx)("i",{className:"form-icon"})," Auto-delete"]})]}),N&&(0,a.jsxs)("div",{className:"flex gap-2 items-center",children:[(0,a.jsx)("input",{type:"range",className:"form-range",min:"0",max:"20000",step:"100",defaultValue:k,onChange:function(t){return e(t)}}),(0,a.jsx)("div",{className:"form-group w-28",children:(0,a.jsx)("input",{min:"1",max:"100",name:"autoDeleteDelay",type:"number",className:"is-nodefault",defaultValue:k,onChange:function(t){return e(t)}})}),(0,a.jsx)("span",{className:"whitespace-nowrap",children:"Auto-delete delay (in ms)"})]}),(0,a.jsxs)("div",{className:"flex items-center gap-4 justify-end border-t border-ui-700 pt-4",children:[(0,a.jsx)("button",{type:"button",className:"button button-primary",onClick:function(){n.openAlert({size:"medium",title:h,text:x,color:c,dismissable:j,autoDelete:N,autoDeleteDelay:k})},children:(0,a.jsx)("span",{children:"Open alert"})}),(0,a.jsx)("button",{type:"button",className:"button button-primary",onClick:function(){n.openToastr({size:"medium",title:h,text:x,color:c,dismissable:j,autoDelete:N,autoDeleteDelay:k})},children:(0,a.jsx)("span",{children:"Open toast"})})]})]})})})}},828:function(e,t,n){"use strict";n.d(t,{Z:function(){return i}});var a=n(13375);var r=n(91566);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||(0,a.Z)(e,t)||(0,r.Z)(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}}},function(e){e.O(0,[60296,41664,14990,69260,55661,42822,75555,46480,75709,37423,11300,49774,92888,40179],(function(){return t=19230,e(e.s=t);var t}));var t=e.O();_N_E=t}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.