@operato/utils 10.0.0 → 10.11.0

package/coverage/lcov-report/sorter.js

@@ -0,0 +1,210 @@
+/* eslint-disable */
+var addSorting = (function() {
+    'use strict';
+    var cols,
+        currentSort = {
+            index: 0,
+            desc: false
+        };
+
+    // returns the summary table element
+    function getTable() {
+        return document.querySelector('.coverage-summary');
+    }
+    // returns the thead element of the summary table
+    function getTableHeader() {
+        return getTable().querySelector('thead tr');
+    }
+    // returns the tbody element of the summary table
+    function getTableBody() {
+        return getTable().querySelector('tbody');
+    }
+    // returns the th element for nth column
+    function getNthColumn(n) {
+        return getTableHeader().querySelectorAll('th')[n];
+    }
+
+    function onFilterInput() {
+        const searchValue = document.getElementById('fileSearch').value;
+        const rows = document.getElementsByTagName('tbody')[0].children;
+
+        // Try to create a RegExp from the searchValue. If it fails (invalid regex),
+        // it will be treated as a plain text search
+        let searchRegex;
+        try {
+            searchRegex = new RegExp(searchValue, 'i'); // 'i' for case-insensitive
+        } catch (error) {
+            searchRegex = null;
+        }
+
+        for (let i = 0; i < rows.length; i++) {
+            const row = rows[i];
+            let isMatch = false;
+
+            if (searchRegex) {
+                // If a valid regex was created, use it for matching
+                isMatch = searchRegex.test(row.textContent);
+            } else {
+                // Otherwise, fall back to the original plain text search
+                isMatch = row.textContent
+                    .toLowerCase()
+                    .includes(searchValue.toLowerCase());
+            }
+
+            row.style.display = isMatch ? '' : 'none';
+        }
+    }
+
+    // loads the search box
+    function addSearchBox() {
+        var template = document.getElementById('filterTemplate');
+        var templateClone = template.content.cloneNode(true);
+        templateClone.getElementById('fileSearch').oninput = onFilterInput;
+        template.parentElement.appendChild(templateClone);
+    }
+
+    // loads all columns
+    function loadColumns() {
+        var colNodes = getTableHeader().querySelectorAll('th'),
+            colNode,
+            cols = [],
+            col,
+            i;
+
+        for (i = 0; i < colNodes.length; i += 1) {
+            colNode = colNodes[i];
+            col = {
+                key: colNode.getAttribute('data-col'),
+                sortable: !colNode.getAttribute('data-nosort'),
+                type: colNode.getAttribute('data-type') || 'string'
+            };
+            cols.push(col);
+            if (col.sortable) {
+                col.defaultDescSort = col.type === 'number';
+                colNode.innerHTML =
+                    colNode.innerHTML + '<span class="sorter"></span>';
+            }
+        }
+        return cols;
+    }
+    // attaches a data attribute to every tr element with an object
+    // of data values keyed by column name
+    function loadRowData(tableRow) {
+        var tableCols = tableRow.querySelectorAll('td'),
+            colNode,
+            col,
+            data = {},
+            i,
+            val;
+        for (i = 0; i < tableCols.length; i += 1) {
+            colNode = tableCols[i];
+            col = cols[i];
+            val = colNode.getAttribute('data-value');
+            if (col.type === 'number') {
+                val = Number(val);
+            }
+            data[col.key] = val;
+        }
+        return data;
+    }
+    // loads all row data
+    function loadData() {
+        var rows = getTableBody().querySelectorAll('tr'),
+            i;
+
+        for (i = 0; i < rows.length; i += 1) {
+            rows[i].data = loadRowData(rows[i]);
+        }
+    }
+    // sorts the table using the data for the ith column
+    function sortByIndex(index, desc) {
+        var key = cols[index].key,
+            sorter = function(a, b) {
+                a = a.data[key];
+                b = b.data[key];
+                return a < b ? -1 : a > b ? 1 : 0;
+            },
+            finalSorter = sorter,
+            tableBody = document.querySelector('.coverage-summary tbody'),
+            rowNodes = tableBody.querySelectorAll('tr'),
+            rows = [],
+            i;
+
+        if (desc) {
+            finalSorter = function(a, b) {
+                return -1 * sorter(a, b);
+            };
+        }
+
+        for (i = 0; i < rowNodes.length; i += 1) {
+            rows.push(rowNodes[i]);
+            tableBody.removeChild(rowNodes[i]);
+        }
+
+        rows.sort(finalSorter);
+
+        for (i = 0; i < rows.length; i += 1) {
+            tableBody.appendChild(rows[i]);
+        }
+    }
+    // removes sort indicators for current column being sorted
+    function removeSortIndicators() {
+        var col = getNthColumn(currentSort.index),
+            cls = col.className;
+
+        cls = cls.replace(/ sorted$/, '').replace(/ sorted-desc$/, '');
+        col.className = cls;
+    }
+    // adds sort indicators for current column being sorted
+    function addSortIndicators() {
+        getNthColumn(currentSort.index).className += currentSort.desc
+            ? ' sorted-desc'
+            : ' sorted';
+    }
+    // adds event listeners for all sorter widgets
+    function enableUI() {
+        var i,
+            el,
+            ithSorter = function ithSorter(i) {
+                var col = cols[i];
+
+                return function() {
+                    var desc = col.defaultDescSort;
+
+                    if (currentSort.index === i) {
+                        desc = !currentSort.desc;
+                    }
+                    sortByIndex(i, desc);
+                    removeSortIndicators();
+                    currentSort.index = i;
+                    currentSort.desc = desc;
+                    addSortIndicators();
+                };
+            };
+        for (i = 0; i < cols.length; i += 1) {
+            if (cols[i].sortable) {
+                // add the click event handler on the th so users
+                // dont have to click on those tiny arrows
+                el = getNthColumn(i).querySelector('.sorter').parentElement;
+                if (el.addEventListener) {
+                    el.addEventListener('click', ithSorter(i));
+                } else {
+                    el.attachEvent('onclick', ithSorter(i));
+                }
+            }
+        }
+    }
+    // adds sorting functionality to the UI
+    return function() {
+        if (!getTable()) {
+            return;
+        }
+        cols = loadColumns();
+        loadData();
+        addSearchBox();
+        addSortIndicators();
+        enableUI();
+    };
+})();
+
+window.addEventListener('load', addSorting);

