@chayns-components/core 5.0.0-beta.2 → 5.0.0-beta.200

package/lib/components/search-input/SearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.js","names":["_framerMotion","require","_react","_interopRequireWildcard","_styledComponents","_Icon","_interopRequireDefault","_Input","_SearchInput","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SearchInput","_ref","onActiveChange","onChange","placeholder","value","isActive","setIsActive","useState","trim","inputRef","useRef","theme","useTheme","handleBackIconClick","useCallback","handleSearchIconClick","useEffect","_inputRef$current","current","focus","createElement","StyledSearchInput","className","StyledMotionSearchInputIconWrapper","AnimatePresence","initial","StyledMotionSearchInputIconWrapperContent","animate","opacity","exit","position","transition","duration","icons","onClick","size","StyledMotionSearchInputContentWrapper","width","placeholderElement","color","text","ref","displayName","_default","exports"],"sources":["../../../src/components/search-input/SearchInput.tsx"],"sourcesContent":["import { AnimatePresence } from 'framer-motion';\nimport React, { ChangeEventHandler, FC, useCallback, useEffect, useRef, useState } from 'react';\nimport { useTheme } from 'styled-components';\nimport type { Theme } from '../color-scheme-provider/ColorSchemeProvider';\nimport Icon from '../icon/Icon';\nimport Input, { InputRef } from '../input/Input';\nimport {\n    StyledMotionSearchInputContentWrapper,\n    StyledMotionSearchInputIconWrapper,\n    StyledMotionSearchInputIconWrapperContent,\n    StyledSearchInput,\n} from './SearchInput.styles';\n\nexport type SearchInputProps = {\n    onActiveChange?: (isActive: boolean) => void;\n    /**\n     * Function that is executed when the text of the input changes\n     */\n    onChange: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Placeholder for the input field\n     */\n    placeholder?: string;\n    /**\n     * Value if the input field should be controlled\n     */\n    value?: string;\n};\n\nconst SearchInput: FC<SearchInputProps> = ({ onActiveChange, onChange, placeholder, value }) => {\n    const [isActive, setIsActive] = useState(typeof value === 'string' && value.trim() !== '');\n\n    const inputRef = useRef<InputRef>(null);\n\n    const theme = useTheme() as Theme;\n\n    const handleBackIconClick = useCallback(() => setIsActive(false), []);\n\n    const handleSearchIconClick = useCallback(() => setIsActive(true), []);\n\n    useEffect(() => {\n        if (typeof onActiveChange === 'function') {\n            onActiveChange(isActive);\n        }\n\n        if (isActive) {\n            inputRef.current?.focus();\n        }\n    }, [isActive, onActiveChange]);\n\n    return (\n        <StyledSearchInput className=\"beta-chayns-search-input\">\n            <StyledMotionSearchInputIconWrapper>\n                <AnimatePresence initial={false}>\n                    <StyledMotionSearchInputIconWrapperContent\n                        animate={{ opacity: 1 }}\n                        exit={{ opacity: 0, position: 'absolute' }}\n                        initial={{ opacity: 0 }}\n                        key={isActive ? 'backIcon' : 'searchIcon'}\n                        transition={{ duration: 0.3 }}\n                    >\n                        <Icon\n                            icons={isActive ? ['fa fa-arrow-left'] : ['fa fa-search']}\n                            onClick={isActive ? handleBackIconClick : handleSearchIconClick}\n                            size={18}\n                        />\n                    </StyledMotionSearchInputIconWrapperContent>\n                </AnimatePresence>\n            </StyledMotionSearchInputIconWrapper>\n            <AnimatePresence initial={false}>\n                {isActive && (\n                    <StyledMotionSearchInputContentWrapper\n                        animate={{ opacity: 1, width: '100%' }}\n                        exit={{ opacity: 0, width: 0 }}\n                        initial={{ opacity: 0, width: 0 }}\n                        key=\"searchInputContentWrapper\"\n                        transition={{ duration: 0.3 }}\n                    >\n                        <Input\n                            onChange={onChange}\n                            placeholder={placeholder}\n                            placeholderElement={\n                                <Icon color={theme.text} icons={['far fa-search']} size={14} />\n                            }\n                            ref={inputRef}\n                            value={value}\n                        />\n                    </StyledMotionSearchInputContentWrapper>\n                )}\n            </AnimatePresence>\n        </StyledSearchInput>\n    );\n};\n\nSearchInput.displayName = 'SearchInput';\n\nexport default SearchInput;\n"],"mappings":"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"}

package/lib/components/search-input/SearchInput.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const StyledSearchInput: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledMotionSearchInputContentWrapper: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
+export declare const StyledMotionSearchInputIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledMotionSearchInputIconWrapperContent: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;

package/lib/components/search-input/SearchInput.styles.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledSearchInput = exports.StyledMotionSearchInputIconWrapperContent = exports.StyledMotionSearchInputIconWrapper = exports.StyledMotionSearchInputContentWrapper = void 0;
+var _framerMotion = require("framer-motion");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledSearchInput = _styledComponents.default.div`
+    align-items: center;
+    display: flex;
+    gap: 8px;
+    height: 42px;
+    justify-content: flex-end;
+    width: 100%;
+`;
+exports.StyledSearchInput = StyledSearchInput;
+const StyledMotionSearchInputContentWrapper = (0, _styledComponents.default)(_framerMotion.motion.div)`
+    overflow: hidden;
+`;
+exports.StyledMotionSearchInputContentWrapper = StyledMotionSearchInputContentWrapper;
+const StyledMotionSearchInputIconWrapper = _styledComponents.default.div`
+    height: 18px;
+    width: 18px;
+`;
+exports.StyledMotionSearchInputIconWrapper = StyledMotionSearchInputIconWrapper;
+const StyledMotionSearchInputIconWrapperContent = (0, _styledComponents.default)(_framerMotion.motion.div)``;
+exports.StyledMotionSearchInputIconWrapperContent = StyledMotionSearchInputIconWrapperContent;
+//# sourceMappingURL=SearchInput.styles.js.map

