@splunk/dynamic-editors 0.42.0 → 0.42.2

package/editors/TableDynamicColorEditor.js

@@ -22,26 +22,26 @@
     align-items: center;
     min-height: ${f.variables.inputHeight};
     line-height: 0;
-`,C=(e,t)=>t?[e.find((e=>e!==t)),t]:e;t.default=({help:e,helpFormat:t="tooltip",onChange:r,name:a,value:o,values:n,itemSchema:l,variantForSelectedState:s,labelPosition:u="right",labelWidth:c,label:d,appearance:f="checkbox",isDisabled:O=!1,helpTextLink:P,chipText:x})=>{const w=(0,h.hasTokens)(o)||O;let j;if(Array.isArray(n)&&2===n.length)j=C(n.map((e=>e.value)),s);else if(Array.isArray(l.enum)&&2===l.enum.length)j=C(l.enum,s);else{if("boolean"!==l.type)throw Error(`No valid values provided to CheckboxEditor: ${JSON.stringify(l)}`);j=[!1,!0]}const E=(0,i.useCallback)((e=>r(e,a,o===j[1]?j[0]:j[1])),[r,j,a,o]);return"right"===u?i.default.createElement(i.default.Fragment,null,i.default.createElement(b,{"data-test":a,disabled:w,value:a,onClick:E,selected:o===j[1],appearance:f,hasChip:!!x},i.default.createElement(y,null,d),x&&i.default.createElement(_,{"data-test":"beta-chip"},x),e&&"tooltip"===t&&i.default.createElement(m,{content:e})),e&&"under"===t&&i.default.createElement(v,null,e," ",(null==P?void 0:P.label)&&i.default.createElement(i.default.Fragment,null,i.default.createElement("br",null),i.default.createElement(p.default,{"data-test":"help-text-link",to:(null==P?void 0:P.href)||null},P.label)))):i.default.createElement(g.default,{label:d,labelPosition:u,labelWidth:c,tooltip:e},i.default.createElement(b,{"data-test":a,disabled:w,value:a,onClick:E,selected:o===j[1],appearance:f}))}},2468:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=n(r(9497)),s=n(r(23)),u=r(6649),c=l(r(9250)),d=l(r(7020)),f=l(r(1551)),p=l(r(1151)),{useRef:h,useState:g,useCallback:m}=i,b={label:s.string,labelPosition:s.oneOf(["top","left"]),labelWidth:s.number,onResetToDefault:s.func},v=({label:e,labelPosition:t="left",labelWidth:r,onResetToDefault:a})=>{const[o,n]=g(!1),l=h(null),s=m((()=>n(!0)),[]),b=m((()=>n(!1)),[]);return i.createElement(c.default,{label:(0,u._)(e),labelPosition:t,labelWidth:r},i.createElement(d.default,{"data-test":"customized-in-source-button",onClick:s,appearance:"default",ref:l,label:(0,u._)("Customized in source")}),i.createElement(f.default,{"data-test":"customized-in-source-popover",open:o,anchor:l.current,onRequestClose:b,defaultPlacement:"horizontal"},i.createElement(p.default,{onResetToDefault:a})))};v.propTypes=b,t.default=v},152:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditor=t.prepareUpdate=void 0;const i=n(r(9497)),s=n(r(23)),u=r(7124),c=l(r(9250)),d=l(r(7020)),f=l(r(1551)),p=l(r(232)),h=r(6649),g=r(5089),m=r(4793),b=r(1413),v=l(r(5411)),_=r(2369),y=l(r(2468)),C=r(5862),O=r(6801),P=r(1027),{useRef:x,useState:w,useEffect:j}=i,E=p.default.div`
+`,C=(e,t)=>t?[e.find((e=>e!==t)),t]:e;t.default=({help:e,helpFormat:t="tooltip",onChange:r,name:a,value:o,values:n,itemSchema:l,variantForSelectedState:s,labelPosition:u="right",labelWidth:c,label:d,appearance:f="checkbox",isDisabled:O=!1,helpTextLink:P,chipText:x})=>{const w=(0,h.hasTokens)(o)||O;let j;if(Array.isArray(n)&&2===n.length)j=C(n.map((e=>e.value)),s);else if(Array.isArray(l.enum)&&2===l.enum.length)j=C(l.enum,s);else{if("boolean"!==l.type)throw Error(`No valid values provided to CheckboxEditor: ${JSON.stringify(l)}`);j=[!1,!0]}const E=(0,i.useCallback)((e=>r(e,a,o===j[1]?j[0]:j[1])),[r,j,a,o]);return"right"===u?i.default.createElement(i.default.Fragment,null,i.default.createElement(b,{"data-test":a,disabled:w,value:a,onClick:E,selected:o===j[1],appearance:f,hasChip:!!x},i.default.createElement(y,null,d),x&&i.default.createElement(_,{"data-test":"beta-chip"},x),e&&"tooltip"===t&&i.default.createElement(m,{content:e})),e&&"under"===t&&i.default.createElement(v,null,e," ",(null==P?void 0:P.label)&&i.default.createElement(i.default.Fragment,null,i.default.createElement("br",null),i.default.createElement(p.default,{"data-test":"help-text-link",to:(null==P?void 0:P.href)||null},P.label)))):i.default.createElement(g.default,{label:d,labelPosition:u,labelWidth:c,tooltip:e},i.default.createElement(b,{"data-test":a,disabled:w,value:a,onClick:E,selected:o===j[1],appearance:f}))}},2468:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=n(r(9497)),s=r(6649),u=l(r(9250)),c=l(r(7020)),d=l(r(1551)),f=l(r(1151)),{useRef:p,useState:h,useCallback:g}=i;t.default=({label:e,labelPosition:t="left",labelWidth:r,onResetToDefault:a})=>{const[o,n]=h(!1),l=p(null),m=g((()=>n(!0)),[]),b=g((()=>n(!1)),[]);return i.createElement(u.default,{label:(0,s._)(e),labelPosition:t,labelWidth:r},i.createElement(c.default,{"data-test":"customized-in-source-button",onClick:m,appearance:"default",ref:l,label:(0,s._)("Customized in source")}),i.createElement(d.default,{"data-test":"customized-in-source-popover",open:o,anchor:l.current,onRequestClose:b,defaultPlacement:"horizontal"},i.createElement(f.default,{onResetToDefault:a})))}},152:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditor=t.prepareUpdate=void 0;const i=n(r(9497)),s=r(7124),u=l(r(9250)),c=l(r(7020)),d=l(r(1551)),f=l(r(232)),p=r(6649),h=r(5089),g=r(4793),m=r(1413),b=l(r(5411)),v=r(2369),_=l(r(2468)),y=r(5862),C=r(1027),{useRef:O,useState:P,useEffect:x}=i,w=f.default.div`
     font-weight: 600;
     font-size: 14px;
     line-height: 20px;
     margin-bottom: 8px;
-`,M=p.default.div`
+`,j=f.default.div`
     font-size: 14px;
     line-height: 20px;
     margin-bottom: 8px;
-`,D=p.default.div.attrs((()=>({"data-test":"DynamicColorFlyoutContent"})))`
+`,E=f.default.div.attrs((()=>({"data-test":"DynamicColorFlyoutContent"})))`
     box-sizing: border-box;
-    padding: ${(0,u.toPx)(C.FLYOUT_PADDING)};
-    width: ${(0,u.toPx)(C.FLYOUT_WIDTH)};
-`,T=(0,p.default)(d.default)`
+    padding: ${(0,s.toPx)(y.FLYOUT_PADDING)};
+    width: ${(0,s.toPx)(y.FLYOUT_WIDTH)};
+`,M=(0,f.default)(c.default)`
     padding: '4px';
