Context Navigation

← Previous Changeset
Next Changeset →

Changeset 1972205

Timestamp:

11/10/2018 04:06:04 PM (7 years ago)

Author:

kkikuchi1220

Message:

ver1.4

Location:

ultimate-gutenberg

Files:

: 2454 added
: 5 edited

Legend:

: Unmodified
: Added
: Removed

ultimate-gutenberg/trunk/README.txt

-                      r1971600
+                      r1972205
 Requires at least: 4.9.8
 Tested up to: 4.9.8
 Stable tag: 1.3.2
+Stable tag: 1.4
 License: GPLv2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 …
 : Ug Button
 : Ug Code
+:Ug Click to Tweet
+: Ug Click to Tweet
+: Ug Spacer
+: Ug Divider
 == Installation ==
 …
 == Changelog ==
+= 1.4 =
+* Add a new block of 'Divider' block.
+* Add a new block of 'Spacer' block.
 = 1.3.2 =
 * Update Font Awesome Version from 5.4.2 to 5.0
 …
 == Upgrade Notice ==
+= 1.4 =
+* Add a new block of 'Divider' block.
+* Add a new block of 'Spacer' block.
 = 1.3.2 =
 * Update Font Awesome Version from 5.4.2 to 5.0

ultimate-gutenberg/trunk/dist/blocks.build.js

