css-blank-pseudo 3.0.1 → 4.0.0

package/CHANGELOG.md

@@ -1,5 +1,48 @@
 # Changes to CSS Blank Pseudo
 
+### 4.0.0 (July 8, 2022)
+
+- Updated: The polyfill now only attaches a single listener to the body so it's
+more efficient and also does less work at the MutationObserver handler.
+- Breaking: removed old CDN urls
+- Breaking: removed old CLI
+- Fix case insensitive matching.
+
+#### How to migrate:
+
+- If you use a CDN url, please update it.
+- Re-build your CSS with the new version of the library.
+
+```diff
+- <script src="https://unpkg.com/css-blank-pseudo/browser"></script>
+- <script src="https://unpkg.com/css-blank-pseudo/browser.min"></script>
++ <script src="https://unpkg.com/css-blank-pseudo/dist/browser-global.js"></script>
+```
+
+```diff
+- cssBlankPseudo(document)
++ cssBlankPseudoInit()
+```
+
+```diff
+- cssBlankPseudo({
+-  attr: false,
+-  className: 'blank'
+- })
++ cssBlankPseudoInit({
++  replaceWith: '.blank'
++ })
+```
+
+### 3.0.3 (February 5, 2022)
+
+- Rebuild of browser polyfills
+
+### 3.0.2 (January 2, 2022)
+
+- Removed Sourcemaps from package tarball.
+- Moved CLI to CLI Package. See [announcement](https://github.com/csstools/postcss-plugins/discussions/121).
+
 ### 3.0.1 (December 27, 2021)
 
 - Fixed: require/import paths for browser script

package/README.md

@@ -1,105 +1,166 @@
-# CSS Blank Pseudo [<img src="http://jonathantneal.github.io/js-logo.svg" alt="" width="90" height="90" align="right">][CSS Blank Pseudo]
+# PostCSS Blank Pseudo [<img src="https://postcss.github.io/postcss/logo.svg" alt="PostCSS Logo" width="90" height="90" align="right">][postcss]
 
-[![NPM Version][npm-img]][npm-url]
-[![Support Chat][git-img]][git-url]
+[<img alt="npm version" src="https://img.shields.io/npm/v/css-blank-pseudo.svg" height="20">][npm-url] [<img alt="CSS Standard Status" src="https://cssdb.org/images/badges/blank-pseudo-class.svg" height="20">][css-url] [<img alt="Build Status" src="https://github.com/csstools/postcss-plugins/workflows/test/badge.svg" height="20">][cli-url] [<img alt="Discord" src="https://shields.io/badge/Discord-5865F2?logo=discord&logoColor=white">][discord]
 
-[CSS Blank Pseudo] lets you style form elements when they are empty, following
+[PostCSS Blank Pseudo] lets you style form elements when they are empty, following 
 the [Selectors Level 4] specification.
 
-```css
-input {
-  /* style an input */
+```pcss
+input:blank {
+	background-color: yellow;
 }
 
+/* becomes */
+
+input[blank].js-blank-pseudo, .js-blank-pseudo input[blank] {
+	background-color: yellow;
+}
 input:blank {
-  /* style an input without a value */
+	background-color: yellow;
 }
 ```
 
 ## Usage
 
-From the command line, transform CSS files that use `:blank` selectors:
+Add [PostCSS Blank Pseudo] to your project:
 
 ```bash
-npx css-blank-pseudo SOURCE.css --output TRANSFORMED.css
+npm install postcss css-blank-pseudo --save-dev
 ```
 
-Next, use your transformed CSS with this script:
+Use it as a [PostCSS] plugin:
 
-```html
-<link rel="stylesheet" href="TRANSFORMED.css">
-<script src="https://unpkg.com/css-blank-pseudo/dist/browser-global.js"></script>
-<script>cssBlankPseudo(document)</script>
+```js
+const postcss = require('postcss');
+const postcssBlankPseudo = require('css-blank-pseudo');
+
+postcss([
+	postcssBlankPseudo(/* pluginOptions */)
+]).process(YOUR_CSS /*, processOptions */);
 ```
 
-⚠️ Please use a versioned url, like this : `https://unpkg.com/css-blank-pseudo@3.0.0/dist/browser-global.js`
-Without the version, you might unexpectedly get a new major version of the library with breaking changes.
+[PostCSS Blank Pseudo] runs in all Node environments, with special
+instructions for:
 
-⚠️ If you were using an older version via a CDN, please update the entire url.
-The old URL will no longer work in a future release.
+| [Node](INSTALL.md#node) | [PostCSS CLI](INSTALL.md#postcss-cli) | [Webpack](INSTALL.md#webpack) | [Create React App](INSTALL.md#create-react-app) | [Gulp](INSTALL.md#gulp) | [Grunt](INSTALL.md#grunt) |
+| --- | --- | --- | --- | --- | --- |
 
-That’s it. The script works in most browsers.
+## Options
 
-## How it works
+### preserve
 
-The [PostCSS plugin](README-POSTCSS.md) clones rules containing `:blank`,
-replacing them with an alternative `[blank]` selector.
+The `preserve` option determines whether the original notation
+is preserved. By default, it is preserved.
+
+```js
+postcssBlankPseudo({ preserve: false })
+```
 
-```css
+```pcss
 input:blank {
-  background-color: yellow;
+	background-color: yellow;
 }
 
 /* becomes */
 
-input[blank] {
-  background-color: yellow;
+input[blank].js-blank-pseudo, .js-blank-pseudo input[blank] {
+	background-color: yellow;
 }
+```
+
+### replaceWith
+
+The `replaceWith` option determines the selector to use when replacing
+the `:blank` pseudo. By default is `[blank]`
+
+```js
+postcssBlankPseudo({ replaceWith: '.css-blank' })
+```
 
+```pcss
 input:blank {
-  background-color: yellow;
+	background-color: yellow;
 }
+
+/* becomes */
+
+.foo {
+	color: blue;
+	color: red;
+}
+
+.baz {
+	color: green;
+}
+```
+
+Note that changing this option implies that it needs to be passed to the
+browser polyfill as well.
+
+## Browser
+
+```js
+import cssBlankPseudoInit from 'css-blank-pseudo/browser';
+
+cssBlankPseudoInit();
 ```
 
-Next, the [JavaScript library](README-BROWSER.md) adds a `blank` attribute to
-elements otherwise matching `:blank` natively.
+or
 
 ```html
-<input value="" blank>
-<input value="This element has a value">
+<!-- When using a CDN url you will have to manually update the version number -->
+<script src="https://unpkg.com/css-blank-pseudo@3.0.3/dist/browser-global.js"></script>
+<script>cssBlankPseudoInit()</script>
 ```
 
-## ⚠️ `:not(:blank)`
+[PostCSS Blank Pseudo] works in all major browsers, including Safari 6+ and
+Internet Explorer 9+ without any additional polyfills.
 
-with option : `preserve` `true`
+This plugin conditionally uses `MutationObserver` to ensure recently inserted 
+inputs get correct styling upon insertion. If you intend to rely on that 
+behaviour for browsers that do not support `MutationObserver`, you have two
+options:
 
-```css
-input:not(:blank) {
-  background-color: yellow;
-}
+1. Polyfill `MutationObserver`. As long as it runs before `cssBlankPseudoInit`,
+the polyfill will work.
+2. If you don't want to polyfill `MutationObserver` you can also manually fire
+a `change` event upon insertion so they're automatically inspected by the
+polyfill.
 
-/* becomes */
+### Browser Usage
 
-input:not([blank]) {
-  background-color: yellow;
-}
+#### force
 
-input:not(:blank) {
-  background-color: yellow;
-}
+The `force` option determines whether the library runs even if the browser 
+supports the selector or not. By default, it won't run if the browser does
+support the selector.
+
+```js
+cssBlankPseudoInit({ force: true });
 ```
 
-When you do not include the JS polyfill one will always match in browsers that support `:blank` natively.
-In browsers that do not support `:blank` natively the rule will be invalid.
+#### replaceWith
+
+Similar to the option for the PostCSS Plugin, `replaceWith` determines the
+attribute or class to apply to an element when it's considered to be `:blank`.
 
-_currently no browsers support `:blank`_
+```js
+cssBlankPseudoInit({ replaceWith: '.css-blank' });
+```
 
+This option should be used if it was changed at PostCSS configuration level.
+Please note that using a class, leverages `classList` under the hood which 
+might  not be supported on some old browsers such as IE9, so you may need 
+to polyfill `classList` in those cases.
 
-[git-img]: https://img.shields.io/badge/support-chat-blue.svg
-[git-url]: https://gitter.im/postcss/postcss
-[npm-img]: https://img.shields.io/npm/v/css-blank-pseudo.svg
+[cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test
+[css-url]: https://cssdb.org/#blank-pseudo-class
+[discord]: https://discord.gg/bUadyRwkJS
 [npm-url]: https://www.npmjs.com/package/css-blank-pseudo
 
-[CSS Blank Pseudo]: https://github.com/csstools/postcss-plugins/tree/main/plugins/css-blank-pseudo
-[PostCSS Preset Env]: https://preset-env.cssdb.org/
-[Selectors Level 4]: https://drafts.csswg.org/selectors-4/#blank
+[Gulp PostCSS]: https://github.com/postcss/gulp-postcss
+[Grunt PostCSS]: https://github.com/nDmitry/grunt-postcss
+[PostCSS]: https://github.com/postcss/postcss
+[PostCSS Loader]: https://github.com/postcss/postcss-loader
+[PostCSS Blank Pseudo]: https://github.com/csstools/postcss-plugins/tree/main/plugins/css-blank-pseudo
+[Selectors Level 4]: https://www.w3.org/TR/selectors-4/#blank

package/dist/browser-global.js

@@ -1,125 +1,2 @@
-(function () {
-
-	/* global MutationObserver */
-	function cssBlankPseudo(document, opts) {
-	  // configuration
-	  var className = Object(opts).className;
-	  var attr = Object(opts).attr || 'blank';
-	  var 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>
-
-
-	  var window = (document.ownerDocument || document).defaultView;
-	  observeValueOfHTMLElement(window.HTMLInputElement);
-	  observeValueOfHTMLElement(window.HTMLSelectElement);
-	  observeValueOfHTMLElement(window.HTMLTextAreaElement);
-	  observeSelectedOfHTMLElement(window.HTMLOptionElement); // form control elements selector
-
-	  var selector = 'INPUT,SELECT,TEXTAREA';
-	  var selectorRegExp = /^(INPUT|SELECT|TEXTAREA)$/; // conditionally update all form control elements
-
-	  Array.prototype.forEach.call(document.querySelectorAll(selector), function (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(function (mutationsList) {
-	    mutationsList.forEach(function (mutation) {
-	      Array.prototype.forEach.call(mutation.addedNodes || [], function (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 || [], function (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) {
-	    var descriptor = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'value');
-	    var 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) {
-	    var descriptor = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'selected');
-	    var nativeSet = descriptor.set;
-
-	    descriptor.set = function set(value) {
-	      // eslint-disable-line no-unused-vars
-	      nativeSet.apply(this, arguments);
-	      var event = document.createEvent('Event');
-	      event.initEvent('change', true, true);
-	      this.dispatchEvent(event);
-	    };
-
-	    Object.defineProperty(HTMLElement.prototype, 'selected', descriptor);
-	  }
-	}
-
-	/* global self */
-	self.cssBlankPseudo = cssBlankPseudo;
-
-})();
+!function(){var e=[" ",">","~",":","+","@","#","(",")"];var t="js-blank-pseudo";function n(e){return"INPUT"===e.nodeName||"SELECT"===e.nodeName||"TEXTAREA"===e.nodeName}function r(e){var t;return"function"==typeof Event?t=new Event(e,{bubbles:!0}):(t=document.createEvent("Event")).initEvent(e,!0,!1),t}function o(e,t){var n=Object.getOwnPropertyDescriptor(e.prototype,"value"),r=n.set;n.set=function(){r.apply(this,arguments),t({target:this})},Object.defineProperty(e.prototype,"value",n)}self.cssBlankPseudoInit=function(c){var i={force:!1,replaceWith:"[blank]"};if(void 0!==c&&"force"in c&&(i.force=c.force),void 0!==c&&"replaceWith"in c&&(i.replaceWith=c.replaceWith),!function(t){for(var n=!0,r=0,o=e.length;r<o&&n;r++)t.indexOf(e[r])>-1&&(n=!1);return n}(i.replaceWith))throw new Error(i.replaceWith+" is not a valid replacement since it can't be applied to single elements.");try{if(document.querySelector(":blank"),!i.force)return}catch(e){}var a,d,l,u,s,f,p,v=("."===(a=i.replaceWith)[0]?(d=a.slice(1),l=function(e){return e.classList.remove(d)},u=function(e){return e.classList.add(d)}):(d=a.slice(1,-1),l=function(e){return e.removeAttribute(d,"")},u=function(e){return e.setAttribute(d,"")}),function(e){var t=e.target;n(t)&&(("SELECT"===t.nodeName?t.options[t.selectedIndex].value:t.value)?l(t):u(t))}),m=function(){document.body&&(document.body.addEventListener("change",v),document.body.addEventListener("input",v))},E=function(){Array.prototype.forEach.call(document.querySelectorAll("input, select, textarea"),(function(e){v({target:e})}))};if(document.body?m():window.addEventListener("load",m),-1===document.documentElement.className.indexOf(t)&&(document.documentElement.className+=" js-blank-pseudo"),o(self.HTMLInputElement,v),o(self.HTMLSelectElement,v),o(self.HTMLTextAreaElement,v),s=self.HTMLOptionElement,f=Object.getOwnPropertyDescriptor(s.prototype,"selected"),p=f.set,f.set=function(e){p.apply(this,arguments);var t=r("change");this.parentElement.dispatchEvent(t)},Object.defineProperty(s.prototype,"selected",f),E(),void 0!==self.MutationObserver)new MutationObserver((function(e){e.forEach((function(e){Array.prototype.forEach.call(e.addedNodes||[],(function(e){1===e.nodeType&&n(e)&&v({target:e})}))}))})).observe(document,{childList:!0,subtree:!0});else{var y=function(){return E()};window.addEventListener("load",y),window.addEventListener("DOMContentLoaded",y)}}}();
 //# sourceMappingURL=browser-global.js.map

package/dist/browser-global.js.map

@@ -1 +1 @@
-{"version":3,"file":"browser-global.js","sources":["../src/browser.js","../src/browser-global.js"],"sourcesContent":["/* global MutationObserver */\nexport 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","/* global self */\nimport { default as cssBlankPseudo } from './browser';\nself.cssBlankPseudo = cssBlankPseudo;\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","self"],"mappings":"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"}
+{"version":3,"file":"browser-global.js","sources":["../src/is-valid-replacement.mjs","../src/browser.js","../src/browser-global.js"],"sourcesContent":["const INVALID_SELECTOR_CHAR = [\n\t' ', // Can't use child selector\n\t'>', // Can't use direct child selector\n\t'~', // Can't use sibling selector\n\t':', // Can't use pseudo selector\n\t'+', // Can't use adjacent selector\n\t'@', // Can't use at\n\t'#', // Can't use id selector\n\t'(', // Can't use parenthesis\n\t')', // Can't use parenthesis\n];\n\nexport default function isValidReplacement(selector) {\n\tlet isValid = true;\n\n\t// Purposely archaic so it's interoperable in old browsers\n\tfor (let i = 0, length = INVALID_SELECTOR_CHAR.length; i < length && isValid; i++) {\n\t\tif (selector.indexOf(INVALID_SELECTOR_CHAR[i]) > -1) {\n\t\t\tisValid = false;\n\t\t}\n\t}\n\n\treturn isValid;\n}\n","/* global document,window,self,MutationObserver */\nimport isValidReplacement from './is-valid-replacement.mjs';\n\nconst CSS_CLASS_LOADED = 'js-blank-pseudo';\n\n// form control elements selector\nfunction isFormControlElement(element) {\n\tif (element.nodeName === 'INPUT' || element.nodeName === 'SELECT' || element.nodeName === 'TEXTAREA') {\n\t\treturn true;\n\t}\n\n\treturn false;\n}\n\nfunction createNewEvent(eventName) {\n\tlet event;\n\n\tif (typeof(Event) === 'function') {\n\t\tevent = new Event(eventName, { bubbles: true });\n\t} else {\n\t\tevent = document.createEvent('Event');\n\t\tevent.initEvent(eventName, true, false);\n\t}\n\n\treturn event;\n}\n\nfunction generateHandler(replaceWith) {\n\tlet selector;\n\tlet remove;\n\tlet add;\n\n\tif (replaceWith[0] === '.') {\n\t\tselector = replaceWith.slice(1);\n\t\tremove = (el) => el.classList.remove(selector);\n\t\tadd = (el) => el.classList.add(selector);\n\t} else {\n\t\t// A bit naive\n\t\tselector = replaceWith.slice(1, -1);\n\t\tremove = (el) => el.removeAttribute(selector, '');\n\t\tadd = (el) => el.setAttribute(selector, '');\n\t}\n\n\treturn function handleInputOrChangeEvent(event) {\n\t\tconst element = event.target;\n\t\tif (!isFormControlElement(element)) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst isSelect = element.nodeName === 'SELECT';\n\t\tconst hasValue = isSelect\n\t\t\t? !!element.options[element.selectedIndex].value\n\t\t\t: !!element.value;\n\n\t\tif (hasValue) {\n\t\t\tremove(element);\n\t\t} else {\n\t\t\tadd(element);\n\t\t}\n\t};\n}\n\n// observe changes to the \"selected\" property on an HTML Element\nfunction observeSelectedOfHTMLElement(HTMLElement) {\n\tconst descriptor = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'selected');\n\tconst nativeSet = descriptor.set;\n\n\tdescriptor.set = function set(value) { // eslint-disable-line no-unused-vars\n\t\tnativeSet.apply(this, arguments);\n\n\t\tconst event = createNewEvent('change');\n\t\tthis.parentElement.dispatchEvent(event);\n\t};\n\n\tObject.defineProperty(HTMLElement.prototype, 'selected', descriptor);\n}\n\n// observe changes to the \"value\" property on an HTML Element\nfunction observeValueOfHTMLElement(HTMLElement, handler) {\n\tconst descriptor = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'value');\n\tconst nativeSet = descriptor.set;\n\n\tdescriptor.set = function set() {\n\t\tnativeSet.apply(this, arguments);\n\t\thandler({ target: this });\n\t};\n\n\tObject.defineProperty(HTMLElement.prototype, 'value', descriptor);\n}\n\nexport default function cssBlankPseudoInit(opts) {\n\t// configuration\n\tconst options = {\n\t\tforce: false,\n\t\treplaceWith: '[blank]',\n\t};\n\n\tif (typeof opts !== 'undefined' && 'force' in opts) {\n\t\toptions.force = opts.force;\n\t}\n\n\tif (typeof opts !== 'undefined' && 'replaceWith' in opts) {\n\t\toptions.replaceWith = opts.replaceWith;\n\t}\n\n\tif (!isValidReplacement(options.replaceWith)) {\n\t\tthrow new Error(`${options.replaceWith} is not a valid replacement since it can't be applied to single elements.`);\n\t}\n\n\ttry {\n\t\tdocument.querySelector(':blank');\n\n\t\tif (!options.force) {\n\t\t\treturn;\n\t\t}\n\t} catch (ignoredError) { /* do nothing and continue */ }\n\n\tconst handler = generateHandler(options.replaceWith);\n\tconst bindEvents = () => {\n\t\tif (document.body) {\n\t\t\tdocument.body.addEventListener('change', handler);\n\t\t\tdocument.body.addEventListener('input', handler);\n\t\t}\n\t};\n\tconst updateAllCandidates = () => {\n\t\tArray.prototype.forEach.call(\n\t\t\tdocument.querySelectorAll('input, select, textarea'),\n\t\t\tnode => {\n\t\t\t\thandler({ target: node });\n\t\t\t},\n\t\t);\n\t};\n\n\tif (document.body) {\n\t\tbindEvents();\n\t} else {\n\t\twindow.addEventListener('load', bindEvents);\n\t}\n\n\tif (document.documentElement.className.indexOf(CSS_CLASS_LOADED) === -1) {\n\t\tdocument.documentElement.className += ` ${CSS_CLASS_LOADED}`;\n\t}\n\n\tobserveValueOfHTMLElement(self.HTMLInputElement, handler);\n\tobserveValueOfHTMLElement(self.HTMLSelectElement, handler);\n\tobserveValueOfHTMLElement(self.HTMLTextAreaElement, handler);\n\tobserveSelectedOfHTMLElement(self.HTMLOptionElement, handler);\n\n\t// conditionally update all form control elements\n\tupdateAllCandidates();\n\n\tif (typeof self.MutationObserver !== 'undefined') {\n\t\t// conditionally observe added or unobserve removed form control elements\n\t\tnew MutationObserver(mutationsList => {\n\t\t\tmutationsList.forEach(mutation => {\n\t\t\t\tArray.prototype.forEach.call(\n\t\t\t\t\tmutation.addedNodes || [],\n\t\t\t\t\tnode => {\n\t\t\t\t\t\tif (node.nodeType === 1 && isFormControlElement(node)) {\n\t\t\t\t\t\t\thandler({ target: node });\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}).observe(document, { childList: true, subtree: true });\n\t} else {\n\t\tconst handleOnLoad = () => updateAllCandidates();\n\n\t\twindow.addEventListener('load', handleOnLoad);\n\t\twindow.addEventListener('DOMContentLoaded', handleOnLoad);\n\t}\n}\n","/* global self */\nimport { default as cssBlankPseudoInit } from './browser';\nself.cssBlankPseudoInit = cssBlankPseudoInit;\n"],"names":["INVALID_SELECTOR_CHAR","CSS_CLASS_LOADED","isFormControlElement","element","nodeName","createNewEvent","eventName","event","Event","bubbles","document","createEvent","initEvent","observeValueOfHTMLElement","HTMLElement","handler","descriptor","Object","getOwnPropertyDescriptor","prototype","nativeSet","set","apply","this","arguments","target","defineProperty","self","cssBlankPseudoInit","opts","options","force","replaceWith","selector","isValid","i","length","indexOf","isValidReplacement","Error","querySelector","ignoredError","remove","add","slice","el","classList","removeAttribute","setAttribute","selectedIndex","value","bindEvents","body","addEventListener","updateAllCandidates","Array","forEach","call","querySelectorAll","node","window","documentElement","className","HTMLInputElement","HTMLSelectElement","HTMLTextAreaElement","HTMLOptionElement","parentElement","dispatchEvent","MutationObserver","mutationsList","mutation","addedNodes","nodeType","observe","childList","subtree","handleOnLoad"],"mappings":"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"}

package/dist/browser.cjs

@@ -1,120 +1,2 @@
-/* global MutationObserver */
-function cssBlankPseudo(document, opts) {
-  // configuration
-  var className = Object(opts).className;
-  var attr = Object(opts).attr || 'blank';
-  var 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>
-
-
-  var window = (document.ownerDocument || document).defaultView;
-  observeValueOfHTMLElement(window.HTMLInputElement);
-  observeValueOfHTMLElement(window.HTMLSelectElement);
-  observeValueOfHTMLElement(window.HTMLTextAreaElement);
-  observeSelectedOfHTMLElement(window.HTMLOptionElement); // form control elements selector
-
-  var selector = 'INPUT,SELECT,TEXTAREA';
-  var selectorRegExp = /^(INPUT|SELECT|TEXTAREA)$/; // conditionally update all form control elements
-
-  Array.prototype.forEach.call(document.querySelectorAll(selector), function (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(function (mutationsList) {
-    mutationsList.forEach(function (mutation) {
-      Array.prototype.forEach.call(mutation.addedNodes || [], function (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 || [], function (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) {
-    var descriptor = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'value');
-    var 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) {
-    var descriptor = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'selected');
-    var nativeSet = descriptor.set;
-
-    descriptor.set = function set(value) {
-      // eslint-disable-line no-unused-vars
-      nativeSet.apply(this, arguments);
-      var event = document.createEvent('Event');
-      event.initEvent('change', true, true);
-      this.dispatchEvent(event);
-    };
-
-    Object.defineProperty(HTMLElement.prototype, 'selected', descriptor);
-  }
-}
-
-module.exports = cssBlankPseudo;
+var e=[" ",">","~",":","+","@","#","(",")"];function t(e){return"INPUT"===e.nodeName||"SELECT"===e.nodeName||"TEXTAREA"===e.nodeName}function n(e){var t;return"function"==typeof Event?t=new Event(e,{bubbles:!0}):(t=document.createEvent("Event")).initEvent(e,!0,!1),t}function r(e,t){var n=Object.getOwnPropertyDescriptor(e.prototype,"value"),r=n.set;n.set=function(){r.apply(this,arguments),t({target:this})},Object.defineProperty(e.prototype,"value",n)}module.exports=function(o){var c={force:!1,replaceWith:"[blank]"};if(void 0!==o&&"force"in o&&(c.force=o.force),void 0!==o&&"replaceWith"in o&&(c.replaceWith=o.replaceWith),!function(t){for(var n=!0,r=0,o=e.length;r<o&&n;r++)t.indexOf(e[r])>-1&&(n=!1);return n}(c.replaceWith))throw new Error(c.replaceWith+" is not a valid replacement since it can't be applied to single elements.");try{if(document.querySelector(":blank"),!c.force)return}catch(e){}var i,a,d,l,u,s,p,f=("."===(i=c.replaceWith)[0]?(a=i.slice(1),d=function(e){return e.classList.remove(a)},l=function(e){return e.classList.add(a)}):(a=i.slice(1,-1),d=function(e){return e.removeAttribute(a,"")},l=function(e){return e.setAttribute(a,"")}),function(e){var n=e.target;t(n)&&(("SELECT"===n.nodeName?n.options[n.selectedIndex].value:n.value)?d(n):l(n))}),v=function(){document.body&&(document.body.addEventListener("change",f),document.body.addEventListener("input",f))},m=function(){Array.prototype.forEach.call(document.querySelectorAll("input, select, textarea"),(function(e){f({target:e})}))};if(document.body?v():window.addEventListener("load",v),-1===document.documentElement.className.indexOf("js-blank-pseudo")&&(document.documentElement.className+=" js-blank-pseudo"),r(self.HTMLInputElement,f),r(self.HTMLSelectElement,f),r(self.HTMLTextAreaElement,f),u=self.HTMLOptionElement,s=Object.getOwnPropertyDescriptor(u.prototype,"selected"),p=s.set,s.set=function(e){p.apply(this,arguments);var t=n("change");this.parentElement.dispatchEvent(t)},Object.defineProperty(u.prototype,"selected",s),m(),void 0!==self.MutationObserver)new MutationObserver((function(e){e.forEach((function(e){Array.prototype.forEach.call(e.addedNodes||[],(function(e){1===e.nodeType&&t(e)&&f({target:e})}))}))})).observe(document,{childList:!0,subtree:!0});else{var E=function(){return m()};window.addEventListener("load",E),window.addEventListener("DOMContentLoaded",E)}};
 //# sourceMappingURL=browser.cjs.map