@proximus/lavender-ag-grid-table 1.4.17-alpha.7 → 1.4.17-beta.1
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/dist/AgGridTable.d.ts +1 -1
- package/dist/AgGridTableThButton.d.ts +1 -1
- package/dist/AgGridTableThContent.d.ts +1 -1
- package/dist/custom-elements.json +17 -23
- package/dist/index.es.js +35 -32
- package/dist/web-types.json +4 -11
- package/package.json +1 -1
package/dist/AgGridTable.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { WithExtraAttributes } from '@proximus/lavender-common';
|
|
2
2
|
export declare class AgGridTable extends WithExtraAttributes {
|
|
3
|
-
|
|
3
|
+
protected static readonly template: HTMLTemplateElement;
|
|
4
4
|
constructor();
|
|
5
5
|
static get observedAttributes(): string[];
|
|
6
6
|
attributeChangedCallback(attrName: string, oldValue: string, newValue: string): void;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { PxElement } from '@proximus/lavender-common';
|
|
2
2
|
export declare const sortingValues: string[];
|
|
3
3
|
export declare class AgGridTableThButton extends PxElement<HTMLButtonElement> {
|
|
4
|
+
protected static readonly template: HTMLTemplateElement;
|
|
4
5
|
static nativeName: string;
|
|
5
|
-
private template;
|
|
6
6
|
constructor();
|
|
7
7
|
connectedCallback(): void;
|
|
8
8
|
static get observedAttributes(): string[];
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { PxElement } from '@proximus/lavender-common';
|
|
2
2
|
export declare class AgGridTableThContent extends PxElement<HTMLSpanElement> {
|
|
3
|
+
protected static readonly template: HTMLTemplateElement;
|
|
3
4
|
static nativeName: string;
|
|
4
|
-
private template;
|
|
5
5
|
constructor();
|
|
6
6
|
static get observedAttributes(): string[];
|
|
7
7
|
attributeChangedCallback(attrName: string, oldValue: string, newValue: string): void;
|
|
@@ -14,15 +14,13 @@
|
|
|
14
14
|
{
|
|
15
15
|
"kind": "field",
|
|
16
16
|
"name": "template",
|
|
17
|
-
"privacy": "
|
|
17
|
+
"privacy": "protected",
|
|
18
|
+
"static": true,
|
|
19
|
+
"readonly": true
|
|
18
20
|
},
|
|
19
21
|
{
|
|
20
22
|
"kind": "field",
|
|
21
23
|
"name": "inverted"
|
|
22
|
-
},
|
|
23
|
-
{
|
|
24
|
-
"kind": "field",
|
|
25
|
-
"name": "innerHTML"
|
|
26
24
|
}
|
|
27
25
|
],
|
|
28
26
|
"attributes": [
|
|
@@ -74,6 +72,13 @@
|
|
|
74
72
|
"description": "",
|
|
75
73
|
"name": "AgGridTableThButton",
|
|
76
74
|
"members": [
|
|
75
|
+
{
|
|
76
|
+
"kind": "field",
|
|
77
|
+
"name": "template",
|
|
78
|
+
"privacy": "protected",
|
|
79
|
+
"static": true,
|
|
80
|
+
"readonly": true
|
|
81
|
+
},
|
|
77
82
|
{
|
|
78
83
|
"kind": "field",
|
|
79
84
|
"name": "nativeName",
|
|
@@ -83,11 +88,6 @@
|
|
|
83
88
|
"static": true,
|
|
84
89
|
"default": "'button'"
|
|
85
90
|
},
|
|
86
|
-
{
|
|
87
|
-
"kind": "method",
|
|
88
|
-
"name": "template",
|
|
89
|
-
"privacy": "private"
|
|
90
|
-
},
|
|
91
91
|
{
|
|
92
92
|
"kind": "method",
|
|
93
93
|
"name": "updateSorting",
|
|
@@ -201,10 +201,6 @@
|
|
|
201
201
|
{
|
|
202
202
|
"kind": "field",
|
|
203
203
|
"name": "columnHeaderLabel"
|
|
204
|
-
},
|
|
205
|
-
{
|
|
206
|
-
"kind": "field",
|
|
207
|
-
"name": "innerHTML"
|
|
208
204
|
}
|
|
209
205
|
],
|
|
210
206
|
"events": [
|
|
@@ -270,6 +266,13 @@
|
|
|
270
266
|
"description": "",
|
|
271
267
|
"name": "AgGridTableThContent",
|
|
272
268
|
"members": [
|
|
269
|
+
{
|
|
270
|
+
"kind": "field",
|
|
271
|
+
"name": "template",
|
|
272
|
+
"privacy": "protected",
|
|
273
|
+
"static": true,
|
|
274
|
+
"readonly": true
|
|
275
|
+
},
|
|
273
276
|
{
|
|
274
277
|
"kind": "field",
|
|
275
278
|
"name": "nativeName",
|
|
@@ -279,18 +282,9 @@
|
|
|
279
282
|
"static": true,
|
|
280
283
|
"default": "'span'"
|
|
281
284
|
},
|
|
282
|
-
{
|
|
283
|
-
"kind": "method",
|
|
284
|
-
"name": "template",
|
|
285
|
-
"privacy": "private"
|
|
286
|
-
},
|
|
287
285
|
{
|
|
288
286
|
"kind": "field",
|
|
289
287
|
"name": "inverted"
|
|
290
|
-
},
|
|
291
|
-
{
|
|
292
|
-
"kind": "field",
|
|
293
|
-
"name": "innerHTML"
|
|
294
288
|
}
|
|
295
289
|
],
|
|
296
290
|
"attributes": [
|
package/dist/index.es.js
CHANGED
|
@@ -1,10 +1,13 @@
|
|
|
1
|
-
import { PxElement as e, WithExtraAttributes as t, checkName as n,
|
|
1
|
+
import { PxElement as e, WithExtraAttributes as t, checkName as n, createTemplate as r, log as i, renderTemplate as a } from "@proximus/lavender-common";
|
|
2
2
|
//#region src/ag-grid-table.css?inline
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
var
|
|
3
|
+
var o = ":host{--ag-font-family:var(--px-font-family);--ag-font-size:var(--px-font-size-base);--ag-data-font-size:var(--px-font-size-base);--ag-accent-color:var(--px-color-text-brand-default);--ag-background-color:var(--px-color-background-container-light-default);--ag-foreground-color:var(--px-color-text-neutral-default);--ag-cell-text-color:var(--px-color-text-neutral-default);--ag-border-color:var(--px-color-border-main-default);--ag-border-radius:var(--px-radius-main);--ag-wrapper-border-radius:var(--px-radius-main);--ag-spacing:var(--px-padding-xs-mobile);--ag-header-background-color:var(--px-color-background-container-default-default);--ag-header-font-weight:var(--px-font-weight-title);--ag-icon-size:1rem;--ag-row-hover-color:#0000000a;--ag-checkbox-border-radius:4px;--ag-checkbox-indeterminate-background-color:var(--px-color-background-surface-brand);--ag-checkbox-indeterminate-border-color:var(--px-color-border-brand-default);--ag-tooltip-error-text-color:var(--px-color-text-purpose-error-default);--ag-invalid-color:var(--px-color-text-purpose-error-default);--ag-value-change-delta-up-color:var(--px-color-text-purpose-success-default);--ag-value-change-delta-down-color:var(--px-color-text-purpose-error-default);--ag-button-disabled-background-color:var(--px-color-background-state-disabled-default);--ag-button-disabled-text-color:var(--px-color-text-state-disabled-default);--ag-input-disabled-background-color:var(--px-color-background-state-disabled-default);--ag-input-disabled-text-color:var(--px-color-text-state-disabled-default);--ag-selected-row-background-color:#0000000a}@media screen and (width>=48rem){:host{--ag-spacing:var(--px-padding-xs-tablet)}}@media screen and (width>=64.0625rem){:host{--ag-spacing:var(--px-padding-xs-laptop)}}@media screen and (width>=90.0625rem){:host{--ag-spacing:var(--px-padding-xs-desktop)}}:host([inverted]){--ag-accent-color:var(--px-color-text-brand-inverted);--ag-background-color:var(--px-color-background-surface-dark);--ag-foreground-color:var(--px-color-text-neutral-inverted);--ag-cell-text-color:var(--px-color-text-neutral-inverted);--ag-border-color:var(--px-color-border-main-inverted);--ag-header-background-color:var(--px-color-background-container-default-inverted);--ag-row-hover-color:#ffffff14;--ag-tooltip-error-text-color:var(--px-color-text-purpose-error-inverted);--ag-invalid-color:var(--px-color-text-purpose-error-inverted);--ag-value-change-delta-up-color:var(--px-color-text-purpose-success-inverted);--ag-value-change-delta-down-color:var(--px-color-text-purpose-error-inverted);--ag-button-disabled-background-color:var(--px-color-background-state-disabled-inverted);--ag-button-disabled-text-color:var(--px-color-text-state-disabled-inverted);--ag-input-disabled-background-color:var(--px-color-background-state-disabled-inverted);--ag-input-disabled-text-color:var(--px-color-text-state-disabled-inverted);--ag-selected-row-background-color:#ffffff14;--ag-checkbox-checked-shape-color:var(--px-color-text-brand-default);--ag-checkbox-indeterminate-shape-color:var(--px-color-text-brand-default);--ag-checkbox-indeterminate-background-color:var(--px-color-background-container-primary-inverted);--ag-checkbox-indeterminate-border-color:var(--px-color-border-brand-inverted)}", s = new CSSStyleSheet();
|
|
4
|
+
s.replaceSync(o);
|
|
5
|
+
var c = class e extends t {
|
|
6
|
+
static {
|
|
7
|
+
this.template = r("<slot></slot>");
|
|
8
|
+
}
|
|
6
9
|
constructor() {
|
|
7
|
-
super(
|
|
10
|
+
super(s), a(this.shadowRoot, e.template);
|
|
8
11
|
}
|
|
9
12
|
static get observedAttributes() {
|
|
10
13
|
return ["inverted"];
|
|
@@ -21,28 +24,28 @@ var o = class extends t {
|
|
|
21
24
|
e ? this.setAttribute("inverted", "") : this.removeAttribute("inverted");
|
|
22
25
|
}
|
|
23
26
|
};
|
|
24
|
-
customElements.get("px-ag-grid-table") || customElements.define("px-ag-grid-table",
|
|
27
|
+
customElements.get("px-ag-grid-table") || customElements.define("px-ag-grid-table", c);
|
|
25
28
|
//#endregion
|
|
26
29
|
//#region src/ag-grid-table-th-button.css?inline
|
|
27
|
-
var
|
|
28
|
-
|
|
29
|
-
var
|
|
30
|
+
var l = ":host{word-break:break-all;max-width:100%;display:inline-flex;overflow:hidden}:host *{box-sizing:border-box}.ag-grid-table-th-button{max-width:100%;font-size:var(--px-font-size-base);font-family:var(--px-font-family);gap:var(--px-spacing-xs-mobile);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;margin:0;padding:0;display:inline-flex}.ag-grid-table-th-button .sort-icon{width:var(--px-size-icon-s);height:var(--px-size-icon-s);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ag-grid-table-th-button .sort-icon:after{content:\"\";width:var(--px-size-icon-s);height:var(--px-size-icon-s);color:var(--px-color-text-neutral-default);background-color:currentColor;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.71429 10.2857L12 4.28572L16.2857 10.2857H7.71429Z' fill='%235C2D91'/%3E%3Cpath d='M16.2857 13.7143L12 19.7143L7.71428 13.7143L16.2857 13.7143Z' fill='%235C2D91'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.71429 10.2857L12 4.28572L16.2857 10.2857H7.71429Z' fill='%235C2D91'/%3E%3Cpath d='M16.2857 13.7143L12 19.7143L7.71428 13.7143L16.2857 13.7143Z' fill='%235C2D91'/%3E%3C/svg%3E%0A\");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ag-grid-table-th-button[sorting=ascending] .sort-icon:after{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.5702 12.6927C18.1876 13.0752 17.5674 13.0752 17.1848 12.6927L12.9796 8.48739L12.9796 17.8775C12.9796 18.4186 12.541 18.8571 12 18.8571C11.459 18.8571 11.0204 18.4186 11.0204 17.8775L11.0204 8.48739L6.8151 12.6927C6.43254 13.0752 5.8123 13.0752 5.42975 12.6927C5.04719 12.3101 5.04719 11.6899 5.42975 11.3073L11.3073 5.42977C11.6899 5.04722 12.3101 5.04722 12.6926 5.42977L18.5702 11.3073C18.9528 11.6899 18.9528 12.3101 18.5702 12.6927Z' fill='%235C2D91'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.5702 12.6927C18.1876 13.0752 17.5674 13.0752 17.1848 12.6927L12.9796 8.48739L12.9796 17.8775C12.9796 18.4186 12.541 18.8571 12 18.8571C11.459 18.8571 11.0204 18.4186 11.0204 17.8775L11.0204 8.48739L6.8151 12.6927C6.43254 13.0752 5.8123 13.0752 5.42975 12.6927C5.04719 12.3101 5.04719 11.6899 5.42975 11.3073L11.3073 5.42977C11.6899 5.04722 12.3101 5.04722 12.6926 5.42977L18.5702 11.3073C18.9528 11.6899 18.9528 12.3101 18.5702 12.6927Z' fill='%235C2D91'/%3E%3C/svg%3E%0A\")}.ag-grid-table-th-button[sorting=descending] .sort-icon:after{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.4298 11.3073C5.81235 10.9248 6.4326 10.9248 6.81515 11.3073L11.0204 15.5126L11.0204 6.12245C11.0204 5.58144 11.459 5.14286 12 5.14286C12.541 5.14286 12.9796 5.58144 12.9796 6.12245L12.9796 15.5126L17.1849 11.3073C17.5675 10.9248 18.1877 10.9248 18.5703 11.3073C18.9528 11.6899 18.9528 12.3101 18.5703 12.6927L12.6927 18.5702C12.3101 18.9528 11.6899 18.9528 11.3074 18.5702L5.4298 12.6927C5.04724 12.3101 5.04724 11.6899 5.4298 11.3073Z' fill='%235C2D91'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.4298 11.3073C5.81235 10.9248 6.4326 10.9248 6.81515 11.3073L11.0204 15.5126L11.0204 6.12245C11.0204 5.58144 11.459 5.14286 12 5.14286C12.541 5.14286 12.9796 5.58144 12.9796 6.12245L12.9796 15.5126L17.1849 11.3073C17.5675 10.9248 18.1877 10.9248 18.5703 11.3073C18.9528 11.6899 18.9528 12.3101 18.5703 12.6927L12.6927 18.5702C12.3101 18.9528 11.6899 18.9528 11.3074 18.5702L5.4298 12.6927C5.04724 12.3101 5.04724 11.6899 5.4298 11.3073Z' fill='%235C2D91'/%3E%3C/svg%3E%0A\")}@media screen and (width>=48rem){.ag-grid-table-th-button{gap:var(--px-spacing-xs-tablet)}}@media screen and (width>=64.0625rem){.ag-grid-table-th-button{gap:var(--px-spacing-xs-laptop)}}@media screen and (width>=90.0625rem){.ag-grid-table-th-button{gap:var(--px-spacing-xs-desktop)}}:host([inverted]) .ag-grid-table-th-button .sort-icon:after{color:var(--px-color-text-neutral-inverted)}", u = new CSSStyleSheet();
|
|
31
|
+
u.replaceSync(l);
|
|
32
|
+
var d = [
|
|
30
33
|
"none",
|
|
31
34
|
"ascending",
|
|
32
35
|
"descending"
|
|
33
|
-
],
|
|
36
|
+
], f = "px.lavender.ag-grid-table-th-button.click", p = class t extends e {
|
|
34
37
|
static {
|
|
35
|
-
this.
|
|
38
|
+
this.template = r("<button class=\"ag-grid-table-th-button\"><slot></slot><span class=\"sort-icon\"></span></button>");
|
|
36
39
|
}
|
|
37
|
-
|
|
38
|
-
|
|
40
|
+
static {
|
|
41
|
+
this.nativeName = "button";
|
|
39
42
|
}
|
|
40
43
|
constructor() {
|
|
41
|
-
super(
|
|
44
|
+
super(u), this.clickHandler = (e) => {
|
|
42
45
|
this.handleSortingCycle(e);
|
|
43
46
|
}, this.keypressHandler = (e) => {
|
|
44
47
|
e.code === "Enter" && this.handleSortingCycle();
|
|
45
|
-
}, this.shadowRoot
|
|
48
|
+
}, a(this.shadowRoot, t.template);
|
|
46
49
|
}
|
|
47
50
|
connectedCallback() {
|
|
48
51
|
this.sorting || (this.sorting = "none", this.$columnHeader?.setAttribute("aria-sort", "none")), this.$columnHeader?.setAttribute("aria-label", "Sortable column header, press ctrl + enter to sort"), this.addEventListener("click", this.clickHandler), this.$columnHeader?.addEventListener("keypress", this.keypressHandler);
|
|
@@ -58,7 +61,7 @@ var l = [
|
|
|
58
61
|
attributeChangedCallback(e, t, n) {
|
|
59
62
|
if (t !== n) switch (e) {
|
|
60
63
|
case "sorting":
|
|
61
|
-
this.updateSorting(t, n,
|
|
64
|
+
this.updateSorting(t, n, d);
|
|
62
65
|
break;
|
|
63
66
|
case "column-header-aria-label":
|
|
64
67
|
this.updateColumnHeaderAriaLabel(t, n);
|
|
@@ -72,9 +75,9 @@ var l = [
|
|
|
72
75
|
disconnectedCallback() {
|
|
73
76
|
this.removeEventListener("click", this.clickHandler), this.$columnHeader?.removeEventListener("keypress", this.keypressHandler);
|
|
74
77
|
}
|
|
75
|
-
updateSorting(e, t,
|
|
76
|
-
if (!n(
|
|
77
|
-
|
|
78
|
+
updateSorting(e, t, r) {
|
|
79
|
+
if (!n(r, t)) {
|
|
80
|
+
i(`${t} is not an allowed sorting value.`);
|
|
78
81
|
return;
|
|
79
82
|
}
|
|
80
83
|
e !== null && e !== "" && (this.$el.setAttribute("sorting", e), this.$columnHeader?.setAttribute("aria-sort", e)), t !== null && t !== "" && (this.$el.setAttribute("sorting", t), this.$columnHeader?.setAttribute("aria-sort", t));
|
|
@@ -83,7 +86,7 @@ var l = [
|
|
|
83
86
|
e !== null && e !== "" && this.$columnHeader?.setAttribute("aria-label", e), t !== null && t !== "" && this.$columnHeader?.setAttribute("aria-label", t);
|
|
84
87
|
}
|
|
85
88
|
clickAgGridTableThButton(e) {
|
|
86
|
-
this.dispatchEvent(new CustomEvent(
|
|
89
|
+
this.dispatchEvent(new CustomEvent(f, {
|
|
87
90
|
bubbles: !0,
|
|
88
91
|
composed: !0,
|
|
89
92
|
detail: { value: e }
|
|
@@ -91,8 +94,8 @@ var l = [
|
|
|
91
94
|
}
|
|
92
95
|
cycleToNextSortingValue(e) {
|
|
93
96
|
e?.stopPropagation(), e?.preventDefault();
|
|
94
|
-
let t = (
|
|
95
|
-
this.sorting =
|
|
97
|
+
let t = (d.indexOf(this.sorting ?? "none") + 1) % d.length;
|
|
98
|
+
this.sorting = d[t];
|
|
96
99
|
}
|
|
97
100
|
handleSortingCycle(e) {
|
|
98
101
|
this.cycleToNextSortingValue(e), this.clickAgGridTableThButton(this.sorting);
|
|
@@ -122,20 +125,20 @@ var l = [
|
|
|
122
125
|
super._updateAttribute("column-header-aria-label", e);
|
|
123
126
|
}
|
|
124
127
|
};
|
|
125
|
-
customElements.get("px-ag-grid-table-th-button") || customElements.define("px-ag-grid-table-th-button",
|
|
128
|
+
customElements.get("px-ag-grid-table-th-button") || customElements.define("px-ag-grid-table-th-button", p);
|
|
126
129
|
//#endregion
|
|
127
130
|
//#region src/ag-grid-table-th-content.css?inline
|
|
128
|
-
var
|
|
129
|
-
|
|
130
|
-
var
|
|
131
|
+
var m = ":host{word-break:break-all;max-width:100%;display:inline-flex;overflow:hidden}:host *{box-sizing:border-box}.ag-grid-table-th-content{font-size:var(--px-font-size-base);font-family:var(--px-font-family);line-height:var(--px-line-height-ratio-l);word-break:break-all;flex-direction:column;max-width:100%;display:flex}.ag-grid-table-th-content ::slotted([slot=title]){font-size:var(--px-text-size-label-m-mobile);font-weight:var(--px-font-weight-title);color:var(--px-color-text-neutral-default);word-break:break-all;white-space:break-spaces;max-width:100%}.ag-grid-table-th-content ::slotted([slot=subtitle]){font-weight:var(--px-font-weight-body);font-size:var(--px-text-size-label-s-mobile);color:var(--px-color-icon-dimmed-default);word-break:break-all;white-space:break-spaces;max-width:100%}@media screen and (width>=48rem){.ag-grid-table-th-content ::slotted([slot=title]){font-size:var(--px-text-size-label-m-tablet)}.ag-grid-table-th-content ::slotted([slot=subtitle]){font-size:var(--px-text-size-label-s-tablet)}}@media screen and (width>=64.0625rem){.ag-grid-table-th-content ::slotted([slot=title]){font-size:var(--px-text-size-label-m-laptop)}.ag-grid-table-th-content ::slotted([slot=subtitle]){font-size:var(--px-text-size-label-s-laptop)}}@media screen and (width>=90.0625rem){.ag-grid-table-th-content ::slotted([slot=title]){font-size:var(--px-text-size-label-m-desktop)}.ag-grid-table-th-content ::slotted([slot=subtitle]){font-size:var(--px-text-size-label-s-desktop)}}:host([inverted]) .ag-grid-table-th-content ::slotted([slot=title]){color:var(--px-color-text-neutral-inverted)}:host([inverted]) .ag-grid-table-th-content ::slotted([slot=subtitle]){color:var(--px-color-icon-dimmed-inverted)}", h = new CSSStyleSheet();
|
|
132
|
+
h.replaceSync(m);
|
|
133
|
+
var g = class t extends e {
|
|
131
134
|
static {
|
|
132
|
-
this.
|
|
135
|
+
this.template = r("<span class=\"ag-grid-table-th-content\"><slot name=\"title\"></slot><slot name=\"subtitle\"></slot></span>");
|
|
133
136
|
}
|
|
134
|
-
|
|
135
|
-
|
|
137
|
+
static {
|
|
138
|
+
this.nativeName = "span";
|
|
136
139
|
}
|
|
137
140
|
constructor() {
|
|
138
|
-
super(
|
|
141
|
+
super(h), a(this.shadowRoot, t.template);
|
|
139
142
|
}
|
|
140
143
|
static get observedAttributes() {
|
|
141
144
|
return [...super.observedAttributes, "inverted"];
|
|
@@ -152,6 +155,6 @@ var m = class extends e {
|
|
|
152
155
|
super._updateBooleanAttribute("inverted", e);
|
|
153
156
|
}
|
|
154
157
|
};
|
|
155
|
-
customElements.get("px-ag-grid-table-th-content") || customElements.define("px-ag-grid-table-th-content",
|
|
158
|
+
customElements.get("px-ag-grid-table-th-content") || customElements.define("px-ag-grid-table-th-content", g);
|
|
156
159
|
//#endregion
|
|
157
|
-
export {
|
|
160
|
+
export { c as AgGridTable, p as AgGridTableThButton, g as AgGridTableThContent, d as sortingValues };
|
package/dist/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"name": "@proximus/lavender-ag-grid-table",
|
|
4
|
-
"version": "1.4.17-
|
|
4
|
+
"version": "1.4.17-beta.1",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -12,10 +12,7 @@
|
|
|
12
12
|
"doc-url": "",
|
|
13
13
|
"attributes": [{ "name": "inverted", "value": { "type": "string" } }],
|
|
14
14
|
"events": [],
|
|
15
|
-
"js": {
|
|
16
|
-
"properties": [{ "name": "inverted" }, { "name": "innerHTML" }],
|
|
17
|
-
"events": []
|
|
18
|
-
}
|
|
15
|
+
"js": { "properties": [{ "name": "inverted" }], "events": [] }
|
|
19
16
|
},
|
|
20
17
|
{
|
|
21
18
|
"name": "px-ag-grid-table-th-button",
|
|
@@ -36,8 +33,7 @@
|
|
|
36
33
|
{ "name": "$columnHeader" },
|
|
37
34
|
{ "name": "inverted" },
|
|
38
35
|
{ "name": "sorting" },
|
|
39
|
-
{ "name": "columnHeaderLabel" }
|
|
40
|
-
{ "name": "innerHTML" }
|
|
36
|
+
{ "name": "columnHeaderLabel" }
|
|
41
37
|
],
|
|
42
38
|
"events": [{ "name": "CLICK_EVENT", "type": "CustomEvent" }]
|
|
43
39
|
}
|
|
@@ -48,10 +44,7 @@
|
|
|
48
44
|
"doc-url": "",
|
|
49
45
|
"attributes": [{ "name": "inverted", "value": { "type": "string" } }],
|
|
50
46
|
"events": [],
|
|
51
|
-
"js": {
|
|
52
|
-
"properties": [{ "name": "inverted" }, { "name": "innerHTML" }],
|
|
53
|
-
"events": []
|
|
54
|
-
}
|
|
47
|
+
"js": { "properties": [{ "name": "inverted" }], "events": [] }
|
|
55
48
|
}
|
|
56
49
|
]
|
|
57
50
|
},
|