Changeset 2420620

Timestamp:

11/18/2020 08:05:01 AM (5 years ago)

Author:

qrac

Message:

Update to version 1.2.3 from GitHub

Location:

qroko-blocks

Files:

• tags/1.2.3 (copied) (copied from qroko-blocks/trunk)
• tags/1.2.3/build/editors.asset.php (modified) (1 diff)
• tags/1.2.3/build/editors.js (modified) (1 diff)
• tags/1.2.3/qroko-blocks.php (modified) (1 diff)
• tags/1.2.3/readme.txt (modified) (2 diffs)
• trunk/build/editors.asset.php (modified) (1 diff)
• trunk/build/editors.js (modified) (1 diff)
• trunk/qroko-blocks.php (modified) (1 diff)
• trunk/readme.txt (modified) (2 diffs)

qroko-blocks/tags/1.2.3/build/editors.asset.php

@@ -1 @@
-<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-polyfill'), 'version' => '930eb17c328250ce8766d94b67b02118');
+<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-polyfill'), 'version' => '114e0f0f99b82d35a1c817adc450c7e1');

qroko-blocks/tags/1.2.3/build/editors.js

@@ -1 @@
-!function(e){var t={};function o(n){if(t[n])return t[n].exports;var a=t[n]={i:n,l:!1,exports:{}};return e[n].call(a.exports,a,a.exports,o),a.l=!0,a.exports}o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)o.d(n,a,function(t){return e[t]}.bind(null,a));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=12)}([function(e,t){!function(){e.exports=this.wp.element}()},function(e,t){!function(){e.exports=this.wp.components}()},function(e,t){!function(){e.exports=this.wp.i18n}()},function(e,t){!function(){e.exports=this.wp.blockEditor}()},function(e,t,o){var n;!function(){"use strict";var o={}.hasOwnProperty;function a(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var r=typeof n;if("string"===r||"number"===r)e.push(n);else if(Array.isArray(n)&&n.length){var l=a.apply(null,n);l&&e.push(l)}else if("object"===r)for(var c in n)o.call(n,c)&&n[c]&&e.push(c)}}return e.join(" ")}e.exports?(a.default=a,e.exports=a):void 0===(n=function(){return a}.apply(t,[]))||(e.exports=n)}()},function(e,t){!function(){e.exports=this.wp.blocks}()},function(e,t,o){},function(e,t,o){},function(e,t,o){},,,,function(e,t,o){"use strict";o.r(t);var n=o(0),a=o(2),r=o(5),l=o(3),c=o(1),i=o(4),s=o.n(i),b=(o(6),[{label:Object(a.__)("Center","qroko-blocks"),value:"center"},{label:Object(a.__)("Left","qroko-blocks"),value:"left"},{label:Object(a.__)("Right","qroko-blocks"),value:"right"}]);Object(r.registerBlockType)("qroko-blocks/section",{title:Object(a.__)("Section","qroko-blocks"),description:Object(a.__)("You can set up full-width sections and place content inside.","qroko-blocks"),category:"qroko",icon:Object(n.createElement)("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},Object(n.createElement)("path",{"fill-rule":"evenodd",d:"M14.5 13.5h-13A.5.5 0 0 1 1 13V6a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5zm-13 1A1.5 1.5 0 0 1 0 13V6a1.5 1.5 0 0 1 1.5-1.5h13A1.5 1.5 0 0 1 16 6v7a1.5 1.5 0 0 1-1.5 1.5h-13zM2 3a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 0-1h-11A.5.5 0 0 0 2 3zm2-2a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 0-1h-7A.5.5 0 0 0 4 1z"})),attributes:{backgroundColor:{type:"string"},backgroundImageID:{type:"number",default:0},backgroundImageURL:{type:"string",default:""},backgroundSize:{type:"string",default:"cover"},backgroundPosition:{type:"string",default:"center"},backgroundOpacity:{type:"number",default:100},innerMaxWidthTrigger:{type:"boolean",default:!1},innerMaxWidth:{type:"number",default:1e3},innerPosition:{type:"string",default:"center"},innerPaddingTop:{type:"number",default:32},innerPaddingRight:{type:"number",default:0},innerPaddingBottom:{type:"number",default:32},innerPaddingLeft:{type:"number",default:0}},edit:function(e){var t=e.attributes,o=e.className,r=e.setAttributes,i=t.backgroundImageURL?"url(".concat(t.backgroundImageURL,")"):"",d=String(t.backgroundOpacity/100),g=t.innerMaxWidthTrigger?t.innerMaxWidth+"px":"none",u={"--qroko-blocks-section-background-color":t.backgroundColor,"--qroko-blocks-section-background-image":i,"--qroko-blocks-section-background-size":t.backgroundSize,"--qroko-blocks-section-background-position":t.backgroundPosition,"--qroko-blocks-section-background-opacity":d,"--qroko-blocks-section-inner-max-width":g,"--qroko-blocks-section-inner-margin":function(){switch(t.innerPosition){case"center":return"0 auto";case"left":return"0 auto 0 0";case"right":return"0 0 0 auto";default:return"0 auto"}}(),"--qroko-blocks-section-inner-padding-top":t.innerPaddingTop+"px","--qroko-blocks-section-inner-padding-right":t.innerPaddingRight+"px","--qroko-blocks-section-inner-padding-bottom":t.innerPaddingBottom+"px","--qroko-blocks-section-inner-padding-left":t.innerPaddingLeft+"px"};return Object(n.createElement)("section",{className:s()(o,"qroko-blocks-section"),style:u},Object(n.createElement)(l.InspectorControls,null,Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Background","qroko-blocks")},Object(n.createElement)(c.BaseControl,{label:Object(a.__)("Color","qroko-blocks")},Object(n.createElement)(l.ColorPalette,{value:t.backgroundColor,onChange:function(e){return r({backgroundColor:e})}})),Object(n.createElement)(c.BaseControl,{label:Object(a.__)("Image","qroko-blocks")},Object(n.createElement)("div",null,Object(n.createElement)(l.MediaUpload,{onSelect:function(e){r({backgroundImageID:e.id,backgroundImageURL:e.url})},type:"image",value:t.backgroundImageID,render:function(e){var o,l=e.open;return o=l,t.backgroundImageURL?Object(n.createElement)("div",null,Object(n.createElement)(c.Button,{onClick:o,className:"qroko-blocks-section-image-preview"},Object(n.createElement)("img",{src:t.backgroundImageURL,alt:""})),Object(n.createElement)(c.Button,{onClick:function(){r({backgroundImageID:0,backgroundImageURL:""})},className:"button"},Object(a.__)("Delete image","qroko-blocks"))):Object(n.createElement)(c.Button,{onClick:o,className:"button"},Object(a.__)("Add Image","qroko-blocks"))}}))),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:t.backgroundOpacity,label:Object(a.__)("Opacity","qroko-blocks"),min:0,max:100,initialPosition:100,allowReset:!0,onChange:function(e){r({backgroundOpacity:e||100})}}))),Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Inner","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.ToggleControl,{label:Object(a.__)("Use the Max Width","qroko-blocks"),onChange:function(){r({innerMaxWidthTrigger:!t.innerMaxWidthTrigger})},checked:t.innerMaxWidthTrigger}),Object(n.createElement)(c.RangeControl,{value:t.innerMaxWidth,label:Object(a.__)("Max Width (px)","qroko-blocks"),min:100,max:1600,initialPosition:1e3,allowReset:!0,onChange:function(e){r({innerMaxWidth:e||1e3})}}),Object(n.createElement)(c.RadioControl,{label:Object(a.__)("Position","qroko-blocks"),selected:t.innerPosition,options:b,onChange:function(e){r({innerPosition:e})}}),Object(n.createElement)(c.RangeControl,{value:t.innerPaddingTop,label:Object(a.__)("Padding Top (px)","qroko-blocks"),min:0,max:200,initialPosition:32,allowReset:!0,onChange:function(e){r({innerPaddingTop:e||32})}}),Object(n.createElement)(c.RangeControl,{value:t.innerPaddingRight,label:Object(a.__)("Padding Right (px)","qroko-blocks"),min:0,max:200,initialPosition:0,allowReset:!0,onChange:function(e){r({innerPaddingRight:e||0})}}),Object(n.createElement)(c.RangeControl,{value:t.innerPaddingBottom,label:Object(a.__)("Padding Bottom (px)","qroko-blocks"),min:0,max:200,initialPosition:32,allowReset:!0,onChange:function(e){r({innerPaddingBottom:e||32})}}),Object(n.createElement)(c.RangeControl,{value:t.innerPaddingLeft,label:Object(a.__)("Padding Left (px)","qroko-blocks"),min:0,max:200,initialPosition:0,allowReset:!0,onChange:function(e){r({innerPaddingLeft:e||0})}})))),Object(n.createElement)("div",{className:"qroko-blocks-section-background"}),Object(n.createElement)("div",{className:"qroko-blocks-section-inner"},Object(n.createElement)(l.InnerBlocks,null)))},save:function(e){var t=e.attributes,o=e.className,a=t.backgroundImageURL?"url(".concat(t.backgroundImageURL,")"):"",r=String(t.backgroundOpacity/100),c=t.innerMaxWidthTrigger?t.innerMaxWidth+"px":"none",i={"--qroko-blocks-section-background-color":t.backgroundColor,"--qroko-blocks-section-background-image":a,"--qroko-blocks-section-background-size":t.backgroundSize,"--qroko-blocks-section-background-position":t.backgroundPosition,"--qroko-blocks-section-background-opacity":r,"--qroko-blocks-section-inner-max-width":c,"--qroko-blocks-section-inner-margin":function(){switch(t.innerPosition){case"center":return"0 auto";case"left":return"0 auto 0 0";case"right":return"0 0 0 auto";default:return"0 auto"}}(),"--qroko-blocks-section-inner-padding-top":t.innerPaddingTop+"px","--qroko-blocks-section-inner-padding-right":t.innerPaddingRight+"px","--qroko-blocks-section-inner-padding-bottom":t.innerPaddingBottom+"px","--qroko-blocks-section-inner-padding-left":t.innerPaddingLeft+"px"};return Object(n.createElement)("section",{className:s()(o,"qroko-blocks-section"),style:i},Object(n.createElement)("div",{className:"qroko-blocks-section-background"}),Object(n.createElement)("div",{className:"qroko-blocks-section-inner"},Object(n.createElement)(l.InnerBlocks.Content,null)))}});o(7);var d=[{label:Object(a.__)("Center","qroko-blocks"),value:"center"},{label:Object(a.__)("Left","qroko-blocks"),value:"left"},{label:Object(a.__)("Right","qroko-blocks"),value:"right"}],g=[{label:Object(a.__)("Solid","qroko-blocks"),value:"solid"},{label:Object(a.__)("Dashed","qroko-blocks"),value:"dashed"},{label:Object(a.__)("Dotted","qroko-blocks"),value:"dotted"},{label:Object(a.__)("Double","qroko-blocks"),value:"double"}],u=function(e){return null==e&&(e="#ffffff"),"#"==e.slice(0,1)&&(e=e.slice(1)),3==e.length&&(e=e.slice(0,1)+e.slice(0,1)+e.slice(1,2)+e.slice(1,2)+e.slice(2,3)+e.slice(2,3)),{red:parseInt(e.slice(0,2),16),green:parseInt(e.slice(2,4),16),blue:parseInt(e.slice(4,6),16)}};Object(r.registerBlockType)("qroko-blocks/box",{title:Object(a.__)("Box","qroko-blocks"),description:Object(a.__)("You can set up decorative boxes and place content inside.","qroko-blocks"),category:"qroko",icon:Object(n.createElement)("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},Object(n.createElement)("path",{"fill-rule":"evenodd",d:"M14.5 3h-13a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"})),attributes:{maxWidthTrigger:{type:"boolean",default:!1},maxWidth:{type:"number",default:1e3},position:{type:"string",default:"center"},radius:{type:"number",default:4},backgroundTrigger:{type:"boolean",default:!0},backgroundColor:{type:"string",default:"#f2f2f2"},backgroundOpacity:{type:"number",default:100},borderTrigger:{type:"boolean",default:!0},borderWidth:{type:"number",default:1},borderStyle:{type:"string",default:"solid"},borderColor:{type:"string",default:"#e4e4e4"},borderOpacity:{type:"number",default:100},shadowTrigger:{type:"boolean",default:!1},shadowX:{type:"number",default:0},shadowY:{type:"number",default:8},shadowBlur:{type:"number",default:8},shadowSpread:{type:"number",default:-4},shadowColor:{type:"string",default:"#000000"},shadowOpacity:{type:"number",default:12},innerPaddingTop:{type:"number",default:16},innerPaddingRight:{type:"number",default:16},innerPaddingBottom:{type:"number",default:16},innerPaddingLeft:{type:"number",default:16}},edit:function(e){var t=e.attributes,o=e.className,r=e.setAttributes,i=t.maxWidthTrigger?t.maxWidth+"px":"none",b="right"===t.position?"0":"auto",m="left"===t.position?"0":"auto",k=u(t.backgroundColor),p=u(t.borderColor),O=u(t.shadowColor),h=function(e,t){return"rgb(".concat(e.red," ").concat(e.green," ").concat(e.blue," / ").concat(t,"%)")},f=h(k,t.backgroundOpacity),j=t.backgroundTrigger?f:"none",C=h(p,t.borderOpacity),q=t.borderTrigger?"".concat(t.borderWidth,"px ").concat(t.borderStyle," ").concat(C):"none",_=h(O,t.shadowOpacity),x=t.shadowTrigger?"".concat(t.shadowX,"px ").concat(t.shadowY,"px ").concat(t.shadowBlur,"px ").concat(t.shadowSpread,"px ").concat(_):"none",v="".concat(t.innerPaddingTop,"px ").concat(t.innerPaddingRight,"px ").concat(t.innerPaddingBottom,"px ").concat(t.innerPaddingLeft,"px"),E={"--qroko-blocks-box-max-width":i,"--qroko-blocks-box-margin-right":b,"--qroko-blocks-box-margin-left":m,"--qroko-blocks-box-radius":t.radius+"px","--qroko-blocks-box-background":j,"--qroko-blocks-box-border":q,"--qroko-blocks-box-shadow":x,"--qroko-blocks-box-padding":v};return Object(n.createElement)("div",{className:s()(o,"qroko-blocks-box"),style:E},Object(n.createElement)(l.InspectorControls,null,Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Basic Settings","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.ToggleControl,{label:Object(a.__)("Use the Max Width","qroko-blocks"),onChange:function(){r({maxWidthTrigger:!t.maxWidthTrigger})},checked:t.maxWidthTrigger}),Object(n.createElement)(c.RangeControl,{value:t.maxWidth,label:Object(a.__)("Max Width (px)","qroko-blocks"),min:100,max:1600,initialPosition:1e3,allowReset:!0,onChange:function(e){r({maxWidth:e||1e3})}}),Object(n.createElement)(c.RadioControl,{label:Object(a.__)("Position","qroko-blocks"),selected:t.position,options:d,onChange:function(e){r({position:e})}}),Object(n.createElement)(c.RangeControl,{value:t.radius,label:Object(a.__)("Round Shape (px)","qroko-blocks"),min:0,max:40,initialPosition:4,allowReset:!0,onChange:function(e){r({radius:e||4})}}))),Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Background","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.ToggleControl,{label:Object(a.__)("Use the Background","qroko-blocks"),onChange:function(){r({backgroundTrigger:!t.backgroundTrigger})},checked:t.backgroundTrigger})),Object(n.createElement)(c.BaseControl,{label:Object(a.__)("Color","qroko-blocks")},Object(n.createElement)(l.ColorPalette,{value:t.backgroundColor,onChange:function(e){return r({backgroundColor:e})}})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:t.backgroundOpacity,label:Object(a.__)("Opacity","qroko-blocks"),min:0,max:100,initialPosition:100,allowReset:!0,onChange:function(e){r({backgroundOpacity:e||100})}}))),Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Border","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.ToggleControl,{label:Object(a.__)("Use the Border","qroko-blocks"),onChange:function(){r({borderTrigger:!t.borderTrigger})},checked:t.borderTrigger})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:t.borderWidth,label:Object(a.__)("Width","qroko-blocks"),min:0,max:40,initialPosition:1,allowReset:!0,onChange:function(e){r({borderWidth:e||1})}}),Object(n.createElement)(c.RadioControl,{label:Object(a.__)("Style","qroko-blocks"),selected:t.borderStyle,options:g,onChange:function(e){r({borderStyle:e})}})),Object(n.createElement)(c.BaseControl,{label:Object(a.__)("Color","qroko-blocks")},Object(n.createElement)(l.ColorPalette,{value:t.borderColor,onChange:function(e){return r({borderColor:e})}})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:t.borderOpacity,label:Object(a.__)("Opacity","qroko-blocks"),min:0,max:100,initialPosition:100,allowReset:!0,onChange:function(e){r({borderOpacity:e||100})}}))),Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Shadow","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.ToggleControl,{label:Object(a.__)("Use the Shadow","qroko-blocks"),onChange:function(){r({shadowTrigger:!t.shadowTrigger})},checked:t.shadowTrigger})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:t.shadowX,label:Object(a.__)("X Offset (px)","qroko-blocks"),min:-40,max:40,initialPosition:0,allowReset:!0,onChange:function(e){r({shadowX:e||0})}}),Object(n.createElement)(c.RangeControl,{value:t.shadowY,label:Object(a.__)("Y Offset (px)","qroko-blocks"),min:-40,max:40,initialPosition:8,allowReset:!0,onChange:function(e){r({shadowY:e||8})}}),Object(n.createElement)(c.RangeControl,{value:t.shadowBlur,label:Object(a.__)("Blur (px)","qroko-blocks"),min:0,max:40,initialPosition:8,allowReset:!0,onChange:function(e){r({shadowBlur:e||8})}}),Object(n.createElement)(c.RangeControl,{value:t.shadowSpread,label:Object(a.__)("Spread (px)","qroko-blocks"),min:-40,max:40,initialPosition:-4,allowReset:!0,onChange:function(e){r({shadowSpread:e||-4})}})),Object(n.createElement)(c.BaseControl,{label:Object(a.__)("Color","qroko-blocks")},Object(n.createElement)(l.ColorPalette,{value:t.shadowColor,onChange:function(e){return r({shadowColor:e})}})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:t.shadowOpacity,label:Object(a.__)("Opacity","qroko-blocks"),min:0,max:100,initialPosition:12,allowReset:!0,onChange:function(e){r({shadowOpacity:e||12})}}))),Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Inner","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:t.innerPaddingTop,label:Object(a.__)("Padding Top (px)","qroko-blocks"),min:0,max:200,initialPosition:16,allowReset:!0,onChange:function(e){r({innerPaddingTop:e||16})}}),Object(n.createElement)(c.RangeControl,{value:t.innerPaddingRight,label:Object(a.__)("Padding Right (px)","qroko-blocks"),min:0,max:200,initialPosition:16,allowReset:!0,onChange:function(e){r({innerPaddingRight:e||16})}}),Object(n.createElement)(c.RangeControl,{value:t.innerPaddingBottom,label:Object(a.__)("Padding Bottom (px)","qroko-blocks"),min:0,max:200,initialPosition:16,allowReset:!0,onChange:function(e){r({innerPaddingBottom:e||16})}}),Object(n.createElement)(c.RangeControl,{value:t.innerPaddingLeft,label:Object(a.__)("Padding Left (px)","qroko-blocks"),min:0,max:200,initialPosition:16,allowReset:!0,onChange:function(e){r({innerPaddingLeft:e||16})}})))),Object(n.createElement)(l.InnerBlocks,null))},save:function(e){var t=e.attributes,o=e.className,a=t.maxWidthTrigger?t.maxWidth+"px":"none",r="right"===t.position?"0":"auto",c="left"===t.position?"0":"auto",i=u(t.backgroundColor),b=u(t.borderColor),d=u(t.shadowColor),g=function(e,t){return"rgb(".concat(e.red," ").concat(e.green," ").concat(e.blue," / ").concat(t,"%)")},m=g(i,t.backgroundOpacity),k=t.backgroundTrigger?m:"none",p=g(b,t.borderOpacity),O=t.borderTrigger?"".concat(t.borderWidth,"px ").concat(t.borderStyle," ").concat(p):"none",h=g(d,t.shadowOpacity),f=t.shadowTrigger?"".concat(t.shadowX,"px ").concat(t.shadowY,"px ").concat(t.shadowBlur,"px ").concat(t.shadowSpread,"px ").concat(h):"none",j="".concat(t.innerPaddingTop,"px ").concat(t.innerPaddingRight,"px ").concat(t.innerPaddingBottom,"px ").concat(t.innerPaddingLeft,"px"),C={"--qroko-blocks-box-max-width":a,"--qroko-blocks-box-margin-right":r,"--qroko-blocks-box-margin-left":c,"--qroko-blocks-box-radius":t.radius+"px","--qroko-blocks-box-background":k,"--qroko-blocks-box-border":O,"--qroko-blocks-box-shadow":f,"--qroko-blocks-box-padding":j};return Object(n.createElement)("div",{className:s()(o,"qroko-blocks-box"),style:C},Object(n.createElement)(l.InnerBlocks.Content,null))}});o(8);var m=[{label:Object(a.__)("Left","qroko-blocks"),value:"left"},{label:Object(a.__)("Right","qroko-blocks"),value:"right"}],k=[{label:Object(a.__)("Cover","qroko-blocks"),value:"cover"},{label:Object(a.__)("Contain","qroko-blocks"),value:"contain"}];Object(r.registerBlockType)("qroko-blocks/blog-card",{title:Object(a.__)("Blog Card","qroko-blocks"),description:Object(a.__)("Block to create a card link. You can also edit it after getting the Open Graph from the link URL.","qroko-blocks"),category:"qroko",icon:Object(n.createElement)("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},Object(n.createElement)("path",{"fill-rule":"evenodd",d:"M14.5 3h-13a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"}),Object(n.createElement)("path",{"fill-rule":"evenodd",d:"M3 5.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM3 8a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 8zm0 2.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5z"})),attributes:{url:{type:"string",default:""},title:{type:"string",default:""},description:{type:"string",default:""},imageID:{type:"number",default:0},imageURL:{type:"string",default:""},imageAlt:{type:"string",default:""},imagePosition:{type:"string",default:"left"},imageFit:{type:"string",default:"cover"},ogDomain:{type:"string",default:""},ogTitleCharacterCount:{type:"number",default:50},ogDescriptionCharacterCount:{type:"number",default:60},ogImageURL:{type:"string",default:""},externalLink:{type:"boolean",default:!0}},edit:function(e){var t=e.attributes,o=e.className,r=e.setAttributes,i=e.isSelected,b=function(e){var o,n=new URL(e.url).hostname,a=location.hostname,l=function(){var o=t.ogTitleCharacterCount;return(e.title?e.title.length:0)>=o?e.title.substr(0,o)+" ...":e.title};r({title:l(),description:(o=t.ogDescriptionCharacterCount,(e.description?e.description.length:0)>=o?e.description.substr(0,o)+" ...":e.description),imageID:0,imageURL:"",imageAlt:l(),ogDomain:n,ogImageURL:e.image,externalLink:n!=a})};return Object(n.createElement)("div",{className:s()(o,"qroko-blocks-blog-card")},Object(n.createElement)(l.InspectorControls,null,Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Title","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.TextareaControl,{value:t.title,onChange:function(e){r({title:e})}}),Object(n.createElement)(c.RangeControl,{value:t.ogTitleCharacterCount,label:Object(a.__)("Number of characters","qroko-blocks"),min:1,max:200,initialPosition:50,allowReset:!0,onChange:function(e){r({ogTitleCharacterCount:e||50})}}))),Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Description","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.TextareaControl,{value:t.description,onChange:function(e){r({description:e})}}),Object(n.createElement)(c.RangeControl,{value:t.ogDescriptionCharacterCount,label:Object(a.__)("Number of characters","qroko-blocks"),min:1,max:200,initialPosition:60,allowReset:!0,onChange:function(e){r({ogDescriptionCharacterCount:e||60})}}))),Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Image","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(l.MediaUpload,{onSelect:function(e){r({imageID:e.id,imageURL:e.url,imageAlt:e.alt})},type:"image",value:t.imageID,render:function(e){var o,l=e.open;return o=l,t.imageURL||t.ogImageURL?Object(n.createElement)("div",null,Object(n.createElement)(c.Button,{onClick:o,className:"qroko-blocks-blog-card-image-preview"},Object(n.createElement)("img",{src:t.imageURL?t.imageURL:t.ogImageURL?t.ogImageURL:"",alt:t.imageAlt})),Object(n.createElement)(c.Button,{onClick:function(){r({imageID:0,imageURL:"",imageAlt:"",ogImageURL:""})},className:"button"},Object(a.__)("Delete image","qroko-blocks"))):Object(n.createElement)(c.Button,{onClick:o,className:"button"},Object(a.__)("Add Image","qroko-blocks"))}})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RadioControl,{label:Object(a.__)("Image position","qroko-blocks"),selected:t.imagePosition,options:m,onChange:function(e){r({imagePosition:e})}})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RadioControl,{label:Object(a.__)("Image Fit","qroko-blocks"),selected:t.imageFit,options:k,onChange:function(e){r({imageFit:e})}})))),t.title&&Object(n.createElement)("div",{className:s()("qroko-blocks-blog-card-columns","right"===t.imagePosition?"is-reverse":"")},(t.imageURL||t.ogImageURL)&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-column is-flex-none"},Object(n.createElement)("div",{className:"qroko-blocks-blog-card-image-container"},i&&Object(n.createElement)((function(){return Object(n.createElement)("button",{className:"qroko-blocks-blog-card-delete-image-button",type:"button",onClick:function(){return r({imageID:0,imageAlt:"",imageURL:"",ogImageURL:""})}},Object(n.createElement)("svg",{className:"icon",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},Object(n.createElement)("path",{"fill-rule":"evenodd",d:"M11.854 4.146a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708-.708l7-7a.5.5 0 0 1 .708 0z"}),Object(n.createElement)("path",{"fill-rule":"evenodd",d:"M4.146 4.146a.5.5 0 0 0 0 .708l7 7a.5.5 0 0 0 .708-.708l-7-7a.5.5 0 0 0-.708 0z"})))}),null),Object(n.createElement)("div",{className:"qroko-blocks-blog-card-image-wrap"},Object(n.createElement)("img",{src:t.imageURL?t.imageURL:t.ogImageURL?t.ogImageURL:"",alt:t.imageAlt,className:s()("qroko-blocks-blog-card-image","is-"+t.imageFit)})))),Object(n.createElement)("div",{className:"qroko-blocks-blog-card-column is-padding is-flex-grow"},Object(n.createElement)("div",{className:"qroko-blocks-blog-card-meta"},t.title&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-heading"},t.title),t.description&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-description"},t.description),t.ogDomain&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-domain"},t.ogDomain)))),(i||!t.title)&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-columns is-padding is-gap is-bottom"},Object(n.createElement)("div",{className:"qroko-blocks-blog-card-column is-flex-grow"},Object(n.createElement)(c.TextControl,{label:Object(a.__)("Link URL","qroko-blocks"),value:t.url,onChange:function(e){r({url:e})},className:"is-margin-bottom-none"})),Object(n.createElement)("div",{className:"qroko-blocks-blog-card-column is-flex-none"},Object(n.createElement)(c.Button,{onClick:function(){return e=t.url,(o=new FormData).append("action","open_graph"),o.append("target_url",e),void fetch(ajaxurl,{method:"POST",body:o,cache:"no-cache"}).then((function(e){return e.json()})).then((function(e){b(e[0])})).catch((function(e){console.log(e)}));var e,o},className:"button is-small"},Object(a.__)("Load","qroko-blocks")))))},save:function(e){var t=e.attributes,o=e.className;return Object(n.createElement)("div",{className:s()(o,"qroko-blocks-blog-card")},t.externalLink?Object(n.createElement)("a",{href:t.url,target:"_blank",rel:"noopener noreferrer",className:"qroko-blocks-blog-card-link"}):Object(n.createElement)("a",{href:t.url,className:"qroko-blocks-blog-card-link"}),Object(n.createElement)("div",{className:s()("qroko-blocks-blog-card-columns","right"===t.imagePosition?"is-reverse":"")},(t.imageURL||t.ogImageURL)&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-column is-flex-none"},Object(n.createElement)("div",{className:"qroko-blocks-blog-card-image-container"},Object(n.createElement)("div",{className:"qroko-blocks-blog-card-image-wrap"},Object(n.createElement)("img",{src:t.imageURL?t.imageURL:t.ogImageURL?t.ogImageURL:"",alt:t.imageAlt,className:s()("qroko-blocks-blog-card-image","is-"+t.imageFit)})))),Object(n.createElement)("div",{className:"qroko-blocks-blog-card-column is-padding is-flex-grow"},Object(n.createElement)("div",{className:"qroko-blocks-blog-card-meta"},t.title&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-heading"},t.title),t.description&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-description"},t.description),t.ogDomain&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-domain"},t.ogDomain)))))}})}]);
+!function(e){var t={};function o(n){if(t[n])return t[n].exports;var a=t[n]={i:n,l:!1,exports:{}};return e[n].call(a.exports,a,a.exports,o),a.l=!0,a.exports}o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)o.d(n,a,function(t){return e[t]}.bind(null,a));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=12)}([function(e,t){!function(){e.exports=this.wp.element}()},function(e,t){!function(){e.exports=this.wp.components}()},function(e,t){!function(){e.exports=this.wp.i18n}()},function(e,t){!function(){e.exports=this.wp.blockEditor}()},function(e,t,o){var n;!function(){"use strict";var o={}.hasOwnProperty;function a(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var l=typeof n;if("string"===l||"number"===l)e.push(n);else if(Array.isArray(n)&&n.length){var r=a.apply(null,n);r&&e.push(r)}else if("object"===l)for(var c in n)o.call(n,c)&&n[c]&&e.push(c)}}return e.join(" ")}e.exports?(a.default=a,e.exports=a):void 0===(n=function(){return a}.apply(t,[]))||(e.exports=n)}()},function(e,t){!function(){e.exports=this.wp.blocks}()},function(e,t,o){},function(e,t,o){},function(e,t,o){},,,,function(e,t,o){"use strict";o.r(t);var n=o(0),a=o(2),l=o(5),r=o(3),c=o(1),i=o(4),s=o.n(i),b=(o(6),[{label:Object(a.__)("Center","qroko-blocks"),value:"center"},{label:Object(a.__)("Left","qroko-blocks"),value:"left"},{label:Object(a.__)("Right","qroko-blocks"),value:"right"}]);Object(l.registerBlockType)("qroko-blocks/section",{title:Object(a.__)("Section","qroko-blocks"),description:Object(a.__)("You can set up full-width sections and place content inside.","qroko-blocks"),category:"qroko",icon:Object(n.createElement)("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},Object(n.createElement)("path",{"fill-rule":"evenodd",d:"M14.5 13.5h-13A.5.5 0 0 1 1 13V6a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5zm-13 1A1.5 1.5 0 0 1 0 13V6a1.5 1.5 0 0 1 1.5-1.5h13A1.5 1.5 0 0 1 16 6v7a1.5 1.5 0 0 1-1.5 1.5h-13zM2 3a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 0-1h-11A.5.5 0 0 0 2 3zm2-2a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 0-1h-7A.5.5 0 0 0 4 1z"})),supports:{anchor:!0,className:!0,customClassName:!0},attributes:{backgroundColor:{type:"string"},backgroundImageID:{type:"number",default:0},backgroundImageURL:{type:"string",default:""},backgroundSize:{type:"string",default:"cover"},backgroundPosition:{type:"string",default:"center"},backgroundOpacity:{type:"number",default:100},innerMaxWidthTrigger:{type:"boolean",default:!1},innerMaxWidth:{type:"number",default:1e3},innerPosition:{type:"string",default:"center"},innerPaddingTop:{type:"number",default:32},innerPaddingRight:{type:"number",default:0},innerPaddingBottom:{type:"number",default:32},innerPaddingLeft:{type:"number",default:0}},edit:function(e){var t=e.attributes,o=e.className,l=e.setAttributes,i=t.backgroundImageURL?"url(".concat(t.backgroundImageURL,")"):"",d=String(t.backgroundOpacity/100),g=t.innerMaxWidthTrigger?t.innerMaxWidth+"px":"none",u={"--qroko-blocks-section-background-color":t.backgroundColor,"--qroko-blocks-section-background-image":i,"--qroko-blocks-section-background-size":t.backgroundSize,"--qroko-blocks-section-background-position":t.backgroundPosition,"--qroko-blocks-section-background-opacity":d,"--qroko-blocks-section-inner-max-width":g,"--qroko-blocks-section-inner-margin":function(){switch(t.innerPosition){case"center":return"0 auto";case"left":return"0 auto 0 0";case"right":return"0 0 0 auto";default:return"0 auto"}}(),"--qroko-blocks-section-inner-padding-top":t.innerPaddingTop+"px","--qroko-blocks-section-inner-padding-right":t.innerPaddingRight+"px","--qroko-blocks-section-inner-padding-bottom":t.innerPaddingBottom+"px","--qroko-blocks-section-inner-padding-left":t.innerPaddingLeft+"px"};return Object(n.createElement)("section",{className:s()(o,"qroko-blocks-section"),style:u},Object(n.createElement)(r.InspectorControls,null,Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Background","qroko-blocks")},Object(n.createElement)(c.BaseControl,{label:Object(a.__)("Color","qroko-blocks")},Object(n.createElement)(r.ColorPalette,{value:t.backgroundColor,onChange:function(e){return l({backgroundColor:e})}})),Object(n.createElement)(c.BaseControl,{label:Object(a.__)("Image","qroko-blocks")},Object(n.createElement)("div",null,Object(n.createElement)(r.MediaUpload,{onSelect:function(e){l({backgroundImageID:e.id,backgroundImageURL:e.url})},type:"image",value:t.backgroundImageID,render:function(e){var o,r=e.open;return o=r,t.backgroundImageURL?Object(n.createElement)("div",null,Object(n.createElement)(c.Button,{onClick:o,className:"qroko-blocks-section-image-preview"},Object(n.createElement)("img",{src:t.backgroundImageURL,alt:""})),Object(n.createElement)(c.Button,{onClick:function(){l({backgroundImageID:0,backgroundImageURL:""})},className:"button"},Object(a.__)("Delete image","qroko-blocks"))):Object(n.createElement)(c.Button,{onClick:o,className:"button"},Object(a.__)("Add Image","qroko-blocks"))}}))),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:t.backgroundOpacity,label:Object(a.__)("Opacity","qroko-blocks"),min:0,max:100,initialPosition:100,resetFallbackValue:100,allowReset:!0,onChange:function(e){l({backgroundOpacity:e})}}))),Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Inner","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.ToggleControl,{label:Object(a.__)("Use the Max Width","qroko-blocks"),onChange:function(){l({innerMaxWidthTrigger:!t.innerMaxWidthTrigger})},checked:t.innerMaxWidthTrigger}),Object(n.createElement)(c.RangeControl,{value:t.innerMaxWidth,label:Object(a.__)("Max Width (px)","qroko-blocks"),min:100,max:1600,initialPosition:1e3,resetFallbackValue:1e3,allowReset:!0,onChange:function(e){l({innerMaxWidth:e})}}),Object(n.createElement)(c.RadioControl,{label:Object(a.__)("Position","qroko-blocks"),selected:t.innerPosition,options:b,onChange:function(e){l({innerPosition:e})}}),Object(n.createElement)(c.RangeControl,{value:t.innerPaddingTop,label:Object(a.__)("Padding Top (px)","qroko-blocks"),min:0,max:200,initialPosition:32,resetFallbackValue:32,allowReset:!0,onChange:function(e){l({innerPaddingTop:e})}}),Object(n.createElement)(c.RangeControl,{value:t.innerPaddingRight,label:Object(a.__)("Padding Right (px)","qroko-blocks"),min:0,max:200,initialPosition:0,resetFallbackValue:0,allowReset:!0,onChange:function(e){l({innerPaddingRight:e})}}),Object(n.createElement)(c.RangeControl,{value:t.innerPaddingBottom,label:Object(a.__)("Padding Bottom (px)","qroko-blocks"),min:0,max:200,initialPosition:32,resetFallbackValue:32,allowReset:!0,onChange:function(e){l({innerPaddingBottom:e})}}),Object(n.createElement)(c.RangeControl,{value:t.innerPaddingLeft,label:Object(a.__)("Padding Left (px)","qroko-blocks"),min:0,max:200,initialPosition:0,resetFallbackValue:0,allowReset:!0,onChange:function(e){l({innerPaddingLeft:e})}})))),Object(n.createElement)("div",{className:"qroko-blocks-section-background"}),Object(n.createElement)("div",{className:"qroko-blocks-section-inner"},Object(n.createElement)(r.InnerBlocks,null)))},save:function(e){var t=e.attributes,o=e.className,a=t.backgroundImageURL?"url(".concat(t.backgroundImageURL,")"):"none",l=String(t.backgroundOpacity/100),c=t.innerMaxWidthTrigger?t.innerMaxWidth+"px":"none",i={"--qroko-blocks-section-background-color":t.backgroundColor,"--qroko-blocks-section-background-image":a,"--qroko-blocks-section-background-size":t.backgroundSize,"--qroko-blocks-section-background-position":t.backgroundPosition,"--qroko-blocks-section-background-opacity":l,"--qroko-blocks-section-inner-max-width":c,"--qroko-blocks-section-inner-margin":function(){switch(t.innerPosition){case"center":return"0 auto";case"left":return"0 auto 0 0";case"right":return"0 0 0 auto";default:return"0 auto"}}(),"--qroko-blocks-section-inner-padding-top":t.innerPaddingTop+"px","--qroko-blocks-section-inner-padding-right":t.innerPaddingRight+"px","--qroko-blocks-section-inner-padding-bottom":t.innerPaddingBottom+"px","--qroko-blocks-section-inner-padding-left":t.innerPaddingLeft+"px"};return Object(n.createElement)("section",{className:s()(o,"qroko-blocks-section"),style:i},Object(n.createElement)("div",{className:"qroko-blocks-section-background"}),Object(n.createElement)("div",{className:"qroko-blocks-section-inner"},Object(n.createElement)(r.InnerBlocks.Content,null)))}});o(7);var d=[{label:Object(a.__)("Center","qroko-blocks"),value:"center"},{label:Object(a.__)("Left","qroko-blocks"),value:"left"},{label:Object(a.__)("Right","qroko-blocks"),value:"right"}],g=[{label:Object(a.__)("Solid","qroko-blocks"),value:"solid"},{label:Object(a.__)("Dashed","qroko-blocks"),value:"dashed"},{label:Object(a.__)("Dotted","qroko-blocks"),value:"dotted"},{label:Object(a.__)("Double","qroko-blocks"),value:"double"}],u=function(e){return null==e&&(e="#ffffff"),"#"==e.slice(0,1)&&(e=e.slice(1)),3==e.length&&(e=e.slice(0,1)+e.slice(0,1)+e.slice(1,2)+e.slice(1,2)+e.slice(2,3)+e.slice(2,3)),{red:parseInt(e.slice(0,2),16),green:parseInt(e.slice(2,4),16),blue:parseInt(e.slice(4,6),16)}};Object(l.registerBlockType)("qroko-blocks/box",{title:Object(a.__)("Box","qroko-blocks"),description:Object(a.__)("You can set up decorative boxes and place content inside.","qroko-blocks"),category:"qroko",icon:Object(n.createElement)("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},Object(n.createElement)("path",{"fill-rule":"evenodd",d:"M14.5 3h-13a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"})),supports:{anchor:!0,className:!0,customClassName:!0},attributes:{maxWidthTrigger:{type:"boolean",default:!1},maxWidth:{type:"number",default:1e3},position:{type:"string",default:"center"},radius:{type:"number",default:4},backgroundTrigger:{type:"boolean",default:!0},backgroundColor:{type:"string",default:"#f2f2f2"},backgroundOpacity:{type:"number",default:100},borderTrigger:{type:"boolean",default:!0},borderWidth:{type:"number",default:1},borderStyle:{type:"string",default:"solid"},borderColor:{type:"string",default:"#e4e4e4"},borderOpacity:{type:"number",default:100},shadowTrigger:{type:"boolean",default:!1},shadowX:{type:"number",default:0},shadowY:{type:"number",default:8},shadowBlur:{type:"number",default:8},shadowSpread:{type:"number",default:-4},shadowColor:{type:"string",default:"#000000"},shadowOpacity:{type:"number",default:12},innerPaddingTop:{type:"number",default:16},innerPaddingRight:{type:"number",default:16},innerPaddingBottom:{type:"number",default:16},innerPaddingLeft:{type:"number",default:16}},edit:function(e){var t=e.attributes,o=e.className,l=e.setAttributes,i=t.maxWidthTrigger?t.maxWidth+"px":"none",b="right"===t.position?"0":"auto",m="left"===t.position?"0":"auto",k=u(t.backgroundColor),p=u(t.borderColor),O=u(t.shadowColor),h=function(e,t){return"rgb(".concat(e.red," ").concat(e.green," ").concat(e.blue," / ").concat(t,"%)")},f=h(k,t.backgroundOpacity),j=t.backgroundTrigger?f:"none",C=h(p,t.borderOpacity),q=t.borderTrigger?"".concat(t.borderWidth,"px ").concat(t.borderStyle," ").concat(C):"none",_=h(O,t.shadowOpacity),x=t.shadowTrigger?"".concat(t.shadowX,"px ").concat(t.shadowY,"px ").concat(t.shadowBlur,"px ").concat(t.shadowSpread,"px ").concat(_):"none",v="".concat(t.innerPaddingTop,"px ").concat(t.innerPaddingRight,"px ").concat(t.innerPaddingBottom,"px ").concat(t.innerPaddingLeft,"px"),E={"--qroko-blocks-box-max-width":i,"--qroko-blocks-box-margin-right":b,"--qroko-blocks-box-margin-left":m,"--qroko-blocks-box-radius":t.radius+"px","--qroko-blocks-box-background":j,"--qroko-blocks-box-border":q,"--qroko-blocks-box-shadow":x,"--qroko-blocks-box-padding":v};return Object(n.createElement)("div",{className:s()(o,"qroko-blocks-box"),style:E},Object(n.createElement)(r.InspectorControls,null,Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Basic Settings","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.ToggleControl,{label:Object(a.__)("Use the Max Width","qroko-blocks"),onChange:function(){l({maxWidthTrigger:!t.maxWidthTrigger})},checked:t.maxWidthTrigger}),Object(n.createElement)(c.RangeControl,{value:t.maxWidth,label:Object(a.__)("Max Width (px)","qroko-blocks"),min:100,max:1600,initialPosition:1e3,resetFallbackValue:1e3,allowReset:!0,onChange:function(e){l({maxWidth:e})}}),Object(n.createElement)(c.RadioControl,{label:Object(a.__)("Position","qroko-blocks"),selected:t.position,options:d,onChange:function(e){l({position:e})}}),Object(n.createElement)(c.RangeControl,{value:t.radius,label:Object(a.__)("Round Shape (px)","qroko-blocks"),min:0,max:40,initialPosition:4,resetFallbackValue:4,allowReset:!0,onChange:function(e){l({radius:e})}}))),Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Background","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.ToggleControl,{label:Object(a.__)("Use the Background","qroko-blocks"),onChange:function(){l({backgroundTrigger:!t.backgroundTrigger})},checked:t.backgroundTrigger})),Object(n.createElement)(c.BaseControl,{label:Object(a.__)("Color","qroko-blocks")},Object(n.createElement)(r.ColorPalette,{value:t.backgroundColor,onChange:function(e){return l({backgroundColor:e})}})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:t.backgroundOpacity,label:Object(a.__)("Opacity","qroko-blocks"),min:0,max:100,initialPosition:100,resetFallbackValue:100,allowReset:!0,onChange:function(e){l({backgroundOpacity:e})}}))),Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Border","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.ToggleControl,{label:Object(a.__)("Use the Border","qroko-blocks"),onChange:function(){l({borderTrigger:!t.borderTrigger})},checked:t.borderTrigger})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:t.borderWidth,label:Object(a.__)("Width","qroko-blocks"),min:0,max:40,initialPosition:1,resetFallbackValue:1,allowReset:!0,onChange:function(e){l({borderWidth:e})}}),Object(n.createElement)(c.RadioControl,{label:Object(a.__)("Style","qroko-blocks"),selected:t.borderStyle,options:g,onChange:function(e){l({borderStyle:e})}})),Object(n.createElement)(c.BaseControl,{label:Object(a.__)("Color","qroko-blocks")},Object(n.createElement)(r.ColorPalette,{value:t.borderColor,onChange:function(e){return l({borderColor:e})}})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:t.borderOpacity,label:Object(a.__)("Opacity","qroko-blocks"),min:0,max:100,initialPosition:100,resetFallbackValue:100,allowReset:!0,onChange:function(e){l({borderOpacity:e})}}))),Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Shadow","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.ToggleControl,{label:Object(a.__)("Use the Shadow","qroko-blocks"),onChange:function(){l({shadowTrigger:!t.shadowTrigger})},checked:t.shadowTrigger})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:t.shadowX,label:Object(a.__)("X Offset (px)","qroko-blocks"),min:-40,max:40,initialPosition:0,resetFallbackValue:0,allowReset:!0,onChange:function(e){l({shadowX:e})}}),Object(n.createElement)(c.RangeControl,{value:t.shadowY,label:Object(a.__)("Y Offset (px)","qroko-blocks"),min:-40,max:40,initialPosition:8,resetFallbackValue:8,allowReset:!0,onChange:function(e){l({shadowY:e})}}),Object(n.createElement)(c.RangeControl,{value:t.shadowBlur,label:Object(a.__)("Blur (px)","qroko-blocks"),min:0,max:40,initialPosition:8,resetFallbackValue:8,allowReset:!0,onChange:function(e){l({shadowBlur:e})}}),Object(n.createElement)(c.RangeControl,{value:t.shadowSpread,label:Object(a.__)("Spread (px)","qroko-blocks"),min:-40,max:40,initialPosition:-4,resetFallbackValue:-4,allowReset:!0,onChange:function(e){l({shadowSpread:e})}})),Object(n.createElement)(c.BaseControl,{label:Object(a.__)("Color","qroko-blocks")},Object(n.createElement)(r.ColorPalette,{value:t.shadowColor,onChange:function(e){return l({shadowColor:e})}})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:t.shadowOpacity,label:Object(a.__)("Opacity","qroko-blocks"),min:0,max:100,initialPosition:12,resetFallbackValue:12,allowReset:!0,onChange:function(e){l({shadowOpacity:e})}}))),Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Inner","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:t.innerPaddingTop,label:Object(a.__)("Padding Top (px)","qroko-blocks"),min:0,max:200,initialPosition:16,resetFallbackValue:16,allowReset:!0,onChange:function(e){l({innerPaddingTop:e})}}),Object(n.createElement)(c.RangeControl,{value:t.innerPaddingRight,label:Object(a.__)("Padding Right (px)","qroko-blocks"),min:0,max:200,initialPosition:16,resetFallbackValue:16,allowReset:!0,onChange:function(e){l({innerPaddingRight:e})}}),Object(n.createElement)(c.RangeControl,{value:t.innerPaddingBottom,label:Object(a.__)("Padding Bottom (px)","qroko-blocks"),min:0,max:200,initialPosition:16,resetFallbackValue:16,allowReset:!0,onChange:function(e){l({innerPaddingBottom:e})}}),Object(n.createElement)(c.RangeControl,{value:t.innerPaddingLeft,label:Object(a.__)("Padding Left (px)","qroko-blocks"),min:0,max:200,initialPosition:16,resetFallbackValue:16,allowReset:!0,onChange:function(e){l({innerPaddingLeft:e})}})))),Object(n.createElement)(r.InnerBlocks,null))},save:function(e){var t=e.attributes,o=e.className,a=t.maxWidthTrigger?t.maxWidth+"px":"none",l="right"===t.position?"0":"auto",c="left"===t.position?"0":"auto",i=u(t.backgroundColor),b=u(t.borderColor),d=u(t.shadowColor),g=function(e,t){return"rgb(".concat(e.red," ").concat(e.green," ").concat(e.blue," / ").concat(t,"%)")},m=g(i,t.backgroundOpacity),k=t.backgroundTrigger?m:"none",p=g(b,t.borderOpacity),O=t.borderTrigger?"".concat(t.borderWidth,"px ").concat(t.borderStyle," ").concat(p):"none",h=g(d,t.shadowOpacity),f=t.shadowTrigger?"".concat(t.shadowX,"px ").concat(t.shadowY,"px ").concat(t.shadowBlur,"px ").concat(t.shadowSpread,"px ").concat(h):"none",j="".concat(t.innerPaddingTop,"px ").concat(t.innerPaddingRight,"px ").concat(t.innerPaddingBottom,"px ").concat(t.innerPaddingLeft,"px"),C={"--qroko-blocks-box-max-width":a,"--qroko-blocks-box-margin-right":l,"--qroko-blocks-box-margin-left":c,"--qroko-blocks-box-radius":t.radius+"px","--qroko-blocks-box-background":k,"--qroko-blocks-box-border":O,"--qroko-blocks-box-shadow":f,"--qroko-blocks-box-padding":j};return Object(n.createElement)("div",{className:s()(o,"qroko-blocks-box"),style:C},Object(n.createElement)(r.InnerBlocks.Content,null))}});o(8);var m=[{label:Object(a.__)("Left","qroko-blocks"),value:"left"},{label:Object(a.__)("Right","qroko-blocks"),value:"right"}],k=[{label:Object(a.__)("Cover","qroko-blocks"),value:"cover"},{label:Object(a.__)("Contain","qroko-blocks"),value:"contain"}];Object(l.registerBlockType)("qroko-blocks/blog-card",{title:Object(a.__)("Blog Card","qroko-blocks"),description:Object(a.__)("Block to create a card link. You can also edit it after getting the Open Graph from the link URL.","qroko-blocks"),category:"qroko",icon:Object(n.createElement)("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},Object(n.createElement)("path",{"fill-rule":"evenodd",d:"M14.5 3h-13a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"}),Object(n.createElement)("path",{"fill-rule":"evenodd",d:"M3 5.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM3 8a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 8zm0 2.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5z"})),supports:{anchor:!0,className:!0,customClassName:!0},attributes:{url:{type:"string",default:""},title:{type:"string",default:""},description:{type:"string",default:""},imageID:{type:"number",default:0},imageURL:{type:"string",default:""},imageAlt:{type:"string",default:""},imagePosition:{type:"string",default:"left"},imageFit:{type:"string",default:"cover"},ogDomain:{type:"string",default:""},ogTitleCharacterCount:{type:"number",default:50},ogDescriptionCharacterCount:{type:"number",default:60},ogImageURL:{type:"string",default:""},externalLink:{type:"boolean",default:!0}},edit:function(e){var t=e.attributes,o=e.className,l=e.setAttributes,i=e.isSelected,b=function(e){var o,n=new URL(e.url).hostname,a=location.hostname,r=function(){var o=t.ogTitleCharacterCount;return(e.title?e.title.length:0)>=o?e.title.substr(0,o)+" ...":e.title};l({title:r(),description:(o=t.ogDescriptionCharacterCount,(e.description?e.description.length:0)>=o?e.description.substr(0,o)+" ...":e.description),imageID:0,imageURL:"",imageAlt:r(),ogDomain:n,ogImageURL:e.image,externalLink:n!=a})};return Object(n.createElement)("div",{className:s()(o,"qroko-blocks-blog-card")},Object(n.createElement)(r.InspectorControls,null,Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Title","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.TextareaControl,{value:t.title,onChange:function(e){l({title:e})}}),Object(n.createElement)(c.RangeControl,{value:t.ogTitleCharacterCount,label:Object(a.__)("Number of characters","qroko-blocks"),min:1,max:200,initialPosition:50,resetFallbackValue:50,allowReset:!0,onChange:function(e){l({ogTitleCharacterCount:e})}}))),Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Description","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.TextareaControl,{value:t.description,onChange:function(e){l({description:e})}}),Object(n.createElement)(c.RangeControl,{value:t.ogDescriptionCharacterCount,label:Object(a.__)("Number of characters","qroko-blocks"),min:1,max:200,initialPosition:60,resetFallbackValue:60,allowReset:!0,onChange:function(e){l({ogDescriptionCharacterCount:e})}}))),Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Image","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(r.MediaUpload,{onSelect:function(e){l({imageID:e.id,imageURL:e.url,imageAlt:e.alt})},type:"image",value:t.imageID,render:function(e){var o,r=e.open;return o=r,t.imageURL||t.ogImageURL?Object(n.createElement)("div",null,Object(n.createElement)(c.Button,{onClick:o,className:"qroko-blocks-blog-card-image-preview"},Object(n.createElement)("img",{src:t.imageURL?t.imageURL:t.ogImageURL?t.ogImageURL:"",alt:t.imageAlt})),Object(n.createElement)(c.Button,{onClick:function(){l({imageID:0,imageURL:"",imageAlt:"",ogImageURL:""})},className:"button"},Object(a.__)("Delete image","qroko-blocks"))):Object(n.createElement)(c.Button,{onClick:o,className:"button"},Object(a.__)("Add Image","qroko-blocks"))}})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RadioControl,{label:Object(a.__)("Image position","qroko-blocks"),selected:t.imagePosition,options:m,onChange:function(e){l({imagePosition:e})}})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RadioControl,{label:Object(a.__)("Image Fit","qroko-blocks"),selected:t.imageFit,options:k,onChange:function(e){l({imageFit:e})}})))),t.title&&Object(n.createElement)("div",{className:s()("qroko-blocks-blog-card-columns","right"===t.imagePosition?"is-reverse":"")},(t.imageURL||t.ogImageURL)&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-column is-flex-none"},Object(n.createElement)("div",{className:"qroko-blocks-blog-card-image-container"},i&&Object(n.createElement)((function(){return Object(n.createElement)("button",{className:"qroko-blocks-blog-card-delete-image-button",type:"button",onClick:function(){return l({imageID:0,imageAlt:"",imageURL:"",ogImageURL:""})}},Object(n.createElement)("svg",{className:"icon",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},Object(n.createElement)("path",{"fill-rule":"evenodd",d:"M11.854 4.146a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708-.708l7-7a.5.5 0 0 1 .708 0z"}),Object(n.createElement)("path",{"fill-rule":"evenodd",d:"M4.146 4.146a.5.5 0 0 0 0 .708l7 7a.5.5 0 0 0 .708-.708l-7-7a.5.5 0 0 0-.708 0z"})))}),null),Object(n.createElement)("div",{className:"qroko-blocks-blog-card-image-wrap"},Object(n.createElement)("img",{src:t.imageURL?t.imageURL:t.ogImageURL?t.ogImageURL:"",alt:t.imageAlt,className:s()("qroko-blocks-blog-card-image","is-"+t.imageFit)})))),Object(n.createElement)("div",{className:"qroko-blocks-blog-card-column is-padding is-flex-grow"},Object(n.createElement)("div",{className:"qroko-blocks-blog-card-meta"},t.title&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-heading"},t.title),t.description&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-description"},t.description),t.ogDomain&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-domain"},t.ogDomain)))),(i||!t.title)&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-columns is-padding is-gap is-bottom"},Object(n.createElement)("div",{className:"qroko-blocks-blog-card-column is-flex-grow"},Object(n.createElement)(c.TextControl,{label:Object(a.__)("Link URL","qroko-blocks"),value:t.url,onChange:function(e){l({url:e})},className:"is-margin-bottom-none"})),Object(n.createElement)("div",{className:"qroko-blocks-blog-card-column is-flex-none"},Object(n.createElement)(c.Button,{onClick:function(){return e=t.url,(o=new FormData).append("action","open_graph"),o.append("target_url",e),void fetch(ajaxurl,{method:"POST",body:o,cache:"no-cache"}).then((function(e){return e.json()})).then((function(e){b(e[0])})).catch((function(e){console.log(e)}));var e,o},className:"button is-small"},Object(a.__)("Load","qroko-blocks")))))},save:function(e){var t=e.attributes,o=e.className;return Object(n.createElement)("div",{className:s()(o,"qroko-blocks-blog-card")},t.externalLink?Object(n.createElement)("a",{href:t.url,target:"_blank",rel:"noopener noreferrer",className:"qroko-blocks-blog-card-link"}):Object(n.createElement)("a",{href:t.url,className:"qroko-blocks-blog-card-link"}),Object(n.createElement)("div",{className:s()("qroko-blocks-blog-card-columns","right"===t.imagePosition?"is-reverse":"")},(t.imageURL||t.ogImageURL)&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-column is-flex-none"},Object(n.createElement)("div",{className:"qroko-blocks-blog-card-image-container"},Object(n.createElement)("div",{className:"qroko-blocks-blog-card-image-wrap"},Object(n.createElement)("img",{src:t.imageURL?t.imageURL:t.ogImageURL?t.ogImageURL:"",alt:t.imageAlt,className:s()("qroko-blocks-blog-card-image","is-"+t.imageFit)})))),Object(n.createElement)("div",{className:"qroko-blocks-blog-card-column is-padding is-flex-grow"},Object(n.createElement)("div",{className:"qroko-blocks-blog-card-meta"},t.title&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-heading"},t.title),t.description&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-description"},t.description),t.ogDomain&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-domain"},t.ogDomain)))))}})}]);

qroko-blocks/tags/1.2.3/qroko-blocks.php

@@ -6 +6 @@
  * Author: qrac
  * Author URI: https://qrac.jp/
- * Version: 1.2.2
+ * Version: 1.2.3
  * Text Domain: qroko-blocks
  * Domain Path: /languages

qroko-blocks/tags/1.2.3/readme.txt

@@ -5 +5 @@
 Requires at least: 5.4
 Tested up to: 5.5
-Stable tag: 1.2.2
+Stable tag: 1.2.3
 Requires PHP: 5.6
 License: GPLv2 or later
@@ -46 +46 @@
 == Changelog ==
 
+= 1.2.3 =
+* Add the ability to grant an anchor ID
+* Fixed a bug that prevented the number from being zero
+* Section Blocks: Fixed a bug with no default value
+
 = 1.2.2 =
 * Refactoring

qroko-blocks/trunk/build/editors.asset.php

@@ -1 @@
-<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-polyfill'), 'version' => '930eb17c328250ce8766d94b67b02118');
+<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-polyfill'), 'version' => '114e0f0f99b82d35a1c817adc450c7e1');

qroko-blocks/trunk/build/editors.js

@@ -1 @@
-!function(e){var t={};function o(n){if(t[n])return t[n].exports;var a=t[n]={i:n,l:!1,exports:{}};return e[n].call(a.exports,a,a.exports,o),a.l=!0,a.exports}o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)o.d(n,a,function(t){return e[t]}.bind(null,a));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=12)}([function(e,t){!function(){e.exports=this.wp.element}()},function(e,t){!function(){e.exports=this.wp.components}()},function(e,t){!function(){e.exports=this.wp.i18n}()},function(e,t){!function(){e.exports=this.wp.blockEditor}()},function(e,t,o){var n;!function(){"use strict";var o={}.hasOwnProperty;function a(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var r=typeof n;if("string"===r||"number"===r)e.push(n);else if(Array.isArray(n)&&n.length){var l=a.apply(null,n);l&&e.push(l)}else if("object"===r)for(var c in n)o.call(n,c)&&n[c]&&e.push(c)}}return e.join(" ")}e.exports?(a.default=a,e.exports=a):void 0===(n=function(){return a}.apply(t,[]))||(e.exports=n)}()},function(e,t){!function(){e.exports=this.wp.blocks}()},function(e,t,o){},function(e,t,o){},function(e,t,o){},,,,function(e,t,o){"use strict";o.r(t);var n=o(0),a=o(2),r=o(5),l=o(3),c=o(1),i=o(4),s=o.n(i),b=(o(6),[{label:Object(a.__)("Center","qroko-blocks"),value:"center"},{label:Object(a.__)("Left","qroko-blocks"),value:"left"},{label:Object(a.__)("Right","qroko-blocks"),value:"right"}]);Object(r.registerBlockType)("qroko-blocks/section",{title:Object(a.__)("Section","qroko-blocks"),description:Object(a.__)("You can set up full-width sections and place content inside.","qroko-blocks"),category:"qroko",icon:Object(n.createElement)("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},Object(n.createElement)("path",{"fill-rule":"evenodd",d:"M14.5 13.5h-13A.5.5 0 0 1 1 13V6a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5zm-13 1A1.5 1.5 0 0 1 0 13V6a1.5 1.5 0 0 1 1.5-1.5h13A1.5 1.5 0 0 1 16 6v7a1.5 1.5 0 0 1-1.5 1.5h-13zM2 3a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 0-1h-11A.5.5 0 0 0 2 3zm2-2a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 0-1h-7A.5.5 0 0 0 4 1z"})),attributes:{backgroundColor:{type:"string"},backgroundImageID:{type:"number",default:0},backgroundImageURL:{type:"string",default:""},backgroundSize:{type:"string",default:"cover"},backgroundPosition:{type:"string",default:"center"},backgroundOpacity:{type:"number",default:100},innerMaxWidthTrigger:{type:"boolean",default:!1},innerMaxWidth:{type:"number",default:1e3},innerPosition:{type:"string",default:"center"},innerPaddingTop:{type:"number",default:32},innerPaddingRight:{type:"number",default:0},innerPaddingBottom:{type:"number",default:32},innerPaddingLeft:{type:"number",default:0}},edit:function(e){var t=e.attributes,o=e.className,r=e.setAttributes,i=t.backgroundImageURL?"url(".concat(t.backgroundImageURL,")"):"",d=String(t.backgroundOpacity/100),g=t.innerMaxWidthTrigger?t.innerMaxWidth+"px":"none",u={"--qroko-blocks-section-background-color":t.backgroundColor,"--qroko-blocks-section-background-image":i,"--qroko-blocks-section-background-size":t.backgroundSize,"--qroko-blocks-section-background-position":t.backgroundPosition,"--qroko-blocks-section-background-opacity":d,"--qroko-blocks-section-inner-max-width":g,"--qroko-blocks-section-inner-margin":function(){switch(t.innerPosition){case"center":return"0 auto";case"left":return"0 auto 0 0";case"right":return"0 0 0 auto";default:return"0 auto"}}(),"--qroko-blocks-section-inner-padding-top":t.innerPaddingTop+"px","--qroko-blocks-section-inner-padding-right":t.innerPaddingRight+"px","--qroko-blocks-section-inner-padding-bottom":t.innerPaddingBottom+"px","--qroko-blocks-section-inner-padding-left":t.innerPaddingLeft+"px"};return Object(n.createElement)("section",{className:s()(o,"qroko-blocks-section"),style:u},Object(n.createElement)(l.InspectorControls,null,Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Background","qroko-blocks")},Object(n.createElement)(c.BaseControl,{label:Object(a.__)("Color","qroko-blocks")},Object(n.createElement)(l.ColorPalette,{value:t.backgroundColor,onChange:function(e){return r({backgroundColor:e})}})),Object(n.createElement)(c.BaseControl,{label:Object(a.__)("Image","qroko-blocks")},Object(n.createElement)("div",null,Object(n.createElement)(l.MediaUpload,{onSelect:function(e){r({backgroundImageID:e.id,backgroundImageURL:e.url})},type:"image",value:t.backgroundImageID,render:function(e){var o,l=e.open;return o=l,t.backgroundImageURL?Object(n.createElement)("div",null,Object(n.createElement)(c.Button,{onClick:o,className:"qroko-blocks-section-image-preview"},Object(n.createElement)("img",{src:t.backgroundImageURL,alt:""})),Object(n.createElement)(c.Button,{onClick:function(){r({backgroundImageID:0,backgroundImageURL:""})},className:"button"},Object(a.__)("Delete image","qroko-blocks"))):Object(n.createElement)(c.Button,{onClick:o,className:"button"},Object(a.__)("Add Image","qroko-blocks"))}}))),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:t.backgroundOpacity,label:Object(a.__)("Opacity","qroko-blocks"),min:0,max:100,initialPosition:100,allowReset:!0,onChange:function(e){r({backgroundOpacity:e||100})}}))),Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Inner","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.ToggleControl,{label:Object(a.__)("Use the Max Width","qroko-blocks"),onChange:function(){r({innerMaxWidthTrigger:!t.innerMaxWidthTrigger})},checked:t.innerMaxWidthTrigger}),Object(n.createElement)(c.RangeControl,{value:t.innerMaxWidth,label:Object(a.__)("Max Width (px)","qroko-blocks"),min:100,max:1600,initialPosition:1e3,allowReset:!0,onChange:function(e){r({innerMaxWidth:e||1e3})}}),Object(n.createElement)(c.RadioControl,{label:Object(a.__)("Position","qroko-blocks"),selected:t.innerPosition,options:b,onChange:function(e){r({innerPosition:e})}}),Object(n.createElement)(c.RangeControl,{value:t.innerPaddingTop,label:Object(a.__)("Padding Top (px)","qroko-blocks"),min:0,max:200,initialPosition:32,allowReset:!0,onChange:function(e){r({innerPaddingTop:e||32})}}),Object(n.createElement)(c.RangeControl,{value:t.innerPaddingRight,label:Object(a.__)("Padding Right (px)","qroko-blocks"),min:0,max:200,initialPosition:0,allowReset:!0,onChange:function(e){r({innerPaddingRight:e||0})}}),Object(n.createElement)(c.RangeControl,{value:t.innerPaddingBottom,label:Object(a.__)("Padding Bottom (px)","qroko-blocks"),min:0,max:200,initialPosition:32,allowReset:!0,onChange:function(e){r({innerPaddingBottom:e||32})}}),Object(n.createElement)(c.RangeControl,{value:t.innerPaddingLeft,label:Object(a.__)("Padding Left (px)","qroko-blocks"),min:0,max:200,initialPosition:0,allowReset:!0,onChange:function(e){r({innerPaddingLeft:e||0})}})))),Object(n.createElement)("div",{className:"qroko-blocks-section-background"}),Object(n.createElement)("div",{className:"qroko-blocks-section-inner"},Object(n.createElement)(l.InnerBlocks,null)))},save:function(e){var t=e.attributes,o=e.className,a=t.backgroundImageURL?"url(".concat(t.backgroundImageURL,")"):"",r=String(t.backgroundOpacity/100),c=t.innerMaxWidthTrigger?t.innerMaxWidth+"px":"none",i={"--qroko-blocks-section-background-color":t.backgroundColor,"--qroko-blocks-section-background-image":a,"--qroko-blocks-section-background-size":t.backgroundSize,"--qroko-blocks-section-background-position":t.backgroundPosition,"--qroko-blocks-section-background-opacity":r,"--qroko-blocks-section-inner-max-width":c,"--qroko-blocks-section-inner-margin":function(){switch(t.innerPosition){case"center":return"0 auto";case"left":return"0 auto 0 0";case"right":return"0 0 0 auto";default:return"0 auto"}}(),"--qroko-blocks-section-inner-padding-top":t.innerPaddingTop+"px","--qroko-blocks-section-inner-padding-right":t.innerPaddingRight+"px","--qroko-blocks-section-inner-padding-bottom":t.innerPaddingBottom+"px","--qroko-blocks-section-inner-padding-left":t.innerPaddingLeft+"px"};return Object(n.createElement)("section",{className:s()(o,"qroko-blocks-section"),style:i},Object(n.createElement)("div",{className:"qroko-blocks-section-background"}),Object(n.createElement)("div",{className:"qroko-blocks-section-inner"},Object(n.createElement)(l.InnerBlocks.Content,null)))}});o(7);var d=[{label:Object(a.__)("Center","qroko-blocks"),value:"center"},{label:Object(a.__)("Left","qroko-blocks"),value:"left"},{label:Object(a.__)("Right","qroko-blocks"),value:"right"}],g=[{label:Object(a.__)("Solid","qroko-blocks"),value:"solid"},{label:Object(a.__)("Dashed","qroko-blocks"),value:"dashed"},{label:Object(a.__)("Dotted","qroko-blocks"),value:"dotted"},{label:Object(a.__)("Double","qroko-blocks"),value:"double"}],u=function(e){return null==e&&(e="#ffffff"),"#"==e.slice(0,1)&&(e=e.slice(1)),3==e.length&&(e=e.slice(0,1)+e.slice(0,1)+e.slice(1,2)+e.slice(1,2)+e.slice(2,3)+e.slice(2,3)),{red:parseInt(e.slice(0,2),16),green:parseInt(e.slice(2,4),16),blue:parseInt(e.slice(4,6),16)}};Object(r.registerBlockType)("qroko-blocks/box",{title:Object(a.__)("Box","qroko-blocks"),description:Object(a.__)("You can set up decorative boxes and place content inside.","qroko-blocks"),category:"qroko",icon:Object(n.createElement)("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},Object(n.createElement)("path",{"fill-rule":"evenodd",d:"M14.5 3h-13a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"})),attributes:{maxWidthTrigger:{type:"boolean",default:!1},maxWidth:{type:"number",default:1e3},position:{type:"string",default:"center"},radius:{type:"number",default:4},backgroundTrigger:{type:"boolean",default:!0},backgroundColor:{type:"string",default:"#f2f2f2"},backgroundOpacity:{type:"number",default:100},borderTrigger:{type:"boolean",default:!0},borderWidth:{type:"number",default:1},borderStyle:{type:"string",default:"solid"},borderColor:{type:"string",default:"#e4e4e4"},borderOpacity:{type:"number",default:100},shadowTrigger:{type:"boolean",default:!1},shadowX:{type:"number",default:0},shadowY:{type:"number",default:8},shadowBlur:{type:"number",default:8},shadowSpread:{type:"number",default:-4},shadowColor:{type:"string",default:"#000000"},shadowOpacity:{type:"number",default:12},innerPaddingTop:{type:"number",default:16},innerPaddingRight:{type:"number",default:16},innerPaddingBottom:{type:"number",default:16},innerPaddingLeft:{type:"number",default:16}},edit:function(e){var t=e.attributes,o=e.className,r=e.setAttributes,i=t.maxWidthTrigger?t.maxWidth+"px":"none",b="right"===t.position?"0":"auto",m="left"===t.position?"0":"auto",k=u(t.backgroundColor),p=u(t.borderColor),O=u(t.shadowColor),h=function(e,t){return"rgb(".concat(e.red," ").concat(e.green," ").concat(e.blue," / ").concat(t,"%)")},f=h(k,t.backgroundOpacity),j=t.backgroundTrigger?f:"none",C=h(p,t.borderOpacity),q=t.borderTrigger?"".concat(t.borderWidth,"px ").concat(t.borderStyle," ").concat(C):"none",_=h(O,t.shadowOpacity),x=t.shadowTrigger?"".concat(t.shadowX,"px ").concat(t.shadowY,"px ").concat(t.shadowBlur,"px ").concat(t.shadowSpread,"px ").concat(_):"none",v="".concat(t.innerPaddingTop,"px ").concat(t.innerPaddingRight,"px ").concat(t.innerPaddingBottom,"px ").concat(t.innerPaddingLeft,"px"),E={"--qroko-blocks-box-max-width":i,"--qroko-blocks-box-margin-right":b,"--qroko-blocks-box-margin-left":m,"--qroko-blocks-box-radius":t.radius+"px","--qroko-blocks-box-background":j,"--qroko-blocks-box-border":q,"--qroko-blocks-box-shadow":x,"--qroko-blocks-box-padding":v};return Object(n.createElement)("div",{className:s()(o,"qroko-blocks-box"),style:E},Object(n.createElement)(l.InspectorControls,null,Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Basic Settings","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.ToggleControl,{label:Object(a.__)("Use the Max Width","qroko-blocks"),onChange:function(){r({maxWidthTrigger:!t.maxWidthTrigger})},checked:t.maxWidthTrigger}),Object(n.createElement)(c.RangeControl,{value:t.maxWidth,label:Object(a.__)("Max Width (px)","qroko-blocks"),min:100,max:1600,initialPosition:1e3,allowReset:!0,onChange:function(e){r({maxWidth:e||1e3})}}),Object(n.createElement)(c.RadioControl,{label:Object(a.__)("Position","qroko-blocks"),selected:t.position,options:d,onChange:function(e){r({position:e})}}),Object(n.createElement)(c.RangeControl,{value:t.radius,label:Object(a.__)("Round Shape (px)","qroko-blocks"),min:0,max:40,initialPosition:4,allowReset:!0,onChange:function(e){r({radius:e||4})}}))),Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Background","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.ToggleControl,{label:Object(a.__)("Use the Background","qroko-blocks"),onChange:function(){r({backgroundTrigger:!t.backgroundTrigger})},checked:t.backgroundTrigger})),Object(n.createElement)(c.BaseControl,{label:Object(a.__)("Color","qroko-blocks")},Object(n.createElement)(l.ColorPalette,{value:t.backgroundColor,onChange:function(e){return r({backgroundColor:e})}})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:t.backgroundOpacity,label:Object(a.__)("Opacity","qroko-blocks"),min:0,max:100,initialPosition:100,allowReset:!0,onChange:function(e){r({backgroundOpacity:e||100})}}))),Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Border","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.ToggleControl,{label:Object(a.__)("Use the Border","qroko-blocks"),onChange:function(){r({borderTrigger:!t.borderTrigger})},checked:t.borderTrigger})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:t.borderWidth,label:Object(a.__)("Width","qroko-blocks"),min:0,max:40,initialPosition:1,allowReset:!0,onChange:function(e){r({borderWidth:e||1})}}),Object(n.createElement)(c.RadioControl,{label:Object(a.__)("Style","qroko-blocks"),selected:t.borderStyle,options:g,onChange:function(e){r({borderStyle:e})}})),Object(n.createElement)(c.BaseControl,{label:Object(a.__)("Color","qroko-blocks")},Object(n.createElement)(l.ColorPalette,{value:t.borderColor,onChange:function(e){return r({borderColor:e})}})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:t.borderOpacity,label:Object(a.__)("Opacity","qroko-blocks"),min:0,max:100,initialPosition:100,allowReset:!0,onChange:function(e){r({borderOpacity:e||100})}}))),Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Shadow","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.ToggleControl,{label:Object(a.__)("Use the Shadow","qroko-blocks"),onChange:function(){r({shadowTrigger:!t.shadowTrigger})},checked:t.shadowTrigger})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:t.shadowX,label:Object(a.__)("X Offset (px)","qroko-blocks"),min:-40,max:40,initialPosition:0,allowReset:!0,onChange:function(e){r({shadowX:e||0})}}),Object(n.createElement)(c.RangeControl,{value:t.shadowY,label:Object(a.__)("Y Offset (px)","qroko-blocks"),min:-40,max:40,initialPosition:8,allowReset:!0,onChange:function(e){r({shadowY:e||8})}}),Object(n.createElement)(c.RangeControl,{value:t.shadowBlur,label:Object(a.__)("Blur (px)","qroko-blocks"),min:0,max:40,initialPosition:8,allowReset:!0,onChange:function(e){r({shadowBlur:e||8})}}),Object(n.createElement)(c.RangeControl,{value:t.shadowSpread,label:Object(a.__)("Spread (px)","qroko-blocks"),min:-40,max:40,initialPosition:-4,allowReset:!0,onChange:function(e){r({shadowSpread:e||-4})}})),Object(n.createElement)(c.BaseControl,{label:Object(a.__)("Color","qroko-blocks")},Object(n.createElement)(l.ColorPalette,{value:t.shadowColor,onChange:function(e){return r({shadowColor:e})}})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:t.shadowOpacity,label:Object(a.__)("Opacity","qroko-blocks"),min:0,max:100,initialPosition:12,allowReset:!0,onChange:function(e){r({shadowOpacity:e||12})}}))),Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Inner","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:t.innerPaddingTop,label:Object(a.__)("Padding Top (px)","qroko-blocks"),min:0,max:200,initialPosition:16,allowReset:!0,onChange:function(e){r({innerPaddingTop:e||16})}}),Object(n.createElement)(c.RangeControl,{value:t.innerPaddingRight,label:Object(a.__)("Padding Right (px)","qroko-blocks"),min:0,max:200,initialPosition:16,allowReset:!0,onChange:function(e){r({innerPaddingRight:e||16})}}),Object(n.createElement)(c.RangeControl,{value:t.innerPaddingBottom,label:Object(a.__)("Padding Bottom (px)","qroko-blocks"),min:0,max:200,initialPosition:16,allowReset:!0,onChange:function(e){r({innerPaddingBottom:e||16})}}),Object(n.createElement)(c.RangeControl,{value:t.innerPaddingLeft,label:Object(a.__)("Padding Left (px)","qroko-blocks"),min:0,max:200,initialPosition:16,allowReset:!0,onChange:function(e){r({innerPaddingLeft:e||16})}})))),Object(n.createElement)(l.InnerBlocks,null))},save:function(e){var t=e.attributes,o=e.className,a=t.maxWidthTrigger?t.maxWidth+"px":"none",r="right"===t.position?"0":"auto",c="left"===t.position?"0":"auto",i=u(t.backgroundColor),b=u(t.borderColor),d=u(t.shadowColor),g=function(e,t){return"rgb(".concat(e.red," ").concat(e.green," ").concat(e.blue," / ").concat(t,"%)")},m=g(i,t.backgroundOpacity),k=t.backgroundTrigger?m:"none",p=g(b,t.borderOpacity),O=t.borderTrigger?"".concat(t.borderWidth,"px ").concat(t.borderStyle," ").concat(p):"none",h=g(d,t.shadowOpacity),f=t.shadowTrigger?"".concat(t.shadowX,"px ").concat(t.shadowY,"px ").concat(t.shadowBlur,"px ").concat(t.shadowSpread,"px ").concat(h):"none",j="".concat(t.innerPaddingTop,"px ").concat(t.innerPaddingRight,"px ").concat(t.innerPaddingBottom,"px ").concat(t.innerPaddingLeft,"px"),C={"--qroko-blocks-box-max-width":a,"--qroko-blocks-box-margin-right":r,"--qroko-blocks-box-margin-left":c,"--qroko-blocks-box-radius":t.radius+"px","--qroko-blocks-box-background":k,"--qroko-blocks-box-border":O,"--qroko-blocks-box-shadow":f,"--qroko-blocks-box-padding":j};return Object(n.createElement)("div",{className:s()(o,"qroko-blocks-box"),style:C},Object(n.createElement)(l.InnerBlocks.Content,null))}});o(8);var m=[{label:Object(a.__)("Left","qroko-blocks"),value:"left"},{label:Object(a.__)("Right","qroko-blocks"),value:"right"}],k=[{label:Object(a.__)("Cover","qroko-blocks"),value:"cover"},{label:Object(a.__)("Contain","qroko-blocks"),value:"contain"}];Object(r.registerBlockType)("qroko-blocks/blog-card",{title:Object(a.__)("Blog Card","qroko-blocks"),description:Object(a.__)("Block to create a card link. You can also edit it after getting the Open Graph from the link URL.","qroko-blocks"),category:"qroko",icon:Object(n.createElement)("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},Object(n.createElement)("path",{"fill-rule":"evenodd",d:"M14.5 3h-13a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"}),Object(n.createElement)("path",{"fill-rule":"evenodd",d:"M3 5.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM3 8a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 8zm0 2.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5z"})),attributes:{url:{type:"string",default:""},title:{type:"string",default:""},description:{type:"string",default:""},imageID:{type:"number",default:0},imageURL:{type:"string",default:""},imageAlt:{type:"string",default:""},imagePosition:{type:"string",default:"left"},imageFit:{type:"string",default:"cover"},ogDomain:{type:"string",default:""},ogTitleCharacterCount:{type:"number",default:50},ogDescriptionCharacterCount:{type:"number",default:60},ogImageURL:{type:"string",default:""},externalLink:{type:"boolean",default:!0}},edit:function(e){var t=e.attributes,o=e.className,r=e.setAttributes,i=e.isSelected,b=function(e){var o,n=new URL(e.url).hostname,a=location.hostname,l=function(){var o=t.ogTitleCharacterCount;return(e.title?e.title.length:0)>=o?e.title.substr(0,o)+" ...":e.title};r({title:l(),description:(o=t.ogDescriptionCharacterCount,(e.description?e.description.length:0)>=o?e.description.substr(0,o)+" ...":e.description),imageID:0,imageURL:"",imageAlt:l(),ogDomain:n,ogImageURL:e.image,externalLink:n!=a})};return Object(n.createElement)("div",{className:s()(o,"qroko-blocks-blog-card")},Object(n.createElement)(l.InspectorControls,null,Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Title","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.TextareaControl,{value:t.title,onChange:function(e){r({title:e})}}),Object(n.createElement)(c.RangeControl,{value:t.ogTitleCharacterCount,label:Object(a.__)("Number of characters","qroko-blocks"),min:1,max:200,initialPosition:50,allowReset:!0,onChange:function(e){r({ogTitleCharacterCount:e||50})}}))),Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Description","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.TextareaControl,{value:t.description,onChange:function(e){r({description:e})}}),Object(n.createElement)(c.RangeControl,{value:t.ogDescriptionCharacterCount,label:Object(a.__)("Number of characters","qroko-blocks"),min:1,max:200,initialPosition:60,allowReset:!0,onChange:function(e){r({ogDescriptionCharacterCount:e||60})}}))),Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Image","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(l.MediaUpload,{onSelect:function(e){r({imageID:e.id,imageURL:e.url,imageAlt:e.alt})},type:"image",value:t.imageID,render:function(e){var o,l=e.open;return o=l,t.imageURL||t.ogImageURL?Object(n.createElement)("div",null,Object(n.createElement)(c.Button,{onClick:o,className:"qroko-blocks-blog-card-image-preview"},Object(n.createElement)("img",{src:t.imageURL?t.imageURL:t.ogImageURL?t.ogImageURL:"",alt:t.imageAlt})),Object(n.createElement)(c.Button,{onClick:function(){r({imageID:0,imageURL:"",imageAlt:"",ogImageURL:""})},className:"button"},Object(a.__)("Delete image","qroko-blocks"))):Object(n.createElement)(c.Button,{onClick:o,className:"button"},Object(a.__)("Add Image","qroko-blocks"))}})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RadioControl,{label:Object(a.__)("Image position","qroko-blocks"),selected:t.imagePosition,options:m,onChange:function(e){r({imagePosition:e})}})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RadioControl,{label:Object(a.__)("Image Fit","qroko-blocks"),selected:t.imageFit,options:k,onChange:function(e){r({imageFit:e})}})))),t.title&&Object(n.createElement)("div",{className:s()("qroko-blocks-blog-card-columns","right"===t.imagePosition?"is-reverse":"")},(t.imageURL||t.ogImageURL)&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-column is-flex-none"},Object(n.createElement)("div",{className:"qroko-blocks-blog-card-image-container"},i&&Object(n.createElement)((function(){return Object(n.createElement)("button",{className:"qroko-blocks-blog-card-delete-image-button",type:"button",onClick:function(){return r({imageID:0,imageAlt:"",imageURL:"",ogImageURL:""})}},Object(n.createElement)("svg",{className:"icon",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},Object(n.createElement)("path",{"fill-rule":"evenodd",d:"M11.854 4.146a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708-.708l7-7a.5.5 0 0 1 .708 0z"}),Object(n.createElement)("path",{"fill-rule":"evenodd",d:"M4.146 4.146a.5.5 0 0 0 0 .708l7 7a.5.5 0 0 0 .708-.708l-7-7a.5.5 0 0 0-.708 0z"})))}),null),Object(n.createElement)("div",{className:"qroko-blocks-blog-card-image-wrap"},Object(n.createElement)("img",{src:t.imageURL?t.imageURL:t.ogImageURL?t.ogImageURL:"",alt:t.imageAlt,className:s()("qroko-blocks-blog-card-image","is-"+t.imageFit)})))),Object(n.createElement)("div",{className:"qroko-blocks-blog-card-column is-padding is-flex-grow"},Object(n.createElement)("div",{className:"qroko-blocks-blog-card-meta"},t.title&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-heading"},t.title),t.description&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-description"},t.description),t.ogDomain&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-domain"},t.ogDomain)))),(i||!t.title)&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-columns is-padding is-gap is-bottom"},Object(n.createElement)("div",{className:"qroko-blocks-blog-card-column is-flex-grow"},Object(n.createElement)(c.TextControl,{label:Object(a.__)("Link URL","qroko-blocks"),value:t.url,onChange:function(e){r({url:e})},className:"is-margin-bottom-none"})),Object(n.createElement)("div",{className:"qroko-blocks-blog-card-column is-flex-none"},Object(n.createElement)(c.Button,{onClick:function(){return e=t.url,(o=new FormData).append("action","open_graph"),o.append("target_url",e),void fetch(ajaxurl,{method:"POST",body:o,cache:"no-cache"}).then((function(e){return e.json()})).then((function(e){b(e[0])})).catch((function(e){console.log(e)}));var e,o},className:"button is-small"},Object(a.__)("Load","qroko-blocks")))))},save:function(e){var t=e.attributes,o=e.className;return Object(n.createElement)("div",{className:s()(o,"qroko-blocks-blog-card")},t.externalLink?Object(n.createElement)("a",{href:t.url,target:"_blank",rel:"noopener noreferrer",className:"qroko-blocks-blog-card-link"}):Object(n.createElement)("a",{href:t.url,className:"qroko-blocks-blog-card-link"}),Object(n.createElement)("div",{className:s()("qroko-blocks-blog-card-columns","right"===t.imagePosition?"is-reverse":"")},(t.imageURL||t.ogImageURL)&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-column is-flex-none"},Object(n.createElement)("div",{className:"qroko-blocks-blog-card-image-container"},Object(n.createElement)("div",{className:"qroko-blocks-blog-card-image-wrap"},Object(n.createElement)("img",{src:t.imageURL?t.imageURL:t.ogImageURL?t.ogImageURL:"",alt:t.imageAlt,className:s()("qroko-blocks-blog-card-image","is-"+t.imageFit)})))),Object(n.createElement)("div",{className:"qroko-blocks-blog-card-column is-padding is-flex-grow"},Object(n.createElement)("div",{className:"qroko-blocks-blog-card-meta"},t.title&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-heading"},t.title),t.description&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-description"},t.description),t.ogDomain&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-domain"},t.ogDomain)))))}})}]);
+!function(e){var t={};function o(n){if(t[n])return t[n].exports;var a=t[n]={i:n,l:!1,exports:{}};return e[n].call(a.exports,a,a.exports,o),a.l=!0,a.exports}o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)o.d(n,a,function(t){return e[t]}.bind(null,a));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=12)}([function(e,t){!function(){e.exports=this.wp.element}()},function(e,t){!function(){e.exports=this.wp.components}()},function(e,t){!function(){e.exports=this.wp.i18n}()},function(e,t){!function(){e.exports=this.wp.blockEditor}()},function(e,t,o){var n;!function(){"use strict";var o={}.hasOwnProperty;function a(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var l=typeof n;if("string"===l||"number"===l)e.push(n);else if(Array.isArray(n)&&n.length){var r=a.apply(null,n);r&&e.push(r)}else if("object"===l)for(var c in n)o.call(n,c)&&n[c]&&e.push(c)}}return e.join(" ")}e.exports?(a.default=a,e.exports=a):void 0===(n=function(){return a}.apply(t,[]))||(e.exports=n)}()},function(e,t){!function(){e.exports=this.wp.blocks}()},function(e,t,o){},function(e,t,o){},function(e,t,o){},,,,function(e,t,o){"use strict";o.r(t);var n=o(0),a=o(2),l=o(5),r=o(3),c=o(1),i=o(4),s=o.n(i),b=(o(6),[{label:Object(a.__)("Center","qroko-blocks"),value:"center"},{label:Object(a.__)("Left","qroko-blocks"),value:"left"},{label:Object(a.__)("Right","qroko-blocks"),value:"right"}]);Object(l.registerBlockType)("qroko-blocks/section",{title:Object(a.__)("Section","qroko-blocks"),description:Object(a.__)("You can set up full-width sections and place content inside.","qroko-blocks"),category:"qroko",icon:Object(n.createElement)("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},Object(n.createElement)("path",{"fill-rule":"evenodd",d:"M14.5 13.5h-13A.5.5 0 0 1 1 13V6a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5zm-13 1A1.5 1.5 0 0 1 0 13V6a1.5 1.5 0 0 1 1.5-1.5h13A1.5 1.5 0 0 1 16 6v7a1.5 1.5 0 0 1-1.5 1.5h-13zM2 3a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 0-1h-11A.5.5 0 0 0 2 3zm2-2a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 0-1h-7A.5.5 0 0 0 4 1z"})),supports:{anchor:!0,className:!0,customClassName:!0},attributes:{backgroundColor:{type:"string"},backgroundImageID:{type:"number",default:0},backgroundImageURL:{type:"string",default:""},backgroundSize:{type:"string",default:"cover"},backgroundPosition:{type:"string",default:"center"},backgroundOpacity:{type:"number",default:100},innerMaxWidthTrigger:{type:"boolean",default:!1},innerMaxWidth:{type:"number",default:1e3},innerPosition:{type:"string",default:"center"},innerPaddingTop:{type:"number",default:32},innerPaddingRight:{type:"number",default:0},innerPaddingBottom:{type:"number",default:32},innerPaddingLeft:{type:"number",default:0}},edit:function(e){var t=e.attributes,o=e.className,l=e.setAttributes,i=t.backgroundImageURL?"url(".concat(t.backgroundImageURL,")"):"",d=String(t.backgroundOpacity/100),g=t.innerMaxWidthTrigger?t.innerMaxWidth+"px":"none",u={"--qroko-blocks-section-background-color":t.backgroundColor,"--qroko-blocks-section-background-image":i,"--qroko-blocks-section-background-size":t.backgroundSize,"--qroko-blocks-section-background-position":t.backgroundPosition,"--qroko-blocks-section-background-opacity":d,"--qroko-blocks-section-inner-max-width":g,"--qroko-blocks-section-inner-margin":function(){switch(t.innerPosition){case"center":return"0 auto";case"left":return"0 auto 0 0";case"right":return"0 0 0 auto";default:return"0 auto"}}(),"--qroko-blocks-section-inner-padding-top":t.innerPaddingTop+"px","--qroko-blocks-section-inner-padding-right":t.innerPaddingRight+"px","--qroko-blocks-section-inner-padding-bottom":t.innerPaddingBottom+"px","--qroko-blocks-section-inner-padding-left":t.innerPaddingLeft+"px"};return Object(n.createElement)("section",{className:s()(o,"qroko-blocks-section"),style:u},Object(n.createElement)(r.InspectorControls,null,Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Background","qroko-blocks")},Object(n.createElement)(c.BaseControl,{label:Object(a.__)("Color","qroko-blocks")},Object(n.createElement)(r.ColorPalette,{value:t.backgroundColor,onChange:function(e){return l({backgroundColor:e})}})),Object(n.createElement)(c.BaseControl,{label:Object(a.__)("Image","qroko-blocks")},Object(n.createElement)("div",null,Object(n.createElement)(r.MediaUpload,{onSelect:function(e){l({backgroundImageID:e.id,backgroundImageURL:e.url})},type:"image",value:t.backgroundImageID,render:function(e){var o,r=e.open;return o=r,t.backgroundImageURL?Object(n.createElement)("div",null,Object(n.createElement)(c.Button,{onClick:o,className:"qroko-blocks-section-image-preview"},Object(n.createElement)("img",{src:t.backgroundImageURL,alt:""})),Object(n.createElement)(c.Button,{onClick:function(){l({backgroundImageID:0,backgroundImageURL:""})},className:"button"},Object(a.__)("Delete image","qroko-blocks"))):Object(n.createElement)(c.Button,{onClick:o,className:"button"},Object(a.__)("Add Image","qroko-blocks"))}}))),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:t.backgroundOpacity,label:Object(a.__)("Opacity","qroko-blocks"),min:0,max:100,initialPosition:100,resetFallbackValue:100,allowReset:!0,onChange:function(e){l({backgroundOpacity:e})}}))),Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Inner","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.ToggleControl,{label:Object(a.__)("Use the Max Width","qroko-blocks"),onChange:function(){l({innerMaxWidthTrigger:!t.innerMaxWidthTrigger})},checked:t.innerMaxWidthTrigger}),Object(n.createElement)(c.RangeControl,{value:t.innerMaxWidth,label:Object(a.__)("Max Width (px)","qroko-blocks"),min:100,max:1600,initialPosition:1e3,resetFallbackValue:1e3,allowReset:!0,onChange:function(e){l({innerMaxWidth:e})}}),Object(n.createElement)(c.RadioControl,{label:Object(a.__)("Position","qroko-blocks"),selected:t.innerPosition,options:b,onChange:function(e){l({innerPosition:e})}}),Object(n.createElement)(c.RangeControl,{value:t.innerPaddingTop,label:Object(a.__)("Padding Top (px)","qroko-blocks"),min:0,max:200,initialPosition:32,resetFallbackValue:32,allowReset:!0,onChange:function(e){l({innerPaddingTop:e})}}),Object(n.createElement)(c.RangeControl,{value:t.innerPaddingRight,label:Object(a.__)("Padding Right (px)","qroko-blocks"),min:0,max:200,initialPosition:0,resetFallbackValue:0,allowReset:!0,onChange:function(e){l({innerPaddingRight:e})}}),Object(n.createElement)(c.RangeControl,{value:t.innerPaddingBottom,label:Object(a.__)("Padding Bottom (px)","qroko-blocks"),min:0,max:200,initialPosition:32,resetFallbackValue:32,allowReset:!0,onChange:function(e){l({innerPaddingBottom:e})}}),Object(n.createElement)(c.RangeControl,{value:t.innerPaddingLeft,label:Object(a.__)("Padding Left (px)","qroko-blocks"),min:0,max:200,initialPosition:0,resetFallbackValue:0,allowReset:!0,onChange:function(e){l({innerPaddingLeft:e})}})))),Object(n.createElement)("div",{className:"qroko-blocks-section-background"}),Object(n.createElement)("div",{className:"qroko-blocks-section-inner"},Object(n.createElement)(r.InnerBlocks,null)))},save:function(e){var t=e.attributes,o=e.className,a=t.backgroundImageURL?"url(".concat(t.backgroundImageURL,")"):"none",l=String(t.backgroundOpacity/100),c=t.innerMaxWidthTrigger?t.innerMaxWidth+"px":"none",i={"--qroko-blocks-section-background-color":t.backgroundColor,"--qroko-blocks-section-background-image":a,"--qroko-blocks-section-background-size":t.backgroundSize,"--qroko-blocks-section-background-position":t.backgroundPosition,"--qroko-blocks-section-background-opacity":l,"--qroko-blocks-section-inner-max-width":c,"--qroko-blocks-section-inner-margin":function(){switch(t.innerPosition){case"center":return"0 auto";case"left":return"0 auto 0 0";case"right":return"0 0 0 auto";default:return"0 auto"}}(),"--qroko-blocks-section-inner-padding-top":t.innerPaddingTop+"px","--qroko-blocks-section-inner-padding-right":t.innerPaddingRight+"px","--qroko-blocks-section-inner-padding-bottom":t.innerPaddingBottom+"px","--qroko-blocks-section-inner-padding-left":t.innerPaddingLeft+"px"};return Object(n.createElement)("section",{className:s()(o,"qroko-blocks-section"),style:i},Object(n.createElement)("div",{className:"qroko-blocks-section-background"}),Object(n.createElement)("div",{className:"qroko-blocks-section-inner"},Object(n.createElement)(r.InnerBlocks.Content,null)))}});o(7);var d=[{label:Object(a.__)("Center","qroko-blocks"),value:"center"},{label:Object(a.__)("Left","qroko-blocks"),value:"left"},{label:Object(a.__)("Right","qroko-blocks"),value:"right"}],g=[{label:Object(a.__)("Solid","qroko-blocks"),value:"solid"},{label:Object(a.__)("Dashed","qroko-blocks"),value:"dashed"},{label:Object(a.__)("Dotted","qroko-blocks"),value:"dotted"},{label:Object(a.__)("Double","qroko-blocks"),value:"double"}],u=function(e){return null==e&&(e="#ffffff"),"#"==e.slice(0,1)&&(e=e.slice(1)),3==e.length&&(e=e.slice(0,1)+e.slice(0,1)+e.slice(1,2)+e.slice(1,2)+e.slice(2,3)+e.slice(2,3)),{red:parseInt(e.slice(0,2),16),green:parseInt(e.slice(2,4),16),blue:parseInt(e.slice(4,6),16)}};Object(l.registerBlockType)("qroko-blocks/box",{title:Object(a.__)("Box","qroko-blocks"),description:Object(a.__)("You can set up decorative boxes and place content inside.","qroko-blocks"),category:"qroko",icon:Object(n.createElement)("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},Object(n.createElement)("path",{"fill-rule":"evenodd",d:"M14.5 3h-13a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"})),supports:{anchor:!0,className:!0,customClassName:!0},attributes:{maxWidthTrigger:{type:"boolean",default:!1},maxWidth:{type:"number",default:1e3},position:{type:"string",default:"center"},radius:{type:"number",default:4},backgroundTrigger:{type:"boolean",default:!0},backgroundColor:{type:"string",default:"#f2f2f2"},backgroundOpacity:{type:"number",default:100},borderTrigger:{type:"boolean",default:!0},borderWidth:{type:"number",default:1},borderStyle:{type:"string",default:"solid"},borderColor:{type:"string",default:"#e4e4e4"},borderOpacity:{type:"number",default:100},shadowTrigger:{type:"boolean",default:!1},shadowX:{type:"number",default:0},shadowY:{type:"number",default:8},shadowBlur:{type:"number",default:8},shadowSpread:{type:"number",default:-4},shadowColor:{type:"string",default:"#000000"},shadowOpacity:{type:"number",default:12},innerPaddingTop:{type:"number",default:16},innerPaddingRight:{type:"number",default:16},innerPaddingBottom:{type:"number",default:16},innerPaddingLeft:{type:"number",default:16}},edit:function(e){var t=e.attributes,o=e.className,l=e.setAttributes,i=t.maxWidthTrigger?t.maxWidth+"px":"none",b="right"===t.position?"0":"auto",m="left"===t.position?"0":"auto",k=u(t.backgroundColor),p=u(t.borderColor),O=u(t.shadowColor),h=function(e,t){return"rgb(".concat(e.red," ").concat(e.green," ").concat(e.blue," / ").concat(t,"%)")},f=h(k,t.backgroundOpacity),j=t.backgroundTrigger?f:"none",C=h(p,t.borderOpacity),q=t.borderTrigger?"".concat(t.borderWidth,"px ").concat(t.borderStyle," ").concat(C):"none",_=h(O,t.shadowOpacity),x=t.shadowTrigger?"".concat(t.shadowX,"px ").concat(t.shadowY,"px ").concat(t.shadowBlur,"px ").concat(t.shadowSpread,"px ").concat(_):"none",v="".concat(t.innerPaddingTop,"px ").concat(t.innerPaddingRight,"px ").concat(t.innerPaddingBottom,"px ").concat(t.innerPaddingLeft,"px"),E={"--qroko-blocks-box-max-width":i,"--qroko-blocks-box-margin-right":b,"--qroko-blocks-box-margin-left":m,"--qroko-blocks-box-radius":t.radius+"px","--qroko-blocks-box-background":j,"--qroko-blocks-box-border":q,"--qroko-blocks-box-shadow":x,"--qroko-blocks-box-padding":v};return Object(n.createElement)("div",{className:s()(o,"qroko-blocks-box"),style:E},Object(n.createElement)(r.InspectorControls,null,Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Basic Settings","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.ToggleControl,{label:Object(a.__)("Use the Max Width","qroko-blocks"),onChange:function(){l({maxWidthTrigger:!t.maxWidthTrigger})},checked:t.maxWidthTrigger}),Object(n.createElement)(c.RangeControl,{value:t.maxWidth,label:Object(a.__)("Max Width (px)","qroko-blocks"),min:100,max:1600,initialPosition:1e3,resetFallbackValue:1e3,allowReset:!0,onChange:function(e){l({maxWidth:e})}}),Object(n.createElement)(c.RadioControl,{label:Object(a.__)("Position","qroko-blocks"),selected:t.position,options:d,onChange:function(e){l({position:e})}}),Object(n.createElement)(c.RangeControl,{value:t.radius,label:Object(a.__)("Round Shape (px)","qroko-blocks"),min:0,max:40,initialPosition:4,resetFallbackValue:4,allowReset:!0,onChange:function(e){l({radius:e})}}))),Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Background","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.ToggleControl,{label:Object(a.__)("Use the Background","qroko-blocks"),onChange:function(){l({backgroundTrigger:!t.backgroundTrigger})},checked:t.backgroundTrigger})),Object(n.createElement)(c.BaseControl,{label:Object(a.__)("Color","qroko-blocks")},Object(n.createElement)(r.ColorPalette,{value:t.backgroundColor,onChange:function(e){return l({backgroundColor:e})}})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:t.backgroundOpacity,label:Object(a.__)("Opacity","qroko-blocks"),min:0,max:100,initialPosition:100,resetFallbackValue:100,allowReset:!0,onChange:function(e){l({backgroundOpacity:e})}}))),Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Border","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.ToggleControl,{label:Object(a.__)("Use the Border","qroko-blocks"),onChange:function(){l({borderTrigger:!t.borderTrigger})},checked:t.borderTrigger})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:t.borderWidth,label:Object(a.__)("Width","qroko-blocks"),min:0,max:40,initialPosition:1,resetFallbackValue:1,allowReset:!0,onChange:function(e){l({borderWidth:e})}}),Object(n.createElement)(c.RadioControl,{label:Object(a.__)("Style","qroko-blocks"),selected:t.borderStyle,options:g,onChange:function(e){l({borderStyle:e})}})),Object(n.createElement)(c.BaseControl,{label:Object(a.__)("Color","qroko-blocks")},Object(n.createElement)(r.ColorPalette,{value:t.borderColor,onChange:function(e){return l({borderColor:e})}})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:t.borderOpacity,label:Object(a.__)("Opacity","qroko-blocks"),min:0,max:100,initialPosition:100,resetFallbackValue:100,allowReset:!0,onChange:function(e){l({borderOpacity:e})}}))),Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Shadow","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.ToggleControl,{label:Object(a.__)("Use the Shadow","qroko-blocks"),onChange:function(){l({shadowTrigger:!t.shadowTrigger})},checked:t.shadowTrigger})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:t.shadowX,label:Object(a.__)("X Offset (px)","qroko-blocks"),min:-40,max:40,initialPosition:0,resetFallbackValue:0,allowReset:!0,onChange:function(e){l({shadowX:e})}}),Object(n.createElement)(c.RangeControl,{value:t.shadowY,label:Object(a.__)("Y Offset (px)","qroko-blocks"),min:-40,max:40,initialPosition:8,resetFallbackValue:8,allowReset:!0,onChange:function(e){l({shadowY:e})}}),Object(n.createElement)(c.RangeControl,{value:t.shadowBlur,label:Object(a.__)("Blur (px)","qroko-blocks"),min:0,max:40,initialPosition:8,resetFallbackValue:8,allowReset:!0,onChange:function(e){l({shadowBlur:e})}}),Object(n.createElement)(c.RangeControl,{value:t.shadowSpread,label:Object(a.__)("Spread (px)","qroko-blocks"),min:-40,max:40,initialPosition:-4,resetFallbackValue:-4,allowReset:!0,onChange:function(e){l({shadowSpread:e})}})),Object(n.createElement)(c.BaseControl,{label:Object(a.__)("Color","qroko-blocks")},Object(n.createElement)(r.ColorPalette,{value:t.shadowColor,onChange:function(e){return l({shadowColor:e})}})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:t.shadowOpacity,label:Object(a.__)("Opacity","qroko-blocks"),min:0,max:100,initialPosition:12,resetFallbackValue:12,allowReset:!0,onChange:function(e){l({shadowOpacity:e})}}))),Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Inner","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:t.innerPaddingTop,label:Object(a.__)("Padding Top (px)","qroko-blocks"),min:0,max:200,initialPosition:16,resetFallbackValue:16,allowReset:!0,onChange:function(e){l({innerPaddingTop:e})}}),Object(n.createElement)(c.RangeControl,{value:t.innerPaddingRight,label:Object(a.__)("Padding Right (px)","qroko-blocks"),min:0,max:200,initialPosition:16,resetFallbackValue:16,allowReset:!0,onChange:function(e){l({innerPaddingRight:e})}}),Object(n.createElement)(c.RangeControl,{value:t.innerPaddingBottom,label:Object(a.__)("Padding Bottom (px)","qroko-blocks"),min:0,max:200,initialPosition:16,resetFallbackValue:16,allowReset:!0,onChange:function(e){l({innerPaddingBottom:e})}}),Object(n.createElement)(c.RangeControl,{value:t.innerPaddingLeft,label:Object(a.__)("Padding Left (px)","qroko-blocks"),min:0,max:200,initialPosition:16,resetFallbackValue:16,allowReset:!0,onChange:function(e){l({innerPaddingLeft:e})}})))),Object(n.createElement)(r.InnerBlocks,null))},save:function(e){var t=e.attributes,o=e.className,a=t.maxWidthTrigger?t.maxWidth+"px":"none",l="right"===t.position?"0":"auto",c="left"===t.position?"0":"auto",i=u(t.backgroundColor),b=u(t.borderColor),d=u(t.shadowColor),g=function(e,t){return"rgb(".concat(e.red," ").concat(e.green," ").concat(e.blue," / ").concat(t,"%)")},m=g(i,t.backgroundOpacity),k=t.backgroundTrigger?m:"none",p=g(b,t.borderOpacity),O=t.borderTrigger?"".concat(t.borderWidth,"px ").concat(t.borderStyle," ").concat(p):"none",h=g(d,t.shadowOpacity),f=t.shadowTrigger?"".concat(t.shadowX,"px ").concat(t.shadowY,"px ").concat(t.shadowBlur,"px ").concat(t.shadowSpread,"px ").concat(h):"none",j="".concat(t.innerPaddingTop,"px ").concat(t.innerPaddingRight,"px ").concat(t.innerPaddingBottom,"px ").concat(t.innerPaddingLeft,"px"),C={"--qroko-blocks-box-max-width":a,"--qroko-blocks-box-margin-right":l,"--qroko-blocks-box-margin-left":c,"--qroko-blocks-box-radius":t.radius+"px","--qroko-blocks-box-background":k,"--qroko-blocks-box-border":O,"--qroko-blocks-box-shadow":f,"--qroko-blocks-box-padding":j};return Object(n.createElement)("div",{className:s()(o,"qroko-blocks-box"),style:C},Object(n.createElement)(r.InnerBlocks.Content,null))}});o(8);var m=[{label:Object(a.__)("Left","qroko-blocks"),value:"left"},{label:Object(a.__)("Right","qroko-blocks"),value:"right"}],k=[{label:Object(a.__)("Cover","qroko-blocks"),value:"cover"},{label:Object(a.__)("Contain","qroko-blocks"),value:"contain"}];Object(l.registerBlockType)("qroko-blocks/blog-card",{title:Object(a.__)("Blog Card","qroko-blocks"),description:Object(a.__)("Block to create a card link. You can also edit it after getting the Open Graph from the link URL.","qroko-blocks"),category:"qroko",icon:Object(n.createElement)("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},Object(n.createElement)("path",{"fill-rule":"evenodd",d:"M14.5 3h-13a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"}),Object(n.createElement)("path",{"fill-rule":"evenodd",d:"M3 5.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM3 8a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 8zm0 2.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5z"})),supports:{anchor:!0,className:!0,customClassName:!0},attributes:{url:{type:"string",default:""},title:{type:"string",default:""},description:{type:"string",default:""},imageID:{type:"number",default:0},imageURL:{type:"string",default:""},imageAlt:{type:"string",default:""},imagePosition:{type:"string",default:"left"},imageFit:{type:"string",default:"cover"},ogDomain:{type:"string",default:""},ogTitleCharacterCount:{type:"number",default:50},ogDescriptionCharacterCount:{type:"number",default:60},ogImageURL:{type:"string",default:""},externalLink:{type:"boolean",default:!0}},edit:function(e){var t=e.attributes,o=e.className,l=e.setAttributes,i=e.isSelected,b=function(e){var o,n=new URL(e.url).hostname,a=location.hostname,r=function(){var o=t.ogTitleCharacterCount;return(e.title?e.title.length:0)>=o?e.title.substr(0,o)+" ...":e.title};l({title:r(),description:(o=t.ogDescriptionCharacterCount,(e.description?e.description.length:0)>=o?e.description.substr(0,o)+" ...":e.description),imageID:0,imageURL:"",imageAlt:r(),ogDomain:n,ogImageURL:e.image,externalLink:n!=a})};return Object(n.createElement)("div",{className:s()(o,"qroko-blocks-blog-card")},Object(n.createElement)(r.InspectorControls,null,Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Title","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.TextareaControl,{value:t.title,onChange:function(e){l({title:e})}}),Object(n.createElement)(c.RangeControl,{value:t.ogTitleCharacterCount,label:Object(a.__)("Number of characters","qroko-blocks"),min:1,max:200,initialPosition:50,resetFallbackValue:50,allowReset:!0,onChange:function(e){l({ogTitleCharacterCount:e})}}))),Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Description","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.TextareaControl,{value:t.description,onChange:function(e){l({description:e})}}),Object(n.createElement)(c.RangeControl,{value:t.ogDescriptionCharacterCount,label:Object(a.__)("Number of characters","qroko-blocks"),min:1,max:200,initialPosition:60,resetFallbackValue:60,allowReset:!0,onChange:function(e){l({ogDescriptionCharacterCount:e})}}))),Object(n.createElement)(c.PanelBody,{title:Object(a.__)("Image","qroko-blocks")},Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(r.MediaUpload,{onSelect:function(e){l({imageID:e.id,imageURL:e.url,imageAlt:e.alt})},type:"image",value:t.imageID,render:function(e){var o,r=e.open;return o=r,t.imageURL||t.ogImageURL?Object(n.createElement)("div",null,Object(n.createElement)(c.Button,{onClick:o,className:"qroko-blocks-blog-card-image-preview"},Object(n.createElement)("img",{src:t.imageURL?t.imageURL:t.ogImageURL?t.ogImageURL:"",alt:t.imageAlt})),Object(n.createElement)(c.Button,{onClick:function(){l({imageID:0,imageURL:"",imageAlt:"",ogImageURL:""})},className:"button"},Object(a.__)("Delete image","qroko-blocks"))):Object(n.createElement)(c.Button,{onClick:o,className:"button"},Object(a.__)("Add Image","qroko-blocks"))}})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RadioControl,{label:Object(a.__)("Image position","qroko-blocks"),selected:t.imagePosition,options:m,onChange:function(e){l({imagePosition:e})}})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RadioControl,{label:Object(a.__)("Image Fit","qroko-blocks"),selected:t.imageFit,options:k,onChange:function(e){l({imageFit:e})}})))),t.title&&Object(n.createElement)("div",{className:s()("qroko-blocks-blog-card-columns","right"===t.imagePosition?"is-reverse":"")},(t.imageURL||t.ogImageURL)&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-column is-flex-none"},Object(n.createElement)("div",{className:"qroko-blocks-blog-card-image-container"},i&&Object(n.createElement)((function(){return Object(n.createElement)("button",{className:"qroko-blocks-blog-card-delete-image-button",type:"button",onClick:function(){return l({imageID:0,imageAlt:"",imageURL:"",ogImageURL:""})}},Object(n.createElement)("svg",{className:"icon",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},Object(n.createElement)("path",{"fill-rule":"evenodd",d:"M11.854 4.146a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708-.708l7-7a.5.5 0 0 1 .708 0z"}),Object(n.createElement)("path",{"fill-rule":"evenodd",d:"M4.146 4.146a.5.5 0 0 0 0 .708l7 7a.5.5 0 0 0 .708-.708l-7-7a.5.5 0 0 0-.708 0z"})))}),null),Object(n.createElement)("div",{className:"qroko-blocks-blog-card-image-wrap"},Object(n.createElement)("img",{src:t.imageURL?t.imageURL:t.ogImageURL?t.ogImageURL:"",alt:t.imageAlt,className:s()("qroko-blocks-blog-card-image","is-"+t.imageFit)})))),Object(n.createElement)("div",{className:"qroko-blocks-blog-card-column is-padding is-flex-grow"},Object(n.createElement)("div",{className:"qroko-blocks-blog-card-meta"},t.title&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-heading"},t.title),t.description&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-description"},t.description),t.ogDomain&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-domain"},t.ogDomain)))),(i||!t.title)&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-columns is-padding is-gap is-bottom"},Object(n.createElement)("div",{className:"qroko-blocks-blog-card-column is-flex-grow"},Object(n.createElement)(c.TextControl,{label:Object(a.__)("Link URL","qroko-blocks"),value:t.url,onChange:function(e){l({url:e})},className:"is-margin-bottom-none"})),Object(n.createElement)("div",{className:"qroko-blocks-blog-card-column is-flex-none"},Object(n.createElement)(c.Button,{onClick:function(){return e=t.url,(o=new FormData).append("action","open_graph"),o.append("target_url",e),void fetch(ajaxurl,{method:"POST",body:o,cache:"no-cache"}).then((function(e){return e.json()})).then((function(e){b(e[0])})).catch((function(e){console.log(e)}));var e,o},className:"button is-small"},Object(a.__)("Load","qroko-blocks")))))},save:function(e){var t=e.attributes,o=e.className;return Object(n.createElement)("div",{className:s()(o,"qroko-blocks-blog-card")},t.externalLink?Object(n.createElement)("a",{href:t.url,target:"_blank",rel:"noopener noreferrer",className:"qroko-blocks-blog-card-link"}):Object(n.createElement)("a",{href:t.url,className:"qroko-blocks-blog-card-link"}),Object(n.createElement)("div",{className:s()("qroko-blocks-blog-card-columns","right"===t.imagePosition?"is-reverse":"")},(t.imageURL||t.ogImageURL)&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-column is-flex-none"},Object(n.createElement)("div",{className:"qroko-blocks-blog-card-image-container"},Object(n.createElement)("div",{className:"qroko-blocks-blog-card-image-wrap"},Object(n.createElement)("img",{src:t.imageURL?t.imageURL:t.ogImageURL?t.ogImageURL:"",alt:t.imageAlt,className:s()("qroko-blocks-blog-card-image","is-"+t.imageFit)})))),Object(n.createElement)("div",{className:"qroko-blocks-blog-card-column is-padding is-flex-grow"},Object(n.createElement)("div",{className:"qroko-blocks-blog-card-meta"},t.title&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-heading"},t.title),t.description&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-description"},t.description),t.ogDomain&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-domain"},t.ogDomain)))))}})}]);

qroko-blocks/trunk/qroko-blocks.php

@@ -6 +6 @@
  * Author: qrac
  * Author URI: https://qrac.jp/
- * Version: 1.2.2
+ * Version: 1.2.3
  * Text Domain: qroko-blocks
  * Domain Path: /languages

qroko-blocks/trunk/readme.txt

@@ -5 +5 @@
 Requires at least: 5.4
 Tested up to: 5.5
-Stable tag: 1.2.2
+Stable tag: 1.2.3
 Requires PHP: 5.6
 License: GPLv2 or later
@@ -46 +46 @@
 == Changelog ==
 
+= 1.2.3 =
+* Add the ability to grant an anchor ID
+* Fixed a bug that prevented the number from being zero
+* Section Blocks: Fixed a bug with no default value
+
 = 1.2.2 =
 * Refactoring