-`,S=Object.assign(Object.assign({},O.BaseEditorPropTypes),{flyoutTitle:s.string,formatters:s.arrayOf(s.shape({label:s.string,value:s.string,defaults:s.object,isDefault:s.bool})),dataSelectors:s.arrayOf(s.shape({label:s.string,value:s.string})),defaultPalettesConfig:_.sharedPalettesConfigPropType,showStaticTextColor:s.bool,colorMode:s.oneOf(["text","background","off"]),handleColorModeChange:s.func});t.prepareUpdate=({name:e,selectedDataSelector:t,selectedFormatterType:r,currentFormatterConfig:a})=>{const o=`${e}EditorConfig`,n=o.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,b.buildDSLFromDataSelectorAndFormatter)(t,r,o)},context:{[n]:a}}};t.DynamicColorEditor=({name:e,value:r,label:a="",labelPosition:o="left",labelWidth:n,context:l,onChange:s=(()=>{}),flyoutTitle:u=(0,h._)("Dynamic coloring"),formatters:d=[],dataSelectors:p=[],defaultPalettesConfig:C=g.defaultPalettesConfig,isDisabled:O=!1,showStaticTextColor:S=!1,colorMode:k,handleColorModeChange:R})=>{const[F,I]=w(!1),A=x(null),{type:B,paramKey:V}=(0,b.getLastFormatterFromDSL)(r)||{type:"unknown",paramKey:"unknown"},$=(0,b.getDataSelectorsFromDSL)(r)[0],[L,q]=w(B);j((()=>{q(B)}),[B]);const[z,U]=w($);j((()=>{U($)}),[$]);const N=(0,P.getFormatterConfig)({contextConfig:l[V],formatters:d,formatterFromDSL:B,selectedDataSelector:z}),[G,W]=w(N);j((()=>{W(N)}),[l,d,V,B,$]);const H=r=>{const a=(0,m.find)(d,(e=>e.isDefault))||(0,m.find)(d,(e=>"rangeValue"===e.value))||d[0];if((0,m.isEmpty)(a))return;const o=a.value,n=Object.keys(a.defaults)[0],l=a.defaults[n];U(n),q(o),W(l),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:n,selectedFormatterType:o,currentFormatterConfig:l}))},K=i.useCallback((()=>{I((e=>!e))}),[]);if(!(0,P.isSupportedDataSelector)({selectedDataSelector:z,dataSelectors:p})||!(0,P.isSupportedFormatter)({selectedFormatterType:L,formattersFromEditor:d,supportedFormatters:_.supportedFormatters}))return i.createElement(y.default,{label:a,labelPosition:o,labelWidth:n,onResetToDefault:H});const Y=_.supportedFormatters[L].preview;return i.createElement(i.Fragment,null,i.createElement(c.default,{"data-test":"DynamicColorEditorGroup",label:a,labelPosition:o,labelWidth:n},i.createElement(T,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default",ref:A,onClick:K,disabled:O},i.createElement(Y,{"data-test":"FormatterConfigPreview",config:G}))),i.createElement(f.default,{"data-test":"DynamicColorEditorFlyout",open:F,anchor:A.current,defaultPlacement:"horizontal",style:{padding:"10px"},onRequestClose:()=>I(!1),takeFocus:!0},i.createElement(D,null,!k&&i.createElement(E,null,u),k&&i.createElement(c.default,{"data-test":"TableDynamicColorEditorGroup",label:u,labelPosition:o,labelWidth:n},i.createElement(v.default,{value:k,onChange:R},[{label:(0,h._)("Off"),value:"off"},{label:(0,h._)("Text"),value:"text"},{label:(0,h._)("Background"),value:"background"}].map((({label:e,value:t})=>i.createElement(v.default.Option,{key:t,value:t,label:(0,h._)(e)}))))),k&&i.createElement(M,null,(0,h._)("Method")),i.createElement(_.FormatterEditor,{selectedDataSelector:z,selectedFormatterType:L,currentFormatterConfig:G,onDataSelectorChange:(r,a,o)=>{U(o);const n=(0,m.find)(d,(e=>e.defaults[o]));q(n.value);const l=n.defaults[o];W(l),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:o,selectedFormatterType:n.value,currentFormatterConfig:l}))},onFormatterTypeChange:(r,a,o)=>{q(o);const n=(0,m.find)(d,["value",o]).defaults[z];W(n),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:z,selectedFormatterType:o,currentFormatterConfig:n}))},onFormatterConfigChange:(r,a,o)=>{W(o),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:z,selectedFormatterType:L,currentFormatterConfig:o}))},formatters:d,dataSelectors:p,defaultPalettesConfig:C,showStaticTextColor:S}))))},t.DynamicColorEditor.propTypes=S},8444:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.TableDynamicColorEditor=void 0;const i=n(r(9497)),s=r(6649),u=r(152),c=l(r(2065)),d=r(333),f=r(630),p=Object.assign({},d.DynamicColorEditorPropTypes);t.TableDynamicColorEditor=({name:e,value:t,label:r="",labelPosition:a,labelWidth:o,context:n,flyoutTitle:l=(0,s._)("Dynamic coloring"),formatters:d=[],dataSelectors:p=[],defaultPalettesConfig:h,tooltip:g,options:m={},onChange:b=(()=>{})})=>{const v=(null==m?void 0:m.tableFormat)||{},_=(null==v?void 0:v.rowColors)?"text":"background",[y,C]=i.useState(_),O=(null==m?void 0:m.tableFormat)||{},[P,x]=i.useState(Boolean(O.rowColors||O.rowBackgroundColors));i.useEffect((()=>{const e=(null==m?void 0:m.tableFormat)||{},{rowColors:t,rowBackgroundColors:r}=e,a=Boolean(t||r);x(a),a||C("background")}),[null==m?void 0:m.tableFormat]);const w=i.useCallback(((e,t)=>{var r,a,o,l;x((e=>!e));const i=Object.assign(Object.assign({},m),{tableFormat:Object.assign({},m.tableFormat)}),s=Object.assign({},n);if(P)Object.assign(i.tableFormat,(0,f.clearDynamicColoring)(y)),s.tableFormatEditorConfig=void 0,b(e,{options:i,context:s});else{const t=(null===(r=p[0])||void 0===r?void 0:r.value)||"table",n=(null===(a=d[0])||void 0===a?void 0:a.value)||"gradient",u=(null===(l=null===(o=d[0])||void 0===o?void 0:o.defaults)||void 0===l?void 0:l[t])||{},c=`> ${t} | ${n}(tableFormatEditorConfig)`;"background"===y?(i.tableFormat.rowBackgroundColors=c,i.tableFormat.rowColors=void 0):(i.tableFormat.rowColors=c,i.tableFormat.rowBackgroundColors=void 0),s.tableFormatEditorConfig=u,b(e,{options:i,context:s})}}),[m,n,P,b,y,p,d]),j=i.useCallback(((e,t)=>{var r,a;const o=null===(r=t.options)||void 0===r?void 0:r.tableFormat,l=null===(a=t.context)||void 0===a?void 0:a.tableFormatEditorConfig,i=Object.assign(Object.assign({},m),{tableFormat:Object.assign({},m.tableFormat)});"background"===y?(i.tableFormat.rowBackgroundColors=o,i.tableFormat.rowColors=void 0):"text"===y&&(i.tableFormat.rowColors=o,i.tableFormat.rowBackgroundColors=void 0),void 0===i.tableFormat.rowBackgroundColors&&void 0===i.tableFormat.rowColors&&(i.tableFormat={});const s=Object.assign(Object.assign({},n),{tableFormatEditorConfig:l});b(e,{options:i,context:s})}),[b,m,n,y]);return i.createElement("div",{"data-test":"dynamic-color-toggle"},i.createElement(c.default,{name:e,label:(0,s._)("Dynamic coloring"),labelPosition:"right",value:P,onChange:w,itemSchema:{type:"boolean"},help:g}),P&&i.createElement(u.DynamicColorEditor,{name:e,label:r||(0,s._)("Dynamic coloring"),labelPosition:a,labelWidth:o,value:"background"===y?null==t?void 0:t.rowBackgroundColors:null==t?void 0:t.rowColors,context:n,onChange:j,flyoutTitle:l,formatters:d,dataSelectors:p,defaultPalettesConfig:h,colorMode:y,handleColorModeChange:(e,{value:t})=>{const r=Object.assign(Object.assign({},m),{tableFormat:Object.assign({},v)}),a=Object.assign({},n);"off"===t?(x(!1),Object.assign(r.tableFormat,(0,f.clearDynamicColoring)(y)),a.tableFormatEditorConfig=void 0):"background"===y&&"text"===t?(Object.assign(r.tableFormat,(0,f.moveDslBetweenModes)("background","text",v)),C("text")):"text"===y&&"background"===t&&(Object.assign(r.tableFormat,(0,f.moveDslBetweenModes)("text","background",v)),C("background")),b(e,{options:r,context:a})}}))},t.TableDynamicColorEditor.propTypes=p},1705:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColorPreview=void 0;const i=n(r(9497)),s=n(r(23)),u=l(r(232)),c=r(3283),d=r(8987),f=u.default.div.attrs((e=>({"data-test":"ColorPreviewWrapper",isReversed:e.isReversed})))`
+`;t.prepareUpdate=({name:e,selectedDataSelector:t,selectedFormatterType:r,currentFormatterConfig:a})=>{const o=`${e}EditorConfig`,n=o.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,m.buildDSLFromDataSelectorAndFormatter)(t,r,o)},context:{[n]:a}}};t.DynamicColorEditor=({name:e,value:r,label:a="",labelPosition:o="left",labelWidth:n,context:l,onChange:s=(()=>{}),flyoutTitle:c=(0,p._)("Dynamic coloring"),formatters:f=[],dataSelectors:y=[],defaultPalettesConfig:D=h.defaultPalettesConfig,isDisabled:S=!1,showStaticTextColor:T=!1,colorMode:k,handleColorModeChange:R})=>{const[F,I]=P(!1),A=O(null),{type:B,paramKey:V}=(0,m.getLastFormatterFromDSL)(r)||{type:"unknown",paramKey:"unknown"},$=(0,m.getDataSelectorsFromDSL)(r)[0],[L,q]=P(B);x((()=>{q(B)}),[B]);const[U,z]=P($);x((()=>{z($)}),[$]);const N=(0,C.getFormatterConfig)({contextConfig:l[V],formatters:f,formatterFromDSL:B,selectedDataSelector:U}),[G,W]=P(N);x((()=>{W(N)}),[l,f,V,B,$]);const H=r=>{const a=(0,g.find)(f,(e=>e.isDefault))||(0,g.find)(f,(e=>"rangeValue"===e.value))||f[0];if((0,g.isEmpty)(a))return;const o=a.value,n=Object.keys(a.defaults)[0],l=a.defaults[n];z(n),q(o),W(l),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:n,selectedFormatterType:o,currentFormatterConfig:l}))},K=i.useCallback((()=>{I((e=>!e))}),[]);if(!(0,C.isSupportedDataSelector)({selectedDataSelector:U,dataSelectors:y})||!(0,C.isSupportedFormatter)({selectedFormatterType:L,formattersFromEditor:f,supportedFormatters:v.supportedFormatters}))return i.createElement(_.default,{label:a,labelPosition:o,labelWidth:n,onResetToDefault:H});const Y=v.supportedFormatters[L].preview;return i.createElement(i.Fragment,null,i.createElement(u.default,{"data-test":"DynamicColorEditorGroup",label:a,labelPosition:o,labelWidth:n},i.createElement(M,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default",ref:A,onClick:K,disabled:S},i.createElement(Y,{"data-test":"FormatterConfigPreview",config:G}))),i.createElement(d.default,{"data-test":"DynamicColorEditorFlyout",open:F,anchor:A.current,defaultPlacement:"horizontal",style:{padding:"10px"},onRequestClose:()=>I(!1),takeFocus:!0},i.createElement(E,null,!k&&i.createElement(w,null,c),k&&i.createElement(u.default,{"data-test":"TableDynamicColorEditorGroup",label:c,labelPosition:o,labelWidth:n},i.createElement(b.default,{value:k,onChange:R},[{label:(0,p._)("Off"),value:"off"},{label:(0,p._)("Text"),value:"text"},{label:(0,p._)("Background"),value:"background"}].map((({label:e,value:t})=>i.createElement(b.default.Option,{key:t,value:t,label:(0,p._)(e)}))))),k&&i.createElement(j,null,(0,p._)("Method")),i.createElement(v.FormatterEditor,{selectedDataSelector:U,selectedFormatterType:L,currentFormatterConfig:G,onDataSelectorChange:(r,a,o)=>{z(o);const n=(0,g.find)(f,(e=>e.defaults[o]));q(n.value);const l=n.defaults[o];W(l),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:o,selectedFormatterType:n.value,currentFormatterConfig:l}))},onFormatterTypeChange:(r,a,o)=>{q(o);const n=(0,g.find)(f,["value",o]).defaults[U];W(n),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:U,selectedFormatterType:o,currentFormatterConfig:n}))},onFormatterConfigChange:(r,a,o)=>{W(o),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:U,selectedFormatterType:L,currentFormatterConfig:o}))},formatters:f,dataSelectors:y,defaultPalettesConfig:D,showStaticTextColor:T}))))}},8444:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.TableDynamicColorEditor=void 0;const i=n(r(9497)),s=r(6649),u=r(152),c=l(r(2065)),d=r(333),f=r(630),p=Object.assign({},d.DynamicColorEditorPropTypes);t.TableDynamicColorEditor=({name:e,value:t,label:r="",labelPosition:a,labelWidth:o,context:n,flyoutTitle:l=(0,s._)("Dynamic coloring"),formatters:d=[],dataSelectors:p=[],defaultPalettesConfig:h,tooltip:g,options:m={},onChange:b=(()=>{})})=>{const v=(null==m?void 0:m.tableFormat)||{},_=(null==v?void 0:v.rowColors)?"text":"background",[y,C]=i.useState(_),O=(null==m?void 0:m.tableFormat)||{},[P,x]=i.useState(Boolean(O.rowColors||O.rowBackgroundColors));i.useEffect((()=>{const e=(null==m?void 0:m.tableFormat)||{},{rowColors:t,rowBackgroundColors:r}=e,a=Boolean(t||r);x(a),a||C("background")}),[null==m?void 0:m.tableFormat]);const w=i.useCallback(((e,t)=>{var r,a,o,l;x((e=>!e));const i=Object.assign(Object.assign({},m),{tableFormat:Object.assign({},m.tableFormat)}),s=Object.assign({},n);if(P)Object.assign(i.tableFormat,(0,f.clearDynamicColoring)(y)),s.tableFormatEditorConfig=void 0,b(e,{options:i,context:s});else{const t=(null===(r=p[0])||void 0===r?void 0:r.value)||"table",n=(null===(a=d[0])||void 0===a?void 0:a.value)||"gradient",u=(null===(l=null===(o=d[0])||void 0===o?void 0:o.defaults)||void 0===l?void 0:l[t])||{},c=`> ${t} | ${n}(tableFormatEditorConfig)`;"background"===y?(i.tableFormat.rowBackgroundColors=c,i.tableFormat.rowColors=void 0):(i.tableFormat.rowColors=c,i.tableFormat.rowBackgroundColors=void 0),s.tableFormatEditorConfig=u,b(e,{options:i,context:s})}}),[m,n,P,b,y,p,d]),j=i.useCallback(((e,t)=>{var r,a;const o=null===(r=t.options)||void 0===r?void 0:r.tableFormat,l=null===(a=t.context)||void 0===a?void 0:a.tableFormatEditorConfig,i=Object.assign(Object.assign({},m),{tableFormat:Object.assign({},m.tableFormat)});"background"===y?(i.tableFormat.rowBackgroundColors=o,i.tableFormat.rowColors=void 0):"text"===y&&(i.tableFormat.rowColors=o,i.tableFormat.rowBackgroundColors=void 0),void 0===i.tableFormat.rowBackgroundColors&&void 0===i.tableFormat.rowColors&&(i.tableFormat={});const s=Object.assign(Object.assign({},n),{tableFormatEditorConfig:l});b(e,{options:i,context:s})}),[b,m,n,y]);return i.createElement("div",{"data-test":"dynamic-color-toggle"},i.createElement(c.default,{name:e,label:(0,s._)("Dynamic coloring"),labelPosition:"right",value:P,onChange:w,itemSchema:{type:"boolean"},help:g}),P&&i.createElement(u.DynamicColorEditor,{name:e,label:r||(0,s._)("Dynamic coloring"),labelPosition:a,labelWidth:o,value:"background"===y?null==t?void 0:t.rowBackgroundColors:null==t?void 0:t.rowColors,context:n,onChange:j,flyoutTitle:l,formatters:d,dataSelectors:p,defaultPalettesConfig:h,colorMode:y,handleColorModeChange:(e,{value:t})=>{const r=Object.assign(Object.assign({},m),{tableFormat:Object.assign({},v)}),a=Object.assign({},n);"off"===t?(x(!1),Object.assign(r.tableFormat,(0,f.clearDynamicColoring)(y)),a.tableFormatEditorConfig=void 0):"background"===y&&"text"===t?(Object.assign(r.tableFormat,(0,f.moveDslBetweenModes)("background","text",v)),C("text")):"text"===y&&"background"===t&&(Object.assign(r.tableFormat,(0,f.moveDslBetweenModes)("text","background",v)),C("background")),b(e,{options:r,context:a})}}))},t.TableDynamicColorEditor.propTypes=p},1705:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColorPreview=void 0;const i=n(r(9497)),s=l(r(232)),u=r(3283),c=r(8987),d=s.default.div.attrs((e=>({"data-test":"ColorPreviewWrapper",isReversed:e.isReversed})))`
     display: flex;
     flex-direction: row;
     height: 100%;
-`,p=u.default.div.attrs((()=>({"data-test":"ColorPreviewItem"})))`
+`,f=s.default.div.attrs((()=>({"data-test":"ColorPreviewItem"})))`
     flex-grow: ${({widthGrow:e})=>e?1:0};
     width: ${({maxColorCount:e})=>`calc(100% / ${e})`};
     margin-right: 1px;
@@ -49,7 +49,7 @@
     &:last-of-type {
         margin-right: 0;
     }