package/coverage/lcov.info

@@ -0,0 +1,328 @@
+TN:
+SF:src/has-overflow.ts
+FN:7,hasOverflow
+FNF:1
+FNH:1
+FNDA:7,hasOverflow
+DA:1,2
+DA:2,2
+DA:3,2
+DA:4,2
+DA:5,2
+DA:6,2
+DA:7,2
+DA:8,7
+DA:9,7
+DA:10,7
+DA:11,7
+DA:12,0
+DA:13,0
+DA:14,7
+DA:15,7
+DA:16,7
+DA:17,7
+DA:18,0
+DA:19,0
+DA:20,7
+DA:21,7
+DA:22,1
+DA:23,1
+DA:24,6
+DA:25,6
+DA:26,6
+DA:27,6
+DA:28,6
+DA:29,6
+DA:30,6
+DA:31,6
+DA:32,6
+DA:33,6
+DA:34,6
+DA:35,6
+DA:36,6
+DA:37,7
+DA:38,1
+DA:39,1
+DA:40,5
+DA:41,5
+DA:42,5
+DA:43,5
+DA:44,5
+DA:45,5
+DA:46,5
+DA:47,5
+LF:47
+LH:43
+BRDA:7,0,0,7
+BRDA:11,1,0,0
+BRDA:15,2,0,6
+BRDA:17,3,0,0
+BRDA:21,4,0,1
+BRDA:24,5,0,6
+BRDA:37,6,0,1
+BRDA:40,7,0,5
+BRF:8
+BRH:6
+end_of_record
+TN:
+SF:src/reactive-controllers/tooltip-reactive-controller.ts
+FN:32,TooltipReactiveController
+FN:116,TooltipReactiveController.handleMouseOver
+FN:203,TooltipReactiveController.handleMouseOut
+FN:69,ensureContainer
+FN:104,hostConnected
+FN:110,hostDisconnected
+FN:150,cancelPending
+FN:157,show
+FNF:8
+FNH:7
+FNDA:4,TooltipReactiveController
+FNDA:4,TooltipReactiveController.handleMouseOver
+FNDA:0,TooltipReactiveController.handleMouseOut
+FNDA:4,ensureContainer
+FNDA:4,hostConnected
+FNDA:4,hostDisconnected
+FNDA:3,cancelPending
+FNDA:3,show
+DA:1,1
+DA:2,1
+DA:3,1
+DA:4,1
+DA:5,1
+DA:6,1
+DA:7,1
+DA:8,1
+DA:9,1
+DA:10,1
+DA:11,1
+DA:12,1
+DA:13,1
+DA:14,1
+DA:15,1
+DA:16,1
+DA:17,1
+DA:18,1
+DA:19,1
+DA:20,1
+DA:21,1
+DA:22,1
+DA:23,1
+DA:24,1
+DA:25,1
+DA:26,1
+DA:27,1
+DA:28,1
+DA:29,1
+DA:30,1
+DA:31,1
+DA:32,1
+DA:33,4
+DA:34,4
+DA:35,4
+DA:36,4
+DA:37,4
+DA:38,4
+DA:39,4
+DA:40,4
+DA:41,4
+DA:42,4
+DA:43,4
+DA:44,4
+DA:45,4
+DA:46,4
+DA:47,4
+DA:48,4
+DA:49,4
+DA:50,4
+DA:51,4
+DA:52,1
+DA:53,1
+DA:54,1
+DA:55,1
+DA:56,1
+DA:57,1
+DA:58,1
+DA:59,1
+DA:60,1
+DA:61,1
+DA:62,1
+DA:63,1
+DA:64,1
+DA:65,1
+DA:66,1
+DA:67,1
+DA:68,1
+DA:69,1
+DA:70,4
+DA:71,3
+DA:72,3
+DA:73,1
+DA:74,1
+DA:75,1
+DA:76,1
+DA:77,1
+DA:78,1
+DA:79,1
+DA:80,1
+DA:81,1
+DA:82,1
+DA:83,1
+DA:84,1
+DA:85,1
+DA:86,1
+DA:87,1
+DA:88,1
+DA:89,1
+DA:90,1
+DA:91,1
+DA:92,1
+DA:93,1
+DA:94,1
+DA:95,1
+DA:96,1
+DA:97,1
+DA:98,1
+DA:99,1
+DA:100,1
+DA:101,1
+DA:102,1
+DA:103,1
+DA:104,1
+DA:105,4
+DA:106,4
+DA:107,4
+DA:108,4
+DA:109,1
+DA:110,1
+DA:111,4
+DA:112,4
+DA:113,4
+DA:114,4
+DA:115,1
+DA:116,1
+DA:117,4
+DA:118,4
+DA:119,4
+DA:120,4
+DA:121,4
+DA:122,4
+DA:123,4
+DA:124,4
+DA:125,4
+DA:126,4
+DA:127,4
+DA:128,4
+DA:129,4
+DA:130,4
+DA:131,4
+DA:132,4
+DA:133,1
+DA:134,1
+DA:135,3
+DA:136,3
+DA:137,3
+DA:138,3
+DA:139,4
+DA:140,3
+DA:141,3
+DA:142,3
+DA:143,0
+DA:144,0
+DA:145,0
+DA:146,0
+DA:147,0
+DA:148,0
+DA:149,1
+DA:150,1
+DA:151,3
+DA:152,0
+DA:153,0
+DA:154,0
+DA:155,3
+DA:156,1
+DA:157,1
+DA:158,3
+DA:159,3
+DA:160,3
+DA:161,3
+DA:162,3
+DA:163,3
+DA:164,3
+DA:165,3
+DA:166,3
+DA:167,3
+DA:168,3
+DA:169,3
+DA:170,3
+DA:171,3
+DA:172,3
+DA:173,3
+DA:174,3
+DA:175,3
+DA:176,3
+DA:177,3
+DA:178,3
+DA:179,3
+DA:180,3
+DA:181,3
+DA:182,3
+DA:183,3
+DA:184,3
+DA:185,3
+DA:186,3
+DA:187,3
+DA:188,3
+DA:189,0
+DA:190,0
+DA:191,3
+DA:192,3
+DA:193,0
+DA:194,0
+DA:195,3
+DA:196,3
+DA:197,3
+DA:198,3
+DA:199,3
+DA:200,3
+DA:201,3
+DA:202,1
+DA:203,1
+DA:204,0
+DA:205,0
+DA:206,0
+DA:207,0
+DA:208,0
+DA:209,0
+DA:210,0
+DA:211,0
+DA:212,0
+DA:213,1
+LF:213
+LH:191
+BRDA:32,0,0,4
+BRDA:41,1,0,0
+BRDA:46,2,0,0
+BRDA:116,3,0,4
+BRDA:130,4,0,0
+BRDA:132,5,0,3
+BRDA:132,6,0,1
+BRDA:135,7,0,3
+BRDA:139,8,0,1
+BRDA:139,9,0,3
+BRDA:143,10,0,0
+BRDA:69,11,0,4
+BRDA:70,12,0,3
+BRDA:73,13,0,1
+BRDA:104,14,0,4
+BRDA:105,15,0,0
+BRDA:110,16,0,4
+BRDA:111,17,0,0
+BRDA:150,18,0,3
+BRDA:151,19,0,0
+BRDA:157,20,0,3
+BRDA:162,21,0,0
+BRDA:188,22,0,0
+BRDA:192,23,0,0
+BRF:24
+BRH:14
+end_of_record

