mirror of
https://github.com/atom/atom.git
synced 2026-01-24 14:28:14 -05:00
83 lines
3.0 KiB
CoffeeScript
83 lines
3.0 KiB
CoffeeScript
{Emitter, CompositeDisposable} = require 'event-kit'
|
|
|
|
class StylesElement extends HTMLElement
|
|
subscriptions: null
|
|
context: null
|
|
|
|
onDidAddStyleElement: (callback) ->
|
|
@emitter.on 'did-add-style-element', callback
|
|
|
|
onDidRemoveStyleElement: (callback) ->
|
|
@emitter.on 'did-remove-style-element', callback
|
|
|
|
onDidUpdateStyleElement: (callback) ->
|
|
@emitter.on 'did-update-style-element', callback
|
|
|
|
createdCallback: ->
|
|
@subscriptions = new CompositeDisposable
|
|
@emitter = new Emitter
|
|
@styleElementClonesByOriginalElement = new WeakMap
|
|
|
|
attachedCallback: ->
|
|
@context = @getAttribute('context') ? undefined
|
|
|
|
detachedCallback: ->
|
|
@subscriptions.dispose()
|
|
@subscriptions = new CompositeDisposable
|
|
|
|
attributeChangedCallback: (attrName, oldVal, newVal) ->
|
|
@contextChanged() if attrName is 'context'
|
|
|
|
initialize: (@styleManager) ->
|
|
throw new Error("Must pass a styleManager parameter when initializing a StylesElement") unless @styleManager?
|
|
|
|
@subscriptions.add @styleManager.observeStyleElements(@styleElementAdded.bind(this))
|
|
@subscriptions.add @styleManager.onDidRemoveStyleElement(@styleElementRemoved.bind(this))
|
|
@subscriptions.add @styleManager.onDidUpdateStyleElement(@styleElementUpdated.bind(this))
|
|
|
|
contextChanged: ->
|
|
return unless @subscriptions?
|
|
|
|
@styleElementRemoved(child) for child in Array::slice.call(@children)
|
|
@context = @getAttribute('context')
|
|
@styleElementAdded(styleElement) for styleElement in @styleManager.getStyleElements()
|
|
return
|
|
|
|
styleElementAdded: (styleElement) ->
|
|
return unless @styleElementMatchesContext(styleElement)
|
|
|
|
styleElementClone = styleElement.cloneNode(true)
|
|
styleElementClone.sourcePath = styleElement.sourcePath
|
|
styleElementClone.context = styleElement.context
|
|
styleElementClone.priority = styleElement.priority
|
|
@styleElementClonesByOriginalElement.set(styleElement, styleElementClone)
|
|
|
|
priority = styleElement.priority
|
|
if priority?
|
|
for child in @children
|
|
if child.priority > priority
|
|
insertBefore = child
|
|
break
|
|
|
|
@insertBefore(styleElementClone, insertBefore)
|
|
@emitter.emit 'did-add-style-element', styleElementClone
|
|
|
|
styleElementRemoved: (styleElement) ->
|
|
return unless @styleElementMatchesContext(styleElement)
|
|
|
|
styleElementClone = @styleElementClonesByOriginalElement.get(styleElement) ? styleElement
|
|
styleElementClone.remove()
|
|
@emitter.emit 'did-remove-style-element', styleElementClone
|
|
|
|
styleElementUpdated: (styleElement) ->
|
|
return unless @styleElementMatchesContext(styleElement)
|
|
|
|
styleElementClone = @styleElementClonesByOriginalElement.get(styleElement)
|
|
styleElementClone.textContent = styleElement.textContent
|
|
@emitter.emit 'did-update-style-element', styleElementClone
|
|
|
|
styleElementMatchesContext: (styleElement) ->
|
|
not @context? or styleElement.context is @context
|
|
|
|
module.exports = StylesElement = document.registerElement 'atom-styles', prototype: StylesElement.prototype
|