-`,h={colors:s.arrayOf(s.string).isRequired,maxColorCount:s.number,expandToFillHorizontalSpace:s.bool,isReversed:s.bool};t.ColorPreview=({colors:e=[],maxColorCount:t=7,expandToFillHorizontalSpace:r=!0,isReversed:a=!1})=>{const o=a?[...e].reverse():[...e];return i.createElement(f,{isReversed:a},o.map(((e,a)=>(0,c.isColor)(e)&&i.createElement(p,{key:(0,d.createDOMID)(),color:e,widthGrow:r,maxColorCount:t}))))},t.ColorPreview.propTypes=h},2369:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.FormatterEditor=t.supportedFormatters=t.GradientEditorWrapper=t.MatchValueEditorWrapper=t.RangeValueEditorWrapper=t.getSortedRanges=t.sharedPalettesConfigPropType=void 0;const i=n(r(9497)),s=n(r(23)),u=r(6649),c=r(8963),d=r(1788),f=r(1561),p=l(r(8842)),h=l(r(3263)),g=l(r(530)),m=l(r(107)),b=l(r(7304)),v=l(r(2468));t.sharedPalettesConfigPropType=s.exact({paletteTheme:s.string,paletteEntry:s.exact({type:s.string,index:s.number})});t.getSortedRanges=(e=[])=>{const t=[...Array.isArray(e)?e:[]];return t.sort(((e,t)=>null==e.to?1:null==t.to?-1:+e.to-+t.to)),t};const _={paletteTheme:"DARK_COLORS",paletteEntry:{type:"sequential",index:0}};t.RangeValueEditorWrapper=({defaultPalettesConfig:e,value:t,onChange:r,selectedDataSelector:a})=>i.createElement(g.default,{"data-test":"RangeValueEditor",defaultPalettesConfig:e,value:t,onChange:(e,t,a)=>r(e,t,a),selectedDataSelector:a}),t.RangeValueEditorWrapper.propTypes={defaultPalettesConfig:t.sharedPalettesConfigPropType,value:s.arrayOf(s.shape({from:s.number,to:s.number,value:s.string})),onChange:s.func,selectedDataSelector:s.string};t.MatchValueEditorWrapper=({defaultPalettesConfig:e,value:t,onChange:r,selectedDataSelector:a})=>i.createElement(m.default,{"data-test":"MatchValueEditor",defaultPalettesConfig:e,value:t,onChange:(e,t,a)=>r(e,t,a),selectedDataSelector:a}),t.MatchValueEditorWrapper.propTypes={defaultPalettesConfig:t.sharedPalettesConfigPropType,value:s.arrayOf(s.shape({match:s.oneOfType([s.string,s.number]),value:s.string})),onChange:s.func,selectedDataSelector:s.string};t.GradientEditorWrapper=({defaultPalettesConfig:e=_,value:t,onChange:r,showStaticTextColor:a,selectedDataSelector:o})=>{var n,l,s;return(null===(n=null==t?void 0:t.stops)||void 0===n?void 0:n.length)>0||(null!==(s=null===(l=null==t?void 0:t.colors)||void 0===l?void 0:l.length)&&void 0!==s?s:0)>7?i.createElement(v.default,{label:"Data colors",labelPosition:"top",onResetToDefault:()=>{const t=(0,c.createGradientConfigFromPalettes)(e);r(void 0,void 0,t)}}):i.createElement(b.default,{"data-test":"GradientEditor",name:"gradient",defaultPalettesConfig:e,value:t,onChange:(e,t,a)=>r(e,t,a),showStaticTextColor:a,selectedDataSelector:o})},t.GradientEditorWrapper.propTypes={defaultPalettesConfig:t.sharedPalettesConfigPropType,value:s.exact({colors:s.arrayOf(s.string).isRequired,textColor:s.string}).isRequired,onChange:s.func,showStaticTextColor:s.bool,selectedDataSelector:s.string},t.supportedFormatters={gradient:{preview:p.default,editor:t.GradientEditorWrapper},rangeValue:{preview:d.RangeValuePreview,editor:t.RangeValueEditorWrapper},matchValue:{preview:f.MatchValuePreview,editor:t.MatchValueEditorWrapper}};const y=Object.keys(t.supportedFormatters),C={selectedDataSelector:s.string,selectedFormatterType:s.oneOf(y),currentFormatterConfig:s.any,formatters:s.arrayOf(s.shape({label:s.string,value:s.string,defaults:s.object,isDefault:s.bool})),dataSelectors:s.arrayOf(s.shape({label:s.string,value:s.string})),onDataSelectorChange:s.func,onFormatterTypeChange:s.func,onFormatterConfigChange:s.func,defaultPalettesConfig:t.sharedPalettesConfigPropType,showStaticTextColor:s.bool};t.FormatterEditor=({selectedDataSelector:e,selectedFormatterType:r,currentFormatterConfig:a,formatters:o=[],dataSelectors:n=[],onDataSelectorChange:l,onFormatterTypeChange:s,onFormatterConfigChange:c,defaultPalettesConfig:d,showStaticTextColor:f=!1})=>{var p;const g=n.length>1,m=g?(0,u._)("Method"):"",b=o.filter((t=>{var r;return null===(r=t.defaults)||void 0===r?void 0:r[e]})),v=b.length>1,_=null===(p=t.supportedFormatters[r])||void 0===p?void 0:p.editor;return i.createElement(i.Fragment,null,g&&i.createElement(h.default,{name:"dataSelector",label:(0,u._)("Based on"),"data-test":"FormatterEditorDataSelector",values:n,value:e,onChange:l}),v&&i.createElement(h.default,{name:"formatterSelector",label:m,"data-test":"FormatterEditorFormatterSelector",values:b,value:r,onChange:s}),i.createElement(_,{"data-test":"FormatterEditorConfigEditor",name:"formatterConfig",value:a,onChange:c,defaultPalettesConfig:d,selectedDataSelector:e,showStaticTextColor:"gradient"===r&&f}))},t.FormatterEditor.propTypes=C},5439:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=n(r(9497)),s=n(r(23)),u=r(6649),c=l(r(232)),d=l(r(7020)),f=l(r(6062)),p=c.default.div`
+`;t.ColorPreview=({colors:e=[],maxColorCount:t=7,expandToFillHorizontalSpace:r=!0,isReversed:a=!1})=>{const o=a?[...e].reverse():[...e];return i.createElement(d,{isReversed:a},o.map(((e,a)=>(0,u.isColor)(e)&&i.createElement(f,{key:(0,c.createDOMID)(),color:e,widthGrow:r,maxColorCount:t}))))}},2369:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.FormatterEditor=t.supportedFormatters=t.GradientEditorWrapper=t.MatchValueEditorWrapper=t.RangeValueEditorWrapper=t.getSortedRanges=t.sharedPalettesConfigPropType=void 0;const i=n(r(9497)),s=n(r(23)),u=r(6649),c=r(8963),d=r(1788),f=r(1561),p=l(r(8842)),h=l(r(3263)),g=l(r(530)),m=l(r(107)),b=l(r(7304)),v=l(r(2468));t.sharedPalettesConfigPropType=s.exact({paletteTheme:s.string,paletteEntry:s.exact({type:s.string,index:s.number})});t.getSortedRanges=(e=[])=>{const t=[...Array.isArray(e)?e:[]];return t.sort(((e,t)=>null==e.to?1:null==t.to?-1:+e.to-+t.to)),t};const _={paletteTheme:"DARK_COLORS",paletteEntry:{type:"sequential",index:0}};t.RangeValueEditorWrapper=({defaultPalettesConfig:e,value:t,onChange:r,selectedDataSelector:a})=>i.createElement(g.default,{"data-test":"RangeValueEditor",defaultPalettesConfig:e,value:t,onChange:(e,t,a)=>r(e,t,a),selectedDataSelector:a}),t.RangeValueEditorWrapper.propTypes={defaultPalettesConfig:t.sharedPalettesConfigPropType,value:s.arrayOf(s.shape({from:s.number,to:s.number,value:s.string})),onChange:s.func,selectedDataSelector:s.string};t.MatchValueEditorWrapper=({defaultPalettesConfig:e,value:t,onChange:r,selectedDataSelector:a})=>i.createElement(m.default,{"data-test":"MatchValueEditor",defaultPalettesConfig:e,value:t,onChange:(e,t,a)=>r(e,t,a),selectedDataSelector:a}),t.MatchValueEditorWrapper.propTypes={defaultPalettesConfig:t.sharedPalettesConfigPropType,value:s.arrayOf(s.shape({match:s.oneOfType([s.string,s.number]),value:s.string})),onChange:s.func,selectedDataSelector:s.string};t.GradientEditorWrapper=({defaultPalettesConfig:e=_,value:t,onChange:r,showStaticTextColor:a,selectedDataSelector:o})=>{var n,l,s;return(null===(n=null==t?void 0:t.stops)||void 0===n?void 0:n.length)>0||(null!==(s=null===(l=null==t?void 0:t.colors)||void 0===l?void 0:l.length)&&void 0!==s?s:0)>7?i.createElement(v.default,{label:"Data colors",labelPosition:"top",onResetToDefault:()=>{const t=(0,c.createGradientConfigFromPalettes)(e);r(void 0,void 0,t)}}):i.createElement(b.default,{"data-test":"GradientEditor",name:"gradient",defaultPalettesConfig:e,value:t,onChange:(e,t,a)=>r(e,t,a),showStaticTextColor:a,selectedDataSelector:o})},t.GradientEditorWrapper.propTypes={defaultPalettesConfig:t.sharedPalettesConfigPropType,value:s.exact({colors:s.arrayOf(s.string).isRequired,textColor:s.string}).isRequired,onChange:s.func,showStaticTextColor:s.bool,selectedDataSelector:s.string},t.supportedFormatters={gradient:{preview:p.default,editor:t.GradientEditorWrapper},rangeValue:{preview:d.RangeValuePreview,editor:t.RangeValueEditorWrapper},matchValue:{preview:f.MatchValuePreview,editor:t.MatchValueEditorWrapper}};const y=Object.keys(t.supportedFormatters),C=s.oneOfType([s.arrayOf(s.shape({from:s.number,to:s.number,value:s.string})),s.arrayOf(s.shape({match:s.oneOfType([s.string,s.number]),value:s.string})),s.exact({colors:s.arrayOf(s.string).isRequired,stops:s.arrayOf(s.number),textColor:s.string}),s.object,s.oneOf([null])]),O={selectedDataSelector:s.string,selectedFormatterType:s.oneOf(y),currentFormatterConfig:C,formatters:s.arrayOf(s.shape({label:s.string,value:s.string,defaults:s.object,isDefault:s.bool})),dataSelectors:s.arrayOf(s.shape({label:s.string,value:s.string})),onDataSelectorChange:s.func,onFormatterTypeChange:s.func,onFormatterConfigChange:s.func,defaultPalettesConfig:t.sharedPalettesConfigPropType,showStaticTextColor:s.bool};t.FormatterEditor=({selectedDataSelector:e,selectedFormatterType:r,currentFormatterConfig:a,formatters:o=[],dataSelectors:n=[],onDataSelectorChange:l,onFormatterTypeChange:s,onFormatterConfigChange:c,defaultPalettesConfig:d,showStaticTextColor:f=!1})=>{var p;const g=n.length>1,m=g?(0,u._)("Method"):"",b=o.filter((t=>{var r;return null===(r=t.defaults)||void 0===r?void 0:r[e]})),v=b.length>1,_=null===(p=t.supportedFormatters[r])||void 0===p?void 0:p.editor;return i.createElement(i.Fragment,null,g&&i.createElement(h.default,{name:"dataSelector",label:(0,u._)("Based on"),"data-test":"FormatterEditorDataSelector",values:n,value:e,onChange:l}),v&&i.createElement(h.default,{name:"formatterSelector",label:m,"data-test":"FormatterEditorFormatterSelector",values:b,value:r,onChange:s}),i.createElement(_,{"data-test":"FormatterEditorConfigEditor",name:"formatterConfig",value:a,onChange:c,defaultPalettesConfig:d,selectedDataSelector:e,showStaticTextColor:"gradient"===r&&f}))},t.FormatterEditor.propTypes=O},5439:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=n(r(9497)),s=n(r(23)),u=r(6649),c=l(r(232)),d=l(r(7020)),f=l(r(6062)),p=c.default.div`
     display: flex;
     flex-direction: row;
     margin-bottom: 10px;
@@ -173,7 +173,7 @@
 `,C=u.default.div`
     margin-left: 8px;
     color: ${d.variables.contentColorMuted};
-`,O=e=>{const{value:t,onChange:r,showStaticTextColor:a,isReversed:o,swatchColors:n,setIsReversed:l,selectedColors:s,isSwatchCustomized:u,disableAddStops:d}=e,O=null==t?void 0:t.textColor,[P,x]=i.useState(!1),[w,j]=i.useState(s.map((()=>!0)));i.useEffect((()=>{if("boolean"==typeof d)return void x(d);const e=!u&&s.length>=(null==n?void 0:n.length);x(e)}),[o,s,u,null==n?void 0:n.length,d]);const E=i.useCallback((e=>{r({colors:s,textColor:e})}),[s,r]),M=i.useCallback((e=>{const t=[...s].filter(((t,r)=>r!==e));if(r({colors:t}),u){const t=w.filter(((t,r)=>r!==e));j(t)}}),[s,r,u,w]),D=i.useCallback((()=>{if(1===s.length){const e=[s[0],"#000000"];return void r({colors:e})}if(!u){if(s.length>=(null==n?void 0:n.length))return void x(!0);const e=(0,f.addPaletteGradientStop)(n,s,o);if(e){r({colors:e}),e.length>=(null==n?void 0:n.length)&&x(!0)}return}const e=(0,f.addCustomGradientStop)(s,w,j);r({colors:e})}),[u,s,w,r,n,o]),T=i.useCallback((()=>{const e=[...s].reverse();if(r({colors:e}),null==l||l(!o),u){const e=[...w].reverse();j(e)}}),[s,r,l,o,u,w]),S=i.useCallback((e=>{const{colorIndex:t,value:a}=e,o=[...s];if(o[t]=a,r({colors:o}),u){const e=[...w];e[t]=!0,j(e)}}),[w,u,r,s]);return i.createElement(b,{"data-test":"gradient-configurer"},i.createElement(p.default,{"data-test":"add-reverse-stops",disableAddStops:P,handleAddStop:D,handleReverse:T}),i.createElement(v,{"data-test":"gradients-wrapper"},s.map(((e,t)=>{let r="";0===t?r=(0,c._)("Lowest value"):t===s.length-1&&(r=(0,c._)("Highest value"));const a=s.length>2&&0!==t&&t!==s.length-1;return i.createElement(_,{key:`gradient-color-${e.replace("#","")}`,"data-test":`gradient-entry-row-${t}`},i.createElement(y,{"data-test":`gradient-left-${t}`},i.createElement(h.default,{"data-test":`gradient-color-${e}`,color:e,colorIndex:t,palette:u?void 0:n,onChange:S}),i.createElement(C,{"data-test":`gradient-label-${t}`},r)),a&&i.createElement(m.default,{"data-test":`gradient-remove-button-${t}`,colorIndex:t,onRemove:()=>M(t)}))}))),a&&i.createElement(_,{"data-test":"gradient-text-color-entry"},i.createElement(g.default,{"data-test":"gradient-text-color",textColor:O,onTextColorChange:E})))};O.propTypes={value:s.any,onChange:s.func,showStaticTextColor:s.bool},t.default=O},9106:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=n(r(9497)),s=n(r(23)),u=l(r(232)),c=l(r(7020)),d=l(r(8855)),f=r(3563),p=u.default.div`
+`,O=e=>{const{value:t,onChange:r,showStaticTextColor:a,isReversed:o,swatchColors:n,setIsReversed:l,selectedColors:s,isSwatchCustomized:u,disableAddStops:d}=e,O=null==t?void 0:t.textColor,[P,x]=i.useState(!1),[w,j]=i.useState(s.map((()=>!0)));i.useEffect((()=>{if("boolean"==typeof d)return void x(d);const e=!u&&s.length>=(null==n?void 0:n.length);x(e)}),[o,s,u,null==n?void 0:n.length,d]);const E=i.useCallback((e=>{r({colors:s,textColor:e})}),[s,r]),M=i.useCallback((e=>{const t=[...s].filter(((t,r)=>r!==e));if(r({colors:t}),u){const t=w.filter(((t,r)=>r!==e));j(t)}}),[s,r,u,w]),D=i.useCallback((()=>{if(1===s.length){const e=[s[0],"#000000"];return void r({colors:e})}if(!u){if(s.length>=(null==n?void 0:n.length))return void x(!0);const e=(0,f.addPaletteGradientStop)(n,s,o);if(e){r({colors:e}),e.length>=(null==n?void 0:n.length)&&x(!0)}return}const e=(0,f.addCustomGradientStop)(s,w,j);r({colors:e})}),[u,s,w,r,n,o]),S=i.useCallback((()=>{const e=[...s].reverse();if(r({colors:e}),null==l||l(!o),u){const e=[...w].reverse();j(e)}}),[s,r,l,o,u,w]),T=i.useCallback((e=>{const{colorIndex:t,value:a}=e,o=[...s];if(o[t]=a,r({colors:o}),u){const e=[...w];e[t]=!0,j(e)}}),[w,u,r,s]);return i.createElement(b,{"data-test":"gradient-configurer"},i.createElement(p.default,{"data-test":"add-reverse-stops",disableAddStops:P,handleAddStop:D,handleReverse:S}),i.createElement(v,{"data-test":"gradients-wrapper"},s.map(((e,t)=>{let r="";0===t?r=(0,c._)("Lowest value"):t===s.length-1&&(r=(0,c._)("Highest value"));const a=s.length>2&&0!==t&&t!==s.length-1;return i.createElement(_,{key:`gradient-color-${e.replace("#","")}`,"data-test":`gradient-entry-row-${t}`},i.createElement(y,{"data-test":`gradient-left-${t}`},i.createElement(h.default,{"data-test":`gradient-color-${e}`,color:e,colorIndex:t,palette:u?void 0:n,onChange:T}),i.createElement(C,{"data-test":`gradient-label-${t}`},r)),a&&i.createElement(m.default,{"data-test":`gradient-remove-button-${t}`,colorIndex:t,onRemove:()=>M(t)}))}))),a&&i.createElement(_,{"data-test":"gradient-text-color-entry"},i.createElement(g.default,{"data-test":"gradient-text-color",textColor:O,onTextColorChange:E})))};O.propTypes={value:s.any,onChange:s.func,showStaticTextColor:s.bool},t.default=O},9106:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=n(r(9497)),s=n(r(23)),u=l(r(232)),c=l(r(7020)),d=l(r(8855)),f=r(3563),p=u.default.div`
     width: 32px;
     height: 32px;
     align-self: flex-end;
