WordPress.org
Get WordPress

Plugin Directory

Changeset 2398597


Ignore:
Timestamp:
10/13/2020 10:09:45 AM (5 years ago)
Author:
qrac
Message:

Update to version 1.1.0 from GitHub

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

Legend:

Unmodified
Added
Removed

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

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

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

    r2397466 r2398597  
     1.qroko-blocks-section {
     2  position: relative;
     3}
     4
     5.qroko-blocks-section-background {
     6  position: absolute;
     7  top: 0;
     8  left: 50%;
     9  width: calc(100vw - 0px);
     10  width: calc(100vw - var(--scrollbar-width, 0px));
     11  height: 100%;
     12  background-color: #f2f2f2;
     13  background-color: var(
     14    --qroko-blocks-section-background-color,
     15    var(--theme-bg-2, #f2f2f2)
     16  );
     17  background-image: none;
     18  background-image: var(--qroko-blocks-section-background-image, none);
     19  background-size: cover;
     20  background-size: var(--qroko-blocks-section-background-size, cover);
     21  background-position: center;
     22  background-position: var(--qroko-blocks-section-background-position, center);
     23  opacity: 1;
     24  opacity: var(--qroko-blocks-section-background-opacity, 1);
     25  transform: translateX(-50%);
     26  z-index: 1;
     27}
     28
     29.qroko-blocks-section-inner {
     30  position: relative;
     31  max-width: none;
     32  max-width: var(--qroko-blocks-section-inner-max-width, none);
     33  margin: 0 auto;
     34  margin: var(--qroko-blocks-section-inner-margin, 0 auto);
     35  padding-top: 32px;
     36  padding-top: var(--qroko-blocks-section-inner-padding-top, 32px);
     37  padding-right: 0;
     38  padding-right: var(--qroko-blocks-section-inner-padding-right, 0);
     39  padding-bottom: 32px;
     40  padding-bottom: var(--qroko-blocks-section-inner-padding-bottom, 32px);
     41  padding-left: 0;
     42  padding-left: var(--qroko-blocks-section-inner-padding-left, 0);
     43  z-index: 2;
     44}
     45
     46.qroko-blocks-section-image-preview {
     47  height: auto;
     48  margin-bottom: 16px;
     49  padding: 0;
     50  border: 1px solid #e4e4e4;
     51  border: 1px solid var(--theme-bg-3, #e4e4e4);
     52}
     53
    154.qroko-blocks-blog-card {
    255  position: relative;

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

    r2347152 r2398597  
    1 !function(e){var t={};function o(a){if(t[a])return t[a].exports;var l=t[a]={i:a,l:!1,exports:{}};return e[a].call(l.exports,l,l.exports,o),l.l=!0,l.exports}o.m=e,o.c=t,o.d=function(e,t,a){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},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 a=Object.create(null);if(o.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var l in e)o.d(a,l,function(t){return e[t]}.bind(null,l));return a},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=8)}([function(e,t){!function(){e.exports=this.wp.element}()},function(e,t){!function(){e.exports=this.wp.components}()},function(e,t){!function(){e.exports=this.wp.i18n}()},function(e,t,o){var a;!function(){"use strict";var o={}.hasOwnProperty;function l(){for(var e=[],t=0;t<arguments.length;t++){var a=arguments[t];if(a){var n=typeof a;if("string"===n||"number"===n)e.push(a);else if(Array.isArray(a)&&a.length){var c=l.apply(null,a);c&&e.push(c)}else if("object"===n)for(var r in a)o.call(a,r)&&a[r]&&e.push(r)}}return e.join(" ")}e.exports?(l.default=l,e.exports=l):void 0===(a=function(){return l}.apply(t,[]))||(e.exports=a)}()},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){"use strict";o.r(t);var a=o(0),l=o(2),n=o(5),c=o(4),r=o(1),i=o(3),s=o.n(i),m=(o(6),[{label:Object(l.__)("Left","qroko-blocks"),value:"left"},{label:Object(l.__)("Right","qroko-blocks"),value:"right"}]),b=[{label:Object(l.__)("Cover","qroko-blocks"),value:"cover"},{label:Object(l.__)("Contain","qroko-blocks"),value:"contain"}];Object(n.registerBlockType)("qroko-blocks/blog-card",{title:Object(l.__)("Blog Card","qroko-blocks"),description:Object(l.__)("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(a.createElement)("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},Object(a.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(a.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,n=e.setAttributes,i=e.isSelected,g=function(e){var o,a=new URL(e.url).hostname,l=location.hostname,c=function(){var o=t.ogTitleCharacterCount;return(e.title?e.title.length:0)>=o?e.title.substr(0,o)+" ...":e.title};n({title:c(),description:(o=t.ogDescriptionCharacterCount,(e.description?e.description.length:0)>=o?e.description.substr(0,o)+" ...":e.description),imageID:0,imageURL:"",imageAlt:c(),ogDomain:a,ogImageURL:e.image,externalLink:a!=l})};return Object(a.createElement)("div",{className:s()(o,"qroko-blocks-blog-card")},Object(a.createElement)(c.InspectorControls,null,Object(a.createElement)(r.PanelBody,{title:Object(l.__)("Title","qroko-blocks")},Object(a.createElement)(r.BaseControl,null,Object(a.createElement)(r.TextareaControl,{value:t.title,onChange:function(e){n({title:e})}}),Object(a.createElement)(r.RangeControl,{value:t.ogTitleCharacterCount,label:Object(l.__)("Number of characters","qroko-blocks"),min:1,max:200,initialPosition:50,allowReset:!0,onChange:function(e){n({ogTitleCharacterCount:e||50})}}))),Object(a.createElement)(r.PanelBody,{title:Object(l.__)("Description","qroko-blocks")},Object(a.createElement)(r.BaseControl,null,Object(a.createElement)(r.TextareaControl,{value:t.description,onChange:function(e){n({description:e})}}),Object(a.createElement)(r.RangeControl,{value:t.ogDescriptionCharacterCount,label:Object(l.__)("Number of characters","qroko-blocks"),min:1,max:200,initialPosition:60,allowReset:!0,onChange:function(e){n({ogDescriptionCharacterCount:e||60})}}))),Object(a.createElement)(r.PanelBody,{title:Object(l.__)("Image","qroko-blocks")},Object(a.createElement)(r.BaseControl,null,Object(a.createElement)(c.MediaUpload,{onSelect:function(e){n({imageID:e.id,imageURL:e.url,imageAlt:e.alt})},type:"image",value:t.imageID,render:function(e){var o,c=e.open;return o=c,t.imageURL||t.ogImageURL?Object(a.createElement)("div",null,Object(a.createElement)(r.Button,{onClick:o,className:"qroko-blocks-blog-card-image-preview"},Object(a.createElement)("img",{src:t.imageURL?t.imageURL:t.ogImageURL?t.ogImageURL:"",alt:t.imageAlt})),Object(a.createElement)(r.Button,{onClick:function(){n({imageID:0,imageURL:"",imageAlt:"",ogImageURL:""})},className:"button"},Object(l.__)("Delete image","qroko-blocks"))):Object(a.createElement)(r.Button,{onClick:o,className:"button"},Object(l.__)("Add Image","qroko-blocks"))}})),Object(a.createElement)(r.BaseControl,null,Object(a.createElement)(r.RadioControl,{label:Object(l.__)("Image position","qroko-blocks"),selected:t.imagePosition,options:m,onChange:function(e){n({imagePosition:e})}})),Object(a.createElement)(r.BaseControl,null,Object(a.createElement)(r.RadioControl,{label:Object(l.__)("Image Fit","qroko-blocks"),selected:t.imageFit,options:b,onChange:function(e){n({imageFit:e})}})))),t.title&&Object(a.createElement)("div",{className:s()("qroko-blocks-blog-card-columns","right"===t.imagePosition?"is-reverse":"")},(t.imageURL||t.ogImageURL)&&Object(a.createElement)("div",{className:"qroko-blocks-blog-card-column is-flex-none"},Object(a.createElement)("div",{className:"qroko-blocks-blog-card-image-container"},i&&Object(a.createElement)((function(){return Object(a.createElement)("button",{className:"qroko-blocks-blog-card-delete-image-button",type:"button",onClick:function(){return n({imageID:0,imageAlt:"",imageURL:"",ogImageURL:""})}},Object(a.createElement)("svg",{className:"icon",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},Object(a.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(a.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(a.createElement)("div",{className:"qroko-blocks-blog-card-image-wrap"},Object(a.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(a.createElement)("div",{className:"qroko-blocks-blog-card-column is-padding is-flex-grow"},Object(a.createElement)("div",{className:"qroko-blocks-blog-card-meta"},t.title&&Object(a.createElement)("div",{className:"qroko-blocks-blog-card-heading"},t.title),t.description&&Object(a.createElement)("div",{className:"qroko-blocks-blog-card-description"},t.description),t.ogDomain&&Object(a.createElement)("div",{className:"qroko-blocks-blog-card-domain"},t.ogDomain)))),(i||!t.title)&&Object(a.createElement)("div",{className:"qroko-blocks-blog-card-columns is-padding is-gap is-bottom"},Object(a.createElement)("div",{className:"qroko-blocks-blog-card-column is-flex-grow"},Object(a.createElement)(r.TextControl,{label:Object(l.__)("Link URL","qroko-blocks"),value:t.url,onChange:function(e){n({url:e})},className:"is-margin-bottom-none"})),Object(a.createElement)("div",{className:"qroko-blocks-blog-card-column is-flex-none"},Object(a.createElement)(r.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){g(e[0])})).catch((function(e){console.log(e)}));var e,o},className:"button is-small"},Object(l.__)("Load","qroko-blocks")))))},save:function(e){var t=e.attributes,o=e.className;return Object(a.createElement)("div",{className:s()(o,"qroko-blocks-blog-card")},t.externalLink?Object(a.createElement)("a",{href:t.url,target:"_blank",rel:"noopener noreferrer",className:"qroko-blocks-blog-card-link"}):Object(a.createElement)("a",{href:t.url,className:"qroko-blocks-blog-card-link"}),Object(a.createElement)("div",{className:s()("qroko-blocks-blog-card-columns","right"===t.imagePosition?"is-reverse":"")},(t.imageURL||t.ogImageURL)&&Object(a.createElement)("div",{className:"qroko-blocks-blog-card-column is-flex-none"},Object(a.createElement)("div",{className:"qroko-blocks-blog-card-image-container"},Object(a.createElement)("div",{className:"qroko-blocks-blog-card-image-wrap"},Object(a.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(a.createElement)("div",{className:"qroko-blocks-blog-card-column is-padding is-flex-grow"},Object(a.createElement)("div",{className:"qroko-blocks-blog-card-meta"},t.title&&Object(a.createElement)("div",{className:"qroko-blocks-blog-card-heading"},t.title),t.description&&Object(a.createElement)("div",{className:"qroko-blocks-blog-card-description"},t.description),t.ogDomain&&Object(a.createElement)("div",{className:"qroko-blocks-blog-card-domain"},t.ogDomain)))))}})}]);
     1!function(e){var t={};function o(n){if(t[n])return t[n].exports;var a=t[n]={i:n,l:!1,exports:{}};return e[n].call(a.exports,a,a.exports,o),a.l=!0,a.exports}o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)o.d(n,a,function(t){return e[t]}.bind(null,a));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=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)))))}})}]);

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

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

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

    r2397466 r2398597  
     1.qroko-blocks-section {
     2  position: relative;
     3}
     4
     5.qroko-blocks-section-background {
     6  position: absolute;
     7  top: 0;
     8  left: 50%;
     9  width: calc(100vw - 0px);
     10  width: calc(100vw - var(--scrollbar-width, 0px));
     11  height: 100%;
     12  background-color: #f2f2f2;
     13  background-color: var(
     14    --qroko-blocks-section-background-color,
     15    var(--theme-bg-2, #f2f2f2)
     16  );
     17  background-image: none;
     18  background-image: var(--qroko-blocks-section-background-image, none);
     19  background-size: cover;
     20  background-size: var(--qroko-blocks-section-background-size, cover);
     21  background-position: center;
     22  background-position: var(--qroko-blocks-section-background-position, center);
     23  opacity: 1;
     24  opacity: var(--qroko-blocks-section-background-opacity, 1);
     25  transform: translateX(-50%);
     26  z-index: 1;
     27}
     28
     29.qroko-blocks-section-inner {
     30  position: relative;
     31  max-width: none;
     32  max-width: var(--qroko-blocks-section-inner-max-width, none);
     33  margin: 0 auto;
     34  margin: var(--qroko-blocks-section-inner-margin, 0 auto);
     35  padding-top: 32px;
     36  padding-top: var(--qroko-blocks-section-inner-padding-top, 32px);
     37  padding-right: 0;
     38  padding-right: var(--qroko-blocks-section-inner-padding-right, 0);
     39  padding-bottom: 32px;
     40  padding-bottom: var(--qroko-blocks-section-inner-padding-bottom, 32px);
     41  padding-left: 0;
     42  padding-left: var(--qroko-blocks-section-inner-padding-left, 0);
     43  z-index: 2;
     44}
     45
    146.qroko-blocks-blog-card {
    247  position: relative;

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

    r2337723 r2398597  
    1 !function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=9)}({7:function(e,t,r){},9:function(e,t,r){"use strict";r.r(t);r(7)}});
     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){}});

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

    r2397466 r2398597  
    66 * Author: qrac
    77 * Author URI: https://qrac.jp/
    8  * Version: 1.0.6
     8 * Version: 1.1.0
    99 * Text Domain: qroko-blocks
    1010 * Domain Path: /languages
    … …  
    5151    $editors_asset_file['version']
    5252  );
     53
     54  // Register Block: Section
     55  register_block_type('qroko-blocks/section', array(
     56    'editor_style' => 'qroko-blocks-editors',
     57    'editor_script' => 'qroko-blocks-editors'
     58  ));
    5359
    5460  // Register Block: Blog Card

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

    r2397466 r2398597  
    55Requires at least: 5.4
    66Tested up to: 5.5
    7 Stable tag: 1.0.6
     7Stable tag: 1.1.0
    88Requires PHP: 5.6
    99License: GPLv2 or later
    … …  
    2525== Detail ==
    2626
     27* Section
    2728* Blog Card
    2829
    … …  
    37381. Blog Card (Editor)
    38392. Blog Card (Front)
     403. Section (Editor)
     414. Section (Front)
    3942
    4043== Changelog ==
     44
     45= 1.1.0 =
     46* Add Section Block
    4147
    4248= 1.0.6 =

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

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

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

    r2397466 r2398597  
     1.qroko-blocks-section {
     2  position: relative;
     3}
     4
     5.qroko-blocks-section-background {
     6  position: absolute;
     7  top: 0;
     8  left: 50%;
     9  width: calc(100vw - 0px);
     10  width: calc(100vw - var(--scrollbar-width, 0px));
     11  height: 100%;
     12  background-color: #f2f2f2;
     13  background-color: var(
     14    --qroko-blocks-section-background-color,
     15    var(--theme-bg-2, #f2f2f2)
     16  );
     17  background-image: none;
     18  background-image: var(--qroko-blocks-section-background-image, none);
     19  background-size: cover;
     20  background-size: var(--qroko-blocks-section-background-size, cover);
     21  background-position: center;
     22  background-position: var(--qroko-blocks-section-background-position, center);
     23  opacity: 1;
     24  opacity: var(--qroko-blocks-section-background-opacity, 1);
     25  transform: translateX(-50%);
     26  z-index: 1;
     27}
     28
     29.qroko-blocks-section-inner {
     30  position: relative;
     31  max-width: none;
     32  max-width: var(--qroko-blocks-section-inner-max-width, none);
     33  margin: 0 auto;
     34  margin: var(--qroko-blocks-section-inner-margin, 0 auto);
     35  padding-top: 32px;
     36  padding-top: var(--qroko-blocks-section-inner-padding-top, 32px);
     37  padding-right: 0;
     38  padding-right: var(--qroko-blocks-section-inner-padding-right, 0);
     39  padding-bottom: 32px;
     40  padding-bottom: var(--qroko-blocks-section-inner-padding-bottom, 32px);
     41  padding-left: 0;
     42  padding-left: var(--qroko-blocks-section-inner-padding-left, 0);
     43  z-index: 2;
     44}
     45
     46.qroko-blocks-section-image-preview {
     47  height: auto;
     48  margin-bottom: 16px;
     49  padding: 0;
     50  border: 1px solid #e4e4e4;
     51  border: 1px solid var(--theme-bg-3, #e4e4e4);
     52}
     53
    154.qroko-blocks-blog-card {
    255  position: relative;

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

    r2347152 r2398597  
    1 !function(e){var t={};function o(a){if(t[a])return t[a].exports;var l=t[a]={i:a,l:!1,exports:{}};return e[a].call(l.exports,l,l.exports,o),l.l=!0,l.exports}o.m=e,o.c=t,o.d=function(e,t,a){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},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 a=Object.create(null);if(o.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var l in e)o.d(a,l,function(t){return e[t]}.bind(null,l));return a},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=8)}([function(e,t){!function(){e.exports=this.wp.element}()},function(e,t){!function(){e.exports=this.wp.components}()},function(e,t){!function(){e.exports=this.wp.i18n}()},function(e,t,o){var a;!function(){"use strict";var o={}.hasOwnProperty;function l(){for(var e=[],t=0;t<arguments.length;t++){var a=arguments[t];if(a){var n=typeof a;if("string"===n||"number"===n)e.push(a);else if(Array.isArray(a)&&a.length){var c=l.apply(null,a);c&&e.push(c)}else if("object"===n)for(var r in a)o.call(a,r)&&a[r]&&e.push(r)}}return e.join(" ")}e.exports?(l.default=l,e.exports=l):void 0===(a=function(){return l}.apply(t,[]))||(e.exports=a)}()},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){"use strict";o.r(t);var a=o(0),l=o(2),n=o(5),c=o(4),r=o(1),i=o(3),s=o.n(i),m=(o(6),[{label:Object(l.__)("Left","qroko-blocks"),value:"left"},{label:Object(l.__)("Right","qroko-blocks"),value:"right"}]),b=[{label:Object(l.__)("Cover","qroko-blocks"),value:"cover"},{label:Object(l.__)("Contain","qroko-blocks"),value:"contain"}];Object(n.registerBlockType)("qroko-blocks/blog-card",{title:Object(l.__)("Blog Card","qroko-blocks"),description:Object(l.__)("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(a.createElement)("svg",{viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},Object(a.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(a.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,n=e.setAttributes,i=e.isSelected,g=function(e){var o,a=new URL(e.url).hostname,l=location.hostname,c=function(){var o=t.ogTitleCharacterCount;return(e.title?e.title.length:0)>=o?e.title.substr(0,o)+" ...":e.title};n({title:c(),description:(o=t.ogDescriptionCharacterCount,(e.description?e.description.length:0)>=o?e.description.substr(0,o)+" ...":e.description),imageID:0,imageURL:"",imageAlt:c(),ogDomain:a,ogImageURL:e.image,externalLink:a!=l})};return Object(a.createElement)("div",{className:s()(o,"qroko-blocks-blog-card")},Object(a.createElement)(c.InspectorControls,null,Object(a.createElement)(r.PanelBody,{title:Object(l.__)("Title","qroko-blocks")},Object(a.createElement)(r.BaseControl,null,Object(a.createElement)(r.TextareaControl,{value:t.title,onChange:function(e){n({title:e})}}),Object(a.createElement)(r.RangeControl,{value:t.ogTitleCharacterCount,label:Object(l.__)("Number of characters","qroko-blocks"),min:1,max:200,initialPosition:50,allowReset:!0,onChange:function(e){n({ogTitleCharacterCount:e||50})}}))),Object(a.createElement)(r.PanelBody,{title:Object(l.__)("Description","qroko-blocks")},Object(a.createElement)(r.BaseControl,null,Object(a.createElement)(r.TextareaControl,{value:t.description,onChange:function(e){n({description:e})}}),Object(a.createElement)(r.RangeControl,{value:t.ogDescriptionCharacterCount,label:Object(l.__)("Number of characters","qroko-blocks"),min:1,max:200,initialPosition:60,allowReset:!0,onChange:function(e){n({ogDescriptionCharacterCount:e||60})}}))),Object(a.createElement)(r.PanelBody,{title:Object(l.__)("Image","qroko-blocks")},Object(a.createElement)(r.BaseControl,null,Object(a.createElement)(c.MediaUpload,{onSelect:function(e){n({imageID:e.id,imageURL:e.url,imageAlt:e.alt})},type:"image",value:t.imageID,render:function(e){var o,c=e.open;return o=c,t.imageURL||t.ogImageURL?Object(a.createElement)("div",null,Object(a.createElement)(r.Button,{onClick:o,className:"qroko-blocks-blog-card-image-preview"},Object(a.createElement)("img",{src:t.imageURL?t.imageURL:t.ogImageURL?t.ogImageURL:"",alt:t.imageAlt})),Object(a.createElement)(r.Button,{onClick:function(){n({imageID:0,imageURL:"",imageAlt:"",ogImageURL:""})},className:"button"},Object(l.__)("Delete image","qroko-blocks"))):Object(a.createElement)(r.Button,{onClick:o,className:"button"},Object(l.__)("Add Image","qroko-blocks"))}})),Object(a.createElement)(r.BaseControl,null,Object(a.createElement)(r.RadioControl,{label:Object(l.__)("Image position","qroko-blocks"),selected:t.imagePosition,options:m,onChange:function(e){n({imagePosition:e})}})),Object(a.createElement)(r.BaseControl,null,Object(a.createElement)(r.RadioControl,{label:Object(l.__)("Image Fit","qroko-blocks"),selected:t.imageFit,options:b,onChange:function(e){n({imageFit:e})}})))),t.title&&Object(a.createElement)("div",{className:s()("qroko-blocks-blog-card-columns","right"===t.imagePosition?"is-reverse":"")},(t.imageURL||t.ogImageURL)&&Object(a.createElement)("div",{className:"qroko-blocks-blog-card-column is-flex-none"},Object(a.createElement)("div",{className:"qroko-blocks-blog-card-image-container"},i&&Object(a.createElement)((function(){return Object(a.createElement)("button",{className:"qroko-blocks-blog-card-delete-image-button",type:"button",onClick:function(){return n({imageID:0,imageAlt:"",imageURL:"",ogImageURL:""})}},Object(a.createElement)("svg",{className:"icon",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},Object(a.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(a.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(a.createElement)("div",{className:"qroko-blocks-blog-card-image-wrap"},Object(a.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(a.createElement)("div",{className:"qroko-blocks-blog-card-column is-padding is-flex-grow"},Object(a.createElement)("div",{className:"qroko-blocks-blog-card-meta"},t.title&&Object(a.createElement)("div",{className:"qroko-blocks-blog-card-heading"},t.title),t.description&&Object(a.createElement)("div",{className:"qroko-blocks-blog-card-description"},t.description),t.ogDomain&&Object(a.createElement)("div",{className:"qroko-blocks-blog-card-domain"},t.ogDomain)))),(i||!t.title)&&Object(a.createElement)("div",{className:"qroko-blocks-blog-card-columns is-padding is-gap is-bottom"},Object(a.createElement)("div",{className:"qroko-blocks-blog-card-column is-flex-grow"},Object(a.createElement)(r.TextControl,{label:Object(l.__)("Link URL","qroko-blocks"),value:t.url,onChange:function(e){n({url:e})},className:"is-margin-bottom-none"})),Object(a.createElement)("div",{className:"qroko-blocks-blog-card-column is-flex-none"},Object(a.createElement)(r.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){g(e[0])})).catch((function(e){console.log(e)}));var e,o},className:"button is-small"},Object(l.__)("Load","qroko-blocks")))))},save:function(e){var t=e.attributes,o=e.className;return Object(a.createElement)("div",{className:s()(o,"qroko-blocks-blog-card")},t.externalLink?Object(a.createElement)("a",{href:t.url,target:"_blank",rel:"noopener noreferrer",className:"qroko-blocks-blog-card-link"}):Object(a.createElement)("a",{href:t.url,className:"qroko-blocks-blog-card-link"}),Object(a.createElement)("div",{className:s()("qroko-blocks-blog-card-columns","right"===t.imagePosition?"is-reverse":"")},(t.imageURL||t.ogImageURL)&&Object(a.createElement)("div",{className:"qroko-blocks-blog-card-column is-flex-none"},Object(a.createElement)("div",{className:"qroko-blocks-blog-card-image-container"},Object(a.createElement)("div",{className:"qroko-blocks-blog-card-image-wrap"},Object(a.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(a.createElement)("div",{className:"qroko-blocks-blog-card-column is-padding is-flex-grow"},Object(a.createElement)("div",{className:"qroko-blocks-blog-card-meta"},t.title&&Object(a.createElement)("div",{className:"qroko-blocks-blog-card-heading"},t.title),t.description&&Object(a.createElement)("div",{className:"qroko-blocks-blog-card-description"},t.description),t.ogDomain&&Object(a.createElement)("div",{className:"qroko-blocks-blog-card-domain"},t.ogDomain)))))}})}]);
     1!function(e){var t={};function o(n){if(t[n])return t[n].exports;var a=t[n]={i:n,l:!1,exports:{}};return e[n].call(a.exports,a,a.exports,o),a.l=!0,a.exports}o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)o.d(n,a,function(t){return e[t]}.bind(null,a));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=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)))))}})}]);

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

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

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

    r2397466 r2398597  
     1.qroko-blocks-section {
     2  position: relative;
     3}
     4
     5.qroko-blocks-section-background {
     6  position: absolute;
     7  top: 0;
     8  left: 50%;
     9  width: calc(100vw - 0px);
     10  width: calc(100vw - var(--scrollbar-width, 0px));
     11  height: 100%;
     12  background-color: #f2f2f2;
     13  background-color: var(
     14    --qroko-blocks-section-background-color,
     15    var(--theme-bg-2, #f2f2f2)
     16  );
     17  background-image: none;
     18  background-image: var(--qroko-blocks-section-background-image, none);
     19  background-size: cover;
     20  background-size: var(--qroko-blocks-section-background-size, cover);
     21  background-position: center;
     22  background-position: var(--qroko-blocks-section-background-position, center);
     23  opacity: 1;
     24  opacity: var(--qroko-blocks-section-background-opacity, 1);
     25  transform: translateX(-50%);
     26  z-index: 1;
     27}
     28
     29.qroko-blocks-section-inner {
     30  position: relative;
     31  max-width: none;
     32  max-width: var(--qroko-blocks-section-inner-max-width, none);
     33  margin: 0 auto;
     34  margin: var(--qroko-blocks-section-inner-margin, 0 auto);
     35  padding-top: 32px;
     36  padding-top: var(--qroko-blocks-section-inner-padding-top, 32px);
     37  padding-right: 0;
     38  padding-right: var(--qroko-blocks-section-inner-padding-right, 0);
     39  padding-bottom: 32px;
     40  padding-bottom: var(--qroko-blocks-section-inner-padding-bottom, 32px);
     41  padding-left: 0;
     42  padding-left: var(--qroko-blocks-section-inner-padding-left, 0);
     43  z-index: 2;
     44}
     45
    146.qroko-blocks-blog-card {
    247  position: relative;

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

    r2337723 r2398597  
    1 !function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=9)}({7:function(e,t,r){},9:function(e,t,r){"use strict";r.r(t);r(7)}});
     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){}});

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

    r2397466 r2398597  
    66 * Author: qrac
    77 * Author URI: https://qrac.jp/
    8  * Version: 1.0.6
     8 * Version: 1.1.0
    99 * Text Domain: qroko-blocks
    1010 * Domain Path: /languages
    … …  
    5151    $editors_asset_file['version']
    5252  );
     53
     54  // Register Block: Section
     55  register_block_type('qroko-blocks/section', array(
     56    'editor_style' => 'qroko-blocks-editors',
     57    'editor_script' => 'qroko-blocks-editors'
     58  ));
    5359
    5460  // Register Block: Blog Card

  • qroko-blocks/trunk/readme.txt

    r2397466 r2398597  
    55Requires at least: 5.4
    66Tested up to: 5.5
    7 Stable tag: 1.0.6
     7Stable tag: 1.1.0
    88Requires PHP: 5.6
    99License: GPLv2 or later
    … …  
    2525== Detail ==
    2626
     27* Section
    2728* Blog Card
    2829
    … …  
    37381. Blog Card (Editor)
    38392. Blog Card (Front)
     403. Section (Editor)
     414. Section (Front)
    3942
    4043== Changelog ==
     44
     45= 1.1.0 =
     46* Add Section Block
    4147
    4248= 1.0.6 =
Note: See TracChangeset for help on using the changeset viewer.