REFA: Fusion of "Chainable..." and "...Chain" constructs

src/modifier.js

@@ -59,7 +59,7 @@ class Modifier {
      */
     padding(siding) {
         let keyToAdd = "";
-        if (siding instanceof ChainablePadding || siding instanceof PaddingChain) {
+        if (siding instanceof PaddingChain) {
 
         } else if (siding instanceof Sides) {
             keyToAdd = "padding-"
@@ -225,30 +225,6 @@ class ChainableModifier extends Modifier {
         this._component = component;
     }
 
-    /**
-     * 
-     * @returns {ChainableDimensions}
-     */
-    linkDimensions() {
-        return new ChainableDimensions(this);
-    }
-
-    /**
-     * 
-     * @returns {ChainablePadding}
-     */
-    linkPadding() {
-        return new ChainablePadding(this);
-    }
-
-    /**
-     * 
-     * @returns {ChainableShape}
-     */
-    linkClip() {
-        return new ChainableShape(this);
-    }
-
     /**
      * 
      * @returns {Component}
@@ -259,18 +235,7 @@ class ChainableModifier extends Modifier {
 
     /**
      * 
-     * @param {Component} innerComponent 
-     * @returns {Component} the parent Component
-     */
-    childContext(innerComponent) {
-        return this._component
-            .modifier(this)
-            .childContext(innerComponent);
-    }
-
-    /**
-     * 
-     * @param {Array<Component>} innerComponent 
+     * @param {Component|Array<Component>} innerComponent 
      * @returns {Component} the parent Component
      */
     childContext(innerComponent) {

src/sizeSide/dimensions.js

@@ -79,15 +79,22 @@ class DimensionsChain extends Dimensions {
     ensureModifier() {
         return this.toModifier()
     }
-}
 
-class ChainableDimensions extends DimensionsChain {
+    /**
+     * 
+     * @returns {Component} the Component that was (supposed to be) modified by this obj.
+     */
     toComponent() {
         return this._modifier
             .dimensions(this)
             .toComponent();
     }
 
+    /**
+     * 
+     * @param {Component|Array<Component>} innerComponent children of the Component under modification.
+     * @returns {Component}
+     */
     childContext(innerComponent) {
         return this._modifier
             .dimensions(this)

src/sizeSide/shapes.js

@@ -84,24 +84,38 @@ class ShapeChain extends Shape {
         this._modifier = modifier;
     }
 
+    /**
+       * 
+       * @returns {Modifier|ChainableModifier}
+       */
     toModifier() {
         return this._modifier
             .clip(this);
     }
-
+    /**
+      * 
+      * @returns {Modifier|ChainableModifier}
+      */
     ensureModifier() {
         return this.toModifier()
     }
 
-}
 
-class ChainableShape extends ShapeChain {
+    /**
+     * 
+     * @returns {Component} the Component that was (supposed to be) modified by this obj.
+     */
     toComponent() {
         return this._modifier
             .clip(this)
             .toComponent();
     }
 
+    /**
+     * 
+     * @param {Component|Array<Component>} innerComponent children of the Component under modification.
+     * @returns {Component}
+     */
     childContext(innerComponent) {
         return this._modifier
             .clip(this)

src/sizeSide/siding.js

@@ -33,7 +33,7 @@ class DirectionUnitDependentAttribute {
      * 
      * @returns {array<*>} list of attributes
      */
-    getOrderedAttributes(){
+    getOrderedAttributes() {
         return [this._fFirst, this._fSecond, this._fThird, this._fForth];
     }
 
@@ -41,7 +41,7 @@ class DirectionUnitDependentAttribute {
      * @returns {Array<string>}
      */
     getOrderedValues() {
-        return this.getOrderedAttributes().map(a=>a+this._unit);
+        return this.getOrderedAttributes().map(a => a + this._unit);
     }
 
     /**
@@ -222,6 +222,10 @@ class PaddingChain extends Sides {
         return this.toModifier()
     }
 
+    /**
+     * Returns the style-modifications of the class.
+     * @returns {Map<string,string>}
+     */
     toModifications() {
         return [
             { key: "padding-left", value: this._fFirst + this._unit },
@@ -230,16 +234,22 @@ class PaddingChain extends Sides {
             { key: "padding-bottom", value: this._fForth + this._unit }
         ]
     }
-}
 
-
-class ChainablePadding extends PaddingChain {
+    /**
+     * 
+     * @returns {Component} the Component that was (supposed to be) modified by this obj.
+     */
     toComponent() {
         return this._modifier
             .padding(this)
             .toComponent();
     }
 
+    /**
+     * 
+     * @param {Component|Array<Component>} innerComponent children of the Component under modification.
+     * @returns {Component}
+     */
     childContext(innerComponent) {
         return this._modifier
             .padding(this)