@@ -182,7 +182,7 @@
     &:hover {
         background-color: ${f.variables.interactiveColorOverlayDrag} !important;
     }
-`,g=({colorIndex:e,onRemove:t})=>{const r=i.useCallback((()=>t(e)),[e,t]);return i.createElement(p,null,i.createElement(h,{"data-test":"gradient-remove-button",icon:i.createElement(d.default,null),appearance:"subtle",onClick:r}))};g.propTypes={onRemove:s.func},t.default=g},8963:function(e,t,r){var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.findMatchingPaletteGradient=t.addPaletteGradientStop=t.addCustomGradientStop=t.interpolateColor=t.createGradientConfigFromPalettes=t.createDefaultPalettesConfig=t.defaultLightGradientConfig=t.defaultDarkGradientConfig=void 0;const o=a(r(5089));t.defaultDarkGradientConfig={colors:[o.default.DARK_COLORS.sequential.swatches[1][0],o.default.DARK_COLORS.sequential.swatches[1][o.default.DARK_COLORS.sequential.swatches[1].length-1]]},t.defaultLightGradientConfig={colors:[o.default.LIGHT_COLORS.sequential.swatches[1][0],o.default.LIGHT_COLORS.sequential.swatches[1][o.default.LIGHT_COLORS.sequential.swatches[1].length-1]]};t.createDefaultPalettesConfig=e=>{var t,r,a;return{paletteTheme:(null==e?void 0:e.paletteTheme)||"DARK_COLORS",paletteEntry:{type:(null===(t=null==e?void 0:e.paletteEntry)||void 0===t?void 0:t.type)||"sequential",index:null!==(a=null===(r=null==e?void 0:e.paletteEntry)||void 0===r?void 0:r.index)&&void 0!==a?a:1}}};t.createGradientConfigFromPalettes=(e,r,a)=>{var n,l,i;const s=(0,t.createDefaultPalettesConfig)(e),{paletteTheme:u,paletteEntry:c}=s,d=(null===(i=null===(l=null===(n=o.default[u])||void 0===n?void 0:n[c.type])||void 0===l?void 0:l.swatches)||void 0===i?void 0:i[c.index])||t.defaultDarkGradientConfig.colors,f=d.length>=2?[d[0],d[d.length-1]]:d;return r?{colors:f,textColor:a||"auto"}:{colors:f}};t.interpolateColor=(e,t,r)=>{const a=e.replace("#",""),o=t.replace("#",""),n=parseInt(a.substring(0,2),16),l=parseInt(a.substring(2,4),16),i=parseInt(a.substring(4,6),16),s=parseInt(o.substring(0,2),16),u=parseInt(o.substring(2,4),16),c=parseInt(o.substring(4,6),16),d=Math.round(n+r*(s-n)),f=Math.round(l+r*(u-l)),p=Math.round(i+r*(c-i)),h=e=>e.toString(16).padStart(2,"0");return`#${h(d)}${h(f)}${h(p)}`};t.addCustomGradientStop=(e,r,a)=>{var o,n;if(e.length<2)return e;const l=r.map(((e,t)=>e?t:-1)).filter((e=>-1!==e));if(l.length<2){const n=e[e.length-1],l=e[e.length-2],i=(0,t.interpolateColor)(l,n,.5),s=[...e.slice(0,e.length-1),i,n];return a([...r.slice(0,r.length-1),!1,null!==(o=r[r.length-1])&&void 0!==o&&o]),s}let i=[...e],s=[...r];for(let a=0;a<l.length-1;a+=1){const o=l[a],n=l[a+1];if(n-o>1){const a=e[o],l=e[n],s=[];for(let e=o+1;e<n;e+=1)r[e]||s.push(e);if(s.length>0)for(let e=0;e<s.length;e+=1){const r=s[e],u=(r-o)/(n-o);i[r]=(0,t.interpolateColor)(a,l,u)}}}const u=i[i.length-1],c=i[i.length-2],d=(0,t.interpolateColor)(c,u,.5);return i=[...i.slice(0,i.length-1),d,u],s=[...s.slice(0,s.length-1),!1,null!==(n=s[s.length-1])&&void 0!==n&&n],a(s),i};t.addPaletteGradientStop=(e,t,r)=>{const a=t.length-1;if(a>5)return t;const o=r?[...e].reverse():e,n=o[Math.max(1,Math.min(a,o.length-2))];return[...t.slice(0,a),n,...t.slice(a)]};t.findMatchingPaletteGradient=(e,t)=>{if(!Array.isArray(e)||e.length<2||!t||"object"!=typeof t||!t.DARK_COLORS||!t.LIGHT_COLORS)return null;const r=[];if(["DARK_COLORS","LIGHT_COLORS"].forEach((a=>{Object.entries(t[a]||{}).filter((([e])=>"_meta"!==e)).flatMap((([e,{swatches:t}])=>t.map(((t,r)=>({type:e,swatch:t,index:r}))))).forEach((({type:t,swatch:o,index:n})=>{e.length>o.length||(o.length>=2&&o[0].trim().toLowerCase()===e[0].trim().toLowerCase()&&o[o.length-1].trim().toLowerCase()===e[e.length-1].trim().toLowerCase()?r.push({paletteTheme:a,paletteEntry:{type:t,index:n},isReversed:!1,swatch:o}):o.length>=2&&o[0].trim().toLowerCase()===e[e.length-1].trim().toLowerCase()&&o[o.length-1].trim().toLowerCase()===e[0].trim().toLowerCase()&&r.push({paletteTheme:a,paletteEntry:{type:t,index:n},isReversed:!0,swatch:o}))}))})),e.length>2&&r.length>0){const t=r.find((({swatch:t,isReversed:r})=>{if(t.length<e.length)return!1;const a=r?[...t].reverse():t;if(e[0].trim().toLowerCase()!==a[0].trim().toLowerCase()||e[e.length-1].trim().toLowerCase()!==a[a.length-1].trim().toLowerCase())return!1;const o=e.slice(1,e.length-1).map((e=>e.trim().toLowerCase())),n=a.slice(1,e.length-1).map((e=>e.trim().toLowerCase()));return o.every((e=>n.includes(e)))}));if(t)return{paletteTheme:t.paletteTheme,paletteEntry:t.paletteEntry,isReversed:t.isReversed}}if(r.length>0){const e=r[0];return{paletteTheme:e.paletteTheme,paletteEntry:e.paletteEntry,isReversed:e.isReversed}}return null}},7304:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.GradientEditor=void 0;const i=n(r(9497)),s=n(r(23)),u=l(r(5089)),c=l(r(5852)),d=r(8963),f=r(8548),p=l(r(4293));t.GradientEditor=({defaultPalettesConfig:e={paletteTheme:"DARK_COLORS",paletteEntry:{type:"sequential",index:1}},onChange:t,palettes:r=u.default,showStaticTextColor:a=!1,selectedDataSelector:o,value:n={colors:["#252214","#b846bb"],textColor:"auto"}})=>{var l,s;const{colors:h,textColor:g}=n;let m,b=null,v=null;if(h&&h.length>1){const e=(0,d.findMatchingPaletteGradient)(h,r);e&&(b=e.paletteTheme,v=e.paletteEntry,m=e.isReversed)}!b&&(null==e?void 0:e.paletteTheme)&&(b=e.paletteTheme),!v&&(null==e?void 0:e.paletteEntry)&&(v=e.paletteEntry);const[_,y]=i.useState((()=>({paletteTheme:b,paletteEntry:v}))),C=null!==(l=null==_?void 0:_.paletteTheme)&&void 0!==l?l:e.paletteTheme,O=null!==(s=null==_?void 0:_.paletteEntry)&&void 0!==s?s:e.paletteEntry,P=C&&O?(0,f.getSwatchColorsFromPalette)({palettes:r,paletteInfo:O,paletteTheme:C}):[],x=(0,f.hasCustomColors)({currentSwatchColors:P,selectedColors:h}),w=x&&h.length>7?h.slice(0,7):h,j=x&&w.length>=7||!x&&w.length>=P.length,[E,M]=i.useState(m||!1),D=i.useCallback((e=>{const r={colors:(null==e?void 0:e.colors)||h};a&&(r.textColor=e.textColor||g),t(null,null,r)}),[h,a,t,g]),T=i.useCallback((e=>{if(!O)return;let t=(0,f.getSwatchColorsFromPalette)({palettes:r,paletteInfo:O,paletteTheme:e});E&&(t=[...t].reverse());let a=[];if(x&&h.length>7)a=t.slice();else{const e=h.length;if(1===e)a=[t[t.length-1]];else if(2===e)a=[t[0],t[t.length-1]];else if(e>2){a=[t[0]];for(let r=1;r<e-1;r+=1)a.push(t[r]);a.push(t[t.length-1])}}y((t=>Object.assign(Object.assign({},t),{paletteTheme:e}))),D({colors:a})}),[O,r,E,D,x,h]),S=i.useCallback((e=>{if(!e)return y({paletteTheme:null,paletteEntry:null}),void M(!1);const t=C&&e?(0,f.getSwatchColorsFromPalette)({palettes:r,paletteInfo:e,paletteTheme:C}):[],o=h.length;let n=[];if(x&&h.length>7)n=t.slice();else if(1===o)n=[t[t.length-1]];else if(2===o)n=[t[0],t[t.length-1]];else if(o>2){n=[t[0]];for(let e=1;e<o-1;e+=1)n.push(t[e]);n.push(t[t.length-1])}y({paletteTheme:C,paletteEntry:e}),M(!1);const l={colors:n};a&&(l.textColor=g),D(l)}),[C,r,a,D,g,x,h]);return i.useEffect((()=>{y((0,d.findMatchingPaletteGradient)(h,r))}),[o]),i.createElement(i.Fragment,null,i.createElement(c.default,{isSwatchCustomized:x,isReversed:E,onChangePaletteTheme:T,onPaletteChange:S,palettes:r,selectedPaletteInfo:O,selectedPaletteTheme:C}),i.createElement(p.default,{isSwatchCustomized:x,isReversed:E,setIsReversed:M,onChange:D,value:n,swatchColors:P,selectedColors:w,name:"GradientValueConfigurer",showStaticTextColor:a,disableAddStops:j}))},t.GradientEditor.propTypes={value:s.any,onChange:s.func,palettes:s.shape({_meta:s.any.isRequired}),showStaticTextColor:s.bool},t.default=t.GradientEditor},3396:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=n(r(9497)),s=n(r(23)),u=r(6649),c=l(r(232)),d=l(r(7020)),f=l(r(6062)),p=c.default.div`
+`,g=({colorIndex:e,onRemove:t})=>{const r=i.useCallback((()=>t(e)),[e,t]);return i.createElement(p,null,i.createElement(h,{"data-test":"gradient-remove-button",icon:i.createElement(d.default,null),appearance:"subtle",onClick:r}))};g.propTypes={onRemove:s.func},t.default=g},8963:function(e,t,r){var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.findMatchingPaletteGradient=t.addPaletteGradientStop=t.addCustomGradientStop=t.interpolateColor=t.createGradientConfigFromPalettes=t.createDefaultPalettesConfig=t.defaultLightGradientConfig=t.defaultDarkGradientConfig=void 0;const o=a(r(5089));t.defaultDarkGradientConfig={colors:[o.default.DARK_COLORS.sequential.swatches[1][0],o.default.DARK_COLORS.sequential.swatches[1][o.default.DARK_COLORS.sequential.swatches[1].length-1]]},t.defaultLightGradientConfig={colors:[o.default.LIGHT_COLORS.sequential.swatches[1][0],o.default.LIGHT_COLORS.sequential.swatches[1][o.default.LIGHT_COLORS.sequential.swatches[1].length-1]]};t.createDefaultPalettesConfig=e=>{var t,r,a;return{paletteTheme:(null==e?void 0:e.paletteTheme)||"DARK_COLORS",paletteEntry:{type:(null===(t=null==e?void 0:e.paletteEntry)||void 0===t?void 0:t.type)||"sequential",index:null!==(a=null===(r=null==e?void 0:e.paletteEntry)||void 0===r?void 0:r.index)&&void 0!==a?a:1}}};t.createGradientConfigFromPalettes=(e,r,a)=>{var n,l,i;const s=(0,t.createDefaultPalettesConfig)(e),{paletteTheme:u,paletteEntry:c}=s,d=(null===(i=null===(l=null===(n=o.default[u])||void 0===n?void 0:n[c.type])||void 0===l?void 0:l.swatches)||void 0===i?void 0:i[c.index])||t.defaultDarkGradientConfig.colors,f=d.length>=2?[d[0],d[d.length-1]]:d;return r?{colors:f,textColor:a||"auto"}:{colors:f}};t.interpolateColor=(e,t,r)=>{const a=e.replace("#",""),o=t.replace("#",""),n=parseInt(a.substring(0,2),16),l=parseInt(a.substring(2,4),16),i=parseInt(a.substring(4,6),16),s=parseInt(o.substring(0,2),16),u=parseInt(o.substring(2,4),16),c=parseInt(o.substring(4,6),16),d=Math.round(n+r*(s-n)),f=Math.round(l+r*(u-l)),p=Math.round(i+r*(c-i)),h=e=>e.toString(16).padStart(2,"0");return`#${h(d)}${h(f)}${h(p)}`};t.addCustomGradientStop=(e,r,a)=>{var o,n;if(e.length<2)return e;const l=r.map(((e,t)=>e?t:-1)).filter((e=>-1!==e));if(l.length<2){const n=e[e.length-1],l=e[e.length-2],i=(0,t.interpolateColor)(l,n,.5),s=[...e.slice(0,e.length-1),i,n];return a([...r.slice(0,r.length-1),!1,null!==(o=r[r.length-1])&&void 0!==o&&o]),s}let i=[...e],s=[...r];for(let a=0;a<l.length-1;a+=1){const o=l[a],n=l[a+1];if(n-o>1){const a=e[o],l=e[n],s=[];for(let e=o+1;e<n;e+=1)r[e]||s.push(e);if(s.length>0)for(let e=0;e<s.length;e+=1){const r=s[e],u=(r-o)/(n-o);i[r]=(0,t.interpolateColor)(a,l,u)}}}const u=i[i.length-1],c=i[i.length-2],d=(0,t.interpolateColor)(c,u,.5);return i=[...i.slice(0,i.length-1),d,u],s=[...s.slice(0,s.length-1),!1,null!==(n=s[s.length-1])&&void 0!==n&&n],a(s),i};t.addPaletteGradientStop=(e,t,r)=>{const a=t.length-1;if(a>5)return t;const o=r?[...e].reverse():e,n=o[Math.max(1,Math.min(a,o.length-2))];return[...t.slice(0,a),n,...t.slice(a)]};t.findMatchingPaletteGradient=(e,t)=>{if(!Array.isArray(e)||e.length<2||!t||"object"!=typeof t||!t.DARK_COLORS||!t.LIGHT_COLORS)return null;const r=[];if(["DARK_COLORS","LIGHT_COLORS"].forEach((a=>{const o=t[a];if(!o)return;Object.entries(o).filter((([e])=>"_meta"!==e)).flatMap((([e,t])=>{const{swatches:r}=t;return r.map(((t,r)=>({type:e,swatch:t,index:r})))})).forEach((({type:t,swatch:o,index:n})=>{e.length>o.length||(o.length>=2&&o[0].trim().toLowerCase()===e[0].trim().toLowerCase()&&o[o.length-1].trim().toLowerCase()===e[e.length-1].trim().toLowerCase()?r.push({paletteTheme:a,paletteEntry:{type:t,index:n},isReversed:!1,swatch:o}):o.length>=2&&o[0].trim().toLowerCase()===e[e.length-1].trim().toLowerCase()&&o[o.length-1].trim().toLowerCase()===e[0].trim().toLowerCase()&&r.push({paletteTheme:a,paletteEntry:{type:t,index:n},isReversed:!0,swatch:o}))}))})),e.length>2&&r.length>0){const t=r.find((({swatch:t,isReversed:r})=>{if(t.length<e.length)return!1;const a=r?[...t].reverse():t;if(e[0].trim().toLowerCase()!==a[0].trim().toLowerCase()||e[e.length-1].trim().toLowerCase()!==a[a.length-1].trim().toLowerCase())return!1;const o=e.slice(1,e.length-1).map((e=>e.trim().toLowerCase())),n=a.slice(1,e.length-1).map((e=>e.trim().toLowerCase()));return o.every((e=>n.includes(e)))}));if(t)return{paletteTheme:t.paletteTheme,paletteEntry:t.paletteEntry,isReversed:t.isReversed}}if(r.length>0){const e=r[0];return{paletteTheme:e.paletteTheme,paletteEntry:e.paletteEntry,isReversed:e.isReversed}}return null}},7304:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.GradientEditor=void 0;const i=n(r(9497)),s=n(r(23)),u=l(r(5089)),c=l(r(5852)),d=r(8963),f=r(8548),p=l(r(4293));t.GradientEditor=({defaultPalettesConfig:e={paletteTheme:"DARK_COLORS",paletteEntry:{type:"sequential",index:1}},onChange:t,palettes:r=u.default,showStaticTextColor:a=!1,selectedDataSelector:o,value:n={colors:["#252214","#b846bb"],textColor:"auto"}})=>{var l,s;const{colors:h,textColor:g}=n;let m,b=null,v=null;if(h&&h.length>1){const e=(0,d.findMatchingPaletteGradient)(h,r);e&&(b=e.paletteTheme,v=e.paletteEntry,m=e.isReversed)}!b&&(null==e?void 0:e.paletteTheme)&&(b=e.paletteTheme),!v&&(null==e?void 0:e.paletteEntry)&&(v=e.paletteEntry);const[_,y]=i.useState((()=>({paletteTheme:b,paletteEntry:v}))),C=null!==(l=null==_?void 0:_.paletteTheme)&&void 0!==l?l:e.paletteTheme,O=null!==(s=null==_?void 0:_.paletteEntry)&&void 0!==s?s:e.paletteEntry,P=C&&O?(0,f.getSwatchColorsFromPalette)({palettes:r,paletteInfo:O,paletteTheme:C}):[],x=(0,f.hasCustomColors)({currentSwatchColors:P,selectedColors:h}),w=x&&h.length>7?h.slice(0,7):h,j=x&&w.length>=7||!x&&w.length>=P.length,[E,M]=i.useState(m||!1),D=i.useCallback((e=>{const r={colors:(null==e?void 0:e.colors)||h};a&&(r.textColor=e.textColor||g),t(null,null,r)}),[h,a,t,g]),S=i.useCallback((e=>{if(!O)return;let t=(0,f.getSwatchColorsFromPalette)({palettes:r,paletteInfo:O,paletteTheme:e});E&&(t=[...t].reverse());let a=[];if(x&&h.length>7)a=t.slice();else{const e=h.length;if(1===e)a=[t[t.length-1]];else if(2===e)a=[t[0],t[t.length-1]];else if(e>2){a=[t[0]];for(let r=1;r<e-1;r+=1)a.push(t[r]);a.push(t[t.length-1])}}y((t=>Object.assign(Object.assign({},t),{paletteTheme:e}))),D({colors:a})}),[O,r,E,D,x,h]),T=i.useCallback((e=>{if(!e)return y({paletteTheme:null,paletteEntry:null}),void M(!1);const t=C&&e?(0,f.getSwatchColorsFromPalette)({palettes:r,paletteInfo:e,paletteTheme:C}):[],o=h.length;let n=[];if(x&&h.length>7)n=t.slice();else if(1===o)n=[t[t.length-1]];else if(2===o)n=[t[0],t[t.length-1]];else if(o>2){n=[t[0]];for(let e=1;e<o-1;e+=1)n.push(t[e]);n.push(t[t.length-1])}y({paletteTheme:C,paletteEntry:e}),M(!1);const l={colors:n};a&&(l.textColor=g),D(l)}),[C,r,a,D,g,x,h]);return i.useEffect((()=>{y((0,d.findMatchingPaletteGradient)(h,r))}),[o]),i.createElement(i.Fragment,null,i.createElement(c.default,{isSwatchCustomized:x,isReversed:E,onChangePaletteTheme:S,onPaletteChange:T,palettes:r,selectedPaletteInfo:O,selectedPaletteTheme:C}),i.createElement(p.default,{isSwatchCustomized:x,isReversed:E,setIsReversed:M,onChange:D,value:n,swatchColors:P,selectedColors:w,name:"GradientValueConfigurer",showStaticTextColor:a,disableAddStops:j}))},t.GradientEditor.propTypes={value:s.any,onChange:s.func,palettes:s.shape({_meta:s.any.isRequired}),showStaticTextColor:s.bool},t.default=t.GradientEditor},3396:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=n(r(9497)),s=n(r(23)),u=r(6649),c=l(r(232)),d=l(r(7020)),f=l(r(6062)),p=c.default.div`
     display: flex;
     flex-direction: row;
     margin-bottom: 10px;
