Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@zendeskgarden/react-loaders
Advanced tools
@zendeskgarden/react-loaders - npm Package Compare versions
Comparing version 0.3.1 to 0.4.0
@@ -6,2 +6,13 @@ # Change Log | ||
| # [0.4.0](https://github.com/zendeskgarden/react-components/compare/@zendeskgarden/react-loaders@0.3.1...@zendeskgarden/react-loaders@0.4.0) (2019-03-16) | ||
| ### Features | ||
| * **loaders:** introduce Inline component ([#289](https://github.com/zendeskgarden/react-components/issues/289)) ([dc67d4a](https://github.com/zendeskgarden/react-components/commit/dc67d4a)) | ||
| ## [0.3.1](https://github.com/zendeskgarden/react-components/compare/@zendeskgarden/react-loaders@0.3.0...@zendeskgarden/react-loaders@0.3.1) (2019-02-22) | ||
@@ -8,0 +19,0 @@ |
@@ -201,2 +201,24 @@ /*! | ||
| zdColorSecondaryTeal600: '#028079', | ||
| zdColorSecondaryAzureM400: '#5f8dcf', | ||
| zdColorSecondaryAzureM600: '#3a70b2', | ||
| zdColorSecondaryCrimsonM400: '#cc6c5b', | ||
| zdColorSecondaryCrimsonM600: '#b24a3c', | ||
| zdColorSecondaryFuschiaM400: '#cf62a8', | ||
| zdColorSecondaryFuschiaM600: '#a8458c', | ||
| zdColorSecondaryLemonM400: '#e7a500', | ||
| zdColorSecondaryLemonM600: '#c38f00', | ||
| zdColorSecondaryLimeM400: '#519e2d', | ||
| zdColorSecondaryLimeM600: '#47782c', | ||
| zdColorSecondaryMintM400: '#299c66', | ||
| zdColorSecondaryMintM600: '#2e8057', | ||
| zdColorSecondaryOrangeM400: '#d4772c', | ||
| zdColorSecondaryOrangeM600: '#b35827', | ||
| zdColorSecondaryPinkM400: '#d57287', | ||
| zdColorSecondaryPinkM600: '#b23a5d', | ||
| zdColorSecondaryPurpleM400: '#b072cc', | ||
| zdColorSecondaryPurpleM600: '#9358b0', | ||
| zdColorSecondaryRoyalM400: '#7986d8', | ||
| zdColorSecondaryRoyalM600: '#4b61c3', | ||
| zdColorSecondaryTealM400: '#2d9e8f', | ||
| zdColorSecondaryTealM600: '#3c7873', | ||
| zdColorChatOrange: '#f79a3e', | ||
@@ -455,3 +477,3 @@ zdColorConnectRed: '#eb6651', | ||
| }, | ||
| 'data-garden-version': "0.3.1", | ||
| 'data-garden-version': "0.4.0", | ||
| xmlns: 'http://www.w3.org/2000/svg', | ||
@@ -668,2 +690,4 @@ width: function width(_ref4) { | ||
| function Dots_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } | ||
| function Dots_inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) Dots_setPrototypeOf(subClass, superClass); } | ||
@@ -673,4 +697,2 @@ | ||
| function Dots_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } | ||
| function Dots_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
@@ -709,3 +731,3 @@ | ||
| Dots_defineProperty(Dots_assertThisInitialized(Dots_assertThisInitialized(_this)), "state", { | ||
| Dots_defineProperty(Dots_assertThisInitialized(_this), "state", { | ||
| frame: 0, | ||
@@ -715,3 +737,3 @@ timestamp: 0 | ||
| Dots_defineProperty(Dots_assertThisInitialized(Dots_assertThisInitialized(_this)), "performAnimationFrame", function () { | ||
| Dots_defineProperty(Dots_assertThisInitialized(_this), "performAnimationFrame", function () { | ||
| var timestamp = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0; | ||
@@ -738,3 +760,3 @@ var velocity = _this.props.velocity; | ||
| Dots_defineProperty(Dots_assertThisInitialized(Dots_assertThisInitialized(_this)), "retrieveFrame", function (offset) { | ||
| Dots_defineProperty(Dots_assertThisInitialized(_this), "retrieveFrame", function (offset) { | ||
| var loop = KEYFRAME_MAX * 2; | ||
@@ -845,3 +867,3 @@ return (_this.state.frame + offset * loop) % loop; | ||
| 'data-garden-id': Skeleton_COMPONENT_ID, | ||
| 'data-garden-version': "0.3.1" | ||
| 'data-garden-version': "0.4.0" | ||
| }).withConfig({ | ||
@@ -998,2 +1020,4 @@ displayName: "Skeleton__StyledSkeleton", | ||
| function Spinner_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } | ||
| function Spinner_inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) Spinner_setPrototypeOf(subClass, superClass); } | ||
@@ -1003,4 +1027,2 @@ | ||
| function Spinner_assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } | ||
| function Spinner_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
@@ -1033,3 +1055,3 @@ | ||
| Spinner_defineProperty(Spinner_assertThisInitialized(Spinner_assertThisInitialized(_this)), "state", { | ||
| Spinner_defineProperty(Spinner_assertThisInitialized(_this), "state", { | ||
| frame: 0, | ||
@@ -1042,3 +1064,3 @@ rawFrame: 0, | ||
| Spinner_defineProperty(Spinner_assertThisInitialized(Spinner_assertThisInitialized(_this)), "computeFrames", function (frames) { | ||
| Spinner_defineProperty(Spinner_assertThisInitialized(_this), "computeFrames", function (frames) { | ||
| var duration = _this.props.duration; | ||
@@ -1073,3 +1095,3 @@ var totalFrames = _this.state.totalFrames; | ||
| Spinner_defineProperty(Spinner_assertThisInitialized(Spinner_assertThisInitialized(_this)), "performAnimationFrame", function () { | ||
| Spinner_defineProperty(Spinner_assertThisInitialized(_this), "performAnimationFrame", function () { | ||
| var nowTime = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0; | ||
@@ -1172,2 +1194,84 @@ var _this$state = _this.state, | ||
| // CONCATENATED MODULE: ./src/Inline.js | ||
| function Inline_extends() { Inline_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return Inline_extends.apply(this, arguments); } | ||
| function Inline_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Inline_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; } | ||
| function Inline_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } | ||
| /** | ||
| * Copyright Zendesk, Inc. | ||
| * | ||
| * Use of this source code is governed under the Apache License, Version 2.0 | ||
| * found at http://www.apache.org/licenses/LICENSE-2.0. | ||
| */ | ||
| var Inline_COMPONENT_ID = 'loaders.inline'; | ||
| var pulseAnimation = Object(external_styled_components_["keyframes"])(["0%,100%{opacity:.2;}50%{opacity:.8;}"]); | ||
| var StyledCircle = external_styled_components_default.a.circle.attrs({ | ||
| fill: 'currentColor', | ||
| cy: 2, | ||
| r: 2 | ||
| }).withConfig({ | ||
| displayName: "Inline__StyledCircle", | ||
| componentId: "sc-1gjohp3-0" | ||
| })([""]); | ||
| var StyledTypingSvg = external_styled_components_default.a.svg.attrs({ | ||
| 'data-garden-id': Inline_COMPONENT_ID, | ||
| 'data-garden-version': "0.4.0", | ||
| viewBox: '0 0 16 4', | ||
| width: function width(_ref) { | ||
| var size = _ref.size; | ||
| return size; | ||
| }, | ||
| height: function height(_ref2) { | ||
| var size = _ref2.size; | ||
| return size * 0.25; | ||
| } | ||
| }).withConfig({ | ||
| displayName: "Inline__StyledTypingSvg", | ||
| componentId: "sc-1gjohp3-1" | ||
| })(["color:", ";", "{opacity:0.2;&:nth-child(1){animation:", " 1s infinite;animation-delay:", ";}&:nth-child(2){animation:", " 1s infinite;animation-delay:0.2s;}&:nth-child(3){animation:", " 1s infinite;animation-delay:", ";}}"], function (_ref3) { | ||
| var color = _ref3.color; | ||
| return color; | ||
| }, StyledCircle, pulseAnimation, function (props) { | ||
| return Object(react_theming_["isRtl"])(props) ? 'unset' : '0.4s'; | ||
| }, pulseAnimation, pulseAnimation, function (props) { | ||
| return Object(react_theming_["isRtl"])(props) ? '0.4s' : 'unset'; | ||
| }); | ||
| /** | ||
| * All other props are spread onto the root `<svg>` element | ||
| */ | ||
| var Inline_Inline = function Inline(_ref4) { | ||
| var size = _ref4.size, | ||
| color = _ref4.color, | ||
| other = Inline_objectWithoutProperties(_ref4, ["size", "color"]); | ||
| return external_react_default.a.createElement(StyledTypingSvg, Inline_extends({ | ||
| size: size, | ||
| color: color | ||
| }, other), external_react_default.a.createElement(StyledCircle, { | ||
| cx: "14" | ||
| }), external_react_default.a.createElement(StyledCircle, { | ||
| cx: "8" | ||
| }), external_react_default.a.createElement(StyledCircle, { | ||
| cx: "2" | ||
| })); | ||
| }; | ||
| Inline_Inline.propTypes = { | ||
| /* Width of the loader in px */ | ||
| size: external_prop_types_default.a.number, | ||
| color: external_prop_types_default.a.string | ||
| }; | ||
| Inline_Inline.defaultProps = { | ||
| size: 16, | ||
| color: dist["zdColorGrey600"] | ||
| }; | ||
| /* harmony default export */ var src_Inline = (Inline_Inline); | ||
| // CONCATENATED MODULE: ./src/index.js | ||
@@ -1177,2 +1281,3 @@ /* concated harmony reexport Dots */__webpack_require__.d(__webpack_exports__, "Dots", function() { return Dots_Dots; }); | ||
| /* concated harmony reexport Spinner */__webpack_require__.d(__webpack_exports__, "Spinner", function() { return Spinner_Spinner; }); | ||
| /* concated harmony reexport Inline */__webpack_require__.d(__webpack_exports__, "Inline", function() { return src_Inline; }); | ||
| /** | ||
@@ -1188,4 +1293,5 @@ * Copyright Zendesk, Inc. | ||
| /***/ }) | ||
| /******/ ]))); | ||
| //# sourceMappingURL=index.js.map |
@@ -7,3 +7,3 @@ /*! | ||
| */ | ||
| !function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("rop-types"),require("react"),require("styled-components"),require("@zendeskgarden/react-theming")):"function"==typeof define&&define.amd?define(["prop-types","react","styled-components","@zendeskgarden/react-theming"],r):"object"==typeof exports?exports.GardenLoaders=r(require("rop-types"),require("react"),require("styled-components"),require("@zendeskgarden/react-theming")):e.GardenLoaders=r(e.PropTypes,e.React,e.styled,e.GardenTheming)}(window,function(t,n,o,a){return function(t){var n={};function o(e){if(n[e])return n[e].exports;var r=n[e]={i:e,l:!1,exports:{}};return t[e].call(r.exports,r,r.exports,o),r.l=!0,r.exports}return o.m=t,o.c=n,o.d=function(e,r,t){o.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(r,e){if(1&e&&(r=o(r)),8&e)return r;if(4&e&&"object"==typeof r&&r&&r.__esModule)return r;var t=Object.create(null);if(o.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:r}),2&e&&"string"!=typeof r)for(var n in r)o.d(t,n,function(e){return r[e]}.bind(null,n));return t},o.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(r,"a",r),r},o.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},o.p="",o(o.s=5)}([function(e,r){e.exports=t},function(e,r){e.exports=n},function(e,r){e.exports=o},function(e,r){e.exports=a},function(e,r){e.exports={zdColorBlack:"#000",zdColorGreen100:"#edf8f4",zdColorGreen200:"#d1e8df",zdColorGreen300:"#aecfc2",zdColorGreen400:"#5eae91",zdColorGreen500:"#228f67",zdColorGreen600:"#038153",zdColorGreen700:"#186146",zdColorGreen800:"#0b3b29",zdColorGrey100:"#f8f9f9",zdColorGrey200:"#e9ebed",zdColorGrey300:"#d8dcde",zdColorGrey400:"#c2c8cc",zdColorGrey500:"#87929d",zdColorGrey600:"#68737d",zdColorGrey700:"#49545c",zdColorGrey800:"#2f3941",zdColorBlue100:"#edf7ff",zdColorBlue200:"#cee2f2",zdColorBlue300:"#adcce4",zdColorBlue400:"#5293c7",zdColorBlue500:"#337fbd",zdColorBlue600:"#1f73b7",zdColorBlue700:"#144a75",zdColorBlue800:"#0f3554",zdColorKale100:"#f5fbfc",zdColorKale200:"#c1d6d9",zdColorKale300:"#819a9e",zdColorKale400:"#56777a",zdColorKale500:"#335d63",zdColorKale600:"#04444d",zdColorKale700:"#03363d",zdColorKale800:"#012b30",zdColorRed100:"#fff0f1",zdColorRed200:"#f5d5d8",zdColorRed300:"#f5b5ba",zdColorRed400:"#e35b66",zdColorRed500:"#d93f4c",zdColorRed600:"#cc3340",zdColorRed700:"#8c232c",zdColorRed800:"#681219",zdColorYellow100:"#fff8ed",zdColorYellow200:"#fff0db",zdColorYellow300:"#fcdba9",zdColorYellow400:"#ffb648",zdColorYellow500:"#f5a133",zdColorYellow600:"#ed961c",zdColorYellow700:"#ad5e18",zdColorYellow800:"#703b15",zdColorWhite:"#fff",zdColorSecondaryAzure400:"#3091ec",zdColorSecondaryAzure600:"#1371d6",zdColorSecondaryCrimson400:"#e34f32",zdColorSecondaryCrimson600:"#c72a1c",zdColorSecondaryFuschia400:"#d653c2",zdColorSecondaryFuschia600:"#a81897",zdColorSecondaryLemon400:"#ffd424",zdColorSecondaryLemon600:"#ffbb10",zdColorSecondaryLime400:"#43b324",zdColorSecondaryLime600:"#2e8200",zdColorSecondaryMint400:"#00a656",zdColorSecondaryMint600:"#058541",zdColorSecondaryOrange400:"#de701d",zdColorSecondaryOrange600:"#bf5000",zdColorSecondaryPink400:"#ec4d63",zdColorSecondaryPink600:"#d42054",zdColorSecondaryPurple400:"#b552e2",zdColorSecondaryPurple600:"#6a27b8",zdColorSecondaryRoyal400:"#5d7df5",zdColorSecondaryRoyal600:"#3353e2",zdColorSecondaryTeal400:"#02a191",zdColorSecondaryTeal600:"#028079",zdColorChatOrange:"#f79a3e",zdColorConnectRed:"#eb6651",zdColorExploreBlue:"#30aabc",zdColorGuidePink:"#eb4962",zdColorMessageGreen:"#37b8af",zdColorSellGold:"#d4ae5e",zdColorSupportGreen:"#78a300",zdColorTalkYellow:"#efc93d",zdFontFamilyMonospace:'SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace',zdFontFamilySystem:'system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif',zdFontSizeSm:"12px",zdFontSizeMd:"14px",zdFontSizeLg:"18px",zdFontSizeXl:"22px",zdFontSizeXxl:"26px",zdFontSizeXxxl:"36px",zdFontWeightThin:"100",zdFontWeightExtralight:"200",zdFontWeightLight:"300",zdFontWeightRegular:"400",zdFontWeightMedium:"500",zdFontWeightSemibold:"600",zdFontWeightBold:"700",zdFontWeightExtrabold:"800",zdFontWeightBlack:"900",zdFontWeightUltralight:"200",zdFontWeightUltrabold:"800",zdFontWeightHeavy:"900",zdLineHeightSm:"16px",zdLineHeightMd:"20px",zdLineHeightLg:"24px",zdLineHeightXl:"28px",zdLineHeightXxl:"32px",zdLineHeightXxxl:"44px",zdSpacingXxs:"4px",zdSpacingXs:"8px",zdSpacingSm:"12px",zdSpacing:"20px",zdSpacingLg:"32px",zdSpacingXl:"40px",zdSpacingXxl:"48px"}},function(e,r,t){"use strict";t.r(r);var a=t(1),d=t.n(a),n=t(0),o=t.n(n);var i=.166666667,l=1.166666667,f=1.333333333,c=1.533333333,u=1.766666667;function s(e){var r,t,n=e%u;if(n<i)return 31;if(n<.55){r=31-31*((t=(n-i)/.38333333300000005)<.5?4*t*t*t:(t-1)*(2*t-2)*(2*t-2)+1)}else if(n<f)r=0;else{r=(n-f)/.43333333400000007*31}return u<=e&&(r=62-r),r}function p(e){var r,t=e%u;if(t<i)return t/i*-1*5+32;if(t<l)return 27;if(t<f){return(t-l)/.1666666659999998*5+27}if(t<c){return 32-32*((r=(t-f)/.20000000000000018-1)*r*r+1)}var n;return 32*((n=(t-c)/.2333333339999999)*n*n)}var y=t(2),b=t.n(y),m=t(3);function h(){return(h=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function g(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],0<=r.indexOf(t)||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],0<=r.indexOf(t)||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var v=b.a.circle.attrs({cx:9,cy:9,r:9,transform:function(e){return e.transform}}).withConfig({displayName:"styled-elements__DotsCircle",componentId:"sc-19dhio6-0"})([""]);v.propTypes={transform:o.a.string};var z=b.a.circle.attrs({cx:40,cy:40,r:34,fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeWidth:function(e){return e.strokeWidthValue},strokeDasharray:function(e){var r=e.dasharrayValue;return"".concat(r," 250")},transform:function(e){return e.transform}}).withConfig({displayName:"styled-elements__SpinnerCircle",componentId:"sc-19dhio6-1"})([""]);z.propTypes={dasharrayValue:o.a.string,strokeWidthValue:o.a.string,transform:o.a.string};var w=b.a.svg.attrs({"data-garden-id":function(e){return e.dataGardenId},"data-garden-version":"0.3.1",xmlns:"http://www.w3.org/2000/svg",width:function(e){return e.width},height:function(e){return e.height},focusable:"false",viewBox:function(e){var r=e.width,t=e.height;return"0 0 ".concat(r," ").concat(t)},role:"progressbar"}).withConfig({displayName:"styled-elements__StyledSvg",componentId:"sc-19dhio6-2"})(["width:1em;height:0.9em;color:",";font-size:",";",";"],function(e){return e.color||"inherit"},function(e){return e.fontSize||"inherit"},function(e){return Object(m.retrieveTheme)(e.dataGardenId,e)});w.propTypes={color:o.a.string,fontSize:o.a.any};var C=function(e){var r=e.children,t=e.fontSize,n=e.width,o=e.height,a=g(e,["children","fontSize","width","height"]);return d.a.createElement(w,h({fontSize:t,width:n,height:o},a),r)};C.propTypes={children:o.a.node,fontSize:o.a.any,height:o.a.oneOfType([o.a.string,o.a.number]),width:o.a.oneOfType([o.a.string,o.a.number])};var S=b.a.div.attrs({role:"progressbar"}).withConfig({displayName:"styled-elements__LoadingPlaceholder",componentId:"sc-19dhio6-3"})(["display:inline;width:1em;height:0.9em;font-size:",";"],function(e){return e.fontSize});function k(e){return(k="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function O(e,r){for(var t=0;t<r.length;t++){var n=r[t];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function x(e,r){return!r||"object"!==k(r)&&"function"!=typeof r?function(e){if(void 0!==e)return e;throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}(e):r}function j(e){return(j=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function F(e,r){return(F=Object.setPrototypeOf||function(e,r){return e.__proto__=r,e})(e,r)}function P(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}S.propTypes={fontSize:o.a.any};var I=function(e){function t(e){var r;return function(e,r){if(!(e instanceof r))throw new TypeError("Cannot call a class as a function")}(this,t),(r=x(this,j(t).call(this,e))).state={delayComplete:!1},r}var r,n,o;return function(e,r){if("function"!=typeof r&&null!==r)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(r&&r.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),r&&F(e,r)}(t,a["Component"]),r=t,(n=[{key:"componentDidMount",value:function(){var e=this,r=this.props.delayMS;this.renderingDelayTimeout=setTimeout(function(){e.setState({delayComplete:!0},function(){e.performAnimationFrame()})},r)}},{key:"componentWillUnmount",value:function(){clearTimeout(this.renderingDelayTimeout),cancelAnimationFrame(this.tick)}},{key:"performAnimationFrame",value:function(){var r=this;this.tick=requestAnimationFrame(function(e){r.props.tick(e),r.performAnimationFrame()})}},{key:"render",value:function(){var e=this.props,r=e.delayMS,t=e.size,n=e.children,o=e.render,a=void 0===o?n:o;return this.state.delayComplete||0===r?a():d.a.createElement(S,{fontSize:t}," ")}}])&&O(r.prototype,n),o&&O(r,o),t}();function _(e){return(_="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function E(){return(E=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function M(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],0<=r.indexOf(t)||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],0<=r.indexOf(t)||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}function T(e,r){for(var t=0;t<r.length;t++){var n=r[t];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function G(e){return(G=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function W(e,r){return(W=Object.setPrototypeOf||function(e,r){return e.__proto__=r,e})(e,r)}function L(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function R(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}P(I,"propTypes",{size:o.a.any,delayMS:o.a.number,tick:o.a.func,children:o.a.func,render:o.a.func}),P(I,"defaultProps",{delayMS:750});var A=function(e){function l(){var e,t,r,n;!function(e,r){if(!(e instanceof r))throw new TypeError("Cannot call a class as a function")}(this,l);for(var o=arguments.length,a=new Array(o),i=0;i<o;i++)a[i]=arguments[i];return r=this,n=(e=G(l)).call.apply(e,[this].concat(a)),R(L(L(t=!n||"object"!==_(n)&&"function"!=typeof n?L(r):n)),"state",{frame:0,timestamp:0}),R(L(L(t)),"performAnimationFrame",function(){var n=0<arguments.length&&void 0!==arguments[0]?arguments[0]:0,e=t.props.velocity,o=e;e<-1?o=-.9:1<e&&(o=1),t.setState(function(e){var r=1e3+1e3*o,t=(n-e.timestamp)/r;return{frame:e.frame+t%u,timestamp:n}})}),R(L(L(t)),"retrieveFrame",function(e){var r=2*u;return(t.state.frame+e*r)%r}),t}var r,t,n;return function(e,r){if("function"!=typeof r&&null!==r)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(r&&r.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),r&&W(e,r)}(l,d.a.Component),r=l,(t=[{key:"render",value:function(){var e=this.props,r=e.size,t=e.color,n=e.delayMS,o=M(e,["size","color","delayMS"]),a=this.retrieveFrame(0),i=this.retrieveFrame(1/3),l=this.retrieveFrame(2/3);return d.a.createElement(I,{tick:this.performAnimationFrame,size:r,delayMS:n},function(){return d.a.createElement(C,E({fontSize:r,color:t,width:"80",height:"72","data-garden-id":"loaders.dots"},o),d.a.createElement("g",{fill:"currentColor"},d.a.createElement(v,{transform:"translate(".concat(s(a)," ").concat(p(a),")")}),d.a.createElement(v,{transform:"translate(".concat(s(i)," ").concat(p(i),")")}),d.a.createElement(v,{transform:"translate(".concat(s(l)," ").concat(p(l),")")})))})}}])&&T(r.prototype,t),n&&T(r,n),l}();R(A,"propTypes",{size:o.a.any,velocity:o.a.number,color:o.a.string,delayMS:o.a.number}),R(A,"defaultProps",{size:"inherit",color:"inherit",velocity:.05,delayMS:750});function q(e){return Math.round(255*e)}function B(e,r,t){return q(e)+","+q(r)+","+q(t)}function X(e,r,t,n){if(void 0===n&&(n=B),0===r)return n(t,t,t);var o=e%360/60,a=(1-Math.abs(2*t-1))*r,i=a*(1-Math.abs(o%2-1)),l=0,f=0,d=0;0<=o&&o<1?(l=a,f=i):1<=o&&o<2?(l=i,f=a):2<=o&&o<3?(f=a,d=i):3<=o&&o<4?(f=i,d=a):4<=o&&o<5?(l=i,d=a):5<=o&&o<6&&(l=a,d=i);var c=t-a/2;return n(l+c,f+c,d+c)}var V={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};var K=/^#[a-fA-F0-9]{6}$/,Y=/^#[a-fA-F0-9]{8}$/,H=/^#[a-fA-F0-9]{3}$/,$=/^#[a-fA-F0-9]{4}$/,D=/^rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/,N=/^rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*([-+]?[0-9]*[.]?[0-9]+)\s*\)$/,U=/^hsl\(\s*(\d{0,3}[.]?[0-9]+)\s*,\s*(\d{1,3})%\s*,\s*(\d{1,3})%\s*\)$/,J=/^hsla\(\s*(\d{0,3}[.]?[0-9]+)\s*,\s*(\d{1,3})%\s*,\s*(\d{1,3})%\s*,\s*([-+]?[0-9]*[.]?[0-9]+)\s*\)$/;function Q(e){if("string"!=typeof e)throw new Error("Passed an incorrect argument to a color function, please pass a string representation of a color.");var r=function(e){if("string"!=typeof e)return e;var r=e.toLowerCase();return V[r]?"#"+V[r]:e}(e);if(r.match(K))return{red:parseInt(""+r[1]+r[2],16),green:parseInt(""+r[3]+r[4],16),blue:parseInt(""+r[5]+r[6],16)};if(r.match(Y)){var t=parseFloat((parseInt(""+r[7]+r[8],16)/255).toFixed(2));return{red:parseInt(""+r[1]+r[2],16),green:parseInt(""+r[3]+r[4],16),blue:parseInt(""+r[5]+r[6],16),alpha:t}}if(r.match(H))return{red:parseInt(""+r[1]+r[1],16),green:parseInt(""+r[2]+r[2],16),blue:parseInt(""+r[3]+r[3],16)};if(r.match($)){var n=parseFloat((parseInt(""+r[4]+r[4],16)/255).toFixed(2));return{red:parseInt(""+r[1]+r[1],16),green:parseInt(""+r[2]+r[2],16),blue:parseInt(""+r[3]+r[3],16),alpha:n}}var o=D.exec(r);if(o)return{red:parseInt(""+o[1],10),green:parseInt(""+o[2],10),blue:parseInt(""+o[3],10)};var a=N.exec(r);if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10),alpha:parseFloat(""+a[4])};var i=U.exec(r);if(i){var l="rgb("+X(parseInt(""+i[1],10),parseInt(""+i[2],10)/100,parseInt(""+i[3],10)/100)+")",f=D.exec(l);if(!f)throw new Error("Couldn't generate valid rgb string from "+r+", it returned "+l+".");return{red:parseInt(""+f[1],10),green:parseInt(""+f[2],10),blue:parseInt(""+f[3],10)}}var d=J.exec(r);if(d){var c="rgb("+X(parseInt(""+d[1],10),parseInt(""+d[2],10)/100,parseInt(""+d[3],10)/100)+")",u=D.exec(c);if(!u)throw new Error("Couldn't generate valid rgb string from "+r+", it returned "+c+".");return{red:parseInt(""+u[1],10),green:parseInt(""+u[2],10),blue:parseInt(""+u[3],10),alpha:parseFloat(""+d[4])}}throw new Error("Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.")}var Z=function(e){return 7===e.length&&e[1]===e[2]&&e[3]===e[4]&&e[5]===e[6]?"#"+e[1]+e[3]+e[5]:e};function ee(e){var r=e.toString(16);return 1===r.length?"0"+r:r}function re(e,r,t){if("number"==typeof e&&"number"==typeof r&&"number"==typeof t)return Z("#"+ee(e)+ee(r)+ee(t));if("object"==typeof e&&void 0===r&&void 0===t)return Z("#"+ee(e.red)+ee(e.green)+ee(e.blue));throw new Error("Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, blue: 100 }).")}function te(e,r,t,n){if("string"==typeof e&&"number"==typeof r){var o=Q(e);return"rgba("+o.red+","+o.green+","+o.blue+","+r+")"}if("number"==typeof e&&"number"==typeof r&&"number"==typeof t&&"number"==typeof n)return 1<=n?re(e,r,t):"rgba("+e+","+r+","+t+","+n+")";if("object"==typeof e&&void 0===r&&void 0===t&&void 0===n)return 1<=e.alpha?re(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")";throw new Error("Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: 205, blue: 100, alpha: 0.75 }).")}var ne=t(4),oe="loaders.skeleton",ae=Object(y.keyframes)(["0%,60%{opacity:0;}100%{opacity:1;}"]),ie=Object(y.keyframes)(["100%{left:100%;}"]),le=Object(y.keyframes)(["100%{right:100%;}"]),fe=b.a.div.attrs({"data-garden-id":oe,"data-garden-version":"0.3.1"}).withConfig({displayName:"Skeleton__StyledSkeleton",componentId:"sc-1uuy18r-0"})(["display:inline-block;position:relative;animation:"," 750ms linear;border-radius:",";background-color:",";width:",";height:",";overflow:hidden;line-height:0.6;&::before{position:absolute;top:0;"," background-image:linear-gradient(",",transparent,",",transparent);width:1000px;height:100%;content:'';}",";"],ae,ne.zdSpacingXxs,function(e){return e.dark?te(ne.zdColorWhite,.2):te(ne.zdColorGrey800,.1)},function(e){return e.width},function(e){return e.height},function(e){return Object(m.isRtl)(e)?"\n right: -1800px;\n animation: ".concat(le," 1.5s ease-in-out 300ms infinite;\n "):"\n left: -1800px;\n animation: ".concat(ie," 1.5s ease-in-out 300ms infinite;\n ")},function(e){return Object(m.isRtl)(e)?"-45deg":"45deg"},function(e){return e.dark?te(ne.zdColorKale700,.4):te(ne.zdColorWhite,.6)},function(e){return Object(m.retrieveTheme)(oe,e)});function de(e){var r=e.width,t=e.height,n=e.style,o=e.dark;return d.a.createElement(fe,{dark:o,width:r,height:t,style:n}," ")}de.propTypes={width:o.a.string,height:o.a.string,dark:o.a.bool,style:o.a.object},de.defaultProps={width:"100%",height:"100%"};var ce=de,ue={0:6,14:5,26:4,36:3,46:2,58:3,70:4,80:5,91:6},se={0:-90,8:-81,36:-30,41:-18,44:-8,48:0,55:22,63:53,64:62,66:67,68:78,69:90,71:99,73:112,74:129,76:138,78:159,79:180,81:190,83:207,84:221,86:226,88:235,90:243,99:270},pe={0:0,13:2,26:13,53:86,58:90,63:89,64:88,66:86,68:83,69:81,71:76,73:70,74:62,76:58,78:47,79:37,81:31,83:23,84:16,88:10,89:7,98:1,99:0};function ye(e){return(ye="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function be(){return(be=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function me(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],0<=r.indexOf(t)||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],0<=r.indexOf(t)||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}function he(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var t=[],n=!0,o=!1,a=void 0;try{for(var i,l=e[Symbol.iterator]();!(n=(i=l.next()).done)&&(t.push(i.value),!r||t.length!==r);n=!0);}catch(e){o=!0,a=e}finally{try{n||null==l.return||l.return()}finally{if(o)throw a}}return t}(e,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function ge(e,r){for(var t=0;t<r.length;t++){var n=r[t];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function ve(e){return(ve=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function ze(e,r){return(ze=Object.setPrototypeOf||function(e,r){return e.__proto__=r,e})(e,r)}function we(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Ce(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var Se=function(e){function n(e){var l,r,t;return function(e,r){if(!(e instanceof r))throw new TypeError("Cannot call a class as a function")}(this,n),r=this,t=ve(n).call(this,e),Ce(we(we(l=!t||"object"!==ye(t)&&"function"!=typeof t?we(r):t)),"state",{frame:0,rawFrame:0,totalFrames:100,delayComplete:!1,timestamp:0}),Ce(we(we(l)),"computeFrames",function(e){var y=l.props.duration,b=l.state.totalFrames;return Object.entries(e).reduce(function(e,r,t,n){var o=he(r,2),a=o[0],i=o[1],l=he(n[t+1]||[b,n[0][1]],2),f=l[0],d=l[1],c=f-a,u=y/(b-1)*c,s=i;e[a]=i;for(var p=0;p<c;p++)s+=1e3/60/u*(d-s),u=y/(b-1)*(c-p),e[parseInt(a,10)+p+1]=s;return e[f]=d,e},{})}),Ce(we(we(l)),"performAnimationFrame",function(){var r=0<arguments.length&&void 0!==arguments[0]?arguments[0]:0,e=l.state,t=e.totalFrames,n=e.rawFrame,o=e.timestamp,a=l.props.duration,i=r-o;l.setState(function(){var e=n+i*((t+1)/a);return{frame:Math.floor(e)%t,rawFrame:e%t,timestamp:r}})}),l.strokeWidthValues=l.computeFrames(ue),l.rotationValues=l.computeFrames(se),l.dasharrayValues=l.computeFrames(pe),l}var r,t,o;return function(e,r){if("function"!=typeof r&&null!==r)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(r&&r.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),r&&ze(e,r)}(n,d.a.Component),r=n,(t=[{key:"render",value:function(){var e=this.props,r=e.size,t=e.color,n=e.delayMS,o=me(e,["size","color","delayMS"]),a=this.state.frame,i=this.strokeWidthValues[a],l=this.rotationValues[a],f=this.dasharrayValues[a];return d.a.createElement(I,{tick:this.performAnimationFrame,size:r,delayMS:n},function(){return d.a.createElement(C,be({fontSize:r,color:t,width:80,height:80,"data-garden-id":"loaders.spinner"},o),d.a.createElement(z,{strokeDasharray:"".concat(f," 250"),strokeWidth:i,transform:"rotate(".concat(l,", ").concat(40,", ").concat(40,")")}))})}}])&&ge(r.prototype,t),o&&ge(r,o),n}();Ce(Se,"propTypes",{size:o.a.any,duration:o.a.number,color:o.a.string,delayMS:o.a.number}),Ce(Se,"defaultProps",{size:"inherit",color:"inherit",delayMS:750,duration:1250}),t.d(r,"Dots",function(){return A}),t.d(r,"Skeleton",function(){return ce}),t.d(r,"Spinner",function(){return Se})}])}); | ||
| !function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("rop-types"),require("react"),require("styled-components"),require("@zendeskgarden/react-theming")):"function"==typeof define&&define.amd?define(["prop-types","react","styled-components","@zendeskgarden/react-theming"],r):"object"==typeof exports?exports.GardenLoaders=r(require("rop-types"),require("react"),require("styled-components"),require("@zendeskgarden/react-theming")):e.GardenLoaders=r(e.PropTypes,e.React,e.styled,e.GardenTheming)}(window,function(t,n,o,a){return function(t){var n={};function o(e){if(n[e])return n[e].exports;var r=n[e]={i:e,l:!1,exports:{}};return t[e].call(r.exports,r,r.exports,o),r.l=!0,r.exports}return o.m=t,o.c=n,o.d=function(e,r,t){o.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(r,e){if(1&e&&(r=o(r)),8&e)return r;if(4&e&&"object"==typeof r&&r&&r.__esModule)return r;var t=Object.create(null);if(o.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:r}),2&e&&"string"!=typeof r)for(var n in r)o.d(t,n,function(e){return r[e]}.bind(null,n));return t},o.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(r,"a",r),r},o.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},o.p="",o(o.s=5)}([function(e,r){e.exports=t},function(e,r){e.exports=n},function(e,r){e.exports=o},function(e,r){e.exports=a},function(e,r){e.exports={zdColorBlack:"#000",zdColorGreen100:"#edf8f4",zdColorGreen200:"#d1e8df",zdColorGreen300:"#aecfc2",zdColorGreen400:"#5eae91",zdColorGreen500:"#228f67",zdColorGreen600:"#038153",zdColorGreen700:"#186146",zdColorGreen800:"#0b3b29",zdColorGrey100:"#f8f9f9",zdColorGrey200:"#e9ebed",zdColorGrey300:"#d8dcde",zdColorGrey400:"#c2c8cc",zdColorGrey500:"#87929d",zdColorGrey600:"#68737d",zdColorGrey700:"#49545c",zdColorGrey800:"#2f3941",zdColorBlue100:"#edf7ff",zdColorBlue200:"#cee2f2",zdColorBlue300:"#adcce4",zdColorBlue400:"#5293c7",zdColorBlue500:"#337fbd",zdColorBlue600:"#1f73b7",zdColorBlue700:"#144a75",zdColorBlue800:"#0f3554",zdColorKale100:"#f5fbfc",zdColorKale200:"#c1d6d9",zdColorKale300:"#819a9e",zdColorKale400:"#56777a",zdColorKale500:"#335d63",zdColorKale600:"#04444d",zdColorKale700:"#03363d",zdColorKale800:"#012b30",zdColorRed100:"#fff0f1",zdColorRed200:"#f5d5d8",zdColorRed300:"#f5b5ba",zdColorRed400:"#e35b66",zdColorRed500:"#d93f4c",zdColorRed600:"#cc3340",zdColorRed700:"#8c232c",zdColorRed800:"#681219",zdColorYellow100:"#fff8ed",zdColorYellow200:"#fff0db",zdColorYellow300:"#fcdba9",zdColorYellow400:"#ffb648",zdColorYellow500:"#f5a133",zdColorYellow600:"#ed961c",zdColorYellow700:"#ad5e18",zdColorYellow800:"#703b15",zdColorWhite:"#fff",zdColorSecondaryAzure400:"#3091ec",zdColorSecondaryAzure600:"#1371d6",zdColorSecondaryCrimson400:"#e34f32",zdColorSecondaryCrimson600:"#c72a1c",zdColorSecondaryFuschia400:"#d653c2",zdColorSecondaryFuschia600:"#a81897",zdColorSecondaryLemon400:"#ffd424",zdColorSecondaryLemon600:"#ffbb10",zdColorSecondaryLime400:"#43b324",zdColorSecondaryLime600:"#2e8200",zdColorSecondaryMint400:"#00a656",zdColorSecondaryMint600:"#058541",zdColorSecondaryOrange400:"#de701d",zdColorSecondaryOrange600:"#bf5000",zdColorSecondaryPink400:"#ec4d63",zdColorSecondaryPink600:"#d42054",zdColorSecondaryPurple400:"#b552e2",zdColorSecondaryPurple600:"#6a27b8",zdColorSecondaryRoyal400:"#5d7df5",zdColorSecondaryRoyal600:"#3353e2",zdColorSecondaryTeal400:"#02a191",zdColorSecondaryTeal600:"#028079",zdColorSecondaryAzureM400:"#5f8dcf",zdColorSecondaryAzureM600:"#3a70b2",zdColorSecondaryCrimsonM400:"#cc6c5b",zdColorSecondaryCrimsonM600:"#b24a3c",zdColorSecondaryFuschiaM400:"#cf62a8",zdColorSecondaryFuschiaM600:"#a8458c",zdColorSecondaryLemonM400:"#e7a500",zdColorSecondaryLemonM600:"#c38f00",zdColorSecondaryLimeM400:"#519e2d",zdColorSecondaryLimeM600:"#47782c",zdColorSecondaryMintM400:"#299c66",zdColorSecondaryMintM600:"#2e8057",zdColorSecondaryOrangeM400:"#d4772c",zdColorSecondaryOrangeM600:"#b35827",zdColorSecondaryPinkM400:"#d57287",zdColorSecondaryPinkM600:"#b23a5d",zdColorSecondaryPurpleM400:"#b072cc",zdColorSecondaryPurpleM600:"#9358b0",zdColorSecondaryRoyalM400:"#7986d8",zdColorSecondaryRoyalM600:"#4b61c3",zdColorSecondaryTealM400:"#2d9e8f",zdColorSecondaryTealM600:"#3c7873",zdColorChatOrange:"#f79a3e",zdColorConnectRed:"#eb6651",zdColorExploreBlue:"#30aabc",zdColorGuidePink:"#eb4962",zdColorMessageGreen:"#37b8af",zdColorSellGold:"#d4ae5e",zdColorSupportGreen:"#78a300",zdColorTalkYellow:"#efc93d",zdFontFamilyMonospace:'SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace',zdFontFamilySystem:'system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif',zdFontSizeSm:"12px",zdFontSizeMd:"14px",zdFontSizeLg:"18px",zdFontSizeXl:"22px",zdFontSizeXxl:"26px",zdFontSizeXxxl:"36px",zdFontWeightThin:"100",zdFontWeightExtralight:"200",zdFontWeightLight:"300",zdFontWeightRegular:"400",zdFontWeightMedium:"500",zdFontWeightSemibold:"600",zdFontWeightBold:"700",zdFontWeightExtrabold:"800",zdFontWeightBlack:"900",zdFontWeightUltralight:"200",zdFontWeightUltrabold:"800",zdFontWeightHeavy:"900",zdLineHeightSm:"16px",zdLineHeightMd:"20px",zdLineHeightLg:"24px",zdLineHeightXl:"28px",zdLineHeightXxl:"32px",zdLineHeightXxxl:"44px",zdSpacingXxs:"4px",zdSpacingXs:"8px",zdSpacingSm:"12px",zdSpacing:"20px",zdSpacingLg:"32px",zdSpacingXl:"40px",zdSpacingXxl:"48px"}},function(e,r,t){"use strict";t.r(r);var a=t(1),f=t.n(a),n=t(0),o=t.n(n);var i=.166666667,l=1.166666667,d=1.333333333,c=1.533333333,u=1.766666667;function s(e){var r,t,n=e%u;if(n<i)return 31;if(n<.55){r=31-31*((t=(n-i)/.38333333300000005)<.5?4*t*t*t:(t-1)*(2*t-2)*(2*t-2)+1)}else if(n<d)r=0;else{r=(n-d)/.43333333400000007*31}return u<=e&&(r=62-r),r}function p(e){var r,t=e%u;if(t<i)return t/i*-1*5+32;if(t<l)return 27;if(t<d){return(t-l)/.1666666659999998*5+27}if(t<c){return 32-32*((r=(t-d)/.20000000000000018-1)*r*r+1)}var n;return 32*((n=(t-c)/.2333333339999999)*n*n)}var y=t(2),b=t.n(y),m=t(3);function h(){return(h=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function g(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],0<=r.indexOf(t)||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],0<=r.indexOf(t)||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var z=b.a.circle.attrs({cx:9,cy:9,r:9,transform:function(e){return e.transform}}).withConfig({displayName:"styled-elements__DotsCircle",componentId:"sc-19dhio6-0"})([""]);z.propTypes={transform:o.a.string};var v=b.a.circle.attrs({cx:40,cy:40,r:34,fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeWidth:function(e){return e.strokeWidthValue},strokeDasharray:function(e){var r=e.dasharrayValue;return"".concat(r," 250")},transform:function(e){return e.transform}}).withConfig({displayName:"styled-elements__SpinnerCircle",componentId:"sc-19dhio6-1"})([""]);v.propTypes={dasharrayValue:o.a.string,strokeWidthValue:o.a.string,transform:o.a.string};var C=b.a.svg.attrs({"data-garden-id":function(e){return e.dataGardenId},"data-garden-version":"0.4.0",xmlns:"http://www.w3.org/2000/svg",width:function(e){return e.width},height:function(e){return e.height},focusable:"false",viewBox:function(e){var r=e.width,t=e.height;return"0 0 ".concat(r," ").concat(t)},role:"progressbar"}).withConfig({displayName:"styled-elements__StyledSvg",componentId:"sc-19dhio6-2"})(["width:1em;height:0.9em;color:",";font-size:",";",";"],function(e){return e.color||"inherit"},function(e){return e.fontSize||"inherit"},function(e){return Object(m.retrieveTheme)(e.dataGardenId,e)});C.propTypes={color:o.a.string,fontSize:o.a.any};var S=function(e){var r=e.children,t=e.fontSize,n=e.width,o=e.height,a=g(e,["children","fontSize","width","height"]);return f.a.createElement(C,h({fontSize:t,width:n,height:o},a),r)};S.propTypes={children:o.a.node,fontSize:o.a.any,height:o.a.oneOfType([o.a.string,o.a.number]),width:o.a.oneOfType([o.a.string,o.a.number])};var w=b.a.div.attrs({role:"progressbar"}).withConfig({displayName:"styled-elements__LoadingPlaceholder",componentId:"sc-19dhio6-3"})(["display:inline;width:1em;height:0.9em;font-size:",";"],function(e){return e.fontSize});function O(e){return(O="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function k(e,r){for(var t=0;t<r.length;t++){var n=r[t];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function x(e,r){return!r||"object"!==O(r)&&"function"!=typeof r?function(e){if(void 0!==e)return e;throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}(e):r}function j(e){return(j=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function F(e,r){return(F=Object.setPrototypeOf||function(e,r){return e.__proto__=r,e})(e,r)}function M(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}w.propTypes={fontSize:o.a.any};var P=function(e){function t(e){var r;return function(e,r){if(!(e instanceof r))throw new TypeError("Cannot call a class as a function")}(this,t),(r=x(this,j(t).call(this,e))).state={delayComplete:!1},r}var r,n,o;return function(e,r){if("function"!=typeof r&&null!==r)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(r&&r.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),r&&F(e,r)}(t,a["Component"]),r=t,(n=[{key:"componentDidMount",value:function(){var e=this,r=this.props.delayMS;this.renderingDelayTimeout=setTimeout(function(){e.setState({delayComplete:!0},function(){e.performAnimationFrame()})},r)}},{key:"componentWillUnmount",value:function(){clearTimeout(this.renderingDelayTimeout),cancelAnimationFrame(this.tick)}},{key:"performAnimationFrame",value:function(){var r=this;this.tick=requestAnimationFrame(function(e){r.props.tick(e),r.performAnimationFrame()})}},{key:"render",value:function(){var e=this.props,r=e.delayMS,t=e.size,n=e.children,o=e.render,a=void 0===o?n:o;return this.state.delayComplete||0===r?a():f.a.createElement(w,{fontSize:t}," ")}}])&&k(r.prototype,n),o&&k(r,o),t}();function I(e){return(I="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _(){return(_=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function E(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],0<=r.indexOf(t)||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],0<=r.indexOf(t)||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}function T(e,r){for(var t=0;t<r.length;t++){var n=r[t];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function G(e){return(G=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function L(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function R(e,r){return(R=Object.setPrototypeOf||function(e,r){return e.__proto__=r,e})(e,r)}function W(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}M(P,"propTypes",{size:o.a.any,delayMS:o.a.number,tick:o.a.func,children:o.a.func,render:o.a.func}),M(P,"defaultProps",{delayMS:750});var A=function(e){function l(){var e,t,r,n;!function(e,r){if(!(e instanceof r))throw new TypeError("Cannot call a class as a function")}(this,l);for(var o=arguments.length,a=new Array(o),i=0;i<o;i++)a[i]=arguments[i];return r=this,n=(e=G(l)).call.apply(e,[this].concat(a)),W(L(t=!n||"object"!==I(n)&&"function"!=typeof n?L(r):n),"state",{frame:0,timestamp:0}),W(L(t),"performAnimationFrame",function(){var n=0<arguments.length&&void 0!==arguments[0]?arguments[0]:0,e=t.props.velocity,o=e;e<-1?o=-.9:1<e&&(o=1),t.setState(function(e){var r=1e3+1e3*o,t=(n-e.timestamp)/r;return{frame:e.frame+t%u,timestamp:n}})}),W(L(t),"retrieveFrame",function(e){var r=2*u;return(t.state.frame+e*r)%r}),t}var r,t,n;return function(e,r){if("function"!=typeof r&&null!==r)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(r&&r.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),r&&R(e,r)}(l,f.a.Component),r=l,(t=[{key:"render",value:function(){var e=this.props,r=e.size,t=e.color,n=e.delayMS,o=E(e,["size","color","delayMS"]),a=this.retrieveFrame(0),i=this.retrieveFrame(1/3),l=this.retrieveFrame(2/3);return f.a.createElement(P,{tick:this.performAnimationFrame,size:r,delayMS:n},function(){return f.a.createElement(S,_({fontSize:r,color:t,width:"80",height:"72","data-garden-id":"loaders.dots"},o),f.a.createElement("g",{fill:"currentColor"},f.a.createElement(z,{transform:"translate(".concat(s(a)," ").concat(p(a),")")}),f.a.createElement(z,{transform:"translate(".concat(s(i)," ").concat(p(i),")")}),f.a.createElement(z,{transform:"translate(".concat(s(l)," ").concat(p(l),")")})))})}}])&&T(r.prototype,t),n&&T(r,n),l}();W(A,"propTypes",{size:o.a.any,velocity:o.a.number,color:o.a.string,delayMS:o.a.number}),W(A,"defaultProps",{size:"inherit",color:"inherit",velocity:.05,delayMS:750});function q(e){return Math.round(255*e)}function B(e,r,t){return q(e)+","+q(r)+","+q(t)}function X(e,r,t,n){if(void 0===n&&(n=B),0===r)return n(t,t,t);var o=e%360/60,a=(1-Math.abs(2*t-1))*r,i=a*(1-Math.abs(o%2-1)),l=0,d=0,f=0;0<=o&&o<1?(l=a,d=i):1<=o&&o<2?(l=i,d=a):2<=o&&o<3?(d=a,f=i):3<=o&&o<4?(d=i,f=a):4<=o&&o<5?(l=i,f=a):5<=o&&o<6&&(l=a,f=i);var c=t-a/2;return n(l+c,d+c,f+c)}var V={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};var K=/^#[a-fA-F0-9]{6}$/,Y=/^#[a-fA-F0-9]{8}$/,H=/^#[a-fA-F0-9]{3}$/,N=/^#[a-fA-F0-9]{4}$/,$=/^rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/,D=/^rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*([-+]?[0-9]*[.]?[0-9]+)\s*\)$/,U=/^hsl\(\s*(\d{0,3}[.]?[0-9]+)\s*,\s*(\d{1,3})%\s*,\s*(\d{1,3})%\s*\)$/,J=/^hsla\(\s*(\d{0,3}[.]?[0-9]+)\s*,\s*(\d{1,3})%\s*,\s*(\d{1,3})%\s*,\s*([-+]?[0-9]*[.]?[0-9]+)\s*\)$/;function Q(e){if("string"!=typeof e)throw new Error("Passed an incorrect argument to a color function, please pass a string representation of a color.");var r=function(e){if("string"!=typeof e)return e;var r=e.toLowerCase();return V[r]?"#"+V[r]:e}(e);if(r.match(K))return{red:parseInt(""+r[1]+r[2],16),green:parseInt(""+r[3]+r[4],16),blue:parseInt(""+r[5]+r[6],16)};if(r.match(Y)){var t=parseFloat((parseInt(""+r[7]+r[8],16)/255).toFixed(2));return{red:parseInt(""+r[1]+r[2],16),green:parseInt(""+r[3]+r[4],16),blue:parseInt(""+r[5]+r[6],16),alpha:t}}if(r.match(H))return{red:parseInt(""+r[1]+r[1],16),green:parseInt(""+r[2]+r[2],16),blue:parseInt(""+r[3]+r[3],16)};if(r.match(N)){var n=parseFloat((parseInt(""+r[4]+r[4],16)/255).toFixed(2));return{red:parseInt(""+r[1]+r[1],16),green:parseInt(""+r[2]+r[2],16),blue:parseInt(""+r[3]+r[3],16),alpha:n}}var o=$.exec(r);if(o)return{red:parseInt(""+o[1],10),green:parseInt(""+o[2],10),blue:parseInt(""+o[3],10)};var a=D.exec(r);if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10),alpha:parseFloat(""+a[4])};var i=U.exec(r);if(i){var l="rgb("+X(parseInt(""+i[1],10),parseInt(""+i[2],10)/100,parseInt(""+i[3],10)/100)+")",d=$.exec(l);if(!d)throw new Error("Couldn't generate valid rgb string from "+r+", it returned "+l+".");return{red:parseInt(""+d[1],10),green:parseInt(""+d[2],10),blue:parseInt(""+d[3],10)}}var f=J.exec(r);if(f){var c="rgb("+X(parseInt(""+f[1],10),parseInt(""+f[2],10)/100,parseInt(""+f[3],10)/100)+")",u=$.exec(c);if(!u)throw new Error("Couldn't generate valid rgb string from "+r+", it returned "+c+".");return{red:parseInt(""+u[1],10),green:parseInt(""+u[2],10),blue:parseInt(""+u[3],10),alpha:parseFloat(""+f[4])}}throw new Error("Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.")}var Z=function(e){return 7===e.length&&e[1]===e[2]&&e[3]===e[4]&&e[5]===e[6]?"#"+e[1]+e[3]+e[5]:e};function ee(e){var r=e.toString(16);return 1===r.length?"0"+r:r}function re(e,r,t){if("number"==typeof e&&"number"==typeof r&&"number"==typeof t)return Z("#"+ee(e)+ee(r)+ee(t));if("object"==typeof e&&void 0===r&&void 0===t)return Z("#"+ee(e.red)+ee(e.green)+ee(e.blue));throw new Error("Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, blue: 100 }).")}function te(e,r,t,n){if("string"==typeof e&&"number"==typeof r){var o=Q(e);return"rgba("+o.red+","+o.green+","+o.blue+","+r+")"}if("number"==typeof e&&"number"==typeof r&&"number"==typeof t&&"number"==typeof n)return 1<=n?re(e,r,t):"rgba("+e+","+r+","+t+","+n+")";if("object"==typeof e&&void 0===r&&void 0===t&&void 0===n)return 1<=e.alpha?re(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")";throw new Error("Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: 205, blue: 100, alpha: 0.75 }).")}var ne=t(4),oe="loaders.skeleton",ae=Object(y.keyframes)(["0%,60%{opacity:0;}100%{opacity:1;}"]),ie=Object(y.keyframes)(["100%{left:100%;}"]),le=Object(y.keyframes)(["100%{right:100%;}"]),de=b.a.div.attrs({"data-garden-id":oe,"data-garden-version":"0.4.0"}).withConfig({displayName:"Skeleton__StyledSkeleton",componentId:"sc-1uuy18r-0"})(["display:inline-block;position:relative;animation:"," 750ms linear;border-radius:",";background-color:",";width:",";height:",";overflow:hidden;line-height:0.6;&::before{position:absolute;top:0;"," background-image:linear-gradient(",",transparent,",",transparent);width:1000px;height:100%;content:'';}",";"],ae,ne.zdSpacingXxs,function(e){return e.dark?te(ne.zdColorWhite,.2):te(ne.zdColorGrey800,.1)},function(e){return e.width},function(e){return e.height},function(e){return Object(m.isRtl)(e)?"\n right: -1800px;\n animation: ".concat(le," 1.5s ease-in-out 300ms infinite;\n "):"\n left: -1800px;\n animation: ".concat(ie," 1.5s ease-in-out 300ms infinite;\n ")},function(e){return Object(m.isRtl)(e)?"-45deg":"45deg"},function(e){return e.dark?te(ne.zdColorKale700,.4):te(ne.zdColorWhite,.6)},function(e){return Object(m.retrieveTheme)(oe,e)});function fe(e){var r=e.width,t=e.height,n=e.style,o=e.dark;return f.a.createElement(de,{dark:o,width:r,height:t,style:n}," ")}fe.propTypes={width:o.a.string,height:o.a.string,dark:o.a.bool,style:o.a.object},fe.defaultProps={width:"100%",height:"100%"};var ce=fe,ue={0:6,14:5,26:4,36:3,46:2,58:3,70:4,80:5,91:6},se={0:-90,8:-81,36:-30,41:-18,44:-8,48:0,55:22,63:53,64:62,66:67,68:78,69:90,71:99,73:112,74:129,76:138,78:159,79:180,81:190,83:207,84:221,86:226,88:235,90:243,99:270},pe={0:0,13:2,26:13,53:86,58:90,63:89,64:88,66:86,68:83,69:81,71:76,73:70,74:62,76:58,78:47,79:37,81:31,83:23,84:16,88:10,89:7,98:1,99:0};function ye(e){return(ye="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function be(){return(be=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function me(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],0<=r.indexOf(t)||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],0<=r.indexOf(t)||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}function he(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var t=[],n=!0,o=!1,a=void 0;try{for(var i,l=e[Symbol.iterator]();!(n=(i=l.next()).done)&&(t.push(i.value),!r||t.length!==r);n=!0);}catch(e){o=!0,a=e}finally{try{n||null==l.return||l.return()}finally{if(o)throw a}}return t}(e,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function ge(e,r){for(var t=0;t<r.length;t++){var n=r[t];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function ze(e){return(ze=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function ve(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Ce(e,r){return(Ce=Object.setPrototypeOf||function(e,r){return e.__proto__=r,e})(e,r)}function Se(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var we=function(e){function n(e){var l,r,t;return function(e,r){if(!(e instanceof r))throw new TypeError("Cannot call a class as a function")}(this,n),r=this,t=ze(n).call(this,e),Se(ve(l=!t||"object"!==ye(t)&&"function"!=typeof t?ve(r):t),"state",{frame:0,rawFrame:0,totalFrames:100,delayComplete:!1,timestamp:0}),Se(ve(l),"computeFrames",function(e){var y=l.props.duration,b=l.state.totalFrames;return Object.entries(e).reduce(function(e,r,t,n){var o=he(r,2),a=o[0],i=o[1],l=he(n[t+1]||[b,n[0][1]],2),d=l[0],f=l[1],c=d-a,u=y/(b-1)*c,s=i;e[a]=i;for(var p=0;p<c;p++)s+=1e3/60/u*(f-s),u=y/(b-1)*(c-p),e[parseInt(a,10)+p+1]=s;return e[d]=f,e},{})}),Se(ve(l),"performAnimationFrame",function(){var r=0<arguments.length&&void 0!==arguments[0]?arguments[0]:0,e=l.state,t=e.totalFrames,n=e.rawFrame,o=e.timestamp,a=l.props.duration,i=r-o;l.setState(function(){var e=n+i*((t+1)/a);return{frame:Math.floor(e)%t,rawFrame:e%t,timestamp:r}})}),l.strokeWidthValues=l.computeFrames(ue),l.rotationValues=l.computeFrames(se),l.dasharrayValues=l.computeFrames(pe),l}var r,t,o;return function(e,r){if("function"!=typeof r&&null!==r)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(r&&r.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),r&&Ce(e,r)}(n,f.a.Component),r=n,(t=[{key:"render",value:function(){var e=this.props,r=e.size,t=e.color,n=e.delayMS,o=me(e,["size","color","delayMS"]),a=this.state.frame,i=this.strokeWidthValues[a],l=this.rotationValues[a],d=this.dasharrayValues[a];return f.a.createElement(P,{tick:this.performAnimationFrame,size:r,delayMS:n},function(){return f.a.createElement(S,be({fontSize:r,color:t,width:80,height:80,"data-garden-id":"loaders.spinner"},o),f.a.createElement(v,{strokeDasharray:"".concat(d," 250"),strokeWidth:i,transform:"rotate(".concat(l,", ").concat(40,", ").concat(40,")")}))})}}])&&ge(r.prototype,t),o&&ge(r,o),n}();function Oe(){return(Oe=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function ke(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],0<=r.indexOf(t)||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],0<=r.indexOf(t)||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}Se(we,"propTypes",{size:o.a.any,duration:o.a.number,color:o.a.string,delayMS:o.a.number}),Se(we,"defaultProps",{size:"inherit",color:"inherit",delayMS:750,duration:1250});var xe=Object(y.keyframes)(["0%,100%{opacity:.2;}50%{opacity:.8;}"]),je=b.a.circle.attrs({fill:"currentColor",cy:2,r:2}).withConfig({displayName:"Inline__StyledCircle",componentId:"sc-1gjohp3-0"})([""]),Fe=b.a.svg.attrs({"data-garden-id":"loaders.inline","data-garden-version":"0.4.0",viewBox:"0 0 16 4",width:function(e){return e.size},height:function(e){return.25*e.size}}).withConfig({displayName:"Inline__StyledTypingSvg",componentId:"sc-1gjohp3-1"})(["color:",";","{opacity:0.2;&:nth-child(1){animation:"," 1s infinite;animation-delay:",";}&:nth-child(2){animation:"," 1s infinite;animation-delay:0.2s;}&:nth-child(3){animation:"," 1s infinite;animation-delay:",";}}"],function(e){return e.color},je,xe,function(e){return Object(m.isRtl)(e)?"unset":"0.4s"},xe,xe,function(e){return Object(m.isRtl)(e)?"0.4s":"unset"}),Me=function(e){var r=e.size,t=e.color,n=ke(e,["size","color"]);return f.a.createElement(Fe,Oe({size:r,color:t},n),f.a.createElement(je,{cx:"14"}),f.a.createElement(je,{cx:"8"}),f.a.createElement(je,{cx:"2"}))};Me.propTypes={size:o.a.number,color:o.a.string},Me.defaultProps={size:16,color:ne.zdColorGrey600};var Pe=Me;t.d(r,"Dots",function(){return A}),t.d(r,"Skeleton",function(){return ce}),t.d(r,"Spinner",function(){return we}),t.d(r,"Inline",function(){return Pe})}])}); | ||
| //# sourceMappingURL=bundle.min.js.map |
@@ -11,3 +11,3 @@ { | ||
| }, | ||
| "version": "0.3.1", | ||
| "version": "0.4.0", | ||
| "main": "./dist/index.js", | ||
@@ -48,3 +48,3 @@ "files": [ | ||
| "zendeskgarden:src": "src/index.js", | ||
| "gitHead": "8ed9c6a1d05621316e2a7f6b981d1b7e33694b97" | ||
| "gitHead": "3c970c83575d8cbda799689264e72771806d4602" | ||
| } |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by5.91%
300187
- Lines of code
- increased by9.58%
1224
No dependency changes