package/lib/components/search-input/SearchInput.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.styles.js","names":["_framerMotion","require","_styledComponents","_interopRequireDefault","obj","__esModule","default","StyledSearchInput","styled","div","exports","StyledMotionSearchInputContentWrapper","motion","StyledMotionSearchInputIconWrapper","StyledMotionSearchInputIconWrapperContent"],"sources":["../../../src/components/search-input/SearchInput.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled from 'styled-components';\n\nexport const StyledSearchInput = styled.div`\n    align-items: center;\n    display: flex;\n    gap: 8px;\n    height: 42px;\n    justify-content: flex-end;\n    width: 100%;\n`;\n\nexport const StyledMotionSearchInputContentWrapper = styled(motion.div)`\n    overflow: hidden;\n`;\n\nexport const StyledMotionSearchInputIconWrapper = styled.div`\n    height: 18px;\n    width: 18px;\n`;\n\nexport const StyledMotionSearchInputIconWrapperContent = styled(motion.div)``;\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAuC,SAAAE,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEhC,MAAMG,iBAAiB,GAAGC,yBAAM,CAACC,GAAI;AAC5C;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAACC,OAAA,CAAAH,iBAAA,GAAAA,iBAAA;AAEK,MAAMI,qCAAqC,GAAG,IAAAH,yBAAM,EAACI,oBAAM,CAACH,GAAG,CAAE;AACxE;AACA,CAAC;AAACC,OAAA,CAAAC,qCAAA,GAAAA,qCAAA;AAEK,MAAME,kCAAkC,GAAGL,yBAAM,CAACC,GAAI;AAC7D;AACA;AACA,CAAC;AAACC,OAAA,CAAAG,kCAAA,GAAAA,kCAAA;AAEK,MAAMC,yCAAyC,GAAG,IAAAN,yBAAM,EAACI,oBAAM,CAACH,GAAG,CAAE,EAAC;AAACC,OAAA,CAAAI,yCAAA,GAAAA,yCAAA"}

package/lib/components/sharing-bar/SharingBar.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import type { ContextMenuAlignment } from '../context-menu/constants/alignment';
+export type SharingBarProps = {
+    /**
+     * The label that should be displayed.
+     */
+    label: string;
+    /**
+     * The link that should be shared.
+     */
+    link: string;
+    /**
+     * The alignment of the sharing options.
+     */
+    popupAlignment: ContextMenuAlignment;
+};
+declare const SharingBar: FC<SharingBarProps>;
+export default SharingBar;

package/lib/components/sharing-bar/SharingBar.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ContextMenu = _interopRequireDefault(require("../context-menu/ContextMenu"));
+var _Icon = _interopRequireDefault(require("../icon/Icon"));
+var _SharingBar = require("./SharingBar.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const SharingBar = _ref => {
+  let {
+    label,
+    link,
+    popupAlignment
+  } = _ref;
+  const contextMenuRef = (0, _react.useRef)(null);
+  const handleImageDownload = async () => {
+    var _contextMenuRef$curre;
+    const image = await fetch(`https://cube.tobit.cloud/qr-code-generator/v1.0/png?value=${link}&color=005EB8&text=Teilen`);
+    const imageBlog = await image.blob();
+    const imageURL = URL.createObjectURL(imageBlog);
+    const url = document.createElement('a');
+
+    // Removes illegal characters from the name and shortens it to a maximum of 50 characters
+    const fileName = `CallingCode_Share`.replace(/[^\w-]+/g, '_').trim().slice(0, 75);
+    url.href = imageURL;
+    url.download = fileName;
+    document.body.appendChild(url);
+    url.click();
+    document.body.removeChild(url);
+    (_contextMenuRef$curre = contextMenuRef.current) === null || _contextMenuRef$curre === void 0 ? void 0 : _contextMenuRef$curre.hide();
+  };
+  const handleShare = key => {
+    var _contextMenuRef$curre2;
+    (_contextMenuRef$curre2 = contextMenuRef.current) === null || _contextMenuRef$curre2 === void 0 ? void 0 : _contextMenuRef$curre2.hide();
+    const encodedUrl = encodeURIComponent(link);
+    let preparedLink;
+    switch (key) {
+      case 'whatsapp':
+        preparedLink = `https://wa.me/?text=${encodedUrl}`;
+        break;
+      case 'facebook':
+        preparedLink = `https://www.facebook.com/sharer.php?u=${encodedUrl}`;
+        break;
+      case 'twitter':
+        preparedLink = `https://twitter.com/intent/tweet?url=${encodedUrl}`;
+        break;
+      case 'mail':
+        preparedLink = `mailto:?subject=&body= ${encodedUrl}`;
+        break;
+      case 'copy':
+        void navigator.clipboard.writeText(link);
+        break;
+      default:
+        break;
+    }
+    if (!preparedLink) {
+      return;
+    }
+    window.open(preparedLink);
+  };
+  const contextMenuItems = [{
+    icons: ['fa fa-copy'],
+    key: 'copy',
+    onClick: () => handleShare('copy'),
+    text: 'Zwischenablage'
+  }, {
+    icons: ['fa-brands fa-whatsapp'],
+    key: 'whatsapp',
+    onClick: () => handleShare('whatsapp'),
+    text: 'Whatsapp'
+  }, {
+    icons: ['fa-brands fa-facebook-f'],
+    key: 'facebook',
+    onClick: () => handleShare('facebook'),
+    text: 'Facebook'
+  }, {
+    icons: ['fa-brands fa-twitter'],
+    key: 'twitter',
+    onClick: () => handleShare('twitter'),
+    text: 'Twitter'
+  }, {
+    icons: ['fa fa-envelope'],
+    key: 'mail',
+    onClick: () => handleShare('mail'),
+    text: 'Mail'
+  }, {
+    icons: ['fa fa-qrcode'],
+    key: 'callingCode',
+    onClick: handleImageDownload,
+    text: 'Calling Code herunterladen'
+  }];
+  const handleSharingBarClick = () => {
+    var _contextMenuRef$curre3;
+    (_contextMenuRef$curre3 = contextMenuRef.current) === null || _contextMenuRef$curre3 === void 0 ? void 0 : _contextMenuRef$curre3.show();
+  };
+  return /*#__PURE__*/_react.default.createElement(_SharingBar.StyledSharingBar, {
+    onClick: handleSharingBarClick
+  }, /*#__PURE__*/_react.default.createElement(_SharingBar.StyledSharingBarIconWrapper, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icons: ['fa fa-share-nodes']
+  })), /*#__PURE__*/_react.default.createElement(_ContextMenu.default, {
+    items: contextMenuItems,
+    ref: contextMenuRef,
+    alignment: popupAlignment
+  }, null), /*#__PURE__*/_react.default.createElement(_SharingBar.StyledSharingBarText, null, label));
+};
+SharingBar.displayName = 'SharingBar';
+var _default = SharingBar;
+exports.default = _default;
+//# sourceMappingURL=SharingBar.js.map