@@ -224,13 +224,13 @@
 `,g=({colorIndex:e,disabled:t=!1,onRemove:r,matchIndex:a})=>{const o=i.useCallback((()=>r(e,a)),[e,r,a]);return i.createElement(p,null,i.createElement("div",null,i.createElement(h,{"data-test":"match-remove-button",disabled:t,icon:i.createElement(d.default,null),appearance:"subtle",onClick:o})))};g.propTypes={disabled:s.bool,onRemove:s.func},t.default=g},3719:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.isNumeric=t.getMatches=void 0;const a=r(4793);t.getMatches=(e=[])=>(0,a.isEmpty)(e)?[{match:"",value:"#ff0000"}]:e;t.isNumeric=e=>!isNaN(Number(e))&&!isNaN(parseFloat(e))},107:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.matchValuesToContextConfig=t.MATCH_VALUE_WILDCARD_INFO_TEXT=void 0;const i=n(r(9497)),s=n(r(23)),u=l(r(232)),c=r(6649),d=r(3563),f=l(r(5089)),p=l(r(5852)),h=l(r(1727)),g=r(8548),m=r(3719);t.MATCH_VALUE_WILDCARD_INFO_TEXT=(0,c._)("Enter a value to match. Wildcards '*' can be used.");const b=u.default.div`
     margin: 6px 0px;
     color: ${d.variables.contentColorMuted};
