@jaisocx/css-code-snippet 1.2.6 → 1.3.2

package/transpiled/ESNext/CssCodeSnippetHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"CssCodeSnippetHelpers.js","sourceRoot":"","sources":["../../src/CssCodeSnippetHelpers.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,qBAAqB;IAEzB,MAAM,CAAC,yBAAyB,CAAC,WAAmB;QACzD,OAAO,CAAC,GAAG,CACT,0BAA0B,WAAW,uDAAuD,EAC5F,EAAE,cAAc,EAAE,qBAAqB,CAAC,qBAAqB,CAAE,WAAW,CAAE,EAAE,CAC/E,CAAC;IACJ,CAAC;IAEM,MAAM,CAAC,qBAAqB,CAAC,WAAmB;QACrD,MAAM,eAAe,GAAQ;YAC3B,GAAG,EAAE,QAAQ;YACb,GAAG,EAAE,QAAQ;YACb,GAAG,EAAE,QAAQ;YACb,GAAG,EAAE,QAAQ;YACb,GAAG,EAAE,QAAQ;YACb,GAAG,EAAE,QAAQ;YACb,GAAG,EAAE,QAAQ;YACb,GAAG,EAAE,QAAQ;YACb,GAAG,EAAE,QAAQ;YACb,GAAG,EAAE,QAAQ;SACd,CAAC;QAEF,MAAM,iBAAiB,GAAW,OAAO,CAAC;QAE1C,IAAI,QAAQ,GAAW,EAAE,CAAC;QAC1B,MAAM,OAAO,GAAa,EAAE,CAAC;QAC7B,KAAK,IAAI,CAAC,GAAC,CAAC,EAAE,CAAC,IAAI,WAAW,EAAE,CAAC,EAAE,EAAG,CAAC;YACrC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAClB,CAAC;QACD,QAAQ,GAAG,OAAO;aACf,MAAM,CACL,CAAC,YAAY,EAAE,YAAY,EAAE,EAAE;YAC7B,IAAI,gBAAgB,GAAW,EAAE,GAAG,YAAY,CAAC;YACjD,IAAI,uBAAuB,GAAW,EAAE,CAAC;YACzC,KAAK,IAAI,CAAC,GAAC,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBAC/C,uBAAuB,IAAI,eAAe,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;YAClE,CAAC;YACD,YAAY,IAAI,uBAAuB,GAAG,iBAAiB,CAAC;YAC5D,OAAO,YAAY,CAAC;QACtB,CAAC,EACD,EAAE,CACH,CAAC;QAEJ,OAAO,CAAC,QAAQ,CAAC,CAAC;IACpB,CAAC;CAEF"}
+{"version":3,"file":"CssCodeSnippetHelpers.js","sourceRoot":"","sources":["../../src/CssCodeSnippetHelpers.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,qBAAqB;IAEzB,MAAM,CAAC,yBAAyB,CAAC,WAAmB;QACzD,OAAO,CAAC,GAAG,CACT,0BAA0B,WAAW,uDAAuD,EAC5F,EAAE,cAAc,EAAE,qBAAqB,CAAC,qBAAqB,CAAE,WAAW,CAAE,EAAE,CAC/E,CAAC;IACJ,CAAC;IAIM,MAAM,CAAC,qBAAqB,CAAC,WAAmB;QACrD,MAAM,eAAe,GAAQ;YAC3B,GAAG,EAAE,QAAQ;YACb,GAAG,EAAE,QAAQ;YACb,GAAG,EAAE,QAAQ;YACb,GAAG,EAAE,QAAQ;YACb,GAAG,EAAE,QAAQ;YACb,GAAG,EAAE,QAAQ;YACb,GAAG,EAAE,QAAQ;YACb,GAAG,EAAE,QAAQ;YACb,GAAG,EAAE,QAAQ;YACb,GAAG,EAAE,QAAQ;SACd,CAAC;QAEF,MAAM,iBAAiB,GAAW,OAAO,CAAC;QAE1C,IAAI,QAAQ,GAAW,EAAE,CAAC;QAC1B,MAAM,OAAO,GAAa,EAAE,CAAC;QAE7B,KAAK,IAAI,CAAC,GAAC,CAAC,EAAE,CAAC,IAAI,WAAW,EAAE,CAAC,EAAE,EAAG,CAAC;YACrC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAClB,CAAC;QACD,QAAQ,GAAG,OAAO;aACf,MAAM,CACL,CAAC,YAAY,EAAE,YAAY,EAAE,EAAE;YAC7B,IAAI,gBAAgB,GAAW,EAAE,GAAG,YAAY,CAAC;YACjD,IAAI,uBAAuB,GAAW,EAAE,CAAC;YAEzC,KAAK,IAAI,CAAC,GAAC,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBAC/C,uBAAuB,IAAI,eAAe,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;YAClE,CAAC;YACD,YAAY,IAAI,uBAAuB,GAAG,iBAAiB,CAAC;YAG5D,OAAO,YAAY,CAAC;QACtB,CAAC,EACD,EAAE,CACH,CAAC;QAGJ,OAAO,CAAC,QAAQ,CAAC,CAAC;IACpB,CAAC;CAEF"}

package/transpiled/ESNext/index.d.ts

@@ -1,2 +1,2 @@
-export { CssCodeSnippetHelpers } from "./CssCodeSnippetHelpers.js";
+import "@CssCodeSnippet_MediaAndStyles/CssCodeSnippet_main_Webpack.css";
 //# sourceMappingURL=index.d.ts.map

package/transpiled/ESNext/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,gEAAgE,CAAC"}

package/transpiled/ESNext/index.js

@@ -1,2 +1,2 @@
-export { CssCodeSnippetHelpers } from "./CssCodeSnippetHelpers.js";
+import "@CssCodeSnippet_MediaAndStyles/CssCodeSnippet_main_Webpack.css";
 //# sourceMappingURL=index.js.map

package/transpiled/ESNext/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,gEAAgE,CAAC"}

package/transpiled/ESNext/webpack.aliases.cjs

@@ -0,0 +1,19 @@
+"use strict";
+// the hardcoded copy of .cjs file
+const fs = require("node:fs");
+const path = require("node:path");
+const getWebpackAliases = require("./webpackAliases.js");
+// Get the filename and directory in a CommonJS-compatible way
+const fileName = __filename;
+const currentDir = path.resolve(__dirname);
+const projectRoot = path.resolve(currentDir, "../../../");
+let webpackAliasesResolved = getWebpackAliases(projectRoot);
+// Exporting the WebpackAliases object
+module.exports = {
+    WebpackAliases: {
+        resolve: {
+            alias: { ...webpackAliasesResolved },
+        },
+    },
+};
+//# sourceMappingURL=webpack.aliases.cjs.map

package/transpiled/ESNext/webpack.aliases.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"webpack.aliases.cjs","sourceRoot":"","sources":["../../src/webpack.aliases.cjs"],"names":[],"mappings":";AAAA,kCAAkC;AAElC,MAAM,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;AAC9B,MAAM,IAAI,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;AAClC,MAAM,iBAAiB,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC;AAIzD,8DAA8D;AAC9D,MAAM,QAAQ,GAAG,UAAU,CAAC;AAC5B,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;AAC3C,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;AAI1D,IAAI,sBAAsB,GAAG,iBAAiB,CAAE,WAAW,CAAE,CAAC;AAE9D,sCAAsC;AACtC,MAAM,CAAC,OAAO,GAAG;IACf,cAAc,EAAE;QACd,OAAO,EAAE;YACP,KAAK,EAAE,EAAE,GAAG,sBAAsB,EAAE;SACrC;KACF;CACF,CAAC"}

