1#@!#!123s

: / home / homehopshortterm / www / wp-content / plugins / pixwell-core / lib / pixwell-elements / build / note /
Filename : index.js
back
(()=>{"use strict";const e=window.wp.blocks,t=JSON.parse('{"u2":"pixwell-elements/note"}'),l=window.wp.element,a=window.wp.i18n,o=window.wp.components,n=window.wp.blockEditor;(0,e.registerBlockType)(t.u2,{edit:function(e){const{attributes:t,setAttributes:r}=e,{heading:d,headingHTMLTag:i,tocAdded:c,icon:g,customSVG:s,customSVGAlt:b,desktopHeadingSize:m,tabletHeadingSize:h,mobileHeadingSize:p,toggle:_,widthStyle:u,shadow:C,borderStyle:E,borderColor:v,darkBorderColor:k,borderWidth:$,borderRadius:x,headingColor:B,headerBg:w,headingBorderColor:S,darkHeadingColor:H,darkHeaderBg:P,darkHeadingBorderColor:f,contentBg:N,darkContentBg:y,desktopHeaderPadding:T,tabletHeaderPadding:D,mobileHeaderPadding:z,desktopPadding:V,tabletPadding:A,mobilePadding:I}=t,M=(e,t)=>{r({[e]:t})},R=[{label:(0,a.__)("Idea"),value:"rbi-idea"},{label:(0,a.__)("Warning"),value:"rbi-warning"},{label:(0,a.__)("Help"),value:"rbi-help"},{label:(0,a.__)("Info"),value:"rbi-information"},{label:(0,a.__)("Bell"),value:"rbi-notification"},{label:(0,a.__)("Trend"),value:"rbi-trending"},{label:(0,a.__)("Bookmark"),value:"rbi-bookmark-fill"},{label:(0,a.__)("Secure"),value:"rbi-secure"},{label:(0,a.__)("Star"),value:"rbi-star"},{label:(0,a.__)("Heart"),value:"rbi-heart"},{label:(0,a.__)("Chart"),value:"rbi-chart"},{label:(0,a.__)("Pin"),value:"rbi-pin"},{label:(0,a.__)("Not Allow"),value:"rbi-not-allow"},{label:(0,a.__)("Flash"),value:"rbi-flash"}],F=[{label:(0,a.__)("None"),value:"none"},{label:(0,a.__)("Solid"),value:"solid"},{label:(0,a.__)("Dashed"),value:"dashed"},{label:(0,a.__)("Dotted"),value:"dotted"},{label:(0,a.__)("Double"),value:"double"}],G=[{label:(0,a.__)("H2"),value:"h2"},{label:(0,a.__)("H3"),value:"h3"},{label:(0,a.__)("H4"),value:"h4"},{label:(0,a.__)("H5"),value:"h5"},{label:(0,a.__)("H6"),value:"h6"},{label:(0,a.__)("p"),value:"p"},{label:(0,a.__)("Div"),value:"div"}],W=[{label:(0,a.__)("Full Width"),value:"fw"},{label:(0,a.__)("Inline"),value:"inline"}];let L="gb-wrap note-wrap none-padding";C&&(L+=" yes-shadow"),_&&(L+=" yes-toggle",u&&(L+=` is-${u}`)),S||w||(L+=" no-h-spacing");const O=(0,n.useBlockProps)({className:L,style:{...B&&{"--heading-color":B},...w&&{"--header-bg":w},...S&&{"--heading-border-color":S},...H&&{"--dark-heading-color":H},...P&&{"--dark-header-bg":P},...f&&{"--dark-heading-border-color":f},...m&&{"--desktop-heading-size":`${m}px`},...h&&{"--tablet-heading-size":`${h}px`},...p&&{"--mobile-heading-size":`${p}px`},...N&&{"--content-bg":N},...y&&{"--dark-content-bg":y},...E&&{"--border-style":E},...x&&{"--border-radius":`${x}px`},...$&&{"--border-width":`${$.top||0} ${$.right||0} ${$.bottom||0} ${$.left||0}`},...v&&{"--border-color":v},...k&&{"--dark-border-color":k},...T&&{"--desktop-header-padding":`${T.top||0} ${T.right||0} ${T.bottom||0} ${T.left||0}`},...D&&{"--tablet-header-padding":`${D.top||0} ${D.right||0} ${D.bottom||0} ${D.left||0}`},...z&&{"--mobile-header-padding":`${z.top||0} ${z.right||0} ${z.bottom||0} ${z.left||0}`},...V&&{"--desktop-padding":`${V.top||0} ${V.right||0} ${V.bottom||0} ${V.left||0}`},...A&&{"--tablet-padding":`${A.top||0} ${A.right||0} ${A.bottom||0} ${A.left||0}`},...I&&{"--mobile-padding":`${I.top||0} ${I.right||0} ${I.bottom||0} ${I.left||0}`}}});return(0,l.createElement)("div",O,(0,l.createElement)(n.InspectorControls,null,(0,l.createElement)(o.PanelBody,{title:(0,a.__)("General"),initialOpen:!0},(0,l.createElement)(o.SelectControl,{label:(0,a.__)("Heading Tag"),value:i,options:G,onChange:e=>M("headingHTMLTag",e)}),(0,l.createElement)(o.ToggleControl,{label:(0,a.__)("Table of Content Included"),checked:c,onChange:e=>M("tocAdded",e)}),(0,l.createElement)(o.SelectControl,{label:(0,a.__)("Select an Icon"),value:g,options:R,onChange:e=>M("icon",e)}),(0,l.createElement)(o.BaseControl,{label:(0,a.__)("or Upload SVG")},(0,l.createElement)(n.MediaUploadCheck,null,(0,l.createElement)(n.MediaUpload,{onSelect:e=>function(e,t){r({[e]:t.url}),r({[e+"Alt"]:t.alt})}("customSVG",e),allowedTypes:["image","svg"],value:s,render:({open:e})=>(0,l.createElement)("div",null,!s&&(0,l.createElement)(o.Button,{className:"button button-large",onClick:e},(0,a.__)("Upload Icon")),s&&(0,l.createElement)("div",null,(0,l.createElement)("img",{src:s,alt:"Icon"}),(0,l.createElement)(o.Button,{className:"button button-large",onClick:()=>(r({["customSVG"]:""}),void r({customSVGAlt:""}))},(0,a.__)("Remove Icon"))))}))),(0,l.createElement)(o.ToggleControl,{label:(0,a.__)("Toggle Button"),checked:_,onChange:e=>M("toggle",e),help:(0,a.__)("Collapse note content with show/hide toggle arrow button.")}),_&&(0,l.createElement)(o.SelectControl,{label:(0,a.__)("Width Layout"),value:u,options:W,onChange:e=>M("widthStyle",e),help:(0,a.__)("Select a max width for the note block when enabled toggle button..")}))),(0,l.createElement)(n.InspectorControls,{group:"styles"},(0,l.createElement)(o.PanelBody,{title:(0,a.__)("Header"),initialOpen:!1},(0,l.createElement)("label",{className:"rb-control-label"},(0,a.__)("Font Size")),(0,l.createElement)("div",{className:"responsive-settings"},(0,l.createElement)("div",null,(0,l.createElement)("label",null,(0,l.createElement)(o.Dashicon,{icon:"desktop"}),(0,a.__)("Desktop")),(0,l.createElement)(o.TextControl,{type:"number",placeholder:"18",value:m,onChange:e=>M("desktopHeadingSize",e)})),(0,l.createElement)("div",null,(0,l.createElement)("label",null,(0,l.createElement)(o.Dashicon,{icon:"tablet"}),(0,a.__)("Tablet")),(0,l.createElement)(o.TextControl,{type:"number",placeholder:"17",value:h,onChange:e=>M("tabletHeadingSize",e)})),(0,l.createElement)("div",null,(0,l.createElement)("label",null,(0,l.createElement)(o.Dashicon,{icon:"smartphone"}),(0,a.__)("Mobile")),(0,l.createElement)(o.TextControl,{type:"number",placeholder:"16",value:p,onChange:e=>M("mobileHeadingSize",e)}))),(0,l.createElement)(n.PanelColorSettings,{title:(0,a.__)("Color"),colorSettings:[{value:B,onChange:e=>M("headingColor",e),label:(0,a.__)("Text Color")},{value:w,onChange:e=>M("headerBg",e),label:(0,a.__)("Background")},{value:S,onChange:e=>M("headingBorderColor",e),label:(0,a.__)("Bottom Border Color")}],enableAlpha:!0}),(0,l.createElement)(o.PanelRow,{className:"rb-tip-control"},(0,l.createElement)(o.Tip,null,(0,a.__)("Click outside to see the update!"))),(0,l.createElement)("div",{className:"res-padding-control"},(0,l.createElement)(o.__experimentalBoxControl,{resetValues:{top:"15px",right:"30px",bottom:"15px",left:"30px"},label:(0,l.createElement)(l.Fragment,null,(0,l.createElement)(o.Dashicon,{icon:"desktop"})," ",(0,a.__)("Desktop Padding")),values:T,onChange:e=>M("desktopHeaderPadding",e)}),(0,l.createElement)(o.__experimentalBoxControl,{resetValues:{top:"15px",right:"25px",bottom:"15px",left:"25px"},label:(0,l.createElement)(l.Fragment,null,(0,l.createElement)(o.Dashicon,{icon:"tablet"})," ",(0,a.__)("Tablet Padding")),values:D,onChange:e=>M("tabletHeaderPadding",e)}),(0,l.createElement)(o.__experimentalBoxControl,{resetValues:{top:"15px",right:"20px",bottom:"15px",left:"20px"},label:(0,l.createElement)(l.Fragment,null,(0,l.createElement)(o.Dashicon,{icon:"smartphone"})," ",(0,a.__)("Mobile Padding")),values:z,onChange:e=>M("mobileHeaderPadding",e)})),(0,l.createElement)(n.PanelColorSettings,{title:(0,a.__)("Dark Mode - Color"),colorSettings:[{value:H,onChange:e=>M("darkHeadingColor",e),label:(0,a.__)("Text Color")},{value:P,onChange:e=>M("darkHeaderBg",e),label:(0,a.__)("Background")},{value:f,onChange:e=>M("darkHeadingBorderColor",e),label:(0,a.__)("Bottom Border Color")}],enableAlpha:!0})),(0,l.createElement)(o.PanelBody,{title:(0,a.__)("Content"),initialOpen:!1},(0,l.createElement)(o.PanelRow,{className:"rb-tip-control"},(0,l.createElement)(o.Tip,null,(0,a.__)("Click outside to see the update!"))),(0,l.createElement)("div",{className:"res-padding-control"},(0,l.createElement)(o.__experimentalBoxControl,{resetValues:{top:"15px",right:"30px",bottom:"30px",left:"30px"},label:(0,l.createElement)(l.Fragment,null,(0,l.createElement)(o.Dashicon,{icon:"desktop"})," ",(0,a.__)("Desktop Padding")),values:V,onChange:e=>M("desktopPadding",e)}),(0,l.createElement)(o.__experimentalBoxControl,{resetValues:{top:"15px",right:"25px",bottom:"25px",left:"25px"},label:(0,l.createElement)(l.Fragment,null,(0,l.createElement)(o.Dashicon,{icon:"tablet"})," ",(0,a.__)("Tablet Padding")),values:A,onChange:e=>M("tabletPadding",e)}),(0,l.createElement)(o.__experimentalBoxControl,{resetValues:{top:"15px",right:"20px",bottom:"20px",left:"20px"},label:(0,l.createElement)(l.Fragment,null,(0,l.createElement)(o.Dashicon,{icon:"smartphone"})," ",(0,a.__)("Mobile Padding")),values:I,onChange:e=>M("mobilePadding",e)})),(0,l.createElement)(n.PanelColorSettings,{title:(0,a.__)("Color"),colorSettings:[{value:N,onChange:e=>M("contentBg",e),label:(0,a.__)("Background")},{value:y,onChange:e=>M("darkContentBg",e),label:(0,a.__)("Dark Mode - Background")}],enableAlpha:!0}),(0,l.createElement)(o.PanelRow,null,(0,l.createElement)(o.Tip,null,(0,a.__)("You can set content text color based on the block settings that you created.")))),(0,l.createElement)(o.PanelBody,{title:(0,a.__)("Border & Shadow"),initialOpen:!1},(0,l.createElement)(o.SelectControl,{label:(0,a.__)("Border Style"),value:E,options:F,onChange:e=>M("borderStyle",e),help:(0,a.__)("Please select the border color to see the border if you enable it.")}),E&&"none"!==E&&(0,l.createElement)(l.Fragment,null,(0,l.createElement)(o.__experimentalBoxControl,{resetValues:{top:null,right:null,bottom:null,left:null},label:(0,a.__)("Border Width"),values:$,onChange:e=>M("borderWidth",e)}),(0,l.createElement)(n.PanelColorSettings,{title:(0,a.__)("Border Color"),colorSettings:[{value:v,onChange:e=>M("borderColor",e),label:(0,a.__)("Color")},{value:k,onChange:e=>M("darkBorderColor",e),label:(0,a.__)("Dark Mode - Color")}]})),(0,l.createElement)(o.RangeControl,{label:(0,a.__)("Border Radius"),value:x,onChange:e=>M("borderRadius",e),step:1,max:100,min:0}),(0,l.createElement)(o.ToggleControl,{label:(0,a.__)("Shadow"),checked:C,onChange:e=>M("shadow",e)}))),(0,l.createElement)("div",{className:"note-header gb-header"},(0,l.createElement)("span",{className:"note-heading"},(0,l.createElement)("span",{className:"gb-heading heading-icon"},s?(0,l.createElement)("img",{src:s,alt:(0,a.__)("note icon")}):g?(0,l.createElement)("i",{className:`rbi ${g}`}):null),(0,l.createElement)(n.RichText,{tagName:i||"h3",value:d,onChange:e=>M("heading",e),className:"gb-heading",placeholder:"Enter heading text..."})),_&&(0,l.createElement)("span",{className:"gb-heading note-toggle"},(0,l.createElement)("i",{className:"rbi-icon rbi-angle-down"}))),(0,l.createElement)("div",{className:"note-content gb-content"},(0,l.createElement)(n.InnerBlocks,{templateLock:!1})))},save:function(e){const{attributes:t}=e,{heading:o,headingHTMLTag:r,tocAdded:d,icon:i,customSVG:c,customSVGAlt:g,desktopHeadingSize:s,tabletHeadingSize:b,mobileHeadingSize:m,toggle:h,widthStyle:p,shadow:_,borderStyle:u,borderColor:C,darkBorderColor:E,borderWidth:v,borderRadius:k,headingColor:$,headerBg:x,headingBorderColor:B,darkHeadingColor:w,darkHeaderBg:S,darkHeadingBorderColor:H,contentBg:P,darkContentBg:f,desktopHeaderPadding:N,tabletHeaderPadding:y,mobileHeaderPadding:T,desktopPadding:D,tabletPadding:z,mobilePadding:V}=t;let A="gb-wrap note-wrap none-padding";return _&&(A+=" yes-shadow"),h&&(A+=" yes-toggle",p&&(A+=` is-${p}`)),B||x||(A+=" no-h-spacing"),(0,l.createElement)("div",n.useBlockProps.save({className:A,style:{...$&&{"--heading-color":$},...x&&{"--header-bg":x},...B&&{"--heading-border-color":B},...w&&{"--dark-heading-color":w},...S&&{"--dark-header-bg":S},...H&&{"--dark-heading-border-color":H},...s&&{"--desktop-heading-size":`${s}px`},...b&&{"--tablet-heading-size":`${b}px`},...m&&{"--mobile-heading-size":`${m}px`},...P&&{"--content-bg":P},...f&&{"--dark-content-bg":f},...u&&{"--border-style":u},...k&&{"--border-radius":`${k}px`},...v&&{"--border-width":`${v.top||0} ${v.right||0} ${v.bottom||0} ${v.left||0}`},...C&&{"--border-color":C},...E&&{"--dark-border-color":E},...N&&{"--desktop-header-padding":`${N.top||0} ${N.right||0} ${N.bottom||0} ${N.left||0}`},...y&&{"--tablet-header-padding":`${y.top||0} ${y.right||0} ${y.bottom||0} ${y.left||0}`},...T&&{"--mobile-header-padding":`${T.top||0} ${T.right||0} ${T.bottom||0} ${T.left||0}`},...D&&{"--desktop-padding":`${D.top||0} ${D.right||0} ${D.bottom||0} ${D.left||0}`},...z&&{"--tablet-padding":`${z.top||0} ${z.right||0} ${z.bottom||0} ${z.left||0}`},...V&&{"--mobile-padding":`${V.top||0} ${V.right||0} ${V.bottom||0} ${V.left||0}`}}}),(0,l.createElement)("div",{className:"note-header gb-header"},(0,l.createElement)("span",{className:"note-heading"},(0,l.createElement)("span",{className:"gb-heading heading-icon"},c?(0,l.createElement)("img",{src:c,alt:g||(0,a.__)("note icon")}):i?(0,l.createElement)("i",{className:`rbi ${i}`}):null),(0,l.createElement)(n.RichText.Content,{tagName:r||"h4",value:o||"",className:"gb-heading"+(d?"":" none-toc")})),h&&(0,l.createElement)("span",{className:"gb-heading note-toggle"},(0,l.createElement)("i",{className:"rbi-icon rbi-angle-down"}))),(0,l.createElement)("div",{className:"note-content gb-content"},(0,l.createElement)(n.InnerBlocks.Content,null)))}})})();