@feathery/react 2.12.2 → 2.12.3-pr-1522.4bcc507.0

package/umd/{ButtonGroupField.8a9cf493f8fb36ce3e85.js → ButtonGroupField.33cf9c939c8e82cc6c83.js}

@@ -1 +1 @@
-"use strict";(this.webpackChunkFeathery=this.webpackChunkFeathery||[]).push([[507],{5888:(e,t,a)=>{a.r(t),a.d(t,{default:()=>u});var i=a(5944),r=a(5430),n=a(1211),o=a(6867),l=a(9479),s=a(1587),c=a(4416),d=a(5406),p=function(){return p=Object.assign||function(e){for(var t,a=1,i=arguments.length;a<i;a++)for(var r in t=arguments[a])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},p.apply(this,arguments)};const u=function(e){var t,a=e.element,u=e.responsiveStyles,v=e.fieldLabel,f=e.inlineError,g=e.fieldVal,m=void 0===g?null:g,h=e.repeatIndex,b=void 0===h?null:h,y=e.editMode,k=e.onClick,x=void 0===k?function(){}:k,Z=e.elementProps,_=void 0===Z?{}:Z,w=e.disabled,T=void 0!==w&&w,S=e.children,B=(0,r.useRef)(null),C=a.servar,O=(0,d.Z)(C.metadata.salesforce_sync,y),j=O.dynamicOptions,M=O.loadingDynamicOptions,X=O.shouldSalesforceSync,A=(0,r.useMemo)((function(){return Array.isArray(m)?m.reduce((function(e,t){return e[t]=!0,e}),{}):{}}),[m]),E=(0,o.Z)({element:a,error:f,breakpoint:u.getMobileBreakpoint()}),F=E.borderStyles,I=E.customBorder,L=C.metadata.option_labels,P=C.metadata.option_tooltips;return t=X?j.map((function(e){return{value:e.value,label:e.label,tooltip:""}})):null!==b&&void 0!==C.metadata.repeat_options&&void 0!==C.metadata.repeat_options[b]?C.metadata.repeat_options[b]:C.metadata.options.map((function(e,t){return{value:e,label:L&&L[t]?L[t]:e,tooltip:P&&P[t]?P[t]:""}})),(0,i.BX)("div",p({ref:B,css:p({position:"relative",width:"100%",height:"100%",pointerEvents:y||T||M?"none":"auto"},u.getTarget("fc"))},{children:[S,v,(0,i.BX)("div",p({css:p({display:"flex",flexWrap:"wrap",width:"100%"},u.getTarget("bc"))},_,{children:[t.map((function(e,t){var r,o,c,d=null!==(r=e.value)&&void 0!==r?r:e,v=null!==(o=e.label)&&void 0!==o?o:e,f=e.image?e.image:C.metadata.option_images[t],g=null!==(c=e.tooltip)&&void 0!==c?c:"";return(0,i.BX)("div",p({onClick:function(){y||T||M||x(d)},css:p(p({position:"relative",display:"flex",justifyContent:"center",alignItems:"center",boxSizing:"border-box",cursor:"pointer"},u.getTarget("field")),{"&:hover":(0,l.wL)(y||T||M?{}:p(p({},u.getTarget("hover")),F.hover)),"&&":A[d]?p(p({},u.getTarget("active")),F.active):{}})},{children:[I,f&&(0,i.tZ)("img",{src:f,css:p(p({},n.lH),u.getTargets("img"))}),v&&(0,i.tZ)("div",p({css:p(p({display:"flex",maxWidth:"100%"},u.getTargets("label")),n.aY)},{children:v})),g&&(0,i.tZ)(s.Z,{containerRef:B,id:"".concat(a.id,"-").concat(v),text:g,responsiveStyles:u,absolute:!1,repeat:a.repeat})]}),"".concat(C.key,"-").concat(t))})),(0,i.tZ)(c.Z,{id:C.key,name:C.key,"aria-label":a.properties.aria_label})]}))]}))}}}]);
+"use strict";(this.webpackChunkFeathery=this.webpackChunkFeathery||[]).push([[507],{5888:(e,t,a)=>{a.r(t),a.d(t,{default:()=>u});var i=a(5944),r=a(7294),n=a(1211),o=a(6867),l=a(9479),s=a(1587),c=a(4416),d=a(5406),p=function(){return p=Object.assign||function(e){for(var t,a=1,i=arguments.length;a<i;a++)for(var r in t=arguments[a])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},p.apply(this,arguments)};const u=function(e){var t,a=e.element,u=e.responsiveStyles,v=e.fieldLabel,f=e.inlineError,g=e.fieldVal,m=void 0===g?null:g,h=e.repeatIndex,b=void 0===h?null:h,y=e.editMode,k=e.onClick,x=void 0===k?function(){}:k,Z=e.elementProps,_=void 0===Z?{}:Z,w=e.disabled,T=void 0!==w&&w,S=e.children,B=(0,r.useRef)(null),C=a.servar,O=(0,d.Z)(C.metadata.salesforce_sync,y),j=O.dynamicOptions,M=O.loadingDynamicOptions,X=O.shouldSalesforceSync,A=(0,r.useMemo)((function(){return Array.isArray(m)?m.reduce((function(e,t){return e[t]=!0,e}),{}):{}}),[m]),E=(0,o.Z)({element:a,error:f,breakpoint:u.getMobileBreakpoint()}),F=E.borderStyles,I=E.customBorder,L=C.metadata.option_labels,P=C.metadata.option_tooltips;return t=X?j.map((function(e){return{value:e.value,label:e.label,tooltip:""}})):null!==b&&void 0!==C.metadata.repeat_options&&void 0!==C.metadata.repeat_options[b]?C.metadata.repeat_options[b]:C.metadata.options.map((function(e,t){return{value:e,label:L&&L[t]?L[t]:e,tooltip:P&&P[t]?P[t]:""}})),(0,i.BX)("div",p({ref:B,css:p({position:"relative",width:"100%",height:"100%",pointerEvents:y||T||M?"none":"auto"},u.getTarget("fc"))},{children:[S,v,(0,i.BX)("div",p({css:p({display:"flex",flexWrap:"wrap",width:"100%"},u.getTarget("bc"))},_,{children:[t.map((function(e,t){var r,o,c,d=null!==(r=e.value)&&void 0!==r?r:e,v=null!==(o=e.label)&&void 0!==o?o:e,f=e.image?e.image:C.metadata.option_images[t],g=null!==(c=e.tooltip)&&void 0!==c?c:"";return(0,i.BX)("div",p({onClick:function(){y||T||M||x(d)},css:p(p({position:"relative",display:"flex",justifyContent:"center",alignItems:"center",boxSizing:"border-box",cursor:"pointer"},u.getTarget("field")),{"&:hover":(0,l.wL)(y||T||M?{}:p(p({},u.getTarget("hover")),F.hover)),"&&":A[d]?p(p({},u.getTarget("active")),F.active):{}})},{children:[I,f&&(0,i.tZ)("img",{src:f,css:p(p({},n.lH),u.getTargets("img"))}),v&&(0,i.tZ)("div",p({css:p(p({display:"flex",maxWidth:"100%"},u.getTargets("label")),n.aY)},{children:v})),g&&(0,i.tZ)(s.Z,{containerRef:B,id:"".concat(a.id,"-").concat(v),text:g,responsiveStyles:u,absolute:!1,repeat:a.repeat})]}),"".concat(C.key,"-").concat(t))})),(0,i.tZ)(c.Z,{id:C.key,name:C.key,"aria-label":a.properties.aria_label})]}))]}))}}}]);

package/umd/{CheckboxField.c4971d72024558868b02.js → CheckboxField.76c36941e86a62ec518d.js}