package/transpiled/ESNext/webpack.aliases.d.cts

@@ -0,0 +1,6 @@
+export namespace WebpackAliases {
+    namespace resolve {
+        let alias: any;
+    }
+}
+//# sourceMappingURL=webpack.aliases.d.cts.map

package/transpiled/ESNext/webpack.aliases.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webpack.aliases.d.cts","sourceRoot":"","sources":["../../src/webpack.aliases.cjs"],"names":[],"mappings":""}

package/transpiled/ESNext/webpack.aliases.d.mts

@@ -0,0 +1,6 @@
+export namespace WebpackAliases {
+    namespace resolve {
+        let alias: any;
+    }
+}
+//# sourceMappingURL=webpack.aliases.d.mts.map

package/transpiled/ESNext/webpack.aliases.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webpack.aliases.d.mts","sourceRoot":"","sources":["../../src/webpack.aliases.mjs"],"names":[],"mappings":""}

package/transpiled/ESNext/webpack.aliases.mjs

@@ -0,0 +1,14 @@
+// the hardcoded copy of .mjs file
+import * as path from "node:path";
+import { fileURLToPath } from "node:url";
+import { getWebpackAliases } from "./webpackAliases.js";
+let fileName = fileURLToPath(import.meta.url);
+let currentDir = path.resolve(fileName);
+let projectRoot = path.resolve(currentDir, "../../../");
+let webpackAliasesResolved = getWebpackAliases(projectRoot);
+export let WebpackAliases = {
+    resolve: {
+        alias: { ...webpackAliasesResolved },
+    },
+};
+//# sourceMappingURL=webpack.aliases.mjs.map

