npm - @semcore/side-panel - Versions diffs - 3.55.2-prerelease.0 → 3.56.0-prerelease.0 - Mend

@semcore/side-panel 3.55.2-prerelease.0 → 3.56.0-prerelease.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (21) hide show

package/CHANGELOG.md +6 -0
package/lib/cjs/SidePanel.js +88 -96
package/lib/cjs/SidePanel.js.map +1 -1
package/lib/cjs/index.d.js.map +1 -1
package/lib/cjs/index.js +1 -1
package/lib/cjs/index.js.map +1 -1
package/lib/cjs/style/side-panel.shadow.css +10 -23
package/lib/cjs/translations/__intergalactic-dynamic-locales.js +4 -5
package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
package/lib/es6/SidePanel.js +80 -86
package/lib/es6/SidePanel.js.map +1 -1
package/lib/es6/index.d.js.map +1 -1
package/lib/es6/index.js.map +1 -1
package/lib/es6/style/side-panel.shadow.css +10 -23
package/lib/es6/translations/__intergalactic-dynamic-locales.js +2 -2
package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
package/lib/esm/SidePanel.mjs +77 -84
package/lib/esm/style/side-panel.shadow.css +10 -23
package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +2 -2
package/lib/types/index.d.ts +6 -17
package/package.json +10 -10

package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pt","_tr","_vi","_zh","~~_pl~~","~~_sv~~","~~localizedMessages","~~de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv"~~,"exports"~~],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\nimport pl from './pl.json';\nimport sv from './sv.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n nl,\n pt,\n tr,\n vi,\n zh,\n pl,\n sv,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AAEO,IAAMc,iBAAiB,GAAG;EAC/BC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA;AACF,CAAC~~;AAACC~~,~~OAAA,CAAAf,iBAAA,GAAAA,iBAAA~~"}
1	+ {"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pl","_pt","_sv","_tr","_vi","_zh","localizedMessages","exports","de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n nl,\n pt,\n tr,\n vi,\n zh,\n pl,\n sv,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AAEO,IAAMc,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA,cAAE;EACFC,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}

package/lib/es6/SidePanel.js CHANGED Viewed

@@ -1,11 +1,10 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _callSuper from "@babel/runtime/helpers/callSuper";
 import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
+import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps9 } from "@semcore/core";
 import { assignProps as _assignProps8 } from "@semcore/core";
 import { assignProps as _assignProps7 } from "@semcore/core";
@@ -15,73 +14,66 @@ import { assignProps as _assignProps4 } from "@semcore/core";
 import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