@@ -1 +1 @@
-"use strict";(this.webpackChunkFeathery=this.webpackChunkFeathery||[]).push([[745],{2788:(e,c,o)=>{o.r(c),o.d(c,{applyCheckableInputStyles:()=>b,applyHeightWidthMarginByFontSize:()=>l,composeCheckableInputStyle:()=>d,default:()=>s});var t=o(5944),r=o(5430),a=o(9479),n=function(){return n=Object.assign||function(e){for(var c,o=1,t=arguments.length;o<t;o++)for(var r in c=arguments[o])Object.prototype.hasOwnProperty.call(c,r)&&(e[r]=c[r]);return e},n.apply(this,arguments)},i="polygon(40% 85%, 89% 23%, 76% 12%, 39% 59%, 23% 44%, 12% 55%)",h=function(e){return Math.max(e,13)},l=function(e,c,o){void 0===o&&(o=!1),e.apply(c,["font_size"],(function(e){var c=h(e),t="".concat(c,"px"),r={minHeight:t,height:t,minWidth:t,width:t},a=Math.max(c/2,10);return o||(r.marginRight="".concat(a,"px")),r}))},p=function(e,c,o,t){e.apply(c,["font_size",o],(function(e,c){var o=h(e);return t?function(e,c){return{height:e=Math.floor(e/1.7),width:e,minWidth:e,minHeight:e,border:0,boxShadow:"inset ".concat(e,"px ").concat(e,"px #").concat(c),borderRadius:"50%"}}(o,c):function(e,c){return{boxShadow:"inset ".concat(e,"px ").concat(e,"px #").concat(c),clipPath:i}}(o,c)}))},k=function(e,c,o){e.apply(c,["height","height_unit","width","width_unit",o],(function(e,c,o,t,r){return{boxShadow:"inset ".concat(o).concat(t," ").concat(e).concat(c," #").concat(r),clipPath:i}}))};function b(e,c){c.addTargets("checkbox","checkboxCheckmark","checkboxSelected","checkboxHover","checkboxCheckmarkHover","checkboxLabel");var o=e.servar,t=o.type,r=o.metadata.multiple,a="select"===t||"matrix"===t&&!r;return"multiselect"===t||"checkbox_group"===t||"matrix"===t&&r||a?(function(e,c){e.apply("checkboxLabel",["font_size","line_height"],(function(e,c){return c||(c=h(e)),{position:"relative",top:"-".concat((c-e)/2,"px"),lineHeight:"".concat(c,"px")}}))}(c),l(c,"checkbox",!0),l(c,"checkboxCheckmark",!0),l(c,"checkboxCheckmarkHover",!0),p(c,"checkboxCheckmark","selected_font_color",a),p(c,"checkboxCheckmarkHover","hover_font_color",a)):(c.applyHeight("checkbox"),c.applyWidth("checkbox"),c.applyHeight("checkboxCheckmark"),c.applyWidth("checkboxCheckmark"),c.applyHeight("checkboxCheckmarkHover"),c.applyWidth("checkboxCheckmarkHover"),k(c,"checkboxCheckmark","selected_font_color"),k(c,"checkboxCheckmarkHover","hover_font_color")),c.applyBorders({target:"checkbox"}),a||c.applyCorners("checkbox"),c.applyBoxShadow("checkbox"),c.applyColor("checkbox","background_color","backgroundColor",!0),c.applySelectorStyles("checkboxHover",{prefix:"hover_",important:!0}),c.applySelectorStyles("checkboxSelected",{prefix:"selected_",important:!0}),c}var d=function(e,c,o){return void 0===c&&(c=!1),void 0===o&&(o=!1),n(n({position:"static",marginLeft:5,marginRight:5,marginTop:0,marginBottom:0,appearance:"none",display:"grid",placeContent:"center",outline:"none",borderRadius:o?"50%":null},e.getTarget("checkbox")),{"&:hover":(0,a.wL)(c?{}:e.getTarget("checkboxHover")),"&::before":n({content:"''",transform:"scale(0)"},e.getTarget("checkboxCheckmark")),"&:hover::before":(0,a.wL)(n(n({},e.getTarget("checkboxCheckmark")),e.getTarget("checkboxCheckmarkHover"))),"&:checked":n({},e.getTarget("checkboxSelected")),"&:checked::before":{transform:"scale(1)"}})};const s=function(e){var c=e.element,o=e.responsiveStyles,i=e.fieldLabel,h=e.fieldVal,l=void 0===h||h,p=e.onChange,k=void 0===p?function(){}:p,s=e.elementProps,x=void 0===s?{}:s,u=e.disabled,g=void 0!==u&&u,m=e.children,f=(0,r.useMemo)((function(){return b(c,o)}),[o]),v=c.servar;return(0,t.BX)("div",n({css:n(n({},o.getTarget("fc")),{position:"relative",display:"flex"})},x,{children:[m,(0,t.tZ)("input",{id:v.key,name:v.key,type:"checkbox",checked:l,disabled:g,onChange:k,onFocus:a.ms,"aria-label":c.properties.aria_label,css:n(n(n({},d(f,g)),g?o.getTarget("disabled"):{}),{marginTop:"4px","&:focus-visible":{border:"1px solid rgb(74, 144, 226)"}})}),i]}))}}}]);
+"use strict";(this.webpackChunkFeathery=this.webpackChunkFeathery||[]).push([[745],{2788:(e,c,o)=>{o.r(c),o.d(c,{applyCheckableInputStyles:()=>b,applyHeightWidthMarginByFontSize:()=>l,composeCheckableInputStyle:()=>d,default:()=>s});var t=o(5944),r=o(7294),a=o(9479),n=function(){return n=Object.assign||function(e){for(var c,o=1,t=arguments.length;o<t;o++)for(var r in c=arguments[o])Object.prototype.hasOwnProperty.call(c,r)&&(e[r]=c[r]);return e},n.apply(this,arguments)},i="polygon(40% 85%, 89% 23%, 76% 12%, 39% 59%, 23% 44%, 12% 55%)",h=function(e){return Math.max(e,13)},l=function(e,c,o){void 0===o&&(o=!1),e.apply(c,["font_size"],(function(e){var c=h(e),t="".concat(c,"px"),r={minHeight:t,height:t,minWidth:t,width:t},a=Math.max(c/2,10);return o||(r.marginRight="".concat(a,"px")),r}))},p=function(e,c,o,t){e.apply(c,["font_size",o],(function(e,c){var o=h(e);return t?function(e,c){return{height:e=Math.floor(e/1.7),width:e,minWidth:e,minHeight:e,border:0,boxShadow:"inset ".concat(e,"px ").concat(e,"px #").concat(c),borderRadius:"50%"}}(o,c):function(e,c){return{boxShadow:"inset ".concat(e,"px ").concat(e,"px #").concat(c),clipPath:i}}(o,c)}))},k=function(e,c,o){e.apply(c,["height","height_unit","width","width_unit",o],(function(e,c,o,t,r){return{boxShadow:"inset ".concat(o).concat(t," ").concat(e).concat(c," #").concat(r),clipPath:i}}))};function b(e,c){c.addTargets("checkbox","checkboxCheckmark","checkboxSelected","checkboxHover","checkboxCheckmarkHover","checkboxLabel");var o=e.servar,t=o.type,r=o.metadata.multiple,a="select"===t||"matrix"===t&&!r;return"multiselect"===t||"checkbox_group"===t||"matrix"===t&&r||a?(function(e,c){e.apply("checkboxLabel",["font_size","line_height"],(function(e,c){return c||(c=h(e)),{position:"relative",top:"-".concat((c-e)/2,"px"),lineHeight:"".concat(c,"px")}}))}(c),l(c,"checkbox",!0),l(c,"checkboxCheckmark",!0),l(c,"checkboxCheckmarkHover",!0),p(c,"checkboxCheckmark","selected_font_color",a),p(c,"checkboxCheckmarkHover","hover_font_color",a)):(c.applyHeight("checkbox"),c.applyWidth("checkbox"),c.applyHeight("checkboxCheckmark"),c.applyWidth("checkboxCheckmark"),c.applyHeight("checkboxCheckmarkHover"),c.applyWidth("checkboxCheckmarkHover"),k(c,"checkboxCheckmark","selected_font_color"),k(c,"checkboxCheckmarkHover","hover_font_color")),c.applyBorders({target:"checkbox"}),a||c.applyCorners("checkbox"),c.applyBoxShadow("checkbox"),c.applyColor("checkbox","background_color","backgroundColor",!0),c.applySelectorStyles("checkboxHover",{prefix:"hover_",important:!0}),c.applySelectorStyles("checkboxSelected",{prefix:"selected_",important:!0}),c}var d=function(e,c,o){return void 0===c&&(c=!1),void 0===o&&(o=!1),n(n({position:"static",marginLeft:5,marginRight:5,marginTop:0,marginBottom:0,appearance:"none",display:"grid",placeContent:"center",outline:"none",borderRadius:o?"50%":null},e.getTarget("checkbox")),{"&:hover":(0,a.wL)(c?{}:e.getTarget("checkboxHover")),"&::before":n({content:"''",transform:"scale(0)"},e.getTarget("checkboxCheckmark")),"&:hover::before":(0,a.wL)(n(n({},e.getTarget("checkboxCheckmark")),e.getTarget("checkboxCheckmarkHover"))),"&:checked":n({},e.getTarget("checkboxSelected")),"&:checked::before":{transform:"scale(1)"}})};const s=function(e){var c=e.element,o=e.responsiveStyles,i=e.fieldLabel,h=e.fieldVal,l=void 0===h||h,p=e.onChange,k=void 0===p?function(){}:p,s=e.elementProps,x=void 0===s?{}:s,u=e.disabled,g=void 0!==u&&u,m=e.children,f=(0,r.useMemo)((function(){return b(c,o)}),[o]),v=c.servar;return(0,t.BX)("div",n({css:n(n({},o.getTarget("fc")),{position:"relative",display:"flex"})},x,{children:[m,(0,t.tZ)("input",{id:v.key,name:v.key,type:"checkbox",checked:l,disabled:g,onChange:k,onFocus:a.ms,"aria-label":c.properties.aria_label,css:n(n(n({},d(f,g)),g?o.getTarget("disabled"):{}),{marginTop:"4px","&:focus-visible":{border:"1px solid rgb(74, 144, 226)"}})}),i]}))}}}]);

package/umd/{CheckboxGroupField.e5319cd7f814f9b626d7.js → CheckboxGroupField.b15705b46268e1142782.js}

