@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.
Files changed (36) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/magma-components.cjs.js +1 -1
  3. package/dist/cjs/mds-input-select.cjs.entry.js +41 -18
  4. package/dist/cjs/mds-table-row.cjs.entry.js +8 -7
  5. package/dist/collection/components/mds-input-select/mds-input-select.css +3 -3
  6. package/dist/collection/components/mds-input-select/mds-input-select.js +60 -17
  7. package/dist/collection/components/mds-input-select/test/mds-input-select.stories.js +1 -0
  8. package/dist/collection/components/mds-table-row/mds-table-row.js +8 -7
  9. package/dist/components/mds-input-select.js +44 -20
  10. package/dist/components/mds-table-row.js +8 -7
  11. package/dist/documentation.json +33 -1
  12. package/dist/esm/loader.js +1 -1
  13. package/dist/esm/magma-components.js +1 -1
  14. package/dist/esm/mds-input-select.entry.js +41 -18
  15. package/dist/esm/mds-table-row.entry.js +8 -7
  16. package/dist/esm-es5/loader.js +1 -1
  17. package/dist/esm-es5/magma-components.js +1 -1
  18. package/dist/esm-es5/mds-input-select.entry.js +1 -1
  19. package/dist/esm-es5/mds-table-row.entry.js +1 -1
  20. package/dist/hydrate/index.js +51 -26
  21. package/dist/hydrate/index.mjs +51 -26
  22. package/dist/magma-components/magma-components.esm.js +1 -1
  23. package/dist/magma-components/p-26cd6ec8.system.js +1 -1
  24. package/dist/magma-components/p-2812b739.entry.js +1 -0
  25. package/dist/magma-components/{p-028dc4fb.system.entry.js → p-3458887d.system.entry.js} +1 -1
  26. package/dist/magma-components/p-347adbeb.entry.js +1 -0
  27. package/dist/magma-components/p-7a01206a.system.entry.js +1 -0
  28. package/dist/stats.json +77 -42
  29. package/dist/types/components/mds-input-select/mds-input-select.d.ts +14 -1
  30. package/dist/types/components/mds-input-select/test/mds-input-select.stories.d.ts +1 -0
  31. package/dist/types/components/mds-table-row/mds-table-row.d.ts +1 -1
  32. package/dist/types/components.d.ts +8 -0
  33. package/package.json +1 -1
  34. package/dist/magma-components/p-045996f1.system.entry.js +0 -1
  35. package/dist/magma-components/p-4745e425.entry.js +0 -1
  36. package/dist/magma-components/p-662d3f69.entry.js +0 -1
package/dist/stats.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2025-12-01T11:04:58",
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-4745e425",
2090
- "fileName": "p-4745e425.entry.js",
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": 23705
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-662d3f69",
2667
- "fileName": "p-662d3f69.entry.js",
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": 13294
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": 23730
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": 13324
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": 23730
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": 13324
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-045996f1.system",
6389
- "fileName": "p-045996f1.system.entry.js",
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": 24847
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-028dc4fb.system",
6966
- "fileName": "p-028dc4fb.system.entry.js",
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": 14095
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": 23830
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": 13465
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": false,
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": false,
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;
@@ -79,6 +79,7 @@ export declare const Required: {
79
79
  render: (args: any) => any;
80
80
  args: {
81
81
  required: boolean;
82
+ placeholder: string;
82
83
  };
83
84
  };
84
85
  export declare const Disabled: {
@@ -6,7 +6,7 @@ export declare class MdsTableRow {
6
6
  host: HTMLMdsTableRowElement;
7
7
  private actions;
8
8
  private hasActions;
9
- private observer;
9
+ private observer?;
10
10
  sizerWidth: string;
11
11
  private t;
12
12
  language: string;
@@ -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,6 +1,6 @@
1
1
  {
2
2
  "name": "@maggioli-design-system/magma",
3
- "version": "1.10.6",
3
+ "version": "1.10.8",
4
4
  "description": "Magma is Maggioli Design System's web-components library.",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -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}