@leavittsoftware/web 9.8.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.
- package/.ncurc.js +1 -1
- package/CLAUDE.md +1320 -0
- package/LICENSE.md +1 -1
- package/leavitt/api-service/api-service.js +3 -2
- package/leavitt/api-service/api-service.js.map +1 -1
- package/leavitt/api-service/blob-response.js +1 -0
- package/leavitt/api-service/blob-response.js.map +1 -1
- package/leavitt/app/app-logo.js +1 -1
- package/leavitt/app/app-logo.js.map +1 -1
- package/leavitt/app/app-main-content-container.js +5 -0
- package/leavitt/app/app-main-content-container.js.map +1 -1
- package/leavitt/app/app-navigation-header.js +10 -10
- package/leavitt/app/app-navigation-header.js.map +1 -1
- package/leavitt/company-select/company-select.js +2 -2
- package/leavitt/company-select/company-select.js.map +1 -1
- package/leavitt/email-history-viewer/email-history-viewer-filled-filter-dialog.d.ts +3 -369
- package/leavitt/email-history-viewer/email-history-viewer-filled-filter-dialog.js +15 -9
- package/leavitt/email-history-viewer/email-history-viewer-filled-filter-dialog.js.map +1 -1
- package/leavitt/email-history-viewer/email-history-viewer-filled.d.ts +3 -374
- package/leavitt/email-history-viewer/email-history-viewer-filled.js +15 -33
- package/leavitt/email-history-viewer/email-history-viewer-filled.js.map +1 -1
- package/leavitt/email-history-viewer/view-email-template-info-dialog.d.ts +3 -369
- package/leavitt/email-history-viewer/view-email-template-info-dialog.js +12 -5
- package/leavitt/email-history-viewer/view-email-template-info-dialog.js.map +1 -1
- package/leavitt/email-history-viewer/view-sent-email-dialog.d.ts +3 -369
- package/leavitt/email-history-viewer/view-sent-email-dialog.js +13 -6
- package/leavitt/email-history-viewer/view-sent-email-dialog.js.map +1 -1
- package/leavitt/error-page/error-page.d.ts +4 -2
- package/leavitt/error-page/error-page.js +126 -37
- package/leavitt/error-page/error-page.js.map +1 -1
- package/leavitt/file-explorer/add-folder-modal.d.ts +3 -369
- package/leavitt/file-explorer/add-folder-modal.js +13 -6
- package/leavitt/file-explorer/add-folder-modal.js.map +1 -1
- package/leavitt/file-explorer/file-explorer-image.js.map +1 -1
- package/leavitt/file-explorer/file-explorer.d.ts +5 -371
- package/leavitt/file-explorer/file-explorer.js +35 -30
- package/leavitt/file-explorer/file-explorer.js.map +1 -1
- package/leavitt/file-explorer/file-list-item.js.map +1 -1
- package/leavitt/file-explorer/file-modal.d.ts +3 -369
- package/leavitt/file-explorer/file-modal.js +12 -5
- package/leavitt/file-explorer/file-modal.js.map +1 -1
- package/leavitt/file-explorer/folder-list-item.js.map +1 -1
- package/leavitt/file-explorer/folder-modal.d.ts +3 -369
- package/leavitt/file-explorer/folder-modal.js +12 -5
- package/leavitt/file-explorer/folder-modal.js.map +1 -1
- package/leavitt/person-company-select/person-company-select.js +5 -3
- package/leavitt/person-company-select/person-company-select.js.map +1 -1
- package/leavitt/person-group-select/person-group-select.js +5 -3
- package/leavitt/person-group-select/person-group-select.js.map +1 -1
- package/leavitt/person-select/person-select.js +3 -2
- package/leavitt/person-select/person-select.js.map +1 -1
- package/leavitt/profile-picture/profile-picture-menu.js +2 -0
- package/leavitt/profile-picture/profile-picture-menu.js.map +1 -1
- package/leavitt/profile-picture/profile-picture.js +4 -4
- package/leavitt/profile-picture/profile-picture.js.map +1 -1
- package/leavitt/service-worker-notifier/service-worker-notifier.js.map +1 -1
- package/leavitt/theme/theme-preference.js +4 -0
- package/leavitt/theme/theme-preference.js.map +1 -1
- package/leavitt/user-feedback/provide-feedback-dialog.d.ts +3 -369
- package/leavitt/user-feedback/provide-feedback-dialog.js +11 -4
- package/leavitt/user-feedback/provide-feedback-dialog.js.map +1 -1
- package/leavitt/user-feedback/report-a-problem-dialog.d.ts +3 -369
- package/leavitt/user-feedback/report-a-problem-dialog.js +11 -4
- package/leavitt/user-feedback/report-a-problem-dialog.js.map +1 -1
- package/leavitt/user-manager/auth-zero-lg-user-manager.js +5 -5
- package/leavitt/user-manager/auth-zero-lg-user-manager.js.map +1 -1
- package/package.json +8 -10
- package/titanium/address-input/address-input.js +0 -2
- package/titanium/address-input/address-input.js.map +1 -1
- package/titanium/address-input/google-address-input.d.ts +1 -0
- package/titanium/address-input/google-address-input.js +62 -45
- package/titanium/address-input/google-address-input.js.map +1 -1
- package/titanium/address-input/google-maps-process-shim.d.ts +2 -0
- package/titanium/address-input/google-maps-process-shim.js +12 -0
- package/titanium/address-input/google-maps-process-shim.js.map +1 -0
- package/titanium/address-input/manual-address-dialog.d.ts +2 -7
- package/titanium/address-input/manual-address-dialog.js +21 -34
- package/titanium/address-input/manual-address-dialog.js.map +1 -1
- package/titanium/address-input/utils/place-result-to-address.d.ts +1 -1
- package/titanium/address-input/utils/place-result-to-address.js +31 -30
- package/titanium/address-input/utils/place-result-to-address.js.map +1 -1
- package/titanium/chip/chip.d.ts +0 -1
- package/titanium/chip/chip.js +7 -17
- package/titanium/chip/chip.js.map +1 -1
- package/titanium/chip-multi-select/chip-multi-select.d.ts +3 -8
- package/titanium/chip-multi-select/chip-multi-select.js +41 -62
- package/titanium/chip-multi-select/chip-multi-select.js.map +1 -1
- package/titanium/circle-loading-indicator/circle-loading-indicator.js +5 -5
- package/titanium/circle-loading-indicator/circle-loading-indicator.js.map +1 -1
- package/titanium/confirmation-dialog/confirmation-dialog.js +2 -0
- package/titanium/confirmation-dialog/confirmation-dialog.js.map +1 -1
- package/titanium/data-table/data-table-action-bar.js +1 -5
- package/titanium/data-table/data-table-action-bar.js.map +1 -1
- package/titanium/data-table/data-table-core-reorder-dialog.d.ts +3 -369
- package/titanium/data-table/data-table-core-reorder-dialog.js +10 -3
- package/titanium/data-table/data-table-core-reorder-dialog.js.map +1 -1
- package/titanium/data-table/data-table-core-reorder-item.js.map +1 -1
- package/titanium/data-table/data-table-core-settings-choose-columns-dialog.js.map +1 -1
- package/titanium/data-table/data-table-core-settings-choose-columns-item.js +3 -3
- package/titanium/data-table/data-table-core-settings-choose-columns-item.js.map +1 -1
- package/titanium/data-table/data-table-core-settings-sort-dialog.js.map +1 -1
- package/titanium/data-table/data-table-core-settings-sort-item.js +3 -3
- package/titanium/data-table/data-table-core-settings-sort-item.js.map +1 -1
- package/titanium/data-table/data-table-core.d.ts +5 -369
- package/titanium/data-table/data-table-core.js +13 -2
- package/titanium/data-table/data-table-core.js.map +1 -1
- package/titanium/data-table/draggable-item-base.js +6 -0
- package/titanium/data-table/draggable-item-base.js.map +1 -1
- package/titanium/data-table/filter-controller.js.map +1 -1
- package/titanium/data-table/page-control.d.ts +3 -8
- package/titanium/data-table/page-control.js +13 -33
- package/titanium/data-table/page-control.js.map +1 -1
- package/titanium/date-input/date-input.d.ts +1 -6
- package/titanium/date-input/date-input.js +8 -44
- package/titanium/date-input/date-input.js.map +1 -1
- package/titanium/date-range-selector/date-range-selector.d.ts +1 -6
- package/titanium/date-range-selector/date-range-selector.js +15 -35
- package/titanium/date-range-selector/date-range-selector.js.map +1 -1
- package/titanium/drawer/drawer.d.ts +1 -6
- package/titanium/drawer/drawer.js +4 -23
- package/titanium/drawer/drawer.js.map +1 -1
- package/titanium/event-bus/event-bus.js.map +1 -1
- package/titanium/helpers/debouncer.js.map +1 -1
- package/titanium/helpers/helpers.d.ts +0 -1
- package/titanium/helpers/helpers.js +0 -1
- package/titanium/helpers/helpers.js.map +1 -1
- package/titanium/helpers/pending-state-catcher.d.ts +7 -406
- package/titanium/helpers/pending-state-catcher.js +85 -82
- package/titanium/helpers/pending-state-catcher.js.map +1 -1
- package/titanium/input-validator/filled-input-validator.js.map +1 -1
- package/titanium/profile-picture-stack/profile-picture-stack.js +2 -2
- package/titanium/profile-picture-stack/profile-picture-stack.js.map +1 -1
- package/titanium/search-input/filled-search-input.js.map +1 -1
- package/titanium/show-hide/show-hide.d.ts +1 -6
- package/titanium/show-hide/show-hide.js +2 -18
- package/titanium/show-hide/show-hide.js.map +1 -1
- package/titanium/single-select-base/single-select-base.d.ts +11 -381
- package/titanium/single-select-base/single-select-base.js +43 -50
- package/titanium/single-select-base/single-select-base.js.map +1 -1
- package/titanium/site-search-text-field-controller/site-search-text-field-controller.d.ts +2 -0
- package/titanium/site-search-text-field-controller/site-search-text-field-controller.js +2 -0
- package/titanium/site-search-text-field-controller/site-search-text-field-controller.js.map +1 -1
- package/titanium/smart-attachment-input/crop-and-save-image-dialog.d.ts +3 -369
- package/titanium/smart-attachment-input/crop-and-save-image-dialog.js +21 -16
- package/titanium/smart-attachment-input/crop-and-save-image-dialog.js.map +1 -1
- package/titanium/smart-attachment-input/image-preview-dialog.js.map +1 -1
- package/titanium/smart-attachment-input/smart-attachment-input.d.ts +1 -6
- package/titanium/smart-attachment-input/smart-attachment-input.js +5 -18
- package/titanium/smart-attachment-input/smart-attachment-input.js.map +1 -1
- package/titanium/snackbar/snackbar-stack.js +2 -2
- package/titanium/snackbar/snackbar-stack.js.map +1 -1
- package/titanium/snackbar/snackbars/http-error-snackbar.js +1 -1
- package/titanium/snackbar/snackbars/http-error-snackbar.js.map +1 -1
- package/titanium/snackbar/snackbars/simple-snackbar.js +3 -3
- package/titanium/snackbar/snackbars/simple-snackbar.js.map +1 -1
- package/titanium/toolbar/toolbar.js +1 -1
- package/titanium/toolbar/toolbar.js.map +1 -1
- package/leavitt/api-service/object-to-form-data.test.d.ts +0 -2
- package/leavitt/api-service/object-to-form-data.test.js +0 -229
- package/leavitt/api-service/object-to-form-data.test.js.map +0 -1
- package/leavitt/email-history-viewer/email-history-view-list-filter-dialog.d.ts +0 -394
- package/leavitt/email-history-viewer/email-history-view-list-filter-dialog.js +0 -233
- package/leavitt/email-history-viewer/email-history-view-list-filter-dialog.js.map +0 -1
- package/leavitt/email-history-viewer/email-history-viewer.d.ts +0 -413
- package/leavitt/email-history-viewer/email-history-viewer.js +0 -403
- package/leavitt/email-history-viewer/email-history-viewer.js.map +0 -1
- package/leavitt/user-feedback/user-feedback.d.ts +0 -390
- package/leavitt/user-feedback/user-feedback.js +0 -221
- package/leavitt/user-feedback/user-feedback.js.map +0 -1
- package/titanium/access-denied-page/access-denied-page.d.ts +0 -16
- package/titanium/access-denied-page/access-denied-page.js +0 -359
- package/titanium/access-denied-page/access-denied-page.js.map +0 -1
- package/titanium/card/card.d.ts +0 -24
- package/titanium/card/card.js +0 -188
- package/titanium/card/card.js.map +0 -1
- package/titanium/confirm-dialog/confirm-dialog-open-event.d.ts +0 -10
- package/titanium/confirm-dialog/confirm-dialog-open-event.js +0 -12
- package/titanium/confirm-dialog/confirm-dialog-open-event.js.map +0 -1
- package/titanium/confirm-dialog/confirm-dialog.d.ts +0 -25
- package/titanium/confirm-dialog/confirm-dialog.js +0 -104
- package/titanium/confirm-dialog/confirm-dialog.js.map +0 -1
- package/titanium/data-table/data-table-header.d.ts +0 -68
- package/titanium/data-table/data-table-header.js +0 -295
- package/titanium/data-table/data-table-header.js.map +0 -1
- package/titanium/data-table/data-table-item.d.ts +0 -99
- package/titanium/data-table/data-table-item.js +0 -561
- package/titanium/data-table/data-table-item.js.map +0 -1
- package/titanium/data-table/data-table.d.ts +0 -127
- package/titanium/data-table/data-table.js +0 -688
- package/titanium/data-table/data-table.js.map +0 -1
- package/titanium/duration-input/duration-input.d.ts +0 -31
- package/titanium/duration-input/duration-input.js +0 -126
- package/titanium/duration-input/duration-input.js.map +0 -1
- package/titanium/duration-input/outlined-duration-input.d.ts +0 -30
- package/titanium/duration-input/outlined-duration-input.js +0 -109
- package/titanium/duration-input/outlined-duration-input.js.map +0 -1
- package/titanium/error-page/error-page.d.ts +0 -16
- package/titanium/error-page/error-page.js +0 -95
- package/titanium/error-page/error-page.js.map +0 -1
- package/titanium/extendable-outlined-text-field/extendable-outlined-text-field.d.ts +0 -168
- package/titanium/extendable-outlined-text-field/extendable-outlined-text-field.js +0 -373
- package/titanium/extendable-outlined-text-field/extendable-outlined-text-field.js.map +0 -1
- package/titanium/full-page-loading-indicator/full-page-loading-indicator.d.ts +0 -17
- package/titanium/full-page-loading-indicator/full-page-loading-indicator.js +0 -121
- package/titanium/full-page-loading-indicator/full-page-loading-indicator.js.map +0 -1
- package/titanium/header/header.d.ts +0 -39
- package/titanium/header/header.js +0 -167
- package/titanium/header/header.js.map +0 -1
- package/titanium/helpers/load-while.d.ts +0 -374
- package/titanium/helpers/load-while.js +0 -28
- package/titanium/helpers/load-while.js.map +0 -1
- package/titanium/input-validator/input-validator.d.ts +0 -20
- package/titanium/input-validator/input-validator.js +0 -48
- package/titanium/input-validator/input-validator.js.map +0 -1
- package/titanium/input-validator/outlined-input-validator.d.ts +0 -20
- package/titanium/input-validator/outlined-input-validator.js +0 -48
- package/titanium/input-validator/outlined-input-validator.js.map +0 -1
- package/titanium/search-input/search-input.d.ts +0 -29
- package/titanium/search-input/search-input.js +0 -123
- package/titanium/search-input/search-input.js.map +0 -1
- package/titanium/service-worker-notifier/service-worker-notifier.d.ts +0 -9
- package/titanium/service-worker-notifier/service-worker-notifier.js +0 -58
- package/titanium/service-worker-notifier/service-worker-notifier.js.map +0 -1
- package/titanium/youtube-input/youtube-input.d.ts +0 -20
- package/titanium/youtube-input/youtube-input.js +0 -72
- 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":"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"}
|
|
@@ -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
|