element-internals-polyfill - npm Package Compare versions

Comparing version 0.1.51 to 0.1.52

dist/index.js

@@ -151,5 +151,2 @@ (function () {
         }
-        else if (!parent && elem.toString() === '[object ShadowRoot]') {
-            parent = findParentForm(elem.host);
-        }
         return parent;
@@ -156,0 +153,0 @@ };

package.json

 {
   "name": "element-internals-polyfill",
-  "version": "0.1.51",
+  "version": "0.1.52",
   "description": "A polyfill for the element internals specification",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

README.md

@@ -135,2 +135,20 @@ # Element Internals Polyfill
 
+For example, if you are creating a control that has a checked property, you will likely could set the `internals.ariaChecked` property to `'true'`. In polyfilled browsers, this will result in adding `aria-checked="true"` to the host's attributes. In fully-supported browsers, this attribute will not be reflected although the checked property will be reflected in the accessibility object model.
+
+```javascript
+class CheckedControl extends HTMLElement {
+  #checked = false;
+  #internals = this.attachInternals();
+
+  get checked() {
+    return this.#checked;
+  }
+
+  set checked(isChecked) {
+    this.#checked = isChecked;
+    this.#internals.ariaChecked = isChecked.toString();
+  }
+}
+```
+
 ### State API
@@ -137,0 +155,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

51927

increased by3.2%

Number of package files

13

increased by8.33%

Number of lines in readme file

193

increased by10.29%

Worsened metrics

Lines of code

943

decreased by-0.32%

No dependency changes