package/transpiled/ESNext/webpack.aliases.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"webpack.aliases.mjs","sourceRoot":"","sources":["../../src/webpack.aliases.mjs"],"names":[],"mappings":"AAAA,kCAAkC;AAElC,OAAO,KAAK,IAAI,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,IAAI,QAAQ,GAAG,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC9C,IAAI,UAAU,GAAG,IAAI,CAAC,OAAO,CAAE,QAAQ,CAAE,CAAC;AAC1C,IAAI,WAAW,GAAG,IAAI,CAAC,OAAO,CAAE,UAAU,EAAE,WAAW,CAAE,CAAC;AAG1D,IAAI,sBAAsB,GAAG,iBAAiB,CAAE,WAAW,CAAE,CAAC;AAG9D,MAAM,CAAC,IAAI,cAAc,GAAG;IAC1B,OAAO,EAAE;QACP,KAAK,EAAE,EAAE,GAAG,sBAAsB,EAAE;KACrC;CACF,CAAC"}

package/transpiled/ESNext/webpackAliases.d.ts

@@ -0,0 +1,2 @@
+export declare function getWebpackAliases(packageRoot: any): any;
+//# sourceMappingURL=webpackAliases.d.ts.map

package/transpiled/ESNext/webpackAliases.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webpackAliases.d.ts","sourceRoot":"","sources":["../../src/webpackAliases.ts"],"names":[],"mappings":"AAMA,wBAAgB,iBAAiB,CAAE,WAAW,EAAE,GAAG,GAAI,GAAG,CAiDzD"}

package/transpiled/ESNext/webpackAliases.js

@@ -0,0 +1,28 @@
+// the hardcoded copy of .ts file
+import * as path from "node:path";
+import * as fs from "node:fs";
+export function getWebpackAliases(packageRoot) {
+    const PROJECT_ROOT_PLACEHOLDER = "${packageRoot}/";
+    const WEBPACK_ALIASES_JSON__FILENAME = "webpack.aliases.json";
+    const WEBPACK_ALIASES_JSON__CHARSET = "utf8";
+    const CHAR_ZERO_LEN = "";
+    const webpackAliasesJsonPath = path.resolve(packageRoot, WEBPACK_ALIASES_JSON__FILENAME);
+    // Read and parse the JSON file
+    const json = fs.readFileSync(webpackAliasesJsonPath, WEBPACK_ALIASES_JSON__CHARSET);
+    const aliases = JSON.parse(json);
+    console.info(aliases);
+    const webpackAliasesResolved = {};
+    for (const propName in aliases) {
+        const aliasPath = aliases[propName];
+        const pathReplaced = aliasPath.replace(PROJECT_ROOT_PLACEHOLDER, CHAR_ZERO_LEN);
+        const pathResolved = path.resolve(packageRoot, pathReplaced);
+        webpackAliasesResolved[propName] = pathResolved;
+    }
+    // let webpackAliases = {
+    //   resolve: {
+    //     alias: { ...webpackAliasesResolved },
+    //   },
+    // };
+    return webpackAliasesResolved;
+}
+//# sourceMappingURL=webpackAliases.js.map