package/dist/src/has-overflow.js

@@ -14,6 +14,28 @@ export function hasOverflow(el) {
     if (originalOverflow === 'visible') {
         el.style.overflow = '';
     }
-    return isOverflowing;
+    if (isOverflowing) {
+        return true;
+    }
+    /*
+     * A flex box reports no overflow even when its text is cut.
+     *
+     * scrollWidth measures what the box laid out, and flex lays its items out to fit — so a row
+     * whose title is ellipsised still answers scrollWidth === clientWidth. Measured on the plant
+     * calendar 2026-09-11: rows at client 114 with text 121, 123, 139 and 148 wide, every one
+     * visibly cut, every one reported as not overflowing. The tooltip that gates on this never
+     * appeared, on any row.
+     *
+     * Blocks are unaffected — they keep the fast answer above. Only a flex container pays for the
+     * second measurement, and only when the first says no.
+     */
+    if (!computedStyle.display.includes('flex')) {
+        return false;
+    }
+    const range = document.createRange();
+    range.selectNodeContents(el);
+    const content = range.getBoundingClientRect().width;
+    range.detach();
+    return content > el.clientWidth + 1;
 }
 //# sourceMappingURL=has-overflow.js.map

package/dist/src/has-overflow.js.map

@@ -1 +1 @@
-{"version":3,"file":"has-overflow.js","sourceRoot":"","sources":["../../src/has-overflow.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CAAC,EAAe;IACzC,MAAM,aAAa,GAAG,gBAAgB,CAAC,EAAE,CAAC,CAAA;IAC1C,MAAM,gBAAgB,GAAG,aAAa,CAAC,QAAQ,CAAA;IAE/C,IAAI,gBAAgB,KAAK,SAAS,EAAE,CAAC;QACnC,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;IAC9B,CAAC;IAED,MAAM,aAAa,GAAG,EAAE,CAAC,WAAW,GAAG,EAAE,CAAC,WAAW,IAAI,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,YAAY,CAAA;IAE1F,IAAI,gBAAgB,KAAK,SAAS,EAAE,CAAC;QACnC,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAA;IACxB,CAAC;IAED,OAAO,aAAa,CAAA;AACtB,CAAC","sourcesContent":["/**\n * Detects if the content of an HTMLElement overflows its boundaries.\n *\n * @param {HTMLElement} el - The HTMLElement to check for overflow.\n * @returns {boolean} - `true` if overflow is detected, `false` otherwise.\n */\nexport function hasOverflow(el: HTMLElement): boolean {\n  const computedStyle = getComputedStyle(el)\n  const originalOverflow = computedStyle.overflow\n\n  if (originalOverflow === 'visible') {\n    el.style.overflow = 'hidden'\n  }\n\n  const isOverflowing = el.clientWidth < el.scrollWidth || el.clientHeight < el.scrollHeight\n\n  if (originalOverflow === 'visible') {\n    el.style.overflow = ''\n  }\n\n  return isOverflowing\n}\n"]}
+{"version":3,"file":"has-overflow.js","sourceRoot":"","sources":["../../src/has-overflow.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CAAC,EAAe;IACzC,MAAM,aAAa,GAAG,gBAAgB,CAAC,EAAE,CAAC,CAAA;IAC1C,MAAM,gBAAgB,GAAG,aAAa,CAAC,QAAQ,CAAA;IAE/C,IAAI,gBAAgB,KAAK,SAAS,EAAE,CAAC;QACnC,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;IAC9B,CAAC;IAED,MAAM,aAAa,GAAG,EAAE,CAAC,WAAW,GAAG,EAAE,CAAC,WAAW,IAAI,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,YAAY,CAAA;IAE1F,IAAI,gBAAgB,KAAK,SAAS,EAAE,CAAC;QACnC,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAA;IACxB,CAAC;IAED,IAAI,aAAa,EAAE,CAAC;QAClB,OAAO,IAAI,CAAA;IACb,CAAC;IAED;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;QAC5C,OAAO,KAAK,CAAA;IACd,CAAC;IAED,MAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAA;IACpC,KAAK,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAA;IAC5B,MAAM,OAAO,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAA;IACnD,KAAK,CAAC,MAAM,EAAE,CAAA;IAEd,OAAO,OAAO,GAAG,EAAE,CAAC,WAAW,GAAG,CAAC,CAAA;AACrC,CAAC","sourcesContent":["/**\n * Detects if the content of an HTMLElement overflows its boundaries.\n *\n * @param {HTMLElement} el - The HTMLElement to check for overflow.\n * @returns {boolean} - `true` if overflow is detected, `false` otherwise.\n */\nexport function hasOverflow(el: HTMLElement): boolean {\n  const computedStyle = getComputedStyle(el)\n  const originalOverflow = computedStyle.overflow\n\n  if (originalOverflow === 'visible') {\n    el.style.overflow = 'hidden'\n  }\n\n  const isOverflowing = el.clientWidth < el.scrollWidth || el.clientHeight < el.scrollHeight\n\n  if (originalOverflow === 'visible') {\n    el.style.overflow = ''\n  }\n\n  if (isOverflowing) {\n    return true\n  }\n\n  /*\n   * A flex box reports no overflow even when its text is cut.\n   *\n   * scrollWidth measures what the box laid out, and flex lays its items out to fit — so a row\n   * whose title is ellipsised still answers scrollWidth === clientWidth. Measured on the plant\n   * calendar 2026-09-11: rows at client 114 with text 121, 123, 139 and 148 wide, every one\n   * visibly cut, every one reported as not overflowing. The tooltip that gates on this never\n   * appeared, on any row.\n   *\n   * Blocks are unaffected — they keep the fast answer above. Only a flex container pays for the\n   * second measurement, and only when the first says no.\n   */\n  if (!computedStyle.display.includes('flex')) {\n    return false\n  }\n\n  const range = document.createRange()\n  range.selectNodeContents(el)\n  const content = range.getBoundingClientRect().width\n  range.detach()\n\n  return content > el.clientWidth + 1\n}\n"]}

package/dist/src/reactive-controllers/tooltip-reactive-controller.d.ts

@@ -1,15 +1,57 @@
 import { ReactiveController, ReactiveControllerHost } from 'lit';
 export declare class TooltipReactiveController implements ReactiveController {
+    /**
+     * 뜨기까지 기다리는 시간(밀리초).
+     *
+     * ── 왜 기다리나 ─────────────────────────────────────────────────────────
+     * 표를 훑을 때 마우스는 여러 칸을 스쳐 지난다. 지연이 없으면 그 칸마다 툴팁이 떴다 사라져서, 읽으려는
+     * 것을 가리고 눈이 따라가야 한다. 지연을 두면 **머문 곳에만** 뜬다 — 스쳐 지난 것과 보려고 멈춘 것을
+     * 가른다(hover intent).
+     *
+     * 450ms 는 관례에 가까운 값이다. 더 짧으면 스치는 것과 구별되지 않고, 더 길면 「안 뜨는 것」처럼
+     * 느껴진다.
+     *
+     * ── 한 번 뜬 뒤에는 기다리지 않는다 ──────────────────────────────────────
+     * 이미 떠 있으면 다음 요소로 옮길 때 바로 바꾼다. 한 번 「보고 싶다」를 표현했으니 옆 칸을 볼 때마다
+     * 다시 기다리게 하지 않는다.
+     */
+    private static readonly DEFAULT_ENTER_DELAY;
     private host;
     private attributeName;
     private content?;
+    private enterDelay;
     private static tooltipContainer;
+    /** 뜨기를 기다리는 중인 타이머. */
+    private static pending;
+    /** 지금 툴팁이 떠 있는가. 떠 있으면 다음 요소로 옮길 때 기다리지 않는다. */
+    private static shown;
     constructor(host: ReactiveControllerHost & HTMLElement, options?: {
         content?: string | ((element: HTMLElement) => string);
         attributeName?: string;
+        /** 머무른 시간이 이만큼을 넘으면 뜬다(밀리초). 0 이면 바로 뜬다. */
+        enterDelay?: number;
     });
+    /**
+     * 툴팁 상자를 만든다 — 문서에 하나만 둔다.
+     *
+     * ── 모양 ────────────────────────────────────────────────────────────────
+     * 전에는 검정 70% 바탕 · 3px 둥글기 · 물려받은 글자 크기였다. 앱의 토큰을 하나도 쓰지 않아서, 화면이
+     * 어떤 색과 크기를 쓰든 툴팁만 브라우저 기본처럼 보였다.
+     *
+     * 이제 --ui-* 를 본다. 툴팁은 **화면 위에 잠깐 떠 있는 것**이라 화면과 같은 면이 아니고, 그래서
+     * 어두운 면에 흰 글자다 — 밝은 면으로 두면 표와 섞여 어디까지가 툴팁인지 안 보인다.
+     *
+     * 글자는 본문보다 한 단 작다(12px). 툴팁은 값이 아니라 값을 거드는 말이다.
+     *
+     * 테두리는 두지 않는다 — 어두운 면이 스스로 경계다. 그림자는 떠 있음을 말할 만큼만 옅게 둔다.
+     *
+     * 값은 모두 --tooltip-* 으로 덮을 수 있다. 어두운 테마는 이 값들을 뒤집어야 한다.
+     */
+    private static ensureContainer;
     hostConnected(): void;
     hostDisconnected(): void;
     private handleMouseOver;
+    private static cancelPending;
+    private show;
     private handleMouseOut;
 }