npm - json-crud-ui-comp-table - Versions diffs - 1.3.3 → 1.3.4 - Mend

json-crud-ui-comp-table 1.3.3 → 1.3.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (80) hide show

package/bin/v3/commands/TableComp/template/v4/Index/headers.json ADDED Viewed

@@ -0,0 +1,63 @@
+{
+    "uiClasses": {
+        "ulClass1": "[&_svg]:size-6"
+    },
+    "title": {
+        "text": "Items",
+        "htmlId": "htmlId"
+    },
+    "items": [
+        {
+            "text": "ShowAll",
+            "id": "ShowAllHtmlId",
+            "icon": [],
+            "uiClasses": {
+                "aClass": "",
+                "svgDivClass": "size-10"
+            },
+            "svgName": "home"
+        },
+        {
+            "text": "WithSerial",
+            "id": "WithSerialHtmlId",
+            "icon": [],
+            "uiClasses": {
+                "aClass": "",
+                "svgDivClass": "size-10"
+            },
+            "svgName": "serial"
+        },
+        {
+            "text": "WithSearch",
+            "id": "WithSearchHtmlId",
+            "icon": [],
+            "uiClasses": {
+                "aClass": "",
+                "svgDivClass": "size-10"
+            },
+            "svgName": "search"
+        },
+        {
+            "text": "User",
+            "id": "UserHeaderHtmlId",
+            "icon": [],
+            "uiClasses": {
+                "aClass": "",
+                "svgDivClass": "size-10",
+                "liClass": "md:text-left",
+                "isDisplayNone": true
+            },
+            "svgName": "user"
+        },
+        {
+            "text": "Login",
+            "id": "loginHeaderHtmlId",
+            "icon": [],
+            "uiClasses": {
+                "aClass": "",
+                "svgDivClass": "size-10"
+            },
+            "svgName": "xmark"
+        }
+    ]
+}

package/bin/v3/commands/TableComp/template/v4/Index/start.js ADDED Viewed

@@ -0,0 +1,7 @@
+import { startFormLoad } from "./FormLoad/start.js";
+function startApp() {
+    startFormLoad();
+};
+startApp();

package/bin/v3/commands/TableComp/template/v4/index.html ADDED Viewed

@@ -0,0 +1,117 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>KeshavSoft8</title>
+    <!-- Tailwind CDN -->
+    <script src="https://cdn.tailwindcss.com"></script>
+    <!-- <link rel="stylesheet" href="./tailwind-3.css"> -->
+    <!-- Heroicons (SVG inline, no extra CDN needed) -->
+    <style>
+        tfoot tr {
+            background-color: #fff8dc;
+        }
+        tfoot tr:has(input:focus) {
+            background-color: #ffe082;
+        }
+        input:focus {
+            outline: none;
+            border: 2px solid #2563eb;
+            box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.3);
+        }
+        mark {
+            background-color: yellow;
+            color: black;
+        }
+        .active svg {
+            stroke: #3b82f6;
+            /* Example color */
+        }
+        .active span {
+            color: #3b82f6;
+            /* Example color */
+        }
+        .danger svg {
+            stroke: #c41d14;
+            /* Example color */
+        }
+        .danger span {
+            color: #c41d14;
+            /* Example color */
+        }
+    </style>
+</head>
+<body class="bg-gray-100 flex flex-col min-h-screen">
+    <main class="flex-grow">
+        <!-- NAVBAR -->
+        <div id="header"></div>
+        <!-- body -->
+        <section class="mx-auto px-3 py-6
+                max-w-3xl
+                lg:max-w-5xl
+                xl:max-w-6xl">
+            <!-- Table container -->
+            <div id="kSTableContainer">
+            </div>
+            <div id="kSSubTableContainer">
+            </div>
+        </section>
+    </main>
+    <footer class="bg-gray-200 text-gray-700 text-center py-4">
+        <div class="max-w-6xl mx-auto px-4">
+            © 2026 KeshavSoft • Contact
+        </div>
+    </footer>
+    <!-- Login Modal -->
+    <!-- Modal -->
+    <div id="loginModal" class="hidden fixed inset-0 z-50 bg-black/40 flex items-center justify-center">
+        <div id="loginModalContent" class="bg-white rounded-lg shadow-lg w-full max-w-sm p-6">
+            <h2 class="text-xl font-semibold mb-4">
+                Login
+            </h2>
+            <input type="text" placeholder="Username" id="Username" class="w-full border rounded px-3 py-2 mb-3">
+            <input type="password" placeholder="Password" id="Password" class="w-full border rounded px-3 py-2 mb-2">
+            <p id="loginError" class="hidden text-red-600 text-sm mb-3">
+            </p>
+            <button class="w-full bg-blue-600 text-white py-2 rounded" id="loginButtonId">
+                Login
+            </button>
+        </div>
+    </div>
+    <script type="module" src="./Index/start.js"></script>
+</body>
+</html>