package/lib/components/sharing-bar/SharingBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SharingBar.js","names":["_react","_interopRequireWildcard","require","_ContextMenu","_interopRequireDefault","_Icon","_SharingBar","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SharingBar","_ref","label","link","popupAlignment","contextMenuRef","useRef","handleImageDownload","_contextMenuRef$curre","image","fetch","imageBlog","blob","imageURL","URL","createObjectURL","url","document","createElement","fileName","replace","trim","slice","href","download","body","appendChild","click","removeChild","current","hide","handleShare","_contextMenuRef$curre2","encodedUrl","encodeURIComponent","preparedLink","navigator","clipboard","writeText","window","open","contextMenuItems","icons","onClick","text","handleSharingBarClick","_contextMenuRef$curre3","show","StyledSharingBar","StyledSharingBarIconWrapper","items","ref","alignment","StyledSharingBarText","displayName","_default","exports"],"sources":["../../../src/components/sharing-bar/SharingBar.tsx"],"sourcesContent":["import React, { FC, useRef } from 'react';\nimport type { ContextMenuAlignment } from '../context-menu/constants/alignment';\nimport ContextMenu from '../context-menu/ContextMenu';\nimport Icon from '../icon/Icon';\nimport {\n    StyledSharingBar,\n    StyledSharingBarIconWrapper,\n    StyledSharingBarText,\n} from './SharingBar.styles';\n\nexport type SharingBarProps = {\n    /**\n     * The label that should be displayed.\n     */\n    label: string;\n    /**\n     * The link that should be shared.\n     */\n    link: string;\n    /**\n     * The alignment of the sharing options.\n     */\n    popupAlignment: ContextMenuAlignment;\n};\n\nconst SharingBar: FC<SharingBarProps> = ({ label, link, popupAlignment }) => {\n    const contextMenuRef = useRef<{ hide: VoidFunction; show: VoidFunction }>(null);\n\n    const handleImageDownload = async () => {\n        const image = await fetch(\n            `https://cube.tobit.cloud/qr-code-generator/v1.0/png?value=${link}&color=005EB8&text=Teilen`\n        );\n        const imageBlog = await image.blob();\n        const imageURL = URL.createObjectURL(imageBlog);\n\n        const url = document.createElement('a');\n\n        // Removes illegal characters from the name and shortens it to a maximum of 50 characters\n        const fileName = `CallingCode_Share`\n            .replace(/[^\\w-]+/g, '_')\n            .trim()\n            .slice(0, 75);\n\n        url.href = imageURL;\n        url.download = fileName;\n\n        document.body.appendChild(url);\n\n        url.click();\n\n        document.body.removeChild(url);\n\n        contextMenuRef.current?.hide();\n    };\n\n    const handleShare = (key: string) => {\n        contextMenuRef.current?.hide();\n\n        const encodedUrl = encodeURIComponent(link);\n        let preparedLink;\n\n        switch (key) {\n            case 'whatsapp':\n                preparedLink = `https://wa.me/?text=${encodedUrl}`;\n                break;\n            case 'facebook':\n                preparedLink = `https://www.facebook.com/sharer.php?u=${encodedUrl}`;\n                break;\n            case 'twitter':\n                preparedLink = `https://twitter.com/intent/tweet?url=${encodedUrl}`;\n                break;\n            case 'mail':\n                preparedLink = `mailto:?subject=&body= ${encodedUrl}`;\n                break;\n            case 'copy':\n                void navigator.clipboard.writeText(link);\n                break;\n            default:\n                break;\n        }\n\n        if (!preparedLink) {\n            return;\n        }\n\n        window.open(preparedLink);\n    };\n\n    const contextMenuItems = [\n        {\n            icons: ['fa fa-copy'],\n            key: 'copy',\n            onClick: () => handleShare('copy'),\n            text: 'Zwischenablage',\n        },\n        {\n            icons: ['fa-brands fa-whatsapp'],\n            key: 'whatsapp',\n            onClick: () => handleShare('whatsapp'),\n            text: 'Whatsapp',\n        },\n        {\n            icons: ['fa-brands fa-facebook-f'],\n            key: 'facebook',\n            onClick: () => handleShare('facebook'),\n            text: 'Facebook',\n        },\n        {\n            icons: ['fa-brands fa-twitter'],\n            key: 'twitter',\n            onClick: () => handleShare('twitter'),\n            text: 'Twitter',\n        },\n        {\n            icons: ['fa fa-envelope'],\n            key: 'mail',\n            onClick: () => handleShare('mail'),\n            text: 'Mail',\n        },\n        {\n            icons: ['fa fa-qrcode'],\n            key: 'callingCode',\n            onClick: handleImageDownload,\n            text: 'Calling Code herunterladen',\n        },\n    ];\n\n    const handleSharingBarClick = () => {\n        contextMenuRef.current?.show();\n    };\n\n    return (\n        <StyledSharingBar onClick={handleSharingBarClick}>\n            <StyledSharingBarIconWrapper>\n                <Icon icons={['fa fa-share-nodes']} />\n            </StyledSharingBarIconWrapper>\n            <ContextMenu items={contextMenuItems} ref={contextMenuRef} alignment={popupAlignment}>\n                {null}\n            </ContextMenu>\n            <StyledSharingBarText>{label}</StyledSharingBarText>\n        </StyledSharingBar>\n    );\n};\n\nSharingBar.displayName = 'SharingBar';\n\nexport default SharingBar;\n"],"mappings":"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"}

package/lib/components/sharing-bar/SharingBar.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const StyledSharingBar: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSharingBarIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSharingBarText: import("styled-components").StyledComponent<"p", any, {
+    theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
+}, never>;

package/lib/components/sharing-bar/SharingBar.styles.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledSharingBarText = exports.StyledSharingBarIconWrapper = exports.StyledSharingBar = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledSharingBar = _styledComponents.default.div`
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+`;
+exports.StyledSharingBar = StyledSharingBar;
+const StyledSharingBarIconWrapper = _styledComponents.default.div``;
+exports.StyledSharingBarIconWrapper = StyledSharingBarIconWrapper;
+const StyledSharingBarText = _styledComponents.default.p`
+    color: ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.text;
+}};
+    margin: 0 0 0 5px;
+`;
+exports.StyledSharingBarText = StyledSharingBarText;
+//# sourceMappingURL=SharingBar.styles.js.map

package/lib/components/sharing-bar/SharingBar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SharingBar.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledSharingBar","styled","div","exports","StyledSharingBarIconWrapper","StyledSharingBarText","p","_ref","theme","text"],"sources":["../../../src/components/sharing-bar/SharingBar.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledSharingBar = styled.div`\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n`;\n\nexport const StyledSharingBarIconWrapper = styled.div``;\n\ntype StyledSharingBarTextProps = WithTheme<unknown>;\n\nexport const StyledSharingBarText = styled.p<StyledSharingBarTextProps>`\n    color: ${({ theme }: StyledSharingBarTextProps) => theme.text};\n    margin: 0 0 0 5px;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAGhC,MAAMG,gBAAgB,GAAGC,yBAAM,CAACC,GAAI;AAC3C;AACA;AACA;AACA,CAAC;AAACC,OAAA,CAAAH,gBAAA,GAAAA,gBAAA;AAEK,MAAMI,2BAA2B,GAAGH,yBAAM,CAACC,GAAI,EAAC;AAACC,OAAA,CAAAC,2BAAA,GAAAA,2BAAA;AAIjD,MAAMC,oBAAoB,GAAGJ,yBAAM,CAACK,CAA6B;AACxE,aAAaC,IAAA;EAAA,IAAC;IAAEC;EAAiC,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAACC,IAAI;AAAA,CAAC;AAClE;AACA,CAAC;AAACN,OAAA,CAAAE,oBAAA,GAAAA,oBAAA"}

package/lib/components/slider/Slider.d.ts

@@ -0,0 +1,21 @@
+import { FC } from 'react';
+export type SliderProps = {
+    /**
+     * The maximum value of the slider.
+     */
+    maxValue: number;
+    /**
+     * The minimum value of the slider.
+     */
+    minValue: number;
+    /**
+     * Function that will be executed when the value is changed.
+     */
+    onChange?: (value: number) => void;
+    /**
+     * the Value that the slider should have.
+     */
+    value?: number;
+};
+declare const Slider: FC<SliderProps>;
+export default Slider;

package/lib/components/slider/Slider.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Slider = require("./Slider.styles");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const Slider = _ref => {
+  let {
+    maxValue,
+    minValue,
+    value,
+    onChange
+  } = _ref;
+  const [editedValue, setEditedValue] = (0, _react.useState)(0);
+
+  /**
+   * This function sets the value
+   */
+  (0, _react.useEffect)(() => {
+    if (typeof value !== 'number') {
+      return;
+    }
+    if (value >= minValue && value <= maxValue) {
+      setEditedValue(value);
+    }
+  }, [maxValue, minValue, value]);
+
+  /**
+   * This function updates the value
+   */
+  const handleInputChange = (0, _react.useCallback)(event => {
+    setEditedValue(Number(event.target.value));
+    if (onChange) {
+      onChange(Number(event.target.value));
+    }
+  }, [onChange]);
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_Slider.StyledSlider, null, /*#__PURE__*/_react.default.createElement(_Slider.StyledSliderInput, {
+    type: "range",
+    value: editedValue,
+    max: maxValue,
+    min: minValue,
+    onChange: handleInputChange
+  })), [editedValue, handleInputChange, maxValue, minValue]);
+};
+Slider.displayName = 'Slider';
+var _default = Slider;
+exports.default = _default;
+//# sourceMappingURL=Slider.js.map

package/lib/components/slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","names":["_react","_interopRequireWildcard","require","_Slider","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Slider","_ref","maxValue","minValue","value","onChange","editedValue","setEditedValue","useState","useEffect","handleInputChange","useCallback","event","Number","target","useMemo","createElement","StyledSlider","StyledSliderInput","type","max","min","displayName","_default","exports"],"sources":["../../../src/components/slider/Slider.tsx"],"sourcesContent":["import React, { ChangeEvent, FC, useCallback, useEffect, useMemo, useState } from 'react';\nimport { StyledSlider, StyledSliderInput } from './Slider.styles';\n\nexport type SliderProps = {\n    /**\n     * The maximum value of the slider.\n     */\n    maxValue: number;\n    /**\n     * The minimum value of the slider.\n     */\n    minValue: number;\n    /**\n     * Function that will be executed when the value is changed.\n     */\n    onChange?: (value: number) => void;\n    /**\n     * the Value that the slider should have.\n     */\n    value?: number;\n};\n\nconst Slider: FC<SliderProps> = ({ maxValue, minValue, value, onChange }) => {\n    const [editedValue, setEditedValue] = useState(0);\n\n    /**\n     * This function sets the value\n     */\n    useEffect(() => {\n        if (typeof value !== 'number') {\n            return;\n        }\n\n        if (value >= minValue && value <= maxValue) {\n            setEditedValue(value);\n        }\n    }, [maxValue, minValue, value]);\n\n    /**\n     * This function updates the value\n     */\n    const handleInputChange = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            setEditedValue(Number(event.target.value));\n\n            if (onChange) {\n                onChange(Number(event.target.value));\n            }\n        },\n        [onChange]\n    );\n\n    return useMemo(\n        () => (\n            <StyledSlider>\n                <StyledSliderInput\n                    type=\"range\"\n                    value={editedValue}\n                    max={maxValue}\n                    min={minValue}\n                    onChange={handleInputChange}\n                />\n            </StyledSlider>\n        ),\n        [editedValue, handleInputChange, maxValue, minValue]\n    );\n};\n\nSlider.displayName = 'Slider';\n\nexport default Slider;\n"],"mappings":"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"}

package/lib/components/slider/Slider.styles.d.ts

@@ -0,0 +1,8 @@
+export declare const StyledSlider: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSliderInput: import("styled-components").StyledComponent<"input", any, {
+    min: number;
+    max: number;
+    value: number;
+} & {
+    theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
+}, never>;

package/lib/components/slider/Slider.styles.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledSliderInput = exports.StyledSlider = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledSlider = _styledComponents.default.div`
+    width: 100%;
+    cursor: pointer;
+`;
+exports.StyledSlider = StyledSlider;
+const StyledSliderInput = _styledComponents.default.input`
+    width: 100%;
+    border-radius: 100px;
+    -webkit-appearance: none;
+    height: 10px;
+    background: ${_ref => {
+  var _theme$, _theme$2, _theme$3, _theme$4;
+  let {
+    theme,
+    min,
+    max,
+    value
+  } = _ref;
+  return `linear-gradient(
+            to right,
+            ${(_theme$ = theme['409']) !== null && _theme$ !== void 0 ? _theme$ : ''} 0%,
+            ${(_theme$2 = theme['409']) !== null && _theme$2 !== void 0 ? _theme$2 : ''}
+            ${(value - min) / (max - min) * 100}%,
+            ${(_theme$3 = theme['403']) !== null && _theme$3 !== void 0 ? _theme$3 : ''}
+            ${(value - min) / (max - min) * 100}%,
+            ${(_theme$4 = theme['403']) !== null && _theme$4 !== void 0 ? _theme$4 : ''}
+        )`;
+}};
+
+    outline: none;
+    opacity: 0.7;
+    -webkit-transition: 0.2s;
+    transition: opacity 0.2s;
+
+    // Slider thumb for chrome
+    &::-webkit-slider-thumb {
+        -webkit-appearance: none;
+        appearance: none;
+        width: 20px;
+        height: 20px;
+        background-color: ${_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme['100'];
+}};
+        cursor: pointer;
+        border-radius: 50%;
+        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
+    }
+
+    // slider thumb for firefox
+    &::-moz-range-thumb {
+        width: 20px;
+        height: 20px;
+        background-color: ${_ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme['100'];
+}};
+        cursor: pointer;
+        border-radius: 50%;
+        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
+    }
+`;
+exports.StyledSliderInput = StyledSliderInput;
+//# sourceMappingURL=Slider.styles.js.map

package/lib/components/slider/Slider.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledSlider","styled","div","exports","StyledSliderInput","input","_ref","_theme$","_theme$2","_theme$3","_theme$4","theme","min","max","value","_ref2","_ref3"],"sources":["../../../src/components/slider/Slider.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledSlider = styled.div`\n    width: 100%;\n    cursor: pointer;\n`;\n\ntype StyledSliderInputProps = WithTheme<{ min: number; max: number; value: number }>;\n\nexport const StyledSliderInput = styled.input<StyledSliderInputProps>`\n    width: 100%;\n    border-radius: 100px;\n    -webkit-appearance: none;\n    height: 10px;\n    background: ${({ theme, min, max, value }: StyledSliderInputProps) =>\n        `linear-gradient(\n            to right,\n            ${theme['409'] ?? ''} 0%,\n            ${theme['409'] ?? ''}\n            ${((value - min) / (max - min)) * 100}%,\n            ${theme['403'] ?? ''}\n            ${((value - min) / (max - min)) * 100}%,\n            ${theme['403'] ?? ''}\n        )`};\n\n    outline: none;\n    opacity: 0.7;\n    -webkit-transition: 0.2s;\n    transition: opacity 0.2s;\n\n    // Slider thumb for chrome\n    &::-webkit-slider-thumb {\n        -webkit-appearance: none;\n        appearance: none;\n        width: 20px;\n        height: 20px;\n        background-color: ${({ theme }: StyledSliderInputProps) => theme['100']};\n        cursor: pointer;\n        border-radius: 50%;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);\n    }\n\n    // slider thumb for firefox\n    &::-moz-range-thumb {\n        width: 20px;\n        height: 20px;\n        background-color: ${({ theme }: StyledSliderInputProps) => theme['100']};\n        cursor: pointer;\n        border-radius: 50%;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);\n    }\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAGhC,MAAMG,YAAY,GAAGC,yBAAM,CAACC,GAAI;AACvC;AACA;AACA,CAAC;AAACC,OAAA,CAAAH,YAAA,GAAAA,YAAA;AAIK,MAAMI,iBAAiB,GAAGH,yBAAM,CAACI,KAA8B;AACtE;AACA;AACA;AACA;AACA,kBAAkBC,IAAA;EAAA,IAAAC,OAAA,EAAAC,QAAA,EAAAC,QAAA,EAAAC,QAAA;EAAA,IAAC;IAAEC,KAAK;IAAEC,GAAG;IAAEC,GAAG;IAAEC;EAA8B,CAAC,GAAAR,IAAA;EAAA,OAC5D;AACT;AACA,cAAY,CAAAC,OAAA,GAAEI,KAAK,CAAC,KAAK,CAAC,cAAAJ,OAAA,cAAAA,OAAA,GAAI,EAAG;AACjC,cAAY,CAAAC,QAAA,GAAEG,KAAK,CAAC,KAAK,CAAC,cAAAH,QAAA,cAAAA,QAAA,GAAI,EAAG;AACjC,cAAe,CAACM,KAAK,GAAGF,GAAG,KAAKC,GAAG,GAAGD,GAAG,CAAC,GAAI,GAAI;AAClD,cAAY,CAAAH,QAAA,GAAEE,KAAK,CAAC,KAAK,CAAC,cAAAF,QAAA,cAAAA,QAAA,GAAI,EAAG;AACjC,cAAe,CAACK,KAAK,GAAGF,GAAG,KAAKC,GAAG,GAAGD,GAAG,CAAC,GAAI,GAAI;AAClD,cAAY,CAAAF,QAAA,GAAEC,KAAK,CAAC,KAAK,CAAC,cAAAD,QAAA,cAAAA,QAAA,GAAI,EAAG;AACjC,UAAU;AAAA,CAAC;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4BAA4BK,KAAA;EAAA,IAAC;IAAEJ;EAA8B,CAAC,GAAAI,KAAA;EAAA,OAAKJ,KAAK,CAAC,KAAK,CAAC;AAAA,CAAC;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4BAA4BK,KAAA;EAAA,IAAC;IAAEL;EAA8B,CAAC,GAAAK,KAAA;EAAA,OAAKL,KAAK,CAAC,KAAK,CAAC;AAAA,CAAC;AAChF;AACA;AACA;AACA;AACA,CAAC;AAACR,OAAA,CAAAC,iBAAA,GAAAA,iBAAA"}

