@tendaui/react 1.1.5 → 1.2.3

package/es/button/style/index.css

@@ -1,8 +1,7 @@
 .t-button {
   font: var(--td-font-body-medium);
   color: var(--td-text-color-primary);
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
   margin: 0;
   padding: 0;
   list-style: none;
@@ -16,30 +15,20 @@
   border-color: transparent;
   background-color: transparent;
   cursor: pointer;
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
   display: inline-flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  align-items: center;
+  justify-content: center;
   vertical-align: middle;
   white-space: nowrap;
   border-radius: var(--td-radius-default);
-  -webkit-transition: all 0.2s linear;
   transition: all 0.2s linear;
-  -ms-touch-action: manipulation;
-      touch-action: manipulation;
+  touch-action: manipulation;
   text-decoration: none;
 }
 .t-button .t-button__text,
 .t-button .t-icon {
   position: relative;
   z-index: 1;
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
   display: inline-flex;
 }
 .t-button .t-icon {
@@ -55,8 +44,6 @@
   margin-left: 8px;
 }
 .t-button .t-button__suffix:not(:empty) {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
   display: inline-flex;
   margin-left: 8px;
 }
@@ -1171,8 +1158,6 @@
   border-radius: calc(var(--td-comp-size-xl) / 2);
 }
 .t-button.t-size-full-width {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   width: 100%;
 }

package/es/checkbox/style/index.css

