function noop() {} function assign(tar, src) { for (var k in src) tar[k] = src[k]; return tar; } function insertNode(node, target, anchor) { target.insertBefore(node, anchor); } function detachNode(node) { node.parentNode.removeChild(node); } function createElement(name) { return document.createElement(name); } function blankObject() { return Object.create(null); } function destroy(detach) { this.destroy = noop; this.fire('destroy'); this.set = this.get = noop; if (detach !== false) this._fragment.u(); this._fragment.d(); this._fragment = this._state = null; } function _differs(a, b) { return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function'); } function dispatchObservers(component, group, changed, newState, oldState) { for (var key in group) { if (!changed[key]) continue; var newValue = newState[key]; var oldValue = oldState[key]; var callbacks = group[key]; if (!callbacks) continue; for (var i = 0; i < callbacks.length; i += 1) { var callback = callbacks[i]; if (callback.__calling) continue; callback.__calling = true; callback.call(component, newValue, oldValue); callback.__calling = false; } } } function fire(eventName, data) { var handlers = eventName in this._handlers && this._handlers[eventName].slice(); if (!handlers) return; for (var i = 0; i < handlers.length; i += 1) { handlers[i].call(this, data); } } function get(key) { return key ? this._state[key] : this._state; } function init(component, options) { component._observers = { pre: blankObject(), post: blankObject() }; component._handlers = blankObject(); component._bind = options._bind; component.options = options; component.root = options.root || component; component.store = component.root.store || options.store; } function observe(key, callback, options) { var group = options && options.defer ? this._observers.post : this._observers.pre; (group[key] || (group[key] = [])).push(callback); if (!options || options.init !== false) { callback.__calling = true; callback.call(this, this._state[key]); callback.__calling = false; } return { cancel: function() { var index = group[key].indexOf(callback); if (~index) group[key].splice(index, 1); } }; } function on(eventName, handler) { if (eventName === 'teardown') return this.on('destroy', handler); var handlers = this._handlers[eventName] || (this._handlers[eventName] = []); handlers.push(handler); return { cancel: function() { var index = handlers.indexOf(handler); if (~index) handlers.splice(index, 1); } }; } function set(newState) { this._set(assign({}, newState)); if (this.root._lock) return; this.root._lock = true; callAll(this.root._beforecreate); callAll(this.root._oncreate); callAll(this.root._aftercreate); this.root._lock = false; } function _set(newState) { var oldState = this._state, changed = {}, dirty = false; for (var key in newState) { if (this._differs(newState[key], oldState[key])) changed[key] = dirty = true; } if (!dirty) return; this._state = assign(assign({}, oldState), newState); this._recompute(changed, this._state); if (this._bind) this._bind(changed, this._state); if (this._fragment) { dispatchObservers(this, this._observers.pre, changed, this._state, oldState); this._fragment.p(changed, this._state); dispatchObservers(this, this._observers.post, changed, this._state, oldState); } } function callAll(fns) { while (fns && fns.length) fns.shift()(); } function _mount(target, anchor) { this._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null); } function _unmount() { if (this._fragment) this._fragment.u(); } var proto = { destroy: destroy, get: get, fire: fire, observe: observe, on: on, set: set, teardown: destroy, _recompute: noop, _set: _set, _mount: _mount, _unmount: _unmount, _differs: _differs }; /* generated by Svelte vX.Y.Z */ function create_main_fragment(component, state) { var div; return { c: function create() { div = createElement("div"); div.textContent = "fades in"; this.c = noop; }, m: function mount(target, anchor) { insertNode(div, target, anchor); }, p: noop, u: function unmount() { detachNode(div); }, d: noop }; } class SvelteComponent extends HTMLElement { constructor(options = {}) { super(); init(this, options); this._state = assign({}, options.data); this.attachShadow({ mode: 'open' }); this.shadowRoot.innerHTML = ``; this._fragment = create_main_fragment(this, this._state); this._fragment.c(); this._fragment.m(this.shadowRoot, null); if (options.target) this._mount(options.target, options.anchor); } static get observedAttributes() { return []; } attributeChangedCallback(attr, oldValue, newValue) { this.set({ [attr]: newValue }); } } customElements.define("custom-element", SvelteComponent); assign(assign(SvelteComponent.prototype, proto), { _mount(target, anchor) { target.insertBefore(this, anchor); }, _unmount() { this.parentNode.removeChild(this); } }); export default SvelteComponent;