-`;t.matchValuesToContextConfig=({colors:e,matchValues:t})=>e.map(((e,r)=>({match:t[r],value:e})));const v=({defaultPalettesConfig:e,onChange:r=(()=>{}),palettes:a=f.default,selectedDataSelector:o,value:n})=>{const l=i.useMemo((()=>(0,m.getMatches)(n)),[n]),{matchValues:s,selectedColors:u}=i.useMemo((()=>l.reduce(((e,t)=>(e.matchValues.push(t.match),e.selectedColors.push(t.value),e)),{matchValues:[],selectedColors:[]})),[l]),[{paletteTheme:c,paletteEntry:d},v]=i.useState((()=>(0,g.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:a,ranges:l}))),_=(0,g.getSwatchColorsFromPalette)({palettes:a,paletteInfo:d,paletteTheme:c}),y=i.useMemo((()=>(0,g.hasCustomColors)({currentSwatchColors:_,selectedColors:u})),[_,u]),[C,O]=i.useState((()=>(0,g.hasInitiallyReversedColors)({isSwatchCustomized:y,palettes:a,selectedColors:u,selectedPaletteInfo:d,selectedPaletteTheme:c,minimumNumberOfColors:1}))),P=i.useCallback((({paletteTheme:e,paletteInfo:t})=>s.length>7?u:(({palettes:e,paletteTheme:t,paletteInfo:r,matchValues:a,setIsReversed:o})=>{const n=(0,g.getSwatchColorsFromPalette)({palettes:e,paletteInfo:r,paletteTheme:t}),l=(0,g.getPrecedenceFromPalette)({palettes:e,paletteTheme:t,paletteInfo:r}),i=a.length,s=l[i<7?i-1:5].map((e=>n[e])).slice(0,i);return o(!1),s})({palettes:a,paletteTheme:e,paletteInfo:t,matchValues:s,setIsReversed:O})),[s,a,u]),x=i.useCallback((e=>{const a=P({paletteTheme:e,paletteInfo:d});v((t=>Object.assign(Object.assign({},t),{paletteTheme:e})));const o=(0,t.matchValuesToContextConfig)({colors:a,matchValues:s});r(null,null,o)}),[P,d,s,r]),w=i.useCallback((e=>{const a=P({paletteTheme:c,paletteInfo:e});v((t=>Object.assign(Object.assign({},t),{paletteEntry:e})));const o=(0,t.matchValuesToContextConfig)({colors:a,matchValues:s});r(null,null,o)}),[P,c,s,r]),j=i.useCallback((({colors:e,matchValues:a})=>{const o=(0,t.matchValuesToContextConfig)({colors:e,matchValues:a});r(null,null,o)}),[r]);return i.useEffect((()=>{v((0,g.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:a,ranges:l}))}),[o]),i.createElement(i.Fragment,null,i.createElement(p.default,{isReversed:C,isSwatchCustomized:y,shouldShowArrows:!1,onChangePaletteTheme:x,onPaletteChange:w,palettes:a,selectedPaletteInfo:d,selectedPaletteTheme:c}),i.createElement(h.default,{customizedColors:y,isReversed:C,onChange:j,precedence:(0,g.getPrecedenceFromPalette)({palettes:a,paletteTheme:c,paletteInfo:d}),matchValues:s,selectedColors:u,swatchColors:_,setIsReversed:O}),i.createElement(b,null,t.MATCH_VALUE_WILDCARD_INFO_TEXT))};v.propTypes={onChange:s.func,palettes:s.objectOf(s.shape({precedence:s.arrayOf(s.arrayOf(s.number)),swatches:s.arrayOf(s.arrayOf(s.string))})),value:s.arrayOf(s.shape({match:s.oneOfType([s.string,s.number]),value:s.string})),selectedDataSelector:s.string,defaultPalettesConfig:s.shape({paletteTheme:s.string,paletteEntry:s.shape({type:s.string,index:s.number})})},t.default=v},1561:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MatchValuePreview=void 0;const i=n(r(9497)),s=n(r(23)),u=r(1705),c=l(r(1494)),d={config:s.arrayOf(s.shape({match:s.oneOfType([s.number,s.string]),value:s.string.isRequired}))};t.MatchValuePreview=({config:e})=>{const t=(0,i.useMemo)((()=>e.map((e=>e.value)).slice(0,8)),[e]);return i.default.createElement(c.default,null,i.default.createElement(u.ColorPreview,{"data-test":"ColorPreview",colors:t,maxColorCount:8}))},t.MatchValuePreview.propTypes=d},5852:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=n(r(9497)),s=l(r(1964)),u=l(r(2150)),c=r(8548);t.default=({isReversed:e,isSwatchCustomized:t,shouldShowArrows:r=!0,onChangePaletteTheme:a,onPaletteChange:o,palettes:n,selectedPaletteInfo:l,selectedPaletteTheme:d})=>{const f=i.useMemo((()=>Object.keys(n).map((e=>({value:e,label:n[e]._meta.label})))),[n]),p=i.useMemo((()=>(0,c.getThemedPalettesWithoutMeta)({palettes:n,paletteTheme:d})),[n,d]);return i.createElement(i.Fragment,null,i.createElement(s.default,{onChange:a,paletteThemes:f,selectedPaletteTheme:d}),i.createElement(u.default,{isReversed:e,isSwatchCustomized:t,shouldShowArrows:r,onPaletteChange:o,palettes:p,selectedPaletteInfo:l}))}},2150:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=n(r(9497)),s=r(4793),u=l(r(232)),c=r(6649),d=l(r(7020)),f=l(r(6214)),p=l(r(4233)),h=l(r(4566)),g=l(r(6212)),m=r(1705),b=l(r(1494)),v=u.default.div`
+`;t.matchValuesToContextConfig=({colors:e,matchValues:t})=>e.map(((e,r)=>({match:t[r],value:e})));const v=({defaultPalettesConfig:e,onChange:r=(()=>{}),palettes:a=f.default,selectedDataSelector:o,value:n})=>{const l=i.useMemo((()=>(0,m.getMatches)(n)),[n]),{matchValues:s,selectedColors:u}=i.useMemo((()=>l.reduce(((e,t)=>(e.matchValues.push(t.match),e.selectedColors.push(t.value),e)),{matchValues:[],selectedColors:[]})),[l]),[{paletteTheme:c,paletteEntry:d},v]=i.useState((()=>(0,g.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:a,ranges:l}))),_=(0,g.getSwatchColorsFromPalette)({palettes:a,paletteInfo:d,paletteTheme:c}),y=i.useMemo((()=>(0,g.hasCustomColors)({currentSwatchColors:_,selectedColors:u})),[_,u]),[C,O]=i.useState((()=>(0,g.hasInitiallyReversedColors)({isSwatchCustomized:y,palettes:a,selectedColors:u,selectedPaletteInfo:d,selectedPaletteTheme:c,minimumNumberOfColors:1}))),P=i.useCallback((({paletteTheme:e,paletteInfo:t})=>s.length>7?u:(({palettes:e,paletteTheme:t,paletteInfo:r,matchValues:a,setIsReversed:o})=>{const n=(0,g.getSwatchColorsFromPalette)({palettes:e,paletteInfo:r,paletteTheme:t}),l=(0,g.getPrecedenceFromPalette)({palettes:e,paletteTheme:t,paletteInfo:r}),i=a.length,s=l[i<7?i-1:5].map((e=>n[e])).slice(0,i);return o(!1),s})({palettes:a,paletteTheme:e,paletteInfo:t,matchValues:s,setIsReversed:O})),[s,a,u]),x=i.useCallback((e=>{const a=P({paletteTheme:e,paletteInfo:d});v((t=>Object.assign(Object.assign({},t),{paletteTheme:e})));const o=(0,t.matchValuesToContextConfig)({colors:a,matchValues:s});r(null,null,o)}),[P,d,s,r]),w=i.useCallback((e=>{const a=P({paletteTheme:c,paletteInfo:e});v((t=>Object.assign(Object.assign({},t),{paletteEntry:e})));const o=(0,t.matchValuesToContextConfig)({colors:a,matchValues:s});r(null,null,o)}),[P,c,s,r]),j=i.useCallback((({colors:e,matchValues:a})=>{const o=(0,t.matchValuesToContextConfig)({colors:e,matchValues:a});r(null,null,o)}),[r]);return i.useEffect((()=>{v((0,g.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:a,ranges:l}))}),[o]),i.createElement(i.Fragment,null,i.createElement(p.default,{isReversed:C,isSwatchCustomized:y,shouldShowArrows:!1,onChangePaletteTheme:x,onPaletteChange:w,palettes:a,selectedPaletteInfo:d,selectedPaletteTheme:c}),i.createElement(h.default,{customizedColors:y,isReversed:C,onChange:j,precedence:(0,g.getPrecedenceFromPalette)({palettes:a,paletteTheme:c,paletteInfo:d}),matchValues:s,selectedColors:u,swatchColors:_,setIsReversed:O}),i.createElement(b,null,t.MATCH_VALUE_WILDCARD_INFO_TEXT))};v.propTypes={onChange:s.func,palettes:s.objectOf(s.shape({precedence:s.arrayOf(s.arrayOf(s.number)),swatches:s.arrayOf(s.arrayOf(s.string))})),value:s.arrayOf(s.shape({match:s.oneOfType([s.string,s.number]),value:s.string})),selectedDataSelector:s.string,defaultPalettesConfig:s.shape({paletteTheme:s.string,paletteEntry:s.shape({type:s.string,index:s.number})})},t.default=v},1561:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MatchValuePreview=void 0;const i=n(r(9497)),s=r(1705),u=l(r(1494));t.MatchValuePreview=({config:e})=>{const t=(0,i.useMemo)((()=>e.map((e=>e.value)).slice(0,8)),[e]);return i.default.createElement(u.default,null,i.default.createElement(s.ColorPreview,{"data-test":"ColorPreview",colors:t,maxColorCount:8}))}},5852:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=n(r(9497)),s=l(r(1964)),u=l(r(2150)),c=r(8548);t.default=({isReversed:e,isSwatchCustomized:t,shouldShowArrows:r=!0,onChangePaletteTheme:a,onPaletteChange:o,palettes:n,selectedPaletteInfo:l,selectedPaletteTheme:d})=>{const f=i.useMemo((()=>Object.keys(n).map((e=>({value:e,label:n[e]._meta.label})))),[n]),p=i.useMemo((()=>(0,c.getThemedPalettesWithoutMeta)({palettes:n,paletteTheme:d})),[n,d]);return i.createElement(i.Fragment,null,i.createElement(s.default,{onChange:a,paletteThemes:f,selectedPaletteTheme:d}),i.createElement(u.default,{isReversed:e,isSwatchCustomized:t,shouldShowArrows:r,onPaletteChange:o,palettes:p,selectedPaletteInfo:l}))}},2150:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=n(r(9497)),s=r(4793),u=l(r(232)),c=r(6649),d=l(r(7020)),f=l(r(6214)),p=l(r(4233)),h=l(r(4566)),g=l(r(6212)),m=r(1705),b=l(r(1494)),v=u.default.div`
     width: ${h.default.spacingMedium}; //enterprise: 15px, prisma: 12px
 `,_=u.default.span.attrs((()=>({"data-test":"custom-swatch-text"})))`
     display: flex;
     flex: 1;
     padding-left: 10px;
-`;t.default=({isReversed:e=!1,isSwatchCustomized:t=!1,shouldShowArrows:r=!0,onPaletteChange:a,palettes:o,selectedPaletteInfo:n})=>{const l=(0,s.get)(o,[n.type,"swatches",n.index],[]),u=i.createElement(d.default,{style:{width:"100%",padding:`0 ${h.default.spacingSmall}`},isMenu:!0,"data-test":"palettes-dropdown-toggle"},t?i.createElement(_,null,"Customized in swatches below"):i.createElement(i.Fragment,null,i.createElement(b.default,null,r&&i.createElement(g.default,null),i.createElement(m.ColorPreview,{colors:l,isReversed:e})),i.createElement(v,null))),y=i.useMemo((()=>Object.keys(o).reduce(((e,r,l,s)=>(e.push(i.createElement(p.default.Heading,{key:`title-${r}`,title:!0},(0,c._)(r).toUpperCase())),e.push(...o[r].swatches.map(((e,o)=>{const l=!t&&r===n.type&&n.index===o;return i.createElement(p.default.Item,{"data-test":`palette-swatch-row-${r}-${o}`,key:`${r}-${JSON.stringify(e)}`,onClick:()=>a({type:r,index:o}),selected:l,selectable:!0},i.createElement(b.default,null,i.createElement(m.ColorPreview,{colors:e})))}))),l<s.length-1&&e.push(i.createElement(p.default.Divider,{key:`divider-${r}`})),e)),[])),[t,a,o,n.index,n.type]);return i.createElement(f.default,{toggle:u},i.createElement(p.default,{style:{width:302}},y))}},1964:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=n(r(9497)),s=n(r(23)),u=r(6649),c=l(r(5411)),d=l(r(9250)),f=({labelPosition:e="top",onChange:t,paletteThemes:r,selectedPaletteTheme:a})=>{const o=i.useCallback(((e,{value:r})=>t(r)),[t]);return i.createElement(d.default,{label:(0,u._)("Preset palette"),labelPosition:e},i.createElement(c.default,{onChange:o,value:a},r.map((({value:e,label:t})=>i.createElement(c.default.Option,{key:e,value:e,label:t,"data-test":`preset-palette-theme-${e}`})))))};f.propTypes={labelPosition:s.string,onChange:s.func,paletteThemes:s.arrayOf(s.shape({value:s.string,label:s.string})),selectedPaletteTheme:s.string},t.default=f},8548:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.inferInitialPaletteFromContext=t.hasInitiallyReversedColors=t.getThemedPalettesWithoutMeta=t.hasCustomColors=t.getSwatchColorsFromPalette=t.getPrecedenceFromPalette=t.getNewColors=t.defaultPalettesConfig=void 0;const a=r(4793);t.defaultPalettesConfig={paletteTheme:"DARK_COLORS",paletteEntry:{type:"sequential",index:0}};t.getNewColors=({isReversed:e,numColors:t,precedence:r,swatchColors:a})=>{const o=Array.isArray(r[t-2])?r[t-2].map((e=>a[e])):[];return e&&o.reverse(),o};t.getPrecedenceFromPalette=({palettes:e,paletteInfo:t,paletteTheme:r})=>(0,a.get)(e,[r,t.type,"precedence"],[]);t.getSwatchColorsFromPalette=({palettes:e,paletteInfo:t,paletteTheme:r})=>(0,a.get)(e,[r,t.type,"swatches",t.index],[]);t.hasCustomColors=({currentSwatchColors:e,selectedColors:t})=>{if(t.length>e.length)return!0;const r={};return e.forEach((e=>{r[e.toLowerCase()]=e.toLowerCase()})),t.some((e=>!r[e.toLowerCase()]))};t.getThemedPalettesWithoutMeta=({palettes:e,paletteTheme:t})=>Object.keys(e[t]).reduce(((r,a)=>("_meta"!==a&&(r[a]=e[t][a]),r)),{});const o=({currentSwatchColors:e,precedence:t,selectedColors:r})=>{if(!t)return!1;if(t.every((t=>e[t]===r[t])))return!0;return!![...t].reverse().every((t=>e[t]===r[t]))};t.hasInitiallyReversedColors=({isSwatchCustomized:e,palettes:t,selectedColors:r,selectedPaletteInfo:a,selectedPaletteTheme:o,minimumNumberOfColors:n=2})=>{var l,i,s,u,c,d;if(e)return!1;const f=r.length,p=2===n?f-2:f<7?f-1:5,h=null===(s=null===(i=null===(l=null==t?void 0:t[o])||void 0===l?void 0:l[a.type])||void 0===i?void 0:i.swatches)||void 0===s?void 0:s[a.index],g=[...null===(d=null===(c=null===(u=null==t?void 0:t[o])||void 0===u?void 0:u[a.type])||void 0===c?void 0:c.precedence)||void 0===d?void 0:d[p]].reverse();return r.every(((e,t)=>h[g[t]].toLowerCase()===e.toLowerCase()))};t.inferInitialPaletteFromContext=({defaultPalettesConfig:e,ranges:r,palettes:a})=>{let n,l=[];Array.isArray(r)&&(l=r.map((({value:e})=>e)));let i=!1;return Object.keys(a).forEach((e=>{Object.keys(a[e]).filter((e=>"_meta"!==e)).forEach((r=>{const{swatches:s}=a[e][r],u=a[e][r].precedence[l.length-2];for(let a=0;a<s.length;a+=1){const c=s[a];(0,t.hasCustomColors)({currentSwatchColors:c,selectedColors:l})||(i=o({currentSwatchColors:c,selectedColors:l,precedence:u}),n&&!i||(n={paletteTheme:e,paletteEntry:{type:r,index:a}}))}}))})),n||e}},2841:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=n(r(9497)),s=n(r(23)),u=r(6649),c=l(r(232)),d=l(r(7020)),f=l(r(6062)),p=c.default.div`
+`;t.default=({isReversed:e=!1,isSwatchCustomized:t=!1,shouldShowArrows:r=!0,onPaletteChange:a,palettes:o,selectedPaletteInfo:n})=>{const l=(0,s.get)(o,[n.type,"swatches",n.index],[]),u=i.createElement(d.default,{style:{width:"100%",padding:`0 ${h.default.spacingSmall}`},isMenu:!0,"data-test":"palettes-dropdown-toggle"},t?i.createElement(_,null,"Customized in swatches below"):i.createElement(i.Fragment,null,i.createElement(b.default,null,r&&i.createElement(g.default,null),i.createElement(m.ColorPreview,{colors:l,isReversed:e})),i.createElement(v,null))),y=i.useMemo((()=>Object.keys(o).reduce(((e,r,l,s)=>(e.push(i.createElement(p.default.Heading,{key:`title-${r}`,title:!0},(0,c._)(r).toUpperCase())),e.push(...o[r].swatches.map(((e,o)=>{const l=!t&&r===n.type&&n.index===o;return i.createElement(p.default.Item,{"data-test":`palette-swatch-row-${r}-${o}`,key:`${r}-${JSON.stringify(e)}`,onClick:()=>a({type:r,index:o}),selected:l,selectable:!0},i.createElement(b.default,null,i.createElement(m.ColorPreview,{colors:e})))}))),l<s.length-1&&e.push(i.createElement(p.default.Divider,{key:`divider-${r}`})),e)),[])),[t,a,o,n.index,n.type]);return i.createElement(f.default,{toggle:u},i.createElement(p.default,{style:{width:302}},y))}},1964:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=n(r(9497)),s=n(r(23)),u=r(6649),c=l(r(5411)),d=l(r(9250)),f=({labelPosition:e="top",onChange:t,paletteThemes:r,selectedPaletteTheme:a})=>{const o=i.useCallback(((e,{value:r})=>t(r)),[t]);return i.createElement(d.default,{label:(0,u._)("Preset palette"),labelPosition:e},i.createElement(c.default,{onChange:o,value:a},r.map((({value:e,label:t})=>i.createElement(c.default.Option,{key:e,value:e,label:t,"data-test":`preset-palette-theme-${e}`})))))};f.propTypes={labelPosition:s.string,onChange:s.func,paletteThemes:s.arrayOf(s.shape({value:s.string,label:s.string})),selectedPaletteTheme:s.string},t.default=f},8548:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.inferInitialPaletteFromContext=t.hasInitiallyReversedColors=t.getThemedPalettesWithoutMeta=t.hasCustomColors=t.getSwatchColorsFromPalette=t.getPrecedenceFromPalette=t.getNewColors=t.defaultPalettesConfig=void 0;const a=r(4793);t.defaultPalettesConfig={paletteTheme:"DARK_COLORS",paletteEntry:{type:"sequential",index:0}};t.getNewColors=({isReversed:e,numColors:t,precedence:r,swatchColors:a})=>{const o=Array.isArray(r[t-2])?r[t-2].map((e=>a[e])):[];return e&&o.reverse(),o};t.getPrecedenceFromPalette=({palettes:e,paletteInfo:t,paletteTheme:r})=>(0,a.get)(e,[r,t.type,"precedence"],[]);t.getSwatchColorsFromPalette=({palettes:e,paletteInfo:t,paletteTheme:r})=>(0,a.get)(e,[r,t.type,"swatches",t.index],[]);t.hasCustomColors=({currentSwatchColors:e,selectedColors:t})=>{if(t.length>e.length)return!0;const r={};return e.forEach((e=>{r[e.toLowerCase()]=e.toLowerCase()})),t.some((e=>!r[e.toLowerCase()]))};t.getThemedPalettesWithoutMeta=({palettes:e,paletteTheme:t})=>Object.keys(e[t]).reduce(((r,a)=>("_meta"!==a&&(r[a]=e[t][a]),r)),{});const o=({currentSwatchColors:e,precedence:t,selectedColors:r})=>{if(!t)return!1;if(t.every((t=>e[t]===r[t])))return!0;return!![...t].reverse().every((t=>e[t]===r[t]))};t.hasInitiallyReversedColors=({isSwatchCustomized:e,palettes:t,selectedColors:r,selectedPaletteInfo:a,selectedPaletteTheme:o,minimumNumberOfColors:n=2})=>{var l,i,s,u,c,d;if(e)return!1;const f=r.length,p=2===n?f-2:f<7?f-1:5,h=null===(s=null===(i=null===(l=null==t?void 0:t[o])||void 0===l?void 0:l[a.type])||void 0===i?void 0:i.swatches)||void 0===s?void 0:s[a.index],g=[...null===(d=null===(c=null===(u=null==t?void 0:t[o])||void 0===u?void 0:u[a.type])||void 0===c?void 0:c.precedence)||void 0===d?void 0:d[p]].reverse();return r.every(((e,t)=>h[g[t]].toLowerCase()===e.toLowerCase()))};t.inferInitialPaletteFromContext=({defaultPalettesConfig:e,ranges:r,palettes:a})=>{let n,l=[];Array.isArray(r)&&(l=r.map((({value:e})=>e)));let i=!1;return Object.keys(a).forEach((e=>{Object.keys(a[e]).filter((e=>"_meta"!==e)).forEach((r=>{var s;const u=a[e][r];if(!((c=u)&&"object"==typeof c&&"swatches"in c&&Array.isArray(c.swatches)))return;var c;const{swatches:d,precedence:f}=u,p=null!==(s=f[l.length-2])&&void 0!==s?s:[];for(let a=0;a<d.length;a+=1){const s=d[a];(0,t.hasCustomColors)({currentSwatchColors:s,selectedColors:l})||(i=o({currentSwatchColors:s,selectedColors:l,precedence:p}),n&&!i||(n={paletteTheme:e,paletteEntry:{type:r,index:a}}))}}))})),n||e}},2841:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=n(r(9497)),s=n(r(23)),u=r(6649),c=l(r(232)),d=l(r(7020)),f=l(r(6062)),p=c.default.div`
     display: flex;
     flex-direction: row;
     margin-bottom: 10px;
