@operato/utils 10.7.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.js

@@ -2,9 +2,22 @@ import { hasOverflow } from '../has-overflow.js';
 export class TooltipReactiveController {
     constructor(host, options) {
         this.handleMouseOver = (e) => {
-            var _a;
-            const element = e.target;
-            if (!((_a = element.hasAttribute) === null || _a === void 0 ? void 0 : _a.call(element, this.attributeName)) || !hasOverflow(element)) {
+            var _a, _b;
+            /*
+             * 표식이 달린 **조상**을 찾는다 — 포인터가 닿는 것은 대개 그 안의 조각이다.
+             *
+             * `e.target` 만 보고 있었다. 그런데 툴팁을 붙이고 싶은 줄은 거의 언제나 안에 조각을 가진다 —
+             * 공장 달력의 한 줄은 [표시 6px][줄머리][제목] 셋이고, data-grist 의 머리말도 안에 아이콘이
+             * 들어간다. 포인터가 그 조각 위에 있으면 `e.target` 이 조각이라 표식이 없고, 그대로 돌아갔다.
+             *
+             *   [확인함] 2026-09-11  공장 달력 한 줄 114px 중 제목 조각이 104px.
+             *                        줄에 직접 쏘면 뜨고, 제목 조각에 쏘면 안 뜬다.
+             *                        **91% 의 자리에서 안 뜬다** — 사실상 안 뜨는 것이다.
+             *
+             * `closest` 는 자기 자신부터 본다. 표식이 잎에 달린 경우는 전과 똑같이 동작한다.
+             */
+            const element = (_b = (_a = e.target).closest) === null || _b === void 0 ? void 0 : _b.call(_a, `[${this.attributeName}]`);
+            if (!element || !hasOverflow(element)) {
                 return;
             }
             TooltipReactiveController.cancelPending();

package/dist/src/reactive-controllers/tooltip-reactive-controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip-reactive-controller.js","sourceRoot":"","sources":["../../../src/reactive-controllers/tooltip-reactive-controller.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAEhD,MAAM,OAAO,yBAAyB;IA4BpC,YACE,IAA0C,EAC1C,OAKC;QA6EK,oBAAe,GAAG,CAAC,CAAQ,EAAE,EAAE;;YACrC,MAAM,OAAO,GAAG,CAAC,CAAC,MAAqB,CAAA;YAEvC,IAAI,CAAC,CAAA,MAAA,OAAO,CAAC,YAAY,wDAAG,IAAI,CAAC,aAAa,CAAC,CAAA,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC;gBACzE,OAAM;YACR,CAAC;YAED,yBAAyB,CAAC,aAAa,EAAE,CAAA;YAEzC,+BAA+B;YAC/B,IAAI,yBAAyB,CAAC,KAAK,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC,EAAE,CAAC;gBAC5D,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;gBAClB,OAAM;YACR,CAAC;YAED,yBAAyB,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAClD,yBAAyB,CAAC,OAAO,GAAG,IAAI,CAAA;gBACxC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;YACpB,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,CAAA;QACrB,CAAC,CAAA;QAuDO,mBAAc,GAAG,CAAC,CAAQ,EAAE,EAAE;YACpC,oCAAoC;YACpC,yBAAyB,CAAC,aAAa,EAAE,CAAA;YAEzC,IAAI,yBAAyB,CAAC,gBAAgB,EAAE,CAAC;gBAC/C,yBAAyB,CAAC,gBAAgB,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAA;YACnE,CAAC;YAED,yBAAyB,CAAC,KAAK,GAAG,KAAK,CAAA;QACzC,CAAC,CAAA;QA9JC,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,OAAO,IAAI,EAAE,CAAA;QAE5D,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAChB,IAAI,CAAC,aAAa,GAAG,aAAa,IAAI,uBAAuB,CAAA;QAC7D,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;QACtB,IAAI,CAAC,UAAU,GAAG,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,yBAAyB,CAAC,mBAAmB,CAAA;QAE7E,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA;QAExB,yBAAyB,CAAC,eAAe,EAAE,CAAA;IAC7C,CAAC;IAED;;;;;;;;;;;;;;;OAeG;IACK,MAAM,CAAC,eAAe;QAC5B,IAAI,yBAAyB,CAAC,gBAAgB,EAAE,CAAC;YAC/C,OAAM;QACR,CAAC;QAED,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAEzC,GAAG,CAAC,SAAS,GAAG,sBAAsB,CAAA;QACtC,GAAG,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAA;QAC5B,GAAG,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAA;QAChC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;QACzB,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAA;QAE1B;;;WAGG;QACH,GAAG,CAAC,KAAK,CAAC,UAAU,GAAG,qCAAqC,CAAA;QAC5D,GAAG,CAAC,KAAK,CAAC,QAAQ,GAAG,gCAAgC,CAAA;QACrD,GAAG,CAAC,KAAK,CAAC,UAAU,GAAG,kCAAkC,CAAA;QACzD,GAAG,CAAC,KAAK,CAAC,UAAU,GAAG,iCAAiC,CAAA;QACxD,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,+BAA+B,CAAA;QACjD,GAAG,CAAC,KAAK,CAAC,eAAe,GAAG,yDAAyD,CAAA;QACrF,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,iCAAiC,CAAA;QACrD,GAAG,CAAC,KAAK,CAAC,YAAY,GAAG,mCAAmC,CAAA;QAC5D,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,8DAA8D,CAAA;QACpF,GAAG,CAAC,KAAK,CAAC,QAAQ,GAAG,iCAAiC,CAAA;QACtD,GAAG,CAAC,KAAK,CAAC,QAAQ,GAAG,YAAY,CAAA;QACjC,GAAG,CAAC,KAAK,CAAC,UAAU,GAAG,UAAU,CAAA;QACjC,GAAG,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;QAE7B,yBAAyB,CAAC,gBAAgB,GAAG,GAAG,CAAA;QAChD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAA;IAChC,CAAC;IAED,aAAa;;QACX,MAAM,MAAM,GAAG,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,mCAAI,IAAI,CAAC,IAAI,CAAA;QAChD,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,eAAe,CAAC,CAAA;QAC1D,MAAM,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,cAAc,CAAC,CAAA;IAC1D,CAAC;IAED,gBAAgB;;QACd,MAAM,MAAM,GAAG,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,mCAAI,IAAI,CAAC,IAAI,CAAA;QAChD,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,eAAe,CAAC,CAAA;QAC7D,MAAM,CAAC,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,cAAc,CAAC,CAAA;IAC7D,CAAC;IAuBO,MAAM,CAAC,aAAa;QAC1B,IAAI,yBAAyB,CAAC,OAAO,EAAE,CAAC;YACtC,YAAY,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAA;YAC/C,yBAAyB,CAAC,OAAO,GAAG,IAAI,CAAA;QAC1C,CAAC;IACH,CAAC;IAEO,IAAI,CAAC,OAAoB;;QAC/B,CAAC;YACC,MAAM,cAAc,GAClB,OAAO,IAAI,CAAC,OAAO,KAAK,UAAU;gBAChC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC;gBAClC,CAAC,CAAC,IAAI,CAAC,OAAO,KAAI,MAAA,OAAO,CAAC,WAAW,0CAAE,IAAI,EAAE,CAAA,IAAI,EAAE,CAAA;YAEvD,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAA;YAC5C,MAAM,GAAG,GAAG,yBAAyB,CAAC,gBAAiB,CAAA;YAEvD,4BAA4B;YAC5B,GAAG,CAAC,WAAW,GAAG,cAAc,CAAA;YAChC,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAA;YAC3B,GAAG,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAA;YACtB,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,KAAK,CAAA;YAErB;;;;;;;;eAQG;YACH,MAAM,GAAG,GAAG,CAAC,CAAA;YACb,MAAM,IAAI,GAAG,GAAG,CAAC,qBAAqB,EAAE,CAAA;YAExC,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;YACpB,IAAI,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,GAAG,CAAA;YAE3B,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,GAAG,GAAG,EAAE,CAAC;gBAChD,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,CAAA;YAC5D,CAAC;YAED,IAAI,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,WAAW,GAAG,GAAG,EAAE,CAAC;gBACjD,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC,CAAA;YACnD,CAAC;YAED,GAAG,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAA;YACxC,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAA;YAEtC,yBAAyB,CAAC,KAAK,GAAG,IAAI,CAAA;QACxC,CAAC;IACH,CAAC;;AAvLD;;;;;;;;;;;;;;GAcG;AACqB,6CAAmB,GAAG,GAAG,AAAN,CAAM;AAMlC,0CAAgB,GAAuB,IAAI,AAA3B,CAA2B;AAC1D,uBAAuB;AACR,iCAAO,GAAyC,IAAI,AAA7C,CAA6C;AACnE,gDAAgD;AACjC,+BAAK,GAAG,KAAK,AAAR,CAAQ","sourcesContent":["import { ReactiveController, ReactiveControllerHost } from 'lit'\nimport { hasOverflow } from '../has-overflow.js'\n\nexport class TooltipReactiveController implements ReactiveController {\n  /**\n   * 뜨기까지 기다리는 시간(밀리초).\n   *\n   * ── 왜 기다리나 ─────────────────────────────────────────────────────────\n   * 표를 훑을 때 마우스는 여러 칸을 스쳐 지난다. 지연이 없으면 그 칸마다 툴팁이 떴다 사라져서, 읽으려는\n   * 것을 가리고 눈이 따라가야 한다. 지연을 두면 **머문 곳에만** 뜬다 — 스쳐 지난 것과 보려고 멈춘 것을\n   * 가른다(hover intent).\n   *\n   * 450ms 는 관례에 가까운 값이다. 더 짧으면 스치는 것과 구별되지 않고, 더 길면 「안 뜨는 것」처럼\n   * 느껴진다.\n   *\n   * ── 한 번 뜬 뒤에는 기다리지 않는다 ──────────────────────────────────────\n   * 이미 떠 있으면 다음 요소로 옮길 때 바로 바꾼다. 한 번 「보고 싶다」를 표현했으니 옆 칸을 볼 때마다\n   * 다시 기다리게 하지 않는다.\n   */\n  private static readonly DEFAULT_ENTER_DELAY = 450\n\n  private host: ReactiveControllerHost & HTMLElement\n  private attributeName: string\n  private content?: string | ((element: HTMLElement) => string)\n  private enterDelay: number\n  private static tooltipContainer: HTMLElement | null = null\n  /** 뜨기를 기다리는 중인 타이머. */\n  private static pending: ReturnType<typeof setTimeout> | null = null\n  /** 지금 툴팁이 떠 있는가. 떠 있으면 다음 요소로 옮길 때 기다리지 않는다. */\n  private static shown = false\n\n  constructor(\n    host: ReactiveControllerHost & HTMLElement,\n    options?: {\n      content?: string | ((element: HTMLElement) => string)\n      attributeName?: string\n      /** 머무른 시간이 이만큼을 넘으면 뜬다(밀리초). 0 이면 바로 뜬다. */\n      enterDelay?: number\n    }\n  ) {\n    const { attributeName, content, enterDelay } = options || {}\n\n    this.host = host\n    this.attributeName = attributeName || 'data-reactive-tooltip'\n    this.content = content\n    this.enterDelay = enterDelay ?? TooltipReactiveController.DEFAULT_ENTER_DELAY\n\n    host.addController(this)\n\n    TooltipReactiveController.ensureContainer()\n  }\n\n  /**\n   * 툴팁 상자를 만든다 — 문서에 하나만 둔다.\n   *\n   * ── 모양 ────────────────────────────────────────────────────────────────\n   * 전에는 검정 70% 바탕 · 3px 둥글기 · 물려받은 글자 크기였다. 앱의 토큰을 하나도 쓰지 않아서, 화면이\n   * 어떤 색과 크기를 쓰든 툴팁만 브라우저 기본처럼 보였다.\n   *\n   * 이제 --ui-* 를 본다. 툴팁은 **화면 위에 잠깐 떠 있는 것**이라 화면과 같은 면이 아니고, 그래서\n   * 어두운 면에 흰 글자다 — 밝은 면으로 두면 표와 섞여 어디까지가 툴팁인지 안 보인다.\n   *\n   * 글자는 본문보다 한 단 작다(12px). 툴팁은 값이 아니라 값을 거드는 말이다.\n   *\n   * 테두리는 두지 않는다 — 어두운 면이 스스로 경계다. 그림자는 떠 있음을 말할 만큼만 옅게 둔다.\n   *\n   * 값은 모두 --tooltip-* 으로 덮을 수 있다. 어두운 테마는 이 값들을 뒤집어야 한다.\n   */\n  private static ensureContainer() {\n    if (TooltipReactiveController.tooltipContainer) {\n      return\n    }\n\n    const box = document.createElement('div')\n\n    box.className = 'ox-tooltip-container'\n    box.style.position = 'fixed'\n    box.style.pointerEvents = 'none'\n    box.style.zIndex = '1000'\n    box.style.display = 'none'\n\n    /*\n     * 낱개 속성으로 적는다. font 축약형은 글꼴 이름을 반드시 요구해서 inherit 을 넣으면 선언이 통째로\n     * 버려진다. 글꼴은 적지 않아도 body 에서 물려받는다 — 이 상자가 body 의 자식이다.\n     */\n    box.style.fontFamily = 'var(--tooltip-font-family, inherit)'\n    box.style.fontSize = 'var(--tooltip-font-size, 12px)'\n    box.style.lineHeight = 'var(--tooltip-line-height, 1.45)'\n    box.style.fontWeight = 'var(--tooltip-font-weight, 400)'\n    box.style.color = 'var(--tooltip-color, #ffffff)'\n    box.style.backgroundColor = 'var(--tooltip-background-color, rgba(23, 36, 44, 0.94))'\n    box.style.padding = 'var(--tooltip-padding, 6px 8px)'\n    box.style.borderRadius = 'var(--tooltip-border-radius, 6px)'\n    box.style.boxShadow = 'var(--tooltip-box-shadow, 0 4px 12px rgba(23, 36, 44, 0.18))'\n    box.style.maxWidth = 'var(--tooltip-max-width, 280px)'\n    box.style.wordWrap = 'break-word'\n    box.style.whiteSpace = 'pre-wrap'\n    box.style.overflow = 'hidden'\n\n    TooltipReactiveController.tooltipContainer = box\n    document.body.appendChild(box)\n  }\n\n  hostConnected() {\n    const target = this.host.shadowRoot ?? this.host\n    target.addEventListener('mouseover', this.handleMouseOver)\n    target.addEventListener('mouseout', this.handleMouseOut)\n  }\n\n  hostDisconnected() {\n    const target = this.host.shadowRoot ?? this.host\n    target.removeEventListener('mouseover', this.handleMouseOver)\n    target.removeEventListener('mouseout', this.handleMouseOut)\n  }\n\n  private handleMouseOver = (e: Event) => {\n    const element = e.target as HTMLElement\n\n    if (!element.hasAttribute?.(this.attributeName) || !hasOverflow(element)) {\n      return\n    }\n\n    TooltipReactiveController.cancelPending()\n\n    /* 이미 떠 있으면 기다리지 않는다(위 머리말). */\n    if (TooltipReactiveController.shown || this.enterDelay <= 0) {\n      this.show(element)\n      return\n    }\n\n    TooltipReactiveController.pending = setTimeout(() => {\n      TooltipReactiveController.pending = null\n      this.show(element)\n    }, this.enterDelay)\n  }\n\n  private static cancelPending() {\n    if (TooltipReactiveController.pending) {\n      clearTimeout(TooltipReactiveController.pending)\n      TooltipReactiveController.pending = null\n    }\n  }\n\n  private show(element: HTMLElement) {\n    {\n      const tooltipContent =\n        typeof this.content === 'function'\n          ? this.content.call(this, element)\n          : this.content || element.textContent?.trim() || ''\n\n      const rect = element.getBoundingClientRect()\n      const box = TooltipReactiveController.tooltipContainer!\n\n      /* 내용을 먼저 넣어야 크기를 잴 수 있다. */\n      box.textContent = tooltipContent\n      box.style.display = 'block'\n      box.style.left = '0px'\n      box.style.top = '0px'\n\n      /*\n       * 화면 안으로 밀어 넣는다.\n       *\n       * 전에는 겨눈 요소의 왼쪽 · 아래에 그냥 놓았다. 그래서 오른쪽 끝 칸이나 마지막 줄에서는 툴팁이\n       * 화면 밖으로 나가 **보이지 않았다.** 잘린 글자를 보여 주려고 있는 것인데 그때 안 보인다.\n       *\n       * 넘치면 반대쪽으로 접는다 — 오른쪽이 모자라면 오른쪽 끝에 맞추고, 아래가 모자라면 요소 위로\n       * 올린다.\n       */\n      const GAP = 4\n      const size = box.getBoundingClientRect()\n\n      let left = rect.left\n      let top = rect.bottom + GAP\n\n      if (left + size.width > window.innerWidth - GAP) {\n        left = Math.max(GAP, window.innerWidth - size.width - GAP)\n      }\n\n      if (top + size.height > window.innerHeight - GAP) {\n        top = Math.max(GAP, rect.top - size.height - GAP)\n      }\n\n      box.style.left = `${Math.round(left)}px`\n      box.style.top = `${Math.round(top)}px`\n\n      TooltipReactiveController.shown = true\n    }\n  }\n\n  private handleMouseOut = (e: Event) => {\n    /* 기다리던 것도 취소한다 — 안 그러면 떠난 뒤에 뜬다. */\n    TooltipReactiveController.cancelPending()\n\n    if (TooltipReactiveController.tooltipContainer) {\n      TooltipReactiveController.tooltipContainer.style.display = 'none'\n    }\n\n    TooltipReactiveController.shown = false\n  }\n}\n"]}
+{"version":3,"file":"tooltip-reactive-controller.js","sourceRoot":"","sources":["../../../src/reactive-controllers/tooltip-reactive-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import { ReactiveController, ReactiveControllerHost } from 'lit'\nimport { hasOverflow } from '../has-overflow.js'\n\nexport class TooltipReactiveController implements ReactiveController {\n  /**\n   * 뜨기까지 기다리는 시간(밀리초).\n   *\n   * ── 왜 기다리나 ─────────────────────────────────────────────────────────\n   * 표를 훑을 때 마우스는 여러 칸을 스쳐 지난다. 지연이 없으면 그 칸마다 툴팁이 떴다 사라져서, 읽으려는\n   * 것을 가리고 눈이 따라가야 한다. 지연을 두면 **머문 곳에만** 뜬다 — 스쳐 지난 것과 보려고 멈춘 것을\n   * 가른다(hover intent).\n   *\n   * 450ms 는 관례에 가까운 값이다. 더 짧으면 스치는 것과 구별되지 않고, 더 길면 「안 뜨는 것」처럼\n   * 느껴진다.\n   *\n   * ── 한 번 뜬 뒤에는 기다리지 않는다 ──────────────────────────────────────\n   * 이미 떠 있으면 다음 요소로 옮길 때 바로 바꾼다. 한 번 「보고 싶다」를 표현했으니 옆 칸을 볼 때마다\n   * 다시 기다리게 하지 않는다.\n   */\n  private static readonly DEFAULT_ENTER_DELAY = 450\n\n  private host: ReactiveControllerHost & HTMLElement\n  private attributeName: string\n  private content?: string | ((element: HTMLElement) => string)\n  private enterDelay: number\n  private static tooltipContainer: HTMLElement | null = null\n  /** 뜨기를 기다리는 중인 타이머. */\n  private static pending: ReturnType<typeof setTimeout> | null = null\n  /** 지금 툴팁이 떠 있는가. 떠 있으면 다음 요소로 옮길 때 기다리지 않는다. */\n  private static shown = false\n\n  constructor(\n    host: ReactiveControllerHost & HTMLElement,\n    options?: {\n      content?: string | ((element: HTMLElement) => string)\n      attributeName?: string\n      /** 머무른 시간이 이만큼을 넘으면 뜬다(밀리초). 0 이면 바로 뜬다. */\n      enterDelay?: number\n    }\n  ) {\n    const { attributeName, content, enterDelay } = options || {}\n\n    this.host = host\n    this.attributeName = attributeName || 'data-reactive-tooltip'\n    this.content = content\n    this.enterDelay = enterDelay ?? TooltipReactiveController.DEFAULT_ENTER_DELAY\n\n    host.addController(this)\n\n    TooltipReactiveController.ensureContainer()\n  }\n\n  /**\n   * 툴팁 상자를 만든다 — 문서에 하나만 둔다.\n   *\n   * ── 모양 ────────────────────────────────────────────────────────────────\n   * 전에는 검정 70% 바탕 · 3px 둥글기 · 물려받은 글자 크기였다. 앱의 토큰을 하나도 쓰지 않아서, 화면이\n   * 어떤 색과 크기를 쓰든 툴팁만 브라우저 기본처럼 보였다.\n   *\n   * 이제 --ui-* 를 본다. 툴팁은 **화면 위에 잠깐 떠 있는 것**이라 화면과 같은 면이 아니고, 그래서\n   * 어두운 면에 흰 글자다 — 밝은 면으로 두면 표와 섞여 어디까지가 툴팁인지 안 보인다.\n   *\n   * 글자는 본문보다 한 단 작다(12px). 툴팁은 값이 아니라 값을 거드는 말이다.\n   *\n   * 테두리는 두지 않는다 — 어두운 면이 스스로 경계다. 그림자는 떠 있음을 말할 만큼만 옅게 둔다.\n   *\n   * 값은 모두 --tooltip-* 으로 덮을 수 있다. 어두운 테마는 이 값들을 뒤집어야 한다.\n   */\n  private static ensureContainer() {\n    if (TooltipReactiveController.tooltipContainer) {\n      return\n    }\n\n    const box = document.createElement('div')\n\n    box.className = 'ox-tooltip-container'\n    box.style.position = 'fixed'\n    box.style.pointerEvents = 'none'\n    box.style.zIndex = '1000'\n    box.style.display = 'none'\n\n    /*\n     * 낱개 속성으로 적는다. font 축약형은 글꼴 이름을 반드시 요구해서 inherit 을 넣으면 선언이 통째로\n     * 버려진다. 글꼴은 적지 않아도 body 에서 물려받는다 — 이 상자가 body 의 자식이다.\n     */\n    box.style.fontFamily = 'var(--tooltip-font-family, inherit)'\n    box.style.fontSize = 'var(--tooltip-font-size, 12px)'\n    box.style.lineHeight = 'var(--tooltip-line-height, 1.45)'\n    box.style.fontWeight = 'var(--tooltip-font-weight, 400)'\n    box.style.color = 'var(--tooltip-color, #ffffff)'\n    box.style.backgroundColor = 'var(--tooltip-background-color, rgba(23, 36, 44, 0.94))'\n    box.style.padding = 'var(--tooltip-padding, 6px 8px)'\n    box.style.borderRadius = 'var(--tooltip-border-radius, 6px)'\n    box.style.boxShadow = 'var(--tooltip-box-shadow, 0 4px 12px rgba(23, 36, 44, 0.18))'\n    box.style.maxWidth = 'var(--tooltip-max-width, 280px)'\n    box.style.wordWrap = 'break-word'\n    box.style.whiteSpace = 'pre-wrap'\n    box.style.overflow = 'hidden'\n\n    TooltipReactiveController.tooltipContainer = box\n    document.body.appendChild(box)\n  }\n\n  hostConnected() {\n    const target = this.host.shadowRoot ?? this.host\n    target.addEventListener('mouseover', this.handleMouseOver)\n    target.addEventListener('mouseout', this.handleMouseOut)\n  }\n\n  hostDisconnected() {\n    const target = this.host.shadowRoot ?? this.host\n    target.removeEventListener('mouseover', this.handleMouseOver)\n    target.removeEventListener('mouseout', this.handleMouseOut)\n  }\n\n  private handleMouseOver = (e: Event) => {\n    /*\n     * 표식이 달린 **조상**을 찾는다 — 포인터가 닿는 것은 대개 그 안의 조각이다.\n     *\n     * `e.target` 만 보고 있었다. 그런데 툴팁을 붙이고 싶은 줄은 거의 언제나 안에 조각을 가진다 —\n     * 공장 달력의 한 줄은 [표시 6px][줄머리][제목] 셋이고, data-grist 의 머리말도 안에 아이콘이\n     * 들어간다. 포인터가 그 조각 위에 있으면 `e.target` 이 조각이라 표식이 없고, 그대로 돌아갔다.\n     *\n     *   [확인함] 2026-09-11  공장 달력 한 줄 114px 중 제목 조각이 104px.\n     *                        줄에 직접 쏘면 뜨고, 제목 조각에 쏘면 안 뜬다.\n     *                        **91% 의 자리에서 안 뜬다** — 사실상 안 뜨는 것이다.\n     *\n     * `closest` 는 자기 자신부터 본다. 표식이 잎에 달린 경우는 전과 똑같이 동작한다.\n     */\n    const element = (e.target as HTMLElement).closest?.(`[${this.attributeName}]`) as HTMLElement\n\n    if (!element || !hasOverflow(element)) {\n      return\n    }\n\n    TooltipReactiveController.cancelPending()\n\n    /* 이미 떠 있으면 기다리지 않는다(위 머리말). */\n    if (TooltipReactiveController.shown || this.enterDelay <= 0) {\n      this.show(element)\n      return\n    }\n\n    TooltipReactiveController.pending = setTimeout(() => {\n      TooltipReactiveController.pending = null\n      this.show(element)\n    }, this.enterDelay)\n  }\n\n  private static cancelPending() {\n    if (TooltipReactiveController.pending) {\n      clearTimeout(TooltipReactiveController.pending)\n      TooltipReactiveController.pending = null\n    }\n  }\n\n  private show(element: HTMLElement) {\n    {\n      const tooltipContent =\n        typeof this.content === 'function'\n          ? this.content.call(this, element)\n          : this.content || element.textContent?.trim() || ''\n\n      const rect = element.getBoundingClientRect()\n      const box = TooltipReactiveController.tooltipContainer!\n\n      /* 내용을 먼저 넣어야 크기를 잴 수 있다. */\n      box.textContent = tooltipContent\n      box.style.display = 'block'\n      box.style.left = '0px'\n      box.style.top = '0px'\n\n      /*\n       * 화면 안으로 밀어 넣는다.\n       *\n       * 전에는 겨눈 요소의 왼쪽 · 아래에 그냥 놓았다. 그래서 오른쪽 끝 칸이나 마지막 줄에서는 툴팁이\n       * 화면 밖으로 나가 **보이지 않았다.** 잘린 글자를 보여 주려고 있는 것인데 그때 안 보인다.\n       *\n       * 넘치면 반대쪽으로 접는다 — 오른쪽이 모자라면 오른쪽 끝에 맞추고, 아래가 모자라면 요소 위로\n       * 올린다.\n       */\n      const GAP = 4\n      const size = box.getBoundingClientRect()\n\n      let left = rect.left\n      let top = rect.bottom + GAP\n\n      if (left + size.width > window.innerWidth - GAP) {\n        left = Math.max(GAP, window.innerWidth - size.width - GAP)\n      }\n\n      if (top + size.height > window.innerHeight - GAP) {\n        top = Math.max(GAP, rect.top - size.height - GAP)\n      }\n\n      box.style.left = `${Math.round(left)}px`\n      box.style.top = `${Math.round(top)}px`\n\n      TooltipReactiveController.shown = true\n    }\n  }\n\n  private handleMouseOut = (e: Event) => {\n    /* 기다리던 것도 취소한다 — 안 그러면 떠난 뒤에 뜬다. */\n    TooltipReactiveController.cancelPending()\n\n    if (TooltipReactiveController.tooltipContainer) {\n      TooltipReactiveController.tooltipContainer.style.display = 'none'\n    }\n\n    TooltipReactiveController.shown = false\n  }\n}\n"]}

package/dist/test/has-overflow.test.d.ts

@@ -0,0 +1 @@
+export {};