@freegridjs/core 0.8.1 → 1.0.0

package/LICENSE

@@ -25,7 +25,8 @@ This license covers the FreeGrid software, including the packages @freegridjs/co
      erp.example.com) needs its own Company License. Applications without a domain (desktop
      apps, intranets reached by address) count as one domain per installation site.
    - The fee is KRW 200,000 per domain per year. The license is valid for one year from the
-     date it is issued and may be renewed.
+     date it is issued and may be renewed. A perpetual Company License costs KRW 400,000 per
+     domain, paid once, and does not expire.
    - A license key is provided with each Company License. Setting the key removes the
      console notice described in section 5.
 
@@ -61,6 +62,7 @@ FreeGrid 라이선스 (요약, 한국어)
   회사 라이선스가 필요합니다. 30일 동안은 평가 목적으로 라이선스 없이 써 볼 수 있습니다.
   - 도메인 1개(www 포함) 기준 연 200,000원이며, 발급일로부터 1년간 유효하고
     갱신할 수 있습니다. 서브도메인(예: erp.example.com)은 별도로 요금이 책정됩니다.
+  - 영구 라이선스는 도메인 1개 기준 400,000원을 한 번 결제하며 만료되지 않습니다.
   - 라이선스마다 키를 발급하며, 키를 설정하면 콘솔 안내가 사라집니다.
 - 모든 사용자: 저작권과 이 라이선스 문구를 유지해야 하며, 소프트웨어 자체를 판매하거나
   별도 그리드 라이브러리로 재배포할 수 없고, 라이선스 확인을 제거하거나 키를 다른

package/README.md

@@ -4,15 +4,18 @@ A fast data grid for the web, free for personal use. Docs and live demos: **http
 
 - 100,000+ rows with row and column virtualization
 - Pinned columns, multi-level headers, resize and drag to reorder
-- Multi-sort, text / number / date / set filters, quick search
-- Column chooser and side bar, autosize, save and restore layouts
+- Multi-sort, text / number / date / set filters, a filter row, two conditions per column and an advanced filter across columns, quick search
+- Column chooser and side bar, autosize, collapsible column groups, row numbers, tooltips, density; save and restore whole views (getState / setState)
 - Summary rows (top or bottom, pinned or scrolling)
 - Row selection, keyboard navigation, light / dark and Korean-style themes, font settings