package/bin/v3/commands/TableComp/template/v4/script.js ADDED Viewed

@@ -0,0 +1,278 @@
+async function ensureTailwind() {
+    function loadCss(href) {
+        return new Promise((resolve, reject) => {
+            const link = document.createElement("link");
+            link.rel = "stylesheet";
+            link.href = href;
+            link.onload = resolve;
+            link.onerror = reject;
+            document.head.appendChild(link);
+        });
+    };
+    const tryLocal = async () => {
+        try {
+            await loadCss("./tailwind-3.css");
+            console.log("Tailwind loaded locally");
+            return true;
+        } catch { return false; }
+    };
+    const tryKsWebExtension = async () => {
+        try {
+            await loadCss("https://keshavsoft.github.io/KsWebExtension/tailwind-3.css");
+            console.log("Tailwind loaded from KsWebExtension");
+            return true;
+        } catch { return false; }
+    };
+    const tryGit = async () => {
+        try {
+            await loadCss("https://keshavsoft.github.io/tailwind-gen-css/tailwind-3.css");
+            console.log("Tailwind loaded from tailwind-gen-css");
+            return true;
+        } catch { return false; }
+    };
+    if (document.getElementById("KSTableTailwind")) {
+        console.log("Tailwind loaded from Firefox Extension");
+        return;
+    };
+    if (await tryLocal()) return;
+    if (await tryKsWebExtension()) return;
+    if (await tryGit()) return;
+    throw new Error("Tailwind could not be loaded");
+};
+async function ensureKSHeader() {
+    function loadScriptAsModule(src) {
+        return new Promise((resolve, reject) => {
+            const script = document.createElement("script");
+            script.src = src;
+            script.onload = () => resolve(true);
+            script.onerror = () => reject(new Error(`Failed to load: ${src}`));
+            script.type = "module";
+            document.head.appendChild(script);
+        });
+    };
+    function isKSTableLoaded() {
+        return !!window.KSHeader;
+    };
+    async function tryGitHub() {
+        try {
+            const fromPromise = await loadScriptAsModule("https://keshavsoft.github.io/tailwind-header-dom/Public/v4.7/ksheader.js");
+            console.log("KSHeader loaded from git : tailwind-header-dom");
+            if (fromPromise) return true;
+        } catch { return false };
+        return false;
+    };
+    async function tryLocal() {
+        try {
+            const fromPromise = await loadScriptAsModule("/header/v8/initHeader.js");
+            console.log("KSHeader loaded from local : header-v8");
+            if (fromPromise) return true;
+        } catch { return false };
+        return false;
+    };
+    if (isKSTableLoaded()) {
+        console.log("KSHeader loaded from Firefox Extension");
+        return;
+    };
+    if (await tryLocal()) return;
+    if (await tryGitHub()) return;
+    throw new Error("KSTable could not be loaded");
+};
+async function ensureKSTable() {
+    function loadScriptAsModule(src) {
+        return new Promise((resolve, reject) => {
+            const script = document.createElement("script");
+            script.src = src;
+            script.onload = () => resolve(true);
+            script.onerror = () => reject(new Error(`Failed to load: ${src}`));
+            script.type = "module";
+            document.head.appendChild(script);
+        });
+    };
+    function isKSTableLoaded() {
+        return !!window.KSTable;
+    };
+    async function tryGitHub() {
+        try {
+            const fromPromise = await loadScriptAsModule("https://keshavsoft.github.io/tailwind-table-dom/Public/v12/kstable.js");
+            console.log("KSTable loaded from Local Server");
+            if (fromPromise) return true;
+        } catch { return false };
+        return false;
+    };
+    async function tryLocal() {
+        try {
+            const fromPromise = await loadScriptAsModule("/KSTable/v1/entry.js");
+            console.log("KSTable loaded from Local Server");
+            if (fromPromise) return true;
+        } catch { return false };
+        return false;
+    };
+    if (isKSTableLoaded()) {
+        console.log("KSTable loaded from Firefox Extension");
+        return;
+    };
+    if (await tryLocal()) return;
+    if (await tryGitHub()) return;
+    throw new Error("KSTable could not be loaded");
+};
+async function ensureKSTableComp() {
+    function loadScriptAsModule(src) {
+        return new Promise((resolve, reject) => {
+            const script = document.createElement("script");
+            script.src = src;
+            script.onload = () => resolve(true);
+            script.onerror = () => reject(new Error(`Failed to load: ${src}`));
+            script.type = "module";
+            document.head.appendChild(script);
+        });
+    };
+    function isKSTableLoaded() {
+        return !!window.KSTableComp;
+    };
+    async function tryGitHub() {
+        try {
+            const fromPromise = await loadScriptAsModule("https://keshavsoft.github.io/tailwind-table-dom-comp/Public/v6/kstable.js");
+            console.log("KSTableComp loaded from git : tailwind-table-dom-comp-4");
+            if (fromPromise) return true;
+        } catch { return false };
+        return false;
+    };
+    async function tryLocal() {
+        try {
+            const fromPromise = await loadScriptAsModule("/TableComp/v5/entry.js");
+            console.log("KSTableComp loaded from Local Server : TableComp/v5");
+            if (fromPromise) return true;
+        } catch { return false };
+        return false;
+    };
+    if (isKSTableLoaded()) {
+        console.log("KSTable loaded from Firefox Extension");
+        return;
+    };
+    if (await tryLocal()) return;
+    if (await tryGitHub()) return;
+    throw new Error("KSTableComp could not be loaded");
+};
+async function ensureKSVertical() {
+    function loadScriptAsModule(src) {
+        return new Promise((resolve, reject) => {
+            const script = document.createElement("script");
+            script.src = src;
+            script.onload = () => resolve(true);
+            script.onerror = () => reject(new Error(`Failed to load: ${src}`));
+            script.type = "module";
+            document.head.appendChild(script);
+        });
+    };
+    function isKSVerticalLoaded() {
+        return !!window.KSVertical;
+    };
+    async function tryGitHub() {
+        try {
+            const fromPromise = await loadScriptAsModule("https://keshavsoft.github.io/tailwind-vertical-dom/Public/v3/ksvertical.js");
+            console.log("KSVertical loaded from git : tailwind-vertical-dom");
+            if (fromPromise) return true;
+        } catch { return false };
+        return false;
+    };
+    async function tryLocal() {
+        try {
+            const fromPromise = await loadScriptAsModule("/TableComp/v4/entry.js");
+            console.log("KSVertical loaded from Local Server : TableComp/v1");
+            if (fromPromise) return true;
+        } catch { return false };
+        return false;
+    };
+    if (isKSVerticalLoaded()) {
+        console.log("KSVertical loaded from Firefox Extension");
+        return;
+    };
+    if (await tryLocal()) return;
+    if (await tryGitHub()) return;
+    throw new Error("KSVertical could not be loaded");
+};
+await ensureTailwind();
+await ensureKSHeader();
+// ensureKSTable().then();
+ensureKSTableComp().then();
+ensureKSVertical().then();