@@ -1 +1 @@
-"use strict";(this.webpackChunkFeathery=this.webpackChunkFeathery||[]).push([[446,745],{5577:(e,t,o)=>{o.d(t,{N:()=>r});var n=o(5944),a=function(){return a=Object.assign||function(e){for(var t,o=1,n=arguments.length;o<n;o++)for(var a in t=arguments[o])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},a.apply(this,arguments)};function r(e){var t=e.type,o=void 0===t?"text":t,r=e.htmlSize,c=e.css,i=function(e,t){var o={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(o[n[a]]=e[n[a]])}return o}(e,["type","htmlSize","css"]);return(0,n.tZ)("input",a({type:o,size:r,css:a({border:"1px solid #ced4da",borderRadius:"0.375rem",padding:"0.375rem 0.75rem",fontSize:"1rem",lineHeight:"1.5",color:"#495057",backgroundColor:"#fff",backgroundClip:"padding-box",transition:"border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out","&:focus":{borderColor:"#80bdff",outline:0,boxShadow:"0 0 0 0.2rem rgba(0, 123, 255, 0.25)"},"&:disabled":{backgroundColor:"#e9ecef",opacity:1}},c)},i))}},2788:(e,t,o)=>{o.r(t),o.d(t,{applyCheckableInputStyles:()=>h,applyHeightWidthMarginByFontSize:()=>p,composeCheckableInputStyle:()=>u,default:()=>b});var n=o(5944),a=o(5430),r=o(9479),c=function(){return c=Object.assign||function(e){for(var t,o=1,n=arguments.length;o<n;o++)for(var a in t=arguments[o])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},c.apply(this,arguments)},i="polygon(40% 85%, 89% 23%, 76% 12%, 39% 59%, 23% 44%, 12% 55%)",l=function(e){return Math.max(e,13)},p=function(e,t,o){void 0===o&&(o=!1),e.apply(t,["font_size"],(function(e){var t=l(e),n="".concat(t,"px"),a={minHeight:n,height:n,minWidth:n,width:n},r=Math.max(t/2,10);return o||(a.marginRight="".concat(r,"px")),a}))},d=function(e,t,o,n){e.apply(t,["font_size",o],(function(e,t){var o=l(e);return n?function(e,t){return{height:e=Math.floor(e/1.7),width:e,minWidth:e,minHeight:e,border:0,boxShadow:"inset ".concat(e,"px ").concat(e,"px #").concat(t),borderRadius:"50%"}}(o,t):function(e,t){return{boxShadow:"inset ".concat(e,"px ").concat(e,"px #").concat(t),clipPath:i}}(o,t)}))},s=function(e,t,o){e.apply(t,["height","height_unit","width","width_unit",o],(function(e,t,o,n,a){return{boxShadow:"inset ".concat(o).concat(n," ").concat(e).concat(t," #").concat(a),clipPath:i}}))};function h(e,t){t.addTargets("checkbox","checkboxCheckmark","checkboxSelected","checkboxHover","checkboxCheckmarkHover","checkboxLabel");var o=e.servar,n=o.type,a=o.metadata.multiple,r="select"===n||"matrix"===n&&!a;return"multiselect"===n||"checkbox_group"===n||"matrix"===n&&a||r?(function(e,t){e.apply("checkboxLabel",["font_size","line_height"],(function(e,t){return t||(t=l(e)),{position:"relative",top:"-".concat((t-e)/2,"px"),lineHeight:"".concat(t,"px")}}))}(t),p(t,"checkbox",!0),p(t,"checkboxCheckmark",!0),p(t,"checkboxCheckmarkHover",!0),d(t,"checkboxCheckmark","selected_font_color",r),d(t,"checkboxCheckmarkHover","hover_font_color",r)):(t.applyHeight("checkbox"),t.applyWidth("checkbox"),t.applyHeight("checkboxCheckmark"),t.applyWidth("checkboxCheckmark"),t.applyHeight("checkboxCheckmarkHover"),t.applyWidth("checkboxCheckmarkHover"),s(t,"checkboxCheckmark","selected_font_color"),s(t,"checkboxCheckmarkHover","hover_font_color")),t.applyBorders({target:"checkbox"}),r||t.applyCorners("checkbox"),t.applyBoxShadow("checkbox"),t.applyColor("checkbox","background_color","backgroundColor",!0),t.applySelectorStyles("checkboxHover",{prefix:"hover_",important:!0}),t.applySelectorStyles("checkboxSelected",{prefix:"selected_",important:!0}),t}var u=function(e,t,o){return void 0===t&&(t=!1),void 0===o&&(o=!1),c(c({position:"static",marginLeft:5,marginRight:5,marginTop:0,marginBottom:0,appearance:"none",display:"grid",placeContent:"center",outline:"none",borderRadius:o?"50%":null},e.getTarget("checkbox")),{"&:hover":(0,r.wL)(t?{}:e.getTarget("checkboxHover")),"&::before":c({content:"''",transform:"scale(0)"},e.getTarget("checkboxCheckmark")),"&:hover::before":(0,r.wL)(c(c({},e.getTarget("checkboxCheckmark")),e.getTarget("checkboxCheckmarkHover"))),"&:checked":c({},e.getTarget("checkboxSelected")),"&:checked::before":{transform:"scale(1)"}})};const b=function(e){var t=e.element,o=e.responsiveStyles,i=e.fieldLabel,l=e.fieldVal,p=void 0===l||l,d=e.onChange,s=void 0===d?function(){}:d,b=e.elementProps,g=void 0===b?{}:b,f=e.disabled,k=void 0!==f&&f,y=e.children,m=(0,a.useMemo)((function(){return h(t,o)}),[o]),x=t.servar;return(0,n.BX)("div",c({css:c(c({},o.getTarget("fc")),{position:"relative",display:"flex"})},g,{children:[y,(0,n.tZ)("input",{id:x.key,name:x.key,type:"checkbox",checked:p,disabled:k,onChange:s,onFocus:r.ms,"aria-label":t.properties.aria_label,css:c(c(c({},u(m,k)),k?o.getTarget("disabled"):{}),{marginTop:"4px","&:focus-visible":{border:"1px solid rgb(74, 144, 226)"}})}),i]}))}},8250:(e,t,o)=>{o.r(t),o.d(t,{default:()=>h});var n=o(5944),a=o(5430),r=o(5577),c=o(1211),i=o(2788),l=o(1587),p=o(9479),d=o(5406),s=function(){return s=Object.assign||function(e){for(var t,o=1,n=arguments.length;o<n;o++)for(var a in t=arguments[o])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},s.apply(this,arguments)};const h=function(e){var t,o,h,u=e.element,b=e.responsiveStyles,g=e.fieldLabel,f=e.fieldVal,k=void 0===f?[]:f,y=e.otherVal,m=void 0===y?"":y,x=e.repeatIndex,v=void 0===x?null:x,C=e.editMode,w=e.onChange,S=void 0===w?function(){}:w,_=e.onOtherChange,T=void 0===_?function(){}:_,O=e.onEnter,H=void 0===O?function(){}:O,Z=e.elementProps,B=void 0===Z?{}:Z,L=e.disabled,j=void 0!==L&&L,z=e.children,P=u.servar,W=(0,d.Z)(P.metadata.salesforce_sync,C),F=W.dynamicOptions,M=W.loadingDynamicOptions,R=W.shouldSalesforceSync,I=k.includes(m),X=null!==(t=P.metadata.other_label)&&void 0!==t?t:"Other",E=(0,a.useRef)(null),G=(0,a.useMemo)((function(){return(0,i.applyCheckableInputStyles)(u,b),function(e,t){t.addTargets("checkboxGroup"),(0,i.applyHeightWidthMarginByFontSize)(t,"checkboxGroup")}(0,b),b.addTargets("row-container"),b.apply("row-container","row_separation",(function(e){return{gap:"".concat(e||5,"px")}})),b.apply("row-container","option_direction",(function(e){return{flexDirection:e||"column"}})),b}),[b]),D=P.metadata.option_labels,V=null!==(o=P.metadata.option_tooltips)&&void 0!==o?o:[],N=function(e){return j||M||P.max_length&&P.max_length<=k.length&&!e},q=N(I),K=!I||q;return h=R?F.map((function(e){return{value:e.value,label:e.label,tooltip:""}})):null!==v&&void 0!==P.metadata.repeat_options&&void 0!==P.metadata.repeat_options[v]?P.metadata.repeat_options[v]:P.metadata.options.map((function(e,t){return{value:e,label:D&&D[t]?D[t]:e,tooltip:V&&V[t]?V[t]:""}})),(0,n.BX)("div",s({ref:E,css:s({position:"relative",width:"100%"},b.getTarget("fc"))},B,{children:[z,g,(0,n.BX)("div",s({css:s({display:"flex",flexWrap:"wrap",width:"100%"},G.getTarget("row-container"))},{children:[h.map((function(e,t){var o,a,r,c=null!==(o=e.value)&&void 0!==o?o:e,d=null!==(a=e.label)&&void 0!==a?a:e,h=k.includes(c),g=N(h);return(0,n.BX)("div",s({css:{display:"flex",pointerEvents:g?"none":"auto"}},{children:[(0,n.BX)("label",s({style:{display:"contents"}},{children:[(0,n.tZ)("input",{type:"checkbox",id:"".concat(P.key,"-").concat(t),name:c,checked:h,onChange:S,onFocus:p.ms,style:{padding:0,lineHeight:"normal"},css:s(s(s(s({},(0,i.composeCheckableInputStyle)(G,g)),G.getTarget("checkboxGroup")),g?b.getTarget("disabled"):{}),{"&:focus-visible":{border:"1px solid rgb(74, 144, 226)"}}),disabled:g,"aria-label":u.properties.aria_label}),(0,n.tZ)("span",s({css:s({whiteSpace:"pre-wrap",overflowWrap:"anywhere"},G.getTarget("checkboxLabel"))},{children:d}))]})),(0,n.tZ)(l.Z,{containerRef:E,id:"".concat(u.id,"-").concat(c),text:null!==(r=e.tooltip)&&void 0!==r?r:"",responsiveStyles:b,absolute:!1,repeat:u.repeat})]}),"".concat(P.key,"-").concat(t))})),P.metadata.other&&(0,n.BX)("div",s({style:{display:"flex"}},{children:[(0,n.tZ)("input",{type:"checkbox",id:"".concat(P.key,"-"),name:m,checked:I,disabled:q,onChange:S,onFocus:p.ms,style:{padding:0,lineHeight:"normal"},css:s(s(s(s({},(0,i.composeCheckableInputStyle)(G,q)),G.getTarget("checkboxGroup")),q?b.getTarget("disabled"):{}),{"&:focus-visible":{border:"1px solid rgb(74, 144, 226)"}})},"".concat(P.key,"-")),(0,n.tZ)("label",s({htmlFor:"".concat(P.key,"-"),css:G.getTarget("checkboxLabel")},{children:X})),(0,n.tZ)(r.N,{type:"text",htmlSize:1,css:s(s(s(s({marginLeft:"5px"},c.ET),{paddingLeft:"0.4rem",flexGrow:1}),b.getTarget("field")),K?b.getTarget("disabled"):{}),id:P.key,value:m||"",onChange:T,onKeyDown:function(e){"Enter"===e.key&&H(e)},required:I,disabled:K}),(0,n.tZ)(l.Z,{containerRef:E,id:"".concat(u.id,"-"),text:P.metadata.other_tooltip,responsiveStyles:b,absolute:!1,repeat:u.repeat})]}))]}))]}))}}}]);
+"use strict";(this.webpackChunkFeathery=this.webpackChunkFeathery||[]).push([[446,745],{5577:(e,t,o)=>{o.d(t,{N:()=>r});var n=o(5944),a=function(){return a=Object.assign||function(e){for(var t,o=1,n=arguments.length;o<n;o++)for(var a in t=arguments[o])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},a.apply(this,arguments)};function r(e){var t=e.type,o=void 0===t?"text":t,r=e.htmlSize,c=e.css,i=function(e,t){var o={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(o[n[a]]=e[n[a]])}return o}(e,["type","htmlSize","css"]);return(0,n.tZ)("input",a({type:o,size:r,css:a({border:"1px solid #ced4da",borderRadius:"0.375rem",padding:"0.375rem 0.75rem",fontSize:"1rem",lineHeight:"1.5",color:"#495057",backgroundColor:"#fff",backgroundClip:"padding-box",transition:"border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out","&:focus":{borderColor:"#80bdff",outline:0,boxShadow:"0 0 0 0.2rem rgba(0, 123, 255, 0.25)"},"&:disabled":{backgroundColor:"#e9ecef",opacity:1}},c)},i))}},2788:(e,t,o)=>{o.r(t),o.d(t,{applyCheckableInputStyles:()=>h,applyHeightWidthMarginByFontSize:()=>p,composeCheckableInputStyle:()=>u,default:()=>b});var n=o(5944),a=o(7294),r=o(9479),c=function(){return c=Object.assign||function(e){for(var t,o=1,n=arguments.length;o<n;o++)for(var a in t=arguments[o])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},c.apply(this,arguments)},i="polygon(40% 85%, 89% 23%, 76% 12%, 39% 59%, 23% 44%, 12% 55%)",l=function(e){return Math.max(e,13)},p=function(e,t,o){void 0===o&&(o=!1),e.apply(t,["font_size"],(function(e){var t=l(e),n="".concat(t,"px"),a={minHeight:n,height:n,minWidth:n,width:n},r=Math.max(t/2,10);return o||(a.marginRight="".concat(r,"px")),a}))},d=function(e,t,o,n){e.apply(t,["font_size",o],(function(e,t){var o=l(e);return n?function(e,t){return{height:e=Math.floor(e/1.7),width:e,minWidth:e,minHeight:e,border:0,boxShadow:"inset ".concat(e,"px ").concat(e,"px #").concat(t),borderRadius:"50%"}}(o,t):function(e,t){return{boxShadow:"inset ".concat(e,"px ").concat(e,"px #").concat(t),clipPath:i}}(o,t)}))},s=function(e,t,o){e.apply(t,["height","height_unit","width","width_unit",o],(function(e,t,o,n,a){return{boxShadow:"inset ".concat(o).concat(n," ").concat(e).concat(t," #").concat(a),clipPath:i}}))};function h(e,t){t.addTargets("checkbox","checkboxCheckmark","checkboxSelected","checkboxHover","checkboxCheckmarkHover","checkboxLabel");var o=e.servar,n=o.type,a=o.metadata.multiple,r="select"===n||"matrix"===n&&!a;return"multiselect"===n||"checkbox_group"===n||"matrix"===n&&a||r?(function(e,t){e.apply("checkboxLabel",["font_size","line_height"],(function(e,t){return t||(t=l(e)),{position:"relative",top:"-".concat((t-e)/2,"px"),lineHeight:"".concat(t,"px")}}))}(t),p(t,"checkbox",!0),p(t,"checkboxCheckmark",!0),p(t,"checkboxCheckmarkHover",!0),d(t,"checkboxCheckmark","selected_font_color",r),d(t,"checkboxCheckmarkHover","hover_font_color",r)):(t.applyHeight("checkbox"),t.applyWidth("checkbox"),t.applyHeight("checkboxCheckmark"),t.applyWidth("checkboxCheckmark"),t.applyHeight("checkboxCheckmarkHover"),t.applyWidth("checkboxCheckmarkHover"),s(t,"checkboxCheckmark","selected_font_color"),s(t,"checkboxCheckmarkHover","hover_font_color")),t.applyBorders({target:"checkbox"}),r||t.applyCorners("checkbox"),t.applyBoxShadow("checkbox"),t.applyColor("checkbox","background_color","backgroundColor",!0),t.applySelectorStyles("checkboxHover",{prefix:"hover_",important:!0}),t.applySelectorStyles("checkboxSelected",{prefix:"selected_",important:!0}),t}var u=function(e,t,o){return void 0===t&&(t=!1),void 0===o&&(o=!1),c(c({position:"static",marginLeft:5,marginRight:5,marginTop:0,marginBottom:0,appearance:"none",display:"grid",placeContent:"center",outline:"none",borderRadius:o?"50%":null},e.getTarget("checkbox")),{"&:hover":(0,r.wL)(t?{}:e.getTarget("checkboxHover")),"&::before":c({content:"''",transform:"scale(0)"},e.getTarget("checkboxCheckmark")),"&:hover::before":(0,r.wL)(c(c({},e.getTarget("checkboxCheckmark")),e.getTarget("checkboxCheckmarkHover"))),"&:checked":c({},e.getTarget("checkboxSelected")),"&:checked::before":{transform:"scale(1)"}})};const b=function(e){var t=e.element,o=e.responsiveStyles,i=e.fieldLabel,l=e.fieldVal,p=void 0===l||l,d=e.onChange,s=void 0===d?function(){}:d,b=e.elementProps,g=void 0===b?{}:b,f=e.disabled,k=void 0!==f&&f,y=e.children,m=(0,a.useMemo)((function(){return h(t,o)}),[o]),x=t.servar;return(0,n.BX)("div",c({css:c(c({},o.getTarget("fc")),{position:"relative",display:"flex"})},g,{children:[y,(0,n.tZ)("input",{id:x.key,name:x.key,type:"checkbox",checked:p,disabled:k,onChange:s,onFocus:r.ms,"aria-label":t.properties.aria_label,css:c(c(c({},u(m,k)),k?o.getTarget("disabled"):{}),{marginTop:"4px","&:focus-visible":{border:"1px solid rgb(74, 144, 226)"}})}),i]}))}},8250:(e,t,o)=>{o.r(t),o.d(t,{default:()=>h});var n=o(5944),a=o(7294),r=o(5577),c=o(1211),i=o(2788),l=o(1587),p=o(9479),d=o(5406),s=function(){return s=Object.assign||function(e){for(var t,o=1,n=arguments.length;o<n;o++)for(var a in t=arguments[o])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},s.apply(this,arguments)};const h=function(e){var t,o,h,u=e.element,b=e.responsiveStyles,g=e.fieldLabel,f=e.fieldVal,k=void 0===f?[]:f,y=e.otherVal,m=void 0===y?"":y,x=e.repeatIndex,v=void 0===x?null:x,C=e.editMode,w=e.onChange,S=void 0===w?function(){}:w,_=e.onOtherChange,T=void 0===_?function(){}:_,O=e.onEnter,H=void 0===O?function(){}:O,Z=e.elementProps,B=void 0===Z?{}:Z,L=e.disabled,j=void 0!==L&&L,z=e.children,P=u.servar,W=(0,d.Z)(P.metadata.salesforce_sync,C),F=W.dynamicOptions,M=W.loadingDynamicOptions,R=W.shouldSalesforceSync,I=k.includes(m),X=null!==(t=P.metadata.other_label)&&void 0!==t?t:"Other",E=(0,a.useRef)(null),G=(0,a.useMemo)((function(){return(0,i.applyCheckableInputStyles)(u,b),function(e,t){t.addTargets("checkboxGroup"),(0,i.applyHeightWidthMarginByFontSize)(t,"checkboxGroup")}(0,b),b.addTargets("row-container"),b.apply("row-container","row_separation",(function(e){return{gap:"".concat(e||5,"px")}})),b.apply("row-container","option_direction",(function(e){return{flexDirection:e||"column"}})),b}),[b]),D=P.metadata.option_labels,V=null!==(o=P.metadata.option_tooltips)&&void 0!==o?o:[],N=function(e){return j||M||P.max_length&&P.max_length<=k.length&&!e},q=N(I),K=!I||q;return h=R?F.map((function(e){return{value:e.value,label:e.label,tooltip:""}})):null!==v&&void 0!==P.metadata.repeat_options&&void 0!==P.metadata.repeat_options[v]?P.metadata.repeat_options[v]:P.metadata.options.map((function(e,t){return{value:e,label:D&&D[t]?D[t]:e,tooltip:V&&V[t]?V[t]:""}})),(0,n.BX)("div",s({ref:E,css:s({position:"relative",width:"100%"},b.getTarget("fc"))},B,{children:[z,g,(0,n.BX)("div",s({css:s({display:"flex",flexWrap:"wrap",width:"100%"},G.getTarget("row-container"))},{children:[h.map((function(e,t){var o,a,r,c=null!==(o=e.value)&&void 0!==o?o:e,d=null!==(a=e.label)&&void 0!==a?a:e,h=k.includes(c),g=N(h);return(0,n.BX)("div",s({css:{display:"flex",pointerEvents:g?"none":"auto"}},{children:[(0,n.BX)("label",s({style:{display:"contents"}},{children:[(0,n.tZ)("input",{type:"checkbox",id:"".concat(P.key,"-").concat(t),name:c,checked:h,onChange:S,onFocus:p.ms,style:{padding:0,lineHeight:"normal"},css:s(s(s(s({},(0,i.composeCheckableInputStyle)(G,g)),G.getTarget("checkboxGroup")),g?b.getTarget("disabled"):{}),{"&:focus-visible":{border:"1px solid rgb(74, 144, 226)"}}),disabled:g,"aria-label":u.properties.aria_label}),(0,n.tZ)("span",s({css:s({whiteSpace:"pre-wrap",overflowWrap:"anywhere"},G.getTarget("checkboxLabel"))},{children:d}))]})),(0,n.tZ)(l.Z,{containerRef:E,id:"".concat(u.id,"-").concat(c),text:null!==(r=e.tooltip)&&void 0!==r?r:"",responsiveStyles:b,absolute:!1,repeat:u.repeat})]}),"".concat(P.key,"-").concat(t))})),P.metadata.other&&(0,n.BX)("div",s({style:{display:"flex"}},{children:[(0,n.tZ)("input",{type:"checkbox",id:"".concat(P.key,"-"),name:m,checked:I,disabled:q,onChange:S,onFocus:p.ms,style:{padding:0,lineHeight:"normal"},css:s(s(s(s({},(0,i.composeCheckableInputStyle)(G,q)),G.getTarget("checkboxGroup")),q?b.getTarget("disabled"):{}),{"&:focus-visible":{border:"1px solid rgb(74, 144, 226)"}})},"".concat(P.key,"-")),(0,n.tZ)("label",s({htmlFor:"".concat(P.key,"-"),css:G.getTarget("checkboxLabel")},{children:X})),(0,n.tZ)(r.N,{type:"text",htmlSize:1,css:s(s(s(s({marginLeft:"5px"},c.ET),{paddingLeft:"0.4rem",flexGrow:1}),b.getTarget("field")),K?b.getTarget("disabled"):{}),id:P.key,value:m||"",onChange:T,onKeyDown:function(e){"Enter"===e.key&&H(e)},required:I,disabled:K}),(0,n.tZ)(l.Z,{containerRef:E,id:"".concat(u.id,"-"),text:P.metadata.other_tooltip,responsiveStyles:b,absolute:!1,repeat:u.repeat})]}))]}))]}))}}}]);

