leaflet-popup.html

<script>
	'use strict';

	window.leafletMap = window.leafletMap || {};
	window.leafletMap.Mixins = window.leafletMap.Mixins || {};
	
	leafletMap.Mixins.LeafletPopupContent = Polymer.dedupingMixin((baseClass) => class extends baseClass {

		connectedCallback() {
			if (MutationObserver && !this.observer_) {
				this.observer_ = new MutationObserver(this.updatePopupContent.bind(this));
				this.observer_.observe(this, { childList: true, characterData: true, attributes: true, subtree: true });
			}
		}

		updatePopupContent() {
			if (!this.feature) {
				return;
			}
			this.feature.unbindPopup();
			// TODO: Hack, ignore <leaflet-point>-tag
			var content = Polymer.dom(this).innerHTML.replace(/<\/?leaflet-point[^>]*>/g, '').trim();
			if (content) {
				this.feature.bindPopup(content);
			}
		}

		disconnectedCallback() {
			if (this.observer_) {
				this.observer_.disconnect();
			}
		}
	});
</script>