define([
	'compose',
	'../../collections/ObservableObject',
	'../../base/Destroyable',
	'../WithDomNode',
	'ksf/utils/string',
	'ksf/utils/destroy'
], function(
	compose,
	ObservableObject,
	Destroyable,
	WithDomNode,
	str,
	destroy
){
	// c'est un domComponent dont la création du domNode est délégué à un autre domComponent
	// on peut ainsi manipuler ce composant selon l'API KSF au lieu de manipuler directement un domNode natif
	// par contre,

	var init = {};

	return compose(
		ObservableObject,
		Destroyable,
		WithDomNode,
		function() {
			this.style = this._style = new ObservableObject();
		}, {
			_applyBounds: function() {
				var root = this._component;
				root && root.set('bounds', this.get('bounds'));
			},

			_applyStyle: function() {
				this.style.forEach(function(value, category) {
					this._component.style.set(category, value);
				}, this);
			},

			createRendering: function() {
				this._applyStyle();
				this.set('domNode', this._component.get('domNode'));
			},

			updateRendering: function() {
				this._applyStyle();
			},

			startLiveRendering: function() {
				if (this._component.startLiveRendering) {
					this._component.startLiveRendering();
					this.stopLiveRendering = function() {
						this._component.stopLiveRendering();
						delete this.stopLiveRendering;
					};
				} else {
					this.stopLiveRendering = function() {};
				}
			},

			destroy: function(){
				Destroyable.prototype.destroy.call(this);
				destroy(this._component);
			}
		}
	);
});
@@ -1103,12 +1103,8 @@
 %09%09%09%09
-if (
 this
@@ -1133,25 +1133,20 @@
 endering
-) %7B%0A%09%09%09%09%09
+ && 
 this._co
@@ -1172,24 +1172,112 @@
 ndering();%0A%09
+%09%09%09var cancelLiveStyle = this._style.asReactive().onValue(this._applyStyle.bind(this));%0A
 %09%09%09%09this.sto
@@ -1307,25 +1307,24 @@
 on() %7B%0A%09%09%09%09%09
-%09
 this._compon
@@ -1348,29 +1348,27 @@
 ring
-();%0A%09%09%09%09%09%09delete this
+ && this._component
 .sto
@@ -1385,36 +1385,48 @@
 ring
+()
 ;%0A%09%09%09%09%09
-%7D;%0A%09%09%09%09%7D else %7B%0A%09%09%09%09%09
+cancelLiveStyle();%0A%09%09%09%09%09delete 
 this
@@ -1447,31 +1447,16 @@
 ring
- = function() %7B%7D
 ;%0A%09%09%09%09%7D
+;
 %0A%09%09%09

Fix live style for CompositeMono