@semcore/spin-container 7.40.1 → 7.40.2-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.
package/CHANGELOG.md
CHANGED
package/lib/cjs/SpinContainer.js
CHANGED
|
@@ -21,14 +21,14 @@ var _flexBox = require("@semcore/flex-box");
|
|
|
21
21
|
var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
|
|
22
22
|
var _findComponent = require("@semcore/utils/lib/findComponent");
|
|
23
23
|
/*__reshadow-styles__:"./style/spin-container.shadow.css"*/
|
|
24
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
25
|
-
"__SSpinContainer": "
|
|
26
|
-
"__SContent": "
|
|
27
|
-
"__SOverlay": "
|
|
28
|
-
"_theme_invert": "
|
|
29
|
-
"_theme_dark": "
|
|
30
|
-
"_theme_custom": "
|
|
31
|
-
"--background": "--
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSpinContainer_yoab5_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_yoab5_gg_{z-index:0;position:relative}.___SOverlay_yoab5_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_yoab5_gg_._theme_invert_yoab5_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_yoab5_gg_._theme_dark_yoab5_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_yoab5_gg_._theme_custom_yoab5_gg_{background-color:var(--background_yoab5)}" /*__inner_css_end__*/, "yoab5_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SSpinContainer": "___SSpinContainer_yoab5_gg_",
|
|
26
|
+
"__SContent": "___SContent_yoab5_gg_",
|
|
27
|
+
"__SOverlay": "___SOverlay_yoab5_gg_",
|
|
28
|
+
"_theme_invert": "_theme_invert_yoab5_gg_",
|
|
29
|
+
"_theme_dark": "_theme_dark_yoab5_gg_",
|
|
30
|
+
"_theme_custom": "_theme_custom_yoab5_gg_",
|
|
31
|
+
"--background": "--background_yoab5"
|
|
32
32
|
});
|
|
33
33
|
var SpinContainerRoot = /*#__PURE__*/function (_Component) {
|
|
34
34
|
(0, _inherits2["default"])(SpinContainerRoot, _Component);
|
|
@@ -78,9 +78,7 @@ var SpinContainerRoot = /*#__PURE__*/function (_Component) {
|
|
|
78
78
|
loading = _this$asProps2.loading,
|
|
79
79
|
forcedAdvancedMode = _this$asProps2.forcedAdvancedMode;
|
|
80
80
|
var advancedMode = forcedAdvancedMode || (0, _findComponent.isAdvanceMode)(Children, [SpinContainer.Overlay.displayName]);
|
|
81
|
-
return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSpinContainer, _ref4.cn("SSpinContainer", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
82
|
-
"aria-busy": loading
|
|
83
|
-
}, _ref))), advancedMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SpinContainer.Content, null, /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {}))), /*#__PURE__*/_react["default"].createElement(SpinContainer.Overlay, null)));
|
|
81
|
+
return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSpinContainer, _ref4.cn("SSpinContainer", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref))), advancedMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SpinContainer.Content, null, /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {}))), /*#__PURE__*/_react["default"].createElement(SpinContainer.Overlay, null)));
|
|
84
82
|
}
|
|
85
83
|
}]);
|
|
86
84
|
return SpinContainerRoot;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpinContainer.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_animation","_spin","_flexBox","_resolveColorEnhance","_findComponent","style","_index","sstyled","insert","SpinContainerRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getOverlayProps","_this$asProps","asProps","loading","background","duration","size","theme","resolveColor","getContentProps","inert","undefined","render","_ref","_ref4","SSpinContainer","Box","_this$asProps2","styles","Children","forcedAdvancedMode","advancedMode","isAdvanceMode","SpinContainer","Overlay","displayName","createElement","cn","_objectSpread2","assignProps","Fragment","Content","Component","_defineProperty2","resolveColorEnhance","_Component2","_super2","_ref2","_ref5","SOverlay","_this$asProps3","useTheme","FadeInOut","_ref7","children","props","_ref3","arguments[0]","_ref6","SContent","createComponent","_default","exports"],"sources":["../../src/SpinContainer.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { FadeInOut } from '@semcore/animation';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nimport style from './style/spin-container.shadow.css';\n\nclass SpinContainerRoot extends Component {\n static displayName = 'SpinContainer';\n static style = style;\n static defaultProps = {\n size: 'xxl',\n theme: 'dark',\n duration: 200,\n };\n static enhance = [resolveColorEnhance()];\n\n getOverlayProps() {\n const { loading, background, duration, size, theme, resolveColor } = this.asProps;\n return {\n background,\n // for Animated\n loading,\n duration,\n // for Spin\n size,\n theme,\n resolveColor,\n };\n }\n\n getContentProps() {\n const { loading } = this.asProps;\n\n return { inert: loading ? '' : undefined };\n }\n\n render() {\n const SSpinContainer = Root;\n const { styles, Children, loading, forcedAdvancedMode } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode || isAdvanceMode(Children, [SpinContainer.Overlay.displayName]);\n\n return sstyled(styles)(\n <SSpinContainer render={Box}
|
|
1
|
+
{"version":3,"file":"SpinContainer.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_animation","_spin","_flexBox","_resolveColorEnhance","_findComponent","style","_index","sstyled","insert","SpinContainerRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getOverlayProps","_this$asProps","asProps","loading","background","duration","size","theme","resolveColor","getContentProps","inert","undefined","render","_ref","_ref4","SSpinContainer","Box","_this$asProps2","styles","Children","forcedAdvancedMode","advancedMode","isAdvanceMode","SpinContainer","Overlay","displayName","createElement","cn","_objectSpread2","assignProps","Fragment","Content","Component","_defineProperty2","resolveColorEnhance","_Component2","_super2","_ref2","_ref5","SOverlay","_this$asProps3","useTheme","FadeInOut","_ref7","children","props","_ref3","arguments[0]","_ref6","SContent","createComponent","_default","exports"],"sources":["../../src/SpinContainer.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { FadeInOut } from '@semcore/animation';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nimport style from './style/spin-container.shadow.css';\n\nclass SpinContainerRoot extends Component {\n static displayName = 'SpinContainer';\n static style = style;\n static defaultProps = {\n size: 'xxl',\n theme: 'dark',\n duration: 200,\n };\n static enhance = [resolveColorEnhance()];\n\n getOverlayProps() {\n const { loading, background, duration, size, theme, resolveColor } = this.asProps;\n return {\n background,\n // for Animated\n loading,\n duration,\n // for Spin\n size,\n theme,\n resolveColor,\n };\n }\n\n getContentProps() {\n const { loading } = this.asProps;\n\n return { inert: loading ? '' : undefined };\n }\n\n render() {\n const SSpinContainer = Root;\n const { styles, Children, loading, forcedAdvancedMode } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode || isAdvanceMode(Children, [SpinContainer.Overlay.displayName]);\n\n return sstyled(styles)(\n <SSpinContainer render={Box}>\n {advancedMode ? (\n <Children />\n ) : (\n <>\n <SpinContainer.Content>\n <Children />\n </SpinContainer.Content>\n <SpinContainer.Overlay />\n </>\n )}\n </SSpinContainer>,\n );\n }\n}\n\nclass Overlay extends Component {\n static defaultProps = ({ size, theme }) => ({\n children: <Spin size={size} theme={theme} />,\n });\n\n render() {\n const SOverlay = Root;\n const { styles, theme, background, loading, duration, resolveColor } = this.asProps;\n const useTheme = background ? 'custom' : theme;\n\n return sstyled(styles)(\n <FadeInOut visible={loading} duration={duration}>\n <SOverlay render={Box} use:theme={useTheme} use:background={resolveColor(background)} />\n </FadeInOut>,\n );\n }\n}\n\nfunction Content(props) {\n const SContent = Root;\n const { styles } = props;\n return sstyled(styles)(<SContent render={Box} />);\n}\n\nconst SpinContainer = createComponent(SpinContainerRoot, {\n Overlay,\n Content,\n});\n\nexport default SpinContainer;\n"],"mappings":"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"}
|
package/lib/es6/SpinContainer.js
CHANGED
|
@@ -16,14 +16,14 @@ import { Box } from '@semcore/flex-box';
|
|
|
16
16
|
import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
|
|
17
17
|
import { isAdvanceMode } from '@semcore/utils/lib/findComponent';
|
|
18
18
|
/*__reshadow-styles__:"./style/spin-container.shadow.css"*/
|
|
19
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
20
|
-
"__SSpinContainer": "
|
|
21
|
-
"__SContent": "
|
|
22
|
-
"__SOverlay": "
|
|
23
|
-
"_theme_invert": "
|
|
24
|
-
"_theme_dark": "
|
|
25
|
-
"_theme_custom": "
|
|
26
|
-
"--background": "--
|
|
19
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSpinContainer_yoab5_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_yoab5_gg_{z-index:0;position:relative}.___SOverlay_yoab5_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_yoab5_gg_._theme_invert_yoab5_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_yoab5_gg_._theme_dark_yoab5_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_yoab5_gg_._theme_custom_yoab5_gg_{background-color:var(--background_yoab5)}" /*__inner_css_end__*/, "yoab5_gg_") /*__reshadow_css_end__*/, {
|
|
20
|
+
"__SSpinContainer": "___SSpinContainer_yoab5_gg_",
|
|
21
|
+
"__SContent": "___SContent_yoab5_gg_",
|
|
22
|
+
"__SOverlay": "___SOverlay_yoab5_gg_",
|
|
23
|
+
"_theme_invert": "_theme_invert_yoab5_gg_",
|
|
24
|
+
"_theme_dark": "_theme_dark_yoab5_gg_",
|
|
25
|
+
"_theme_custom": "_theme_custom_yoab5_gg_",
|
|
26
|
+
"--background": "--background_yoab5"
|
|
27
27
|
});
|
|
28
28
|
var SpinContainerRoot = /*#__PURE__*/function (_Component) {
|
|
29
29
|
_inherits(SpinContainerRoot, _Component);
|
|
@@ -73,9 +73,7 @@ var SpinContainerRoot = /*#__PURE__*/function (_Component) {
|
|
|
73
73
|
loading = _this$asProps2.loading,
|
|
74
74
|
forcedAdvancedMode = _this$asProps2.forcedAdvancedMode;
|
|
75
75
|
var advancedMode = forcedAdvancedMode || isAdvanceMode(Children, [SpinContainer.Overlay.displayName]);
|
|
76
|
-
return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SSpinContainer, _ref4.cn("SSpinContainer", _objectSpread({}, _assignProps({
|
|
77
|
-
"aria-busy": loading
|
|
78
|
-
}, _ref))), advancedMode ? /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {})) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SpinContainer.Content, null, /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {}))), /*#__PURE__*/React.createElement(SpinContainer.Overlay, null)));
|
|
76
|
+
return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SSpinContainer, _ref4.cn("SSpinContainer", _objectSpread({}, _assignProps({}, _ref))), advancedMode ? /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {})) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SpinContainer.Content, null, /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {}))), /*#__PURE__*/React.createElement(SpinContainer.Overlay, null)));
|
|
79
77
|
}
|
|
80
78
|
}]);
|
|
81
79
|
return SpinContainerRoot;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpinContainer.js","names":["React","createComponent","Component","sstyled","Root","FadeInOut","Spin","Box","resolveColorEnhance","isAdvanceMode","style","_sstyled","insert","SpinContainerRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getOverlayProps","_this$asProps","asProps","loading","background","duration","size","theme","resolveColor","getContentProps","inert","undefined","render","_ref","_ref4","SSpinContainer","_this$asProps2","styles","Children","forcedAdvancedMode","advancedMode","SpinContainer","Overlay","displayName","createElement","cn","_objectSpread","_assignProps","Fragment","Content","_defineProperty","_Component2","_super2","_ref2","_ref5","SOverlay","_this$asProps3","useTheme","_assignProps2","_ref7","children","props","_ref3","arguments[0]","_ref6","SContent","_assignProps3"],"sources":["../../src/SpinContainer.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { FadeInOut } from '@semcore/animation';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nimport style from './style/spin-container.shadow.css';\n\nclass SpinContainerRoot extends Component {\n static displayName = 'SpinContainer';\n static style = style;\n static defaultProps = {\n size: 'xxl',\n theme: 'dark',\n duration: 200,\n };\n static enhance = [resolveColorEnhance()];\n\n getOverlayProps() {\n const { loading, background, duration, size, theme, resolveColor } = this.asProps;\n return {\n background,\n // for Animated\n loading,\n duration,\n // for Spin\n size,\n theme,\n resolveColor,\n };\n }\n\n getContentProps() {\n const { loading } = this.asProps;\n\n return { inert: loading ? '' : undefined };\n }\n\n render() {\n const SSpinContainer = Root;\n const { styles, Children, loading, forcedAdvancedMode } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode || isAdvanceMode(Children, [SpinContainer.Overlay.displayName]);\n\n return sstyled(styles)(\n <SSpinContainer render={Box}
|
|
1
|
+
{"version":3,"file":"SpinContainer.js","names":["React","createComponent","Component","sstyled","Root","FadeInOut","Spin","Box","resolveColorEnhance","isAdvanceMode","style","_sstyled","insert","SpinContainerRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getOverlayProps","_this$asProps","asProps","loading","background","duration","size","theme","resolveColor","getContentProps","inert","undefined","render","_ref","_ref4","SSpinContainer","_this$asProps2","styles","Children","forcedAdvancedMode","advancedMode","SpinContainer","Overlay","displayName","createElement","cn","_objectSpread","_assignProps","Fragment","Content","_defineProperty","_Component2","_super2","_ref2","_ref5","SOverlay","_this$asProps3","useTheme","_assignProps2","_ref7","children","props","_ref3","arguments[0]","_ref6","SContent","_assignProps3"],"sources":["../../src/SpinContainer.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { FadeInOut } from '@semcore/animation';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nimport style from './style/spin-container.shadow.css';\n\nclass SpinContainerRoot extends Component {\n static displayName = 'SpinContainer';\n static style = style;\n static defaultProps = {\n size: 'xxl',\n theme: 'dark',\n duration: 200,\n };\n static enhance = [resolveColorEnhance()];\n\n getOverlayProps() {\n const { loading, background, duration, size, theme, resolveColor } = this.asProps;\n return {\n background,\n // for Animated\n loading,\n duration,\n // for Spin\n size,\n theme,\n resolveColor,\n };\n }\n\n getContentProps() {\n const { loading } = this.asProps;\n\n return { inert: loading ? '' : undefined };\n }\n\n render() {\n const SSpinContainer = Root;\n const { styles, Children, loading, forcedAdvancedMode } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode || isAdvanceMode(Children, [SpinContainer.Overlay.displayName]);\n\n return sstyled(styles)(\n <SSpinContainer render={Box}>\n {advancedMode ? (\n <Children />\n ) : (\n <>\n <SpinContainer.Content>\n <Children />\n </SpinContainer.Content>\n <SpinContainer.Overlay />\n </>\n )}\n </SSpinContainer>,\n );\n }\n}\n\nclass Overlay extends Component {\n static defaultProps = ({ size, theme }) => ({\n children: <Spin size={size} theme={theme} />,\n });\n\n render() {\n const SOverlay = Root;\n const { styles, theme, background, loading, duration, resolveColor } = this.asProps;\n const useTheme = background ? 'custom' : theme;\n\n return sstyled(styles)(\n <FadeInOut visible={loading} duration={duration}>\n <SOverlay render={Box} use:theme={useTheme} use:background={resolveColor(background)} />\n </FadeInOut>,\n );\n }\n}\n\nfunction Content(props) {\n const SContent = Root;\n const { styles } = props;\n return sstyled(styles)(<SContent render={Box} />);\n}\n\nconst SpinContainer = createComponent(SpinContainerRoot, {\n Overlay,\n Content,\n});\n\nexport default SpinContainer;\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AACzE,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,OAAOC,IAAI,MAAM,eAAe;AAChC,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,mBAAmB,MAAM,iDAAiD;AACjF,SAASC,aAAa,QAAQ,kCAAkC;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAI3DC,iBAAiB,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,iBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,iBAAA;EAAA,SAAAA,kBAAA;IAAAK,eAAA,OAAAL,iBAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,iBAAA;IAAAS,GAAA;IAAAC,KAAA,EAUrB,SAAAC,gBAAA,EAAkB;MAChB,IAAAC,aAAA,GAAqE,IAAI,CAACC,OAAO;QAAzEC,OAAO,GAAAF,aAAA,CAAPE,OAAO;QAAEC,UAAU,GAAAH,aAAA,CAAVG,UAAU;QAAEC,QAAQ,GAAAJ,aAAA,CAARI,QAAQ;QAAEC,IAAI,GAAAL,aAAA,CAAJK,IAAI;QAAEC,KAAK,GAAAN,aAAA,CAALM,KAAK;QAAEC,YAAY,GAAAP,aAAA,CAAZO,YAAY;MAChE,OAAO;QACLJ,UAAU,EAAVA,UAAU;QACV;QACAD,OAAO,EAAPA,OAAO;QACPE,QAAQ,EAARA,QAAQ;QACR;QACAC,IAAI,EAAJA,IAAI;QACJC,KAAK,EAALA,KAAK;QACLC,YAAY,EAAZA;MACF,CAAC;IACH;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAU,gBAAA,EAAkB;MAChB,IAAQN,OAAO,GAAK,IAAI,CAACD,OAAO,CAAxBC,OAAO;MAEf,OAAO;QAAEO,KAAK,EAAEP,OAAO,GAAG,EAAE,GAAGQ;MAAU,CAAC;IAC5C;EAAC;IAAAb,GAAA;IAAAC,KAAA,EAED,SAAAa,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAX,OAAA;QAAAY,KAAA;MACP,IAAMC,cAAc,GAOMhC,GAAG;MAN7B,IAAAiC,cAAA,GAA0D,IAAI,CAACd,OAAO;QAA9De,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAEC,QAAQ,GAAAF,cAAA,CAARE,QAAQ;QAAEf,OAAO,GAAAa,cAAA,CAAPb,OAAO;QAAEgB,kBAAkB,GAAAH,cAAA,CAAlBG,kBAAkB;MAErD,IAAMC,YAAY,GAChBD,kBAAkB,IAAIlC,aAAa,CAACiC,QAAQ,EAAE,CAACG,aAAa,CAACC,OAAO,CAACC,WAAW,CAAC,CAAC;MAEpF,OAAAT,KAAA,GAAOnC,OAAO,CAACsC,MAAM,CAAC,eACpBzC,KAAA,CAAAgD,aAAA,CAACT,cAAc,EAAAD,KAAA,CAAAW,EAAA,mBAAAC,aAAA,KAAAC,YAAA,KAAAd,IAAA,KACZO,YAAY,gBACX5C,KAAA,CAAAgD,aAAA,CAACN,QAAQ,EAAAJ,KAAA,CAAAW,EAAA,iBAAG,gBAEZjD,KAAA,CAAAgD,aAAA,CAAAhD,KAAA,CAAAoD,QAAA,qBACEpD,KAAA,CAAAgD,aAAA,CAACH,aAAa,CAACQ,OAAO,qBACpBrD,KAAA,CAAAgD,aAAA,CAACN,QAAQ,EAAAJ,KAAA,CAAAW,EAAA,iBAAG,CACU,eACxBjD,KAAA,CAAAgD,aAAA,CAACH,aAAa,CAACC,OAAO,OAAG,CAE5B,CACc;IAErB;EAAC;EAAA,OAAAjC,iBAAA;AAAA,EAnD6BX,SAAS;AAAAoD,eAAA,CAAnCzC,iBAAiB,iBACA,eAAe;AAAAyC,eAAA,CADhCzC,iBAAiB,WAENH,KAAK;AAAA4C,eAAA,CAFhBzC,iBAAiB,kBAGC;EACpBiB,IAAI,EAAE,KAAK;EACXC,KAAK,EAAE,MAAM;EACbF,QAAQ,EAAE;AACZ,CAAC;AAAAyB,eAAA,CAPGzC,iBAAiB,aAQJ,CAACL,mBAAmB,EAAE,CAAC;AAAA,IA8CpCsC,OAAO,0BAAAS,WAAA;EAAAxC,SAAA,CAAA+B,OAAA,EAAAS,WAAA;EAAA,IAAAC,OAAA,GAAAvC,YAAA,CAAA6B,OAAA;EAAA,SAAAA,QAAA;IAAA5B,eAAA,OAAA4B,OAAA;IAAA,OAAAU,OAAA,CAAArC,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAyB,OAAA;IAAAxB,GAAA;IAAAC,KAAA,EAKX,SAAAa,OAAA,EAAS;MAAA,IAAAqB,KAAA,QAAA/B,OAAA;QAAAgC,KAAA;MACP,IAAMC,QAAQ,GAMQpD,GAAG;MALzB,IAAAqD,cAAA,GAAuE,IAAI,CAAClC,OAAO;QAA3Ee,MAAM,GAAAmB,cAAA,CAANnB,MAAM;QAAEV,KAAK,GAAA6B,cAAA,CAAL7B,KAAK;QAAEH,UAAU,GAAAgC,cAAA,CAAVhC,UAAU;QAAED,OAAO,GAAAiC,cAAA,CAAPjC,OAAO;QAAEE,QAAQ,GAAA+B,cAAA,CAAR/B,QAAQ;QAAEG,YAAY,GAAA4B,cAAA,CAAZ5B,YAAY;MAClE,IAAM6B,QAAQ,GAAGjC,UAAU,GAAG,QAAQ,GAAGG,KAAK;MAE9C,OAAA2B,KAAA,GAAOvD,OAAO,CAACsC,MAAM,CAAC,eACpBzC,KAAA,CAAAgD,aAAA,CAAC3C,SAAS,EAAAqD,KAAA,CAAAT,EAAA;QAAA,WAAUtB,OAAO;QAAA,YAAYE;MAAQ,iBAC7C7B,KAAA,CAAAgD,aAAA,CAACW,QAAQ,EAAAD,KAAA,CAAAT,EAAA,aAAAC,aAAA,KAAAY,aAAA;QAAA,aAAyBD,QAAQ;QAAA,kBAAkB7B,YAAY,CAACJ,UAAU;MAAC,GAAA6B,KAAA,IAAI,CAC9E;IAEhB;EAAC;EAAA,OAAAX,OAAA;AAAA,EAfmB5C,SAAS;AAAAoD,eAAA,CAAzBR,OAAO,kBACW,UAAAiB,KAAA;EAAA,IAAGjC,IAAI,GAAAiC,KAAA,CAAJjC,IAAI;IAAEC,KAAK,GAAAgC,KAAA,CAALhC,KAAK;EAAA,OAAQ;IAC1CiC,QAAQ,eAAEhE,KAAA,CAAAgD,aAAA,CAAC1C,IAAI;MAACwB,IAAI,EAAEA,IAAK;MAACC,KAAK,EAAEA;IAAM;EAC3C,CAAC;AAAA,CAAC;AAeJ,SAASsB,OAAOA,CAACY,KAAK,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACtB,IAAMC,QAAQ,GAE2B9D,GAAG;EAD5C,IAAQkC,MAAM,GAAKwB,KAAK,CAAhBxB,MAAM;EACd,OAAA2B,KAAA,GAAOjE,OAAO,CAACsC,MAAM,CAAC,eAACzC,KAAA,CAAAgD,aAAA,CAACqB,QAAQ,EAAAD,KAAA,CAAAnB,EAAA,aAAAC,aAAA,KAAAoB,aAAA,KAAAJ,KAAA,IAAgB;AAClD;AAEA,IAAMrB,aAAa,GAAG5C,eAAe,CAACY,iBAAiB,EAAE;EACvDiC,OAAO,EAAPA,OAAO;EACPO,OAAO,EAAPA;AACF,CAAC,CAAC;AAEF,eAAeR,aAAa"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/spin-container",
|
|
3
3
|
"description": "Semrush SpinContainer Component",
|
|
4
|
-
"version": "7.40.
|
|
4
|
+
"version": "7.40.2-prerelease.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"types": "lib/types/index.d.ts",
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"@semcore/utils": "4.44.1",
|
|
13
|
-
"@semcore/spin": "5.39.
|
|
13
|
+
"@semcore/spin": "5.39.2-prerelease.0",
|
|
14
14
|
"@semcore/flex-box": "5.39.1",
|
|
15
15
|
"@semcore/animation": "2.39.1"
|
|
16
16
|
},
|