/* translators: Unit type (px, em, %) */,{text:Object(g.sprintf)(Object(g.__)("%s Preview","generatepress"),a),key:e},Object(n.createElement)(o.Button,{key:e,className:"components-generate-control-button__units--"+e,isSmall:!0
/* translators: %s: values associated with CSS syntax, 'Pixel', 'Em', 'Percentage' */,"aria-label":a,onClick:function(){wp.customize.previewedDevice.set(e),r(e)}},u(e)))})))))}),Sr=t(22),wr=t.n(Sr),Cr=t(23),xr=t.n(Cr),jr=t(24),Mr=t.n(jr),Er=t(25),kr=t.n(Er),Nr=t(20),Pr=t.n(Nr);t(47);var_r=function(e){Mr()(i,e);vara,t,r=(a=i,t=function(){if("undefined"==typeofReflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeofProxy)return!0;try{returnBoolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){vare,r=Pr()(a);if(t){vari=Pr()(this).constructor;e=Reflect.construct(r,arguments,i)}elsee=r.apply(this,arguments);returnkr()(this,e)});functioni(){returnwr()(this,i),r.apply(this,arguments)}returnxr()(i,[{key:"render",value:function(){vare=this.props,a=e.label,t=e.value,r=e.onChange,i=e.rangeMin,s=void0===i?0:i,l=e.rangeMax,c=void0===l?100:l,u=e.inputMin,g=void0===u?"":u,p=e.inputMax,f=void0===p?"":p,d=e.step,y=void0===d?1:d,v=e.help,m=void0===v?"":v,h=e.beforeIcon,b=void0===h?"":h,O=e.initialPosition,S=void0===O?"":O,w=e.placeholder,C=void0===w?"":w;returnObject(n.createElement)("div",{className:"components-generate-range-control"},a&&Object(n.createElement)("div",{className:"components-generate-range-control--label"},a),Object(n.createElement)("div",{className:"components-generate-range-control--wrapper"},Object(n.createElement)("div",{className:"components-generate-range-control--range"},Object(n.createElement)(o.RangeControl,{className:"generate-range-control-range",beforeIcon:b,value:ir(t)?parseFloat(t):"",onChange:function(e){returnr(e)},min:s,max:c,step:y,withInputField:!1,initialPosition:S})),Object(n.createElement)("div",{className:"components-generate-range-control-input"},Object(n.createElement)(o.TextControl,{type:"number",placeholder:""!==C?C:"",min:g,max:f,step:y,value:ir(t)?t:"",onChange:function(e){returnr(e)}}))),m&&Object(n.createElement)("p",{className:"components-base-control__help"},m))}}]),i}(n.Component),Tr=(t(48),function(e){vara=e.value,t=e.onClick,r=e.units;returnObject(n.createElement)("div",{className:"components-generate--control__units"},Object(n.createElement)(o.Dropdown,{className:"generate-component-control--unit-picker",contentClassName:"generate-component-control--unit-picker-area",position:"middle center",focusOnMount:"container",renderToggle:function(e){vart=e.isOpen,r=e.onToggle;returnObject(n.createElement)(o.Button,{onClick:r,"aria-expanded":t},a||u("dash"))},renderContent:function(e){vari=e.onClose;returnObject(n.createElement)(o.ButtonGroup,{className:"components-generate--control-buttons__units","aria-label":Object(g.__)("Select Units","generatepress")},r.map((function(e){varr=e,s=e||u("dash");return""===e&&(r=Object(g.__)("No Unit","generatepress")),"px"===e&&(r=Object(g._x)("Pixel","A size unit for CSS markup","generatepress")),"em"===e&&(r=Object(g._x)("Em","A size unit for CSS markup","generatepress")),"%"===e&&(r=Object(g._x)("Percentage","A size unit for CSS markup","generatepress")),"deg"===e&&(r=Object(g._x)("Degree","A size unit for CSS markup","generatepress")),Object(n.createElement)(o.Tooltip
/* translators: Unit type (px, em, %) */,{text:e?Object(g.sprintf)(Object(g.__)("%s Units","generatepress"),r):r,key:e},Object(n.createElement)(o.Button,{key:e,className:"components-generate--control-button__units--"+e,isSmall:!0,isPrimary:a===e,"aria-pressed":a===e