WordPress.org
Get WordPress

Plugin Directory

Changeset 2400331


Ignore:
Timestamp:
10/15/2020 05:21:36 PM (5 years ago)
Author:
qrac
Message:

Update to version 1.2.0 from GitHub

Location:
qroko-blocks
Files:
2 added
24 edited
1 copied

Legend:

Unmodified
Added
Removed

  • qroko-blocks/tags/1.2.0/build/editors.asset.php

    r2398597 r2400331  
    1 <?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-polyfill'), 'version' => 'fcc4ce601ff4713a1800056aa4a5c7c8');
     1<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-polyfill'), 'version' => '6eeeb4e980c57619b12810fcde5930cd');

  • qroko-blocks/tags/1.2.0/build/editors.css

    r2398597 r2400331  
    5252}
    5353
     54.qroko-blocks-section-inner
     55  > .block-editor-inner-blocks
     56  > .block-editor-block-list__layout
     57  > *:first-child {
     58  margin-top: 0;
     59}
     60
     61.qroko-blocks-section-inner
     62  > .block-editor-inner-blocks
     63  > .block-editor-block-list__layout
     64  > *:last-child {
     65  margin-bottom: 0;
     66}
     67
     68.qroko-blocks-box {
     69  position: relative;
     70  max-width: none;
     71  max-width: var(--qroko-blocks-box-max-width, none);
     72  margin-right: auto;
     73  margin-right: var(--qroko-blocks-box-margin-right, auto);
     74  margin-left: auto;
     75  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  );
     89  border-radius: 4px;
     90  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
     155  > .block-editor-inner-blocks
     156  > .block-editor-block-list__layout
     157  > *:first-child {
     158  margin-top: 0;
     159}
     160
     161.qroko-blocks-box-inner
     162  > .block-editor-inner-blocks
     163  > .block-editor-block-list__layout
     164  > *:last-child {
     165  margin-bottom: 0;
     166}
     167
    54168.qroko-blocks-blog-card {
    55169  position: relative;

  • qroko-blocks/tags/1.2.0/build/editors.js

    r2398597 r2400331  
    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=10)}([function(e,t){!function(){e.exports=this.wp.element}()},function(e,t){!function(){e.exports=this.wp.i18n}()},function(e,t){!function(){e.exports=this.wp.components}()},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 c=typeof n;if("string"===c||"number"===c)e.push(n);else if(Array.isArray(n)&&n.length){var r=a.apply(null,n);r&&e.push(r)}else if("object"===c)for(var l in n)o.call(n,l)&&n[l]&&e.push(l)}}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.blockEditor}()},function(e,t){!function(){e.exports=this.wp.blocks}()},function(e,t,o){},function(e,t,o){},,,function(e,t,o){"use strict";o.r(t);var n=o(0),a=o(1),c=o(5),r=o(4),l=o(2),i=o(3),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(c.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,c=e.setAttributes,i=t.backgroundImageURL?"url(".concat(t.backgroundImageURL,")"):"",g=String(t.backgroundOpacity/100),m=t.innerMaxWidthTrigger?t.innerMaxWidth+"px":"none",d={"--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":g,"--qroko-blocks-section-inner-max-width":m,"--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:d},Object(n.createElement)(r.InspectorControls,null,Object(n.createElement)(l.PanelBody,{title:Object(a.__)("Background","qroko-blocks")},Object(n.createElement)(l.BaseControl,{label:Object(a.__)("Color","qroko-blocks")},Object(n.createElement)(r.ColorPalette,{value:t.backgroundColor,onChange:function(e){return c({backgroundColor:e})}})),Object(n.createElement)(l.BaseControl,{label:Object(a.__)("Image","qroko-blocks")},Object(n.createElement)("div",null,Object(n.createElement)(r.MediaUpload,{onSelect:function(e){c({backgroundImageID:e.id,backgroundImageURL:e.url})},type:"image",value:t.backgroundImageID,render:function(e){var o,r=e.open;return o=r,t.backgroundImageURL?Object(n.createElement)("div",null,Object(n.createElement)(l.Button,{onClick:o,className:"qroko-blocks-section-image-preview"},Object(n.createElement)("img",{src:t.backgroundImageURL,alt:""})),Object(n.createElement)(l.Button,{onClick:function(){c({backgroundImageID:0,backgroundImageURL:""})},className:"button"},Object(a.__)("Delete image","qroko-blocks"))):Object(n.createElement)(l.Button,{onClick:o,className:"button"},Object(a.__)("Add Image","qroko-blocks"))}}))),Object(n.createElement)(l.BaseControl,null,Object(n.createElement)(l.RangeControl,{value:t.backgroundOpacity,label:Object(a.__)("Opacity","qroko-blocks"),min:0,max:100,initialPosition:100,allowReset:!0,onChange:function(e){c({backgroundOpacity:e||100})}}))),Object(n.createElement)(l.PanelBody,{title:Object(a.__)("Inner","qroko-blocks")},Object(n.createElement)(l.BaseControl,null,Object(n.createElement)(l.ToggleControl,{label:Object(a.__)("Use the Max Width","qroko-blocks"),onChange:function(){c({innerMaxWidthTrigger:!t.innerMaxWidthTrigger})},checked:t.innerMaxWidthTrigger}),Object(n.createElement)(l.RangeControl,{value:t.innerMaxWidth,label:Object(a.__)("Max Width (px)","qroko-blocks"),min:100,max:1600,initialPosition:1e3,allowReset:!0,onChange:function(e){c({innerMaxWidth:e||1e3})}}),Object(n.createElement)(l.RadioControl,{label:Object(a.__)("Position","qroko-blocks"),selected:t.innerPosition,options:b,onChange:function(e){c({innerPosition:e})}}),Object(n.createElement)(l.RangeControl,{value:t.innerPaddingTop,label:Object(a.__)("Padding Top (px)","qroko-blocks"),min:0,max:200,initialPosition:32,allowReset:!0,onChange:function(e){c({innerPaddingTop:e||32})}}),Object(n.createElement)(l.RangeControl,{value:t.innerPaddingRight,label:Object(a.__)("Padding Right (px)","qroko-blocks"),min:0,max:200,initialPosition:0,allowReset:!0,onChange:function(e){c({innerPaddingRight:e||0})}}),Object(n.createElement)(l.RangeControl,{value:t.innerPaddingBottom,label:Object(a.__)("Padding Bottom (px)","qroko-blocks"),min:0,max:200,initialPosition:32,allowReset:!0,onChange:function(e){c({innerPaddingBottom:e||32})}}),Object(n.createElement)(l.RangeControl,{value:t.innerPaddingLeft,label:Object(a.__)("Padding Left (px)","qroko-blocks"),min:0,max:200,initialPosition:0,allowReset:!0,onChange:function(e){c({innerPaddingLeft:e||0})}})))),Object(n.createElement)("div",{className:"qroko-blocks-section-background"}),Object(n.createElement)("div",{className:"qroko-blocks-section-inner"},Object(n.createElement)(r.InnerBlocks,null)))},save:function(e){var t=e.attributes,o=e.className,a=t.backgroundImageURL?"url(".concat(t.backgroundImageURL,")"):"",c=String(t.backgroundOpacity/100),l=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":c,"--qroko-blocks-section-inner-max-width":l,"--qroko-blocks-section-inner-margin":function(){switch(t.innerPosition){case"center":return"0 auto";case"left":return"0 auto 0 0";case"right":return"0 0 0 auto";default:return"0 auto"}}(),"--qroko-blocks-section-inner-padding-top":t.innerPaddingTop+"px","--qroko-blocks-section-inner-padding-right":t.innerPaddingRight+"px","--qroko-blocks-section-inner-padding-bottom":t.innerPaddingBottom+"px","--qroko-blocks-section-inner-padding-left":t.innerPaddingLeft+"px"};return Object(n.createElement)("section",{className:s()(o,"qroko-blocks-section"),style:i},Object(n.createElement)("div",{className:"qroko-blocks-section-background"}),Object(n.createElement)("div",{className:"qroko-blocks-section-inner"},Object(n.createElement)(r.InnerBlocks.Content,null)))}});o(7);var g=[{label:Object(a.__)("Left","qroko-blocks"),value:"left"},{label:Object(a.__)("Right","qroko-blocks"),value:"right"}],m=[{label:Object(a.__)("Cover","qroko-blocks"),value:"cover"},{label:Object(a.__)("Contain","qroko-blocks"),value:"contain"}];Object(c.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,c=e.setAttributes,i=e.isSelected,b=function(e){var o,n=new URL(e.url).hostname,a=location.hostname,r=function(){var o=t.ogTitleCharacterCount;return(e.title?e.title.length:0)>=o?e.title.substr(0,o)+" ...":e.title};c({title:r(),description:(o=t.ogDescriptionCharacterCount,(e.description?e.description.length:0)>=o?e.description.substr(0,o)+" ...":e.description),imageID:0,imageURL:"",imageAlt:r(),ogDomain:n,ogImageURL:e.image,externalLink:n!=a})};return Object(n.createElement)("div",{className:s()(o,"qroko-blocks-blog-card")},Object(n.createElement)(r.InspectorControls,null,Object(n.createElement)(l.PanelBody,{title:Object(a.__)("Title","qroko-blocks")},Object(n.createElement)(l.BaseControl,null,Object(n.createElement)(l.TextareaControl,{value:t.title,onChange:function(e){c({title:e})}}),Object(n.createElement)(l.RangeControl,{value:t.ogTitleCharacterCount,label:Object(a.__)("Number of characters","qroko-blocks"),min:1,max:200,initialPosition:50,allowReset:!0,onChange:function(e){c({ogTitleCharacterCount:e||50})}}))),Object(n.createElement)(l.PanelBody,{title:Object(a.__)("Description","qroko-blocks")},Object(n.createElement)(l.BaseControl,null,Object(n.createElement)(l.TextareaControl,{value:t.description,onChange:function(e){c({description:e})}}),Object(n.createElement)(l.RangeControl,{value:t.ogDescriptionCharacterCount,label:Object(a.__)("Number of characters","qroko-blocks"),min:1,max:200,initialPosition:60,allowReset:!0,onChange:function(e){c({ogDescriptionCharacterCount:e||60})}}))),Object(n.createElement)(l.PanelBody,{title:Object(a.__)("Image","qroko-blocks")},Object(n.createElement)(l.BaseControl,null,Object(n.createElement)(r.MediaUpload,{onSelect:function(e){c({imageID:e.id,imageURL:e.url,imageAlt:e.alt})},type:"image",value:t.imageID,render:function(e){var o,r=e.open;return o=r,t.imageURL||t.ogImageURL?Object(n.createElement)("div",null,Object(n.createElement)(l.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)(l.Button,{onClick:function(){c({imageID:0,imageURL:"",imageAlt:"",ogImageURL:""})},className:"button"},Object(a.__)("Delete image","qroko-blocks"))):Object(n.createElement)(l.Button,{onClick:o,className:"button"},Object(a.__)("Add Image","qroko-blocks"))}})),Object(n.createElement)(l.BaseControl,null,Object(n.createElement)(l.RadioControl,{label:Object(a.__)("Image position","qroko-blocks"),selected:t.imagePosition,options:g,onChange:function(e){c({imagePosition:e})}})),Object(n.createElement)(l.BaseControl,null,Object(n.createElement)(l.RadioControl,{label:Object(a.__)("Image Fit","qroko-blocks"),selected:t.imageFit,options:m,onChange:function(e){c({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 c({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)(l.TextControl,{label:Object(a.__)("Link URL","qroko-blocks"),value:t.url,onChange:function(e){c({url:e})},className:"is-margin-bottom-none"})),Object(n.createElement)("div",{className:"qroko-blocks-blog-card-column is-flex-none"},Object(n.createElement)(l.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)))))}})}]);
     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)))))}})}]);

  • qroko-blocks/tags/1.2.0/build/fronts.asset.php

    r2398597 r2400331  
    1 <?php return array('dependencies' => array('wp-polyfill'), 'version' => 'c32e4ff5c1d883b82e2122f3a19d9d6c');
     1<?php return array('dependencies' => array('wp-polyfill'), 'version' => 'ca340986ec90e0ea0886c9c86726c9dc');

  • qroko-blocks/tags/1.2.0/build/fronts.css

    r2398597 r2400331  
    4444}
    4545
     46.qroko-blocks-box {
     47  position: relative;
     48  max-width: none;
     49  max-width: var(--qroko-blocks-box-max-width, none);
     50  margin-right: auto;
     51  margin-right: var(--qroko-blocks-box-margin-right, auto);
     52  margin-left: auto;
     53  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  );
     67  border-radius: 4px;
     68  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;
     130}
     131
    46132.qroko-blocks-blog-card {
    47133  position: relative;

  • qroko-blocks/tags/1.2.0/build/fronts.js

    r2398597 r2400331  
    1 !function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=11)}({11:function(e,t,n){"use strict";n.r(t);var r,o,u,i;n(8);r=window.innerWidth-document.body.clientWidth,o=":root { --scrollbar-width: ".concat(r,"px; }"),u=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style"),u.appendChild(i),i.appendChild(document.createTextNode(o));n(9)},8:function(e,t,n){},9:function(e,t,n){}});
     1!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=13)}([,,,,,,,,,function(e,t,n){},function(e,t,n){},function(e,t,n){},,function(e,t,n){"use strict";n.r(t);var r,o,u,i;n(9);r=window.innerWidth-document.body.clientWidth,o=":root { --scrollbar-width: ".concat(r,"px; }"),u=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style"),u.appendChild(i),i.appendChild(document.createTextNode(o));n(10),n(11)}]);

  • qroko-blocks/tags/1.2.0/languages/qroko-blocks-ja-qroko-blocks-editors.json

    r2338987 r2400331  
    1 {"domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural_forms":"nplurals=1; plural=0;","lang":"ja"},"Qroko Blocks":["Qroko Blocks"],"https://github.com/qrac/qroko-blocks/":["https://github.com/qrac/qroko-blocks/"],"Custom Blocks for headless WordPress":["Custom Blocks for headless WordPress"],"qrac":["qrac"],"https://qrac.jp/":["https://qrac.jp/"],"Left":["左"],"Right":["右"],"Cover":["広げる"],"Contain":["収める"],"Blog Card":["ブログカード"],"Block to create a card link. You can also edit it after getting the Open Graph from the link URL.":["カード型のリンクを作るブロック。リンク先URLからOpen Graphを取得した後に編集もできます。"],"Title":["タイトル"],"Number of characters":["取得文字数"],"Description":["概要"],"Image":["画像"],"Delete image":["画像を削除"],"Add Image":["画像を追加"],"Image position":["画像の位置"],"Image Fit":["画像の収め方"],"Link URL":["リンク先URL"],"Load":["情報を取得"]}}}
     1{"domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural_forms":"nplurals=1; plural=0;","lang":"ja"},"Qroko Blocks":["Qroko Blocks"],"https://github.com/qrac/qroko-blocks/":["https://github.com/qrac/qroko-blocks/"],"Custom Blocks for headless WordPress":["Custom Blocks for headless WordPress"],"qrac":["qrac"],"https://qrac.jp/":["https://qrac.jp/"],"Left":["左"],"Right":["右"],"Cover":["広げる"],"Contain":["収める"],"Blog Card":["ブログカード"],"Block to create a card link. You can also edit it after getting the Open Graph from the link URL.":["カード型のリンクを作るブロック。リンク先URLからOpen Graphを取得した後に編集もできます。"],"Delete image":["画像を削除"],"Add Image":["画像を追加"],"Title":["タイトル"],"Number of characters":["取得文字数"],"Description":["概要"],"Image":["画像"],"Image position":["画像の位置"],"Image Fit":["画像の収め方"],"Link URL":["リンク先URL"],"Load":["情報を取得"],"Center":["中央"],"Solid":["ソリッド"],"Dashed":["ダッシュ"],"Dotted":["ドット"],"Double":["ダブル"],"Box":["ボックス"],"You can set up decorative boxes and place content inside.":["装飾用のボックスを設定し、内側にコンテンツを設置できます。"],"Basic Settings":["基本設定"],"Use the Max Width":["最大幅を使う"],"Max Width (px)":["最大幅（ピクセル）"],"Position":["位置"],"Round Shape (px)":["角丸（ピクセル）"],"Background":["背景"],"Use the Background":["背景を使用する"],"Color":["色"],"Opacity":["不透明度"],"Border":["枠線"],"Use the Border":["枠線を使う"],"Width":["幅"],"Style":["スタイル"],"Shadow":["影"],"Use the Shadow":["影を使う"],"X Offset (px)":["Xオフセット（ピクセル）"],"Y Offset (px)":["Yオフセット（ピクセル）"],"Blur (px)":["ぼかし（ピクセル）"],"Spread (px)":["広がり（ピクセル）"],"Inner":["内側"],"Padding Top (px)":["上の余白（ピクセル）"],"Padding Right (px)":["右の余白（ピクセル）"],"Padding Bottom (px)":["下の余白（ピクセル）"],"Padding Left (px)":["左の余白（ピクセル）"],"Section":["セクション"],"You can set up full-width sections and place content inside.":["全幅のセクションを設定し、内側にコンテンツを設置できます。"],"Compact Box":[""],"It can be folded up to hold content. I recommend using it for storing spoilers and long asides.":[""],"Angle":[""],"Angle Position":[""]}}}

  • qroko-blocks/tags/1.2.0/languages/qroko-blocks-ja.po

    r2338987 r2400331  
    55"Project-Id-Version: Qroko Blocks 1.0.1\n"
    66"Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/qroko-blocks\n"
     7"POT-Creation-Date: 2020-10-15T17:12:40+00:00\n"
     8"PO-Revision-Date: 2020-10-16 02:16+0900\n"
     9"Last-Translator: \n"
    710"Language-Team: \n"
     11"Language: ja\n"
    812"MIME-Version: 1.0\n"
    913"Content-Type: text/plain; charset=UTF-8\n"
    1014"Content-Transfer-Encoding: 8bit\n"
    11 "POT-Creation-Date: 2020-07-10T09:24:49+00:00\n"
    12 "PO-Revision-Date: 2020-07-10 22:49+0900\n"
    13 "X-Generator: Poedit 2.3.1\n"
     15"X-Generator: Poedit 2.4.1\n"
    1416"X-Domain: qroko-blocks\n"
    15 "Last-Translator: \n"
    1617"Plural-Forms: nplurals=1; plural=0;\n"
    17 "Language: ja\n"
    1818
    1919#. Plugin Name of the plugin
    20 #: qroko-blocks.php:107
     20#: qroko-blocks.php:122
    2121msgid "Qroko Blocks"
    2222msgstr "Qroko Blocks"
    … …  
    3838msgstr "https://qrac.jp/"
    3939
    40 #: build/editors.js:6 src/blocks/blog-card/editor.js:18
     40#: build/editors.js:193 build/editors.js:606 build/editors.js:1194
     41#: src/blocks/blog-card/editor.js:18 src/blocks/box/editor.js:22
     42#: src/blocks/compact-box/editor.js:21 src/blocks/section/editor.js:23
    4143msgid "Left"
    4244msgstr "左"
    4345
    44 #: build/editors.js:6 src/blocks/blog-card/editor.js:19
     46#: build/editors.js:196 build/editors.js:609 build/editors.js:1197
     47#: src/blocks/blog-card/editor.js:19 src/blocks/box/editor.js:23
     48#: src/blocks/compact-box/editor.js:22 src/blocks/section/editor.js:24
    4549msgid "Right"
    4650msgstr "右"
    4751
    48 #: build/editors.js:6 src/blocks/blog-card/editor.js:23
     52#: build/editors.js:200 src/blocks/blog-card/editor.js:23
    4953msgid "Cover"
    5054msgstr "広げる"
    5155
    52 #: build/editors.js:6 src/blocks/blog-card/editor.js:24
     56#: build/editors.js:203 src/blocks/blog-card/editor.js:24
    5357msgid "Contain"
    5458msgstr "収める"
    5559
    56 #: build/editors.js:6 src/blocks/blog-card/editor.js:28
     60#: build/editors.js:207 src/blocks/blog-card/editor.js:28
    5761msgid "Blog Card"
    5862msgstr "ブログカード"
    5963
    60 #: build/editors.js:6 src/blocks/blog-card/editor.js:29
     64#: build/editors.js:208 src/blocks/blog-card/editor.js:29
    6165msgid ""
    6266"Block to create a card link. You can also edit it after getting the Open "
    6367"Graph from the link URL."
    6468msgstr ""
    65 "カード型のリンクを作るブロック。リンク先URLからOpen Graphを取得した後に編"
    66 "集もできます。"
    67 
    68 #: build/editors.js:6 src/blocks/blog-card/editor.js:245
     69"カード型のリンクを作るブロック。リンク先URLからOpen Graphを取得した後に編集も"
     70"できます。"
     71
     72#: build/editors.js:389 build/editors.js:1318
     73#: src/blocks/blog-card/editor.js:229 src/blocks/section/editor.js:153
     74msgid "Delete image"
     75msgstr "画像を削除"
     76
     77#: build/editors.js:394 build/editors.js:1323
     78#: src/blocks/blog-card/editor.js:236 src/blocks/section/editor.js:160
     79msgid "Add Image"
     80msgstr "画像を追加"
     81
     82#: build/editors.js:401 src/blocks/blog-card/editor.js:245
     83#: src/blocks/compact-box/editor.js:74
    6984msgid "Title"
    7085msgstr "タイトル"
    7186
    72 #: build/editors.js:6 src/blocks/blog-card/editor.js:255
     87#: build/editors.js:411 build/editors.js:432 src/blocks/blog-card/editor.js:255
    7388#: src/blocks/blog-card/editor.js:278
    7489msgid "Number of characters"
    7590msgstr "取得文字数"
    7691
    77 #: build/editors.js:6 src/blocks/blog-card/editor.js:268
     92#: build/editors.js:422 src/blocks/blog-card/editor.js:268
    7893msgid "Description"
    7994msgstr "概要"
    8095
    81 #: build/editors.js:6 src/blocks/blog-card/editor.js:291
     96#: build/editors.js:443 build/editors.js:1342
     97#: src/blocks/blog-card/editor.js:291 src/blocks/section/editor.js:183
    8298msgid "Image"
    8399msgstr "画像"
    84100
    85 #: build/editors.js:6 src/blocks/blog-card/editor.js:229
    86 msgid "Delete image"
    87 msgstr "画像を削除"
    88 
    89 #: build/editors.js:6 src/blocks/blog-card/editor.js:236
    90 msgid "Add Image"
    91 msgstr "画像を追加"
    92 
    93 #: build/editors.js:6 src/blocks/blog-card/editor.js:308
     101#: build/editors.js:459 src/blocks/blog-card/editor.js:308
    94102msgid "Image position"
    95103msgstr "画像の位置"
    96104
    97 #: build/editors.js:6 src/blocks/blog-card/editor.js:320
     105#: build/editors.js:468 src/blocks/blog-card/editor.js:320
    98106msgid "Image Fit"
    99107msgstr "画像の収め方"
    100108
    101 #: build/editors.js:6 src/blocks/blog-card/editor.js:387
     109#: build/editors.js:503 src/blocks/blog-card/editor.js:387
    102110msgid "Link URL"
    103111msgstr "リンク先URL"
    104112
    105 #: build/editors.js:6 src/blocks/blog-card/editor.js:400
     113#: build/editors.js:518 src/blocks/blog-card/editor.js:400
    106114msgid "Load"
    107115msgstr "情報を取得"
     116
     117#: build/editors.js:603 build/editors.js:1191 src/blocks/box/editor.js:21
     118#: src/blocks/section/editor.js:22
     119msgid "Center"
     120msgstr "中央"
     121
     122#: build/editors.js:613 src/blocks/box/editor.js:27
     123msgid "Solid"
     124msgstr "ソリッド"
     125
     126#: build/editors.js:616 src/blocks/box/editor.js:28
     127msgid "Dashed"
     128msgstr "ダッシュ"
     129
     130#: build/editors.js:619 src/blocks/box/editor.js:29
     131msgid "Dotted"
     132msgstr "ドット"
     133
     134#: build/editors.js:622 src/blocks/box/editor.js:30
     135msgid "Double"
     136msgstr "ダブル"
     137
     138#: build/editors.js:626 src/blocks/box/editor.js:34
     139msgid "Box"
     140msgstr "ボックス"
     141
     142#: build/editors.js:627 src/blocks/box/editor.js:35
     143msgid "You can set up decorative boxes and place content inside."
     144msgstr "装飾用のボックスを設定し、内側にコンテンツを設置できます。"
     145
     146#: build/editors.js:800 src/blocks/box/editor.js:218
     147msgid "Basic Settings"
     148msgstr "基本設定"
     149
     150#: build/editors.js:802 build/editors.js:1371 src/blocks/box/editor.js:221
     151#: src/blocks/section/editor.js:217
     152msgid "Use the Max Width"
     153msgstr "最大幅を使う"
     154
     155#: build/editors.js:811 build/editors.js:1380 src/blocks/box/editor.js:231
     156#: src/blocks/section/editor.js:227
     157msgid "Max Width (px)"
     158msgstr "最大幅（ピクセル）"
     159
     160#: build/editors.js:822 build/editors.js:1391 src/blocks/box/editor.js:243
     161#: src/blocks/section/editor.js:239
     162msgid "Position"
     163msgstr "位置"
     164
     165#: build/editors.js:832 src/blocks/box/editor.js:254
     166msgid "Round Shape (px)"
     167msgstr "角丸（ピクセル）"
     168
     169#: build/editors.js:843 build/editors.js:1331 src/blocks/box/editor.js:267
     170#: src/blocks/section/editor.js:172
     171msgid "Background"
     172msgstr "背景"
     173
     174#: build/editors.js:845 src/blocks/box/editor.js:270
     175msgid "Use the Background"
     176msgstr "背景を使用する"
     177
     178#: build/editors.js:853 build/editors.js:905 build/editors.js:984
     179#: build/editors.js:1333 src/blocks/box/editor.js:279
     180#: src/blocks/box/editor.js:342 src/blocks/box/editor.js:434
     181#: src/blocks/section/editor.js:173
     182msgid "Color"
     183msgstr "色"
     184
     185#: build/editors.js:863 build/editors.js:915 build/editors.js:994
     186#: build/editors.js:1358 src/blocks/box/editor.js:292
     187#: src/blocks/box/editor.js:355 src/blocks/box/editor.js:447
     188#: src/blocks/section/editor.js:201
     189msgid "Opacity"
     190msgstr "不透明度"
     191
     192#: build/editors.js:874 src/blocks/box/editor.js:305
     193msgid "Border"
     194msgstr "枠線"
     195
     196#: build/editors.js:876 src/blocks/box/editor.js:308
     197msgid "Use the Border"
     198msgstr "枠線を使う"
     199
     200#: build/editors.js:885 src/blocks/box/editor.js:320
     201msgid "Width"
     202msgstr "幅"
     203
     204#: build/editors.js:896 src/blocks/box/editor.js:332
     205msgid "Style"
     206msgstr "スタイル"
     207
     208#: build/editors.js:926 src/blocks/box/editor.js:368
     209msgid "Shadow"
     210msgstr "影"
     211
     212#: build/editors.js:928 src/blocks/box/editor.js:371
     213msgid "Use the Shadow"
     214msgstr "影を使う"
     215
     216#: build/editors.js:937 src/blocks/box/editor.js:383
     217msgid "X Offset (px)"
     218msgstr "Xオフセット（ピクセル）"
     219
     220#: build/editors.js:949 src/blocks/box/editor.js:396
     221msgid "Y Offset (px)"
     222msgstr "Yオフセット（ピクセル）"
     223
     224#: build/editors.js:961 src/blocks/box/editor.js:409
     225msgid "Blur (px)"
     226msgstr "ぼかし（ピクセル）"
     227
     228#: build/editors.js:973 src/blocks/box/editor.js:422
     229msgid "Spread (px)"
     230msgstr "広がり（ピクセル）"
     231
     232#: build/editors.js:1005 build/editors.js:1369 src/blocks/box/editor.js:460
     233#: src/blocks/section/editor.js:214
     234msgid "Inner"
     235msgstr "内側"
     236
     237#: build/editors.js:1008 build/editors.js:1401 src/blocks/box/editor.js:464
     238#: src/blocks/section/editor.js:250
     239msgid "Padding Top (px)"
     240msgstr "上の余白（ピクセル）"
     241
     242#: build/editors.js:1020 build/editors.js:1413 src/blocks/box/editor.js:477
     243#: src/blocks/section/editor.js:263
     244msgid "Padding Right (px)"
     245msgstr "右の余白（ピクセル）"
     246
     247#: build/editors.js:1032 build/editors.js:1425 src/blocks/box/editor.js:490
     248#: src/blocks/section/editor.js:276
     249msgid "Padding Bottom (px)"
     250msgstr "下の余白（ピクセル）"
     251
     252#: build/editors.js:1044 build/editors.js:1437 src/blocks/box/editor.js:503
     253#: src/blocks/section/editor.js:289
     254msgid "Padding Left (px)"
     255msgstr "左の余白（ピクセル）"
     256
     257#: build/editors.js:1201 src/blocks/section/editor.js:28
     258msgid "Section"
     259msgstr "セクション"
     260
     261#: build/editors.js:1202 src/blocks/section/editor.js:29
     262msgid "You can set up full-width sections and place content inside."
     263msgstr "全幅のセクションを設定し、内側にコンテンツを設置できます。"
     264
     265#: src/blocks/compact-box/editor.js:26
     266msgid "Compact Box"
     267msgstr ""
     268
     269#: src/blocks/compact-box/editor.js:27
     270msgid ""
     271"It can be folded up to hold content. I recommend using it for storing "
     272"spoilers and long asides."
     273msgstr ""
     274
     275#: src/blocks/compact-box/editor.js:84
     276msgid "Angle"
     277msgstr ""
     278
     279#: src/blocks/compact-box/editor.js:87
     280msgid "Angle Position"
     281msgstr ""

  • qroko-blocks/tags/1.2.0/languages/qroko-blocks.pot

    r2338987 r2400331  
    33msgid ""
    44msgstr ""
    5 "Project-Id-Version: Qroko Blocks 1.0.1\n"
     5"Project-Id-Version: Qroko Blocks 1.1.0\n"
    66"Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/qroko-blocks\n"
    77"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
    … …  
    1010"Content-Type: text/plain; charset=UTF-8\n"
    1111"Content-Transfer-Encoding: 8bit\n"
    12 "POT-Creation-Date: 2020-07-10T09:24:49+00:00\n"
     12"POT-Creation-Date: 2020-10-15T17:12:40+00:00\n"
    1313"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
    1414"X-Generator: WP-CLI 2.4.0\n"
    … …  
    1616
    1717#. Plugin Name of the plugin
    18 #: qroko-blocks.php:107
     18#: qroko-blocks.php:122
    1919msgid "Qroko Blocks"
    2020msgstr ""
    … …  
    3636msgstr ""
    3737
    38 #: build/editors.js:6
     38#: build/editors.js:193
     39#: build/editors.js:606
     40#: build/editors.js:1194
    3941#: src/blocks/blog-card/editor.js:18
     42#: src/blocks/box/editor.js:22
     43#: src/blocks/compact-box/editor.js:21
     44#: src/blocks/section/editor.js:23
    4045msgid "Left"
    4146msgstr ""
    4247
    43 #: build/editors.js:6
     48#: build/editors.js:196
     49#: build/editors.js:609
     50#: build/editors.js:1197
    4451#: src/blocks/blog-card/editor.js:19
     52#: src/blocks/box/editor.js:23
     53#: src/blocks/compact-box/editor.js:22
     54#: src/blocks/section/editor.js:24
    4555msgid "Right"
    4656msgstr ""
    4757
    48 #: build/editors.js:6
     58#: build/editors.js:200
    4959#: src/blocks/blog-card/editor.js:23
    5060msgid "Cover"
    5161msgstr ""
    5262
    53 #: build/editors.js:6
     63#: build/editors.js:203
    5464#: src/blocks/blog-card/editor.js:24
    5565msgid "Contain"
    5666msgstr ""
    5767
    58 #: build/editors.js:6
     68#: build/editors.js:207
    5969#: src/blocks/blog-card/editor.js:28
    6070msgid "Blog Card"
    6171msgstr ""
    6272
    63 #: build/editors.js:6
     73#: build/editors.js:208
    6474#: src/blocks/blog-card/editor.js:29
    6575msgid "Block to create a card link. You can also edit it after getting the Open Graph from the link URL."
    6676msgstr ""
    6777
    68 #: build/editors.js:6
     78#: build/editors.js:389
     79#: build/editors.js:1318
     80#: src/blocks/blog-card/editor.js:229
     81#: src/blocks/section/editor.js:153
     82msgid "Delete image"
     83msgstr ""
     84
     85#: build/editors.js:394
     86#: build/editors.js:1323
     87#: src/blocks/blog-card/editor.js:236
     88#: src/blocks/section/editor.js:160
     89msgid "Add Image"
     90msgstr ""
     91
     92#: build/editors.js:401
    6993#: src/blocks/blog-card/editor.js:245
     94#: src/blocks/compact-box/editor.js:74
    7095msgid "Title"
    7196msgstr ""
    7297
    73 #: build/editors.js:6
     98#: build/editors.js:411
     99#: build/editors.js:432
    74100#: src/blocks/blog-card/editor.js:255
    75101#: src/blocks/blog-card/editor.js:278
    … …  
    77103msgstr ""
    78104
    79 #: build/editors.js:6
     105#: build/editors.js:422
    80106#: src/blocks/blog-card/editor.js:268
    81107msgid "Description"
    82108msgstr ""
    83109
    84 #: build/editors.js:6
     110#: build/editors.js:443
     111#: build/editors.js:1342
    85112#: src/blocks/blog-card/editor.js:291
     113#: src/blocks/section/editor.js:183
    86114msgid "Image"
    87115msgstr ""
    88116
    89 #: build/editors.js:6
    90 #: src/blocks/blog-card/editor.js:229
    91 msgid "Delete image"
    92 msgstr ""
    93 
    94 #: build/editors.js:6
    95 #: src/blocks/blog-card/editor.js:236
    96 msgid "Add Image"
    97 msgstr ""
    98 
    99 #: build/editors.js:6
     117#: build/editors.js:459
    100118#: src/blocks/blog-card/editor.js:308
    101119msgid "Image position"
    102120msgstr ""
    103121
    104 #: build/editors.js:6
     122#: build/editors.js:468
    105123#: src/blocks/blog-card/editor.js:320
    106124msgid "Image Fit"
    107125msgstr ""
    108126
    109 #: build/editors.js:6
     127#: build/editors.js:503
    110128#: src/blocks/blog-card/editor.js:387
    111129msgid "Link URL"
    112130msgstr ""
    113131
    114 #: build/editors.js:6
     132#: build/editors.js:518
    115133#: src/blocks/blog-card/editor.js:400
    116134msgid "Load"
    117135msgstr ""
     136
     137#: build/editors.js:603
     138#: build/editors.js:1191
     139#: src/blocks/box/editor.js:21
     140#: src/blocks/section/editor.js:22
     141msgid "Center"
     142msgstr ""
     143
     144#: build/editors.js:613
     145#: src/blocks/box/editor.js:27
     146msgid "Solid"
     147msgstr ""
     148
     149#: build/editors.js:616
     150#: src/blocks/box/editor.js:28
     151msgid "Dashed"
     152msgstr ""
     153
     154#: build/editors.js:619
     155#: src/blocks/box/editor.js:29
     156msgid "Dotted"
     157msgstr ""
     158
     159#: build/editors.js:622
     160#: src/blocks/box/editor.js:30
     161msgid "Double"
     162msgstr ""
     163
     164#: build/editors.js:626
     165#: src/blocks/box/editor.js:34
     166msgid "Box"
     167msgstr ""
     168
     169#: build/editors.js:627
     170#: src/blocks/box/editor.js:35
     171msgid "You can set up decorative boxes and place content inside."
     172msgstr ""
     173
     174#: build/editors.js:800
     175#: src/blocks/box/editor.js:218
     176msgid "Basic Settings"
     177msgstr ""
     178
     179#: build/editors.js:802
     180#: build/editors.js:1371
     181#: src/blocks/box/editor.js:221
     182#: src/blocks/section/editor.js:217
     183msgid "Use the Max Width"
     184msgstr ""
     185
     186#: build/editors.js:811
     187#: build/editors.js:1380
     188#: src/blocks/box/editor.js:231
     189#: src/blocks/section/editor.js:227
     190msgid "Max Width (px)"
     191msgstr ""
     192
     193#: build/editors.js:822
     194#: build/editors.js:1391
     195#: src/blocks/box/editor.js:243
     196#: src/blocks/section/editor.js:239
     197msgid "Position"
     198msgstr ""
     199
     200#: build/editors.js:832
     201#: src/blocks/box/editor.js:254
     202msgid "Round Shape (px)"
     203msgstr ""
     204
     205#: build/editors.js:843
     206#: build/editors.js:1331
     207#: src/blocks/box/editor.js:267
     208#: src/blocks/section/editor.js:172
     209msgid "Background"
     210msgstr ""
     211
     212#: build/editors.js:845
     213#: src/blocks/box/editor.js:270
     214msgid "Use the Background"
     215msgstr ""
     216
     217#: build/editors.js:853
     218#: build/editors.js:905
     219#: build/editors.js:984
     220#: build/editors.js:1333
     221#: src/blocks/box/editor.js:279
     222#: src/blocks/box/editor.js:342
     223#: src/blocks/box/editor.js:434
     224#: src/blocks/section/editor.js:173
     225msgid "Color"
     226msgstr ""
     227
     228#: build/editors.js:863
     229#: build/editors.js:915
     230#: build/editors.js:994
     231#: build/editors.js:1358
     232#: src/blocks/box/editor.js:292
     233#: src/blocks/box/editor.js:355
     234#: src/blocks/box/editor.js:447
     235#: src/blocks/section/editor.js:201
     236msgid "Opacity"
     237msgstr ""
     238
     239#: build/editors.js:874
     240#: src/blocks/box/editor.js:305
     241msgid "Border"
     242msgstr ""
     243
     244#: build/editors.js:876
     245#: src/blocks/box/editor.js:308
     246msgid "Use the Border"
     247msgstr ""
     248
     249#: build/editors.js:885
     250#: src/blocks/box/editor.js:320
     251msgid "Width"
     252msgstr ""
     253
     254#: build/editors.js:896
     255#: src/blocks/box/editor.js:332
     256msgid "Style"
     257msgstr ""
     258
     259#: build/editors.js:926
     260#: src/blocks/box/editor.js:368
     261msgid "Shadow"
     262msgstr ""
     263
     264#: build/editors.js:928
     265#: src/blocks/box/editor.js:371
     266msgid "Use the Shadow"
     267msgstr ""
     268
     269#: build/editors.js:937
     270#: src/blocks/box/editor.js:383
     271msgid "X Offset (px)"
     272msgstr ""
     273
     274#: build/editors.js:949
     275#: src/blocks/box/editor.js:396
     276msgid "Y Offset (px)"
     277msgstr ""
     278
     279#: build/editors.js:961
     280#: src/blocks/box/editor.js:409
     281msgid "Blur (px)"
     282msgstr ""
     283
     284#: build/editors.js:973
     285#: src/blocks/box/editor.js:422
     286msgid "Spread (px)"
     287msgstr ""
     288
     289#: build/editors.js:1005
     290#: build/editors.js:1369
     291#: src/blocks/box/editor.js:460
     292#: src/blocks/section/editor.js:214
     293msgid "Inner"
     294msgstr ""
     295
     296#: build/editors.js:1008
     297#: build/editors.js:1401
     298#: src/blocks/box/editor.js:464
     299#: src/blocks/section/editor.js:250
     300msgid "Padding Top (px)"
     301msgstr ""
     302
     303#: build/editors.js:1020
     304#: build/editors.js:1413
     305#: src/blocks/box/editor.js:477
     306#: src/blocks/section/editor.js:263
     307msgid "Padding Right (px)"
     308msgstr ""
     309
     310#: build/editors.js:1032
     311#: build/editors.js:1425
     312#: src/blocks/box/editor.js:490
     313#: src/blocks/section/editor.js:276
     314msgid "Padding Bottom (px)"
     315msgstr ""
     316
     317#: build/editors.js:1044
     318#: build/editors.js:1437
     319#: src/blocks/box/editor.js:503
     320#: src/blocks/section/editor.js:289
     321msgid "Padding Left (px)"
     322msgstr ""
     323
     324#: build/editors.js:1201
     325#: src/blocks/section/editor.js:28
     326msgid "Section"
     327msgstr ""
     328
     329#: build/editors.js:1202
     330#: src/blocks/section/editor.js:29
     331msgid "You can set up full-width sections and place content inside."
     332msgstr ""
     333
     334#: src/blocks/compact-box/editor.js:26
     335msgid "Compact Box"
     336msgstr ""
     337
     338#: src/blocks/compact-box/editor.js:27
     339msgid "It can be folded up to hold content. I recommend using it for storing spoilers and long asides."
     340msgstr ""
     341
     342#: src/blocks/compact-box/editor.js:84
     343msgid "Angle"
     344msgstr ""
     345
     346#: src/blocks/compact-box/editor.js:87
     347msgid "Angle Position"
     348msgstr ""

  • qroko-blocks/tags/1.2.0/qroko-blocks.php

    r2398597 r2400331  
    5454  // Register Block: Section
    5555  register_block_type('qroko-blocks/section', array(
     56    'editor_style' => 'qroko-blocks-editors',
     57    'editor_script' => 'qroko-blocks-editors'
     58  ));
     59
     60  // Register Block: Box
     61  register_block_type('qroko-blocks/box', array(
    5662    'editor_style' => 'qroko-blocks-editors',
    5763    'editor_script' => 'qroko-blocks-editors'

  • qroko-blocks/tags/1.2.0/readme.txt

    r2398597 r2400331  
    55Requires at least: 5.4
    66Tested up to: 5.5
    7 Stable tag: 1.1.0
     7Stable tag: 1.2.0
    88Requires PHP: 5.6
    99License: GPLv2 or later
    … …  
    2626
    2727* Section
     28* Box
    2829* Blog Card
    2930
    … …  
    40413. Section (Editor)
    41424. Section (Front)
     435. Box (Editor)
     446. Box (Front)
    4245
    4346== Changelog ==
     47
     48= 1.2.0 =
     49* Add Box Block
     50* Fix Section Block: Editor CSS
    4451
    4552= 1.1.0 =

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

    r2398597 r2400331  
    1 <?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-polyfill'), 'version' => 'fcc4ce601ff4713a1800056aa4a5c7c8');
     1<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-polyfill'), 'version' => '6eeeb4e980c57619b12810fcde5930cd');

  • qroko-blocks/trunk/build/editors.css

    r2398597 r2400331  
    5252}
    5353
     54.qroko-blocks-section-inner
     55  > .block-editor-inner-blocks
     56  > .block-editor-block-list__layout
     57  > *:first-child {
     58  margin-top: 0;
     59}
     60
     61.qroko-blocks-section-inner
     62  > .block-editor-inner-blocks
     63  > .block-editor-block-list__layout
     64  > *:last-child {
     65  margin-bottom: 0;
     66}
     67
     68.qroko-blocks-box {
     69  position: relative;
     70  max-width: none;
     71  max-width: var(--qroko-blocks-box-max-width, none);
     72  margin-right: auto;
     73  margin-right: var(--qroko-blocks-box-margin-right, auto);
     74  margin-left: auto;
     75  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  );
     89  border-radius: 4px;
     90  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
     155  > .block-editor-inner-blocks
     156  > .block-editor-block-list__layout
     157  > *:first-child {
     158  margin-top: 0;
     159}
     160
     161.qroko-blocks-box-inner
     162  > .block-editor-inner-blocks
     163  > .block-editor-block-list__layout
     164  > *:last-child {
     165  margin-bottom: 0;
     166}
     167
    54168.qroko-blocks-blog-card {
    55169  position: relative;

  • qroko-blocks/trunk/build/editors.js

    r2398597 r2400331  
    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=10)}([function(e,t){!function(){e.exports=this.wp.element}()},function(e,t){!function(){e.exports=this.wp.i18n}()},function(e,t){!function(){e.exports=this.wp.components}()},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 c=typeof n;if("string"===c||"number"===c)e.push(n);else if(Array.isArray(n)&&n.length){var r=a.apply(null,n);r&&e.push(r)}else if("object"===c)for(var l in n)o.call(n,l)&&n[l]&&e.push(l)}}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.blockEditor}()},function(e,t){!function(){e.exports=this.wp.blocks}()},function(e,t,o){},function(e,t,o){},,,function(e,t,o){"use strict";o.r(t);var n=o(0),a=o(1),c=o(5),r=o(4),l=o(2),i=o(3),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(c.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,c=e.setAttributes,i=t.backgroundImageURL?"url(".concat(t.backgroundImageURL,")"):"",g=String(t.backgroundOpacity/100),m=t.innerMaxWidthTrigger?t.innerMaxWidth+"px":"none",d={"--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":g,"--qroko-blocks-section-inner-max-width":m,"--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:d},Object(n.createElement)(r.InspectorControls,null,Object(n.createElement)(l.PanelBody,{title:Object(a.__)("Background","qroko-blocks")},Object(n.createElement)(l.BaseControl,{label:Object(a.__)("Color","qroko-blocks")},Object(n.createElement)(r.ColorPalette,{value:t.backgroundColor,onChange:function(e){return c({backgroundColor:e})}})),Object(n.createElement)(l.BaseControl,{label:Object(a.__)("Image","qroko-blocks")},Object(n.createElement)("div",null,Object(n.createElement)(r.MediaUpload,{onSelect:function(e){c({backgroundImageID:e.id,backgroundImageURL:e.url})},type:"image",value:t.backgroundImageID,render:function(e){var o,r=e.open;return o=r,t.backgroundImageURL?Object(n.createElement)("div",null,Object(n.createElement)(l.Button,{onClick:o,className:"qroko-blocks-section-image-preview"},Object(n.createElement)("img",{src:t.backgroundImageURL,alt:""})),Object(n.createElement)(l.Button,{onClick:function(){c({backgroundImageID:0,backgroundImageURL:""})},className:"button"},Object(a.__)("Delete image","qroko-blocks"))):Object(n.createElement)(l.Button,{onClick:o,className:"button"},Object(a.__)("Add Image","qroko-blocks"))}}))),Object(n.createElement)(l.BaseControl,null,Object(n.createElement)(l.RangeControl,{value:t.backgroundOpacity,label:Object(a.__)("Opacity","qroko-blocks"),min:0,max:100,initialPosition:100,allowReset:!0,onChange:function(e){c({backgroundOpacity:e||100})}}))),Object(n.createElement)(l.PanelBody,{title:Object(a.__)("Inner","qroko-blocks")},Object(n.createElement)(l.BaseControl,null,Object(n.createElement)(l.ToggleControl,{label:Object(a.__)("Use the Max Width","qroko-blocks"),onChange:function(){c({innerMaxWidthTrigger:!t.innerMaxWidthTrigger})},checked:t.innerMaxWidthTrigger}),Object(n.createElement)(l.RangeControl,{value:t.innerMaxWidth,label:Object(a.__)("Max Width (px)","qroko-blocks"),min:100,max:1600,initialPosition:1e3,allowReset:!0,onChange:function(e){c({innerMaxWidth:e||1e3})}}),Object(n.createElement)(l.RadioControl,{label:Object(a.__)("Position","qroko-blocks"),selected:t.innerPosition,options:b,onChange:function(e){c({innerPosition:e})}}),Object(n.createElement)(l.RangeControl,{value:t.innerPaddingTop,label:Object(a.__)("Padding Top (px)","qroko-blocks"),min:0,max:200,initialPosition:32,allowReset:!0,onChange:function(e){c({innerPaddingTop:e||32})}}),Object(n.createElement)(l.RangeControl,{value:t.innerPaddingRight,label:Object(a.__)("Padding Right (px)","qroko-blocks"),min:0,max:200,initialPosition:0,allowReset:!0,onChange:function(e){c({innerPaddingRight:e||0})}}),Object(n.createElement)(l.RangeControl,{value:t.innerPaddingBottom,label:Object(a.__)("Padding Bottom (px)","qroko-blocks"),min:0,max:200,initialPosition:32,allowReset:!0,onChange:function(e){c({innerPaddingBottom:e||32})}}),Object(n.createElement)(l.RangeControl,{value:t.innerPaddingLeft,label:Object(a.__)("Padding Left (px)","qroko-blocks"),min:0,max:200,initialPosition:0,allowReset:!0,onChange:function(e){c({innerPaddingLeft:e||0})}})))),Object(n.createElement)("div",{className:"qroko-blocks-section-background"}),Object(n.createElement)("div",{className:"qroko-blocks-section-inner"},Object(n.createElement)(r.InnerBlocks,null)))},save:function(e){var t=e.attributes,o=e.className,a=t.backgroundImageURL?"url(".concat(t.backgroundImageURL,")"):"",c=String(t.backgroundOpacity/100),l=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":c,"--qroko-blocks-section-inner-max-width":l,"--qroko-blocks-section-inner-margin":function(){switch(t.innerPosition){case"center":return"0 auto";case"left":return"0 auto 0 0";case"right":return"0 0 0 auto";default:return"0 auto"}}(),"--qroko-blocks-section-inner-padding-top":t.innerPaddingTop+"px","--qroko-blocks-section-inner-padding-right":t.innerPaddingRight+"px","--qroko-blocks-section-inner-padding-bottom":t.innerPaddingBottom+"px","--qroko-blocks-section-inner-padding-left":t.innerPaddingLeft+"px"};return Object(n.createElement)("section",{className:s()(o,"qroko-blocks-section"),style:i},Object(n.createElement)("div",{className:"qroko-blocks-section-background"}),Object(n.createElement)("div",{className:"qroko-blocks-section-inner"},Object(n.createElement)(r.InnerBlocks.Content,null)))}});o(7);var g=[{label:Object(a.__)("Left","qroko-blocks"),value:"left"},{label:Object(a.__)("Right","qroko-blocks"),value:"right"}],m=[{label:Object(a.__)("Cover","qroko-blocks"),value:"cover"},{label:Object(a.__)("Contain","qroko-blocks"),value:"contain"}];Object(c.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,c=e.setAttributes,i=e.isSelected,b=function(e){var o,n=new URL(e.url).hostname,a=location.hostname,r=function(){var o=t.ogTitleCharacterCount;return(e.title?e.title.length:0)>=o?e.title.substr(0,o)+" ...":e.title};c({title:r(),description:(o=t.ogDescriptionCharacterCount,(e.description?e.description.length:0)>=o?e.description.substr(0,o)+" ...":e.description),imageID:0,imageURL:"",imageAlt:r(),ogDomain:n,ogImageURL:e.image,externalLink:n!=a})};return Object(n.createElement)("div",{className:s()(o,"qroko-blocks-blog-card")},Object(n.createElement)(r.InspectorControls,null,Object(n.createElement)(l.PanelBody,{title:Object(a.__)("Title","qroko-blocks")},Object(n.createElement)(l.BaseControl,null,Object(n.createElement)(l.TextareaControl,{value:t.title,onChange:function(e){c({title:e})}}),Object(n.createElement)(l.RangeControl,{value:t.ogTitleCharacterCount,label:Object(a.__)("Number of characters","qroko-blocks"),min:1,max:200,initialPosition:50,allowReset:!0,onChange:function(e){c({ogTitleCharacterCount:e||50})}}))),Object(n.createElement)(l.PanelBody,{title:Object(a.__)("Description","qroko-blocks")},Object(n.createElement)(l.BaseControl,null,Object(n.createElement)(l.TextareaControl,{value:t.description,onChange:function(e){c({description:e})}}),Object(n.createElement)(l.RangeControl,{value:t.ogDescriptionCharacterCount,label:Object(a.__)("Number of characters","qroko-blocks"),min:1,max:200,initialPosition:60,allowReset:!0,onChange:function(e){c({ogDescriptionCharacterCount:e||60})}}))),Object(n.createElement)(l.PanelBody,{title:Object(a.__)("Image","qroko-blocks")},Object(n.createElement)(l.BaseControl,null,Object(n.createElement)(r.MediaUpload,{onSelect:function(e){c({imageID:e.id,imageURL:e.url,imageAlt:e.alt})},type:"image",value:t.imageID,render:function(e){var o,r=e.open;return o=r,t.imageURL||t.ogImageURL?Object(n.createElement)("div",null,Object(n.createElement)(l.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)(l.Button,{onClick:function(){c({imageID:0,imageURL:"",imageAlt:"",ogImageURL:""})},className:"button"},Object(a.__)("Delete image","qroko-blocks"))):Object(n.createElement)(l.Button,{onClick:o,className:"button"},Object(a.__)("Add Image","qroko-blocks"))}})),Object(n.createElement)(l.BaseControl,null,Object(n.createElement)(l.RadioControl,{label:Object(a.__)("Image position","qroko-blocks"),selected:t.imagePosition,options:g,onChange:function(e){c({imagePosition:e})}})),Object(n.createElement)(l.BaseControl,null,Object(n.createElement)(l.RadioControl,{label:Object(a.__)("Image Fit","qroko-blocks"),selected:t.imageFit,options:m,onChange:function(e){c({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 c({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)(l.TextControl,{label:Object(a.__)("Link URL","qroko-blocks"),value:t.url,onChange:function(e){c({url:e})},className:"is-margin-bottom-none"})),Object(n.createElement)("div",{className:"qroko-blocks-blog-card-column is-flex-none"},Object(n.createElement)(l.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)))))}})}]);
     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)))))}})}]);

  • qroko-blocks/trunk/build/fronts.asset.php

    r2398597 r2400331  
    1 <?php return array('dependencies' => array('wp-polyfill'), 'version' => 'c32e4ff5c1d883b82e2122f3a19d9d6c');
     1<?php return array('dependencies' => array('wp-polyfill'), 'version' => 'ca340986ec90e0ea0886c9c86726c9dc');

  • qroko-blocks/trunk/build/fronts.css

    r2398597 r2400331  
    4444}
    4545
     46.qroko-blocks-box {
     47  position: relative;
     48  max-width: none;
     49  max-width: var(--qroko-blocks-box-max-width, none);
     50  margin-right: auto;
     51  margin-right: var(--qroko-blocks-box-margin-right, auto);
     52  margin-left: auto;
     53  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  );
     67  border-radius: 4px;
     68  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;
     130}
     131
    46132.qroko-blocks-blog-card {
    47133  position: relative;

  • qroko-blocks/trunk/build/fronts.js

    r2398597 r2400331  
    1 !function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=11)}({11:function(e,t,n){"use strict";n.r(t);var r,o,u,i;n(8);r=window.innerWidth-document.body.clientWidth,o=":root { --scrollbar-width: ".concat(r,"px; }"),u=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style"),u.appendChild(i),i.appendChild(document.createTextNode(o));n(9)},8:function(e,t,n){},9:function(e,t,n){}});
     1!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=13)}([,,,,,,,,,function(e,t,n){},function(e,t,n){},function(e,t,n){},,function(e,t,n){"use strict";n.r(t);var r,o,u,i;n(9);r=window.innerWidth-document.body.clientWidth,o=":root { --scrollbar-width: ".concat(r,"px; }"),u=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style"),u.appendChild(i),i.appendChild(document.createTextNode(o));n(10),n(11)}]);

  • qroko-blocks/trunk/languages/qroko-blocks-ja-qroko-blocks-editors.json

    r2338987 r2400331  
    1 {"domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural_forms":"nplurals=1; plural=0;","lang":"ja"},"Qroko Blocks":["Qroko Blocks"],"https://github.com/qrac/qroko-blocks/":["https://github.com/qrac/qroko-blocks/"],"Custom Blocks for headless WordPress":["Custom Blocks for headless WordPress"],"qrac":["qrac"],"https://qrac.jp/":["https://qrac.jp/"],"Left":["左"],"Right":["右"],"Cover":["広げる"],"Contain":["収める"],"Blog Card":["ブログカード"],"Block to create a card link. You can also edit it after getting the Open Graph from the link URL.":["カード型のリンクを作るブロック。リンク先URLからOpen Graphを取得した後に編集もできます。"],"Title":["タイトル"],"Number of characters":["取得文字数"],"Description":["概要"],"Image":["画像"],"Delete image":["画像を削除"],"Add Image":["画像を追加"],"Image position":["画像の位置"],"Image Fit":["画像の収め方"],"Link URL":["リンク先URL"],"Load":["情報を取得"]}}}
     1{"domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural_forms":"nplurals=1; plural=0;","lang":"ja"},"Qroko Blocks":["Qroko Blocks"],"https://github.com/qrac/qroko-blocks/":["https://github.com/qrac/qroko-blocks/"],"Custom Blocks for headless WordPress":["Custom Blocks for headless WordPress"],"qrac":["qrac"],"https://qrac.jp/":["https://qrac.jp/"],"Left":["左"],"Right":["右"],"Cover":["広げる"],"Contain":["収める"],"Blog Card":["ブログカード"],"Block to create a card link. You can also edit it after getting the Open Graph from the link URL.":["カード型のリンクを作るブロック。リンク先URLからOpen Graphを取得した後に編集もできます。"],"Delete image":["画像を削除"],"Add Image":["画像を追加"],"Title":["タイトル"],"Number of characters":["取得文字数"],"Description":["概要"],"Image":["画像"],"Image position":["画像の位置"],"Image Fit":["画像の収め方"],"Link URL":["リンク先URL"],"Load":["情報を取得"],"Center":["中央"],"Solid":["ソリッド"],"Dashed":["ダッシュ"],"Dotted":["ドット"],"Double":["ダブル"],"Box":["ボックス"],"You can set up decorative boxes and place content inside.":["装飾用のボックスを設定し、内側にコンテンツを設置できます。"],"Basic Settings":["基本設定"],"Use the Max Width":["最大幅を使う"],"Max Width (px)":["最大幅（ピクセル）"],"Position":["位置"],"Round Shape (px)":["角丸（ピクセル）"],"Background":["背景"],"Use the Background":["背景を使用する"],"Color":["色"],"Opacity":["不透明度"],"Border":["枠線"],"Use the Border":["枠線を使う"],"Width":["幅"],"Style":["スタイル"],"Shadow":["影"],"Use the Shadow":["影を使う"],"X Offset (px)":["Xオフセット（ピクセル）"],"Y Offset (px)":["Yオフセット（ピクセル）"],"Blur (px)":["ぼかし（ピクセル）"],"Spread (px)":["広がり（ピクセル）"],"Inner":["内側"],"Padding Top (px)":["上の余白（ピクセル）"],"Padding Right (px)":["右の余白（ピクセル）"],"Padding Bottom (px)":["下の余白（ピクセル）"],"Padding Left (px)":["左の余白（ピクセル）"],"Section":["セクション"],"You can set up full-width sections and place content inside.":["全幅のセクションを設定し、内側にコンテンツを設置できます。"],"Compact Box":[""],"It can be folded up to hold content. I recommend using it for storing spoilers and long asides.":[""],"Angle":[""],"Angle Position":[""]}}}

  • qroko-blocks/trunk/languages/qroko-blocks-ja.po

    r2338987 r2400331  
    55"Project-Id-Version: Qroko Blocks 1.0.1\n"
    66"Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/qroko-blocks\n"
     7"POT-Creation-Date: 2020-10-15T17:12:40+00:00\n"
     8"PO-Revision-Date: 2020-10-16 02:16+0900\n"
     9"Last-Translator: \n"
    710"Language-Team: \n"
     11"Language: ja\n"
    812"MIME-Version: 1.0\n"
    913"Content-Type: text/plain; charset=UTF-8\n"
    1014"Content-Transfer-Encoding: 8bit\n"
    11 "POT-Creation-Date: 2020-07-10T09:24:49+00:00\n"
    12 "PO-Revision-Date: 2020-07-10 22:49+0900\n"
    13 "X-Generator: Poedit 2.3.1\n"
     15"X-Generator: Poedit 2.4.1\n"
    1416"X-Domain: qroko-blocks\n"
    15 "Last-Translator: \n"
    1617"Plural-Forms: nplurals=1; plural=0;\n"
    17 "Language: ja\n"
    1818
    1919#. Plugin Name of the plugin
    20 #: qroko-blocks.php:107
     20#: qroko-blocks.php:122
    2121msgid "Qroko Blocks"
    2222msgstr "Qroko Blocks"
    … …  
    3838msgstr "https://qrac.jp/"
    3939
    40 #: build/editors.js:6 src/blocks/blog-card/editor.js:18
     40#: build/editors.js:193 build/editors.js:606 build/editors.js:1194
     41#: src/blocks/blog-card/editor.js:18 src/blocks/box/editor.js:22
     42#: src/blocks/compact-box/editor.js:21 src/blocks/section/editor.js:23
    4143msgid "Left"
    4244msgstr "左"
    4345
    44 #: build/editors.js:6 src/blocks/blog-card/editor.js:19
     46#: build/editors.js:196 build/editors.js:609 build/editors.js:1197
     47#: src/blocks/blog-card/editor.js:19 src/blocks/box/editor.js:23
     48#: src/blocks/compact-box/editor.js:22 src/blocks/section/editor.js:24
    4549msgid "Right"
    4650msgstr "右"
    4751
    48 #: build/editors.js:6 src/blocks/blog-card/editor.js:23
     52#: build/editors.js:200 src/blocks/blog-card/editor.js:23
    4953msgid "Cover"
    5054msgstr "広げる"
    5155
    52 #: build/editors.js:6 src/blocks/blog-card/editor.js:24
     56#: build/editors.js:203 src/blocks/blog-card/editor.js:24
    5357msgid "Contain"
    5458msgstr "収める"
    5559
    56 #: build/editors.js:6 src/blocks/blog-card/editor.js:28
     60#: build/editors.js:207 src/blocks/blog-card/editor.js:28
    5761msgid "Blog Card"
    5862msgstr "ブログカード"
    5963
    60 #: build/editors.js:6 src/blocks/blog-card/editor.js:29
     64#: build/editors.js:208 src/blocks/blog-card/editor.js:29
    6165msgid ""
    6266"Block to create a card link. You can also edit it after getting the Open "
    6367"Graph from the link URL."
    6468msgstr ""
    65 "カード型のリンクを作るブロック。リンク先URLからOpen Graphを取得した後に編"
    66 "集もできます。"
    67 
    68 #: build/editors.js:6 src/blocks/blog-card/editor.js:245
     69"カード型のリンクを作るブロック。リンク先URLからOpen Graphを取得した後に編集も"
     70"できます。"
     71
     72#: build/editors.js:389 build/editors.js:1318
     73#: src/blocks/blog-card/editor.js:229 src/blocks/section/editor.js:153
     74msgid "Delete image"
     75msgstr "画像を削除"
     76
     77#: build/editors.js:394 build/editors.js:1323
     78#: src/blocks/blog-card/editor.js:236 src/blocks/section/editor.js:160
     79msgid "Add Image"
     80msgstr "画像を追加"
     81
     82#: build/editors.js:401 src/blocks/blog-card/editor.js:245
     83#: src/blocks/compact-box/editor.js:74
    6984msgid "Title"
    7085msgstr "タイトル"
    7186
    72 #: build/editors.js:6 src/blocks/blog-card/editor.js:255
     87#: build/editors.js:411 build/editors.js:432 src/blocks/blog-card/editor.js:255
    7388#: src/blocks/blog-card/editor.js:278
    7489msgid "Number of characters"
    7590msgstr "取得文字数"
    7691
    77 #: build/editors.js:6 src/blocks/blog-card/editor.js:268
     92#: build/editors.js:422 src/blocks/blog-card/editor.js:268
    7893msgid "Description"
    7994msgstr "概要"
    8095
    81 #: build/editors.js:6 src/blocks/blog-card/editor.js:291
     96#: build/editors.js:443 build/editors.js:1342
     97#: src/blocks/blog-card/editor.js:291 src/blocks/section/editor.js:183
    8298msgid "Image"
    8399msgstr "画像"
    84100
    85 #: build/editors.js:6 src/blocks/blog-card/editor.js:229
    86 msgid "Delete image"
    87 msgstr "画像を削除"
    88 
    89 #: build/editors.js:6 src/blocks/blog-card/editor.js:236
    90 msgid "Add Image"
    91 msgstr "画像を追加"
    92 
    93 #: build/editors.js:6 src/blocks/blog-card/editor.js:308
     101#: build/editors.js:459 src/blocks/blog-card/editor.js:308
    94102msgid "Image position"
    95103msgstr "画像の位置"
    96104
    97 #: build/editors.js:6 src/blocks/blog-card/editor.js:320
     105#: build/editors.js:468 src/blocks/blog-card/editor.js:320
    98106msgid "Image Fit"
    99107msgstr "画像の収め方"
    100108
    101 #: build/editors.js:6 src/blocks/blog-card/editor.js:387
     109#: build/editors.js:503 src/blocks/blog-card/editor.js:387
    102110msgid "Link URL"
    103111msgstr "リンク先URL"
    104112
    105 #: build/editors.js:6 src/blocks/blog-card/editor.js:400
     113#: build/editors.js:518 src/blocks/blog-card/editor.js:400
    106114msgid "Load"
    107115msgstr "情報を取得"
     116
     117#: build/editors.js:603 build/editors.js:1191 src/blocks/box/editor.js:21
     118#: src/blocks/section/editor.js:22
     119msgid "Center"
     120msgstr "中央"
     121
     122#: build/editors.js:613 src/blocks/box/editor.js:27
     123msgid "Solid"
     124msgstr "ソリッド"
     125
     126#: build/editors.js:616 src/blocks/box/editor.js:28
     127msgid "Dashed"
     128msgstr "ダッシュ"
     129
     130#: build/editors.js:619 src/blocks/box/editor.js:29
     131msgid "Dotted"
     132msgstr "ドット"
     133
     134#: build/editors.js:622 src/blocks/box/editor.js:30
     135msgid "Double"
     136msgstr "ダブル"
     137
     138#: build/editors.js:626 src/blocks/box/editor.js:34
     139msgid "Box"
     140msgstr "ボックス"
     141
     142#: build/editors.js:627 src/blocks/box/editor.js:35
     143msgid "You can set up decorative boxes and place content inside."
     144msgstr "装飾用のボックスを設定し、内側にコンテンツを設置できます。"
     145
     146#: build/editors.js:800 src/blocks/box/editor.js:218
     147msgid "Basic Settings"
     148msgstr "基本設定"
     149
     150#: build/editors.js:802 build/editors.js:1371 src/blocks/box/editor.js:221
     151#: src/blocks/section/editor.js:217
     152msgid "Use the Max Width"
     153msgstr "最大幅を使う"
     154
     155#: build/editors.js:811 build/editors.js:1380 src/blocks/box/editor.js:231
     156#: src/blocks/section/editor.js:227
     157msgid "Max Width (px)"
     158msgstr "最大幅（ピクセル）"
     159
     160#: build/editors.js:822 build/editors.js:1391 src/blocks/box/editor.js:243
     161#: src/blocks/section/editor.js:239
     162msgid "Position"
     163msgstr "位置"
     164
     165#: build/editors.js:832 src/blocks/box/editor.js:254
     166msgid "Round Shape (px)"
     167msgstr "角丸（ピクセル）"
     168
     169#: build/editors.js:843 build/editors.js:1331 src/blocks/box/editor.js:267
     170#: src/blocks/section/editor.js:172
     171msgid "Background"
     172msgstr "背景"
     173
     174#: build/editors.js:845 src/blocks/box/editor.js:270
     175msgid "Use the Background"
     176msgstr "背景を使用する"
     177
     178#: build/editors.js:853 build/editors.js:905 build/editors.js:984
     179#: build/editors.js:1333 src/blocks/box/editor.js:279
     180#: src/blocks/box/editor.js:342 src/blocks/box/editor.js:434
     181#: src/blocks/section/editor.js:173
     182msgid "Color"
     183msgstr "色"
     184
     185#: build/editors.js:863 build/editors.js:915 build/editors.js:994
     186#: build/editors.js:1358 src/blocks/box/editor.js:292
     187#: src/blocks/box/editor.js:355 src/blocks/box/editor.js:447
     188#: src/blocks/section/editor.js:201
     189msgid "Opacity"
     190msgstr "不透明度"
     191
     192#: build/editors.js:874 src/blocks/box/editor.js:305
     193msgid "Border"
     194msgstr "枠線"
     195
     196#: build/editors.js:876 src/blocks/box/editor.js:308
     197msgid "Use the Border"
     198msgstr "枠線を使う"
     199
     200#: build/editors.js:885 src/blocks/box/editor.js:320
     201msgid "Width"
     202msgstr "幅"
     203
     204#: build/editors.js:896 src/blocks/box/editor.js:332
     205msgid "Style"
     206msgstr "スタイル"
     207
     208#: build/editors.js:926 src/blocks/box/editor.js:368
     209msgid "Shadow"
     210msgstr "影"
     211
     212#: build/editors.js:928 src/blocks/box/editor.js:371
     213msgid "Use the Shadow"
     214msgstr "影を使う"
     215
     216#: build/editors.js:937 src/blocks/box/editor.js:383
     217msgid "X Offset (px)"
     218msgstr "Xオフセット（ピクセル）"
     219
     220#: build/editors.js:949 src/blocks/box/editor.js:396
     221msgid "Y Offset (px)"
     222msgstr "Yオフセット（ピクセル）"
     223
     224#: build/editors.js:961 src/blocks/box/editor.js:409
     225msgid "Blur (px)"
     226msgstr "ぼかし（ピクセル）"
     227
     228#: build/editors.js:973 src/blocks/box/editor.js:422
     229msgid "Spread (px)"
     230msgstr "広がり（ピクセル）"
     231
     232#: build/editors.js:1005 build/editors.js:1369 src/blocks/box/editor.js:460
     233#: src/blocks/section/editor.js:214
     234msgid "Inner"
     235msgstr "内側"
     236
     237#: build/editors.js:1008 build/editors.js:1401 src/blocks/box/editor.js:464
     238#: src/blocks/section/editor.js:250
     239msgid "Padding Top (px)"
     240msgstr "上の余白（ピクセル）"
     241
     242#: build/editors.js:1020 build/editors.js:1413 src/blocks/box/editor.js:477
     243#: src/blocks/section/editor.js:263
     244msgid "Padding Right (px)"
     245msgstr "右の余白（ピクセル）"
     246
     247#: build/editors.js:1032 build/editors.js:1425 src/blocks/box/editor.js:490
     248#: src/blocks/section/editor.js:276
     249msgid "Padding Bottom (px)"
     250msgstr "下の余白（ピクセル）"
     251
     252#: build/editors.js:1044 build/editors.js:1437 src/blocks/box/editor.js:503
     253#: src/blocks/section/editor.js:289
     254msgid "Padding Left (px)"
     255msgstr "左の余白（ピクセル）"
     256
     257#: build/editors.js:1201 src/blocks/section/editor.js:28
     258msgid "Section"
     259msgstr "セクション"
     260
     261#: build/editors.js:1202 src/blocks/section/editor.js:29
     262msgid "You can set up full-width sections and place content inside."
     263msgstr "全幅のセクションを設定し、内側にコンテンツを設置できます。"
     264
     265#: src/blocks/compact-box/editor.js:26
     266msgid "Compact Box"
     267msgstr ""
     268
     269#: src/blocks/compact-box/editor.js:27
     270msgid ""
     271"It can be folded up to hold content. I recommend using it for storing "
     272"spoilers and long asides."
     273msgstr ""
     274
     275#: src/blocks/compact-box/editor.js:84
     276msgid "Angle"
     277msgstr ""
     278
     279#: src/blocks/compact-box/editor.js:87
     280msgid "Angle Position"
     281msgstr ""

  • qroko-blocks/trunk/languages/qroko-blocks.pot

    r2338987 r2400331  
    33msgid ""
    44msgstr ""
    5 "Project-Id-Version: Qroko Blocks 1.0.1\n"
     5"Project-Id-Version: Qroko Blocks 1.1.0\n"
    66"Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/qroko-blocks\n"
    77"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
    … …  
    1010"Content-Type: text/plain; charset=UTF-8\n"
    1111"Content-Transfer-Encoding: 8bit\n"
    12 "POT-Creation-Date: 2020-07-10T09:24:49+00:00\n"
     12"POT-Creation-Date: 2020-10-15T17:12:40+00:00\n"
    1313"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
    1414"X-Generator: WP-CLI 2.4.0\n"
    … …  
    1616
    1717#. Plugin Name of the plugin
    18 #: qroko-blocks.php:107
     18#: qroko-blocks.php:122
    1919msgid "Qroko Blocks"
    2020msgstr ""
    … …  
    3636msgstr ""
    3737
    38 #: build/editors.js:6
     38#: build/editors.js:193
     39#: build/editors.js:606
     40#: build/editors.js:1194
    3941#: src/blocks/blog-card/editor.js:18
     42#: src/blocks/box/editor.js:22
     43#: src/blocks/compact-box/editor.js:21
     44#: src/blocks/section/editor.js:23
    4045msgid "Left"
    4146msgstr ""
    4247
    43 #: build/editors.js:6
     48#: build/editors.js:196
     49#: build/editors.js:609
     50#: build/editors.js:1197
    4451#: src/blocks/blog-card/editor.js:19
     52#: src/blocks/box/editor.js:23
     53#: src/blocks/compact-box/editor.js:22
     54#: src/blocks/section/editor.js:24
    4555msgid "Right"
    4656msgstr ""
    4757
    48 #: build/editors.js:6
     58#: build/editors.js:200
    4959#: src/blocks/blog-card/editor.js:23
    5060msgid "Cover"
    5161msgstr ""
    5262
    53 #: build/editors.js:6
     63#: build/editors.js:203
    5464#: src/blocks/blog-card/editor.js:24
    5565msgid "Contain"
    5666msgstr ""
    5767
    58 #: build/editors.js:6
     68#: build/editors.js:207
    5969#: src/blocks/blog-card/editor.js:28
    6070msgid "Blog Card"
    6171msgstr ""
    6272
    63 #: build/editors.js:6
     73#: build/editors.js:208
    6474#: src/blocks/blog-card/editor.js:29
    6575msgid "Block to create a card link. You can also edit it after getting the Open Graph from the link URL."
    6676msgstr ""
    6777
    68 #: build/editors.js:6
     78#: build/editors.js:389
     79#: build/editors.js:1318
     80#: src/blocks/blog-card/editor.js:229
     81#: src/blocks/section/editor.js:153
     82msgid "Delete image"
     83msgstr ""
     84
     85#: build/editors.js:394
     86#: build/editors.js:1323
     87#: src/blocks/blog-card/editor.js:236
     88#: src/blocks/section/editor.js:160
     89msgid "Add Image"
     90msgstr ""
     91
     92#: build/editors.js:401
    6993#: src/blocks/blog-card/editor.js:245
     94#: src/blocks/compact-box/editor.js:74
    7095msgid "Title"
    7196msgstr ""
    7297
    73 #: build/editors.js:6
     98#: build/editors.js:411
     99#: build/editors.js:432
    74100#: src/blocks/blog-card/editor.js:255
    75101#: src/blocks/blog-card/editor.js:278
    … …  
    77103msgstr ""
    78104
    79 #: build/editors.js:6
     105#: build/editors.js:422
    80106#: src/blocks/blog-card/editor.js:268
    81107msgid "Description"
    82108msgstr ""
    83109
    84 #: build/editors.js:6
     110#: build/editors.js:443
     111#: build/editors.js:1342
    85112#: src/blocks/blog-card/editor.js:291
     113#: src/blocks/section/editor.js:183
    86114msgid "Image"
    87115msgstr ""
    88116
    89 #: build/editors.js:6
    90 #: src/blocks/blog-card/editor.js:229
    91 msgid "Delete image"
    92 msgstr ""
    93 
    94 #: build/editors.js:6
    95 #: src/blocks/blog-card/editor.js:236
    96 msgid "Add Image"
    97 msgstr ""
    98 
    99 #: build/editors.js:6
     117#: build/editors.js:459
    100118#: src/blocks/blog-card/editor.js:308
    101119msgid "Image position"
    102120msgstr ""
    103121
    104 #: build/editors.js:6
     122#: build/editors.js:468
    105123#: src/blocks/blog-card/editor.js:320
    106124msgid "Image Fit"
    107125msgstr ""
    108126
    109 #: build/editors.js:6
     127#: build/editors.js:503
    110128#: src/blocks/blog-card/editor.js:387
    111129msgid "Link URL"
    112130msgstr ""
    113131
    114 #: build/editors.js:6
     132#: build/editors.js:518
    115133#: src/blocks/blog-card/editor.js:400
    116134msgid "Load"
    117135msgstr ""
     136
     137#: build/editors.js:603
     138#: build/editors.js:1191
     139#: src/blocks/box/editor.js:21
     140#: src/blocks/section/editor.js:22
     141msgid "Center"
     142msgstr ""
     143
     144#: build/editors.js:613
     145#: src/blocks/box/editor.js:27
     146msgid "Solid"
     147msgstr ""
     148
     149#: build/editors.js:616
     150#: src/blocks/box/editor.js:28
     151msgid "Dashed"
     152msgstr ""
     153
     154#: build/editors.js:619
     155#: src/blocks/box/editor.js:29
     156msgid "Dotted"
     157msgstr ""
     158
     159#: build/editors.js:622
     160#: src/blocks/box/editor.js:30
     161msgid "Double"
     162msgstr ""
     163
     164#: build/editors.js:626
     165#: src/blocks/box/editor.js:34
     166msgid "Box"
     167msgstr ""
     168
     169#: build/editors.js:627
     170#: src/blocks/box/editor.js:35
     171msgid "You can set up decorative boxes and place content inside."
     172msgstr ""
     173
     174#: build/editors.js:800
     175#: src/blocks/box/editor.js:218
     176msgid "Basic Settings"
     177msgstr ""
     178
     179#: build/editors.js:802
     180#: build/editors.js:1371
     181#: src/blocks/box/editor.js:221
     182#: src/blocks/section/editor.js:217
     183msgid "Use the Max Width"
     184msgstr ""
     185
     186#: build/editors.js:811
     187#: build/editors.js:1380
     188#: src/blocks/box/editor.js:231
     189#: src/blocks/section/editor.js:227
     190msgid "Max Width (px)"
     191msgstr ""
     192
     193#: build/editors.js:822
     194#: build/editors.js:1391
     195#: src/blocks/box/editor.js:243
     196#: src/blocks/section/editor.js:239
     197msgid "Position"
     198msgstr ""
     199
     200#: build/editors.js:832
     201#: src/blocks/box/editor.js:254
     202msgid "Round Shape (px)"
     203msgstr ""
     204
     205#: build/editors.js:843
     206#: build/editors.js:1331
     207#: src/blocks/box/editor.js:267
     208#: src/blocks/section/editor.js:172
     209msgid "Background"
     210msgstr ""
     211
     212#: build/editors.js:845
     213#: src/blocks/box/editor.js:270
     214msgid "Use the Background"
     215msgstr ""
     216
     217#: build/editors.js:853
     218#: build/editors.js:905
     219#: build/editors.js:984
     220#: build/editors.js:1333
     221#: src/blocks/box/editor.js:279
     222#: src/blocks/box/editor.js:342
     223#: src/blocks/box/editor.js:434
     224#: src/blocks/section/editor.js:173
     225msgid "Color"
     226msgstr ""
     227
     228#: build/editors.js:863
     229#: build/editors.js:915
     230#: build/editors.js:994
     231#: build/editors.js:1358
     232#: src/blocks/box/editor.js:292
     233#: src/blocks/box/editor.js:355
     234#: src/blocks/box/editor.js:447
     235#: src/blocks/section/editor.js:201
     236msgid "Opacity"
     237msgstr ""
     238
     239#: build/editors.js:874
     240#: src/blocks/box/editor.js:305
     241msgid "Border"
     242msgstr ""
     243
     244#: build/editors.js:876
     245#: src/blocks/box/editor.js:308
     246msgid "Use the Border"
     247msgstr ""
     248
     249#: build/editors.js:885
     250#: src/blocks/box/editor.js:320
     251msgid "Width"
     252msgstr ""
     253
     254#: build/editors.js:896
     255#: src/blocks/box/editor.js:332
     256msgid "Style"
     257msgstr ""
     258
     259#: build/editors.js:926
     260#: src/blocks/box/editor.js:368
     261msgid "Shadow"
     262msgstr ""
     263
     264#: build/editors.js:928
     265#: src/blocks/box/editor.js:371
     266msgid "Use the Shadow"
     267msgstr ""
     268
     269#: build/editors.js:937
     270#: src/blocks/box/editor.js:383
     271msgid "X Offset (px)"
     272msgstr ""
     273
     274#: build/editors.js:949
     275#: src/blocks/box/editor.js:396
     276msgid "Y Offset (px)"
     277msgstr ""
     278
     279#: build/editors.js:961
     280#: src/blocks/box/editor.js:409
     281msgid "Blur (px)"
     282msgstr ""
     283
     284#: build/editors.js:973
     285#: src/blocks/box/editor.js:422
     286msgid "Spread (px)"
     287msgstr ""
     288
     289#: build/editors.js:1005
     290#: build/editors.js:1369
     291#: src/blocks/box/editor.js:460
     292#: src/blocks/section/editor.js:214
     293msgid "Inner"
     294msgstr ""
     295
     296#: build/editors.js:1008
     297#: build/editors.js:1401
     298#: src/blocks/box/editor.js:464
     299#: src/blocks/section/editor.js:250
     300msgid "Padding Top (px)"
     301msgstr ""
     302
     303#: build/editors.js:1020
     304#: build/editors.js:1413
     305#: src/blocks/box/editor.js:477
     306#: src/blocks/section/editor.js:263
     307msgid "Padding Right (px)"
     308msgstr ""
     309
     310#: build/editors.js:1032
     311#: build/editors.js:1425
     312#: src/blocks/box/editor.js:490
     313#: src/blocks/section/editor.js:276
     314msgid "Padding Bottom (px)"
     315msgstr ""
     316
     317#: build/editors.js:1044
     318#: build/editors.js:1437
     319#: src/blocks/box/editor.js:503
     320#: src/blocks/section/editor.js:289
     321msgid "Padding Left (px)"
     322msgstr ""
     323
     324#: build/editors.js:1201
     325#: src/blocks/section/editor.js:28
     326msgid "Section"
     327msgstr ""
     328
     329#: build/editors.js:1202
     330#: src/blocks/section/editor.js:29
     331msgid "You can set up full-width sections and place content inside."
     332msgstr ""
     333
     334#: src/blocks/compact-box/editor.js:26
     335msgid "Compact Box"
     336msgstr ""
     337
     338#: src/blocks/compact-box/editor.js:27
     339msgid "It can be folded up to hold content. I recommend using it for storing spoilers and long asides."
     340msgstr ""
     341
     342#: src/blocks/compact-box/editor.js:84
     343msgid "Angle"
     344msgstr ""
     345
     346#: src/blocks/compact-box/editor.js:87
     347msgid "Angle Position"
     348msgstr ""

  • qroko-blocks/trunk/qroko-blocks.php

    r2398597 r2400331  
    5454  // Register Block: Section
    5555  register_block_type('qroko-blocks/section', array(
     56    'editor_style' => 'qroko-blocks-editors',
     57    'editor_script' => 'qroko-blocks-editors'
     58  ));
     59
     60  // Register Block: Box
     61  register_block_type('qroko-blocks/box', array(
    5662    'editor_style' => 'qroko-blocks-editors',
    5763    'editor_script' => 'qroko-blocks-editors'

  • qroko-blocks/trunk/readme.txt

    r2398597 r2400331  
    55Requires at least: 5.4
    66Tested up to: 5.5
    7 Stable tag: 1.1.0
     7Stable tag: 1.2.0
    88Requires PHP: 5.6
    99License: GPLv2 or later
    … …  
    2626
    2727* Section
     28* Box
    2829* Blog Card
    2930
    … …  
    40413. Section (Editor)
    41424. Section (Front)
     435. Box (Editor)
     446. Box (Front)
    4245
    4346== Changelog ==
     47
     48= 1.2.0 =
     49* Add Box Block
     50* Fix Section Block: Editor CSS
    4451
    4552= 1.1.0 =
Note: See TracChangeset for help on using the changeset viewer.