diff --git a/src/compiler/compile/render_dom/index.ts b/src/compiler/compile/render_dom/index.ts index 6c6cafda4d..e204858df4 100644 --- a/src/compiler/compile/render_dom/index.ts +++ b/src/compiler/compile/render_dom/index.ts @@ -50,7 +50,7 @@ export default function dom( if (should_add_css) { body.push(b` function ${add_css}(options) { - @add_css_to_component(options, "${component.stylesheet.id.replace('svelte-', '')}", "${styles}"); + @append_styles(options, "${component.stylesheet.id.replace('svelte-', '')}", "${styles}"); } `); } diff --git a/src/runtime/internal/Component.ts b/src/runtime/internal/Component.ts index 334c58c33c..9f5691ff9a 100644 --- a/src/runtime/internal/Component.ts +++ b/src/runtime/internal/Component.ts @@ -1,7 +1,7 @@ import { add_render_callback, flush, schedule_update, dirty_components } from './scheduler'; import { current_component, set_current_component } from './lifecycle'; import { blank_object, is_empty, is_function, run, run_all, noop } from './utils'; -import { append, children, detach, element } from './dom'; +import { children, detach } from './dom'; import { transition_in } from './transitions'; interface Fragment { @@ -97,25 +97,6 @@ function make_dirty(component, i) { component.$$.dirty[(i / 31) | 0] |= (1 << (i % 31)); } - -let appendStylesTo = document.head; - -export function add_css_to_component( - { customStyleTag }, - styleSheetId: string, - styles: string, - styleId:string = `svelte-${styleSheetId}-style`) { - - if (customStyleTag) appendStylesTo = customStyleTag; - - if (!appendStylesTo.querySelector('#' + styleId)) { - const style = element('style'); - style.id = styleId; - style.textContent = styles; - append(appendStylesTo, style); - } -} - export function init(component, options, instance, create_fragment, not_equal, props, dirty = [-1]) { const parent_component = current_component; set_current_component(component); diff --git a/src/runtime/internal/dom.ts b/src/runtime/internal/dom.ts index 91e575ebf6..c373f7cc18 100644 --- a/src/runtime/internal/dom.ts +++ b/src/runtime/internal/dom.ts @@ -1,5 +1,24 @@ import { has_prop } from './utils'; +let appendStylesTo = document.head; + +export function append_styles( + { customStyleTag }, + styleSheetId: string, + styles: string, + styleId:string = `svelte-${styleSheetId}-style`) { + + if (customStyleTag) appendStylesTo = customStyleTag; + + if (!appendStylesTo.querySelector('#' + styleId)) { + const style = element('style'); + style.id = styleId; + style.textContent = styles; + append(appendStylesTo, style); + } +} + + export function append(target: Node, node: Node) { target.appendChild(node); }