-import React from 'react';
-import createComponent, { Component, Root, sstyled } from '@semcore/core';
-import { Flex, Box } from '@semcore/flex-box';
-import { FadeInOut, Slide } from '@semcore/animation';
-import Portal, { PortalProvider } from '@semcore/portal';
-import OutsideClick from '@semcore/outside-click';
+import { FadeInOut, Slide, Flex, Box, OutsideClick, PortalProvider, Portal } from '@semcore/base-components';
+import Button, { ButtonLink } from '@semcore/button';
+import { createComponent, Component, Root, sstyled } from '@semcore/core';
+import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
+import { isAdvanceMode as _isAdvanceMode } from '@semcore/core/lib/utils/findComponent';
+import fire from '@semcore/core/lib/utils/fire';
+import logger from '@semcore/core/lib/utils/logger';
+import { useContextTheme } from '@semcore/core/lib/utils/ThemeProvider';
+import { useFocusLock } from '@semcore/core/lib/utils/use/useFocusLock';
+import usePreventScroll from '@semcore/core/lib/utils/use/usePreventScroll';
+import { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';
+import { ZIndexStackingContextProvider, useZIndexStacking } from '@semcore/core/lib/utils/zIndexStacking';
+import ArrowLeft from '@semcore/icon/ArrowLeft/m';
 import CloseIcon from '@semcore/icon/Close/l';
-import fire from '@semcore/utils/lib/fire';
-import { isAdvanceMode as _isAdvanceMode } from '@semcore/utils/lib/findComponent';
-import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
-import usePreventScroll from '@semcore/utils/lib/use/usePreventScroll';
 import { Text } from '@semcore/typography';
-import ArrowLeft from '@semcore/icon/ArrowLeft/m';
-import Button, { ButtonLink } from '@semcore/button';
-import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
-import { useFocusLock } from '@semcore/utils/lib/use/useFocusLock';
-import { useContextTheme } from '@semcore/utils/lib/ThemeProvider';
-import logger from '@semcore/utils/lib/logger';
-import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
-import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
-import { ZIndexStackingContextProvider, useZIndexStacking } from '@semcore/utils/lib/zIndexStacking';
+import React from 'react';
 /*!__reshadow-styles__:"./style/side-panel.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SOverlay_e4xi0_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;overflow:hidden;background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));-webkit-overflow-scrolling:touch;color:var(--intergalactic-text-primary, #191b23)}.___SPanel_e4xi0_gg_{display:flex;flex-direction:column;width:260px;outline:0;font-family:inherit;position:fixed;box-sizing:border-box;will-change:transform;background:var(--intergalactic-bg-primary-neutral, #ffffff);z-index:1}.___SPanel_e4xi0_gg_._placement_right_e4xi0_gg_,.___SPanel_e4xi0_gg_._placement_top_e4xi0_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_e4xi0_gg_._placement_top_e4xi0_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_e4xi0_gg_._placement_right_e4xi0_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_e4xi0_gg_._placement_bottom_e4xi0_gg_,.___SPanel_e4xi0_gg_._placement_left_e4xi0_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_e4xi0_gg_._placement_bottom_e4xi0_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_e4xi0_gg_._placement_left_e4xi0_gg_{height:100vh;margin-right:auto;top:0}.___SClose_e4xi0_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_e4xi0_gg_ .___SAddon_e4xi0_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_e4xi0_gg_{max-width:100%}.___SBack_e4xi0_gg_ .___SInner_e4xi0_gg_{display:flex}.___SBack_e4xi0_gg_ .___SBackText_e4xi0_gg_,.___STitle_e4xi0_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_e4xi0_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SHeader_e4xi0_gg_{padding-left:var(--intergalactic-spacing-6x, 24px);margin-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-4x, 16px));margin-top:var(--intergalactic-spacing-1x, 4px);min-height:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-3x, 12px));box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_e4xi0_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_e4xi0_gg_{height:100%;overflow:auto;padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-6x, 24px);padding-top:var(--intergalactic-spacing-4x, 16px)}", /*__inner_css_end__*/"e4xi0_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SOverlay_13n1l_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;overflow:hidden;background:var(--intergalactic-overlay-primary, rgba(0, 6, 3, 0.337));-webkit-overflow-scrolling:touch;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SOverlay_13n1l_gg_{background:var(--intergalactic-overlay-primary, rgba(0, 6, 3, 0.337))}@media (color-gamut:p3){.___SOverlay_13n1l_gg_{background:var(--intergalactic-overlay-primary, color(display-p3 0.00414 0.0233 0.01269 / 0.337))}}}.___SPanel_13n1l_gg_{display:flex;flex-direction:column;width:260px;outline:0;font-family:inherit;position:fixed;box-sizing:border-box;will-change:transform;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));z-index:1}.___SPanel_13n1l_gg_._placement_top_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07));width:100%;margin-bottom:auto;top:0;left:0}@supports (color:color(display-p3 0 0 0%)){.___SPanel_13n1l_gg_._placement_top_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_13n1l_gg_._placement_top_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_13n1l_gg_._placement_right_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07));height:100vh;margin-left:auto;top:0;right:0}@supports (color:color(display-p3 0 0 0%)){.___SPanel_13n1l_gg_._placement_right_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_13n1l_gg_._placement_right_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_13n1l_gg_._placement_bottom_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07));width:100%;margin-top:auto;bottom:0;left:0}@supports (color:color(display-p3 0 0 0%)){.___SPanel_13n1l_gg_._placement_bottom_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_13n1l_gg_._placement_bottom_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SPanel_13n1l_gg_._placement_left_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07));height:100vh;margin-right:auto;top:0;left:0}@supports (color:color(display-p3 0 0 0%)){.___SPanel_13n1l_gg_._placement_left_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SPanel_13n1l_gg_._placement_left_13n1l_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SClose_13n1l_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_13n1l_gg_ .___SAddon_13n1l_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_13n1l_gg_{max-width:100%}.___SBack_13n1l_gg_ .___SBackText_13n1l_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SHeader_13n1l_gg_{padding-left:var(--intergalactic-spacing-6x, 24px);margin-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-4x, 16px));margin-top:var(--intergalactic-spacing-1x, 4px);min-height:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-3x, 12px));box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));box-sizing:border-box;flex-shrink:0}@supports (color:color(display-p3 0 0 0%)){.___SHeader_13n1l_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SHeader_13n1l_gg_{box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_13n1l_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));box-sizing:border-box}@supports (color:color(display-p3 0 0 0%)){.___SFooter_13n1l_gg_{box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_13n1l_gg_{box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBody_13n1l_gg_{height:100%;overflow:auto;padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-6x, 24px);padding-top:var(--intergalactic-spacing-4x, 16px)}", /*__inner_css_end__*/"13n1l_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SOverlay": "___SOverlay_e4xi0_gg_",
-  "__SPanel": "___SPanel_e4xi0_gg_",
-  "_placement_top": "_placement_top_e4xi0_gg_",
-  "_placement_right": "_placement_right_e4xi0_gg_",
-  "_placement_bottom": "_placement_bottom_e4xi0_gg_",
-  "_placement_left": "_placement_left_e4xi0_gg_",
-  "__STitle": "___STitle_e4xi0_gg_",
-  "__SHeader": "___SHeader_e4xi0_gg_",
-  "__SFooter": "___SFooter_e4xi0_gg_",
-  "__SBody": "___SBody_e4xi0_gg_",
-  "__SClose": "___SClose_e4xi0_gg_",
-  "__SAddon": "___SAddon_e4xi0_gg_",
-  "__SBack": "___SBack_e4xi0_gg_",
-  "__SInner": "___SInner_e4xi0_gg_",
-  "__SBackText": "___SBackText_e4xi0_gg_"
+  "__SOverlay": "___SOverlay_13n1l_gg_",
+  "__SPanel": "___SPanel_13n1l_gg_",
+  "_placement_top": "_placement_top_13n1l_gg_",
+  "_placement_right": "_placement_right_13n1l_gg_",
+  "_placement_bottom": "_placement_bottom_13n1l_gg_",
+  "_placement_left": "_placement_left_13n1l_gg_",
+  "__SHeader": "___SHeader_13n1l_gg_",
+  "__SFooter": "___SFooter_13n1l_gg_",
+  "__SBody": "___SBody_13n1l_gg_",
+  "__SClose": "___SClose_13n1l_gg_",
+  "__SAddon": "___SAddon_13n1l_gg_",
+  "__SBack": "___SBack_13n1l_gg_",
+  "__SBackText": "___SBackText_13n1l_gg_"
 });
