@ptcwebops/ptcw-design 7.0.3-upgrade → 7.0.4-upgrade

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 (111) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/my-component.ptc-button.ptc-select.ptc-spacer.entry.cjs.js.map +1 -0
  3. package/dist/cjs/{ptc-multi-select_2.cjs.entry.js → my-component_4.cjs.entry.js} +249 -558
  4. package/dist/cjs/ptc-multi-select.cjs.entry.js +326 -0
  5. package/dist/cjs/ptc-multi-select.entry.cjs.js.map +1 -0
  6. package/dist/cjs/ptcw-design.cjs.js +1 -1
  7. package/dist/collection/components/atoms/ptc-select/ptc-select.js +27 -258
  8. package/dist/collection/components/atoms/ptc-select/ptc-select.js.map +1 -1
  9. package/dist/components/academic-form-test.js +1 -1
  10. package/dist/components/embedded-form.js +1 -1
  11. package/dist/components/{p-D12rZh_N.js → p-s8aoBDRM.js} +29 -259
  12. package/dist/components/p-s8aoBDRM.js.map +1 -0
  13. package/dist/components/ptc-form.js +1 -1
  14. package/dist/components/ptc-select.js +1 -1
  15. package/dist/esm/blog-detail-content.entry.js +1 -1
  16. package/dist/esm/blog-detail-layout.entry.js +1 -1
  17. package/dist/esm/blogs-search-section.entry.js +1 -1
  18. package/dist/esm/homepage-jumbotron.entry.js +1 -1
  19. package/dist/esm/homepage-toggled-content.entry.js +1 -1
  20. package/dist/esm/{index-CeGWP728.js → index-BQ-J1lHr.js} +3 -3
  21. package/dist/esm/{index-CeGWP728.js.map → index-BQ-J1lHr.js.map} +1 -1
  22. package/dist/esm/index.js +1 -1
  23. package/dist/esm/innovator-toggle-container.entry.js +1 -1
  24. package/dist/esm/loader.js +1 -1
  25. package/dist/esm/most-popular-news.entry.js +1 -1
  26. package/dist/esm/my-component.ptc-button.ptc-select.ptc-spacer.entry.js.map +1 -0
  27. package/dist/esm/{ptc-multi-select_2.entry.js → my-component_4.entry.js} +249 -560
  28. package/dist/esm/ptc-accordion-item.entry.js +1 -1
  29. package/dist/esm/ptc-background-video.entry.js +1 -1
  30. package/dist/esm/ptc-collapse-list.entry.js +1 -1
  31. package/dist/esm/ptc-form-checkbox_2.entry.js +1 -1
  32. package/dist/esm/ptc-homepage-image-feature.entry.js +1 -1
  33. package/dist/esm/ptc-homepage-video-background.entry.js +1 -1
  34. package/dist/esm/ptc-icon-card.entry.js +1 -1
  35. package/dist/esm/ptc-link.entry.js +1 -1
  36. package/dist/esm/ptc-media-card.entry.js +1 -1
  37. package/dist/esm/ptc-multi-select.entry.js +324 -0
  38. package/dist/esm/ptc-multi-select.entry.js.map +1 -0
  39. package/dist/esm/ptc-para.entry.js +1 -1
  40. package/dist/esm/ptc-pricing-packaging-table.entry.js +1 -1
  41. package/dist/esm/ptc-pricing-tabs.entry.js +1 -1
  42. package/dist/esm/ptc-social-icons-footer.entry.js +1 -1
  43. package/dist/esm/ptc-title.entry.js +1 -1
  44. package/dist/esm/ptcw-design.js +1 -1
  45. package/dist/ptcw-design/index.esm.js +1 -1
  46. package/dist/ptcw-design/my-component.ptc-button.ptc-select.ptc-spacer.entry.esm.js.map +1 -0
  47. package/dist/ptcw-design/{p-d50fafce.entry.js → p-030050c6.entry.js} +2 -2
  48. package/dist/ptcw-design/{p-8ac60356.entry.js → p-03e35969.entry.js} +2 -2
  49. package/dist/ptcw-design/{p-691a8eda.entry.js → p-094f1ed3.entry.js} +2 -2
  50. package/dist/ptcw-design/{p-8d804339.entry.js → p-0acf6720.entry.js} +2 -2
  51. package/dist/ptcw-design/{p-78d69f8f.entry.js → p-125a12d0.entry.js} +2 -2
  52. package/dist/ptcw-design/{p-beff3a27.entry.js → p-17a89ad7.entry.js} +2 -2
  53. package/dist/ptcw-design/{p-f23e33af.entry.js → p-42d10c1c.entry.js} +2 -2
  54. package/dist/ptcw-design/{p-bb3383e9.entry.js → p-45a93565.entry.js} +2 -2
  55. package/dist/ptcw-design/{p-de6c1bff.entry.js → p-4b8d6128.entry.js} +2 -2
  56. package/dist/ptcw-design/{p-2f7aa5e0.entry.js → p-56099bda.entry.js} +2 -2
  57. package/dist/ptcw-design/{p-2556892b.entry.js → p-5a290808.entry.js} +2 -2
  58. package/dist/ptcw-design/{p-8bf6c17b.entry.js → p-659210c6.entry.js} +2 -2
  59. package/dist/ptcw-design/{p-5e0430a3.entry.js → p-67a04fd5.entry.js} +2 -2
  60. package/dist/ptcw-design/{p-59c2ac1e.entry.js → p-6ce2bfc0.entry.js} +2 -2
  61. package/dist/ptcw-design/{p-378c5cb0.entry.js → p-70a4ca49.entry.js} +2 -2
  62. package/dist/ptcw-design/p-893ac2ab.entry.js +2 -0
  63. package/dist/ptcw-design/p-893ac2ab.entry.js.map +1 -0
  64. package/dist/ptcw-design/{p-3885d818.entry.js → p-8e11fe26.entry.js} +2 -2
  65. package/dist/ptcw-design/{p-CeGWP728.js → p-BQ-J1lHr.js} +2 -2
  66. package/dist/ptcw-design/{p-CeGWP728.js.map → p-BQ-J1lHr.js.map} +1 -1
  67. package/dist/ptcw-design/{p-11e6acb7.entry.js → p-b37d3919.entry.js} +2 -2
  68. package/dist/ptcw-design/{p-26c3da78.entry.js → p-b95cdf15.entry.js} +2 -2
  69. package/dist/ptcw-design/{p-4395d3fd.entry.js → p-da5def0e.entry.js} +2 -2
  70. package/dist/ptcw-design/{p-6a8084c2.entry.js → p-de741ac8.entry.js} +2 -2
  71. package/dist/ptcw-design/p-e03af331.entry.js +2 -0
  72. package/dist/ptcw-design/p-e03af331.entry.js.map +1 -0
  73. package/dist/ptcw-design/{p-611cee92.entry.js → p-fc0afcf1.entry.js} +2 -2
  74. package/dist/ptcw-design/ptc-multi-select.entry.esm.js.map +1 -0
  75. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  76. package/dist/types/components/atoms/ptc-select/ptc-select.d.ts +2 -0
  77. package/package.json +1 -1
  78. package/dist/cjs/my-component.ptc-button.ptc-spacer.entry.cjs.js.map +0 -1
  79. package/dist/cjs/my-component_3.cjs.entry.js +0 -247
  80. package/dist/cjs/ptc-multi-select.ptc-select.entry.cjs.js.map +0 -1
  81. package/dist/components/p-D12rZh_N.js.map +0 -1
  82. package/dist/esm/my-component.ptc-button.ptc-spacer.entry.js.map +0 -1
  83. package/dist/esm/my-component_3.entry.js +0 -243
  84. package/dist/esm/ptc-multi-select.ptc-select.entry.js.map +0 -1
  85. package/dist/ptcw-design/my-component.ptc-button.ptc-spacer.entry.esm.js.map +0 -1
  86. package/dist/ptcw-design/p-71c42440.entry.js +0 -2
  87. package/dist/ptcw-design/p-71c42440.entry.js.map +0 -1
  88. package/dist/ptcw-design/p-c58a65cb.entry.js +0 -2
  89. package/dist/ptcw-design/p-c58a65cb.entry.js.map +0 -1
  90. package/dist/ptcw-design/ptc-multi-select.ptc-select.entry.esm.js.map +0 -1
  91. /package/dist/ptcw-design/{p-d50fafce.entry.js.map → p-030050c6.entry.js.map} +0 -0
  92. /package/dist/ptcw-design/{p-8ac60356.entry.js.map → p-03e35969.entry.js.map} +0 -0
  93. /package/dist/ptcw-design/{p-691a8eda.entry.js.map → p-094f1ed3.entry.js.map} +0 -0
  94. /package/dist/ptcw-design/{p-8d804339.entry.js.map → p-0acf6720.entry.js.map} +0 -0
  95. /package/dist/ptcw-design/{p-78d69f8f.entry.js.map → p-125a12d0.entry.js.map} +0 -0
  96. /package/dist/ptcw-design/{p-beff3a27.entry.js.map → p-17a89ad7.entry.js.map} +0 -0
  97. /package/dist/ptcw-design/{p-f23e33af.entry.js.map → p-42d10c1c.entry.js.map} +0 -0
  98. /package/dist/ptcw-design/{p-bb3383e9.entry.js.map → p-45a93565.entry.js.map} +0 -0
  99. /package/dist/ptcw-design/{p-de6c1bff.entry.js.map → p-4b8d6128.entry.js.map} +0 -0
  100. /package/dist/ptcw-design/{p-2f7aa5e0.entry.js.map → p-56099bda.entry.js.map} +0 -0
  101. /package/dist/ptcw-design/{p-2556892b.entry.js.map → p-5a290808.entry.js.map} +0 -0
  102. /package/dist/ptcw-design/{p-8bf6c17b.entry.js.map → p-659210c6.entry.js.map} +0 -0
  103. /package/dist/ptcw-design/{p-5e0430a3.entry.js.map → p-67a04fd5.entry.js.map} +0 -0
  104. /package/dist/ptcw-design/{p-59c2ac1e.entry.js.map → p-6ce2bfc0.entry.js.map} +0 -0
  105. /package/dist/ptcw-design/{p-378c5cb0.entry.js.map → p-70a4ca49.entry.js.map} +0 -0
  106. /package/dist/ptcw-design/{p-3885d818.entry.js.map → p-8e11fe26.entry.js.map} +0 -0
  107. /package/dist/ptcw-design/{p-11e6acb7.entry.js.map → p-b37d3919.entry.js.map} +0 -0
  108. /package/dist/ptcw-design/{p-26c3da78.entry.js.map → p-b95cdf15.entry.js.map} +0 -0
  109. /package/dist/ptcw-design/{p-4395d3fd.entry.js.map → p-da5def0e.entry.js.map} +0 -0
  110. /package/dist/ptcw-design/{p-6a8084c2.entry.js.map → p-de741ac8.entry.js.map} +0 -0
  111. /package/dist/ptcw-design/{p-611cee92.entry.js.map → p-fc0afcf1.entry.js.map} +0 -0