package/lib/components/small-wait-cursor/SmallWaitCursor.d.ts

@@ -0,0 +1,22 @@
+import { FC } from 'react';
+export declare enum SmallWaitCursorSpeed {
+    Slow = 1.5,
+    Medium = 1,
+    Fast = 0.5
+}
+export type SmallWaitCursorProps = {
+    /**
+     * Specifies whether the wait cursor should be displayed with a background.
+     */
+    shouldShowBackground?: boolean;
+    /**
+     * Specifies whether the wait cursor should be displayed.
+     */
+    shouldShowWaitCursor: boolean;
+    /**
+     * The speed of the animation in seconds. Use the SmallWaitCursorSpeed enum for this prop.
+     */
+    speed?: SmallWaitCursorSpeed;
+};
+declare const SmallWaitCursor: FC<SmallWaitCursorProps>;
+export default SmallWaitCursor;

package/lib/components/small-wait-cursor/SmallWaitCursor.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SmallWaitCursorSpeed = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _SmallWaitCursor = require("./SmallWaitCursor.styles");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+// noinspection JSUnusedGlobalSymbols
+let SmallWaitCursorSpeed = /*#__PURE__*/function (SmallWaitCursorSpeed) {
+  SmallWaitCursorSpeed[SmallWaitCursorSpeed["Slow"] = 1.5] = "Slow";
+  SmallWaitCursorSpeed[SmallWaitCursorSpeed["Medium"] = 1] = "Medium";
+  SmallWaitCursorSpeed[SmallWaitCursorSpeed["Fast"] = 0.5] = "Fast";
+  return SmallWaitCursorSpeed;
+}({});
+exports.SmallWaitCursorSpeed = SmallWaitCursorSpeed;
+const SmallWaitCursor = _ref => {
+  let {
+    shouldShowWaitCursor,
+    shouldShowBackground = true,
+    speed = SmallWaitCursorSpeed.Medium
+  } = _ref;
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_SmallWaitCursor.StyledSmallWaitCursor, {
+    shouldShowWaitCursor: shouldShowWaitCursor
+  }, /*#__PURE__*/_react.default.createElement(_SmallWaitCursor.StyledSmallWaitCursorWaitCursor, {
+    speed: speed
+  }), shouldShowBackground && /*#__PURE__*/_react.default.createElement(_SmallWaitCursor.StyledSmallWaitCursorBackground, null)), [shouldShowBackground, shouldShowWaitCursor, speed]);
+};
+SmallWaitCursor.displayName = 'SmallWaitCursor';
+var _default = SmallWaitCursor;
+exports.default = _default;
+//# sourceMappingURL=SmallWaitCursor.js.map