@@ -240,8 +240,8 @@
     justify-content: center;
 `,g=c.default.div`
     display: flex;
-`,m={marginRight:"12px"},b=i.createElement(f.default,null),v=({disableAddRanges:e=!1,handleAddRange:t,handleReverse:r})=>i.createElement(p,null,i.createElement(g,null,i.createElement(d.default,{"data-test":"reverse-ranges-button",icon:b,style:m,onClick:r})),i.createElement(h,null,i.createElement(d.default,{"data-test":"add-range-button",appearance:"secondary",label:`+ ${(0,u._)("Add range")}`,disabled:e,onClick:t})));v.propTypes={disableAddRanges:s.bool,handleAddRange:s.func,handleReverse:s.func},t.default=v},6959:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.handleUpdateRangeBoundary=void 0;const i=n(r(9497)),s=n(r(23)),u=l(r(232)),c=l(r(2782)),d=l(r(4566)),f=u.default.div.attrs((()=>({"data-test":"range-boundary-text"})))`
-    color: ${d.default.contentColorMuted};
+`,m={marginRight:"12px"},b=i.createElement(f.default,null),v=({disableAddRanges:e=!1,handleAddRange:t,handleReverse:r})=>i.createElement(p,null,i.createElement(g,null,i.createElement(d.default,{"data-test":"reverse-ranges-button",icon:b,style:m,onClick:r})),i.createElement(h,null,i.createElement(d.default,{"data-test":"add-range-button",appearance:"secondary",label:`+ ${(0,u._)("Add range")}`,disabled:e,onClick:t})));v.propTypes={disableAddRanges:s.bool,handleAddRange:s.func,handleReverse:s.func},t.default=v},6959:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.handleUpdateRangeBoundary=void 0;const i=n(r(9497)),s=l(r(232)),u=l(r(2782)),c=l(r(4566)),d=s.default.div.attrs((()=>({"data-test":"range-boundary-text"})))`
+    color: ${c.default.contentColorMuted};
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -249,22 +249,22 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-`,p=u.default.div.attrs((()=>({"data-test":"range-boundary-error"})))`
-    color: ${d.default.contentColorNegative};
+`,f=s.default.div.attrs((()=>({"data-test":"range-boundary-error"})))`
+    color: ${c.default.contentColorNegative};
     padding-top: 5px;
     font-size: 12px;
     display: block;
-`,h=(0,u.default)(c.default)`
+`,p=(0,s.default)(u.default)`
     max-width: 105px;
-    margin-right: ${d.default.spacingMedium};
-`,g=u.default.div`
+    margin-right: ${c.default.spacingMedium};
+`,h=s.default.div`
     display: flex;
     height: 100%;
-`,m=u.default.div`
+`,g=s.default.div`
     display: flex;
     flex-direction: column;
-    margin-left: ${d.default.spacingMedium};
-`;t.handleUpdateRangeBoundary=({rangeBoundaryIndex:e,setError:t,shouldUpdate:r,updateRangeBoundary:a,value:o})=>{if(r){const r=a(o,e);r&&r.error&&t(r.error)}};const b=({initialValue:e,rangeBoundaryIndex:r,rangeText:a,rangeValues:o,showNumberEditor:n=!0,updateRangeBoundary:l})=>{const[s,u]=i.useState(null),[c,d]=i.useState(!1),[b,v]=i.useState(null),_=i.useCallback((()=>{d(!0)}),[]),y=i.useCallback(((e,{value:a})=>{u(a),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:r,setError:v,shouldUpdate:!c,updateRangeBoundary:l,value:a})}),[c,r,l]),C=i.useCallback((()=>{d(!1),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:r,setError:v,shouldUpdate:"number"==typeof s&&s!==e,updateRangeBoundary:l,value:s})}),[r,s,e,l]),O=i.useCallback((a=>(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:r,setError:v,shouldUpdate:"Enter"===a.key&&"number"==typeof s&&s!==e,updateRangeBoundary:l,value:s})),[r,s,e,l]);return i.useEffect((()=>{b&&!o.includes(s)&&(v(null),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:r,setError:v,shouldUpdate:"number"==typeof s,updateRangeBoundary:l,value:s}))}),[s,b,r,o,l]),i.createElement(m,null,i.createElement(g,null,n&&i.createElement(h,{"data-test":"range-boundary-editor",error:!!b,onBlur:C,onChange:y,onFocus:_,onKeyUp:O,value:null!=s?s:e}),i.createElement(f,null,a)),n&&b&&i.createElement(p,null,b))};b.propTypes={initialValue:s.number,rangeBoundaryIndex:s.number,rangeText:s.string,showNumberEditor:s.bool,updateRangeBoundary:s.func},t.default=b},1782:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=n(r(9497)),s=l(r(7408));t.default=({color:e,colorIndex:t,onChange:r,palette:a})=>{const o=i.useCallback((({value:e})=>r({colorIndex:t,value:e})),[t,r]);return i.createElement(s.default,{"data-test":`range-color-${e}`,value:e,palette:a,onChange:o,hideInput:!0})}},104:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=n(r(9497)),s=n(r(23)),u=l(r(232)),c=r(6649),d=l(r(2841)),f=l(r(6959)),p=l(r(1782)),h=l(r(6900)),g=r(8548),m=u.default.div`
+    margin-left: ${c.default.spacingMedium};
+`;t.handleUpdateRangeBoundary=({rangeBoundaryIndex:e,setError:t,shouldUpdate:r,updateRangeBoundary:a,value:o})=>{if(r){const r=a(o,e);r&&r.error&&t(r.error)}};t.default=({initialValue:e,rangeBoundaryIndex:r,rangeText:a,rangeValues:o,showNumberEditor:n=!0,updateRangeBoundary:l})=>{const[s,u]=i.useState(null),[c,m]=i.useState(!1),[b,v]=i.useState(null),_=i.useCallback((()=>{m(!0)}),[]),y=i.useCallback(((e,{value:a})=>{u(a),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:r,setError:v,shouldUpdate:!c,updateRangeBoundary:l,value:a})}),[c,r,l]),C=i.useCallback((()=>{m(!1),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:r,setError:v,shouldUpdate:"number"==typeof s&&s!==e,updateRangeBoundary:l,value:s})}),[r,s,e,l]),O=i.useCallback((a=>(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:r,setError:v,shouldUpdate:"Enter"===a.key&&"number"==typeof s&&s!==e,updateRangeBoundary:l,value:s})),[r,s,e,l]);return i.useEffect((()=>{b&&!o.includes(s)&&(v(null),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:r,setError:v,shouldUpdate:"number"==typeof s,updateRangeBoundary:l,value:s}))}),[s,b,r,o,l]),i.createElement(g,null,i.createElement(h,null,n&&i.createElement(p,{"data-test":"range-boundary-editor",error:!!b,onBlur:C,onChange:y,onFocus:_,onKeyUp:O,value:null!=s?s:e}),i.createElement(d,null,a)),n&&b&&i.createElement(f,null,b))}},1782:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=n(r(9497)),s=l(r(7408));t.default=({color:e,colorIndex:t,onChange:r,palette:a})=>{const o=i.useCallback((({value:e})=>r({colorIndex:t,value:e})),[t,r]);return i.createElement(s.default,{"data-test":`range-color-${e}`,value:e,palette:a,onChange:o,hideInput:!0})}},104:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=n(r(9497)),s=n(r(23)),u=l(r(232)),c=r(6649),d=l(r(2841)),f=l(r(6959)),p=l(r(1782)),h=l(r(6900)),g=r(8548),m=u.default.div`
     padding-top: 10px;
 `,b=u.default.div`
     display: flex;
@@ -282,7 +282,7 @@
     &:hover {
         background-color: ${e=>!e.disabled&&f.variables.interactiveColorOverlayDrag} !important;
     }
