CHORE,DOC: some doc added, removed unused dependencies

package-lock.json

@@ -1,15 +1,15 @@
 {
-  "name": "websites-like-jpc",
+  "name": "jpc-like-websites",
   "version": "1.0.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
-      "name": "websites-like-jpc",
+      "name": "jpc-like-websites",
       "version": "1.0.0",
       "license": "ISC",
       "devDependencies": {
-        "typescript": "^5.6.2"
+
       }
     },
     "node_modules/typescript": {
@@ -22,16 +22,11 @@
         "tsserver": "bin/tsserver"
       },
       "engines": {
-        "node": ">=14.17"
+        "node": ">=18"
       }
     }
   },
   "dependencies": {
-    "typescript": {
-      "version": "5.6.2",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.6.2.tgz",
-      "integrity": "sha512-NW8ByodCSNCwZeghjN3o+JX5OFH0Ojg6sadjEKY4huZ52TqbJTJnDo5+Tw98lSy63NZvi4n+ez5m2u5d4PkZyw==",
-      "dev": true
-    }
+
   }
-}
+}

src/color.js

@@ -507,7 +507,6 @@ const Colors = Object.freeze({
     gray_99: new Color(252, 252, 252).hex('#FCFCFC'),
     gray_98: new Color(250, 250, 250).hex('#FAFAFA'),
     gray_97: new Color(247, 247, 247).hex('#F7F7F7'),
-    white_smoke: new Color(245, 245, 245).hex('#F5F5F5'), // (gray 96)
     gray_95: new Color(242, 242, 242).hex('#F2F2F2'),
     gray_94: new Color(240, 240, 240).hex('#F0F0F0'),
     gray_93: new Color(237, 237, 237).hex('#EDEDED'),
@@ -562,7 +561,6 @@ const Colors = Object.freeze({
     gray_44: new Color(112, 112, 112).hex('#707070'),
     gray_43: new Color(110, 110, 110).hex('#6E6E6E'),
     gray_42: new Color(107, 107, 107).hex('#6B6B6B'),
-    dimgray: new Color(105, 105, 105).hex('#696969'), // (gray 42)
     gray_40: new Color(102, 102, 102).hex('#666666'),
     gray_39: new Color(99, 99, 99).hex('#636363'),
     gray_38: new Color(97, 97, 97).hex('#616161'),

src/componentAncestry/wrapperComponent.js

@@ -190,7 +190,7 @@ class ChildbearerComponent extends ElementWrapper {
      */
     childContext(component) {
         if (!component) return this;
-        
+
         if (arguments.length > 1) {
             for (let i = 0; i < arguments.length; i++) {
                 this.childContext(arguments[i]);

src/context/extStore.js

@@ -164,7 +164,7 @@ class ExtStorage {
     /**
      * 
      * @param {OverwriteBehaviour} behave 
-     * @returns {EXPosConfer}
+     * @returns {ExtStorage}
      */
     setOverwriteBehaviour(behave) {
         this._overwriteBehaviour = behave;

src/context/framework-controls.js

@@ -29,7 +29,7 @@ function frameworkControlPanel(
                     new Border(3)
                         .color(Colors.goldenrod_3)
                 )
-                .linkPadding(4)
+                .padding(4)
         )
         .childContext([
             builder.column()

src/modifications/contextMenu.js

@@ -48,7 +48,7 @@ const DefaultContextMenu = {
         return function (event) {
             if (event.key === "Escape") {
                 let menu = document.querySelector(`[data-autocompel="${identifier}"`);
-                toggleElementVisibility(menu, true);
+                helperFun.toggleElementVisibility(menu, true);
                 document.removeEventListener("keyup");
             }
         }
@@ -61,7 +61,7 @@ const DefaultContextMenu = {
             let area = getEnclosingBounds(menu);
 
             if (!areXYInArea(area, event.clientX, event.clientY)) {
-                toggleElementVisibility(menu, true);
+                helperFun.toggleElementVisibility(menu, true);
                 document.removeEventListener("click")
             }
         }

src/modifiers/margin.js

@@ -9,7 +9,7 @@ class Margin extends Sides {
      * @param {SizeUnits} defaultUnit 
      */
     constructor(defaultValue = 0, defaultUnit = SizeUnits.PIXEL) {
-        super("margin",defaultValue, defaultUnit);
+        super("margin", defaultValue, defaultUnit);
     }
 }
 

src/modifiers/modificationSubChainMixins.js

@@ -1,6 +1,14 @@
+/**
+ * @abstract
+ */
 class ModificationSubChain {
-
+    /**
+     * @type {Modifier}
+     */
     _modifier;
+    /**
+     * @type {string}
+     */
     _modMethod;
 
     /**
@@ -31,6 +39,11 @@ class ModificationSubChain {
 }
 
 
+/**
+ * @inheritdoc
+ * @extends ModificationSubChain
+ * @abstract
+ */
 class ModificationSubChainReComp extends ModificationSubChain {
     /**
      * 
@@ -86,7 +99,9 @@ class ModificationSubChainReComp extends ModificationSubChain {
  */
 function mixinModSubChainEndings(classToExtend) {
     return class extends classToExtend {
-
+        /**
+         * @type {Modifier}
+         */
         _modifier;
 
         /**

src/sizeSide/shapes.js

@@ -85,7 +85,7 @@ class Shape extends DirectionUnitDependentAttribute {
      * @param {number} amount 
      * @returns {typeof Shape}
      */
-    top(amount){
+    top(amount) {
         return this.topLeft(amount).topRight(amount);
     }
     /**
@@ -93,7 +93,7 @@ class Shape extends DirectionUnitDependentAttribute {
      * @param {number} amount 
      * @returns {typeof Shape}
      */
-    bottom(amount){
+    bottom(amount) {
         return this.bottomLeft(amount).bottomRight(amount);
     }