@amsterdam/design-system-react 2.0.2 → 2.2.0

package/dist/index.esm.js

@@ -704,7 +704,7 @@ var generateAspectRatioClass = function generateAspectRatioClass(aspectRatio) {
   return aspectRatio && "ams-aspect-ratio-".concat(aspectRatio.replace(':', '-'));
 };
 
-var _excluded$1j = ["aspectRatio", "className"];
+var _excluded$1j = ["aspectRatio", "className", "width"];
 function ownKeys$1s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1s(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
@@ -713,11 +713,12 @@ function _objectSpread$1s(e) { for (var r = 1; r < arguments.length; r++) { var
 var Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var aspectRatio = _ref.aspectRatio,
     className = _ref.className,
+    width = _ref.width,
     restProps = _objectWithoutProperties(_ref, _excluded$1j);
   return jsx("img", _objectSpread$1s(_objectSpread$1s({}, restProps), {}, {
     className: clsx('ams-image', generateAspectRatioClass(aspectRatio), className),
     ref: ref,
-    width: 600
+    width: width !== null && width !== void 0 ? width : 600
   }));
 });
 Image.displayName = 'Image';
@@ -1104,7 +1105,7 @@ var Field = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Field.displayName = 'Field';
 
-var _excluded$14 = ["className", "hint", "optional"];
+var _excluded$14 = ["className", "hint", "inFieldSet", "optional"];
 function ownKeys$1c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1c(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var getHintText = function getHintText(_ref) {
@@ -1120,6 +1121,7 @@ var getHintText = function getHintText(_ref) {
 var Hint = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var className = _ref2.className,
     hint = _ref2.hint,
+    inFieldSet = _ref2.inFieldSet,
     optional = _ref2.optional,
     restProps = _objectWithoutProperties(_ref2, _excluded$14);
   var hintText = getHintText({
@@ -1127,14 +1129,14 @@ var Hint = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     optional: optional
   });
   return hintText && jsxs("span", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
-    className: clsx('ams-hint', className),
+    className: clsx('ams-hint', inFieldSet && 'ams-hint--in-fieldset', className),
     ref: ref,
     children: ["(", hintText, ")"]
   }));
 });
 Hint.displayName = 'Hint';
 
-var _excluded$13 = ["children", "className", "hint", "invalid", "legend", "optional"];
+var _excluded$13 = ["children", "className", "hint", "inFieldSet", "invalid", "legend", "legendIsPageHeading", "optional"];
 function ownKeys$1b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1b(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
@@ -1144,19 +1146,28 @@ var FieldSet = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     hint = _ref.hint,
+    inFieldSet = _ref.inFieldSet,
     invalid = _ref.invalid,
     legend = _ref.legend,
+    legendIsPageHeading = _ref.legendIsPageHeading,
     optional = _ref.optional,
     restProps = _objectWithoutProperties(_ref, _excluded$13);
+  var legendContent = jsxs(Fragment, {
+    children: [legend, " ", jsx(Hint, {
+      hint: hint,
+      inFieldSet: inFieldSet,
+      optional: optional
+    })]
+  });
   return jsxs("fieldset", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
     className: clsx('ams-field-set', invalid && 'ams-field-set--invalid', className),
     ref: ref,
-    children: [jsxs("legend", {
-      className: "ams-field-set__legend",
-      children: [legend, " ", jsx(Hint, {
-        hint: hint,
-        optional: optional
-      })]
+    children: [jsx("legend", {
+      className: clsx('ams-field-set__legend', inFieldSet && 'ams-field-set__legend--in-fieldset'),
+      children: legendIsPageHeading ? jsx("h1", {
+        className: "ams-field-set__heading",
+        children: legendContent
+      }) : legendContent
     }), children]
   }));
 });
@@ -1854,7 +1865,7 @@ var InvalidFormAlert = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 InvalidFormAlert.displayName = 'InvalidFormAlert';
 
