@operato/data-grist 2.0.0-alpha.8 → 2.0.0-alpha.81

package/CHANGELOG.md

@@ -3,6 +3,301 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.0.0-alpha.81](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.80...v2.0.0-alpha.81) (2024-04-15)
+
+**Note:** Version bump only for package @operato/data-grist
+
+
+
+
+
+## [2.0.0-alpha.80](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.79...v2.0.0-alpha.80) (2024-04-15)
+
+**Note:** Version bump only for package @operato/data-grist
+
+
+
+
+
+## [2.0.0-alpha.68](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.67...v2.0.0-alpha.68) (2024-04-13)
+
+
+### :bug: Bug Fix
+
+* mwc=>md for context ([2bc13f2](https://github.com/hatiolab/operato/commit/2bc13f285f257782f73e5d7b5d1ddd197df85393))
+
+
+
+## [2.0.0-alpha.64](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.63...v2.0.0-alpha.64) (2024-04-13)
+
+**Note:** Version bump only for package @operato/data-grist
+
+
+
+
+
+## [2.0.0-alpha.62](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.61...v2.0.0-alpha.62) (2024-04-12)
+
+
+### :bug: Bug Fix
+
+* sorting option desc order를 명확하게 함 ([deae3e0](https://github.com/hatiolab/operato/commit/deae3e06e982fb645d1fd06e9ab5d60bb6e91970))
+
+
+
+## [2.0.0-alpha.61](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.60...v2.0.0-alpha.61) (2024-04-11)
+
+
+### :bug: Bug Fix
+
+* sorters option 의 변경시 새로운 sorter 오브젝트로 리플레이스함 ([644336f](https://github.com/hatiolab/operato/commit/644336f2b643bc67c541c250ef5d5a548a88b030))
+
+
+
+## [2.0.0-alpha.60](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.59...v2.0.0-alpha.60) (2024-04-11)
+
+
+### :bug: Bug Fix
+
+* escape null from filters-form ([f5e1507](https://github.com/hatiolab/operato/commit/f5e1507c759910bf670918a4c251f2d939cf188a))
+
+
+
+## [2.0.0-alpha.59](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.58...v2.0.0-alpha.59) (2024-04-11)
+
+**Note:** Version bump only for package @operato/data-grist
+
+
+
+
+
+## [2.0.0-alpha.57](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.56...v2.0.0-alpha.57) (2024-04-07)
+
+**Note:** Version bump only for package @operato/data-grist
+
+
+
+
+
+
+
+**Note:** Version bump only for package @operato/data-grist
+
+
+
+
+
+## [2.0.0-alpha.54](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.53...v2.0.0-alpha.54) (2024-04-01)
+
+
+### :bug: Bug Fix
+
+* 0값 null처리 되는 현상 수정 ([5e560c3](https://github.com/hatiolab/operato/commit/5e560c369dde7f446155aa7c408d13f346583c71))
+
+
+
+## [2.0.0-alpha.52](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.51...v2.0.0-alpha.52) (2024-03-29)
+
+**Note:** Version bump only for package @operato/data-grist
+
+
+
+
+
+## [2.0.0-alpha.51](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.50...v2.0.0-alpha.51) (2024-03-29)
+
+
+### :bug: Bug Fix
+
+* upgrade lit ([e661c33](https://github.com/hatiolab/operato/commit/e661c333d2bb97f784b5ac2c0e365714ee5e80ff))
+
+
+
+## [2.0.0-alpha.49](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.48...v2.0.0-alpha.49) (2024-03-28)
+
+**Note:** Version bump only for package @operato/data-grist
+
+
+
+
+
+## [2.0.0-alpha.48](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.47...v2.0.0-alpha.48) (2024-03-28)
+
+
+### :bug: Bug Fix
+
+* 모바일 디테일 버튼 클릭 쉽도록 스타일 수정 ([f7b9a34](https://github.com/hatiolab/operato/commit/f7b9a34a0c0d05f1806e6bc862249f2dafefbe7e))
+* 헤더 z-index 수정 (fixed컬럼이랑 동일해야함) ([9ece220](https://github.com/hatiolab/operato/commit/9ece2201c765850ee9869ede2718d2986e0936ce))
+
+
+
+## [2.0.0-alpha.47](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.46...v2.0.0-alpha.47) (2024-03-27)
+
+**Note:** Version bump only for package @operato/data-grist
+
+
+
+
+
+## [2.0.0-alpha.44](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.43...v2.0.0-alpha.44) (2024-03-24)
+
+**Note:** Version bump only for package @operato/data-grist
+
+
+
+
+
+## [2.0.0-alpha.35](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.34...v2.0.0-alpha.35) (2024-03-13)
+
+
+### :bug: Bug Fix
+
+* 리팩토링 grist editor 인라인에디터 ([a8922c4](https://github.com/hatiolab/operato/commit/a8922c40f960596ac58aea885fd7501267fd2d8b))
+
+
+
+## [2.0.0-alpha.34](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.33...v2.0.0-alpha.34) (2024-03-12)
+
+**Note:** Version bump only for package @operato/data-grist
+
+
+
+
+
+## [2.0.0-alpha.32](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.31...v2.0.0-alpha.32) (2024-03-12)
+
+**Note:** Version bump only for package @operato/data-grist
+
+
+
+
+
+## [2.0.0-alpha.31](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.30...v2.0.0-alpha.31) (2024-03-03)
+
+**Note:** Version bump only for package @operato/data-grist
+
+
+
+
+
+## [2.0.0-alpha.30](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.29...v2.0.0-alpha.30) (2024-03-03)
+
+**Note:** Version bump only for package @operato/data-grist
+
+
+
+
+
+## [2.0.0-alpha.28](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.27...v2.0.0-alpha.28) (2024-02-20)
+
+
+### :bug: Bug Fix
+
+* upgrade devDependencies for webcomponents ([1489b8b](https://github.com/hatiolab/operato/commit/1489b8b790d9bcee779a070a630697f25c01728f))
+
+
+
+## [2.0.0-alpha.27](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.26...v2.0.0-alpha.27) (2024-02-17)
+
+
+### :bug: Bug Fix
+
+* boolean값 붙여넣기시 true/false로 들어가게 수정 ([b2b371a](https://github.com/hatiolab/operato/commit/b2b371a52a472ffdd29f2e34d7550f6569f0a5eb))
+* parameters 타입도 오브젝트 형식으로 체크 ([81369a0](https://github.com/hatiolab/operato/commit/81369a011fdd4f28befab1bcfddf9168934e830f))
+
+
+
+## [2.0.0-alpha.23](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.22...v2.0.0-alpha.23) (2024-02-10)
+
+
+### :bug: Bug Fix
+
+* time-calculator relativeDate(s) => relativeDays ([1ad965e](https://github.com/hatiolab/operato/commit/1ad965e59232bdfe5d90938b95e1085a5e28a527))
+
+
+
+## [2.0.0-alpha.22](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.21...v2.0.0-alpha.22) (2024-02-10)
+
+
+### :bug: Bug Fix
+
+* add time-calculator module for data-grist and form ([4d26d22](https://github.com/hatiolab/operato/commit/4d26d22b89e2c34cffe15eb0cc8520962644e8a1))
+
+
+
+## [2.0.0-alpha.20](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.19...v2.0.0-alpha.20) (2024-02-05)
+
+**Note:** Version bump only for package @operato/data-grist
+
+
+
+
+
+## [2.0.0-alpha.19](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.18...v2.0.0-alpha.19) (2024-02-05)
+
+**Note:** Version bump only for package @operato/data-grist
+
+
+
+
+
+## [2.0.0-alpha.16](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.15...v2.0.0-alpha.16) (2024-02-03)
+
+
+### :bug: Bug Fix
+
+* rows.editable option for card and list (클릭시 레코드팝업을 보이지 않도록 하기위함) ([f353960](https://github.com/hatiolab/operato/commit/f35396037a7a6747348fc20089c139d5210e37c2))
+
+
+
+## [2.0.0-alpha.13](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.12...v2.0.0-alpha.13) (2024-01-28)
+
+
+### :bug: Bug Fix
+
+* accumulator tag, 별도의 텍스트로 변경 ([a82ad24](https://github.com/hatiolab/operato/commit/a82ad24e09485b274d26a5767f4caf2edfc386e4))
+* css-variable --grid-record-padding ([b057312](https://github.com/hatiolab/operato/commit/b0573120fcb46c71b6b283065f08ae926e9f826f))
+* 그리드 필드타입 integer, float도 숫자 처리, 빈값일시 0 처리 추가 ([e964027](https://github.com/hatiolab/operato/commit/e9640270786cefe391f6b785e22a07176fc744f0))
+* 스토리 테스트파일 수정 ([eab4645](https://github.com/hatiolab/operato/commit/eab4645a25c8949634d74e59975bcb4ecf503b16))
+* 한글 입력 보정 ([3572600](https://github.com/hatiolab/operato/commit/3572600370b03c69eb2738640f8702d4fec424d8))
+
+
+
+## [2.0.0-alpha.12](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.11...v2.0.0-alpha.12) (2024-01-24)
+
+
+### :bug: Bug Fix
+
+* contextmenu-tree-mutation ([a2fec38](https://github.com/hatiolab/operato/commit/a2fec3894267f2b572d336297a5a50e84637fb9a))
+
+
+
+## [2.0.0-alpha.11](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.10...v2.0.0-alpha.11) (2024-01-24)
+
+**Note:** Version bump only for package @operato/data-grist
+
+
+
+
+
+## [2.0.0-alpha.10](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.9...v2.0.0-alpha.10) (2024-01-22)
+
+
+### :bug: Bug Fix
+
+* add jsdoc into ox-grist ([b6f1428](https://github.com/hatiolab/operato/commit/b6f14287456e259194617fb8ce4fed397d40f02e))
+* add tree mutation API into ox-grist ([0bb0320](https://github.com/hatiolab/operato/commit/0bb0320b2262ccd7802774ccbd9941e2c69877f1))
+
+
+
+## [2.0.0-alpha.9](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.8...v2.0.0-alpha.9) (2024-01-20)
+
+**Note:** Version bump only for package @operato/data-grist
+
+
+
+
+
 ## [2.0.0-alpha.8](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.7...v2.0.0-alpha.8) (2024-01-20)
 
 

package/demo/data-grist-test.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en-GB">
   <head>
     <meta charset="utf-8" />
@@ -38,7 +38,18 @@
       }
     </style>
     <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
-    <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1"
+      rel="stylesheet"
+    />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1"
+      rel="stylesheet"
+    />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1"
+      rel="stylesheet"
+    />
 
     <link href="/themes/app-theme.css" rel="stylesheet" />
     <link href="/themes/oops-theme.css" rel="stylesheet" />
@@ -53,7 +64,7 @@
       import '../dist/src/sorters/sorters-control.js'
       import '../dist/src/record-view/record-creator.js'
       import '@operato/popup/ox-popup-list.js'
-      import '@material/mwc-icon'
+      import '@material/web/icon/icon.js'
       import { CommonGristStyles } from '@operato/styles'
 
       const fetchHandler = async ({ page, limit, sorters = [] }) => {
@@ -91,10 +102,10 @@
                   idx % 4 === 0
                     ? '' /* no source */
                     : idx % 4 === 1
-                    ? `http://www.hatiolab.com/assets/img/operato-biz3.png`
-                    : idx % 4 === 2
-                    ? `http://www.hatiolab.com/assets/img/thingsboard-30.png`
-                    : `http://www.hatiolab.com/wrong-url.png` /* wrong source */,
+                      ? `http://www.hatiolab.com/assets/img/operato-biz3.png`
+                      : idx % 4 === 2
+                        ? `http://www.hatiolab.com/assets/img/thingsboard-30.png`
+                        : `http://www.hatiolab.com/wrong-url.png` /* wrong source */,
                 role: ['admin', 'worker', 'tester'][idx % 3],
                 color: idx % 2 ? `#87f018` : `#180f87`,
                 rate: Math.round(Math.random() * 100),
@@ -411,7 +422,7 @@
 
                 <div id="sorters">
                   Sort
-                  <mwc-icon
+                  <md-icon
                     @click=${e => {
                       const target = e.currentTarget
                       this.renderRoot.querySelector('#sorter-control').open({
@@ -419,7 +430,7 @@
                         top: target.offsetTop + target.offsetHeight
                       })
                     }}
-                    >expand_more</mwc-icon
+                    >expand_more</md-icon
                   >
                   <ox-popup id="sorter-control">
                     <ox-sorters-control> </ox-sorters-control>
@@ -427,16 +438,16 @@
                 </div>
 
                 <div id="modes">
-                  <mwc-icon @click=${() => (this.mode = 'GRID')} ?active=${mode == 'GRID'}>view_list</mwc-icon>
-                  <mwc-icon @click=${() => (this.mode = 'LIST')} ?active=${mode == 'LIST'}>menu</mwc-icon>
-                  <mwc-icon @click=${() => (this.mode = 'CARD')} ?active=${mode == 'CARD'}>apps</mwc-icon>
+                  <md-icon @click=${() => (this.mode = 'GRID')} ?active=${mode == 'GRID'}>view_list</md-icon>
+                  <md-icon @click=${() => (this.mode = 'LIST')} ?active=${mode == 'LIST'}>menu</md-icon>
+                  <md-icon @click=${() => (this.mode = 'CARD')} ?active=${mode == 'CARD'}>apps</md-icon>
                 </div>
 
                 <ox-record-creator id="add" light-popup>
-                  <button><mwc-icon>add</mwc-icon></button>
+                  <button><md-icon>add</md-icon></button>
                 </ox-record-creator>
 
-                <button @click=${e => this.grist.cloneSelectedRecords()}><mwc-icon>add</mwc-icon></button>
+                <button @click=${e => this.grist.cloneSelectedRecords()}><md-icon>add</md-icon></button>
               </div>
             </ox-grist>
           `

package/demo/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en-GB">
   <head>
     <meta charset="utf-8" />
@@ -39,7 +39,18 @@
       }
     </style>
     <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
-    <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1"
+      rel="stylesheet"
+    />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1"
+      rel="stylesheet"
+    />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1"
+      rel="stylesheet"
+    />
 
     <link href="/themes/app-theme.css" rel="stylesheet" />
     <link href="/themes/oops-theme.css" rel="stylesheet" />
@@ -54,7 +65,7 @@
       import '../dist/src/sorters/sorters-control.js'
       import '../dist/src/record-view/record-creator.js'
       import '@operato/popup/ox-popup-list.js'
-      import '@material/mwc-icon'
+      import '@material/web/icon/icon.js'
       import { CommonGristStyles } from '@operato/styles'
 
       const fetchHandler = async ({ page, limit, sorters = [], filters }) => {
@@ -93,10 +104,10 @@
                   idx % 4 === 0
                     ? '' /* no source */
                     : idx % 4 === 1
-                    ? `http://www.hatiolab.com/assets/img/operato-biz3.png`
-                    : idx % 4 === 2
-                    ? `http://www.hatiolab.com/assets/img/thingsboard-30.png`
-                    : `http://www.hatiolab.com/wrong-url.png` /* wrong source */,
+                      ? `http://www.hatiolab.com/assets/img/operato-biz3.png`
+                      : idx % 4 === 2
+                        ? `http://www.hatiolab.com/assets/img/thingsboard-30.png`
+                        : `http://www.hatiolab.com/wrong-url.png` /* wrong source */,
                 file: 'abce.txt',
                 number: 100200300,
                 role: ['admin', 'worker', 'tester'][idx % 3],
@@ -484,7 +495,7 @@
 
                 <div id="sorters">
                   Sort
-                  <mwc-icon
+                  <md-icon
                     @click=${e => {
                       const target = e.currentTarget
                       this.renderRoot.querySelector('#sorter-control').open({
@@ -492,7 +503,7 @@
                         top: target.offsetTop + target.offsetHeight
                       })
                     }}
-                    >expand_more</mwc-icon
+                    >expand_more</md-icon
                   >
                   <ox-popup id="sorter-control">
                     <ox-sorters-control> </ox-sorters-control>
@@ -500,16 +511,16 @@
                 </div>
 
                 <div id="modes">
-                  <mwc-icon @click=${() => (this.mode = 'GRID')} ?active=${mode == 'GRID'}>view_list</mwc-icon>
-                  <mwc-icon @click=${() => (this.mode = 'LIST')} ?active=${mode == 'LIST'}>menu</mwc-icon>
-                  <mwc-icon @click=${() => (this.mode = 'CARD')} ?active=${mode == 'CARD'}>apps</mwc-icon>
+                  <md-icon @click=${() => (this.mode = 'GRID')} ?active=${mode == 'GRID'}>view_list</md-icon>
+                  <md-icon @click=${() => (this.mode = 'LIST')} ?active=${mode == 'LIST'}>menu</md-icon>
+                  <md-icon @click=${() => (this.mode = 'CARD')} ?active=${mode == 'CARD'}>apps</md-icon>
                 </div>
 
                 <ox-record-creator id="add" light-popup>
-                  <button><mwc-icon>add</mwc-icon></button>
+                  <button><md-icon>add</md-icon></button>
                 </ox-record-creator>
 
-                <button @click=${e => this.grist.cloneSelectedRecords()}><mwc-icon>add</mwc-icon></button>
+                <button @click=${e => this.grist.cloneSelectedRecords()}><md-icon>add</md-icon></button>
               </div>
             </ox-grist>
           `

package/demo/report-test.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en-GB">
   <head>
     <meta charset="utf-8" />
@@ -35,7 +35,18 @@
       }
     </style>
     <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
-    <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1"
+      rel="stylesheet"
+    />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1"
+      rel="stylesheet"
+    />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1"
+      rel="stylesheet"
+    />
 
     <link href="/themes/app-theme.css" rel="stylesheet" />
     <link href="/themes/oops-theme.css" rel="stylesheet" />

package/dist/src/configure/rows-option-builder.js

@@ -1,7 +1,7 @@
 import { NOOP } from '../const';
 import { getGristEventHandler } from '../handlers';
 export const buildRowsOptions = (rows) => {
-    var { appendable = true, insertable = false, selectable, groups = [], totals = [], classifier, accumulator } = rows;
+    var { appendable = true, editable = true, insertable = false, selectable, groups = [], totals = [], classifier, accumulator } = rows;
     /* handler */
     var { click, dblclick, focus } = rows.handlers || {};
     if (typeof classifier !== 'function') {
@@ -10,6 +10,7 @@ export const buildRowsOptions = (rows) => {
     return {
         accumulator,
         appendable,
+        editable,
         insertable,
         selectable,
         groups,

package/dist/src/configure/rows-option-builder.js.map

@@ -1 +1 @@
-{"version":3,"file":"rows-option-builder.js","sourceRoot":"","sources":["../../../src/configure/rows-option-builder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAElD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAS,EAAc,EAAE;IACxD,IAAI,EAAE,UAAU,GAAG,IAAI,EAAE,UAAU,GAAG,KAAK,EAAE,UAAU,EAAE,MAAM,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,IAAI,CAAA;IAEnH,aAAa;IACb,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAA;IACpD,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE,CAAC;QACrC,UAAU,GAAG,IAAI,CAAA;IACnB,CAAC;IAED,OAAO;QACL,WAAW;QACX,UAAU;QACV,UAAU;QACV,UAAU;QACV,MAAM;QACN,MAAM;QACN,QAAQ,EAAE;YACR,KAAK,EAAE,oBAAoB,CAAC,KAAK,CAAC;YAClC,QAAQ,EAAE,oBAAoB,CAAC,QAAQ,CAAC;YACxC,KAAK,EAAE,oBAAoB,CAAC,KAAK,CAAC;SACnC;QACD,UAAU;KACX,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { NOOP } from '../const'\nimport { RowsConfig } from '../types'\nimport { getGristEventHandler } from '../handlers'\n\nexport const buildRowsOptions = (rows: any): RowsConfig => {\n  var { appendable = true, insertable = false, selectable, groups = [], totals = [], classifier, accumulator } = rows\n\n  /* handler */\n  var { click, dblclick, focus } = rows.handlers || {}\n  if (typeof classifier !== 'function') {\n    classifier = NOOP\n  }\n\n  return {\n    accumulator,\n    appendable,\n    insertable,\n    selectable,\n    groups,\n    totals,\n    handlers: {\n      click: getGristEventHandler(click),\n      dblclick: getGristEventHandler(dblclick),\n      focus: getGristEventHandler(focus)\n    },\n    classifier\n  }\n}\n"]}
+{"version":3,"file":"rows-option-builder.js","sourceRoot":"","sources":["../../../src/configure/rows-option-builder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAElD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAS,EAAc,EAAE;IACxD,IAAI,EACF,UAAU,GAAG,IAAI,EACjB,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,KAAK,EAClB,UAAU,EACV,MAAM,GAAG,EAAE,EACX,MAAM,GAAG,EAAE,EACX,UAAU,EACV,WAAW,EACZ,GAAG,IAAI,CAAA;IAER,aAAa;IACb,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAA;IACpD,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE,CAAC;QACrC,UAAU,GAAG,IAAI,CAAA;IACnB,CAAC;IAED,OAAO;QACL,WAAW;QACX,UAAU;QACV,QAAQ;QACR,UAAU;QACV,UAAU;QACV,MAAM;QACN,MAAM;QACN,QAAQ,EAAE;YACR,KAAK,EAAE,oBAAoB,CAAC,KAAK,CAAC;YAClC,QAAQ,EAAE,oBAAoB,CAAC,QAAQ,CAAC;YACxC,KAAK,EAAE,oBAAoB,CAAC,KAAK,CAAC;SACnC;QACD,UAAU;KACX,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { NOOP } from '../const'\nimport { RowsConfig } from '../types'\nimport { getGristEventHandler } from '../handlers'\n\nexport const buildRowsOptions = (rows: any): RowsConfig => {\n  var {\n    appendable = true,\n    editable = true,\n    insertable = false,\n    selectable,\n    groups = [],\n    totals = [],\n    classifier,\n    accumulator\n  } = rows\n\n  /* handler */\n  var { click, dblclick, focus } = rows.handlers || {}\n  if (typeof classifier !== 'function') {\n    classifier = NOOP\n  }\n\n  return {\n    accumulator,\n    appendable,\n    editable,\n    insertable,\n    selectable,\n    groups,\n    totals,\n    handlers: {\n      click: getGristEventHandler(click),\n      dblclick: getGristEventHandler(dblclick),\n      focus: getGristEventHandler(focus)\n    },\n    classifier\n  }\n}\n"]}

package/dist/src/configure/zero-config.js

@@ -27,6 +27,7 @@ export const ZERO_COLUMN = {
 export const ZERO_ROWS = {
     appendable: false,
     insertable: false,
+    editable: false,
     groups: ZERO_GROUPS,
     totals: ZERO_TOTALS,
     classifier: ZERO_CLASSIFIER,

package/dist/src/configure/zero-config.js.map

@@ -1 +1 @@
-{"version":3,"file":"zero-config.js","sourceRoot":"","sources":["../../../src/configure/zero-config.ts"],"names":[],"mappings":"AAeA,MAAM,CAAC,MAAM,eAAe,GAAoB,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE,GAAE,CAAC,CAAA;AACxE,MAAM,CAAC,MAAM,mBAAmB,GAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,GAAE,CAAC,CAAA;AAEhG,MAAM,CAAC,MAAM,oBAAoB,GAAyB;IACxD,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,SAAS;IACnB,KAAK,EAAE,SAAS;IAChB,WAAW,EAAE,SAAS;CACvB,CAAA;AACD,MAAM,CAAC,MAAM,YAAY,GAAmB,EAAE,CAAA;AAC9C,MAAM,CAAC,MAAM,WAAW,GAAkB,EAAE,CAAA;AAC5C,MAAM,CAAC,MAAM,WAAW,GAAO,EAAE,CAAA;AACjC,MAAM,CAAC,MAAM,UAAU,GAAgB,KAAK,CAAA;AAE5C,MAAM,CAAC,MAAM,WAAW,GAAiB;IACvC,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;IACR,MAAM,EAAE;QACN,QAAQ,EAAE,MAAM,CAAC,EAAE,GAAE,CAAC;KACvB;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,mBAAmB;QAC7B,UAAU,EAAE,eAAe;QAC3B,OAAO,EAAE,EAAE;KACZ;IACD,QAAQ,EAAE,oBAAoB;IAC9B,KAAK,EAAE,UAAU;CAClB,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAe;IACnC,UAAU,EAAE,KAAK;IACjB,UAAU,EAAE,KAAK;IACjB,MAAM,EAAE,WAAW;IACnB,MAAM,EAAE,WAAW;IACnB,UAAU,EAAE,eAAe;IAC3B,QAAQ,EAAE,oBAAoB;CAC/B,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAe;IACnC,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,WAAW,CAAC;IAC5C,OAAO,EAAE,EAAE;CACZ,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAe,EAAE,CAAA;AAEvC,MAAM,CAAC,MAAM,WAAW,GAAgB;IACtC,OAAO,EAAE,YAAY;IACrB,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;CAChB,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAgB,EAAE,CAAA;AAC1C,MAAM,CAAC,MAAM,YAAY,GAAkB,EAAE,CAAA;AAE7C,MAAM,CAAC,MAAM,SAAS,GAAc;IAClC,OAAO,EAAE,YAAY;CACtB,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAA;AAE3C,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,CAAC;IACR,KAAK,EAAE,UAAU;CAClB,CAAA","sourcesContent":["import {\n  ColumnConfig,\n  FieldRenderer,\n  GristClassifier,\n  GristConfig,\n  GristData,\n  GristEventHandlerSet,\n  GristRecord,\n  GroupConfig,\n  LabelConfig,\n  ListConfig,\n  TreeConfig,\n  RowsConfig\n} from '../types'\n\nexport const ZERO_CLASSIFIER: GristClassifier = (record, rowIndex) => {}\nexport const ZERO_FIELD_RENDERER: FieldRenderer = (value, column, record, rowIndex, owner) => {}\n\nexport const ZERO_EVENTHANDLERSET: GristEventHandlerSet = {\n  click: undefined,\n  dblclick: undefined,\n  focus: undefined,\n  contextmenu: undefined\n}\nexport const ZERO_COLUMNS: ColumnConfig[] = []\nexport const ZERO_GROUPS: GroupConfig[] = []\nexport const ZERO_TOTALS: [] = []\nexport const ZERO_LABEL: LabelConfig = false\n\nexport const ZERO_COLUMN: ColumnConfig = {\n  type: '',\n  name: '',\n  header: {\n    renderer: column => {}\n  },\n  record: {\n    renderer: ZERO_FIELD_RENDERER,\n    classifier: ZERO_CLASSIFIER,\n    options: {}\n  },\n  handlers: ZERO_EVENTHANDLERSET,\n  label: ZERO_LABEL\n}\n\nexport const ZERO_ROWS: RowsConfig = {\n  appendable: false,\n  insertable: false,\n  groups: ZERO_GROUPS,\n  totals: ZERO_TOTALS,\n  classifier: ZERO_CLASSIFIER,\n  handlers: ZERO_EVENTHANDLERSET\n}\n\nexport const ZERO_LIST: ListConfig = {\n  fields: ['name', 'description', 'updatedAt'],\n  details: []\n}\n\nexport const ZERO_TREE: TreeConfig = {}\n\nexport const ZERO_CONFIG: GristConfig = {\n  columns: ZERO_COLUMNS,\n  rows: ZERO_ROWS,\n  list: ZERO_LIST,\n  tree: ZERO_TREE\n}\n\nexport const ZERO_RECORD: GristRecord = {}\nexport const ZERO_RECORDS: GristRecord[] = []\n\nexport const ZERO_DATA: GristData = {\n  records: ZERO_RECORDS\n}\n\nexport const ZERO_PAGES = [20, 30, 50, 100]\n\nexport const ZERO_PAGINATION = {\n  page: 1,\n  limit: 20,\n  total: 0,\n  pages: ZERO_PAGES\n}\n"]}
+{"version":3,"file":"zero-config.js","sourceRoot":"","sources":["../../../src/configure/zero-config.ts"],"names":[],"mappings":"AAeA,MAAM,CAAC,MAAM,eAAe,GAAoB,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE,GAAE,CAAC,CAAA;AACxE,MAAM,CAAC,MAAM,mBAAmB,GAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,GAAE,CAAC,CAAA;AAEhG,MAAM,CAAC,MAAM,oBAAoB,GAAyB;IACxD,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,SAAS;IACnB,KAAK,EAAE,SAAS;IAChB,WAAW,EAAE,SAAS;CACvB,CAAA;AACD,MAAM,CAAC,MAAM,YAAY,GAAmB,EAAE,CAAA;AAC9C,MAAM,CAAC,MAAM,WAAW,GAAkB,EAAE,CAAA;AAC5C,MAAM,CAAC,MAAM,WAAW,GAAO,EAAE,CAAA;AACjC,MAAM,CAAC,MAAM,UAAU,GAAgB,KAAK,CAAA;AAE5C,MAAM,CAAC,MAAM,WAAW,GAAiB;IACvC,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;IACR,MAAM,EAAE;QACN,QAAQ,EAAE,MAAM,CAAC,EAAE,GAAE,CAAC;KACvB;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,mBAAmB;QAC7B,UAAU,EAAE,eAAe;QAC3B,OAAO,EAAE,EAAE;KACZ;IACD,QAAQ,EAAE,oBAAoB;IAC9B,KAAK,EAAE,UAAU;CAClB,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAe;IACnC,UAAU,EAAE,KAAK;IACjB,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,KAAK;IACf,MAAM,EAAE,WAAW;IACnB,MAAM,EAAE,WAAW;IACnB,UAAU,EAAE,eAAe;IAC3B,QAAQ,EAAE,oBAAoB;CAC/B,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAe;IACnC,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,WAAW,CAAC;IAC5C,OAAO,EAAE,EAAE;CACZ,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAe,EAAE,CAAA;AAEvC,MAAM,CAAC,MAAM,WAAW,GAAgB;IACtC,OAAO,EAAE,YAAY;IACrB,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;CAChB,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAgB,EAAE,CAAA;AAC1C,MAAM,CAAC,MAAM,YAAY,GAAkB,EAAE,CAAA;AAE7C,MAAM,CAAC,MAAM,SAAS,GAAc;IAClC,OAAO,EAAE,YAAY;CACtB,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAA;AAE3C,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,CAAC;IACR,KAAK,EAAE,UAAU;CAClB,CAAA","sourcesContent":["import {\n  ColumnConfig,\n  FieldRenderer,\n  GristClassifier,\n  GristConfig,\n  GristData,\n  GristEventHandlerSet,\n  GristRecord,\n  GroupConfig,\n  LabelConfig,\n  ListConfig,\n  TreeConfig,\n  RowsConfig\n} from '../types'\n\nexport const ZERO_CLASSIFIER: GristClassifier = (record, rowIndex) => {}\nexport const ZERO_FIELD_RENDERER: FieldRenderer = (value, column, record, rowIndex, owner) => {}\n\nexport const ZERO_EVENTHANDLERSET: GristEventHandlerSet = {\n  click: undefined,\n  dblclick: undefined,\n  focus: undefined,\n  contextmenu: undefined\n}\nexport const ZERO_COLUMNS: ColumnConfig[] = []\nexport const ZERO_GROUPS: GroupConfig[] = []\nexport const ZERO_TOTALS: [] = []\nexport const ZERO_LABEL: LabelConfig = false\n\nexport const ZERO_COLUMN: ColumnConfig = {\n  type: '',\n  name: '',\n  header: {\n    renderer: column => {}\n  },\n  record: {\n    renderer: ZERO_FIELD_RENDERER,\n    classifier: ZERO_CLASSIFIER,\n    options: {}\n  },\n  handlers: ZERO_EVENTHANDLERSET,\n  label: ZERO_LABEL\n}\n\nexport const ZERO_ROWS: RowsConfig = {\n  appendable: false,\n  insertable: false,\n  editable: false,\n  groups: ZERO_GROUPS,\n  totals: ZERO_TOTALS,\n  classifier: ZERO_CLASSIFIER,\n  handlers: ZERO_EVENTHANDLERSET\n}\n\nexport const ZERO_LIST: ListConfig = {\n  fields: ['name', 'description', 'updatedAt'],\n  details: []\n}\n\nexport const ZERO_TREE: TreeConfig = {}\n\nexport const ZERO_CONFIG: GristConfig = {\n  columns: ZERO_COLUMNS,\n  rows: ZERO_ROWS,\n  list: ZERO_LIST,\n  tree: ZERO_TREE\n}\n\nexport const ZERO_RECORD: GristRecord = {}\nexport const ZERO_RECORDS: GristRecord[] = []\n\nexport const ZERO_DATA: GristData = {\n  records: ZERO_RECORDS\n}\n\nexport const ZERO_PAGES = [20, 30, 50, 100]\n\nexport const ZERO_PAGINATION = {\n  page: 1,\n  limit: 20,\n  total: 0,\n  pages: ZERO_PAGES\n}\n"]}

package/dist/src/data-card/data-card-gutter-menu.d.ts

@@ -1,2 +1,2 @@
-import '@material/mwc-icon';
+import '@material/web/icon/icon.js';
 import './data-card-gutter.js';

package/dist/src/data-card/data-card-gutter-menu.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import '@material/mwc-icon';
+import '@material/web/icon/icon.js';
 import './data-card-gutter.js';
 import { css, html, LitElement } from 'lit';
 import { customElement, property, query } from 'lit/decorators.js';
@@ -7,7 +7,7 @@ import { OxPopup } from '@operato/popup';
 let DataCardGutterMenu = class DataCardGutterMenu extends LitElement {
     render() {
         return html `
-      <mwc-icon @click=${(e) => this.open(e)}>more_horiz</mwc-icon>
+      <md-icon @click=${(e) => this.open(e)}>more_horiz</md-icon>
       <slot></slot>
     `;
     }
@@ -55,7 +55,7 @@ DataCardGutterMenu.styles = css `
       padding: 4px;
     }
 
-    mwc-icon {
+    md-icon {
       flex: 1;
       margin: 0;
       margin-bottom: 1px;
@@ -65,7 +65,7 @@ DataCardGutterMenu.styles = css `
       font-size: var(--grid-record-fontsize);
     }
 
-    mwc-icon:hover {
+    md-icon:hover {
       cursor: pointer;
       color: var(--grid-record-color-hover);
     }
@@ -86,7 +86,7 @@ __decorate([
     property()
 ], DataCardGutterMenu.prototype, "dblclickHandler", void 0);
 __decorate([
-    query('mwc-icon')
+    query('md-icon')
 ], DataCardGutterMenu.prototype, "icon", void 0);
 DataCardGutterMenu = __decorate([
     customElement('ox-card-gutter-menu')

package/dist/src/data-card/data-card-gutter-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-card-gutter-menu.js","sourceRoot":"","sources":["../../../src/data-card/data-card-gutter-menu.ts"],"names":[],"mappings":";AAAA,OAAO,oBAAoB,CAAA;AAC3B,OAAO,uBAAuB,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAKxC,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAkCzC,MAAM;QACJ,OAAO,IAAI,CAAA;yBACU,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;;KAE9C,CAAA;IACH,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,OAAO,CAAC,GAAG,CAChB,MAAM,CAAC,EAAE,CAAC,IAAI,CAAA;;wBAEE,IAAI,CAAC,QAAQ;sBACf,MAAM;sBACN,IAAI,CAAC,MAAM;qBACZ,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;;;qBAGxB,CAAC,CAAQ,EAAE,EAAE;YACpB,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;YACpB,mBAAmB;QACrB,CAAC;wBACW,CAAC,CAAQ,EAAE,EAAE;YACvB,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAA;YACvB,mBAAmB;QACrB,CAAC;;SAEJ,CACF;KACF,CAAA;IACH,CAAC;IAED,IAAI,CAAC,CAAQ;QACX,CAAC,CAAC,eAAe,EAAE,CAAA;QAEnB,MAAM,MAAM,GAAI,IAAI,CAAC,IAAoB,CAAC,YAAY,CAAA;QACtD,MAAM,IAAI,GAAG,CAAC,CAAC,CAAA;QACf,MAAM,MAAM,GAAG,IAAI,CAAA;QAEnB,OAAO,CAAC,IAAI,CAAC;YACX,QAAQ,EAAE,IAAI,CAAC,UAAU,EAAE;YAC3B,MAAM;YACN,IAAI;YACJ,MAAM;SACP,CAAC,CAAA;IACJ,CAAC;;AA9EM,yBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBlB,AAvBY,CAuBZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAAyB;AACxB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDAAkB;AACjB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAAqB;AACpC;IAAX,QAAQ,EAAE;wDAA6B;AAC5B;IAAX,QAAQ,EAAE;2DAAgC;AAExB;IAAlB,KAAK,CAAC,UAAU,CAAC;gDAAe;AAhC7B,kBAAkB;IADvB,aAAa,CAAC,qBAAqB,CAAC;GAC/B,kBAAkB,CAgFvB","sourcesContent":["import '@material/mwc-icon'\nimport './data-card-gutter.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { OxPopup } from '@operato/popup'\n\nimport { ColumnConfig, GristRecord } from '../types.js'\n\n@customElement('ox-card-gutter-menu')\nclass DataCardGutterMenu extends LitElement {\n  static styles = css`\n    :host {\n      position: relative;\n    }\n\n    ::slotted(ox-popup) {\n      padding: 4px;\n    }\n\n    mwc-icon {\n      flex: 1;\n      margin: 0;\n      margin-bottom: 1px;\n      border: var(--data-card-item-btn-border);\n      border-radius: var(--data-card-item-btn-border-radius);\n      padding: var(--data-card-item-btn-padding);\n      font-size: var(--grid-record-fontsize);\n    }\n\n    mwc-icon:hover {\n      cursor: pointer;\n      color: var(--grid-record-color-hover);\n    }\n  `\n\n  @property({ type: Object }) gutters!: ColumnConfig[]\n  @property({ type: Number }) rowIndex!: number\n  @property({ type: Object }) record!: GristRecord\n  @property() clickHandler!: EventListener\n  @property() dblclickHandler!: EventListener\n\n  @query('mwc-icon') icon!: Element\n\n  render() {\n    return html`\n      <mwc-icon @click=${(e: Event) => this.open(e)}>more_horiz</mwc-icon>\n      <slot></slot>\n    `\n  }\n\n  menuRender() {\n    return html`\n      ${this.gutters.map(\n        gutter => html`\n          <ox-card-gutter\n            .rowIndex=${this.rowIndex}\n            .column=${gutter}\n            .record=${this.record}\n            .value=${this.record[gutter.name]}\n            menu\n            alive-on-select\n            @click=${(e: Event) => {\n              this.clickHandler(e)\n              // TODO close popup\n            }}\n            @dblclick=${(e: Event) => {\n              this.dblclickHandler(e)\n              // TODO close popup\n            }}\n          ></ox-card-gutter>\n        `\n      )}\n    `\n  }\n\n  open(e: Event) {\n    e.stopPropagation()\n\n    const bottom = (this.icon as HTMLElement).offsetHeight\n    const left = -4\n    const parent = this\n\n    OxPopup.open({\n      template: this.menuRender(),\n      bottom,\n      left,\n      parent\n    })\n  }\n}\n"]}
+{"version":3,"file":"data-card-gutter-menu.js","sourceRoot":"","sources":["../../../src/data-card/data-card-gutter-menu.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,uBAAuB,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAKxC,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAkCzC,MAAM;QACJ,OAAO,IAAI,CAAA;wBACS,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;;KAE7C,CAAA;IACH,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,OAAO,CAAC,GAAG,CAChB,MAAM,CAAC,EAAE,CAAC,IAAI,CAAA;;wBAEE,IAAI,CAAC,QAAQ;sBACf,MAAM;sBACN,IAAI,CAAC,MAAM;qBACZ,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;;;qBAGxB,CAAC,CAAQ,EAAE,EAAE;YACpB,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;YACpB,mBAAmB;QACrB,CAAC;wBACW,CAAC,CAAQ,EAAE,EAAE;YACvB,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAA;YACvB,mBAAmB;QACrB,CAAC;;SAEJ,CACF;KACF,CAAA;IACH,CAAC;IAED,IAAI,CAAC,CAAQ;QACX,CAAC,CAAC,eAAe,EAAE,CAAA;QAEnB,MAAM,MAAM,GAAI,IAAI,CAAC,IAAoB,CAAC,YAAY,CAAA;QACtD,MAAM,IAAI,GAAG,CAAC,CAAC,CAAA;QACf,MAAM,MAAM,GAAG,IAAI,CAAA;QAEnB,OAAO,CAAC,IAAI,CAAC;YACX,QAAQ,EAAE,IAAI,CAAC,UAAU,EAAE;YAC3B,MAAM;YACN,IAAI;YACJ,MAAM;SACP,CAAC,CAAA;IACJ,CAAC;;AA9EM,yBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBlB,AAvBY,CAuBZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAAyB;AACxB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDAAkB;AACjB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAAqB;AACpC;IAAX,QAAQ,EAAE;wDAA6B;AAC5B;IAAX,QAAQ,EAAE;2DAAgC;AAEzB;IAAjB,KAAK,CAAC,SAAS,CAAC;gDAAe;AAhC5B,kBAAkB;IADvB,aAAa,CAAC,qBAAqB,CAAC;GAC/B,kBAAkB,CAgFvB","sourcesContent":["import '@material/web/icon/icon.js'\nimport './data-card-gutter.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { OxPopup } from '@operato/popup'\n\nimport { ColumnConfig, GristRecord } from '../types.js'\n\n@customElement('ox-card-gutter-menu')\nclass DataCardGutterMenu extends LitElement {\n  static styles = css`\n    :host {\n      position: relative;\n    }\n\n    ::slotted(ox-popup) {\n      padding: 4px;\n    }\n\n    md-icon {\n      flex: 1;\n      margin: 0;\n      margin-bottom: 1px;\n      border: var(--data-card-item-btn-border);\n      border-radius: var(--data-card-item-btn-border-radius);\n      padding: var(--data-card-item-btn-padding);\n      font-size: var(--grid-record-fontsize);\n    }\n\n    md-icon:hover {\n      cursor: pointer;\n      color: var(--grid-record-color-hover);\n    }\n  `\n\n  @property({ type: Object }) gutters!: ColumnConfig[]\n  @property({ type: Number }) rowIndex!: number\n  @property({ type: Object }) record!: GristRecord\n  @property() clickHandler!: EventListener\n  @property() dblclickHandler!: EventListener\n\n  @query('md-icon') icon!: Element\n\n  render() {\n    return html`\n      <md-icon @click=${(e: Event) => this.open(e)}>more_horiz</md-icon>\n      <slot></slot>\n    `\n  }\n\n  menuRender() {\n    return html`\n      ${this.gutters.map(\n        gutter => html`\n          <ox-card-gutter\n            .rowIndex=${this.rowIndex}\n            .column=${gutter}\n            .record=${this.record}\n            .value=${this.record[gutter.name]}\n            menu\n            alive-on-select\n            @click=${(e: Event) => {\n              this.clickHandler(e)\n              // TODO close popup\n            }}\n            @dblclick=${(e: Event) => {\n              this.dblclickHandler(e)\n              // TODO close popup\n            }}\n          ></ox-card-gutter>\n        `\n      )}\n    `\n  }\n\n  open(e: Event) {\n    e.stopPropagation()\n\n    const bottom = (this.icon as HTMLElement).offsetHeight\n    const left = -4\n    const parent = this\n\n    OxPopup.open({\n      template: this.menuRender(),\n      bottom,\n      left,\n      parent\n    })\n  }\n}\n"]}

package/dist/src/data-card/data-card.d.ts

@@ -1,4 +1,4 @@
-import '@material/mwc-icon';
+import '@material/web/icon/icon.js';
 import '../empty-note';
 import './record-card';
 import { PropertyValues } from 'lit';
@@ -13,7 +13,7 @@ export declare class DataCard extends DataManipulator {
     private _page;
     firstUpdated(changes: PropertyValues<this>): void;
     updated(changes: PropertyValues<this>): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     gotoTop(e: Event): void;
     get pullToRefreshTarget(): this;
 }