Current File : /home/inlingua/www/dev/wp-content/plugins/blockskit/build/index.js

(window.webpackJsonp_image_effects=window.webpackJsonp_image_effects||[]).push([[1],{6:function(e,t,a){}}]),function(e){function t(t){for(var r,o,c=t[0],i=t[1],s=t[2],u=0,d=[];u<c.length;u++)o=c[u],Object.prototype.hasOwnProperty.call(l,o)&&l[o]&&d.push(l[o][0]),l[o]=0;for(r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r]);for(f&&f(t);d.length;)d.shift()();return n.push.apply(n,s||[]),a()}function a(){for(var e,t=0;t<n.length;t++){for(var a=n[t],r=!0,c=1;c<a.length;c++){var i=a[c];0!==l[i]&&(r=!1)}r&&(n.splice(t--,1),e=o(o.s=a[0]))}return e}var r={},l={0:0},n=[];function o(t){if(r[t])return r[t].exports;var a=r[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,o),a.l=!0,a.exports}o.m=e,o.c=r,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 r in e)o.d(a,r,function(t){return e[t]}.bind(null,r));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="";var c=window.webpackJsonp_image_effects=window.webpackJsonp_image_effects||[],i=c.push.bind(c);c.push=t,c=c.slice();for(var s=0;s<c.length;s++)t(c[s]);var f=i;n.push([7,1]),a()}([function(e,t){e.exports=window.wp.element},function(e,t){e.exports=window.wp.i18n},function(e,t){e.exports=window.wp.components},function(e,t){e.exports=window.wp.blockEditor},function(e,t){e.exports=window.wp.blocks},function(e,t){e.exports=window.React},,function(e,t,a){"use strict";a.r(t);var r=a(1),l=a(4),n=(a(6),a(0)),o=a(5),c=a(2),i=a(3);Object(l.registerBlockType)("blockskit/image-effects",{keywords:[Object(r.__)("Image effetcs","image-effects"),Object(r.__)("image effects","image-effects")],attributes:{filter:{type:"String",default:""},mediaUrl:{type:"String",default:""},blur:{type:"String",default:""},blurVal:{type:"Number",default:0},brightness:{type:"String",default:""},brightnessVal:{type:"Number",default:0},contrast:{type:"String",default:""},contrastVal:{type:"Number",default:0},grayScale:{type:"String",default:""},grayScaleVal:{type:"Number",default:0},hueRotate:{type:"String",default:""},hueRotateVal:{type:"Number",default:0},invert:{type:"String",default:""},invertVal:{type:"Number",default:0},opacity:{type:"String",default:""},opacityVal:{type:"Number",default:0},saturate:{type:"String",default:""},saturateVal:{type:"Number",default:0},sepia:{type:"String",default:""},sepiaVal:{type:"Number",default:0},dropShadow:{type:"String",default:""},dsOffX:{type:"String",default:"0px"},dsOffXVal:{type:"Number",default:0},dsOffY:{type:"String",default:" 0px"},dsOffYVal:{type:"Number",default:0},dsBlurRad:{type:"String",default:" 0px"},dsBlurRadVal:{type:"Number",default:0},dsColor:{type:"String",default:" #000000"}},edit:function({attributes:e,setAttributes:t}){return Object(o.useEffect)(()=>{t({filter:`${e.blur}${e.brightness}${e.contrast} ${e.grayScale}${e.hueRotate}${e.invert}${e.opacity}${e.saturate}${e.sepia}${e.dropShadow}`})},[e.blur,e.brightness,e.contrast,e.grayScale,e.hueRotate,e.invert,e.opacity,e.saturate,e.sepia,e.dropShadow]),Object(n.createElement)("div",Object(i.useBlockProps)(),Object(n.createElement)("div",{style:{width:"100%"}},0<e.mediaUrl.length?Object(n.createElement)("img",{style:{filter:""+e.filter},src:e.mediaUrl}):""),0<e.mediaUrl.length?Object(n.createElement)("br",null):"",Object(n.createElement)("div",{style:{padding:"10px",width:"100%",backgroundColor:"rgba(255,255,255,1)"}},Object(n.createElement)("h5",{style:{color:"rgba(0,0,0,1)"},className:"dashicons-before dashicons-format-image"},Object(r.__)("Image Effects","image-effects")),Object(n.createElement)(i.MediaUploadCheck,null,Object(n.createElement)(i.MediaUpload,{onSelect:e=>t({mediaUrl:e.url}),allowedTypes:["image"],render:({open:e})=>Object(n.createElement)(c.Button,{style:{border:"1px solid rgba(0,0,0,1)",marginLeft:"auto",marginRight:"auto",display:"block"},onClick:e},Object(r.__)("Select Image","image-efftects"))}))),Object(n.createElement)(i.InspectorControls,null,Object(n.createElement)(c.PanelBody,null,Object(n.createElement)("h3",null," ",Object(r.__)("Select effects to apply","image-effects")," "),Object(n.createElement)(c.RangeControl,{label:Object(r.__)("Blur (px)","image-effects"),min:0,max:100,onChange:e=>{t({blur:` blur(${e}px)`}),t({blurVal:e})},value:e.blurVal}),Object(n.createElement)(c.RangeControl,{label:Object(r.__)("Brightness (%)","image-effects"),min:1,max:200,onChange:e=>{t({brightness:` brightness(${e}%)`}),t({brightnessVal:e})},value:e.brightnessVal}),Object(n.createElement)(c.RangeControl,{label:Object(r.__)("Contrast (%)","image-effects"),min:1,max:200,onChange:e=>{t({contrast:` contrast(${e}%)`}),t({contrastVal:e})},value:e.contrastVal}),Object(n.createElement)(c.RangeControl,{label:Object(r.__)("GrayScale (%)","image-effects"),min:1,max:100,onChange:e=>{t({grayScale:` grayscale(${e}%)`}),t({grayScaleVal:e})},value:e.grayScaleVal}),Object(n.createElement)(c.RangeControl,{label:Object(r.__)("Hue Rotate (deg)","image-effects"),min:1,max:360,onChange:e=>{t({hueRotate:` hue-rotate(${e}deg)`}),t({hueRotateVal:e})},value:e.hueRotateVal}),Object(n.createElement)(c.RangeControl,{label:Object(r.__)("Invert (%)","image-effects"),min:1,max:100,onChange:e=>{t({invert:` invert(${e}%)`}),t({invertVal:e})},value:e.invertVal}),Object(n.createElement)(c.RangeControl,{label:Object(r.__)("Opacity (%)","image-effects"),min:1,max:100,onChange:e=>{t({opacity:` opacity(${e}%)`}),t({opacityVal:e})},value:e.opacityVal}),Object(n.createElement)(c.RangeControl,{label:Object(r.__)("Saturate(%)","image-effects"),min:1,max:1e3,onChange:e=>{t({saturate:` saturate(${e}%)`}),t({saturateVal:e})},value:e.saturateVal}),Object(n.createElement)(c.RangeControl,{label:Object(r.__)("Sepia(%)","image-effects"),min:1,max:100,onChange:e=>{t({sepia:` sepia(${e}%)`}),t({sepiaVal:e})},value:e.sepiaVal}),Object(n.createElement)("div",{style:{paddinLeft:"10px"}},Object(n.createElement)("h5",null,Object(r.__)("Box shadow","image-effects")),Object(n.createElement)(c.RangeControl,{label:Object(r.__)("OffsetX(px)","image-effects"),min:1,max:300,onChange:a=>{t({dsOffX:a+"px"}),t({dsOffXVal:a}),t({dropShadow:` drop-shadow(${e.dsOffX}${e.dsOffY}${e.dsBlurRad}${e.dsColor})`})},value:e.dsOffXVal}),Object(n.createElement)(c.RangeControl,{label:Object(r.__)("OffsetY(px)","image-effects"),min:1,max:300,onChange:a=>{t({dsOffY:` ${a}px`}),t({dsOffYVal:a}),t({dropShadow:` drop-shadow(${e.dsOffX}${e.dsOffY}${e.dsBlurRad}${e.dsColor})`})},value:e.dsOffYVal}),Object(n.createElement)(c.RangeControl,{label:Object(r.__)("Blur Radius(px)","image-effects"),min:1,max:300,onChange:a=>{t({dsBlurRad:` ${a}px`}),t({dsBlurRadVal:a}),t({dropShadow:` drop-shadow(${e.dsOffX}${e.dsOffY}${e.dsBlurRad}${e.dsColor})`})},value:e.dsBlurRadVal}),Object(n.createElement)("i",null," ",Object(r.__)("Select shadow color","image-effects")),Object(n.createElement)(c.ColorPicker,{color:e.dsColor,onChangeComplete:a=>{t({dsColor:" "+a.hex}),t({dropShadow:` drop-shadow(${e.dsOffX}${e.dsOffY}${e.dsBlurRad}${e.dsColor})`})}})))))},save:function({attributes:e}){return Object(n.createElement)("div",i.useBlockProps.save(),0<e.mediaUrl.length?Object(n.createElement)("img",{style:{filter:""+e.filter},src:e.mediaUrl}):"")}})}]);