@leavittsoftware/web 9.9.0 → 10.0.0

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 (223) hide show
  1. package/.ncurc.js +1 -1
  2. package/CLAUDE.md +1320 -0
  3. package/LICENSE.md +1 -1
  4. package/leavitt/api-service/api-service.js +3 -2
  5. package/leavitt/api-service/api-service.js.map +1 -1
  6. package/leavitt/api-service/blob-response.js +1 -0
  7. package/leavitt/api-service/blob-response.js.map +1 -1
  8. package/leavitt/app/app-logo.js +1 -1
  9. package/leavitt/app/app-logo.js.map +1 -1
  10. package/leavitt/app/app-main-content-container.js +5 -0
  11. package/leavitt/app/app-main-content-container.js.map +1 -1
  12. package/leavitt/app/app-navigation-header.js +10 -10
  13. package/leavitt/app/app-navigation-header.js.map +1 -1
  14. package/leavitt/company-select/company-select.js +2 -2
  15. package/leavitt/company-select/company-select.js.map +1 -1
  16. package/leavitt/email-history-viewer/email-history-viewer-filled-filter-dialog.d.ts +3 -369
  17. package/leavitt/email-history-viewer/email-history-viewer-filled-filter-dialog.js +15 -9
  18. package/leavitt/email-history-viewer/email-history-viewer-filled-filter-dialog.js.map +1 -1
  19. package/leavitt/email-history-viewer/email-history-viewer-filled.d.ts +3 -374
  20. package/leavitt/email-history-viewer/email-history-viewer-filled.js +15 -33
  21. package/leavitt/email-history-viewer/email-history-viewer-filled.js.map +1 -1
  22. package/leavitt/email-history-viewer/view-email-template-info-dialog.d.ts +3 -369
  23. package/leavitt/email-history-viewer/view-email-template-info-dialog.js +12 -5
  24. package/leavitt/email-history-viewer/view-email-template-info-dialog.js.map +1 -1
  25. package/leavitt/email-history-viewer/view-sent-email-dialog.d.ts +3 -369
  26. package/leavitt/email-history-viewer/view-sent-email-dialog.js +13 -6
  27. package/leavitt/email-history-viewer/view-sent-email-dialog.js.map +1 -1
  28. package/leavitt/error-page/error-page.d.ts +4 -2
  29. package/leavitt/error-page/error-page.js +126 -37
  30. package/leavitt/error-page/error-page.js.map +1 -1
  31. package/leavitt/file-explorer/add-folder-modal.d.ts +3 -369
  32. package/leavitt/file-explorer/add-folder-modal.js +13 -6
  33. package/leavitt/file-explorer/add-folder-modal.js.map +1 -1
  34. package/leavitt/file-explorer/file-explorer-image.js.map +1 -1
  35. package/leavitt/file-explorer/file-explorer.d.ts +5 -371
  36. package/leavitt/file-explorer/file-explorer.js +35 -30
  37. package/leavitt/file-explorer/file-explorer.js.map +1 -1
  38. package/leavitt/file-explorer/file-list-item.js.map +1 -1
  39. package/leavitt/file-explorer/file-modal.d.ts +3 -369
  40. package/leavitt/file-explorer/file-modal.js +12 -5
  41. package/leavitt/file-explorer/file-modal.js.map +1 -1
  42. package/leavitt/file-explorer/folder-list-item.js.map +1 -1
  43. package/leavitt/file-explorer/folder-modal.d.ts +3 -369
  44. package/leavitt/file-explorer/folder-modal.js +12 -5
  45. package/leavitt/file-explorer/folder-modal.js.map +1 -1
  46. package/leavitt/person-company-select/person-company-select.js +5 -3
  47. package/leavitt/person-company-select/person-company-select.js.map +1 -1
  48. package/leavitt/person-group-select/person-group-select.js +5 -3
  49. package/leavitt/person-group-select/person-group-select.js.map +1 -1
  50. package/leavitt/person-select/person-select.js +3 -2
  51. package/leavitt/person-select/person-select.js.map +1 -1
  52. package/leavitt/profile-picture/profile-picture-menu.js +2 -0
  53. package/leavitt/profile-picture/profile-picture-menu.js.map +1 -1
  54. package/leavitt/profile-picture/profile-picture.js +4 -4
  55. package/leavitt/profile-picture/profile-picture.js.map +1 -1
  56. package/leavitt/service-worker-notifier/service-worker-notifier.js.map +1 -1
  57. package/leavitt/theme/theme-preference.js +4 -0
  58. package/leavitt/theme/theme-preference.js.map +1 -1
  59. package/leavitt/user-feedback/provide-feedback-dialog.d.ts +3 -369
  60. package/leavitt/user-feedback/provide-feedback-dialog.js +11 -4
  61. package/leavitt/user-feedback/provide-feedback-dialog.js.map +1 -1
  62. package/leavitt/user-feedback/report-a-problem-dialog.d.ts +3 -369
  63. package/leavitt/user-feedback/report-a-problem-dialog.js +11 -4
  64. package/leavitt/user-feedback/report-a-problem-dialog.js.map +1 -1
  65. package/leavitt/user-manager/auth-zero-lg-user-manager.js +5 -5
  66. package/leavitt/user-manager/auth-zero-lg-user-manager.js.map +1 -1
  67. package/package.json +8 -10
  68. package/titanium/address-input/address-input.js +0 -2
  69. package/titanium/address-input/address-input.js.map +1 -1
  70. package/titanium/address-input/google-address-input.d.ts +1 -0
  71. package/titanium/address-input/google-address-input.js +62 -45
  72. package/titanium/address-input/google-address-input.js.map +1 -1
  73. package/titanium/address-input/google-maps-process-shim.d.ts +2 -0
  74. package/titanium/address-input/google-maps-process-shim.js +12 -0
  75. package/titanium/address-input/google-maps-process-shim.js.map +1 -0
  76. package/titanium/address-input/manual-address-dialog.d.ts +2 -7
  77. package/titanium/address-input/manual-address-dialog.js +21 -34
  78. package/titanium/address-input/manual-address-dialog.js.map +1 -1
  79. package/titanium/address-input/utils/place-result-to-address.d.ts +1 -1
  80. package/titanium/address-input/utils/place-result-to-address.js +31 -30
  81. package/titanium/address-input/utils/place-result-to-address.js.map +1 -1
  82. package/titanium/chip/chip.d.ts +0 -1
  83. package/titanium/chip/chip.js +7 -17
  84. package/titanium/chip/chip.js.map +1 -1
  85. package/titanium/chip-multi-select/chip-multi-select.d.ts +3 -8
  86. package/titanium/chip-multi-select/chip-multi-select.js +41 -62
  87. package/titanium/chip-multi-select/chip-multi-select.js.map +1 -1
  88. package/titanium/circle-loading-indicator/circle-loading-indicator.js +5 -5
  89. package/titanium/circle-loading-indicator/circle-loading-indicator.js.map +1 -1
  90. package/titanium/confirmation-dialog/confirmation-dialog.js +2 -0
  91. package/titanium/confirmation-dialog/confirmation-dialog.js.map +1 -1
  92. package/titanium/data-table/data-table-action-bar.js +1 -5
  93. package/titanium/data-table/data-table-action-bar.js.map +1 -1
  94. package/titanium/data-table/data-table-core-reorder-dialog.d.ts +3 -369
  95. package/titanium/data-table/data-table-core-reorder-dialog.js +10 -3
  96. package/titanium/data-table/data-table-core-reorder-dialog.js.map +1 -1
  97. package/titanium/data-table/data-table-core-reorder-item.js.map +1 -1
  98. package/titanium/data-table/data-table-core-settings-choose-columns-dialog.js.map +1 -1
  99. package/titanium/data-table/data-table-core-settings-choose-columns-item.js +3 -3
  100. package/titanium/data-table/data-table-core-settings-choose-columns-item.js.map +1 -1
  101. package/titanium/data-table/data-table-core-settings-sort-dialog.js.map +1 -1
  102. package/titanium/data-table/data-table-core-settings-sort-item.js +3 -3
  103. package/titanium/data-table/data-table-core-settings-sort-item.js.map +1 -1
  104. package/titanium/data-table/data-table-core.d.ts +5 -369
  105. package/titanium/data-table/data-table-core.js +13 -2
  106. package/titanium/data-table/data-table-core.js.map +1 -1
  107. package/titanium/data-table/draggable-item-base.js +6 -0
  108. package/titanium/data-table/draggable-item-base.js.map +1 -1
  109. package/titanium/data-table/filter-controller.js.map +1 -1
  110. package/titanium/data-table/page-control.d.ts +3 -8
  111. package/titanium/data-table/page-control.js +13 -33
  112. package/titanium/data-table/page-control.js.map +1 -1
  113. package/titanium/date-input/date-input.d.ts +1 -6
  114. package/titanium/date-input/date-input.js +8 -44
  115. package/titanium/date-input/date-input.js.map +1 -1
  116. package/titanium/date-range-selector/date-range-selector.d.ts +1 -6
  117. package/titanium/date-range-selector/date-range-selector.js +15 -35
  118. package/titanium/date-range-selector/date-range-selector.js.map +1 -1
  119. package/titanium/drawer/drawer.d.ts +1 -6
  120. package/titanium/drawer/drawer.js +4 -23
  121. package/titanium/drawer/drawer.js.map +1 -1
  122. package/titanium/event-bus/event-bus.js.map +1 -1
  123. package/titanium/helpers/debouncer.js.map +1 -1
  124. package/titanium/helpers/helpers.d.ts +0 -1
  125. package/titanium/helpers/helpers.js +0 -1
  126. package/titanium/helpers/helpers.js.map +1 -1
  127. package/titanium/helpers/pending-state-catcher.d.ts +7 -406
  128. package/titanium/helpers/pending-state-catcher.js +85 -82
  129. package/titanium/helpers/pending-state-catcher.js.map +1 -1
  130. package/titanium/input-validator/filled-input-validator.js.map +1 -1
  131. package/titanium/profile-picture-stack/profile-picture-stack.js +2 -2
  132. package/titanium/profile-picture-stack/profile-picture-stack.js.map +1 -1
  133. package/titanium/search-input/filled-search-input.js.map +1 -1
  134. package/titanium/show-hide/show-hide.d.ts +1 -6
  135. package/titanium/show-hide/show-hide.js +2 -18
  136. package/titanium/show-hide/show-hide.js.map +1 -1
  137. package/titanium/single-select-base/single-select-base.d.ts +11 -381
  138. package/titanium/single-select-base/single-select-base.js +43 -50
  139. package/titanium/single-select-base/single-select-base.js.map +1 -1
  140. package/titanium/smart-attachment-input/crop-and-save-image-dialog.d.ts +3 -369
  141. package/titanium/smart-attachment-input/crop-and-save-image-dialog.js +21 -16
  142. package/titanium/smart-attachment-input/crop-and-save-image-dialog.js.map +1 -1
  143. package/titanium/smart-attachment-input/image-preview-dialog.js.map +1 -1
  144. package/titanium/smart-attachment-input/smart-attachment-input.d.ts +1 -6
  145. package/titanium/smart-attachment-input/smart-attachment-input.js +5 -18
  146. package/titanium/smart-attachment-input/smart-attachment-input.js.map +1 -1
  147. package/titanium/snackbar/snackbar-stack.js +2 -2
  148. package/titanium/snackbar/snackbar-stack.js.map +1 -1
  149. package/titanium/snackbar/snackbars/http-error-snackbar.js +1 -1
  150. package/titanium/snackbar/snackbars/http-error-snackbar.js.map +1 -1
  151. package/titanium/snackbar/snackbars/simple-snackbar.js +3 -3
  152. package/titanium/snackbar/snackbars/simple-snackbar.js.map +1 -1
  153. package/titanium/toolbar/toolbar.js +1 -1
  154. package/titanium/toolbar/toolbar.js.map +1 -1
  155. package/leavitt/api-service/object-to-form-data.test.d.ts +0 -2
  156. package/leavitt/api-service/object-to-form-data.test.js +0 -229
  157. package/leavitt/api-service/object-to-form-data.test.js.map +0 -1
  158. package/leavitt/email-history-viewer/email-history-view-list-filter-dialog.d.ts +0 -394
  159. package/leavitt/email-history-viewer/email-history-view-list-filter-dialog.js +0 -233
  160. package/leavitt/email-history-viewer/email-history-view-list-filter-dialog.js.map +0 -1
  161. package/leavitt/email-history-viewer/email-history-viewer.d.ts +0 -413
  162. package/leavitt/email-history-viewer/email-history-viewer.js +0 -403
  163. package/leavitt/email-history-viewer/email-history-viewer.js.map +0 -1
  164. package/leavitt/user-feedback/user-feedback.d.ts +0 -390
  165. package/leavitt/user-feedback/user-feedback.js +0 -221
  166. package/leavitt/user-feedback/user-feedback.js.map +0 -1
  167. package/titanium/access-denied-page/access-denied-page.d.ts +0 -16
  168. package/titanium/access-denied-page/access-denied-page.js +0 -359
  169. package/titanium/access-denied-page/access-denied-page.js.map +0 -1
  170. package/titanium/card/card.d.ts +0 -24
  171. package/titanium/card/card.js +0 -188
  172. package/titanium/card/card.js.map +0 -1
  173. package/titanium/confirm-dialog/confirm-dialog-open-event.d.ts +0 -10
  174. package/titanium/confirm-dialog/confirm-dialog-open-event.js +0 -12
  175. package/titanium/confirm-dialog/confirm-dialog-open-event.js.map +0 -1
  176. package/titanium/confirm-dialog/confirm-dialog.d.ts +0 -25
  177. package/titanium/confirm-dialog/confirm-dialog.js +0 -104
  178. package/titanium/confirm-dialog/confirm-dialog.js.map +0 -1
  179. package/titanium/data-table/data-table-header.d.ts +0 -68
  180. package/titanium/data-table/data-table-header.js +0 -295
  181. package/titanium/data-table/data-table-header.js.map +0 -1
  182. package/titanium/data-table/data-table-item.d.ts +0 -99
  183. package/titanium/data-table/data-table-item.js +0 -561
  184. package/titanium/data-table/data-table-item.js.map +0 -1
  185. package/titanium/data-table/data-table.d.ts +0 -127
  186. package/titanium/data-table/data-table.js +0 -688
  187. package/titanium/data-table/data-table.js.map +0 -1
  188. package/titanium/duration-input/duration-input.d.ts +0 -31
  189. package/titanium/duration-input/duration-input.js +0 -126
  190. package/titanium/duration-input/duration-input.js.map +0 -1
  191. package/titanium/duration-input/outlined-duration-input.d.ts +0 -30
  192. package/titanium/duration-input/outlined-duration-input.js +0 -109
  193. package/titanium/duration-input/outlined-duration-input.js.map +0 -1
  194. package/titanium/error-page/error-page.d.ts +0 -16
  195. package/titanium/error-page/error-page.js +0 -95
  196. package/titanium/error-page/error-page.js.map +0 -1
  197. package/titanium/extendable-outlined-text-field/extendable-outlined-text-field.d.ts +0 -168
  198. package/titanium/extendable-outlined-text-field/extendable-outlined-text-field.js +0 -373
  199. package/titanium/extendable-outlined-text-field/extendable-outlined-text-field.js.map +0 -1
  200. package/titanium/full-page-loading-indicator/full-page-loading-indicator.d.ts +0 -17
  201. package/titanium/full-page-loading-indicator/full-page-loading-indicator.js +0 -121
  202. package/titanium/full-page-loading-indicator/full-page-loading-indicator.js.map +0 -1
  203. package/titanium/header/header.d.ts +0 -39
  204. package/titanium/header/header.js +0 -167
  205. package/titanium/header/header.js.map +0 -1
  206. package/titanium/helpers/load-while.d.ts +0 -374
  207. package/titanium/helpers/load-while.js +0 -28
  208. package/titanium/helpers/load-while.js.map +0 -1
  209. package/titanium/input-validator/input-validator.d.ts +0 -20
  210. package/titanium/input-validator/input-validator.js +0 -48
  211. package/titanium/input-validator/input-validator.js.map +0 -1
  212. package/titanium/input-validator/outlined-input-validator.d.ts +0 -20
  213. package/titanium/input-validator/outlined-input-validator.js +0 -48
  214. package/titanium/input-validator/outlined-input-validator.js.map +0 -1
  215. package/titanium/search-input/search-input.d.ts +0 -29
  216. package/titanium/search-input/search-input.js +0 -123
  217. package/titanium/search-input/search-input.js.map +0 -1
  218. package/titanium/service-worker-notifier/service-worker-notifier.d.ts +0 -9
  219. package/titanium/service-worker-notifier/service-worker-notifier.js +0 -58
  220. package/titanium/service-worker-notifier/service-worker-notifier.js.map +0 -1
  221. package/titanium/youtube-input/youtube-input.d.ts +0 -20
  222. package/titanium/youtube-input/youtube-input.js +0 -72
  223. package/titanium/youtube-input/youtube-input.js.map +0 -1
