@maggioli-design-system/magma 1.10.6 → 1.10.8
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/cjs/loader.cjs.js +1 -1
- package/dist/cjs/magma-components.cjs.js +1 -1
- package/dist/cjs/mds-input-select.cjs.entry.js +41 -18
- package/dist/cjs/mds-table-row.cjs.entry.js +8 -7
- package/dist/collection/components/mds-input-select/mds-input-select.css +3 -3
- package/dist/collection/components/mds-input-select/mds-input-select.js +60 -17
- package/dist/collection/components/mds-input-select/test/mds-input-select.stories.js +1 -0
- package/dist/collection/components/mds-table-row/mds-table-row.js +8 -7
- package/dist/components/mds-input-select.js +44 -20
- package/dist/components/mds-table-row.js +8 -7
- package/dist/documentation.json +33 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/magma-components.js +1 -1
- package/dist/esm/mds-input-select.entry.js +41 -18
- package/dist/esm/mds-table-row.entry.js +8 -7
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/magma-components.js +1 -1
- package/dist/esm-es5/mds-input-select.entry.js +1 -1
- package/dist/esm-es5/mds-table-row.entry.js +1 -1
- package/dist/hydrate/index.js +51 -26
- package/dist/hydrate/index.mjs +51 -26
- package/dist/magma-components/magma-components.esm.js +1 -1
- package/dist/magma-components/p-26cd6ec8.system.js +1 -1
- package/dist/magma-components/p-2812b739.entry.js +1 -0
- package/dist/magma-components/{p-028dc4fb.system.entry.js → p-3458887d.system.entry.js} +1 -1
- package/dist/magma-components/p-347adbeb.entry.js +1 -0
- package/dist/magma-components/p-7a01206a.system.entry.js +1 -0
- package/dist/stats.json +77 -42
- package/dist/types/components/mds-input-select/mds-input-select.d.ts +14 -1
- package/dist/types/components/mds-input-select/test/mds-input-select.stories.d.ts +1 -0
- package/dist/types/components/mds-table-row/mds-table-row.d.ts +1 -1
- package/dist/types/components.d.ts +8 -0
- package/package.json +1 -1
- package/dist/magma-components/p-045996f1.system.entry.js +0 -1
- package/dist/magma-components/p-4745e425.entry.js +0 -1
- package/dist/magma-components/p-662d3f69.entry.js +0 -1
package/dist/stats.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp": "
|
|
2
|
+
"timestamp": "2026-01-07T09:13:40",
|
|
3
3
|
"compiler": {
|
|
4
4
|
"name": "node",
|
|
5
5
|
"version": "22.15.0"
|
|
@@ -1096,12 +1096,10 @@
|
|
|
1096
1096
|
"./dist/magma-components/magma-components.js",
|
|
1097
1097
|
"./dist/magma-components/p-0209458d.system.entry.js",
|
|
1098
1098
|
"./dist/magma-components/p-0268399c.system.entry.js",
|
|
1099
|
-
"./dist/magma-components/p-028dc4fb.system.entry.js",
|
|
1100
1099
|
"./dist/magma-components/p-033e85f1.entry.js",
|
|
1101
1100
|
"./dist/magma-components/p-03c4d4d0.entry.js",
|
|
1102
1101
|
"./dist/magma-components/p-03cadeb4.system.entry.js",
|
|
1103
1102
|
"./dist/magma-components/p-03f3d633.system.entry.js",
|
|
1104
|
-
"./dist/magma-components/p-045996f1.system.entry.js",
|
|
1105
1103
|
"./dist/magma-components/p-05da2c23.js",
|
|
1106
1104
|
"./dist/magma-components/p-0689710c.system.entry.js",
|
|
1107
1105
|
"./dist/magma-components/p-07d9296f.system.entry.js",
|
|
@@ -1145,6 +1143,7 @@
|
|
|
1145
1143
|
"./dist/magma-components/p-269ab10e.system.js",
|
|
1146
1144
|
"./dist/magma-components/p-26cd6ec8.system.js",
|
|
1147
1145
|
"./dist/magma-components/p-27cb23f6.entry.js",
|
|
1146
|
+
"./dist/magma-components/p-2812b739.entry.js",
|
|
1148
1147
|
"./dist/magma-components/p-28f0e180.entry.js",
|
|
1149
1148
|
"./dist/magma-components/p-290433af.system.entry.js",
|
|
1150
1149
|
"./dist/magma-components/p-29476921.entry.js",
|
|
@@ -1160,6 +1159,8 @@
|
|
|
1160
1159
|
"./dist/magma-components/p-32f55263.system.js",
|
|
1161
1160
|
"./dist/magma-components/p-333510bb.system.entry.js",
|
|
1162
1161
|
"./dist/magma-components/p-34288bde.entry.js",
|
|
1162
|
+
"./dist/magma-components/p-3458887d.system.entry.js",
|
|
1163
|
+
"./dist/magma-components/p-347adbeb.entry.js",
|
|
1163
1164
|
"./dist/magma-components/p-35651508.system.js",
|
|
1164
1165
|
"./dist/magma-components/p-3639cf94.system.js",
|
|
1165
1166
|
"./dist/magma-components/p-37e99a14.system.entry.js",
|
|
@@ -1178,7 +1179,6 @@
|
|
|
1178
1179
|
"./dist/magma-components/p-43f16b11.system.entry.js",
|
|
1179
1180
|
"./dist/magma-components/p-44ce6dc8.entry.js",
|
|
1180
1181
|
"./dist/magma-components/p-4574eb64.entry.js",
|
|
1181
|
-
"./dist/magma-components/p-4745e425.entry.js",
|
|
1182
1182
|
"./dist/magma-components/p-47f78ada.entry.js",
|
|
1183
1183
|
"./dist/magma-components/p-485f2998.system.entry.js",
|
|
1184
1184
|
"./dist/magma-components/p-4a33c016.entry.js",
|
|
@@ -1217,7 +1217,6 @@
|
|
|
1217
1217
|
"./dist/magma-components/p-643fd688.entry.js",
|
|
1218
1218
|
"./dist/magma-components/p-6446a604.entry.js",
|
|
1219
1219
|
"./dist/magma-components/p-648b51ac.system.entry.js",
|
|
1220
|
-
"./dist/magma-components/p-662d3f69.entry.js",
|
|
1221
1220
|
"./dist/magma-components/p-66fd8a95.system.entry.js",
|
|
1222
1221
|
"./dist/magma-components/p-6923538c.system.js",
|
|
1223
1222
|
"./dist/magma-components/p-6b4bf0df.entry.js",
|
|
@@ -1235,6 +1234,7 @@
|
|
|
1235
1234
|
"./dist/magma-components/p-788e95ce.entry.js",
|
|
1236
1235
|
"./dist/magma-components/p-78d39566.system.entry.js",
|
|
1237
1236
|
"./dist/magma-components/p-78f9abaa.js",
|
|
1237
|
+
"./dist/magma-components/p-7a01206a.system.entry.js",
|
|
1238
1238
|
"./dist/magma-components/p-7afd6711.system.entry.js",
|
|
1239
1239
|
"./dist/magma-components/p-7c020ee6.entry.js",
|
|
1240
1240
|
"./dist/magma-components/p-7c463896.system.entry.js",
|
|
@@ -1369,12 +1369,10 @@
|
|
|
1369
1369
|
"./www/build/magma-components.js",
|
|
1370
1370
|
"./www/build/p-0209458d.system.entry.js",
|
|
1371
1371
|
"./www/build/p-0268399c.system.entry.js",
|
|
1372
|
-
"./www/build/p-028dc4fb.system.entry.js",
|
|
1373
1372
|
"./www/build/p-033e85f1.entry.js",
|
|
1374
1373
|
"./www/build/p-03c4d4d0.entry.js",
|
|
1375
1374
|
"./www/build/p-03cadeb4.system.entry.js",
|
|
1376
1375
|
"./www/build/p-03f3d633.system.entry.js",
|
|
1377
|
-
"./www/build/p-045996f1.system.entry.js",
|
|
1378
1376
|
"./www/build/p-05da2c23.js",
|
|
1379
1377
|
"./www/build/p-0689710c.system.entry.js",
|
|
1380
1378
|
"./www/build/p-07d9296f.system.entry.js",
|
|
@@ -1418,6 +1416,7 @@
|
|
|
1418
1416
|
"./www/build/p-269ab10e.system.js",
|
|
1419
1417
|
"./www/build/p-26cd6ec8.system.js",
|
|
1420
1418
|
"./www/build/p-27cb23f6.entry.js",
|
|
1419
|
+
"./www/build/p-2812b739.entry.js",
|
|
1421
1420
|
"./www/build/p-28f0e180.entry.js",
|
|
1422
1421
|
"./www/build/p-290433af.system.entry.js",
|
|
1423
1422
|
"./www/build/p-29476921.entry.js",
|
|
@@ -1433,6 +1432,8 @@
|
|
|
1433
1432
|
"./www/build/p-32f55263.system.js",
|
|
1434
1433
|
"./www/build/p-333510bb.system.entry.js",
|
|
1435
1434
|
"./www/build/p-34288bde.entry.js",
|
|
1435
|
+
"./www/build/p-3458887d.system.entry.js",
|
|
1436
|
+
"./www/build/p-347adbeb.entry.js",
|
|
1436
1437
|
"./www/build/p-35651508.system.js",
|
|
1437
1438
|
"./www/build/p-3639cf94.system.js",
|
|
1438
1439
|
"./www/build/p-37e99a14.system.entry.js",
|
|
@@ -1451,7 +1452,6 @@
|
|
|
1451
1452
|
"./www/build/p-43f16b11.system.entry.js",
|
|
1452
1453
|
"./www/build/p-44ce6dc8.entry.js",
|
|
1453
1454
|
"./www/build/p-4574eb64.entry.js",
|
|
1454
|
-
"./www/build/p-4745e425.entry.js",
|
|
1455
1455
|
"./www/build/p-47f78ada.entry.js",
|
|
1456
1456
|
"./www/build/p-485f2998.system.entry.js",
|
|
1457
1457
|
"./www/build/p-4a33c016.entry.js",
|
|
@@ -1490,7 +1490,6 @@
|
|
|
1490
1490
|
"./www/build/p-643fd688.entry.js",
|
|
1491
1491
|
"./www/build/p-6446a604.entry.js",
|
|
1492
1492
|
"./www/build/p-648b51ac.system.entry.js",
|
|
1493
|
-
"./www/build/p-662d3f69.entry.js",
|
|
1494
1493
|
"./www/build/p-66fd8a95.system.entry.js",
|
|
1495
1494
|
"./www/build/p-6923538c.system.js",
|
|
1496
1495
|
"./www/build/p-6b4bf0df.entry.js",
|
|
@@ -1508,6 +1507,7 @@
|
|
|
1508
1507
|
"./www/build/p-788e95ce.entry.js",
|
|
1509
1508
|
"./www/build/p-78d39566.system.entry.js",
|
|
1510
1509
|
"./www/build/p-78f9abaa.js",
|
|
1510
|
+
"./www/build/p-7a01206a.system.entry.js",
|
|
1511
1511
|
"./www/build/p-7afd6711.system.entry.js",
|
|
1512
1512
|
"./www/build/p-7c020ee6.entry.js",
|
|
1513
1513
|
"./www/build/p-7c463896.system.entry.js",
|
|
@@ -2086,14 +2086,13 @@
|
|
|
2086
2086
|
"components": [
|
|
2087
2087
|
"mds-input-select"
|
|
2088
2088
|
],
|
|
2089
|
-
"bundleId": "p-
|
|
2090
|
-
"fileName": "p-
|
|
2089
|
+
"bundleId": "p-2812b739",
|
|
2090
|
+
"fileName": "p-2812b739.entry.js",
|
|
2091
2091
|
"imports": [
|
|
2092
2092
|
"p-3a6b32e7.js",
|
|
2093
|
-
"p-8a1a6e56.js",
|
|
2094
2093
|
"p-581a0bb5.js"
|
|
2095
2094
|
],
|
|
2096
|
-
"originalByteSize":
|
|
2095
|
+
"originalByteSize": 24681
|
|
2097
2096
|
},
|
|
2098
2097
|
{
|
|
2099
2098
|
"key": "mds-input-upload.entry",
|
|
@@ -2663,15 +2662,15 @@
|
|
|
2663
2662
|
"components": [
|
|
2664
2663
|
"mds-table-row"
|
|
2665
2664
|
],
|
|
2666
|
-
"bundleId": "p-
|
|
2667
|
-
"fileName": "p-
|
|
2665
|
+
"bundleId": "p-347adbeb",
|
|
2666
|
+
"fileName": "p-347adbeb.entry.js",
|
|
2668
2667
|
"imports": [
|
|
2669
2668
|
"p-3a6b32e7.js",
|
|
2670
2669
|
"p-2d77deaf.js",
|
|
2671
2670
|
"p-ac907a81.js",
|
|
2672
2671
|
"p-85aa8e05.js"
|
|
2673
2672
|
],
|
|
2674
|
-
"originalByteSize":
|
|
2673
|
+
"originalByteSize": 13325
|
|
2675
2674
|
},
|
|
2676
2675
|
{
|
|
2677
2676
|
"key": "mds-toast.entry",
|
|
@@ -3523,10 +3522,9 @@
|
|
|
3523
3522
|
"fileName": "mds-input-select.entry.js",
|
|
3524
3523
|
"imports": [
|
|
3525
3524
|
"index-7f153b9b.js",
|
|
3526
|
-
"clsx-297c1ffe.js",
|
|
3527
3525
|
"keyboard-arrow-down-b79b8faf.js"
|
|
3528
3526
|
],
|
|
3529
|
-
"originalByteSize":
|
|
3527
|
+
"originalByteSize": 24703
|
|
3530
3528
|
},
|
|
3531
3529
|
{
|
|
3532
3530
|
"key": "mds-input-upload.entry",
|
|
@@ -4104,7 +4102,7 @@
|
|
|
4104
4102
|
"browser-16bc3e06.js",
|
|
4105
4103
|
"_commonjsHelpers-bdec4bbd.js"
|
|
4106
4104
|
],
|
|
4107
|
-
"originalByteSize":
|
|
4105
|
+
"originalByteSize": 13355
|
|
4108
4106
|
},
|
|
4109
4107
|
{
|
|
4110
4108
|
"key": "mds-toast.entry",
|
|
@@ -4956,10 +4954,9 @@
|
|
|
4956
4954
|
"fileName": "mds-input-select.entry.js",
|
|
4957
4955
|
"imports": [
|
|
4958
4956
|
"index-7f153b9b.js",
|
|
4959
|
-
"clsx-297c1ffe.js",
|
|
4960
4957
|
"keyboard-arrow-down-b79b8faf.js"
|
|
4961
4958
|
],
|
|
4962
|
-
"originalByteSize":
|
|
4959
|
+
"originalByteSize": 24703
|
|
4963
4960
|
},
|
|
4964
4961
|
{
|
|
4965
4962
|
"key": "mds-input-upload.entry",
|
|
@@ -5537,7 +5534,7 @@
|
|
|
5537
5534
|
"browser-16bc3e06.js",
|
|
5538
5535
|
"_commonjsHelpers-bdec4bbd.js"
|
|
5539
5536
|
],
|
|
5540
|
-
"originalByteSize":
|
|
5537
|
+
"originalByteSize": 13355
|
|
5541
5538
|
},
|
|
5542
5539
|
{
|
|
5543
5540
|
"key": "mds-toast.entry",
|
|
@@ -6385,14 +6382,13 @@
|
|
|
6385
6382
|
"components": [
|
|
6386
6383
|
"mds-input-select"
|
|
6387
6384
|
],
|
|
6388
|
-
"bundleId": "p-
|
|
6389
|
-
"fileName": "p-
|
|
6385
|
+
"bundleId": "p-7a01206a.system",
|
|
6386
|
+
"fileName": "p-7a01206a.system.entry.js",
|
|
6390
6387
|
"imports": [
|
|
6391
6388
|
"p-2aef517c.system.js",
|
|
6392
|
-
"p-d68089ba.system.js",
|
|
6393
6389
|
"p-6923538c.system.js"
|
|
6394
6390
|
],
|
|
6395
|
-
"originalByteSize":
|
|
6391
|
+
"originalByteSize": 25930
|
|
6396
6392
|
},
|
|
6397
6393
|
{
|
|
6398
6394
|
"key": "mds-input-upload.entry",
|
|
@@ -6962,15 +6958,15 @@
|
|
|
6962
6958
|
"components": [
|
|
6963
6959
|
"mds-table-row"
|
|
6964
6960
|
],
|
|
6965
|
-
"bundleId": "p-
|
|
6966
|
-
"fileName": "p-
|
|
6961
|
+
"bundleId": "p-3458887d.system",
|
|
6962
|
+
"fileName": "p-3458887d.system.entry.js",
|
|
6967
6963
|
"imports": [
|
|
6968
6964
|
"p-2aef517c.system.js",
|
|
6969
6965
|
"p-0b49b32e.system.js",
|
|
6970
6966
|
"p-a22e8016.system.js",
|
|
6971
6967
|
"p-21b1acec.system.js"
|
|
6972
6968
|
],
|
|
6973
|
-
"originalByteSize":
|
|
6969
|
+
"originalByteSize": 14132
|
|
6974
6970
|
},
|
|
6975
6971
|
{
|
|
6976
6972
|
"key": "mds-toast.entry",
|
|
@@ -7822,10 +7818,9 @@
|
|
|
7822
7818
|
"fileName": "mds-input-select.cjs.entry.js",
|
|
7823
7819
|
"imports": [
|
|
7824
7820
|
"index-de0ace0a.js",
|
|
7825
|
-
"clsx-fc789adc.js",
|
|
7826
7821
|
"keyboard-arrow-down-bcfab108.js"
|
|
7827
7822
|
],
|
|
7828
|
-
"originalByteSize":
|
|
7823
|
+
"originalByteSize": 24802
|
|
7829
7824
|
},
|
|
7830
7825
|
{
|
|
7831
7826
|
"key": "mds-input-upload.entry",
|
|
@@ -8403,7 +8398,7 @@
|
|
|
8403
8398
|
"browser-4353f9b9.js",
|
|
8404
8399
|
"_commonjsHelpers-e6ff1d6e.js"
|
|
8405
8400
|
],
|
|
8406
|
-
"originalByteSize":
|
|
8401
|
+
"originalByteSize": 13496
|
|
8407
8402
|
},
|
|
8408
8403
|
{
|
|
8409
8404
|
"key": "mds-toast.entry",
|
|
@@ -18613,6 +18608,27 @@
|
|
|
18613
18608
|
"getter": false,
|
|
18614
18609
|
"setter": false
|
|
18615
18610
|
},
|
|
18611
|
+
{
|
|
18612
|
+
"name": "defaultValue",
|
|
18613
|
+
"type": "any",
|
|
18614
|
+
"attribute": "default-value",
|
|
18615
|
+
"reflect": true,
|
|
18616
|
+
"mutable": false,
|
|
18617
|
+
"required": false,
|
|
18618
|
+
"optional": true,
|
|
18619
|
+
"complexType": {
|
|
18620
|
+
"original": "string | number | null",
|
|
18621
|
+
"resolved": "null | number | string | undefined",
|
|
18622
|
+
"references": {}
|
|
18623
|
+
},
|
|
18624
|
+
"docs": {
|
|
18625
|
+
"tags": [],
|
|
18626
|
+
"text": "Specifies the default value of the component"
|
|
18627
|
+
},
|
|
18628
|
+
"internal": false,
|
|
18629
|
+
"getter": false,
|
|
18630
|
+
"setter": false
|
|
18631
|
+
},
|
|
18616
18632
|
{
|
|
18617
18633
|
"name": "variant",
|
|
18618
18634
|
"type": "string",
|
|
@@ -18643,9 +18659,6 @@
|
|
|
18643
18659
|
],
|
|
18644
18660
|
"shadowDelegatesFocus": false,
|
|
18645
18661
|
"states": [
|
|
18646
|
-
{
|
|
18647
|
-
"name": "selected"
|
|
18648
|
-
},
|
|
18649
18662
|
{
|
|
18650
18663
|
"name": "hasFocus"
|
|
18651
18664
|
}
|
|
@@ -36851,6 +36864,27 @@
|
|
|
36851
36864
|
"getter": false,
|
|
36852
36865
|
"setter": false
|
|
36853
36866
|
},
|
|
36867
|
+
{
|
|
36868
|
+
"name": "defaultValue",
|
|
36869
|
+
"type": "any",
|
|
36870
|
+
"attribute": "default-value",
|
|
36871
|
+
"reflect": true,
|
|
36872
|
+
"mutable": false,
|
|
36873
|
+
"required": false,
|
|
36874
|
+
"optional": true,
|
|
36875
|
+
"complexType": {
|
|
36876
|
+
"original": "string | number | null",
|
|
36877
|
+
"resolved": "null | number | string | undefined",
|
|
36878
|
+
"references": {}
|
|
36879
|
+
},
|
|
36880
|
+
"docs": {
|
|
36881
|
+
"tags": [],
|
|
36882
|
+
"text": "Specifies the default value of the component"
|
|
36883
|
+
},
|
|
36884
|
+
"internal": false,
|
|
36885
|
+
"getter": false,
|
|
36886
|
+
"setter": false
|
|
36887
|
+
},
|
|
36854
36888
|
{
|
|
36855
36889
|
"name": "variant",
|
|
36856
36890
|
"type": "string",
|
|
@@ -36881,9 +36915,6 @@
|
|
|
36881
36915
|
],
|
|
36882
36916
|
"virtualProperties": [],
|
|
36883
36917
|
"states": [
|
|
36884
|
-
{
|
|
36885
|
-
"name": "selected"
|
|
36886
|
-
},
|
|
36887
36918
|
{
|
|
36888
36919
|
"name": "hasFocus"
|
|
36889
36920
|
}
|
|
@@ -36923,6 +36954,10 @@
|
|
|
36923
36954
|
{
|
|
36924
36955
|
"propName": "disabled",
|
|
36925
36956
|
"methodName": "disabledChanged"
|
|
36957
|
+
},
|
|
36958
|
+
{
|
|
36959
|
+
"propName": "placeholder",
|
|
36960
|
+
"methodName": "placeholderChanged"
|
|
36926
36961
|
}
|
|
36927
36962
|
],
|
|
36928
36963
|
"styles": [
|
|
@@ -36956,7 +36991,7 @@
|
|
|
36956
36991
|
"sourceFilePath": "/builds/maggiolispa/ricerca-sviluppo-new-media/magma/design-system/projects/stencil/src/components/mds-input-select/mds-input-select.tsx",
|
|
36957
36992
|
"sourceMapPath": null,
|
|
36958
36993
|
"hasAttributeChangedCallbackFn": false,
|
|
36959
|
-
"hasComponentWillLoadFn":
|
|
36994
|
+
"hasComponentWillLoadFn": true,
|
|
36960
36995
|
"hasComponentDidLoadFn": true,
|
|
36961
36996
|
"hasComponentShouldUpdateFn": false,
|
|
36962
36997
|
"hasComponentWillUpdateFn": false,
|
|
@@ -36995,7 +37030,7 @@
|
|
|
36995
37030
|
"hasVdomKey": true,
|
|
36996
37031
|
"hasVdomListener": true,
|
|
36997
37032
|
"hasVdomPropOrAttr": true,
|
|
36998
|
-
"hasVdomRef":
|
|
37033
|
+
"hasVdomRef": true,
|
|
36999
37034
|
"hasVdomRender": true,
|
|
37000
37035
|
"hasVdomStyle": false,
|
|
37001
37036
|
"hasVdomText": true,
|
|
@@ -37013,6 +37048,7 @@
|
|
|
37013
37048
|
"multiple",
|
|
37014
37049
|
"size",
|
|
37015
37050
|
"part",
|
|
37051
|
+
"ref",
|
|
37016
37052
|
"value",
|
|
37017
37053
|
"selected",
|
|
37018
37054
|
"innerHTML",
|
|
@@ -37023,8 +37059,8 @@
|
|
|
37023
37059
|
"variant"
|
|
37024
37060
|
],
|
|
37025
37061
|
"htmlTagNames": [
|
|
37026
|
-
"select",
|
|
37027
37062
|
"option",
|
|
37063
|
+
"select",
|
|
37028
37064
|
"div",
|
|
37029
37065
|
"i",
|
|
37030
37066
|
"slot",
|
|
@@ -61177,7 +61213,6 @@
|
|
|
61177
61213
|
],
|
|
61178
61214
|
"sc-mds-input-select": [
|
|
61179
61215
|
"p-3a6b32e7.js",
|
|
61180
|
-
"p-8a1a6e56.js",
|
|
61181
61216
|
"p-581a0bb5.js"
|
|
61182
61217
|
],
|
|
61183
61218
|
"sc-mds-input-switch": [
|
|
@@ -5,8 +5,8 @@ import { ThemeStatusVariantType } from "../../type/variant";
|
|
|
5
5
|
* @part select - The select HTML element
|
|
6
6
|
*/
|
|
7
7
|
export declare class MdsInputSelect {
|
|
8
|
+
private selectEl;
|
|
8
9
|
host: HTMLMdsInputSelectElement;
|
|
9
|
-
selected: boolean;
|
|
10
10
|
hasFocus: boolean;
|
|
11
11
|
internals: ElementInternals;
|
|
12
12
|
/**
|
|
@@ -45,6 +45,10 @@ export declare class MdsInputSelect {
|
|
|
45
45
|
* Specifies the value of the component
|
|
46
46
|
*/
|
|
47
47
|
value?: string | number | null;
|
|
48
|
+
/**
|
|
49
|
+
* Specifies the default value of the component
|
|
50
|
+
*/
|
|
51
|
+
defaultValue?: string | number | null;
|
|
48
52
|
/**
|
|
49
53
|
* Sets the variant of the component
|
|
50
54
|
*/
|
|
@@ -58,7 +62,16 @@ export declare class MdsInputSelect {
|
|
|
58
62
|
*/
|
|
59
63
|
protected valueChanged(): void;
|
|
60
64
|
protected disabledChanged(newValue: boolean): void;
|
|
65
|
+
/**
|
|
66
|
+
* This is for the react component because placeholder is valued after didload
|
|
67
|
+
* and therefore the placeholder option is drawn as the last option.
|
|
68
|
+
* Here the option is brought back to the first position
|
|
69
|
+
* @param newValue placeholder new value
|
|
70
|
+
* @param oldValue placeholder old value
|
|
71
|
+
*/
|
|
72
|
+
protected placeholderChanged(newValue: string | undefined, oldValue: string | undefined): void;
|
|
61
73
|
formResetCallback(): void;
|
|
74
|
+
componentWillLoad(): void;
|
|
62
75
|
componentDidLoad(): void;
|
|
63
76
|
private onInput;
|
|
64
77
|
private onBlur;
|
|
@@ -1281,6 +1281,10 @@ export namespace Components {
|
|
|
1281
1281
|
* Specifies a short hint that describes the expected value of the element
|
|
1282
1282
|
*/
|
|
1283
1283
|
"autocomplete"?: 'on';
|
|
1284
|
+
/**
|
|
1285
|
+
* Specifies the default value of the component
|
|
1286
|
+
*/
|
|
1287
|
+
"defaultValue"?: string | number | null;
|
|
1284
1288
|
/**
|
|
1285
1289
|
* If true, the element is displayed as disabled
|
|
1286
1290
|
*/
|
|
@@ -5073,6 +5077,10 @@ declare namespace LocalJSX {
|
|
|
5073
5077
|
* Specifies a short hint that describes the expected value of the element
|
|
5074
5078
|
*/
|
|
5075
5079
|
"autocomplete"?: 'on';
|
|
5080
|
+
/**
|
|
5081
|
+
* Specifies the default value of the component
|
|
5082
|
+
*/
|
|
5083
|
+
"defaultValue"?: string | number | null;
|
|
5076
5084
|
/**
|
|
5077
5085
|
* If true, the element is displayed as disabled
|
|
5078
5086
|
*/
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-2aef517c.system.js","./p-d68089ba.system.js","./p-6923538c.system.js"],(function(n){"use strict";var t,r,e,o,a,i,s;return{setters:[function(n){t=n.r;r=n.c;e=n.h;o=n.H;a=n.g},function(n){i=n.c},function(n){s=n.m}],execute:function(){var d='@tailwind components;\n\n\n:host{\n\n min-height: 1.5rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n\n --mds-input-select-variant-color: var(--tone-neutral-01);\n --mds-input-select-ring: 0 0 0 1px rgb(var(--mds-input-select-variant-color) / 0.1);\n --mds-input-select-shadow: 0 1px 3px 0 rgb(var(--mds-input-select-variant-color) / 0.1), 0 1px 2px 0 rgb(var(--mds-input-select-variant-color) / 0.06);\n --mds-input-select-arrow-icon-background-color: var(--mds-input-select-arrow-icon-blur-background-color);\n --mds-input-select-arrow-icon-blur-background-color: transparent;\n --mds-input-select-arrow-icon-blur-color: rgb(var(--mds-input-select-variant-color) / 0.5);\n --mds-input-select-arrow-icon-color: var(--mds-input-select-arrow-icon-blur-color);\n --mds-input-select-arrow-icon-hover-background-color: rgb(var(--mds-input-select-variant-color) / 0.5);\n --mds-input-select-arrow-icon-hover-color: rgb(var(--mds-input-select-variant-color));\n\n color: rgb(var(--tone-neutral-02));\n display: -ms-flexbox;\n display: flex;\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n:host([required]:not([required="false"]):focus-within) .icon {\n -webkit-transform: translate(0.375rem, 0.375rem);\n transform: translate(0.375rem, 0.375rem);\n}\n\n:host(:hover),\n:host(:focus-within) {\n --mds-input-select-variant-color: var(--variant-primary-03);\n --mds-input-select-ring: 0 0 0 3px rgb(var(--mds-input-select-variant-color) / 1);\n --mds-input-select-shadow: 0 4px 6px -1px rgb(var(--mds-input-select-variant-color) / 0.1), 0 2px 4px -1px rgb(var(--mds-input-select-variant-color) / 0.06);\n --mds-input-select-arrow-icon-background-color: var(--mds-input-select-arrow-icon-hover-background-color);\n --mds-input-select-arrow-icon-color: var(--mds-input-select-arrow-icon-hover-color);\n}\n\n.input{\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n\n margin: 0rem;\n\n min-height: 3rem;\n\n width: 100%;\n\n border-radius: 0.5rem;\n\n padding-top: 0.75rem;\n\n padding-bottom: 0.75rem;\n\n padding-left: 1rem;\n\n padding-right: 3rem;\n\n -webkit-transition-duration: 300ms;\n\n transition-duration: 300ms;\n\n -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n -webkit-appearance: none;\n\n -moz-appearance: none;\n\n appearance: none;\n background-color: rgb(var(--tone-neutral));\n border: 0;\n -webkit-box-shadow: var(--mds-input-select-ring), var(--mds-input-select-shadow);\n box-shadow: var(--mds-input-select-ring), var(--mds-input-select-shadow);\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: rgb(var(--tone-neutral-05));\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-transition-property: background-color, border-color, color, fill, -webkit-box-shadow;\n transition-property: background-color, border-color, color, fill, -webkit-box-shadow;\n transition-property: background-color, border-color, box-shadow, color, fill;\n transition-property: background-color, border-color, box-shadow, color, fill, -webkit-box-shadow;\n}\n\n.input:hover,\n.input:focus{\n\n outline: 2px solid transparent;\n\n outline-offset: 2px;\n\n -webkit-transition-duration: 300ms;\n\n transition-duration: 300ms;\n\n -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n color: rgb(var(--tone-neutral-03));\n}\n\n:host([value]:not([value=""])) .input {\n color: rgb(var(--tone-neutral-03));\n}\n\n.input--mds-input-select-selected {\n color: rgb(var(--tone-neutral-02));\n}\n\n.input:disabled {\n background-color: rgb(var(--tone-neutral-09));\n opacity: 1;\n}\n\n:host([disabled]:not([disabled="false"])) {\n pointer-events: none;\n}\n\n:host([disabled]:not([disabled="false"])) .input {\n pointer-events: none;\n}\n\n:host([disabled]:not([disabled="false"])) .icon {\n fill: rgb(var(--tone-neutral-06));\n -webkit-transform: translate(0.625rem, 0.5rem);\n transform: translate(0.625rem, 0.5rem);\n}\n\n.icon-container{\n\n right: 1rem;\n\n height: 3rem;\n\n -ms-flex-align: center;\n\n align-items: center;\n color: inherit;\n display: -ms-flexbox;\n display: flex;\n pointer-events: none;\n position: absolute;\n}\n\n.icon{\n\n display: -ms-flexbox;\n\n display: flex;\n}\n\n.icon svg{\n\n aspect-ratio: 1/1;\n\n height: 100%;\n\n width: 100%;\n}\n\n.icon{\n\n border-radius: 9999px;\n\n -webkit-transition-duration: 200ms;\n\n transition-duration: 200ms;\n\n background-color: var(--mds-input-select-arrow-icon-background-color, rgb(var(--variant-primary-09)));\n fill: var(--mds-input-select-arrow-icon-color, rgb(var(--variant-primary-04)));\n -webkit-transition-property: background-color, fill;\n transition-property: background-color, fill;\n}\n\n.option-container {\n display: none;\n}\n\n@container (max-width: 210px) {\n :host .tip__content,\n :host(:focus-within) .tip__content {\n grid-template-columns: 0fr;\n opacity: 0;\n }\n\n :host .tip {\n padding-left: 0;\n padding-right: 0;\n }\n\n :host {\n --mds-input-select-background: rgb(var(--variant-primary-07));\n }\n}\n\n:host {\n --mds-input-select-icon-color: var(--variant-primary-03);\n --mds-input-select-variant-color: 0 0 0;\n --mds-input-select-arrow-icon-blur-background-color: rgb(var(--variant-primary-09));\n --mds-input-select-arrow-icon-hover-background-color: rgb(var(--variant-primary-08));\n --mds-input-select-arrow-icon-blur-color: rgb(var(--variant-primary-06));\n --mds-input-select-arrow-icon-hover-color: rgb(var(--variant-primary-04));\n}\n\n:host(:hover),\n:host(:focus-within) {\n --mds-input-select-variant-color: var(--variant-primary-04);\n}\n\n:host([variant="info"]) {\n --mds-input-select-icon-color: var(--status-info-05);\n --mds-input-select-tip-background: var(--status-info-05);\n --mds-input-select-arrow-icon-blur-background-color: rgb(var(--status-info-09));\n --mds-input-select-arrow-icon-hover-background-color: rgb(var(--status-info-08));\n --mds-input-select-arrow-icon-blur-color: rgb(var(--status-info-06));\n --mds-input-select-arrow-icon-hover-color: rgb(var(--status-info-04));\n --mds-input-select-variant-color: 0 0 0;\n}\n\n:host([variant="info"]:hover),\n:host([variant="info"]:focus-within) {\n --mds-input-select-icon-color: var(--status-info-04);\n --mds-input-select-variant-color: var(--status-info-05);\n}\n\n:host([variant="success"]) {\n --mds-input-select-icon-color: var(--status-success-05);\n --mds-input-select-tip-background: var(--status-success-05);\n --mds-input-select-arrow-icon-blur-background-color: rgb(var(--status-success-09));\n --mds-input-select-arrow-icon-hover-background-color: rgb(var(--status-success-08));\n --mds-input-select-arrow-icon-blur-color: rgb(var(--status-success-06));\n --mds-input-select-arrow-icon-hover-color: rgb(var(--status-success-04));\n --mds-input-select-variant-color: 0 0 0;\n}\n\n:host([variant="success"]:hover),\n:host([variant="success"]:focus-within) {\n --mds-input-select-icon-color: var(--status-success-04);\n --mds-input-select-variant-color: var(--status-success-05);\n}\n\n:host([variant="warning"]) {\n --mds-input-select-icon-color: var(--status-warning-05);\n --mds-input-select-tip-background: var(--status-warning-05);\n --mds-input-select-arrow-icon-blur-background-color: rgb(var(--status-warning-09));\n --mds-input-select-arrow-icon-hover-background-color: rgb(var(--status-warning-08));\n --mds-input-select-arrow-icon-blur-color: rgb(var(--status-warning-06));\n --mds-input-select-arrow-icon-hover-color: rgb(var(--status-warning-04));\n --mds-input-select-variant-color: 0 0 0;\n}\n\n:host([variant="warning"]:hover),\n:host([variant="warning"]:focus-within) {\n --mds-input-select-icon-color: var(--status-warning-04);\n --mds-input-select-variant-color: var(--status-warning-05);\n}\n\n:host([variant="error"]) {\n --mds-input-select-icon-color: var(--status-error-05);\n --mds-input-select-tip-background: var(--status-error-05);\n --mds-input-select-arrow-icon-blur-background-color: rgb(var(--status-error-09));\n --mds-input-select-arrow-icon-hover-background-color: rgb(var(--status-error-08));\n --mds-input-select-arrow-icon-blur-color: rgb(var(--status-error-06));\n --mds-input-select-arrow-icon-hover-color: rgb(var(--status-error-04));\n --mds-input-select-variant-color: 0 0 0;\n}\n\n:host([variant="error"]:hover),\n:host([variant="error"]:focus-within) {\n --mds-input-select-icon-color: var(--status-error-04);\n --mds-input-select-variant-color: var(--status-error-05);\n}\n\n:host-context(.pref-animation-reduce),\n:host-context(.pref-animation-reduce) .input,\n:host-context(.pref-animation-reduce) .input:hover,\n:host-context(.pref-animation-reduce) .input:focus,\n:host-context(.pref-animation-reduce) .icon {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n}\n\n@media (prefers-reduced-motion) {\n :host-context(.pref-animation-system),\n :host-context(.pref-animation-system) .input,\n :host-context(.pref-animation-system) .input:hover,\n :host-context(.pref-animation-system) .input:focus,\n :host-context(.pref-animation-system) .icon {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n}\n\n:host-context(.pref-theme-dark) {\n --mds-input-select-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n --mds-input-select-arrow-icon-blur-background-color: rgb(var(--variant-primary-05));\n --mds-input-select-arrow-icon-blur-color: rgb(var(--mds-input-select-variant-color));\n --mds-input-select-arrow-icon-hover-background-color: rgb(var(--variant-primary-04));\n --mds-input-select-arrow-icon-hover-color: rgb(var(--variant-primary-08));\n}\n\n:host-context(.pref-theme-dark) .input {\n color: rgb(var(--tone-neutral-03));\n}\n\n@media (prefers-color-scheme: dark) {\n :host-context(.pref-theme-system) {\n --mds-input-select-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n --mds-input-select-arrow-icon-blur-background-color: rgb(var(--variant-primary-05));\n --mds-input-select-arrow-icon-blur-color: rgb(var(--mds-input-select-variant-color));\n --mds-input-select-arrow-icon-hover-background-color: rgb(var(--variant-primary-04));\n --mds-input-select-arrow-icon-hover-color: rgb(var(--variant-primary-08));\n }\n\n :host-context(.pref-theme-system) .input {\n color: rgb(var(--tone-neutral-03));\n }\n}\n\n:host-context(.pref-contrast-more) {\n --mds-input-select-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n}\n\n:host-context(.pref-contrast-more) .input {\n color: rgb(var(--tone-neutral-01));\n}\n\n@media (prefers-contrast: more) {\n :host-context(.pref-contrast-system) {\n --mds-input-select-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n }\n\n :host-context(.pref-contrast-system) .input {\n color: rgb(var(--tone-neutral-01));\n }\n}\n\n:host(:not(:is([hydrated], .hydrated))) {\n -webkit-animation-duration: 0s;\n animation-duration: 0s;\n border-color: transparent;\n -webkit-box-shadow: 0 0 0 transparent;\n box-shadow: 0 0 0 transparent;\n opacity: 0;\n outline-color: transparent;\n -webkit-transition-delay: 0s;\n transition-delay: 0s;\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n visibility: hidden;\n}\n\n/* TODO refact(stencil): Uses only used selector from parent shadowDOM component */\n\nmds-accordion:not(:is([hydrated], .hydrated)),\nmds-accordion-item:not(:is([hydrated], .hydrated)),\nmds-accordion-timer:not(:is([hydrated], .hydrated)),\nmds-accordion-timer-item:not(:is([hydrated], .hydrated)),\nmds-author:not(:is([hydrated], .hydrated)),\nmds-avatar:not(:is([hydrated], .hydrated)),\nmds-badge:not(:is([hydrated], .hydrated)),\nmds-banner:not(:is([hydrated], .hydrated)),\nmds-benchmark-bar:not(:is([hydrated], .hydrated)),\nmds-bibliography:not(:is([hydrated], .hydrated)),\nmds-breadcrumb:not(:is([hydrated], .hydrated)),\nmds-breadcrumb-item:not(:is([hydrated], .hydrated)),\nmds-button:not(:is([hydrated], .hydrated)),\nmds-card:not(:is([hydrated], .hydrated)),\nmds-card-content:not(:is([hydrated], .hydrated)),\nmds-card-footer:not(:is([hydrated], .hydrated)),\nmds-card-header:not(:is([hydrated], .hydrated)),\nmds-card-media:not(:is([hydrated], .hydrated)),\nmds-chip:not(:is([hydrated], .hydrated)),\nmds-details:not(:is([hydrated], .hydrated)),\nmds-dropdown:not(:is([hydrated], .hydrated)),\nmds-entity:not(:is([hydrated], .hydrated)),\nmds-file:not(:is([hydrated], .hydrated)),\nmds-file-preview:not(:is([hydrated], .hydrated)),\nmds-filter:not(:is([hydrated], .hydrated)),\nmds-filter-item:not(:is([hydrated], .hydrated)),\nmds-header:not(:is([hydrated], .hydrated)),\nmds-header-bar:not(:is([hydrated], .hydrated)),\nmds-help:not(:is([hydrated], .hydrated)),\nmds-horizontal-scroll:not(:is([hydrated], .hydrated)),\nmds-hr:not(:is([hydrated], .hydrated)),\nmds-icon:not(:is([hydrated], .hydrated)),\nmds-img:not(:is([hydrated], .hydrated)),\nmds-input:not(:is([hydrated], .hydrated)),\nmds-input-field:not(:is([hydrated], .hydrated)),\nmds-input-range:not(:is([hydrated], .hydrated)),\nmds-input-select:not(:is([hydrated], .hydrated)),\nmds-input-switch:not(:is([hydrated], .hydrated)),\nmds-input-tip:not(:is([hydrated], .hydrated)),\nmds-input-tip-item:not(:is([hydrated], .hydrated)),\nmds-input-upload:not(:is([hydrated], .hydrated)),\nmds-keyboard:not(:is([hydrated], .hydrated)),\nmds-keyboard-key:not(:is([hydrated], .hydrated)),\nmds-kpi:not(:is([hydrated], .hydrated)),\nmds-kpi-item:not(:is([hydrated], .hydrated)),\nmds-label:not(:is([hydrated], .hydrated)),\nmds-list:not(:is([hydrated], .hydrated)),\nmds-list-item:not(:is([hydrated], .hydrated)),\nmds-modal:not(:is([hydrated], .hydrated)),\nmds-note:not(:is([hydrated], .hydrated)),\nmds-notification:not(:is([hydrated], .hydrated)),\nmds-paginator:not(:is([hydrated], .hydrated)),\nmds-paginator-item:not(:is([hydrated], .hydrated)),\nmds-pref:not(:is([hydrated], .hydrated)),\nmds-pref-animation:not(:is([hydrated], .hydrated)),\nmds-pref-consumption:not(:is([hydrated], .hydrated)),\nmds-pref-contrast:not(:is([hydrated], .hydrated)),\nmds-pref-language:not(:is([hydrated], .hydrated)),\nmds-pref-language-item:not(:is([hydrated], .hydrated)),\nmds-pref-theme:not(:is([hydrated], .hydrated)),\nmds-price-table:not(:is([hydrated], .hydrated)),\nmds-price-table-features:not(:is([hydrated], .hydrated)),\nmds-price-table-features-cell:not(:is([hydrated], .hydrated)),\nmds-price-table-features-row:not(:is([hydrated], .hydrated)),\nmds-price-table-header:not(:is([hydrated], .hydrated)),\nmds-price-table-list:not(:is([hydrated], .hydrated)),\nmds-price-table-list-item:not(:is([hydrated], .hydrated)),\nmds-progress:not(:is([hydrated], .hydrated)),\nmds-push-notification:not(:is([hydrated], .hydrated)),\nmds-push-notifications:not(:is([hydrated], .hydrated)),\nmds-quote:not(:is([hydrated], .hydrated)),\nmds-separator:not(:is([hydrated], .hydrated)),\nmds-spinner:not(:is([hydrated], .hydrated)),\nmds-stepper-bar:not(:is([hydrated], .hydrated)),\nmds-stepper-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab:not(:is([hydrated], .hydrated)),\nmds-tab-bar:not(:is([hydrated], .hydrated)),\nmds-tab-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab-item:not(:is([hydrated], .hydrated)),\nmds-table:not(:is([hydrated], .hydrated)),\nmds-table-body:not(:is([hydrated], .hydrated)),\nmds-table-cell:not(:is([hydrated], .hydrated)),\nmds-table-footer:not(:is([hydrated], .hydrated)),\nmds-table-header:not(:is([hydrated], .hydrated)),\nmds-table-header-cell:not(:is([hydrated], .hydrated)),\nmds-table-row:not(:is([hydrated], .hydrated)),\nmds-text:not(:is([hydrated], .hydrated)),\nmds-toast:not(:is([hydrated], .hydrated)),\nmds-tooltip:not(:is([hydrated], .hydrated)),\nmds-tree:not(:is([hydrated], .hydrated)),\nmds-tree-item:not(:is([hydrated], .hydrated)),\nmds-url-view:not(:is([hydrated], .hydrated)),\nmds-usage:not(:is([hydrated], .hydrated)),\nmds-video-wall:not(:is([hydrated], .hydrated)),\nmds-zero:not(:is([hydrated], .hydrated))\n{\n -webkit-animation-duration: 0s;\n animation-duration: 0s;\n border-color: transparent;\n -webkit-box-shadow: 0 0 0 transparent;\n box-shadow: 0 0 0 transparent;\n opacity: 0;\n outline-color: transparent;\n -webkit-transition-delay: 0s;\n transition-delay: 0s;\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n visibility: hidden;\n}\n\n';var c=d;var l=n("mds_input_select",function(){function n(n){var e=this;t(this,n);this.changeEvent=r(this,"mdsInputSelectChange",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.hasFocus=false;this.disabled=false;this.required=false;this.multiple=false;this.size=0;this.value="";this.onInput=function(n){var t=n.target;if(t){e.value=t.value}};this.onBlur=function(){e.hasFocus=false};this.onFocus=function(){e.hasFocus=true};this.emptyOptions=function(){var n;var t=(n=e.host.shadowRoot)===null||n===void 0?void 0:n.querySelector("select");var r=t===null||t===void 0?void 0:t.querySelectorAll("option");if(!r){return}r.forEach((function(n,t){if(!e.placeholder){n.remove()}if(e.placeholder&&t>0){n.remove()}}))};this.onSlotChangeHandler=function(){var n,t,r;var o=(t=(n=e.host.shadowRoot)===null||n===void 0?void 0:n.querySelectorAll("slot")[0])===null||t===void 0?void 0:t.assignedNodes();var a=(r=e.host.shadowRoot)===null||r===void 0?void 0:r.querySelector("select");var i=a===null||a===void 0?void 0:a.querySelectorAll("option");if(!i){return}if(!e.placeholder&&i.length>0){e.emptyOptions()}if(e.placeholder&&i.length>1){e.emptyOptions()}o===null||o===void 0?void 0:o.forEach((function(n){a===null||a===void 0?void 0:a.appendChild(n.cloneNode(true))}));if(e.value){a===null||a===void 0?void 0:a.querySelectorAll("option").forEach((function(n){n.selected=n.value===e.value}))}else if(!e.placeholder){e.value=a===null||a===void 0?void 0:a.querySelectorAll("option")[0].value}}}n.prototype.valueChanged=function(){var n,t,r;this.selected=this.value!=="";this.changeEvent.emit({value:(n=this.value)===null||n===void 0?void 0:n.toString()});this.internals.setFormValue((r=(t=this.value)===null||t===void 0?void 0:t.toString())!==null&&r!==void 0?r:null)};n.prototype.disabledChanged=function(n){if(n){this.internals.setFormValue(null)}};n.prototype.formResetCallback=function(){this.internals.setFormValue("")};n.prototype.componentDidLoad=function(){if(this.value){this.selected=true;this.internals.setFormValue(this.value.toString())}};n.prototype.render=function(){return e(o,{key:"42c8c47d40f44d64c3c522591f196109258ee584"},e("select",{key:"89d1929e9bed34a874094274da2b3897bd48a5fb",class:i("input",this.selected&&"input--selected"),onInput:this.onInput.bind(this),onBlur:this.onBlur,onFocus:this.onFocus,name:this.name,required:this.required,disabled:this.disabled,multiple:this.multiple,size:this.size,part:"select"},this.placeholder&&e("option",{key:"01c84e11e4504e467865657e46419c6e9904beac",value:"",disabled:true,selected:true},this.placeholder)),e("div",{key:"466cba766c7bcfa2b7e8a2e3e383f059fd0fb6e4",class:"icon-container"},e("i",{key:"fc9f64a92325e1ec116c99f46c6865755bb0d1b8",class:"icon",innerHTML:s})),e("div",{key:"c53f11b9715c9f6fd8d2e0f434da498365d5f101",class:"option-container"},e("slot",{key:"c3135009efad92a8a0be5cd4797422203a87c8b7",onSlotchange:this.onSlotChangeHandler})),e("mds-input-tip",{key:"236ebb4498a6b3f16cc241fb33a9a7b26c4166f1",position:"top",active:this.hasFocus},this.disabled&&e("mds-input-tip-item",{key:"e027575cb716fd8c638ffeb1c09e13c0698c3cc0",expanded:true,variant:"disabled"}),this.required&&e("mds-input-tip-item",{key:"8a3458aa14e4b3fba95e1f924816632197fb632d",expanded:this.hasFocus,variant:this.value===""?"required":"required-success"})))};Object.defineProperty(n,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(n.prototype,"host",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{value:["valueChanged"],disabled:["disabledChanged"]}},enumerable:false,configurable:true});return n}());l.style=c}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as n,c as t,h as r,H as e,g as o}from"./p-3a6b32e7.js";import{c as a}from"./p-8a1a6e56.js";import{m as s}from"./p-581a0bb5.js";const i=class{constructor(r){n(this,r),this.changeEvent=t(this,"mdsInputSelectChange",7),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals),this.hasFocus=!1,this.disabled=!1,this.required=!1,this.multiple=!1,this.size=0,this.value="",this.onInput=n=>{const t=n.target;t&&(this.value=t.value)},this.onBlur=()=>{this.hasFocus=!1},this.onFocus=()=>{this.hasFocus=!0},this.emptyOptions=()=>{var n;const t=null===(n=this.host.shadowRoot)||void 0===n?void 0:n.querySelector("select"),r=null==t?void 0:t.querySelectorAll("option");r&&r.forEach(((n,t)=>{this.placeholder||n.remove(),this.placeholder&&t>0&&n.remove()}))},this.onSlotChangeHandler=()=>{var n,t,r;const e=null===(t=null===(n=this.host.shadowRoot)||void 0===n?void 0:n.querySelectorAll("slot")[0])||void 0===t?void 0:t.assignedNodes(),o=null===(r=this.host.shadowRoot)||void 0===r?void 0:r.querySelector("select"),a=null==o?void 0:o.querySelectorAll("option");a&&(!this.placeholder&&a.length>0&&this.emptyOptions(),this.placeholder&&a.length>1&&this.emptyOptions(),null==e||e.forEach((n=>{null==o||o.appendChild(n.cloneNode(!0))})),this.value?null==o||o.querySelectorAll("option").forEach((n=>{n.selected=n.value===this.value})):this.placeholder||(this.value=null==o?void 0:o.querySelectorAll("option")[0].value))}}valueChanged(){var n,t,r;this.selected=""!==this.value,this.changeEvent.emit({value:null===(n=this.value)||void 0===n?void 0:n.toString()}),this.internals.setFormValue(null!==(r=null===(t=this.value)||void 0===t?void 0:t.toString())&&void 0!==r?r:null)}disabledChanged(n){n&&this.internals.setFormValue(null)}formResetCallback(){this.internals.setFormValue("")}componentDidLoad(){this.value&&(this.selected=!0,this.internals.setFormValue(this.value.toString()))}render(){return r(e,{key:"42c8c47d40f44d64c3c522591f196109258ee584"},r("select",{key:"89d1929e9bed34a874094274da2b3897bd48a5fb",class:a("input",this.selected&&"input--selected"),onInput:this.onInput.bind(this),onBlur:this.onBlur,onFocus:this.onFocus,name:this.name,required:this.required,disabled:this.disabled,multiple:this.multiple,size:this.size,part:"select"},this.placeholder&&r("option",{key:"01c84e11e4504e467865657e46419c6e9904beac",value:"",disabled:!0,selected:!0},this.placeholder)),r("div",{key:"466cba766c7bcfa2b7e8a2e3e383f059fd0fb6e4",class:"icon-container"},r("i",{key:"fc9f64a92325e1ec116c99f46c6865755bb0d1b8",class:"icon",innerHTML:s})),r("div",{key:"c53f11b9715c9f6fd8d2e0f434da498365d5f101",class:"option-container"},r("slot",{key:"c3135009efad92a8a0be5cd4797422203a87c8b7",onSlotchange:this.onSlotChangeHandler})),r("mds-input-tip",{key:"236ebb4498a6b3f16cc241fb33a9a7b26c4166f1",position:"top",active:this.hasFocus},this.disabled&&r("mds-input-tip-item",{key:"e027575cb716fd8c638ffeb1c09e13c0698c3cc0",expanded:!0,variant:"disabled"}),this.required&&r("mds-input-tip-item",{key:"8a3458aa14e4b3fba95e1f924816632197fb632d",expanded:this.hasFocus,variant:""===this.value?"required":"required-success"})))}static get formAssociated(){return!0}get host(){return o(this)}static get watchers(){return{value:["valueChanged"],disabled:["disabledChanged"]}}};i.style='@tailwind components;\n\n\n:host{\n\n min-height: 1.5rem;\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n\n --mds-input-select-variant-color: var(--tone-neutral-01);\n --mds-input-select-ring: 0 0 0 1px rgb(var(--mds-input-select-variant-color) / 0.1);\n --mds-input-select-shadow: 0 1px 3px 0 rgb(var(--mds-input-select-variant-color) / 0.1), 0 1px 2px 0 rgb(var(--mds-input-select-variant-color) / 0.06);\n --mds-input-select-arrow-icon-background-color: var(--mds-input-select-arrow-icon-blur-background-color);\n --mds-input-select-arrow-icon-blur-background-color: transparent;\n --mds-input-select-arrow-icon-blur-color: rgb(var(--mds-input-select-variant-color) / 0.5);\n --mds-input-select-arrow-icon-color: var(--mds-input-select-arrow-icon-blur-color);\n --mds-input-select-arrow-icon-hover-background-color: rgb(var(--mds-input-select-variant-color) / 0.5);\n --mds-input-select-arrow-icon-hover-color: rgb(var(--mds-input-select-variant-color));\n\n color: rgb(var(--tone-neutral-02));\n display: -ms-flexbox;\n display: flex;\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n:host([required]:not([required="false"]):focus-within) .icon {\n -webkit-transform: translate(0.375rem, 0.375rem);\n transform: translate(0.375rem, 0.375rem);\n}\n\n:host(:hover),\n:host(:focus-within) {\n --mds-input-select-variant-color: var(--variant-primary-03);\n --mds-input-select-ring: 0 0 0 3px rgb(var(--mds-input-select-variant-color) / 1);\n --mds-input-select-shadow: 0 4px 6px -1px rgb(var(--mds-input-select-variant-color) / 0.1), 0 2px 4px -1px rgb(var(--mds-input-select-variant-color) / 0.06);\n --mds-input-select-arrow-icon-background-color: var(--mds-input-select-arrow-icon-hover-background-color);\n --mds-input-select-arrow-icon-color: var(--mds-input-select-arrow-icon-hover-color);\n}\n\n.input{\n\n font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n font-size: 1rem;\n\n line-height: 1.5rem;\n\n -webkit-font-smoothing: antialiased;\n\n -moz-osx-font-smoothing: grayscale;\n\n margin: 0rem;\n\n min-height: 3rem;\n\n width: 100%;\n\n border-radius: 0.5rem;\n\n padding-top: 0.75rem;\n\n padding-bottom: 0.75rem;\n\n padding-left: 1rem;\n\n padding-right: 3rem;\n\n -webkit-transition-duration: 300ms;\n\n transition-duration: 300ms;\n\n -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n -webkit-appearance: none;\n\n -moz-appearance: none;\n\n appearance: none;\n background-color: rgb(var(--tone-neutral));\n border: 0;\n -webkit-box-shadow: var(--mds-input-select-ring), var(--mds-input-select-shadow);\n box-shadow: var(--mds-input-select-ring), var(--mds-input-select-shadow);\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n color: rgb(var(--tone-neutral-05));\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-transition-property: background-color, border-color, color, fill, -webkit-box-shadow;\n transition-property: background-color, border-color, color, fill, -webkit-box-shadow;\n transition-property: background-color, border-color, box-shadow, color, fill;\n transition-property: background-color, border-color, box-shadow, color, fill, -webkit-box-shadow;\n}\n\n.input:hover,\n.input:focus{\n\n outline: 2px solid transparent;\n\n outline-offset: 2px;\n\n -webkit-transition-duration: 300ms;\n\n transition-duration: 300ms;\n\n -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n color: rgb(var(--tone-neutral-03));\n}\n\n:host([value]:not([value=""])) .input {\n color: rgb(var(--tone-neutral-03));\n}\n\n.input--mds-input-select-selected {\n color: rgb(var(--tone-neutral-02));\n}\n\n.input:disabled {\n background-color: rgb(var(--tone-neutral-09));\n opacity: 1;\n}\n\n:host([disabled]:not([disabled="false"])) {\n pointer-events: none;\n}\n\n:host([disabled]:not([disabled="false"])) .input {\n pointer-events: none;\n}\n\n:host([disabled]:not([disabled="false"])) .icon {\n fill: rgb(var(--tone-neutral-06));\n -webkit-transform: translate(0.625rem, 0.5rem);\n transform: translate(0.625rem, 0.5rem);\n}\n\n.icon-container{\n\n right: 1rem;\n\n height: 3rem;\n\n -ms-flex-align: center;\n\n align-items: center;\n color: inherit;\n display: -ms-flexbox;\n display: flex;\n pointer-events: none;\n position: absolute;\n}\n\n.icon{\n\n display: -ms-flexbox;\n\n display: flex;\n}\n\n.icon svg{\n\n aspect-ratio: 1/1;\n\n height: 100%;\n\n width: 100%;\n}\n\n.icon{\n\n border-radius: 9999px;\n\n -webkit-transition-duration: 200ms;\n\n transition-duration: 200ms;\n\n background-color: var(--mds-input-select-arrow-icon-background-color, rgb(var(--variant-primary-09)));\n fill: var(--mds-input-select-arrow-icon-color, rgb(var(--variant-primary-04)));\n -webkit-transition-property: background-color, fill;\n transition-property: background-color, fill;\n}\n\n.option-container {\n display: none;\n}\n\n@container (max-width: 210px) {\n :host .tip__content,\n :host(:focus-within) .tip__content {\n grid-template-columns: 0fr;\n opacity: 0;\n }\n\n :host .tip {\n padding-left: 0;\n padding-right: 0;\n }\n\n :host {\n --mds-input-select-background: rgb(var(--variant-primary-07));\n }\n}\n\n:host {\n --mds-input-select-icon-color: var(--variant-primary-03);\n --mds-input-select-variant-color: 0 0 0;\n --mds-input-select-arrow-icon-blur-background-color: rgb(var(--variant-primary-09));\n --mds-input-select-arrow-icon-hover-background-color: rgb(var(--variant-primary-08));\n --mds-input-select-arrow-icon-blur-color: rgb(var(--variant-primary-06));\n --mds-input-select-arrow-icon-hover-color: rgb(var(--variant-primary-04));\n}\n\n:host(:hover),\n:host(:focus-within) {\n --mds-input-select-variant-color: var(--variant-primary-04);\n}\n\n:host([variant="info"]) {\n --mds-input-select-icon-color: var(--status-info-05);\n --mds-input-select-tip-background: var(--status-info-05);\n --mds-input-select-arrow-icon-blur-background-color: rgb(var(--status-info-09));\n --mds-input-select-arrow-icon-hover-background-color: rgb(var(--status-info-08));\n --mds-input-select-arrow-icon-blur-color: rgb(var(--status-info-06));\n --mds-input-select-arrow-icon-hover-color: rgb(var(--status-info-04));\n --mds-input-select-variant-color: 0 0 0;\n}\n\n:host([variant="info"]:hover),\n:host([variant="info"]:focus-within) {\n --mds-input-select-icon-color: var(--status-info-04);\n --mds-input-select-variant-color: var(--status-info-05);\n}\n\n:host([variant="success"]) {\n --mds-input-select-icon-color: var(--status-success-05);\n --mds-input-select-tip-background: var(--status-success-05);\n --mds-input-select-arrow-icon-blur-background-color: rgb(var(--status-success-09));\n --mds-input-select-arrow-icon-hover-background-color: rgb(var(--status-success-08));\n --mds-input-select-arrow-icon-blur-color: rgb(var(--status-success-06));\n --mds-input-select-arrow-icon-hover-color: rgb(var(--status-success-04));\n --mds-input-select-variant-color: 0 0 0;\n}\n\n:host([variant="success"]:hover),\n:host([variant="success"]:focus-within) {\n --mds-input-select-icon-color: var(--status-success-04);\n --mds-input-select-variant-color: var(--status-success-05);\n}\n\n:host([variant="warning"]) {\n --mds-input-select-icon-color: var(--status-warning-05);\n --mds-input-select-tip-background: var(--status-warning-05);\n --mds-input-select-arrow-icon-blur-background-color: rgb(var(--status-warning-09));\n --mds-input-select-arrow-icon-hover-background-color: rgb(var(--status-warning-08));\n --mds-input-select-arrow-icon-blur-color: rgb(var(--status-warning-06));\n --mds-input-select-arrow-icon-hover-color: rgb(var(--status-warning-04));\n --mds-input-select-variant-color: 0 0 0;\n}\n\n:host([variant="warning"]:hover),\n:host([variant="warning"]:focus-within) {\n --mds-input-select-icon-color: var(--status-warning-04);\n --mds-input-select-variant-color: var(--status-warning-05);\n}\n\n:host([variant="error"]) {\n --mds-input-select-icon-color: var(--status-error-05);\n --mds-input-select-tip-background: var(--status-error-05);\n --mds-input-select-arrow-icon-blur-background-color: rgb(var(--status-error-09));\n --mds-input-select-arrow-icon-hover-background-color: rgb(var(--status-error-08));\n --mds-input-select-arrow-icon-blur-color: rgb(var(--status-error-06));\n --mds-input-select-arrow-icon-hover-color: rgb(var(--status-error-04));\n --mds-input-select-variant-color: 0 0 0;\n}\n\n:host([variant="error"]:hover),\n:host([variant="error"]:focus-within) {\n --mds-input-select-icon-color: var(--status-error-04);\n --mds-input-select-variant-color: var(--status-error-05);\n}\n\n:host-context(.pref-animation-reduce),\n:host-context(.pref-animation-reduce) .input,\n:host-context(.pref-animation-reduce) .input:hover,\n:host-context(.pref-animation-reduce) .input:focus,\n:host-context(.pref-animation-reduce) .icon {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n}\n\n@media (prefers-reduced-motion) {\n :host-context(.pref-animation-system),\n :host-context(.pref-animation-system) .input,\n :host-context(.pref-animation-system) .input:hover,\n :host-context(.pref-animation-system) .input:focus,\n :host-context(.pref-animation-system) .icon {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n}\n\n:host-context(.pref-theme-dark) {\n --mds-input-select-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n --mds-input-select-arrow-icon-blur-background-color: rgb(var(--variant-primary-05));\n --mds-input-select-arrow-icon-blur-color: rgb(var(--mds-input-select-variant-color));\n --mds-input-select-arrow-icon-hover-background-color: rgb(var(--variant-primary-04));\n --mds-input-select-arrow-icon-hover-color: rgb(var(--variant-primary-08));\n}\n\n:host-context(.pref-theme-dark) .input {\n color: rgb(var(--tone-neutral-03));\n}\n\n@media (prefers-color-scheme: dark) {\n :host-context(.pref-theme-system) {\n --mds-input-select-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n --mds-input-select-arrow-icon-blur-background-color: rgb(var(--variant-primary-05));\n --mds-input-select-arrow-icon-blur-color: rgb(var(--mds-input-select-variant-color));\n --mds-input-select-arrow-icon-hover-background-color: rgb(var(--variant-primary-04));\n --mds-input-select-arrow-icon-hover-color: rgb(var(--variant-primary-08));\n }\n\n :host-context(.pref-theme-system) .input {\n color: rgb(var(--tone-neutral-03));\n }\n}\n\n:host-context(.pref-contrast-more) {\n --mds-input-select-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n}\n\n:host-context(.pref-contrast-more) .input {\n color: rgb(var(--tone-neutral-01));\n}\n\n@media (prefers-contrast: more) {\n :host-context(.pref-contrast-system) {\n --mds-input-select-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n }\n\n :host-context(.pref-contrast-system) .input {\n color: rgb(var(--tone-neutral-01));\n }\n}\n\n:host(:not(:is([hydrated], .hydrated))) {\n -webkit-animation-duration: 0s;\n animation-duration: 0s;\n border-color: transparent;\n -webkit-box-shadow: 0 0 0 transparent;\n box-shadow: 0 0 0 transparent;\n opacity: 0;\n outline-color: transparent;\n -webkit-transition-delay: 0s;\n transition-delay: 0s;\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n visibility: hidden;\n}\n\n/* TODO refact(stencil): Uses only used selector from parent shadowDOM component */\n\nmds-accordion:not(:is([hydrated], .hydrated)),\nmds-accordion-item:not(:is([hydrated], .hydrated)),\nmds-accordion-timer:not(:is([hydrated], .hydrated)),\nmds-accordion-timer-item:not(:is([hydrated], .hydrated)),\nmds-author:not(:is([hydrated], .hydrated)),\nmds-avatar:not(:is([hydrated], .hydrated)),\nmds-badge:not(:is([hydrated], .hydrated)),\nmds-banner:not(:is([hydrated], .hydrated)),\nmds-benchmark-bar:not(:is([hydrated], .hydrated)),\nmds-bibliography:not(:is([hydrated], .hydrated)),\nmds-breadcrumb:not(:is([hydrated], .hydrated)),\nmds-breadcrumb-item:not(:is([hydrated], .hydrated)),\nmds-button:not(:is([hydrated], .hydrated)),\nmds-card:not(:is([hydrated], .hydrated)),\nmds-card-content:not(:is([hydrated], .hydrated)),\nmds-card-footer:not(:is([hydrated], .hydrated)),\nmds-card-header:not(:is([hydrated], .hydrated)),\nmds-card-media:not(:is([hydrated], .hydrated)),\nmds-chip:not(:is([hydrated], .hydrated)),\nmds-details:not(:is([hydrated], .hydrated)),\nmds-dropdown:not(:is([hydrated], .hydrated)),\nmds-entity:not(:is([hydrated], .hydrated)),\nmds-file:not(:is([hydrated], .hydrated)),\nmds-file-preview:not(:is([hydrated], .hydrated)),\nmds-filter:not(:is([hydrated], .hydrated)),\nmds-filter-item:not(:is([hydrated], .hydrated)),\nmds-header:not(:is([hydrated], .hydrated)),\nmds-header-bar:not(:is([hydrated], .hydrated)),\nmds-help:not(:is([hydrated], .hydrated)),\nmds-horizontal-scroll:not(:is([hydrated], .hydrated)),\nmds-hr:not(:is([hydrated], .hydrated)),\nmds-icon:not(:is([hydrated], .hydrated)),\nmds-img:not(:is([hydrated], .hydrated)),\nmds-input:not(:is([hydrated], .hydrated)),\nmds-input-field:not(:is([hydrated], .hydrated)),\nmds-input-range:not(:is([hydrated], .hydrated)),\nmds-input-select:not(:is([hydrated], .hydrated)),\nmds-input-switch:not(:is([hydrated], .hydrated)),\nmds-input-tip:not(:is([hydrated], .hydrated)),\nmds-input-tip-item:not(:is([hydrated], .hydrated)),\nmds-input-upload:not(:is([hydrated], .hydrated)),\nmds-keyboard:not(:is([hydrated], .hydrated)),\nmds-keyboard-key:not(:is([hydrated], .hydrated)),\nmds-kpi:not(:is([hydrated], .hydrated)),\nmds-kpi-item:not(:is([hydrated], .hydrated)),\nmds-label:not(:is([hydrated], .hydrated)),\nmds-list:not(:is([hydrated], .hydrated)),\nmds-list-item:not(:is([hydrated], .hydrated)),\nmds-modal:not(:is([hydrated], .hydrated)),\nmds-note:not(:is([hydrated], .hydrated)),\nmds-notification:not(:is([hydrated], .hydrated)),\nmds-paginator:not(:is([hydrated], .hydrated)),\nmds-paginator-item:not(:is([hydrated], .hydrated)),\nmds-pref:not(:is([hydrated], .hydrated)),\nmds-pref-animation:not(:is([hydrated], .hydrated)),\nmds-pref-consumption:not(:is([hydrated], .hydrated)),\nmds-pref-contrast:not(:is([hydrated], .hydrated)),\nmds-pref-language:not(:is([hydrated], .hydrated)),\nmds-pref-language-item:not(:is([hydrated], .hydrated)),\nmds-pref-theme:not(:is([hydrated], .hydrated)),\nmds-price-table:not(:is([hydrated], .hydrated)),\nmds-price-table-features:not(:is([hydrated], .hydrated)),\nmds-price-table-features-cell:not(:is([hydrated], .hydrated)),\nmds-price-table-features-row:not(:is([hydrated], .hydrated)),\nmds-price-table-header:not(:is([hydrated], .hydrated)),\nmds-price-table-list:not(:is([hydrated], .hydrated)),\nmds-price-table-list-item:not(:is([hydrated], .hydrated)),\nmds-progress:not(:is([hydrated], .hydrated)),\nmds-push-notification:not(:is([hydrated], .hydrated)),\nmds-push-notifications:not(:is([hydrated], .hydrated)),\nmds-quote:not(:is([hydrated], .hydrated)),\nmds-separator:not(:is([hydrated], .hydrated)),\nmds-spinner:not(:is([hydrated], .hydrated)),\nmds-stepper-bar:not(:is([hydrated], .hydrated)),\nmds-stepper-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab:not(:is([hydrated], .hydrated)),\nmds-tab-bar:not(:is([hydrated], .hydrated)),\nmds-tab-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab-item:not(:is([hydrated], .hydrated)),\nmds-table:not(:is([hydrated], .hydrated)),\nmds-table-body:not(:is([hydrated], .hydrated)),\nmds-table-cell:not(:is([hydrated], .hydrated)),\nmds-table-footer:not(:is([hydrated], .hydrated)),\nmds-table-header:not(:is([hydrated], .hydrated)),\nmds-table-header-cell:not(:is([hydrated], .hydrated)),\nmds-table-row:not(:is([hydrated], .hydrated)),\nmds-text:not(:is([hydrated], .hydrated)),\nmds-toast:not(:is([hydrated], .hydrated)),\nmds-tooltip:not(:is([hydrated], .hydrated)),\nmds-tree:not(:is([hydrated], .hydrated)),\nmds-tree-item:not(:is([hydrated], .hydrated)),\nmds-url-view:not(:is([hydrated], .hydrated)),\nmds-usage:not(:is([hydrated], .hydrated)),\nmds-video-wall:not(:is([hydrated], .hydrated)),\nmds-zero:not(:is([hydrated], .hydrated))\n{\n -webkit-animation-duration: 0s;\n animation-duration: 0s;\n border-color: transparent;\n -webkit-box-shadow: 0 0 0 transparent;\n box-shadow: 0 0 0 transparent;\n opacity: 0;\n outline-color: transparent;\n -webkit-transition-delay: 0s;\n transition-delay: 0s;\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n visibility: hidden;\n}\n\n';export{i as mds_input_select}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as d,H as e,g as a}from"./p-3a6b32e7.js";import{L as r}from"./p-2d77deaf.js";import{i as s}from"./p-ac907a81.js";import"./p-85aa8e05.js";const o={selectRow:"Επιλογή γραμμής",unselectRow:"Αποεπιλογή γραμμής"},i={selectRow:"Select row",unselectRow:"Deselect row"},n={selectRow:"Seleccionar fila",unselectRow:"Deseleccionar fila"},h={selectRow:"Seleziona riga",unselectRow:"Deseleziona riga"},c=class{constructor(d){t(this,d),this.hasActions=!0,this.t=new r({el:o,en:i,es:n,it:h}),this.selectable=void 0,this.handleSelectionChange=t=>{var d;this.selected=t.detail.checked,null===(d=this.host.closest("mds-table"))||void 0===d||d.updateSelection()}}async updateLang(){this.language=this.t.lang(this.host),this.t.update()}componentWillLoad(){this.language=this.t.lang(this.host),this.hasActions=null!==this.host.querySelector(':scope > [slot="action"]')}componentDidLoad(){this.hasActions&&this.initObserver()}initObserver(){this.observer=new ResizeObserver((t=>{this.sizerWidth=`${t[0].borderBoxSize[0].inlineSize.toString()}px`})),this.observer.observe(this.actions)}disconnectedCallback(){this.observer.disconnect()}render(){return d(e,{key:"234d7bbd1cc849745e980aa6520c753c751155d7",role:"row"},this.selectable&&d("mds-table-cell",{key:"f4072cc5c445f094c8ba7c3198d5cb923eb973de",class:"selection-cell"},d("div",{key:"dd68ceda9b2c70df2c761b6ab71c29c2a216601b",class:"checkbox-wrapper"},d("mds-input-switch",{key:"bf93ec7b274d075f71eabdccd0963c9dfc51885b",title:this.t.get(this.selected?"unselectRow":"selectRow"),lang:this.language,type:"checkbox",checked:this.selected,onMdsInputSwitchChange:this.handleSelectionChange}))),d("slot",{key:"7fdb8aa28b685f9f26c8607705d7250afbd2ead1"}),this.hasActions&&s()&&d("mds-table-cell",{key:"b7666e3715adac753175f7ed9bd2a4a077aa1193",class:"actions-cell actions-cell--disable"},d("div",{key:"2d2824b774434ac154b6a747896b6bd91407a0c4",class:"actions"},d("slot",{key:"fb2bb9e8c437fc4fc971779ac3e38bc2332c2ff9",name:"action"}))),this.hasActions&&!s()&&d("mds-table-cell",{key:"7f889b921dea7083a6d7e0ad050529964e81b8a2",class:"actions-cell"},d("div",{key:"cbd0bd0c80f802cb4d0bbecb0c5346f4dc99a220",class:"actions-sizer",style:{minHeight:"1px",maxWidth:this.sizerWidth,minWidth:this.sizerWidth}}),d("div",{key:"5e1fb7d8b156375fd600a58d4c5460af008510b5",class:"actions-view"},d("div",{key:"270dc894489e7e55b7c80c37f0bccc05aabb9b32",class:"actions",ref:t=>this.actions=t,style:{marginRight:`calc(${this.sizerWidth} + var(--mds-table-cell-padding))`}},d("slot",{key:"234867194163d5a56ed1465a25c738cb9ffac67f",name:"action"})))))}get host(){return a(this)}};c.style=':host{--mds-table-row-color-hover:var(--mds-table-color, rgb(var(--tone-neutral-02)));--mds-table-row-color-alt:var(--mds-table-color-alt, rgb(var(--tone-neutral-02)));--mds-table-row-background-hover:var(--mds-table-background, rgb(var(--tone-neutral)));--mds-table-row-background-alt:var(--mds-table-background-alt, rgb(var(--tone-neutral)));--mds-table-row-actions-gap:var(--mds-table-actions-gap, 1rem);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);color:var(--mds-table-row-color);display:table-row;position:relative;-webkit-transition-property:color;transition-property:color}.selection-cell{vertical-align:middle}.checkbox-wrapper{display:-ms-flexbox;display:flex}:host([interactive]:hover){--mds-table-row-actions-background:var(--mds-table-row-background-hover);--mds-table-row-background:var(--mds-table-row-background-hover);--mds-table-row-color:var(--mds-table-row-color-hover)}:host([selected]){--mds-table-row-background:var(--mds-table-row-background-hover);--mds-table-row-color:var(--mds-table-row-color-hover)}:host([sorted]){--mds-table-row-background:var(--mds-table-row-background-alt);--mds-table-row-color:var(--mds-table-row-color-alt)}:host([sorted][selected]){--mds-table-row-background:var(--mds-table-row-background-hover);--mds-table-row-color:var(--mds-table-row-color-hover)}.actions-view{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;inset:0;-ms-flex-pack:end;justify-content:end;pointer-events:none;position:absolute}.actions{--mds-table-row-actions-background:var(--mds-table-row-background);-ms-flex-align:center;align-items:center;background-color:var(--mds-table-row-actions-background);border-bottom-left-radius:calc(0.5rem + var(--mds-table-border-width) * 2);border-top-left-radius:calc(0.5rem + var(--mds-table-border-width) * 2);display:-ms-inline-flexbox;display:inline-flex;gap:var(--mds-table-row-actions-gap);inset:0;margin-right:100%;padding:calc(var(--mds-table-border-width) * 2);padding-right:0;pointer-events:auto;position:-webkit-sticky;position:sticky;right:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-property:background-color, padding-right, -webkit-transform;transition-property:background-color, padding-right, -webkit-transform;transition-property:transform, background-color, padding-right;transition-property:transform, background-color, padding-right, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}:host(:hover) .actions{-webkit-transform:translateX(100%);transform:translateX(100%)}:host([overlay-actions]) .actions{padding-right:var(--mds-table-cell-padding);-webkit-transform:translateX(100%);transform:translateX(100%)}:host([overlay-actions]:hover) .actions{--mds-table-row-actions-background:var(--mds-table-row-background);-webkit-transform:translateX(0);transform:translateX(0)}:host-context(mds-table[interactive="false"]):host(:hover) .actions,:host-context(mds-table:not([interactive])):host(:hover) .actions{--mds-table-row-actions-background:var(--mds-table-row-background-hover)}:host-context(mds-table[selection]:not([interactive])):host(:not([selected]):hover) .actions,:host-context(mds-table[selection][interactive="false"]):host(:not([selected]):hover) .actions,:host-context(mds-table[selection]:not([interactive])):host([selected="false"]:hover) .actions,:host-context(mds-table[selection][interactive="false"]):host([selected="false"]:hover) .actions{--mds-table-row-actions-background:var(--mds-table-row-background-alt)}.actions-cell--disable,.actions-cell--disable .actions{position:static !important}.actions-cell--disable .actions{margin-right:0 !important;-webkit-transform:translateX(0) !important;transform:translateX(0) !important}:host-context(.pref-animation-reduce){-webkit-transition-duration:0s;transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system){-webkit-transition-duration:0s;transition-duration:0s}}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}';export{c as mds_table_row}
|