js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-11 20:08:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Avoid errors on earlier CustomStateSet API

Browse Source 
Protect WebAwesomeElement.customStates accessors from errors in browsers implementing the earlier revision of the CustomStateSet API.

Resolves #1633.
This commit is contained in:
Mike Edmunds
2025-10-23 13:50:23 -07:00
committed by GitHub
parent 3612f72a3f
commit 2ae0138d00
1 changed files with 18 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
packages/webawesome/src/internal/webawesome-element.ts
View File

@@ -127,17 +127,30 @@ export default class WebAwesomeElement extends LitElement {
/** Adds or removes the specified custom state. */
set: (customState: string, active: boolean) => {
if (!Boolean(this.internals?.states)) return;
if (active) {
this.internals.states.add(customState);
} else {
this.internals.states.delete(customState);
try {
if (active) {
this.internals.states.add(customState);
} else {
this.internals.states.delete(customState);
}
} catch (e) {
if (String(e).includes("must start with '--'")) {
/* eslint-disable-next-line */
console.error('Your browser implements an outdated version of CustomStateSet. Consider using a polyfill');
} else {
throw e;
}
}
},
/** Determines whether or not the element currently has the specified state. */
has: (customState: string) => {
if (!Boolean(this.internals?.states)) return false;
return this.internals.states.has(customState);
try {
return this.internals.states.has(customState);
} catch {
return false;
}
},
};