[Bug]: __swc.DEBUG undefined in sp-progress-circle 1.10.0 #5948
Description
Code of conduct
- I agree to follow this project's code of conduct.
Impacted component(s)
progress-circle
Library version
1.10.0
Expected behavior
After updating to 1.10.0 we expect progress-circle to work like with 1.7.0.
Actual behavior
After updating to 1.10.0 we see this error, works fine with 1.7.0:
ProgressCircle.base.js:29 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'DEBUG')
at j.updated (ProgressCircle.base.js:29:18)
at j._$AE (reactive-element.js:6:5451)
at j.performUpdate (reactive-element.js:6:5313)
at j.scheduleUpdate (reactive-element.js:6:4766)
at j._$EP (reactive-element.js:6:4674)
Screenshots
What browsers are you seeing the problem in?
Chrome
How can we reproduce this issue?
Take the example code from below, then bun run build && cd dist && http-serve and open the page in chrome, open dev tools.
Workaround, adding this to index.html
<script>
window.__swc = {
warn: console.warn,
};
</script>
Sample code or abstract reproduction which illustrates the problem
main.ts
import { html, render } from 'lit';
import '@spectrum-web-components/progress-circle/sp-progress-circle.js';
const container = document.querySelector<HTMLDivElement>('#app');
if (container) {
render(html`<sp-progress-circle></sp-progress-circle>`, container);
}
package.json
{
"name": "test",
"private": true,
"version": "0.0.0",
"type": "module",
"scripts": {
"build": "tsc && vite build"
},
"devDependencies": {
"typescript": "~5.9.2",
"vite": "^7.1.3"
},
"dependencies": {
"@lit/task": "^1.0.3",
"@spectrum-web-components/progress-circle": "^1.10.0",
"lit": "^3.3.1"
}
}
index.html
<!doctype html>
<html lang="en">
<body>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>
Severity
None
Logs taken while reproducing problem
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'DEBUG')
at j.updated (ProgressCircle.base.js:29:18)
at j._$AE (reactive-element.js:6:5451)
at j.performUpdate (reactive-element.js:6:5313)
at j.scheduleUpdate (reactive-element.js:6:4766)
at j._$EP (reactive-element.js:6:4674)
Would you like to track this issue in Jira?
- Yes, please tell me the ticket number!