@yuneta/gobj-ui 2.0.0 → 2.2.3

package/{yui_icons.css → src/yui_icons.css}

@@ -97,6 +97,11 @@
     mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M256 160l0 96 128 0 0-96-128 0zm-64 0l-128 0 0 96 128 0 0-96zM0 320L0 96C0 60.7 28.7 32 64 32l320 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64l0-96zm384 0l-128 0 0 96 128 0 0-96zM192 416l0-96-128 0 0 96 128 0z'/%3E%3C/svg%3E");
 }
 
+.yi-terminal::before {
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M9.4 86.6C-3.1 74.1-3.1 53.9 9.4 41.4s32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L178.7 256 9.4 86.6zM256 416l288 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-288 0c-17.7 0-32-14.3-32-32s14.3-32 32-32z'/%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M9.4 86.6C-3.1 74.1-3.1 53.9 9.4 41.4s32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L178.7 256 9.4 86.6zM256 416l288 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-288 0c-17.7 0-32-14.3-32-32s14.3-32 32-32z'/%3E%3C/svg%3E");
+}
+
 .yi-user::before {
     -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224 248a120 120 0 1 0 0-240 120 120 0 1 0 0 240zm-29.7 56C95.8 304 16 383.8 16 482.3 16 498.7 29.3 512 45.7 512l356.6 0c16.4 0 29.7-13.3 29.7-29.7 0-98.5-79.8-178.3-178.3-178.3l-59.4 0z'/%3E%3C/svg%3E");
     mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224 248a120 120 0 1 0 0-240 120 120 0 1 0 0 240zm-29.7 56C95.8 304 16 383.8 16 482.3 16 498.7 29.3 512 45.7 512l356.6 0c16.4 0 29.7-13.3 29.7-29.7 0-98.5-79.8-178.3-178.3-178.3l-59.4 0z'/%3E%3C/svg%3E");

package/src/yui_inputs.css

@@ -0,0 +1,32 @@
+/***********************************************************************
+ *          yui_inputs.css
+ *
+ *      Styling for the editable-input helpers in yui_inputs.js.
+ *
+ *      The clear button itself is Bulma's `.delete`; here we only
+ *      position it over the input's right padding and show it only
+ *      while the field has content.
+ *
+ *          Copyright (c) 2026, ArtGins.
+ *          All Rights Reserved.
+ ***********************************************************************/
+.control.has-clear {
+    position: relative;
+}
+.control.has-clear input.input {
+    padding-right: 2.25em;
+}
+/*  Descendant selector (3 classes) so these win over Bulma's own
+ *  `.delete` rules (position:relative; display:inline-block) regardless
+ *  of which stylesheet loads last.  */
+.control.has-clear .yui-input-clear {
+    position: absolute;
+    top: 50%;
+    right: 0.5em;
+    transform: translateY(-50%);
+    display: none;
+    z-index: 4;
+}
+.control.has-clear .yui-input-clear.is-visible {
+    display: inline-block;
+}

package/src/yui_inputs.js

@@ -0,0 +1,71 @@
+/***********************************************************************
+ *          yui_inputs.js
+ *
+ *      Reusable editable-input helpers.
+ *
+ *      NORM: every editable text/search input gets a clear (✕) button
+ *      that appears only while the field has content. `attach_clear()`
+ *      wires it onto any Bulma `.control` that wraps an `<input>`:
+ *
+ *          let $input = createElement2(["input", {class:"input"}, ...]);
+ *          let $control = createElement2(["div", {class:"control"}, [$input]]);
+ *          attach_clear($control, $input);
+ *
+ *      The button is Bulma's own `.delete` (theme-aware). On click it
+ *      clears the value, refocuses the input, and dispatches a synthetic
+ *      `input` event so any existing listener (filter, etc.) reacts
+ *      exactly as if the user emptied the field by hand. An optional
+ *      `on_clear` callback runs after, for extra teardown (e.g. a
+ *      console wiping its response panel).
+ *
+ *          Copyright (c) 2026, ArtGins.
+ *          All Rights Reserved.
+ ***********************************************************************/
+import "./yui_inputs.css";
+
+import {createElement2} from "@yuneta/gobj-js";
+
+import i18next from "i18next";
+
+
+/***************************************************************
+ *  Add a clear (✕) button to a Bulma control wrapping an input.
+ *  Returns the button element (already appended to $control).
+ ***************************************************************/
+function attach_clear($control, $input, on_clear)
+{
+    if(!$control || !$input) {
+        return null;
+    }
+    $control.classList.add("has-clear");
+
+    let $btn = createElement2(["button", {
+        type:         "button",
+        class:        "delete is-medium yui-input-clear",
+        tabindex:     "-1",
+        title:        i18next.t("clear"),
+        "aria-label": i18next.t("clear")
+    }]);
+
+    function sync()
+    {
+        $btn.classList.toggle("is-visible", !!$input.value);
+    }
+
+    $input.addEventListener("input", sync);
+    $btn.addEventListener("click", () => {
+        $input.value = "";
+        $input.dispatchEvent(new Event("input", {bubbles: true}));
+        if(typeof on_clear === "function") {
+            on_clear();
+        }
+        $input.focus();
+        sync();
+    });
+
+    $control.appendChild($btn);
+    sync();
+    return $btn;
+}
+
+export {attach_clear};

package/vite.config.js

@@ -1,131 +0,0 @@
-import { defineConfig } from "vite";
-import terser from "@rollup/plugin-terser";
-
-export default defineConfig({
-    build: {
-        lib: {
-            entry: "index.js",
-            name: "libYui"
-        },
-        rollupOptions: {
-            checks: {
-                pluginTimings: false
-            },
-            external: [
-                "@yuneta/gobj-js",
-                "@antv/g6",
-                "bulma",
-                "i18next",
-                "maplibre-gl",
-                "tabulator-tables",
-                "tom-select",
-                "uplot",
-                "vanilla-jsoneditor",
-            ],
-            output: [
-                // Non-minified ES Module
-                {
-                    format: "es",
-                    dir: "dist",
-                    entryFileNames: "gobj-ui.es.js",
-                },
-                // Non-minified UMD Module
-                {
-                    name: "libYui",
-                    format: "umd",
-                    dir: "dist",
-                    entryFileNames: "gobj-ui.umd.js",
-                    globals: {
-                        "@yuneta/gobj-js": "gobjJs",
-                        "@antv/g6": "G6",
-                        "i18next": "i18next",
-                        "maplibre-gl": "maplibregl",
-                        "tabulator-tables": "Tabulator",
-                        "tom-select": "TomSelect",
-                        "uplot": "uPlot",
-                        "vanilla-jsoneditor": "JSONEditor",
-                    }
-                },
-                // Non-minified CJS Module
-                {
-                    name: "libYui",
-                    format: "cjs",
-                    dir: "dist",
-                    entryFileNames: "gobj-ui.cjs.js",
-                },
-                // Non-minified IIFE Module
-                {
-                    name: "libYui",
-                    format: "iife",
-                    dir: "dist",
-                    entryFileNames: "gobj-ui.iife.js",
-                    globals: {
-                        "@yuneta/gobj-js": "gobjJs",
-                        "@antv/g6": "G6",
-                        "i18next": "i18next",
-                        "maplibre-gl": "maplibregl",
-                        "tabulator-tables": "Tabulator",
-                        "tom-select": "TomSelect",
-                        "uplot": "uPlot",
-                        "vanilla-jsoneditor": "JSONEditor",
-                    }
-                },
-
-                // Minified ES Module
-                {
-                    format: "es",
-                    dir: "dist",
-                    entryFileNames: "gobj-ui.es.min.js",
-                    plugins: [terser()]
-                },
-                // Minified UMD Module
-                {
-                    name: "libYui",
-                    format: "umd",
-                    dir: "dist",
-                    entryFileNames: "gobj-ui.umd.min.js",
-                    plugins: [terser()],
-                    globals: {
-                        "@yuneta/gobj-js": "gobjJs",
-                        "@antv/g6": "G6",
-                        "i18next": "i18next",
-                        "maplibre-gl": "maplibregl",
-                        "tabulator-tables": "Tabulator",
-                        "tom-select": "TomSelect",
-                        "uplot": "uPlot",
-                        "vanilla-jsoneditor": "JSONEditor",
-                    }
-                },
-                // Minified CJS Module
-                {
-                    name: "libYui",
-                    format: "cjs",
-                    dir: "dist",
-                    entryFileNames: "gobj-ui.cjs.min.js",
-                    plugins: [terser()]
-                },
-                // Minified IIFE Module
-                {
-                    name: "libYui",
-                    format: "iife",
-                    dir: "dist",
-                    entryFileNames: "gobj-ui.iife.min.js",
-                    plugins: [terser()],
-                    globals: {
-                        "@yuneta/gobj-js": "gobjJs",
-                        "@antv/g6": "G6",
-                        "i18next": "i18next",
-                        "maplibre-gl": "maplibregl",
-                        "tabulator-tables": "Tabulator",
-                        "tom-select": "TomSelect",
-                        "uplot": "uPlot",
-                        "vanilla-jsoneditor": "JSONEditor",
-                    }
-                }
-            ]
-        },
-        sourcemap: true,
-        minify: false,
-        target: "esnext"
-    }
-});