package/lib/components/small-wait-cursor/SmallWaitCursor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmallWaitCursor.js","names":["_react","_interopRequireWildcard","require","_SmallWaitCursor","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SmallWaitCursorSpeed","exports","SmallWaitCursor","_ref","shouldShowWaitCursor","shouldShowBackground","speed","Medium","useMemo","createElement","StyledSmallWaitCursor","StyledSmallWaitCursorWaitCursor","StyledSmallWaitCursorBackground","displayName","_default"],"sources":["../../../src/components/small-wait-cursor/SmallWaitCursor.tsx"],"sourcesContent":["import React, { FC, useMemo } from 'react';\nimport {\n    StyledSmallWaitCursor,\n    StyledSmallWaitCursorBackground,\n    StyledSmallWaitCursorWaitCursor,\n} from './SmallWaitCursor.styles';\n\n// noinspection JSUnusedGlobalSymbols\nexport enum SmallWaitCursorSpeed {\n    Slow = 1.5,\n    Medium = 1,\n    Fast = 0.5,\n}\n\nexport type SmallWaitCursorProps = {\n    /**\n     * Specifies whether the wait cursor should be displayed with a background.\n     */\n    shouldShowBackground?: boolean;\n    /**\n     * Specifies whether the wait cursor should be displayed.\n     */\n    shouldShowWaitCursor: boolean;\n    /**\n     * The speed of the animation in seconds. Use the SmallWaitCursorSpeed enum for this prop.\n     */\n    speed?: SmallWaitCursorSpeed;\n};\n\nconst SmallWaitCursor: FC<SmallWaitCursorProps> = ({\n    shouldShowWaitCursor,\n    shouldShowBackground = true,\n    speed = SmallWaitCursorSpeed.Medium,\n}) =>\n    useMemo(\n        () => (\n            <StyledSmallWaitCursor shouldShowWaitCursor={shouldShowWaitCursor}>\n                <StyledSmallWaitCursorWaitCursor speed={speed} />\n                {shouldShowBackground && <StyledSmallWaitCursorBackground />}\n            </StyledSmallWaitCursor>\n        ),\n        [shouldShowBackground, shouldShowWaitCursor, speed]\n    );\n\nSmallWaitCursor.displayName = 'SmallWaitCursor';\n\nexport default SmallWaitCursor;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAIkC,SAAAE,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAJ,wBAAAQ,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAElC;AAAA,IACYW,oBAAoB,0BAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAAA,OAApBA,oBAAoB;AAAA;AAAAC,OAAA,CAAAD,oBAAA,GAAAA,oBAAA;AAqBhC,MAAME,eAAyC,GAAGC,IAAA;EAAA,IAAC;IAC/CC,oBAAoB;IACpBC,oBAAoB,GAAG,IAAI;IAC3BC,KAAK,GAAGN,oBAAoB,CAACO;EACjC,CAAC,GAAAJ,IAAA;EAAA,OACG,IAAAK,cAAO,EACH,mBACIlC,MAAA,CAAAW,OAAA,CAAAwB,aAAA,CAAChC,gBAAA,CAAAiC,qBAAqB;IAACN,oBAAoB,EAAEA;EAAqB,gBAC9D9B,MAAA,CAAAW,OAAA,CAAAwB,aAAA,CAAChC,gBAAA,CAAAkC,+BAA+B;IAACL,KAAK,EAAEA;EAAM,CAAE,CAAC,EAChDD,oBAAoB,iBAAI/B,MAAA,CAAAW,OAAA,CAAAwB,aAAA,CAAChC,gBAAA,CAAAmC,+BAA+B,MAAE,CACxC,CAC1B,EACD,CAACP,oBAAoB,EAAED,oBAAoB,EAAEE,KAAK,CACtD,CAAC;AAAA;AAELJ,eAAe,CAACW,WAAW,GAAG,iBAAiB;AAAC,IAAAC,QAAA,GAEjCZ,eAAe;AAAAD,OAAA,CAAAhB,OAAA,GAAA6B,QAAA"}

