Plugin Directory

Changeset 2401298


Ignore:
Timestamp:
10/17/2020 07:08:49 AM (5 years ago)
Author:
qrac
Message:

Update to version 1.2.2 from GitHub

Location:
qroko-blocks
Files:
14 edited
1 copied

Legend:

Unmodified
Added
Removed
  • qroko-blocks/tags/1.2.2/build/editors.asset.php

    r2400331 r2401298  
    1 <?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-polyfill'), 'version' => '6eeeb4e980c57619b12810fcde5930cd');
     1<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-polyfill'), 'version' => '930eb17c328250ce8766d94b67b02118');
  • qroko-blocks/tags/1.2.2/build/editors.css

    r2400331 r2401298  
    6767
    6868.qroko-blocks-box {
    69   position: relative;
    7069  max-width: none;
    7170  max-width: var(--qroko-blocks-box-max-width, none);
     
    7473  margin-left: auto;
    7574  margin-left: var(--qroko-blocks-box-margin-left, auto);
    76 }
    77 
    78 .qroko-blocks-box-background {
    79   position: absolute;
    80   top: 0;
    81   left: 0;
    82   width: 100%;
    83   height: 100%;
    84   background-color: #f2f2f2;
    85   background-color: var(
    86     --qroko-blocks-box-background-color,
    87     var(--theme-bg-2, #f2f2f2)
    88   );
     75  padding: 16px;
     76  padding: var(--qroko-blocks-box-padding, 16px);
     77  background: #f2f2f2;
     78  background: var(--qroko-blocks-box-background, var(--theme-bg-2, #f2f2f2));
     79  border: 1px solid #e4e4e4;
     80  border: var(--qroko-blocks-box-border, 1px solid var(--theme-bg-3, #e4e4e4));
     81  box-shadow: none;
     82  box-shadow: var(--qroko-blocks-box-shadow, none);
    8983  border-radius: 4px;
    9084  border-radius: var(--qroko-blocks-box-radius, 4px);
    91   opacity: 1;
    92   opacity: var(--qroko-blocks-box-background-opacity, 1);
    93   z-index: 2;
    94 }
    95 
    96 .qroko-blocks-box-border {
    97   position: absolute;
    98   top: 0;
    99   left: 0;
    100   width: 100%;
    101   height: 100%;
    102   border-width: 1px;
    103   border-width: var(--qroko-blocks-box-border-width, 1px);
    104   border-style: solid;
    105   border-style: var(--qroko-blocks-box-border-style, solid);
    106   border-color: #e4e4e4;
    107   border-color: var(
    108     --qroko-blocks-box-border-color,
    109     var(--theme-bg-3, #e4e4e4)
    110   );
    111   border-radius: 4px;
    112   border-radius: var(--qroko-blocks-box-radius, 4px);
    113   opacity: 1;
    114   opacity: var(--qroko-blocks-box-border-opacity, 1);
    115   z-index: 3;
    116 }
    117 
    118 .qroko-blocks-box-shadow {
    119   position: absolute;
    120   top: 0;
    121   left: 0;
    122   width: 100%;
    123   height: 100%;
    124   border-radius: 4px;
    125   border-radius: var(--qroko-blocks-box-radius, 4px);
    126   box-shadow: 0px
    127     8px
    128     8px
    129     -4px
    130     #000000;
    131   box-shadow: var(--qroko-blocks-box-shadow-x, 0px)
    132     var(--qroko-blocks-box-shadow-y, 8px)
    133     var(--qroko-blocks-box-shadow-blur, 8px)
    134     var(--qroko-blocks-box-shadow-spread, -4px)
    135     var(--qroko-blocks-box-shadow-color, #000000);
    136   opacity: 0.12;
    137   opacity: var(--qroko-blocks-box-shadow-opacity, 0.12);
    138   z-index: 1;
    139 }
    140 
    141 .qroko-blocks-box-inner {
    142   position: relative;
    143   padding-top: 17px;
    144   padding-top: var(--qroko-blocks-box-inner-padding-top, 17px);
    145   padding-right: 17px;
    146   padding-right: var(--qroko-blocks-box-inner-padding-right, 17px);
    147   padding-bottom: 17px;
    148   padding-bottom: var(--qroko-blocks-box-inner-padding-bottom, 17px);
    149   padding-left: 17px;
    150   padding-left: var(--qroko-blocks-box-inner-padding-left, 17px);
    151   z-index: 4;
    152 }
    153 
    154 .qroko-blocks-box-inner
     85}
     86
     87.qroko-blocks-box
    15588  > .block-editor-inner-blocks
    15689  > .block-editor-block-list__layout
     
    15992}
    16093
    161 .qroko-blocks-box-inner
     94.qroko-blocks-box
    16295  > .block-editor-inner-blocks
    16396  > .block-editor-block-list__layout
  • qroko-blocks/tags/1.2.2/build/editors.js

    r2400331 r2401298  
    1 !function(e){var o={};function t(n){if(o[n])return o[n].exports;var a=o[n]={i:n,l:!1,exports:{}};return e[n].call(a.exports,a,a.exports,t),a.l=!0,a.exports}t.m=e,t.c=o,t.d=function(e,o,n){t.o(e,o)||Object.defineProperty(e,o,{enumerable:!0,get:n})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,o){if(1&o&&(e=t(e)),8&o)return e;if(4&o&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(t.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&o&&"string"!=typeof e)for(var a in e)t.d(n,a,function(o){return e[o]}.bind(null,a));return n},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,o){return Object.prototype.hasOwnProperty.call(e,o)},t.p="",t(t.s=12)}([function(e,o){!function(){e.exports=this.wp.element}()},function(e,o){!function(){e.exports=this.wp.components}()},function(e,o){!function(){e.exports=this.wp.i18n}()},function(e,o){!function(){e.exports=this.wp.blockEditor}()},function(e,o,t){var n;!function(){"use strict";var t={}.hasOwnProperty;function a(){for(var e=[],o=0;o<arguments.length;o++){var n=arguments[o];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)t.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(o,[]))||(e.exports=n)}()},function(e,o){!function(){e.exports=this.wp.blocks}()},function(e,o,t){},function(e,o,t){},function(e,o,t){},,,,function(e,o,t){"use strict";t.r(o);var n=t(0),a=t(2),r=t(5),l=t(3),c=t(1),i=t(4),b=t.n(i),s=(t(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 o=e.attributes,t=e.className,r=e.setAttributes,i=o.backgroundImageURL?"url(".concat(o.backgroundImageURL,")"):"",d=String(o.backgroundOpacity/100),g=o.innerMaxWidthTrigger?o.innerMaxWidth+"px":"none",u={"--qroko-blocks-section-background-color":o.backgroundColor,"--qroko-blocks-section-background-image":i,"--qroko-blocks-section-background-size":o.backgroundSize,"--qroko-blocks-section-background-position":o.backgroundPosition,"--qroko-blocks-section-background-opacity":d,"--qroko-blocks-section-inner-max-width":g,"--qroko-blocks-section-inner-margin":function(){switch(o.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":o.innerPaddingTop+"px","--qroko-blocks-section-inner-padding-right":o.innerPaddingRight+"px","--qroko-blocks-section-inner-padding-bottom":o.innerPaddingBottom+"px","--qroko-blocks-section-inner-padding-left":o.innerPaddingLeft+"px"};return Object(n.createElement)("section",{className:b()(t,"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:o.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:o.backgroundImageID,render:function(e){var t,l=e.open;return t=l,o.backgroundImageURL?Object(n.createElement)("div",null,Object(n.createElement)(c.Button,{onClick:t,className:"qroko-blocks-section-image-preview"},Object(n.createElement)("img",{src:o.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:t,className:"button"},Object(a.__)("Add Image","qroko-blocks"))}}))),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:o.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:!o.innerMaxWidthTrigger})},checked:o.innerMaxWidthTrigger}),Object(n.createElement)(c.RangeControl,{value:o.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:o.innerPosition,options:s,onChange:function(e){r({innerPosition:e})}}),Object(n.createElement)(c.RangeControl,{value:o.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:o.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:o.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:o.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 o=e.attributes,t=e.className,a=o.backgroundImageURL?"url(".concat(o.backgroundImageURL,")"):"",r=String(o.backgroundOpacity/100),c=o.innerMaxWidthTrigger?o.innerMaxWidth+"px":"none",i={"--qroko-blocks-section-background-color":o.backgroundColor,"--qroko-blocks-section-background-image":a,"--qroko-blocks-section-background-size":o.backgroundSize,"--qroko-blocks-section-background-position":o.backgroundPosition,"--qroko-blocks-section-background-opacity":r,"--qroko-blocks-section-inner-max-width":c,"--qroko-blocks-section-inner-margin":function(){switch(o.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":o.innerPaddingTop+"px","--qroko-blocks-section-inner-padding-right":o.innerPaddingRight+"px","--qroko-blocks-section-inner-padding-bottom":o.innerPaddingBottom+"px","--qroko-blocks-section-inner-padding-left":o.innerPaddingLeft+"px"};return Object(n.createElement)("section",{className:b()(t,"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)))}});t(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"}];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"},backgroundOpacity:{type:"number",default:100},borderTrigger:{type:"boolean",default:!0},borderWidth:{type:"number",default:1},borderStyle:{type:"string",default:"solid"},borderColor:{type:"string"},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"},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 o=e.attributes,t=e.className,r=e.setAttributes,i=function(e){return String(e/100)},s=function(e){return(o.borderTrigger?o.borderWidth:0)+e+"px"},u={"--qroko-blocks-box-max-width":o.maxWidthTrigger?o.maxWidth+"px":"none","--qroko-blocks-box-margin-right":function(){switch(o.position){case"center":case"left":return"auto";case"right":return"0";default:return"auto"}}(),"--qroko-blocks-box-margin-left":function(){switch(o.position){case"center":return"auto";case"left":return"0";case"right":default:return"auto"}}(),"--qroko-blocks-box-radius":o.radius+"px","--qroko-blocks-box-background-color":o.backgroundColor,"--qroko-blocks-box-background-opacity":i(o.backgroundOpacity),"--qroko-blocks-box-border-width":o.borderWidth+"px","--qroko-blocks-box-border-style":o.borderStyle,"--qroko-blocks-box-border-color":o.borderColor,"--qroko-blocks-box-border-opacity":i(o.borderOpacity),"--qroko-blocks-box-shadow-x":o.shadowX+"px","--qroko-blocks-box-shadow-y":o.shadowY+"px","--qroko-blocks-box-shadow-blur":o.shadowBlur+"px","--qroko-blocks-box-shadow-spread":o.shadowSpread+"px","--qroko-blocks-box-shadow-color":o.shadowColor,"--qroko-blocks-box-shadow-opacity":i(o.shadowOpacity),"--qroko-blocks-box-inner-padding-top":s(o.innerPaddingTop),"--qroko-blocks-box-inner-padding-right":s(o.innerPaddingRight),"--qroko-blocks-box-inner-padding-bottom":s(o.innerPaddingBottom),"--qroko-blocks-box-inner-padding-left":s(o.innerPaddingLeft)};return Object(n.createElement)("div",{className:b()(t,"qroko-blocks-box"),style:u},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:!o.maxWidthTrigger})},checked:o.maxWidthTrigger}),Object(n.createElement)(c.RangeControl,{value:o.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:o.position,options:d,onChange:function(e){r({position:e})}}),Object(n.createElement)(c.RangeControl,{value:o.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:!o.backgroundTrigger})},checked:o.backgroundTrigger})),Object(n.createElement)(c.BaseControl,{label:Object(a.__)("Color","qroko-blocks")},Object(n.createElement)(l.ColorPalette,{value:o.backgroundColor,onChange:function(e){return r({backgroundColor:e})}})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:o.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:!o.borderTrigger})},checked:o.borderTrigger})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:o.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:o.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:o.borderColor,onChange:function(e){return r({borderColor:e})}})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:o.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:!o.shadowTrigger})},checked:o.shadowTrigger})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:o.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:o.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:o.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:o.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:o.shadowColor,onChange:function(e){return r({shadowColor:e})}})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:o.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:o.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:o.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:o.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:o.innerPaddingLeft,label:Object(a.__)("Padding Left (px)","qroko-blocks"),min:0,max:200,initialPosition:16,allowReset:!0,onChange:function(e){r({innerPaddingLeft:e||16})}})))),o.backgroundTrigger&&Object(n.createElement)("div",{className:"qroko-blocks-box-background"}),o.borderTrigger&&Object(n.createElement)("div",{className:"qroko-blocks-box-border"}),o.shadowTrigger&&Object(n.createElement)("div",{className:"qroko-blocks-box-shadow"}),Object(n.createElement)("div",{className:"qroko-blocks-box-inner"},Object(n.createElement)(l.InnerBlocks,null)))},save:function(e){var o=e.attributes,t=e.className,a=function(e){return String(e/100)},r=function(e){return(o.borderTrigger?o.borderWidth:0)+e+"px"},c={"--qroko-blocks-box-max-width":o.maxWidthTrigger?o.maxWidth+"px":"none","--qroko-blocks-box-margin-right":function(){switch(o.position){case"center":case"left":return"auto";case"right":return"0";default:return"auto"}}(),"--qroko-blocks-box-margin-left":function(){switch(o.position){case"center":return"auto";case"left":return"0";case"right":default:return"auto"}}(),"--qroko-blocks-box-radius":o.radius+"px","--qroko-blocks-box-background-color":o.backgroundColor,"--qroko-blocks-box-background-opacity":a(o.backgroundOpacity),"--qroko-blocks-box-border-width":o.borderWidth+"px","--qroko-blocks-box-border-style":o.borderStyle,"--qroko-blocks-box-border-color":o.borderColor,"--qroko-blocks-box-border-opacity":a(o.borderOpacity),"--qroko-blocks-box-shadow-x":o.shadowX+"px","--qroko-blocks-box-shadow-y":o.shadowY+"px","--qroko-blocks-box-shadow-blur":o.shadowBlur+"px","--qroko-blocks-box-shadow-spread":o.shadowSpread+"px","--qroko-blocks-box-shadow-color":o.shadowColor,"--qroko-blocks-box-shadow-opacity":a(o.shadowOpacity),"--qroko-blocks-box-inner-padding-top":r(o.innerPaddingTop),"--qroko-blocks-box-inner-padding-right":r(o.innerPaddingRight),"--qroko-blocks-box-inner-padding-bottom":r(o.innerPaddingBottom),"--qroko-blocks-box-inner-padding-left":r(o.innerPaddingLeft)};return Object(n.createElement)("div",{className:b()(t,"qroko-blocks-box"),style:c},o.backgroundTrigger&&Object(n.createElement)("div",{className:"qroko-blocks-box-background"}),o.borderTrigger&&Object(n.createElement)("div",{className:"qroko-blocks-box-border"}),o.shadowTrigger&&Object(n.createElement)("div",{className:"qroko-blocks-box-shadow"}),Object(n.createElement)("div",{className:"qroko-blocks-box-inner"},Object(n.createElement)(l.InnerBlocks.Content,null)))}});t(8);var u=[{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 o=e.attributes,t=e.className,r=e.setAttributes,i=e.isSelected,s=function(e){var t,n=new URL(e.url).hostname,a=location.hostname,l=function(){var t=o.ogTitleCharacterCount;return(e.title?e.title.length:0)>=t?e.title.substr(0,t)+" ...":e.title};r({title:l(),description:(t=o.ogDescriptionCharacterCount,(e.description?e.description.length:0)>=t?e.description.substr(0,t)+" ...":e.description),imageID:0,imageURL:"",imageAlt:l(),ogDomain:n,ogImageURL:e.image,externalLink:n!=a})};return Object(n.createElement)("div",{className:b()(t,"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:o.title,onChange:function(e){r({title:e})}}),Object(n.createElement)(c.RangeControl,{value:o.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:o.description,onChange:function(e){r({description:e})}}),Object(n.createElement)(c.RangeControl,{value:o.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:o.imageID,render:function(e){var t,l=e.open;return t=l,o.imageURL||o.ogImageURL?Object(n.createElement)("div",null,Object(n.createElement)(c.Button,{onClick:t,className:"qroko-blocks-blog-card-image-preview"},Object(n.createElement)("img",{src:o.imageURL?o.imageURL:o.ogImageURL?o.ogImageURL:"",alt:o.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:t,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:o.imagePosition,options:u,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:o.imageFit,options:k,onChange:function(e){r({imageFit:e})}})))),o.title&&Object(n.createElement)("div",{className:b()("qroko-blocks-blog-card-columns","right"===o.imagePosition?"is-reverse":"")},(o.imageURL||o.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:o.imageURL?o.imageURL:o.ogImageURL?o.ogImageURL:"",alt:o.imageAlt,className:b()("qroko-blocks-blog-card-image","is-"+o.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"},o.title&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-heading"},o.title),o.description&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-description"},o.description),o.ogDomain&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-domain"},o.ogDomain)))),(i||!o.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:o.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=o.url,(t=new FormData).append("action","open_graph"),t.append("target_url",e),void fetch(ajaxurl,{method:"POST",body:t,cache:"no-cache"}).then((function(e){return e.json()})).then((function(e){s(e[0])})).catch((function(e){console.log(e)}));var e,t},className:"button is-small"},Object(a.__)("Load","qroko-blocks")))))},save:function(e){var o=e.attributes,t=e.className;return Object(n.createElement)("div",{className:b()(t,"qroko-blocks-blog-card")},o.externalLink?Object(n.createElement)("a",{href:o.url,target:"_blank",rel:"noopener noreferrer",className:"qroko-blocks-blog-card-link"}):Object(n.createElement)("a",{href:o.url,className:"qroko-blocks-blog-card-link"}),Object(n.createElement)("div",{className:b()("qroko-blocks-blog-card-columns","right"===o.imagePosition?"is-reverse":"")},(o.imageURL||o.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:o.imageURL?o.imageURL:o.ogImageURL?o.ogImageURL:"",alt:o.imageAlt,className:b()("qroko-blocks-blog-card-image","is-"+o.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"},o.title&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-heading"},o.title),o.description&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-description"},o.description),o.ogDomain&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-domain"},o.ogDomain)))))}})}]);
     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)))))}})}]);
  • qroko-blocks/tags/1.2.2/build/fronts.asset.php

    r2400331 r2401298  
    1 <?php return array('dependencies' => array('wp-polyfill'), 'version' => 'ca340986ec90e0ea0886c9c86726c9dc');
     1<?php return array('dependencies' => array('wp-polyfill'), 'version' => 'b7bd014c098a111c201a854669a4121b');
  • qroko-blocks/tags/1.2.2/build/fronts.css

    r2400331 r2401298  
    4545
    4646.qroko-blocks-box {
    47   position: relative;
    4847  max-width: none;
    4948  max-width: var(--qroko-blocks-box-max-width, none);
     
    5251  margin-left: auto;
    5352  margin-left: var(--qroko-blocks-box-margin-left, auto);
    54 }
    55 
    56 .qroko-blocks-box-background {
    57   position: absolute;
    58   top: 0;
    59   left: 0;
    60   width: 100%;
    61   height: 100%;
    62   background-color: #f2f2f2;
    63   background-color: var(
    64     --qroko-blocks-box-background-color,
    65     var(--theme-bg-2, #f2f2f2)
    66   );
     53  padding: 16px;
     54  padding: var(--qroko-blocks-box-padding, 16px);
     55  background: #f2f2f2;
     56  background: var(--qroko-blocks-box-background, var(--theme-bg-2, #f2f2f2));
     57  border: 1px solid #e4e4e4;
     58  border: var(--qroko-blocks-box-border, 1px solid var(--theme-bg-3, #e4e4e4));
     59  box-shadow: none;
     60  box-shadow: var(--qroko-blocks-box-shadow, none);
    6761  border-radius: 4px;
    6862  border-radius: var(--qroko-blocks-box-radius, 4px);
    69   opacity: 0.12;
    70   opacity: var(--qroko-blocks-box-background-opacity, 0.12);
    71   z-index: 2;
    72 }
    73 
    74 .qroko-blocks-box-border {
    75   position: absolute;
    76   top: 0;
    77   left: 0;
    78   width: 100%;
    79   height: 100%;
    80   border-width: 1px;
    81   border-width: var(--qroko-blocks-box-border-width, 1px);
    82   border-style: solid;
    83   border-style: var(--qroko-blocks-box-border-style, solid);
    84   border-color: #e4e4e4;
    85   border-color: var(
    86     --qroko-blocks-box-border-color,
    87     var(--theme-bg-3, #e4e4e4)
    88   );
    89   border-radius: 4px;
    90   border-radius: var(--qroko-blocks-box-radius, 4px);
    91   opacity: 1;
    92   opacity: var(--qroko-blocks-box-border-opacity, 1);
    93   z-index: 3;
    94 }
    95 
    96 .qroko-blocks-box-shadow {
    97   position: absolute;
    98   top: 0;
    99   left: 0;
    100   width: 100%;
    101   height: 100%;
    102   border-radius: 4px;
    103   border-radius: var(--qroko-blocks-box-radius, 4px);
    104   box-shadow: 0px
    105     8px
    106     8px
    107     -4px
    108     #000000;
    109   box-shadow: var(--qroko-blocks-box-shadow-x, 0px)
    110     var(--qroko-blocks-box-shadow-y, 8px)
    111     var(--qroko-blocks-box-shadow-blur, 8px)
    112     var(--qroko-blocks-box-shadow-spread, -4px)
    113     var(--qroko-blocks-box-shadow-color, #000000);
    114   opacity: 1;
    115   opacity: var(--qroko-blocks-box-shadow-opacity, 1);
    116   z-index: 1;
    117 }
    118 
    119 .qroko-blocks-box-inner {
    120   position: relative;
    121   padding-top: 17px;
    122   padding-top: var(--qroko-blocks-box-inner-padding-top, 17px);
    123   padding-right: 17px;
    124   padding-right: var(--qroko-blocks-box-inner-padding-right, 17px);
    125   padding-bottom: 17px;
    126   padding-bottom: var(--qroko-blocks-box-inner-padding-bottom, 17px);
    127   padding-left: 17px;
    128   padding-left: var(--qroko-blocks-box-inner-padding-left, 17px);
    129   z-index: 4;
    13063}
    13164
  • qroko-blocks/tags/1.2.2/qroko-blocks.php

    r2400620 r2401298  
    66 * Author: qrac
    77 * Author URI: https://qrac.jp/
    8  * Version: 1.2.1
     8 * Version: 1.2.2
    99 * Text Domain: qroko-blocks
    1010 * Domain Path: /languages
  • qroko-blocks/tags/1.2.2/readme.txt

    r2400620 r2401298  
    55Requires at least: 5.4
    66Tested up to: 5.5
    7 Stable tag: 1.2.1
     7Stable tag: 1.2.2
    88Requires PHP: 5.6
    99License: GPLv2 or later
     
    4646== Changelog ==
    4747
     48= 1.2.2 =
     49* Refactoring
     50
    4851= 1.2.1 =
    4952* Fix
  • qroko-blocks/trunk/build/editors.asset.php

    r2400331 r2401298  
    1 <?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-polyfill'), 'version' => '6eeeb4e980c57619b12810fcde5930cd');
     1<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-polyfill'), 'version' => '930eb17c328250ce8766d94b67b02118');
  • qroko-blocks/trunk/build/editors.css

    r2400331 r2401298  
    6767
    6868.qroko-blocks-box {
    69   position: relative;
    7069  max-width: none;
    7170  max-width: var(--qroko-blocks-box-max-width, none);
     
    7473  margin-left: auto;
    7574  margin-left: var(--qroko-blocks-box-margin-left, auto);
    76 }
    77 
    78 .qroko-blocks-box-background {
    79   position: absolute;
    80   top: 0;
    81   left: 0;
    82   width: 100%;
    83   height: 100%;
    84   background-color: #f2f2f2;
    85   background-color: var(
    86     --qroko-blocks-box-background-color,
    87     var(--theme-bg-2, #f2f2f2)
    88   );
     75  padding: 16px;
     76  padding: var(--qroko-blocks-box-padding, 16px);
     77  background: #f2f2f2;
     78  background: var(--qroko-blocks-box-background, var(--theme-bg-2, #f2f2f2));
     79  border: 1px solid #e4e4e4;
     80  border: var(--qroko-blocks-box-border, 1px solid var(--theme-bg-3, #e4e4e4));
     81  box-shadow: none;
     82  box-shadow: var(--qroko-blocks-box-shadow, none);
    8983  border-radius: 4px;
    9084  border-radius: var(--qroko-blocks-box-radius, 4px);
    91   opacity: 1;
    92   opacity: var(--qroko-blocks-box-background-opacity, 1);
    93   z-index: 2;
    94 }
    95 
    96 .qroko-blocks-box-border {
    97   position: absolute;
    98   top: 0;
    99   left: 0;
    100   width: 100%;
    101   height: 100%;
    102   border-width: 1px;
    103   border-width: var(--qroko-blocks-box-border-width, 1px);
    104   border-style: solid;
    105   border-style: var(--qroko-blocks-box-border-style, solid);
    106   border-color: #e4e4e4;
    107   border-color: var(
    108     --qroko-blocks-box-border-color,
    109     var(--theme-bg-3, #e4e4e4)
    110   );
    111   border-radius: 4px;
    112   border-radius: var(--qroko-blocks-box-radius, 4px);
    113   opacity: 1;
    114   opacity: var(--qroko-blocks-box-border-opacity, 1);
    115   z-index: 3;
    116 }
    117 
    118 .qroko-blocks-box-shadow {
    119   position: absolute;
    120   top: 0;
    121   left: 0;
    122   width: 100%;
    123   height: 100%;
    124   border-radius: 4px;
    125   border-radius: var(--qroko-blocks-box-radius, 4px);
    126   box-shadow: 0px
    127     8px
    128     8px
    129     -4px
    130     #000000;
    131   box-shadow: var(--qroko-blocks-box-shadow-x, 0px)
    132     var(--qroko-blocks-box-shadow-y, 8px)
    133     var(--qroko-blocks-box-shadow-blur, 8px)
    134     var(--qroko-blocks-box-shadow-spread, -4px)
    135     var(--qroko-blocks-box-shadow-color, #000000);
    136   opacity: 0.12;
    137   opacity: var(--qroko-blocks-box-shadow-opacity, 0.12);
    138   z-index: 1;
    139 }
    140 
    141 .qroko-blocks-box-inner {
    142   position: relative;
    143   padding-top: 17px;
    144   padding-top: var(--qroko-blocks-box-inner-padding-top, 17px);
    145   padding-right: 17px;
    146   padding-right: var(--qroko-blocks-box-inner-padding-right, 17px);
    147   padding-bottom: 17px;
    148   padding-bottom: var(--qroko-blocks-box-inner-padding-bottom, 17px);
    149   padding-left: 17px;
    150   padding-left: var(--qroko-blocks-box-inner-padding-left, 17px);
    151   z-index: 4;
    152 }
    153 
    154 .qroko-blocks-box-inner
     85}
     86
     87.qroko-blocks-box
    15588  > .block-editor-inner-blocks
    15689  > .block-editor-block-list__layout
     
    15992}
    16093
    161 .qroko-blocks-box-inner
     94.qroko-blocks-box
    16295  > .block-editor-inner-blocks
    16396  > .block-editor-block-list__layout
  • qroko-blocks/trunk/build/editors.js

    r2400331 r2401298  
    1 !function(e){var o={};function t(n){if(o[n])return o[n].exports;var a=o[n]={i:n,l:!1,exports:{}};return e[n].call(a.exports,a,a.exports,t),a.l=!0,a.exports}t.m=e,t.c=o,t.d=function(e,o,n){t.o(e,o)||Object.defineProperty(e,o,{enumerable:!0,get:n})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,o){if(1&o&&(e=t(e)),8&o)return e;if(4&o&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(t.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&o&&"string"!=typeof e)for(var a in e)t.d(n,a,function(o){return e[o]}.bind(null,a));return n},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,o){return Object.prototype.hasOwnProperty.call(e,o)},t.p="",t(t.s=12)}([function(e,o){!function(){e.exports=this.wp.element}()},function(e,o){!function(){e.exports=this.wp.components}()},function(e,o){!function(){e.exports=this.wp.i18n}()},function(e,o){!function(){e.exports=this.wp.blockEditor}()},function(e,o,t){var n;!function(){"use strict";var t={}.hasOwnProperty;function a(){for(var e=[],o=0;o<arguments.length;o++){var n=arguments[o];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)t.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(o,[]))||(e.exports=n)}()},function(e,o){!function(){e.exports=this.wp.blocks}()},function(e,o,t){},function(e,o,t){},function(e,o,t){},,,,function(e,o,t){"use strict";t.r(o);var n=t(0),a=t(2),r=t(5),l=t(3),c=t(1),i=t(4),b=t.n(i),s=(t(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 o=e.attributes,t=e.className,r=e.setAttributes,i=o.backgroundImageURL?"url(".concat(o.backgroundImageURL,")"):"",d=String(o.backgroundOpacity/100),g=o.innerMaxWidthTrigger?o.innerMaxWidth+"px":"none",u={"--qroko-blocks-section-background-color":o.backgroundColor,"--qroko-blocks-section-background-image":i,"--qroko-blocks-section-background-size":o.backgroundSize,"--qroko-blocks-section-background-position":o.backgroundPosition,"--qroko-blocks-section-background-opacity":d,"--qroko-blocks-section-inner-max-width":g,"--qroko-blocks-section-inner-margin":function(){switch(o.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":o.innerPaddingTop+"px","--qroko-blocks-section-inner-padding-right":o.innerPaddingRight+"px","--qroko-blocks-section-inner-padding-bottom":o.innerPaddingBottom+"px","--qroko-blocks-section-inner-padding-left":o.innerPaddingLeft+"px"};return Object(n.createElement)("section",{className:b()(t,"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:o.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:o.backgroundImageID,render:function(e){var t,l=e.open;return t=l,o.backgroundImageURL?Object(n.createElement)("div",null,Object(n.createElement)(c.Button,{onClick:t,className:"qroko-blocks-section-image-preview"},Object(n.createElement)("img",{src:o.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:t,className:"button"},Object(a.__)("Add Image","qroko-blocks"))}}))),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:o.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:!o.innerMaxWidthTrigger})},checked:o.innerMaxWidthTrigger}),Object(n.createElement)(c.RangeControl,{value:o.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:o.innerPosition,options:s,onChange:function(e){r({innerPosition:e})}}),Object(n.createElement)(c.RangeControl,{value:o.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:o.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:o.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:o.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 o=e.attributes,t=e.className,a=o.backgroundImageURL?"url(".concat(o.backgroundImageURL,")"):"",r=String(o.backgroundOpacity/100),c=o.innerMaxWidthTrigger?o.innerMaxWidth+"px":"none",i={"--qroko-blocks-section-background-color":o.backgroundColor,"--qroko-blocks-section-background-image":a,"--qroko-blocks-section-background-size":o.backgroundSize,"--qroko-blocks-section-background-position":o.backgroundPosition,"--qroko-blocks-section-background-opacity":r,"--qroko-blocks-section-inner-max-width":c,"--qroko-blocks-section-inner-margin":function(){switch(o.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":o.innerPaddingTop+"px","--qroko-blocks-section-inner-padding-right":o.innerPaddingRight+"px","--qroko-blocks-section-inner-padding-bottom":o.innerPaddingBottom+"px","--qroko-blocks-section-inner-padding-left":o.innerPaddingLeft+"px"};return Object(n.createElement)("section",{className:b()(t,"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)))}});t(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"}];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"},backgroundOpacity:{type:"number",default:100},borderTrigger:{type:"boolean",default:!0},borderWidth:{type:"number",default:1},borderStyle:{type:"string",default:"solid"},borderColor:{type:"string"},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"},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 o=e.attributes,t=e.className,r=e.setAttributes,i=function(e){return String(e/100)},s=function(e){return(o.borderTrigger?o.borderWidth:0)+e+"px"},u={"--qroko-blocks-box-max-width":o.maxWidthTrigger?o.maxWidth+"px":"none","--qroko-blocks-box-margin-right":function(){switch(o.position){case"center":case"left":return"auto";case"right":return"0";default:return"auto"}}(),"--qroko-blocks-box-margin-left":function(){switch(o.position){case"center":return"auto";case"left":return"0";case"right":default:return"auto"}}(),"--qroko-blocks-box-radius":o.radius+"px","--qroko-blocks-box-background-color":o.backgroundColor,"--qroko-blocks-box-background-opacity":i(o.backgroundOpacity),"--qroko-blocks-box-border-width":o.borderWidth+"px","--qroko-blocks-box-border-style":o.borderStyle,"--qroko-blocks-box-border-color":o.borderColor,"--qroko-blocks-box-border-opacity":i(o.borderOpacity),"--qroko-blocks-box-shadow-x":o.shadowX+"px","--qroko-blocks-box-shadow-y":o.shadowY+"px","--qroko-blocks-box-shadow-blur":o.shadowBlur+"px","--qroko-blocks-box-shadow-spread":o.shadowSpread+"px","--qroko-blocks-box-shadow-color":o.shadowColor,"--qroko-blocks-box-shadow-opacity":i(o.shadowOpacity),"--qroko-blocks-box-inner-padding-top":s(o.innerPaddingTop),"--qroko-blocks-box-inner-padding-right":s(o.innerPaddingRight),"--qroko-blocks-box-inner-padding-bottom":s(o.innerPaddingBottom),"--qroko-blocks-box-inner-padding-left":s(o.innerPaddingLeft)};return Object(n.createElement)("div",{className:b()(t,"qroko-blocks-box"),style:u},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:!o.maxWidthTrigger})},checked:o.maxWidthTrigger}),Object(n.createElement)(c.RangeControl,{value:o.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:o.position,options:d,onChange:function(e){r({position:e})}}),Object(n.createElement)(c.RangeControl,{value:o.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:!o.backgroundTrigger})},checked:o.backgroundTrigger})),Object(n.createElement)(c.BaseControl,{label:Object(a.__)("Color","qroko-blocks")},Object(n.createElement)(l.ColorPalette,{value:o.backgroundColor,onChange:function(e){return r({backgroundColor:e})}})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:o.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:!o.borderTrigger})},checked:o.borderTrigger})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:o.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:o.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:o.borderColor,onChange:function(e){return r({borderColor:e})}})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:o.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:!o.shadowTrigger})},checked:o.shadowTrigger})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:o.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:o.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:o.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:o.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:o.shadowColor,onChange:function(e){return r({shadowColor:e})}})),Object(n.createElement)(c.BaseControl,null,Object(n.createElement)(c.RangeControl,{value:o.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:o.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:o.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:o.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:o.innerPaddingLeft,label:Object(a.__)("Padding Left (px)","qroko-blocks"),min:0,max:200,initialPosition:16,allowReset:!0,onChange:function(e){r({innerPaddingLeft:e||16})}})))),o.backgroundTrigger&&Object(n.createElement)("div",{className:"qroko-blocks-box-background"}),o.borderTrigger&&Object(n.createElement)("div",{className:"qroko-blocks-box-border"}),o.shadowTrigger&&Object(n.createElement)("div",{className:"qroko-blocks-box-shadow"}),Object(n.createElement)("div",{className:"qroko-blocks-box-inner"},Object(n.createElement)(l.InnerBlocks,null)))},save:function(e){var o=e.attributes,t=e.className,a=function(e){return String(e/100)},r=function(e){return(o.borderTrigger?o.borderWidth:0)+e+"px"},c={"--qroko-blocks-box-max-width":o.maxWidthTrigger?o.maxWidth+"px":"none","--qroko-blocks-box-margin-right":function(){switch(o.position){case"center":case"left":return"auto";case"right":return"0";default:return"auto"}}(),"--qroko-blocks-box-margin-left":function(){switch(o.position){case"center":return"auto";case"left":return"0";case"right":default:return"auto"}}(),"--qroko-blocks-box-radius":o.radius+"px","--qroko-blocks-box-background-color":o.backgroundColor,"--qroko-blocks-box-background-opacity":a(o.backgroundOpacity),"--qroko-blocks-box-border-width":o.borderWidth+"px","--qroko-blocks-box-border-style":o.borderStyle,"--qroko-blocks-box-border-color":o.borderColor,"--qroko-blocks-box-border-opacity":a(o.borderOpacity),"--qroko-blocks-box-shadow-x":o.shadowX+"px","--qroko-blocks-box-shadow-y":o.shadowY+"px","--qroko-blocks-box-shadow-blur":o.shadowBlur+"px","--qroko-blocks-box-shadow-spread":o.shadowSpread+"px","--qroko-blocks-box-shadow-color":o.shadowColor,"--qroko-blocks-box-shadow-opacity":a(o.shadowOpacity),"--qroko-blocks-box-inner-padding-top":r(o.innerPaddingTop),"--qroko-blocks-box-inner-padding-right":r(o.innerPaddingRight),"--qroko-blocks-box-inner-padding-bottom":r(o.innerPaddingBottom),"--qroko-blocks-box-inner-padding-left":r(o.innerPaddingLeft)};return Object(n.createElement)("div",{className:b()(t,"qroko-blocks-box"),style:c},o.backgroundTrigger&&Object(n.createElement)("div",{className:"qroko-blocks-box-background"}),o.borderTrigger&&Object(n.createElement)("div",{className:"qroko-blocks-box-border"}),o.shadowTrigger&&Object(n.createElement)("div",{className:"qroko-blocks-box-shadow"}),Object(n.createElement)("div",{className:"qroko-blocks-box-inner"},Object(n.createElement)(l.InnerBlocks.Content,null)))}});t(8);var u=[{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 o=e.attributes,t=e.className,r=e.setAttributes,i=e.isSelected,s=function(e){var t,n=new URL(e.url).hostname,a=location.hostname,l=function(){var t=o.ogTitleCharacterCount;return(e.title?e.title.length:0)>=t?e.title.substr(0,t)+" ...":e.title};r({title:l(),description:(t=o.ogDescriptionCharacterCount,(e.description?e.description.length:0)>=t?e.description.substr(0,t)+" ...":e.description),imageID:0,imageURL:"",imageAlt:l(),ogDomain:n,ogImageURL:e.image,externalLink:n!=a})};return Object(n.createElement)("div",{className:b()(t,"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:o.title,onChange:function(e){r({title:e})}}),Object(n.createElement)(c.RangeControl,{value:o.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:o.description,onChange:function(e){r({description:e})}}),Object(n.createElement)(c.RangeControl,{value:o.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:o.imageID,render:function(e){var t,l=e.open;return t=l,o.imageURL||o.ogImageURL?Object(n.createElement)("div",null,Object(n.createElement)(c.Button,{onClick:t,className:"qroko-blocks-blog-card-image-preview"},Object(n.createElement)("img",{src:o.imageURL?o.imageURL:o.ogImageURL?o.ogImageURL:"",alt:o.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:t,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:o.imagePosition,options:u,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:o.imageFit,options:k,onChange:function(e){r({imageFit:e})}})))),o.title&&Object(n.createElement)("div",{className:b()("qroko-blocks-blog-card-columns","right"===o.imagePosition?"is-reverse":"")},(o.imageURL||o.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:o.imageURL?o.imageURL:o.ogImageURL?o.ogImageURL:"",alt:o.imageAlt,className:b()("qroko-blocks-blog-card-image","is-"+o.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"},o.title&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-heading"},o.title),o.description&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-description"},o.description),o.ogDomain&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-domain"},o.ogDomain)))),(i||!o.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:o.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=o.url,(t=new FormData).append("action","open_graph"),t.append("target_url",e),void fetch(ajaxurl,{method:"POST",body:t,cache:"no-cache"}).then((function(e){return e.json()})).then((function(e){s(e[0])})).catch((function(e){console.log(e)}));var e,t},className:"button is-small"},Object(a.__)("Load","qroko-blocks")))))},save:function(e){var o=e.attributes,t=e.className;return Object(n.createElement)("div",{className:b()(t,"qroko-blocks-blog-card")},o.externalLink?Object(n.createElement)("a",{href:o.url,target:"_blank",rel:"noopener noreferrer",className:"qroko-blocks-blog-card-link"}):Object(n.createElement)("a",{href:o.url,className:"qroko-blocks-blog-card-link"}),Object(n.createElement)("div",{className:b()("qroko-blocks-blog-card-columns","right"===o.imagePosition?"is-reverse":"")},(o.imageURL||o.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:o.imageURL?o.imageURL:o.ogImageURL?o.ogImageURL:"",alt:o.imageAlt,className:b()("qroko-blocks-blog-card-image","is-"+o.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"},o.title&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-heading"},o.title),o.description&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-description"},o.description),o.ogDomain&&Object(n.createElement)("div",{className:"qroko-blocks-blog-card-domain"},o.ogDomain)))))}})}]);
     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)))))}})}]);
  • qroko-blocks/trunk/build/fronts.asset.php

    r2400331 r2401298  
    1 <?php return array('dependencies' => array('wp-polyfill'), 'version' => 'ca340986ec90e0ea0886c9c86726c9dc');
     1<?php return array('dependencies' => array('wp-polyfill'), 'version' => 'b7bd014c098a111c201a854669a4121b');
  • qroko-blocks/trunk/build/fronts.css

    r2400331 r2401298  
    4545
    4646.qroko-blocks-box {
    47   position: relative;
    4847  max-width: none;
    4948  max-width: var(--qroko-blocks-box-max-width, none);
     
    5251  margin-left: auto;
    5352  margin-left: var(--qroko-blocks-box-margin-left, auto);
    54 }
    55 
    56 .qroko-blocks-box-background {
    57   position: absolute;
    58   top: 0;
    59   left: 0;
    60   width: 100%;
    61   height: 100%;
    62   background-color: #f2f2f2;
    63   background-color: var(
    64     --qroko-blocks-box-background-color,
    65     var(--theme-bg-2, #f2f2f2)
    66   );
     53  padding: 16px;
     54  padding: var(--qroko-blocks-box-padding, 16px);
     55  background: #f2f2f2;
     56  background: var(--qroko-blocks-box-background, var(--theme-bg-2, #f2f2f2));
     57  border: 1px solid #e4e4e4;
     58  border: var(--qroko-blocks-box-border, 1px solid var(--theme-bg-3, #e4e4e4));
     59  box-shadow: none;
     60  box-shadow: var(--qroko-blocks-box-shadow, none);
    6761  border-radius: 4px;
    6862  border-radius: var(--qroko-blocks-box-radius, 4px);
    69   opacity: 0.12;
    70   opacity: var(--qroko-blocks-box-background-opacity, 0.12);
    71   z-index: 2;
    72 }
    73 
    74 .qroko-blocks-box-border {
    75   position: absolute;
    76   top: 0;
    77   left: 0;
    78   width: 100%;
    79   height: 100%;
    80   border-width: 1px;
    81   border-width: var(--qroko-blocks-box-border-width, 1px);
    82   border-style: solid;
    83   border-style: var(--qroko-blocks-box-border-style, solid);
    84   border-color: #e4e4e4;
    85   border-color: var(
    86     --qroko-blocks-box-border-color,
    87     var(--theme-bg-3, #e4e4e4)
    88   );
    89   border-radius: 4px;
    90   border-radius: var(--qroko-blocks-box-radius, 4px);
    91   opacity: 1;
    92   opacity: var(--qroko-blocks-box-border-opacity, 1);
    93   z-index: 3;
    94 }
    95 
    96 .qroko-blocks-box-shadow {
    97   position: absolute;
    98   top: 0;
    99   left: 0;
    100   width: 100%;
    101   height: 100%;
    102   border-radius: 4px;
    103   border-radius: var(--qroko-blocks-box-radius, 4px);
    104   box-shadow: 0px
    105     8px
    106     8px
    107     -4px
    108     #000000;
    109   box-shadow: var(--qroko-blocks-box-shadow-x, 0px)
    110     var(--qroko-blocks-box-shadow-y, 8px)
    111     var(--qroko-blocks-box-shadow-blur, 8px)
    112     var(--qroko-blocks-box-shadow-spread, -4px)
    113     var(--qroko-blocks-box-shadow-color, #000000);
    114   opacity: 1;
    115   opacity: var(--qroko-blocks-box-shadow-opacity, 1);
    116   z-index: 1;
    117 }
    118 
    119 .qroko-blocks-box-inner {
    120   position: relative;
    121   padding-top: 17px;
    122   padding-top: var(--qroko-blocks-box-inner-padding-top, 17px);
    123   padding-right: 17px;
    124   padding-right: var(--qroko-blocks-box-inner-padding-right, 17px);
    125   padding-bottom: 17px;
    126   padding-bottom: var(--qroko-blocks-box-inner-padding-bottom, 17px);
    127   padding-left: 17px;
    128   padding-left: var(--qroko-blocks-box-inner-padding-left, 17px);
    129   z-index: 4;
    13063}
    13164
  • qroko-blocks/trunk/qroko-blocks.php

    r2400620 r2401298  
    66 * Author: qrac
    77 * Author URI: https://qrac.jp/
    8  * Version: 1.2.1
     8 * Version: 1.2.2
    99 * Text Domain: qroko-blocks
    1010 * Domain Path: /languages
  • qroko-blocks/trunk/readme.txt

    r2400620 r2401298  
    55Requires at least: 5.4
    66Tested up to: 5.5
    7 Stable tag: 1.2.1
     7Stable tag: 1.2.2
    88Requires PHP: 5.6
    99License: GPLv2 or later
     
    4646== Changelog ==
    4747
     48= 1.2.2 =
     49* Refactoring
     50
    4851= 1.2.1 =
    4952* Fix
Note: See TracChangeset for help on using the changeset viewer.