@@ -1,33 +1,24 @@
 .t-checkbox-group {
   font: var(--td-font-body-medium);
   color: var(--td-text-color-primary);
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
   margin: 0;
   padding: 0;
   list-style: none;
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
   display: inline-flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
+  flex-wrap: wrap;
   gap: 16px;
 }
 
 .t-checkbox {
   font: var(--td-font-body-medium);
   color: var(--td-text-color-primary);
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
   margin: 0;
   padding: 0;
   list-style: none;
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
   display: inline-flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   position: relative;
   cursor: pointer;
   color: var(--td-text-color-primary);
@@ -58,17 +49,14 @@
   border: 1px solid var(--td-border-level-2-color);
   border-radius: var(--td-radius-default);
   background-color: var(--td-bg-color-container);
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
+  box-sizing: border-box;
+  flex-shrink: 0;
 }
 .t-checkbox__input::after {
   content: "";
   position: absolute;
   opacity: 0;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
 }
 .t-checkbox__label {
   display: inline-block;
@@ -78,13 +66,11 @@
 }
 .t-checkbox:hover .t-checkbox__input {
   border-color: var(--td-brand-color);
-  -webkit-transition: border-color 0.2s linear;
   transition: border-color 0.2s linear;
 }
 .t-checkbox.t-is-checked .t-checkbox__input {
   border-color: var(--td-brand-color);
   background-color: var(--td-brand-color);
-  -webkit-transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
   transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
 }
 .t-checkbox.t-is-checked .t-checkbox__input::after {
@@ -97,14 +83,12 @@
   border-radius: 0 0 1px;
   border-top: 0;
   border-left: 0;
-  -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
-          transform: rotate(45deg) scale(1) translate(-50%, -50%);
+  transform: rotate(45deg) scale(1) translate(-50%, -50%);
   background: transparent;
 }
 .t-checkbox.t-is-indeterminate .t-checkbox__input {
   border-color: var(--td-brand-color);
   background-color: var(--td-brand-color);
-  -webkit-transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
   transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
 }
 .t-checkbox.t-is-indeterminate .t-checkbox__input::after {
@@ -115,8 +99,7 @@
   right: 0;
   top: 5px;
   border: unset;
-  -webkit-transform: scale(0.5);
-          transform: scale(0.5);
+  transform: scale(0.5);
   background-color: var(--td-font-white-1);
 }
 .t-checkbox.t-is-disabled {

package/es/color-picker/ColorPicker.js

@@ -36,14 +36,14 @@ import '../input/index.js';
 import '../input/Input.js';
 import '@tendaui/icons';
 import '../_chunks/dep-D6YxJv-F.js';
+import '../_chunks/dep-CD_4-1Xb.js';
+import '../config-provider/index.js';
+import '../config-provider/ConfigProvider.js';
 import '../input/InputGroup.js';
 import '../input/style/css.js';
 import '../_chunks/dep-U1T8CQY9.js';
 import './utils/color-picker/index.js';
 import '../_chunks/dep-DTlQ2dCA.js';
-import '../_chunks/dep-CD_4-1Xb.js';
-import '../config-provider/index.js';
-import '../config-provider/ConfigProvider.js';
 import './components/panel/alpha.js';
 import './components/panel/slider.js';
 import '../_chunks/dep-BbeHB7S3.js';

package/es/color-picker/components/panel/format/index.js

@@ -44,6 +44,9 @@ import '../../../../input/index.js';
 import '../../../../input/Input.js';
 import '@tendaui/icons';
 import '../../../../_chunks/dep-D6YxJv-F.js';
+import '../../../../_chunks/dep-CD_4-1Xb.js';
+import '../../../../config-provider/index.js';
+import '../../../../config-provider/ConfigProvider.js';
 import '../../../../input/InputGroup.js';
 import '../../../../input/style/css.js';
 import '../../../../select-input/hook/useMultiple.js';
@@ -68,7 +71,7 @@ import 'react-fast-compare';
 import 'react-transition-group';
 import '../../../../popup/style/css.js';
 import '../../../../select-input/style/css.js';
-import '../../../../_chunks/dep-D8jki30S.js';
+import '../../../../_chunks/dep-aX8qrQpB.js';
 import '../../../../select/style/css.js';
 import '../../../../input-number/index.js';
 import '../../../../input-number/InputNumber.js';

package/es/color-picker/components/panel/format/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../components/color-picker/components/panel/format/index.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Color, getColorFormatOptions } from \"../../../utils/color-picker\";\nimport Select from \"../../../../select\";\nimport type { TdColorPickerProps } from \"../../../type\";\nimport FormatInputs from \"./inputs\";\n\nexport interface TdColorFormatProps extends TdColorPickerProps {\n  onInputChange: () => void;\n  baseClassName: string;\n  color: Color;\n}\n\nconst FormatPanel = (props: TdColorFormatProps) => {\n  const { enableAlpha, baseClassName, format, selectInputProps } = props;\n  const [formatMode, setFormatMode] = useState(format);\n\n  const handleModeChange = (v: TdColorPickerProps[\"format\"]) => {\n    setFormatMode(v);\n  };\n\n  return (\n    <div className={`${baseClassName}__format`}>\n      <div className={`${baseClassName}__format--item`}>\n        <Select\n          size=\"small\"\n          className={`${baseClassName}__format-mode-select`}\n          popupProps={{\n            overlayClassName: `${baseClassName}__select-options`,\n            ...selectInputProps?.popupProps\n          }}\n          autoWidth\n          value={formatMode}\n          onChange={handleModeChange}\n        >\n          {getColorFormatOptions(enableAlpha).map((item) => (\n            <Select.Option key={item} value={item} label={item} style={{ fontSize: \"12px\" }} />\n          ))}\n        </Select>\n      </div>\n      <div className={`${baseClassName}__format--item`}>\n        <FormatInputs {...props} format={formatMode} />\n      </div>\n    </div>\n  );\n};\n\nexport default React.memo(FormatPanel);\n"],"names":["FormatPanel","props","enableAlpha","baseClassName","format","selectInputProps","_useState","useState","_useState2","_slicedToArray","formatMode","setFormatMode","handleModeChange","v","React","createElement","className","concat","Select","size","popupProps","_objectSpread","overlayClassName","autoWidth","value","onChange","getColorFormatOptions","map","item","Option","key","label","style","fontSize","FormatInputs","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAMA,WAAA,GAAc,SAAdA,WAAAA,CAAeC,KAAA,EAA8B;AACjD,EAAA,IAAQC,WAAA,GAAyDD,KAAA,CAAzDC,WAAA;IAAaC,aAAA,GAA4CF,KAAA,CAA5CE,aAAA;IAAeC,MAAA,GAA6BH,KAAA,CAA7BG,MAAA;IAAQC,mBAAqBJ,KAAA,CAArBI;AAC5C,EAAA,IAAAC,SAAA,GAAoCC,SAASH,MAAM,CAAA;IAAAI,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA5CI,IAAAA,UAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAYG,IAAAA,aAAa,GAAAH,UAAA,CAAA,CAAA,CAAA;AAEhC,EAAA,IAAMI,gBAAA,GAAmB,SAAnBA,gBAAAA,CAAoBC,CAAA,EAAoC;IAC5DF,aAAA,CAAcE,CAAC,CAAA;EACjB,CAAA;AAEA,EAAA,sBACEC,KAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;IAAIC,SAAA,EAAA,EAAA,CAAAC,MAAA,CAAcd,aAAa,EAAA,UAAA;AAAA,GAAA,iBAC9BW,KAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;IAAIC,SAAA,EAAA,EAAA,CAAAC,MAAA,CAAcd,aAAa,EAAA,gBAAA;AAAA,GAAA,iBAC9BW,KAAA,CAAAC,aAAA,CAACG,MAAA,EAAA;AACCC,IAAAA,IAAA,EAAK,OAAA;AACLH,IAAAA,SAAA,EAAA,EAAA,CAAAC,MAAA,CAAcd,aAAa,EAAA,sBAAA,CAAA;AAC3BiB,IAAAA,UAAA,EAAAC,aAAA,CAAA;MACEC,gBAAA,EAAA,EAAA,CAAAL,MAAA,CAAqBd,aAAa,EAAA,kBAAA;AAAA,KAAA,EAC/BE,gBAAA,KAAA,IAAA,IAAAA,gBAAA,uBAAAA,gBAAA,CAAkBe,UAAA,CACvB;AACAG,IAAAA,SAAA,EAAS,IAAA;AACTC,IAAAA,KAAA,EAAOd,UAAA;AACPe,IAAAA,QAAA,EAAUb;GAAA,EAETc,qBAAA,CAAsBxB,WAAW,CAAA,CAAEyB,GAAA,CAAI,UAACC,IAAA,EAAA;IAAA,sBACvCd,KAAA,CAAAC,aAAA,CAACG,OAAOW,MAAA,EAAP;AAAcC,MAAAA,KAAKF,IAAA;AAAMJ,MAAAA,KAAA,EAAOI;AAAMG,MAAAA,KAAA,EAAOH,IAAA;AAAMI,MAAAA,OAAO;AAAEC,QAAAA,QAAA,EAAU;AAAO;AAAA,KAAG,CAClF;EAAA,CAAA,CACH,CACF,CAAA,iBACAnB,KAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;IAAIC,qBAAcb,aAAa,EAAA,gBAAA;AAAA,GAAA,iBAC9BW,KAAA,CAAAC,aAAA,CAACmB,8CAAiBjC,KAAA,CAAA,EAAA,EAAA,EAAA;AAAOG,IAAAA,MAAA,EAAQM;GAAA,CAAY,CAC/C,CACF,CAAA;AAEJ,CAAA;AAEA,YAAA,aAAeI,KAAA,CAAMqB,KAAKnC,WAAW,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../components/color-picker/components/panel/format/index.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Color, getColorFormatOptions } from \"../../../utils/color-picker\";\nimport Select from \"../../../../select\";\nimport type { TdColorPickerProps } from \"../../../type\";\nimport FormatInputs from \"./inputs\";\n\nexport interface TdColorFormatProps extends TdColorPickerProps {\n  onInputChange: () => void;\n  baseClassName: string;\n  color: Color;\n}\n\nconst FormatPanel = (props: TdColorFormatProps) => {\n  const { enableAlpha, baseClassName, format, selectInputProps } = props;\n  const [formatMode, setFormatMode] = useState(format);\n\n  const handleModeChange = (v: TdColorPickerProps[\"format\"]) => {\n    setFormatMode(v);\n  };\n\n  return (\n    <div className={`${baseClassName}__format`}>\n      <div className={`${baseClassName}__format--item`}>\n        <Select\n          size=\"small\"\n          className={`${baseClassName}__format-mode-select`}\n          popupProps={{\n            overlayClassName: `${baseClassName}__select-options`,\n            ...selectInputProps?.popupProps\n          }}\n          autoWidth\n          value={formatMode}\n          onChange={handleModeChange}\n        >\n          {getColorFormatOptions(enableAlpha).map((item) => (\n            <Select.Option key={item} value={item} label={item} style={{ fontSize: \"12px\" }} />\n          ))}\n        </Select>\n      </div>\n      <div className={`${baseClassName}__format--item`}>\n        <FormatInputs {...props} format={formatMode} />\n      </div>\n    </div>\n  );\n};\n\nexport default React.memo(FormatPanel);\n"],"names":["FormatPanel","props","enableAlpha","baseClassName","format","selectInputProps","_useState","useState","_useState2","_slicedToArray","formatMode","setFormatMode","handleModeChange","v","React","createElement","className","concat","Select","size","popupProps","_objectSpread","overlayClassName","autoWidth","value","onChange","getColorFormatOptions","map","item","Option","key","label","style","fontSize","FormatInputs","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAMA,WAAA,GAAc,SAAdA,WAAAA,CAAeC,KAAA,EAA8B;AACjD,EAAA,IAAQC,WAAA,GAAyDD,KAAA,CAAzDC,WAAA;IAAaC,aAAA,GAA4CF,KAAA,CAA5CE,aAAA;IAAeC,MAAA,GAA6BH,KAAA,CAA7BG,MAAA;IAAQC,mBAAqBJ,KAAA,CAArBI;AAC5C,EAAA,IAAAC,SAAA,GAAoCC,SAASH,MAAM,CAAA;IAAAI,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA5CI,IAAAA,UAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAYG,IAAAA,aAAa,GAAAH,UAAA,CAAA,CAAA,CAAA;AAEhC,EAAA,IAAMI,gBAAA,GAAmB,SAAnBA,gBAAAA,CAAoBC,CAAA,EAAoC;IAC5DF,aAAA,CAAcE,CAAC,CAAA;EACjB,CAAA;AAEA,EAAA,sBACEC,KAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;IAAIC,SAAA,EAAA,EAAA,CAAAC,MAAA,CAAcd,aAAa,EAAA,UAAA;AAAA,GAAA,iBAC9BW,KAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;IAAIC,SAAA,EAAA,EAAA,CAAAC,MAAA,CAAcd,aAAa,EAAA,gBAAA;AAAA,GAAA,iBAC9BW,KAAA,CAAAC,aAAA,CAACG,MAAA,EAAA;AACCC,IAAAA,IAAA,EAAK,OAAA;AACLH,IAAAA,SAAA,EAAA,EAAA,CAAAC,MAAA,CAAcd,aAAa,EAAA,sBAAA,CAAA;AAC3BiB,IAAAA,UAAA,EAAAC,aAAA,CAAA;MACEC,gBAAA,EAAA,EAAA,CAAAL,MAAA,CAAqBd,aAAa,EAAA,kBAAA;AAAA,KAAA,EAC/BE,gBAAA,KAAA,IAAA,IAAAA,gBAAA,uBAAAA,gBAAA,CAAkBe,UAAA,CACvB;AACAG,IAAAA,SAAA,EAAS,IAAA;AACTC,IAAAA,KAAA,EAAOd,UAAA;AACPe,IAAAA,QAAA,EAAUb;GAAA,EAETc,qBAAA,CAAsBxB,WAAW,CAAA,CAAEyB,GAAA,CAAI,UAACC,IAAA,EAAA;IAAA,sBACvCd,KAAA,CAAAC,aAAA,CAACG,OAAOW,MAAA,EAAP;AAAcC,MAAAA,KAAKF,IAAA;AAAMJ,MAAAA,KAAA,EAAOI;AAAMG,MAAAA,KAAA,EAAOH,IAAA;AAAMI,MAAAA,OAAO;AAAEC,QAAAA,QAAA,EAAU;AAAO;AAAA,KAAG,CAClF;EAAA,CAAA,CACH,CACF,CAAA,iBACAnB,KAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;IAAIC,qBAAcb,aAAa,EAAA,gBAAA;AAAA,GAAA,iBAC9BW,KAAA,CAAAC,aAAA,CAACmB,8CAAiBjC,KAAA,CAAA,EAAA,EAAA,EAAA;AAAOG,IAAAA,MAAA,EAAQM;GAAA,CAAY,CAC/C,CACF,CAAA;AAEJ,CAAA;AAEA,YAAA,aAAeI,KAAA,CAAMqB,KAAKnC,WAAW,CAAA;;;;"}

