@depay/widgets 7.14.0 → 7.14.3
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/README.md +45 -7
- package/dist/esm/index.bundle.js +19 -27
- package/dist/esm/index.js +16 -9
- package/dist/umd/index.bundle.js +19 -27
- package/dist/umd/index.js +16 -9
- package/package.json +2 -2
package/dist/esm/index.js
CHANGED
|
@@ -1323,7 +1323,7 @@ var CardStyle = (function (style) {
|
|
|
1323
1323
|
});
|
|
1324
1324
|
|
|
1325
1325
|
var DialogStyle = (function (style) {
|
|
1326
|
-
return "\n\n .ReactDialogBackground {\n backdrop-filter: blur(5px);\n background: rgba(0,0,0,0.7);\n }\n\n .contained .ReactDialog {\n position: absolute;\n height: 100%;\n min-height: 100%;\n width: 100%;\n min-width: 100%;\n }\n\n .contained .ReactDialogBackground {\n position: absolute;\n }\n\n .contained .ReactDialog.ReactDialogOpen .ReactDialogAnimation {\n top: 0;\n }\n\n .Dialog {\n margin: 0 auto;\n position: relative;\n width: 420px;\n box-shadow: 0 0 20px rgba(0,0,0,0.
|
|
1326
|
+
return "\n\n .ReactDialogBackground {\n backdrop-filter: blur(5px);\n background: rgba(0,0,0,0.7);\n }\n\n .contained .ReactDialog {\n position: absolute;\n height: 100%;\n min-height: 100%;\n width: 100%;\n min-width: 100%;\n }\n\n .contained .ReactDialogBackground {\n position: absolute;\n }\n\n .contained .ReactDialog.ReactDialogOpen .ReactDialogAnimation {\n top: 0;\n }\n\n .Dialog {\n margin: 0 auto;\n position: relative;\n width: 420px;\n box-shadow: 0 0 20px rgba(0,0,0,0.2);\n border-radius: 13px;\n background: rgb(248,248,248);\n }\n\n @media (max-width: 450px) {\n\n .Dialog {\n border-radius: 0;\n width: 100%;\n }\n }\n\n @media (orientation: portrait) and (max-width: 800px) {\n\n .ReactDialogAnimation {\n width: 100%;\n }\n\n .ReactDialog {\n height: 100%;\n min-height: 100%;\n }\n\n .ReactDialogStack {\n align-items: flex-end;\n }\n\n .Dialog {\n align-content: stretch;\n border-radius: 13px;\n border-top-radius: 13px;\n display: flex;\n flex-direction: column;\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n }\n\n .DialogBody {\n flex: 1;\n align-items: flex-end;\n }\n\n .DialogFooter {\n padding-bottom: 20px;\n }\n\n .ReactDialogAnimation {\n margin-bottom: -100px !important;\n top: inherit !important;\n position: relative;\n transition: opacity 0.4s ease, margin-bottom 0.4s ease;\n }\n\n .ReactDialog.ReactDialogOpen .ReactDialogAnimation {\n margin-bottom: 0px !important;\n }\n\n .DialogFooter {\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n }\n\n .ReactShadowDOMInsideContainer > .ReactDialog {\n align-items: flex-end;\n }\n }\n\n .DialogBody {\n overflow-x: hidden;\n overflow-y: auto;\n }\n\n .DialogBody.ScrollHeight {\n height: 30vh !important;\n max-height: 30vh !important;\n }\n\n .DialogHeader {\n border-top-left-radius: 13px;\n border-top-right-radius: 13px;\n min-height: 54px;\n position: relative;\n width: 100%;\n }\n\n .DialogHeaderActionRight {\n position: absolute;\n top: 0;\n right: 0;\n height: 48px;\n }\n\n .DialogHeaderActionLeft {\n position: absolute;\n top: 0;\n left: 0;\n height: 48px;\n }\n\n .DialogFooter {\n border-bottom-left-radius: 13px;\n border-bottom-right-radius: 13px;\n line-height: 24px;\n min-height: 32px;\n position: relative;\n text-align: center;\n }\n\n ";
|
|
1327
1327
|
});
|
|
1328
1328
|
|
|
1329
1329
|
var FontStyle = (function (style) {
|
|
@@ -1367,7 +1367,7 @@ var PaddingStyle = (function () {
|
|
|
1367
1367
|
});
|
|
1368
1368
|
|
|
1369
1369
|
var PoweredByStyle = (function (style) {
|
|
1370
|
-
return "\n\n .PoweredByWrapper {\n display: block;\n left: 0;\n padding-top: 3px;\n position: fixed;\n right: 0;\n text-align: center;\n top: 0;\n }\n\n .contained .PoweredByWrapper {\n position: absolute;\n }\n\n .PoweredByLink {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !important;\n
|
|
1370
|
+
return "\n\n .PoweredByWrapper {\n display: block;\n left: 0;\n padding-top: 3px;\n position: fixed;\n right: 0;\n text-align: center;\n top: 0;\n }\n\n .contained .PoweredByWrapper {\n position: absolute;\n }\n\n .PoweredByLink {\n color: white;\n display: inline-block;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !important;\n font-size: 14px;\n font-style: italic;\n font-weight: bold;\n letter-spacing: -0.2px;\n margin-left: 8px;\n opacity: 0.5;\n text-decoration: none;\n text-shadow: black 0 0 2px;\n }\n\n .PoweredByLink:hover, .PoweredByLink:active {\n opacity: 1.0;\n }\n ";
|
|
1371
1371
|
});
|
|
1372
1372
|
|
|
1373
1373
|
var RangeSliderStyle = (function (style) {
|
|
@@ -1411,16 +1411,18 @@ var TooltipStyle = (function (style) {
|
|
|
1411
1411
|
});
|
|
1412
1412
|
|
|
1413
1413
|
var styleRenderer = (function (style) {
|
|
1414
|
-
|
|
1415
|
-
|
|
1414
|
+
var _style, _style2;
|
|
1415
|
+
|
|
1416
|
+
style = {
|
|
1417
|
+
colors: Object.assign({
|
|
1416
1418
|
primary: '#ea357a',
|
|
1417
1419
|
buttonText: '#ffffff',
|
|
1418
1420
|
icons: '#000000',
|
|
1419
1421
|
text: '#212529'
|
|
1420
|
-
},
|
|
1421
|
-
fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"'
|
|
1422
|
-
}
|
|
1423
|
-
return [ResetStyle(), DialogStyle(), ButtonCircularStyle(), ButtonPrimaryStyle(style), CardStyle(style), PoweredByStyle(
|
|
1422
|
+
}, ((_style = style) === null || _style === void 0 ? void 0 : _style.colors) || {}),
|
|
1423
|
+
fontFamily: ((_style2 = style) === null || _style2 === void 0 ? void 0 : _style2.fontFamily) || '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"'
|
|
1424
|
+
};
|
|
1425
|
+
return [ResetStyle(), DialogStyle(), ButtonCircularStyle(), ButtonPrimaryStyle(style), CardStyle(style), PoweredByStyle(), GraphicStyle(), SkeletonStyle(), TokenAmountStyle(), TextStyle(style), FontStyle(style), IconStyle(style), OpacityStyle(), PaddingStyle(), HeightStyle(), LoadingTextStyle(style), RangeSliderStyle(style), InputStyle(), TextButtonStyle(style), ImageStyle(), BlockchainLogoStyle(), SearchStyle(style), TokenImageStyle(), AlertStyle(), TableStyle(), LinkStyle(style), TooltipStyle(style)].join('');
|
|
1424
1426
|
});
|
|
1425
1427
|
|
|
1426
1428
|
var mount = (function (_ref, content) {
|
|
@@ -1658,7 +1660,12 @@ var round = (function (input) {
|
|
|
1658
1660
|
focusToFixed = parseFloat(_float).toFixed(1).replace('.', '');
|
|
1659
1661
|
}
|
|
1660
1662
|
|
|
1661
|
-
if (focusToFixed
|
|
1663
|
+
if (focusToFixed == '099' && parseInt(inputAsFloat.toFixed(0)) == 0) {
|
|
1664
|
+
focusToFixed = direction == 'up' ? '100' : '990';
|
|
1665
|
+
return parseFloat(digitsAfterDecimal.replace(/\d{3}$/, focusToFixed));
|
|
1666
|
+
} else if (focusToFixed == '100' && parseInt(inputAsFloat.toFixed(0)) == 0) {
|
|
1667
|
+
return parseFloat(digitsAfterDecimal.replace(/\d{4}$/, focusToFixed));
|
|
1668
|
+
} else if (focusToFixed.toString()[0] != "0" && focusToFixed.toString().length > 2) {
|
|
1662
1669
|
return parseInt(inputAsFloat.toFixed(0));
|
|
1663
1670
|
} else {
|
|
1664
1671
|
return parseFloat(digitsAfterDecimal.replace(/\d{3}$/, focusToFixed));
|