@things-factory/accounting 9.0.0-beta.79 → 9.0.0-beta.80

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (99) hide show
  1. package/dist-client/activities/activity-book-edit.js +17 -17
  2. package/dist-client/activities/activity-book-edit.js.map +1 -1
  3. package/dist-client/activities/activity-book-view.js +17 -17
  4. package/dist-client/activities/activity-book-view.js.map +1 -1
  5. package/dist-client/activities/activity-expense-edit.js +17 -17
  6. package/dist-client/activities/activity-expense-edit.js.map +1 -1
  7. package/dist-client/activities/activity-expense-view.js +17 -17
  8. package/dist-client/activities/activity-expense-view.js.map +1 -1
  9. package/dist-client/components/accounting-category-selector.js +20 -20
  10. package/dist-client/components/accounting-category-selector.js.map +1 -1
  11. package/dist-client/components/accounting-category-view.js +18 -18
  12. package/dist-client/components/accounting-category-view.js.map +1 -1
  13. package/dist-client/pages/account/account-importer.js +25 -26
  14. package/dist-client/pages/account/account-importer.js.map +1 -1
  15. package/dist-client/pages/account/account-list-page.js +25 -18
  16. package/dist-client/pages/account/account-list-page.js.map +1 -1
  17. package/dist-client/pages/accounting-category/accounting-category-importer.js +25 -26
  18. package/dist-client/pages/accounting-category/accounting-category-importer.js.map +1 -1
  19. package/dist-client/pages/accounting-category/accounting-category-list-page.js +30 -23
  20. package/dist-client/pages/accounting-category/accounting-category-list-page.js.map +1 -1
  21. package/dist-client/pages/accounting-category/accounting-category-tree-page.js +45 -47
  22. package/dist-client/pages/accounting-category/accounting-category-tree-page.js.map +1 -1
  23. package/dist-client/pages/accounting-document/accounting-document-importer.js +16 -17
  24. package/dist-client/pages/accounting-document/accounting-document-importer.js.map +1 -1
  25. package/dist-client/pages/accounting-document/accounting-document-list-page.js +34 -26
  26. package/dist-client/pages/accounting-document/accounting-document-list-page.js.map +1 -1
  27. package/dist-client/pages/bank/bank-importer.js +16 -17
  28. package/dist-client/pages/bank/bank-importer.js.map +1 -1
  29. package/dist-client/pages/bank/bank-list-page.js +34 -26
  30. package/dist-client/pages/bank/bank-list-page.js.map +1 -1
  31. package/dist-client/pages/bank-account/bank-account-importer.js +16 -17
  32. package/dist-client/pages/bank-account/bank-account-importer.js.map +1 -1
  33. package/dist-client/pages/bank-account/bank-account-list-page.js +34 -26
  34. package/dist-client/pages/bank-account/bank-account-list-page.js.map +1 -1
  35. package/dist-client/pages/financial-institution/financial-institution-importer.js +16 -17
  36. package/dist-client/pages/financial-institution/financial-institution-importer.js.map +1 -1
  37. package/dist-client/pages/financial-institution/financial-institution-list-page.js +34 -26
  38. package/dist-client/pages/financial-institution/financial-institution-list-page.js.map +1 -1
  39. package/dist-client/pages/financial-statement/financial-statement-importer.js +25 -26
  40. package/dist-client/pages/financial-statement/financial-statement-importer.js.map +1 -1
  41. package/dist-client/pages/financial-statement/financial-statement-list-page.js +30 -23
  42. package/dist-client/pages/financial-statement/financial-statement-list-page.js.map +1 -1
  43. package/dist-client/pages/fiscal-month/fiscal-month-importer.js +16 -17
  44. package/dist-client/pages/fiscal-month/fiscal-month-importer.js.map +1 -1
  45. package/dist-client/pages/fiscal-month/fiscal-month-list-page.js +34 -26
  46. package/dist-client/pages/fiscal-month/fiscal-month-list-page.js.map +1 -1
  47. package/dist-client/pages/fiscal-quarter/fiscal-quarter-importer.js +16 -17
  48. package/dist-client/pages/fiscal-quarter/fiscal-quarter-importer.js.map +1 -1
  49. package/dist-client/pages/fiscal-quarter/fiscal-quarter-list-page.js +34 -26
  50. package/dist-client/pages/fiscal-quarter/fiscal-quarter-list-page.js.map +1 -1
  51. package/dist-client/pages/fiscal-year/fiscal-year-importer.js +16 -17
  52. package/dist-client/pages/fiscal-year/fiscal-year-importer.js.map +1 -1
  53. package/dist-client/pages/fiscal-year/fiscal-year-list-page.js +34 -26
  54. package/dist-client/pages/fiscal-year/fiscal-year-list-page.js.map +1 -1
  55. package/dist-client/pages/income-statement/income-statement-importer.js +25 -26
  56. package/dist-client/pages/income-statement/income-statement-importer.js.map +1 -1
  57. package/dist-client/pages/income-statement/income-statement-list-page.js +30 -23
  58. package/dist-client/pages/income-statement/income-statement-list-page.js.map +1 -1
  59. package/dist-client/pages/payment/payment-importer.js +16 -17
  60. package/dist-client/pages/payment/payment-importer.js.map +1 -1
  61. package/dist-client/pages/payment/payment-list-page.js +34 -26
  62. package/dist-client/pages/payment/payment-list-page.js.map +1 -1
  63. package/dist-client/pages/transaction/transaction-importer.js +25 -26
  64. package/dist-client/pages/transaction/transaction-importer.js.map +1 -1
  65. package/dist-client/pages/transaction/transaction-list-page.js +30 -23
  66. package/dist-client/pages/transaction/transaction-list-page.js.map +1 -1
  67. package/dist-client/tsconfig.tsbuildinfo +1 -1
  68. package/dist-server/migrations/1725201467183-seed-accounts.js +6 -1
  69. package/dist-server/migrations/1725201467183-seed-accounts.js.map +1 -1
  70. package/dist-server/migrations/1725201567284-seed-country-codes.js +10 -3
  71. package/dist-server/migrations/1725201567284-seed-country-codes.js.map +1 -1
  72. package/dist-server/service/account/account-mutation.js +25 -7
  73. package/dist-server/service/account/account-mutation.js.map +1 -1
  74. package/dist-server/service/accounting-category/accounting-category-mutation.js +25 -7
  75. package/dist-server/service/accounting-category/accounting-category-mutation.js.map +1 -1
  76. package/dist-server/service/accounting-document/accounting-document-mutation.js +25 -7
  77. package/dist-server/service/accounting-document/accounting-document-mutation.js.map +1 -1
  78. package/dist-server/service/bank-account/bank-account-mutation.js +25 -7
  79. package/dist-server/service/bank-account/bank-account-mutation.js.map +1 -1
  80. package/dist-server/service/financial-institution/financial-institution-mutation.js +25 -7
  81. package/dist-server/service/financial-institution/financial-institution-mutation.js.map +1 -1
  82. package/dist-server/service/financial-institution/financial-institution-query.js +1 -1
  83. package/dist-server/service/financial-institution/financial-institution-query.js.map +1 -1
  84. package/dist-server/service/financial-statement/financial-statement-mutation.js +25 -7
  85. package/dist-server/service/financial-statement/financial-statement-mutation.js.map +1 -1
  86. package/dist-server/service/fiscal-month/fiscal-month-mutation.js +25 -7
  87. package/dist-server/service/fiscal-month/fiscal-month-mutation.js.map +1 -1
  88. package/dist-server/service/fiscal-quarter/fiscal-quarter-mutation.js +28 -7
  89. package/dist-server/service/fiscal-quarter/fiscal-quarter-mutation.js.map +1 -1
  90. package/dist-server/service/fiscal-year/fiscal-year-mutation.js +25 -7
  91. package/dist-server/service/fiscal-year/fiscal-year-mutation.js.map +1 -1
  92. package/dist-server/service/income-statement/income-statement-mutation.js +25 -7
  93. package/dist-server/service/income-statement/income-statement-mutation.js.map +1 -1
  94. package/dist-server/service/payment/payment-mutation.js +25 -7
  95. package/dist-server/service/payment/payment-mutation.js.map +1 -1
  96. package/dist-server/service/transaction/transaction-mutation.js +25 -7
  97. package/dist-server/service/transaction/transaction-mutation.js.map +1 -1
  98. package/dist-server/tsconfig.tsbuildinfo +1 -1
  99. package/package.json +3 -3
@@ -13,6 +13,23 @@ import { i18next, localize } from '@operato/i18n';
13
13
  import { ScrollbarStyles } from '@operato/styles';
