| 1 |
(()=>{"use strict";var e={8799:()=>{},27723:e=>{e.exports=window.wp.i18n},36869:(e,t,a)=>{a.d(t,{A:()=>r});var n=a(51609),l=a(94715),o=a(61465);function r({attributes:e}){const{heading:t,headingTag:a,description:r,steps:i,showNumbers:s}=e,c=(i||[]).filter(e=>e.title||e.text||e.imageUrl);if(0===c.length)return null;const h=l.useBlockProps.save({className:"thinkrank-howto"}),m=a||"h2",p=(0,o.hO)(e),k=s?"ol":"ul";return(0,n.createElement)("div",{...h},t?(0,n.createElement)(l.RichText.Content,{tagName:m,className:"thinkrank-howto__heading",value:t}):null,r?(0,n.createElement)(l.RichText.Content,{tagName:"p",className:"thinkrank-howto__description",value:r}):null,p?(0,n.createElement)("p",{className:"thinkrank-howto__duration"},(0,n.createElement)("strong",null,"Total time:")," ",p):null,(0,n.createElement)(k,{className:"thinkrank-howto__steps"},c.map((t,a)=>(0,n.createElement)("li",{key:a,className:"thinkrank-howto__step",style:(0,o.g3)(e)},(0,n.createElement)(l.RichText.Content,{tagName:"div",className:"thinkrank-howto__step-title",style:(0,o.IH)(e),value:t.title}),t.imageUrl?(0,n.createElement)("img",{className:"thinkrank-howto__step-image",src:t.imageUrl,alt:t.imageAlt||""}):null,(0,n.createElement)(l.RichText.Content,{tagName:"div",className:"thinkrank-howto__step-text",style:(0,o.T3)(e),value:t.text})))))}},51609:e=>{e.exports=window.React},56427:e=>{e.exports=window.wp.components},61465:(e,t,a)=>{a.d(t,{IH:()=>o,T3:()=>r,f:()=>n,g3:()=>l,hO:()=>i});const n=[{label:"H2",value:"h2"},{label:"H3",value:"h3"},{label:"H4",value:"h4"},{label:"Paragraph",value:"p"}];function l(e){const{stepSpacing:t,stepBackground:a,stepBorderColor:n,stepBorderRadius:l}=e;return{marginBottom:`${null!=t?t:12}px`,background:a||void 0,border:n?`1px solid ${n}`:void 0,borderRadius:`${null!=l?l:6}px`}}function o(e){var t;return{color:e.stepTitleColor||void 0,fontSize:`${null!==(t=e.stepTitleFontSize)&&void 0!==t?t:17}px`}}function r(e){return{color:e.stepTextColor||void 0}}function i(e){const{totalDays:t,totalHours:a,totalMinutes:n}=e,l=[];return t>0&&l.push(1===t?"1 day":`${t} days`),a>0&&l.push(1===a?"1 hour":`${a} hours`),n>0&&l.push(1===n?"1 minute":`${n} minutes`),l.join(", ")}},74997:e=>{e.exports=window.wp.blocks},80824:(e,t,a)=>{a.d(t,{A:()=>s});var n=a(51609),l=a(27723),o=a(94715),r=a(56427),i=a(61465);function s({attributes:e,setAttributes:t}){const{heading:a,headingTag:s,description:c,steps:h,totalDays:m,totalHours:p,totalMinutes:k,showNumbers:u,outputSchema:d,stepTitleColor:g,stepTextColor:_,stepTitleFontSize:b,stepSpacing:w,stepBackground:v,stepBorderColor:C,stepBorderRadius:E}=e,y=(0,o.useBlockProps)({className:"thinkrank-howto"}),x=s||"h2",T=Array.isArray(h)?h:[],N=(0,i.hO)(e),f=(e,a)=>{t({steps:T.map((t,n)=>n===e?{...t,...a}:t)})},B=(e,a)=>{const n=e+a;if(n<0||n>=T.length)return;const l=[...T];[l[e],l[n]]=[l[n],l[e]],t({steps:l})};return(0,n.createElement)(n.Fragment,null,(0,n.createElement)(o.InspectorControls,null,(0,n.createElement)(r.TabPanel,{className:"thinkrank-howto-tabs",activeClass:"is-active",tabs:[{name:"general",title:(0,l.__)("General","thinkrank")},{name:"style",title:(0,l.__)("Style","thinkrank")}]},e=>"general"===e.name?(0,n.createElement)(n.Fragment,null,(0,n.createElement)(r.PanelBody,{title:(0,l.__)("Content","thinkrank"),initialOpen:!0},(0,n.createElement)(r.TextControl,{label:(0,l.__)("Section heading","thinkrank"),value:a,onChange:e=>t({heading:e}),placeholder:(0,l.__)("How to …","thinkrank")}),(0,n.createElement)(r.SelectControl,{label:(0,l.__)("Heading tag","thinkrank"),value:s,options:i.f,onChange:e=>t({headingTag:e})}),(0,n.createElement)(r.ToggleControl,{label:(0,l.__)("Numbered steps","thinkrank"),checked:!!u,onChange:e=>t({showNumbers:e})}),(0,n.createElement)(r.ToggleControl,{label:(0,l.__)("Output HowTo schema (JSON-LD)","thinkrank"),help:(0,l.__)("Adds HowTo structured data for rich results.","thinkrank"),checked:!!d,onChange:e=>t({outputSchema:e})})),(0,n.createElement)(r.PanelBody,{title:(0,l.__)("Total time","thinkrank"),initialOpen:!1},(0,n.createElement)(r.RangeControl,{label:(0,l.__)("Days","thinkrank"),value:m,onChange:e=>t({totalDays:e}),min:0,max:30}),(0,n.createElement)(r.RangeControl,{label:(0,l.__)("Hours","thinkrank"),value:p,onChange:e=>t({totalHours:e}),min:0,max:23}),(0,n.createElement)(r.RangeControl,{label:(0,l.__)("Minutes","thinkrank"),value:k,onChange:e=>t({totalMinutes:e}),min:0,max:59}))):(0,n.createElement)(n.Fragment,null,(0,n.createElement)(o.PanelColorSettings,{title:(0,l.__)("Colors","thinkrank"),initialOpen:!0,colorSettings:[{value:g,onChange:e=>t({stepTitleColor:e}),label:(0,l.__)("Step title","thinkrank")},{value:_,onChange:e=>t({stepTextColor:e}),label:(0,l.__)("Step text","thinkrank")},{value:v,onChange:e=>t({stepBackground:e}),label:(0,l.__)("Step background","thinkrank")},{value:C,onChange:e=>t({stepBorderColor:e}),label:(0,l.__)("Border","thinkrank")}]}),(0,n.createElement)(r.PanelBody,{title:(0,l.__)("Spacing & size","thinkrank"),initialOpen:!1},(0,n.createElement)(r.RangeControl,{label:(0,l.__)("Step title size (px)","thinkrank"),value:b,onChange:e=>t({stepTitleFontSize:e}),min:12,max:30}),(0,n.createElement)(r.RangeControl,{label:(0,l.__)("Space between steps (px)","thinkrank"),value:w,onChange:e=>t({stepSpacing:e}),min:0,max:40}),(0,n.createElement)(r.RangeControl,{label:(0,l.__)("Corner radius (px)","thinkrank"),value:E,onChange:e=>t({stepBorderRadius:e}),min:0,max:24}))))),(0,n.createElement)("div",{...y},(0,n.createElement)(o.RichText,{tagName:x,className:"thinkrank-howto__heading",value:a,onChange:e=>t({heading:e}),placeholder:(0,l.__)("How to …","thinkrank"),allowedFormats:[]}),(0,n.createElement)(o.RichText,{tagName:"p",className:"thinkrank-howto__description",value:c,onChange:e=>t({description:e}),placeholder:(0,l.__)("Optional intro describing this guide…","thinkrank")}),N?(0,n.createElement)("p",{className:"thinkrank-howto__duration"},(0,n.createElement)("strong",null,(0,l.__)("Total time:","thinkrank"))," ",N):null,(0,n.createElement)("div",{className:"thinkrank-howto__steps"},T.map((a,s)=>(0,n.createElement)("div",{key:s,className:"thinkrank-howto__step thinkrank-howto__step--editing",style:(0,i.g3)(e)},u?(0,n.createElement)("span",{className:"thinkrank-howto__step-number"},s+1):null,(0,n.createElement)("div",{className:"thinkrank-howto__step-body"},(0,n.createElement)(o.RichText,{tagName:"div",className:"thinkrank-howto__step-title",style:(0,i.IH)(e),value:a.title,onChange:e=>f(s,{title:e}),placeholder:(0,l.__)("Step title…","thinkrank"),allowedFormats:["core/bold","core/italic"]}),a.imageUrl?(0,n.createElement)("img",{className:"thinkrank-howto__step-image",src:a.imageUrl,alt:a.imageAlt||""}):null,(0,n.createElement)(o.RichText,{tagName:"div",className:"thinkrank-howto__step-text",style:(0,i.T3)(e),value:a.text,onChange:e=>f(s,{text:e}),placeholder:(0,l.__)("Describe this step…","thinkrank")}),(0,n.createElement)("div",{className:"thinkrank-howto__step-actions"},(0,n.createElement)(o.MediaUploadCheck,null,(0,n.createElement)(o.MediaUpload,{onSelect:e=>f(s,{imageId:e.id,imageUrl:e.sizes?.large?.url||e.url,imageAlt:e.alt||""}),allowedTypes:["image"],value:a.imageId,render:({open:e})=>(0,n.createElement)(r.Button,{size:"small",icon:"format-image",label:a.imageUrl?(0,l.__)("Replace image","thinkrank"):(0,l.__)("Add image","thinkrank"),onClick:e})})),a.imageUrl?(0,n.createElement)(r.Button,{size:"small",icon:"no-alt",label:(0,l.__)("Remove image","thinkrank"),onClick:()=>f(s,{imageId:0,imageUrl:"",imageAlt:""})}):null,(0,n.createElement)(r.Button,{size:"small",icon:"arrow-up-alt2",label:(0,l.__)("Move up","thinkrank"),disabled:0===s,onClick:()=>B(s,-1)}),(0,n.createElement)(r.Button,{size:"small",icon:"arrow-down-alt2",label:(0,l.__)("Move down","thinkrank"),disabled:s===T.length-1,onClick:()=>B(s,1)}),(0,n.createElement)(r.Button,{size:"small",icon:"admin-page",label:(0,l.__)("Duplicate","thinkrank"),onClick:()=>(e=>{const a=[...T];a.splice(e+1,0,{...T[e]}),t({steps:a})})(s)}),(0,n.createElement)(r.Button,{size:"small",icon:"trash",isDestructive:!0,label:(0,l.__)("Remove","thinkrank"),disabled:T.length<=1,onClick:()=>(e=>t({steps:T.filter((t,a)=>a!==e)}))(s)})))))),(0,n.createElement)(r.Button,{variant:"secondary",icon:"plus",onClick:()=>t({steps:[...T,{title:"",text:"",imageId:0,imageUrl:"",imageAlt:""}]}),className:"thinkrank-howto__add"},(0,l.__)("Add step","thinkrank"))))}},94715:e=>{e.exports=window.wp.blockEditor}},t={};function a(n){var l=t[n];if(void 0!==l)return l.exports;var o=t[n]={exports:{}};return e[n](o,o.exports,a),o.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var n=a(74997),l=a(27723),o=a(80824),r=a(36869);a(8799),(0,n.registerBlockType)("thinkrank/howto",{apiVersion:3,title:(0,l.__)("HowTo (ThinkRank)","thinkrank"),description:(0,l.__)("Add step-by-step instructions with HowTo schema for rich results.","thinkrank"),category:"widgets",icon:"editor-ol",keywords:[(0,l.__)("how to","thinkrank"),(0,l.__)("steps","thinkrank"),(0,l.__)("instructions","thinkrank"),(0,l.__)("schema","thinkrank")],supports:{html:!1,anchor:!0},attributes:{heading:{type:"string",default:""},headingTag:{type:"string",default:"h2"},description:{type:"string",default:""},steps:{type:"array",default:[{title:"",text:"",imageId:0,imageUrl:"",imageAlt:""}]},totalDays:{type:"number",default:0},totalHours:{type:"number",default:0},totalMinutes:{type:"number",default:0},showNumbers:{type:"boolean",default:!0},outputSchema:{type:"boolean",default:!0},stepTitleColor:{type:"string"},stepTextColor:{type:"string"},stepTitleFontSize:{type:"number",default:17},stepSpacing:{type:"number",default:12},stepBackground:{type:"string"},stepBorderColor:{type:"string"},stepBorderRadius:{type:"number",default:6}},edit:o.A,save:r.A})})(); |
