Diffusion Open Access Compliance Check Tool (OACCT) (paginated-inlines) Browse

rOACCT/node_modules/@emotion/sheet/dist/emotion-sheet.cjs.prod.js
f646e1f695a7paginated-inlines

emotion-sheet.cjs.prod.js
View Options

			'use strict';

			Object.defineProperty(exports, '__esModule', { value: true });

			/*

			Based off glamor's StyleSheet, thanks Sunil ❤️

			high performance StyleSheet for css-in-js systems

			- uses multiple style tags behind the scenes for millions of rules
			- uses `insertRule` for appending in production for much faster performance

			// usage

			import { StyleSheet } from '@emotion/sheet'

			let styleSheet = new StyleSheet({ key: '', container: document.head })

			styleSheet.insert('#box { border: 1px solid red; }')
			- appends a css rule into the stylesheet

			styleSheet.flush()
			- empties the stylesheet of all its contents

			*/
			// $FlowFixMe
			function sheetForTag(tag) {
			if (tag.sheet) {
			// $FlowFixMe
			return tag.sheet;
			} // this weirdness brought to you by firefox

			/* istanbul ignore next */


			for (var i = 0; i < document.styleSheets.length; i++) {
			if (document.styleSheets[i].ownerNode === tag) {
			// $FlowFixMe
			return document.styleSheets[i];
			}
			}
			}

			function createStyleElement(options) {
			var tag = document.createElement('style');
			tag.setAttribute('data-emotion', options.key);

			if (options.nonce !== undefined) {
			tag.setAttribute('nonce', options.nonce);
			}

			tag.appendChild(document.createTextNode(''));
			tag.setAttribute('data-s', '');
			return tag;
			}

			var StyleSheet = /#__PURE__/function () {
			// Using Node instead of HTMLElement since container may be a ShadowRoot
			function StyleSheet(options) {
			var _this = this;

			this._insertTag = function (tag) {
			var before;

			if (_this.tags.length === 0) {
			if (_this.insertionPoint) {
			before = _this.insertionPoint.nextSibling;
			} else if (_this.prepend) {
			before = _this.container.firstChild;
			} else {
			before = _this.before;
			}
			} else {
			before = _this.tags[_this.tags.length - 1].nextSibling;
			}

			_this.container.insertBefore(tag, before);

			_this.tags.push(tag);
			};

			this.isSpeedy = options.speedy === undefined ? "production" === 'production' : options.speedy;
			this.tags = [];
			this.ctr = 0;
			this.nonce = options.nonce; // key is the value of the data-emotion attribute, it's used to identify different sheets

			this.key = options.key;
			this.container = options.container;
			this.prepend = options.prepend;
			this.insertionPoint = options.insertionPoint;
			this.before = null;
			}

			var _proto = StyleSheet.prototype;

			_proto.hydrate = function hydrate(nodes) {
			nodes.forEach(this._insertTag);
			};

			_proto.insert = function insert(rule) {
			// the max length is how many rules we have per style tag, it's 65000 in speedy mode
			// it's 1 in dev because we insert source maps that map a single rule to a location
			// and you can only have one source map per style tag
			if (this.ctr % (this.isSpeedy ? 65000 : 1) === 0) {
			this._insertTag(createStyleElement(this));
			}

			var tag = this.tags[this.tags.length - 1];

			if (this.isSpeedy) {
			var sheet = sheetForTag(tag);

			try {
			// this is the ultrafast version, works across browsers
			// the big drawback is that the css won't be editable in devtools
			sheet.insertRule(rule, sheet.cssRules.length);
			} catch (e) {
			}
			} else {
			tag.appendChild(document.createTextNode(rule));
			}

			this.ctr++;
			};

			_proto.flush = function flush() {
			// $FlowFixMe
			this.tags.forEach(function (tag) {
			return tag.parentNode && tag.parentNode.removeChild(tag);
			});
			this.tags = [];
			this.ctr = 0;
			};

			return StyleSheet;
			}();

			exports.StyleSheet = StyleSheet;