@semcore/base-trigger 3.5.14 → 3.5.16
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 +2 -2
- package/lib/cjs/BaseTrigger.js +33 -72
- package/lib/cjs/BaseTrigger.js.map +1 -1
- package/lib/cjs/ButtonTrigger.js +8 -38
- package/lib/cjs/ButtonTrigger.js.map +1 -1
- package/lib/cjs/FilterTrigger.js +26 -72
- package/lib/cjs/FilterTrigger.js.map +1 -1
- package/lib/cjs/LinkTrigger.js +26 -63
- package/lib/cjs/LinkTrigger.js.map +1 -1
- package/lib/cjs/index.js +0 -5
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +0 -13
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/BaseTrigger.js +33 -58
- package/lib/es6/BaseTrigger.js.map +1 -1
- package/lib/es6/ButtonTrigger.js +8 -28
- package/lib/es6/ButtonTrigger.js.map +1 -1
- package/lib/es6/FilterTrigger.js +26 -55
- package/lib/es6/FilterTrigger.js.map +1 -1
- package/lib/es6/LinkTrigger.js +26 -52
- package/lib/es6/LinkTrigger.js.map +1 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/package.json +1 -1
package/lib/es6/ButtonTrigger.js
CHANGED
|
@@ -13,59 +13,40 @@ import BaseTrigger from './BaseTrigger';
|
|
|
13
13
|
import Spin from '@semcore/spin';
|
|
14
14
|
import animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';
|
|
15
15
|
import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
|
|
16
|
-
|
|
17
16
|
/*__reshadow-styles__:"./style/button-trigger.shadow.css"*/
|
|
18
|
-
var style = (
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
/*__inner_css_start__*/
|
|
22
|
-
".___SButtonAddon_zv5jj_gg_{width:12px;height:12px}.___SButtonTriggerSpin_zv5jj_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}"
|
|
23
|
-
/*__inner_css_end__*/
|
|
24
|
-
, "zv5jj_gg_")
|
|
25
|
-
/*__reshadow_css_end__*/
|
|
26
|
-
, {
|
|
27
|
-
"__SButtonAddon": "___SButtonAddon_zv5jj_gg_",
|
|
28
|
-
"__SButtonTriggerSpin": "___SButtonTriggerSpin_zv5jj_gg_"
|
|
17
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_hvzm8_gg_{width:12px;height:12px}.___SButtonTriggerSpin_hvzm8_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "hvzm8_gg_") /*__reshadow_css_end__*/, {
|
|
18
|
+
"__SButtonAddon": "___SButtonAddon_hvzm8_gg_",
|
|
19
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_hvzm8_gg_"
|
|
29
20
|
});
|
|
30
|
-
|
|
31
21
|
var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
32
22
|
_inherits(RootButtonTrigger, _Component);
|
|
33
|
-
|
|
34
23
|
var _super = _createSuper(RootButtonTrigger);
|
|
35
|
-
|
|
36
24
|
function RootButtonTrigger() {
|
|
37
25
|
_classCallCheck(this, RootButtonTrigger);
|
|
38
|
-
|
|
39
26
|
return _super.apply(this, arguments);
|
|
40
27
|
}
|
|
41
|
-
|
|
42
28
|
_createClass(RootButtonTrigger, [{
|
|
43
29
|
key: "render",
|
|
44
30
|
value: function render() {
|
|
45
31
|
var _ref = this.asProps,
|
|
46
|
-
|
|
47
|
-
|
|
32
|
+
_ref2;
|
|
48
33
|
var SButtonAddon = ButtonTrigger.Addon;
|
|
49
34
|
var SButtonTriggerSpin = Spin;
|
|
50
35
|
var _this$asProps = this.asProps,
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
36
|
+
Children = _this$asProps.Children,
|
|
37
|
+
styles = _this$asProps.styles,
|
|
38
|
+
loading = _this$asProps.loading,
|
|
39
|
+
empty = _this$asProps.empty;
|
|
55
40
|
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(BaseTrigger, _assignProps({}, _ref), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), /*#__PURE__*/React.createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/React.createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
|
|
56
41
|
"size": "xs",
|
|
57
42
|
"theme": false
|
|
58
43
|
})) : /*#__PURE__*/React.createElement(ChevronDown, _ref2.cn("ChevronDown", {}))));
|
|
59
44
|
}
|
|
60
45
|
}]);
|
|
61
|
-
|
|
62
46
|
return RootButtonTrigger;
|
|
63
47
|
}(Component);
|
|
64
|
-
|
|
65
48
|
_defineProperty(RootButtonTrigger, "displayName", 'ButtonTrigger');
|
|
66
|
-
|
|
67
49
|
_defineProperty(RootButtonTrigger, "style", style);
|
|
68
|
-
|
|
69
50
|
_defineProperty(RootButtonTrigger, "enhance", [cssVariableEnhance({
|
|
70
51
|
variable: '--intergalactic-duration-control',
|
|
71
52
|
fallback: '200',
|
|
@@ -75,7 +56,6 @@ _defineProperty(RootButtonTrigger, "enhance", [cssVariableEnhance({
|
|
|
75
56
|
animateProps: ['width'],
|
|
76
57
|
onChangeOf: ['value']
|
|
77
58
|
})]);
|
|
78
|
-
|
|
79
59
|
var ButtonTrigger = createComponent(RootButtonTrigger, {
|
|
80
60
|
Text: BaseTrigger.Text,
|
|
81
61
|
Addon: BaseTrigger.Addon
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","BaseTrigger","Spin","animatedSizeEnhance","cssVariableEnhance","RootButtonTrigger","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","asProps","Children","styles","loading","empty","Text","
|
|
1
|
+
{"version":3,"file":"ButtonTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","BaseTrigger","Spin","animatedSizeEnhance","cssVariableEnhance","style","_sstyled","insert","RootButtonTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","_this$asProps","Children","styles","loading","empty","createElement","_assignProps","Text","cn","_defineProperty","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","parent"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n static displayName = 'ButtonTrigger';\n static style = style;\n static enhance = [\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n ];\n\n render() {\n const SButtonAddon = ButtonTrigger.Addon;\n const SButtonTriggerSpin = Spin;\n const { Children, styles, loading, empty } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger}>\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n <SButtonAddon>\n {loading ? <SButtonTriggerSpin size=\"xs\" theme={false} /> : <ChevronDown />}\n </SButtonAddon>\n </Root>,\n );\n }\n}\n\nconst ButtonTrigger = createComponent(\n RootButtonTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default ButtonTrigger;\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,OAAOC,iBAAiB,MAAM,sCAAsC;AACpE,OAAOC,WAAW,MAAM,6BAA6B;AACrD,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,IAAI,MAAM,eAAe;AAChC,OAAOC,mBAAmB,MAAM,iDAAiD;AACjF,SAASC,kBAAkB,QAAQ,mCAAmC;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;AAAA;AAAA,IAIjEC,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,EAgBrB,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,YAAY,GAAGC,aAAa,CAACC,KAAK;MACxC,IAAMC,kBAAkB,GAAGxB,IAAI;MAC/B,IAAAyB,aAAA,GAA6C,IAAI,CAACN,OAAO;QAAjDO,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,aAAA,CAANE,MAAM;QAAEC,OAAO,GAAAH,aAAA,CAAPG,OAAO;QAAEC,KAAK,GAAAJ,aAAA,CAALI,KAAK;MAExC,OAAAT,KAAA,GAAOxB,OAAO,CAAC+B,MAAM,CAAC,eACpBnC,KAAA,CAAAsC,aAAA,CAAc/B,WAAW,EAAAgC,YAAA,KAAAb,IAAA,GACtBrB,iBAAiB,CAAC6B,QAAQ,EAAEJ,aAAa,CAACU,IAAI,EAAEV,aAAa,CAACC,KAAK,EAAEM,KAAK,CAAC,eAC5ErC,KAAA,CAAAsC,aAAA,CAACT,YAAY,EAAAD,KAAA,CAAAa,EAAA,sBACVL,OAAO,gBAAGpC,KAAA,CAAAsC,aAAA,CAACN,kBAAkB,EAAAJ,KAAA,CAAAa,EAAA;QAAA,QAAM,IAAI;QAAA,SAAQ;MAAK,GAAI,gBAAGzC,KAAA,CAAAsC,aAAA,CAAChC,WAAW,EAAAsB,KAAA,CAAAa,EAAA,oBAAG,CAC9D,CACV;IAEX;EAAC;EAAA,OAAA3B,iBAAA;AAAA,EA7B6BZ,SAAS;AAAAwC,eAAA,CAAnC5B,iBAAiB,iBACA,eAAe;AAAA4B,eAAA,CADhC5B,iBAAiB,WAENH,KAAK;AAAA+B,eAAA,CAFhB5B,iBAAiB,aAGJ,CACfJ,kBAAkB,CAAC;EACjBiC,QAAQ,EAAE,kCAAkC;EAC5CC,QAAQ,EAAE,KAAK;EACfC,GAAG,EAAEC,MAAM,CAACC,QAAQ;EACpBC,IAAI,EAAE;AACR,CAAC,CAAC,EACFvC,mBAAmB,CAAC;EAClBwC,YAAY,EAAE,CAAC,OAAO,CAAC;EACvBC,UAAU,EAAE,CAAC,OAAO;AACtB,CAAC,CAAC,CACH;AAkBH,IAAMpB,aAAa,GAAG7B,eAAe,CACnCa,iBAAiB,EACjB;EACE0B,IAAI,EAAEjC,WAAW,CAACiC,IAAI;EACtBT,KAAK,EAAExB,WAAW,CAACwB;AACrB,CAAC,EACD;EACEoB,MAAM,EAAE5C;AACV,CAAC,CACF;AAED,eAAeuB,aAAa"}
|
package/lib/es6/FilterTrigger.js
CHANGED
|
@@ -22,79 +22,58 @@ import { localizedMessages } from './translations/__intergalactic-dynamic-locale
|
|
|
22
22
|
import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
|
|
23
23
|
import animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';
|
|
24
24
|
import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
|
|
25
|
-
|
|
26
25
|
/*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
|
|
27
|
-
var style = (
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
"
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
,
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"_state_normal": "_state_normal_orzvk_gg_",
|
|
43
|
-
"_state_valid": "_state_valid_orzvk_gg_",
|
|
44
|
-
"_state_invalid": "_state_invalid_orzvk_gg_",
|
|
45
|
-
"__SFilterTrigger": "___SFilterTrigger_orzvk_gg_",
|
|
46
|
-
"_selected": "__selected_orzvk_gg_",
|
|
47
|
-
"__SWrapper": "___SWrapper_orzvk_gg_",
|
|
48
|
-
"_keyboardFocused": "__keyboardFocused_orzvk_gg_",
|
|
49
|
-
"__SCounter": "___SCounter_orzvk_gg_"
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButtonTrigger_1xqpe_gg_{border:1px solid var(--intergalactic-border-primary, #c4c7cf);background:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23)}.___SButtonTrigger_1xqpe_gg_::-moz-focus-inner{border:0;padding:0}.___SButtonTrigger_1xqpe_gg_:active,.___SButtonTrigger_1xqpe_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SButtonTrigger_1xqpe_gg_:hover{outline:0;text-decoration:none}}.___SButtonTrigger_1xqpe_gg_.__active_1xqpe_gg_,.___SButtonTrigger_1xqpe_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2)\n )}@media (hover:hover){.___SButtonTrigger_1xqpe_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2)\n )}}.___SButtonTrigger_1xqpe_gg_._size_m_1xqpe_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButtonTrigger_1xqpe_gg_._size_l_1xqpe_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SText_1xqpe_gg_.__placeholder_1xqpe_gg_{color:var(--intergalactic-text-placeholder, #a9abb6)}.___SButtonTrigger_1xqpe_gg_._state_normal_1xqpe_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButtonTrigger_1xqpe_gg_._state_valid_1xqpe_gg_{border-color:var(--intergalactic-border-success, #59ddaa)}.___SButtonTrigger_1xqpe_gg_._state_invalid_1xqpe_gg_{border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SFilterTrigger_1xqpe_gg_.__selected_1xqpe_gg_{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SFilterTrigger_1xqpe_gg_.__selected_1xqpe_gg_.__active_1xqpe_gg_{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}@media (hover:hover){.___SFilterTrigger_1xqpe_gg_.__selected_1xqpe_gg_:hover{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}}.___SWrapper_1xqpe_gg_{display:inline-flex}.___SWrapper_1xqpe_gg_:focus{outline:0}.___SWrapper_1xqpe_gg_.__keyboardFocused_1xqpe_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SCounter_1xqpe_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "1xqpe_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SButtonTrigger": "___SButtonTrigger_1xqpe_gg_",
|
|
28
|
+
"_active": "__active_1xqpe_gg_",
|
|
29
|
+
"_size_m": "_size_m_1xqpe_gg_",
|
|
30
|
+
"_size_l": "_size_l_1xqpe_gg_",
|
|
31
|
+
"__SText": "___SText_1xqpe_gg_",
|
|
32
|
+
"_placeholder": "__placeholder_1xqpe_gg_",
|
|
33
|
+
"_state_normal": "_state_normal_1xqpe_gg_",
|
|
34
|
+
"_state_valid": "_state_valid_1xqpe_gg_",
|
|
35
|
+
"_state_invalid": "_state_invalid_1xqpe_gg_",
|
|
36
|
+
"__SFilterTrigger": "___SFilterTrigger_1xqpe_gg_",
|
|
37
|
+
"_selected": "__selected_1xqpe_gg_",
|
|
38
|
+
"__SWrapper": "___SWrapper_1xqpe_gg_",
|
|
39
|
+
"_keyboardFocused": "__keyboardFocused_1xqpe_gg_",
|
|
40
|
+
"__SCounter": "___SCounter_1xqpe_gg_"
|
|
50
41
|
});
|
|
51
|
-
|
|
52
42
|
var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
53
43
|
_inherits(RootFilterTrigger, _Component);
|
|
54
|
-
|
|
55
44
|
var _super = _createSuper(RootFilterTrigger);
|
|
56
|
-
|
|
57
45
|
function RootFilterTrigger() {
|
|
58
46
|
var _this;
|
|
59
|
-
|
|
60
47
|
_classCallCheck(this, RootFilterTrigger);
|
|
61
|
-
|
|
62
48
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
63
49
|
args[_key] = arguments[_key];
|
|
64
50
|
}
|
|
65
|
-
|
|
66
51
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
67
|
-
|
|
68
52
|
_defineProperty(_assertThisInitialized(_this), "handleStopPropagation", function (e) {
|
|
69
53
|
return e.stopPropagation();
|
|
70
54
|
});
|
|
71
|
-
|
|
72
55
|
return _this;
|
|
73
56
|
}
|
|
74
|
-
|
|
75
57
|
_createClass(RootFilterTrigger, [{
|
|
76
58
|
key: "render",
|
|
77
59
|
value: function render() {
|
|
78
60
|
var _ref = this.asProps,
|
|
79
|
-
|
|
80
|
-
|
|
61
|
+
_ref3;
|
|
81
62
|
var SWrapper = Box;
|
|
82
63
|
var SFilterTrigger = BaseTrigger;
|
|
83
64
|
var _this$asProps = this.asProps,
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
65
|
+
Children = _this$asProps.Children,
|
|
66
|
+
styles = _this$asProps.styles,
|
|
67
|
+
empty = _this$asProps.empty,
|
|
68
|
+
onClear = _this$asProps.onClear,
|
|
69
|
+
size = _this$asProps.size,
|
|
70
|
+
placeholder = _this$asProps.placeholder,
|
|
71
|
+
active = _this$asProps.active,
|
|
72
|
+
disabled = _this$asProps.disabled,
|
|
73
|
+
getI18nText = _this$asProps.getI18nText;
|
|
94
74
|
if (this.asProps.role === 'button') {
|
|
95
75
|
this.asProps.role = 'group';
|
|
96
76
|
}
|
|
97
|
-
|
|
98
77
|
return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SWrapper, _ref3.cn("SWrapper", _objectSpread({}, _assignProps({
|
|
99
78
|
"aria-label": getI18nText('filter')
|
|
100
79
|
}, _ref))), /*#__PURE__*/React.createElement(NeighborLocation, _ref3.cn("NeighborLocation", {}), /*#__PURE__*/React.createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", {
|
|
@@ -121,14 +100,10 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
121
100
|
}))));
|
|
122
101
|
}
|
|
123
102
|
}]);
|
|
124
|
-
|
|
125
103
|
return RootFilterTrigger;
|
|
126
104
|
}(Component);
|
|
127
|
-
|
|
128
105
|
_defineProperty(RootFilterTrigger, "displayName", 'FilterTrigger');
|
|
129
|
-
|
|
130
106
|
_defineProperty(RootFilterTrigger, "style", style);
|
|
131
|
-
|
|
132
107
|
_defineProperty(RootFilterTrigger, "enhance", [i18nEnhance(localizedMessages), cssVariableEnhance({
|
|
133
108
|
variable: '--intergalactic-duration-control',
|
|
134
109
|
fallback: '200',
|
|
@@ -138,22 +113,18 @@ _defineProperty(RootFilterTrigger, "enhance", [i18nEnhance(localizedMessages), c
|
|
|
138
113
|
animateProps: ['width'],
|
|
139
114
|
onChangeOf: ['value']
|
|
140
115
|
})]);
|
|
141
|
-
|
|
142
116
|
_defineProperty(RootFilterTrigger, "defaultProps", {
|
|
143
117
|
i18n: localizedMessages,
|
|
144
118
|
locale: 'en'
|
|
145
119
|
});
|
|
146
|
-
|
|
147
120
|
function Counter(props) {
|
|
148
121
|
var _ref2 = arguments[0],
|
|
149
|
-
|
|
150
|
-
|
|
122
|
+
_ref4;
|
|
151
123
|
var SCounter = BaseTrigger.Addon;
|
|
152
124
|
return _ref4 = sstyled(props.styles), /*#__PURE__*/React.createElement(SCounter, _ref4.cn("SCounter", _objectSpread({}, _assignProps2({
|
|
153
125
|
"tag": Dot
|
|
154
126
|
}, _ref2))));
|
|
155
127
|
}
|
|
156
|
-
|
|
157
128
|
var FilterTrigger = createComponent(RootFilterTrigger, {
|
|
158
129
|
Text: BaseTrigger.Text,
|
|
159
130
|
Addon: BaseTrigger.Addon,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterTrigger.js","names":["React","createComponent","Component","Root","sstyled","BaseTrigger","Box","NeighborLocation","Dot","Close","ChevronDown","callAllEventHandlers","addonTextChildren","localizedMessages","i18nEnhance","animatedSizeEnhance","cssVariableEnhance","RootFilterTrigger","e","stopPropagation","SWrapper","SFilterTrigger","asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","getI18nText","role","FilterTrigger","Text","Addon","Counter","
|
|
1
|
+
{"version":3,"file":"FilterTrigger.js","names":["React","createComponent","Component","Root","sstyled","BaseTrigger","Box","NeighborLocation","Dot","Close","ChevronDown","callAllEventHandlers","addonTextChildren","localizedMessages","i18nEnhance","animatedSizeEnhance","cssVariableEnhance","style","_sstyled","insert","RootFilterTrigger","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","e","stopPropagation","_createClass","key","value","render","_ref","asProps","_ref3","SWrapper","SFilterTrigger","_this$asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","getI18nText","role","createElement","cn","_objectSpread","_assignProps","FilterTrigger","Text","Addon","Counter","tag","handleStopPropagation","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","i18n","locale","props","_ref2","arguments[0]","_ref4","SCounter","_assignProps2","parent"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/filter-trigger.shadow.css';\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n ];\n static defaultProps = {\n i18n: localizedMessages,\n locale: 'en',\n };\n\n handleStopPropagation = (e) => e.stopPropagation();\n\n render() {\n const SWrapper = Root;\n const SFilterTrigger = BaseTrigger;\n const { Children, styles, empty, onClear, size, placeholder, active, disabled, getI18nText } =\n this.asProps;\n\n if (this.asProps.role === 'button') {\n this.asProps.role = 'group';\n }\n\n return sstyled(styles)(\n <SWrapper render={Box} aria-label={getI18nText('filter')}>\n <NeighborLocation>\n <SFilterTrigger\n w=\"100%\"\n size={size}\n placeholder={placeholder}\n empty={empty}\n selected={!empty}\n active={active}\n disabled={disabled}\n >\n {addonTextChildren(\n Children,\n FilterTrigger.Text,\n [FilterTrigger.Addon, FilterTrigger.Counter],\n empty,\n )}\n {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n </SFilterTrigger>\n {!empty && (\n <SFilterTrigger\n tag=\"button\"\n aria-label={getI18nText('clear')}\n size={size}\n empty={empty}\n selected\n onClick={callAllEventHandlers(onClear, this.handleStopPropagation)}\n onKeyDown={this.handleStopPropagation}\n disabled={disabled}\n >\n <FilterTrigger.Addon tag={Close} />\n </SFilterTrigger>\n )}\n </NeighborLocation>\n </SWrapper>,\n );\n }\n}\n\nfunction Counter(props) {\n const SCounter = Root;\n return sstyled(props.styles)(<SCounter render={BaseTrigger.Addon} tag={Dot} />);\n}\n\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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"}
|
package/lib/es6/LinkTrigger.js
CHANGED
|
@@ -16,48 +16,34 @@ import Spin from '@semcore/spin';
|
|
|
16
16
|
import { Box } from '@semcore/flex-box';
|
|
17
17
|
import resolveColor, { shade } from '@semcore/utils/lib/color';
|
|
18
18
|
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
19
|
-
|
|
20
19
|
/*__reshadow-styles__:"./style/link-trigger.shadow.css"*/
|
|
21
|
-
var style = (
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
"
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
,
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"--color": "--color_1rwmz",
|
|
35
|
-
"--color-hover": "--color-hover_1rwmz",
|
|
36
|
-
"_disabled": "__disabled_1rwmz_gg_",
|
|
37
|
-
"_keyboardFocused": "__keyboardFocused_1rwmz_gg_",
|
|
38
|
-
"__SAddon": "___SAddon_1rwmz_gg_",
|
|
39
|
-
"__SLinkAddon": "___SLinkAddon_1rwmz_gg_",
|
|
40
|
-
"_size_m": "_size_m_1rwmz_gg_",
|
|
41
|
-
"_size_l": "_size_l_1rwmz_gg_"
|
|
20
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_q17al_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out}.___SLinkTrigger_q17al_gg_.__active_q17al_gg_,.___SLinkTrigger_q17al_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_q17al_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_q17al_gg_.__active_q17al_gg_ .___SText_q17al_gg_,.___SLinkTrigger_q17al_gg_:active .___SText_q17al_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_q17al_gg_:hover .___SText_q17al_gg_{border-color:currentColor}}.___SLinkTrigger_q17al_gg_ .___SText_q17al_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_q17al_gg_.__color_q17al_gg_{color:var(--color_q17al)}@media (hover:hover){.___SLinkTrigger_q17al_gg_.__color_q17al_gg_:hover{color:var(--color-hover_q17al)}}.___SLinkTrigger_q17al_gg_.__disabled_q17al_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_q17al_gg_.__keyboardFocused_q17al_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));z-index:1}.___SAddon_q17al_gg_,.___SLinkAddon_q17al_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_q17al_gg_:not(:only-child):first-child,.___SLinkAddon_q17al_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_q17al_gg_:not(:only-child):last-child,.___SLinkAddon_q17al_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_q17al_gg_{width:16px;height:16px}.___SLinkTrigger_q17al_gg_._size_m_q17al_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_q17al_gg_._size_l_q17al_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_q17al_gg_,.___SLinkTrigger_q17al_gg_ .___SText_q17al_gg_{transition:none}}" /*__inner_css_end__*/, "q17al_gg_") /*__reshadow_css_end__*/, {
|
|
21
|
+
"__SLinkTrigger": "___SLinkTrigger_q17al_gg_",
|
|
22
|
+
"_active": "__active_q17al_gg_",
|
|
23
|
+
"__SText": "___SText_q17al_gg_",
|
|
24
|
+
"_color": "__color_q17al_gg_",
|
|
25
|
+
"--color": "--color_q17al",
|
|
26
|
+
"--color-hover": "--color-hover_q17al",
|
|
27
|
+
"_disabled": "__disabled_q17al_gg_",
|
|
28
|
+
"_keyboardFocused": "__keyboardFocused_q17al_gg_",
|
|
29
|
+
"__SAddon": "___SAddon_q17al_gg_",
|
|
30
|
+
"__SLinkAddon": "___SLinkAddon_q17al_gg_",
|
|
31
|
+
"_size_m": "_size_m_q17al_gg_",
|
|
32
|
+
"_size_l": "_size_l_q17al_gg_"
|
|
42
33
|
});
|
|
43
|
-
|
|
44
34
|
var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
45
35
|
_inherits(RootLinkTrigger, _Component);
|
|
46
|
-
|
|
47
36
|
var _super = _createSuper(RootLinkTrigger);
|
|
48
|
-
|
|
49
37
|
function RootLinkTrigger() {
|
|
50
38
|
_classCallCheck(this, RootLinkTrigger);
|
|
51
|
-
|
|
52
39
|
return _super.apply(this, arguments);
|
|
53
40
|
}
|
|
54
|
-
|
|
55
41
|
_createClass(RootLinkTrigger, [{
|
|
56
42
|
key: "getTextProps",
|
|
57
43
|
value: function getTextProps() {
|
|
58
44
|
var _this$asProps = this.asProps,
|
|
59
|
-
|
|
60
|
-
|
|
45
|
+
placeholder = _this$asProps.placeholder,
|
|
46
|
+
empty = _this$asProps.empty;
|
|
61
47
|
return {
|
|
62
48
|
placeholder: placeholder,
|
|
63
49
|
empty: empty
|
|
@@ -67,16 +53,15 @@ var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
|
67
53
|
key: "render",
|
|
68
54
|
value: function render() {
|
|
69
55
|
var _ref = this.asProps,
|
|
70
|
-
|
|
71
|
-
|
|
56
|
+
_ref4;
|
|
72
57
|
var SLinkTrigger = Box;
|
|
73
58
|
var SLinkAddon = LinkTrigger.Addon;
|
|
74
59
|
var _this$asProps2 = this.asProps,
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
60
|
+
Children = _this$asProps2.Children,
|
|
61
|
+
loading = _this$asProps2.loading,
|
|
62
|
+
styles = _this$asProps2.styles,
|
|
63
|
+
empty = _this$asProps2.empty,
|
|
64
|
+
providedColor = _this$asProps2.color;
|
|
80
65
|
var color = resolveColor(providedColor);
|
|
81
66
|
var colorHover = shade(color, -0.12);
|
|
82
67
|
return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SLinkTrigger, _ref4.cn("SLinkTrigger", _objectSpread({}, _assignProps({
|
|
@@ -88,46 +73,35 @@ var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
|
88
73
|
})) : /*#__PURE__*/React.createElement(ChevronDown, _ref4.cn("ChevronDown", {}))));
|
|
89
74
|
}
|
|
90
75
|
}]);
|
|
91
|
-
|
|
92
76
|
return RootLinkTrigger;
|
|
93
77
|
}(Component);
|
|
94
|
-
|
|
95
78
|
_defineProperty(RootLinkTrigger, "displayName", 'LinkTrigger');
|
|
96
|
-
|
|
97
79
|
_defineProperty(RootLinkTrigger, "style", style);
|
|
98
|
-
|
|
99
80
|
_defineProperty(RootLinkTrigger, "defaultProps", {
|
|
100
81
|
size: 'm'
|
|
101
82
|
});
|
|
102
|
-
|
|
103
83
|
_defineProperty(RootLinkTrigger, "enhance", [keyboardFocusEnhance()]);
|
|
104
|
-
|
|
105
84
|
function Text(props) {
|
|
106
85
|
var _ref2 = arguments[0],
|
|
107
|
-
|
|
108
|
-
|
|
86
|
+
_ref5;
|
|
109
87
|
var SText = Box;
|
|
110
88
|
var children = props.children,
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
89
|
+
styles = props.styles,
|
|
90
|
+
empty = props.empty,
|
|
91
|
+
placeholder = props.placeholder;
|
|
114
92
|
return _ref5 = sstyled(styles),
|
|
115
93
|
/*#__PURE__*/
|
|
116
|
-
|
|
117
94
|
/* "use:" prefix was used for backward compatibility (by lsroman) */
|
|
118
95
|
React.createElement(SText, _ref5.cn("SText", _objectSpread({}, _assignProps2({
|
|
119
96
|
"use:placeholder": empty
|
|
120
97
|
}, _ref2))), empty ? placeholder : children);
|
|
121
98
|
}
|
|
122
|
-
|
|
123
99
|
function Addon(props) {
|
|
124
100
|
var _ref3 = arguments[0],
|
|
125
|
-
|
|
126
|
-
|
|
101
|
+
_ref6;
|
|
127
102
|
var SAddon = Box;
|
|
128
103
|
return _ref6 = sstyled(props.styles), /*#__PURE__*/React.createElement(SAddon, _ref6.cn("SAddon", _objectSpread({}, _assignProps3({}, _ref3))));
|
|
129
104
|
}
|
|
130
|
-
|
|
131
105
|
var LinkTrigger = createComponent(RootLinkTrigger, {
|
|
132
106
|
Text: Text,
|
|
133
107
|
Addon: Addon
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","Spin","Box","resolveColor","shade","keyboardFocusEnhance","RootLinkTrigger","asProps","placeholder","empty","SLinkTrigger","SLinkAddon","LinkTrigger","Addon","Children","loading","styles","providedColor","color","colorHover","Text","
|
|
1
|
+
{"version":3,"file":"LinkTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","Spin","Box","resolveColor","shade","keyboardFocusEnhance","style","_sstyled","insert","RootLinkTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","_ref4","SLinkTrigger","SLinkAddon","LinkTrigger","Addon","_this$asProps2","Children","loading","styles","providedColor","color","colorHover","createElement","cn","_objectSpread","_assignProps","Text","_defineProperty","size","props","_ref2","arguments[0]","_ref5","SText","children","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../src/LinkTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor, { shade } from '@semcore/utils/lib/color';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/link-trigger.shadow.css';\n\nclass RootLinkTrigger extends Component {\n static displayName = 'LinkTrigger';\n static style = style;\n static defaultProps = {\n size: 'm',\n };\n static enhance = [keyboardFocusEnhance()];\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SLinkTrigger = Root;\n const SLinkAddon = LinkTrigger.Addon;\n const { Children, loading, styles, empty, color: providedColor } = this.asProps;\n\n const color = resolveColor(providedColor);\n const colorHover = shade(color, -0.12);\n\n return sstyled(styles)(\n <SLinkTrigger render={Box} use:color={color} use:color-hover={colorHover}>\n {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty)}\n <SLinkAddon>\n {loading ? <Spin size=\"xs\" theme=\"currentColor\" /> : <ChevronDown />}\n </SLinkAddon>\n </SLinkTrigger>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n /* \"use:\" prefix was used for backward compatibility (by lsroman) */\n <SText render={Box} use:placeholder={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} />);\n}\n\nconst LinkTrigger = createComponent(RootLinkTrigger, {\n Text,\n Addon,\n});\n\nexport default LinkTrigger;\n"],"mappings":"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"}
|
package/lib/es6/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","ButtonTrigger","FilterTrigger","LinkTrigger"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './BaseTrigger';\nexport { default as ButtonTrigger } from './ButtonTrigger';\nexport { default as FilterTrigger } from './FilterTrigger';\nexport { default as LinkTrigger } from './LinkTrigger';\n"],"mappings":"AAAA,SAASA,
|
|
1
|
+
{"version":3,"file":"index.js","names":["default","ButtonTrigger","FilterTrigger","LinkTrigger"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './BaseTrigger';\nexport { default as ButtonTrigger } from './ButtonTrigger';\nexport { default as FilterTrigger } from './FilterTrigger';\nexport { default as LinkTrigger } from './LinkTrigger';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,eAAe;AACvC,SAASA,OAAO,IAAIC,aAAa,QAAQ,iBAAiB;AAC1D,SAASD,OAAO,IAAIE,aAAa,QAAQ,iBAAiB;AAC1D,SAASF,OAAO,IAAIG,WAAW,QAAQ,eAAe"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","pt","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 pt from './pt.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 pt,\n tr,\n vi,\n zh,\n};\n"],"mappings":"AAAA,OAAOA,
|
|
1
|
+
{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","pt","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 pt from './pt.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 pt,\n tr,\n vi,\n zh,\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;AAE1B,OAAO,IAAMC,iBAAiB,GAAG;EAC/BX,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"}
|