package/es/color-picker/components/panel/format/inputs.js

@@ -22,6 +22,9 @@ import '../../../../_chunks/dep-DGvfel3I.js';
 import '../../../../_chunks/dep-gy8uvBaS.js';
 import '../../../../_chunks/dep-5U9UjDaf.js';
 import 'dayjs';
+import '../../../../_chunks/dep-CD_4-1Xb.js';
+import '../../../../config-provider/index.js';
+import '../../../../config-provider/ConfigProvider.js';
 import '../../../../input/InputGroup.js';
 import '../../../../input/style/css.js';
 import '../../../../input-number/InputNumber.js';

package/es/color-picker/components/panel/format/inputs.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputs.js","sources":["../../../../../../components/color-picker/components/panel/format/inputs.tsx"],"sourcesContent":["import React, { useRef, useEffect } from \"react\";\nimport { throttle } from \"lodash-es\";\nimport { Color, getColorFormatInputs, getColorFormatMap } from \"../../../utils/color-picker\";\nimport type { TdColorFormatProps } from \".\";\nimport Input from \"../../../../input\";\nimport InputNumber from \"../../../../input-number\";\n\nconst FormatInputs = (props: TdColorFormatProps) => {\n  const { format, enableAlpha, inputProps, disabled, onInputChange, color } = props;\n  const modelValueRef = useRef<Record<string, number | string>>({});\n  const lastModelValue = useRef<Record<string, number | string>>({});\n  const inputKey = useRef<number>(0);\n\n  const updateModelValue = () => {\n    const value = getColorFormatMap(color, \"encode\")[format];\n    if (!value || typeof value === \"string\") return;\n\n    const valueObj = value as Record<string, number | string>;\n    if (enableAlpha && \"a\" in valueObj) {\n      valueObj.a = Math.round(color.alpha * 100);\n    }\n\n    const changedFormatValue: Record<string, number | string> = {};\n    Object.keys(valueObj).forEach((key) => {\n      if (valueObj[key] !== modelValueRef.current[key]) {\n        changedFormatValue[key] = valueObj[key];\n      }\n      lastModelValue.current[key] = valueObj[key];\n    });\n\n    if (Object.keys(changedFormatValue).length > 0) {\n      modelValueRef.current = valueObj;\n    }\n  };\n\n  const handleInputChange = (key: string, v: number | string, max: number) => {\n    inputKey.current = performance.now();\n\n    if (v.toString().trim() === \"\") {\n      const lastValue = lastModelValue.current[key];\n      color.update(lastValue as string);\n      onInputChange();\n      return;\n    }\n\n    if (!v || v === lastModelValue.current[key] || Number(v) < 0 || Number(v) > max) return;\n    lastModelValue.current[key] = v;\n\n    const newFormatValue = {\n      ...modelValueRef.current,\n      [key]: v\n    };\n    modelValueRef.current = newFormatValue;\n    if (key === \"a\") {\n      color.alpha = (v as number) / 100;\n    } else if (key === \"hex\" || key === \"css\") {\n      color.update(v as string);\n    } else {\n      color.update(Color.object2color(newFormatValue, format));\n    }\n    onInputChange();\n  };\n\n  updateModelValue();\n  useEffect(() => {\n    const throttleUpdate = throttle(updateModelValue, 100);\n    throttleUpdate();\n    return () => throttleUpdate.cancel();\n  }, [color.saturation, color.hue, color.value, color.alpha, format]);\n\n  return (\n    <div className=\"input-group\">\n      {getColorFormatInputs(format, enableAlpha).map((config) => {\n        const currentValue = modelValueRef.current[config.key];\n        const commonProps = {\n          ...inputProps,\n          disabled,\n          title: currentValue,\n          align: \"center\" as const,\n          size: \"small\" as const,\n          onBlur: (v: string) => handleInputChange(config.key, v, config.max),\n          onEnter: (v: string) => handleInputChange(config.key, v, config.max)\n        };\n\n        return (\n          <div\n            className=\"input-group__item\"\n            key={config.key}\n            style={{\n              flex: config.flex || 1\n            }}\n          >\n            {config.type === \"input\" ? (\n              <Input\n                {...commonProps}\n                defaultValue={currentValue as string}\n                key={`${inputKey.current}-${currentValue}`}\n                maxlength={format === \"HEX\" ? 9 : undefined}\n              />\n            ) : (\n              <InputNumber\n                {...commonProps}\n                min={config.min}\n                max={config.max}\n                format={config.format as (value: number) => string}\n                step={1}\n                value={currentValue as number}\n                onChange={(v) => handleInputChange(config.key, v ?? (config.min as number), config.max)}\n                theme=\"normal\"\n              />\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nexport default React.memo(FormatInputs);\n"],"names":["FormatInputs","props","format","enableAlpha","inputProps","disabled","onInputChange","color","modelValueRef","useRef","lastModelValue","inputKey","updateModelValue","value","getColorFormatMap","valueObj","a","Math","round","alpha","changedFormatValue","Object","keys","forEach","key","current","length","handleInputChange","v","max","performance","now","toString","trim","lastValue","update","Number","newFormatValue","_objectSpread","_defineProperty","Color","object2color","useEffect","throttleUpdate","throttle","cancel","saturation","hue","React","createElement","className","getColorFormatInputs","map","config","currentValue","commonProps","title","align","size","onBlur","onEnter","style","flex","type","Input","defaultValue","concat","maxlength","InputNumber","min","step","onChange","theme","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,YAAA,GAAe,SAAfA,YAAAA,CAAgBC,KAAA,EAA8B;AAClD,EAAA,IAAQC,MAAA,GAAoED,KAAA,CAApEC,MAAA;IAAQC,WAAA,GAA4DF,KAAA,CAA5DE,WAAA;IAAaC,aAA+CH,KAAA,CAA/CG;IAAYC,QAAA,GAAmCJ,KAAA,CAAnCI,QAAA;IAAUC,aAAA,GAAyBL,KAAA,CAAzBK,aAAA;IAAeC,QAAUN,KAAA,CAAVM;AAClE,EAAA,IAAMC,aAAA,GAAgBC,MAAA,CAAwC,EAAE,CAAA;AAChE,EAAA,IAAMC,cAAA,GAAiBD,MAAA,CAAwC,EAAE,CAAA;AACjE,EAAA,IAAME,QAAA,GAAWF,OAAe,CAAC,CAAA;AAEjC,EAAA,IAAMG,mBAAmB,SAAnBA,mBAAyB;IAC7B,IAAMC,KAAA,GAAQC,iBAAA,CAAkBP,KAAA,EAAO,QAAQ,EAAEL,MAAM,CAAA;AACvD,IAAA,IAAI,CAACW,KAAA,IAAS,OAAOA,KAAA,KAAU,QAAA,EAAU;IAEzC,IAAME,QAAA,GAAWF,KAAA;AACjB,IAAA,IAAIV,WAAA,IAAe,OAAOY,QAAA,EAAU;AAClCA,MAAAA,QAAA,CAASC,CAAA,GAAIC,IAAA,CAAKC,KAAA,CAAMX,KAAA,CAAMY,QAAQ,GAAG,CAAA;AAC3C,IAAA;IAEA,IAAMC,qBAAsD,EAAC;IAC7DC,MAAA,CAAOC,IAAA,CAAKP,QAAQ,CAAA,CAAEQ,OAAA,CAAQ,UAACC,GAAA,EAAQ;MACrC,IAAIT,SAASS,GAAG,CAAA,KAAMhB,aAAA,CAAciB,OAAA,CAAQD,GAAG,CAAA,EAAG;AAChDJ,QAAAA,kBAAA,CAAmBI,GAAG,CAAA,GAAIT,QAAA,CAASS,GAAG,CAAA;AACxC,MAAA;MACAd,cAAA,CAAee,OAAA,CAAQD,GAAG,CAAA,GAAIT,QAAA,CAASS,GAAG,CAAA;AAC5C,IAAA,CAAC,CAAA;IAED,IAAIH,MAAA,CAAOC,IAAA,CAAKF,kBAAkB,CAAA,CAAEM,SAAS,CAAA,EAAG;MAC9ClB,aAAA,CAAciB,OAAA,GAAUV,QAAA;AAC1B,IAAA;EACF,CAAA;EAEA,IAAMY,iBAAA,GAAoB,SAApBA,iBAAAA,CAAqBH,GAAA,EAAaI,CAAA,EAAoBC,GAAA,EAAgB;AAC1ElB,IAAAA,QAAA,CAASc,OAAA,GAAUK,YAAYC,GAAA,EAAI;IAEnC,IAAIH,CAAA,CAAEI,QAAA,EAAS,CAAEC,IAAA,OAAW,EAAA,EAAI;AAC9B,MAAA,IAAMC,SAAA,GAAYxB,cAAA,CAAee,OAAA,CAAQD,GAAG,CAAA;AAC5CjB,MAAAA,KAAA,CAAM4B,OAAOD,SAAmB,CAAA;AAChC5B,MAAAA,aAAA,EAAc;AACd,MAAA;AACF,IAAA;IAEA,IAAI,CAACsB,CAAA,IAAKA,CAAA,KAAMlB,cAAA,CAAee,QAAQD,GAAG,CAAA,IAAKY,MAAA,CAAOR,CAAC,CAAA,GAAI,CAAA,IAAKQ,MAAA,CAAOR,CAAC,IAAIC,GAAA,EAAK;AACjFnB,IAAAA,cAAA,CAAee,OAAA,CAAQD,GAAG,CAAA,GAAII,CAAA;AAE9B,IAAA,IAAMS,cAAA,GAAAC,aAAA,CAAAA,aAAA,CAAA,EAAA,EACD9B,aAAA,CAAciB,OAAA,OAAAc,eAAA,CAAA,EAAA,EAChBf,GAAG,EAAGI,CAAA,CAAA,CACT;IACApB,aAAA,CAAciB,OAAA,GAAUY,cAAA;IACxB,IAAIb,QAAQ,GAAA,EAAK;AACfjB,MAAAA,KAAA,CAAMY,QAASS,CAAA,GAAe,GAAA;IAChC,CAAA,MAAA,IAAWJ,GAAA,KAAQ,KAAA,IAASA,GAAA,KAAQ,KAAA,EAAO;AACzCjB,MAAAA,KAAA,CAAM4B,OAAOP,CAAW,CAAA;AAC1B,IAAA,CAAA,MAAO;MACLrB,KAAA,CAAM4B,MAAA,CAAOK,KAAA,CAAMC,YAAA,CAAaJ,cAAA,EAAgBnC,MAAM,CAAC,CAAA;AACzD,IAAA;AACAI,IAAAA,aAAA,EAAc;EAChB,CAAA;AAEAM,EAAAA,gBAAA,EAAiB;AACjB8B,EAAAA,SAAA,CAAU,YAAM;AACd,IAAA,IAAMC,cAAA,GAAiBC,QAAA,CAAShC,gBAAA,EAAkB,GAAG,CAAA;AACrD+B,IAAAA,cAAA,EAAe;IACf,OAAO,YAAA;AAAA,MAAA,OAAMA,eAAeE,MAAA,EAAO;AAAA,IAAA,CAAA;EACrC,CAAA,EAAG,CAACtC,KAAA,CAAMuC,UAAA,EAAYvC,KAAA,CAAMwC,GAAA,EAAKxC,KAAA,CAAMM,KAAA,EAAON,KAAA,CAAMY,KAAA,EAAOjB,MAAM,CAAC,CAAA;AAElE,EAAA,sBACE8C,KAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,SAAA,EAAU;AAAA,GAAA,EACZC,oBAAA,CAAqBjD,QAAQC,WAAW,CAAA,CAAEiD,GAAA,CAAI,UAACC,MAAA,EAAW;IACzD,IAAMC,YAAA,GAAe9C,aAAA,CAAciB,OAAA,CAAQ4B,MAAA,CAAO7B,GAAG,CAAA;AACrD,IAAA,IAAM+B,WAAA,GAAAjB,aAAA,CAAAA,aAAA,KACDlC,UAAA,CAAA,EAAA,EAAA,EAAA;AACHC,MAAAA,QAAA,EAAAA,QAAA;AACAmD,MAAAA,KAAA,EAAOF,YAAA;AACPG,MAAAA,KAAA,EAAO,QAAA;AACPC,MAAAA,IAAA,EAAM,OAAA;AACNC,MAAAA,MAAA,EAAQ,SAARA,MAAAA,CAAS/B,CAAA,EAAA;QAAA,OAAcD,iBAAA,CAAkB0B,OAAO7B,GAAA,EAAKI,CAAA,EAAGyB,OAAOxB,GAAG,CAAA;AAAA,MAAA,CAAA;AAClE+B,MAAAA,OAAA,EAAS,SAATA,OAAAA,CAAUhC,CAAA,EAAA;QAAA,OAAcD,iBAAA,CAAkB0B,OAAO7B,GAAA,EAAKI,CAAA,EAAGyB,OAAOxB,GAAG,CAAA;AAAA,MAAA;KAAA,CACrE;AAEA,IAAA,sBACEmB,KAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AACCC,MAAAA,SAAA,EAAU,mBAAA;MACV1B,KAAK6B,MAAA,CAAO7B,GAAA;AACZqC,MAAAA,KAAA,EAAO;AACLC,QAAAA,IAAA,EAAMT,OAAOS,IAAA,IAAQ;AACvB;AAAA,KAAA,EAECT,MAAA,CAAOU,SAAS,OAAA,kBACff,KAAA,CAAAC,aAAA,CAACe,KAAA,EAAA1B,aAAA,CAAAA,aAAA,KACKiB,WAAA,CAAA,EAAA,EAAA,EAAA;AACJU,MAAAA,YAAA,EAAcX,YAAA;MACd9B,GAAA,EAAA,EAAA,CAAA0C,MAAA,CAAQvD,QAAA,CAASc,OAAO,EAAA,GAAA,CAAA,CAAAyC,MAAA,CAAIZ,YAAY,CAAA;AACxCa,MAAAA,SAAA,EAAWjE,MAAA,KAAW,KAAA,GAAQ,CAAA,GAAI,KAAA;AAAA,KAAA,CACpC,CAAA,kBAEA8C,KAAA,CAAAC,aAAA,CAACmB,WAAA,EAAA9B,aAAA,CAAAA,aAAA,KACKiB,WAAA,CAAA,EAAA,EAAA,EAAA;MACJc,KAAKhB,MAAA,CAAOgB,GAAA;MACZxC,KAAKwB,MAAA,CAAOxB,GAAA;MACZ3B,QAAQmD,MAAA,CAAOnD,MAAA;AACfoE,MAAAA,IAAA,EAAM,CAAA;AACNzD,MAAAA,KAAA,EAAOyC,YAAA;AACPiB,MAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAW3C,CAAA,EAAA;AAAA,QAAA,OAAMD,iBAAA,CAAkB0B,MAAA,CAAO7B,KAAKI,CAAA,KAAA,IAAA,IAAAA,CAAA,cAAAA,CAAA,GAAMyB,MAAA,CAAOgB,GAAA,EAAgBhB,MAAA,CAAOxB,GAAG,CAAA;AAAA,MAAA,CAAA;AACtF2C,MAAAA,KAAA,EAAM;AAAA,KAAA,CACR,CAEJ,CAAA;AAEJ,EAAA,CAAC,CACH,CAAA;AAEJ,CAAA;AAEA,qBAAA,aAAexB,KAAA,CAAMyB,KAAKzE,YAAY,CAAA;;;;"}
+{"version":3,"file":"inputs.js","sources":["../../../../../../components/color-picker/components/panel/format/inputs.tsx"],"sourcesContent":["import React, { useRef, useEffect } from \"react\";\nimport { throttle } from \"lodash-es\";\nimport { Color, getColorFormatInputs, getColorFormatMap } from \"../../../utils/color-picker\";\nimport type { TdColorFormatProps } from \".\";\nimport Input from \"../../../../input\";\nimport InputNumber from \"../../../../input-number\";\n\nconst FormatInputs = (props: TdColorFormatProps) => {\n  const { format, enableAlpha, inputProps, disabled, onInputChange, color } = props;\n  const modelValueRef = useRef<Record<string, number | string>>({});\n  const lastModelValue = useRef<Record<string, number | string>>({});\n  const inputKey = useRef<number>(0);\n\n  const updateModelValue = () => {\n    const value = getColorFormatMap(color, \"encode\")[format];\n    if (!value || typeof value === \"string\") return;\n\n    const valueObj = value as Record<string, number | string>;\n    if (enableAlpha && \"a\" in valueObj) {\n      valueObj.a = Math.round(color.alpha * 100);\n    }\n\n    const changedFormatValue: Record<string, number | string> = {};\n    Object.keys(valueObj).forEach((key) => {\n      if (valueObj[key] !== modelValueRef.current[key]) {\n        changedFormatValue[key] = valueObj[key];\n      }\n      lastModelValue.current[key] = valueObj[key];\n    });\n\n    if (Object.keys(changedFormatValue).length > 0) {\n      modelValueRef.current = valueObj;\n    }\n  };\n\n  const handleInputChange = (key: string, v: number | string, max: number) => {\n    inputKey.current = performance.now();\n\n    if (v.toString().trim() === \"\") {\n      const lastValue = lastModelValue.current[key];\n      color.update(lastValue as string);\n      onInputChange();\n      return;\n    }\n\n    if (!v || v === lastModelValue.current[key] || Number(v) < 0 || Number(v) > max) return;\n    lastModelValue.current[key] = v;\n\n    const newFormatValue = {\n      ...modelValueRef.current,\n      [key]: v\n    };\n    modelValueRef.current = newFormatValue;\n    if (key === \"a\") {\n      color.alpha = (v as number) / 100;\n    } else if (key === \"hex\" || key === \"css\") {\n      color.update(v as string);\n    } else {\n      color.update(Color.object2color(newFormatValue, format));\n    }\n    onInputChange();\n  };\n\n  updateModelValue();\n  useEffect(() => {\n    const throttleUpdate = throttle(updateModelValue, 100);\n    throttleUpdate();\n    return () => throttleUpdate.cancel();\n  }, [color.saturation, color.hue, color.value, color.alpha, format]);\n\n  return (\n    <div className=\"input-group\">\n      {getColorFormatInputs(format, enableAlpha).map((config) => {\n        const currentValue = modelValueRef.current[config.key];\n        const commonProps = {\n          ...inputProps,\n          disabled,\n          title: currentValue,\n          align: \"center\" as const,\n          size: \"small\" as const,\n          onBlur: (v: string) => handleInputChange(config.key, v, config.max),\n          onEnter: (v: string) => handleInputChange(config.key, v, config.max)\n        };\n\n        return (\n          <div\n            className=\"input-group__item\"\n            key={config.key}\n            style={{\n              flex: config.flex || 1\n            }}\n          >\n            {config.type === \"input\" ? (\n              <Input\n                {...commonProps}\n                defaultValue={currentValue as string}\n                key={`${inputKey.current}-${currentValue}`}\n                maxlength={format === \"HEX\" ? 9 : undefined}\n              />\n            ) : (\n              <InputNumber\n                {...commonProps}\n                min={config.min}\n                max={config.max}\n                format={config.format as (value: number) => string}\n                step={1}\n                value={currentValue as number}\n                onChange={(v) => handleInputChange(config.key, v ?? (config.min as number), config.max)}\n                theme=\"normal\"\n              />\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nexport default React.memo(FormatInputs);\n"],"names":["FormatInputs","props","format","enableAlpha","inputProps","disabled","onInputChange","color","modelValueRef","useRef","lastModelValue","inputKey","updateModelValue","value","getColorFormatMap","valueObj","a","Math","round","alpha","changedFormatValue","Object","keys","forEach","key","current","length","handleInputChange","v","max","performance","now","toString","trim","lastValue","update","Number","newFormatValue","_objectSpread","_defineProperty","Color","object2color","useEffect","throttleUpdate","throttle","cancel","saturation","hue","React","createElement","className","getColorFormatInputs","map","config","currentValue","commonProps","title","align","size","onBlur","onEnter","style","flex","type","Input","defaultValue","concat","maxlength","InputNumber","min","step","onChange","theme","memo"],"mappings":"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"}

