xv-webcomponents 2.0.0-beta.2 → 2.0.0-beta.28
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/README.md +3 -2
- package/dist/angular/index.d.ts +1 -1
- package/dist/angular/index.js +3 -4
- package/dist/angular/proxies.d.ts +60 -34
- package/dist/angular/proxies.js +51 -67
- package/dist/angular/web-components.module.d.ts +1 -1
- package/dist/angular/web-components.module.js +10 -13
- package/dist/cjs/{index-Cfa6bBQW.js → index-DaTpiyaU.js} +1 -1
- package/dist/cjs/{index-Cixkr3sz.js → index-Dwhgrew8.js} +15 -10
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{xv-accordion-v2_50.cjs.entry.js → xv-accordion-v2_49.cjs.entry.js} +1529 -147
- package/dist/cjs/xv-header-next.cjs.entry.js +2 -2
- package/dist/cjs/xv-mega-menu-next.cjs.entry.js +2 -2
- package/dist/cjs/xv-webcomponents.cjs.js +3 -3
- package/dist/collection/collection-manifest.json +1 -2
- package/dist/collection/components/xv-overflow-menu/xv-overflow-menu.js +9 -8
- package/dist/collection/components/xv-table/xv-table-cell/xv-table-cell.css +129 -61
- package/dist/collection/components/xv-table/xv-table-cell/xv-table-cell.js +277 -78
- package/dist/collection/components/xv-table/xv-table-row/xv-table-row.css +138 -24
- package/dist/collection/components/xv-table/xv-table-row/xv-table-row.js +334 -168
- package/dist/collection/components/xv-table/xv-table.css +240 -99
- package/dist/collection/components/xv-table/xv-table.js +2056 -63
- package/dist/collection/components/xv-table/xv-table.model.js +10 -0
- package/dist/collection/components/xv-table/xv-table.utils.js +243 -0
- package/dist/collection/components/xv-tabs/xv-tab/xv-tab.js +1 -1
- package/dist/collection/components/xv-tag/xv-tag.js +1 -1
- package/dist/collection/components/xv-tag-combobox/xv-tag-combobox.js +2 -2
- package/dist/collection/components/xv-text-input/xv-text-input.js +2 -2
- package/dist/collection/components/xv-textarea/xv-textarea.js +2 -2
- package/dist/collection/components/xv-tile/xv-tile.js +2 -2
- package/dist/collection/components/xv-toggle/xv-toggle.js +1 -1
- package/dist/collection/components/xv-toggle-tip/xv-toggle-tip.js +1 -1
- package/dist/collection/components/xv-tooltip/xv-tooltip.js +2 -2
- package/dist/collection/utils/table-layout.js +130 -0
- package/dist/components/index.js +1 -1
- package/dist/components/p-B0kwaJ8n.js +1 -0
- package/dist/components/{p-CbVZCn2p.js → p-BEoh0dZI.js} +1 -1
- package/dist/components/{p-ZYJfCCwX.js → p-BaZ-srfu.js} +1 -1
- package/dist/components/{p-DyGMZIub.js → p-Bej2l-wN.js} +1 -1
- package/dist/components/{p-Ddx5DwV5.js → p-BfhvpeQh.js} +1 -1
- package/dist/components/{p-kQVUwJXZ.js → p-CSYnNMKb.js} +1 -1
- package/dist/components/{p-BNP2Lw34.js → p-CspyoLL9.js} +1 -1
- package/dist/components/p-CvgDDcjp.js +1 -0
- package/dist/components/{p-COoj5JkZ.js → p-D4FwGeDJ.js} +1 -1
- package/dist/components/p-DCvH_Br_.js +1 -0
- package/dist/components/{p-CEjlxnKY.js → p-DFe9Mtw_.js} +1 -1
- package/dist/components/{p-BRZwUlfE.js → p-DFtMwE-h.js} +1 -1
- package/dist/components/p-DIvi4fI3.js +1 -0
- package/dist/components/{p-DTwz9Fsh.js → p-DNRISLNf.js} +1 -1
- package/dist/components/p-DPnvoOYj.js +1 -0
- package/dist/components/{p-Dzz9jxLm.js → p-Dwbe941A.js} +1 -1
- package/dist/components/{p-CMAJWZsP.js → p-JClekcEh.js} +1 -1
- package/dist/components/{p-DtUNYh73.js → p-NoM9oIJn.js} +1 -1
- package/dist/components/{p-DlLBjhuH.js → p-XEk4dHG3.js} +1 -1
- package/dist/components/p-i7_81si-.js +1 -0
- package/dist/components/{p-BRYrLHiz.js → p-i82EFiq6.js} +1 -1
- package/dist/components/{p-BXB4D7j4.js → p-jD7nSJaM.js} +1 -1
- package/dist/components/xv-accordion-v2-item.js +1 -1
- package/dist/components/xv-accordion-v2.js +1 -1
- package/dist/components/xv-breadcrumbs-v2.js +1 -1
- package/dist/components/xv-button-group-v2.js +1 -1
- package/dist/components/xv-button-v2.js +1 -1
- package/dist/components/xv-card-v2.js +1 -1
- package/dist/components/xv-checkbox-v2.js +1 -1
- package/dist/components/xv-content-switcher-item-v2.js +1 -1
- package/dist/components/xv-content-switcher-v2.js +1 -1
- package/dist/components/xv-data-table-cell.js +1 -1
- package/dist/components/xv-data-table-collapse.js +1 -1
- package/dist/components/xv-data-table-row.js +1 -1
- package/dist/components/xv-data-table.js +2 -2
- package/dist/components/xv-date-picker.js +1 -1
- package/dist/components/xv-datepicker.js +1 -1
- package/dist/components/xv-dropdown-v2-item.js +1 -1
- package/dist/components/xv-dropdown-v2.js +1 -1
- package/dist/components/xv-file-uploader.js +1 -1
- package/dist/components/xv-footer.js +1 -1
- package/dist/components/xv-geo-map-v2.js +1 -1
- package/dist/components/xv-header-next.js +1 -1
- package/dist/components/xv-header.js +1 -1
- package/dist/components/xv-image-viewer.js +1 -1
- package/dist/components/xv-link-v2.js +1 -1
- package/dist/components/xv-loader-v2.js +1 -1
- package/dist/components/xv-login-modal.js +1 -1
- package/dist/components/xv-mega-menu-next.js +1 -1
- package/dist/components/xv-mega-menu.js +1 -1
- package/dist/components/xv-modal-v2.js +1 -1
- package/dist/components/xv-notification-v2.js +1 -1
- package/dist/components/xv-number-input-v2.js +1 -1
- package/dist/components/xv-overflow-menu-v2-item.js +1 -1
- package/dist/components/xv-overflow-menu-v2.js +1 -1
- package/dist/components/xv-pagination.js +1 -1
- package/dist/components/xv-progress-indicator-v2-item.js +1 -1
- package/dist/components/xv-progress-indicator-v2.js +1 -1
- package/dist/components/xv-radio-v2.js +1 -1
- package/dist/components/xv-slider-v2.js +1 -1
- package/dist/components/xv-tab-v2.js +1 -1
- package/dist/components/{xv-table-v2-row.d.ts → xv-table-cell.d.ts} +4 -4
- package/dist/components/xv-table-cell.js +1 -0
- package/dist/components/{xv-table-v2-cell.d.ts → xv-table-row.d.ts} +4 -4
- package/dist/components/xv-table-row.js +1 -0
- package/dist/components/{xv-table-v2.d.ts → xv-table.d.ts} +4 -4
- package/dist/components/xv-table.js +1 -0
- package/dist/components/xv-tabs-v2.js +1 -1
- package/dist/components/xv-tag-combobox.js +1 -1
- package/dist/components/xv-tag-v2.js +1 -1
- package/dist/components/xv-text-input-v2.js +1 -1
- package/dist/components/xv-textarea.js +1 -1
- package/dist/components/xv-tile.js +1 -1
- package/dist/components/xv-toggle-tip.js +1 -1
- package/dist/components/xv-toggle.js +1 -1
- package/dist/components/xv-tooltip-v2.js +1 -1
- package/dist/custom-elements.json +1765 -294
- package/dist/docs.json +2749 -443
- package/dist/esm/{index-B6cY-_U1.js → index-ClusqSO5.js} +1 -1
- package/dist/esm/{index-Bu8SrOeR.js → index-DJC3-dS3.js} +15 -10
- package/dist/esm/index.js +2 -2
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{xv-accordion-v2_50.entry.js → xv-accordion-v2_49.entry.js} +1527 -144
- package/dist/esm/xv-header-next.entry.js +2 -2
- package/dist/esm/xv-mega-menu-next.entry.js +2 -2
- package/dist/esm/xv-webcomponents.js +4 -4
- package/dist/react/components.d.ts +3 -4
- package/dist/react/components.js +3 -4
- package/dist/react/{xv-table-v2-expand.d.ts → xv-table-cell.d.ts} +3 -3
- package/dist/react/xv-table-cell.js +14 -0
- package/dist/react/{xv-table-v2.d.ts → xv-table-row.d.ts} +3 -3
- package/dist/react/{xv-table-v2.js → xv-table-row.js} +5 -5
- package/dist/react/xv-table.d.ts +18 -0
- package/dist/react/xv-table.js +22 -0
- package/dist/types/components/xv-table/xv-table-cell/xv-table-cell.d.ts +43 -8
- package/dist/types/components/xv-table/xv-table-row/xv-table-row.d.ts +57 -18
- package/dist/types/components/xv-table/xv-table.d.ts +298 -9
- package/dist/types/components/xv-table/xv-table.model.d.ts +78 -0
- package/dist/types/components/xv-table/xv-table.utils.d.ts +47 -0
- package/dist/types/components.d.ts +899 -118
- package/dist/types/stencil-public-runtime.d.ts +61 -55
- package/dist/types/utils/table-layout.d.ts +7 -0
- package/dist/vscode-data.json +347 -56
- package/dist/xv-webcomponents/index.esm.js +1 -1
- package/dist/xv-webcomponents/{p-1ffb0b4f.entry.js → p-0c30d09f.entry.js} +1 -1
- package/dist/xv-webcomponents/{p-eb9d7750.entry.js → p-6b58979e.entry.js} +2 -2
- package/dist/xv-webcomponents/{p-Bu8SrOeR.js → p-DJC3-dS3.js} +2 -2
- package/dist/xv-webcomponents/{p-DB4KqDJz.js → p-DSFVdw3w.js} +1 -1
- package/dist/xv-webcomponents/{p-d4d26ff2.entry.js → p-c4173686.entry.js} +1 -1
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/package.json +139 -139
- package/dist/collection/components/xv-table/_vars.js +0 -2
- package/dist/collection/components/xv-table/xv-table-expand/xv-table-expand.css +0 -58
- package/dist/collection/components/xv-table/xv-table-expand/xv-table-expand.js +0 -75
- package/dist/components/p-CHtssNO9.js +0 -1
- package/dist/components/p-CILNPUHH.js +0 -1
- package/dist/components/p-DVZ2BlIP.js +0 -1
- package/dist/components/p-bdaoJ1tx.js +0 -1
- package/dist/components/xv-table-v2-cell.js +0 -1
- package/dist/components/xv-table-v2-expand.d.ts +0 -11
- package/dist/components/xv-table-v2-expand.js +0 -1
- package/dist/components/xv-table-v2-row.js +0 -1
- package/dist/components/xv-table-v2.js +0 -1
- package/dist/react/xv-table-v2-cell.d.ts +0 -12
- package/dist/react/xv-table-v2-cell.js +0 -14
- package/dist/react/xv-table-v2-expand.js +0 -14
- package/dist/react/xv-table-v2-row.d.ts +0 -13
- package/dist/react/xv-table-v2-row.js +0 -17
- package/dist/types/components/xv-table/_vars.d.ts +0 -15
- package/dist/types/components/xv-table/xv-table-expand/xv-table-expand.d.ts +0 -8
package/package.json
CHANGED
|
@@ -1,139 +1,139 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "xv-webcomponents",
|
|
3
|
-
"version": "2.0.0-beta.
|
|
4
|
-
"description": "Reusable Web Components for XV Applications",
|
|
5
|
-
"main": "dist/index.cjs.js",
|
|
6
|
-
"module": "dist/index.js",
|
|
7
|
-
"types": "dist/types/index.d.ts",
|
|
8
|
-
"collection": "dist/collection/collection-manifest.json",
|
|
9
|
-
"collection:main": "dist/collection/index.js",
|
|
10
|
-
"unpkg": "dist/xv-webcomponents/xv-webcomponents.esm.js",
|
|
11
|
-
"sideEffects": [
|
|
12
|
-
"**/*.css",
|
|
13
|
-
"**/*.scss",
|
|
14
|
-
"./dist/components/**",
|
|
15
|
-
"./loader/**"
|
|
16
|
-
],
|
|
17
|
-
"exports": {
|
|
18
|
-
".": {
|
|
19
|
-
"types": "./dist/types/index.d.ts",
|
|
20
|
-
"import": "./dist/index.js",
|
|
21
|
-
"require": "./dist/index.cjs.js"
|
|
22
|
-
},
|
|
23
|
-
"./loader": {
|
|
24
|
-
"types": "./loader/index.d.ts",
|
|
25
|
-
"import": "./loader/index.js",
|
|
26
|
-
"require": "./loader/index.cjs.js"
|
|
27
|
-
},
|
|
28
|
-
"./components": {
|
|
29
|
-
"types": "./dist/components/index.d.ts",
|
|
30
|
-
"import": "./dist/components/index.js"
|
|
31
|
-
},
|
|
32
|
-
"./components/*": {
|
|
33
|
-
"types": "./dist/components/*.d.ts",
|
|
34
|
-
"import": "./dist/components/*.js"
|
|
35
|
-
},
|
|
36
|
-
"./components/*.js": {
|
|
37
|
-
"types": "./dist/components/*.d.ts",
|
|
38
|
-
"import": "./dist/components/*.js"
|
|
39
|
-
},
|
|
40
|
-
"./react": {
|
|
41
|
-
"types": "./dist/react/components.d.ts",
|
|
42
|
-
"import": "./dist/react/components.js"
|
|
43
|
-
},
|
|
44
|
-
"./angular": {
|
|
45
|
-
"types": "./dist/angular/index.d.ts",
|
|
46
|
-
"import": "./dist/angular/index.js"
|
|
47
|
-
},
|
|
48
|
-
"./angular/*": "./dist/angular/*",
|
|
49
|
-
"./docs.json": "./dist/docs.json",
|
|
50
|
-
"./vscode-data.json": "./dist/vscode-data.json",
|
|
51
|
-
"./css": "./dist/xv-webcomponents/xv-webcomponents.css",
|
|
52
|
-
"./dist/*": "./dist/*",
|
|
53
|
-
"./loader/*": "./loader/*",
|
|
54
|
-
"./package.json": "./package.json"
|
|
55
|
-
},
|
|
56
|
-
"peerDependencies": {
|
|
57
|
-
"@angular/common": ">=21",
|
|
58
|
-
"@angular/core": ">=21",
|
|
59
|
-
"@angular/forms": ">=21",
|
|
60
|
-
"react": ">=18",
|
|
61
|
-
"rxjs": ">=7"
|
|
62
|
-
},
|
|
63
|
-
"peerDependenciesMeta": {
|
|
64
|
-
"@angular/common": {
|
|
65
|
-
"optional": true
|
|
66
|
-
},
|
|
67
|
-
"@angular/core": {
|
|
68
|
-
"optional": true
|
|
69
|
-
},
|
|
70
|
-
"@angular/forms": {
|
|
71
|
-
"optional": true
|
|
72
|
-
},
|
|
73
|
-
"react": {
|
|
74
|
-
"optional": true
|
|
75
|
-
},
|
|
76
|
-
"rxjs": {
|
|
77
|
-
"optional": true
|
|
78
|
-
}
|
|
79
|
-
},
|
|
80
|
-
"repository": {
|
|
81
|
-
"type": "git",
|
|
82
|
-
"url": "git+https://github.com/crossvertise/XV-WebComponents.git"
|
|
83
|
-
},
|
|
84
|
-
"engines": {
|
|
85
|
-
"node": ">=22"
|
|
86
|
-
},
|
|
87
|
-
"files": [
|
|
88
|
-
"dist/",
|
|
89
|
-
"loader/"
|
|
90
|
-
],
|
|
91
|
-
"scripts": {
|
|
92
|
-
"tags": "node scripts/apply-tag-config.js",
|
|
93
|
-
"prebuild": "node scripts/build-wrappers.js --clean && npm run tags",
|
|
94
|
-
"build": "stencil build",
|
|
95
|
-
"postbuild": "node scripts/build-wrappers.js",
|
|
96
|
-
"prestart": "npm run tags",
|
|
97
|
-
"start": "stencil build --dev --watch --serve",
|
|
98
|
-
"pretest": "npm run tags",
|
|
99
|
-
"test": "stencil test --spec --e2e",
|
|
100
|
-
"test.watch": "stencil test --spec --e2e --watchAll",
|
|
101
|
-
"generate": "stencil generate"
|
|
102
|
-
},
|
|
103
|
-
"devDependencies": {
|
|
104
|
-
"@angular/common": "^21.2.22",
|
|
105
|
-
"@angular/compiler": "^21.2.22",
|
|
106
|
-
"@angular/compiler-cli": "^21.2.22",
|
|
107
|
-
"@angular/core": "^21.2.22",
|
|
108
|
-
"@angular/forms": "^21.2.22",
|
|
109
|
-
"@fortawesome/fontawesome-pro": "5.15.4",
|
|
110
|
-
"@popperjs/core": "^2.11.8",
|
|
111
|
-
"@stencil/angular-output-target": "^1.4.1",
|
|
112
|
-
"@stencil/core": "^4.
|
|
113
|
-
"@stencil/react-output-target": "^1.6.2",
|
|
114
|
-
"@stencil/sass": "^3.3.3",
|
|
115
|
-
"@types/jest": "^29.5.6",
|
|
116
|
-
"@types/node": "^22.20.1",
|
|
117
|
-
"@types/react": "^18.3.31",
|
|
118
|
-
"@types/sortablejs": "^1.15.9",
|
|
119
|
-
"date-fns": "^4.4.0",
|
|
120
|
-
"esbuild": "^0.28.2",
|
|
121
|
-
"jest": "^29.7.0",
|
|
122
|
-
"jest-cli": "^29.7.0",
|
|
123
|
-
"maplibre-gl": "^6.9.0",
|
|
124
|
-
"puppeteer": "^
|
|
125
|
-
"react": "^18.3.1",
|
|
126
|
-
"rxjs": "^7.8.2",
|
|
127
|
-
"sortablejs": "^1.15.7",
|
|
128
|
-
"typescript": "^5.9.3",
|
|
129
|
-
"zone.js": "^0.15.1"
|
|
130
|
-
},
|
|
131
|
-
"license": "MIT",
|
|
132
|
-
"publishConfig": {
|
|
133
|
-
"access": "public",
|
|
134
|
-
"tag": "beta"
|
|
135
|
-
},
|
|
136
|
-
"dependencies": {
|
|
137
|
-
"@lit/react": "^1.0.8"
|
|
138
|
-
}
|
|
139
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "xv-webcomponents",
|
|
3
|
+
"version": "2.0.0-beta.28",
|
|
4
|
+
"description": "Reusable Web Components for XV Applications",
|
|
5
|
+
"main": "dist/index.cjs.js",
|
|
6
|
+
"module": "dist/index.js",
|
|
7
|
+
"types": "dist/types/index.d.ts",
|
|
8
|
+
"collection": "dist/collection/collection-manifest.json",
|
|
9
|
+
"collection:main": "dist/collection/index.js",
|
|
10
|
+
"unpkg": "dist/xv-webcomponents/xv-webcomponents.esm.js",
|
|
11
|
+
"sideEffects": [
|
|
12
|
+
"**/*.css",
|
|
13
|
+
"**/*.scss",
|
|
14
|
+
"./dist/components/**",
|
|
15
|
+
"./loader/**"
|
|
16
|
+
],
|
|
17
|
+
"exports": {
|
|
18
|
+
".": {
|
|
19
|
+
"types": "./dist/types/index.d.ts",
|
|
20
|
+
"import": "./dist/index.js",
|
|
21
|
+
"require": "./dist/index.cjs.js"
|
|
22
|
+
},
|
|
23
|
+
"./loader": {
|
|
24
|
+
"types": "./loader/index.d.ts",
|
|
25
|
+
"import": "./loader/index.js",
|
|
26
|
+
"require": "./loader/index.cjs.js"
|
|
27
|
+
},
|
|
28
|
+
"./components": {
|
|
29
|
+
"types": "./dist/components/index.d.ts",
|
|
30
|
+
"import": "./dist/components/index.js"
|
|
31
|
+
},
|
|
32
|
+
"./components/*": {
|
|
33
|
+
"types": "./dist/components/*.d.ts",
|
|
34
|
+
"import": "./dist/components/*.js"
|
|
35
|
+
},
|
|
36
|
+
"./components/*.js": {
|
|
37
|
+
"types": "./dist/components/*.d.ts",
|
|
38
|
+
"import": "./dist/components/*.js"
|
|
39
|
+
},
|
|
40
|
+
"./react": {
|
|
41
|
+
"types": "./dist/react/components.d.ts",
|
|
42
|
+
"import": "./dist/react/components.js"
|
|
43
|
+
},
|
|
44
|
+
"./angular": {
|
|
45
|
+
"types": "./dist/angular/index.d.ts",
|
|
46
|
+
"import": "./dist/angular/index.js"
|
|
47
|
+
},
|
|
48
|
+
"./angular/*": "./dist/angular/*",
|
|
49
|
+
"./docs.json": "./dist/docs.json",
|
|
50
|
+
"./vscode-data.json": "./dist/vscode-data.json",
|
|
51
|
+
"./css": "./dist/xv-webcomponents/xv-webcomponents.css",
|
|
52
|
+
"./dist/*": "./dist/*",
|
|
53
|
+
"./loader/*": "./loader/*",
|
|
54
|
+
"./package.json": "./package.json"
|
|
55
|
+
},
|
|
56
|
+
"peerDependencies": {
|
|
57
|
+
"@angular/common": ">=21",
|
|
58
|
+
"@angular/core": ">=21",
|
|
59
|
+
"@angular/forms": ">=21",
|
|
60
|
+
"react": ">=18",
|
|
61
|
+
"rxjs": ">=7"
|
|
62
|
+
},
|
|
63
|
+
"peerDependenciesMeta": {
|
|
64
|
+
"@angular/common": {
|
|
65
|
+
"optional": true
|
|
66
|
+
},
|
|
67
|
+
"@angular/core": {
|
|
68
|
+
"optional": true
|
|
69
|
+
},
|
|
70
|
+
"@angular/forms": {
|
|
71
|
+
"optional": true
|
|
72
|
+
},
|
|
73
|
+
"react": {
|
|
74
|
+
"optional": true
|
|
75
|
+
},
|
|
76
|
+
"rxjs": {
|
|
77
|
+
"optional": true
|
|
78
|
+
}
|
|
79
|
+
},
|
|
80
|
+
"repository": {
|
|
81
|
+
"type": "git",
|
|
82
|
+
"url": "git+https://github.com/crossvertise/XV-WebComponents.git"
|
|
83
|
+
},
|
|
84
|
+
"engines": {
|
|
85
|
+
"node": ">=22"
|
|
86
|
+
},
|
|
87
|
+
"files": [
|
|
88
|
+
"dist/",
|
|
89
|
+
"loader/"
|
|
90
|
+
],
|
|
91
|
+
"scripts": {
|
|
92
|
+
"tags": "node scripts/apply-tag-config.js",
|
|
93
|
+
"prebuild": "node scripts/build-wrappers.js --clean && npm run tags",
|
|
94
|
+
"build": "stencil build",
|
|
95
|
+
"postbuild": "node scripts/build-wrappers.js",
|
|
96
|
+
"prestart": "npm run tags",
|
|
97
|
+
"start": "stencil build --dev --watch --serve",
|
|
98
|
+
"pretest": "npm run tags",
|
|
99
|
+
"test": "stencil test --spec --e2e",
|
|
100
|
+
"test.watch": "stencil test --spec --e2e --watchAll",
|
|
101
|
+
"generate": "stencil generate"
|
|
102
|
+
},
|
|
103
|
+
"devDependencies": {
|
|
104
|
+
"@angular/common": "^21.2.22",
|
|
105
|
+
"@angular/compiler": "^21.2.22",
|
|
106
|
+
"@angular/compiler-cli": "^21.2.22",
|
|
107
|
+
"@angular/core": "^21.2.22",
|
|
108
|
+
"@angular/forms": "^21.2.22",
|
|
109
|
+
"@fortawesome/fontawesome-pro": "5.15.4",
|
|
110
|
+
"@popperjs/core": "^2.11.8",
|
|
111
|
+
"@stencil/angular-output-target": "^1.4.1",
|
|
112
|
+
"@stencil/core": "^4.45.0",
|
|
113
|
+
"@stencil/react-output-target": "^1.6.2",
|
|
114
|
+
"@stencil/sass": "^3.3.3",
|
|
115
|
+
"@types/jest": "^29.5.6",
|
|
116
|
+
"@types/node": "^22.20.1",
|
|
117
|
+
"@types/react": "^18.3.31",
|
|
118
|
+
"@types/sortablejs": "^1.15.9",
|
|
119
|
+
"date-fns": "^4.4.0",
|
|
120
|
+
"esbuild": "^0.28.2",
|
|
121
|
+
"jest": "^29.7.0",
|
|
122
|
+
"jest-cli": "^29.7.0",
|
|
123
|
+
"maplibre-gl": "^6.9.0",
|
|
124
|
+
"puppeteer": "^25.11.0",
|
|
125
|
+
"react": "^18.3.1",
|
|
126
|
+
"rxjs": "^7.8.2",
|
|
127
|
+
"sortablejs": "^1.15.7",
|
|
128
|
+
"typescript": "^5.9.3",
|
|
129
|
+
"zone.js": "^0.15.1"
|
|
130
|
+
},
|
|
131
|
+
"license": "MIT",
|
|
132
|
+
"publishConfig": {
|
|
133
|
+
"access": "public",
|
|
134
|
+
"tag": "beta"
|
|
135
|
+
},
|
|
136
|
+
"dependencies": {
|
|
137
|
+
"@lit/react": "^1.0.8"
|
|
138
|
+
}
|
|
139
|
+
}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
:host {
|
|
2
|
-
display: block;
|
|
3
|
-
position: relative;
|
|
4
|
-
transition: 0.25s ease-in-out background-color;
|
|
5
|
-
}
|
|
6
|
-
:host .expand-btn {
|
|
7
|
-
z-index: 9;
|
|
8
|
-
position: absolute;
|
|
9
|
-
left: max(10px, var(--xv-table-padding-x));
|
|
10
|
-
top: max(2px, var(--xv-table-padding-y) + 2px);
|
|
11
|
-
background-color: transparent;
|
|
12
|
-
cursor: pointer;
|
|
13
|
-
outline: none;
|
|
14
|
-
margin: 0;
|
|
15
|
-
padding: 0;
|
|
16
|
-
box-sizing: border-box;
|
|
17
|
-
display: block;
|
|
18
|
-
width: 8.5px;
|
|
19
|
-
height: 8.5px;
|
|
20
|
-
border-top: none;
|
|
21
|
-
border-left: none;
|
|
22
|
-
border-right: 2px solid var(--icon-primary, #333);
|
|
23
|
-
border-bottom: 2px solid var(--icon-primary, #333);
|
|
24
|
-
transform: rotate(45deg);
|
|
25
|
-
transform-origin: center center;
|
|
26
|
-
transition: 0.2s ease-in-out transform;
|
|
27
|
-
}
|
|
28
|
-
:host .expand-btn:disabled {
|
|
29
|
-
cursor: not-allowed;
|
|
30
|
-
opacity: 0.5;
|
|
31
|
-
}
|
|
32
|
-
:host .expand-btn.open {
|
|
33
|
-
transform: rotate(-135deg);
|
|
34
|
-
}
|
|
35
|
-
:host .expandableContent {
|
|
36
|
-
overflow: hidden;
|
|
37
|
-
margin: 0;
|
|
38
|
-
padding: 0;
|
|
39
|
-
max-height: 0;
|
|
40
|
-
transition: 250ms ease max-height;
|
|
41
|
-
}
|
|
42
|
-
:host .expandableContent.open {
|
|
43
|
-
max-height: 600px;
|
|
44
|
-
}
|
|
45
|
-
:host ::slotted([slot=expandable]) {
|
|
46
|
-
display: grid;
|
|
47
|
-
align-items: center;
|
|
48
|
-
}
|
|
49
|
-
:host ::slotted(xv-table-v2-row),
|
|
50
|
-
:host ::slotted([slot=expandable]) {
|
|
51
|
-
padding-inline-start: calc(max(10px, var(--xv-table-padding-x)) * 2 + 10px);
|
|
52
|
-
}
|
|
53
|
-
:host ::slotted([disabled]) {
|
|
54
|
-
pointer-events: none;
|
|
55
|
-
opacity: 0.4;
|
|
56
|
-
cursor: not-allowed;
|
|
57
|
-
user-select: none;
|
|
58
|
-
}
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import { Host, h } from "@stencil/core";
|
|
2
|
-
import { XV_EXPANDABLE_KEY } from "../_vars";
|
|
3
|
-
import { setAttr } from "../../../utils/utils";
|
|
4
|
-
export class XvTableExpand {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.open = false;
|
|
7
|
-
this.disabled = false;
|
|
8
|
-
this.handleExpand = () => {
|
|
9
|
-
this.open = !this.open;
|
|
10
|
-
};
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
return (h(Host, { key: '8fe9adf5fd39b640b89bddf303fcc4fb97f03cbd' }, h("button", { key: '1df684103a777e3a54ac94fa8f3c570d4ecbbe41', class: { 'expand-btn': true, open: this.open }, disabled: this.disabled, onClick: this.handleExpand }), h("slot", { key: 'e092ff357605223aa974a8f5061c7a0667c3917f', name: XV_EXPANDABLE_KEY }), h("div", { key: 'e4313af9e98ac24f25c5fc9c8250aff052f7c19b', class: { expandableContent: true, open: this.open } }, h("slot", { key: 'f5cb16c98a69917b6679eb620b2bfc1856a48501' }))));
|
|
14
|
-
}
|
|
15
|
-
componentDidLoad() {
|
|
16
|
-
setAttr(this.el.parentElement, XV_EXPANDABLE_KEY, true);
|
|
17
|
-
}
|
|
18
|
-
static get is() { return "xv-table-v2-expand"; }
|
|
19
|
-
static get encapsulation() { return "shadow"; }
|
|
20
|
-
static get originalStyleUrls() {
|
|
21
|
-
return {
|
|
22
|
-
"$": ["xv-table-expand.scss"]
|
|
23
|
-
};
|
|
24
|
-
}
|
|
25
|
-
static get styleUrls() {
|
|
26
|
-
return {
|
|
27
|
-
"$": ["xv-table-expand.css"]
|
|
28
|
-
};
|
|
29
|
-
}
|
|
30
|
-
static get properties() {
|
|
31
|
-
return {
|
|
32
|
-
"open": {
|
|
33
|
-
"type": "boolean",
|
|
34
|
-
"mutable": true,
|
|
35
|
-
"complexType": {
|
|
36
|
-
"original": "boolean",
|
|
37
|
-
"resolved": "boolean",
|
|
38
|
-
"references": {}
|
|
39
|
-
},
|
|
40
|
-
"required": false,
|
|
41
|
-
"optional": false,
|
|
42
|
-
"docs": {
|
|
43
|
-
"tags": [],
|
|
44
|
-
"text": ""
|
|
45
|
-
},
|
|
46
|
-
"getter": false,
|
|
47
|
-
"setter": false,
|
|
48
|
-
"reflect": true,
|
|
49
|
-
"attribute": "open",
|
|
50
|
-
"defaultValue": "false"
|
|
51
|
-
},
|
|
52
|
-
"disabled": {
|
|
53
|
-
"type": "boolean",
|
|
54
|
-
"mutable": false,
|
|
55
|
-
"complexType": {
|
|
56
|
-
"original": "boolean",
|
|
57
|
-
"resolved": "boolean",
|
|
58
|
-
"references": {}
|
|
59
|
-
},
|
|
60
|
-
"required": false,
|
|
61
|
-
"optional": false,
|
|
62
|
-
"docs": {
|
|
63
|
-
"tags": [],
|
|
64
|
-
"text": ""
|
|
65
|
-
},
|
|
66
|
-
"getter": false,
|
|
67
|
-
"setter": false,
|
|
68
|
-
"reflect": true,
|
|
69
|
-
"attribute": "disabled",
|
|
70
|
-
"defaultValue": "false"
|
|
71
|
-
}
|
|
72
|
-
};
|
|
73
|
-
}
|
|
74
|
-
static get elementRef() { return "el"; }
|
|
75
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{p as t,H as i,c as s,h as e,a as o,t as n}from"./p-BNP2Lw34.js";import{S as r}from"./p-HjYAjHna.js";import{O as h}from"./p-e0i0f6QA.js";import{d as a}from"./p-BRZwUlfE.js";import{c as l}from"./p-BfP9ezJQ.js";let c=0;const d=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.selectItem=s(this,"selectItem",7),this.openChange=s(this,"openChange",3),this.open=!1,this.disabled=!1,this.position="left",this.size=r.MD,this.anchorEl=null,this.menuId="xv-overflow-menu-"+c++,this.activeItem=null,this.optIdSeq=0,this.openViaKeyboard=!1,this.openEdge="first",this.removeListeners=()=>{this.el.removeEventListener("itemClick",this.handleSelectItem),document.removeEventListener("click",this.handleClickOutside,{capture:!0})},this.handleClickOutside=t=>{var i,s,e;if(!this.open)return;const o=t.target;this.el.contains(o)||(null===(i=this.triggerButtonEl)||void 0===i?void 0:i.contains(o))||(null===(s=this.listEl)||void 0===s?void 0:s.contains(o))||(null===(e=this.anchorEl)||void 0===e?void 0:e.contains(o))||(this.open=!1)},this.onOpenToggle=()=>{this.openViaKeyboard=!1,this.open=!this.open},this.handleSelectItem=({detail:t})=>{this.selectItem.emit(t),this.open=!1},this.anchorClickHandler=t=>{this.disabled||(t.preventDefault(),this.openViaKeyboard=!1,this.open=!this.open)},this.getNavigableItems=()=>Array.from(this.el.querySelectorAll(h)).filter((t=>!t.hasAttribute("disabled")&&!t.hasAttribute("hidden")&&"ghost"!==t.getAttribute("variant"))),this.moveActive=t=>{const i=this.getNavigableItems();if(!i.length)return;let s=(this.activeItem?i.indexOf(this.activeItem):-1)+t;s<0?s=i.length-1:s>=i.length&&(s=0),this.setActiveItem(i[s])},this.setActiveByEdge=t=>{const i=this.getNavigableItems();i.length&&this.setActiveItem("first"===t?i[0]:i[i.length-1])},this.setActiveItem=(t,i=!0)=>{var s;this.activeItem!==t&&(null===(s=this.activeItem)||void 0===s||s.removeAttribute("active"),this.activeItem=t,t?(t.id||(t.id=`${this.menuId}-opt-${this.optIdSeq++}`),t.setAttribute("active",""),this.activeId=t.id,i&&t.scrollIntoView({block:"nearest"})):this.activeId=void 0)},this.initOpenState=()=>{var t;if(this.open){if(this.openViaKeyboard){const t=this.getNavigableItems();this.setActiveItem(("last"===this.openEdge?t[t.length-1]:t[0])||null,!1)}else this.setActiveItem(null);this.openViaKeyboard=!1,null===(t=this.listEl)||void 0===t||t.focus()}}}get isAnchorMode(){return null!=this.anchor&&""!==this.anchor}get effectivePosition(){return"start"===this.alignment?"left":"end"===this.alignment?"right":this.position}openChangeHandle(){this.syncOpenState(),this.openChange.emit(!!this.open)}anchorChangeHandle(){this.teardownAnchor(),this.setupAnchor()}async openMenu(){this.disabled||(this.open=!0)}async closeMenu(){this.open=!1}async toggleMenu(){this.disabled||(this.open=!this.open)}syncOpenState(){var t;this.disabled?this.open&&(this.open=!1):(this.open?(this.el.addEventListener("itemClick",this.handleSelectItem),document.addEventListener("click",this.handleClickOutside,{capture:!0}),requestAnimationFrame((()=>{this.isAnchorMode&&this.createPopper(),this.initOpenState()}))):(this.removeListeners(),this.destroyPopper(),this.setActiveItem(null)),null===(t=this.anchorEl)||void 0===t||t.setAttribute("aria-expanded",this.open?"true":"false"))}resolveAnchor(){return this.isAnchorMode?"string"==typeof this.anchor?document.querySelector(this.anchor):this.anchor:null}setupAnchor(){this.isAnchorMode&&(this.anchorEl=this.resolveAnchor(),this.anchorEl&&(this.anchorEl.addEventListener("click",this.anchorClickHandler),this.anchorEl.setAttribute("aria-haspopup","menu")))}teardownAnchor(){this.anchorEl&&(this.anchorEl.removeEventListener("click",this.anchorClickHandler),this.anchorEl.removeAttribute("aria-haspopup"),this.anchorEl.removeAttribute("aria-expanded"),this.anchorEl=null)}popperPlacement(){switch(this.effectivePosition){case"right":return"bottom-end";case"center":return"bottom";default:return"bottom-start"}}createPopper(){const t=this.resolveAnchor();t&&this.listEl&&(this.destroyPopper(),this.popperInstance=l(t,this.listEl,{strategy:"fixed",placement:this.popperPlacement(),modifiers:[{name:"offset",options:{offset:[0,4]}},{name:"flip",options:{fallbackPlacements:["top-start","top-end","top"]}},{name:"preventOverflow",options:{boundary:"viewport",padding:8}}]}))}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=void 0)}handleKeyDown(t){var i;if(!this.disabled)if(this.open)switch(t.key){case"ArrowDown":t.preventDefault(),this.moveActive(1);break;case"ArrowUp":t.preventDefault(),this.moveActive(-1);break;case"Home":t.preventDefault(),this.setActiveByEdge("first");break;case"End":t.preventDefault(),this.setActiveByEdge("last");break;case"Enter":case" ":case"Spacebar":t.preventDefault(),null===(i=this.activeItem)||void 0===i||i.click();break;case"Escape":t.preventDefault(),t.stopPropagation(),this.open=!1,this.restoreFocus();break;case"Tab":this.open=!1}else["ArrowDown","ArrowUp","Enter"," ","Spacebar"].includes(t.key)&&(t.preventDefault(),this.openViaKeyboard=!0,this.openEdge="ArrowUp"===t.key?"last":"first",this.open=!0)}restoreFocus(){var t,i;this.isAnchorMode?null===(t=this.anchorEl)||void 0===t||t.focus():null===(i=this.triggerButtonEl)||void 0===i||i.focus()}render(){const t=e("div",{class:{list:!0,open:this.open,[`position-${this.effectivePosition}`]:!this.isAnchorMode},role:"menu",tabindex:-1,"aria-orientation":"vertical","aria-activedescendant":this.activeId,ref:t=>this.listEl=t},e("slot",null));if(this.isAnchorMode)return e(o,{class:{"xv-overflow-menu":!0,anchored:!0},size:this.size},t);const i=e("button",{class:{btn:!0,open:this.open},onClick:this.onOpenToggle,disabled:this.disabled,"aria-haspopup":"menu","aria-expanded":this.open?"true":"false",ref:t=>this.triggerButtonEl=t},e("slot",{name:"trigger"},e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 128 512"},e("path",{d:"M64 368a48 48 0 1 0 0 96 48 48 0 1 0 0-96zm0-160a48 48 0 1 0 0 96 48 48 0 1 0 0-96zM112 96A48 48 0 1 0 16 96a48 48 0 1 0 96 0z"}))));return e(o,{class:"xv-overflow-menu",size:this.size},this.tooltip?e("xv-tooltip-v2",{message:this.tooltip},i):i,t)}connectedCallback(){this.setupAnchor()}componentDidLoad(){this.setupAnchor(),this.syncOpenState()}disconnectedCallback(){this.removeListeners(),this.destroyPopper(),this.teardownAnchor()}get el(){return this}static get watchers(){return{open:[{openChangeHandle:0}],anchor:[{anchorChangeHandle:0}]}}static get style(){return":host{--overflow-menu-size:40px;--overflow-menu-item-padding:11px 16px;display:inline-flex;flex-direction:column;position:relative}:host .btn{display:inline-flex;align-items:center;justify-content:center;width:var(--overflow-menu-size);height:var(--overflow-menu-size);background-color:transparent;border:1px solid transparent;transition:300ms ease-in-out color, 300ms ease-in-out background-color, 200ms ease box-shadow;font-size:calc(var(--overflow-menu-size) / 2);color:var(--icon-primary);border-radius:5%;margin:0;padding:0}:host .btn:hover{cursor:pointer;color:var(--link-primary-hover);background-color:var(--background-hover)}:host .btn:active{background-color:var(--background-active);color:var(--icon-disabled)}:host .btn:focus-visible{outline:2px solid var(--focus, #273435);outline-offset:-2px}:host .btn:disabled{background-color:transparent;opacity:0.5;cursor:not-allowed}:host .list{z-index:99;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background-color:var(--layer-01);position:absolute;top:100%;left:0;max-height:0;overflow:hidden;outline:none;border-radius:3px;transition:200ms ease-in-out max-height, 100ms ease box-shadow;min-width:160px;max-width:50vw;width:max-content}:host .list.open{overflow:visible}:host .list ::slotted(xv-overflow-menu-v2-item){padding:var(--overflow-menu-item-padding)}:host .list.position-right{left:initial;right:0;border-top-right-radius:0}:host .list.position-left{border-top-left-radius:0}:host .list.position-center{transform:translateX(-50%)}:host([size=xs]){--overflow-menu-item-padding:4px 16px;--overflow-menu-size:24px}:host([size=sm]){--overflow-menu-size:32px;--overflow-menu-item-padding:7px 16px}:host([size=md]){--overflow-menu-size:40px;--overflow-menu-item-padding:11px 16px}:host([size=lg]){--overflow-menu-size:48px;--overflow-menu-item-padding:15px 16px}:host([size=xl]){--overflow-menu-size:56px;--overflow-menu-item-padding:16px}:host([open]) .btn{border-bottom-left-radius:0;border-bottom-right-radius:0;background-color:var(--layer-01);box-shadow:-2px 2px 2px 0 rgba(0, 0, 0, 0.1);z-index:1}:host([open]) .list{max-height:500px;box-shadow:-2px 2px 2px 0 rgba(0, 0, 0, 0.1)}:host(.anchored){display:contents}:host(.anchored) .list{position:fixed;top:0;left:0;max-height:none;overflow:visible}:host(.anchored) .list:not(.open){display:none}:host(.anchored) .list.open{box-shadow:0 2px 6px rgba(0, 0, 0, 0.3)}"}},[257,"xv-overflow-menu-v2",{open:[1540],disabled:[516],position:[1],alignment:[1],size:[1],tooltip:[1],anchor:[1],activeId:[32],openMenu:[64],closeMenu:[64],toggleMenu:[64]},[[0,"keydown","handleKeyDown"]],{open:[{openChangeHandle:0}],anchor:[{anchorChangeHandle:0}]}]);function p(){"undefined"!=typeof customElements&&["xv-overflow-menu-v2","xv-tooltip-v2"].forEach((t=>{switch(t){case"xv-overflow-menu-v2":customElements.get(n(t))||customElements.define(n(t),d);break;case"xv-tooltip-v2":customElements.get(n(t))||a()}}))}p();export{d as X,p as d}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{p as t,H as e,c as o,h as i,a as r,t as a}from"./p-BNP2Lw34.js";import{a as s}from"./p-e0i0f6QA.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.itemClick=o(this,"itemClick",7),this.disabled=!1,this.variant=s.DEFAULT,this.clickable=!0,this.divider=!1,this.hasIcon=!1,this.hasIconEnd=!1}componentWillLoad(){this.hasIcon=!!this.el.querySelector('[slot="icon-left"]'),this.hasIconEnd=!!this.el.querySelector('[slot="icon-right"]')}handleClick(t){!this.disabled&&this.clickable&&this.itemClick.emit({event:t,value:this.value})}render(){if(this.variant===s.GHOST)return i(r,{class:"xv-overflow-menu-item",role:"menuitem","aria-disabled":this.disabled?"true":null},i("slot",null));const t=!!this.href&&!this.disabled;return i(r,{class:"xv-overflow-menu-item",role:"menuitem","aria-disabled":this.disabled?"true":null},i(t?"a":"div",{class:"item_inner",href:t?this.href:null,target:t?this.target:null,tabindex:-1},this.hasIcon&&i("span",{class:"item_icon item_icon--left"},i("slot",{name:"icon-left"})),i("span",{class:"item_label"},i("slot",null)),this.hasIconEnd&&i("span",{class:"item_icon item_icon--right"},i("slot",{name:"icon-right"}))))}get el(){return this}static get style(){return'@charset "UTF-8";:host{display:block;background-color:transparent;transition:200ms ease background-color;user-select:none;text-align:left;color:var(--text-secondary, #515151);font-family:var(--ff-body, Tahoma);font-size:var(--fz-md, 14px);line-height:128.571%;letter-spacing:0.16px}.item_inner{display:flex;align-items:center;gap:8px;width:100%;color:inherit;font:inherit;text-decoration:none}.item_icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;line-height:0}.item_label{flex:1;min-width:0}:host(:not([disabled]):hover){cursor:pointer;background-color:var(--layer-hover-01, #E9E9E9)}:host(:not([disabled]):active){background-color:var(--layer-active-01, #D1D1D1)}:host(:not([disabled]):focus),:host(:not([disabled])[active]){outline:none;box-shadow:inset 0 0 0 2px var(--focus, #273435)}:host([variant=danger]){background-color:var(--text-error, #D62512);color:var(--text-on-color, #FFF)}:host([variant=danger]:not([disabled]):hover),:host([variant=danger]:not([disabled])[active]),:host([variant=danger]:not([disabled]):focus){background-color:var(--support-error, #F1290E)}:host([variant=danger]:not([disabled]):active){background-color:var(--text-error, #D62512)}:host([variant=ghost]),:host([variant=ghost]:hover),:host([variant=ghost]:active){cursor:default;background-color:var(--background);color:var(--text-primary)}:host([disabled]){background-color:var(--layer-01, #F7F7F7) !important;color:var(--text-disabled) !important;box-shadow:none !important;cursor:not-allowed}:host([divider]){border-top:1px solid var(--border-subtle-01, #E0E0E0)}'}},[257,"xv-overflow-menu-v2-item",{disabled:[516],value:[520],variant:[513],clickable:[4],href:[1],target:[1],divider:[516],hasIcon:[32],hasIconEnd:[32]},[[0,"click","handleClick"]]]);function l(){"undefined"!=typeof customElements&&["xv-overflow-menu-v2-item"].forEach((t=>{"xv-overflow-menu-v2-item"===t&&(customElements.get(a(t))||customElements.define(a(t),n))}))}l();export{n as X,l as d}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{p as t,H as e,c as o,h as s,a,t as r}from"./p-BNP2Lw34.js";import{f as i,u as n}from"./index.js";import{X as l}from"./p-HjYAjHna.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.sortChange=o(this,"sortChange",7)}handleSort(){if(void 0===this.sort)return;let t=this.sort;""===this.sort&&(t=l.NONE),this.sort=t===l.NONE?l.ASC:t===l.ASC?l.DESC:l.NONE,i(this.el.parentElement.children,(t=>{t!==this.el&&t.hasAttribute("sort")&&t.setAttribute("sort","none")})),this.name||(this.name=n()),this.sortChange.emit({name:this.name,value:this.sort})}render(){return s(a,{key:"f1ae644f52064308240bda543eb23999a9a6eb8a"},s("slot",{key:"7ce7b7c7f36cdaa8cf5e31ec5ed028af1c0db625"}))}get el(){return this}static get style(){return'@charset "UTF-8";:host{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:var(--xv-table-padding-y) var(--xv-table-padding-x);color:var(--text-primary, #333);font-family:var(--ff-body, Tahoma);font-size:14px;font-style:normal;font-weight:400;line-height:1.2;letter-spacing:0.16px;transition:0.25s ease-in-out background-color}:host([multiline]){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:initial;padding-bottom:1px;padding-top:0;line-height:1.2}:host([align=left]){text-align:left}:host([align=right]){text-align:right}:host([align=center]){text-align:center}:host([sort]){position:relative;cursor:pointer;user-select:none}:host([sort]):before,:host([sort]):after{font-size:12px;line-height:10px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;right:8px;pointer-events:none;transition:350ms ease-in-out opacity;opacity:0}:host([sort]):before{content:"▲";top:50%;transform:translateY(calc(-50% - 5px))}:host([sort])::after{content:"▼";top:50%;transform:translateY(calc(-50% + 5px))}:host([sort]:hover){background-color:var(--layer-accent-hover-01, #E3E3E3)}:host([sort]:hover)::before,:host([sort]:hover)::after{opacity:1}:host([sort=asc]){background-color:var(--layer-accent-active-01, #D1D1D1)}:host([sort=asc])::before{opacity:1}:host([sort=asc])::after{display:none}:host([sort=desc]){background-color:var(--layer-accent-active-01, #D1D1D1)}:host([sort=desc])::before{display:none}:host([sort=desc])::after{opacity:1}'}},[257,"xv-table-v2-cell",{multiline:[516],name:[1537],align:[513],sort:[1537]},[[0,"click","handleSort"]]]);function h(){"undefined"!=typeof customElements&&["xv-table-v2-cell"].forEach((t=>{"xv-table-v2-cell"===t&&(customElements.get(r(t))||customElements.define(r(t),c))}))}h();export{c as X,h as d}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const a="expandable",e="xv-table-v2";export{a as X,e as a}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{X as o,d as s}from"./p-DVZ2BlIP.js";const p=o,r=s;export{p as XvTableV2Cell,r as defineCustomElement}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Components, JSX } from "../types/components";
|
|
2
|
-
|
|
3
|
-
interface XvTableV2Expand extends Components.XvTableV2Expand, HTMLElement {}
|
|
4
|
-
export const XvTableV2Expand: {
|
|
5
|
-
prototype: XvTableV2Expand;
|
|
6
|
-
new (): XvTableV2Expand;
|
|
7
|
-
};
|
|
8
|
-
/**
|
|
9
|
-
* Used to define this component and all nested components recursively.
|
|
10
|
-
*/
|
|
11
|
-
export const defineCustomElement: () => void;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{p as t,H as e,h as o,a,t as n}from"./p-BNP2Lw34.js";import{X as s}from"./p-bdaoJ1tx.js";import{s as i}from"./index.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.open=!1,this.disabled=!1,this.handleExpand=()=>{this.open=!this.open}}render(){return o(a,{key:"8fe9adf5fd39b640b89bddf303fcc4fb97f03cbd"},o("button",{key:"1df684103a777e3a54ac94fa8f3c570d4ecbbe41",class:{"expand-btn":!0,open:this.open},disabled:this.disabled,onClick:this.handleExpand}),o("slot",{key:"e092ff357605223aa974a8f5061c7a0667c3917f",name:s}),o("div",{key:"e4313af9e98ac24f25c5fc9c8250aff052f7c19b",class:{expandableContent:!0,open:this.open}},o("slot",{key:"f5cb16c98a69917b6679eb620b2bfc1856a48501"})))}componentDidLoad(){i(this.el.parentElement,s,!0)}get el(){return this}static get style(){return":host{display:block;position:relative;transition:0.25s ease-in-out background-color}:host .expand-btn{z-index:9;position:absolute;left:max(10px, var(--xv-table-padding-x));top:max(2px, var(--xv-table-padding-y) + 2px);background-color:transparent;cursor:pointer;outline:none;margin:0;padding:0;box-sizing:border-box;display:block;width:8.5px;height:8.5px;border-top:none;border-left:none;border-right:2px solid var(--icon-primary, #333);border-bottom:2px solid var(--icon-primary, #333);transform:rotate(45deg);transform-origin:center center;transition:0.2s ease-in-out transform}:host .expand-btn:disabled{cursor:not-allowed;opacity:0.5}:host .expand-btn.open{transform:rotate(-135deg)}:host .expandableContent{overflow:hidden;margin:0;padding:0;max-height:0;transition:250ms ease max-height}:host .expandableContent.open{max-height:600px}:host ::slotted([slot=expandable]){display:grid;align-items:center}:host ::slotted(xv-table-v2-row),:host ::slotted([slot=expandable]){padding-inline-start:calc(max(10px, var(--xv-table-padding-x)) * 2 + 10px)}:host ::slotted([disabled]){pointer-events:none;opacity:0.4;cursor:not-allowed;user-select:none}"}},[257,"xv-table-v2-expand",{open:[1540],disabled:[516]}]);function d(){"undefined"!=typeof customElements&&["xv-table-v2-expand"].forEach((t=>{"xv-table-v2-expand"===t&&(customElements.get(n(t))||customElements.define(n(t),r))}))}d();const p=r,l=d;export{p as XvTableV2Expand,l as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{p as e,H as t,c as a,h as s,a as i,t as h}from"./p-BNP2Lw34.js";import{X as o,a as r}from"./p-bdaoJ1tx.js";import{u as c,s as l}from"./index.js";import{d as n}from"./p-Ddx5DwV5.js";import{d}from"./p-DVZ2BlIP.js";const m=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.checkedChange=a(this,"checkedChange",7),this.selectRow=a(this,"selectRow",7),this.checkHandle=({detail:e})=>{!e&&this.partial&&(this.partial=e),this.name||(this.name=c()),this.selectRow.emit({name:this.name,value:this.value,checked:e,partial:this.partial,header:this.header,expandable:this.el.getAttribute("slot")===o})}}checkedChangeHandle(){this.name||(this.name=c()),this.checkedChange.emit({name:this.name,value:this.value,checked:this.checked,partial:this.partial,header:this.header,expandable:this.el.getAttribute("slot")===o})}setInitialAttrs(){if(this.variant||!this.hover){const e=this.el.closest(r);this.hover||(this.hover=e.hasAttribute("hover")),this.variant&&l(this.el.closest(r),"variant-"+this.variant,!!this.variant)}}render(){return s(i,{key:"96836583a7db08fbbe974a6ece55d5a909a7e415"},void 0!==this.variant&&s("xv-table-v2-cell",{key:"0783aad6e26302d3430333cad806fc1747e26e39",class:"cell-control"},"checkbox"===this.variant&&s("xv-checkbox-v2",{key:"bd4e052458eeda60f79e22507ac25d5914f39c0c",name:this.name,partial:this.partial,checked:this.checked||this.partial,disabled:this.disabled,required:this.required,readonly:this.readonly,onEventChange:this.checkHandle}),"radio"===this.variant&&s("input",{key:"1cda8e32f1e8d6ad47fc93e63ee3c879651faa2a",type:"radio",name:this.name,checked:this.checked||this.partial,disabled:this.disabled,required:this.required,readonly:this.readonly})),s("slot",{key:"2a74a7a6ab1c5d997bf71fe99b6cd98b61a70219"}))}componentWillLoad(){this.setInitialAttrs()}get el(){return this}static get watchers(){return{checked:[{checkedChangeHandle:0}]}}static get style(){return":host{display:grid;grid-template-columns:var(--xv-table-cols-template, repeat(auto-fit, minmax(0, 1fr)));border-bottom:1px solid #E3E3E3;border-right:1px solid #E3E3E3;border-left:1px solid #E3E3E3;min-height:var(--xv-table-min-height);align-items:center;align-content:center;transition:0.25s ease-in-out background-color}:host .cell-control{min-height:20px;display:flex;align-items:center;justify-content:center}:host([variant]){grid-template-columns:minmax(47.97px, min-content) var(--xv-table-cols-template, repeat(auto-fit, minmax(0, 1fr)))}:host([hover]:not([header]):hover){background-color:var(--layer-hover-01, #E9E9E9)}:host([checked]){background-color:var(--layer-selected-01, #E3E3E3)}:host([checked]:hover){background-color:var(--layer-selected-hover-01, #DADADA)}:host([header]){background-color:var(--layer-accent-01, #F7F7F7);box-shadow:0 0 0 1px #E3E3E3 inset;border-bottom:none}"}},[257,"xv-table-v2-row",{checked:[1540],partial:[1540],name:[1537],value:[520],hover:[1540],readonly:[516],required:[516],disabled:[516],header:[516],variant:[1537]},void 0,{checked:[{checkedChangeHandle:0}]}]);function v(){"undefined"!=typeof customElements&&["xv-table-v2-row","xv-checkbox-v2","xv-table-v2-cell"].forEach((e=>{switch(e){case"xv-table-v2-row":customElements.get(h(e))||customElements.define(h(e),m);break;case"xv-checkbox-v2":customElements.get(h(e))||n();break;case"xv-table-v2-cell":customElements.get(h(e))||d()}}))}v();const b=m,p=v;export{b as XvTableV2Row,p as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{p as e,H as t,h as a,F as o,a as i,t as s}from"./p-BNP2Lw34.js";import{S as l}from"./p-HjYAjHna.js";import{d as n}from"./p-Dzz9jxLm.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size=l.MD,this.selected=new Map,this.selectedCount=0}handleCheckedChange({detail:e}){e.header||e.expandable||(e.checked?this.selected.set(e.name,e):this.selected.delete(e.name),this.selectedCount=this.selected.size)}setColsSizeTemplate(){var e;this.colsSize&&(null===(e=this.colsSize)||void 0===e?void 0:e.length)&&this.el.style.setProperty("--xv-table-cols-template",this.colsSize.map((e=>e?"auto"===e?"minmax(0, auto)":`calc(${e} - ${50/this.colsSize.length}px)`:"minmax(0, 1fr)")).join(" ")+" repeat(auto-fit, minmax(0, 1fr))")}render(){return a(i,{key:"1f954a0f71091fec58ed541ab9b71e07e756acf2",class:{batchVisible:!!this.selectedCount}},a("slot",{key:"cc4af9285051a8ce0eda8df5d306b9834815513c",name:"title"},!!this.el.title&&a("h2",{key:"d74ca7c913d6b5239acce4a6e154dae57a325dd4",class:"xv-table-title"},this.el.title)),a("slot",{key:"00df66a0aae78ac291ed818f123fa508e7437b91",name:"toolbar"}),a("div",{key:"b5d81c782aa533dc591ec77ffe4fc71cffeafc86",class:"xv-table"},a("div",{key:"efa26ad85d880de121d53ecae616f0b0468b8c74",class:"batch-actions"},a(o,{key:"4a808f4de6683dd524057c6199c2e80b11860d8d"},a("div",{key:"ae5cce54e37780f32724e7ff9ef2549e5020b7f7",class:"batch-actions_content"},a("slot",{key:"f5b19fc73ca2e7cb1af08fcf23d42c817d531870",name:"batch"})),a("p",{key:"2f445105146d1d2ebb080f76c5bb81848e3e2a43",class:"batch-actions_count"},!!this.selectedCount&&`${this.selectedCount} ${1===this.selectedCount?"Position ausgewählt":"Positionen ausgewählt"}`))),a("div",{key:"6f41e51583e6d2a5dc076999fee3e573b062ad1f",class:"xv-table_wrapper"},a("slot",{key:"acccd9efedf38d59bde44f2f9d6ac2aec0ffa948"}),a("slot",{key:"db6b9a957e4bc4e670f5c082c999c1931e36b6c1",name:"footer"})),!!this.loading&&a("div",{key:"3096c66919118c66992dd13e7b868c588876974c",class:"xv-table_loading"},a("xv-loader-v2",{key:"f469390775597fcfb9787749a915098eb0567d64",size:l.LG}))))}componentWillLoad(){this.setColsSizeTemplate()}get el(){return this}static get watchers(){return{colsSize:[{setColsSizeTemplate:0}]}}static get style(){return':host{--xv-table-min-height:51.11px;--xv-table-padding-x:16px;--xv-table-padding-y:15px;--xv-table-cols-template:repeat(auto-fit, minmax(0, 1fr));display:block}:host .batch-actions{user-select:none;pointer-events:none;position:absolute;left:0;bottom:100%;width:0;min-height:48px;overflow:hidden;border-radius:3px 3px 0 0;background-color:var(--interactive-01, #273435);display:flex;align-items:center;justify-content:space-between;column-gap:var(--spacing-04);flex-wrap:nowrap;box-sizing:border-box;transition:250ms ease-in-out height, 250ms ease-in-out width, 250ms ease-in-out padding-inline;color:var(--text-on-color, #fff)}:host .batch-actions_content{display:block;overflow:hidden;white-space:nowrap}:host .batch-actions_count{margin:0;white-space:nowrap;font-family:var(--ff-body, Tahoma);font-size:var(--fz-md, 14px);font-style:normal;font-weight:400;line-height:var(--fz-lg, 18px);letter-spacing:0.16px}:host .xv-table{display:flex;flex-direction:column;position:relative}:host .xv-table_wrapper{display:flex;flex-direction:column;position:relative;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--layer-accent-03) transparent}:host .xv-table_wrapper ::slotted(*){min-width:1000px}:host .xv-table ::slotted([checked]){background-color:var(--layer-selected-01, #E3E3E3)}:host .xv-table ::slotted([checked]:not([header]):hover){background-color:var(--layer-selected-hover-01, #DADADA)}:host .xv-table ::slotted(xv-table-v2-row[disabled]){pointer-events:none;opacity:0.4;cursor:not-allowed;user-select:none}:host .xv-table ::slotted([slot=footer]:hover),:host .xv-table ::slotted([slot=footer]){background-color:var(--layer-accent-02, #E3E3E3)}:host .xv-table_loading{z-index:10;display:flex;align-items:center;justify-content:center;min-height:var(--xv-table-min-height, 51.11px);position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255, 255, 255, 0.8)}:host .xv-table-title,:host ::slotted([slot=title]){color:var(--text-primary, #333) !important;font-size:var(--fz-xl, 21px) !important;margin-top:var(--spacing-05, 16px) !important;margin-bottom:var(--spacing-06, 24px) !important;font-family:var(--ff-heading, "Gill Sans");font-style:normal;font-weight:400;line-height:normal}:host([hover]) .xv-table ::slotted(:hover:not([header])){background-color:var(--layer-hover-01, #E9E9E9)}:host(.batchVisible) .batch-actions{pointer-events:initial;user-select:initial;width:100%;padding-inline:var(--xv-table-padding-x)}:host([expandable]) ::slotted(xv-table-v2-row){padding-inline-start:calc(max(10px, var(--xv-table-padding-x)) * 2 + 10px)}:host([variant-checkbox]) ::slotted([slot=footer]:not([variant])){padding-inline-start:calc(max(10px, var(--xv-table-padding-x)) * 2 + 57.97px)}:host([size=xs]){--xv-table-padding-y:7px;--xv-table-min-height:35.1px}:host([size=sm]){--xv-table-padding-y:10px;--xv-table-min-height:41.11px}:host([size=lg]){--xv-table-padding-y:21px;--xv-table-min-height:63.09px}:host([size=xl]){--xv-table-padding-y:31px;--xv-table-min-height:78.77px}'}},[257,"xv-table-v2",{size:[513],hover:[516],loading:[516],colsSize:[16],selected:[32],selectedCount:[32]},[[0,"checkedChange","handleCheckedChange"]],{colsSize:[{setColsSizeTemplate:0}]}]);function r(){"undefined"!=typeof customElements&&["xv-table-v2","xv-loader-v2"].forEach((e=>{switch(e){case"xv-table-v2":customElements.get(s(e))||customElements.define(s(e),c);break;case"xv-loader-v2":customElements.get(s(e))||n()}}))}r();const d=c,h=r;export{d as XvTableV2,h as defineCustomElement}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* This file was automatically generated by the Stencil React Output Target.
|
|
3
|
-
* Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
4
|
-
*/
|
|
5
|
-
import type { EventName, StencilReactComponent } from './runtime.js';
|
|
6
|
-
import { type XVTableSortDto, type XvTableV2CellCustomEvent } from "xv-webcomponents";
|
|
7
|
-
import type { Components } from "xv-webcomponents/dist/components";
|
|
8
|
-
import { XvTableV2Cell as XvTableV2CellElement } from "xv-webcomponents/dist/components/xv-table-v2-cell.js";
|
|
9
|
-
export type XvTableV2CellEvents = {
|
|
10
|
-
onSortChange: EventName<XvTableV2CellCustomEvent<XVTableSortDto>>;
|
|
11
|
-
};
|
|
12
|
-
export declare const XvTableV2Cell: StencilReactComponent<XvTableV2CellElement, XvTableV2CellEvents, Components.XvTableV2Cell>;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { createComponent } from './runtime.js';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { transformTag } from './tag-transformer.js';
|
|
5
|
-
import { XvTableV2Cell as XvTableV2CellElement, defineCustomElement as defineXvTableV2Cell } from "xv-webcomponents/dist/components/xv-table-v2-cell.js";
|
|
6
|
-
export const XvTableV2Cell = /*@__PURE__*/ createComponent({
|
|
7
|
-
tagName: 'xv-table-v2-cell',
|
|
8
|
-
elementClass: XvTableV2CellElement,
|
|
9
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
10
|
-
react: React,
|
|
11
|
-
events: { onSortChange: 'sortChange' },
|
|
12
|
-
defineCustomElement: defineXvTableV2Cell,
|
|
13
|
-
transformTag
|
|
14
|
-
});
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { createComponent } from './runtime.js';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { transformTag } from './tag-transformer.js';
|
|
5
|
-
import { XvTableV2Expand as XvTableV2ExpandElement, defineCustomElement as defineXvTableV2Expand } from "xv-webcomponents/dist/components/xv-table-v2-expand.js";
|
|
6
|
-
export const XvTableV2Expand = /*@__PURE__*/ createComponent({
|
|
7
|
-
tagName: 'xv-table-v2-expand',
|
|
8
|
-
elementClass: XvTableV2ExpandElement,
|
|
9
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
10
|
-
react: React,
|
|
11
|
-
events: {},
|
|
12
|
-
defineCustomElement: defineXvTableV2Expand,
|
|
13
|
-
transformTag
|
|
14
|
-
});
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* This file was automatically generated by the Stencil React Output Target.
|
|
3
|
-
* Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
4
|
-
*/
|
|
5
|
-
import type { EventName, StencilReactComponent } from './runtime.js';
|
|
6
|
-
import { type SelectRowDto, type XvTableV2RowCustomEvent } from "xv-webcomponents";
|
|
7
|
-
import type { Components } from "xv-webcomponents/dist/components";
|
|
8
|
-
import { XvTableV2Row as XvTableV2RowElement } from "xv-webcomponents/dist/components/xv-table-v2-row.js";
|
|
9
|
-
export type XvTableV2RowEvents = {
|
|
10
|
-
onCheckedChange: EventName<XvTableV2RowCustomEvent<SelectRowDto>>;
|
|
11
|
-
onSelectRow: EventName<XvTableV2RowCustomEvent<SelectRowDto>>;
|
|
12
|
-
};
|
|
13
|
-
export declare const XvTableV2Row: StencilReactComponent<XvTableV2RowElement, XvTableV2RowEvents, Components.XvTableV2Row>;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { createComponent } from './runtime.js';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { transformTag } from './tag-transformer.js';
|
|
5
|
-
import { XvTableV2Row as XvTableV2RowElement, defineCustomElement as defineXvTableV2Row } from "xv-webcomponents/dist/components/xv-table-v2-row.js";
|
|
6
|
-
export const XvTableV2Row = /*@__PURE__*/ createComponent({
|
|
7
|
-
tagName: 'xv-table-v2-row',
|
|
8
|
-
elementClass: XvTableV2RowElement,
|
|
9
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
10
|
-
react: React,
|
|
11
|
-
events: {
|
|
12
|
-
onCheckedChange: 'checkedChange',
|
|
13
|
-
onSelectRow: 'selectRow'
|
|
14
|
-
},
|
|
15
|
-
defineCustomElement: defineXvTableV2Row,
|
|
16
|
-
transformTag
|
|
17
|
-
});
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { XV_SORT_DIR } from '../../types/enum';
|
|
2
|
-
export interface SelectRowDto {
|
|
3
|
-
name: string;
|
|
4
|
-
checked: boolean;
|
|
5
|
-
value?: string | number | object;
|
|
6
|
-
partial?: boolean;
|
|
7
|
-
header?: boolean;
|
|
8
|
-
expandable?: boolean;
|
|
9
|
-
}
|
|
10
|
-
export declare const XV_EXPANDABLE_KEY = "expandable";
|
|
11
|
-
export declare const XV_TABLE_TAG = "xv-table-v2";
|
|
12
|
-
export interface XVTableSortDto {
|
|
13
|
-
name?: string;
|
|
14
|
-
value: XV_SORT_DIR;
|
|
15
|
-
}
|