css-blank-pseudo 0.1.0 → 0.1.4

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # Changes to CSS Blank Pseudo
 
-### 1.0.0 (November 17, 2018)
+### 0.1.4 (November 17, 2018)
+
+- Update documentation
+
+### 0.1.3 (November 17, 2018)
+
+- Improve CLI usage
+
+### 0.1.2 (November 17, 2018)
+
+- Provide a version specifically for Internet Explorer 11
+
+### 0.1.1 (November 17, 2018)
+
+- Update documentation
+
+### 0.1.0 (November 17, 2018)
 
 - Initial version

package/README.md

@@ -33,8 +33,18 @@ Next, use your transformed CSS with this script:
 <script>cssBlankPseudo(document)</script>
 ```
 
-That’s it. The script is 483 bytes and works in all browsers, as far back as
-Internet Explorer 11.
+That’s it. The script is 509 bytes and works in all browsers.
+
+---
+
+If you support Internet Explorer 11, use the **browser legacy** script, which
+is 671 bytes:
+
+```html
+<link rel="stylesheet" href="TRANSFORMED.css">
+<script src="https://unpkg.com/css-blank-pseudo/browser-legacy"></script>
+<script>cssBlankPseudo(document)</script>
+```
 
 ## How it works
 
@@ -48,11 +58,11 @@ input:blank {
 
 /* becomes */
 
-.field[blank] label {
+input[blank] {
   background-color: yellow;
 }
 
-.field:blank label {
+input:blank {
   background-color: yellow;
 }
 ```
@@ -61,14 +71,8 @@ Next, the [JavaScript library](README-BROWSER.md) adds a `blank` attribute to
 elements otherwise matching `:blank` natively.
 
 ```html
-<div class="field">
-  <label for="a">Field</label>
-  <input id="a" value="" blank>
-</div>
-<div class="field">
-  <label for="b">Field</label>
-  <input id="b" value="This element has a value">
-</div>
+<input value="" blank>
+<input value="This element has a value">
 ```
 
 [cli-img]: https://img.shields.io/travis/csstools/css-blank-pseudo/master.svg

package/browser-legacy.js

@@ -0,0 +1 @@
+function cssBlankPseudo(e,t){var n=Object(t).className,r=Object(t).attr||"blank",o=Object(t).force;try{if(e.querySelector(":blank"),!o)return}catch(e){}var a,i,s,c=(e.ownerDocument||e).defaultView;d(c.HTMLInputElement),d(c.HTMLSelectElement),d(c.HTMLTextAreaElement),a=c.HTMLOptionElement,i=Object.getOwnPropertyDescriptor(a.prototype,"selected"),s=i.set,i.set=function(t){s.apply(this,arguments);var n=e.createEvent("Event");n.initEvent("change",!0,!0),this.dispatchEvent(n)},Object.defineProperty(a.prototype,"selected",i);var l=/^(INPUT|SELECT|TEXTAREA)$/;function p(){this.value||"SELECT"===this.nodeName&&this.options[this.selectedIndex].value?(r&&this.removeAttribute(r),n&&this.classList.remove(n),this.removeAttribute("blank")):(r&&this.setAttribute("blank",r),n&&this.classList.add(n))}function d(e){var t=Object.getOwnPropertyDescriptor(e.prototype,"value"),n=t.set;t.set=function(e){n.apply(this,arguments),p.apply(this)},Object.defineProperty(e.prototype,"value",t)}Array.prototype.forEach.call(e.querySelectorAll("INPUT,SELECT,TEXTAREA"),function(e){"SELECT"===e.nodeName?e.addEventListener("change",p):e.addEventListener("input",p),p.call(e)}),new MutationObserver(function(e){e.forEach(function(e){Array.prototype.forEach.call(e.addedNodes||[],function(e){1===e.nodeType&&l.test(e.nodeName)&&("SELECT"===e.nodeName?e.addEventListener("change",p):e.addEventListener("input",p),p.call(e))}),Array.prototype.forEach.call(e.removedNodes||[],function(e){1===e.nodeType&&l.test(e.nodeName)&&("SELECT"===e.nodeName?e.removeEventListener("change",p):e.removeEventListener("input",p))})})}).observe(e,{childList:!0,subtree:!0})}

package/browser.js

@@ -1 +1 @@
-function cssBlankPseudo(e,t){var r=Object(t).className,n=Object(t).attr||"blank",o=Object(t).force;try{if(e.querySelector(":blank"),!o)return}catch(e){}c(HTMLInputElement),c(HTMLSelectElement),c(HTMLTextAreaElement);var a="input,select,textarea";function s(){this.value?(n&&this.removeAttribute(n),r&&this.classList.remove(r),this.removeAttribute("blank")):(n&&this.setAttribute("blank",n),r&&this.classList.add(r))}function c(e){var t=Object.getOwnPropertyDescriptor(e.prototype,"value"),r=t.set;t.set=function(e){r.apply(this,arguments),s.apply(this)},Object.defineProperty(e.prototype,"value",t)}Array.prototype.forEach.call(e.querySelectorAll(a),function(e){e.addEventListener("input",s),s.call(e)}),new MutationObserver(function(e){e.forEach(function(e){e.addedNodes&&e.addedNodes.forEach(function(e){1===e.nodeType&&e.matches(a)&&(e.addEventListener("input",s),s.call(e))}),e.removedNodes&&e.removedNodes.forEach(function(e){1===e.nodeType&&e.matches(a)&&e.removeEventListener("input",s)})})}).observe(e,{childList:!0,subtree:!0})}
+function cssBlankPseudo(e,t){var r=Object(t).className,n=Object(t).attr||"blank",o=Object(t).force;try{if(e.querySelector(":blank"),!o)return}catch(e){}var a=(e.ownerDocument||e).defaultView;i(a.HTMLInputElement),i(a.HTMLSelectElement),i(a.HTMLTextAreaElement);var c="input,select,textarea";function s(){this.value?(n&&this.removeAttribute(n),r&&this.classList.remove(r),this.removeAttribute("blank")):(n&&this.setAttribute("blank",n),r&&this.classList.add(r))}function i(e){var t=Object.getOwnPropertyDescriptor(e.prototype,"value"),r=t.set;t.set=function(e){r.apply(this,arguments),s.apply(this)},Object.defineProperty(e.prototype,"value",t)}Array.prototype.forEach.call(e.querySelectorAll(c),function(e){e.addEventListener("input",s),s.call(e)}),new MutationObserver(function(e){e.forEach(function(e){e.addedNodes&&e.addedNodes.forEach(function(e){1===e.nodeType&&e.matches(c)&&(e.addEventListener("input",s),s.call(e))}),e.removedNodes&&e.removedNodes.forEach(function(e){1===e.nodeType&&e.matches(c)&&e.removeEventListener("input",s)})})}).observe(e,{childList:!0,subtree:!0})}

package/cli.js

@@ -28,7 +28,7 @@ var plugin = postcss.plugin('css-blank-pseudo', opts => {
 });
 
 if (process.argv.length < 3) {
-  console.log(['CSS Blank Pseudo\n', '  Transforms CSS with :blank {}\n', 'Usage:\n', '  css-blank-pseudo source.css transformed.css', '  css-blank-pseudo --in=source.css --out=transformed.css --opts={}', '  echo "@media (prefers-color-scheme: dark) {}" | css-\n'].join('\n'));
+  console.log(['CSS Blank Pseudo\n', '  Transforms CSS with :blank {}\n', 'Usage:\n', '  css-blank-pseudo source.css transformed.css', '  css-blank-pseudo --in=source.css --out=transformed.css --opts={}', '  echo "@media (prefers-color-scheme: dark) {}" | css-blank-pseudo\n'].join('\n'));
   process.exit(0);
 } // get process and plugin options from the command line
 