14
14
  // import { BookView } from '../components/book-edit.js'
15
15
  let ActivityBookView = class ActivityBookView extends localize(i18next)(LitElement) {
16
+ static { this.styles = [
17
+ ScrollbarStyles,
18
+ css `
19
+ :host {
20
+ display: flex;
21
+ flex-direction: column;
22
+
23
+ background-color: #fff;
24
+ }
25
+
26
+ book-edit {
27
+ flex: 1;
28
+ padding: 10px;
29
+ overflow: auto;
30
+ }
31
+ `
32
+ ]; }
16
33
  // @query('book-edit') bookView!: BookView
17
34
  render() {
18
35
  return html ` <book-edit .book=${this.book} .value=${this.output} @change=${this.onChange}></book-edit> `;
@@ -49,23 +66,6 @@ let ActivityBookView = class ActivityBookView extends localize(i18next)(LitEleme
49
66
  }
50
67
  }
51
68
  };
52
- ActivityBookView.styles = [
53
- ScrollbarStyles,
54
- css `
55
- :host {
56
- display: flex;
57
- flex-direction: column;
58
-
59
- background-color: #fff;
60
- }
61
-
62
- book-edit {
63
- flex: 1;
64
- padding: 10px;
65
- overflow: auto;
66
- }
67
- `
68
- ];
69
69
  __decorate([
70
70
  property({ type: Object }),
71
71
  __metadata("design:type", Object)
@@ -1 +1 @@
1
- {"version":3,"file":"activity-book-edit.js","sourceRoot":"","sources":["../../client/activities/activity-book-edit.ts"],"names":[],"mappings":"AAAA;;;;EAIE;;AAEF,OAAO,4BAA4B,CAAA;AAEnC,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,wDAAwD;AAGjD,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAwBjE,0CAA0C;IAE1C,MAAM;QACJ,OAAO,IAAI,CAAA,qBAAqB,IAAI,CAAC,IAAI,WAAW,IAAI,CAAC,MAAM,YAAY,IAAI,CAAC,QAAQ,gBAAgB,CAAA;IAC1G,CAAC;IAED,KAAK,CAAC,QAAQ;QACZ,oCAAoC;QAEpC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;YACxB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC,CACH,CAAA;IACH,CAAC;IAED,OAAO,CAAC,OAAO;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACzB,IAAI,CAAC,SAAS,EAAE,CAAA;QAClB,CAAC;IACH,CAAC;IAED,KAAK,CAAC,SAAS;QACb,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAA;QAE5B,IAAI,EAAE,EAAE,CAAC;YACP,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;gBAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;SAQT;gBACD,SAAS,EAAE;oBACT,EAAE;iBACH;aACF,CAAC,CAAA;YAEF,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAA;QAChC,CAAC;IACH,CAAC;;AAlEM,uBAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;KAaF;CACF,AAhBY,CAgBZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;+CAAY;AACX;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;gDAAa;AAE/B;IAAR,KAAK,EAAE;;8CAAW;AAtBR,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CAoE5B","sourcesContent":["/* \nAdd the following line to clinet/bootstrap.ts so that activity editor can be registered when loading a module.\n--\nimport './activities/book-edit.js' // refered by the activity template (activity-book) on server\n*/\n\nimport '../components/book-edit.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\n\n// import { BookView } from '../components/book-edit.js'\n\n@customElement('activity-book-edit')\nexport class ActivityBookView extends localize(i18next)(LitElement) {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: #fff;\n }\n\n book-edit {\n flex: 1;\n padding: 10px;\n overflow: auto;\n }\n `\n ]\n\n @property({ type: Object }) input?: any\n @property({ type: Object }) output?: any\n\n @state() book?: any //Book\n\n // @query('book-edit') bookView!: BookView\n\n render() {\n return html` <book-edit .book=${this.book} .value=${this.output} @change=${this.onChange}></book-edit> `\n }\n\n async onChange() {\n // this.output = this.bookView.value\n\n this.dispatchEvent(\n new CustomEvent('change', {\n detail: this.output\n })\n )\n }\n\n updated(changes) {\n if (changes.has('input')) {\n this.fetchBook()\n }\n }\n\n async fetchBook() {\n const id = this.input.bookId\n\n if (id) {\n const response = await client.query({\n query: gql`\n query ($id: String!) {\n book(id: $id) {\n id\n name\n description\n }\n }\n `,\n variables: {\n id\n }\n })\n\n this.book = response.data.book\n }\n }\n}\n"]}
1
+ {"version":3,"file":"activity-book-edit.js","sourceRoot":"","sources":["../../client/activities/activity-book-edit.ts"],"names":[],"mappings":"AAAA;;;;EAIE;;AAEF,OAAO,4BAA4B,CAAA;AAEnC,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,wDAAwD;AAGjD,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;aAC1D,WAAM,GAAG;QACd,eAAe;QACf,GAAG,CAAA;;;;;;;;;;;;;KAaF;KACF,AAhBY,CAgBZ;IAOD,0CAA0C;IAE1C,MAAM;QACJ,OAAO,IAAI,CAAA,qBAAqB,IAAI,CAAC,IAAI,WAAW,IAAI,CAAC,MAAM,YAAY,IAAI,CAAC,QAAQ,gBAAgB,CAAA;IAC1G,CAAC;IAED,KAAK,CAAC,QAAQ;QACZ,oCAAoC;QAEpC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;YACxB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC,CACH,CAAA;IACH,CAAC;IAED,OAAO,CAAC,OAAO;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACzB,IAAI,CAAC,SAAS,EAAE,CAAA;QAClB,CAAC;IACH,CAAC;IAED,KAAK,CAAC,SAAS;QACb,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAA;QAE5B,IAAI,EAAE,EAAE,CAAC;YACP,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;gBAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;SAQT;gBACD,SAAS,EAAE;oBACT,EAAE;iBACH;aACF,CAAC,CAAA;YAEF,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAA;QAChC,CAAC;IACH,CAAC;;AAhD2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;+CAAY;AACX;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;gDAAa;AAE/B;IAAR,KAAK,EAAE;;8CAAW;AAtBR,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CAoE5B","sourcesContent":["/* \nAdd the following line to clinet/bootstrap.ts so that activity editor can be registered when loading a module.\n--\nimport './activities/book-edit.js' // refered by the activity template (activity-book) on server\n*/\n\nimport '../components/book-edit.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\n\n// import { BookView } from '../components/book-edit.js'\n\n@customElement('activity-book-edit')\nexport class ActivityBookView extends localize(i18next)(LitElement) {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: #fff;\n }\n\n book-edit {\n flex: 1;\n padding: 10px;\n overflow: auto;\n }\n `\n ]\n\n @property({ type: Object }) input?: any\n @property({ type: Object }) output?: any\n\n @state() book?: any //Book\n\n // @query('book-edit') bookView!: BookView\n\n render() {\n return html` <book-edit .book=${this.book} .value=${this.output} @change=${this.onChange}></book-edit> `\n }\n\n async onChange() {\n // this.output = this.bookView.value\n\n this.dispatchEvent(\n new CustomEvent('change', {\n detail: this.output\n })\n )\n }\n\n updated(changes) {\n if (changes.has('input')) {\n this.fetchBook()\n }\n }\n\n async fetchBook() {\n const id = this.input.bookId\n\n if (id) {\n const response = await client.query({\n query: gql`\n query ($id: String!) {\n book(id: $id) {\n id\n name\n description\n }\n }\n `,\n variables: {\n id\n }\n })\n\n this.book = response.data.book\n }\n }\n}\n"]}
@@ -13,6 +13,23 @@ import { i18next, localize } from '@operato/i18n';
13
13
  import { ScrollbarStyles } from '@operato/styles';
14
14
  // import { BookView } from '../components/book-view.js'
15
15
  let ActivityBookView = class ActivityBookView extends localize(i18next)(LitElement) {
16
+ static { this.styles = [
17
+ ScrollbarStyles,
18
+ css `
19
+ :host {
20
+ display: flex;
21
+ flex-direction: column;
22
+
23
+ background-color: #fff;
24
+ }
25
+
26
+ book-view {
27
+ flex: 1;
28
+ padding: 10px;
29
+ overflow: auto;
30
+ }
31
+ `
32
+ ]; }
16
33
  // @query('book-view') bookView!: BookView
17
34
  render() {
18
35
  return html ` <book-view .book=${this.book} .value=${this.output} @change=${this.onChange}></book-view> `;
@@ -49,23 +66,6 @@ let ActivityBookView = class ActivityBookView extends localize(i18next)(LitEleme
49
66
  }
50
67
  }
51
68
  };
52
- ActivityBookView.styles = [
53
- ScrollbarStyles,
54
- css `
55
- :host {
56
- display: flex;
57
- flex-direction: column;
58
-
59
- background-color: #fff;
60
- }
61
-
62
- book-view {
63
- flex: 1;
64
- padding: 10px;
65
- overflow: auto;
66
- }
67
- `
68
- ];
69
69
  __decorate([
70
70
  property({ type: Object }),
71
71
  __metadata("design:type", Object)
@@ -1 +1 @@
1
- {"version":3,"file":"activity-book-view.js","sourceRoot":"","sources":["../../client/activities/activity-book-view.ts"],"names":[],"mappings":"AAAA;;;;EAIE;;AAEF,OAAO,4BAA4B,CAAA;AAEnC,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,wDAAwD;AAGjD,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAwBjE,0CAA0C;IAE1C,MAAM;QACJ,OAAO,IAAI,CAAA,qBAAqB,IAAI,CAAC,IAAI,WAAW,IAAI,CAAC,MAAM,YAAY,IAAI,CAAC,QAAQ,gBAAgB,CAAA;IAC1G,CAAC;IAED,KAAK,CAAC,QAAQ;QACZ,oCAAoC;QAEpC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;YACxB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC,CACH,CAAA;IACH,CAAC;IAED,OAAO,CAAC,OAAO;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACzB,IAAI,CAAC,SAAS,EAAE,CAAA;QAClB,CAAC;IACH,CAAC;IAED,KAAK,CAAC,SAAS;QACb,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAA;QAE5B,IAAI,EAAE,EAAE,CAAC;YACP,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;gBAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;SAQT;gBACD,SAAS,EAAE;oBACT,EAAE;iBACH;aACF,CAAC,CAAA;YAEF,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAA;QAChC,CAAC;IACH,CAAC;;AAlEM,uBAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;KAaF;CACF,AAhBY,CAgBZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;+CAAY;AACX;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;gDAAa;AAE/B;IAAR,KAAK,EAAE;;8CAAW;AAtBR,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CAoE5B","sourcesContent":["/* \nAdd the following line to clinet/bootstrap.ts so that activity view can be registered when loading a module.\n--\nimport './activities/book-view.js' // refered by the activity template (activity-data-collect) on server\n*/\n\nimport '../components/book-view.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\n\n// import { BookView } from '../components/book-view.js'\n\n@customElement('activity-book-view')\nexport class ActivityBookView extends localize(i18next)(LitElement) {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: #fff;\n }\n\n book-view {\n flex: 1;\n padding: 10px;\n overflow: auto;\n }\n `\n ]\n\n @property({ type: Object }) input?: any\n @property({ type: Object }) output?: any\n\n @state() book?: any //Book\n\n // @query('book-view') bookView!: BookView\n\n render() {\n return html` <book-view .book=${this.book} .value=${this.output} @change=${this.onChange}></book-view> `\n }\n\n async onChange() {\n // this.output = this.bookView.value\n\n this.dispatchEvent(\n new CustomEvent('change', {\n detail: this.output\n })\n )\n }\n\n updated(changes) {\n if (changes.has('input')) {\n this.fetchBook()\n }\n }\n\n async fetchBook() {\n const id = this.input.bookId\n\n if (id) {\n const response = await client.query({\n query: gql`\n query ($id: String!) {\n book(id: $id) {\n id\n name\n description\n }\n }\n `,\n variables: {\n id\n }\n })\n\n this.book = response.data.book\n }\n }\n}\n"]}
1
+ {"version":3,"file":"activity-book-view.js","sourceRoot":"","sources":["../../client/activities/activity-book-view.ts"],"names":[],"mappings":"AAAA;;;;EAIE;;AAEF,OAAO,4BAA4B,CAAA;AAEnC,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,wDAAwD;AAGjD,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;aAC1D,WAAM,GAAG;QACd,eAAe;QACf,GAAG,CAAA;;;;;;;;;;;;;KAaF;KACF,AAhBY,CAgBZ;IAOD,0CAA0C;IAE1C,MAAM;QACJ,OAAO,IAAI,CAAA,qBAAqB,IAAI,CAAC,IAAI,WAAW,IAAI,CAAC,MAAM,YAAY,IAAI,CAAC,QAAQ,gBAAgB,CAAA;IAC1G,CAAC;IAED,KAAK,CAAC,QAAQ;QACZ,oCAAoC;QAEpC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;YACxB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC,CACH,CAAA;IACH,CAAC;IAED,OAAO,CAAC,OAAO;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACzB,IAAI,CAAC,SAAS,EAAE,CAAA;QAClB,CAAC;IACH,CAAC;IAED,KAAK,CAAC,SAAS;QACb,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAA;QAE5B,IAAI,EAAE,EAAE,CAAC;YACP,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;gBAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;SAQT;gBACD,SAAS,EAAE;oBACT,EAAE;iBACH;aACF,CAAC,CAAA;YAEF,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAA;QAChC,CAAC;IACH,CAAC;;AAhD2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;+CAAY;AACX;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;gDAAa;AAE/B;IAAR,KAAK,EAAE;;8CAAW;AAtBR,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CAoE5B","sourcesContent":["/* \nAdd the following line to clinet/bootstrap.ts so that activity view can be registered when loading a module.\n--\nimport './activities/book-view.js' // refered by the activity template (activity-data-collect) on server\n*/\n\nimport '../components/book-view.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\n\n// import { BookView } from '../components/book-view.js'\n\n@customElement('activity-book-view')\nexport class ActivityBookView extends localize(i18next)(LitElement) {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: #fff;\n }\n\n book-view {\n flex: 1;\n padding: 10px;\n overflow: auto;\n }\n `\n ]\n\n @property({ type: Object }) input?: any\n @property({ type: Object }) output?: any\n\n @state() book?: any //Book\n\n // @query('book-view') bookView!: BookView\n\n render() {\n return html` <book-view .book=${this.book} .value=${this.output} @change=${this.onChange}></book-view> `\n }\n\n async onChange() {\n // this.output = this.bookView.value\n\n this.dispatchEvent(\n new CustomEvent('change', {\n detail: this.output\n })\n )\n }\n\n updated(changes) {\n if (changes.has('input')) {\n this.fetchBook()\n }\n }\n\n async fetchBook() {\n const id = this.input.bookId\n\n if (id) {\n const response = await client.query({\n query: gql`\n query ($id: String!) {\n book(id: $id) {\n id\n name\n description\n }\n }\n `,\n variables: {\n id\n }\n })\n\n this.book = response.data.book\n }\n }\n}\n"]}
@@ -13,6 +13,23 @@ import { i18next, localize } from '@operato/i18n';
13
13
  import { ScrollbarStyles } from '@operato/styles';
14
14
  // import { ExpenseView } from '../components/expense-edit.js'
15
15
  let ActivityExpenseView = class ActivityExpenseView extends localize(i18next)(LitElement) {
16
+ static { this.styles = [
17
+ ScrollbarStyles,
18
+ css `
19
+ :host {
20
+ display: flex;
21
+ flex-direction: column;
22
+
23
+ background-color: #fff;
24
+ }
25
+
26
+ expense-edit {
27
+ flex: 1;
28
+ padding: 10px;
29
+ overflow: auto;
30
+ }
31
+ `
32
+ ]; }
16
33
  // @query('expense-edit') expenseView!: ExpenseView
17
34
  render() {
18
35
  return html ` <expense-edit .expense=${this.expense} .value=${this.output} @change=${this.onChange}></expense-edit> `;
@@ -49,23 +66,6 @@ let ActivityExpenseView = class ActivityExpenseView extends localize(i18next)(Li
49
66
  }
50
67
  }
51
68
  };
52
- ActivityExpenseView.styles = [
53
- ScrollbarStyles,
54
- css `
55
- :host {
56
- display: flex;
57
- flex-direction: column;
58
-
59
- background-color: #fff;
60
- }
61
-
62
- expense-edit {
63
- flex: 1;
64
- padding: 10px;
65
- overflow: auto;
66
- }
67
- `
68
- ];
69
69
  __decorate([
70
70
  property({ type: Object }),
71
71
  __metadata("design:type", Object)
@@ -1 +1 @@
1
- {"version":3,"file":"activity-expense-edit.js","sourceRoot":"","sources":["../../client/activities/activity-expense-edit.ts"],"names":[],"mappings":"AAAA;;;;EAIE;;AAEF,OAAO,+BAA+B,CAAA;AAEtC,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,8DAA8D;AAGvD,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAwBpE,mDAAmD;IAEnD,MAAM;QACJ,OAAO,IAAI,CAAA,2BAA2B,IAAI,CAAC,OAAO,WAAW,IAAI,CAAC,MAAM,YAAY,IAAI,CAAC,QAAQ,mBAAmB,CAAA;IACtH,CAAC;IAED,KAAK,CAAC,QAAQ;QACZ,uCAAuC;QAEvC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;YACxB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC,CACH,CAAA;IACH,CAAC;IAED,OAAO,CAAC,OAAO;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACzB,IAAI,CAAC,YAAY,EAAE,CAAA;QACrB,CAAC;IACH,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAA;QAE/B,IAAI,EAAE,EAAE,CAAC;YACP,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;gBAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;SAQT;gBACD,SAAS,EAAE;oBACT,EAAE;iBACH;aACF,CAAC,CAAA;YAEF,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAA;QACtC,CAAC;IACH,CAAC;;AAlEM,0BAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;KAaF;CACF,AAhBY,CAgBZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;kDAAY;AACX;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;mDAAa;AAE/B;IAAR,KAAK,EAAE;;oDAAc;AAtBX,mBAAmB;IAD/B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,mBAAmB,CAoE/B","sourcesContent":["/* \nAdd the following line to clinet/bootstrap.ts so that activity editor can be registered when loading a module.\n--\nimport './activities/expense-edit.js' // refered by the activity template (activity-expense) on server\n*/\n\nimport '../components/expense-edit.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\n\n// import { ExpenseView } from '../components/expense-edit.js'\n\n@customElement('activity-expense-edit')\nexport class ActivityExpenseView extends localize(i18next)(LitElement) {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: #fff;\n }\n\n expense-edit {\n flex: 1;\n padding: 10px;\n overflow: auto;\n }\n `\n ]\n\n @property({ type: Object }) input?: any\n @property({ type: Object }) output?: any\n\n @state() expense?: any //Expense\n\n // @query('expense-edit') expenseView!: ExpenseView\n\n render() {\n return html` <expense-edit .expense=${this.expense} .value=${this.output} @change=${this.onChange}></expense-edit> `\n }\n\n async onChange() {\n // this.output = this.expenseView.value\n\n this.dispatchEvent(\n new CustomEvent('change', {\n detail: this.output\n })\n )\n }\n\n updated(changes) {\n if (changes.has('input')) {\n this.fetchExpense()\n }\n }\n\n async fetchExpense() {\n const id = this.input.expenseId\n\n if (id) {\n const response = await client.query({\n query: gql`\n query ($id: String!) {\n expense(id: $id) {\n id\n name\n description\n }\n }\n `,\n variables: {\n id\n }\n })\n\n this.expense = response.data.expense\n }\n }\n}\n"]}
1
+ {"version":3,"file":"activity-expense-edit.js","sourceRoot":"","sources":["../../client/activities/activity-expense-edit.ts"],"names":[],"mappings":"AAAA;;;;EAIE;;AAEF,OAAO,+BAA+B,CAAA;AAEtC,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,8DAA8D;AAGvD,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;aAC7D,WAAM,GAAG;QACd,eAAe;QACf,GAAG,CAAA;;;;;;;;;;;;;KAaF;KACF,AAhBY,CAgBZ;IAOD,mDAAmD;IAEnD,MAAM;QACJ,OAAO,IAAI,CAAA,2BAA2B,IAAI,CAAC,OAAO,WAAW,IAAI,CAAC,MAAM,YAAY,IAAI,CAAC,QAAQ,mBAAmB,CAAA;IACtH,CAAC;IAED,KAAK,CAAC,QAAQ;QACZ,uCAAuC;QAEvC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;YACxB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC,CACH,CAAA;IACH,CAAC;IAED,OAAO,CAAC,OAAO;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACzB,IAAI,CAAC,YAAY,EAAE,CAAA;QACrB,CAAC;IACH,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAA;QAE/B,IAAI,EAAE,EAAE,CAAC;YACP,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;gBAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;SAQT;gBACD,SAAS,EAAE;oBACT,EAAE;iBACH;aACF,CAAC,CAAA;YAEF,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAA;QACtC,CAAC;IACH,CAAC;;AAhD2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;kDAAY;AACX;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;mDAAa;AAE/B;IAAR,KAAK,EAAE;;oDAAc;AAtBX,mBAAmB;IAD/B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,mBAAmB,CAoE/B","sourcesContent":["/* \nAdd the following line to clinet/bootstrap.ts so that activity editor can be registered when loading a module.\n--\nimport './activities/expense-edit.js' // refered by the activity template (activity-expense) on server\n*/\n\nimport '../components/expense-edit.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\n\n// import { ExpenseView } from '../components/expense-edit.js'\n\n@customElement('activity-expense-edit')\nexport class ActivityExpenseView extends localize(i18next)(LitElement) {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: #fff;\n }\n\n expense-edit {\n flex: 1;\n padding: 10px;\n overflow: auto;\n }\n `\n ]\n\n @property({ type: Object }) input?: any\n @property({ type: Object }) output?: any\n\n @state() expense?: any //Expense\n\n // @query('expense-edit') expenseView!: ExpenseView\n\n render() {\n return html` <expense-edit .expense=${this.expense} .value=${this.output} @change=${this.onChange}></expense-edit> `\n }\n\n async onChange() {\n // this.output = this.expenseView.value\n\n this.dispatchEvent(\n new CustomEvent('change', {\n detail: this.output\n })\n )\n }\n\n updated(changes) {\n if (changes.has('input')) {\n this.fetchExpense()\n }\n }\n\n async fetchExpense() {\n const id = this.input.expenseId\n\n if (id) {\n const response = await client.query({\n query: gql`\n query ($id: String!) {\n expense(id: $id) {\n id\n name\n description\n }\n }\n `,\n variables: {\n id\n }\n })\n\n this.expense = response.data.expense\n }\n }\n}\n"]}
@@ -13,6 +13,23 @@ import { i18next, localize } from '@operato/i18n';
13
13
  import { ScrollbarStyles } from '@operato/styles';
14
14
  // import { ExpenseView } from '../components/expense-view.js'
15
15
  let ActivityExpenseView = class ActivityExpenseView extends localize(i18next)(LitElement) {
16
+ static { this.styles = [
17
+ ScrollbarStyles,
18
+ css `
19
+ :host {
20
+ display: flex;
21
+ flex-direction: column;
22
+
23
+ background-color: #fff;
24
+ }
25
+
26
+ expense-view {
27
+ flex: 1;
28
+ padding: 10px;
29
+ overflow: auto;
30
+ }
31
+ `
32
+ ]; }
16
33
  // @query('expense-view') expenseView!: ExpenseView
17
34
  render() {
18
35
  return html ` <expense-view .expense=${this.expense} .value=${this.output} @change=${this.onChange}></expense-view> `;
@@ -49,23 +66,6 @@ let ActivityExpenseView = class ActivityExpenseView extends localize(i18next)(Li
49
66
  }
50
67
  }
51
68
  };
52
- ActivityExpenseView.styles = [
53
- ScrollbarStyles,
54
- css `
55
- :host {
56
- display: flex;
57
- flex-direction: column;
58
-
59
- background-color: #fff;
60
- }
61
-
62
- expense-view {
63
- flex: 1;
64
- padding: 10px;
65
- overflow: auto;
66
- }
67
- `
68
- ];
69
69
  __decorate([
70
70
  property({ type: Object }),
71
71
  __metadata("design:type", Object)
@@ -1 +1 @@
1
- {"version":3,"file":"activity-expense-view.js","sourceRoot":"","sources":["../../client/activities/activity-expense-view.ts"],"names":[],"mappings":"AAAA;;;;EAIE;;AAEF,OAAO,+BAA+B,CAAA;AAEtC,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,8DAA8D;AAGvD,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAwBpE,mDAAmD;IAEnD,MAAM;QACJ,OAAO,IAAI,CAAA,2BAA2B,IAAI,CAAC,OAAO,WAAW,IAAI,CAAC,MAAM,YAAY,IAAI,CAAC,QAAQ,mBAAmB,CAAA;IACtH,CAAC;IAED,KAAK,CAAC,QAAQ;QACZ,uCAAuC;QAEvC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;YACxB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC,CACH,CAAA;IACH,CAAC;IAED,OAAO,CAAC,OAAO;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACzB,IAAI,CAAC,YAAY,EAAE,CAAA;QACrB,CAAC;IACH,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAA;QAE/B,IAAI,EAAE,EAAE,CAAC;YACP,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;gBAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;SAQT;gBACD,SAAS,EAAE;oBACT,EAAE;iBACH;aACF,CAAC,CAAA;YAEF,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAA;QACtC,CAAC;IACH,CAAC;;AAlEM,0BAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;KAaF;CACF,AAhBY,CAgBZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;kDAAY;AACX;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;mDAAa;AAE/B;IAAR,KAAK,EAAE;;oDAAc;AAtBX,mBAAmB;IAD/B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,mBAAmB,CAoE/B","sourcesContent":["/* \nAdd the following line to clinet/bootstrap.ts so that activity view can be registered when loading a module.\n--\nimport './activities/expense-view.js' // refered by the activity template (activity-data-collect) on server\n*/\n\nimport '../components/expense-view.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\n\n// import { ExpenseView } from '../components/expense-view.js'\n\n@customElement('activity-expense-view')\nexport class ActivityExpenseView extends localize(i18next)(LitElement) {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: #fff;\n }\n\n expense-view {\n flex: 1;\n padding: 10px;\n overflow: auto;\n }\n `\n ]\n\n @property({ type: Object }) input?: any\n @property({ type: Object }) output?: any\n\n @state() expense?: any //Expense\n\n // @query('expense-view') expenseView!: ExpenseView\n\n render() {\n return html` <expense-view .expense=${this.expense} .value=${this.output} @change=${this.onChange}></expense-view> `\n }\n\n async onChange() {\n // this.output = this.expenseView.value\n\n this.dispatchEvent(\n new CustomEvent('change', {\n detail: this.output\n })\n )\n }\n\n updated(changes) {\n if (changes.has('input')) {\n this.fetchExpense()\n }\n }\n\n async fetchExpense() {\n const id = this.input.expenseId\n\n if (id) {\n const response = await client.query({\n query: gql`\n query ($id: String!) {\n expense(id: $id) {\n id\n name\n description\n }\n }\n `,\n variables: {\n id\n }\n })\n\n this.expense = response.data.expense\n }\n }\n}\n"]}
1
+ {"version":3,"file":"activity-expense-view.js","sourceRoot":"","sources":["../../client/activities/activity-expense-view.ts"],"names":[],"mappings":"AAAA;;;;EAIE;;AAEF,OAAO,+BAA+B,CAAA;AAEtC,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,8DAA8D;AAGvD,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;aAC7D,WAAM,GAAG;QACd,eAAe;QACf,GAAG,CAAA;;;;;;;;;;;;;KAaF;KACF,AAhBY,CAgBZ;IAOD,mDAAmD;IAEnD,MAAM;QACJ,OAAO,IAAI,CAAA,2BAA2B,IAAI,CAAC,OAAO,WAAW,IAAI,CAAC,MAAM,YAAY,IAAI,CAAC,QAAQ,mBAAmB,CAAA;IACtH,CAAC;IAED,KAAK,CAAC,QAAQ;QACZ,uCAAuC;QAEvC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;YACxB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC,CACH,CAAA;IACH,CAAC;IAED,OAAO,CAAC,OAAO;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACzB,IAAI,CAAC,YAAY,EAAE,CAAA;QACrB,CAAC;IACH,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAA;QAE/B,IAAI,EAAE,EAAE,CAAC;YACP,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;gBAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;SAQT;gBACD,SAAS,EAAE;oBACT,EAAE;iBACH;aACF,CAAC,CAAA;YAEF,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAA;QACtC,CAAC;IACH,CAAC;;AAhD2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;kDAAY;AACX;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;mDAAa;AAE/B;IAAR,KAAK,EAAE;;oDAAc;AAtBX,mBAAmB;IAD/B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,mBAAmB,CAoE/B","sourcesContent":["/* \nAdd the following line to clinet/bootstrap.ts so that activity view can be registered when loading a module.\n--\nimport './activities/expense-view.js' // refered by the activity template (activity-data-collect) on server\n*/\n\nimport '../components/expense-view.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\n\n// import { ExpenseView } from '../components/expense-view.js'\n\n@customElement('activity-expense-view')\nexport class ActivityExpenseView extends localize(i18next)(LitElement) {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: #fff;\n }\n\n expense-view {\n flex: 1;\n padding: 10px;\n overflow: auto;\n }\n `\n ]\n\n @property({ type: Object }) input?: any\n @property({ type: Object }) output?: any\n\n @state() expense?: any //Expense\n\n // @query('expense-view') expenseView!: ExpenseView\n\n render() {\n return html` <expense-view .expense=${this.expense} .value=${this.output} @change=${this.onChange}></expense-view> `\n }\n\n async onChange() {\n // this.output = this.expenseView.value\n\n this.dispatchEvent(\n new CustomEvent('change', {\n detail: this.output\n })\n )\n }\n\n updated(changes) {\n if (changes.has('input')) {\n this.fetchExpense()\n }\n }\n\n async fetchExpense() {\n const id = this.input.expenseId\n\n if (id) {\n const response = await client.query({\n query: gql`\n query ($id: String!) {\n expense(id: $id) {\n id\n name\n description\n }\n }\n `,\n variables: {\n id\n }\n })\n\n this.expense = response.data.expense\n }\n }\n}\n"]}
@@ -19,6 +19,26 @@ const accountingCategoryFragment = gql `
19
19
  }
20
20
  `;
21
21
  let AccountingCategorySelector = class AccountingCategorySelector extends LitElement {
22
+ static { this.styles = [
23
+ CommonHeaderStyles,
24
+ css `
25
+ :host {
26
+ display: flex;
27
+ flex-direction: column;
28
+
29
+ background-color: var(--md-sys-color-surface);
30
+
31
+ width: var(--overlay-center-normal-width, 50%);
32
+ height: var(--overlay-center-normal-height, 50%);
33
+
34
+ overflow: auto;
35
+ }
36
+
37
+ ox-tree-vertical {
38
+ flex: 1;
39
+ }
40
+ `
41
+ ]; }
22
42
  render() {
23
43
  return html `
24
44
  <ox-tree-vertical
@@ -95,26 +115,6 @@ let AccountingCategorySelector = class AccountingCategorySelector extends LitEle
95
115
  this.root = records[0];
96
116
  }
97
117
  };
98
- AccountingCategorySelector.styles = [
99
- CommonHeaderStyles,
100
- css `
101
- :host {
102
- display: flex;
103
- flex-direction: column;
104
-
105
- background-color: var(--md-sys-color-surface);
106
-
107
- width: var(--overlay-center-normal-width, 50%);
108
- height: var(--overlay-center-normal-height, 50%);
109
-
110
- overflow: auto;
111
- }
112
-
113
- ox-tree-vertical {
114
- flex: 1;
115
- }
116
- `
117
- ];
118
118
  __decorate([
119
119
  property({ type: Object }),
120
120
  __metadata("design:type", Function)
@@ -1 +1 @@
1
- {"version":3,"file":"accounting-category-selector.js","sourceRoot":"","sources":["../../client/components/accounting-category-selector.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-tree'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { closePopup } from '@operato/popup'\nimport { CommonHeaderStyles } from '@operato/styles'\n\nimport { AccountingCategory } from '../types/accounting-category'\n\nconst accountingCategoryFragment = gql`\n fragment SubAccountingCategory on AccountingCategory {\n id\n code\n name\n description\n active\n }\n`\n\n@customElement('accounting-category-selector')\nexport class AccountingCategorySelector extends LitElement {\n static styles = [\n CommonHeaderStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: var(--md-sys-color-surface);\n\n width: var(--overlay-center-normal-width, 50%);\n height: var(--overlay-center-normal-height, 50%);\n\n overflow: auto;\n }\n\n ox-tree-vertical {\n flex: 1;\n }\n `\n ]\n\n @property({ type: Object }) confirmCallback?: (selected?: any) => void\n @property({ type: Object }) value?: AccountingCategory\n\n @state() root?: AccountingCategory\n\n render() {\n return html`\n <ox-tree-vertical\n .data=${this.root}\n .selected=${this.value}\n @select=${e => this.onSelect(e, false)}\n @select-confirm=${e => this.onSelect(e, true)}\n id-property=\"code\"\n label-property=\"name\"\n description-property=\"description\"\n ></ox-tree-vertical>\n\n <div class=\"footer\" style=\"margin-left:unset;\">\n <button @click=${this.onEmpty.bind(this)}>\n <md-icon>check_box_outline_blank</md-icon>${i18next.t('button.empty')}\n </button>\n <div filler></div>\n <button @click=${this.onCancel.bind(this)}><md-icon>cancel</md-icon>${i18next.t('button.cancel')}</button>\n <button @click=${this.onConfirm.bind(this)} done><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>\n </div>\n `\n }\n\n onSelect(e: CustomEvent, confirm?: boolean) {\n this.value = e.detail as AccountingCategory\n\n if (confirm) {\n this.onConfirm()\n }\n }\n\n onEmpty() {\n this.confirmCallback && this.confirmCallback(null)\n closePopup(this)\n }\n\n onCancel() {\n closePopup(this)\n }\n\n onConfirm() {\n this.confirmCallback && this.confirmCallback(this.value)\n closePopup(this)\n }\n\n async firstUpdated() {\n const response = await client.query({\n query: gql`\n query {\n responses: accountingCategoryRoots {\n total\n items {\n ...SubAccountingCategory\n children {\n ...SubAccountingCategory\n children {\n ...SubAccountingCategory\n children {\n ...SubAccountingCategory\n children {\n ...SubAccountingCategory\n children {\n ...SubAccountingCategory\n children {\n ...SubAccountingCategory\n }\n }\n }\n }\n }\n }\n }\n }\n }\n\n ${accountingCategoryFragment}\n `\n })\n\n const { items: records, total } = response.data.responses\n\n this.root = records[0]\n }\n}\n"]}
1
+ {"version":3,"file":"accounting-category-selector.js","sourceRoot":"","sources":["../../client/components/accounting-category-selector.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,oBAAoB,CAAA;AAE3B,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAEpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AAEjE,MAAM,0BAA0B,GAAG,GAAG,CAAA;;;;;;;;CAQrC,CAAA;AAGM,IAAM,0BAA0B,GAAhC,MAAM,0BAA2B,SAAQ,UAAU;aACjD,WAAM,GAAG;QACd,kBAAkB;QAClB,GAAG,CAAA;;;;;;;;;;;;;;;;KAgBF;KACF,AAnBY,CAmBZ;IAOD,MAAM;QACJ,OAAO,IAAI,CAAA;;gBAEC,IAAI,CAAC,IAAI;oBACL,IAAI,CAAC,KAAK;kBACZ,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC;0BACpB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC;;;;;;;yBAO5B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;sDACM,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC;;;yBAGtD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,6BAA6B,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;yBAC/E,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,gCAAgC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC;;KAExG,CAAA;IACH,CAAC;IAED,QAAQ,CAAC,CAAc,EAAE,OAAiB;QACxC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAA4B,CAAA;QAE3C,IAAI,OAAO,EAAE,CAAC;YACZ,IAAI,CAAC,SAAS,EAAE,CAAA;QAClB,CAAC;IACH,CAAC;IAED,OAAO;QACL,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;QAClD,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;IAED,QAAQ;QACN,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;IAED,SAAS;QACP,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACxD,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;UA4BN,0BAA0B;OAC7B;SACF,CAAC,CAAA;QAEF,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAA;QAEzD,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,CAAA;IACxB,CAAC;;AAvF2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;mEAA2C;AAC1C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8BAAS,kBAAkB;yDAAA;AAE7C;IAAR,KAAK,EAAE;8BAAQ,kBAAkB;wDAAA;AAzBvB,0BAA0B;IADtC,aAAa,CAAC,8BAA8B,CAAC;GACjC,0BAA0B,CA8GtC","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-tree'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { closePopup } from '@operato/popup'\nimport { CommonHeaderStyles } from '@operato/styles'\n\nimport { AccountingCategory } from '../types/accounting-category'\n\nconst accountingCategoryFragment = gql`\n fragment SubAccountingCategory on AccountingCategory {\n id\n code\n name\n description\n active\n }\n`\n\n@customElement('accounting-category-selector')\nexport class AccountingCategorySelector extends LitElement {\n static styles = [\n CommonHeaderStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: var(--md-sys-color-surface);\n\n width: var(--overlay-center-normal-width, 50%);\n height: var(--overlay-center-normal-height, 50%);\n\n overflow: auto;\n }\n\n ox-tree-vertical {\n flex: 1;\n }\n `\n ]\n\n @property({ type: Object }) confirmCallback?: (selected?: any) => void\n @property({ type: Object }) value?: AccountingCategory\n\n @state() root?: AccountingCategory\n\n render() {\n return html`\n <ox-tree-vertical\n .data=${this.root}\n .selected=${this.value}\n @select=${e => this.onSelect(e, false)}\n @select-confirm=${e => this.onSelect(e, true)}\n id-property=\"code\"\n label-property=\"name\"\n description-property=\"description\"\n ></ox-tree-vertical>\n\n <div class=\"footer\" style=\"margin-left:unset;\">\n <button @click=${this.onEmpty.bind(this)}>\n <md-icon>check_box_outline_blank</md-icon>${i18next.t('button.empty')}\n </button>\n <div filler></div>\n <button @click=${this.onCancel.bind(this)}><md-icon>cancel</md-icon>${i18next.t('button.cancel')}</button>\n <button @click=${this.onConfirm.bind(this)} done><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>\n </div>\n `\n }\n\n onSelect(e: CustomEvent, confirm?: boolean) {\n this.value = e.detail as AccountingCategory\n\n if (confirm) {\n this.onConfirm()\n }\n }\n\n onEmpty() {\n this.confirmCallback && this.confirmCallback(null)\n closePopup(this)\n }\n\n onCancel() {\n closePopup(this)\n }\n\n onConfirm() {\n this.confirmCallback && this.confirmCallback(this.value)\n closePopup(this)\n }\n\n async firstUpdated() {\n const response = await client.query({\n query: gql`\n query {\n responses: accountingCategoryRoots {\n total\n items {\n ...SubAccountingCategory\n children {\n ...SubAccountingCategory\n children {\n ...SubAccountingCategory\n children {\n ...SubAccountingCategory\n children {\n ...SubAccountingCategory\n children {\n ...SubAccountingCategory\n children {\n ...SubAccountingCategory\n }\n }\n }\n }\n }\n }\n }\n }\n }\n\n ${accountingCategoryFragment}\n `\n })\n\n const { items: records, total } = response.data.responses\n\n this.root = records[0]\n }\n}\n"]}
@@ -7,6 +7,24 @@ import { ScopedElementsMixin } from '@open-wc/scoped-elements';
7
7
  import { i18next, localize } from '@operato/i18n';
8
8
  import { ScrollbarStyles } from '@operato/styles';
9
9
  let AccountingCategoryView = class AccountingCategoryView extends localize(i18next)(ScopedElementsMixin(LitElement)) {
10
+ static { this.styles = [
11
+ ScrollbarStyles,
12
+ css `
13
+ :host {
14
+ display: flex;
15
+ flex-direction: column;
16
+
17
+ overflow: auto;
18
+ }
19
+
20
+ ox-properties-dynamic-view {
21
+ flex: 1;
22
+
23
+ display: flex;
24
+ flex-direction: column;
25
+ }
26
+ `
27
+ ]; }
10
28
  firstUpdated(_changedProperties) {
11
29
  this.properties = [
12
30
  {
@@ -44,24 +62,6 @@ let AccountingCategoryView = class AccountingCategoryView extends localize(i18ne
44
62
  this.accountingCategory = e.detail;
45
63
  }
46
64
  };
47
- AccountingCategoryView.styles = [
48
- ScrollbarStyles,
49
- css `
50
- :host {
51
- display: flex;
52
- flex-direction: column;
53
-
54
- overflow: auto;
55
- }
56
-
57
- ox-properties-dynamic-view {
58
- flex: 1;
59
-
60
- display: flex;
61
- flex-direction: column;
62
- }
63
- `
64
- ];
65
65
  __decorate([
66
66
  property({ type: Object }),
67
67
  __metadata("design:type", Object)
@@ -1 +1 @@
1
- {"version":3,"file":"accounting-category-view.js","sourceRoot":"","sources":["../../client/components/accounting-category-view.ts"],"names":[],"mappings":";AAAA,OAAO,0BAA0B,CAAA;AACjC,OAAO,wDAAwD,CAAA;AAE/D,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAoB,MAAM,KAAK,CAAA;AAC7D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAG1C,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,UAAU,CAAC,CAAC;IA0BlF,YAAY,CAAC,kBAAqE;QAC1F,IAAI,CAAC,UAAU,GAAG;YAChB;gBACE,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,MAAM;aACd;YACD;gBACE,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,MAAM;aACd;YACD;gBACE,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,aAAa;gBACnB,KAAK,EAAE,aAAa;aACrB;YACD;gBACE,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,QAAQ;aAChB;SACF,CAAA;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;iBAEE,IAAI,CAAC,UAAU;iBACf,IAAI,CAAC,kBAAkB;2BACb,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC;;KAEtD,CAAA;IACH,CAAC;IAED,gBAAgB,CAAC,CAAc;QAC7B,IAAI,CAAC,kBAAkB,GAAG,CAAC,CAAC,MAAM,CAAA;IACpC,CAAC;;AA9DM,6BAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;KAcF;CACF,AAjBY,CAiBZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;kEAAwB;AAEd;IAApC,KAAK,CAAC,4BAA4B,CAAC;;2DAAkB;AAErC;IAAhB,KAAK,EAAE;;0DAAwB;AAxBrB,sBAAsB;IADlC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,sBAAsB,CAgElC","sourcesContent":["import '@operato/property-editor'\nimport '@operato/property-editor/ox-properties-dynamic-view.js'\n\nimport { LitElement, css, html, PropertyValueMap } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\n\n@customElement('accounting-category-view')\nexport class AccountingCategoryView extends localize(i18next)(ScopedElementsMixin(LitElement)) {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n overflow: auto;\n }\n\n ox-properties-dynamic-view {\n flex: 1;\n\n display: flex;\n flex-direction: column;\n }\n `\n ]\n\n @property({ type: Object }) accountingCategory: any\n\n @query('ox-properties-dynamic-view') dynamicView!: any\n\n @state() private properties: any\n\n protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n this.properties = [\n {\n type: 'string',\n name: 'code',\n label: 'code'\n },\n {\n type: 'string',\n name: 'name',\n label: 'name'\n },\n {\n type: 'string',\n name: 'description',\n label: 'description'\n },\n {\n type: 'boolean',\n name: 'active',\n label: 'active'\n }\n ]\n }\n\n render() {\n return html`\n <ox-properties-dynamic-view\n .props=${this.properties}\n .value=${this.accountingCategory}\n @property-change=${this.onPropertyChange.bind(this)}\n ></ox-properties-dynamic-view>\n `\n }\n\n onPropertyChange(e: CustomEvent) {\n this.accountingCategory = e.detail\n }\n}\n"]}
1
+ {"version":3,"file":"accounting-category-view.js","sourceRoot":"","sources":["../../client/components/accounting-category-view.ts"],"names":[],"mappings":";AAAA,OAAO,0BAA0B,CAAA;AACjC,OAAO,wDAAwD,CAAA;AAE/D,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAoB,MAAM,KAAK,CAAA;AAC7D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAG1C,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,UAAU,CAAC,CAAC;aACrF,WAAM,GAAG;QACd,eAAe;QACf,GAAG,CAAA;;;;;;;;;;;;;;KAcF;KACF,AAjBY,CAiBZ;IAQS,YAAY,CAAC,kBAAqE;QAC1F,IAAI,CAAC,UAAU,GAAG;YAChB;gBACE,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,MAAM;aACd;YACD;gBACE,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,MAAM;aACd;YACD;gBACE,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,aAAa;gBACnB,KAAK,EAAE,aAAa;aACrB;YACD;gBACE,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,QAAQ;aAChB;SACF,CAAA;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;iBAEE,IAAI,CAAC,UAAU;iBACf,IAAI,CAAC,kBAAkB;2BACb,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC;;KAEtD,CAAA;IACH,CAAC;IAED,gBAAgB,CAAC,CAAc;QAC7B,IAAI,CAAC,kBAAkB,GAAG,CAAC,CAAC,MAAM,CAAA;IACpC,CAAC;;AA3C2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;kEAAwB;AAEd;IAApC,KAAK,CAAC,4BAA4B,CAAC;;2DAAkB;AAErC;IAAhB,KAAK,EAAE;;0DAAwB;AAxBrB,sBAAsB;IADlC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,sBAAsB,CAgElC","sourcesContent":["import '@operato/property-editor'\nimport '@operato/property-editor/ox-properties-dynamic-view.js'\n\nimport { LitElement, css, html, PropertyValueMap } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\n\n@customElement('accounting-category-view')\nexport class AccountingCategoryView extends localize(i18next)(ScopedElementsMixin(LitElement)) {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n overflow: auto;\n }\n\n ox-properties-dynamic-view {\n flex: 1;\n\n display: flex;\n flex-direction: column;\n }\n `\n ]\n\n @property({ type: Object }) accountingCategory: any\n\n @query('ox-properties-dynamic-view') dynamicView!: any\n\n @state() private properties: any\n\n protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n this.properties = [\n {\n type: 'string',\n name: 'code',\n label: 'code'\n },\n {\n type: 'string',\n name: 'name',\n label: 'name'\n },\n {\n type: 'string',\n name: 'description',\n label: 'description'\n },\n {\n type: 'boolean',\n name: 'active',\n label: 'active'\n }\n ]\n }\n\n render() {\n return html`\n <ox-properties-dynamic-view\n .props=${this.properties}\n .value=${this.accountingCategory}\n @property-change=${this.onPropertyChange.bind(this)}\n ></ox-properties-dynamic-view>\n `\n }\n\n onPropertyChange(e: CustomEvent) {\n this.accountingCategory = e.detail\n }\n}\n"]}
@@ -35,6 +35,30 @@ export class AccountImporter extends LitElement {
35
35
  ]
36
36
  };
37
37
  }
38
+ static { this.styles = [
39
+ css `
40
+ :host {
41
+ display: flex;
42
+ flex-direction: column;
43
+
44
+ background-color: #fff;
45
+ }
46
+
47
+ ox-grist {
48
+ flex: 1;
49
+ }
50
+
51
+ .button-container {
52
+ display: flex;
53
+ margin-left: auto;
54
+ padding: var(--padding-default);
55
+ }
56
+
57
+ mwc-button {
58
+ margin-left: var(--margin-default);
59
+ }
60
+ `
61
+ ]; }
38
62
  render() {
39
63
  return html `
40
64
  <ox-grist
@@ -51,7 +75,6 @@ export class AccountImporter extends LitElement {
51
75
  `;
52
76
  }
53
77
  async save() {
54
- var _a;
55
78
  const response = await client.mutate({
56
79
  mutation: gql `
57
80
  mutation importAccounts($accounts: [AccountPatch!]!) {
@@ -60,35 +83,11 @@ export class AccountImporter extends LitElement {
60
83
  `,
61
84
  variables: { accounts: this.accounts }
62
85
  });
63
- if ((_a = response.errors) === null || _a === void 0 ? void 0 : _a.length)
86
+ if (response.errors?.length)
64
87
  return;
65
88
  this.dispatchEvent(new CustomEvent('imported'));
66
89
  }
67
90
  }
68
- AccountImporter.styles = [
69
- css `
70
- :host {
71
- display: flex;
72
- flex-direction: column;
73
-
74
- background-color: #fff;
75
- }
76
-
77
- ox-grist {
78
- flex: 1;
79
- }
80
-
81
- .button-container {
82
- display: flex;
83
- margin-left: auto;
84
- padding: var(--padding-default);
85
- }
86
-
87
- mwc-button {
88
- margin-left: var(--margin-default);
89
- }
90
- `
91
- ];
92
91
  __decorate([
93
92
  property({ type: Array }),
94
93
  __metadata("design:type", Array)
@@ -1 +1 @@
1
- {"version":3,"file":"account-importer.js","sourceRoot":"","sources":["../../../client/pages/account/account-importer.ts"],"names":[],"mappings":";AAAA,OAAO,qBAAqB,CAAA;AAE5B,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,OAAO,eAAgB,SAAQ,UAAU;IAA/C;;QA0B6B,aAAQ,GAAU,EAAE,CAAA;QACnB,YAAO,GAAG;YACpC,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,EAAE;YACzC,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;YAC9B,OAAO,EAAE;gBACP;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,MAAM;oBACZ,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC;oBAC/B,KAAK,EAAE,GAAG;iBACX;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,aAAa;oBACnB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC;oBACtC,KAAK,EAAE,GAAG;iBACX;gBACD;oBACE,IAAI,EAAE,UAAU;oBAChB,IAAI,EAAE,QAAQ;oBACd,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC;oBACjC,KAAK,EAAE,EAAE;iBACV;aACF;SACF,CAAA;IAmCH,CAAC;IAhCC,MAAM;QACJ,OAAO,IAAI,CAAA;;gBAEC,cAAc,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;kBAChC,IAAI,CAAC,OAAO;gBAEpB;YACE,OAAO,EAAE,IAAI,CAAC,QAAQ;SAE1B;;;;qCAI6B,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC;;KAEjF,CAAA;IACH,CAAC;IAED,KAAK,CAAC,IAAI;;QACR,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;YACnC,QAAQ,EAAE,GAAG,CAAA;;;;OAIZ;YACD,SAAS,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;SACvC,CAAC,CAAA;QAEF,IAAI,MAAA,QAAQ,CAAC,MAAM,0CAAE,MAAM;YAAE,OAAM;QAEnC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,UAAU,CAAC,CAAC,CAAA;IACjD,CAAC;;AAnFM,sBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;KAqBF;CACF,AAvBY,CAuBZ;AAE0B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;iDAAqB;AACnB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;gDAuB1B","sourcesContent":["import '@operato/data-grist'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { isMobileDevice } from '@operato/utils'\n\nexport class AccountImporter extends LitElement {\n static styles = [\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: #fff;\n }\n\n ox-grist {\n flex: 1;\n }\n\n .button-container {\n display: flex;\n margin-left: auto;\n padding: var(--padding-default);\n }\n\n mwc-button {\n margin-left: var(--margin-default);\n }\n `\n ]\n\n @property({ type: Array }) accounts: any[] = []\n @property({ type: Object }) columns = {\n list: { fields: ['name', 'description'] },\n pagination: { infinite: true },\n columns: [\n {\n type: 'string',\n name: 'name',\n header: i18next.t('field.name'),\n width: 150\n },\n {\n type: 'string',\n name: 'description',\n header: i18next.t('field.description'),\n width: 200\n },\n {\n type: 'checkbox',\n name: 'active',\n header: i18next.t('field.active'),\n width: 60\n }\n ]\n }\n\n\n render() {\n return html`\n <ox-grist\n .mode=${isMobileDevice() ? 'LIST' : 'GRID'}\n .config=${this.columns}\n .data=${\n { \n records: this.accounts \n }\n }\n ></ox-grist>\n\n <div class=\"button-container\">\n <mwc-button raised @click=\"${this.save.bind(this)}\">${i18next.t('button.save')}</mwc-button>\n </div>\n `\n }\n\n async save() {\n const response = await client.mutate({\n mutation: gql`\n mutation importAccounts($accounts: [AccountPatch!]!) {\n importAccounts(accounts: $accounts)\n }\n `,\n variables: { accounts: this.accounts }\n })\n\n if (response.errors?.length) return\n\n this.dispatchEvent(new CustomEvent('imported'))\n }\n}\n\n"]}
1
+ {"version":3,"file":"account-importer.js","sourceRoot":"","sources":["../../../client/pages/account/account-importer.ts"],"names":[],"mappings":";AAAA,OAAO,qBAAqB,CAAA;AAE5B,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,OAAO,eAAgB,SAAQ,UAAU;IAA/C;;QA0B6B,aAAQ,GAAU,EAAE,CAAA;QACnB,YAAO,GAAG;YACpC,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,EAAE;YACzC,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;YAC9B,OAAO,EAAE;gBACP;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,MAAM;oBACZ,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC;oBAC/B,KAAK,EAAE,GAAG;iBACX;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,aAAa;oBACnB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC;oBACtC,KAAK,EAAE,GAAG;iBACX;gBACD;oBACE,IAAI,EAAE,UAAU;oBAChB,IAAI,EAAE,QAAQ;oBACd,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC;oBACjC,KAAK,EAAE,EAAE;iBACV;aACF;SACF,CAAA;IAmCH,CAAC;aApFQ,WAAM,GAAG;QACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;KAqBF;KACF,AAvBY,CAuBZ;IA6BD,MAAM;QACJ,OAAO,IAAI,CAAA;;gBAEC,cAAc,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;kBAChC,IAAI,CAAC,OAAO;gBAEpB;YACE,OAAO,EAAE,IAAI,CAAC,QAAQ;SAE1B;;;;qCAI6B,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC;;KAEjF,CAAA;IACH,CAAC;IAED,KAAK,CAAC,IAAI;QACR,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;YACnC,QAAQ,EAAE,GAAG,CAAA;;;;OAIZ;YACD,SAAS,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;SACvC,CAAC,CAAA;QAEF,IAAI,QAAQ,CAAC,MAAM,EAAE,MAAM;YAAE,OAAM;QAEnC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,UAAU,CAAC,CAAC,CAAA;IACjD,CAAC;;AA1D0B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;iDAAqB;AACnB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;gDAuB1B","sourcesContent":["import '@operato/data-grist'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { isMobileDevice } from '@operato/utils'\n\nexport class AccountImporter extends LitElement {\n static styles = [\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: #fff;\n }\n\n ox-grist {\n flex: 1;\n }\n\n .button-container {\n display: flex;\n margin-left: auto;\n padding: var(--padding-default);\n }\n\n mwc-button {\n margin-left: var(--margin-default);\n }\n `\n ]\n\n @property({ type: Array }) accounts: any[] = []\n @property({ type: Object }) columns = {\n list: { fields: ['name', 'description'] },\n pagination: { infinite: true },\n columns: [\n {\n type: 'string',\n name: 'name',\n header: i18next.t('field.name'),\n width: 150\n },\n {\n type: 'string',\n name: 'description',\n header: i18next.t('field.description'),\n width: 200\n },\n {\n type: 'checkbox',\n name: 'active',\n header: i18next.t('field.active'),\n width: 60\n }\n ]\n }\n\n\n render() {\n return html`\n <ox-grist\n .mode=${isMobileDevice() ? 'LIST' : 'GRID'}\n .config=${this.columns}\n .data=${\n { \n records: this.accounts \n }\n }\n ></ox-grist>\n\n <div class=\"button-container\">\n <mwc-button raised @click=\"${this.save.bind(this)}\">${i18next.t('button.save')}</mwc-button>\n </div>\n `\n }\n\n async save() {\n const response = await client.mutate({\n mutation: gql`\n mutation importAccounts($accounts: [AccountPatch!]!) {\n importAccounts(accounts: $accounts)\n }\n `,\n variables: { accounts: this.accounts }\n })\n\n if (response.errors?.length) return\n\n this.dispatchEvent(new CustomEvent('imported'))\n }\n}\n\n"]}
@@ -19,20 +19,33 @@ let AccountListPage = class AccountListPage extends connect(store)(localize(i18n
19
19
  super(...arguments);
20
20
  this.mode = isMobileDevice() ? 'CARD' : 'GRID';
21
21
  }
22
+ static { this.styles = [
23
+ ScrollbarStyles,
24
+ CommonGristStyles,
25
+ css `
26
+ :host {
27
+ display: flex;
28
+
29
+ width: 100%;
30
+
31
+ --grid-record-emphasized-background-color: #8b0000;
32
+ --grid-record-emphasized-color: #ff6b6b;
33
+ }
34
+ `
35
+ ]; }
22
36
  static get scopedElements() {
23
37
  return {
24
38
  'account-importer': AccountImporter
25
39
  };
26
40
  }
27
41
  get context() {
28
- var _a;
29
42
  return {
30
43
  title: i18next.t('title.account list'),
31
44
  search: {
32
45
  handler: (search) => {
33
46
  this.grist.searchText = search;
34
47
  },
35
- value: ((_a = this.grist) === null || _a === void 0 ? void 0 : _a.searchText) || '',
48
+ value: this.grist?.searchText || '',
36
49
  autofocus: true
37
50
  },
38
51
  filter: {
@@ -42,8 +55,16 @@ let AccountListPage = class AccountListPage extends connect(store)(localize(i18n
42
55
  },
43
56
  help: 'accounting/account',
44
57
  actions: [
45
- Object.assign({ title: i18next.t('button.save'), action: this._updateAccount.bind(this) }, CommonButtonStyles.save),
46
- Object.assign({ title: i18next.t('button.delete'), action: this._deleteAccount.bind(this) }, CommonButtonStyles.delete)
58
+ {
59
+ title: i18next.t('button.save'),
60
+ action: this._updateAccount.bind(this),
61
+ ...CommonButtonStyles.save
62
+ },
63
+ {
64
+ title: i18next.t('button.delete'),
65
+ action: this._deleteAccount.bind(this),
66
+ ...CommonButtonStyles.delete
67
+ }
47
68
  ],
48
69
  exportable: {
49
70
  name: i18next.t('title.account list'),
@@ -313,20 +334,6 @@ let AccountListPage = class AccountListPage extends connect(store)(localize(i18n
313
334
  };
314
335
  }
315
336
  };
316
- AccountListPage.styles = [
317
- ScrollbarStyles,
318
- CommonGristStyles,
319
- css `
320
- :host {
321
- display: flex;
322
-
323
- width: 100%;
324
-
325
- --grid-record-emphasized-background-color: #8b0000;
326
- --grid-record-emphasized-color: #ff6b6b;
327
- }
328
- `
329
- ];
330
337
  __decorate([
331
338
  property({ type: Object }),
332
339
  __metadata("design:type", Object)