@onewelcome/react-lib-components 8.12.1 → 8.13.0

package/dist/esm/Form/Checkbox/Checkbox.esm.js

@@ -1,4 +1,4 @@
-import React__default, { useEffect } from 'react';
+import React, { useEffect } from 'react';
 import { Icon, Icons } from '../../Icon/Icon.esm.js';
 import classes from './Checkbox.module.scss.esm.js';
 import { useFormSelector } from '../../src/hooks/useFormSelector.esm.js';
@@ -48,9 +48,9 @@ const CheckboxComponent = ({ children, name, helperText, helperProps, indetermin
             return children;
         }
     };
-    const renderNestedCheckboxes = () => (React__default.createElement("ul", { className: classes["checkbox-list"] }, React__default.Children.map(children, child => {
-        return (React__default.createElement("li", null,
-            React__default.createElement(Checkbox, { ...child.props, parentHelperId: parentHelperId, parentErrorId: parentErrorId, error: error, disabled: child.props.disabled ? child.props.disabled : disabled }, child.props.children)));
+    const renderNestedCheckboxes = () => (React.createElement("ul", { className: classes["checkbox-list"] }, React.Children.map(children, child => {
+        return (React.createElement("li", null,
+            React.createElement(Checkbox, { ...child.props, parentHelperId: parentHelperId, parentErrorId: parentErrorId, error: error, disabled: child.props.disabled ? child.props.disabled : disabled }, child.props.children)));
     })));
     const onChangeHandler = (event) => {
         if (disabled) {
@@ -58,22 +58,22 @@ const CheckboxComponent = ({ children, name, helperText, helperProps, indetermin
         }
         onChange === null || onChange === void 0 ? void 0 : onChange(event);
     };
-    const renderToggle = () => React__default.Children.toArray(children).filter(isToggle);
+    const renderToggle = () => React.Children.toArray(children).filter(isToggle);
     const iconClasses = [classes["input"]];
     const nativeInputClasses = [classes["native-input"]];
     const wrapperClasses = [classes["checkbox-wrapper"]];
     error && nativeInputClasses.push(classes["error"]);
     disabled && nativeInputClasses.push(classes["disabled"]) && iconClasses.push(classes["disabled"]);
     className && wrapperClasses.push(className);
-    return (React__default.createElement(FormSelectorWrapper, { ...formSelectorWrapperProps, className: wrapperClasses.join(" "), containerProps: { className: classes["checkbox-container"] }, helperText: helperText, helperProps: helperProps, parentErrorId: parentErrorId, errorId: errorId, errorMessage: errorMessage, error: error, disabled: disabled, identifier: identifier, nestedChildren: typeof children === "object" && !isToggle(children) && renderNestedCheckboxes() },
-        React__default.createElement("input", { ...rest, ref: ref, disabled: disabled, className: nativeInputClasses.join(" "), checked: checked, onChange: onChangeHandler, "aria-invalid": error, "aria-checked": indeterminate ? "mixed" : checked, "aria-describedby": describedBy, id: `${identifier}-checkbox`, name: name, type: "checkbox" }),
+    return (React.createElement(FormSelectorWrapper, { ...formSelectorWrapperProps, className: wrapperClasses.join(" "), containerProps: { className: classes["checkbox-container"] }, helperText: helperText, helperProps: helperProps, parentErrorId: parentErrorId, errorId: errorId, errorMessage: errorMessage, error: error, disabled: disabled, identifier: identifier, nestedChildren: typeof children === "object" && !isToggle(children) && renderNestedCheckboxes() },
+        React.createElement("input", { ...rest, ref: ref, disabled: disabled, className: nativeInputClasses.join(" "), checked: checked, onChange: onChangeHandler, "aria-invalid": error, "aria-checked": indeterminate ? "mixed" : checked, "aria-describedby": describedBy, id: `${identifier}-checkbox`, name: name, type: "checkbox" }),
         renderToggle(),
-        indeterminate && (React__default.createElement(Icon, { className: `${iconClasses.join(" ")} ${classes["indeterminate"]}`, icon: Icons.MinusSquare })),
-        checked && !indeterminate && (React__default.createElement(Icon, { className: `${iconClasses.join(" ")} ${classes["checkmark"]}`, icon: Icons.CheckmarkSquare })),
-        !checked && !indeterminate && (React__default.createElement(Icon, { className: `${iconClasses.join(" ")} ${classes["square"]}`, icon: Icons.Square })),
-        React__default.createElement("label", { htmlFor: `${identifier}-checkbox` }, determineLabel())));
+        indeterminate && (React.createElement(Icon, { className: `${iconClasses.join(" ")} ${classes["indeterminate"]}`, icon: Icons.MinusSquare })),
+        checked && !indeterminate && (React.createElement(Icon, { className: `${iconClasses.join(" ")} ${classes["checkmark"]}`, icon: Icons.CheckmarkSquare })),
+        !checked && !indeterminate && (React.createElement(Icon, { className: `${iconClasses.join(" ")} ${classes["square"]}`, icon: Icons.Square })),
+        React.createElement("label", { htmlFor: `${identifier}-checkbox` }, determineLabel())));
 };
-const Checkbox = withReadOnly(React__default.forwardRef(CheckboxComponent));
+const Checkbox = withReadOnly(React.forwardRef(CheckboxComponent));
 
 export { Checkbox };
 //# sourceMappingURL=Checkbox.esm.js.map

package/dist/esm/Form/Checkbox/Checkbox.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.esm.js","sources":["../../../../../../src/components/Form/Checkbox/Checkbox.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  ReactElement,\n  ReactNode,\n  useEffect\n} from \"react\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { Props as FormHelperTextProps } from \"../FormHelperText/FormHelperText\";\nimport classes from \"./Checkbox.module.scss\";\nimport { useFormSelector } from \"../../../hooks/useFormSelector\";\nimport {\n  FormSelectorWrapper,\n  Props as FormSelectorWrapperProps\n} from \"../FormSelectorWrapper/FormSelectorWrapper\";\nimport { FormSelector } from \"../form.interfaces\";\nimport { withReadOnly } from \"../../withReadOnly\";\n\nconst isToggle = (children: ReactNode) => !!(children as ReactElement)?.props?.[\"data-toggle\"];\n\nexport interface Props extends ComponentPropsWithRef<\"input\">, Omit<FormSelector, \"success\"> {\n  label?: string | React.ReactElement;\n  indeterminate?: boolean;\n  helperProps?: FormHelperTextProps;\n  formSelectorWrapperProps?: FormSelectorWrapperProps;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nconst CheckboxComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    children,\n    name,\n    helperText,\n    helperProps,\n    indeterminate,\n    parentErrorId,\n    errorMessage,\n    disabled,\n    label,\n    parentHelperId,\n    className,\n    error,\n    checked = false,\n    formSelectorWrapperProps,\n    onChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, identifier, describedBy } = useFormSelector({\n    name,\n    helperText,\n    parentErrorId,\n    errorMessage,\n    error,\n    parentHelperId\n  });\n\n  useEffect(() => {\n    if (!name) {\n      throw new Error(\"Please pass a 'name' prop to your <Checkbox> component.\");\n    }\n\n    if (typeof children === \"object\" && !isToggle(children) && indeterminate === undefined) {\n      throw new Error(\n        \"If you have nested checkboxes you have to manage the indeterminate state by passing a boolean to the `indeterminate` prop.\"\n      );\n    }\n  }, []);\n\n  const determineLabel = () => {\n    // this should be temporary, for backwards compatibility;\n    // once the components implementing checkboxes in microfrontends are updated, only label should be returned\n    if (label) {\n      return label;\n    } else if (typeof children === \"string\") {\n      return children;\n    }\n  };\n\n  const renderNestedCheckboxes = () => (\n    <ul className={classes[\"checkbox-list\"]}>\n      {React.Children.map(children as ReactElement[], child => {\n        return (\n          <li>\n            <Checkbox\n              {...child.props}\n              parentHelperId={parentHelperId}\n              parentErrorId={parentErrorId}\n              error={error}\n              disabled={child.props.disabled ? child.props.disabled : disabled}\n            >\n              {child.props.children}\n            </Checkbox>\n          </li>\n        );\n      })}\n    </ul>\n  );\n\n  const onChangeHandler = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (disabled) {\n      return;\n    }\n    onChange?.(event);\n  };\n\n  const renderToggle = () => React.Children.toArray(children).filter(isToggle);\n\n  const iconClasses = [classes[\"input\"]];\n  const nativeInputClasses = [classes[\"native-input\"]];\n  const wrapperClasses = [classes[\"checkbox-wrapper\"]];\n  error && nativeInputClasses.push(classes[\"error\"]);\n  disabled && nativeInputClasses.push(classes[\"disabled\"]) && iconClasses.push(classes[\"disabled\"]);\n  className && wrapperClasses.push(className);\n\n  return (\n    <FormSelectorWrapper\n      {...formSelectorWrapperProps}\n      className={wrapperClasses.join(\" \")}\n      containerProps={{ className: classes[\"checkbox-container\"] }}\n      helperText={helperText}\n      helperProps={helperProps}\n      parentErrorId={parentErrorId}\n      errorId={errorId}\n      errorMessage={errorMessage}\n      error={error}\n      disabled={disabled}\n      identifier={identifier}\n      nestedChildren={\n        typeof children === \"object\" && !isToggle(children) && renderNestedCheckboxes()\n      }\n    >\n      <input\n        {...rest}\n        ref={ref}\n        disabled={disabled}\n        className={nativeInputClasses.join(\" \")}\n        checked={checked}\n        onChange={onChangeHandler}\n        aria-invalid={error as boolean}\n        aria-checked={indeterminate ? \"mixed\" : checked}\n        aria-describedby={describedBy}\n        id={`${identifier}-checkbox`}\n        name={name}\n        type=\"checkbox\"\n      />\n      {renderToggle()}\n\n      {indeterminate && (\n        <Icon\n          className={`${iconClasses.join(\" \")} ${classes[\"indeterminate\"]}`}\n          icon={Icons.MinusSquare}\n        />\n      )}\n      {checked && !indeterminate && (\n        <Icon\n          className={`${iconClasses.join(\" \")} ${classes[\"checkmark\"]}`}\n          icon={Icons.CheckmarkSquare}\n        />\n      )}\n      {!checked && !indeterminate && (\n        <Icon className={`${iconClasses.join(\" \")} ${classes[\"square\"]}`} icon={Icons.Square} />\n      )}\n      <label htmlFor={`${identifier}-checkbox`}>{determineLabel()}</label>\n    </FormSelectorWrapper>\n  );\n};\n\nexport const Checkbox = withReadOnly(React.forwardRef(CheckboxComponent));\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"Checkbox.esm.js","sources":["../../../../../../src/components/Form/Checkbox/Checkbox.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  ReactElement,\n  ReactNode,\n  useEffect\n} from \"react\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { Props as FormHelperTextProps } from \"../FormHelperText/FormHelperText\";\nimport classes from \"./Checkbox.module.scss\";\nimport { useFormSelector } from \"../../../hooks/useFormSelector\";\nimport {\n  FormSelectorWrapper,\n  Props as FormSelectorWrapperProps\n} from \"../FormSelectorWrapper/FormSelectorWrapper\";\nimport { FormSelector } from \"../form.interfaces\";\nimport { withReadOnly } from \"../../withReadOnly\";\n\nconst isToggle = (children: ReactNode) => !!(children as ReactElement)?.props?.[\"data-toggle\"];\n\nexport interface Props extends ComponentPropsWithRef<\"input\">, Omit<FormSelector, \"success\"> {\n  label?: string | React.ReactElement;\n  indeterminate?: boolean;\n  helperProps?: FormHelperTextProps;\n  formSelectorWrapperProps?: FormSelectorWrapperProps;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nconst CheckboxComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n  {\n    children,\n    name,\n    helperText,\n    helperProps,\n    indeterminate,\n    parentErrorId,\n    errorMessage,\n    disabled,\n    label,\n    parentHelperId,\n    className,\n    error,\n    checked = false,\n    formSelectorWrapperProps,\n    onChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const { errorId, identifier, describedBy } = useFormSelector({\n    name,\n    helperText,\n    parentErrorId,\n    errorMessage,\n    error,\n    parentHelperId\n  });\n\n  useEffect(() => {\n    if (!name) {\n      throw new Error(\"Please pass a 'name' prop to your <Checkbox> component.\");\n    }\n\n    if (typeof children === \"object\" && !isToggle(children) && indeterminate === undefined) {\n      throw new Error(\n        \"If you have nested checkboxes you have to manage the indeterminate state by passing a boolean to the `indeterminate` prop.\"\n      );\n    }\n  }, []);\n\n  const determineLabel = () => {\n    // this should be temporary, for backwards compatibility;\n    // once the components implementing checkboxes in microfrontends are updated, only label should be returned\n    if (label) {\n      return label;\n    } else if (typeof children === \"string\") {\n      return children;\n    }\n  };\n\n  const renderNestedCheckboxes = () => (\n    <ul className={classes[\"checkbox-list\"]}>\n      {React.Children.map(children as ReactElement[], child => {\n        return (\n          <li>\n            <Checkbox\n              {...child.props}\n              parentHelperId={parentHelperId}\n              parentErrorId={parentErrorId}\n              error={error}\n              disabled={child.props.disabled ? child.props.disabled : disabled}\n            >\n              {child.props.children}\n            </Checkbox>\n          </li>\n        );\n      })}\n    </ul>\n  );\n\n  const onChangeHandler = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (disabled) {\n      return;\n    }\n    onChange?.(event);\n  };\n\n  const renderToggle = () => React.Children.toArray(children).filter(isToggle);\n\n  const iconClasses = [classes[\"input\"]];\n  const nativeInputClasses = [classes[\"native-input\"]];\n  const wrapperClasses = [classes[\"checkbox-wrapper\"]];\n  error && nativeInputClasses.push(classes[\"error\"]);\n  disabled && nativeInputClasses.push(classes[\"disabled\"]) && iconClasses.push(classes[\"disabled\"]);\n  className && wrapperClasses.push(className);\n\n  return (\n    <FormSelectorWrapper\n      {...formSelectorWrapperProps}\n      className={wrapperClasses.join(\" \")}\n      containerProps={{ className: classes[\"checkbox-container\"] }}\n      helperText={helperText}\n      helperProps={helperProps}\n      parentErrorId={parentErrorId}\n      errorId={errorId}\n      errorMessage={errorMessage}\n      error={error}\n      disabled={disabled}\n      identifier={identifier}\n      nestedChildren={\n        typeof children === \"object\" && !isToggle(children) && renderNestedCheckboxes()\n      }\n    >\n      <input\n        {...rest}\n        ref={ref}\n        disabled={disabled}\n        className={nativeInputClasses.join(\" \")}\n        checked={checked}\n        onChange={onChangeHandler}\n        aria-invalid={error as boolean}\n        aria-checked={indeterminate ? \"mixed\" : checked}\n        aria-describedby={describedBy}\n        id={`${identifier}-checkbox`}\n        name={name}\n        type=\"checkbox\"\n      />\n      {renderToggle()}\n\n      {indeterminate && (\n        <Icon\n          className={`${iconClasses.join(\" \")} ${classes[\"indeterminate\"]}`}\n          icon={Icons.MinusSquare}\n        />\n      )}\n      {checked && !indeterminate && (\n        <Icon\n          className={`${iconClasses.join(\" \")} ${classes[\"checkmark\"]}`}\n          icon={Icons.CheckmarkSquare}\n        />\n      )}\n      {!checked && !indeterminate && (\n        <Icon className={`${iconClasses.join(\" \")} ${classes[\"square\"]}`} icon={Icons.Square} />\n      )}\n      <label htmlFor={`${identifier}-checkbox`}>{determineLabel()}</label>\n    </FormSelectorWrapper>\n  );\n};\n\nexport const Checkbox = withReadOnly(React.forwardRef(CheckboxComponent));\n"],"names":[],"mappings":"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"}

package/dist/esm/Form/Checkbox/Checkbox.module.scss.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../../node_modules/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Checkbox_sr-only_zs31Q{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Checkbox_hidden_zs31Q{display:none}.Checkbox_slide-in_zs31Q{animation:Checkbox_slide-in_zs31Q .5s forwards}@media (prefers-reduced-motion:reduce){.Checkbox_slide-in_zs31Q{animation-duration:.1ms}}.Checkbox_slide-out_zs31Q{animation:Checkbox_slide-out_zs31Q .5s forwards}@media (prefers-reduced-motion:reduce){.Checkbox_slide-out_zs31Q{animation-duration:.1ms}}@keyframes Checkbox_slide-in_zs31Q{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Checkbox_slide-out_zs31Q{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Checkbox_checkbox-wrapper_zs31Q{position:relative}.Checkbox_checkbox-wrapper_zs31Q+.Checkbox_checkbox-wrapper_zs31Q{margin-top:.75rem}.Checkbox_checkbox-container_zs31Q{display:flex}.Checkbox_checkbox-container_zs31Q label{display:inline-block;font-family:var(--font-family);font-size:var(--font-size-form-label);margin-left:calc(var(--font-size)*.5);margin-top:.1rem;user-select:none}.Checkbox_checkbox-list_zs31Q{list-style:none;margin:1rem 0 0 1.75rem;padding:0}.Checkbox_checkbox-list_zs31Q li+li{margin-top:.75rem}.Checkbox_native-input_zs31Q{height:var(--font-size-big);left:0;margin:0;opacity:0;position:absolute;top:0;width:var(--font-size-big);z-index:2}.Checkbox_native-input_zs31Q:checked:not(.Checkbox_disabled_zs31Q)+*{color:var(--color-primary)}.Checkbox_native-input_zs31Q:focus-visible+*{border-radius:2px;outline:2px solid var(--color-focus);outline-offset:2px}.Checkbox_native-input_zs31Q:active:not(.Checkbox_disabled_zs31Q)+span{background-color:var(--disabled)}.Checkbox_native-input_zs31Q.Checkbox_error_zs31Q:focus-visible+*{outline-color:var(--color-error)}.Checkbox_native-input_zs31Q+span[data-icon=true]:before{display:block;height:var(--font-size-big);width:var(--font-size-big)}.Checkbox_native-input_zs31Q:hover+.Checkbox_square_zs31Q:not(.Checkbox_disabled_zs31Q){background-color:var(--checkbox-unchecked-hover-color)}.Checkbox_native-input_zs31Q:active+.Checkbox_square_zs31Q:not(.Checkbox_disabled_zs31Q){background-color:var(--checkbox-unchecked-pressed-color)}.Checkbox_native-input_zs31Q:active+.Checkbox_indeterminate_zs31Q:not(.Checkbox_disabled_zs31Q),.Checkbox_native-input_zs31Q:hover+.Checkbox_checkmark_zs31Q:not(.Checkbox_disabled_zs31Q){color:var(--checkbox-checked-hover-color)}.Checkbox_native-input_zs31Q:active+.Checkbox_checkmark_zs31Q:not(.Checkbox_disabled_zs31Q),.Checkbox_native-input_zs31Q:active+.Checkbox_indeterminate_zs31Q:not(.Checkbox_disabled_zs31Q){color:var(--checkbox-checked-pressed-color)}.Checkbox_input_zs31Q{font-size:var(--font-size-big);height:var(--font-size-big);width:var(--font-size-big);z-index:1}.Checkbox_disabled_zs31Q{cursor:not-allowed}.Checkbox_disabled_zs31Q+span{color:var(--disabled);pointer-events:none}.Checkbox_disabled_zs31Q+label{color:var(--greyed-out)}.Checkbox_disabled_zs31Q+.Checkbox_checkmark_zs31Q,.Checkbox_disabled_zs31Q+.Checkbox_indeterminate_zs31Q{background-color:var(--greyed-out);border-radius:2px;color:var(--disabled);outline:1px var(--disabled) solid;outline-offset:-1px}.Checkbox_indeterminate_zs31Q{color:var(--color-primary)}[data-readonlyview=true] .Checkbox_checkbox-wrapper_zs31Q label{background-color:initial;border-color:var(--read-only-border-color);color:var(--read-only-text-color);user-select:text}[data-readonlyview=true] .Checkbox_checkbox-wrapper_zs31Q span{color:var(--color-blue-grey100)}[data-readonlyview=true] .Checkbox_checkbox-wrapper_zs31Q span.Checkbox_checkmark_zs31Q{background-color:var(--color-blue-grey900);border-radius:2px;color:var(--color-white)}[data-readonlyview=true] .Checkbox_checkbox-wrapper_zs31Q span.Checkbox_checkmark_zs31Q:before{border-radius:2px;outline:1px solid var(--read-only-border-color);outline-offset:-1px}[data-readonlyview=true] .Checkbox_checkbox-wrapper_zs31Q input[type=checkbox]{pointer-events:none}.Checkbox_checkbox-container_zs31Q input[type=checkbox][data-readonlyview=true]~span:before{color:var(--color-blue-grey100)}.Checkbox_checkbox-container_zs31Q input[type=checkbox][data-readonlyview=true]~span.Checkbox_checkmark_zs31Q{background-color:var(--color-blue-grey900);border:1px solid var(--read-only-border-color);border-radius:3px;color:var(--color-white)}.Checkbox_checkbox-container_zs31Q input[type=checkbox][data-readonlyview=true]~span.Checkbox_checkmark_zs31Q:before{color:var(--color-white)}.Checkbox_checkbox-container_zs31Q input[type=checkbox][data-readonlyview=true]~span[data-icon=true]{color:var(--color-blue-grey100)}.Checkbox_checkbox-container_zs31Q input[type=checkbox][data-readonlyview=true]~span[data-icon=true].Checkbox_checkmark_zs31Q{background-color:var(--color-blue-grey900);border:0;color:var(--color-white)}.Checkbox_checkbox-container_zs31Q input[type=checkbox][data-readonlyview=true]~span[data-icon=true].Checkbox_checkmark_zs31Q:before{border-radius:2px;outline:1px solid var(--read-only-border-color);outline-offset:-1px}.Checkbox_checkbox-container_zs31Q input[type=checkbox][data-readonlyview=true]~label{pointer-events:none;user-select:text}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrYm94Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHdCQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSx1QkFDRSxZQUNGLENBRUEseUJBQ0UsOENBQ0YsQ0FDQSx1Q0FDRSx5QkFDRSx1QkFDRixDQUNGLENBRUEsMEJBQ0UsK0NBQ0YsQ0FDQSx1Q0FDRSwwQkFDRSx1QkFDRixDQUNGLENBRUEsbUNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLG9DQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0Y7QUFDQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUVGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsaUNBQ0UsaUJBQ0YsQ0FDQSxrRUFDRSxpQkFDRixDQUVBLG1DQUNFLFlBQ0YsQ0FDQSx5Q0FDRSxvQkFBcUIsQ0FJckIsOEJBQStCLENBRC9CLHFDQUFzQyxDQUZ0QyxxQ0FBeUMsQ0FJekMsZ0JBQWtCLENBSGxCLGdCQUlGLENBRUEsOEJBR0UsZUFBZ0IsQ0FEaEIsdUJBQXdCLENBRHhCLFNBR0YsQ0FDQSxvQ0FDRSxpQkFDRixDQUVBLDZCQU9FLDJCQUE0QixDQUo1QixNQUFPLENBRVAsUUFBUyxDQURULFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsS0FBTSxDQUlOLDBCQUEyQixDQUUzQixTQUNGLENBQ0EscUVBQ0UsMEJBQ0YsQ0FDQSw2Q0FDRSxpQkFBa0IsQ0FDbEIsb0NBQXFDLENBQ3JDLGtCQUNGLENBQ0EsdUVBQ0UsZ0NBQ0YsQ0FDQSxrRUFDRSxnQ0FDRixDQUNBLHlEQUNFLGFBQWMsQ0FFZCwyQkFBNEIsQ0FENUIsMEJBRUYsQ0FDQSx3RkFDRSxzREFDRixDQUNBLHlGQUNFLHdEQUNGLENBQ0EsMkxBQ0UseUNBQ0YsQ0FDQSw0TEFDRSwyQ0FDRixDQUVBLHNCQUNFLDhCQUErQixDQUUvQiwyQkFBNEIsQ0FENUIsMEJBQTJCLENBRTNCLFNBQ0YsQ0FFQSx5QkFDRSxrQkFDRixDQUNBLDhCQUNFLHFCQUFzQixDQUN0QixtQkFDRixDQUNBLCtCQUNFLHVCQUNGLENBQ0EsMEdBRUUsa0NBQW1DLENBQ25DLGlCQUFrQixDQUZsQixxQkFBc0IsQ0FHdEIsaUNBQWtDLENBQ2xDLG1CQUNGLENBRUEsOEJBQ0UsMEJBQ0YsQ0FFQSxnRUFHRSx3QkFBNkIsQ0FGN0IsMENBQTJDLENBQzNDLGlDQUFrQyxDQUVsQyxnQkFDRixDQUNBLCtEQUNFLCtCQUNGLENBQ0Esd0ZBQ0UsMENBQTJDLENBRTNDLGlCQUFrQixDQURsQix3QkFFRixDQUNBLCtGQUVFLGlCQUFrQixDQURsQiwrQ0FBZ0QsQ0FFaEQsbUJBQ0YsQ0FDQSwrRUFDRSxtQkFDRixDQUVBLDRGQUNFLCtCQUNGLENBQ0EsOEdBQ0UsMENBQTJDLENBRTNDLDhDQUErQyxDQUMvQyxpQkFBa0IsQ0FGbEIsd0JBR0YsQ0FDQSxxSEFDRSx3QkFDRixDQUNBLHFHQUNFLCtCQUNGLENBQ0EsOEhBQ0UsMENBQTJDLENBRTNDLFFBQVMsQ0FEVCx3QkFFRixDQUNBLHFJQUdFLGlCQUFrQixDQUZsQiwrQ0FBZ0QsQ0FDaEQsbUJBRUYsQ0FDQSxzRkFDRSxtQkFBb0IsQ0FDcEIsZ0JBQ0YiLCJmaWxlIjoiQ2hlY2tib3gubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyoqIEJyZWFrcG9pbnRzICoqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5jaGVja2JveC13cmFwcGVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuLmNoZWNrYm94LXdyYXBwZXIgKyAuY2hlY2tib3gtd3JhcHBlciB7XG4gIG1hcmdpbi10b3A6IDAuNzVyZW07XG59XG5cbi5jaGVja2JveC1jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xufVxuLmNoZWNrYm94LWNvbnRhaW5lciBsYWJlbCB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgbWFyZ2luLWxlZnQ6IGNhbGMoMC41ICogdmFyKC0tZm9udC1zaXplKSk7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1mb3JtLWxhYmVsKTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgbWFyZ2luLXRvcDogMC4xcmVtO1xufVxuXG4uY2hlY2tib3gtbGlzdCB7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMXJlbSAwIDAgMS43NXJlbTtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbn1cbi5jaGVja2JveC1saXN0IGxpICsgbGkge1xuICBtYXJnaW4tdG9wOiAwLjc1cmVtO1xufVxuXG4ubmF0aXZlLWlucHV0IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIG9wYWNpdHk6IDA7XG4gIG1hcmdpbjogMDtcbiAgd2lkdGg6IHZhcigtLWZvbnQtc2l6ZS1iaWcpO1xuICBoZWlnaHQ6IHZhcigtLWZvbnQtc2l6ZS1iaWcpO1xuICB6LWluZGV4OiAyO1xufVxuLm5hdGl2ZS1pbnB1dDpjaGVja2VkOm5vdCguZGlzYWJsZWQpICsgKiB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbn1cbi5uYXRpdmUtaW5wdXQ6Zm9jdXMtdmlzaWJsZSArICoge1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAycHg7XG59XG4ubmF0aXZlLWlucHV0OmFjdGl2ZTpub3QoLmRpc2FibGVkKSArIHNwYW4ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG59XG4ubmF0aXZlLWlucHV0LmVycm9yOmZvY3VzLXZpc2libGUgKyAqIHtcbiAgb3V0bGluZS1jb2xvcjogdmFyKC0tY29sb3ItZXJyb3IpO1xufVxuLm5hdGl2ZS1pbnB1dCArIHNwYW5bZGF0YS1pY29uPXRydWVdOmJlZm9yZSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB3aWR0aDogdmFyKC0tZm9udC1zaXplLWJpZyk7XG4gIGhlaWdodDogdmFyKC0tZm9udC1zaXplLWJpZyk7XG59XG4ubmF0aXZlLWlucHV0OmhvdmVyICsgLnNxdWFyZTpub3QoLmRpc2FibGVkKSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNoZWNrYm94LXVuY2hlY2tlZC1ob3Zlci1jb2xvcik7XG59XG4ubmF0aXZlLWlucHV0OmFjdGl2ZSArIC5zcXVhcmU6bm90KC5kaXNhYmxlZCkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jaGVja2JveC11bmNoZWNrZWQtcHJlc3NlZC1jb2xvcik7XG59XG4ubmF0aXZlLWlucHV0OmhvdmVyICsgLmNoZWNrbWFyazpub3QoLmRpc2FibGVkKSwgLm5hdGl2ZS1pbnB1dDphY3RpdmUgKyAuaW5kZXRlcm1pbmF0ZTpub3QoLmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1jaGVja2JveC1jaGVja2VkLWhvdmVyLWNvbG9yKTtcbn1cbi5uYXRpdmUtaW5wdXQ6YWN0aXZlICsgLmNoZWNrbWFyazpub3QoLmRpc2FibGVkKSwgLm5hdGl2ZS1pbnB1dDphY3RpdmUgKyAuaW5kZXRlcm1pbmF0ZTpub3QoLmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1jaGVja2JveC1jaGVja2VkLXByZXNzZWQtY29sb3IpO1xufVxuXG4uaW5wdXQge1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1iaWcpO1xuICB3aWR0aDogdmFyKC0tZm9udC1zaXplLWJpZyk7XG4gIGhlaWdodDogdmFyKC0tZm9udC1zaXplLWJpZyk7XG4gIHotaW5kZXg6IDE7XG59XG5cbi5kaXNhYmxlZCB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG4uZGlzYWJsZWQgKyBzcGFuIHtcbiAgY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG4uZGlzYWJsZWQgKyBsYWJlbCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cbi5kaXNhYmxlZCArIC5jaGVja21hcmssIC5kaXNhYmxlZCArIC5pbmRldGVybWluYXRlIHtcbiAgY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgb3V0bGluZTogMXB4IHZhcigtLWRpc2FibGVkKSBzb2xpZDtcbiAgb3V0bGluZS1vZmZzZXQ6IC0xcHg7XG59XG5cbi5pbmRldGVybWluYXRlIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xufVxuXG5bZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gLmNoZWNrYm94LXdyYXBwZXIgbGFiZWwge1xuICBib3JkZXItY29sb3I6IHZhcigtLXJlYWQtb25seS1ib3JkZXItY29sb3IpO1xuICBjb2xvcjogdmFyKC0tcmVhZC1vbmx5LXRleHQtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgdXNlci1zZWxlY3Q6IHRleHQ7XG59XG5bZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gLmNoZWNrYm94LXdyYXBwZXIgc3BhbiB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkxMDApO1xufVxuW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIC5jaGVja2JveC13cmFwcGVyIHNwYW4uY2hlY2ttYXJrIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5OTAwKTtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXdoaXRlKTtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xufVxuW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIC5jaGVja2JveC13cmFwcGVyIHNwYW4uY2hlY2ttYXJrOmJlZm9yZSB7XG4gIG91dGxpbmU6IDFweCBzb2xpZCB2YXIoLS1yZWFkLW9ubHktYm9yZGVyLWNvbG9yKTtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBvdXRsaW5lLW9mZnNldDogLTFweDtcbn1cbltkYXRhLXJlYWRvbmx5dmlldz10cnVlXSAuY2hlY2tib3gtd3JhcHBlciBpbnB1dFt0eXBlPWNoZWNrYm94XSB7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuXG4uY2hlY2tib3gtY29udGFpbmVyIGlucHV0W3R5cGU9Y2hlY2tib3hdW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIH4gc3BhbjpiZWZvcmUge1xuICBjb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MTAwKTtcbn1cbi5jaGVja2JveC1jb250YWluZXIgaW5wdXRbdHlwZT1jaGVja2JveF1bZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gfiBzcGFuLmNoZWNrbWFyayB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci13aGl0ZSk7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLXJlYWQtb25seS1ib3JkZXItY29sb3IpO1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG59XG4uY2hlY2tib3gtY29udGFpbmVyIGlucHV0W3R5cGU9Y2hlY2tib3hdW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIH4gc3Bhbi5jaGVja21hcms6YmVmb3JlIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXdoaXRlKTtcbn1cbi5jaGVja2JveC1jb250YWluZXIgaW5wdXRbdHlwZT1jaGVja2JveF1bZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gfiBzcGFuW2RhdGEtaWNvbj10cnVlXSB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkxMDApO1xufVxuLmNoZWNrYm94LWNvbnRhaW5lciBpbnB1dFt0eXBlPWNoZWNrYm94XVtkYXRhLXJlYWRvbmx5dmlldz10cnVlXSB+IHNwYW5bZGF0YS1pY29uPXRydWVdLmNoZWNrbWFyayB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci13aGl0ZSk7XG4gIGJvcmRlcjogMDtcbn1cbi5jaGVja2JveC1jb250YWluZXIgaW5wdXRbdHlwZT1jaGVja2JveF1bZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gfiBzcGFuW2RhdGEtaWNvbj10cnVlXS5jaGVja21hcms6YmVmb3JlIHtcbiAgb3V0bGluZTogMXB4IHNvbGlkIHZhcigtLXJlYWQtb25seS1ib3JkZXItY29sb3IpO1xuICBvdXRsaW5lLW9mZnNldDogLTFweDtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xufVxuLmNoZWNrYm94LWNvbnRhaW5lciBpbnB1dFt0eXBlPWNoZWNrYm94XVtkYXRhLXJlYWRvbmx5dmlldz10cnVlXSB+IGxhYmVsIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHVzZXItc2VsZWN0OiB0ZXh0O1xufSJdfQ== */";
-var classes = {"sr-only":"Checkbox_sr-only_zs31Q","hidden":"Checkbox_hidden_zs31Q","slide-in":"Checkbox_slide-in_zs31Q","slide-out":"Checkbox_slide-out_zs31Q","checkbox-wrapper":"Checkbox_checkbox-wrapper_zs31Q","checkbox-container":"Checkbox_checkbox-container_zs31Q","checkbox-list":"Checkbox_checkbox-list_zs31Q","native-input":"Checkbox_native-input_zs31Q","disabled":"Checkbox_disabled_zs31Q","error":"Checkbox_error_zs31Q","square":"Checkbox_square_zs31Q","checkmark":"Checkbox_checkmark_zs31Q","indeterminate":"Checkbox_indeterminate_zs31Q","input":"Checkbox_input_zs31Q"};
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Checkbox_sr-only_pNyP0{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Checkbox_hidden_pNyP0{display:none}.Checkbox_slide-in_pNyP0{animation:Checkbox_slide-in_pNyP0 .5s forwards}@media (prefers-reduced-motion:reduce){.Checkbox_slide-in_pNyP0{animation-duration:.1ms}}.Checkbox_slide-out_pNyP0{animation:Checkbox_slide-out_pNyP0 .5s forwards}@media (prefers-reduced-motion:reduce){.Checkbox_slide-out_pNyP0{animation-duration:.1ms}}@keyframes Checkbox_slide-in_pNyP0{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Checkbox_slide-out_pNyP0{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Checkbox_checkbox-wrapper_pNyP0{position:relative}.Checkbox_checkbox-wrapper_pNyP0+.Checkbox_checkbox-wrapper_pNyP0{margin-top:.75rem}.Checkbox_checkbox-container_pNyP0{display:flex}.Checkbox_checkbox-container_pNyP0 label{display:inline-block;font-family:var(--font-family);font-size:var(--font-size-form-label);margin-left:calc(var(--font-size)*.5);margin-top:.1rem;user-select:none}.Checkbox_checkbox-list_pNyP0{list-style:none;margin:1rem 0 0 1.75rem;padding:0}.Checkbox_checkbox-list_pNyP0 li+li{margin-top:.75rem}.Checkbox_native-input_pNyP0{height:var(--font-size-big);left:0;margin:0;opacity:0;position:absolute;top:0;width:var(--font-size-big);z-index:2}.Checkbox_native-input_pNyP0:checked:not(.Checkbox_disabled_pNyP0)+*{color:var(--color-primary)}.Checkbox_native-input_pNyP0:focus-visible+*{border-radius:2px;outline:2px solid var(--color-focus);outline-offset:2px}.Checkbox_native-input_pNyP0:active:not(.Checkbox_disabled_pNyP0)+span{background-color:var(--disabled)}.Checkbox_native-input_pNyP0.Checkbox_error_pNyP0:focus-visible+*{outline-color:var(--color-error)}.Checkbox_native-input_pNyP0+span[data-icon=true]:before{display:block;height:var(--font-size-big);width:var(--font-size-big)}.Checkbox_native-input_pNyP0:hover+.Checkbox_square_pNyP0:not(.Checkbox_disabled_pNyP0){background-color:var(--checkbox-unchecked-hover-color)}.Checkbox_native-input_pNyP0:active+.Checkbox_square_pNyP0:not(.Checkbox_disabled_pNyP0){background-color:var(--checkbox-unchecked-pressed-color)}.Checkbox_native-input_pNyP0:active+.Checkbox_indeterminate_pNyP0:not(.Checkbox_disabled_pNyP0),.Checkbox_native-input_pNyP0:hover+.Checkbox_checkmark_pNyP0:not(.Checkbox_disabled_pNyP0){color:var(--checkbox-checked-hover-color)}.Checkbox_native-input_pNyP0:active+.Checkbox_checkmark_pNyP0:not(.Checkbox_disabled_pNyP0),.Checkbox_native-input_pNyP0:active+.Checkbox_indeterminate_pNyP0:not(.Checkbox_disabled_pNyP0){color:var(--checkbox-checked-pressed-color)}.Checkbox_input_pNyP0{font-size:var(--font-size-big);height:var(--font-size-big);width:var(--font-size-big);z-index:1}.Checkbox_disabled_pNyP0{cursor:not-allowed}.Checkbox_disabled_pNyP0+span{color:var(--disabled);pointer-events:none}.Checkbox_disabled_pNyP0+label{color:var(--greyed-out)}.Checkbox_disabled_pNyP0+.Checkbox_checkmark_pNyP0,.Checkbox_disabled_pNyP0+.Checkbox_indeterminate_pNyP0{background-color:var(--greyed-out);border-radius:2px;color:var(--disabled);outline:1px var(--disabled) solid;outline-offset:-1px}.Checkbox_indeterminate_pNyP0{color:var(--color-primary)}[data-readonlyview=true] .Checkbox_checkbox-wrapper_pNyP0 label{background-color:initial;border-color:var(--read-only-border-color);color:var(--read-only-text-color);user-select:text}[data-readonlyview=true] .Checkbox_checkbox-wrapper_pNyP0 span{color:var(--color-blue-grey100)}[data-readonlyview=true] .Checkbox_checkbox-wrapper_pNyP0 span.Checkbox_checkmark_pNyP0{background-color:var(--color-blue-grey900);border-radius:2px;color:var(--color-white)}[data-readonlyview=true] .Checkbox_checkbox-wrapper_pNyP0 span.Checkbox_checkmark_pNyP0:before{border-radius:2px;outline:1px solid var(--read-only-border-color);outline-offset:-1px}[data-readonlyview=true] .Checkbox_checkbox-wrapper_pNyP0 input[type=checkbox]{pointer-events:none}.Checkbox_checkbox-container_pNyP0 input[type=checkbox][data-readonlyview=true]~span:before{color:var(--color-blue-grey100)}.Checkbox_checkbox-container_pNyP0 input[type=checkbox][data-readonlyview=true]~span.Checkbox_checkmark_pNyP0{background-color:var(--color-blue-grey900);border:1px solid var(--read-only-border-color);border-radius:3px;color:var(--color-white)}.Checkbox_checkbox-container_pNyP0 input[type=checkbox][data-readonlyview=true]~span.Checkbox_checkmark_pNyP0:before{color:var(--color-white)}.Checkbox_checkbox-container_pNyP0 input[type=checkbox][data-readonlyview=true]~span[data-icon=true]{color:var(--color-blue-grey100)}.Checkbox_checkbox-container_pNyP0 input[type=checkbox][data-readonlyview=true]~span[data-icon=true].Checkbox_checkmark_pNyP0{background-color:var(--color-blue-grey900);border:0;color:var(--color-white)}.Checkbox_checkbox-container_pNyP0 input[type=checkbox][data-readonlyview=true]~span[data-icon=true].Checkbox_checkmark_pNyP0:before{border-radius:2px;outline:1px solid var(--read-only-border-color);outline-offset:-1px}.Checkbox_checkbox-container_pNyP0 input[type=checkbox][data-readonlyview=true]~label{pointer-events:none;user-select:text}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrYm94Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHdCQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSx1QkFDRSxZQUNGLENBRUEseUJBQ0UsOENBQ0YsQ0FDQSx1Q0FDRSx5QkFDRSx1QkFDRixDQUNGLENBRUEsMEJBQ0UsK0NBQ0YsQ0FDQSx1Q0FDRSwwQkFDRSx1QkFDRixDQUNGLENBRUEsbUNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLG9DQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0Y7QUFDQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUVGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsaUNBQ0UsaUJBQ0YsQ0FDQSxrRUFDRSxpQkFDRixDQUVBLG1DQUNFLFlBQ0YsQ0FDQSx5Q0FDRSxvQkFBcUIsQ0FJckIsOEJBQStCLENBRC9CLHFDQUFzQyxDQUZ0QyxxQ0FBeUMsQ0FJekMsZ0JBQWtCLENBSGxCLGdCQUlGLENBRUEsOEJBR0UsZUFBZ0IsQ0FEaEIsdUJBQXdCLENBRHhCLFNBR0YsQ0FDQSxvQ0FDRSxpQkFDRixDQUVBLDZCQU9FLDJCQUE0QixDQUo1QixNQUFPLENBRVAsUUFBUyxDQURULFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsS0FBTSxDQUlOLDBCQUEyQixDQUUzQixTQUNGLENBQ0EscUVBQ0UsMEJBQ0YsQ0FDQSw2Q0FDRSxpQkFBa0IsQ0FDbEIsb0NBQXFDLENBQ3JDLGtCQUNGLENBQ0EsdUVBQ0UsZ0NBQ0YsQ0FDQSxrRUFDRSxnQ0FDRixDQUNBLHlEQUNFLGFBQWMsQ0FFZCwyQkFBNEIsQ0FENUIsMEJBRUYsQ0FDQSx3RkFDRSxzREFDRixDQUNBLHlGQUNFLHdEQUNGLENBQ0EsMkxBQ0UseUNBQ0YsQ0FDQSw0TEFDRSwyQ0FDRixDQUVBLHNCQUNFLDhCQUErQixDQUUvQiwyQkFBNEIsQ0FENUIsMEJBQTJCLENBRTNCLFNBQ0YsQ0FFQSx5QkFDRSxrQkFDRixDQUNBLDhCQUNFLHFCQUFzQixDQUN0QixtQkFDRixDQUNBLCtCQUNFLHVCQUNGLENBQ0EsMEdBRUUsa0NBQW1DLENBQ25DLGlCQUFrQixDQUZsQixxQkFBc0IsQ0FHdEIsaUNBQWtDLENBQ2xDLG1CQUNGLENBRUEsOEJBQ0UsMEJBQ0YsQ0FFQSxnRUFHRSx3QkFBNkIsQ0FGN0IsMENBQTJDLENBQzNDLGlDQUFrQyxDQUVsQyxnQkFDRixDQUNBLCtEQUNFLCtCQUNGLENBQ0Esd0ZBQ0UsMENBQTJDLENBRTNDLGlCQUFrQixDQURsQix3QkFFRixDQUNBLCtGQUVFLGlCQUFrQixDQURsQiwrQ0FBZ0QsQ0FFaEQsbUJBQ0YsQ0FDQSwrRUFDRSxtQkFDRixDQUVBLDRGQUNFLCtCQUNGLENBQ0EsOEdBQ0UsMENBQTJDLENBRTNDLDhDQUErQyxDQUMvQyxpQkFBa0IsQ0FGbEIsd0JBR0YsQ0FDQSxxSEFDRSx3QkFDRixDQUNBLHFHQUNFLCtCQUNGLENBQ0EsOEhBQ0UsMENBQTJDLENBRTNDLFFBQVMsQ0FEVCx3QkFFRixDQUNBLHFJQUdFLGlCQUFrQixDQUZsQiwrQ0FBZ0QsQ0FDaEQsbUJBRUYsQ0FDQSxzRkFDRSxtQkFBb0IsQ0FDcEIsZ0JBQ0YiLCJmaWxlIjoiQ2hlY2tib3gubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyoqIEJyZWFrcG9pbnRzICoqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5jaGVja2JveC13cmFwcGVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuLmNoZWNrYm94LXdyYXBwZXIgKyAuY2hlY2tib3gtd3JhcHBlciB7XG4gIG1hcmdpbi10b3A6IDAuNzVyZW07XG59XG5cbi5jaGVja2JveC1jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xufVxuLmNoZWNrYm94LWNvbnRhaW5lciBsYWJlbCB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgbWFyZ2luLWxlZnQ6IGNhbGMoMC41ICogdmFyKC0tZm9udC1zaXplKSk7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1mb3JtLWxhYmVsKTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgbWFyZ2luLXRvcDogMC4xcmVtO1xufVxuXG4uY2hlY2tib3gtbGlzdCB7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMXJlbSAwIDAgMS43NXJlbTtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbn1cbi5jaGVja2JveC1saXN0IGxpICsgbGkge1xuICBtYXJnaW4tdG9wOiAwLjc1cmVtO1xufVxuXG4ubmF0aXZlLWlucHV0IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIG9wYWNpdHk6IDA7XG4gIG1hcmdpbjogMDtcbiAgd2lkdGg6IHZhcigtLWZvbnQtc2l6ZS1iaWcpO1xuICBoZWlnaHQ6IHZhcigtLWZvbnQtc2l6ZS1iaWcpO1xuICB6LWluZGV4OiAyO1xufVxuLm5hdGl2ZS1pbnB1dDpjaGVja2VkOm5vdCguZGlzYWJsZWQpICsgKiB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbn1cbi5uYXRpdmUtaW5wdXQ6Zm9jdXMtdmlzaWJsZSArICoge1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAycHg7XG59XG4ubmF0aXZlLWlucHV0OmFjdGl2ZTpub3QoLmRpc2FibGVkKSArIHNwYW4ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG59XG4ubmF0aXZlLWlucHV0LmVycm9yOmZvY3VzLXZpc2libGUgKyAqIHtcbiAgb3V0bGluZS1jb2xvcjogdmFyKC0tY29sb3ItZXJyb3IpO1xufVxuLm5hdGl2ZS1pbnB1dCArIHNwYW5bZGF0YS1pY29uPXRydWVdOmJlZm9yZSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB3aWR0aDogdmFyKC0tZm9udC1zaXplLWJpZyk7XG4gIGhlaWdodDogdmFyKC0tZm9udC1zaXplLWJpZyk7XG59XG4ubmF0aXZlLWlucHV0OmhvdmVyICsgLnNxdWFyZTpub3QoLmRpc2FibGVkKSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNoZWNrYm94LXVuY2hlY2tlZC1ob3Zlci1jb2xvcik7XG59XG4ubmF0aXZlLWlucHV0OmFjdGl2ZSArIC5zcXVhcmU6bm90KC5kaXNhYmxlZCkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jaGVja2JveC11bmNoZWNrZWQtcHJlc3NlZC1jb2xvcik7XG59XG4ubmF0aXZlLWlucHV0OmhvdmVyICsgLmNoZWNrbWFyazpub3QoLmRpc2FibGVkKSwgLm5hdGl2ZS1pbnB1dDphY3RpdmUgKyAuaW5kZXRlcm1pbmF0ZTpub3QoLmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1jaGVja2JveC1jaGVja2VkLWhvdmVyLWNvbG9yKTtcbn1cbi5uYXRpdmUtaW5wdXQ6YWN0aXZlICsgLmNoZWNrbWFyazpub3QoLmRpc2FibGVkKSwgLm5hdGl2ZS1pbnB1dDphY3RpdmUgKyAuaW5kZXRlcm1pbmF0ZTpub3QoLmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1jaGVja2JveC1jaGVja2VkLXByZXNzZWQtY29sb3IpO1xufVxuXG4uaW5wdXQge1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1iaWcpO1xuICB3aWR0aDogdmFyKC0tZm9udC1zaXplLWJpZyk7XG4gIGhlaWdodDogdmFyKC0tZm9udC1zaXplLWJpZyk7XG4gIHotaW5kZXg6IDE7XG59XG5cbi5kaXNhYmxlZCB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG4uZGlzYWJsZWQgKyBzcGFuIHtcbiAgY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG4uZGlzYWJsZWQgKyBsYWJlbCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cbi5kaXNhYmxlZCArIC5jaGVja21hcmssIC5kaXNhYmxlZCArIC5pbmRldGVybWluYXRlIHtcbiAgY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgb3V0bGluZTogMXB4IHZhcigtLWRpc2FibGVkKSBzb2xpZDtcbiAgb3V0bGluZS1vZmZzZXQ6IC0xcHg7XG59XG5cbi5pbmRldGVybWluYXRlIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xufVxuXG5bZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gLmNoZWNrYm94LXdyYXBwZXIgbGFiZWwge1xuICBib3JkZXItY29sb3I6IHZhcigtLXJlYWQtb25seS1ib3JkZXItY29sb3IpO1xuICBjb2xvcjogdmFyKC0tcmVhZC1vbmx5LXRleHQtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgdXNlci1zZWxlY3Q6IHRleHQ7XG59XG5bZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gLmNoZWNrYm94LXdyYXBwZXIgc3BhbiB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkxMDApO1xufVxuW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIC5jaGVja2JveC13cmFwcGVyIHNwYW4uY2hlY2ttYXJrIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5OTAwKTtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXdoaXRlKTtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xufVxuW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIC5jaGVja2JveC13cmFwcGVyIHNwYW4uY2hlY2ttYXJrOmJlZm9yZSB7XG4gIG91dGxpbmU6IDFweCBzb2xpZCB2YXIoLS1yZWFkLW9ubHktYm9yZGVyLWNvbG9yKTtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBvdXRsaW5lLW9mZnNldDogLTFweDtcbn1cbltkYXRhLXJlYWRvbmx5dmlldz10cnVlXSAuY2hlY2tib3gtd3JhcHBlciBpbnB1dFt0eXBlPWNoZWNrYm94XSB7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuXG4uY2hlY2tib3gtY29udGFpbmVyIGlucHV0W3R5cGU9Y2hlY2tib3hdW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIH4gc3BhbjpiZWZvcmUge1xuICBjb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MTAwKTtcbn1cbi5jaGVja2JveC1jb250YWluZXIgaW5wdXRbdHlwZT1jaGVja2JveF1bZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gfiBzcGFuLmNoZWNrbWFyayB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci13aGl0ZSk7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLXJlYWQtb25seS1ib3JkZXItY29sb3IpO1xuICBib3JkZXItcmFkaXVzOiAzcHg7XG59XG4uY2hlY2tib3gtY29udGFpbmVyIGlucHV0W3R5cGU9Y2hlY2tib3hdW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIH4gc3Bhbi5jaGVja21hcms6YmVmb3JlIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXdoaXRlKTtcbn1cbi5jaGVja2JveC1jb250YWluZXIgaW5wdXRbdHlwZT1jaGVja2JveF1bZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gfiBzcGFuW2RhdGEtaWNvbj10cnVlXSB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXkxMDApO1xufVxuLmNoZWNrYm94LWNvbnRhaW5lciBpbnB1dFt0eXBlPWNoZWNrYm94XVtkYXRhLXJlYWRvbmx5dmlldz10cnVlXSB+IHNwYW5bZGF0YS1pY29uPXRydWVdLmNoZWNrbWFyayB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci13aGl0ZSk7XG4gIGJvcmRlcjogMDtcbn1cbi5jaGVja2JveC1jb250YWluZXIgaW5wdXRbdHlwZT1jaGVja2JveF1bZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gfiBzcGFuW2RhdGEtaWNvbj10cnVlXS5jaGVja21hcms6YmVmb3JlIHtcbiAgb3V0bGluZTogMXB4IHNvbGlkIHZhcigtLXJlYWQtb25seS1ib3JkZXItY29sb3IpO1xuICBvdXRsaW5lLW9mZnNldDogLTFweDtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xufVxuLmNoZWNrYm94LWNvbnRhaW5lciBpbnB1dFt0eXBlPWNoZWNrYm94XVtkYXRhLXJlYWRvbmx5dmlldz10cnVlXSB+IGxhYmVsIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIHVzZXItc2VsZWN0OiB0ZXh0O1xufSJdfQ== */";
+var classes = {"sr-only":"Checkbox_sr-only_pNyP0","hidden":"Checkbox_hidden_pNyP0","slide-in":"Checkbox_slide-in_pNyP0","slide-out":"Checkbox_slide-out_pNyP0","checkbox-wrapper":"Checkbox_checkbox-wrapper_pNyP0","checkbox-container":"Checkbox_checkbox-container_pNyP0","checkbox-list":"Checkbox_checkbox-list_pNyP0","native-input":"Checkbox_native-input_pNyP0","disabled":"Checkbox_disabled_pNyP0","error":"Checkbox_error_pNyP0","square":"Checkbox_square_pNyP0","checkmark":"Checkbox_checkmark_pNyP0","indeterminate":"Checkbox_indeterminate_pNyP0","input":"Checkbox_input_pNyP0"};
 styleInject(css_248z);
 
 export { classes as default };

package/dist/esm/Form/Fieldset/Fieldset.esm.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 import readyclasses from '../../src/readyclasses.module.scss.esm.js';
 import classes from './Fieldset.module.scss.esm.js';
 import { Typography } from '../../Typography/Typography.esm.js';
@@ -59,22 +59,22 @@ const FieldsetComponent = ({ children, className, legend, legendStyle = "body",
             SelectWrapper,
             TextareaWrapper
         ];
-        return React__default.Children.map(children, (child) => {
+        return React.Children.map(children, (child) => {
             var _a;
             if (allowedComponents.includes(child.type) && !disablePropagation) {
-                return React__default.cloneElement(child, {
+                return React.cloneElement(child, {
                     disabled: (_a = child.props.disabled) !== null && _a !== void 0 ? _a : disabled
                 });
             }
             return child;
         });
     };
-    return (React__default.createElement("fieldset", { ...rest, ref: ref, disabled: disabled, style: { backgroundColor: background, ...rest.style }, className: `${classes.fieldset} ${noPadding ? classes["no-padding"] : ""} ${className !== null && className !== void 0 ? className : ""}` },
-        legend && React__default.createElement("legend", { className: readyclasses["sr-only"] }, legend),
-        legend && !hideLegend && (React__default.createElement(Typography, { variant: legendStyle, tag: "span", "aria-hidden": "true", className: `${classes["legend"]} ${required ? classes["required"] : ""}` }, legend)),
+    return (React.createElement("fieldset", { ...rest, ref: ref, disabled: disabled, style: { backgroundColor: background, ...rest.style }, className: `${classes.fieldset} ${noPadding ? classes["no-padding"] : ""} ${className !== null && className !== void 0 ? className : ""}` },
+        legend && React.createElement("legend", { className: readyclasses["sr-only"] }, legend),
+        legend && !hideLegend && (React.createElement(Typography, { variant: legendStyle, tag: "span", "aria-hidden": "true", className: `${classes["legend"]} ${required ? classes["required"] : ""}` }, legend)),
         renderChildren()));
 };
-const Fieldset = withReadOnly(React__default.forwardRef(FieldsetComponent));
+const Fieldset = withReadOnly(React.forwardRef(FieldsetComponent));
 
 export { Fieldset };
 //# sourceMappingURL=Fieldset.esm.js.map

package/dist/esm/Form/Fieldset/Fieldset.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Fieldset.esm.js","sources":["../../../../../../src/components/Form/Fieldset/Fieldset.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\nimport classes from \"./Fieldset.module.scss\";\nimport { Typography, Variant } from \"../../Typography/Typography\";\nimport { Input } from \"../Input/Input\";\nimport { Select } from \"../Select/SingleSelect/Select\";\nimport { MultiSelect } from \"../Select/MultiSelect/MultiSelect\";\nimport { Radio } from \"../Radio/Radio\";\nimport { Checkbox } from \"../Checkbox/Checkbox\";\nimport { Textarea } from \"../Textarea/Textarea\";\nimport { Toggle } from \"../Toggle/Toggle\";\nimport { Label } from \"../Label/Label\";\nimport { FormControl } from \"../FormControl/FormControl\";\nimport { FormSelectorWrapper } from \"../FormSelectorWrapper/FormSelectorWrapper\";\nimport { FormHelperText } from \"../FormHelperText/FormHelperText\";\nimport { InputWrapper } from \"../Wrapper/InputWrapper/InputWrapper\";\nimport { SelectWrapper } from \"../Wrapper/SelectWrapper/SelectWrapper\";\nimport { TextareaWrapper } from \"../Wrapper/TextareaWrapper/TextareaWrapper\";\nimport { withReadOnly } from \"../../withReadOnly\";\n\nexport interface Props extends ComponentPropsWithRef<\"fieldset\"> {\n  children?: ReactElement | ReactElement[];\n  legend: string;\n  legendStyle?: Variant;\n  hideLegend?: boolean;\n  background?: string;\n  noPadding?: boolean;\n  noBackground?: boolean;\n  required?: boolean;\n  disablePropagation?: boolean;\n}\n\nconst FieldsetComponent: ForwardRefRenderFunction<HTMLFieldSetElement, Props> = (\n  {\n    children,\n    className,\n    legend,\n    legendStyle = \"body\",\n    hideLegend = false,\n    noBackground,\n    background = noBackground ? \"\" : \"#FFF\",\n    noPadding = false,\n    disabled = false,\n    required = false,\n    disablePropagation = false,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const renderChildren = () => {\n    if (!children) {\n      return;\n    }\n\n    /* All right, so the issue is that whenever we try to add disabled prop to a component that doesn't accept it,\n            React will throw an error. However, it might occur that we want a component inside Fieldset because of aesthetic purposes\n            (fieldset applies a sort of container with white background and if we want to display it inside of this container... then yea).\n            So instead we supply an array of components that we want to add the disabled prop to and check if child.type equals one of these. */\n    /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\n    const allowedComponents: React.ComponentPropsWithRef<any>[] = [\n      Input,\n      Select,\n      MultiSelect,\n      Radio,\n      Checkbox,\n      Textarea,\n      Toggle,\n      Label,\n      FormControl,\n      FormSelectorWrapper,\n      FormHelperText,\n      InputWrapper,\n      SelectWrapper,\n      TextareaWrapper\n    ];\n\n    return React.Children.map(children, (child: ReactElement) => {\n      if (allowedComponents.includes(child.type) && !disablePropagation) {\n        return React.cloneElement(child, {\n          disabled: child.props.disabled ?? disabled\n        });\n      }\n\n      return child;\n    });\n  };\n\n  return (\n    <fieldset\n      {...rest}\n      ref={ref}\n      disabled={disabled}\n      style={{ backgroundColor: background, ...rest.style }}\n      className={`${classes.fieldset} ${noPadding ? classes[\"no-padding\"] : \"\"} ${className ?? \"\"}`}\n    >\n      {legend && <legend className={readyclasses[\"sr-only\"]}>{legend}</legend>}\n      {legend && !hideLegend && (\n        <Typography\n          variant={legendStyle}\n          tag=\"span\"\n          aria-hidden=\"true\"\n          className={`${classes[\"legend\"]} ${required ? classes[\"required\"] : \"\"}`}\n        >\n          {legend}\n        </Typography>\n      )}\n      {renderChildren()}\n    </fieldset>\n  );\n};\n\nexport const Fieldset = withReadOnly(React.forwardRef(FieldsetComponent));\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAkCH,MAAM,iBAAiB,GAAyD,CAC9E,EACE,QAAQ,EACR,SAAS,EACT,MAAM,EACN,WAAW,GAAG,MAAM,EACpB,UAAU,GAAG,KAAK,EAClB,YAAY,EACZ,UAAU,GAAG,YAAY,GAAG,EAAE,GAAG,MAAM,EACvC,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,kBAAkB,GAAG,KAAK,EAC1B,GAAG,IAAI,EACD,EACR,GAAG,KACD;IACF,MAAM,cAAc,GAAG,MAAK;QAC1B,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;SACR;AAED;;;AAG4I;;AAE5I,QAAA,MAAM,iBAAiB,GAAuC;YAC5D,KAAK;YACL,MAAM;YACN,WAAW;YACX,KAAK;YACL,QAAQ;YACR,QAAQ;YACR,MAAM;YACN,KAAK;YACL,WAAW;YACX,mBAAmB;YACnB,cAAc;YACd,YAAY;YACZ,aAAa;YACb,eAAe;SAChB,CAAC;QAEF,OAAOA,cAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAmB,KAAI;;AAC1D,YAAA,IAAI,iBAAiB,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;AACjE,gBAAA,OAAOA,cAAK,CAAC,YAAY,CAAC,KAAK,EAAE;oBAC/B,QAAQ,EAAE,MAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,mCAAI,QAAQ;AAC3C,iBAAA,CAAC,CAAC;aACJ;AAED,YAAA,OAAO,KAAK,CAAC;AACf,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;IAEF,QACEA,cACM,CAAA,aAAA,CAAA,UAAA,EAAA,EAAA,GAAA,IAAI,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,EAAE,eAAe,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,EACrD,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,QAAQ,CAAI,CAAA,EAAA,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,CAAA,CAAA,EAAI,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,KAAA,CAAA,GAAA,SAAS,GAAI,EAAE,CAAE,CAAA,EAAA;QAE5F,MAAM,IAAIA,cAAQ,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,SAAS,EAAE,YAAY,CAAC,SAAS,CAAC,EAAG,EAAA,MAAM,CAAU;AACvE,QAAA,MAAM,IAAI,CAAC,UAAU,KACpBA,cAAA,CAAA,aAAA,CAAC,UAAU,EACT,EAAA,OAAO,EAAE,WAAW,EACpB,GAAG,EAAC,MAAM,iBACE,MAAM,EAClB,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,QAAQ,CAAC,CAAA,CAAA,EAAI,QAAQ,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,EAEvE,EAAA,MAAM,CACI,CACd;QACA,cAAc,EAAE,CACR,EACX;AACJ,CAAC,CAAC;AAEK,MAAM,QAAQ,GAAG,YAAY,CAACA,cAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC;;;;"}
+{"version":3,"file":"Fieldset.esm.js","sources":["../../../../../../src/components/Form/Fieldset/Fieldset.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef, ReactElement } from \"react\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\nimport classes from \"./Fieldset.module.scss\";\nimport { Typography, Variant } from \"../../Typography/Typography\";\nimport { Input } from \"../Input/Input\";\nimport { Select } from \"../Select/SingleSelect/Select\";\nimport { MultiSelect } from \"../Select/MultiSelect/MultiSelect\";\nimport { Radio } from \"../Radio/Radio\";\nimport { Checkbox } from \"../Checkbox/Checkbox\";\nimport { Textarea } from \"../Textarea/Textarea\";\nimport { Toggle } from \"../Toggle/Toggle\";\nimport { Label } from \"../Label/Label\";\nimport { FormControl } from \"../FormControl/FormControl\";\nimport { FormSelectorWrapper } from \"../FormSelectorWrapper/FormSelectorWrapper\";\nimport { FormHelperText } from \"../FormHelperText/FormHelperText\";\nimport { InputWrapper } from \"../Wrapper/InputWrapper/InputWrapper\";\nimport { SelectWrapper } from \"../Wrapper/SelectWrapper/SelectWrapper\";\nimport { TextareaWrapper } from \"../Wrapper/TextareaWrapper/TextareaWrapper\";\nimport { withReadOnly } from \"../../withReadOnly\";\n\nexport interface Props extends ComponentPropsWithRef<\"fieldset\"> {\n  children?: ReactElement | ReactElement[];\n  legend: string;\n  legendStyle?: Variant;\n  hideLegend?: boolean;\n  background?: string;\n  noPadding?: boolean;\n  noBackground?: boolean;\n  required?: boolean;\n  disablePropagation?: boolean;\n}\n\nconst FieldsetComponent: ForwardRefRenderFunction<HTMLFieldSetElement, Props> = (\n  {\n    children,\n    className,\n    legend,\n    legendStyle = \"body\",\n    hideLegend = false,\n    noBackground,\n    background = noBackground ? \"\" : \"#FFF\",\n    noPadding = false,\n    disabled = false,\n    required = false,\n    disablePropagation = false,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const renderChildren = () => {\n    if (!children) {\n      return;\n    }\n\n    /* All right, so the issue is that whenever we try to add disabled prop to a component that doesn't accept it,\n            React will throw an error. However, it might occur that we want a component inside Fieldset because of aesthetic purposes\n            (fieldset applies a sort of container with white background and if we want to display it inside of this container... then yea).\n            So instead we supply an array of components that we want to add the disabled prop to and check if child.type equals one of these. */\n    /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\n    const allowedComponents: React.ComponentPropsWithRef<any>[] = [\n      Input,\n      Select,\n      MultiSelect,\n      Radio,\n      Checkbox,\n      Textarea,\n      Toggle,\n      Label,\n      FormControl,\n      FormSelectorWrapper,\n      FormHelperText,\n      InputWrapper,\n      SelectWrapper,\n      TextareaWrapper\n    ];\n\n    return React.Children.map(children, (child: ReactElement) => {\n      if (allowedComponents.includes(child.type) && !disablePropagation) {\n        return React.cloneElement(child, {\n          disabled: child.props.disabled ?? disabled\n        });\n      }\n\n      return child;\n    });\n  };\n\n  return (\n    <fieldset\n      {...rest}\n      ref={ref}\n      disabled={disabled}\n      style={{ backgroundColor: background, ...rest.style }}\n      className={`${classes.fieldset} ${noPadding ? classes[\"no-padding\"] : \"\"} ${className ?? \"\"}`}\n    >\n      {legend && <legend className={readyclasses[\"sr-only\"]}>{legend}</legend>}\n      {legend && !hideLegend && (\n        <Typography\n          variant={legendStyle}\n          tag=\"span\"\n          aria-hidden=\"true\"\n          className={`${classes[\"legend\"]} ${required ? classes[\"required\"] : \"\"}`}\n        >\n          {legend}\n        </Typography>\n      )}\n      {renderChildren()}\n    </fieldset>\n  );\n};\n\nexport const Fieldset = withReadOnly(React.forwardRef(FieldsetComponent));\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAkCH,MAAM,iBAAiB,GAAyD,CAC9E,EACE,QAAQ,EACR,SAAS,EACT,MAAM,EACN,WAAW,GAAG,MAAM,EACpB,UAAU,GAAG,KAAK,EAClB,YAAY,EACZ,UAAU,GAAG,YAAY,GAAG,EAAE,GAAG,MAAM,EACvC,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,kBAAkB,GAAG,KAAK,EAC1B,GAAG,IAAI,EACD,EACR,GAAG,KACD;IACF,MAAM,cAAc,GAAG,MAAK;QAC1B,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;SACR;AAED;;;AAG4I;;AAE5I,QAAA,MAAM,iBAAiB,GAAuC;YAC5D,KAAK;YACL,MAAM;YACN,WAAW;YACX,KAAK;YACL,QAAQ;YACR,QAAQ;YACR,MAAM;YACN,KAAK;YACL,WAAW;YACX,mBAAmB;YACnB,cAAc;YACd,YAAY;YACZ,aAAa;YACb,eAAe;SAChB,CAAC;QAEF,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAmB,KAAI;;AAC1D,YAAA,IAAI,iBAAiB,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;AACjE,gBAAA,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;oBAC/B,QAAQ,EAAE,MAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,mCAAI,QAAQ;AAC3C,iBAAA,CAAC,CAAC;aACJ;AAED,YAAA,OAAO,KAAK,CAAC;AACf,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;IAEF,QACE,KACM,CAAA,aAAA,CAAA,UAAA,EAAA,EAAA,GAAA,IAAI,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,EAAE,eAAe,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,EACrD,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,QAAQ,CAAI,CAAA,EAAA,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,CAAA,CAAA,EAAI,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,KAAA,CAAA,GAAA,SAAS,GAAI,EAAE,CAAE,CAAA,EAAA;QAE5F,MAAM,IAAI,KAAQ,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,SAAS,EAAE,YAAY,CAAC,SAAS,CAAC,EAAG,EAAA,MAAM,CAAU;AACvE,QAAA,MAAM,IAAI,CAAC,UAAU,KACpB,KAAA,CAAA,aAAA,CAAC,UAAU,EACT,EAAA,OAAO,EAAE,WAAW,EACpB,GAAG,EAAC,MAAM,iBACE,MAAM,EAClB,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,QAAQ,CAAC,CAAA,CAAA,EAAI,QAAQ,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,EAEvE,EAAA,MAAM,CACI,CACd;QACA,cAAc,EAAE,CACR,EACX;AACJ,CAAC,CAAC;AAEK,MAAM,QAAQ,GAAG,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC;;;;"}

package/dist/esm/Form/Fieldset/Fieldset.module.scss.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../../node_modules/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Fieldset_fieldset_zs31Q{border:0;border-radius:.5rem;margin:0;padding:calc(var(--font-size)*.5)}.Fieldset_fieldset_zs31Q.Fieldset_no-padding_zs31Q{padding:0}.Fieldset_fieldset_zs31Q+.Fieldset_fieldset_zs31Q,.Fieldset_fieldset_zs31Q+.Fieldset_wrapper_zs31Q{margin-top:1rem}.Fieldset_fieldset_zs31Q .Fieldset_legend_zs31Q{display:block}.Fieldset_fieldset_zs31Q .Fieldset_legend_zs31Q.Fieldset_required_zs31Q:after{content:\" *\"}@media only screen and (min-width:30em){.Fieldset_fieldset_zs31Q{padding:calc(var(--font-size)*.5)}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpZWxkc2V0Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFFRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHlCQUNFLFFBQVMsQ0FFVCxtQkFBcUIsQ0FDckIsUUFBUyxDQUZULGlDQUdGLENBQ0EsbURBQ0UsU0FDRixDQUNBLG1HQUVFLGVBQ0YsQ0FDQSxnREFDRSxhQUNGLENBQ0EsOEVBQ0UsWUFDRixDQUVBLHdDQUNFLHlCQUNFLGlDQUNGLENBQ0YiLCJmaWxlIjoiRmllbGRzZXQubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qKiBCcmVha3BvaW50cyAqKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uZmllbGRzZXQge1xuICBib3JkZXI6IDA7XG4gIHBhZGRpbmc6IGNhbGMoMC41ICogdmFyKC0tZm9udC1zaXplKSk7XG4gIGJvcmRlci1yYWRpdXM6IDAuNXJlbTtcbiAgbWFyZ2luOiAwO1xufVxuLmZpZWxkc2V0Lm5vLXBhZGRpbmcge1xuICBwYWRkaW5nOiAwO1xufVxuLmZpZWxkc2V0ICsgLndyYXBwZXIsXG4uZmllbGRzZXQgKyAuZmllbGRzZXQge1xuICBtYXJnaW4tdG9wOiAxcmVtO1xufVxuLmZpZWxkc2V0IC5sZWdlbmQge1xuICBkaXNwbGF5OiBibG9jaztcbn1cbi5maWVsZHNldCAubGVnZW5kLnJlcXVpcmVkOmFmdGVyIHtcbiAgY29udGVudDogXCIgKlwiO1xufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDMwZW0pIHtcbiAgLmZpZWxkc2V0IHtcbiAgICBwYWRkaW5nOiBjYWxjKDAuNSAqIHZhcigtLWZvbnQtc2l6ZSkpO1xuICB9XG59Il19 */";
-var classes = {"fieldset":"Fieldset_fieldset_zs31Q","no-padding":"Fieldset_no-padding_zs31Q","wrapper":"Fieldset_wrapper_zs31Q","legend":"Fieldset_legend_zs31Q","required":"Fieldset_required_zs31Q"};
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Fieldset_fieldset_pNyP0{border:0;border-radius:.5rem;margin:0;padding:calc(var(--font-size)*.5)}.Fieldset_fieldset_pNyP0.Fieldset_no-padding_pNyP0{padding:0}.Fieldset_fieldset_pNyP0+.Fieldset_fieldset_pNyP0,.Fieldset_fieldset_pNyP0+.Fieldset_wrapper_pNyP0{margin-top:1rem}.Fieldset_fieldset_pNyP0 .Fieldset_legend_pNyP0{display:block}.Fieldset_fieldset_pNyP0 .Fieldset_legend_pNyP0.Fieldset_required_pNyP0:after{content:\" *\"}@media only screen and (min-width:30em){.Fieldset_fieldset_pNyP0{padding:calc(var(--font-size)*.5)}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpZWxkc2V0Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFFRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHlCQUNFLFFBQVMsQ0FFVCxtQkFBcUIsQ0FDckIsUUFBUyxDQUZULGlDQUdGLENBQ0EsbURBQ0UsU0FDRixDQUNBLG1HQUVFLGVBQ0YsQ0FDQSxnREFDRSxhQUNGLENBQ0EsOEVBQ0UsWUFDRixDQUVBLHdDQUNFLHlCQUNFLGlDQUNGLENBQ0YiLCJmaWxlIjoiRmllbGRzZXQubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qKiBCcmVha3BvaW50cyAqKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uZmllbGRzZXQge1xuICBib3JkZXI6IDA7XG4gIHBhZGRpbmc6IGNhbGMoMC41ICogdmFyKC0tZm9udC1zaXplKSk7XG4gIGJvcmRlci1yYWRpdXM6IDAuNXJlbTtcbiAgbWFyZ2luOiAwO1xufVxuLmZpZWxkc2V0Lm5vLXBhZGRpbmcge1xuICBwYWRkaW5nOiAwO1xufVxuLmZpZWxkc2V0ICsgLndyYXBwZXIsXG4uZmllbGRzZXQgKyAuZmllbGRzZXQge1xuICBtYXJnaW4tdG9wOiAxcmVtO1xufVxuLmZpZWxkc2V0IC5sZWdlbmQge1xuICBkaXNwbGF5OiBibG9jaztcbn1cbi5maWVsZHNldCAubGVnZW5kLnJlcXVpcmVkOmFmdGVyIHtcbiAgY29udGVudDogXCIgKlwiO1xufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDMwZW0pIHtcbiAgLmZpZWxkc2V0IHtcbiAgICBwYWRkaW5nOiBjYWxjKDAuNSAqIHZhcigtLWZvbnQtc2l6ZSkpO1xuICB9XG59Il19 */";
+var classes = {"fieldset":"Fieldset_fieldset_pNyP0","no-padding":"Fieldset_no-padding_pNyP0","wrapper":"Fieldset_wrapper_pNyP0","legend":"Fieldset_legend_pNyP0","required":"Fieldset_required_pNyP0"};
 styleInject(css_248z);
 
 export { classes as default };

package/dist/esm/Form/FileUpload/FileItem/FileItem.esm.js

@@ -1,4 +1,4 @@
-import React__default, { Fragment } from 'react';
+import React, { Fragment } from 'react';
 import classes from './FileItem.module.scss.esm.js';
 import { Typography } from '../../../Typography/Typography.esm.js';
 import { Icons, Icon } from '../../../Icon/Icon.esm.js';
@@ -100,24 +100,24 @@ const FileItemComponent = ({ name, status, error, progress, onDownloadFile, down
         return { friendlyName: name.slice(0, index), extension: name.slice(index + 1) };
     };
     const { friendlyName, extension } = getFriendlyNameAndExtension(name);
-    const getStartIcon = (icon) => (React__default.createElement(Icon, { key: icon.action, title: icon.action, icon: icon.type, className: classes["action-icon"] }));
+    const getStartIcon = (icon) => (React.createElement(Icon, { key: icon.action, title: icon.action, icon: icon.type, className: classes["action-icon"] }));
     const renderActionIcons = (actionIcons) => {
-        return actionIcons.map(icon => (React__default.createElement(Fragment, { key: icon.action },
-            icon.action !== FILE_ACTION.DOWNLOAD && (React__default.createElement(Button, { color: "primary", startIcon: getStartIcon(icon), title: icon.action !== FILE_ACTION.ABORT ? icon.action : "", type: "button", variant: "text", onClick: () => icon && onRequestedFileAction && onRequestedFileAction(icon.action, name) }, icon.action !== FILE_ACTION.ABORT ? icon.action : "")),
-            icon.action === FILE_ACTION.DOWNLOAD && downloadFileLink && !onDownloadFile && (React__default.createElement(Link, { color: "primary", display: "link", to: downloadFileLink, type: "download", target: "_blank", prefixIcon: React__default.createElement(Icon, { key: icon.action, className: classes["action-icon"], title: icon.action, icon: icon.type }) }, icon.action)),
-            icon.action === FILE_ACTION.DOWNLOAD && onDownloadFile && (React__default.createElement(Button, { color: "primary", onClick: onDownloadFile, type: "button", variant: "text", startIcon: getStartIcon(icon) }, icon.action)))));
+        return actionIcons.map(icon => (React.createElement(Fragment, { key: icon.action },
+            icon.action !== FILE_ACTION.DOWNLOAD && (React.createElement(Button, { color: "primary", startIcon: getStartIcon(icon), title: icon.action !== FILE_ACTION.ABORT ? icon.action : "", type: "button", variant: "text", onClick: () => icon && onRequestedFileAction && onRequestedFileAction(icon.action, name) }, icon.action !== FILE_ACTION.ABORT ? icon.action : "")),
+            icon.action === FILE_ACTION.DOWNLOAD && downloadFileLink && !onDownloadFile && (React.createElement(Link, { color: "primary", display: "link", to: downloadFileLink, type: "download", target: "_blank", prefixIcon: React.createElement(Icon, { key: icon.action, className: classes["action-icon"], title: icon.action, icon: icon.type }) }, icon.action)),
+            icon.action === FILE_ACTION.DOWNLOAD && onDownloadFile && (React.createElement(Button, { color: "primary", onClick: onDownloadFile, type: "button", variant: "text", startIcon: getStartIcon(icon) }, icon.action)))));
     };
     const getUploadedFileInfo = () => {
-        return (React__default.createElement(Typography, { variant: "body", title: name, className: `${classes["file-name"]} ${status ? classes[status] : ""}` },
-            status === "retry" && (React__default.createElement(Icon, { icon: Icons.Error, className: `${classes["file-icon"]} ${status ? classes[status] : ""}` })),
-            React__default.createElement(Icon, { icon: icons.fileIcon, className: classes["file-icon"] }),
-            React__default.createElement("span", { className: classes["friendly-name"] },
+        return (React.createElement(Typography, { variant: "body", title: name, className: `${classes["file-name"]} ${status ? classes[status] : ""}` },
+            status === "retry" && (React.createElement(Icon, { icon: Icons.Error, className: `${classes["file-icon"]} ${status ? classes[status] : ""}` })),
+            React.createElement(Icon, { icon: icons.fileIcon, className: classes["file-icon"] }),
+            React.createElement("span", { className: classes["friendly-name"] },
                 friendlyName,
                 ".",
                 extension)));
     };
     const getProgressBar = () => {
-        return (React__default.createElement(ProgressBar, { className: classes["progress-bar"], completed: progress, label: `${friendlyName}.${extension}`, percentage: totalPercentage }));
+        return (React.createElement(ProgressBar, { className: classes["progress-bar"], completed: progress, label: `${friendlyName}.${extension}`, percentage: totalPercentage }));
     };
     const restPropsWithoutPointerEvents = () => {
         var _a;
@@ -125,15 +125,15 @@ const FileItemComponent = ({ name, status, error, progress, onDownloadFile, down
         (_a = rest === null || rest === void 0 ? void 0 : rest.style) === null || _a === void 0 ? true : delete _a.pointerEvents;
         return props;
     };
-    return (React__default.createElement("div", { ref: ref, className: classes["file-item-wrapper"], "aria-label": `${name}-wrapper`, tabIndex: 0, ...restPropsWithoutPointerEvents() },
-        React__default.createElement("div", { className: classes["file-list-container"] },
+    return (React.createElement("div", { ref: ref, className: classes["file-item-wrapper"], "aria-label": `${name}-wrapper`, tabIndex: 0, ...restPropsWithoutPointerEvents() },
+        React.createElement("div", { className: classes["file-list-container"] },
             status !== ACTION_STATUS.UPLOADING && getUploadedFileInfo(),
-            React__default.createElement("div", { className: `${status === ACTION_STATUS.UPLOADING ? classes["progress-with-action"] : ""}` },
+            React.createElement("div", { className: `${status === ACTION_STATUS.UPLOADING ? classes["progress-with-action"] : ""}` },
                 status === ACTION_STATUS.UPLOADING && getProgressBar(),
-                React__default.createElement("div", { className: classes["action-button-wrapper"] }, icons.actionIcons && renderActionIcons(icons.actionIcons)))),
-        error && (React__default.createElement(Typography, { variant: "sub-text", className: `${classes["file-subtitle"]} ${status ? classes[status] : ""}` }, error))));
+                React.createElement("div", { className: classes["action-button-wrapper"] }, icons.actionIcons && renderActionIcons(icons.actionIcons)))),
+        error && (React.createElement(Typography, { variant: "sub-text", className: `${classes["file-subtitle"]} ${status ? classes[status] : ""}` }, error))));
 };
-const FileItem = withReadOnly(React__default.forwardRef(FileItemComponent));
+const FileItem = withReadOnly(React.forwardRef(FileItemComponent));
 
 export { ACTION_STATUS, FILE_ACTION, FileItem };
 //# sourceMappingURL=FileItem.esm.js.map

package/dist/esm/Form/FileUpload/FileItem/FileItem.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileItem.esm.js","sources":["../../../../../../../src/components/Form/FileUpload/FileItem/FileItem.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ComponentPropsWithRef, ForwardRefRenderFunction, Fragment } from \"react\";\nimport classes from \"./FileItem.module.scss\";\nimport { Typography } from \"../../../Typography/Typography\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { ProgressBar } from \"../../../ProgressBar/ProgressBar\";\nimport { FileType } from \"../FileUpload\";\nimport { Button } from \"../../../Button/Button\";\nimport { Link } from \"../../../Link/Link\";\nimport { withReadOnly } from \"../../../withReadOnly\";\nexport type UploadProgress = \"uploading\" | \"completed\" | \"error\" | \"readonly\" | \"retry\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  name: string;\n  status?: UploadProgress;\n  progress?: number;\n  error?: string;\n  downloadFileLink?: string;\n  onDownloadFile?: () => void;\n  totalPercentage?: number;\n  onRequestedFileAction?: (action: FILE_ACTION, name: FileType[\"name\"]) => void;\n}\ninterface FileItemIcons {\n  fileIcon: Icons;\n  actionIcons?: { type: Icons; action: FILE_ACTION }[];\n}\n\nexport enum FILE_ACTION {\n  DELETE = \"delete\",\n  DOWNLOAD = \"download\",\n  REMOVE = \"remove\",\n  ABORT = \"abort\",\n  RETRY = \"retry\"\n}\n\nexport enum ACTION_STATUS {\n  COMPLETED = \"completed\",\n  UPLOADING = \"uploading\",\n  ERROR = \"error\",\n  RETRY = \"retry\",\n  READONLY = \"readonly\"\n}\n\nconst FileItemComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    name,\n    status,\n    error,\n    progress,\n    onDownloadFile,\n    downloadFileLink,\n    totalPercentage,\n    onRequestedFileAction,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const determineIcons = (status?: UploadProgress): FileItemIcons => {\n    switch (status) {\n      case ACTION_STATUS.COMPLETED:\n        return {\n          fileIcon: Icons.FileAltIcon,\n          actionIcons: [\n            {\n              type: Icons.Trash,\n              action: FILE_ACTION.DELETE\n            },\n            {\n              type: Icons.DownloadFile,\n              action: FILE_ACTION.DOWNLOAD\n            }\n          ]\n        };\n      case ACTION_STATUS.ERROR:\n        return {\n          fileIcon: Icons.Error,\n          actionIcons: [\n            {\n              type: Icons.Times,\n              action: FILE_ACTION.REMOVE\n            }\n          ]\n        };\n      case ACTION_STATUS.UPLOADING:\n        return {\n          fileIcon: Icons.FileAltIcon,\n          actionIcons: [\n            {\n              type: Icons.AbortFile,\n              action: FILE_ACTION.ABORT\n            }\n          ]\n        };\n      case ACTION_STATUS.RETRY:\n        return {\n          fileIcon: Icons.FileAltIcon,\n          actionIcons: [\n            {\n              type: Icons.Refresh,\n              action: FILE_ACTION.RETRY\n            },\n            {\n              type: Icons.Trash,\n              action: FILE_ACTION.REMOVE\n            }\n          ]\n        };\n      case ACTION_STATUS.READONLY:\n      default:\n        return { fileIcon: Icons.FileAltIcon };\n    }\n  };\n\n  const icons = determineIcons(status);\n\n  const getFriendlyNameAndExtension = (name: string) => {\n    const index = name.indexOf(\".\");\n    return { friendlyName: name.slice(0, index), extension: name.slice(index + 1) };\n  };\n\n  const { friendlyName, extension } = getFriendlyNameAndExtension(name);\n\n  const getStartIcon = (icon: { type: Icons; action: FILE_ACTION }) => (\n    <Icon\n      key={icon.action}\n      title={icon.action}\n      icon={icon.type}\n      className={classes[\"action-icon\"]}\n    ></Icon>\n  );\n\n  const renderActionIcons = (actionIcons: { type: Icons; action: FILE_ACTION }[]) => {\n    return actionIcons.map(icon => (\n      <Fragment key={icon.action}>\n        {icon.action !== FILE_ACTION.DOWNLOAD && (\n          <Button\n            color=\"primary\"\n            startIcon={getStartIcon(icon)}\n            title={icon.action !== FILE_ACTION.ABORT ? icon.action : \"\"}\n            type=\"button\"\n            variant=\"text\"\n            onClick={() =>\n              icon && onRequestedFileAction && onRequestedFileAction(icon.action, name)\n            }\n          >\n            {icon.action !== FILE_ACTION.ABORT ? icon.action : \"\"}\n          </Button>\n        )}\n\n        {icon.action === FILE_ACTION.DOWNLOAD && downloadFileLink && !onDownloadFile && (\n          <Link\n            color=\"primary\"\n            display=\"link\"\n            to={downloadFileLink}\n            type=\"download\"\n            target=\"_blank\"\n            prefixIcon={\n              <Icon\n                key={icon.action}\n                className={classes[\"action-icon\"]}\n                title={icon.action}\n                icon={icon.type}\n              ></Icon>\n            }\n          >\n            {icon.action}\n          </Link>\n        )}\n\n        {icon.action === FILE_ACTION.DOWNLOAD && onDownloadFile && (\n          <Button\n            color=\"primary\"\n            onClick={onDownloadFile}\n            type=\"button\"\n            variant=\"text\"\n            startIcon={getStartIcon(icon)}\n          >\n            {icon.action}\n          </Button>\n        )}\n      </Fragment>\n    ));\n  };\n\n  const getUploadedFileInfo = () => {\n    return (\n      <Typography\n        variant={\"body\"}\n        title={name}\n        className={`${classes[\"file-name\"]} ${status ? classes[status] : \"\"}`}\n      >\n        {status === \"retry\" && (\n          <Icon\n            icon={Icons.Error}\n            className={`${classes[\"file-icon\"]} ${status ? classes[status] : \"\"}`}\n          />\n        )}\n        <Icon icon={icons.fileIcon} className={classes[\"file-icon\"]} />\n        <span className={classes[\"friendly-name\"]}>\n          {friendlyName}.{extension}\n        </span>\n      </Typography>\n    );\n  };\n\n  const getProgressBar = () => {\n    return (\n      <ProgressBar\n        className={classes[\"progress-bar\"]}\n        completed={progress}\n        label={`${friendlyName}.${extension}`}\n        percentage={totalPercentage}\n      />\n    );\n  };\n\n  const restPropsWithoutPointerEvents = () => {\n    const props = rest;\n    delete rest?.style?.pointerEvents;\n    return props;\n  };\n\n  return (\n    <div\n      ref={ref}\n      className={classes[\"file-item-wrapper\"]}\n      aria-label={`${name}-wrapper`}\n      tabIndex={0}\n      {...restPropsWithoutPointerEvents()}\n    >\n      <div className={classes[\"file-list-container\"]}>\n        {status !== ACTION_STATUS.UPLOADING && getUploadedFileInfo()}\n\n        <div\n          className={`${status === ACTION_STATUS.UPLOADING ? classes[\"progress-with-action\"] : \"\"}`}\n        >\n          {status === ACTION_STATUS.UPLOADING && getProgressBar()}\n\n          <div className={classes[\"action-button-wrapper\"]}>\n            {icons.actionIcons && renderActionIcons(icons.actionIcons)}\n          </div>\n        </div>\n      </div>\n      {error && (\n        <Typography\n          variant={\"sub-text\"}\n          className={`${classes[\"file-subtitle\"]} ${status ? classes[status] : \"\"}`}\n        >\n          {error}\n        </Typography>\n      )}\n    </div>\n  );\n};\n\nexport const FileItem = withReadOnly(React.forwardRef(FileItemComponent));\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"FileItem.esm.js","sources":["../../../../../../../src/components/Form/FileUpload/FileItem/FileItem.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ComponentPropsWithRef, ForwardRefRenderFunction, Fragment } from \"react\";\nimport classes from \"./FileItem.module.scss\";\nimport { Typography } from \"../../../Typography/Typography\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { ProgressBar } from \"../../../ProgressBar/ProgressBar\";\nimport { FileType } from \"../FileUpload\";\nimport { Button } from \"../../../Button/Button\";\nimport { Link } from \"../../../Link/Link\";\nimport { withReadOnly } from \"../../../withReadOnly\";\nexport type UploadProgress = \"uploading\" | \"completed\" | \"error\" | \"readonly\" | \"retry\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  name: string;\n  status?: UploadProgress;\n  progress?: number;\n  error?: string;\n  downloadFileLink?: string;\n  onDownloadFile?: () => void;\n  totalPercentage?: number;\n  onRequestedFileAction?: (action: FILE_ACTION, name: FileType[\"name\"]) => void;\n}\ninterface FileItemIcons {\n  fileIcon: Icons;\n  actionIcons?: { type: Icons; action: FILE_ACTION }[];\n}\n\nexport enum FILE_ACTION {\n  DELETE = \"delete\",\n  DOWNLOAD = \"download\",\n  REMOVE = \"remove\",\n  ABORT = \"abort\",\n  RETRY = \"retry\"\n}\n\nexport enum ACTION_STATUS {\n  COMPLETED = \"completed\",\n  UPLOADING = \"uploading\",\n  ERROR = \"error\",\n  RETRY = \"retry\",\n  READONLY = \"readonly\"\n}\n\nconst FileItemComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    name,\n    status,\n    error,\n    progress,\n    onDownloadFile,\n    downloadFileLink,\n    totalPercentage,\n    onRequestedFileAction,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const determineIcons = (status?: UploadProgress): FileItemIcons => {\n    switch (status) {\n      case ACTION_STATUS.COMPLETED:\n        return {\n          fileIcon: Icons.FileAltIcon,\n          actionIcons: [\n            {\n              type: Icons.Trash,\n              action: FILE_ACTION.DELETE\n            },\n            {\n              type: Icons.DownloadFile,\n              action: FILE_ACTION.DOWNLOAD\n            }\n          ]\n        };\n      case ACTION_STATUS.ERROR:\n        return {\n          fileIcon: Icons.Error,\n          actionIcons: [\n            {\n              type: Icons.Times,\n              action: FILE_ACTION.REMOVE\n            }\n          ]\n        };\n      case ACTION_STATUS.UPLOADING:\n        return {\n          fileIcon: Icons.FileAltIcon,\n          actionIcons: [\n            {\n              type: Icons.AbortFile,\n              action: FILE_ACTION.ABORT\n            }\n          ]\n        };\n      case ACTION_STATUS.RETRY:\n        return {\n          fileIcon: Icons.FileAltIcon,\n          actionIcons: [\n            {\n              type: Icons.Refresh,\n              action: FILE_ACTION.RETRY\n            },\n            {\n              type: Icons.Trash,\n              action: FILE_ACTION.REMOVE\n            }\n          ]\n        };\n      case ACTION_STATUS.READONLY:\n      default:\n        return { fileIcon: Icons.FileAltIcon };\n    }\n  };\n\n  const icons = determineIcons(status);\n\n  const getFriendlyNameAndExtension = (name: string) => {\n    const index = name.indexOf(\".\");\n    return { friendlyName: name.slice(0, index), extension: name.slice(index + 1) };\n  };\n\n  const { friendlyName, extension } = getFriendlyNameAndExtension(name);\n\n  const getStartIcon = (icon: { type: Icons; action: FILE_ACTION }) => (\n    <Icon\n      key={icon.action}\n      title={icon.action}\n      icon={icon.type}\n      className={classes[\"action-icon\"]}\n    ></Icon>\n  );\n\n  const renderActionIcons = (actionIcons: { type: Icons; action: FILE_ACTION }[]) => {\n    return actionIcons.map(icon => (\n      <Fragment key={icon.action}>\n        {icon.action !== FILE_ACTION.DOWNLOAD && (\n          <Button\n            color=\"primary\"\n            startIcon={getStartIcon(icon)}\n            title={icon.action !== FILE_ACTION.ABORT ? icon.action : \"\"}\n            type=\"button\"\n            variant=\"text\"\n            onClick={() =>\n              icon && onRequestedFileAction && onRequestedFileAction(icon.action, name)\n            }\n          >\n            {icon.action !== FILE_ACTION.ABORT ? icon.action : \"\"}\n          </Button>\n        )}\n\n        {icon.action === FILE_ACTION.DOWNLOAD && downloadFileLink && !onDownloadFile && (\n          <Link\n            color=\"primary\"\n            display=\"link\"\n            to={downloadFileLink}\n            type=\"download\"\n            target=\"_blank\"\n            prefixIcon={\n              <Icon\n                key={icon.action}\n                className={classes[\"action-icon\"]}\n                title={icon.action}\n                icon={icon.type}\n              ></Icon>\n            }\n          >\n            {icon.action}\n          </Link>\n        )}\n\n        {icon.action === FILE_ACTION.DOWNLOAD && onDownloadFile && (\n          <Button\n            color=\"primary\"\n            onClick={onDownloadFile}\n            type=\"button\"\n            variant=\"text\"\n            startIcon={getStartIcon(icon)}\n          >\n            {icon.action}\n          </Button>\n        )}\n      </Fragment>\n    ));\n  };\n\n  const getUploadedFileInfo = () => {\n    return (\n      <Typography\n        variant={\"body\"}\n        title={name}\n        className={`${classes[\"file-name\"]} ${status ? classes[status] : \"\"}`}\n      >\n        {status === \"retry\" && (\n          <Icon\n            icon={Icons.Error}\n            className={`${classes[\"file-icon\"]} ${status ? classes[status] : \"\"}`}\n          />\n        )}\n        <Icon icon={icons.fileIcon} className={classes[\"file-icon\"]} />\n        <span className={classes[\"friendly-name\"]}>\n          {friendlyName}.{extension}\n        </span>\n      </Typography>\n    );\n  };\n\n  const getProgressBar = () => {\n    return (\n      <ProgressBar\n        className={classes[\"progress-bar\"]}\n        completed={progress}\n        label={`${friendlyName}.${extension}`}\n        percentage={totalPercentage}\n      />\n    );\n  };\n\n  const restPropsWithoutPointerEvents = () => {\n    const props = rest;\n    delete rest?.style?.pointerEvents;\n    return props;\n  };\n\n  return (\n    <div\n      ref={ref}\n      className={classes[\"file-item-wrapper\"]}\n      aria-label={`${name}-wrapper`}\n      tabIndex={0}\n      {...restPropsWithoutPointerEvents()}\n    >\n      <div className={classes[\"file-list-container\"]}>\n        {status !== ACTION_STATUS.UPLOADING && getUploadedFileInfo()}\n\n        <div\n          className={`${status === ACTION_STATUS.UPLOADING ? classes[\"progress-with-action\"] : \"\"}`}\n        >\n          {status === ACTION_STATUS.UPLOADING && getProgressBar()}\n\n          <div className={classes[\"action-button-wrapper\"]}>\n            {icons.actionIcons && renderActionIcons(icons.actionIcons)}\n          </div>\n        </div>\n      </div>\n      {error && (\n        <Typography\n          variant={\"sub-text\"}\n          className={`${classes[\"file-subtitle\"]} ${status ? classes[status] : \"\"}`}\n        >\n          {error}\n        </Typography>\n      )}\n    </div>\n  );\n};\n\nexport const FileItem = withReadOnly(React.forwardRef(FileItemComponent));\n"],"names":[],"mappings":";;;;;;;;;AAAA;;;;;;;;;;;;;;AAcG;IA4BS,YAMX;AAND,CAAA,UAAY,WAAW,EAAA;AACrB,IAAA,WAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjB,IAAA,WAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACrB,IAAA,WAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjB,IAAA,WAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACf,IAAA,WAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACjB,CAAC,EANW,WAAW,KAAX,WAAW,GAMtB,EAAA,CAAA,CAAA,CAAA;IAEW,cAMX;AAND,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,WAAA,CAAA,GAAA,WAAuB,CAAA;AACvB,IAAA,aAAA,CAAA,WAAA,CAAA,GAAA,WAAuB,CAAA;AACvB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACf,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACf,IAAA,aAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACvB,CAAC,EANW,aAAa,KAAb,aAAa,GAMxB,EAAA,CAAA,CAAA,CAAA;AAED,MAAM,iBAAiB,GAAoD,CACzE,EACE,IAAI,EACJ,MAAM,EACN,KAAK,EACL,QAAQ,EACR,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,GAAG,IAAI,EACD,EACR,GAAG,KACD;AACF,IAAA,MAAM,cAAc,GAAG,CAAC,MAAuB,KAAmB;QAChE,QAAQ,MAAM;YACZ,KAAK,aAAa,CAAC,SAAS;gBAC1B,OAAO;oBACL,QAAQ,EAAE,KAAK,CAAC,WAAW;AAC3B,oBAAA,WAAW,EAAE;AACX,wBAAA;4BACE,IAAI,EAAE,KAAK,CAAC,KAAK;4BACjB,MAAM,EAAE,WAAW,CAAC,MAAM;AAC3B,yBAAA;AACD,wBAAA;4BACE,IAAI,EAAE,KAAK,CAAC,YAAY;4BACxB,MAAM,EAAE,WAAW,CAAC,QAAQ;AAC7B,yBAAA;AACF,qBAAA;iBACF,CAAC;YACJ,KAAK,aAAa,CAAC,KAAK;gBACtB,OAAO;oBACL,QAAQ,EAAE,KAAK,CAAC,KAAK;AACrB,oBAAA,WAAW,EAAE;AACX,wBAAA;4BACE,IAAI,EAAE,KAAK,CAAC,KAAK;4BACjB,MAAM,EAAE,WAAW,CAAC,MAAM;AAC3B,yBAAA;AACF,qBAAA;iBACF,CAAC;YACJ,KAAK,aAAa,CAAC,SAAS;gBAC1B,OAAO;oBACL,QAAQ,EAAE,KAAK,CAAC,WAAW;AAC3B,oBAAA,WAAW,EAAE;AACX,wBAAA;4BACE,IAAI,EAAE,KAAK,CAAC,SAAS;4BACrB,MAAM,EAAE,WAAW,CAAC,KAAK;AAC1B,yBAAA;AACF,qBAAA;iBACF,CAAC;YACJ,KAAK,aAAa,CAAC,KAAK;gBACtB,OAAO;oBACL,QAAQ,EAAE,KAAK,CAAC,WAAW;AAC3B,oBAAA,WAAW,EAAE;AACX,wBAAA;4BACE,IAAI,EAAE,KAAK,CAAC,OAAO;4BACnB,MAAM,EAAE,WAAW,CAAC,KAAK;AAC1B,yBAAA;AACD,wBAAA;4BACE,IAAI,EAAE,KAAK,CAAC,KAAK;4BACjB,MAAM,EAAE,WAAW,CAAC,MAAM;AAC3B,yBAAA;AACF,qBAAA;iBACF,CAAC;YACJ,KAAK,aAAa,CAAC,QAAQ,CAAC;AAC5B,YAAA;AACE,gBAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC;SAC1C;AACH,KAAC,CAAC;AAEF,IAAA,MAAM,KAAK,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;AAErC,IAAA,MAAM,2BAA2B,GAAG,CAAC,IAAY,KAAI;QACnD,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAChC,OAAO,EAAE,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC;AAClF,KAAC,CAAC;IAEF,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,2BAA2B,CAAC,IAAI,CAAC,CAAC;AAEtE,IAAA,MAAM,YAAY,GAAG,CAAC,IAA0C,MAC9D,KAAC,CAAA,aAAA,CAAA,IAAI,IACH,GAAG,EAAE,IAAI,CAAC,MAAM,EAChB,KAAK,EAAE,IAAI,CAAC,MAAM,EAClB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE,OAAO,CAAC,aAAa,CAAC,EAAA,CAC3B,CACT,CAAC;AAEF,IAAA,MAAM,iBAAiB,GAAG,CAAC,WAAmD,KAAI;AAChF,QAAA,OAAO,WAAW,CAAC,GAAG,CAAC,IAAI,KACzB,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAC,EAAA,GAAG,EAAE,IAAI,CAAC,MAAM,EAAA;AACvB,YAAA,IAAI,CAAC,MAAM,KAAK,WAAW,CAAC,QAAQ,KACnC,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,KAAK,EAAC,SAAS,EACf,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,EAC7B,KAAK,EAAE,IAAI,CAAC,MAAM,KAAK,WAAW,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,GAAG,EAAE,EAC3D,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,MACP,IAAI,IAAI,qBAAqB,IAAI,qBAAqB,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAG1E,IAAI,CAAC,MAAM,KAAK,WAAW,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,GAAG,EAAE,CAC9C,CACV;AAEA,YAAA,IAAI,CAAC,MAAM,KAAK,WAAW,CAAC,QAAQ,IAAI,gBAAgB,IAAI,CAAC,cAAc,KAC1E,oBAAC,IAAI,EAAA,EACH,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,MAAM,EACd,EAAE,EAAE,gBAAgB,EACpB,IAAI,EAAC,UAAU,EACf,MAAM,EAAC,QAAQ,EACf,UAAU,EACR,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,GAAG,EAAE,IAAI,CAAC,MAAM,EAChB,SAAS,EAAE,OAAO,CAAC,aAAa,CAAC,EACjC,KAAK,EAAE,IAAI,CAAC,MAAM,EAClB,IAAI,EAAE,IAAI,CAAC,IAAI,GACT,EAGT,EAAA,IAAI,CAAC,MAAM,CACP,CACR;YAEA,IAAI,CAAC,MAAM,KAAK,WAAW,CAAC,QAAQ,IAAI,cAAc,KACrD,oBAAC,MAAM,EAAA,EACL,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,cAAc,EACvB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,MAAM,EACd,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,EAE5B,EAAA,IAAI,CAAC,MAAM,CACL,CACV,CACQ,CACZ,CAAC,CAAC;AACL,KAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,MAAK;AAC/B,QAAA,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,IAAI,EACX,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,WAAW,CAAC,CAAA,CAAA,EAAI,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE,CAAE,CAAA,EAAA;AAEpE,YAAA,MAAM,KAAK,OAAO,KACjB,oBAAC,IAAI,EAAA,EACH,IAAI,EAAE,KAAK,CAAC,KAAK,EACjB,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,WAAW,CAAC,CAAI,CAAA,EAAA,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE,CAAA,CAAE,GACrE,CACH;AACD,YAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC,WAAW,CAAC,EAAI,CAAA;AAC/D,YAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,OAAO,CAAC,eAAe,CAAC,EAAA;gBACtC,YAAY;;gBAAG,SAAS,CACpB,CACI,EACb;AACJ,KAAC,CAAC;IAEF,MAAM,cAAc,GAAG,MAAK;AAC1B,QAAA,QACE,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACV,SAAS,EAAE,OAAO,CAAC,cAAc,CAAC,EAClC,SAAS,EAAE,QAAQ,EACnB,KAAK,EAAE,CAAA,EAAG,YAAY,CAAA,CAAA,EAAI,SAAS,CAAA,CAAE,EACrC,UAAU,EAAE,eAAe,EAC3B,CAAA,EACF;AACJ,KAAC,CAAC;IAEF,MAAM,6BAA6B,GAAG,MAAK;;QACzC,MAAM,KAAK,GAAG,IAAI,CAAC;QACZ,CAAA,EAAA,GAAA,IAAI,aAAJ,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJ,IAAI,CAAE,KAAK,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,IAAA,GAAA,OAAA,EAAA,CAAA,aAAa,CAAC;AAClC,QAAA,OAAO,KAAK,CAAC;AACf,KAAC,CAAC;IAEF,QACE,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAAC,mBAAmB,CAAC,EAC3B,YAAA,EAAA,CAAA,EAAG,IAAI,CAAU,QAAA,CAAA,EAC7B,QAAQ,EAAE,CAAC,EACP,GAAA,6BAA6B,EAAE,EAAA;AAEnC,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,qBAAqB,CAAC,EAAA;AAC3C,YAAA,MAAM,KAAK,aAAa,CAAC,SAAS,IAAI,mBAAmB,EAAE;AAE5D,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,CAAA,EAAG,MAAM,KAAK,aAAa,CAAC,SAAS,GAAG,OAAO,CAAC,sBAAsB,CAAC,GAAG,EAAE,CAAE,CAAA,EAAA;AAExF,gBAAA,MAAM,KAAK,aAAa,CAAC,SAAS,IAAI,cAAc,EAAE;AAEvD,gBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,uBAAuB,CAAC,IAC7C,KAAK,CAAC,WAAW,IAAI,iBAAiB,CAAC,KAAK,CAAC,WAAW,CAAC,CACtD,CACF,CACF;AACL,QAAA,KAAK,KACJ,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,eAAe,CAAC,CAAI,CAAA,EAAA,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,EAAE,CAAA,CAAE,IAExE,KAAK,CACK,CACd,CACG,EACN;AACJ,CAAC,CAAC;AAEK,MAAM,QAAQ,GAAG,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC;;;;"}