function noop() { } function run(fn) { return fn(); } function blank_object() { return Object.create(null); } function run_all(fns) { fns.forEach(run); } function is_function(thing) { return typeof thing === 'function'; } function safe_not_equal(a, b) { return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function'); } function is_empty(obj) { return Object.keys(obj).length === 0; } function null_to_empty(value) { return value == null ? '' : value; } // Track which nodes are claimed during hydration. Unclaimed nodes can then be removed from the DOM // at the end of hydration without touching the remaining nodes. let is_hydrating = false; function start_hydrating() { is_hydrating = true; } function end_hydrating() { is_hydrating = false; } function upper_bound(low, high, key, value) { // Return first index of value larger than input value in the range [low, high) while (low < high) { const mid = low + ((high - low) >> 1); if (key(mid) <= value) { low = mid + 1; } else { high = mid; } } return low; } function init_hydrate(target) { if (target.hydrate_init) return; target.hydrate_init = true; // We know that all children have claim_order values since the unclaimed have been detached if target is not let children = target.childNodes; // If target is , there may be children without claim_order if (target.nodeName === 'HEAD') { const myChildren = []; for (let i = 0; i < children.length; i++) { const node = children[i]; if (node.claim_order !== undefined) { myChildren.push(node); } } children = myChildren; } /* * Reorder claimed children optimally. * We can reorder claimed children optimally by finding the longest subsequence of * nodes that are already claimed in order and only moving the rest. The longest * subsequence of nodes that are claimed in order can be found by * computing the longest increasing subsequence of .claim_order values. * * This algorithm is optimal in generating the least amount of reorder operations * possible. * * Proof: * We know that, given a set of reordering operations, the nodes that do not move * always form an increasing subsequence, since they do not move among each other * meaning that they must be already ordered among each other. Thus, the maximal * set of nodes that do not move form a longest increasing subsequence. */ // Compute longest increasing subsequence // m: subsequence length j => index k of smallest value that ends an increasing subsequence of length j const m = new Int32Array(children.length + 1); // Predecessor indices + 1 const p = new Int32Array(children.length); m[0] = -1; let longest = 0; for (let i = 0; i < children.length; i++) { const current = children[i].claim_order; // Find the largest subsequence length such that it ends in a value less than our current value // upper_bound returns first greater value, so we subtract one // with fast path for when we are on the current longest subsequence const seqLen = ((longest > 0 && children[m[longest]].claim_order <= current) ? longest + 1 : upper_bound(1, longest, idx => children[m[idx]].claim_order, current)) - 1; p[i] = m[seqLen] + 1; const newLen = seqLen + 1; // We can guarantee that current is the smallest value. Otherwise, we would have generated a longer sequence. m[newLen] = i; longest = Math.max(newLen, longest); } // The longest increasing subsequence of nodes (initially reversed) const lis = []; // The rest of the nodes, nodes that will be moved const toMove = []; let last = children.length - 1; for (let cur = m[longest] + 1; cur != 0; cur = p[cur - 1]) { lis.push(children[cur - 1]); for (; last >= cur; last--) { toMove.push(children[last]); } last--; } for (; last >= 0; last--) { toMove.push(children[last]); } lis.reverse(); // We sort the nodes being moved to guarantee that their insertion order matches the claim order toMove.sort((a, b) => a.claim_order - b.claim_order); // Finally, we move the nodes for (let i = 0, j = 0; i < toMove.length; i++) { while (j < lis.length && toMove[i].claim_order >= lis[j].claim_order) { j++; } const anchor = j < lis.length ? lis[j] : null; target.insertBefore(toMove[i], anchor); } } function append(target, node) { target.appendChild(node); } function append_styles(target, style_sheet_id, styles) { const append_styles_to = get_root_for_style(target); if (!append_styles_to.getElementById(style_sheet_id)) { const style = element('style'); style.id = style_sheet_id; style.textContent = styles; append_stylesheet(append_styles_to, style); } } function get_root_for_style(node) { if (!node) return document; const root = node.getRootNode ? node.getRootNode() : node.ownerDocument; if (root && root.host) { return root; } return node.ownerDocument; } function append_stylesheet(node, style) { append(node.head || node, style); return style.sheet; } function append_hydration(target, node) { if (is_hydrating) { init_hydrate(target); if ((target.actual_end_child === undefined) || ((target.actual_end_child !== null) && (target.actual_end_child.parentNode !== target))) { target.actual_end_child = target.firstChild; } // Skip nodes of undefined ordering while ((target.actual_end_child !== null) && (target.actual_end_child.claim_order === undefined)) { target.actual_end_child = target.actual_end_child.nextSibling; } if (node !== target.actual_end_child) { // We only insert if the ordering of this node should be modified or the parent node is not target if (node.claim_order !== undefined || node.parentNode !== target) { target.insertBefore(node, target.actual_end_child); } } else { target.actual_end_child = node.nextSibling; } } else if (node.parentNode !== target || node.nextSibling !== null) { target.appendChild(node); } } function insert_hydration(target, node, anchor) { if (is_hydrating && !anchor) { append_hydration(target, node); } else if (node.parentNode !== target || node.nextSibling != anchor) { target.insertBefore(node, anchor || null); } } function detach(node) { if (node.parentNode) { node.parentNode.removeChild(node); } } function destroy_each(iterations, detaching) { for (let i = 0; i < iterations.length; i += 1) { if (iterations[i]) iterations[i].d(detaching); } } function element(name) { return document.createElement(name); } function svg_element(name) { return document.createElementNS('http://www.w3.org/2000/svg', name); } function text(data) { return document.createTextNode(data); } function space() { return text(' '); } function empty() { return text(''); } function attr(node, attribute, value) { if (value == null) node.removeAttribute(attribute); else if (node.getAttribute(attribute) !== value) node.setAttribute(attribute, value); } function children(element) { return Array.from(element.childNodes); } function init_claim_info(nodes) { if (nodes.claim_info === undefined) { nodes.claim_info = { last_index: 0, total_claimed: 0 }; } } function claim_node(nodes, predicate, processNode, createNode, dontUpdateLastIndex = false) { // Try to find nodes in an order such that we lengthen the longest increasing subsequence init_claim_info(nodes); const resultNode = (() => { // We first try to find an element after the previous one for (let i = nodes.claim_info.last_index; i < nodes.length; i++) { const node = nodes[i]; if (predicate(node)) { const replacement = processNode(node); if (replacement === undefined) { nodes.splice(i, 1); } else { nodes[i] = replacement; } if (!dontUpdateLastIndex) { nodes.claim_info.last_index = i; } return node; } } // Otherwise, we try to find one before // We iterate in reverse so that we don't go too far back for (let i = nodes.claim_info.last_index - 1; i >= 0; i--) { const node = nodes[i]; if (predicate(node)) { const replacement = processNode(node); if (replacement === undefined) { nodes.splice(i, 1); } else { nodes[i] = replacement; } if (!dontUpdateLastIndex) { nodes.claim_info.last_index = i; } else if (replacement === undefined) { // Since we spliced before the last_index, we decrease it nodes.claim_info.last_index--; } return node; } } // If we can't find any matching node, we create a new one return createNode(); })(); resultNode.claim_order = nodes.claim_info.total_claimed; nodes.claim_info.total_claimed += 1; return resultNode; } function claim_element_base(nodes, name, attributes, create_element) { return claim_node(nodes, (node) => node.nodeName === name, (node) => { const remove = []; for (let j = 0; j < node.attributes.length; j++) { const attribute = node.attributes[j]; if (!attributes[attribute.name]) { remove.push(attribute.name); } } remove.forEach(v => node.removeAttribute(v)); return undefined; }, () => create_element(name)); } function claim_element(nodes, name, attributes) { return claim_element_base(nodes, name, attributes, element); } function claim_svg_element(nodes, name, attributes) { return claim_element_base(nodes, name, attributes, svg_element); } function claim_text(nodes, data) { return claim_node(nodes, (node) => node.nodeType === 3, (node) => { const dataStr = '' + data; if (node.data.startsWith(dataStr)) { if (node.data.length !== dataStr.length) { return node.splitText(dataStr.length); } } else { node.data = dataStr; } }, () => text(data), true // Text nodes should not update last index since it is likely not worth it to eliminate an increasing subsequence of actual elements ); } function claim_space(nodes) { return claim_text(nodes, ' '); } function set_data(text, data) { data = '' + data; if (text.wholeText !== data) text.data = data; } let current_component; function set_current_component(component) { current_component = component; } const dirty_components = []; const binding_callbacks = []; const render_callbacks = []; const flush_callbacks = []; const resolved_promise = Promise.resolve(); let update_scheduled = false; function schedule_update() { if (!update_scheduled) { update_scheduled = true; resolved_promise.then(flush); } } function add_render_callback(fn) { render_callbacks.push(fn); } // flush() calls callbacks in this order: // 1. All beforeUpdate callbacks, in order: parents before children // 2. All bind:this callbacks, in reverse order: children before parents. // 3. All afterUpdate callbacks, in order: parents before children. EXCEPT // for afterUpdates called during the initial onMount, which are called in // reverse order: children before parents. // Since callbacks might update component values, which could trigger another // call to flush(), the following steps guard against this: // 1. During beforeUpdate, any updated components will be added to the // dirty_components array and will cause a reentrant call to flush(). Because // the flush index is kept outside the function, the reentrant call will pick // up where the earlier call left off and go through all dirty components. The // current_component value is saved and restored so that the reentrant call will // not interfere with the "parent" flush() call. // 2. bind:this callbacks cannot trigger new flush() calls. // 3. During afterUpdate, any updated components will NOT have their afterUpdate // callback called a second time; the seen_callbacks set, outside the flush() // function, guarantees this behavior. const seen_callbacks = new Set(); let flushidx = 0; // Do *not* move this inside the flush() function function flush() { // Do not reenter flush while dirty components are updated, as this can // result in an infinite loop. Instead, let the inner flush handle it. // Reentrancy is ok afterwards for bindings etc. if (flushidx !== 0) { return; } const saved_component = current_component; do { // first, call beforeUpdate functions // and update components try { while (flushidx < dirty_components.length) { const component = dirty_components[flushidx]; flushidx++; set_current_component(component); update(component.$$); } } catch (e) { // reset dirty state to not end up in a deadlocked state and then rethrow dirty_components.length = 0; flushidx = 0; throw e; } set_current_component(null); dirty_components.length = 0; flushidx = 0; while (binding_callbacks.length) binding_callbacks.pop()(); // then, once components are updated, call // afterUpdate functions. This may cause // subsequent updates... for (let i = 0; i < render_callbacks.length; i += 1) { const callback = render_callbacks[i]; if (!seen_callbacks.has(callback)) { // ...so guard against infinite loops seen_callbacks.add(callback); callback(); } } render_callbacks.length = 0; } while (dirty_components.length); while (flush_callbacks.length) { flush_callbacks.pop()(); } update_scheduled = false; seen_callbacks.clear(); set_current_component(saved_component); } function update($$) { if ($$.fragment !== null) { $$.update(); run_all($$.before_update); const dirty = $$.dirty; $$.dirty = [-1]; $$.fragment && $$.fragment.p($$.ctx, dirty); $$.after_update.forEach(add_render_callback); } } const outroing = new Set(); let outros; function group_outros() { outros = { r: 0, c: [], p: outros // parent group }; } function check_outros() { if (!outros.r) { run_all(outros.c); } outros = outros.p; } function transition_in(block, local) { if (block && block.i) { outroing.delete(block); block.i(local); } } function transition_out(block, local, detach, callback) { if (block && block.o) { if (outroing.has(block)) return; outroing.add(block); outros.c.push(() => { outroing.delete(block); if (callback) { if (detach) block.d(1); callback(); } }); block.o(local); } else if (callback) { callback(); } } function create_component(block) { block && block.c(); } function claim_component(block, parent_nodes) { block && block.l(parent_nodes); } function mount_component(component, target, anchor, customElement) { const { fragment, after_update } = component.$$; fragment && fragment.m(target, anchor); if (!customElement) { // onMount happens before the initial afterUpdate add_render_callback(() => { const new_on_destroy = component.$$.on_mount.map(run).filter(is_function); // if the component was destroyed immediately // it will update the `$$.on_destroy` reference to `null`. // the destructured on_destroy may still reference to the old array if (component.$$.on_destroy) { component.$$.on_destroy.push(...new_on_destroy); } else { // Edge case - component was destroyed immediately, // most likely as a result of a binding initialising run_all(new_on_destroy); } component.$$.on_mount = []; }); } after_update.forEach(add_render_callback); } function destroy_component(component, detaching) { const $$ = component.$$; if ($$.fragment !== null) { run_all($$.on_destroy); $$.fragment && $$.fragment.d(detaching); // TODO null out other refs, including component.$$ (but need to // preserve final state?) $$.on_destroy = $$.fragment = null; $$.ctx = []; } } function make_dirty(component, i) { if (component.$$.dirty[0] === -1) { dirty_components.push(component); schedule_update(); component.$$.dirty.fill(0); } component.$$.dirty[(i / 31) | 0] |= (1 << (i % 31)); } function init(component, options, instance, create_fragment, not_equal, props, append_styles, dirty = [-1]) { const parent_component = current_component; set_current_component(component); const $$ = component.$$ = { fragment: null, ctx: [], // state props, update: noop, not_equal, bound: blank_object(), // lifecycle on_mount: [], on_destroy: [], on_disconnect: [], before_update: [], after_update: [], context: new Map(options.context || (parent_component ? parent_component.$$.context : [])), // everything else callbacks: blank_object(), dirty, skip_bound: false, root: options.target || parent_component.$$.root }; append_styles && append_styles($$.root); let ready = false; $$.ctx = instance ? instance(component, options.props || {}, (i, ret, ...rest) => { const value = rest.length ? rest[0] : ret; if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) { if (!$$.skip_bound && $$.bound[i]) $$.bound[i](value); if (ready) make_dirty(component, i); } return ret; }) : []; $$.update(); ready = true; run_all($$.before_update); // `false` as a special case of no DOM component $$.fragment = create_fragment ? create_fragment($$.ctx) : false; if (options.target) { if (options.hydrate) { start_hydrating(); const nodes = children(options.target); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion $$.fragment && $$.fragment.l(nodes); nodes.forEach(detach); } else { // eslint-disable-next-line @typescript-eslint/no-non-null-assertion $$.fragment && $$.fragment.c(); } if (options.intro) transition_in(component.$$.fragment); mount_component(component, options.target, options.anchor, options.customElement); end_hydrating(); flush(); } set_current_component(parent_component); } /** * Base class for Svelte components. Used when dev=false. */ class SvelteComponent { $destroy() { destroy_component(this, 1); this.$destroy = noop; } $on(type, callback) { if (!is_function(callback)) { return noop; } const callbacks = (this.$$.callbacks[type] || (this.$$.callbacks[type] = [])); callbacks.push(callback); return () => { const index = callbacks.indexOf(callback); if (index !== -1) callbacks.splice(index, 1); }; } $set($$props) { if (this.$$set && !is_empty($$props)) { this.$$.skip_bound = true; this.$$set($$props); this.$$.skip_bound = false; } } } /* src/AssistantBlock.svelte generated by Svelte v3.55.1 */ function add_css$3(target) { append_styles(target, "svelte-1e3mbn4", ".model.svelte-1e3mbn4.svelte-1e3mbn4{fill:var(--logo)}.no-model.svelte-1e3mbn4.svelte-1e3mbn4{fill:var(--G3)}.model-border.svelte-1e3mbn4.svelte-1e3mbn4{border:1px solid var(--logo)}.no-model-border.svelte-1e3mbn4.svelte-1e3mbn4{border:1px solid rgba(224, 224, 224, 1)}.box.svelte-1e3mbn4.svelte-1e3mbn4{margin-top:10px;margin-bottom:10px;display:flex;align-items:start}.box.svelte-1e3mbn4 svg.svelte-1e3mbn4{min-width:24px;width:24px;margin-right:10px;margin-top:7px}.chat.svelte-1e3mbn4.svelte-1e3mbn4{border-radius:5px;margin:0px;padding:10px;overflow-wrap:anywhere}"); } function create_fragment$3(ctx) { let div; let svg; let path; let svg_class_value; let t0; let p; let t1; let p_class_value; return { c() { div = element("div"); svg = svg_element("svg"); path = svg_element("path"); t0 = space(); p = element("p"); t1 = text(/*input*/ ctx[0]); this.h(); }, l(nodes) { div = claim_element(nodes, "DIV", { class: true }); var div_nodes = children(div); svg = claim_svg_element(div_nodes, "svg", { xmlns: true, viewBox: true, class: true }); var svg_nodes = children(svg); path = claim_svg_element(svg_nodes, "path", { d: true }); children(path).forEach(detach); svg_nodes.forEach(detach); t0 = claim_space(div_nodes); p = claim_element(div_nodes, "P", { class: true }); var p_nodes = children(p); t1 = claim_text(p_nodes, /*input*/ ctx[0]); p_nodes.forEach(detach); div_nodes.forEach(detach); this.h(); }, h() { attr(path, "d", "M320 0c17.7 0 32 14.3 32 32V96H472c39.8 0 72 32.2 72 72V440c0 39.8-32.2 72-72 72H168c-39.8 0-72-32.2-72-72V168c0-39.8 32.2-72 72-72H288V32c0-17.7 14.3-32 32-32zM208 384c-8.8 0-16 7.2-16 16s7.2 16 16 16h32c8.8 0 16-7.2 16-16s-7.2-16-16-16H208zm96 0c-8.8 0-16 7.2-16 16s7.2 16 16 16h32c8.8 0 16-7.2 16-16s-7.2-16-16-16H304zm96 0c-8.8 0-16 7.2-16 16s7.2 16 16 16h32c8.8 0 16-7.2 16-16s-7.2-16-16-16H400zM264 256a40 40 0 1 0 -80 0 40 40 0 1 0 80 0zm152 40a40 40 0 1 0 0-80 40 40 0 1 0 0 80zM48 224H64V416H48c-26.5 0-48-21.5-48-48V272c0-26.5 21.5-48 48-48zm544 0c26.5 0 48 21.5 48 48v96c0 26.5-21.5 48-48 48H576V224h16z"); attr(svg, "xmlns", "http://www.w3.org/2000/svg"); attr(svg, "viewBox", "0 0 640 512"); attr(svg, "class", svg_class_value = "" + (null_to_empty(/*output*/ ctx[1] ? "model" : "no-model") + " svelte-1e3mbn4")); attr(p, "class", p_class_value = "chat " + (/*output*/ ctx[1] ? 'model-border' : 'no-model-border') + " svelte-1e3mbn4"); attr(div, "class", "box svelte-1e3mbn4"); }, m(target, anchor) { insert_hydration(target, div, anchor); append_hydration(div, svg); append_hydration(svg, path); append_hydration(div, t0); append_hydration(div, p); append_hydration(p, t1); }, p(ctx, [dirty]) { if (dirty & /*output*/ 2 && svg_class_value !== (svg_class_value = "" + (null_to_empty(/*output*/ ctx[1] ? "model" : "no-model") + " svelte-1e3mbn4"))) { attr(svg, "class", svg_class_value); } if (dirty & /*input*/ 1) set_data(t1, /*input*/ ctx[0]); if (dirty & /*output*/ 2 && p_class_value !== (p_class_value = "chat " + (/*output*/ ctx[1] ? 'model-border' : 'no-model-border') + " svelte-1e3mbn4")) { attr(p, "class", p_class_value); } }, i: noop, o: noop, d(detaching) { if (detaching) detach(div); } }; } function instance$3($$self, $$props, $$invalidate) { let { input } = $$props; let { output = false } = $$props; $$self.$$set = $$props => { if ('input' in $$props) $$invalidate(0, input = $$props.input); if ('output' in $$props) $$invalidate(1, output = $$props.output); }; return [input, output]; } class AssistantBlock extends SvelteComponent { constructor(options) { super(); init(this, options, instance$3, create_fragment$3, safe_not_equal, { input: 0, output: 1 }, add_css$3); } } /* src/SystemBlock.svelte generated by Svelte v3.55.1 */ function add_css$2(target) { append_styles(target, "svelte-18o0ab2", "p.svelte-18o0ab2{margin:0px}"); } function create_fragment$2(ctx) { let p; let b; let t0; let t1; let span; let t2; return { c() { p = element("p"); b = element("b"); t0 = text("System:"); t1 = space(); span = element("span"); t2 = text(/*input*/ ctx[0]); this.h(); }, l(nodes) { p = claim_element(nodes, "P", { class: true }); var p_nodes = children(p); b = claim_element(p_nodes, "B", {}); var b_nodes = children(b); t0 = claim_text(b_nodes, "System:"); b_nodes.forEach(detach); t1 = claim_space(p_nodes); span = claim_element(p_nodes, "SPAN", {}); var span_nodes = children(span); t2 = claim_text(span_nodes, /*input*/ ctx[0]); span_nodes.forEach(detach); p_nodes.forEach(detach); this.h(); }, h() { attr(p, "class", "svelte-18o0ab2"); }, m(target, anchor) { insert_hydration(target, p, anchor); append_hydration(p, b); append_hydration(b, t0); append_hydration(p, t1); append_hydration(p, span); append_hydration(span, t2); }, p(ctx, [dirty]) { if (dirty & /*input*/ 1) set_data(t2, /*input*/ ctx[0]); }, i: noop, o: noop, d(detaching) { if (detaching) detach(p); } }; } function instance$2($$self, $$props, $$invalidate) { let { input } = $$props; $$self.$$set = $$props => { if ('input' in $$props) $$invalidate(0, input = $$props.input); }; return [input]; } class SystemBlock extends SvelteComponent { constructor(options) { super(); init(this, options, instance$2, create_fragment$2, safe_not_equal, { input: 0 }, add_css$2); } } /* src/UserBlock.svelte generated by Svelte v3.55.1 */ function add_css$1(target) { append_styles(target, "svelte-1lys9p1", ".box.svelte-1lys9p1.svelte-1lys9p1{margin-top:10px;margin-bottom:10px;display:flex;align-items:start}.box.svelte-1lys9p1 svg.svelte-1lys9p1{min-width:24px;width:24px;margin-right:10px;margin-top:7px;fill:var(--G3)}.chat.svelte-1lys9p1.svelte-1lys9p1{border:1px solid rgba(224, 224, 224, 1);border-radius:5px;margin:0px;padding:10px;overflow-wrap:anywhere}"); } function create_fragment$1(ctx) { let div; let svg; let path; let t0; let p; let t1; return { c() { div = element("div"); svg = svg_element("svg"); path = svg_element("path"); t0 = space(); p = element("p"); t1 = text(/*input*/ ctx[0]); this.h(); }, l(nodes) { div = claim_element(nodes, "DIV", { class: true }); var div_nodes = children(div); svg = claim_svg_element(div_nodes, "svg", { xmlns: true, viewBox: true, class: true }); var svg_nodes = children(svg); path = claim_svg_element(svg_nodes, "path", { d: true }); children(path).forEach(detach); svg_nodes.forEach(detach); t0 = claim_space(div_nodes); p = claim_element(div_nodes, "P", { class: true }); var p_nodes = children(p); t1 = claim_text(p_nodes, /*input*/ ctx[0]); p_nodes.forEach(detach); div_nodes.forEach(detach); this.h(); }, h() { attr(path, "d", "M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3z"); attr(svg, "xmlns", "http://www.w3.org/2000/svg"); attr(svg, "viewBox", "0 0 448 512"); attr(svg, "class", "svelte-1lys9p1"); attr(p, "class", "chat svelte-1lys9p1"); attr(div, "class", "box svelte-1lys9p1"); }, m(target, anchor) { insert_hydration(target, div, anchor); append_hydration(div, svg); append_hydration(svg, path); append_hydration(div, t0); append_hydration(div, p); append_hydration(p, t1); }, p(ctx, [dirty]) { if (dirty & /*input*/ 1) set_data(t1, /*input*/ ctx[0]); }, i: noop, o: noop, d(detaching) { if (detaching) detach(div); } }; } function instance$1($$self, $$props, $$invalidate) { let { input } = $$props; $$self.$$set = $$props => { if ('input' in $$props) $$invalidate(0, input = $$props.input); }; return [input]; } class UserBlock extends SvelteComponent { constructor(options) { super(); init(this, options, instance$1, create_fragment$1, safe_not_equal, { input: 0 }, add_css$1); } } /* src/InstanceView.svelte generated by Svelte v3.55.1 */ function add_css(target) { append_styles(target, "svelte-eoma5v", "#container.svelte-eoma5v{border:0.5px solid rgb(224, 224, 224);min-width:350px;border-radius:2px;padding:10px}.label.svelte-eoma5v{margin-right:5px;font-weight:700}p.svelte-eoma5v{margin:5px;overflow-wrap:anywhere}"); } function get_each_context(ctx, list, i) { const child_ctx = ctx.slice(); child_ctx[6] = list[i]; return child_ctx; } // (21:2) {#if entry[dataColumn]} function create_if_block_2(ctx) { let current_block_type_index; let if_block; let if_block_anchor; let current; const if_block_creators = [create_if_block_3, create_else_block]; const if_blocks = []; function select_block_type(ctx, dirty) { if (typeof /*entry*/ ctx[0][/*dataColumn*/ ctx[3]] === "string") return 0; return 1; } current_block_type_index = select_block_type(ctx); if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx); return { c() { if_block.c(); if_block_anchor = empty(); }, l(nodes) { if_block.l(nodes); if_block_anchor = empty(); }, m(target, anchor) { if_blocks[current_block_type_index].m(target, anchor); insert_hydration(target, if_block_anchor, anchor); current = true; }, p(ctx, dirty) { let previous_block_index = current_block_type_index; current_block_type_index = select_block_type(ctx); if (current_block_type_index === previous_block_index) { if_blocks[current_block_type_index].p(ctx, dirty); } else { group_outros(); transition_out(if_blocks[previous_block_index], 1, 1, () => { if_blocks[previous_block_index] = null; }); check_outros(); if_block = if_blocks[current_block_type_index]; if (!if_block) { if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx); if_block.c(); } else { if_block.p(ctx, dirty); } transition_in(if_block, 1); if_block.m(if_block_anchor.parentNode, if_block_anchor); } }, i(local) { if (current) return; transition_in(if_block); current = true; }, o(local) { transition_out(if_block); current = false; }, d(detaching) { if_blocks[current_block_type_index].d(detaching); if (detaching) detach(if_block_anchor); } }; } // (24:4) {:else} function create_else_block(ctx) { let each_1_anchor; let current; let each_value = /*entry*/ ctx[0][/*dataColumn*/ ctx[3]]; let each_blocks = []; for (let i = 0; i < each_value.length; i += 1) { each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i)); } const out = i => transition_out(each_blocks[i], 1, 1, () => { each_blocks[i] = null; }); return { c() { for (let i = 0; i < each_blocks.length; i += 1) { each_blocks[i].c(); } each_1_anchor = empty(); }, l(nodes) { for (let i = 0; i < each_blocks.length; i += 1) { each_blocks[i].l(nodes); } each_1_anchor = empty(); }, m(target, anchor) { for (let i = 0; i < each_blocks.length; i += 1) { each_blocks[i].m(target, anchor); } insert_hydration(target, each_1_anchor, anchor); current = true; }, p(ctx, dirty) { if (dirty & /*entry, dataColumn*/ 9) { each_value = /*entry*/ ctx[0][/*dataColumn*/ ctx[3]]; let i; for (i = 0; i < each_value.length; i += 1) { const child_ctx = get_each_context(ctx, each_value, i); if (each_blocks[i]) { each_blocks[i].p(child_ctx, dirty); transition_in(each_blocks[i], 1); } else { each_blocks[i] = create_each_block(child_ctx); each_blocks[i].c(); transition_in(each_blocks[i], 1); each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor); } } group_outros(); for (i = each_value.length; i < each_blocks.length; i += 1) { out(i); } check_outros(); } }, i(local) { if (current) return; for (let i = 0; i < each_value.length; i += 1) { transition_in(each_blocks[i]); } current = true; }, o(local) { each_blocks = each_blocks.filter(Boolean); for (let i = 0; i < each_blocks.length; i += 1) { transition_out(each_blocks[i]); } current = false; }, d(detaching) { destroy_each(each_blocks, detaching); if (detaching) detach(each_1_anchor); } }; } // (22:4) {#if typeof entry[dataColumn] === "string"} function create_if_block_3(ctx) { let userblock; let current; userblock = new UserBlock({ props: { input: /*entry*/ ctx[0][/*dataColumn*/ ctx[3]] } }); return { c() { create_component(userblock.$$.fragment); }, l(nodes) { claim_component(userblock.$$.fragment, nodes); }, m(target, anchor) { mount_component(userblock, target, anchor); current = true; }, p(ctx, dirty) { const userblock_changes = {}; if (dirty & /*entry, dataColumn*/ 9) userblock_changes.input = /*entry*/ ctx[0][/*dataColumn*/ ctx[3]]; userblock.$set(userblock_changes); }, i(local) { if (current) return; transition_in(userblock.$$.fragment, local); current = true; }, o(local) { transition_out(userblock.$$.fragment, local); current = false; }, d(detaching) { destroy_component(userblock, detaching); } }; } // (30:42) function create_if_block_6(ctx) { let userblock; let current; userblock = new UserBlock({ props: { input: /*item*/ ctx[6]["content"] } }); return { c() { create_component(userblock.$$.fragment); }, l(nodes) { claim_component(userblock.$$.fragment, nodes); }, m(target, anchor) { mount_component(userblock, target, anchor); current = true; }, p(ctx, dirty) { const userblock_changes = {}; if (dirty & /*entry, dataColumn*/ 9) userblock_changes.input = /*item*/ ctx[6]["content"]; userblock.$set(userblock_changes); }, i(local) { if (current) return; transition_in(userblock.$$.fragment, local); current = true; }, o(local) { transition_out(userblock.$$.fragment, local); current = false; }, d(detaching) { destroy_component(userblock, detaching); } }; } // (28:47) function create_if_block_5(ctx) { let assistantblock; let current; assistantblock = new AssistantBlock({ props: { input: /*item*/ ctx[6]["content"] } }); return { c() { create_component(assistantblock.$$.fragment); }, l(nodes) { claim_component(assistantblock.$$.fragment, nodes); }, m(target, anchor) { mount_component(assistantblock, target, anchor); current = true; }, p(ctx, dirty) { const assistantblock_changes = {}; if (dirty & /*entry, dataColumn*/ 9) assistantblock_changes.input = /*item*/ ctx[6]["content"]; assistantblock.$set(assistantblock_changes); }, i(local) { if (current) return; transition_in(assistantblock.$$.fragment, local); current = true; }, o(local) { transition_out(assistantblock.$$.fragment, local); current = false; }, d(detaching) { destroy_component(assistantblock, detaching); } }; } // (26:8) {#if item["role"] === "system"} function create_if_block_4(ctx) { let systemblock; let current; systemblock = new SystemBlock({ props: { input: /*item*/ ctx[6]["content"] } }); return { c() { create_component(systemblock.$$.fragment); }, l(nodes) { claim_component(systemblock.$$.fragment, nodes); }, m(target, anchor) { mount_component(systemblock, target, anchor); current = true; }, p(ctx, dirty) { const systemblock_changes = {}; if (dirty & /*entry, dataColumn*/ 9) systemblock_changes.input = /*item*/ ctx[6]["content"]; systemblock.$set(systemblock_changes); }, i(local) { if (current) return; transition_in(systemblock.$$.fragment, local); current = true; }, o(local) { transition_out(systemblock.$$.fragment, local); current = false; }, d(detaching) { destroy_component(systemblock, detaching); } }; } // (25:6) {#each entry[dataColumn] as item} function create_each_block(ctx) { let current_block_type_index; let if_block; let if_block_anchor; let current; const if_block_creators = [create_if_block_4, create_if_block_5, create_if_block_6]; const if_blocks = []; function select_block_type_1(ctx, dirty) { if (/*item*/ ctx[6]["role"] === "system") return 0; if (/*item*/ ctx[6]["role"] === "assistant") return 1; if (/*item*/ ctx[6]["role"] === "user") return 2; return -1; } if (~(current_block_type_index = select_block_type_1(ctx))) { if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx); } return { c() { if (if_block) if_block.c(); if_block_anchor = empty(); }, l(nodes) { if (if_block) if_block.l(nodes); if_block_anchor = empty(); }, m(target, anchor) { if (~current_block_type_index) { if_blocks[current_block_type_index].m(target, anchor); } insert_hydration(target, if_block_anchor, anchor); current = true; }, p(ctx, dirty) { let previous_block_index = current_block_type_index; current_block_type_index = select_block_type_1(ctx); if (current_block_type_index === previous_block_index) { if (~current_block_type_index) { if_blocks[current_block_type_index].p(ctx, dirty); } } else { if (if_block) { group_outros(); transition_out(if_blocks[previous_block_index], 1, 1, () => { if_blocks[previous_block_index] = null; }); check_outros(); } if (~current_block_type_index) { if_block = if_blocks[current_block_type_index]; if (!if_block) { if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx); if_block.c(); } else { if_block.p(ctx, dirty); } transition_in(if_block, 1); if_block.m(if_block_anchor.parentNode, if_block_anchor); } else { if_block = null; } } }, i(local) { if (current) return; transition_in(if_block); current = true; }, o(local) { transition_out(if_block); current = false; }, d(detaching) { if (~current_block_type_index) { if_blocks[current_block_type_index].d(detaching); } if (detaching) detach(if_block_anchor); } }; } // (36:2) {#if entry[modelColumn]} function create_if_block_1(ctx) { let assistantblock; let current; assistantblock = new AssistantBlock({ props: { input: /*entry*/ ctx[0][/*modelColumn*/ ctx[1]], output: true } }); return { c() { create_component(assistantblock.$$.fragment); }, l(nodes) { claim_component(assistantblock.$$.fragment, nodes); }, m(target, anchor) { mount_component(assistantblock, target, anchor); current = true; }, p(ctx, dirty) { const assistantblock_changes = {}; if (dirty & /*entry, modelColumn*/ 3) assistantblock_changes.input = /*entry*/ ctx[0][/*modelColumn*/ ctx[1]]; assistantblock.$set(assistantblock_changes); }, i(local) { if (current) return; transition_in(assistantblock.$$.fragment, local); current = true; }, o(local) { transition_out(assistantblock.$$.fragment, local); current = false; }, d(detaching) { destroy_component(assistantblock, detaching); } }; } // (39:2) {#if entry[labelColumn]} function create_if_block(ctx) { let p; let span; let t0; let t1; let t2_value = /*entry*/ ctx[0][/*labelColumn*/ ctx[2]] + ""; let t2; return { c() { p = element("p"); span = element("span"); t0 = text("Expected:"); t1 = space(); t2 = text(t2_value); this.h(); }, l(nodes) { p = claim_element(nodes, "P", { class: true }); var p_nodes = children(p); span = claim_element(p_nodes, "SPAN", { class: true }); var span_nodes = children(span); t0 = claim_text(span_nodes, "Expected:"); span_nodes.forEach(detach); t1 = claim_space(p_nodes); t2 = claim_text(p_nodes, t2_value); p_nodes.forEach(detach); this.h(); }, h() { attr(span, "class", "label svelte-eoma5v"); attr(p, "class", "svelte-eoma5v"); }, m(target, anchor) { insert_hydration(target, p, anchor); append_hydration(p, span); append_hydration(span, t0); append_hydration(p, t1); append_hydration(p, t2); }, p(ctx, dirty) { if (dirty & /*entry, labelColumn*/ 5 && t2_value !== (t2_value = /*entry*/ ctx[0][/*labelColumn*/ ctx[2]] + "")) set_data(t2, t2_value); }, d(detaching) { if (detaching) detach(p); } }; } function create_fragment(ctx) { let div; let t0; let t1; let current; let if_block0 = /*entry*/ ctx[0][/*dataColumn*/ ctx[3]] && create_if_block_2(ctx); let if_block1 = /*entry*/ ctx[0][/*modelColumn*/ ctx[1]] && create_if_block_1(ctx); let if_block2 = /*entry*/ ctx[0][/*labelColumn*/ ctx[2]] && create_if_block(ctx); return { c() { div = element("div"); if (if_block0) if_block0.c(); t0 = space(); if (if_block1) if_block1.c(); t1 = space(); if (if_block2) if_block2.c(); this.h(); }, l(nodes) { div = claim_element(nodes, "DIV", { id: true, class: true }); var div_nodes = children(div); if (if_block0) if_block0.l(div_nodes); t0 = claim_space(div_nodes); if (if_block1) if_block1.l(div_nodes); t1 = claim_space(div_nodes); if (if_block2) if_block2.l(div_nodes); div_nodes.forEach(detach); this.h(); }, h() { attr(div, "id", "container"); attr(div, "class", "svelte-eoma5v"); }, m(target, anchor) { insert_hydration(target, div, anchor); if (if_block0) if_block0.m(div, null); append_hydration(div, t0); if (if_block1) if_block1.m(div, null); append_hydration(div, t1); if (if_block2) if_block2.m(div, null); current = true; }, p(ctx, [dirty]) { if (/*entry*/ ctx[0][/*dataColumn*/ ctx[3]]) { if (if_block0) { if_block0.p(ctx, dirty); if (dirty & /*entry, dataColumn*/ 9) { transition_in(if_block0, 1); } } else { if_block0 = create_if_block_2(ctx); if_block0.c(); transition_in(if_block0, 1); if_block0.m(div, t0); } } else if (if_block0) { group_outros(); transition_out(if_block0, 1, 1, () => { if_block0 = null; }); check_outros(); } if (/*entry*/ ctx[0][/*modelColumn*/ ctx[1]]) { if (if_block1) { if_block1.p(ctx, dirty); if (dirty & /*entry, modelColumn*/ 3) { transition_in(if_block1, 1); } } else { if_block1 = create_if_block_1(ctx); if_block1.c(); transition_in(if_block1, 1); if_block1.m(div, t1); } } else if (if_block1) { group_outros(); transition_out(if_block1, 1, 1, () => { if_block1 = null; }); check_outros(); } if (/*entry*/ ctx[0][/*labelColumn*/ ctx[2]]) { if (if_block2) { if_block2.p(ctx, dirty); } else { if_block2 = create_if_block(ctx); if_block2.c(); if_block2.m(div, null); } } else if (if_block2) { if_block2.d(1); if_block2 = null; } }, i(local) { if (current) return; transition_in(if_block0); transition_in(if_block1); current = true; }, o(local) { transition_out(if_block0); transition_out(if_block1); current = false; }, d(detaching) { if (detaching) detach(div); if (if_block0) if_block0.d(); if (if_block1) if_block1.d(); if (if_block2) if_block2.d(); } }; } function instance($$self, $$props, $$invalidate) { let { options } = $$props; let { entry } = $$props; let { modelColumn } = $$props; let { labelColumn } = $$props; let { dataColumn } = $$props; let { idColumn } = $$props; $$self.$$set = $$props => { if ('options' in $$props) $$invalidate(4, options = $$props.options); if ('entry' in $$props) $$invalidate(0, entry = $$props.entry); if ('modelColumn' in $$props) $$invalidate(1, modelColumn = $$props.modelColumn); if ('labelColumn' in $$props) $$invalidate(2, labelColumn = $$props.labelColumn); if ('dataColumn' in $$props) $$invalidate(3, dataColumn = $$props.dataColumn); if ('idColumn' in $$props) $$invalidate(5, idColumn = $$props.idColumn); }; return [entry, modelColumn, labelColumn, dataColumn, options, idColumn]; } class InstanceView extends SvelteComponent { constructor(options) { super(); init( this, options, instance, create_fragment, safe_not_equal, { options: 4, entry: 0, modelColumn: 1, labelColumn: 2, dataColumn: 3, idColumn: 5 }, add_css ); } } function getInstance( div, viewOptions, entry, modelColumn, labelColumn, dataColumn, idColumn ) { new InstanceView({ target: div, props: { entry: entry, viewOptions: viewOptions, modelColumn: modelColumn, labelColumn: labelColumn, dataColumn: dataColumn, idColumn: idColumn, }, hydrate: true, }); } // export function getOptions(div, setOptions) { // new OptionsView({ // target: div, // props: { // setOptions, // }, // }); // } export { getInstance };