Changeset 3338645

snow-monkey-blocks/trunk/changelog.txt

-                      r3280484
+                      r3338645
 *** Changelog ***
+= 24.1.0 =
+* [Step] Added the ability to change tags to `ol` and `ul`.
+* [Step:Free] Added the ability to change the title tag from `h2` to `h4`.
+* [Step:Standard] Added the ability to change the title tag from `h2` to `h4`.
 = 24.0.4 =

snow-monkey-blocks/trunk/dist/blocks/step/block.json

-                      r3129460
+                      r3338645
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
   "version": "21.0.6",
+  "version": "24.1.0",
   "textdomain": "snow-monkey-blocks",
   "name": "snow-monkey-blocks/step",
 …
   "category": "smb",
   "attributes": {
+    "tagName": {
+      "type": "string",
+      "default": "div"
+    },
     "templateLock": {
       "type": [
 …
+      ]
+    }
+  },
+  "providesContext": {
+    "snow-monkey-blocks/tagName": "tagName"
   },
   "supports": {

snow-monkey-blocks/trunk/dist/blocks/step/index.asset.php

r3231709	r3338645
1		<?php return array('dependencies' => array('lodash', 'react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-~~data'), 'version' => 'daf1c4f2b3fa0d44190e~~');
	1	<?php return array('dependencies' => array('lodash', 'react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-i18n'), 'version' => 'f069226e0e3560d8d887');

snow-monkey-blocks/trunk/dist/blocks/step/index.js

r3231709	r3338645
1		(()=>{var e,t={465:(e,t,s)=>{"use strict";const i=window.wp.blocks,r=JSON.parse('{"UU":"snow-monkey-blocks/step"}'),a=window.ReactJSXRuntime,l=(0,a.jsxs)("svg",{viewBox:"0 0 24 24",children:[(0,a.jsx)("rect",{x:"7.68",y:"6.14",width:"13",height:"1"}),(0,a.jsx)("rect",{x:"7.68",y:"11.14",width:"13",height:"1"}),(0,a.jsx)("rect",{x:"7.68",y:"16.14",width:"13",height:"1"}),(0,a.jsx)("path",{d:"M5.29,8.44H4.6V5.86a2.55,2.55,0,0,1-.89.52V5.75a1.87,1.87,0,0,0,.59-.33,1.24,1.24,0,0,0,.43-.57h.56Z"}),(0,a.jsx)("path",{d:"M5.85,12.8v.64H3.44a1.68,1.68,0,0,1,.24-.68,4.3,4.3,0,0,1,.77-.86A4.38,4.38,0,0,0,5,11.31a.78.78,0,0,0,.14-.42A.48.48,0,0,0,5,10.54a.49.49,0,0,0-.34-.12.46.46,0,0,0-.35.13.66.66,0,0,0-.14.43l-.69-.07a1.13,1.13,0,0,1,.39-.82,1.29,1.29,0,0,1,.8-.24,1.14,1.14,0,0,1,.83.28.92.92,0,0,1,.31.71,1.14,1.14,0,0,1-.09.46,2,2,0,0,1-.27.46,5.87,5.87,0,0,1-.45.46c-.22.2-.36.33-.41.39a1,1,0,0,0-.14.19Z"}),(0,a.jsx)("path",{d:"M3.51,17.46l.66-.08a.64.64,0,0,0,.17.39.5.5,0,0,0,.7,0,.65.65,0,0,0,.14-.43A.6.6,0,0,0,5,16.9a.43.43,0,0,0-.34-.15,1,1,0,0,0-.31.05l.07-.56a.67.67,0,0,0,.43-.12A.42.42,0,0,0,5,15.78a.39.39,0,0,0-.1-.29.4.4,0,0,0-.29-.11.41.41,0,0,0-.3.12.6.6,0,0,0-.15.36l-.63-.11a1.38,1.38,0,0,1,.2-.52.85.85,0,0,1,.37-.3,1.14,1.14,0,0,1,.53-.11,1,1,0,0,1,.81.32.83.83,0,0,1,.25.6.85.85,0,0,1-.51.75.82.82,0,0,1,.49.29.89.89,0,0,1,.18.56,1.07,1.07,0,0,1-.34.8,1.2,1.2,0,0,1-.86.33,1.15,1.15,0,0,1-.8-.28A1,1,0,0,1,3.51,17.46Z"})]});var n=s(6942),m=s.n(n);const o=window.wp.blockEditor,c=window.wp.data,_=["snow-monkey-blocks/step-item-free"],u=[["snow-monkey-blocks/step-item-free"]],b=window.lodash,d=[{save:()=>(0,a.jsx)("div",{className:"smb-step",children:(0,a.jsx)("div",{className:"smb-step__body",children:(0,a.jsx)(o.InnerBlocks.Content,{})})})},{attributes:{content:{type:"array",source:"query",selector:".smb-step__item",default:[],query:{title:{source:"html",selector:".smb-step__item__title > span"},summary:{source:"html",selector:".smb-step__item__summary"},numberColor:{type:"string",source:"attribute",selector:".smb-step__item__number",attribute:"data-number-color"},imagePosition:{type:"string",source:"attribute",attribute:"data-image-position",default:"center"},imageID:{type:"number",source:"attribute",selector:".smb-step__item__figure > img",attribute:"data-image-id",default:0},imageURL:{type:"string",source:"attribute",selector:".smb-step__item__figure > img",attribute:"src",default:""},linkLabel:{source:"html",selector:".smb-step__item__link__label"},linkURL:{type:"string",source:"attribute",selector:".smb-step__item__link",attribute:"href",default:""},linkTarget:{type:"string",source:"attribute",selector:".smb-step__item__link",attribute:"target",default:"_self"},linkColor:{type:"string",source:"attribute",selector:".smb-step__item__link",attribute:"data-color"}}},rows:{type:"number",default:1}},migrate:e=>[{},(()=>{const t=void 0===e.content?0:e.content.length;return(0,b.times)(t,(t=>{const s=(0,b.get)(e.content,[t,"title"],""),r=(0,b.get)(e.content,[t,"summary"],""),a=(0,b.get)(e.content,[t,"numberColor"],null),l=(0,b.get)(e.content,[t,"imagePosition"],"left"),n=(0,b.get)(e.content,[t,"imageID"],0),m=(0,b.get)(e.content,[t,"imageURL"],""),o=(0,b.get)(e.content,[t,"linkURL"],""),c=(0,b.get)(e.content,[t,"linkTarget"],"_self"),_=(0,b.get)(e.content,[t,"linkLabel"],""),u=(0,b.get)(e.content,[t,"linkColor"],"");return(0,i.createBlock)("snow-monkey-blocks/step--item",{title:s,summary:r,numberColor:a,imagePosition:l,imageID:Number(n),imageURL:m,linkURL:o,linkTarget:c,linkLabel:_,linkColor:u})}))})()],save({attributes:e}){const{content:t}=e,s=void 0===e.content?0:e.content.length;return(0,a.jsx)("div",{className:"smb-step",children:(0,a.jsx)("div",{className:"smb-step__body",children:(0,b.times)(s,(e=>{const s=(0,b.get)(t,[e,"title"],""),i=(0,b.get)(t,[e,"summary"],""),r=(0,b.get)(t,[e,"numberColor"],null),l=(0,b.get)(t,[e,"imagePosition"],"left"),n=(0,b.get)(t,[e,"imageID"],0),m=(0,b.get)(t,[e,"imageURL"],""),c=(0,b.get)(t,[e,"linkURL"],""),_=(0,b.get)(t,[e,"linkTarget"],"_self"),u=(0,b.get)(t,[e,"linkLabel"],""),d=(0,b.get)(t,[e,"linkColor"],"");return(0,a.jsxs)("div",{className:`smb-step__item smb-step__item--image-${l}`,"data-image-position":l,children:[(0,a.jsxs)("div",{className:"smb-step__item__title",children:[(0,a.jsx)("div",{className:"smb-step__item__number","data-number-color":r,style:{backgroundColor:r},children:e+1}),(0,a.jsx)("span",{children:(0,a.jsx)(o.RichText.Content,{value:s})})]}),!!n&&(0,a.jsx)("div",{className:"smb-step__item__figure",children:(0,a.jsx)("img",{src:m,alt:"",className:`wp-image-${n}`,"data-image-id":n})}),(0,a.jsxs)("div",{className:"smb-step__item__body",children:[(0,a.jsx)("div",{className:"smb-step__item__summary",children:(0,a.jsx)(o.RichText.Content,{value:i})}),!o.RichText.isEmpty(u)&&(0,a.jsxs)("a",{className:"smb-step__item__link",href:c,target:_,"data-color":d,style:{color:d},children:[(0,a.jsx)("i",{className:"fas fa-arrow-circle-right"}),(0,a.jsx)("span",{className:"smb-step__item__link__label",children:(0,a.jsx)(o.RichText.Content,{value:u})})]})]})]})}))})})}},{attributes:{content:{type:"array",source:"query",selector:".smb-step__item",default:[],query:{title:{source:"html",selector:".smb-step__item__title > span"},summary:{source:"html",selector:".smb-step__item__summary"},numberColor:{type:"string",source:"attribute",selector:".smb-step__item__number",attribute:"data-number-color"},imagePosition:{type:"string",source:"attribute",attribute:"data-image-position",default:"center"},imageID:{type:"number",source:"attribute",selector:".smb-step__item__figure > img",attribute:"data-image-id",default:0},imageURL:{type:"string",source:"attribute",selector:".smb-step__item__figure > img",attribute:"src",default:""},linkLabel:{source:"html",selector:".smb-step__item__link__label"},linkURL:{type:"string",source:"attribute",selector:".smb-step__item__link",attribute:"href",default:""},linkTarget:{type:"string",source:"attribute",selector:".smb-step__item__link",attribute:"target",default:"_self"}}},rows:{type:"number",default:1}},save({attributes:e}){const{rows:t,content:s}=e;return(0,a.jsx)("div",{className:"smb-step",children:(0,a.jsx)("div",{className:"smb-step__body",children:(0,b.times)(t,(e=>{const t=(0,b.get)(s,[e,"title"],""),i=(0,b.get)(s,[e,"summary"],""),r=(0,b.get)(s,[e,"numberColor"],null),l=(0,b.get)(s,[e,"imagePosition"],"left"),n=(0,b.get)(s,[e,"imageID"],0),m=(0,b.get)(s,[e,"imageURL"],""),c=(0,b.get)(s,[e,"linkURL"],""),_=(0,b.get)(s,[e,"linkTarget"],"_self"),u=(0,b.get)(s,[e,"linkLabel"],"");return(0,a.jsxs)("div",{className:`smb-step__item smb-step__item--image-${l}`,"data-image-position":l,children:[(0,a.jsxs)("div",{className:"smb-step__item__title",children:[(0,a.jsx)("div",{className:"smb-step__item__number","data-number-color":r,style:{backgroundColor:r},children:e+1}),(0,a.jsx)("span",{children:(0,a.jsx)(o.RichText.Content,{value:t})})]}),!!n&&(0,a.jsx)("div",{className:"smb-step__item__figure",children:(0,a.jsx)("img",{src:m,alt:"",className:`wp-image-${n}`,"data-image-id":n})}),(0,a.jsxs)("div",{className:"smb-step__item__body",children:[(0,a.jsx)("div",{className:"smb-step__item__summary",children:(0,a.jsx)(o.RichText.Content,{value:i})}),!o.RichText.isEmpty(u)&&!!c&&(0,a.jsxs)("a",{className:"smb-step__item__link",href:c,target:_,children:[(0,a.jsx)("i",{className:"fas fa-arrow-circle-right"}),(0,a.jsx)("span",{className:"smb-step__item__link__label",children:(0,a.jsx)(o.RichText.Content,{value:u})})]})]})]})}))})})}},{attributes:{content:{type:"array",source:"query",selector:".smb-step__item",default:[],query:{title:{source:"html",selector:".smb-step__item__title > span"},summary:{source:"html",selector:".smb-step__item__summary"},numberColor:{type:"string",source:"attribute",selector:".smb-step__item__number",attribute:"data-number-color"},imagePosition:{type:"string",source:"attribute",attribute:"data-image-position",default:"center"},imageID:{type:"number",source:"attribute",selector:".smb-step__item__figure > img",attribute:"data-image-id",default:0},imageURL:{type:"string",source:"attribute",selector:".smb-step__item__figure > img",attribute:"src",default:""},linkLabel:{source:"html",selector:".smb-step__item__link__label"},linkURL:{type:"string",source:"attribute",selector:".smb-step__item__link",attribute:"href",default:""},linkTarget:{type:"string",source:"attribute",selector:".smb-step__item__link",attribute:"target",default:"_self"}}},rows:{type:"number",default:1}},save({attributes:e}){const{rows:t,content:s}=e;return(0,a.jsx)("div",{className:"smb-step",children:(0,a.jsx)("div",{className:"smb-step__body",children:(0,b.times)(t,(e=>{const t=(0,b.get)(s,[e,"title"],""),i=(0,b.get)(s,[e,"summary"],""),r=(0,b.get)(s,[e,"numberColor"],null),l=(0,b.get)(s,[e,"imagePosition"],"left"),n=(0,b.get)(s,[e,"imageID"],0),m=(0,b.get)(s,[e,"imageURL"],""),c=(0,b.get)(s,[e,"linkURL"],""),_=(0,b.get)(s,[e,"linkTarget"],"_self"),u=(0,b.get)(s,[e,"linkLabel"],"");return(0,a.jsxs)("div",{className:`smb-step__item smb-step__item--image-${l}`,"data-image-position":l,children:[(0,a.jsxs)("div",{className:"smb-step__item__title",children:[(0,a.jsx)("div",{className:"smb-step__item__number","data-number-color":r,style:{backgroundColor:r},children:e+1}),(0,a.jsx)("span",{children:(0,a.jsx)(o.RichText.Content,{value:t})})]}),!!n&&(0,a.jsx)("div",{className:"smb-step__item__figure",children:(0,a.jsx)("img",{src:m,alt:"","data-image-id":n})}),(0,a.jsxs)("div",{className:"smb-step__item__body",children:[(0,a.jsx)("div",{className:"smb-step__item__summary",children:(0,a.jsx)(o.RichText.Content,{value:i})}),!o.RichText.isEmpty(u)&&!!c&&(0,a.jsxs)("a",{className:"smb-step__item__link",href:c,target:_,children:[(0,a.jsx)("i",{className:"fas fa-arrow-circle-right"}),(0,a.jsx)("span",{className:"smb-step__item__link__label",children:(0,a.jsx)(o.RichText.Content,{value:u})})]})]})]})}))})})}}];(0,i.registerBlockType)(r.UU,{icon:{foreground:"#cd162c",src:l},edit:function({attributes:e,className:t,clientId:s}){const{templateLock:i}=e,r=(0,c.useSelect)((e=>!!e("core/block-editor").getBlock(s)?.innerBlocks?.length),[s]),l=m()("smb-step",t),n=(0,o.useBlockProps)({className:l}),b=(0,o.useInnerBlocksProps)({className:"smb-step__body"},{allowedBlocks:_,template:u,templateLock:i,renderAppender:r?void 0:o.InnerBlocks.ButtonBlockAppender});return(0,a.jsx)("div",{...n,children:(0,a.jsx)("div",{...b})})},save:function({className:e}){const t=m()("smb-step",e);return(0,a.jsx)("div",{...o.useBlockProps.save({className:t}),children:(0,a.jsx)("div",{...o.useInnerBlocksProps.save({className:"smb-step__body"})})})},deprecated:d})},6942:(e,t)=>{var s;!function(){"use strict";var i={}.hasOwnProperty;function r(){for(var e="",t=0;t<arguments.length;t++){var s=arguments[t];s&&(e=l(e,a(s)))}return e}function a(e){if("string"==typeof e\|\|"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return r.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var s in e)i.call(e,s)&&e[s]&&(t=l(t,s));return t}function l(e,t){return t?e?e+" "+t:e+t:e}e.exports?(r.default=r,e.exports=r):void 0===(s=function(){return r}.apply(t,[]))\|\|(e.exports=s)}()}},s={};function i(e){var r=s[e];if(void 0!==r)return r.exports;var a=s[e]={exports:{}};return t[e](a,a.exports,i),a.exports}i.m=t,e=[],i.O=(t,s,r,a)=>{if(!s){var l=1/0;for(c=0;c<e.length;c++){for(var[s,r,a]=e[c],n=!0,m=0;m<s.length;m++)(!1&a\|\|l>=a)&&Object.keys(i.O).every((e=>i.O[e](s[m])))?s.splice(m--,1):(n=!1,a<l&&(l=a));if(n){e.splice(c--,1);var o=r();void 0!==o&&(t=o)}}return t}a=a\|\|0;for(var c=e.length;c>0&&e[c-1][2]>a;c--)e[c]=e[c-1];e[c]=[s,r,a]},i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var s in t)i.o(t,s)&&!i.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={3844:0,5212:0};i.O.j=t=>0===e[t];var t=(t,s)=>{var r,a,[l,n,m]=s,o=0;if(l.some((t=>0!==e[t]))){for(r in n)i.o(n,r)&&(i.m[r]=n[r]);if(m)var c=m(i)}for(t&&t(s);o<l.length;o++)a=l[o],i.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return i.O(c)},s=globalThis.webpackChunk=globalThis.webpackChunk\|\|[];s.forEach(t.bind(null,0)),s.push=t.bind(null,s.push.bind(s))})();var r=i.O(void 0,[5212],(()=>i(465)));r=i.O(r)})();
	1	(()=>{var e,t={3842:(e,t,s)=>{"use strict";const i=window.wp.blocks,r=JSON.parse('{"UU":"snow-monkey-blocks/step","uK":{"w":{"A":"div"}}}'),a=window.ReactJSXRuntime,l=(0,a.jsxs)("svg",{viewBox:"0 0 24 24",children:[(0,a.jsx)("rect",{x:"7.68",y:"6.14",width:"13",height:"1"}),(0,a.jsx)("rect",{x:"7.68",y:"11.14",width:"13",height:"1"}),(0,a.jsx)("rect",{x:"7.68",y:"16.14",width:"13",height:"1"}),(0,a.jsx)("path",{d:"M5.29,8.44H4.6V5.86a2.55,2.55,0,0,1-.89.52V5.75a1.87,1.87,0,0,0,.59-.33,1.24,1.24,0,0,0,.43-.57h.56Z"}),(0,a.jsx)("path",{d:"M5.85,12.8v.64H3.44a1.68,1.68,0,0,1,.24-.68,4.3,4.3,0,0,1,.77-.86A4.38,4.38,0,0,0,5,11.31a.78.78,0,0,0,.14-.42A.48.48,0,0,0,5,10.54a.49.49,0,0,0-.34-.12.46.46,0,0,0-.35.13.66.66,0,0,0-.14.43l-.69-.07a1.13,1.13,0,0,1,.39-.82,1.29,1.29,0,0,1,.8-.24,1.14,1.14,0,0,1,.83.28.92.92,0,0,1,.31.71,1.14,1.14,0,0,1-.09.46,2,2,0,0,1-.27.46,5.87,5.87,0,0,1-.45.46c-.22.2-.36.33-.41.39a1,1,0,0,0-.14.19Z"}),(0,a.jsx)("path",{d:"M3.51,17.46l.66-.08a.64.64,0,0,0,.17.39.5.5,0,0,0,.7,0,.65.65,0,0,0,.14-.43A.6.6,0,0,0,5,16.9a.43.43,0,0,0-.34-.15,1,1,0,0,0-.31.05l.07-.56a.67.67,0,0,0,.43-.12A.42.42,0,0,0,5,15.78a.39.39,0,0,0-.1-.29.4.4,0,0,0-.29-.11.41.41,0,0,0-.3.12.6.6,0,0,0-.15.36l-.63-.11a1.38,1.38,0,0,1,.2-.52.85.85,0,0,1,.37-.3,1.14,1.14,0,0,1,.53-.11,1,1,0,0,1,.81.32.83.83,0,0,1,.25.6.85.85,0,0,1-.51.75.82.82,0,0,1,.49.29.89.89,0,0,1,.18.56,1.07,1.07,0,0,1-.34.8,1.2,1.2,0,0,1-.86.33,1.15,1.15,0,0,1-.8-.28A1,1,0,0,1,3.51,17.46Z"})]});var n=s(6942),o=s.n(n);const m=window.lodash,c=window.wp.blockEditor,_=window.wp.components,u=window.wp.data,b=window.wp.i18n,d=window.wp.compose,p=["snow-monkey-blocks/step-item-free"],g=[["snow-monkey-blocks/step-item-free"]],h=[{save:()=>(0,a.jsx)("div",{className:"smb-step",children:(0,a.jsx)("div",{className:"smb-step__body",children:(0,a.jsx)(c.InnerBlocks.Content,{})})})},{attributes:{content:{type:"array",source:"query",selector:".smb-step__item",default:[],query:{title:{source:"html",selector:".smb-step__item__title > span"},summary:{source:"html",selector:".smb-step__item__summary"},numberColor:{type:"string",source:"attribute",selector:".smb-step__item__number",attribute:"data-number-color"},imagePosition:{type:"string",source:"attribute",attribute:"data-image-position",default:"center"},imageID:{type:"number",source:"attribute",selector:".smb-step__item__figure > img",attribute:"data-image-id",default:0},imageURL:{type:"string",source:"attribute",selector:".smb-step__item__figure > img",attribute:"src",default:""},linkLabel:{source:"html",selector:".smb-step__item__link__label"},linkURL:{type:"string",source:"attribute",selector:".smb-step__item__link",attribute:"href",default:""},linkTarget:{type:"string",source:"attribute",selector:".smb-step__item__link",attribute:"target",default:"_self"},linkColor:{type:"string",source:"attribute",selector:".smb-step__item__link",attribute:"data-color"}}},rows:{type:"number",default:1}},migrate:e=>[{},(()=>{const t=void 0===e.content?0:e.content.length;return(0,m.times)(t,(t=>{const s=(0,m.get)(e.content,[t,"title"],""),r=(0,m.get)(e.content,[t,"summary"],""),a=(0,m.get)(e.content,[t,"numberColor"],null),l=(0,m.get)(e.content,[t,"imagePosition"],"left"),n=(0,m.get)(e.content,[t,"imageID"],0),o=(0,m.get)(e.content,[t,"imageURL"],""),c=(0,m.get)(e.content,[t,"linkURL"],""),_=(0,m.get)(e.content,[t,"linkTarget"],"_self"),u=(0,m.get)(e.content,[t,"linkLabel"],""),b=(0,m.get)(e.content,[t,"linkColor"],"");return(0,i.createBlock)("snow-monkey-blocks/step--item",{title:s,summary:r,numberColor:a,imagePosition:l,imageID:Number(n),imageURL:o,linkURL:c,linkTarget:_,linkLabel:u,linkColor:b})}))})()],save({attributes:e}){const{content:t}=e,s=void 0===e.content?0:e.content.length;return(0,a.jsx)("div",{className:"smb-step",children:(0,a.jsx)("div",{className:"smb-step__body",children:(0,m.times)(s,(e=>{const s=(0,m.get)(t,[e,"title"],""),i=(0,m.get)(t,[e,"summary"],""),r=(0,m.get)(t,[e,"numberColor"],null),l=(0,m.get)(t,[e,"imagePosition"],"left"),n=(0,m.get)(t,[e,"imageID"],0),o=(0,m.get)(t,[e,"imageURL"],""),_=(0,m.get)(t,[e,"linkURL"],""),u=(0,m.get)(t,[e,"linkTarget"],"_self"),b=(0,m.get)(t,[e,"linkLabel"],""),d=(0,m.get)(t,[e,"linkColor"],"");return(0,a.jsxs)("div",{className:`smb-step__item smb-step__item--image-${l}`,"data-image-position":l,children:[(0,a.jsxs)("div",{className:"smb-step__item__title",children:[(0,a.jsx)("div",{className:"smb-step__item__number","data-number-color":r,style:{backgroundColor:r},children:e+1}),(0,a.jsx)("span",{children:(0,a.jsx)(c.RichText.Content,{value:s})})]}),!!n&&(0,a.jsx)("div",{className:"smb-step__item__figure",children:(0,a.jsx)("img",{src:o,alt:"",className:`wp-image-${n}`,"data-image-id":n})}),(0,a.jsxs)("div",{className:"smb-step__item__body",children:[(0,a.jsx)("div",{className:"smb-step__item__summary",children:(0,a.jsx)(c.RichText.Content,{value:i})}),!c.RichText.isEmpty(b)&&(0,a.jsxs)("a",{className:"smb-step__item__link",href:_,target:u,"data-color":d,style:{color:d},children:[(0,a.jsx)("i",{className:"fas fa-arrow-circle-right"}),(0,a.jsx)("span",{className:"smb-step__item__link__label",children:(0,a.jsx)(c.RichText.Content,{value:b})})]})]})]})}))})})}},{attributes:{content:{type:"array",source:"query",selector:".smb-step__item",default:[],query:{title:{source:"html",selector:".smb-step__item__title > span"},summary:{source:"html",selector:".smb-step__item__summary"},numberColor:{type:"string",source:"attribute",selector:".smb-step__item__number",attribute:"data-number-color"},imagePosition:{type:"string",source:"attribute",attribute:"data-image-position",default:"center"},imageID:{type:"number",source:"attribute",selector:".smb-step__item__figure > img",attribute:"data-image-id",default:0},imageURL:{type:"string",source:"attribute",selector:".smb-step__item__figure > img",attribute:"src",default:""},linkLabel:{source:"html",selector:".smb-step__item__link__label"},linkURL:{type:"string",source:"attribute",selector:".smb-step__item__link",attribute:"href",default:""},linkTarget:{type:"string",source:"attribute",selector:".smb-step__item__link",attribute:"target",default:"_self"}}},rows:{type:"number",default:1}},save({attributes:e}){const{rows:t,content:s}=e;return(0,a.jsx)("div",{className:"smb-step",children:(0,a.jsx)("div",{className:"smb-step__body",children:(0,m.times)(t,(e=>{const t=(0,m.get)(s,[e,"title"],""),i=(0,m.get)(s,[e,"summary"],""),r=(0,m.get)(s,[e,"numberColor"],null),l=(0,m.get)(s,[e,"imagePosition"],"left"),n=(0,m.get)(s,[e,"imageID"],0),o=(0,m.get)(s,[e,"imageURL"],""),_=(0,m.get)(s,[e,"linkURL"],""),u=(0,m.get)(s,[e,"linkTarget"],"_self"),b=(0,m.get)(s,[e,"linkLabel"],"");return(0,a.jsxs)("div",{className:`smb-step__item smb-step__item--image-${l}`,"data-image-position":l,children:[(0,a.jsxs)("div",{className:"smb-step__item__title",children:[(0,a.jsx)("div",{className:"smb-step__item__number","data-number-color":r,style:{backgroundColor:r},children:e+1}),(0,a.jsx)("span",{children:(0,a.jsx)(c.RichText.Content,{value:t})})]}),!!n&&(0,a.jsx)("div",{className:"smb-step__item__figure",children:(0,a.jsx)("img",{src:o,alt:"",className:`wp-image-${n}`,"data-image-id":n})}),(0,a.jsxs)("div",{className:"smb-step__item__body",children:[(0,a.jsx)("div",{className:"smb-step__item__summary",children:(0,a.jsx)(c.RichText.Content,{value:i})}),!c.RichText.isEmpty(b)&&!!_&&(0,a.jsxs)("a",{className:"smb-step__item__link",href:_,target:u,children:[(0,a.jsx)("i",{className:"fas fa-arrow-circle-right"}),(0,a.jsx)("span",{className:"smb-step__item__link__label",children:(0,a.jsx)(c.RichText.Content,{value:b})})]})]})]})}))})})}},{attributes:{content:{type:"array",source:"query",selector:".smb-step__item",default:[],query:{title:{source:"html",selector:".smb-step__item__title > span"},summary:{source:"html",selector:".smb-step__item__summary"},numberColor:{type:"string",source:"attribute",selector:".smb-step__item__number",attribute:"data-number-color"},imagePosition:{type:"string",source:"attribute",attribute:"data-image-position",default:"center"},imageID:{type:"number",source:"attribute",selector:".smb-step__item__figure > img",attribute:"data-image-id",default:0},imageURL:{type:"string",source:"attribute",selector:".smb-step__item__figure > img",attribute:"src",default:""},linkLabel:{source:"html",selector:".smb-step__item__link__label"},linkURL:{type:"string",source:"attribute",selector:".smb-step__item__link",attribute:"href",default:""},linkTarget:{type:"string",source:"attribute",selector:".smb-step__item__link",attribute:"target",default:"_self"}}},rows:{type:"number",default:1}},save({attributes:e}){const{rows:t,content:s}=e;return(0,a.jsx)("div",{className:"smb-step",children:(0,a.jsx)("div",{className:"smb-step__body",children:(0,m.times)(t,(e=>{const t=(0,m.get)(s,[e,"title"],""),i=(0,m.get)(s,[e,"summary"],""),r=(0,m.get)(s,[e,"numberColor"],null),l=(0,m.get)(s,[e,"imagePosition"],"left"),n=(0,m.get)(s,[e,"imageID"],0),o=(0,m.get)(s,[e,"imageURL"],""),_=(0,m.get)(s,[e,"linkURL"],""),u=(0,m.get)(s,[e,"linkTarget"],"_self"),b=(0,m.get)(s,[e,"linkLabel"],"");return(0,a.jsxs)("div",{className:`smb-step__item smb-step__item--image-${l}`,"data-image-position":l,children:[(0,a.jsxs)("div",{className:"smb-step__item__title",children:[(0,a.jsx)("div",{className:"smb-step__item__number","data-number-color":r,style:{backgroundColor:r},children:e+1}),(0,a.jsx)("span",{children:(0,a.jsx)(c.RichText.Content,{value:t})})]}),!!n&&(0,a.jsx)("div",{className:"smb-step__item__figure",children:(0,a.jsx)("img",{src:o,alt:"","data-image-id":n})}),(0,a.jsxs)("div",{className:"smb-step__item__body",children:[(0,a.jsx)("div",{className:"smb-step__item__summary",children:(0,a.jsx)(c.RichText.Content,{value:i})}),!c.RichText.isEmpty(b)&&!!_&&(0,a.jsxs)("a",{className:"smb-step__item__link",href:_,target:u,children:[(0,a.jsx)("i",{className:"fas fa-arrow-circle-right"}),(0,a.jsx)("span",{className:"smb-step__item__link__label",children:(0,a.jsx)(c.RichText.Content,{value:b})})]})]})]})}))})})}}];(0,i.registerBlockType)(r.UU,{icon:{foreground:"#cd162c",src:l},edit:function({attributes:e,setAttributes:t,className:s,clientId:i}){const{tagName:l,templateLock:n}=e,h=(0,u.useSelect)((e=>!!e("core/block-editor").getBlock(i)?.innerBlocks?.length),[i]),x=(0,d.useViewportMatch)("medium","<")?{}:{popoverProps:{placement:"left-start",offset:259}},y=l,f=["div","ul","ol"],k=o()("smb-step",s),v=(0,c.useBlockProps)({className:k}),j=(0,c.useInnerBlocksProps)({className:"smb-step__body"},{allowedBlocks:p,template:g,templateLock:n,renderAppender:h?void 0:c.InnerBlocks.ButtonBlockAppender});return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(c.InspectorControls,{children:(0,a.jsx)(_.__experimentalToolsPanel,{label:(0,b.__)("Block settings","snow-monkey-blocks"),dropdownMenuProps:x,children:(0,a.jsx)(_.__experimentalToolsPanelItem,{hasValue:()=>l!==r.uK.w.A,isShownByDefault:!0,label:(0,b.__)("Tag","snow-monkey-blocks"),onDeselect:()=>t({tagName:r.uK.w.A}),children:(0,a.jsx)(_.BaseControl,{__nextHasNoMarginBottom:!0,label:(0,b.__)("Tag","snow-monkey-blocks"),id:"snow-monkey-blocks/step/tag-name",children:(0,a.jsx)("div",{className:"smb-list-icon-selector",children:(0,m.times)(f.length,(e=>(0,a.jsx)(_.Button,{variant:l===f[e]?"primary":"secondary",onClick:()=>t({tagName:f[e]}),children:f[e]},e)))})})})})}),(0,a.jsx)("div",{...v,children:(0,a.jsx)(y,{...j})})]})},save:function({attributes:e,className:t}){const{tagName:s}=e,i=s,r=o()("smb-step",t);return(0,a.jsx)("div",{...c.useBlockProps.save({className:r}),children:(0,a.jsx)(i,{...c.useInnerBlocksProps.save({className:"smb-step__body"})})})},deprecated:h})},6942:(e,t)=>{var s;!function(){"use strict";var i={}.hasOwnProperty;function r(){for(var e="",t=0;t<arguments.length;t++){var s=arguments[t];s&&(e=l(e,a(s)))}return e}function a(e){if("string"==typeof e\|\|"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return r.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var s in e)i.call(e,s)&&e[s]&&(t=l(t,s));return t}function l(e,t){return t?e?e+" "+t:e+t:e}e.exports?(r.default=r,e.exports=r):void 0===(s=function(){return r}.apply(t,[]))\|\|(e.exports=s)}()}},s={};function i(e){var r=s[e];if(void 0!==r)return r.exports;var a=s[e]={exports:{}};return t[e](a,a.exports,i),a.exports}i.m=t,e=[],i.O=(t,s,r,a)=>{if(!s){var l=1/0;for(c=0;c<e.length;c++){for(var[s,r,a]=e[c],n=!0,o=0;o<s.length;o++)(!1&a\|\|l>=a)&&Object.keys(i.O).every((e=>i.O[e](s[o])))?s.splice(o--,1):(n=!1,a<l&&(l=a));if(n){e.splice(c--,1);var m=r();void 0!==m&&(t=m)}}return t}a=a\|\|0;for(var c=e.length;c>0&&e[c-1][2]>a;c--)e[c]=e[c-1];e[c]=[s,r,a]},i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var s in t)i.o(t,s)&&!i.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={3844:0,5212:0};i.O.j=t=>0===e[t];var t=(t,s)=>{var r,a,[l,n,o]=s,m=0;if(l.some((t=>0!==e[t]))){for(r in n)i.o(n,r)&&(i.m[r]=n[r]);if(o)var c=o(i)}for(t&&t(s);m<l.length;m++)a=l[m],i.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return i.O(c)},s=globalThis.webpackChunk=globalThis.webpackChunk\|\|[];s.forEach(t.bind(null,0)),s.push=t.bind(null,s.push.bind(s))})();var r=i.O(void 0,[5212],(()=>i(3842)));r=i.O(r)})();

snow-monkey-blocks/trunk/dist/blocks/step/item/free/block.json

-                      r3119394
+                      r3338645
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
+  "version": "24.1.0",
   "textdomain": "snow-monkey-blocks",
   "name": "snow-monkey-blocks/step-item-free",
 …
   ],
   "attributes": {
+    "tagName": {
+      "type": "string",
+      "default": "div"
+    },
+    "titleTagName": {
+      "type": "string",
+      "default": "div"
+    },
     "title": {
       "type": "string",
 …
+    }
   },
+  "usesContext": [
+    "snow-monkey-blocks/tagName"
+  ],
   "supports": {
     "anchor": true,

snow-monkey-blocks/trunk/dist/blocks/step/item/free/index.asset.php

r3274004	r3338645
1		<?php return array('dependencies' => array('~~react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-i18n'), 'version' => '0d7978c00eb521b0a3a3~~');
	1	<?php return array('dependencies' => array('lodash', 'react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-i18n'), 'version' => 'c5dd860b0fea504645e7');

snow-monkey-blocks/trunk/dist/blocks/step/item/free/index.js

r3274004	r3338645
1		(()=>{var e={6942:(e,t)=>{var s;!function(){"use strict";var o={}.hasOwnProperty;function i(){for(var e="",t=0;t<arguments.length;t++){var s=arguments[t];s&&(e=n(e,l(s)))}return e}function l(e){if("string"==typeof e\|\|"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return i.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var s in e)o.call(e,s)&&e[s]&&(t=n(t,s));return t}function n(e,t){return t?e?e+" "+t:e+t:e}e.exports?(i.default=i,e.exports=i):void 0===(s=function(){return i}.apply(t,[]))\|\|(e.exports=s)}()}},t={};function s(o){var i=t[o];if(void 0!==i)return i.exports;var l=t[o]={exports:{}};return e[o](l,l.exports,s),l.exports}s.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t},s.d=(e,t)=>{for(var o in t)s.o(t,o)&&!s.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{"use strict";const e=window.wp.blocks,t=JSON.parse('{"UU":"snow-monkey-blocks/step-item-free","uK":{"title":{"type":"string","source":"html","selector":".smb-step__item__title > span","default":""},"numberColor":{"type":"string"},"titleColor":{"type":"string"},"titleFontSizeSlug":{"type":"string"},"titleFontSize":{"type":"string"},"templateLock":{"type":["string","boolean"],"enum":["all","insert","contentOnly",false]}},"xY":{"anchor":true,"layout":{"allowSwitching":false,"allowEditing":false,"allowInheriting":false,"default":{"type":"constrained"}}}}'),o=window.ReactJSXRuntime,i=(0,o.jsxs)("svg",{viewBox:"0 0 24 24",children:[(0,o.jsx)("rect",{x:"7.68",y:"6.14",width:"13",height:"1"}),(0,o.jsx)("rect",{x:"7.68",y:"11.14",width:"13",height:"1"}),(0,o.jsx)("rect",{x:"7.68",y:"16.14",width:"13",height:"1"}),(0,o.jsx)("path",{d:"M5.29,8.44H4.6V5.86a2.55,2.55,0,0,1-.89.52V5.75a1.87,1.87,0,0,0,.59-.33,1.24,1.24,0,0,0,.43-.57h.56Z"}),(0,o.jsx)("path",{d:"M5.85,12.8v.64H3.44a1.68,1.68,0,0,1,.24-.68,4.3,4.3,0,0,1,.77-.86A4.38,4.38,0,0,0,5,11.31a.78.78,0,0,0,.14-.42A.48.48,0,0,0,5,10.54a.49.49,0,0,0-.34-.12.46.46,0,0,0-.35.13.66.66,0,0,0-.14.43l-.69-.07a1.13,1.13,0,0,1,.39-.82,1.29,1.29,0,0,1,.8-.24,1.14,1.14,0,0,1,.83.28.92.92,0,0,1,.31.71,1.14,1.14,0,0,1-.09.46,2,2,0,0,1-.27.46,5.87,5.87,0,0,1-.45.46c-.22.2-.36.33-.41.39a1,1,0,0,0-.14.19Z"}),(0,o.jsx)("path",{d:"M3.51,17.46l.66-.08a.64.64,0,0,0,.17.39.5.5,0,0,0,.7,0,.65.65,0,0,0,.14-.43A.6.6,0,0,0,5,16.9a.43.43,0,0,0-.34-.15,1,1,0,0,0-.31.05l.07-.56a.67.67,0,0,0,.43-.12A.42.42,0,0,0,5,15.78a.39.39,0,0,0-.1-.29.4.4,0,0,0-.29-.11.41.41,0,0,0-.3.12.6.6,0,0,0-.15.36l-.63-.11a1.38,1.38,0,0,1,.2-.52.85.85,0,0,1,.37-.3,1.14,1.14,0,0,1,.53-.11,1,1,0,0,1,.81.32.83.83,0,0,1,.25.6.85.85,0,0,1-.51.75.82.82,0,0,1,.49.29.89.89,0,0,1,.18.56,1.07,1.07,0,0,1-.34.8,1.2,1.2,0,0,1-.86.33,1.15,1.15,0,0,1-.8-.28A1,1,0,0,1,3.51,17.46Z"})]});var l=s(6942),n=s.n(l);const r=window.wp.blockEditor,a=window.wp.components,c=window.wp.data,m=window.wp.i18n,u=[{attributes:{...t.uK},supports:{...t.xY},save({attributes:e,className:t}){const{title:s,numberColor:i}=e,l=n()("smb-step__item",t),a={backgroundColor:i\|\|void 0};return(0,o.jsxs)("div",{...r.useBlockProps.save({className:l}),children:[(0,o.jsxs)("div",{className:"smb-step__item__title",children:[(0,o.jsx)("div",{className:"smb-step__item__number",style:a}),(0,o.jsx)(r.RichText.Content,{tagName:"span",value:s})]}),(0,o.jsx)("div",{className:"smb-step__item__body",children:(0,o.jsx)("div",{...r.useInnerBlocksProps.save({className:"smb-step__item__summary"})})})]})}}];(0,e.registerBlockType)(t.UU,{icon:{foreground:"#cd162c",src:i},edit:function({attributes:e,setAttributes:s,className:i,clientId:l}){const{title:u,numberColor:d,titleColor:p,titleFontSizeSlug:_,titleFontSize:b,templateLock:g}=e,[v]=(0,r.useSettings)("typography.fontSizes"),x=(0,c.useSelect)((e=>!!e("core/block-editor").getBlock(l)?.innerBlocks?.length),[l]),h=n()("smb-step__item",i),y={"--smb-step--number-background-color":d\|\|void 0,"--smb-step--title-color":p\|\|void 0},S=(0,r.useBlockProps)({className:h,style:y}),f=(0,r.useInnerBlocksProps)({className:"smb-step__item__summary"},{templateLock:g,renderAppender:x?void 0:r.InnerBlocks.ButtonBlockAppender}),w=v.find((e=>!!_&&e.slug===_))?.size\|\|b,j=_?(0,r.getFontSizeClass)(_):void 0;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.InspectorControls,{group:"typography",children:(0,o.jsx)(a.__experimentalToolsPanelItem,{panelId:l,hasValue:()=>_!==t.titleFontSizeSlug\|\|b!==t.titleFontSize,isShownByDefault:!0,label:(0,m.__)("Title font size","snow-monkey-blocks"),resetAllFilter:()=>({titleFontSizeSlug:t.titleFontSizeSlug,titleFontSize:t.titleFontSize}),onDeselect:()=>{s({titleFontSizeSlug:t.titleFontSizeSlug,titleFontSize:t.titleFontSize})},children:(0,o.jsx)(a.BaseControl,{__nextHasNoMarginBottom:!0,label:(0,m.__)("Title","snow-monkey-blocks"),id:"snow-monkey-blocks/step-item-free/title-font-size",children:(0,o.jsx)(r.FontSizePicker,{__next40pxDefaultSize:!0,value:w,onChange:e=>{const t=(0,r.getFontSizeObjectByValue)(v,e).slug;s({titleFontSizeSlug:t\|\|void 0,titleFontSize:t?void 0:e})},withReset:!1,withSlider:!0})})})}),(0,o.jsx)(r.InspectorControls,{group:"color",children:(0,o.jsx)(r.__experimentalColorGradientSettingsDropdown,{panelId:l,__experimentalIsRenderedInSidebar:!0,...(0,r.__experimentalUseMultipleOriginColorsAndGradients)(),settings:[{colorValue:d,onColorChange:e=>s({numberColor:e}),resetAllFilter:()=>({numberColor:t.numberColor}),label:(0,m.__)("Number color","snow-monkey-blocks")},{colorValue:p,onColorChange:e=>s({titleColor:e}),resetAllFilter:()=>({titleColor:t.titleColor}),label:(0,m.__)("Title color","snow-monkey-blocks")}]})}),(0,o.jsxs)("div",{...S,children:[(0,o.jsxs)("div",{className:n()("smb-step__item__title",j),style:{fontSize:b\|\|void 0},children:[(0,o.jsx)("div",{className:"smb-step__item__number"}),(0,o.jsx)(r.RichText,{tagName:"span",placeholder:(0,m.__)("Write title…","snow-monkey-blocks"),value:u,multiline:!1,onChange:e=>s({title:e})})]}),(0,o.jsx)("div",{className:"smb-step__item__body",children:(0,o.jsx)("div",{...f})})]})]})},save:function({attributes:e,className:t}){const{title:s,numberColor:i,titleColor:l,titleFontSizeSlug:a,titleFontSize:c}=e,m=n()("smb-step__item",t),u={"--smb-step--number-background-color":i\|\|void 0,"--smb-step--title-color":l\|\|void 0},d=a?(0,r.getFontSizeClass)(a):void 0;return(0,o.jsxs)("div",{...r.useBlockProps.save({className:m,style:u}),children:[(0,o.jsxs)("div",{className:n()("smb-step__item__title",d),style:{fontSize:c\|\|void 0},children:[(0,o.jsx)("div",{className:"smb-step__item__number"}),(0,o.jsx)(r.RichText.Content,{tagName:"span",value:s})]}),(0,o.jsx)("div",{className:"smb-step__item__body",children:(0,o.jsx)("div",{...r.useInnerBlocksProps.save({className:"smb-step__item__summary"})})})]})},deprecated:u})})()})();
	1	(()=>{var e={6942:(e,t)=>{var o;!function(){"use strict";var s={}.hasOwnProperty;function l(){for(var e="",t=0;t<arguments.length;t++){var o=arguments[t];o&&(e=i(e,n(o)))}return e}function n(e){if("string"==typeof e\|\|"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return l.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var o in e)s.call(e,o)&&e[o]&&(t=i(t,o));return t}function i(e,t){return t?e?e+" "+t:e+t:e}e.exports?(l.default=l,e.exports=l):void 0===(o=function(){return l}.apply(t,[]))\|\|(e.exports=o)}()}},t={};function o(s){var l=t[s];if(void 0!==l)return l.exports;var n=t[s]={exports:{}};return e[s](n,n.exports,o),n.exports}o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var s in t)o.o(t,s)&&!o.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{"use strict";const e=window.wp.blocks,t=JSON.parse('{"UU":"snow-monkey-blocks/step-item-free","uK":{"tagName":{"type":"string","default":"div"},"titleTagName":{"type":"string","default":"div"},"title":{"type":"string","source":"html","selector":".smb-step__item__title > span","default":""},"numberColor":{"type":"string"},"titleColor":{"type":"string"},"titleFontSizeSlug":{"type":"string"},"titleFontSize":{"type":"string"},"templateLock":{"type":["string","boolean"],"enum":["all","insert","contentOnly",false]}},"xY":{"anchor":true,"layout":{"allowSwitching":false,"allowEditing":false,"allowInheriting":false,"default":{"type":"constrained"}}}}'),s=window.ReactJSXRuntime,l=(0,s.jsxs)("svg",{viewBox:"0 0 24 24",children:[(0,s.jsx)("rect",{x:"7.68",y:"6.14",width:"13",height:"1"}),(0,s.jsx)("rect",{x:"7.68",y:"11.14",width:"13",height:"1"}),(0,s.jsx)("rect",{x:"7.68",y:"16.14",width:"13",height:"1"}),(0,s.jsx)("path",{d:"M5.29,8.44H4.6V5.86a2.55,2.55,0,0,1-.89.52V5.75a1.87,1.87,0,0,0,.59-.33,1.24,1.24,0,0,0,.43-.57h.56Z"}),(0,s.jsx)("path",{d:"M5.85,12.8v.64H3.44a1.68,1.68,0,0,1,.24-.68,4.3,4.3,0,0,1,.77-.86A4.38,4.38,0,0,0,5,11.31a.78.78,0,0,0,.14-.42A.48.48,0,0,0,5,10.54a.49.49,0,0,0-.34-.12.46.46,0,0,0-.35.13.66.66,0,0,0-.14.43l-.69-.07a1.13,1.13,0,0,1,.39-.82,1.29,1.29,0,0,1,.8-.24,1.14,1.14,0,0,1,.83.28.92.92,0,0,1,.31.71,1.14,1.14,0,0,1-.09.46,2,2,0,0,1-.27.46,5.87,5.87,0,0,1-.45.46c-.22.2-.36.33-.41.39a1,1,0,0,0-.14.19Z"}),(0,s.jsx)("path",{d:"M3.51,17.46l.66-.08a.64.64,0,0,0,.17.39.5.5,0,0,0,.7,0,.65.65,0,0,0,.14-.43A.6.6,0,0,0,5,16.9a.43.43,0,0,0-.34-.15,1,1,0,0,0-.31.05l.07-.56a.67.67,0,0,0,.43-.12A.42.42,0,0,0,5,15.78a.39.39,0,0,0-.1-.29.4.4,0,0,0-.29-.11.41.41,0,0,0-.3.12.6.6,0,0,0-.15.36l-.63-.11a1.38,1.38,0,0,1,.2-.52.85.85,0,0,1,.37-.3,1.14,1.14,0,0,1,.53-.11,1,1,0,0,1,.81.32.83.83,0,0,1,.25.6.85.85,0,0,1-.51.75.82.82,0,0,1,.49.29.89.89,0,0,1,.18.56,1.07,1.07,0,0,1-.34.8,1.2,1.2,0,0,1-.86.33,1.15,1.15,0,0,1-.8-.28A1,1,0,0,1,3.51,17.46Z"})]});var n=o(6942),i=o.n(n);const r=window.lodash,a=window.wp.blockEditor,c=window.wp.components,m=window.wp.data,d=window.wp.element,p=window.wp.i18n,u=window.wp.compose,_=[{attributes:{...t.uK},supports:{...t.xY},save({attributes:e,className:t}){const{title:o,numberColor:l}=e,n=i()("smb-step__item",t),r={backgroundColor:l\|\|void 0};return(0,s.jsxs)("div",{...a.useBlockProps.save({className:n}),children:[(0,s.jsxs)("div",{className:"smb-step__item__title",children:[(0,s.jsx)("div",{className:"smb-step__item__number",style:r}),(0,s.jsx)(a.RichText.Content,{tagName:"span",value:o})]}),(0,s.jsx)("div",{className:"smb-step__item__body",children:(0,s.jsx)("div",{...a.useInnerBlocksProps.save({className:"smb-step__item__summary"})})})]})}}];(0,e.registerBlockType)(t.UU,{icon:{foreground:"#cd162c",src:l},edit:function({attributes:e,setAttributes:o,className:l,clientId:n,context:_}){const{tagName:g,titleTagName:b,title:x,numberColor:h,titleColor:y,titleFontSizeSlug:v,titleFontSize:w,templateLock:f}=e,[S]=(0,a.useSettings)("typography.fontSizes");(0,d.useEffect)((()=>{o({tagName:["ul","ol"].includes(_["snow-monkey-blocks/tagName"])?"li":"div"})}),[_["snow-monkey-blocks/tagName"]]);const k=g,j=b,N=["div","h2","h3","h4"],C=(0,m.useSelect)((e=>!!e("core/block-editor").getBlock(n)?.innerBlocks?.length),[n]),z=i()("smb-step__item",l),F={"--smb-step--number-background-color":h\|\|void 0,"--smb-step--title-color":y\|\|void 0},B=(0,a.useBlockProps)({className:z,style:F}),T=(0,a.useInnerBlocksProps)({className:"smb-step__item__summary"},{templateLock:f,renderAppender:C?void 0:a.InnerBlocks.ButtonBlockAppender}),I=(0,u.useViewportMatch)("medium","<")?{}:{popoverProps:{placement:"left-start",offset:259}},P=S.find((e=>!!v&&e.slug===v))?.size\|\|w,A=v?(0,a.getFontSizeClass)(v):void 0;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.InspectorControls,{children:(0,s.jsx)(c.__experimentalToolsPanel,{label:(0,p.__)("Block settings","snow-monkey-blocks"),dropdownMenuProps:I,children:(0,s.jsx)(c.__experimentalToolsPanelItem,{hasValue:()=>g!==t.uK.titleTagName.default,isShownByDefault:!0,label:(0,p.__)("Title tag","snow-monkey-blocks"),onDeselect:()=>o({tagName:t.uK.titleTagName.default}),children:(0,s.jsx)(c.BaseControl,{__nextHasNoMarginBottom:!0,label:(0,p.__)("Title tag","snow-monkey-blocks"),id:"snow-monkey-blocks/step-item-free/title-tag-name",children:(0,s.jsx)("div",{className:"smb-list-icon-selector",children:(0,r.times)(N.length,(e=>(0,s.jsx)(c.Button,{variant:b===N[e]?"primary":"secondary",onClick:()=>o({titleTagName:N[e]}),children:N[e]},e)))})})})})}),(0,s.jsx)(a.InspectorControls,{group:"typography",children:(0,s.jsx)(c.__experimentalToolsPanelItem,{panelId:n,hasValue:()=>v!==t.titleFontSizeSlug\|\|w!==t.titleFontSize,isShownByDefault:!0,label:(0,p.__)("Title font size","snow-monkey-blocks"),resetAllFilter:()=>({titleFontSizeSlug:t.titleFontSizeSlug,titleFontSize:t.titleFontSize}),onDeselect:()=>{o({titleFontSizeSlug:t.titleFontSizeSlug,titleFontSize:t.titleFontSize})},children:(0,s.jsx)(c.BaseControl,{__nextHasNoMarginBottom:!0,label:(0,p.__)("Title","snow-monkey-blocks"),id:"snow-monkey-blocks/step-item-free/title-font-size",children:(0,s.jsx)(a.FontSizePicker,{__next40pxDefaultSize:!0,value:P,onChange:e=>{const t=(0,a.getFontSizeObjectByValue)(S,e).slug;o({titleFontSizeSlug:t\|\|void 0,titleFontSize:t?void 0:e})},withReset:!1,withSlider:!0})})})}),(0,s.jsx)(a.InspectorControls,{group:"color",children:(0,s.jsx)(a.__experimentalColorGradientSettingsDropdown,{panelId:n,__experimentalIsRenderedInSidebar:!0,...(0,a.__experimentalUseMultipleOriginColorsAndGradients)(),settings:[{colorValue:h,onColorChange:e=>o({numberColor:e}),resetAllFilter:()=>({numberColor:t.numberColor}),label:(0,p.__)("Number color","snow-monkey-blocks")},{colorValue:y,onColorChange:e=>o({titleColor:e}),resetAllFilter:()=>({titleColor:t.titleColor}),label:(0,p.__)("Title color","snow-monkey-blocks")}]})}),(0,s.jsxs)(k,{...B,children:[(0,s.jsxs)(j,{className:i()("smb-step__item__title",A),style:{fontSize:w\|\|void 0},children:[(0,s.jsx)("div",{className:"smb-step__item__number"}),(0,s.jsx)(a.RichText,{tagName:"span",placeholder:(0,p.__)("Write title…","snow-monkey-blocks"),value:x,multiline:!1,onChange:e=>o({title:e})})]}),(0,s.jsx)("div",{className:"smb-step__item__body",children:(0,s.jsx)("div",{...T})})]})]})},save:function({attributes:e,className:t}){const{tagName:o,titleTagName:l,title:n,numberColor:r,titleColor:c,titleFontSizeSlug:m,titleFontSize:d}=e,p=o,u=l,_=i()("smb-step__item",t),g={"--smb-step--number-background-color":r\|\|void 0,"--smb-step--title-color":c\|\|void 0},b=m?(0,a.getFontSizeClass)(m):void 0;return(0,s.jsxs)(p,{...a.useBlockProps.save({className:_,style:g}),children:[(0,s.jsxs)(u,{className:i()("smb-step__item__title",b),style:{fontSize:d\|\|void 0},children:[(0,s.jsx)("div",{className:"smb-step__item__number"}),(0,s.jsx)(a.RichText.Content,{tagName:"span",value:n})]}),(0,s.jsx)("div",{className:"smb-step__item__body",children:(0,s.jsx)("div",{...a.useInnerBlocksProps.save({className:"smb-step__item__summary"})})})]})},deprecated:_})})()})();

snow-monkey-blocks/trunk/dist/blocks/step/item/standard/block.json

-                      r3060212
+                      r3338645
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
+  "version": "24.1.0",
   "textdomain": "snow-monkey-blocks",
   "name": "snow-monkey-blocks/step--item",
 …
   ],
   "attributes": {
+    "tagName": {
+      "type": "string",
+      "default": "div"
+    },
+    "titleTagName": {
+      "type": "string",
+      "default": "div"
+    },
     "title": {
       "type": "string",
 …
+    }
   },
+  "usesContext": [
+    "snow-monkey-blocks/tagName"
+  ],
   "supports": {
     "anchor": true,

snow-monkey-blocks/trunk/dist/blocks/step/item/standard/index.asset.php

r3280484	r3338645
1		<?php return array('dependencies' => array('lodash', 'react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '~~603d6ceebf8921976533~~');
	1	<?php return array('dependencies' => array('lodash', 'react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => 'c61297bd996fb3e52956');

snow-monkey-blocks/trunk/dist/blocks/step/item/standard/index.js

r3280484	r3338645
1		(()=>{var e={6942:(e,t)=>{var s;!function(){"use strict";var i={}.hasOwnProperty;function l(){for(var e="",t=0;t<arguments.length;t++){var s=arguments[t];s&&(e=o(e,a(s)))}return e}function a(e){if("string"==typeof e\|\|"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return l.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var s in e)i.call(e,s)&&e[s]&&(t=o(t,s));return t}function o(e,t){return t?e?e+" "+t:e+t:e}e.exports?(l.default=l,e.exports=l):void 0===(s=function(){return l}.apply(t,[]))\|\|(e.exports=s)}()}},t={};function s(i){var l=t[i];if(void 0!==l)return l.exports;var a=t[i]={exports:{}};return e[i](a,a.exports,s),a.exports}s.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t},s.d=(e,t)=>{for(var i in t)s.o(t,i)&&!s.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{"use strict";const e=window.wp.blocks,t=JSON.parse('{"UU":"snow-monkey-blocks/step--item","uK":{"title":{"type":"string","source":"html","selector":".smb-step__item__title > span","default":""},"numberColor":{"type":"string"},"imagePosition":{"type":"string","default":"center"},"imageID":{"type":"number","default":0},"imageURL":{"type":"string","source":"attribute","selector":".smb-step__item__figure > img","attribute":"src","default":""},"imageAlt":{"type":"string","source":"attribute","selector":".smb-step__item__figure > img","attribute":"alt","default":""},"imageWidth":{"type":"string","source":"attribute","selector":".smb-step__item__figure > img","attribute":"width","default":""},"imageHeight":{"type":"string","source":"attribute","selector":".smb-step__item__figure > img","attribute":"height","default":""},"imageSizeSlug":{"type":"string","default":"full"},"linkLabel":{"type":"string","source":"html","selector":".smb-step__item__link__label","default":""},"linkURL":{"type":"string","source":"attribute","selector":".smb-step__item__link","attribute":"href","default":""},"linkTarget":{"type":"string","source":"attribute","selector":".smb-step__item__link","attribute":"target","default":"_self"},"linkColor":{"type":"string"},"templateLock":{"type":["string","boolean"],"enum":["all","insert","contentOnly",false]}}}'),i=window.ReactJSXRuntime,l=(0,i.jsxs)("svg",{viewBox:"0 0 24 24",children:[(0,i.jsx)("rect",{x:"7.68",y:"6.14",width:"13",height:"1"}),(0,i.jsx)("rect",{x:"7.68",y:"11.14",width:"13",height:"1"}),(0,i.jsx)("rect",{x:"7.68",y:"16.14",width:"13",height:"1"}),(0,i.jsx)("path",{d:"M5.29,8.44H4.6V5.86a2.55,2.55,0,0,1-.89.52V5.75a1.87,1.87,0,0,0,.59-.33,1.24,1.24,0,0,0,.43-.57h.56Z"}),(0,i.jsx)("path",{d:"M5.85,12.8v.64H3.44a1.68,1.68,0,0,1,.24-.68,4.3,4.3,0,0,1,.77-.86A4.38,4.38,0,0,0,5,11.31a.78.78,0,0,0,.14-.42A.48.48,0,0,0,5,10.54a.49.49,0,0,0-.34-.12.46.46,0,0,0-.35.13.66.66,0,0,0-.14.43l-.69-.07a1.13,1.13,0,0,1,.39-.82,1.29,1.29,0,0,1,.8-.24,1.14,1.14,0,0,1,.83.28.92.92,0,0,1,.31.71,1.14,1.14,0,0,1-.09.46,2,2,0,0,1-.27.46,5.87,5.87,0,0,1-.45.46c-.22.2-.36.33-.41.39a1,1,0,0,0-.14.19Z"}),(0,i.jsx)("path",{d:"M3.51,17.46l.66-.08a.64.64,0,0,0,.17.39.5.5,0,0,0,.7,0,.65.65,0,0,0,.14-.43A.6.6,0,0,0,5,16.9a.43.43,0,0,0-.34-.15,1,1,0,0,0-.31.05l.07-.56a.67.67,0,0,0,.43-.12A.42.42,0,0,0,5,15.78a.39.39,0,0,0-.1-.29.4.4,0,0,0-.29-.11.41.41,0,0,0-.3.12.6.6,0,0,0-.15.36l-.63-.11a1.38,1.38,0,0,1,.2-.52.85.85,0,0,1,.37-.3,1.14,1.14,0,0,1,.53-.11,1,1,0,0,1,.81.32.83.83,0,0,1,.25.6.85.85,0,0,1-.51.75.82.82,0,0,1,.49.29.89.89,0,0,1,.18.56,1.07,1.07,0,0,1-.34.8,1.2,1.2,0,0,1-.86.33,1.15,1.15,0,0,1-.8-.28A1,1,0,0,1,3.51,17.46Z"})]});var a=s(6942),o=s.n(a);const n=window.wp.blockEditor,r=window.wp.components,m=window.wp.data,c=window.wp.element,_=window.wp.i18n,d=window.wp.primitives,u=(0,i.jsx)(d.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,i.jsx)(d.Path,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})}),g=window.lodash,p=({id:e,src:t,allowedTypes:s,accept:l,onSelect:a,onSelectURL:o,onRemove:m})=>(0,i.jsxs)(n.BlockControls,{group:"inline",children:[(0,i.jsx)(n.MediaReplaceFlow,{mediaId:e,mediaURL:t,allowedTypes:s,accept:l,onSelect:a,onSelectURL:o}),!!t&&!!m&&(0,i.jsx)(r.ToolbarButton,{onClick:m,children:(0,_.__)("Release","snow-monkey-blocks")})]}),h=({src:e,alt:t,id:s,style:l,width:a,height:o})=>(0,i.jsx)("img",{src:e,alt:t,className:`wp-image-${s}`,style:l,width:a,height:o}),b=({src:e,style:t,width:s,height:l})=>(0,i.jsx)("video",{src:e,style:t,width:s,height:l}),x=(0,c.memo)((({id:e,src:t,alt:s,url:l,width:a,height:o,target:n,allowedTypes:r,accept:m,onSelect:c,onSelectURL:_,onRemove:d,mediaType:u,style:x,rel:k,linkClass:f})=>{let v;if("image"===u){let r;v=(0,i.jsx)(h,{src:t,alt:s,id:e,style:x,width:a,height:o}),r=k?(0,g.isEmpty)(k)?void 0:k:"_self"!==n&&n?"noopener noreferrer":void 0,l&&(v=(0,i.jsx)("span",{href:l,target:"_self"===n?void 0:n,rel:r,className:f,children:v}))}else"video"===u&&(v=(0,i.jsx)(b,{src:t,style:x,width:a,height:o}));return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(p,{id:e,src:t,allowedTypes:r,accept:m,onSelect:c,onSelectURL:_,onRemove:d}),v]})}),((e,t)=>{const s=Object.keys(e);for(const i of s)if(e[i]!==t[i])return!1;return!0}));function k(e){const{src:t,onSelect:s,onSelectURL:l,mediaType:a,allowedTypes:o=["image"]}=e,r=!a&&t?"image":a;let m=(0,_.__)("Media","snow-monkey-blocks");1===o.length&&("image"===o[0]?m=(0,_.__)("Image","snow-monkey-blocks"):"video"===o[0]&&(m=(0,_.__)("Video","snow-monkey-blocks")));const d=(0,c.useMemo)((()=>o.map((e=>`${e}/*`)).join(",")),[o]);return t?(0,i.jsx)(x,{...e,accept:d,allowedTypes:o,mediaType:r}):(0,i.jsx)(n.MediaPlaceholder,{icon:"format-image",labels:{title:m},onSelect:s,onSelectURL:l,accept:d,allowedTypes:o})}const f=[{label:(0,_._x)("Thumbnail","Image size option for resolution control"),value:"thumbnail"},{label:(0,_._x)("Medium","Image size option for resolution control"),value:"medium"},{label:(0,_._x)("Large","Image size option for resolution control"),value:"large"},{label:(0,_._x)("Full Size","Image size option for resolution control"),value:"full"}];function v({panelId:e,value:t,onChange:s,options:l=f,defaultValue:a=f[0].value,isShownByDefault:o=!0,withToolsPanelItem:n=!0}){const m=null!=t?t:a,c=()=>(0,i.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,_.__)("Resolution"),value:m,options:l,onChange:s,help:(0,_.__)("Select the size of the source image."),size:"__unstable-large"});return n?(0,i.jsx)(r.__experimentalToolsPanelItem,{hasValue:()=>m!==a,label:(0,_.__)("Resolution"),onDeselect:()=>s(a),isShownByDefault:o,panelId:e,children:(0,i.jsx)(c,{})}):(0,i.jsx)(c,{})}const j=window.wp.compose,y=["image"],w="full",N=t.uK,C=[{attributes:{...N},save({attributes:e,className:t}){const{title:s,numberColor:l,imagePosition:a,imageID:r,imageURL:m,imageAlt:c,imageWidth:_,imageHeight:d,linkLabel:u,linkURL:g,linkTarget:p,linkColor:h}=e,b=o()("smb-step__item",`smb-step__item--image-${a}`,t),x={backgroundColor:l\|\|void 0},k={color:h\|\|void 0};return(0,i.jsxs)("div",{...n.useBlockProps.save({className:b}),children:[(0,i.jsxs)("div",{className:"smb-step__item__title",children:[(0,i.jsx)("div",{className:"smb-step__item__number",style:x}),(0,i.jsx)(n.RichText.Content,{tagName:"span",value:s})]}),(0,i.jsxs)("div",{className:"smb-step__item__body",children:[!!m&&(0,i.jsx)("div",{className:"smb-step__item__figure",children:(0,i.jsx)("img",{src:m,alt:c,width:!!_&&_,height:!!d&&d,className:`wp-image-${r}`})}),(0,i.jsx)("div",{...n.useInnerBlocksProps.save({className:"smb-step__item__summary"})}),!n.RichText.isEmpty(u)&&(0,i.jsxs)("a",{className:"smb-step__item__link",href:g,style:k,target:"_self"===p?void 0:p,rel:"_self"===p?void 0:"noopener noreferrer",children:[(0,i.jsx)("i",{className:"fas fa-arrow-circle-right"}),(0,i.jsx)(n.RichText.Content,{tagName:"span",className:"smb-step__item__link__label",value:u})]})]})]})}},{attributes:{...N},save({attributes:e}){const{title:t,numberColor:s,imagePosition:l,imageID:a,imageURL:o,linkLabel:r,linkURL:m,linkTarget:c,linkColor:_}=e;return(0,i.jsxs)("div",{className:`smb-step__item smb-step__item--image-${l}`,children:[(0,i.jsxs)("div",{className:"smb-step__item__title",children:[(0,i.jsx)("div",{className:"smb-step__item__number",style:{backgroundColor:s}}),(0,i.jsx)("span",{children:(0,i.jsx)(n.RichText.Content,{value:t})})]}),(0,i.jsxs)("div",{className:"smb-step__item__body",children:[!!a&&(0,i.jsx)("div",{className:"smb-step__item__figure",children:(0,i.jsx)("img",{src:o,alt:"",className:`wp-image-${a}`})}),(0,i.jsxs)("div",{className:"smb-step__item__summary",children:[(0,i.jsx)(n.InnerBlocks.Content,{}),!n.RichText.isEmpty(r)&&(0,i.jsxs)("a",{className:"smb-step__item__link",href:m,style:{color:_},target:"_self"===c?void 0:c,rel:"_self"===c?void 0:"noopener noreferrer",children:[(0,i.jsx)("i",{className:"fas fa-arrow-circle-right"}),(0,i.jsx)("span",{className:"smb-step__item__link__label",children:(0,i.jsx)(n.RichText.Content,{value:r})})]})]})]})]})}},{attributes:{...N,linkTarget:{type:"string",source:"attribute",selector:".smb-step__item__link",attribute:"target",default:"_self"}},save({attributes:e}){const{title:t,numberColor:s,imagePosition:l,imageID:a,imageURL:o,linkLabel:r,linkURL:m,linkTarget:c,linkColor:_}=e;return(0,i.jsxs)("div",{className:`smb-step__item smb-step__item--image-${l}`,children:[(0,i.jsxs)("div",{className:"smb-step__item__title",children:[(0,i.jsx)("div",{className:"smb-step__item__number",style:{backgroundColor:s}}),(0,i.jsx)("span",{children:(0,i.jsx)(n.RichText.Content,{value:t})})]}),(0,i.jsxs)("div",{className:"smb-step__item__body",children:[!!a&&(0,i.jsx)("div",{className:"smb-step__item__figure",children:(0,i.jsx)("img",{src:o,alt:"",className:`wp-image-${a}`})}),(0,i.jsxs)("div",{className:"smb-step__item__summary",children:[(0,i.jsx)(n.InnerBlocks.Content,{}),!n.RichText.isEmpty(r)&&(0,i.jsxs)("a",{className:"smb-step__item__link",href:m,target:c,style:{color:_},children:[(0,i.jsx)("i",{className:"fas fa-arrow-circle-right"}),(0,i.jsx)("span",{className:"smb-step__item__link__label",children:(0,i.jsx)(n.RichText.Content,{value:r})})]})]})]})]})}},{attributes:{...N},migrate:t=>[t,(()=>{let s=t.summary;return s=s.match("</p><p>")?t.summary.split("</p><p>"):t.summary.split(),(0,g.times)(s.length,(t=>{const i=s[t].replace("<p>","").replace("</p>","");return(0,e.createBlock)("core/paragraph",{content:i})}))})()],save({attributes:e}){const{title:t,summary:s,numberColor:l,imagePosition:a,imageID:o,imageURL:r,linkLabel:m,linkURL:c,linkTarget:_,linkColor:d}=e;return(0,i.jsxs)("div",{className:`smb-step__item smb-step__item--image-${a}`,children:[(0,i.jsxs)("div",{className:"smb-step__item__title",children:[(0,i.jsx)("div",{className:"smb-step__item__number",style:{backgroundColor:l}}),(0,i.jsx)("span",{children:(0,i.jsx)(n.RichText.Content,{value:t})})]}),!!o&&(0,i.jsx)("div",{className:"smb-step__item__figure",children:(0,i.jsx)("img",{src:r,alt:"",className:`wp-image-${o}`})}),(0,i.jsxs)("div",{className:"smb-step__item__body",children:[(0,i.jsx)("div",{className:"smb-step__item__summary",children:(0,i.jsx)(n.RichText.Content,{value:s})}),!n.RichText.isEmpty(m)&&(0,i.jsxs)("a",{className:"smb-step__item__link",href:c,target:_,style:{color:d},children:[(0,i.jsx)("i",{className:"fas fa-arrow-circle-right"}),(0,i.jsx)("span",{className:"smb-step__item__link__label",children:(0,i.jsx)(n.RichText.Content,{value:m})})]})]})]})}}],R={to:[{type:"block",blocks:["snow-monkey-blocks/step-item-free"],transform:t=>(0,e.createBlock)("snow-monkey-blocks/step-item-free",t)}]};(0,e.registerBlockType)(t.UU,{icon:{foreground:"#cd162c",src:l},edit:function({attributes:e,setAttributes:s,isSelected:l,className:a,clientId:d}){const{title:g,numberColor:p,imagePosition:h,imageID:b,imageURL:x,imageAlt:f,imageWidth:N,imageHeight:C,imageSizeSlug:R,linkLabel:S,linkURL:T,linkTarget:L,linkColor:I,templateLock:U}=e,[P,B]=(0,c.useState)(!1),z=!!T,A="_blank"===L,[D,H]=(0,c.useState)(null),M=(0,m.useSelect)((e=>!!e("core/block-editor").getBlock(d)?.innerBlocks?.length),[d]),V=(0,m.useSelect)((e=>e("core/block-editor").getSettings()?.imageSizes),[]),$=(0,m.useSelect)((e=>b?e("core").getMedia(b,{context:"view"}):null),[b]),K=V.filter((({slug:e})=>$?.media_details?.sizes?.[e]?.source_url)).map((({name:e,slug:t})=>({value:t,label:e}))),O=o()("smb-step__item",`smb-step__item--image-${h}`,a),W={backgroundColor:p\|\|void 0},E={color:I\|\|void 0},F=(0,c.useRef)(),Z=(0,n.useBlockProps)({className:O}),G=(0,n.useInnerBlocksProps)({className:"smb-step__item__summary"},{templateLock:U,renderAppender:M?void 0:n.InnerBlocks.ButtonBlockAppender}),J=(0,j.useViewportMatch)("medium","<")?{}:{popoverProps:{placement:"left-start",offset:259}};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.InspectorControls,{group:"color",children:(0,i.jsx)(n.__experimentalColorGradientSettingsDropdown,{...(0,n.__experimentalUseMultipleOriginColorsAndGradients)(),panelId:d,__experimentalIsRenderedInSidebar:!0,settings:[{colorValue:p,onColorChange:e=>s({numberColor:e}),resetAllFilter:()=>({numberColor:t.uK.numberColor?.default}),label:(0,_.__)("Number color","snow-monkey-blocks")},{colorValue:I,onColorChange:e=>s({linkColor:e}),resetAllFilter:()=>({linkColor:t.uK.linkColor?.default}),label:(0,_.__)("Link color","snow-monkey-blocks")}]})}),(0,i.jsx)(n.InspectorControls,{children:(0,i.jsxs)(r.__experimentalToolsPanel,{label:(0,_.__)("Block settings","snow-monkey-blocks"),dropdownMenuProps:J,children:[(0,i.jsx)(r.__experimentalToolsPanelItem,{hasValue:()=>h!==t.uK.imagePosition.default,isShownByDefault:!0,label:(0,_.__)("Image position","snow-monkey-blocks"),onDeselect:()=>s({imagePosition:t.uK.imagePosition.default}),children:(0,i.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,_.__)("Image position","snow-monkey-blocks"),value:h,onChange:e=>s({imagePosition:e}),options:[{value:"left",label:(0,_.__)("Left side","snow-monkey-blocks")},{value:"center",label:(0,_.__)("Center","snow-monkey-blocks")},{value:"right",label:(0,_.__)("Right side","snow-monkey-blocks")}]})}),0<K.length&&(0,i.jsx)(v,{defaultValue:t.uK.imageSizeSlug.default,value:R,options:K,onChange:e=>{const t=$?.media_details?.sizes?.[e]?.source_url,i=$?.media_details?.sizes?.[e]?.width,l=$?.media_details?.sizes?.[e]?.height;s({imageURL:t,imageWidth:i,imageHeight:l,imageSizeSlug:e})}})]})}),(0,i.jsxs)("div",{...Z,children:[(0,i.jsxs)("div",{className:"smb-step__item__title",children:[(0,i.jsx)("div",{className:"smb-step__item__number",style:W}),(0,i.jsx)(n.RichText,{tagName:"span",placeholder:(0,_.__)("Write title…","snow-monkey-blocks"),value:g,multiline:!1,onChange:e=>s({title:e})})]}),(0,i.jsxs)("div",{className:"smb-step__item__body",children:[(!!x\|\|l)&&(0,i.jsx)("div",{className:"smb-step__item__figure",children:(0,i.jsx)(k,{src:x,id:b,alt:f,width:N,height:C,onSelect:e=>{const t=e?.sizes?.[R]?R:w,i=e?.sizes?.[t]?.url,l=e?.sizes?.[t]?.width,a=e?.sizes?.[t]?.height;s({imageURL:i\|\|e.url,imageID:e.id,imageAlt:e.alt,imageWidth:l\|\|e.width,imageHeight:a\|\|e.height,imageSizeSlug:t})},onSelectURL:e=>{e!==x&&s({imageURL:e,imageID:0,mediaSizeSlug:w})},onRemove:()=>s({imageURL:t.uK.imageURL.default,imageAlt:t.uK.imageAlt.default,imageWidth:t.uK.imageWidth.default,imageHeight:t.uK.imageHeight.default,imageID:t.uK.imageID.default}),allowedTypes:y})}),(0,i.jsx)("div",{...G}),(0,i.jsxs)("span",{ref:H,className:"smb-step__item__link",href:T,style:E,target:"_self"===L?void 0:L,rel:"_self"===L?void 0:"noopener noreferrer",children:[(0,i.jsx)("i",{className:"fas fa-circle-arrow-right"}),(0,i.jsx)(n.RichText,{className:"smb-step__item__link__label",placeholder:(0,_.__)("Link text","snow-monkey-blocks"),value:S,multiline:!1,onChange:e=>s({linkLabel:e}),withoutInteractiveFormatting:!0,ref:F})]})]})]}),(0,i.jsx)(n.BlockControls,{group:"block",children:(0,i.jsx)(r.ToolbarButton,{name:"link",icon:u,title:(0,_.__)("Link","snow-monkey-blocks"),onClick:e=>{e.preventDefault(),B(!0)},isActive:z})}),l&&P&&(0,i.jsx)(r.Popover,{placement:"bottom",anchor:D,onClose:()=>{B(!1),F.current?.focus()},children:(0,i.jsx)(n.LinkControl,{className:"wp-block-navigation-link__inline-link-input",value:{ur:T,opensInNewTab:A},onChange:({url:e,opensInNewTab:t})=>s({linkURL:e,linkTarget:t?"_blank":"_self"}),onRemove:()=>{s({linkURL:void 0,linkTarget:void 0}),B(!1),F.current?.focus()},forceIsEditingLink:!z})})]})},save:function({attributes:e,className:t}){const{title:s,numberColor:l,imagePosition:a,imageID:r,imageURL:m,imageAlt:c,imageWidth:_,imageHeight:d,linkLabel:u,linkURL:g,linkTarget:p,linkColor:h}=e,b=o()("smb-step__item",`smb-step__item--image-${a}`,t),x={backgroundColor:l\|\|void 0},k={color:h\|\|void 0};return(0,i.jsxs)("div",{...n.useBlockProps.save({className:b}),children:[(0,i.jsxs)("div",{className:"smb-step__item__title",children:[(0,i.jsx)("div",{className:"smb-step__item__number",style:x}),(0,i.jsx)(n.RichText.Content,{tagName:"span",value:s})]}),(0,i.jsxs)("div",{className:"smb-step__item__body",children:[!!m&&(0,i.jsx)("div",{className:"smb-step__item__figure",children:(0,i.jsx)("img",{src:m,alt:c,width:!!_&&_,height:!!d&&d,className:`wp-image-${r}`})}),(0,i.jsx)("div",{...n.useInnerBlocksProps.save({className:"smb-step__item__summary"})}),!n.RichText.isEmpty(u)&&(0,i.jsxs)("a",{className:"smb-step__item__link",href:g,style:k,target:"_self"===p?void 0:p,rel:"_self"===p?void 0:"noopener noreferrer",children:[(0,i.jsx)("i",{className:"fa-solid fa-circle-arrow-right"}),(0,i.jsx)(n.RichText.Content,{tagName:"span",className:"smb-step__item__link__label",value:u})]})]})]})},transforms:R,deprecated:C})})()})();
	1	(()=>{var e={6942:(e,t)=>{var s;!function(){"use strict";var i={}.hasOwnProperty;function l(){for(var e="",t=0;t<arguments.length;t++){var s=arguments[t];s&&(e=o(e,a(s)))}return e}function a(e){if("string"==typeof e\|\|"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return l.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var s in e)i.call(e,s)&&e[s]&&(t=o(t,s));return t}function o(e,t){return t?e?e+" "+t:e+t:e}e.exports?(l.default=l,e.exports=l):void 0===(s=function(){return l}.apply(t,[]))\|\|(e.exports=s)}()}},t={};function s(i){var l=t[i];if(void 0!==l)return l.exports;var a=t[i]={exports:{}};return e[i](a,a.exports,s),a.exports}s.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t},s.d=(e,t)=>{for(var i in t)s.o(t,i)&&!s.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{"use strict";const e=window.wp.blocks,t=JSON.parse('{"UU":"snow-monkey-blocks/step--item","uK":{"tagName":{"type":"string","default":"div"},"titleTagName":{"type":"string","default":"div"},"title":{"type":"string","source":"html","selector":".smb-step__item__title > span","default":""},"numberColor":{"type":"string"},"imagePosition":{"type":"string","default":"center"},"imageID":{"type":"number","default":0},"imageURL":{"type":"string","source":"attribute","selector":".smb-step__item__figure > img","attribute":"src","default":""},"imageAlt":{"type":"string","source":"attribute","selector":".smb-step__item__figure > img","attribute":"alt","default":""},"imageWidth":{"type":"string","source":"attribute","selector":".smb-step__item__figure > img","attribute":"width","default":""},"imageHeight":{"type":"string","source":"attribute","selector":".smb-step__item__figure > img","attribute":"height","default":""},"imageSizeSlug":{"type":"string","default":"full"},"linkLabel":{"type":"string","source":"html","selector":".smb-step__item__link__label","default":""},"linkURL":{"type":"string","source":"attribute","selector":".smb-step__item__link","attribute":"href","default":""},"linkTarget":{"type":"string","source":"attribute","selector":".smb-step__item__link","attribute":"target","default":"_self"},"linkColor":{"type":"string"},"templateLock":{"type":["string","boolean"],"enum":["all","insert","contentOnly",false]}}}'),i=window.ReactJSXRuntime,l=(0,i.jsxs)("svg",{viewBox:"0 0 24 24",children:[(0,i.jsx)("rect",{x:"7.68",y:"6.14",width:"13",height:"1"}),(0,i.jsx)("rect",{x:"7.68",y:"11.14",width:"13",height:"1"}),(0,i.jsx)("rect",{x:"7.68",y:"16.14",width:"13",height:"1"}),(0,i.jsx)("path",{d:"M5.29,8.44H4.6V5.86a2.55,2.55,0,0,1-.89.52V5.75a1.87,1.87,0,0,0,.59-.33,1.24,1.24,0,0,0,.43-.57h.56Z"}),(0,i.jsx)("path",{d:"M5.85,12.8v.64H3.44a1.68,1.68,0,0,1,.24-.68,4.3,4.3,0,0,1,.77-.86A4.38,4.38,0,0,0,5,11.31a.78.78,0,0,0,.14-.42A.48.48,0,0,0,5,10.54a.49.49,0,0,0-.34-.12.46.46,0,0,0-.35.13.66.66,0,0,0-.14.43l-.69-.07a1.13,1.13,0,0,1,.39-.82,1.29,1.29,0,0,1,.8-.24,1.14,1.14,0,0,1,.83.28.92.92,0,0,1,.31.71,1.14,1.14,0,0,1-.09.46,2,2,0,0,1-.27.46,5.87,5.87,0,0,1-.45.46c-.22.2-.36.33-.41.39a1,1,0,0,0-.14.19Z"}),(0,i.jsx)("path",{d:"M3.51,17.46l.66-.08a.64.64,0,0,0,.17.39.5.5,0,0,0,.7,0,.65.65,0,0,0,.14-.43A.6.6,0,0,0,5,16.9a.43.43,0,0,0-.34-.15,1,1,0,0,0-.31.05l.07-.56a.67.67,0,0,0,.43-.12A.42.42,0,0,0,5,15.78a.39.39,0,0,0-.1-.29.4.4,0,0,0-.29-.11.41.41,0,0,0-.3.12.6.6,0,0,0-.15.36l-.63-.11a1.38,1.38,0,0,1,.2-.52.85.85,0,0,1,.37-.3,1.14,1.14,0,0,1,.53-.11,1,1,0,0,1,.81.32.83.83,0,0,1,.25.6.85.85,0,0,1-.51.75.82.82,0,0,1,.49.29.89.89,0,0,1,.18.56,1.07,1.07,0,0,1-.34.8,1.2,1.2,0,0,1-.86.33,1.15,1.15,0,0,1-.8-.28A1,1,0,0,1,3.51,17.46Z"})]});var a=s(6942),o=s.n(a);const n=window.lodash,r=window.wp.blockEditor,m=window.wp.components,c=window.wp.data,_=window.wp.element,d=window.wp.i18n,u=window.wp.primitives,g=(0,i.jsx)(u.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,i.jsx)(u.Path,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})}),p=({id:e,src:t,allowedTypes:s,accept:l,onSelect:a,onSelectURL:o,onRemove:n})=>(0,i.jsxs)(r.BlockControls,{group:"inline",children:[(0,i.jsx)(r.MediaReplaceFlow,{mediaId:e,mediaURL:t,allowedTypes:s,accept:l,onSelect:a,onSelectURL:o}),!!t&&!!n&&(0,i.jsx)(m.ToolbarButton,{onClick:n,children:(0,d.__)("Release","snow-monkey-blocks")})]}),h=({src:e,alt:t,id:s,style:l,width:a,height:o})=>(0,i.jsx)("img",{src:e,alt:t,className:`wp-image-${s}`,style:l,width:a,height:o}),b=({src:e,style:t,width:s,height:l})=>(0,i.jsx)("video",{src:e,style:t,width:s,height:l}),x=(0,_.memo)((({id:e,src:t,alt:s,url:l,width:a,height:o,target:r,allowedTypes:m,accept:c,onSelect:_,onSelectURL:d,onRemove:u,mediaType:g,style:x,rel:k,linkClass:f})=>{let v;if("image"===g){let m;v=(0,i.jsx)(h,{src:t,alt:s,id:e,style:x,width:a,height:o}),m=k?(0,n.isEmpty)(k)?void 0:k:"_self"!==r&&r?"noopener noreferrer":void 0,l&&(v=(0,i.jsx)("span",{href:l,target:"_self"===r?void 0:r,rel:m,className:f,children:v}))}else"video"===g&&(v=(0,i.jsx)(b,{src:t,style:x,width:a,height:o}));return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(p,{id:e,src:t,allowedTypes:m,accept:c,onSelect:_,onSelectURL:d,onRemove:u}),v]})}),((e,t)=>{const s=Object.keys(e);for(const i of s)if(e[i]!==t[i])return!1;return!0}));function k(e){const{src:t,onSelect:s,onSelectURL:l,mediaType:a,allowedTypes:o=["image"]}=e,n=!a&&t?"image":a;let m=(0,d.__)("Media","snow-monkey-blocks");1===o.length&&("image"===o[0]?m=(0,d.__)("Image","snow-monkey-blocks"):"video"===o[0]&&(m=(0,d.__)("Video","snow-monkey-blocks")));const c=(0,_.useMemo)((()=>o.map((e=>`${e}/*`)).join(",")),[o]);return t?(0,i.jsx)(x,{...e,accept:c,allowedTypes:o,mediaType:n}):(0,i.jsx)(r.MediaPlaceholder,{icon:"format-image",labels:{title:m},onSelect:s,onSelectURL:l,accept:c,allowedTypes:o})}const f=[{label:(0,d._x)("Thumbnail","Image size option for resolution control"),value:"thumbnail"},{label:(0,d._x)("Medium","Image size option for resolution control"),value:"medium"},{label:(0,d._x)("Large","Image size option for resolution control"),value:"large"},{label:(0,d._x)("Full Size","Image size option for resolution control"),value:"full"}];function v({panelId:e,value:t,onChange:s,options:l=f,defaultValue:a=f[0].value,isShownByDefault:o=!0,withToolsPanelItem:n=!0}){const r=null!=t?t:a,c=()=>(0,i.jsx)(m.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,d.__)("Resolution"),value:r,options:l,onChange:s,help:(0,d.__)("Select the size of the source image."),size:"__unstable-large"});return n?(0,i.jsx)(m.__experimentalToolsPanelItem,{hasValue:()=>r!==a,label:(0,d.__)("Resolution"),onDeselect:()=>s(a),isShownByDefault:o,panelId:e,children:(0,i.jsx)(c,{})}):(0,i.jsx)(c,{})}const j=window.wp.compose,y=["image"],w="full",N=t.uK,C=[{attributes:{...N},save({attributes:e,className:t}){const{title:s,numberColor:l,imagePosition:a,imageID:n,imageURL:m,imageAlt:c,imageWidth:_,imageHeight:d,linkLabel:u,linkURL:g,linkTarget:p,linkColor:h}=e,b=o()("smb-step__item",`smb-step__item--image-${a}`,t),x={backgroundColor:l\|\|void 0},k={color:h\|\|void 0};return(0,i.jsxs)("div",{...r.useBlockProps.save({className:b}),children:[(0,i.jsxs)("div",{className:"smb-step__item__title",children:[(0,i.jsx)("div",{className:"smb-step__item__number",style:x}),(0,i.jsx)(r.RichText.Content,{tagName:"span",value:s})]}),(0,i.jsxs)("div",{className:"smb-step__item__body",children:[!!m&&(0,i.jsx)("div",{className:"smb-step__item__figure",children:(0,i.jsx)("img",{src:m,alt:c,width:!!_&&_,height:!!d&&d,className:`wp-image-${n}`})}),(0,i.jsx)("div",{...r.useInnerBlocksProps.save({className:"smb-step__item__summary"})}),!r.RichText.isEmpty(u)&&(0,i.jsxs)("a",{className:"smb-step__item__link",href:g,style:k,target:"_self"===p?void 0:p,rel:"_self"===p?void 0:"noopener noreferrer",children:[(0,i.jsx)("i",{className:"fas fa-arrow-circle-right"}),(0,i.jsx)(r.RichText.Content,{tagName:"span",className:"smb-step__item__link__label",value:u})]})]})]})}},{attributes:{...N},save({attributes:e}){const{title:t,numberColor:s,imagePosition:l,imageID:a,imageURL:o,linkLabel:n,linkURL:m,linkTarget:c,linkColor:_}=e;return(0,i.jsxs)("div",{className:`smb-step__item smb-step__item--image-${l}`,children:[(0,i.jsxs)("div",{className:"smb-step__item__title",children:[(0,i.jsx)("div",{className:"smb-step__item__number",style:{backgroundColor:s}}),(0,i.jsx)("span",{children:(0,i.jsx)(r.RichText.Content,{value:t})})]}),(0,i.jsxs)("div",{className:"smb-step__item__body",children:[!!a&&(0,i.jsx)("div",{className:"smb-step__item__figure",children:(0,i.jsx)("img",{src:o,alt:"",className:`wp-image-${a}`})}),(0,i.jsxs)("div",{className:"smb-step__item__summary",children:[(0,i.jsx)(r.InnerBlocks.Content,{}),!r.RichText.isEmpty(n)&&(0,i.jsxs)("a",{className:"smb-step__item__link",href:m,style:{color:_},target:"_self"===c?void 0:c,rel:"_self"===c?void 0:"noopener noreferrer",children:[(0,i.jsx)("i",{className:"fas fa-arrow-circle-right"}),(0,i.jsx)("span",{className:"smb-step__item__link__label",children:(0,i.jsx)(r.RichText.Content,{value:n})})]})]})]})]})}},{attributes:{...N,linkTarget:{type:"string",source:"attribute",selector:".smb-step__item__link",attribute:"target",default:"_self"}},save({attributes:e}){const{title:t,numberColor:s,imagePosition:l,imageID:a,imageURL:o,linkLabel:n,linkURL:m,linkTarget:c,linkColor:_}=e;return(0,i.jsxs)("div",{className:`smb-step__item smb-step__item--image-${l}`,children:[(0,i.jsxs)("div",{className:"smb-step__item__title",children:[(0,i.jsx)("div",{className:"smb-step__item__number",style:{backgroundColor:s}}),(0,i.jsx)("span",{children:(0,i.jsx)(r.RichText.Content,{value:t})})]}),(0,i.jsxs)("div",{className:"smb-step__item__body",children:[!!a&&(0,i.jsx)("div",{className:"smb-step__item__figure",children:(0,i.jsx)("img",{src:o,alt:"",className:`wp-image-${a}`})}),(0,i.jsxs)("div",{className:"smb-step__item__summary",children:[(0,i.jsx)(r.InnerBlocks.Content,{}),!r.RichText.isEmpty(n)&&(0,i.jsxs)("a",{className:"smb-step__item__link",href:m,target:c,style:{color:_},children:[(0,i.jsx)("i",{className:"fas fa-arrow-circle-right"}),(0,i.jsx)("span",{className:"smb-step__item__link__label",children:(0,i.jsx)(r.RichText.Content,{value:n})})]})]})]})]})}},{attributes:{...N},migrate:t=>[t,(()=>{let s=t.summary;return s=s.match("</p><p>")?t.summary.split("</p><p>"):t.summary.split(),(0,n.times)(s.length,(t=>{const i=s[t].replace("<p>","").replace("</p>","");return(0,e.createBlock)("core/paragraph",{content:i})}))})()],save({attributes:e}){const{title:t,summary:s,numberColor:l,imagePosition:a,imageID:o,imageURL:n,linkLabel:m,linkURL:c,linkTarget:_,linkColor:d}=e;return(0,i.jsxs)("div",{className:`smb-step__item smb-step__item--image-${a}`,children:[(0,i.jsxs)("div",{className:"smb-step__item__title",children:[(0,i.jsx)("div",{className:"smb-step__item__number",style:{backgroundColor:l}}),(0,i.jsx)("span",{children:(0,i.jsx)(r.RichText.Content,{value:t})})]}),!!o&&(0,i.jsx)("div",{className:"smb-step__item__figure",children:(0,i.jsx)("img",{src:n,alt:"",className:`wp-image-${o}`})}),(0,i.jsxs)("div",{className:"smb-step__item__body",children:[(0,i.jsx)("div",{className:"smb-step__item__summary",children:(0,i.jsx)(r.RichText.Content,{value:s})}),!r.RichText.isEmpty(m)&&(0,i.jsxs)("a",{className:"smb-step__item__link",href:c,target:_,style:{color:d},children:[(0,i.jsx)("i",{className:"fas fa-arrow-circle-right"}),(0,i.jsx)("span",{className:"smb-step__item__link__label",children:(0,i.jsx)(r.RichText.Content,{value:m})})]})]})]})}}],R={to:[{type:"block",blocks:["snow-monkey-blocks/step-item-free"],transform:t=>(0,e.createBlock)("snow-monkey-blocks/step-item-free",t)}]};(0,e.registerBlockType)(t.UU,{icon:{foreground:"#cd162c",src:l},edit:function({attributes:e,setAttributes:s,isSelected:l,className:a,clientId:u,context:p}){const{tagName:h,titleTagName:b,title:x,numberColor:f,imagePosition:N,imageID:C,imageURL:R,imageAlt:T,imageWidth:S,imageHeight:L,imageSizeSlug:I,linkLabel:U,linkURL:B,linkTarget:P,linkColor:z,templateLock:A}=e,[D,H]=(0,_.useState)(!1),M=!!B,K="_blank"===P,[V,$]=(0,_.useState)(null),E=(0,c.useSelect)((e=>!!e("core/block-editor").getBlock(u)?.innerBlocks?.length),[u]),O=(0,c.useSelect)((e=>e("core/block-editor").getSettings()?.imageSizes),[]),W=(0,c.useSelect)((e=>C?e("core").getMedia(C,{context:"view"}):null),[C]);(0,_.useEffect)((()=>{s({tagName:["ul","ol"].includes(p["snow-monkey-blocks/tagName"])?"li":"div"})}),[p["snow-monkey-blocks/tagName"]]);const F=h,Z=b,G=["div","h2","h3","h4"],J=O.filter((({slug:e})=>W?.media_details?.sizes?.[e]?.source_url)).map((({name:e,slug:t})=>({value:t,label:e}))),X=o()("smb-step__item",`smb-step__item--image-${N}`,a),q={backgroundColor:f\|\|void 0},Q={color:z\|\|void 0},Y=(0,_.useRef)(),ee=(0,r.useBlockProps)({className:X}),te=(0,r.useInnerBlocksProps)({className:"smb-step__item__summary"},{templateLock:A,renderAppender:E?void 0:r.InnerBlocks.ButtonBlockAppender}),se=(0,j.useViewportMatch)("medium","<")?{}:{popoverProps:{placement:"left-start",offset:259}};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.InspectorControls,{children:(0,i.jsx)(m.__experimentalToolsPanel,{label:(0,d.__)("Block settings","snow-monkey-blocks"),dropdownMenuProps:se,children:(0,i.jsx)(m.__experimentalToolsPanelItem,{hasValue:()=>h!==t.uK.titleTagName.default,isShownByDefault:!0,label:(0,d.__)("Title tag","snow-monkey-blocks"),onDeselect:()=>s({tagName:t.uK.titleTagName.default}),children:(0,i.jsx)(m.BaseControl,{__nextHasNoMarginBottom:!0,label:(0,d.__)("Title tag","snow-monkey-blocks"),id:"snow-monkey-blocks/step-item/title-tag-name",children:(0,i.jsx)("div",{className:"smb-list-icon-selector",children:(0,n.times)(G.length,(e=>(0,i.jsx)(m.Button,{variant:b===G[e]?"primary":"secondary",onClick:()=>s({titleTagName:G[e]}),children:G[e]},e)))})})})})}),(0,i.jsx)(r.InspectorControls,{group:"color",children:(0,i.jsx)(r.__experimentalColorGradientSettingsDropdown,{...(0,r.__experimentalUseMultipleOriginColorsAndGradients)(),panelId:u,__experimentalIsRenderedInSidebar:!0,settings:[{colorValue:f,onColorChange:e=>s({numberColor:e}),resetAllFilter:()=>({numberColor:t.uK.numberColor?.default}),label:(0,d.__)("Number color","snow-monkey-blocks")},{colorValue:z,onColorChange:e=>s({linkColor:e}),resetAllFilter:()=>({linkColor:t.uK.linkColor?.default}),label:(0,d.__)("Link color","snow-monkey-blocks")}]})}),(0,i.jsx)(r.InspectorControls,{children:(0,i.jsxs)(m.__experimentalToolsPanel,{label:(0,d.__)("Block settings","snow-monkey-blocks"),dropdownMenuProps:se,children:[(0,i.jsx)(m.__experimentalToolsPanelItem,{hasValue:()=>N!==t.uK.imagePosition.default,isShownByDefault:!0,label:(0,d.__)("Image position","snow-monkey-blocks"),onDeselect:()=>s({imagePosition:t.uK.imagePosition.default}),children:(0,i.jsx)(m.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,d.__)("Image position","snow-monkey-blocks"),value:N,onChange:e=>s({imagePosition:e}),options:[{value:"left",label:(0,d.__)("Left side","snow-monkey-blocks")},{value:"center",label:(0,d.__)("Center","snow-monkey-blocks")},{value:"right",label:(0,d.__)("Right side","snow-monkey-blocks")}]})}),0<J.length&&(0,i.jsx)(v,{defaultValue:t.uK.imageSizeSlug.default,value:I,options:J,onChange:e=>{const t=W?.media_details?.sizes?.[e]?.source_url,i=W?.media_details?.sizes?.[e]?.width,l=W?.media_details?.sizes?.[e]?.height;s({imageURL:t,imageWidth:i,imageHeight:l,imageSizeSlug:e})}})]})}),(0,i.jsxs)(F,{...ee,children:[(0,i.jsxs)(Z,{className:"smb-step__item__title",children:[(0,i.jsx)("div",{className:"smb-step__item__number",style:q}),(0,i.jsx)(r.RichText,{tagName:"span",placeholder:(0,d.__)("Write title…","snow-monkey-blocks"),value:x,multiline:!1,onChange:e=>s({title:e})})]}),(0,i.jsxs)("div",{className:"smb-step__item__body",children:[(!!R\|\|l)&&(0,i.jsx)("div",{className:"smb-step__item__figure",children:(0,i.jsx)(k,{src:R,id:C,alt:T,width:S,height:L,onSelect:e=>{const t=e?.sizes?.[I]?I:w,i=e?.sizes?.[t]?.url,l=e?.sizes?.[t]?.width,a=e?.sizes?.[t]?.height;s({imageURL:i\|\|e.url,imageID:e.id,imageAlt:e.alt,imageWidth:l\|\|e.width,imageHeight:a\|\|e.height,imageSizeSlug:t})},onSelectURL:e=>{e!==R&&s({imageURL:e,imageID:0,mediaSizeSlug:w})},onRemove:()=>s({imageURL:t.uK.imageURL.default,imageAlt:t.uK.imageAlt.default,imageWidth:t.uK.imageWidth.default,imageHeight:t.uK.imageHeight.default,imageID:t.uK.imageID.default}),allowedTypes:y})}),(0,i.jsx)("div",{...te}),(0,i.jsxs)("span",{ref:$,className:"smb-step__item__link",href:B,style:Q,target:"_self"===P?void 0:P,rel:"_self"===P?void 0:"noopener noreferrer",children:[(0,i.jsx)("i",{className:"fas fa-circle-arrow-right"}),(0,i.jsx)(r.RichText,{className:"smb-step__item__link__label",placeholder:(0,d.__)("Link text","snow-monkey-blocks"),value:U,multiline:!1,onChange:e=>s({linkLabel:e}),withoutInteractiveFormatting:!0,ref:Y})]})]})]}),(0,i.jsx)(r.BlockControls,{group:"block",children:(0,i.jsx)(m.ToolbarButton,{name:"link",icon:g,title:(0,d.__)("Link","snow-monkey-blocks"),onClick:e=>{e.preventDefault(),H(!0)},isActive:M})}),l&&D&&(0,i.jsx)(m.Popover,{placement:"bottom",anchor:V,onClose:()=>{H(!1),Y.current?.focus()},children:(0,i.jsx)(r.LinkControl,{className:"wp-block-navigation-link__inline-link-input",value:{ur:B,opensInNewTab:K},onChange:({url:e,opensInNewTab:t})=>s({linkURL:e,linkTarget:t?"_blank":"_self"}),onRemove:()=>{s({linkURL:void 0,linkTarget:void 0}),H(!1),Y.current?.focus()},forceIsEditingLink:!M})})]})},save:function({attributes:e,className:t}){const{tagName:s,titleTagName:l,title:a,numberColor:n,imagePosition:m,imageID:c,imageURL:_,imageAlt:d,imageWidth:u,imageHeight:g,linkLabel:p,linkURL:h,linkTarget:b,linkColor:x}=e,k=s,f=l,v=o()("smb-step__item",`smb-step__item--image-${m}`,t),j={backgroundColor:n\|\|void 0},y={color:x\|\|void 0};return(0,i.jsxs)(k,{...r.useBlockProps.save({className:v}),children:[(0,i.jsxs)(f,{className:"smb-step__item__title",children:[(0,i.jsx)("div",{className:"smb-step__item__number",style:j}),(0,i.jsx)(r.RichText.Content,{tagName:"span",value:a})]}),(0,i.jsxs)("div",{className:"smb-step__item__body",children:[!!_&&(0,i.jsx)("div",{className:"smb-step__item__figure",children:(0,i.jsx)("img",{src:_,alt:d,width:!!u&&u,height:!!g&&g,className:`wp-image-${c}`})}),(0,i.jsx)("div",{...r.useInnerBlocksProps.save({className:"smb-step__item__summary"})}),!r.RichText.isEmpty(p)&&(0,i.jsxs)("a",{className:"smb-step__item__link",href:h,style:y,target:"_self"===b?void 0:b,rel:"_self"===b?void 0:"noopener noreferrer",children:[(0,i.jsx)("i",{className:"fa-solid fa-circle-arrow-right"}),(0,i.jsx)(r.RichText.Content,{tagName:"span",className:"smb-step__item__link__label",value:p})]})]})]})},transforms:R,deprecated:C})})()})();

snow-monkey-blocks/trunk/dist/blocks/step/style-index-rtl.css

r3129460	r3338645
1		.smb-step{--smb-step--border-color:var(--_light-color-gray);--smb-step--gap:calc(var(--smb-step--number-size) + var(--_margin1));--smb-step--number-size:2.5rem;--smb-step--number-background-color:var(--wp--preset--color--black);--smb-step--number-color:var(--wp--preset--color--white);--smb-step--title-color:inherit;counter-reset:item}.smb-step__body{position:relative}.smb-step__body>+{margin-top:var(--smb-step--gap)}.smb-step__body:before{border-right:1px dotted var(--smb-step--border-color);bottom:calc(var(--_half-leading)1rem);content:"";display:block;right:calc(var(--smb-step--number-size)/2);position:absolute;top:calc(var(--_half-leading)1rem)}.smb-step__item{margin-right:var(--smb-step--gap)}.smb-step__item__title{align-items:center;color:var(--smb-step--title-color);display:flex;flex-direction:row;flex-wrap:nowrap;font-weight:700;margin-bottom:var(--_margin-1);position:relative}.smb-step__item__title>.smb-step__item__number{right:0;margin-right:calc(var(--smb-step--gap)-1);position:absolute;top:50%;transform:translateY(-50%)}.smb-step__item__title>span{flex:1 1 auto}.smb-step__item__number{align-items:center;background-color:var(--smb-step--number-background-color);border-radius:100%;color:var(--smb-step--number-color);display:flex;font-weight:400;height:var(--smb-step--number-size);justify-content:center;overflow:hidden;width:var(--smb-step--number-size);--_font-size-level:-2;font-size:var(--_font-size);line-height:var(--_line-height)}.smb-step__item__number:before{content:counter(item);counter-increment:item}.smb-step__item[data-image-position] .smb-step__item__number:before{display:none}.smb-step__item__link{align-items:center;display:inline-flex;flex-direction:row;flex-wrap:nowrap;margin-top:var(--_margin1)}.smb-step__item__link__label{text-decoration:underline}.smb-step__item__link .fa-arrow-circle-right{margin-left:.75rem}.smb-step__item--image-center .smb-step__item__figure,.smb-step__item--image-left .smb-step__item__figure,.smb-step__item--image-right .smb-step__item__figure{margin:0 0 var(--_margin1)}:where(.smb-step__item__summary.is-layout-constrained>){--wp--style--global--content-size:100%;--wp--style--global--wide-size:100%}@media(min-width:640px){.smb-step__item--image-left .smb-step__item__body,.smb-step__item--image-right .smb-step__item__body{display:flex}.smb-step__item--image-left .smb-step__item__body>.smb-step__item__figure,.smb-step__item--image-left .smb-step__item__body>.smb-step__item__summary,.smb-step__item--image-right .smb-step__item__body>.smb-step__item__figure,.smb-step__item--image-right .smb-step__item__body>.smb-step__item__summary{flex:1 1 auto}.smb-step__item--image-left .smb-step__item__body>.smb-step__item__figure,.smb-step__item--image-right .smb-step__item__body>.smb-step__item__figure{max-width:33%}.smb-step__item--image-left .smb-step__item__figure{margin:0 0 0 var(--_margin1)}.smb-step__item--image-right .smb-step__item__body{flex-direction:row-reverse}.smb-step__item--image-right .smb-step__item__figure{margin:0 var(--_margin1) 0 0}}
	1	.smb-step{--smb-step--border-color:var(--_light-color-gray);--smb-step--gap:calc(var(--smb-step--number-size) + var(--_margin1));--smb-step--number-size:2.5rem;--smb-step--number-background-color:var(--wp--preset--color--black);--smb-step--number-color:var(--wp--preset--color--white);--smb-step--title-color:inherit;counter-reset:item}.smb-step__body{list-style:none;padding-right:0;position:relative}.smb-step__body>+{margin-top:var(--smb-step--gap)}.smb-step__body:before{border-right:1px dotted var(--smb-step--border-color);bottom:calc(var(--_half-leading)1rem);content:"";display:block;right:calc(var(--smb-step--number-size)/2);position:absolute;top:calc(var(--_half-leading)1rem)}.smb-step__item{margin-right:var(--smb-step--gap)}.smb-step__item__title{align-items:center;color:var(--smb-step--title-color);display:flex;flex-direction:row;flex-wrap:nowrap;font-weight:700;margin-bottom:var(--_margin-1);position:relative;--_font-size-level:0;font-size:var(--_font-size);line-height:var(--_line-height)}.smb-step__item__title>.smb-step__item__number{right:0;margin-right:calc(var(--smb-step--gap)-1);position:absolute;top:50%;transform:translateY(-50%)}.smb-step__item__title>span{flex:1 1 auto}.smb-step__item__number{align-items:center;background-color:var(--smb-step--number-background-color);border-radius:100%;color:var(--smb-step--number-color);display:flex;font-weight:400;height:var(--smb-step--number-size);justify-content:center;overflow:hidden;width:var(--smb-step--number-size);--_font-size-level:-2;font-size:var(--_font-size);line-height:var(--_line-height)}.smb-step__item__number:before{content:counter(item);counter-increment:item}.smb-step__item[data-image-position] .smb-step__item__number:before{display:none}.smb-step__item__link{align-items:center;display:inline-flex;flex-direction:row;flex-wrap:nowrap;margin-top:var(--_margin1)}.smb-step__item__link__label{text-decoration:underline}.smb-step__item__link .fa-arrow-circle-right{margin-left:.75rem}.smb-step__item--image-center .smb-step__item__figure,.smb-step__item--image-left .smb-step__item__figure,.smb-step__item--image-right .smb-step__item__figure{margin:0 0 var(--_margin1)}:where(.smb-step__item__summary.is-layout-constrained>){--wp--style--global--content-size:100%;--wp--style--global--wide-size:100%}@media(min-width:640px){.smb-step__item--image-left .smb-step__item__body,.smb-step__item--image-right .smb-step__item__body{display:flex}.smb-step__item--image-left .smb-step__item__body>.smb-step__item__figure,.smb-step__item--image-left .smb-step__item__body>.smb-step__item__summary,.smb-step__item--image-right .smb-step__item__body>.smb-step__item__figure,.smb-step__item--image-right .smb-step__item__body>.smb-step__item__summary{flex:1 1 auto}.smb-step__item--image-left .smb-step__item__body>.smb-step__item__figure,.smb-step__item--image-right .smb-step__item__body>.smb-step__item__figure{max-width:33%}.smb-step__item--image-left .smb-step__item__figure{margin:0 0 0 var(--_margin1)}.smb-step__item--image-right .smb-step__item__body{flex-direction:row-reverse}.smb-step__item--image-right .smb-step__item__figure{margin:0 var(--_margin1) 0 0}}

snow-monkey-blocks/trunk/dist/blocks/step/style-index.css

r3129460	r3338645
1		.smb-step{--smb-step--border-color:var(--_light-color-gray);--smb-step--gap:calc(var(--smb-step--number-size) + var(--_margin1));--smb-step--number-size:2.5rem;--smb-step--number-background-color:var(--wp--preset--color--black);--smb-step--number-color:var(--wp--preset--color--white);--smb-step--title-color:inherit;counter-reset:item}.smb-step__body{position:relative}.smb-step__body>+{margin-top:var(--smb-step--gap)}.smb-step__body:before{border-left:1px dotted var(--smb-step--border-color);bottom:calc(var(--_half-leading)1rem);content:"";display:block;left:calc(var(--smb-step--number-size)/2);position:absolute;top:calc(var(--_half-leading)1rem)}.smb-step__item{margin-left:var(--smb-step--gap)}.smb-step__item__title{align-items:center;color:var(--smb-step--title-color);display:flex;flex-direction:row;flex-wrap:nowrap;font-weight:700;margin-bottom:var(--_margin-1);position:relative}.smb-step__item__title>.smb-step__item__number{left:0;margin-left:calc(var(--smb-step--gap)-1);position:absolute;top:50%;transform:translateY(-50%)}.smb-step__item__title>span{flex:1 1 auto}.smb-step__item__number{align-items:center;background-color:var(--smb-step--number-background-color);border-radius:100%;color:var(--smb-step--number-color);display:flex;font-weight:400;height:var(--smb-step--number-size);justify-content:center;overflow:hidden;width:var(--smb-step--number-size);--_font-size-level:-2;font-size:var(--_font-size);line-height:var(--_line-height)}.smb-step__item__number:before{content:counter(item);counter-increment:item}.smb-step__item[data-image-position] .smb-step__item__number:before{display:none}.smb-step__item__link{align-items:center;display:inline-flex;flex-direction:row;flex-wrap:nowrap;margin-top:var(--_margin1)}.smb-step__item__link__label{text-decoration:underline}.smb-step__item__link .fa-arrow-circle-right{margin-right:.75rem}.smb-step__item--image-center .smb-step__item__figure,.smb-step__item--image-left .smb-step__item__figure,.smb-step__item--image-right .smb-step__item__figure{margin:0 0 var(--_margin1)}:where(.smb-step__item__summary.is-layout-constrained>){--wp--style--global--content-size:100%;--wp--style--global--wide-size:100%}@media(min-width:640px){.smb-step__item--image-left .smb-step__item__body,.smb-step__item--image-right .smb-step__item__body{display:flex}.smb-step__item--image-left .smb-step__item__body>.smb-step__item__figure,.smb-step__item--image-left .smb-step__item__body>.smb-step__item__summary,.smb-step__item--image-right .smb-step__item__body>.smb-step__item__figure,.smb-step__item--image-right .smb-step__item__body>.smb-step__item__summary{flex:1 1 auto}.smb-step__item--image-left .smb-step__item__body>.smb-step__item__figure,.smb-step__item--image-right .smb-step__item__body>.smb-step__item__figure{max-width:33%}.smb-step__item--image-left .smb-step__item__figure{margin:0 var(--_margin1) 0 0}.smb-step__item--image-right .smb-step__item__body{flex-direction:row-reverse}.smb-step__item--image-right .smb-step__item__figure{margin:0 0 0 var(--_margin1)}}
	1	.smb-step{--smb-step--border-color:var(--_light-color-gray);--smb-step--gap:calc(var(--smb-step--number-size) + var(--_margin1));--smb-step--number-size:2.5rem;--smb-step--number-background-color:var(--wp--preset--color--black);--smb-step--number-color:var(--wp--preset--color--white);--smb-step--title-color:inherit;counter-reset:item}.smb-step__body{list-style:none;padding-left:0;position:relative}.smb-step__body>+{margin-top:var(--smb-step--gap)}.smb-step__body:before{border-left:1px dotted var(--smb-step--border-color);bottom:calc(var(--_half-leading)1rem);content:"";display:block;left:calc(var(--smb-step--number-size)/2);position:absolute;top:calc(var(--_half-leading)1rem)}.smb-step__item{margin-left:var(--smb-step--gap)}.smb-step__item__title{align-items:center;color:var(--smb-step--title-color);display:flex;flex-direction:row;flex-wrap:nowrap;font-weight:700;margin-bottom:var(--_margin-1);position:relative;--_font-size-level:0;font-size:var(--_font-size);line-height:var(--_line-height)}.smb-step__item__title>.smb-step__item__number{left:0;margin-left:calc(var(--smb-step--gap)-1);position:absolute;top:50%;transform:translateY(-50%)}.smb-step__item__title>span{flex:1 1 auto}.smb-step__item__number{align-items:center;background-color:var(--smb-step--number-background-color);border-radius:100%;color:var(--smb-step--number-color);display:flex;font-weight:400;height:var(--smb-step--number-size);justify-content:center;overflow:hidden;width:var(--smb-step--number-size);--_font-size-level:-2;font-size:var(--_font-size);line-height:var(--_line-height)}.smb-step__item__number:before{content:counter(item);counter-increment:item}.smb-step__item[data-image-position] .smb-step__item__number:before{display:none}.smb-step__item__link{align-items:center;display:inline-flex;flex-direction:row;flex-wrap:nowrap;margin-top:var(--_margin1)}.smb-step__item__link__label{text-decoration:underline}.smb-step__item__link .fa-arrow-circle-right{margin-right:.75rem}.smb-step__item--image-center .smb-step__item__figure,.smb-step__item--image-left .smb-step__item__figure,.smb-step__item--image-right .smb-step__item__figure{margin:0 0 var(--_margin1)}:where(.smb-step__item__summary.is-layout-constrained>){--wp--style--global--content-size:100%;--wp--style--global--wide-size:100%}@media(min-width:640px){.smb-step__item--image-left .smb-step__item__body,.smb-step__item--image-right .smb-step__item__body{display:flex}.smb-step__item--image-left .smb-step__item__body>.smb-step__item__figure,.smb-step__item--image-left .smb-step__item__body>.smb-step__item__summary,.smb-step__item--image-right .smb-step__item__body>.smb-step__item__figure,.smb-step__item--image-right .smb-step__item__body>.smb-step__item__summary{flex:1 1 auto}.smb-step__item--image-left .smb-step__item__body>.smb-step__item__figure,.smb-step__item--image-right .smb-step__item__body>.smb-step__item__figure{max-width:33%}.smb-step__item--image-left .smb-step__item__figure{margin:0 var(--_margin1) 0 0}.smb-step__item--image-right .smb-step__item__body{flex-direction:row-reverse}.smb-step__item--image-right .smb-step__item__figure{margin:0 0 0 var(--_margin1)}}

snow-monkey-blocks/trunk/readme.txt

r3280484	r3338645
3	3	Donate link: https://www.amazon.co.jp/registry/wishlist/39ANKRNSTNW40
4	4	Tags: gutenberg, block, blocks, editor, gutenberg blocks
5		Stable tag: 24.~~0.4~~
	5	Stable tag: 24.1.0
6	6	Requires at least: 6.8
7	7	Tested up to: 6.8

snow-monkey-blocks/trunk/snow-monkey-blocks.php

r3280484	r3338645
2	2	/**
3	3	* Plugin name: Snow Monkey Blocks
4		* Version: 24.~~0.4~~
	4	* Version: 24.1.0
5	5	* Description: Gutenberg blocks collection made by MonkeyWrench.
6	6	* Author: inc2734

snow-monkey-blocks/trunk/src/blocks/step/block.json

-                      r3129460
+                      r3338645
     "$schema": "https://schemas.wp.org/trunk/block.json",
     "apiVersion": 3,
     "version": "21.0.6",
+    "version": "24.1.0",
     "textdomain": "snow-monkey-blocks",
     "name": "snow-monkey-blocks/step",
 …
     "category": "smb",
     "attributes": {
+        "tagName": {
+            "type": "string",
+            "default": "div"
+        },
         "templateLock": {
             "type": [ "string", "boolean" ],
             "enum": [ "all", "insert", "contentOnly", false ]
+        }
+    },
+    "providesContext": {
+        "snow-monkey-blocks/tagName": "tagName"
     },
     "supports": {

snow-monkey-blocks/trunk/src/blocks/step/edit.js

-                      r3182887
+                      r3338645
 import classnames from 'classnames';
+import { times } from 'lodash';
 import {
+    InspectorControls,
     InnerBlocks,
     useBlockProps,
 …
 } from '@wordpress/block-editor';
+import {
+    BaseControl,
+    Button,
+    __experimentalToolsPanel as ToolsPanel,
+    __experimentalToolsPanelItem as ToolsPanelItem,
+} from '@wordpress/components';
 import { useSelect } from '@wordpress/data';
+import { __ } from '@wordpress/i18n';
+import { useToolsPanelDropdownMenuProps } from '@smb/helper';
 const ALLOWED_BLOCKS = [ 'snow-monkey-blocks/step-item-free' ];
 …
 const TEMPLATE = [ [ 'snow-monkey-blocks/step-item-free' ] ];
+export default function ( { attributes, className, clientId } ) {
+    const { templateLock } = attributes;
+import metadata from './block.json';
+export default function ( { attributes, setAttributes, className, clientId } ) {
+    const { tagName, templateLock } = attributes;
     const hasInnerBlocks = useSelect(
 …
         [ clientId ]
     );
+    const dropdownMenuProps = useToolsPanelDropdownMenuProps();
+    const TagName = tagName;
+    const tagNames = [ 'div', 'ul', 'ol' ];
     const classes = classnames( 'smb-step', className );
 …
     return (
+        <div { ...blockProps }>
+            <div { ...innerBlocksProps } />
+        </div>
+        <>
+            <InspectorControls>
+                <ToolsPanel
+                    label={ __( 'Block settings', 'snow-monkey-blocks' ) }
+                    dropdownMenuProps={ dropdownMenuProps }
+                >
+                    <ToolsPanelItem
+                        hasValue={ () =>
+                            tagName !== metadata.attributes.tagName.default
+                        }
+                        isShownByDefault
+                        label={ __( 'Tag', 'snow-monkey-blocks' ) }
+                        onDeselect={ () =>
+                            setAttributes( {
+                                tagName: metadata.attributes.tagName.default,
+                            } )
+                        }
+                    >
+                        <BaseControl
+                            __nextHasNoMarginBottom
+                            label={ __( 'Tag', 'snow-monkey-blocks' ) }
+                            id="snow-monkey-blocks/step/tag-name"
+                        >
+                            <div className="smb-list-icon-selector">
+                                { times( tagNames.length, ( index ) => {
+                                    const onClicktagName = () =>
+                                        setAttributes( {
+                                            tagName: tagNames[ index ],
+                                        } );
+                                    return (
+                                        <Button
+                                            variant={
+                                                tagName === tagNames[ index ]
+                                                    ? 'primary'
+                                                    : 'secondary'
+                                            }
+                                            onClick={ onClicktagName }
+                                            key={ index }
+                                        >
+                                            { tagNames[ index ] }
+                                        </Button>
+                                    );
+                                } ) }
+                            </div>
+                        </BaseControl>
+                    </ToolsPanelItem>
+                </ToolsPanel>
+            </InspectorControls>
+            <div { ...blockProps }>
+                <TagName { ...innerBlocksProps } />
+            </div>
+        </>
     );
+}

snow-monkey-blocks/trunk/src/blocks/step/item/free/block.json

-                      r3119394
+                      r3338645
     "$schema": "https://schemas.wp.org/trunk/block.json",
     "apiVersion": 3,
+    "version": "24.1.0",
     "textdomain": "snow-monkey-blocks",
     "name": "snow-monkey-blocks/step-item-free",
 …
     "parent": [ "snow-monkey-blocks/step" ],
     "attributes": {
+        "tagName": {
+            "type": "string",
+            "default": "div"
+        },
+        "titleTagName": {
+            "type": "string",
+            "default": "div"
+        },
         "title": {
             "type": "string",
 …
+        }
     },
+    "usesContext": [ "snow-monkey-blocks/tagName" ],
     "supports": {
         "anchor": true,

snow-monkey-blocks/trunk/src/blocks/step/item/free/edit.js

-                      r3274004
+                      r3338645
 import classnames from 'classnames';
+import { times } from 'lodash';
 import {
 …
 import {
     BaseControl,
+    Button,
+    __experimentalToolsPanel as ToolsPanel,
     __experimentalToolsPanelItem as ToolsPanelItem,
 } from '@wordpress/components';
 import { useSelect } from '@wordpress/data';
+import { useEffect } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
+import { useToolsPanelDropdownMenuProps } from '@smb/helper';
 import metadata from './block.json';
+export default function ( { attributes, setAttributes, className, clientId } ) {
+export default function ( {
+    attributes,
+    setAttributes,
+    className,
+    clientId,
+    context,
+} ) {
     const {
+        tagName,
+        titleTagName,
         title,
         numberColor,
 …
     const [ fontSizes ] = useSettings( 'typography.fontSizes' );
+    useEffect( () => {
+        setAttributes( {
+            tagName: [ 'ul', 'ol' ].includes(
+                context[ 'snow-monkey-blocks/tagName' ]
+            )
+                ? 'li'
+                : 'div',
+        } );
+    }, [ context[ 'snow-monkey-blocks/tagName' ] ] );
+    const TagName = tagName;
+    const TitleTagName = titleTagName;
+    const titleTagNames = [ 'div', 'h2', 'h3', 'h4' ];
     const hasInnerBlocks = useSelect(
 …
     );
+    const dropdownMenuProps = useToolsPanelDropdownMenuProps();
     const selectedTitleFontSize =
         fontSizes.find(
 …
     return (
         <>
+            <InspectorControls>
+                <ToolsPanel
+                    label={ __( 'Block settings', 'snow-monkey-blocks' ) }
+                    dropdownMenuProps={ dropdownMenuProps }
+                >
+                    <ToolsPanelItem
+                        hasValue={ () =>
+                            tagName !== metadata.attributes.titleTagName.default
+                        }
+                        isShownByDefault
+                        label={ __( 'Title tag', 'snow-monkey-blocks' ) }
+                        onDeselect={ () =>
+                            setAttributes( {
+                                tagName:
+                                    metadata.attributes.titleTagName.default,
+                            } )
+                        }
+                    >
+                        <BaseControl
+                            __nextHasNoMarginBottom
+                            label={ __( 'Title tag', 'snow-monkey-blocks' ) }
+                            id="snow-monkey-blocks/step-item-free/title-tag-name"
+                        >
+                            <div className="smb-list-icon-selector">
+                                { times( titleTagNames.length, ( index ) => {
+                                    const onClicktagName = () =>
+                                        setAttributes( {
+                                            titleTagName:
+                                                titleTagNames[ index ],
+                                        } );
+                                    return (
+                                        <Button
+                                            variant={
+                                                titleTagName ===
+                                                titleTagNames[ index ]
+                                                    ? 'primary'
+                                                    : 'secondary'
+                                            }
+                                            onClick={ onClicktagName }
+                                            key={ index }
+                                        >
+                                            { titleTagNames[ index ] }
+                                        </Button>
+                                    );
+                                } ) }
+                            </div>
+                        </BaseControl>
+                    </ToolsPanelItem>
+                </ToolsPanel>
+            </InspectorControls>
             <InspectorControls group="typography">
                 <ToolsPanelItem
 …
             </InspectorControls>
             <div { ...blockProps }>
                 <div
+            <TagName { ...blockProps }>
+                <TitleTagName
                     className={ classnames(
                         'smb-step__item__title',
 …
+                        }
                     />
                 </div>
+                </TitleTagName>
                 <div className="smb-step__item__body">
                     <div { ...innerBlocksProps } />
                 </div>
             </div>
+            </TagName>
         </>
     );

snow-monkey-blocks/trunk/src/blocks/step/item/free/save.js

-                      r3119394
+                      r3338645
 export default function ( { attributes, className } ) {
+    const { title, numberColor, titleColor, titleFontSizeSlug, titleFontSize } =
+        attributes;
+    const {
+        tagName,
+        titleTagName,
+        title,
+        numberColor,
+        titleColor,
+        titleFontSizeSlug,
+        titleFontSize,
+    } = attributes;
+    const TagName = tagName;
+    const TitleTagName = titleTagName;
     const classes = classnames( 'smb-step__item', className );
 …
     return (
+        <div { ...useBlockProps.save( { className: classes, style: styles } ) }>
+            <div
+        <TagName
+            { ...useBlockProps.save( { className: classes, style: styles } ) }
+        >
+            <TitleTagName
                 className={ classnames(
                     'smb-step__item__title',
 …
                 <div className="smb-step__item__number" />
                 <RichText.Content tagName="span" value={ title } />
             </div>
+            </TitleTagName>
             <div className="smb-step__item__body">
 …
                 />
             </div>
         </div>
+        </TagName>
     );
+}

snow-monkey-blocks/trunk/src/blocks/step/item/standard/block.json

-                      r3060212
+                      r3338645
     "$schema": "https://schemas.wp.org/trunk/block.json",
     "apiVersion": 3,
+    "version": "24.1.0",
     "textdomain": "snow-monkey-blocks",
     "name": "snow-monkey-blocks/step--item",
 …
     "parent": [ "snow-monkey-blocks/step" ],
     "attributes": {
+        "tagName": {
+            "type": "string",
+            "default": "div"
+        },
+        "titleTagName": {
+            "type": "string",
+            "default": "div"
+        },
         "title": {
             "type": "string",
 …
+        }
     },
+    "usesContext": [ "snow-monkey-blocks/tagName" ],
     "supports": {
         "anchor": true,

snow-monkey-blocks/trunk/src/blocks/step/item/standard/edit.js

-                      r3280484
+                      r3338645
 import classnames from 'classnames';
+import { times } from 'lodash';
 import {
 …
 import {
+    BaseControl,
+    Button,
     Popover,
     SelectControl,
 …
 import { useSelect } from '@wordpress/data';
 import { useState, useRef } from '@wordpress/element';
+import { useState, useRef, useEffect } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 import { link as linkIcon } from '@wordpress/icons';
 …
     className,
     clientId,
+    context,
 } ) {
     const {
+        tagName,
+        titleTagName,
         title,
         numberColor,
 …
     );
+    useEffect( () => {
+        setAttributes( {
+            tagName: [ 'ul', 'ol' ].includes(
+                context[ 'snow-monkey-blocks/tagName' ]
+            )
+                ? 'li'
+                : 'div',
+        } );
+    }, [ context[ 'snow-monkey-blocks/tagName' ] ] );
+    const TagName = tagName;
+    const TitleTagName = titleTagName;
+    const titleTagNames = [ 'div', 'h2', 'h3', 'h4' ];
     const imageSizeOptions = imageSizes
         .filter(
 …
     return (
         <>
+            <InspectorControls>
+                <ToolsPanel
+                    label={ __( 'Block settings', 'snow-monkey-blocks' ) }
+                    dropdownMenuProps={ dropdownMenuProps }
+                >
+                    <ToolsPanelItem
+                        hasValue={ () =>
+                            tagName !== metadata.attributes.titleTagName.default
+                        }
+                        isShownByDefault
+                        label={ __( 'Title tag', 'snow-monkey-blocks' ) }
+                        onDeselect={ () =>
+                            setAttributes( {
+                                tagName:
+                                    metadata.attributes.titleTagName.default,
+                            } )
+                        }
+                    >
+                        <BaseControl
+                            __nextHasNoMarginBottom
+                            label={ __( 'Title tag', 'snow-monkey-blocks' ) }
+                            id="snow-monkey-blocks/step-item/title-tag-name"
+                        >
+                            <div className="smb-list-icon-selector">
+                                { times( titleTagNames.length, ( index ) => {
+                                    const onClicktagName = () =>
+                                        setAttributes( {
+                                            titleTagName:
+                                                titleTagNames[ index ],
+                                        } );
+                                    return (
+                                        <Button
+                                            variant={
+                                                titleTagName ===
+                                                titleTagNames[ index ]
+                                                    ? 'primary'
+                                                    : 'secondary'
+                                            }
+                                            onClick={ onClicktagName }
+                                            key={ index }
+                                        >
+                                            { titleTagNames[ index ] }
+                                        </Button>
+                                    );
+                                } ) }
+                            </div>
+                        </BaseControl>
+                    </ToolsPanelItem>
+                </ToolsPanel>
+            </InspectorControls>
             <InspectorControls group="color">
                 <ColorGradientSettingsDropdown
 …
             </InspectorControls>
             <div { ...blockProps }>
                 <div className="smb-step__item__title">
+            <TagName { ...blockProps }>
+                <TitleTagName className="smb-step__item__title">
                     <div
                         className="smb-step__item__number"
 …
+                        }
                     />
                 </div>
+                </TitleTagName>
                 <div className="smb-step__item__body">
 …
                     </span>
                 </div>
             </div>
+            </TagName>
             <BlockControls group="block">

snow-monkey-blocks/trunk/src/blocks/step/item/standard/save.js

-                      r2809265
+                      r3338645
 export default function ( { attributes, className } ) {
     const {
+        tagName,
+        titleTagName,
         title,
         numberColor,
 …
         linkColor,
     } = attributes;
+    const TagName = tagName;
+    const TitleTagName = titleTagName;
     const classes = classnames(
 …
     return (
         <div { ...useBlockProps.save( { className: classes } ) }>
             <div className="smb-step__item__title">
+        <TagName { ...useBlockProps.save( { className: classes } ) }>
+            <TitleTagName className="smb-step__item__title">
                 <div
                     className="smb-step__item__number"
 …
                 />
                 <RichText.Content tagName="span" value={ title } />
             </div>
+            </TitleTagName>
             <div className="smb-step__item__body">
 …
                 ) }
             </div>
         </div>
+        </TagName>
     );
+}

snow-monkey-blocks/trunk/src/blocks/step/save.js

-                      r2809265
+                      r3338645
 import { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';
+export default function ( { className } ) {
+export default function ( { attributes, className } ) {
+    const { tagName } = attributes;
+    const TagName = tagName;
     const classes = classnames( 'smb-step', className );
     return (
         <div { ...useBlockProps.save( { className: classes } ) }>
             <div
+            <TagName
                 { ...useInnerBlocksProps.save( {
                     className: 'smb-step__body',

snow-monkey-blocks/trunk/src/blocks/step/style.scss

-                      r3129460
+                      r3338645
     &__body {
         position: relative;
+        list-style: none;
+        padding-left: 0;
         > * + * {
 …
             font-weight: bold;
             color: var(--smb-step--title-color);
+            @include core.set-font-size-level(0);
             > .smb-step__item__number {

snow-monkey-blocks/trunk/vendor/composer/platform_check.php

r2900093	r3338645
20	20	}
21	21	}
22		trigger_error(
23		'Composer detected issues in your platform: ' . implode(' ', $issues),
24		E_USER_ERROR
	22	throw new \RuntimeException(
	23	'Composer detected issues in your platform: ' . implode(' ', $issues)
25	24	);
26	25	}

Plugin Directory

Context Navigation

Legend:

snow-monkey-blocks/trunk/changelog.txt

snow-monkey-blocks/trunk/dist/blocks/step/block.json

snow-monkey-blocks/trunk/dist/blocks/step/index.asset.php

snow-monkey-blocks/trunk/dist/blocks/step/index.js

snow-monkey-blocks/trunk/dist/blocks/step/item/free/block.json

snow-monkey-blocks/trunk/dist/blocks/step/item/free/index.asset.php

snow-monkey-blocks/trunk/dist/blocks/step/item/free/index.js

snow-monkey-blocks/trunk/dist/blocks/step/item/standard/block.json

snow-monkey-blocks/trunk/dist/blocks/step/item/standard/index.asset.php

snow-monkey-blocks/trunk/dist/blocks/step/item/standard/index.js

snow-monkey-blocks/trunk/dist/blocks/step/style-index-rtl.css

snow-monkey-blocks/trunk/dist/blocks/step/style-index.css

snow-monkey-blocks/trunk/readme.txt

snow-monkey-blocks/trunk/snow-monkey-blocks.php

snow-monkey-blocks/trunk/src/blocks/step/block.json

snow-monkey-blocks/trunk/src/blocks/step/edit.js

snow-monkey-blocks/trunk/src/blocks/step/item/free/block.json

snow-monkey-blocks/trunk/src/blocks/step/item/free/edit.js

snow-monkey-blocks/trunk/src/blocks/step/item/free/save.js

snow-monkey-blocks/trunk/src/blocks/step/item/standard/block.json

snow-monkey-blocks/trunk/src/blocks/step/item/standard/edit.js

snow-monkey-blocks/trunk/src/blocks/step/item/standard/save.js

snow-monkey-blocks/trunk/src/blocks/step/save.js

snow-monkey-blocks/trunk/src/blocks/step/style.scss

snow-monkey-blocks/trunk/vendor/composer/platform_check.php

Download in other formats: