intergalactic 15.129.0 → 15.130.0

package/checkbox/lib/esm/style/checkbox.shadow.css

@@ -0,0 +1,193 @@
+SLabel {
+  position: relative;
+  display: inline-flex;
+  align-items: flex-start;
+  cursor: pointer;
+
+  &[disabled] {
+    cursor: default;
+  }
+
+  SText {
+    margin-left: var(--intergalactic-spacing-2x, 8px);
+    color: var(--intergalactic-text-primary, #191b23);
+
+    &[disabled] {
+      opacity: var(--intergalactic-disabled-opacity, 0.3);
+    }
+  }
+
+  SText[color] {
+    color: var(--color);
+  }
+}
+
+SControl {
+  position: absolute;
+  overflow: hidden;
+  width: 1px;
+  height: 1px;
+  clip: rect(0, 0, 0, 0);
+}
+
+SCheckbox {
+  position: relative;
+  flex-shrink: 0;
+  margin: 0;
+  padding: 0;
+  outline: none;
+
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: var(--intergalactic-bg-primary-neutral, #ffffff);
+    border: 1px solid;
+    border-radius: var(--intergalactic-addon-rounded, 4px);
+    transition: calc(var(--intergalactic-duration-control, 200) * 1ms) all ease-in-out;
+  }
+
+  &::after {
+    content: '';
+    position: absolute;
+    top: 1px;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    margin: 0 var(--intergalactic-spacing-05x, 2px);
+    background-repeat: no-repeat;
+    background-position: center center;
+  }
+
+  &[state='normal']:before {
+    border-color: var(--intergalactic-border-primary, #c4c7cf);
+  }
+
+  &[state='normal'][keyboardFocused]:before {
+    border-color: var(--intergalactic-border-info-active, #006dca);
+  }
+}
+
+SCheckbox[size='l'] {
+  margin-top: var(--intergalactic-spacing-05x, 2px);
+  width: 20px;
+  height: 20px;
+
+  &[checked]::after {
+    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
+  }
+}
+
+SCheckbox[size='m'] {
+  margin-top: var(--intergalactic-spacing-05x, 2px);
+  width: 16px;
+  height: 16px;
+
+  &[checked]::after {
+    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
+  }
+}
+
+
+SText[size='l'] {
+  font-size: var(--intergalactic-fs-300, 16px);
+  line-height: var(--intergalactic-lh-300, 150%);
+}
+
+SText[size='m'] {
+  font-size: var(--intergalactic-fs-200, 14px);
+  line-height: var(--intergalactic-lh-200, 142%);
+}
+
+
+SControl[checked]~SCheckbox[state='normal']:before,
+SControl[checked]~SCheckbox[state='invalid']:before {
+  background-color: var(--intergalactic-control-primary-info, #008ff8);
+  border-color: var(--intergalactic-control-primary-info, #008ff8);
+}
+
+SControl[indeterminate]~SCheckbox[state='normal']:before {
+  background-color: var(--intergalactic-control-primary-info, #008ff8);
+  border-color: var(--intergalactic-control-primary-info, #008ff8);
+}
+
+SCheckbox[state='invalid'],
+SControl[checked]~SCheckbox[state='invalid'] {
+  &:before {
+    border-color: var(--intergalactic-border-critical-active, #d1002f);
+  }
+
+  &[keyboardFocused]:before {
+    box-shadow: var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5));
+  }
+}
+
+SCheckbox[state='normal'],
+SControl[checked] {
+  &[keyboardFocused]:before {
+    box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
+  }
+}
+
+SControl[disabled]~SCheckbox:before {
+  opacity: var(--intergalactic-disabled-opacity, 0.3);
+  cursor: default;
+}
+
+SControl[checked]~SCheckbox {
+  &[state='invalid']:before {
+    background-color: var(--intergalactic-control-primary-critical, #ff4953);
+    border-color: var(--intergalactic-control-primary-critical, #ff4953);
+  }
+}
+
+SControl[indeterminate]~SCheckbox:after {
+  background-color: #ffffff;
+  margin: auto;
+  /* disable-tokens-validator */
+  border-radius: 1px;
+}
+
+SControl[indeterminate]~SCheckbox[size='l']:after {
+  width: 12px;
+  height: 2px;
+}
+
+SControl[indeterminate]~SCheckbox[size='m']:after {
+  width: 8px;
+  height: 2px;
+}
+
+SControl[indeterminate]~SCheckbox[state='invalid']:before {
+  background-color: var(--intergalactic-control-primary-critical, #ff4953);
+  border-color: var(--intergalactic-control-primary-critical, #ff4953);
+}
+
+SCheckbox[theme][state='normal']:before {
+  border-color: var(--theme);
+}
+
+SCheckbox[theme][state='normal'][keyboardFocused]:before {
+  border-color: var(--theme);
+}
+
+SControl[checked]~SCheckbox[theme][state='normal']:before,
+SControl[checked]~SCheckbox[theme][state='invalid']:before {
+  background-color: var(--theme);
+  border-color: var(--theme);
+}
+
+SControl[indeterminate]~SCheckbox[theme][state='normal']:before {
+  background-color: var(--theme);
+  border-color: var(--theme);
+}
+
+SInvalidPattern {
+  height: calc(100% - 2px);
+  margin: 1px 0 1px 1px;
+  border-bottom-left-radius: var(--intergalactic-rounded-small, 4px);
+  border-top-left-radius: var(--intergalactic-rounded-small, 4px);
+}

package/checkbox/package.json

@@ -1 +1 @@
-{"name":"intergalactic/checkbox","description":"Semrush Checkbox Component","version":"7.44.2","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/utils":"4.48.2","@semcore/typography":"5.52.2","@semcore/flex-box":"5.41.2"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/checkbox"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/checkbox","description":"Semrush Checkbox Component","version":"7.44.3","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/utils":"4.48.4","@semcore/typography":"5.53.1","@semcore/flex-box":"5.41.3"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/checkbox"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/color-picker/lib/cjs/ColorPicker.js

@@ -27,31 +27,33 @@ var _PaletteManager = _interopRequireDefault(require("./PaletteManager"));
 var _components = require("./components");
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
-/*__reshadow-styles__:"./style/color-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_15lm4_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_15lm4_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_15lm4_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_15lm4_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_15lm4)}@media (hover:hover){.___SItemContainer_15lm4_gg_:hover>.___SCloseIcon_15lm4_gg_{opacity:1}}.___SItemContainer_15lm4_gg_.__keyboardFocused_15lm4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_15lm4_gg_.__selected_15lm4_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_15lm4_gg_.__displayLabel_15lm4_gg_::after{background:var(--value_15lm4);opacity:.15}.___SItemContainer_15lm4_gg_:not(.__value_15lm4_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_15lm4_gg_,.___SColors_15lm4_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_15lm4_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_15lm4_gg_,.___SPaletteManager_15lm4_gg_,.___SPlusButton_15lm4_gg_{display:flex;align-items:center}.___SPlusButton_15lm4_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_15lm4_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_15lm4_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_15lm4_gg_.__keyboardFocused_15lm4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_15lm4_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_15lm4);border:1px solid transparent}.___STriggerCircle_15lm4_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_15lm4_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_15lm4_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_15lm4_gg_{position:absolute}.___SLabel_15lm4_gg_{z-index:1;color:var(--data-value_15lm4);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_15lm4_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_15lm4)}.___SClearConfirm_15lm4_gg_.__hidden_15lm4_gg_,.___SConfirmColor_15lm4_gg_.__hidden_15lm4_gg_{display:none}" /*__inner_css_end__*/, "15lm4_gg_") /*__reshadow_css_end__*/, {
-  "__SColorPickerPopper": "___SColorPickerPopper_15lm4_gg_",
-  "__SItemContainer": "___SItemContainer_15lm4_gg_",
-  "__SCloseIcon": "___SCloseIcon_15lm4_gg_",
-  "_keyboardFocused": "__keyboardFocused_15lm4_gg_",
-  "_selected": "__selected_15lm4_gg_",
-  "__SColorsContainer": "___SColorsContainer_15lm4_gg_",
-  "__SColors": "___SColors_15lm4_gg_",
-  "__SPaletteManager": "___SPaletteManager_15lm4_gg_",
-  "__SInputContainer": "___SInputContainer_15lm4_gg_",
-  "__SDefaultTrigger": "___SDefaultTrigger_15lm4_gg_",
-  "__STriggerCircle": "___STriggerCircle_15lm4_gg_",
-  "--data-value": "--data-value_15lm4",
-  "__STriggerCircleLine": "___STriggerCircleLine_15lm4_gg_",
-  "__SLine": "___SLine_15lm4_gg_",
-  "__SLabel": "___SLabel_15lm4_gg_",
-  "__SItemColor": "___SItemColor_15lm4_gg_",
-  "__SConfirmColor": "___SConfirmColor_15lm4_gg_",
-  "_hidden": "__hidden_15lm4_gg_",
-  "__SClearConfirm": "___SClearConfirm_15lm4_gg_",
-  "--value": "--value_15lm4",
-  "_displayLabel": "__displayLabel_15lm4_gg_",
-  "_value": "__value_15lm4_gg_",
-  "__SPlusButton": "___SPlusButton_15lm4_gg_"
+/*!__reshadow-styles__:"./style/color-picker.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1uje6_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1uje6_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_1uje6_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1uje6_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_1uje6)}@media (hover:hover){.___SItemContainer_1uje6_gg_:hover>.___SCloseIcon_1uje6_gg_{opacity:1}}.___SItemContainer_1uje6_gg_.__keyboardFocused_1uje6_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1uje6_gg_.__selected_1uje6_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1uje6_gg_.__displayLabel_1uje6_gg_::after{background:var(--value_1uje6);opacity:.15}.___SItemContainer_1uje6_gg_:not(.__value_1uje6_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1uje6_gg_,.___SColors_1uje6_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1uje6_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1uje6_gg_,.___SPaletteManager_1uje6_gg_,.___SPlusButton_1uje6_gg_{display:flex;align-items:center}.___SPlusButton_1uje6_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1uje6_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1uje6_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1uje6_gg_.__keyboardFocused_1uje6_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1uje6_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1uje6);border:1px solid transparent}.___STriggerCircle_1uje6_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1uje6_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1uje6_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_1uje6_gg_{position:absolute}.___SLabel_1uje6_gg_{z-index:1;color:var(--data-value_1uje6);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1uje6_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1uje6)}.___SClearConfirm_1uje6_gg_.__hidden_1uje6_gg_,.___SConfirmColor_1uje6_gg_.__hidden_1uje6_gg_{display:none}", /*__inner_css_end__*/"1uje6_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SColorPickerPopper": "___SColorPickerPopper_1uje6_gg_",
+  "__SItemContainer": "___SItemContainer_1uje6_gg_",
+  "__SCloseIcon": "___SCloseIcon_1uje6_gg_",
+  "_keyboardFocused": "__keyboardFocused_1uje6_gg_",
+  "_selected": "__selected_1uje6_gg_",
+  "__SColorsContainer": "___SColorsContainer_1uje6_gg_",
+  "__SColors": "___SColors_1uje6_gg_",
+  "__SPaletteManager": "___SPaletteManager_1uje6_gg_",
+  "__SInputContainer": "___SInputContainer_1uje6_gg_",
+  "__SDefaultTrigger": "___SDefaultTrigger_1uje6_gg_",
+  "__STriggerCircle": "___STriggerCircle_1uje6_gg_",
+  "--data-value": "--data-value_1uje6",
+  "__STriggerCircleLine": "___STriggerCircleLine_1uje6_gg_",
+  "__SLine": "___SLine_1uje6_gg_",
+  "__SLabel": "___SLabel_1uje6_gg_",
+  "__SItemColor": "___SItemColor_1uje6_gg_",
+  "__SConfirmColor": "___SConfirmColor_1uje6_gg_",
+  "_hidden": "__hidden_1uje6_gg_",
+  "__SClearConfirm": "___SClearConfirm_1uje6_gg_",
+  "--value": "--value_1uje6",
+  "_displayLabel": "__displayLabel_1uje6_gg_",
+  "_value": "__value_1uje6_gg_",
+  "__SPlusButton": "___SPlusButton_1uje6_gg_"
 });
 var defaultColors = [null, '#2BB3FF', '#8649E1', '#C695FF', '#F67CF2', '#FFA9FA', '#FF8786', '#FF8C43', '#FDC23C', '#66C030', '#9BD85D', '#C7EE96'];
 exports.defaultColors = defaultColors;

package/color-picker/lib/cjs/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_dropdown","_flexBox","_m","_keyboardFocusEnhance","_PaletteManager","_components","_intergalacticDynamicLocales","_i18nEnhance","style","_index","sstyled","insert","defaultColors","exports","ColorPickerRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","value","event","handlers","visible","preventDefault","_createClass2","key","uncontrolledProps","getTriggerProps","_this$asProps","asProps","getI18nText","popperVisible","getColorsProps","_this$asProps2","colors","getInputColorProps","getItemProps","props","_this2","_this$asProps3","displayLabel","isSelected","onClick","bindHandlerItemClick","onKeyDown","selected","getPopperProps","render","_ref","_ref5","_this$asProps4","styles","Children","createElement","Dropdown","assignProps","cn","Component","i18nEnhance","localizedMessages","defaultVisible","defaultValue","i18n","locale","children","Fragment","ColorPicker","Trigger","Popper","_ref2","arguments[0]","label","React","useMemo","color","DefaultTrigger","enhance","keyboardFocusEnhance","forwardRef","ref","_ref3","_ref6","SDefaultTrigger","Box","STriggerCircle","STriggerCircleLine","_objectSpread2","_ref4","_ref7","SColorPickerPopper","Colors","createComponent","Item","PaletteManager","PaletteManagerRoot","ColorsCustom","InputColor","_default"],"sources":["../../src/ColorPicker.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { Box } from '@semcore/flex-box';\nimport ChevronDownM from '@semcore/icon/ChevronDown/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport PaletteManagerRoot from './PaletteManager';\nimport { Item, Colors, ColorsCustom, InputColor } from './components';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/color-picker.shadow.css';\n\nconst defaultColors = [\n  null,\n  '#2BB3FF',\n  '#8649E1',\n  '#C695FF',\n  '#F67CF2',\n  '#FFA9FA',\n  '#FF8786',\n  '#FF8C43',\n  '#FDC23C',\n  '#66C030',\n  '#9BD85D',\n  '#C7EE96',\n];\n\ntype RootAsProps = {\n  defaultVisible?: boolean;\n  visible?: boolean;\n  defaultValue?: string;\n  value?: string;\n  onChange?: (value: string, event: React.ChangeEvent) => void;\n  colors?: string[];\n  onColorsChange?: (value: string, event: React.ChangeEvent) => void;\n  displayLabel?: boolean;\n  styles?: React.CSSProperties;\n  Children: React.FC;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype TriggerAsProps = {\n  styles?: React.CSSProperties;\n  value?: string;\n  popperVisible: boolean;\n  Children: React.FC;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype PopperAsProps = {\n  styles?: React.CSSProperties;\n  Children: React.FC;\n  children?: React.ReactNode;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype ItemAsProps = {\n  value: string;\n};\n\nclass ColorPickerRoot extends Component<RootAsProps> {\n  static displayName = 'ColorPicker';\n\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n\n  static defaultProps = () => ({\n    defaultVisible: false,\n    defaultValue: null,\n    colors: defaultColors,\n    i18n: localizedMessages,\n    locale: 'en',\n    children: (\n      <>\n        <ColorPicker.Trigger />\n        <ColorPicker.Popper />\n      </>\n    ),\n  });\n\n  uncontrolledProps() {\n    return {\n      value: null,\n      visible: false,\n    };\n  }\n\n  bindHandlerItemClick = (value: string) => (event: React.MouseEvent | React.KeyboardEvent) => {\n    this.handlers.value(value, event);\n    this.handlers.visible(false, event);\n    event.preventDefault();\n  };\n\n  getTriggerProps() {\n    const { value, visible, getI18nText } = this.asProps;\n\n    return {\n      value,\n      popperVisible: visible,\n      getI18nText,\n    };\n  }\n\n  getColorsProps() {\n    const { colors, getI18nText } = this.asProps;\n\n    return {\n      colors,\n      getI18nText,\n    };\n  }\n\n  getInputColorProps() {\n    const { getI18nText } = this.asProps;\n\n    return {\n      getI18nText,\n    };\n  }\n  getItemProps(props: ItemAsProps) {\n    const { value, displayLabel, getI18nText } = this.asProps;\n    const isSelected = value === props.value;\n\n    return {\n      displayLabel,\n      onClick: this.bindHandlerItemClick(props.value),\n      onKeyDown: (event: React.KeyboardEvent) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.preventDefault();\n          this.bindHandlerItemClick(props.value)(event);\n        }\n      },\n      selected: isSelected,\n      getI18nText,\n    };\n  }\n\n  getPopperProps() {\n    const { getI18nText } = this.asProps;\n\n    return { getI18nText };\n  }\n\n  render() {\n    const { styles, Children } = this.asProps;\n\n    return sstyled(styles)(\n      <Root render={Dropdown} stretch={false}>\n        <Children />\n      </Root>,\n    );\n  }\n}\n\nexport function Trigger(props: TriggerAsProps) {\n  const { Children, getI18nText, value } = props;\n\n  const label = React.useMemo(() => {\n    if (!value) {\n      return getI18nText('emptyColor');\n    }\n\n    return getI18nText('currentColor', { color: value });\n  }, [value]);\n\n  return (\n    <Root render={Dropdown.Trigger} tag={DefaultTrigger} aria-label={label} role='combobox'>\n      <Children />\n    </Root>\n  );\n}\n\nTrigger.enhance = [keyboardFocusEnhance()];\n\nconst DefaultTrigger = React.forwardRef(function (props: TriggerAsProps, ref) {\n  const { styles, value } = props;\n  const SDefaultTrigger = Root;\n  const STriggerCircle = Box;\n  const STriggerCircleLine = 'svg';\n\n  return sstyled(styles)(\n    <SDefaultTrigger render={Box} tag='button' ref={ref}>\n      <STriggerCircle data-value={value}>\n        {!value && (\n          <STriggerCircleLine\n            width='10'\n            height='10'\n            viewBox='0 0 10 10'\n            fill='none'\n            xmlns='http://www.w3.org/2000/svg'\n          >\n            <rect\n              width='1'\n              height='14'\n              transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 10 1)'\n              fill='#E0E1E9'\n            />\n          </STriggerCircleLine>\n        )}\n      </STriggerCircle>\n      <ChevronDownM color='gray-800' />\n    </SDefaultTrigger>,\n  ) as React.ReactElement;\n});\n\nexport function Popper(props: PopperAsProps) {\n  const { styles, Children, getI18nText, children } = props;\n  const SColorPickerPopper = Root;\n\n  return sstyled(styles)(\n    <SColorPickerPopper render={Dropdown.Popper} aria-label={getI18nText('palette')}>\n      {children ? <Children /> : <ColorPicker.Colors getI18nText={props.getI18nText} />}\n    </SColorPickerPopper>,\n  );\n}\n\nconst ColorPicker = createComponent(ColorPickerRoot, {\n  Trigger,\n  Popper,\n  Item,\n  Colors,\n}) as any;\n\nconst PaletteManager = createComponent(PaletteManagerRoot, {\n  Item: ColorPicker.Item,\n  Colors: ColorsCustom,\n  InputColor,\n}) as any;\n\nexport { PaletteManager, defaultColors };\nexport default ColorPicker;\n"],"mappings":"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"}
+{"version":3,"file":"ColorPicker.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_dropdown","_flexBox","_m","_keyboardFocusEnhance","_PaletteManager","_components","_intergalacticDynamicLocales","_i18nEnhance","style","_index","sstyled","insert","defaultColors","exports","ColorPickerRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","value","event","handlers","visible","preventDefault","_createClass2","key","uncontrolledProps","getTriggerProps","_this$asProps","asProps","getI18nText","popperVisible","getColorsProps","_this$asProps2","colors","getInputColorProps","getItemProps","props","_this2","_this$asProps3","displayLabel","isSelected","onClick","bindHandlerItemClick","onKeyDown","selected","getPopperProps","render","_ref","_ref5","_this$asProps4","styles","Children","createElement","Dropdown","assignProps","cn","Component","i18nEnhance","localizedMessages","defaultVisible","defaultValue","i18n","locale","children","Fragment","ColorPicker","Trigger","Popper","_ref2","arguments[0]","label","React","useMemo","color","DefaultTrigger","enhance","keyboardFocusEnhance","forwardRef","ref","_ref3","_ref6","SDefaultTrigger","Box","STriggerCircle","STriggerCircleLine","_objectSpread2","_ref4","_ref7","SColorPickerPopper","Colors","createComponent","Item","PaletteManager","PaletteManagerRoot","ColorsCustom","InputColor","_default"],"sources":["../../src/ColorPicker.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { Box } from '@semcore/flex-box';\nimport ChevronDownM from '@semcore/icon/ChevronDown/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport PaletteManagerRoot from './PaletteManager';\nimport { Item, Colors, ColorsCustom, InputColor } from './components';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/color-picker.shadow.css';\n\nconst defaultColors = [\n  null,\n  '#2BB3FF',\n  '#8649E1',\n  '#C695FF',\n  '#F67CF2',\n  '#FFA9FA',\n  '#FF8786',\n  '#FF8C43',\n  '#FDC23C',\n  '#66C030',\n  '#9BD85D',\n  '#C7EE96',\n];\n\ntype RootAsProps = {\n  defaultVisible?: boolean;\n  visible?: boolean;\n  defaultValue?: string;\n  value?: string;\n  onChange?: (value: string, event: React.ChangeEvent) => void;\n  colors?: string[];\n  onColorsChange?: (value: string, event: React.ChangeEvent) => void;\n  displayLabel?: boolean;\n  styles?: React.CSSProperties;\n  Children: React.FC;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype TriggerAsProps = {\n  styles?: React.CSSProperties;\n  value?: string;\n  popperVisible: boolean;\n  Children: React.FC;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype PopperAsProps = {\n  styles?: React.CSSProperties;\n  Children: React.FC;\n  children?: React.ReactNode;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype ItemAsProps = {\n  value: string;\n};\n\nclass ColorPickerRoot extends Component<RootAsProps> {\n  static displayName = 'ColorPicker';\n\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n\n  static defaultProps = () => ({\n    defaultVisible: false,\n    defaultValue: null,\n    colors: defaultColors,\n    i18n: localizedMessages,\n    locale: 'en',\n    children: (\n      <>\n        <ColorPicker.Trigger />\n        <ColorPicker.Popper />\n      </>\n    ),\n  });\n\n  uncontrolledProps() {\n    return {\n      value: null,\n      visible: false,\n    };\n  }\n\n  bindHandlerItemClick = (value: string) => (event: React.MouseEvent | React.KeyboardEvent) => {\n    this.handlers.value(value, event);\n    this.handlers.visible(false, event);\n    event.preventDefault();\n  };\n\n  getTriggerProps() {\n    const { value, visible, getI18nText } = this.asProps;\n\n    return {\n      value,\n      popperVisible: visible,\n      getI18nText,\n    };\n  }\n\n  getColorsProps() {\n    const { colors, getI18nText } = this.asProps;\n\n    return {\n      colors,\n      getI18nText,\n    };\n  }\n\n  getInputColorProps() {\n    const { getI18nText } = this.asProps;\n\n    return {\n      getI18nText,\n    };\n  }\n  getItemProps(props: ItemAsProps) {\n    const { value, displayLabel, getI18nText } = this.asProps;\n    const isSelected = value === props.value;\n\n    return {\n      displayLabel,\n      onClick: this.bindHandlerItemClick(props.value),\n      onKeyDown: (event: React.KeyboardEvent) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.preventDefault();\n          this.bindHandlerItemClick(props.value)(event);\n        }\n      },\n      selected: isSelected,\n      getI18nText,\n    };\n  }\n\n  getPopperProps() {\n    const { getI18nText } = this.asProps;\n\n    return { getI18nText };\n  }\n\n  render() {\n    const { styles, Children } = this.asProps;\n\n    return sstyled(styles)(\n      <Root render={Dropdown} stretch={false}>\n        <Children />\n      </Root>,\n    );\n  }\n}\n\nexport function Trigger(props: TriggerAsProps) {\n  const { Children, getI18nText, value } = props;\n\n  const label = React.useMemo(() => {\n    if (!value) {\n      return getI18nText('emptyColor');\n    }\n\n    return getI18nText('currentColor', { color: value });\n  }, [value]);\n\n  return (\n    <Root render={Dropdown.Trigger} tag={DefaultTrigger} aria-label={label} role='combobox'>\n      <Children />\n    </Root>\n  );\n}\n\nTrigger.enhance = [keyboardFocusEnhance()];\n\nconst DefaultTrigger = React.forwardRef(function (props: TriggerAsProps, ref) {\n  const { styles, value } = props;\n  const SDefaultTrigger = Root;\n  const STriggerCircle = Box;\n  const STriggerCircleLine = 'svg';\n\n  return sstyled(styles)(\n    <SDefaultTrigger render={Box} tag='button' ref={ref}>\n      <STriggerCircle data-value={value}>\n        {!value && (\n          <STriggerCircleLine\n            width='10'\n            height='10'\n            viewBox='0 0 10 10'\n            fill='none'\n            xmlns='http://www.w3.org/2000/svg'\n          >\n            <rect\n              width='1'\n              height='14'\n              transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 10 1)'\n              fill='#E0E1E9'\n            />\n          </STriggerCircleLine>\n        )}\n      </STriggerCircle>\n      <ChevronDownM color='gray-800' />\n    </SDefaultTrigger>,\n  ) as React.ReactElement;\n});\n\nexport function Popper(props: PopperAsProps) {\n  const { styles, Children, getI18nText, children } = props;\n  const SColorPickerPopper = Root;\n\n  return sstyled(styles)(\n    <SColorPickerPopper render={Dropdown.Popper} aria-label={getI18nText('palette')}>\n      {children ? <Children /> : <ColorPicker.Colors getI18nText={props.getI18nText} />}\n    </SColorPickerPopper>,\n  );\n}\n\nconst ColorPicker = createComponent(ColorPickerRoot, {\n  Trigger,\n  Popper,\n  Item,\n  Colors,\n}) as any;\n\nconst PaletteManager = createComponent(PaletteManagerRoot, {\n  Item: ColorPicker.Item,\n  Colors: ColorsCustom,\n  InputColor,\n}) as any;\n\nexport { PaletteManager, defaultColors };\nexport default ColorPicker;\n"],"mappings":"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"}

package/color-picker/lib/cjs/PaletteManager.js

@@ -18,31 +18,33 @@ var _divider = _interopRequireDefault(require("intergalactic/divider"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
-/*__reshadow-styles__:"./style/color-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_15lm4_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_15lm4_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_15lm4_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_15lm4_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_15lm4)}@media (hover:hover){.___SItemContainer_15lm4_gg_:hover>.___SCloseIcon_15lm4_gg_{opacity:1}}.___SItemContainer_15lm4_gg_.__keyboardFocused_15lm4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_15lm4_gg_.__selected_15lm4_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_15lm4_gg_.__displayLabel_15lm4_gg_::after{background:var(--value_15lm4);opacity:.15}.___SItemContainer_15lm4_gg_:not(.__value_15lm4_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_15lm4_gg_,.___SColors_15lm4_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_15lm4_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_15lm4_gg_,.___SPaletteManager_15lm4_gg_,.___SPlusButton_15lm4_gg_{display:flex;align-items:center}.___SPlusButton_15lm4_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_15lm4_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_15lm4_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_15lm4_gg_.__keyboardFocused_15lm4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_15lm4_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_15lm4);border:1px solid transparent}.___STriggerCircle_15lm4_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_15lm4_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_15lm4_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_15lm4_gg_{position:absolute}.___SLabel_15lm4_gg_{z-index:1;color:var(--data-value_15lm4);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_15lm4_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_15lm4)}.___SClearConfirm_15lm4_gg_.__hidden_15lm4_gg_,.___SConfirmColor_15lm4_gg_.__hidden_15lm4_gg_{display:none}" /*__inner_css_end__*/, "15lm4_gg_") /*__reshadow_css_end__*/, {
-  "__SColorPickerPopper": "___SColorPickerPopper_15lm4_gg_",
-  "__SItemContainer": "___SItemContainer_15lm4_gg_",
-  "__SCloseIcon": "___SCloseIcon_15lm4_gg_",
-  "_keyboardFocused": "__keyboardFocused_15lm4_gg_",
-  "_selected": "__selected_15lm4_gg_",
-  "__SColorsContainer": "___SColorsContainer_15lm4_gg_",
-  "__SColors": "___SColors_15lm4_gg_",
-  "__SPaletteManager": "___SPaletteManager_15lm4_gg_",
-  "__SInputContainer": "___SInputContainer_15lm4_gg_",
-  "__SDefaultTrigger": "___SDefaultTrigger_15lm4_gg_",
-  "__STriggerCircle": "___STriggerCircle_15lm4_gg_",
-  "--data-value": "--data-value_15lm4",
-  "__STriggerCircleLine": "___STriggerCircleLine_15lm4_gg_",
-  "__SLine": "___SLine_15lm4_gg_",
-  "__SLabel": "___SLabel_15lm4_gg_",
-  "__SItemColor": "___SItemColor_15lm4_gg_",
-  "__SConfirmColor": "___SConfirmColor_15lm4_gg_",
-  "_hidden": "__hidden_15lm4_gg_",
-  "__SClearConfirm": "___SClearConfirm_15lm4_gg_",
-  "--value": "--value_15lm4",
-  "_displayLabel": "__displayLabel_15lm4_gg_",
-  "_value": "__value_15lm4_gg_",
-  "__SPlusButton": "___SPlusButton_15lm4_gg_"
+/*!__reshadow-styles__:"./style/color-picker.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1uje6_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1uje6_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_1uje6_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1uje6_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_1uje6)}@media (hover:hover){.___SItemContainer_1uje6_gg_:hover>.___SCloseIcon_1uje6_gg_{opacity:1}}.___SItemContainer_1uje6_gg_.__keyboardFocused_1uje6_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1uje6_gg_.__selected_1uje6_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1uje6_gg_.__displayLabel_1uje6_gg_::after{background:var(--value_1uje6);opacity:.15}.___SItemContainer_1uje6_gg_:not(.__value_1uje6_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1uje6_gg_,.___SColors_1uje6_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1uje6_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1uje6_gg_,.___SPaletteManager_1uje6_gg_,.___SPlusButton_1uje6_gg_{display:flex;align-items:center}.___SPlusButton_1uje6_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1uje6_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1uje6_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1uje6_gg_.__keyboardFocused_1uje6_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1uje6_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1uje6);border:1px solid transparent}.___STriggerCircle_1uje6_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1uje6_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1uje6_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_1uje6_gg_{position:absolute}.___SLabel_1uje6_gg_{z-index:1;color:var(--data-value_1uje6);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1uje6_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1uje6)}.___SClearConfirm_1uje6_gg_.__hidden_1uje6_gg_,.___SConfirmColor_1uje6_gg_.__hidden_1uje6_gg_{display:none}", /*__inner_css_end__*/"1uje6_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SColorPickerPopper": "___SColorPickerPopper_1uje6_gg_",
+  "__SItemContainer": "___SItemContainer_1uje6_gg_",
+  "__SCloseIcon": "___SCloseIcon_1uje6_gg_",
+  "_keyboardFocused": "__keyboardFocused_1uje6_gg_",
+  "_selected": "__selected_1uje6_gg_",
+  "__SColorsContainer": "___SColorsContainer_1uje6_gg_",
+  "__SColors": "___SColors_1uje6_gg_",
+  "__SPaletteManager": "___SPaletteManager_1uje6_gg_",
+  "__SInputContainer": "___SInputContainer_1uje6_gg_",
+  "__SDefaultTrigger": "___SDefaultTrigger_1uje6_gg_",
+  "__STriggerCircle": "___STriggerCircle_1uje6_gg_",
+  "--data-value": "--data-value_1uje6",
+  "__STriggerCircleLine": "___STriggerCircleLine_1uje6_gg_",
+  "__SLine": "___SLine_1uje6_gg_",
+  "__SLabel": "___SLabel_1uje6_gg_",
+  "__SItemColor": "___SItemColor_1uje6_gg_",
+  "__SConfirmColor": "___SConfirmColor_1uje6_gg_",
+  "_hidden": "__hidden_1uje6_gg_",
+  "__SClearConfirm": "___SClearConfirm_1uje6_gg_",
+  "--value": "--value_1uje6",
+  "_displayLabel": "__displayLabel_1uje6_gg_",
+  "_value": "__value_1uje6_gg_",
+  "__SPlusButton": "___SPlusButton_1uje6_gg_"
 });
 var enhance = [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages), (0, _uniqueID["default"])()];
 var PaletteManagerRoot = /*#__PURE__*/function (_Component) {

package/color-picker/lib/cjs/PaletteManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaletteManager.js","names":["_react","_interopRequireDefault","require","_core","_divider","_intergalacticDynamicLocales","_i18nEnhance","_uniqueID","style","_index","sstyled","insert","enhance","i18nEnhance","localizedMessages","uniqueIdEnhance","PaletteManagerRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","focus","value","event","stopPropagation","_this$asProps$colors","asProps","colors","handlers","filter","color","_this$asProps$colors2","includes","_this$refInput$curren","refInput","current","onFocus","setState","_createClass2","key","uncontrolledProps","getColorsProps","editable","onPlusButtonClick","bindHandlerButtonClick","getI18nText","getItemProps","_ref2","uid","onRemove","bindHandlerItemRemove","getInputColorProps","ref","onAdd","bindHandlerItemAdd","state","onBlur","render","_ref","_this$asProps","styles","Children","PaletteManager","CORE_INSTANCE","createElement","Fragment","cn","origin","Colors","InputColor","Component","defaultColors","i18n","locale","_default","exports"],"sources":["../../src/PaletteManager.tsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled, CORE_INSTANCE } from '@semcore/core';\nimport Divider from '@semcore/divider';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/color-picker.shadow.css';\nimport uniqueIdEnhance from '@semcore/utils/lib/uniqueID';\n\ntype RootAsProps = {\n  defaultColors?: string[];\n  colors?: string[];\n  onColorsChange?: (value: string, event: React.ChangeEvent) => void;\n  styles?: React.CSSProperties;\n  Children: React.FC;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype State = { focus: boolean };\n\nconst enhance = [i18nEnhance(localizedMessages), uniqueIdEnhance()] as const;\n\nclass PaletteManagerRoot extends Component<RootAsProps, {}, State, typeof enhance> {\n  static displayName = 'PaletteManager';\n\n  static style = style;\n  static enhance = enhance;\n\n  static defaultProps = {\n    defaultColors: [],\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  refInput = React.createRef<HTMLInputElement>();\n\n  state: State = {\n    focus: false,\n  };\n\n  uncontrolledProps() {\n    return {\n      colors: [],\n    };\n  }\n\n  bindHandlerItemRemove = (value: string) => (event: React.MouseEvent) => {\n    event.stopPropagation();\n    const { colors = [] } = this.asProps;\n    this.handlers.colors(\n      colors.filter((color: string) => color !== value),\n      event,\n    );\n  };\n\n  bindHandlerItemAdd = () => (value: string, event: React.MouseEvent) => {\n    const { colors = [] } = this.asProps;\n    if (!colors.includes(value)) {\n      this.handlers.colors(colors.concat(value), event);\n    }\n  };\n\n  bindHandlerButtonClick = () => () => {\n    this.refInput.current?.focus();\n    this.onFocus();\n  };\n\n  getColorsProps() {\n    const { colors } = this.asProps;\n\n    return {\n      colors,\n      editable: true,\n      onPlusButtonClick: this.bindHandlerButtonClick(),\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  getItemProps({ value }: any) {\n    const { uid } = this.asProps;\n\n    return {\n      uid,\n      editable: true,\n      onRemove: this.bindHandlerItemRemove(value),\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  onFocus = () => this.setState({ focus: true });\n\n  onBlur = () => this.setState({ focus: false });\n\n  getInputColorProps() {\n    return {\n      ref: this.refInput,\n      onAdd: this.bindHandlerItemAdd(),\n      focus: this.state.focus,\n      onFocus: this.onFocus,\n      onBlur: this.onBlur,\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  render(this: any) {\n    const { styles, Children } = this.asProps;\n\n    const PaletteManager = this[CORE_INSTANCE];\n\n    return sstyled(styles)(\n      <>\n        <Divider mt={3} mb={3} />\n        {Children.origin ? (\n          <Children />\n        ) : (\n          <>\n            <PaletteManager.Colors />\n            <PaletteManager.InputColor />\n          </>\n        )}\n      </>,\n    );\n  }\n}\n\nexport default PaletteManagerRoot;\n"],"mappings":"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"}
+{"version":3,"file":"PaletteManager.js","names":["_react","_interopRequireDefault","require","_core","_divider","_intergalacticDynamicLocales","_i18nEnhance","_uniqueID","style","_index","sstyled","insert","enhance","i18nEnhance","localizedMessages","uniqueIdEnhance","PaletteManagerRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","focus","value","event","stopPropagation","_this$asProps$colors","asProps","colors","handlers","filter","color","_this$asProps$colors2","includes","_this$refInput$curren","refInput","current","onFocus","setState","_createClass2","key","uncontrolledProps","getColorsProps","editable","onPlusButtonClick","bindHandlerButtonClick","getI18nText","getItemProps","_ref2","uid","onRemove","bindHandlerItemRemove","getInputColorProps","ref","onAdd","bindHandlerItemAdd","state","onBlur","render","_ref","_this$asProps","styles","Children","PaletteManager","CORE_INSTANCE","createElement","Fragment","cn","origin","Colors","InputColor","Component","defaultColors","i18n","locale","_default","exports"],"sources":["../../src/PaletteManager.tsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled, CORE_INSTANCE } from '@semcore/core';\nimport Divider from '@semcore/divider';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/color-picker.shadow.css';\nimport uniqueIdEnhance from '@semcore/utils/lib/uniqueID';\n\ntype RootAsProps = {\n  defaultColors?: string[];\n  colors?: string[];\n  onColorsChange?: (value: string, event: React.ChangeEvent) => void;\n  styles?: React.CSSProperties;\n  Children: React.FC;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype State = { focus: boolean };\n\nconst enhance = [i18nEnhance(localizedMessages), uniqueIdEnhance()] as const;\n\nclass PaletteManagerRoot extends Component<RootAsProps, {}, State, typeof enhance> {\n  static displayName = 'PaletteManager';\n\n  static style = style;\n  static enhance = enhance;\n\n  static defaultProps = {\n    defaultColors: [],\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  refInput = React.createRef<HTMLInputElement>();\n\n  state: State = {\n    focus: false,\n  };\n\n  uncontrolledProps() {\n    return {\n      colors: [],\n    };\n  }\n\n  bindHandlerItemRemove = (value: string) => (event: React.MouseEvent) => {\n    event.stopPropagation();\n    const { colors = [] } = this.asProps;\n    this.handlers.colors(\n      colors.filter((color: string) => color !== value),\n      event,\n    );\n  };\n\n  bindHandlerItemAdd = () => (value: string, event: React.MouseEvent) => {\n    const { colors = [] } = this.asProps;\n    if (!colors.includes(value)) {\n      this.handlers.colors(colors.concat(value), event);\n    }\n  };\n\n  bindHandlerButtonClick = () => () => {\n    this.refInput.current?.focus();\n    this.onFocus();\n  };\n\n  getColorsProps() {\n    const { colors } = this.asProps;\n\n    return {\n      colors,\n      editable: true,\n      onPlusButtonClick: this.bindHandlerButtonClick(),\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  getItemProps({ value }: any) {\n    const { uid } = this.asProps;\n\n    return {\n      uid,\n      editable: true,\n      onRemove: this.bindHandlerItemRemove(value),\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  onFocus = () => this.setState({ focus: true });\n\n  onBlur = () => this.setState({ focus: false });\n\n  getInputColorProps() {\n    return {\n      ref: this.refInput,\n      onAdd: this.bindHandlerItemAdd(),\n      focus: this.state.focus,\n      onFocus: this.onFocus,\n      onBlur: this.onBlur,\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  render(this: any) {\n    const { styles, Children } = this.asProps;\n\n    const PaletteManager = this[CORE_INSTANCE];\n\n    return sstyled(styles)(\n      <>\n        <Divider mt={3} mb={3} />\n        {Children.origin ? (\n          <Children />\n        ) : (\n          <>\n            <PaletteManager.Colors />\n            <PaletteManager.InputColor />\n          </>\n        )}\n      </>,\n    );\n  }\n}\n\nexport default PaletteManagerRoot;\n"],"mappings":"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"}

package/color-picker/lib/cjs/components/InputColor.js

@@ -20,31 +20,33 @@ var _flexBox = require("intergalactic/flex-box");
 var _input = _interopRequireDefault(require("intergalactic/input"));
 var _m = _interopRequireDefault(require("intergalactic/icon/Check/m"));
 var _m2 = _interopRequireDefault(require("intergalactic/icon/Close/m"));
-/*__reshadow-styles__:"../style/color-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_15lm4_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_15lm4_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_15lm4_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_15lm4_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_15lm4)}@media (hover:hover){.___SItemContainer_15lm4_gg_:hover>.___SCloseIcon_15lm4_gg_{opacity:1}}.___SItemContainer_15lm4_gg_.__keyboardFocused_15lm4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_15lm4_gg_.__selected_15lm4_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_15lm4_gg_.__displayLabel_15lm4_gg_::after{background:var(--value_15lm4);opacity:.15}.___SItemContainer_15lm4_gg_:not(.__value_15lm4_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_15lm4_gg_,.___SColors_15lm4_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_15lm4_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_15lm4_gg_,.___SPaletteManager_15lm4_gg_,.___SPlusButton_15lm4_gg_{display:flex;align-items:center}.___SPlusButton_15lm4_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_15lm4_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_15lm4_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_15lm4_gg_.__keyboardFocused_15lm4_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_15lm4_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_15lm4);border:1px solid transparent}.___STriggerCircle_15lm4_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_15lm4_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_15lm4_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_15lm4_gg_{position:absolute}.___SLabel_15lm4_gg_{z-index:1;color:var(--data-value_15lm4);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_15lm4_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_15lm4)}.___SClearConfirm_15lm4_gg_.__hidden_15lm4_gg_,.___SConfirmColor_15lm4_gg_.__hidden_15lm4_gg_{display:none}" /*__inner_css_end__*/, "15lm4_gg_") /*__reshadow_css_end__*/, {
-  "__SColorPickerPopper": "___SColorPickerPopper_15lm4_gg_",
-  "__SItemContainer": "___SItemContainer_15lm4_gg_",
-  "__SCloseIcon": "___SCloseIcon_15lm4_gg_",
-  "_keyboardFocused": "__keyboardFocused_15lm4_gg_",
-  "_selected": "__selected_15lm4_gg_",
-  "__SColorsContainer": "___SColorsContainer_15lm4_gg_",
-  "__SColors": "___SColors_15lm4_gg_",
-  "__SPaletteManager": "___SPaletteManager_15lm4_gg_",
-  "__SInputContainer": "___SInputContainer_15lm4_gg_",
-  "__SDefaultTrigger": "___SDefaultTrigger_15lm4_gg_",
-  "__STriggerCircle": "___STriggerCircle_15lm4_gg_",
-  "--data-value": "--data-value_15lm4",
-  "__STriggerCircleLine": "___STriggerCircleLine_15lm4_gg_",
-  "__SLine": "___SLine_15lm4_gg_",
-  "__SLabel": "___SLabel_15lm4_gg_",
-  "__SItemColor": "___SItemColor_15lm4_gg_",
-  "__SConfirmColor": "___SConfirmColor_15lm4_gg_",
-  "_hidden": "__hidden_15lm4_gg_",
-  "__SClearConfirm": "___SClearConfirm_15lm4_gg_",
-  "--value": "--value_15lm4",
-  "_displayLabel": "__displayLabel_15lm4_gg_",
-  "_value": "__value_15lm4_gg_",
-  "__SPlusButton": "___SPlusButton_15lm4_gg_"
+/*!__reshadow-styles__:"../style/color-picker.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1uje6_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1uje6_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_1uje6_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1uje6_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_1uje6)}@media (hover:hover){.___SItemContainer_1uje6_gg_:hover>.___SCloseIcon_1uje6_gg_{opacity:1}}.___SItemContainer_1uje6_gg_.__keyboardFocused_1uje6_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1uje6_gg_.__selected_1uje6_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1uje6_gg_.__displayLabel_1uje6_gg_::after{background:var(--value_1uje6);opacity:.15}.___SItemContainer_1uje6_gg_:not(.__value_1uje6_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1uje6_gg_,.___SColors_1uje6_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1uje6_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1uje6_gg_,.___SPaletteManager_1uje6_gg_,.___SPlusButton_1uje6_gg_{display:flex;align-items:center}.___SPlusButton_1uje6_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1uje6_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1uje6_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1uje6_gg_.__keyboardFocused_1uje6_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1uje6_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1uje6);border:1px solid transparent}.___STriggerCircle_1uje6_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1uje6_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1uje6_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_1uje6_gg_{position:absolute}.___SLabel_1uje6_gg_{z-index:1;color:var(--data-value_1uje6);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1uje6_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1uje6)}.___SClearConfirm_1uje6_gg_.__hidden_1uje6_gg_,.___SConfirmColor_1uje6_gg_.__hidden_1uje6_gg_{display:none}", /*__inner_css_end__*/"1uje6_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SColorPickerPopper": "___SColorPickerPopper_1uje6_gg_",
+  "__SItemContainer": "___SItemContainer_1uje6_gg_",
+  "__SCloseIcon": "___SCloseIcon_1uje6_gg_",
+  "_keyboardFocused": "__keyboardFocused_1uje6_gg_",
+  "_selected": "__selected_1uje6_gg_",
+  "__SColorsContainer": "___SColorsContainer_1uje6_gg_",
+  "__SColors": "___SColors_1uje6_gg_",
+  "__SPaletteManager": "___SPaletteManager_1uje6_gg_",
+  "__SInputContainer": "___SInputContainer_1uje6_gg_",
+  "__SDefaultTrigger": "___SDefaultTrigger_1uje6_gg_",
+  "__STriggerCircle": "___STriggerCircle_1uje6_gg_",
+  "--data-value": "--data-value_1uje6",
+  "__STriggerCircleLine": "___STriggerCircleLine_1uje6_gg_",
+  "__SLine": "___SLine_1uje6_gg_",
+  "__SLabel": "___SLabel_1uje6_gg_",
+  "__SItemColor": "___SItemColor_1uje6_gg_",
+  "__SConfirmColor": "___SConfirmColor_1uje6_gg_",
+  "_hidden": "__hidden_1uje6_gg_",
+  "__SClearConfirm": "___SClearConfirm_1uje6_gg_",
+  "--value": "--value_1uje6",
+  "_displayLabel": "__displayLabel_1uje6_gg_",
+  "_value": "__value_1uje6_gg_",
+  "__SPlusButton": "___SPlusButton_1uje6_gg_"
 });
 function isValidHex(hex) {
   if (hex[0] !== '#' && hex.length === 7) return false;

package/color-picker/lib/cjs/components/InputColor.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputColor.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_input","_m","_m2","style","_index","sstyled","insert","isValidHex","hex","length","reg","test","concat","debounce","func","timeout","_this","timer","_len","arguments","args","Array","_key","clearTimeout","setTimeout","apply","InputColorRoot","_Component","_inherits2","_super","_createSuper2","_this2","_classCallCheck2","_len2","_key2","call","_defineProperty2","_assertThisInitialized2","event","_ref3","asProps","value","state","_this2$asProps","_this2$asProps$onAdd","onAdd","toLowerCase","_this2$asProps2","_this2$asProps2$onAdd","handlers","key","preventDefault","handlerAdd","_createClass2","uncontrolledProps","render","_ref","_ref2","_this$asProps","styles","onFocus","onBlur","focus","getI18nText","SPaletteManager","Box","SInputValue","Input","Value","SInput","SInputContainer","SConfirmColor","Addon","SClearConfirm","SItemColor","valueColor","createElement","cn","handlekeyDown","_objectSpread2","assignProps","handlerChange","handlerCancel","Component","defaultValue","defaultState","InputColor","createComponent","exports"],"sources":["../../../src/components/InputColor.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Input from '@semcore/input';\nimport CheckM from '@semcore/icon/Check/m';\nimport CloseM from '@semcore/icon/Close/m';\nimport style from '../style/color-picker.shadow.css';\n\ntype InputColorAsProps = {\n  styles?: React.CSSProperties;\n  defaultValue?: string;\n  defaultState?: string;\n  value?: string;\n  state?: 'normal' | 'valid' | 'invalid';\n  colors?: string[];\n  onAdd?: (value: string, event: React.MouseEvent | React.KeyboardEvent) => void;\n  focus?: boolean;\n  Children: any;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\nfunction isValidHex(hex: string) {\n  if (hex[0] !== '#' && hex.length === 7) return false;\n\n  const reg = /^#([0-9a-f]{3,4}){1,2}$/i;\n  return hex[0] === '#' ? reg.test(hex) : reg.test(`#${hex}`);\n}\n\nfunction debounce(this: any, func: (...args: any[]) => void, timeout: number) {\n  let timer: any;\n  return (...args: any[]) => {\n    clearTimeout(timer);\n    timer = setTimeout(() => {\n      func.apply(this, args);\n    }, timeout);\n  };\n}\n\nclass InputColorRoot extends Component<InputColorAsProps> {\n  static displayName = 'InputColor';\n\n  static style = style;\n\n  static defaultProps = {\n    defaultValue: '',\n    defaultState: 'normal',\n  };\n\n  uncontrolledProps() {\n    return {\n      value: '',\n      state: null,\n    };\n  }\n\n  handlerAdd = (event: React.MouseEvent | React.KeyboardEvent) => {\n    const { value, state } = this.asProps as any;\n\n    if (value.length !== 0 && state === 'normal') {\n      if (value[0] === '#') {\n        this.asProps?.onAdd?.(value.toLowerCase(), event);\n      } else {\n        this.asProps?.onAdd?.(`#${value.toLowerCase()}`, event);\n      }\n      this.handlers.value('', event);\n    }\n  };\n\n  handlerCancel = (event: React.MouseEvent) => {\n    this.handlers.value('', event);\n  };\n\n  handlerChange = debounce((value: string) => {\n    if (value.length !== 0) {\n      if (isValidHex(value)) {\n        this.handlers.state('normal');\n      } else {\n        this.handlers.state('invalid');\n      }\n    } else {\n      this.handlers.state('normal');\n    }\n  }, 300);\n\n  handlekeyDown = (event: React.KeyboardEvent) => {\n    if (event.key === 'Enter') {\n      event.preventDefault();\n      this.handlerAdd(event);\n    }\n  };\n\n  render() {\n    const { styles, state, value, onFocus, onBlur, focus, getI18nText } = this.asProps;\n\n    const SPaletteManager = Box;\n    const SInputValue = Root;\n    const SInput = 'div';\n    const SInputContainer = 'div';\n    const SConfirmColor = Input.Addon;\n    const SClearConfirm = Input.Addon;\n    const SItemColor = Box;\n    const valueColor = value?.[0] === '#' ? value : value ? `#${value}` : null;\n\n    return sstyled(styles)(\n      <SPaletteManager>\n        <SItemColor data-value={valueColor} />\n        <SInputContainer>\n          <span aria-hidden='true'>#</span>\n          <SInput>\n            <Input ml={1} w={135} state={state} onKeyDown={this.handlekeyDown}>\n              <SInputValue\n                render={Input.Value}\n                placeholder='FFFFFF'\n                aria-label={getI18nText('colorField')}\n                onChange={this.handlerChange}\n                maxLength={7}\n                onFocus={onFocus}\n                onBlur={onBlur}\n              />\n              <SConfirmColor\n                aria-hidden='true'\n                aria-label={getI18nText('colorFieldConfirm')}\n                role='button'\n                interactive\n                onClick={this.handlerAdd}\n                pr='4px'\n                hidden={!focus}\n              >\n                <CheckM color='green-300' />\n              </SConfirmColor>\n              <SClearConfirm\n                aria-hidden='true'\n                aria-label={getI18nText('colorFieldClear')}\n                role='button'\n                interactive\n                onClick={this.handlerCancel}\n                pl='4px'\n                hidden={!focus}\n              >\n                <CloseM color='gray-300' />\n              </SClearConfirm>\n            </Input>\n          </SInput>\n        </SInputContainer>\n      </SPaletteManager>,\n    ) as React.ReactElement;\n  }\n}\n\nexport const InputColor = createComponent(InputColorRoot);\n"],"mappings":"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"}
+{"version":3,"file":"InputColor.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_input","_m","_m2","style","_index","sstyled","insert","isValidHex","hex","length","reg","test","concat","debounce","func","timeout","_this","timer","_len","arguments","args","Array","_key","clearTimeout","setTimeout","apply","InputColorRoot","_Component","_inherits2","_super","_createSuper2","_this2","_classCallCheck2","_len2","_key2","call","_defineProperty2","_assertThisInitialized2","event","_ref3","asProps","value","state","_this2$asProps","_this2$asProps$onAdd","onAdd","toLowerCase","_this2$asProps2","_this2$asProps2$onAdd","handlers","key","preventDefault","handlerAdd","_createClass2","uncontrolledProps","render","_ref","_ref2","_this$asProps","styles","onFocus","onBlur","focus","getI18nText","SPaletteManager","Box","SInputValue","Input","Value","SInput","SInputContainer","SConfirmColor","Addon","SClearConfirm","SItemColor","valueColor","createElement","cn","handlekeyDown","_objectSpread2","assignProps","handlerChange","handlerCancel","Component","defaultValue","defaultState","InputColor","createComponent","exports"],"sources":["../../../src/components/InputColor.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Input from '@semcore/input';\nimport CheckM from '@semcore/icon/Check/m';\nimport CloseM from '@semcore/icon/Close/m';\nimport style from '../style/color-picker.shadow.css';\n\ntype InputColorAsProps = {\n  styles?: React.CSSProperties;\n  defaultValue?: string;\n  defaultState?: string;\n  value?: string;\n  state?: 'normal' | 'valid' | 'invalid';\n  colors?: string[];\n  onAdd?: (value: string, event: React.MouseEvent | React.KeyboardEvent) => void;\n  focus?: boolean;\n  Children: any;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\nfunction isValidHex(hex: string) {\n  if (hex[0] !== '#' && hex.length === 7) return false;\n\n  const reg = /^#([0-9a-f]{3,4}){1,2}$/i;\n  return hex[0] === '#' ? reg.test(hex) : reg.test(`#${hex}`);\n}\n\nfunction debounce(this: any, func: (...args: any[]) => void, timeout: number) {\n  let timer: any;\n  return (...args: any[]) => {\n    clearTimeout(timer);\n    timer = setTimeout(() => {\n      func.apply(this, args);\n    }, timeout);\n  };\n}\n\nclass InputColorRoot extends Component<InputColorAsProps> {\n  static displayName = 'InputColor';\n\n  static style = style;\n\n  static defaultProps = {\n    defaultValue: '',\n    defaultState: 'normal',\n  };\n\n  uncontrolledProps() {\n    return {\n      value: '',\n      state: null,\n    };\n  }\n\n  handlerAdd = (event: React.MouseEvent | React.KeyboardEvent) => {\n    const { value, state } = this.asProps as any;\n\n    if (value.length !== 0 && state === 'normal') {\n      if (value[0] === '#') {\n        this.asProps?.onAdd?.(value.toLowerCase(), event);\n      } else {\n        this.asProps?.onAdd?.(`#${value.toLowerCase()}`, event);\n      }\n      this.handlers.value('', event);\n    }\n  };\n\n  handlerCancel = (event: React.MouseEvent) => {\n    this.handlers.value('', event);\n  };\n\n  handlerChange = debounce((value: string) => {\n    if (value.length !== 0) {\n      if (isValidHex(value)) {\n        this.handlers.state('normal');\n      } else {\n        this.handlers.state('invalid');\n      }\n    } else {\n      this.handlers.state('normal');\n    }\n  }, 300);\n\n  handlekeyDown = (event: React.KeyboardEvent) => {\n    if (event.key === 'Enter') {\n      event.preventDefault();\n      this.handlerAdd(event);\n    }\n  };\n\n  render() {\n    const { styles, state, value, onFocus, onBlur, focus, getI18nText } = this.asProps;\n\n    const SPaletteManager = Box;\n    const SInputValue = Root;\n    const SInput = 'div';\n    const SInputContainer = 'div';\n    const SConfirmColor = Input.Addon;\n    const SClearConfirm = Input.Addon;\n    const SItemColor = Box;\n    const valueColor = value?.[0] === '#' ? value : value ? `#${value}` : null;\n\n    return sstyled(styles)(\n      <SPaletteManager>\n        <SItemColor data-value={valueColor} />\n        <SInputContainer>\n          <span aria-hidden='true'>#</span>\n          <SInput>\n            <Input ml={1} w={135} state={state} onKeyDown={this.handlekeyDown}>\n              <SInputValue\n                render={Input.Value}\n                placeholder='FFFFFF'\n                aria-label={getI18nText('colorField')}\n                onChange={this.handlerChange}\n                maxLength={7}\n                onFocus={onFocus}\n                onBlur={onBlur}\n              />\n              <SConfirmColor\n                aria-hidden='true'\n                aria-label={getI18nText('colorFieldConfirm')}\n                role='button'\n                interactive\n                onClick={this.handlerAdd}\n                pr='4px'\n                hidden={!focus}\n              >\n                <CheckM color='green-300' />\n              </SConfirmColor>\n              <SClearConfirm\n                aria-hidden='true'\n                aria-label={getI18nText('colorFieldClear')}\n                role='button'\n                interactive\n                onClick={this.handlerCancel}\n                pl='4px'\n                hidden={!focus}\n              >\n                <CloseM color='gray-300' />\n              </SClearConfirm>\n            </Input>\n          </SInput>\n        </SInputContainer>\n      </SPaletteManager>,\n    ) as React.ReactElement;\n  }\n}\n\nexport const InputColor = createComponent(InputColorRoot);\n"],"mappings":";;;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,EAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,GAAA,GAAAJ,sBAAA,CAAAF,OAAA;AAA2C;AAAA,IAAAO,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAgB3C,SAASC,UAAUA,CAACC,GAAW,EAAE;EAC/B,IAAIA,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,IAAIA,GAAG,CAACC,MAAM,KAAK,CAAC,EAAE,OAAO,KAAK;EAEpD,IAAMC,GAAG,GAAG,0BAA0B;EACtC,OAAOF,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,GAAGE,GAAG,CAACC,IAAI,CAACH,GAAG,CAAC,GAAGE,GAAG,CAACC,IAAI,KAAAC,MAAA,CAAKJ,GAAG,EAAG;AAC7D;AAEA,SAASK,QAAQA,CAAYC,IAA8B,EAAEC,OAAe,EAAE;EAAA,IAAAC,KAAA;EAC5E,IAAIC,KAAU;EACd,OAAO,YAAoB;IAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAV,MAAA,EAAhBW,IAAI,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;MAAJF,IAAI,CAAAE,IAAA,IAAAH,SAAA,CAAAG,IAAA;IAAA;IACbC,YAAY,CAACN,KAAK,CAAC;IACnBA,KAAK,GAAGO,UAAU,CAAC,YAAM;MACvBV,IAAI,CAACW,KAAK,CAACT,KAAI,EAAEI,IAAI,CAAC;IACxB,CAAC,EAAEL,OAAO,CAAC;EACb,CAAC;AACH;AAAC,IAEKW,cAAc,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,cAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,cAAA;EAAA,SAAAA,eAAA;IAAA,IAAAK,MAAA;IAAA,IAAAC,gBAAA,mBAAAN,cAAA;IAAA,SAAAO,KAAA,GAAAd,SAAA,CAAAV,MAAA,EAAAW,IAAA,OAAAC,KAAA,CAAAY,KAAA,GAAAC,KAAA,MAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA;MAAAd,IAAA,CAAAc,KAAA,IAAAf,SAAA,CAAAe,KAAA;IAAA;IAAAH,MAAA,GAAAF,MAAA,CAAAM,IAAA,CAAAV,KAAA,CAAAI,MAAA,SAAAjB,MAAA,CAAAQ,IAAA;IAAA,IAAAgB,gBAAA,iBAAAC,uBAAA,aAAAN,MAAA,iBAiBL,UAACO,KAA6C,EAAK;MAC9D,IAAAC,KAAA,GAAyBR,MAAA,CAAKS,OAAO;QAA7BC,KAAK,GAAAF,KAAA,CAALE,KAAK;QAAEC,KAAK,GAAAH,KAAA,CAALG,KAAK;MAEpB,IAAID,KAAK,CAAChC,MAAM,KAAK,CAAC,IAAIiC,KAAK,KAAK,QAAQ,EAAE;QAC5C,IAAID,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE;UAAA,IAAAE,cAAA,EAAAC,oBAAA;UACpB,CAAAD,cAAA,GAAAZ,MAAA,CAAKS,OAAO,cAAAG,cAAA,wBAAAC,oBAAA,GAAZD,cAAA,CAAcE,KAAK,cAAAD,oBAAA,uBAAnBA,oBAAA,CAAAT,IAAA,CAAAQ,cAAA,EAAsBF,KAAK,CAACK,WAAW,EAAE,EAAER,KAAK,CAAC;QACnD,CAAC,MAAM;UAAA,IAAAS,eAAA,EAAAC,qBAAA;UACL,CAAAD,eAAA,GAAAhB,MAAA,CAAKS,OAAO,cAAAO,eAAA,wBAAAC,qBAAA,GAAZD,eAAA,CAAcF,KAAK,cAAAG,qBAAA,uBAAnBA,qBAAA,CAAAb,IAAA,CAAAY,eAAA,MAAAnC,MAAA,CAA0B6B,KAAK,CAACK,WAAW,EAAE,GAAIR,KAAK,CAAC;QACzD;QACAP,MAAA,CAAKkB,QAAQ,CAACR,KAAK,CAAC,EAAE,EAAEH,KAAK,CAAC;MAChC;IACF,CAAC;IAAA,IAAAF,gBAAA,iBAAAC,uBAAA,aAAAN,MAAA,oBAEe,UAACO,KAAuB,EAAK;MAC3CP,MAAA,CAAKkB,QAAQ,CAACR,KAAK,CAAC,EAAE,EAAEH,KAAK,CAAC;IAChC,CAAC;IAAA,IAAAF,gBAAA,iBAAAC,uBAAA,aAAAN,MAAA,oBAEelB,QAAQ,CAAC,UAAC4B,KAAa,EAAK;MAC1C,IAAIA,KAAK,CAAChC,MAAM,KAAK,CAAC,EAAE;QACtB,IAAIF,UAAU,CAACkC,KAAK,CAAC,EAAE;UACrBV,MAAA,CAAKkB,QAAQ,CAACP,KAAK,CAAC,QAAQ,CAAC;QAC/B,CAAC,MAAM;UACLX,MAAA,CAAKkB,QAAQ,CAACP,KAAK,CAAC,SAAS,CAAC;QAChC;MACF,CAAC,MAAM;QACLX,MAAA,CAAKkB,QAAQ,CAACP,KAAK,CAAC,QAAQ,CAAC;MAC/B;IACF,CAAC,EAAE,GAAG,CAAC;IAAA,IAAAN,gBAAA,iBAAAC,uBAAA,aAAAN,MAAA,oBAES,UAACO,KAA0B,EAAK;MAC9C,IAAIA,KAAK,CAACY,GAAG,KAAK,OAAO,EAAE;QACzBZ,KAAK,CAACa,cAAc,EAAE;QACtBpB,MAAA,CAAKqB,UAAU,CAACd,KAAK,CAAC;MACxB;IACF,CAAC;IAAA,OAAAP,MAAA;EAAA;EAAA,IAAAsB,aAAA,aAAA3B,cAAA;IAAAwB,GAAA;IAAAT,KAAA,EAzCD,SAAAa,kBAAA,EAAoB;MAClB,OAAO;QACLb,KAAK,EAAE,EAAE;QACTC,KAAK,EAAE;MACT,CAAC;IACH;EAAC;IAAAQ,GAAA;IAAAT,KAAA,EAsCD,SAAAc,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAhB,OAAA;QAAAiB,KAAA;MACP,IAAAC,aAAA,GAAsE,IAAI,CAAClB,OAAO;QAA1EmB,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAEjB,KAAK,GAAAgB,aAAA,CAALhB,KAAK;QAAED,KAAK,GAAAiB,aAAA,CAALjB,KAAK;QAAEmB,OAAO,GAAAF,aAAA,CAAPE,OAAO;QAAEC,MAAM,GAAAH,aAAA,CAANG,MAAM;QAAEC,KAAK,GAAAJ,aAAA,CAALI,KAAK;QAAEC,WAAW,GAAAL,aAAA,CAAXK,WAAW;MAEjE,IAAMC,eAAe,GAAGC,YAAG;MAC3B,IAAMC,WAAW,GAgBGC,iBAAK,CAACC,KAAK;MAf/B,IAAMC,MAAM,GAAG,KAAK;MACpB,IAAMC,eAAe,GAAG,KAAK;MAC7B,IAAMC,aAAa,GAAGJ,iBAAK,CAACK,KAAK;MACjC,IAAMC,aAAa,GAAGN,iBAAK,CAACK,KAAK;MACjC,IAAME,UAAU,GAAGT,YAAG;MACtB,IAAMU,UAAU,GAAG,CAAAlC,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,CAAC,CAAC,MAAK,GAAG,GAAGA,KAAK,GAAGA,KAAK,OAAA7B,MAAA,CAAO6B,KAAK,IAAK,IAAI;MAE1E,OAAAgB,KAAA,GAAO,IAAApD,aAAO,EAACsD,MAAM,CAAC,eACpB9D,MAAA,YAAA+E,aAAA,CAACZ,eAAe,EAAAP,KAAA,CAAAoB,EAAA,sCACdhF,MAAA,YAAA+E,aAAA,CAACF,UAAU,EAAAjB,KAAA,CAAAoB,EAAA;QAAA,cAAaF;MAAU,GAAI,eACtC9E,MAAA,YAAA+E,aAAA,CAACN,eAAe,EAAAb,KAAA,CAAAoB,EAAA,sCACdhF,MAAA,YAAA+E,aAAA,SAAAnB,KAAA,CAAAoB,EAAA;QAAA,eAAkB;MAAM,IAAC,GAAC,CAAO,eACjChF,MAAA,YAAA+E,aAAA,CAACP,MAAM,EAAAZ,KAAA,CAAAoB,EAAA,6BACLhF,MAAA,YAAA+E,aAAA,CAAC5E,MAAA,WAAK,EAAAyD,KAAA,CAAAoB,EAAA;QAAA,MAAK,CAAC;QAAA,KAAK,GAAG;QAAA,SAASnC,KAAK;QAAA,aAAa,IAAI,CAACoC;MAAa,iBAC/DjF,MAAA,YAAA+E,aAAA,CAACV,WAAW,EAAAT,KAAA,CAAAoB,EAAA,oBAAAE,cAAA,qBAAArF,KAAA,CAAAsF,WAAA;QAAA,eAEE,QAAQ;QAAA,cACRjB,WAAW,CAAC,YAAY,CAAC;QAAA,YAC3B,IAAI,CAACkB,aAAa;QAAA,aACjB,CAAC;QAAA,WACHrB,OAAO;QAAA,UACRC;MAAM,GAAAL,IAAA,IACd,eACF3D,MAAA,YAAA+E,aAAA,CAACL,aAAa,EAAAd,KAAA,CAAAoB,EAAA;QAAA,eACA,MAAM;QAAA,cACNd,WAAW,CAAC,mBAAmB,CAAC;QAAA,QACvC,QAAQ;QAAA;QAAA,WAEJ,IAAI,CAACX,UAAU;QAAA,MACrB,KAAK;QAAA,UACA,CAACU;MAAK,iBAEdjE,MAAA,YAAA+E,aAAA,CAAC3E,EAAA,WAAM,EAAAwD,KAAA,CAAAoB,EAAA;QAAA,SAAO;MAAW,GAAG,CACd,eAChBhF,MAAA,YAAA+E,aAAA,CAACH,aAAa,EAAAhB,KAAA,CAAAoB,EAAA;QAAA,eACA,MAAM;QAAA,cACNd,WAAW,CAAC,iBAAiB,CAAC;QAAA,QACrC,QAAQ;QAAA;QAAA,WAEJ,IAAI,CAACmB,aAAa;QAAA,MACxB,KAAK;QAAA,UACA,CAACpB;MAAK,iBAEdjE,MAAA,YAAA+E,aAAA,CAAC1E,GAAA,WAAM,EAAAuD,KAAA,CAAAoB,EAAA;QAAA,SAAO;MAAU,GAAG,CACb,CACV,CACD,CACO,CACF;IAEtB;EAAC;EAAA,OAAAnD,cAAA;AAAA,EA5G0ByD,eAAS;AAAA,IAAA/C,gBAAA,aAAhCV,cAAc,iBACG,YAAY;AAAA,IAAAU,gBAAA,aAD7BV,cAAc,WAGHvB,KAAK;AAAA,IAAAiC,gBAAA,aAHhBV,cAAc,kBAKI;EACpB0D,YAAY,EAAE,EAAE;EAChBC,YAAY,EAAE;AAChB,CAAC;AAuGI,IAAMC,UAAU,GAAG,IAAAC,gBAAe,EAAC7D,cAAc,CAAC;AAAC8D,OAAA,CAAAF,UAAA,GAAAA,UAAA"}