package/lib/components/small-wait-cursor/SmallWaitCursor.styles.d.ts

@@ -0,0 +1,13 @@
+export declare const StyledSmallWaitCursor: import("styled-components").StyledComponent<"div", any, {
+    shouldShowWaitCursor: boolean;
+} & {
+    theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
+}, never>;
+export declare const StyledSmallWaitCursorBackground: import("styled-components").StyledComponent<"div", any, {
+    theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
+}, never>;
+export declare const StyledSmallWaitCursorWaitCursor: import("styled-components").StyledComponent<"div", any, {
+    speed: number;
+} & {
+    theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
+}, never>;

package/lib/components/small-wait-cursor/SmallWaitCursor.styles.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledSmallWaitCursorWaitCursor = exports.StyledSmallWaitCursorBackground = exports.StyledSmallWaitCursor = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const StyledSmallWaitCursor = _styledComponents.default.div`
+    position: relative;
+    height: 30px;
+    width: 30px;
+    opacity: ${_ref => {
+  let {
+    shouldShowWaitCursor
+  } = _ref;
+  return shouldShowWaitCursor ? 1 : 0;
+}};
+`;
+exports.StyledSmallWaitCursor = StyledSmallWaitCursor;
+const StyledSmallWaitCursorBackground = _styledComponents.default.div`
+    background-color: ${_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme['100'];
+}};
+    border-radius: 50%;
+    height: 30px;
+    width: 30px;
+    position: relative;
+    z-index: 1;
+`;
+exports.StyledSmallWaitCursorBackground = StyledSmallWaitCursorBackground;
+const spin = (0, _styledComponents.keyframes)`
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+`;
+const StyledSmallWaitCursorWaitCursor = _styledComponents.default.div`
+    position: absolute;
+    top: 5px;
+    left: 5px;
+    z-index: 2;
+    border-style: solid;
+    border-width: 3px;
+    border-color: ${_ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.headline;
+}};
+    height: 20px;
+    width: 20px;
+    border-radius: 50%;
+    display: inline-block;
+    border-top: 3px solid transparent;
+
+    animation: ${spin} ${_ref4 => {
+  let {
+    speed
+  } = _ref4;
+  return speed;
+}}s linear
+        infinite;
+`;
+exports.StyledSmallWaitCursorWaitCursor = StyledSmallWaitCursorWaitCursor;
+//# sourceMappingURL=SmallWaitCursor.styles.js.map

