@splunk/dynamic-editors 0.36.1 → 0.37.0

package/editors/DynamicColorEditorWithPrecedence.js

@@ -2,51 +2,184 @@
  * Copyright © 2018 Splunk Inc.
  * SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
  * in part without a valid written license from Splunk Inc. is PROHIBITED.
- */(()=>{"use strict";var e={3263:(e,t,r)=>{r.r(t),r.d(t,{default:()=>_});var a=r(2649),n=r.n(a),o=r(9497),l=r.n(o),i=r(23),u=r.n(i),s=r(5411),c=r.n(s),d=r(6379),f=r.n(d),p=r(2166),h=r(18),m=r(5862),g=r(4008),b=r.n(g);const v=({onChange:e,name:t,itemSchema:r,values:a,value:i,labelPosition:u,labelWidth:s,label:d,isDisabled:g})=>{const v=(0,h.getOptions)(r,a),_=(0,p.hasTokens)(i)||g,y=(0,o.useCallback)(((r,{value:a})=>e(r,t,a)),[e,t]),O=d&&""!==d?void 0:{marginTop:"-8px"};return l().createElement(b(),{label:d,labelPosition:u,labelWidth:s,style:O},l().createElement(c(),{"data-test":t,onChange:y,value:i,style:m.editorStyle,disabled:_},v.map((e=>{const t=e.label||e.value,r={};return e.icon?r.startAdornment=l().createElement(f(),{content:t},l().createElement(e.icon,{hideDefaultTooltip:!0})):r.label=t,l().createElement(c().Option,n()({key:e.value,value:e.value,disabled:_},r))}))))};v.propTypes={onChange:u().func.isRequired,name:u().string.isRequired,itemSchema:u().object,values:u().arrayOf(u().shape({label:u().string,value:u().oneOfType([u().string,u().bool]).isRequired})),value:u().oneOfType([u().string,u().bool]),label:u().string.isRequired,labelPosition:u().oneOf(["left","top"]),labelWidth:u().number,isDisabled:u().bool},v.defaultProps={labelPosition:"top",isDisabled:!1};const _=v},2065:(e,t,r)=>{r.r(t),r.d(t,{default:()=>s});var a=r(2649),n=r.n(a),o=r(9497),l=r.n(o),i=r(2749),u=r.n(i);const s=e=>l().createElement(u(),n()({},e,{appearance:"toggle"}))},18:(e,t,r)=>{r.r(t),r.d(t,{getFilteredRowsByShowEditor:()=>E,getFormatterConfig:()=>j,getOptions:()=>v,getStaticItemSchema:()=>P,handleOptionsChange:()=>_,isDynamicOptionSchema:()=>O,isMultipleRulesSchema:()=>y,isNestedOption:()=>C,isSupportedDataSelector:()=>w,isSupportedFormatter:()=>x,setOption:()=>D});var a=r(6195),n=r.n(a),o=r(4868),l=r.n(o);const i=require("lodash/forIn");var u=r.n(i);const s=require("lodash/clone");var c=r.n(s);const d=require("lodash/isPlainObject");var f=r.n(d);const p=require("lodash/set");var h=r.n(p);const m=require("@splunk/visualizations-shared/schemaUtils");function g(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?g(Object(r),!0).forEach((function(t){n()(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const v=(e,t)=>{if(Array.isArray(t))return t;if(e&&Array.isArray(e.enum))return e.enum.map((e=>({value:e})));throw Error(`No valid values provided to editor: ${JSON.stringify(e)}`)};function _(e,t,r={debounce:!1}){const{visualization:a}=this.props;null==t?this.props.onVisualizationChange(b(b({},a),{},{options:l()(a.options,[e])}),r):this.props.onVisualizationChange(b(b({},a),{},{options:b(b({},a.options),{},{[e]:t})}),r)}const y=e=>!!e.anyOf&&e.anyOf.length>0,O=e=>"string"===e.type&&e.pattern===m.DYNAMIC_OPTIONS_DSL_PATTERN,C=e=>/^\w+\[\d+\]\.(.+)$/.test(e),P=e=>{if(!y(e))return e;const t=e.anyOf.find((e=>!O(e)));return b(b({},l()(e,"anyOf")),t)},j=({contextConfig:e,formatters:t,formatterFromDSL:r,selectedDataSelector:a})=>{var n;if(e)return e;const o=null==t?void 0:t.find((e=>e.value===r));return(null==o||null===(n=o.defaults)||void 0===n?void 0:n[a])||[]},w=({selectedDataSelector:e,dataSelectors:t})=>!!(e&&t&&t.length)&&t.some((t=>t.value===e)),x=({selectedFormatterType:e,formattersFromEditor:t,supportedFormatters:r})=>!!(e&&r[e]&&t&&t.length)&&t.some((t=>t.value===e)),E=({row:e,options:t,encoding:r,featureFlags:a})=>{if(!e||!Array.isArray(e))return[];return e.filter((e=>void 0===e.showEditor||"function"==typeof e.showEditor&&e.showEditor({options:t,encoding:r,featureFlags:a})))},M=e=>{const t=c()(e);return u()(t,((e,r)=>{(null!=e&&Array.isArray(e)||f()(e))&&(t[r]=M(t[r])),Array.isArray(e)&&(t[r]=e.map((e=>null===e?void 0:e))),null==e&&delete t[r]})),t},D=(e,t,r,a,n)=>{var o,i,u;const s=b({},r);let d=e,p=t;if(null==p&&a[d])return s.options=l()(r.options,d),s;const m=null!==(o=null==n?void 0:n[d])&&void 0!==o?o:null===(i=a[d])||void 0===i?void 0:i.default;return void 0!==m&&p===m?(s.options=l()(r.options,d),s):(s.options=c()(r.options),null!==(u=s.options)&&void 0!==u||(s.options={}),null==t&&f()(e)&&f()(e.options)&&([d]=Object.keys(e.options),[p]=Object.values(e.options)),a[d]&&"array"!==a[d].type?(s.options[d]=p,s):(null===p&&(p=void 0),h()(s.options,d,p),s.options=M(s.options),s))}},2166:(e,t,r)=>{r.r(t),r.d(t,{hasTokens:()=>n});const a=new RegExp(/\$/.source+/(\w+:)?/.source+/([^$|:]+?)(\|[|\w]+)?/.source+/\$/.source),n=e=>"string"==typeof e&&a.test(e)},2749:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=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 n(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=o(r(9497)),u=l(r(232)),s=l(r(5777)),c=l(r(8631)),d=l(r(6379)),f=r(3563),p=l(r(451)),h=r(2166),m=l(r(4008)),g=(0,u.default)(d.default)`
+ */(()=>{"use strict";var e={3263:(e,t,r)=>{r.r(t),r.d(t,{default:()=>_});var a=r(2649),n=r.n(a),l=r(9497),o=r.n(l),i=r(23),s=r.n(i),u=r(5411),c=r.n(u),d=r(6379),f=r.n(d),p=r(2166),h=r(18),g=r(5862),m=r(4008),b=r.n(m);const v=({onChange:e,name:t,itemSchema:r,values:a,value:i,labelPosition:s,labelWidth:u,label:d,isDisabled:m})=>{const v=(0,h.getOptions)(r,a),_=(0,p.hasTokens)(i)||m,y=(0,l.useCallback)(((r,{value:a})=>e(r,t,a)),[e,t]),C=d&&""!==d?void 0:{marginTop:"-8px"};return o().createElement(b(),{label:d,labelPosition:s,labelWidth:u,style:C},o().createElement(c(),{"data-test":t,onChange:y,value:i,style:g.editorStyle,disabled:_},v.map((e=>{const t=e.label||e.value,r={};return e.icon?r.startAdornment=o().createElement(f(),{content:t},o().createElement(e.icon,{hideDefaultTooltip:!0})):r.label=t,o().createElement(c().Option,n()({key:e.value,value:e.value,disabled:_},r))}))))};v.propTypes={onChange:s().func.isRequired,name:s().string.isRequired,itemSchema:s().object,values:s().arrayOf(s().shape({label:s().string,value:s().oneOfType([s().string,s().bool]).isRequired})),value:s().oneOfType([s().string,s().bool]),label:s().string.isRequired,labelPosition:s().oneOf(["left","top"]),labelWidth:s().number,isDisabled:s().bool},v.defaultProps={labelPosition:"top",isDisabled:!1};const _=v},2065:(e,t,r)=>{r.r(t),r.d(t,{default:()=>u});var a=r(2649),n=r.n(a),l=r(9497),o=r.n(l),i=r(2749),s=r.n(i);const u=e=>o().createElement(s(),n()({},e,{appearance:"toggle"}))},18:(e,t,r)=>{r.r(t),r.d(t,{convertEmptyDataColorsForChoropleth:()=>T,getFilteredRowsByShowEditor:()=>E,getFormatterConfig:()=>x,getOptions:()=>v,getStaticItemSchema:()=>P,getToggleOffValueForDataColors:()=>D,handleOptionsChange:()=>_,isDynamicOptionSchema:()=>C,isMultipleRulesSchema:()=>y,isNestedOption:()=>O,isSupportedDataSelector:()=>w,isSupportedFormatter:()=>j,setOption:()=>S});var a=r(6195),n=r.n(a),l=r(4868),o=r.n(l);const i=require("lodash/forIn");var s=r.n(i);const u=require("lodash/clone");var c=r.n(u);const d=require("lodash/isPlainObject");var f=r.n(d);const p=require("lodash/set");var h=r.n(p);const g=require("@splunk/visualizations-shared/schemaUtils");function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach((function(t){n()(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const v=(e,t)=>{if(Array.isArray(t))return t;if(e&&Array.isArray(e.enum))return e.enum.map((e=>({value:e})));throw Error(`No valid values provided to editor: ${JSON.stringify(e)}`)};function _(e,t,r={debounce:!1}){const{visualization:a}=this.props;null==t?this.props.onVisualizationChange(b(b({},a),{},{options:o()(a.options,[e])}),r):this.props.onVisualizationChange(b(b({},a),{},{options:b(b({},a.options),{},{[e]:t})}),r)}const y=e=>!!e.anyOf&&e.anyOf.length>0,C=e=>"string"===e.type&&e.pattern===g.DYNAMIC_OPTIONS_DSL_PATTERN,O=e=>null!==/^\w+\[\d+\]\.(.+)$/.exec(e),P=e=>{if(!y(e))return e;const t=e.anyOf.find((e=>!C(e)));return b(b({},o()(e,"anyOf")),t)},x=({contextConfig:e,formatters:t,formatterFromDSL:r,selectedDataSelector:a})=>{var n;if(!e){var l;const e=null==t?void 0:t.find((e=>e.value===r));return(null==e||null===(l=e.defaults)||void 0===l?void 0:l[a])||[]}if(!r)return e;if(((e,t)=>!(!e||!t)&&("gradient"===t?"object"==typeof e&&!Array.isArray(e)&&"colors"in e:"rangeValue"!==t&&"matchValue"!==t||Array.isArray(e)))(e,r))return e;const o=null==t?void 0:t.find((e=>e.value===r));return(null==o||null===(n=o.defaults)||void 0===n?void 0:n[a])||[]},w=({selectedDataSelector:e,dataSelectors:t})=>!(!e||null==t||!t.length)&&t.some((t=>t.value===e)),j=({selectedFormatterType:e,formattersFromEditor:t,supportedFormatters:r})=>!!(e&&null!=r&&r[e]&&null!=t&&t.length)&&t.some((t=>t.value===e)),E=({row:e,options:t,encoding:r,featureFlags:a})=>{if(!e||!Array.isArray(e))return[];return e.filter((e=>void 0===e.showEditor||"function"==typeof e.showEditor&&e.showEditor({options:t,encoding:r,featureFlags:a})))},M=e=>{const t=c()(e);return s()(t,((e,r)=>{(null!=e&&Array.isArray(e)||f()(e))&&(t[r]=M(t[r])),Array.isArray(e)&&(t[r]=e.map((e=>null===e?void 0:e))),null==e&&delete t[r]})),t},D=({name:e,options:t,dataSelectors:r=[]})=>{if(null==e||!e.includes("dataColors"))return"";const a=r.includes("areaValues");return(()=>{if("dataColors"===e)return"choropleth"===(null==t?void 0:t.type)||"choropleth"===(null==t?void 0:t.layerType);const r=/^layers\[(\d+)\]\.dataColors$/.exec(e);if(r){var a;const e=parseInt(r[1],10),n=null==t||null===(a=t.layers)||void 0===a?void 0:a[e];return"choropleth"===(null==n?void 0:n.type)||"choropleth"===(null==n?void 0:n.layerType)}return!1})()&&a?"> areaValues | gradient()":""},T=({option:e,value:t,options:r,dataSelectors:a=[]})=>null!=e&&e.includes("dataColors")?""!==t?t:D({name:e,options:r,dataSelectors:a}):t,S=(e,t,r,a,n,l)=>{var i,s,u,d;const p=b({},r);let g=e,m=t;if(""===m&&null!==(i=g)&&void 0!==i&&i.includes("dataColors")&&(m=T({option:g,value:m,options:r.options,dataSelectors:l})),null==m&&a[g])return p.options=o()(r.options,g),p;const v=null!==(s=null==n?void 0:n[g])&&void 0!==s?s:null===(u=a[g])||void 0===u?void 0:u.default;return void 0!==v&&m===v?(p.options=o()(r.options,g),p):(p.options=c()(r.options),null!==(d=p.options)&&void 0!==d||(p.options={}),null==t&&f()(e)&&f()(e.options)&&([g]=Object.keys(e.options),[m]=Object.values(e.options)),a[g]&&"array"!==a[g].type?(p.options[g]=m,p):(null===m&&(m=void 0),h()(p.options,g,m),p.options=M(p.options),p))}},2166:(e,t,r)=>{r.r(t),r.d(t,{hasTokens:()=>n});const a=new RegExp(/\$/.source+/(\w+:)?/.source+/([^$|:]+?)(\|[|\w]+)?/.source+/\$/.source),n=e=>"string"==typeof e&&a.test(e)},2749:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(r(9497)),s=o(r(232)),u=o(r(5777)),c=o(r(8631)),d=o(r(6379)),f=r(3563),p=o(r(451)),h=r(2166),g=o(r(4008)),m=(0,s.default)(d.default)`
     float: right;
     [data-test='clickable'] {
         padding-block: 0;
     }
-`,b=(0,u.default)(s.default)`
+`,b=(0,s.default)(u.default)`
     padding-block: 0;
 
     ${({hasChip:e})=>e&&"\n        display: inline-flex;\n        align-items: center;\n        label {\n            display: inline-flex;\n            align-items: center;\n            vertical-align: middle;\n        }\n    "}
-`,v=u.default.div`
+`,v=s.default.div`
     margin-top: ${f.variables.spacingXSmall};
     color: ${f.variables.contentColorDefault};
     font-size: ${f.variables.fontSizeSmall};
-`,_=(0,u.default)(c.default)`
+`,_=(0,s.default)(c.default)`
     margin-left: auto;
-`,y=u.default.span`
+`,y=s.default.span`
     display: inline-flex;
     align-items: center;
     min-height: ${f.variables.inputHeight};
     line-height: 0;
-`,O=(e,t)=>t?[e.find((e=>e!==t)),t]:e;t.default=({help:e,helpFormat:t="tooltip",onChange:r,name:a,value:n,values:o,itemSchema:l,variantForSelectedState:u,labelPosition:s="right",labelWidth:c,label:d,appearance:f="checkbox",isDisabled:C=!1,helpTextLink:P,chipText:j})=>{const w=(0,h.hasTokens)(n)||C;let x;if(Array.isArray(o)&&2===o.length)x=O(o.map((e=>e.value)),u);else if(Array.isArray(l.enum)&&2===l.enum.length)x=O(l.enum,u);else{if("boolean"!==l.type)throw Error(`No valid values provided to CheckboxEditor: ${JSON.stringify(l)}`);x=[!1,!0]}const E=(0,i.useCallback)((e=>r(e,a,n===x[1]?x[0]:x[1])),[r,x,a,n]);return"right"===s?i.default.createElement(i.default.Fragment,null,i.default.createElement(b,{"data-test":a,disabled:w,value:a,onClick:E,selected:n===x[1],appearance:f,hasChip:!!j},i.default.createElement(y,null,d),j&&i.default.createElement(_,{"data-test":"beta-chip"},j),e&&"tooltip"===t&&i.default.createElement(g,{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(m.default,{label:d,labelPosition:s,labelWidth:c,tooltip:e},i.default.createElement(b,{"data-test":a,disabled:w,value:a,onClick:E,selected:n===x[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 n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=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 n(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=o(r(9497)),u=o(r(23)),s=r(6649),c=l(r(9250)),d=l(r(7020)),f=l(r(1551)),p=l(r(1151)),{useRef:h,useState:m,useCallback:g}=i,b={label:u.string,labelPosition:u.oneOf(["top","left"]),labelWidth:u.number,onResetToDefault:u.func},v=({label:e,labelPosition:t="left",labelWidth:r,onResetToDefault:a})=>{const[n,o]=m(!1),l=h(null),u=g((()=>o(!0)),[]),b=g((()=>o(!1)),[]);return i.createElement(c.default,{label:(0,s._)(e),labelPosition:t,labelWidth:r},i.createElement(d.default,{"data-test":"customized-in-source-button",onClick:u,appearance:"default",ref:l,label:(0,s._)("Customized in source")}),i.createElement(f.default,{"data-test":"customized-in-source-popover",open:n,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 n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=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 n(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=o(r(9497)),u=o(r(23)),s=r(7124),c=l(r(9250)),d=l(r(7020)),f=l(r(1551)),p=l(r(232)),h=l(r(4566)),m=r(6649),g=r(5089),b=r(4793),v=r(1413),_=r(2369),y=l(r(2468)),O=r(5862),C=r(6801),P=r(18),{useRef:j,useState:w,useEffect:x}=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:n,values:l,itemSchema:o,variantForSelectedState:s,labelPosition:u="right",labelWidth:c,label:d,appearance:f="checkbox",isDisabled:O=!1,helpTextLink:P,chipText:x})=>{const w=(0,h.hasTokens)(n)||O;let j;if(Array.isArray(l)&&2===l.length)j=C(l.map((e=>e.value)),s);else if(Array.isArray(o.enum)&&2===o.enum.length)j=C(o.enum,s);else{if("boolean"!==o.type)throw Error(`No valid values provided to CheckboxEditor: ${JSON.stringify(o)}`);j=[!1,!0]}const E=(0,i.useCallback)((e=>r(e,a,n===j[1]?j[0]:j[1])),[r,j,a,n]);return"right"===u?i.default.createElement(i.default.Fragment,null,i.default.createElement(b,{"data-test":a,disabled:w,value:a,onClick:E,selected:n===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:n===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 n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(r(9497)),s=l(r(23)),u=r(6649),c=o(r(9250)),d=o(r(7020)),f=o(r(1551)),p=o(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[n,l]=g(!1),o=h(null),s=m((()=>l(!0)),[]),b=m((()=>l(!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:o,label:(0,u._)("Customized in source")}),i.createElement(f.default,{"data-test":"customized-in-source-popover",open:n,anchor:o.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 n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t},o=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=l(r(9497)),s=l(r(23)),u=r(7124),c=o(r(9250)),d=o(r(7020)),f=o(r(1551)),p=o(r(232)),h=o(r(4566)),g=r(6649),m=r(5089),b=r(4793),v=r(1413),_=r(2369),y=o(r(2468)),C=r(5862),O=r(6801),P=r(18),{useRef:x,useState:w,useEffect:j}=i,E=p.default.div`
     font-weight: 600;
     font-size: 14px;
     line-height: 20px;
     margin-bottom: 8px;
 `,M=p.default.div.attrs((()=>({"data-test":"DynamicColorFlyoutContent"})))`
     box-sizing: border-box;
-    padding: ${(0,s.toPx)(O.FLYOUT_PADDING)};
-    width: ${(0,s.toPx)(O.FLYOUT_WIDTH)};
+    padding: ${(0,u.toPx)(C.FLYOUT_PADDING)};
+    width: ${(0,u.toPx)(C.FLYOUT_WIDTH)};
 `,D=(0,p.default)(d.default)`
     padding: '4px';
     margin-bottom: ${h.default.spacingMedium};
-`,T=Object.assign(Object.assign({},C.BaseEditorPropTypes),{flyoutTitle:u.string,formatters:u.arrayOf(u.shape({label:u.string,value:u.string,defaults:u.object})),dataSelectors:u.arrayOf(u.shape({label:u.string,value:u.string})),defaultPalettesConfig:_.sharedPalettesConfigPropType});t.prepareUpdate=({name:e,selectedDataSelector:t,selectedFormatterType:r,currentFormatterConfig:a})=>{const n=`${e}EditorConfig`,o=n.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,v.buildDSLFromDataSelectorAndFormatter)(t,r,n)},context:{[o]:a}}};t.DynamicColorEditor=({name:e,value:r,label:a="",labelPosition:n="left",labelWidth:o,context:l,onChange:u=(()=>{}),flyoutTitle:s=(0,m._)("Dynamic coloring"),formatters:d=[],dataSelectors:p=[],defaultPalettesConfig:h=g.defaultPalettesConfig,isDisabled:O=!1})=>{const[C,T]=w(!1),S=j(null),{type:R,paramKey:k}=(0,v.getLastFormatterFromDSL)(r)||{type:"unknown",paramKey:"unknown"},I=(0,v.getDataSelectorsFromDSL)(r)[0],[F,V]=w(R);x((()=>{V(R)}),[R]);const[A,B]=w(I);x((()=>{B(I)}),[I]);const $=(0,P.getFormatterConfig)({contextConfig:l[k],formatters:d,formatterFromDSL:R,selectedDataSelector:A}),[q,U]=w($);x((()=>{U($)}),[l,d,k,R,I]);const N=r=>{const a=(0,b.find)(d,(e=>e.isDefault))||(0,b.find)(d,(e=>"rangeValue"===e.value))||d[0];if((0,b.isEmpty)(a))return;const n=a.value,o=Object.keys(a.defaults)[0],l=a.defaults[o];B(o),V(n),U(l),u(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:o,selectedFormatterType:n,currentFormatterConfig:l}))},W=i.useCallback((()=>{T((e=>!e))}),[]);if(!(0,P.isSupportedDataSelector)({selectedDataSelector:A,dataSelectors:p})||!(0,P.isSupportedFormatter)({selectedFormatterType:F,formattersFromEditor:d,supportedFormatters:_.supportedFormatters}))return i.createElement(y.default,{label:a,labelPosition:n,labelWidth:o,onResetToDefault:N});const z=_.supportedFormatters[F].preview;return i.createElement(i.Fragment,null,i.createElement(c.default,{"data-test":"DynamicColorEditorGroup",label:(0,m._)(a),labelPosition:n,labelWidth:o},i.createElement(D,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default",ref:S,onClick:W,disabled:O},i.createElement(z,{"data-test":"FormatterConfigPreview",config:q}))),i.createElement(f.default,{"data-test":"DynamicColorEditorFlyout",open:C,anchor:S.current,defaultPlacement:"horizontal",style:{padding:"10px"},onRequestClose:()=>T(!1),takeFocus:!0},i.createElement(M,null,i.createElement(E,null,s),i.createElement(_.FormatterEditor,{selectedDataSelector:A,selectedFormatterType:F,currentFormatterConfig:q,onDataSelectorChange:(r,a,n)=>{B(n);const o=(0,b.find)(d,(e=>e.defaults[n]));V(o.value);const l=o.defaults[n];U(l),u(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:n,selectedFormatterType:o.value,currentFormatterConfig:l}))},onFormatterTypeChange:(r,a,n)=>{V(n);const o=(0,b.find)(d,["value",n]).defaults[A];U(o),u(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:A,selectedFormatterType:n,currentFormatterConfig:o}))},onFormatterConfigChange:(r,a,n)=>{U(n),u(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:A,selectedFormatterType:F,currentFormatterConfig:n}))},formatters:d,dataSelectors:p,defaultPalettesConfig:h}))))},t.DynamicColorEditor.propTypes=T},8281:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=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 n(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditorWithPrecedence=void 0;const i=o(r(9497)),u=o(r(23)),s=r(6649),c=r(5089),d=r(2369),f=r(152),p=l(r(2065)),h=r(6801),m=r(5862),g=Object.assign(Object.assign({},h.BaseEditorPropTypes),{name:u.string.isRequired,value:u.any,onChange:u.func,flyoutTitle:u.string,dataSelectors:u.arrayOf(u.shape({label:u.string.isRequired,value:u.string.isRequired})),formatters:u.arrayOf(u.shape({label:u.string.isRequired,value:u.string.isRequired,defaults:u.object})),defaultPalettesConfig:d.sharedPalettesConfigPropType.isRequired,tooltip:u.string});t.DynamicColorEditorWithPrecedence=({name:e,value:t,label:r="",labelPosition:a,labelWidth:n,context:o,flyoutTitle:l=(0,s._)("Dynamic coloring"),formatters:u=[],dataSelectors:d=[],defaultPalettesConfig:h=c.defaultPalettesConfig,tooltip:g,onChange:b=(()=>{})})=>{const v=m.VERTICAL_EDITOR_SPACING/2,[_,y]=i.useState(!!t);i.useEffect((()=>{y(!!t)}),[t]);const O=i.useCallback(((t,r)=>{var a,n,o,l;y((e=>!e));const i={},s={};if(_)i[e]="";else if(e.endsWith("dataColors")){const t=null===(a=d[0])||void 0===a?void 0:a.value,r=null===(n=u[0])||void 0===n?void 0:n.value,c=null===(l=null===(o=u[0])||void 0===o?void 0:o.defaults)||void 0===l?void 0:l[t];if(!t||!r||!c)return;i[e]=`> ${d[0].value} | ${r}(dataColorConfig)`,s.dataColorConfig=c}b(t,{options:i,context:s})}),[d,u,_,e,b]),C=i.useCallback(((e,t)=>{b(e,t)}),[b]);return i.createElement("div",{"data-test":"dynamic-color-toggle",style:{marginTop:v,marginBottom:v}},i.createElement(p.default,{name:e,label:(0,s._)("Dynamic coloring"),labelPosition:"right",value:_,onChange:O,itemSchema:{type:"boolean"},help:g}),_&&i.createElement("div",{"data-test":"dynamic-color-editor",style:{marginTop:v,marginBottom:-v}},i.createElement(f.DynamicColorEditor,{name:e,label:r,labelPosition:a,labelWidth:n,value:t,context:o,onChange:C,flyoutTitle:l,formatters:u,dataSelectors:d,defaultPalettesConfig:h})))},t.DynamicColorEditorWithPrecedence.propTypes=g},1705:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=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 n(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=o(r(9497)),u=o(r(23)),s=l(r(232)),c=r(3283),d=s.default.div.attrs((e=>({"data-test":"ColorPreviewWrapper",isReversed:e.isReversed})))`
+`,T=Object.assign(Object.assign({},O.BaseEditorPropTypes),{flyoutTitle:s.string,formatters:s.arrayOf(s.shape({label:s.string,value:s.string,defaults:s.object})),dataSelectors:s.arrayOf(s.shape({label:s.string,value:s.string})),defaultPalettesConfig:_.sharedPalettesConfigPropType,showStaticTextColor:s.bool});t.prepareUpdate=({name:e,selectedDataSelector:t,selectedFormatterType:r,currentFormatterConfig:a})=>{const n=`${e}EditorConfig`,l=n.replace(/^\w+\[\d+\]\.(.+)$/,"$1");return{options:{[e]:(0,v.buildDSLFromDataSelectorAndFormatter)(t,r,n)},context:{[l]:a}}};t.DynamicColorEditor=({name:e,value:r,label:a="",labelPosition:n="left",labelWidth:l,context:o,onChange:s=(()=>{}),flyoutTitle:u=(0,g._)("Dynamic coloring"),formatters:d=[],dataSelectors:p=[],defaultPalettesConfig:h=m.defaultPalettesConfig,isDisabled:C=!1,showStaticTextColor:O=!1})=>{const[T,S]=w(!1),R=x(null),{type:k,paramKey:I}=(0,v.getLastFormatterFromDSL)(r)||{type:"unknown",paramKey:"unknown"},F=(0,v.getDataSelectorsFromDSL)(r)[0],[A,V]=w(k);j((()=>{V(k)}),[k]);const[$,B]=w(F);j((()=>{B(F)}),[F]);const L=(0,P.getFormatterConfig)({contextConfig:o[I],formatters:d,formatterFromDSL:k,selectedDataSelector:$}),[q,U]=w(L);j((()=>{U(L)}),[o,d,I,k,F]);const z=r=>{const a=(0,b.find)(d,(e=>e.isDefault))||(0,b.find)(d,(e=>"rangeValue"===e.value))||d[0];if((0,b.isEmpty)(a))return;const n=a.value,l=Object.keys(a.defaults)[0],o=a.defaults[l];B(l),V(n),U(o),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:l,selectedFormatterType:n,currentFormatterConfig:o}))},N=i.useCallback((()=>{S((e=>!e))}),[]);if(!(0,P.isSupportedDataSelector)({selectedDataSelector:$,dataSelectors:p})||!(0,P.isSupportedFormatter)({selectedFormatterType:A,formattersFromEditor:d,supportedFormatters:_.supportedFormatters}))return i.createElement(y.default,{label:a,labelPosition:n,labelWidth:l,onResetToDefault:z});const W=_.supportedFormatters[A].preview;return i.createElement(i.Fragment,null,i.createElement(c.default,{"data-test":"DynamicColorEditorGroup",label:(0,g._)(a),labelPosition:n,labelWidth:l},i.createElement(D,{inline:!1,"data-test":"DynamicColorEditorButton",appearance:"default",ref:R,onClick:N,disabled:C},i.createElement(W,{"data-test":"FormatterConfigPreview",config:q}))),i.createElement(f.default,{"data-test":"DynamicColorEditorFlyout",open:T,anchor:R.current,defaultPlacement:"horizontal",style:{padding:"10px"},onRequestClose:()=>S(!1),takeFocus:!0},i.createElement(M,null,i.createElement(E,null,u),i.createElement(_.FormatterEditor,{selectedDataSelector:$,selectedFormatterType:A,currentFormatterConfig:q,onDataSelectorChange:(r,a,n)=>{B(n);const l=(0,b.find)(d,(e=>e.defaults[n]));V(l.value);const o=l.defaults[n];U(o),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:n,selectedFormatterType:l.value,currentFormatterConfig:o}))},onFormatterTypeChange:(r,a,n)=>{V(n);const l=(0,b.find)(d,["value",n]).defaults[$];U(l),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:$,selectedFormatterType:n,currentFormatterConfig:l}))},onFormatterConfigChange:(r,a,n)=>{U(n),s(r,(0,t.prepareUpdate)({name:e,selectedDataSelector:$,selectedFormatterType:A,currentFormatterConfig:n}))},formatters:d,dataSelectors:p,defaultPalettesConfig:h,showStaticTextColor:O}))))},t.DynamicColorEditor.propTypes=T},8281:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DynamicColorEditorWithPrecedence=void 0;const i=l(r(9497)),s=l(r(23)),u=r(6649),c=r(5089),d=r(2369),f=r(152),p=o(r(2065)),h=r(6801),g=r(5862),m=r(18),b=Object.assign(Object.assign({},h.BaseEditorPropTypes),{name:s.string.isRequired,value:s.any,onChange:s.func,flyoutTitle:s.string,dataSelectors:s.arrayOf(s.shape({label:s.string.isRequired,value:s.string.isRequired})),formatters:s.arrayOf(s.shape({label:s.string.isRequired,value:s.string.isRequired,defaults:s.object})),defaultPalettesConfig:d.sharedPalettesConfigPropType.isRequired,tooltip:s.string,options:s.object});t.DynamicColorEditorWithPrecedence=({name:e,value:t,label:r="",labelPosition:a,labelWidth:n,context:l,flyoutTitle:o=(0,u._)("Dynamic coloring"),formatters:s=[],dataSelectors:d=[],defaultPalettesConfig:h=c.defaultPalettesConfig,tooltip:b,options:v={},onChange:_=(()=>{})})=>{const y=g.VERTICAL_EDITOR_SPACING/2,C=i.useCallback((e=>{if(!e||""===e)return!0;if("string"==typeof e){return null!==/^>\s*areaValues\s*\|\s*gradient\(\s*\)$/.exec(e)}return!1}),[]),[O,P]=i.useState(!C(t));i.useEffect((()=>{P(!C(t))}),[t,C]);const x=i.useCallback(((r,a)=>{var n,l,o,i,u,c;P((e=>!e));const f={},p={};if(O){const t=d.map((e=>e.value));f[e]=(0,m.getToggleOffValueForDataColors)({name:e,options:v,dataSelectors:t})}else{if("string"==typeof t&&null!==/^>\s*areaValues\s*\|\s*gradient\(\s*\)$/.exec(t)){f[e]="> areaValues | gradient(dataColorConfig)";const t=null===(l=null===(n=s.find((e=>"gradient"===e.value)))||void 0===n?void 0:n.defaults)||void 0===l?void 0:l.areaValues;t&&(p.dataColorConfig=t)}else if(e.endsWith("dataColors")){const t=null===(o=d[0])||void 0===o?void 0:o.value,r=null===(i=s[0])||void 0===i?void 0:i.value,a=null===(c=null===(u=s[0])||void 0===u?void 0:u.defaults)||void 0===c?void 0:c[t];if(!t||!r||!a)return;f[e]=`> ${d[0].value} | ${r}(dataColorConfig)`,p.dataColorConfig=a}}_(r,{options:f,context:p})}),[d,s,O,e,_,v,t]),w=i.useCallback(((e,t)=>{_(e,t)}),[_]);return i.createElement("div",{"data-test":"dynamic-color-toggle",style:{marginTop:y,marginBottom:y}},i.createElement(p.default,{name:e,label:(0,u._)("Dynamic coloring"),labelPosition:"right",value:O,onChange:x,itemSchema:{type:"boolean"},help:b}),O&&i.createElement("div",{"data-test":"dynamic-color-editor",style:{marginTop:y,marginBottom:-y}},i.createElement(f.DynamicColorEditor,{name:e,label:r,labelPosition:a,labelWidth:n,value:t,context:l,onChange:w,flyoutTitle:o,formatters:s,dataSelectors:d,defaultPalettesConfig:h})))},t.DynamicColorEditorWithPrecedence.propTypes=b},1705:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ColorPreview=void 0;const i=l(r(9497)),s=l(r(23)),u=o(r(232)),c=r(3283),d=r(8987),f=u.default.div.attrs((e=>({"data-test":"ColorPreviewWrapper",isReversed:e.isReversed})))`
     display: flex;
-    flex-flow: ${e=>e.isReversed?"row-reverse":"row"};
+    flex-direction: row;
     height: 100%;
-`,f=s.default.div.attrs((()=>({"data-test":"ColorPreviewItem"})))`
+`,p=u.default.div.attrs((()=>({"data-test":"ColorPreviewItem"})))`
     flex-grow: ${({widthGrow:e})=>e?1:0};
-    width: ${({maxColorCount:e})=>`calc(100% / ${e} - 1px)`};
+    width: ${({maxColorCount:e})=>`calc(100% / ${e})`};
     margin-right: 1px;
     background-color: ${({color:e})=>e};
     &:last-of-type {
         margin-right: 0;
     }
-`,p={colors:u.arrayOf(u.string).isRequired,maxColorCount:u.number,expandToFillHorizontalSpace:u.bool,isReversed:u.bool};t.ColorPreview=({colors:e=[],maxColorCount:t=7,expandToFillHorizontalSpace:r=!0,isReversed:a=!1})=>i.createElement(d,{isReversed:a},e.map(((e,a)=>(0,c.isColor)(e)&&i.createElement(f,{key:`${a}-${e}`,color:e,widthGrow:r,maxColorCount:t})))),t.ColorPreview.propTypes=p},2369:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=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 n(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.MatchValueEditorWrapper=t.RangeValueEditorWrapper=t.getSortedRanges=t.sharedPalettesConfigPropType=void 0;const i=o(r(9497)),u=o(r(23)),s=r(6649),c=r(1788),d=r(1561),f=l(r(3263)),p=l(r(530)),h=l(r(107));t.sharedPalettesConfigPropType=u.exact({paletteTheme:u.string,paletteEntry:u.exact({type:u.string,index:u.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};t.RangeValueEditorWrapper=({defaultPalettesConfig:e,value:t,onChange:r,selectedDataSelector:a})=>i.createElement(p.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:u.arrayOf(u.shape({from:u.number,to:u.number,value:u.string})),onChange:u.func,selectedDataSelector:u.string};t.MatchValueEditorWrapper=({defaultPalettesConfig:e,value:t,onChange:r,selectedDataSelector:a})=>i.createElement(h.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:u.arrayOf(u.shape({match:u.oneOfType([u.string,u.number]),value:u.string})),onChange:u.func,selectedDataSelector:u.string},t.supportedFormatters={rangeValue:{preview:c.RangeValuePreview,editor:t.RangeValueEditorWrapper},matchValue:{preview:d.MatchValuePreview,editor:t.MatchValueEditorWrapper}};const m=Object.keys(t.supportedFormatters),g={selectedDataSelector:u.string,selectedFormatterType:u.oneOf(m),currentFormatterConfig:u.any,formatters:u.arrayOf(u.shape({label:u.string,value:u.string,defaults:u.object})),dataSelectors:u.arrayOf(u.shape({label:u.string,value:u.string})),onDataSelectorChange:u.func,onFormatterTypeChange:u.func,onFormatterConfigChange:u.func,defaultPalettesConfig:t.sharedPalettesConfigPropType};t.FormatterEditor=({selectedDataSelector:e,selectedFormatterType:r,currentFormatterConfig:a,formatters:n=[],dataSelectors:o=[],onDataSelectorChange:l,onFormatterTypeChange:u,onFormatterConfigChange:c,defaultPalettesConfig:d})=>{const p=o.length>1,h=p?(0,s._)("Method"):"",m=n.filter((t=>t.defaults[e])),g=m.length>1,b=t.supportedFormatters[r].editor;return i.createElement(i.Fragment,null,p&&i.createElement(f.default,{name:"dataSelector",label:(0,s._)("Based on"),"data-test":"FormatterEditorDataSelector",values:o,value:e,onChange:l}),g&&i.createElement(f.default,{name:"formatterSelector",label:h,"data-test":"FormatterEditorFormatterSelector",values:m,value:r,onChange:u}),i.createElement(b,{"data-test":"FormatterEditorConfigEditor",name:"formatterConfig",value:a,onChange:c,defaultPalettesConfig:d,selectedDataSelector:e}))},t.FormatterEditor.propTypes=g},3396:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=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 n(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=o(r(9497)),u=o(r(23)),s=r(6649),c=l(r(232)),d=l(r(7020)),f=l(r(6062)),p=c.default.div`
+`,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 n=a?[...e].reverse():[...e];return i.createElement(f,{isReversed:a},n.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 n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t},o=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=l(r(9497)),s=l(r(23)),u=r(6649),c=r(8963),d=r(1788),f=r(1561),p=o(r(8842)),h=o(r(3263)),g=o(r(530)),m=o(r(107)),b=o(r(7304)),v=o(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};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:n})=>{var l;return(null===(l=null==t?void 0:t.stops)||void 0===l?void 0:l.length)>0?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:n})},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 _=Object.keys(t.supportedFormatters),y={selectedDataSelector:s.string,selectedFormatterType:s.oneOf(_),currentFormatterConfig:s.any,formatters:s.arrayOf(s.shape({label:s.string,value:s.string,defaults:s.object})),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:n=[],dataSelectors:l=[],onDataSelectorChange:o,onFormatterTypeChange:s,onFormatterConfigChange:c,defaultPalettesConfig:d,showStaticTextColor:f=!1})=>{var p;const g=l.length>1,m=g?(0,u._)("Method"):"",b=n.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:l,value:e,onChange:o}),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=y},5439:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(r(9497)),s=l(r(23)),u=r(6649),c=o(r(232)),d=o(r(7020)),f=o(r(6062)),p=c.default.div`
+    display: flex;
+    flex-direction: row;
+    margin-bottom: 10px;
+`,h=c.default.div`
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+`,g=c.default.div`
+    display: flex;
+`,m={marginRight:"12px"},b=i.createElement(f.default,null),v=({disableAddStops:e=!1,handleAddStop:t,handleReverse:r})=>i.createElement(p,null,i.createElement(g,null,i.createElement(d.default,{"data-test":"reverse-stops-button",icon:b,style:m,onClick:r})),i.createElement(h,null,i.createElement(d.default,{"data-test":"add-stop-button",appearance:"secondary",label:`+ ${(0,u._)("Add stop")}`,disabled:e,onClick:t})));v.propTypes={disableAddStops:s.bool,handleAddStop:s.func,handleReverse:s.func},t.default=v},6023:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t};Object.defineProperty(t,"__esModule",{value:!0});const o=l(r(9497)),i=l(r(7408));t.default=({color:e,colorIndex:t,palette:r,onChange:a})=>{const n=o.useCallback((({value:e})=>{null!=e&&""!==e&&"n/a"!==e.toLowerCase()&&"null"!==e.toLowerCase()&&a({colorIndex:t,value:e})}),[t,a]);return o.createElement(i.default,{"data-test":`gradient-color-${e}`,value:e,palette:r||[...i.defaultPalette,"transparent"],onChange:n,hideInput:!0})}},8842:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(r(9497)),s=l(r(23)),u=o(r(6212)),c=o(r(1494));function d(e){let t=e.replace("#","");3===t.length&&(t=t.split("").map((e=>e+e)).join(""));return.299*(parseInt(t.substring(0,2),16)/255)+.587*(parseInt(t.substring(2,4),16)/255)+.114*(parseInt(t.substring(4,6),16)/255)}const f=({config:e})=>{const{colors:t=[]}=e||{},r=`linear-gradient(90deg, ${t.join(", ")})`,a=t&&t.length>0?t[0]:"#fff",n=t&&t.length>1?t[t.length-1]:a,l=d(a)>.5?"#000":"#fff",o=d(n)>.5?"#000":"#fff";return i.createElement(c.default,null,i.createElement(u.default,{colorDown:l,colorUp:o}),i.createElement("div",{"data-test":"gradient-color-preview",style:{width:"100%",height:18,borderRadius:4,background:r}}))};f.propTypes={config:s.any.isRequired},t.default=f},94:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(r(9497)),s=l(r(23)),u=o(r(232)),c=o(r(4566)),d=o(r(4082)),f=r(6649),p=o(r(9250)),h=o(r(7408)),g=(0,u.default)(p.default)`
+    margin-bottom: 16px;
+    width: 100%;
+`,m=u.default.div`
+    display: flex;
+    align-items: stretch;
+    width: 100%;
+    position: relative;
+    flex: 1 1 0%;
+`,b=u.default.div`
+    display: flex;
+    align-items: stretch;
+    width: 100%;
+    min-width: 0;
+    box-sizing: border-box;
+    position: relative;
+`,v=u.default.div`
+    display: flex;
+    align-items: stretch;
+    height: 32px;
+    flex: 0 0 32px;
+    width: 32px;
+    min-width: 32px;
+    max-width: 32px;
+    border-radius: 4px 0 0 4px;
+    overflow: hidden;
+`,_=u.default.div`
+    width: 32px;
+    height: 32px;
+    border: 1px solid ${c.default.borderColor};
+    border-right: none;
+    background: linear-gradient(135deg, #fff 50%, #000 50%);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    box-sizing: border-box;
+    border-radius: 4px 0 0 4px;
+    overflow: hidden;
+`,y=(0,u.default)(d.default).attrs((({name:e})=>({"data-test":e})))`
+    max-height: ${c.default.inputHeight};
+    width: 100%;
+    min-width: 0;
+    flex: 1 1 0%;
+    border-radius: 0 4px 4px 0;
+    border: 1px solid ${c.default.borderColor};
+    border-left: none;
+    background: transparent;
+    color: ${c.default.contentColorActive};
+    font-size: 14px;
+    padding: 0 12px;
+    height: 32px;
+    outline: none;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+`,C=u.default.button`
+    background: none;
+    border: none;
+    padding: 0;
+    margin: 0;
+    cursor: pointer;
+    outline: none;
+    display: flex;
+    align-items: stretch;
+    height: 32px;
+`,O=u.default.button`
+    background: none;
+    border: none;
+    color: ${c.default.contentColorActive};
+    font-size: 18px;
+    cursor: pointer;
+    position: absolute;
+    right: 0;
+    top: 0;
+    height: 32px;
+    width: 32px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 2;
+    /* Remove margin-left and margin-right to avoid shifting layout */
+    padding: 0;
+`,P=u.default.div`
+    display: flex;
+    align-items: center;
+    padding: 0 12px;
+    height: 32px;
+    font-size: 14px;
+    color: ${c.default.contentColorActive};
+    background: transparent;
+    border: 1px solid ${c.default.borderColor};
+    border-left: none;
+    border-radius: 0 4px 4px 0;
+    min-width: 0;
+    flex: 1 1 0%;
+    box-sizing: border-box;
+`,x="auto",w="#ffffff",j=({textColor:e,onTextColorChange:t})=>{const[r,a]=i.useState(!e||e===x),[n,l]=i.useState(r?"":e||""),o=i.useRef(null);i.useEffect((()=>{a(!e||e===x),l(e&&e!==x?e:"")}),[e]);const s=i.useCallback((e=>{const r=(null==e?void 0:e.value)||"";r===x?(a(!0),l(""),t(x)):(a(!1),l(r),t(r))}),[t]),u=i.useCallback((e=>{const r=e.target.value;l(r),a(!1),t(r)}),[t]),c=i.useCallback((t=>{"Escape"===t.key&&l(e||"")}),[e]),d=i.useCallback((()=>{l(""),a(!0),t(x)}),[t]);return i.useEffect((()=>{!r&&o.current&&o.current.focus()}),[r]),i.createElement(g,{label:(0,f._)("Static text color"),tooltip:(0,f._)("Auto will choose black or white for text color to get more contrast"),style:{width:"100%"}},i.createElement(m,null,r?i.createElement(b,null,i.createElement(v,null,i.createElement(C,{type:"button","aria-label":(0,f._)("Choose text color"),onClick:()=>{a(!1),l(w),t(w)},tabIndex:0},i.createElement(_,null))),i.createElement(P,{"data-test":"gradient-text-color-auto"},(0,f._)("Auto"))):i.createElement(b,null,i.createElement(v,null,i.createElement(h.default,{key:"gradient-text-color-editor",value:n||"",onChange:s,hideInput:!0,append:!0})),i.createElement(y,{name:"gradient-text-color-input",value:n,onChange:u,onKeyDown:c}),i.createElement(O,{type:"button","aria-label":(0,f._)("Clear text color"),onClick:d,tabIndex:0},"×"))))};j.propTypes={textColor:s.string.isRequired,onTextColorChange:s.func.isRequired},t.default=j},4293:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(r(9497)),s=l(r(23)),u=o(r(232)),c=r(6649),d=r(3563),f=r(8963),p=o(r(5439)),h=o(r(6023)),g=o(r(94)),m=o(r(9106)),b=u.default.div`
+    padding-top: 10px;
+`,v=u.default.div`
+    display: flex;
+    flex-direction: column-reverse;
+`,_=u.default.div.attrs((()=>({"data-test":"gradient-entry-row"})))`
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    margin-bottom: 10px;
+    justify-content: space-between;
+`,y=u.default.div`
+    display: flex;
+    align-items: center;
+`,C=u.default.div`
+    margin-left: 8px;
+    color: ${d.variables.contentColorMuted};
+`,O=e=>{const{value:t,onChange:r,showStaticTextColor:a,isReversed:n,swatchColors:l,setIsReversed:o,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==l?void 0:l.length);x(e)}),[n,s,u,null==l?void 0:l.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==l?void 0:l.length))return void x(!0);const e=(0,f.addPaletteGradientStop)(l,s,n);if(e){r({colors:e}),e.length>=(null==l?void 0:l.length)&&x(!0)}return}const e=(0,f.addCustomGradientStop)(s,w,j);r({colors:e})}),[u,s,w,r,l,n]),T=i.useCallback((()=>{const e=[...s].reverse();if(r({colors:e}),null==o||o(!n),u){const e=[...w].reverse();j(e)}}),[s,r,o,n,u,w]),S=i.useCallback((e=>{const{colorIndex:t,value:a}=e,n=[...s];if(n[t]=a,r({colors:n}),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:l,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 n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(r(9497)),s=l(r(23)),u=o(r(232)),c=o(r(7020)),d=o(r(8855)),f=r(3563),p=u.default.div`
+    width: 32px;
+    height: 32px;
+    align-self: flex-end;
+`,h=(0,u.default)(c.default)`
+    color: ${f.variables.contentColorActive} !important;
+    &: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 n=a(r(5089));t.defaultDarkGradientConfig={colors:[n.default.DARK_COLORS.sequential.swatches[1][0],n.default.DARK_COLORS.sequential.swatches[1][n.default.DARK_COLORS.sequential.swatches[1].length-1]]},t.defaultLightGradientConfig={colors:[n.default.LIGHT_COLORS.sequential.swatches[1][0],n.default.LIGHT_COLORS.sequential.swatches[1][n.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 l,o,i;const s=(0,t.createDefaultPalettesConfig)(e),{paletteTheme:u,paletteEntry:c}=s,d=(null===(i=null===(o=null===(l=n.default[u])||void 0===l?void 0:l[c.type])||void 0===o?void 0:o.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("#",""),n=t.replace("#",""),l=parseInt(a.substring(0,2),16),o=parseInt(a.substring(2,4),16),i=parseInt(a.substring(4,6),16),s=parseInt(n.substring(0,2),16),u=parseInt(n.substring(2,4),16),c=parseInt(n.substring(4,6),16),d=Math.round(l+r*(s-l)),f=Math.round(o+r*(u-o)),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 n,l;if(e.length<2)return e;const o=r.map(((e,t)=>e?t:-1)).filter((e=>-1!==e));if(o.length<2){const l=e[e.length-1],o=e[e.length-2],i=(0,t.interpolateColor)(o,l,.5),s=[...e.slice(0,e.length-1),i,l];return a([...r.slice(0,r.length-1),!1,null!==(n=r[r.length-1])&&void 0!==n&&n]),s}let i=[...e],s=[...r];for(let a=0;a<o.length-1;a+=1){const n=o[a],l=o[a+1];if(l-n>1){const a=e[n],o=e[l],s=[];for(let e=n+1;e<l;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-n)/(l-n);i[r]=(0,t.interpolateColor)(a,o,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!==(l=s[s.length-1])&&void 0!==l&&l],a(s),i};t.addPaletteGradientStop=(e,t,r)=>{const a=t.length-1;if(a>5)return t;const n=r?[...e].reverse():e,l=n[Math.max(1,Math.min(a,n.length-2))];return[...t.slice(0,a),l,...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:n,index:l})=>{e.length>n.length||(n.length>=2&&n[0].trim().toLowerCase()===e[0].trim().toLowerCase()&&n[n.length-1].trim().toLowerCase()===e[e.length-1].trim().toLowerCase()?r.push({paletteTheme:a,paletteEntry:{type:t,index:l},isReversed:!1,swatch:n}):n.length>=2&&n[0].trim().toLowerCase()===e[e.length-1].trim().toLowerCase()&&n[n.length-1].trim().toLowerCase()===e[0].trim().toLowerCase()&&r.push({paletteTheme:a,paletteEntry:{type:t,index:l},isReversed:!0,swatch:n}))}))})),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 n=e.slice(1,e.length-1).map((e=>e.trim().toLowerCase())),l=a.slice(1,e.length-1).map((e=>e.trim().toLowerCase()));return n.every((e=>l.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 n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.GradientEditor=void 0;const i=l(r(9497)),s=l(r(23)),u=o(r(5089)),c=o(r(5852)),d=r(8963),f=r(8548),p=o(r(4293));t.GradientEditor=({defaultPalettesConfig:e={paletteTheme:"DARK_COLORS",paletteEntry:{type:"sequential",index:0}},onChange:t,palettes:r=u.default,showStaticTextColor:a=!1,selectedDataSelector:n,value:l={colors:["#252214","#b846bb"],textColor:"auto"}})=>{var o,s;const{colors:h,textColor:g}=l;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!==(o=null==_?void 0:_.paletteTheme)&&void 0!==o?o: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}):[],n=h.length;let l=[];if(x&&h.length>7)l=t.slice();else if(1===n)l=[t[t.length-1]];else if(2===n)l=[t[0],t[t.length-1]];else if(n>2){l=[t[0]];for(let e=1;e<n-1;e+=1)l.push(t[e]);l.push(t[t.length-1])}y({paletteTheme:C,paletteEntry:e}),M(!1);const o={colors:l};a&&(o.textColor=g),D(o)}),[C,r,a,D,g,x,h]);return i.useEffect((()=>{y((0,d.findMatchingPaletteGradient)(h,r))}),[n]),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:l,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 n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(r(9497)),s=l(r(23)),u=r(6649),c=o(r(232)),d=o(r(7020)),f=o(r(6062)),p=c.default.div`
     display: flex;
     flex-direction: row;
     margin-bottom: 10px;
@@ -54,47 +187,47 @@
     display: flex;
     flex-direction: column;
     justify-content: center;
-`,m=c.default.div`
+`,g=c.default.div`
     display: flex;
-`,g={marginRight:"12px"},b=i.createElement(f.default,null),v=({disableAddMatches:e=!1,handleAddMatch:t,handleReverse:r})=>i.createElement(p,null,i.createElement(m,null,i.createElement(d.default,{"data-test":"reverse-matches-button",icon:b,style:g,onClick:r})),i.createElement(h,null,i.createElement(d.default,{"data-test":"add-match-button",appearance:"secondary",label:`+ ${(0,s._)("Add match")}`,disabled:e,onClick:t})));v.propTypes={disableAddMatches:u.bool,handleAddMatch:u.func,handleReverse:u.func},t.default=v},347:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=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 n(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=o(r(9497)),u=l(r(7408));t.default=({color:e,colorIndex:t,onChange:r,palette:a})=>{const n=i.useCallback((({value:e})=>r({colorIndex:t,value:e})),[t,r]);return i.createElement(u.default,{"data-test":`match-color-${e}`,value:e,palette:a,onChange:n,hideInput:!0})}},1727:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=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 n(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=o(r(9497)),u=o(r(23)),s=l(r(232)),c=r(6649),d=r(8548),f=l(r(3396)),p=l(r(347)),h=l(r(8753)),m=r(3719),g=l(r(2265)),b=s.default.div`
+`,m={marginRight:"12px"},b=i.createElement(f.default,null),v=({disableAddMatches:e=!1,handleAddMatch:t,handleReverse:r})=>i.createElement(p,null,i.createElement(g,null,i.createElement(d.default,{"data-test":"reverse-matches-button",icon:b,style:m,onClick:r})),i.createElement(h,null,i.createElement(d.default,{"data-test":"add-match-button",appearance:"secondary",label:`+ ${(0,u._)("Add match")}`,disabled:e,onClick:t})));v.propTypes={disableAddMatches:s.bool,handleAddMatch:s.func,handleReverse:s.func},t.default=v},347:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(r(9497)),s=o(r(7408));t.default=({color:e,colorIndex:t,onChange:r,palette:a})=>{const n=i.useCallback((({value:e})=>r({colorIndex:t,value:e})),[t,r]);return i.createElement(s.default,{"data-test":`match-color-${e}`,value:e,palette:a,onChange:n,hideInput:!0})}},1727:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(r(9497)),s=l(r(23)),u=o(r(232)),c=r(6649),d=r(8548),f=o(r(3396)),p=o(r(347)),h=o(r(8753)),g=r(3719),m=o(r(2265)),b=u.default.div`
     padding-top: 10px;
-`,v=s.default.div`
+`,v=u.default.div`
     display: flex;
     flex-direction: column-reverse;
-`,_=s.default.div.attrs((()=>({"data-test":"match-entry-row"})))`
+`,_=u.default.div.attrs((()=>({"data-test":"match-entry-row"})))`
     display: flex;
     flex-direction: row;
     margin-bottom: 10px;
-`,y=({customizedColors:e,isReversed:t,onChange:r,precedence:a,swatchColors:n,matchValues:o,setIsReversed:l,selectedColors:u})=>{const s=i.useCallback((({colorIndex:e,value:t})=>{const a=[...u];a[e]=t,r({colors:a,matchValues:o})}),[r,o,u]),y=i.useCallback((()=>{const l=[...o,""],i=e?[...u,"#000000"]:(0,d.getNewColors)({isReversed:t,numColors:l.length,precedence:a,swatchColors:n});r({colors:i,matchValues:l})}),[r,o,e,u,t,a,n]),O=i.useCallback((()=>{const e=[...u];e.reverse(),l(!t),r({colors:e,matchValues:o})}),[r,o,t,u,l]),C=i.useCallback(((e,t)=>{const a=(0,m.isNumeric)(e)?Number(e):e;if(o.includes(a))return{error:(0,c._)("Value already exists")};const n=[...o];return n[t]=a,r({colors:u,matchValues:n}),{error:null}}),[r,u,o]),P=i.useCallback(((e,t)=>{if(o.length>1){const a=[...o];a.splice(t,1);const n=[...u];n.splice(e,1),r({colors:n,matchValues:a})}}),[r,o,u]);return i.createElement(b,null,i.createElement(f.default,{disableAddMatches:u.length>6,handleAddMatch:y,handleReverse:O}),i.createElement(v,null,u.map(((e,t)=>{const r=o[t],a=`${e}-${r}-${t}`;return i.createElement(_,{key:a},i.createElement(p.default,{color:e,colorIndex:t,palette:n,onChange:s}),i.createElement(h.default,{initialValue:r,matchValues:o,matchIndex:t,updateMatch:C}),i.createElement(g.default,{colorIndex:t,matchIndex:t,disabled:o.length<2,onRemove:P}))}))))};y.propTypes={customizedColors:u.bool,isReversed:u.bool,precedence:u.arrayOf(u.arrayOf(u.number)),swatchColors:u.arrayOf(u.string),matchValues:u.arrayOf(u.oneOfType([u.string,u.number])),setIsReversed:u.func,selectedColors:u.arrayOf(u.string)},t.default=y},8753:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=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 n(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.handleUpdateMatch=void 0;const i=o(r(9497)),u=o(r(23)),s=l(r(232)),c=l(r(4082)),d=l(r(4566)),f=s.default.div`
+`,y=({customizedColors:e,isReversed:t,onChange:r,precedence:a,swatchColors:n,matchValues:l,setIsReversed:o,selectedColors:s})=>{const u=i.useCallback((({colorIndex:e,value:t})=>{const a=[...s];a[e]=t,r({colors:a,matchValues:l})}),[r,l,s]),y=i.useCallback((()=>{const o=[...l,""],i=e?[...s,"#000000"]:(0,d.getNewColors)({isReversed:t,numColors:o.length,precedence:a,swatchColors:n});r({colors:i,matchValues:o})}),[r,l,e,s,t,a,n]),C=i.useCallback((()=>{const e=[...s];e.reverse(),o(!t),r({colors:e,matchValues:l})}),[r,l,t,s,o]),O=i.useCallback(((e,t)=>{const a=(0,g.isNumeric)(e)?Number(e):e;if(l.includes(a))return{error:(0,c._)("Value already exists")};const n=[...l];return n[t]=a,r({colors:s,matchValues:n}),{error:null}}),[r,s,l]),P=i.useCallback(((e,t)=>{if(l.length>1){const a=[...l];a.splice(t,1);const n=[...s];n.splice(e,1),r({colors:n,matchValues:a})}}),[r,l,s]);return i.createElement(b,null,i.createElement(f.default,{disableAddMatches:s.length>6,handleAddMatch:y,handleReverse:C}),i.createElement(v,null,s.map(((e,t)=>{const r=l[t],a=`${e}-${r}-${t}`;return i.createElement(_,{key:a},i.createElement(p.default,{color:e,colorIndex:t,palette:n,onChange:u}),i.createElement(h.default,{initialValue:r,matchValues:l,matchIndex:t,updateMatch:O}),i.createElement(m.default,{colorIndex:t,matchIndex:t,disabled:l.length<2,onRemove:P}))}))))};y.propTypes={customizedColors:s.bool,isReversed:s.bool,precedence:s.arrayOf(s.arrayOf(s.number)),swatchColors:s.arrayOf(s.string),matchValues:s.arrayOf(s.oneOfType([s.string,s.number])),setIsReversed:s.func,selectedColors:s.arrayOf(s.string)},t.default=y},8753:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.handleUpdateMatch=void 0;const i=l(r(9497)),s=l(r(23)),u=o(r(232)),c=o(r(4082)),d=o(r(4566)),f=u.default.div`
     display: flex;
     flex-grow: 1;
     margin-left: ${d.default.spacingMedium};
-`,p=s.default.div`
+`,p=u.default.div`
     flex-grow: 1;
-`,h=s.default.div.attrs((()=>({"data-test":"match-value-error"})))`
+`,h=u.default.div.attrs((()=>({"data-test":"match-value-error"})))`
     color: ${d.default.contentColorNegative};
     padding-top: 5px;
     font-size: 12px;
     display: block;
-`;t.handleUpdateMatch=({matchIndex:e,setError:t,shouldUpdate:r,updateMatch:a,value:n})=>{if(r){const r=a(n,e);r&&r.error&&t(r.error)}};const m=({initialValue:e,matchIndex:r,matchValues:a,updateMatch:n})=>{const[o,l]=i.useState(null),[u,s]=i.useState(!1),[d,m]=i.useState(null),g=i.useCallback((()=>{s(!0)}),[]),b=i.useCallback(((e,{value:a})=>{l(a),(0,t.handleUpdateMatch)({matchIndex:r,setError:m,shouldUpdate:!u,updateMatch:n,value:a})}),[u,r,n]),v=i.useCallback((()=>{s(!1),(0,t.handleUpdateMatch)({matchIndex:r,setError:m,shouldUpdate:null!=o&&o!==e,updateMatch:n,value:o})}),[r,o,e,n]),_=i.useCallback((a=>(0,t.handleUpdateMatch)({matchIndex:r,setError:m,shouldUpdate:"Enter"===a.key&&null!==o&&o!==e,updateMatch:n,value:o})),[r,o,e,n]);return i.useEffect((()=>{d&&!a.map((e=>`${e}`)).includes(o)&&(m(null),(0,t.handleUpdateMatch)({matchIndex:r,setError:m,shouldUpdate:!0,updateMatch:n,value:o}))}),[o,d,r,a,n]),i.createElement(f,null,i.createElement(p,null,i.createElement(c.default,{"data-test":"match-text-editor",canClear:!1,error:!!d,onChange:b,onFocus:g,onBlur:v,onKeyUp:_,value:`${null!=o?o:e}`}),d&&i.createElement(h,null,d)))};m.propTypes={initialValue:u.oneOfType([u.string,u.number]),matchValues:u.arrayOf(u.oneOfType([u.string,u.number])),updateMatch:u.func},t.default=m},2265:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=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 n(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=o(r(9497)),u=o(r(23)),s=l(r(232)),c=l(r(7020)),d=l(r(8855)),f=r(3563),p=s.default.div`
+`;t.handleUpdateMatch=({matchIndex:e,setError:t,shouldUpdate:r,updateMatch:a,value:n})=>{if(r){const r=a(n,e);r&&r.error&&t(r.error)}};const g=({initialValue:e,matchIndex:r,matchValues:a,updateMatch:n})=>{const[l,o]=i.useState(null),[s,u]=i.useState(!1),[d,g]=i.useState(null),m=i.useCallback((()=>{u(!0)}),[]),b=i.useCallback(((e,{value:a})=>{o(a),(0,t.handleUpdateMatch)({matchIndex:r,setError:g,shouldUpdate:!s,updateMatch:n,value:a})}),[s,r,n]),v=i.useCallback((()=>{u(!1),(0,t.handleUpdateMatch)({matchIndex:r,setError:g,shouldUpdate:null!=l&&l!==e,updateMatch:n,value:l})}),[r,l,e,n]),_=i.useCallback((a=>(0,t.handleUpdateMatch)({matchIndex:r,setError:g,shouldUpdate:"Enter"===a.key&&null!==l&&l!==e,updateMatch:n,value:l})),[r,l,e,n]);return i.useEffect((()=>{d&&!a.map((e=>`${e}`)).includes(l)&&(g(null),(0,t.handleUpdateMatch)({matchIndex:r,setError:g,shouldUpdate:!0,updateMatch:n,value:l}))}),[l,d,r,a,n]),i.createElement(f,null,i.createElement(p,null,i.createElement(c.default,{"data-test":"match-text-editor",canClear:!1,error:!!d,onChange:b,onFocus:m,onBlur:v,onKeyUp:_,value:`${null!=l?l:e}`}),d&&i.createElement(h,null,d)))};g.propTypes={initialValue:s.oneOfType([s.string,s.number]),matchValues:s.arrayOf(s.oneOfType([s.string,s.number])),updateMatch:s.func},t.default=g},2265:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(r(9497)),s=l(r(23)),u=o(r(232)),c=o(r(7020)),d=o(r(8855)),f=r(3563),p=u.default.div`
     display: flex;
     flex: 1;
     justify-content: flex-end;
-`,h=(0,s.default)(c.default)`
+`,h=(0,u.default)(c.default)`
     color: ${e=>e.disabled?f.variables.contentColorDisabled:f.variables.contentColorActive} !important;
     &:hover {
         background-color: ${e=>!e.disabled&&f.variables.interactiveColorOverlayDrag} !important;
     }
-`,m=({colorIndex:e,disabled:t=!1,onRemove:r,matchIndex:a})=>{const n=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:n})))};m.propTypes={disabled:u.bool,onRemove:u.func},t.default=m},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 n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=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 n(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=o(r(9497)),u=o(r(23)),s=l(r(232)),c=r(6649),d=r(3563),f=l(r(5089)),p=l(r(5852)),h=l(r(1727)),m=r(8548),g=r(3719);t.MATCH_VALUE_WILDCARD_INFO_TEXT=(0,c._)("Enter a value to match. Wildcards '*' can be used.");const b=s.default.div`
+`,g=({colorIndex:e,disabled:t=!1,onRemove:r,matchIndex:a})=>{const n=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:n})))};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 n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t},o=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=l(r(9497)),s=l(r(23)),u=o(r(232)),c=r(6649),d=r(3563),f=o(r(5089)),p=o(r(5852)),h=o(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:n,value:o})=>{const l=i.useMemo((()=>(0,g.getMatches)(o)),[o]),{matchValues:u,selectedColors:s}=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,m.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:a,ranges:l}))),_=(0,m.getSwatchColorsFromPalette)({palettes:a,paletteInfo:d,paletteTheme:c}),y=i.useMemo((()=>(0,m.hasCustomColors)({currentSwatchColors:_,selectedColors:s})),[_,s]),[O,C]=i.useState((()=>(0,m.hasInitiallyReversedColors)({isSwatchCustomized:y,palettes:a,selectedColors:s,selectedPaletteInfo:d,selectedPaletteTheme:c,minimumNumberOfColors:1}))),P=i.useCallback((({paletteTheme:e,paletteInfo:t})=>u.length>7?s:(({palettes:e,paletteTheme:t,paletteInfo:r,matchValues:a,setIsReversed:n})=>{const o=(0,m.getSwatchColorsFromPalette)({palettes:e,paletteInfo:r,paletteTheme:t}),l=(0,m.getPrecedenceFromPalette)({palettes:e,paletteTheme:t,paletteInfo:r}),i=a.length,u=l[i<7?i-1:5].map((e=>o[e])).slice(0,i);return n(!1),u})({palettes:a,paletteTheme:e,paletteInfo:t,matchValues:u,setIsReversed:C})),[u,a,s]),j=i.useCallback((e=>{const a=P({paletteTheme:e,paletteInfo:d});v((t=>Object.assign(Object.assign({},t),{paletteTheme:e})));const n=(0,t.matchValuesToContextConfig)({colors:a,matchValues:u});r(null,null,n)}),[P,d,u,r]),w=i.useCallback((e=>{const a=P({paletteTheme:c,paletteInfo:e});v((t=>Object.assign(Object.assign({},t),{paletteEntry:e})));const n=(0,t.matchValuesToContextConfig)({colors:a,matchValues:u});r(null,null,n)}),[P,c,u,r]),x=i.useCallback((({colors:e,matchValues:a})=>{const n=(0,t.matchValuesToContextConfig)({colors:e,matchValues:a});r(null,null,n)}),[r]);return i.useEffect((()=>{v((0,m.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:a,ranges:l}))}),[n]),i.createElement(i.Fragment,null,i.createElement(p.default,{isReversed:O,isSwatchCustomized:y,shouldShowArrows:!1,onChangePaletteTheme:j,onPaletteChange:w,palettes:a,selectedPaletteInfo:d,selectedPaletteTheme:c}),i.createElement(h.default,{customizedColors:y,isReversed:O,onChange:x,precedence:(0,m.getPrecedenceFromPalette)({palettes:a,paletteTheme:c,paletteInfo:d}),matchValues:u,selectedColors:s,swatchColors:_,setIsReversed:C}),i.createElement(b,null,t.MATCH_VALUE_WILDCARD_INFO_TEXT))};v.propTypes={onChange:u.func,palettes:u.objectOf(u.shape({precedence:u.arrayOf(u.arrayOf(u.number)),swatches:u.arrayOf(u.arrayOf(u.string))})),value:u.arrayOf(u.shape({match:u.oneOfType([u.string,u.number]),value:u.string})),selectedDataSelector:u.string,defaultPalettesConfig:u.shape({paletteTheme:u.string,paletteEntry:u.shape({type:u.string,index:u.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 n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=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 n(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=o(r(9497)),u=o(r(23)),s=r(1705),c=l(r(1494)),d={config:u.arrayOf(u.shape({match:u.oneOfType([u.number,u.string]),value:u.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(s.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 n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=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 n(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=o(r(9497)),u=l(r(1964)),s=l(r(2150)),c=r(8548);t.default=({isReversed:e,isSwatchCustomized:t,shouldShowArrows:r=!0,onChangePaletteTheme:a,onPaletteChange:n,palettes:o,selectedPaletteInfo:l,selectedPaletteTheme:d})=>{const f=i.useMemo((()=>Object.keys(o).map((e=>({value:e,label:o[e]._meta.label})))),[o]),p=i.useMemo((()=>(0,c.getThemedPalettesWithoutMeta)({palettes:o,paletteTheme:d})),[o,d]);return i.createElement(i.Fragment,null,i.createElement(u.default,{onChange:a,paletteThemes:f,selectedPaletteTheme:d}),i.createElement(s.default,{isReversed:e,isSwatchCustomized:t,shouldShowArrows:r,onPaletteChange:n,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 n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=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 n(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=o(r(9497)),u=r(4793),s=l(r(232)),c=r(6649),d=l(r(7020)),f=l(r(6214)),p=l(r(4233)),h=l(r(4566)),m=l(r(6212)),g=r(1705),b=l(r(1494)),v=s.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:n,value:l})=>{const o=i.useMemo((()=>(0,m.getMatches)(l)),[l]),{matchValues:s,selectedColors:u}=i.useMemo((()=>o.reduce(((e,t)=>(e.matchValues.push(t.match),e.selectedColors.push(t.value),e)),{matchValues:[],selectedColors:[]})),[o]),[{paletteTheme:c,paletteEntry:d},v]=i.useState((()=>(0,g.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:a,ranges:o}))),_=(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:n})=>{const l=(0,g.getSwatchColorsFromPalette)({palettes:e,paletteInfo:r,paletteTheme:t}),o=(0,g.getPrecedenceFromPalette)({palettes:e,paletteTheme:t,paletteInfo:r}),i=a.length,s=o[i<7?i-1:5].map((e=>l[e])).slice(0,i);return n(!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 n=(0,t.matchValuesToContextConfig)({colors:a,matchValues:s});r(null,null,n)}),[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 n=(0,t.matchValuesToContextConfig)({colors:a,matchValues:s});r(null,null,n)}),[P,c,s,r]),j=i.useCallback((({colors:e,matchValues:a})=>{const n=(0,t.matchValuesToContextConfig)({colors:e,matchValues:a});r(null,null,n)}),[r]);return i.useEffect((()=>{v((0,g.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:a,ranges:o}))}),[n]),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 n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MatchValuePreview=void 0;const i=l(r(9497)),s=l(r(23)),u=r(1705),c=o(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 n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(r(9497)),s=o(r(1964)),u=o(r(2150)),c=r(8548);t.default=({isReversed:e,isSwatchCustomized:t,shouldShowArrows:r=!0,onChangePaletteTheme:a,onPaletteChange:n,palettes:l,selectedPaletteInfo:o,selectedPaletteTheme:d})=>{const f=i.useMemo((()=>Object.keys(l).map((e=>({value:e,label:l[e]._meta.label})))),[l]),p=i.useMemo((()=>(0,c.getThemedPalettesWithoutMeta)({palettes:l,paletteTheme:d})),[l,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:n,palettes:p,selectedPaletteInfo:o}))}},2150:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(r(9497)),s=r(4793),u=o(r(232)),c=r(6649),d=o(r(7020)),f=o(r(6214)),p=o(r(4233)),h=o(r(4566)),g=o(r(6212)),m=r(1705),b=o(r(1494)),v=u.default.div`
     width: ${h.default.spacingMedium}; //enterprise: 15px, prisma: 12px
-`,_=s.default.span.attrs((()=>({"data-test":"custom-swatch-text"})))`
+`,_=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:n,selectedPaletteInfo:o})=>{const l=(0,u.get)(n,[o.type,"swatches",o.index],[]),s=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(m.default,null),i.createElement(g.ColorPreview,{colors:l,isReversed:e})),i.createElement(v,null))),y=i.useMemo((()=>Object.keys(n).reduce(((e,r,l,u)=>(e.push(i.createElement(p.default.Heading,{key:`title-${r}`,title:!0},(0,c._)(r).toUpperCase())),e.push(...n[r].swatches.map(((e,n)=>{const l=!t&&r===o.type&&o.index===n;return i.createElement(p.default.Item,{"data-test":`palette-swatch-row-${r}-${n}`,key:`${r}-${JSON.stringify(e)}`,onClick:()=>a({type:r,index:n}),selected:l,selectable:!0},i.createElement(b.default,null,i.createElement(g.ColorPreview,{colors:e})))}))),l<u.length-1&&e.push(i.createElement(p.default.Divider,{key:`divider-${r}`})),e)),[])),[t,a,n,o.index,o.type]);return i.createElement(f.default,{toggle:s},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 n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=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 n(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=o(r(9497)),u=o(r(23)),s=r(6649),c=l(r(5411)),d=l(r(9250)),f=({labelPosition:e="top",onChange:t,paletteThemes:r,selectedPaletteTheme:a})=>{const n=i.useCallback(((e,{value:r})=>t(r)),[t]);return i.createElement(d.default,{label:(0,s._)("Preset palette"),labelPosition:e},i.createElement(c.default,{onChange:n,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:u.string,onChange:u.func,paletteThemes:u.arrayOf(u.shape({value:u.string,label:u.string})),selectedPaletteTheme:u.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 n=Array.isArray(r[t-2])?r[t-2].map((e=>a[e])):[];return e&&n.reverse(),n};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 n=({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:n,minimumNumberOfColors:o=2})=>{var l,i,u,s,c,d;if(e)return!1;const f=r.length,p=2===o?f-2:f<7?f-1:5,h=null===(u=null===(i=null===(l=null==t?void 0:t[n])||void 0===l?void 0:l[a.type])||void 0===i?void 0:i.swatches)||void 0===u?void 0:u[a.index],m=[...null===(d=null===(c=null===(s=null==t?void 0:t[n])||void 0===s?void 0:s[a.type])||void 0===c?void 0:c.precedence)||void 0===d?void 0:d[p]].reverse();return r.every(((e,t)=>h[m[t]].toLowerCase()===e.toLowerCase()))};t.inferInitialPaletteFromContext=({defaultPalettesConfig:e,ranges:r,palettes:a})=>{const o=r.map((({value:e})=>e));let l,i=!1;for(const e in a)for(const r in a[e]){if("_meta"===r)continue;const{swatches:u}=a[e][r],s=a[e][r].precedence[o.length-2];for(let a=0;a<u.length;a+=1){const c=u[a];if(!(0,t.hasCustomColors)({currentSwatchColors:c,selectedColors:o})&&(i=n({currentSwatchColors:c,selectedColors:o,precedence:s}),l&&!i||(l={paletteTheme:e,paletteEntry:{type:r,index:a}}),i))return l}}return l||e}},2841:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=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 n(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=o(r(9497)),u=o(r(23)),s=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:n,selectedPaletteInfo:l})=>{const o=(0,s.get)(n,[l.type,"swatches",l.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:o,isReversed:e})),i.createElement(v,null))),y=i.useMemo((()=>Object.keys(n).reduce(((e,r,o,s)=>(e.push(i.createElement(p.default.Heading,{key:`title-${r}`,title:!0},(0,c._)(r).toUpperCase())),e.push(...n[r].swatches.map(((e,n)=>{const o=!t&&r===l.type&&l.index===n;return i.createElement(p.default.Item,{"data-test":`palette-swatch-row-${r}-${n}`,key:`${r}-${JSON.stringify(e)}`,onClick:()=>a({type:r,index:n}),selected:o,selectable:!0},i.createElement(b.default,null,i.createElement(m.ColorPreview,{colors:e})))}))),o<s.length-1&&e.push(i.createElement(p.default.Divider,{key:`divider-${r}`})),e)),[])),[t,a,n,l.index,l.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 n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(r(9497)),s=l(r(23)),u=r(6649),c=o(r(5411)),d=o(r(9250)),f=({labelPosition:e="top",onChange:t,paletteThemes:r,selectedPaletteTheme:a})=>{const n=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:n,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 n=Array.isArray(r[t-2])?r[t-2].map((e=>a[e])):[];return e&&n.reverse(),n};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 n=({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:n,minimumNumberOfColors:l=2})=>{var o,i,s,u,c,d;if(e)return!1;const f=r.length,p=2===l?f-2:f<7?f-1:5,h=null===(s=null===(i=null===(o=null==t?void 0:t[n])||void 0===o?void 0:o[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[n])||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 l,o=[];Array.isArray(r)&&(o=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[o.length-2];for(let a=0;a<s.length;a+=1){const c=s[a];(0,t.hasCustomColors)({currentSwatchColors:c,selectedColors:o})||(i=n({currentSwatchColors:c,selectedColors:o,precedence:u}),l&&!i||(l={paletteTheme:e,paletteEntry:{type:r,index:a}}))}}))})),l||e}},2841:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(r(9497)),s=l(r(23)),u=r(6649),c=o(r(232)),d=o(r(7020)),f=o(r(6062)),p=c.default.div`
     display: flex;
     flex-direction: row;
     margin-bottom: 10px;
@@ -102,9 +235,9 @@
     display: flex;
     flex-direction: column;
     justify-content: center;
-`,m=c.default.div`
+`,g=c.default.div`
     display: flex;
-`,g={marginRight:"12px"},b=i.createElement(f.default,null),v=({disableAddRanges:e=!1,handleAddRange:t,handleReverse:r})=>i.createElement(p,null,i.createElement(m,null,i.createElement(d.default,{"data-test":"reverse-ranges-button",icon:b,style:g,onClick:r})),i.createElement(h,null,i.createElement(d.default,{"data-test":"add-range-button",appearance:"secondary",label:`+ ${(0,s._)("Add range")}`,disabled:e,onClick:t})));v.propTypes={disableAddRanges:u.bool,handleAddRange:u.func,handleReverse:u.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 n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=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 n(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=o(r(9497)),u=o(r(23)),s=l(r(232)),c=l(r(2782)),d=l(r(4566)),f=s.default.div.attrs((()=>({"data-test":"range-boundary-text"})))`
+`,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 n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.handleUpdateRangeBoundary=void 0;const i=l(r(9497)),s=l(r(23)),u=o(r(232)),c=o(r(2782)),d=o(r(4566)),f=u.default.div.attrs((()=>({"data-test":"range-boundary-text"})))`
     color: ${d.default.contentColorMuted};
     display: flex;
     flex-direction: column;
@@ -113,40 +246,40 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-`,p=s.default.div.attrs((()=>({"data-test":"range-boundary-error"})))`
+`,p=u.default.div.attrs((()=>({"data-test":"range-boundary-error"})))`
     color: ${d.default.contentColorNegative};
     padding-top: 5px;
     font-size: 12px;
     display: block;
-`,h=(0,s.default)(c.default)`
+`,h=(0,u.default)(c.default)`
     max-width: 105px;
     margin-right: ${d.default.spacingMedium};
-`,m=s.default.div`
+`,g=u.default.div`
     display: flex;
     height: 100%;
-`,g=s.default.div`
+`,m=u.default.div`
     display: flex;
     flex-direction: column;
     margin-left: ${d.default.spacingMedium};
-`;t.handleUpdateRangeBoundary=({rangeBoundaryIndex:e,setError:t,shouldUpdate:r,updateRangeBoundary:a,value:n})=>{if(r){const r=a(n,e);r&&r.error&&t(r.error)}};const b=({initialValue:e,rangeBoundaryIndex:r,rangeText:a,rangeValues:n,showNumberEditor:o=!0,updateRangeBoundary:l})=>{const[u,s]=i.useState(null),[c,d]=i.useState(!1),[b,v]=i.useState(null),_=i.useCallback((()=>{d(!0)}),[]),y=i.useCallback(((e,{value:a})=>{s(a),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:r,setError:v,shouldUpdate:!c,updateRangeBoundary:l,value:a})}),[c,r,l]),O=i.useCallback((()=>{d(!1),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:r,setError:v,shouldUpdate:"number"==typeof u&&u!==e,updateRangeBoundary:l,value:u})}),[r,u,e,l]),C=i.useCallback((a=>(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:r,setError:v,shouldUpdate:"Enter"===a.key&&"number"==typeof u&&u!==e,updateRangeBoundary:l,value:u})),[r,u,e,l]);return i.useEffect((()=>{b&&!n.includes(u)&&(v(null),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:r,setError:v,shouldUpdate:"number"==typeof u,updateRangeBoundary:l,value:u}))}),[u,b,r,n,l]),i.createElement(g,null,i.createElement(m,null,o&&i.createElement(h,{"data-test":"range-boundary-editor",error:!!b,onBlur:O,onChange:y,onFocus:_,onKeyUp:C,value:null!=u?u:e}),i.createElement(f,null,a)),o&&b&&i.createElement(p,null,b))};b.propTypes={initialValue:u.number,rangeBoundaryIndex:u.number,rangeText:u.string,showNumberEditor:u.bool,updateRangeBoundary:u.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 n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=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 n(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=o(r(9497)),u=l(r(7408));t.default=({color:e,colorIndex:t,onChange:r,palette:a})=>{const n=i.useCallback((({value:e})=>r({colorIndex:t,value:e})),[t,r]);return i.createElement(u.default,{"data-test":`range-color-${e}`,value:e,palette:a,onChange:n,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 n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=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 n(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=o(r(9497)),u=o(r(23)),s=l(r(232)),c=r(6649),d=l(r(2841)),f=l(r(6959)),p=l(r(1782)),h=l(r(6900)),m=r(8548),g=s.default.div`
+`;t.handleUpdateRangeBoundary=({rangeBoundaryIndex:e,setError:t,shouldUpdate:r,updateRangeBoundary:a,value:n})=>{if(r){const r=a(n,e);r&&r.error&&t(r.error)}};const b=({initialValue:e,rangeBoundaryIndex:r,rangeText:a,rangeValues:n,showNumberEditor:l=!0,updateRangeBoundary:o})=>{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:o,value:a})}),[c,r,o]),C=i.useCallback((()=>{d(!1),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:r,setError:v,shouldUpdate:"number"==typeof s&&s!==e,updateRangeBoundary:o,value:s})}),[r,s,e,o]),O=i.useCallback((a=>(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:r,setError:v,shouldUpdate:"Enter"===a.key&&"number"==typeof s&&s!==e,updateRangeBoundary:o,value:s})),[r,s,e,o]);return i.useEffect((()=>{b&&!n.includes(s)&&(v(null),(0,t.handleUpdateRangeBoundary)({rangeBoundaryIndex:r,setError:v,shouldUpdate:"number"==typeof s,updateRangeBoundary:o,value:s}))}),[s,b,r,n,o]),i.createElement(m,null,i.createElement(g,null,l&&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)),l&&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 n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(r(9497)),s=o(r(7408));t.default=({color:e,colorIndex:t,onChange:r,palette:a})=>{const n=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:n,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 n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(r(9497)),s=l(r(23)),u=o(r(232)),c=r(6649),d=o(r(2841)),f=o(r(6959)),p=o(r(1782)),h=o(r(6900)),g=r(8548),m=u.default.div`
     padding-top: 10px;
-`,b=s.default.div`
+`,b=u.default.div`
     display: flex;
     flex-direction: column-reverse;
-`,v=s.default.div.attrs((()=>({"data-test":"range-entry-row"})))`
+`,v=u.default.div.attrs((()=>({"data-test":"range-entry-row"})))`
     display: flex;
     flex-direction: row;
     margin-bottom: 10px;
-`,_=({lastColorIndex:e,rangeBoundaryIndex:t,rangeValues:r})=>{switch(t){case e:return(0,c._)("and greater");case 0:return`${(0,c._)("less than")} ${r[t]}`;default:return`${(0,c._)("to")} ${r[t]}`}},y=({customizedColors:e,isReversed:t,onChange:r,precedence:a,swatchColors:n,rangeValues:o,setIsReversed:l,selectedColors:u})=>{const s=i.useCallback((({colorIndex:e,value:t})=>{const a=[...u];a[e]=t,r({colors:a,rangeValues:o})}),[r,o,u]),y=i.useCallback((()=>{const l=[...o,o[o.length-1]+10],i=e?[...u,"#000000"]:(0,m.getNewColors)({isReversed:t,numColors:l.length+1,precedence:a,swatchColors:n});r({colors:i,rangeValues:l})}),[r,o,e,u,t,a,n]),O=i.useCallback((()=>{const e=[...u];e.reverse(),l(!t),r({colors:e,rangeValues:o})}),[r,o,t,u,l]),C=i.useCallback(((e,t)=>{if(o.includes(e))return{error:(0,c._)("Value already exists")};const a=[...o];return a[t]=e,a.sort(((e,t)=>e-t)),r({colors:u,rangeValues:a}),{error:null}}),[r,u,o]),P=i.useCallback(((e,l)=>{if(o.length>1){const i=[...o];i.splice(l,1);const s=[...u];s.splice(e,1);const c=(0,m.hasCustomColors)({currentSwatchColors:n,selectedColors:s})?s:(0,m.getNewColors)({isReversed:t,numColors:i.length+1,precedence:a,swatchColors:n});r({colors:c,rangeValues:i})}}),[t,r,a,o,u,n]);return i.createElement(g,null,i.createElement(d.default,{disableAddRanges:u.length>6,handleAddRange:y,handleReverse:O}),i.createElement(b,null,u.map(((e,t)=>{const r=t===u.length-1,a=t>0?t-1:0,l=o[a];return i.createElement(v,{key:`${e}-${l}`},i.createElement(p.default,{color:e,colorIndex:t,palette:n,onChange:s}),i.createElement(f.default,{initialValue:l,rangeBoundaryIndex:a,rangeText:_({lastColorIndex:u.length-1,rangeBoundaryIndex:t,rangeValues:o}),rangeValues:o,showNumberEditor:r||t>0,updateRangeBoundary:C}),i.createElement(h.default,{colorIndex:t,disabled:o.length<2,onRemove:P,rangeBoundaryIndex:a}))}))))};y.propTypes={customizedColors:u.bool,isReversed:u.bool,precedence:u.arrayOf(u.arrayOf(u.number)),swatchColors:u.arrayOf(u.string),rangeValues:u.arrayOf(u.number),setIsReversed:u.func,selectedColors:u.arrayOf(u.string)},t.default=y},6900:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=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 n(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=o(r(9497)),u=o(r(23)),s=l(r(232)),c=l(r(7020)),d=l(r(8855)),f=r(3563),p=s.default.div`
+`,_=({lastColorIndex:e,rangeBoundaryIndex:t,rangeValues:r})=>{switch(t){case e:return(0,c._)("and greater");case 0:return`${(0,c._)("less than")} ${r[t]}`;default:return`${(0,c._)("to")} ${r[t]}`}},y=({customizedColors:e,isReversed:t,onChange:r,precedence:a,swatchColors:n,rangeValues:l,setIsReversed:o,selectedColors:s})=>{const u=i.useCallback((({colorIndex:e,value:t})=>{const a=[...s];a[e]=t,r({colors:a,rangeValues:l})}),[r,l,s]),y=i.useCallback((()=>{const o=[...l,l[l.length-1]+10],i=e?[...s,"#000000"]:(0,g.getNewColors)({isReversed:t,numColors:o.length+1,precedence:a,swatchColors:n});r({colors:i,rangeValues:o})}),[r,l,e,s,t,a,n]),C=i.useCallback((()=>{const e=[...s];e.reverse(),o(!t),r({colors:e,rangeValues:l})}),[r,l,t,s,o]),O=i.useCallback(((e,t)=>{if(l.includes(e))return{error:(0,c._)("Value already exists")};const a=[...l];return a[t]=e,a.sort(((e,t)=>e-t)),r({colors:s,rangeValues:a}),{error:null}}),[r,s,l]),P=i.useCallback(((e,o)=>{if(l.length>1){const i=[...l];i.splice(o,1);const u=[...s];u.splice(e,1);const c=(0,g.hasCustomColors)({currentSwatchColors:n,selectedColors:u})?u:(0,g.getNewColors)({isReversed:t,numColors:i.length+1,precedence:a,swatchColors:n});r({colors:c,rangeValues:i})}}),[t,r,a,l,s,n]);return i.createElement(m,null,i.createElement(d.default,{disableAddRanges:s.length>6,handleAddRange:y,handleReverse:C}),i.createElement(b,null,s.map(((e,t)=>{const r=t===s.length-1,a=t>0?t-1:0,o=l[a];return i.createElement(v,{key:`${e}-${o}`},i.createElement(p.default,{color:e,colorIndex:t,palette:n,onChange:u}),i.createElement(f.default,{initialValue:o,rangeBoundaryIndex:a,rangeText:_({lastColorIndex:s.length-1,rangeBoundaryIndex:t,rangeValues:l}),rangeValues:l,showNumberEditor:r||t>0,updateRangeBoundary:O}),i.createElement(h.default,{colorIndex:t,disabled:l.length<2,onRemove:P,rangeBoundaryIndex:a}))}))))};y.propTypes={customizedColors:s.bool,isReversed:s.bool,precedence:s.arrayOf(s.arrayOf(s.number)),swatchColors:s.arrayOf(s.string),rangeValues:s.arrayOf(s.number),setIsReversed:s.func,selectedColors:s.arrayOf(s.string)},t.default=y},6900:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(r(9497)),s=l(r(23)),u=o(r(232)),c=o(r(7020)),d=o(r(8855)),f=r(3563),p=u.default.div`
     display: flex;
     flex: 1;
     justify-content: flex-end;
-`,h=(0,s.default)(c.default)`
+`,h=(0,u.default)(c.default)`
     color: ${e=>e.disabled?f.variables.contentColorDisabled:f.variables.contentColorActive} !important;
     &:hover {
         background-color: ${e=>!e.disabled&&f.variables.interactiveColorOverlayDrag} !important;
     }
-`,m=({colorIndex:e,disabled:t=!1,onRemove:r,rangeBoundaryIndex:a})=>{const n=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:n})))};m.propTypes={disabled:u.bool,onRemove:u.func},t.default=m},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 n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=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 n(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=o(r(9497)),u=o(r(23)),s=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 n={value:r};return a>0&&(n.from=t[a-1]),a<e.length-1&&(n.to=t[a]),n}));const h=({defaultPalettesConfig:e,onChange:r=(()=>{}),palettes:a=s.default,selectedDataSelector:n,value:o})=>{const l=i.useMemo((()=>(0,f.getSortedRanges)(o)),[o]),{rangeValues:u,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:m,paletteEntry:g},b]=i.useState((()=>(0,p.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:a,ranges:l}))),v=(0,p.getSwatchColorsFromPalette)({palettes:a,paletteInfo:g,paletteTheme:m}),_=(0,p.hasCustomColors)({currentSwatchColors:v,selectedColors:h}),[y,O]=i.useState((()=>(0,p.hasInitiallyReversedColors)({isSwatchCustomized:_,palettes:a,selectedColors:h,selectedPaletteInfo:g,selectedPaletteTheme:m}))),C=i.useCallback((({paletteTheme:e,paletteInfo:t})=>u.length>6?h:(({palettes:e,paletteTheme:t,paletteInfo:r,rangeValues:a,setIsReversed:n})=>{const o=(0,p.getSwatchColorsFromPalette)({palettes:e,paletteInfo:r,paletteTheme:t}),l=(0,p.getPrecedenceFromPalette)({palettes:e,paletteTheme:t,paletteInfo:r})[a.length-1].map((e=>o[e]));return n(!1),l})({palettes:a,paletteTheme:e,paletteInfo:t,rangeValues:u,setIsReversed:O})),[a,u,h]),P=i.useCallback((e=>{const a=C({paletteTheme:e,paletteInfo:g});b((t=>Object.assign(Object.assign({},t),{paletteTheme:e})));const n=(0,t.rangeValuesToContextConfig)({colors:a,rangeValues:u});r(null,null,n)}),[C,g,u,r]),j=i.useCallback((e=>{const a=C({paletteTheme:m,paletteInfo:e});b((t=>Object.assign(Object.assign({},t),{paletteEntry:e})));const n=(0,t.rangeValuesToContextConfig)({colors:a,rangeValues:u});r(null,null,n)}),[C,m,u,r]),w=i.useCallback((({colors:e,rangeValues:a})=>{const n=(0,t.rangeValuesToContextConfig)({colors:e,rangeValues:a});r(null,null,n)}),[r]);return i.useEffect((()=>{b((0,p.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:a,ranges:l}))}),[n]),i.createElement(i.Fragment,null,i.createElement(c.default,{isReversed:y,isSwatchCustomized:_,onChangePaletteTheme:P,onPaletteChange:j,palettes:a,selectedPaletteInfo:g,selectedPaletteTheme:m}),i.createElement(d.default,{customizedColors:_,isReversed:y,onChange:w,precedence:(0,p.getPrecedenceFromPalette)({palettes:a,paletteTheme:m,paletteInfo:g}),rangeValues:u,selectedColors:h,swatchColors:v,setIsReversed:O}))};h.propTypes={onChange:u.func,palettes:u.objectOf(u.shape({precedence:u.arrayOf(u.arrayOf(u.number)),swatches:u.arrayOf(u.arrayOf(u.string))})),value:u.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 n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=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 n(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=o(r(9497)),u=o(r(23)),s=l(r(6212)),c=r(1705),d=l(r(1494)),f=r(3493),p={config:u.arrayOf(u.shape({from:u.number,to:u.number,value:u.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(s.default,null),i.default.createElement(c.ColorPreview,{"data-test":"ColorPreview",colors:r,maxColorCount:8}))},t.RangeValuePreview.propTypes=p},6801:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=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 n(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.BaseEditorPropTypes=void 0;const l=o(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}},4008:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=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 n(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=o(r(9497)),u=o(r(23)),s=l(r(232)),c=r(6649),d=l(r(6643)),f=r(3563),p=l(r(6379)),h=l(r(7020)),m=l(r(9250)),g=(0,s.default)(m.default)`
+`,g=({colorIndex:e,disabled:t=!1,onRemove:r,rangeBoundaryIndex:a})=>{const n=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:n})))};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 n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.rangeValuesToContextConfig=void 0;const i=l(r(9497)),s=l(r(23)),u=o(r(5089)),c=o(r(5852)),d=o(r(104)),f=r(3493),p=r(8548);t.rangeValuesToContextConfig=({colors:e,rangeValues:t})=>e.map(((r,a)=>{const n={value:r};return a>0&&(n.from=t[a-1]),a<e.length-1&&(n.to=t[a]),n}));const h=({defaultPalettesConfig:e,onChange:r=(()=>{}),palettes:a=u.default,selectedDataSelector:n,value:l})=>{const o=i.useMemo((()=>(0,f.getSortedRanges)(l)),[l]),{rangeValues:s,selectedColors:h}=i.useMemo((()=>o.reduce(((e,t)=>("number"==typeof t.to&&e.rangeValues.push(t.to),e.selectedColors.push(t.value),e)),{rangeValues:[],selectedColors:[]})),[o]),[{paletteTheme:g,paletteEntry:m},b]=i.useState((()=>(0,p.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:a,ranges:o}))),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:n})=>{const l=(0,p.getSwatchColorsFromPalette)({palettes:e,paletteInfo:r,paletteTheme:t}),o=(0,p.getPrecedenceFromPalette)({palettes:e,paletteTheme:t,paletteInfo:r})[a.length-1].map((e=>l[e]));return n(!1),o})({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 n=(0,t.rangeValuesToContextConfig)({colors:a,rangeValues:s});r(null,null,n)}),[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 n=(0,t.rangeValuesToContextConfig)({colors:a,rangeValues:s});r(null,null,n)}),[O,g,s,r]),w=i.useCallback((({colors:e,rangeValues:a})=>{const n=(0,t.rangeValuesToContextConfig)({colors:e,rangeValues:a});r(null,null,n)}),[r]);return i.useEffect((()=>{b((0,p.inferInitialPaletteFromContext)({defaultPalettesConfig:e,palettes:a,ranges:o}))}),[n]),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 n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.RangeValuePreview=void 0;const i=l(r(9497)),s=l(r(23)),u=o(r(6212)),c=r(1705),d=o(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},6801:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.BaseEditorPropTypes=void 0;const o=l(r(23));t.BaseEditorPropTypes={name:o.string.isRequired,value:o.oneOfType([o.string,o.object,o.arrayOf(o.string)]),context:o.object,label:o.string,labelPosition:o.oneOf(["top","left"]),labelWidth:o.number,onChange:o.func,isAdvanced:o.bool,isDisabled:o.bool,dataSourceBindings:o.object,options:o.object,optionsSchema:o.object}},4008:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.AdvancedConfigButton=void 0;const i=l(r(9497)),s=l(r(23)),u=o(r(232)),c=r(6649),d=o(r(6643)),f=r(3563),p=o(r(6379)),h=o(r(7020)),g=o(r(9250)),m=(0,u.default)(g.default)`
     margin-top: 0;
     padding: 0;
     // adjust bottom margin according to theme
@@ -166,18 +299,18 @@
     [data-test='label']:first-of-type {
         padding-top: 0;
     }
-`,b=(0,s.default)(p.default)`
+`,b=(0,u.default)(p.default)`
     display: flex;
     > span {
         display: flex;
         width: 35px;
     }
-`,v=(0,s.default)(h.default)`
+`,v=(0,u.default)(h.default)`
     color: ${f.variables.contentColorActive} !important;
     &:hover {
         background-color: ${f.variables.interactiveColorOverlayDrag} !important;
     }
-`;t.AdvancedConfigButton=({label:e="",onClick:t})=>i.default.createElement(b,{"data-test":`${e}-advanced-config-button-tooltip`,content:(0,c._)("Advanced configurations")},i.default.createElement(v,{"data-test":`${e}-advanced-config-button`,icon:i.default.createElement(d.default,{"data-test":`${e}-advanced-config-button-icon`}),appearance:"subtle",onClick:t}));const _=({"data-test":e,children:r,isAdvanced:a,label:n,hideLabel:o,labelPosition:l,labelWidth:u,tooltip:s,help:c,style:d,error:f,controlsLayout:p,onClick:h,onAdvancedConfigButtonClick:m})=>i.default.createElement(g,{"data-test":null!=e?e:"control-group",label:n,hideLabel:o,labelPosition:l,labelWidth:u,tooltip:s,help:c,error:f,style:d,onClick:h,controlsLayout:p},a?i.Children.toArray(r).filter(Boolean).map((e=>(0,i.cloneElement)(e,{style:{flex:1}}))):r,a?i.default.createElement(t.AdvancedConfigButton,{label:n,onClick:m}):null);_.propTypes={style:u.object,isAdvanced:u.bool,onClick:u.func,onAdvancedConfigButtonClick:u.func},_.defaultProps={isAdvanced:!1},t.default=_},6212:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=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 n(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=o(r(9497)),u=l(r(232)),s=r(6649),c=l(r(9597)),d=l(r(2267)),f=u.default.div`
+`;t.AdvancedConfigButton=({label:e="",onClick:t})=>i.default.createElement(b,{"data-test":`${e}-advanced-config-button-tooltip`,content:(0,c._)("Advanced configurations")},i.default.createElement(v,{"data-test":`${e}-advanced-config-button`,icon:i.default.createElement(d.default,{"data-test":`${e}-advanced-config-button-icon`}),appearance:"subtle",onClick:t}));const _=({"data-test":e,children:r,isAdvanced:a,label:n,hideLabel:l,labelPosition:o,labelWidth:s,tooltip:u,help:c,style:d,error:f,controlsLayout:p,onClick:h,onAdvancedConfigButtonClick:g})=>i.default.createElement(m,{"data-test":null!=e?e:"control-group",label:n,hideLabel:l,labelPosition:o,labelWidth:s,tooltip:u,help:c,error:f,style:d,onClick:h,controlsLayout:p},a?i.Children.toArray(r).filter(Boolean).map((e=>(0,i.cloneElement)(e,{style:{flex:1}}))):r,a?i.default.createElement(t.AdvancedConfigButton,{label:n,onClick:g}):null);_.propTypes={style:s.object,isAdvanced:s.bool,onClick:s.func,onAdvancedConfigButtonClick:s.func},_.defaultProps={isAdvanced:!1},t.default=_},6212:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(r(9497)),s=o(r(232)),u=r(6649),c=o(r(9597)),d=o(r(2267)),f=s.default.div`
     position: absolute;
     left: 0;
     right: 0;
@@ -186,7 +319,6 @@
     display: flex;
     align-items: center;
     justify-content: flex-end;
-    color: white;
     /* this aligns the first item on the far left and the other item is aligned to flex end */
     & :first-child {
         margin-right: auto;
@@ -194,7 +326,7 @@
     & {
         padding: 4px 1px;
     }
-`;t.default=()=>i.createElement(f,null,i.createElement(c.default,{"aria-label":(0,s._)("Bottom range")}),i.createElement(d.default,{"aria-label":(0,s._)("Top range")}))},1151:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=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 n(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=o(r(9497)),u=o(r(23)),s=r(6649),c=l(r(232)),d=l(r(4566)),f=l(r(6447)),p=l(r(7020)),h=(0,s._)("Dynamic Option: Customized in source"),m=(0,s._)("Configured in source code beyond what can be shown here. Resetting to default will overwrite this custom configurations."),g=(0,s._)("Reset to default"),b=c.default.div`
+`;t.default=({colorDown:e,colorUp:t})=>i.createElement(f,null,i.createElement(c.default,{"aria-label":(0,u._)("Bottom range"),style:{color:e||"white"}}),i.createElement(d.default,{"aria-label":(0,u._)("Top range"),style:{color:t||"white"}}))},1151:function(e,t,r){var a=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),n=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=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 n(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=l(r(9497)),s=l(r(23)),u=r(6649),c=o(r(232)),d=o(r(4566)),f=o(r(6447)),p=o(r(7020)),h=(0,u._)("Dynamic Option: Customized in source"),g=(0,u._)("Configured in source code beyond what can be shown here. Resetting to default will overwrite this custom configurations."),m=(0,u._)("Reset to default"),b=c.default.div`
     padding: ${({padding:e})=>null!=e?e:"20px"};
     width: ${({width:e})=>null!=e?e:"300px"};
     color: ${d.default.contentColorActive};
@@ -203,11 +335,11 @@
     font-size: 14px;
     line-height: 20px;
     margin-bottom: 10px;
-`,_={headerText:u.string,info:u.string,resetButtonText:u.string,onResetToDefault:u.func,style:u.object},y=({headerText:e=h,info:t=m,resetButtonText:r=g,onResetToDefault:a=(()=>{}),style:n={}})=>i.createElement(b,{style:n},i.createElement(v,{"data-test":"popover-header"},e),i.createElement(f.default,{"data-test":"customized-source-popover-message",type:"info"},t),i.createElement(p.default,{"data-test":"popover-reset",appearance:"secondary",onClick:a,label:r}));y.propTypes=_,t.default=y},1494:function(e,t,r){var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const n=a(r(232));t.default=n.default.div`
+`,_={headerText:s.string,info:s.string,resetButtonText:s.string,onResetToDefault:s.func,style:s.object},y=({headerText:e=h,info:t=g,resetButtonText:r=m,onResetToDefault:a=(()=>{}),style:n={}})=>i.createElement(b,{style:n},i.createElement(v,{"data-test":"popover-header"},e),i.createElement(f.default,{"data-test":"customized-source-popover-message",type:"info"},t),i.createElement(p.default,{"data-test":"popover-reset",appearance:"secondary",onClick:a,label:r}));y.propTypes=_,t.default=y},1494:function(e,t,r){var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const n=a(r(232));t.default=n.default.div`
     border-radius: 3px; /* @TODO(pwied): should this be imported from SUI variables? */
     overflow: hidden;
     position: relative;
     width: 100%;
     height: 20px;
-`},5862:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.editorStyle=t.DROPDOWN_MENU_WIDTH=t.VERTICAL_EDITOR_SPACING=t.FLYOUT_WIDTH=t.COLUMN_FLYOUT_PADDING=t.FLYOUT_PADDING=void 0,t.FLYOUT_PADDING=21,t.COLUMN_FLYOUT_PADDING=16,t.FLYOUT_WIDTH=344,t.VERTICAL_EDITOR_SPACING=16,t.DROPDOWN_MENU_WIDTH=327,t.editorStyle={width:"100%"}},6195:e=>{e.exports=require("@babel/runtime/helpers/defineProperty")},2649:e=>{e.exports=require("@babel/runtime/helpers/extends")},9597:e=>{e.exports=require("@splunk/react-icons/ArrowDown")},2267:e=>{e.exports=require("@splunk/react-icons/ArrowUp")},6062:e=>{e.exports=require("@splunk/react-icons/ArrowsRectangularDouble")},8855:e=>{e.exports=require("@splunk/react-icons/Cross")},6643:e=>{e.exports=require("@splunk/react-icons/SlidersDoubleHorizontal")},7020:e=>{e.exports=require("@splunk/react-ui/Button")},8631:e=>{e.exports=require("@splunk/react-ui/Chip")},7408:e=>{e.exports=require("@splunk/react-ui/Color")},9250:e=>{e.exports=require("@splunk/react-ui/ControlGroup")},6214:e=>{e.exports=require("@splunk/react-ui/Dropdown")},451:e=>{e.exports=require("@splunk/react-ui/Link")},4233:e=>{e.exports=require("@splunk/react-ui/Menu")},6447:e=>{e.exports=require("@splunk/react-ui/Message")},2782:e=>{e.exports=require("@splunk/react-ui/Number")},1551:e=>{e.exports=require("@splunk/react-ui/Popover")},5411:e=>{e.exports=require("@splunk/react-ui/RadioBar")},5777:e=>{e.exports=require("@splunk/react-ui/Switch")},4082:e=>{e.exports=require("@splunk/react-ui/Text")},6379:e=>{e.exports=require("@splunk/react-ui/Tooltip")},3563:e=>{e.exports=require("@splunk/themes")},4566:e=>{e.exports=require("@splunk/themes/variables")},6649:e=>{e.exports=require("@splunk/ui-utils/i18n")},5089:e=>{e.exports=require("@splunk/visualization-color-palettes/editors/PresetPalettes")},1413:e=>{e.exports=require("@splunk/visualization-encoding/utils/dsl")},3283:e=>{e.exports=require("@splunk/visualizations-shared/colorUtils")},7124:e=>{e.exports=require("@splunk/visualizations-shared/style")},4793:e=>{e.exports=require("lodash")},4868:e=>{e.exports=require("lodash/omit")},23:e=>{e.exports=require("prop-types")},9497:e=>{e.exports=require("react")},232:e=>{e.exports=require("styled-components")}},t={};function r(a){var n=t[a];if(void 0!==n)return n.exports;var o=t[a]={exports:{}};return e[a].call(o.exports,o,o.exports,r),o.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var a in t)r.o(t,a)&&!r.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a=r(8281);module.exports=a})();
+`},5862:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.editorStyle=t.DROPDOWN_MENU_WIDTH=t.VERTICAL_EDITOR_SPACING=t.FLYOUT_WIDTH=t.COLUMN_FLYOUT_PADDING=t.FLYOUT_PADDING=void 0,t.FLYOUT_PADDING=21,t.COLUMN_FLYOUT_PADDING=16,t.FLYOUT_WIDTH=344,t.VERTICAL_EDITOR_SPACING=16,t.DROPDOWN_MENU_WIDTH=327,t.editorStyle={width:"100%"}},6195:e=>{e.exports=require("@babel/runtime/helpers/defineProperty")},2649:e=>{e.exports=require("@babel/runtime/helpers/extends")},9597:e=>{e.exports=require("@splunk/react-icons/ArrowDown")},2267:e=>{e.exports=require("@splunk/react-icons/ArrowUp")},6062:e=>{e.exports=require("@splunk/react-icons/ArrowsRectangularDouble")},8855:e=>{e.exports=require("@splunk/react-icons/Cross")},6643:e=>{e.exports=require("@splunk/react-icons/SlidersDoubleHorizontal")},7020:e=>{e.exports=require("@splunk/react-ui/Button")},8631:e=>{e.exports=require("@splunk/react-ui/Chip")},7408:e=>{e.exports=require("@splunk/react-ui/Color")},9250:e=>{e.exports=require("@splunk/react-ui/ControlGroup")},6214:e=>{e.exports=require("@splunk/react-ui/Dropdown")},451:e=>{e.exports=require("@splunk/react-ui/Link")},4233:e=>{e.exports=require("@splunk/react-ui/Menu")},6447:e=>{e.exports=require("@splunk/react-ui/Message")},2782:e=>{e.exports=require("@splunk/react-ui/Number")},1551:e=>{e.exports=require("@splunk/react-ui/Popover")},5411:e=>{e.exports=require("@splunk/react-ui/RadioBar")},5777:e=>{e.exports=require("@splunk/react-ui/Switch")},4082:e=>{e.exports=require("@splunk/react-ui/Text")},6379:e=>{e.exports=require("@splunk/react-ui/Tooltip")},3563:e=>{e.exports=require("@splunk/themes")},4566:e=>{e.exports=require("@splunk/themes/variables")},6649:e=>{e.exports=require("@splunk/ui-utils/i18n")},8987:e=>{e.exports=require("@splunk/ui-utils/id")},5089:e=>{e.exports=require("@splunk/visualization-color-palettes/editors/PresetPalettes")},1413:e=>{e.exports=require("@splunk/visualization-encoding/utils/dsl")},3283:e=>{e.exports=require("@splunk/visualizations-shared/colorUtils")},7124:e=>{e.exports=require("@splunk/visualizations-shared/style")},4793:e=>{e.exports=require("lodash")},4868:e=>{e.exports=require("lodash/omit")},23:e=>{e.exports=require("prop-types")},9497:e=>{e.exports=require("react")},232:e=>{e.exports=require("styled-components")}},t={};function r(a){var n=t[a];if(void 0!==n)return n.exports;var l=t[a]={exports:{}};return e[a].call(l.exports,l,l.exports,r),l.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var a in t)r.o(t,a)&&!r.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a=r(8281);module.exports=a})();
 //# sourceMappingURL=DynamicColorEditorWithPrecedence.js.map