package/bin/v3/commands/TableComp/template/v4/tailwind-3.css ADDED Viewed

@@ -0,0 +1 @@

+ *,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.right-2{right:.5rem}.top-2{top:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.ml-0{margin-left:0}.ml-3{margin-left:.75rem}.mt-0{margin-top:0}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.list-item{display:list-item}.hidden{display:none}.h-4{height:1rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-9{height:2.25rem}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-1\/2{width:50%}.w-24{width:6rem}.w-36{width:9rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-auto{width:auto}.w-full{width:100%}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-grow{flex-grow:1}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-4{row-gap:1rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.p-2{padding:.5rem}.p-6{padding:1.5rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-2{padding-bottom:.5rem}.pl-3{padding-left:.75rem}.pr-9{padding-right:2.25rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-colors{transition-duration:.15s}.odd\:bg-gray-100:nth-child(odd){--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:bg-gray-500:active{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}@media (min-width:768px){.md\:ml-0{margin-left:0}.md\:mt-0{margin-top:0}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-auto{width:auto}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:flex-wrap{flex-wrap:wrap}.md\:items-center{align-items:center}.md\:justify-center{justify-content:center}.md\:gap-4{gap:1rem}.md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px*var(--tw-space-y-reverse))}.md\:text-center{text-align:center}}@media (min-width:1024px){.lg\:h-7{height:1.75rem}.lg\:w-7{width:1.75rem}.lg\:max-w-5xl{max-width:64rem}.lg\:bg-transparent{background-color:transparent}.lg\:px-2{padding-left:.5rem;padding-right:.5rem}.lg\:py-1{padding-top:.25rem;padding-bottom:.25rem}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1280px){.xl\:max-w-6xl{max-width:72rem}.xl\:max-w-full{max-width:100%}.xl\:px-10{padding-left:2.5rem;padding-right:2.5rem}}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "json-crud-ui-comp-table",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "description": "ui boilerplate code in public folder, with html and js for table build",
   "keywords": [
     "cli",