-var _excluded$O = ["children", "className", "hint", "optional"];
+var _excluded$O = ["children", "className", "hint", "inFieldSet", "isPageHeading", "optional"];
 function ownKeys$W(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$W(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
@@ -1864,16 +1875,23 @@ var Label = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     hint = _ref.hint,
+    inFieldSet = _ref.inFieldSet,
+    isPageHeading = _ref.isPageHeading,
     optional = _ref.optional,
     restProps = _objectWithoutProperties(_ref, _excluded$O);
-  return jsxs("label", _objectSpread$W(_objectSpread$W({}, restProps), {}, {
-    className: clsx('ams-label', className),
+  var labelElement = jsxs("label", _objectSpread$W(_objectSpread$W({}, restProps), {}, {
+    className: clsx('ams-label', inFieldSet && 'ams-label--in-fieldset', className),
     ref: ref,
     children: [children, " ", jsx(Hint, {
       hint: hint,
+      inFieldSet: inFieldSet,
       optional: optional
     })]
   }));
+  return isPageHeading ? jsx("h1", {
+    className: "ams-label__heading",
+    children: labelElement
+  }) : labelElement;
 });
 Label.displayName = 'Label';
 
@@ -2169,7 +2187,7 @@ var MenuLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 MenuLink.displayName = 'Menu.Link';
 
-var _excluded$J = ["accessibleName", "children", "className"];
+var _excluded$J = ["accessibleName", "children", "className", "inWideWindow"];
 function ownKeys$L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$L(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MenuRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
@@ -2177,12 +2195,16 @@ var MenuRoot = /*#__PURE__*/forwardRef(function (_ref, ref) {
     accessibleName = _ref$accessibleName === void 0 ? 'Hoofdnavigatie' : _ref$accessibleName,
     children = _ref.children,
     className = _ref.className,
+    inWideWindow = _ref.inWideWindow,
     restProps = _objectWithoutProperties(_ref, _excluded$J);
-  return jsxs("nav", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
-    "aria-labelledby": "primary-navigation",
-    className: clsx('ams-menu', className),
-    ref: ref,
-    children: [jsx("h2", {
+  // In a medium or narrow window, the Menu is a child of the `nav` of Page Header.
+  // In a wide window, we render a `nav` element and the related accessibility features.
+  var Tag = inWideWindow ? 'nav' : 'div';
+  return jsxs(Tag, _objectSpread$L(_objectSpread$L({}, restProps), {}, {
+    "aria-labelledby": inWideWindow ? 'primary-navigation' : undefined,
+    className: clsx('ams-menu', inWideWindow && "ams-menu--in-wide-window", className),
+    ref: ref,
+    children: [inWideWindow && jsx("h2", {
       className: "ams-visually-hidden",
       id: "primary-navigation",
       children: accessibleName
@@ -2260,7 +2282,7 @@ var Overlap = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 Overlap.displayName = 'Overlap';
 
-var _excluded$F = ["children", "className"];
+var _excluded$F = ["children", "className", "withMenu"];
 function ownKeys$H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
@@ -2269,9 +2291,10 @@ function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t
 var Page = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
+    withMenu = _ref.withMenu,
     restProps = _objectWithoutProperties(_ref, _excluded$F);
   return jsx("div", _objectSpread$H(_objectSpread$H({}, restProps), {}, {
-    className: clsx('ams-page', className),
+    className: clsx('ams-page', withMenu && 'ams-page--with-menu', className),
     ref: ref,
     children: children
   }));
@@ -2350,9 +2373,9 @@ var PageFooter = Object.assign(PageFooterRoot, {
 });
 
 // TODO: we should set the breakpoint in JS somewhere and render this and the sass variables from that
-var breakpoints = {
-  medium: '36rem',
-  wide: '68rem'
+var BREAKPOINTS = {
+  medium: '37.5rem',
+  wide: '72.5rem'
 };
 var useIsAfterBreakpoint = function useIsAfterBreakpoint(breakpoint) {
   var _useState = useState(false),
@@ -2362,7 +2385,7 @@ var useIsAfterBreakpoint = function useIsAfterBreakpoint(breakpoint) {
   useLayoutEffect(function () {
     // Check for window object to avoid SSR issues
     if (typeof window !== 'undefined') {
-      var media = window.matchMedia("(min-width: ".concat(breakpoints[breakpoint], ")"));
+      var media = window.matchMedia("(min-width: ".concat(BREAKPOINTS[breakpoint], ")"));
       if (media.matches !== matches) {
         setMatches(media.matches);
       }
@@ -2403,42 +2426,36 @@ var PageHeaderMenuIcon = function PageHeaderMenuIcon(props) {
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), {}, {
-    children: [jsx("line", {
+    children: [jsx("path", {
       className: "ams-page-header__menu-icon-top",
-      x1: "0",
-      x2: "100%",
-      y1: "50%",
-      y2: "50%"
-    }), jsx("line", {
+      d: "M1 5h22v2H1z"
+    }), jsx("path", {
       className: "ams-page-header__menu-icon-middle",
-      x1: "0",
-      x2: "100%",
-      y1: "50%",
-      y2: "50%"
-    }), jsx("line", {
+      d: "M1 11h22v2H1z"
+    }), jsx("path", {
       className: "ams-page-header__menu-icon-bottom",
-      x1: "0",
-      x2: "100%",
-      y1: "50%",
-      y2: "50%"
+      d: "M1 17h22v2H1z"
     })]
   }));
 };
 
-var _excluded$z = ["children", "className", "fixed"];
+var _excluded$z = ["children", "className", "fixed", "icon"];
 function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PageHeaderMenuLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     fixed = _ref.fixed,
+    icon = _ref.icon,
     restProps = _objectWithoutProperties(_ref, _excluded$z);
   return jsx("li", {
     className: clsx('ams-page-header__menu-item', fixed && 'ams-page-header__menu-item--fixed'),
-    children: jsx("a", _objectSpread$A(_objectSpread$A({}, restProps), {}, {
+    children: jsxs("a", _objectSpread$A(_objectSpread$A({}, restProps), {}, {
       className: clsx('ams-page-header__menu-link', className),
       ref: ref,
-      children: children
+      children: [children, icon && jsx(Icon, {
+        svg: icon
+      })]
     }))
   });
 });
@@ -2872,6 +2889,7 @@ var SearchFieldButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
     icon: SearchIcon,
     iconOnly: true,
     ref: ref,
+    type: "submit",
     children: children
   }));
 });

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}