package/lib/components/small-wait-cursor/SmallWaitCursor.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmallWaitCursor.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","StyledSmallWaitCursor","styled","div","_ref","shouldShowWaitCursor","exports","StyledSmallWaitCursorBackground","_ref2","theme","spin","keyframes","StyledSmallWaitCursorWaitCursor","_ref3","headline","_ref4","speed"],"sources":["../../../src/components/small-wait-cursor/SmallWaitCursor.styles.ts"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledSmallWaitCursorProps = WithTheme<{\n    shouldShowWaitCursor: boolean;\n}>;\n\nexport const StyledSmallWaitCursor = styled.div<StyledSmallWaitCursorProps>`\n    position: relative;\n    height: 30px;\n    width: 30px;\n    opacity: ${({ shouldShowWaitCursor }: StyledSmallWaitCursorProps) =>\n        shouldShowWaitCursor ? 1 : 0};\n`;\n\ntype StyledSmallWaitCursorBackgroundProps = WithTheme<unknown>;\n\nexport const StyledSmallWaitCursorBackground = styled.div<StyledSmallWaitCursorBackgroundProps>`\n    background-color: ${({ theme }: StyledSmallWaitCursorBackgroundProps) => theme['100']};\n    border-radius: 50%;\n    height: 30px;\n    width: 30px;\n    position: relative;\n    z-index: 1;\n`;\n\ntype StyledSmallWaitCursorWaitCursorProps = WithTheme<{\n    speed: number;\n}>;\n\nconst spin = keyframes`\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n`;\n\nexport const StyledSmallWaitCursorWaitCursor = styled.div<StyledSmallWaitCursorWaitCursorProps>`\n    position: absolute;\n    top: 5px;\n    left: 5px;\n    z-index: 2;\n    border-style: solid;\n    border-width: 3px;\n    border-color: ${({ theme }: StyledSmallWaitCursorWaitCursorProps) => theme.headline};\n    height: 20px;\n    width: 20px;\n    border-radius: 50%;\n    display: inline-block;\n    border-top: 3px solid transparent;\n\n    animation: ${spin} ${({ speed }: StyledSmallWaitCursorWaitCursorProps) => speed}s linear\n        infinite;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAsD,SAAAC,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAH,wBAAAO,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAO/C,MAAMW,qBAAqB,GAAGC,yBAAM,CAACC,GAAgC;AAC5E;AACA;AACA;AACA,eAAeC,IAAA;EAAA,IAAC;IAAEC;EAAiD,CAAC,GAAAD,IAAA;EAAA,OAC5DC,oBAAoB,GAAG,CAAC,GAAG,CAAC;AAAA,CAAC;AACrC,CAAC;AAACC,OAAA,CAAAL,qBAAA,GAAAA,qBAAA;AAIK,MAAMM,+BAA+B,GAAGL,yBAAM,CAACC,GAA0C;AAChG,wBAAwBK,KAAA;EAAA,IAAC;IAAEC;EAA4C,CAAC,GAAAD,KAAA;EAAA,OAAKC,KAAK,CAAC,KAAK,CAAC;AAAA,CAAC;AAC1F;AACA;AACA;AACA;AACA;AACA,CAAC;AAACH,OAAA,CAAAC,+BAAA,GAAAA,+BAAA;AAMF,MAAMG,IAAI,GAAG,IAAAC,2BAAS,CAAC;AACvB;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAMC,+BAA+B,GAAGV,yBAAM,CAACC,GAA0C;AAChG;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoBU,KAAA;EAAA,IAAC;IAAEJ;EAA4C,CAAC,GAAAI,KAAA;EAAA,OAAKJ,KAAK,CAACK,QAAQ;AAAA,CAAC;AACxF;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiBJ,IAAK,IAAGK,KAAA;EAAA,IAAC;IAAEC;EAA4C,CAAC,GAAAD,KAAA;EAAA,OAAKC,KAAK;AAAA,CAAC;AACpF;AACA,CAAC;AAACV,OAAA,CAAAM,+BAAA,GAAAA,+BAAA"}