+import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 var RootSidePanel = /*#__PURE__*/function (_Component) {
-  _inherits(RootSidePanel, _Component);
-  var _super = _createSuper(RootSidePanel);
   function RootSidePanel() {
     var _this;
     _classCallCheck(this, RootSidePanel);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "sidebarRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "handleSidebarKeyDown", function (e) {
+    _this = _callSuper(this, RootSidePanel, [].concat(args));
+    _defineProperty(_this, "sidebarRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_this, "handleSidebarKeyDown", function (e) {
       if (e.key === 'Escape') {
         e.stopPropagation();
-        fire(_assertThisInitialized(_this), 'onClose', 'onEscape', e);
+        fire(_this, 'onClose', 'onEscape', e);
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleIconCloseClick", function (e) {
-      fire(_assertThisInitialized(_this), 'onClose', 'onCloseClick', e);
+    _defineProperty(_this, "handleIconCloseClick", function (e) {
+      fire(_this, 'onClose', 'onCloseClick', e);
     });
-    _defineProperty(_assertThisInitialized(_this), "handleOutsideClick", function (e) {
-      fire(_assertThisInitialized(_this), 'onClose', 'onOutsideClick', e);
+    _defineProperty(_this, "handleOutsideClick", function (e) {
+      fire(_this, 'onClose', 'onOutsideClick', e);
     });
     return _this;
   }
-  _createClass(RootSidePanel, [{
+  _inherits(RootSidePanel, _Component);
+  return _createClass(RootSidePanel, [{
     key: "isAdvanceMode",
     value: function isAdvanceMode() {
       return _isAdvanceMode(this.asProps.Children, [SidePanel.Overlay.displayName, SidePanel.Panel.displayName]);
@@ -121,10 +113,10 @@ var RootSidePanel = /*#__PURE__*/function (_Component) {
         visible: visible,
         placement: placement,
         closable: closable,
-        duration: duration + duration / 2,
-        disableEnforceFocus: !this.isUsedOverlay(),
-        onOutsideClick: this.handleOutsideClick,
-        onKeyDown: this.handleSidebarKeyDown,
+        'duration': duration + duration / 2,
+        'disableEnforceFocus': !this.isUsedOverlay(),
+        'onOutsideClick': this.handleOutsideClick,
+        'onKeyDown': this.handleSidebarKeyDown,
         animationsDisabled: animationsDisabled,
         'aria-label': ariaLabel,
         'aria-labelledby': ariaLabelledBy
@@ -152,7 +144,6 @@ var RootSidePanel = /*#__PURE__*/function (_Component) {
       }, this.isAdvanceMode() ? /*#__PURE__*/React.createElement(Children, null) : /*#__PURE__*/React.createElement(SidePanel.Overlay, null, /*#__PURE__*/React.createElement(SidePanel.Panel, _assignProps({}, _ref))));
     }
   }]);
-  return RootSidePanel;
 }(Component);
 _defineProperty(RootSidePanel, "displayName", 'SidePanel');
 _defineProperty(RootSidePanel, "style", style);
@@ -169,20 +160,20 @@ _defineProperty(RootSidePanel, "defaultProps", {
 });
 function Overlay(props) {
   var _ref2 = arguments[0],
-    _ref10;
+    _ref0;
   var SOverlay = FadeInOut;
   var overlayRef = React.useRef(null);
   usePreventScroll(props.visible, props.disablePreventScroll);
   useContextTheme(overlayRef, props.visible);
   var zIndex = useZIndexStacking('z-index-modal');
-  return _ref10 = sstyled(props.styles), /*#__PURE__*/React.createElement(SOverlay, _ref10.cn("SOverlay", _objectSpread({}, _assignProps2({
+  return _ref0 = sstyled(props.styles), /*#__PURE__*/React.createElement(SOverlay, _ref0.cn("SOverlay", _objectSpread({}, _assignProps2({
     "ref": overlayRef,
     "zIndex": zIndex
   }, _ref2))));
 }
 function Panel(props) {
   var _ref3 = arguments[0],
-    _ref11;
+    _ref1;
   var SPanel = Slide;
   var Children = props.Children,
     styles = props.styles,
@@ -195,87 +186,90 @@ function Panel(props) {
   var sidebarRef = React.useRef(null);
   useFocusLock(sidebarRef, true, 'auto', !visible, true);
   var hasLabel = Boolean(props['aria-label'] || props['aria-labelledby']);
-  logger.warn(!hasLabel, "'aria-label' or 'aria-labelledby' are required for SidePanel component", props['data-ui-name'] || Panel.displayName);
-  return _ref11 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, visible && /*#__PURE__*/React.createElement(OutsideClick, _ref11.cn("OutsideClick", {
+  logger.warn(!hasLabel, '\'aria-label\' or \'aria-labelledby\' are required for SidePanel component', props['data-ui-name'] || Panel.displayName);
+  return _ref1 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, visible && /*#__PURE__*/React.createElement(OutsideClick, _ref1.cn("OutsideClick", {
     "onOutsideClick": onOutsideClick,
     "excludeRefs": [sidebarRef]
-  })), /*#__PURE__*/React.createElement(SPanel, _ref11.cn("SPanel", _objectSpread({}, _assignProps3({
+  })), /*#__PURE__*/React.createElement(SPanel, _ref1.cn("SPanel", _objectSpread({}, _assignProps3({
     "visible": visible,
     "initialAnimation": true,
     "slideOrigin": placement,
     "ref": sidebarRef,
     "role": 'dialog',
     "aria-modal": 'true'
-  }, _ref3))), /*#__PURE__*/React.createElement(ZIndexStackingContextProvider, _ref11.cn("ZIndexStackingContextProvider", {
+  }, _ref3))), /*#__PURE__*/React.createElement(ZIndexStackingContextProvider, _ref1.cn("ZIndexStackingContextProvider", {
     "designToken": 'z-index-modal'
-  }), /*#__PURE__*/React.createElement(PortalProvider, _ref11.cn("PortalProvider", {
+  }), /*#__PURE__*/React.createElement(PortalProvider, _ref1.cn("PortalProvider", {
     "value": sidebarRef
-  }), closable && /*#__PURE__*/React.createElement(SidePanel.Close, null), advancedMode ? /*#__PURE__*/React.createElement(Children, _ref11.cn("Children", {})) : /*#__PURE__*/React.createElement(SidePanel.Body, null, /*#__PURE__*/React.createElement(Children, _ref11.cn("Children", {})))))));
+  }), closable && /*#__PURE__*/React.createElement(SidePanel.Close, null), advancedMode ? /*#__PURE__*/React.createElement(Children, _ref1.cn("Children", {})) : /*#__PURE__*/React.createElement(SidePanel.Body, null, /*#__PURE__*/React.createElement(Children, _ref1.cn("Children", {})))))));
 }
 function Footer(props) {
   var _ref4 = arguments[0],
-    _ref12;
+    _ref10;
   var SFooter = Flex;
-  return _ref12 = sstyled(props.styles), /*#__PURE__*/React.createElement(SFooter, _ref12.cn("SFooter", _objectSpread({}, _assignProps4({
+  return _ref10 = sstyled(props.styles), /*#__PURE__*/React.createElement(SFooter, _ref10.cn("SFooter", _objectSpread({}, _assignProps4({
     "tag": 'footer'
   }, _ref4))));
 }
-function Close(_ref18) {
+function Close(_ref16) {
   var _ref5 = arguments[0],
-    _ref13;
-  var styles = _ref18.styles,
-    hasChildren = _ref18.children,
-    Children = _ref18.Children,
-    getI18nText = _ref18.getI18nText;
+    _ref11;
+  var styles = _ref16.styles,
+    hasChildren = _ref16.children,
+    Children = _ref16.Children,
+    getI18nText = _ref16.getI18nText;
   var SClose = Button;
-  return _ref13 = sstyled(styles), /*#__PURE__*/React.createElement(SClose, _ref13.cn("SClose", _objectSpread({}, _assignProps5({
+  return _ref11 = sstyled(styles), /*#__PURE__*/React.createElement(SClose, _ref11.cn("SClose", _objectSpread({}, _assignProps5({
     "aria-label": getI18nText('close'),
     "use": 'tertiary',
     "theme": 'muted',
     "size": 'l',
-    "addonLeft": hasChildren ? undefined : CloseIcon
-  }, _ref5))), hasChildren ? /*#__PURE__*/React.createElement(Children, _ref13.cn("Children", {})) : undefined);
+    "addonLeft": hasChildren ? undefined : CloseIcon,
+    "data-hide-focus-hover-popper": 'true'
+  }, _ref5))), hasChildren ? /*#__PURE__*/React.createElement(Children, _ref11.cn("Children", {})) : undefined);
 }
-Close.enhance = [keyboardFocusEnhance()];
 function Title(props) {
   var _ref6 = arguments[0],
-    _ref14;
+    _ref12;
   var STitle = Text;
-  return _ref14 = sstyled(props.styles), /*#__PURE__*/React.createElement(STitle, _ref14.cn("STitle", _objectSpread({}, _assignProps6({
-    "tag": 'h6'
+  return _ref12 = sstyled(props.styles), /*#__PURE__*/React.createElement(STitle, _ref12.cn("STitle", _objectSpread({}, _assignProps6({
+    "tag": 'h6',
+    "size": 300,
+    "bold": true,
+    "ellipsis": true
   }, _ref6))));
 }
 function Back(props) {
   var _ref7 = arguments[0],
-    _ref15;
+    _ref13;
   var SBack = ButtonLink;
   var SBackText = ButtonLink.Text;
   var Children = props.Children,
     styles = props.styles;
-  return _ref15 = sstyled(styles), /*#__PURE__*/React.createElement(SBack, _ref15.cn("SBack", _objectSpread({}, _assignProps7({
+  return _ref13 = sstyled(styles), /*#__PURE__*/React.createElement(SBack, _ref13.cn("SBack", _objectSpread({}, _assignProps7({
     "color": 'text-hint',
     "size": 100,
     "addonLeft": ArrowLeft
-  }, _ref7))), /*#__PURE__*/React.createElement(SBackText, _ref15.cn("SBackText", {}), /*#__PURE__*/React.createElement(Children, _ref15.cn("Children", {}))));
+  }, _ref7))), /*#__PURE__*/React.createElement(SBackText, _ref13.cn("SBackText", {}), /*#__PURE__*/React.createElement(Children, _ref13.cn("Children", {}))));
 }
 function Body(props) {
   var _ref8 = arguments[0],
-    _ref16;
+    _ref14;
   var SBody = Box;
-  return _ref16 = sstyled(props.styles), /*#__PURE__*/React.createElement(SBody, _ref16.cn("SBody", _objectSpread({}, _assignProps8({}, _ref8))));
+  return _ref14 = sstyled(props.styles), /*#__PURE__*/React.createElement(SBody, _ref14.cn("SBody", _objectSpread({}, _assignProps8({}, _ref8))));
 }
 function Header(props) {
   var _ref9 = arguments[0],
-    _ref17;
+    _ref15;
   var SHeader = Box;
   var Children = props.Children,
     styles = props.styles,
     title = props.title;
-  return _ref17 = sstyled(styles), /*#__PURE__*/React.createElement(SHeader, _ref17.cn("SHeader", _objectSpread({}, _assignProps9({
+  return _ref15 = sstyled(styles), /*#__PURE__*/React.createElement(SHeader, _ref15.cn("SHeader", _objectSpread({}, _assignProps9({
     "tag": 'header'
   }, _ref9))), title && /*#__PURE__*/React.createElement(SidePanel.Title, {
     children: title
-  }), /*#__PURE__*/React.createElement(Children, _ref17.cn("Children", {})));
+  }), /*#__PURE__*/React.createElement(Children, _ref15.cn("Children", {})));
 }
 var SidePanel = createComponent(RootSidePanel, {
   Overlay: Overlay,

package/lib/es6/SidePanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SidePanel.js","names":["React","createComponent","Component","Root","sstyled","Flex","Box","FadeInOut","Slide","Portal","PortalProvider","OutsideClick","CloseIcon","fire","isAdvanceMode","keyboardFocusEnhance","usePreventScroll","Text","ArrowLeft","Button","ButtonLink","cssVariableEnhance","useFocusLock","useContextTheme","logger","i18nEnhance","localizedMessages","ZIndexStackingContextProvider","useZIndexStacking","style","_sstyled","insert","RootSidePanel","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","e","key","stopPropagation","_createClass","value","asProps","Children","SidePanel","Overlay","displayName","Panel","isUsedOverlay","getOverlayProps","_this$asProps","visible","duration","animationsDisabled","disablePreventScroll","getPanelProps","_this$asProps2","placement","closable","ariaLabel","ariaLabelledBy","disableEnforceFocus","onOutsideClick","handleOutsideClick","onKeyDown","handleSidebarKeyDown","getCloseProps","onClick","handleIconCloseClick","getI18nText","render","_ref","_this$asProps3","disablePortal","ignorePortalsStacking","createElement","_assignProps","variable","fallback","map","Number","parseInt","prop","props","_ref2","arguments[0]","_ref10","SOverlay","overlayRef","useRef","zIndex","styles","cn","_objectSpread","_assignProps2","_ref3","_ref11","SPanel","forcedAdvancedMode","advancedMode","Header","Body","Footer","sidebarRef","hasLabel","Boolean","warn","Fragment","_assignProps3","Close","_ref4","_ref12","SFooter","_assignProps4","_ref18","_ref5","_ref13","hasChildren","children","SClose","_assignProps5","undefined","enhance","Title","_ref6","_ref14","STitle","_assignProps6","Back","_ref7","_ref15","SBack","SBackText","_assignProps7","_ref8","_ref16","SBody","_assignProps8","_ref9","_ref17","SHeader","title","_assignProps9"],"sources":["../../src/SidePanel.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport { FadeInOut, Slide } from '@semcore/animation';\nimport Portal, { PortalProvider } from '@semcore/portal';\nimport OutsideClick from '@semcore/outside-click';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport fire from '@semcore/utils/lib/fire';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport usePreventScroll from '@semcore/utils/lib/use/usePreventScroll';\nimport { Text } from '@semcore/typography';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport Button, { ButtonLink } from '@semcore/button';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport { useFocusLock } from '@semcore/utils/lib/use/useFocusLock';\nimport { useContextTheme } from '@semcore/utils/lib/ThemeProvider';\nimport logger from '@semcore/utils/lib/logger';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport {\n ZIndexStackingContextProvider,\n useZIndexStacking,\n} from '@semcore/utils/lib/zIndexStacking';\nimport style from './style/side-panel.shadow.css';\n\nclass RootSidePanel extends Component {\n static displayName = 'SidePanel';\n static style = style;\n static enhance = [\n cssVariableEnhance({\n variable: '--intergalactic-duration-modal',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n i18nEnhance(localizedMessages),\n ];\n static defaultProps = {\n placement: 'right',\n closable: true,\n disablePreventScroll: false,\n };\n\n sidebarRef = React.createRef();\n\n handleSidebarKeyDown = (e) => {\n if (e.key === 'Escape') {\n e.stopPropagation();\n fire(this, 'onClose', 'onEscape', e);\n }\n };\n\n handleIconCloseClick = (e) => {\n fire(this, 'onClose', 'onCloseClick', e);\n };\n\n handleOutsideClick = (e) => {\n fire(this, 'onClose', 'onOutsideClick', e);\n };\n\n isAdvanceMode() {\n return isAdvanceMode(this.asProps.Children, [\n SidePanel.Overlay.displayName,\n SidePanel.Panel.displayName,\n ]);\n }\n\n isUsedOverlay() {\n return (\n !this.isAdvanceMode() \|\| isAdvanceMode(this.asProps.Children, [SidePanel.Overlay.displayName])\n );\n }\n\n getOverlayProps() {\n const { visible, duration, animationsDisabled, disablePreventScroll } = this.asProps;\n return {\n visible,\n duration,\n animationsDisabled,\n disablePreventScroll,\n };\n }\n\n getPanelProps() {\n const {\n placement,\n visible,\n closable,\n duration,\n animationsDisabled,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n } = this.asProps;\n\n return {\n visible,\n placement,\n closable,\n duration: duration + duration / 2,\n disableEnforceFocus: !this.isUsedOverlay(),\n onOutsideClick: this.handleOutsideClick,\n onKeyDown: this.handleSidebarKeyDown,\n animationsDisabled,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n };\n }\n\n getCloseProps() {\n return {\n onClick: this.handleIconCloseClick,\n getI18nText: this.asProps.getI18nText,\n };\n }\n\n render() {\n const { Children, disablePortal, ignorePortalsStacking } = this.asProps;\n\n return (\n <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n {this.isAdvanceMode() ? (\n <Children />\n ) : (\n <SidePanel.Overlay>\n <Root render={SidePanel.Panel} />\n </SidePanel.Overlay>\n )}\n </Portal>\n );\n }\n}\n\nfunction Overlay(props) {\n const SOverlay = Root;\n const overlayRef = React.useRef(null);\n usePreventScroll(props.visible, props.disablePreventScroll);\n useContextTheme(overlayRef, props.visible);\n const zIndex = useZIndexStacking('z-index-modal');\n return sstyled(props.styles)(<SOverlay render={FadeInOut} ref={overlayRef} zIndex={zIndex} />);\n}\n\nfunction Panel(props) {\n const SPanel = Root;\n const { Children, styles, visible, closable, placement, onOutsideClick, forcedAdvancedMode } =\n props;\n const advancedMode =\n forcedAdvancedMode \|\|\n isAdvanceMode(Children, [\n SidePanel.Header.displayName,\n SidePanel.Body.displayName,\n SidePanel.Footer.displayName,\n ]);\n\n const sidebarRef = React.useRef(null);\n\n useFocusLock(sidebarRef, true, 'auto', !visible, true);\n\n const hasLabel = Boolean(props['aria-label'] \|\| props['aria-labelledby']);\n\n logger.warn(\n !hasLabel,\n \"'aria-label' or 'aria-labelledby' are required for SidePanel component\",\n props['data-ui-name'] \|\| Panel.displayName,\n );\n\n return sstyled(styles)(\n <>\n {visible && <OutsideClick onOutsideClick={onOutsideClick} excludeRefs={[sidebarRef]} />}\n <SPanel\n render={Slide}\n visible={visible}\n initialAnimation={true}\n slideOrigin={placement}\n ref={sidebarRef}\n role='dialog'\n aria-modal='true'\n >\n <ZIndexStackingContextProvider designToken='z-index-modal'>\n <PortalProvider value={sidebarRef}>\n {closable && <SidePanel.Close />}\n {advancedMode ? (\n <Children />\n ) : (\n <SidePanel.Body>\n <Children />\n </SidePanel.Body>\n )}\n </PortalProvider>\n </ZIndexStackingContextProvider>\n </SPanel>\n </>,\n );\n}\n\nfunction Footer(props) {\n const SFooter = Root;\n return sstyled(props.styles)(<SFooter render={Flex} tag='footer' />);\n}\n\nfunction Close({ styles, children: hasChildren, Children, getI18nText }) {\n const SClose = Root;\n return sstyled(styles)(\n <SClose\n render={Button}\n aria-label={getI18nText('close')}\n use='tertiary'\n theme='muted'\n size='l'\n addonLeft={hasChildren ? undefined : CloseIcon}\n >\n {hasChildren ? <Children /> : undefined}\n </SClose>,\n );\n}\nClose.enhance = [keyboardFocusEnhance()];\n\nfunction Title(props) {\n const STitle = Root;\n return sstyled(props.styles)(<STitle render={Text} tag='h6' />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const SBackText = ButtonLink.Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={ButtonLink} color={'text-hint'} size={100} addonLeft={ArrowLeft}>\n {/<ButtonLink.Addon><ArrowLeft /></ButtonLink.Addon>/}\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\n\nfunction Body(props) {\n const SBody = Root;\n\n return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Header(props) {\n const SHeader = Root;\n const { Children, styles, title } = props;\n return sstyled(styles)(\n <SHeader render={Box} tag='header'>\n {title && <SidePanel.Title children={title} />}\n <Children />\n </SHeader>,\n );\n}\n\nconst SidePanel = createComponent(RootSidePanel, {\n Overlay,\n Panel,\n Close,\n Header,\n Footer,\n Body,\n Back,\n Title,\n});\n\nexport default SidePanel;\n"],"mappings":"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"}
1	+ {"version":3,"file":"SidePanel.js","names":["FadeInOut","Slide","Flex","Box","OutsideClick","PortalProvider","Portal","Button","ButtonLink","createComponent","Component","Root","sstyled","i18nEnhance","isAdvanceMode","fire","logger","useContextTheme","useFocusLock","usePreventScroll","cssVariableEnhance","ZIndexStackingContextProvider","useZIndexStacking","ArrowLeft","CloseIcon","Text","React","style","_sstyled","insert","localizedMessages","RootSidePanel","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","e","key","stopPropagation","_inherits","_createClass","value","asProps","Children","SidePanel","Overlay","displayName","Panel","isUsedOverlay","getOverlayProps","_this$asProps","visible","duration","animationsDisabled","disablePreventScroll","getPanelProps","_this$asProps2","placement","closable","ariaLabel","ariaLabelledBy","handleOutsideClick","handleSidebarKeyDown","getCloseProps","onClick","handleIconCloseClick","getI18nText","render","_ref","_this$asProps3","disablePortal","ignorePortalsStacking","createElement","_assignProps","variable","fallback","map","Number","parseInt","prop","props","_ref2","arguments[0]","_ref0","SOverlay","overlayRef","useRef","zIndex","styles","cn","_objectSpread","_assignProps2","_ref3","_ref1","SPanel","onOutsideClick","forcedAdvancedMode","advancedMode","Header","Body","Footer","sidebarRef","hasLabel","Boolean","warn","Fragment","_assignProps3","Close","_ref4","_ref10","SFooter","_assignProps4","_ref16","_ref5","_ref11","hasChildren","children","SClose","_assignProps5","undefined","Title","_ref6","_ref12","STitle","_assignProps6","Back","_ref7","_ref13","SBack","SBackText","_assignProps7","_ref8","_ref14","SBody","_assignProps8","_ref9","_ref15","SHeader","title","_assignProps9"],"sources":["../../src/SidePanel.jsx"],"sourcesContent":["import { FadeInOut, Slide, Flex, Box, OutsideClick, PortalProvider, Portal } from '@semcore/base-components';\nimport Button, { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport fire from '@semcore/core/lib/utils/fire';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { useContextTheme } from '@semcore/core/lib/utils/ThemeProvider';\nimport { useFocusLock } from '@semcore/core/lib/utils/use/useFocusLock';\nimport usePreventScroll from '@semcore/core/lib/utils/use/usePreventScroll';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport {\n ZIndexStackingContextProvider,\n useZIndexStacking,\n} from '@semcore/core/lib/utils/zIndexStacking';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\nimport CloseIcon from '@semcore/icon/Close/l';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/side-panel.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass RootSidePanel extends Component {\n static displayName = 'SidePanel';\n static style = style;\n static enhance = [\n cssVariableEnhance({\n variable: '--intergalactic-duration-modal',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n i18nEnhance(localizedMessages),\n ];\n\n static defaultProps = {\n placement: 'right',\n closable: true,\n disablePreventScroll: false,\n };\n\n sidebarRef = React.createRef();\n\n handleSidebarKeyDown = (e) => {\n if (e.key === 'Escape') {\n e.stopPropagation();\n fire(this, 'onClose', 'onEscape', e);\n }\n };\n\n handleIconCloseClick = (e) => {\n fire(this, 'onClose', 'onCloseClick', e);\n };\n\n handleOutsideClick = (e) => {\n fire(this, 'onClose', 'onOutsideClick', e);\n };\n\n isAdvanceMode() {\n return isAdvanceMode(this.asProps.Children, [\n SidePanel.Overlay.displayName,\n SidePanel.Panel.displayName,\n ]);\n }\n\n isUsedOverlay() {\n return (\n !this.isAdvanceMode() \|\| isAdvanceMode(this.asProps.Children, [SidePanel.Overlay.displayName])\n );\n }\n\n getOverlayProps() {\n const { visible, duration, animationsDisabled, disablePreventScroll } = this.asProps;\n return {\n visible,\n duration,\n animationsDisabled,\n disablePreventScroll,\n };\n }\n\n getPanelProps() {\n const {\n placement,\n visible,\n closable,\n duration,\n animationsDisabled,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n } = this.asProps;\n\n return {\n visible,\n placement,\n closable,\n 'duration': duration + duration / 2,\n 'disableEnforceFocus': !this.isUsedOverlay(),\n 'onOutsideClick': this.handleOutsideClick,\n 'onKeyDown': this.handleSidebarKeyDown,\n animationsDisabled,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n };\n }\n\n getCloseProps() {\n return {\n onClick: this.handleIconCloseClick,\n getI18nText: this.asProps.getI18nText,\n };\n }\n\n render() {\n const { Children, disablePortal, ignorePortalsStacking } = this.asProps;\n\n return (\n <Portal disablePortal={disablePortal} ignorePortalsStacking={ignorePortalsStacking}>\n {this.isAdvanceMode()\n ? (\n <Children />\n )\n : (\n <SidePanel.Overlay>\n <Root render={SidePanel.Panel} />\n </SidePanel.Overlay>\n )}\n </Portal>\n );\n }\n}\n\nfunction Overlay(props) {\n const SOverlay = Root;\n const overlayRef = React.useRef(null);\n usePreventScroll(props.visible, props.disablePreventScroll);\n useContextTheme(overlayRef, props.visible);\n const zIndex = useZIndexStacking('z-index-modal');\n return sstyled(props.styles)(<SOverlay render={FadeInOut} ref={overlayRef} zIndex={zIndex} />);\n}\n\nfunction Panel(props) {\n const SPanel = Root;\n const { Children, styles, visible, closable, placement, onOutsideClick, forcedAdvancedMode } =\n props;\n const advancedMode =\n forcedAdvancedMode \|\|\n isAdvanceMode(Children, [\n SidePanel.Header.displayName,\n SidePanel.Body.displayName,\n SidePanel.Footer.displayName,\n ]);\n\n const sidebarRef = React.useRef(null);\n\n useFocusLock(sidebarRef, true, 'auto', !visible, true);\n\n const hasLabel = Boolean(props['aria-label'] \|\| props['aria-labelledby']);\n\n logger.warn(\n !hasLabel,\n '\\'aria-label\\' or \\'aria-labelledby\\' are required for SidePanel component',\n props['data-ui-name'] \|\| Panel.displayName,\n );\n\n return sstyled(styles)(\n <>\n {visible && <OutsideClick onOutsideClick={onOutsideClick} excludeRefs={[sidebarRef]} />}\n <SPanel\n render={Slide}\n visible={visible}\n initialAnimation={true}\n slideOrigin={placement}\n ref={sidebarRef}\n role='dialog'\n aria-modal='true'\n >\n <ZIndexStackingContextProvider designToken='z-index-modal'>\n <PortalProvider value={sidebarRef}>\n {closable && <SidePanel.Close />}\n {advancedMode\n ? (\n <Children />\n )\n : (\n <SidePanel.Body>\n <Children />\n </SidePanel.Body>\n )}\n </PortalProvider>\n </ZIndexStackingContextProvider>\n </SPanel>\n </>,\n );\n}\n\nfunction Footer(props) {\n const SFooter = Root;\n return sstyled(props.styles)(<SFooter render={Flex} tag='footer' />);\n}\n\nfunction Close({ styles, children: hasChildren, Children, getI18nText }) {\n const SClose = Root;\n return sstyled(styles)(\n <SClose\n render={Button}\n aria-label={getI18nText('close')}\n use='tertiary'\n theme='muted'\n size='l'\n addonLeft={hasChildren ? undefined : CloseIcon}\n data-hide-focus-hover-popper='true'\n >\n {hasChildren ? <Children /> : undefined}\n </SClose>,\n );\n}\n\nfunction Title(props) {\n const STitle = Root;\n return sstyled(props.styles)(<STitle render={Text} tag='h6' size={300} bold ellipsis />);\n}\n\nfunction Back(props) {\n const SBack = Root;\n const SBackText = ButtonLink.Text;\n const { Children, styles } = props;\n\n return sstyled(styles)(\n <SBack render={ButtonLink} color='text-hint' size={100} addonLeft={ArrowLeft}>\n {/* <ButtonLink.Addon><ArrowLeft /></ButtonLink.Addon> */}\n <SBackText>\n <Children />\n </SBackText>\n </SBack>,\n );\n}\n\nfunction Body(props) {\n const SBody = Root;\n\n return sstyled(props.styles)(<SBody render={Box} />);\n}\n\nfunction Header(props) {\n const SHeader = Root;\n const { Children, styles, title } = props;\n return sstyled(styles)(\n <SHeader render={Box} tag='header'>\n {title && <SidePanel.Title children={title} />}\n <Children />\n </SHeader>,\n );\n}\n\nconst SidePanel = createComponent(RootSidePanel, {\n Overlay,\n Panel,\n Close,\n Header,\n Footer,\n Body,\n Back,\n Title,\n});\n\nexport default SidePanel;\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/index.d.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import ~~React~~ ~~from~~ ~~'react';\nimport~~ { PortalProps } from '@semcore/~~portal~~';\nimport { ~~FadeInOutProps,~~ ~~SlideProps }~~ from '@semcore/~~animation~~';\nimport { PropGetterFn, ~~UnknownProperties,~~ Intergalactic } from '@semcore/core';\nimport { ~~Box, BoxProps, Flex } from '@semcore/flex-box';\nimport~~ { Text } from '@semcore/typography';\nimport ~~Button~~ from '~~@semcore/button~~';\n\nexport type OnCloseTriggerType = 'onOutsideClick' \| 'onEscape' \| 'onCloseClick';\nexport type OnCloseType = (\n trigger: OnCloseTriggerType,\n e?: React.MouseEvent \| React.KeyboardEvent,\n) => void;\n\nexport type SidePanelPlacement = 'top' \| 'left' \| 'right' \| 'bottom';\n\~~n/** @deprecated /\~~nexport ~~interface ISidePanelProps extends SidePanelProps, UnknownProperties {}\nexport~~ type SidePanelProps = PortalProps &\n BoxProps & {\n /* Animation display duration in ms\n * @default 350\n /\n duration?: number;\n /\n The property responsible for the visibility of the component\n /\n visible?: boolean;\n /\n Callback for the component closure\n /\n onClose?: OnCloseType;\n /\n Property for displaying the close button\n * @default true\n /\n closable?: boolean;\n /\n Position of a dropdown window\n * @default right\n /\n placement?: SidePanelPlacement;\n /\n Setting `true` disables mechanism that hides document body scrollbar when SidePanel is visible\n * @default false\n /\n disablePreventScroll?: boolean;\n };\n\~~n/* @deprecated /\~~nexport ~~interface ISidePanelOverlayProps extends SidePanelOverlayProps, UnknownProperties {}\nexport~~ type SidePanelOverlayProps = FadeInOutProps & BoxProps & {};\n\~~n/* @deprecated /\~~nexport ~~interface ISidePanelPanelProps extends SidePanelPanelProps, UnknownProperties {}\nexport~~ type SidePanelPanelProps = SlideProps &\n BoxProps & {\n onOutsideClick?: (e?: React.SyntheticEvent) => void;\n };\n\~~n/* @deprecated /\~~nexport ~~interface ISidePanelContext extends SidePanelContext, UnknownProperties {}\nexport~~ type SidePanelContext = {\n getOverlayProps?: PropGetterFn;\n getPanelProps?: PropGetterFn;\n getCloseProps?: PropGetterFn;\n};\n\~~n/* @deprecated */\~~nexport ~~interface ISidePanelHeaderProps extends SidePanelHeaderProps, UnknownProperties {}\nexport~~ type SidePanelHeaderProps = BoxProps & {\n title?: React.ReactNode;\n};\n\ndeclare const SidePanel: Intergalactic.Component<'div', SidePanelProps, SidePanelContext> & {\n Header: Intergalactic.Component<'div', SidePanelHeaderProps>;\n Back: typeof Box;\n Body: typeof Box;\n Footer: typeof Flex;\n Title: typeof Text;\n Overlay: Intergalactic.Component<'div', SidePanelOverlayProps>;\n Panel: Intergalactic.Component<'div', SidePanelPanelProps>;\n Close: typeof Button;\n};\n\nexport default SidePanel;\n"],"mappings":""}
1	+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { FadeInOutProps, SlideProps, Box, BoxProps, Flex, PortalProps } from '@semcore/base-components';\nimport type Button from '@semcore/button';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { Text } from '@semcore/typography';\nimport type React from 'react';\n\nexport type OnCloseTriggerType = 'onOutsideClick' \| 'onEscape' \| 'onCloseClick';\nexport type OnCloseType = (\n trigger: OnCloseTriggerType,\n e?: React.MouseEvent \| React.KeyboardEvent,\n) => void;\n\nexport type SidePanelPlacement = 'top' \| 'left' \| 'right' \| 'bottom';\n\nexport type SidePanelProps = PortalProps &\n BoxProps & {\n /** Animation display duration in ms\n * @default 350\n /\n duration?: number;\n /\n The property responsible for the visibility of the component\n /\n visible?: boolean;\n /\n Callback for the component closure\n /\n onClose?: OnCloseType;\n /\n Property for displaying the close button\n * @default true\n /\n closable?: boolean;\n /\n Position of a dropdown window\n * @default right\n /\n placement?: SidePanelPlacement;\n /\n Setting `true` disables mechanism that hides document body scrollbar when SidePanel is visible\n * @default false\n /\n disablePreventScroll?: boolean;\n };\n\nexport type SidePanelOverlayProps = FadeInOutProps & BoxProps & {};\n\nexport type SidePanelPanelProps = SlideProps &\n BoxProps & {\n /* Callback that is triggered when click outside is occured */\n onOutsideClick?: (e?: React.SyntheticEvent) => void;\n };\n\nexport type SidePanelContext = {\n getOverlayProps?: PropGetterFn;\n getPanelProps?: PropGetterFn;\n getCloseProps?: PropGetterFn;\n};\n\nexport type SidePanelHeaderProps = BoxProps & {\n title?: React.ReactNode;\n};\n\ndeclare const SidePanel: Intergalactic.Component<'div', SidePanelProps, SidePanelContext> & {\n Header: Intergalactic.Component<'div', SidePanelHeaderProps>;\n Back: typeof Box;\n Body: typeof Box;\n Footer: typeof Flex;\n Title: typeof Text;\n Overlay: Intergalactic.Component<'div', SidePanelOverlayProps>;\n Panel: Intergalactic.Component<'div', SidePanelPanelProps>;\n Close: typeof Button;\n};\n\nexport default SidePanel;\n"],"mappings":"","ignoreList":[]}

package/lib/es6/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './SidePanel';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,aAAa"}
1	+ {"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './SidePanel';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,aAAa","ignoreList":[]}

package/lib/es6/style/side-panel.shadow.css CHANGED Viewed

@@ -7,9 +7,9 @@ SOverlay {
   margin: 0;
   display: flex;
   overflow: hidden;
-  background: var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));
+  background: var(--intergalactic-overlay-primary, oklch(0.109 0.023 165.5 / 0.337));
   -webkit-overflow-scrolling: touch;
-  color: var(--intergalactic-text-primary, #191b23);
+  color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
 }
 SPanel {
@@ -21,12 +21,12 @@ SPanel {
   position: fixed;
   box-sizing: border-box;
   will-change: transform;
-  background: var(--intergalactic-bg-primary-neutral, #ffffff);
+  background: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
   z-index: 1;
 }
 SPanel[placement='top'] {
-  box-shadow: var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));
+  box-shadow: var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px oklch(0.176 0.033 175.7 / 0.07));
   width: 100%;
   margin-bottom: auto;
   top: 0;
@@ -34,7 +34,7 @@ SPanel[placement='top'] {
 }
 SPanel[placement='right'] {
-  box-shadow: var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));
+  box-shadow: var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px oklch(0.176 0.033 175.7 / 0.07));
   height: 100vh;
   margin-left: auto;
   top: 0;
@@ -42,7 +42,7 @@ SPanel[placement='right'] {
 }
 SPanel[placement='bottom'] {
-  box-shadow: var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));
+  box-shadow: var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px oklch(0.176 0.033 175.7 / 0.07));
   width: 100%;
   margin-top: auto;
   bottom: 0;
@@ -50,7 +50,7 @@ SPanel[placement='bottom'] {
 }
 SPanel[placement='left'] {
-  box-shadow: var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));
+  box-shadow: var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px oklch(0.176 0.033 175.7 / 0.07));
   height: 100vh;
   margin-right: auto;
   top: 0;
@@ -72,10 +72,6 @@ SClose {
 SBack {
   max-width: 100%;
-  SInner {
-    display: flex;
-  }
   SBackText {
     white-space: nowrap;
     overflow: hidden;
@@ -83,29 +79,20 @@ SBack {
   }
 }
-STitle {
-  font-size: var(--intergalactic-fs-300, 16px);
-  line-height: var(--intergalactic-lh-300, 150%);
-  font-weight: var(--intergalactic-bold, 700);
-  color: var(--intergalactic-text-primary, #191b23);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
 SHeader {
   padding-left: var(--intergalactic-spacing-6x, 24px);
   margin-bottom: var(--intergalactic-spacing-1x, 4px);
   padding-right: calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-4x, 16px));
   margin-top: var(--intergalactic-spacing-1x, 4px);
   min-height: calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-3x, 12px));
-  box-shadow: inset 0 -1px 0 var(--intergalactic-border-primary, #c4c7cf);
+  box-shadow: inset 0 -1px 0 var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
   box-sizing: border-box;
+  flex-shrink: 0;
 }
 SFooter {
   min-height: 44px;
-  box-shadow: inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);
+  box-shadow: inset 0 1px 0 var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
   box-sizing: border-box;
 }

package/lib/es6/translations/__intergalactic-dynamic-locales.js CHANGED Viewed

@@ -6,12 +6,12 @@ import it from './it.json';
 import ja from './ja.json';
 import ko from './ko.json';
 import nl from './nl.json';
+import pl from './pl.json';
 import pt from './pt.json';
+import sv from './sv.json';
 import tr from './tr.json';
 import vi from './vi.json';
 import zh from './zh.json';
-import pl from './pl.json';
-import sv from './sv.json';
 export var localizedMessages = {
   de: de,
   en: en,

package/lib/es6/translations/__intergalactic-dynamic-locales.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\nimport pl from './pl.json';\nimport sv from './sv.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n nl,\n pt,\n tr,\n vi,\n zh,\n pl,\n sv,\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,IAAMC,iBAAiB,GAAG;EAC/Bd,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;~~EACFC~~,EAAE,EAAFA,EAAE;~~EACFC~~,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;~~EACFC~~,EAAE,EAAFA,EAAE;~~EACFC~~,EAAE,EAAFA;AACF,CAAC"}
1	+ {"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","nl","pl","pt","sv","tr","vi","zh","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n nl,\n pt,\n tr,\n vi,\n zh,\n pl,\n sv,\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,IAAMC,iBAAiB,GAAG;EAC/Bd,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFL,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}