-`,g=({colorIndex:e,disabled:t=!1,onRemove:r,rangeBoundaryIndex:a})=>{const o=i.useCallback((()=>r(e,a)),[e,r,a]);return i.createElement(p,null,i.createElement("div",null,i.createElement(h,{"data-test":"range-remove-button",disabled:t,icon:i.createElement(d.default,null),appearance:"subtle",onClick:o})))};g.propTypes={disabled:s.bool,onRemove:s.func},t.default=g},3493:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getSortedRanges=void 0;const a=r(4793);t.getSortedRanges=(e=[])=>{if((0,a.isEmpty)(e))return[{to:0,value:"#f00"},{from:0,value:"#0f0"}];const t=[...e];return t.sort(((e,t)=>null==e.to?1:null==t.to?-1:+e.to-+t.to)),t}},530:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.rangeValuesToContextConfig=void 0;const i=n(r(9497)),s=n(r(23)),u=l(r(5089)),c=l(r(5852)),d=l(r(104)),f=r(3493),p=r(8548);t.rangeValuesToContextConfig=({colors:e,rangeValues:t})=>e.map(((r,a)=>{const o={value:r};return a>0&&(o.from=t[a-1]),a<e.length-1&&(o.to=t[a]),o}));const h=({defaultPalettesConfig:e,onChange:r=(()=>{}),palettes:a=u.default,selectedDataSelector:o,value:n})=>{const l=i.useMemo((()=>(0,f.getSortedRanges)(n)),[n]),{rangeValues:s,selectedColors:h}=i.useMemo((()=>l.reduce(((e,t)=>("number"==typeof t.to&&e.rangeValues.push(t.to),e.selectedColors.push(t.value),e)),{rangeValues:[],selectedColors:[]})),[l]),[{paletteTheme:g,paletteEntry:m},b]=i.useState((()=>(0,p.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:a,ranges:l}))),v=(0,p.getSwatchColorsFromPalette)({palettes:a,paletteInfo:m,paletteTheme:g}),_=(0,p.hasCustomColors)({currentSwatchColors:v,selectedColors:h}),[y,C]=i.useState((()=>(0,p.hasInitiallyReversedColors)({isSwatchCustomized:_,palettes:a,selectedColors:h,selectedPaletteInfo:m,selectedPaletteTheme:g}))),O=i.useCallback((({paletteTheme:e,paletteInfo:t})=>s.length>6?h:(({palettes:e,paletteTheme:t,paletteInfo:r,rangeValues:a,setIsReversed:o})=>{const n=(0,p.getSwatchColorsFromPalette)({palettes:e,paletteInfo:r,paletteTheme:t}),l=(0,p.getPrecedenceFromPalette)({palettes:e,paletteTheme:t,paletteInfo:r})[a.length-1].map((e=>n[e]));return o(!1),l})({palettes:a,paletteTheme:e,paletteInfo:t,rangeValues:s,setIsReversed:C})),[a,s,h]),P=i.useCallback((e=>{const a=O({paletteTheme:e,paletteInfo:m});b((t=>Object.assign(Object.assign({},t),{paletteTheme:e})));const o=(0,t.rangeValuesToContextConfig)({colors:a,rangeValues:s});r(null,null,o)}),[O,m,s,r]),x=i.useCallback((e=>{const a=O({paletteTheme:g,paletteInfo:e});b((t=>Object.assign(Object.assign({},t),{paletteEntry:e})));const o=(0,t.rangeValuesToContextConfig)({colors:a,rangeValues:s});r(null,null,o)}),[O,g,s,r]),w=i.useCallback((({colors:e,rangeValues:a})=>{const o=(0,t.rangeValuesToContextConfig)({colors:e,rangeValues:a});r(null,null,o)}),[r]);return i.useEffect((()=>{b((0,p.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:a,ranges:l}))}),[o]),i.createElement(i.Fragment,null,i.createElement(c.default,{isReversed:y,isSwatchCustomized:_,onChangePaletteTheme:P,onPaletteChange:x,palettes:a,selectedPaletteInfo:m,selectedPaletteTheme:g}),i.createElement(d.default,{customizedColors:_,isReversed:y,onChange:w,precedence:(0,p.getPrecedenceFromPalette)({palettes:a,paletteTheme:g,paletteInfo:m}),rangeValues:s,selectedColors:h,swatchColors:v,setIsReversed:C}))};h.propTypes={onChange:s.func,palettes:s.objectOf(s.shape({precedence:s.arrayOf(s.arrayOf(s.number)),swatches:s.arrayOf(s.arrayOf(s.string))})),value:s.any},t.default=h},1788:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.RangeValuePreview=void 0;const i=n(r(9497)),s=n(r(23)),u=l(r(6212)),c=r(1705),d=l(r(1494)),f=r(3493),p={config:s.arrayOf(s.shape({from:s.number,to:s.number,value:s.string.isRequired}))};t.RangeValuePreview=({config:e})=>{const t=(0,i.useMemo)((()=>(0,f.getSortedRanges)(e)),[e]),r=(0,i.useMemo)((()=>t.map((e=>e.value)).slice(0,8)),[t]);return i.default.createElement(d.default,null,i.default.createElement(u.default,null),i.default.createElement(c.ColorPreview,{"data-test":"ColorPreview",colors:r,maxColorCount:8}))},t.RangeValuePreview.propTypes=p},630:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.moveDslBetweenModes=t.clearDynamicColoring=void 0;t.clearDynamicColoring=e=>{const t={};return"background"===e?t.rowBackgroundColors=void 0:"text"===e&&(t.rowColors=void 0),t};t.moveDslBetweenModes=(e,t,r)=>{const a="background"===e?"rowBackgroundColors":"rowColors";return{["background"===t?"rowBackgroundColors":"rowColors"]:(r[a]||"> table | gradient(tableFormatEditorConfig)").replace(/tableFormatEditorConfig/g,"tableFormatEditorConfig"),[a]:void 0}}},6801:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.BaseEditorPropTypes=void 0;const l=n(r(23));t.BaseEditorPropTypes={name:l.string.isRequired,value:l.oneOfType([l.string,l.object,l.arrayOf(l.string)]),context:l.object,label:l.string,labelPosition:l.oneOf(["top","left"]),labelWidth:l.number,onChange:l.func,isAdvanced:l.bool,isDisabled:l.bool,dataSourceBindings:l.object,options:l.object,optionsSchema:l.object}},333:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditorPropTypes=void 0;const l=n(r(23)),i=r(6801),s=r(2369);t.DynamicColorEditorPropTypes=Object.assign(Object.assign({},i.BaseEditorPropTypes),{name:l.string.isRequired,value:l.any,onChange:l.func,flyoutTitle:l.string,dataSelectors:l.arrayOf(l.exact({label:l.string.isRequired,value:l.string.isRequired}).isRequired),formatters:l.arrayOf(l.exact({label:l.string.isRequired,value:l.string.isRequired,defaults:l.object.isRequired,isDefault:l.bool}).isRequired),defaultPalettesConfig:s.sharedPalettesConfigPropType.isRequired,tooltip:l.string,options:l.object})},4008:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.AdvancedConfigButton=void 0;const i=n(r(9497)),s=n(r(23)),u=l(r(232)),c=r(6649),d=l(r(6643)),f=r(3563),p=l(r(6379)),h=l(r(7020)),g=l(r(9250)),m=(0,u.default)(g.default)`
+`,g=({colorIndex:e,disabled:t=!1,onRemove:r,rangeBoundaryIndex:a})=>{const o=i.useCallback((()=>r(e,a)),[e,r,a]);return i.createElement(p,null,i.createElement("div",null,i.createElement(h,{"data-test":"range-remove-button",disabled:t,icon:i.createElement(d.default,null),appearance:"subtle",onClick:o})))};g.propTypes={disabled:s.bool,onRemove:s.func},t.default=g},3493:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getSortedRanges=void 0;const a=r(4793);t.getSortedRanges=(e=[])=>{if((0,a.isEmpty)(e))return[{to:0,value:"#f00"},{from:0,value:"#0f0"}];const t=[...e];return t.sort(((e,t)=>null==e.to?1:null==t.to?-1:+e.to-+t.to)),t}},530:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.rangeValuesToContextConfig=void 0;const i=n(r(9497)),s=n(r(23)),u=l(r(5089)),c=l(r(5852)),d=l(r(104)),f=r(3493),p=r(8548);t.rangeValuesToContextConfig=({colors:e,rangeValues:t})=>e.map(((r,a)=>{const o={value:r};return a>0&&(o.from=t[a-1]),a<e.length-1&&(o.to=t[a]),o}));const h=({defaultPalettesConfig:e,onChange:r=(()=>{}),palettes:a=u.default,selectedDataSelector:o,value:n})=>{const l=i.useMemo((()=>(0,f.getSortedRanges)(n)),[n]),{rangeValues:s,selectedColors:h}=i.useMemo((()=>l.reduce(((e,t)=>("number"==typeof t.to&&e.rangeValues.push(t.to),e.selectedColors.push(t.value),e)),{rangeValues:[],selectedColors:[]})),[l]),[{paletteTheme:g,paletteEntry:m},b]=i.useState((()=>(0,p.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:a,ranges:l}))),v=(0,p.getSwatchColorsFromPalette)({palettes:a,paletteInfo:m,paletteTheme:g}),_=(0,p.hasCustomColors)({currentSwatchColors:v,selectedColors:h}),[y,C]=i.useState((()=>(0,p.hasInitiallyReversedColors)({isSwatchCustomized:_,palettes:a,selectedColors:h,selectedPaletteInfo:m,selectedPaletteTheme:g}))),O=i.useCallback((({paletteTheme:e,paletteInfo:t})=>s.length>6?h:(({palettes:e,paletteTheme:t,paletteInfo:r,rangeValues:a,setIsReversed:o})=>{const n=(0,p.getSwatchColorsFromPalette)({palettes:e,paletteInfo:r,paletteTheme:t}),l=(0,p.getPrecedenceFromPalette)({palettes:e,paletteTheme:t,paletteInfo:r})[a.length-1].map((e=>n[e]));return o(!1),l})({palettes:a,paletteTheme:e,paletteInfo:t,rangeValues:s,setIsReversed:C})),[a,s,h]),P=i.useCallback((e=>{const a=O({paletteTheme:e,paletteInfo:m});b((t=>Object.assign(Object.assign({},t),{paletteTheme:e})));const o=(0,t.rangeValuesToContextConfig)({colors:a,rangeValues:s});r(null,null,o)}),[O,m,s,r]),x=i.useCallback((e=>{const a=O({paletteTheme:g,paletteInfo:e});b((t=>Object.assign(Object.assign({},t),{paletteEntry:e})));const o=(0,t.rangeValuesToContextConfig)({colors:a,rangeValues:s});r(null,null,o)}),[O,g,s,r]),w=i.useCallback((({colors:e,rangeValues:a})=>{const o=(0,t.rangeValuesToContextConfig)({colors:e,rangeValues:a});r(null,null,o)}),[r]);return i.useEffect((()=>{b((0,p.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:a,ranges:l}))}),[o]),i.createElement(i.Fragment,null,i.createElement(c.default,{isReversed:y,isSwatchCustomized:_,onChangePaletteTheme:P,onPaletteChange:x,palettes:a,selectedPaletteInfo:m,selectedPaletteTheme:g}),i.createElement(d.default,{customizedColors:_,isReversed:y,onChange:w,precedence:(0,p.getPrecedenceFromPalette)({palettes:a,paletteTheme:g,paletteInfo:m}),rangeValues:s,selectedColors:h,swatchColors:v,setIsReversed:C}))};h.propTypes={onChange:s.func,palettes:s.objectOf(s.shape({precedence:s.arrayOf(s.arrayOf(s.number)),swatches:s.arrayOf(s.arrayOf(s.string))})),value:s.any},t.default=h},1788:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.RangeValuePreview=void 0;const i=n(r(9497)),s=l(r(6212)),u=r(1705),c=l(r(1494)),d=r(3493);t.RangeValuePreview=({config:e})=>{const t=(0,i.useMemo)((()=>(0,d.getSortedRanges)(e)),[e]),r=(0,i.useMemo)((()=>t.map((e=>e.value)).slice(0,8)),[t]);return i.default.createElement(c.default,null,i.default.createElement(s.default,null),i.default.createElement(u.ColorPreview,{"data-test":"ColorPreview",colors:r,maxColorCount:8}))}},630:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.moveDslBetweenModes=t.clearDynamicColoring=void 0;t.clearDynamicColoring=e=>{const t={};return"background"===e?t.rowBackgroundColors=void 0:"text"===e&&(t.rowColors=void 0),t};t.moveDslBetweenModes=(e,t,r)=>{const a="background"===e?"rowBackgroundColors":"rowColors";return{["background"===t?"rowBackgroundColors":"rowColors"]:(r[a]||"> table | gradient(tableFormatEditorConfig)").replace(/tableFormatEditorConfig/g,"tableFormatEditorConfig"),[a]:void 0}}},6801:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.BaseEditorPropTypes=void 0;const l=n(r(23));t.BaseEditorPropTypes={name:l.string.isRequired,value:l.oneOfType([l.string,l.object,l.arrayOf(l.string)]),context:l.object,label:l.string,labelPosition:l.oneOf(["top","left"]),labelWidth:l.number,onChange:l.func,isAdvanced:l.bool,isDisabled:l.bool,dataSourceBindings:l.object,options:l.object,optionsSchema:l.object}},333:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditorPropTypes=void 0;const l=n(r(23)),i=r(6801),s=r(2369);t.DynamicColorEditorPropTypes=Object.assign(Object.assign({},i.BaseEditorPropTypes),{name:l.string.isRequired,value:l.any,onChange:l.func,flyoutTitle:l.string,dataSelectors:l.arrayOf(l.exact({label:l.string.isRequired,value:l.string.isRequired}).isRequired),formatters:l.arrayOf(l.exact({label:l.string.isRequired,value:l.string.isRequired,defaults:l.object.isRequired,isDefault:l.bool}).isRequired),defaultPalettesConfig:s.sharedPalettesConfigPropType.isRequired,tooltip:l.string,options:l.object})},4008:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&a(t,e,r);return o(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.AdvancedConfigButton=void 0;const i=n(r(9497)),s=n(r(23)),u=l(r(232)),c=r(6649),d=l(r(6643)),f=r(3563),p=l(r(6379)),h=l(r(7020)),g=l(r(9250)),m=(0,u.default)(g.default)`
     margin-top: 0;
     padding: 0;
     // adjust bottom margin according to theme