Files

.github
site
src
test
- css
- custom-elements
- hydration
- js
- parser
- preprocess
- runtime
  - samples
    - action-custom-event-handler-in-each-destructured
    - action-custom-event-handler-in-each
    - action-custom-event-handler-node-context
    - action-custom-event-handler-this
    - action-custom-event-handler-with-context
    - action-custom-event-handler
    - action-function
    - action-ternary-template
    - action-this
    - action-update
    - action
    - after-render-prevents-loop
    - after-render-triggers-update
    - animation-css
    - animation-js-delay
    - animation-js-easing
    - animation-js
    - array-literal-spread-deopt
    - assignment-in-init
    - assignment-to-computed-property
    - attribute-boolean-false
    - attribute-boolean-indeterminate
    - attribute-boolean-true
    - attribute-casing
    - attribute-dynamic-multiple
    - attribute-dynamic-no-dependencies
    - attribute-dynamic-quotemarks
    - attribute-dynamic-shorthand
    - attribute-dynamic-type
    - attribute-dynamic
    - attribute-empty-svg
    - attribute-empty
    - attribute-namespaced
    - attribute-partial-number
    - attribute-prefer-expression
    - attribute-static-at-symbol
    - attribute-static-boolean
    - attribute-static-quotemarks
    - attribute-static
    - attribute-unknown-without-value
    - autofocus
    - await-component-oncreate
    - await-containing-if
    - await-in-each
    - await-set-simultaneous
    - await-then-catch-anchor
    - await-then-catch-event
    - await-then-catch-if
    - await-then-catch-in-slot
    - await-then-catch-multiple
    - await-then-catch-no-values
    - await-then-catch-non-promise
    - await-then-catch-order
    - await-then-catch-static
    - await-then-catch
    - await-then-shorthand
    - await-with-components
    - before-render-chain
    - before-render-prevents-loop
    - binding-audio-currenttime-duration-volume
    - binding-indirect-computed
    - binding-indirect
    - binding-input-checkbox-deep-contextual-b
    - binding-input-checkbox-deep-contextual
    - binding-input-checkbox-group-outside-each
    - binding-input-checkbox-group
    - binding-input-checkbox-indeterminate
    - binding-input-checkbox-with-event-in-each
    - binding-input-checkbox
    - binding-input-number
    - binding-input-radio-group
    - binding-input-range-change
    - binding-input-range
    - binding-input-text-contextual-deconflicted
    - binding-input-text-contextual
    - binding-input-text-deconflicted
    - binding-input-text-deep-computed-dynamic
    - binding-input-text-deep-computed
    - binding-input-text-deep-contextual-computed-dynamic
    - binding-input-text-deep-contextual
    - binding-input-text-deep
    - binding-input-text
    - binding-input-with-event
    - binding-select-implicit-option-value
    - binding-select-in-each-block
    - binding-select-in-yield
    - binding-select-initial-value-undefined
    - binding-select-initial-value
    - binding-select-late
    - binding-select-multiple
    - binding-select-optgroup
    - binding-select
    - binding-store-deep
    - binding-store
    - binding-textarea
    - binding-this-and-value
    - binding-this-component-reactive
    - binding-this-element-reactive
    - binding-this-no-innerhtml
    - binding-this-unset
    - binding-this-with-context
    - binding-this
    - bindings-before-onmount
    - bindings-coalesced
    - class-boolean
    - class-helper
    - class-in-each
    - class-shortcut-with-class
    - class-shortcut
    - class-with-attribute
    - class-with-dynamic-attribute
    - component-binding-blowback-b
    - component-binding-blowback-c
    - component-binding-blowback-d
    - component-binding-blowback-e
    - component-binding-blowback-f
    - component-binding-blowback
    - component-binding-computed
    - component-binding-conditional-b
    - component-binding-conditional
    - component-binding-deep-b
    - component-binding-deep
    - component-binding-each-nested
    - component-binding-each-object
    - component-binding-each
    - component-binding-infinite-loop
    - component-binding-nested
    - component-binding-non-leaky
    - component-binding-parent-supercedes-child-b
    - component-binding-parent-supercedes-child-c
    - component-binding-parent-supercedes-child
    - component-binding-private-state
    - component-binding-self-destroying
    - component-binding
    - component-data-dynamic-late
    - component-data-dynamic-shorthand
    - component-data-dynamic
    - component-data-empty
    - component-data-static-boolean-regression
    - component-data-static-boolean
    - component-data-static
    - component-event-not-stale
    - component-events-console
    - component-events-data
    - component-events-each
    - component-events
    - component-if-placement
    - component-name-deconflicted-globals
    - component-name-deconflicted
    - component-nested-deep
    - component-nested-deeper
    - component-not-void
    - component-ref
    - component-shorthand-import
    - component-slot-chained
    - component-slot-default
    - component-slot-dynamic
    - component-slot-each-block
    - component-slot-empty-b
    - component-slot-empty
    - component-slot-fallback
    - component-slot-if-block-before-node
    - component-slot-if-block
    - component-slot-if-else-block-before-node
    - component-slot-let-aliased
    - component-slot-let-b
    - component-slot-let-c
    - component-slot-let-d
    - component-slot-let-destructured
    - component-slot-let-named
    - component-slot-let-static
    - component-slot-let
    - component-slot-name-with-hyphen
    - component-slot-named-b
    - component-slot-named-c
    - component-slot-named-inherits-default-lets
    - component-slot-named
    - component-slot-names-sanitized
    - component-slot-nested-component
    - component-slot-nested-in-element
    - component-slot-nested
    - component-slot-static-and-dynamic
    - component-slot-used-with-default-event
    - component-static-at-symbol
    - component-template-inline-mutation
    - component-yield-follows-element
    - component-yield-if
    - component-yield-multiple-in-each
    - component-yield-multiple-in-if
    - component-yield-nested-if
    - component-yield-parent
    - component-yield-placement
    - component-yield-static
    - component-yield
    - component
    - context-api-b
    - context-api
    - contextual-callback-b
    - contextual-callback
    - css-comments
    - css-false
    - css-space-in-attribute
    - css
    - custom-method
    - deconflict-builtins
    - deconflict-component-name-with-global
    - deconflict-component-name-with-module-global
    - deconflict-component-refs
    - deconflict-contexts
    - deconflict-elements-indexes
    - deconflict-non-helpers
    - deconflict-self
    - deconflict-template-1
    - deconflict-template-2
    - deconflict-value
    - deconflict-vars
    - default-data-function
    - default-data-override
    - default-data
    - destroy-twice
    - destructuring
    - dev-warning-destroy-twice
    - dev-warning-helper
    - dev-warning-missing-data-binding
    - dev-warning-missing-data-component
    - dev-warning-missing-data-each
    - dev-warning-missing-data-excludes-event
    - dev-warning-missing-data
    - dev-warning-readonly-computed
    - dev-warning-readonly-window-binding
    - document-event
    - dynamic-component-bindings-recreated-b
    - dynamic-component-bindings-recreated
    - dynamic-component-bindings
    - dynamic-component-destroy-null
    - dynamic-component-events
    - dynamic-component-in-if
    - dynamic-component-inside-element
      - Bar.svelte
      - Foo.svelte
      - _config.js
      - main.svelte
    - dynamic-component-nulled-out
    - dynamic-component-ref
    - dynamic-component-slot
    - dynamic-component-update-existing-instance
    - dynamic-component
    - each-block-array-literal
    - each-block-containing-component-in-if
    - each-block-containing-if
    - each-block-deconflict-name-context
    - each-block-destructured-array-sparse
    - each-block-destructured-array
    - each-block-destructured-object-binding
    - each-block-destructured-object
    - each-block-dynamic-else-static
    - each-block-else-mount-or-intro
    - each-block-else-starts-empty
    - each-block-else
    - each-block-empty-outro
    - each-block-function
    - each-block-in-if-block
    - each-block-index-only
    - each-block-indexed
    - each-block-keyed-dynamic
    - each-block-keyed-empty
    - each-block-keyed-non-prop
    - each-block-keyed-object-identity
    - each-block-keyed-random-permute
    - each-block-keyed-siblings
    - each-block-keyed-static
    - each-block-keyed-unshift
    - each-block-keyed
    - each-block-random-permute
    - each-block-scope-shadow
    - each-block-static
    - each-block-text-node
    - each-block
    - each-blocks-expression
    - each-blocks-nested-b
    - each-blocks-nested
    - element-invalid-name
    - element-source-location
    - empty-style-block
    - escape-template-literals
    - escaped-text
    - event-handler-console-log
    - event-handler-deconflicted
    - event-handler-destructured
    - event-handler-each-context-invalidation
    - event-handler-each-context
    - event-handler-each-deconflicted
    - event-handler-each-this
    - event-handler-each
    - event-handler-event-methods
    - event-handler-hoisted
    - event-handler-modifier-once
    - event-handler-modifier-prevent-default
    - event-handler-modifier-stop-propagation
    - event-handler-removal
    - event-handler-sanitize
    - event-handler-shorthand-component
    - event-handler-shorthand-dynamic-component
    - event-handler-this-methods
    - event-handler
    - export-function-hoisting
    - flush-before-bindings
    - function-hoisting
    - function-in-expression
    - get-after-destroy
    - globals-accessible-directly-process
    - globals-accessible-directly
    - globals-not-dereferenced
    - globals-not-overwritten-by-bindings
    - globals-shadowed-by-data
    - globals-shadowed-by-helpers
    - hash-in-attribute
    - head-if-block
    - head-title-dynamic-simple
    - head-title-dynamic
    - head-title-static
    - hello-world
    - helpers-not-call-expression
    - helpers
    - html-entities-inside-elements
    - html-entities
    - html-non-entities-inside-elements
    - if-block-component-without-outro
    - if-block-else-in-each
    - if-block-else-partial-outro
    - if-block-else
    - if-block-elseif-no-else
    - if-block-elseif-text
    - if-block-elseif
    - if-block-expression
    - if-block-first
    - if-block-no-outro-else-with-outro
    - if-block-or
    - if-block-outro-nested-else
    - if-block-outro-unique-select-block-type
    - if-block-widget
    - if-block
    - if-in-keyed-each
    - ignore-unchanged-attribute-compound
    - ignore-unchanged-attribute
    - ignore-unchanged-raw
    - ignore-unchanged-tag
    - immutable-nested
    - immutable-option
    - immutable-svelte-meta-false
    - immutable-svelte-meta
    - imported-renamed-components
    - initial-state-assign
    - inline-expressions
    - input-list
    - instrumentation-script-destructuring
    - instrumentation-script-loop-scope
    - instrumentation-script-multiple-assignments
    - instrumentation-script-update
    - instrumentation-template-destructuring
    - instrumentation-template-loop-scope
    - instrumentation-template-multiple-assignments
    - instrumentation-template-update
    - internal-state
    - lifecycle-events
    - lifecycle-next-tick
    - lifecycle-render-order
    - mixed-let-export
    - module-context-with-instance-script
    - module-context
    - mutation-tracking-across-sibling-scopes
    - names-deconflicted-nested
    - names-deconflicted
    - nbsp
    - nested-transition-detach-each
    - nested-transition-detach-if-false
    - nested-transition-if-block-not-remounted
    - noscript-removal
    - ondestroy-before-cleanup
    - onmount-async
    - onmount-fires-when-ready-nested
    - onmount-fires-when-ready
    - onmount-sibling-order
    - option-without-select
    - paren-wrapped-expressions
    - preload
    - prop-accessors
    - prop-const
    - prop-exports
    - prop-not-action
    - prop-subscribable
    - prop-without-semicolon-b
    - prop-without-semicolon
    - props-reactive
    - props
    - raw-anchor-first-child
    - raw-anchor-first-last-child
    - raw-anchor-last-child
    - raw-anchor-next-previous-sibling
    - raw-anchor-next-sibling
    - raw-anchor-previous-sibling
    - raw-mustaches-preserved
    - raw-mustaches
    - reactive-function
    - reactive-value-mutate
    - reactive-values-deconflicted
    - reactive-values-exported
    - reactive-values-function-dependency
    - reactive-values-implicit-destructured
    - reactive-values-implicit-self-dependency
    - reactive-values-implicit
    - reactive-values-no-dependencies
    - reactive-values-non-cyclical
    - reactive-values-overwrite
    - reactive-values-second-order
    - reactive-values-self-dependency-b
    - reactive-values-self-dependency
    - reactive-values-subscript-assignment
    - reactive-values
    - renamed-instance-exports
    - script-style-non-top-level
    - select-bind-array
    - select-bind-in-array
    - select-change-handler
    - select-no-whitespace
    - select-one-way-bind-object
    - select-one-way-bind
    - select-props
    - select
    - self-reference-tree
    - self-reference
    - set-after-destroy
    - set-in-oncreate
    - set-in-onstate-dedupes-renders
    - set-in-onstate
    - set-null-text-node
    - set-prevents-loop
    - set-undefined-attr
    - sigil-component-attribute
    - sigil-static-#
    - sigil-static-@
    - single-static-element
    - single-text-node
    - slot-in-custom-element
    - spread-component-dynamic-undefined
    - spread-component-dynamic
    - spread-component-multiple-dependencies
    - spread-component-with-bind
    - spread-component
    - spread-each-component
    - spread-each-element
    - spread-element-boolean
    - spread-element-input
    - spread-element-multiple-dependencies
    - spread-element-multiple
    - spread-element
    - spread-own-props
    - state-deconflicted
    - store-assignment-updates-reactive
    - store-assignment-updates
    - store-auto-subscribe-immediate-multiple-vars
    - store-auto-subscribe-immediate
    - store-auto-subscribe-implicit
    - store-auto-subscribe-in-each
    - store-auto-subscribe-in-reactive-declaration
    - store-auto-subscribe-in-script
    - store-auto-subscribe-missing-global-script
    - store-auto-subscribe-missing-global-template
    - store-auto-subscribe
    - store-contextual
    - store-dev-mode-error
    - store-imported-module-b
    - store-imported-module
    - store-imported
    - store-prevent-user-declarations
    - store-resubscribe
    - svg-attributes
    - svg-child-component-declared-namespace-shorthand
    - svg-child-component-declared-namespace
    - svg-class
    - svg-each-block-anchor
    - svg-each-block-namespace
    - svg-foreignobject-namespace
    - svg-multiple
    - svg-no-whitespace
    - svg-with-style
    - svg-xlink
    - svg-xmlns
    - svg
    - template
    - textarea-children
    - textarea-value
    - transition-css-deferred-removal
    - transition-css-duration
    - transition-css-in-out-in
    - transition-js-aborted-outro-in-each
    - transition-js-aborted-outro
    - transition-js-args
    - transition-js-await-block
    - transition-js-context
    - transition-js-deferred-b
    - transition-js-deferred
    - transition-js-delay-in-out
    - transition-js-delay
    - transition-js-destroyed-before-end
    - transition-js-dynamic-component
    - transition-js-dynamic-if-block-bidi
    - transition-js-each-block-intro-outro
    - transition-js-each-block-intro
    - transition-js-each-block-keyed-intro-outro
    - transition-js-each-block-keyed-intro
    - transition-js-each-block-keyed-outro
    - transition-js-each-block-outro
    - transition-js-each-keyed-unchanged
    - transition-js-each-unchanged
    - transition-js-events
    - transition-js-if-block-bidi
    - transition-js-if-block-in-each-block-bidi-2
    - transition-js-if-block-in-each-block-bidi-3
    - transition-js-if-block-in-each-block-bidi
    - transition-js-if-block-intro-outro
    - transition-js-if-block-intro
    - transition-js-if-block-outro-timeout
    - transition-js-if-else-block-dynamic-outro
    - transition-js-if-else-block-intro
    - transition-js-if-else-block-outro
    - transition-js-if-elseif-block-outro
    - transition-js-initial
    - transition-js-intro-enabled-by-option
    - transition-js-intro-skipped-by-default-nested
    - transition-js-intro-skipped-by-default
    - transition-js-local-and-global
    - transition-js-local-nested-await
    - transition-js-local-nested-component
    - transition-js-local-nested-each-keyed
    - transition-js-local-nested-each
    - transition-js-local-nested-if
    - transition-js-local
    - transition-js-nested-await
    - transition-js-nested-component
    - transition-js-nested-each-delete
    - transition-js-nested-each-keyed-2
    - transition-js-nested-each-keyed
    - transition-js-nested-each
    - transition-js-nested-if
    - transition-js-nested-intro
    - transition-js-parameterised-with-state
    - transition-js-parameterised
    - transition-js-slot
    - whitespace-each-block
    - whitespace-list
    - whitespace-normal
    - window-bind-scroll-update
    - window-binding-multiple-handlers
    - window-binding-resize
    - window-event-context
    - window-event-custom
    - window-event
  - index.js