@@ -36,7 +36,7 @@ if (process.argv.length < 3) {
 const fileRegExp = /^[\w\/.]+$/;
 const argRegExp = /^--(\w+)=("|')?(.+)\2$/;
 const relaxedJsonPropRegExp = /(['"])?([a-z0-9A-Z_]+)(['"])?:/g;
-const relaxedJsonValueRegExp = /("[a-z0-9A-Z_]+":\s*)'([^']*)'/g;
+const relaxedJsonValueRegExp = /("[a-z0-9A-Z_]+":\s*)'?([A-z0-9]+)'?([,}])/g;
 const argo = process.argv.slice(2).reduce((object, arg) => {
   const argMatch = arg.match(argRegExp);
   const fileMatch = arg.match(fileRegExp);
@@ -59,7 +59,7 @@ const argo = process.argv.slice(2).reduce((object, arg) => {
 }); // get css from command line arguments or stdin
 
 (argo.from === '<stdin>' ? getStdin() : readFile(argo.from)).then(css => {
-  const pluginOpts = JSON.parse(argo.opts.replace(relaxedJsonPropRegExp, '"$2": ').replace(relaxedJsonValueRegExp, '$1"$2"'));
+  const pluginOpts = JSON.parse(argo.opts.replace(relaxedJsonPropRegExp, '"$2": ').replace(relaxedJsonValueRegExp, '$1"$2"$3'));
   const processOptions = Object.assign({
     from: argo.from,
     to: argo.to || argo.from

package/index.js

@@ -17,9 +17,10 @@ function cssBlankPseudo(document, opts) {
   // observe value changes on <input>, <select>, and <textarea>
 
 
-  observeValueOfHTMLElement(HTMLInputElement);
-  observeValueOfHTMLElement(HTMLSelectElement);
-  observeValueOfHTMLElement(HTMLTextAreaElement); // form control elements selector
+  const window = (document.ownerDocument || document).defaultView;
+  observeValueOfHTMLElement(window.HTMLInputElement);
+  observeValueOfHTMLElement(window.HTMLSelectElement);
+  observeValueOfHTMLElement(window.HTMLTextAreaElement); // form control elements selector
 
   const selector = 'input,select,textarea'; // conditionally update all form control elements
 

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["src/browser.js"],"sourcesContent":["export default function cssBlankPseudo(document, opts) {\n\t// configuration\n\tconst className = Object(opts).className;\n\tconst attr = Object(opts).attr || 'blank';\n\tconst force = Object(opts).force;\n\n\ttry {\n\t\tdocument.querySelector(':blank');\n\n\t\tif (!force) {\n\t\t\treturn;\n\t\t}\n\t} catch (ignoredError) { /* do nothing and continue */ }\n\n\t// observe value changes on <input>, <select>, and <textarea>\n\tobserveValueOfHTMLElement(HTMLInputElement);\n\tobserveValueOfHTMLElement(HTMLSelectElement);\n\tobserveValueOfHTMLElement(HTMLTextAreaElement);\n\n\t// form control elements selector\n\tconst selector = 'input,select,textarea';\n\n\t// conditionally update all form control elements\n\tArray.prototype.forEach.call(\n\t\tdocument.querySelectorAll(selector),\n\t\tnode => {\n\t\t\tnode.addEventListener('input', configureCssBlankAttribute);\n\t\t\tconfigureCssBlankAttribute.call(node);\n\t\t}\n\t);\n\n\t// conditionally observe added or unobserve removed form control elements\n\tnew MutationObserver(mutationsList => {\n\t\tmutationsList.forEach(mutation => {\n\t\t\tif (mutation.addedNodes) {\n\t\t\t\tmutation.addedNodes.forEach(\n\t\t\t\t\tnode => {\n\t\t\t\t\t\tif (node.nodeType === 1 && node.matches(selector)) {\n\t\t\t\t\t\t\tnode.addEventListener('input', configureCssBlankAttribute);\n\t\t\t\t\t\t\tconfigureCssBlankAttribute.call(node);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tif (mutation.removedNodes) {\n\t\t\t\tmutation.removedNodes.forEach(\n\t\t\t\t\tnode => {\n\t\t\t\t\t\tif (node.nodeType === 1 && node.matches(selector)) {\n\t\t\t\t\t\t\tnode.removeEventListener('input', configureCssBlankAttribute);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\t\t});\n\t}).observe(document, { childList: true, subtree: true });\n\n\t// update a form control element’s css-blank attribute\n\tfunction configureCssBlankAttribute() {\n\t\tif (this.value) {\n\t\t\tif (attr) {\n\t\t\t\tthis.removeAttribute(attr);\n\t\t\t}\n\n\t\t\tif (className) {\n\t\t\t\tthis.classList.remove(className);\n\t\t\t}\n\t\t\tthis.removeAttribute('blank');\n\t\t} else {\n\t\t\tif (attr) {\n\t\t\t\tthis.setAttribute('blank', attr);\n\t\t\t}\n\n\t\t\tif (className) {\n\t\t\t\tthis.classList.add(className);\n\t\t\t}\n\t\t}\n\t}\n\n\t// observe changes to the \"value\" property on an HTML Element\n\tfunction observeValueOfHTMLElement(HTMLElement) {\n\t\tconst descriptor = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'value');\n\t\tconst nativeSet = descriptor.set;\n\n\t\tdescriptor.set = function set(value) { // eslint-disable-line no-unused-vars\n\t\t\tnativeSet.apply(this, arguments);\n\n\t\t\tconfigureCssBlankAttribute.apply(this);\n\t\t}\n\n\t\tObject.defineProperty(HTMLElement.prototype, 'value', descriptor);\n\t}\n}\n"],"names":["cssBlankPseudo","document","opts","className","Object","attr","force","querySelector","ignoredError","observeValueOfHTMLElement","HTMLInputElement","HTMLSelectElement","HTMLTextAreaElement","selector","Array","prototype","forEach","call","querySelectorAll","node","addEventListener","configureCssBlankAttribute","MutationObserver","mutationsList","mutation","addedNodes","nodeType","matches","removedNodes","removeEventListener","observe","childList","subtree","value","removeAttribute","classList","remove","setAttribute","add","HTMLElement","descriptor","getOwnPropertyDescriptor","nativeSet","set","apply","arguments","defineProperty"],"mappings":";;AAAe,SAASA,cAAT,CAAwBC,QAAxB,EAAkCC,IAAlC,EAAwC;;QAEhDC,SAAS,GAAGC,MAAM,CAACF,IAAD,CAAN,CAAaC,SAA/B;QACME,IAAI,GAAGD,MAAM,CAACF,IAAD,CAAN,CAAaG,IAAb,IAAqB,OAAlC;QACMC,KAAK,GAAGF,MAAM,CAACF,IAAD,CAAN,CAAaI,KAA3B;;MAEI;IACHL,QAAQ,CAACM,aAAT,CAAuB,QAAvB;;QAEI,CAACD,KAAL,EAAY;;;GAHb,CAME,OAAOE,YAAP,EAAqB;;;;;EAGvBC,yBAAyB,CAACC,gBAAD,CAAzB;EACAD,yBAAyB,CAACE,iBAAD,CAAzB;EACAF,yBAAyB,CAACG,mBAAD,CAAzB,CAjBsD;;QAoBhDC,QAAQ,GAAG,uBAAjB,CApBsD;;EAuBtDC,KAAK,CAACC,SAAN,CAAgBC,OAAhB,CAAwBC,IAAxB,CACChB,QAAQ,CAACiB,gBAAT,CAA0BL,QAA1B,CADD,EAECM,IAAI,IAAI;IACPA,IAAI,CAACC,gBAAL,CAAsB,OAAtB,EAA+BC,0BAA/B;IACAA,0BAA0B,CAACJ,IAA3B,CAAgCE,IAAhC;GAJF,EAvBsD;;MAgClDG,gBAAJ,CAAqBC,aAAa,IAAI;IACrCA,aAAa,CAACP,OAAd,CAAsBQ,QAAQ,IAAI;UAC7BA,QAAQ,CAACC,UAAb,EAAyB;QACxBD,QAAQ,CAACC,UAAT,CAAoBT,OAApB,CACCG,IAAI,IAAI;cACHA,IAAI,CAACO,QAAL,KAAkB,CAAlB,IAAuBP,IAAI,CAACQ,OAAL,CAAad,QAAb,CAA3B,EAAmD;YAClDM,IAAI,CAACC,gBAAL,CAAsB,OAAtB,EAA+BC,0BAA/B;YACAA,0BAA0B,CAACJ,IAA3B,CAAgCE,IAAhC;;SAJH;;;UAUGK,QAAQ,CAACI,YAAb,EAA2B;QAC1BJ,QAAQ,CAACI,YAAT,CAAsBZ,OAAtB,CACCG,IAAI,IAAI;cACHA,IAAI,CAACO,QAAL,KAAkB,CAAlB,IAAuBP,IAAI,CAACQ,OAAL,CAAad,QAAb,CAA3B,EAAmD;YAClDM,IAAI,CAACU,mBAAL,CAAyB,OAAzB,EAAkCR,0BAAlC;;SAHH;;KAbF;GADD,EAuBGS,OAvBH,CAuBW7B,QAvBX,EAuBqB;IAAE8B,SAAS,EAAE,IAAb;IAAmBC,OAAO,EAAE;GAvBjD,EAhCsD;;WA0D7CX,0BAAT,GAAsC;QACjC,KAAKY,KAAT,EAAgB;UACX5B,IAAJ,EAAU;aACJ6B,eAAL,CAAqB7B,IAArB;;;UAGGF,SAAJ,EAAe;aACTgC,SAAL,CAAeC,MAAf,CAAsBjC,SAAtB;;;WAEI+B,eAAL,CAAqB,OAArB;KARD,MASO;UACF7B,IAAJ,EAAU;aACJgC,YAAL,CAAkB,OAAlB,EAA2BhC,IAA3B;;;UAGGF,SAAJ,EAAe;aACTgC,SAAL,CAAeG,GAAf,CAAmBnC,SAAnB;;;GA1EmD;;;WAgF7CM,yBAAT,CAAmC8B,WAAnC,EAAgD;UACzCC,UAAU,GAAGpC,MAAM,CAACqC,wBAAP,CAAgCF,WAAW,CAACxB,SAA5C,EAAuD,OAAvD,CAAnB;UACM2B,SAAS,GAAGF,UAAU,CAACG,GAA7B;;IAEAH,UAAU,CAACG,GAAX,GAAiB,SAASA,GAAT,CAAaV,KAAb,EAAoB;;MACpCS,SAAS,CAACE,KAAV,CAAgB,IAAhB,EAAsBC,SAAtB;MAEAxB,0BAA0B,CAACuB,KAA3B,CAAiC,IAAjC;KAHD;;IAMAxC,MAAM,CAAC0C,cAAP,CAAsBP,WAAW,CAACxB,SAAlC,EAA6C,OAA7C,EAAsDyB,UAAtD;;;;;;"}
+{"version":3,"file":"index.js","sources":["src/browser.js"],"sourcesContent":["export default function cssBlankPseudo(document, opts) {\n\t// configuration\n\tconst className = Object(opts).className;\n\tconst attr = Object(opts).attr || 'blank';\n\tconst force = Object(opts).force;\n\n\ttry {\n\t\tdocument.querySelector(':blank');\n\n\t\tif (!force) {\n\t\t\treturn;\n\t\t}\n\t} catch (ignoredError) { /* do nothing and continue */ }\n\n\t// observe value changes on <input>, <select>, and <textarea>\n\tconst window = (document.ownerDocument || document).defaultView;\n\n\tobserveValueOfHTMLElement(window.HTMLInputElement);\n\tobserveValueOfHTMLElement(window.HTMLSelectElement);\n\tobserveValueOfHTMLElement(window.HTMLTextAreaElement);\n\n\t// form control elements selector\n\tconst selector = 'input,select,textarea';\n\n\t// conditionally update all form control elements\n\tArray.prototype.forEach.call(\n\t\tdocument.querySelectorAll(selector),\n\t\tnode => {\n\t\t\tnode.addEventListener('input', configureCssBlankAttribute);\n\t\t\tconfigureCssBlankAttribute.call(node);\n\t\t}\n\t);\n\n\t// conditionally observe added or unobserve removed form control elements\n\tnew MutationObserver(mutationsList => {\n\t\tmutationsList.forEach(mutation => {\n\t\t\tif (mutation.addedNodes) {\n\t\t\t\tmutation.addedNodes.forEach(\n\t\t\t\t\tnode => {\n\t\t\t\t\t\tif (node.nodeType === 1 && node.matches(selector)) {\n\t\t\t\t\t\t\tnode.addEventListener('input', configureCssBlankAttribute);\n\t\t\t\t\t\t\tconfigureCssBlankAttribute.call(node);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tif (mutation.removedNodes) {\n\t\t\t\tmutation.removedNodes.forEach(\n\t\t\t\t\tnode => {\n\t\t\t\t\t\tif (node.nodeType === 1 && node.matches(selector)) {\n\t\t\t\t\t\t\tnode.removeEventListener('input', configureCssBlankAttribute);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\t\t});\n\t}).observe(document, { childList: true, subtree: true });\n\n\t// update a form control element’s css-blank attribute\n\tfunction configureCssBlankAttribute() {\n\t\tif (this.value) {\n\t\t\tif (attr) {\n\t\t\t\tthis.removeAttribute(attr);\n\t\t\t}\n\n\t\t\tif (className) {\n\t\t\t\tthis.classList.remove(className);\n\t\t\t}\n\t\t\tthis.removeAttribute('blank');\n\t\t} else {\n\t\t\tif (attr) {\n\t\t\t\tthis.setAttribute('blank', attr);\n\t\t\t}\n\n\t\t\tif (className) {\n\t\t\t\tthis.classList.add(className);\n\t\t\t}\n\t\t}\n\t}\n\n\t// observe changes to the \"value\" property on an HTML Element\n\tfunction observeValueOfHTMLElement(HTMLElement) {\n\t\tconst descriptor = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'value');\n\t\tconst nativeSet = descriptor.set;\n\n\t\tdescriptor.set = function set(value) { // eslint-disable-line no-unused-vars\n\t\t\tnativeSet.apply(this, arguments);\n\n\t\t\tconfigureCssBlankAttribute.apply(this);\n\t\t}\n\n\t\tObject.defineProperty(HTMLElement.prototype, 'value', descriptor);\n\t}\n}\n"],"names":["cssBlankPseudo","document","opts","className","Object","attr","force","querySelector","ignoredError","window","ownerDocument","defaultView","observeValueOfHTMLElement","HTMLInputElement","HTMLSelectElement","HTMLTextAreaElement","selector","Array","prototype","forEach","call","querySelectorAll","node","addEventListener","configureCssBlankAttribute","MutationObserver","mutationsList","mutation","addedNodes","nodeType","matches","removedNodes","removeEventListener","observe","childList","subtree","value","removeAttribute","classList","remove","setAttribute","add","HTMLElement","descriptor","getOwnPropertyDescriptor","nativeSet","set","apply","arguments","defineProperty"],"mappings":"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"}

package/index.mjs

@@ -15,9 +15,10 @@ function cssBlankPseudo(document, opts) {
   // observe value changes on <input>, <select>, and <textarea>
 
 
-  observeValueOfHTMLElement(HTMLInputElement);
-  observeValueOfHTMLElement(HTMLSelectElement);
-  observeValueOfHTMLElement(HTMLTextAreaElement); // form control elements selector
+  const window = (document.ownerDocument || document).defaultView;
+  observeValueOfHTMLElement(window.HTMLInputElement);
+  observeValueOfHTMLElement(window.HTMLSelectElement);
+  observeValueOfHTMLElement(window.HTMLTextAreaElement); // form control elements selector
 
   const selector = 'input,select,textarea'; // conditionally update all form control elements
 

package/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["src/browser.js"],"sourcesContent":["export default function cssBlankPseudo(document, opts) {\n\t// configuration\n\tconst className = Object(opts).className;\n\tconst attr = Object(opts).attr || 'blank';\n\tconst force = Object(opts).force;\n\n\ttry {\n\t\tdocument.querySelector(':blank');\n\n\t\tif (!force) {\n\t\t\treturn;\n\t\t}\n\t} catch (ignoredError) { /* do nothing and continue */ }\n\n\t// observe value changes on <input>, <select>, and <textarea>\n\tobserveValueOfHTMLElement(HTMLInputElement);\n\tobserveValueOfHTMLElement(HTMLSelectElement);\n\tobserveValueOfHTMLElement(HTMLTextAreaElement);\n\n\t// form control elements selector\n\tconst selector = 'input,select,textarea';\n\n\t// conditionally update all form control elements\n\tArray.prototype.forEach.call(\n\t\tdocument.querySelectorAll(selector),\n\t\tnode => {\n\t\t\tnode.addEventListener('input', configureCssBlankAttribute);\n\t\t\tconfigureCssBlankAttribute.call(node);\n\t\t}\n\t);\n\n\t// conditionally observe added or unobserve removed form control elements\n\tnew MutationObserver(mutationsList => {\n\t\tmutationsList.forEach(mutation => {\n\t\t\tif (mutation.addedNodes) {\n\t\t\t\tmutation.addedNodes.forEach(\n\t\t\t\t\tnode => {\n\t\t\t\t\t\tif (node.nodeType === 1 && node.matches(selector)) {\n\t\t\t\t\t\t\tnode.addEventListener('input', configureCssBlankAttribute);\n\t\t\t\t\t\t\tconfigureCssBlankAttribute.call(node);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tif (mutation.removedNodes) {\n\t\t\t\tmutation.removedNodes.forEach(\n\t\t\t\t\tnode => {\n\t\t\t\t\t\tif (node.nodeType === 1 && node.matches(selector)) {\n\t\t\t\t\t\t\tnode.removeEventListener('input', configureCssBlankAttribute);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\t\t});\n\t}).observe(document, { childList: true, subtree: true });\n\n\t// update a form control element’s css-blank attribute\n\tfunction configureCssBlankAttribute() {\n\t\tif (this.value) {\n\t\t\tif (attr) {\n\t\t\t\tthis.removeAttribute(attr);\n\t\t\t}\n\n\t\t\tif (className) {\n\t\t\t\tthis.classList.remove(className);\n\t\t\t}\n\t\t\tthis.removeAttribute('blank');\n\t\t} else {\n\t\t\tif (attr) {\n\t\t\t\tthis.setAttribute('blank', attr);\n\t\t\t}\n\n\t\t\tif (className) {\n\t\t\t\tthis.classList.add(className);\n\t\t\t}\n\t\t}\n\t}\n\n\t// observe changes to the \"value\" property on an HTML Element\n\tfunction observeValueOfHTMLElement(HTMLElement) {\n\t\tconst descriptor = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'value');\n\t\tconst nativeSet = descriptor.set;\n\n\t\tdescriptor.set = function set(value) { // eslint-disable-line no-unused-vars\n\t\t\tnativeSet.apply(this, arguments);\n\n\t\t\tconfigureCssBlankAttribute.apply(this);\n\t\t}\n\n\t\tObject.defineProperty(HTMLElement.prototype, 'value', descriptor);\n\t}\n}\n"],"names":["cssBlankPseudo","document","opts","className","Object","attr","force","querySelector","ignoredError","observeValueOfHTMLElement","HTMLInputElement","HTMLSelectElement","HTMLTextAreaElement","selector","Array","prototype","forEach","call","querySelectorAll","node","addEventListener","configureCssBlankAttribute","MutationObserver","mutationsList","mutation","addedNodes","nodeType","matches","removedNodes","removeEventListener","observe","childList","subtree","value","removeAttribute","classList","remove","setAttribute","add","HTMLElement","descriptor","getOwnPropertyDescriptor","nativeSet","set","apply","arguments","defineProperty"],"mappings":"AAAe,SAASA,cAAT,CAAwBC,QAAxB,EAAkCC,IAAlC,EAAwC;;QAEhDC,SAAS,GAAGC,MAAM,CAACF,IAAD,CAAN,CAAaC,SAA/B;QACME,IAAI,GAAGD,MAAM,CAACF,IAAD,CAAN,CAAaG,IAAb,IAAqB,OAAlC;QACMC,KAAK,GAAGF,MAAM,CAACF,IAAD,CAAN,CAAaI,KAA3B;;MAEI;IACHL,QAAQ,CAACM,aAAT,CAAuB,QAAvB;;QAEI,CAACD,KAAL,EAAY;;;GAHb,CAME,OAAOE,YAAP,EAAqB;;;;;EAGvBC,yBAAyB,CAACC,gBAAD,CAAzB;EACAD,yBAAyB,CAACE,iBAAD,CAAzB;EACAF,yBAAyB,CAACG,mBAAD,CAAzB,CAjBsD;;QAoBhDC,QAAQ,GAAG,uBAAjB,CApBsD;;EAuBtDC,KAAK,CAACC,SAAN,CAAgBC,OAAhB,CAAwBC,IAAxB,CACChB,QAAQ,CAACiB,gBAAT,CAA0BL,QAA1B,CADD,EAECM,IAAI,IAAI;IACPA,IAAI,CAACC,gBAAL,CAAsB,OAAtB,EAA+BC,0BAA/B;IACAA,0BAA0B,CAACJ,IAA3B,CAAgCE,IAAhC;GAJF,EAvBsD;;MAgClDG,gBAAJ,CAAqBC,aAAa,IAAI;IACrCA,aAAa,CAACP,OAAd,CAAsBQ,QAAQ,IAAI;UAC7BA,QAAQ,CAACC,UAAb,EAAyB;QACxBD,QAAQ,CAACC,UAAT,CAAoBT,OAApB,CACCG,IAAI,IAAI;cACHA,IAAI,CAACO,QAAL,KAAkB,CAAlB,IAAuBP,IAAI,CAACQ,OAAL,CAAad,QAAb,CAA3B,EAAmD;YAClDM,IAAI,CAACC,gBAAL,CAAsB,OAAtB,EAA+BC,0BAA/B;YACAA,0BAA0B,CAACJ,IAA3B,CAAgCE,IAAhC;;SAJH;;;UAUGK,QAAQ,CAACI,YAAb,EAA2B;QAC1BJ,QAAQ,CAACI,YAAT,CAAsBZ,OAAtB,CACCG,IAAI,IAAI;cACHA,IAAI,CAACO,QAAL,KAAkB,CAAlB,IAAuBP,IAAI,CAACQ,OAAL,CAAad,QAAb,CAA3B,EAAmD;YAClDM,IAAI,CAACU,mBAAL,CAAyB,OAAzB,EAAkCR,0BAAlC;;SAHH;;KAbF;GADD,EAuBGS,OAvBH,CAuBW7B,QAvBX,EAuBqB;IAAE8B,SAAS,EAAE,IAAb;IAAmBC,OAAO,EAAE;GAvBjD,EAhCsD;;WA0D7CX,0BAAT,GAAsC;QACjC,KAAKY,KAAT,EAAgB;UACX5B,IAAJ,EAAU;aACJ6B,eAAL,CAAqB7B,IAArB;;;UAGGF,SAAJ,EAAe;aACTgC,SAAL,CAAeC,MAAf,CAAsBjC,SAAtB;;;WAEI+B,eAAL,CAAqB,OAArB;KARD,MASO;UACF7B,IAAJ,EAAU;aACJgC,YAAL,CAAkB,OAAlB,EAA2BhC,IAA3B;;;UAGGF,SAAJ,EAAe;aACTgC,SAAL,CAAeG,GAAf,CAAmBnC,SAAnB;;;GA1EmD;;;WAgF7CM,yBAAT,CAAmC8B,WAAnC,EAAgD;UACzCC,UAAU,GAAGpC,MAAM,CAACqC,wBAAP,CAAgCF,WAAW,CAACxB,SAA5C,EAAuD,OAAvD,CAAnB;UACM2B,SAAS,GAAGF,UAAU,CAACG,GAA7B;;IAEAH,UAAU,CAACG,GAAX,GAAiB,SAASA,GAAT,CAAaV,KAAb,EAAoB;;MACpCS,SAAS,CAACE,KAAV,CAAgB,IAAhB,EAAsBC,SAAtB;MAEAxB,0BAA0B,CAACuB,KAA3B,CAAiC,IAAjC;KAHD;;IAMAxC,MAAM,CAAC0C,cAAP,CAAsBP,WAAW,CAACxB,SAAlC,EAA6C,OAA7C,EAAsDyB,UAAtD;;;;;;"}
+{"version":3,"file":"index.mjs","sources":["src/browser.js"],"sourcesContent":["export default function cssBlankPseudo(document, opts) {\n\t// configuration\n\tconst className = Object(opts).className;\n\tconst attr = Object(opts).attr || 'blank';\n\tconst force = Object(opts).force;\n\n\ttry {\n\t\tdocument.querySelector(':blank');\n\n\t\tif (!force) {\n\t\t\treturn;\n\t\t}\n\t} catch (ignoredError) { /* do nothing and continue */ }\n\n\t// observe value changes on <input>, <select>, and <textarea>\n\tconst window = (document.ownerDocument || document).defaultView;\n\n\tobserveValueOfHTMLElement(window.HTMLInputElement);\n\tobserveValueOfHTMLElement(window.HTMLSelectElement);\n\tobserveValueOfHTMLElement(window.HTMLTextAreaElement);\n\n\t// form control elements selector\n\tconst selector = 'input,select,textarea';\n\n\t// conditionally update all form control elements\n\tArray.prototype.forEach.call(\n\t\tdocument.querySelectorAll(selector),\n\t\tnode => {\n\t\t\tnode.addEventListener('input', configureCssBlankAttribute);\n\t\t\tconfigureCssBlankAttribute.call(node);\n\t\t}\n\t);\n\n\t// conditionally observe added or unobserve removed form control elements\n\tnew MutationObserver(mutationsList => {\n\t\tmutationsList.forEach(mutation => {\n\t\t\tif (mutation.addedNodes) {\n\t\t\t\tmutation.addedNodes.forEach(\n\t\t\t\t\tnode => {\n\t\t\t\t\t\tif (node.nodeType === 1 && node.matches(selector)) {\n\t\t\t\t\t\t\tnode.addEventListener('input', configureCssBlankAttribute);\n\t\t\t\t\t\t\tconfigureCssBlankAttribute.call(node);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tif (mutation.removedNodes) {\n\t\t\t\tmutation.removedNodes.forEach(\n\t\t\t\t\tnode => {\n\t\t\t\t\t\tif (node.nodeType === 1 && node.matches(selector)) {\n\t\t\t\t\t\t\tnode.removeEventListener('input', configureCssBlankAttribute);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\t\t});\n\t}).observe(document, { childList: true, subtree: true });\n\n\t// update a form control element’s css-blank attribute\n\tfunction configureCssBlankAttribute() {\n\t\tif (this.value) {\n\t\t\tif (attr) {\n\t\t\t\tthis.removeAttribute(attr);\n\t\t\t}\n\n\t\t\tif (className) {\n\t\t\t\tthis.classList.remove(className);\n\t\t\t}\n\t\t\tthis.removeAttribute('blank');\n\t\t} else {\n\t\t\tif (attr) {\n\t\t\t\tthis.setAttribute('blank', attr);\n\t\t\t}\n\n\t\t\tif (className) {\n\t\t\t\tthis.classList.add(className);\n\t\t\t}\n\t\t}\n\t}\n\n\t// observe changes to the \"value\" property on an HTML Element\n\tfunction observeValueOfHTMLElement(HTMLElement) {\n\t\tconst descriptor = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'value');\n\t\tconst nativeSet = descriptor.set;\n\n\t\tdescriptor.set = function set(value) { // eslint-disable-line no-unused-vars\n\t\t\tnativeSet.apply(this, arguments);\n\n\t\t\tconfigureCssBlankAttribute.apply(this);\n\t\t}\n\n\t\tObject.defineProperty(HTMLElement.prototype, 'value', descriptor);\n\t}\n}\n"],"names":["cssBlankPseudo","document","opts","className","Object","attr","force","querySelector","ignoredError","window","ownerDocument","defaultView","observeValueOfHTMLElement","HTMLInputElement","HTMLSelectElement","HTMLTextAreaElement","selector","Array","prototype","forEach","call","querySelectorAll","node","addEventListener","configureCssBlankAttribute","MutationObserver","mutationsList","mutation","addedNodes","nodeType","matches","removedNodes","removeEventListener","observe","childList","subtree","value","removeAttribute","classList","remove","setAttribute","add","HTMLElement","descriptor","getOwnPropertyDescriptor","nativeSet","set","apply","arguments","defineProperty"],"mappings":"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"}

package/legacy.js

@@ -0,0 +1,121 @@
+'use strict';
+
+function cssBlankPseudo(document, opts) {
+  // configuration
+  const className = Object(opts).className;
+  const attr = Object(opts).attr || 'blank';
+  const force = Object(opts).force;
+
+  try {
+    document.querySelector(':blank');
+
+    if (!force) {
+      return;
+    }
+  } catch (ignoredError) {}
+  /* do nothing and continue */
+  // observe value changes on <input>, <select>, and <textarea>
+
+
+  const window = (document.ownerDocument || document).defaultView;
+  observeValueOfHTMLElement(window.HTMLInputElement);
+  observeValueOfHTMLElement(window.HTMLSelectElement);
+  observeValueOfHTMLElement(window.HTMLTextAreaElement);
+  observeSelectedOfHTMLElement(window.HTMLOptionElement); // form control elements selector
+
+  const selector = 'INPUT,SELECT,TEXTAREA';
+  const selectorRegExp = /^(INPUT|SELECT|TEXTAREA)$/; // conditionally update all form control elements
+
+  Array.prototype.forEach.call(document.querySelectorAll(selector), node => {
+    if (node.nodeName === 'SELECT') {
+      node.addEventListener('change', configureCssBlankAttribute);
+    } else {
+      node.addEventListener('input', configureCssBlankAttribute);
+    }
+
+    configureCssBlankAttribute.call(node);
+  }); // conditionally observe added or unobserve removed form control elements
+
+  new MutationObserver(mutationsList => {
+    mutationsList.forEach(mutation => {
+      Array.prototype.forEach.call(mutation.addedNodes || [], node => {
+        if (node.nodeType === 1 && selectorRegExp.test(node.nodeName)) {
+          if (node.nodeName === 'SELECT') {
+            node.addEventListener('change', configureCssBlankAttribute);
+          } else {
+            node.addEventListener('input', configureCssBlankAttribute);
+          }
+
+          configureCssBlankAttribute.call(node);
+        }
+      });
+      Array.prototype.forEach.call(mutation.removedNodes || [], node => {
+        if (node.nodeType === 1 && selectorRegExp.test(node.nodeName)) {
+          if (node.nodeName === 'SELECT') {
+            node.removeEventListener('change', configureCssBlankAttribute);
+          } else {
+            node.removeEventListener('input', configureCssBlankAttribute);
+          }
+        }
+      });
+    });
+  }).observe(document, {
+    childList: true,
+    subtree: true
+  }); // update a form control element’s css-blank attribute
+
+  function configureCssBlankAttribute() {
+    if (this.value || this.nodeName === 'SELECT' && this.options[this.selectedIndex].value) {
+      if (attr) {
+        this.removeAttribute(attr);
+      }
+
+      if (className) {
+        this.classList.remove(className);
+      }
+
+      this.removeAttribute('blank');
+    } else {
+      if (attr) {
+        this.setAttribute('blank', attr);
+      }
+
+      if (className) {
+        this.classList.add(className);
+      }
+    }
+  } // observe changes to the "value" property on an HTML Element
+
+
+  function observeValueOfHTMLElement(HTMLElement) {
+    const descriptor = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'value');
+    const nativeSet = descriptor.set;
+
+    descriptor.set = function set(value) {
+      // eslint-disable-line no-unused-vars
+      nativeSet.apply(this, arguments);
+      configureCssBlankAttribute.apply(this);
+    };
+
+    Object.defineProperty(HTMLElement.prototype, 'value', descriptor);
+  } // observe changes to the "selected" property on an HTML Element
+
+
+  function observeSelectedOfHTMLElement(HTMLElement) {
+    const descriptor = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'selected');
+    const nativeSet = descriptor.set;
+
+    descriptor.set = function set(value) {
+      // eslint-disable-line no-unused-vars
+      nativeSet.apply(this, arguments);
+      const event = document.createEvent('Event');
+      event.initEvent('change', true, true);
+      this.dispatchEvent(event);
+    };
+
+    Object.defineProperty(HTMLElement.prototype, 'selected', descriptor);
+  }
+}
+
+module.exports = cssBlankPseudo;
+//# sourceMappingURL=legacy.js.map

package/legacy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"legacy.js","sources":["src/browser-legacy.js"],"sourcesContent":["export default function cssBlankPseudo(document, opts) {\n\t// configuration\n\tconst className = Object(opts).className;\n\tconst attr = Object(opts).attr || 'blank';\n\tconst force = Object(opts).force;\n\n\ttry {\n\t\tdocument.querySelector(':blank');\n\n\t\tif (!force) {\n\t\t\treturn;\n\t\t}\n\t} catch (ignoredError) { /* do nothing and continue */ }\n\n\t// observe value changes on <input>, <select>, and <textarea>\n\tconst window = (document.ownerDocument || document).defaultView;\n\n\tobserveValueOfHTMLElement(window.HTMLInputElement);\n\tobserveValueOfHTMLElement(window.HTMLSelectElement);\n\tobserveValueOfHTMLElement(window.HTMLTextAreaElement);\n\tobserveSelectedOfHTMLElement(window.HTMLOptionElement);\n\n\t// form control elements selector\n\tconst selector = 'INPUT,SELECT,TEXTAREA';\n\tconst selectorRegExp = /^(INPUT|SELECT|TEXTAREA)$/;\n\n\t// conditionally update all form control elements\n\tArray.prototype.forEach.call(\n\t\tdocument.querySelectorAll(selector),\n\t\tnode => {\n\t\t\tif (node.nodeName === 'SELECT') {\n\t\t\t\tnode.addEventListener('change', configureCssBlankAttribute);\n\t\t\t} else {\n\t\t\t\tnode.addEventListener('input', configureCssBlankAttribute);\n\t\t\t}\n\n\t\t\tconfigureCssBlankAttribute.call(node);\n\t\t}\n\t);\n\n\t// conditionally observe added or unobserve removed form control elements\n\tnew MutationObserver(mutationsList => {\n\t\tmutationsList.forEach(mutation => {\n\t\t\tArray.prototype.forEach.call(\n\t\t\t\tmutation.addedNodes || [],\n\t\t\t\tnode => {\n\t\t\t\t\tif (node.nodeType === 1 && selectorRegExp.test(node.nodeName)) {\n\t\t\t\t\t\tif (node.nodeName === 'SELECT') {\n\t\t\t\t\t\t\tnode.addEventListener('change', configureCssBlankAttribute);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tnode.addEventListener('input', configureCssBlankAttribute);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tconfigureCssBlankAttribute.call(node);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t);\n\n\t\t\tArray.prototype.forEach.call(\n\t\t\t\tmutation.removedNodes || [],\n\t\t\t\tnode => {\n\t\t\t\t\tif (node.nodeType === 1 && selectorRegExp.test(node.nodeName)) {\n\t\t\t\t\t\tif (node.nodeName === 'SELECT') {\n\t\t\t\t\t\t\tnode.removeEventListener('change', configureCssBlankAttribute);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tnode.removeEventListener('input', configureCssBlankAttribute);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t);\n\t\t});\n\t}).observe(document, { childList: true, subtree: true });\n\n\t// update a form control element’s css-blank attribute\n\tfunction configureCssBlankAttribute() {\n\t\tif (this.value || this.nodeName === 'SELECT' && this.options[this.selectedIndex].value) {\n\t\t\tif (attr) {\n\t\t\t\tthis.removeAttribute(attr);\n\t\t\t}\n\n\t\t\tif (className) {\n\t\t\t\tthis.classList.remove(className);\n\t\t\t}\n\t\t\tthis.removeAttribute('blank');\n\t\t} else {\n\t\t\tif (attr) {\n\t\t\t\tthis.setAttribute('blank', attr);\n\t\t\t}\n\n\t\t\tif (className) {\n\t\t\t\tthis.classList.add(className);\n\t\t\t}\n\t\t}\n\t}\n\n\t// observe changes to the \"value\" property on an HTML Element\n\tfunction observeValueOfHTMLElement(HTMLElement) {\n\t\tconst descriptor = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'value');\n\t\tconst nativeSet = descriptor.set;\n\n\t\tdescriptor.set = function set(value) { // eslint-disable-line no-unused-vars\n\t\t\tnativeSet.apply(this, arguments);\n\n\t\t\tconfigureCssBlankAttribute.apply(this);\n\t\t}\n\n\t\tObject.defineProperty(HTMLElement.prototype, 'value', descriptor);\n\t}\n\n\t// observe changes to the \"selected\" property on an HTML Element\n\tfunction observeSelectedOfHTMLElement(HTMLElement) {\n\t\tconst descriptor = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'selected');\n\t\tconst nativeSet = descriptor.set;\n\n\t\tdescriptor.set = function set(value) { // eslint-disable-line no-unused-vars\n\t\t\tnativeSet.apply(this, arguments);\n\n\t\t\tconst event = document.createEvent('Event');\n\t\t\tevent.initEvent('change', true, true);\n\t\t\tthis.dispatchEvent(event);\n\t\t}\n\n\t\tObject.defineProperty(HTMLElement.prototype, 'selected', descriptor);\n\t}\n}\n"],"names":["cssBlankPseudo","document","opts","className","Object","attr","force","querySelector","ignoredError","window","ownerDocument","defaultView","observeValueOfHTMLElement","HTMLInputElement","HTMLSelectElement","HTMLTextAreaElement","observeSelectedOfHTMLElement","HTMLOptionElement","selector","selectorRegExp","Array","prototype","forEach","call","querySelectorAll","node","nodeName","addEventListener","configureCssBlankAttribute","MutationObserver","mutationsList","mutation","addedNodes","nodeType","test","removedNodes","removeEventListener","observe","childList","subtree","value","options","selectedIndex","removeAttribute","classList","remove","setAttribute","add","HTMLElement","descriptor","getOwnPropertyDescriptor","nativeSet","set","apply","arguments","defineProperty","event","createEvent","initEvent","dispatchEvent"],"mappings":"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"}

package/legacy.mjs

@@ -0,0 +1,119 @@
+function cssBlankPseudo(document, opts) {
+  // configuration
+  const className = Object(opts).className;
+  const attr = Object(opts).attr || 'blank';
+  const force = Object(opts).force;
+
+  try {
+    document.querySelector(':blank');
+
+    if (!force) {
+      return;
+    }
+  } catch (ignoredError) {}
+  /* do nothing and continue */
+  // observe value changes on <input>, <select>, and <textarea>
+
+
+  const window = (document.ownerDocument || document).defaultView;
+  observeValueOfHTMLElement(window.HTMLInputElement);
+  observeValueOfHTMLElement(window.HTMLSelectElement);
+  observeValueOfHTMLElement(window.HTMLTextAreaElement);
+  observeSelectedOfHTMLElement(window.HTMLOptionElement); // form control elements selector
+
+  const selector = 'INPUT,SELECT,TEXTAREA';
+  const selectorRegExp = /^(INPUT|SELECT|TEXTAREA)$/; // conditionally update all form control elements
+
+  Array.prototype.forEach.call(document.querySelectorAll(selector), node => {
+    if (node.nodeName === 'SELECT') {
+      node.addEventListener('change', configureCssBlankAttribute);
+    } else {
+      node.addEventListener('input', configureCssBlankAttribute);
+    }
+
+    configureCssBlankAttribute.call(node);
+  }); // conditionally observe added or unobserve removed form control elements
+
+  new MutationObserver(mutationsList => {
+    mutationsList.forEach(mutation => {
+      Array.prototype.forEach.call(mutation.addedNodes || [], node => {
+        if (node.nodeType === 1 && selectorRegExp.test(node.nodeName)) {
+          if (node.nodeName === 'SELECT') {
+            node.addEventListener('change', configureCssBlankAttribute);
+          } else {
+            node.addEventListener('input', configureCssBlankAttribute);
+          }
+
+          configureCssBlankAttribute.call(node);
+        }
+      });
+      Array.prototype.forEach.call(mutation.removedNodes || [], node => {
+        if (node.nodeType === 1 && selectorRegExp.test(node.nodeName)) {
+          if (node.nodeName === 'SELECT') {
+            node.removeEventListener('change', configureCssBlankAttribute);
+          } else {
+            node.removeEventListener('input', configureCssBlankAttribute);
+          }
+        }
+      });
+    });
+  }).observe(document, {
+    childList: true,
+    subtree: true
+  }); // update a form control element’s css-blank attribute
+
+  function configureCssBlankAttribute() {
+    if (this.value || this.nodeName === 'SELECT' && this.options[this.selectedIndex].value) {
+      if (attr) {
+        this.removeAttribute(attr);
+      }
+
+      if (className) {
+        this.classList.remove(className);
+      }
+
+      this.removeAttribute('blank');
+    } else {
+      if (attr) {
+        this.setAttribute('blank', attr);
+      }
+
+      if (className) {
+        this.classList.add(className);
+      }
+    }
+  } // observe changes to the "value" property on an HTML Element
+
+
+  function observeValueOfHTMLElement(HTMLElement) {
+    const descriptor = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'value');
+    const nativeSet = descriptor.set;
+
+    descriptor.set = function set(value) {
+      // eslint-disable-line no-unused-vars
+      nativeSet.apply(this, arguments);
+      configureCssBlankAttribute.apply(this);
+    };
+
+    Object.defineProperty(HTMLElement.prototype, 'value', descriptor);
+  } // observe changes to the "selected" property on an HTML Element
+
+
+  function observeSelectedOfHTMLElement(HTMLElement) {
+    const descriptor = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'selected');
+    const nativeSet = descriptor.set;
+
+    descriptor.set = function set(value) {
+      // eslint-disable-line no-unused-vars
+      nativeSet.apply(this, arguments);
+      const event = document.createEvent('Event');
+      event.initEvent('change', true, true);
+      this.dispatchEvent(event);
+    };
+
+    Object.defineProperty(HTMLElement.prototype, 'selected', descriptor);
+  }
+}
+
+export default cssBlankPseudo;
+//# sourceMappingURL=legacy.mjs.map

package/legacy.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"legacy.mjs","sources":["src/browser-legacy.js"],"sourcesContent":["export default function cssBlankPseudo(document, opts) {\n\t// configuration\n\tconst className = Object(opts).className;\n\tconst attr = Object(opts).attr || 'blank';\n\tconst force = Object(opts).force;\n\n\ttry {\n\t\tdocument.querySelector(':blank');\n\n\t\tif (!force) {\n\t\t\treturn;\n\t\t}\n\t} catch (ignoredError) { /* do nothing and continue */ }\n\n\t// observe value changes on <input>, <select>, and <textarea>\n\tconst window = (document.ownerDocument || document).defaultView;\n\n\tobserveValueOfHTMLElement(window.HTMLInputElement);\n\tobserveValueOfHTMLElement(window.HTMLSelectElement);\n\tobserveValueOfHTMLElement(window.HTMLTextAreaElement);\n\tobserveSelectedOfHTMLElement(window.HTMLOptionElement);\n\n\t// form control elements selector\n\tconst selector = 'INPUT,SELECT,TEXTAREA';\n\tconst selectorRegExp = /^(INPUT|SELECT|TEXTAREA)$/;\n\n\t// conditionally update all form control elements\n\tArray.prototype.forEach.call(\n\t\tdocument.querySelectorAll(selector),\n\t\tnode => {\n\t\t\tif (node.nodeName === 'SELECT') {\n\t\t\t\tnode.addEventListener('change', configureCssBlankAttribute);\n\t\t\t} else {\n\t\t\t\tnode.addEventListener('input', configureCssBlankAttribute);\n\t\t\t}\n\n\t\t\tconfigureCssBlankAttribute.call(node);\n\t\t}\n\t);\n\n\t// conditionally observe added or unobserve removed form control elements\n\tnew MutationObserver(mutationsList => {\n\t\tmutationsList.forEach(mutation => {\n\t\t\tArray.prototype.forEach.call(\n\t\t\t\tmutation.addedNodes || [],\n\t\t\t\tnode => {\n\t\t\t\t\tif (node.nodeType === 1 && selectorRegExp.test(node.nodeName)) {\n\t\t\t\t\t\tif (node.nodeName === 'SELECT') {\n\t\t\t\t\t\t\tnode.addEventListener('change', configureCssBlankAttribute);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tnode.addEventListener('input', configureCssBlankAttribute);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tconfigureCssBlankAttribute.call(node);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t);\n\n\t\t\tArray.prototype.forEach.call(\n\t\t\t\tmutation.removedNodes || [],\n\t\t\t\tnode => {\n\t\t\t\t\tif (node.nodeType === 1 && selectorRegExp.test(node.nodeName)) {\n\t\t\t\t\t\tif (node.nodeName === 'SELECT') {\n\t\t\t\t\t\t\tnode.removeEventListener('change', configureCssBlankAttribute);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tnode.removeEventListener('input', configureCssBlankAttribute);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t);\n\t\t});\n\t}).observe(document, { childList: true, subtree: true });\n\n\t// update a form control element’s css-blank attribute\n\tfunction configureCssBlankAttribute() {\n\t\tif (this.value || this.nodeName === 'SELECT' && this.options[this.selectedIndex].value) {\n\t\t\tif (attr) {\n\t\t\t\tthis.removeAttribute(attr);\n\t\t\t}\n\n\t\t\tif (className) {\n\t\t\t\tthis.classList.remove(className);\n\t\t\t}\n\t\t\tthis.removeAttribute('blank');\n\t\t} else {\n\t\t\tif (attr) {\n\t\t\t\tthis.setAttribute('blank', attr);\n\t\t\t}\n\n\t\t\tif (className) {\n\t\t\t\tthis.classList.add(className);\n\t\t\t}\n\t\t}\n\t}\n\n\t// observe changes to the \"value\" property on an HTML Element\n\tfunction observeValueOfHTMLElement(HTMLElement) {\n\t\tconst descriptor = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'value');\n\t\tconst nativeSet = descriptor.set;\n\n\t\tdescriptor.set = function set(value) { // eslint-disable-line no-unused-vars\n\t\t\tnativeSet.apply(this, arguments);\n\n\t\t\tconfigureCssBlankAttribute.apply(this);\n\t\t}\n\n\t\tObject.defineProperty(HTMLElement.prototype, 'value', descriptor);\n\t}\n\n\t// observe changes to the \"selected\" property on an HTML Element\n\tfunction observeSelectedOfHTMLElement(HTMLElement) {\n\t\tconst descriptor = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'selected');\n\t\tconst nativeSet = descriptor.set;\n\n\t\tdescriptor.set = function set(value) { // eslint-disable-line no-unused-vars\n\t\t\tnativeSet.apply(this, arguments);\n\n\t\t\tconst event = document.createEvent('Event');\n\t\t\tevent.initEvent('change', true, true);\n\t\t\tthis.dispatchEvent(event);\n\t\t}\n\n\t\tObject.defineProperty(HTMLElement.prototype, 'selected', descriptor);\n\t}\n}\n"],"names":["cssBlankPseudo","document","opts","className","Object","attr","force","querySelector","ignoredError","window","ownerDocument","defaultView","observeValueOfHTMLElement","HTMLInputElement","HTMLSelectElement","HTMLTextAreaElement","observeSelectedOfHTMLElement","HTMLOptionElement","selector","selectorRegExp","Array","prototype","forEach","call","querySelectorAll","node","nodeName","addEventListener","configureCssBlankAttribute","MutationObserver","mutationsList","mutation","addedNodes","nodeType","test","removedNodes","removeEventListener","observe","childList","subtree","value","options","selectedIndex","removeAttribute","classList","remove","setAttribute","add","HTMLElement","descriptor","getOwnPropertyDescriptor","nativeSet","set","apply","arguments","defineProperty","event","createEvent","initEvent","dispatchEvent"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "css-blank-pseudo",
-  "version": "0.1.0",
+  "version": "0.1.4",
   "description": "Style form elements when they are empty",
   "author": "Jonathan Neal <jonathantneal@hotmail.com>",
   "license": "CC0-1.0",
@@ -14,11 +14,16 @@
   },
   "files": [
     "browser.js",
+    "browser-legacy.js",
     "cli.js",
     "index.js",
     "index.js.map",
     "index.mjs",
     "index.mjs.map",
+    "legacy.js",
+    "legacy.js.map",
+    "legacy.mjs",
+    "legacy.mjs.map",
     "postcss.js",
     "postcss.js.map",
     "postcss.mjs",
@@ -26,11 +31,11 @@
   ],
   "scripts": {
     "build": "npm run build:browser && npm run build:cli && npm run build:node && npm run build:postcss",
-    "build:browser": "cross-env NODE_ENV=browser rollup -c .rollup.js --silent",
+    "build:browser": "cross-env NODE_ENV=browser rollup -c .rollup.js --silent && cross-env NODE_ENV=browser:legacy rollup -c .rollup.js --silent",
     "build:cli": "cross-env NODE_ENV=cli rollup -c .rollup.js --silent",
     "build:postcss": "cross-env NODE_ENV=postcss rollup -c .rollup.js --silent",
-    "build:node": "rollup -c .rollup.js --silent",
-    "prepublishOnly": "npm build && npm test",
+    "build:node": "rollup -c .rollup.js --silent && cross-env NODE_ENV=legacy rollup -c .rollup.js --silent",
+    "prepublishOnly": "npm run build && npm test",
     "pretest": "npm run build:postcss",
     "pretest:postcss": "npm run build:postcss",
     "test": "npm run test:js && npm run test:postcss",
@@ -67,13 +72,14 @@
     "javascript",
     "js",
     "polyfill",
-    "focus",
-    "within",
-    "pseudos",
+    "blank",
+    "empty",
+    "pseudo",
     "selectors",
     "accessibility",
     "a11y",
-    "descendants",
-    "ancestors"
+    "input",
+    "select",
+    "textarea"
   ]
 }