@tylertech/forge 3.9.0-dev.3 → 3.9.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/custom-elements.json +765 -1234
- package/dist/lib.js +17 -95
- package/dist/lib.js.map +3 -3
- package/dist/vscode.css-custom-data.json +52 -59
- package/dist/vscode.html-custom-data.json +44 -86
- package/esm/core/utils/dismissible-stack.d.ts +3 -2
- package/esm/core/utils/dismissible-stack.js +3 -2
- package/esm/date-picker/base/base-date-picker-adapter.js +0 -3
- package/esm/dialog/dialog-core.js +8 -0
- package/esm/drawer/mini-drawer/mini-drawer.js +1 -1
- package/esm/icon-button/icon-button-core.js +2 -11
- package/esm/split-view/split-view-panel/split-view-panel.js +1 -1
- package/esm/table/table-constants.d.ts +1 -0
- package/esm/table/table-constants.js +1 -0
- package/esm/table/table-core.js +2 -1
- package/esm/table/table.d.ts +2 -0
- package/esm/table/table.js +1 -0
- package/package.json +6 -6
- package/sass/calendar/calendar-menu/_variables.scss +1 -1
- package/sass/color-picker/_mixins.scss +5 -5
- package/sass/core/styles/theme/_color-utils.scss +1 -1
- package/sass/core/styles/tokens/app-bar/app-bar/_tokens.scss +1 -1
- package/sass/drawer/mini-drawer/mini-drawer.scss +0 -1
- package/esm/data-table/body/body.d.ts +0 -33
- package/esm/data-table/body/body.js +0 -42
- package/esm/data-table/body/index.d.ts +0 -6
- package/esm/data-table/body/index.js +0 -6
- package/esm/data-table/cell/cell.d.ts +0 -33
- package/esm/data-table/cell/cell.js +0 -42
- package/esm/data-table/cell/index.d.ts +0 -6
- package/esm/data-table/cell/index.js +0 -6
- package/esm/data-table/column/column.d.ts +0 -33
- package/esm/data-table/column/column.js +0 -42
- package/esm/data-table/column/index.d.ts +0 -6
- package/esm/data-table/column/index.js +0 -6
- package/esm/data-table/footer/footer.d.ts +0 -33
- package/esm/data-table/footer/footer.js +0 -42
- package/esm/data-table/footer/index.d.ts +0 -6
- package/esm/data-table/footer/index.js +0 -6
- package/esm/data-table/head/head.d.ts +0 -33
- package/esm/data-table/head/head.js +0 -42
- package/esm/data-table/head/index.d.ts +0 -6
- package/esm/data-table/head/index.js +0 -6
- package/esm/data-table/index.d.ts +0 -12
- package/esm/data-table/index.js +0 -12
- package/esm/data-table/row/index.d.ts +0 -6
- package/esm/data-table/row/index.js +0 -6
- package/esm/data-table/row/row.d.ts +0 -33
- package/esm/data-table/row/row.js +0 -42
- package/esm/data-table/table/index.d.ts +0 -6
- package/esm/data-table/table/index.js +0 -6
- package/esm/data-table/table/table.d.ts +0 -36
- package/esm/data-table/table/table.js +0 -40
- package/sass/data-table/_core.scss +0 -52
- package/sass/data-table/_token-utils.scss +0 -15
- package/sass/data-table/body/body.scss +0 -27
- package/sass/data-table/cell/cell.scss +0 -27
- package/sass/data-table/column/column.scss +0 -27
- package/sass/data-table/footer/footer.scss +0 -27
- package/sass/data-table/head/head.scss +0 -27
- package/sass/data-table/index.scss +0 -12
- package/sass/data-table/row/row.scss +0 -27
- package/sass/data-table/table/table.scss +0 -16
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
height: 16px;
|
|
52
52
|
width: 16px;
|
|
53
53
|
background-color: white;
|
|
54
|
-
box-shadow: 0 1px 2px
|
|
54
|
+
box-shadow: 0 1px 2px rgb(0, 0, 0, 0.3);
|
|
55
55
|
position: absolute;
|
|
56
56
|
border-radius: 50%;
|
|
57
57
|
top: calc(50% - 8px);
|
|
@@ -71,8 +71,8 @@
|
|
|
71
71
|
&__color-preview-container {
|
|
72
72
|
border-radius: 50%;
|
|
73
73
|
box-shadow:
|
|
74
|
-
0 0 2px 0
|
|
75
|
-
0 0 2px 0
|
|
74
|
+
0 0 2px 0 rgb(0, 0, 0, 0.54) inset,
|
|
75
|
+
0 0 2px 0 rgb(0, 0, 0, 0.54);
|
|
76
76
|
overflow: hidden;
|
|
77
77
|
}
|
|
78
78
|
|
|
@@ -159,7 +159,7 @@
|
|
|
159
159
|
&__opacity-slider {
|
|
160
160
|
height: 8px;
|
|
161
161
|
margin-top: 16px;
|
|
162
|
-
background: linear-gradient(to right,
|
|
162
|
+
background: linear-gradient(to right, rgb(255, 0, 0, 0) 0%, rgb(255, 0, 0) 100%);
|
|
163
163
|
}
|
|
164
164
|
|
|
165
165
|
&__color-rgba,
|
|
@@ -206,7 +206,7 @@
|
|
|
206
206
|
}
|
|
207
207
|
|
|
208
208
|
@mixin gradient-color() {
|
|
209
|
-
background: linear-gradient(to bottom,
|
|
209
|
+
background: linear-gradient(to bottom, rgb(0, 0, 0, 0) 0, #000 100%), linear-gradient(to right, #fff 0, rgb(255, 255, 255, 0) 100%);
|
|
210
210
|
height: 152px;
|
|
211
211
|
}
|
|
212
212
|
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
|
|
48
48
|
$minimumContrast: 3.1;
|
|
49
49
|
$lightContrast: contrast-ratio($color, white);
|
|
50
|
-
$darkContrast: contrast-ratio($color,
|
|
50
|
+
$darkContrast: contrast-ratio($color, rgb(black, 0.87));
|
|
51
51
|
|
|
52
52
|
@if $lightContrast < $minimumContrast and $darkContrast > $lightContrast {
|
|
53
53
|
@return 'light';
|
|
@@ -26,7 +26,7 @@ $tokens: (
|
|
|
26
26
|
transition-timing: utils.module-val(app-bar, transition-timing, animation.variable(easing-standard)),
|
|
27
27
|
// Scoped theming tokens for app bar children to optionally inherit
|
|
28
28
|
theme-foreground: utils.module-ref(app-bar, theme-foreground, foreground),
|
|
29
|
-
theme-foreground-muted: utils.module-val(app-bar, theme-foreground-muted,
|
|
29
|
+
theme-foreground-muted: utils.module-val(app-bar, theme-foreground-muted, rgb(white, theme.emphasis(medium)))
|
|
30
30
|
) !default;
|
|
31
31
|
|
|
32
32
|
@function get($key) {
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { TemplateResult } from 'lit';
|
|
7
|
-
import { CUSTOM_ELEMENT_NAME_PROPERTY } from '@tylertech/forge-core';
|
|
8
|
-
import { BaseLitElement } from '../../core/base/base-lit-element';
|
|
9
|
-
export interface IDataTableBodyComponent extends BaseLitElement {
|
|
10
|
-
}
|
|
11
|
-
declare global {
|
|
12
|
-
interface HTMLElementTagNameMap {
|
|
13
|
-
'forge-data-table-body': IDataTableBodyComponent;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
export declare const DATA_TABLE_BODY_TAG_NAME: keyof HTMLElementTagNameMap;
|
|
17
|
-
/**
|
|
18
|
-
* @tag forge-data-table-body
|
|
19
|
-
*
|
|
20
|
-
* @summary Represents the body section of a data table.
|
|
21
|
-
*
|
|
22
|
-
* @csspart root - The root container element.
|
|
23
|
-
*
|
|
24
|
-
* @slot - The default slot for body content.
|
|
25
|
-
*
|
|
26
|
-
* @cssclass forge-data-table-body - The data table body class _(required)_.
|
|
27
|
-
*/
|
|
28
|
-
export declare class DataTableBodyComponent extends BaseLitElement implements IDataTableBodyComponent {
|
|
29
|
-
static styles: import("lit").CSSResult;
|
|
30
|
-
/** @deprecated Used for compatibility with legacy Forge @customElement decorator. */
|
|
31
|
-
static [CUSTOM_ELEMENT_NAME_PROPERTY]: keyof HTMLElementTagNameMap;
|
|
32
|
-
render(): TemplateResult;
|
|
33
|
-
}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
var _a;
|
|
7
|
-
import { __decorate } from "tslib";
|
|
8
|
-
import { html, unsafeCSS } from 'lit';
|
|
9
|
-
import { customElement } from 'lit/decorators.js';
|
|
10
|
-
import { classMap } from 'lit/directives/class-map.js';
|
|
11
|
-
import { CUSTOM_ELEMENT_NAME_PROPERTY } from '@tylertech/forge-core';
|
|
12
|
-
import { BaseLitElement } from '../../core/base/base-lit-element';
|
|
13
|
-
const styles = ':host{display:block}:host([hidden]){display:none}.forge-data-table-body{display:table-row-group}';
|
|
14
|
-
export const DATA_TABLE_BODY_TAG_NAME = 'forge-data-table-body';
|
|
15
|
-
/**
|
|
16
|
-
* @tag forge-data-table-body
|
|
17
|
-
*
|
|
18
|
-
* @summary Represents the body section of a data table.
|
|
19
|
-
*
|
|
20
|
-
* @csspart root - The root container element.
|
|
21
|
-
*
|
|
22
|
-
* @slot - The default slot for body content.
|
|
23
|
-
*
|
|
24
|
-
* @cssclass forge-data-table-body - The data table body class _(required)_.
|
|
25
|
-
*/
|
|
26
|
-
let DataTableBodyComponent = class DataTableBodyComponent extends BaseLitElement {
|
|
27
|
-
render() {
|
|
28
|
-
return html `
|
|
29
|
-
<div part="root" class=${classMap({ 'forge-data-table-body': true })}>
|
|
30
|
-
<slot></slot>
|
|
31
|
-
</div>
|
|
32
|
-
`;
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
_a = CUSTOM_ELEMENT_NAME_PROPERTY;
|
|
36
|
-
DataTableBodyComponent.styles = unsafeCSS(styles);
|
|
37
|
-
/** @deprecated Used for compatibility with legacy Forge @customElement decorator. */
|
|
38
|
-
DataTableBodyComponent[_a] = DATA_TABLE_BODY_TAG_NAME;
|
|
39
|
-
DataTableBodyComponent = __decorate([
|
|
40
|
-
customElement(DATA_TABLE_BODY_TAG_NAME)
|
|
41
|
-
], DataTableBodyComponent);
|
|
42
|
-
export { DataTableBodyComponent };
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { TemplateResult } from 'lit';
|
|
7
|
-
import { CUSTOM_ELEMENT_NAME_PROPERTY } from '@tylertech/forge-core';
|
|
8
|
-
import { BaseLitElement } from '../../core/base/base-lit-element';
|
|
9
|
-
export interface IDataTableCellComponent extends BaseLitElement {
|
|
10
|
-
}
|
|
11
|
-
declare global {
|
|
12
|
-
interface HTMLElementTagNameMap {
|
|
13
|
-
'forge-data-table-cell': IDataTableCellComponent;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
export declare const DATA_TABLE_CELL_TAG_NAME: keyof HTMLElementTagNameMap;
|
|
17
|
-
/**
|
|
18
|
-
* @tag forge-data-table-cell
|
|
19
|
-
*
|
|
20
|
-
* @summary Represents a cell in a data table.
|
|
21
|
-
*
|
|
22
|
-
* @csspart root - The root container element.
|
|
23
|
-
*
|
|
24
|
-
* @slot - The default slot for cell content.
|
|
25
|
-
*
|
|
26
|
-
* @cssclass forge-data-table-cell - The data table cell class _(required)_.
|
|
27
|
-
*/
|
|
28
|
-
export declare class DataTableCellComponent extends BaseLitElement implements IDataTableCellComponent {
|
|
29
|
-
static styles: import("lit").CSSResult;
|
|
30
|
-
/** @deprecated Used for compatibility with legacy Forge @customElement decorator. */
|
|
31
|
-
static [CUSTOM_ELEMENT_NAME_PROPERTY]: keyof HTMLElementTagNameMap;
|
|
32
|
-
render(): TemplateResult;
|
|
33
|
-
}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
var _a;
|
|
7
|
-
import { __decorate } from "tslib";
|
|
8
|
-
import { html, unsafeCSS } from 'lit';
|
|
9
|
-
import { customElement } from 'lit/decorators.js';
|
|
10
|
-
import { classMap } from 'lit/directives/class-map.js';
|
|
11
|
-
import { CUSTOM_ELEMENT_NAME_PROPERTY } from '@tylertech/forge-core';
|
|
12
|
-
import { BaseLitElement } from '../../core/base/base-lit-element';
|
|
13
|
-
const styles = ':host{display:block}:host([hidden]){display:none}.forge-data-table-cell{display:table-cell;padding:.5rem}';
|
|
14
|
-
export const DATA_TABLE_CELL_TAG_NAME = 'forge-data-table-cell';
|
|
15
|
-
/**
|
|
16
|
-
* @tag forge-data-table-cell
|
|
17
|
-
*
|
|
18
|
-
* @summary Represents a cell in a data table.
|
|
19
|
-
*
|
|
20
|
-
* @csspart root - The root container element.
|
|
21
|
-
*
|
|
22
|
-
* @slot - The default slot for cell content.
|
|
23
|
-
*
|
|
24
|
-
* @cssclass forge-data-table-cell - The data table cell class _(required)_.
|
|
25
|
-
*/
|
|
26
|
-
let DataTableCellComponent = class DataTableCellComponent extends BaseLitElement {
|
|
27
|
-
render() {
|
|
28
|
-
return html `
|
|
29
|
-
<div part="root" class=${classMap({ 'forge-data-table-cell': true })}>
|
|
30
|
-
<slot></slot>
|
|
31
|
-
</div>
|
|
32
|
-
`;
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
_a = CUSTOM_ELEMENT_NAME_PROPERTY;
|
|
36
|
-
DataTableCellComponent.styles = unsafeCSS(styles);
|
|
37
|
-
/** @deprecated Used for compatibility with legacy Forge @customElement decorator. */
|
|
38
|
-
DataTableCellComponent[_a] = DATA_TABLE_CELL_TAG_NAME;
|
|
39
|
-
DataTableCellComponent = __decorate([
|
|
40
|
-
customElement(DATA_TABLE_CELL_TAG_NAME)
|
|
41
|
-
], DataTableCellComponent);
|
|
42
|
-
export { DataTableCellComponent };
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { TemplateResult } from 'lit';
|
|
7
|
-
import { CUSTOM_ELEMENT_NAME_PROPERTY } from '@tylertech/forge-core';
|
|
8
|
-
import { BaseLitElement } from '../../core/base/base-lit-element';
|
|
9
|
-
export interface IDataTableColumnComponent extends BaseLitElement {
|
|
10
|
-
}
|
|
11
|
-
declare global {
|
|
12
|
-
interface HTMLElementTagNameMap {
|
|
13
|
-
'forge-data-table-column': IDataTableColumnComponent;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
export declare const DATA_TABLE_COLUMN_TAG_NAME: keyof HTMLElementTagNameMap;
|
|
17
|
-
/**
|
|
18
|
-
* @tag forge-data-table-column
|
|
19
|
-
*
|
|
20
|
-
* @summary Represents a column in a data table.
|
|
21
|
-
*
|
|
22
|
-
* @csspart root - The root container element.
|
|
23
|
-
*
|
|
24
|
-
* @slot - The default slot for column content.
|
|
25
|
-
*
|
|
26
|
-
* @cssclass forge-data-table-column - The data table column class _(required)_.
|
|
27
|
-
*/
|
|
28
|
-
export declare class DataTableColumnComponent extends BaseLitElement implements IDataTableColumnComponent {
|
|
29
|
-
static styles: import("lit").CSSResult;
|
|
30
|
-
/** @deprecated Used for compatibility with legacy Forge @customElement decorator. */
|
|
31
|
-
static [CUSTOM_ELEMENT_NAME_PROPERTY]: keyof HTMLElementTagNameMap;
|
|
32
|
-
render(): TemplateResult;
|
|
33
|
-
}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
var _a;
|
|
7
|
-
import { __decorate } from "tslib";
|
|
8
|
-
import { html, unsafeCSS } from 'lit';
|
|
9
|
-
import { customElement } from 'lit/decorators.js';
|
|
10
|
-
import { classMap } from 'lit/directives/class-map.js';
|
|
11
|
-
import { CUSTOM_ELEMENT_NAME_PROPERTY } from '@tylertech/forge-core';
|
|
12
|
-
import { BaseLitElement } from '../../core/base/base-lit-element';
|
|
13
|
-
const styles = ':host{display:block}:host([hidden]){display:none}.forge-data-table-column{display:table-column}';
|
|
14
|
-
export const DATA_TABLE_COLUMN_TAG_NAME = 'forge-data-table-column';
|
|
15
|
-
/**
|
|
16
|
-
* @tag forge-data-table-column
|
|
17
|
-
*
|
|
18
|
-
* @summary Represents a column in a data table.
|
|
19
|
-
*
|
|
20
|
-
* @csspart root - The root container element.
|
|
21
|
-
*
|
|
22
|
-
* @slot - The default slot for column content.
|
|
23
|
-
*
|
|
24
|
-
* @cssclass forge-data-table-column - The data table column class _(required)_.
|
|
25
|
-
*/
|
|
26
|
-
let DataTableColumnComponent = class DataTableColumnComponent extends BaseLitElement {
|
|
27
|
-
render() {
|
|
28
|
-
return html `
|
|
29
|
-
<div part="root" class=${classMap({ 'forge-data-table-column': true })}>
|
|
30
|
-
<slot></slot>
|
|
31
|
-
</div>
|
|
32
|
-
`;
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
_a = CUSTOM_ELEMENT_NAME_PROPERTY;
|
|
36
|
-
DataTableColumnComponent.styles = unsafeCSS(styles);
|
|
37
|
-
/** @deprecated Used for compatibility with legacy Forge @customElement decorator. */
|
|
38
|
-
DataTableColumnComponent[_a] = DATA_TABLE_COLUMN_TAG_NAME;
|
|
39
|
-
DataTableColumnComponent = __decorate([
|
|
40
|
-
customElement(DATA_TABLE_COLUMN_TAG_NAME)
|
|
41
|
-
], DataTableColumnComponent);
|
|
42
|
-
export { DataTableColumnComponent };
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { TemplateResult } from 'lit';
|
|
7
|
-
import { CUSTOM_ELEMENT_NAME_PROPERTY } from '@tylertech/forge-core';
|
|
8
|
-
import { BaseLitElement } from '../../core/base/base-lit-element';
|
|
9
|
-
export interface IDataTableFooterComponent extends BaseLitElement {
|
|
10
|
-
}
|
|
11
|
-
declare global {
|
|
12
|
-
interface HTMLElementTagNameMap {
|
|
13
|
-
'forge-data-table-footer': IDataTableFooterComponent;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
export declare const DATA_TABLE_FOOTER_TAG_NAME: keyof HTMLElementTagNameMap;
|
|
17
|
-
/**
|
|
18
|
-
* @tag forge-data-table-footer
|
|
19
|
-
*
|
|
20
|
-
* @summary Represents the footer section of a data table.
|
|
21
|
-
*
|
|
22
|
-
* @csspart root - The root container element.
|
|
23
|
-
*
|
|
24
|
-
* @slot - The default slot for footer content.
|
|
25
|
-
*
|
|
26
|
-
* @cssclass forge-data-table-footer - The data table footer class _(required)_.
|
|
27
|
-
*/
|
|
28
|
-
export declare class DataTableFooterComponent extends BaseLitElement implements IDataTableFooterComponent {
|
|
29
|
-
static styles: import("lit").CSSResult;
|
|
30
|
-
/** @deprecated Used for compatibility with legacy Forge @customElement decorator. */
|
|
31
|
-
static [CUSTOM_ELEMENT_NAME_PROPERTY]: keyof HTMLElementTagNameMap;
|
|
32
|
-
render(): TemplateResult;
|
|
33
|
-
}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
var _a;
|
|
7
|
-
import { __decorate } from "tslib";
|
|
8
|
-
import { html, unsafeCSS } from 'lit';
|
|
9
|
-
import { customElement } from 'lit/decorators.js';
|
|
10
|
-
import { classMap } from 'lit/directives/class-map.js';
|
|
11
|
-
import { CUSTOM_ELEMENT_NAME_PROPERTY } from '@tylertech/forge-core';
|
|
12
|
-
import { BaseLitElement } from '../../core/base/base-lit-element';
|
|
13
|
-
const styles = ':host{display:block}:host([hidden]){display:none}.forge-data-table-footer{display:table-footer-group}';
|
|
14
|
-
export const DATA_TABLE_FOOTER_TAG_NAME = 'forge-data-table-footer';
|
|
15
|
-
/**
|
|
16
|
-
* @tag forge-data-table-footer
|
|
17
|
-
*
|
|
18
|
-
* @summary Represents the footer section of a data table.
|
|
19
|
-
*
|
|
20
|
-
* @csspart root - The root container element.
|
|
21
|
-
*
|
|
22
|
-
* @slot - The default slot for footer content.
|
|
23
|
-
*
|
|
24
|
-
* @cssclass forge-data-table-footer - The data table footer class _(required)_.
|
|
25
|
-
*/
|
|
26
|
-
let DataTableFooterComponent = class DataTableFooterComponent extends BaseLitElement {
|
|
27
|
-
render() {
|
|
28
|
-
return html `
|
|
29
|
-
<div part="root" class=${classMap({ 'forge-data-table-footer': true })}>
|
|
30
|
-
<slot></slot>
|
|
31
|
-
</div>
|
|
32
|
-
`;
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
_a = CUSTOM_ELEMENT_NAME_PROPERTY;
|
|
36
|
-
DataTableFooterComponent.styles = unsafeCSS(styles);
|
|
37
|
-
/** @deprecated Used for compatibility with legacy Forge @customElement decorator. */
|
|
38
|
-
DataTableFooterComponent[_a] = DATA_TABLE_FOOTER_TAG_NAME;
|
|
39
|
-
DataTableFooterComponent = __decorate([
|
|
40
|
-
customElement(DATA_TABLE_FOOTER_TAG_NAME)
|
|
41
|
-
], DataTableFooterComponent);
|
|
42
|
-
export { DataTableFooterComponent };
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { TemplateResult } from 'lit';
|
|
7
|
-
import { CUSTOM_ELEMENT_NAME_PROPERTY } from '@tylertech/forge-core';
|
|
8
|
-
import { BaseLitElement } from '../../core/base/base-lit-element';
|
|
9
|
-
export interface IDataTableHeadComponent extends BaseLitElement {
|
|
10
|
-
}
|
|
11
|
-
declare global {
|
|
12
|
-
interface HTMLElementTagNameMap {
|
|
13
|
-
'forge-data-table-head': IDataTableHeadComponent;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
export declare const DATA_TABLE_HEAD_TAG_NAME: keyof HTMLElementTagNameMap;
|
|
17
|
-
/**
|
|
18
|
-
* @tag forge-data-table-head
|
|
19
|
-
*
|
|
20
|
-
* @summary Represents the header section of a data table.
|
|
21
|
-
*
|
|
22
|
-
* @csspart root - The root container element.
|
|
23
|
-
*
|
|
24
|
-
* @slot - The default slot for head content.
|
|
25
|
-
*
|
|
26
|
-
* @cssclass forge-data-table-head - The data table head class _(required)_.
|
|
27
|
-
*/
|
|
28
|
-
export declare class DataTableHeadComponent extends BaseLitElement implements IDataTableHeadComponent {
|
|
29
|
-
static styles: import("lit").CSSResult;
|
|
30
|
-
/** @deprecated Used for compatibility with legacy Forge @customElement decorator. */
|
|
31
|
-
static [CUSTOM_ELEMENT_NAME_PROPERTY]: keyof HTMLElementTagNameMap;
|
|
32
|
-
render(): TemplateResult;
|
|
33
|
-
}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
var _a;
|
|
7
|
-
import { __decorate } from "tslib";
|
|
8
|
-
import { html, unsafeCSS } from 'lit';
|
|
9
|
-
import { customElement } from 'lit/decorators.js';
|
|
10
|
-
import { classMap } from 'lit/directives/class-map.js';
|
|
11
|
-
import { CUSTOM_ELEMENT_NAME_PROPERTY } from '@tylertech/forge-core';
|
|
12
|
-
import { BaseLitElement } from '../../core/base/base-lit-element';
|
|
13
|
-
const styles = ':host{display:block}:host([hidden]){display:none}.forge-data-table-head{display:table-header-group}';
|
|
14
|
-
export const DATA_TABLE_HEAD_TAG_NAME = 'forge-data-table-head';
|
|
15
|
-
/**
|
|
16
|
-
* @tag forge-data-table-head
|
|
17
|
-
*
|
|
18
|
-
* @summary Represents the header section of a data table.
|
|
19
|
-
*
|
|
20
|
-
* @csspart root - The root container element.
|
|
21
|
-
*
|
|
22
|
-
* @slot - The default slot for head content.
|
|
23
|
-
*
|
|
24
|
-
* @cssclass forge-data-table-head - The data table head class _(required)_.
|
|
25
|
-
*/
|
|
26
|
-
let DataTableHeadComponent = class DataTableHeadComponent extends BaseLitElement {
|
|
27
|
-
render() {
|
|
28
|
-
return html `
|
|
29
|
-
<div part="root" class=${classMap({ 'forge-data-table-head': true })}>
|
|
30
|
-
<slot></slot>
|
|
31
|
-
</div>
|
|
32
|
-
`;
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
_a = CUSTOM_ELEMENT_NAME_PROPERTY;
|
|
36
|
-
DataTableHeadComponent.styles = unsafeCSS(styles);
|
|
37
|
-
/** @deprecated Used for compatibility with legacy Forge @customElement decorator. */
|
|
38
|
-
DataTableHeadComponent[_a] = DATA_TABLE_HEAD_TAG_NAME;
|
|
39
|
-
DataTableHeadComponent = __decorate([
|
|
40
|
-
customElement(DATA_TABLE_HEAD_TAG_NAME)
|
|
41
|
-
], DataTableHeadComponent);
|
|
42
|
-
export { DataTableHeadComponent };
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
export * from './table';
|
|
7
|
-
export * from './column';
|
|
8
|
-
export * from './cell';
|
|
9
|
-
export * from './row';
|
|
10
|
-
export * from './head';
|
|
11
|
-
export * from './body';
|
|
12
|
-
export * from './footer';
|
package/esm/data-table/index.js
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
export * from './table';
|
|
7
|
-
export * from './column';
|
|
8
|
-
export * from './cell';
|
|
9
|
-
export * from './row';
|
|
10
|
-
export * from './head';
|
|
11
|
-
export * from './body';
|
|
12
|
-
export * from './footer';
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { TemplateResult } from 'lit';
|
|
7
|
-
import { CUSTOM_ELEMENT_NAME_PROPERTY } from '@tylertech/forge-core';
|
|
8
|
-
import { BaseLitElement } from '../../core/base/base-lit-element';
|
|
9
|
-
export interface IDataTableRowComponent extends BaseLitElement {
|
|
10
|
-
}
|
|
11
|
-
declare global {
|
|
12
|
-
interface HTMLElementTagNameMap {
|
|
13
|
-
'forge-data-table-row': IDataTableRowComponent;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
export declare const DATA_TABLE_ROW_TAG_NAME: keyof HTMLElementTagNameMap;
|
|
17
|
-
/**
|
|
18
|
-
* @tag forge-data-table-row
|
|
19
|
-
*
|
|
20
|
-
* @summary Represents a row in a data table.
|
|
21
|
-
*
|
|
22
|
-
* @csspart root - The root container element.
|
|
23
|
-
*
|
|
24
|
-
* @slot - The default slot for row content.
|
|
25
|
-
*
|
|
26
|
-
* @cssclass forge-data-table-row - The data table row class _(required)_.
|
|
27
|
-
*/
|
|
28
|
-
export declare class DataTableRowComponent extends BaseLitElement implements IDataTableRowComponent {
|
|
29
|
-
static styles: import("lit").CSSResult;
|
|
30
|
-
/** @deprecated Used for compatibility with legacy Forge @customElement decorator. */
|
|
31
|
-
static [CUSTOM_ELEMENT_NAME_PROPERTY]: keyof HTMLElementTagNameMap;
|
|
32
|
-
render(): TemplateResult;
|
|
33
|
-
}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright Tyler Technologies, Inc.
|
|
4
|
-
* License: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
var _a;
|
|
7
|
-
import { __decorate } from "tslib";
|
|
8
|
-
import { html, unsafeCSS } from 'lit';
|
|
9
|
-
import { customElement } from 'lit/decorators.js';
|
|
10
|
-
import { classMap } from 'lit/directives/class-map.js';
|
|
11
|
-
import { CUSTOM_ELEMENT_NAME_PROPERTY } from '@tylertech/forge-core';
|
|
12
|
-
import { BaseLitElement } from '../../core/base/base-lit-element';
|
|
13
|
-
const styles = ':host{display:block}:host([hidden]){display:none}.forge-data-table-row{display:table-row}';
|
|
14
|
-
export const DATA_TABLE_ROW_TAG_NAME = 'forge-data-table-row';
|
|
15
|
-
/**
|
|
16
|
-
* @tag forge-data-table-row
|
|
17
|
-
*
|
|
18
|
-
* @summary Represents a row in a data table.
|
|
19
|
-
*
|
|
20
|
-
* @csspart root - The root container element.
|
|
21
|
-
*
|
|
22
|
-
* @slot - The default slot for row content.
|
|
23
|
-
*
|
|
24
|
-
* @cssclass forge-data-table-row - The data table row class _(required)_.
|
|
25
|
-
*/
|
|
26
|
-
let DataTableRowComponent = class DataTableRowComponent extends BaseLitElement {
|
|
27
|
-
render() {
|
|
28
|
-
return html `
|
|
29
|
-
<div part="root" class=${classMap({ 'forge-data-table-row': true })}>
|
|
30
|
-
<slot></slot>
|
|
31
|
-
</div>
|
|
32
|
-
`;
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
_a = CUSTOM_ELEMENT_NAME_PROPERTY;
|
|
36
|
-
DataTableRowComponent.styles = unsafeCSS(styles);
|
|
37
|
-
/** @deprecated Used for compatibility with legacy Forge @customElement decorator. */
|
|
38
|
-
DataTableRowComponent[_a] = DATA_TABLE_ROW_TAG_NAME;
|
|
39
|
-
DataTableRowComponent = __decorate([
|
|
40
|
-
customElement(DATA_TABLE_ROW_TAG_NAME)
|
|
41
|
-
], DataTableRowComponent);
|
|
42
|
-
export { DataTableRowComponent };
|