JezK

Edit File: presto-spinner.js.map

{"file":"presto-spinner.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,sgBAAsgB,CAAC;AAChiB,kCAAe,gBAAgB;;MCMlB,aAAa;;;;;;IACxB,MAAM;QACJ,OAAO,6DAAM,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,eAAW,MAAM,eAAW,QAAQ,GAAQ,CAAC;KACtF;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/ui/presto-spinner/presto-spinner.scss?tag=presto-player-spinner&encapsulation=shadow","src/components/ui/presto-spinner/presto-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 position: relative;\n box-sizing: border-box;\n\n & *,\n & *:before,\n & *:after {\n box-sizing: inherit;\n }\n\n --track-color: #0d131e20;\n --indicator-color: var(--plyr-color-main);\n --stroke-width: 2px;\n\n display: inline-flex;\n}\n\n.spinner {\n display: inline-block;\n width: 1em;\n height: 1em;\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: 'presto-player-spinner',\n styleUrl: 'presto-spinner.scss',\n shadow: true,\n})\nexport class PrestoSpinner {\n render() {\n return <span part=\"base\" class=\"spinner\" aria-busy=\"true\" aria-live=\"polite\"></span>;\n }\n}\n"],"version":3}