- server-side-rendering
- sourcemaps
- stats
- store
- validator
- vars
- helpers.js
- setup.js
- test.js
.editorconfig
.eslintignore
.eslintrc.json
.flowconfig
.gitignore
.prettierrc
.travis.yml
CHANGELOG.md
LICENSE
README.md
animate.mjs
appveyor.yml
banner.png
easing.mjs
index.mjs
mocha.coverage.opts
mocha.opts
package-lock.json
package.json
register.js
rollup.config.js
store.mjs
transition.mjs
tsconfig.json

dynamic-component-inside-element

Mar 16, 2019

cc942e9 · Mar 16, 2019

This branch is 6039 commits behind sveltejs/svelte:main.

Name	Name	Last commit message	Last commit date
parent directory ..
Bar.svelte	Bar.svelte	update runtime and ssr tests	Mar 16, 2019
Foo.svelte	Foo.svelte	update runtime and ssr tests	Mar 16, 2019
_config.js	_config.js	Implement reactive assignments (sveltejs#1839 )	Dec 16, 2018
main.svelte	main.svelte	rename .html files to .svelte	Feb 8, 2019

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Files

dynamic-component-inside-element

dynamic-component-inside-element

Files

dynamic-component-inside-element

Directory actions

More options

Directory actions

More options

Latest commit

History

dynamic-component-inside-element

Folders and files

parent directory