From 7e1a1502598504b839d375b085f5720b093286ce Mon Sep 17 00:00:00 2001
From: bahrus <anderson.bruce.b@gmail.com>
Date: Fri, 5 Jan 2018 03:45:39 -0500
Subject: [PATCH] firefox compatibility

---
 README.md                | 4 +++-
 build/ES5/carbon-copy.js | 1 +
 build/ES6/carbon-copy.js | 1 +
 3 files changed, 5 insertions(+), 1 deletion(-)
 create mode 100644 build/ES5/carbon-copy.js
 create mode 100644 build/ES6/carbon-copy.js

diff --git a/README.md b/README.md
index 840f570..2f9ab0d 100644
--- a/README.md
+++ b/README.md
@@ -65,7 +65,7 @@ In a separate html, define an HTML template:
             I am here
         </template>
     </dom-module>
-    <script type="module">
+    <script type="module" cc-head-element>
         class MyComponent extends Polymer.Element{
             static get is(){return 'my-component';}
         }
@@ -83,6 +83,8 @@ Then in the referencing file, just add:
 
 *et voilà!*
 
+Note the presence of the cc-head-element attribute.  Carbon copy looks for that attribute, and if present, moves the script tag to document.head.  This is inspired by [this issue and suggestion from Polymer team](https://github.com/webcomponents/webcomponentsjs/issues/470), to be compatible with Firefox.
+
 ### Changing href
 
 By default, if the href attribute / property changes for an existing c-c element instance, the new template will be appended to the inner content of the c-c element.  Even if you go back to the original template, it will keep getting appended repeatedly.
diff --git a/build/ES5/carbon-copy.js b/build/ES5/carbon-copy.js
new file mode 100644
index 0000000..3c8cadd
--- /dev/null
+++ b/build/ES5/carbon-copy.js
@@ -0,0 +1 @@
+(function(){var a='c-c-',b=a+'get-',c=a+'initial-child',d=a+'href-stamp',e='stamp-href',f=a+'orig-style',g=function(a){function g(){return babelHelpers.classCallCheck(this,g),babelHelpers.possibleConstructorReturn(this,(g.__proto__||Object.getPrototypeOf(g)).apply(this,arguments))}return babelHelpers.inherits(g,a),babelHelpers.createClass(g,[{key:'absolute',value:function(a,b){var c=a.split('/'),d=b.split('/');return c.pop(),d.forEach(function(a){switch(a){case'.':return;case'..':c.pop();break;default:c.push(a);}}),c.join('/')}},{key:'append',value:function(a,b){var e=this,f=a.getElementById(b),g=document.importNode(f.content,!0),h=this.qsa('[cc-head-element]',g);if(h.forEach(function(a){return a.remove()}),this._stamp_href){this.qsa('['+c+']').forEach(function(a){a.style.display='none'});for(var j,k=g.children,l=0,i=k.length;l<i;l++)j=k[l],j.setAttribute(d,this._href)}this.de('dom-change',{clone:g});this.appendChild(g);h.forEach(function(a){var b=document.createElement('script');b.text=a.text||a.textContent||a.innerHTML,document.head.appendChild(b)}),this._set_props&&this.qsa('[get-props]',this).forEach(function(a){a.getAttribute('get-props').split(';').forEach(function(b){var c=b.split(':'),d=c[1],f=e[d];if(a[c[0]]=e[d],e.pcs||(e.pcs={}),!e.pcs[d]){e.pcs[d]=[];var g=function(a){this.pcs[d].forEach(function(b){return b[d]=a})};Object.defineProperty(e,d,{enumerable:!0,configurable:!0,set:g}),e[d]=f}e.pcs[d].push(a)});a.removeAttribute('get-props')}),this.qsa('[notify-props]',this).forEach(function(a){var b=a.tagName.toLowerCase();customElements.whenDefined(b).then(function(){var c=customElements.get(b);if(c.properties)for(var d in c.properties){var f=c.properties[d];e.attachPropertyListener(f,d,a)}})})}},{key:'qsa',value:function(a,b){return[].slice.call((b?b:this).querySelectorAll(a))}},{key:'attachEventHandlers',value:function(a,b){var c=this;b||(b=this),Object.getOwnPropertyNames(a).forEach(function(d){var e=a[d];if('function'===typeof e){var f='call-'+d+'-on';c.qsa('['+f+']',b).forEach(function(b){var c=b.getAttribute(f).split('|');c.forEach(function(c){b.addEventListener(c,function(b){a[d](b)})})})}})}},{key:'get_h',value:function(){for(var a=this.parentElement;a;){if(a.shadowRoot)return a.shadowRoot;a=a.parentElement}}},{key:'loadHref',value:function(){var a=this;if((this._once=!0,!!this._href)&&!this._wait){var b=!0;if(this._stamp_href&&this.qsa(':scope > ['+d+']').forEach(function(c){c.getAttribute(d)===a._href?(b=!1,c.style.display=c[f]):(c[f]=c.style.display,c.style.display='none')}),!!b){var c=this._href.split('#');if(!(2>c.length)){var e=c[0],h=c[1];if(0===e.length)return void this.append(document,h,null,e);if('_host'===e){var j=this.get_h();return void this.append(j,h,null,e)}for(var k=['https://','/','//','http://'],l=!1,m=0,i=k.length;m<i;m++)if(e.startsWith(k[m])){this._absUrl=e,l=!0;break}l||(this._absUrl=this.absolute(location.href,e));var n=this._absUrl,o=g._shadowDoms[n];if(o)switch('undefined'===typeof o?'undefined':babelHelpers.typeof(o)){case'boolean':var p=g._shDmSub,q=function(b){a.append(b,h,n,e)};p[n]?p[n].push(q):p[n]=[q];break;case'object':this.append(o,h,n,e);}else g._shadowDoms[n]=!0,fetch(n).then(function(b){b.text().then(function(b){var c=document.createElement('div');c.style.display='none',document.body.appendChild(c);var d=c.attachShadow({mode:'open'});g._shadowDoms[n]=d;var f=new DOMParser,i=f.parseFromString(b,'text/html');i.head&&a.qsa('meta[name="preprocessor"]',i).forEach(function(b){var c=b.getAttribute('content'),d=eval(c);i=d(i,a)}),d.appendChild(i.body),a.append(d,h,n,e);var j=g._shDmSub[n];j&&(j.forEach(function(a){return a(d)}),delete g._shDmSub[n])})})}}}}},{key:'c2',value:function(){var a=this;if(this._set){var c=this._set.split(';');c.forEach(function(c){var d=c.split(':'),e=d[0],f=d[1];a.addEventListener(b+e,function(a){a.detail.value=f})})}if(this._get){var d=this.de(b+this._get,{});this.innerHTML=d.detail.value}this.loadHref()}},{key:'camelToDashCase',value:function(a){return g.caseMap[a]||(g.caseMap[a]=a.replace(g.CAMEL_TO_DASH,'-$1').toLowerCase())}},{key:'connectedCallback',value:function(){var a=this;setTimeout(function(){a.c2()},1)}},{key:'attachPropertyListener',value:function(a,b,c){var d=this;if(a.notify){var e=this.camelToDashCase(b),f=e+'-changed';c.addEventListener(f,function(a){var c=a.detail.value;d[b]=c,d.de(f,{value:c})})}}},{key:'de',value:function(a,b){var c=new CustomEvent(a,{detail:b,bubbles:!0,composed:this._composed});return this.dispatchEvent(c),c}},{key:'attributeChangedCallback',value:function(a,b,c){'href'===a?(this._href=c,this._once&&this.loadHref()):a===e?this._stamp_href=void 0!==c:'set-props'===a?this._set_props=null!==c:'composed'===a?this._composed=null!==c:'wait'===a?this._wait=null!==c:this['_'+a.replace('-','_')]=c}},{key:'href',set:function(a){this.setAttribute('href',a)},get:function(){return this._href}},{key:'wait',set:function(a){this._wait=a,a?this.setAttribute('wait',''):(this.removeAttribute('wait'),this.loadHref())}}],[{key:'observedAttributes',get:function(){return['href','composed','get','set','set-props',e,'wait']}}]),g}(HTMLElement);g._shadowDoms={},g._shDmSub={},g.caseMap={},g.CAMEL_TO_DASH=/([A-Z])/g;var h=function(a){function b(){return babelHelpers.classCallCheck(this,b),babelHelpers.possibleConstructorReturn(this,(b.__proto__||Object.getPrototypeOf(b)).apply(this,arguments))}return babelHelpers.inherits(b,a),b}(g);customElements.define('c-c',g),customElements.define('carbon-copy',h)})();
\ No newline at end of file
diff --git a/build/ES6/carbon-copy.js b/build/ES6/carbon-copy.js
new file mode 100644
index 0000000..41e4fd7
--- /dev/null
+++ b/build/ES6/carbon-copy.js
@@ -0,0 +1 @@
+(function(){const a='c-c-',b=a+'get-',c=a+'initial-child',d=a+'href-stamp',e='stamp-href',f=a+'orig-style';class g extends HTMLElement{static get observedAttributes(){return['href','composed','get','set','set-props',e,'wait']}absolute(a,b){var c=a.split('/'),d=b.split('/');return c.pop(),d.forEach((a)=>{switch(a){case'.':return;case'..':c.pop();break;default:c.push(a);}}),c.join('/')}append(a,b){const e=a.getElementById(b),f=document.importNode(e.content,!0),g=this.qsa('[cc-head-element]',f);if(g.forEach((a)=>a.remove()),this._stamp_href){this.qsa('['+c+']').forEach((a)=>{a.style.display='none'});const a=f.children;for(let b=0,c=a.length;b<c;b++){const c=a[b];c.setAttribute(d,this._href)}}this.de('dom-change',{clone:f});this.appendChild(f);g.forEach((a)=>{var b=document.createElement('script');b.text=a.text||a.textContent||a.innerHTML,document.head.appendChild(b)}),this._set_props&&this.qsa('[get-props]',this).forEach((a)=>{a.getAttribute('get-props').split(';').forEach((b)=>{const c=b.split(':'),d=c[1],e=this[d];if(a[c[0]]=this[d],this.pcs||(this.pcs={}),!this.pcs[d]){this.pcs[d]=[];Object.defineProperty(this,d,{enumerable:!0,configurable:!0,set:function(a){this.pcs[d].forEach((b)=>b[d]=a)}}),this[d]=e}this.pcs[d].push(a)});a.removeAttribute('get-props')}),this.qsa('[notify-props]',this).forEach((a)=>{const b=a.tagName.toLowerCase();customElements.whenDefined(b).then(()=>{const c=customElements.get(b);if(c.properties)for(var d in c.properties){const b=c.properties[d];this.attachPropertyListener(b,d,a)}})})}qsa(a,b){return[].slice.call((b?b:this).querySelectorAll(a))}attachEventHandlers(a,b){b||(b=this),Object.getOwnPropertyNames(a).forEach((c)=>{const d=a[c];if('function'!==typeof d)return;const e='call-'+c+'-on';this.qsa(`[${e}]`,b).forEach((b)=>{const d=b.getAttribute(e).split('|');d.forEach((d)=>{b.addEventListener(d,(b)=>{a[c](b)})})})})}get_h(){for(let a=this.parentElement;a;){if(a.shadowRoot)return a.shadowRoot;a=a.parentElement}}loadHref(){if(this._once=!0,!this._href)return;if(this._wait)return;let a=!0;if(this._stamp_href&&this.qsa(':scope > ['+d+']').forEach((b)=>{b.getAttribute(d)===this._href?(a=!1,b.style.display=b[f]):(b[f]=b.style.display,b.style.display='none')}),!a)return;const b=this._href.split('#');if(2>b.length)return;const c=b[0],e=b[1];if(0===c.length)return void this.append(document,e,null,c);if('_host'===c){const a=this.get_h();return void this.append(a,e,null,c)}const h=['https://','/','//','http://'];let i=!1;for(let a=0,b=h.length;a<b;a++)if(c.startsWith(h[a])){this._absUrl=c,i=!0;break}i||(this._absUrl=this.absolute(location.href,c));const j=this._absUrl;let k=g._shadowDoms[j];if(k)switch(typeof k){case'boolean':const a=g._shDmSub,b=(a)=>{this.append(a,e,j,c)};a[j]?a[j].push(b):a[j]=[b];break;case'object':this.append(k,e,j,c);}else g._shadowDoms[j]=!0,fetch(j).then((a)=>{a.text().then((a)=>{const b=document.createElement('div');b.style.display='none',document.body.appendChild(b);const d=b.attachShadow({mode:'open'});g._shadowDoms[j]=d;const f=new DOMParser;let h=f.parseFromString(a,'text/html');h.head&&this.qsa('meta[name="preprocessor"]',h).forEach((a)=>{const b=a.getAttribute('content'),c=eval(b);h=c(h,this)}),d.appendChild(h.body),this.append(d,e,j,c);const i=g._shDmSub[j];i&&(i.forEach((a)=>a(d)),delete g._shDmSub[j])})})}c2(){if(this._set){const a=this._set.split(';');a.forEach((a)=>{const c=a.split(':'),d=c[0],f=c[1];this.addEventListener(b+d,(a)=>{a.detail.value=f})})}if(this._get){const a=this.de(b+this._get,{});this.innerHTML=a.detail.value}this.loadHref()}camelToDashCase(a){return g.caseMap[a]||(g.caseMap[a]=a.replace(g.CAMEL_TO_DASH,'-$1').toLowerCase())}connectedCallback(){setTimeout(()=>{this.c2()},1)}attachPropertyListener(a,b,c){if(a.notify){const a=this.camelToDashCase(b),d=a+'-changed';c.addEventListener(d,(a)=>{const c=a.detail.value;this[b]=c,this.de(d,{value:c})})}}de(a,b){const c=new CustomEvent(a,{detail:b,bubbles:!0,composed:this._composed});return this.dispatchEvent(c),c}attributeChangedCallback(a,b,c){'href'===a?(this._href=c,this._once&&this.loadHref()):a===e?this._stamp_href=void 0!==c:'set-props'===a?this._set_props=null!==c:'composed'===a?this._composed=null!==c:'wait'===a?this._wait=null!==c:this['_'+a.replace('-','_')]=c}set href(a){this.setAttribute('href',a)}get href(){return this._href}set wait(a){this._wait=a,a?this.setAttribute('wait',''):(this.removeAttribute('wait'),this.loadHref())}}g._shadowDoms={},g._shDmSub={},g.caseMap={},g.CAMEL_TO_DASH=/([A-Z])/g;class h extends g{}customElements.define('c-c',g),customElements.define('carbon-copy',h)})();
\ No newline at end of file