@@ -1,25 +0,0 @@
1
- import '@material/web/dialog/dialog';
2
- import '@material/web/button/text-button';
3
- import { LitElement, TemplateResult } from 'lit';
4
- import { ConfirmDialogOpenEvent } from './confirm-dialog-open-event';
5
- import { MdDialog } from '@material/web/dialog/dialog';
6
- export default class TitaniumConfirmDialog extends LitElement {
7
- #private;
8
- protected accessor text: string | TemplateResult;
9
- protected accessor headline: string;
10
- protected accessor dialog: MdDialog;
11
- /**
12
- * This method is used to set up the event listener to capture the confirm dialog open event
13
- * You can skip using this method and set up the event listener yourself (recommended)
14
- */
15
- listenOn(el: HTMLElement): void;
16
- /**
17
- * This method is used after capturing the confirm dialog open event
18
- * usually in the same class where the confirm-dialog element is used.
19
- * After capturing the event pass it directly into this method `this.dialog.handleEvent(e);`
20
- */
21
- handleEvent(event: ConfirmDialogOpenEvent): Promise<void>;
22
- static styles: import("lit").CSSResult[];
23
- render(): TemplateResult<1>;
24
- }
25
- //# sourceMappingURL=confirm-dialog.d.ts.map
@@ -1,104 +0,0 @@
1
- import { __decorate } from "tslib";
2
- import '@material/web/dialog/dialog';
3
- import '@material/web/button/text-button';
4
- import { css, html, LitElement } from 'lit';
5
- import { customElement, query, state } from 'lit/decorators.js';
6
- import { ConfirmDialogOpenEvent } from './confirm-dialog-open-event';
7
- import { p } from '../styles/p';
8
- import { dialogZIndexHack } from '../hacks/dialog-zindex-hack';
9
- import { dialogCloseNavigationHack, dialogOpenNavigationHack } from '../hacks/dialog-navigation-hack';
10
- let TitaniumConfirmDialog = class TitaniumConfirmDialog extends LitElement {
11
- #text_accessor_storage;
12
- get text() { return this.#text_accessor_storage; }
13
- set text(value) { this.#text_accessor_storage = value; }
14
- #headline_accessor_storage;
15
- get headline() { return this.#headline_accessor_storage; }
16
- set headline(value) { this.#headline_accessor_storage = value; }
17
- #dialog_accessor_storage;
18
- get dialog() { return this.#dialog_accessor_storage; }
19
- set dialog(value) { this.#dialog_accessor_storage = value; }
20
- #resolve;
21
- /**
22
- * This method is used to set up the event listener to capture the confirm dialog open event
23
- * You can skip using this method and set up the event listener yourself (recommended)
24
- */
25
- listenOn(el) {
26
- el.addEventListener(ConfirmDialogOpenEvent.eventType, async (event) => {
27
- this.#openDialogWithEvent(event);
28
- });
29
- }
30
- /**
31
- * This method is used after capturing the confirm dialog open event
32
- * usually in the same class where the confirm-dialog element is used.
33
- * After capturing the event pass it directly into this method `this.dialog.handleEvent(e);`
34
- */
35
- async handleEvent(event) {
36
- this.#openDialogWithEvent(event);
37
- }
38
- #openDialogWithEvent = async (event) => {
39
- this.headline = event.header;
40
- this.text = event.text;
41
- this.dialog.returnValue = '';
42
- this.dialog.show();
43
- const result = await new Promise((resolve) => {
44
- this.#resolve = resolve;
45
- });
46
- event.resolver(result === 'confirmed');
47
- };
48
- static { this.styles = [
49
- p,
50
- css `
51
- p {
52
- margin: 6px 24px 0 24px;
53
- }
54
-
55
- md-dialog {
56
- max-width: 550px;
57
- max-height: calc(100vh - 24px);
58
- }
59
-
60
- b,
61
- strong {
62
- font-weight: 500;
63
- }
64
- `,
65
- ]; }
66
- render() {
67
- return html `
68
- <md-dialog
69
- @open=${(e) => {
70
- dialogZIndexHack(e.target);
71
- dialogOpenNavigationHack(e.target);
72
- }}
73
- @close=${(e) => {
74
- dialogCloseNavigationHack(e.target);
75
- if (e.target.returnValue === 'confirmed') {
76
- return this.#resolve('confirmed');
77
- }
78
- return this.#resolve('cancel');
79
- }}
80
- >
81
- <div slot="headline">${this.headline}</div>
82
- <p slot="content">${this.text}</p>
83
- <div slot="actions">
84
- <md-text-button @click=${() => this.dialog.close('cancel')}>Cancel</md-text-button>
85
- <md-text-button @click=${() => this.dialog.close('confirmed')}>Confirm</md-text-button>
86
- </div>
87
- </md-dialog>
88
- `;
89
- }
90
- };
91
- __decorate([
92
- state()
93
- ], TitaniumConfirmDialog.prototype, "text", null);
94
- __decorate([
95
- state()
96
- ], TitaniumConfirmDialog.prototype, "headline", null);
97
- __decorate([
98
- query('md-dialog')
99
- ], TitaniumConfirmDialog.prototype, "dialog", null);
100
- TitaniumConfirmDialog = __decorate([
101
- customElement('titanium-confirm-dialog')
102
- ], TitaniumConfirmDialog);
103
- export default TitaniumConfirmDialog;
104
- //# sourceMappingURL=confirm-dialog.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"confirm-dialog.js","sourceRoot":"","sources":["confirm-dialog.ts"],"names":[],"mappings":";AAAA,OAAO,6BAA6B,CAAC;AACrC,OAAO,kCAAkC,CAAC;AAE1C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAGrE,OAAO,EAAE,CAAC,EAAE,MAAM,aAAa,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,yBAAyB,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAGvF,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAC/B,uBAA8B;IAA9B,IAAA,IAAI,0CAA0B;IAA9B,IAAA,IAAI,gDAA0B;IAC9B,2BAAiB;IAAjB,IAAA,QAAQ,8CAAS;IAAjB,IAAA,QAAQ,oDAAS;IACN,yBAAkB;IAAlB,IAAA,MAAM,4CAAY;IAAlB,IAAA,MAAM,kDAAY;IACzD,QAAQ,CAA0C;IAElD;;;OAGG;IACH,QAAQ,CAAC,EAAe;QACtB,EAAE,CAAC,gBAAgB,CAAC,sBAAsB,CAAC,SAAS,EAAE,KAAK,EAAE,KAA6B,EAAE,EAAE;YAC5F,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,WAAW,CAAC,KAA6B;QAC7C,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;IAED,oBAAoB,GAAG,KAAK,EAAE,KAA6B,EAAE,EAAE;QAC7D,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC;QAC7B,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;QACvB,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,EAAE,CAAC;QAC7B,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QAEnB,MAAM,MAAM,GAAG,MAAM,IAAI,OAAO,CAAyB,CAAC,OAAO,EAAE,EAAE;YACnE,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QAC1B,CAAC,CAAC,CAAC;QAEH,KAAK,CAAC,QAAQ,CAAC,MAAM,KAAK,WAAW,CAAC,CAAC;IACzC,CAAC,CAAC;aAEK,WAAM,GAAG;QACd,CAAC;QACD,GAAG,CAAA;;;;;;;;;;;;;;KAcF;KACF,AAjBY,CAiBX;IAEF,MAAM;QACJ,OAAO,IAAI,CAAA;;gBAEC,CAAC,CAAqB,EAAE,EAAE;YAChC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;YAC3B,wBAAwB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QACrC,CAAC;iBACQ,CAAC,CAAqB,EAAE,EAAE;YACjC,yBAAyB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;YACpC,IAAI,CAAC,CAAC,MAAM,CAAC,WAAW,KAAK,WAAW,EAAE,CAAC;gBACzC,OAAO,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;YACpC,CAAC;YACD,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC;;+BAEsB,IAAI,CAAC,QAAQ;4BAChB,IAAI,CAAC,IAAI;;mCAEF,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC;mCACjC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC;;;KAGlE,CAAC;IACJ,CAAC;;AA/E2B;IAA3B,KAAK,EAAE;iDAAkD;AAC9B;IAA3B,KAAK,EAAE;qDAAqC;AACN;IAAtC,KAAK,CAAC,WAAW,CAAC;mDAAsC;AAHtC,qBAAqB;IADzC,aAAa,CAAC,yBAAyB,CAAC;GACpB,qBAAqB,CAiFzC;eAjFoB,qBAAqB"}
@@ -1,68 +0,0 @@
1
- import { LitElement, PropertyValues } from 'lit';
2
- import '@material/web/icon/icon';
3
- import '@material/web/ripple/ripple';
4
- import '@material/web/focus/md-focus-ring';
5
- /**
6
- * Material design data table header with styling and sorting capabilities
7
- *
8
- * @element titanium-data-table-header
9
- *
10
- * @fires sort-direction-changed - Fired if sort direction is changed (detail: 'desc' | 'asc')
11
- * @fires sort-by-changed - Fired when the close button is clicked (detail: {string} column name of currently sorted header )
12
- *
13
- * @cssprop {font} [--titanium-data-table-font-family=Roboto, Noto, sans-serif] - Font family
14
- */
15
- export declare class TitaniumDataTableHeader extends LitElement {
16
- /**
17
- * This displayed header name
18
- */
19
- accessor title: string;
20
- /**
21
- * The column name of the currently applied sort
22
- */
23
- accessor sortBy: string;
24
- /**
25
- * Optional fixed width of header in px ex. "140px"
26
- */
27
- accessor width: string;
28
- /**
29
- * True if header is currently the sorted column. Read-only, do not set.
30
- */
31
- accessor active: boolean;
32
- /**
33
- * Current sort direction on header.
34
- */
35
- accessor sortDirection: 'asc' | 'desc' | '';
36
- /**
37
- * Name of header column passed along in sort-by-changed event. Typically the name of the col in the backing DB. ex. first_name
38
- */
39
- accessor columnName: string;
40
- /**
41
- * Justify header text center
42
- */
43
- accessor center: boolean;
44
- /**
45
- * Justify header text right; moves sort icon to left.
46
- */
47
- accessor right: boolean;
48
- /**
49
- * Removes the sort icon
50
- */
51
- accessor noSort: boolean;
52
- /**
53
- * Set flex 5 on header, default is 3.
54
- */
55
- accessor large: boolean;
56
- /**
57
- * Only show this header when width is larger
58
- */
59
- accessor desktop: boolean;
60
- /**
61
- * Sets if view port is small
62
- */
63
- accessor narrow: boolean;
64
- updated(changedProps: PropertyValues<this>): void;
65
- static styles: import("lit").CSSResult;
66
- render(): import("lit-html").TemplateResult<1>;
67
- }
68
- //# sourceMappingURL=data-table-header.d.ts.map
@@ -1,295 +0,0 @@
1
- import { __decorate } from "tslib";
2
- import { css, html, LitElement } from 'lit';
3
- import { property, customElement } from 'lit/decorators.js';
4
- import '@material/web/icon/icon';
5
- import '@material/web/ripple/ripple';
6
- import '@material/web/focus/md-focus-ring';
7
- /**
8
- * Material design data table header with styling and sorting capabilities
9
- *
10
- * @element titanium-data-table-header
11
- *
12
- * @fires sort-direction-changed - Fired if sort direction is changed (detail: 'desc' | 'asc')
13
- * @fires sort-by-changed - Fired when the close button is clicked (detail: {string} column name of currently sorted header )
14
- *
15
- * @cssprop {font} [--titanium-data-table-font-family=Roboto, Noto, sans-serif] - Font family
16
- */
17
- let TitaniumDataTableHeader = class TitaniumDataTableHeader extends LitElement {
18
- #title_accessor_storage;
19
- /**
20
- * This displayed header name
21
- */
22
- get title() { return this.#title_accessor_storage; }
23
- set title(value) { this.#title_accessor_storage = value; }
24
- #sortBy_accessor_storage;
25
- /**
26
- * The column name of the currently applied sort
27
- */
28
- get sortBy() { return this.#sortBy_accessor_storage; }
29
- set sortBy(value) { this.#sortBy_accessor_storage = value; }
30
- #width_accessor_storage;
31
- /**
32
- * Optional fixed width of header in px ex. "140px"
33
- */
34
- get width() { return this.#width_accessor_storage; }
35
- set width(value) { this.#width_accessor_storage = value; }
36
- #active_accessor_storage = false;
37
- /**
38
- * True if header is currently the sorted column. Read-only, do not set.
39
- */
40
- get active() { return this.#active_accessor_storage; }
41
- set active(value) { this.#active_accessor_storage = value; }
42
- #sortDirection_accessor_storage;
43
- /**
44
- * Current sort direction on header.
45
- */
46
- get sortDirection() { return this.#sortDirection_accessor_storage; }
47
- set sortDirection(value) { this.#sortDirection_accessor_storage = value; }
48
- #columnName_accessor_storage;
49
- /**
50
- * Name of header column passed along in sort-by-changed event. Typically the name of the col in the backing DB. ex. first_name
51
- */
52
- get columnName() { return this.#columnName_accessor_storage; }
53
- set columnName(value) { this.#columnName_accessor_storage = value; }
54
- #center_accessor_storage = false;
55
- /**
56
- * Justify header text center
57
- */
58
- get center() { return this.#center_accessor_storage; }
59
- set center(value) { this.#center_accessor_storage = value; }
60
- #right_accessor_storage = false;
61
- /**
62
- * Justify header text right; moves sort icon to left.
63
- */
64
- get right() { return this.#right_accessor_storage; }
65
- set right(value) { this.#right_accessor_storage = value; }
66
- #noSort_accessor_storage = false;
67
- /**
68
- * Removes the sort icon
69
- */
70
- get noSort() { return this.#noSort_accessor_storage; }
71
- set noSort(value) { this.#noSort_accessor_storage = value; }
72
- #large_accessor_storage = false;
73
- /**
74
- * Set flex 5 on header, default is 3.
75
- */
76
- get large() { return this.#large_accessor_storage; }
77
- set large(value) { this.#large_accessor_storage = value; }
78
- #desktop_accessor_storage = false;
79
- /**
80
- * Only show this header when width is larger
81
- */
82
- get desktop() { return this.#desktop_accessor_storage; }
83
- set desktop(value) { this.#desktop_accessor_storage = value; }
84
- #narrow_accessor_storage = false;
85
- /**
86
- * Sets if view port is small
87
- */
88
- get narrow() { return this.#narrow_accessor_storage; }
89
- set narrow(value) { this.#narrow_accessor_storage = value; }
90
- updated(changedProps) {
91
- if (changedProps.has('sortBy') && changedProps.get('sortBy') !== this.sortBy) {
92
- this.active = this.sortBy === this.columnName;
93
- }
94
- if (changedProps.has('width') && changedProps.get('width') !== this.width && this.width) {
95
- this.style.width = this.width;
96
- }
97
- }
98
- static { this.styles = css `
99
- :host {
100
- display: flex;
101
-
102
- -webkit-touch-callout: none;
103
- -webkit-user-select: none;
104
- -khtml-user-select: none;
105
- -moz-user-select: none;
106
- -ms-user-select: none;
107
- user-select: none;
108
-
109
- box-sizing: border-box;
110
- -webkit-font-smoothing: antialiased;
111
-
112
- text-align: left;
113
- }
114
-
115
- button {
116
- display: flex;
117
- flex-direction: row;
118
- align-items: center;
119
-
120
- position: relative;
121
- --md-focus-ring-shape: 0;
122
-
123
- font-family: var(--titanium-data-table-font-family, Roboto, Noto, sans-serif);
124
- font-size: 14px;
125
- padding: 8px;
126
-
127
- /* cancel padding so text aligns */
128
- margin: 0 -8px;
129
-
130
- line-height: 28px;
131
- font-weight: 500;
132
- height: 100%;
133
-
134
- /* override default button styles */
135
- text-align: inherit;
136
-
137
- cursor: pointer;
138
-
139
- background-color: inherit;
140
- color: inherit;
141
-
142
- border: none;
143
- outline: none;
144
- }
145
-
146
- :host([right]) {
147
- justify-content: end;
148
- text-align: right;
149
- }
150
-
151
- :host([center]) {
152
- justify-content: center;
153
- text-align: center;
154
- }
155
-
156
- button:focus,
157
- button:active {
158
- outline: none;
159
- box-shadow: none;
160
- }
161
-
162
- :host(:not([width])) {
163
- -ms-flex: 3;
164
- -webkit-flex: 3;
165
- flex: 3;
166
- }
167
-
168
- :host(:not([width])[large]) {
169
- -ms-flex: 5;
170
- -webkit-flex: 5;
171
- flex: 5;
172
- }
173
-
174
- :host([hidden]) {
175
- display: none !important;
176
- }
177
-
178
- :host([no-sort]) button {
179
- cursor: inherit;
180
- }
181
-
182
- :host([center]) button {
183
- margin-left: 22px;
184
- }
185
-
186
- :host([right]) button {
187
- flex-direction: row-reverse;
188
- }
189
-
190
- md-icon {
191
- display: block;
192
- height: 18px;
193
- width: 18px;
194
- font-size: 18px;
195
- margin-left: 4px;
196
- flex-shrink: 0;
197
- transform-origin: center;
198
- transition: transform 150ms ease;
199
- }
200
-
201
- :host([no-sort]) button md-icon {
202
- display: none;
203
- }
204
-
205
- :host([right]) md-icon {
206
- display: block;
207
- margin-left: 0;
208
- margin-right: 4px;
209
- }
210
-
211
- :host([width]) span {
212
- word-break: break-all;
213
- }
214
-
215
- md-icon {
216
- visibility: hidden;
217
- }
218
-
219
- :host([active][sort-direction='asc']) md-icon {
220
- transform: rotate(-180deg);
221
- }
222
-
223
- :host([active][sort-direction='asc']) md-icon,
224
- :host([active][sort-direction='desc']) md-icon {
225
- visibility: visible;
226
- }
227
-
228
- :host([narrow][desktop]) {
229
- display: none;
230
- }
231
- `; }
232
- render() {
233
- return html `
234
- <button
235
- ?disabled=${this.noSort}
236
- @click=${() => {
237
- if (this.active) {
238
- this.sortDirection = this.sortDirection === 'asc' ? 'desc' : 'asc';
239
- this.dispatchEvent(new CustomEvent('sort-direction-changed', { detail: this.sortDirection }));
240
- }
241
- else {
242
- this.sortBy = this.columnName;
243
- this.dispatchEvent(new CustomEvent('sort-by-changed', { detail: this.sortBy }));
244
- }
245
- }}
246
- >
247
- <span>${this.title}</span>
248
- <md-icon>arrow_downward</md-icon>
249
- <md-ripple ?disabled=${this.noSort}></md-ripple>
250
- <md-focus-ring inward></md-focus-ring>
251
- </button>
252
- `;
253
- }
254
- };
255
- __decorate([
256
- property({ type: String })
257
- ], TitaniumDataTableHeader.prototype, "title", null);
258
- __decorate([
259
- property({ type: String })
260
- ], TitaniumDataTableHeader.prototype, "sortBy", null);
261
- __decorate([
262
- property({ reflect: true, type: String })
263
- ], TitaniumDataTableHeader.prototype, "width", null);
264
- __decorate([
265
- property({ type: Boolean, reflect: true })
266
- ], TitaniumDataTableHeader.prototype, "active", null);
267
- __decorate([
268
- property({ type: String, reflect: true, attribute: 'sort-direction' })
269
- ], TitaniumDataTableHeader.prototype, "sortDirection", null);
270
- __decorate([
271
- property({ type: String, attribute: 'column-name' })
272
- ], TitaniumDataTableHeader.prototype, "columnName", null);
273
- __decorate([
274
- property({ type: Boolean, reflect: true })
275
- ], TitaniumDataTableHeader.prototype, "center", null);
276
- __decorate([
277
- property({ type: Boolean, reflect: true })
278
- ], TitaniumDataTableHeader.prototype, "right", null);
279
- __decorate([
280
- property({ type: Boolean, reflect: true, attribute: 'no-sort' })
281
- ], TitaniumDataTableHeader.prototype, "noSort", null);
282
- __decorate([
283
- property({ type: Boolean, reflect: true })
284
- ], TitaniumDataTableHeader.prototype, "large", null);
285
- __decorate([
286
- property({ type: Boolean, reflect: true })
287
- ], TitaniumDataTableHeader.prototype, "desktop", null);
288
- __decorate([
289
- property({ type: Boolean, reflect: true })
290
- ], TitaniumDataTableHeader.prototype, "narrow", null);
291
- TitaniumDataTableHeader = __decorate([
292
- customElement('titanium-data-table-header')
293
- ], TitaniumDataTableHeader);
294
- export { TitaniumDataTableHeader };
295
- //# sourceMappingURL=data-table-header.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"data-table-header.js","sourceRoot":"","sources":["data-table-header.ts"],"names":[],"mappings":"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"}
@@ -1,99 +0,0 @@
1
- import { LitElement, PropertyValues } from 'lit';
2
- import { TitaniumDataTable } from './data-table';
3
- import '@material/web/checkbox/checkbox';
4
- import '@material/web/icon/icon';
5
- /**
6
- * A data table element to organize row data and handle row selection.
7
- *
8
- * row-item positioning attributes:
9
- * - right
10
- * - desktop
11
- * - large
12
- * - center
13
- * - width - ex. "140px"
14
- *
15
- * @element titanium-data-table-item
16
- *
17
- * @fires titanium-data-table-item-navigate - Fired on double click of a row. detail: unknown(this.item)
18
- * @fires titanium-data-table-item-selected-changed - Fired when item is selected. detail: { isSelected: boolean, item: unknown }
19
- * @fires titanium-data-table-item-drop - Fired when item is dropped after a drag
20
- *
21
- * @slot default - Main slot that should contain a list of row-item elements
22
- * @slot item-footer - Optional footer content below the row with the row-items
23
- *
24
- * @cssprop {Color} [--md-sys-color-secondary-container] - Row selected color
25
- * @cssprop {Color} [--md-sys-color-on-surface] - Row hover color
26
- * @cssprop {Color} [--md-sys-color-outline-variant] - Bottom division line
27
- * @cssprop [--titanium-data-table-font-family=Roboto, Noto, sans-serif] - Set the font family of the data table item
28
- */
29
- export declare class TitaniumDataTableItem extends LitElement {
30
- #private;
31
- /**
32
- * The backing object that is displayed in this row. Sent in navigate and selected events.
33
- */
34
- accessor item: unknown;
35
- /**
36
- * True when row is selected.
37
- */
38
- accessor selected: boolean;
39
- /**
40
- * Disables ability to select this row.
41
- */
42
- accessor disableSelect: boolean;
43
- /**
44
- * Sets if view port is small
45
- */
46
- accessor narrow: boolean;
47
- /**
48
- * Set to true to make item draggable. When items are dropped, the items in the list's array are sorted accordingly.
49
- * In order to reflect those updates out to the DOM, you will need to call requestUpdate on the items array when
50
- * items are dropped. ex.
51
- *
52
- * <titanium-data-table @titanium-data-table-items-reorder=${() => this.requestUpdate('items')} ... >
53
- *
54
- */
55
- accessor enableDrag: boolean;
56
- protected accessor nudgeDown: boolean;
57
- protected accessor nudgeUp: boolean;
58
- protected accessor dragged: boolean;
59
- protected accessor dragging: boolean;
60
- protected accessor nudgeHeight: number;
61
- protected accessor hoverIndex: number | null;
62
- protected accessor originIndex: number | null;
63
- protected mouseEvent: (e: any) => void;
64
- protected touchEvent: (e: any) => void;
65
- updated(changed: PropertyValues<this>): Promise<void>;
66
- firstUpdated(): void;
67
- /**
68
- * @ignore
69
- */
70
- updateDragProps(dragging: boolean, originIndex: number | null, hoverIndex: number | null, originHeight: number): void;
71
- /**
72
- * toggles item's checkbox which triggers this.selected to toggle as well
73
- */
74
- toggleSelected(): void;
75
- /**
76
- * if not already checked, triggers click on checkbox which triggers this.selected to be set as well
77
- */
78
- select(): void;
79
- /**
80
- * if already checked, triggers click on checkbox which triggers this.selected to be set to false as well
81
- */
82
- deselect(): void;
83
- protected get dataTable(): TitaniumDataTable;
84
- protected get items(): TitaniumDataTableItem[];
85
- protected get itemsContainer(): HTMLDivElement;
86
- static styles: import("lit").CSSResult;
87
- render(): import("lit-html").TemplateResult<1>;
88
- }
89
- /**
90
- * @class
91
- * @ignore
92
- */
93
- export declare class DataTableItemDropEvent extends Event {
94
- static eventType: string;
95
- hoverIndex: number;
96
- originIndex: number;
97
- constructor(originIndex: number, hoverIndex: number);
98
- }
99
- //# sourceMappingURL=data-table-item.d.ts.map