package/transpiled/ESNext/webpackAliases.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webpackAliases.js","sourceRoot":"","sources":["../../src/webpackAliases.ts"],"names":[],"mappings":"AAAA,iCAAiC;AAEjC,OAAO,KAAK,IAAI,MAAM,WAAW,CAAC;AAClC,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AAG9B,MAAM,UAAU,iBAAiB,CAAE,WAAgB;IACjD,MAAM,wBAAwB,GAAQ,iBAAiB,CAAC;IACxD,MAAM,8BAA8B,GAAQ,sBAAsB,CAAC;IACnE,MAAM,6BAA6B,GAAQ,MAAM,CAAC;IAClD,MAAM,aAAa,GAAQ,EAAE,CAAC;IAE9B,MAAM,sBAAsB,GAAQ,IAAI,CAAC,OAAO,CAC9C,WAAW,EACX,8BAA8B,CAC/B,CAAC;IAGF,+BAA+B;IAC/B,MAAM,IAAI,GAAQ,EAAE,CAAC,YAAY,CAC/B,sBAAsB,EACtB,6BAA6B,CAC9B,CAAC;IAEF,MAAM,OAAO,GAAQ,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAEtC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAEtB,MAAM,sBAAsB,GAAQ,EAAE,CAAC;IAEvC,KAAK,MAAM,QAAQ,IAAI,OAAO,EAAE,CAAC;QAC/B,MAAM,SAAS,GAAQ,OAAO,CAAC,QAAQ,CAAC,CAAC;QAEzC,MAAM,YAAY,GAAQ,SAAS,CAAC,OAAO,CACzC,wBAAwB,EACxB,aAAa,CACd,CAAC;QAEF,MAAM,YAAY,GAAQ,IAAI,CAAC,OAAO,CACpC,WAAW,EACX,YAAY,CACb,CAAC;QAEF,sBAAsB,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC;IAElD,CAAC;IAGD,yBAAyB;IACzB,eAAe;IACf,4CAA4C;IAC5C,OAAO;IACP,KAAK;IACL,OAAO,sBAAsB,CAAC;AAEhC,CAAC"}

package/transpiled/Simple/CssCodeSnippetHelpers.js

@@ -1,49 +1,54 @@
 class CssCodeSnippetHelpers {
-  static linesNumbersTextToConsole(linesNumber) {
-    console.log(
-      `Custom lines numbers ( ${linesNumber} ) text generated to use with lines-numbers-variables`, 
-      { "linesNumbers": CssCodeSnippetHelpers.getLinesNumbersString(linesNumber) });
-  }
-
-  static getLinesNumbersString(linesNumber) {
-    const numberToUnicode = {
-      "0": "\\0030",
-      "1": "\\0031",
-      "2": "\\0032",
-      "3": "\\0033",
-      "4": "\\0034",
-      "5": "\\0035",
-      "6": "\\0036",
-      "7": "\\0037",
-      "8": "\\0038",
-      "9": "\\0039"
-    };
-    const whiteSpaceEncoded = "\\00a";
-    let retValue = "";
-    const numbers = [];
-
-    for (let i = 1; i <= linesNumber; i++) {
-      numbers.push(i);
-    }
-
-    retValue = numbers
-      .reduce(
-        (previousVaue, currentValue) => {
-          let lineNumberString = "" + currentValue;
-          let lineNumberStringEncoded = "";
 
-          for (let i = 0; i < lineNumberString.length; i++) {
-            lineNumberStringEncoded += numberToUnicode[lineNumberString[i]];
-          }
+    static linesNumbersTextToConsole(linesNumber) {
+        console.log(
+            `Custom lines numbers ( ${linesNumber} ) text generated to use with lines-numbers-variables`,
+            { "linesNumbers": CssCodeSnippetHelpers.getLinesNumbersString(linesNumber) }
+        );
+    }
 
-          previousVaue += lineNumberStringEncoded + whiteSpaceEncoded;
 
-          return previousVaue;
-        }, 
-        "");
 
-    return (retValue);
-  }
-} 
+    static getLinesNumbersString(linesNumber) {
+        const numberToUnicode = {
+            "0": "\\0030",
+            "1": "\\0031",
+            "2": "\\0032",
+            "3": "\\0033",
+            "4": "\\0034",
+            "5": "\\0035",
+            "6": "\\0036",
+            "7": "\\0037",
+            "8": "\\0038",
+            "9": "\\0039"
+        };
+        const whiteSpaceEncoded = "\\00a";
+        let retValue = "";
+        const numbers = [];
+
+        for (let i = 1; i <= linesNumber; i++) {
+            numbers.push(i);
+        }
+        retValue = numbers
+            .reduce(
+                (previousVaue, currentValue) => {
+                    let lineNumberString = "" + currentValue;
+                    let lineNumberStringEncoded = "";
+
+                    for (let i = 0; i < lineNumberString.length; i++) {
+                        lineNumberStringEncoded += numberToUnicode[lineNumberString[i]];
+                    }
+                    previousVaue += lineNumberStringEncoded + whiteSpaceEncoded;
+
+
+                    return previousVaue;
+                },
+                ""
+            );
+
+
+        return (retValue);
+    }
+}
 
 