r1971600	r1972205
1		"use strict";var __=wp.i18n.__,Component=(_wp$element=wp.element).Component,Fragment=_wp$element.Fragment,registerBlockType=(_wp$blocks=wp.blocks).registerBlockType,createBlock=_wp$blocks.createBlock,InspectorControls=(_wp$editor=wp.editor).InspectorControls,BlockControls=_wp$editor.BlockControls,ColorPalette=_wp$editor.ColorPalette,URLInput=_wp$editor.URLInput,RichText=_wp$editor.RichText,AlignmentToolbar=_wp$editor.AlignmentToolbar,BlockAlignmentToolbar=_wp$editor.BlockAlignmentToolbar,MediaUpload=_wp$editor.MediaUpload,PanelColorSettings=_wp$editor.PanelColorSettings,RangeControl=(_wp$components=wp.components).RangeControl,PanelBody=_wp$components.PanelBody,TextControl=_wp$components.TextControl,SelectControl=_wp$components.SelectControl,IconButton=_wp$components.IconButton,Toolbar=_wp$components.Toolbar,Dashicon=_wp$components.Dashicon,Button=_wp$components.Button,ButtonGroup=_wp$components.ButtonGroup,ToggleControl=_wp$components.ToggleControl,FormToggle=_wp$components.FormToggle,FontSizePicker=_wp$components.FontSizePicker,withState=wp.compose.withState;registerBlockType("ug/button-block",{title:__("Ug Button"),icon:"arrow-down",category:"ug-block",keywords:[__("Buttons"),__("Button"),__("Ultimate Gutenberg")],attributes:{id:{type:"string"},pattern:{type:"string",default:"1"},textSize:{type:"number",default:"16"},buttonText:{type:"children",selector:".ug-button-text",default:"Button Text"},align:{type:"string",default:"center"},marginTop:{type:"string",default:"0"},marginBottom:{type:"string",default:"20"},url:{type:"string",source:"attribute",selector:"a",attribute:"href"},urlOpenNewTab:{type:"boolean",default:"false"},borderStyle:{type:"string",default:"solid"},borderSize:{type:"number",default:"3"},borderRadius:{type:"number",default:"0"},paddingLeftRight:{type:"number",default:"20"},paddingTopBottom:{type:"number",default:"10"},textColor:{type:"string",default:"#545454"},bgColor:{type:"string",default:"#545454"}},edit:withState({editable:"content"})(function(t){var e=t.isSelected,o=(t.editable,t.setState),n=t.clientId,l=function(e){return function(){o({editable:e})}},a=t.attributes,r=a.id,i=a.pattern,c=a.buttonText,u=a.align,s=a.url,g=a.urlOpenNewTab,d=a.textSize,b=a.marginTop,m=a.marginBottom,p=a.borderRadius,_=a.paddingLeftRight,C=a.paddingTopBottom,x=a.textColor,R=a.bgColor;return r\|\|t.setAttributes({id:n}),[e&&React.createElement(BlockControls,null,React.createElement(BlockAlignmentToolbar,{value:u,onChange:function(e){return t.setAttributes({align:e})},controls:["left","center","right"]})),e&&React.createElement(InspectorControls,null,React.createElement(PanelBody,null,React.createElement(SelectControl,{label:__("Select Pattern"),value:i,onChange:function(e){t.setAttributes({pattern:e})},help:__("You can change template pattern here. If you want to know more about type of templates, please view Document on website."),options:[{value:"1",label:"Pattern 1"},{value:"2",label:"Pattern 2"},{value:"3",label:"Pattern 3"}]})),React.createElement(PanelBody,{title:__("Text Size")},React.createElement(RangeControl,{label:__("Text Size"),value:d,onChange:function(e){return t.setAttributes({textSize:e})},min:0,max:100,step:1})),React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),value:b,onChange:function(e){return t.setAttributes({marginTop:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),value:m,onChange:function(e){return t.setAttributes({marginBottom:e})},min:0,max:100,step:1})),React.createElement(PanelBody,{title:__("Link Setting")},React.createElement(ToggleControl,{label:__("Open link in new window"),checked:g,onChange:function(){return t.setAttributes({urlOpenNewTab:!g})}})),"1"===i&&React.createElement(PanelBody,{title:__("Border")},React.createElement(RangeControl,{label:__("Border Radius"),value:p,onChange:function(e){return t.setAttributes({borderRadius:e})},min:0,max:20,step:1})),"1"===i&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:_,onChange:function(e){return t.setAttributes({paddingLeftRight:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:C,onChange:function(e){return t.setAttributes({paddingTopBottom:e})},min:0,max:100,step:1})),"1"===i&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:R,onChange:function(e){return t.setAttributes({bgColor:e})},label:__("Background Color")}]}),"2"===i&&React.createElement(PanelBody,{title:__("Border")},React.createElement(RangeControl,{label:__("Border Radius"),value:p,onChange:function(e){return t.setAttributes({borderRadius:e})},min:0,max:20,step:1})),"2"===i&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:_,onChange:function(e){return t.setAttributes({paddingLeftRight:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:C,onChange:function(e){return t.setAttributes({paddingTopBottom:e})},min:0,max:100,step:1})),"2"===i&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:R,onChange:function(e){return t.setAttributes({bgColor:e})},label:__("Background Color")}]}),"2"===i&&React.createElement(PanelBody,{title:__("Border")},React.createElement(RangeControl,{label:__("Border Radius"),value:p,onChange:function(e){return t.setAttributes({borderRadius:e})},min:0,max:20,step:1})),"2"===i&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:_,onChange:function(e){return t.setAttributes({paddingLeftRight:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:C,onChange:function(e){return t.setAttributes({paddingTopBottom:e})},min:0,max:100,step:1})),"3"===i&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:x,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")}]})),"1"==i&&React.createElement("div",{key:"editable"},React.createElement("div",{className:"wp-block-ug-button-block-1 ug-button-common ug-button-container align-button-"+u},React.createElement("style",null,".ug-button-block-1-"+r+" {\n margin-top: "+b+"px;\n margin-bottom: "+m+"px;\n background-color: "+R+";\n font-size: "+d+"px !important;\n border-radius: "+p+"px;\n padding: "+C+"px "+_+"px !important;\n }"),React.createElement(RichText,{tagName:"p",placeholder:__("Button Text"),className:"ug-button-text ug-button-block-1-"+r,onChange:function(e){return t.setAttributes({buttonText:e})},value:c,formattingControls:["bold","italic"],onFocus:l("button_text"),keepPlaceholderOnFocus:!0})),React.createElement("div",{className:"ug_button_url_input"},focus&&React.createElement("form",{key:"form-link",onSubmit:function(e){return e.preventDefault()},className:"editor-format-toolbar__link-modal-line ug_button_input_box"},React.createElement(Dashicon,{icon:"admin-links"}),React.createElement(URLInput,{className:"button-url",value:s,onChange:function(e){return t.setAttributes({url:e})}}),React.createElement(IconButton,{icon:"editor-break",label:__("Apply"),type:"submit"})))),"2"==i&&React.createElement("div",{key:"editable"},React.createElement("div",{className:"wp-block-ug-button-block-2 ug-button-common ug-button-container align-button-"+u},React.createElement("style",null,".ug-button-block-2-"+r+" {\n margin-top: "+b+"px;\n margin-bottom: "+m+"px;\n background-color: "+R+";\n font-size: "+d+"px !important;\n border-radius: "+p+"px;\n padding: "+C+"px "+_+"px !important;\n }"),React.createElement(RichText,{tagName:"p",placeholder:__("Button Text"),className:"ug-button-text ug-button-block-2-"+r,onChange:function(e){return t.setAttributes({buttonText:e})},value:c,formattingControls:["bold","italic"],onFocus:l("button_text"),keepPlaceholderOnFocus:!0})),React.createElement("div",{className:"ug_button_url_input"},focus&&React.createElement("form",{key:"form-link",onSubmit:function(e){return e.preventDefault()},className:"editor-format-toolbar__link-modal-line ug_button_input_box"},React.createElement(Dashicon,{icon:"admin-links"}),React.createElement(URLInput,{className:"button-url",value:s,onChange:function(e){return t.setAttributes({url:e})}}),React.createElement(IconButton,{icon:"editor-break",label:__("Apply"),type:"submit"})))),"3"==i&&React.createElement("div",{key:"editable"},React.createElement("div",{className:"wp-block-ug-button-block-3 ug-button-common ug-button-container align-button-"+u},React.createElement("style",null,".ug-button-block-3-"+r+" {\n margin-top: "+b+"px;\n margin-bottom: "+m+"px;\n color: "+x+";\n background-color: #ececec;\n font-size: "+d+"px !important;\n border-radius: "+p+"px;\n padding: "+C+"px "+_+"px !important;\n }",".ug-button-block-3-"+r+":hover {\n background-color: "+x+";\n color: #ffffff;\n }"),React.createElement(RichText,{tagName:"p",placeholder:__("Button Text"),className:"ug-button-text ug-button-block-3-"+r,onChange:function(e){return t.setAttributes({buttonText:e})},value:c,formattingControls:["bold","italic"],onFocus:l("button_text"),keepPlaceholderOnFocus:!0})),React.createElement("div",{className:"ug_button_url_input"},focus&&React.createElement("form",{key:"form-link",onSubmit:function(e){return e.preventDefault()},className:"editor-format-toolbar__link-modal-line ug_button_input_box"},React.createElement(Dashicon,{icon:"admin-links"}),React.createElement(URLInput,{className:"button-url",value:s,onChange:function(e){return t.setAttributes({url:e})}}),React.createElement(IconButton,{icon:"editor-break",label:__("Apply"),type:"submit"}))))]}),save:function(e){var t=e.attributes,o=t.id,n=t.pattern,l=t.buttonText,a=t.align,r=t.url,i=t.urlOpenNewTab,c=t.textSize,u=t.marginTop,s=t.marginBottom,g=t.borderRadius,d=t.paddingLeftRight,b=t.paddingTopBottom,m=t.textColor,p=t.bgColor;return"1"==n?React.createElement("div",{className:"ug-button-common wp-block-ug-button-block-1 ug-button-container align-button-"+a},React.createElement("style",null,".ug-button-block-1-"+o+" {\n margin-top: "+u+"px;\n margin-bottom: "+s+"px;\n background-color: "+p+";\n font-size: "+c+"px !important;\n border-radius: "+g+"px;\n padding: "+b+"px "+d+"px !important;\n }"),React.createElement("a",{href:r,target:i?"_blank":"_self",className:"ug-button-text ug-button-block-1-"+o},l)):"2"==n?React.createElement("div",{className:"ug-button-common wp-block-ug-button-block-2 ug-button-container align-button-"+a},React.createElement("style",null,".ug-button-block-2-"+o+" {\n margin-top: "+u+"px;\n margin-bottom: "+s+"px;\n background-color: "+p+";\n font-size: "+c+"px !important;\n border-radius: "+g+"px;\n padding: "+b+"px "+d+"px !important;\n }"),React.createElement("a",{href:r,target:i?"_blank":"_self",className:"ug-button-text ug-button-block-2-"+o},l)):"3"==n?React.createElement("div",{className:"ug-button-common wp-block-ug-button-block-3 ug-button-container align-button-"+a},React.createElement("style",null,".ug-button-block-3-"+o+" {\n margin-top: "+u+"px;\n margin-bottom: "+s+"px;\n color: "+m+";\n background-color: #ececec;\n font-size: "+c+"px !important;\n border-radius: "+g+"px;\n padding: "+b+"px "+d+"px !important;\n }",".ug-button-block-3-"+o+":hover {\n background-color: "+m+";\n color: #ffffff;\n }"),React.createElement("a",{href:r,target:i?"_blank":"_self",className:"ug-button-text ug-button-block-3-"+o},React.createElement("i",{className:"fas fa-caret-right"}),l)):void 0}});__=wp.i18n.__,Component=(_wp$element=wp.element).Component,Fragment=_wp$element.Fragment,registerBlockType=(_wp$blocks=wp.blocks).registerBlockType,createBlock=_wp$blocks.createBlock,InspectorControls=(_wp$editor=wp.editor).InspectorControls,BlockControls=_wp$editor.BlockControls,ColorPalette=_wp$editor.ColorPalette,URLInput=_wp$editor.URLInput,RichText=_wp$editor.RichText,AlignmentToolbar=_wp$editor.AlignmentToolbar,BlockAlignmentToolbar=_wp$editor.BlockAlignmentToolbar,MediaUpload=_wp$editor.MediaUpload,PanelColorSettings=_wp$editor.PanelColorSettings,RangeControl=(_wp$components=wp.components).RangeControl,PanelBody=_wp$components.PanelBody,TextControl=_wp$components.TextControl,SelectControl=_wp$components.SelectControl,IconButton=_wp$components.IconButton,Toolbar=_wp$components.Toolbar,Dashicon=_wp$components.Dashicon,Button=_wp$components.Button,ButtonGroup=_wp$components.ButtonGroup,ToggleControl=_wp$components.ToggleControl,FormToggle=_wp$components.FormToggle,FontSizePicker=_wp$components.FontSizePicker,withState=wp.compose.withState;registerBlockType("ug/heading-block",{title:__("Ug Heading"),icon:"editor-bold",category:"ug-block",keywords:[__("Heading"),__("Headings"),__("Ultimate Gutenberg")],attributes:{pattern:{type:"string",default:"1"},headingText:{type:"children",selector:".ug-heading-text"},textSize:{type:"number",default:"24"},headingTag:{type:"string",default:"h2"},marginTop:{type:"string",default:"0"},marginBottom:{type:"string",default:"20"},borderStyle:{type:"string",default:"solid"},borderSize:{type:"number",default:"3"},paddingLeftRight:{type:"number",default:"20"},paddingTopBottom:{type:"number",default:"10"},textColor:{type:"string",default:"#545454"},bgColor:{type:"string",default:"#f5f5f5"},borderColor:{type:"string",default:"#545454"},paddingLeftRight_0:{type:"number",default:"0"},paddingTopBottom_0:{type:"number",default:"0"},bgColor_0:{type:"string",default:"#ffffff"}},edit:withState({editable:"content"})(function(t){var e=t.isSelected,o=(t.editable,t.setState,t.attributes),n=o.pattern,l=o.headingText,a=o.align,r=o.textSize,i=o.headingTag,c=o.marginTop,u=o.marginBottom,s=o.borderStyle,g=o.borderSize,d=o.paddingLeftRight,b=o.paddingTopBottom,m=o.textColor,p=o.bgColor,_=o.borderColor,C=o.paddingLeftRight_0,x=o.paddingTopBottom_0,R=o.bgColor_0;return[e&&React.createElement(BlockControls,null,React.createElement(AlignmentToolbar,{value:a,onChange:function(e){return t.setAttributes({align:e})},controls:["left","center","right"]})),e&&React.createElement(InspectorControls,null,React.createElement(PanelBody,null,React.createElement(SelectControl,{label:__("Select Pattern"),value:n,onChange:function(e){t.setAttributes({pattern:e})},help:__("You can change the heading template pattern here. If you want to know more about type of templates, please view Document on website."),options:[{value:"0",label:"Pattern 0"},{value:"1",label:"Pattern 1"},{value:"2",label:"Pattern 2"},{value:"3",label:"Pattern 3"}]})),React.createElement(PanelBody,{title:__("Heading Tag")},React.createElement(ButtonGroup,{"aria-label":__("Heading Tag")},React.createElement(Button,{isLarge:!0,isPrimary:"h1"===i,"aria-pressed":"h1"===i,onClick:function(){return t.setAttributes({headingTag:"h1"})}},"H1"),React.createElement(Button,{isLarge:!0,isPrimary:"h2"===i,"aria-pressed":"h2"===i,onClick:function(){return t.setAttributes({headingTag:"h2"})}},"H2"),React.createElement(Button,{isLarge:!0,isPrimary:"h3"===i,"aria-pressed":"h3"===i,onClick:function(){return t.setAttributes({headingTag:"h3"})}},"H3"),React.createElement(Button,{isLarge:!0,isPrimary:"h4"===i,"aria-pressed":"h4"===i,onClick:function(){return t.setAttributes({headingTag:"h4"})}},"H4"),React.createElement(Button,{isLarge:!0,isPrimary:"h5"===i,"aria-pressed":"h5"===i,onClick:function(){return t.setAttributes({headingTag:"h5"})}},"H5"),React.createElement(Button,{isLarge:!0,isPrimary:"h6"===i,"aria-pressed":"h6"===i,onClick:function(){return t.setAttributes({headingTag:"h6"})}},"H6"))),React.createElement(PanelBody,{title:__("Text Size")},React.createElement(RangeControl,{label:__("Text Size"),value:r,onChange:function(e){return t.setAttributes({textSize:e})},min:0,max:100,step:1})),React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),value:c,onChange:function(e){return t.setAttributes({marginTop:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),value:u,onChange:function(e){return t.setAttributes({marginBottom:e})},min:0,max:100,step:1})),"0"===n&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:C,onChange:function(e){return t.setAttributes({paddingLeftRight_0:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:x,onChange:function(e){return t.setAttributes({paddingTopBottom_0:e})},min:0,max:100,step:1})),"0"===n&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:m,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")},{value:R,onChange:function(e){return t.setAttributes({bgColor_0:e})},label:__("Background Color")}]}),"1"===n&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:s,onChange:function(e){t.setAttributes({borderStyle:e})},options:[{value:"solid",label:"solid"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"ridge",label:"ridge"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"none",label:"none"}]}),React.createElement(RangeControl,{label:__("Border Size"),value:g,onChange:function(e){return t.setAttributes({borderSize:e})},min:0,max:20,step:1})),"1"===n&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:d,onChange:function(e){return t.setAttributes({paddingLeftRight:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:b,onChange:function(e){return t.setAttributes({paddingTopBottom:e})},min:0,max:100,step:1})),"1"===n&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:m,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")},{value:p,onChange:function(e){return t.setAttributes({bgColor:e})},label:__("Background Color")},{value:_,onChange:function(e){return t.setAttributes({borderColor:e})},label:__("Border Color")}]}),"2"===n&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:s,onChange:function(e){t.setAttributes({borderStyle:e})},options:[{value:"solid",label:"solid"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"ridge",label:"ridge"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"none",label:"none"}]}),React.createElement(RangeControl,{label:__("Border Size"),value:g,onChange:function(e){return t.setAttributes({borderSize:e})},min:0,max:20,step:1})),"2"===n&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:m,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")},{value:_,onChange:function(e){return t.setAttributes({borderColor:e})},label:__("Border Color")}]}),"3"===n&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:s,onChange:function(e){t.setAttributes({borderStyle:e})},options:[{value:"solid",label:"solid"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"ridge",label:"ridge"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"none",label:"none"}]}),React.createElement(RangeControl,{label:__("Border Size"),value:g,onChange:function(e){return t.setAttributes({borderSize:e})},min:0,max:20,step:1})),"3"===n&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:b,onChange:function(e){return t.setAttributes({paddingTopBottom:e})},min:0,max:100,step:1})),"3"===n&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:m,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")},{value:_,onChange:function(e){return t.setAttributes({borderColor:e})},label:__("Border Color")}]})),"0"==n&&React.createElement("div",null,React.createElement("div",null,React.createElement("small",null,i)),React.createElement(RichText,{tagName:i,placeholder:__("Heading Text"),style:{marginTop:c,marginBottom:u,backgroundColor:R,color:m,fontSize:r+"px",padding:x+"px "+C+"px",textAlign:a},className:"wp-block-ug-heading-block-0 ug-heading-common ug-heading-text",key:"editable",onChange:function(e){return t.setAttributes({headingText:e})},value:l,formattingControls:["bold","italic"],keepPlaceholderOnFocus:!0})),"1"==n&&React.createElement("div",null,React.createElement("div",null,React.createElement("small",null,i)),React.createElement(RichText,{tagName:i,placeholder:__("Heading Text"),style:{marginTop:c,marginBottom:u,backgroundColor:p,color:m,fontSize:r+"px",borderLeft:g+"px "+s+" "+_,padding:b+"px "+d+"px",textAlign:a},className:"wp-block-ug-heading-block-1 ug-heading-common ug-heading-text",key:"editable",onChange:function(e){return t.setAttributes({headingText:e})},value:l,formattingControls:["bold","italic"],keepPlaceholderOnFocus:!0})),"2"==n&&React.createElement("div",null,React.createElement("div",null,React.createElement("small",null,i)),React.createElement(RichText,{tagName:i,placeholder:__("Heading Text"),style:{marginTop:c,marginBottom:u,color:m,fontSize:r+"px",borderBottom:g+"px "+s+" "+_,textAlign:a},className:"wp-block-ug-heading-block-2 ug-heading-common ug-heading-text",key:"editable",onChange:function(e){return t.setAttributes({headingText:e})},value:l,formattingControls:["bold","italic"],keepPlaceholderOnFocus:!0})),"3"==n&&React.createElement("div",null,React.createElement("div",null,React.createElement("small",null,i)),React.createElement(RichText,{tagName:i,placeholder:__("Heading Text"),style:{marginTop:c,marginBottom:u,color:m,fontSize:r+"px",borderTop:g+"px "+s+" "+_,borderBottom:g+"px "+s+" "+_,padding:b+"px 0",textAlign:a},className:"wp-block-ug-heading-block-3 ug-heading-common ug-heading-text",key:"editable",onChange:function(e){return t.setAttributes({headingText:e})},value:l,formattingControls:["bold","italic"],keepPlaceholderOnFocus:!0}))]}),save:function(e){var t=e.attributes,o=t.pattern,n=t.headingText,l=t.align,a=t.textSize,r=t.marginTop,i=t.marginBottom,c=t.headingTag,u=t.borderStyle,s=t.borderSize,g=t.paddingLeftRight,d=t.paddingTopBottom,b=t.textColor,m=t.bgColor,p=t.borderColor,_=t.paddingLeftRight_0,C=t.paddingTopBottom_0,x=t.bgColor_0;return"0"==o?React.createElement(RichText.Content,{tagName:c,style:{marginTop:r,marginBottom:i,backgroundColor:x,color:b,fontSize:a+"px",padding:C+"px "+_+"px",textAlign:l},className:"ug-heading-common wp-block-ug-heading-block-0 ug-heading-text",value:n}):"1"==o?React.createElement(RichText.Content,{tagName:c,style:{marginTop:r,marginBottom:i,backgroundColor:m,color:b,fontSize:a+"px",borderLeft:s+"px "+u+" "+p,padding:d+"px "+g+"px",textAlign:l},className:"ug-heading-common wp-block-ug-heading-block-1 ug-heading-text",value:n}):"2"==o?React.createElement(RichText.Content,{tagName:c,style:{marginTop:r,marginBottom:i,color:b,fontSize:a+"px",borderBottom:s+"px "+u+" "+p,textAlign:l},className:"ug-heading-common wp-block-ug-heading-block-2 ug-heading-text",value:n}):"3"==o?React.createElement(RichText.Content,{tagName:c,style:{marginTop:r,marginBottom:i,color:b,fontSize:a+"px",borderTop:s+"px "+u+" "+p,borderBottom:s+"px "+u+" "+p,padding:d+"px 0",textAlign:l},className:"ug-heading-common wp-block-ug-heading-block-3 ug-heading-text",value:n}):void 0}});__=wp.i18n.__,Component=(_wp$element=wp.element).Component,Fragment=_wp$element.Fragment,registerBlockType=(_wp$blocks=wp.blocks).registerBlockType,createBlock=_wp$blocks.createBlock,InspectorControls=(_wp$editor=wp.editor).InspectorControls,BlockControls=_wp$editor.BlockControls,ColorPalette=_wp$editor.ColorPalette,URLInput=_wp$editor.URLInput,RichText=_wp$editor.RichText,AlignmentToolbar=_wp$editor.AlignmentToolbar,BlockAlignmentToolbar=_wp$editor.BlockAlignmentToolbar,MediaUpload=_wp$editor.MediaUpload,PanelColorSettings=_wp$editor.PanelColorSettings,RangeControl=(_wp$components=wp.components).RangeControl,PanelBody=_wp$components.PanelBody,TextControl=_wp$components.TextControl,SelectControl=_wp$components.SelectControl,IconButton=_wp$components.IconButton,Toolbar=_wp$components.Toolbar,Dashicon=_wp$components.Dashicon,Button=_wp$components.Button,ButtonGroup=_wp$components.ButtonGroup,ToggleControl=_wp$components.ToggleControl,FormToggle=_wp$components.FormToggle,FontSizePicker=_wp$components.FontSizePicker,withState=wp.compose.withState;registerBlockType("ug/list-block",{title:__("Ug List"),icon:"editor-ul",category:"ug-block",keywords:[__("Lists"),__("List"),__("Ultimate Gutenberg")],attributes:{id:{type:"string"},pattern:{type:"string",default:"1"},textSize:{type:"number",default:"16"},listText:{type:"children",selector:".ug-list-text"},align:{type:"string",default:"left"},marginTop:{type:"string",default:"0"},marginBottom:{type:"string",default:"20"},listTag:{type:"string",default:"ul"},borderStyle:{type:"string",default:"solid"},borderSize:{type:"number",default:"3"},borderRadius:{type:"number",default:"0"},paddingLeftRight:{type:"number",default:"20"},paddingTopBottom:{type:"number",default:"10"},textColor:{type:"string",default:"#545454"},bgColor:{type:"string",default:"#f5f5f5"},borderColor:{type:"string",default:"#545454"},borderStyle_0:{type:"string",default:"none"},bgColor_0:{type:"string",default:"#ffffff"},borderStyle_2:{type:"string",default:"dashed"},borderColor_2:{type:"string",default:"#0693e3"},bgColor_2:{type:"string",default:"#545454"}},edit:withState({editable:"content"})(function(t){var e=t.isSelected,o=(t.editable,t.setState,t.clientId),n=t.attributes,l=n.id,a=n.pattern,r=n.listText,i=n.align,c=n.textSize,u=n.marginTop,s=n.marginBottom,g=n.listTag,d=n.borderStyle,b=n.borderSize,m=n.borderRadius,p=n.paddingLeftRight,_=n.paddingTopBottom,C=n.textColor,x=n.bgColor,R=n.borderColor,f=n.borderStyle_0,h=n.bgColor_0,k=n.borderStyle_2,v=(n.borderColor_2,n.bgColor_2,"ul");return l\|\|t.setAttributes({id:o}),[e&&React.createElement(BlockControls,null,React.createElement(AlignmentToolbar,{value:i,onChange:function(e){return t.setAttributes({align:e})},controls:["left","center","right"]})),e&&React.createElement(InspectorControls,null,React.createElement(PanelBody,null,React.createElement(SelectControl,{label:__("Select Pattern"),value:a,onChange:function(e){t.setAttributes({pattern:e})},help:__("You can change template pattern here. If you want to know more about type of templates, please view Document on website."),options:[{value:"0",label:"Pattern 0"},{value:"1",label:"Pattern 1"},{value:"2",label:"Pattern 2"},{value:"3",label:"Pattern 3"}]})),React.createElement(PanelBody,{title:__("List Option")},React.createElement(ButtonGroup,{"aria-label":__("List Tag")},React.createElement(Button,{isLarge:!0,isPrimary:g===v,"aria-pressed":g===v,onClick:function(){return t.setAttributes({listTag:"ul"})}},"UL"),React.createElement(Button,{isLarge:!0,isPrimary:"ol"===g,"aria-pressed":"ol"===g,onClick:function(){return t.setAttributes({listTag:"ol"})}},"OL"))),React.createElement(PanelBody,{title:__("Text Size")},React.createElement(RangeControl,{label:__("Text Size"),value:c,onChange:function(e){return t.setAttributes({textSize:e})},min:0,max:100,step:1})),React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),value:u,onChange:function(e){return t.setAttributes({marginTop:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),value:s,onChange:function(e){return t.setAttributes({marginBottom:e})},min:0,max:100,step:1})),"0"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:f,onChange:function(e){t.setAttributes({borderStyle_0:e})},options:[{value:"solid",label:"solid"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"ridge",label:"ridge"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"none",label:"none"}]}),React.createElement(RangeControl,{label:__("Border Size"),value:b,onChange:function(e){return t.setAttributes({borderSize:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:m,onChange:function(e){return t.setAttributes({borderRadius:e})},min:0,max:20,step:1})),"0"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:p,onChange:function(e){return t.setAttributes({paddingLeftRight:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:_,onChange:function(e){return t.setAttributes({paddingTopBottom:e})},min:0,max:100,step:1})),"0"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:C,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")},{value:h,onChange:function(e){return t.setAttributes({bgColor_0:e})},label:__("Background Color")},{value:R,onChange:function(e){return t.setAttributes({borderColor:e})},label:__("Border Color")}]}),"1"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:p,onChange:function(e){return t.setAttributes({paddingLeftRight:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:_,onChange:function(e){return t.setAttributes({paddingTopBottom:e})},min:0,max:100,step:1})),"1"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:C,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")},{value:x,onChange:function(e){return t.setAttributes({bgColor:e})},label:__("Background Color")},{value:R,onChange:function(e){return t.setAttributes({borderColor:e})},label:__("Border Color")}]}),"2"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:k,onChange:function(e){t.setAttributes({borderStyle_2:e})},options:[{value:"solid",label:"solid"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"ridge",label:"ridge"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"none",label:"none"}]}),React.createElement(RangeControl,{label:__("Border Size"),value:b,onChange:function(e){return t.setAttributes({borderSize:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:m,onChange:function(e){return t.setAttributes({borderRadius:e})},min:0,max:20,step:1})),"2"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:p,onChange:function(e){return t.setAttributes({paddingLeftRight:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:_,onChange:function(e){return t.setAttributes({paddingTopBottom:e})},min:0,max:100,step:1})),"2"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:C,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")},{value:x,onChange:function(e){return t.setAttributes({bgColor:e})},label:__("Background Color")},{value:R,onChange:function(e){return t.setAttributes({borderColor:e})},label:__("Border Color")}]}),"3"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:d,onChange:function(e){t.setAttributes({borderStyle:e})},options:[{value:"solid",label:"solid"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"ridge",label:"ridge"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"none",label:"none"}]}),React.createElement(RangeControl,{label:__("Border Size"),value:b,onChange:function(e){return t.setAttributes({borderSize:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:m,onChange:function(e){return t.setAttributes({borderRadius:e})},min:0,max:20,step:1})),"3"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:p,onChange:function(e){return t.setAttributes({paddingLeftRight:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:_,onChange:function(e){return t.setAttributes({paddingTopBottom:e})},min:0,max:100,step:1})),"3"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:C,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")},{value:x,onChange:function(e){return t.setAttributes({bgColor:e})},label:__("Background Color")},{value:R,onChange:function(e){return t.setAttributes({borderColor:e})},label:__("Border Color")}]})),"0"==a&&React.createElement("div",{key:"editable",className:"ug-list-common wp-block-ug-list-block-0"},React.createElement("style",null,".ug-list-block-0-"+l+" {\n margin-top: "+u+"px;\n margin-bottom: "+s+"px;\n background-color: "+h+";\n color: "+C+";\n font-size: "+c+"px;\n border: "+b+"px "+f+" "+R+";\n border-radius: "+m+"px;\n padding: "+_+"px "+p+"px !important;\n text-align: "+i+";\n }"),React.createElement(RichText,{multiline:"li",tagName:g,placeholder:__("List Text"),className:"ug-list-text ug-list-block-0-"+l,onChange:function(e){return t.setAttributes({listText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"],keepPlaceholderOnFocus:!0})),"1"==a&&React.createElement("div",{key:"editable",className:"ug-list-common wp-block-ug-list-block-1"},React.createElement("style",null,".ug-list-block-1-"+l+" {\n margin-top: "+u+"px;\n margin-bottom: "+s+"px;\n background-color: "+x+";\n color: "+C+";\n font-size: "+c+"px;\n border: "+b+"px "+d+" "+R+";\n border-radius: "+m+"px;\n padding: "+_+"px "+p+"px !important;\n text-align: "+i+";\n }"),React.createElement(RichText,{multiline:"li",tagName:g,placeholder:__("List Text"),className:"ug-list-text ug-list-block-1-"+l,onChange:function(e){return t.setAttributes({listText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"],keepPlaceholderOnFocus:!0})),"2"==a&&React.createElement("div",{key:"editable",className:"ug-list-common wp-block-ug-list-block-2"},React.createElement("style",null,".ug-list-block-2-"+l+" {\n margin-top: "+u+"px;\n margin-bottom: "+s+"px;\n background-color: "+x+";\n color: "+C+";\n font-size: "+c+"px !important;\n border: "+b+"px "+d+" "+R+";\n box-shadow: 0px 0px 0px 10px "+x+";\n border-radius: "+m+"px;\n padding: "+_+"px "+p+"px !important;\n text-align: "+i+";\n }"),React.createElement(RichText,{multiline:"li",tagName:g,placeholder:__("List Text"),className:"ug-list-text ug-list-block-2-"+l,onChange:function(e){return t.setAttributes({listText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"],keepPlaceholderOnFocus:!0})),"3"==a&&React.createElement("div",{key:"editable",className:"ug-list-common wp-block-ug-list-block-3"},React.createElement("style",null,".ug-list-block-3-"+l+" {\n margin-top: "+u+"px;\n margin-bottom: "+s+"px;\n background-color: "+x+";\n color: "+C+";\n font-size: "+c+"px !important;\n border-top: "+b+"px "+d+" "+R+";\n border-bottom: "+b+"px "+d+" "+R+";\n padding: "+_+"px "+p+"px !important;\n text-align: "+i+";\n }"),React.createElement(RichText,{multiline:"li",tagName:g,placeholder:__("List Text"),className:"ug-list-text ug-list-block-3-"+l,onChange:function(e){return t.setAttributes({listText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"],keepPlaceholderOnFocus:!0}))]}),save:function(e){var t=e.attributes,o=t.id,n=t.pattern,l=t.listText,a=t.align,r=t.textSize,i=t.marginTop,c=t.marginBottom,u=t.listTag,s=t.borderStyle,g=t.borderSize,d=t.borderRadius,b=t.paddingLeftRight,m=t.paddingTopBottom,p=t.textColor,_=t.bgColor,C=t.borderColor,x=t.borderStyle_0,R=t.bgColor_0;return t.borderStyle_2,t.borderColor_2,t.bgColor_2,"0"==n?React.createElement("div",{className:"ug-list-common wp-block-ug-list-block-0"},React.createElement("style",null,".ug-list-block-0-"+o+" {\n margin-top: "+i+"px;\n margin-bottom: "+c+"px;\n background-color: "+R+";\n color: "+p+";\n font-size: "+r+"px !important;\n border: "+g+"px "+x+" "+C+";\n border-radius: "+d+"px;\n padding: "+m+"px "+b+"px !important;\n text-align: "+a+";\n }"),React.createElement(RichText.Content,{tagName:u,className:"ug-list-text ug-list-block-0-"+o,value:l})):"1"==n?React.createElement("div",{className:"ug-list-common wp-block-ug-list-block-1"},React.createElement("style",null,".ug-list-block-1-"+o+" {\n margin-top: "+i+"px;\n margin-bottom: "+c+"px;\n background-color: "+_+";\n color: "+p+";\n font-size: "+r+"px !important;\n border: "+g+"px "+s+" "+C+";\n border-radius: "+d+"px;\n padding: "+m+"px "+b+"px !important;\n text-align: "+a+";\n }"),React.createElement(RichText.Content,{tagName:u,className:"ug-list-text ug-list-block-1-"+o,value:l})):"2"==n?React.createElement("div",{className:"ug-list-common wp-block-ug-list-block-2"},React.createElement("style",null,".ug-list-block-2-"+o+" {\n margin-top: "+i+"px;\n margin-bottom: "+c+"px;\n background-color: "+_+";\n color: "+p+";\n font-size: "+r+"px !important;\n border: "+g+"px "+s+" "+C+";\n box-shadow: 0px 0px 0px 10px "+_+";\n border-radius: "+d+"px;\n padding: "+m+"px "+b+"px !important;\n text-align: "+a+";\n }"),React.createElement(RichText.Content,{tagName:u,value:l,className:"ug-list-text ug-list-block-2-"+o})):"3"==n?React.createElement("div",{className:"ug-list-common wp-block-ug-list-block-3"},React.createElement("style",null,".ug-list-block-3-"+o+" {\n margin-top: "+i+"px;\n margin-bottom: "+c+"px;\n background-color: "+_+";\n color: "+p+";\n font-size: "+r+"px !important;\n border-top: "+g+"px "+s+" "+C+";\n border-bottom: "+g+"px "+s+" "+C+";\n padding: "+m+"px "+b+"px !important;\n text-align: "+a+";\n }"),React.createElement(RichText.Content,{tagName:u,value:l,className:"ug-list-text ug-list-block-3-"+o})):void 0}});__=wp.i18n.__,Component=(_wp$element=wp.element).Component,Fragment=_wp$element.Fragment,registerBlockType=(_wp$blocks=wp.blocks).registerBlockType,createBlock=_wp$blocks.createBlock,InspectorControls=(_wp$editor=wp.editor).InspectorControls,BlockControls=_wp$editor.BlockControls,ColorPalette=_wp$editor.ColorPalette,URLInput=_wp$editor.URLInput,RichText=_wp$editor.RichText,AlignmentToolbar=_wp$editor.AlignmentToolbar,BlockAlignmentToolbar=_wp$editor.BlockAlignmentToolbar,MediaUpload=_wp$editor.MediaUpload,PanelColorSettings=_wp$editor.PanelColorSettings,RangeControl=(_wp$components=wp.components).RangeControl,PanelBody=_wp$components.PanelBody,TextControl=_wp$components.TextControl,SelectControl=_wp$components.SelectControl,IconButton=_wp$components.IconButton,Toolbar=_wp$components.Toolbar,Dashicon=_wp$components.Dashicon,Button=_wp$components.Button,ButtonGroup=_wp$components.ButtonGroup,ToggleControl=_wp$components.ToggleControl,FormToggle=_wp$components.FormToggle,FontSizePicker=_wp$components.FontSizePicker,withState=wp.compose.withState;registerBlockType("ug/box-block",{title:__("Ug Box"),icon:"admin-comments",category:"ug-block",keywords:[__("Boxs"),__("Box"),__("Ultimate Gutenberg")],attributes:{id:{type:"string"},pattern:{type:"string",default:"1"},textSize:{type:"number",default:"16"},boxText:{type:"children",selector:".ug-box-text"},align:{type:"string",default:"left"},marginTop:{type:"string",default:"0"},marginBottom:{type:"string",default:"20"},borderStyle:{type:"string",default:"solid"},borderSize:{type:"number",default:"3"},borderRadius:{type:"number",default:"0"},paddingLeftRight:{type:"number",default:"20"},paddingTopBottom:{type:"number",default:"10"},textColor:{type:"string",default:"#545454"},bgColor:{type:"string",default:"#f5f5f5"},borderColor:{type:"string",default:"#545454"},borderStyle_0:{type:"string",default:"none"},borderStyle_2:{type:"string",default:"double"},borderColor_2:{type:"string",default:"#545454"},borderSize_3:{type:"number",default:"5"},borderColor_3:{type:"string",default:"#545454"}},edit:withState({editable:"content"})(function(t){var e=t.isSelected,o=(t.editable,t.setState,t.clientId),n=t.attributes,l=n.id,a=n.pattern,r=n.boxText,i=n.align,c=n.textSize,u=n.marginTop,s=n.marginBottom,g=n.borderStyle,d=n.borderSize,b=n.borderRadius,m=n.paddingLeftRight,p=n.paddingTopBottom,_=n.textColor,C=n.bgColor,x=n.borderColor,R=n.borderStyle_0,f=n.borderStyle_2,h=n.borderColor_2,k=n.borderSize_3,v=n.borderColor_3;return l\|\|t.setAttributes({id:o}),[e&&React.createElement(BlockControls,null,React.createElement(AlignmentToolbar,{value:i,onChange:function(e){return t.setAttributes({align:e})},controls:["left","center","right"]})),e&&React.createElement(InspectorControls,null,React.createElement(PanelBody,null,React.createElement(SelectControl,{label:__("Select Pattern"),value:a,onChange:function(e){t.setAttributes({pattern:e})},help:__("You can change template pattern here. If you want to know more about type of templates, please view Document on website."),options:[{value:"0",label:"Pattern 0"},{value:"1",label:"Pattern 1"},{value:"2",label:"Pattern 2"},{value:"3",label:"Pattern 3"}]})),React.createElement(PanelBody,{title:__("Text Size")},React.createElement(RangeControl,{label:__("Text Size"),value:c,onChange:function(e){return t.setAttributes({textSize:e})},min:0,max:100,step:1})),React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),value:u,onChange:function(e){return t.setAttributes({marginTop:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),value:s,onChange:function(e){return t.setAttributes({marginBottom:e})},min:0,max:100,step:1})),"0"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:R,onChange:function(e){t.setAttributes({borderStyle_0:e})},options:[{value:"solid",label:"solid"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"ridge",label:"ridge"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"none",label:"none"}]}),React.createElement(RangeControl,{label:__("Border Size"),value:d,onChange:function(e){return t.setAttributes({borderSize:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:b,onChange:function(e){return t.setAttributes({borderRadius:e})},min:0,max:20,step:1})),"0"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:_,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")},{value:C,onChange:function(e){return t.setAttributes({bgColor:e})},label:__("Background Color")},{value:x,onChange:function(e){return t.setAttributes({borderColor:e})},label:__("Border Color")}]}),"1"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:g,onChange:function(e){t.setAttributes({borderStyle:e})},options:[{value:"solid",label:"solid"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"ridge",label:"ridge"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"none",label:"none"}]}),React.createElement(RangeControl,{label:__("Border Size"),value:d,onChange:function(e){return t.setAttributes({borderSize:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:b,onChange:function(e){return t.setAttributes({borderRadius:e})},min:0,max:20,step:1})),"1"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:_,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")},{value:C,onChange:function(e){return t.setAttributes({bgColor:e})},label:__("Background Color")},{value:x,onChange:function(e){return t.setAttributes({borderColor:e})},label:__("Border Color")}]}),"2"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:f,onChange:function(e){t.setAttributes({borderStyle_2:e})},options:[{value:"solid",label:"solid"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"ridge",label:"ridge"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"none",label:"none"}]}),React.createElement(RangeControl,{label:__("Border Size"),value:d,onChange:function(e){return t.setAttributes({borderSize:e})},min:0,max:20,step:1})),"2"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:m,onChange:function(e){return t.setAttributes({paddingLeftRight:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:p,onChange:function(e){return t.setAttributes({paddingTopBottom:e})},min:0,max:100,step:1})),"2"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:_,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")},{value:C,onChange:function(e){return t.setAttributes({bgColor:e})},label:__("Background Color")},{value:h,onChange:function(e){return t.setAttributes({borderColor_2:e})},label:__("Border Color")}]}),"3"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:g,onChange:function(e){t.setAttributes({borderStyle:e})},options:[{value:"solid",label:"solid"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"ridge",label:"ridge"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"none",label:"none"}]}),React.createElement(RangeControl,{label:__("Border Size"),value:k,onChange:function(e){return t.setAttributes({borderSize_3:e})},min:0,max:20,step:1})),"3"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:m,onChange:function(e){return t.setAttributes({paddingLeftRight:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:p,onChange:function(e){return t.setAttributes({paddingTopBottom:e})},min:0,max:100,step:1})),"3"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:_,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")},{value:C,onChange:function(e){return t.setAttributes({bgColor:e})},label:__("Background Color")},{value:v,onChange:function(e){return t.setAttributes({borderColor_3:e})},label:__("Border Color")}]})),"0"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-box-block-0 ug-box-common"},React.createElement("style",null,".ug-box-block-0-"+l+" {\n margin-top: "+u+"px;\n margin-bottom: "+s+"px;\n background-color: "+C+";\n color: "+_+";\n font-size: "+c+"px !important;\n border: "+d+"px "+R+" "+x+";\n border-radius: "+b+"px;\n padding: "+p+"px "+m+"px !important;\n text-align: "+i+";\n }"),React.createElement(RichText,{tagName:"div",placeholder:__("Box Text"),className:"ug-box-text ug-box-block-0-"+l,onChange:function(e){return t.setAttributes({boxText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"],keepPlaceholderOnFocus:!0})),"1"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-box-block-1 ug-box-common"},React.createElement("style",null,".ug-box-block-1-"+l+" {\n margin-top: "+u+"px;\n margin-bottom: "+s+"px;\n background-color: "+C+";\n color: "+_+";\n font-size: "+c+"px !important;\n border: "+d+"px "+g+" "+x+";\n border-radius: "+b+"px;\n padding: "+p+"px "+m+"px !important;\n text-align: "+i+";\n }"),React.createElement(RichText,{tagName:"div",placeholder:__("Box Text"),className:"ug-box-text ug-box-block-1-"+l,onChange:function(e){return t.setAttributes({boxText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"],keepPlaceholderOnFocus:!0})),"2"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-box-block-2 ug-box-common"},React.createElement("style",null,".ug-box-block-2-"+l+" {\n margin-top: "+u+"px;\n margin-bottom: "+s+"px;\n background-color: "+C+";\n color: "+_+";\n font-size: "+c+"px !important;\n border-top: "+d+"px "+f+" "+h+";\n border-bottom: "+d+"px "+f+" "+h+";\n padding: "+p+"px "+m+"px !important;\n text-align: "+i+";\n }"),React.createElement(RichText,{tagName:"div",placeholder:__("Box Text"),className:"ug-box-text ug-box-block-2-"+l,onChange:function(e){return t.setAttributes({boxText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"],keepPlaceholderOnFocus:!0})),"3"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-box-block-3 ug-box-common"},React.createElement("style",null,".ug-box-block-3-"+l+" {\n margin-top: "+u+"px;\n margin-bottom: "+s+"px;\n background-color: "+C+";\n color: "+_+";\n font-size: "+c+"px !important;\n border-left: "+k+"px "+g+" "+v+";\n padding: "+p+"px "+m+"px !important;\n text-align: "+i+";\n }"),React.createElement(RichText,{tagName:"div",placeholder:__("Box Text"),className:"ug-box-text ug-box-block-3-"+l,onChange:function(e){return t.setAttributes({boxText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"],keepPlaceholderOnFocus:!0}))]}),save:function(e){var t=e.attributes,o=t.id,n=t.pattern,l=t.boxText,a=t.align,r=t.textSize,i=t.marginTop,c=t.marginBottom,u=t.borderStyle,s=t.borderSize,g=t.borderRadius,d=t.paddingLeftRight,b=t.paddingTopBottom,m=t.textColor,p=t.bgColor,_=t.borderColor,C=t.borderStyle_0,x=t.borderStyle_2,R=t.borderColor_2,f=t.borderSize_3,h=t.borderColor_3;return"0"==n?React.createElement("div",{className:"ug-box-common wp-block-ug-box-block-0"},React.createElement("style",null,".ug-box-block-0-"+o+" {\n margin-top: "+i+"px;\n margin-bottom: "+c+"px;\n background-color: "+p+";\n color: "+m+";\n font-size: "+r+"px !important;\n border: "+s+"px "+C+" "+_+";\n border-radius: "+g+"px;\n padding: "+b+"px "+d+"px !important;\n text-align: "+a+";\n }"),React.createElement(RichText.Content,{tagName:"div",className:"ug-box-text ug-box-block-0-"+o,value:l})):"1"==n?React.createElement("div",{className:"ug-box-common wp-block-ug-box-block-1"},React.createElement("style",null,".ug-box-block-1-"+o+" {\n margin-top: "+i+"px;\n margin-bottom: "+c+"px;\n background-color: "+p+";\n color: "+m+";\n font-size: "+r+"px !important;\n border: "+s+"px "+u+" "+_+";\n border-radius: "+g+"px;\n padding: "+b+"px "+d+"px !important;\n text-align: "+a+";\n }"),React.createElement(RichText.Content,{tagName:"div",className:"ug-box-text ug-box-block-1-"+o,value:l})):"2"==n?React.createElement("div",{className:"ug-box-common wp-block-ug-box-block-2"},React.createElement("style",null,".ug-box-block-2-"+o+" {\n margin-top: "+i+"px;\n margin-bottom: "+c+"px;\n background-color: "+p+";\n color: "+m+";\n font-size: "+r+"px !important;\n border-top: "+s+"px "+x+" "+R+";\n border-bottom: "+s+"px "+x+" "+R+";\n padding: "+b+"px "+d+"px !important;\n text-align: "+a+";\n "),React.createElement(RichText.Content,{tagName:"div",className:"ug-box-text ug-box-block-2-"+o,value:l})):"3"==n?React.createElement("div",{className:"ug-box-common wp-block-ug-box-block-3"},React.createElement("style",null,".ug-box-block-3-"+o+" {\n margin-top: "+i+"px;\n margin-bottom: "+c+"px;\n background-color: "+p+";\n color: "+m+";\n font-size: "+r+"px !important;\n border-left: "+f+"px "+u+" "+h+";\n padding: "+b+"px "+d+"px !important;\n text-align: "+a+";\n }"),React.createElement(RichText.Content,{tagName:"div",className:"ug-box-text ug-box-block-3-"+o,value:l})):void 0}});__=wp.i18n.__,Component=(_wp$element=wp.element).Component,Fragment=_wp$element.Fragment,registerBlockType=(_wp$blocks=wp.blocks).registerBlockType,createBlock=_wp$blocks.createBlock,InspectorControls=(_wp$editor=wp.editor).InspectorControls,BlockControls=_wp$editor.BlockControls,ColorPalette=_wp$editor.ColorPalette,URLInput=_wp$editor.URLInput,RichText=_wp$editor.RichText,AlignmentToolbar=_wp$editor.AlignmentToolbar,BlockAlignmentToolbar=_wp$editor.BlockAlignmentToolbar,MediaUpload=_wp$editor.MediaUpload,PanelColorSettings=_wp$editor.PanelColorSettings,RangeControl=(_wp$components=wp.components).RangeControl,PanelBody=_wp$components.PanelBody,TextControl=_wp$components.TextControl,SelectControl=_wp$components.SelectControl,IconButton=_wp$components.IconButton,Toolbar=_wp$components.Toolbar,Dashicon=_wp$components.Dashicon,Button=_wp$components.Button,ButtonGroup=_wp$components.ButtonGroup,ToggleControl=_wp$components.ToggleControl,FormToggle=_wp$components.FormToggle,FontSizePicker=_wp$components.FontSizePicker,withState=wp.compose.withState;registerBlockType("ug/blockquote-block",{title:__("Ug Blockquote"),icon:"format-quote",category:"ug-block",keywords:[__("Quotes"),__("Quote"),__("Ultimate Gutenberg")],attributes:{id:{type:"string"},pattern:{type:"string",default:"1"},textSize:{type:"number",default:"16"},authorSize:{type:"number",default:"16"},blockquoteText:{type:"children",selector:".ug-blockquote-text"},blockquoteAuthorText:{type:"children",selector:".ug-blockquote-author-text"},align:{type:"string",default:"left"},marginTop:{type:"string",default:"0"},marginBottom:{type:"string",default:"20"},borderStyle:{type:"string",default:"solid"},borderSize:{type:"number",default:"3"},borderRadius:{type:"number",default:"0"},paddingLeftRight:{type:"number",default:"20"},paddingTopBottom:{type:"number",default:"10"},textColor:{type:"string",default:"#545454"},bgColor:{type:"string",default:"#f5f5f5"},borderColor:{type:"string",default:"#545454"},iconColor:{type:"string",default:"#545454"},borderStyle_0:{type:"string",default:"none"},paddingLeftRight_0:{type:"number",default:"0"},paddingTopBottom_0:{type:"number",default:"0"},bgColor_0:{type:"string",default:"#ffffff"},iconColor_0:{type:"string",default:"#545454"},textColor_3:{type:"string",default:"#ffffff"},bgColor_3:{type:"string",default:"#545454"}},edit:withState({editable:"content"})(function(t){var e=t.isSelected,o=(t.editable,t.setState,t.clientId),n=t.attributes,l=n.id,a=n.pattern,r=n.blockquoteText,i=n.blockquoteAuthorText,c=n.align,u=n.textSize,s=n.authorSize,g=n.marginTop,d=n.marginBottom,b=n.borderStyle,m=n.borderSize,p=n.borderRadius,_=n.paddingLeftRight,C=n.paddingTopBottom,x=n.textColor,R=n.bgColor,f=n.borderColor,h=n.iconColor,k=n.iconColor_0,v=n.borderStyle_0,B=n.paddingLeftRight_0,y=n.paddingTopBottom_0,T=n.bgColor_0,E=n.textColor_3,w=n.bgColor_3;return l\|\|t.setAttributes({id:o}),[e&&React.createElement(BlockControls,null,React.createElement(AlignmentToolbar,{value:c,onChange:function(e){return t.setAttributes({align:e})},controls:["left","center","right"]})),e&&React.createElement(InspectorControls,null,React.createElement(PanelBody,null,React.createElement(SelectControl,{label:__("Select Pattern"),value:a,onChange:function(e){t.setAttributes({pattern:e})},help:__("You can change template pattern here. If you want to know more about type of templates, please view Document on website."),options:[{value:"0",label:"Pattern 0"},{value:"1",label:"Pattern 1"},{value:"2",label:"Pattern 2"},{value:"3",label:"Pattern 3"}]})),React.createElement(PanelBody,{title:__("Text Size")},React.createElement(RangeControl,{label:__("Text Size"),value:u,onChange:function(e){return t.setAttributes({textSize:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Author Size"),value:s,onChange:function(e){return t.setAttributes({authorSize:e})},min:0,max:100,step:1})),React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),value:g,onChange:function(e){return t.setAttributes({marginTop:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),value:d,onChange:function(e){return t.setAttributes({marginBottom:e})},min:0,max:100,step:1})),"0"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:v,onChange:function(e){t.setAttributes({borderStyle_0:e})},options:[{value:"solid",label:"solid"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"ridge",label:"ridge"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"none",label:"none"}]}),React.createElement(RangeControl,{label:__("Border Size"),value:m,onChange:function(e){return t.setAttributes({borderSize:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:p,onChange:function(e){return t.setAttributes({borderRadius:e})},min:0,max:20,step:1})),"0"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:B,onChange:function(e){return t.setAttributes({paddingLeftRight_0:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:y,onChange:function(e){return t.setAttributes({paddingTopBottom_0:e})},min:0,max:100,step:1})),"0"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:x,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")},{value:T,onChange:function(e){return t.setAttributes({bgColor_0:e})},label:__("Background Color")},{value:f,onChange:function(e){return t.setAttributes({borderColor:e})},label:__("Border Color")},{value:k,onChange:function(e){return t.setAttributes({iconColor_0:e})},label:__("Icon Color")}]}),"1"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:b,onChange:function(e){t.setAttributes({borderStyle:e})},options:[{value:"solid",label:"solid"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"ridge",label:"ridge"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"none",label:"none"}]}),React.createElement(RangeControl,{label:__("Border Size"),value:m,onChange:function(e){return t.setAttributes({borderSize:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:p,onChange:function(e){return t.setAttributes({borderRadius:e})},min:0,max:20,step:1})),"1"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:_,onChange:function(e){return t.setAttributes({paddingLeftRight:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:C,onChange:function(e){return t.setAttributes({paddingTopBottom:e})},min:0,max:100,step:1})),"1"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:x,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")},{value:R,onChange:function(e){return t.setAttributes({bgColor:e})},label:__("Background Color")},{value:f,onChange:function(e){return t.setAttributes({borderColor:e})},label:__("Border Color")},{value:h,onChange:function(e){return t.setAttributes({iconColor:e})},label:__("Icon Color")}]}),"2"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:b,onChange:function(e){t.setAttributes({borderStyle:e})},options:[{value:"solid",label:"solid"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"ridge",label:"ridge"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"none",label:"none"}]}),React.createElement(RangeControl,{label:__("Border Size"),value:m,onChange:function(e){return t.setAttributes({borderSize:e})},min:0,max:20,step:1})),"2"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:_,onChange:function(e){return t.setAttributes({paddingLeftRight:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:C,onChange:function(e){return t.setAttributes({paddingTopBottom:e})},min:0,max:100,step:1})),"2"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:x,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")},{value:R,onChange:function(e){return t.setAttributes({bgColor:e})},label:__("Background Color")},{value:f,onChange:function(e){return t.setAttributes({borderColor:e})},label:__("Border Color")},{value:h,onChange:function(e){return t.setAttributes({iconColor:e})},label:__("Icon Color")}]}),"3"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:_,onChange:function(e){return t.setAttributes({paddingLeftRight:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:C,onChange:function(e){return t.setAttributes({paddingTopBottom:e})},min:0,max:100,step:1})),"3"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:E,onChange:function(e){return t.setAttributes({textColor_3:e})},label:__("Text Color")},{value:w,onChange:function(e){return t.setAttributes({bgColor_3:e})},label:__("Background Color")},{value:h,onChange:function(e){return t.setAttributes({iconColor:e})},label:__("Icon Color")}]})),"0"==a&&React.createElement("div",{key:"editable",className:"ug-blockquote-common wp-block-ug-blockquote-block-0"},React.createElement("style",null,".ug-blockquote-block-0-"+l+" {\n margin-top: "+g+"px;\n margin-bottom: "+d+"px;\n background-color: "+T+";\n border: "+m+"px "+v+" "+f+";\n border-radius: "+p+"px;\n padding: "+y+"px "+B+"px !important;\n }",".ug-blockquote-block-0-"+l+":before {\n color: "+k+";\n }",".ug-blockquote-block-0-"+l+" p {\n color: "+x+";\n font-size: "+u+"px !important ;\n text-align: "+c+";\n }",".ug-blockquote-block-0-"+l+" cite {\n color: "+x+";\n font-size: "+s+"px !important;\n }"),React.createElement("blockquote",{className:"ug-blockquote-block-0-"+l},React.createElement(RichText,{tagName:"p",placeholder:__("Quote Text"),className:"ug-blockquote-text",onChange:function(e){return t.setAttributes({blockquoteText:e})},value:r,formattingControls:["bold","italic","link"],keepPlaceholderOnFocus:!0}),React.createElement(RichText,{tagName:"cite",placeholder:__("Ouote author"),className:"ug-blockquote-author-text",onChange:function(e){return t.setAttributes({blockquoteAuthorText:e})},value:i,formattingControls:["bold","italic","link"],keepPlaceholderOnFocus:!0}))),"1"==a&&React.createElement("div",{key:"editable",className:"ug-blockquote-common wp-block-ug-blockquote-block-1"},React.createElement("style",null,".ug-blockquote-block-1-"+l+" {\n margin-top: "+g+"px;\n margin-bottom: "+d+"px;\n background-color: "+R+";\n border: "+m+"px "+b+" "+f+";\n border-radius: "+p+"px;\n padding: "+C+"px "+_+"px !important;\n }",".ug-blockquote-block-1-"+l+":before {\n color: "+h+";\n }",".ug-blockquote-block-1-"+l+" p {\n color: "+x+";\n font-size: "+u+"px !important ;\n text-align: "+c+";\n }",".ug-blockquote-block-1-"+l+" cite {\n color: "+x+";\n font-size: "+s+"px !important;\n }"),React.createElement("blockquote",{className:"ug-blockquote-block-1-"+l},React.createElement(RichText,{tagName:"p",placeholder:__("Quote Text"),className:"ug-blockquote-text",onChange:function(e){return t.setAttributes({blockquoteText:e})},value:r,formattingControls:["bold","italic","link"],keepPlaceholderOnFocus:!0}),React.createElement(RichText,{tagName:"cite",placeholder:__("Ouote author"),className:"ug-blockquote-author-text",onChange:function(e){return t.setAttributes({blockquoteAuthorText:e})},value:i,formattingControls:["bold","italic","link"],keepPlaceholderOnFocus:!0}))),"2"==a&&React.createElement("div",{key:"editable",className:"ug-blockquote-common wp-block-ug-blockquote-block-2"},React.createElement("style",null,".ug-blockquote-block-2-"+l+" {\n margin-top: "+g+"px;\n margin-bottom: "+d+"px;\n background-color: "+R+";\n border-left: "+m+"px "+b+" "+f+";\n padding: "+C+"px "+_+"px !important;\n }",".ug-blockquote-block-2-"+l+":before {\n color: "+h+";\n }",".ug-blockquote-block-2-"+l+" p {\n color: "+x+";\n font-size: "+u+"px !important;\n text-align: "+c+";\n }",".ug-blockquote-block-2-"+l+" cite {\n color: "+x+";\n font-size: "+s+"px !important;\n }"),React.createElement("blockquote",{className:"ug-blockquote-block-2-"+l},React.createElement(RichText,{tagName:"p",placeholder:__("Quote Text"),className:"ug-blockquote-text",onChange:function(e){return t.setAttributes({blockquoteText:e})},value:r,formattingControls:["bold","italic","link"],keepPlaceholderOnFocus:!0}),React.createElement(RichText,{tagName:"cite",placeholder:__("Ouote author"),className:"ug-blockquote-author-text",onChange:function(e){return t.setAttributes({blockquoteAuthorText:e})},value:i,formattingControls:["bold","italic","link"],keepPlaceholderOnFocus:!0}))),"3"==a&&React.createElement("div",{key:"editable",className:"ug-blockquote-common wp-block-ug-blockquote-block-3"},React.createElement("style",null,".ug-blockquote-block-3-"+l+" {\n margin-top: "+g+"px;\n margin-bottom: "+d+"px;\n background-color: "+w+";\n padding: "+C+"px "+_+"px !important;\n }",".ug-blockquote-block-3-"+l+":before {\n color: "+h+";\n }",".ug-blockquote-block-3-"+l+" p {\n color: "+E+";\n font-size: "+u+"px !important ;\n text-align: "+c+";\n }",".ug-blockquote-block-3-"+l+" cite {\n color: "+E+";\n font-size: "+s+"px !important;\n }"),React.createElement("blockquote",{className:"ug-blockquote-block-3-"+l},React.createElement(RichText,{tagName:"p",placeholder:__("Quote Text"),className:"ug-blockquote-text",onChange:function(e){return t.setAttributes({blockquoteText:e})},value:r,formattingControls:["bold","italic","link"],keepPlaceholderOnFocus:!0}),React.createElement(RichText,{tagName:"cite",placeholder:__("Ouote author"),className:"ug-blockquote-author-text",onChange:function(e){return t.setAttributes({blockquoteAuthorText:e})},value:i,formattingControls:["bold","italic","link"],keepPlaceholderOnFocus:!0})))]}),save:function(e){var t=e.attributes,o=t.id,n=t.pattern,l=t.blockquoteText,a=t.blockquoteAuthorText,r=t.align,i=t.textSize,c=t.authorSize,u=t.marginTop,s=t.marginBottom,g=t.borderStyle,d=t.borderSize,b=t.borderRadius,m=t.paddingLeftRight,p=t.paddingTopBottom,_=t.textColor,C=t.bgColor,x=t.borderColor,R=t.iconColor,f=t.iconColor_0,h=t.borderStyle_0,k=t.paddingLeftRight_0,v=t.paddingTopBottom_0,B=t.bgColor_0,y=t.textColor_3,T=t.bgColor_3;return"0"==n?React.createElement("div",{className:" ug-blockquote-common wp-block-ug-blockquote-block-0"},React.createElement("style",null,".ug-blockquote-block-0-"+o+" {\n margin-top: "+u+"px;\n margin-bottom: "+s+"px;\n background-color: "+B+";\n border: "+d+"px "+h+" "+x+";\n border-radius: "+b+"px;\n padding: "+v+"px "+k+"px !important;\n }",".ug-blockquote-block-0-"+o+":before {\n color: "+f+";\n }",".ug-blockquote-block-0-"+o+" p {\n color: "+_+";\n font-size: "+i+"px !important;\n text-align: "+r+";\n }",".ug-blockquote-block-0-"+o+" cite {\n color: "+_+";\n font-size: "+c+"px !important;\n }"),React.createElement("blockquote",{className:"ug-blockquote-block-0-"+o},React.createElement(RichText.Content,{tagName:"p",value:l}),React.createElement(RichText.Content,{tagName:"cite",value:a}))):"1"==n?React.createElement("div",{className:" ug-blockquote-common wp-block-ug-blockquote-block-1"},React.createElement("style",null,".ug-blockquote-block-1-"+o+" {\n margin-top: "+u+"px;\n margin-bottom: "+s+"px;\n background-color: "+C+";\n border: "+d+"px "+g+" "+x+";\n border-radius: "+b+"px;\n padding: "+p+"px "+m+"px !important;\n }",".ug-blockquote-block-1-"+o+":before {\n color: "+R+";\n }",".ug-blockquote-block-1-"+o+" p {\n color: "+_+";\n font-size: "+i+"px !important;\n text-align: "+r+";\n }",".ug-blockquote-block-1-"+o+" cite {\n color: "+_+";\n font-size: "+c+"px !important;\n }"),React.createElement("blockquote",{className:"ug-blockquote-block-1-"+o},React.createElement(RichText.Content,{tagName:"p",value:l}),React.createElement(RichText.Content,{tagName:"cite",value:a}))):"2"==n?React.createElement("div",{className:"ug-blockquote-common wp-block-ug-blockquote-block-2"},React.createElement("style",null,".ug-blockquote-block-2-"+o+" {\n margin-top: "+u+"px;\n margin-bottom: "+s+"px;\n background-color: "+C+";\n border-left: "+d+"px "+g+" "+x+";\n padding: "+p+"px "+m+"px !important;\n }",".ug-blockquote-block-2-"+o+":before {\n color: "+R+";\n }",".ug-blockquote-block-2-"+o+" p {\n color: "+_+";\n font-size: "+i+"px !important;\n text-align: "+r+";\n }",".ug-blockquote-block-2-"+o+" cite {\n color: "+_+";\n font-size: "+c+"px !important;\n }"),React.createElement("blockquote",{className:"ug-blockquote-block-2-"+o},React.createElement(RichText.Content,{tagName:"p",className:"ug-blockquote-text",value:l}),React.createElement(RichText.Content,{tagName:"cite",className:"ug-blockquote-author-text",value:a}))):"3"==n?React.createElement("div",{className:"ug-blockquote-common wp-block-ug-blockquote-block-3"},React.createElement("style",null,".ug-blockquote-block-3-"+o+" {\n margin-top: "+u+"px;\n margin-bottom: "+s+"px;\n background-color: "+T+";\n padding: "+p+"px "+m+"px !important;\n }",".ug-blockquote-block-3-"+o+":before {\n color: "+R+";\n }",".ug-blockquote-block-3-"+o+" p {\n color: "+y+";\n font-size: "+i+"px !important ;\n text-align: "+r+";\n }",".ug-blockquote-block-3-"+o+" cite {\n color: "+_+";\n font-size: "+c+"px !important;\n }"),React.createElement("blockquote",{className:"ug-blockquote-block-3-"+o},React.createElement(RichText.Content,{tagName:"p",value:l}),React.createElement(RichText.Content,{tagName:"cite",value:a}))):void 0}});__=wp.i18n.__,Component=(_wp$element=wp.element).Component,Fragment=_wp$element.Fragment,registerBlockType=(_wp$blocks=wp.blocks).registerBlockType,createBlock=_wp$blocks.createBlock,InspectorControls=(_wp$editor=wp.editor).InspectorControls,BlockControls=_wp$editor.BlockControls,ColorPalette=_wp$editor.ColorPalette,URLInput=_wp$editor.URLInput,RichText=_wp$editor.RichText,AlignmentToolbar=_wp$editor.AlignmentToolbar,BlockAlignmentToolbar=_wp$editor.BlockAlignmentToolbar,MediaUpload=_wp$editor.MediaUpload,RangeControl=(_wp$components=wp.components).RangeControl,PanelBody=_wp$components.PanelBody;var PanelColor=_wp$components.PanelColor,TextareaControl=(TextControl=_wp$components.TextControl,SelectControl=_wp$components.SelectControl,IconButton=_wp$components.IconButton,Toolbar=_wp$components.Toolbar,Dashicon=_wp$components.Dashicon,Button=_wp$components.Button,ButtonGroup=_wp$components.ButtonGroup,ToggleControl=_wp$components.ToggleControl,FormToggle=_wp$components.FormToggle,FontSizePicker=_wp$components.FontSizePicker,_wp$components.TextareaControl);withState=wp.compose.withState;registerBlockType("ug/code-block-1",{title:__("Ug Code"),icon:"editor-code",category:"ug-block",keywords:[__("Codes"),__("Code"),__("Ultimate Gutenberg")],attributes:{id:{type:"string"},textSize:{type:"number",default:"14"},language:{type:"string",default:"html"},codeContent:{type:"string"},screenMode:{type:"string",default:"lightMode"},marginTop:{type:"string",default:"0"},marginBottom:{type:"string",default:"20"}},edit:withState({editable:"content"})(function(t){var e=t.isSelected,o=(t.editable,t.setState,t.clientId),n=t.attributes,l=n.id,a=n.textSize,r=n.language,i=n.screenMode,c=n.codeContent,u=n.marginTop,s=n.marginBottom,g="javascript",d="ReactJs",b="htaccess",m="wordpress",p="lightMode",_="darkMode";return l\|\|t.setAttributes({id:o}),[e&&React.createElement(InspectorControls,null,React.createElement(PanelBody,{title:__("Text Size")},React.createElement(RangeControl,{value:a,onChange:function(e){return t.setAttributes({textSize:e})},min:0,max:100,step:1})),React.createElement(PanelBody,{title:__("Screen Mode")},React.createElement(ButtonGroup,{"aria-label":__("Screen Mode")},React.createElement(Button,{isLarge:!0,isPrimary:i===p,"aria-pressed":i===p,onClick:function(){return t.setAttributes({screenMode:"lightMode"})}},"LightMode"),React.createElement(Button,{isLarge:!0,isPrimary:i===_,"aria-pressed":i===_,onClick:function(){return t.setAttributes({screenMode:"darkMode"})}},"DarkMode"))),React.createElement(PanelBody,{title:__("Language")},React.createElement(ButtonGroup,{"aria-label":__("Language")},React.createElement(Button,{isLarge:!0,isPrimary:"html"===r,"aria-pressed":"html"===r,onClick:function(){return t.setAttributes({language:"html"})}},"html"),React.createElement(Button,{isLarge:!0,isPrimary:"css"===r,"aria-pressed":"css"===r,onClick:function(){return t.setAttributes({language:"css"})}},"css"),React.createElement(Button,{isLarge:!0,isPrimary:r===g,"aria-pressed":r===g,onClick:function(){return t.setAttributes({language:"javascript"})}},"javascript"),React.createElement(Button,{isLarge:!0,isPrimary:"JQuery"===r,"aria-pressed":"JQuery"===r,onClick:function(){return t.setAttributes({language:"JQuery"})}},"JQuery"),React.createElement(Button,{isLarge:!0,isPrimary:r===d,"aria-pressed":r===d,onClick:function(){return t.setAttributes({language:"ReactJs"})}},"React Js"),React.createElement(Button,{isLarge:!0,isPrimary:"php"===r,"aria-pressed":"php"===r,onClick:function(){return t.setAttributes({language:"php"})}},"php"),React.createElement(Button,{isLarge:!0,isPrimary:"sql"===r,"aria-pressed":"sql"===r,onClick:function(){return t.setAttributes({language:"sql"})}},"sql"),React.createElement(Button,{isLarge:!0,isPrimary:r===b,"aria-pressed":r===b,onClick:function(){return t.setAttributes({language:"htaccess"})}},"htaccess"),React.createElement(Button,{isLarge:!0,isPrimary:r===m,"aria-pressed":r===m,onClick:function(){return t.setAttributes({language:"wordpress"})}},"wordpress"),React.createElement(Button,{isLarge:!0,isPrimary:"code"===r,"aria-pressed":"code"===r,onClick:function(){return t.setAttributes({language:"code"})}},"code"))),React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),value:u,onChange:function(e){return t.setAttributes({marginTop:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),value:s,onChange:function(e){return t.setAttributes({marginBottom:e})},min:0,max:100,step:1}))),React.createElement("div",{key:"editable",className:"ug-code-common ug-code-common-"+i+" wp-block-ug-code-block-1"},React.createElement("style",null,".ug-code-block-1-"+l+" {\n margin-top: "+u+"px;\n margin-bottom: "+s+"px;\n }"),React.createElement(TextareaControl,{label:r+" "+i,help:"Code Block's style is reflected on only front screen.",rows:"10",onChange:function(e){return t.setAttributes({codeContent:e})},value:c}))]}),save:function(e){var t=e.attributes,o=t.id,n=t.textSize,l=t.language,a=t.screenMode,r=t.codeContent;return React.createElement("div",{className:"ug-code-common wp-block-ug-code-block-1"},React.createElement("style",null,".ug-code-block-1-"+o+" {\n font-size: "+n+"px !important;\n }"),React.createElement("span",{className:"ug-code-language-"+l},l),React.createElement("pre",{className:"ug-code-common-"+a},React.createElement("code",{className:"ug-code-block-1-"+o},r)))}});var _wp$element,_wp$blocks,_wp$editor,_wp$components;__=wp.i18n.__,Component=(_wp$element=wp.element).Component,Fragment=_wp$element.Fragment,registerBlockType=(_wp$blocks=wp.blocks).registerBlockType,createBlock=_wp$blocks.createBlock,InspectorControls=(_wp$editor=wp.editor).InspectorControls,BlockControls=_wp$editor.BlockControls,ColorPalette=_wp$editor.ColorPalette,URLInput=_wp$editor.URLInput,RichText=_wp$editor.RichText,AlignmentToolbar=_wp$editor.AlignmentToolbar,BlockAlignmentToolbar=_wp$editor.BlockAlignmentToolbar,MediaUpload=_wp$editor.MediaUpload,PanelColorSettings=_wp$editor.PanelColorSettings,RangeControl=(_wp$components=wp.components).RangeControl,PanelBody=_wp$components.PanelBody,TextControl=_wp$components.TextControl,SelectControl=_wp$components.SelectControl,IconButton=_wp$components.IconButton,Toolbar=_wp$components.Toolbar,Dashicon=_wp$components.Dashicon,Button=_wp$components.Button,ButtonGroup=_wp$components.ButtonGroup,ToggleControl=_wp$components.ToggleControl,FormToggle=_wp$components.FormToggle,FontSizePicker=_wp$components.FontSizePicker,withState=wp.compose.withState;registerBlockType("ug/click-to-tweet-block",{title:__(" Ug Click to tweet"),icon:"twitter",category:"ug-block",keywords:[__("Click to tweet"),__("Twitter"),__("Ultimate Gutenberg")],attributes:{id:{type:"string"},pattern:{type:"string",default:"1"},textSize:{type:"number",default:"16"},iconSize:{type:"number",default:"16"},cttText:{type:"children",selector:".ug-ctt-text"},align:{type:"string",default:"left"},marginTop:{type:"string",default:"0"},marginBottom:{type:"string",default:"20"},hashTag:{type:"string",default:""},via:{type:"string",default:""},cttTwIcon:{type:"string",default:"fab fa-twitter"},borderStyle:{type:"string",default:"solid"},borderSize:{type:"number",default:"3"},borderRadius:{type:"number",default:"0"},paddingLeftRight:{type:"number",default:"20"},paddingTopBottom:{type:"number",default:"10"},textColor:{type:"string",default:"#545454"},bgColor:{type:"string",default:"#f5f5f5"},borderColor:{type:"string",default:"#545454"},iconColor:{type:"string",default:"#55acee"}},edit:withState({editable:"content"})(function(t){var e=t.isSelected,o=(t.editable,t.setState),n=t.clientId,l=t.attributes,a=l.id,r=l.pattern,i=l.cttText,c=l.align,u=l.textSize,s=l.iconSize,g=l.marginTop,d=l.marginBottom,b=l.hashTag,m=l.via,p=l.cttTwIcon,_=l.borderStyle,C=l.borderSize,x=l.borderRadius,R=l.paddingLeftRight,f=l.paddingTopBottom,h=l.textColor,k=l.bgColor,v=l.borderColor,B=l.iconColor;return a\|\|t.setAttributes({id:n}),[e&&React.createElement(BlockControls,null,React.createElement(AlignmentToolbar,{value:c,onChange:function(e){return t.setAttributes({align:e})},controls:["left","center","right"]})),e&&React.createElement(InspectorControls,null,React.createElement(PanelBody,null,React.createElement(SelectControl,{label:__("Select Pattern"),value:r,onChange:function(e){t.setAttributes({pattern:e})},help:__("You can change template pattern here. If you want to know more about type of templates. Please view Document on website."),options:[{value:"1",label:"Pattern 1"}]})),React.createElement(PanelBody,{title:__("Text Size")},React.createElement(RangeControl,{label:__("Text Size"),value:u,onChange:function(e){return t.setAttributes({textSize:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Icon Size"),value:s,onChange:function(e){return t.setAttributes({iconSize:e})},min:0,max:100,step:1})),React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),value:g,onChange:function(e){return t.setAttributes({marginTop:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),value:d,onChange:function(e){return t.setAttributes({marginBottom:e})},min:0,max:100,step:1})),React.createElement(PanelBody,{title:__("Twitter")},React.createElement(TextControl,{type:"string",label:__("HashTag"),value:b,onChange:function(e){return t.setAttributes({hashTag:e})},help:"Add some hashtags. Comma separated values. Not include #"}),React.createElement(TextControl,{type:"string",label:__("Via"),value:m,onChange:function(e){return t.setAttributes({via:e})},help:"Add a twitter account id. Not include @"}),React.createElement(SelectControl,{label:__("Select tweet icon"),value:p,onChange:function(e){t.setAttributes({cttTwIcon:e})},options:[{value:"fab fa-twitter",label:"fa-twitter"},{value:"fab fa-twitter-square",label:"fa-twitter-square"}]})),"1"===r&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:_,onChange:function(e){t.setAttributes({borderStyle:e})},options:[{value:"solid",label:"solid"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"ridge",label:"ridge"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"none",label:"none"}]}),React.createElement(RangeControl,{label:__("Border Size"),value:C,onChange:function(e){return t.setAttributes({borderSize:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:x,onChange:function(e){return t.setAttributes({borderRadius:e})},min:0,max:20,step:1})),"1"===r&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:R,onChange:function(e){return t.setAttributes({paddingLeftRight:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:f,onChange:function(e){return t.setAttributes({paddingTopBottom:e})},min:0,max:100,step:1})),"1"===r&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:h,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")},{value:k,onChange:function(e){return t.setAttributes({bgColor:e})},label:__("Background Color")},{value:v,onChange:function(e){return t.setAttributes({borderColor:e})},label:__("Border Color")},{value:B,onChange:function(e){return t.setAttributes({iconColor:e})},label:__("Icon Color")}]})),"1"==r&&React.createElement("div",{key:"editable",className:"wp-block-ug-ctt-block-1 ug-ctt-common"},React.createElement("style",null,".ug-ctt-block-1-"+a+" {\n margin-top: "+g+"px;\n margin-bottom: "+d+"px;\n background-color: "+k+";\n color: "+h+";\n border: "+C+"px "+_+" "+v+";\n border-radius: "+x+"px;\n padding: "+f+"px "+R+"px !important;\n text-align: "+c+";\n }",".ug-ctt-block-1-"+a+" p {\n font-size: "+u+"px !important;\n }",".ug-ctt-block-1-"+a+" .ctt-button {\n font-size: "+s+"px !important;\n }",".ug-ctt-block-1-"+a+" .ctt-button i {\n color: "+B+";\n }"),React.createElement("div",{className:"ug-ctt-block-1-"+a},React.createElement(RichText,{tagName:"p",placeholder:__("Click to tweet Text"),className:"ug-ctt-text",onChange:function(e){return t.setAttributes({cttText:e})},value:i,formattingControls:["bold","italic"],onFocus:("button_text",function(){o({editable:"button_text"})}),keepPlaceholderOnFocus:!0}),React.createElement("div",{className:"ctt-button"},React.createElement("i",{className:p})," Click to tweet")))]}),save:function(e){return null}});
	1	"use strict";var __=wp.i18n.__,Component=(_wp$element=wp.element).Component,Fragment=_wp$element.Fragment,registerBlockType=(_wp$blocks=wp.blocks).registerBlockType,createBlock=_wp$blocks.createBlock,InspectorControls=(_wp$editor=wp.editor).InspectorControls,BlockControls=_wp$editor.BlockControls,ColorPalette=_wp$editor.ColorPalette,URLInput=_wp$editor.URLInput,RichText=_wp$editor.RichText,AlignmentToolbar=_wp$editor.AlignmentToolbar,BlockAlignmentToolbar=_wp$editor.BlockAlignmentToolbar,MediaUpload=_wp$editor.MediaUpload,PanelColorSettings=_wp$editor.PanelColorSettings,RangeControl=(_wp$components=wp.components).RangeControl,PanelBody=_wp$components.PanelBody,TextControl=_wp$components.TextControl,SelectControl=_wp$components.SelectControl,IconButton=_wp$components.IconButton,Toolbar=_wp$components.Toolbar,Dashicon=_wp$components.Dashicon,Button=_wp$components.Button,ButtonGroup=_wp$components.ButtonGroup,ToggleControl=_wp$components.ToggleControl,FormToggle=_wp$components.FormToggle,FontSizePicker=_wp$components.FontSizePicker,withState=wp.compose.withState;registerBlockType("ug/button-block",{title:__("Ug Button"),icon:"arrow-down",category:"ug-block",keywords:[__("Buttons"),__("Button"),__("Ultimate Gutenberg")],attributes:{id:{type:"string"},pattern:{type:"string",default:"1"},textSize:{type:"number",default:"16"},buttonText:{type:"children",selector:".ug-button-text",default:"Button Text"},align:{type:"string",default:"center"},marginTop:{type:"string",default:"0"},marginBottom:{type:"string",default:"20"},url:{type:"string",source:"attribute",selector:"a",attribute:"href"},urlOpenNewTab:{type:"boolean",default:"false"},borderStyle:{type:"string",default:"solid"},borderSize:{type:"number",default:"3"},borderRadius:{type:"number",default:"0"},paddingLeftRight:{type:"number",default:"20"},paddingTopBottom:{type:"number",default:"10"},textColor:{type:"string",default:"#545454"},bgColor:{type:"string",default:"#545454"}},edit:withState({editable:"content"})(function(t){var e=t.isSelected,o=(t.editable,t.setState),n=t.clientId,l=function(e){return function(){o({editable:e})}},a=t.attributes,r=a.id,i=a.pattern,c=a.buttonText,u=a.align,s=a.url,g=a.urlOpenNewTab,d=a.textSize,p=a.marginTop,m=a.marginBottom,b=a.borderRadius,_=a.paddingLeftRight,C=a.paddingTopBottom,x=a.textColor,R=a.bgColor;return r\|\|t.setAttributes({id:n}),[e&&React.createElement(BlockControls,null,React.createElement(BlockAlignmentToolbar,{value:u,onChange:function(e){return t.setAttributes({align:e})},controls:["left","center","right"]})),e&&React.createElement(InspectorControls,null,React.createElement(PanelBody,null,React.createElement(SelectControl,{label:__("Select Pattern"),value:i,onChange:function(e){t.setAttributes({pattern:e})},help:__("You can change template pattern here. If you want to know more about type of templates, please view Document on website."),options:[{value:"1",label:"Pattern 1"},{value:"2",label:"Pattern 2"},{value:"3",label:"Pattern 3"}]})),React.createElement(PanelBody,{title:__("Text Size")},React.createElement(RangeControl,{label:__("Text Size"),value:d,onChange:function(e){return t.setAttributes({textSize:e})},min:0,max:100,step:1})),React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),value:p,onChange:function(e){return t.setAttributes({marginTop:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),value:m,onChange:function(e){return t.setAttributes({marginBottom:e})},min:0,max:100,step:1})),React.createElement(PanelBody,{title:__("Link Setting")},React.createElement(ToggleControl,{label:__("Open link in new window"),checked:g,onChange:function(){return t.setAttributes({urlOpenNewTab:!g})}})),"1"===i&&React.createElement(PanelBody,{title:__("Border")},React.createElement(RangeControl,{label:__("Border Radius"),value:b,onChange:function(e){return t.setAttributes({borderRadius:e})},min:0,max:20,step:1})),"1"===i&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:_,onChange:function(e){return t.setAttributes({paddingLeftRight:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:C,onChange:function(e){return t.setAttributes({paddingTopBottom:e})},min:0,max:100,step:1})),"1"===i&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:R,onChange:function(e){return t.setAttributes({bgColor:e})},label:__("Background Color")}]}),"2"===i&&React.createElement(PanelBody,{title:__("Border")},React.createElement(RangeControl,{label:__("Border Radius"),value:b,onChange:function(e){return t.setAttributes({borderRadius:e})},min:0,max:20,step:1})),"2"===i&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:_,onChange:function(e){return t.setAttributes({paddingLeftRight:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:C,onChange:function(e){return t.setAttributes({paddingTopBottom:e})},min:0,max:100,step:1})),"2"===i&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:R,onChange:function(e){return t.setAttributes({bgColor:e})},label:__("Background Color")}]}),"2"===i&&React.createElement(PanelBody,{title:__("Border")},React.createElement(RangeControl,{label:__("Border Radius"),value:b,onChange:function(e){return t.setAttributes({borderRadius:e})},min:0,max:20,step:1})),"2"===i&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:_,onChange:function(e){return t.setAttributes({paddingLeftRight:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:C,onChange:function(e){return t.setAttributes({paddingTopBottom:e})},min:0,max:100,step:1})),"3"===i&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:x,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")}]})),"1"==i&&React.createElement("div",{key:"editable"},React.createElement("div",{className:"wp-block-ug-button-block-1 ug-button-common ug-button-container align-button-"+u},React.createElement("style",null,".ug-button-block-1-"+r+" {\n margin-top: "+p+"px;\n margin-bottom: "+m+"px;\n background-color: "+R+";\n font-size: "+d+"px !important;\n border-radius: "+b+"px;\n padding: "+C+"px "+_+"px !important;\n }"),React.createElement(RichText,{tagName:"p",placeholder:__("Button Text"),className:"ug-button-text ug-button-block-1-"+r,onChange:function(e){return t.setAttributes({buttonText:e})},value:c,formattingControls:["bold","italic"],onFocus:l("button_text"),keepPlaceholderOnFocus:!0})),React.createElement("div",{className:"ug_button_url_input"},focus&&React.createElement("form",{key:"form-link",onSubmit:function(e){return e.preventDefault()},className:"editor-format-toolbar__link-modal-line ug_button_input_box"},React.createElement(Dashicon,{icon:"admin-links"}),React.createElement(URLInput,{className:"button-url",value:s,onChange:function(e){return t.setAttributes({url:e})}}),React.createElement(IconButton,{icon:"editor-break",label:__("Apply"),type:"submit"})))),"2"==i&&React.createElement("div",{key:"editable"},React.createElement("div",{className:"wp-block-ug-button-block-2 ug-button-common ug-button-container align-button-"+u},React.createElement("style",null,".ug-button-block-2-"+r+" {\n margin-top: "+p+"px;\n margin-bottom: "+m+"px;\n background-color: "+R+";\n font-size: "+d+"px !important;\n border-radius: "+b+"px;\n padding: "+C+"px "+_+"px !important;\n }"),React.createElement(RichText,{tagName:"p",placeholder:__("Button Text"),className:"ug-button-text ug-button-block-2-"+r,onChange:function(e){return t.setAttributes({buttonText:e})},value:c,formattingControls:["bold","italic"],onFocus:l("button_text"),keepPlaceholderOnFocus:!0})),React.createElement("div",{className:"ug_button_url_input"},focus&&React.createElement("form",{key:"form-link",onSubmit:function(e){return e.preventDefault()},className:"editor-format-toolbar__link-modal-line ug_button_input_box"},React.createElement(Dashicon,{icon:"admin-links"}),React.createElement(URLInput,{className:"button-url",value:s,onChange:function(e){return t.setAttributes({url:e})}}),React.createElement(IconButton,{icon:"editor-break",label:__("Apply"),type:"submit"})))),"3"==i&&React.createElement("div",{key:"editable"},React.createElement("div",{className:"wp-block-ug-button-block-3 ug-button-common ug-button-container align-button-"+u},React.createElement("style",null,".ug-button-block-3-"+r+" {\n margin-top: "+p+"px;\n margin-bottom: "+m+"px;\n color: "+x+";\n background-color: #ececec;\n font-size: "+d+"px !important;\n border-radius: "+b+"px;\n padding: "+C+"px "+_+"px !important;\n }",".ug-button-block-3-"+r+":hover {\n background-color: "+x+";\n color: #ffffff;\n }"),React.createElement(RichText,{tagName:"p",placeholder:__("Button Text"),className:"ug-button-text ug-button-block-3-"+r,onChange:function(e){return t.setAttributes({buttonText:e})},value:c,formattingControls:["bold","italic"],onFocus:l("button_text"),keepPlaceholderOnFocus:!0})),React.createElement("div",{className:"ug_button_url_input"},focus&&React.createElement("form",{key:"form-link",onSubmit:function(e){return e.preventDefault()},className:"editor-format-toolbar__link-modal-line ug_button_input_box"},React.createElement(Dashicon,{icon:"admin-links"}),React.createElement(URLInput,{className:"button-url",value:s,onChange:function(e){return t.setAttributes({url:e})}}),React.createElement(IconButton,{icon:"editor-break",label:__("Apply"),type:"submit"}))))]}),save:function(e){var t=e.attributes,o=t.id,n=t.pattern,l=t.buttonText,a=t.align,r=t.url,i=t.urlOpenNewTab,c=t.textSize,u=t.marginTop,s=t.marginBottom,g=t.borderRadius,d=t.paddingLeftRight,p=t.paddingTopBottom,m=t.textColor,b=t.bgColor;return"1"==n?React.createElement("div",{className:"ug-button-common wp-block-ug-button-block-1 ug-button-container align-button-"+a},React.createElement("style",null,".ug-button-block-1-"+o+" {\n margin-top: "+u+"px;\n margin-bottom: "+s+"px;\n background-color: "+b+";\n font-size: "+c+"px !important;\n border-radius: "+g+"px;\n padding: "+p+"px "+d+"px !important;\n }"),React.createElement("a",{href:r,target:i?"_blank":"_self",className:"ug-button-text ug-button-block-1-"+o},l)):"2"==n?React.createElement("div",{className:"ug-button-common wp-block-ug-button-block-2 ug-button-container align-button-"+a},React.createElement("style",null,".ug-button-block-2-"+o+" {\n margin-top: "+u+"px;\n margin-bottom: "+s+"px;\n background-color: "+b+";\n font-size: "+c+"px !important;\n border-radius: "+g+"px;\n padding: "+p+"px "+d+"px !important;\n }"),React.createElement("a",{href:r,target:i?"_blank":"_self",className:"ug-button-text ug-button-block-2-"+o},l)):"3"==n?React.createElement("div",{className:"ug-button-common wp-block-ug-button-block-3 ug-button-container align-button-"+a},React.createElement("style",null,".ug-button-block-3-"+o+" {\n margin-top: "+u+"px;\n margin-bottom: "+s+"px;\n color: "+m+";\n background-color: #ececec;\n font-size: "+c+"px !important;\n border-radius: "+g+"px;\n padding: "+p+"px "+d+"px !important;\n }",".ug-button-block-3-"+o+":hover {\n background-color: "+m+";\n color: #ffffff;\n }"),React.createElement("a",{href:r,target:i?"_blank":"_self",className:"ug-button-text ug-button-block-3-"+o},React.createElement("i",{className:"fas fa-caret-right"}),l)):void 0}});__=wp.i18n.__,Component=(_wp$element=wp.element).Component,Fragment=_wp$element.Fragment,registerBlockType=(_wp$blocks=wp.blocks).registerBlockType,createBlock=_wp$blocks.createBlock,InspectorControls=(_wp$editor=wp.editor).InspectorControls,BlockControls=_wp$editor.BlockControls,ColorPalette=_wp$editor.ColorPalette,URLInput=_wp$editor.URLInput,RichText=_wp$editor.RichText,AlignmentToolbar=_wp$editor.AlignmentToolbar,BlockAlignmentToolbar=_wp$editor.BlockAlignmentToolbar,MediaUpload=_wp$editor.MediaUpload,PanelColorSettings=_wp$editor.PanelColorSettings,RangeControl=(_wp$components=wp.components).RangeControl,PanelBody=_wp$components.PanelBody,TextControl=_wp$components.TextControl,SelectControl=_wp$components.SelectControl,IconButton=_wp$components.IconButton,Toolbar=_wp$components.Toolbar,Dashicon=_wp$components.Dashicon,Button=_wp$components.Button,ButtonGroup=_wp$components.ButtonGroup,ToggleControl=_wp$components.ToggleControl,FormToggle=_wp$components.FormToggle,FontSizePicker=_wp$components.FontSizePicker,withState=wp.compose.withState;registerBlockType("ug/heading-block",{title:__("Ug Heading"),icon:"editor-bold",category:"ug-block",keywords:[__("Heading"),__("Headings"),__("Ultimate Gutenberg")],attributes:{pattern:{type:"string",default:"1"},headingText:{type:"children",selector:".ug-heading-text"},textSize:{type:"number",default:"24"},headingTag:{type:"string",default:"h2"},marginTop:{type:"string",default:"0"},marginBottom:{type:"string",default:"20"},borderStyle:{type:"string",default:"solid"},borderSize:{type:"number",default:"3"},paddingLeftRight:{type:"number",default:"20"},paddingTopBottom:{type:"number",default:"10"},textColor:{type:"string",default:"#545454"},bgColor:{type:"string",default:"#f5f5f5"},borderColor:{type:"string",default:"#545454"},paddingLeftRight_0:{type:"number",default:"0"},paddingTopBottom_0:{type:"number",default:"0"},bgColor_0:{type:"string",default:"#ffffff"}},edit:withState({editable:"content"})(function(t){var e=t.isSelected,o=(t.editable,t.setState,t.attributes),n=o.pattern,l=o.headingText,a=o.align,r=o.textSize,i=o.headingTag,c=o.marginTop,u=o.marginBottom,s=o.borderStyle,g=o.borderSize,d=o.paddingLeftRight,p=o.paddingTopBottom,m=o.textColor,b=o.bgColor,_=o.borderColor,C=o.paddingLeftRight_0,x=o.paddingTopBottom_0,R=o.bgColor_0;return[e&&React.createElement(BlockControls,null,React.createElement(AlignmentToolbar,{value:a,onChange:function(e){return t.setAttributes({align:e})},controls:["left","center","right"]})),e&&React.createElement(InspectorControls,null,React.createElement(PanelBody,null,React.createElement(SelectControl,{label:__("Select Pattern"),value:n,onChange:function(e){t.setAttributes({pattern:e})},help:__("You can change the heading template pattern here. If you want to know more about type of templates, please view Document on website."),options:[{value:"0",label:"Pattern 0"},{value:"1",label:"Pattern 1"},{value:"2",label:"Pattern 2"},{value:"3",label:"Pattern 3"}]})),React.createElement(PanelBody,{title:__("Heading Tag")},React.createElement(ButtonGroup,{"aria-label":__("Heading Tag")},React.createElement(Button,{isLarge:!0,isPrimary:"h1"===i,"aria-pressed":"h1"===i,onClick:function(){return t.setAttributes({headingTag:"h1"})}},"H1"),React.createElement(Button,{isLarge:!0,isPrimary:"h2"===i,"aria-pressed":"h2"===i,onClick:function(){return t.setAttributes({headingTag:"h2"})}},"H2"),React.createElement(Button,{isLarge:!0,isPrimary:"h3"===i,"aria-pressed":"h3"===i,onClick:function(){return t.setAttributes({headingTag:"h3"})}},"H3"),React.createElement(Button,{isLarge:!0,isPrimary:"h4"===i,"aria-pressed":"h4"===i,onClick:function(){return t.setAttributes({headingTag:"h4"})}},"H4"),React.createElement(Button,{isLarge:!0,isPrimary:"h5"===i,"aria-pressed":"h5"===i,onClick:function(){return t.setAttributes({headingTag:"h5"})}},"H5"),React.createElement(Button,{isLarge:!0,isPrimary:"h6"===i,"aria-pressed":"h6"===i,onClick:function(){return t.setAttributes({headingTag:"h6"})}},"H6"))),React.createElement(PanelBody,{title:__("Text Size")},React.createElement(RangeControl,{label:__("Text Size"),value:r,onChange:function(e){return t.setAttributes({textSize:e})},min:0,max:100,step:1})),React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),value:c,onChange:function(e){return t.setAttributes({marginTop:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),value:u,onChange:function(e){return t.setAttributes({marginBottom:e})},min:0,max:100,step:1})),"0"===n&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:C,onChange:function(e){return t.setAttributes({paddingLeftRight_0:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:x,onChange:function(e){return t.setAttributes({paddingTopBottom_0:e})},min:0,max:100,step:1})),"0"===n&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:m,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")},{value:R,onChange:function(e){return t.setAttributes({bgColor_0:e})},label:__("Background Color")}]}),"1"===n&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:s,onChange:function(e){t.setAttributes({borderStyle:e})},options:[{value:"solid",label:"solid"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"ridge",label:"ridge"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"none",label:"none"}]}),React.createElement(RangeControl,{label:__("Border Size"),value:g,onChange:function(e){return t.setAttributes({borderSize:e})},min:0,max:20,step:1})),"1"===n&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:d,onChange:function(e){return t.setAttributes({paddingLeftRight:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:p,onChange:function(e){return t.setAttributes({paddingTopBottom:e})},min:0,max:100,step:1})),"1"===n&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:m,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")},{value:b,onChange:function(e){return t.setAttributes({bgColor:e})},label:__("Background Color")},{value:_,onChange:function(e){return t.setAttributes({borderColor:e})},label:__("Border Color")}]}),"2"===n&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:s,onChange:function(e){t.setAttributes({borderStyle:e})},options:[{value:"solid",label:"solid"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"ridge",label:"ridge"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"none",label:"none"}]}),React.createElement(RangeControl,{label:__("Border Size"),value:g,onChange:function(e){return t.setAttributes({borderSize:e})},min:0,max:20,step:1})),"2"===n&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:m,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")},{value:_,onChange:function(e){return t.setAttributes({borderColor:e})},label:__("Border Color")}]}),"3"===n&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:s,onChange:function(e){t.setAttributes({borderStyle:e})},options:[{value:"solid",label:"solid"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"ridge",label:"ridge"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"none",label:"none"}]}),React.createElement(RangeControl,{label:__("Border Size"),value:g,onChange:function(e){return t.setAttributes({borderSize:e})},min:0,max:20,step:1})),"3"===n&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:p,onChange:function(e){return t.setAttributes({paddingTopBottom:e})},min:0,max:100,step:1})),"3"===n&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:m,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")},{value:_,onChange:function(e){return t.setAttributes({borderColor:e})},label:__("Border Color")}]})),"0"==n&&React.createElement("div",null,React.createElement("div",null,React.createElement("small",null,i)),React.createElement(RichText,{tagName:i,placeholder:__("Heading Text"),style:{marginTop:c,marginBottom:u,backgroundColor:R,color:m,fontSize:r+"px",padding:x+"px "+C+"px",textAlign:a},className:"wp-block-ug-heading-block-0 ug-heading-common ug-heading-text",key:"editable",onChange:function(e){return t.setAttributes({headingText:e})},value:l,formattingControls:["bold","italic"],keepPlaceholderOnFocus:!0})),"1"==n&&React.createElement("div",null,React.createElement("div",null,React.createElement("small",null,i)),React.createElement(RichText,{tagName:i,placeholder:__("Heading Text"),style:{marginTop:c,marginBottom:u,backgroundColor:b,color:m,fontSize:r+"px",borderLeft:g+"px "+s+" "+_,padding:p+"px "+d+"px",textAlign:a},className:"wp-block-ug-heading-block-1 ug-heading-common ug-heading-text",key:"editable",onChange:function(e){return t.setAttributes({headingText:e})},value:l,formattingControls:["bold","italic"],keepPlaceholderOnFocus:!0})),"2"==n&&React.createElement("div",null,React.createElement("div",null,React.createElement("small",null,i)),React.createElement(RichText,{tagName:i,placeholder:__("Heading Text"),style:{marginTop:c,marginBottom:u,color:m,fontSize:r+"px",borderBottom:g+"px "+s+" "+_,textAlign:a},className:"wp-block-ug-heading-block-2 ug-heading-common ug-heading-text",key:"editable",onChange:function(e){return t.setAttributes({headingText:e})},value:l,formattingControls:["bold","italic"],keepPlaceholderOnFocus:!0})),"3"==n&&React.createElement("div",null,React.createElement("div",null,React.createElement("small",null,i)),React.createElement(RichText,{tagName:i,placeholder:__("Heading Text"),style:{marginTop:c,marginBottom:u,color:m,fontSize:r+"px",borderTop:g+"px "+s+" "+_,borderBottom:g+"px "+s+" "+_,padding:p+"px 0",textAlign:a},className:"wp-block-ug-heading-block-3 ug-heading-common ug-heading-text",key:"editable",onChange:function(e){return t.setAttributes({headingText:e})},value:l,formattingControls:["bold","italic"],keepPlaceholderOnFocus:!0}))]}),save:function(e){var t=e.attributes,o=t.pattern,n=t.headingText,l=t.align,a=t.textSize,r=t.marginTop,i=t.marginBottom,c=t.headingTag,u=t.borderStyle,s=t.borderSize,g=t.paddingLeftRight,d=t.paddingTopBottom,p=t.textColor,m=t.bgColor,b=t.borderColor,_=t.paddingLeftRight_0,C=t.paddingTopBottom_0,x=t.bgColor_0;return"0"==o?React.createElement(RichText.Content,{tagName:c,style:{marginTop:r,marginBottom:i,backgroundColor:x,color:p,fontSize:a+"px",padding:C+"px "+_+"px",textAlign:l},className:"ug-heading-common wp-block-ug-heading-block-0 ug-heading-text",value:n}):"1"==o?React.createElement(RichText.Content,{tagName:c,style:{marginTop:r,marginBottom:i,backgroundColor:m,color:p,fontSize:a+"px",borderLeft:s+"px "+u+" "+b,padding:d+"px "+g+"px",textAlign:l},className:"ug-heading-common wp-block-ug-heading-block-1 ug-heading-text",value:n}):"2"==o?React.createElement(RichText.Content,{tagName:c,style:{marginTop:r,marginBottom:i,color:p,fontSize:a+"px",borderBottom:s+"px "+u+" "+b,textAlign:l},className:"ug-heading-common wp-block-ug-heading-block-2 ug-heading-text",value:n}):"3"==o?React.createElement(RichText.Content,{tagName:c,style:{marginTop:r,marginBottom:i,color:p,fontSize:a+"px",borderTop:s+"px "+u+" "+b,borderBottom:s+"px "+u+" "+b,padding:d+"px 0",textAlign:l},className:"ug-heading-common wp-block-ug-heading-block-3 ug-heading-text",value:n}):void 0}});__=wp.i18n.__,Component=(_wp$element=wp.element).Component,Fragment=_wp$element.Fragment,registerBlockType=(_wp$blocks=wp.blocks).registerBlockType,createBlock=_wp$blocks.createBlock,InspectorControls=(_wp$editor=wp.editor).InspectorControls,BlockControls=_wp$editor.BlockControls,ColorPalette=_wp$editor.ColorPalette,URLInput=_wp$editor.URLInput,RichText=_wp$editor.RichText,AlignmentToolbar=_wp$editor.AlignmentToolbar,BlockAlignmentToolbar=_wp$editor.BlockAlignmentToolbar,MediaUpload=_wp$editor.MediaUpload,PanelColorSettings=_wp$editor.PanelColorSettings,RangeControl=(_wp$components=wp.components).RangeControl,PanelBody=_wp$components.PanelBody,TextControl=_wp$components.TextControl,SelectControl=_wp$components.SelectControl,IconButton=_wp$components.IconButton,Toolbar=_wp$components.Toolbar,Dashicon=_wp$components.Dashicon,Button=_wp$components.Button,ButtonGroup=_wp$components.ButtonGroup,ToggleControl=_wp$components.ToggleControl,FormToggle=_wp$components.FormToggle,FontSizePicker=_wp$components.FontSizePicker,withState=wp.compose.withState;registerBlockType("ug/list-block",{title:__("Ug List"),icon:"editor-ul",category:"ug-block",keywords:[__("Lists"),__("List"),__("Ultimate Gutenberg")],attributes:{id:{type:"string"},pattern:{type:"string",default:"1"},textSize:{type:"number",default:"16"},listText:{type:"children",selector:".ug-list-text"},align:{type:"string",default:"left"},marginTop:{type:"string",default:"0"},marginBottom:{type:"string",default:"20"},listTag:{type:"string",default:"ul"},borderStyle:{type:"string",default:"solid"},borderSize:{type:"number",default:"3"},borderRadius:{type:"number",default:"0"},paddingLeftRight:{type:"number",default:"20"},paddingTopBottom:{type:"number",default:"10"},textColor:{type:"string",default:"#545454"},bgColor:{type:"string",default:"#f5f5f5"},borderColor:{type:"string",default:"#545454"},borderStyle_0:{type:"string",default:"none"},bgColor_0:{type:"string",default:"#ffffff"},borderStyle_2:{type:"string",default:"dashed"},borderColor_2:{type:"string",default:"#0693e3"},bgColor_2:{type:"string",default:"#545454"}},edit:withState({editable:"content"})(function(t){var e=t.isSelected,o=(t.editable,t.setState,t.clientId),n=t.attributes,l=n.id,a=n.pattern,r=n.listText,i=n.align,c=n.textSize,u=n.marginTop,s=n.marginBottom,g=n.listTag,d=n.borderStyle,p=n.borderSize,m=n.borderRadius,b=n.paddingLeftRight,_=n.paddingTopBottom,C=n.textColor,x=n.bgColor,R=n.borderColor,h=n.borderStyle_0,f=n.bgColor_0,k=n.borderStyle_2,v=(n.borderColor_2,n.bgColor_2,"ul");return l\|\|t.setAttributes({id:o}),[e&&React.createElement(BlockControls,null,React.createElement(AlignmentToolbar,{value:i,onChange:function(e){return t.setAttributes({align:e})},controls:["left","center","right"]})),e&&React.createElement(InspectorControls,null,React.createElement(PanelBody,null,React.createElement(SelectControl,{label:__("Select Pattern"),value:a,onChange:function(e){t.setAttributes({pattern:e})},help:__("You can change template pattern here. If you want to know more about type of templates, please view Document on website."),options:[{value:"0",label:"Pattern 0"},{value:"1",label:"Pattern 1"},{value:"2",label:"Pattern 2"},{value:"3",label:"Pattern 3"}]})),React.createElement(PanelBody,{title:__("List Option")},React.createElement(ButtonGroup,{"aria-label":__("List Tag")},React.createElement(Button,{isLarge:!0,isPrimary:g===v,"aria-pressed":g===v,onClick:function(){return t.setAttributes({listTag:"ul"})}},"UL"),React.createElement(Button,{isLarge:!0,isPrimary:"ol"===g,"aria-pressed":"ol"===g,onClick:function(){return t.setAttributes({listTag:"ol"})}},"OL"))),React.createElement(PanelBody,{title:__("Text Size")},React.createElement(RangeControl,{label:__("Text Size"),value:c,onChange:function(e){return t.setAttributes({textSize:e})},min:0,max:100,step:1})),React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),value:u,onChange:function(e){return t.setAttributes({marginTop:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),value:s,onChange:function(e){return t.setAttributes({marginBottom:e})},min:0,max:100,step:1})),"0"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:h,onChange:function(e){t.setAttributes({borderStyle_0:e})},options:[{value:"solid",label:"solid"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"ridge",label:"ridge"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"none",label:"none"}]}),React.createElement(RangeControl,{label:__("Border Size"),value:p,onChange:function(e){return t.setAttributes({borderSize:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:m,onChange:function(e){return t.setAttributes({borderRadius:e})},min:0,max:20,step:1})),"0"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:b,onChange:function(e){return t.setAttributes({paddingLeftRight:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:_,onChange:function(e){return t.setAttributes({paddingTopBottom:e})},min:0,max:100,step:1})),"0"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:C,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")},{value:f,onChange:function(e){return t.setAttributes({bgColor_0:e})},label:__("Background Color")},{value:R,onChange:function(e){return t.setAttributes({borderColor:e})},label:__("Border Color")}]}),"1"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:b,onChange:function(e){return t.setAttributes({paddingLeftRight:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:_,onChange:function(e){return t.setAttributes({paddingTopBottom:e})},min:0,max:100,step:1})),"1"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:C,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")},{value:x,onChange:function(e){return t.setAttributes({bgColor:e})},label:__("Background Color")},{value:R,onChange:function(e){return t.setAttributes({borderColor:e})},label:__("Border Color")}]}),"2"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:k,onChange:function(e){t.setAttributes({borderStyle_2:e})},options:[{value:"solid",label:"solid"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"ridge",label:"ridge"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"none",label:"none"}]}),React.createElement(RangeControl,{label:__("Border Size"),value:p,onChange:function(e){return t.setAttributes({borderSize:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:m,onChange:function(e){return t.setAttributes({borderRadius:e})},min:0,max:20,step:1})),"2"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:b,onChange:function(e){return t.setAttributes({paddingLeftRight:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:_,onChange:function(e){return t.setAttributes({paddingTopBottom:e})},min:0,max:100,step:1})),"2"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:C,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")},{value:x,onChange:function(e){return t.setAttributes({bgColor:e})},label:__("Background Color")},{value:R,onChange:function(e){return t.setAttributes({borderColor:e})},label:__("Border Color")}]}),"3"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:d,onChange:function(e){t.setAttributes({borderStyle:e})},options:[{value:"solid",label:"solid"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"ridge",label:"ridge"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"none",label:"none"}]}),React.createElement(RangeControl,{label:__("Border Size"),value:p,onChange:function(e){return t.setAttributes({borderSize:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:m,onChange:function(e){return t.setAttributes({borderRadius:e})},min:0,max:20,step:1})),"3"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:b,onChange:function(e){return t.setAttributes({paddingLeftRight:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:_,onChange:function(e){return t.setAttributes({paddingTopBottom:e})},min:0,max:100,step:1})),"3"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:C,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")},{value:x,onChange:function(e){return t.setAttributes({bgColor:e})},label:__("Background Color")},{value:R,onChange:function(e){return t.setAttributes({borderColor:e})},label:__("Border Color")}]})),"0"==a&&React.createElement("div",{key:"editable",className:"ug-list-common wp-block-ug-list-block-0"},React.createElement("style",null,".ug-list-block-0-"+l+" {\n margin-top: "+u+"px;\n margin-bottom: "+s+"px;\n background-color: "+f+";\n color: "+C+";\n font-size: "+c+"px;\n border: "+p+"px "+h+" "+R+";\n border-radius: "+m+"px;\n padding: "+_+"px "+b+"px !important;\n text-align: "+i+";\n }"),React.createElement(RichText,{multiline:"li",tagName:g,placeholder:__("List Text"),className:"ug-list-text ug-list-block-0-"+l,onChange:function(e){return t.setAttributes({listText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"],keepPlaceholderOnFocus:!0})),"1"==a&&React.createElement("div",{key:"editable",className:"ug-list-common wp-block-ug-list-block-1"},React.createElement("style",null,".ug-list-block-1-"+l+" {\n margin-top: "+u+"px;\n margin-bottom: "+s+"px;\n background-color: "+x+";\n color: "+C+";\n font-size: "+c+"px;\n border: "+p+"px "+d+" "+R+";\n border-radius: "+m+"px;\n padding: "+_+"px "+b+"px !important;\n text-align: "+i+";\n }"),React.createElement(RichText,{multiline:"li",tagName:g,placeholder:__("List Text"),className:"ug-list-text ug-list-block-1-"+l,onChange:function(e){return t.setAttributes({listText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"],keepPlaceholderOnFocus:!0})),"2"==a&&React.createElement("div",{key:"editable",className:"ug-list-common wp-block-ug-list-block-2"},React.createElement("style",null,".ug-list-block-2-"+l+" {\n margin-top: "+u+"px;\n margin-bottom: "+s+"px;\n background-color: "+x+";\n color: "+C+";\n font-size: "+c+"px !important;\n border: "+p+"px "+d+" "+R+";\n box-shadow: 0px 0px 0px 10px "+x+";\n border-radius: "+m+"px;\n padding: "+_+"px "+b+"px !important;\n text-align: "+i+";\n }"),React.createElement(RichText,{multiline:"li",tagName:g,placeholder:__("List Text"),className:"ug-list-text ug-list-block-2-"+l,onChange:function(e){return t.setAttributes({listText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"],keepPlaceholderOnFocus:!0})),"3"==a&&React.createElement("div",{key:"editable",className:"ug-list-common wp-block-ug-list-block-3"},React.createElement("style",null,".ug-list-block-3-"+l+" {\n margin-top: "+u+"px;\n margin-bottom: "+s+"px;\n background-color: "+x+";\n color: "+C+";\n font-size: "+c+"px !important;\n border-top: "+p+"px "+d+" "+R+";\n border-bottom: "+p+"px "+d+" "+R+";\n padding: "+_+"px "+b+"px !important;\n text-align: "+i+";\n }"),React.createElement(RichText,{multiline:"li",tagName:g,placeholder:__("List Text"),className:"ug-list-text ug-list-block-3-"+l,onChange:function(e){return t.setAttributes({listText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"],keepPlaceholderOnFocus:!0}))]}),save:function(e){var t=e.attributes,o=t.id,n=t.pattern,l=t.listText,a=t.align,r=t.textSize,i=t.marginTop,c=t.marginBottom,u=t.listTag,s=t.borderStyle,g=t.borderSize,d=t.borderRadius,p=t.paddingLeftRight,m=t.paddingTopBottom,b=t.textColor,_=t.bgColor,C=t.borderColor,x=t.borderStyle_0,R=t.bgColor_0;return t.borderStyle_2,t.borderColor_2,t.bgColor_2,"0"==n?React.createElement("div",{className:"ug-list-common wp-block-ug-list-block-0"},React.createElement("style",null,".ug-list-block-0-"+o+" {\n margin-top: "+i+"px;\n margin-bottom: "+c+"px;\n background-color: "+R+";\n color: "+b+";\n font-size: "+r+"px !important;\n border: "+g+"px "+x+" "+C+";\n border-radius: "+d+"px;\n padding: "+m+"px "+p+"px !important;\n text-align: "+a+";\n }"),React.createElement(RichText.Content,{tagName:u,className:"ug-list-text ug-list-block-0-"+o,value:l})):"1"==n?React.createElement("div",{className:"ug-list-common wp-block-ug-list-block-1"},React.createElement("style",null,".ug-list-block-1-"+o+" {\n margin-top: "+i+"px;\n margin-bottom: "+c+"px;\n background-color: "+_+";\n color: "+b+";\n font-size: "+r+"px !important;\n border: "+g+"px "+s+" "+C+";\n border-radius: "+d+"px;\n padding: "+m+"px "+p+"px !important;\n text-align: "+a+";\n }"),React.createElement(RichText.Content,{tagName:u,className:"ug-list-text ug-list-block-1-"+o,value:l})):"2"==n?React.createElement("div",{className:"ug-list-common wp-block-ug-list-block-2"},React.createElement("style",null,".ug-list-block-2-"+o+" {\n margin-top: "+i+"px;\n margin-bottom: "+c+"px;\n background-color: "+_+";\n color: "+b+";\n font-size: "+r+"px !important;\n border: "+g+"px "+s+" "+C+";\n box-shadow: 0px 0px 0px 10px "+_+";\n border-radius: "+d+"px;\n padding: "+m+"px "+p+"px !important;\n text-align: "+a+";\n }"),React.createElement(RichText.Content,{tagName:u,value:l,className:"ug-list-text ug-list-block-2-"+o})):"3"==n?React.createElement("div",{className:"ug-list-common wp-block-ug-list-block-3"},React.createElement("style",null,".ug-list-block-3-"+o+" {\n margin-top: "+i+"px;\n margin-bottom: "+c+"px;\n background-color: "+_+";\n color: "+b+";\n font-size: "+r+"px !important;\n border-top: "+g+"px "+s+" "+C+";\n border-bottom: "+g+"px "+s+" "+C+";\n padding: "+m+"px "+p+"px !important;\n text-align: "+a+";\n }"),React.createElement(RichText.Content,{tagName:u,value:l,className:"ug-list-text ug-list-block-3-"+o})):void 0}});__=wp.i18n.__,Component=(_wp$element=wp.element).Component,Fragment=_wp$element.Fragment,registerBlockType=(_wp$blocks=wp.blocks).registerBlockType,createBlock=_wp$blocks.createBlock,InspectorControls=(_wp$editor=wp.editor).InspectorControls,BlockControls=_wp$editor.BlockControls,ColorPalette=_wp$editor.ColorPalette,URLInput=_wp$editor.URLInput,RichText=_wp$editor.RichText,AlignmentToolbar=_wp$editor.AlignmentToolbar,BlockAlignmentToolbar=_wp$editor.BlockAlignmentToolbar,MediaUpload=_wp$editor.MediaUpload,PanelColorSettings=_wp$editor.PanelColorSettings,RangeControl=(_wp$components=wp.components).RangeControl,PanelBody=_wp$components.PanelBody,TextControl=_wp$components.TextControl,SelectControl=_wp$components.SelectControl,IconButton=_wp$components.IconButton,Toolbar=_wp$components.Toolbar,Dashicon=_wp$components.Dashicon,Button=_wp$components.Button,ButtonGroup=_wp$components.ButtonGroup,ToggleControl=_wp$components.ToggleControl,FormToggle=_wp$components.FormToggle,FontSizePicker=_wp$components.FontSizePicker,withState=wp.compose.withState;registerBlockType("ug/box-block",{title:__("Ug Box"),icon:"admin-comments",category:"ug-block",keywords:[__("Boxs"),__("Box"),__("Ultimate Gutenberg")],attributes:{id:{type:"string"},pattern:{type:"string",default:"1"},textSize:{type:"number",default:"16"},boxText:{type:"children",selector:".ug-box-text"},align:{type:"string",default:"left"},marginTop:{type:"string",default:"0"},marginBottom:{type:"string",default:"20"},borderStyle:{type:"string",default:"solid"},borderSize:{type:"number",default:"3"},borderRadius:{type:"number",default:"0"},paddingLeftRight:{type:"number",default:"20"},paddingTopBottom:{type:"number",default:"10"},textColor:{type:"string",default:"#545454"},bgColor:{type:"string",default:"#f5f5f5"},borderColor:{type:"string",default:"#545454"},borderStyle_0:{type:"string",default:"none"},borderStyle_2:{type:"string",default:"double"},borderColor_2:{type:"string",default:"#545454"},borderSize_3:{type:"number",default:"5"},borderColor_3:{type:"string",default:"#545454"}},edit:withState({editable:"content"})(function(t){var e=t.isSelected,o=(t.editable,t.setState,t.clientId),n=t.attributes,l=n.id,a=n.pattern,r=n.boxText,i=n.align,c=n.textSize,u=n.marginTop,s=n.marginBottom,g=n.borderStyle,d=n.borderSize,p=n.borderRadius,m=n.paddingLeftRight,b=n.paddingTopBottom,_=n.textColor,C=n.bgColor,x=n.borderColor,R=n.borderStyle_0,h=n.borderStyle_2,f=n.borderColor_2,k=n.borderSize_3,v=n.borderColor_3;return l\|\|t.setAttributes({id:o}),[e&&React.createElement(BlockControls,null,React.createElement(AlignmentToolbar,{value:i,onChange:function(e){return t.setAttributes({align:e})},controls:["left","center","right"]})),e&&React.createElement(InspectorControls,null,React.createElement(PanelBody,null,React.createElement(SelectControl,{label:__("Select Pattern"),value:a,onChange:function(e){t.setAttributes({pattern:e})},help:__("You can change template pattern here. If you want to know more about type of templates, please view Document on website."),options:[{value:"0",label:"Pattern 0"},{value:"1",label:"Pattern 1"},{value:"2",label:"Pattern 2"},{value:"3",label:"Pattern 3"}]})),React.createElement(PanelBody,{title:__("Text Size")},React.createElement(RangeControl,{label:__("Text Size"),value:c,onChange:function(e){return t.setAttributes({textSize:e})},min:0,max:100,step:1})),React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),value:u,onChange:function(e){return t.setAttributes({marginTop:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),value:s,onChange:function(e){return t.setAttributes({marginBottom:e})},min:0,max:100,step:1})),"0"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:R,onChange:function(e){t.setAttributes({borderStyle_0:e})},options:[{value:"solid",label:"solid"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"ridge",label:"ridge"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"none",label:"none"}]}),React.createElement(RangeControl,{label:__("Border Size"),value:d,onChange:function(e){return t.setAttributes({borderSize:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:p,onChange:function(e){return t.setAttributes({borderRadius:e})},min:0,max:20,step:1})),"0"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:_,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")},{value:C,onChange:function(e){return t.setAttributes({bgColor:e})},label:__("Background Color")},{value:x,onChange:function(e){return t.setAttributes({borderColor:e})},label:__("Border Color")}]}),"1"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:g,onChange:function(e){t.setAttributes({borderStyle:e})},options:[{value:"solid",label:"solid"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"ridge",label:"ridge"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"none",label:"none"}]}),React.createElement(RangeControl,{label:__("Border Size"),value:d,onChange:function(e){return t.setAttributes({borderSize:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:p,onChange:function(e){return t.setAttributes({borderRadius:e})},min:0,max:20,step:1})),"1"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:_,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")},{value:C,onChange:function(e){return t.setAttributes({bgColor:e})},label:__("Background Color")},{value:x,onChange:function(e){return t.setAttributes({borderColor:e})},label:__("Border Color")}]}),"2"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:h,onChange:function(e){t.setAttributes({borderStyle_2:e})},options:[{value:"solid",label:"solid"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"ridge",label:"ridge"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"none",label:"none"}]}),React.createElement(RangeControl,{label:__("Border Size"),value:d,onChange:function(e){return t.setAttributes({borderSize:e})},min:0,max:20,step:1})),"2"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:m,onChange:function(e){return t.setAttributes({paddingLeftRight:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:b,onChange:function(e){return t.setAttributes({paddingTopBottom:e})},min:0,max:100,step:1})),"2"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:_,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")},{value:C,onChange:function(e){return t.setAttributes({bgColor:e})},label:__("Background Color")},{value:f,onChange:function(e){return t.setAttributes({borderColor_2:e})},label:__("Border Color")}]}),"3"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:g,onChange:function(e){t.setAttributes({borderStyle:e})},options:[{value:"solid",label:"solid"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"ridge",label:"ridge"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"none",label:"none"}]}),React.createElement(RangeControl,{label:__("Border Size"),value:k,onChange:function(e){return t.setAttributes({borderSize_3:e})},min:0,max:20,step:1})),"3"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:m,onChange:function(e){return t.setAttributes({paddingLeftRight:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:b,onChange:function(e){return t.setAttributes({paddingTopBottom:e})},min:0,max:100,step:1})),"3"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:_,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")},{value:C,onChange:function(e){return t.setAttributes({bgColor:e})},label:__("Background Color")},{value:v,onChange:function(e){return t.setAttributes({borderColor_3:e})},label:__("Border Color")}]})),"0"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-box-block-0 ug-box-common"},React.createElement("style",null,".ug-box-block-0-"+l+" {\n margin-top: "+u+"px;\n margin-bottom: "+s+"px;\n background-color: "+C+";\n color: "+_+";\n font-size: "+c+"px !important;\n border: "+d+"px "+R+" "+x+";\n border-radius: "+p+"px;\n padding: "+b+"px "+m+"px !important;\n text-align: "+i+";\n }"),React.createElement(RichText,{tagName:"div",placeholder:__("Box Text"),className:"ug-box-text ug-box-block-0-"+l,onChange:function(e){return t.setAttributes({boxText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"],keepPlaceholderOnFocus:!0})),"1"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-box-block-1 ug-box-common"},React.createElement("style",null,".ug-box-block-1-"+l+" {\n margin-top: "+u+"px;\n margin-bottom: "+s+"px;\n background-color: "+C+";\n color: "+_+";\n font-size: "+c+"px !important;\n border: "+d+"px "+g+" "+x+";\n border-radius: "+p+"px;\n padding: "+b+"px "+m+"px !important;\n text-align: "+i+";\n }"),React.createElement(RichText,{tagName:"div",placeholder:__("Box Text"),className:"ug-box-text ug-box-block-1-"+l,onChange:function(e){return t.setAttributes({boxText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"],keepPlaceholderOnFocus:!0})),"2"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-box-block-2 ug-box-common"},React.createElement("style",null,".ug-box-block-2-"+l+" {\n margin-top: "+u+"px;\n margin-bottom: "+s+"px;\n background-color: "+C+";\n color: "+_+";\n font-size: "+c+"px !important;\n border-top: "+d+"px "+h+" "+f+";\n border-bottom: "+d+"px "+h+" "+f+";\n padding: "+b+"px "+m+"px !important;\n text-align: "+i+";\n }"),React.createElement(RichText,{tagName:"div",placeholder:__("Box Text"),className:"ug-box-text ug-box-block-2-"+l,onChange:function(e){return t.setAttributes({boxText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"],keepPlaceholderOnFocus:!0})),"3"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-box-block-3 ug-box-common"},React.createElement("style",null,".ug-box-block-3-"+l+" {\n margin-top: "+u+"px;\n margin-bottom: "+s+"px;\n background-color: "+C+";\n color: "+_+";\n font-size: "+c+"px !important;\n border-left: "+k+"px "+g+" "+v+";\n padding: "+b+"px "+m+"px !important;\n text-align: "+i+";\n }"),React.createElement(RichText,{tagName:"div",placeholder:__("Box Text"),className:"ug-box-text ug-box-block-3-"+l,onChange:function(e){return t.setAttributes({boxText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"],keepPlaceholderOnFocus:!0}))]}),save:function(e){var t=e.attributes,o=t.id,n=t.pattern,l=t.boxText,a=t.align,r=t.textSize,i=t.marginTop,c=t.marginBottom,u=t.borderStyle,s=t.borderSize,g=t.borderRadius,d=t.paddingLeftRight,p=t.paddingTopBottom,m=t.textColor,b=t.bgColor,_=t.borderColor,C=t.borderStyle_0,x=t.borderStyle_2,R=t.borderColor_2,h=t.borderSize_3,f=t.borderColor_3;return"0"==n?React.createElement("div",{className:"ug-box-common wp-block-ug-box-block-0"},React.createElement("style",null,".ug-box-block-0-"+o+" {\n margin-top: "+i+"px;\n margin-bottom: "+c+"px;\n background-color: "+b+";\n color: "+m+";\n font-size: "+r+"px !important;\n border: "+s+"px "+C+" "+_+";\n border-radius: "+g+"px;\n padding: "+p+"px "+d+"px !important;\n text-align: "+a+";\n }"),React.createElement(RichText.Content,{tagName:"div",className:"ug-box-text ug-box-block-0-"+o,value:l})):"1"==n?React.createElement("div",{className:"ug-box-common wp-block-ug-box-block-1"},React.createElement("style",null,".ug-box-block-1-"+o+" {\n margin-top: "+i+"px;\n margin-bottom: "+c+"px;\n background-color: "+b+";\n color: "+m+";\n font-size: "+r+"px !important;\n border: "+s+"px "+u+" "+_+";\n border-radius: "+g+"px;\n padding: "+p+"px "+d+"px !important;\n text-align: "+a+";\n }"),React.createElement(RichText.Content,{tagName:"div",className:"ug-box-text ug-box-block-1-"+o,value:l})):"2"==n?React.createElement("div",{className:"ug-box-common wp-block-ug-box-block-2"},React.createElement("style",null,".ug-box-block-2-"+o+" {\n margin-top: "+i+"px;\n margin-bottom: "+c+"px;\n background-color: "+b+";\n color: "+m+";\n font-size: "+r+"px !important;\n border-top: "+s+"px "+x+" "+R+";\n border-bottom: "+s+"px "+x+" "+R+";\n padding: "+p+"px "+d+"px !important;\n text-align: "+a+";\n "),React.createElement(RichText.Content,{tagName:"div",className:"ug-box-text ug-box-block-2-"+o,value:l})):"3"==n?React.createElement("div",{className:"ug-box-common wp-block-ug-box-block-3"},React.createElement("style",null,".ug-box-block-3-"+o+" {\n margin-top: "+i+"px;\n margin-bottom: "+c+"px;\n background-color: "+b+";\n color: "+m+";\n font-size: "+r+"px !important;\n border-left: "+h+"px "+u+" "+f+";\n padding: "+p+"px "+d+"px !important;\n text-align: "+a+";\n }"),React.createElement(RichText.Content,{tagName:"div",className:"ug-box-text ug-box-block-3-"+o,value:l})):void 0}});__=wp.i18n.__,Component=(_wp$element=wp.element).Component,Fragment=_wp$element.Fragment,registerBlockType=(_wp$blocks=wp.blocks).registerBlockType,createBlock=_wp$blocks.createBlock,InspectorControls=(_wp$editor=wp.editor).InspectorControls,BlockControls=_wp$editor.BlockControls,ColorPalette=_wp$editor.ColorPalette,URLInput=_wp$editor.URLInput,RichText=_wp$editor.RichText,AlignmentToolbar=_wp$editor.AlignmentToolbar,BlockAlignmentToolbar=_wp$editor.BlockAlignmentToolbar,MediaUpload=_wp$editor.MediaUpload,PanelColorSettings=_wp$editor.PanelColorSettings,RangeControl=(_wp$components=wp.components).RangeControl,PanelBody=_wp$components.PanelBody,TextControl=_wp$components.TextControl,SelectControl=_wp$components.SelectControl,IconButton=_wp$components.IconButton,Toolbar=_wp$components.Toolbar,Dashicon=_wp$components.Dashicon,Button=_wp$components.Button,ButtonGroup=_wp$components.ButtonGroup,ToggleControl=_wp$components.ToggleControl,FormToggle=_wp$components.FormToggle,FontSizePicker=_wp$components.FontSizePicker,withState=wp.compose.withState;registerBlockType("ug/blockquote-block",{title:__("Ug Blockquote"),icon:"format-quote",category:"ug-block",keywords:[__("Quotes"),__("Quote"),__("Ultimate Gutenberg")],attributes:{id:{type:"string"},pattern:{type:"string",default:"1"},textSize:{type:"number",default:"16"},authorSize:{type:"number",default:"16"},blockquoteText:{type:"children",selector:".ug-blockquote-text"},blockquoteAuthorText:{type:"children",selector:".ug-blockquote-author-text"},align:{type:"string",default:"left"},marginTop:{type:"string",default:"0"},marginBottom:{type:"string",default:"20"},borderStyle:{type:"string",default:"solid"},borderSize:{type:"number",default:"3"},borderRadius:{type:"number",default:"0"},paddingLeftRight:{type:"number",default:"20"},paddingTopBottom:{type:"number",default:"10"},textColor:{type:"string",default:"#545454"},bgColor:{type:"string",default:"#f5f5f5"},borderColor:{type:"string",default:"#545454"},iconColor:{type:"string",default:"#545454"},borderStyle_0:{type:"string",default:"none"},paddingLeftRight_0:{type:"number",default:"0"},paddingTopBottom_0:{type:"number",default:"0"},bgColor_0:{type:"string",default:"#ffffff"},iconColor_0:{type:"string",default:"#545454"},textColor_3:{type:"string",default:"#ffffff"},bgColor_3:{type:"string",default:"#545454"}},edit:withState({editable:"content"})(function(t){var e=t.isSelected,o=(t.editable,t.setState,t.clientId),n=t.attributes,l=n.id,a=n.pattern,r=n.blockquoteText,i=n.blockquoteAuthorText,c=n.align,u=n.textSize,s=n.authorSize,g=n.marginTop,d=n.marginBottom,p=n.borderStyle,m=n.borderSize,b=n.borderRadius,_=n.paddingLeftRight,C=n.paddingTopBottom,x=n.textColor,R=n.bgColor,h=n.borderColor,f=n.iconColor,k=n.iconColor_0,v=n.borderStyle_0,B=n.paddingLeftRight_0,T=n.paddingTopBottom_0,y=n.bgColor_0,w=n.textColor_3,E=n.bgColor_3;return l\|\|t.setAttributes({id:o}),[e&&React.createElement(BlockControls,null,React.createElement(AlignmentToolbar,{value:c,onChange:function(e){return t.setAttributes({align:e})},controls:["left","center","right"]})),e&&React.createElement(InspectorControls,null,React.createElement(PanelBody,null,React.createElement(SelectControl,{label:__("Select Pattern"),value:a,onChange:function(e){t.setAttributes({pattern:e})},help:__("You can change template pattern here. If you want to know more about type of templates, please view Document on website."),options:[{value:"0",label:"Pattern 0"},{value:"1",label:"Pattern 1"},{value:"2",label:"Pattern 2"},{value:"3",label:"Pattern 3"}]})),React.createElement(PanelBody,{title:__("Text Size")},React.createElement(RangeControl,{label:__("Text Size"),value:u,onChange:function(e){return t.setAttributes({textSize:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Author Size"),value:s,onChange:function(e){return t.setAttributes({authorSize:e})},min:0,max:100,step:1})),React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),value:g,onChange:function(e){return t.setAttributes({marginTop:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),value:d,onChange:function(e){return t.setAttributes({marginBottom:e})},min:0,max:100,step:1})),"0"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:v,onChange:function(e){t.setAttributes({borderStyle_0:e})},options:[{value:"solid",label:"solid"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"ridge",label:"ridge"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"none",label:"none"}]}),React.createElement(RangeControl,{label:__("Border Size"),value:m,onChange:function(e){return t.setAttributes({borderSize:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:b,onChange:function(e){return t.setAttributes({borderRadius:e})},min:0,max:20,step:1})),"0"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:B,onChange:function(e){return t.setAttributes({paddingLeftRight_0:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:T,onChange:function(e){return t.setAttributes({paddingTopBottom_0:e})},min:0,max:100,step:1})),"0"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:x,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")},{value:y,onChange:function(e){return t.setAttributes({bgColor_0:e})},label:__("Background Color")},{value:h,onChange:function(e){return t.setAttributes({borderColor:e})},label:__("Border Color")},{value:k,onChange:function(e){return t.setAttributes({iconColor_0:e})},label:__("Icon Color")}]}),"1"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:p,onChange:function(e){t.setAttributes({borderStyle:e})},options:[{value:"solid",label:"solid"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"ridge",label:"ridge"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"none",label:"none"}]}),React.createElement(RangeControl,{label:__("Border Size"),value:m,onChange:function(e){return t.setAttributes({borderSize:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:b,onChange:function(e){return t.setAttributes({borderRadius:e})},min:0,max:20,step:1})),"1"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:_,onChange:function(e){return t.setAttributes({paddingLeftRight:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:C,onChange:function(e){return t.setAttributes({paddingTopBottom:e})},min:0,max:100,step:1})),"1"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:x,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")},{value:R,onChange:function(e){return t.setAttributes({bgColor:e})},label:__("Background Color")},{value:h,onChange:function(e){return t.setAttributes({borderColor:e})},label:__("Border Color")},{value:f,onChange:function(e){return t.setAttributes({iconColor:e})},label:__("Icon Color")}]}),"2"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:p,onChange:function(e){t.setAttributes({borderStyle:e})},options:[{value:"solid",label:"solid"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"ridge",label:"ridge"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"none",label:"none"}]}),React.createElement(RangeControl,{label:__("Border Size"),value:m,onChange:function(e){return t.setAttributes({borderSize:e})},min:0,max:20,step:1})),"2"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:_,onChange:function(e){return t.setAttributes({paddingLeftRight:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:C,onChange:function(e){return t.setAttributes({paddingTopBottom:e})},min:0,max:100,step:1})),"2"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:x,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")},{value:R,onChange:function(e){return t.setAttributes({bgColor:e})},label:__("Background Color")},{value:h,onChange:function(e){return t.setAttributes({borderColor:e})},label:__("Border Color")},{value:f,onChange:function(e){return t.setAttributes({iconColor:e})},label:__("Icon Color")}]}),"3"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:_,onChange:function(e){return t.setAttributes({paddingLeftRight:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:C,onChange:function(e){return t.setAttributes({paddingTopBottom:e})},min:0,max:100,step:1})),"3"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:w,onChange:function(e){return t.setAttributes({textColor_3:e})},label:__("Text Color")},{value:E,onChange:function(e){return t.setAttributes({bgColor_3:e})},label:__("Background Color")},{value:f,onChange:function(e){return t.setAttributes({iconColor:e})},label:__("Icon Color")}]})),"0"==a&&React.createElement("div",{key:"editable",className:"ug-blockquote-common wp-block-ug-blockquote-block-0"},React.createElement("style",null,".ug-blockquote-block-0-"+l+" {\n margin-top: "+g+"px;\n margin-bottom: "+d+"px;\n background-color: "+y+";\n border: "+m+"px "+v+" "+h+";\n border-radius: "+b+"px;\n padding: "+T+"px "+B+"px !important;\n }",".ug-blockquote-block-0-"+l+":before {\n color: "+k+";\n }",".ug-blockquote-block-0-"+l+" p {\n color: "+x+";\n font-size: "+u+"px !important ;\n text-align: "+c+";\n }",".ug-blockquote-block-0-"+l+" cite {\n color: "+x+";\n font-size: "+s+"px !important;\n }"),React.createElement("blockquote",{className:"ug-blockquote-block-0-"+l},React.createElement(RichText,{tagName:"p",placeholder:__("Quote Text"),className:"ug-blockquote-text",onChange:function(e){return t.setAttributes({blockquoteText:e})},value:r,formattingControls:["bold","italic","link"],keepPlaceholderOnFocus:!0}),React.createElement(RichText,{tagName:"cite",placeholder:__("Ouote author"),className:"ug-blockquote-author-text",onChange:function(e){return t.setAttributes({blockquoteAuthorText:e})},value:i,formattingControls:["bold","italic","link"],keepPlaceholderOnFocus:!0}))),"1"==a&&React.createElement("div",{key:"editable",className:"ug-blockquote-common wp-block-ug-blockquote-block-1"},React.createElement("style",null,".ug-blockquote-block-1-"+l+" {\n margin-top: "+g+"px;\n margin-bottom: "+d+"px;\n background-color: "+R+";\n border: "+m+"px "+p+" "+h+";\n border-radius: "+b+"px;\n padding: "+C+"px "+_+"px !important;\n }",".ug-blockquote-block-1-"+l+":before {\n color: "+f+";\n }",".ug-blockquote-block-1-"+l+" p {\n color: "+x+";\n font-size: "+u+"px !important ;\n text-align: "+c+";\n }",".ug-blockquote-block-1-"+l+" cite {\n color: "+x+";\n font-size: "+s+"px !important;\n }"),React.createElement("blockquote",{className:"ug-blockquote-block-1-"+l},React.createElement(RichText,{tagName:"p",placeholder:__("Quote Text"),className:"ug-blockquote-text",onChange:function(e){return t.setAttributes({blockquoteText:e})},value:r,formattingControls:["bold","italic","link"],keepPlaceholderOnFocus:!0}),React.createElement(RichText,{tagName:"cite",placeholder:__("Ouote author"),className:"ug-blockquote-author-text",onChange:function(e){return t.setAttributes({blockquoteAuthorText:e})},value:i,formattingControls:["bold","italic","link"],keepPlaceholderOnFocus:!0}))),"2"==a&&React.createElement("div",{key:"editable",className:"ug-blockquote-common wp-block-ug-blockquote-block-2"},React.createElement("style",null,".ug-blockquote-block-2-"+l+" {\n margin-top: "+g+"px;\n margin-bottom: "+d+"px;\n background-color: "+R+";\n border-left: "+m+"px "+p+" "+h+";\n padding: "+C+"px "+_+"px !important;\n }",".ug-blockquote-block-2-"+l+":before {\n color: "+f+";\n }",".ug-blockquote-block-2-"+l+" p {\n color: "+x+";\n font-size: "+u+"px !important;\n text-align: "+c+";\n }",".ug-blockquote-block-2-"+l+" cite {\n color: "+x+";\n font-size: "+s+"px !important;\n }"),React.createElement("blockquote",{className:"ug-blockquote-block-2-"+l},React.createElement(RichText,{tagName:"p",placeholder:__("Quote Text"),className:"ug-blockquote-text",onChange:function(e){return t.setAttributes({blockquoteText:e})},value:r,formattingControls:["bold","italic","link"],keepPlaceholderOnFocus:!0}),React.createElement(RichText,{tagName:"cite",placeholder:__("Ouote author"),className:"ug-blockquote-author-text",onChange:function(e){return t.setAttributes({blockquoteAuthorText:e})},value:i,formattingControls:["bold","italic","link"],keepPlaceholderOnFocus:!0}))),"3"==a&&React.createElement("div",{key:"editable",className:"ug-blockquote-common wp-block-ug-blockquote-block-3"},React.createElement("style",null,".ug-blockquote-block-3-"+l+" {\n margin-top: "+g+"px;\n margin-bottom: "+d+"px;\n background-color: "+E+";\n padding: "+C+"px "+_+"px !important;\n }",".ug-blockquote-block-3-"+l+":before {\n color: "+f+";\n }",".ug-blockquote-block-3-"+l+" p {\n color: "+w+";\n font-size: "+u+"px !important ;\n text-align: "+c+";\n }",".ug-blockquote-block-3-"+l+" cite {\n color: "+w+";\n font-size: "+s+"px !important;\n }"),React.createElement("blockquote",{className:"ug-blockquote-block-3-"+l},React.createElement(RichText,{tagName:"p",placeholder:__("Quote Text"),className:"ug-blockquote-text",onChange:function(e){return t.setAttributes({blockquoteText:e})},value:r,formattingControls:["bold","italic","link"],keepPlaceholderOnFocus:!0}),React.createElement(RichText,{tagName:"cite",placeholder:__("Ouote author"),className:"ug-blockquote-author-text",onChange:function(e){return t.setAttributes({blockquoteAuthorText:e})},value:i,formattingControls:["bold","italic","link"],keepPlaceholderOnFocus:!0})))]}),save:function(e){var t=e.attributes,o=t.id,n=t.pattern,l=t.blockquoteText,a=t.blockquoteAuthorText,r=t.align,i=t.textSize,c=t.authorSize,u=t.marginTop,s=t.marginBottom,g=t.borderStyle,d=t.borderSize,p=t.borderRadius,m=t.paddingLeftRight,b=t.paddingTopBottom,_=t.textColor,C=t.bgColor,x=t.borderColor,R=t.iconColor,h=t.iconColor_0,f=t.borderStyle_0,k=t.paddingLeftRight_0,v=t.paddingTopBottom_0,B=t.bgColor_0,T=t.textColor_3,y=t.bgColor_3;return"0"==n?React.createElement("div",{className:" ug-blockquote-common wp-block-ug-blockquote-block-0"},React.createElement("style",null,".ug-blockquote-block-0-"+o+" {\n margin-top: "+u+"px;\n margin-bottom: "+s+"px;\n background-color: "+B+";\n border: "+d+"px "+f+" "+x+";\n border-radius: "+p+"px;\n padding: "+v+"px "+k+"px !important;\n }",".ug-blockquote-block-0-"+o+":before {\n color: "+h+";\n }",".ug-blockquote-block-0-"+o+" p {\n color: "+_+";\n font-size: "+i+"px !important;\n text-align: "+r+";\n }",".ug-blockquote-block-0-"+o+" cite {\n color: "+_+";\n font-size: "+c+"px !important;\n }"),React.createElement("blockquote",{className:"ug-blockquote-block-0-"+o},React.createElement(RichText.Content,{tagName:"p",value:l}),React.createElement(RichText.Content,{tagName:"cite",value:a}))):"1"==n?React.createElement("div",{className:" ug-blockquote-common wp-block-ug-blockquote-block-1"},React.createElement("style",null,".ug-blockquote-block-1-"+o+" {\n margin-top: "+u+"px;\n margin-bottom: "+s+"px;\n background-color: "+C+";\n border: "+d+"px "+g+" "+x+";\n border-radius: "+p+"px;\n padding: "+b+"px "+m+"px !important;\n }",".ug-blockquote-block-1-"+o+":before {\n color: "+R+";\n }",".ug-blockquote-block-1-"+o+" p {\n color: "+_+";\n font-size: "+i+"px !important;\n text-align: "+r+";\n }",".ug-blockquote-block-1-"+o+" cite {\n color: "+_+";\n font-size: "+c+"px !important;\n }"),React.createElement("blockquote",{className:"ug-blockquote-block-1-"+o},React.createElement(RichText.Content,{tagName:"p",value:l}),React.createElement(RichText.Content,{tagName:"cite",value:a}))):"2"==n?React.createElement("div",{className:"ug-blockquote-common wp-block-ug-blockquote-block-2"},React.createElement("style",null,".ug-blockquote-block-2-"+o+" {\n margin-top: "+u+"px;\n margin-bottom: "+s+"px;\n background-color: "+C+";\n border-left: "+d+"px "+g+" "+x+";\n padding: "+b+"px "+m+"px !important;\n }",".ug-blockquote-block-2-"+o+":before {\n color: "+R+";\n }",".ug-blockquote-block-2-"+o+" p {\n color: "+_+";\n font-size: "+i+"px !important;\n text-align: "+r+";\n }",".ug-blockquote-block-2-"+o+" cite {\n color: "+_+";\n font-size: "+c+"px !important;\n }"),React.createElement("blockquote",{className:"ug-blockquote-block-2-"+o},React.createElement(RichText.Content,{tagName:"p",className:"ug-blockquote-text",value:l}),React.createElement(RichText.Content,{tagName:"cite",className:"ug-blockquote-author-text",value:a}))):"3"==n?React.createElement("div",{className:"ug-blockquote-common wp-block-ug-blockquote-block-3"},React.createElement("style",null,".ug-blockquote-block-3-"+o+" {\n margin-top: "+u+"px;\n margin-bottom: "+s+"px;\n background-color: "+y+";\n padding: "+b+"px "+m+"px !important;\n }",".ug-blockquote-block-3-"+o+":before {\n color: "+R+";\n }",".ug-blockquote-block-3-"+o+" p {\n color: "+T+";\n font-size: "+i+"px !important ;\n text-align: "+r+";\n }",".ug-blockquote-block-3-"+o+" cite {\n color: "+_+";\n font-size: "+c+"px !important;\n }"),React.createElement("blockquote",{className:"ug-blockquote-block-3-"+o},React.createElement(RichText.Content,{tagName:"p",value:l}),React.createElement(RichText.Content,{tagName:"cite",value:a}))):void 0}});__=wp.i18n.__,Component=(_wp$element=wp.element).Component,Fragment=_wp$element.Fragment,registerBlockType=(_wp$blocks=wp.blocks).registerBlockType,createBlock=_wp$blocks.createBlock,InspectorControls=(_wp$editor=wp.editor).InspectorControls,BlockControls=_wp$editor.BlockControls,ColorPalette=_wp$editor.ColorPalette,URLInput=_wp$editor.URLInput,RichText=_wp$editor.RichText,AlignmentToolbar=_wp$editor.AlignmentToolbar,BlockAlignmentToolbar=_wp$editor.BlockAlignmentToolbar,MediaUpload=_wp$editor.MediaUpload,RangeControl=(_wp$components=wp.components).RangeControl,PanelBody=_wp$components.PanelBody;var PanelColor=_wp$components.PanelColor,TextareaControl=(TextControl=_wp$components.TextControl,SelectControl=_wp$components.SelectControl,IconButton=_wp$components.IconButton,Toolbar=_wp$components.Toolbar,Dashicon=_wp$components.Dashicon,Button=_wp$components.Button,ButtonGroup=_wp$components.ButtonGroup,ToggleControl=_wp$components.ToggleControl,FormToggle=_wp$components.FormToggle,FontSizePicker=_wp$components.FontSizePicker,_wp$components.TextareaControl);withState=wp.compose.withState;registerBlockType("ug/code-block-1",{title:__("Ug Code"),icon:"editor-code",category:"ug-block",keywords:[__("Codes"),__("Code"),__("Ultimate Gutenberg")],attributes:{id:{type:"string"},textSize:{type:"number",default:"14"},language:{type:"string",default:"html"},codeContent:{type:"string"},screenMode:{type:"string",default:"lightMode"},marginTop:{type:"string",default:"0"},marginBottom:{type:"string",default:"20"}},edit:withState({editable:"content"})(function(t){var e=t.isSelected,o=(t.editable,t.setState,t.clientId),n=t.attributes,l=n.id,a=n.textSize,r=n.language,i=n.screenMode,c=n.codeContent,u=n.marginTop,s=n.marginBottom,g="javascript",d="ReactJs",p="htaccess",m="wordpress",b="lightMode",_="darkMode";return l\|\|t.setAttributes({id:o}),[e&&React.createElement(InspectorControls,null,React.createElement(PanelBody,{title:__("Text Size")},React.createElement(RangeControl,{value:a,onChange:function(e){return t.setAttributes({textSize:e})},min:0,max:100,step:1})),React.createElement(PanelBody,{title:__("Screen Mode")},React.createElement(ButtonGroup,{"aria-label":__("Screen Mode")},React.createElement(Button,{isLarge:!0,isPrimary:i===b,"aria-pressed":i===b,onClick:function(){return t.setAttributes({screenMode:"lightMode"})}},"LightMode"),React.createElement(Button,{isLarge:!0,isPrimary:i===_,"aria-pressed":i===_,onClick:function(){return t.setAttributes({screenMode:"darkMode"})}},"DarkMode"))),React.createElement(PanelBody,{title:__("Language")},React.createElement(ButtonGroup,{"aria-label":__("Language")},React.createElement(Button,{isLarge:!0,isPrimary:"html"===r,"aria-pressed":"html"===r,onClick:function(){return t.setAttributes({language:"html"})}},"html"),React.createElement(Button,{isLarge:!0,isPrimary:"css"===r,"aria-pressed":"css"===r,onClick:function(){return t.setAttributes({language:"css"})}},"css"),React.createElement(Button,{isLarge:!0,isPrimary:r===g,"aria-pressed":r===g,onClick:function(){return t.setAttributes({language:"javascript"})}},"javascript"),React.createElement(Button,{isLarge:!0,isPrimary:"JQuery"===r,"aria-pressed":"JQuery"===r,onClick:function(){return t.setAttributes({language:"JQuery"})}},"JQuery"),React.createElement(Button,{isLarge:!0,isPrimary:r===d,"aria-pressed":r===d,onClick:function(){return t.setAttributes({language:"ReactJs"})}},"React Js"),React.createElement(Button,{isLarge:!0,isPrimary:"php"===r,"aria-pressed":"php"===r,onClick:function(){return t.setAttributes({language:"php"})}},"php"),React.createElement(Button,{isLarge:!0,isPrimary:"sql"===r,"aria-pressed":"sql"===r,onClick:function(){return t.setAttributes({language:"sql"})}},"sql"),React.createElement(Button,{isLarge:!0,isPrimary:r===p,"aria-pressed":r===p,onClick:function(){return t.setAttributes({language:"htaccess"})}},"htaccess"),React.createElement(Button,{isLarge:!0,isPrimary:r===m,"aria-pressed":r===m,onClick:function(){return t.setAttributes({language:"wordpress"})}},"wordpress"),React.createElement(Button,{isLarge:!0,isPrimary:"code"===r,"aria-pressed":"code"===r,onClick:function(){return t.setAttributes({language:"code"})}},"code"))),React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),value:u,onChange:function(e){return t.setAttributes({marginTop:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),value:s,onChange:function(e){return t.setAttributes({marginBottom:e})},min:0,max:100,step:1}))),React.createElement("div",{key:"editable",className:"ug-code-common ug-code-common-"+i+" wp-block-ug-code-block-1"},React.createElement("style",null,".ug-code-block-1-"+l+" {\n margin-top: "+u+"px;\n margin-bottom: "+s+"px;\n }"),React.createElement(TextareaControl,{label:r+" "+i,help:"Code Block's style is reflected on only front screen.",rows:"10",onChange:function(e){return t.setAttributes({codeContent:e})},value:c}))]}),save:function(e){var t=e.attributes,o=t.id,n=t.textSize,l=t.language,a=t.screenMode,r=t.codeContent;return React.createElement("div",{className:"ug-code-common wp-block-ug-code-block-1"},React.createElement("style",null,".ug-code-block-1-"+o+" {\n font-size: "+n+"px !important;\n }"),React.createElement("span",{className:"ug-code-language-"+l},l),React.createElement("pre",{className:"ug-code-common-"+a},React.createElement("code",{className:"ug-code-block-1-"+o},r)))}});__=wp.i18n.__,Component=(_wp$element=wp.element).Component,Fragment=_wp$element.Fragment,registerBlockType=(_wp$blocks=wp.blocks).registerBlockType,createBlock=_wp$blocks.createBlock,InspectorControls=(_wp$editor=wp.editor).InspectorControls,BlockControls=_wp$editor.BlockControls,ColorPalette=_wp$editor.ColorPalette,URLInput=_wp$editor.URLInput,RichText=_wp$editor.RichText,AlignmentToolbar=_wp$editor.AlignmentToolbar,BlockAlignmentToolbar=_wp$editor.BlockAlignmentToolbar,MediaUpload=_wp$editor.MediaUpload,PanelColorSettings=_wp$editor.PanelColorSettings,RangeControl=(_wp$components=wp.components).RangeControl,PanelBody=_wp$components.PanelBody,TextControl=_wp$components.TextControl,SelectControl=_wp$components.SelectControl,IconButton=_wp$components.IconButton,Toolbar=_wp$components.Toolbar,Dashicon=_wp$components.Dashicon,Button=_wp$components.Button,ButtonGroup=_wp$components.ButtonGroup,ToggleControl=_wp$components.ToggleControl,FormToggle=_wp$components.FormToggle,FontSizePicker=_wp$components.FontSizePicker,withState=wp.compose.withState;registerBlockType("ug/click-to-tweet-block",{title:__(" Ug Click to tweet"),icon:"twitter",category:"ug-block",keywords:[__("Click to tweet"),__("Twitter"),__("Ultimate Gutenberg")],attributes:{id:{type:"string"},pattern:{type:"string",default:"1"},textSize:{type:"number",default:"16"},iconSize:{type:"number",default:"16"},cttText:{type:"children",selector:".ug-ctt-text"},align:{type:"string",default:"left"},marginTop:{type:"string",default:"0"},marginBottom:{type:"string",default:"20"},hashTag:{type:"string",default:""},via:{type:"string",default:""},cttTwIcon:{type:"string",default:"fab fa-twitter"},borderStyle:{type:"string",default:"solid"},borderSize:{type:"number",default:"3"},borderRadius:{type:"number",default:"0"},paddingLeftRight:{type:"number",default:"20"},paddingTopBottom:{type:"number",default:"10"},textColor:{type:"string",default:"#545454"},bgColor:{type:"string",default:"#f5f5f5"},borderColor:{type:"string",default:"#545454"},iconColor:{type:"string",default:"#55acee"}},edit:withState({editable:"content"})(function(t){var e=t.isSelected,o=(t.editable,t.setState),n=t.clientId,l=t.attributes,a=l.id,r=l.pattern,i=l.cttText,c=l.align,u=l.textSize,s=l.iconSize,g=l.marginTop,d=l.marginBottom,p=l.hashTag,m=l.via,b=l.cttTwIcon,_=l.borderStyle,C=l.borderSize,x=l.borderRadius,R=l.paddingLeftRight,h=l.paddingTopBottom,f=l.textColor,k=l.bgColor,v=l.borderColor,B=l.iconColor;return a\|\|t.setAttributes({id:n}),[e&&React.createElement(BlockControls,null,React.createElement(AlignmentToolbar,{value:c,onChange:function(e){return t.setAttributes({align:e})},controls:["left","center","right"]})),e&&React.createElement(InspectorControls,null,React.createElement(PanelBody,null,React.createElement(SelectControl,{label:__("Select Pattern"),value:r,onChange:function(e){t.setAttributes({pattern:e})},help:__("You can change template pattern here. If you want to know more about type of templates. Please view Document on website."),options:[{value:"1",label:"Pattern 1"}]})),React.createElement(PanelBody,{title:__("Text Size")},React.createElement(RangeControl,{label:__("Text Size"),value:u,onChange:function(e){return t.setAttributes({textSize:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Icon Size"),value:s,onChange:function(e){return t.setAttributes({iconSize:e})},min:0,max:100,step:1})),React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),value:g,onChange:function(e){return t.setAttributes({marginTop:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),value:d,onChange:function(e){return t.setAttributes({marginBottom:e})},min:0,max:100,step:1})),React.createElement(PanelBody,{title:__("Twitter")},React.createElement(TextControl,{type:"string",label:__("HashTag"),value:p,onChange:function(e){return t.setAttributes({hashTag:e})},help:"Add some hashtags. Comma separated values. Not include #"}),React.createElement(TextControl,{type:"string",label:__("Via"),value:m,onChange:function(e){return t.setAttributes({via:e})},help:"Add a twitter account id. Not include @"}),React.createElement(SelectControl,{label:__("Select tweet icon"),value:b,onChange:function(e){t.setAttributes({cttTwIcon:e})},options:[{value:"fab fa-twitter",label:"fa-twitter"},{value:"fab fa-twitter-square",label:"fa-twitter-square"}]})),"1"===r&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:_,onChange:function(e){t.setAttributes({borderStyle:e})},options:[{value:"solid",label:"solid"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"ridge",label:"ridge"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"none",label:"none"}]}),React.createElement(RangeControl,{label:__("Border Size"),value:C,onChange:function(e){return t.setAttributes({borderSize:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:x,onChange:function(e){return t.setAttributes({borderRadius:e})},min:0,max:20,step:1})),"1"===r&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:R,onChange:function(e){return t.setAttributes({paddingLeftRight:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:h,onChange:function(e){return t.setAttributes({paddingTopBottom:e})},min:0,max:100,step:1})),"1"===r&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:f,onChange:function(e){return t.setAttributes({textColor:e})},label:__("Text Color")},{value:k,onChange:function(e){return t.setAttributes({bgColor:e})},label:__("Background Color")},{value:v,onChange:function(e){return t.setAttributes({borderColor:e})},label:__("Border Color")},{value:B,onChange:function(e){return t.setAttributes({iconColor:e})},label:__("Icon Color")}]})),"1"==r&&React.createElement("div",{key:"editable",className:"wp-block-ug-ctt-block-1 ug-ctt-common"},React.createElement("style",null,".ug-ctt-block-1-"+a+" {\n margin-top: "+g+"px;\n margin-bottom: "+d+"px;\n background-color: "+k+";\n color: "+f+";\n border: "+C+"px "+_+" "+v+";\n border-radius: "+x+"px;\n padding: "+h+"px "+R+"px !important;\n text-align: "+c+";\n }",".ug-ctt-block-1-"+a+" p {\n font-size: "+u+"px !important;\n }",".ug-ctt-block-1-"+a+" .ctt-button {\n font-size: "+s+"px !important;\n }",".ug-ctt-block-1-"+a+" .ctt-button i {\n color: "+B+";\n }"),React.createElement("div",{className:"ug-ctt-block-1-"+a},React.createElement(RichText,{tagName:"p",placeholder:__("Click to tweet Text"),className:"ug-ctt-text",onChange:function(e){return t.setAttributes({cttText:e})},value:i,formattingControls:["bold","italic"],onFocus:("button_text",function(){o({editable:"button_text"})}),keepPlaceholderOnFocus:!0}),React.createElement("div",{className:"ctt-button"},React.createElement("i",{className:b})," Click to tweet")))]}),save:function(e){return null}});__=wp.i18n.__,Component=(_wp$element=wp.element).Component,Fragment=_wp$element.Fragment,registerBlockType=(_wp$blocks=wp.blocks).registerBlockType,createBlock=_wp$blocks.createBlock,InspectorControls=(_wp$editor=wp.editor).InspectorControls,BlockControls=_wp$editor.BlockControls,ColorPalette=_wp$editor.ColorPalette,URLInput=_wp$editor.URLInput,RichText=_wp$editor.RichText,AlignmentToolbar=_wp$editor.AlignmentToolbar,BlockAlignmentToolbar=_wp$editor.BlockAlignmentToolbar,MediaUpload=_wp$editor.MediaUpload,RangeControl=(_wp$components=wp.components).RangeControl,PanelBody=_wp$components.PanelBody,PanelColor=_wp$components.PanelColor,TextControl=_wp$components.TextControl,SelectControl=_wp$components.SelectControl,IconButton=_wp$components.IconButton,Toolbar=_wp$components.Toolbar,Dashicon=_wp$components.Dashicon,Button=_wp$components.Button,ButtonGroup=_wp$components.ButtonGroup,ToggleControl=_wp$components.ToggleControl,FormToggle=_wp$components.FormToggle,FontSizePicker=_wp$components.FontSizePicker,TextareaControl=_wp$components.TextareaControl,withState=wp.compose.withState;registerBlockType("ug/spacer-block-1",{title:__("Ug Spacer"),icon:"image-flip-vertical",category:"ug-block",keywords:[__("Spacers"),__("Spacer"),__("Ultimate Gutenberg")],attributes:{id:{type:"string"},height:{type:"number",default:"50"}},edit:withState({editable:"content"})(function(t){var e=t.isSelected,o=(t.editable,t.setState,t.clientId),n=t.attributes,l=n.id,a=n.height;return l\|\|t.setAttributes({id:o}),[e&&React.createElement(InspectorControls,null,React.createElement(PanelBody,{title:__("Height")},React.createElement(RangeControl,{value:a,onChange:function(e){return t.setAttributes({height:e})},min:0,max:200,step:1}))),React.createElement("div",{key:"editable",className:"ug-spacer-common wp-block-ug-spacer-block-1",style:{height:a+"px"}},"Current height is ",React.createElement("b",null,a))]}),save:function(e){var t=e.attributes,o=(t.id,t.height);return React.createElement("div",{className:"ug-spacer-common wp-block-spacer-code-block-1",style:{height:o+"px"}})}});var _wp$element,_wp$blocks,_wp$editor,_wp$components;__=wp.i18n.__,Component=(_wp$element=wp.element).Component,Fragment=_wp$element.Fragment,registerBlockType=(_wp$blocks=wp.blocks).registerBlockType,createBlock=_wp$blocks.createBlock,InspectorControls=(_wp$editor=wp.editor).InspectorControls,BlockControls=_wp$editor.BlockControls,ColorPalette=_wp$editor.ColorPalette,URLInput=_wp$editor.URLInput,RichText=_wp$editor.RichText,AlignmentToolbar=_wp$editor.AlignmentToolbar,BlockAlignmentToolbar=_wp$editor.BlockAlignmentToolbar,MediaUpload=_wp$editor.MediaUpload,RangeControl=(_wp$components=wp.components).RangeControl,PanelBody=_wp$components.PanelBody,PanelColor=_wp$components.PanelColor,TextControl=_wp$components.TextControl,SelectControl=_wp$components.SelectControl,IconButton=_wp$components.IconButton,Toolbar=_wp$components.Toolbar,Dashicon=_wp$components.Dashicon,Button=_wp$components.Button,ButtonGroup=_wp$components.ButtonGroup,ToggleControl=_wp$components.ToggleControl,FormToggle=_wp$components.FormToggle,FontSizePicker=_wp$components.FontSizePicker,TextareaControl=_wp$components.TextareaControl,withState=wp.compose.withState;registerBlockType("ug/divider-block-1",{title:__("Ug Divider"),icon:"editor-insertmore",category:"ug-block",keywords:[__("Dividers"),__("Divuder"),__("Ultimate Gutenberg")],attributes:{id:{type:"string"},pattern:{type:"string",default:"1"},width:{type:"number",default:"100"},align:{type:"string",default:"center"},marginTop:{type:"string",default:"20"},marginBottom:{type:"string",default:"20"},borderStyle:{type:"string",default:"solid"},borderSize:{type:"number",default:"2"},borderColor:{type:"string",default:"#545454"}},edit:withState({editable:"content"})(function(t){var e=t.isSelected,o=(t.editable,t.setState,t.clientId),n=t.attributes,l=n.id,a=n.pattern,r=n.width,i=n.align,c=n.marginTop,u=n.marginBottom,s=n.borderStyle,g=n.borderSize,d=n.borderColor;return l\|\|t.setAttributes({id:o}),[e&&React.createElement(BlockControls,null,React.createElement(AlignmentToolbar,{value:i,onChange:function(e){return t.setAttributes({align:e})},controls:["left","center","right"]})),e&&React.createElement(InspectorControls,null,React.createElement(PanelBody,null,React.createElement(SelectControl,{label:__("Select Pattern"),value:a,onChange:function(e){t.setAttributes({pattern:e})},help:__("You can change template pattern here. If you want to know more about type of templates. Please view Document on website."),options:[{value:"1",label:"Pattern 1"}]})),React.createElement(PanelBody,{title:__("Width(%)")},React.createElement(RangeControl,{value:r,onChange:function(e){return t.setAttributes({width:e})},min:0,max:100,step:1})),React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),value:c,onChange:function(e){return t.setAttributes({marginTop:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),value:u,onChange:function(e){return t.setAttributes({marginBottom:e})},min:0,max:100,step:1})),"1"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:s,onChange:function(e){t.setAttributes({borderStyle:e})},options:[{value:"solid",label:"solid"},{value:"double",label:"double"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"none",label:"none"}]}),React.createElement(RangeControl,{label:__("Border Size"),value:g,onChange:function(e){return t.setAttributes({borderSize:e})},min:0,max:5,step:1})),"1"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:d,onChange:function(e){return t.setAttributes({borderColor:e})},label:__("Border Color")}]})),"1"==a&&React.createElement("hr",{key:"editable",align:i,style:{width:r+"%",marginTop:c,marginBottom:u,borderTop:g+"px "+s+" "+d,backgroundColor:"#ffffff"},className:"ug-divider-common wp-block-ug-divider-block-1 ug-divider-block-1-"+l})]}),save:function(e){var t=e.attributes,o=t.id,n=t.pattern,l=t.width,a=t.align,r=t.marginTop,i=t.marginBottom,c=t.borderStyle,u=t.borderSize,s=t.borderColor;if("1"==n)return React.createElement("hr",{align:a,style:{width:l+"%",marginTop:r,marginBottom:i,borderTop:u+"px "+c+" "+s,backgroundColor:"#ffffff"},className:"ug-divider-block-1-"+o})}});

ultimate-gutenberg/trunk/includes/block-src/click-to-tweet/normal/block.php

-                      r1968100
+                      r1972205
  * Simple block, renders and saves the same content without any interactivity.
  */
+ ?>
+<?php
  function render_click_to_tweet_block_1( $attributes ) {
    $tweet_url = urlencode(get_permalink());

ultimate-gutenberg/trunk/includes/class-ultimate-gutenberg-constants.php

r1971600	r1972205
23	23	class Ultimate_Gutenberg_Constants {
24	24
25		const PLUGIN_VERSION = '1.~~3.2~~';
	25	const PLUGIN_VERSION = '1.4';
26	26
27	27	const PLUGIN_NAME = 'ultimate-gutenberg';

ultimate-gutenberg/trunk/ultimate-gutenberg.php

r1971600	r1972205
10	10	* Plugin URI: https://ug.idea-hack.com
11	11	* Description: Improve defalut Gutenberg Blocks and add tons of beatiful custom blocks.
12		* Version: 1.~~3.2~~
	12	* Version: 1.4
13	13	* Author: KAZUKI KIKUCHI
14	14	* Author URI: https://idea-hack.com

Note: See TracChangeset for help on using the changeset viewer.

Trac UI Preferences

Plugin Directory

Context Navigation

Changeset 1972205

Legend:

ultimate-gutenberg/trunk/README.txt

ultimate-gutenberg/trunk/dist/blocks.build.js

ultimate-gutenberg/trunk/includes/block-src/click-to-tweet/normal/block.php

ultimate-gutenberg/trunk/includes/class-ultimate-gutenberg-constants.php

ultimate-gutenberg/trunk/ultimate-gutenberg.php

Download in other formats: