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

package/dist/collection/components/atoms/ptc-select/ptc-select.js

@@ -1,6 +1,5 @@
 import { h, Host, } from "@stencil/core";
 import { MDCSelect } from "@material/select";
-// import { MDCSelectHelperText } from '@material/select/helper-text';
 import { ValidationMessages } from "../../../utils/validation-messages";
 import { getLanguageFromURL } from "../../../utils/utils";
 export class PtcSelect {
@@ -23,253 +22,8 @@ export class PtcSelect {
     valueChange;
     defaultSelect;
     lastInteraction = "mouse";
-    //PUT BACK IN WHEN WE CAN FIGURE OUT WHY IT'S NOT WORKING
-    // private map: { [key: string]: string } = {
-    // 	Afghanistan: "AF",
-    // 	Albania: "AL",
-    // 	Algeria: "DZ",
-    // 	"American Samoa": "AS",
-    // 	Andorra: "AD",
-    // 	Angola: "AO",
-    // 	Anguilla: "AI",
-    // 	Antarctica: "AQ",
-    // 	"Antigua and Barbuda": "AG",
-    // 	Argentina: "AR",
-    // 	Armenia: "AM",
-    // 	Aruba: "AW",
-    // 	Australia: "AU",
-    // 	Austria: "AT",
-    // 	Azerbaijan: "AZ",
-    // 	Bahamas: "BS",
-    // 	Bahrain: "BH",
-    // 	Bangladesh: "BD",
-    // 	Barbados: "BB",
-    // 	Belarus: "BY",
-    // 	Belgium: "BE",
-    // 	Belize: "BZ",
-    // 	Benin: "BJ",
-    // 	Bermuda: "BM",
-    // 	Bhutan: "BT",
-    // 	Bolivia: "BO",
-    // 	"Bosnia and Herzegovina": "BA",
-    // 	Botswana: "BW",
-    // 	"Bouvet Island": "BV",
-    // 	Brazil: "BR",
-    // 	"British Indian Ocean Territory": "IO",
-    // 	"Brunei Darussalam": "BN",
-    // 	Bulgaria: "BG",
-    // 	"Burkina Faso": "BF",
-    // 	Burundi: "BI",
-    // 	Cambodia: "KH",
-    // 	Cameroon: "CM",
-    // 	Canada: "CA",
-    // 	"Cape Verde": "CV",
-    // 	"Cayman Islands": "KY",
-    // 	"Central African Republic": "CF",
-    // 	Chad: "TD",
-    // 	Chile: "CL",
-    // 	China: "CN",
-    // 	"Christmas Island": "CX",
-    // 	"Cocos (Keeling) Islands": "CC",
-    // 	Colombia: "CO",
-    // 	Comoros: "KM",
-    // 	Congo: "CG",
-    // 	"Congo, Democratic Republic": "CD",
-    // 	"Cook Islands": "CK",
-    // 	"Costa Rica": "CR",
-    // 	"Cote d ivoire": "CI",
-    // 	Croatia: "HR",
-    // 	Cuba: "CU",
-    // 	Cyprus: "CY",
-    // 	"Czech Republic": "CZ",
-    // 	Denmark: "DK",
-    // 	Djibouti: "DJ",
-    // 	Dominica: "DM",
-    // 	"Dominican Republic": "DO",
-    // 	Ecuador: "EC",
-    // 	Egypt: "EG",
-    // 	"El Salvador": "SV",
-    // 	"Equatorial Guinea": "GQ",
-    // 	Eritrea: "ER",
-    // 	Estonia: "EE",
-    // 	Ethiopia: "ET",
-    // 	"Falkland Islands": "FK",
-    // 	"Faroe Islands": "FO",
-    // 	Fiji: "FJ",
-    // 	Finland: "FI",
-    // 	France: "FR",
-    // 	"French Guiana": "GF",
-    // 	"French Polynesia": "PF",
-    // 	"French Southern Territories": "TF",
-    // 	Gabon: "GA",
-    // 	Gambia: "GM",
-    // 	Georgia: "GE",
-    // 	Germany: "DE",
-    // 	Ghana: "GH",
-    // 	Gibraltar: "GI",
-    // 	Greece: "GR",
-    // 	Greenland: "GL",
-    // 	Grenada: "GD",
-    // 	Guadeloupe: "GP",
-    // 	Guam: "GU",
-    // 	Guatemala: "GT",
-    // 	Guernsey: "GG",
-    // 	Guinea: "GN",
-    // 	"Guinea-Bissau": "GW",
-    // 	Guyana: "GY",
-    // 	Haiti: "HT",
-    // 	"Heard and McDonald Isl": "HM",
-    // 	"Holy See (Vatican City State)": "VA",
-    // 	Honduras: "HN",
-    // 	"Hong Kong": "HK",
-    // 	Hungary: "HU",
-    // 	Iceland: "IS",
-    // 	India: "IN",
-    // 	Indonesia: "ID",
-    // 	"Iran, Islamic Republic Of": "IR",
-    // 	Iraq: "IQ",
-    // 	Ireland: "IE",
-    // 	"Isle Of Man": "IM",
-    // 	Israel: "IL",
-    // 	Italy: "IT",
-    // 	Jamaica: "JM",
-    // 	Japan: "JP",
-    // 	Jersey: "JE",
-    // 	Jordan: "JO",
-    // 	Kazakhstan: "KZ",
-    // 	Kenya: "KE",
-    // 	Kiribati: "KI",
-    // 	Korea: "KR",
-    // 	Kuwait: "KW",
-    // 	Kyrgyzstan: "KG",
-    // 	"Lao People's Democratic Republic": "LA",
-    // 	Latvia: "LV",
-    // 	Lebanon: "LB",
-    // 	Lesotho: "LS",
-    // 	Liberia: "LR",
-    // 	"Libyan Arab Jamahiriya": "LY",
-    // 	Liechtenstein: "LI",
-    // 	Lithuania: "LT",
-    // 	Luxembourg: "LU",
-    // 	Macao: "MO",
-    // 	Macedonia: "MK",
-    // 	Madagascar: "MG",
-    // 	Malawi: "MW",
-    // 	Malaysia: "MY",
-    // 	Maldives: "MV",
-    // 	Mali: "ML",
-    // 	Malta: "MT",
-    // 	"Marshall Islands": "MH",
-    // 	Martinique: "MQ",
-    // 	Mauritania: "MR",
-    // 	Mauritius: "MU",
-    // 	Mayotte: "YT",
-    // 	Mexico: "MX",
-    // 	"Micronesia, Federated States Of": "FM",
-    // 	Moldova: "MD",
-    // 	Monaco: "MC",
-    // 	Mongolia: "MN",
-    // 	Montenegro: "ME",
-    // 	Montserrat: "MS",
-    // 	Morocco: "MA",
-    // 	Mozambique: "MZ",
-    // 	Myanmar: "MM",
-    // 	Namibia: "NA",
-    // 	Nauru: "NR",
-    // 	Nepal: "NP",
-    // 	Netherlands: "NL",
-    // 	"Netherlands Antilles": "AN",
-    // 	"New Caledonia": "NC",
-    // 	"New Zealand": "NZ",
-    // 	Nicaragua: "NI",
-    // 	Niger: "NE",
-    // 	Nigeria: "NG",
-    // 	Niue: "NU",
-    // 	"Norfolk Island": "NF",
-    // 	"Northern Mariana Islands": "MP",
-    // 	Norway: "NO",
-    // 	Oman: "OM",
-    // 	Pakistan: "PK",
-    // 	Palau: "PW",
-    // 	"Palestinian Territory, Occupied": "PS",
-    // 	Panama: "PA",
-    // 	"Papua New Guinea": "PG",
-    // 	Paraguay: "PY",
-    // 	Peru: "PE",
-    // 	Philippines: "PH",
-    // 	Pitcairn: "PN",
-    // 	Poland: "PL",
-    // 	Portugal: "PT",
-    // 	"Puerto Rico": "PR",
-    // 	Qatar: "QA",
-    // 	Reunion: "RE",
-    // 	Romania: "RO",
-    // 	"Russian Federation": "RU",
-    // 	Rwanda: "RW",
-    // 	"Saint Barthelemy": "BL",
-    // 	"Saint Helena": "SH",
-    // 	"Saint Kitts and Nevis": "KN",
-    // 	"Saint Lucia": "LC",
-    // 	"Saint Martin": "MF",
-    // 	"Saint Pierre and Miquelon": "PM",
-    // 	"Saint Vincent and Grenadines": "VC",
-    // 	Samoa: "WS",
-    // 	"San Marino": "SM",
-    // 	"Sao Tome and Principe": "ST",
-    // 	"Saudi Arabia": "SA",
-    // 	Senegal: "SN",
-    // 	Serbia: "RS",
-    // 	Seychelles: "SC",
-    // 	"Sierra Leone": "SL",
-    // 	Singapore: "SG",
-    // 	Slovakia: "SK",
-    // 	Slovenia: "SI",
-    // 	"Solomon Islands": "SB",
-    // 	Somalia: "SO",
-    // 	"South Africa": "ZA",
-    // 	"South Georgia and Sandwich Isl.": "GS",
-    // 	Spain: "ES",
-    // 	"Sri Lanka": "LK",
-    // 	Sudan: "SD",
-    // 	Suriname: "SR",
-    // 	"Svalbard and Jan Mayen": "SJ",
-    // 	Swaziland: "SZ",
-    // 	Sweden: "SE",
-    // 	Switzerland: "CH",
-    // 	"Syrian Arab Republic": "SY",
-    // 	Taiwan: "TW",
-    // 	Tajikistan: "TJ",
-    // 	Tanzania: "TZ",
-    // 	Thailand: "TH",
-    // 	"Timor-Leste": "TL",
-    // 	Togo: "TG",
-    // 	Tokelau: "TK",
-    // 	Tonga: "TO",
-    // 	"Trinidad and Tobago": "TT",
-    // 	Tunisia: "TN",
-    // 	Turkey: "TR",
-    // 	Turkmenistan: "TM",
-    // 	"Turks and Caicos Islands": "TC",
-    // 	Tuvalu: "TV",
-    // 	Uganda: "UG",
-    // 	Ukraine: "UA",
-    // 	"United Arab Emirates": "AE",
-    // 	"United Kingdom": "GB",
-    // 	USA: "US",
-    // 	"US Minor Outlying Islands": "UM",
-    // 	Uruguay: "UY",
-    // 	Uzbekistan: "UZ",
-    // 	Vanuatu: "VU",
-    // 	Venezuela: "VE",
-    // 	Vietnam: "VN",
-    // 	"Virgin Islands (British)": "VG",
-    // 	"Virgin Islands (U.S.)": "VI",
-    // 	"Wallis And Futuna": "WF",
-    // 	"Western Sahara": "EH",
-    // 	Yemen: "YE",
-    // 	Zambia: "ZM",
-    // 	Zimbabwe: "ZW",
-    // };
+    documentMousedownHandler;
+    documentKeydownHandler;
     async setValue() {
         this.defaultSelect.value = this.defaultValue;
     }
@@ -278,7 +32,59 @@ export class PtcSelect {
         this.helpertext = this.getValidationMessage("select");
     }
     componentDidLoad() {
-        this.defaultSelect = new MDCSelect(this.el.querySelector(".mdc-select"));
+        // Use requestAnimationFrame to ensure slotted content is fully rendered
+        requestAnimationFrame(() => {
+            this.initializeMDCSelect();
+        });
+    }
+    initializeMDCSelect() {
+        console.log("[ptc-select DEBUG] Starting initialization for field:", this.fieldId);
+        const selectElement = this.el.querySelector(".mdc-select");
+        if (!selectElement) {
+            console.warn("[ptc-select DEBUG] Unable to find .mdc-select element.");
+            return;
+        }
+        console.log("[ptc-select DEBUG] Found .mdc-select element:", selectElement);
+        // Ensure the menu has the mdc-list inside it
+        const menu = selectElement.querySelector(".mdc-select__menu");
+        const list = menu?.querySelector(".mdc-list");
+        console.log("[ptc-select DEBUG] Menu element:", menu);
+        console.log("[ptc-select DEBUG] List element:", list);
+        if (!list) {
+            console.warn("[ptc-select DEBUG] Unable to find .mdc-list inside menu. Retrying...");
+            // Retry after a short delay if list is not found (slot content may not be ready)
+            setTimeout(() => this.initializeMDCSelect(), 100);
+            return;
+        }
+        try {
+            this.defaultSelect = new MDCSelect(selectElement);
+            console.log("[ptc-select DEBUG] MDCSelect initialized successfully:", this.defaultSelect);
+        }
+        catch (error) {
+            console.error("[ptc-select DEBUG] Error initializing MDCSelect:", error);
+            return;
+        }
+        // Add click listener for debugging
+        const anchor = selectElement.querySelector(".mdc-select__anchor");
+        if (anchor) {
+            anchor.addEventListener("click", (e) => {
+                console.log("[ptc-select DEBUG] Anchor clicked!", e);
+                console.log("[ptc-select DEBUG] MDCSelect open state:", this.defaultSelect?.open);
+                console.log("[ptc-select DEBUG] Menu classes:", menu?.className);
+                console.log("[ptc-select DEBUG] Select classes:", selectElement.className);
+            });
+            console.log("[ptc-select DEBUG] Click listener added to anchor");
+        }
+        // Listen for MDCSelect events
+        this.defaultSelect.listen("MDCSelect:change", () => {
+            console.log("[ptc-select DEBUG] MDCSelect:change event fired, value:", this.defaultSelect.value);
+        });
+        this.defaultSelect.listen("MDCMenuSurface:opened", () => {
+            console.log("[ptc-select DEBUG] Menu opened!");
+        });
+        this.defaultSelect.listen("MDCMenuSurface:closed", () => {
+            console.log("[ptc-select DEBUG] Menu closed!");
+        });
         if (this.defaultValue)
             this.setValue();
         this.defaultSelect.listen("MDCSelect:change", () => {
@@ -303,6 +109,13 @@ export class PtcSelect {
         this.setupFocusHandlers();
     }
     disconnectedCallback() {
+        // Remove document event listeners to prevent memory leaks
+        if (this.documentMousedownHandler) {
+            document.removeEventListener("mousedown", this.documentMousedownHandler);
+        }
+        if (this.documentKeydownHandler) {
+            document.removeEventListener("keydown", this.documentKeydownHandler);
+        }
         if (this.defaultSelect) {
             this.defaultSelect.destroy();
         }
@@ -374,17 +187,20 @@ export class PtcSelect {
         return className;
     }
     setupFocusHandlers() {
-        // Track the last interaction type
-        document.addEventListener("mousedown", () => {
+        // Track the last interaction type - use bound handlers for proper cleanup
+        this.documentMousedownHandler = () => {
             this.lastInteraction = "mouse";
-        });
-        document.addEventListener("keydown", (e) => {
+        };
+        this.documentKeydownHandler = (e) => {
             if (e.key === "Tab") {
                 this.lastInteraction = "keyboard";
             }
-        });
-        const selectFields = document.querySelectorAll(".mdc-select");
-        selectFields.forEach((selectField) => {
+        };
+        document.addEventListener("mousedown", this.documentMousedownHandler);
+        document.addEventListener("keydown", this.documentKeydownHandler);
+        // Only query select fields within this component, not globally
+        const selectField = this.el.querySelector(".mdc-select");
+        if (selectField) {
             const select = selectField.querySelector(".mdc-select__anchor");
             if (select) {
                 select.addEventListener("focus", () => {
@@ -401,10 +217,10 @@ export class PtcSelect {
                     selectField.classList.remove("keyboard-focus", "mouse-focus");
                 });
             }
-        });
+        }
     }
     render() {
-        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)));
+        return (h(Host, { key: '5dea3cd63999abed37acc8b38be2946ff45ad7f1', class: "ptc-select mf-listen" }, h("div", { key: 'da6aa2cbf6cdb1a84b4790649fc65755717de577', class: this.getSelectClassName() }, h("label", { key: '93403f7bb19deda1e1df8c1ab6676cda07b92a4d', class: "ptc-label-select", htmlFor: this.fieldId }, this.label), h("div", { key: '2643b2c6ce677f7b2adf037f3f5a11fd91a095b3', class: "mdc-select__anchor", role: "button", "aria-haspopup": "listbox", "aria-labelledby": "outlined-select-label", tabindex: "0", ...(this.isRequired ? { ariaRequired: true } : null) }, h("span", { key: 'f628892254eaa59d33f9c82a65e7337897eeddb4', class: "mdc-notched-outline" }, h("span", { key: '5b2118226c33cc9b36585b71e809a5dea59f8b96', class: "mdc-notched-outline__leading" }), h("span", { key: '1dea00f993b89193440884991eb64bdb1a73781d', class: "mdc-notched-outline__trailing" })), h("span", { key: 'e8afa796285e70c7fa2da52569027cce7c08aa30', class: "mdc-select__selected-text-container" }, h("span", { key: '65bab74b86a67dd734ad59f9261926ab26933e72', 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: 'a12c76ac9edf2ac082c398c068370a01bc1dad86', class: "mdc-select__dropdown-icon" }, h("svg", { key: 'ef5de1a331e53f750f105f84927a5ba85b1094ea', class: "", width: "10", height: "10", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '336956f92d89d0f57c85074209557152f393d238', d: "M1.375 1.875L5 5.5L8.625 1.875L9.9375 3.1875L5 8.125L0.0625 3.1875L1.375 1.875Z" })))), h("div", { key: 'cfb86117e32b4c2ecbfe54c3fe719b0dec0e6007', class: "mdc-select__menu mdc-menu mdc-menu-surface mdc-menu-surface--fullwidth", role: "listbox", "aria-label": this.label }, h("slot", { key: '08cab225d17cb45edf3981e94d4840e6842dafb2' })), h("p", { key: '62cfd867b5f5e7191ce3182f66e06d4fcb53a8b9', id: this.fieldName, class: "mdc-select-helper-text mdc-select-helper-text--validation-msg" }, h("svg", { key: '7eb6f4da067582e5cccffa2212c1bbae0f103df8', 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: '18668c906b1b8c354dabdbbba80c6f2a47c81a59', "clip-path": "url(#clip0_12_1424)" }, h("path", { key: '7d2429f54a525aa29b3120884fb0c1c56ba33d06', "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: 'cefa25992fa43eb762a407461f3f1f7cb76b545a' }, h("clipPath", { key: '06cf1a1e1af53f69ac92d5018ea968e99d382c8b', id: "clip0_12_1424" }, h("rect", { key: '7e2936db88aad178046c62a5276ffedac4a1840b', 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)));
     }
     static get is() { return "ptc-select"; }
     static get originalStyleUrls() {

package/dist/collection/components/atoms/ptc-select/ptc-select.js.map

@@ -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"]}
+{"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\t// Use requestAnimationFrame to ensure slotted content is fully rendered\r\n\t\trequestAnimationFrame(() => {\r\n\t\t\tthis.initializeMDCSelect();\r\n\t\t});\r\n\t}\r\n\r\n\tprivate initializeMDCSelect() {\r\n\t\tconsole.log(\"[ptc-select DEBUG] Starting initialization for field:\", this.fieldId);\r\n\t\t\r\n\t\tconst selectElement = this.el.querySelector(\".mdc-select\");\r\n\t\tif (!selectElement) {\r\n\t\t\tconsole.warn(\"[ptc-select DEBUG] Unable to find .mdc-select element.\");\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tconsole.log(\"[ptc-select DEBUG] Found .mdc-select element:\", selectElement);\r\n\r\n\t\t// Ensure the menu has the mdc-list inside it\r\n\t\tconst menu = selectElement.querySelector(\".mdc-select__menu\");\r\n\t\tconst list = menu?.querySelector(\".mdc-list\");\r\n\t\tconsole.log(\"[ptc-select DEBUG] Menu element:\", menu);\r\n\t\tconsole.log(\"[ptc-select DEBUG] List element:\", list);\r\n\t\t\r\n\t\tif (!list) {\r\n\t\t\tconsole.warn(\"[ptc-select DEBUG] Unable to find .mdc-list inside menu. Retrying...\");\r\n\t\t\t// Retry after a short delay if list is not found (slot content may not be ready)\r\n\t\t\tsetTimeout(() => this.initializeMDCSelect(), 100);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\ttry {\r\n\t\t\tthis.defaultSelect = new MDCSelect(selectElement) as ExtendedMDCSelect;\r\n\t\t\tconsole.log(\"[ptc-select DEBUG] MDCSelect initialized successfully:\", this.defaultSelect);\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error(\"[ptc-select DEBUG] Error initializing MDCSelect:\", error);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// Add click listener for debugging\r\n\t\tconst anchor = selectElement.querySelector(\".mdc-select__anchor\");\r\n\t\tif (anchor) {\r\n\t\t\tanchor.addEventListener(\"click\", (e) => {\r\n\t\t\t\tconsole.log(\"[ptc-select DEBUG] Anchor clicked!\", e);\r\n\t\t\t\tconsole.log(\"[ptc-select DEBUG] MDCSelect open state:\", this.defaultSelect?.open);\r\n\t\t\t\tconsole.log(\"[ptc-select DEBUG] Menu classes:\", menu?.className);\r\n\t\t\t\tconsole.log(\"[ptc-select DEBUG] Select classes:\", selectElement.className);\r\n\t\t\t});\r\n\t\t\tconsole.log(\"[ptc-select DEBUG] Click listener added to anchor\");\r\n\t\t}\r\n\r\n\t\t// Listen for MDCSelect events\r\n\t\tthis.defaultSelect.listen(\"MDCSelect:change\", () => {\r\n\t\t\tconsole.log(\"[ptc-select DEBUG] MDCSelect:change event fired, value:\", this.defaultSelect.value);\r\n\t\t});\r\n\r\n\t\tthis.defaultSelect.listen(\"MDCMenuSurface:opened\", () => {\r\n\t\t\tconsole.log(\"[ptc-select DEBUG] Menu opened!\");\r\n\t\t});\r\n\r\n\t\tthis.defaultSelect.listen(\"MDCMenuSurface:closed\", () => {\r\n\t\t\tconsole.log(\"[ptc-select DEBUG] Menu closed!\");\r\n\t\t});\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\trole=\"button\"\r\n\t\t\t\t\t\taria-haspopup=\"listbox\"\r\n\t\t\t\t\t\taria-labelledby=\"outlined-select-label\"\r\n\t\t\t\t\t\ttabindex=\"0\"\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"]}

package/dist/components/academic-form-test.js

@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, h, d as Host } from './p-DDcZ67jr.js';
 import { d as defineCustomElement$8 } from './p-BJBZdTyo.js';
 import { d as defineCustomElement$7 } from './p-TdFYF_Os.js';
 import { d as defineCustomElement$6 } from './p-DMTNMD3o.js';
-import { d as defineCustomElement$5 } from './p-D12rZh_N.js';
+import { d as defineCustomElement$5 } from './p-1BqkHLLN.js';
 import { d as defineCustomElement$4 } from './p-BAXVGaW1.js';
 import { d as defineCustomElement$3 } from './p-HAtJV2yg.js';
 import { d as defineCustomElement$2 } from './p-qFwJl5xl.js';

package/dist/components/embedded-form.js

@@ -3,7 +3,7 @@ import { d as defineCustomElement$9 } from './p-BJBZdTyo.js';
 import { d as defineCustomElement$8 } from './p-TdFYF_Os.js';
 import { d as defineCustomElement$7 } from './p-DMTNMD3o.js';
 import { d as defineCustomElement$6 } from './p-Im8fglI_.js';
-import { d as defineCustomElement$5 } from './p-D12rZh_N.js';
+import { d as defineCustomElement$5 } from './p-1BqkHLLN.js';
 import { d as defineCustomElement$4 } from './p-BAXVGaW1.js';
 import { d as defineCustomElement$3 } from './p-HAtJV2yg.js';
 import { d as defineCustomElement$2 } from './p-qFwJl5xl.js';