WordPress.org
Get WordPress

Plugin Directory

Changeset 2126178


Ignore:
Timestamp:
07/21/2019 01:24:28 AM (7 years ago)
Author:
kkikuchi1220
Message:

ver 1.8.7 Update

Location:
ultimate-gutenberg
Files:
1874 added
1 deleted
4 edited

Legend:

Unmodified
Added
Removed

  • ultimate-gutenberg/trunk/README.txt

    r2125545 r2126178  
    66Requires at least: 5.0
    77Tested up to: 5.2.2
    8 Stable tag: 1.8.6
     8Stable tag: 1.8.7
    99License: GPLv2 or later
    1010License URI: http://www.gnu.org/licenses/gpl-2.0.html
    … …  
    4343
    4444== Changelog ==
     45= 1.8.7 =
     46* Fix: When creating a new block from the replication function or Reusable block, the setting may not be reflected properly.
     47* Fix: Fontawesome Icon Does Not Display Properly in Editor.
     48* Fix: Since the front output of Twitter block is done with PHP, HTML editing function on editor screen is disabled.
     49
    4550= 1.8.6 =
    4651* Add New Blocks
    … …  
    134139
    135140== Upgrade Notice ==
     141= 1.8.7 =
     142* Fix: When creating a new block from the replication function or Reusable block, the setting may not be reflected properly.
     143* Fix: Fontawesome Icon Does Not Display Properly in Editor.
     144* Fix: Since the front output of Twitter block is done with PHP, HTML editing function on editor screen is disabled.
     145
    136146= 1.8.6 =
    137147* Add New Blocks

  • ultimate-gutenberg/trunk/admin/class-ultimate-gutenberg-admin.php

    r2125545 r2126178  
    185185            'block_categories',
    186186            function ( $categories, $post ) {
    187             return array_merge( $categories, array( array(
     187            return array_merge( array( array(
    188188                'slug'  => 'ug-block',
    189189                'title' => __( 'Ultiamte Gutenberg - Custom Block Templates', 'ultimate_gutenberg' ),
    190             ) ) );
     190            ) ), $categories );
    191191        },
    192192            10,

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

    r2125545 r2126178  
    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:{default:"1"},buttonText:{type:"children",selector:".ug-button-text",default:"Button Text"},url:{source:"attribute",selector:"a",attribute:"href"},urlOpenNewTab:{default:"false"},align:{default:"center"},textSize:{default:"16"},icon:{default:"fa-external-link-square-alt"},marginTop_1:{default:"0"},marginBottom_1:{default:"20"},borderRadius_1:{default:"0"},paddingLeftRight_1:{default:"20"},paddingTopBottom_1:{default:"10"},bgColor_1:{default:"#545454"},marginTop_2:{default:"0"},marginBottom_2:{default:"20"},borderRadius_2:{default:"0"},paddingLeftRight_2:{default:"20"},paddingTopBottom_2:{default:"10"},bgColor_2:{default:"#545454"},marginTop_3:{default:"0"},marginBottom_3:{default:"20"},paddingLeftRight_3:{default:"20"},paddingTopBottom_3:{default:"10"},borderRadius_3:{default:"0"},textColor_3:{default:"#545454"},marginTop_4:{default:"0"},marginBottom_4:{default:"20"},borderRadius_4:{default:"0"},paddingLeftRight_4:{default:"20"},paddingTopBottom_4:{default:"10"},textColor_4:{default:"#545454"},bgColor_4:{default:"#545454"},marginTop_5:{default:"0"},marginBottom_5:{default:"20"},borderRadius_5:{default:"5"},paddingLeftRight_5:{default:"20"},paddingTopBottom_5:{default:"10"},bgColor_5:{default:"#545454"}},edit:withState({editable:"content"})(function(o){var e=o.isSelected,t=(o.editable,o.setState),n=o.clientId,l=function(e){return function(){t({editable:e})}},a=o.attributes,r=a.id,i=a.pattern,c=a.buttonText,u=a.url,b=a.urlOpenNewTab,g=a.align,p=a.textSize,d=a.icon,m=a.marginTop_1,s=a.marginBottom_1,_=a.borderRadius_1,k=a.paddingLeftRight_1,f=a.paddingTopBottom_1,C=(a.textColor_1,a.bgColor_1),x=a.marginTop_2,R=a.marginBottom_2,h=a.borderRadius_2,w=a.paddingLeftRight_2,B=a.paddingTopBottom_2,v=a.bgColor_2,E=a.marginTop_3,T=a.marginBottom_3,y=a.borderRadius_3,S=a.paddingLeftRight_3,A=a.paddingTopBottom_3,P=a.textColor_3,q=a.marginTop_4,z=a.marginBottom_4,N=a.borderRadius_4,L=a.paddingLeftRight_4,M=a.paddingTopBottom_4,$=a.textColor_4,I=a.bgColor_4,F=a.marginTop_5,U=a.marginBottom_5,G=a.borderRadius_5,D=a.paddingLeftRight_5,H=a.paddingTopBottom_5,O=a.bgColor_5,Q=[{label:__("fas fa-external-link-square-alt"),value:"fa-external-link-square-alt"},{label:__("fas fa-external-link-alt"),value:"fa-external-link-alt"},{label:__("fas fa-link"),value:"fa-link"}];return r||o.setAttributes({id:n}),[e&&React.createElement(BlockControls,null,React.createElement(BlockAlignmentToolbar,{value:g,onChange:function(e){return o.setAttributes({align:e})},controls:["left","center","right"]})),e&&React.createElement(InspectorControls,null,React.createElement(PanelBody,null,React.createElement(BaseControl,{label:__("Select Pattern")},React.createElement(ButtonGroup,{"aria-label":__("Select Pattern")},React.createElement(Button,{onClick:function(e){o.setAttributes({pattern:"1"})},style:{textAlign:"left"}},React.createElement("div",{className:"wp-block-ug-button-common wp-block-ug-button-block-1 wp-block-ug-button-center wp-block-ug-button-block-1-4119b0c7-c987-4203-925c-09a72566c32b"},React.createElement("style",null,".wp-block-ug-button-block-1-4119b0c7-c987-4203-925c-09a72566c32b div.wp-block-ug-button-form-text {\n                  margin-top: 0px !important;\n                  margin-bottom: 5px !important;\n                  background-color: #545454 !important;\n                  font-size: 8px !important;\n                  border-radius: 0px !important;\n                  padding: 5px 10px !important;\n                  width: 100px !important;\n                  text-align: center !important;\n                }"),React.createElement("div",{className:"wp-block-ug-button-form-text wp-block-ug-button-fa-external-link-square-alt"},"Button Text"))),React.createElement(Button,{onClick:function(e){o.setAttributes({pattern:"2"})},style:{textAlign:"left"}},React.createElement("div",{className:"wp-block-ug-button-common wp-block-ug-button-block-2 wp-block-ug-button-center wp-block-ug-button-block-2-4119b0c7-c987-4203-925c-09a72566c32b"},React.createElement("style",null,".wp-block-ug-button-block-2-4119b0c7-c987-4203-925c-09a72566c32b div.wp-block-ug-button-form-text {\n                  margin-top: 0px !important;\n                  margin-bottom: 5px !important;\n                  background-color: #545454 !important;\n                  font-size: 8px !important;\n                  border-radius: 0px !important;\n                  padding: 5px 10px !important;\n                  width: 100px !important;\n                  text-align: center !important;\n                }"),React.createElement("div",{className:"wp-block-ug-button-form-text wp-block-ug-button-fa-external-link-square-alt"},"Button Text"))),React.createElement(Button,{onClick:function(e){o.setAttributes({pattern:"3"})},style:{textAlign:"left"}},React.createElement("div",{className:"wp-block-ug-button-common wp-block-ug-button-block-3 wp-block-ug-button-center wp-block-ug-button-block-3-4119b0c7-c987-4203-925c-09a72566c32b"},React.createElement("style",null,".wp-block-ug-button-block-3-4119b0c7-c987-4203-925c-09a72566c32b div.wp-block-ug-button-form-text {\n                  margin-top: 0px !important;\n                  margin-bottom: 5px !important;\n                  color: #545454 !important;\n                  background-color: #ececec;\n                  font-size: 8px !important;\n                  border-radius: 0px !important;\n                  padding: 5px 10px !important;\n                  width: 100px !important;\n                  text-align: center !important;\n                }"),React.createElement("div",{className:"wp-block-ug-button-form-text wp-block-ug-button-fa-external-link-square-alt"},"Button Text")))))),React.createElement(PanelBody,{title:__("Common Settings")},React.createElement(ToggleControl,{label:__("Open link in new window"),checked:b,onChange:function(){return o.setAttributes({urlOpenNewTab:!b})}}),React.createElement(BaseControl,{label:__("Button icon")},React.createElement("div",{className:"ug-icon-items-wrapper"},Q.map(function(e,t){return React.createElement("div",{className:"ug-icon-item",key:t},React.createElement("span",{onClick:function(){return o.setAttributes({icon:e.value})},className:[e.value===d&&"active",""===e.value&&"remove-icon"].filter(Boolean).join(" ")},React.createElement("i",{class:e.label})))}))),React.createElement(RangeControl,{label:__("Text Size"),value:p,onChange:function(e){return o.setAttributes({textSize:e})},min:0,max:100,step:1})),"1"===i&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:m,onChange:function(e){return o.setAttributes({marginTop_1:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:s,onChange:function(e){return o.setAttributes({marginBottom_1:e})},min:0,max:100,step:1})),"1"===i&&React.createElement(PanelBody,{title:__("Border")},React.createElement(RangeControl,{label:__("Border Radius"),value:_,onChange:function(e){return o.setAttributes({borderRadius_1:e})},min:0,max:20,step:1})),"1"===i&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:k,onChange:function(e){return o.setAttributes({paddingLeftRight_1:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:f,onChange:function(e){return o.setAttributes({paddingTopBottom_1:e})},min:0,max:100,step:1})),"1"===i&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:C,onChange:function(e){return o.setAttributes({bgColor_1:e})},label:__("Background Color")}]}),"2"===i&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:x,onChange:function(e){return o.setAttributes({marginTop_2:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:R,onChange:function(e){return o.setAttributes({marginBottom_2:e})},min:0,max:100,step:1})),"2"===i&&React.createElement(PanelBody,{title:__("Border")},React.createElement(RangeControl,{label:__("Border Radius"),value:h,onChange:function(e){return o.setAttributes({borderRadius_2:e})},min:0,max:20,step:1})),"2"===i&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:w,onChange:function(e){return o.setAttributes({paddingLeftRight_2:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:B,onChange:function(e){return o.setAttributes({paddingTopBottom_2:e})},min:0,max:100,step:1})),"2"===i&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:v,onChange:function(e){return o.setAttributes({bgColor_2:e})},label:__("Background Color")}]}),"3"===i&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:E,onChange:function(e){return o.setAttributes({marginTop_3:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:T,onChange:function(e){return o.setAttributes({marginBottom_3:e})},min:0,max:100,step:1})),"3"===i&&React.createElement(PanelBody,{title:__("Border")},React.createElement(RangeControl,{label:__("Border Radius"),value:y,onChange:function(e){return o.setAttributes({borderRadius_3:e})},min:0,max:20,step:1})),"3"===i&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:S,onChange:function(e){return o.setAttributes({paddingLeftRight_3:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:A,onChange:function(e){return o.setAttributes({paddingTopBottom_3:e})},min:0,max:100,step:1})),"3"===i&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:P,onChange:function(e){return o.setAttributes({textColor_3:e})},label:__("Text Color")}]}),"4"===i&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:q,onChange:function(e){return o.setAttributes({marginTop_4:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:z,onChange:function(e){return o.setAttributes({marginBottom_4:e})},min:0,max:100,step:1})),"4"===i&&React.createElement(PanelBody,{title:__("Border")},React.createElement(RangeControl,{label:__("Border Radius"),value:N,onChange:function(e){return o.setAttributes({borderRadius_4:e})},min:0,max:20,step:1})),"4"===i&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:L,onChange:function(e){return o.setAttributes({paddingLeftRight_4:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:M,onChange:function(e){return o.setAttributes({paddingTopBottom_4:e})},min:0,max:100,step:1})),"4"===i&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:$,onChange:function(e){return o.setAttributes({textColor_4:e})},label:__("Text Color")},{value:I,onChange:function(e){return o.setAttributes({bgColor_4:e})},label:__("Background Color")}]}),"5"===i&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:F,onChange:function(e){return o.setAttributes({marginTop_5:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:U,onChange:function(e){return o.setAttributes({marginBottom_5:e})},min:0,max:100,step:1})),"5"===i&&React.createElement(PanelBody,{title:__("Border")},React.createElement(RangeControl,{label:__("Border Radius"),value:G,onChange:function(e){return o.setAttributes({borderRadius_5:e})},min:0,max:20,step:1})),"5"===i&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:D,onChange:function(e){return o.setAttributes({paddingLeftRight_5:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:H,onChange:function(e){return o.setAttributes({paddingTopBottom_5:e})},min:0,max:100,step:1})),"5"===i&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:O,onChange:function(e){return o.setAttributes({bgColor_5:e})},label:__("Background Color")}]})),"1"==i&&React.createElement("div",{key:"editable"},React.createElement("div",{className:"wp-block-ug-button-block-1 wp-block-ug-button-common wp-block-ug-button-"+g+" wp-block-ug-button-block-1-"+r},React.createElement("style",null,".wp-block-ug-button-block-1-"+r+" div.wp-block-ug-button-form-text {\n                background-color: "+C+" !important;\n                font-size: "+p+"px !important;\n                border-radius: "+_+"px !important;\n                padding: "+f+"px "+k+"px !important;\n              }"),React.createElement(RichText,{tagName:"div",placeholder:__("Button Text"),onChange:function(e){return o.setAttributes({buttonText:e})},value:c,className:"wp-block-ug-button-form-text wp-block-ug-button-"+d,formattingControls:["bold","italic"],onFocus:l("button_text")})),React.createElement("div",{className:"wp-block-ug_button_url_input"},focus&&React.createElement("form",{key:"wp-block-ug-button-form-link",onSubmit:function(e){return e.preventDefault()},className:"editor-format-toolbar__link-modal-line wp-block-ug_button_input_box"},React.createElement(URLInput,{className:"button-url",value:u,onChange:function(e){return o.setAttributes({url:e})}})))),"2"==i&&React.createElement("div",{key:"editable"},React.createElement("div",{className:"wp-block-ug-button-block-2 wp-block-ug-button-common wp-block-ug-button-"+g+" wp-block-ug-button-block-2-"+r},React.createElement("style",null,".wp-block-ug-button-block-2-"+r+" div.wp-block-ug-button-form-text {\n                background-color: "+v+" !important;\n                font-size: "+p+"px !important;\n                border-radius: "+h+"px !important;\n                padding: "+B+"px "+w+"px !important;\n              }"),React.createElement(RichText,{tagName:"div",placeholder:__("Button Text"),onChange:function(e){return o.setAttributes({buttonText:e})},value:c,className:"wp-block-ug-button-form-text wp-block-ug-button-"+d,formattingControls:["bold","italic"],onFocus:l("button_text")})),React.createElement("div",{className:"wp-block-ug_button_url_input"},focus&&React.createElement("form",{key:"wp-block-ug-button-form-link",onSubmit:function(e){return e.preventDefault()},className:"editor-format-toolbar__link-modal-line wp-block-ug_button_input_box"},React.createElement(URLInput,{className:"button-url",value:u,onChange:function(e){return o.setAttributes({url:e})}})))),"3"==i&&React.createElement("div",{key:"editable"},React.createElement("div",{className:"wp-block-ug-button-block-3 wp-block-ug-button-common wp-block-ug-button-"+g+" wp-block-ug-button-block-3-"+r},React.createElement("style",null,".wp-block-ug-button-block-3-"+r+" div.wp-block-ug-button-form-text {\n                  color: "+P+";\n                  background-color: #ececec;\n                  font-size: "+p+"px !important;\n                  border-radius: "+y+"px !important;\n                  padding: "+A+"px "+S+"px !important;\n                }",".wp-block-ug-button-block-3-"+r+" div.wp-block-ug-button-form-text:hover {\n                    background-color: "+P+";\n                    color: #ffffff;\n                }"),React.createElement(RichText,{tagName:"div",placeholder:__("Button Text"),onChange:function(e){return o.setAttributes({buttonText:e})},value:c,className:"wp-block-ug-button-form-text wp-block-ug-button-"+d,formattingControls:["bold","italic"],onFocus:l("button_text")})),React.createElement("div",{className:"wp-block-ug_button_url_input"},focus&&React.createElement("form",{key:"wp-block-ug-button-form-link",onSubmit:function(e){return e.preventDefault()},className:"editor-format-toolbar__link-modal-line wp-block-ug_button_input_box"},React.createElement(URLInput,{className:"button-url",value:u,onChange:function(e){return o.setAttributes({url:e})}})))),"4"==i&&React.createElement("div",{key:"editable"},React.createElement("div",{className:"wp-block-ug-button-block-4 wp-block-ug-button-common wp-block-ug-button-"+g+" wp-block-ug-button-block-4-"+r},React.createElement("style",null,".wp-block-ug-button-block-4-"+r+" div.wp-block-ug-button-form-text {\n                  color: "+$+";\n                  background-color: "+I+" !important;\n                  font-size: "+p+"px !important;\n                  border-radius: "+N+"px !important;\n                  padding: "+M+"px "+L+"px !important;\n                }"),React.createElement(RichText,{tagName:"div",placeholder:__("Button Text"),onChange:function(e){return o.setAttributes({buttonText:e})},value:c,className:"wp-block-ug-button-form-text wp-block-ug-button-"+d,formattingControls:["bold","italic"],onFocus:l("button_text")})),React.createElement("div",{className:"wp-block-ug_button_url_input"},focus&&React.createElement("form",{key:"wp-block-ug-button-form-link",onSubmit:function(e){return e.preventDefault()},className:"editor-format-toolbar__link-modal-line wp-block-ug_button_input_box"},React.createElement(URLInput,{className:"button-url",value:u,onChange:function(e){return o.setAttributes({url:e})}})))),"5"==i&&React.createElement("div",{key:"editable"},React.createElement("div",{className:"wp-block-ug-button-block-5 wp-block-ug-button-common wp-block-ug-button-"+g+" wp-block-ug-button-block-5-"+r},React.createElement("style",null,".wp-block-ug-button-block-5-"+r+" div.wp-block-ug-button-form-text {\n                  background-color: "+O+" !important;\n                  font-size: "+p+"px !important;\n                  border-radius: "+G+"px !important;\n                  padding: "+H+"px "+D+"px !important;\n                }"),React.createElement(RichText,{tagName:"div",placeholder:__("Button Text"),onChange:function(e){return o.setAttributes({buttonText:e})},className:"wp-block-ug-button-form-text wp-block-ug-button-"+d,value:c,formattingControls:["bold","italic"],onFocus:l("button_text")})),React.createElement("div",{className:"wp-block-ug_button_url_input"},focus&&React.createElement("form",{key:"wp-block-ug-button-form-link",onSubmit:function(e){return e.preventDefault()},className:"editor-format-toolbar__link-modal-line wp-block-ug_button_input_box"},React.createElement(URLInput,{className:"button-url",value:u,onChange:function(e){return o.setAttributes({url:e})}}))))]}),save:function(e){var t=e.attributes,o=t.id,n=t.pattern,l=t.buttonText,a=t.url,r=t.urlOpenNewTab,i=t.align,c=t.textSize,u=t.icon,b=t.marginTop_1,g=t.marginBottom_1,p=t.borderRadius_1,d=t.paddingLeftRight_1,m=t.paddingTopBottom_1,s=(t.textColor_1,t.bgColor_1),_=t.marginTop_2,k=t.marginBottom_2,f=t.borderRadius_2,C=t.paddingLeftRight_2,x=t.paddingTopBottom_2,R=t.bgColor_2,h=t.marginTop_3,w=t.marginBottom_3,B=t.borderRadius_3,v=t.paddingLeftRight_3,E=t.paddingTopBottom_3,T=t.textColor_3,y=t.marginTop_4,S=t.marginBottom_4,A=t.borderRadius_4,P=t.paddingLeftRight_4,q=t.paddingTopBottom_4,z=t.textColor_4,N=t.bgColor_4,L=t.marginTop_5,M=t.marginBottom_5,$=t.borderRadius_5,I=t.paddingLeftRight_5,F=t.paddingTopBottom_5,U=t.bgColor_5;return"1"==n?React.createElement("div",{className:"wp-block-ug-button-common wp-block-ug-button-block-1 wp-block-ug-button-"+i+" wp-block-ug-button-block-1-"+o},React.createElement("style",null,".wp-block-ug-button-block-1-"+o+" a {\n            margin-top: "+b+"px !important;\n            margin-bottom: "+g+"px !important;\n            background-color: "+s+" !important;\n            font-size: "+c+"px !important;\n            border-radius: "+p+"px !important;\n            padding: "+m+"px "+d+"px !important;\n          }"),React.createElement("a",{href:a,target:r?"_blank":"_self",rel:"noopener noreferrer",className:"wp-block-ug-button-"+u},l)):"2"==n?React.createElement("div",{className:"wp-block-ug-button-common wp-block-ug-button-block-2 wp-block-ug-button-"+i+" wp-block-ug-button-block-2-"+o},React.createElement("style",null,".wp-block-ug-button-block-2-"+o+" a {\n            margin-top: "+_+"px !important;\n            margin-bottom: "+k+"px !important;\n            background-color: "+R+" !important;\n            font-size: "+c+"px !important;\n            border-radius: "+f+"px !important;\n            padding: "+x+"px "+C+"px !important;\n          }"),React.createElement("a",{href:a,target:r?"_blank":"_self",rel:"noopener noreferrer",className:"wp-block-ug-button-"+u},l)):"3"==n?React.createElement("div",{className:"wp-block-ug-button-common wp-block-ug-button-block-3 wp-block-ug-button-"+i+" wp-block-ug-button-block-3-"+o},React.createElement("style",null,".wp-block-ug-button-block-3-"+o+" a {\n             margin-top: "+h+"px !important;\n             margin-bottom: "+w+"px !important;\n             color: "+T+" !important;\n             background-color: #ececec;\n             font-size: "+c+"px !important;\n             border-radius: "+B+"px !important;\n             padding: "+E+"px "+v+"px !important;\n           }",".wp-block-ug-button-block-3-"+o+" a:hover {\n             background-color: "+T+";\n             color: #ffffff !important;\n           }"),React.createElement("a",{href:a,target:r?"_blank":"_self",rel:"noopener noreferrer",className:"wp-block-ug-button-"+u},l)):"4"==n?React.createElement("div",{className:"wp-block-ug-button-common wp-block-ug-button-block-4 wp-block-ug-button-"+i+" wp-block-ug-button-block-4-"+o},React.createElement("style",null,".wp-block-ug-button-block-4-"+o+" a {\n             margin-top: "+y+"px !important;\n             margin-bottom: "+S+"px !important;\n             color: "+z+";\n             background-color: "+N+" !important;\n             font-size: "+c+"px !important;\n             border-radius: "+A+"px !important;\n             padding: "+q+"px "+P+"px !important;\n           }"),React.createElement("a",{href:a,target:r?"_blank":"_self",rel:"noopener noreferrer",className:"wp-block-ug-button-"+u},l)):"5"==n?React.createElement("div",{className:"wp-block-ug-button-common wp-block-ug-button-block-5 wp-block-ug-button-"+i+" wp-block-ug-button-block-5-"+o},React.createElement("style",null,".wp-block-ug-button-block-5-"+o+" a {\n             margin-top: "+L+"px !important;\n             margin-bottom: "+M+"px !important;\n             background-color: "+U+" !important;\n             font-size: "+c+"px !important;\n             border-radius: "+$+"px !important;\n             padding: "+F+"px "+I+"px !important;\n           }"),React.createElement("a",{href:a,target:r?"_blank":"_self",rel:"noopener noreferrer",className:"wp-block-ug-button-"+u},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:{id:{type:"string"},pattern:{default:"1"},headingText:{type:"children",selector:".ug-heading-text"},headingTag:{default:"h2"},align:{default:"left"},textSize:{default:"24"},marginTop_1:{default:"0"},marginBottom_1:{default:"20"},borderStyle_1:{default:"solid"},borderSize_1:{default:"5"},paddingLeftRight_1:{default:"20"},paddingTopBottom_1:{default:"10"},textColor_1:{default:"#545454"},bgColor_1:{default:"#f5f5f5"},borderColor_1:{default:"#545454"},marginTop_2:{default:"0"},marginBottom_2:{default:"20"},borderStyle_2:{default:"solid"},borderSize_2:{default:"3"},textColor_2:{default:"#545454"},borderColor_2:{default:"#545454"},marginTop_3:{default:"0"},marginBottom_3:{default:"20"},borderStyle_3:{default:"solid"},borderSize_3:{default:"3"},paddingTopBottom_3:{default:"10"},textColor_3:{default:"#545454"},borderColor_3:{default:"#545454"},marginTop_4:{default:"0"},marginBottom_4:{default:"20"},borderStyle_4:{default:"solid"},borderSize_4:{default:"5"},borderRadius_4:{default:"3"},paddingLeftRight_4:{default:"20"},paddingTopBottom_4:{default:"10"},textColor_4:{default:"#545454"},borderColor_4:{default:"#545454"},marginTop_5:{default:"0"},marginBottom_5:{default:"20"},borderStyle_5:{default:"solid"},borderSize_5:{default:"5"},paddingLeftRight_5:{default:"20"},paddingTopBottom_5:{default:"10"},textColor_5:{default:"#545454"},bgColor_5:{default:"#f5f5f5"},borderColor_5:{default:"#545454"},marginTop_6:{default:"0"},marginBottom_6:{default:"20"},borderStyle_6:{default:"solid"},borderLeftSize_6:{default:"5"},borderBottomSize_6:{default:"3"},paddingLeftRight_6:{default:"20"},paddingTopBottom_6:{default:"10"},textColor_6:{default:"#545454"},bgColor_6:{default:"#f5f5f5"},borderLeftColor_6:{default:"#545454"},borderBottomColor_6:{default:"#d7d7d7"},marginTop_7:{default:"0"},marginBottom_7:{default:"20"},borderRadius_7:{default:"25"},paddingLeftRight_7:{default:"20"},paddingTopBottom_7:{default:"10"},textColor_7:{default:"#ffffff"},bgColor_7:{default:"#545454"},decimalColor_7:{default:"#ffffff"},marginTop_8:{default:"0"},marginBottom_8:{default:"20"},paddingLeftRight_8:{default:"20"},paddingTopBottom_8:{default:"10"},textColor_8:{default:"#ffffff"},bgColor_8:{default:"#545454"},marginTop_9:{default:"0"},marginBottom_9:{default:"20"},borderStyle_9:{default:"dashed"},borderSize_9:{default:"1"},paddingLeftRight_9:{default:"20"},paddingTopBottom_9:{default:"10"},textColor_9:{default:"#ffffff"},bgColor_9:{default:"#545454"},borderColor_9:{default:"#ffffff"}},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.headingText,i=n.align,c=n.headingTag,u=n.textSize,b=n.marginTop_1,g=n.marginBottom_1,p=n.borderStyle_1,d=n.borderSize_1,m=n.paddingLeftRight_1,s=n.paddingTopBottom_1,_=n.textColor_1,k=n.bgColor_1,f=n.borderColor_1,C=n.marginTop_2,x=n.marginBottom_2,R=n.borderStyle_2,h=n.borderSize_2,w=n.textColor_2,B=n.borderColor_2,v=n.marginTop_3,E=n.marginBottom_3,T=n.borderStyle_3,y=n.borderSize_3,S=n.paddingTopBottom_3,A=n.textColor_3,P=n.borderColor_3,q=n.marginTop_4,z=n.marginBottom_4,N=n.borderStyle_4,L=n.borderSize_4,M=n.borderRadius_4,$=n.paddingLeftRight_4,I=n.paddingTopBottom_4,F=n.textColor_4,U=n.borderColor_4,G=n.marginTop_5,D=n.marginBottom_5,H=n.borderStyle_5,O=n.borderSize_5,Q=n.paddingLeftRight_5,K=n.paddingTopBottom_5,J=n.textColor_5,j=n.bgColor_5,Z=n.borderColor_5,V=n.marginTop_6,W=n.marginBottom_6,Y=n.borderStyle_6,X=n.borderLeftSize_6,ee=n.borderBottomSize_6,te=n.paddingLeftRight_6,oe=n.paddingTopBottom_6,ne=n.textColor_6,le=n.bgColor_6,ae=n.borderLeftColor_6,re=n.borderBottomColor_6,ie=n.marginTop_7,ce=n.marginBottom_7,ue=n.borderRadius_7,be=n.paddingLeftRight_7,ge=n.paddingTopBottom_7,pe=n.textColor_7,de=n.bgColor_7,me=n.decimalColor_7,se=n.marginTop_8,_e=n.marginBottom_8,ke=n.paddingLeftRight_8,fe=n.paddingTopBottom_8,Ce=n.textColor_8,xe=n.bgColor_8,Re=n.marginTop_9,he=n.marginBottom_9,we=n.borderStyle_9,Be=n.borderSize_9,ve=n.paddingLeftRight_9,Ee=n.paddingTopBottom_9,Te=n.textColor_9,ye=n.bgColor_9,Se=n.borderColor_9;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(BaseControl,{label:__("Select Pattern")},React.createElement(ButtonGroup,{"aria-label":__("Select Pattern")},React.createElement(Button,{onClick:function(e){t.setAttributes({pattern:"1"})}},React.createElement("h2",{style:{marginTop:"0px",marginBottom:"10px",backgroundColor:"#f5f5f5",color:"#545454",fontSize:"12px",borderLeft:"3px solid #545454",padding:"5px 10px",textAlign:"left"},className:"wp-block-ug-heading-block wp-block-ug-heading-common wp-block-ug-heading-block-1 wp-block-ug-heading-block-1-2bc329ae-9dc7-4943-b31f-1bb2caaacb8b"},"Pattern 1")),React.createElement(Button,{onClick:function(e){t.setAttributes({pattern:"2"})}},React.createElement("h2",{style:{marginTop:"0px",marginBottom:"10px",color:"#545454",fontSize:"12px",borderBottom:"3px solid #545454",textAlign:"left"},className:"wp-block-ug-heading-block wp-block-ug-heading-block wp-block-ug-heading-common wp-block-ug-heading-block-2 wp-block-ug-heading-block-2-2bc329ae-9dc7-4943-b31f-1bb2caaacb8b"},"Pattern 2")),React.createElement(Button,{onClick:function(e){t.setAttributes({pattern:"3"})}},React.createElement("h2",{style:{marginTop:"0px",marginBottom:"10px",color:"#545454",fontSize:"12px",borderTop:"3px solid #545454",borderBottom:"3px solid #545454",padding:"5px 0",textAlign:"left"},className:"wp-block-ug-heading-block wp-block-ug-heading-common wp-block-ug-heading-block-3 wp-block-ug-heading-block-3-2bc329ae-9dc7-4943-b31f-1bb2caaacb8b"},"Pattern 3"))))),React.createElement(PanelBody,{title:__("Common Settings")},React.createElement(BaseControl,{label:__("Heading Tag")},React.createElement(ButtonGroup,{"aria-label":__("Heading Tag")},React.createElement(Button,{isLarge:!0,isPrimary:"h1"===c,"aria-pressed":"h1"===c,onClick:function(){return t.setAttributes({headingTag:"h1",textSize:"24"})}},"H1"),React.createElement(Button,{isLarge:!0,isPrimary:"h2"===c,"aria-pressed":"h2"===c,onClick:function(){return t.setAttributes({headingTag:"h2",textSize:"22"})}},"H2"),React.createElement(Button,{isLarge:!0,isPrimary:"h3"===c,"aria-pressed":"h3"===c,onClick:function(){return t.setAttributes({headingTag:"h3",textSize:"20"})}},"H3"),React.createElement(Button,{isLarge:!0,isPrimary:"h4"===c,"aria-pressed":"h4"===c,onClick:function(){return t.setAttributes({headingTag:"h4",textSize:"18"})}},"H4"),React.createElement(Button,{isLarge:!0,isPrimary:"h5"===c,"aria-pressed":"h5"===c,onClick:function(){return t.setAttributes({headingTag:"h5",textSize:"17"})}},"H5"),React.createElement(Button,{isLarge:!0,isPrimary:"h6"===c,"aria-pressed":"h6"===c,onClick:function(){return t.setAttributes({headingTag:"h5",textSize:"17"})}},"H6"))),React.createElement(RangeControl,{label:__("Text Size"),value:u,onChange:function(e){return t.setAttributes({textSize:e})},min:0,max:100,step:1})),"1"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:b,onChange:function(e){return t.setAttributes({marginTop_1:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:g,onChange:function(e){return t.setAttributes({marginBottom_1:e})},min:0,max:100,step:1})),"1"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:p,onChange:function(e){t.setAttributes({borderStyle_1: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_1:e})},min:0,max:20,step:1})),"1"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:m,onChange:function(e){return t.setAttributes({paddingLeftRight_1:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:s,onChange:function(e){return t.setAttributes({paddingTopBottom_1:e})},min:0,max:100,step:1})),"1"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:_,onChange:function(e){return t.setAttributes({textColor_1:e})},label:__("Text Color")},{value:k,onChange:function(e){return t.setAttributes({bgColor_1:e})},label:__("Background Color")},{value:f,onChange:function(e){return t.setAttributes({borderColor_1:e})},label:__("Border Color")}]}),"2"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:C,onChange:function(e){return t.setAttributes({marginTop_2:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:x,onChange:function(e){return t.setAttributes({marginBottom_2:e})},min:0,max:100,step:1})),"2"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:R,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:h,onChange:function(e){return t.setAttributes({borderSize_2:e})},min:0,max:20,step:1})),"2"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:w,onChange:function(e){return t.setAttributes({textColor_2:e})},label:__("Text Color")},{value:B,onChange:function(e){return t.setAttributes({borderColor_2:e})},label:__("Border Color")}]}),"3"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:v,onChange:function(e){return t.setAttributes({marginTop_3:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:E,onChange:function(e){return t.setAttributes({marginBottom_3:e})},min:0,max:100,step:1})),"3"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:T,onChange:function(e){t.setAttributes({borderStyle_3: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:y,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(Top & Bottom)"),value:S,onChange:function(e){return t.setAttributes({paddingTopBottom_3:e})},min:0,max:100,step:1})),"3"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:A,onChange:function(e){return t.setAttributes({textColor_3:e})},label:__("Text Color")},{value:P,onChange:function(e){return t.setAttributes({borderColor_3:e})},label:__("Border Color")}]}),"4"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:q,onChange:function(e){return t.setAttributes({marginTop_4:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:z,onChange:function(e){return t.setAttributes({marginBottom_4:e})},min:0,max:100,step:1})),"4"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:N,onChange:function(e){t.setAttributes({borderStyle_4: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:L,onChange:function(e){return t.setAttributes({borderSize_4:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:M,onChange:function(e){return t.setAttributes({borderRadius_4:e})},min:0,max:20,step:1})),"4"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:$,onChange:function(e){return t.setAttributes({paddingLeftRight_4:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:I,onChange:function(e){return t.setAttributes({paddingTopBottom_4:e})},min:0,max:100,step:1})),"4"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:F,onChange:function(e){return t.setAttributes({textColor_4:e})},label:__("Text Color")},{value:U,onChange:function(e){return t.setAttributes({borderColor_4:e})},label:__("Border Color")}]}),"5"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:G,onChange:function(e){return t.setAttributes({marginTop_5:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:D,onChange:function(e){return t.setAttributes({marginBottom_5:e})},min:0,max:100,step:1})),"5"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:H,onChange:function(e){t.setAttributes({borderStyle_5: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:O,onChange:function(e){return t.setAttributes({borderSize_5:e})},min:0,max:20,step:1})),"5"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:Q,onChange:function(e){return t.setAttributes({paddingLeftRight_5:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:K,onChange:function(e){return t.setAttributes({paddingTopBottom_5:e})},min:0,max:100,step:1})),"5"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:J,onChange:function(e){return t.setAttributes({textColor_5:e})},label:__("Text Color")},{value:j,onChange:function(e){return t.setAttributes({bgColor_5:e})},label:__("Background Color")},{value:Z,onChange:function(e){return t.setAttributes({borderColor_5:e})},label:__("Border Color")}]}),"6"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:V,onChange:function(e){return t.setAttributes({marginTop_6:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:W,onChange:function(e){return t.setAttributes({marginBottom_6:e})},min:0,max:100,step:1})),"6"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:Y,onChange:function(e){t.setAttributes({borderStyle_6: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 Left Size"),value:X,onChange:function(e){return t.setAttributes({borderLeftSize_6:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Bottom Size"),value:ee,onChange:function(e){return t.setAttributes({borderBottomSize_6:e})},min:0,max:20,step:1})),"6"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:te,onChange:function(e){return t.setAttributes({paddingLeftRight_6:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:oe,onChange:function(e){return t.setAttributes({paddingTopBottom_6:e})},min:0,max:100,step:1})),"6"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:ne,onChange:function(e){return t.setAttributes({textColor_6:e})},label:__("Text Color")},{value:le,onChange:function(e){return t.setAttributes({bgColor_6:e})},label:__("Background Color")},{value:ae,onChange:function(e){return t.setAttributes({borderLeftColor_6:e})},label:__("Border Left Color")},{value:re,onChange:function(e){return t.setAttributes({borderBottomColor_6:e})},label:__("Border Bottom Color")}]}),"7"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:ie,onChange:function(e){return t.setAttributes({marginTop_7:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:ce,onChange:function(e){return t.setAttributes({marginBottom_7:e})},min:0,max:100,step:1})),"7"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(RangeControl,{label:__("Border Radius"),value:ue,onChange:function(e){return t.setAttributes({borderRadius_7:e})},min:0,max:50,step:1})),"7"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:be,onChange:function(e){return t.setAttributes({paddingLeftRight_7:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:ge,onChange:function(e){return t.setAttributes({paddingTopBottom_7:e})},min:0,max:100,step:1})),"7"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:pe,onChange:function(e){return t.setAttributes({textColor_7:e})},label:__("Text Color")},{value:de,onChange:function(e){return t.setAttributes({bgColor_7:e})},label:__("Background Color")},{value:me,onChange:function(e){return t.setAttributes({decimalColor_7:e})},label:__("Decimal Color")}]}),"8"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:se,onChange:function(e){return t.setAttributes({marginTop_8:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:_e,onChange:function(e){return t.setAttributes({marginBottom_8:e})},min:0,max:100,step:1})),"8"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:ke,onChange:function(e){return t.setAttributes({paddingLeftRight_8:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:fe,onChange:function(e){return t.setAttributes({paddingTopBottom_8:e})},min:0,max:100,step:1})),"8"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:Ce,onChange:function(e){return t.setAttributes({textColor_8:e})},label:__("Text Color")},{value:xe,onChange:function(e){return t.setAttributes({bgColor_8:e})},label:__("Background Color")}]}),"9"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:Re,onChange:function(e){return t.setAttributes({marginTop_9:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:he,onChange:function(e){return t.setAttributes({marginBottom_9:e})},min:0,max:100,step:1})),"9"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:we,onChange:function(e){t.setAttributes({borderStyle_9: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:Be,onChange:function(e){return t.setAttributes({borderSize_9:e})},min:0,max:20,step:1})),"9"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:ve,onChange:function(e){return t.setAttributes({paddingLeftRight_9:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:Ee,onChange:function(e){return t.setAttributes({paddingTopBottom_9:e})},min:0,max:100,step:1})),"9"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:Te,onChange:function(e){return t.setAttributes({textColor_9:e})},label:__("Text Color")},{value:ye,onChange:function(e){return t.setAttributes({bgColor_9:e})},label:__("Background Color")},{value:Se,onChange:function(e){return t.setAttributes({borderColor_9:e})},label:__("Border Color")}]})),"1"==a&&React.createElement("div",null,React.createElement("div",null,React.createElement("small",null,c)),React.createElement(RichText,{tagName:c,placeholder:__("Heading Text"),style:{backgroundColor:k,color:_,fontSize:u+"px",borderLeft:d+"px "+p+" "+f,padding:s+"px "+m+"px",textAlign:i},className:"wp-block-ug-heading-common wp-block-ug-heading-block-1 wp-block-ug-heading-block-1-"+l,key:"editable",onChange:function(e){return t.setAttributes({headingText:e})},value:r,formattingControls:["bold","italic"]})),"2"==a&&React.createElement("div",null,React.createElement("div",null,React.createElement("small",null,c)),React.createElement(RichText,{tagName:c,placeholder:__("Heading Text"),style:{color:w,fontSize:u+"px",borderBottom:h+"px "+R+" "+B,textAlign:i},className:"wp-block-ug-heading-common wp-block-ug-heading-block-2 wp-block-ug-heading-block-2-"+l,key:"editable",onChange:function(e){return t.setAttributes({headingText:e})},value:r,formattingControls:["bold","italic"]})),"3"==a&&React.createElement("div",null,React.createElement("div",null,React.createElement("small",null,c)),React.createElement(RichText,{tagName:c,placeholder:__("Heading Text"),style:{color:A,fontSize:u+"px",borderTop:y+"px "+T+" "+P,borderBottom:y+"px "+T+" "+P,padding:S+"px 0",textAlign:i},cclassName:"wp-block-ug-heading-common wp-block-ug-heading-block-3 wp-block-ug-heading-block-3-"+l,key:"editable",onChange:function(e){return t.setAttributes({headingText:e})},value:r,formattingControls:["bold","italic"]})),"4"==a&&React.createElement("div",null,React.createElement("div",null,React.createElement("small",null,c)),React.createElement(RichText,{tagName:c,placeholder:__("Heading Text"),style:{color:F,fontSize:u+"px",border:L+"px "+N+" "+U,borderRadius:M+"px ",padding:I+"px "+$+"px",textAlign:i},className:"wp-block-ug-heading-common wp-block-ug-heading-block-4 wp-block-ug-heading-block-4-"+l,key:"editable",onChange:function(e){return t.setAttributes({headingText:e})},value:r,formattingControls:["bold","italic"]})),"5"==a&&React.createElement("div",null,React.createElement("div",null,React.createElement("small",null,c)),React.createElement(RichText,{tagName:c,placeholder:__("Heading Text"),style:{backgroundColor:j,color:J,fontSize:u+"px",borderBottom:O+"px "+H+" "+Z,padding:K+"px "+Q+"px",textAlign:i},className:"wp-block-ug-heading-common wp-block-ug-heading-block-5 wp-block-ug-heading-block-5-"+l,key:"editable",onChange:function(e){return t.setAttributes({headingText:e})},value:r,formattingControls:["bold","italic"]})),"6"==a&&React.createElement("div",null,React.createElement("div",null,React.createElement("small",null,c)),React.createElement(RichText,{tagName:c,placeholder:__("Heading Text"),style:{backgroundColor:le,color:ne,fontSize:u+"px",borderLeft:X+"px "+Y+" "+ae,borderBottom:ee+"px "+Y+" "+re,padding:oe+"px "+te+"px",textAlign:i},className:"wp-block-ug-heading-common wp-block-ug-heading-block-6 wp-block-ug-heading-block-6-"+l,key:"editable",onChange:function(e){return t.setAttributes({headingText:e})},value:r,formattingControls:["bold","italic"]})),"7"==a&&React.createElement("div",null,React.createElement("div",null,React.createElement("small",null,c)),React.createElement("style",null,".wp-block-ug-heading-block-7-"+l+"::before {\n              content: '●' !important;\n              color: "+me+" !important;\n              margin-right: 8px !important;\n              }"),React.createElement(RichText,{tagName:c,placeholder:__("Heading Text"),style:{backgroundColor:de,color:pe,fontSize:u+"px",borderRadius:ue+"px",padding:ge+"px "+be+"px",textAlign:i},className:"wp-block-ug-heading-common wp-block-ug-heading-block-7 wp-block-ug-heading-block-7-"+l,key:"editable",onChange:function(e){return t.setAttributes({headingText:e})},value:r,formattingControls:["bold","italic"]})),"8"==a&&React.createElement("div",null,React.createElement("div",null,React.createElement("small",null,c)),React.createElement("style",null,".wp-block-ug-heading-block-8-"+l+"::after {\n              border-top: 15px solid "+xe+";\n              }"),React.createElement(RichText,{tagName:c,placeholder:__("Heading Text"),style:{backgroundColor:xe,color:Ce,fontSize:u+"px",padding:fe+"px "+ke+"px",textAlign:i},className:"wp-block-ug-heading-common wp-block-ug-heading-block-8 wp-block-ug-heading-block-8-"+l,key:"editable",onChange:function(e){return t.setAttributes({headingText:e})},value:r,formattingControls:["bold","italic"]})),"9"==a&&React.createElement("div",null,React.createElement("div",null,React.createElement("small",null,c)),React.createElement(RichText,{tagName:c,placeholder:__("Heading Text"),style:{backgroundColor:ye,color:Te,fontSize:u+"px",padding:Ee+"px "+ve+"px",border:Be+"px "+we+" "+Se,textAlign:i,boxShadow:"0px 0px 0px 5px "+ye},className:"wp-block-ug-heading-common wp-block-ug-heading-block-9 wp-block-ug-heading-block-9-"+l,key:"editable",onChange:function(e){return t.setAttributes({headingText:e})},value:r,formattingControls:["bold","italic"]}))]}),save:function(e){var t=e.attributes,o=t.id,n=t.pattern,l=t.headingText,a=t.align,r=t.headingTag,i=t.textSize,c=t.marginTop_1,u=t.marginBottom_1,b=t.borderStyle_1,g=t.borderSize_1,p=t.paddingLeftRight_1,d=t.paddingTopBottom_1,m=t.textColor_1,s=t.bgColor_1,_=t.borderColor_1,k=t.marginTop_2,f=t.marginBottom_2,C=t.borderStyle_2,x=t.borderSize_2,R=t.textColor_2,h=t.borderColor_2,w=t.marginTop_3,B=t.marginBottom_3,v=t.borderStyle_3,E=t.borderSize_3,T=t.paddingTopBottom_3,y=t.textColor_3,S=t.borderColor_3,A=t.marginTop_4,P=t.marginBottom_4,q=t.borderStyle_4,z=t.borderSize_4,N=t.borderRadius_4,L=t.paddingLeftRight_4,M=t.paddingTopBottom_4,$=t.textColor_4,I=t.borderColor_4,F=t.marginTop_5,U=t.marginBottom_5,G=t.borderStyle_5,D=t.borderSize_5,H=t.paddingLeftRight_5,O=t.paddingTopBottom_5,Q=t.textColor_5,K=t.bgColor_5,J=t.borderColor_5,j=t.marginTop_6,Z=t.marginBottom_6,V=t.borderStyle_6,W=t.borderLeftSize_6,Y=t.borderBottomSize_6,X=t.paddingLeftRight_6,ee=t.paddingTopBottom_6,te=t.textColor_6,oe=t.bgColor_6,ne=t.borderLeftColor_6,le=t.borderBottomColor_6,ae=t.marginTop_7,re=t.marginBottom_7,ie=t.borderRadius_7,ce=t.paddingLeftRight_7,ue=t.paddingTopBottom_7,be=t.textColor_7,ge=t.bgColor_7,pe=t.decimalColor_7,de=t.marginTop_8,me=t.marginBottom_8,se=t.paddingLeftRight_8,_e=t.paddingTopBottom_8,ke=t.textColor_8,fe=t.bgColor_8,Ce=t.marginTop_9,xe=t.marginBottom_9,Re=t.borderStyle_9,he=t.borderSize_9,we=t.paddingLeftRight_9,Be=t.paddingTopBottom_9,ve=t.textColor_9,Ee=t.bgColor_9,Te=t.borderColor_9;return"1"==n?React.createElement(RichText.Content,{tagName:r,style:{marginTop:c+"px",marginBottom:u+"px",backgroundColor:s,color:m,fontSize:i+"px",borderLeft:g+"px "+b+" "+_,padding:d+"px "+p+"px",textAlign:a},className:"wp-block-ug-heading-common wp-block-ug-heading-block-1 wp-block-ug-heading-block-1-"+o,value:l}):"2"==n?React.createElement(RichText.Content,{tagName:r,style:{marginTop:k+"px",marginBottom:f+"px",color:R,fontSize:i+"px",borderBottom:x+"px "+C+" "+h,textAlign:a},className:"wp-block-ug-heading-common wp-block-ug-heading-block-2 wp-block-ug-heading-block-2-"+o,value:l}):"3"==n?React.createElement(RichText.Content,{tagName:r,style:{marginTop:w+"px",marginBottom:B+"px",color:y,fontSize:i+"px",borderTop:E+"px "+v+" "+S,borderBottom:E+"px "+v+" "+S,padding:T+"px 0",textAlign:a},className:"wp-block-ug-heading-common wp-block-ug-heading-block-3 wp-block-ug-heading-block-3-"+o,value:l}):"4"==n?React.createElement(RichText.Content,{tagName:r,style:{marginTop:A+"px",marginBottom:P+"px",color:$,fontSize:i+"px",border:z+"px "+q+" "+I,borderRadius:N+"px ",padding:M+"px "+L+"px",textAlign:a},className:"wp-block-ug-heading-common wp-block-ug-heading-block-4 wp-block-ug-heading-block-4-"+o,value:l}):"5"==n?React.createElement(RichText.Content,{tagName:r,style:{marginTop:F+"px",marginBottom:U+"px",backgroundColor:K,color:Q,fontSize:i+"px",borderBottom:D+"px "+G+" "+J,padding:O+"px "+H+"px",textAlign:a},className:"wp-block-ug-heading-common wp-block-ug-heading-block-5 wp-block-ug-heading-block-5-"+o,value:l}):"6"==n?React.createElement(RichText.Content,{tagName:r,style:{marginTop:j+"px",marginBottom:Z+"px",backgroundColor:oe,color:te,fontSize:i+"px",borderLeft:W+"px "+V+" "+ne,borderBottom:Y+"px "+V+" "+le,padding:ee+"px "+X+"px",textAlign:a},className:"wp-block-ug-heading-common wp-block-ug-heading-block-6 wp-block-ug-heading-block-6-"+o,value:l}):"7"==n?React.createElement(React.Fragment,null,React.createElement("style",null,".wp-block-ug-heading-block-7-"+o+"::before {\n           content: '●' !important;\n           color: "+pe+" !important;\n           margin-right: 8px !important;\n           }"),React.createElement(RichText.Content,{tagName:r,style:{marginTop:ae+"px",marginBottom:re+"px",backgroundColor:ge,color:be,fontSize:i+"px",borderRadius:ie+"px",padding:ue+"px "+ce+"px",textAlign:a},className:"wp-block-ug-heading-common wp-block-ug-heading-block-7 wp-block-ug-heading-block-7-"+o,value:l})):"8"==n?React.createElement(React.Fragment,null,React.createElement("style",null,".wp-block-ug-heading-block-8-"+o+"::after {\n           border-top: 15px solid "+fe+";\n           }"),React.createElement(RichText.Content,{tagName:r,style:{marginTop:de+"px",marginBottom:me+"px",backgroundColor:fe,color:ke,fontSize:i+"px",padding:_e+"px "+se+"px",textAlign:a},className:"wp-block-ug-heading-common wp-block-ug-heading-block-8 wp-block-ug-heading-block-8-"+o,value:l})):"9"==n?React.createElement(RichText.Content,{tagName:r,style:{marginTop:Ce+"px",marginBottom:xe+"px",backgroundColor:Ee,color:ve,fontSize:i+"px",padding:Be+"px "+we+"px",border:he+"px "+Re+" "+Te,textAlign:a,boxShadow:"0px 0px 0px 5px "+Ee},className:"wp-block-ug-heading-common wp-block-ug-heading-block-9 wp-block-ug-heading-block-9-"+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;var BaseControl=(_wp$components=wp.components).BaseControl;RangeControl=_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:{default:"1"},listTag:{default:"ul"},textSize:{default:"16"},listText:{type:"children",selector:".ug-list-text"},align:{default:"left"},icon:{default:"fa-chevron-circle-right"},marginTop_1:{default:"0"},marginBottom_1:{default:"20"},borderStyle_1:{default:"solid"},borderSize_1:{default:"3"},borderRadius_1:{default:"0"},paddingLeftRight_1:{default:"20"},paddingTopBottom_1:{default:"10"},textColor_1:{default:"#545454"},bgColor_1:{default:"#f5f5f5"},borderColor_1:{default:"#545454"},marginTop_2:{default:"0"},marginBottom_2:{default:"20"},borderStyle_2:{default:"solid"},borderSize_2:{default:"3"},borderRadius_2:{default:"0"},paddingLeftRight_2:{default:"20"},paddingTopBottom_2:{default:"10"},textColor_2:{default:"#545454"},bgColor_2:{default:"#f5f5f5"},borderColor_2:{default:"#545454"},marginTop_3:{default:"30"},marginBottom_3:{default:"40"},borderStyle_3:{default:"dashed"},borderSize_3:{default:"3"},borderRadius_3:{default:"0"},paddingLeftRight_3:{default:"20"},paddingTopBottom_3:{default:"10"},textColor_3:{default:"#545454"},bgColor_3:{default:"#f5f5f5"},borderColor_3:{default:"#545454"},marginTop_4:{default:"0"},marginBottom_4:{default:"20"},borderStyle_4:{default:"solid"},borderSize_4:{default:"3"},paddingLeftRight_4:{default:"20"},paddingTopBottom_4:{default:"10"},textColor_4:{default:"#545454"},bgColor_4:{default:"#f5f5f5"},borderColor_4:{default:"#545454"},marginTop_5:{default:"0"},marginBottom_5:{default:"20"},borderStyle_5:{default:"solid"},borderLeftSize_5:{default:"6"},borderBottomSize_5:{default:"3"},paddingLeftRight_5:{default:"20"},paddingTopBottom_5:{default:"10"},textColor_5:{default:"#545454"},bgColor_5:{default:"#f5f5f5"},borderLeftColor_5:{default:"#545454"},borderBottomColor_5:{default:"#d7d7d7"},marginTop_6:{default:"0"},marginBottom_6:{default:"20"},paddingLeftRight_6:{default:"20"},paddingTopBottom_6:{default:"10"},textColor_6:{default:"#545454"},bgColor_6:{default:"#f5f5f5"},borderColor_6:{default:"#545454"},marginTop_7:{default:"0"},marginBottom_7:{default:"20"},borderStyle_7:{default:"solid"},borderSize_7:{default:"1"},borderRadius_7:{default:"15"},paddingLeftRight_7:{default:"20"},paddingTopBottom_7:{default:"10"},textColor_7:{default:"#545454"},bgColor_7:{default:"#f5f5f5"},borderColor_7:{default:"#545454"},borderBottomColor_7:{default:"#d7d7d7"}},edit:withState({editable:"content"})(function(o){var e=o.isSelected,t=(o.editable,o.setState,o.clientId),n=o.attributes,l=n.id,a=n.pattern,r=n.listTag,i=n.listText,c=n.textSize,u=n.align,b=n.icon,g=n.marginTop_1,p=n.marginBottom_1,d=n.borderStyle_1,m=n.borderSize_1,s=n.borderRadius_1,_=n.paddingLeftRight_1,k=n.paddingTopBottom_1,f=n.textColor_1,C=n.bgColor_1,x=n.borderColor_1,R=n.marginTop_2,h=n.marginBottom_2,w=n.borderStyle_2,B=n.borderSize_2,v=n.borderRadius_2,E=n.paddingLeftRight_2,T=n.paddingTopBottom_2,y=n.textColor_2,S=n.bgColor_2,A=n.borderColor_2,P=n.marginTop_3,q=n.marginBottom_3,z=n.borderStyle_3,N=n.borderSize_3,L=n.borderRadius_3,M=n.paddingLeftRight_3,$=n.paddingTopBottom_3,I=n.textColor_3,F=n.bgColor_3,U=n.borderColor_3,G=n.marginTop_4,D=n.marginBottom_4,H=n.borderStyle_4,O=n.borderSize_4,Q=n.paddingLeftRight_4,K=n.paddingTopBottom_4,J=n.textColor_4,j=n.bgColor_4,Z=n.borderColor_4,V=n.marginTop_5,W=n.marginBottom_5,Y=n.borderStyle_5,X=n.borderLeftSize_5,ee=n.borderBottomSize_5,te=n.paddingLeftRight_5,oe=n.paddingTopBottom_5,ne=n.textColor_5,le=n.bgColor_5,ae=n.borderLeftColor_5,re=n.borderBottomColor_5,ie=n.marginTop_6,ce=n.marginBottom_6,ue=n.paddingLeftRight_6,be=n.paddingTopBottom_6,ge=n.textColor_6,pe=n.bgColor_6,de=n.borderColor_6,me=n.marginTop_7,se=n.marginBottom_7,_e=n.borderStyle_7,ke=n.borderSize_7,fe=n.borderRadius_7,Ce=n.paddingLeftRight_7,xe=n.paddingTopBottom_7,Re=n.textColor_7,he=n.bgColor_7,we=n.borderColor_7,Be=(n.borderBottomColor_7,"ul"),ve=[{label:__("fas fa-times"),value:"none"},{label:__("fas fa-chevron-circle-right"),value:"fa-chevron-circle-right"},{label:__("fas fa-chevron-right"),value:"fa-chevron-right"},{label:__("fas fa-caret-right"),value:"fa-caret-right"},{label:__("fas fa-arrow-right"),value:"fa-arrow-right"},{label:__("fas fa-hand-point-right"),value:"fa-hand-point-right"},{label:__("fas fa-caret-square-right"),value:"fa-caret-square-right"},{label:__("fas fa-arrow-circle-right"),value:"fa-arrow-circle-right"},{label:__("fas fa-angle-double-right"),value:"fa-angle-double-right"},{label:__("fas fa-lightbulb"),value:"fa-lightbulb"},{label:__("fas fa-feather"),value:"fa-feather"},{label:__("fas fa-star"),value:"fa-star"},{label:__("fas fa-list-ul"),value:"fa-list-ul"},{label:__("fas fa-list"),value:"fa-list"},{label:__("fas fa-circle"),value:"fa-circle"},{label:__("fas fa-info-circle"),value:"fa-info-circle"},{label:__("fas fa-exclamation-circle"),value:"fa-exclamation-circle"},{label:__("fas fa-check"),value:"fa-check"},{label:__("fas fa-check-circle"),value:"fa-check-circle"},{label:__("fas fa-archive"),value:"fa-archive"},{label:__("fas fa-tag"),value:"fa-tag"},{label:__("fas fa-hashtag"),value:"fa-hashtag"},{label:__("fas fa-bookmark"),value:"fa-bookmark"},{label:__("fas fa-book"),value:"fa-book"},{label:__("fas fa-bell"),value:"fa-bell"},{label:__("fas fa-clipboard-check"),value:"fa-clipboard-check"},{label:__("fas fa-comment"),value:"fa-comment"},{label:__("fas fa-comment-alt"),value:"fa-comment-alt"}];return l||o.setAttributes({id:t}),[e&&React.createElement(BlockControls,null,React.createElement(AlignmentToolbar,{value:u,onChange:function(e){return o.setAttributes({align:e})},controls:["left","center","right"]})),e&&React.createElement(InspectorControls,null,React.createElement(PanelBody,null,React.createElement(BaseControl,{label:__("Select Pattern")},React.createElement(ButtonGroup,{"aria-label":__("Select Pattern")},React.createElement(Button,{onClick:function(e){o.setAttributes({pattern:"1"})},style:{textAlign:"left"}},React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-1 wp-block-ug-list-block-1-6991629c-0b95-443c-b230-f851b19d6485"},React.createElement("style",null,".wp-block-ug-list-block-1-6991629c-0b95-443c-b230-f851b19d6485 ul,\n                 .wp-block-ug-list-block-1-6991629c-0b95-443c-b230-f851b19d6485 ol {\n                   margin-top: 0px !important;\n                   margin-bottom: 5px !important;\n                   background-color: #f5f5f5 !important;\n                   color: #545454 !important;\n                   font-size: 8px !important;\n                   border: 1px solid #545454 !important;\n                   border-radius: 0px !important;\n                   padding: 5px 10px !important;\n                   text-align: left !important;\n                }"),React.createElement("ul",{className:"wp-block-ug_list_icon_fa-chevron-circle-right"},React.createElement("li",null,"List Text"),React.createElement("li",null,"List Text")))),React.createElement(Button,{onClick:function(e){o.setAttributes({pattern:"2"})},style:{textAlign:"left"}},React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-2 wp-block-ug-list-block-2-6991629c-0b95-443c-b230-f851b19d6485"},React.createElement("style",null,".wp-block-ug-list-block-2-6991629c-0b95-443c-b230-f851b19d6485 ul,\n                 .wp-block-ug-list-block-2-6991629c-0b95-443c-b230-f851b19d6485 ol {\n                   margin-top: 0px !important;\n                   margin-bottom: 5px !important;\n                   background-color: #f5f5f5 !important;\n                   color: #545454 !important;\n                   font-size: 8px !important;\n                   border-top: 1px solid #545454 !important;\n                   border-bottom: 1px solid #545454;\n                   padding: 5px 10px !important;\n                   text-align: left !important;\n                }"),React.createElement("ul",{className:"wp-block-ug_list_icon_fa-chevron-circle-right"},React.createElement("li",null,"List Text"),React.createElement("li",null,"List Text")))),React.createElement(Button,{onClick:function(e){o.setAttributes({pattern:"3"})},style:{textAlign:"left"}},React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-3 wp-block-ug-list-block-3-6991629c-0b95-443c-b230-f851b19d6485"},React.createElement("style",null,".wp-block-ug-list-block-3-6991629c-0b95-443c-b230-f851b19d6485 ul,\n                 .wp-block-ug-list-block-3-6991629c-0b95-443c-b230-f851b19d6485 ol {\n                   margin-top: 7px !important;\n                   margin-bottom: 10px !important;\n                   margin-right: 0px !important;\n                   margin-left: 0px !important;\n                   background-color: #f5f5f5 !important;\n                   color: #545454 !important;\n                   font-size: 8px !important;\n                   border: 3px dashed #545454;\n                   border-radius: 0px;\n                   box-shadow: 0px 0px 0px 5px #f5f5f5;\n                   padding: 5px 10px !important;\n                   text-align: left !important;\n                }"),React.createElement("ul",{className:"wp-block-ug_list_icon_fa-chevron-circle-right"},React.createElement("li",null,"List Text"),React.createElement("li",null,"List Text"))))))),React.createElement(PanelBody,{title:__("Common Settings")},React.createElement(BaseControl,{label:__("List Tag")},React.createElement(ButtonGroup,{"aria-label":__("List Tag")},React.createElement(Button,{isLarge:!0,isPrimary:r===Be,"aria-pressed":r===Be,onClick:function(){return o.setAttributes({listTag:"ul"})}},"UL"),React.createElement(Button,{isLarge:!0,isPrimary:"ol"===r,"aria-pressed":"ol"===r,onClick:function(){return o.setAttributes({listTag:"ol"})}},"OL"))),React.createElement(BaseControl,{label:__("List icon")},React.createElement("div",{className:"ug-icon-items-wrapper"},ve.map(function(e,t){return React.createElement("div",{className:"ug-icon-item",key:t},React.createElement("span",{onClick:function(){return o.setAttributes({icon:e.value})},className:[e.value===b&&"active",""===e.value&&"remove-icon"].filter(Boolean).join(" ")},React.createElement("i",{class:e.label})))}))),React.createElement(RangeControl,{label:__("Text Size"),value:c,onChange:function(e){return o.setAttributes({textSize:e})},min:0,max:100,step:1})),"1"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:g,onChange:function(e){return o.setAttributes({marginTop_1:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:p,onChange:function(e){return o.setAttributes({marginBottom_1:e})},min:0,max:100,step:1})),"1"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:d,onChange:function(e){o.setAttributes({borderStyle_1: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 o.setAttributes({borderSize_1:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:s,onChange:function(e){return o.setAttributes({borderRadius_1: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 o.setAttributes({paddingLeftRight_1:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:k,onChange:function(e){return o.setAttributes({paddingTopBottom_1:e})},min:0,max:100,step:1})),"1"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:f,onChange:function(e){return o.setAttributes({textColor_1:e})},label:__("Text Color")},{value:C,onChange:function(e){return o.setAttributes({bgColor_1:e})},label:__("Background Color")},{value:x,onChange:function(e){return o.setAttributes({borderColor_1:e})},label:__("Border Color")}]}),"2"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:R,onChange:function(e){return o.setAttributes({marginTop_2:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:h,onChange:function(e){return o.setAttributes({marginBottom_2:e})},min:0,max:100,step:1})),"2"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:w,onChange:function(e){o.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 o.setAttributes({borderSize_2:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:v,onChange:function(e){return o.setAttributes({borderRadius_2:e})},min:0,max:20,step:1})),"2"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:E,onChange:function(e){return o.setAttributes({paddingLeftRight_2:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:T,onChange:function(e){return o.setAttributes({paddingTopBottom_2:e})},min:0,max:100,step:1})),"2"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:y,onChange:function(e){return o.setAttributes({textColor_2:e})},label:__("Text Color")},{value:S,onChange:function(e){return o.setAttributes({bgColor_2:e})},label:__("Background Color")},{value:A,onChange:function(e){return o.setAttributes({borderColor_2:e})},label:__("Border Color")}]}),"3"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:P,onChange:function(e){return o.setAttributes({marginTop_3:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:q,onChange:function(e){return o.setAttributes({marginBottom_3:e})},min:0,max:100,step:1})),"3"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:z,onChange:function(e){o.setAttributes({borderStyle_3: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:N,onChange:function(e){return o.setAttributes({borderSize_3:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:L,onChange:function(e){return o.setAttributes({borderRadius_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 o.setAttributes({paddingLeftRight_3:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:$,onChange:function(e){return o.setAttributes({paddingTopBottom_3:e})},min:0,max:100,step:1})),"3"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:I,onChange:function(e){return o.setAttributes({textColor_3:e})},label:__("Text Color")},{value:F,onChange:function(e){return o.setAttributes({bgColor_3:e})},label:__("Background Color")},{value:U,onChange:function(e){return o.setAttributes({borderColor_3:e})},label:__("Border Color")}]}),"4"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:G,onChange:function(e){return o.setAttributes({marginTop_4:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:D,onChange:function(e){return o.setAttributes({marginBottom_4:e})},min:0,max:100,step:1})),"4"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:H,onChange:function(e){o.setAttributes({borderStyle_4: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:O,onChange:function(e){return o.setAttributes({borderSize_4:e})},min:0,max:20,step:1})),"4"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:Q,onChange:function(e){return o.setAttributes({paddingLeftRight_4:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:K,onChange:function(e){return o.setAttributes({paddingTopBottom_4:e})},min:0,max:100,step:1})),"4"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:J,onChange:function(e){return o.setAttributes({textColor_4:e})},label:__("Text Color")},{value:j,onChange:function(e){return o.setAttributes({bgColor_4:e})},label:__("Background Color")},{value:Z,onChange:function(e){return o.setAttributes({borderColor_4:e})},label:__("Border Color")}]}),"5"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:V,onChange:function(e){return o.setAttributes({marginTop_5:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:W,onChange:function(e){return o.setAttributes({marginBottom_5:e})},min:0,max:100,step:1})),"5"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:Y,onChange:function(e){o.setAttributes({borderStyle_5: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 Left Size"),value:X,onChange:function(e){return o.setAttributes({borderLeftSize_5:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Bottom Size"),value:ee,onChange:function(e){return o.setAttributes({borderBottomSize_5:e})},min:0,max:20,step:1})),"5"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:te,onChange:function(e){return o.setAttributes({paddingLeftRight_5:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:oe,onChange:function(e){return o.setAttributes({paddingTopBottom_5:e})},min:0,max:100,step:1})),"5"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:ne,onChange:function(e){return o.setAttributes({textColor_5:e})},label:__("Text Color")},{value:le,onChange:function(e){return o.setAttributes({bgColor_5:e})},label:__("Background Color")},{value:ae,onChange:function(e){return o.setAttributes({borderLeftColor_5:e})},label:__("Border Left Color")},{value:re,onChange:function(e){return o.setAttributes({borderBottomColor_5:e})},label:__("Border Bottom Color")}]}),"6"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:ie,onChange:function(e){return o.setAttributes({marginTop_6:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:ce,onChange:function(e){return o.setAttributes({marginBottom_6:e})},min:0,max:100,step:1})),"6"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:ue,onChange:function(e){return o.setAttributes({paddingLeftRight_6:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:be,onChange:function(e){return o.setAttributes({paddingTopBottom_6:e})},min:0,max:100,step:1})),"6"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:ge,onChange:function(e){return o.setAttributes({textColor_6:e})},label:__("Text Color")},{value:pe,onChange:function(e){return o.setAttributes({bgColor_6:e})},label:__("Background Color")},{value:de,onChange:function(e){return o.setAttributes({borderColor_6:e})},label:__("Border Color")}]}),"7"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:me,onChange:function(e){return o.setAttributes({marginTop_7:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:se,onChange:function(e){return o.setAttributes({marginBottom_7:e})},min:0,max:100,step:1})),"7"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:_e,onChange:function(e){o.setAttributes({borderStyle_7: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:ke,onChange:function(e){return o.setAttributes({borderSize_7:e})},min:0,max:20,step:1})),"7"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:Ce,onChange:function(e){return o.setAttributes({paddingLeftRight_7:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:xe,onChange:function(e){return o.setAttributes({paddingTopBottom_7:e})},min:0,max:100,step:1})),"7"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:Re,onChange:function(e){return o.setAttributes({textColor_7:e})},label:__("Text Color")},{value:he,onChange:function(e){return o.setAttributes({bgColor_7:e})},label:__("Background Color")},{value:we,onChange:function(e){return o.setAttributes({borderColor_7:e})},label:__("Border Color")}]})),"1"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-1 wp-block-ug-list-block-1-"+l},React.createElement("style",null,".wp-block-ug-list-block-1-"+l+" ul,\n          .wp-block-ug-list-block-1-"+l+" ol {\n            background-color: "+C+";\n            color: "+f+";\n            font-size: "+c+"px;\n            border: "+m+"px "+d+" "+x+";\n            border-radius: "+s+"px;\n            padding: "+k+"px "+_+"px !important;\n            text-align: "+u+";\n          }"),React.createElement(RichText,{multiline:"li",tagName:r,placeholder:__("List Text"),className:"wp-block-ug_list_icon_"+b,onChange:function(e){return o.setAttributes({listText:e})},value:i,formattingControls:["bold","italic","strikethrough","link"]})),"2"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-2 wp-block-ug-list-block-2-"+l},React.createElement("style",null,".wp-block-ug-list-block-2-"+l+" ul,\n          .wp-block-ug-list-block-2-"+l+" ol {\n            background-color: "+S+";\n            color: "+y+";\n            font-size: "+c+"px !important;\n            border-top: "+B+"px "+w+" "+A+";\n            border-bottom: "+B+"px "+w+" "+A+";\n            padding: "+T+"px "+E+"px !important;\n            text-align: "+u+";\n          }"),React.createElement(RichText,{multiline:"li",tagName:r,placeholder:__("List Text"),className:"wp-block-ug_list_icon_"+b,onChange:function(e){return o.setAttributes({listText:e})},value:i,formattingControls:["bold","italic","strikethrough","link"]})),"3"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-3 wp-block-ug-list-block-3-"+l},React.createElement("style",null,".wp-block-ug-list-block-3-"+l+" ul,\n          .wp-block-ug-list-block-4-"+l+" ol {\n            background-color: "+F+";\n            color: "+I+";\n            font-size: "+c+"px !important;\n            border: "+N+"px "+z+" "+U+";\n            border-radius: "+L+"px;\n            box-shadow: 0px 0px 0px 10px "+F+";\n            padding: "+$+"px "+M+"px !important;\n            text-align: "+u+";\n          }"),React.createElement(RichText,{multiline:"li",tagName:r,placeholder:__("List Text"),className:"wp-block-ug_list_icon_"+b,onChange:function(e){return o.setAttributes({listText:e})},value:i,formattingControls:["bold","italic","strikethrough","link"]})),"4"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-4 wp-block-ug-list-block-4-"+l},React.createElement("style",null,".wp-block-ug-list-block-4-"+l+" ul,\n          .wp-block-ug-list-block-4-"+l+" ol {\n            background-color: "+j+";\n            color: "+J+";\n            font-size: "+c+"px;\n            border-left: "+O+"px "+H+" "+Z+";\n            padding: "+K+"px "+Q+"px !important;\n            text-align: "+u+";\n          }"),React.createElement(RichText,{multiline:"li",tagName:r,placeholder:__("List Text"),className:"wp-block-ug_list_icon_"+b,onChange:function(e){return o.setAttributes({listText:e})},value:i,formattingControls:["bold","italic","strikethrough","link"]})),"5"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-5 wp-block-ug-list-block-5-"+l},React.createElement("style",null,".wp-block-ug-list-block-5-"+l+" ul,\n            .wp-block-ug-list-block-5-"+l+" ol {\n              margin-top: "+V+"px;\n              margin-bottom: "+W+"px;\n              color: "+ne+";\n              font-size: "+c+"px !important;\n              text-align: "+u+";\n            }",".wp-block-ug-list-block-5-"+l+" li {\n              background-color: "+le+";\n              color: "+ne+";\n              font-size: "+c+"px !important;\n              border-left: "+X+"px "+Y+" "+ae+";\n              border-bottom: "+ee+"px "+Y+" "+re+";\n              padding: "+oe+"px "+te+"px !important;\n            }"),React.createElement(RichText,{multiline:"li",tagName:r,placeholder:__("List Text"),className:"wp-block-ug_list_icon_"+b,onChange:function(e){return o.setAttributes({listText:e})},value:i,formattingControls:["bold","italic","strikethrough","link"]})),"6"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-6 wp-block-ug-list-block-6-"+l},React.createElement("style",null,".wp-block-ug-list-block-6-"+l+" ul,\n            .wp-block-ug-list-block-6-"+l+" ol {\n              margin-top: "+ie+"px;\n              margin-bottom: "+ce+"px;\n            }",".wp-block-ug-list-block-6-"+l+" li {\n              border-left: 35px solid "+de+";\n              background-color: "+pe+";\n              color: "+ge+";\n              font-size: "+c+"px !important;\n              padding: "+be+"px "+ue+"px !important;\n            }"),React.createElement(RichText,{multiline:"li",tagName:r,placeholder:__("List Text"),className:"wp-block-ug_list_icon_"+b,onChange:function(e){return o.setAttributes({listText:e})},value:i,formattingControls:["bold","italic","strikethrough","link"]})),"7"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-7 wp-block-ug-list-block-7-"+l},React.createElement("style",null,".wp-block-ug-list-block-7-"+l+" ul,\n             .wp-block-ug-list-block-7-"+l+" ol {\n              margin-top: "+me+"px;\n              margin-bottom: "+se+"px;\n              color: "+Re+";\n              font-size: "+c+"px !important;\n              text-align: "+u+";\n            }",".wp-block-ug-list-block-7-"+l+" li {\n              background-color: "+he+";\n              color: "+Re+";\n              border-radius: "+fe+"px;\n              font-size: "+c+"px !important;\n              border: "+ke+"px "+_e+" "+we+";\n              border-radius: "+fe+"px 0 0 "+fe+"px;\n              padding: "+xe+"px "+Ce+"px !important;\n            }"),React.createElement(RichText,{multiline:"li",tagName:r,placeholder:__("List Text"),className:"wp-block-ug_list_icon_"+b,onChange:function(e){return o.setAttributes({listText:e})},value:i,formattingControls:["bold","italic","strikethrough","link"]}))]}),save:function(e){var t=e.attributes,o=t.id,n=t.pattern,l=t.listTag,a=t.listText,r=t.textSize,i=t.align,c=t.icon,u=t.marginTop_1,b=t.marginBottom_1,g=t.borderStyle_1,p=t.borderSize_1,d=t.borderRadius_1,m=t.paddingLeftRight_1,s=t.paddingTopBottom_1,_=t.textColor_1,k=t.bgColor_1,f=t.borderColor_1,C=t.marginTop_2,x=t.marginBottom_2,R=t.borderStyle_2,h=t.borderSize_2,w=(t.borderRadius_2,t.paddingLeftRight_2),B=t.paddingTopBottom_2,v=t.textColor_2,E=t.bgColor_2,T=t.borderColor_2,y=t.marginTop_3,S=t.marginBottom_3,A=t.borderStyle_3,P=t.borderSize_3,q=t.borderRadius_3,z=t.paddingLeftRight_3,N=t.paddingTopBottom_3,L=t.textColor_3,M=t.bgColor_3,$=t.borderColor_3,I=t.marginTop_4,F=t.marginBottom_4,U=t.borderStyle_4,G=t.borderSize_4,D=t.paddingLeftRight_4,H=t.paddingTopBottom_4,O=t.textColor_4,Q=t.bgColor_4,K=t.borderColor_4,J=t.marginTop_5,j=t.marginBottom_5,Z=t.borderStyle_5,V=t.borderLeftSize_5,W=t.borderBottomSize_5,Y=t.paddingLeftRight_5,X=t.paddingTopBottom_5,ee=t.textColor_5,te=t.bgColor_5,oe=t.borderLeftColor_5,ne=t.borderBottomColor_5,le=t.marginTop_6,ae=t.marginBottom_6,re=t.paddingLeftRight_6,ie=t.paddingTopBottom_6,ce=t.textColor_6,ue=t.bgColor_6,be=t.borderColor_6,ge=t.marginTop_7,pe=t.marginBottom_7,de=t.borderStyle_7,me=t.borderSize_7,se=t.borderRadius_7,_e=t.paddingLeftRight_7,ke=t.paddingTopBottom_7,fe=t.textColor_7,Ce=t.bgColor_7,xe=t.borderColor_7;return t.borderBottomColor_7,"1"==n?React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-1 wp-block-ug-list-block-1-"+o},React.createElement("style",null,".wp-block-ug-list-block-1-"+o+" ul,\n           .wp-block-ug-list-block-1-"+o+" ol {\n            margin-top: "+u+"px;\n            margin-bottom: "+b+"px;\n            background-color: "+k+";\n            color: "+_+";\n            font-size: "+r+"px !important;\n            border: "+p+"px "+g+" "+f+";\n            border-radius: "+d+"px;\n            padding: "+s+"px "+m+"px !important;\n            text-align: "+i+";\n          }"),React.createElement(RichText.Content,{tagName:l,className:"wp-block-ug_list_icon_"+c,value:a})):"2"==n?React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-2 wp-block-ug-list-block-2-"+o},React.createElement("style",null,".wp-block-ug-list-block-2-"+o+" ul,\n           .wp-block-ug-list-block-2-"+o+" ol {\n             margin-top: "+C+"px;\n             margin-bottom: "+x+"px;\n             background-color: "+E+";\n             color: "+v+";\n             font-size: "+r+"px !important;\n             border-top: "+h+"px "+R+" "+T+";\n             border-bottom: "+h+"px "+R+" "+T+";\n             padding: "+B+"px "+w+"px !important;\n             text-align: "+i+";\n           }"),React.createElement(RichText.Content,{tagName:l,value:a,className:"wp-block-ug_list_icon_"+c})):"3"==n?React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-3 wp-block-ug-list-block-3-"+o},React.createElement("style",null,".wp-block-ug-list-block-3-"+o+" ul,\n            .wp-block-ug-list-block-3-"+o+" ol {\n              margin-top: "+y+"px;\n              margin-bottom: "+S+"px;\n              background-color: "+M+";\n              color: "+L+";\n              font-size: "+r+"px !important;\n              border: "+P+"px "+A+" "+$+";\n              border-radius: "+q+"px;\n              box-shadow: 0px 0px 0px 10px "+M+";\n              padding: "+N+"px "+z+"px !important;\n              text-align: "+i+";\n            }"),React.createElement(RichText.Content,{tagName:l,value:a,className:"wp-block-ug_list_icon_"+c})):"4"==n?React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-4 wp-block-ug-list-block-4-"+o},React.createElement("style",null,".wp-block-ug-list-block-4-"+o+" ul,\n             .wp-block-ug-list-block-4-"+o+" ol {\n              margin-top: "+I+"px;\n              margin-bottom: "+F+"px;\n              background-color: "+Q+";\n              color: "+O+";\n              font-size: "+r+"px;\n              border-left: "+G+"px "+U+" "+K+";\n              padding: "+H+"px "+D+"px !important;\n              text-align: "+i+";\n            }"),React.createElement(RichText.Content,{tagName:l,className:"wp-block-ug_list_icon_"+c,value:a})):"5"==n?React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-5 wp-block-ug-list-block-5-"+o},React.createElement("style",null,".wp-block-ug-list-block-5-"+o+" ul,\n                .wp-block-ug-list-block-5-"+o+" ol {\n                 margin-top: "+J+"px;\n                 margin-bottom: "+j+"px;\n                 color: "+ee+";\n                 font-size: "+r+"px !important;\n                 text-align: "+i+";\n               }",".wp-block-ug-list-block-5-"+o+" li {\n                 background-color: "+te+";\n                 color: "+ee+";\n                 font-size: "+r+"px !important;\n                 border-left: "+V+"px "+Z+" "+oe+";\n                 border-bottom: "+W+"px "+Z+" "+ne+";\n                 padding: "+X+"px "+Y+"px !important;\n               }"),React.createElement(RichText.Content,{tagName:l,value:a,className:"wp-block-ug_list_icon_"+c})):"6"==n?React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-6 wp-block-ug-list-block-6-"+o},React.createElement("style",null,".wp-block-ug-list-block-6-"+o+" ul,\n                 .wp-block-ug-list-block-6-"+o+" ol {\n                  margin-top: "+le+"px;\n                  margin-bottom: "+ae+"px;\n                }",".wp-block-ug-list-block-6-"+o+" li::before {\n                  margin-right: 8px !important;\n                }",".wp-block-ug-list-block-6-"+o+" li {\n                  background-color: "+ue+";\n                  color: "+ce+";\n                  border-left: 35px solid "+be+";\n                  font-size: "+r+"px !important;\n                  padding: "+ie+"px "+re+"px !important;\n                }"),React.createElement(RichText.Content,{tagName:l,value:a,className:"wp-block-ug_list_icon_"+c})):"7"==n?React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-7 wp-block-ug-list-block-7-"+o},React.createElement("style",null,".wp-block-ug-list-block-7-"+o+" ul,\n              .wp-block-ug-list-block-7-"+o+" ol {\n               margin-top: "+ge+"px;\n               margin-bottom: "+pe+"px;\n               color: "+fe+";\n               font-size: "+r+"px !important;\n               text-align: "+i+";\n             }",".wp-block-ug-list-block-7-"+o+" li {\n               background-color: "+Ce+";\n               color: "+fe+";\n               font-size: "+r+"px !important;\n               border: "+me+"px "+de+" "+xe+";\n               border-radius: "+se+"px 0 0 "+se+"px;\n               padding: "+ke+"px "+_e+"px !important;\n             }"),React.createElement(RichText.Content,{tagName:l,value:a,className:"wp-block-ug_list_icon_"+c})):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:{default:"1"},boxText:{type:"children",selector:".wp-block-ug-box-block-text"},align:{default:"left"},textSize:{default:"16"},marginTop_1:{default:"0"},marginBottom_1:{default:"20"},borderStyle_1:{default:"solid"},borderSize_1:{default:"3"},borderRadius_1:{default:"0"},paddingLeftRight_1:{default:"20"},paddingTopBottom_1:{default:"10"},textColor_1:{default:"#545454"},bgColor_1:{default:"#f5f5f5"},borderColor_1:{default:"#545454"},marginTop_2:{default:"0"},marginBottom_2:{default:"20"},borderStyle_2:{default:"solid"},borderSize_2:{default:"3"},paddingLeftRight_2:{default:"20"},paddingTopBottom_2:{default:"10"},textColor_2:{default:"#545454"},bgColor_2:{default:"#f5f5f5"},borderColor_2:{default:"#545454"},marginTop_3:{default:"0"},marginBottom_3:{default:"20"},borderStyle_3:{default:"solid"},borderSize_3:{default:"3"},paddingLeftRight_3:{default:"20"},paddingTopBottom_3:{default:"10"},textColor_3:{default:"#545454"},bgColor_3:{default:"#f5f5f5"},borderColor_3:{default:"#545454"},marginTop_4:{default:"0"},marginBottom_4:{default:"20"},paddingLeftRight_4:{default:"20"},paddingTopBottom_4:{default:"10"},textColor_4:{default:"#545454"},bgColor_4:{default:"#f5f5f5"},marginTop_5:{default:"0"},marginBottom_5:{default:"20"},borderStyle_5:{default:"solid"},borderSize_5:{default:"7"},paddingLeftRight_5:{default:"20"},paddingTopBottom_5:{default:"10"},textColor_5:{default:"#545454"},bgColor_5:{default:"#f5f5f5"},borderColor_5:{default:"#545454"},marginTop_6:{default:"0"},marginBottom_6:{default:"20"},borderStyle_6:{default:"solid"},borderSize_6:{default:"7"},paddingLeftRight_6:{default:"20"},paddingTopBottom_6:{default:"10"},textColor_6:{default:"#545454"},bgColor_6:{default:"#f5f5f5"},borderColor_6:{default:"#545454"},marginTop_7:{default:"0"},marginBottom_7:{default:"20"},borderStyle_7:{default:"solid"},borderSize_7:{default:"7"},paddingLeftRight_7:{default:"20"},paddingTopBottom_7:{default:"10"},textColor_7:{default:"#545454"},bgColor_7:{default:"#f5f5f5"},borderColor_7:{default:"#545454"},marginTop_8:{default:"0"},marginBottom_8:{default:"20"},borderStyle_8:{default:"solid"},borderSize_8:{default:"7"},paddingLeftRight_8:{default:"20"},paddingTopBottom_8:{default:"10"},textColor_8:{default:"#545454"},bgColor_8:{default:"#f5f5f5"},borderColor_8:{default:"#545454"},marginTop_9:{default:"0"},marginBottom_9:{default:"20"},borderStyle_9:{default:"solid"},borderSize_9:{default:"6"},borderRadius_9:{default:"9"},paddingLeftRight_9:{default:"20"},paddingTopBottom_9:{default:"10"},textColor_9:{default:"#ffffff"},bgColor_9:{default:"#545454"},borderColor_9:{default:"#cccccc"},marginTop_10:{default:"0"},marginBottom_10:{default:"20"},borderStyle_10:{default:"dashed"},borderSize_10:{default:"1"},borderRadius_10:{default:"9"},paddingLeftRight_10:{default:"20"},paddingTopBottom_10:{default:"10"},textColor_10:{default:"#ffffff"},bgColor_10:{default:"#545454"},borderColor_10:{default:"#ffffff"}},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_1,b=n.marginBottom_1,g=n.borderStyle_1,p=n.borderSize_1,d=n.borderRadius_1,m=n.paddingLeftRight_1,s=n.paddingTopBottom_1,_=n.textColor_1,k=n.bgColor_1,f=n.borderColor_1,C=n.marginTop_2,x=n.marginBottom_2,R=n.borderStyle_2,h=n.borderSize_2,w=n.paddingLeftRight_2,B=n.paddingTopBottom_2,v=n.textColor_2,E=n.bgColor_2,T=n.borderColor_2,y=n.marginTop_3,S=n.marginBottom_3,A=n.borderStyle_3,P=n.borderSize_3,q=n.paddingLeftRight_3,z=n.paddingTopBottom_3,N=n.textColor_3,L=n.bgColor_3,M=n.borderColor_3,$=n.marginTop_4,I=n.marginBottom_4,F=n.paddingLeftRight_4,U=n.paddingTopBottom_4,G=n.textColor_4,D=n.bgColor_4,H=n.marginTop_5,O=n.marginBottom_5,Q=n.borderStyle_5,K=n.borderSize_5,J=n.paddingLeftRight_5,j=n.paddingTopBottom_5,Z=n.textColor_5,V=n.bgColor_5,W=n.borderColor_5,Y=n.marginTop_6,X=n.marginBottom_6,ee=n.borderStyle_6,te=n.borderSize_6,oe=n.paddingLeftRight_6,ne=n.paddingTopBottom_6,le=n.textColor_6,ae=n.bgColor_6,re=n.borderColor_6,ie=n.marginTop_7,ce=n.marginBottom_7,ue=n.borderStyle_7,be=n.borderSize_7,ge=n.paddingLeftRight_7,pe=n.paddingTopBottom_7,de=n.textColor_7,me=n.bgColor_7,se=n.borderColor_7,_e=n.marginTop_8,ke=n.marginBottom_8,fe=n.borderStyle_8,Ce=n.borderSize_8,xe=n.paddingLeftRight_8,Re=n.paddingTopBottom_8,he=n.textColor_8,we=n.bgColor_8,Be=n.borderColor_8,ve=n.marginTop_9,Ee=n.marginBottom_9,Te=n.borderStyle_9,ye=n.borderSize_9,Se=n.borderRadius_9,Ae=n.paddingLeftRight_9,Pe=n.paddingTopBottom_9,qe=n.textColor_9,ze=n.bgColor_9,Ne=n.borderColor_9,Le=n.marginTop_10,Me=n.marginBottom_10,$e=n.borderStyle_10,Ie=n.borderSize_10,Fe=n.borderRadius_10,Ue=n.paddingLeftRight_10,Ge=n.paddingTopBottom_10,De=n.textColor_10,He=n.bgColor_10,Oe=n.borderColor_10;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(BaseControl,{label:__("Select Pattern")},React.createElement(ButtonGroup,{"aria-label":__("Select Pattern")},React.createElement(Button,{onClick:function(e){t.setAttributes({pattern:"1"})},style:{textAlign:"left"}},React.createElement("div",{className:"wp-block-ug-box-common wp-block-ug-box-block-1 wp-block-ug-box-block-1-35a43194-9136-4d81-b9ed-8044aa4b433d"},React.createElement("style",null,".wp-block-ug-box-block-1-35a43194-9136-4d81-b9ed-8044aa4b433d .wp-block-ug-box-block-text {\n                    margin-top: 0px !important;\n                    margin-bottom: 5px !important;\n                    background-color: #f5f5f5 !important;\n                    color: #545454 !important;\n                    font-size: 8px !important;\n                    border: 3px solid #545454 !important;\n                    border-radius: 0px !important;\n                    padding: 5px 10px !important;\n                    text-align: left !important;\n                    }"),React.createElement("div",{tagName:"div",className:"wp-block-ug-box-block-text"},"It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout."))),React.createElement(Button,{onClick:function(e){t.setAttributes({pattern:"2"})},style:{textAlign:"left"}},React.createElement("div",{className:"wp-block-ug-box-common wp-block-ug-box-block-2 wp-block-ug-box-block-2-35a43194-9136-4d81-b9ed-8044aa4b433d"},React.createElement("style",null,".wp-block-ug-box-block-2-35a43194-9136-4d81-b9ed-8044aa4b433d .wp-block-ug-box-block-text {\n                    margin-top: 0px !important;\n                    margin-bottom: 5px !important;\n                    background-color: #f5f5f5 !important;\n                    color: #545454 !important;\n                    font-size: 8px !important;\n                    border-top: 3px solid #545454 !important;\n                    border-bottom: 3px solid #545454 !important;\n                    padding: 5px 10px !important;\n                    text-align: left !important;\n                    }"),React.createElement("div",{tagName:"div",className:"wp-block-ug-box-block-text"},"It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout."))),React.createElement(Button,{onClick:function(e){t.setAttributes({pattern:"3"})},style:{textAlign:"left"}},React.createElement("div",{className:"wp-block-ug-box-common wp-block-ug-box-block-3 wp-block-ug-box-block-3-35a43194-9136-4d81-b9ed-8044aa4b433d"},React.createElement("style",null,".wp-block-ug-box-block-3-35a43194-9136-4d81-b9ed-8044aa4b433d .wp-block-ug-box-block-text {\n                    margin-top: 0px !important;\n                    margin-bottom: 5px !important;\n                    background-color: #f5f5f5 !important;\n                    color: #545454 !important;\n                    font-size: 8px !important;\n                    border-left: 3px solid #545454 !important;\n                    padding: 5px 10px !important;\n                    text-align: left !important;\n                    }"),React.createElement("div",{tagName:"div",className:"wp-block-ug-box-block-text"},"It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.")))))),React.createElement(PanelBody,{title:__("Common Settings")},React.createElement(RangeControl,{label:__("Text Size"),value:c,onChange:function(e){return t.setAttributes({textSize:e})},min:0,max:100,step:1})),"1"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:u,onChange:function(e){return t.setAttributes({marginTop_1:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:b,onChange:function(e){return t.setAttributes({marginBottom_1:e})},min:0,max:100,step:1})),"1"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:g,onChange:function(e){t.setAttributes({borderStyle_1: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_1:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:d,onChange:function(e){return t.setAttributes({borderRadius_1:e})},min:0,max:20,step:1})),"1"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:m,onChange:function(e){return t.setAttributes({paddingLeftRight_1:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:s,onChange:function(e){return t.setAttributes({paddingTopBottom_1:e})},min:0,max:100,step:1})),"1"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:_,onChange:function(e){return t.setAttributes({textColor_1:e})},label:__("Text Color")},{value:k,onChange:function(e){return t.setAttributes({bgColor_1:e})},label:__("Background Color")},{value:f,onChange:function(e){return t.setAttributes({borderColor_1:e})},label:__("Border Color")}]}),"2"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:C,onChange:function(e){return t.setAttributes({marginTop_2:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:x,onChange:function(e){return t.setAttributes({marginBottom_2:e})},min:0,max:100,step:1})),"2"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:R,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:h,onChange:function(e){return t.setAttributes({borderSize_2:e})},min:0,max:20,step:1})),"2"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:w,onChange:function(e){return t.setAttributes({paddingLeftRight_2:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:B,onChange:function(e){return t.setAttributes({paddingTopBottom_2:e})},min:0,max:100,step:1})),"2"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:v,onChange:function(e){return t.setAttributes({textColor_2:e})},label:__("Text Color")},{value:E,onChange:function(e){return t.setAttributes({bgColor_2:e})},label:__("Background Color")},{value:T,onChange:function(e){return t.setAttributes({borderColor_2:e})},label:__("Border Color")}]}),"3"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:y,onChange:function(e){return t.setAttributes({marginTop_3:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:S,onChange:function(e){return t.setAttributes({marginBottom_3:e})},min:0,max:100,step:1})),"3"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:A,onChange:function(e){t.setAttributes({borderStyle_3: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_3:e})},min:0,max:20,step:1})),"3"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:q,onChange:function(e){return t.setAttributes({paddingLeftRight_3:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:z,onChange:function(e){return t.setAttributes({paddingTopBottom_3:e})},min:0,max:100,step:1})),"3"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:N,onChange:function(e){return t.setAttributes({textColor_3:e})},label:__("Text Color")},{value:L,onChange:function(e){return t.setAttributes({bgColor_3:e})},label:__("Background Color")},{value:M,onChange:function(e){return t.setAttributes({borderColor_3:e})},label:__("Border Color")}]}),"4"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:$,onChange:function(e){return t.setAttributes({marginTop_4:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:I,onChange:function(e){return t.setAttributes({marginBottom_4:e})},min:0,max:100,step:1})),"4"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:F,onChange:function(e){return t.setAttributes({paddingLeftRight_4:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:U,onChange:function(e){return t.setAttributes({paddingTopBottom_4:e})},min:0,max:100,step:1})),"4"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:G,onChange:function(e){return t.setAttributes({textColor_4:e})},label:__("Text Color")},{value:D,onChange:function(e){return t.setAttributes({bgColor_4:e})},label:__("Background Color")}]}),"5"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:H,onChange:function(e){return t.setAttributes({marginTop_5:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:O,onChange:function(e){return t.setAttributes({marginBottom_5:e})},min:0,max:100,step:1})),"5"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:Q,onChange:function(e){t.setAttributes({borderStyle_5: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_5:e})},min:0,max:20,step:1})),"5"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:J,onChange:function(e){return t.setAttributes({paddingLeftRight_5:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:j,onChange:function(e){return t.setAttributes({paddingTopBottom_5:e})},min:0,max:100,step:1})),"5"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:Z,onChange:function(e){return t.setAttributes({textColor_5:e})},label:__("Text Color")},{value:V,onChange:function(e){return t.setAttributes({bgColor_5:e})},label:__("Background Color")},{value:W,onChange:function(e){return t.setAttributes({borderColor_5:e})},label:__("Border Color")}]}),"6"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:Y,onChange:function(e){return t.setAttributes({marginTop_6:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:X,onChange:function(e){return t.setAttributes({marginBottom_6:e})},min:0,max:100,step:1})),"6"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:ee,onChange:function(e){t.setAttributes({borderStyle_6: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:te,onChange:function(e){return t.setAttributes({borderSize_6:e})},min:0,max:20,step:1})),"6"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:oe,onChange:function(e){return t.setAttributes({paddingLeftRight_6:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:ne,onChange:function(e){return t.setAttributes({paddingTopBottom_6:e})},min:0,max:100,step:1})),"6"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:le,onChange:function(e){return t.setAttributes({textColor_6:e})},label:__("Text Color")},{value:ae,onChange:function(e){return t.setAttributes({bgColor_6:e})},label:__("Background Color")},{value:re,onChange:function(e){return t.setAttributes({borderColor_6:e})},label:__("Border Color")}]}),"7"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:ie,onChange:function(e){return t.setAttributes({marginTop_7:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:ce,onChange:function(e){return t.setAttributes({marginBottom_7:e})},min:0,max:100,step:1})),"7"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:ue,onChange:function(e){t.setAttributes({borderStyle_7: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:be,onChange:function(e){return t.setAttributes({borderSize_7:e})},min:0,max:20,step:1})),"7"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:ge,onChange:function(e){return t.setAttributes({paddingLeftRight_7:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:pe,onChange:function(e){return t.setAttributes({paddingTopBottom_7:e})},min:0,max:100,step:1})),"7"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:de,onChange:function(e){return t.setAttributes({textColor_7:e})},label:__("Text Color")},{value:me,onChange:function(e){return t.setAttributes({bgColor_7:e})},label:__("Background Color")},{value:se,onChange:function(e){return t.setAttributes({borderColor_7:e})},label:__("Border Color")}]}),"8"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:_e,onChange:function(e){return t.setAttributes({marginTop_8:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:ke,onChange:function(e){return t.setAttributes({marginBottom_8:e})},min:0,max:100,step:1})),"8"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:fe,onChange:function(e){t.setAttributes({borderStyle_8: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:Ce,onChange:function(e){return t.setAttributes({borderSize_8:e})},min:0,max:20,step:1})),"8"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:xe,onChange:function(e){return t.setAttributes({paddingLeftRight_8:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:Re,onChange:function(e){return t.setAttributes({paddingTopBottom_8:e})},min:0,max:100,step:1})),"8"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:he,onChange:function(e){return t.setAttributes({textColor_8:e})},label:__("Text Color")},{value:we,onChange:function(e){return t.setAttributes({bgColor_8:e})},label:__("Background Color")},{value:Be,onChange:function(e){return t.setAttributes({borderColor_8:e})},label:__("Border Color")}]}),"9"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:ve,onChange:function(e){return t.setAttributes({marginTop_9:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:Ee,onChange:function(e){return t.setAttributes({marginBottom_9:e})},min:0,max:100,step:1})),"9"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:Te,onChange:function(e){t.setAttributes({borderStyle_9: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:ye,onChange:function(e){return t.setAttributes({borderSize_9:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:Se,onChange:function(e){return t.setAttributes({borderRadius_9:e})},min:0,max:20,step:1})),"9"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:Ae,onChange:function(e){return t.setAttributes({paddingLeftRight_9:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:Pe,onChange:function(e){return t.setAttributes({paddingTopBottom_9:e})},min:0,max:100,step:1})),"9"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:qe,onChange:function(e){return t.setAttributes({textColor_9:e})},label:__("Text Color")},{value:ze,onChange:function(e){return t.setAttributes({bgColor_9:e})},label:__("Background Color")},{value:Ne,onChange:function(e){return t.setAttributes({borderColor_9:e})},label:__("Border Color")}]}),"10"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:Le,onChange:function(e){return t.setAttributes({marginTop_10:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:Me,onChange:function(e){return t.setAttributes({marginBottom_10:e})},min:0,max:100,step:1})),"10"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:$e,onChange:function(e){t.setAttributes({borderStyle_10: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:Ie,onChange:function(e){return t.setAttributes({borderSize_10:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:Fe,onChange:function(e){return t.setAttributes({borderRadius_10:e})},min:0,max:20,step:1})),"10"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:Ue,onChange:function(e){return t.setAttributes({paddingLeftRight_10:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:Ge,onChange:function(e){return t.setAttributes({paddingTopBottom_10:e})},min:0,max:100,step:1})),"10"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:De,onChange:function(e){return t.setAttributes({textColor_10:e})},label:__("Text Color")},{value:He,onChange:function(e){return t.setAttributes({bgColor_10:e})},label:__("Background Color")},{value:Oe,onChange:function(e){return t.setAttributes({borderColor_10:e})},label:__("Border Color")}]})),"1"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-box-block-1 wp-block-ug-box-common wp-block-ug-box-block-1-"+l},React.createElement("style",null,".wp-block-ug-box-block-1-"+l+" .wp-block-ug-box-block-text {\n            background-color: "+k+" !important;\n            color: "+_+" !important;\n            font-size: "+c+"px !important;\n            border: "+p+"px "+g+" "+f+" !important;\n            border-radius: "+d+"px !important;\n            padding: "+s+"px "+m+"px !important;\n            text-align: "+i+" !important;\n            }"),React.createElement(RichText,{tagName:"div",placeholder:__("Box Text"),className:"wp-block-ug-box-block-text",onChange:function(e){return t.setAttributes({boxText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"]})),"2"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-box-block-2 wp-block-ug-box-common wp-block-ug-box-block-2-"+l},React.createElement("style",null,".wp-block-ug-box-block-2-"+l+" .wp-block-ug-box-block-text {\n            background-color: "+E+" !important;\n            color: "+v+" !important;\n            font-size: "+c+"px !important;\n            border-top: "+h+"px "+R+" "+T+" !important;\n            border-bottom: "+h+"px "+R+" "+T+" !important;\n            padding: "+B+"px "+w+"px !important;\n            text-align: "+i+" !important;\n            }"),React.createElement(RichText,{tagName:"div",placeholder:__("Box Text"),className:"wp-block-ug-box-block-text",onChange:function(e){return t.setAttributes({boxText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"]})),"3"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-box-block-3 wp-block-ug-box-common wp-block-ug-box-block-3-"+l},React.createElement("style",null,".wp-block-ug-box-block-3-"+l+" .wp-block-ug-box-block-text {\n            background-color: "+L+" !important;\n            color: "+N+" !important;\n            font-size: "+c+"px !important;\n            border-left: "+P+"px "+A+" "+M+" !important;\n            padding: "+z+"px "+q+"px !important;\n            text-align: "+i+" !important;\n            }"),React.createElement(RichText,{tagName:"div",placeholder:__("Box Text"),className:"wp-block-ug-box-block-text",onChange:function(e){return t.setAttributes({boxText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"]})),"4"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-box-block-4 wp-block-ug-box-common wp-block-ug-box-block-4-"+l},React.createElement("style",null,".wp-block-ug-box-block-4-"+l+" .wp-block-ug-box-block-text {\n            background-color: "+D+" !important;\n            color: "+G+" !important;\n            font-size: "+c+"px !important;\n            padding: "+U+"px "+F+"px !important;\n            text-align: "+i+" !important;\n            }"),React.createElement(RichText,{tagName:"div",placeholder:__("Box Text"),className:"wp-block-ug-box-block-text",onChange:function(e){return t.setAttributes({boxText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"]})),"5"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-box-block-5 wp-block-ug-box-common wp-block-ug-box-block-5-"+l},React.createElement("style",null,".wp-block-ug-box-block-5-"+l+" .wp-block-ug-box-block-text {\n            background-color: "+V+" !important;\n            color: "+Z+" !important;\n            font-size: "+c+"px !important;\n            border-left: "+K+"px "+Q+" "+W+" !important;\n            border-right: "+K+"px "+Q+" "+W+" !important;\n            padding: "+j+"px "+J+"px !important;\n            text-align: "+i+" !important;\n            }"),React.createElement(RichText,{tagName:"div",placeholder:__("Box Text"),className:"wp-block-ug-box-block-text",onChange:function(e){return t.setAttributes({boxText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"]})),"6"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-box-block-6 wp-block-ug-box-common wp-block-ug-box-block-6-"+l},React.createElement("style",null,".wp-block-ug-box-block-6-"+l+" .wp-block-ug-box-block-text {\n            background-color: "+ae+" !important;\n            color: "+le+" !important;\n            font-size: "+c+"px !important;\n            border-top: "+te+"px "+ee+" "+re+" !important;\n            padding: "+ne+"px "+oe+"px !important;\n            text-align: "+i+" !important;\n            }"),React.createElement(RichText,{tagName:"div",placeholder:__("Box Text"),className:"wp-block-ug-box-block-text",onChange:function(e){return t.setAttributes({boxText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"]})),"7"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-box-block-7 wp-block-ug-box-common wp-block-ug-box-block-7-"+l},React.createElement("style",null,".wp-block-ug-box-block-7-"+l+" .wp-block-ug-box-block-text {\n            background-color: "+me+" !important;\n            color: "+de+" !important;\n            font-size: "+c+"px !important;\n            border-left: "+be+"px "+ue+" "+se+" !important;\n            padding: "+pe+"px "+ge+"px !important;\n            text-align: "+i+" !important;\n            }"),React.createElement(RichText,{tagName:"div",placeholder:__("Box Text"),className:"wp-block-ug-box-block-text",onChange:function(e){return t.setAttributes({boxText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"]})),"8"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-box-block-8 wp-block-ug-box-common wp-block-ug-box-block-8-"+l},React.createElement("style",null,".wp-block-ug-box-block-8-"+l+" .wp-block-ug-box-block-text {\n            background-color: "+we+" !important;\n            color: "+he+" !important;\n            font-size: "+c+"px !important;\n            border-top: "+Ce+"px "+fe+" "+Be+" !important;\n            padding: "+Re+"px "+xe+"px !important;\n            text-align: "+i+" !important;\n            }"),React.createElement(RichText,{tagName:"div",placeholder:__("Box Text"),className:"wp-block-ug-box-block-text",onChange:function(e){return t.setAttributes({boxText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"]})),"9"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-box-block-9 wp-block-ug-box-common wp-block-ug-box-block-9-"+l},React.createElement("style",null,".wp-block-ug-box-block-9-"+l+" .wp-block-ug-box-block-text {\n            background-color: "+ze+" !important;\n            color: "+qe+" !important;\n            font-size: "+c+"px !important;\n            border-bottom: "+ye+"px "+Te+" "+Ne+" !important;\n            border-radius: "+Se+"px !important;\n            padding: "+Pe+"px "+Ae+"px !important;\n            text-align: "+i+" !important;\n            }"),React.createElement(RichText,{tagName:"div",placeholder:__("Box Text"),className:"wp-block-ug-box-block-text",onChange:function(e){return t.setAttributes({boxText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"]})),"10"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-box-block-10 wp-block-ug-box-common wp-block-ug-box-block-10-"+l},React.createElement("style",null,".wp-block-ug-box-block-10-"+l+" .wp-block-ug-box-block-text {\n            background-color: "+He+" !important;\n            color: "+De+" !important;\n            font-size: "+c+"px !important;\n            border: "+Ie+"px "+$e+" "+Oe+" !important;\n            border-radius: "+Fe+"px !important;\n            padding: "+Ge+"px "+Ue+"px !important;\n            text-align: "+i+" !important;\n            box-Shadow: 0px 0px 0px 10px "+He+";\n            }"),React.createElement(RichText,{tagName:"div",placeholder:__("Box Text"),className:"wp-block-ug-box-block-text",onChange:function(e){return t.setAttributes({boxText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"]}))]}),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_1,c=t.marginBottom_1,u=t.borderStyle_1,b=t.borderSize_1,g=t.borderRadius_1,p=t.paddingLeftRight_1,d=t.paddingTopBottom_1,m=t.textColor_1,s=t.bgColor_1,_=t.borderColor_1,k=t.marginTop_2,f=t.marginBottom_2,C=t.borderStyle_2,x=t.borderSize_2,R=t.paddingLeftRight_2,h=t.paddingTopBottom_2,w=t.textColor_2,B=t.bgColor_2,v=t.borderColor_2,E=t.marginTop_3,T=t.marginBottom_3,y=t.borderStyle_3,S=t.borderSize_3,A=t.paddingLeftRight_3,P=t.paddingTopBottom_3,q=t.textColor_3,z=t.bgColor_3,N=t.borderColor_3,L=t.marginTop_4,M=t.marginBottom_4,$=t.paddingLeftRight_4,I=t.paddingTopBottom_4,F=t.textColor_4,U=t.bgColor_4,G=t.marginTop_5,D=t.marginBottom_5,H=t.borderStyle_5,O=t.borderSize_5,Q=t.paddingLeftRight_5,K=t.paddingTopBottom_5,J=t.textColor_5,j=t.bgColor_5,Z=t.borderColor_5,V=t.marginTop_6,W=t.marginBottom_6,Y=t.borderStyle_6,X=t.borderSize_6,ee=t.paddingLeftRight_6,te=t.paddingTopBottom_6,oe=t.textColor_6,ne=t.bgColor_6,le=t.borderColor_6,ae=t.marginTop_7,re=t.marginBottom_7,ie=t.borderStyle_7,ce=t.borderSize_7,ue=t.paddingLeftRight_7,be=t.paddingTopBottom_7,ge=t.textColor_7,pe=t.bgColor_7,de=t.borderColor_7,me=t.marginTop_8,se=t.marginBottom_8,_e=t.borderStyle_8,ke=t.borderSize_8,fe=t.paddingLeftRight_8,Ce=t.paddingTopBottom_8,xe=t.textColor_8,Re=t.bgColor_8,he=t.borderColor_8,we=t.marginTop_9,Be=t.marginBottom_9,ve=t.borderStyle_9,Ee=t.borderSize_9,Te=t.borderRadius_9,ye=t.paddingLeftRight_9,Se=t.paddingTopBottom_9,Ae=t.textColor_9,Pe=t.bgColor_9,qe=t.borderColor_9,ze=t.marginTop_10,Ne=t.marginBottom_10,Le=t.borderStyle_10,Me=t.borderSize_10,$e=t.borderRadius_10,Ie=t.paddingLeftRight_10,Fe=t.paddingTopBottom_10,Ue=t.textColor_10,Ge=t.bgColor_10,De=t.borderColor_10;return"1"==n?React.createElement("div",{className:"wp-block-ug-box-common wp-block-ug-box-block-1 wp-block-ug-box-block-1-"+o},React.createElement("style",null,".wp-block-ug-box-block-1-"+o+" .wp-block-ug-box-block-text {\n            margin-top: "+i+"px !important;\n            margin-bottom: "+c+"px !important;\n            background-color: "+s+" !important;\n            color: "+m+" !important;\n            font-size: "+r+"px !important;\n            border: "+b+"px "+u+" "+_+" !important;\n            border-radius: "+g+"px !important;\n            padding: "+d+"px "+p+"px !important;\n            text-align: "+a+" !important;\n            }"),React.createElement(RichText.Content,{tagName:"div",className:"wp-block-ug-box-block-text",value:l})):"2"==n?React.createElement("div",{className:"wp-block-ug-box-common wp-block-ug-box-block-2 wp-block-ug-box-block-2-"+o},React.createElement("style",null,".wp-block-ug-box-block-2-"+o+" .wp-block-ug-box-block-text {\n            margin-top: "+k+"px !important;\n            margin-bottom: "+f+"px !important;\n            background-color: "+B+" !important;\n            color: "+w+" !important;\n            font-size: "+r+"px !important;\n            border-top: "+x+"px "+C+" "+v+" !important;\n            border-bottom: "+x+"px "+C+" "+v+" !important;\n            padding: "+h+"px "+R+"px !important;\n            text-align: "+a+" !important;\n            "),React.createElement(RichText.Content,{tagName:"div",className:"wp-block-ug-box-block-text",value:l})):"3"==n?React.createElement("div",{className:"wp-block-ug-box-common wp-block-ug-box-block-3 wp-block-ug-box-block-3-"+o},React.createElement("style",null,".wp-block-ug-box-block-3-"+o+" .wp-block-ug-box-block-text {\n             margin-top: "+E+"px !important;\n             margin-bottom: "+T+"px !important;\n             background-color: "+z+" !important;\n             color: "+q+" !important;\n             font-size: "+r+"px !important;\n             border-left: "+S+"px "+y+" "+N+" !important;\n             padding: "+P+"px "+A+"px !important;\n             text-align: "+a+" !important;\n             }"),React.createElement(RichText.Content,{tagName:"div",className:"wp-block-ug-box-block-text",value:l})):"4"==n?React.createElement("div",{className:"wp-block-ug-box-common wp-block-ug-box-block-4 wp-block-ug-box-block-4-"+o},React.createElement("style",null,".wp-block-ug-box-block-4-"+o+" .wp-block-ug-box-block-text {\n             margin-top: "+L+"px !important;\n             margin-bottom: "+M+"px !important;\n             background-color: "+U+" !important;\n             color: "+F+" !important;\n             font-size: "+r+"px !important;\n             padding: "+I+"px "+$+"px !important;\n             text-align: "+a+" !important;\n             }"),React.createElement(RichText.Content,{tagName:"div",className:"wp-block-ug-box-block-text",value:l})):"5"==n?React.createElement("div",{className:"wp-block-ug-box-common wp-block-ug-box-block-5 wp-block-ug-box-block-5-"+o},React.createElement("style",null,".wp-block-ug-box-block-5-"+o+" .wp-block-ug-box-block-text {\n              margin-top: "+G+"px !important;\n              margin-bottom: "+D+"px !important;\n              background-color: "+j+" !important;\n              color: "+J+" !important;\n              font-size: "+r+"px !important;\n              border-left: "+O+"px "+H+" "+Z+" !important;\n              border-right: "+O+"px "+H+" "+Z+" !important;\n              padding: "+K+"px "+Q+"px !important;\n              text-align: "+a+" !important;\n              }"),React.createElement(RichText.Content,{tagName:"div",className:"wp-block-ug-box-block-text",value:l})):"6"==n?React.createElement("div",{className:"wp-block-ug-box-common wp-block-ug-box-block-6 wp-block-ug-box-block-6-"+o},React.createElement("style",null,".wp-block-ug-box-block-6-"+o+" .wp-block-ug-box-block-text {\n             margin-top: "+V+"px !important;\n             margin-bottom: "+W+"px !important;\n             background-color: "+ne+" !important;\n             color: "+oe+" !important;\n             font-size: "+r+"px !important;\n             border-top: "+X+"px "+Y+" "+le+" !important;\n             padding: "+te+"px "+ee+"px !important;\n             text-align: "+a+" !important;\n             }"),React.createElement(RichText.Content,{tagName:"div",className:"wp-block-ug-box-block-text",value:l})):"7"==n?React.createElement("div",{className:"wp-block-ug-box-common wp-block-ug-box-block-7 wp-block-ug-box-block-7-"+o},React.createElement("style",null,".wp-block-ug-box-block-7-"+o+" .wp-block-ug-box-block-text {\n            margin-top: "+ae+"px !important;\n            margin-bottom: "+re+"px !important;\n            background-color: "+pe+" !important;\n            color: "+ge+" !important;\n            font-size: "+r+"px !important;\n            border-left: "+ce+"px "+ie+" "+de+" !important;\n            padding: "+be+"px "+ue+"px !important;\n            text-align: "+a+" !important;\n            }"),React.createElement(RichText.Content,{tagName:"div",className:"wp-block-ug-box-block-text",value:l})):"8"==n?React.createElement("div",{className:"wp-block-ug-box-common wp-block-ug-box-block-8 wp-block-ug-box-block-8-"+o},React.createElement("style",null,".wp-block-ug-box-block-8-"+o+" .wp-block-ug-box-block-text {\n            margin-top: "+me+"px !important;\n            margin-bottom: "+se+"px !important;\n            background-color: "+Re+" !important;\n            color: "+xe+" !important;\n            font-size: "+r+"px !important;\n            border-top: "+ke+"px "+_e+" "+he+" !important;\n            padding: "+Ce+"px "+fe+"px !important;\n            text-align: "+a+" !important;\n            }"),React.createElement(RichText.Content,{tagName:"div",className:"wp-block-ug-box-block-text",value:l})):"9"==n?React.createElement("div",{className:"wp-block-ug-box-common wp-block-ug-box-block-9 wp-block-ug-box-block-9-"+o},React.createElement("style",null,".wp-block-ug-box-block-9-"+o+" .wp-block-ug-box-block-text {\n            margin-top: "+we+"px !important;\n            margin-bottom: "+Be+"px !important;\n            background-color: "+Pe+" !important;\n            color: "+Ae+" !important;\n            font-size: "+r+"px !important;\n            border-bottom: "+Ee+"px "+ve+" "+qe+" !important;\n            border-radius: "+Te+"px !important;\n            padding: "+Se+"px "+ye+"px !important;\n            text-align: "+a+" !important;\n            }"),React.createElement(RichText.Content,{tagName:"div",className:"wp-block-ug-box-block-text",value:l})):"10"==n?React.createElement("div",{className:"wp-block-ug-box-common wp-block-ug-box-block-10 wp-block-ug-box-block-10-"+o},React.createElement("style",null,".wp-block-ug-box-block-10-"+o+" .wp-block-ug-box-block-text {\n            margin-top: "+ze+"px !important;\n            margin-bottom: "+Ne+"px !important;\n            background-color: "+Ge+" !important;\n            color: "+Ue+" !important;\n            font-size: "+r+"px !important;\n            border: "+Me+"px "+Le+" "+De+" !important;\n            border-radius: "+$e+"px !important;\n            padding: "+Fe+"px "+Ie+"px !important;\n            text-align: "+a+" !important;\n            box-Shadow: 0px 0px 0px 10px "+Ge+";\n            }"),React.createElement(RichText.Content,{tagName:"div",className:"wp-block-ug-box-block-text",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:{default:"1"},blockquoteText:{type:"children",selector:".ug-blockquote-text"},blockquoteAuthorText:{type:"children",selector:".ug-blockquote-author-text"},textSize:{default:"16"},align:{default:"left"},authorSize:{default:"16"},marginTop_1:{default:"0"},marginBottom_1:{default:"20"},borderStyle_1:{default:"solid"},borderSize_1:{default:"3"},borderRadius_1:{default:"0"},paddingLeftRight_1:{default:"20"},paddingTopBottom_1:{default:"10"},textColor_1:{default:"#545454"},bgColor_1:{default:"#f5f5f5"},borderColor_1:{default:"#545454"},iconColor_1:{default:"#545454"},marginTop_2:{default:"0"},marginBottom_2:{default:"20"},borderStyle_2:{default:"solid"},borderSize_2:{default:"3"},paddingLeftRight_2:{default:"20"},paddingTopBottom_2:{default:"10"},textColor_2:{default:"#545454"},bgColor_2:{default:"#f5f5f5"},borderColor_2:{default:"#545454"},iconColor_2:{default:"#545454"},marginTop_3:{default:"0"},marginBottom_3:{default:"20"},paddingLeftRight_3:{default:"20"},paddingTopBottom_3:{default:"10"},textColor_3:{default:"#ffffff"},bgColor_3:{default:"#545454"},iconColor_3:{default:"#545454"},marginTop_4:{default:"0"},marginBottom_4:{default:"20"},paddingLeftRight_4:{default:"20"},paddingTopBottom_4:{default:"10"},textColor_4:{default:"#545454"},bgColor_4:{default:"#f5f5f5"},iconColor_4:{default:"#b2bec3"},marginTop_5:{default:"0"},marginBottom_5:{default:"20"},borderStyle_5:{default:"solid"},borderSize_5:{default:"2"},borderRadius_5:{default:"0"},textColor_5:{default:"#545454"},bgColor_5:{default:"#ffffff"},borderColor_5:{default:"#545454"},iconColor_5:{default:"#545454"},marginTop_6:{default:"0"},marginBottom_6:{default:"20"},borderStyle_6:{default:"solid"},borderSize_6:{default:"3"},paddingLeftRight_6:{default:"20"},paddingTopBottom_6:{default:"10"},textColor_6:{default:"#545454"},bgColor_6:{default:"#f5f5f5"},borderColor_6:{default:"#545454"},iconColor_6:{default:"#545454"},marginTop_7:{default:"0"},marginBottom_7:{default:"20"},paddingLeftRight_7:{default:"30"},paddingTopBottom_7:{default:"40"},textColor_7:{default:"#545454"},bgColor_7:{default:"#f5f5f5"},iconColor_7:{default:"#b2bec3"},marginTop_8:{default:"40"},marginBottom_8:{default:"40"},borderStyle_8:{default:"solid"},borderSize_8:{default:"3"},paddingLeftRight_8:{default:"20"},paddingTopBottom_8:{default:"10"},textColor_8:{default:"#545454"},bgColor_8:{default:"#f5f5f5"},borderColor_8:{default:"#545454"},iconColor_8:{default:"#ffffff"},marginTop_9:{default:"40"},marginBottom_9:{default:"40"},borderStyle_9:{default:"solid"},borderSize_9:{default:"3"},paddingLeftRight_9:{default:"20"},paddingTopBottom_9:{default:"10"},textColor_9:{default:"#545454"},bgColor_9:{default:"#f5f5f5"},borderColor_9:{default:"#545454"},iconColor_9:{default:"#ffffff"},marginTop_10:{default:"0"},marginBottom_10:{default:"20"},paddingLeftRight_10:{default:"20"},paddingTopBottom_10:{default:"10"},textColor_10:{default:"#545454"},bgColor_10:{default:"#f5f5f5"},borderColor_10:{default:"#545454"},iconColor_10:{default:"#ffffff"},marginTop_11:{default:"0"},marginBottom_11:{default:"20"},paddingLeftRight_11:{default:"20"},paddingTopBottom_11:{default:"10"},textColor_11:{default:"#545454"},bgColor_11:{default:"#f5f5f5"},borderColor_11:{default:"#545454"},iconColor_11:{default:"#ffffff"}},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,b=n.authorSize,g=n.marginTop_1,p=n.marginBottom_1,d=n.borderStyle_1,m=n.borderSize_1,s=n.borderRadius_1,_=n.paddingLeftRight_1,k=n.paddingTopBottom_1,f=n.textColor_1,C=n.bgColor_1,x=n.borderColor_1,R=n.iconColor_1,h=n.marginTop_2,w=n.marginBottom_2,B=n.borderStyle_2,v=n.borderSize_2,E=(n.borderRadius_2,n.paddingLeftRight_2),T=n.paddingTopBottom_2,y=n.textColor_2,S=n.bgColor_2,A=n.borderColor_2,P=n.iconColor_2,q=n.marginTop_3,z=n.marginBottom_3,N=n.paddingLeftRight_3,L=n.paddingTopBottom_3,M=n.textColor_3,$=n.bgColor_3,I=n.iconColor_3,F=n.marginTop_4,U=n.marginBottom_4,G=n.paddingLeftRight_4,D=n.paddingTopBottom_4,H=n.textColor_4,O=n.bgColor_4,Q=n.iconColor_4,K=n.marginTop_5,J=n.marginBottom_5,j=n.borderStyle_5,Z=n.borderSize_5,V=n.borderRadius_5,W=n.textColor_5,Y=n.bgColor_5,X=n.borderColor_5,ee=n.iconColor_5,te=n.marginTop_6,oe=n.marginBottom_6,ne=n.borderStyle_6,le=n.borderSize_6,ae=(n.borderRadius_6,n.paddingLeftRight_6),re=n.paddingTopBottom_6,ie=n.textColor_6,ce=n.bgColor_6,ue=n.borderColor_6,be=n.iconColor_6,ge=n.marginTop_7,pe=n.marginBottom_7,de=n.paddingLeftRight_7,me=n.paddingTopBottom_7,se=n.textColor_7,_e=n.bgColor_7,ke=n.iconColor_7,fe=n.marginTop_8,Ce=n.marginBottom_8,xe=n.borderStyle_8,Re=n.borderSize_8,he=n.paddingLeftRight_8,we=n.paddingTopBottom_8,Be=n.textColor_8,ve=n.bgColor_8,Ee=n.borderColor_8,Te=n.iconColor_8,ye=n.marginTop_9,Se=n.marginBottom_9,Ae=n.borderStyle_9,Pe=n.borderSize_9,qe=n.paddingLeftRight_9,ze=n.paddingTopBottom_9,Ne=n.textColor_9,Le=n.bgColor_9,Me=n.borderColor_9,$e=n.iconColor_9,Ie=n.marginTop_10,Fe=n.marginBottom_10,Ue=n.paddingLeftRight_10,Ge=n.paddingTopBottom_10,De=n.textColor_10,He=n.bgColor_10,Oe=n.borderColor_10,Qe=n.iconColor_10,Ke=n.marginTop_11,Je=n.marginBottom_11,je=n.paddingLeftRight_11,Ze=n.paddingTopBottom_11,Ve=n.textColor_11,We=n.bgColor_11,Ye=n.borderColor_11,Xe=n.iconColor_11;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(BaseControl,{label:__("Select Pattern")},React.createElement(ButtonGroup,{"aria-label":__("Select Pattern")},React.createElement(Button,{onClick:function(e){t.setAttributes({pattern:"1"})},style:{textAlign:"left"}},React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-1 wp-block-ug-blockquote-block-1-c697da48-b8ba-4a90-9cab-dfac411cbf59"},React.createElement("style",null,".wp-block-ug-blockquote-block-1-c697da48-b8ba-4a90-9cab-dfac411cbf59 blockquote {\n                  margin-top: 0px !important;\n                  margin-bottom: 5px !important;\n                  background-color: #f5f5f5 !important;\n                  border: 3px solid #545454 !important;\n                  border-radius: 0px !important;\n                  padding: 2px 5px !important;\n                  }",".wp-block-ug-blockquote-block-1-c697da48-b8ba-4a90-9cab-dfac411cbf59 blockquote:before {\n                  color: #545454 !important;\n                  top: 10px !important;\n                  left: 15px !important;\n                  font-size: 14px !important;\n                  }",".wp-block-ug-blockquote-block-1-c697da48-b8ba-4a90-9cab-dfac411cbf59 blockquote p {\n                  color: #545454 !important;\n                  font-size: 8px !important;\n                  text-align: left !important;\n                  margin-bottom: 0px !important;\n                  }",".wp-block-ug-blockquote-block-1-c697da48-b8ba-4a90-9cab-dfac411cbf59 blockquote cite {\n                  color: #545454 !important;\n                  font-size: 8px !important;\n                  }"),React.createElement("blockquote",{className:"ug-blockquote-block-1-c697da48-b8ba-4a90-9cab-dfac411cbf59"},React.createElement("p",null,"It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout."),React.createElement("cite",null,"KAZUKI KIKUCHI")))),React.createElement(Button,{onClick:function(e){t.setAttributes({pattern:"2"})},style:{textAlign:"left"}},React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-2 wp-block-ug-blockquote-block-2-c697da48-b8ba-4a90-9cab-dfac411cbf59"},React.createElement("style",null,".wp-block-ug-blockquote-block-2-c697da48-b8ba-4a90-9cab-dfac411cbf59 blockquote {\n                  margin-top: 0px !important;\n                  margin-bottom: 5px !important;\n                  background-color: #f5f5f5 !important;\n                  border-left: 3px solid #545454 !important;\n                  padding: 2px 5px !important;\n                  }",".wp-block-ug-blockquote-block-2-c697da48-b8ba-4a90-9cab-dfac411cbf59 blockquote:before {\n                  color: #545454 !important;\n                  top: 10px !important;\n                  left: 15px !important;\n                  font-size: 14px !important;\n                  }",".wp-block-ug-blockquote-block-2-c697da48-b8ba-4a90-9cab-dfac411cbf59 blockquote p {\n                  color: #545454 !important;\n                  font-size: 8px !important;\n                  text-align: left !important;\n                  margin-bottom: 0px !important;\n                  }",".wp-block-ug-blockquote-block-2-c697da48-b8ba-4a90-9cab-dfac411cbf59 blockquote cite {\n                  color: #545454 !important;\n                  font-size: 8px !important;\n                  }"),React.createElement("blockquote",{className:"ug-blockquote-block-2-c697da48-b8ba-4a90-9cab-dfac411cbf59"},React.createElement("p",null,"It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout."),React.createElement("cite",null,"KAZUKI KIKUCHI")))),React.createElement(Button,{onClick:function(e){t.setAttributes({pattern:"3"})},style:{textAlign:"left"}},React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-3 wp-block-ug-blockquote-block-3-c697da48-b8ba-4a90-9cab-dfac411cbf59",style:{marginTop:"15px"}},React.createElement("style",null,".wp-block-ug-blockquote-block-3-c697da48-b8ba-4a90-9cab-dfac411cbf59 blockquote {\n                margin-top: 0px !important;\n                margin-bottom: 5px !important;\n                background-color: #545454 !important;\n                padding: 2px 5px !important;\n                }",".wp-block-ug-blockquote-block-3-c697da48-b8ba-4a90-9cab-dfac411cbf59 blockquote:before {\n                color: #545454 !important;\n                top: 10px !important;\n                left: 15px !important;\n                font-size: 14px !important;\n                top: -13px !important;\n                left: 7px !important;\n                font-size: 17px;\n                position: absolute;\n                }",".wp-block-ug-blockquote-block-3-c697da48-b8ba-4a90-9cab-dfac411cbf59 blockquote p {\n                color: #ffffff !important;\n                font-size: 8px !important;\n                text-align: left !important;\n                margin-bottom: 0px !important;\n                }",".wp-block-ug-blockquote-block-3-c697da48-b8ba-4a90-9cab-dfac411cbf59 blockquote cite {\n                color: #ffffff !important;\n                font-size: 8px !important;\n                }"),React.createElement("blockquote",{className:"ug-blockquote-block-3-c697da48-b8ba-4a90-9cab-dfac411cbf59"},React.createElement("p",null,"It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout."),React.createElement("cite",null,"KAZUKI KIKUCHI"))))))),React.createElement(PanelBody,{title:__("Common Settings")},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:b,onChange:function(e){return t.setAttributes({authorSize:e})},min:0,max:100,step:1})),"1"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:g,onChange:function(e){return t.setAttributes({marginTop_1:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:p,onChange:function(e){return t.setAttributes({marginBottom_1:e})},min:0,max:100,step:1})),"1"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:d,onChange:function(e){t.setAttributes({borderStyle_1: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_1:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:s,onChange:function(e){return t.setAttributes({borderRadius_1: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_1:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:k,onChange:function(e){return t.setAttributes({paddingTopBottom_1:e})},min:0,max:100,step:1})),"1"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:f,onChange:function(e){return t.setAttributes({textColor_1:e})},label:__("Text Color")},{value:C,onChange:function(e){return t.setAttributes({bgColor_1:e})},label:__("Background Color")},{value:x,onChange:function(e){return t.setAttributes({borderColor_1:e})},label:__("Border Color")},{value:R,onChange:function(e){return t.setAttributes({iconColor_1:e})},label:__("Icon Color")}]}),"2"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:h,onChange:function(e){return t.setAttributes({marginTop_2:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:w,onChange:function(e){return t.setAttributes({marginBottom_2:e})},min:0,max:100,step:1})),"2"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:B,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:v,onChange:function(e){return t.setAttributes({borderSize_2:e})},min:0,max:20,step:1})),"2"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:E,onChange:function(e){return t.setAttributes({paddingLeftRight_2:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:T,onChange:function(e){return t.setAttributes({paddingTopBottom_2:e})},min:0,max:100,step:1})),"2"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:y,onChange:function(e){return t.setAttributes({textColor_2:e})},label:__("Text Color")},{value:S,onChange:function(e){return t.setAttributes({bgColor_2:e})},label:__("Background Color")},{value:A,onChange:function(e){return t.setAttributes({borderColor_2:e})},label:__("Border Color")},{value:P,onChange:function(e){return t.setAttributes({iconColor_2:e})},label:__("Icon Color")}]}),"3"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:q,onChange:function(e){return t.setAttributes({marginTop_3:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:z,onChange:function(e){return t.setAttributes({marginBottom_3:e})},min:0,max:100,step:1})),"3"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:N,onChange:function(e){return t.setAttributes({paddingLeftRight_3:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:L,onChange:function(e){return t.setAttributes({paddingTopBottom_3:e})},min:0,max:100,step:1})),"3"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:M,onChange:function(e){return t.setAttributes({textColor_3:e})},label:__("Text Color")},{value:$,onChange:function(e){return t.setAttributes({bgColor_3:e})},label:__("Background Color")},{value:I,onChange:function(e){return t.setAttributes({iconColor_3:e})},label:__("Icon Color")}]}),"4"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:F,onChange:function(e){return t.setAttributes({marginTop_4:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:U,onChange:function(e){return t.setAttributes({marginBottom_4:e})},min:0,max:100,step:1})),"4"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:G,onChange:function(e){return t.setAttributes({paddingLeftRight_4:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:D,onChange:function(e){return t.setAttributes({paddingTopBottom_4:e})},min:0,max:100,step:1})),"4"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:H,onChange:function(e){return t.setAttributes({textColor_4:e})},label:__("Text Color")},{value:O,onChange:function(e){return t.setAttributes({bgColor_4:e})},label:__("Background Color")},{value:Q,onChange:function(e){return t.setAttributes({iconColor_4:e})},label:__("Icon Color")}]}),"5"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:K,onChange:function(e){return t.setAttributes({marginTop_5:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:J,onChange:function(e){return t.setAttributes({marginBottom_5:e})},min:0,max:100,step:1})),"5"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:j,onChange:function(e){t.setAttributes({borderStyle_5: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:Z,onChange:function(e){return t.setAttributes({borderSize_5:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:V,onChange:function(e){return t.setAttributes({borderRadius_5:e})},min:0,max:20,step:1})),"5"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:W,onChange:function(e){return t.setAttributes({textColor_5:e})},label:__("Text Color")},{value:Y,onChange:function(e){return t.setAttributes({bgColor_5:e})},label:__("Background Color")},{value:X,onChange:function(e){return t.setAttributes({borderColor_5:e})},label:__("Border Color")},{value:ee,onChange:function(e){return t.setAttributes({iconColor_5:e})},label:__("Icon Color")}]}),"6"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:te,onChange:function(e){return t.setAttributes({marginTop_6:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:oe,onChange:function(e){return t.setAttributes({marginBottom_6:e})},min:0,max:100,step:1})),"6"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:ne,onChange:function(e){t.setAttributes({borderStyle_6: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:le,onChange:function(e){return t.setAttributes({borderSize_6:e})},min:0,max:60,step:1})),"6"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:ae,onChange:function(e){return t.setAttributes({paddingLeftRight_6:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:re,onChange:function(e){return t.setAttributes({paddingTopBottom_6:e})},min:0,max:100,step:1})),"6"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:ie,onChange:function(e){return t.setAttributes({textColor_6:e})},label:__("Text Color")},{value:ce,onChange:function(e){return t.setAttributes({bgColor_6:e})},label:__("Background Color")},{value:ue,onChange:function(e){return t.setAttributes({borderColor_6:e})},label:__("Border Color")},{value:be,onChange:function(e){return t.setAttributes({iconColor_6:e})},label:__("Icon Color")}]}),"7"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:ge,onChange:function(e){return t.setAttributes({marginTop_7:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:pe,onChange:function(e){return t.setAttributes({marginBottom_7:e})},min:0,max:100,step:1})),"7"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:de,onChange:function(e){return t.setAttributes({paddingLeftRight_7:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:me,onChange:function(e){return t.setAttributes({paddingTopBottom_7:e})},min:0,max:100,step:1})),"7"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:se,onChange:function(e){return t.setAttributes({textColor_7:e})},label:__("Text Color")},{value:_e,onChange:function(e){return t.setAttributes({bgColor_7:e})},label:__("Background Color")},{value:ke,onChange:function(e){return t.setAttributes({iconColor_7:e})},label:__("Icon Color")}]}),"8"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:fe,onChange:function(e){return t.setAttributes({marginTop_8:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:Ce,onChange:function(e){return t.setAttributes({marginBottom_8:e})},min:0,max:100,step:1})),"8"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:xe,onChange:function(e){t.setAttributes({borderStyle_8: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:Re,onChange:function(e){return t.setAttributes({borderSize_8:e})},min:0,max:20,step:1})),"8"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:he,onChange:function(e){return t.setAttributes({paddingLeftRight_8:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:we,onChange:function(e){return t.setAttributes({paddingTopBottom_8:e})},min:0,max:100,step:1})),"8"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:Be,onChange:function(e){return t.setAttributes({textColor_8:e})},label:__("Text Color")},{value:ve,onChange:function(e){return t.setAttributes({bgColor_8:e})},label:__("Background Color")},{value:Ee,onChange:function(e){return t.setAttributes({borderColor_8:e})},label:__("Border Color")},{value:Te,onChange:function(e){return t.setAttributes({iconColor_8:e})},label:__("Icon Color")}]}),"9"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:ye,onChange:function(e){return t.setAttributes({marginTop_9:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:Se,onChange:function(e){return t.setAttributes({marginBottom_9:e})},min:0,max:100,step:1})),"9"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:Ae,onChange:function(e){t.setAttributes({borderStyle_9: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:Pe,onChange:function(e){return t.setAttributes({borderSize_9:e})},min:0,max:20,step:1})),"9"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:qe,onChange:function(e){return t.setAttributes({paddingLeftRight_9:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:ze,onChange:function(e){return t.setAttributes({paddingTopBottom_9:e})},min:0,max:100,step:1})),"9"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:Ne,onChange:function(e){return t.setAttributes({textColor_9:e})},label:__("Text Color")},{value:Le,onChange:function(e){return t.setAttributes({bgColor_9:e})},label:__("Background Color")},{value:Me,onChange:function(e){return t.setAttributes({borderColor_9:e})},label:__("Border Color")},{value:$e,onChange:function(e){return t.setAttributes({iconColor_9:e})},label:__("Icon Color")}]}),"10"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:Ie,onChange:function(e){return t.setAttributes({marginTop_10:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:Fe,onChange:function(e){return t.setAttributes({marginBottom_10:e})},min:0,max:100,step:1})),"10"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:Ue,onChange:function(e){return t.setAttributes({paddingLeftRight_10:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:Ge,onChange:function(e){return t.setAttributes({paddingTopBottom_10:e})},min:0,max:100,step:1})),"10"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:De,onChange:function(e){return t.setAttributes({textColor_10:e})},label:__("Text Color")},{value:He,onChange:function(e){return t.setAttributes({bgColor_10:e})},label:__("Background Color")},{value:Oe,onChange:function(e){return t.setAttributes({borderColor_10:e})},label:__("Border Color")},{value:Qe,onChange:function(e){return t.setAttributes({iconColor_10:e})},label:__("Icon Color")}]}),"11"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:Ke,onChange:function(e){return t.setAttributes({marginTop_11:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:Je,onChange:function(e){return t.setAttributes({marginBottom_11:e})},min:0,max:100,step:1})),"11"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:je,onChange:function(e){return t.setAttributes({paddingLeftRight_11:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:Ze,onChange:function(e){return t.setAttributes({paddingTopBottom_11:e})},min:0,max:100,step:1})),"11"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:Ve,onChange:function(e){return t.setAttributes({textColor_11:e})},label:__("Text Color")},{value:We,onChange:function(e){return t.setAttributes({bgColor_11:e})},label:__("Background Color")},{value:Ye,onChange:function(e){return t.setAttributes({borderColor_11:e})},label:__("Border Color")},{value:Xe,onChange:function(e){return t.setAttributes({iconColor_11:e})},label:__("Icon Color")}]})),"1"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-1 wp-block-ug-blockquote-block-1-"+l},React.createElement("style",null,".wp-block-ug-blockquote-block-1-"+l+" blockquote {\n            background-color: "+C+" !important;\n            border: "+m+"px "+d+" "+x+";\n            border-radius: "+s+"px !important;\n            padding: "+k+"px "+_+"px !important;\n            }",".wp-block-ug-blockquote-block-1-"+l+" blockquote:before {\n            color: "+R+" !important;\n            }",".wp-block-ug-blockquote-block-1-"+l+" blockquote p {\n            color: "+f+" !important;\n            font-size: "+u+"px !important ;\n            text-align: "+c+" !important;\n            }",".wp-block-ug-blockquote-block-1-"+l+" blockquote cite {\n            color: "+f+" !important;\n            font-size: "+b+"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"]}),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"]}))),"2"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-2 wp-block-ug-blockquote-block-2-"+l},React.createElement("style",null,".wp-block-ug-blockquote-block-2-"+l+" blockquote {\n            background-color: "+S+" !important;\n            border-left: "+v+"px "+B+" "+A+" !important;\n            padding: "+T+"px "+E+"px !important;\n            }",".wp-block-ug-blockquote-block-2-"+l+" blockquote:before {\n            color: "+P+" !important;\n            }",".wp-block-ug-blockquote-block-2-"+l+" blockquote p {\n            color: "+y+" !important;\n            font-size: "+u+"px !important;\n            text-align: "+c+" !important;\n            }",".wp-block-ug-blockquote-block-2-"+l+" blockquote cite {\n            color: "+y+" !important;\n            font-size: "+b+"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"]}),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"]}))),"3"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-3 wp-block-ug-blockquote-block-3-"+l},React.createElement("style",null,".wp-block-ug-blockquote-block-3-"+l+" blockquote {\n            background-color: "+$+" !important;\n            padding: "+L+"px "+N+"px !important;\n            }",".wp-block-ug-blockquote-block-3-"+l+" blockquote:before {\n            color: "+I+" !important;\n            }",".wp-block-ug-blockquote-block-3-"+l+" blockquote p {\n            color: "+M+" !important;\n            font-size: "+u+"px !important ;\n            text-align: "+c+" !important;\n            }",".wp-block-ug-blockquote-block-3-"+l+" blockquote cite {\n            color: "+M+" !important;\n            font-size: "+b+"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"]}),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"]}))),"4"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-4 wp-block-ug-blockquote-block-4-"+l},React.createElement("style",null,".wp-block-ug-blockquote-block-4-"+l+" blockquote {\n            background-color: "+O+" !important;\n            padding: "+D+"px "+G+"px !important;\n            }",".wp-block-ug-blockquote-block-4-"+l+" blockquote:before {\n            color: "+Q+" !important;\n            }",".wp-block-ug-blockquote-block-4-"+l+" blockquote p {\n            color: "+H+" !important;\n            font-size: "+u+"px !important ;\n            text-align: "+c+" !important;\n            }",".wp-block-ug-blockquote-block-4-"+l+" blockquote cite {\n            color: "+H+" !important;\n            font-size: "+b+"px !important;\n            }"),React.createElement("blockquote",{className:"ug-blockquote-block-4-"+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"]}),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"]}))),"5"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-5 wp-block-ug-blockquote-block-5-"+l},React.createElement("style",null,".wp-block-ug-blockquote-block-5-"+l+" blockquote {\n            background-color: "+Y+" !important;\n            border: "+Z+"px "+j+" "+X+" !important;\n            border-radius: "+V+"px !important;\n            }",".wp-block-ug-blockquote-block-5-"+l+" blockquote:before {\n            color: "+ee+" !important;\n            }",".wp-block-ug-blockquote-block-5-"+l+" blockquote p {\n            color: "+W+" !important;\n            font-size: "+u+"px !important ;\n            text-align: "+c+" !important;\n            }",".wp-block-ug-blockquote-block-5-"+l+" blockquote cite {\n            color: "+W+" !important;\n            font-size: "+b+"px !important;\n            }"),React.createElement("blockquote",{className:"ug-blockquote-block-5-"+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"]}),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"]}))),"6"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-6 wp-block-ug-blockquote-block-6-"+l},React.createElement("style",null,".wp-block-ug-blockquote-block-6-"+l+" blockquote {\n            background-color: "+ce+" !important;\n            border-left: "+le+"px "+ne+" "+ue+" !important;\n            padding: "+re+"px "+ae+"px !important;\n            }",".wp-block-ug-blockquote-block-6-"+l+" blockquote:before {\n            color: "+be+" !important;\n            }",".wp-block-ug-blockquote-block-6-"+l+" blockquote p {\n            color: "+ie+" !important;\n            font-size: "+u+"px !important;\n            text-align: "+c+" !important;\n            }",".wp-block-ug-blockquote-block-6-"+l+" blockquote cite {\n            color: "+ie+" !important;\n            font-size: "+b+"px !important;\n            }"),React.createElement("blockquote",{className:"ug-blockquote-block-6-"+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"]}),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"]}))),"7"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-7 wp-block-ug-blockquote-block-7-"+l},React.createElement("style",null,".wp-block-ug-blockquote-block-7-"+l+" blockquote {\n            background-color: "+_e+" !important;\n            padding: "+me+"px "+de+"px !important;\n            }",".wp-block-ug-blockquote-block-7-"+l+" blockquote:before {\n            color: "+ke+" !important;\n            }",".wp-block-ug-blockquote-block-7-"+l+" blockquote p {\n            color: "+se+" !important;\n            font-size: "+u+"px !important ;\n            text-align: "+c+" !important;\n            }",".wp-block-ug-blockquote-block-7-"+l+" blockquote cite {\n            color: "+se+" !important;\n            font-size: "+b+"px !important;\n            }"),React.createElement("blockquote",{className:"ug-blockquote-block-7-"+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"]}),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"]}))),"8"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-8 wp-block-ug-blockquote-block-8-"+l},React.createElement("style",null,".wp-block-ug-blockquote-block-8-"+l+" blockquote {\n            background-color: "+ve+" !important;\n            border: "+Re+"px "+xe+" "+Ee+";\n            padding: "+we+"px "+he+"px !important;\n          }",".wp-block-ug-blockquote-block-8-"+l+" blockquote:before {\n            color: "+Te+" !important;\n            background-color: "+Ee+" !important;\n          }",".wp-block-ug-blockquote-block-8-"+l+" blockquote:after {\n            color: "+Te+" !important;\n            background-color: "+Ee+" !important;\n          }",".wp-block-ug-blockquote-block-8-"+l+" blockquote p {\n            color: "+Be+" !important;\n            font-size: "+u+"px !important ;\n            text-align: "+c+" !important;\n          }",".wp-block-ug-blockquote-block-8-"+l+" blockquote cite {\n            color: "+Be+" !important;\n            font-size: "+b+"px !important;\n          }"),React.createElement("blockquote",{className:"ug-blockquote-block-8-"+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"]}),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"]}))),"9"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-9 wp-block-ug-blockquote-block-9-"+l},React.createElement("style",null,".wp-block-ug-blockquote-block-9-"+l+" blockquote {\n            background-color: "+Le+" !important;\n            border: "+Pe+"px "+Ae+" "+Me+";\n            padding: "+ze+"px "+qe+"px !important;\n          }",".wp-block-ug-blockquote-block-9-"+l+" blockquote:before {\n            color: "+$e+" !important;\n            background-color: "+Me+" !important;\n          }",".wp-block-ug-blockquote-block-9-"+l+" blockquote:after {\n            color: "+$e+" !important;\n            background-color: "+Me+" !important;\n          }",".wp-block-ug-blockquote-block-9-"+l+" blockquote p {\n            color: "+Ne+" !important;\n            font-size: "+u+"px !important ;\n            text-align: "+c+" !important;\n          }",".wp-block-ug-blockquote-block-9-"+l+" blockquote cite {\n            color: "+Ne+" !important;\n            font-size: "+b+"px !important;\n          }"),React.createElement("blockquote",{className:"ug-blockquote-block-9-"+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"]}),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"]}))),"10"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-10 wp-block-ug-blockquote-block-10-"+l},React.createElement("style",null,".wp-block-ug-blockquote-block-10-"+l+" blockquote {\n            background-color: "+He+" !important;\n            border-left: 50px solid "+Oe+" !important;\n            padding: "+Ge+"px "+Ue+"px !important;\n            }",".wp-block-ug-blockquote-block-10-"+l+" blockquote:before {\n            color: "+Qe+" !important;\n            left:-39px;\n            }",".wp-block-ug-blockquote-block-10-"+l+" blockquote p {\n            color: "+De+" !important;\n            font-size: "+u+"px !important;\n            text-align: "+c+" !important;\n            }",".wp-block-ug-blockquote-block-10-"+l+" blockquote cite {\n            color: "+De+" !important;\n            font-size: "+b+"px !important;\n            }"),React.createElement("blockquote",{className:"ug-blockquote-block-10-"+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"]}),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"]}))),"11"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-11 wp-block-ug-blockquote-block-11-"+l},React.createElement("style",null,".wp-block-ug-blockquote-block-11-"+l+" blockquote {\n            background-color: "+We+" !important;\n            border-left: 50px solid "+Ye+" !important;\n            padding: "+Ze+"px "+je+"px !important;\n            }",".wp-block-ug-blockquote-block-11-"+l+" blockquote:before {\n            color: "+Xe+" !important;\n            left:-39px;\n            }",".wp-block-ug-blockquote-block-11-"+l+" blockquote p {\n            color: "+Ve+" !important;\n            font-size: "+u+"px !important;\n            text-align: "+c+" !important;\n            }",".wp-block-ug-blockquote-block-11-"+l+" blockquote cite {\n            color: "+Ve+" !important;\n            font-size: "+b+"px !important;\n            }"),React.createElement("blockquote",{className:"ug-blockquote-block-11-"+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"]}),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"]})))]}),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_1,b=t.marginBottom_1,g=t.borderStyle_1,p=t.borderSize_1,d=t.borderRadius_1,m=t.paddingLeftRight_1,s=t.paddingTopBottom_1,_=t.textColor_1,k=t.bgColor_1,f=t.borderColor_1,C=t.iconColor_1,x=t.marginTop_2,R=t.marginBottom_2,h=t.borderStyle_2,w=t.borderSize_2,B=(t.borderRadius_2,t.paddingLeftRight_2),v=t.paddingTopBottom_2,E=t.textColor_2,T=t.bgColor_2,y=t.borderColor_2,S=t.iconColor_2,A=t.marginTop_3,P=t.marginBottom_3,q=t.paddingLeftRight_3,z=t.paddingTopBottom_3,N=t.textColor_3,L=t.bgColor_3,M=t.iconColor_3,$=t.marginTop_4,I=t.marginBottom_4,F=t.paddingLeftRight_4,U=t.paddingTopBottom_4,G=t.textColor_4,D=t.bgColor_4,H=t.iconColor_4,O=t.marginTop_5,Q=t.marginBottom_5,K=t.borderStyle_5,J=t.borderSize_5,j=t.borderRadius_5,Z=t.textColor_5,V=t.bgColor_5,W=t.borderColor_5,Y=t.iconColor_5,X=t.marginTop_6,ee=t.marginBottom_6,te=t.borderStyle_6,oe=t.borderSize_6,ne=(t.borderRadius_6,t.paddingLeftRight_6),le=t.paddingTopBottom_6,ae=t.textColor_6,re=t.bgColor_6,ie=t.borderColor_6,ce=t.iconColor_6,ue=t.marginTop_7,be=t.marginBottom_7,ge=t.paddingLeftRight_7,pe=t.paddingTopBottom_7,de=t.textColor_7,me=t.bgColor_7,se=t.iconColor_7,_e=t.marginTop_8,ke=t.marginBottom_8,fe=t.borderStyle_8,Ce=t.borderSize_8,xe=t.paddingLeftRight_8,Re=t.paddingTopBottom_8,he=t.textColor_8,we=t.bgColor_8,Be=t.borderColor_8,ve=t.iconColor_8,Ee=t.marginTop_9,Te=t.marginBottom_9,ye=t.borderStyle_9,Se=t.borderSize_9,Ae=t.paddingLeftRight_9,Pe=t.paddingTopBottom_9,qe=t.textColor_9,ze=t.bgColor_9,Ne=t.borderColor_9,Le=t.iconColor_9,Me=t.marginTop_10,$e=t.marginBottom_10,Ie=t.paddingLeftRight_10,Fe=t.paddingTopBottom_10,Ue=t.textColor_10,Ge=t.bgColor_10,De=t.borderColor_10,He=t.iconColor_10,Oe=t.marginTop_11,Qe=t.marginBottom_11,Ke=t.paddingLeftRight_11,Je=t.paddingTopBottom_11,je=t.textColor_11,Ze=t.bgColor_11,Ve=t.borderColor_11,We=t.iconColor_11;return"1"==n?React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-1 wp-block-ug-blockquote-block-1-"+o},React.createElement("style",null,".wp-block-ug-blockquote-block-1-"+o+" blockquote {\n            margin-top: "+u+"px !important;\n            margin-bottom: "+b+"px !important;\n            background-color: "+k+" !important;\n            border: "+p+"px "+g+" "+f+" !important;\n            border-radius: "+d+"px !important;\n            padding: "+s+"px "+m+"px !important;\n            }",".wp-block-ug-blockquote-block-1-"+o+" blockquote:before {\n            color: "+C+" !important;\n            }",".wp-block-ug-blockquote-block-1-"+o+" blockquote p {\n            color: "+_+" !important;\n            font-size: "+i+"px !important;\n            text-align: "+r+" !important;\n            }",".wp-block-ug-blockquote-block-1-"+o+" blockquote cite {\n            color: "+_+" !important;\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",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-2 wp-block-ug-blockquote-block-2-"+o},React.createElement("style",null,".wp-block-ug-blockquote-block-2-"+o+" blockquote {\n            margin-top: "+x+"px !important;\n            margin-bottom: "+R+"px !important;\n            background-color: "+T+" !important;\n            border-left: "+w+"px "+h+" "+y+" !important;\n            padding: "+v+"px "+B+"px !important;\n            }",".wp-block-ug-blockquote-block-2-"+o+" blockquote:before {\n            color: "+S+" !important;\n            }",".wp-block-ug-blockquote-block-2-"+o+" blockquote p {\n            color: "+E+" !important;\n            font-size: "+i+"px !important;\n            text-align: "+r+" !important;\n            }",".wp-block-ug-blockquote-block-2-"+o+" blockquote cite {\n            color: "+E+" !important;\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",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-3 wp-block-ug-blockquote-block-3-"+o},React.createElement("style",null,".wp-block-ug-blockquote-block-3-"+o+" blockquote {\n             margin-top: "+A+"px !important;\n             margin-bottom: "+P+"px !important;\n             background-color: "+L+" !important;\n             padding: "+z+"px "+q+"px !important;\n             }",".wp-block-ug-blockquote-block-3-"+o+" blockquote:before {\n             color: "+M+" !important;\n             }",".wp-block-ug-blockquote-block-3-"+o+" blockquote p {\n             color: "+N+" !important;\n             font-size: "+i+"px !important ;\n             text-align: "+r+" !important;\n             }",".wp-block-ug-blockquote-block-3-"+o+" blockquote cite {\n             color: "+N+" !important;\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}))):"4"==n?React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-4 wp-block-ug-blockquote-block-4-"+o},React.createElement("style",null,".wp-block-ug-blockquote-block-4-"+o+" blockquote {\n             margin-top: "+$+"px !important;\n             margin-bottom: "+I+"px !important;\n             background-color: "+D+" !important;\n             padding: "+U+"px "+F+"px !important;\n             }",".wp-block-ug-blockquote-block-4-"+o+" blockquote:before {\n             color: "+H+" !important;\n             }",".wp-block-ug-blockquote-block-4-"+o+" blockquote p {\n             color: "+G+" !important;\n             font-size: "+i+"px !important;\n             text-align: "+r+" !important;\n             }",".wp-block-ug-blockquote-block-4-"+o+" blockquote cite {\n             color: "+G+" !important;\n             font-size: "+c+"px !important;\n             }"),React.createElement("blockquote",{className:"ug-blockquote-block-4-"+o},React.createElement(RichText.Content,{tagName:"p",value:l}),React.createElement(RichText.Content,{tagName:"cite",value:a}))):"5"==n?React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-5 wp-block-ug-blockquote-block-5-"+o},React.createElement("style",null,".wp-block-ug-blockquote-block-5-"+o+" blockquote {\n             margin-top: "+O+"px !important;\n             margin-bottom: "+Q+"px !important;\n             background-color: "+V+" !important;\n             border: "+J+"px "+K+" "+W+";\n             border-radius: "+j+"px !important;\n             }",".wp-block-ug-blockquote-block-5-"+o+" blockquote:before {\n             color: "+Y+" !important;\n             }",".wp-block-ug-blockquote-block-5-"+o+" blockquote p {\n             color: "+Z+" !important;\n             font-size: "+i+"px !important;\n             text-align: "+r+" !important;\n             }",".wp-block-ug-blockquote-block-5-"+o+" blockquote cite {\n             color: "+Z+" !important;\n             font-size: "+c+"px !important;\n             }"),React.createElement("blockquote",{className:"ug-blockquote-block-5-"+o},React.createElement(RichText.Content,{tagName:"p",value:l}),React.createElement(RichText.Content,{tagName:"cite",value:a}))):"6"==n?React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-6 wp-block-ug-blockquote-block-6-"+o},React.createElement("style",null,".wp-block-ug-blockquote-block-6-"+o+" blockquote {\n             margin-top: "+X+"px !important;\n             margin-bottom: "+ee+"px !important;\n             background-color: "+re+" !important;\n             border-left: "+oe+"px "+te+" "+ie+" !important;\n             padding: "+le+"px "+ne+"px !important;\n             }",".wp-block-ug-blockquote-block-6-"+o+" blockquote:before {\n             color: "+ce+" !important;\n             }",".wp-block-ug-blockquote-block-6-"+o+" blockquote p {\n             color: "+ae+" !important;\n             font-size: "+i+"px !important;\n             text-align: "+r+" !important;\n             }",".wp-block-ug-blockquote-block-6-"+o+" blockquote cite {\n             color: "+ae+" !important;\n             font-size: "+c+"px !important;\n             }"),React.createElement("blockquote",{className:"ug-blockquote-block-6-"+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}))):"7"==n?React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-7 wp-block-ug-blockquote-block-7-"+o},React.createElement("style",null,".wp-block-ug-blockquote-block-7-"+o+" blockquote {\n             margin-top: "+ue+"px !important;\n             margin-bottom: "+be+"px !important;\n             background-color: "+me+" !important;\n             padding: "+pe+"px "+ge+"px !important;\n             }",".wp-block-ug-blockquote-block-7-"+o+" blockquote:before {\n             color: "+se+" !important;\n             }",".wp-block-ug-blockquote-block-7-"+o+" blockquote p {\n             color: "+de+" !important;\n             font-size: "+i+"px !important;\n             text-align: "+r+" !important;\n             }",".wp-block-ug-blockquote-block-4-"+o+" blockquote cite {\n             color: "+de+" !important;\n             font-size: "+c+"px !important;\n             }"),React.createElement("blockquote",{className:"ug-blockquote-block-7-"+o},React.createElement(RichText.Content,{tagName:"p",value:l}),React.createElement(RichText.Content,{tagName:"cite",value:a}))):"8"==n?React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-8 wp-block-ug-blockquote-block-8-"+o},React.createElement("style",null,".wp-block-ug-blockquote-block-8-"+o+" blockquote {\n             margin-top: "+_e+"px !important;\n             margin-bottom: "+ke+"px !important;\n             background-color: "+we+" !important;\n             border: "+Ce+"px "+fe+" "+Be+" !important;\n             padding: "+Re+"px "+xe+"px !important;\n           }",".wp-block-ug-blockquote-block-8-"+o+" blockquote:before {\n             color: "+ve+" !important;\n             background-color: "+Be+" !important;\n           }",".wp-block-ug-blockquote-block-8-"+o+" blockquote:after {\n             color: "+ve+" !important;\n             background-color: "+Be+" !important;\n           }",".wp-block-ug-blockquote-block-8-"+o+" blockquote p {\n             color: "+he+" !important;\n             font-size: "+i+"px !important;\n             text-align: "+r+" !important;\n           }",".wp-block-ug-blockquote-block-8-"+o+" blockquote cite {\n             color: "+he+" !important;\n             font-size: "+c+"px !important;\n           }"),React.createElement("blockquote",{className:"ug-blockquote-block-8-"+o},React.createElement(RichText.Content,{tagName:"p",value:l}),React.createElement(RichText.Content,{tagName:"cite",value:a}))):"9"==n?React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-9 wp-block-ug-blockquote-block-9-"+o},React.createElement("style",null,".wp-block-ug-blockquote-block-9-"+o+" blockquote {\n             margin-top: "+Ee+"px !important;\n             margin-bottom: "+Te+"px !important;\n             background-color: "+ze+" !important;\n             border: "+Se+"px "+ye+" "+Ne+" !important;\n             padding: "+Pe+"px "+Ae+"px !important;\n           }",".wp-block-ug-blockquote-block-9-"+o+" blockquote:before {\n             color: "+Le+" !important;\n             background-color: "+Ne+" !important;\n           }",".wp-block-ug-blockquote-block-9-"+o+" blockquote:after {\n             color: "+Le+" !important;\n             background-color: "+Ne+" !important;\n           }",".wp-block-ug-blockquote-block-9-"+o+" blockquote p {\n             color: "+qe+" !important;\n             font-size: "+i+"px !important;\n             text-align: "+r+" !important;\n           }",".wp-block-ug-blockquote-block-9-"+o+" blockquote cite {\n             color: "+qe+" !important;\n             font-size: "+c+"px !important;\n           }"),React.createElement("blockquote",{className:"ug-blockquote-block-9-"+o},React.createElement(RichText.Content,{tagName:"p",value:l}),React.createElement(RichText.Content,{tagName:"cite",value:a}))):"10"==n?React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-10 wp-block-ug-blockquote-block-10-"+o},React.createElement("style",null,".wp-block-ug-blockquote-block-10-"+o+" blockquote {\n             margin-top: "+Me+"px !important;\n             margin-bottom: "+$e+"px !important;\n             background-color: "+Ge+" !important;\n             border-left: 50px solid "+De+" !important;\n             padding: "+Fe+"px "+Ie+"px !important;\n             }",".wp-block-ug-blockquote-block-10-"+o+" blockquote:before {\n             color: "+He+" !important;\n             left:-39px;\n             }",".wp-block-ug-blockquote-block-10-"+o+" blockquote p {\n             color: "+Ue+" !important;\n             font-size: "+i+"px !important;\n             text-align: "+r+" !important;\n             }",".wp-block-ug-blockquote-block-10-"+o+" blockquote cite {\n             color: "+Ue+" !important;\n             font-size: "+c+"px !important;\n             }"),React.createElement("blockquote",{className:"ug-blockquote-block-10-"+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}))):"11"==n?React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-11 wp-block-ug-blockquote-block-11-"+o},React.createElement("style",null,".wp-block-ug-blockquote-block-11-"+o+" blockquote {\n             margin-top: "+Oe+"px !important;\n             margin-bottom: "+Qe+"px !important;\n             background-color: "+Ze+" !important;\n             border-left: 50px solid "+Ve+" !important;\n             padding: "+Je+"px "+Ke+"px !important;\n             }",".wp-block-ug-blockquote-block-11-"+o+" blockquote:before {\n             color: "+We+" !important;\n             left:-39px;\n             }",".wp-block-ug-blockquote-block-11-"+o+" blockquote p {\n             color: "+je+" !important;\n             font-size: "+i+"px !important;\n             text-align: "+r+" !important;\n             }",".wp-block-ug-blockquote-block-11-"+o+" blockquote cite {\n             color: "+je+" !important;\n             font-size: "+c+"px !important;\n             }"),React.createElement("blockquote",{className:"ug-blockquote-block-11-"+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}))):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"},pattern:{default:"1"},codeContent:{type:"string"},textSize:{default:"14"},screenMode:{default:"lightMode"},language:{default:"html"},marginTop_1:{default:"0"},marginBottom_1:{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.pattern,n.textSize),r=n.language,i=n.screenMode,c=n.codeContent,u=n.marginTop_1,b=n.marginBottom_1,g="javascript",p="ReactJs",d="htaccess",m="wordpress",s="lightMode",_="darkMode";return l||t.setAttributes({id:o}),[e&&React.createElement(InspectorControls,null,React.createElement(PanelBody,null,React.createElement(BaseControl,{label:__("Select Pattern")},React.createElement(ButtonGroup,{"aria-label":__("Select Pattern")},React.createElement(Button,{onClick:function(e){t.setAttributes({pattern:"1"})},style:{textAlign:"left"}},React.createElement("div",{className:"wp-block-ug-code-common wp-block-ug-code-block-1 wp-block-ug-code-block-1-3cec3564-d261-4f87-a3e9-d92e7d66dab8"},React.createElement("style",null,".wp-block-ug-code-block-1-3cec3564-d261-4f87-a3e9-d92e7d66dab8 {\n                    margin-top:  0px !important;\n                    margin-bottom: 5px !important;\n                    background-color: rgba(0,0,0,.07) !important;\n                    }",".wp-block-ug-code-block-1-3cec3564-d261-4f87-a3e9-d92e7d66dab8 pre code {\n                      font-size: 8px !important;\n                      background-color: #eaeaea; !important;\n                    }","wp-block-ug-code-block-1-3cec3564-d261-4f87-a3e9-d92e7d66dab8 span.wp-block-ug-code-language-css {\n                      background-color: #00b894 !important;\n                      width: 40px !important;\n                    }",'wp-block-ug-code-block-1-3cec3564-d261-4f87-a3e9-d92e7d66dab8 pre {\n                      padding: 10px !important;\n                      background: rgba(0,0,0,.07) !important;\n                      font-family: "Courier 10 Pitch", "Courier", "monospace" !important;\n                      margin-bottom: 1.6em !important;\n                      max-width: 100% !important;\n                      overflow: auto !important;\n                    }'),React.createElement("span",{className:"wp-block-ug-code-language-css"},"CSS"),React.createElement("pre",{className:"wp-block-ug-code-common-lightMode"},React.createElement("code",null,"body{color: #484848;}"))))))),React.createElement(PanelBody,{title:__("Common Settings")},React.createElement(BaseControl,{label:__("Screen Mode")},React.createElement(ButtonGroup,{"aria-label":__("Screen Mode")},React.createElement(Button,{isLarge:!0,isPrimary:i===s,"aria-pressed":i===s,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(BaseControl,{label:__("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===p,"aria-pressed":r===p,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===d,"aria-pressed":r===d,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(RangeControl,{label:__("Text Size"),value:a,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_1:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),value:b,onChange:function(e){return t.setAttributes({marginBottom_1:e})},min:0,max:100,step:1}))),React.createElement("div",{key:"editable",className:"wp-block-ug-code-common wp-block-ug-code-common-"+i+" wp-block-ug-code-block-1 wp-block-ug-code-block-1-"+l},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.pattern,t.textSize),l=t.language,a=t.screenMode,r=t.codeContent,i=t.marginTop_1,c=t.marginBottom_1;return React.createElement("div",{className:"wp-block-ug-code-common wp-block-ug-code-block-1 wp-block-ug-code-block-1-"+o},React.createElement("style",null,".wp-block-ug-code-block-1-"+o+" {\n            margin-top: "+i+"px !important;\n            margin-bottom: "+c+"px !important;\n            }",".wp-block-ug-code-block-1-"+o+" pre code {\n              font-size: "+n+"px !important;\n              }"),React.createElement("span",{className:"wp-block-ug-code-language-"+l},l),React.createElement("pre",{className:"wp-block-ug-code-common-"+a},React.createElement("code",null,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:{default:"1"},hashTag:{default:""},via:{default:""},cttText:{selector:".wp-block-ug-ctt-block-text"},cttButtonText:{default:"Click to Tweet"},cttTwIcon:{default:"fab fa-twitter"},align:{default:"left"},textSize:{default:"16"},iconSize_1:{default:"16"},marginTop_1:{default:"0"},marginBottom_1:{default:"20"},borderStyle_1:{default:"solid"},borderSize_1:{default:"3"},borderRadius_1:{default:"0"},paddingLeftRight_1:{default:"20"},paddingTopBottom_1:{default:"10"},textColor_1:{default:"#545454"},bgColor_1:{default:"#f5f5f5"},borderColor_1:{default:"#545454"},iconColor_1:{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.hashTag,c=l.via,u=l.cttText,b=l.cttButtonText,g=l.align,p=l.textSize,d=l.cttTwIcon,m=l.iconSize_1,s=l.marginTop_1,_=l.marginBottom_1,k=l.borderStyle_1,f=l.borderSize_1,C=l.borderRadius_1,x=l.paddingLeftRight_1,R=l.paddingTopBottom_1,h=l.textColor_1,w=l.bgColor_1,B=l.borderColor_1,v=l.iconColor_1;return a||t.setAttributes({id:n}),__("fab fa-twitter"),__("fab fa-twitter-square"),[e&&React.createElement(BlockControls,null,"1"===r&&React.createElement(AlignmentToolbar,{value:g,onChange:function(e){return t.setAttributes({align:e})},controls:["left","center","right"]})),e&&React.createElement(InspectorControls,null,React.createElement(PanelBody,null,React.createElement(BaseControl,{label:__("Select Pattern")},React.createElement(ButtonGroup,{"aria-label":__("Select Pattern")},React.createElement(Button,{onClick:function(e){t.setAttributes({pattern:"1"})},style:{textAlign:"left"}},React.createElement("style",null,".wp-block-ug-ctt-block-1-68a21381-28e7-4c96-870e-4d32fc924c78 {\n                  display: block !important;\n                  margin-top: 0px !important;\n                  margin-bottom: 5px !important;\n                  background-color: #f5f5f5 !important;;\n                  color: #545454 !important;;\n                  font-size: 8px !important;\n                  border: 3px solid #545454 !important;\n                  border-radius: 0px !important;\n                  padding: 5px 10px !important;\n                  text-align: left !important;\n                }\n                  .wp-block-ug-ctt-block-1-68a21381-28e7-4c96-870e-4d32fc924c78 div.wp-block-ug-ctt-block-text {\n                    color: #545454 !important;\n                  }\n                  .wp-block-ug-ctt-block-1-68a21381-28e7-4c96-870e-4d32fc924c78 .wp-block-ug-ctt-block-button {\n                    display: block !important;\n                    color: #545454 !important;\n                    font-size: 8px !important;\n                  }\n                .wp-block-ug-ctt-block-1-68a21381-28e7-4c96-870e-4d32fc924c78 .wp-block-ug-ctt-block-button i {\n                  color: #55acee !important;\n                  display: inline !important;\n              "),React.createElement("div",{class:"wp-block-ug-ctt-block-common wp-block-ug-ctt-block-1"},React.createElement("div",{class:"wp-block-ug-ctt-block-1-68a21381-28e7-4c96-870e-4d32fc924c78"},React.createElement("div",{class:"wp-block-ug-ctt-block-text",href:"http://twitter.com/share?&text=It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.&url=https%3A%2F%2Fdevwplabo.local%2F%3Fp%3D506&hashtags=&",target:"_blank",rel:"nofollow"},"It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout."),React.createElement("div",{class:"wp-block-ug-ctt-block-button",href:"http://twitter.com/share?&text=It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.&url=https%3A%2F%2Fdevwplabo.local%2F%3Fp%3D506&hashtags=&",target:"_blank",rel:"nofollow"},React.createElement("i",{class:"fab fa-twitter"}),"Click to Tweet"))))))),React.createElement(PanelBody,{title:__("Common Settings")},React.createElement(RangeControl,{label:__("Text Size"),value:p,onChange:function(e){return t.setAttributes({textSize:e})},min:0,max:100,step:1}),React.createElement(TextControl,{type:"string",label:__("HashTag"),value:i,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:c,onChange:function(e){return t.setAttributes({via:e})},help:"Add a twitter account id. Not include @"}),React.createElement(TextControl,{type:"string",label:__("Click To Tweet Button Text"),value:b,onChange:function(e){return t.setAttributes({cttButtonText:e})}}),React.createElement(TextControl,{type:"string",label:__("HashTag"),value:i,onChange:function(e){return t.setAttributes({hashTag:e})},help:"Add some hashtags. Comma separated values. Not include #"})),"1"===r&&React.createElement(PanelBody,{title:__("Icon")},React.createElement(RangeControl,{label:__("Icon Size"),value:m,onChange:function(e){return t.setAttributes({iconSize_1:e})},min:0,max:100,step:1})),"1"===r&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:s,onChange:function(e){return t.setAttributes({marginTop_1:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:_,onChange:function(e){return t.setAttributes({marginBottom_1:e})},min:0,max:100,step:1})),"1"===r&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:k,onChange:function(e){t.setAttributes({borderStyle_1: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:f,onChange:function(e){return t.setAttributes({borderSize_1:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:C,onChange:function(e){return t.setAttributes({borderRadius_1:e})},min:0,max:20,step:1})),"1"===r&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:x,onChange:function(e){return t.setAttributes({paddingLeftRight_1:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:R,onChange:function(e){return t.setAttributes({paddingTopBottom_1: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_1:e})},label:__("Text Color")},{value:w,onChange:function(e){return t.setAttributes({bgColor_1:e})},label:__("Background Color")},{value:B,onChange:function(e){return t.setAttributes({borderColor_1:e})},label:__("Border Color")},{value:v,onChange:function(e){return t.setAttributes({iconColor_1:e})},label:__("Icon Color")}]})),"1"==r&&React.createElement("div",{key:"editable",className:"wp-block-ug-ctt-block-common wp-block-ug-ctt-block-1 wp-block-ug-ctt-block-1-"+a},React.createElement("style",null,".wp-block-ug-ctt-block-1-"+a+" {\n            background-color: "+w+" !important;\n            color: "+h+" !important;\n            border: "+f+"px "+k+" "+B+" !important;\n            border-radius: "+C+"px !important;\n            padding: "+R+"px "+x+"px !important;\n            text-align: "+g+" !important;\n            }",".wp-block-ug-ctt-block-1-"+a+" p {\n            font-size: "+p+"px !important;\n            }",".wp-block-ug-ctt-block-1-"+a+" .wp-block-ug-ctt-block-button {\n            display: block !important;\n            color: "+h+";\n            font-size: "+m+"px !important;\n              }",".wp-block-ug-ctt-block-1-"+a+" .wp-block-ug-ctt-block-button i {\n            color: "+v+" !important;\n            }"),React.createElement(RichText,{tagName:"p",placeholder:__("Click to tweet Text"),className:"wp-block-ug-ctt-block-text",onChange:function(e){return t.setAttributes({cttText:e})},value:u,formattingControls:["bold","italic"],onFocus:("button_text",function(){o({editable:"button_text"})})}),React.createElement("div",{className:"wp-block-ug-ctt-block-button"},React.createElement("i",{className:d}),b))]}),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:{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"),__("Divider"),__("Ultimate Gutenberg")],attributes:{id:{type:"string"},pattern:{default:"1"},align_1:{default:"center"},width_1:{default:"100"},marginTop_1:{default:"20"},marginBottom_1:{default:"20"},borderStyle_1:{default:"solid"},borderSize_1:{default:"2"},borderColor_1:{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_1,i=n.align_1,c=n.marginTop_1,u=n.marginBottom_1,b=n.borderStyle_1,g=n.borderSize_1,p=n.borderColor_1;return l||t.setAttributes({id:o}),[e&&React.createElement(BlockControls,null,"1"===a&&React.createElement(AlignmentToolbar,{value:i,onChange:function(e){return t.setAttributes({align_1: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_1:e})},min:0,max:100,step:1})),React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:c,onChange:function(e){return t.setAttributes({marginTop_1:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:u,onChange:function(e){return t.setAttributes({marginBottom_1:e})},min:0,max:100,step:1})),"1"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:b,onChange:function(e){t.setAttributes({borderStyle_1: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_1:e})},min:0,max:5,step:1})),"1"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:p,onChange:function(e){return t.setAttributes({borderColor_1:e})},label:__("Border Color")}]})),"1"==a&&React.createElement("hr",{key:"editable",align:i,style:{width:r+"%",borderTop:g+"px "+b+" "+p,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_1,a=t.align_1,r=t.marginTop_1,i=t.marginBottom_1,c=t.borderStyle_1,u=t.borderSize_1,b=t.borderColor_1;if("1"==n)return React.createElement("hr",{align:a,style:{width:l+"%",marginTop:r+"px",marginBottom:i+"px",borderTop:u+"px "+c+" "+b,backgroundColor:"#ffffff"},className:"ug-divider-block-1-"+o})}});
     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:{default:"1"},buttonText:{type:"children",selector:".ug-button-text",default:"Button Text"},url:{source:"attribute",selector:"a",attribute:"href"},urlOpenNewTab:{default:"false"},align:{default:"center"},textSize:{default:"16"},icon:{default:"fa-external-link-square-alt"},marginTop_1:{default:"0"},marginBottom_1:{default:"20"},borderRadius_1:{default:"0"},paddingLeftRight_1:{default:"20"},paddingTopBottom_1:{default:"10"},bgColor_1:{default:"#545454"},marginTop_2:{default:"0"},marginBottom_2:{default:"20"},borderRadius_2:{default:"0"},paddingLeftRight_2:{default:"20"},paddingTopBottom_2:{default:"10"},bgColor_2:{default:"#545454"},marginTop_3:{default:"0"},marginBottom_3:{default:"20"},paddingLeftRight_3:{default:"20"},paddingTopBottom_3:{default:"10"},borderRadius_3:{default:"0"},textColor_3:{default:"#545454"},marginTop_4:{default:"0"},marginBottom_4:{default:"20"},borderRadius_4:{default:"0"},paddingLeftRight_4:{default:"20"},paddingTopBottom_4:{default:"10"},textColor_4:{default:"#545454"},bgColor_4:{default:"#545454"},marginTop_5:{default:"0"},marginBottom_5:{default:"20"},borderRadius_5:{default:"5"},paddingLeftRight_5:{default:"20"},paddingTopBottom_5:{default:"10"},bgColor_5:{default:"#545454"}},edit:withState({editable:"content"})(function(o){var e=o.isSelected,t=(o.editable,o.setState),n=o.clientId,l=function(e){return function(){t({editable:e})}},a=o.attributes,r=a.id,i=a.pattern,c=a.buttonText,u=a.url,b=a.urlOpenNewTab,g=a.align,p=a.textSize,d=a.icon,m=a.marginTop_1,s=a.marginBottom_1,_=a.borderRadius_1,k=a.paddingLeftRight_1,f=a.paddingTopBottom_1,C=(a.textColor_1,a.bgColor_1),x=a.marginTop_2,R=a.marginBottom_2,h=a.borderRadius_2,w=a.paddingLeftRight_2,B=a.paddingTopBottom_2,v=a.bgColor_2,E=a.marginTop_3,T=a.marginBottom_3,y=a.borderRadius_3,S=a.paddingLeftRight_3,A=a.paddingTopBottom_3,P=a.textColor_3,q=a.marginTop_4,z=a.marginBottom_4,N=a.borderRadius_4,L=a.paddingLeftRight_4,M=a.paddingTopBottom_4,$=a.textColor_4,I=a.bgColor_4,F=a.marginTop_5,U=a.marginBottom_5,G=a.borderRadius_5,D=a.paddingLeftRight_5,H=a.paddingTopBottom_5,O=a.bgColor_5,Q=[{label:__("fas fa-external-link-square-alt"),value:"fa-external-link-square-alt"},{label:__("fas fa-external-link-alt"),value:"fa-external-link-alt"},{label:__("fas fa-link"),value:"fa-link"}];return r!==n&&o.setAttributes({id:n}),[e&&React.createElement(BlockControls,null,React.createElement(BlockAlignmentToolbar,{value:g,onChange:function(e){return o.setAttributes({align:e})},controls:["left","center","right"]})),e&&React.createElement(InspectorControls,null,React.createElement(PanelBody,null,React.createElement(BaseControl,{label:__("Select Pattern")},React.createElement(ButtonGroup,{"aria-label":__("Select Pattern")},React.createElement(Button,{onClick:function(e){o.setAttributes({pattern:"1"})},style:{textAlign:"left"}},React.createElement("div",{className:"wp-block-ug-button-common wp-block-ug-button-block-1 wp-block-ug-button-center wp-block-ug-button-block-1-4119b0c7-c987-4203-925c-09a72566c32b"},React.createElement("style",null,".wp-block-ug-button-block-1-4119b0c7-c987-4203-925c-09a72566c32b div.wp-block-ug-button-form-text {\n                  margin-top: 0px !important;\n                  margin-bottom: 5px !important;\n                  background-color: #545454 !important;\n                  font-size: 8px !important;\n                  border-radius: 0px !important;\n                  padding: 5px 10px !important;\n                  width: 100px !important;\n                  text-align: center !important;\n                }"),React.createElement("div",{className:"wp-block-ug-button-form-text wp-block-ug-button-fa-external-link-square-alt"},"Button Text"))),React.createElement(Button,{onClick:function(e){o.setAttributes({pattern:"2"})},style:{textAlign:"left"}},React.createElement("div",{className:"wp-block-ug-button-common wp-block-ug-button-block-2 wp-block-ug-button-center wp-block-ug-button-block-2-4119b0c7-c987-4203-925c-09a72566c32b"},React.createElement("style",null,".wp-block-ug-button-block-2-4119b0c7-c987-4203-925c-09a72566c32b div.wp-block-ug-button-form-text {\n                  margin-top: 0px !important;\n                  margin-bottom: 5px !important;\n                  background-color: #545454 !important;\n                  font-size: 8px !important;\n                  border-radius: 0px !important;\n                  padding: 5px 10px !important;\n                  width: 100px !important;\n                  text-align: center !important;\n                }"),React.createElement("div",{className:"wp-block-ug-button-form-text wp-block-ug-button-fa-external-link-square-alt"},"Button Text"))),React.createElement(Button,{onClick:function(e){o.setAttributes({pattern:"3"})},style:{textAlign:"left"}},React.createElement("div",{className:"wp-block-ug-button-common wp-block-ug-button-block-3 wp-block-ug-button-center wp-block-ug-button-block-3-4119b0c7-c987-4203-925c-09a72566c32b"},React.createElement("style",null,".wp-block-ug-button-block-3-4119b0c7-c987-4203-925c-09a72566c32b div.wp-block-ug-button-form-text {\n                  margin-top: 0px !important;\n                  margin-bottom: 5px !important;\n                  color: #545454 !important;\n                  background-color: #ececec;\n                  font-size: 8px !important;\n                  border-radius: 0px !important;\n                  padding: 5px 10px !important;\n                  width: 100px !important;\n                  text-align: center !important;\n                }"),React.createElement("div",{className:"wp-block-ug-button-form-text wp-block-ug-button-fa-external-link-square-alt"},"Button Text")))))),React.createElement(PanelBody,{title:__("Common Settings")},React.createElement(ToggleControl,{label:__("Open link in new window"),checked:b,onChange:function(){return o.setAttributes({urlOpenNewTab:!b})}}),React.createElement(BaseControl,{label:__("Button icon")},React.createElement("div",{className:"ug-icon-items-wrapper"},Q.map(function(e,t){return React.createElement("div",{className:"ug-icon-item",key:t},React.createElement("span",{onClick:function(){return o.setAttributes({icon:e.value})},className:[e.value===d&&"active",""===e.value&&"remove-icon"].filter(Boolean).join(" ")},React.createElement("i",{class:e.label})))}))),React.createElement(RangeControl,{label:__("Text Size"),value:p,onChange:function(e){return o.setAttributes({textSize:e})},min:0,max:100,step:1})),"1"===i&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:m,onChange:function(e){return o.setAttributes({marginTop_1:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:s,onChange:function(e){return o.setAttributes({marginBottom_1:e})},min:0,max:100,step:1})),"1"===i&&React.createElement(PanelBody,{title:__("Border")},React.createElement(RangeControl,{label:__("Border Radius"),value:_,onChange:function(e){return o.setAttributes({borderRadius_1:e})},min:0,max:20,step:1})),"1"===i&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:k,onChange:function(e){return o.setAttributes({paddingLeftRight_1:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:f,onChange:function(e){return o.setAttributes({paddingTopBottom_1:e})},min:0,max:100,step:1})),"1"===i&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:C,onChange:function(e){return o.setAttributes({bgColor_1:e})},label:__("Background Color")}]}),"2"===i&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:x,onChange:function(e){return o.setAttributes({marginTop_2:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:R,onChange:function(e){return o.setAttributes({marginBottom_2:e})},min:0,max:100,step:1})),"2"===i&&React.createElement(PanelBody,{title:__("Border")},React.createElement(RangeControl,{label:__("Border Radius"),value:h,onChange:function(e){return o.setAttributes({borderRadius_2:e})},min:0,max:20,step:1})),"2"===i&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:w,onChange:function(e){return o.setAttributes({paddingLeftRight_2:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:B,onChange:function(e){return o.setAttributes({paddingTopBottom_2:e})},min:0,max:100,step:1})),"2"===i&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:v,onChange:function(e){return o.setAttributes({bgColor_2:e})},label:__("Background Color")}]}),"3"===i&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:E,onChange:function(e){return o.setAttributes({marginTop_3:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:T,onChange:function(e){return o.setAttributes({marginBottom_3:e})},min:0,max:100,step:1})),"3"===i&&React.createElement(PanelBody,{title:__("Border")},React.createElement(RangeControl,{label:__("Border Radius"),value:y,onChange:function(e){return o.setAttributes({borderRadius_3:e})},min:0,max:20,step:1})),"3"===i&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:S,onChange:function(e){return o.setAttributes({paddingLeftRight_3:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:A,onChange:function(e){return o.setAttributes({paddingTopBottom_3:e})},min:0,max:100,step:1})),"3"===i&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:P,onChange:function(e){return o.setAttributes({textColor_3:e})},label:__("Text Color")}]}),"4"===i&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:q,onChange:function(e){return o.setAttributes({marginTop_4:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:z,onChange:function(e){return o.setAttributes({marginBottom_4:e})},min:0,max:100,step:1})),"4"===i&&React.createElement(PanelBody,{title:__("Border")},React.createElement(RangeControl,{label:__("Border Radius"),value:N,onChange:function(e){return o.setAttributes({borderRadius_4:e})},min:0,max:20,step:1})),"4"===i&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:L,onChange:function(e){return o.setAttributes({paddingLeftRight_4:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:M,onChange:function(e){return o.setAttributes({paddingTopBottom_4:e})},min:0,max:100,step:1})),"4"===i&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:$,onChange:function(e){return o.setAttributes({textColor_4:e})},label:__("Text Color")},{value:I,onChange:function(e){return o.setAttributes({bgColor_4:e})},label:__("Background Color")}]}),"5"===i&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:F,onChange:function(e){return o.setAttributes({marginTop_5:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:U,onChange:function(e){return o.setAttributes({marginBottom_5:e})},min:0,max:100,step:1})),"5"===i&&React.createElement(PanelBody,{title:__("Border")},React.createElement(RangeControl,{label:__("Border Radius"),value:G,onChange:function(e){return o.setAttributes({borderRadius_5:e})},min:0,max:20,step:1})),"5"===i&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:D,onChange:function(e){return o.setAttributes({paddingLeftRight_5:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:H,onChange:function(e){return o.setAttributes({paddingTopBottom_5:e})},min:0,max:100,step:1})),"5"===i&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:O,onChange:function(e){return o.setAttributes({bgColor_5:e})},label:__("Background Color")}]})),"1"==i&&React.createElement("div",{key:"editable"},React.createElement("div",{className:"wp-block-ug-button-block-1 wp-block-ug-button-common wp-block-ug-button-"+g+" wp-block-ug-button-block-1-"+r},React.createElement("style",null,".wp-block-ug-button-block-1-"+r+" div.wp-block-ug-button-form-text {\n                background-color: "+C+" !important;\n                font-size: "+p+"px !important;\n                border-radius: "+_+"px !important;\n                padding: "+f+"px "+k+"px !important;\n              }"),React.createElement(RichText,{tagName:"div",placeholder:__("Button Text"),onChange:function(e){return o.setAttributes({buttonText:e})},value:c,className:"wp-block-ug-button-form-text wp-block-ug-button-"+d,formattingControls:["bold","italic"],onFocus:l("button_text")})),React.createElement("div",{className:"wp-block-ug_button_url_input"},focus&&React.createElement("form",{key:"wp-block-ug-button-form-link",onSubmit:function(e){return e.preventDefault()},className:"editor-format-toolbar__link-modal-line wp-block-ug_button_input_box"},React.createElement(URLInput,{className:"button-url",value:u,onChange:function(e){return o.setAttributes({url:e})}})))),"2"==i&&React.createElement("div",{key:"editable"},React.createElement("div",{className:"wp-block-ug-button-block-2 wp-block-ug-button-common wp-block-ug-button-"+g+" wp-block-ug-button-block-2-"+r},React.createElement("style",null,".wp-block-ug-button-block-2-"+r+" div.wp-block-ug-button-form-text {\n                background-color: "+v+" !important;\n                font-size: "+p+"px !important;\n                border-radius: "+h+"px !important;\n                padding: "+B+"px "+w+"px !important;\n              }"),React.createElement(RichText,{tagName:"div",placeholder:__("Button Text"),onChange:function(e){return o.setAttributes({buttonText:e})},value:c,className:"wp-block-ug-button-form-text wp-block-ug-button-"+d,formattingControls:["bold","italic"],onFocus:l("button_text")})),React.createElement("div",{className:"wp-block-ug_button_url_input"},focus&&React.createElement("form",{key:"wp-block-ug-button-form-link",onSubmit:function(e){return e.preventDefault()},className:"editor-format-toolbar__link-modal-line wp-block-ug_button_input_box"},React.createElement(URLInput,{className:"button-url",value:u,onChange:function(e){return o.setAttributes({url:e})}})))),"3"==i&&React.createElement("div",{key:"editable"},React.createElement("div",{className:"wp-block-ug-button-block-3 wp-block-ug-button-common wp-block-ug-button-"+g+" wp-block-ug-button-block-3-"+r},React.createElement("style",null,".wp-block-ug-button-block-3-"+r+" div.wp-block-ug-button-form-text {\n                  color: "+P+";\n                  background-color: #ececec;\n                  font-size: "+p+"px !important;\n                  border-radius: "+y+"px !important;\n                  padding: "+A+"px "+S+"px !important;\n                }",".wp-block-ug-button-block-3-"+r+" div.wp-block-ug-button-form-text:hover {\n                    background-color: "+P+";\n                    color: #ffffff;\n                }"),React.createElement(RichText,{tagName:"div",placeholder:__("Button Text"),onChange:function(e){return o.setAttributes({buttonText:e})},value:c,className:"wp-block-ug-button-form-text wp-block-ug-button-"+d,formattingControls:["bold","italic"],onFocus:l("button_text")})),React.createElement("div",{className:"wp-block-ug_button_url_input"},focus&&React.createElement("form",{key:"wp-block-ug-button-form-link",onSubmit:function(e){return e.preventDefault()},className:"editor-format-toolbar__link-modal-line wp-block-ug_button_input_box"},React.createElement(URLInput,{className:"button-url",value:u,onChange:function(e){return o.setAttributes({url:e})}})))),"4"==i&&React.createElement("div",{key:"editable"},React.createElement("div",{className:"wp-block-ug-button-block-4 wp-block-ug-button-common wp-block-ug-button-"+g+" wp-block-ug-button-block-4-"+r},React.createElement("style",null,".wp-block-ug-button-block-4-"+r+" div.wp-block-ug-button-form-text {\n                  color: "+$+";\n                  background-color: "+I+" !important;\n                  font-size: "+p+"px !important;\n                  border-radius: "+N+"px !important;\n                  padding: "+M+"px "+L+"px !important;\n                }"),React.createElement(RichText,{tagName:"div",placeholder:__("Button Text"),onChange:function(e){return o.setAttributes({buttonText:e})},value:c,className:"wp-block-ug-button-form-text wp-block-ug-button-"+d,formattingControls:["bold","italic"],onFocus:l("button_text")})),React.createElement("div",{className:"wp-block-ug_button_url_input"},focus&&React.createElement("form",{key:"wp-block-ug-button-form-link",onSubmit:function(e){return e.preventDefault()},className:"editor-format-toolbar__link-modal-line wp-block-ug_button_input_box"},React.createElement(URLInput,{className:"button-url",value:u,onChange:function(e){return o.setAttributes({url:e})}})))),"5"==i&&React.createElement("div",{key:"editable"},React.createElement("div",{className:"wp-block-ug-button-block-5 wp-block-ug-button-common wp-block-ug-button-"+g+" wp-block-ug-button-block-5-"+r},React.createElement("style",null,".wp-block-ug-button-block-5-"+r+" div.wp-block-ug-button-form-text {\n                  background-color: "+O+" !important;\n                  font-size: "+p+"px !important;\n                  border-radius: "+G+"px !important;\n                  padding: "+H+"px "+D+"px !important;\n                }"),React.createElement(RichText,{tagName:"div",placeholder:__("Button Text"),onChange:function(e){return o.setAttributes({buttonText:e})},className:"wp-block-ug-button-form-text wp-block-ug-button-"+d,value:c,formattingControls:["bold","italic"],onFocus:l("button_text")})),React.createElement("div",{className:"wp-block-ug_button_url_input"},focus&&React.createElement("form",{key:"wp-block-ug-button-form-link",onSubmit:function(e){return e.preventDefault()},className:"editor-format-toolbar__link-modal-line wp-block-ug_button_input_box"},React.createElement(URLInput,{className:"button-url",value:u,onChange:function(e){return o.setAttributes({url:e})}}))))]}),save:function(e){var t=e.attributes,o=t.id,n=t.pattern,l=t.buttonText,a=t.url,r=t.urlOpenNewTab,i=t.align,c=t.textSize,u=t.icon,b=t.marginTop_1,g=t.marginBottom_1,p=t.borderRadius_1,d=t.paddingLeftRight_1,m=t.paddingTopBottom_1,s=(t.textColor_1,t.bgColor_1),_=t.marginTop_2,k=t.marginBottom_2,f=t.borderRadius_2,C=t.paddingLeftRight_2,x=t.paddingTopBottom_2,R=t.bgColor_2,h=t.marginTop_3,w=t.marginBottom_3,B=t.borderRadius_3,v=t.paddingLeftRight_3,E=t.paddingTopBottom_3,T=t.textColor_3,y=t.marginTop_4,S=t.marginBottom_4,A=t.borderRadius_4,P=t.paddingLeftRight_4,q=t.paddingTopBottom_4,z=t.textColor_4,N=t.bgColor_4,L=t.marginTop_5,M=t.marginBottom_5,$=t.borderRadius_5,I=t.paddingLeftRight_5,F=t.paddingTopBottom_5,U=t.bgColor_5;return"1"==n?React.createElement("div",{className:"wp-block-ug-button-common wp-block-ug-button-block-1 wp-block-ug-button-"+i+" wp-block-ug-button-block-1-"+o},React.createElement("style",null,".wp-block-ug-button-block-1-"+o+" a {\n            margin-top: "+b+"px !important;\n            margin-bottom: "+g+"px !important;\n            background-color: "+s+" !important;\n            font-size: "+c+"px !important;\n            border-radius: "+p+"px !important;\n            padding: "+m+"px "+d+"px !important;\n          }"),React.createElement("a",{href:a,target:r?"_blank":"_self",rel:"noopener noreferrer",className:"wp-block-ug-button-"+u},l)):"2"==n?React.createElement("div",{className:"wp-block-ug-button-common wp-block-ug-button-block-2 wp-block-ug-button-"+i+" wp-block-ug-button-block-2-"+o},React.createElement("style",null,".wp-block-ug-button-block-2-"+o+" a {\n            margin-top: "+_+"px !important;\n            margin-bottom: "+k+"px !important;\n            background-color: "+R+" !important;\n            font-size: "+c+"px !important;\n            border-radius: "+f+"px !important;\n            padding: "+x+"px "+C+"px !important;\n          }"),React.createElement("a",{href:a,target:r?"_blank":"_self",rel:"noopener noreferrer",className:"wp-block-ug-button-"+u},l)):"3"==n?React.createElement("div",{className:"wp-block-ug-button-common wp-block-ug-button-block-3 wp-block-ug-button-"+i+" wp-block-ug-button-block-3-"+o},React.createElement("style",null,".wp-block-ug-button-block-3-"+o+" a {\n             margin-top: "+h+"px !important;\n             margin-bottom: "+w+"px !important;\n             color: "+T+" !important;\n             background-color: #ececec;\n             font-size: "+c+"px !important;\n             border-radius: "+B+"px !important;\n             padding: "+E+"px "+v+"px !important;\n           }",".wp-block-ug-button-block-3-"+o+" a:hover {\n             background-color: "+T+";\n             color: #ffffff !important;\n           }"),React.createElement("a",{href:a,target:r?"_blank":"_self",rel:"noopener noreferrer",className:"wp-block-ug-button-"+u},l)):"4"==n?React.createElement("div",{className:"wp-block-ug-button-common wp-block-ug-button-block-4 wp-block-ug-button-"+i+" wp-block-ug-button-block-4-"+o},React.createElement("style",null,".wp-block-ug-button-block-4-"+o+" a {\n             margin-top: "+y+"px !important;\n             margin-bottom: "+S+"px !important;\n             color: "+z+";\n             background-color: "+N+" !important;\n             font-size: "+c+"px !important;\n             border-radius: "+A+"px !important;\n             padding: "+q+"px "+P+"px !important;\n           }"),React.createElement("a",{href:a,target:r?"_blank":"_self",rel:"noopener noreferrer",className:"wp-block-ug-button-"+u},l)):"5"==n?React.createElement("div",{className:"wp-block-ug-button-common wp-block-ug-button-block-5 wp-block-ug-button-"+i+" wp-block-ug-button-block-5-"+o},React.createElement("style",null,".wp-block-ug-button-block-5-"+o+" a {\n             margin-top: "+L+"px !important;\n             margin-bottom: "+M+"px !important;\n             background-color: "+U+" !important;\n             font-size: "+c+"px !important;\n             border-radius: "+$+"px !important;\n             padding: "+F+"px "+I+"px !important;\n           }"),React.createElement("a",{href:a,target:r?"_blank":"_self",rel:"noopener noreferrer",className:"wp-block-ug-button-"+u},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:{id:{type:"string"},pattern:{default:"1"},headingText:{type:"children",selector:".ug-heading-text"},headingTag:{default:"h2"},align:{default:"left"},textSize:{default:"24"},marginTop_1:{default:"0"},marginBottom_1:{default:"20"},borderStyle_1:{default:"solid"},borderSize_1:{default:"5"},paddingLeftRight_1:{default:"20"},paddingTopBottom_1:{default:"10"},textColor_1:{default:"#545454"},bgColor_1:{default:"#f5f5f5"},borderColor_1:{default:"#545454"},marginTop_2:{default:"0"},marginBottom_2:{default:"20"},borderStyle_2:{default:"solid"},borderSize_2:{default:"3"},textColor_2:{default:"#545454"},borderColor_2:{default:"#545454"},marginTop_3:{default:"0"},marginBottom_3:{default:"20"},borderStyle_3:{default:"solid"},borderSize_3:{default:"3"},paddingTopBottom_3:{default:"10"},textColor_3:{default:"#545454"},borderColor_3:{default:"#545454"},marginTop_4:{default:"0"},marginBottom_4:{default:"20"},borderStyle_4:{default:"solid"},borderSize_4:{default:"5"},borderRadius_4:{default:"3"},paddingLeftRight_4:{default:"20"},paddingTopBottom_4:{default:"10"},textColor_4:{default:"#545454"},borderColor_4:{default:"#545454"},marginTop_5:{default:"0"},marginBottom_5:{default:"20"},borderStyle_5:{default:"solid"},borderSize_5:{default:"5"},paddingLeftRight_5:{default:"20"},paddingTopBottom_5:{default:"10"},textColor_5:{default:"#545454"},bgColor_5:{default:"#f5f5f5"},borderColor_5:{default:"#545454"},marginTop_6:{default:"0"},marginBottom_6:{default:"20"},borderStyle_6:{default:"solid"},borderLeftSize_6:{default:"5"},borderBottomSize_6:{default:"3"},paddingLeftRight_6:{default:"20"},paddingTopBottom_6:{default:"10"},textColor_6:{default:"#545454"},bgColor_6:{default:"#f5f5f5"},borderLeftColor_6:{default:"#545454"},borderBottomColor_6:{default:"#d7d7d7"},marginTop_7:{default:"0"},marginBottom_7:{default:"20"},borderRadius_7:{default:"25"},paddingLeftRight_7:{default:"20"},paddingTopBottom_7:{default:"10"},textColor_7:{default:"#ffffff"},bgColor_7:{default:"#545454"},decimalColor_7:{default:"#ffffff"},marginTop_8:{default:"0"},marginBottom_8:{default:"20"},paddingLeftRight_8:{default:"20"},paddingTopBottom_8:{default:"10"},textColor_8:{default:"#ffffff"},bgColor_8:{default:"#545454"},marginTop_9:{default:"0"},marginBottom_9:{default:"20"},borderStyle_9:{default:"dashed"},borderSize_9:{default:"1"},paddingLeftRight_9:{default:"20"},paddingTopBottom_9:{default:"10"},textColor_9:{default:"#ffffff"},bgColor_9:{default:"#545454"},borderColor_9:{default:"#ffffff"}},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.headingText,i=n.align,c=n.headingTag,u=n.textSize,b=n.marginTop_1,g=n.marginBottom_1,p=n.borderStyle_1,d=n.borderSize_1,m=n.paddingLeftRight_1,s=n.paddingTopBottom_1,_=n.textColor_1,k=n.bgColor_1,f=n.borderColor_1,C=n.marginTop_2,x=n.marginBottom_2,R=n.borderStyle_2,h=n.borderSize_2,w=n.textColor_2,B=n.borderColor_2,v=n.marginTop_3,E=n.marginBottom_3,T=n.borderStyle_3,y=n.borderSize_3,S=n.paddingTopBottom_3,A=n.textColor_3,P=n.borderColor_3,q=n.marginTop_4,z=n.marginBottom_4,N=n.borderStyle_4,L=n.borderSize_4,M=n.borderRadius_4,$=n.paddingLeftRight_4,I=n.paddingTopBottom_4,F=n.textColor_4,U=n.borderColor_4,G=n.marginTop_5,D=n.marginBottom_5,H=n.borderStyle_5,O=n.borderSize_5,Q=n.paddingLeftRight_5,K=n.paddingTopBottom_5,J=n.textColor_5,j=n.bgColor_5,Z=n.borderColor_5,V=n.marginTop_6,W=n.marginBottom_6,Y=n.borderStyle_6,X=n.borderLeftSize_6,ee=n.borderBottomSize_6,te=n.paddingLeftRight_6,oe=n.paddingTopBottom_6,ne=n.textColor_6,le=n.bgColor_6,ae=n.borderLeftColor_6,re=n.borderBottomColor_6,ie=n.marginTop_7,ce=n.marginBottom_7,ue=n.borderRadius_7,be=n.paddingLeftRight_7,ge=n.paddingTopBottom_7,pe=n.textColor_7,de=n.bgColor_7,me=n.decimalColor_7,se=n.marginTop_8,_e=n.marginBottom_8,ke=n.paddingLeftRight_8,fe=n.paddingTopBottom_8,Ce=n.textColor_8,xe=n.bgColor_8,Re=n.marginTop_9,he=n.marginBottom_9,we=n.borderStyle_9,Be=n.borderSize_9,ve=n.paddingLeftRight_9,Ee=n.paddingTopBottom_9,Te=n.textColor_9,ye=n.bgColor_9,Se=n.borderColor_9;return l!==o&&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(BaseControl,{label:__("Select Pattern")},React.createElement(ButtonGroup,{"aria-label":__("Select Pattern")},React.createElement(Button,{onClick:function(e){t.setAttributes({pattern:"1"})}},React.createElement("h2",{style:{marginTop:"0px",marginBottom:"10px",backgroundColor:"#f5f5f5",color:"#545454",fontSize:"12px",borderLeft:"3px solid #545454",padding:"5px 10px",textAlign:"left"},className:"wp-block-ug-heading-block wp-block-ug-heading-common wp-block-ug-heading-block-1 wp-block-ug-heading-block-1-2bc329ae-9dc7-4943-b31f-1bb2caaacb8b"},"Pattern 1")),React.createElement(Button,{onClick:function(e){t.setAttributes({pattern:"2"})}},React.createElement("h2",{style:{marginTop:"0px",marginBottom:"10px",color:"#545454",fontSize:"12px",borderBottom:"3px solid #545454",textAlign:"left"},className:"wp-block-ug-heading-block wp-block-ug-heading-block wp-block-ug-heading-common wp-block-ug-heading-block-2 wp-block-ug-heading-block-2-2bc329ae-9dc7-4943-b31f-1bb2caaacb8b"},"Pattern 2")),React.createElement(Button,{onClick:function(e){t.setAttributes({pattern:"3"})}},React.createElement("h2",{style:{marginTop:"0px",marginBottom:"10px",color:"#545454",fontSize:"12px",borderTop:"3px solid #545454",borderBottom:"3px solid #545454",padding:"5px 0",textAlign:"left"},className:"wp-block-ug-heading-block wp-block-ug-heading-common wp-block-ug-heading-block-3 wp-block-ug-heading-block-3-2bc329ae-9dc7-4943-b31f-1bb2caaacb8b"},"Pattern 3"))))),React.createElement(PanelBody,{title:__("Common Settings")},React.createElement(BaseControl,{label:__("Heading Tag")},React.createElement(ButtonGroup,{"aria-label":__("Heading Tag")},React.createElement(Button,{isLarge:!0,isPrimary:"h1"===c,"aria-pressed":"h1"===c,onClick:function(){return t.setAttributes({headingTag:"h1",textSize:"24"})}},"H1"),React.createElement(Button,{isLarge:!0,isPrimary:"h2"===c,"aria-pressed":"h2"===c,onClick:function(){return t.setAttributes({headingTag:"h2",textSize:"22"})}},"H2"),React.createElement(Button,{isLarge:!0,isPrimary:"h3"===c,"aria-pressed":"h3"===c,onClick:function(){return t.setAttributes({headingTag:"h3",textSize:"20"})}},"H3"),React.createElement(Button,{isLarge:!0,isPrimary:"h4"===c,"aria-pressed":"h4"===c,onClick:function(){return t.setAttributes({headingTag:"h4",textSize:"18"})}},"H4"),React.createElement(Button,{isLarge:!0,isPrimary:"h5"===c,"aria-pressed":"h5"===c,onClick:function(){return t.setAttributes({headingTag:"h5",textSize:"17"})}},"H5"),React.createElement(Button,{isLarge:!0,isPrimary:"h6"===c,"aria-pressed":"h6"===c,onClick:function(){return t.setAttributes({headingTag:"h6",textSize:"17"})}},"H6"))),React.createElement(RangeControl,{label:__("Text Size"),value:u,onChange:function(e){return t.setAttributes({textSize:e})},min:0,max:100,step:1})),"1"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:b,onChange:function(e){return t.setAttributes({marginTop_1:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:g,onChange:function(e){return t.setAttributes({marginBottom_1:e})},min:0,max:100,step:1})),"1"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:p,onChange:function(e){t.setAttributes({borderStyle_1: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_1:e})},min:0,max:20,step:1})),"1"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:m,onChange:function(e){return t.setAttributes({paddingLeftRight_1:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:s,onChange:function(e){return t.setAttributes({paddingTopBottom_1:e})},min:0,max:100,step:1})),"1"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:_,onChange:function(e){return t.setAttributes({textColor_1:e})},label:__("Text Color")},{value:k,onChange:function(e){return t.setAttributes({bgColor_1:e})},label:__("Background Color")},{value:f,onChange:function(e){return t.setAttributes({borderColor_1:e})},label:__("Border Color")}]}),"2"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:C,onChange:function(e){return t.setAttributes({marginTop_2:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:x,onChange:function(e){return t.setAttributes({marginBottom_2:e})},min:0,max:100,step:1})),"2"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:R,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:h,onChange:function(e){return t.setAttributes({borderSize_2:e})},min:0,max:20,step:1})),"2"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:w,onChange:function(e){return t.setAttributes({textColor_2:e})},label:__("Text Color")},{value:B,onChange:function(e){return t.setAttributes({borderColor_2:e})},label:__("Border Color")}]}),"3"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:v,onChange:function(e){return t.setAttributes({marginTop_3:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:E,onChange:function(e){return t.setAttributes({marginBottom_3:e})},min:0,max:100,step:1})),"3"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:T,onChange:function(e){t.setAttributes({borderStyle_3: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:y,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(Top & Bottom)"),value:S,onChange:function(e){return t.setAttributes({paddingTopBottom_3:e})},min:0,max:100,step:1})),"3"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:A,onChange:function(e){return t.setAttributes({textColor_3:e})},label:__("Text Color")},{value:P,onChange:function(e){return t.setAttributes({borderColor_3:e})},label:__("Border Color")}]}),"4"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:q,onChange:function(e){return t.setAttributes({marginTop_4:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:z,onChange:function(e){return t.setAttributes({marginBottom_4:e})},min:0,max:100,step:1})),"4"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:N,onChange:function(e){t.setAttributes({borderStyle_4: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:L,onChange:function(e){return t.setAttributes({borderSize_4:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:M,onChange:function(e){return t.setAttributes({borderRadius_4:e})},min:0,max:20,step:1})),"4"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:$,onChange:function(e){return t.setAttributes({paddingLeftRight_4:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:I,onChange:function(e){return t.setAttributes({paddingTopBottom_4:e})},min:0,max:100,step:1})),"4"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:F,onChange:function(e){return t.setAttributes({textColor_4:e})},label:__("Text Color")},{value:U,onChange:function(e){return t.setAttributes({borderColor_4:e})},label:__("Border Color")}]}),"5"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:G,onChange:function(e){return t.setAttributes({marginTop_5:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:D,onChange:function(e){return t.setAttributes({marginBottom_5:e})},min:0,max:100,step:1})),"5"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:H,onChange:function(e){t.setAttributes({borderStyle_5: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:O,onChange:function(e){return t.setAttributes({borderSize_5:e})},min:0,max:20,step:1})),"5"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:Q,onChange:function(e){return t.setAttributes({paddingLeftRight_5:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:K,onChange:function(e){return t.setAttributes({paddingTopBottom_5:e})},min:0,max:100,step:1})),"5"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:J,onChange:function(e){return t.setAttributes({textColor_5:e})},label:__("Text Color")},{value:j,onChange:function(e){return t.setAttributes({bgColor_5:e})},label:__("Background Color")},{value:Z,onChange:function(e){return t.setAttributes({borderColor_5:e})},label:__("Border Color")}]}),"6"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:V,onChange:function(e){return t.setAttributes({marginTop_6:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:W,onChange:function(e){return t.setAttributes({marginBottom_6:e})},min:0,max:100,step:1})),"6"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:Y,onChange:function(e){t.setAttributes({borderStyle_6: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 Left Size"),value:X,onChange:function(e){return t.setAttributes({borderLeftSize_6:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Bottom Size"),value:ee,onChange:function(e){return t.setAttributes({borderBottomSize_6:e})},min:0,max:20,step:1})),"6"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:te,onChange:function(e){return t.setAttributes({paddingLeftRight_6:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:oe,onChange:function(e){return t.setAttributes({paddingTopBottom_6:e})},min:0,max:100,step:1})),"6"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:ne,onChange:function(e){return t.setAttributes({textColor_6:e})},label:__("Text Color")},{value:le,onChange:function(e){return t.setAttributes({bgColor_6:e})},label:__("Background Color")},{value:ae,onChange:function(e){return t.setAttributes({borderLeftColor_6:e})},label:__("Border Left Color")},{value:re,onChange:function(e){return t.setAttributes({borderBottomColor_6:e})},label:__("Border Bottom Color")}]}),"7"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:ie,onChange:function(e){return t.setAttributes({marginTop_7:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:ce,onChange:function(e){return t.setAttributes({marginBottom_7:e})},min:0,max:100,step:1})),"7"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(RangeControl,{label:__("Border Radius"),value:ue,onChange:function(e){return t.setAttributes({borderRadius_7:e})},min:0,max:50,step:1})),"7"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:be,onChange:function(e){return t.setAttributes({paddingLeftRight_7:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:ge,onChange:function(e){return t.setAttributes({paddingTopBottom_7:e})},min:0,max:100,step:1})),"7"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:pe,onChange:function(e){return t.setAttributes({textColor_7:e})},label:__("Text Color")},{value:de,onChange:function(e){return t.setAttributes({bgColor_7:e})},label:__("Background Color")},{value:me,onChange:function(e){return t.setAttributes({decimalColor_7:e})},label:__("Decimal Color")}]}),"8"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:se,onChange:function(e){return t.setAttributes({marginTop_8:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:_e,onChange:function(e){return t.setAttributes({marginBottom_8:e})},min:0,max:100,step:1})),"8"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:ke,onChange:function(e){return t.setAttributes({paddingLeftRight_8:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:fe,onChange:function(e){return t.setAttributes({paddingTopBottom_8:e})},min:0,max:100,step:1})),"8"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:Ce,onChange:function(e){return t.setAttributes({textColor_8:e})},label:__("Text Color")},{value:xe,onChange:function(e){return t.setAttributes({bgColor_8:e})},label:__("Background Color")}]}),"9"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:Re,onChange:function(e){return t.setAttributes({marginTop_9:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:he,onChange:function(e){return t.setAttributes({marginBottom_9:e})},min:0,max:100,step:1})),"9"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:we,onChange:function(e){t.setAttributes({borderStyle_9: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:Be,onChange:function(e){return t.setAttributes({borderSize_9:e})},min:0,max:20,step:1})),"9"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:ve,onChange:function(e){return t.setAttributes({paddingLeftRight_9:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:Ee,onChange:function(e){return t.setAttributes({paddingTopBottom_9:e})},min:0,max:100,step:1})),"9"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:Te,onChange:function(e){return t.setAttributes({textColor_9:e})},label:__("Text Color")},{value:ye,onChange:function(e){return t.setAttributes({bgColor_9:e})},label:__("Background Color")},{value:Se,onChange:function(e){return t.setAttributes({borderColor_9:e})},label:__("Border Color")}]})),"1"==a&&React.createElement("div",null,React.createElement("div",null,React.createElement("small",null,c)),React.createElement(RichText,{tagName:c,placeholder:__("Heading Text"),style:{backgroundColor:k,color:_,fontSize:u+"px",borderLeft:d+"px "+p+" "+f,padding:s+"px "+m+"px",textAlign:i},className:"wp-block-ug-heading-common wp-block-ug-heading-block-1 wp-block-ug-heading-block-1-"+l,key:"editable",onChange:function(e){return t.setAttributes({headingText:e})},value:r,formattingControls:["bold","italic"]})),"2"==a&&React.createElement("div",null,React.createElement("div",null,React.createElement("small",null,c)),React.createElement(RichText,{tagName:c,placeholder:__("Heading Text"),style:{color:w,fontSize:u+"px",borderBottom:h+"px "+R+" "+B,textAlign:i},className:"wp-block-ug-heading-common wp-block-ug-heading-block-2 wp-block-ug-heading-block-2-"+l,key:"editable",onChange:function(e){return t.setAttributes({headingText:e})},value:r,formattingControls:["bold","italic"]})),"3"==a&&React.createElement("div",null,React.createElement("div",null,React.createElement("small",null,c)),React.createElement(RichText,{tagName:c,placeholder:__("Heading Text"),style:{color:A,fontSize:u+"px",borderTop:y+"px "+T+" "+P,borderBottom:y+"px "+T+" "+P,padding:S+"px 0",textAlign:i},cclassName:"wp-block-ug-heading-common wp-block-ug-heading-block-3 wp-block-ug-heading-block-3-"+l,key:"editable",onChange:function(e){return t.setAttributes({headingText:e})},value:r,formattingControls:["bold","italic"]})),"4"==a&&React.createElement("div",null,React.createElement("div",null,React.createElement("small",null,c)),React.createElement(RichText,{tagName:c,placeholder:__("Heading Text"),style:{color:F,fontSize:u+"px",border:L+"px "+N+" "+U,borderRadius:M+"px ",padding:I+"px "+$+"px",textAlign:i},className:"wp-block-ug-heading-common wp-block-ug-heading-block-4 wp-block-ug-heading-block-4-"+l,key:"editable",onChange:function(e){return t.setAttributes({headingText:e})},value:r,formattingControls:["bold","italic"]})),"5"==a&&React.createElement("div",null,React.createElement("div",null,React.createElement("small",null,c)),React.createElement(RichText,{tagName:c,placeholder:__("Heading Text"),style:{backgroundColor:j,color:J,fontSize:u+"px",borderBottom:O+"px "+H+" "+Z,padding:K+"px "+Q+"px",textAlign:i},className:"wp-block-ug-heading-common wp-block-ug-heading-block-5 wp-block-ug-heading-block-5-"+l,key:"editable",onChange:function(e){return t.setAttributes({headingText:e})},value:r,formattingControls:["bold","italic"]})),"6"==a&&React.createElement("div",null,React.createElement("div",null,React.createElement("small",null,c)),React.createElement(RichText,{tagName:c,placeholder:__("Heading Text"),style:{backgroundColor:le,color:ne,fontSize:u+"px",borderLeft:X+"px "+Y+" "+ae,borderBottom:ee+"px "+Y+" "+re,padding:oe+"px "+te+"px",textAlign:i},className:"wp-block-ug-heading-common wp-block-ug-heading-block-6 wp-block-ug-heading-block-6-"+l,key:"editable",onChange:function(e){return t.setAttributes({headingText:e})},value:r,formattingControls:["bold","italic"]})),"7"==a&&React.createElement("div",null,React.createElement("div",null,React.createElement("small",null,c)),React.createElement("style",null,".wp-block-ug-heading-block-7-"+l+"::before {\n              content: '●' !important;\n              color: "+me+" !important;\n              margin-right: 8px !important;\n              }"),React.createElement(RichText,{tagName:c,placeholder:__("Heading Text"),style:{backgroundColor:de,color:pe,fontSize:u+"px",borderRadius:ue+"px",padding:ge+"px "+be+"px",textAlign:i},className:"wp-block-ug-heading-common wp-block-ug-heading-block-7 wp-block-ug-heading-block-7-"+l,key:"editable",onChange:function(e){return t.setAttributes({headingText:e})},value:r,formattingControls:["bold","italic"]})),"8"==a&&React.createElement("div",null,React.createElement("div",null,React.createElement("small",null,c)),React.createElement("style",null,".wp-block-ug-heading-block-8-"+l+"::after {\n              border-top: 15px solid "+xe+";\n              }"),React.createElement(RichText,{tagName:c,placeholder:__("Heading Text"),style:{backgroundColor:xe,color:Ce,fontSize:u+"px",padding:fe+"px "+ke+"px",textAlign:i},className:"wp-block-ug-heading-common wp-block-ug-heading-block-8 wp-block-ug-heading-block-8-"+l,key:"editable",onChange:function(e){return t.setAttributes({headingText:e})},value:r,formattingControls:["bold","italic"]})),"9"==a&&React.createElement("div",null,React.createElement("div",null,React.createElement("small",null,c)),React.createElement(RichText,{tagName:c,placeholder:__("Heading Text"),style:{backgroundColor:ye,color:Te,fontSize:u+"px",padding:Ee+"px "+ve+"px",border:Be+"px "+we+" "+Se,textAlign:i,boxShadow:"0px 0px 0px 5px "+ye},className:"wp-block-ug-heading-common wp-block-ug-heading-block-9 wp-block-ug-heading-block-9-"+l,key:"editable",onChange:function(e){return t.setAttributes({headingText:e})},value:r,formattingControls:["bold","italic"]}))]}),save:function(e){var t=e.attributes,o=t.id,n=t.pattern,l=t.headingText,a=t.align,r=t.headingTag,i=t.textSize,c=t.marginTop_1,u=t.marginBottom_1,b=t.borderStyle_1,g=t.borderSize_1,p=t.paddingLeftRight_1,d=t.paddingTopBottom_1,m=t.textColor_1,s=t.bgColor_1,_=t.borderColor_1,k=t.marginTop_2,f=t.marginBottom_2,C=t.borderStyle_2,x=t.borderSize_2,R=t.textColor_2,h=t.borderColor_2,w=t.marginTop_3,B=t.marginBottom_3,v=t.borderStyle_3,E=t.borderSize_3,T=t.paddingTopBottom_3,y=t.textColor_3,S=t.borderColor_3,A=t.marginTop_4,P=t.marginBottom_4,q=t.borderStyle_4,z=t.borderSize_4,N=t.borderRadius_4,L=t.paddingLeftRight_4,M=t.paddingTopBottom_4,$=t.textColor_4,I=t.borderColor_4,F=t.marginTop_5,U=t.marginBottom_5,G=t.borderStyle_5,D=t.borderSize_5,H=t.paddingLeftRight_5,O=t.paddingTopBottom_5,Q=t.textColor_5,K=t.bgColor_5,J=t.borderColor_5,j=t.marginTop_6,Z=t.marginBottom_6,V=t.borderStyle_6,W=t.borderLeftSize_6,Y=t.borderBottomSize_6,X=t.paddingLeftRight_6,ee=t.paddingTopBottom_6,te=t.textColor_6,oe=t.bgColor_6,ne=t.borderLeftColor_6,le=t.borderBottomColor_6,ae=t.marginTop_7,re=t.marginBottom_7,ie=t.borderRadius_7,ce=t.paddingLeftRight_7,ue=t.paddingTopBottom_7,be=t.textColor_7,ge=t.bgColor_7,pe=t.decimalColor_7,de=t.marginTop_8,me=t.marginBottom_8,se=t.paddingLeftRight_8,_e=t.paddingTopBottom_8,ke=t.textColor_8,fe=t.bgColor_8,Ce=t.marginTop_9,xe=t.marginBottom_9,Re=t.borderStyle_9,he=t.borderSize_9,we=t.paddingLeftRight_9,Be=t.paddingTopBottom_9,ve=t.textColor_9,Ee=t.bgColor_9,Te=t.borderColor_9;return"1"==n?React.createElement(RichText.Content,{tagName:r,style:{marginTop:c+"px",marginBottom:u+"px",backgroundColor:s,color:m,fontSize:i+"px",borderLeft:g+"px "+b+" "+_,padding:d+"px "+p+"px",textAlign:a},className:"wp-block-ug-heading-common wp-block-ug-heading-block-1 wp-block-ug-heading-block-1-"+o,value:l}):"2"==n?React.createElement(RichText.Content,{tagName:r,style:{marginTop:k+"px",marginBottom:f+"px",color:R,fontSize:i+"px",borderBottom:x+"px "+C+" "+h,textAlign:a},className:"wp-block-ug-heading-common wp-block-ug-heading-block-2 wp-block-ug-heading-block-2-"+o,value:l}):"3"==n?React.createElement(RichText.Content,{tagName:r,style:{marginTop:w+"px",marginBottom:B+"px",color:y,fontSize:i+"px",borderTop:E+"px "+v+" "+S,borderBottom:E+"px "+v+" "+S,padding:T+"px 0",textAlign:a},className:"wp-block-ug-heading-common wp-block-ug-heading-block-3 wp-block-ug-heading-block-3-"+o,value:l}):"4"==n?React.createElement(RichText.Content,{tagName:r,style:{marginTop:A+"px",marginBottom:P+"px",color:$,fontSize:i+"px",border:z+"px "+q+" "+I,borderRadius:N+"px ",padding:M+"px "+L+"px",textAlign:a},className:"wp-block-ug-heading-common wp-block-ug-heading-block-4 wp-block-ug-heading-block-4-"+o,value:l}):"5"==n?React.createElement(RichText.Content,{tagName:r,style:{marginTop:F+"px",marginBottom:U+"px",backgroundColor:K,color:Q,fontSize:i+"px",borderBottom:D+"px "+G+" "+J,padding:O+"px "+H+"px",textAlign:a},className:"wp-block-ug-heading-common wp-block-ug-heading-block-5 wp-block-ug-heading-block-5-"+o,value:l}):"6"==n?React.createElement(RichText.Content,{tagName:r,style:{marginTop:j+"px",marginBottom:Z+"px",backgroundColor:oe,color:te,fontSize:i+"px",borderLeft:W+"px "+V+" "+ne,borderBottom:Y+"px "+V+" "+le,padding:ee+"px "+X+"px",textAlign:a},className:"wp-block-ug-heading-common wp-block-ug-heading-block-6 wp-block-ug-heading-block-6-"+o,value:l}):"7"==n?React.createElement(React.Fragment,null,React.createElement("style",null,".wp-block-ug-heading-block-7-"+o+"::before {\n           content: '●' !important;\n           color: "+pe+" !important;\n           margin-right: 8px !important;\n           }"),React.createElement(RichText.Content,{tagName:r,style:{marginTop:ae+"px",marginBottom:re+"px",backgroundColor:ge,color:be,fontSize:i+"px",borderRadius:ie+"px",padding:ue+"px "+ce+"px",textAlign:a},className:"wp-block-ug-heading-common wp-block-ug-heading-block-7 wp-block-ug-heading-block-7-"+o,value:l})):"8"==n?React.createElement(React.Fragment,null,React.createElement("style",null,".wp-block-ug-heading-block-8-"+o+"::after {\n           border-top: 15px solid "+fe+";\n           }"),React.createElement(RichText.Content,{tagName:r,style:{marginTop:de+"px",marginBottom:me+"px",backgroundColor:fe,color:ke,fontSize:i+"px",padding:_e+"px "+se+"px",textAlign:a},className:"wp-block-ug-heading-common wp-block-ug-heading-block-8 wp-block-ug-heading-block-8-"+o,value:l})):"9"==n?React.createElement(RichText.Content,{tagName:r,style:{marginTop:Ce+"px",marginBottom:xe+"px",backgroundColor:Ee,color:ve,fontSize:i+"px",padding:Be+"px "+we+"px",border:he+"px "+Re+" "+Te,textAlign:a,boxShadow:"0px 0px 0px 5px "+Ee},className:"wp-block-ug-heading-common wp-block-ug-heading-block-9 wp-block-ug-heading-block-9-"+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;var BaseControl=(_wp$components=wp.components).BaseControl;RangeControl=_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:{default:"1"},listTag:{default:"ul"},textSize:{default:"16"},listText:{type:"children",selector:".ug-list-text"},align:{default:"left"},icon:{default:"fa-chevron-circle-right"},marginTop_1:{default:"0"},marginBottom_1:{default:"20"},borderStyle_1:{default:"solid"},borderSize_1:{default:"3"},borderRadius_1:{default:"0"},paddingLeftRight_1:{default:"20"},paddingTopBottom_1:{default:"10"},textColor_1:{default:"#545454"},bgColor_1:{default:"#f5f5f5"},borderColor_1:{default:"#545454"},marginTop_2:{default:"0"},marginBottom_2:{default:"20"},borderStyle_2:{default:"solid"},borderSize_2:{default:"3"},borderRadius_2:{default:"0"},paddingLeftRight_2:{default:"20"},paddingTopBottom_2:{default:"10"},textColor_2:{default:"#545454"},bgColor_2:{default:"#f5f5f5"},borderColor_2:{default:"#545454"},marginTop_3:{default:"30"},marginBottom_3:{default:"40"},borderStyle_3:{default:"dashed"},borderSize_3:{default:"3"},borderRadius_3:{default:"0"},paddingLeftRight_3:{default:"20"},paddingTopBottom_3:{default:"10"},textColor_3:{default:"#545454"},bgColor_3:{default:"#f5f5f5"},borderColor_3:{default:"#545454"},marginTop_4:{default:"0"},marginBottom_4:{default:"20"},borderStyle_4:{default:"solid"},borderSize_4:{default:"3"},paddingLeftRight_4:{default:"20"},paddingTopBottom_4:{default:"10"},textColor_4:{default:"#545454"},bgColor_4:{default:"#f5f5f5"},borderColor_4:{default:"#545454"},marginTop_5:{default:"0"},marginBottom_5:{default:"20"},borderStyle_5:{default:"solid"},borderLeftSize_5:{default:"6"},borderBottomSize_5:{default:"3"},paddingLeftRight_5:{default:"20"},paddingTopBottom_5:{default:"10"},textColor_5:{default:"#545454"},bgColor_5:{default:"#f5f5f5"},borderLeftColor_5:{default:"#545454"},borderBottomColor_5:{default:"#d7d7d7"},marginTop_6:{default:"0"},marginBottom_6:{default:"20"},paddingLeftRight_6:{default:"20"},paddingTopBottom_6:{default:"10"},textColor_6:{default:"#545454"},bgColor_6:{default:"#f5f5f5"},borderColor_6:{default:"#545454"},marginTop_7:{default:"0"},marginBottom_7:{default:"20"},borderStyle_7:{default:"solid"},borderSize_7:{default:"1"},borderRadius_7:{default:"15"},paddingLeftRight_7:{default:"20"},paddingTopBottom_7:{default:"10"},textColor_7:{default:"#545454"},bgColor_7:{default:"#f5f5f5"},borderColor_7:{default:"#545454"},borderBottomColor_7:{default:"#d7d7d7"}},edit:withState({editable:"content"})(function(o){var e=o.isSelected,t=(o.editable,o.setState,o.clientId),n=o.attributes,l=n.id,a=n.pattern,r=n.listTag,i=n.listText,c=n.textSize,u=n.align,b=n.icon,g=n.marginTop_1,p=n.marginBottom_1,d=n.borderStyle_1,m=n.borderSize_1,s=n.borderRadius_1,_=n.paddingLeftRight_1,k=n.paddingTopBottom_1,f=n.textColor_1,C=n.bgColor_1,x=n.borderColor_1,R=n.marginTop_2,h=n.marginBottom_2,w=n.borderStyle_2,B=n.borderSize_2,v=n.borderRadius_2,E=n.paddingLeftRight_2,T=n.paddingTopBottom_2,y=n.textColor_2,S=n.bgColor_2,A=n.borderColor_2,P=n.marginTop_3,q=n.marginBottom_3,z=n.borderStyle_3,N=n.borderSize_3,L=n.borderRadius_3,M=n.paddingLeftRight_3,$=n.paddingTopBottom_3,I=n.textColor_3,F=n.bgColor_3,U=n.borderColor_3,G=n.marginTop_4,D=n.marginBottom_4,H=n.borderStyle_4,O=n.borderSize_4,Q=n.paddingLeftRight_4,K=n.paddingTopBottom_4,J=n.textColor_4,j=n.bgColor_4,Z=n.borderColor_4,V=n.marginTop_5,W=n.marginBottom_5,Y=n.borderStyle_5,X=n.borderLeftSize_5,ee=n.borderBottomSize_5,te=n.paddingLeftRight_5,oe=n.paddingTopBottom_5,ne=n.textColor_5,le=n.bgColor_5,ae=n.borderLeftColor_5,re=n.borderBottomColor_5,ie=n.marginTop_6,ce=n.marginBottom_6,ue=n.paddingLeftRight_6,be=n.paddingTopBottom_6,ge=n.textColor_6,pe=n.bgColor_6,de=n.borderColor_6,me=n.marginTop_7,se=n.marginBottom_7,_e=n.borderStyle_7,ke=n.borderSize_7,fe=n.borderRadius_7,Ce=n.paddingLeftRight_7,xe=n.paddingTopBottom_7,Re=n.textColor_7,he=n.bgColor_7,we=n.borderColor_7,Be=(n.borderBottomColor_7,"ul"),ve=[{label:__("fas fa-times"),value:"none"},{label:__("fas fa-chevron-circle-right"),value:"fa-chevron-circle-right"},{label:__("fas fa-chevron-right"),value:"fa-chevron-right"},{label:__("fas fa-caret-right"),value:"fa-caret-right"},{label:__("fas fa-arrow-right"),value:"fa-arrow-right"},{label:__("fas fa-hand-point-right"),value:"fa-hand-point-right"},{label:__("fas fa-caret-square-right"),value:"fa-caret-square-right"},{label:__("fas fa-arrow-circle-right"),value:"fa-arrow-circle-right"},{label:__("fas fa-angle-double-right"),value:"fa-angle-double-right"},{label:__("fas fa-lightbulb"),value:"fa-lightbulb"},{label:__("fas fa-feather"),value:"fa-feather"},{label:__("fas fa-star"),value:"fa-star"},{label:__("fas fa-list-ul"),value:"fa-list-ul"},{label:__("fas fa-list"),value:"fa-list"},{label:__("fas fa-circle"),value:"fa-circle"},{label:__("fas fa-info-circle"),value:"fa-info-circle"},{label:__("fas fa-exclamation-circle"),value:"fa-exclamation-circle"},{label:__("fas fa-check"),value:"fa-check"},{label:__("fas fa-check-circle"),value:"fa-check-circle"},{label:__("fas fa-archive"),value:"fa-archive"},{label:__("fas fa-tag"),value:"fa-tag"},{label:__("fas fa-hashtag"),value:"fa-hashtag"},{label:__("fas fa-bookmark"),value:"fa-bookmark"},{label:__("fas fa-book"),value:"fa-book"},{label:__("fas fa-bell"),value:"fa-bell"},{label:__("fas fa-clipboard-check"),value:"fa-clipboard-check"},{label:__("fas fa-comment"),value:"fa-comment"},{label:__("fas fa-comment-alt"),value:"fa-comment-alt"}];return l!==t&&o.setAttributes({id:t}),[e&&React.createElement(BlockControls,null,React.createElement(AlignmentToolbar,{value:u,onChange:function(e){return o.setAttributes({align:e})},controls:["left","center","right"]})),e&&React.createElement(InspectorControls,null,React.createElement(PanelBody,null,React.createElement(BaseControl,{label:__("Select Pattern")},React.createElement(ButtonGroup,{"aria-label":__("Select Pattern")},React.createElement(Button,{onClick:function(e){o.setAttributes({pattern:"1"})},style:{textAlign:"left"}},React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-1 wp-block-ug-list-block-1-6991629c-0b95-443c-b230-f851b19d6485"},React.createElement("style",null,".wp-block-ug-list-block-1-6991629c-0b95-443c-b230-f851b19d6485 ul,\n                 .wp-block-ug-list-block-1-6991629c-0b95-443c-b230-f851b19d6485 ol {\n                   margin-top: 0px !important;\n                   margin-bottom: 5px !important;\n                   background-color: #f5f5f5 !important;\n                   color: #545454 !important;\n                   font-size: 8px !important;\n                   border: 1px solid #545454 !important;\n                   border-radius: 0px !important;\n                   padding: 5px 10px !important;\n                   text-align: left !important;\n                }"),React.createElement("ul",{className:"wp-block-ug_list_icon_fa-chevron-circle-right"},React.createElement("li",null,"List Text"),React.createElement("li",null,"List Text")))),React.createElement(Button,{onClick:function(e){o.setAttributes({pattern:"2"})},style:{textAlign:"left"}},React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-2 wp-block-ug-list-block-2-6991629c-0b95-443c-b230-f851b19d6485"},React.createElement("style",null,".wp-block-ug-list-block-2-6991629c-0b95-443c-b230-f851b19d6485 ul,\n                 .wp-block-ug-list-block-2-6991629c-0b95-443c-b230-f851b19d6485 ol {\n                   margin-top: 0px !important;\n                   margin-bottom: 5px !important;\n                   background-color: #f5f5f5 !important;\n                   color: #545454 !important;\n                   font-size: 8px !important;\n                   border-top: 1px solid #545454 !important;\n                   border-bottom: 1px solid #545454;\n                   padding: 5px 10px !important;\n                   text-align: left !important;\n                }"),React.createElement("ul",{className:"wp-block-ug_list_icon_fa-chevron-circle-right"},React.createElement("li",null,"List Text"),React.createElement("li",null,"List Text")))),React.createElement(Button,{onClick:function(e){o.setAttributes({pattern:"3"})},style:{textAlign:"left"}},React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-3 wp-block-ug-list-block-3-6991629c-0b95-443c-b230-f851b19d6485"},React.createElement("style",null,".wp-block-ug-list-block-3-6991629c-0b95-443c-b230-f851b19d6485 ul,\n                 .wp-block-ug-list-block-3-6991629c-0b95-443c-b230-f851b19d6485 ol {\n                   margin-top: 7px !important;\n                   margin-bottom: 10px !important;\n                   margin-right: 0px !important;\n                   margin-left: 0px !important;\n                   background-color: #f5f5f5 !important;\n                   color: #545454 !important;\n                   font-size: 8px !important;\n                   border: 3px dashed #545454;\n                   border-radius: 0px;\n                   box-shadow: 0px 0px 0px 5px #f5f5f5;\n                   padding: 5px 10px !important;\n                   text-align: left !important;\n                }"),React.createElement("ul",{className:"wp-block-ug_list_icon_fa-chevron-circle-right"},React.createElement("li",null,"List Text"),React.createElement("li",null,"List Text"))))))),React.createElement(PanelBody,{title:__("Common Settings")},React.createElement(BaseControl,{label:__("List Tag")},React.createElement(ButtonGroup,{"aria-label":__("List Tag")},React.createElement(Button,{isLarge:!0,isPrimary:r===Be,"aria-pressed":r===Be,onClick:function(){return o.setAttributes({listTag:"ul"})}},"UL"),React.createElement(Button,{isLarge:!0,isPrimary:"ol"===r,"aria-pressed":"ol"===r,onClick:function(){return o.setAttributes({listTag:"ol"})}},"OL"))),React.createElement(BaseControl,{label:__("List icon")},React.createElement("div",{className:"ug-icon-items-wrapper"},ve.map(function(e,t){return React.createElement("div",{className:"ug-icon-item",key:t},React.createElement("span",{onClick:function(){return o.setAttributes({icon:e.value})},className:[e.value===b&&"active",""===e.value&&"remove-icon"].filter(Boolean).join(" ")},React.createElement("i",{class:e.label})))}))),React.createElement(RangeControl,{label:__("Text Size"),value:c,onChange:function(e){return o.setAttributes({textSize:e})},min:0,max:100,step:1})),"1"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:g,onChange:function(e){return o.setAttributes({marginTop_1:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:p,onChange:function(e){return o.setAttributes({marginBottom_1:e})},min:0,max:100,step:1})),"1"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:d,onChange:function(e){o.setAttributes({borderStyle_1: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 o.setAttributes({borderSize_1:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:s,onChange:function(e){return o.setAttributes({borderRadius_1: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 o.setAttributes({paddingLeftRight_1:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:k,onChange:function(e){return o.setAttributes({paddingTopBottom_1:e})},min:0,max:100,step:1})),"1"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:f,onChange:function(e){return o.setAttributes({textColor_1:e})},label:__("Text Color")},{value:C,onChange:function(e){return o.setAttributes({bgColor_1:e})},label:__("Background Color")},{value:x,onChange:function(e){return o.setAttributes({borderColor_1:e})},label:__("Border Color")}]}),"2"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:R,onChange:function(e){return o.setAttributes({marginTop_2:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:h,onChange:function(e){return o.setAttributes({marginBottom_2:e})},min:0,max:100,step:1})),"2"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:w,onChange:function(e){o.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 o.setAttributes({borderSize_2:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:v,onChange:function(e){return o.setAttributes({borderRadius_2:e})},min:0,max:20,step:1})),"2"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:E,onChange:function(e){return o.setAttributes({paddingLeftRight_2:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:T,onChange:function(e){return o.setAttributes({paddingTopBottom_2:e})},min:0,max:100,step:1})),"2"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:y,onChange:function(e){return o.setAttributes({textColor_2:e})},label:__("Text Color")},{value:S,onChange:function(e){return o.setAttributes({bgColor_2:e})},label:__("Background Color")},{value:A,onChange:function(e){return o.setAttributes({borderColor_2:e})},label:__("Border Color")}]}),"3"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:P,onChange:function(e){return o.setAttributes({marginTop_3:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:q,onChange:function(e){return o.setAttributes({marginBottom_3:e})},min:0,max:100,step:1})),"3"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:z,onChange:function(e){o.setAttributes({borderStyle_3: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:N,onChange:function(e){return o.setAttributes({borderSize_3:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:L,onChange:function(e){return o.setAttributes({borderRadius_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 o.setAttributes({paddingLeftRight_3:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:$,onChange:function(e){return o.setAttributes({paddingTopBottom_3:e})},min:0,max:100,step:1})),"3"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:I,onChange:function(e){return o.setAttributes({textColor_3:e})},label:__("Text Color")},{value:F,onChange:function(e){return o.setAttributes({bgColor_3:e})},label:__("Background Color")},{value:U,onChange:function(e){return o.setAttributes({borderColor_3:e})},label:__("Border Color")}]}),"4"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:G,onChange:function(e){return o.setAttributes({marginTop_4:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:D,onChange:function(e){return o.setAttributes({marginBottom_4:e})},min:0,max:100,step:1})),"4"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:H,onChange:function(e){o.setAttributes({borderStyle_4: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:O,onChange:function(e){return o.setAttributes({borderSize_4:e})},min:0,max:20,step:1})),"4"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:Q,onChange:function(e){return o.setAttributes({paddingLeftRight_4:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:K,onChange:function(e){return o.setAttributes({paddingTopBottom_4:e})},min:0,max:100,step:1})),"4"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:J,onChange:function(e){return o.setAttributes({textColor_4:e})},label:__("Text Color")},{value:j,onChange:function(e){return o.setAttributes({bgColor_4:e})},label:__("Background Color")},{value:Z,onChange:function(e){return o.setAttributes({borderColor_4:e})},label:__("Border Color")}]}),"5"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:V,onChange:function(e){return o.setAttributes({marginTop_5:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:W,onChange:function(e){return o.setAttributes({marginBottom_5:e})},min:0,max:100,step:1})),"5"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:Y,onChange:function(e){o.setAttributes({borderStyle_5: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 Left Size"),value:X,onChange:function(e){return o.setAttributes({borderLeftSize_5:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Bottom Size"),value:ee,onChange:function(e){return o.setAttributes({borderBottomSize_5:e})},min:0,max:20,step:1})),"5"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:te,onChange:function(e){return o.setAttributes({paddingLeftRight_5:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:oe,onChange:function(e){return o.setAttributes({paddingTopBottom_5:e})},min:0,max:100,step:1})),"5"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:ne,onChange:function(e){return o.setAttributes({textColor_5:e})},label:__("Text Color")},{value:le,onChange:function(e){return o.setAttributes({bgColor_5:e})},label:__("Background Color")},{value:ae,onChange:function(e){return o.setAttributes({borderLeftColor_5:e})},label:__("Border Left Color")},{value:re,onChange:function(e){return o.setAttributes({borderBottomColor_5:e})},label:__("Border Bottom Color")}]}),"6"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:ie,onChange:function(e){return o.setAttributes({marginTop_6:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:ce,onChange:function(e){return o.setAttributes({marginBottom_6:e})},min:0,max:100,step:1})),"6"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:ue,onChange:function(e){return o.setAttributes({paddingLeftRight_6:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:be,onChange:function(e){return o.setAttributes({paddingTopBottom_6:e})},min:0,max:100,step:1})),"6"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:ge,onChange:function(e){return o.setAttributes({textColor_6:e})},label:__("Text Color")},{value:pe,onChange:function(e){return o.setAttributes({bgColor_6:e})},label:__("Background Color")},{value:de,onChange:function(e){return o.setAttributes({borderColor_6:e})},label:__("Border Color")}]}),"7"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:me,onChange:function(e){return o.setAttributes({marginTop_7:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:se,onChange:function(e){return o.setAttributes({marginBottom_7:e})},min:0,max:100,step:1})),"7"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:_e,onChange:function(e){o.setAttributes({borderStyle_7: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:ke,onChange:function(e){return o.setAttributes({borderSize_7:e})},min:0,max:20,step:1})),"7"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:Ce,onChange:function(e){return o.setAttributes({paddingLeftRight_7:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:xe,onChange:function(e){return o.setAttributes({paddingTopBottom_7:e})},min:0,max:100,step:1})),"7"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:Re,onChange:function(e){return o.setAttributes({textColor_7:e})},label:__("Text Color")},{value:he,onChange:function(e){return o.setAttributes({bgColor_7:e})},label:__("Background Color")},{value:we,onChange:function(e){return o.setAttributes({borderColor_7:e})},label:__("Border Color")}]})),"1"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-1 wp-block-ug-list-block-1-"+l},React.createElement("style",null,".wp-block-ug-list-block-1-"+l+" ul,\n          .wp-block-ug-list-block-1-"+l+" ol {\n            background-color: "+C+";\n            color: "+f+";\n            font-size: "+c+"px;\n            border: "+m+"px "+d+" "+x+";\n            border-radius: "+s+"px;\n            padding: "+k+"px "+_+"px !important;\n            text-align: "+u+";\n          }"),React.createElement(RichText,{multiline:"li",tagName:r,placeholder:__("List Text"),className:"wp-block-ug_list_icon_"+b,onChange:function(e){return o.setAttributes({listText:e})},value:i,formattingControls:["bold","italic","strikethrough","link"]})),"2"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-2 wp-block-ug-list-block-2-"+l},React.createElement("style",null,".wp-block-ug-list-block-2-"+l+" ul,\n          .wp-block-ug-list-block-2-"+l+" ol {\n            background-color: "+S+";\n            color: "+y+";\n            font-size: "+c+"px !important;\n            border-top: "+B+"px "+w+" "+A+";\n            border-bottom: "+B+"px "+w+" "+A+";\n            padding: "+T+"px "+E+"px !important;\n            text-align: "+u+";\n          }"),React.createElement(RichText,{multiline:"li",tagName:r,placeholder:__("List Text"),className:"wp-block-ug_list_icon_"+b,onChange:function(e){return o.setAttributes({listText:e})},value:i,formattingControls:["bold","italic","strikethrough","link"]})),"3"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-3 wp-block-ug-list-block-3-"+l},React.createElement("style",null,".wp-block-ug-list-block-3-"+l+" ul,\n          .wp-block-ug-list-block-4-"+l+" ol {\n            background-color: "+F+";\n            color: "+I+";\n            font-size: "+c+"px !important;\n            border: "+N+"px "+z+" "+U+";\n            border-radius: "+L+"px;\n            box-shadow: 0px 0px 0px 10px "+F+";\n            padding: "+$+"px "+M+"px !important;\n            text-align: "+u+";\n          }"),React.createElement(RichText,{multiline:"li",tagName:r,placeholder:__("List Text"),className:"wp-block-ug_list_icon_"+b,onChange:function(e){return o.setAttributes({listText:e})},value:i,formattingControls:["bold","italic","strikethrough","link"]})),"4"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-4 wp-block-ug-list-block-4-"+l},React.createElement("style",null,".wp-block-ug-list-block-4-"+l+" ul,\n          .wp-block-ug-list-block-4-"+l+" ol {\n            background-color: "+j+";\n            color: "+J+";\n            font-size: "+c+"px;\n            border-left: "+O+"px "+H+" "+Z+";\n            padding: "+K+"px "+Q+"px !important;\n            text-align: "+u+";\n          }"),React.createElement(RichText,{multiline:"li",tagName:r,placeholder:__("List Text"),className:"wp-block-ug_list_icon_"+b,onChange:function(e){return o.setAttributes({listText:e})},value:i,formattingControls:["bold","italic","strikethrough","link"]})),"5"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-5 wp-block-ug-list-block-5-"+l},React.createElement("style",null,".wp-block-ug-list-block-5-"+l+" ul,\n            .wp-block-ug-list-block-5-"+l+" ol {\n              margin-top: "+V+"px;\n              margin-bottom: "+W+"px;\n              color: "+ne+";\n              font-size: "+c+"px !important;\n              text-align: "+u+";\n            }",".wp-block-ug-list-block-5-"+l+" li {\n              background-color: "+le+";\n              color: "+ne+";\n              font-size: "+c+"px !important;\n              border-left: "+X+"px "+Y+" "+ae+";\n              border-bottom: "+ee+"px "+Y+" "+re+";\n              padding: "+oe+"px "+te+"px !important;\n            }"),React.createElement(RichText,{multiline:"li",tagName:r,placeholder:__("List Text"),className:"wp-block-ug_list_icon_"+b,onChange:function(e){return o.setAttributes({listText:e})},value:i,formattingControls:["bold","italic","strikethrough","link"]})),"6"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-6 wp-block-ug-list-block-6-"+l},React.createElement("style",null,".wp-block-ug-list-block-6-"+l+" ul,\n            .wp-block-ug-list-block-6-"+l+" ol {\n              margin-top: "+ie+"px;\n              margin-bottom: "+ce+"px;\n            }",".wp-block-ug-list-block-6-"+l+" li {\n              border-left: 35px solid "+de+";\n              background-color: "+pe+";\n              color: "+ge+";\n              font-size: "+c+"px !important;\n              padding: "+be+"px "+ue+"px !important;\n            }"),React.createElement(RichText,{multiline:"li",tagName:r,placeholder:__("List Text"),className:"wp-block-ug_list_icon_"+b,onChange:function(e){return o.setAttributes({listText:e})},value:i,formattingControls:["bold","italic","strikethrough","link"]})),"7"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-7 wp-block-ug-list-block-7-"+l},React.createElement("style",null,".wp-block-ug-list-block-7-"+l+" ul,\n             .wp-block-ug-list-block-7-"+l+" ol {\n              margin-top: "+me+"px;\n              margin-bottom: "+se+"px;\n              color: "+Re+";\n              font-size: "+c+"px !important;\n              text-align: "+u+";\n            }",".wp-block-ug-list-block-7-"+l+" li {\n              background-color: "+he+";\n              color: "+Re+";\n              border-radius: "+fe+"px;\n              font-size: "+c+"px !important;\n              border: "+ke+"px "+_e+" "+we+";\n              border-radius: "+fe+"px 0 0 "+fe+"px;\n              padding: "+xe+"px "+Ce+"px !important;\n            }"),React.createElement(RichText,{multiline:"li",tagName:r,placeholder:__("List Text"),className:"wp-block-ug_list_icon_"+b,onChange:function(e){return o.setAttributes({listText:e})},value:i,formattingControls:["bold","italic","strikethrough","link"]}))]}),save:function(e){var t=e.attributes,o=t.id,n=t.pattern,l=t.listTag,a=t.listText,r=t.textSize,i=t.align,c=t.icon,u=t.marginTop_1,b=t.marginBottom_1,g=t.borderStyle_1,p=t.borderSize_1,d=t.borderRadius_1,m=t.paddingLeftRight_1,s=t.paddingTopBottom_1,_=t.textColor_1,k=t.bgColor_1,f=t.borderColor_1,C=t.marginTop_2,x=t.marginBottom_2,R=t.borderStyle_2,h=t.borderSize_2,w=(t.borderRadius_2,t.paddingLeftRight_2),B=t.paddingTopBottom_2,v=t.textColor_2,E=t.bgColor_2,T=t.borderColor_2,y=t.marginTop_3,S=t.marginBottom_3,A=t.borderStyle_3,P=t.borderSize_3,q=t.borderRadius_3,z=t.paddingLeftRight_3,N=t.paddingTopBottom_3,L=t.textColor_3,M=t.bgColor_3,$=t.borderColor_3,I=t.marginTop_4,F=t.marginBottom_4,U=t.borderStyle_4,G=t.borderSize_4,D=t.paddingLeftRight_4,H=t.paddingTopBottom_4,O=t.textColor_4,Q=t.bgColor_4,K=t.borderColor_4,J=t.marginTop_5,j=t.marginBottom_5,Z=t.borderStyle_5,V=t.borderLeftSize_5,W=t.borderBottomSize_5,Y=t.paddingLeftRight_5,X=t.paddingTopBottom_5,ee=t.textColor_5,te=t.bgColor_5,oe=t.borderLeftColor_5,ne=t.borderBottomColor_5,le=t.marginTop_6,ae=t.marginBottom_6,re=t.paddingLeftRight_6,ie=t.paddingTopBottom_6,ce=t.textColor_6,ue=t.bgColor_6,be=t.borderColor_6,ge=t.marginTop_7,pe=t.marginBottom_7,de=t.borderStyle_7,me=t.borderSize_7,se=t.borderRadius_7,_e=t.paddingLeftRight_7,ke=t.paddingTopBottom_7,fe=t.textColor_7,Ce=t.bgColor_7,xe=t.borderColor_7;return t.borderBottomColor_7,"1"==n?React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-1 wp-block-ug-list-block-1-"+o},React.createElement("style",null,".wp-block-ug-list-block-1-"+o+" ul,\n           .wp-block-ug-list-block-1-"+o+" ol {\n            margin-top: "+u+"px;\n            margin-bottom: "+b+"px;\n            background-color: "+k+";\n            color: "+_+";\n            font-size: "+r+"px !important;\n            border: "+p+"px "+g+" "+f+";\n            border-radius: "+d+"px;\n            padding: "+s+"px "+m+"px !important;\n            text-align: "+i+";\n          }"),React.createElement(RichText.Content,{tagName:l,className:"wp-block-ug_list_icon_"+c,value:a})):"2"==n?React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-2 wp-block-ug-list-block-2-"+o},React.createElement("style",null,".wp-block-ug-list-block-2-"+o+" ul,\n           .wp-block-ug-list-block-2-"+o+" ol {\n             margin-top: "+C+"px;\n             margin-bottom: "+x+"px;\n             background-color: "+E+";\n             color: "+v+";\n             font-size: "+r+"px !important;\n             border-top: "+h+"px "+R+" "+T+";\n             border-bottom: "+h+"px "+R+" "+T+";\n             padding: "+B+"px "+w+"px !important;\n             text-align: "+i+";\n           }"),React.createElement(RichText.Content,{tagName:l,value:a,className:"wp-block-ug_list_icon_"+c})):"3"==n?React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-3 wp-block-ug-list-block-3-"+o},React.createElement("style",null,".wp-block-ug-list-block-3-"+o+" ul,\n            .wp-block-ug-list-block-3-"+o+" ol {\n              margin-top: "+y+"px;\n              margin-bottom: "+S+"px;\n              background-color: "+M+";\n              color: "+L+";\n              font-size: "+r+"px !important;\n              border: "+P+"px "+A+" "+$+";\n              border-radius: "+q+"px;\n              box-shadow: 0px 0px 0px 10px "+M+";\n              padding: "+N+"px "+z+"px !important;\n              text-align: "+i+";\n            }"),React.createElement(RichText.Content,{tagName:l,value:a,className:"wp-block-ug_list_icon_"+c})):"4"==n?React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-4 wp-block-ug-list-block-4-"+o},React.createElement("style",null,".wp-block-ug-list-block-4-"+o+" ul,\n             .wp-block-ug-list-block-4-"+o+" ol {\n              margin-top: "+I+"px;\n              margin-bottom: "+F+"px;\n              background-color: "+Q+";\n              color: "+O+";\n              font-size: "+r+"px;\n              border-left: "+G+"px "+U+" "+K+";\n              padding: "+H+"px "+D+"px !important;\n              text-align: "+i+";\n            }"),React.createElement(RichText.Content,{tagName:l,className:"wp-block-ug_list_icon_"+c,value:a})):"5"==n?React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-5 wp-block-ug-list-block-5-"+o},React.createElement("style",null,".wp-block-ug-list-block-5-"+o+" ul,\n                .wp-block-ug-list-block-5-"+o+" ol {\n                 margin-top: "+J+"px;\n                 margin-bottom: "+j+"px;\n                 color: "+ee+";\n                 font-size: "+r+"px !important;\n                 text-align: "+i+";\n               }",".wp-block-ug-list-block-5-"+o+" li {\n                 background-color: "+te+";\n                 color: "+ee+";\n                 font-size: "+r+"px !important;\n                 border-left: "+V+"px "+Z+" "+oe+";\n                 border-bottom: "+W+"px "+Z+" "+ne+";\n                 padding: "+X+"px "+Y+"px !important;\n               }"),React.createElement(RichText.Content,{tagName:l,value:a,className:"wp-block-ug_list_icon_"+c})):"6"==n?React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-6 wp-block-ug-list-block-6-"+o},React.createElement("style",null,".wp-block-ug-list-block-6-"+o+" ul,\n                 .wp-block-ug-list-block-6-"+o+" ol {\n                  margin-top: "+le+"px;\n                  margin-bottom: "+ae+"px;\n                }",".wp-block-ug-list-block-6-"+o+" li::before {\n                  margin-right: 8px !important;\n                }",".wp-block-ug-list-block-6-"+o+" li {\n                  background-color: "+ue+";\n                  color: "+ce+";\n                  border-left: 35px solid "+be+";\n                  font-size: "+r+"px !important;\n                  padding: "+ie+"px "+re+"px !important;\n                }"),React.createElement(RichText.Content,{tagName:l,value:a,className:"wp-block-ug_list_icon_"+c})):"7"==n?React.createElement("div",{key:"editable",className:"wp-block-ug-list-common wp-block-ug-list-block-7 wp-block-ug-list-block-7-"+o},React.createElement("style",null,".wp-block-ug-list-block-7-"+o+" ul,\n              .wp-block-ug-list-block-7-"+o+" ol {\n               margin-top: "+ge+"px;\n               margin-bottom: "+pe+"px;\n               color: "+fe+";\n               font-size: "+r+"px !important;\n               text-align: "+i+";\n             }",".wp-block-ug-list-block-7-"+o+" li {\n               background-color: "+Ce+";\n               color: "+fe+";\n               font-size: "+r+"px !important;\n               border: "+me+"px "+de+" "+xe+";\n               border-radius: "+se+"px 0 0 "+se+"px;\n               padding: "+ke+"px "+_e+"px !important;\n             }"),React.createElement(RichText.Content,{tagName:l,value:a,className:"wp-block-ug_list_icon_"+c})):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:{default:"1"},boxText:{type:"children",selector:".wp-block-ug-box-block-text"},align:{default:"left"},textSize:{default:"16"},marginTop_1:{default:"0"},marginBottom_1:{default:"20"},borderStyle_1:{default:"solid"},borderSize_1:{default:"3"},borderRadius_1:{default:"0"},paddingLeftRight_1:{default:"20"},paddingTopBottom_1:{default:"10"},textColor_1:{default:"#545454"},bgColor_1:{default:"#f5f5f5"},borderColor_1:{default:"#545454"},marginTop_2:{default:"0"},marginBottom_2:{default:"20"},borderStyle_2:{default:"solid"},borderSize_2:{default:"3"},paddingLeftRight_2:{default:"20"},paddingTopBottom_2:{default:"10"},textColor_2:{default:"#545454"},bgColor_2:{default:"#f5f5f5"},borderColor_2:{default:"#545454"},marginTop_3:{default:"0"},marginBottom_3:{default:"20"},borderStyle_3:{default:"solid"},borderSize_3:{default:"3"},paddingLeftRight_3:{default:"20"},paddingTopBottom_3:{default:"10"},textColor_3:{default:"#545454"},bgColor_3:{default:"#f5f5f5"},borderColor_3:{default:"#545454"},marginTop_4:{default:"0"},marginBottom_4:{default:"20"},paddingLeftRight_4:{default:"20"},paddingTopBottom_4:{default:"10"},textColor_4:{default:"#545454"},bgColor_4:{default:"#f5f5f5"},marginTop_5:{default:"0"},marginBottom_5:{default:"20"},borderStyle_5:{default:"solid"},borderSize_5:{default:"7"},paddingLeftRight_5:{default:"20"},paddingTopBottom_5:{default:"10"},textColor_5:{default:"#545454"},bgColor_5:{default:"#f5f5f5"},borderColor_5:{default:"#545454"},marginTop_6:{default:"0"},marginBottom_6:{default:"20"},borderStyle_6:{default:"solid"},borderSize_6:{default:"7"},paddingLeftRight_6:{default:"20"},paddingTopBottom_6:{default:"10"},textColor_6:{default:"#545454"},bgColor_6:{default:"#f5f5f5"},borderColor_6:{default:"#545454"},marginTop_7:{default:"0"},marginBottom_7:{default:"20"},borderStyle_7:{default:"solid"},borderSize_7:{default:"7"},paddingLeftRight_7:{default:"20"},paddingTopBottom_7:{default:"10"},textColor_7:{default:"#545454"},bgColor_7:{default:"#f5f5f5"},borderColor_7:{default:"#545454"},marginTop_8:{default:"0"},marginBottom_8:{default:"20"},borderStyle_8:{default:"solid"},borderSize_8:{default:"7"},paddingLeftRight_8:{default:"20"},paddingTopBottom_8:{default:"10"},textColor_8:{default:"#545454"},bgColor_8:{default:"#f5f5f5"},borderColor_8:{default:"#545454"},marginTop_9:{default:"0"},marginBottom_9:{default:"20"},borderStyle_9:{default:"solid"},borderSize_9:{default:"6"},borderRadius_9:{default:"9"},paddingLeftRight_9:{default:"20"},paddingTopBottom_9:{default:"10"},textColor_9:{default:"#ffffff"},bgColor_9:{default:"#545454"},borderColor_9:{default:"#cccccc"},marginTop_10:{default:"0"},marginBottom_10:{default:"20"},borderStyle_10:{default:"dashed"},borderSize_10:{default:"1"},borderRadius_10:{default:"9"},paddingLeftRight_10:{default:"20"},paddingTopBottom_10:{default:"10"},textColor_10:{default:"#ffffff"},bgColor_10:{default:"#545454"},borderColor_10:{default:"#ffffff"}},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_1,b=n.marginBottom_1,g=n.borderStyle_1,p=n.borderSize_1,d=n.borderRadius_1,m=n.paddingLeftRight_1,s=n.paddingTopBottom_1,_=n.textColor_1,k=n.bgColor_1,f=n.borderColor_1,C=n.marginTop_2,x=n.marginBottom_2,R=n.borderStyle_2,h=n.borderSize_2,w=n.paddingLeftRight_2,B=n.paddingTopBottom_2,v=n.textColor_2,E=n.bgColor_2,T=n.borderColor_2,y=n.marginTop_3,S=n.marginBottom_3,A=n.borderStyle_3,P=n.borderSize_3,q=n.paddingLeftRight_3,z=n.paddingTopBottom_3,N=n.textColor_3,L=n.bgColor_3,M=n.borderColor_3,$=n.marginTop_4,I=n.marginBottom_4,F=n.paddingLeftRight_4,U=n.paddingTopBottom_4,G=n.textColor_4,D=n.bgColor_4,H=n.marginTop_5,O=n.marginBottom_5,Q=n.borderStyle_5,K=n.borderSize_5,J=n.paddingLeftRight_5,j=n.paddingTopBottom_5,Z=n.textColor_5,V=n.bgColor_5,W=n.borderColor_5,Y=n.marginTop_6,X=n.marginBottom_6,ee=n.borderStyle_6,te=n.borderSize_6,oe=n.paddingLeftRight_6,ne=n.paddingTopBottom_6,le=n.textColor_6,ae=n.bgColor_6,re=n.borderColor_6,ie=n.marginTop_7,ce=n.marginBottom_7,ue=n.borderStyle_7,be=n.borderSize_7,ge=n.paddingLeftRight_7,pe=n.paddingTopBottom_7,de=n.textColor_7,me=n.bgColor_7,se=n.borderColor_7,_e=n.marginTop_8,ke=n.marginBottom_8,fe=n.borderStyle_8,Ce=n.borderSize_8,xe=n.paddingLeftRight_8,Re=n.paddingTopBottom_8,he=n.textColor_8,we=n.bgColor_8,Be=n.borderColor_8,ve=n.marginTop_9,Ee=n.marginBottom_9,Te=n.borderStyle_9,ye=n.borderSize_9,Se=n.borderRadius_9,Ae=n.paddingLeftRight_9,Pe=n.paddingTopBottom_9,qe=n.textColor_9,ze=n.bgColor_9,Ne=n.borderColor_9,Le=n.marginTop_10,Me=n.marginBottom_10,$e=n.borderStyle_10,Ie=n.borderSize_10,Fe=n.borderRadius_10,Ue=n.paddingLeftRight_10,Ge=n.paddingTopBottom_10,De=n.textColor_10,He=n.bgColor_10,Oe=n.borderColor_10;return l!==o&&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(BaseControl,{label:__("Select Pattern")},React.createElement(ButtonGroup,{"aria-label":__("Select Pattern")},React.createElement(Button,{onClick:function(e){t.setAttributes({pattern:"1"})},style:{textAlign:"left"}},React.createElement("div",{className:"wp-block-ug-box-common wp-block-ug-box-block-1 wp-block-ug-box-block-1-35a43194-9136-4d81-b9ed-8044aa4b433d"},React.createElement("style",null,".wp-block-ug-box-block-1-35a43194-9136-4d81-b9ed-8044aa4b433d .wp-block-ug-box-block-text {\n                    margin-top: 0px !important;\n                    margin-bottom: 5px !important;\n                    background-color: #f5f5f5 !important;\n                    color: #545454 !important;\n                    font-size: 8px !important;\n                    border: 3px solid #545454 !important;\n                    border-radius: 0px !important;\n                    padding: 5px 10px !important;\n                    text-align: left !important;\n                    }"),React.createElement("div",{tagName:"div",className:"wp-block-ug-box-block-text"},"It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout."))),React.createElement(Button,{onClick:function(e){t.setAttributes({pattern:"2"})},style:{textAlign:"left"}},React.createElement("div",{className:"wp-block-ug-box-common wp-block-ug-box-block-2 wp-block-ug-box-block-2-35a43194-9136-4d81-b9ed-8044aa4b433d"},React.createElement("style",null,".wp-block-ug-box-block-2-35a43194-9136-4d81-b9ed-8044aa4b433d .wp-block-ug-box-block-text {\n                    margin-top: 0px !important;\n                    margin-bottom: 5px !important;\n                    background-color: #f5f5f5 !important;\n                    color: #545454 !important;\n                    font-size: 8px !important;\n                    border-top: 3px solid #545454 !important;\n                    border-bottom: 3px solid #545454 !important;\n                    padding: 5px 10px !important;\n                    text-align: left !important;\n                    }"),React.createElement("div",{tagName:"div",className:"wp-block-ug-box-block-text"},"It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout."))),React.createElement(Button,{onClick:function(e){t.setAttributes({pattern:"3"})},style:{textAlign:"left"}},React.createElement("div",{className:"wp-block-ug-box-common wp-block-ug-box-block-3 wp-block-ug-box-block-3-35a43194-9136-4d81-b9ed-8044aa4b433d"},React.createElement("style",null,".wp-block-ug-box-block-3-35a43194-9136-4d81-b9ed-8044aa4b433d .wp-block-ug-box-block-text {\n                    margin-top: 0px !important;\n                    margin-bottom: 5px !important;\n                    background-color: #f5f5f5 !important;\n                    color: #545454 !important;\n                    font-size: 8px !important;\n                    border-left: 3px solid #545454 !important;\n                    padding: 5px 10px !important;\n                    text-align: left !important;\n                    }"),React.createElement("div",{tagName:"div",className:"wp-block-ug-box-block-text"},"It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.")))))),React.createElement(PanelBody,{title:__("Common Settings")},React.createElement(RangeControl,{label:__("Text Size"),value:c,onChange:function(e){return t.setAttributes({textSize:e})},min:0,max:100,step:1})),"1"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:u,onChange:function(e){return t.setAttributes({marginTop_1:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:b,onChange:function(e){return t.setAttributes({marginBottom_1:e})},min:0,max:100,step:1})),"1"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:g,onChange:function(e){t.setAttributes({borderStyle_1: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_1:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:d,onChange:function(e){return t.setAttributes({borderRadius_1:e})},min:0,max:20,step:1})),"1"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:m,onChange:function(e){return t.setAttributes({paddingLeftRight_1:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:s,onChange:function(e){return t.setAttributes({paddingTopBottom_1:e})},min:0,max:100,step:1})),"1"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:_,onChange:function(e){return t.setAttributes({textColor_1:e})},label:__("Text Color")},{value:k,onChange:function(e){return t.setAttributes({bgColor_1:e})},label:__("Background Color")},{value:f,onChange:function(e){return t.setAttributes({borderColor_1:e})},label:__("Border Color")}]}),"2"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:C,onChange:function(e){return t.setAttributes({marginTop_2:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:x,onChange:function(e){return t.setAttributes({marginBottom_2:e})},min:0,max:100,step:1})),"2"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:R,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:h,onChange:function(e){return t.setAttributes({borderSize_2:e})},min:0,max:20,step:1})),"2"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:w,onChange:function(e){return t.setAttributes({paddingLeftRight_2:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:B,onChange:function(e){return t.setAttributes({paddingTopBottom_2:e})},min:0,max:100,step:1})),"2"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:v,onChange:function(e){return t.setAttributes({textColor_2:e})},label:__("Text Color")},{value:E,onChange:function(e){return t.setAttributes({bgColor_2:e})},label:__("Background Color")},{value:T,onChange:function(e){return t.setAttributes({borderColor_2:e})},label:__("Border Color")}]}),"3"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:y,onChange:function(e){return t.setAttributes({marginTop_3:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:S,onChange:function(e){return t.setAttributes({marginBottom_3:e})},min:0,max:100,step:1})),"3"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:A,onChange:function(e){t.setAttributes({borderStyle_3: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_3:e})},min:0,max:20,step:1})),"3"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:q,onChange:function(e){return t.setAttributes({paddingLeftRight_3:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:z,onChange:function(e){return t.setAttributes({paddingTopBottom_3:e})},min:0,max:100,step:1})),"3"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:N,onChange:function(e){return t.setAttributes({textColor_3:e})},label:__("Text Color")},{value:L,onChange:function(e){return t.setAttributes({bgColor_3:e})},label:__("Background Color")},{value:M,onChange:function(e){return t.setAttributes({borderColor_3:e})},label:__("Border Color")}]}),"4"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:$,onChange:function(e){return t.setAttributes({marginTop_4:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:I,onChange:function(e){return t.setAttributes({marginBottom_4:e})},min:0,max:100,step:1})),"4"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:F,onChange:function(e){return t.setAttributes({paddingLeftRight_4:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:U,onChange:function(e){return t.setAttributes({paddingTopBottom_4:e})},min:0,max:100,step:1})),"4"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:G,onChange:function(e){return t.setAttributes({textColor_4:e})},label:__("Text Color")},{value:D,onChange:function(e){return t.setAttributes({bgColor_4:e})},label:__("Background Color")}]}),"5"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:H,onChange:function(e){return t.setAttributes({marginTop_5:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:O,onChange:function(e){return t.setAttributes({marginBottom_5:e})},min:0,max:100,step:1})),"5"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:Q,onChange:function(e){t.setAttributes({borderStyle_5: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_5:e})},min:0,max:20,step:1})),"5"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:J,onChange:function(e){return t.setAttributes({paddingLeftRight_5:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:j,onChange:function(e){return t.setAttributes({paddingTopBottom_5:e})},min:0,max:100,step:1})),"5"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:Z,onChange:function(e){return t.setAttributes({textColor_5:e})},label:__("Text Color")},{value:V,onChange:function(e){return t.setAttributes({bgColor_5:e})},label:__("Background Color")},{value:W,onChange:function(e){return t.setAttributes({borderColor_5:e})},label:__("Border Color")}]}),"6"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:Y,onChange:function(e){return t.setAttributes({marginTop_6:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:X,onChange:function(e){return t.setAttributes({marginBottom_6:e})},min:0,max:100,step:1})),"6"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:ee,onChange:function(e){t.setAttributes({borderStyle_6: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:te,onChange:function(e){return t.setAttributes({borderSize_6:e})},min:0,max:20,step:1})),"6"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:oe,onChange:function(e){return t.setAttributes({paddingLeftRight_6:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:ne,onChange:function(e){return t.setAttributes({paddingTopBottom_6:e})},min:0,max:100,step:1})),"6"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:le,onChange:function(e){return t.setAttributes({textColor_6:e})},label:__("Text Color")},{value:ae,onChange:function(e){return t.setAttributes({bgColor_6:e})},label:__("Background Color")},{value:re,onChange:function(e){return t.setAttributes({borderColor_6:e})},label:__("Border Color")}]}),"7"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:ie,onChange:function(e){return t.setAttributes({marginTop_7:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:ce,onChange:function(e){return t.setAttributes({marginBottom_7:e})},min:0,max:100,step:1})),"7"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:ue,onChange:function(e){t.setAttributes({borderStyle_7: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:be,onChange:function(e){return t.setAttributes({borderSize_7:e})},min:0,max:20,step:1})),"7"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:ge,onChange:function(e){return t.setAttributes({paddingLeftRight_7:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:pe,onChange:function(e){return t.setAttributes({paddingTopBottom_7:e})},min:0,max:100,step:1})),"7"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:de,onChange:function(e){return t.setAttributes({textColor_7:e})},label:__("Text Color")},{value:me,onChange:function(e){return t.setAttributes({bgColor_7:e})},label:__("Background Color")},{value:se,onChange:function(e){return t.setAttributes({borderColor_7:e})},label:__("Border Color")}]}),"8"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:_e,onChange:function(e){return t.setAttributes({marginTop_8:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:ke,onChange:function(e){return t.setAttributes({marginBottom_8:e})},min:0,max:100,step:1})),"8"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:fe,onChange:function(e){t.setAttributes({borderStyle_8: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:Ce,onChange:function(e){return t.setAttributes({borderSize_8:e})},min:0,max:20,step:1})),"8"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:xe,onChange:function(e){return t.setAttributes({paddingLeftRight_8:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:Re,onChange:function(e){return t.setAttributes({paddingTopBottom_8:e})},min:0,max:100,step:1})),"8"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:he,onChange:function(e){return t.setAttributes({textColor_8:e})},label:__("Text Color")},{value:we,onChange:function(e){return t.setAttributes({bgColor_8:e})},label:__("Background Color")},{value:Be,onChange:function(e){return t.setAttributes({borderColor_8:e})},label:__("Border Color")}]}),"9"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:ve,onChange:function(e){return t.setAttributes({marginTop_9:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:Ee,onChange:function(e){return t.setAttributes({marginBottom_9:e})},min:0,max:100,step:1})),"9"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:Te,onChange:function(e){t.setAttributes({borderStyle_9: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:ye,onChange:function(e){return t.setAttributes({borderSize_9:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:Se,onChange:function(e){return t.setAttributes({borderRadius_9:e})},min:0,max:20,step:1})),"9"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:Ae,onChange:function(e){return t.setAttributes({paddingLeftRight_9:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:Pe,onChange:function(e){return t.setAttributes({paddingTopBottom_9:e})},min:0,max:100,step:1})),"9"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:qe,onChange:function(e){return t.setAttributes({textColor_9:e})},label:__("Text Color")},{value:ze,onChange:function(e){return t.setAttributes({bgColor_9:e})},label:__("Background Color")},{value:Ne,onChange:function(e){return t.setAttributes({borderColor_9:e})},label:__("Border Color")}]}),"10"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:Le,onChange:function(e){return t.setAttributes({marginTop_10:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:Me,onChange:function(e){return t.setAttributes({marginBottom_10:e})},min:0,max:100,step:1})),"10"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:$e,onChange:function(e){t.setAttributes({borderStyle_10: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:Ie,onChange:function(e){return t.setAttributes({borderSize_10:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:Fe,onChange:function(e){return t.setAttributes({borderRadius_10:e})},min:0,max:20,step:1})),"10"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:Ue,onChange:function(e){return t.setAttributes({paddingLeftRight_10:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:Ge,onChange:function(e){return t.setAttributes({paddingTopBottom_10:e})},min:0,max:100,step:1})),"10"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:De,onChange:function(e){return t.setAttributes({textColor_10:e})},label:__("Text Color")},{value:He,onChange:function(e){return t.setAttributes({bgColor_10:e})},label:__("Background Color")},{value:Oe,onChange:function(e){return t.setAttributes({borderColor_10:e})},label:__("Border Color")}]})),"1"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-box-block-1 wp-block-ug-box-common wp-block-ug-box-block-1-"+l},React.createElement("style",null,".wp-block-ug-box-block-1-"+l+" .wp-block-ug-box-block-text {\n            background-color: "+k+" !important;\n            color: "+_+" !important;\n            font-size: "+c+"px !important;\n            border: "+p+"px "+g+" "+f+" !important;\n            border-radius: "+d+"px !important;\n            padding: "+s+"px "+m+"px !important;\n            text-align: "+i+" !important;\n            }"),React.createElement(RichText,{tagName:"div",placeholder:__("Box Text"),className:"wp-block-ug-box-block-text",onChange:function(e){return t.setAttributes({boxText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"]})),"2"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-box-block-2 wp-block-ug-box-common wp-block-ug-box-block-2-"+l},React.createElement("style",null,".wp-block-ug-box-block-2-"+l+" .wp-block-ug-box-block-text {\n            background-color: "+E+" !important;\n            color: "+v+" !important;\n            font-size: "+c+"px !important;\n            border-top: "+h+"px "+R+" "+T+" !important;\n            border-bottom: "+h+"px "+R+" "+T+" !important;\n            padding: "+B+"px "+w+"px !important;\n            text-align: "+i+" !important;\n            }"),React.createElement(RichText,{tagName:"div",placeholder:__("Box Text"),className:"wp-block-ug-box-block-text",onChange:function(e){return t.setAttributes({boxText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"]})),"3"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-box-block-3 wp-block-ug-box-common wp-block-ug-box-block-3-"+l},React.createElement("style",null,".wp-block-ug-box-block-3-"+l+" .wp-block-ug-box-block-text {\n            background-color: "+L+" !important;\n            color: "+N+" !important;\n            font-size: "+c+"px !important;\n            border-left: "+P+"px "+A+" "+M+" !important;\n            padding: "+z+"px "+q+"px !important;\n            text-align: "+i+" !important;\n            }"),React.createElement(RichText,{tagName:"div",placeholder:__("Box Text"),className:"wp-block-ug-box-block-text",onChange:function(e){return t.setAttributes({boxText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"]})),"4"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-box-block-4 wp-block-ug-box-common wp-block-ug-box-block-4-"+l},React.createElement("style",null,".wp-block-ug-box-block-4-"+l+" .wp-block-ug-box-block-text {\n            background-color: "+D+" !important;\n            color: "+G+" !important;\n            font-size: "+c+"px !important;\n            padding: "+U+"px "+F+"px !important;\n            text-align: "+i+" !important;\n            }"),React.createElement(RichText,{tagName:"div",placeholder:__("Box Text"),className:"wp-block-ug-box-block-text",onChange:function(e){return t.setAttributes({boxText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"]})),"5"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-box-block-5 wp-block-ug-box-common wp-block-ug-box-block-5-"+l},React.createElement("style",null,".wp-block-ug-box-block-5-"+l+" .wp-block-ug-box-block-text {\n            background-color: "+V+" !important;\n            color: "+Z+" !important;\n            font-size: "+c+"px !important;\n            border-left: "+K+"px "+Q+" "+W+" !important;\n            border-right: "+K+"px "+Q+" "+W+" !important;\n            padding: "+j+"px "+J+"px !important;\n            text-align: "+i+" !important;\n            }"),React.createElement(RichText,{tagName:"div",placeholder:__("Box Text"),className:"wp-block-ug-box-block-text",onChange:function(e){return t.setAttributes({boxText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"]})),"6"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-box-block-6 wp-block-ug-box-common wp-block-ug-box-block-6-"+l},React.createElement("style",null,".wp-block-ug-box-block-6-"+l+" .wp-block-ug-box-block-text {\n            background-color: "+ae+" !important;\n            color: "+le+" !important;\n            font-size: "+c+"px !important;\n            border-top: "+te+"px "+ee+" "+re+" !important;\n            padding: "+ne+"px "+oe+"px !important;\n            text-align: "+i+" !important;\n            }"),React.createElement(RichText,{tagName:"div",placeholder:__("Box Text"),className:"wp-block-ug-box-block-text",onChange:function(e){return t.setAttributes({boxText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"]})),"7"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-box-block-7 wp-block-ug-box-common wp-block-ug-box-block-7-"+l},React.createElement("style",null,".wp-block-ug-box-block-7-"+l+" .wp-block-ug-box-block-text {\n            background-color: "+me+" !important;\n            color: "+de+" !important;\n            font-size: "+c+"px !important;\n            border-left: "+be+"px "+ue+" "+se+" !important;\n            padding: "+pe+"px "+ge+"px !important;\n            text-align: "+i+" !important;\n            }"),React.createElement(RichText,{tagName:"div",placeholder:__("Box Text"),className:"wp-block-ug-box-block-text",onChange:function(e){return t.setAttributes({boxText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"]})),"8"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-box-block-8 wp-block-ug-box-common wp-block-ug-box-block-8-"+l},React.createElement("style",null,".wp-block-ug-box-block-8-"+l+" .wp-block-ug-box-block-text {\n            background-color: "+we+" !important;\n            color: "+he+" !important;\n            font-size: "+c+"px !important;\n            border-top: "+Ce+"px "+fe+" "+Be+" !important;\n            padding: "+Re+"px "+xe+"px !important;\n            text-align: "+i+" !important;\n            }"),React.createElement(RichText,{tagName:"div",placeholder:__("Box Text"),className:"wp-block-ug-box-block-text",onChange:function(e){return t.setAttributes({boxText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"]})),"9"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-box-block-9 wp-block-ug-box-common wp-block-ug-box-block-9-"+l},React.createElement("style",null,".wp-block-ug-box-block-9-"+l+" .wp-block-ug-box-block-text {\n            background-color: "+ze+" !important;\n            color: "+qe+" !important;\n            font-size: "+c+"px !important;\n            border-bottom: "+ye+"px "+Te+" "+Ne+" !important;\n            border-radius: "+Se+"px !important;\n            padding: "+Pe+"px "+Ae+"px !important;\n            text-align: "+i+" !important;\n            }"),React.createElement(RichText,{tagName:"div",placeholder:__("Box Text"),className:"wp-block-ug-box-block-text",onChange:function(e){return t.setAttributes({boxText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"]})),"10"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-box-block-10 wp-block-ug-box-common wp-block-ug-box-block-10-"+l},React.createElement("style",null,".wp-block-ug-box-block-10-"+l+" .wp-block-ug-box-block-text {\n            background-color: "+He+" !important;\n            color: "+De+" !important;\n            font-size: "+c+"px !important;\n            border: "+Ie+"px "+$e+" "+Oe+" !important;\n            border-radius: "+Fe+"px !important;\n            padding: "+Ge+"px "+Ue+"px !important;\n            text-align: "+i+" !important;\n            box-Shadow: 0px 0px 0px 10px "+He+";\n            }"),React.createElement(RichText,{tagName:"div",placeholder:__("Box Text"),className:"wp-block-ug-box-block-text",onChange:function(e){return t.setAttributes({boxText:e})},value:r,formattingControls:["bold","italic","strikethrough","link"]}))]}),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_1,c=t.marginBottom_1,u=t.borderStyle_1,b=t.borderSize_1,g=t.borderRadius_1,p=t.paddingLeftRight_1,d=t.paddingTopBottom_1,m=t.textColor_1,s=t.bgColor_1,_=t.borderColor_1,k=t.marginTop_2,f=t.marginBottom_2,C=t.borderStyle_2,x=t.borderSize_2,R=t.paddingLeftRight_2,h=t.paddingTopBottom_2,w=t.textColor_2,B=t.bgColor_2,v=t.borderColor_2,E=t.marginTop_3,T=t.marginBottom_3,y=t.borderStyle_3,S=t.borderSize_3,A=t.paddingLeftRight_3,P=t.paddingTopBottom_3,q=t.textColor_3,z=t.bgColor_3,N=t.borderColor_3,L=t.marginTop_4,M=t.marginBottom_4,$=t.paddingLeftRight_4,I=t.paddingTopBottom_4,F=t.textColor_4,U=t.bgColor_4,G=t.marginTop_5,D=t.marginBottom_5,H=t.borderStyle_5,O=t.borderSize_5,Q=t.paddingLeftRight_5,K=t.paddingTopBottom_5,J=t.textColor_5,j=t.bgColor_5,Z=t.borderColor_5,V=t.marginTop_6,W=t.marginBottom_6,Y=t.borderStyle_6,X=t.borderSize_6,ee=t.paddingLeftRight_6,te=t.paddingTopBottom_6,oe=t.textColor_6,ne=t.bgColor_6,le=t.borderColor_6,ae=t.marginTop_7,re=t.marginBottom_7,ie=t.borderStyle_7,ce=t.borderSize_7,ue=t.paddingLeftRight_7,be=t.paddingTopBottom_7,ge=t.textColor_7,pe=t.bgColor_7,de=t.borderColor_7,me=t.marginTop_8,se=t.marginBottom_8,_e=t.borderStyle_8,ke=t.borderSize_8,fe=t.paddingLeftRight_8,Ce=t.paddingTopBottom_8,xe=t.textColor_8,Re=t.bgColor_8,he=t.borderColor_8,we=t.marginTop_9,Be=t.marginBottom_9,ve=t.borderStyle_9,Ee=t.borderSize_9,Te=t.borderRadius_9,ye=t.paddingLeftRight_9,Se=t.paddingTopBottom_9,Ae=t.textColor_9,Pe=t.bgColor_9,qe=t.borderColor_9,ze=t.marginTop_10,Ne=t.marginBottom_10,Le=t.borderStyle_10,Me=t.borderSize_10,$e=t.borderRadius_10,Ie=t.paddingLeftRight_10,Fe=t.paddingTopBottom_10,Ue=t.textColor_10,Ge=t.bgColor_10,De=t.borderColor_10;return"1"==n?React.createElement("div",{className:"wp-block-ug-box-common wp-block-ug-box-block-1 wp-block-ug-box-block-1-"+o},React.createElement("style",null,".wp-block-ug-box-block-1-"+o+" .wp-block-ug-box-block-text {\n            margin-top: "+i+"px !important;\n            margin-bottom: "+c+"px !important;\n            background-color: "+s+" !important;\n            color: "+m+" !important;\n            font-size: "+r+"px !important;\n            border: "+b+"px "+u+" "+_+" !important;\n            border-radius: "+g+"px !important;\n            padding: "+d+"px "+p+"px !important;\n            text-align: "+a+" !important;\n            }"),React.createElement(RichText.Content,{tagName:"div",className:"wp-block-ug-box-block-text",value:l})):"2"==n?React.createElement("div",{className:"wp-block-ug-box-common wp-block-ug-box-block-2 wp-block-ug-box-block-2-"+o},React.createElement("style",null,".wp-block-ug-box-block-2-"+o+" .wp-block-ug-box-block-text {\n            margin-top: "+k+"px !important;\n            margin-bottom: "+f+"px !important;\n            background-color: "+B+" !important;\n            color: "+w+" !important;\n            font-size: "+r+"px !important;\n            border-top: "+x+"px "+C+" "+v+" !important;\n            border-bottom: "+x+"px "+C+" "+v+" !important;\n            padding: "+h+"px "+R+"px !important;\n            text-align: "+a+" !important;\n            "),React.createElement(RichText.Content,{tagName:"div",className:"wp-block-ug-box-block-text",value:l})):"3"==n?React.createElement("div",{className:"wp-block-ug-box-common wp-block-ug-box-block-3 wp-block-ug-box-block-3-"+o},React.createElement("style",null,".wp-block-ug-box-block-3-"+o+" .wp-block-ug-box-block-text {\n             margin-top: "+E+"px !important;\n             margin-bottom: "+T+"px !important;\n             background-color: "+z+" !important;\n             color: "+q+" !important;\n             font-size: "+r+"px !important;\n             border-left: "+S+"px "+y+" "+N+" !important;\n             padding: "+P+"px "+A+"px !important;\n             text-align: "+a+" !important;\n             }"),React.createElement(RichText.Content,{tagName:"div",className:"wp-block-ug-box-block-text",value:l})):"4"==n?React.createElement("div",{className:"wp-block-ug-box-common wp-block-ug-box-block-4 wp-block-ug-box-block-4-"+o},React.createElement("style",null,".wp-block-ug-box-block-4-"+o+" .wp-block-ug-box-block-text {\n             margin-top: "+L+"px !important;\n             margin-bottom: "+M+"px !important;\n             background-color: "+U+" !important;\n             color: "+F+" !important;\n             font-size: "+r+"px !important;\n             padding: "+I+"px "+$+"px !important;\n             text-align: "+a+" !important;\n             }"),React.createElement(RichText.Content,{tagName:"div",className:"wp-block-ug-box-block-text",value:l})):"5"==n?React.createElement("div",{className:"wp-block-ug-box-common wp-block-ug-box-block-5 wp-block-ug-box-block-5-"+o},React.createElement("style",null,".wp-block-ug-box-block-5-"+o+" .wp-block-ug-box-block-text {\n              margin-top: "+G+"px !important;\n              margin-bottom: "+D+"px !important;\n              background-color: "+j+" !important;\n              color: "+J+" !important;\n              font-size: "+r+"px !important;\n              border-left: "+O+"px "+H+" "+Z+" !important;\n              border-right: "+O+"px "+H+" "+Z+" !important;\n              padding: "+K+"px "+Q+"px !important;\n              text-align: "+a+" !important;\n              }"),React.createElement(RichText.Content,{tagName:"div",className:"wp-block-ug-box-block-text",value:l})):"6"==n?React.createElement("div",{className:"wp-block-ug-box-common wp-block-ug-box-block-6 wp-block-ug-box-block-6-"+o},React.createElement("style",null,".wp-block-ug-box-block-6-"+o+" .wp-block-ug-box-block-text {\n             margin-top: "+V+"px !important;\n             margin-bottom: "+W+"px !important;\n             background-color: "+ne+" !important;\n             color: "+oe+" !important;\n             font-size: "+r+"px !important;\n             border-top: "+X+"px "+Y+" "+le+" !important;\n             padding: "+te+"px "+ee+"px !important;\n             text-align: "+a+" !important;\n             }"),React.createElement(RichText.Content,{tagName:"div",className:"wp-block-ug-box-block-text",value:l})):"7"==n?React.createElement("div",{className:"wp-block-ug-box-common wp-block-ug-box-block-7 wp-block-ug-box-block-7-"+o},React.createElement("style",null,".wp-block-ug-box-block-7-"+o+" .wp-block-ug-box-block-text {\n            margin-top: "+ae+"px !important;\n            margin-bottom: "+re+"px !important;\n            background-color: "+pe+" !important;\n            color: "+ge+" !important;\n            font-size: "+r+"px !important;\n            border-left: "+ce+"px "+ie+" "+de+" !important;\n            padding: "+be+"px "+ue+"px !important;\n            text-align: "+a+" !important;\n            }"),React.createElement(RichText.Content,{tagName:"div",className:"wp-block-ug-box-block-text",value:l})):"8"==n?React.createElement("div",{className:"wp-block-ug-box-common wp-block-ug-box-block-8 wp-block-ug-box-block-8-"+o},React.createElement("style",null,".wp-block-ug-box-block-8-"+o+" .wp-block-ug-box-block-text {\n            margin-top: "+me+"px !important;\n            margin-bottom: "+se+"px !important;\n            background-color: "+Re+" !important;\n            color: "+xe+" !important;\n            font-size: "+r+"px !important;\n            border-top: "+ke+"px "+_e+" "+he+" !important;\n            padding: "+Ce+"px "+fe+"px !important;\n            text-align: "+a+" !important;\n            }"),React.createElement(RichText.Content,{tagName:"div",className:"wp-block-ug-box-block-text",value:l})):"9"==n?React.createElement("div",{className:"wp-block-ug-box-common wp-block-ug-box-block-9 wp-block-ug-box-block-9-"+o},React.createElement("style",null,".wp-block-ug-box-block-9-"+o+" .wp-block-ug-box-block-text {\n            margin-top: "+we+"px !important;\n            margin-bottom: "+Be+"px !important;\n            background-color: "+Pe+" !important;\n            color: "+Ae+" !important;\n            font-size: "+r+"px !important;\n            border-bottom: "+Ee+"px "+ve+" "+qe+" !important;\n            border-radius: "+Te+"px !important;\n            padding: "+Se+"px "+ye+"px !important;\n            text-align: "+a+" !important;\n            }"),React.createElement(RichText.Content,{tagName:"div",className:"wp-block-ug-box-block-text",value:l})):"10"==n?React.createElement("div",{className:"wp-block-ug-box-common wp-block-ug-box-block-10 wp-block-ug-box-block-10-"+o},React.createElement("style",null,".wp-block-ug-box-block-10-"+o+" .wp-block-ug-box-block-text {\n            margin-top: "+ze+"px !important;\n            margin-bottom: "+Ne+"px !important;\n            background-color: "+Ge+" !important;\n            color: "+Ue+" !important;\n            font-size: "+r+"px !important;\n            border: "+Me+"px "+Le+" "+De+" !important;\n            border-radius: "+$e+"px !important;\n            padding: "+Fe+"px "+Ie+"px !important;\n            text-align: "+a+" !important;\n            box-Shadow: 0px 0px 0px 10px "+Ge+";\n            }"),React.createElement(RichText.Content,{tagName:"div",className:"wp-block-ug-box-block-text",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:{default:"1"},blockquoteText:{type:"children",selector:".ug-blockquote-text"},blockquoteAuthorText:{type:"children",selector:".ug-blockquote-author-text"},textSize:{default:"16"},align:{default:"left"},authorSize:{default:"16"},marginTop_1:{default:"0"},marginBottom_1:{default:"20"},borderStyle_1:{default:"solid"},borderSize_1:{default:"3"},borderRadius_1:{default:"0"},paddingLeftRight_1:{default:"20"},paddingTopBottom_1:{default:"10"},textColor_1:{default:"#545454"},bgColor_1:{default:"#f5f5f5"},borderColor_1:{default:"#545454"},iconColor_1:{default:"#545454"},marginTop_2:{default:"0"},marginBottom_2:{default:"20"},borderStyle_2:{default:"solid"},borderSize_2:{default:"3"},paddingLeftRight_2:{default:"20"},paddingTopBottom_2:{default:"10"},textColor_2:{default:"#545454"},bgColor_2:{default:"#f5f5f5"},borderColor_2:{default:"#545454"},iconColor_2:{default:"#545454"},marginTop_3:{default:"0"},marginBottom_3:{default:"20"},paddingLeftRight_3:{default:"20"},paddingTopBottom_3:{default:"10"},textColor_3:{default:"#ffffff"},bgColor_3:{default:"#545454"},iconColor_3:{default:"#545454"},marginTop_4:{default:"0"},marginBottom_4:{default:"20"},paddingLeftRight_4:{default:"20"},paddingTopBottom_4:{default:"10"},textColor_4:{default:"#545454"},bgColor_4:{default:"#f5f5f5"},iconColor_4:{default:"#b2bec3"},marginTop_5:{default:"0"},marginBottom_5:{default:"20"},borderStyle_5:{default:"solid"},borderSize_5:{default:"2"},borderRadius_5:{default:"0"},textColor_5:{default:"#545454"},bgColor_5:{default:"#ffffff"},borderColor_5:{default:"#545454"},iconColor_5:{default:"#545454"},marginTop_6:{default:"0"},marginBottom_6:{default:"20"},borderStyle_6:{default:"solid"},borderSize_6:{default:"3"},paddingLeftRight_6:{default:"20"},paddingTopBottom_6:{default:"10"},textColor_6:{default:"#545454"},bgColor_6:{default:"#f5f5f5"},borderColor_6:{default:"#545454"},iconColor_6:{default:"#545454"},marginTop_7:{default:"0"},marginBottom_7:{default:"20"},paddingLeftRight_7:{default:"30"},paddingTopBottom_7:{default:"40"},textColor_7:{default:"#545454"},bgColor_7:{default:"#f5f5f5"},iconColor_7:{default:"#b2bec3"},marginTop_8:{default:"40"},marginBottom_8:{default:"40"},borderStyle_8:{default:"solid"},borderSize_8:{default:"3"},paddingLeftRight_8:{default:"20"},paddingTopBottom_8:{default:"10"},textColor_8:{default:"#545454"},bgColor_8:{default:"#f5f5f5"},borderColor_8:{default:"#545454"},iconColor_8:{default:"#ffffff"},marginTop_9:{default:"40"},marginBottom_9:{default:"40"},borderStyle_9:{default:"solid"},borderSize_9:{default:"3"},paddingLeftRight_9:{default:"20"},paddingTopBottom_9:{default:"10"},textColor_9:{default:"#545454"},bgColor_9:{default:"#f5f5f5"},borderColor_9:{default:"#545454"},iconColor_9:{default:"#ffffff"},marginTop_10:{default:"0"},marginBottom_10:{default:"20"},paddingLeftRight_10:{default:"20"},paddingTopBottom_10:{default:"10"},textColor_10:{default:"#545454"},bgColor_10:{default:"#f5f5f5"},borderColor_10:{default:"#545454"},iconColor_10:{default:"#ffffff"},marginTop_11:{default:"0"},marginBottom_11:{default:"20"},paddingLeftRight_11:{default:"20"},paddingTopBottom_11:{default:"10"},textColor_11:{default:"#545454"},bgColor_11:{default:"#f5f5f5"},borderColor_11:{default:"#545454"},iconColor_11:{default:"#ffffff"}},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,b=n.authorSize,g=n.marginTop_1,p=n.marginBottom_1,d=n.borderStyle_1,m=n.borderSize_1,s=n.borderRadius_1,_=n.paddingLeftRight_1,k=n.paddingTopBottom_1,f=n.textColor_1,C=n.bgColor_1,x=n.borderColor_1,R=n.iconColor_1,h=n.marginTop_2,w=n.marginBottom_2,B=n.borderStyle_2,v=n.borderSize_2,E=(n.borderRadius_2,n.paddingLeftRight_2),T=n.paddingTopBottom_2,y=n.textColor_2,S=n.bgColor_2,A=n.borderColor_2,P=n.iconColor_2,q=n.marginTop_3,z=n.marginBottom_3,N=n.paddingLeftRight_3,L=n.paddingTopBottom_3,M=n.textColor_3,$=n.bgColor_3,I=n.iconColor_3,F=n.marginTop_4,U=n.marginBottom_4,G=n.paddingLeftRight_4,D=n.paddingTopBottom_4,H=n.textColor_4,O=n.bgColor_4,Q=n.iconColor_4,K=n.marginTop_5,J=n.marginBottom_5,j=n.borderStyle_5,Z=n.borderSize_5,V=n.borderRadius_5,W=n.textColor_5,Y=n.bgColor_5,X=n.borderColor_5,ee=n.iconColor_5,te=n.marginTop_6,oe=n.marginBottom_6,ne=n.borderStyle_6,le=n.borderSize_6,ae=(n.borderRadius_6,n.paddingLeftRight_6),re=n.paddingTopBottom_6,ie=n.textColor_6,ce=n.bgColor_6,ue=n.borderColor_6,be=n.iconColor_6,ge=n.marginTop_7,pe=n.marginBottom_7,de=n.paddingLeftRight_7,me=n.paddingTopBottom_7,se=n.textColor_7,_e=n.bgColor_7,ke=n.iconColor_7,fe=n.marginTop_8,Ce=n.marginBottom_8,xe=n.borderStyle_8,Re=n.borderSize_8,he=n.paddingLeftRight_8,we=n.paddingTopBottom_8,Be=n.textColor_8,ve=n.bgColor_8,Ee=n.borderColor_8,Te=n.iconColor_8,ye=n.marginTop_9,Se=n.marginBottom_9,Ae=n.borderStyle_9,Pe=n.borderSize_9,qe=n.paddingLeftRight_9,ze=n.paddingTopBottom_9,Ne=n.textColor_9,Le=n.bgColor_9,Me=n.borderColor_9,$e=n.iconColor_9,Ie=n.marginTop_10,Fe=n.marginBottom_10,Ue=n.paddingLeftRight_10,Ge=n.paddingTopBottom_10,De=n.textColor_10,He=n.bgColor_10,Oe=n.borderColor_10,Qe=n.iconColor_10,Ke=n.marginTop_11,Je=n.marginBottom_11,je=n.paddingLeftRight_11,Ze=n.paddingTopBottom_11,Ve=n.textColor_11,We=n.bgColor_11,Ye=n.borderColor_11,Xe=n.iconColor_11;return l!==o&&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(BaseControl,{label:__("Select Pattern")},React.createElement(ButtonGroup,{"aria-label":__("Select Pattern")},React.createElement(Button,{onClick:function(e){t.setAttributes({pattern:"1"})},style:{textAlign:"left"}},React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-1 wp-block-ug-blockquote-block-1-c697da48-b8ba-4a90-9cab-dfac411cbf59"},React.createElement("style",null,".wp-block-ug-blockquote-block-1-c697da48-b8ba-4a90-9cab-dfac411cbf59 blockquote {\n                  margin-top: 0px !important;\n                  margin-bottom: 5px !important;\n                  background-color: #f5f5f5 !important;\n                  border: 3px solid #545454 !important;\n                  border-radius: 0px !important;\n                  padding: 2px 5px !important;\n                  }",".wp-block-ug-blockquote-block-1-c697da48-b8ba-4a90-9cab-dfac411cbf59 blockquote:before {\n                  color: #545454 !important;\n                  top: 10px !important;\n                  left: 15px !important;\n                  font-size: 14px !important;\n                  }",".wp-block-ug-blockquote-block-1-c697da48-b8ba-4a90-9cab-dfac411cbf59 blockquote p {\n                  color: #545454 !important;\n                  font-size: 8px !important;\n                  text-align: left !important;\n                  margin-bottom: 0px !important;\n                  }",".wp-block-ug-blockquote-block-1-c697da48-b8ba-4a90-9cab-dfac411cbf59 blockquote cite {\n                  color: #545454 !important;\n                  font-size: 8px !important;\n                  }"),React.createElement("blockquote",{className:"ug-blockquote-block-1-c697da48-b8ba-4a90-9cab-dfac411cbf59"},React.createElement("p",null,"It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout."),React.createElement("cite",null,"KAZUKI KIKUCHI")))),React.createElement(Button,{onClick:function(e){t.setAttributes({pattern:"2"})},style:{textAlign:"left"}},React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-2 wp-block-ug-blockquote-block-2-c697da48-b8ba-4a90-9cab-dfac411cbf59"},React.createElement("style",null,".wp-block-ug-blockquote-block-2-c697da48-b8ba-4a90-9cab-dfac411cbf59 blockquote {\n                  margin-top: 0px !important;\n                  margin-bottom: 5px !important;\n                  background-color: #f5f5f5 !important;\n                  border-left: 3px solid #545454 !important;\n                  padding: 2px 5px !important;\n                  }",".wp-block-ug-blockquote-block-2-c697da48-b8ba-4a90-9cab-dfac411cbf59 blockquote:before {\n                  color: #545454 !important;\n                  top: 10px !important;\n                  left: 15px !important;\n                  font-size: 14px !important;\n                  }",".wp-block-ug-blockquote-block-2-c697da48-b8ba-4a90-9cab-dfac411cbf59 blockquote p {\n                  color: #545454 !important;\n                  font-size: 8px !important;\n                  text-align: left !important;\n                  margin-bottom: 0px !important;\n                  }",".wp-block-ug-blockquote-block-2-c697da48-b8ba-4a90-9cab-dfac411cbf59 blockquote cite {\n                  color: #545454 !important;\n                  font-size: 8px !important;\n                  }"),React.createElement("blockquote",{className:"ug-blockquote-block-2-c697da48-b8ba-4a90-9cab-dfac411cbf59"},React.createElement("p",null,"It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout."),React.createElement("cite",null,"KAZUKI KIKUCHI")))),React.createElement(Button,{onClick:function(e){t.setAttributes({pattern:"3"})},style:{textAlign:"left"}},React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-3 wp-block-ug-blockquote-block-3-c697da48-b8ba-4a90-9cab-dfac411cbf59",style:{marginTop:"15px"}},React.createElement("style",null,".wp-block-ug-blockquote-block-3-c697da48-b8ba-4a90-9cab-dfac411cbf59 blockquote {\n                margin-top: 0px !important;\n                margin-bottom: 5px !important;\n                background-color: #545454 !important;\n                padding: 2px 5px !important;\n                }",".wp-block-ug-blockquote-block-3-c697da48-b8ba-4a90-9cab-dfac411cbf59 blockquote:before {\n                color: #545454 !important;\n                top: 10px !important;\n                left: 15px !important;\n                font-size: 14px !important;\n                top: -13px !important;\n                left: 7px !important;\n                font-size: 17px;\n                position: absolute;\n                }",".wp-block-ug-blockquote-block-3-c697da48-b8ba-4a90-9cab-dfac411cbf59 blockquote p {\n                color: #ffffff !important;\n                font-size: 8px !important;\n                text-align: left !important;\n                margin-bottom: 0px !important;\n                }",".wp-block-ug-blockquote-block-3-c697da48-b8ba-4a90-9cab-dfac411cbf59 blockquote cite {\n                color: #ffffff !important;\n                font-size: 8px !important;\n                }"),React.createElement("blockquote",{className:"ug-blockquote-block-3-c697da48-b8ba-4a90-9cab-dfac411cbf59"},React.createElement("p",null,"It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout."),React.createElement("cite",null,"KAZUKI KIKUCHI"))))))),React.createElement(PanelBody,{title:__("Common Settings")},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:b,onChange:function(e){return t.setAttributes({authorSize:e})},min:0,max:100,step:1})),"1"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:g,onChange:function(e){return t.setAttributes({marginTop_1:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:p,onChange:function(e){return t.setAttributes({marginBottom_1:e})},min:0,max:100,step:1})),"1"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:d,onChange:function(e){t.setAttributes({borderStyle_1: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_1:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:s,onChange:function(e){return t.setAttributes({borderRadius_1: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_1:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:k,onChange:function(e){return t.setAttributes({paddingTopBottom_1:e})},min:0,max:100,step:1})),"1"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:f,onChange:function(e){return t.setAttributes({textColor_1:e})},label:__("Text Color")},{value:C,onChange:function(e){return t.setAttributes({bgColor_1:e})},label:__("Background Color")},{value:x,onChange:function(e){return t.setAttributes({borderColor_1:e})},label:__("Border Color")},{value:R,onChange:function(e){return t.setAttributes({iconColor_1:e})},label:__("Icon Color")}]}),"2"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:h,onChange:function(e){return t.setAttributes({marginTop_2:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:w,onChange:function(e){return t.setAttributes({marginBottom_2:e})},min:0,max:100,step:1})),"2"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:B,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:v,onChange:function(e){return t.setAttributes({borderSize_2:e})},min:0,max:20,step:1})),"2"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:E,onChange:function(e){return t.setAttributes({paddingLeftRight_2:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:T,onChange:function(e){return t.setAttributes({paddingTopBottom_2:e})},min:0,max:100,step:1})),"2"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:y,onChange:function(e){return t.setAttributes({textColor_2:e})},label:__("Text Color")},{value:S,onChange:function(e){return t.setAttributes({bgColor_2:e})},label:__("Background Color")},{value:A,onChange:function(e){return t.setAttributes({borderColor_2:e})},label:__("Border Color")},{value:P,onChange:function(e){return t.setAttributes({iconColor_2:e})},label:__("Icon Color")}]}),"3"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:q,onChange:function(e){return t.setAttributes({marginTop_3:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:z,onChange:function(e){return t.setAttributes({marginBottom_3:e})},min:0,max:100,step:1})),"3"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:N,onChange:function(e){return t.setAttributes({paddingLeftRight_3:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:L,onChange:function(e){return t.setAttributes({paddingTopBottom_3:e})},min:0,max:100,step:1})),"3"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:M,onChange:function(e){return t.setAttributes({textColor_3:e})},label:__("Text Color")},{value:$,onChange:function(e){return t.setAttributes({bgColor_3:e})},label:__("Background Color")},{value:I,onChange:function(e){return t.setAttributes({iconColor_3:e})},label:__("Icon Color")}]}),"4"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:F,onChange:function(e){return t.setAttributes({marginTop_4:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:U,onChange:function(e){return t.setAttributes({marginBottom_4:e})},min:0,max:100,step:1})),"4"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:G,onChange:function(e){return t.setAttributes({paddingLeftRight_4:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:D,onChange:function(e){return t.setAttributes({paddingTopBottom_4:e})},min:0,max:100,step:1})),"4"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:H,onChange:function(e){return t.setAttributes({textColor_4:e})},label:__("Text Color")},{value:O,onChange:function(e){return t.setAttributes({bgColor_4:e})},label:__("Background Color")},{value:Q,onChange:function(e){return t.setAttributes({iconColor_4:e})},label:__("Icon Color")}]}),"5"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:K,onChange:function(e){return t.setAttributes({marginTop_5:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:J,onChange:function(e){return t.setAttributes({marginBottom_5:e})},min:0,max:100,step:1})),"5"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:j,onChange:function(e){t.setAttributes({borderStyle_5: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:Z,onChange:function(e){return t.setAttributes({borderSize_5:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:V,onChange:function(e){return t.setAttributes({borderRadius_5:e})},min:0,max:20,step:1})),"5"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:W,onChange:function(e){return t.setAttributes({textColor_5:e})},label:__("Text Color")},{value:Y,onChange:function(e){return t.setAttributes({bgColor_5:e})},label:__("Background Color")},{value:X,onChange:function(e){return t.setAttributes({borderColor_5:e})},label:__("Border Color")},{value:ee,onChange:function(e){return t.setAttributes({iconColor_5:e})},label:__("Icon Color")}]}),"6"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:te,onChange:function(e){return t.setAttributes({marginTop_6:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:oe,onChange:function(e){return t.setAttributes({marginBottom_6:e})},min:0,max:100,step:1})),"6"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:ne,onChange:function(e){t.setAttributes({borderStyle_6: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:le,onChange:function(e){return t.setAttributes({borderSize_6:e})},min:0,max:60,step:1})),"6"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:ae,onChange:function(e){return t.setAttributes({paddingLeftRight_6:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:re,onChange:function(e){return t.setAttributes({paddingTopBottom_6:e})},min:0,max:100,step:1})),"6"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:ie,onChange:function(e){return t.setAttributes({textColor_6:e})},label:__("Text Color")},{value:ce,onChange:function(e){return t.setAttributes({bgColor_6:e})},label:__("Background Color")},{value:ue,onChange:function(e){return t.setAttributes({borderColor_6:e})},label:__("Border Color")},{value:be,onChange:function(e){return t.setAttributes({iconColor_6:e})},label:__("Icon Color")}]}),"7"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:ge,onChange:function(e){return t.setAttributes({marginTop_7:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:pe,onChange:function(e){return t.setAttributes({marginBottom_7:e})},min:0,max:100,step:1})),"7"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:de,onChange:function(e){return t.setAttributes({paddingLeftRight_7:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:me,onChange:function(e){return t.setAttributes({paddingTopBottom_7:e})},min:0,max:100,step:1})),"7"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:se,onChange:function(e){return t.setAttributes({textColor_7:e})},label:__("Text Color")},{value:_e,onChange:function(e){return t.setAttributes({bgColor_7:e})},label:__("Background Color")},{value:ke,onChange:function(e){return t.setAttributes({iconColor_7:e})},label:__("Icon Color")}]}),"8"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:fe,onChange:function(e){return t.setAttributes({marginTop_8:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:Ce,onChange:function(e){return t.setAttributes({marginBottom_8:e})},min:0,max:100,step:1})),"8"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:xe,onChange:function(e){t.setAttributes({borderStyle_8: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:Re,onChange:function(e){return t.setAttributes({borderSize_8:e})},min:0,max:20,step:1})),"8"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:he,onChange:function(e){return t.setAttributes({paddingLeftRight_8:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:we,onChange:function(e){return t.setAttributes({paddingTopBottom_8:e})},min:0,max:100,step:1})),"8"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:Be,onChange:function(e){return t.setAttributes({textColor_8:e})},label:__("Text Color")},{value:ve,onChange:function(e){return t.setAttributes({bgColor_8:e})},label:__("Background Color")},{value:Ee,onChange:function(e){return t.setAttributes({borderColor_8:e})},label:__("Border Color")},{value:Te,onChange:function(e){return t.setAttributes({iconColor_8:e})},label:__("Icon Color")}]}),"9"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:ye,onChange:function(e){return t.setAttributes({marginTop_9:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:Se,onChange:function(e){return t.setAttributes({marginBottom_9:e})},min:0,max:100,step:1})),"9"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:Ae,onChange:function(e){t.setAttributes({borderStyle_9: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:Pe,onChange:function(e){return t.setAttributes({borderSize_9:e})},min:0,max:20,step:1})),"9"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:qe,onChange:function(e){return t.setAttributes({paddingLeftRight_9:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:ze,onChange:function(e){return t.setAttributes({paddingTopBottom_9:e})},min:0,max:100,step:1})),"9"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:Ne,onChange:function(e){return t.setAttributes({textColor_9:e})},label:__("Text Color")},{value:Le,onChange:function(e){return t.setAttributes({bgColor_9:e})},label:__("Background Color")},{value:Me,onChange:function(e){return t.setAttributes({borderColor_9:e})},label:__("Border Color")},{value:$e,onChange:function(e){return t.setAttributes({iconColor_9:e})},label:__("Icon Color")}]}),"10"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:Ie,onChange:function(e){return t.setAttributes({marginTop_10:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:Fe,onChange:function(e){return t.setAttributes({marginBottom_10:e})},min:0,max:100,step:1})),"10"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:Ue,onChange:function(e){return t.setAttributes({paddingLeftRight_10:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:Ge,onChange:function(e){return t.setAttributes({paddingTopBottom_10:e})},min:0,max:100,step:1})),"10"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:De,onChange:function(e){return t.setAttributes({textColor_10:e})},label:__("Text Color")},{value:He,onChange:function(e){return t.setAttributes({bgColor_10:e})},label:__("Background Color")},{value:Oe,onChange:function(e){return t.setAttributes({borderColor_10:e})},label:__("Border Color")},{value:Qe,onChange:function(e){return t.setAttributes({iconColor_10:e})},label:__("Icon Color")}]}),"11"===a&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:Ke,onChange:function(e){return t.setAttributes({marginTop_11:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:Je,onChange:function(e){return t.setAttributes({marginBottom_11:e})},min:0,max:100,step:1})),"11"===a&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:je,onChange:function(e){return t.setAttributes({paddingLeftRight_11:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:Ze,onChange:function(e){return t.setAttributes({paddingTopBottom_11:e})},min:0,max:100,step:1})),"11"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:Ve,onChange:function(e){return t.setAttributes({textColor_11:e})},label:__("Text Color")},{value:We,onChange:function(e){return t.setAttributes({bgColor_11:e})},label:__("Background Color")},{value:Ye,onChange:function(e){return t.setAttributes({borderColor_11:e})},label:__("Border Color")},{value:Xe,onChange:function(e){return t.setAttributes({iconColor_11:e})},label:__("Icon Color")}]})),"1"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-1 wp-block-ug-blockquote-block-1-"+l},React.createElement("style",null,".wp-block-ug-blockquote-block-1-"+l+" blockquote {\n            background-color: "+C+" !important;\n            border: "+m+"px "+d+" "+x+";\n            border-radius: "+s+"px !important;\n            padding: "+k+"px "+_+"px !important;\n            }",".wp-block-ug-blockquote-block-1-"+l+" blockquote:before {\n            color: "+R+" !important;\n            }",".wp-block-ug-blockquote-block-1-"+l+" blockquote p {\n            color: "+f+" !important;\n            font-size: "+u+"px !important ;\n            text-align: "+c+" !important;\n            }",".wp-block-ug-blockquote-block-1-"+l+" blockquote cite {\n            color: "+f+" !important;\n            font-size: "+b+"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"]}),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"]}))),"2"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-2 wp-block-ug-blockquote-block-2-"+l},React.createElement("style",null,".wp-block-ug-blockquote-block-2-"+l+" blockquote {\n            background-color: "+S+" !important;\n            border-left: "+v+"px "+B+" "+A+" !important;\n            padding: "+T+"px "+E+"px !important;\n            }",".wp-block-ug-blockquote-block-2-"+l+" blockquote:before {\n            color: "+P+" !important;\n            }",".wp-block-ug-blockquote-block-2-"+l+" blockquote p {\n            color: "+y+" !important;\n            font-size: "+u+"px !important;\n            text-align: "+c+" !important;\n            }",".wp-block-ug-blockquote-block-2-"+l+" blockquote cite {\n            color: "+y+" !important;\n            font-size: "+b+"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"]}),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"]}))),"3"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-3 wp-block-ug-blockquote-block-3-"+l},React.createElement("style",null,".wp-block-ug-blockquote-block-3-"+l+" blockquote {\n            background-color: "+$+" !important;\n            padding: "+L+"px "+N+"px !important;\n            }",".wp-block-ug-blockquote-block-3-"+l+" blockquote:before {\n            color: "+I+" !important;\n            }",".wp-block-ug-blockquote-block-3-"+l+" blockquote p {\n            color: "+M+" !important;\n            font-size: "+u+"px !important ;\n            text-align: "+c+" !important;\n            }",".wp-block-ug-blockquote-block-3-"+l+" blockquote cite {\n            color: "+M+" !important;\n            font-size: "+b+"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"]}),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"]}))),"4"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-4 wp-block-ug-blockquote-block-4-"+l},React.createElement("style",null,".wp-block-ug-blockquote-block-4-"+l+" blockquote {\n            background-color: "+O+" !important;\n            padding: "+D+"px "+G+"px !important;\n            }",".wp-block-ug-blockquote-block-4-"+l+" blockquote:before {\n            color: "+Q+" !important;\n            }",".wp-block-ug-blockquote-block-4-"+l+" blockquote p {\n            color: "+H+" !important;\n            font-size: "+u+"px !important ;\n            text-align: "+c+" !important;\n            }",".wp-block-ug-blockquote-block-4-"+l+" blockquote cite {\n            color: "+H+" !important;\n            font-size: "+b+"px !important;\n            }"),React.createElement("blockquote",{className:"ug-blockquote-block-4-"+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"]}),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"]}))),"5"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-5 wp-block-ug-blockquote-block-5-"+l},React.createElement("style",null,".wp-block-ug-blockquote-block-5-"+l+" blockquote {\n            background-color: "+Y+" !important;\n            border: "+Z+"px "+j+" "+X+" !important;\n            border-radius: "+V+"px !important;\n            }",".wp-block-ug-blockquote-block-5-"+l+" blockquote:before {\n            color: "+ee+" !important;\n            }",".wp-block-ug-blockquote-block-5-"+l+" blockquote p {\n            color: "+W+" !important;\n            font-size: "+u+"px !important ;\n            text-align: "+c+" !important;\n            }",".wp-block-ug-blockquote-block-5-"+l+" blockquote cite {\n            color: "+W+" !important;\n            font-size: "+b+"px !important;\n            }"),React.createElement("blockquote",{className:"ug-blockquote-block-5-"+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"]}),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"]}))),"6"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-6 wp-block-ug-blockquote-block-6-"+l},React.createElement("style",null,".wp-block-ug-blockquote-block-6-"+l+" blockquote {\n            background-color: "+ce+" !important;\n            border-left: "+le+"px "+ne+" "+ue+" !important;\n            padding: "+re+"px "+ae+"px !important;\n            }",".wp-block-ug-blockquote-block-6-"+l+" blockquote:before {\n            color: "+be+" !important;\n            }",".wp-block-ug-blockquote-block-6-"+l+" blockquote p {\n            color: "+ie+" !important;\n            font-size: "+u+"px !important;\n            text-align: "+c+" !important;\n            }",".wp-block-ug-blockquote-block-6-"+l+" blockquote cite {\n            color: "+ie+" !important;\n            font-size: "+b+"px !important;\n            }"),React.createElement("blockquote",{className:"ug-blockquote-block-6-"+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"]}),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"]}))),"7"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-7 wp-block-ug-blockquote-block-7-"+l},React.createElement("style",null,".wp-block-ug-blockquote-block-7-"+l+" blockquote {\n            background-color: "+_e+" !important;\n            padding: "+me+"px "+de+"px !important;\n            }",".wp-block-ug-blockquote-block-7-"+l+" blockquote:before {\n            color: "+ke+" !important;\n            }",".wp-block-ug-blockquote-block-7-"+l+" blockquote p {\n            color: "+se+" !important;\n            font-size: "+u+"px !important ;\n            text-align: "+c+" !important;\n            }",".wp-block-ug-blockquote-block-7-"+l+" blockquote cite {\n            color: "+se+" !important;\n            font-size: "+b+"px !important;\n            }"),React.createElement("blockquote",{className:"ug-blockquote-block-7-"+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"]}),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"]}))),"8"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-8 wp-block-ug-blockquote-block-8-"+l},React.createElement("style",null,".wp-block-ug-blockquote-block-8-"+l+" blockquote {\n            background-color: "+ve+" !important;\n            border: "+Re+"px "+xe+" "+Ee+";\n            padding: "+we+"px "+he+"px !important;\n          }",".wp-block-ug-blockquote-block-8-"+l+" blockquote:before {\n            color: "+Te+" !important;\n            background-color: "+Ee+" !important;\n          }",".wp-block-ug-blockquote-block-8-"+l+" blockquote:after {\n            color: "+Te+" !important;\n            background-color: "+Ee+" !important;\n          }",".wp-block-ug-blockquote-block-8-"+l+" blockquote p {\n            color: "+Be+" !important;\n            font-size: "+u+"px !important ;\n            text-align: "+c+" !important;\n          }",".wp-block-ug-blockquote-block-8-"+l+" blockquote cite {\n            color: "+Be+" !important;\n            font-size: "+b+"px !important;\n          }"),React.createElement("blockquote",{className:"ug-blockquote-block-8-"+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"]}),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"]}))),"9"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-9 wp-block-ug-blockquote-block-9-"+l},React.createElement("style",null,".wp-block-ug-blockquote-block-9-"+l+" blockquote {\n            background-color: "+Le+" !important;\n            border: "+Pe+"px "+Ae+" "+Me+";\n            padding: "+ze+"px "+qe+"px !important;\n          }",".wp-block-ug-blockquote-block-9-"+l+" blockquote:before {\n            color: "+$e+" !important;\n            background-color: "+Me+" !important;\n          }",".wp-block-ug-blockquote-block-9-"+l+" blockquote:after {\n            color: "+$e+" !important;\n            background-color: "+Me+" !important;\n          }",".wp-block-ug-blockquote-block-9-"+l+" blockquote p {\n            color: "+Ne+" !important;\n            font-size: "+u+"px !important ;\n            text-align: "+c+" !important;\n          }",".wp-block-ug-blockquote-block-9-"+l+" blockquote cite {\n            color: "+Ne+" !important;\n            font-size: "+b+"px !important;\n          }"),React.createElement("blockquote",{className:"ug-blockquote-block-9-"+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"]}),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"]}))),"10"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-10 wp-block-ug-blockquote-block-10-"+l},React.createElement("style",null,".wp-block-ug-blockquote-block-10-"+l+" blockquote {\n            background-color: "+He+" !important;\n            border-left: 50px solid "+Oe+" !important;\n            padding: "+Ge+"px "+Ue+"px !important;\n            }",".wp-block-ug-blockquote-block-10-"+l+" blockquote:before {\n            color: "+Qe+" !important;\n            left:-39px;\n            }",".wp-block-ug-blockquote-block-10-"+l+" blockquote p {\n            color: "+De+" !important;\n            font-size: "+u+"px !important;\n            text-align: "+c+" !important;\n            }",".wp-block-ug-blockquote-block-10-"+l+" blockquote cite {\n            color: "+De+" !important;\n            font-size: "+b+"px !important;\n            }"),React.createElement("blockquote",{className:"ug-blockquote-block-10-"+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"]}),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"]}))),"11"==a&&React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-11 wp-block-ug-blockquote-block-11-"+l},React.createElement("style",null,".wp-block-ug-blockquote-block-11-"+l+" blockquote {\n            background-color: "+We+" !important;\n            border-left: 50px solid "+Ye+" !important;\n            padding: "+Ze+"px "+je+"px !important;\n            }",".wp-block-ug-blockquote-block-11-"+l+" blockquote:before {\n            color: "+Xe+" !important;\n            left:-39px;\n            }",".wp-block-ug-blockquote-block-11-"+l+" blockquote p {\n            color: "+Ve+" !important;\n            font-size: "+u+"px !important;\n            text-align: "+c+" !important;\n            }",".wp-block-ug-blockquote-block-11-"+l+" blockquote cite {\n            color: "+Ve+" !important;\n            font-size: "+b+"px !important;\n            }"),React.createElement("blockquote",{className:"ug-blockquote-block-11-"+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"]}),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"]})))]}),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_1,b=t.marginBottom_1,g=t.borderStyle_1,p=t.borderSize_1,d=t.borderRadius_1,m=t.paddingLeftRight_1,s=t.paddingTopBottom_1,_=t.textColor_1,k=t.bgColor_1,f=t.borderColor_1,C=t.iconColor_1,x=t.marginTop_2,R=t.marginBottom_2,h=t.borderStyle_2,w=t.borderSize_2,B=(t.borderRadius_2,t.paddingLeftRight_2),v=t.paddingTopBottom_2,E=t.textColor_2,T=t.bgColor_2,y=t.borderColor_2,S=t.iconColor_2,A=t.marginTop_3,P=t.marginBottom_3,q=t.paddingLeftRight_3,z=t.paddingTopBottom_3,N=t.textColor_3,L=t.bgColor_3,M=t.iconColor_3,$=t.marginTop_4,I=t.marginBottom_4,F=t.paddingLeftRight_4,U=t.paddingTopBottom_4,G=t.textColor_4,D=t.bgColor_4,H=t.iconColor_4,O=t.marginTop_5,Q=t.marginBottom_5,K=t.borderStyle_5,J=t.borderSize_5,j=t.borderRadius_5,Z=t.textColor_5,V=t.bgColor_5,W=t.borderColor_5,Y=t.iconColor_5,X=t.marginTop_6,ee=t.marginBottom_6,te=t.borderStyle_6,oe=t.borderSize_6,ne=(t.borderRadius_6,t.paddingLeftRight_6),le=t.paddingTopBottom_6,ae=t.textColor_6,re=t.bgColor_6,ie=t.borderColor_6,ce=t.iconColor_6,ue=t.marginTop_7,be=t.marginBottom_7,ge=t.paddingLeftRight_7,pe=t.paddingTopBottom_7,de=t.textColor_7,me=t.bgColor_7,se=t.iconColor_7,_e=t.marginTop_8,ke=t.marginBottom_8,fe=t.borderStyle_8,Ce=t.borderSize_8,xe=t.paddingLeftRight_8,Re=t.paddingTopBottom_8,he=t.textColor_8,we=t.bgColor_8,Be=t.borderColor_8,ve=t.iconColor_8,Ee=t.marginTop_9,Te=t.marginBottom_9,ye=t.borderStyle_9,Se=t.borderSize_9,Ae=t.paddingLeftRight_9,Pe=t.paddingTopBottom_9,qe=t.textColor_9,ze=t.bgColor_9,Ne=t.borderColor_9,Le=t.iconColor_9,Me=t.marginTop_10,$e=t.marginBottom_10,Ie=t.paddingLeftRight_10,Fe=t.paddingTopBottom_10,Ue=t.textColor_10,Ge=t.bgColor_10,De=t.borderColor_10,He=t.iconColor_10,Oe=t.marginTop_11,Qe=t.marginBottom_11,Ke=t.paddingLeftRight_11,Je=t.paddingTopBottom_11,je=t.textColor_11,Ze=t.bgColor_11,Ve=t.borderColor_11,We=t.iconColor_11;return"1"==n?React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-1 wp-block-ug-blockquote-block-1-"+o},React.createElement("style",null,".wp-block-ug-blockquote-block-1-"+o+" blockquote {\n            margin-top: "+u+"px !important;\n            margin-bottom: "+b+"px !important;\n            background-color: "+k+" !important;\n            border: "+p+"px "+g+" "+f+" !important;\n            border-radius: "+d+"px !important;\n            padding: "+s+"px "+m+"px !important;\n            }",".wp-block-ug-blockquote-block-1-"+o+" blockquote:before {\n            color: "+C+" !important;\n            }",".wp-block-ug-blockquote-block-1-"+o+" blockquote p {\n            color: "+_+" !important;\n            font-size: "+i+"px !important;\n            text-align: "+r+" !important;\n            }",".wp-block-ug-blockquote-block-1-"+o+" blockquote cite {\n            color: "+_+" !important;\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",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-2 wp-block-ug-blockquote-block-2-"+o},React.createElement("style",null,".wp-block-ug-blockquote-block-2-"+o+" blockquote {\n            margin-top: "+x+"px !important;\n            margin-bottom: "+R+"px !important;\n            background-color: "+T+" !important;\n            border-left: "+w+"px "+h+" "+y+" !important;\n            padding: "+v+"px "+B+"px !important;\n            }",".wp-block-ug-blockquote-block-2-"+o+" blockquote:before {\n            color: "+S+" !important;\n            }",".wp-block-ug-blockquote-block-2-"+o+" blockquote p {\n            color: "+E+" !important;\n            font-size: "+i+"px !important;\n            text-align: "+r+" !important;\n            }",".wp-block-ug-blockquote-block-2-"+o+" blockquote cite {\n            color: "+E+" !important;\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",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-3 wp-block-ug-blockquote-block-3-"+o},React.createElement("style",null,".wp-block-ug-blockquote-block-3-"+o+" blockquote {\n             margin-top: "+A+"px !important;\n             margin-bottom: "+P+"px !important;\n             background-color: "+L+" !important;\n             padding: "+z+"px "+q+"px !important;\n             }",".wp-block-ug-blockquote-block-3-"+o+" blockquote:before {\n             color: "+M+" !important;\n             }",".wp-block-ug-blockquote-block-3-"+o+" blockquote p {\n             color: "+N+" !important;\n             font-size: "+i+"px !important ;\n             text-align: "+r+" !important;\n             }",".wp-block-ug-blockquote-block-3-"+o+" blockquote cite {\n             color: "+N+" !important;\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}))):"4"==n?React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-4 wp-block-ug-blockquote-block-4-"+o},React.createElement("style",null,".wp-block-ug-blockquote-block-4-"+o+" blockquote {\n             margin-top: "+$+"px !important;\n             margin-bottom: "+I+"px !important;\n             background-color: "+D+" !important;\n             padding: "+U+"px "+F+"px !important;\n             }",".wp-block-ug-blockquote-block-4-"+o+" blockquote:before {\n             color: "+H+" !important;\n             }",".wp-block-ug-blockquote-block-4-"+o+" blockquote p {\n             color: "+G+" !important;\n             font-size: "+i+"px !important;\n             text-align: "+r+" !important;\n             }",".wp-block-ug-blockquote-block-4-"+o+" blockquote cite {\n             color: "+G+" !important;\n             font-size: "+c+"px !important;\n             }"),React.createElement("blockquote",{className:"ug-blockquote-block-4-"+o},React.createElement(RichText.Content,{tagName:"p",value:l}),React.createElement(RichText.Content,{tagName:"cite",value:a}))):"5"==n?React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-5 wp-block-ug-blockquote-block-5-"+o},React.createElement("style",null,".wp-block-ug-blockquote-block-5-"+o+" blockquote {\n             margin-top: "+O+"px !important;\n             margin-bottom: "+Q+"px !important;\n             background-color: "+V+" !important;\n             border: "+J+"px "+K+" "+W+";\n             border-radius: "+j+"px !important;\n             }",".wp-block-ug-blockquote-block-5-"+o+" blockquote:before {\n             color: "+Y+" !important;\n             }",".wp-block-ug-blockquote-block-5-"+o+" blockquote p {\n             color: "+Z+" !important;\n             font-size: "+i+"px !important;\n             text-align: "+r+" !important;\n             }",".wp-block-ug-blockquote-block-5-"+o+" blockquote cite {\n             color: "+Z+" !important;\n             font-size: "+c+"px !important;\n             }"),React.createElement("blockquote",{className:"ug-blockquote-block-5-"+o},React.createElement(RichText.Content,{tagName:"p",value:l}),React.createElement(RichText.Content,{tagName:"cite",value:a}))):"6"==n?React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-6 wp-block-ug-blockquote-block-6-"+o},React.createElement("style",null,".wp-block-ug-blockquote-block-6-"+o+" blockquote {\n             margin-top: "+X+"px !important;\n             margin-bottom: "+ee+"px !important;\n             background-color: "+re+" !important;\n             border-left: "+oe+"px "+te+" "+ie+" !important;\n             padding: "+le+"px "+ne+"px !important;\n             }",".wp-block-ug-blockquote-block-6-"+o+" blockquote:before {\n             color: "+ce+" !important;\n             }",".wp-block-ug-blockquote-block-6-"+o+" blockquote p {\n             color: "+ae+" !important;\n             font-size: "+i+"px !important;\n             text-align: "+r+" !important;\n             }",".wp-block-ug-blockquote-block-6-"+o+" blockquote cite {\n             color: "+ae+" !important;\n             font-size: "+c+"px !important;\n             }"),React.createElement("blockquote",{className:"ug-blockquote-block-6-"+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}))):"7"==n?React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-7 wp-block-ug-blockquote-block-7-"+o},React.createElement("style",null,".wp-block-ug-blockquote-block-7-"+o+" blockquote {\n             margin-top: "+ue+"px !important;\n             margin-bottom: "+be+"px !important;\n             background-color: "+me+" !important;\n             padding: "+pe+"px "+ge+"px !important;\n             }",".wp-block-ug-blockquote-block-7-"+o+" blockquote:before {\n             color: "+se+" !important;\n             }",".wp-block-ug-blockquote-block-7-"+o+" blockquote p {\n             color: "+de+" !important;\n             font-size: "+i+"px !important;\n             text-align: "+r+" !important;\n             }",".wp-block-ug-blockquote-block-4-"+o+" blockquote cite {\n             color: "+de+" !important;\n             font-size: "+c+"px !important;\n             }"),React.createElement("blockquote",{className:"ug-blockquote-block-7-"+o},React.createElement(RichText.Content,{tagName:"p",value:l}),React.createElement(RichText.Content,{tagName:"cite",value:a}))):"8"==n?React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-8 wp-block-ug-blockquote-block-8-"+o},React.createElement("style",null,".wp-block-ug-blockquote-block-8-"+o+" blockquote {\n             margin-top: "+_e+"px !important;\n             margin-bottom: "+ke+"px !important;\n             background-color: "+we+" !important;\n             border: "+Ce+"px "+fe+" "+Be+" !important;\n             padding: "+Re+"px "+xe+"px !important;\n           }",".wp-block-ug-blockquote-block-8-"+o+" blockquote:before {\n             color: "+ve+" !important;\n             background-color: "+Be+" !important;\n           }",".wp-block-ug-blockquote-block-8-"+o+" blockquote:after {\n             color: "+ve+" !important;\n             background-color: "+Be+" !important;\n           }",".wp-block-ug-blockquote-block-8-"+o+" blockquote p {\n             color: "+he+" !important;\n             font-size: "+i+"px !important;\n             text-align: "+r+" !important;\n           }",".wp-block-ug-blockquote-block-8-"+o+" blockquote cite {\n             color: "+he+" !important;\n             font-size: "+c+"px !important;\n           }"),React.createElement("blockquote",{className:"ug-blockquote-block-8-"+o},React.createElement(RichText.Content,{tagName:"p",value:l}),React.createElement(RichText.Content,{tagName:"cite",value:a}))):"9"==n?React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-9 wp-block-ug-blockquote-block-9-"+o},React.createElement("style",null,".wp-block-ug-blockquote-block-9-"+o+" blockquote {\n             margin-top: "+Ee+"px !important;\n             margin-bottom: "+Te+"px !important;\n             background-color: "+ze+" !important;\n             border: "+Se+"px "+ye+" "+Ne+" !important;\n             padding: "+Pe+"px "+Ae+"px !important;\n           }",".wp-block-ug-blockquote-block-9-"+o+" blockquote:before {\n             color: "+Le+" !important;\n             background-color: "+Ne+" !important;\n           }",".wp-block-ug-blockquote-block-9-"+o+" blockquote:after {\n             color: "+Le+" !important;\n             background-color: "+Ne+" !important;\n           }",".wp-block-ug-blockquote-block-9-"+o+" blockquote p {\n             color: "+qe+" !important;\n             font-size: "+i+"px !important;\n             text-align: "+r+" !important;\n           }",".wp-block-ug-blockquote-block-9-"+o+" blockquote cite {\n             color: "+qe+" !important;\n             font-size: "+c+"px !important;\n           }"),React.createElement("blockquote",{className:"ug-blockquote-block-9-"+o},React.createElement(RichText.Content,{tagName:"p",value:l}),React.createElement(RichText.Content,{tagName:"cite",value:a}))):"10"==n?React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-10 wp-block-ug-blockquote-block-10-"+o},React.createElement("style",null,".wp-block-ug-blockquote-block-10-"+o+" blockquote {\n             margin-top: "+Me+"px !important;\n             margin-bottom: "+$e+"px !important;\n             background-color: "+Ge+" !important;\n             border-left: 50px solid "+De+" !important;\n             padding: "+Fe+"px "+Ie+"px !important;\n             }",".wp-block-ug-blockquote-block-10-"+o+" blockquote:before {\n             color: "+He+" !important;\n             left:-39px;\n             }",".wp-block-ug-blockquote-block-10-"+o+" blockquote p {\n             color: "+Ue+" !important;\n             font-size: "+i+"px !important;\n             text-align: "+r+" !important;\n             }",".wp-block-ug-blockquote-block-10-"+o+" blockquote cite {\n             color: "+Ue+" !important;\n             font-size: "+c+"px !important;\n             }"),React.createElement("blockquote",{className:"ug-blockquote-block-10-"+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}))):"11"==n?React.createElement("div",{key:"editable",className:"wp-block-ug-blockquote-common wp-block-ug-blockquote-block-11 wp-block-ug-blockquote-block-11-"+o},React.createElement("style",null,".wp-block-ug-blockquote-block-11-"+o+" blockquote {\n             margin-top: "+Oe+"px !important;\n             margin-bottom: "+Qe+"px !important;\n             background-color: "+Ze+" !important;\n             border-left: 50px solid "+Ve+" !important;\n             padding: "+Je+"px "+Ke+"px !important;\n             }",".wp-block-ug-blockquote-block-11-"+o+" blockquote:before {\n             color: "+We+" !important;\n             left:-39px;\n             }",".wp-block-ug-blockquote-block-11-"+o+" blockquote p {\n             color: "+je+" !important;\n             font-size: "+i+"px !important;\n             text-align: "+r+" !important;\n             }",".wp-block-ug-blockquote-block-11-"+o+" blockquote cite {\n             color: "+je+" !important;\n             font-size: "+c+"px !important;\n             }"),React.createElement("blockquote",{className:"ug-blockquote-block-11-"+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}))):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"},pattern:{default:"1"},codeContent:{type:"string"},textSize:{default:"14"},screenMode:{default:"lightMode"},language:{default:"html"},marginTop_1:{default:"0"},marginBottom_1:{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.pattern,n.textSize),r=n.language,i=n.screenMode,c=n.codeContent,u=n.marginTop_1,b=n.marginBottom_1,g="javascript",p="ReactJs",d="htaccess",m="wordpress",s="lightMode",_="darkMode";return l!==o&&t.setAttributes({id:o}),[e&&React.createElement(InspectorControls,null,React.createElement(PanelBody,null,React.createElement(BaseControl,{label:__("Select Pattern")},React.createElement(ButtonGroup,{"aria-label":__("Select Pattern")},React.createElement(Button,{onClick:function(e){t.setAttributes({pattern:"1"})},style:{textAlign:"left"}},React.createElement("div",{className:"wp-block-ug-code-common wp-block-ug-code-block-1 wp-block-ug-code-block-1-3cec3564-d261-4f87-a3e9-d92e7d66dab8"},React.createElement("style",null,".wp-block-ug-code-block-1-3cec3564-d261-4f87-a3e9-d92e7d66dab8 {\n                    margin-top:  0px !important;\n                    margin-bottom: 5px !important;\n                    background-color: rgba(0,0,0,.07) !important;\n                    }",".wp-block-ug-code-block-1-3cec3564-d261-4f87-a3e9-d92e7d66dab8 pre code {\n                      font-size: 8px !important;\n                      background-color: #eaeaea; !important;\n                    }","wp-block-ug-code-block-1-3cec3564-d261-4f87-a3e9-d92e7d66dab8 span.wp-block-ug-code-language-css {\n                      background-color: #00b894 !important;\n                      width: 40px !important;\n                    }",'wp-block-ug-code-block-1-3cec3564-d261-4f87-a3e9-d92e7d66dab8 pre {\n                      padding: 10px !important;\n                      background: rgba(0,0,0,.07) !important;\n                      font-family: "Courier 10 Pitch", "Courier", "monospace" !important;\n                      margin-bottom: 1.6em !important;\n                      max-width: 100% !important;\n                      overflow: auto !important;\n                    }'),React.createElement("span",{className:"wp-block-ug-code-language-css"},"CSS"),React.createElement("pre",{className:"wp-block-ug-code-common-lightMode"},React.createElement("code",null,"body{color: #484848;}"))))))),React.createElement(PanelBody,{title:__("Common Settings")},React.createElement(BaseControl,{label:__("Screen Mode")},React.createElement(ButtonGroup,{"aria-label":__("Screen Mode")},React.createElement(Button,{isLarge:!0,isPrimary:i===s,"aria-pressed":i===s,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(BaseControl,{label:__("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===p,"aria-pressed":r===p,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===d,"aria-pressed":r===d,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(RangeControl,{label:__("Text Size"),value:a,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_1:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),value:b,onChange:function(e){return t.setAttributes({marginBottom_1:e})},min:0,max:100,step:1}))),React.createElement("div",{key:"editable",className:"wp-block-ug-code-common wp-block-ug-code-common-"+i+" wp-block-ug-code-block-1 wp-block-ug-code-block-1-"+l},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.pattern,t.textSize),l=t.language,a=t.screenMode,r=t.codeContent,i=t.marginTop_1,c=t.marginBottom_1;return React.createElement("div",{className:"wp-block-ug-code-common wp-block-ug-code-block-1 wp-block-ug-code-block-1-"+o},React.createElement("style",null,".wp-block-ug-code-block-1-"+o+" {\n            margin-top: "+i+"px !important;\n            margin-bottom: "+c+"px !important;\n            }",".wp-block-ug-code-block-1-"+o+" pre code {\n              font-size: "+n+"px !important;\n              }"),React.createElement("span",{className:"wp-block-ug-code-language-"+l},l),React.createElement("pre",{className:"wp-block-ug-code-common-"+a},React.createElement("code",null,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:{html:!1,id:{type:"string"},pattern:{default:"1"},hashTag:{default:""},via:{default:""},cttText:{selector:".wp-block-ug-ctt-block-text"},cttButtonText:{default:"Click to Tweet"},cttTwIcon:{default:"fab fa-twitter"},align:{default:"left"},textSize:{default:"16"},iconSize_1:{default:"16"},marginTop_1:{default:"0"},marginBottom_1:{default:"20"},borderStyle_1:{default:"solid"},borderSize_1:{default:"3"},borderRadius_1:{default:"0"},paddingLeftRight_1:{default:"20"},paddingTopBottom_1:{default:"10"},textColor_1:{default:"#545454"},bgColor_1:{default:"#f5f5f5"},borderColor_1:{default:"#545454"},iconColor_1:{default:"#55acee"}},supports:{html:!1},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.hashTag,c=l.via,u=l.cttText,b=l.cttButtonText,g=l.align,p=l.textSize,d=l.cttTwIcon,m=l.iconSize_1,s=l.marginTop_1,_=l.marginBottom_1,k=l.borderStyle_1,f=l.borderSize_1,C=l.borderRadius_1,x=l.paddingLeftRight_1,R=l.paddingTopBottom_1,h=l.textColor_1,w=l.bgColor_1,B=l.borderColor_1,v=l.iconColor_1;return a!==n&&t.setAttributes({id:n}),__("fab fa-twitter"),__("fab fa-twitter-square"),[e&&React.createElement(BlockControls,null,"1"===r&&React.createElement(AlignmentToolbar,{value:g,onChange:function(e){return t.setAttributes({align:e})},controls:["left","center","right"]})),e&&React.createElement(InspectorControls,null,React.createElement(PanelBody,null,React.createElement(BaseControl,{label:__("Select Pattern")},React.createElement(ButtonGroup,{"aria-label":__("Select Pattern")},React.createElement(Button,{onClick:function(e){t.setAttributes({pattern:"1"})},style:{textAlign:"left"}},React.createElement("style",null,".wp-block-ug-ctt-block-1-68a21381-28e7-4c96-870e-4d32fc924c78 {\n                  display: block !important;\n                  margin-top: 0px !important;\n                  margin-bottom: 5px !important;\n                  background-color: #f5f5f5 !important;;\n                  color: #545454 !important;;\n                  font-size: 8px !important;\n                  border: 3px solid #545454 !important;\n                  border-radius: 0px !important;\n                  padding: 5px 10px !important;\n                  text-align: left !important;\n                }\n                  .wp-block-ug-ctt-block-1-68a21381-28e7-4c96-870e-4d32fc924c78 div.wp-block-ug-ctt-block-text {\n                    color: #545454 !important;\n                  }\n                  .wp-block-ug-ctt-block-1-68a21381-28e7-4c96-870e-4d32fc924c78 .wp-block-ug-ctt-block-button {\n                    display: block !important;\n                    color: #545454 !important;\n                    font-size: 8px !important;\n                  }\n                .wp-block-ug-ctt-block-1-68a21381-28e7-4c96-870e-4d32fc924c78 .wp-block-ug-ctt-block-button i {\n                  color: #55acee !important;\n                  display: inline !important;\n              "),React.createElement("div",{class:"wp-block-ug-ctt-block-common wp-block-ug-ctt-block-1"},React.createElement("div",{class:"wp-block-ug-ctt-block-1-68a21381-28e7-4c96-870e-4d32fc924c78"},React.createElement("div",{class:"wp-block-ug-ctt-block-text",href:"http://twitter.com/share?&text=It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.&url=https%3A%2F%2Fdevwplabo.local%2F%3Fp%3D506&hashtags=&",target:"_blank",rel:"nofollow"},"It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout."),React.createElement("div",{class:"wp-block-ug-ctt-block-button",href:"http://twitter.com/share?&text=It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.&url=https%3A%2F%2Fdevwplabo.local%2F%3Fp%3D506&hashtags=&",target:"_blank",rel:"nofollow"},React.createElement("i",{class:"fab fa-twitter"}),"Click to Tweet"))))))),React.createElement(PanelBody,{title:__("Common Settings")},React.createElement(RangeControl,{label:__("Text Size"),value:p,onChange:function(e){return t.setAttributes({textSize:e})},min:0,max:100,step:1}),React.createElement(TextControl,{type:"string",label:__("HashTag"),value:i,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:c,onChange:function(e){return t.setAttributes({via:e})},help:"Add a twitter account id. Not include @"}),React.createElement(TextControl,{type:"string",label:__("Click To Tweet Button Text"),value:b,onChange:function(e){return t.setAttributes({cttButtonText:e})}}),React.createElement(TextControl,{type:"string",label:__("HashTag"),value:i,onChange:function(e){return t.setAttributes({hashTag:e})},help:"Add some hashtags. Comma separated values. Not include #"})),"1"===r&&React.createElement(PanelBody,{title:__("Icon")},React.createElement(RangeControl,{label:__("Icon Size"),value:m,onChange:function(e){return t.setAttributes({iconSize_1:e})},min:0,max:100,step:1})),"1"===r&&React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:s,onChange:function(e){return t.setAttributes({marginTop_1:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:_,onChange:function(e){return t.setAttributes({marginBottom_1:e})},min:0,max:100,step:1})),"1"===r&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:k,onChange:function(e){t.setAttributes({borderStyle_1: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:f,onChange:function(e){return t.setAttributes({borderSize_1:e})},min:0,max:20,step:1}),React.createElement(RangeControl,{label:__("Border Radius"),value:C,onChange:function(e){return t.setAttributes({borderRadius_1:e})},min:0,max:20,step:1})),"1"===r&&React.createElement(PanelBody,{title:__("Padding")},React.createElement(RangeControl,{label:__("Padding(Left & Right)"),value:x,onChange:function(e){return t.setAttributes({paddingLeftRight_1:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Padding(Top & Bottom)"),value:R,onChange:function(e){return t.setAttributes({paddingTopBottom_1: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_1:e})},label:__("Text Color")},{value:w,onChange:function(e){return t.setAttributes({bgColor_1:e})},label:__("Background Color")},{value:B,onChange:function(e){return t.setAttributes({borderColor_1:e})},label:__("Border Color")},{value:v,onChange:function(e){return t.setAttributes({iconColor_1:e})},label:__("Icon Color")}]})),"1"==r&&React.createElement("div",{key:"editable",className:"wp-block-ug-ctt-block-common wp-block-ug-ctt-block-1 wp-block-ug-ctt-block-1-"+a},React.createElement("style",null,".wp-block-ug-ctt-block-1-"+a+" {\n            background-color: "+w+" !important;\n            color: "+h+" !important;\n            border: "+f+"px "+k+" "+B+" !important;\n            border-radius: "+C+"px !important;\n            padding: "+R+"px "+x+"px !important;\n            text-align: "+g+" !important;\n            }",".wp-block-ug-ctt-block-1-"+a+" p {\n            font-size: "+p+"px !important;\n            }",".wp-block-ug-ctt-block-1-"+a+" .wp-block-ug-ctt-block-button {\n            display: block !important;\n            color: "+h+";\n            font-size: "+m+"px !important;\n              }",".wp-block-ug-ctt-block-1-"+a+" .wp-block-ug-ctt-block-button i {\n            color: "+v+" !important;\n            }"),React.createElement(RichText,{tagName:"p",placeholder:__("Click to tweet Text"),className:"wp-block-ug-ctt-block-text",onChange:function(e){return t.setAttributes({cttText:e})},value:u,formattingControls:["bold","italic"],onFocus:("button_text",function(){o({editable:"button_text"})})}),React.createElement("div",{className:"wp-block-ug-ctt-block-button"},React.createElement("i",{className:d}),b))]}),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:{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!==o&&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"),__("Divider"),__("Ultimate Gutenberg")],attributes:{id:{type:"string"},pattern:{default:"1"},align_1:{default:"center"},width_1:{default:"100"},marginTop_1:{default:"20"},marginBottom_1:{default:"20"},borderStyle_1:{default:"solid"},borderSize_1:{default:"2"},borderColor_1:{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_1,i=n.align_1,c=n.marginTop_1,u=n.marginBottom_1,b=n.borderStyle_1,g=n.borderSize_1,p=n.borderColor_1;return l!==o&&t.setAttributes({id:o}),[e&&React.createElement(BlockControls,null,"1"===a&&React.createElement(AlignmentToolbar,{value:i,onChange:function(e){return t.setAttributes({align_1: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_1:e})},min:0,max:100,step:1})),React.createElement(PanelBody,{title:__("Margin")},React.createElement(RangeControl,{label:__("Margin Top"),help:__("Margin is applied to only front screen."),value:c,onChange:function(e){return t.setAttributes({marginTop_1:e})},min:0,max:100,step:1}),React.createElement(RangeControl,{label:__("Margin Bottom"),help:__("Margin is applied to only front screen."),value:u,onChange:function(e){return t.setAttributes({marginBottom_1:e})},min:0,max:100,step:1})),"1"===a&&React.createElement(PanelBody,{title:__("Border")},React.createElement(SelectControl,{label:__("Border Style"),value:b,onChange:function(e){t.setAttributes({borderStyle_1: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_1:e})},min:0,max:5,step:1})),"1"===a&&React.createElement(PanelColorSettings,{title:__("Color Settings"),colorSettings:[{value:p,onChange:function(e){return t.setAttributes({borderColor_1:e})},label:__("Border Color")}]})),"1"==a&&React.createElement("hr",{key:"editable",align:i,style:{width:r+"%",borderTop:g+"px "+b+" "+p,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_1,a=t.align_1,r=t.marginTop_1,i=t.marginBottom_1,c=t.borderStyle_1,u=t.borderSize_1,b=t.borderColor_1;if("1"==n)return React.createElement("hr",{align:a,style:{width:l+"%",marginTop:r+"px",marginBottom:i+"px",borderTop:u+"px "+c+" "+b,backgroundColor:"#ffffff"},className:"ug-divider-block-1-"+o})}});

  • ultimate-gutenberg/trunk/ultimate-gutenberg.php

    r2125545 r2126178  
    1111 * Plugin URI:        https://wplabo.idea-hack.com
    1212 * Description:       Improve defalut Gutenberg Blocks and add tons of beatiful custom blocks.
    13  * Version:           1.8.6
    14  * Author:            WP Labo
     13 * Version:           1.8.7
     14 * Author:            WPLABO
    1515 * Author URI:        https://wplabo.idea-hack.com
    1616 * License:           GPL-2.0+
Note: See TracChangeset for help on using the changeset viewer.