package/umd/ColorPickerField.f6740bb7c4c20a520db5.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunkFeathery=this.webpackChunkFeathery||[]).push([[999],{3714:(e,r,t)=>{t.r(r),t.d(r,{default:()=>ae});var a=t(5944),o=t(7294),n=t(2988);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},s.apply(this,arguments)}function l(e,r){if(null==e)return{};var t,a,o={},n=Object.keys(e);for(a=0;a<n.length;a++)t=n[a],r.indexOf(t)>=0||(o[t]=e[t]);return o}var i=255,c=100,p=e=>{var{r,g:t,b:a,a:o}=e,n=Math.max(r,t,a),s=n-Math.min(r,t,a),l=s?n===r?(t-a)/s:n===t?2+(a-r)/s:4+(r-t)/s:0;return{h:60*(l<0?l+6:l),s:n?s/n*c:0,v:n/i*c,a:o}},d=e=>{var{h:r,s:t,l:a,a:o}=h(e);return"hsla("+r+", "+t+"%, "+a+"%, "+o+")"},h=e=>{var{h:r,s:t,v:a,a:o}=e,n=(200-t)*a/c;return{h:r,s:n>0&&n<200?t*a/c/(n<=c?n:200-n)*c:0,l:n/2,a:o}},u=(Math.PI,e=>{var r,{r:t,g:a,b:o}=e;return"#"+(r=(t<<16|a<<8|o).toString(16),new Array(7-r.length).join("0")+r)}),g=e=>p(b(e)),b=e=>{var r=e.replace("#","");/^#?/.test(e)&&3===r.length&&(e="#"+r.charAt(0)+r.charAt(0)+r.charAt(1)+r.charAt(1)+r.charAt(2)+r.charAt(2));var t=new RegExp("[A-Za-z0-9]{2}","g"),[a,o,n=0,s]=e.match(t).map((e=>parseInt(e,16)));return{r:a,g:o,b:n,a:(null!=s?s:255)/i}},f=e=>{var{h:r,s:t,v:a,a:o}=e,n=r/60,l=t/c,p=a/c,d=Math.floor(n)%6,h=n-Math.floor(n),u=i*p*(1-l),g=i*p*(1-l*h),b=i*p*(1-l*(1-h));p*=i;var f={};switch(d){case 0:f.r=p,f.g=b,f.b=u;break;case 1:f.r=g,f.g=p,f.b=u;break;case 2:f.r=u,f.g=p,f.b=b;break;case 3:f.r=u,f.g=g,f.b=p;break;case 4:f.r=b,f.g=u,f.b=p;break;case 5:f.r=p,f.g=u,f.b=g}return f.r=Math.round(f.r),f.g=Math.round(f.g),f.b=Math.round(f.b),s({},f,{a:o})},v=e=>{var{r,g:t,b:a,a:o}=f(e);return"rgba("+r+", "+t+", "+a+", "+o+")"},x=e=>u(f(e)),m=e=>{var r,t,a,o,n,s,l,i,c;return"string"==typeof e&&y(e)?(s=g(e),i=e):"string"!=typeof e&&(s=e),s&&(a=(e=>{var{h:r,s:t,v:a}=e;return{h:r,s:t,v:a}})(s),n=h(s),c=(e=>{var{r,g:t,b:a,a:o}=e,n="number"==typeof o&&(255*o|256).toString(16).slice(1);return""+u({r,g:t,b:a})+(n||"")})(o=f(s)),i=x(s),t=(e=>{var{h:r,s:t,l:a}=e;return{h:r,s:t,l:a}})(n),l=(e=>{var{r,g:t,b:a}=e,o=function(e){return e<=.04045?e/12.92:Math.pow((e+.055)/1.055,2.4)},n=o(r/255),s=o(t/255),l=o(a/255),i={};return i.x=.4124*n+.3576*s+.1805*l,i.y=.2126*n+.7152*s+.0722*l,i.bri=.0193*n+.1192*s+.9505*l,i})(r=(e=>{var{r,g:t,b:a}=e;return{r,g:t,b:a}})(o))),{rgb:r,hsl:t,hsv:a,rgba:o,hsla:n,hsva:s,hex:i,hexa:c,xy:l}},y=e=>/^#?([A-Fa-f0-9]{3,4}){1,2}$/.test(e);function w(e){var r=(0,o.useRef)(e);return(0,o.useEffect)((()=>{r.current=e})),(0,o.useCallback)(((e,t)=>r.current&&r.current(e,t)),[])}var C=e=>"touches"in e,k=e=>{!C(e)&&e.preventDefault&&e.preventDefault()},A=function(e,r,t){return void 0===r&&(r=0),void 0===t&&(t=1),e>t?t:e<r?r:e},j=(e,r)=>{var t=e.getBoundingClientRect(),a=C(r)?r.touches[0]:r;return{left:A((a.pageX-(t.left+window.pageXOffset))/t.width),top:A((a.pageY-(t.top+window.pageYOffset))/t.height),width:t.width,height:t.height,x:a.pageX-(t.left+window.pageXOffset),y:a.pageY-(t.top+window.pageYOffset)}},N=t(5893),B=["prefixCls","className","onMove","onDown"],R=o.forwardRef(((e,r)=>{var{prefixCls:t="w-color-interactive",className:a,onMove:n,onDown:i}=e,c=l(e,B),p=(0,o.useRef)(null),d=(0,o.useRef)(!1),[h,u]=(0,o.useState)(!1),g=w(n),b=w(i),f=(0,o.useCallback)((e=>{k(e),p.current&&((C(e)?e.touches.length>0:e.buttons>0)?null==g||g(j(p.current,e),e):u(!1))}),[g]),v=(0,o.useCallback)((()=>u(!1)),[]),x=(0,o.useCallback)((e=>{e?(window.addEventListener(d.current?"touchmove":"mousemove",f),window.addEventListener(d.current?"touchend":"mouseup",v)):(window.removeEventListener("mousemove",f),window.removeEventListener("mouseup",v),window.removeEventListener("touchmove",f),window.removeEventListener("touchend",v))}),[f,v]);(0,o.useEffect)((()=>(x(h),()=>{x(!1)})),[h,f,v,x]);var m=(0,o.useCallback)((e=>{k(e.nativeEvent),(e=>!(d.current&&!C(e)||(d.current=C(e),0)))(e.nativeEvent)&&p.current&&(null==b||b(j(p.current,e.nativeEvent),e.nativeEvent),u(!0))}),[b]);return(0,N.jsx)("div",s({},c,{className:[t,a||""].filter(Boolean).join(" "),style:s({},c.style,{touchAction:"none"}),ref:p,tabIndex:0,onMouseDown:m,onTouchStart:m}))}));R.displayName="Interactive";const S=R;var E=e=>{var{className:r,color:t,left:a,top:n,prefixCls:s}=e,l={position:"absolute",top:n,left:a},i={"--saturation-pointer-box-shadow":"rgb(255 255 255) 0px 0px 0px 1.5px, rgb(0 0 0 / 30%) 0px 0px 1px 1px inset, rgb(0 0 0 / 40%) 0px 0px 1px 2px",width:6,height:6,transform:"translate(-3px, -3px)",boxShadow:"var(--saturation-pointer-box-shadow)",borderRadius:"50%",backgroundColor:t};return(0,o.useMemo)((()=>(0,N.jsx)("div",{className:s+"-pointer "+(r||""),style:l,children:(0,N.jsx)("div",{className:s+"-fill",style:i})})),[n,a,t,r,s])},P=["prefixCls","radius","pointer","className","hue","style","hsva","onChange"],F=o.forwardRef(((e,r)=>{var t,{prefixCls:a="w-color-saturation",radius:n=0,pointer:i,className:c,hue:p=0,style:h,hsva:u,onChange:g}=e,b=l(e,P),f=s({width:200,height:200,borderRadius:n},h,{position:"relative"}),v=(e,r)=>{g&&u&&g({h:u.h,s:100*e.left,v:100*(1-e.top),a:u.a})},x=(0,o.useMemo)((()=>{if(!u)return null;var e={top:100-u.v+"%",left:u.s+"%",color:d(u)};return i&&"function"==typeof i?i(s({prefixCls:a},e)):(0,N.jsx)(E,s({prefixCls:a},e))}),[u,i,a]);return(0,N.jsx)(S,s({className:[a,c||""].filter(Boolean).join(" ")},b,{style:s({position:"absolute",inset:0,cursor:"crosshair",backgroundImage:"linear-gradient(0deg, #000, transparent), linear-gradient(90deg, #fff, hsl("+(null!=(t=null==u?void 0:u.h)?t:p)+", 100%, 50%))"},f),ref:r,onMove:v,onDown:v,children:x}))}));F.displayName="Saturation";const L=F;var M=["className","prefixCls","left","top","style","fillProps"],D=e=>{var{className:r,prefixCls:t,left:a,top:o,style:n,fillProps:i}=e,c=l(e,M),p=s({},n,{position:"absolute",left:a,top:o}),d=s({width:18,height:18,boxShadow:"var(--alpha-pointer-box-shadow)",borderRadius:"50%",backgroundColor:"var(--alpha-pointer-background-color)"},null==i?void 0:i.style,{transform:a?"translate(-9px, -1px)":"translate(-1px, -9px)"});return(0,N.jsx)("div",s({className:t+"-pointer "+(r||""),style:p},c,{children:(0,N.jsx)("div",s({className:t+"-fill"},i,{style:d}))}))},z=["prefixCls","className","hsva","background","bgProps","innerProps","pointerProps","radius","width","height","direction","style","onChange","pointer"],I=o.forwardRef(((e,r)=>{var{prefixCls:t="w-color-alpha",className:a,hsva:o,background:n,bgProps:i={},innerProps:c={},pointerProps:p={},radius:h=0,width:u,height:g=16,direction:b="horizontal",style:f,onChange:v,pointer:x}=e,m=l(e,z),y=e=>{v&&v(s({},o,{a:"horizontal"===b?e.left:e.top}),e)},w=d(Object.assign({},o,{a:1})),C="linear-gradient(to "+("horizontal"===b?"right":"bottom")+", rgba(244, 67, 54, 0) 0%, "+w+" 100%)",k={};"horizontal"===b?k.left=100*o.a+"%":k.top=100*o.a+"%";var A=s({"--alpha-background-color":"#fff","--alpha-pointer-background-color":"rgb(248, 248, 248)","--alpha-pointer-box-shadow":"rgb(0 0 0 / 37%) 0px 1px 4px 0px",borderRadius:h,background:"url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) left center",backgroundColor:"var(--alpha-background-color)"},{width:u,height:g},f,{position:"relative"}),j=x&&"function"==typeof x?x(s({prefixCls:t},p,k)):(0,N.jsx)(D,s({},p,{prefixCls:t},k));return(0,N.jsxs)("div",s({},m,{className:[t,t+"-"+b,a||""].filter(Boolean).join(" "),style:A,ref:r,children:[(0,N.jsx)("div",s({},i,{style:s({inset:0,position:"absolute",background:n||C,borderRadius:h},i.style)})),(0,N.jsx)(S,s({},c,{style:s({},c.style,{inset:0,zIndex:1,position:"absolute"}),onMove:y,onDown:y,children:j}))]}))}));I.displayName="Alpha";const O=I;var T=["prefixCls","placement","label","value","className","style","labelStyle","inputStyle","onChange","onBlur","renderInput"],Y=o.forwardRef(((e,r)=>{var{prefixCls:t="w-color-editable-input",placement:a="bottom",label:n,value:i,className:c,style:p,labelStyle:d,inputStyle:h,onChange:u,onBlur:g,renderInput:b}=e,f=l(e,T),[v,x]=(0,o.useState)(i),m=(0,o.useRef)(!1);(0,o.useEffect)((()=>{e.value!==v&&(m.current||x(e.value))}),[e.value]);var y={};"bottom"===a&&(y.flexDirection="column"),"top"===a&&(y.flexDirection="column-reverse"),"left"===a&&(y.flexDirection="row-reverse");var w=s({"--editable-input-label-color":"rgb(153, 153, 153)","--editable-input-box-shadow":"rgb(204 204 204) 0px 0px 0px 1px inset","--editable-input-color":"#666",position:"relative",alignItems:"center",display:"flex",fontSize:11},y,p),C=s({width:"100%",paddingTop:2,paddingBottom:2,paddingLeft:3,paddingRight:3,fontSize:11,background:"transparent",boxSizing:"border-box",border:"none",color:"var(--editable-input-color)",boxShadow:"var(--editable-input-box-shadow)"},h),k=s({value:v,onChange:function(e,r){var t=(r||e.target.value).trim().replace(/^#/,"");/^#?([A-Fa-f0-9]{3,4}){1,2}$/.test(t)&&u&&u(e,t);var a=(e=>Number(String(e).replace(/%/g,"")))(t);isNaN(a)||u&&u(e,a),x(t)},onBlur:function(r){m.current=!1,x(e.value),g&&g(r)},autoComplete:"off",onFocus:()=>m.current=!0},f,{style:C});return(0,N.jsxs)("div",{className:[t,c||""].filter(Boolean).join(" "),style:w,children:[b?b(k,r):(0,N.jsx)("input",s({ref:r},k)),n&&(0,N.jsx)("span",{style:s({color:"var(--editable-input-label-color)",textTransform:"capitalize"},d),children:n})]})}));Y.displayName="EditableInput";const G=Y;var X=["prefixCls","hsva","placement","rProps","gProps","bProps","aProps","className","style","onChange"],U=o.forwardRef(((e,r)=>{var{prefixCls:t="w-color-editable-input-rgba",hsva:a,placement:o="bottom",rProps:n={},gProps:i={},bProps:c={},aProps:d={},className:h,style:u,onChange:g}=e,b=l(e,X),v=a?f(a):{};function x(e){var r=Number(e.target.value);r&&r>255&&(e.target.value="255"),r&&r<0&&(e.target.value="0")}var y=(e,r,t)=>{"number"==typeof e&&("a"===r&&(e<0&&(e=0),e>100&&(e=100),g&&g(m(p(s({},v,{a:e/100}))))),e>255&&(e=255,t.target.value="255"),e<0&&(e=0,t.target.value="0"),"r"===r&&g&&g(m(p(s({},v,{r:e})))),"g"===r&&g&&g(m(p(s({},v,{g:e})))),"b"===r&&g&&g(m(p(s({},v,{b:e})))))};return(0,N.jsxs)("div",s({ref:r,className:[t,h||""].filter(Boolean).join(" ")},b,{style:s({fontSize:11,display:"flex"},u),children:[(0,N.jsx)(G,s({label:"R",value:v.r||0,onBlur:x,placement:o,onChange:(e,r)=>y(r,"r",e)},n,{style:s({},n.style)})),(0,N.jsx)(G,s({label:"G",value:v.g||0,onBlur:x,placement:o,onChange:(e,r)=>y(r,"g",e)},i,{style:s({marginLeft:5},n.style)})),(0,N.jsx)(G,s({label:"B",value:v.b||0,onBlur:x,placement:o,onChange:(e,r)=>y(r,"b",e)},c,{style:s({marginLeft:5},c.style)})),d&&(0,N.jsx)(G,s({label:"A",value:v.a?parseInt(String(100*v.a),10):0,onBlur:x,placement:o,onChange:(e,r)=>y(r,"a",e)},d,{style:s({marginLeft:5},d.style)}))]}))}));U.displayName="EditableInputRGBA";const V=U;var Z=["prefixCls","className","hue","onChange","direction"],Q=o.forwardRef(((e,r)=>{var{prefixCls:t="w-color-hue",className:a,hue:o=0,onChange:n,direction:i="horizontal"}=e,c=l(e,Z);return(0,N.jsx)(O,s({ref:r,className:t+" "+(a||"")},c,{direction:i,background:"linear-gradient(to "+("horizontal"===i?"right":"bottom")+", rgb(255, 0, 0) 0%, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, rgb(255, 0, 0) 100%)",hsva:{h:o,s:100,v:100,a:o/360},onChange:(e,r)=>{n&&n({h:"horizontal"===i?360*r.left:360*r.top})}}))}));Q.displayName="Hue";const W=Q;var J=["prefixCls","className","color","colors","style","rectProps","onChange","addonAfter","addonBefore","rectRender"],H=o.forwardRef(((e,r)=>{var{prefixCls:t="w-color-swatch",className:a,color:n,colors:i=[],style:c,rectProps:p={},onChange:d,addonAfter:h,addonBefore:u,rectRender:b}=e,f=l(e,J),v=s({"--swatch-background-color":"rgb(144, 19, 254)",background:"var(--swatch-background-color)",height:15,width:15,marginRight:5,marginBottom:5,cursor:"pointer",position:"relative",outline:"none",borderRadius:2},p.style),x=(e,r)=>{d&&d(g(e),m(g(e)),r)};return(0,N.jsxs)("div",s({ref:r},f,{className:[t,a||""].filter(Boolean).join(" "),style:s({display:"flex",flexWrap:"wrap",position:"relative"},c),children:[u&&o.isValidElement(u)&&u,i&&Array.isArray(i)&&i.map(((e,r)=>{var t="",a="";"string"==typeof e&&(t=e,a=e),"object"==typeof e&&e.color&&(t=e.title||e.color,a=e.color);var l=n&&n.toLocaleLowerCase()===a.toLocaleLowerCase(),i=b&&b({title:t,color:a,checked:!!l,style:s({},v,{background:a}),onClick:e=>x(a,e)});if(i)return(0,N.jsx)(o.Fragment,{children:i},r);var c=p.children&&o.isValidElement(p.children)?o.cloneElement(p.children,{color:a,checked:l}):null;return(0,N.jsx)("div",s({tabIndex:0,title:t,onClick:e=>x(a,e)},p,{children:c,style:s({},v,{background:a})}),r)})),h&&o.isValidElement(h)&&h]}))}));H.displayName="Swatch";const $=H;var K=["prefixCls","className","onChange","width","presetColors","color","editableDisable","disableAlpha","style"],_=["#D0021B","#F5A623","#f8e61b","#8B572A","#7ED321","#417505","#BD10E0","#9013FE","#4A90E2","#50E3C2","#B8E986","#000000","#4A4A4A","#9B9B9B","#FFFFFF"],q=e=>(0,N.jsx)("div",{style:{boxShadow:"rgb(0 0 0 / 60%) 0px 0px 2px",width:4,top:1,bottom:1,left:e.left,borderRadius:1,position:"absolute",backgroundColor:"#fff"}}),ee=o.forwardRef(((e,r)=>{var{prefixCls:t="w-color-sketch",className:a,onChange:n,width:i=218,presetColors:c=_,color:p,editableDisable:d=!0,disableAlpha:h=!1,style:u}=e,b=l(e,K),[f,w]=(0,o.useState)({h:209,s:36,v:90,a:1});(0,o.useEffect)((()=>{"string"==typeof p&&y(p)&&w(g(p)),"object"==typeof p&&w(p)}),[p]);var C=e=>{w(e),n&&n(m(e))},k=s({"--sketch-background":"rgb(255, 255, 255)","--sketch-box-shadow":"rgb(0 0 0 / 15%) 0px 0px 0px 1px, rgb(0 0 0 / 15%) 0px 8px 16px","--sketch-swatch-box-shadow":"rgb(0 0 0 / 15%) 0px 0px 0px 1px inset","--sketch-alpha-box-shadow":"rgb(0 0 0 / 15%) 0px 0px 0px 1px inset, rgb(0 0 0 / 25%) 0px 0px 4px inset","--sketch-swatch-border-top":"1px solid rgb(238, 238, 238)",background:"var(--sketch-background)",borderRadius:4,boxShadow:"var(--sketch-box-shadow)",width:i},u),A={borderRadius:2,background:v(f),boxShadow:"var(--sketch-alpha-box-shadow)"};return(0,N.jsxs)("div",s({},b,{className:t+" "+(a||""),ref:r,style:k,children:[(0,N.jsxs)("div",{style:{padding:"10px 10px 8px"},children:[(0,N.jsx)(L,{hsva:f,style:{width:"auto",height:150},onChange:e=>C(s({},f,e,{a:f.a}))}),(0,N.jsxs)("div",{style:{display:"flex",marginTop:4},children:[(0,N.jsxs)("div",{style:{flex:1},children:[(0,N.jsx)(W,{width:"auto",height:10,hue:f.h,pointer:q,innerProps:{style:{marginLeft:1,marginRight:5}},onChange:e=>C(s({},f,e))}),!h&&(0,N.jsx)(O,{width:"auto",height:10,hsva:f,pointer:q,style:{marginTop:4},innerProps:{style:{marginLeft:1,marginRight:5}},onChange:e=>C(s({},f,{a:e.a}))})]}),!h&&(0,N.jsx)(O,{width:24,height:24,hsva:f,radius:2,style:{marginLeft:4},bgProps:{style:{background:"transparent"}},innerProps:{style:A},pointer:()=>(0,N.jsx)(o.Fragment,{})})]})]}),d&&(0,N.jsxs)("div",{style:{display:"flex",margin:"0 10px 3px 10px"},children:[(0,N.jsx)(G,{label:"Hex",value:x(f).replace(/^#/,"").toLocaleUpperCase(),onChange:(e,r)=>{var t;"string"==typeof(t=r)&&y(t)&&/(3|6)/.test(String(t.length))&&C(g(t))},style:{minWidth:58}}),(0,N.jsx)(V,{hsva:f,style:{marginLeft:6},aProps:!h&&{},onChange:e=>C(e.hsva)})]}),c&&c.length>0&&(0,N.jsx)($,{style:{borderTop:"var(--sketch-swatch-border-top)",paddingTop:10,paddingLeft:10},colors:c,color:x(f),onChange:e=>C(e),rectProps:{style:{marginRight:10,marginBottom:10,borderRadius:3,boxShadow:"var(--sketch-swatch-box-shadow)"}}})]}))}));ee.displayName="Sketch";const re=ee;var te=function(){return te=Object.assign||function(e){for(var r,t=1,a=arguments.length;t<a;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},te.apply(this,arguments)};const ae=function(e){var r=e.element,t=e.fieldLabel,s=e.responsiveStyles,l=e.fieldVal,i=void 0===l?"FFFFFFFF":l,c=e.editMode,p=e.onChange,d=void 0===p?function(){}:p,h=e.elementProps,u=void 0===h?{}:h,g=e.disabled,b=void 0!==g&&g,f=e.children,v=function(e,r){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var a,o,n=t.call(e),s=[];try{for(;(void 0===r||r-- >0)&&!(a=n.next()).done;)s.push(a.value)}catch(e){o={error:e}}finally{try{a&&!a.done&&(t=n.return)&&t.call(n)}finally{if(o)throw o.error}}return s}((0,o.useState)(!1),2),x=v[0],m=v[1];return(0,a.BX)("div",te({css:te({maxWidth:"100%",width:"100%",position:"relative",pointerEvents:c||b?"none":"auto"},s.getTarget("fc"))},u,{children:[f,t,(0,a.tZ)("div",{css:te({width:"100%",background:"#".concat(i),cursor:"pointer"},s.getTarget("field")),onClick:function(){c||b||m((function(e){return!e}))}}),x?(0,a.BX)("div",te({css:{position:"absolute",zIndex:n.rM+1}},{children:[(0,a.tZ)("div",{css:{position:"fixed",top:"0px",right:"0px",bottom:"0px",left:"0px"},onClick:function(){return m(!1)}}),(0,a.tZ)(re,{"aria-label":r.properties.aria_label,color:"#".concat(i),onChange:function(e){var r=e.hex.substring(1,7),t=function(e){var r=Math.max(0,Math.min(1,e));return Math.round(255*r).toString(16).toUpperCase().padStart(2,"0")}(e.rgba.a);d("".concat(r).concat(t))}})]})):null]}))}}}]);

package/umd/{CustomField.bf00bb9bdcd732c13171.js → CustomField.a5b2965922f2d170b9b5.js}

@@ -1 +1 @@
-"use strict";(this.webpackChunkFeathery=this.webpackChunkFeathery||[]).push([[329],{4394:(e,n,t)=>{t.r(n),t.d(n,{default:()=>h});var r=t(5944),o=t(5430),a=function(){return a=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},a.apply(this,arguments)};const i=function(){return(0,r.tZ)("div",a({style:{padding:"16px",border:"2px dashed #d1d5db",borderRadius:"4px",textAlign:"center"}},{children:(0,r.BX)("div",a({style:{color:"#4b5563"}},{children:[(0,r.tZ)("div",a({style:{fontSize:"14px"}},{children:"Custom Component"})),(0,r.tZ)("div",a({style:{fontSize:"12px",marginTop:"4px"}},{children:"No code provided"}))]}))}))},c=function(){return(0,r.tZ)("div",a({style:{position:"absolute",top:0,left:0,right:0,padding:"8px",backgroundColor:"#dbeafe",color:"#2563eb",fontSize:"14px"}},{children:"Loading..."}))},l=function(e){var n=e.error;return(0,r.BX)("div",a({style:{position:"absolute",top:0,left:0,right:0,padding:"8px",backgroundColor:"#fee2e2",color:"#dc2626",fontSize:"14px"}},{children:["Error: ",n]}))};var s=t(9479),d=function(e,n,t){return"\n<!DOCTYPE html>\n<html>\n  <head>\n    <script src=\"https://cdn.jsdelivr.net/npm/@babel/standalone/babel.min.js\"><\/script>\n    <style>\n      * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n      }\n      \n      body {\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n        line-height: 1.5;\n        overflow: hidden;\n      }\n\n      #root {\n        min-height: 100vh;\n        width: 100%;\n      }\n    </style>\n    <script type=\"importmap\">\n      ".concat((r=function(e){var n=e.split("\n"),t=new Set;return n.forEach((function(e){if((e=e.trim()).startsWith("import")){var n=e.match(/from\s+['"]([^'"]+)['"]/);n&&"react"!==n[1]&&t.add(n[1])}})),Array.from(t)}(e),o=r.map((function(e){return function(e){try{return new URL(e),!0}catch(e){return!1}}(e)?'"'.concat(e,'": "').concat(e,'"'):'"'.concat(e,'": "https://esm.sh/').concat(e,'/?external=react"')})),'{\n  "imports": {\n    "react": "https://esm.sh/react@18.2.0",\n    "react-dom": "https://esm.sh/react-dom@18.2.0",\n    "react-dom/client": "https://esm.sh/react-dom@18.2.0/client",\n    "react/jsx-runtime": "https://esm.sh/react@18.2.0/jsx-runtime"'.concat(r.length?",":"","\n    ").concat(o.join(",\n"),"\n  }\n}")),"\n    <\/script>\n    <script type=\"module\">\n      import React from 'react';\n      import { createRoot } from 'react-dom/client';\n\n      // Store the elementId for use in postMessage\n      window.elementId = '").concat(t,"';\n\n      (async () => {\n        try {\n          const transformedCode = Babel.transform(\n            `").concat(e,"`,\n            {\n              presets: ['react'],\n              filename: 'dynamic.jsx'\n            }\n          ).code;\n\n          // Create a blob URL for the transformed code\n          const blob = new Blob([transformedCode], { type: 'text/javascript' });\n          const moduleUrl = URL.createObjectURL(blob);\n\n          // Import the component\n          const { default: UserComponent } = await import(moduleUrl);\n\n          // Set up the root and store it\n          const container = document.getElementById('root');\n          const root = createRoot(container);\n          window.rootRef = root;\n\n          window.parent.postMessage({ \n            type: 'LOADING_COMPLETE',\n            elementId: window.elementId\n          }, '*');\n\n          // Handle resize\n          const resizeObserver = new ResizeObserver(entries => {\n            const height = entries[0].contentRect.height;\n            window.parent.postMessage({ \n              type: 'resize', \n              height,\n              elementId: window.elementId\n            }, '*');\n          });\n          \n          resizeObserver.observe(container);\n\n          // Store references for updates\n          window.React = React;\n          window.UserComponent = UserComponent;\n        } catch (err) {\n          console.error('Error:', err);\n          window.parent.postMessage({ \n            type: 'error',\n            error: `${err.name}: ${err.message}`,\n            elementId: window.elementId\n          }, '*');\n        }\n      })();\n    <\/script>\n  </head>\n  <body>\n    <div id=\"root\"></div>\n  </body>\n</html>\n");var r,o},u=function(){return u=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},u.apply(this,arguments)},p=function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,o,a=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=a.next()).done;)i.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(t=a.return)&&t.call(a)}finally{if(o)throw o.error}}return i},f=t(4416),m=function(){return m=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},m.apply(this,arguments)};const h=(0,o.memo)((function(e){var n,t=e.element,a=e.elementProps,h=void 0===a?{}:a,v=e.responsiveStyles,y=e.onChange,b=e.rawValue,g=e.required,w=e.disabled,x=e.fieldStyles,C=e.editMode,R=e.rightToLeft,S=e.index,O=t.servar.metadata.code,E=(!O||""===O.trim())&&C,I=(0,o.useMemo)((function(){var e;return{fieldProperties:{description:t.servar.name,required:g,disabled:w,custom:(null===(e=t.servar.metadata)||void 0===e?void 0:e.custom)||{},aria_label:t.properties.aria_label},fieldStyles:x||{},formContext:{rightToLeft:R||!1,editMode:C||!1}}}),[g,w,x,R,C,null===(n=t.servar.metadata)||void 0===n?void 0:n.custom]),k=function(e){var n=this,t=e.componentCode,r=e.elementId,a=e.value,i=e.onChange,c=e.customProps,l=(0,o.useRef)(null),f=(0,o.useRef)(null),m=p((0,o.useState)(null),2),h=m[0],v=m[1],y=p((0,o.useState)(!0),2),b=y[0],g=y[1],w=function(e){var n,t;void 0===e&&(e=!1);var o=l.current;if(o&&f.current&&(!b||e)){var i=f.current,d=null===(n=o.contentWindow)||void 0===n?void 0:n.React,p=null===(t=o.contentWindow)||void 0===t?void 0:t.UserComponent;d&&p&&i.render(d.createElement(d.StrictMode,null,d.createElement(p,u({value:a,onChange:function(e){var n;null===(n=o.contentWindow)||void 0===n||n.parent.postMessage({type:"valueChange",value:e,elementId:r},(0,s.Kv)().location.origin)}},c))))}};return(0,o.useEffect)((function(){var e,o,a,c;e=n,o=void 0,c=function(){var e,n,o;return function(e,n){var t,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function c(a){return function(c){return function(a){if(t)throw new TypeError("Generator is already executing.");for(;i;)try{if(t=1,r&&(o=2&a[0]?r.return:a[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;switch(r=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return i.label++,{value:a[1],done:!1};case 5:i.label++,r=a[1],a=[0];continue;case 7:a=i.ops.pop(),i.trys.pop();continue;default:if(!((o=(o=i.trys).length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){i=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(6===a[0]&&i.label<o[1]){i.label=o[1],o=a;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(a);break}o[2]&&i.ops.pop(),i.trys.pop();continue}a=n.call(e,i)}catch(e){a=[6,e],r=0}finally{t=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,c])}}}(this,(function(a){if(!(e=l.current))return[2];try{return g(!0),n=d(t,0,r),o=function(n){var t,o,a,c,l;(null===(t=n.data)||void 0===t?void 0:t.elementId)===r&&("LOADING_COMPLETE"===n.data.type?(g(!1),v(null),f.current=null===(o=e.contentWindow)||void 0===o?void 0:o.rootRef,w(!0)):(null===(a=n.data)||void 0===a?void 0:a.error)?(v(n.data.error),g(!1)):"resize"===(null===(c=n.data)||void 0===c?void 0:c.type)&&e?e.style.height="".concat(n.data.height,"px"):"valueChange"===(null===(l=n.data)||void 0===l?void 0:l.type)&&(null==i||i(n.data.value)))},(0,s.Kv)().addEventListener("message",o),e.srcdoc=n,[2,function(){(0,s.Kv)().removeEventListener("message",o)}]}catch(e){v(e.message),g(!1)}return[2]}))},new((a=void 0)||(a=Promise))((function(n,t){function r(e){try{l(c.next(e))}catch(e){t(e)}}function i(e){try{l(c.throw(e))}catch(e){t(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(r,i)}l((c=c.apply(e,o||[])).next())}))}),[t]),(0,o.useEffect)((function(){w()}),[a,b,c]),{iframeRef:l,error:h,loading:b}}({componentCode:t.servar.metadata.code,elementId:null!=S?"".concat(t.id,"[").concat(S,"]"):t.id,value:b,onChange:y,customProps:I}),j=k.iframeRef,L=k.error,M=k.loading;return(0,r.BX)("div",m({css:m({maxWidth:"100%",width:"100%",height:"auto",position:"relative",pointerEvents:C?"none":"auto"},null==v?void 0:v.getTarget("fc"))},h,{children:[E?(0,r.tZ)(i,{}):(0,r.BX)(r.HY,{children:[L&&(0,r.tZ)(l,{error:L}),M&&(0,r.tZ)(c,{}),(0,r.tZ)("iframe",{ref:j,sandbox:"allow-scripts allow-same-origin",style:{width:"100%",border:"none",backgroundColor:"transparent",overflow:"hidden",display:"block"}})]}),(0,r.tZ)(f.Z,{id:t.servar.key,name:t.servar.key,"aria-label":t.properties.aria_label})]}))}))}}]);
+"use strict";(this.webpackChunkFeathery=this.webpackChunkFeathery||[]).push([[329],{4394:(e,n,t)=>{t.r(n),t.d(n,{default:()=>h});var r=t(5944),o=t(7294),a=function(){return a=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},a.apply(this,arguments)};const i=function(){return(0,r.tZ)("div",a({style:{padding:"16px",border:"2px dashed #d1d5db",borderRadius:"4px",textAlign:"center"}},{children:(0,r.BX)("div",a({style:{color:"#4b5563"}},{children:[(0,r.tZ)("div",a({style:{fontSize:"14px"}},{children:"Custom Component"})),(0,r.tZ)("div",a({style:{fontSize:"12px",marginTop:"4px"}},{children:"No code provided"}))]}))}))},c=function(){return(0,r.tZ)("div",a({style:{position:"absolute",top:0,left:0,right:0,padding:"8px",backgroundColor:"#dbeafe",color:"#2563eb",fontSize:"14px"}},{children:"Loading..."}))},l=function(e){var n=e.error;return(0,r.BX)("div",a({style:{position:"absolute",top:0,left:0,right:0,padding:"8px",backgroundColor:"#fee2e2",color:"#dc2626",fontSize:"14px"}},{children:["Error: ",n]}))};var s=t(9479),d=function(e,n,t){return"\n<!DOCTYPE html>\n<html>\n  <head>\n    <script src=\"https://cdn.jsdelivr.net/npm/@babel/standalone/babel.min.js\"><\/script>\n    <style>\n      * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n      }\n      \n      body {\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n        line-height: 1.5;\n        overflow: hidden;\n      }\n\n      #root {\n        min-height: 100vh;\n        width: 100%;\n      }\n    </style>\n    <script type=\"importmap\">\n      ".concat((r=function(e){var n=e.split("\n"),t=new Set;return n.forEach((function(e){if((e=e.trim()).startsWith("import")){var n=e.match(/from\s+['"]([^'"]+)['"]/);n&&"react"!==n[1]&&t.add(n[1])}})),Array.from(t)}(e),o=r.map((function(e){return function(e){try{return new URL(e),!0}catch(e){return!1}}(e)?'"'.concat(e,'": "').concat(e,'"'):'"'.concat(e,'": "https://esm.sh/').concat(e,'/?external=react"')})),'{\n  "imports": {\n    "react": "https://esm.sh/react@18.2.0",\n    "react-dom": "https://esm.sh/react-dom@18.2.0",\n    "react-dom/client": "https://esm.sh/react-dom@18.2.0/client",\n    "react/jsx-runtime": "https://esm.sh/react@18.2.0/jsx-runtime"'.concat(r.length?",":"","\n    ").concat(o.join(",\n"),"\n  }\n}")),"\n    <\/script>\n    <script type=\"module\">\n      import React from 'react';\n      import { createRoot } from 'react-dom/client';\n\n      // Store the elementId for use in postMessage\n      window.elementId = '").concat(t,"';\n\n      (async () => {\n        try {\n          const transformedCode = Babel.transform(\n            `").concat(e,"`,\n            {\n              presets: ['react'],\n              filename: 'dynamic.jsx'\n            }\n          ).code;\n\n          // Create a blob URL for the transformed code\n          const blob = new Blob([transformedCode], { type: 'text/javascript' });\n          const moduleUrl = URL.createObjectURL(blob);\n\n          // Import the component\n          const { default: UserComponent } = await import(moduleUrl);\n\n          // Set up the root and store it\n          const container = document.getElementById('root');\n          const root = createRoot(container);\n          window.rootRef = root;\n\n          window.parent.postMessage({ \n            type: 'LOADING_COMPLETE',\n            elementId: window.elementId\n          }, '*');\n\n          // Handle resize\n          const resizeObserver = new ResizeObserver(entries => {\n            const height = entries[0].contentRect.height;\n            window.parent.postMessage({ \n              type: 'resize', \n              height,\n              elementId: window.elementId\n            }, '*');\n          });\n          \n          resizeObserver.observe(container);\n\n          // Store references for updates\n          window.React = React;\n          window.UserComponent = UserComponent;\n        } catch (err) {\n          console.error('Error:', err);\n          window.parent.postMessage({ \n            type: 'error',\n            error: `${err.name}: ${err.message}`,\n            elementId: window.elementId\n          }, '*');\n        }\n      })();\n    <\/script>\n  </head>\n  <body>\n    <div id=\"root\"></div>\n  </body>\n</html>\n");var r,o},u=function(){return u=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},u.apply(this,arguments)},p=function(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,o,a=t.call(e),i=[];try{for(;(void 0===n||n-- >0)&&!(r=a.next()).done;)i.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(t=a.return)&&t.call(a)}finally{if(o)throw o.error}}return i},f=t(4416),m=function(){return m=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},m.apply(this,arguments)};const h=(0,o.memo)((function(e){var n,t=e.element,a=e.elementProps,h=void 0===a?{}:a,v=e.responsiveStyles,y=e.onChange,b=e.rawValue,g=e.required,w=e.disabled,x=e.fieldStyles,C=e.editMode,R=e.rightToLeft,S=e.index,O=t.servar.metadata.code,E=(!O||""===O.trim())&&C,I=(0,o.useMemo)((function(){var e;return{fieldProperties:{description:t.servar.name,required:g,disabled:w,custom:(null===(e=t.servar.metadata)||void 0===e?void 0:e.custom)||{},aria_label:t.properties.aria_label},fieldStyles:x||{},formContext:{rightToLeft:R||!1,editMode:C||!1}}}),[g,w,x,R,C,null===(n=t.servar.metadata)||void 0===n?void 0:n.custom]),k=function(e){var n=this,t=e.componentCode,r=e.elementId,a=e.value,i=e.onChange,c=e.customProps,l=(0,o.useRef)(null),f=(0,o.useRef)(null),m=p((0,o.useState)(null),2),h=m[0],v=m[1],y=p((0,o.useState)(!0),2),b=y[0],g=y[1],w=function(e){var n,t;void 0===e&&(e=!1);var o=l.current;if(o&&f.current&&(!b||e)){var i=f.current,d=null===(n=o.contentWindow)||void 0===n?void 0:n.React,p=null===(t=o.contentWindow)||void 0===t?void 0:t.UserComponent;d&&p&&i.render(d.createElement(d.StrictMode,null,d.createElement(p,u({value:a,onChange:function(e){var n;null===(n=o.contentWindow)||void 0===n||n.parent.postMessage({type:"valueChange",value:e,elementId:r},(0,s.Kv)().location.origin)}},c))))}};return(0,o.useEffect)((function(){var e,o,a,c;e=n,o=void 0,c=function(){var e,n,o;return function(e,n){var t,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function c(a){return function(c){return function(a){if(t)throw new TypeError("Generator is already executing.");for(;i;)try{if(t=1,r&&(o=2&a[0]?r.return:a[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;switch(r=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return i.label++,{value:a[1],done:!1};case 5:i.label++,r=a[1],a=[0];continue;case 7:a=i.ops.pop(),i.trys.pop();continue;default:if(!((o=(o=i.trys).length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){i=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(6===a[0]&&i.label<o[1]){i.label=o[1],o=a;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(a);break}o[2]&&i.ops.pop(),i.trys.pop();continue}a=n.call(e,i)}catch(e){a=[6,e],r=0}finally{t=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,c])}}}(this,(function(a){if(!(e=l.current))return[2];try{return g(!0),n=d(t,0,r),o=function(n){var t,o,a,c,l;(null===(t=n.data)||void 0===t?void 0:t.elementId)===r&&("LOADING_COMPLETE"===n.data.type?(g(!1),v(null),f.current=null===(o=e.contentWindow)||void 0===o?void 0:o.rootRef,w(!0)):(null===(a=n.data)||void 0===a?void 0:a.error)?(v(n.data.error),g(!1)):"resize"===(null===(c=n.data)||void 0===c?void 0:c.type)&&e?e.style.height="".concat(n.data.height,"px"):"valueChange"===(null===(l=n.data)||void 0===l?void 0:l.type)&&(null==i||i(n.data.value)))},(0,s.Kv)().addEventListener("message",o),e.srcdoc=n,[2,function(){(0,s.Kv)().removeEventListener("message",o)}]}catch(e){v(e.message),g(!1)}return[2]}))},new((a=void 0)||(a=Promise))((function(n,t){function r(e){try{l(c.next(e))}catch(e){t(e)}}function i(e){try{l(c.throw(e))}catch(e){t(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(r,i)}l((c=c.apply(e,o||[])).next())}))}),[t]),(0,o.useEffect)((function(){w()}),[a,b,c]),{iframeRef:l,error:h,loading:b}}({componentCode:t.servar.metadata.code,elementId:null!=S?"".concat(t.id,"[").concat(S,"]"):t.id,value:b,onChange:y,customProps:I}),j=k.iframeRef,L=k.error,M=k.loading;return(0,r.BX)("div",m({css:m({maxWidth:"100%",width:"100%",height:"auto",position:"relative",pointerEvents:C?"none":"auto"},null==v?void 0:v.getTarget("fc"))},h,{children:[E?(0,r.tZ)(i,{}):(0,r.BX)(r.HY,{children:[L&&(0,r.tZ)(l,{error:L}),M&&(0,r.tZ)(c,{}),(0,r.tZ)("iframe",{ref:j,sandbox:"allow-scripts allow-same-origin",style:{width:"100%",border:"none",backgroundColor:"transparent",overflow:"hidden",display:"block"}})]}),(0,r.tZ)(f.Z,{id:t.servar.key,name:t.servar.key,"aria-label":t.properties.aria_label})]}))}))}}]);