package/es/color-picker/components/trigger.js

@@ -21,6 +21,9 @@ import '../../_chunks/dep-DGvfel3I.js';
 import '../../_chunks/dep-gy8uvBaS.js';
 import '../../_chunks/dep-5U9UjDaf.js';
 import 'dayjs';
+import '../../_chunks/dep-CD_4-1Xb.js';
+import '../../config-provider/index.js';
+import '../../config-provider/ConfigProvider.js';
 import '../../input/InputGroup.js';
 import '../../input/style/css.js';
 

package/es/color-picker/components/trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"trigger.js","sources":["../../../../components/color-picker/components/trigger.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport { Color, getColorObject } from \"../utils/color-picker/color\";\nimport { Input } from \"../../input\";\nimport { TdColorPickerProps } from \"../type\";\nimport useClassName from \"../hooks/useClassNames\";\nimport { TdColorContext } from \"../type\";\nimport noop from \"../../utils/noop\";\n\nexport interface ColorTriggerProps\n  extends Pick<TdColorPickerProps, \"disabled\" | \"inputProps\" | \"borderless\" | \"clearable\" | \"onClear\"> {\n  value?: string;\n  onChange?: (v?: string, context?: TdColorContext) => void;\n}\n\nconst ColorPickerTrigger = (props: ColorTriggerProps) => {\n  const baseClassName = useClassName();\n  const { disabled = false, borderless = false, inputProps = { autoWidth: true }, clearable, onClear } = props;\n\n  const handleChange = (input: string) => {\n    if (input !== props.value) {\n      props.onChange?.(input, {\n        color: getColorObject(new Color(input)),\n        trigger: \"input\"\n      });\n    }\n  };\n\n  return (\n    <div className={`${baseClassName}__trigger--default`}>\n      <Input\n        borderless={borderless}\n        clearable={clearable}\n        {...inputProps}\n        value={props.value}\n        disabled={disabled}\n        label={\n          <div className={classNames(`${baseClassName}__trigger--default__color`, `${baseClassName}--bg-alpha`)}>\n            <span className={\"color-inner\"} style={{ background: props.value }}></span>\n          </div>\n        }\n        onChange={handleChange}\n        onClear={onClear || noop}\n      />\n    </div>\n  );\n};\n\nexport default React.memo(ColorPickerTrigger);\n"],"names":["ColorPickerTrigger","props","baseClassName","useClassName","_props$disabled","disabled","_props$borderless","borderless","_props$inputProps","inputProps","autoWidth","clearable","onClear","handleChange","input","value","_props$onChange","onChange","call","color","getColorObject","Color","trigger","React","createElement","className","concat","Input","_objectSpread","label","classNames","style","background","noop","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,IAAMA,kBAAA,GAAqB,SAArBA,kBAAAA,CAAsBC,KAAA,EAA6B;AACvD,EAAA,IAAMC,gBAAgBC,aAAA,EAAa;AACnC,EAAA,IAAAC,eAAA,GAAuGH,KAAA,CAA/FI,QAAA;AAAAA,IAAAA,QAAA,GAAAD,eAAA,KAAA,KAAA,CAAA,GAAW,KAAA,GAAAA,eAAA;IAAAE,iBAAA,GAAoFL,KAAA,CAA7EM,UAAA;AAAAA,IAAAA,UAAA,GAAAD,iBAAA,KAAA,KAAA,CAAA,GAAa,KAAA,GAAAA,iBAAA;IAAAE,iBAAA,GAAgEP,KAAA,CAAzDQ,UAAA;IAAAA,UAAA,GAAAD,iBAAA,KAAA,KAAA,CAAA,GAAa;AAAEE,MAAAA,SAAA,EAAW;AAAK,KAAA,GAAAF,iBAAA;IAAGG,SAAA,GAAuBV,KAAA,CAAvBU,SAAA;IAAWC,OAAA,GAAYX,KAAA,CAAZW,OAAA;AAE3F,EAAA,IAAMC,YAAA,GAAe,SAAfA,YAAAA,CAAgBC,KAAA,EAAkB;AACtC,IAAA,IAAIA,KAAA,KAAUb,MAAMc,KAAA,EAAO;AAAA,MAAA,IAAAC,eAAA;AACzB,MAAA,CAAAA,eAAA,GAAAf,KAAA,CAAMgB,oDAAND,eAAA,CAAAE,IAAA,CAAAjB,KAAA,EAAiBa,KAAA,EAAO;QACtBK,KAAA,EAAOC,cAAA,CAAe,IAAIC,KAAA,CAAMP,KAAK,CAAC,CAAA;AACtCQ,QAAAA,OAAA,EAAS;AACX,OAAC,CAAA;AACH,IAAA;EACF,CAAA;AAEA,EAAA,sBACEC,KAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;IAAIC,SAAA,EAAA,EAAA,CAAAC,MAAA,CAAcxB,aAAa,EAAA,oBAAA;GAAA,iBAC9BqB,KAAA,CAAAC,aAAA,CAACG,KAAA,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACCrB,IAAAA,UAAA,EAAAA,UAAA;AACAI,IAAAA,SAAA,EAAAA;AAAA,GAAA,EACIF,UAAA,CAAA,EAAA,EAAA,EAAA;IACJM,OAAOd,KAAA,CAAMc,KAAA;AACbV,IAAAA,QAAA,EAAAA,QAAA;AACAwB,IAAAA,KAAA,qCACG,KAAA,EAAA;MAAIJ,SAAA,EAAWK,qBAAc5B,aAAa,EAAA,2BAAA,CAAA,EAAA,EAAA,CAAAwB,MAAA,CAAgCxB,aAAa,EAAA,YAAA,CAAY;sBAClGqB,KAAA,CAAAC,aAAA,CAAC,MAAA,EAAA;AAAKC,MAAAA,WAAW,aAAA;AAAeM,MAAAA,KAAA,EAAO;QAAEC,UAAA,EAAY/B,KAAA,CAAMc;AAAM;AAAA,KAAG,CACtE,CAAA;AAEFE,IAAAA,QAAA,EAAUJ,YAAA;IACVD,SAASA,OAAA,IAAWqB;AAAA,GAAA,CACtB,CACF,CAAA;AAEJ,CAAA;AAEA,mBAAA,aAAeV,KAAA,CAAMW,KAAKlC,kBAAkB,CAAA;;;;"}
+{"version":3,"file":"trigger.js","sources":["../../../../components/color-picker/components/trigger.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport { Color, getColorObject } from \"../utils/color-picker/color\";\nimport { Input } from \"../../input\";\nimport { TdColorPickerProps } from \"../type\";\nimport useClassName from \"../hooks/useClassNames\";\nimport { TdColorContext } from \"../type\";\nimport noop from \"../../utils/noop\";\n\nexport interface ColorTriggerProps\n  extends Pick<TdColorPickerProps, \"disabled\" | \"inputProps\" | \"borderless\" | \"clearable\" | \"onClear\"> {\n  value?: string;\n  onChange?: (v?: string, context?: TdColorContext) => void;\n}\n\nconst ColorPickerTrigger = (props: ColorTriggerProps) => {\n  const baseClassName = useClassName();\n  const { disabled = false, borderless = false, inputProps = { autoWidth: true }, clearable, onClear } = props;\n\n  const handleChange = (input: string) => {\n    if (input !== props.value) {\n      props.onChange?.(input, {\n        color: getColorObject(new Color(input)),\n        trigger: \"input\"\n      });\n    }\n  };\n\n  return (\n    <div className={`${baseClassName}__trigger--default`}>\n      <Input\n        borderless={borderless}\n        clearable={clearable}\n        {...inputProps}\n        value={props.value}\n        disabled={disabled}\n        label={\n          <div className={classNames(`${baseClassName}__trigger--default__color`, `${baseClassName}--bg-alpha`)}>\n            <span className={\"color-inner\"} style={{ background: props.value }}></span>\n          </div>\n        }\n        onChange={handleChange}\n        onClear={onClear || noop}\n      />\n    </div>\n  );\n};\n\nexport default React.memo(ColorPickerTrigger);\n"],"names":["ColorPickerTrigger","props","baseClassName","useClassName","_props$disabled","disabled","_props$borderless","borderless","_props$inputProps","inputProps","autoWidth","clearable","onClear","handleChange","input","value","_props$onChange","onChange","call","color","getColorObject","Color","trigger","React","createElement","className","concat","Input","_objectSpread","label","classNames","style","background","noop","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,IAAMA,kBAAA,GAAqB,SAArBA,kBAAAA,CAAsBC,KAAA,EAA6B;AACvD,EAAA,IAAMC,gBAAgBC,aAAA,EAAa;AACnC,EAAA,IAAAC,eAAA,GAAuGH,KAAA,CAA/FI,QAAA;AAAAA,IAAAA,QAAA,GAAAD,eAAA,KAAA,KAAA,CAAA,GAAW,KAAA,GAAAA,eAAA;IAAAE,iBAAA,GAAoFL,KAAA,CAA7EM,UAAA;AAAAA,IAAAA,UAAA,GAAAD,iBAAA,KAAA,KAAA,CAAA,GAAa,KAAA,GAAAA,iBAAA;IAAAE,iBAAA,GAAgEP,KAAA,CAAzDQ,UAAA;IAAAA,UAAA,GAAAD,iBAAA,KAAA,KAAA,CAAA,GAAa;AAAEE,MAAAA,SAAA,EAAW;AAAK,KAAA,GAAAF,iBAAA;IAAGG,SAAA,GAAuBV,KAAA,CAAvBU,SAAA;IAAWC,OAAA,GAAYX,KAAA,CAAZW,OAAA;AAE3F,EAAA,IAAMC,YAAA,GAAe,SAAfA,YAAAA,CAAgBC,KAAA,EAAkB;AACtC,IAAA,IAAIA,KAAA,KAAUb,MAAMc,KAAA,EAAO;AAAA,MAAA,IAAAC,eAAA;AACzB,MAAA,CAAAA,eAAA,GAAAf,KAAA,CAAMgB,oDAAND,eAAA,CAAAE,IAAA,CAAAjB,KAAA,EAAiBa,KAAA,EAAO;QACtBK,KAAA,EAAOC,cAAA,CAAe,IAAIC,KAAA,CAAMP,KAAK,CAAC,CAAA;AACtCQ,QAAAA,OAAA,EAAS;AACX,OAAC,CAAA;AACH,IAAA;EACF,CAAA;AAEA,EAAA,sBACEC,KAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;IAAIC,SAAA,EAAA,EAAA,CAAAC,MAAA,CAAcxB,aAAa,EAAA,oBAAA;GAAA,iBAC9BqB,KAAA,CAAAC,aAAA,CAACG,KAAA,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACCrB,IAAAA,UAAA,EAAAA,UAAA;AACAI,IAAAA,SAAA,EAAAA;AAAA,GAAA,EACIF,UAAA,CAAA,EAAA,EAAA,EAAA;IACJM,OAAOd,KAAA,CAAMc,KAAA;AACbV,IAAAA,QAAA,EAAAA,QAAA;AACAwB,IAAAA,KAAA,qCACG,KAAA,EAAA;MAAIJ,SAAA,EAAWK,qBAAc5B,aAAa,EAAA,2BAAA,CAAA,EAAA,EAAA,CAAAwB,MAAA,CAAgCxB,aAAa,EAAA,YAAA,CAAY;sBAClGqB,KAAA,CAAAC,aAAA,CAAC,MAAA,EAAA;AAAKC,MAAAA,WAAW,aAAA;AAAeM,MAAAA,KAAA,EAAO;QAAEC,UAAA,EAAY/B,KAAA,CAAMc;AAAM;AAAA,KAAG,CACtE,CAAA;AAEFE,IAAAA,QAAA,EAAUJ,YAAA;IACVD,SAASA,OAAA,IAAWqB;AAAA,GAAA,CACtB,CACF,CAAA;AAEJ,CAAA;AAEA,mBAAA,aAAeV,KAAA,CAAMW,KAAKlC,kBAAkB,CAAA;;;;"}