{"version":3,"file":"/Users/anthonygubler/development/dojo-org/widgets/src/loading-indicator/index.tsx","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as css from '../theme/default/loading-indicator.m.css';\nimport theme from '../middleware/theme';\nimport { ThemedProperties } from '@dojo/framework/core/mixins/Themed';\nimport { create, tsx } from '@dojo/framework/core/vdom';\n\nexport interface LoadingIndicatorProperties extends ThemedProperties {\n\t/** If the element is actively loading. Defaults to true */\n\tactive?: boolean;\n\t/* Sets loader type to linear or circular, defaults to linear */\n\ttype?: 'linear' | 'circular-small' | 'circular-medium' | 'circular-large';\n}\n\nconst factory = create({ theme }).properties<LoadingIndicatorProperties>();\n\nexport const LoadingIndicator = factory(function LoadingIndicator({\n\tproperties,\n\tmiddleware: { theme }\n}) {\n\tconst classes = theme.classes(css);\n\tconst { active = true, type = 'linear' } = properties();\n\n\tconst isLinear = type === 'linear';\n\n\tif (isLinear) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclasses={[\n\t\t\t\t\ttheme.variant(),\n\t\t\t\t\tclasses.root,\n\t\t\t\t\t!active && classes.inactive,\n\t\t\t\t\tclasses.linear\n\t\t\t\t]}\n\t\t\t\trole=\"progressbar\"\n\t\t\t>\n\t\t\t\t<div classes={classes.buffer} />\n\t\t\t\t{active && (\n\t\t\t\t\t<div classes={[classes.bar, classes.primary]}>\n\t\t\t\t\t\t<span classes={classes.inner} />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tlet sizeClass: string | undefined;\n\tswitch (type) {\n\t\tcase 'circular-small':\n\t\t\tsizeClass = css.small;\n\t\t\tbreak;\n\t\tcase 'circular-large':\n\t\t\tsizeClass = css.large;\n\t\t\tbreak;\n\t\tcase 'circular-medium':\n\t\tdefault:\n\t\t\tsizeClass = css.medium;\n\t\t\tbreak;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclasses={[\n\t\t\t\ttheme.variant(),\n\t\t\t\tclasses.root,\n\t\t\t\t!active && classes.inactive,\n\t\t\t\tclasses.circular,\n\t\t\t\tsizeClass\n\t\t\t]}\n\t\t\trole=\"progressbar\"\n\t\t>\n\t\t\t{active && (\n\t\t\t\t<div classes={classes.circularContainer}>\n\t\t\t\t\t<div classes={classes.spinnerLayer}>\n\t\t\t\t\t\t<div classes={[classes.circleClipper, classes.circleLeft]}>\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\tclasses={classes.circleGraphic}\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<circle\n\t\t\t\t\t\t\t\t\tcx=\"12\"\n\t\t\t\t\t\t\t\t\tcy=\"12\"\n\t\t\t\t\t\t\t\t\tr=\"8.75\"\n\t\t\t\t\t\t\t\t\tstroke-dasharray=\"54.978\"\n\t\t\t\t\t\t\t\t\tstroke-dashoffset=\"27.489\"\n\t\t\t\t\t\t\t\t\tstroke-width=\"2.5\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div classes={classes.gapPatch}>\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\tclasses={classes.circleGraphic}\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<circle\n\t\t\t\t\t\t\t\t\tcx=\"12\"\n\t\t\t\t\t\t\t\t\tcy=\"12\"\n\t\t\t\t\t\t\t\t\tr=\"8.75\"\n\t\t\t\t\t\t\t\t\tstroke-dasharray=\"54.978\"\n\t\t\t\t\t\t\t\t\tstroke-dashoffset=\"27.489\"\n\t\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div classes={[classes.circleClipper, classes.circleRight]}>\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\tclasses={classes.circleGraphic}\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<circle\n\t\t\t\t\t\t\t\t\tcx=\"12\"\n\t\t\t\t\t\t\t\t\tcy=\"12\"\n\t\t\t\t\t\t\t\t\tr=\"8.75\"\n\t\t\t\t\t\t\t\t\tstroke-dasharray=\"54.978\"\n\t\t\t\t\t\t\t\t\tstroke-dashoffset=\"27.489\"\n\t\t\t\t\t\t\t\t\tstroke-width=\"2.5\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n});\n\nexport default LoadingIndicator;\n"]}