JezK

Edit File: sc-spinner2.js.map

{"file":"sc-spinner2.js","mappings":";;AAAA,MAAM,YAAY,GAAG,+dAA+d,CAAC;AACrf,wBAAe,YAAY;;MCMd,SAAS;;;;;;IACpB,MAAM;QACJ,OAAO,6DAAM,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,eAAW,MAAM,eAAW,QAAQ,GAAQ,CAAC;KACtF;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/ui/spinner/sc-spinner.scss?tag=sc-spinner&encapsulation=shadow","src/components/ui/spinner/sc-spinner.tsx"],"sourcesContent":["/**\n * @prop --track-color: The color of the spinner's track.\n * @prop --indicator-color: The color of the spinner's indicator.\n * @prop --stroke-width: The width of the indicator.\n */\n:host {\n --track-color: #0d131e20;\n --indicator-color: var(--sc-color-primary-500);\n --stroke-width: 2px;\n --spinner-size: 1em;\n\n display: inline-block;\n}\n\n.spinner {\n display: inline-block;\n width: var(--spinner-size);\n height: var(--spinner-size);\n border-radius: 50%;\n border: solid var(--stroke-width) var(--track-color);\n border-top-color: var(--indicator-color);\n border-right-color: var(--indicator-color);\n animation: 1s linear infinite spin;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'sc-spinner',\n styleUrl: 'sc-spinner.scss',\n shadow: true,\n})\nexport class ScSpinner {\n render() {\n return <span part=\"base\" class=\"spinner\" aria-busy=\"true\" aria-live=\"polite\"></span>;\n }\n}\n"],"version":3}