@lanaco/lnc-react-ui 3.10.0 → 3.11.1
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/lib/index.esm.js +20 -20
- package/lib/index.js +20 -20
- package/package.json +1 -1
package/lib/index.esm.js
CHANGED
|
@@ -47023,7 +47023,7 @@ Chip.propTypes = {
|
|
|
47023
47023
|
leadingIcon: PropTypes.string,
|
|
47024
47024
|
trailingIcon: PropTypes.string,
|
|
47025
47025
|
avatar: PropTypes.bool,
|
|
47026
|
-
borderRadius: PropTypes.oneOf(["regular", "curved"]),
|
|
47026
|
+
borderRadius: PropTypes.oneOf(["slight", "regular", "edged", "curved", "none"]),
|
|
47027
47027
|
disabled: PropTypes.bool,
|
|
47028
47028
|
tabIndex: PropTypes.number,
|
|
47029
47029
|
//---------------------------------------------------------------
|
|
@@ -47712,7 +47712,7 @@ Button$1.propTypes = {
|
|
|
47712
47712
|
* Icon after the text
|
|
47713
47713
|
*/
|
|
47714
47714
|
trailingIcon: PropTypes.string,
|
|
47715
|
-
borderRadius: PropTypes.oneOf(["regular", "curved", "none"]),
|
|
47715
|
+
borderRadius: PropTypes.oneOf(["slight", "regular", "edged", "curved", "none"]),
|
|
47716
47716
|
/**
|
|
47717
47717
|
* Different styles
|
|
47718
47718
|
*/
|
|
@@ -47949,7 +47949,7 @@ Button.defaultProps = {
|
|
|
47949
47949
|
Button.propTypes = {
|
|
47950
47950
|
icon: PropTypes.string,
|
|
47951
47951
|
iconStyle: PropTypes.oneOf(["regular", "solid"]),
|
|
47952
|
-
borderRadius: PropTypes.oneOf(["regular", "curved"]),
|
|
47952
|
+
borderRadius: PropTypes.oneOf(["slight", "regular", "edged", "curved", "none"]),
|
|
47953
47953
|
/**
|
|
47954
47954
|
* Different styles
|
|
47955
47955
|
*/
|
|
@@ -72917,7 +72917,7 @@ ButtonGroup.defaultProps = {
|
|
|
72917
72917
|
style: {}
|
|
72918
72918
|
};
|
|
72919
72919
|
ButtonGroup.propTypes = {
|
|
72920
|
-
borderRadius: PropTypes.oneOf(["regular", "curved"]),
|
|
72920
|
+
borderRadius: PropTypes.oneOf(["slight", "regular", "edged", "curved", "none"]),
|
|
72921
72921
|
className: PropTypes.string,
|
|
72922
72922
|
style: PropTypes.object
|
|
72923
72923
|
};
|
|
@@ -72929,7 +72929,7 @@ var _templateObject$y, _templateObject2$c;
|
|
|
72929
72929
|
var Container$6 = newStyled.div(_templateObject$y || (_templateObject$y = _taggedTemplateLiteral(["\n display: inline-flex;\n flex-wrap: wrap;\n width: 100%;\n gap: 0.375rem;\n justify-content: ", ";\n"])), function (props) {
|
|
72930
72930
|
return props.horizontalAlignment;
|
|
72931
72931
|
});
|
|
72932
|
-
var PaginationContainer = newStyled.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral(["\n
|
|
72932
|
+
var PaginationContainer = newStyled.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral(["\n & > .button-group-pagination-lnc {\n width: 100%;\n justify-content: ", ";\n }\n"])), function (props) {
|
|
72933
72933
|
return props.horizontalAlignment;
|
|
72934
72934
|
});
|
|
72935
72935
|
|
|
@@ -73102,7 +73102,7 @@ Pagination.propTypes = {
|
|
|
73102
73102
|
* Applies to the movement buttons and to the page number buttons
|
|
73103
73103
|
*/
|
|
73104
73104
|
disabled: PropTypes.bool,
|
|
73105
|
-
borderRadius: PropTypes.oneOf(["regular", "curved"]),
|
|
73105
|
+
borderRadius: PropTypes.oneOf(["slight", "regular", "edged", "curved", "none"]),
|
|
73106
73106
|
/**
|
|
73107
73107
|
* Sets the button `type`
|
|
73108
73108
|
*/
|
|
@@ -75240,7 +75240,7 @@ Surface.defaultProps = {
|
|
|
75240
75240
|
style: {}
|
|
75241
75241
|
};
|
|
75242
75242
|
Surface.propTypes = {
|
|
75243
|
-
borderRadius: PropTypes.oneOf(["regular", "
|
|
75243
|
+
borderRadius: PropTypes.oneOf(["slight", "regular", "edged", "curved", "none"]),
|
|
75244
75244
|
boxShadow: PropTypes.oneOf(["xs", "s", "m", "l", "xl", "xxl"]),
|
|
75245
75245
|
paddign: PropTypes.oneOf(["xs", "s", "m", "l", "xl", "xxl"]),
|
|
75246
75246
|
fullWidth: PropTypes.bool,
|
|
@@ -80880,7 +80880,7 @@ var _templateObject$g;
|
|
|
80880
80880
|
var StyledPageLayout = newStyled.section(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral(["\n display: flex;\n flex: auto;\n flex-direction: ", ";\n height: ", ";\n\n * {\n box-sizing: border-box;\n }\n\n & header,\n footer {\n flex: 0 0 auto;\n min-height: 4rem;\n }\n\n & main {\n flex: auto;\n overflow: hidden;\n }\n\n & aside {\n flex: 0 0 15rem;\n height: 100%;\n }\n"])), function (props) {
|
|
80881
80881
|
return props.hasSidebar ? "row" : "column";
|
|
80882
80882
|
}, function (props) {
|
|
80883
|
-
return props.isChild ? "100%" : "
|
|
80883
|
+
return props.isChild ? "100%" : "100dvh";
|
|
80884
80884
|
});
|
|
80885
80885
|
var PageLayout = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
80886
80886
|
var children = props.children,
|
|
@@ -81250,7 +81250,7 @@ TabItem.propTypes = {
|
|
|
81250
81250
|
//---------------------------------------------------------------
|
|
81251
81251
|
className: PropTypes.string,
|
|
81252
81252
|
style: PropTypes.object,
|
|
81253
|
-
color: PropTypes.oneOf(["primary", "secondary", "success", "warning", "danger", "information"]),
|
|
81253
|
+
color: PropTypes.oneOf(["primary", "secondary", "success", "warning", "danger", "information", "neutral"]),
|
|
81254
81254
|
size: PropTypes.oneOf(["small", "medium", "large"])
|
|
81255
81255
|
};
|
|
81256
81256
|
|
|
@@ -81559,17 +81559,17 @@ var HEADER_HEIGHT = "3.8rem";
|
|
|
81559
81559
|
var MODAL_PADDING = "1.5rem";
|
|
81560
81560
|
var getMaxHeight = function getMaxHeight(size, header, footer) {
|
|
81561
81561
|
if (header && footer) {
|
|
81562
|
-
if (size == "FULL") return "calc(
|
|
81563
|
-
return "calc(
|
|
81562
|
+
if (size == "FULL") return "calc(100dvh - ".concat(HEADER_HEIGHT, " - ").concat(FOOTER_HEIGHT, ")");
|
|
81563
|
+
return "calc(100dvh - ".concat(HEADER_HEIGHT, " - ").concat(FOOTER_HEIGHT, " - ").concat(MODAL_PADDING, ")");
|
|
81564
81564
|
} else if (header) {
|
|
81565
|
-
if (size == "FULL") return "calc(
|
|
81566
|
-
return "calc(
|
|
81565
|
+
if (size == "FULL") return "calc(100dvh - ".concat(HEADER_HEIGHT, ")");
|
|
81566
|
+
return "calc(100dvh - ".concat(HEADER_HEIGHT, " - ").concat(MODAL_PADDING, ")");
|
|
81567
81567
|
} else if (footer) {
|
|
81568
|
-
if (size == "FULL") return "calc(
|
|
81569
|
-
return "calc(
|
|
81568
|
+
if (size == "FULL") return "calc(100dvh - ".concat(FOOTER_HEIGHT, ")");
|
|
81569
|
+
return "calc(100dvh - ".concat(FOOTER_HEIGHT, " - ").concat(MODAL_PADDING, ")");
|
|
81570
81570
|
}
|
|
81571
|
-
if (size == "FULL") return "
|
|
81572
|
-
return "calc(
|
|
81571
|
+
if (size == "FULL") return "100dvh";
|
|
81572
|
+
return "calc(100dvh - ".concat(MODAL_PADDING, ")");
|
|
81573
81573
|
};
|
|
81574
81574
|
var getMaxWidth = function getMaxWidth(size) {
|
|
81575
81575
|
if (size == "FULL") return "100vw";
|
|
@@ -81601,7 +81601,7 @@ var ModalContainer = newStyled(motion.div)(_templateObject2$2 || (_templateObjec
|
|
|
81601
81601
|
}, function (props) {
|
|
81602
81602
|
return props.size.toUpperCase() != "FULL" ? "16px" : "0";
|
|
81603
81603
|
}, HEADER_HEIGHT, MODAL_PADDING, MODAL_PADDING, MODAL_PADDING, FOOTER_HEIGHT, function (props) {
|
|
81604
|
-
return props.size.toUpperCase() == "FULL" && "height:
|
|
81604
|
+
return props.size.toUpperCase() == "FULL" && "height: 100dvh";
|
|
81605
81605
|
}, function (props) {
|
|
81606
81606
|
return props.scrollOverlay == false && "max-height: ".concat(getMaxHeight(props.size.toUpperCase(), props.header, props.footer), ";");
|
|
81607
81607
|
}, function (props) {
|
|
@@ -82433,7 +82433,7 @@ var getWidth = function getWidth(direction, isOpen, isFullPage, drawerSize, unse
|
|
|
82433
82433
|
return "width: 0;";
|
|
82434
82434
|
};
|
|
82435
82435
|
var StyledDrawer = newStyled.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n touch-action: none;\n overflow: auto;\n max-height: ", ";\n ", "\n max-width: ", ";\n ", "\n position: fixed;\n z-index: ", ";\n ", ";\n ", ";\n -webkit-transition: ", ";\n -moz-transition: ", ";\n -ms-transition: ", ";\n -o-transition: ", ";\n transition: ", ";\n padding: ", ";\n\n box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);\n\n background-color: ", ";\n color: ", ";\n ", ";\n"])), function (p) {
|
|
82436
|
-
return p.isOpen || p.unsetHeight === false ? "
|
|
82436
|
+
return p.isOpen || p.unsetHeight === false ? "100dvh" : 0;
|
|
82437
82437
|
}, function (props) {
|
|
82438
82438
|
return getHeight(props.direction, props.isOpen, props.isFullPage, props.drawerSize, props.unsetHeight);
|
|
82439
82439
|
}, function (p) {
|
|
@@ -82468,7 +82468,7 @@ var StyledDrawer = newStyled.div(_templateObject$4 || (_templateObject$4 = _tagg
|
|
|
82468
82468
|
var StyledOverlay = newStyled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n z-index: ", ";\n position: fixed;\n top: 0;\n left: 0;\n\n height: ", ";\n width: ", ";\n background-color: ", ";\n"])), function (props) {
|
|
82469
82469
|
return props.zIndex;
|
|
82470
82470
|
}, function (props) {
|
|
82471
|
-
return props.isOpen === true && props.enableOverlay === true ? "
|
|
82471
|
+
return props.isOpen === true && props.enableOverlay === true ? "100dvh" : 0;
|
|
82472
82472
|
}, function (props) {
|
|
82473
82473
|
return props.isOpen === true && props.enableOverlay === true ? "100vw" : 0;
|
|
82474
82474
|
}, function (props) {
|
package/lib/index.js
CHANGED
|
@@ -47072,7 +47072,7 @@ Chip.propTypes = {
|
|
|
47072
47072
|
leadingIcon: PropTypes__default["default"].string,
|
|
47073
47073
|
trailingIcon: PropTypes__default["default"].string,
|
|
47074
47074
|
avatar: PropTypes__default["default"].bool,
|
|
47075
|
-
borderRadius: PropTypes__default["default"].oneOf(["regular", "curved"]),
|
|
47075
|
+
borderRadius: PropTypes__default["default"].oneOf(["slight", "regular", "edged", "curved", "none"]),
|
|
47076
47076
|
disabled: PropTypes__default["default"].bool,
|
|
47077
47077
|
tabIndex: PropTypes__default["default"].number,
|
|
47078
47078
|
//---------------------------------------------------------------
|
|
@@ -47761,7 +47761,7 @@ Button$1.propTypes = {
|
|
|
47761
47761
|
* Icon after the text
|
|
47762
47762
|
*/
|
|
47763
47763
|
trailingIcon: PropTypes__default["default"].string,
|
|
47764
|
-
borderRadius: PropTypes__default["default"].oneOf(["regular", "curved", "none"]),
|
|
47764
|
+
borderRadius: PropTypes__default["default"].oneOf(["slight", "regular", "edged", "curved", "none"]),
|
|
47765
47765
|
/**
|
|
47766
47766
|
* Different styles
|
|
47767
47767
|
*/
|
|
@@ -47998,7 +47998,7 @@ Button.defaultProps = {
|
|
|
47998
47998
|
Button.propTypes = {
|
|
47999
47999
|
icon: PropTypes__default["default"].string,
|
|
48000
48000
|
iconStyle: PropTypes__default["default"].oneOf(["regular", "solid"]),
|
|
48001
|
-
borderRadius: PropTypes__default["default"].oneOf(["regular", "curved"]),
|
|
48001
|
+
borderRadius: PropTypes__default["default"].oneOf(["slight", "regular", "edged", "curved", "none"]),
|
|
48002
48002
|
/**
|
|
48003
48003
|
* Different styles
|
|
48004
48004
|
*/
|
|
@@ -72966,7 +72966,7 @@ ButtonGroup.defaultProps = {
|
|
|
72966
72966
|
style: {}
|
|
72967
72967
|
};
|
|
72968
72968
|
ButtonGroup.propTypes = {
|
|
72969
|
-
borderRadius: PropTypes__default["default"].oneOf(["regular", "curved"]),
|
|
72969
|
+
borderRadius: PropTypes__default["default"].oneOf(["slight", "regular", "edged", "curved", "none"]),
|
|
72970
72970
|
className: PropTypes__default["default"].string,
|
|
72971
72971
|
style: PropTypes__default["default"].object
|
|
72972
72972
|
};
|
|
@@ -72978,7 +72978,7 @@ var _templateObject$y, _templateObject2$c;
|
|
|
72978
72978
|
var Container$6 = newStyled.div(_templateObject$y || (_templateObject$y = _taggedTemplateLiteral__default["default"](["\n display: inline-flex;\n flex-wrap: wrap;\n width: 100%;\n gap: 0.375rem;\n justify-content: ", ";\n"])), function (props) {
|
|
72979
72979
|
return props.horizontalAlignment;
|
|
72980
72980
|
});
|
|
72981
|
-
var PaginationContainer = newStyled.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral__default["default"](["\n
|
|
72981
|
+
var PaginationContainer = newStyled.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral__default["default"](["\n & > .button-group-pagination-lnc {\n width: 100%;\n justify-content: ", ";\n }\n"])), function (props) {
|
|
72982
72982
|
return props.horizontalAlignment;
|
|
72983
72983
|
});
|
|
72984
72984
|
|
|
@@ -73151,7 +73151,7 @@ Pagination.propTypes = {
|
|
|
73151
73151
|
* Applies to the movement buttons and to the page number buttons
|
|
73152
73152
|
*/
|
|
73153
73153
|
disabled: PropTypes__default["default"].bool,
|
|
73154
|
-
borderRadius: PropTypes__default["default"].oneOf(["regular", "curved"]),
|
|
73154
|
+
borderRadius: PropTypes__default["default"].oneOf(["slight", "regular", "edged", "curved", "none"]),
|
|
73155
73155
|
/**
|
|
73156
73156
|
* Sets the button `type`
|
|
73157
73157
|
*/
|
|
@@ -75289,7 +75289,7 @@ Surface.defaultProps = {
|
|
|
75289
75289
|
style: {}
|
|
75290
75290
|
};
|
|
75291
75291
|
Surface.propTypes = {
|
|
75292
|
-
borderRadius: PropTypes__default["default"].oneOf(["regular", "
|
|
75292
|
+
borderRadius: PropTypes__default["default"].oneOf(["slight", "regular", "edged", "curved", "none"]),
|
|
75293
75293
|
boxShadow: PropTypes__default["default"].oneOf(["xs", "s", "m", "l", "xl", "xxl"]),
|
|
75294
75294
|
paddign: PropTypes__default["default"].oneOf(["xs", "s", "m", "l", "xl", "xxl"]),
|
|
75295
75295
|
fullWidth: PropTypes__default["default"].bool,
|
|
@@ -80929,7 +80929,7 @@ var _templateObject$g;
|
|
|
80929
80929
|
var StyledPageLayout = newStyled.section(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral__default["default"](["\n display: flex;\n flex: auto;\n flex-direction: ", ";\n height: ", ";\n\n * {\n box-sizing: border-box;\n }\n\n & header,\n footer {\n flex: 0 0 auto;\n min-height: 4rem;\n }\n\n & main {\n flex: auto;\n overflow: hidden;\n }\n\n & aside {\n flex: 0 0 15rem;\n height: 100%;\n }\n"])), function (props) {
|
|
80930
80930
|
return props.hasSidebar ? "row" : "column";
|
|
80931
80931
|
}, function (props) {
|
|
80932
|
-
return props.isChild ? "100%" : "
|
|
80932
|
+
return props.isChild ? "100%" : "100dvh";
|
|
80933
80933
|
});
|
|
80934
80934
|
var PageLayout = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
80935
80935
|
var children = props.children,
|
|
@@ -81299,7 +81299,7 @@ TabItem.propTypes = {
|
|
|
81299
81299
|
//---------------------------------------------------------------
|
|
81300
81300
|
className: PropTypes__default["default"].string,
|
|
81301
81301
|
style: PropTypes__default["default"].object,
|
|
81302
|
-
color: PropTypes__default["default"].oneOf(["primary", "secondary", "success", "warning", "danger", "information"]),
|
|
81302
|
+
color: PropTypes__default["default"].oneOf(["primary", "secondary", "success", "warning", "danger", "information", "neutral"]),
|
|
81303
81303
|
size: PropTypes__default["default"].oneOf(["small", "medium", "large"])
|
|
81304
81304
|
};
|
|
81305
81305
|
|
|
@@ -81608,17 +81608,17 @@ var HEADER_HEIGHT = "3.8rem";
|
|
|
81608
81608
|
var MODAL_PADDING = "1.5rem";
|
|
81609
81609
|
var getMaxHeight = function getMaxHeight(size, header, footer) {
|
|
81610
81610
|
if (header && footer) {
|
|
81611
|
-
if (size == "FULL") return "calc(
|
|
81612
|
-
return "calc(
|
|
81611
|
+
if (size == "FULL") return "calc(100dvh - ".concat(HEADER_HEIGHT, " - ").concat(FOOTER_HEIGHT, ")");
|
|
81612
|
+
return "calc(100dvh - ".concat(HEADER_HEIGHT, " - ").concat(FOOTER_HEIGHT, " - ").concat(MODAL_PADDING, ")");
|
|
81613
81613
|
} else if (header) {
|
|
81614
|
-
if (size == "FULL") return "calc(
|
|
81615
|
-
return "calc(
|
|
81614
|
+
if (size == "FULL") return "calc(100dvh - ".concat(HEADER_HEIGHT, ")");
|
|
81615
|
+
return "calc(100dvh - ".concat(HEADER_HEIGHT, " - ").concat(MODAL_PADDING, ")");
|
|
81616
81616
|
} else if (footer) {
|
|
81617
|
-
if (size == "FULL") return "calc(
|
|
81618
|
-
return "calc(
|
|
81617
|
+
if (size == "FULL") return "calc(100dvh - ".concat(FOOTER_HEIGHT, ")");
|
|
81618
|
+
return "calc(100dvh - ".concat(FOOTER_HEIGHT, " - ").concat(MODAL_PADDING, ")");
|
|
81619
81619
|
}
|
|
81620
|
-
if (size == "FULL") return "
|
|
81621
|
-
return "calc(
|
|
81620
|
+
if (size == "FULL") return "100dvh";
|
|
81621
|
+
return "calc(100dvh - ".concat(MODAL_PADDING, ")");
|
|
81622
81622
|
};
|
|
81623
81623
|
var getMaxWidth = function getMaxWidth(size) {
|
|
81624
81624
|
if (size == "FULL") return "100vw";
|
|
@@ -81650,7 +81650,7 @@ var ModalContainer = newStyled(motion.div)(_templateObject2$2 || (_templateObjec
|
|
|
81650
81650
|
}, function (props) {
|
|
81651
81651
|
return props.size.toUpperCase() != "FULL" ? "16px" : "0";
|
|
81652
81652
|
}, HEADER_HEIGHT, MODAL_PADDING, MODAL_PADDING, MODAL_PADDING, FOOTER_HEIGHT, function (props) {
|
|
81653
|
-
return props.size.toUpperCase() == "FULL" && "height:
|
|
81653
|
+
return props.size.toUpperCase() == "FULL" && "height: 100dvh";
|
|
81654
81654
|
}, function (props) {
|
|
81655
81655
|
return props.scrollOverlay == false && "max-height: ".concat(getMaxHeight(props.size.toUpperCase(), props.header, props.footer), ";");
|
|
81656
81656
|
}, function (props) {
|
|
@@ -82482,7 +82482,7 @@ var getWidth = function getWidth(direction, isOpen, isFullPage, drawerSize, unse
|
|
|
82482
82482
|
return "width: 0;";
|
|
82483
82483
|
};
|
|
82484
82484
|
var StyledDrawer = newStyled.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral__default["default"](["\n touch-action: none;\n overflow: auto;\n max-height: ", ";\n ", "\n max-width: ", ";\n ", "\n position: fixed;\n z-index: ", ";\n ", ";\n ", ";\n -webkit-transition: ", ";\n -moz-transition: ", ";\n -ms-transition: ", ";\n -o-transition: ", ";\n transition: ", ";\n padding: ", ";\n\n box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);\n\n background-color: ", ";\n color: ", ";\n ", ";\n"])), function (p) {
|
|
82485
|
-
return p.isOpen || p.unsetHeight === false ? "
|
|
82485
|
+
return p.isOpen || p.unsetHeight === false ? "100dvh" : 0;
|
|
82486
82486
|
}, function (props) {
|
|
82487
82487
|
return getHeight(props.direction, props.isOpen, props.isFullPage, props.drawerSize, props.unsetHeight);
|
|
82488
82488
|
}, function (p) {
|
|
@@ -82517,7 +82517,7 @@ var StyledDrawer = newStyled.div(_templateObject$4 || (_templateObject$4 = _tagg
|
|
|
82517
82517
|
var StyledOverlay = newStyled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default["default"](["\n z-index: ", ";\n position: fixed;\n top: 0;\n left: 0;\n\n height: ", ";\n width: ", ";\n background-color: ", ";\n"])), function (props) {
|
|
82518
82518
|
return props.zIndex;
|
|
82519
82519
|
}, function (props) {
|
|
82520
|
-
return props.isOpen === true && props.enableOverlay === true ? "
|
|
82520
|
+
return props.isOpen === true && props.enableOverlay === true ? "100dvh" : 0;
|
|
82521
82521
|
}, function (props) {
|
|
82522
82522
|
return props.isOpen === true && props.enableOverlay === true ? "100vw" : 0;
|
|
82523
82523
|
}, function (props) {
|