package/webpack.aliases.json

@@ -0,0 +1,5 @@
+{
+  "@CssCodeSnippet_MediaAndStyles": "${packageRoot}/MediaAndStyles/",
+  "@cdn_sandbox_fonts/": "https://sandbox.brightday.email/cdn/www/fonts/"
+}
+

package/ExampleCss_CssCodeSnippet.html

@@ -1,213 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>css-code-snippet</title>
-
-  <meta content="width=device-width, initial-scale=1.0" name="viewport">
-
-  <link rel="stylesheet" href="MediaAndStyles/themes/csstool-codesnippet-theme-colour-rosa.css">
-  <link rel="stylesheet" href="MediaAndStyles/themes/csstool-codesnippet-theme-colour-salad.css">
-  <link rel="stylesheet" href="MediaAndStyles/themes/csstool-codesnippet-theme-colour-blue.css">
-
-
-  <link rel="stylesheet" href="MediaAndStyles/themes/csstool-codesnippet-theme-size-large.css">
-  <link rel="stylesheet" href="MediaAndStyles/themes/csstool-codesnippet-theme-size-little.css">
-
-
-  <link rel="stylesheet" href="MediaAndStyles/themes/csstool-codesnippet-theme-base.css">
-  <link rel="stylesheet" href="MediaAndStyles/csstool-codesnippet-theme-styles-main.css">
-
-  <link rel="stylesheet" href="MediaAndStyles/lines-numbers-variables/code-snippet-lines-numbers-99.css">
-
-
-  <script src="transpiled/Simple/CssCodeSnippetHelpers.js"></script>
-
-
-  <style>
-
-.CodeSnippetHolder#code-snippet-example,
-.CodeSnippetHolder#code-snippet-example-thin {
-  --lines-number: 29;
-}
-
-.CodeSnippetHolder#code-snippet-example {
-  --code-snippet-tool--width: max-content;
-  --code-snippet-tool--height: auto;
-  --overflow-y: visible;
-}
-
-.CodeSnippetHolder#code-snippet-example-thin {
-  --code-snippet-tool--width: 28rem;
-  --code-snippet-tool--height: 22rem;
-  --overflow-y: auto;
-}
-
-  </style>
-
-
-<style>
-  * {
-  margin: 0;
-  padding: 0;
-}
-html {
-  font-size: 16px;
-}
-
-body {
-  width: 100vw;
-  background-color: steelblue;
-  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
-}
-main {
-  width: 80rem;
-  height: 100vh;
-  margin: 0 auto;
-  background-color: aliceblue;
-  display: flex !important;
-  flex-direction: column !important;
-  align-items: center;
-  justify-content: flex-start;
-}
-
-h1 {
-  font-size: 3rem;
-  line-height: 3.8rem;
-  margin: 2rem 0;
-  text-align: center;
-}
-
-@media (max-width: 440px) {
-  main {
-    width: 100vw;
-    max-width: 100vw;
-  }
-}
-</style>
-
-  <style>
-
-    nav ul {
-      display: flex !important;
-    }
-    nav ul li {
-      list-style-type:upper-roman;
-      color: #246;
-      margin: 0 0.9rem;
-    }
-    nav ul li a {
-      text-decoration: none;
-      color: grey;
-    }
-    nav ul li a:hover {
-      color: #09f;
-      text-decoration: underline;
-    }
-  </style>
-  <script>
-    let glob_LinesNumbersToProduce_Amount = 3;
-//    glob_LinesNumbersToProduce_Amount = 999;
-
-
-    function applyIdAndTheme(themeNames, codeSnippetId) {
-
-      const h3 = document.querySelector('h3');
-      h3.innerHTML = `Theme name: ${themeNames}, &lt;CodeSnippetHolder id="${codeSnippetId}"`;
-
-      const codeSnippet = document.querySelector('CodeSnippetHolder');
-      codeSnippet.className = `CodeSnippetHolder ${themeNames}`;
-      codeSnippet.id = codeSnippetId;
-    }
-
-    function applyH3innerHTML(themeName, codeSnippetId) {
-      const h3 = document.querySelector('h3');
-      h3.innerHTML = `Theme name: ${themeName}, &lt;CodeSnippetHolder id="${codeSnippetId}"`;
-    }
-
-    document.addEventListener('DOMContentLoaded', () => {
-      const CodeSnippetHolder = document.querySelector('CodeSnippetHolder');
-      applyH3innerHTML(CodeSnippetHolder.classList.item(1), CodeSnippetHolder.id);
-
-      CssCodeSnippetHelpers.linesNumbersTextToConsole( glob_LinesNumbersToProduce_Amount );
-    });
-  </script>
-</head>
-<body>
-  <main>
-    <h1>Code snippet css tool</h1>
-    <h3>Theme name: salad, CodeSnippetHolder id="code-snippet-example"</h3>
-
-    <nav>
-      <ul>
-        <li>
-          <a href="javascript: applyIdAndTheme('rosa', 'code-snippet-example')" title="rosa id=code-snippet-example">Rosa fit size</a>
-        </li>
-        <li>
-          <a href="javascript: applyIdAndTheme('rosa', 'code-snippet-example-thin')" title="rosa id=code-snippet-example02">Rosa thin</a>
-        </li>
-        <li>
-          <a href="javascript: applyIdAndTheme('salad', 'code-snippet-example')" title="salad id=code-snippet-example">Salad fit size</a>
-        </li>
-        <li>
-          <a href="javascript: applyIdAndTheme('salad', 'code-snippet-example-thin')" title="salad id=code-snippet-example02">Salad thin</a>
-        </li>
-        <li>
-          <a href="javascript: applyIdAndTheme('blue', 'code-snippet-example')" title="theme-example id=code-snippet-example">Sky Blue fit size</a>
-        </li>
-        <li>
-          <a href="javascript: applyIdAndTheme('blue', 'code-snippet-example-thin')" title="theme-example id=code-snippet-example02">Sky Blue thin</a>
-        </li>
-      </ul>
-    </nav>
-
-    <nav>
-      <ul>
-        <li>
-          <a href="javascript: applyIdAndTheme('salad large', 'code-snippet-example')" title="salad id=code-snippet-example">Salad fit size, large</a>
-        </li>
-        <li>
-          <a href="javascript: applyIdAndTheme('salad little', 'code-snippet-example-thin')" title="salad id=code-snippet-example02">Salad thin, little</a>
-        </li>
-      </ul>
-    </nav>
-
-
-      <CodeSnippetHolder id="code-snippet-example-thin" class="CodeSnippetHolder salad">
-          <pre class="CodeSnippetArea">
-import { TestBed } from '@angular/core/testing';
-import { AppComponent } from './app.component';
-
-describe('AppComponent', () => {
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [AppComponent],
-    }).compileComponents();
-  });
-
-  it('should create the app', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app).toBeTruthy();
-  });
-
-  it(`should have the 'angular' title`, () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app.title).toEqual('angular');
-  });
-
-  it('should render title', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    fixture.detectChanges();
-    const compiled = fixture.nativeElement as HTMLElement;
-    expect(compiled.querySelector('h1')?.textContent).toContain('Hello, angular');
-  });
-});
-          </pre>
-        </CodeSnippetHolder>
-      
-    </main>
-</html>
-
-