@@ -1,6 +1,5 @@
1
1
  import { h, Host, } from "@stencil/core";
2
2
  import { MDCSelect } from "@material/select";
3
- // import { MDCSelectHelperText } from '@material/select/helper-text';
4
3
  import { ValidationMessages } from "../../../utils/validation-messages";
5
4
  import { getLanguageFromURL } from "../../../utils/utils";
6
5
  export class PtcSelect {
@@ -23,253 +22,8 @@ export class PtcSelect {
23
22
  valueChange;
24
23
  defaultSelect;
25
24
  lastInteraction = "mouse";
26
- //PUT BACK IN WHEN WE CAN FIGURE OUT WHY IT'S NOT WORKING
27
- // private map: { [key: string]: string } = {
28
- // Afghanistan: "AF",
29
- // Albania: "AL",
30
- // Algeria: "DZ",
31
- // "American Samoa": "AS",
32
- // Andorra: "AD",
33
- // Angola: "AO",
34
- // Anguilla: "AI",
35
- // Antarctica: "AQ",
36
- // "Antigua and Barbuda": "AG",
37
- // Argentina: "AR",
38
- // Armenia: "AM",
39
- // Aruba: "AW",
40
- // Australia: "AU",
41
- // Austria: "AT",
42
- // Azerbaijan: "AZ",
43
- // Bahamas: "BS",
44
- // Bahrain: "BH",
45
- // Bangladesh: "BD",
46
- // Barbados: "BB",
47
- // Belarus: "BY",
48
- // Belgium: "BE",
49
- // Belize: "BZ",
50
- // Benin: "BJ",
51
- // Bermuda: "BM",
52
- // Bhutan: "BT",
53
- // Bolivia: "BO",
54
- // "Bosnia and Herzegovina": "BA",
55
- // Botswana: "BW",
56
- // "Bouvet Island": "BV",
57
- // Brazil: "BR",
58
- // "British Indian Ocean Territory": "IO",
59
- // "Brunei Darussalam": "BN",
60
- // Bulgaria: "BG",
61
- // "Burkina Faso": "BF",
62
- // Burundi: "BI",
63
- // Cambodia: "KH",
64
- // Cameroon: "CM",
65
- // Canada: "CA",
66
- // "Cape Verde": "CV",
67
- // "Cayman Islands": "KY",
68
- // "Central African Republic": "CF",
69
- // Chad: "TD",
70
- // Chile: "CL",
71
- // China: "CN",
72
- // "Christmas Island": "CX",
73
- // "Cocos (Keeling) Islands": "CC",
74
- // Colombia: "CO",
75
- // Comoros: "KM",
76
- // Congo: "CG",
77
- // "Congo, Democratic Republic": "CD",
78
- // "Cook Islands": "CK",
79
- // "Costa Rica": "CR",
80
- // "Cote d ivoire": "CI",
81
- // Croatia: "HR",
82
- // Cuba: "CU",
83
- // Cyprus: "CY",
84
- // "Czech Republic": "CZ",
85
- // Denmark: "DK",
86
- // Djibouti: "DJ",
87
- // Dominica: "DM",
88
- // "Dominican Republic": "DO",
89
- // Ecuador: "EC",
90
- // Egypt: "EG",
91
- // "El Salvador": "SV",
92
- // "Equatorial Guinea": "GQ",
93
- // Eritrea: "ER",
94
- // Estonia: "EE",
95
- // Ethiopia: "ET",
96
- // "Falkland Islands": "FK",
97
- // "Faroe Islands": "FO",
98
- // Fiji: "FJ",
99
- // Finland: "FI",
100
- // France: "FR",
101
- // "French Guiana": "GF",
102
- // "French Polynesia": "PF",
103
- // "French Southern Territories": "TF",
104
- // Gabon: "GA",
105
- // Gambia: "GM",
106
- // Georgia: "GE",
107
- // Germany: "DE",
108
- // Ghana: "GH",
109
- // Gibraltar: "GI",
110
- // Greece: "GR",
111
- // Greenland: "GL",
112
- // Grenada: "GD",
113
- // Guadeloupe: "GP",
114
- // Guam: "GU",
115
- // Guatemala: "GT",
116
- // Guernsey: "GG",
117
- // Guinea: "GN",
118
- // "Guinea-Bissau": "GW",
119
- // Guyana: "GY",
120
- // Haiti: "HT",
121
- // "Heard and McDonald Isl": "HM",
122
- // "Holy See (Vatican City State)": "VA",
123
- // Honduras: "HN",
124
- // "Hong Kong": "HK",
125
- // Hungary: "HU",
126
- // Iceland: "IS",
127
- // India: "IN",
128
- // Indonesia: "ID",
129
- // "Iran, Islamic Republic Of": "IR",
130
- // Iraq: "IQ",
131
- // Ireland: "IE",
132
- // "Isle Of Man": "IM",
133
- // Israel: "IL",
134
- // Italy: "IT",
135
- // Jamaica: "JM",
136
- // Japan: "JP",
137
- // Jersey: "JE",
138
- // Jordan: "JO",
139
- // Kazakhstan: "KZ",
140
- // Kenya: "KE",
141
- // Kiribati: "KI",
142
- // Korea: "KR",
143
- // Kuwait: "KW",
144
- // Kyrgyzstan: "KG",
145
- // "Lao People's Democratic Republic": "LA",
146
- // Latvia: "LV",
147
- // Lebanon: "LB",
148
- // Lesotho: "LS",
149
- // Liberia: "LR",
150
- // "Libyan Arab Jamahiriya": "LY",
151
- // Liechtenstein: "LI",
152
- // Lithuania: "LT",
153
- // Luxembourg: "LU",
154
- // Macao: "MO",
155
- // Macedonia: "MK",
156
- // Madagascar: "MG",
157
- // Malawi: "MW",
158
- // Malaysia: "MY",
159
- // Maldives: "MV",
160
- // Mali: "ML",
161
- // Malta: "MT",
162
- // "Marshall Islands": "MH",
163
- // Martinique: "MQ",
164
- // Mauritania: "MR",
165
- // Mauritius: "MU",
166
- // Mayotte: "YT",
167
- // Mexico: "MX",
168
- // "Micronesia, Federated States Of": "FM",
169
- // Moldova: "MD",
170
- // Monaco: "MC",
171
- // Mongolia: "MN",
172
- // Montenegro: "ME",
173
- // Montserrat: "MS",
174
- // Morocco: "MA",
175
- // Mozambique: "MZ",
176
- // Myanmar: "MM",
177
- // Namibia: "NA",
178
- // Nauru: "NR",
179
- // Nepal: "NP",
180
- // Netherlands: "NL",
181
- // "Netherlands Antilles": "AN",
182
- // "New Caledonia": "NC",
183
- // "New Zealand": "NZ",
184
- // Nicaragua: "NI",
185
- // Niger: "NE",
186
- // Nigeria: "NG",
187
- // Niue: "NU",
188
- // "Norfolk Island": "NF",
189
- // "Northern Mariana Islands": "MP",
190
- // Norway: "NO",
191
- // Oman: "OM",
192
- // Pakistan: "PK",
193
- // Palau: "PW",
194
- // "Palestinian Territory, Occupied": "PS",
195
- // Panama: "PA",
196
- // "Papua New Guinea": "PG",
197
- // Paraguay: "PY",
198
- // Peru: "PE",
199
- // Philippines: "PH",
200
- // Pitcairn: "PN",
201
- // Poland: "PL",
202
- // Portugal: "PT",
203
- // "Puerto Rico": "PR",
204
- // Qatar: "QA",
205
- // Reunion: "RE",
206
- // Romania: "RO",
207
- // "Russian Federation": "RU",
208
- // Rwanda: "RW",
209
- // "Saint Barthelemy": "BL",
210
- // "Saint Helena": "SH",
211
- // "Saint Kitts and Nevis": "KN",
212
- // "Saint Lucia": "LC",
213
- // "Saint Martin": "MF",
214
- // "Saint Pierre and Miquelon": "PM",
215
- // "Saint Vincent and Grenadines": "VC",
216
- // Samoa: "WS",
217
- // "San Marino": "SM",
218
- // "Sao Tome and Principe": "ST",
219
- // "Saudi Arabia": "SA",
220
- // Senegal: "SN",
221
- // Serbia: "RS",
222
- // Seychelles: "SC",
223
- // "Sierra Leone": "SL",
224
- // Singapore: "SG",
225
- // Slovakia: "SK",
226
- // Slovenia: "SI",
227
- // "Solomon Islands": "SB",
228
- // Somalia: "SO",
229
- // "South Africa": "ZA",
230
- // "South Georgia and Sandwich Isl.": "GS",
231
- // Spain: "ES",
232
- // "Sri Lanka": "LK",
233
- // Sudan: "SD",
234
- // Suriname: "SR",
235
- // "Svalbard and Jan Mayen": "SJ",
236
- // Swaziland: "SZ",
237
- // Sweden: "SE",
238
- // Switzerland: "CH",
239
- // "Syrian Arab Republic": "SY",
240
- // Taiwan: "TW",
241
- // Tajikistan: "TJ",
242
- // Tanzania: "TZ",
243
- // Thailand: "TH",
244
- // "Timor-Leste": "TL",
245
- // Togo: "TG",
246
- // Tokelau: "TK",
247
- // Tonga: "TO",
248
- // "Trinidad and Tobago": "TT",
249
- // Tunisia: "TN",
250
- // Turkey: "TR",
251
- // Turkmenistan: "TM",
252
- // "Turks and Caicos Islands": "TC",
253
- // Tuvalu: "TV",
254
- // Uganda: "UG",
255
- // Ukraine: "UA",
256
- // "United Arab Emirates": "AE",
257
- // "United Kingdom": "GB",
258
- // USA: "US",
259
- // "US Minor Outlying Islands": "UM",
260
- // Uruguay: "UY",
261
- // Uzbekistan: "UZ",
262
- // Vanuatu: "VU",
263
- // Venezuela: "VE",
264
- // Vietnam: "VN",
265
- // "Virgin Islands (British)": "VG",
266
- // "Virgin Islands (U.S.)": "VI",
267
- // "Wallis And Futuna": "WF",
268
- // "Western Sahara": "EH",
269
- // Yemen: "YE",
270
- // Zambia: "ZM",
271
- // Zimbabwe: "ZW",
272
- // };
25
+ documentMousedownHandler;
26
+ documentKeydownHandler;
273
27
  async setValue() {
274
28
  this.defaultSelect.value = this.defaultValue;
275
29
  }
@@ -278,7 +32,12 @@ export class PtcSelect {
278
32
  this.helpertext = this.getValidationMessage("select");
279
33
  }
280
34
  componentDidLoad() {
281
- this.defaultSelect = new MDCSelect(this.el.querySelector(".mdc-select"));
35
+ const selectElement = this.el.querySelector(".mdc-select");
36
+ if (!selectElement) {
37
+ console.warn("ptc-select: Unable to find .mdc-select element.");
38
+ return;
39
+ }
40
+ this.defaultSelect = new MDCSelect(selectElement);
282
41
  if (this.defaultValue)
283
42
  this.setValue();
284
43
  this.defaultSelect.listen("MDCSelect:change", () => {
@@ -303,6 +62,13 @@ export class PtcSelect {
303
62
  this.setupFocusHandlers();
304
63
  }
305
64
  disconnectedCallback() {
65
+ // Remove document event listeners to prevent memory leaks
66
+ if (this.documentMousedownHandler) {
67
+ document.removeEventListener("mousedown", this.documentMousedownHandler);
68
+ }
69
+ if (this.documentKeydownHandler) {
70
+ document.removeEventListener("keydown", this.documentKeydownHandler);
71
+ }
306
72
  if (this.defaultSelect) {
307
73
  this.defaultSelect.destroy();
308
74
  }
@@ -374,17 +140,20 @@ export class PtcSelect {
374
140
  return className;
375
141
  }
376
142
  setupFocusHandlers() {
377
- // Track the last interaction type
378
- document.addEventListener("mousedown", () => {
143
+ // Track the last interaction type - use bound handlers for proper cleanup
144
+ this.documentMousedownHandler = () => {
379
145
  this.lastInteraction = "mouse";
380
- });
381
- document.addEventListener("keydown", (e) => {
146
+ };
147
+ this.documentKeydownHandler = (e) => {
382
148
  if (e.key === "Tab") {
383
149
  this.lastInteraction = "keyboard";
384
150
  }
385
- });
386
- const selectFields = document.querySelectorAll(".mdc-select");
387
- selectFields.forEach((selectField) => {
151
+ };
152
+ document.addEventListener("mousedown", this.documentMousedownHandler);
153
+ document.addEventListener("keydown", this.documentKeydownHandler);
154
+ // Only query select fields within this component, not globally
155
+ const selectField = this.el.querySelector(".mdc-select");
156
+ if (selectField) {
388
157
  const select = selectField.querySelector(".mdc-select__anchor");
389
158
  if (select) {
390
159
  select.addEventListener("focus", () => {
@@ -401,10 +170,10 @@ export class PtcSelect {
401
170
  selectField.classList.remove("keyboard-focus", "mouse-focus");
402
171
  });
403
172
  }
404
- });
173
+ }
405
174
  }
406
175
  render() {
407
- return (h(Host, { key: '4c430f9ad750feb18de9df81a3137f9b5a1224b7', class: "ptc-select mf-listen" }, h("div", { key: 'f389f9cf29b0707cba33275f83f3a54100368252', class: this.getSelectClassName() }, h("label", { key: '0d8c79edaf20acb68bbe5fb9256285913f3fa171', class: "ptc-label-select", htmlFor: this.fieldId }, this.label), h("div", { key: '6bd9f7a7e80e87076194121cba04b28217ae35d1', class: "mdc-select__anchor", "aria-labelledby": "outlined-select-label", ...(this.isRequired ? { ariaRequired: true } : null) }, h("span", { key: '97c6eb2788cbef65a602e18241c9c6e987d4c859', class: "mdc-notched-outline" }, h("span", { key: '5933cd012fe28801954d5f281be6b915ffaa3d74', class: "mdc-notched-outline__leading" }), h("span", { key: '157a06e97d7ac2a0ec61f6b535e97e82c4a0b9cb', class: "mdc-notched-outline__trailing" })), h("span", { key: 'b6f47128839045e7a8060b617bb4926e0db550dd', class: "mdc-select__selected-text-container" }, h("span", { key: 'caa8d2d7b9d412178085f7ef19e8f1853b01c14c', id: this.fieldId, class: "mdc-select__selected-text", "aria-controls": this.fieldName, "aria-describedby": this.fieldName, "data-eloqua-name": this.ptcDataEloquaName, "data-target-eloqua-name": this.ptcDataTargetEloquaName })), h("span", { key: 'b1a32024594205c3b23edcc955f0116dbc30bbbb', class: "mdc-select__dropdown-icon" }, h("svg", { key: '8f1ed10f51228ee73b19ffbec277c8c6f41719d6', class: "", width: "10", height: "10", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '7756ad3b15358d9dbf45dd21396c653086f77ddb', d: "M1.375 1.875L5 5.5L8.625 1.875L9.9375 3.1875L5 8.125L0.0625 3.1875L1.375 1.875Z" })))), h("div", { key: '25eefed10e22236b24fd35729a9d60c2e02776d4', class: "mdc-select__menu mdc-menu mdc-menu-surface mdc-menu-surface--fullwidth", role: "listbox", "aria-label": this.label }, h("slot", { key: '69e7a45420dbaecf966027d945b8b1062803af5a' })), h("p", { key: '37e291c8947342fdb4b1299db627614f83d584c0', id: this.fieldName, class: "mdc-select-helper-text mdc-select-helper-text--validation-msg" }, h("svg", { key: '4a9cc53f1540dbe7c888c11b8bcbeada162ca8c4', class: "select-error-svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '1985a03ee3c2a53c009337874c441e804b4bef90', "clip-path": "url(#clip0_12_1424)" }, h("path", { key: '260800320ff1a138b10b76a7159694dfdbcf2064', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z", fill: "#AF3231" })), h("defs", { key: '9da7794201b07bddc886a27a72d4e8f23e72e10b' }, h("clipPath", { key: '71bff85fce8944cedb9471551c5418e10f0c5c57', id: "clip0_12_1424" }, h("rect", { key: 'bbf9eafebcd635505b17c4daa12122f9ccf54cb2', width: "16", height: "16", fill: "white" })))), this.helpertext), this.infoText ? (h("p", { class: "mdc-select-helper-text mdc-select-helper-text--info-msg" }, this.infoText)) : null)));
176
+ return (h(Host, { key: '3d17f147379efd2f3089a14d4b8052f3afd186c2', class: "ptc-select mf-listen" }, h("div", { key: '596c2fd505ca1426d47ab1ee961ff13339f7dbef', class: this.getSelectClassName() }, h("label", { key: 'f3d6651e4843755fd1fbfb35389fa60a5f69cf9e', class: "ptc-label-select", htmlFor: this.fieldId }, this.label), h("div", { key: '8836821495e366d8970091e9b7a4ba9dd044451d', class: "mdc-select__anchor", "aria-labelledby": "outlined-select-label", ...(this.isRequired ? { ariaRequired: true } : null) }, h("span", { key: 'c99c20b0b8c9e8813295b611a4f8a98cfedfc42b', class: "mdc-notched-outline" }, h("span", { key: '772d0d2e59f453818ae24c3015f3f995aeadfcff', class: "mdc-notched-outline__leading" }), h("span", { key: '96202dc9b9b9ca5ca37b6f4c1e5b85850fe08f22', class: "mdc-notched-outline__trailing" })), h("span", { key: '85e00c919d482ff8d22b0e13227d17a4ee0824b9', class: "mdc-select__selected-text-container" }, h("span", { key: '6273e0d2f6878554e0aec12440131e52a3beff7e', id: this.fieldId, class: "mdc-select__selected-text", "aria-controls": this.fieldName, "aria-describedby": this.fieldName, "data-eloqua-name": this.ptcDataEloquaName, "data-target-eloqua-name": this.ptcDataTargetEloquaName })), h("span", { key: 'a37228412df0d4d444c9315be4731efa72da0113', class: "mdc-select__dropdown-icon" }, h("svg", { key: 'abbaeee43b4d859e6e88853241bdea71897f1966', class: "", width: "10", height: "10", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '4b5b79be39a0c7f70a63944ab99ce23300331b9c', d: "M1.375 1.875L5 5.5L8.625 1.875L9.9375 3.1875L5 8.125L0.0625 3.1875L1.375 1.875Z" })))), h("div", { key: 'f889c17c22c65bbf921e2a3b2d4cf11691c8f343', class: "mdc-select__menu mdc-menu mdc-menu-surface mdc-menu-surface--fullwidth", role: "listbox", "aria-label": this.label }, h("slot", { key: 'fce8f9263e6a1880d8dc9826ca74b893703546e8' })), h("p", { key: '6bb7eb97db16180e6cb292bb768c2eb16674631c', id: this.fieldName, class: "mdc-select-helper-text mdc-select-helper-text--validation-msg" }, h("svg", { key: '98cdf2cf8b12803743e644a2b78d510958a60ad1', class: "select-error-svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '33efac6e221d9e3ef3e933fa11405e211260cf67', "clip-path": "url(#clip0_12_1424)" }, h("path", { key: '84233fb74ce799b05039e4d2e51eb6f832bc0f13', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z", fill: "#AF3231" })), h("defs", { key: '4aa3b9e39027f931bcf0f56e86d36f6735749ca3' }, h("clipPath", { key: 'fe9bb368b6b3e128032af8a5746dab000321b447', id: "clip0_12_1424" }, h("rect", { key: '4c69c70302f9cf2c6f69a21cc94c777a776c56a3', width: "16", height: "16", fill: "white" })))), this.helpertext), this.infoText ? (h("p", { class: "mdc-select-helper-text mdc-select-helper-text--info-msg" }, this.infoText)) : null)));
408
177
  }
409
178
  static get is() { return "ptc-select"; }
410
179
  static get originalStyleUrls() {
@@ -1 +1 @@
1
- {"version":3,"file":"ptc-select.js","sourceRoot":"","sources":["../../../../src/components/atoms/ptc-select/ptc-select.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\r\n\tComponent,\r\n\th,\r\n\tElement,\r\n\tProp,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tHost,\r\n\tState,\r\n} from \"@stencil/core\";\r\nimport { MDCSelect } from \"@material/select\";\r\n// import { MDCSelectHelperText } from '@material/select/helper-text';\r\nimport { ValidationMessages } from \"../../../utils/validation-messages\";\r\nimport { getLanguageFromURL } from \"../../../utils/utils\";\r\n\r\ninterface ExtendedMDCSelect extends MDCSelect {\r\n\topen: boolean;\r\n}\r\n\r\n@Component({\r\n\ttag: \"ptc-select\",\r\n\tstyleUrl: \"ptc-select.scss\",\r\n\tshadow: false,\r\n})\r\nexport class PtcSelect {\r\n\t@Element() el: HTMLElement;\r\n\t@Prop() fieldId: string;\r\n\t@Prop() label: string;\r\n\t@Prop() isRequired: boolean = true;\r\n\t@Prop({ mutable: true }) helpertext: string = \"Please select a value.\";\r\n\t@Prop() fieldName: string;\r\n\t@Prop() disabled: boolean = false;\r\n\t@Prop({ mutable: true }) selectedValue: string = \"\";\r\n\t@Prop({ mutable: true }) defaultValue: string = \"\";\r\n\t@Prop() infoText: string;\r\n\t/**\r\n\t * Eloqua Data\r\n\t */\r\n\t@Prop() ptcDataEloquaName: string;\r\n\t@Prop() ptcDataTargetEloquaName: string;\r\n\t@State() language: string = \"en\";\r\n\r\n\t@Event() valueChange: EventEmitter<string>;\r\n\r\n\tdefaultSelect: ExtendedMDCSelect;\r\n\tlastInteraction: \"mouse\" | \"keyboard\" = \"mouse\";\r\n\r\n //PUT BACK IN WHEN WE CAN FIGURE OUT WHY IT'S NOT WORKING\r\n\t// private map: { [key: string]: string } = {\r\n\t// \tAfghanistan: \"AF\",\r\n\t// \tAlbania: \"AL\",\r\n\t// \tAlgeria: \"DZ\",\r\n\t// \t\"American Samoa\": \"AS\",\r\n\t// \tAndorra: \"AD\",\r\n\t// \tAngola: \"AO\",\r\n\t// \tAnguilla: \"AI\",\r\n\t// \tAntarctica: \"AQ\",\r\n\t// \t\"Antigua and Barbuda\": \"AG\",\r\n\t// \tArgentina: \"AR\",\r\n\t// \tArmenia: \"AM\",\r\n\t// \tAruba: \"AW\",\r\n\t// \tAustralia: \"AU\",\r\n\t// \tAustria: \"AT\",\r\n\t// \tAzerbaijan: \"AZ\",\r\n\t// \tBahamas: \"BS\",\r\n\t// \tBahrain: \"BH\",\r\n\t// \tBangladesh: \"BD\",\r\n\t// \tBarbados: \"BB\",\r\n\t// \tBelarus: \"BY\",\r\n\t// \tBelgium: \"BE\",\r\n\t// \tBelize: \"BZ\",\r\n\t// \tBenin: \"BJ\",\r\n\t// \tBermuda: \"BM\",\r\n\t// \tBhutan: \"BT\",\r\n\t// \tBolivia: \"BO\",\r\n\t// \t\"Bosnia and Herzegovina\": \"BA\",\r\n\t// \tBotswana: \"BW\",\r\n\t// \t\"Bouvet Island\": \"BV\",\r\n\t// \tBrazil: \"BR\",\r\n\t// \t\"British Indian Ocean Territory\": \"IO\",\r\n\t// \t\"Brunei Darussalam\": \"BN\",\r\n\t// \tBulgaria: \"BG\",\r\n\t// \t\"Burkina Faso\": \"BF\",\r\n\t// \tBurundi: \"BI\",\r\n\t// \tCambodia: \"KH\",\r\n\t// \tCameroon: \"CM\",\r\n\t// \tCanada: \"CA\",\r\n\t// \t\"Cape Verde\": \"CV\",\r\n\t// \t\"Cayman Islands\": \"KY\",\r\n\t// \t\"Central African Republic\": \"CF\",\r\n\t// \tChad: \"TD\",\r\n\t// \tChile: \"CL\",\r\n\t// \tChina: \"CN\",\r\n\t// \t\"Christmas Island\": \"CX\",\r\n\t// \t\"Cocos (Keeling) Islands\": \"CC\",\r\n\t// \tColombia: \"CO\",\r\n\t// \tComoros: \"KM\",\r\n\t// \tCongo: \"CG\",\r\n\t// \t\"Congo, Democratic Republic\": \"CD\",\r\n\t// \t\"Cook Islands\": \"CK\",\r\n\t// \t\"Costa Rica\": \"CR\",\r\n\t// \t\"Cote d ivoire\": \"CI\",\r\n\t// \tCroatia: \"HR\",\r\n\t// \tCuba: \"CU\",\r\n\t// \tCyprus: \"CY\",\r\n\t// \t\"Czech Republic\": \"CZ\",\r\n\t// \tDenmark: \"DK\",\r\n\t// \tDjibouti: \"DJ\",\r\n\t// \tDominica: \"DM\",\r\n\t// \t\"Dominican Republic\": \"DO\",\r\n\t// \tEcuador: \"EC\",\r\n\t// \tEgypt: \"EG\",\r\n\t// \t\"El Salvador\": \"SV\",\r\n\t// \t\"Equatorial Guinea\": \"GQ\",\r\n\t// \tEritrea: \"ER\",\r\n\t// \tEstonia: \"EE\",\r\n\t// \tEthiopia: \"ET\",\r\n\t// \t\"Falkland Islands\": \"FK\",\r\n\t// \t\"Faroe Islands\": \"FO\",\r\n\t// \tFiji: \"FJ\",\r\n\t// \tFinland: \"FI\",\r\n\t// \tFrance: \"FR\",\r\n\t// \t\"French Guiana\": \"GF\",\r\n\t// \t\"French Polynesia\": \"PF\",\r\n\t// \t\"French Southern Territories\": \"TF\",\r\n\t// \tGabon: \"GA\",\r\n\t// \tGambia: \"GM\",\r\n\t// \tGeorgia: \"GE\",\r\n\t// \tGermany: \"DE\",\r\n\t// \tGhana: \"GH\",\r\n\t// \tGibraltar: \"GI\",\r\n\t// \tGreece: \"GR\",\r\n\t// \tGreenland: \"GL\",\r\n\t// \tGrenada: \"GD\",\r\n\t// \tGuadeloupe: \"GP\",\r\n\t// \tGuam: \"GU\",\r\n\t// \tGuatemala: \"GT\",\r\n\t// \tGuernsey: \"GG\",\r\n\t// \tGuinea: \"GN\",\r\n\t// \t\"Guinea-Bissau\": \"GW\",\r\n\t// \tGuyana: \"GY\",\r\n\t// \tHaiti: \"HT\",\r\n\t// \t\"Heard and McDonald Isl\": \"HM\",\r\n\t// \t\"Holy See (Vatican City State)\": \"VA\",\r\n\t// \tHonduras: \"HN\",\r\n\t// \t\"Hong Kong\": \"HK\",\r\n\t// \tHungary: \"HU\",\r\n\t// \tIceland: \"IS\",\r\n\t// \tIndia: \"IN\",\r\n\t// \tIndonesia: \"ID\",\r\n\t// \t\"Iran, Islamic Republic Of\": \"IR\",\r\n\t// \tIraq: \"IQ\",\r\n\t// \tIreland: \"IE\",\r\n\t// \t\"Isle Of Man\": \"IM\",\r\n\t// \tIsrael: \"IL\",\r\n\t// \tItaly: \"IT\",\r\n\t// \tJamaica: \"JM\",\r\n\t// \tJapan: \"JP\",\r\n\t// \tJersey: \"JE\",\r\n\t// \tJordan: \"JO\",\r\n\t// \tKazakhstan: \"KZ\",\r\n\t// \tKenya: \"KE\",\r\n\t// \tKiribati: \"KI\",\r\n\t// \tKorea: \"KR\",\r\n\t// \tKuwait: \"KW\",\r\n\t// \tKyrgyzstan: \"KG\",\r\n\t// \t\"Lao People's Democratic Republic\": \"LA\",\r\n\t// \tLatvia: \"LV\",\r\n\t// \tLebanon: \"LB\",\r\n\t// \tLesotho: \"LS\",\r\n\t// \tLiberia: \"LR\",\r\n\t// \t\"Libyan Arab Jamahiriya\": \"LY\",\r\n\t// \tLiechtenstein: \"LI\",\r\n\t// \tLithuania: \"LT\",\r\n\t// \tLuxembourg: \"LU\",\r\n\t// \tMacao: \"MO\",\r\n\t// \tMacedonia: \"MK\",\r\n\t// \tMadagascar: \"MG\",\r\n\t// \tMalawi: \"MW\",\r\n\t// \tMalaysia: \"MY\",\r\n\t// \tMaldives: \"MV\",\r\n\t// \tMali: \"ML\",\r\n\t// \tMalta: \"MT\",\r\n\t// \t\"Marshall Islands\": \"MH\",\r\n\t// \tMartinique: \"MQ\",\r\n\t// \tMauritania: \"MR\",\r\n\t// \tMauritius: \"MU\",\r\n\t// \tMayotte: \"YT\",\r\n\t// \tMexico: \"MX\",\r\n\t// \t\"Micronesia, Federated States Of\": \"FM\",\r\n\t// \tMoldova: \"MD\",\r\n\t// \tMonaco: \"MC\",\r\n\t// \tMongolia: \"MN\",\r\n\t// \tMontenegro: \"ME\",\r\n\t// \tMontserrat: \"MS\",\r\n\t// \tMorocco: \"MA\",\r\n\t// \tMozambique: \"MZ\",\r\n\t// \tMyanmar: \"MM\",\r\n\t// \tNamibia: \"NA\",\r\n\t// \tNauru: \"NR\",\r\n\t// \tNepal: \"NP\",\r\n\t// \tNetherlands: \"NL\",\r\n\t// \t\"Netherlands Antilles\": \"AN\",\r\n\t// \t\"New Caledonia\": \"NC\",\r\n\t// \t\"New Zealand\": \"NZ\",\r\n\t// \tNicaragua: \"NI\",\r\n\t// \tNiger: \"NE\",\r\n\t// \tNigeria: \"NG\",\r\n\t// \tNiue: \"NU\",\r\n\t// \t\"Norfolk Island\": \"NF\",\r\n\t// \t\"Northern Mariana Islands\": \"MP\",\r\n\t// \tNorway: \"NO\",\r\n\t// \tOman: \"OM\",\r\n\t// \tPakistan: \"PK\",\r\n\t// \tPalau: \"PW\",\r\n\t// \t\"Palestinian Territory, Occupied\": \"PS\",\r\n\t// \tPanama: \"PA\",\r\n\t// \t\"Papua New Guinea\": \"PG\",\r\n\t// \tParaguay: \"PY\",\r\n\t// \tPeru: \"PE\",\r\n\t// \tPhilippines: \"PH\",\r\n\t// \tPitcairn: \"PN\",\r\n\t// \tPoland: \"PL\",\r\n\t// \tPortugal: \"PT\",\r\n\t// \t\"Puerto Rico\": \"PR\",\r\n\t// \tQatar: \"QA\",\r\n\t// \tReunion: \"RE\",\r\n\t// \tRomania: \"RO\",\r\n\t// \t\"Russian Federation\": \"RU\",\r\n\t// \tRwanda: \"RW\",\r\n\t// \t\"Saint Barthelemy\": \"BL\",\r\n\t// \t\"Saint Helena\": \"SH\",\r\n\t// \t\"Saint Kitts and Nevis\": \"KN\",\r\n\t// \t\"Saint Lucia\": \"LC\",\r\n\t// \t\"Saint Martin\": \"MF\",\r\n\t// \t\"Saint Pierre and Miquelon\": \"PM\",\r\n\t// \t\"Saint Vincent and Grenadines\": \"VC\",\r\n\t// \tSamoa: \"WS\",\r\n\t// \t\"San Marino\": \"SM\",\r\n\t// \t\"Sao Tome and Principe\": \"ST\",\r\n\t// \t\"Saudi Arabia\": \"SA\",\r\n\t// \tSenegal: \"SN\",\r\n\t// \tSerbia: \"RS\",\r\n\t// \tSeychelles: \"SC\",\r\n\t// \t\"Sierra Leone\": \"SL\",\r\n\t// \tSingapore: \"SG\",\r\n\t// \tSlovakia: \"SK\",\r\n\t// \tSlovenia: \"SI\",\r\n\t// \t\"Solomon Islands\": \"SB\",\r\n\t// \tSomalia: \"SO\",\r\n\t// \t\"South Africa\": \"ZA\",\r\n\t// \t\"South Georgia and Sandwich Isl.\": \"GS\",\r\n\t// \tSpain: \"ES\",\r\n\t// \t\"Sri Lanka\": \"LK\",\r\n\t// \tSudan: \"SD\",\r\n\t// \tSuriname: \"SR\",\r\n\t// \t\"Svalbard and Jan Mayen\": \"SJ\",\r\n\t// \tSwaziland: \"SZ\",\r\n\t// \tSweden: \"SE\",\r\n\t// \tSwitzerland: \"CH\",\r\n\t// \t\"Syrian Arab Republic\": \"SY\",\r\n\t// \tTaiwan: \"TW\",\r\n\t// \tTajikistan: \"TJ\",\r\n\t// \tTanzania: \"TZ\",\r\n\t// \tThailand: \"TH\",\r\n\t// \t\"Timor-Leste\": \"TL\",\r\n\t// \tTogo: \"TG\",\r\n\t// \tTokelau: \"TK\",\r\n\t// \tTonga: \"TO\",\r\n\t// \t\"Trinidad and Tobago\": \"TT\",\r\n\t// \tTunisia: \"TN\",\r\n\t// \tTurkey: \"TR\",\r\n\t// \tTurkmenistan: \"TM\",\r\n\t// \t\"Turks and Caicos Islands\": \"TC\",\r\n\t// \tTuvalu: \"TV\",\r\n\t// \tUganda: \"UG\",\r\n\t// \tUkraine: \"UA\",\r\n\t// \t\"United Arab Emirates\": \"AE\",\r\n\t// \t\"United Kingdom\": \"GB\",\r\n\t// \tUSA: \"US\",\r\n\t// \t\"US Minor Outlying Islands\": \"UM\",\r\n\t// \tUruguay: \"UY\",\r\n\t// \tUzbekistan: \"UZ\",\r\n\t// \tVanuatu: \"VU\",\r\n\t// \tVenezuela: \"VE\",\r\n\t// \tVietnam: \"VN\",\r\n\t// \t\"Virgin Islands (British)\": \"VG\",\r\n\t// \t\"Virgin Islands (U.S.)\": \"VI\",\r\n\t// \t\"Wallis And Futuna\": \"WF\",\r\n\t// \t\"Western Sahara\": \"EH\",\r\n\t// \tYemen: \"YE\",\r\n\t// \tZambia: \"ZM\",\r\n\t// \tZimbabwe: \"ZW\",\r\n\t// };\r\n\r\n\tasync setValue() {\r\n\t\tthis.defaultSelect.value = this.defaultValue;\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.language = getLanguageFromURL();\r\n\t\tthis.helpertext = this.getValidationMessage(\"select\");\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tthis.defaultSelect = new MDCSelect(\r\n\t\t\tthis.el.querySelector(\".mdc-select\"),\r\n\t\t) as ExtendedMDCSelect;\r\n\r\n\t\tif (this.defaultValue) this.setValue();\r\n\r\n\t\tthis.defaultSelect.listen(\"MDCSelect:change\", () => {\r\n\t\t\tif (this.selectedValue !== this.defaultSelect.value) {\r\n\t\t\t\tthis.valueChange.emit(this.defaultSelect.value);\r\n\t\t\t\tthis.selectedValue = this.defaultSelect.value;\r\n //PUT BACK IN WHEN WE CAN FIGURE OUT WHY IT'S NOT WORKING\r\n\t\t\t\t// if (this.fieldId === \"contact-country\") {\r\n\t\t\t\t// \tconst countryCode = this.selectedValue\r\n\t\t\t\t// \t\t? this.map[this.selectedValue]\r\n\t\t\t\t// \t\t: \"\";\r\n\t\t\t\t// \tconst telField = document.querySelector(\r\n\t\t\t\t// \t\t'ptc-textfield[field-id=\"contact-phone\"]',\r\n\t\t\t\t// \t) as HTMLPtcTextfieldElement;\r\n\t\t\t\t// \t// if (telField && countryCode) {\r\n\t\t\t\t// \t// \ttelField.syncCountry(countryCode);\r\n\t\t\t\t// \t// }\r\n\t\t\t\t// }\r\n\t\t\t}\r\n\t\t});\r\n\t\tthis.addKeyboardAccessibility();\r\n\r\n\t\tthis.setupFocusHandlers();\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\tif (this.defaultSelect) {\r\n\t\t\tthis.defaultSelect.destroy();\r\n\t\t}\r\n\t}\r\n\r\n\taddKeyboardAccessibility() {\r\n\t\tconst selectAnchor = this.el.querySelector(\r\n\t\t\t\".mdc-select__anchor\",\r\n\t\t) as HTMLElement;\r\n\t\tconst menu = this.el.querySelector(\".mdc-select__menu\") as HTMLElement;\r\n\r\n\t\tif (!selectAnchor || !menu) {\r\n\t\t\tconsole.warn(\r\n\t\t\t\t\"ptc-select: Unable to find select anchor or menu elements.\",\r\n\t\t\t);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tselectAnchor.addEventListener(\"keydown\", (event: KeyboardEvent) => {\r\n\t\t\tconst key = event.key;\r\n\r\n\t\t\tswitch (key) {\r\n\t\t\t\tcase \"Enter\":\r\n\t\t\t\t\tevent.preventDefault();\r\n\t\t\t\t\tthis.defaultSelect.open = !this.defaultSelect.open;\r\n\t\t\t\t\tif (this.defaultSelect.open) {\r\n\t\t\t\t\t\tthis.setFocusToFirstMenuitem();\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"ArrowDown\":\r\n\t\t\t\tcase \"ArrowUp\":\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"Escape\":\r\n\t\t\t\t\tif (this.defaultSelect.open) {\r\n\t\t\t\t\t\tthis.defaultSelect.open = false;\r\n\t\t\t\t\t\tselectAnchor.focus();\r\n\t\t\t\t\t\tevent.preventDefault();\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"Tab\":\r\n\t\t\t\t\tif (this.defaultSelect.open) {\r\n\t\t\t\t\t\tthis.defaultSelect.open = false;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\t// Focus the first menu item in the dropdown\r\n\tsetFocusToFirstMenuitem() {\r\n\t\tconst firstMenuItem = this.el.querySelector(\r\n\t\t\t\".mdc-list-item\",\r\n\t\t) as HTMLElement;\r\n\t\tif (firstMenuItem) {\r\n\t\t\tfirstMenuItem.focus();\r\n\t\t}\r\n\t}\r\n\r\n\tsetFocusToNextMenuitem(currentMenuitem: HTMLElement) {\r\n\t\tconst menuItems = Array.from(\r\n\t\t\tthis.el.querySelectorAll(\".mdc-list-item\"),\r\n\t\t) as HTMLElement[];\r\n\t\tconst currentIndex = menuItems.indexOf(currentMenuitem);\r\n\t\tconst nextIndex = (currentIndex + 1) % menuItems.length;\r\n\t\tmenuItems[nextIndex].focus();\r\n\t}\r\n\r\n\tsetFocusToPreviousMenuitem(currentMenuitem: HTMLElement) {\r\n\t\tconst menuItems = Array.from(\r\n\t\t\tthis.el.querySelectorAll(\".mdc-list-item\"),\r\n\t\t) as HTMLElement[];\r\n\t\tconst currentIndex = menuItems.indexOf(currentMenuitem);\r\n\t\tconst previousIndex =\r\n\t\t\t(currentIndex - 1 + menuItems.length) % menuItems.length;\r\n\t\tmenuItems[previousIndex].focus();\r\n\t}\r\n\r\n\tgetValidationMessage(type: string) {\r\n\t\treturn ValidationMessages[this.language][type];\r\n\t}\r\n\r\n\tgetSelectClassName() {\r\n\t\tlet className =\r\n\t\t\t\"mdc-select mdc-select--outlined mdc-select--no-label mf-listen\";\r\n\t\tif (this.isRequired) {\r\n\t\t\tclassName = `${className} mdc-select--required`;\r\n\t\t}\r\n\t\treturn className;\r\n\t}\r\n\r\n\tsetupFocusHandlers() {\r\n\t\t// Track the last interaction type\r\n\t\tdocument.addEventListener(\"mousedown\", () => {\r\n\t\t\tthis.lastInteraction = \"mouse\";\r\n\t\t});\r\n\t\tdocument.addEventListener(\"keydown\", (e: KeyboardEvent) => {\r\n\t\t\tif (e.key === \"Tab\") {\r\n\t\t\t\tthis.lastInteraction = \"keyboard\";\r\n\t\t\t}\r\n\t\t});\r\n\t\tconst selectFields = document.querySelectorAll(\r\n\t\t\t\".mdc-select\",\r\n\t\t) as NodeListOf<HTMLElement>;\r\n\t\tselectFields.forEach((selectField) => {\r\n\t\t\tconst select = selectField.querySelector(\".mdc-select__anchor\");\r\n\t\t\tif (select) {\r\n\t\t\t\tselect.addEventListener(\"focus\", () => {\r\n\t\t\t\t\tif (this.lastInteraction === \"keyboard\") {\r\n\t\t\t\t\t\tselectField.classList.add(\"keyboard-focus\");\r\n\t\t\t\t\t\tselectField.classList.remove(\"mouse-focus\");\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tselectField.classList.add(\"mouse-focus\");\r\n\t\t\t\t\t\tselectField.classList.remove(\"keyboard-focus\");\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\tselect.addEventListener(\"blur\", () => {\r\n\t\t\t\t\tselectField.classList.remove(\r\n\t\t\t\t\t\t\"keyboard-focus\",\r\n\t\t\t\t\t\t\"mouse-focus\",\r\n\t\t\t\t\t);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class=\"ptc-select mf-listen\">\r\n\t\t\t\t<div class={this.getSelectClassName()}>\r\n\t\t\t\t\t<label class=\"ptc-label-select\" htmlFor={this.fieldId}>\r\n\t\t\t\t\t\t{this.label}\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"mdc-select__anchor\"\r\n\t\t\t\t\t\taria-labelledby=\"outlined-select-label\"\r\n\t\t\t\t\t\t{...(this.isRequired ? { ariaRequired: true } : null)}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span class=\"mdc-notched-outline\">\r\n\t\t\t\t\t\t\t<span class=\"mdc-notched-outline__leading\"></span>\r\n\t\t\t\t\t\t\t<span class=\"mdc-notched-outline__trailing\"></span>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<span class=\"mdc-select__selected-text-container\">\r\n\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\tid={this.fieldId}\r\n\t\t\t\t\t\t\t\tclass=\"mdc-select__selected-text\"\r\n\t\t\t\t\t\t\t\taria-controls={this.fieldName}\r\n\t\t\t\t\t\t\t\taria-describedby={this.fieldName}\r\n\t\t\t\t\t\t\t\tdata-eloqua-name={this.ptcDataEloquaName}\r\n\t\t\t\t\t\t\t\tdata-target-eloqua-name={\r\n\t\t\t\t\t\t\t\t\tthis.ptcDataTargetEloquaName\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t></span>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<span class=\"mdc-select__dropdown-icon\">\r\n\t\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\t\tclass=\"\"\r\n\t\t\t\t\t\t\t\twidth=\"10\"\r\n\t\t\t\t\t\t\t\theight=\"10\"\r\n\t\t\t\t\t\t\t\tviewBox=\"0 0 10 10\"\r\n\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<path d=\"M1.375 1.875L5 5.5L8.625 1.875L9.9375 3.1875L5 8.125L0.0625 3.1875L1.375 1.875Z\" />\r\n\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"mdc-select__menu mdc-menu mdc-menu-surface mdc-menu-surface--fullwidth\"\r\n\t\t\t\t\t\trole=\"listbox\"\r\n\t\t\t\t\t\taria-label={this.label}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<p\r\n\t\t\t\t\t\tid={this.fieldName}\r\n\t\t\t\t\t\tclass=\"mdc-select-helper-text mdc-select-helper-text--validation-msg\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\tclass=\"select-error-svg\"\r\n\t\t\t\t\t\t\twidth=\"16\"\r\n\t\t\t\t\t\t\theight=\"16\"\r\n\t\t\t\t\t\t\tviewBox=\"0 0 16 16\"\r\n\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<g clip-path=\"url(#clip0_12_1424)\">\r\n\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\tfill-rule=\"evenodd\"\r\n\t\t\t\t\t\t\t\t\tclip-rule=\"evenodd\"\r\n\t\t\t\t\t\t\t\t\td=\"M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z\"\r\n\t\t\t\t\t\t\t\t\tfill=\"#AF3231\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t<defs>\r\n\t\t\t\t\t\t\t\t<clipPath id=\"clip0_12_1424\">\r\n\t\t\t\t\t\t\t\t\t<rect width=\"16\" height=\"16\" fill=\"white\" />\r\n\t\t\t\t\t\t\t\t</clipPath>\r\n\t\t\t\t\t\t\t</defs>\r\n\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t{this.helpertext}\r\n\t\t\t\t\t</p>\r\n\t\t\t\t\t{this.infoText ? (\r\n\t\t\t\t\t\t<p class=\"mdc-select-helper-text mdc-select-helper-text--info-msg\">\r\n\t\t\t\t\t\t\t{this.infoText}\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t{/* helper text */}\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"]}
1
+ {"version":3,"file":"ptc-select.js","sourceRoot":"","sources":["../../../../src/components/atoms/ptc-select/ptc-select.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\r\n\tComponent,\r\n\th,\r\n\tElement,\r\n\tProp,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tHost,\r\n\tState,\r\n} from \"@stencil/core\";\r\nimport { MDCSelect } from \"@material/select\";\r\nimport { ValidationMessages } from \"../../../utils/validation-messages\";\r\nimport { getLanguageFromURL } from \"../../../utils/utils\";\r\n\r\ninterface ExtendedMDCSelect extends MDCSelect {\r\n\topen: boolean;\r\n}\r\n\r\n@Component({\r\n\ttag: \"ptc-select\",\r\n\tstyleUrl: \"ptc-select.scss\",\r\n\tshadow: false,\r\n})\r\nexport class PtcSelect {\r\n\t@Element() el: HTMLElement;\r\n\t@Prop() fieldId: string;\r\n\t@Prop() label: string;\r\n\t@Prop() isRequired: boolean = true;\r\n\t@Prop({ mutable: true }) helpertext: string = \"Please select a value.\";\r\n\t@Prop() fieldName: string;\r\n\t@Prop() disabled: boolean = false;\r\n\t@Prop({ mutable: true }) selectedValue: string = \"\";\r\n\t@Prop({ mutable: true }) defaultValue: string = \"\";\r\n\t@Prop() infoText: string;\r\n\t/**\r\n\t * Eloqua Data\r\n\t */\r\n\t@Prop() ptcDataEloquaName: string;\r\n\t@Prop() ptcDataTargetEloquaName: string;\r\n\t@State() language: string = \"en\";\r\n\r\n\t@Event() valueChange: EventEmitter<string>;\r\n\r\n\tdefaultSelect: ExtendedMDCSelect;\r\n\tlastInteraction: \"mouse\" | \"keyboard\" = \"mouse\";\r\n\tprivate documentMousedownHandler: () => void;\r\n\tprivate documentKeydownHandler: (e: KeyboardEvent) => void;\r\n\r\n\tasync setValue() {\r\n\t\tthis.defaultSelect.value = this.defaultValue;\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.language = getLanguageFromURL();\r\n\t\tthis.helpertext = this.getValidationMessage(\"select\");\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tconst selectElement = this.el.querySelector(\".mdc-select\");\r\n\t\tif (!selectElement) {\r\n\t\t\tconsole.warn(\"ptc-select: Unable to find .mdc-select element.\");\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tthis.defaultSelect = new MDCSelect(selectElement) as ExtendedMDCSelect;\r\n\r\n\t\tif (this.defaultValue) this.setValue();\r\n\r\n\t\tthis.defaultSelect.listen(\"MDCSelect:change\", () => {\r\n\t\t\tif (this.selectedValue !== this.defaultSelect.value) {\r\n\t\t\t\tthis.valueChange.emit(this.defaultSelect.value);\r\n\t\t\t\tthis.selectedValue = this.defaultSelect.value;\r\n //PUT BACK IN WHEN WE CAN FIGURE OUT WHY IT'S NOT WORKING\r\n\t\t\t\t// if (this.fieldId === \"contact-country\") {\r\n\t\t\t\t// \tconst countryCode = this.selectedValue\r\n\t\t\t\t// \t\t? this.map[this.selectedValue]\r\n\t\t\t\t// \t\t: \"\";\r\n\t\t\t\t// \tconst telField = document.querySelector(\r\n\t\t\t\t// \t\t'ptc-textfield[field-id=\"contact-phone\"]',\r\n\t\t\t\t// \t) as HTMLPtcTextfieldElement;\r\n\t\t\t\t// \t// if (telField && countryCode) {\r\n\t\t\t\t// \t// \ttelField.syncCountry(countryCode);\r\n\t\t\t\t// \t// }\r\n\t\t\t\t// }\r\n\t\t\t}\r\n\t\t});\r\n\t\tthis.addKeyboardAccessibility();\r\n\r\n\t\tthis.setupFocusHandlers();\r\n\t}\r\n\r\n\tdisconnectedCallback() {\r\n\t\t// Remove document event listeners to prevent memory leaks\r\n\t\tif (this.documentMousedownHandler) {\r\n\t\t\tdocument.removeEventListener(\"mousedown\", this.documentMousedownHandler);\r\n\t\t}\r\n\t\tif (this.documentKeydownHandler) {\r\n\t\t\tdocument.removeEventListener(\"keydown\", this.documentKeydownHandler);\r\n\t\t}\r\n\t\tif (this.defaultSelect) {\r\n\t\t\tthis.defaultSelect.destroy();\r\n\t\t}\r\n\t}\r\n\r\n\taddKeyboardAccessibility() {\r\n\t\tconst selectAnchor = this.el.querySelector(\r\n\t\t\t\".mdc-select__anchor\",\r\n\t\t) as HTMLElement;\r\n\t\tconst menu = this.el.querySelector(\".mdc-select__menu\") as HTMLElement;\r\n\r\n\t\tif (!selectAnchor || !menu) {\r\n\t\t\tconsole.warn(\r\n\t\t\t\t\"ptc-select: Unable to find select anchor or menu elements.\",\r\n\t\t\t);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tselectAnchor.addEventListener(\"keydown\", (event: KeyboardEvent) => {\r\n\t\t\tconst key = event.key;\r\n\r\n\t\t\tswitch (key) {\r\n\t\t\t\tcase \"Enter\":\r\n\t\t\t\t\tevent.preventDefault();\r\n\t\t\t\t\tthis.defaultSelect.open = !this.defaultSelect.open;\r\n\t\t\t\t\tif (this.defaultSelect.open) {\r\n\t\t\t\t\t\tthis.setFocusToFirstMenuitem();\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"ArrowDown\":\r\n\t\t\t\tcase \"ArrowUp\":\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"Escape\":\r\n\t\t\t\t\tif (this.defaultSelect.open) {\r\n\t\t\t\t\t\tthis.defaultSelect.open = false;\r\n\t\t\t\t\t\tselectAnchor.focus();\r\n\t\t\t\t\t\tevent.preventDefault();\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase \"Tab\":\r\n\t\t\t\t\tif (this.defaultSelect.open) {\r\n\t\t\t\t\t\tthis.defaultSelect.open = false;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\t// Focus the first menu item in the dropdown\r\n\tsetFocusToFirstMenuitem() {\r\n\t\tconst firstMenuItem = this.el.querySelector(\r\n\t\t\t\".mdc-list-item\",\r\n\t\t) as HTMLElement;\r\n\t\tif (firstMenuItem) {\r\n\t\t\tfirstMenuItem.focus();\r\n\t\t}\r\n\t}\r\n\r\n\tsetFocusToNextMenuitem(currentMenuitem: HTMLElement) {\r\n\t\tconst menuItems = Array.from(\r\n\t\t\tthis.el.querySelectorAll(\".mdc-list-item\"),\r\n\t\t) as HTMLElement[];\r\n\t\tconst currentIndex = menuItems.indexOf(currentMenuitem);\r\n\t\tconst nextIndex = (currentIndex + 1) % menuItems.length;\r\n\t\tmenuItems[nextIndex].focus();\r\n\t}\r\n\r\n\tsetFocusToPreviousMenuitem(currentMenuitem: HTMLElement) {\r\n\t\tconst menuItems = Array.from(\r\n\t\t\tthis.el.querySelectorAll(\".mdc-list-item\"),\r\n\t\t) as HTMLElement[];\r\n\t\tconst currentIndex = menuItems.indexOf(currentMenuitem);\r\n\t\tconst previousIndex =\r\n\t\t\t(currentIndex - 1 + menuItems.length) % menuItems.length;\r\n\t\tmenuItems[previousIndex].focus();\r\n\t}\r\n\r\n\tgetValidationMessage(type: string) {\r\n\t\treturn ValidationMessages[this.language][type];\r\n\t}\r\n\r\n\tgetSelectClassName() {\r\n\t\tlet className =\r\n\t\t\t\"mdc-select mdc-select--outlined mdc-select--no-label mf-listen\";\r\n\t\tif (this.isRequired) {\r\n\t\t\tclassName = `${className} mdc-select--required`;\r\n\t\t}\r\n\t\treturn className;\r\n\t}\r\n\r\n\tsetupFocusHandlers() {\r\n\t\t// Track the last interaction type - use bound handlers for proper cleanup\r\n\t\tthis.documentMousedownHandler = () => {\r\n\t\t\tthis.lastInteraction = \"mouse\";\r\n\t\t};\r\n\t\tthis.documentKeydownHandler = (e: KeyboardEvent) => {\r\n\t\t\tif (e.key === \"Tab\") {\r\n\t\t\t\tthis.lastInteraction = \"keyboard\";\r\n\t\t\t}\r\n\t\t};\r\n\t\tdocument.addEventListener(\"mousedown\", this.documentMousedownHandler);\r\n\t\tdocument.addEventListener(\"keydown\", this.documentKeydownHandler);\r\n\r\n\t\t// Only query select fields within this component, not globally\r\n\t\tconst selectField = this.el.querySelector(\r\n\t\t\t\".mdc-select\",\r\n\t\t) as HTMLElement;\r\n\t\tif (selectField) {\r\n\t\t\tconst select = selectField.querySelector(\".mdc-select__anchor\");\r\n\t\t\tif (select) {\r\n\t\t\t\tselect.addEventListener(\"focus\", () => {\r\n\t\t\t\t\tif (this.lastInteraction === \"keyboard\") {\r\n\t\t\t\t\t\tselectField.classList.add(\"keyboard-focus\");\r\n\t\t\t\t\t\tselectField.classList.remove(\"mouse-focus\");\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tselectField.classList.add(\"mouse-focus\");\r\n\t\t\t\t\t\tselectField.classList.remove(\"keyboard-focus\");\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\tselect.addEventListener(\"blur\", () => {\r\n\t\t\t\t\tselectField.classList.remove(\r\n\t\t\t\t\t\t\"keyboard-focus\",\r\n\t\t\t\t\t\t\"mouse-focus\",\r\n\t\t\t\t\t);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class=\"ptc-select mf-listen\">\r\n\t\t\t\t<div class={this.getSelectClassName()}>\r\n\t\t\t\t\t<label class=\"ptc-label-select\" htmlFor={this.fieldId}>\r\n\t\t\t\t\t\t{this.label}\r\n\t\t\t\t\t</label>\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"mdc-select__anchor\"\r\n\t\t\t\t\t\taria-labelledby=\"outlined-select-label\"\r\n\t\t\t\t\t\t{...(this.isRequired ? { ariaRequired: true } : null)}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span class=\"mdc-notched-outline\">\r\n\t\t\t\t\t\t\t<span class=\"mdc-notched-outline__leading\"></span>\r\n\t\t\t\t\t\t\t<span class=\"mdc-notched-outline__trailing\"></span>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<span class=\"mdc-select__selected-text-container\">\r\n\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\tid={this.fieldId}\r\n\t\t\t\t\t\t\t\tclass=\"mdc-select__selected-text\"\r\n\t\t\t\t\t\t\t\taria-controls={this.fieldName}\r\n\t\t\t\t\t\t\t\taria-describedby={this.fieldName}\r\n\t\t\t\t\t\t\t\tdata-eloqua-name={this.ptcDataEloquaName}\r\n\t\t\t\t\t\t\t\tdata-target-eloqua-name={\r\n\t\t\t\t\t\t\t\t\tthis.ptcDataTargetEloquaName\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t></span>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t<span class=\"mdc-select__dropdown-icon\">\r\n\t\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\t\tclass=\"\"\r\n\t\t\t\t\t\t\t\twidth=\"10\"\r\n\t\t\t\t\t\t\t\theight=\"10\"\r\n\t\t\t\t\t\t\t\tviewBox=\"0 0 10 10\"\r\n\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<path d=\"M1.375 1.875L5 5.5L8.625 1.875L9.9375 3.1875L5 8.125L0.0625 3.1875L1.375 1.875Z\" />\r\n\t\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"mdc-select__menu mdc-menu mdc-menu-surface mdc-menu-surface--fullwidth\"\r\n\t\t\t\t\t\trole=\"listbox\"\r\n\t\t\t\t\t\taria-label={this.label}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<p\r\n\t\t\t\t\t\tid={this.fieldName}\r\n\t\t\t\t\t\tclass=\"mdc-select-helper-text mdc-select-helper-text--validation-msg\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\tclass=\"select-error-svg\"\r\n\t\t\t\t\t\t\twidth=\"16\"\r\n\t\t\t\t\t\t\theight=\"16\"\r\n\t\t\t\t\t\t\tviewBox=\"0 0 16 16\"\r\n\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<g clip-path=\"url(#clip0_12_1424)\">\r\n\t\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\t\tfill-rule=\"evenodd\"\r\n\t\t\t\t\t\t\t\t\tclip-rule=\"evenodd\"\r\n\t\t\t\t\t\t\t\t\td=\"M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z\"\r\n\t\t\t\t\t\t\t\t\tfill=\"#AF3231\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t<defs>\r\n\t\t\t\t\t\t\t\t<clipPath id=\"clip0_12_1424\">\r\n\t\t\t\t\t\t\t\t\t<rect width=\"16\" height=\"16\" fill=\"white\" />\r\n\t\t\t\t\t\t\t\t</clipPath>\r\n\t\t\t\t\t\t\t</defs>\r\n\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t{this.helpertext}\r\n\t\t\t\t\t</p>\r\n\t\t\t\t\t{this.infoText ? (\r\n\t\t\t\t\t\t<p class=\"mdc-select-helper-text mdc-select-helper-text--info-msg\">\r\n\t\t\t\t\t\t\t{this.infoText}\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t{/* helper text */}\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"]}
@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, h, d as Host } from './p-DDcZ67jr.js';
2
2
  import { d as defineCustomElement$8 } from './p-BJBZdTyo.js';
3
3
  import { d as defineCustomElement$7 } from './p-TdFYF_Os.js';
4
4
  import { d as defineCustomElement$6 } from './p-DMTNMD3o.js';
5
- import { d as defineCustomElement$5 } from './p-D12rZh_N.js';
5
+ import { d as defineCustomElement$5 } from './p-s8aoBDRM.js';
6
6
  import { d as defineCustomElement$4 } from './p-BAXVGaW1.js';
7
7
  import { d as defineCustomElement$3 } from './p-HAtJV2yg.js';
8
8
  import { d as defineCustomElement$2 } from './p-qFwJl5xl.js';
@@ -3,7 +3,7 @@ import { d as defineCustomElement$9 } from './p-BJBZdTyo.js';
3
3
  import { d as defineCustomElement$8 } from './p-TdFYF_Os.js';
4
4
  import { d as defineCustomElement$7 } from './p-DMTNMD3o.js';
5
5
  import { d as defineCustomElement$6 } from './p-Im8fglI_.js';
6
- import { d as defineCustomElement$5 } from './p-D12rZh_N.js';
6
+ import { d as defineCustomElement$5 } from './p-s8aoBDRM.js';
7
7
  import { d as defineCustomElement$4 } from './p-BAXVGaW1.js';
8
8
  import { d as defineCustomElement$3 } from './p-HAtJV2yg.js';
9
9
  import { d as defineCustomElement$2 } from './p-qFwJl5xl.js';