-- 7 languages: English, 한국어, 简体中文, 日本語, Español, Français, Deutsch
-- Editing, validation, undo; Excel copy/paste, cell ranges, fill handle, merged cells
-- Row grouping, tree data, master/detail, row drag; pagination and server-side rows
-- Excel (.xlsx) and CSV export and import; pivot tables and SVG charts
-- Zero dependencies. React: [`@freegridjs/react`](https://www.npmjs.com/package/@freegridjs/react) · Vue: [`@freegridjs/vue`](https://www.npmjs.com/package/@freegridjs/vue)
+- 14 languages: English, 한국어, 简体中文, 繁體中文, 日本語, Tiếng Việt, ไทย, Bahasa Indonesia, Español, Português, Français, Deutsch, Italiano, Русский
+- Editing (cell or whole row), validation, unique values, formulas, undo; Excel copy/cut/paste, several cell ranges, fill handle, merged cells
+- Live updates by id with flashing cells (applyTransaction)
+- Row grouping with group checkboxes, tree data with lazy children, master/detail, row drag between grids; pagination, server-side rows and server-side grouping
+- Excel (.xlsx, several sheets, cell styles) and CSV export and import, printing; pivot tables, SVG charts and sparklines
+- Server helpers for Spring Boot and eGovFrame (restDatasource, loadData, saveChanges) with Java examples
+- Accessibility (ARIA grid), Shadow DOM, right-to-left, card view for phones
+- Zero dependencies. React: [`@freegridjs/react`](https://www.npmjs.com/package/@freegridjs/react) · Vue: [`@freegridjs/vue`](https://www.npmjs.com/package/@freegridjs/vue) · Svelte: [`@freegridjs/svelte`](https://www.npmjs.com/package/@freegridjs/svelte) · Angular: [`@freegridjs/angular`](https://www.npmjs.com/package/@freegridjs/angular)
 
 ```bash
 npm i @freegridjs/core
@@ -39,17 +42,17 @@ The container needs a height. Languages: `import ko from '@freegridjs/core/local
 ### CDN
 
 ```html
-<link rel="stylesheet" href="https://unpkg.com/@freegridjs/core@0/dist/cdn/freegrid.css">
-<script src="https://unpkg.com/@freegridjs/core@0/dist/cdn/freegrid.min.js"></script>
+<link rel="stylesheet" href="https://unpkg.com/@freegridjs/core@1/dist/cdn/freegrid.css">
+<script src="https://unpkg.com/@freegridjs/core@1/dist/cdn/freegrid.min.js"></script>
 <script>FreeGrid.createGrid(el, { columns, data, locale: 'ko' });</script>
 ```
 
 ## License
 
-Free for personal use. Company use needs a domain license: KRW 200,000 per domain per year
+Free for personal use. Company use needs a domain license: KRW 200,000 per domain per year, or KRW 400,000 once (perpetual)
 (each subdomain is licensed separately). See https://freegrid.app/pricing/ and the LICENSE file.
 
-개인은 무료, 회사는 도메인당 연 20만 원이며, 서브도메인은 별도로 요금이 책정됩니다. 자세한 내용은 https://freegrid.app/pricing/
+개인은 무료, 회사는 도메인당 연 20만 원 또는 영구 40만 원이며, 서브도메인은 별도로 요금이 책정됩니다. 자세한 내용은 https://freegrid.app/pricing/
 
 ```js
 import { setLicenseKey } from '@freegridjs/core';

package/dist/cdn/freegrid.css

@@ -419,3 +419,52 @@ textarea.fg-editor-control { padding-top: 8px; resize: none; }
 .fg-card-line { display: grid; grid-template-columns: minmax(80px, 38%) 1fr; gap: 10px; align-items: center; height: var(--fg-card-line, 27px); }
 .fg-card-label { color: var(--fg-muted); font-size: .92em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .fg-card-value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+
+/* row numbers */
+.fg-cell-rownum, .fg-header-rownum { justify-content: center; color: var(--fg-muted); font-variant-numeric: tabular-nums; cursor: default; }
+.fg-cell-rownum { background: var(--fg-header-bg); }
+
+/* filter row */
+.fg-filter-row { position: relative; border-top: 1px solid var(--fg-border); will-change: transform; }
+.fg-filter-cell { position: absolute; top: 0; box-sizing: border-box; display: flex; align-items: center; padding: 3px 4px; border-right: 1px solid var(--fg-border); }
+.fg-filter-input { width: 100%; height: 100%; min-width: 0; box-sizing: border-box; border: 1px solid var(--fg-border); border-radius: 4px; padding: 0 6px; background: var(--fg-bg); color: var(--fg-fg); font: inherit; font-size: .92em; }
+.fg-filter-input:focus { outline: 2px solid var(--fg-focus); outline-offset: -1px; }
+.fg-filter-input::placeholder { color: var(--fg-muted); opacity: .7; }
+.fg-filter-active .fg-filter-input { border-color: var(--fg-accent); }
+.fg-filter-bad.fg-filter-input { border-color: #dc2626; }
+.fg-rtl .fg-filter-cell { transform: scaleX(-1); direction: rtl; }
+
+/* tooltips */
+.fg-tooltip { position: fixed; z-index: 1000; max-width: 360px; padding: 6px 9px; border-radius: 6px; background: #1f2430; color: #fff; font-size: 12px; line-height: 1.45; white-space: pre-wrap; word-break: break-word; pointer-events: none; box-shadow: 0 4px 14px rgba(0, 0, 0, .18); }
+.fg-tooltip.fg-theme-dark { background: #e6e9f0; color: #11141b; }
+
+/* cells changed by applyTransaction */
+.fg-cell-flash { animation: fg-flash 1s ease-out; }
+@keyframes fg-flash { from { background: color-mix(in srgb, var(--fg-accent) 35%, transparent); } to { background: transparent; } }
+@media (prefers-reduced-motion: reduce) { .fg-cell-flash { animation: none; outline: 1px solid var(--fg-accent); outline-offset: -1px; } }
+
+/* editType 'row': the row being edited */
+.fg-row-editing { box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--fg-accent) 45%, transparent); background: color-mix(in srgb, var(--fg-accent) 5%, var(--fg-bg)); }
+
+/* collapsible column groups */
+.fg-colgroup-toggle { margin-left: 6px; width: 18px; height: 18px; padding: 0; border: 1px solid var(--fg-border); border-radius: 4px; background: var(--fg-bg); color: var(--fg-muted); font: 600 12px/1 var(--fg-font); cursor: pointer; flex: none; }
+.fg-colgroup-toggle:hover { color: var(--fg-fg); border-color: var(--fg-muted); }
+
+/* two conditions in a column filter */
+.fg-filter-cond { display: flex; flex-direction: column; gap: 6px; }
+.fg-filter-join { display: flex; gap: 14px; padding: 2px 2px 0; font-size: .92em; color: var(--fg-muted); }
+.fg-filter-join label { display: flex; align-items: center; gap: 4px; cursor: pointer; }
+
+/* autoHeight: grow with the rows */
+.fg-root.fg-auto-height { height: auto; }
+.fg-auto-height .fg-main, .fg-auto-height .fg-grid { flex: none; }
+.fg-auto-height .fg-body { flex: none; min-height: 0; }
+.fg-auto-height .fg-body-pane-center { overflow-y: hidden; }
+
+.fg-sparkline { display: block; overflow: visible; }
+
+.fg-overlay.fg-overlay-custom { pointer-events: auto; }
+
+/* density */
+.fg-density-compact { --fg-cell-px: 7px; }
+.fg-density-comfortable { --fg-cell-px: 14px; }